@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.
- package/accordion/Accordion.js +70 -51
- package/accordion/AccordionContent.js +13 -6
- package/accordion/AccordionSmall.js +52 -38
- package/app-bar/AppBar.js +49 -35
- package/app-bar/AppBarContext.js +7 -6
- package/app-bar/AppBarDrawer.js +13 -6
- package/app-bar/AppBarIconButton.js +10 -5
- package/app-bar/AppBarItem.js +71 -56
- package/assertions/banner/Banner.js +65 -51
- package/assertions/banner/BannerAction.js +10 -5
- package/assertions/banner/BannerTypography.js +9 -4
- package/assertions/toast/Toast.js +28 -17
- package/assertions/toast/Toaster.js +52 -56
- package/badge/Badge.js +17 -9
- package/button/BadgeIcon.js +18 -16
- package/button/Button.js +27 -19
- package/button/IconButton.js +20 -13
- package/button/LinkButton.js +8 -3
- package/button-stack/ButtonStack.js +27 -19
- package/card/Card.js +49 -35
- package/card/CardActions.js +13 -6
- package/card/CardContent.js +19 -9
- package/card/CardMedia.js +15 -6
- package/card/CardPriceTag.js +22 -4
- package/card/CardTitle.js +25 -15
- package/chip/Chip.js +22 -13
- package/cjs/accordion/Accordion.js +63 -50
- package/cjs/accordion/AccordionContent.js +7 -6
- package/cjs/accordion/AccordionSmall.js +45 -37
- package/cjs/app-bar/AppBar.js +45 -35
- package/cjs/app-bar/AppBarContext.js +5 -4
- package/cjs/app-bar/AppBarDrawer.js +7 -7
- package/cjs/app-bar/AppBarIconButton.js +6 -6
- package/cjs/app-bar/AppBarItem.js +63 -54
- package/cjs/app-bar/AppBarListItem.js +1 -2
- package/cjs/assertions/banner/Banner.js +56 -49
- package/cjs/assertions/banner/BannerAction.js +5 -4
- package/cjs/assertions/banner/BannerTypography.js +9 -7
- package/cjs/assertions/toast/Toast.js +22 -17
- package/cjs/assertions/toast/Toaster.js +36 -28
- package/cjs/badge/Badge.js +11 -7
- package/cjs/button/BadgeIcon.js +19 -17
- package/cjs/button/BaseButton.js +2 -4
- package/cjs/button/Button.js +21 -19
- package/cjs/button/IconButton.js +15 -14
- package/cjs/button/LinkButton.js +6 -6
- package/cjs/button/button-style.js +8 -15
- package/cjs/button-stack/ButtonStack.js +19 -17
- package/cjs/card/Card.js +39 -29
- package/cjs/card/CardActions.js +7 -7
- package/cjs/card/CardContent.js +13 -9
- package/cjs/card/CardMedia.js +9 -6
- package/cjs/card/CardPriceTag.js +16 -4
- package/cjs/card/CardTitle.js +16 -12
- package/cjs/chip/Chip.js +18 -15
- package/cjs/common/LockBodyScroll.js +15 -11
- package/cjs/common/emotionCloneElement.js +1 -2
- package/cjs/common/polymorphic.js +9 -5
- package/cjs/counter/Counter.js +50 -43
- package/cjs/counter/PluralCounter.js +13 -11
- package/cjs/data-table/DataTable.js +45 -37
- package/cjs/date-range-picker/DateRangePicker.d.ts +4 -4
- package/cjs/date-range-picker/DateRangePicker.js +276 -207
- package/cjs/date-range-picker/DateRangePicker.styles.d.ts +6 -0
- package/cjs/date-range-picker/DateRangePicker.styles.js +14 -0
- package/cjs/divider/Divider.js +6 -6
- package/cjs/drawer/Drawer.js +10 -8
- package/cjs/dropdown-menu/Dropdown.js +34 -29
- package/cjs/dropdown-menu/DropdownContext.js +7 -8
- package/cjs/dropdown-menu/MenuCheckbox.js +24 -23
- package/cjs/dropdown-menu/MenuItem.js +30 -28
- package/cjs/dropdown-menu/MenuTitle.js +15 -12
- package/cjs/elevation/index.js +1 -2
- package/cjs/flexbox/FlexBox.js +2 -4
- package/cjs/footer/Footer.js +10 -6
- package/cjs/forms/assistive-text/AssistiveText.js +1 -2
- package/cjs/forms/asterisk/Asterisk.js +5 -4
- package/cjs/forms/checkbox/Checkbox.js +36 -31
- package/cjs/forms/checkbox/ExampleControlComponent.js +7 -7
- package/cjs/forms/email-field/EmailField.js +7 -7
- package/cjs/forms/error-text/ErrorText.js +1 -2
- package/cjs/forms/field/Field.js +10 -6
- package/cjs/forms/input/Input.js +23 -21
- package/cjs/forms/input/InputComposition.js +29 -23
- package/cjs/forms/label/Label.js +6 -3
- package/cjs/forms/number-field/NumberField.js +6 -6
- package/cjs/forms/password-field/PasswordField.js +10 -10
- package/cjs/forms/radio/Radio.js +20 -19
- package/cjs/forms/reactselect/ReactSelect.js +70 -61
- package/cjs/forms/searchable-select/AsyncSearchableSelect.js +47 -38
- package/cjs/forms/select/Select.js +25 -22
- package/cjs/forms/select-field/SelectField.js +33 -29
- package/cjs/forms/switch/Switch.js +28 -22
- package/cjs/forms/tel-field/TelField.js +7 -7
- package/cjs/forms/text-field/TextField.js +37 -34
- package/cjs/global-styles/GlobalStyles.js +3 -2
- package/cjs/global-styles/ResetStyles.js +2 -1
- package/cjs/global-styles/sanitize.js +2 -3
- package/cjs/grid/Column.js +7 -7
- package/cjs/grid/Container.js +34 -29
- package/cjs/hero/Hero.js +32 -12
- package/cjs/hero/stripes.js +177 -162
- package/cjs/ie-banner/IEBanner.js +13 -8
- package/cjs/layout/LayoutLegacy.js +2 -1
- package/cjs/lists/FeatureList.js +16 -13
- package/cjs/lists/ListAddon.js +10 -7
- package/cjs/lists/ListDivider.js +6 -6
- package/cjs/lists/ListIcon.js +6 -6
- package/cjs/lists/ListItem.js +7 -6
- package/cjs/lists/ListText.js +6 -6
- package/cjs/lists/ListTextGroup.js +6 -6
- package/cjs/lists/ListTitle.js +6 -6
- package/cjs/loader/DfdsLoader.js +27 -21
- package/cjs/loader/Loader.js +9 -3
- package/cjs/localization/LocaleFlag.js +5 -4
- package/cjs/localization/locales.js +3 -6
- package/cjs/logo/Logo.js +12 -9
- package/cjs/media/index.js +1 -2
- package/cjs/menu/Menu.js +22 -15
- package/cjs/mobile-stepper/MobileStepper.js +17 -15
- package/cjs/nav-bar/NavBar.js +34 -24
- package/cjs/nav-menu/NavMenuItem.js +13 -11
- package/cjs/pagination/Pagination.js +50 -38
- package/cjs/pagination/Pagination.styles.js +6 -12
- package/cjs/popper/Popper.js +21 -17
- package/cjs/progress-bar/ProgressBar.js +3 -3
- package/cjs/schedule/ScheduleItem.js +11 -8
- package/cjs/schedule/ScheduleList.js +10 -11
- package/cjs/side-sheet/SideSheet.js +41 -33
- package/cjs/side-sheet/SideSheetCloseButton.js +6 -6
- package/cjs/side-sheet/SideSheetContent.js +10 -7
- package/cjs/side-sheet/SideSheetFooter.js +10 -7
- package/cjs/side-sheet/SideSheetHeader.js +10 -7
- package/cjs/side-sheet/SideSheetHeadline.js +6 -5
- package/cjs/site-layout/SiteLayout.js +30 -19
- package/cjs/skeleton/Skeleton.js +6 -6
- package/cjs/social-media-link-list/SocialMediaLinkList.js +64 -58
- package/cjs/spinner/Spinner.js +13 -13
- package/cjs/step/Step.js +29 -20
- package/cjs/step/Step.styles.js +4 -8
- package/cjs/step/StepButton.js +26 -23
- package/cjs/step/StepContent.js +12 -10
- package/cjs/step/StepContext.js +1 -2
- package/cjs/step/StepLabel.js +9 -7
- package/cjs/stepper/Stepper.js +12 -10
- package/cjs/stepper/StepperContext.js +1 -2
- package/cjs/stepper-feedback-message/StepperFeedbackMessage.js +10 -7
- package/cjs/styles/media.js +2 -4
- package/cjs/styles/theme.js +2 -4
- package/cjs/surface/Surface.js +20 -14
- package/cjs/tab/Tab.js +7 -6
- package/cjs/tab/TabPanel.js +6 -6
- package/cjs/tab/Tabs.js +29 -28
- package/cjs/tab/TabsContext.js +7 -8
- package/cjs/table/Table.js +15 -15
- package/cjs/table/TableBody.js +8 -9
- package/cjs/table/TableDataCell.js +9 -10
- package/cjs/table/TableHead.js +10 -12
- package/cjs/table/TableHeaderCell.js +9 -10
- package/cjs/table/TableRow.js +9 -10
- package/cjs/test/Test.js +5 -4
- package/cjs/tooltip/Tooltip.js +28 -22
- package/cjs/typography/Headlines.js +14 -20
- package/cjs/typography/Text.js +2 -3
- package/common/LockBodyScroll.js +20 -10
- package/common/polymorphic.js +9 -3
- package/common/use-media.js +2 -2
- package/counter/Counter.js +50 -42
- package/counter/PluralCounter.js +20 -11
- package/data-table/DataTable.js +52 -38
- package/date-range-picker/DateRangePicker.d.ts +4 -4
- package/date-range-picker/DateRangePicker.js +319 -238
- package/date-range-picker/DateRangePicker.styles.d.ts +6 -0
- package/date-range-picker/DateRangePicker.styles.js +9 -0
- package/divider/Divider.js +10 -5
- package/drawer/Drawer.js +15 -6
- package/dropdown-menu/Dropdown.js +42 -31
- package/dropdown-menu/DropdownContext.js +5 -4
- package/dropdown-menu/MenuCheckbox.js +24 -17
- package/dropdown-menu/MenuItem.js +26 -18
- package/dropdown-menu/MenuTitle.js +14 -11
- package/flexbox/FlexBox.js +2 -2
- package/footer/Footer.js +9 -4
- package/forms/asterisk/Asterisk.js +4 -2
- package/forms/checkbox/Checkbox.js +42 -32
- package/forms/checkbox/ExampleControlComponent.js +15 -8
- package/forms/email-field/EmailField.js +8 -3
- package/forms/field/Field.js +9 -4
- package/forms/input/Input.js +29 -22
- package/forms/input/InputComposition.js +29 -17
- package/forms/label/Label.js +12 -4
- package/forms/number-field/NumberField.js +8 -3
- package/forms/password-field/PasswordField.js +15 -9
- package/forms/radio/Radio.js +25 -18
- package/forms/reactselect/ReactSelect.js +65 -57
- package/forms/searchable-select/AsyncSearchableSelect.js +50 -38
- package/forms/select/Select.js +31 -23
- package/forms/select-field/SelectField.js +38 -29
- package/forms/switch/Switch.js +35 -23
- package/forms/tel-field/TelField.js +8 -3
- package/forms/text-field/TextField.js +43 -34
- package/global-styles/GlobalStyles.js +3 -3
- package/global-styles/ResetStyles.js +2 -2
- package/grid/Column.js +14 -7
- package/grid/Container.js +41 -35
- package/hero/Hero.js +32 -10
- package/hero/stripes.js +176 -160
- package/ie-banner/IEBanner.js +14 -8
- package/layout/LayoutLegacy.js +2 -2
- package/lists/FeatureList.js +21 -11
- package/lists/ListAddon.js +13 -6
- package/lists/ListDivider.js +10 -5
- package/lists/ListIcon.js +10 -5
- package/lists/ListItem.js +13 -6
- package/lists/ListText.js +10 -5
- package/lists/ListTextGroup.js +10 -5
- package/lists/ListTitle.js +10 -5
- package/loader/DfdsLoader.js +25 -19
- package/loader/Loader.js +8 -2
- package/localization/LocaleFlag.js +10 -5
- package/logo/Logo.js +14 -7
- package/menu/Menu.js +25 -12
- package/mobile-stepper/MobileStepper.js +26 -18
- package/nav-bar/NavBar.js +41 -23
- package/nav-menu/NavMenuItem.js +12 -10
- package/package.json +14 -16
- package/pagination/Pagination.js +53 -35
- package/popper/Popper.js +27 -17
- package/progress-bar/ProgressBar.js +2 -2
- package/schedule/ScheduleItem.js +9 -4
- package/schedule/ScheduleList.js +16 -10
- package/side-sheet/SideSheet.js +47 -34
- package/side-sheet/SideSheetCloseButton.js +10 -5
- package/side-sheet/SideSheetContent.js +17 -8
- package/side-sheet/SideSheetFooter.js +17 -8
- package/side-sheet/SideSheetHeader.js +17 -8
- package/side-sheet/SideSheetHeadline.js +5 -4
- package/site-layout/SiteLayout.js +31 -12
- package/skeleton/Skeleton.js +10 -5
- package/social-media-link-list/SocialMediaLinkList.js +69 -55
- package/spinner/Spinner.js +17 -10
- package/step/Step.js +34 -20
- package/step/StepButton.js +23 -15
- package/step/StepContent.js +11 -9
- package/step/StepLabel.js +8 -6
- package/stepper/Stepper.js +13 -11
- package/stepper-feedback-message/StepperFeedbackMessage.js +9 -6
- package/surface/Surface.js +17 -14
- package/tab/Tab.js +13 -6
- package/tab/TabPanel.js +5 -4
- package/tab/Tabs.js +42 -35
- package/tab/TabsContext.js +5 -4
- package/table/Table.js +20 -13
- package/table/TableBody.js +13 -7
- package/table/TableDataCell.js +14 -8
- package/table/TableHead.js +10 -8
- package/table/TableHeaderCell.js +14 -8
- package/table/TableRow.js +11 -10
- package/test/Test.js +4 -2
- package/tooltip/Tooltip.js +31 -21
- package/typography/Headlines.js +13 -6
- package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
- package/cjs/date-range-picker/DatePickerDefaultStyles.js +0 -19
- package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +0 -2
- package/cjs/date-range-picker/DatePickerDfdsStyles.js +0 -11
- package/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
- package/date-range-picker/DatePickerDefaultStyles.js +0 -12
- package/date-range-picker/DatePickerDfdsStyles.d.ts +0 -2
- package/date-range-picker/DatePickerDfdsStyles.js +0 -4
package/cjs/step/StepButton.js
CHANGED
|
@@ -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,
|
|
41
|
+
return (0, _jsxRuntime.jsx)(_button.IconButton, {
|
|
42
42
|
disabled: disabled,
|
|
43
|
-
"data-testid": "step-button-error"
|
|
44
|
-
|
|
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,
|
|
53
|
-
disabled: disabled
|
|
54
|
-
|
|
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,
|
|
65
|
-
disabled: disabled
|
|
66
|
-
|
|
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,
|
|
79
|
+
return (0, _jsxRuntime.jsx)(_button.Button, {
|
|
80
80
|
disabled: disabled,
|
|
81
|
-
"data-testid": "step-button-index"
|
|
82
|
-
|
|
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
|
-
|
|
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,
|
|
104
|
+
return (0, _jsxRuntime.jsx)("div", {
|
|
104
105
|
"data-testid": "step-button",
|
|
105
|
-
css: _ref
|
|
106
|
-
|
|
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;
|
package/cjs/step/StepContent.js
CHANGED
|
@@ -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,
|
|
36
|
+
return (0, _jsxRuntime.jsx)("div", {
|
|
36
37
|
"data-testid": "step-content",
|
|
37
|
-
css: _ref2
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
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;
|
package/cjs/step/StepContext.js
CHANGED
package/cjs/step/StepLabel.js
CHANGED
|
@@ -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,
|
|
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
|
-
|
|
33
|
-
|
|
34
|
-
|
|
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;
|
package/cjs/stepper/Stepper.js
CHANGED
|
@@ -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,
|
|
54
|
-
value: contextValue
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
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);
|
|
@@ -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,
|
|
24
|
+
return (0, _jsxRuntime.jsxs)("div", {
|
|
24
25
|
"data-testid": "stepper-feedback-message",
|
|
25
|
-
css: _ref
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
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;
|
package/cjs/styles/media.js
CHANGED
|
@@ -37,7 +37,5 @@ function legacyGenerateMedia(breakPoints) {
|
|
|
37
37
|
tablet
|
|
38
38
|
};
|
|
39
39
|
}
|
|
40
|
-
const legacyMedia = legacyGenerateMedia(defaultBreakPoints);
|
|
41
|
-
exports.
|
|
42
|
-
var _default = legacyMedia;
|
|
43
|
-
exports.default = _default;
|
|
40
|
+
const legacyMedia = exports.legacyMedia = legacyGenerateMedia(defaultBreakPoints);
|
|
41
|
+
var _default = exports.default = legacyMedia;
|
package/cjs/styles/theme.js
CHANGED
|
@@ -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.
|
|
16
|
-
var _default = theme;
|
|
17
|
-
exports.default = _default;
|
|
15
|
+
var _default = exports.default = theme;
|
package/cjs/surface/Surface.js
CHANGED
|
@@ -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,
|
|
36
|
+
}) => (0, _jsxRuntime.jsx)(SurfaceContext.Provider, {
|
|
38
37
|
value: {
|
|
39
38
|
surface,
|
|
40
39
|
backgroundColor: getBackgroundColor(surface),
|
|
41
40
|
textColors: getTextColors(surface)
|
|
42
|
-
}
|
|
43
|
-
|
|
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,
|
|
50
|
-
surface: surface
|
|
51
|
-
|
|
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,
|
|
74
|
-
surface: surface
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
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,
|
|
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
|
-
|
|
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;
|
package/cjs/tab/TabPanel.js
CHANGED
|
@@ -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
|
|
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,
|
|
26
|
-
active: index === activeTab
|
|
27
|
-
|
|
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,
|
|
97
|
-
css: _ref
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
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;
|
package/cjs/tab/TabsContext.js
CHANGED
|
@@ -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
|
|
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,
|
|
21
|
-
value: value
|
|
22
|
-
|
|
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;
|
package/cjs/table/Table.js
CHANGED
|
@@ -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,
|
|
32
|
-
css: tableStyle
|
|
33
|
-
|
|
34
|
-
ref: ref
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
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.
|
|
43
|
-
var _default = Table;
|
|
44
|
-
exports.default = _default;
|
|
44
|
+
var _default = exports.default = Table;
|
package/cjs/table/TableBody.js
CHANGED
|
@@ -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
|
|
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
|
-
|
|
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,
|
|
16
|
-
|
|
17
|
-
|
|
14
|
+
return (0, _jsxRuntime.jsx)("tbody", {
|
|
15
|
+
...rest,
|
|
16
|
+
ref: ref,
|
|
17
|
+
children: children
|
|
18
|
+
});
|
|
18
19
|
});
|
|
19
|
-
exports.
|
|
20
|
-
var _default = TableBody;
|
|
21
|
-
exports.default = _default;
|
|
20
|
+
var _default = exports.default = TableBody;
|