@eui/styles 19.1.3 → 19.2.0-snapshot-1745313759588

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 CHANGED
@@ -20,6 +20,6 @@
20
20
  "@angular/material": "^18.0.0 || ^19.0.0"
21
21
  },
22
22
  "license": "EUPL-1.1",
23
- "version": "19.1.3",
24
- "tag": "latest"
23
+ "version": "19.2.0-snapshot-1745313759588",
24
+ "tag": "snapshot"
25
25
  }
@@ -1,288 +0,0 @@
1
- $tailwind-map: (
2
- 'slate': (
3
- 50: #f8fafc,
4
- 100: #f1f5f9,
5
- 200: #e2e8f0,
6
- 300: #cbd5e1,
7
- 400: #94a3b8,
8
- 500: #64748b,
9
- 600: #475569,
10
- 700: #334155,
11
- 800: #1e293b,
12
- 900: #0f172a,
13
- 950: #020617
14
- ),
15
- 'gray': (
16
- 50: #f9fafb,
17
- 100: #f3f4f6,
18
- 200: #e5e7eb,
19
- 300: #d1d5db,
20
- 400: #9ca3af,
21
- 500: #6b7280,
22
- 600: #4b5563,
23
- 700: #374151,
24
- 800: #1f2937,
25
- 900: #111827,
26
- 950: #030712
27
- ),
28
- 'zinc': (
29
- 50: #fafafa,
30
- 100: #f4f4f5,
31
- 200: #e4e4e7,
32
- 300: #d4d4d8,
33
- 400: #a1a1aa,
34
- 500: #71717a,
35
- 600: #52525b,
36
- 700: #3f3f46,
37
- 800: #27272a,
38
- 900: #18181b,
39
- 950: #09090b
40
- ),
41
- 'neutral': (
42
- 50: #fafafa,
43
- 100: #f5f5f5,
44
- 200: #e5e5e5,
45
- 300: #d4d4d4,
46
- 400: #a3a3a3,
47
- 500: #737373,
48
- 600: #525252,
49
- 700: #404040,
50
- 800: #262626,
51
- 900: #171717,
52
- 950: #0a0a0a
53
- ),
54
- 'stone': (
55
- 50: #fafaf9,
56
- 100: #f5f5f4,
57
- 200: #e7e5e4,
58
- 300: #d6d3d1,
59
- 400: #a8a29e,
60
- 500: #78716c,
61
- 600: #57534e,
62
- 700: #44403c,
63
- 800: #292524,
64
- 900: #1c1917,
65
- 950: #0c0a09
66
- ),
67
- 'red': (
68
- 50: #fef2f2,
69
- 100: #fee2e2,
70
- 200: #fecaca,
71
- 300: #fca5a5,
72
- 400: #f87171,
73
- 500: #ef4444,
74
- 600: #dc2626,
75
- 700: #b91c1c,
76
- 800: #991b1b,
77
- 900: #7f1d1d,
78
- 950: #450a0a
79
- ),
80
- 'orange': (
81
- 50: #fff7ed,
82
- 100: #ffedd5,
83
- 200: #fed7aa,
84
- 300: #fdba74,
85
- 400: #fb923c,
86
- 500: #f97316,
87
- 600: #ea580c,
88
- 700: #c2410c,
89
- 800: #9a3412,
90
- 900: #7c2d12,
91
- 950: #431407
92
- ),
93
- 'amber': (
94
- 50: #fffbeb,
95
- 100: #fef3c7,
96
- 200: #fde68a,
97
- 300: #fcd34d,
98
- 400: #fbbf24,
99
- 500: #f59e0b,
100
- 600: #d97706,
101
- 700: #b45309,
102
- 800: #92400e,
103
- 900: #78350f,
104
- 950: #451a03
105
- ),
106
- 'yellow': (
107
- 50: #fefce8,
108
- 100: #fef9c3,
109
- 200: #fef08a,
110
- 300: #fde047,
111
- 400: #facc15,
112
- 500: #eab308,
113
- 600: #ca8a04,
114
- 700: #a16207,
115
- 800: #854d0e,
116
- 900: #713f12,
117
- 950: #422006
118
- ),
119
- 'lime': (
120
- 50: #f7fee7,
121
- 100: #ecfccb,
122
- 200: #d9f99d,
123
- 300: #bef264,
124
- 400: #a3e635,
125
- 500: #84cc16,
126
- 600: #65a30d,
127
- 700: #4d7c0f,
128
- 800: #3f6212,
129
- 900: #365314,
130
- 950: #1a2e05
131
- ),
132
- 'green': (
133
- 50: #f0fdf4,
134
- 100: #dcfce7,
135
- 200: #bbf7d0,
136
- 300: #86efac,
137
- 400: #4ade80,
138
- 500: #22c55e,
139
- 600: #16a34a,
140
- 700: #15803d,
141
- 800: #166534,
142
- 900: #14532d,
143
- 950: #052e16
144
- ),
145
- 'emerald': (
146
- 50: #ecfdf5,
147
- 100: #d1fae5,
148
- 200: #a7f3d0,
149
- 300: #6ee7b7,
150
- 400: #34d399,
151
- 500: #10b981,
152
- 600: #059669,
153
- 700: #047857,
154
- 800: #065f46,
155
- 900: #064e3b,
156
- 950: #022c22
157
- ),
158
- 'teal': (
159
- 50: #f0fdfa,
160
- 100: #ccfbf1,
161
- 200: #99f6e4,
162
- 300: #5eead4,
163
- 400: #2dd4bf,
164
- 500: #14b8a6,
165
- 600: #0d9488,
166
- 700: #0f766e,
167
- 800: #115e59,
168
- 900: #134e4a,
169
- 950: #042f2e
170
- ),
171
- 'cyan': (
172
- 50: #ecfeff,
173
- 100: #cffafe,
174
- 200: #a5f3fc,
175
- 300: #67e8f9,
176
- 400: #22d3ee,
177
- 500: #06b6d4,
178
- 600: #0891b2,
179
- 700: #0e7490,
180
- 800: #155e75,
181
- 900: #164e63,
182
- 950: #083344
183
- ),
184
- 'sky': (
185
- 50: #f0f9ff,
186
- 100: #e0f2fe,
187
- 200: #bae6fd,
188
- 300: #7dd3fc,
189
- 400: #38bdf8,
190
- 500: #0ea5e9,
191
- 600: #0284c7,
192
- 700: #0369a1,
193
- 800: #075985,
194
- 900: #0c4a6e,
195
- 950: #082f49
196
- ),
197
- 'blue': (
198
- 50: #eff6ff,
199
- 100: #dbeafe,
200
- 200: #bfdbfe,
201
- 300: #93c5fd,
202
- 400: #60a5fa,
203
- 500: #3b82f6,
204
- 600: #2563eb,
205
- 700: #1d4ed8,
206
- 800: #1e40af,
207
- 900: #1e3a8a,
208
- 950: #172554
209
- ),
210
- 'indigo': (
211
- 50: #eef2ff,
212
- 100: #e0e7ff,
213
- 200: #c7d2fe,
214
- 300: #a5b4fc,
215
- 400: #818cf8,
216
- 500: #6366f1,
217
- 600: #4f46e5,
218
- 700: #4338ca,
219
- 800: #3730a3,
220
- 900: #312e81,
221
- 950: #1e1b4b
222
- ),
223
- 'violet': (
224
- 50: #f5f3ff,
225
- 100: #ede9fe,
226
- 200: #ddd6fe,
227
- 300: #c4b5fd,
228
- 400: #a78bfa,
229
- 500: #8b5cf6,
230
- 600: #7c3aed,
231
- 700: #6d28d9,
232
- 800: #5b21b6,
233
- 900: #4c1d95,
234
- 950: #2e1065
235
- ),
236
- 'purple': (
237
- 50: #faf5ff,
238
- 100: #f3e8ff,
239
- 200: #e9d5ff,
240
- 300: #d8b4fe,
241
- 400: #c084fc,
242
- 500: #a855f7,
243
- 600: #9333ea,
244
- 700: #7e22ce,
245
- 800: #6b21a8,
246
- 900: #581c87,
247
- 950: #3b0764
248
- ),
249
- 'fuchsia': (
250
- 50: #fdf4ff,
251
- 100: #fae8ff,
252
- 200: #f5d0fe,
253
- 300: #f0abfc,
254
- 400: #e879f9,
255
- 500: #d946ef,
256
- 600: #c026d3,
257
- 700: #a21caf,
258
- 800: #86198f,
259
- 900: #701a75,
260
- 950: #4a044e
261
- ),
262
- 'pink': (
263
- 50: #fdf2f8,
264
- 100: #fce7f3,
265
- 200: #fbcfe8,
266
- 300: #f9a8d4,
267
- 400: #f472b6,
268
- 500: #ec4899,
269
- 600: #db2777,
270
- 700: #be185d,
271
- 800: #9d174d,
272
- 900: #831843,
273
- 950: #500724
274
- ),
275
- 'rose': (
276
- 50: #fff1f2,
277
- 100: #ffe4e6,
278
- 200: #fecdd3,
279
- 300: #fda4af,
280
- 400: #fb7185,
281
- 500: #f43f5e,
282
- 600: #e11d48,
283
- 700: #be123c,
284
- 800: #9f1239,
285
- 900: #881337,
286
- 950: #4c0519
287
- )
288
- );
@@ -1,133 +0,0 @@
1
- @use 'sass:map';
2
-
3
- @use '../../base/default/color' as default;
4
- @use '../../base/tailwind/color' as tailwind;
5
-
6
- $theme-tailwind-map: (
7
- branding: (
8
- 120: default.$color-branding-120,
9
- 100: default.$color-branding-100,
10
- 80: default.$color-branding-80
11
- ),
12
- primary: (
13
- 160: map.get(map.get(tailwind.$tailwind-map, 'blue'), 950),
14
- 140: map.get(map.get(tailwind.$tailwind-map, 'blue'), 900),
15
- 130: map.get(map.get(tailwind.$tailwind-map, 'blue'), 800),
16
- 120: map.get(map.get(tailwind.$tailwind-map, 'blue'), 700),
17
- 110: map.get(map.get(tailwind.$tailwind-map, 'blue'), 600),
18
- 100: map.get(map.get(tailwind.$tailwind-map, 'blue'), 500),
19
- 80: map.get(map.get(tailwind.$tailwind-map, 'blue'), 400),
20
- 60: map.get(map.get(tailwind.$tailwind-map, 'blue'), 300),
21
- 40: map.get(map.get(tailwind.$tailwind-map, 'blue'), 200),
22
- 20: map.get(map.get(tailwind.$tailwind-map, 'blue'), 100),
23
- 10: map.get(map.get(tailwind.$tailwind-map, 'blue'), 50),
24
- 5: map.get(map.get(tailwind.$tailwind-map, 'blue'), 50),
25
- 0: map.get(map.get(tailwind.$tailwind-map, 'blue'), 50)
26
- ),
27
- // keep eUI neutral shades
28
- neutral: (
29
- 160: default.$color-neutral-160,
30
- 140: default.$color-neutral-140,
31
- 130: default.$color-neutral-130,
32
- 120: default.$color-neutral-120,
33
- 110: default.$color-neutral-110,
34
- 100: default.$color-neutral-100,
35
- 80: default.$color-neutral-80,
36
- 60: default.$color-neutral-60,
37
- 40: default.$color-neutral-40,
38
- 20: default.$color-neutral-20,
39
- 10: default.$color-neutral-10,
40
- 5: default.$color-neutral-5,
41
- 0: default.$color-neutral-0
42
- ),
43
- // neutral: (
44
- // 160: map.get(map.get(tailwind.$tailwind-map, 'neutral'), 950),
45
- // 140: map.get(map.get(tailwind.$tailwind-map, 'neutral'), 900),
46
- // 130: map.get(map.get(tailwind.$tailwind-map, 'neutral'), 800),
47
- // 120: map.get(map.get(tailwind.$tailwind-map, 'neutral'), 700),
48
- // 110: map.get(map.get(tailwind.$tailwind-map, 'neutral'), 600),
49
- // 100: map.get(map.get(tailwind.$tailwind-map, 'neutral'), 500),
50
- // 80: map.get(map.get(tailwind.$tailwind-map, 'neutral'), 400),
51
- // 60: map.get(map.get(tailwind.$tailwind-map, 'neutral'), 300),
52
- // 40: map.get(map.get(tailwind.$tailwind-map, 'neutral'), 200),
53
- // 20: map.get(map.get(tailwind.$tailwind-map, 'neutral'), 100),
54
- // 10: map.get(map.get(tailwind.$tailwind-map, 'neutral'), 50),
55
- // 5: map.get(map.get(tailwind.$tailwind-map, 'neutral'), 50),
56
- // 0: map.get(map.get(tailwind.$tailwind-map, 'neutral'), 50)
57
- // ),
58
- accent: (
59
- 160: map.get(map.get(tailwind.$tailwind-map, 'yellow'), 950),
60
- 140: map.get(map.get(tailwind.$tailwind-map, 'yellow'), 900),
61
- 130: map.get(map.get(tailwind.$tailwind-map, 'yellow'), 800),
62
- 120: map.get(map.get(tailwind.$tailwind-map, 'yellow'), 700),
63
- 110: map.get(map.get(tailwind.$tailwind-map, 'yellow'), 600),
64
- 100: map.get(map.get(tailwind.$tailwind-map, 'yellow'), 500),
65
- 80: map.get(map.get(tailwind.$tailwind-map, 'yellow'), 400),
66
- 60: map.get(map.get(tailwind.$tailwind-map, 'yellow'), 300),
67
- 40: map.get(map.get(tailwind.$tailwind-map, 'yellow'), 200),
68
- 20: map.get(map.get(tailwind.$tailwind-map, 'yellow'), 100),
69
- 10: map.get(map.get(tailwind.$tailwind-map, 'yellow'), 50),
70
- 5: map.get(map.get(tailwind.$tailwind-map, 'yellow'), 50),
71
- 0: map.get(map.get(tailwind.$tailwind-map, 'yellow'), 50)
72
- ),
73
- info: (
74
- 160: map.get(map.get(tailwind.$tailwind-map, 'sky'), 950),
75
- 140: map.get(map.get(tailwind.$tailwind-map, 'sky'), 900),
76
- 130: map.get(map.get(tailwind.$tailwind-map, 'sky'), 800),
77
- 120: map.get(map.get(tailwind.$tailwind-map, 'sky'), 700),
78
- 110: map.get(map.get(tailwind.$tailwind-map, 'sky'), 600),
79
- 100: map.get(map.get(tailwind.$tailwind-map, 'sky'), 500),
80
- 80: map.get(map.get(tailwind.$tailwind-map, 'sky'), 400),
81
- 60: map.get(map.get(tailwind.$tailwind-map, 'sky'), 300),
82
- 40: map.get(map.get(tailwind.$tailwind-map, 'sky'), 200),
83
- 20: map.get(map.get(tailwind.$tailwind-map, 'sky'), 100),
84
- 10: map.get(map.get(tailwind.$tailwind-map, 'sky'), 50),
85
- 5: map.get(map.get(tailwind.$tailwind-map, 'sky'), 50),
86
- 0: map.get(map.get(tailwind.$tailwind-map, 'sky'), 50)
87
- ),
88
- success: (
89
- 160: map.get(map.get(tailwind.$tailwind-map, 'emerald'), 950),
90
- 140: map.get(map.get(tailwind.$tailwind-map, 'emerald'), 900),
91
- 130: map.get(map.get(tailwind.$tailwind-map, 'emerald'), 800),
92
- 120: map.get(map.get(tailwind.$tailwind-map, 'emerald'), 700),
93
- 110: map.get(map.get(tailwind.$tailwind-map, 'emerald'), 600),
94
- 100: map.get(map.get(tailwind.$tailwind-map, 'emerald'), 500),
95
- 80: map.get(map.get(tailwind.$tailwind-map, 'emerald'), 400),
96
- 60: map.get(map.get(tailwind.$tailwind-map, 'emerald'), 300),
97
- 40: map.get(map.get(tailwind.$tailwind-map, 'emerald'), 200),
98
- 20: map.get(map.get(tailwind.$tailwind-map, 'emerald'), 100),
99
- 10: map.get(map.get(tailwind.$tailwind-map, 'emerald'), 50),
100
- 5: map.get(map.get(tailwind.$tailwind-map, 'emerald'), 50),
101
- 0: map.get(map.get(tailwind.$tailwind-map, 'emerald'), 50)
102
- ),
103
- warning: (
104
- 160: map.get(map.get(tailwind.$tailwind-map, 'amber'), 950),
105
- 140: map.get(map.get(tailwind.$tailwind-map, 'amber'), 900),
106
- 130: map.get(map.get(tailwind.$tailwind-map, 'amber'), 800),
107
- 120: map.get(map.get(tailwind.$tailwind-map, 'amber'), 700),
108
- 110: map.get(map.get(tailwind.$tailwind-map, 'amber'), 600),
109
- 100: map.get(map.get(tailwind.$tailwind-map, 'amber'), 500),
110
- 80: map.get(map.get(tailwind.$tailwind-map, 'amber'), 400),
111
- 60: map.get(map.get(tailwind.$tailwind-map, 'amber'), 300),
112
- 40: map.get(map.get(tailwind.$tailwind-map, 'amber'), 200),
113
- 20: map.get(map.get(tailwind.$tailwind-map, 'amber'), 100),
114
- 10: map.get(map.get(tailwind.$tailwind-map, 'amber'), 50),
115
- 5: map.get(map.get(tailwind.$tailwind-map, 'amber'), 50),
116
- 0: map.get(map.get(tailwind.$tailwind-map, 'amber'), 50)
117
- ),
118
- danger: (
119
- 160: map.get(map.get(tailwind.$tailwind-map, 'red'), 950),
120
- 140: map.get(map.get(tailwind.$tailwind-map, 'red'), 900),
121
- 130: map.get(map.get(tailwind.$tailwind-map, 'red'), 800),
122
- 120: map.get(map.get(tailwind.$tailwind-map, 'red'), 700),
123
- 110: map.get(map.get(tailwind.$tailwind-map, 'red'), 600),
124
- 100: map.get(map.get(tailwind.$tailwind-map, 'red'), 500),
125
- 80: map.get(map.get(tailwind.$tailwind-map, 'red'), 400),
126
- 60: map.get(map.get(tailwind.$tailwind-map, 'red'), 300),
127
- 40: map.get(map.get(tailwind.$tailwind-map, 'red'), 200),
128
- 20: map.get(map.get(tailwind.$tailwind-map, 'red'), 100),
129
- 10: map.get(map.get(tailwind.$tailwind-map, 'red'), 50),
130
- 5: map.get(map.get(tailwind.$tailwind-map, 'red'), 50),
131
- 0: map.get(map.get(tailwind.$tailwind-map, 'red'), 50)
132
- )
133
- );
@@ -1,2 +0,0 @@
1
- @forward 'color';
2
-
@@ -1,12 +0,0 @@
1
- @use '../../01-base' as base;
2
- @use '../../02-tokens/base-maps/tailwind' as tokens;
3
-
4
- html.eui-t-tailwind {
5
- // COLOR SHADES
6
- @each $color, $shades in tokens.$theme-tailwind-map {
7
- @each $shade, $value in $shades {
8
- --eui-bc-#{$color + '-' + $shade}: #{$value};
9
- --eui-bc-#{$color + '-' + $shade}-contrast: #{base.getContrast($value)};
10
- }
11
- }
12
- }
@@ -1,5 +0,0 @@
1
- @use '../../02-tokens/base-maps/tailwind' as tokens;
2
-
3
- html.eui-t-tailwind {
4
- --eui-c-bg: #fcfcfc;
5
- }
@@ -1,2 +0,0 @@
1
- @forward 'color-base.vars';
2
- @forward 'color-context.vars';