@dfds-ui/react-components 2.2.0-alpha.9bb1ab0f → 2.2.0-alpha.a78c2264

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 (269) hide show
  1. package/accordion/Accordion.js +70 -51
  2. package/accordion/AccordionContent.js +13 -6
  3. package/accordion/AccordionSmall.js +52 -38
  4. package/app-bar/AppBar.js +49 -35
  5. package/app-bar/AppBarContext.js +7 -6
  6. package/app-bar/AppBarDrawer.js +13 -6
  7. package/app-bar/AppBarIconButton.js +10 -5
  8. package/app-bar/AppBarItem.js +71 -56
  9. package/assertions/banner/Banner.js +65 -51
  10. package/assertions/banner/BannerAction.js +10 -5
  11. package/assertions/banner/BannerTypography.js +9 -4
  12. package/assertions/toast/Toast.js +28 -17
  13. package/assertions/toast/Toaster.js +52 -56
  14. package/badge/Badge.js +17 -9
  15. package/button/BadgeIcon.js +18 -16
  16. package/button/Button.js +27 -19
  17. package/button/IconButton.js +20 -13
  18. package/button/LinkButton.js +8 -3
  19. package/button-stack/ButtonStack.js +27 -19
  20. package/card/Card.js +49 -35
  21. package/card/CardActions.js +13 -6
  22. package/card/CardContent.js +19 -9
  23. package/card/CardMedia.js +15 -6
  24. package/card/CardPriceTag.js +22 -4
  25. package/card/CardTitle.js +25 -15
  26. package/chip/Chip.js +22 -13
  27. package/cjs/accordion/Accordion.js +63 -50
  28. package/cjs/accordion/AccordionContent.js +7 -6
  29. package/cjs/accordion/AccordionSmall.js +45 -37
  30. package/cjs/app-bar/AppBar.js +45 -35
  31. package/cjs/app-bar/AppBarContext.js +5 -4
  32. package/cjs/app-bar/AppBarDrawer.js +7 -7
  33. package/cjs/app-bar/AppBarIconButton.js +6 -6
  34. package/cjs/app-bar/AppBarItem.js +63 -54
  35. package/cjs/app-bar/AppBarListItem.js +1 -2
  36. package/cjs/assertions/banner/Banner.js +56 -49
  37. package/cjs/assertions/banner/BannerAction.js +5 -4
  38. package/cjs/assertions/banner/BannerTypography.js +9 -7
  39. package/cjs/assertions/toast/Toast.js +22 -17
  40. package/cjs/assertions/toast/Toaster.js +36 -28
  41. package/cjs/badge/Badge.js +11 -7
  42. package/cjs/button/BadgeIcon.js +19 -17
  43. package/cjs/button/BaseButton.js +2 -4
  44. package/cjs/button/Button.js +21 -19
  45. package/cjs/button/IconButton.js +15 -14
  46. package/cjs/button/LinkButton.js +6 -6
  47. package/cjs/button/button-style.js +8 -15
  48. package/cjs/button-stack/ButtonStack.js +19 -17
  49. package/cjs/card/Card.js +39 -29
  50. package/cjs/card/CardActions.js +7 -7
  51. package/cjs/card/CardContent.js +13 -9
  52. package/cjs/card/CardMedia.js +9 -6
  53. package/cjs/card/CardPriceTag.js +16 -4
  54. package/cjs/card/CardTitle.js +16 -12
  55. package/cjs/chip/Chip.js +18 -15
  56. package/cjs/common/LockBodyScroll.js +15 -11
  57. package/cjs/common/emotionCloneElement.js +1 -2
  58. package/cjs/common/polymorphic.js +9 -5
  59. package/cjs/counter/Counter.js +50 -43
  60. package/cjs/counter/PluralCounter.js +13 -11
  61. package/cjs/data-table/DataTable.js +45 -37
  62. package/cjs/date-range-picker/DateRangePicker.d.ts +4 -4
  63. package/cjs/date-range-picker/DateRangePicker.js +276 -207
  64. package/cjs/date-range-picker/DateRangePicker.styles.d.ts +6 -0
  65. package/cjs/date-range-picker/DateRangePicker.styles.js +14 -0
  66. package/cjs/divider/Divider.js +6 -6
  67. package/cjs/drawer/Drawer.js +10 -8
  68. package/cjs/dropdown-menu/Dropdown.js +34 -29
  69. package/cjs/dropdown-menu/DropdownContext.js +7 -8
  70. package/cjs/dropdown-menu/MenuCheckbox.js +24 -23
  71. package/cjs/dropdown-menu/MenuItem.js +30 -28
  72. package/cjs/dropdown-menu/MenuTitle.js +15 -12
  73. package/cjs/elevation/index.js +1 -2
  74. package/cjs/flexbox/FlexBox.js +2 -4
  75. package/cjs/footer/Footer.js +10 -6
  76. package/cjs/forms/assistive-text/AssistiveText.js +1 -2
  77. package/cjs/forms/asterisk/Asterisk.js +5 -4
  78. package/cjs/forms/checkbox/Checkbox.js +36 -31
  79. package/cjs/forms/checkbox/ExampleControlComponent.js +7 -7
  80. package/cjs/forms/email-field/EmailField.js +7 -7
  81. package/cjs/forms/error-text/ErrorText.js +1 -2
  82. package/cjs/forms/field/Field.js +10 -6
  83. package/cjs/forms/input/Input.js +23 -21
  84. package/cjs/forms/input/InputComposition.js +29 -23
  85. package/cjs/forms/label/Label.js +6 -3
  86. package/cjs/forms/number-field/NumberField.js +6 -6
  87. package/cjs/forms/password-field/PasswordField.js +10 -10
  88. package/cjs/forms/radio/Radio.js +20 -19
  89. package/cjs/forms/reactselect/ReactSelect.js +70 -61
  90. package/cjs/forms/searchable-select/AsyncSearchableSelect.js +47 -38
  91. package/cjs/forms/select/Select.js +25 -22
  92. package/cjs/forms/select-field/SelectField.js +33 -29
  93. package/cjs/forms/switch/Switch.js +28 -22
  94. package/cjs/forms/tel-field/TelField.js +7 -7
  95. package/cjs/forms/text-field/TextField.js +37 -34
  96. package/cjs/global-styles/GlobalStyles.js +3 -2
  97. package/cjs/global-styles/ResetStyles.js +2 -1
  98. package/cjs/global-styles/sanitize.js +2 -3
  99. package/cjs/grid/Column.js +7 -7
  100. package/cjs/grid/Container.js +34 -29
  101. package/cjs/hero/Hero.js +32 -12
  102. package/cjs/hero/stripes.js +177 -162
  103. package/cjs/ie-banner/IEBanner.js +13 -8
  104. package/cjs/layout/LayoutLegacy.js +2 -1
  105. package/cjs/lists/FeatureList.js +16 -13
  106. package/cjs/lists/ListAddon.js +10 -7
  107. package/cjs/lists/ListDivider.js +6 -6
  108. package/cjs/lists/ListIcon.js +6 -6
  109. package/cjs/lists/ListItem.js +7 -6
  110. package/cjs/lists/ListText.js +6 -6
  111. package/cjs/lists/ListTextGroup.js +6 -6
  112. package/cjs/lists/ListTitle.js +6 -6
  113. package/cjs/loader/DfdsLoader.js +27 -21
  114. package/cjs/loader/Loader.js +9 -3
  115. package/cjs/localization/LocaleFlag.js +5 -4
  116. package/cjs/localization/locales.js +3 -6
  117. package/cjs/logo/Logo.js +12 -9
  118. package/cjs/media/index.js +1 -2
  119. package/cjs/menu/Menu.js +22 -15
  120. package/cjs/mobile-stepper/MobileStepper.js +17 -15
  121. package/cjs/nav-bar/NavBar.js +34 -24
  122. package/cjs/nav-menu/NavMenuItem.js +13 -11
  123. package/cjs/pagination/Pagination.js +50 -38
  124. package/cjs/pagination/Pagination.styles.js +6 -12
  125. package/cjs/popper/Popper.js +21 -17
  126. package/cjs/progress-bar/ProgressBar.js +3 -3
  127. package/cjs/schedule/ScheduleItem.js +11 -8
  128. package/cjs/schedule/ScheduleList.js +10 -11
  129. package/cjs/side-sheet/SideSheet.js +41 -33
  130. package/cjs/side-sheet/SideSheetCloseButton.js +6 -6
  131. package/cjs/side-sheet/SideSheetContent.js +10 -7
  132. package/cjs/side-sheet/SideSheetFooter.js +10 -7
  133. package/cjs/side-sheet/SideSheetHeader.js +10 -7
  134. package/cjs/side-sheet/SideSheetHeadline.js +6 -5
  135. package/cjs/site-layout/SiteLayout.js +30 -19
  136. package/cjs/skeleton/Skeleton.js +6 -6
  137. package/cjs/social-media-link-list/SocialMediaLinkList.js +64 -58
  138. package/cjs/spinner/Spinner.js +13 -13
  139. package/cjs/step/Step.js +29 -20
  140. package/cjs/step/Step.styles.js +4 -8
  141. package/cjs/step/StepButton.js +26 -23
  142. package/cjs/step/StepContent.js +12 -10
  143. package/cjs/step/StepContext.js +1 -2
  144. package/cjs/step/StepLabel.js +9 -7
  145. package/cjs/stepper/Stepper.js +12 -10
  146. package/cjs/stepper/StepperContext.js +1 -2
  147. package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +10 -7
  148. package/cjs/styles/media.js +2 -4
  149. package/cjs/styles/theme.js +2 -4
  150. package/cjs/surface/Surface.js +20 -14
  151. package/cjs/tab/Tab.js +7 -6
  152. package/cjs/tab/TabPanel.js +6 -6
  153. package/cjs/tab/Tabs.js +29 -28
  154. package/cjs/tab/TabsContext.js +7 -8
  155. package/cjs/table/Table.js +15 -15
  156. package/cjs/table/TableBody.js +8 -9
  157. package/cjs/table/TableDataCell.js +9 -10
  158. package/cjs/table/TableHead.js +10 -12
  159. package/cjs/table/TableHeaderCell.js +9 -10
  160. package/cjs/table/TableRow.js +9 -10
  161. package/cjs/test/Test.js +5 -4
  162. package/cjs/tooltip/Tooltip.js +28 -22
  163. package/cjs/typography/Headlines.js +14 -20
  164. package/cjs/typography/Text.js +2 -3
  165. package/common/LockBodyScroll.js +20 -10
  166. package/common/polymorphic.js +9 -3
  167. package/common/use-media.js +2 -2
  168. package/counter/Counter.js +50 -42
  169. package/counter/PluralCounter.js +20 -11
  170. package/data-table/DataTable.js +52 -38
  171. package/date-range-picker/DateRangePicker.d.ts +4 -4
  172. package/date-range-picker/DateRangePicker.js +319 -238
  173. package/date-range-picker/DateRangePicker.styles.d.ts +6 -0
  174. package/date-range-picker/DateRangePicker.styles.js +9 -0
  175. package/divider/Divider.js +10 -5
  176. package/drawer/Drawer.js +15 -6
  177. package/dropdown-menu/Dropdown.js +42 -31
  178. package/dropdown-menu/DropdownContext.js +5 -4
  179. package/dropdown-menu/MenuCheckbox.js +24 -17
  180. package/dropdown-menu/MenuItem.js +26 -18
  181. package/dropdown-menu/MenuTitle.js +14 -11
  182. package/flexbox/FlexBox.js +2 -2
  183. package/footer/Footer.js +9 -4
  184. package/forms/asterisk/Asterisk.js +4 -2
  185. package/forms/checkbox/Checkbox.js +42 -32
  186. package/forms/checkbox/ExampleControlComponent.js +15 -8
  187. package/forms/email-field/EmailField.js +8 -3
  188. package/forms/field/Field.js +9 -4
  189. package/forms/input/Input.js +29 -22
  190. package/forms/input/InputComposition.js +29 -17
  191. package/forms/label/Label.js +12 -4
  192. package/forms/number-field/NumberField.js +8 -3
  193. package/forms/password-field/PasswordField.js +15 -9
  194. package/forms/radio/Radio.js +25 -18
  195. package/forms/reactselect/ReactSelect.js +65 -57
  196. package/forms/searchable-select/AsyncSearchableSelect.js +50 -38
  197. package/forms/select/Select.js +31 -23
  198. package/forms/select-field/SelectField.js +38 -29
  199. package/forms/switch/Switch.js +35 -23
  200. package/forms/tel-field/TelField.js +8 -3
  201. package/forms/text-field/TextField.js +43 -34
  202. package/global-styles/GlobalStyles.js +3 -3
  203. package/global-styles/ResetStyles.js +2 -2
  204. package/grid/Column.js +14 -7
  205. package/grid/Container.js +41 -35
  206. package/hero/Hero.js +32 -10
  207. package/hero/stripes.js +176 -160
  208. package/ie-banner/IEBanner.js +14 -8
  209. package/layout/LayoutLegacy.js +2 -2
  210. package/lists/FeatureList.js +21 -11
  211. package/lists/ListAddon.js +13 -6
  212. package/lists/ListDivider.js +10 -5
  213. package/lists/ListIcon.js +10 -5
  214. package/lists/ListItem.js +13 -6
  215. package/lists/ListText.js +10 -5
  216. package/lists/ListTextGroup.js +10 -5
  217. package/lists/ListTitle.js +10 -5
  218. package/loader/DfdsLoader.js +25 -19
  219. package/loader/Loader.js +8 -2
  220. package/localization/LocaleFlag.js +10 -5
  221. package/logo/Logo.js +14 -7
  222. package/menu/Menu.js +25 -12
  223. package/mobile-stepper/MobileStepper.js +26 -18
  224. package/nav-bar/NavBar.js +41 -23
  225. package/nav-menu/NavMenuItem.js +12 -10
  226. package/package.json +14 -16
  227. package/pagination/Pagination.js +53 -35
  228. package/popper/Popper.js +27 -17
  229. package/progress-bar/ProgressBar.js +2 -2
  230. package/schedule/ScheduleItem.js +9 -4
  231. package/schedule/ScheduleList.js +16 -10
  232. package/side-sheet/SideSheet.js +47 -34
  233. package/side-sheet/SideSheetCloseButton.js +10 -5
  234. package/side-sheet/SideSheetContent.js +17 -8
  235. package/side-sheet/SideSheetFooter.js +17 -8
  236. package/side-sheet/SideSheetHeader.js +17 -8
  237. package/side-sheet/SideSheetHeadline.js +5 -4
  238. package/site-layout/SiteLayout.js +31 -12
  239. package/skeleton/Skeleton.js +10 -5
  240. package/social-media-link-list/SocialMediaLinkList.js +69 -55
  241. package/spinner/Spinner.js +17 -10
  242. package/step/Step.js +34 -20
  243. package/step/StepButton.js +23 -15
  244. package/step/StepContent.js +11 -9
  245. package/step/StepLabel.js +8 -6
  246. package/stepper/Stepper.js +13 -11
  247. package/stepper-feedback-message/StepperFeedbackMessage.js +9 -6
  248. package/surface/Surface.js +17 -14
  249. package/tab/Tab.js +13 -6
  250. package/tab/TabPanel.js +5 -4
  251. package/tab/Tabs.js +42 -35
  252. package/tab/TabsContext.js +5 -4
  253. package/table/Table.js +20 -13
  254. package/table/TableBody.js +13 -7
  255. package/table/TableDataCell.js +14 -8
  256. package/table/TableHead.js +10 -8
  257. package/table/TableHeaderCell.js +14 -8
  258. package/table/TableRow.js +11 -10
  259. package/test/Test.js +4 -2
  260. package/tooltip/Tooltip.js +31 -21
  261. package/typography/Headlines.js +13 -6
  262. package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
  263. package/cjs/date-range-picker/DatePickerDefaultStyles.js +0 -19
  264. package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +0 -2
  265. package/cjs/date-range-picker/DatePickerDfdsStyles.js +0 -11
  266. package/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
  267. package/date-range-picker/DatePickerDefaultStyles.js +0 -12
  268. package/date-range-picker/DatePickerDfdsStyles.d.ts +0 -2
  269. package/date-range-picker/DatePickerDfdsStyles.js +0 -4
@@ -10,8 +10,8 @@ var _button = require("../button");
10
10
  var _system = require("@dfds-ui/icons/system");
11
11
  var _theme = require("@dfds-ui/theme");
12
12
  var _StepContext = _interopRequireDefault(require("./StepContext"));
13
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
13
14
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
14
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
15
15
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
16
16
  const buttonStyles = ({
17
17
  active,
@@ -38,20 +38,20 @@ const StepButtonElement = ({
38
38
  disabled
39
39
  } = _react.default.useContext(_StepContext.default);
40
40
  if (hasError) {
41
- return (0, _react2.jsx)(_button.IconButton, _extends({
41
+ return (0, _jsxRuntime.jsx)(_button.IconButton, {
42
42
  disabled: disabled,
43
- "data-testid": "step-button-error"
44
- }, rest, {
43
+ "data-testid": "step-button-error",
44
+ ...rest,
45
45
  icon: _system.StatusAlert,
46
46
  ariaLabel: "Error",
47
47
  color: _theme.theme.colors.status.alert,
48
48
  css: costumeButtonStyles,
49
49
  disableOverlay: true
50
- }));
50
+ });
51
51
  } else if (isEditing) {
52
- return (0, _react2.jsx)(_button.IconButton, _extends({
53
- disabled: disabled
54
- }, rest, {
52
+ return (0, _jsxRuntime.jsx)(_button.IconButton, {
53
+ disabled: disabled,
54
+ ...rest,
55
55
  "data-testid": "step-button-editing",
56
56
  size: "small",
57
57
  color: "white",
@@ -59,11 +59,11 @@ const StepButtonElement = ({
59
59
  ariaLabel: "Completed",
60
60
  css: editButtonStyles,
61
61
  disableOverlay: true
62
- }));
62
+ });
63
63
  } else if (completed) {
64
- return (0, _react2.jsx)(_button.IconButton, _extends({
65
- disabled: disabled
66
- }, rest, {
64
+ return (0, _jsxRuntime.jsx)(_button.IconButton, {
65
+ disabled: disabled,
66
+ ...rest,
67
67
  "data-testid": "step-button-completed",
68
68
  size: "small",
69
69
  color: "white",
@@ -74,20 +74,21 @@ const StepButtonElement = ({
74
74
  completed
75
75
  }),
76
76
  disableOverlay: true
77
- }));
77
+ });
78
78
  }
79
- return (0, _react2.jsx)(_button.Button, _extends({
79
+ return (0, _jsxRuntime.jsx)(_button.Button, {
80
80
  disabled: disabled,
81
- "data-testid": "step-button-index"
82
- }, rest, {
81
+ "data-testid": "step-button-index",
82
+ ...rest,
83
83
  size: "small",
84
84
  variation: "text",
85
85
  color: "white",
86
86
  css: buttonStyles({
87
87
  active,
88
88
  completed
89
- })
90
- }), index + 1);
89
+ }),
90
+ children: index + 1
91
+ });
91
92
  };
92
93
  var _ref = process.env.NODE_ENV === "production" ? {
93
94
  name: "br76u9",
@@ -100,10 +101,12 @@ var _ref = process.env.NODE_ENV === "production" ? {
100
101
  const StepButton = ({
101
102
  ...rest
102
103
  }) => {
103
- return (0, _react2.jsx)("div", {
104
+ return (0, _jsxRuntime.jsx)("div", {
104
105
  "data-testid": "step-button",
105
- css: _ref
106
- }, (0, _react2.jsx)(StepButtonElement, rest));
106
+ css: _ref,
107
+ children: (0, _jsxRuntime.jsx)(StepButtonElement, {
108
+ ...rest
109
+ })
110
+ });
107
111
  };
108
- var _default = StepButton;
109
- exports.default = _default;
112
+ var _default = exports.default = StepButton;
@@ -8,6 +8,7 @@ var _react = _interopRequireDefault(require("react"));
8
8
  var _react2 = require("@emotion/react");
9
9
  var _accordion = require("../accordion");
10
10
  var _StepContext = _interopRequireDefault(require("../step/StepContext"));
11
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
11
12
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
13
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
13
14
  var _ref = process.env.NODE_ENV === "production" ? {
@@ -32,15 +33,16 @@ const StepContent = ({
32
33
  const {
33
34
  active
34
35
  } = _react.default.useContext(_StepContext.default);
35
- return (0, _react2.jsx)("div", {
36
+ return (0, _jsxRuntime.jsx)("div", {
36
37
  "data-testid": "step-content",
37
- css: _ref2
38
- }, (0, _react2.jsx)(_accordion.Accordion, {
39
- isOpen: active,
40
- css: _ref,
41
- header: (0, _react2.jsx)("div", null),
42
- type: "small"
43
- }, children));
38
+ css: _ref2,
39
+ children: (0, _jsxRuntime.jsx)(_accordion.Accordion, {
40
+ isOpen: active,
41
+ css: _ref,
42
+ header: (0, _jsxRuntime.jsx)("div", {}),
43
+ type: "small",
44
+ children: children
45
+ })
46
+ });
44
47
  };
45
- var _default = StepContent;
46
- exports.default = _default;
48
+ var _default = exports.default = StepContent;
@@ -12,5 +12,4 @@ const StepContext = /*#__PURE__*/_react.default.createContext({
12
12
  disabled: false,
13
13
  index: 0
14
14
  });
15
- var _default = StepContext;
16
- exports.default = _default;
15
+ var _default = exports.default = StepContext;
@@ -8,6 +8,7 @@ var _react = _interopRequireDefault(require("react"));
8
8
  var _react2 = require("@emotion/react");
9
9
  var _StepContext = _interopRequireDefault(require("./StepContext"));
10
10
  var _theme = require("@dfds-ui/theme");
11
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
11
12
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
13
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
13
14
  var _ref = process.env.NODE_ENV === "production" ? {
@@ -26,12 +27,13 @@ const StepLabel = ({
26
27
  completed,
27
28
  active
28
29
  } = _react.default.useContext(_StepContext.default);
29
- return (0, _react2.jsx)("div", {
30
+ return (0, _jsxRuntime.jsxs)("div", {
30
31
  "data-testid": "step-label",
31
- css: /*#__PURE__*/(0, _react2.css)("display:flex;flex-direction:column;font-size:16px;color:", completed || active ? _theme.theme.colors.text.primary.primary : _theme.theme.colors.text.primary.secondary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:StepLabel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXBMYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9zdGVwL1N0ZXBMYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgU3RlcENvbnRleHQgZnJvbSAnLi9TdGVwQ29udGV4dCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgU3RlcExhYmxlVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgb3B0aW9uYWxTdGVwVGV4dD86IFJlYWN0Tm9kZVxufVxuXG5jb25zdCBTdGVwTGFiZWw6IEZDPFN0ZXBMYWJsZVR5cGVzPiA9ICh7IGNoaWxkcmVuLCBvcHRpb25hbFN0ZXBUZXh0IH0pID0+IHtcbiAgY29uc3QgeyBjb21wbGV0ZWQsIGFjdGl2ZSB9ID0gUmVhY3QudXNlQ29udGV4dChTdGVwQ29udGV4dClcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1sYWJlbFwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICBjb2xvcjogJHtjb21wbGV0ZWQgfHwgYWN0aXZlID8gdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5IDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5zZWNvbmRhcnl9O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtvcHRpb25hbFN0ZXBUZXh0ID8gb3B0aW9uYWxTdGVwVGV4dCA6IG51bGx9XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3RlcExhYmVsXG4iXX0= */")
32
- }, children, (0, _react2.jsx)("span", {
33
- css: _ref
34
- }, optionalStepText ? optionalStepText : null));
32
+ css: /*#__PURE__*/(0, _react2.css)("display:flex;flex-direction:column;font-size:16px;color:", completed || active ? _theme.theme.colors.text.primary.primary : _theme.theme.colors.text.primary.secondary, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:StepLabel;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdGVwL1N0ZXBMYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9zdGVwL1N0ZXBMYWJlbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgU3RlcENvbnRleHQgZnJvbSAnLi9TdGVwQ29udGV4dCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbnR5cGUgU3RlcExhYmxlVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbiAgb3B0aW9uYWxTdGVwVGV4dD86IFJlYWN0Tm9kZVxufVxuXG5jb25zdCBTdGVwTGFiZWw6IEZDPFN0ZXBMYWJsZVR5cGVzPiA9ICh7IGNoaWxkcmVuLCBvcHRpb25hbFN0ZXBUZXh0IH0pID0+IHtcbiAgY29uc3QgeyBjb21wbGV0ZWQsIGFjdGl2ZSB9ID0gUmVhY3QudXNlQ29udGV4dChTdGVwQ29udGV4dClcblxuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGRhdGEtdGVzdGlkPVwic3RlcC1sYWJlbFwiXG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgZm9udC1zaXplOiAxNnB4O1xuICAgICAgICBjb2xvcjogJHtjb21wbGV0ZWQgfHwgYWN0aXZlID8gdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5wcmltYXJ5IDogdGhlbWUuY29sb3JzLnRleHQucHJpbWFyeS5zZWNvbmRhcnl9O1xuICAgICAgYH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgICA8c3BhblxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBmb250LXNpemU6IDEycHg7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHtvcHRpb25hbFN0ZXBUZXh0ID8gb3B0aW9uYWxTdGVwVGV4dCA6IG51bGx9XG4gICAgICA8L3NwYW4+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgU3RlcExhYmVsXG4iXX0= */"),
33
+ children: [children, (0, _jsxRuntime.jsx)("span", {
34
+ css: _ref,
35
+ children: optionalStepText ? optionalStepText : null
36
+ })]
37
+ });
35
38
  };
36
- var _default = StepLabel;
37
- exports.default = _default;
39
+ var _default = exports.default = StepLabel;
@@ -8,9 +8,9 @@ var _react = _interopRequireWildcard(require("react"));
8
8
  var _react2 = require("@emotion/react");
9
9
  var _StepperContext = _interopRequireDefault(require("./StepperContext"));
10
10
  var _stepperFeedbackMessage = require("../stepper-feedback-message");
11
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
11
12
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
13
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
13
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
14
14
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
15
15
  const stepperWrapperHorizontalStyles = process.env.NODE_ENV === "production" ? {
16
16
  name: "1eoy87d",
@@ -50,13 +50,15 @@ const StepperProvider = ({
50
50
  stepFeedbackMessage
51
51
  }), [activeStep, sequential, orientation, stepFeedbackMessage]);
52
52
  const displayFeedbackCondition = stepFeedbackMessage && orientation === 'horizontal';
53
- return (0, _react2.jsx)(_StepperContext.default.Provider, {
54
- value: contextValue
55
- }, (0, _react2.jsx)("div", _extends({
56
- css: orientation === 'horizontal' ? stepperWrapperHorizontalStyles : StepperWrapperVerticalStyles
57
- }, other), displayFeedbackCondition ? (0, _react2.jsx)(_stepperFeedbackMessage.StepperFeedbackMessage, {
58
- message: stepFeedbackMessage
59
- }) : steps));
53
+ return (0, _jsxRuntime.jsx)(_StepperContext.default.Provider, {
54
+ value: contextValue,
55
+ children: (0, _jsxRuntime.jsx)("div", {
56
+ css: orientation === 'horizontal' ? stepperWrapperHorizontalStyles : StepperWrapperVerticalStyles,
57
+ ...other,
58
+ children: displayFeedbackCondition ? (0, _jsxRuntime.jsx)(_stepperFeedbackMessage.StepperFeedbackMessage, {
59
+ message: stepFeedbackMessage
60
+ }) : steps
61
+ })
62
+ });
60
63
  };
61
- var _default = /*#__PURE__*/(0, _react.memo)(StepperProvider);
62
- exports.default = _default;
64
+ var _default = exports.default = /*#__PURE__*/(0, _react.memo)(StepperProvider);
@@ -11,5 +11,4 @@ const StepperContext = /*#__PURE__*/_react.default.createContext({
11
11
  orientation: 'horizontal',
12
12
  sequential: true
13
13
  });
14
- var _default = StepperContext;
15
- exports.default = _default;
14
+ var _default = exports.default = StepperContext;
@@ -7,6 +7,7 @@ exports.default = void 0;
7
7
  var _react = require("@emotion/react");
8
8
  var _react2 = _interopRequireDefault(require("react"));
9
9
  var _Spinner = _interopRequireDefault(require("../spinner/Spinner"));
10
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
10
11
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
12
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
12
13
  var _ref = process.env.NODE_ENV === "production" ? {
@@ -20,12 +21,14 @@ var _ref = process.env.NODE_ENV === "production" ? {
20
21
  const StepperFeedbackMessage = ({
21
22
  message
22
23
  }) => {
23
- return (0, _react.jsx)("div", {
24
+ return (0, _jsxRuntime.jsxs)("div", {
24
25
  "data-testid": "stepper-feedback-message",
25
- css: _ref
26
- }, (0, _react.jsx)(_Spinner.default, {
27
- color: "secondary"
28
- }), (0, _react.jsx)("span", null, message));
26
+ css: _ref,
27
+ children: [(0, _jsxRuntime.jsx)(_Spinner.default, {
28
+ color: "secondary"
29
+ }), (0, _jsxRuntime.jsx)("span", {
30
+ children: message
31
+ })]
32
+ });
29
33
  };
30
- var _default = StepperFeedbackMessage;
31
- exports.default = _default;
34
+ var _default = exports.default = StepperFeedbackMessage;
@@ -37,7 +37,5 @@ function legacyGenerateMedia(breakPoints) {
37
37
  tablet
38
38
  };
39
39
  }
40
- const legacyMedia = legacyGenerateMedia(defaultBreakPoints);
41
- exports.legacyMedia = legacyMedia;
42
- var _default = legacyMedia;
43
- exports.default = _default;
40
+ const legacyMedia = exports.legacyMedia = legacyGenerateMedia(defaultBreakPoints);
41
+ var _default = exports.default = legacyMedia;
@@ -6,12 +6,10 @@ Object.defineProperty(exports, "__esModule", {
6
6
  exports.theme = exports.default = void 0;
7
7
  var _colors = require("@dfds-ui/colors");
8
8
  var _spacing = require("@dfds-ui/spacing");
9
- const theme = {
9
+ const theme = exports.theme = {
10
10
  colors: _colors.colors,
11
11
  fontFamily: 'DFDS, Verdana, system-ui, Arial, "Helvetica Neue", Helvetica, sans-serif',
12
12
  spacing: _spacing.spacing,
13
13
  uiRoundness: '2px'
14
14
  };
15
- exports.theme = theme;
16
- var _default = theme;
17
- exports.default = _default;
15
+ var _default = exports.default = theme;
@@ -11,8 +11,8 @@ exports.useSurfaceContext = void 0;
11
11
  var _react = _interopRequireWildcard(require("react"));
12
12
  var _theme = require("@dfds-ui/theme");
13
13
  var _react2 = require("@emotion/react");
14
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
14
15
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
15
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
16
16
  function createSurfaceContextValue(surface) {
17
17
  return {
18
18
  surface,
@@ -29,26 +29,29 @@ function getTextColors(surface) {
29
29
  function getBackgroundColor(surface) {
30
30
  return _theme.theme.colors.surface[surface];
31
31
  }
32
- const SurfaceContext = /*#__PURE__*/_react.default.createContext(undefined);
33
- exports.SurfaceContext = SurfaceContext;
32
+ const SurfaceContext = exports.SurfaceContext = /*#__PURE__*/_react.default.createContext(undefined);
34
33
  const SurfaceProvider = ({
35
34
  children,
36
35
  surface
37
- }) => (0, _react2.jsx)(SurfaceContext.Provider, {
36
+ }) => (0, _jsxRuntime.jsx)(SurfaceContext.Provider, {
38
37
  value: {
39
38
  surface,
40
39
  backgroundColor: getBackgroundColor(surface),
41
40
  textColors: getTextColors(surface)
42
- }
43
- }, children);
41
+ },
42
+ children: children
43
+ });
44
44
  exports.SurfaceProvider = SurfaceProvider;
45
45
  function MaybeSurfaceProvider({
46
46
  surface,
47
47
  ...rest
48
48
  }) {
49
- return surface ? (0, _react2.jsx)(SurfaceProvider, _extends({
50
- surface: surface
51
- }, rest)) : (0, _react2.jsx)(_react.Fragment, rest);
49
+ return surface ? (0, _jsxRuntime.jsx)(SurfaceProvider, {
50
+ surface: surface,
51
+ ...rest
52
+ }) : (0, _jsxRuntime.jsx)(_react.Fragment, {
53
+ ...rest
54
+ });
52
55
  }
53
56
  const useSurfaceContext = surface => {
54
57
  const context = _react.default.useContext(SurfaceContext);
@@ -70,10 +73,13 @@ const Surface = ({
70
73
  children,
71
74
  ...rest
72
75
  }) => {
73
- return (0, _react2.jsx)(SurfaceProvider, {
74
- surface: surface
75
- }, (0, _react2.jsx)("div", _extends({
76
- css: /*#__PURE__*/(0, _react2.css)("background-color:", getBackgroundColor(surface), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Surface;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdXJmYWNlL1N1cmZhY2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlFZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N1cmZhY2UvU3VyZmFjZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgU3VyZmFjZVR5cGUgPSBrZXlvZiB0eXBlb2YgdGhlbWUuY29sb3JzLnN1cmZhY2VcblxuZXhwb3J0IHR5cGUgU3VyZmFjZUNvbnRleHRUeXBlID0ge1xuICBzdXJmYWNlOiBTdXJmYWNlVHlwZVxuICBiYWNrZ3JvdW5kQ29sb3I6IHN0cmluZ1xuICB0ZXh0Q29sb3JzOiB7XG4gICAgcHJpbWFyeTogc3RyaW5nXG4gICAgc2Vjb25kYXJ5OiBzdHJpbmdcbiAgICBkaXNhYmxlZDogc3RyaW5nXG4gIH1cbn1cblxuZnVuY3Rpb24gY3JlYXRlU3VyZmFjZUNvbnRleHRWYWx1ZShzdXJmYWNlOiBTdXJmYWNlVHlwZSkge1xuICByZXR1cm4ge1xuICAgIHN1cmZhY2UsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCYWNrZ3JvdW5kQ29sb3Ioc3VyZmFjZSksXG4gICAgdGV4dENvbG9yczogZ2V0VGV4dENvbG9ycyhzdXJmYWNlKSxcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2V0VGV4dENvbG9ycyhzdXJmYWNlOiBTdXJmYWNlVHlwZSkge1xuICBpZiAoc3VyZmFjZSA9PT0gJ2ludmVydGVkJykge1xuICAgIHJldHVybiB0aGVtZS5jb2xvcnMudGV4dC5saWdodFxuICB9XG4gIHJldHVybiB0aGVtZS5jb2xvcnMudGV4dC5kYXJrXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRCYWNrZ3JvdW5kQ29sb3Ioc3VyZmFjZTogU3VyZmFjZVR5cGUpIHtcbiAgcmV0dXJuIHRoZW1lLmNvbG9ycy5zdXJmYWNlW3N1cmZhY2VdXG59XG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQ8U3VyZmFjZUNvbnRleHRUeXBlIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpXG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlUHJvdmlkZXIgPSAoeyBjaGlsZHJlbiwgc3VyZmFjZSB9OiB7IHN1cmZhY2U6IFN1cmZhY2VUeXBlOyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB9KSA9PiAoXG4gIDxTdXJmYWNlQ29udGV4dC5Qcm92aWRlclxuICAgIHZhbHVlPXt7IHN1cmZhY2UsIGJhY2tncm91bmRDb2xvcjogZ2V0QmFja2dyb3VuZENvbG9yKHN1cmZhY2UpLCB0ZXh0Q29sb3JzOiBnZXRUZXh0Q29sb3JzKHN1cmZhY2UpIH19XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3VyZmFjZUNvbnRleHQuUHJvdmlkZXI+XG4pXG5cbmV4cG9ydCBmdW5jdGlvbiBNYXliZVN1cmZhY2VQcm92aWRlcih7IHN1cmZhY2UsIC4uLnJlc3QgfTogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48eyBzdXJmYWNlPzogU3VyZmFjZVR5cGUgfT4pIHtcbiAgcmV0dXJuIHN1cmZhY2UgPyA8U3VyZmFjZVByb3ZpZGVyIHN1cmZhY2U9e3N1cmZhY2V9IHsuLi5yZXN0fSAvPiA6IDxGcmFnbWVudCB7Li4ucmVzdH0gLz5cbn1cblxuZXhwb3J0IGNvbnN0IHVzZVN1cmZhY2VDb250ZXh0ID0gKHN1cmZhY2U/OiBTdXJmYWNlVHlwZSkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gUmVhY3QudXNlQ29udGV4dChTdXJmYWNlQ29udGV4dClcbiAgLy8gaWYgdGhlIGNvbnN1bWVyIG9mIHRoZSBob29rIHByb3ZpZGVzIGl0J3Mgb3duIHN1cmZhY2Ugd2UgcmV0dXJuIHRoYXRcbiAgaWYgKHN1cmZhY2UgIT09IHVuZGVmaW5lZCkge1xuICAgIHJldHVybiBjcmVhdGVTdXJmYWNlQ29udGV4dFZhbHVlKHN1cmZhY2UpXG4gIH1cbiAgaWYgKGNvbnRleHQgPT09IHVuZGVmaW5lZCkge1xuICAgIHJldHVybiB7IC4uLmNyZWF0ZVN1cmZhY2VDb250ZXh0VmFsdWUoJ21haW4nKSwgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnIH1cbiAgfVxuICByZXR1cm4gY29udGV4dFxufVxuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9ICh7XG4gIHN1cmZhY2UsXG4gIGNoaWxkcmVuLFxuICAuLi5yZXN0XG59OiB7XG4gIHN1cmZhY2U6IFN1cmZhY2VUeXBlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdXJmYWNlUHJvdmlkZXIgc3VyZmFjZT17c3VyZmFjZX0+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0QmFja2dyb3VuZENvbG9yKHN1cmZhY2UpfTtcbiAgICAgICAgYH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvZGl2PlxuICAgIDwvU3VyZmFjZVByb3ZpZGVyPlxuICApXG59XG4iXX0= */")
77
- }, rest), children));
76
+ return (0, _jsxRuntime.jsx)(SurfaceProvider, {
77
+ surface: surface,
78
+ children: (0, _jsxRuntime.jsx)("div", {
79
+ css: /*#__PURE__*/(0, _react2.css)("background-color:", getBackgroundColor(surface), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Surface;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zdXJmYWNlL1N1cmZhY2UudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlFZ0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3N1cmZhY2UvU3VyZmFjZS50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IHR5cGUgU3VyZmFjZVR5cGUgPSBrZXlvZiB0eXBlb2YgdGhlbWUuY29sb3JzLnN1cmZhY2VcblxuZXhwb3J0IHR5cGUgU3VyZmFjZUNvbnRleHRUeXBlID0ge1xuICBzdXJmYWNlOiBTdXJmYWNlVHlwZVxuICBiYWNrZ3JvdW5kQ29sb3I6IHN0cmluZ1xuICB0ZXh0Q29sb3JzOiB7XG4gICAgcHJpbWFyeTogc3RyaW5nXG4gICAgc2Vjb25kYXJ5OiBzdHJpbmdcbiAgICBkaXNhYmxlZDogc3RyaW5nXG4gIH1cbn1cblxuZnVuY3Rpb24gY3JlYXRlU3VyZmFjZUNvbnRleHRWYWx1ZShzdXJmYWNlOiBTdXJmYWNlVHlwZSkge1xuICByZXR1cm4ge1xuICAgIHN1cmZhY2UsXG4gICAgYmFja2dyb3VuZENvbG9yOiBnZXRCYWNrZ3JvdW5kQ29sb3Ioc3VyZmFjZSksXG4gICAgdGV4dENvbG9yczogZ2V0VGV4dENvbG9ycyhzdXJmYWNlKSxcbiAgfVxufVxuXG5leHBvcnQgZnVuY3Rpb24gZ2V0VGV4dENvbG9ycyhzdXJmYWNlOiBTdXJmYWNlVHlwZSkge1xuICBpZiAoc3VyZmFjZSA9PT0gJ2ludmVydGVkJykge1xuICAgIHJldHVybiB0aGVtZS5jb2xvcnMudGV4dC5saWdodFxuICB9XG4gIHJldHVybiB0aGVtZS5jb2xvcnMudGV4dC5kYXJrXG59XG5cbmV4cG9ydCBmdW5jdGlvbiBnZXRCYWNrZ3JvdW5kQ29sb3Ioc3VyZmFjZTogU3VyZmFjZVR5cGUpIHtcbiAgcmV0dXJuIHRoZW1lLmNvbG9ycy5zdXJmYWNlW3N1cmZhY2VdXG59XG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlQ29udGV4dCA9IFJlYWN0LmNyZWF0ZUNvbnRleHQ8U3VyZmFjZUNvbnRleHRUeXBlIHwgdW5kZWZpbmVkPih1bmRlZmluZWQpXG5cbmV4cG9ydCBjb25zdCBTdXJmYWNlUHJvdmlkZXIgPSAoeyBjaGlsZHJlbiwgc3VyZmFjZSB9OiB7IHN1cmZhY2U6IFN1cmZhY2VUeXBlOyBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZSB9KSA9PiAoXG4gIDxTdXJmYWNlQ29udGV4dC5Qcm92aWRlclxuICAgIHZhbHVlPXt7IHN1cmZhY2UsIGJhY2tncm91bmRDb2xvcjogZ2V0QmFja2dyb3VuZENvbG9yKHN1cmZhY2UpLCB0ZXh0Q29sb3JzOiBnZXRUZXh0Q29sb3JzKHN1cmZhY2UpIH19XG4gID5cbiAgICB7Y2hpbGRyZW59XG4gIDwvU3VyZmFjZUNvbnRleHQuUHJvdmlkZXI+XG4pXG5cbmV4cG9ydCBmdW5jdGlvbiBNYXliZVN1cmZhY2VQcm92aWRlcih7IHN1cmZhY2UsIC4uLnJlc3QgfTogUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48eyBzdXJmYWNlPzogU3VyZmFjZVR5cGUgfT4pIHtcbiAgcmV0dXJuIHN1cmZhY2UgPyA8U3VyZmFjZVByb3ZpZGVyIHN1cmZhY2U9e3N1cmZhY2V9IHsuLi5yZXN0fSAvPiA6IDxGcmFnbWVudCB7Li4ucmVzdH0gLz5cbn1cblxuZXhwb3J0IGNvbnN0IHVzZVN1cmZhY2VDb250ZXh0ID0gKHN1cmZhY2U/OiBTdXJmYWNlVHlwZSkgPT4ge1xuICBjb25zdCBjb250ZXh0ID0gUmVhY3QudXNlQ29udGV4dChTdXJmYWNlQ29udGV4dClcbiAgLy8gaWYgdGhlIGNvbnN1bWVyIG9mIHRoZSBob29rIHByb3ZpZGVzIGl0J3Mgb3duIHN1cmZhY2Ugd2UgcmV0dXJuIHRoYXRcbiAgaWYgKHN1cmZhY2UgIT09IHVuZGVmaW5lZCkge1xuICAgIHJldHVybiBjcmVhdGVTdXJmYWNlQ29udGV4dFZhbHVlKHN1cmZhY2UpXG4gIH1cbiAgaWYgKGNvbnRleHQgPT09IHVuZGVmaW5lZCkge1xuICAgIHJldHVybiB7IC4uLmNyZWF0ZVN1cmZhY2VDb250ZXh0VmFsdWUoJ21haW4nKSwgYmFja2dyb3VuZENvbG9yOiAndHJhbnNwYXJlbnQnIH1cbiAgfVxuICByZXR1cm4gY29udGV4dFxufVxuXG5leHBvcnQgY29uc3QgU3VyZmFjZSA9ICh7XG4gIHN1cmZhY2UsXG4gIGNoaWxkcmVuLFxuICAuLi5yZXN0XG59OiB7XG4gIHN1cmZhY2U6IFN1cmZhY2VUeXBlXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZVxufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTdXJmYWNlUHJvdmlkZXIgc3VyZmFjZT17c3VyZmFjZX0+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7Z2V0QmFja2dyb3VuZENvbG9yKHN1cmZhY2UpfTtcbiAgICAgICAgYH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvZGl2PlxuICAgIDwvU3VyZmFjZVByb3ZpZGVyPlxuICApXG59XG4iXX0= */"),
80
+ ...rest,
81
+ children: children
82
+ })
83
+ });
78
84
  };
79
85
  exports.Surface = Surface;
package/cjs/tab/Tab.js CHANGED
@@ -10,8 +10,8 @@ var _react2 = require("@emotion/react");
10
10
  var _theme = require("@dfds-ui/theme");
11
11
  var _typography = require("@dfds-ui/typography");
12
12
  var _TabsContext = _interopRequireDefault(require("./TabsContext"));
13
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
13
14
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
14
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
15
15
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
16
16
  var _ref = process.env.NODE_ENV === "production" ? {
17
17
  name: "a8s05l",
@@ -39,7 +39,7 @@ const Tab = ({
39
39
  onChange,
40
40
  size
41
41
  } = (0, _TabsContext.default)();
42
- return (0, _react2.jsx)(StyledTab, _extends({
42
+ return (0, _jsxRuntime.jsx)(StyledTab, {
43
43
  type: "button",
44
44
  onClick: event => {
45
45
  !!onChange && onChange(index);
@@ -47,8 +47,9 @@ const Tab = ({
47
47
  },
48
48
  active: index === activeTab,
49
49
  transparent: transparent,
50
- size: size
51
- }, rest), children);
50
+ size: size,
51
+ ...rest,
52
+ children: children
53
+ });
52
54
  };
53
- var _default = Tab;
54
- exports.default = _default;
55
+ var _default = exports.default = Tab;
@@ -7,7 +7,7 @@ exports.default = void 0;
7
7
  var _base = _interopRequireDefault(require("@emotion/styled/base"));
8
8
  var _react = _interopRequireDefault(require("react"));
9
9
  var _TabsContext = _interopRequireDefault(require("./TabsContext"));
10
- var _react2 = require("@emotion/react");
10
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
11
11
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
12
  const StyledTabPanel = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
13
13
  target: "eqh3xez0"
@@ -22,9 +22,9 @@ const TabPanel = ({
22
22
  const {
23
23
  activeTab
24
24
  } = (0, _TabsContext.default)();
25
- return (0, _react2.jsx)(StyledTabPanel, {
26
- active: index === activeTab
27
- }, children);
25
+ return (0, _jsxRuntime.jsx)(StyledTabPanel, {
26
+ active: index === activeTab,
27
+ children: children
28
+ });
28
29
  };
29
- var _default = TabPanel;
30
- exports.default = _default;
30
+ var _default = exports.default = TabPanel;
package/cjs/tab/Tabs.js CHANGED
@@ -12,9 +12,9 @@ var _button = require("../button");
12
12
  var _TabsContext = _interopRequireDefault(require("./TabsContext"));
13
13
  var _theme = require("@dfds-ui/theme");
14
14
  var _system = require("@dfds-ui/icons/system");
15
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
15
16
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
16
17
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
17
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
18
18
  function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
19
19
  const CHEVRON_SCROLL_STEP = 300;
20
20
  const StyledTabs = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
@@ -93,31 +93,32 @@ const Tabs = ({
93
93
  }
94
94
  return;
95
95
  }, [ref, isScrollStart, isScrollEnd, showChevrons, width]);
96
- return (0, _react2.jsx)("div", {
97
- css: _ref
98
- }, showChevrons && (0, _react2.jsx)(ChevronButton, {
99
- type: "button",
100
- size: size,
101
- icon: _system.ChevronLeft,
102
- direction: "left",
103
- disableTooltip: true,
104
- visible: !isScrollStart,
105
- ariaLabel: tabsLabels.scrollLeft,
106
- onClick: () => scrollBy(-CHEVRON_SCROLL_STEP)
107
- }), showChevrons && (0, _react2.jsx)(ChevronButton, {
108
- type: "button",
109
- size: size,
110
- icon: _system.ChevronRight,
111
- direction: "right",
112
- disableTooltip: true,
113
- visible: !isScrollEnd,
114
- ariaLabel: tabsLabels.scrollRight,
115
- onClick: () => scrollBy(CHEVRON_SCROLL_STEP)
116
- }), (0, _react2.jsx)(StyledTabs, _extends({
117
- ref: ref
118
- }, rest, {
119
- transparent: transparent
120
- }), children));
96
+ return (0, _jsxRuntime.jsxs)("div", {
97
+ css: _ref,
98
+ children: [showChevrons && (0, _jsxRuntime.jsx)(ChevronButton, {
99
+ type: "button",
100
+ size: size,
101
+ icon: _system.ChevronLeft,
102
+ direction: "left",
103
+ disableTooltip: true,
104
+ visible: !isScrollStart,
105
+ ariaLabel: tabsLabels.scrollLeft,
106
+ onClick: () => scrollBy(-CHEVRON_SCROLL_STEP)
107
+ }), showChevrons && (0, _jsxRuntime.jsx)(ChevronButton, {
108
+ type: "button",
109
+ size: size,
110
+ icon: _system.ChevronRight,
111
+ direction: "right",
112
+ disableTooltip: true,
113
+ visible: !isScrollEnd,
114
+ ariaLabel: tabsLabels.scrollRight,
115
+ onClick: () => scrollBy(CHEVRON_SCROLL_STEP)
116
+ }), (0, _jsxRuntime.jsx)(StyledTabs, {
117
+ ref: ref,
118
+ ...rest,
119
+ transparent: transparent,
120
+ children: children
121
+ })]
122
+ });
121
123
  };
122
- var _default = Tabs;
123
- exports.default = _default;
124
+ var _default = exports.default = Tabs;
@@ -5,21 +5,21 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.useTabsContext = exports.default = exports.TabsContextProvider = exports.TabsContext = void 0;
7
7
  var _react = _interopRequireWildcard(require("react"));
8
- var _react2 = require("@emotion/react");
8
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
9
9
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
10
- const TabsContext = /*#__PURE__*/(0, _react.createContext)({
10
+ const TabsContext = exports.TabsContext = /*#__PURE__*/(0, _react.createContext)({
11
11
  transparent: false,
12
12
  activeTab: undefined,
13
13
  size: 'm'
14
14
  });
15
- exports.TabsContext = TabsContext;
16
15
  const TabsContextProvider = ({
17
16
  children,
18
17
  value
19
18
  }) => {
20
- return (0, _react2.jsx)(TabsContext.Provider, {
21
- value: value
22
- }, children);
19
+ return (0, _jsxRuntime.jsx)(TabsContext.Provider, {
20
+ value: value,
21
+ children: children
22
+ });
23
23
  };
24
24
  exports.TabsContextProvider = TabsContextProvider;
25
25
  const useTabsContext = () => {
@@ -30,5 +30,4 @@ const useTabsContext = () => {
30
30
  return context;
31
31
  };
32
32
  exports.useTabsContext = useTabsContext;
33
- var _default = useTabsContext;
34
- exports.default = _default;
33
+ var _default = exports.default = useTabsContext;
@@ -7,8 +7,8 @@ exports.useTable = exports.default = exports.Table = void 0;
7
7
  var _react = _interopRequireWildcard(require("react"));
8
8
  var _react2 = require("@emotion/react");
9
9
  var _theme = require("@dfds-ui/theme");
10
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
10
11
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
11
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
12
12
  const TableContext = /*#__PURE__*/(0, _react.createContext)({
13
13
  isInteractive: false,
14
14
  isHeaderSticky: false
@@ -22,23 +22,23 @@ const useTable = () => {
22
22
  };
23
23
  exports.useTable = useTable;
24
24
  const tableStyle = /*#__PURE__*/(0, _react2.css)("background:", _theme.theme.colors.surface.primary, ";position:relative;" + (process.env.NODE_ENV === "production" ? "" : ";label:tableStyle;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy90YWJsZS9UYWJsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUNzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvdGFibGUvVGFibGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IENvbXBvbmVudFByb3BzV2l0aFJlZiwgY3JlYXRlQ29udGV4dCwgZm9yd2FyZFJlZiwgUmVhY3ROb2RlLCB1c2VDb250ZXh0IH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5cbmV4cG9ydCB0eXBlIFRhYmxlUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBUYWJsZSBjb250ZW50XG4gICAqL1xuICBjaGlsZHJlbj86IFJlYWN0Tm9kZVxuXG4gIC8qKlxuICAgKiBFbmFibGVzIGludGVyYWN0aW9uIGVmZmVjdCBvbiB0YWJsZSByb3dzXG4gICAqL1xuICBpc0ludGVyYWN0aXZlPzogYm9vbGVhblxuXG4gIC8qKlxuICAgKiBNYWtlcyB0YWJsZSBoZWFkZXIgc3RpY2t5IHdoZW4gc2Nyb2xsaW5nIChubyBJRSAxMSBzdXBwb3J0KVxuICAgKi9cbiAgaXNIZWFkZXJTdGlja3k/OiBib29sZWFuXG59ICYgQ29tcG9uZW50UHJvcHNXaXRoUmVmPCd0YWJsZSc+XG5cbmV4cG9ydCB0eXBlIFRhYmxlQ29udGV4dFByb3BzID0ge1xuICBpc0ludGVyYWN0aXZlOiBib29sZWFuXG4gIGlzSGVhZGVyU3RpY2t5OiBib29sZWFuXG59XG5cbmNvbnN0IFRhYmxlQ29udGV4dCA9IGNyZWF0ZUNvbnRleHQ8VGFibGVDb250ZXh0UHJvcHM+KHtcbiAgaXNJbnRlcmFjdGl2ZTogZmFsc2UsXG4gIGlzSGVhZGVyU3RpY2t5OiBmYWxzZSxcbn0pXG5cbmV4cG9ydCBjb25zdCB1c2VUYWJsZSA9ICgpID0+IHtcbiAgY29uc3QgY29udGV4dCA9IHVzZUNvbnRleHQoVGFibGVDb250ZXh0KVxuXG4gIGlmIChjb250ZXh0ID09PSB1bmRlZmluZWQpIHtcbiAgICB0aHJvdyBuZXcgRXJyb3IoJ1RhYmxlQ29udGV4dCBtdXN0IGJlIHVzZWQgaW5zaWRlIG9mIGEgVGFibGVDb250ZXh0IHByb3ZpZGVyJylcbiAgfVxuXG4gIHJldHVybiBjb250ZXh0XG59XG5cbmNvbnN0IHRhYmxlU3R5bGUgPSBjc3NgXG4gIGJhY2tncm91bmQ6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2UucHJpbWFyeX07XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbmBcblxuZXhwb3J0IGNvbnN0IFRhYmxlID0gZm9yd2FyZFJlZjxIVE1MVGFibGVFbGVtZW50LCBUYWJsZVByb3BzPihcbiAgKHsgY2hpbGRyZW4sIGlzSGVhZGVyU3RpY2t5ID0gZmFsc2UsIGlzSW50ZXJhY3RpdmUgPSBmYWxzZSwgLi4ucmVzdCB9OiBUYWJsZVByb3BzLCByZWYpID0+IHtcbiAgICByZXR1cm4gKFxuICAgICAgPHRhYmxlIGNzcz17dGFibGVTdHlsZX0gey4uLnJlc3R9IHJlZj17cmVmfT5cbiAgICAgICAgPFRhYmxlQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17eyBpc0ludGVyYWN0aXZlLCBpc0hlYWRlclN0aWNreSB9fT57Y2hpbGRyZW59PC9UYWJsZUNvbnRleHQuUHJvdmlkZXI+XG4gICAgICA8L3RhYmxlPlxuICAgIClcbiAgfVxuKVxuXG5leHBvcnQgZGVmYXVsdCBUYWJsZVxuIl19 */");
25
- const Table = /*#__PURE__*/(0, _react.forwardRef)(({
25
+ const Table = exports.Table = /*#__PURE__*/(0, _react.forwardRef)(({
26
26
  children,
27
27
  isHeaderSticky = false,
28
28
  isInteractive = false,
29
29
  ...rest
30
30
  }, ref) => {
31
- return (0, _react2.jsx)("table", _extends({
32
- css: tableStyle
33
- }, rest, {
34
- ref: ref
35
- }), (0, _react2.jsx)(TableContext.Provider, {
36
- value: {
37
- isInteractive,
38
- isHeaderSticky
39
- }
40
- }, children));
31
+ return (0, _jsxRuntime.jsx)("table", {
32
+ css: tableStyle,
33
+ ...rest,
34
+ ref: ref,
35
+ children: (0, _jsxRuntime.jsx)(TableContext.Provider, {
36
+ value: {
37
+ isInteractive,
38
+ isHeaderSticky
39
+ },
40
+ children: children
41
+ })
42
+ });
41
43
  });
42
- exports.Table = Table;
43
- var _default = Table;
44
- exports.default = _default;
44
+ var _default = exports.default = Table;
@@ -5,17 +5,16 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.default = exports.TableBody = void 0;
7
7
  var _react = _interopRequireWildcard(require("react"));
8
- var _react2 = require("@emotion/react");
8
+ var _jsxRuntime = require("@emotion/react/jsx-runtime");
9
9
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
10
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
11
- const TableBody = /*#__PURE__*/(0, _react.forwardRef)(({
10
+ const TableBody = exports.TableBody = /*#__PURE__*/(0, _react.forwardRef)(({
12
11
  children,
13
12
  ...rest
14
13
  }, ref) => {
15
- return (0, _react2.jsx)("tbody", _extends({}, rest, {
16
- ref: ref
17
- }), children);
14
+ return (0, _jsxRuntime.jsx)("tbody", {
15
+ ...rest,
16
+ ref: ref,
17
+ children: children
18
+ });
18
19
  });
19
- exports.TableBody = TableBody;
20
- var _default = TableBody;
21
- exports.default = _default;
20
+ var _default = exports.default = TableBody;