@baloise/ds-tokens 20.0.0-next.7 → 20.0.0-next.8

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 (13) hide show
  1. package/dist/css/base.tokens.css +198 -198
  2. package/dist/docs/base.tokens.json +44096 -44115
  3. package/dist/js/base.tokens.js +212 -212
  4. package/dist/out-tsc/config.brand.js +1 -1
  5. package/dist/out-tsc/css-naming.js +26 -0
  6. package/dist/out-tsc/css-preview.js +8 -0
  7. package/dist/out-tsc/css-value.js +86 -0
  8. package/dist/out-tsc/formatter.js +3 -3
  9. package/dist/out-tsc/transformers.js +6 -79
  10. package/dist/sass/base.tokens.scss +187 -187
  11. package/dist/web/base.tokens.json +217 -217
  12. package/package.json +6 -1
  13. package/sbom.cdx.json +36584 -18456
package/dist/web/base.tokens.json CHANGED
@@ -1,157 +1,4 @@
1
1
  {
2
- "ds-global-color-white": "#ffffff",
3
- "ds-global-color-black": "#000000",
4
- "ds-global-color-neutral": "rgba(255, 255, 255, 0)",
5
- "ds-global-color-danger-1": "#fce8e6",
6
- "ds-global-color-danger-2": "#f7a299",
7
- "ds-global-color-danger-3": "#f05d4d",
8
- "ds-global-color-danger-4": "#ea1800",
9
- "ds-global-color-danger-5": "#cb1501",
10
- "ds-global-color-danger-6": "#a01100",
11
- "ds-global-color-warning-1": "#fff9e8",
12
- "ds-global-color-warning-2": "#ffe5a3",
13
- "ds-global-color-warning-3": "#ffd25e",
14
- "ds-global-color-warning-4": "#ffbe19",
15
- "ds-global-color-warning-5": "#f99319",
16
- "ds-global-color-warning-6": "#c97612",
17
- "ds-global-color-success-1": "#e8f3ec",
18
- "ds-global-color-success-2": "#a1cfb3",
19
- "ds-global-color-success-3": "#5bab7a",
20
- "ds-global-color-success-4": "#168741",
21
- "ds-global-color-success-5": "#116b34",
22
- "ds-global-color-success-6": "#0b5227",
23
- "ds-global-color-info-1": "#e8f1fb",
24
- "ds-global-color-info-2": "#a4c9ed",
25
- "ds-global-color-info-3": "#60a0e0",
26
- "ds-global-color-info-4": "#1c77d2",
27
- "ds-global-color-info-5": "#155ba3",
28
- "ds-global-color-info-6": "#0e457b",
29
- "ds-global-color-sky-1": "#e5f1fe",
30
- "ds-global-color-sky-2": "#a7d1fa",
31
- "ds-global-color-sky-3": "#56a7f5",
32
- "ds-global-color-sky-4": "#6672cc",
33
- "ds-global-color-sky-5": "#0014aa",
34
- "ds-global-color-sky-6": "#000a55",
35
- "ds-global-color-grey-0": "#fafafa",
36
- "ds-global-color-grey-1": "#f0f0f0",
37
- "ds-global-color-grey-2": "#e0e0e0",
38
- "ds-global-color-grey-3": "#d0d0d0",
39
- "ds-global-color-grey-4": "#b6b6b6",
40
- "ds-global-color-grey-5": "#747474",
41
- "ds-global-color-grey-6": "#313131",
42
- "ds-global-color-yellow-1": "#fff9e8",
43
- "ds-global-color-yellow-2": "#ffecbc",
44
- "ds-global-color-yellow-3": "#fae052",
45
- "ds-global-color-yellow-4": "#ffbe19",
46
- "ds-global-color-yellow-5": "#fa9319",
47
- "ds-global-color-yellow-6": "#b24a00",
48
- "ds-global-color-red-1": "#ffeef1",
49
- "ds-global-color-red-2": "#ffd7d7",
50
- "ds-global-color-red-3": "#ffaca6",
51
- "ds-global-color-red-4": "#ff596f",
52
- "ds-global-color-red-5": "#d9304c",
53
- "ds-global-color-red-6": "#99172d",
54
- "ds-global-color-green-1": "#e9fbf7",
55
- "ds-global-color-green-2": "#cbf2ec",
56
- "ds-global-color-green-3": "#94e3d4",
57
- "ds-global-color-green-4": "#21d9ac",
58
- "ds-global-color-green-5": "#00b28f",
59
- "ds-global-color-green-6": "#1b5951",
60
- "ds-global-color-purple-1": "#f9f3ff",
61
- "ds-global-color-purple-2": "#e1d9ff",
62
- "ds-global-color-purple-3": "#b8b2ff",
63
- "ds-global-color-purple-4": "#be82fa",
64
- "ds-global-color-purple-5": "#9f52cc",
65
- "ds-global-color-purple-6": "#6c2273",
66
- "ds-global-color-primary-1": "#e5e7f0",
67
- "ds-global-color-primary-2": "#b3b6d4",
68
- "ds-global-color-primary-3": "#656ea8",
69
- "ds-global-color-primary-4": "#293485",
70
- "ds-global-color-primary-5": "#000d6e",
71
- "ds-global-color-primary-6": "#000739",
72
- "ds-global-elevation-shadow-0": "none",
73
- "ds-global-elevation-shadow-1": "0 2px 5px 1px rgba(0, 7, 57, 0.12)",
74
- "ds-global-elevation-shadow-2": "0 4px 4px 0 rgba(0, 7, 57, 0.15)",
75
- "ds-global-elevation-shadow-3": "0 0 10px 0 rgba(0, 7, 57, 0.15)",
76
- "ds-global-elevation-shadow-4": "0 0 30px 0 rgba(0, 7, 57, 0.15)",
77
- "ds-global-elevation-opacity-0": 0,
78
- "ds-global-elevation-opacity-30": 0.3,
79
- "ds-global-elevation-opacity-40": 0.4,
80
- "ds-global-elevation-opacity-50": 0.5,
81
- "ds-global-elevation-opacity-60": 0.6,
82
- "ds-global-elevation-opacity-80": 0.8,
83
- "ds-global-elevation-opacity-100": 1,
84
- "ds-global-elevation-z-index-100": 100,
85
- "ds-global-elevation-z-index-200": 200,
86
- "ds-global-elevation-z-index-300": 300,
87
- "ds-global-elevation-z-index-400": 400,
88
- "ds-global-elevation-z-index-1000": 1000,
89
- "ds-global-elevation-z-index-1100": 1100,
90
- "ds-global-elevation-z-index-1200": 1200,
91
- "ds-global-elevation-z-index-1300": 1300,
92
- "ds-global-elevation-z-index-behind-all": -999999,
93
- "ds-global-font-shadow-0": "none",
94
- "ds-global-font-shadow-1": "0px 0px 4px rgba(0, 0, 0, 0.15), 0px 4px 12px rgba(0, 0, 0, 0.25), 0px 0px 80px rgba(0, 0, 0, 0.5)",
95
- "ds-global-font-size-0": "0rem",
96
- "ds-global-font-size-12": "0.75rem",
97
- "ds-global-font-size-14": "0.875rem",
98
- "ds-global-font-size-16": "1rem",
99
- "ds-global-font-size-18": "1.125rem",
100
- "ds-global-font-size-20": "1.25rem",
101
- "ds-global-font-size-24": "1.5rem",
102
- "ds-global-font-size-28": "1.75rem",
103
- "ds-global-font-size-32": "2rem",
104
- "ds-global-font-size-40": "2.5rem",
105
- "ds-global-font-size-48": "3rem",
106
- "ds-global-font-size-80": "5rem",
107
- "ds-global-font-size-176": "11rem",
108
- "ds-global-font-family-heading": "\"BaloiseCreateHeadline\", \"Arial\", \"sans-serif\"",
109
- "ds-global-font-family-body": "\"BaloiseCreateText\", \"Arial\", \"sans-serif\"",
110
- "ds-global-font-weight-300": "300",
111
- "ds-global-font-weight-400": "400",
112
- "ds-global-font-weight-700": "700",
113
- "ds-global-font-line-height-1": 1,
114
- "ds-global-font-line-height-2": 1.3,
115
- "ds-global-font-line-height-3": 1.5,
116
- "ds-global-font-line-height-4": 2,
117
- "ds-global-size-border-0": "0rem",
118
- "ds-global-size-border-1": "0.0625rem",
119
- "ds-global-size-border-2": "0.125rem",
120
- "ds-global-size-border-3": "0.25rem",
121
- "ds-global-size-radius-0": "0rem",
122
- "ds-global-size-radius-1": "0.25rem",
123
- "ds-global-size-radius-2": "0.75rem",
124
- "ds-global-size-radius-3": "9999px",
125
- "ds-global-size-breakpoint-1": "769px",
126
- "ds-global-size-breakpoint-2": "1024px",
127
- "ds-global-size-breakpoint-3": "1280px",
128
- "ds-global-size-breakpoint-4": "1440px",
129
- "ds-global-size-breakpoint-5": "1920px",
130
- "ds-global-size-container-1": "320px",
131
- "ds-global-size-container-2": "480px",
132
- "ds-global-size-container-3": "640px",
133
- "ds-global-size-container-4": "896px",
134
- "ds-global-size-container-5": "1496px",
135
- "ds-global-size-container-full": "100%",
136
- "ds-global-size-space-0": "0rem",
137
- "ds-global-size-space-1": "0.0625rem",
138
- "ds-global-size-space-2": "0.125rem",
139
- "ds-global-size-space-4": "0.25rem",
140
- "ds-global-size-space-8": "0.5rem",
141
- "ds-global-size-space-12": "0.75rem",
142
- "ds-global-size-space-14": "0.875rem",
143
- "ds-global-size-space-16": "1rem",
144
- "ds-global-size-space-20": "1.25rem",
145
- "ds-global-size-space-24": "1.5rem",
146
- "ds-global-size-space-32": "2rem",
147
- "ds-global-size-space-40": "2.5rem",
148
- "ds-global-size-space-48": "3rem",
149
- "ds-global-size-space-56": "3.5rem",
150
- "ds-global-size-space-64": "4rem",
151
- "ds-global-size-space-72": "4.5rem",
152
- "ds-global-size-space-96": "6rem",
153
- "ds-global-size-space-128": "8rem",
154
- "ds-global-size-space-auto": "auto",
155
2
  "ds-alias-background-color-white": "#ffffff",
156
3
  "ds-alias-background-color-selected": "#b3b6d4",
157
4
  "ds-alias-background-color-hover": "#fafafa",
@@ -437,56 +284,56 @@
437
284
  "ds-heading-5-size-mobile": "1rem",
438
285
  "ds-heading-5-size-tablet": "1rem",
439
286
  "ds-heading-5-size-desktop": "1rem",
440
- "ds-heading-family": "\"BaloiseCreateHeadline\", \"Arial\", \"sans-serif\"",
441
- "ds-heading-weight": "700",
287
+ "ds-heading-font-family": "\"BaloiseCreateHeadline\", \"Arial\", \"sans-serif\"",
288
+ "ds-heading-font-weight": "700",
442
289
  "ds-heading-line-height": 1.3,
443
290
  "ds-heading-shadow": "0px 0px 4px rgba(0, 0, 0, 0.15), 0px 4px 12px rgba(0, 0, 0, 0.25), 0px 0px 80px rgba(0, 0, 0, 0.5)",
444
291
  "ds-heading-color-base": "inherit",
445
- "ds-heading-color-primary": "#000d6e",
446
- "ds-heading-color-white": "#ffffff",
447
- "ds-heading-color-info": "#1c77d2",
448
- "ds-heading-color-success": "#168741",
449
- "ds-heading-color-warning": "#b24a00",
450
- "ds-heading-color-danger": "#ea1800",
451
- "ds-heading-display1-space": "1rem",
452
- "ds-heading-display1-size-mobile": "3rem",
453
- "ds-heading-display1-size-tablet": "5rem",
454
- "ds-heading-display1-size-desktop": "5rem",
455
- "ds-heading-display2-space": "1rem",
456
- "ds-heading-display2-size-mobile": "2rem",
457
- "ds-heading-display2-size-tablet": "3rem",
458
- "ds-heading-display2-size-desktop": "3rem",
459
- "ds-heading-subtitle-family": "\"BaloiseCreateHeadline\", \"Arial\", \"sans-serif\"",
292
+ "ds-heading-primary-color-base": "#000d6e",
293
+ "ds-heading-white-color-base": "#ffffff",
294
+ "ds-heading-info-color-base": "#1c77d2",
295
+ "ds-heading-success-color-base": "#168741",
296
+ "ds-heading-warning-color-base": "#b24a00",
297
+ "ds-heading-danger-color-base": "#ea1800",
298
+ "ds-heading-display-1-space": "1rem",
299
+ "ds-heading-display-1-size-mobile": "3rem",
300
+ "ds-heading-display-1-size-tablet": "5rem",
301
+ "ds-heading-display-1-size-desktop": "5rem",
302
+ "ds-heading-display-2-space": "1rem",
303
+ "ds-heading-display-2-size-mobile": "2rem",
304
+ "ds-heading-display-2-size-tablet": "3rem",
305
+ "ds-heading-display-2-size-desktop": "3rem",
306
+ "ds-heading-subtitle-font-family": "\"BaloiseCreateHeadline\", \"Arial\", \"sans-serif\"",
460
307
  "ds-heading-subtitle-line-height": 1.3,
461
- "ds-heading-subtitle-weight": "300",
462
- "ds-badge-text-family": "\"BaloiseCreateHeadline\", \"Arial\", \"sans-serif\"",
463
- "ds-badge-text-weight": "700",
464
- "ds-badge-text-size-sm": "0rem",
465
- "ds-badge-text-size-base": "0.75rem",
466
- "ds-badge-text-size-lg": "1rem",
308
+ "ds-heading-subtitle-font-weight": "300",
467
309
  "ds-badge-size-sm": "0.75rem",
468
310
  "ds-badge-size-base": "1.5rem",
469
311
  "ds-badge-size-lg": "2rem",
470
- "ds-badge-color-base-text": "#000d6e",
471
- "ds-badge-color-base-background": "#ffaca6",
472
- "ds-badge-color-info-text": "#000d6e",
473
- "ds-badge-color-info-background": "#b8b2ff",
474
- "ds-badge-color-success-text": "#000d6e",
475
- "ds-badge-color-success-background": "#94e3d4",
476
- "ds-badge-color-warning-text": "#000d6e",
477
- "ds-badge-color-warning-background": "#ffecbc",
478
- "ds-badge-color-danger-text": "#000d6e",
479
- "ds-badge-color-danger-background": "#ffaca6",
480
- "ds-badge-color-red-text": "#000d6e",
481
- "ds-badge-color-red-background": "#ffd7d7",
482
- "ds-badge-color-purple-text": "#000d6e",
483
- "ds-badge-color-purple-background": "#e1d9ff",
484
- "ds-badge-color-green-text": "#000d6e",
485
- "ds-badge-color-green-background": "#cbf2ec",
486
- "ds-badge-color-yellow-text": "#000d6e",
487
- "ds-badge-color-yellow-background": "#fff9e8",
488
- "ds-badge-color-grey-text": "#747474",
489
- "ds-badge-color-grey-background": "#f0f0f0",
312
+ "ds-badge-font-family": "\"BaloiseCreateHeadline\", \"Arial\", \"sans-serif\"",
313
+ "ds-badge-font-weight": "700",
314
+ "ds-badge-font-size-sm": "0rem",
315
+ "ds-badge-font-size-base": "0.75rem",
316
+ "ds-badge-font-size-lg": "1rem",
317
+ "ds-badge-base-color-text": "#000d6e",
318
+ "ds-badge-base-color-background": "#ffaca6",
319
+ "ds-badge-info-color-text": "#000d6e",
320
+ "ds-badge-info-color-background": "#b8b2ff",
321
+ "ds-badge-success-color-text": "#000d6e",
322
+ "ds-badge-success-color-background": "#94e3d4",
323
+ "ds-badge-warning-color-text": "#000d6e",
324
+ "ds-badge-warning-color-background": "#ffecbc",
325
+ "ds-badge-danger-color-text": "#000d6e",
326
+ "ds-badge-danger-color-background": "#ffaca6",
327
+ "ds-badge-red-color-text": "#000d6e",
328
+ "ds-badge-red-color-background": "#ffaca6",
329
+ "ds-badge-purple-color-text": "#000d6e",
330
+ "ds-badge-purple-color-background": "#b8b2ff",
331
+ "ds-badge-green-color-text": "#000d6e",
332
+ "ds-badge-green-color-background": "#94e3d4",
333
+ "ds-badge-yellow-color-text": "#000d6e",
334
+ "ds-badge-yellow-color-background": "#fae052",
335
+ "ds-badge-grey-color-text": "#747474",
336
+ "ds-badge-grey-color-background": "#f0f0f0",
490
337
  "ds-button-family": "\"BaloiseCreateHeadline\", \"Arial\", \"sans-serif\"",
491
338
  "ds-button-weight": "700",
492
339
  "ds-button-line-height": 1.3,
@@ -779,13 +626,13 @@
779
626
  "ds-close-radius": "9999px",
780
627
  "ds-close-color-background-base": "rgba(255, 255, 255, 0)",
781
628
  "ds-close-color-background-hover": "rgba(0, 7, 57, 0.1)",
782
- "ds-close-color-background-active": "rgba(0, 7, 57, 0.3)",
783
- "ds-close-color-background-inverted-hover": "rgba(255, 255, 255, 0.3)",
784
- "ds-close-color-background-inverted-active": "rgba(255, 255, 255, 0.5)",
629
+ "ds-close-color-background-active": "rgba(0, 7, 57, 0.2)",
785
630
  "ds-close-color-background-disabled": "#e0e0e0",
786
- "ds-close-color-icon-base": "#000d6e",
787
- "ds-close-color-icon-inverted": "#ffffff",
788
- "ds-close-color-icon-disabled": "#747474",
631
+ "ds-close-icon-color-base": "#000d6e",
632
+ "ds-close-icon-color-disabled": "#747474",
633
+ "ds-close-inverted-color-background-hover": "rgba(255, 255, 255, 0.3)",
634
+ "ds-close-inverted-color-background-active": "rgba(255, 255, 255, 0.5)",
635
+ "ds-close-inverted-icon-color-base": "#ffffff",
789
636
  "ds-date-calendar-family": "\"BaloiseCreateText\", \"Arial\", \"sans-serif\"",
790
637
  "ds-date-calendar-weight": "700",
791
638
  "ds-date-calendar-radius": "0.25rem",
@@ -1207,11 +1054,11 @@
1207
1054
  "ds-navbar-light-focus-color-start": "#ffffff",
1208
1055
  "ds-navbar-light-focus-color-end": "#6c2273",
1209
1056
  "ds-snackbar-radius": "0.25rem",
1210
- "ds-snackbar-default-color-bg-base": "#f0f0f0",
1211
- "ds-snackbar-default-color-border-base": "#f0f0f0",
1212
- "ds-snackbar-default-color-text-base": "#000d6e",
1213
- "ds-snackbar-default-color-progress-bar-base": "#000d6e",
1214
- "ds-snackbar-default-color-progress-bg-base": "#b3b6d4",
1057
+ "ds-snackbar-primary-color-bg-base": "#f0f0f0",
1058
+ "ds-snackbar-primary-color-border-base": "#f0f0f0",
1059
+ "ds-snackbar-primary-color-text-base": "#000d6e",
1060
+ "ds-snackbar-primary-color-progress-bar-base": "#000d6e",
1061
+ "ds-snackbar-primary-color-progress-bg-base": "#b3b6d4",
1215
1062
  "ds-snackbar-success-color-bg-base": "#a1cfb3",
1216
1063
  "ds-snackbar-success-color-border-base": "#a1cfb3",
1217
1064
  "ds-snackbar-success-color-text-base": "#000d6e",
@@ -1237,14 +1084,14 @@
1237
1084
  "ds-spinner-circle-size": "1.5rem",
1238
1085
  "ds-spinner-circle-color-background": "#e0e0e0",
1239
1086
  "ds-spinner-circle-color-progress": "#000d6e",
1240
- "ds-spinner-circle-color-inverted-background": "#ffffff",
1241
- "ds-spinner-circle-color-inverted-progress": "#000d6e",
1087
+ "ds-spinner-inverted-circle-color-background": "#ffffff",
1088
+ "ds-spinner-inverted-circle-color-progress": "#000d6e",
1242
1089
  "ds-toast-radius": "0.25rem",
1243
- "ds-toast-default-color-bg-base": "#f0f0f0",
1244
- "ds-toast-default-color-border-base": "#f0f0f0",
1245
- "ds-toast-default-color-text-base": "#000d6e",
1246
- "ds-toast-default-color-progress-bar-base": "#000d6e",
1247
- "ds-toast-default-color-progress-bg-base": "#b3b6d4",
1090
+ "ds-toast-primary-color-bg-base": "#f0f0f0",
1091
+ "ds-toast-primary-color-border-base": "#f0f0f0",
1092
+ "ds-toast-primary-color-text-base": "#000d6e",
1093
+ "ds-toast-primary-color-progress-bar-base": "#000d6e",
1094
+ "ds-toast-primary-color-progress-bg-base": "#b3b6d4",
1248
1095
  "ds-toast-success-color-bg-base": "#a1cfb3",
1249
1096
  "ds-toast-success-color-border-base": "#a1cfb3",
1250
1097
  "ds-toast-success-color-text-base": "#000d6e",
@@ -1322,8 +1169,8 @@
1322
1169
  "ds-tag-yellow-light-color-bg-base": "#ffecbc",
1323
1170
  "ds-tag-yellow-dark-color-text-base": "#ffffff",
1324
1171
  "ds-tag-yellow-dark-color-bg-base": "#b24a00",
1325
- "ds-tag-default-color-text-base": "#000d6e",
1326
- "ds-tag-default-color-bg-base": "#e0e0e0",
1172
+ "ds-tag-base-color-text-base": "#000d6e",
1173
+ "ds-tag-base-color-bg-base": "#e0e0e0",
1327
1174
  "ds-segment-radius": "0.25rem",
1328
1175
  "ds-segment-background": "#f0f0f0",
1329
1176
  "ds-segment-gap": "0.25rem",
@@ -1572,5 +1419,158 @@
1572
1419
  "ds-file-upload-description-text-color-base": "#656ea8",
1573
1420
  "ds-file-upload-description-text-color-danger": "#ea1800",
1574
1421
  "ds-file-upload-description-text-color-success": "#168741",
1575
- "ds-file-upload-description-text-color-warning": "#b24a00"
1422
+ "ds-file-upload-description-text-color-warning": "#b24a00",
1423
+ "ds-global-size-border-0": "0rem",
1424
+ "ds-global-size-border-1": "0.0625rem",
1425
+ "ds-global-size-border-2": "0.125rem",
1426
+ "ds-global-size-border-3": "0.25rem",
1427
+ "ds-global-size-radius-0": "0rem",
1428
+ "ds-global-size-radius-1": "0.25rem",
1429
+ "ds-global-size-radius-2": "0.75rem",
1430
+ "ds-global-size-radius-3": "9999px",
1431
+ "ds-global-size-breakpoint-1": "769px",
1432
+ "ds-global-size-breakpoint-2": "1024px",
1433
+ "ds-global-size-breakpoint-3": "1280px",
1434
+ "ds-global-size-breakpoint-4": "1440px",
1435
+ "ds-global-size-breakpoint-5": "1920px",
1436
+ "ds-global-size-container-1": "320px",
1437
+ "ds-global-size-container-2": "480px",
1438
+ "ds-global-size-container-3": "640px",
1439
+ "ds-global-size-container-4": "896px",
1440
+ "ds-global-size-container-5": "1496px",
1441
+ "ds-global-size-container-full": "100%",
1442
+ "ds-global-size-space-0": "0rem",
1443
+ "ds-global-size-space-1": "0.0625rem",
1444
+ "ds-global-size-space-2": "0.125rem",
1445
+ "ds-global-size-space-4": "0.25rem",
1446
+ "ds-global-size-space-8": "0.5rem",
1447
+ "ds-global-size-space-12": "0.75rem",
1448
+ "ds-global-size-space-14": "0.875rem",
1449
+ "ds-global-size-space-16": "1rem",
1450
+ "ds-global-size-space-20": "1.25rem",
1451
+ "ds-global-size-space-24": "1.5rem",
1452
+ "ds-global-size-space-32": "2rem",
1453
+ "ds-global-size-space-40": "2.5rem",
1454
+ "ds-global-size-space-48": "3rem",
1455
+ "ds-global-size-space-56": "3.5rem",
1456
+ "ds-global-size-space-64": "4rem",
1457
+ "ds-global-size-space-72": "4.5rem",
1458
+ "ds-global-size-space-96": "6rem",
1459
+ "ds-global-size-space-128": "8rem",
1460
+ "ds-global-size-space-auto": "auto",
1461
+ "ds-global-color-white": "#ffffff",
1462
+ "ds-global-color-black": "#000000",
1463
+ "ds-global-color-neutral": "rgba(255, 255, 255, 0)",
1464
+ "ds-global-color-danger-1": "#fce8e6",
1465
+ "ds-global-color-danger-2": "#f7a299",
1466
+ "ds-global-color-danger-3": "#f05d4d",
1467
+ "ds-global-color-danger-4": "#ea1800",
1468
+ "ds-global-color-danger-5": "#cb1501",
1469
+ "ds-global-color-danger-6": "#a01100",
1470
+ "ds-global-color-warning-1": "#fff9e8",
1471
+ "ds-global-color-warning-2": "#ffe5a3",
1472
+ "ds-global-color-warning-3": "#ffd25e",
1473
+ "ds-global-color-warning-4": "#ffbe19",
1474
+ "ds-global-color-warning-5": "#f99319",
1475
+ "ds-global-color-warning-6": "#c97612",
1476
+ "ds-global-color-success-1": "#e8f3ec",
1477
+ "ds-global-color-success-2": "#a1cfb3",
1478
+ "ds-global-color-success-3": "#5bab7a",
1479
+ "ds-global-color-success-4": "#168741",
1480
+ "ds-global-color-success-5": "#116b34",
1481
+ "ds-global-color-success-6": "#0b5227",
1482
+ "ds-global-color-info-1": "#e8f1fb",
1483
+ "ds-global-color-info-2": "#a4c9ed",
1484
+ "ds-global-color-info-3": "#60a0e0",
1485
+ "ds-global-color-info-4": "#1c77d2",
1486
+ "ds-global-color-info-5": "#155ba3",
1487
+ "ds-global-color-info-6": "#0e457b",
1488
+ "ds-global-color-sky-1": "#e5f1fe",
1489
+ "ds-global-color-sky-2": "#a7d1fa",
1490
+ "ds-global-color-sky-3": "#56a7f5",
1491
+ "ds-global-color-sky-4": "#6672cc",
1492
+ "ds-global-color-sky-5": "#0014aa",
1493
+ "ds-global-color-sky-6": "#000a55",
1494
+ "ds-global-color-grey-0": "#fafafa",
1495
+ "ds-global-color-grey-1": "#f0f0f0",
1496
+ "ds-global-color-grey-2": "#e0e0e0",
1497
+ "ds-global-color-grey-3": "#d0d0d0",
1498
+ "ds-global-color-grey-4": "#b6b6b6",
1499
+ "ds-global-color-grey-5": "#747474",
1500
+ "ds-global-color-grey-6": "#313131",
1501
+ "ds-global-color-yellow-1": "#fff9e8",
1502
+ "ds-global-color-yellow-2": "#ffecbc",
1503
+ "ds-global-color-yellow-3": "#fae052",
1504
+ "ds-global-color-yellow-4": "#ffbe19",
1505
+ "ds-global-color-yellow-5": "#fa9319",
1506
+ "ds-global-color-yellow-6": "#b24a00",
1507
+ "ds-global-color-red-1": "#ffeef1",
1508
+ "ds-global-color-red-2": "#ffd7d7",
1509
+ "ds-global-color-red-3": "#ffaca6",
1510
+ "ds-global-color-red-4": "#ff596f",
1511
+ "ds-global-color-red-5": "#d9304c",
1512
+ "ds-global-color-red-6": "#99172d",
1513
+ "ds-global-color-green-1": "#e9fbf7",
1514
+ "ds-global-color-green-2": "#cbf2ec",
1515
+ "ds-global-color-green-3": "#94e3d4",
1516
+ "ds-global-color-green-4": "#21d9ac",
1517
+ "ds-global-color-green-5": "#00b28f",
1518
+ "ds-global-color-green-6": "#1b5951",
1519
+ "ds-global-color-purple-1": "#f9f3ff",
1520
+ "ds-global-color-purple-2": "#e1d9ff",
1521
+ "ds-global-color-purple-3": "#b8b2ff",
1522
+ "ds-global-color-purple-4": "#be82fa",
1523
+ "ds-global-color-purple-5": "#9f52cc",
1524
+ "ds-global-color-purple-6": "#6c2273",
1525
+ "ds-global-color-primary-1": "#e5e7f0",
1526
+ "ds-global-color-primary-2": "#b3b6d4",
1527
+ "ds-global-color-primary-3": "#656ea8",
1528
+ "ds-global-color-primary-4": "#293485",
1529
+ "ds-global-color-primary-5": "#000d6e",
1530
+ "ds-global-color-primary-6": "#000739",
1531
+ "ds-global-font-shadow-0": "none",
1532
+ "ds-global-font-shadow-1": "0px 0px 4px rgba(0, 0, 0, 0.15), 0px 4px 12px rgba(0, 0, 0, 0.25), 0px 0px 80px rgba(0, 0, 0, 0.5)",
1533
+ "ds-global-font-size-0": "0rem",
1534
+ "ds-global-font-size-12": "0.75rem",
1535
+ "ds-global-font-size-14": "0.875rem",
1536
+ "ds-global-font-size-16": "1rem",
1537
+ "ds-global-font-size-18": "1.125rem",
1538
+ "ds-global-font-size-20": "1.25rem",
1539
+ "ds-global-font-size-24": "1.5rem",
1540
+ "ds-global-font-size-28": "1.75rem",
1541
+ "ds-global-font-size-32": "2rem",
1542
+ "ds-global-font-size-40": "2.5rem",
1543
+ "ds-global-font-size-48": "3rem",
1544
+ "ds-global-font-size-80": "5rem",
1545
+ "ds-global-font-size-176": "11rem",
1546
+ "ds-global-font-family-heading": "\"BaloiseCreateHeadline\", \"Arial\", \"sans-serif\"",
1547
+ "ds-global-font-family-body": "\"BaloiseCreateText\", \"Arial\", \"sans-serif\"",
1548
+ "ds-global-font-weight-300": "300",
1549
+ "ds-global-font-weight-400": "400",
1550
+ "ds-global-font-weight-700": "700",
1551
+ "ds-global-font-line-height-1": 1,
1552
+ "ds-global-font-line-height-2": 1.3,
1553
+ "ds-global-font-line-height-3": 1.5,
1554
+ "ds-global-font-line-height-4": 2,
1555
+ "ds-global-elevation-shadow-0": "none",
1556
+ "ds-global-elevation-shadow-1": "0 2px 5px 1px rgba(0, 7, 57, 0.12)",
1557
+ "ds-global-elevation-shadow-2": "0 4px 4px 0 rgba(0, 7, 57, 0.15)",
1558
+ "ds-global-elevation-shadow-3": "0 0 10px 0 rgba(0, 7, 57, 0.15)",
1559
+ "ds-global-elevation-shadow-4": "0 0 30px 0 rgba(0, 7, 57, 0.15)",
1560
+ "ds-global-elevation-z-index-100": 100,
1561
+ "ds-global-elevation-z-index-200": 200,
1562
+ "ds-global-elevation-z-index-300": 300,
1563
+ "ds-global-elevation-z-index-400": 400,
1564
+ "ds-global-elevation-z-index-1000": 1000,
1565
+ "ds-global-elevation-z-index-1100": 1100,
1566
+ "ds-global-elevation-z-index-1200": 1200,
1567
+ "ds-global-elevation-z-index-1300": 1300,
1568
+ "ds-global-elevation-z-index-behind-all": -999999,
1569
+ "ds-global-elevation-opacity-0": 0,
1570
+ "ds-global-elevation-opacity-30": 0.3,
1571
+ "ds-global-elevation-opacity-40": 0.4,
1572
+ "ds-global-elevation-opacity-50": 0.5,
1573
+ "ds-global-elevation-opacity-60": 0.6,
1574
+ "ds-global-elevation-opacity-80": 0.8,
1575
+ "ds-global-elevation-opacity-100": 1
1576
1576
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@baloise/ds-tokens",
3
- "version": "20.0.0-next.7",
3
+ "version": "20.0.0-next.8",
4
4
  "description": "The Helvetia Design System is an open source project for styling awesome web applications that follow the Helvetia corporate styling guidelines.",
5
5
  "repository": {
6
6
  "type": "git",
@@ -13,6 +13,11 @@
13
13
  "main": "dist/js/base.tokens.js",
14
14
  "module": "dist/js/base.tokens.js",
15
15
  "style": "dist/css/base.tokens.css",
16
+ "exports": {
17
+ ".": "./dist/js/base.tokens.js",
18
+ "./css-preview": "./dist/out-tsc/css-preview.js",
19
+ "./dist/docs/base.tokens.json": "./dist/docs/base.tokens.json"
20
+ },
16
21
  "devDependencies": {
17
22
  "eslint": "10.7.0",
18
23
  "typescript": "5.6.3"