@porsche-design-system/components-vue 2.19.0 → 2.20.0-rc.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 (72) hide show
  1. package/CHANGELOG.md +36 -2
  2. package/PorscheDesignSystemProvider.vue2.js +2 -3
  3. package/jsdom-polyfill/index.js +12 -0
  4. package/jsdom-polyfill.d.ts +1 -0
  5. package/lib/components/AccordionWrapper.vue2.js +2 -3
  6. package/lib/components/BannerWrapper.vue2.js +2 -3
  7. package/lib/components/ButtonGroupWrapper.vue.d.ts +4 -4
  8. package/lib/components/ButtonGroupWrapper.vue2.js +2 -3
  9. package/lib/components/ButtonPureWrapper.vue.d.ts +4 -4
  10. package/lib/components/ButtonPureWrapper.vue2.js +2 -3
  11. package/lib/components/ButtonWrapper.vue2.js +2 -3
  12. package/lib/components/CarouselWrapper.vue2.js +2 -3
  13. package/lib/components/CheckboxWrapperWrapper.vue2.js +2 -3
  14. package/lib/components/ContentWrapperWrapper.vue2.js +2 -3
  15. package/lib/components/DividerWrapper.vue.d.ts +4 -4
  16. package/lib/components/DividerWrapper.vue2.js +2 -3
  17. package/lib/components/FieldsetWrapperWrapper.vue2.js +2 -3
  18. package/lib/components/FlexItemWrapper.vue.d.ts +19 -19
  19. package/lib/components/FlexItemWrapper.vue2.js +2 -3
  20. package/lib/components/FlexWrapper.vue.d.ts +19 -19
  21. package/lib/components/FlexWrapper.vue2.js +2 -3
  22. package/lib/components/GridItemWrapper.vue.d.ts +7 -7
  23. package/lib/components/GridItemWrapper.vue2.js +2 -3
  24. package/lib/components/GridWrapper.vue.d.ts +10 -10
  25. package/lib/components/GridWrapper.vue2.js +2 -3
  26. package/lib/components/HeadlineWrapper.vue2.js +2 -3
  27. package/lib/components/IconWrapper.vue2.js +2 -3
  28. package/lib/components/InlineNotificationWrapper.vue2.js +2 -3
  29. package/lib/components/LinkPureWrapper.vue.d.ts +4 -4
  30. package/lib/components/LinkPureWrapper.vue2.js +2 -3
  31. package/lib/components/LinkSocialWrapper.vue2.js +2 -3
  32. package/lib/components/LinkTileWrapper.vue2.js +2 -3
  33. package/lib/components/LinkWrapper.vue2.js +2 -3
  34. package/lib/components/MarqueWrapper.vue2.js +2 -3
  35. package/lib/components/ModalWrapper.vue2.js +2 -3
  36. package/lib/components/PaginationWrapper.vue2.js +2 -3
  37. package/lib/components/PopoverWrapper.vue2.js +2 -3
  38. package/lib/components/RadioButtonWrapperWrapper.vue2.js +2 -3
  39. package/lib/components/ScrollerWrapper.vue2.js +2 -3
  40. package/lib/components/SegmentedControlItemWrapper.vue2.js +2 -3
  41. package/lib/components/SegmentedControlWrapper.vue2.js +2 -3
  42. package/lib/components/SelectWrapperWrapper.vue2.js +2 -3
  43. package/lib/components/SpinnerWrapper.vue.d.ts +4 -4
  44. package/lib/components/SpinnerWrapper.vue2.js +2 -3
  45. package/lib/components/StepperHorizontalItemWrapper.vue2.js +2 -3
  46. package/lib/components/StepperHorizontalWrapper.vue2.js +2 -3
  47. package/lib/components/SwitchWrapper.vue.d.ts +4 -4
  48. package/lib/components/SwitchWrapper.vue2.js +2 -3
  49. package/lib/components/TableBodyWrapper.vue2.js +2 -3
  50. package/lib/components/TableCellWrapper.vue2.js +2 -3
  51. package/lib/components/TableHeadCellWrapper.vue2.js +2 -3
  52. package/lib/components/TableHeadRowWrapper.vue2.js +2 -3
  53. package/lib/components/TableHeadWrapper.vue2.js +2 -3
  54. package/lib/components/TableRowWrapper.vue2.js +2 -3
  55. package/lib/components/TableWrapper.vue2.js +2 -3
  56. package/lib/components/TabsBarWrapper.vue2.js +2 -3
  57. package/lib/components/TabsItemWrapper.vue2.js +2 -3
  58. package/lib/components/TabsWrapper.vue2.js +2 -3
  59. package/lib/components/TagDismissibleWrapper.vue2.js +2 -3
  60. package/lib/components/TagWrapper.vue2.js +2 -3
  61. package/lib/components/TextFieldWrapperWrapper.vue2.js +2 -3
  62. package/lib/components/TextListItemWrapper.vue2.js +2 -3
  63. package/lib/components/TextListWrapper.vue2.js +2 -3
  64. package/lib/components/TextWrapper.vue2.js +2 -3
  65. package/lib/components/TextareaWrapperWrapper.vue2.js +2 -3
  66. package/lib/components/ToastWrapper.vue2.js +2 -3
  67. package/lib/types.d.ts +26 -47
  68. package/package.json +2 -2
  69. package/testing/package.json +5 -0
  70. package/testing/testing.d.ts +1 -0
  71. package/testing/testing.js +12 -0
  72. package/testing.d.ts +1 -0
@@ -1,4 +1,4 @@
1
- import type { AlignLabel, SelectedAriaAttributes, BreakpointCustomizable, LinkButtonPureIconName, TextSize, LinkTarget, ThemeExtendedElectricDark, TextWeight } from '../types';
1
+ import type { BreakpointCustomizable, AlignLabel, SelectedAriaAttributes, LinkButtonPureIconName, TextSize, LinkTarget, ThemeExtendedElectricDark, TextWeight } from '../types';
2
2
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
3
  /**
4
4
  * Display link in active state.
@@ -7,7 +7,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
7
7
  /**
8
8
  * Aligns the label.
9
9
  */
10
- alignLabel?: AlignLabel | undefined;
10
+ alignLabel?: BreakpointCustomizable<"left" | "right"> | undefined;
11
11
  /**
12
12
  * Add ARIA attributes.
13
13
  */
@@ -74,7 +74,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
74
74
  /**
75
75
  * Aligns the label.
76
76
  */
77
- alignLabel?: AlignLabel | undefined;
77
+ alignLabel?: BreakpointCustomizable<"left" | "right"> | undefined;
78
78
  /**
79
79
  * Add ARIA attributes.
80
80
  */
@@ -139,7 +139,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
139
139
  size: BreakpointCustomizable<TextSize>;
140
140
  theme: ThemeExtendedElectricDark;
141
141
  active: boolean;
142
- alignLabel: AlignLabel;
142
+ alignLabel: BreakpointCustomizable<AlignLabel>;
143
143
  hideLabel: BreakpointCustomizable<boolean>;
144
144
  icon: LinkButtonPureIconName;
145
145
  target: LinkTarget;
@@ -1,5 +1,4 @@
1
- import "./LinkPureWrapper.vue.js";
2
- import { default as t } from "./LinkPureWrapper.vue.js";
1
+ import f from "./LinkPureWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./LinkSocialWrapper.vue.js";
2
- import { default as t } from "./LinkSocialWrapper.vue.js";
1
+ import f from "./LinkSocialWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./LinkTileWrapper.vue.js";
2
- import { default as t } from "./LinkTileWrapper.vue.js";
1
+ import f from "./LinkTileWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./LinkWrapper.vue.js";
2
- import { default as t } from "./LinkWrapper.vue.js";
1
+ import f from "./LinkWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./MarqueWrapper.vue.js";
2
- import { default as t } from "./MarqueWrapper.vue.js";
1
+ import f from "./MarqueWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./ModalWrapper.vue.js";
2
- import { default as t } from "./ModalWrapper.vue.js";
1
+ import f from "./ModalWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./PaginationWrapper.vue.js";
2
- import { default as t } from "./PaginationWrapper.vue.js";
1
+ import f from "./PaginationWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./PopoverWrapper.vue.js";
2
- import { default as t } from "./PopoverWrapper.vue.js";
1
+ import f from "./PopoverWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./RadioButtonWrapperWrapper.vue.js";
2
- import { default as t } from "./RadioButtonWrapperWrapper.vue.js";
1
+ import f from "./RadioButtonWrapperWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./ScrollerWrapper.vue.js";
2
- import { default as t } from "./ScrollerWrapper.vue.js";
1
+ import f from "./ScrollerWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./SegmentedControlItemWrapper.vue.js";
2
- import { default as t } from "./SegmentedControlItemWrapper.vue.js";
1
+ import f from "./SegmentedControlItemWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./SegmentedControlWrapper.vue.js";
2
- import { default as t } from "./SegmentedControlWrapper.vue.js";
1
+ import f from "./SegmentedControlWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./SelectWrapperWrapper.vue.js";
2
- import { default as t } from "./SelectWrapperWrapper.vue.js";
1
+ import f from "./SelectWrapperWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,4 +1,4 @@
1
- import type { SelectedAriaAttributes, SpinnerSize, ThemeExtendedElectricDark } from '../types';
1
+ import type { SelectedAriaAttributes, BreakpointCustomizable, SpinnerSize, ThemeExtendedElectricDark } from '../types';
2
2
  declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
3
  /**
4
4
  * Add ARIA attributes.
@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
7
7
  /**
8
8
  * Size of the spinner.
9
9
  */
10
- size?: SpinnerSize | undefined;
10
+ size?: BreakpointCustomizable<"small" | "medium" | "large" | "inherit"> | undefined;
11
11
  /**
12
12
  * Adapts the spinner color depending on the theme.
13
13
  */
@@ -23,7 +23,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
23
23
  /**
24
24
  * Size of the spinner.
25
25
  */
26
- size?: SpinnerSize | undefined;
26
+ size?: BreakpointCustomizable<"small" | "medium" | "large" | "inherit"> | undefined;
27
27
  /**
28
28
  * Adapts the spinner color depending on the theme.
29
29
  */
@@ -32,7 +32,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
32
32
  size: string;
33
33
  theme: string;
34
34
  }>>>, {
35
- size: SpinnerSize;
35
+ size: BreakpointCustomizable<SpinnerSize>;
36
36
  theme: ThemeExtendedElectricDark;
37
37
  }>;
38
38
  export default _default;
@@ -1,5 +1,4 @@
1
- import "./SpinnerWrapper.vue.js";
2
- import { default as t } from "./SpinnerWrapper.vue.js";
1
+ import f from "./SpinnerWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./StepperHorizontalItemWrapper.vue.js";
2
- import { default as t } from "./StepperHorizontalItemWrapper.vue.js";
1
+ import f from "./StepperHorizontalItemWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./StepperHorizontalWrapper.vue.js";
2
- import { default as t } from "./StepperHorizontalWrapper.vue.js";
1
+ import f from "./StepperHorizontalWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,9 +1,9 @@
1
- import type { AlignLabel, BreakpointCustomizable, SwitchChangeEvent, ThemeExtendedElectric } from '../types';
1
+ import type { BreakpointCustomizable, AlignLabel, SwitchChangeEvent, ThemeExtendedElectric } from '../types';
2
2
  declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
3
3
  /**
4
4
  * Aligns the label.
5
5
  */
6
- alignLabel?: AlignLabel | undefined;
6
+ alignLabel?: BreakpointCustomizable<"left" | "right"> | undefined;
7
7
  /**
8
8
  * Visualize the switch with on/off status.
9
9
  */
@@ -48,7 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
48
48
  /**
49
49
  * Aligns the label.
50
50
  */
51
- alignLabel?: AlignLabel | undefined;
51
+ alignLabel?: BreakpointCustomizable<"left" | "right"> | undefined;
52
52
  /**
53
53
  * Visualize the switch with on/off status.
54
54
  */
@@ -92,7 +92,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
92
92
  }, {
93
93
  stretch: BreakpointCustomizable<boolean>;
94
94
  theme: ThemeExtendedElectric;
95
- alignLabel: AlignLabel;
95
+ alignLabel: BreakpointCustomizable<AlignLabel>;
96
96
  disabled: boolean;
97
97
  hideLabel: BreakpointCustomizable<boolean>;
98
98
  loading: boolean;
@@ -1,5 +1,4 @@
1
- import "./SwitchWrapper.vue.js";
2
- import { default as t } from "./SwitchWrapper.vue.js";
1
+ import f from "./SwitchWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./TableBodyWrapper.vue.js";
2
- import { default as t } from "./TableBodyWrapper.vue.js";
1
+ import f from "./TableBodyWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./TableCellWrapper.vue.js";
2
- import { default as t } from "./TableCellWrapper.vue.js";
1
+ import f from "./TableCellWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./TableHeadCellWrapper.vue.js";
2
- import { default as t } from "./TableHeadCellWrapper.vue.js";
1
+ import f from "./TableHeadCellWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./TableHeadRowWrapper.vue.js";
2
- import { default as t } from "./TableHeadRowWrapper.vue.js";
1
+ import f from "./TableHeadRowWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./TableHeadWrapper.vue.js";
2
- import { default as t } from "./TableHeadWrapper.vue.js";
1
+ import f from "./TableHeadWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./TableRowWrapper.vue.js";
2
- import { default as t } from "./TableRowWrapper.vue.js";
1
+ import f from "./TableRowWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./TableWrapper.vue.js";
2
- import { default as t } from "./TableWrapper.vue.js";
1
+ import f from "./TableWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./TabsBarWrapper.vue.js";
2
- import { default as t } from "./TabsBarWrapper.vue.js";
1
+ import f from "./TabsBarWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./TabsItemWrapper.vue.js";
2
- import { default as t } from "./TabsItemWrapper.vue.js";
1
+ import f from "./TabsItemWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./TabsWrapper.vue.js";
2
- import { default as t } from "./TabsWrapper.vue.js";
1
+ import f from "./TabsWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./TagDismissibleWrapper.vue.js";
2
- import { default as t } from "./TagDismissibleWrapper.vue.js";
1
+ import f from "./TagDismissibleWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./TagWrapper.vue.js";
2
- import { default as t } from "./TagWrapper.vue.js";
1
+ import f from "./TagWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./TextFieldWrapperWrapper.vue.js";
2
- import { default as t } from "./TextFieldWrapperWrapper.vue.js";
1
+ import f from "./TextFieldWrapperWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./TextListItemWrapper.vue.js";
2
- import { default as t } from "./TextListItemWrapper.vue.js";
1
+ import f from "./TextListItemWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./TextListWrapper.vue.js";
2
- import { default as t } from "./TextListWrapper.vue.js";
1
+ import f from "./TextListWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./TextWrapper.vue.js";
2
- import { default as t } from "./TextWrapper.vue.js";
1
+ import f from "./TextWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./TextareaWrapperWrapper.vue.js";
2
- import { default as t } from "./TextareaWrapperWrapper.vue.js";
1
+ import f from "./TextareaWrapperWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
@@ -1,5 +1,4 @@
1
- import "./ToastWrapper.vue.js";
2
- import { default as t } from "./ToastWrapper.vue.js";
1
+ import f from "./ToastWrapper.vue.js";
3
2
  export {
4
- t as default
3
+ f as default
5
4
  };
package/lib/types.d.ts CHANGED
@@ -63,8 +63,7 @@ declare const ALIGN_LABELS: readonly [
63
63
  "left",
64
64
  "right"
65
65
  ];
66
- export declare type AlignLabelType = typeof ALIGN_LABELS[number];
67
- export declare type AlignLabel = BreakpointCustomizable<AlignLabelType>;
66
+ export declare type AlignLabel = typeof ALIGN_LABELS[number];
68
67
  declare const BUTTON_TYPES: readonly [
69
68
  "button",
70
69
  "submit",
@@ -361,8 +360,7 @@ declare const BUTTON_GROUP_DIRECTIONS: readonly [
361
360
  "row",
362
361
  "column"
363
362
  ];
364
- export declare type ButtonGroupDirectionType = typeof BUTTON_GROUP_DIRECTIONS[number];
365
- export declare type ButtonGroupDirection = BreakpointCustomizable<ButtonGroupDirectionType>;
363
+ export declare type ButtonGroupDirection = typeof BUTTON_GROUP_DIRECTIONS[number];
366
364
  export declare type CarouselInternationalization = Partial<Record<"prev" | "next" | "first" | "last" | "slideLabel" | "slide", string>>;
367
365
  export declare type CarouselChangeEvent = {
368
366
  activeIndex: number;
@@ -389,30 +387,26 @@ declare const DIVIDER_ORIENTATIONS: readonly [
389
387
  "vertical",
390
388
  "horizontal"
391
389
  ];
392
- export declare type DividerOrientationType = typeof DIVIDER_ORIENTATIONS[number];
393
- export declare type DividerOrientation = BreakpointCustomizable<DividerOrientationType>;
390
+ export declare type DividerOrientation = typeof DIVIDER_ORIENTATIONS[number];
394
391
  declare const FIELDSET_WRAPPER_LABEL_SIZES: readonly [
395
392
  "small",
396
393
  "medium"
397
394
  ];
398
395
  export declare type FieldsetWrapperLabelSize = typeof FIELDSET_WRAPPER_LABEL_SIZES[number];
399
- export declare type FlexInlineType = boolean;
400
- export declare type FlexInline = BreakpointCustomizable<FlexInlineType>;
396
+ export declare type FlexInline = boolean;
401
397
  declare const FLEX_WRAPS: readonly [
402
398
  "nowrap",
403
399
  "wrap",
404
400
  "wrap-reverse"
405
401
  ];
406
- export declare type FlexWrapType = typeof FLEX_WRAPS[number];
407
- export declare type FlexWrap = BreakpointCustomizable<FlexWrapType>;
402
+ export declare type FlexWrap = typeof FLEX_WRAPS[number];
408
403
  declare const FLEX_DIRECTIONS: readonly [
409
404
  "row",
410
405
  "row-reverse",
411
406
  "column",
412
407
  "column-reverse"
413
408
  ];
414
- export declare type FlexDirectionType = typeof FLEX_DIRECTIONS[number];
415
- export declare type FlexDirection = BreakpointCustomizable<FlexDirectionType>;
409
+ export declare type FlexDirection = typeof FLEX_DIRECTIONS[number];
416
410
  declare const FLEX_JUSTIFY_CONTENTS: readonly [
417
411
  "flex-start",
418
412
  "flex-end",
@@ -421,8 +415,7 @@ declare const FLEX_JUSTIFY_CONTENTS: readonly [
421
415
  "space-around",
422
416
  "space-evenly"
423
417
  ];
424
- export declare type FlexJustifyContentType = typeof FLEX_JUSTIFY_CONTENTS[number];
425
- export declare type FlexJustifyContent = BreakpointCustomizable<FlexJustifyContentType>;
418
+ export declare type FlexJustifyContent = typeof FLEX_JUSTIFY_CONTENTS[number];
426
419
  declare const FLEX_ALIGN_ITEMS: readonly [
427
420
  "stretch",
428
421
  "flex-start",
@@ -430,8 +423,7 @@ declare const FLEX_ALIGN_ITEMS: readonly [
430
423
  "center",
431
424
  "baseline"
432
425
  ];
433
- export declare type FlexAlignItemsType = typeof FLEX_ALIGN_ITEMS[number];
434
- export declare type FlexAlignItems = BreakpointCustomizable<FlexAlignItemsType>;
426
+ export declare type FlexAlignItems = typeof FLEX_ALIGN_ITEMS[number];
435
427
  declare const FLEX_ALIGN_CONTENTS: readonly [
436
428
  "stretch",
437
429
  "flex-start",
@@ -441,8 +433,7 @@ declare const FLEX_ALIGN_CONTENTS: readonly [
441
433
  "space-around",
442
434
  "space-evenly"
443
435
  ];
444
- export declare type FlexAlignContentType = typeof FLEX_ALIGN_CONTENTS[number];
445
- export declare type FlexAlignContent = BreakpointCustomizable<FlexAlignContentType>;
436
+ export declare type FlexAlignContent = typeof FLEX_ALIGN_CONTENTS[number];
446
437
  declare const FLEX_ITEM_WIDTHS: readonly [
447
438
  "auto",
448
439
  "one-quarter",
@@ -452,8 +443,7 @@ declare const FLEX_ITEM_WIDTHS: readonly [
452
443
  "three-quarters",
453
444
  "full"
454
445
  ];
455
- export declare type FlexItemWidthType = typeof FLEX_ITEM_WIDTHS[number];
456
- export declare type FlexItemWidth = BreakpointCustomizable<FlexItemWidthType>;
446
+ export declare type FlexItemWidth = typeof FLEX_ITEM_WIDTHS[number];
457
447
  declare const FLEX_ITEM_OFFSETS: readonly [
458
448
  "none",
459
449
  "one-quarter",
@@ -462,8 +452,7 @@ declare const FLEX_ITEM_OFFSETS: readonly [
462
452
  "two-thirds",
463
453
  "three-quarters"
464
454
  ];
465
- export declare type FlexItemOffsetType = typeof FLEX_ITEM_OFFSETS[number];
466
- export declare type FlexItemOffset = BreakpointCustomizable<FlexItemOffsetType>;
455
+ export declare type FlexItemOffset = typeof FLEX_ITEM_OFFSETS[number];
467
456
  declare const FLEX_ITEM_ALIGN_SELFS: readonly [
468
457
  "auto",
469
458
  "flex-start",
@@ -472,49 +461,42 @@ declare const FLEX_ITEM_ALIGN_SELFS: readonly [
472
461
  "baseline",
473
462
  "stretch"
474
463
  ];
475
- export declare type FlexItemAlignSelfType = typeof FLEX_ITEM_ALIGN_SELFS[number];
476
- export declare type FlexItemAlignSelf = BreakpointCustomizable<FlexItemAlignSelfType>;
464
+ export declare type FlexItemAlignSelf = typeof FLEX_ITEM_ALIGN_SELFS[number];
477
465
  declare const FLEX_ITEM_GROWS: readonly [
478
466
  0,
479
467
  1
480
468
  ];
481
- export declare type FlexItemGrowType = typeof FLEX_ITEM_GROWS[number];
482
- export declare type FlexItemGrow = BreakpointCustomizable<FlexItemGrowType>;
469
+ export declare type FlexItemGrow = typeof FLEX_ITEM_GROWS[number];
483
470
  declare const FLEX_ITEM_SHRINKS: readonly [
484
471
  0,
485
472
  1
486
473
  ];
487
- export declare type FlexItemShrinkType = typeof FLEX_ITEM_SHRINKS[number];
488
- export declare type FlexItemShrink = BreakpointCustomizable<FlexItemShrinkType>;
474
+ export declare type FlexItemShrink = typeof FLEX_ITEM_SHRINKS[number];
489
475
  declare const FLEX_ITEM_FLEXS: readonly [
490
476
  "initial",
491
477
  "auto",
492
478
  "none",
493
479
  "equal"
494
480
  ];
495
- export declare type FlexItemFlexType = typeof FLEX_ITEM_FLEXS[number];
496
- export declare type FlexItemFlex = BreakpointCustomizable<FlexItemFlexType>;
481
+ export declare type FlexItemFlex = typeof FLEX_ITEM_FLEXS[number];
497
482
  declare const GRID_DIRECTIONS: readonly [
498
483
  "row",
499
484
  "row-reverse",
500
485
  "column",
501
486
  "column-reverse"
502
487
  ];
503
- export declare type GridDirectionType = typeof GRID_DIRECTIONS[number];
504
- export declare type GridDirection = BreakpointCustomizable<GridDirectionType>;
488
+ export declare type GridDirection = typeof GRID_DIRECTIONS[number];
505
489
  declare const GRID_WRAPS: readonly [
506
490
  "nowrap",
507
491
  "wrap"
508
492
  ];
509
- export declare type GridWrapType = typeof GRID_WRAPS[number];
510
- export declare type GridWrap = BreakpointCustomizable<GridWrapType>;
493
+ export declare type GridWrap = typeof GRID_WRAPS[number];
511
494
  declare const GRID_GUTTERS: readonly [
512
495
  16,
513
496
  24,
514
497
  36
515
498
  ];
516
- export declare type GridGutterType = typeof GRID_GUTTERS[number];
517
- export declare type GridGutter = BreakpointCustomizable<GridGutterType>;
499
+ export declare type GridGutter = typeof GRID_GUTTERS[number];
518
500
  declare const GRID_ITEM_SIZES: readonly [
519
501
  1,
520
502
  2,
@@ -529,8 +511,7 @@ declare const GRID_ITEM_SIZES: readonly [
529
511
  11,
530
512
  12
531
513
  ];
532
- export declare type GridItemSizeType = typeof GRID_ITEM_SIZES[number];
533
- export declare type GridItemSize = BreakpointCustomizable<GridItemSizeType>;
514
+ export declare type GridItemSize = typeof GRID_ITEM_SIZES[number];
534
515
  declare const GRID_ITEM_OFFSETS: readonly [
535
516
  0,
536
517
  1,
@@ -545,12 +526,11 @@ declare const GRID_ITEM_OFFSETS: readonly [
545
526
  10,
546
527
  11
547
528
  ];
548
- export declare type GridItemOffsetType = typeof GRID_ITEM_OFFSETS[number];
549
- export declare type GridItemOffset = BreakpointCustomizable<GridItemOffsetType>;
529
+ export declare type GridItemOffset = typeof GRID_ITEM_OFFSETS[number];
550
530
  declare const ICON_ARIA_ATTRIBUTES: readonly [
551
531
  "aria-label"
552
532
  ];
553
- export declare type IconAriaAttributes = typeof ICON_ARIA_ATTRIBUTES[number];
533
+ export declare type IconAriaAttribute = typeof ICON_ARIA_ATTRIBUTES[number];
554
534
  declare const INLINE_NOTIFICATION_STATES: readonly [
555
535
  "error",
556
536
  "warning",
@@ -561,7 +541,7 @@ export declare type InlineNotificationState = typeof INLINE_NOTIFICATION_STATES[
561
541
  declare const LINK_ARIA_ATTRIBUTES: readonly [
562
542
  "aria-label"
563
543
  ];
564
- export declare type LinkAriaAttributes = typeof LINK_ARIA_ATTRIBUTES[number];
544
+ export declare type LinkAriaAttribute = typeof LINK_ARIA_ATTRIBUTES[number];
565
545
  export declare type SocialIconName = Extract<IconName, "logo-facebook" | "logo-google" | "logo-instagram" | "logo-linkedin" | "logo-pinterest" | "logo-twitter" | "logo-wechat" | "logo-whatsapp" | "logo-xing" | "logo-youtube" | "logo-baidu" | "logo-delicious" | "logo-digg" | "logo-foursquare" | "logo-gmail" | "logo-hatena" | "logo-kaixin" | "logo-kakaotalk" | "logo-naver" | "logo-qq-share" | "logo-qq" | "logo-reddit" | "logo-skyrock" | "logo-sohu" | "logo-tecent" | "logo-telegram" | "logo-tiktok" | "logo-tumblr" | "logo-viber" | "logo-vk" | "logo-weibo" | "logo-yahoo" | "logo-youku">;
566
546
  declare const LINK_TILE_WEIGHTS: readonly [
567
547
  "regular",
@@ -595,11 +575,11 @@ export declare type MarqueSize = typeof MARQUE_SIZES[number];
595
575
  declare const MARQUE_ARIA_ATTRIBUTES: readonly [
596
576
  "aria-label"
597
577
  ];
598
- export declare type MarqueAriaAttributes = typeof MARQUE_ARIA_ATTRIBUTES[number];
578
+ export declare type MarqueAriaAttribute = typeof MARQUE_ARIA_ATTRIBUTES[number];
599
579
  declare const MODAL_ARIA_ATTRIBUTES: readonly [
600
580
  "aria-label"
601
581
  ];
602
- export declare type ModalAriaAttributes = typeof MODAL_ARIA_ATTRIBUTES[number];
582
+ export declare type ModalAriaAttribute = typeof MODAL_ARIA_ATTRIBUTES[number];
603
583
  declare const PAGINATION_NUMBER_OF_PAGE_LINKS: readonly [
604
584
  5,
605
585
  7
@@ -636,12 +616,11 @@ declare const SPINNER_SIZES: readonly [
636
616
  "large",
637
617
  "inherit"
638
618
  ];
639
- export declare type SpinnerSizeType = typeof SPINNER_SIZES[number];
640
- export declare type SpinnerSize = BreakpointCustomizable<SpinnerSizeType>;
619
+ export declare type SpinnerSize = typeof SPINNER_SIZES[number];
641
620
  declare const SPINNER_ARIA_ATTRIBUTES: readonly [
642
621
  "aria-label"
643
622
  ];
644
- export declare type SpinnerAriaAttributes = typeof SPINNER_ARIA_ATTRIBUTES[number];
623
+ export declare type SpinnerAriaAttribute = typeof SPINNER_ARIA_ATTRIBUTES[number];
645
624
  declare const STEPPER_HORIZONTAL_SIZES: readonly [
646
625
  "small",
647
626
  "medium"