@amboss/design-system 1.14.5 → 1.14.6

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 (35) hide show
  1. package/README.md +17 -10
  2. package/build/cjs/build-tokens/visualConfig.js +20 -185
  3. package/build/cjs/scss/themes/dark.scss +102 -102
  4. package/build/cjs/scss/themes/light.scss +102 -102
  5. package/build/cjs/src/components/Form/Toggle/Toggle.js +6 -6
  6. package/build/cjs/src/components/Form/ToggleButton/ToggleButton.js +8 -8
  7. package/build/cjs/src/components/LoadingSpinner/LoadingSpinner.js +4 -4
  8. package/build/cjs/src/components/MediaItem/MediaItem.js +5 -10
  9. package/build/cjs/src/components/Tabs/Tabs.js +3 -3
  10. package/build/esm/build-tokens/_breakpoints.json +17 -0
  11. package/build/esm/build-tokens/_colors.json +868 -0
  12. package/build/esm/build-tokens/_icon_sizes_map.json +7 -0
  13. package/build/esm/build-tokens/_sizes.json +782 -0
  14. package/build/esm/build-tokens/_zindex.json +17 -0
  15. package/build/esm/build-tokens/assets/icons.json +141 -0
  16. package/build/esm/build-tokens/assets/icons16.json +153 -0
  17. package/build/esm/build-tokens/assets/logo.json +3 -0
  18. package/build/esm/build-tokens/visualConfig.d.ts +10 -175
  19. package/build/esm/build-tokens/visualConfig.js +20 -185
  20. package/build/esm/build-tokens/visualConfig.js.map +1 -1
  21. package/build/esm/scss/themes/dark.scss +102 -102
  22. package/build/esm/scss/themes/light.scss +102 -102
  23. package/build/esm/src/components/Form/Toggle/Toggle.js +6 -6
  24. package/build/esm/src/components/Form/Toggle/Toggle.js.map +1 -1
  25. package/build/esm/src/components/Form/ToggleButton/ToggleButton.js +8 -8
  26. package/build/esm/src/components/Form/ToggleButton/ToggleButton.js.map +1 -1
  27. package/build/esm/src/components/LoadingSpinner/LoadingSpinner.js +4 -4
  28. package/build/esm/src/components/LoadingSpinner/LoadingSpinner.js.map +1 -1
  29. package/build/esm/src/components/MediaItem/MediaItem.d.ts +0 -7
  30. package/build/esm/src/components/MediaItem/MediaItem.js +5 -10
  31. package/build/esm/src/components/MediaItem/MediaItem.js.map +1 -1
  32. package/build/esm/src/components/Tabs/Tabs.js +3 -3
  33. package/build/esm/src/components/Tabs/Tabs.js.map +1 -1
  34. package/build/esm/src/types/index.d.ts +1 -1
  35. package/package.json +21 -17
@@ -1,169 +1,4 @@
1
1
  const variables = {
2
- "color": {
3
- "neutral": {
4
- "white": "#ffffff",
5
- "whiteTransparent01": "rgba(255, 255, 255, 0.8)",
6
- "whiteTransparent02": "rgba(255, 255, 255, 0.6)",
7
- "whiteTransparent03": "rgba(255, 255, 255, 0.08)",
8
- "black": "#1a1c1c",
9
- "blackTransparent02": "rgba(0, 0, 0, 0.6)",
10
- "transparent": "rgba(255, 255, 255, 0)"
11
- },
12
- "green": {
13
- "regular": "#0fa980",
14
- "regularAlt": "#39d6ac",
15
- "dark01": "#0b8363",
16
- "dark02": "#0a5c45",
17
- "light01": "#8adcc6",
18
- "light02": "#d0f1e8",
19
- "light03": "#e8f8f4",
20
- "regularTransparent": "rgba(15, 169, 128, 0.3)",
21
- "dark02Transparent": "rgba(10, 92, 69, 0.3)"
22
- },
23
- "blue": {
24
- "regular": "#1f6ce0",
25
- "dark01": "#295dae",
26
- "dark02": "#1c427d",
27
- "light01": "#6e95cf",
28
- "light02": "#d2e2f9",
29
- "light03": "#e7effe",
30
- "dark02Transparent": "rgba(28, 66, 125, 0.3)"
31
- },
32
- "gray": {
33
- "light04": "#f5f7f9",
34
- "light03": "#eef2f5",
35
- "light02": "#e0e6eb",
36
- "light01": "#a3b2bd",
37
- "regular": "#607585",
38
- "dark01": "#40515e",
39
- "dark02": "#314554",
40
- "transparent": "rgba(96, 117, 133, 0.08)",
41
- "light01Transparent": "rgba(163, 178, 189, 0.3)",
42
- "dark01Transparent": "rgba(64, 81, 94, 0.3)",
43
- "dark02Transparent": "rgba(49, 69, 84, 0.3)"
44
- },
45
- "brand": {
46
- "light03": "#e7f6f8",
47
- "light02": "#ceedf1",
48
- "light01": "#85d3dc",
49
- "regular": "#0aa6b8",
50
- "dark01": "#067c89",
51
- "dark02": "#054f57"
52
- },
53
- "orange": {
54
- "light03": "#fef3e1",
55
- "light02": "#fceaca",
56
- "light01": "#f6c66f",
57
- "regular": "#f6bc56",
58
- "regularAlt": "#f1d56b",
59
- "dark01": "#df9411",
60
- "dark02": "#9a6304"
61
- },
62
- "red": {
63
- "light03": "#fde8e8",
64
- "light02": "#fad1d1",
65
- "light01": "#f07575",
66
- "regular": "#ee6160",
67
- "dark01": "#dc4847",
68
- "dark02": "#c02725",
69
- "dark02Transparent": "rgba(192, 39, 37, 0.3)"
70
- },
71
- "purple": {
72
- "light03": "#f2effb",
73
- "light02": "#d8d0f3",
74
- "light01": "#a592e3",
75
- "regular": "#7254d3",
76
- "dark01": "#5d44ab",
77
- "dark02": "#493687"
78
- },
79
- "yellow": {
80
- "light03": "#fdfbe3",
81
- "light02": "#faf5b8",
82
- "light01": "#f3eb75",
83
- "regular": "#ede13b",
84
- "dark01": "#cec31c",
85
- "dark02": "#a39905"
86
- },
87
- "nightBlack": {
88
- "light03": "#40454f",
89
- "light02": "#393e47",
90
- "light01": "#32363e",
91
- "regular": "#282c34",
92
- "dark01": "#24282d",
93
- "dark02": "#1e2125",
94
- "light01Transparent": "rgba(50, 54, 62, 0.3)"
95
- },
96
- "nightGray": {
97
- "light03": "#d8dade",
98
- "light02": "#ced1d6",
99
- "light01": "#b9bcc3",
100
- "regular": "#93979f",
101
- "dark01": "#757a84",
102
- "dark02": "#5b5f67",
103
- "regularTransparent": "rgba(147, 149, 159, 0.3)",
104
- "transparent": "rgba(147, 151, 159, 0.08)",
105
- "light03Transparent": "rgba(216, 218, 222, 0.3)"
106
- },
107
- "nightGreen": {
108
- "light03": "#e2fef7",
109
- "light02": "#a6f2dd",
110
- "light01": "#41a48a",
111
- "regular": "#28816b",
112
- "dark01": "#233d3d",
113
- "dark02": "#262e33",
114
- "light01Transparent": "rgba(40, 129, 107, 0.3)",
115
- "dark02Transparent": "rgba(38, 46, 51, 0.3)"
116
- },
117
- "nightBlue": {
118
- "light03": "#e7effe",
119
- "light02": "#99c1fa",
120
- "light01": "#6e95cf",
121
- "regular": "#2f538a",
122
- "dark01": "#29364c",
123
- "dark02": "#282e39"
124
- },
125
- "nightBrand": {
126
- "light03": "#e1fbfe",
127
- "light02": "#80dfea",
128
- "light01": "#62b2bc",
129
- "regular": "#1d6670",
130
- "dark01": "#223c44",
131
- "dark02": "#262f36"
132
- },
133
- "nightOrange": {
134
- "light03": "#fef3e1",
135
- "light02": "#fae0b3",
136
- "light01": "#cbac76",
137
- "regular": "#a4792d",
138
- "dark01": "#4d412c",
139
- "dark02": "#32302f"
140
- },
141
- "nightRed": {
142
- "light03": "#fee7e7",
143
- "light02": "#f49a9a",
144
- "light01": "#d07c7c",
145
- "regular": "#a45355",
146
- "dark01": "#4d3237",
147
- "dark02": "#312b31",
148
- "dark02Transparent": "rgba(49, 43, 49, 0.3)"
149
- },
150
- "nightPurple": {
151
- "light03": "#e8e1fe",
152
- "light02": "#ad97f7",
153
- "light01": "#7d67c5",
154
- "regular": "#524389",
155
- "dark01": "#33314b",
156
- "dark02": "#2c2d3a"
157
- },
158
- "nightYellow": {
159
- "light03": "#fefbd2",
160
- "light02": "#f9f4a9",
161
- "light01": "#cbc576",
162
- "regular": "#b2ab39",
163
- "dark01": "#494a2f",
164
- "dark02": "#323530"
165
- }
166
- },
167
2
  "fontFamily": {
168
3
  "lato": "Lato, -apple-system, BlinkMacSystemFont, segoe ui, avenir next, avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, arial, sans-serif"
169
4
  },
@@ -421,7 +256,7 @@ const ambossVisualConfiguration = {
421
256
  "warningSubtle": {
422
257
  "default": "#32302f"
423
258
  },
424
- "hightlight": {
259
+ "highlight": {
425
260
  "default": "#40454f",
426
261
  "hover": "#393e47"
427
262
  },
@@ -514,10 +349,10 @@ const ambossVisualConfiguration = {
514
349
  },
515
350
  "toggle": {
516
351
  "background": {
517
- "hightlight": "#b2ab39"
352
+ "highlight": "#b2ab39"
518
353
  },
519
354
  "border": {
520
- "hightlight": "#b2ab39"
355
+ "highlight": "#b2ab39"
521
356
  }
522
357
  },
523
358
  "badge": {
@@ -552,6 +387,13 @@ const ambossVisualConfiguration = {
552
387
  "gray": "#393e47"
553
388
  }
554
389
  },
390
+ "segmentedProgressBar": {
391
+ "monochrome": "#ced1d6",
392
+ "success": "#28816b",
393
+ "warning": "#a4792d",
394
+ "alert": "#a45355",
395
+ "inProgress": "#5b5f67"
396
+ },
555
397
  "tag": {
556
398
  "background": {
557
399
  "gray": "#5b5f67",
@@ -561,13 +403,6 @@ const ambossVisualConfiguration = {
561
403
  "gray": "#ced1d6",
562
404
  "blue": "#e7effe"
563
405
  }
564
- },
565
- "segmentedProgressBar": {
566
- "monochrome": "#ced1d6",
567
- "success": "#28816b",
568
- "warning": "#a4792d",
569
- "alert": "#a45355",
570
- "inProgress": "#5b5f67"
571
406
  }
572
407
  },
573
408
  "subThemes": {
@@ -971,7 +806,7 @@ const ambossVisualConfiguration = {
971
806
  "warningSubtle": {
972
807
  "default": "#fef3e1"
973
808
  },
974
- "hightlight": {
809
+ "highlight": {
975
810
  "default": "#607585",
976
811
  "hover": "#40515e"
977
812
  },
@@ -1064,10 +899,10 @@ const ambossVisualConfiguration = {
1064
899
  },
1065
900
  "toggle": {
1066
901
  "background": {
1067
- "hightlight": "#f3eb75"
902
+ "highlight": "#f3eb75"
1068
903
  },
1069
904
  "border": {
1070
- "hightlight": "#f3eb75"
905
+ "highlight": "#f3eb75"
1071
906
  }
1072
907
  },
1073
908
  "badge": {
@@ -1102,6 +937,13 @@ const ambossVisualConfiguration = {
1102
937
  "gray": "#eef2f5"
1103
938
  }
1104
939
  },
940
+ "segmentedProgressBar": {
941
+ "monochrome": "#607585",
942
+ "success": "#39d6ac",
943
+ "warning": "#f1d56b",
944
+ "alert": "#f07575",
945
+ "inProgress": "#e0e6eb"
946
+ },
1105
947
  "tag": {
1106
948
  "background": {
1107
949
  "gray": "#e0e6eb",
@@ -1111,13 +953,6 @@ const ambossVisualConfiguration = {
1111
953
  "gray": "#40515e",
1112
954
  "blue": "#1c427d"
1113
955
  }
1114
- },
1115
- "segmentedProgressBar": {
1116
- "monochrome": "#607585",
1117
- "success": "#39d6ac",
1118
- "warning": "#f1d56b",
1119
- "alert": "#f07575",
1120
- "inProgress": "#e0e6eb"
1121
956
  }
1122
957
  },
1123
958
  "subThemes": {