@porsche-design-system/components-angular 4.2.0-rc.5 → 4.3.0-rc.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.
@@ -2,7 +2,7 @@
2
2
 
3
3
  const fontHyphenationStyle = {
4
4
  overflowWrap: 'break-word',
5
- // @ts-ignore
5
+ // @ts-expect-error
6
6
  hyphens: 'var(--p-hyphens, auto)',
7
7
  };
8
8
 
@@ -3,247 +3,61 @@
3
3
  const palette = {
4
4
  light: {
5
5
  green: {
6
- '50': 'hsl(115 29.7% 92.7%)',
7
- '100': 'hsl(114 30.3% 87.1%)',
8
- '200': 'hsl(116 29.2% 81.2%)',
9
- '300': 'hsl(115 29.6% 75.5%)',
10
- '400': 'hsl(116 29.9% 69.8%)',
11
- '500': 'hsl(116 30.1% 64.1%)',
12
- '600': 'hsl(115 30% 56.9%)',
13
- '700': 'hsl(115 30.4% 49.6%)',
14
- '800': 'hsl(115 40.7% 42.4%)',
15
- '900': 'hsl(115 55.3% 35.1%)',
16
6
  '950': 'hsl(115 77.5% 27.8%)',
17
- '50a': 'hsl(115 77.5% 27.8% / 0.1)',
18
7
  '100a': 'hsl(115 77.5% 27.8% / 0.18)',
19
- '200a': 'hsl(115 77.5% 27.8% / 0.26)',
20
- '300a': 'hsl(115 77.5% 27.8% / 0.34)',
21
- '400a': 'hsl(115 77.5% 27.8% / 0.42)',
22
- '500a': 'hsl(115 77.5% 27.8% / 0.5)',
23
- '600a': 'hsl(115 77.5% 27.8% / 0.6)',
24
- '700a': 'hsl(115 77.5% 27.8% / 0.7)',
25
- '800a': 'hsl(115 77.5% 27.8% / 0.8)',
26
- '900a': 'hsl(115 77.5% 27.8% / 0.9)',
27
- '950a': 'hsl(115 77.5% 27.8%)',
28
- },
8
+ '600a': 'hsl(115 77.5% 27.8% / 0.6)'},
29
9
  red: {
30
- '50': 'hsl(0 53.3% 94.1%)',
31
- '100': 'hsl(358 55.6% 89.4%)',
32
- '200': 'hsl(359 53.8% 84.7%)',
33
- '300': 'hsl(358 54.9% 80%)',
34
- '400': 'hsl(358 54% 75.3%)',
35
- '500': 'hsl(357 54.7% 70.6%)',
36
- '600': 'hsl(358 54.4% 64.7%)',
37
- '700': 'hsl(357 54.3% 58.8%)',
38
- '800': 'hsl(357 54.4% 52.7%)',
39
- '900': 'hsl(357 61.5% 46.9%)',
40
10
  '950': 'hsl(357 78% 41%)',
41
- '50a': 'hsl(357 78% 41% / 0.1)',
42
11
  '100a': 'hsl(357 78% 41% / 0.18)',
43
- '200a': 'hsl(357 78% 41% / 0.26)',
44
- '300a': 'hsl(357 78% 41% / 0.34)',
45
- '400a': 'hsl(357 78% 41% / 0.42)',
46
- '500a': 'hsl(357 78% 41% / 0.5)',
47
- '600a': 'hsl(357 78% 41% / 0.6)',
48
- '700a': 'hsl(357 78% 41% / 0.7)',
49
- '800a': 'hsl(357 78% 41% / 0.8)',
50
- '900a': 'hsl(357 78% 41% / 0.9)',
51
- '950a': 'hsl(357 78% 41%)',
52
- },
12
+ '600a': 'hsl(357 78% 41% / 0.6)'},
53
13
  yellow: {
54
- '50': 'hsl(25 51.5% 93.5%)',
55
- '100': 'hsl(27 50.8% 88%)',
56
- '200': 'hsl(27 50% 82.7%)',
57
- '300': 'hsl(27 50.9% 77.6%)',
58
- '400': 'hsl(27 50.4% 72.4%)',
59
- '500': 'hsl(28 50.9% 67.3%)',
60
- '600': 'hsl(28 50.5% 60.4%)',
61
- '700': 'hsl(28 50.6% 53.9%)',
62
- '800': 'hsl(27 56.2% 47.5%)',
63
- '900': 'hsl(28 73.9% 40.6%)',
64
14
  '950': 'hsl(28 97.7% 34.1%)',
65
- '50a': 'hsl(28 97.7% 34.1% / 0.1)',
66
15
  '100a': 'hsl(28 97.7% 34.1% / 0.18)',
67
- '200a': 'hsl(28 97.7% 34.1% / 0.26)',
68
- '300a': 'hsl(28 97.7% 34.1% / 0.34)',
69
- '400a': 'hsl(28 97.7% 34.1% / 0.42)',
70
- '500a': 'hsl(28 97.7% 34.1% / 0.5)',
71
- '600a': 'hsl(28 97.7% 34.1% / 0.6)',
72
- '700a': 'hsl(28 97.7% 34.1% / 0.7)',
73
- '800a': 'hsl(28 97.7% 34.1% / 0.8)',
74
- '900a': 'hsl(28 97.7% 34.1% / 0.9)',
75
- '950a': 'hsl(28 97.7% 34.1%)',
76
- },
16
+ '600a': 'hsl(28 97.7% 34.1% / 0.6)'},
77
17
  blue: {
78
- '50': 'hsl(229 84% 95.1%)',
79
- '100': 'hsl(229 82.2% 91.2%)',
80
- '200': 'hsl(228 84.6% 87.3%)',
81
- '300': 'hsl(228 83.5% 83.3%)',
82
- '400': 'hsl(228 82.9% 79.4%)',
83
- '500': 'hsl(228 83.9% 75.7%)',
84
- '600': 'hsl(228 82.7% 70.6%)',
85
- '700': 'hsl(228 82.9% 65.7%)',
86
- '800': 'hsl(228 83% 60.8%)',
87
- '900': 'hsl(228 83.1% 55.9%)',
88
18
  '950': 'hsl(228 83.2% 51%)',
89
- '50a': 'hsl(228 83.2% 51% / 0.1)',
90
19
  '100a': 'hsl(228 83.2% 51% / 0.18)',
91
- '200a': 'hsl(228 83.2% 51% / 0.26)',
92
- '300a': 'hsl(228 83.2% 51% / 0.34)',
93
- '400a': 'hsl(228 83.2% 51% / 0.42)',
94
- '500a': 'hsl(228 83.2% 51% / 0.5)',
95
- '600a': 'hsl(228 83.2% 51% / 0.6)',
96
- '700a': 'hsl(228 83.2% 51% / 0.7)',
97
- '800a': 'hsl(228 83.2% 51% / 0.8)',
98
- '900a': 'hsl(228 83.2% 51% / 0.9)',
99
- '950a': 'hsl(228 83.2% 51%)',
100
- },
20
+ '600a': 'hsl(228 83.2% 51% / 0.6)'},
101
21
  grey: {
102
22
  '50': 'hsl(240 10% 95%)',
103
- '100': 'hsl(240 8.1% 92.7%)',
104
- '200': 'hsl(225 5.7% 86.3%)',
105
- '300': 'hsl(240 2.7% 78.2%)',
106
- '400': 'hsl(240 1.9% 68.8%)',
107
- '500': 'hsl(240 0.9% 57.6%)',
108
- '600': 'hsl(240 0.8% 47.8%)',
109
- '700': 'hsl(240 1.6% 37.8%)',
110
- '800': 'hsl(240 2.2% 27.3%)',
111
- '900': 'hsl(240 4.8% 16.5%)',
112
23
  '950': 'hsl(225 66.7% 1.2%)',
113
24
  '50a': 'hsl(234 9.8% 60% / 0.06)',
114
25
  '100a': 'hsl(240 5% 70% / 0.148)',
115
26
  '200a': 'hsl(236 6.5% 42% / 0.236)',
116
27
  '300a': 'hsl(234 6% 32.9% / 0.324)',
117
- '400a': 'hsl(233 6.6% 23.9% / 0.412)',
118
28
  '500a': 'hsl(240 5.3% 14.9% / 0.5)',
119
29
  '600a': 'hsl(240 6.1% 7% / 0.6)',
120
30
  '700a': 'hsl(240 7.1% 11% / 0.7)',
121
- '800a': 'hsl(240 8.7% 9% / 0.8)',
122
- '900a': 'hsl(240 11.1% 7.1% / 0.9)',
123
- '950a': 'hsl(240 15.4% 5.1%)',
124
- },
31
+ '800a': 'hsl(240 8.7% 9% / 0.8)'},
125
32
  },
126
33
  dark: {
127
34
  green: {
128
- '50': 'hsl(157 33.3% 10.6%)',
129
- '100': 'hsl(158 47.1% 13.3%)',
130
- '200': 'hsl(157 58% 15.9%)',
131
- '300': 'hsl(157 64.6% 18.8%)',
132
- '400': 'hsl(157 69.1% 21.6%)',
133
- '500': 'hsl(157 72.6% 24.3%)',
134
- '600': 'hsl(157 76.1% 27.8%)',
135
- '700': 'hsl(157 78.7% 31.4%)',
136
- '800': 'hsl(157 81.8% 34.5%)',
137
- '900': 'hsl(157 83.5% 38%)',
138
35
  '950': 'hsl(157 84.9% 41.6%)',
139
- '50a': 'hsl(157 84.9% 41.6% / 0.1)',
140
36
  '100a': 'hsl(157 84.9% 41.6% / 0.18)',
141
- '200a': 'hsl(157 84.9% 41.6% / 0.26)',
142
- '300a': 'hsl(157 84.9% 41.6% / 0.34)',
143
- '400a': 'hsl(157 84.9% 41.6% / 0.42)',
144
- '500a': 'hsl(157 84.9% 41.6% / 0.5)',
145
- '600a': 'hsl(157 84.9% 41.6% / 0.6)',
146
- '700a': 'hsl(157 84.9% 41.6% / 0.7)',
147
- '800a': 'hsl(157 84.9% 41.6% / 0.8)',
148
- '900a': 'hsl(157 84.9% 41.6% / 0.9)',
149
- '950a': 'hsl(157 84.9% 41.6%)',
150
- },
37
+ '600a': 'hsl(157 84.9% 41.6% / 0.6)'},
151
38
  red: {
152
- '50': 'hsl(0 28.1% 12.5%)',
153
- '100': 'hsl(0 39.5% 16.9%)',
154
- '200': 'hsl(0 45% 21.4%)',
155
- '300': 'hsl(0 48.5% 25.9%)',
156
- '400': 'hsl(0 51.6% 30%)',
157
- '500': 'hsl(0 53.4% 34.5%)',
158
- '600': 'hsl(0 54.9% 40%)',
159
- '700': 'hsl(0 56.9% 45.5%)',
160
- '800': 'hsl(0 60% 51%)',
161
- '900': 'hsl(0 76.6% 56.5%)',
162
39
  '950': 'hsl(0 96.9% 62%)',
163
- '50a': 'hsl(0 96.9% 62% / 0.1)',
164
40
  '100a': 'hsl(0 96.9% 62% / 0.18)',
165
- '200a': 'hsl(0 96.9% 62% / 0.26)',
166
- '300a': 'hsl(0 96.9% 62% / 0.34)',
167
- '400a': 'hsl(0 96.9% 62% / 0.42)',
168
- '500a': 'hsl(0 96.9% 62% / 0.5)',
169
- '600a': 'hsl(0 96.9% 62% / 0.6)',
170
- '700a': 'hsl(0 96.9% 62% / 0.7)',
171
- '800a': 'hsl(0 96.9% 62% / 0.8)',
172
- '900a': 'hsl(0 96.9% 62% / 0.9)',
173
- '950a': 'hsl(0 96.9% 62%)',
174
- },
41
+ '600a': 'hsl(0 96.9% 62% / 0.6)'},
175
42
  yellow: {
176
- '50': 'hsl(29 34.4% 12%)',
177
- '100': 'hsl(28 45.7% 15.9%)',
178
- '200': 'hsl(28 52.5% 19.8%)',
179
- '300': 'hsl(28 57% 23.7%)',
180
- '400': 'hsl(28 60.3% 27.6%)',
181
- '500': 'hsl(28 62.7% 31.6%)',
182
- '600': 'hsl(28 65.6% 36.5%)',
183
- '700': 'hsl(28 66.8% 41.4%)',
184
- '800': 'hsl(28 68.6% 46.3%)',
185
- '900': 'hsl(28 72.7% 51.2%)',
186
43
  '950': 'hsl(28 90.2% 56.1%)',
187
- '50a': 'hsl(28 90.2% 56.1% / 0.1)',
188
44
  '100a': 'hsl(28 90.2% 56.1% / 0.18)',
189
- '200a': 'hsl(28 90.2% 56.1% / 0.26)',
190
- '300a': 'hsl(28 90.2% 56.1% / 0.34)',
191
- '400a': 'hsl(28 90.2% 56.1% / 0.42)',
192
- '500a': 'hsl(28 90.2% 56.1% / 0.5)',
193
- '600a': 'hsl(28 90.2% 56.1% / 0.6)',
194
- '700a': 'hsl(28 90.2% 56.1% / 0.7)',
195
- '800a': 'hsl(28 90.2% 56.1% / 0.8)',
196
- '900a': 'hsl(28 90.2% 56.1% / 0.9)',
197
- '950a': 'hsl(28 90.2% 56.1%)',
198
- },
45
+ '600a': 'hsl(28 90.2% 56.1% / 0.6)'},
199
46
  blue: {
200
- '50': 'hsl(211 37.7% 12%)',
201
- '100': 'hsl(210 52.5% 15.7%)',
202
- '200': 'hsl(210 61.6% 19.4%)',
203
- '300': 'hsl(210 66.4% 23.3%)',
204
- '400': 'hsl(210 71% 27.1%)',
205
- '500': 'hsl(210 73.4% 31%)',
206
- '600': 'hsl(210 76.8% 35.5%)',
207
- '700': 'hsl(210 78.6% 40.4%)',
208
- '800': 'hsl(210 80.9% 45.1%)',
209
- '900': 'hsl(210 81.9% 49.8%)',
210
47
  '950': 'hsl(210 100% 54.5%)',
211
- '50a': 'hsl(210 100% 54.5% / 0.1)',
212
48
  '100a': 'hsl(210 100% 54.5% / 0.18)',
213
- '200a': 'hsl(210 100% 54.5% / 0.26)',
214
- '300a': 'hsl(210 100% 54.5% / 0.34)',
215
- '400a': 'hsl(210 100% 54.5% / 0.42)',
216
- '500a': 'hsl(210 100% 54.5% / 0.5)',
217
- '600a': 'hsl(210 100% 54.5% / 0.6)',
218
- '700a': 'hsl(210 100% 54.5% / 0.7)',
219
- '800a': 'hsl(210 100% 54.5% / 0.8)',
220
- '900a': 'hsl(210 100% 54.5% / 0.9)',
221
- '950a': 'hsl(210 100% 54.5%)',
222
- },
49
+ '600a': 'hsl(210 100% 54.5% / 0.6)'},
223
50
  grey: {
224
51
  '50': 'hsl(225 66.7% 1.2%)',
225
52
  '100': 'hsl(240 2% 10%)',
226
- '200': 'hsl(240 1.3% 15.5%)',
227
- '300': 'hsl(240 0.8% 23.7%)',
228
- '400': 'hsl(240 0.6% 34.3%)',
229
- '500': 'hsl(240 0.4% 47.6%)',
230
- '600': 'hsl(240 0.5% 57.5%)',
231
- '700': 'hsl(240 0.6% 67.3%)',
232
- '800': 'hsl(240 0.9% 77.1%)',
233
- '900': 'hsl(240 3% 87.1%)',
234
53
  '950': 'hsl(225 100% 99%)',
235
- '50a': 'hsl(225 66.7% 1.2% / 0.08)',
236
54
  '100a': 'hsl(240 3.7% 26.5% / 0.154)',
237
55
  '200a': 'hsl(240 2% 43% / 0.228)',
238
56
  '300a': 'hsl(240 1.5% 61.8% / 0.302)',
239
- '400a': 'hsl(240 2.9% 79.4% / 0.376)',
240
57
  '500a': 'hsl(240 12.5% 96.9% / 0.45)',
241
58
  '600a': 'hsl(240 12.5% 96.9% / 0.56)',
242
59
  '700a': 'hsl(240 12.5% 96.9% / 0.67)',
243
- '800a': 'hsl(240 12.5% 96.9% / 0.78)',
244
- '900a': 'hsl(240 12.5% 96.9% / 0.89)',
245
- '950a': 'hsl(225 100% 99%)',
246
- },
60
+ '800a': 'hsl(240 12.5% 96.9% / 0.78)'},
247
61
  },
248
62
  };
249
63
 
@@ -1,6 +1,6 @@
1
1
  const fontHyphenationStyle = {
2
2
  overflowWrap: 'break-word',
3
- // @ts-ignore
3
+ // @ts-expect-error
4
4
  hyphens: 'var(--p-hyphens, auto)',
5
5
  };
6
6
 
@@ -1,4 +1,4 @@
1
- import { _gridSafeZoneS, _gridSafeZoneXXL, _gridWidthMax } from './gridShared.mjs';
1
+ import { _gridSafeZoneS, _gridWidthMax, _gridSafeZoneXXL } from './gridShared.mjs';
2
2
  import { gridGap } from './gridGap.mjs';
3
3
 
4
4
  const columnMap = {
@@ -8,7 +8,7 @@ import { gridFullColumnStart } from './gridFullColumnStart.mjs';
8
8
  import { gridGap } from './gridGap.mjs';
9
9
  import { gridNarrowColumnEnd } from './gridNarrowColumnEnd.mjs';
10
10
  import { gridNarrowColumnStart } from './gridNarrowColumnStart.mjs';
11
- import { _cssVariableGridSafeZone, _gridSafeZoneBase, _cssVariableGridExtendedSpanOneHalf, _cssVariableGridBasicSpanOneHalf, _cssVariableGridBasicSpanOneThird, _cssVariableGridBasicSpanTwoThirds, _cssVariableGridNarrowSpanOneHalf, _cssVariableGridWidthMin, _gridWidthMin, _cssVariableGridWidthMax, _gridWidthMax, _cssVariableGridMargin, _gridSafeZoneS, _gridSafeZoneXXL, _cssVariableGridOuterColumn } from './gridShared.mjs';
11
+ import { _gridSafeZoneXXL, _gridSafeZoneS, _cssVariableGridMargin, _gridWidthMax, _cssVariableGridWidthMax, _cssVariableGridWidthMin, _gridWidthMin, _gridSafeZoneBase, _cssVariableGridSafeZone, _cssVariableGridNarrowSpanOneHalf, _cssVariableGridBasicSpanTwoThirds, _cssVariableGridBasicSpanOneThird, _cssVariableGridBasicSpanOneHalf, _cssVariableGridExtendedSpanOneHalf, _cssVariableGridOuterColumn } from './gridShared.mjs';
12
12
  import { gridWideColumnEnd } from './gridWideColumnEnd.mjs';
13
13
  import { gridWideColumnStart } from './gridWideColumnStart.mjs';
14
14
 
@@ -1,247 +1,61 @@
1
1
  const palette = {
2
2
  light: {
3
3
  green: {
4
- '50': 'hsl(115 29.7% 92.7%)',
5
- '100': 'hsl(114 30.3% 87.1%)',
6
- '200': 'hsl(116 29.2% 81.2%)',
7
- '300': 'hsl(115 29.6% 75.5%)',
8
- '400': 'hsl(116 29.9% 69.8%)',
9
- '500': 'hsl(116 30.1% 64.1%)',
10
- '600': 'hsl(115 30% 56.9%)',
11
- '700': 'hsl(115 30.4% 49.6%)',
12
- '800': 'hsl(115 40.7% 42.4%)',
13
- '900': 'hsl(115 55.3% 35.1%)',
14
4
  '950': 'hsl(115 77.5% 27.8%)',
15
- '50a': 'hsl(115 77.5% 27.8% / 0.1)',
16
5
  '100a': 'hsl(115 77.5% 27.8% / 0.18)',
17
- '200a': 'hsl(115 77.5% 27.8% / 0.26)',
18
- '300a': 'hsl(115 77.5% 27.8% / 0.34)',
19
- '400a': 'hsl(115 77.5% 27.8% / 0.42)',
20
- '500a': 'hsl(115 77.5% 27.8% / 0.5)',
21
- '600a': 'hsl(115 77.5% 27.8% / 0.6)',
22
- '700a': 'hsl(115 77.5% 27.8% / 0.7)',
23
- '800a': 'hsl(115 77.5% 27.8% / 0.8)',
24
- '900a': 'hsl(115 77.5% 27.8% / 0.9)',
25
- '950a': 'hsl(115 77.5% 27.8%)',
26
- },
6
+ '600a': 'hsl(115 77.5% 27.8% / 0.6)'},
27
7
  red: {
28
- '50': 'hsl(0 53.3% 94.1%)',
29
- '100': 'hsl(358 55.6% 89.4%)',
30
- '200': 'hsl(359 53.8% 84.7%)',
31
- '300': 'hsl(358 54.9% 80%)',
32
- '400': 'hsl(358 54% 75.3%)',
33
- '500': 'hsl(357 54.7% 70.6%)',
34
- '600': 'hsl(358 54.4% 64.7%)',
35
- '700': 'hsl(357 54.3% 58.8%)',
36
- '800': 'hsl(357 54.4% 52.7%)',
37
- '900': 'hsl(357 61.5% 46.9%)',
38
8
  '950': 'hsl(357 78% 41%)',
39
- '50a': 'hsl(357 78% 41% / 0.1)',
40
9
  '100a': 'hsl(357 78% 41% / 0.18)',
41
- '200a': 'hsl(357 78% 41% / 0.26)',
42
- '300a': 'hsl(357 78% 41% / 0.34)',
43
- '400a': 'hsl(357 78% 41% / 0.42)',
44
- '500a': 'hsl(357 78% 41% / 0.5)',
45
- '600a': 'hsl(357 78% 41% / 0.6)',
46
- '700a': 'hsl(357 78% 41% / 0.7)',
47
- '800a': 'hsl(357 78% 41% / 0.8)',
48
- '900a': 'hsl(357 78% 41% / 0.9)',
49
- '950a': 'hsl(357 78% 41%)',
50
- },
10
+ '600a': 'hsl(357 78% 41% / 0.6)'},
51
11
  yellow: {
52
- '50': 'hsl(25 51.5% 93.5%)',
53
- '100': 'hsl(27 50.8% 88%)',
54
- '200': 'hsl(27 50% 82.7%)',
55
- '300': 'hsl(27 50.9% 77.6%)',
56
- '400': 'hsl(27 50.4% 72.4%)',
57
- '500': 'hsl(28 50.9% 67.3%)',
58
- '600': 'hsl(28 50.5% 60.4%)',
59
- '700': 'hsl(28 50.6% 53.9%)',
60
- '800': 'hsl(27 56.2% 47.5%)',
61
- '900': 'hsl(28 73.9% 40.6%)',
62
12
  '950': 'hsl(28 97.7% 34.1%)',
63
- '50a': 'hsl(28 97.7% 34.1% / 0.1)',
64
13
  '100a': 'hsl(28 97.7% 34.1% / 0.18)',
65
- '200a': 'hsl(28 97.7% 34.1% / 0.26)',
66
- '300a': 'hsl(28 97.7% 34.1% / 0.34)',
67
- '400a': 'hsl(28 97.7% 34.1% / 0.42)',
68
- '500a': 'hsl(28 97.7% 34.1% / 0.5)',
69
- '600a': 'hsl(28 97.7% 34.1% / 0.6)',
70
- '700a': 'hsl(28 97.7% 34.1% / 0.7)',
71
- '800a': 'hsl(28 97.7% 34.1% / 0.8)',
72
- '900a': 'hsl(28 97.7% 34.1% / 0.9)',
73
- '950a': 'hsl(28 97.7% 34.1%)',
74
- },
14
+ '600a': 'hsl(28 97.7% 34.1% / 0.6)'},
75
15
  blue: {
76
- '50': 'hsl(229 84% 95.1%)',
77
- '100': 'hsl(229 82.2% 91.2%)',
78
- '200': 'hsl(228 84.6% 87.3%)',
79
- '300': 'hsl(228 83.5% 83.3%)',
80
- '400': 'hsl(228 82.9% 79.4%)',
81
- '500': 'hsl(228 83.9% 75.7%)',
82
- '600': 'hsl(228 82.7% 70.6%)',
83
- '700': 'hsl(228 82.9% 65.7%)',
84
- '800': 'hsl(228 83% 60.8%)',
85
- '900': 'hsl(228 83.1% 55.9%)',
86
16
  '950': 'hsl(228 83.2% 51%)',
87
- '50a': 'hsl(228 83.2% 51% / 0.1)',
88
17
  '100a': 'hsl(228 83.2% 51% / 0.18)',
89
- '200a': 'hsl(228 83.2% 51% / 0.26)',
90
- '300a': 'hsl(228 83.2% 51% / 0.34)',
91
- '400a': 'hsl(228 83.2% 51% / 0.42)',
92
- '500a': 'hsl(228 83.2% 51% / 0.5)',
93
- '600a': 'hsl(228 83.2% 51% / 0.6)',
94
- '700a': 'hsl(228 83.2% 51% / 0.7)',
95
- '800a': 'hsl(228 83.2% 51% / 0.8)',
96
- '900a': 'hsl(228 83.2% 51% / 0.9)',
97
- '950a': 'hsl(228 83.2% 51%)',
98
- },
18
+ '600a': 'hsl(228 83.2% 51% / 0.6)'},
99
19
  grey: {
100
20
  '50': 'hsl(240 10% 95%)',
101
- '100': 'hsl(240 8.1% 92.7%)',
102
- '200': 'hsl(225 5.7% 86.3%)',
103
- '300': 'hsl(240 2.7% 78.2%)',
104
- '400': 'hsl(240 1.9% 68.8%)',
105
- '500': 'hsl(240 0.9% 57.6%)',
106
- '600': 'hsl(240 0.8% 47.8%)',
107
- '700': 'hsl(240 1.6% 37.8%)',
108
- '800': 'hsl(240 2.2% 27.3%)',
109
- '900': 'hsl(240 4.8% 16.5%)',
110
21
  '950': 'hsl(225 66.7% 1.2%)',
111
22
  '50a': 'hsl(234 9.8% 60% / 0.06)',
112
23
  '100a': 'hsl(240 5% 70% / 0.148)',
113
24
  '200a': 'hsl(236 6.5% 42% / 0.236)',
114
25
  '300a': 'hsl(234 6% 32.9% / 0.324)',
115
- '400a': 'hsl(233 6.6% 23.9% / 0.412)',
116
26
  '500a': 'hsl(240 5.3% 14.9% / 0.5)',
117
27
  '600a': 'hsl(240 6.1% 7% / 0.6)',
118
28
  '700a': 'hsl(240 7.1% 11% / 0.7)',
119
- '800a': 'hsl(240 8.7% 9% / 0.8)',
120
- '900a': 'hsl(240 11.1% 7.1% / 0.9)',
121
- '950a': 'hsl(240 15.4% 5.1%)',
122
- },
29
+ '800a': 'hsl(240 8.7% 9% / 0.8)'},
123
30
  },
124
31
  dark: {
125
32
  green: {
126
- '50': 'hsl(157 33.3% 10.6%)',
127
- '100': 'hsl(158 47.1% 13.3%)',
128
- '200': 'hsl(157 58% 15.9%)',
129
- '300': 'hsl(157 64.6% 18.8%)',
130
- '400': 'hsl(157 69.1% 21.6%)',
131
- '500': 'hsl(157 72.6% 24.3%)',
132
- '600': 'hsl(157 76.1% 27.8%)',
133
- '700': 'hsl(157 78.7% 31.4%)',
134
- '800': 'hsl(157 81.8% 34.5%)',
135
- '900': 'hsl(157 83.5% 38%)',
136
33
  '950': 'hsl(157 84.9% 41.6%)',
137
- '50a': 'hsl(157 84.9% 41.6% / 0.1)',
138
34
  '100a': 'hsl(157 84.9% 41.6% / 0.18)',
139
- '200a': 'hsl(157 84.9% 41.6% / 0.26)',
140
- '300a': 'hsl(157 84.9% 41.6% / 0.34)',
141
- '400a': 'hsl(157 84.9% 41.6% / 0.42)',
142
- '500a': 'hsl(157 84.9% 41.6% / 0.5)',
143
- '600a': 'hsl(157 84.9% 41.6% / 0.6)',
144
- '700a': 'hsl(157 84.9% 41.6% / 0.7)',
145
- '800a': 'hsl(157 84.9% 41.6% / 0.8)',
146
- '900a': 'hsl(157 84.9% 41.6% / 0.9)',
147
- '950a': 'hsl(157 84.9% 41.6%)',
148
- },
35
+ '600a': 'hsl(157 84.9% 41.6% / 0.6)'},
149
36
  red: {
150
- '50': 'hsl(0 28.1% 12.5%)',
151
- '100': 'hsl(0 39.5% 16.9%)',
152
- '200': 'hsl(0 45% 21.4%)',
153
- '300': 'hsl(0 48.5% 25.9%)',
154
- '400': 'hsl(0 51.6% 30%)',
155
- '500': 'hsl(0 53.4% 34.5%)',
156
- '600': 'hsl(0 54.9% 40%)',
157
- '700': 'hsl(0 56.9% 45.5%)',
158
- '800': 'hsl(0 60% 51%)',
159
- '900': 'hsl(0 76.6% 56.5%)',
160
37
  '950': 'hsl(0 96.9% 62%)',
161
- '50a': 'hsl(0 96.9% 62% / 0.1)',
162
38
  '100a': 'hsl(0 96.9% 62% / 0.18)',
163
- '200a': 'hsl(0 96.9% 62% / 0.26)',
164
- '300a': 'hsl(0 96.9% 62% / 0.34)',
165
- '400a': 'hsl(0 96.9% 62% / 0.42)',
166
- '500a': 'hsl(0 96.9% 62% / 0.5)',
167
- '600a': 'hsl(0 96.9% 62% / 0.6)',
168
- '700a': 'hsl(0 96.9% 62% / 0.7)',
169
- '800a': 'hsl(0 96.9% 62% / 0.8)',
170
- '900a': 'hsl(0 96.9% 62% / 0.9)',
171
- '950a': 'hsl(0 96.9% 62%)',
172
- },
39
+ '600a': 'hsl(0 96.9% 62% / 0.6)'},
173
40
  yellow: {
174
- '50': 'hsl(29 34.4% 12%)',
175
- '100': 'hsl(28 45.7% 15.9%)',
176
- '200': 'hsl(28 52.5% 19.8%)',
177
- '300': 'hsl(28 57% 23.7%)',
178
- '400': 'hsl(28 60.3% 27.6%)',
179
- '500': 'hsl(28 62.7% 31.6%)',
180
- '600': 'hsl(28 65.6% 36.5%)',
181
- '700': 'hsl(28 66.8% 41.4%)',
182
- '800': 'hsl(28 68.6% 46.3%)',
183
- '900': 'hsl(28 72.7% 51.2%)',
184
41
  '950': 'hsl(28 90.2% 56.1%)',
185
- '50a': 'hsl(28 90.2% 56.1% / 0.1)',
186
42
  '100a': 'hsl(28 90.2% 56.1% / 0.18)',
187
- '200a': 'hsl(28 90.2% 56.1% / 0.26)',
188
- '300a': 'hsl(28 90.2% 56.1% / 0.34)',
189
- '400a': 'hsl(28 90.2% 56.1% / 0.42)',
190
- '500a': 'hsl(28 90.2% 56.1% / 0.5)',
191
- '600a': 'hsl(28 90.2% 56.1% / 0.6)',
192
- '700a': 'hsl(28 90.2% 56.1% / 0.7)',
193
- '800a': 'hsl(28 90.2% 56.1% / 0.8)',
194
- '900a': 'hsl(28 90.2% 56.1% / 0.9)',
195
- '950a': 'hsl(28 90.2% 56.1%)',
196
- },
43
+ '600a': 'hsl(28 90.2% 56.1% / 0.6)'},
197
44
  blue: {
198
- '50': 'hsl(211 37.7% 12%)',
199
- '100': 'hsl(210 52.5% 15.7%)',
200
- '200': 'hsl(210 61.6% 19.4%)',
201
- '300': 'hsl(210 66.4% 23.3%)',
202
- '400': 'hsl(210 71% 27.1%)',
203
- '500': 'hsl(210 73.4% 31%)',
204
- '600': 'hsl(210 76.8% 35.5%)',
205
- '700': 'hsl(210 78.6% 40.4%)',
206
- '800': 'hsl(210 80.9% 45.1%)',
207
- '900': 'hsl(210 81.9% 49.8%)',
208
45
  '950': 'hsl(210 100% 54.5%)',
209
- '50a': 'hsl(210 100% 54.5% / 0.1)',
210
46
  '100a': 'hsl(210 100% 54.5% / 0.18)',
211
- '200a': 'hsl(210 100% 54.5% / 0.26)',
212
- '300a': 'hsl(210 100% 54.5% / 0.34)',
213
- '400a': 'hsl(210 100% 54.5% / 0.42)',
214
- '500a': 'hsl(210 100% 54.5% / 0.5)',
215
- '600a': 'hsl(210 100% 54.5% / 0.6)',
216
- '700a': 'hsl(210 100% 54.5% / 0.7)',
217
- '800a': 'hsl(210 100% 54.5% / 0.8)',
218
- '900a': 'hsl(210 100% 54.5% / 0.9)',
219
- '950a': 'hsl(210 100% 54.5%)',
220
- },
47
+ '600a': 'hsl(210 100% 54.5% / 0.6)'},
221
48
  grey: {
222
49
  '50': 'hsl(225 66.7% 1.2%)',
223
50
  '100': 'hsl(240 2% 10%)',
224
- '200': 'hsl(240 1.3% 15.5%)',
225
- '300': 'hsl(240 0.8% 23.7%)',
226
- '400': 'hsl(240 0.6% 34.3%)',
227
- '500': 'hsl(240 0.4% 47.6%)',
228
- '600': 'hsl(240 0.5% 57.5%)',
229
- '700': 'hsl(240 0.6% 67.3%)',
230
- '800': 'hsl(240 0.9% 77.1%)',
231
- '900': 'hsl(240 3% 87.1%)',
232
51
  '950': 'hsl(225 100% 99%)',
233
- '50a': 'hsl(225 66.7% 1.2% / 0.08)',
234
52
  '100a': 'hsl(240 3.7% 26.5% / 0.154)',
235
53
  '200a': 'hsl(240 2% 43% / 0.228)',
236
54
  '300a': 'hsl(240 1.5% 61.8% / 0.302)',
237
- '400a': 'hsl(240 2.9% 79.4% / 0.376)',
238
55
  '500a': 'hsl(240 12.5% 96.9% / 0.45)',
239
56
  '600a': 'hsl(240 12.5% 96.9% / 0.56)',
240
57
  '700a': 'hsl(240 12.5% 96.9% / 0.67)',
241
- '800a': 'hsl(240 12.5% 96.9% / 0.78)',
242
- '900a': 'hsl(240 12.5% 96.9% / 0.89)',
243
- '950a': 'hsl(225 100% 99%)',
244
- },
58
+ '800a': 'hsl(240 12.5% 96.9% / 0.78)'},
245
59
  },
246
60
  };
247
61