@porsche-design-system/components-angular 4.0.0-rc.1 → 4.0.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.
Files changed (64) hide show
  1. package/CHANGELOG.md +62 -0
  2. package/OSS_NOTICE +195 -855
  3. package/README.md +0 -5
  4. package/fesm2022/porsche-design-system-components-angular.mjs +231 -230
  5. package/fesm2022/porsche-design-system-components-angular.mjs.map +1 -1
  6. package/global-styles/cn/index.css +42 -39
  7. package/global-styles/color-scheme.css +24 -24
  8. package/global-styles/index.css +42 -39
  9. package/global-styles/variables.css +18 -15
  10. package/package.json +7 -6
  11. package/tailwindcss/index.css +277 -78
  12. package/types/porsche-design-system-components-angular.d.ts +31 -26
  13. package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorErrorFrostedDark.cjs +1 -3
  14. package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorErrorFrostedSoftDark.cjs +1 -3
  15. package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorInfoFrostedDark.cjs +1 -3
  16. package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorInfoFrostedSoftDark.cjs +1 -3
  17. package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorSuccessFrostedDark.cjs +1 -3
  18. package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorSuccessFrostedSoftDark.cjs +1 -3
  19. package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorWarningFrostedDark.cjs +1 -3
  20. package/vanilla-extract/cjs/tokens/dist/esm/color/dark/semantic/colorWarningFrostedSoftDark.cjs +1 -3
  21. package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorErrorFrostedLight.cjs +1 -3
  22. package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorErrorFrostedSoftLight.cjs +1 -3
  23. package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorInfoFrostedLight.cjs +1 -3
  24. package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorInfoFrostedSoftLight.cjs +1 -3
  25. package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorSuccessFrostedLight.cjs +1 -3
  26. package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorSuccessFrostedSoftLight.cjs +1 -3
  27. package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorWarningFrostedLight.cjs +1 -3
  28. package/vanilla-extract/cjs/tokens/dist/esm/color/light/semantic/colorWarningFrostedSoftLight.cjs +1 -3
  29. package/vanilla-extract/cjs/tokens/dist/esm/color/palette.cjs +184 -10
  30. package/vanilla-extract/esm/color/deprecated/themeDarkNotificationErrorSoft.d.ts +1 -1
  31. package/vanilla-extract/esm/color/deprecated/themeDarkNotificationInfoSoft.d.ts +1 -1
  32. package/vanilla-extract/esm/color/deprecated/themeDarkNotificationSuccessSoft.d.ts +1 -1
  33. package/vanilla-extract/esm/color/deprecated/themeDarkNotificationWarningSoft.d.ts +1 -1
  34. package/vanilla-extract/esm/color/deprecated/themeLightNotificationErrorSoft.d.ts +1 -1
  35. package/vanilla-extract/esm/color/deprecated/themeLightNotificationInfoSoft.d.ts +1 -1
  36. package/vanilla-extract/esm/color/deprecated/themeLightNotificationSuccessSoft.d.ts +1 -1
  37. package/vanilla-extract/esm/color/deprecated/themeLightNotificationWarningSoft.d.ts +1 -1
  38. package/vanilla-extract/esm/color/light-dark/colorErrorFrosted.d.ts +1 -1
  39. package/vanilla-extract/esm/color/light-dark/colorErrorFrostedSoft.d.ts +1 -1
  40. package/vanilla-extract/esm/color/light-dark/colorInfoFrosted.d.ts +1 -1
  41. package/vanilla-extract/esm/color/light-dark/colorInfoFrostedSoft.d.ts +1 -1
  42. package/vanilla-extract/esm/color/light-dark/colorSuccessFrosted.d.ts +1 -1
  43. package/vanilla-extract/esm/color/light-dark/colorSuccessFrostedSoft.d.ts +1 -1
  44. package/vanilla-extract/esm/color/light-dark/colorWarningFrosted.d.ts +1 -1
  45. package/vanilla-extract/esm/color/light-dark/colorWarningFrostedSoft.d.ts +1 -1
  46. package/vanilla-extract/esm/grid/gridSharedOffset.mjs +1 -1
  47. package/vanilla-extract/esm/grid/gridStyle.mjs +1 -1
  48. package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorErrorFrostedDark.mjs +1 -3
  49. package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorErrorFrostedSoftDark.mjs +1 -3
  50. package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorInfoFrostedDark.mjs +1 -3
  51. package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorInfoFrostedSoftDark.mjs +1 -3
  52. package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorSuccessFrostedDark.mjs +1 -3
  53. package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorSuccessFrostedSoftDark.mjs +1 -3
  54. package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorWarningFrostedDark.mjs +1 -3
  55. package/vanilla-extract/esm/tokens/dist/esm/color/dark/semantic/colorWarningFrostedSoftDark.mjs +1 -3
  56. package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorErrorFrostedLight.mjs +1 -3
  57. package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorErrorFrostedSoftLight.mjs +1 -3
  58. package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorInfoFrostedLight.mjs +1 -3
  59. package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorInfoFrostedSoftLight.mjs +1 -3
  60. package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorSuccessFrostedLight.mjs +1 -3
  61. package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorSuccessFrostedSoftLight.mjs +1 -3
  62. package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorWarningFrostedLight.mjs +1 -3
  63. package/vanilla-extract/esm/tokens/dist/esm/color/light/semantic/colorWarningFrostedSoftLight.mjs +1 -3
  64. package/vanilla-extract/esm/tokens/dist/esm/color/palette.mjs +184 -10
@@ -1,73 +1,247 @@
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%)',
4
14
  '950': 'hsl(115 77.5% 27.8%)',
5
15
  '50a': 'hsl(115 77.5% 27.8% / 0.1)',
6
16
  '100a': 'hsl(115 77.5% 27.8% / 0.18)',
7
- '600a': 'hsl(115 77.5% 27.8% / 0.6)'},
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
+ },
8
27
  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%)',
9
38
  '950': 'hsl(357 78% 41%)',
10
39
  '50a': 'hsl(357 78% 41% / 0.1)',
11
40
  '100a': 'hsl(357 78% 41% / 0.18)',
12
- '600a': 'hsl(357 78% 41% / 0.6)'},
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
+ },
13
51
  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%)',
14
62
  '950': 'hsl(28 97.7% 34.1%)',
15
63
  '50a': 'hsl(28 97.7% 34.1% / 0.1)',
16
64
  '100a': 'hsl(28 97.7% 34.1% / 0.18)',
17
- '600a': 'hsl(28 97.7% 34.1% / 0.6)'},
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
+ },
18
75
  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%)',
19
86
  '950': 'hsl(228 83.2% 51%)',
20
87
  '50a': 'hsl(228 83.2% 51% / 0.1)',
21
88
  '100a': 'hsl(228 83.2% 51% / 0.18)',
22
- '600a': 'hsl(228 83.2% 51% / 0.6)'},
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
+ },
23
99
  grey: {
24
100
  '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%)',
25
110
  '950': 'hsl(225 66.7% 1.2%)',
26
111
  '50a': 'hsl(234 9.8% 60% / 0.06)',
27
112
  '100a': 'hsl(240 5% 70% / 0.148)',
28
113
  '200a': 'hsl(236 6.5% 42% / 0.236)',
29
114
  '300a': 'hsl(234 6% 32.9% / 0.324)',
115
+ '400a': 'hsl(233 6.6% 23.9% / 0.412)',
30
116
  '500a': 'hsl(240 5.3% 14.9% / 0.5)',
31
117
  '600a': 'hsl(240 6.1% 7% / 0.6)',
32
118
  '700a': 'hsl(240 7.1% 11% / 0.7)',
33
- '800a': 'hsl(240 8.7% 9% / 0.8)'},
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
+ },
34
123
  },
35
124
  dark: {
36
125
  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%)',
37
136
  '950': 'hsl(157 84.9% 41.6%)',
38
137
  '50a': 'hsl(157 84.9% 41.6% / 0.1)',
39
138
  '100a': 'hsl(157 84.9% 41.6% / 0.18)',
40
139
  '200a': 'hsl(157 84.9% 41.6% / 0.26)',
41
- '600a': 'hsl(157 84.9% 41.6% / 0.6)'},
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
+ },
42
149
  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%)',
43
160
  '950': 'hsl(0 96.9% 62%)',
44
161
  '50a': 'hsl(0 96.9% 62% / 0.1)',
45
162
  '100a': 'hsl(0 96.9% 62% / 0.18)',
46
163
  '200a': 'hsl(0 96.9% 62% / 0.26)',
47
- '600a': 'hsl(0 96.9% 62% / 0.6)'},
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
+ },
48
173
  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%)',
49
184
  '950': 'hsl(28 90.2% 56.1%)',
50
185
  '50a': 'hsl(28 90.2% 56.1% / 0.1)',
51
186
  '100a': 'hsl(28 90.2% 56.1% / 0.18)',
52
187
  '200a': 'hsl(28 90.2% 56.1% / 0.26)',
53
- '600a': 'hsl(28 90.2% 56.1% / 0.6)'},
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
+ },
54
197
  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%)',
55
208
  '950': 'hsl(210 100% 54.5%)',
56
209
  '50a': 'hsl(210 100% 54.5% / 0.1)',
57
210
  '100a': 'hsl(210 100% 54.5% / 0.18)',
58
211
  '200a': 'hsl(210 100% 54.5% / 0.26)',
59
- '600a': 'hsl(210 100% 54.5% / 0.6)'},
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
+ },
60
221
  grey: {
61
222
  '50': 'hsl(225 66.7% 1.2%)',
62
223
  '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%)',
63
232
  '950': 'hsl(225 100% 99%)',
233
+ '50a': 'hsl(225 66.7% 1.2% / 0.08)',
64
234
  '100a': 'hsl(240 3.7% 26.5% / 0.154)',
65
235
  '200a': 'hsl(240 2% 43% / 0.228)',
66
236
  '300a': 'hsl(240 1.5% 61.8% / 0.302)',
237
+ '400a': 'hsl(240 2.9% 79.4% / 0.376)',
67
238
  '500a': 'hsl(240 12.5% 96.9% / 0.45)',
68
239
  '600a': 'hsl(240 12.5% 96.9% / 0.56)',
69
240
  '700a': 'hsl(240 12.5% 96.9% / 0.67)',
70
- '800a': 'hsl(240 12.5% 96.9% / 0.78)'},
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
+ },
71
245
  },
72
246
  };
73
247