@onesaz/tailwind-config 0.3.1 → 0.3.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/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 +27 -1
- package/package.json +4 -2
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":"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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/v4.css
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
/* Use data-theme/class-based dark mode instead of prefers-color-scheme */
|
|
8
|
-
|
|
8
|
+
@custom-variant dark (&:where(.dark, [data-theme="dark"], .dark *, [data-theme="dark"] *));
|
|
9
9
|
|
|
10
10
|
@theme {
|
|
11
11
|
/* ========================================
|
|
@@ -24,6 +24,20 @@
|
|
|
24
24
|
--color-purple-11: #4c1d95;
|
|
25
25
|
--color-purple-12: #2e1065;
|
|
26
26
|
|
|
27
|
+
/* Violet — built around #6933d3 as step 6 (main interactive shade) */
|
|
28
|
+
--color-violet-1: #f8f5ff;
|
|
29
|
+
--color-violet-2: #ede5ff;
|
|
30
|
+
--color-violet-3: #d9ccff;
|
|
31
|
+
--color-violet-4: #bea8f5;
|
|
32
|
+
--color-violet-5: #9a6fe8;
|
|
33
|
+
--color-violet-6: #6933d3;
|
|
34
|
+
--color-violet-7: #5626b2;
|
|
35
|
+
--color-violet-8: #441e92;
|
|
36
|
+
--color-violet-9: #351970;
|
|
37
|
+
--color-violet-10: #281050;
|
|
38
|
+
--color-violet-11: #1b0a36;
|
|
39
|
+
--color-violet-12: #100623;
|
|
40
|
+
|
|
27
41
|
/* Blue */
|
|
28
42
|
--color-blue-1: #eff6ff;
|
|
29
43
|
--color-blue-2: #dbeafe;
|
|
@@ -427,6 +441,18 @@
|
|
|
427
441
|
* Usage: <html data-accent="blue"> or <div data-accent="blue">
|
|
428
442
|
* ======================================== */
|
|
429
443
|
@layer base {
|
|
444
|
+
/* Violet (Default) */
|
|
445
|
+
[data-accent="violet"] {
|
|
446
|
+
--accent: #6933d3;
|
|
447
|
+
--accent-hover: #5626b2;
|
|
448
|
+
--accent-foreground: #ffffff;
|
|
449
|
+
--ring: #6933d3;
|
|
450
|
+
}
|
|
451
|
+
[data-accent="violet"].dark, .dark [data-accent="violet"], [data-accent="violet"][data-theme="dark"] {
|
|
452
|
+
--accent: #9a6fe8;
|
|
453
|
+
--accent-hover: #6933d3;
|
|
454
|
+
}
|
|
455
|
+
|
|
430
456
|
/* Purple (Onesaz Custom - Default) */
|
|
431
457
|
[data-accent="purple"] {
|
|
432
458
|
--accent: #6739b7;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onesaz/tailwind-config",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.3",
|
|
4
4
|
"description": "Tailwind CSS preset for Onesaz UI - shared configuration with design tokens (supports v3 and v4)",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -36,7 +36,9 @@
|
|
|
36
36
|
"./v4": "./dist/v4.css",
|
|
37
37
|
"./v4.css": "./dist/v4.css"
|
|
38
38
|
},
|
|
39
|
-
"files": [
|
|
39
|
+
"files": [
|
|
40
|
+
"dist"
|
|
41
|
+
],
|
|
40
42
|
"scripts": {
|
|
41
43
|
"build": "tsup",
|
|
42
44
|
"dev": "tsup --watch",
|