@onesaz/tailwind-config 0.3.0 → 0.3.2
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/dist/index.cjs +1 -0
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/v4.css +6 -0
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -31,6 +31,7 @@ var config = {
|
|
|
31
31
|
colors: {
|
|
32
32
|
// Accent color palettes
|
|
33
33
|
purple: import_tokens.accentColors.purple,
|
|
34
|
+
violet: import_tokens.accentColors.violet,
|
|
34
35
|
blue: import_tokens.accentColors.blue,
|
|
35
36
|
cyan: import_tokens.accentColors.cyan,
|
|
36
37
|
teal: import_tokens.accentColors.teal,
|
package/dist/index.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type { Config } from 'tailwindcss'\nimport {\n accentColors,\n grayColors,\n semanticColors,\n spacing,\n fontSizes,\n fontFamilies,\n radiusScale,\n} from '@onesaz/tokens'\n\nconst config: Partial<Config> = {\n darkMode: ['class', '[data-theme=\"dark\"]'],\n theme: {\n extend: {\n colors: {\n // Accent color palettes\n purple: accentColors.purple,\n blue: accentColors.blue,\n cyan: accentColors.cyan,\n teal: accentColors.teal,\n green: accentColors.green,\n orange: accentColors.orange,\n red: accentColors.red,\n pink: accentColors.pink,\n\n // Gray palettes\n slate: grayColors.slate,\n gray: grayColors.gray,\n zinc: grayColors.zinc,\n neutral: grayColors.neutral,\n\n // Semantic colors\n success: semanticColors.success,\n warning: semanticColors.warning,\n error: semanticColors.error,\n info: semanticColors.info,\n\n // CSS variable based colors for dynamic theming\n background: 'var(--background)',\n foreground: 'var(--foreground)',\n card: {\n DEFAULT: 'var(--card)',\n foreground: 'var(--card-foreground)',\n },\n popover: {\n DEFAULT: 'var(--popover)',\n foreground: 'var(--popover-foreground)',\n },\n muted: {\n DEFAULT: 'var(--muted)',\n foreground: 'var(--muted-foreground)',\n },\n accent: {\n DEFAULT: 'var(--accent)',\n foreground: 'var(--accent-foreground)',\n hover: 'var(--accent-hover)',\n 1: 'var(--accent-1)',\n 2: 'var(--accent-2)',\n 3: 'var(--accent-3)',\n 4: 'var(--accent-4)',\n 5: 'var(--accent-5)',\n 6: 'var(--accent-6)',\n 7: 'var(--accent-7)',\n 8: 'var(--accent-8)',\n 9: 'var(--accent-9)',\n 10: 'var(--accent-10)',\n 11: 'var(--accent-11)',\n 12: 'var(--accent-12)',\n },\n border: 'var(--border)',\n input: 'var(--input)',\n ring: 'var(--ring)',\n destructive: {\n DEFAULT: 'var(--destructive)',\n foreground: 'var(--destructive-foreground)',\n },\n },\n spacing,\n fontSize: fontSizes,\n fontFamily: {\n sans: [fontFamilies.sans],\n mono: [fontFamilies.mono],\n },\n borderRadius: {\n ...radiusScale,\n DEFAULT: 'var(--radius)',\n },\n keyframes: {\n 'accordion-down': {\n from: { height: '0' },\n to: { height: 'var(--radix-accordion-content-height)' },\n },\n 'accordion-up': {\n from: { height: 'var(--radix-accordion-content-height)' },\n to: { height: '0' },\n },\n 'fade-in': {\n from: { opacity: '0' },\n to: { opacity: '1' },\n },\n 'fade-out': {\n from: { opacity: '1' },\n to: { opacity: '0' },\n },\n 'slide-in-from-top': {\n from: { transform: 'translateY(-100%)' },\n to: { transform: 'translateY(0)' },\n },\n 'slide-in-from-bottom': {\n from: { transform: 'translateY(100%)' },\n to: { transform: 'translateY(0)' },\n },\n 'slide-in-from-left': {\n from: { transform: 'translateX(-100%)' },\n to: { transform: 'translateX(0)' },\n },\n 'slide-in-from-right': {\n from: { transform: 'translateX(100%)' },\n to: { transform: 'translateX(0)' },\n },\n 'zoom-in': {\n from: { transform: 'scale(0.95)', opacity: '0' },\n to: { transform: 'scale(1)', opacity: '1' },\n },\n 'zoom-out': {\n from: { transform: 'scale(1)', opacity: '1' },\n to: { transform: 'scale(0.95)', opacity: '0' },\n },\n },\n animation: {\n 'accordion-down': 'accordion-down 0.2s ease-out',\n 'accordion-up': 'accordion-up 0.2s ease-out',\n 'fade-in': 'fade-in 0.2s ease-out',\n 'fade-out': 'fade-out 0.2s ease-out',\n 'slide-in-from-top': 'slide-in-from-top 0.2s ease-out',\n 'slide-in-from-bottom': 'slide-in-from-bottom 0.2s ease-out',\n 'slide-in-from-left': 'slide-in-from-left 0.2s ease-out',\n 'slide-in-from-right': 'slide-in-from-right 0.2s ease-out',\n 'zoom-in': 'zoom-in 0.2s ease-out',\n 'zoom-out': 'zoom-out 0.2s ease-out',\n },\n },\n },\n plugins: [],\n}\n\nexport default config\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type { Config } from 'tailwindcss'\nimport {\n accentColors,\n grayColors,\n semanticColors,\n spacing,\n fontSizes,\n fontFamilies,\n radiusScale,\n} from '@onesaz/tokens'\n\nconst config: Partial<Config> = {\n darkMode: ['class', '[data-theme=\"dark\"]'],\n theme: {\n extend: {\n colors: {\n // Accent color palettes\n purple: accentColors.purple,\n violet: accentColors.violet,\n blue: accentColors.blue,\n cyan: accentColors.cyan,\n teal: accentColors.teal,\n green: accentColors.green,\n orange: accentColors.orange,\n red: accentColors.red,\n pink: accentColors.pink,\n\n // Gray palettes\n slate: grayColors.slate,\n gray: grayColors.gray,\n zinc: grayColors.zinc,\n neutral: grayColors.neutral,\n\n // Semantic colors\n success: semanticColors.success,\n warning: semanticColors.warning,\n error: semanticColors.error,\n info: semanticColors.info,\n\n // CSS variable based colors for dynamic theming\n background: 'var(--background)',\n foreground: 'var(--foreground)',\n card: {\n DEFAULT: 'var(--card)',\n foreground: 'var(--card-foreground)',\n },\n popover: {\n DEFAULT: 'var(--popover)',\n foreground: 'var(--popover-foreground)',\n },\n muted: {\n DEFAULT: 'var(--muted)',\n foreground: 'var(--muted-foreground)',\n },\n accent: {\n DEFAULT: 'var(--accent)',\n foreground: 'var(--accent-foreground)',\n hover: 'var(--accent-hover)',\n 1: 'var(--accent-1)',\n 2: 'var(--accent-2)',\n 3: 'var(--accent-3)',\n 4: 'var(--accent-4)',\n 5: 'var(--accent-5)',\n 6: 'var(--accent-6)',\n 7: 'var(--accent-7)',\n 8: 'var(--accent-8)',\n 9: 'var(--accent-9)',\n 10: 'var(--accent-10)',\n 11: 'var(--accent-11)',\n 12: 'var(--accent-12)',\n },\n border: 'var(--border)',\n input: 'var(--input)',\n ring: 'var(--ring)',\n destructive: {\n DEFAULT: 'var(--destructive)',\n foreground: 'var(--destructive-foreground)',\n },\n },\n spacing,\n fontSize: fontSizes,\n fontFamily: {\n sans: [fontFamilies.sans],\n mono: [fontFamilies.mono],\n },\n borderRadius: {\n ...radiusScale,\n DEFAULT: 'var(--radius)',\n },\n keyframes: {\n 'accordion-down': {\n from: { height: '0' },\n to: { height: 'var(--radix-accordion-content-height)' },\n },\n 'accordion-up': {\n from: { height: 'var(--radix-accordion-content-height)' },\n to: { height: '0' },\n },\n 'fade-in': {\n from: { opacity: '0' },\n to: { opacity: '1' },\n },\n 'fade-out': {\n from: { opacity: '1' },\n to: { opacity: '0' },\n },\n 'slide-in-from-top': {\n from: { transform: 'translateY(-100%)' },\n to: { transform: 'translateY(0)' },\n },\n 'slide-in-from-bottom': {\n from: { transform: 'translateY(100%)' },\n to: { transform: 'translateY(0)' },\n },\n 'slide-in-from-left': {\n from: { transform: 'translateX(-100%)' },\n to: { transform: 'translateX(0)' },\n },\n 'slide-in-from-right': {\n from: { transform: 'translateX(100%)' },\n to: { transform: 'translateX(0)' },\n },\n 'zoom-in': {\n from: { transform: 'scale(0.95)', opacity: '0' },\n to: { transform: 'scale(1)', opacity: '1' },\n },\n 'zoom-out': {\n from: { transform: 'scale(1)', opacity: '1' },\n to: { transform: 'scale(0.95)', opacity: '0' },\n },\n },\n animation: {\n 'accordion-down': 'accordion-down 0.2s ease-out',\n 'accordion-up': 'accordion-up 0.2s ease-out',\n 'fade-in': 'fade-in 0.2s ease-out',\n 'fade-out': 'fade-out 0.2s ease-out',\n 'slide-in-from-top': 'slide-in-from-top 0.2s ease-out',\n 'slide-in-from-bottom': 'slide-in-from-bottom 0.2s ease-out',\n 'slide-in-from-left': 'slide-in-from-left 0.2s ease-out',\n 'slide-in-from-right': 'slide-in-from-right 0.2s ease-out',\n 'zoom-in': 'zoom-in 0.2s ease-out',\n 'zoom-out': 'zoom-out 0.2s ease-out',\n },\n },\n },\n plugins: [],\n}\n\nexport default config\n"],"mappings":"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","names":[]}
|
package/dist/index.js
CHANGED
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type { Config } from 'tailwindcss'\nimport {\n accentColors,\n grayColors,\n semanticColors,\n spacing,\n fontSizes,\n fontFamilies,\n radiusScale,\n} from '@onesaz/tokens'\n\nconst config: Partial<Config> = {\n darkMode: ['class', '[data-theme=\"dark\"]'],\n theme: {\n extend: {\n colors: {\n // Accent color palettes\n purple: accentColors.purple,\n blue: accentColors.blue,\n cyan: accentColors.cyan,\n teal: accentColors.teal,\n green: accentColors.green,\n orange: accentColors.orange,\n red: accentColors.red,\n pink: accentColors.pink,\n\n // Gray palettes\n slate: grayColors.slate,\n gray: grayColors.gray,\n zinc: grayColors.zinc,\n neutral: grayColors.neutral,\n\n // Semantic colors\n success: semanticColors.success,\n warning: semanticColors.warning,\n error: semanticColors.error,\n info: semanticColors.info,\n\n // CSS variable based colors for dynamic theming\n background: 'var(--background)',\n foreground: 'var(--foreground)',\n card: {\n DEFAULT: 'var(--card)',\n foreground: 'var(--card-foreground)',\n },\n popover: {\n DEFAULT: 'var(--popover)',\n foreground: 'var(--popover-foreground)',\n },\n muted: {\n DEFAULT: 'var(--muted)',\n foreground: 'var(--muted-foreground)',\n },\n accent: {\n DEFAULT: 'var(--accent)',\n foreground: 'var(--accent-foreground)',\n hover: 'var(--accent-hover)',\n 1: 'var(--accent-1)',\n 2: 'var(--accent-2)',\n 3: 'var(--accent-3)',\n 4: 'var(--accent-4)',\n 5: 'var(--accent-5)',\n 6: 'var(--accent-6)',\n 7: 'var(--accent-7)',\n 8: 'var(--accent-8)',\n 9: 'var(--accent-9)',\n 10: 'var(--accent-10)',\n 11: 'var(--accent-11)',\n 12: 'var(--accent-12)',\n },\n border: 'var(--border)',\n input: 'var(--input)',\n ring: 'var(--ring)',\n destructive: {\n DEFAULT: 'var(--destructive)',\n foreground: 'var(--destructive-foreground)',\n },\n },\n spacing,\n fontSize: fontSizes,\n fontFamily: {\n sans: [fontFamilies.sans],\n mono: [fontFamilies.mono],\n },\n borderRadius: {\n ...radiusScale,\n DEFAULT: 'var(--radius)',\n },\n keyframes: {\n 'accordion-down': {\n from: { height: '0' },\n to: { height: 'var(--radix-accordion-content-height)' },\n },\n 'accordion-up': {\n from: { height: 'var(--radix-accordion-content-height)' },\n to: { height: '0' },\n },\n 'fade-in': {\n from: { opacity: '0' },\n to: { opacity: '1' },\n },\n 'fade-out': {\n from: { opacity: '1' },\n to: { opacity: '0' },\n },\n 'slide-in-from-top': {\n from: { transform: 'translateY(-100%)' },\n to: { transform: 'translateY(0)' },\n },\n 'slide-in-from-bottom': {\n from: { transform: 'translateY(100%)' },\n to: { transform: 'translateY(0)' },\n },\n 'slide-in-from-left': {\n from: { transform: 'translateX(-100%)' },\n to: { transform: 'translateX(0)' },\n },\n 'slide-in-from-right': {\n from: { transform: 'translateX(100%)' },\n to: { transform: 'translateX(0)' },\n },\n 'zoom-in': {\n from: { transform: 'scale(0.95)', opacity: '0' },\n to: { transform: 'scale(1)', opacity: '1' },\n },\n 'zoom-out': {\n from: { transform: 'scale(1)', opacity: '1' },\n to: { transform: 'scale(0.95)', opacity: '0' },\n },\n },\n animation: {\n 'accordion-down': 'accordion-down 0.2s ease-out',\n 'accordion-up': 'accordion-up 0.2s ease-out',\n 'fade-in': 'fade-in 0.2s ease-out',\n 'fade-out': 'fade-out 0.2s ease-out',\n 'slide-in-from-top': 'slide-in-from-top 0.2s ease-out',\n 'slide-in-from-bottom': 'slide-in-from-bottom 0.2s ease-out',\n 'slide-in-from-left': 'slide-in-from-left 0.2s ease-out',\n 'slide-in-from-right': 'slide-in-from-right 0.2s ease-out',\n 'zoom-in': 'zoom-in 0.2s ease-out',\n 'zoom-out': 'zoom-out 0.2s ease-out',\n },\n },\n },\n plugins: [],\n}\n\nexport default config\n"],"mappings":";AACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,IAAM,SAA0B;AAAA,EAC9B,UAAU,CAAC,SAAS,qBAAqB;AAAA,EACzC,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,QAAQ;AAAA;AAAA,QAEN,QAAQ,aAAa;AAAA,QACrB,MAAM,aAAa;AAAA,QACnB,MAAM,aAAa;AAAA,QACnB,MAAM,aAAa;AAAA,QACnB,OAAO,aAAa;AAAA,QACpB,QAAQ,aAAa;AAAA,QACrB,KAAK,aAAa;AAAA,QAClB,MAAM,aAAa;AAAA;AAAA,QAGnB,OAAO,WAAW;AAAA,QAClB,MAAM,WAAW;AAAA,QACjB,MAAM,WAAW;AAAA,QACjB,SAAS,WAAW;AAAA;AAAA,QAGpB,SAAS,eAAe;AAAA,QACxB,SAAS,eAAe;AAAA,QACxB,OAAO,eAAe;AAAA,QACtB,MAAM,eAAe;AAAA;AAAA,QAGrB,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,MAAM;AAAA,UACJ,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,QACA,SAAS;AAAA,UACP,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,QACA,OAAO;AAAA,UACL,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,QACA,QAAQ;AAAA,UACN,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,OAAO;AAAA,UACP,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,GAAG;AAAA,UACH,IAAI;AAAA,UACJ,IAAI;AAAA,UACJ,IAAI;AAAA,QACN;AAAA,QACA,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,MAAM;AAAA,QACN,aAAa;AAAA,UACX,SAAS;AAAA,UACT,YAAY;AAAA,QACd;AAAA,MACF;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,YAAY;AAAA,QACV,MAAM,CAAC,aAAa,IAAI;AAAA,QACxB,MAAM,CAAC,aAAa,IAAI;AAAA,MAC1B;AAAA,MACA,cAAc;AAAA,QACZ,GAAG;AAAA,QACH,SAAS;AAAA,MACX;AAAA,MACA,WAAW;AAAA,QACT,kBAAkB;AAAA,UAChB,MAAM,EAAE,QAAQ,IAAI;AAAA,UACpB,IAAI,EAAE,QAAQ,wCAAwC;AAAA,QACxD;AAAA,QACA,gBAAgB;AAAA,UACd,MAAM,EAAE,QAAQ,wCAAwC;AAAA,UACxD,IAAI,EAAE,QAAQ,IAAI;AAAA,QACpB;AAAA,QACA,WAAW;AAAA,UACT,MAAM,EAAE,SAAS,IAAI;AAAA,UACrB,IAAI,EAAE,SAAS,IAAI;AAAA,QACrB;AAAA,QACA,YAAY;AAAA,UACV,MAAM,EAAE,SAAS,IAAI;AAAA,UACrB,IAAI,EAAE,SAAS,IAAI;AAAA,QACrB;AAAA,QACA,qBAAqB;AAAA,UACnB,MAAM,EAAE,WAAW,oBAAoB;AAAA,UACvC,IAAI,EAAE,WAAW,gBAAgB;AAAA,QACnC;AAAA,QACA,wBAAwB;AAAA,UACtB,MAAM,EAAE,WAAW,mBAAmB;AAAA,UACtC,IAAI,EAAE,WAAW,gBAAgB;AAAA,QACnC;AAAA,QACA,sBAAsB;AAAA,UACpB,MAAM,EAAE,WAAW,oBAAoB;AAAA,UACvC,IAAI,EAAE,WAAW,gBAAgB;AAAA,QACnC;AAAA,QACA,uBAAuB;AAAA,UACrB,MAAM,EAAE,WAAW,mBAAmB;AAAA,UACtC,IAAI,EAAE,WAAW,gBAAgB;AAAA,QACnC;AAAA,QACA,WAAW;AAAA,UACT,MAAM,EAAE,WAAW,eAAe,SAAS,IAAI;AAAA,UAC/C,IAAI,EAAE,WAAW,YAAY,SAAS,IAAI;AAAA,QAC5C;AAAA,QACA,YAAY;AAAA,UACV,MAAM,EAAE,WAAW,YAAY,SAAS,IAAI;AAAA,UAC5C,IAAI,EAAE,WAAW,eAAe,SAAS,IAAI;AAAA,QAC/C;AAAA,MACF;AAAA,MACA,WAAW;AAAA,QACT,kBAAkB;AAAA,QAClB,gBAAgB;AAAA,QAChB,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,qBAAqB;AAAA,QACrB,wBAAwB;AAAA,QACxB,sBAAsB;AAAA,QACtB,uBAAuB;AAAA,QACvB,WAAW;AAAA,QACX,YAAY;AAAA,MACd;AAAA,IACF;AAAA,EACF;AAAA,EACA,SAAS,CAAC;AACZ;AAEA,IAAO,gBAAQ;","names":[]}
|
|
1
|
+
{"version":3,"sources":["../src/index.ts"],"sourcesContent":["import type { Config } from 'tailwindcss'\nimport {\n accentColors,\n grayColors,\n semanticColors,\n spacing,\n fontSizes,\n fontFamilies,\n radiusScale,\n} from '@onesaz/tokens'\n\nconst config: Partial<Config> = {\n darkMode: ['class', '[data-theme=\"dark\"]'],\n theme: {\n extend: {\n colors: {\n // Accent color palettes\n purple: accentColors.purple,\n violet: accentColors.violet,\n blue: accentColors.blue,\n cyan: accentColors.cyan,\n teal: accentColors.teal,\n green: accentColors.green,\n orange: accentColors.orange,\n red: accentColors.red,\n pink: accentColors.pink,\n\n // Gray palettes\n slate: grayColors.slate,\n gray: grayColors.gray,\n zinc: grayColors.zinc,\n neutral: grayColors.neutral,\n\n // Semantic colors\n success: semanticColors.success,\n warning: semanticColors.warning,\n error: semanticColors.error,\n info: semanticColors.info,\n\n // CSS variable based colors for dynamic theming\n background: 'var(--background)',\n foreground: 'var(--foreground)',\n card: {\n DEFAULT: 'var(--card)',\n foreground: 'var(--card-foreground)',\n },\n popover: {\n DEFAULT: 'var(--popover)',\n foreground: 'var(--popover-foreground)',\n },\n muted: {\n DEFAULT: 'var(--muted)',\n foreground: 'var(--muted-foreground)',\n },\n accent: {\n DEFAULT: 'var(--accent)',\n foreground: 'var(--accent-foreground)',\n hover: 'var(--accent-hover)',\n 1: 'var(--accent-1)',\n 2: 'var(--accent-2)',\n 3: 'var(--accent-3)',\n 4: 'var(--accent-4)',\n 5: 'var(--accent-5)',\n 6: 'var(--accent-6)',\n 7: 'var(--accent-7)',\n 8: 'var(--accent-8)',\n 9: 'var(--accent-9)',\n 10: 'var(--accent-10)',\n 11: 'var(--accent-11)',\n 12: 'var(--accent-12)',\n },\n border: 'var(--border)',\n input: 'var(--input)',\n ring: 'var(--ring)',\n destructive: {\n DEFAULT: 'var(--destructive)',\n foreground: 'var(--destructive-foreground)',\n },\n },\n spacing,\n fontSize: fontSizes,\n fontFamily: {\n sans: [fontFamilies.sans],\n mono: [fontFamilies.mono],\n },\n borderRadius: {\n ...radiusScale,\n DEFAULT: 'var(--radius)',\n },\n keyframes: {\n 'accordion-down': {\n from: { height: '0' },\n to: { height: 'var(--radix-accordion-content-height)' },\n },\n 'accordion-up': {\n from: { height: 'var(--radix-accordion-content-height)' },\n to: { height: '0' },\n },\n 'fade-in': {\n from: { opacity: '0' },\n to: { opacity: '1' },\n },\n 'fade-out': {\n from: { opacity: '1' },\n to: { opacity: '0' },\n },\n 'slide-in-from-top': {\n from: { transform: 'translateY(-100%)' },\n to: { transform: 'translateY(0)' },\n },\n 'slide-in-from-bottom': {\n from: { transform: 'translateY(100%)' },\n to: { transform: 'translateY(0)' },\n },\n 'slide-in-from-left': {\n from: { transform: 'translateX(-100%)' },\n to: { transform: 'translateX(0)' },\n },\n 'slide-in-from-right': {\n from: { transform: 'translateX(100%)' },\n to: { transform: 'translateX(0)' },\n },\n 'zoom-in': {\n from: { transform: 'scale(0.95)', opacity: '0' },\n to: { transform: 'scale(1)', opacity: '1' },\n },\n 'zoom-out': {\n from: { transform: 'scale(1)', opacity: '1' },\n to: { transform: 'scale(0.95)', opacity: '0' },\n },\n },\n animation: {\n 'accordion-down': 'accordion-down 0.2s ease-out',\n 'accordion-up': 'accordion-up 0.2s ease-out',\n 'fade-in': 'fade-in 0.2s ease-out',\n 'fade-out': 'fade-out 0.2s ease-out',\n 'slide-in-from-top': 'slide-in-from-top 0.2s ease-out',\n 'slide-in-from-bottom': 'slide-in-from-bottom 0.2s ease-out',\n 'slide-in-from-left': 'slide-in-from-left 0.2s ease-out',\n 'slide-in-from-right': 'slide-in-from-right 0.2s ease-out',\n 'zoom-in': 'zoom-in 0.2s ease-out',\n 'zoom-out': 'zoom-out 0.2s ease-out',\n },\n },\n },\n plugins: [],\n}\n\nexport default config\n"],"mappings":"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","names":[]}
|
package/dist/v4.css
CHANGED
|
@@ -371,6 +371,12 @@
|
|
|
371
371
|
* IMPORTANT: Must be in @layer base for Tailwind v4 cascade to work!
|
|
372
372
|
* ======================================== */
|
|
373
373
|
@layer base {
|
|
374
|
+
/* Restore Tailwind v3 behaviour: default border-color to the theme token
|
|
375
|
+
instead of Tailwind v4's currentColor fallback */
|
|
376
|
+
*, ::before, ::after {
|
|
377
|
+
border-color: var(--border);
|
|
378
|
+
}
|
|
379
|
+
|
|
374
380
|
/* Apply theme colors to body by default */
|
|
375
381
|
body {
|
|
376
382
|
background-color: var(--background);
|
package/package.json
CHANGED