@bethinkpl/design-system 34.1.0 → 34.1.4

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 (43) hide show
  1. package/dist/design-system.css +1 -1
  2. package/dist/design-system.js +4507 -4485
  3. package/dist/design-system.js.map +1 -1
  4. package/dist/lib/js/components/Banner/Banner.consts.d.ts +1 -0
  5. package/dist/lib/js/components/Banner/Banner.vue.d.ts +0 -6
  6. package/dist/lib/js/components/Buttons/IconButton/IconButton.vue.d.ts +1 -0
  7. package/dist/lib/js/components/Cards/CardExpandable/CardExpandable.vue.d.ts +1 -0
  8. package/dist/lib/js/components/DatePickers/DateBox/DateBox.vue.d.ts +1 -0
  9. package/dist/lib/js/components/DatePickers/DatePicker/DatePicker.vue.d.ts +1 -0
  10. package/dist/lib/js/components/DatePickers/DateRangePicker/DateRangePicker.vue.d.ts +1 -0
  11. package/dist/lib/js/components/Drawer/DrawerHeader/DrawerHeader.vue.d.ts +2 -0
  12. package/dist/lib/js/components/Drawer/DrawerListItem/DrawerListItem.vue.d.ts +1 -0
  13. package/dist/lib/js/components/Drawer/DrawerSection/DrawerSection.vue.d.ts +3 -0
  14. package/dist/lib/js/components/Form/RadioButton/RadioButton.vue.d.ts +1 -0
  15. package/dist/lib/js/components/Headers/OverlayHeader/OverlayHeader.vue.d.ts +2 -0
  16. package/dist/lib/js/components/Headers/SectionHeader/SectionHeader.vue.d.ts +2 -0
  17. package/dist/lib/js/components/Icons/FeatureIcon/FeatureIcon.consts.d.ts +1 -0
  18. package/dist/lib/js/components/Icons/Icon/Icon.consts.d.ts +1 -0
  19. package/dist/lib/js/components/Modal/Modal.vue.d.ts +1 -0
  20. package/dist/lib/js/components/Modals/Modal/Modal.vue.d.ts +2 -0
  21. package/dist/lib/js/components/Modals/ModalDialog/ModalDialog.vue.d.ts +2 -0
  22. package/dist/lib/js/components/Pagination/Pagination.vue.d.ts +3 -0
  23. package/dist/lib/js/components/ProgressBar/ProgressBar.vue.d.ts +1 -0
  24. package/dist/lib/js/components/ProgressDonutChart/ProgressDonutChart.vue.d.ts +1 -0
  25. package/dist/lib/js/components/RichList/BasicRichListItem/BasicRichListItem.vue.d.ts +1 -0
  26. package/dist/lib/js/components/RichList/RichListItem/RichListItem.vue.d.ts +1 -0
  27. package/dist/lib/js/components/SelectList/SelectListItem/SelectListItem.vue.d.ts +1 -0
  28. package/dist/lib/js/components/SelectList/SelectListItemToggle/SelectListItemToggle.vue.d.ts +1 -0
  29. package/dist/lib/js/components/Statuses/AccessStatus/AccessStatus.vue.d.ts +1 -0
  30. package/dist/lib/js/components/Statuses/BlockadeStatus/BlockadeStatus.vue.d.ts +1 -0
  31. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionOpenEnded/SurveyQuestionOpenEnded.vue.d.ts +3 -0
  32. package/dist/lib/js/components/SurveyQuestions/SurveyQuestionScale/SurveyQuestionScale.vue.d.ts +3 -0
  33. package/dist/lib/js/components/Switch/Switch.vue.d.ts +1 -0
  34. package/dist/lib/js/components/Tile/Tile.sb.shared.d.ts +2 -9
  35. package/dist/lib/js/components/Toggles/ToggleButton/ToggleButton.vue.d.ts +1 -0
  36. package/dist/lib/js/icons/fontawesome.d.ts +1 -0
  37. package/lib/js/components/Banner/Banner.consts.ts +1 -0
  38. package/lib/js/components/Banner/Banner.stories.ts +0 -5
  39. package/lib/js/components/Banner/Banner.vue +22 -24
  40. package/lib/js/components/Icons/FeatureIcon/FeatureIcon.consts.ts +1 -0
  41. package/lib/js/components/Icons/FeatureIcon/FeatureIcon.vue +6 -0
  42. package/lib/js/icons/fontawesome.ts +2 -0
  43. package/package.json +1 -1
@@ -8,6 +8,7 @@ export declare const BANNER_COLORS: {
8
8
  readonly WARNING: "warning";
9
9
  readonly FAIL: "fail";
10
10
  readonly DANGER: "danger";
11
+ readonly ACCENT: "accent";
11
12
  };
12
13
  export type BannerColor = Value<typeof BANNER_COLORS>;
13
14
  export declare const BANNER_SIZES: {
@@ -28,9 +28,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
28
28
  size: {
29
29
  type: import('vue').PropType<string>;
30
30
  };
31
- titleInColor: {
32
- type: import('vue').PropType<boolean>;
33
- };
34
31
  }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
35
32
  close: () => void;
36
33
  "button-clicked": () => void;
@@ -56,9 +53,6 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
56
53
  size: {
57
54
  type: import('vue').PropType<string>;
58
55
  };
59
- titleInColor: {
60
- type: import('vue').PropType<boolean>;
61
- };
62
56
  }>> & Readonly<{
63
57
  onClose?: (() => any) | undefined;
64
58
  "onButton-clicked"?: (() => any) | undefined;
@@ -257,6 +257,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
257
257
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
258
258
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
259
259
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
260
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
260
261
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
261
262
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
262
263
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -228,6 +228,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
228
228
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
229
229
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
230
230
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
231
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
231
232
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
232
233
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
233
234
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -251,6 +251,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
251
251
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
252
252
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
253
253
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
254
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
254
255
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
255
256
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
256
257
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1018,6 +1018,7 @@ declare const _default: import('vue').DefineComponent<{
1018
1018
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
1019
1019
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1020
1020
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
1021
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1021
1022
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
1022
1023
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
1023
1024
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -862,6 +862,7 @@ declare const _default: import('vue').DefineComponent<{
862
862
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
863
863
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
864
864
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
865
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
865
866
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
866
867
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
867
868
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -270,6 +270,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
270
270
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
271
271
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
272
272
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
273
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
273
274
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
274
275
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
275
276
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -895,6 +896,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
895
896
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
896
897
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
897
898
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
899
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
898
900
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
899
901
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
900
902
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -223,6 +223,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
223
223
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
224
224
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
225
225
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
226
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
226
227
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
227
228
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
228
229
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -281,6 +281,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
281
281
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
282
282
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
283
283
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
284
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
284
285
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
285
286
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
286
287
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -701,6 +702,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
701
702
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
702
703
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
703
704
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
705
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
704
706
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
705
707
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
706
708
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1222,6 +1224,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1222
1224
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
1223
1225
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1224
1226
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
1227
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1225
1228
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
1226
1229
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
1227
1230
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -224,6 +224,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
224
224
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
225
225
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
226
226
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
227
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
227
228
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
228
229
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
229
230
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -263,6 +263,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
263
263
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
264
264
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
265
265
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
266
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
266
267
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
267
268
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
268
269
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -660,6 +661,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
660
661
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
661
662
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
662
663
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
664
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
663
665
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
664
666
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
665
667
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -272,6 +272,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
272
272
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
273
273
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
274
274
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
275
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
275
276
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
276
277
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
277
278
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -793,6 +794,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
793
794
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
794
795
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
795
796
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
797
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
796
798
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
797
799
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
798
800
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -17,5 +17,6 @@ export declare const FEATURE_ICON_COLOR: {
17
17
  readonly SUCCESS: "success";
18
18
  readonly WARNING: "warning";
19
19
  readonly FAIL: "fail";
20
+ readonly ACCENT: "accent";
20
21
  };
21
22
  export type FeatureIconColor = Value<typeof FEATURE_ICON_COLOR>;
@@ -230,6 +230,7 @@ export declare const ICONS: {
230
230
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
231
231
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
232
232
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
233
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
233
234
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
234
235
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
235
236
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -211,6 +211,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
211
211
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
212
212
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
213
213
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
214
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
214
215
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
215
216
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
216
217
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -318,6 +318,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
318
318
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
319
319
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
320
320
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
321
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
321
322
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
322
323
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
323
324
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -923,6 +924,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
923
924
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
924
925
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
925
926
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
927
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
926
928
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
927
929
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
928
930
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -453,6 +453,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
453
453
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
454
454
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
455
455
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
456
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
456
457
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
457
458
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
458
459
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1058,6 +1059,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1058
1059
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
1059
1060
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1060
1061
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
1062
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1061
1063
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
1062
1064
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
1063
1065
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -263,6 +263,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
263
263
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
264
264
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
265
265
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
266
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
266
267
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
267
268
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
268
269
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -625,6 +626,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
625
626
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
626
627
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
627
628
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
629
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
628
630
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
629
631
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
630
632
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1312,6 +1314,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1312
1314
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
1313
1315
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1314
1316
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
1317
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1315
1318
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
1316
1319
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
1317
1320
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -291,6 +291,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
291
291
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
292
292
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
293
293
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
294
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
294
295
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
295
296
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
296
297
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -226,6 +226,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
226
226
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
227
227
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
228
228
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
229
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
229
230
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
230
231
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
231
232
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -758,6 +758,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
758
758
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
759
759
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
760
760
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
761
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
761
762
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
762
763
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
763
764
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -292,6 +292,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
292
292
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
293
293
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
294
294
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
295
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
295
296
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
296
297
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
297
298
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -251,6 +251,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
251
251
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
252
252
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
253
253
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
254
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
254
255
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
255
256
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
256
257
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -338,6 +338,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
338
338
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
339
339
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
340
340
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
341
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
341
342
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
342
343
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
343
344
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -209,6 +209,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
209
209
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
210
210
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
211
211
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
212
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
212
213
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
213
214
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
214
215
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -207,6 +207,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
207
207
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
208
208
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
209
209
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
210
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
210
211
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
211
212
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
212
213
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -226,6 +226,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
226
226
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
227
227
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
228
228
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
229
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
229
230
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
230
231
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
231
232
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -883,6 +884,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
883
884
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
884
885
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
885
886
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
887
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
886
888
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
887
889
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
888
890
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1437,6 +1439,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1437
1439
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
1438
1440
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1439
1441
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
1442
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1440
1443
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
1441
1444
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
1442
1445
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -245,6 +245,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
245
245
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
246
246
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
247
247
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
248
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
248
249
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
249
250
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
250
251
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -856,6 +857,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
856
857
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
857
858
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
858
859
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
860
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
859
861
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
860
862
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
861
863
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -1583,6 +1585,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
1583
1585
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
1584
1586
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1585
1587
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
1588
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
1586
1589
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
1587
1590
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
1588
1591
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -245,6 +245,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
245
245
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
246
246
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
247
247
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
248
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
248
249
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
249
250
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
250
251
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -205,6 +205,7 @@ export declare const data: () => {
205
205
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
206
206
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
207
207
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
208
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
208
209
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
209
210
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
210
211
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -277,6 +278,7 @@ export declare const data: () => {
277
278
  readonly WARNING: "warning";
278
279
  readonly FAIL: "fail";
279
280
  readonly DANGER: "danger";
281
+ readonly ACCENT: "accent";
280
282
  }>;
281
283
  allowedColorsToBorderColorsMap: {
282
284
  neutral: ("primary" | "neutral" | "neutralWeak" | "primaryWeak")[];
@@ -313,9 +315,6 @@ export declare const components: {
313
315
  size: {
314
316
  type: import('vue').PropType<string>;
315
317
  };
316
- titleInColor: {
317
- type: import('vue').PropType<boolean>;
318
- };
319
318
  }>> & Readonly<{
320
319
  onClose?: (() => any) | undefined;
321
320
  "onButton-clicked"?: (() => any) | undefined;
@@ -351,9 +350,6 @@ export declare const components: {
351
350
  size: {
352
351
  type: import('vue').PropType<string>;
353
352
  };
354
- titleInColor: {
355
- type: import('vue').PropType<boolean>;
356
- };
357
353
  }>> & Readonly<{
358
354
  onClose?: (() => any) | undefined;
359
355
  "onButton-clicked"?: (() => any) | undefined;
@@ -383,9 +379,6 @@ export declare const components: {
383
379
  size: {
384
380
  type: import('vue').PropType<string>;
385
381
  };
386
- titleInColor: {
387
- type: import('vue').PropType<boolean>;
388
- };
389
382
  }>> & Readonly<{
390
383
  onClose?: (() => any) | undefined;
391
384
  "onButton-clicked"?: (() => any) | undefined;
@@ -261,6 +261,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
261
261
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
262
262
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
263
263
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
264
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
264
265
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
265
266
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
266
267
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -191,6 +191,7 @@ export declare const FONTAWESOME_ICONS: {
191
191
  readonly FA_PARTY_HORN: import('@fortawesome/fontawesome-common-types').IconDefinition;
192
192
  readonly FA_PEN_CIRCLE: import('@fortawesome/fontawesome-common-types').IconDefinition;
193
193
  readonly FA_PEN_FIELD: import('@fortawesome/fontawesome-common-types').IconDefinition;
194
+ readonly FA_PEN_TO_SQUARE: import('@fortawesome/fontawesome-common-types').IconDefinition;
194
195
  readonly FA_PENCIL: import('@fortawesome/fontawesome-common-types').IconDefinition;
195
196
  readonly FA_PLAY: import('@fortawesome/fontawesome-common-types').IconDefinition;
196
197
  readonly FA_PLUS: import('@fortawesome/fontawesome-common-types').IconDefinition;
@@ -8,6 +8,7 @@ export const BANNER_COLORS = {
8
8
  WARNING: 'warning',
9
9
  FAIL: 'fail',
10
10
  DANGER: 'danger',
11
+ ACCENT: 'accent',
11
12
  } as const;
12
13
 
13
14
  export type BannerColor = Value<typeof BANNER_COLORS>;
@@ -40,7 +40,6 @@ const StoryTemplate: StoryFn<typeof Banner> = (args) => {
40
40
  :is-expanded="isExpanded"
41
41
  :is-icon-hidden-on-mobile="isIconHiddenOnMobile"
42
42
  :size="size"
43
- :title-in-color="titleInColor"
44
43
  @update:isExpanded="onIsExpandedUpdated"
45
44
  >
46
45
  <template v-if="defaultText" #defaultText><span v-html="defaultText" /></template>
@@ -62,7 +61,6 @@ const args = {
62
61
  icon: null,
63
62
  isIconHiddenOnMobile: false,
64
63
  title: 'Banner Title',
65
- titleInColor: false,
66
64
  buttonText: '',
67
65
  closable: false,
68
66
  isExpanded: false,
@@ -107,9 +105,6 @@ const argTypes = {
107
105
  control: 'select',
108
106
  options: Object.values(BANNER_SIZES),
109
107
  },
110
- titleInColor: {
111
- control: 'boolean',
112
- },
113
108
  } as ArgTypes;
114
109
 
115
110
  Interactive.argTypes = argTypes;