@dfds-ui/react-components 1.1.14-alpha.98f783f4 → 1.1.14-alpha.b69b5bb7

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 (85) hide show
  1. package/app-bar/AppBarItem.d.ts +1 -1
  2. package/assertions/banner/Banner.js +11 -11
  3. package/assertions/toast/Toaster.d.ts +1 -1
  4. package/assertions/toast/Toaster.js +3 -7
  5. package/button/IconButton.d.ts +1 -1
  6. package/cjs/accordion/Accordion.js +1 -1
  7. package/cjs/accordion/AccordionSmall.js +1 -1
  8. package/cjs/app-bar/AppBarItem.d.ts +1 -1
  9. package/cjs/app-bar/AppBarItem.js +1 -1
  10. package/cjs/app-bar/index.js +16 -16
  11. package/cjs/assertions/banner/Banner.js +11 -11
  12. package/cjs/assertions/toast/Toaster.d.ts +1 -1
  13. package/cjs/assertions/toast/Toaster.js +2 -2
  14. package/cjs/button/BaseButton.js +1 -2
  15. package/cjs/button/IconButton.d.ts +1 -1
  16. package/cjs/button/IconButton.js +1 -1
  17. package/cjs/button/button-style.js +1 -1
  18. package/cjs/button/index.js +4 -4
  19. package/cjs/card/index.js +10 -10
  20. package/cjs/common/utils.js +1 -1
  21. package/cjs/divider/Divider.d.ts +1 -1
  22. package/cjs/divider/Divider.js +1 -1
  23. package/cjs/dropdown-menu/MenuItem.d.ts +2 -2
  24. package/cjs/dropdown-menu/MenuItem.js +16 -16
  25. package/cjs/dropdown-menu/index.js +6 -6
  26. package/cjs/flexbox/FlexBox.js +1 -1
  27. package/cjs/forms/checkbox/Checkbox.d.ts +1 -1
  28. package/cjs/forms/email-field/EmailField.d.ts +1 -1
  29. package/cjs/forms/index.js +32 -32
  30. package/cjs/forms/input/Input.d.ts +1 -1
  31. package/cjs/forms/input/InputComposition.js +1 -1
  32. package/cjs/forms/number-field/NumberField.d.ts +1 -1
  33. package/cjs/forms/password-field/PasswordField.d.ts +1 -1
  34. package/cjs/forms/radio/Radio.d.ts +1 -1
  35. package/cjs/forms/radio/Radio.js +1 -1
  36. package/cjs/forms/reactselect/ReactSelect.d.ts +1 -1
  37. package/cjs/forms/reactselect/ReactSelect.js +1 -1
  38. package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +1 -1
  39. package/cjs/forms/select/Select.d.ts +1 -1
  40. package/cjs/forms/select-field/SelectField.d.ts +1 -1
  41. package/cjs/forms/tel-field/TelField.d.ts +1 -1
  42. package/cjs/forms/text-field/TextField.d.ts +1 -1
  43. package/cjs/global-styles/GlobalStyles.js +1 -1
  44. package/cjs/grid/index.js +4 -4
  45. package/cjs/index.js +8 -8
  46. package/cjs/lists/ListItem.js +1 -1
  47. package/cjs/lists/index.js +16 -16
  48. package/cjs/loader/index.js +4 -4
  49. package/cjs/localization/locales.js +1 -1
  50. package/cjs/nav-bar/NavBar.js +1 -1
  51. package/cjs/pagination/Pagination.styles.js +1 -1
  52. package/cjs/side-sheet/SideSheet.js +10 -8
  53. package/cjs/side-sheet/index.js +4 -4
  54. package/cjs/site-layout/SiteLayout.js +1 -1
  55. package/cjs/spinner/Spinner.js +1 -2
  56. package/cjs/step/Step.styles.js +1 -1
  57. package/cjs/styles/index.js +4 -4
  58. package/cjs/styles/media.js +1 -2
  59. package/cjs/styles/theme.js +1 -1
  60. package/cjs/surface/Surface.d.ts +1 -1
  61. package/cjs/surface/Surface.js +3 -4
  62. package/cjs/tab/TabsContext.js +1 -1
  63. package/cjs/tab/index.js +6 -6
  64. package/cjs/table/Table.js +1 -1
  65. package/cjs/table/TableHead.js +1 -1
  66. package/cjs/table/TableHeaderCell.js +1 -1
  67. package/cjs/typography/Headlines.js +1 -1
  68. package/divider/Divider.d.ts +1 -1
  69. package/dropdown-menu/MenuItem.d.ts +2 -2
  70. package/dropdown-menu/MenuItem.js +15 -15
  71. package/forms/checkbox/Checkbox.d.ts +1 -1
  72. package/forms/email-field/EmailField.d.ts +1 -1
  73. package/forms/input/Input.d.ts +1 -1
  74. package/forms/number-field/NumberField.d.ts +1 -1
  75. package/forms/password-field/PasswordField.d.ts +1 -1
  76. package/forms/radio/Radio.d.ts +1 -1
  77. package/forms/reactselect/ReactSelect.d.ts +1 -1
  78. package/forms/searchable-select/AsyncSearchableSelect.d.ts +1 -1
  79. package/forms/select/Select.d.ts +1 -1
  80. package/forms/select-field/SelectField.d.ts +1 -1
  81. package/forms/tel-field/TelField.d.ts +1 -1
  82. package/forms/text-field/TextField.d.ts +1 -1
  83. package/package.json +13 -13
  84. package/side-sheet/SideSheet.js +8 -8
  85. package/surface/Surface.d.ts +1 -1
package/cjs/side-sheet/index.js CHANGED
@@ -14,16 +14,16 @@ Object.defineProperty(exports, "SideSheet", {
14
14
  return _SideSheet.default;
15
15
  }
16
16
  });
17
- Object.defineProperty(exports, "SideSheetContent", {
17
+ Object.defineProperty(exports, "SideSheetFooter", {
18
18
  enumerable: true,
19
19
  get: function get() {
20
- return _SideSheetContent.default;
20
+ return _SideSheetFooter.default;
21
21
  }
22
22
  });
23
- Object.defineProperty(exports, "SideSheetFooter", {
23
+ Object.defineProperty(exports, "SideSheetContent", {
24
24
  enumerable: true,
25
25
  get: function get() {
26
- return _SideSheetFooter.default;
26
+ return _SideSheetContent.default;
27
27
  }
28
28
  });
29
29
 
package/cjs/site-layout/SiteLayout.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = exports.LayoutMain = exports.LayoutHeader = exports.LayoutGrid = exports.LayoutFooter = exports.Layout = void 0;
6
+ exports.default = exports.LayoutFooter = exports.LayoutMain = exports.LayoutHeader = exports.Layout = exports.LayoutGrid = void 0;
7
7
 
8
8
  var _base = _interopRequireDefault(require("@emotion/styled/base"));
9
9
 
package/cjs/spinner/Spinner.js CHANGED
@@ -3,9 +3,8 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.CenteredSpinner = void 0;
7
6
  exports.Spinner = Spinner;
8
- exports.default = void 0;
7
+ exports.default = exports.CenteredSpinner = void 0;
9
8
 
10
9
  var _base = _interopRequireDefault(require("@emotion/styled/base"));
11
10
 
package/cjs/step/Step.styles.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.stepWrapperVerticalStyles = exports.stepWrapperHorizontalStyles = exports.stepHeaderStyles = exports.stepContentStyles = void 0;
6
+ exports.stepContentStyles = exports.stepHeaderStyles = exports.stepWrapperVerticalStyles = exports.stepWrapperHorizontalStyles = void 0;
7
7
 
8
8
  var _theme = require("@dfds-ui/theme");
9
9
 
package/cjs/styles/index.js CHANGED
@@ -3,16 +3,16 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- Object.defineProperty(exports, "legacyGenerateMedia", {
6
+ Object.defineProperty(exports, "legacyMedia", {
7
7
  enumerable: true,
8
8
  get: function get() {
9
- return _media.legacyGenerateMedia;
9
+ return _media.default;
10
10
  }
11
11
  });
12
- Object.defineProperty(exports, "legacyMedia", {
12
+ Object.defineProperty(exports, "legacyGenerateMedia", {
13
13
  enumerable: true,
14
14
  get: function get() {
15
- return _media.default;
15
+ return _media.legacyGenerateMedia;
16
16
  }
17
17
  });
18
18
  Object.defineProperty(exports, "theme", {
package/cjs/styles/media.js CHANGED
@@ -3,9 +3,8 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = void 0;
7
6
  exports.legacyGenerateMedia = legacyGenerateMedia;
8
- exports.legacyMedia = void 0;
7
+ exports.default = exports.legacyMedia = void 0;
9
8
  // ***
10
9
  // DEPRECATED use media from ./media
11
10
  // ***
package/cjs/styles/theme.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.theme = exports.default = void 0;
6
+ exports.default = exports.theme = void 0;
7
7
 
8
8
  var _colors = require("@dfds-ui/colors");
9
9
 
package/cjs/surface/Surface.d.ts CHANGED
@@ -23,7 +23,7 @@ export declare const SurfaceProvider: React.FC<{
23
23
  export declare function MaybeSurfaceProvider({ surface, ...rest }: React.PropsWithChildren<{
24
24
  surface?: SurfaceType;
25
25
  }>): JSX.Element;
26
- export declare const useSurfaceContext: (surface?: SurfaceType) => SurfaceContextType;
26
+ export declare const useSurfaceContext: (surface?: "main" | "dark" | "primary" | "secondary" | "inverted" | "tertiary" | undefined) => SurfaceContextType;
27
27
  export declare const Surface: React.FC<{
28
28
  surface: SurfaceType;
29
29
  className?: string;
package/cjs/surface/Surface.js CHANGED
@@ -3,11 +3,10 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.MaybeSurfaceProvider = MaybeSurfaceProvider;
7
- exports.SurfaceProvider = exports.SurfaceContext = exports.Surface = void 0;
8
- exports.getBackgroundColor = getBackgroundColor;
9
6
  exports.getTextColors = getTextColors;
10
- exports.useSurfaceContext = void 0;
7
+ exports.getBackgroundColor = getBackgroundColor;
8
+ exports.MaybeSurfaceProvider = MaybeSurfaceProvider;
9
+ exports.Surface = exports.useSurfaceContext = exports.SurfaceProvider = exports.SurfaceContext = void 0;
11
10
 
12
11
  var _react = _interopRequireWildcard(require("react"));
13
12
 
package/cjs/tab/TabsContext.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useTabsContext = exports.default = exports.TabsContextProvider = exports.TabsContext = void 0;
6
+ exports.default = exports.useTabsContext = exports.TabsContextProvider = exports.TabsContext = void 0;
7
7
 
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
 
package/cjs/tab/index.js CHANGED
@@ -8,22 +8,22 @@ var _exportNames = {
8
8
  Tab: true,
9
9
  TabPanel: true
10
10
  };
11
- Object.defineProperty(exports, "Tab", {
11
+ Object.defineProperty(exports, "Tabs", {
12
12
  enumerable: true,
13
13
  get: function get() {
14
- return _Tab.default;
14
+ return _Tabs.default;
15
15
  }
16
16
  });
17
- Object.defineProperty(exports, "TabPanel", {
17
+ Object.defineProperty(exports, "Tab", {
18
18
  enumerable: true,
19
19
  get: function get() {
20
- return _TabPanel.default;
20
+ return _Tab.default;
21
21
  }
22
22
  });
23
- Object.defineProperty(exports, "Tabs", {
23
+ Object.defineProperty(exports, "TabPanel", {
24
24
  enumerable: true,
25
25
  get: function get() {
26
- return _Tabs.default;
26
+ return _TabPanel.default;
27
27
  }
28
28
  });
29
29
 
package/cjs/table/Table.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.useTable = exports.default = exports.Table = void 0;
6
+ exports.default = exports.Table = exports.useTable = void 0;
7
7
 
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
 
package/cjs/table/TableHead.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.tableHeadStyle = exports.default = exports.TableHead = void 0;
6
+ exports.default = exports.TableHead = exports.tableHeadStyle = void 0;
7
7
 
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
 
package/cjs/table/TableHeaderCell.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.getTableCellStyle = exports.default = exports.TableHeaderCell = void 0;
6
+ exports.default = exports.TableHeaderCell = exports.getTableCellStyle = void 0;
7
7
 
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
 
package/cjs/typography/Headlines.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.SubHeadline = exports.SmallHeadline = exports.SectionHeadline = exports.HeroHeadline = exports.Headline = exports.H4 = exports.H3 = exports.H2 = exports.H1 = void 0;
6
+ exports.SmallHeadline = exports.SubHeadline = exports.SectionHeadline = exports.HeroHeadline = exports.Headline = exports.H4 = exports.H3 = exports.H2 = exports.H1 = void 0;
7
7
 
8
8
  var _base = _interopRequireDefault(require("@emotion/styled/base"));
9
9
 
package/divider/Divider.d.ts CHANGED
@@ -21,6 +21,6 @@ export declare type DividerProps = {
21
21
  */
22
22
  className?: string;
23
23
  };
24
- export declare const dividerBorder: (light?: boolean, placement?: 'top' | 'bottom') => import("@emotion/react").SerializedStyles;
24
+ export declare const dividerBorder: (light?: boolean | undefined, placement?: "top" | "bottom" | undefined) => import("@emotion/react").SerializedStyles;
25
25
  export declare const Divider: ({ light, indent, margins, ...rest }: DividerProps) => JSX.Element;
26
26
  export default Divider;
package/dropdown-menu/MenuItem.d.ts CHANGED
@@ -39,7 +39,7 @@ export interface MenuItemProps {
39
39
  className?: string;
40
40
  children?: React.ReactNode;
41
41
  }
42
- export declare const getListItemStyle: (size?: DropdownSize, disabled?: boolean) => import("@emotion/react").SerializedStyles;
43
- export declare const getListTextStyle: (size?: DropdownSize) => import("@emotion/react").SerializedStyles;
42
+ export declare const getListItemStyle: (size?: DropdownSize | undefined, disabled?: boolean | undefined) => import("@emotion/react").SerializedStyles;
43
+ export declare const getListTextStyle: (size?: DropdownSize | undefined) => import("@emotion/react").SerializedStyles;
44
44
  declare const MenuItem: ({ as, clickable, className, onClick, selected, disabled, children, color, iconLeft, iconRight, ...rest }: MenuItemProps) => JSX.Element;
45
45
  export default MenuItem;