@amboss/design-system 3.21.2 → 3.22.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 (51) hide show
  1. package/build/cjs/components/NavBar/NavBar.d.ts +9 -22
  2. package/build/cjs/components/NavBar/NavBar.js +1 -1
  3. package/build/cjs/components/NavBar/NavBarOverlayBar.d.ts +7 -0
  4. package/build/cjs/components/NavBar/NavBarOverlayBar.js +1 -0
  5. package/build/cjs/components/NavBar/NavBarPrimaryNav.d.ts +3 -0
  6. package/build/cjs/components/NavBar/NavBarPrimaryNav.js +1 -0
  7. package/build/cjs/components/NavBar/NavBarSearchInput.js +1 -1
  8. package/build/cjs/components/NavBar/NavBarSlideDown.js +1 -1
  9. package/build/cjs/components/NavBar/NavBarSubMenuContainer.d.ts +13 -6
  10. package/build/cjs/components/NavBar/NavBarSubMenuContainer.js +1 -1
  11. package/build/cjs/components/NavBar/NavBarTabButton.js +1 -1
  12. package/build/cjs/components/NavBar/constants.d.ts +5 -0
  13. package/build/cjs/components/NavBar/constants.js +1 -0
  14. package/build/cjs/components/NavBar/index.d.ts +2 -0
  15. package/build/cjs/components/NavBar/index.js +1 -0
  16. package/build/cjs/components/NavBar/types.d.ts +11 -0
  17. package/build/cjs/components/NavBar/types.js +1 -0
  18. package/build/cjs/index.d.ts +1 -1
  19. package/build/cjs/index.js +1 -1
  20. package/build/cjs/web-tokens/_colors.json +2 -2
  21. package/build/cjs/web-tokens/_subThemeType.d.ts +2 -2
  22. package/build/cjs/web-tokens/_subThemeType.js +1 -1
  23. package/build/cjs/web-tokens/visualConfig.d.ts +126 -248
  24. package/build/cjs/web-tokens/visualConfig.js +1 -1
  25. package/build/esm/components/NavBar/NavBar.d.ts +9 -22
  26. package/build/esm/components/NavBar/NavBar.js +1 -1
  27. package/build/esm/components/NavBar/NavBarOverlayBar.d.ts +7 -0
  28. package/build/esm/components/NavBar/NavBarOverlayBar.js +1 -0
  29. package/build/esm/components/NavBar/NavBarPrimaryNav.d.ts +3 -0
  30. package/build/esm/components/NavBar/NavBarPrimaryNav.js +1 -0
  31. package/build/esm/components/NavBar/NavBarSearchInput.js +1 -1
  32. package/build/esm/components/NavBar/NavBarSlideDown.js +1 -1
  33. package/build/esm/components/NavBar/NavBarSubMenuContainer.d.ts +13 -6
  34. package/build/esm/components/NavBar/NavBarSubMenuContainer.js +1 -1
  35. package/build/esm/components/NavBar/NavBarTabButton.js +1 -1
  36. package/build/esm/components/NavBar/constants.d.ts +5 -0
  37. package/build/esm/components/NavBar/constants.js +1 -0
  38. package/build/esm/components/NavBar/index.d.ts +2 -0
  39. package/build/esm/components/NavBar/index.js +1 -0
  40. package/build/esm/components/NavBar/types.d.ts +11 -0
  41. package/build/esm/components/NavBar/types.js +1 -0
  42. package/build/esm/index.d.ts +1 -1
  43. package/build/esm/index.js +1 -1
  44. package/build/esm/web-tokens/_colors.json +2 -2
  45. package/build/esm/web-tokens/_subThemeType.d.ts +2 -2
  46. package/build/esm/web-tokens/_subThemeType.js +1 -1
  47. package/build/esm/web-tokens/visualConfig.d.ts +126 -248
  48. package/build/esm/web-tokens/visualConfig.js +1 -1
  49. package/build/scss/_theming.scss +1 -1
  50. package/build/scss/_variables.scss +5 -5
  51. package/package.json +1 -1
package/build/cjs/web-tokens/visualConfig.d.ts CHANGED
@@ -683,104 +683,107 @@ export type AmbossTheme = {
683
683
  "focusRing": string;
684
684
  };
685
685
  "subThemes": {
686
- "dimmed": {
686
+ "brand": {
687
687
  "color": {
688
- "background": {
688
+ "text": {
689
689
  "primary": {
690
690
  "default": string;
691
691
  };
692
692
  "secondary": {
693
693
  "default": string;
694
- "hover": string;
695
694
  };
696
- "accent": {
695
+ "tertiary": {
697
696
  "default": string;
698
- "hover": string;
699
- "active": string;
700
- "disabled": string;
701
697
  };
702
- "transparent": {
703
- "hover": string;
704
- "active": string;
698
+ "accent": {
699
+ "default": string;
705
700
  };
706
- "backdrop": {
701
+ "error": {
707
702
  "default": string;
708
703
  };
709
704
  };
710
- "text": {
705
+ "background": {
711
706
  "primary": {
712
707
  "default": string;
713
- "hover": string;
714
708
  };
715
709
  "secondary": {
716
710
  "default": string;
717
- "hover": string;
718
- };
719
- "tertiary": {
720
- "default": string;
721
- "hover": string;
722
711
  };
723
712
  "accent": {
724
713
  "default": string;
725
- "hover": string;
726
- };
727
- "onAccent": {
728
- "default": string;
729
- };
730
- "error": {
731
- "default": string;
732
714
  };
733
- "underline": {
715
+ "accentSubtle": {
734
716
  "default": string;
735
- "hover": string;
736
717
  };
737
- "dottedUnderline": {
718
+ "transparent": {
738
719
  "default": string;
739
720
  "hover": string;
721
+ "active": string;
740
722
  };
741
723
  };
742
724
  "icon": {
743
725
  "primary": {
744
726
  "default": string;
745
- "hover": string;
746
727
  };
747
728
  "secondary": {
748
729
  "default": string;
749
- "hover": string;
750
730
  };
751
731
  "tertiary": {
752
732
  "default": string;
753
- "hover": string;
733
+ };
734
+ "brand": {
735
+ "default": string;
754
736
  };
755
737
  "accent": {
756
738
  "default": string;
757
- "hover": string;
739
+ };
740
+ "error": {
741
+ "default": string;
758
742
  };
759
743
  "onAccent": {
760
744
  "default": string;
761
- "hover": string;
762
745
  };
763
- "error": {
746
+ };
747
+ "searchInput": {
748
+ "background": {
764
749
  "default": string;
750
+ };
751
+ };
752
+ "divider": {
753
+ "primary": string;
754
+ "secondary": string;
755
+ };
756
+ "colorIndicator": {
757
+ "brand": {
758
+ "default": string;
759
+ };
760
+ };
761
+ };
762
+ };
763
+ "brandSubtle": {
764
+ "color": {
765
+ "background": {
766
+ "transparent": {
765
767
  "hover": string;
766
768
  };
769
+ "accentSubtle": {
770
+ "default": string;
771
+ };
767
772
  };
768
- "border": {
773
+ "text": {
769
774
  "primary": {
770
775
  "default": string;
771
- "hover": string;
772
- "active": string;
776
+ };
777
+ "secondary": {
778
+ "default": string;
773
779
  };
774
780
  "accent": {
775
781
  "default": string;
776
782
  };
777
783
  };
778
- "divider": {
779
- "primary": string;
780
- };
781
784
  };
782
785
  };
783
- "error": {
786
+ "dimmed": {
784
787
  "color": {
785
788
  "background": {
786
789
  "primary": {
@@ -796,7 +799,11 @@ export type AmbossTheme = {
796
799
  "active": string;
797
800
  "disabled": string;
798
801
  };
802
+ "accentSubtle": {
803
+ "default": string;
804
+ };
799
805
  "transparent": {
806
+ "default": string;
800
807
  "hover": string;
801
808
  "active": string;
802
809
  };
@@ -849,6 +856,9 @@ export type AmbossTheme = {
849
856
  "default": string;
850
857
  "hover": string;
851
858
  };
859
+ "brand": {
860
+ "default": string;
861
+ };
852
862
  "accent": {
853
863
  "default": string;
854
864
  "hover": string;
@@ -874,10 +884,57 @@ export type AmbossTheme = {
874
884
  };
875
885
  "divider": {
876
886
  "primary": string;
887
+ "secondary": string;
888
+ };
889
+ "searchInput": {
890
+ "background": {
891
+ "default": string;
892
+ };
893
+ };
894
+ "colorIndicator": {
895
+ "brand": {
896
+ "default": string;
897
+ };
877
898
  };
878
899
  };
879
900
  };
880
- "info": {
901
+ "dimmedSubtle": {
902
+ "color": {
903
+ "background": {
904
+ "transparent": {
905
+ "hover": string;
906
+ };
907
+ "accentSubtle": {
908
+ "default": string;
909
+ };
910
+ };
911
+ "border": {
912
+ "accent": {
913
+ "default": string;
914
+ };
915
+ };
916
+ "divider": {
917
+ "secondary": string;
918
+ };
919
+ "text": {
920
+ "primary": {
921
+ "default": string;
922
+ };
923
+ "accent": {
924
+ "default": string;
925
+ };
926
+ "secondary": {
927
+ "default": string;
928
+ };
929
+ };
930
+ "icon": {
931
+ "accent": {
932
+ "default": string;
933
+ };
934
+ };
935
+ };
936
+ };
937
+ "error": {
881
938
  "color": {
882
939
  "background": {
883
940
  "primary": {
@@ -924,9 +981,6 @@ export type AmbossTheme = {
924
981
  "error": {
925
982
  "default": string;
926
983
  };
927
- "info": {
928
- "default": string;
929
- };
930
984
  "underline": {
931
985
  "default": string;
932
986
  "hover": string;
@@ -961,10 +1015,6 @@ export type AmbossTheme = {
961
1015
  "default": string;
962
1016
  "hover": string;
963
1017
  };
964
- "info": {
965
- "default": string;
966
- "hover": string;
967
- };
968
1018
  };
969
1019
  "border": {
970
1020
  "primary": {
@@ -981,7 +1031,7 @@ export type AmbossTheme = {
981
1031
  };
982
1032
  };
983
1033
  };
984
- "inverted": {
1034
+ "info": {
985
1035
  "color": {
986
1036
  "background": {
987
1037
  "primary": {
@@ -1061,11 +1111,11 @@ export type AmbossTheme = {
1061
1111
  "default": string;
1062
1112
  "hover": string;
1063
1113
  };
1064
- "info": {
1114
+ "error": {
1065
1115
  "default": string;
1066
1116
  "hover": string;
1067
1117
  };
1068
- "error": {
1118
+ "info": {
1069
1119
  "default": string;
1070
1120
  "hover": string;
1071
1121
  };
@@ -1085,282 +1135,110 @@ export type AmbossTheme = {
1085
1135
  };
1086
1136
  };
1087
1137
  };
1088
- "navigationClinicalCare": {
1138
+ "inverted": {
1089
1139
  "color": {
1090
- "text": {
1140
+ "background": {
1091
1141
  "primary": {
1092
1142
  "default": string;
1093
1143
  };
1094
1144
  "secondary": {
1095
1145
  "default": string;
1096
- };
1097
- "tertiary": {
1098
- "default": string;
1146
+ "hover": string;
1099
1147
  };
1100
1148
  "accent": {
1101
1149
  "default": string;
1102
- };
1103
- };
1104
- "background": {
1105
- "transparent": {
1106
- "default": string;
1107
1150
  "hover": string;
1108
1151
  "active": string;
1152
+ "disabled": string;
1109
1153
  };
1110
1154
  "accentSubtle": {
1111
1155
  "default": string;
1112
1156
  };
1113
- "primary": {
1114
- "default": string;
1115
- };
1116
- "accent": {
1117
- "default": string;
1118
- };
1119
- };
1120
- "icon": {
1121
- "primary": {
1122
- "default": string;
1123
- };
1124
- "secondary": {
1125
- "default": string;
1126
- };
1127
- "tertiary": {
1128
- "default": string;
1129
- };
1130
- "brand": {
1131
- "default": string;
1132
- };
1133
- "accent": {
1134
- "default": string;
1135
- };
1136
- "onAccent": {
1137
- "default": string;
1138
- };
1139
- };
1140
- "searchInput": {
1141
- "background": {
1142
- "default": string;
1143
- };
1144
- };
1145
- "divider": {
1146
- "secondary": string;
1147
- };
1148
- "colorIndicator": {
1149
- "brand": {
1150
- "default": string;
1151
- };
1152
- };
1153
- };
1154
- };
1155
- "navigationLearning": {
1156
- "color": {
1157
- "text": {
1158
- "primary": {
1159
- "default": string;
1160
- };
1161
- "secondary": {
1162
- "default": string;
1163
- };
1164
- "tertiary": {
1165
- "default": string;
1166
- };
1167
- "accent": {
1168
- "default": string;
1169
- };
1170
- };
1171
- "background": {
1172
1157
  "transparent": {
1173
- "default": string;
1174
1158
  "hover": string;
1175
1159
  "active": string;
1176
1160
  };
1177
- "accentSubtle": {
1178
- "default": string;
1179
- };
1180
- "primary": {
1181
- "default": string;
1182
- };
1183
- "accent": {
1161
+ "backdrop": {
1184
1162
  "default": string;
1185
1163
  };
1186
1164
  };
1187
- "icon": {
1165
+ "text": {
1188
1166
  "primary": {
1189
1167
  "default": string;
1168
+ "hover": string;
1190
1169
  };
1191
1170
  "secondary": {
1192
1171
  "default": string;
1172
+ "hover": string;
1193
1173
  };
1194
1174
  "tertiary": {
1195
1175
  "default": string;
1196
- };
1197
- "brand": {
1198
- "default": string;
1176
+ "hover": string;
1199
1177
  };
1200
1178
  "accent": {
1201
1179
  "default": string;
1180
+ "hover": string;
1202
1181
  };
1203
1182
  "onAccent": {
1204
1183
  "default": string;
1205
1184
  };
1206
- };
1207
- "searchInput": {
1208
- "background": {
1209
- "default": string;
1210
- };
1211
- };
1212
- "divider": {
1213
- "secondary": string;
1214
- };
1215
- "colorIndicator": {
1216
- "brand": {
1217
- "default": string;
1218
- };
1219
- };
1220
- };
1221
- };
1222
- "navigationTeaching": {
1223
- "color": {
1224
- "text": {
1225
- "primary": {
1226
- "default": string;
1227
- };
1228
- "secondary": {
1229
- "default": string;
1230
- };
1231
- "tertiary": {
1185
+ "error": {
1232
1186
  "default": string;
1233
1187
  };
1234
- "accent": {
1188
+ "info": {
1235
1189
  "default": string;
1236
1190
  };
1237
- };
1238
- "background": {
1239
- "transparent": {
1191
+ "underline": {
1240
1192
  "default": string;
1241
1193
  "hover": string;
1242
- "active": string;
1243
- };
1244
- "accentSubtle": {
1245
- "default": string;
1246
- };
1247
- "primary": {
1248
- "default": string;
1249
1194
  };
1250
- "accent": {
1195
+ "dottedUnderline": {
1251
1196
  "default": string;
1197
+ "hover": string;
1252
1198
  };
1253
1199
  };
1254
1200
  "icon": {
1255
1201
  "primary": {
1256
1202
  "default": string;
1203
+ "hover": string;
1257
1204
  };
1258
1205
  "secondary": {
1259
1206
  "default": string;
1207
+ "hover": string;
1260
1208
  };
1261
1209
  "tertiary": {
1262
1210
  "default": string;
1263
- };
1264
- "brand": {
1265
- "default": string;
1211
+ "hover": string;
1266
1212
  };
1267
1213
  "accent": {
1268
1214
  "default": string;
1215
+ "hover": string;
1269
1216
  };
1270
1217
  "onAccent": {
1271
1218
  "default": string;
1272
- };
1273
- };
1274
- "searchInput": {
1275
- "background": {
1276
- "default": string;
1277
- };
1278
- };
1279
- "divider": {
1280
- "secondary": string;
1281
- };
1282
- "colorIndicator": {
1283
- "brand": {
1284
- "default": string;
1285
- };
1286
- };
1287
- };
1288
- };
1289
- "subNavigationClinicalCare": {
1290
- "color": {
1291
- "background": {
1292
- "transparent": {
1293
1219
  "hover": string;
1294
1220
  };
1295
- };
1296
- "border": {
1297
- "accent": {
1298
- "default": string;
1299
- };
1300
- };
1301
- "divider": {
1302
- "secondary": string;
1303
- };
1304
- "text": {
1305
- "primary": {
1221
+ "info": {
1306
1222
  "default": string;
1223
+ "hover": string;
1307
1224
  };
1308
- "secondary": {
1225
+ "error": {
1309
1226
  "default": string;
1310
- "active": string;
1311
- };
1312
- };
1313
- };
1314
- };
1315
- "subNavigationLearning": {
1316
- "color": {
1317
- "background": {
1318
- "transparent": {
1319
1227
  "hover": string;
1320
1228
  };
1321
1229
  };
1322
1230
  "border": {
1323
- "accent": {
1324
- "default": string;
1325
- };
1326
- };
1327
- "divider": {
1328
- "secondary": string;
1329
- };
1330
- "text": {
1331
1231
  "primary": {
1332
1232
  "default": string;
1333
- };
1334
- "secondary": {
1335
- "default": string;
1336
- "active": string;
1337
- };
1338
- };
1339
- };
1340
- };
1341
- "subNavigationTeaching": {
1342
- "color": {
1343
- "background": {
1344
- "transparent": {
1345
1233
  "hover": string;
1234
+ "active": string;
1346
1235
  };
1347
- };
1348
- "border": {
1349
1236
  "accent": {
1350
1237
  "default": string;
1351
1238
  };
1352
1239
  };
1353
1240
  "divider": {
1354
- "secondary": string;
1355
- };
1356
- "text": {
1357
- "primary": {
1358
- "default": string;
1359
- };
1360
- "secondary": {
1361
- "default": string;
1362
- "active": string;
1363
- };
1241
+ "primary": string;
1364
1242
  };
1365
1243
  };
1366
1244
  };