angular-tailwind-components 1.0.0 → 1.0.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.
Files changed (2) hide show
  1. package/package.json +14 -10
  2. package/styles/tailwind.css +125 -0
package/package.json CHANGED
@@ -1,6 +1,19 @@
1
1
  {
2
2
  "name": "angular-tailwind-components",
3
- "version": "1.0.0",
3
+ "version": "1.0.2",
4
+ "exports": {
5
+ "./styles/tailwind.css": {
6
+ "style": "./styles/tailwind.css",
7
+ "default": "./styles/tailwind.css"
8
+ },
9
+ "./package.json": {
10
+ "default": "./package.json"
11
+ },
12
+ ".": {
13
+ "types": "./types/angular-tailwind-components.d.ts",
14
+ "default": "./fesm2022/angular-tailwind-components.mjs"
15
+ }
16
+ },
4
17
  "peerDependencies": {
5
18
  "@angular/cdk": "^21.0.0",
6
19
  "@angular/common": "^21.0.0",
@@ -16,14 +29,5 @@
16
29
  "sideEffects": false,
17
30
  "module": "fesm2022/angular-tailwind-components.mjs",
18
31
  "typings": "types/angular-tailwind-components.d.ts",
19
- "exports": {
20
- "./package.json": {
21
- "default": "./package.json"
22
- },
23
- ".": {
24
- "types": "./types/angular-tailwind-components.d.ts",
25
- "default": "./fesm2022/angular-tailwind-components.mjs"
26
- }
27
- },
28
32
  "type": "module"
29
33
  }
package/styles/tailwind.css ADDED
@@ -0,0 +1,125 @@
1
+ @import "tailwindcss";
2
+
3
+ /*
4
+ * Angular Tailwind Components — Design System
5
+ * Customizable theme tokens via Tailwind v4 @theme directive
6
+ */
7
+
8
+ @theme {
9
+ /* ===== Colors — Primary ===== */
10
+ --color-primary-50: oklch(0.97 0.01 250);
11
+ --color-primary-100: oklch(0.94 0.03 250);
12
+ --color-primary-200: oklch(0.88 0.06 250);
13
+ --color-primary-300: oklch(0.79 0.10 250);
14
+ --color-primary-400: oklch(0.68 0.15 250);
15
+ --color-primary-500: oklch(0.55 0.20 250);
16
+ --color-primary-600: oklch(0.48 0.22 250);
17
+ --color-primary-700: oklch(0.40 0.19 250);
18
+ --color-primary-800: oklch(0.34 0.15 250);
19
+ --color-primary-900: oklch(0.28 0.12 250);
20
+ --color-primary-950: oklch(0.20 0.08 250);
21
+
22
+ /* ===== Colors — Neutral / Surface ===== */
23
+ --color-surface-50: oklch(0.985 0.002 250);
24
+ --color-surface-100: oklch(0.97 0.004 250);
25
+ --color-surface-200: oklch(0.93 0.006 250);
26
+ --color-surface-300: oklch(0.87 0.008 250);
27
+ --color-surface-400: oklch(0.71 0.01 250);
28
+ --color-surface-500: oklch(0.55 0.014 250);
29
+ --color-surface-600: oklch(0.45 0.012 250);
30
+ --color-surface-700: oklch(0.37 0.01 250);
31
+ --color-surface-800: oklch(0.27 0.008 250);
32
+ --color-surface-900: oklch(0.21 0.006 250);
33
+ --color-surface-950: oklch(0.13 0.004 250);
34
+
35
+ /* ===== Colors — Semantic ===== */
36
+ --color-success-50: oklch(0.97 0.02 155);
37
+ --color-success-100: oklch(0.93 0.04 155);
38
+ --color-success-200: oklch(0.86 0.08 155);
39
+ --color-success-300: oklch(0.77 0.14 155);
40
+ --color-success-400: oklch(0.66 0.18 155);
41
+ --color-success-500: oklch(0.55 0.20 155);
42
+ --color-success-600: oklch(0.47 0.18 155);
43
+ --color-success-700: oklch(0.40 0.15 155);
44
+ --color-success-800: oklch(0.34 0.12 155);
45
+ --color-success-900: oklch(0.28 0.09 155);
46
+
47
+ --color-warning-50: oklch(0.98 0.02 85);
48
+ --color-warning-100: oklch(0.95 0.05 85);
49
+ --color-warning-200: oklch(0.90 0.10 85);
50
+ --color-warning-300: oklch(0.83 0.15 85);
51
+ --color-warning-400: oklch(0.78 0.18 85);
52
+ --color-warning-500: oklch(0.72 0.19 85);
53
+ --color-warning-600: oklch(0.62 0.17 85);
54
+ --color-warning-700: oklch(0.52 0.14 85);
55
+ --color-warning-800: oklch(0.44 0.11 85);
56
+ --color-warning-900: oklch(0.37 0.08 85);
57
+
58
+ --color-danger-50: oklch(0.97 0.02 25);
59
+ --color-danger-100: oklch(0.94 0.04 25);
60
+ --color-danger-200: oklch(0.88 0.08 25);
61
+ --color-danger-300: oklch(0.79 0.14 25);
62
+ --color-danger-400: oklch(0.68 0.18 25);
63
+ --color-danger-500: oklch(0.55 0.22 25);
64
+ --color-danger-600: oklch(0.48 0.20 25);
65
+ --color-danger-700: oklch(0.40 0.17 25);
66
+ --color-danger-800: oklch(0.34 0.13 25);
67
+ --color-danger-900: oklch(0.28 0.10 25);
68
+
69
+ --color-info-50: oklch(0.97 0.02 220);
70
+ --color-info-100: oklch(0.94 0.04 220);
71
+ --color-info-200: oklch(0.88 0.08 220);
72
+ --color-info-300: oklch(0.79 0.14 220);
73
+ --color-info-400: oklch(0.68 0.18 220);
74
+ --color-info-500: oklch(0.55 0.20 220);
75
+ --color-info-600: oklch(0.48 0.18 220);
76
+ --color-info-700: oklch(0.40 0.15 220);
77
+ --color-info-800: oklch(0.34 0.12 220);
78
+ --color-info-900: oklch(0.28 0.09 220);
79
+
80
+ /* ===== Typography ===== */
81
+ --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, sans-serif;
82
+ --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;
83
+
84
+ --font-size-xs: 0.75rem;
85
+ --font-size-sm: 0.875rem;
86
+ --font-size-base: 1rem;
87
+ --font-size-lg: 1.125rem;
88
+ --font-size-xl: 1.25rem;
89
+ --font-size-2xl: 1.5rem;
90
+ --font-size-3xl: 1.875rem;
91
+ --font-size-4xl: 2.25rem;
92
+
93
+ /* ===== Border Radius ===== */
94
+ --radius-xs: 0.25rem;
95
+ --radius-sm: 0.375rem;
96
+ --radius-md: 0.5rem;
97
+ --radius-lg: 0.75rem;
98
+ --radius-xl: 1rem;
99
+ --radius-2xl: 1.5rem;
100
+ --radius-full: 9999px;
101
+
102
+ /* ===== Shadows ===== */
103
+ --shadow-xs: 0 1px 2px 0 oklch(0 0 0 / 0.04);
104
+ --shadow-sm: 0 1px 3px 0 oklch(0 0 0 / 0.06), 0 1px 2px -1px oklch(0 0 0 / 0.06);
105
+ --shadow-md: 0 4px 6px -1px oklch(0 0 0 / 0.07), 0 2px 4px -2px oklch(0 0 0 / 0.07);
106
+ --shadow-lg: 0 10px 15px -3px oklch(0 0 0 / 0.08), 0 4px 6px -4px oklch(0 0 0 / 0.08);
107
+ --shadow-xl: 0 20px 25px -5px oklch(0 0 0 / 0.08), 0 8px 10px -6px oklch(0 0 0 / 0.08);
108
+ --shadow-2xl: 0 25px 50px -12px oklch(0 0 0 / 0.20);
109
+
110
+ /* ===== Transitions ===== */
111
+ --transition-timing-default: cubic-bezier(0.4, 0, 0.2, 1);
112
+ --transition-duration-fast: 100ms;
113
+ --transition-duration-normal: 150ms;
114
+ --transition-duration-slow: 300ms;
115
+
116
+ /* ===== Z-Index Scale ===== */
117
+ --z-dropdown: 1000;
118
+ --z-sticky: 1020;
119
+ --z-fixed: 1030;
120
+ --z-backdrop: 1040;
121
+ --z-modal: 1050;
122
+ --z-popover: 1060;
123
+ --z-tooltip: 1070;
124
+ --z-toast: 1080;
125
+ }