thomas-uikit-core 1.0.1 → 1.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/App.tsx +11 -0
package/package.json
CHANGED
package/src/App.tsx
CHANGED
|
@@ -70,6 +70,17 @@ function TypographyPreview() {
|
|
|
70
70
|
<Text variant="button-l">Button Large</Text>
|
|
71
71
|
<Text variant="button-m">Button Medium</Text>
|
|
72
72
|
<Text variant="button-s">Button Small</Text>
|
|
73
|
+
|
|
74
|
+
{/* Color examples */}
|
|
75
|
+
<div style={{ display: 'flex', gap: 16, marginTop: 24, flexWrap: 'wrap' }}>
|
|
76
|
+
<Text variant="h3" as="h3" className="text-ocean-500">Ocean 500</Text>
|
|
77
|
+
<Text variant="h3" as="h3" className="text-volcano-500">Volcano 500</Text>
|
|
78
|
+
<Text variant="h3" as="h3" className="text-desert-500">Desert 500</Text>
|
|
79
|
+
<Text variant="h3" as="h3" className="text-forest-500">Forest 500</Text>
|
|
80
|
+
<Text variant="h3" as="h3" className="text-twilight-500">Twilight 500</Text>
|
|
81
|
+
<Text variant="h3" as="h3" className="text-flamingo-500">Flamingo 500</Text>
|
|
82
|
+
<Text variant="h3" as="h3" className="text-sumi-900">Sumi 900</Text>
|
|
83
|
+
</div>
|
|
73
84
|
</div>
|
|
74
85
|
);
|
|
75
86
|
}
|