@umami/react-zen 0.231.0 → 0.233.0
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/README.md +3 -3
- package/dist/index.d.mts +19 -3
- package/dist/index.d.ts +19 -3
- package/dist/index.js +108 -4
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +108 -5
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
- package/styles.full.css +1 -1
- package/tailwind.preset.ts +34 -0
package/tailwind.preset.ts
CHANGED
|
@@ -19,6 +19,40 @@ import plugin from 'tailwindcss/plugin';
|
|
|
19
19
|
*/
|
|
20
20
|
const preset: Config = {
|
|
21
21
|
darkMode: ['selector', '[data-theme="dark"], .dark'],
|
|
22
|
+
// Safelist hover/focus/active variants of colors
|
|
23
|
+
// These are dynamically composed in mapStateStyles and need to be explicitly included
|
|
24
|
+
safelist: [
|
|
25
|
+
// Semantic surface backgrounds
|
|
26
|
+
{ pattern: /^(hover|focus|active):bg-surface-(base|raised|sunken|overlay|inverted|disabled)$/ },
|
|
27
|
+
// Semantic interactive backgrounds
|
|
28
|
+
{ pattern: /^(hover|focus|active):bg-interactive(-hover|-pressed|-selected)?$/ },
|
|
29
|
+
// Semantic text colors
|
|
30
|
+
{
|
|
31
|
+
pattern: /^(hover|focus|active):text-foreground-(primary|secondary|muted|disabled|inverted)$/,
|
|
32
|
+
},
|
|
33
|
+
// Semantic border colors
|
|
34
|
+
{ pattern: /^(hover|focus|active):border-edge(-muted|-strong|-inverted)?$/ },
|
|
35
|
+
// Opacity
|
|
36
|
+
{
|
|
37
|
+
pattern:
|
|
38
|
+
/^(hover|focus|active):opacity-(0|5|10|15|20|25|30|35|40|45|50|55|60|65|70|75|80|85|90|95|100)$/,
|
|
39
|
+
},
|
|
40
|
+
// Tailwind color palette for backgrounds
|
|
41
|
+
{
|
|
42
|
+
pattern:
|
|
43
|
+
/^(hover|focus|active):bg-(slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(50|100|200|300|400|500|600|700|800|900|950)$/,
|
|
44
|
+
},
|
|
45
|
+
// Tailwind color palette for text
|
|
46
|
+
{
|
|
47
|
+
pattern:
|
|
48
|
+
/^(hover|focus|active):text-(slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(50|100|200|300|400|500|600|700|800|900|950)$/,
|
|
49
|
+
},
|
|
50
|
+
// Tailwind color palette for borders
|
|
51
|
+
{
|
|
52
|
+
pattern:
|
|
53
|
+
/^(hover|focus|active):border-(slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(50|100|200|300|400|500|600|700|800|900|950)$/,
|
|
54
|
+
},
|
|
55
|
+
],
|
|
22
56
|
theme: {
|
|
23
57
|
extend: {
|
|
24
58
|
fontFamily: {
|