Compare commits
No commits in common. "3bed5a97c56315bac7c9442e7f938c8640bd40ad" and "ec93cd5678521007e3dacc32a797ea294c1eb6fc" have entirely different histories.
3bed5a97c5
...
ec93cd5678
@ -107,7 +107,7 @@ interface PreviewBlockProps {
|
|||||||
|
|
||||||
const PreviewBlock: FC<PreviewBlockProps> = ({ baseline, title }) => {
|
const PreviewBlock: FC<PreviewBlockProps> = ({ baseline, title }) => {
|
||||||
const customSets = useMemo(() => {
|
const customSets = useMemo(() => {
|
||||||
const colors = keys(baseline.customColors).sort();
|
const colors = keys(baseline.customColors);
|
||||||
const elements: ReactNode[] = [];
|
const elements: ReactNode[] = [];
|
||||||
|
|
||||||
for (const key of colors) {
|
for (const key of colors) {
|
||||||
@ -122,9 +122,9 @@ const PreviewBlock: FC<PreviewBlockProps> = ({ baseline, title }) => {
|
|||||||
<div className={styles.preview_block} style={{ backgroundColor: `#${baseline.surface.root}` }}>
|
<div className={styles.preview_block} style={{ backgroundColor: `#${baseline.surface.root}` }}>
|
||||||
<h2 style={{ color: `#${baseline.surface.onRoot}` }}>{title}</h2>
|
<h2 style={{ color: `#${baseline.surface.onRoot}` }}>{title}</h2>
|
||||||
<PreviewSet name="Primary" colorUnit={baseline.primary} />
|
<PreviewSet name="Primary" colorUnit={baseline.primary} />
|
||||||
{baseline.secondary && <PreviewSet name="Secondary" colorUnit={baseline.secondary} />}
|
<PreviewSet name="Secondary" colorUnit={baseline.secondary} />
|
||||||
{baseline.tertiary && <PreviewSet name="Tertiary" colorUnit={baseline.tertiary} />}
|
<PreviewSet name="Tertiary" colorUnit={baseline.tertiary} />
|
||||||
{baseline.accent && <PreviewSet name="Accent" colorUnit={baseline.accent} />}
|
<PreviewSet name="Accent" colorUnit={baseline.accent} />
|
||||||
<PreviewSet name="Danger" colorUnit={baseline.danger} />
|
<PreviewSet name="Danger" colorUnit={baseline.danger} />
|
||||||
<PreviewSet name="Success" colorUnit={baseline.success} />
|
<PreviewSet name="Success" colorUnit={baseline.success} />
|
||||||
<PreviewSet name="Warn" colorUnit={baseline.warn} />
|
<PreviewSet name="Warn" colorUnit={baseline.warn} />
|
||||||
|
Loading…
x
Reference in New Issue
Block a user