@dfds-ui/react-components 2.0.21 → 2.0.23-alpha.01f1f4d4
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/app-bar/AppBarItem.d.ts +1 -1
- package/cjs/global-styles/GlobalStyles.js +11 -25
- package/cjs/layout/LayoutLegacy.js +10 -20
- package/global-styles/GlobalStyles.js +11 -24
- package/layout/LayoutLegacy.js +10 -19
- package/package.json +11 -11
- package/cjs/accordion/Accordion.d.ts +0 -101
- package/cjs/accordion/AccordionContent.d.ts +0 -13
- package/cjs/accordion/AccordionSmall.d.ts +0 -55
- package/cjs/accordion/index.d.ts +0 -3
- package/cjs/app-bar/AppBar.d.ts +0 -13
- package/cjs/app-bar/AppBarContext.d.ts +0 -12
- package/cjs/app-bar/AppBarDrawer.d.ts +0 -5
- package/cjs/app-bar/AppBarIconButton.d.ts +0 -10
- package/cjs/app-bar/AppBarItem.d.ts +0 -23
- package/cjs/app-bar/AppBarListItem.d.ts +0 -16
- package/cjs/app-bar/index.d.ts +0 -7
- package/cjs/assertions/banner/Banner.d.ts +0 -74
- package/cjs/assertions/banner/BannerAction.d.ts +0 -19
- package/cjs/assertions/banner/BannerTypography.d.ts +0 -7
- package/cjs/assertions/banner/index.d.ts +0 -3
- package/cjs/assertions/index.d.ts +0 -2
- package/cjs/assertions/toast/Toast.d.ts +0 -11
- package/cjs/assertions/toast/Toaster.d.ts +0 -19
- package/cjs/assertions/toast/index.d.ts +0 -2
- package/cjs/badge/Badge.d.ts +0 -26
- package/cjs/badge/index.d.ts +0 -2
- package/cjs/button/BadgeIcon.d.ts +0 -7
- package/cjs/button/BaseButton.d.ts +0 -14
- package/cjs/button/Button.d.ts +0 -19
- package/cjs/button/IconButton.d.ts +0 -75
- package/cjs/button/LinkButton.d.ts +0 -8
- package/cjs/button/button-style.d.ts +0 -7
- package/cjs/button/index.d.ts +0 -7
- package/cjs/button-stack/ButtonStack.d.ts +0 -11
- package/cjs/button-stack/index.d.ts +0 -1
- package/cjs/card/Card.d.ts +0 -18
- package/cjs/card/CardActions.d.ts +0 -4
- package/cjs/card/CardContent.d.ts +0 -13
- package/cjs/card/CardMedia.d.ts +0 -18
- package/cjs/card/CardPriceTag.d.ts +0 -25
- package/cjs/card/CardTitle.d.ts +0 -18
- package/cjs/card/index.d.ts +0 -6
- package/cjs/chip/Chip.d.ts +0 -19
- package/cjs/chip/index.d.ts +0 -2
- package/cjs/common/LockBodyScroll.d.ts +0 -25
- package/cjs/common/arrow.d.ts +0 -6
- package/cjs/common/emotionCloneElement.d.ts +0 -3
- package/cjs/common/intent.d.ts +0 -3
- package/cjs/common/miniMoize.d.ts +0 -1
- package/cjs/common/polymorphic.d.ts +0 -25
- package/cjs/common/use-media.d.ts +0 -1
- package/cjs/common/useOnClickOutside.d.ts +0 -4
- package/cjs/common/utils.d.ts +0 -3
- package/cjs/counter/Counter.d.ts +0 -26
- package/cjs/counter/PluralCounter.d.ts +0 -13
- package/cjs/counter/index.d.ts +0 -2
- package/cjs/data-table/DataTable.d.ts +0 -10
- package/cjs/data-table/index.d.ts +0 -1
- package/cjs/date-range-picker/DatePickerDefaultStyles.d.ts +0 -2
- package/cjs/date-range-picker/DatePickerDfdsStyles.d.ts +0 -2
- package/cjs/date-range-picker/DateRangePicker.d.ts +0 -33
- package/cjs/date-range-picker/index.d.ts +0 -1
- package/cjs/divider/Divider.d.ts +0 -26
- package/cjs/divider/index.d.ts +0 -1
- package/cjs/drawer/Drawer.d.ts +0 -31
- package/cjs/drawer/index.d.ts +0 -1
- package/cjs/dropdown-menu/Dropdown.d.ts +0 -46
- package/cjs/dropdown-menu/DropdownContext.d.ts +0 -13
- package/cjs/dropdown-menu/MenuCheckbox.d.ts +0 -34
- package/cjs/dropdown-menu/MenuItem.d.ts +0 -45
- package/cjs/dropdown-menu/MenuTitle.d.ts +0 -14
- package/cjs/dropdown-menu/index.d.ts +0 -5
- package/cjs/elevation/index.d.ts +0 -3
- package/cjs/flexbox/FlexBox.d.ts +0 -100
- package/cjs/flexbox/index.d.ts +0 -1
- package/cjs/footer/Footer.d.ts +0 -7
- package/cjs/footer/index.d.ts +0 -1
- package/cjs/forms/assistive-text/AssistiveText.d.ts +0 -8
- package/cjs/forms/asterisk/Asterisk.d.ts +0 -3
- package/cjs/forms/checkbox/Checkbox.d.ts +0 -39
- package/cjs/forms/checkbox/ExampleControlComponent.d.ts +0 -10
- package/cjs/forms/checkbox/index.d.ts +0 -1
- package/cjs/forms/email-field/EmailField.d.ts +0 -6
- package/cjs/forms/error-text/ErrorText.d.ts +0 -8
- package/cjs/forms/field/Field.d.ts +0 -10
- package/cjs/forms/index.d.ts +0 -21
- package/cjs/forms/input/Input.d.ts +0 -19
- package/cjs/forms/input/InputComposition.d.ts +0 -43
- package/cjs/forms/label/Label.d.ts +0 -10
- package/cjs/forms/number-field/NumberField.d.ts +0 -6
- package/cjs/forms/password-field/PasswordField.d.ts +0 -4
- package/cjs/forms/radio/Radio.d.ts +0 -35
- package/cjs/forms/reactselect/ReactSelect.d.ts +0 -25
- package/cjs/forms/searchable-select/AsyncSearchableSelect.d.ts +0 -6
- package/cjs/forms/select/Select.d.ts +0 -16
- package/cjs/forms/select-field/SelectField.d.ts +0 -17
- package/cjs/forms/switch/Switch.d.ts +0 -13
- package/cjs/forms/tel-field/TelField.d.ts +0 -6
- package/cjs/forms/text-field/TextField.d.ts +0 -26
- package/cjs/global-styles/GlobalStyles.d.ts +0 -3
- package/cjs/global-styles/ResetStyles.d.ts +0 -9
- package/cjs/global-styles/sanitize.d.ts +0 -1
- package/cjs/grid/Column.d.ts +0 -10
- package/cjs/grid/Container.d.ts +0 -15
- package/cjs/grid/index.d.ts +0 -2
- package/cjs/hero/Hero.d.ts +0 -10
- package/cjs/hero/index.d.ts +0 -1
- package/cjs/hero/stripes.d.ts +0 -6
- package/cjs/ie-banner/IEBanner.d.ts +0 -11
- package/cjs/ie-banner/index.d.ts +0 -1
- package/cjs/index.d.ts +0 -44
- package/cjs/layout/LayoutLegacy.d.ts +0 -2
- package/cjs/lists/FeatureList.d.ts +0 -24
- package/cjs/lists/ListAddon.d.ts +0 -11
- package/cjs/lists/ListDivider.d.ts +0 -5
- package/cjs/lists/ListIcon.d.ts +0 -18
- package/cjs/lists/ListItem.d.ts +0 -46
- package/cjs/lists/ListText.d.ts +0 -39
- package/cjs/lists/ListTextGroup.d.ts +0 -15
- package/cjs/lists/ListTitle.d.ts +0 -4
- package/cjs/lists/index.d.ts +0 -8
- package/cjs/loader/DfdsLoader.d.ts +0 -9
- package/cjs/loader/Loader.d.ts +0 -6
- package/cjs/loader/index.d.ts +0 -2
- package/cjs/localization/LocaleFlag.d.ts +0 -13
- package/cjs/localization/index.d.ts +0 -2
- package/cjs/localization/locales.d.ts +0 -35
- package/cjs/logo/Logo.d.ts +0 -11
- package/cjs/logo/index.d.ts +0 -1
- package/cjs/media/index.d.ts +0 -2
- package/cjs/menu/Menu.d.ts +0 -7
- package/cjs/menu/index.d.ts +0 -2
- package/cjs/mobile-stepper/MobileStepper.d.ts +0 -25
- package/cjs/mobile-stepper/index.d.ts +0 -1
- package/cjs/nav-bar/NavBar.d.ts +0 -35
- package/cjs/nav-bar/index.d.ts +0 -2
- package/cjs/nav-menu/NavMenuItem.d.ts +0 -10
- package/cjs/nav-menu/index.d.ts +0 -1
- package/cjs/pagination/Pagination.d.ts +0 -44
- package/cjs/pagination/Pagination.styles.d.ts +0 -6
- package/cjs/pagination/index.d.ts +0 -1
- package/cjs/popper/Popper.d.ts +0 -29
- package/cjs/popper/index.d.ts +0 -1
- package/cjs/progress-bar/ProgressBar.d.ts +0 -8
- package/cjs/progress-bar/index.d.ts +0 -2
- package/cjs/schedule/ScheduleItem.d.ts +0 -21
- package/cjs/schedule/ScheduleList.d.ts +0 -11
- package/cjs/schedule/index.d.ts +0 -2
- package/cjs/side-sheet/SideSheet.d.ts +0 -57
- package/cjs/side-sheet/SideSheetCloseButton.d.ts +0 -13
- package/cjs/side-sheet/SideSheetContent.d.ts +0 -7
- package/cjs/side-sheet/SideSheetFooter.d.ts +0 -7
- package/cjs/side-sheet/SideSheetHeader.d.ts +0 -9
- package/cjs/side-sheet/SideSheetHeadline.d.ts +0 -7
- package/cjs/side-sheet/index.d.ts +0 -4
- package/cjs/site-layout/SiteLayout.d.ts +0 -36
- package/cjs/site-layout/index.d.ts +0 -2
- package/cjs/skeleton/Skeleton.d.ts +0 -8
- package/cjs/skeleton/index.d.ts +0 -1
- package/cjs/social-media-link-list/SocialMediaLinkList.d.ts +0 -26
- package/cjs/social-media-link-list/index.d.ts +0 -1
- package/cjs/spinner/Spinner.d.ts +0 -58
- package/cjs/spinner/index.d.ts +0 -1
- package/cjs/step/Step.d.ts +0 -45
- package/cjs/step/Step.styles.d.ts +0 -4
- package/cjs/step/StepButton.d.ts +0 -4
- package/cjs/step/StepContent.d.ts +0 -6
- package/cjs/step/StepContext.d.ts +0 -12
- package/cjs/step/StepLabel.d.ts +0 -7
- package/cjs/step/index.d.ts +0 -1
- package/cjs/stepper/Stepper.d.ts +0 -25
- package/cjs/stepper/StepperContext.d.ts +0 -9
- package/cjs/stepper/index.d.ts +0 -1
- package/cjs/stepper-feedback-message/StepperFeedbackMessage.d.ts +0 -5
- package/cjs/stepper-feedback-message/index.d.ts +0 -1
- package/cjs/styles/index.d.ts +0 -3
- package/cjs/styles/media.d.ts +0 -21
- package/cjs/styles/rem.d.ts +0 -1
- package/cjs/styles/style-helpers.d.ts +0 -1
- package/cjs/styles/theme.d.ts +0 -39
- package/cjs/surface/Surface.d.ts +0 -32
- package/cjs/surface/index.d.ts +0 -1
- package/cjs/tab/Tab.d.ts +0 -12
- package/cjs/tab/TabPanel.d.ts +0 -7
- package/cjs/tab/Tabs.d.ts +0 -11
- package/cjs/tab/TabsContext.d.ts +0 -16
- package/cjs/tab/index.d.ts +0 -4
- package/cjs/table/Table.d.ts +0 -22
- package/cjs/table/TableBody.d.ts +0 -9
- package/cjs/table/TableDataCell.d.ts +0 -14
- package/cjs/table/TableHead.d.ts +0 -14
- package/cjs/table/TableHeaderCell.d.ts +0 -15
- package/cjs/table/TableRow.d.ts +0 -17
- package/cjs/table/index.d.ts +0 -6
- package/cjs/test/Test.d.ts +0 -8
- package/cjs/tooltip/Tooltip.d.ts +0 -26
- package/cjs/tooltip/index.d.ts +0 -2
- package/cjs/typography/Headlines.d.ts +0 -70
- package/cjs/typography/Text.d.ts +0 -5
- package/cjs/typography/index.d.ts +0 -2
package/app-bar/AppBarItem.d.ts
CHANGED
|
@@ -17,7 +17,7 @@ export declare type AppBarItemProps = {
|
|
|
17
17
|
export declare const MenuPopOverContext: React.Context<{
|
|
18
18
|
handlePopoverClose: () => void;
|
|
19
19
|
} | undefined>;
|
|
20
|
-
export declare const AppBarPopper: import("@emotion/styled").StyledComponent<
|
|
20
|
+
export declare const AppBarPopper: import("@emotion/styled").StyledComponent<PopperProps & React.RefAttributes<HTMLDivElement> & {
|
|
21
21
|
theme?: import("@emotion/react").Theme | undefined;
|
|
22
22
|
}, {}, {}>;
|
|
23
23
|
export declare const AppBarItem: React.FC<AppBarItemProps & JSX.IntrinsicElements['a']>;
|
|
@@ -9,48 +9,35 @@ var _react2 = require("@emotion/react");
|
|
|
9
9
|
var _sanitize = require("./sanitize");
|
|
10
10
|
var _theme = require("@dfds-ui/theme");
|
|
11
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
-
// import regular from '@dfds-ui/fonts/fonts/DFDS-Regular.woff'
|
|
13
12
|
// import regular2 from '@dfds-ui/fonts/fonts/DFDS-Regular.woff2'
|
|
14
|
-
// import italic from '@dfds-ui/fonts/fonts/DFDS-Italic.woff'
|
|
15
13
|
// import italic2 from '@dfds-ui/fonts/fonts/DFDS-Italic.woff2'
|
|
16
|
-
// import bold from '@dfds-ui/fonts/fonts/DFDS-Bold.woff'
|
|
17
14
|
// import bold2 from '@dfds-ui/fonts/fonts/DFDS-Bold.woff2'
|
|
18
|
-
// import light from '@dfds-ui/fonts/fonts/DFDS-Light.woff'
|
|
19
15
|
// import light2 from '@dfds-ui/fonts/fonts/DFDS-Light.woff2'
|
|
20
16
|
|
|
21
|
-
const regular = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Regular.
|
|
22
|
-
const
|
|
23
|
-
const
|
|
24
|
-
const
|
|
25
|
-
const bold = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Bold.woff';
|
|
26
|
-
const bold2 = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Bold.woff2';
|
|
27
|
-
const light = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Light.woff';
|
|
28
|
-
const light2 = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Light.woff2';
|
|
17
|
+
const regular = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Regular.woff2';
|
|
18
|
+
const italic = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Italic.woff2';
|
|
19
|
+
const bold = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Bold.woff2';
|
|
20
|
+
const light = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Light.woff2';
|
|
29
21
|
const DFDS_FONTS = [{
|
|
30
22
|
fontFamily: 'DFDS',
|
|
31
|
-
|
|
32
|
-
woff2: regular2,
|
|
23
|
+
woff2: regular,
|
|
33
24
|
fontWeight: 400
|
|
34
25
|
}, {
|
|
35
26
|
fontFamily: 'DFDS',
|
|
36
|
-
|
|
37
|
-
woff2: italic2,
|
|
27
|
+
woff2: italic,
|
|
38
28
|
fontWeight: 400,
|
|
39
29
|
fontStyle: 'italic'
|
|
40
30
|
}, {
|
|
41
31
|
fontFamily: 'DFDS',
|
|
42
|
-
|
|
43
|
-
woff2: bold2,
|
|
32
|
+
woff2: bold,
|
|
44
33
|
fontWeight: 700
|
|
45
34
|
}, {
|
|
46
35
|
fontFamily: 'DFDS',
|
|
47
|
-
|
|
48
|
-
woff2: light2,
|
|
36
|
+
woff2: light,
|
|
49
37
|
fontWeight: 300
|
|
50
38
|
}];
|
|
51
39
|
function fontFace({
|
|
52
40
|
fontFamily,
|
|
53
|
-
woff,
|
|
54
41
|
woff2,
|
|
55
42
|
fontWeight = 400,
|
|
56
43
|
fontStyle = 'normal',
|
|
@@ -59,8 +46,7 @@ function fontFace({
|
|
|
59
46
|
return `
|
|
60
47
|
@font-face {
|
|
61
48
|
font-family: ${fontFamily};
|
|
62
|
-
src:url(${woff2}) format('woff2')
|
|
63
|
-
url(${woff}) format('woff');
|
|
49
|
+
src:url(${woff2}) format('woff2');
|
|
64
50
|
font-weight: ${fontWeight};
|
|
65
51
|
font-style: ${fontStyle};
|
|
66
52
|
font-display: ${fontDisplay};
|
|
@@ -71,14 +57,14 @@ const dfdsFontFaceRules = () => {
|
|
|
71
57
|
};
|
|
72
58
|
const GlobalStyles = () => {
|
|
73
59
|
const fonts = dfdsFontFaceRules();
|
|
74
|
-
const styles = /*#__PURE__*/(0, _react2.css)(_sanitize.sanitize, " ", fonts, " html{margin:0;height:100%;width:100%;font-family:", _theme.theme.fontFamilies.display, ";color:", _theme.theme.colors.text.dark.primary, ";background-color:", _theme.theme.colors.surface.secondary, ";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:scroll;overflow-x:hidden;box-sizing:border-box;text-size-adjust:100%;-ms-overflow-style:scrollbar;}body{margin:0;width:100%;height:100vh;}::selection{background-color:", _theme.theme.colors.secondary.main, ";color:#fff;text-shadow:none;}.js-focus-visible :focus:not([data-focus-visible-added]){outline:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
60
|
+
const styles = /*#__PURE__*/(0, _react2.css)(_sanitize.sanitize, " ", fonts, " html{margin:0;height:100%;width:100%;font-family:", _theme.theme.fontFamilies.display, ";color:", _theme.theme.colors.text.dark.primary, ";background-color:", _theme.theme.colors.surface.secondary, ";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:scroll;overflow-x:hidden;box-sizing:border-box;text-size-adjust:100%;-ms-overflow-style:scrollbar;}body{margin:0;width:100%;height:100vh;}::selection{background-color:", _theme.theme.colors.secondary.main, ";color:#fff;text-shadow:none;}.js-focus-visible :focus:not([data-focus-visible-added]){outline:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9nbG9iYWwtc3R5bGVzL0dsb2JhbFN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZ2xvYmFsLXN0eWxlcy9HbG9iYWxTdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuLy8gaW1wb3J0IHJlZ3VsYXIyIGZyb20gJ0BkZmRzLXVpL2ZvbnRzL2ZvbnRzL0RGRFMtUmVndWxhci53b2ZmMidcbi8vIGltcG9ydCBpdGFsaWMyIGZyb20gJ0BkZmRzLXVpL2ZvbnRzL2ZvbnRzL0RGRFMtSXRhbGljLndvZmYyJ1xuLy8gaW1wb3J0IGJvbGQyIGZyb20gJ0BkZmRzLXVpL2ZvbnRzL2ZvbnRzL0RGRFMtQm9sZC53b2ZmMidcbi8vIGltcG9ydCBsaWdodDIgZnJvbSAnQGRmZHMtdWkvZm9udHMvZm9udHMvREZEUy1MaWdodC53b2ZmMidcblxuY29uc3QgcmVndWxhciA9ICdodHRwczovL3VucGtnLmNvbS9AZGZkcy11aS9mb250c0AwLjAuNDIvZm9udHMvREZEUy1SZWd1bGFyLndvZmYyJ1xuY29uc3QgaXRhbGljID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUl0YWxpYy53b2ZmMidcbmNvbnN0IGJvbGQgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtQm9sZC53b2ZmMidcbmNvbnN0IGxpZ2h0ID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUxpZ2h0LndvZmYyJ1xuXG5pbXBvcnQgeyBzYW5pdGl6ZSB9IGZyb20gJy4vc2FuaXRpemUnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIEZvbnREZWZpbml0aW9uID0ge1xuICBmb250RmFtaWx5OiBzdHJpbmdcbiAgd29mZjI6IHN0cmluZ1xuICBmb250V2VpZ2h0PzogMTAwIHwgMjAwIHwgMzAwIHwgNDAwIHwgNTAwIHwgNjAwIHwgNzAwIHwgODAwXG4gIGZvbnRTdHlsZT86ICdub3JtYWwnIHwgJ2l0YWxpYycgfCAnb2JsaXF1ZSdcbiAgZm9udERpc3BsYXk/OiAnYXV0bycgfCAnYmxvY2snIHwgJ3N3YXAnIHwgJ2ZhbGxiYWNrJyB8ICdvcHRpb25hbCdcbn1cblxuY29uc3QgREZEU19GT05UUzogRm9udERlZmluaXRpb25bXSA9IFtcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmYyOiByZWd1bGFyLCBmb250V2VpZ2h0OiA0MDAgfSxcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmYyOiBpdGFsaWMsIGZvbnRXZWlnaHQ6IDQwMCwgZm9udFN0eWxlOiAnaXRhbGljJyB9LFxuICB7IGZvbnRGYW1pbHk6ICdERkRTJywgd29mZjI6IGJvbGQsIGZvbnRXZWlnaHQ6IDcwMCB9LFxuICB7IGZvbnRGYW1pbHk6ICdERkRTJywgd29mZjI6IGxpZ2h0LCBmb250V2VpZ2h0OiAzMDAgfSxcbl1cblxuZnVuY3Rpb24gZm9udEZhY2Uoe1xuICBmb250RmFtaWx5LFxuICB3b2ZmMixcbiAgZm9udFdlaWdodCA9IDQwMCxcbiAgZm9udFN0eWxlID0gJ25vcm1hbCcsXG4gIGZvbnREaXNwbGF5ID0gJ2ZhbGxiYWNrJyxcbn06IEZvbnREZWZpbml0aW9uKSB7XG4gIHJldHVybiBgXG4gIEBmb250LWZhY2Uge1xuICAgIGZvbnQtZmFtaWx5OiAke2ZvbnRGYW1pbHl9O1xuICAgIHNyYzp1cmwoJHt3b2ZmMn0pIGZvcm1hdCgnd29mZjInKTtcbiAgICBmb250LXdlaWdodDogJHtmb250V2VpZ2h0fTtcbiAgICBmb250LXN0eWxlOiAke2ZvbnRTdHlsZX07XG4gICAgZm9udC1kaXNwbGF5OiAke2ZvbnREaXNwbGF5fTtcbiAgfWBcbn1cblxuY29uc3QgZGZkc0ZvbnRGYWNlUnVsZXMgPSAoKSA9PiB7XG4gIHJldHVybiBERkRTX0ZPTlRTLnJlZHVjZSgocHJldiwgY3VyKSA9PiAocHJldiArPSBmb250RmFjZShjdXIpKSwgJycpXG59XG5cbmV4cG9ydCBjb25zdCBHbG9iYWxTdHlsZXMgPSAoKSA9PiB7XG4gIGNvbnN0IGZvbnRzID0gZGZkc0ZvbnRGYWNlUnVsZXMoKVxuXG4gIGNvbnN0IHN0eWxlcyA9IGNzc2BcbiAgICAke3Nhbml0aXplfVxuICAgICR7Zm9udHN9XG5cbiAgICBodG1sIHtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZm9udC1mYW1pbHk6ICR7dGhlbWUuZm9udEZhbWlsaWVzLmRpc3BsYXl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgIC13ZWJraXQtZm9udC1zbW9vdGhpbmc6IGFudGlhbGlhc2VkO1xuICAgICAgLW1vei1vc3gtZm9udC1zbW9vdGhpbmc6IGdyYXlzY2FsZTtcbiAgICAgIG92ZXJmbG93LXk6IHNjcm9sbDtcbiAgICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICB0ZXh0LXNpemUtYWRqdXN0OiAxMDAlO1xuICAgICAgLW1zLW92ZXJmbG93LXN0eWxlOiBzY3JvbGxiYXI7XG4gICAgfVxuXG4gICAgYm9keSB7XG4gICAgICBtYXJnaW46IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGhlaWdodDogMTAwdmg7XG4gICAgfVxuXG4gICAgOjpzZWxlY3Rpb24ge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgY29sb3I6ICNmZmY7XG4gICAgICB0ZXh0LXNoYWRvdzogbm9uZTtcbiAgICB9XG5cbiAgICAuanMtZm9jdXMtdmlzaWJsZSA6Zm9jdXM6bm90KFtkYXRhLWZvY3VzLXZpc2libGUtYWRkZWRdKSB7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cbiAgYFxuICByZXR1cm4gPEdsb2JhbCBzdHlsZXM9e3N0eWxlc30gLz5cbn1cblxuZXhwb3J0IGNvbnN0IERmZHNGb250RmFjZSA9ICgpID0+IHtcbiAgY29uc3Qgc3R5bGVzID0gY3NzYFxuICAgICR7ZGZkc0ZvbnRGYWNlUnVsZXMoKX1cbiAgYFxuICByZXR1cm4gPEdsb2JhbCBzdHlsZXM9e3N0eWxlc30gLz5cbn1cbiJdfQ== */");
|
|
75
61
|
return (0, _react2.jsx)(_react2.Global, {
|
|
76
62
|
styles: styles
|
|
77
63
|
});
|
|
78
64
|
};
|
|
79
65
|
exports.GlobalStyles = GlobalStyles;
|
|
80
66
|
const DfdsFontFace = () => {
|
|
81
|
-
const styles = /*#__PURE__*/(0, _react2.css)(dfdsFontFaceRules(), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
67
|
+
const styles = /*#__PURE__*/(0, _react2.css)(dfdsFontFaceRules(), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9nbG9iYWwtc3R5bGVzL0dsb2JhbFN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0ZvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZ2xvYmFsLXN0eWxlcy9HbG9iYWxTdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuLy8gaW1wb3J0IHJlZ3VsYXIyIGZyb20gJ0BkZmRzLXVpL2ZvbnRzL2ZvbnRzL0RGRFMtUmVndWxhci53b2ZmMidcbi8vIGltcG9ydCBpdGFsaWMyIGZyb20gJ0BkZmRzLXVpL2ZvbnRzL2ZvbnRzL0RGRFMtSXRhbGljLndvZmYyJ1xuLy8gaW1wb3J0IGJvbGQyIGZyb20gJ0BkZmRzLXVpL2ZvbnRzL2ZvbnRzL0RGRFMtQm9sZC53b2ZmMidcbi8vIGltcG9ydCBsaWdodDIgZnJvbSAnQGRmZHMtdWkvZm9udHMvZm9udHMvREZEUy1MaWdodC53b2ZmMidcblxuY29uc3QgcmVndWxhciA9ICdodHRwczovL3VucGtnLmNvbS9AZGZkcy11aS9mb250c0AwLjAuNDIvZm9udHMvREZEUy1SZWd1bGFyLndvZmYyJ1xuY29uc3QgaXRhbGljID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUl0YWxpYy53b2ZmMidcbmNvbnN0IGJvbGQgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtQm9sZC53b2ZmMidcbmNvbnN0IGxpZ2h0ID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUxpZ2h0LndvZmYyJ1xuXG5pbXBvcnQgeyBzYW5pdGl6ZSB9IGZyb20gJy4vc2FuaXRpemUnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIEZvbnREZWZpbml0aW9uID0ge1xuICBmb250RmFtaWx5OiBzdHJpbmdcbiAgd29mZjI6IHN0cmluZ1xuICBmb250V2VpZ2h0PzogMTAwIHwgMjAwIHwgMzAwIHwgNDAwIHwgNTAwIHwgNjAwIHwgNzAwIHwgODAwXG4gIGZvbnRTdHlsZT86ICdub3JtYWwnIHwgJ2l0YWxpYycgfCAnb2JsaXF1ZSdcbiAgZm9udERpc3BsYXk/OiAnYXV0bycgfCAnYmxvY2snIHwgJ3N3YXAnIHwgJ2ZhbGxiYWNrJyB8ICdvcHRpb25hbCdcbn1cblxuY29uc3QgREZEU19GT05UUzogRm9udERlZmluaXRpb25bXSA9IFtcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmYyOiByZWd1bGFyLCBmb250V2VpZ2h0OiA0MDAgfSxcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmYyOiBpdGFsaWMsIGZvbnRXZWlnaHQ6IDQwMCwgZm9udFN0eWxlOiAnaXRhbGljJyB9LFxuICB7IGZvbnRGYW1pbHk6ICdERkRTJywgd29mZjI6IGJvbGQsIGZvbnRXZWlnaHQ6IDcwMCB9LFxuICB7IGZvbnRGYW1pbHk6ICdERkRTJywgd29mZjI6IGxpZ2h0LCBmb250V2VpZ2h0OiAzMDAgfSxcbl1cblxuZnVuY3Rpb24gZm9udEZhY2Uoe1xuICBmb250RmFtaWx5LFxuICB3b2ZmMixcbiAgZm9udFdlaWdodCA9IDQwMCxcbiAgZm9udFN0eWxlID0gJ25vcm1hbCcsXG4gIGZvbnREaXNwbGF5ID0gJ2ZhbGxiYWNrJyxcbn06IEZvbnREZWZpbml0aW9uKSB7XG4gIHJldHVybiBgXG4gIEBmb250LWZhY2Uge1xuICAgIGZvbnQtZmFtaWx5OiAke2ZvbnRGYW1pbHl9O1xuICAgIHNyYzp1cmwoJHt3b2ZmMn0pIGZvcm1hdCgnd29mZjInKTtcbiAgICBmb250LXdlaWdodDogJHtmb250V2VpZ2h0fTtcbiAgICBmb250LXN0eWxlOiAke2ZvbnRTdHlsZX07XG4gICAgZm9udC1kaXNwbGF5OiAke2ZvbnREaXNwbGF5fTtcbiAgfWBcbn1cblxuY29uc3QgZGZkc0ZvbnRGYWNlUnVsZXMgPSAoKSA9PiB7XG4gIHJldHVybiBERkRTX0ZPTlRTLnJlZHVjZSgocHJldiwgY3VyKSA9PiAocHJldiArPSBmb250RmFjZShjdXIpKSwgJycpXG59XG5cbmV4cG9ydCBjb25zdCBHbG9iYWxTdHlsZXMgPSAoKSA9PiB7XG4gIGNvbnN0IGZvbnRzID0gZGZkc0ZvbnRGYWNlUnVsZXMoKVxuXG4gIGNvbnN0IHN0eWxlcyA9IGNzc2BcbiAgICAke3Nhbml0aXplfVxuICAgICR7Zm9udHN9XG5cbiAgICBodG1sIHtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZm9udC1mYW1pbHk6ICR7dGhlbWUuZm9udEZhbWlsaWVzLmRpc3BsYXl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgIC13ZWJraXQtZm9udC1zbW9vdGhpbmc6IGFudGlhbGlhc2VkO1xuICAgICAgLW1vei1vc3gtZm9udC1zbW9vdGhpbmc6IGdyYXlzY2FsZTtcbiAgICAgIG92ZXJmbG93LXk6IHNjcm9sbDtcbiAgICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICB0ZXh0LXNpemUtYWRqdXN0OiAxMDAlO1xuICAgICAgLW1zLW92ZXJmbG93LXN0eWxlOiBzY3JvbGxiYXI7XG4gICAgfVxuXG4gICAgYm9keSB7XG4gICAgICBtYXJnaW46IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGhlaWdodDogMTAwdmg7XG4gICAgfVxuXG4gICAgOjpzZWxlY3Rpb24ge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgY29sb3I6ICNmZmY7XG4gICAgICB0ZXh0LXNoYWRvdzogbm9uZTtcbiAgICB9XG5cbiAgICAuanMtZm9jdXMtdmlzaWJsZSA6Zm9jdXM6bm90KFtkYXRhLWZvY3VzLXZpc2libGUtYWRkZWRdKSB7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cbiAgYFxuICByZXR1cm4gPEdsb2JhbCBzdHlsZXM9e3N0eWxlc30gLz5cbn1cblxuZXhwb3J0IGNvbnN0IERmZHNGb250RmFjZSA9ICgpID0+IHtcbiAgY29uc3Qgc3R5bGVzID0gY3NzYFxuICAgICR7ZGZkc0ZvbnRGYWNlUnVsZXMoKX1cbiAgYFxuICByZXR1cm4gPEdsb2JhbCBzdHlsZXM9e3N0eWxlc30gLz5cbn1cbiJdfQ== */");
|
|
82
68
|
return (0, _react2.jsx)(_react2.Global, {
|
|
83
69
|
styles: styles
|
|
84
70
|
});
|
|
@@ -7,39 +7,30 @@ exports.Layout = void 0;
|
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _react2 = require("@emotion/react");
|
|
9
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
-
const regular = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Regular.
|
|
11
|
-
const
|
|
12
|
-
const
|
|
13
|
-
const
|
|
14
|
-
const bold = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Bold.woff';
|
|
15
|
-
const bold2 = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Bold.woff2';
|
|
16
|
-
const light = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Light.woff';
|
|
17
|
-
const light2 = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Light.woff2';
|
|
10
|
+
const regular = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Regular.woff2';
|
|
11
|
+
const italic = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Italic.woff2';
|
|
12
|
+
const bold = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Bold.woff2';
|
|
13
|
+
const light = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Light.woff2';
|
|
18
14
|
const DFDS_FONTS = [{
|
|
19
15
|
fontFamily: 'DFDS',
|
|
20
|
-
|
|
21
|
-
woff2: regular2,
|
|
16
|
+
woff2: regular,
|
|
22
17
|
fontWeight: 400
|
|
23
18
|
}, {
|
|
24
19
|
fontFamily: 'DFDS',
|
|
25
|
-
|
|
26
|
-
woff2: italic2,
|
|
20
|
+
woff2: italic,
|
|
27
21
|
fontWeight: 400,
|
|
28
22
|
fontStyle: 'italic'
|
|
29
23
|
}, {
|
|
30
24
|
fontFamily: 'DFDS',
|
|
31
|
-
|
|
32
|
-
woff2: bold2,
|
|
25
|
+
woff2: bold,
|
|
33
26
|
fontWeight: 700
|
|
34
27
|
}, {
|
|
35
28
|
fontFamily: 'DFDS',
|
|
36
|
-
|
|
37
|
-
woff2: light2,
|
|
29
|
+
woff2: light,
|
|
38
30
|
fontWeight: 300
|
|
39
31
|
}];
|
|
40
32
|
function fontFace({
|
|
41
33
|
fontFamily,
|
|
42
|
-
woff,
|
|
43
34
|
woff2,
|
|
44
35
|
fontWeight = 400,
|
|
45
36
|
fontStyle = 'normal',
|
|
@@ -48,15 +39,14 @@ function fontFace({
|
|
|
48
39
|
return `
|
|
49
40
|
@font-face {
|
|
50
41
|
font-family: ${fontFamily};
|
|
51
|
-
src:url(${woff2}) format('woff2')
|
|
52
|
-
url(${woff}) format('woff');
|
|
42
|
+
src:url(${woff2}) format('woff2');
|
|
53
43
|
font-weight: ${fontWeight};
|
|
54
44
|
font-style: ${fontStyle};
|
|
55
45
|
font-display: ${fontDisplay};
|
|
56
46
|
}`;
|
|
57
47
|
}
|
|
58
48
|
const Layout = () => {
|
|
59
|
-
const sty = /*#__PURE__*/(0, _react2.css)(DFDS_FONTS.reduce((prev, cur) => prev += fontFace(cur), ''), " *{font-family:DFDS;}" + (process.env.NODE_ENV === "production" ? "" : ";label:sty;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
49
|
+
const sty = /*#__PURE__*/(0, _react2.css)(DFDS_FONTS.reduce((prev, cur) => prev += fontFace(cur), ''), " *{font-family:DFDS;}" + (process.env.NODE_ENV === "production" ? "" : ";label:sty;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sYXlvdXQvTGF5b3V0TGVnYWN5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ2lCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9sYXlvdXQvTGF5b3V0TGVnYWN5LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxuY29uc3QgcmVndWxhciA9ICdodHRwczovL3VucGtnLmNvbS9AZGZkcy11aS9mb250c0AwLjAuNDIvZm9udHMvREZEUy1SZWd1bGFyLndvZmYyJ1xuY29uc3QgaXRhbGljID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUl0YWxpYy53b2ZmMidcbmNvbnN0IGJvbGQgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtQm9sZC53b2ZmMidcbmNvbnN0IGxpZ2h0ID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUxpZ2h0LndvZmYyJ1xuXG5pbXBvcnQgeyBHbG9iYWwsIGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIEZvbnREZWZpbml0aW9uID0ge1xuICBmb250RmFtaWx5OiBzdHJpbmdcbiAgd29mZjI6IHN0cmluZ1xuICBmb250V2VpZ2h0PzogMTAwIHwgMjAwIHwgMzAwIHwgNDAwIHwgNTAwIHwgNjAwIHwgNzAwIHwgODAwXG4gIGZvbnRTdHlsZT86ICdub3JtYWwnIHwgJ2l0YWxpYycgfCAnb2JsaXF1ZSdcbiAgZm9udERpc3BsYXk/OiAnYXV0bycgfCAnYmxvY2snIHwgJ3N3YXAnIHwgJ2ZhbGxiYWNrJyB8ICdvcHRpb25hbCdcbn1cblxuY29uc3QgREZEU19GT05UUzogRm9udERlZmluaXRpb25bXSA9IFtcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmYyOiByZWd1bGFyLCBmb250V2VpZ2h0OiA0MDAgfSxcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmYyOiBpdGFsaWMsIGZvbnRXZWlnaHQ6IDQwMCwgZm9udFN0eWxlOiAnaXRhbGljJyB9LFxuICB7IGZvbnRGYW1pbHk6ICdERkRTJywgd29mZjI6IGJvbGQsIGZvbnRXZWlnaHQ6IDcwMCB9LFxuICB7IGZvbnRGYW1pbHk6ICdERkRTJywgd29mZjI6IGxpZ2h0LCBmb250V2VpZ2h0OiAzMDAgfSxcbl1cblxuZnVuY3Rpb24gZm9udEZhY2Uoe1xuICBmb250RmFtaWx5LFxuICB3b2ZmMixcbiAgZm9udFdlaWdodCA9IDQwMCxcbiAgZm9udFN0eWxlID0gJ25vcm1hbCcsXG4gIGZvbnREaXNwbGF5ID0gJ2ZhbGxiYWNrJyxcbn06IEZvbnREZWZpbml0aW9uKSB7XG4gIHJldHVybiBgXG4gIEBmb250LWZhY2Uge1xuICAgIGZvbnQtZmFtaWx5OiAke2ZvbnRGYW1pbHl9O1xuICAgIHNyYzp1cmwoJHt3b2ZmMn0pIGZvcm1hdCgnd29mZjInKTtcbiAgICBmb250LXdlaWdodDogJHtmb250V2VpZ2h0fTtcbiAgICBmb250LXN0eWxlOiAke2ZvbnRTdHlsZX07XG4gICAgZm9udC1kaXNwbGF5OiAke2ZvbnREaXNwbGF5fTtcbiAgfWBcbn1cblxuZXhwb3J0IGNvbnN0IExheW91dCA9ICgpID0+IHtcbiAgY29uc3Qgc3R5ID0gY3NzYFxuICAgICR7REZEU19GT05UUy5yZWR1Y2UoKHByZXYsIGN1cikgPT4gKHByZXYgKz0gZm9udEZhY2UoY3VyKSksICcnKX1cblxuICAgICoge1xuICAgICAgZm9udC1mYW1pbHk6IERGRFM7XG4gICAgfVxuICBgXG4gIHJldHVybiA8R2xvYmFsIHN0eWxlcz17c3R5fSAvPlxufVxuIl19 */");
|
|
60
50
|
return (0, _react2.jsx)(_react2.Global, {
|
|
61
51
|
styles: sty
|
|
62
52
|
});
|
|
@@ -1,51 +1,38 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Global, css } from '@emotion/react';
|
|
3
3
|
|
|
4
|
-
// import regular from '@dfds-ui/fonts/fonts/DFDS-Regular.woff'
|
|
5
4
|
// import regular2 from '@dfds-ui/fonts/fonts/DFDS-Regular.woff2'
|
|
6
|
-
// import italic from '@dfds-ui/fonts/fonts/DFDS-Italic.woff'
|
|
7
5
|
// import italic2 from '@dfds-ui/fonts/fonts/DFDS-Italic.woff2'
|
|
8
|
-
// import bold from '@dfds-ui/fonts/fonts/DFDS-Bold.woff'
|
|
9
6
|
// import bold2 from '@dfds-ui/fonts/fonts/DFDS-Bold.woff2'
|
|
10
|
-
// import light from '@dfds-ui/fonts/fonts/DFDS-Light.woff'
|
|
11
7
|
// import light2 from '@dfds-ui/fonts/fonts/DFDS-Light.woff2'
|
|
12
8
|
|
|
13
|
-
var regular = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Regular.
|
|
14
|
-
var
|
|
15
|
-
var
|
|
16
|
-
var
|
|
17
|
-
var bold = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Bold.woff';
|
|
18
|
-
var bold2 = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Bold.woff2';
|
|
19
|
-
var light = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Light.woff';
|
|
20
|
-
var light2 = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Light.woff2';
|
|
9
|
+
var regular = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Regular.woff2';
|
|
10
|
+
var italic = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Italic.woff2';
|
|
11
|
+
var bold = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Bold.woff2';
|
|
12
|
+
var light = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Light.woff2';
|
|
21
13
|
import { sanitize } from './sanitize';
|
|
22
14
|
import { theme } from '@dfds-ui/theme';
|
|
23
15
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
24
16
|
var DFDS_FONTS = [{
|
|
25
17
|
fontFamily: 'DFDS',
|
|
26
|
-
|
|
27
|
-
woff2: regular2,
|
|
18
|
+
woff2: regular,
|
|
28
19
|
fontWeight: 400
|
|
29
20
|
}, {
|
|
30
21
|
fontFamily: 'DFDS',
|
|
31
|
-
|
|
32
|
-
woff2: italic2,
|
|
22
|
+
woff2: italic,
|
|
33
23
|
fontWeight: 400,
|
|
34
24
|
fontStyle: 'italic'
|
|
35
25
|
}, {
|
|
36
26
|
fontFamily: 'DFDS',
|
|
37
|
-
|
|
38
|
-
woff2: bold2,
|
|
27
|
+
woff2: bold,
|
|
39
28
|
fontWeight: 700
|
|
40
29
|
}, {
|
|
41
30
|
fontFamily: 'DFDS',
|
|
42
|
-
|
|
43
|
-
woff2: light2,
|
|
31
|
+
woff2: light,
|
|
44
32
|
fontWeight: 300
|
|
45
33
|
}];
|
|
46
34
|
function fontFace(_ref) {
|
|
47
35
|
var fontFamily = _ref.fontFamily,
|
|
48
|
-
woff = _ref.woff,
|
|
49
36
|
woff2 = _ref.woff2,
|
|
50
37
|
_ref$fontWeight = _ref.fontWeight,
|
|
51
38
|
fontWeight = _ref$fontWeight === void 0 ? 400 : _ref$fontWeight,
|
|
@@ -53,7 +40,7 @@ function fontFace(_ref) {
|
|
|
53
40
|
fontStyle = _ref$fontStyle === void 0 ? 'normal' : _ref$fontStyle,
|
|
54
41
|
_ref$fontDisplay = _ref.fontDisplay,
|
|
55
42
|
fontDisplay = _ref$fontDisplay === void 0 ? 'fallback' : _ref$fontDisplay;
|
|
56
|
-
return "\n @font-face {\n font-family: ".concat(fontFamily, ";\n src:url(").concat(woff2, ") format('woff2')
|
|
43
|
+
return "\n @font-face {\n font-family: ".concat(fontFamily, ";\n src:url(").concat(woff2, ") format('woff2');\n font-weight: ").concat(fontWeight, ";\n font-style: ").concat(fontStyle, ";\n font-display: ").concat(fontDisplay, ";\n }");
|
|
57
44
|
}
|
|
58
45
|
var dfdsFontFaceRules = function dfdsFontFaceRules() {
|
|
59
46
|
return DFDS_FONTS.reduce(function (prev, cur) {
|
|
@@ -62,13 +49,13 @@ var dfdsFontFaceRules = function dfdsFontFaceRules() {
|
|
|
62
49
|
};
|
|
63
50
|
export var GlobalStyles = function GlobalStyles() {
|
|
64
51
|
var fonts = dfdsFontFaceRules();
|
|
65
|
-
var styles = /*#__PURE__*/css(sanitize, " ", fonts, " html{margin:0;height:100%;width:100%;font-family:", theme.fontFamilies.display, ";color:", theme.colors.text.dark.primary, ";background-color:", theme.colors.surface.secondary, ";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:scroll;overflow-x:hidden;box-sizing:border-box;text-size-adjust:100%;-ms-overflow-style:scrollbar;}body{margin:0;width:100%;height:100vh;}::selection{background-color:", theme.colors.secondary.main, ";color:#fff;text-shadow:none;}.js-focus-visible :focus:not([data-focus-visible-added]){outline:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
52
|
+
var styles = /*#__PURE__*/css(sanitize, " ", fonts, " html{margin:0;height:100%;width:100%;font-family:", theme.fontFamilies.display, ";color:", theme.colors.text.dark.primary, ";background-color:", theme.colors.surface.secondary, ";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-y:scroll;overflow-x:hidden;box-sizing:border-box;text-size-adjust:100%;-ms-overflow-style:scrollbar;}body{margin:0;width:100%;height:100vh;}::selection{background-color:", theme.colors.secondary.main, ";color:#fff;text-shadow:none;}.js-focus-visible :focus:not([data-focus-visible-added]){outline:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9nbG9iYWwtc3R5bGVzL0dsb2JhbFN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdURvQiIsImZpbGUiOiIuLi8uLi9zcmMvZ2xvYmFsLXN0eWxlcy9HbG9iYWxTdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuLy8gaW1wb3J0IHJlZ3VsYXIyIGZyb20gJ0BkZmRzLXVpL2ZvbnRzL2ZvbnRzL0RGRFMtUmVndWxhci53b2ZmMidcbi8vIGltcG9ydCBpdGFsaWMyIGZyb20gJ0BkZmRzLXVpL2ZvbnRzL2ZvbnRzL0RGRFMtSXRhbGljLndvZmYyJ1xuLy8gaW1wb3J0IGJvbGQyIGZyb20gJ0BkZmRzLXVpL2ZvbnRzL2ZvbnRzL0RGRFMtQm9sZC53b2ZmMidcbi8vIGltcG9ydCBsaWdodDIgZnJvbSAnQGRmZHMtdWkvZm9udHMvZm9udHMvREZEUy1MaWdodC53b2ZmMidcblxuY29uc3QgcmVndWxhciA9ICdodHRwczovL3VucGtnLmNvbS9AZGZkcy11aS9mb250c0AwLjAuNDIvZm9udHMvREZEUy1SZWd1bGFyLndvZmYyJ1xuY29uc3QgaXRhbGljID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUl0YWxpYy53b2ZmMidcbmNvbnN0IGJvbGQgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtQm9sZC53b2ZmMidcbmNvbnN0IGxpZ2h0ID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUxpZ2h0LndvZmYyJ1xuXG5pbXBvcnQgeyBzYW5pdGl6ZSB9IGZyb20gJy4vc2FuaXRpemUnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIEZvbnREZWZpbml0aW9uID0ge1xuICBmb250RmFtaWx5OiBzdHJpbmdcbiAgd29mZjI6IHN0cmluZ1xuICBmb250V2VpZ2h0PzogMTAwIHwgMjAwIHwgMzAwIHwgNDAwIHwgNTAwIHwgNjAwIHwgNzAwIHwgODAwXG4gIGZvbnRTdHlsZT86ICdub3JtYWwnIHwgJ2l0YWxpYycgfCAnb2JsaXF1ZSdcbiAgZm9udERpc3BsYXk/OiAnYXV0bycgfCAnYmxvY2snIHwgJ3N3YXAnIHwgJ2ZhbGxiYWNrJyB8ICdvcHRpb25hbCdcbn1cblxuY29uc3QgREZEU19GT05UUzogRm9udERlZmluaXRpb25bXSA9IFtcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmYyOiByZWd1bGFyLCBmb250V2VpZ2h0OiA0MDAgfSxcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmYyOiBpdGFsaWMsIGZvbnRXZWlnaHQ6IDQwMCwgZm9udFN0eWxlOiAnaXRhbGljJyB9LFxuICB7IGZvbnRGYW1pbHk6ICdERkRTJywgd29mZjI6IGJvbGQsIGZvbnRXZWlnaHQ6IDcwMCB9LFxuICB7IGZvbnRGYW1pbHk6ICdERkRTJywgd29mZjI6IGxpZ2h0LCBmb250V2VpZ2h0OiAzMDAgfSxcbl1cblxuZnVuY3Rpb24gZm9udEZhY2Uoe1xuICBmb250RmFtaWx5LFxuICB3b2ZmMixcbiAgZm9udFdlaWdodCA9IDQwMCxcbiAgZm9udFN0eWxlID0gJ25vcm1hbCcsXG4gIGZvbnREaXNwbGF5ID0gJ2ZhbGxiYWNrJyxcbn06IEZvbnREZWZpbml0aW9uKSB7XG4gIHJldHVybiBgXG4gIEBmb250LWZhY2Uge1xuICAgIGZvbnQtZmFtaWx5OiAke2ZvbnRGYW1pbHl9O1xuICAgIHNyYzp1cmwoJHt3b2ZmMn0pIGZvcm1hdCgnd29mZjInKTtcbiAgICBmb250LXdlaWdodDogJHtmb250V2VpZ2h0fTtcbiAgICBmb250LXN0eWxlOiAke2ZvbnRTdHlsZX07XG4gICAgZm9udC1kaXNwbGF5OiAke2ZvbnREaXNwbGF5fTtcbiAgfWBcbn1cblxuY29uc3QgZGZkc0ZvbnRGYWNlUnVsZXMgPSAoKSA9PiB7XG4gIHJldHVybiBERkRTX0ZPTlRTLnJlZHVjZSgocHJldiwgY3VyKSA9PiAocHJldiArPSBmb250RmFjZShjdXIpKSwgJycpXG59XG5cbmV4cG9ydCBjb25zdCBHbG9iYWxTdHlsZXMgPSAoKSA9PiB7XG4gIGNvbnN0IGZvbnRzID0gZGZkc0ZvbnRGYWNlUnVsZXMoKVxuXG4gIGNvbnN0IHN0eWxlcyA9IGNzc2BcbiAgICAke3Nhbml0aXplfVxuICAgICR7Zm9udHN9XG5cbiAgICBodG1sIHtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZm9udC1mYW1pbHk6ICR7dGhlbWUuZm9udEZhbWlsaWVzLmRpc3BsYXl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgIC13ZWJraXQtZm9udC1zbW9vdGhpbmc6IGFudGlhbGlhc2VkO1xuICAgICAgLW1vei1vc3gtZm9udC1zbW9vdGhpbmc6IGdyYXlzY2FsZTtcbiAgICAgIG92ZXJmbG93LXk6IHNjcm9sbDtcbiAgICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICB0ZXh0LXNpemUtYWRqdXN0OiAxMDAlO1xuICAgICAgLW1zLW92ZXJmbG93LXN0eWxlOiBzY3JvbGxiYXI7XG4gICAgfVxuXG4gICAgYm9keSB7XG4gICAgICBtYXJnaW46IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGhlaWdodDogMTAwdmg7XG4gICAgfVxuXG4gICAgOjpzZWxlY3Rpb24ge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgY29sb3I6ICNmZmY7XG4gICAgICB0ZXh0LXNoYWRvdzogbm9uZTtcbiAgICB9XG5cbiAgICAuanMtZm9jdXMtdmlzaWJsZSA6Zm9jdXM6bm90KFtkYXRhLWZvY3VzLXZpc2libGUtYWRkZWRdKSB7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cbiAgYFxuICByZXR1cm4gPEdsb2JhbCBzdHlsZXM9e3N0eWxlc30gLz5cbn1cblxuZXhwb3J0IGNvbnN0IERmZHNGb250RmFjZSA9ICgpID0+IHtcbiAgY29uc3Qgc3R5bGVzID0gY3NzYFxuICAgICR7ZGZkc0ZvbnRGYWNlUnVsZXMoKX1cbiAgYFxuICByZXR1cm4gPEdsb2JhbCBzdHlsZXM9e3N0eWxlc30gLz5cbn1cbiJdfQ== */");
|
|
66
53
|
return ___EmotionJSX(Global, {
|
|
67
54
|
styles: styles
|
|
68
55
|
});
|
|
69
56
|
};
|
|
70
57
|
export var DfdsFontFace = function DfdsFontFace() {
|
|
71
|
-
var styles = /*#__PURE__*/css(dfdsFontFaceRules(), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
58
|
+
var styles = /*#__PURE__*/css(dfdsFontFaceRules(), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9nbG9iYWwtc3R5bGVzL0dsb2JhbFN0eWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0ZvQiIsImZpbGUiOiIuLi8uLi9zcmMvZ2xvYmFsLXN0eWxlcy9HbG9iYWxTdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuLy8gaW1wb3J0IHJlZ3VsYXIyIGZyb20gJ0BkZmRzLXVpL2ZvbnRzL2ZvbnRzL0RGRFMtUmVndWxhci53b2ZmMidcbi8vIGltcG9ydCBpdGFsaWMyIGZyb20gJ0BkZmRzLXVpL2ZvbnRzL2ZvbnRzL0RGRFMtSXRhbGljLndvZmYyJ1xuLy8gaW1wb3J0IGJvbGQyIGZyb20gJ0BkZmRzLXVpL2ZvbnRzL2ZvbnRzL0RGRFMtQm9sZC53b2ZmMidcbi8vIGltcG9ydCBsaWdodDIgZnJvbSAnQGRmZHMtdWkvZm9udHMvZm9udHMvREZEUy1MaWdodC53b2ZmMidcblxuY29uc3QgcmVndWxhciA9ICdodHRwczovL3VucGtnLmNvbS9AZGZkcy11aS9mb250c0AwLjAuNDIvZm9udHMvREZEUy1SZWd1bGFyLndvZmYyJ1xuY29uc3QgaXRhbGljID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUl0YWxpYy53b2ZmMidcbmNvbnN0IGJvbGQgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtQm9sZC53b2ZmMidcbmNvbnN0IGxpZ2h0ID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUxpZ2h0LndvZmYyJ1xuXG5pbXBvcnQgeyBzYW5pdGl6ZSB9IGZyb20gJy4vc2FuaXRpemUnXG5pbXBvcnQgeyB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuXG50eXBlIEZvbnREZWZpbml0aW9uID0ge1xuICBmb250RmFtaWx5OiBzdHJpbmdcbiAgd29mZjI6IHN0cmluZ1xuICBmb250V2VpZ2h0PzogMTAwIHwgMjAwIHwgMzAwIHwgNDAwIHwgNTAwIHwgNjAwIHwgNzAwIHwgODAwXG4gIGZvbnRTdHlsZT86ICdub3JtYWwnIHwgJ2l0YWxpYycgfCAnb2JsaXF1ZSdcbiAgZm9udERpc3BsYXk/OiAnYXV0bycgfCAnYmxvY2snIHwgJ3N3YXAnIHwgJ2ZhbGxiYWNrJyB8ICdvcHRpb25hbCdcbn1cblxuY29uc3QgREZEU19GT05UUzogRm9udERlZmluaXRpb25bXSA9IFtcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmYyOiByZWd1bGFyLCBmb250V2VpZ2h0OiA0MDAgfSxcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmYyOiBpdGFsaWMsIGZvbnRXZWlnaHQ6IDQwMCwgZm9udFN0eWxlOiAnaXRhbGljJyB9LFxuICB7IGZvbnRGYW1pbHk6ICdERkRTJywgd29mZjI6IGJvbGQsIGZvbnRXZWlnaHQ6IDcwMCB9LFxuICB7IGZvbnRGYW1pbHk6ICdERkRTJywgd29mZjI6IGxpZ2h0LCBmb250V2VpZ2h0OiAzMDAgfSxcbl1cblxuZnVuY3Rpb24gZm9udEZhY2Uoe1xuICBmb250RmFtaWx5LFxuICB3b2ZmMixcbiAgZm9udFdlaWdodCA9IDQwMCxcbiAgZm9udFN0eWxlID0gJ25vcm1hbCcsXG4gIGZvbnREaXNwbGF5ID0gJ2ZhbGxiYWNrJyxcbn06IEZvbnREZWZpbml0aW9uKSB7XG4gIHJldHVybiBgXG4gIEBmb250LWZhY2Uge1xuICAgIGZvbnQtZmFtaWx5OiAke2ZvbnRGYW1pbHl9O1xuICAgIHNyYzp1cmwoJHt3b2ZmMn0pIGZvcm1hdCgnd29mZjInKTtcbiAgICBmb250LXdlaWdodDogJHtmb250V2VpZ2h0fTtcbiAgICBmb250LXN0eWxlOiAke2ZvbnRTdHlsZX07XG4gICAgZm9udC1kaXNwbGF5OiAke2ZvbnREaXNwbGF5fTtcbiAgfWBcbn1cblxuY29uc3QgZGZkc0ZvbnRGYWNlUnVsZXMgPSAoKSA9PiB7XG4gIHJldHVybiBERkRTX0ZPTlRTLnJlZHVjZSgocHJldiwgY3VyKSA9PiAocHJldiArPSBmb250RmFjZShjdXIpKSwgJycpXG59XG5cbmV4cG9ydCBjb25zdCBHbG9iYWxTdHlsZXMgPSAoKSA9PiB7XG4gIGNvbnN0IGZvbnRzID0gZGZkc0ZvbnRGYWNlUnVsZXMoKVxuXG4gIGNvbnN0IHN0eWxlcyA9IGNzc2BcbiAgICAke3Nhbml0aXplfVxuICAgICR7Zm9udHN9XG5cbiAgICBodG1sIHtcbiAgICAgIG1hcmdpbjogMDtcbiAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgZm9udC1mYW1pbHk6ICR7dGhlbWUuZm9udEZhbWlsaWVzLmRpc3BsYXl9O1xuICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnRleHQuZGFyay5wcmltYXJ5fTtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgIC13ZWJraXQtZm9udC1zbW9vdGhpbmc6IGFudGlhbGlhc2VkO1xuICAgICAgLW1vei1vc3gtZm9udC1zbW9vdGhpbmc6IGdyYXlzY2FsZTtcbiAgICAgIG92ZXJmbG93LXk6IHNjcm9sbDtcbiAgICAgIG92ZXJmbG93LXg6IGhpZGRlbjtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICB0ZXh0LXNpemUtYWRqdXN0OiAxMDAlO1xuICAgICAgLW1zLW92ZXJmbG93LXN0eWxlOiBzY3JvbGxiYXI7XG4gICAgfVxuXG4gICAgYm9keSB7XG4gICAgICBtYXJnaW46IDA7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIGhlaWdodDogMTAwdmg7XG4gICAgfVxuXG4gICAgOjpzZWxlY3Rpb24ge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc2Vjb25kYXJ5Lm1haW59O1xuICAgICAgY29sb3I6ICNmZmY7XG4gICAgICB0ZXh0LXNoYWRvdzogbm9uZTtcbiAgICB9XG5cbiAgICAuanMtZm9jdXMtdmlzaWJsZSA6Zm9jdXM6bm90KFtkYXRhLWZvY3VzLXZpc2libGUtYWRkZWRdKSB7XG4gICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cbiAgYFxuICByZXR1cm4gPEdsb2JhbCBzdHlsZXM9e3N0eWxlc30gLz5cbn1cblxuZXhwb3J0IGNvbnN0IERmZHNGb250RmFjZSA9ICgpID0+IHtcbiAgY29uc3Qgc3R5bGVzID0gY3NzYFxuICAgICR7ZGZkc0ZvbnRGYWNlUnVsZXMoKX1cbiAgYFxuICByZXR1cm4gPEdsb2JhbCBzdHlsZXM9e3N0eWxlc30gLz5cbn1cbiJdfQ== */");
|
|
72
59
|
return ___EmotionJSX(Global, {
|
|
73
60
|
styles: styles
|
|
74
61
|
});
|
package/layout/LayoutLegacy.js
CHANGED
|
@@ -1,39 +1,30 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
var regular = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Regular.
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
var bold = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Bold.woff';
|
|
7
|
-
var bold2 = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Bold.woff2';
|
|
8
|
-
var light = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Light.woff';
|
|
9
|
-
var light2 = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Light.woff2';
|
|
2
|
+
var regular = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Regular.woff2';
|
|
3
|
+
var italic = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Italic.woff2';
|
|
4
|
+
var bold = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Bold.woff2';
|
|
5
|
+
var light = 'https://unpkg.com/@dfds-ui/fonts@0.0.42/fonts/DFDS-Light.woff2';
|
|
10
6
|
import { Global, css } from '@emotion/react';
|
|
11
7
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
12
8
|
var DFDS_FONTS = [{
|
|
13
9
|
fontFamily: 'DFDS',
|
|
14
|
-
|
|
15
|
-
woff2: regular2,
|
|
10
|
+
woff2: regular,
|
|
16
11
|
fontWeight: 400
|
|
17
12
|
}, {
|
|
18
13
|
fontFamily: 'DFDS',
|
|
19
|
-
|
|
20
|
-
woff2: italic2,
|
|
14
|
+
woff2: italic,
|
|
21
15
|
fontWeight: 400,
|
|
22
16
|
fontStyle: 'italic'
|
|
23
17
|
}, {
|
|
24
18
|
fontFamily: 'DFDS',
|
|
25
|
-
|
|
26
|
-
woff2: bold2,
|
|
19
|
+
woff2: bold,
|
|
27
20
|
fontWeight: 700
|
|
28
21
|
}, {
|
|
29
22
|
fontFamily: 'DFDS',
|
|
30
|
-
|
|
31
|
-
woff2: light2,
|
|
23
|
+
woff2: light,
|
|
32
24
|
fontWeight: 300
|
|
33
25
|
}];
|
|
34
26
|
function fontFace(_ref) {
|
|
35
27
|
var fontFamily = _ref.fontFamily,
|
|
36
|
-
woff = _ref.woff,
|
|
37
28
|
woff2 = _ref.woff2,
|
|
38
29
|
_ref$fontWeight = _ref.fontWeight,
|
|
39
30
|
fontWeight = _ref$fontWeight === void 0 ? 400 : _ref$fontWeight,
|
|
@@ -41,12 +32,12 @@ function fontFace(_ref) {
|
|
|
41
32
|
fontStyle = _ref$fontStyle === void 0 ? 'normal' : _ref$fontStyle,
|
|
42
33
|
_ref$fontDisplay = _ref.fontDisplay,
|
|
43
34
|
fontDisplay = _ref$fontDisplay === void 0 ? 'fallback' : _ref$fontDisplay;
|
|
44
|
-
return "\n @font-face {\n font-family: ".concat(fontFamily, ";\n src:url(").concat(woff2, ") format('woff2')
|
|
35
|
+
return "\n @font-face {\n font-family: ".concat(fontFamily, ";\n src:url(").concat(woff2, ") format('woff2');\n font-weight: ").concat(fontWeight, ";\n font-style: ").concat(fontStyle, ";\n font-display: ").concat(fontDisplay, ";\n }");
|
|
45
36
|
}
|
|
46
37
|
export var Layout = function Layout() {
|
|
47
38
|
var sty = /*#__PURE__*/css(DFDS_FONTS.reduce(function (prev, cur) {
|
|
48
39
|
return prev += fontFace(cur);
|
|
49
|
-
}, ''), " *{font-family:DFDS;}" + (process.env.NODE_ENV === "production" ? "" : ";label:sty;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
40
|
+
}, ''), " *{font-family:DFDS;}" + (process.env.NODE_ENV === "production" ? "" : ";label:sty;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sYXlvdXQvTGF5b3V0TGVnYWN5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQ2lCIiwiZmlsZSI6Ii4uLy4uL3NyYy9sYXlvdXQvTGF5b3V0TGVnYWN5LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcblxuY29uc3QgcmVndWxhciA9ICdodHRwczovL3VucGtnLmNvbS9AZGZkcy11aS9mb250c0AwLjAuNDIvZm9udHMvREZEUy1SZWd1bGFyLndvZmYyJ1xuY29uc3QgaXRhbGljID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUl0YWxpYy53b2ZmMidcbmNvbnN0IGJvbGQgPSAnaHR0cHM6Ly91bnBrZy5jb20vQGRmZHMtdWkvZm9udHNAMC4wLjQyL2ZvbnRzL0RGRFMtQm9sZC53b2ZmMidcbmNvbnN0IGxpZ2h0ID0gJ2h0dHBzOi8vdW5wa2cuY29tL0BkZmRzLXVpL2ZvbnRzQDAuMC40Mi9mb250cy9ERkRTLUxpZ2h0LndvZmYyJ1xuXG5pbXBvcnQgeyBHbG9iYWwsIGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuXG50eXBlIEZvbnREZWZpbml0aW9uID0ge1xuICBmb250RmFtaWx5OiBzdHJpbmdcbiAgd29mZjI6IHN0cmluZ1xuICBmb250V2VpZ2h0PzogMTAwIHwgMjAwIHwgMzAwIHwgNDAwIHwgNTAwIHwgNjAwIHwgNzAwIHwgODAwXG4gIGZvbnRTdHlsZT86ICdub3JtYWwnIHwgJ2l0YWxpYycgfCAnb2JsaXF1ZSdcbiAgZm9udERpc3BsYXk/OiAnYXV0bycgfCAnYmxvY2snIHwgJ3N3YXAnIHwgJ2ZhbGxiYWNrJyB8ICdvcHRpb25hbCdcbn1cblxuY29uc3QgREZEU19GT05UUzogRm9udERlZmluaXRpb25bXSA9IFtcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmYyOiByZWd1bGFyLCBmb250V2VpZ2h0OiA0MDAgfSxcbiAgeyBmb250RmFtaWx5OiAnREZEUycsIHdvZmYyOiBpdGFsaWMsIGZvbnRXZWlnaHQ6IDQwMCwgZm9udFN0eWxlOiAnaXRhbGljJyB9LFxuICB7IGZvbnRGYW1pbHk6ICdERkRTJywgd29mZjI6IGJvbGQsIGZvbnRXZWlnaHQ6IDcwMCB9LFxuICB7IGZvbnRGYW1pbHk6ICdERkRTJywgd29mZjI6IGxpZ2h0LCBmb250V2VpZ2h0OiAzMDAgfSxcbl1cblxuZnVuY3Rpb24gZm9udEZhY2Uoe1xuICBmb250RmFtaWx5LFxuICB3b2ZmMixcbiAgZm9udFdlaWdodCA9IDQwMCxcbiAgZm9udFN0eWxlID0gJ25vcm1hbCcsXG4gIGZvbnREaXNwbGF5ID0gJ2ZhbGxiYWNrJyxcbn06IEZvbnREZWZpbml0aW9uKSB7XG4gIHJldHVybiBgXG4gIEBmb250LWZhY2Uge1xuICAgIGZvbnQtZmFtaWx5OiAke2ZvbnRGYW1pbHl9O1xuICAgIHNyYzp1cmwoJHt3b2ZmMn0pIGZvcm1hdCgnd29mZjInKTtcbiAgICBmb250LXdlaWdodDogJHtmb250V2VpZ2h0fTtcbiAgICBmb250LXN0eWxlOiAke2ZvbnRTdHlsZX07XG4gICAgZm9udC1kaXNwbGF5OiAke2ZvbnREaXNwbGF5fTtcbiAgfWBcbn1cblxuZXhwb3J0IGNvbnN0IExheW91dCA9ICgpID0+IHtcbiAgY29uc3Qgc3R5ID0gY3NzYFxuICAgICR7REZEU19GT05UUy5yZWR1Y2UoKHByZXYsIGN1cikgPT4gKHByZXYgKz0gZm9udEZhY2UoY3VyKSksICcnKX1cblxuICAgICoge1xuICAgICAgZm9udC1mYW1pbHk6IERGRFM7XG4gICAgfVxuICBgXG4gIHJldHVybiA8R2xvYmFsIHN0eWxlcz17c3R5fSAvPlxufVxuIl19 */");
|
|
50
41
|
return ___EmotionJSX(Global, {
|
|
51
42
|
styles: sty
|
|
52
43
|
});
|
package/package.json
CHANGED
|
@@ -3,28 +3,28 @@
|
|
|
3
3
|
"description": "Shared react components within DFDS",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"private": false,
|
|
6
|
-
"version": "2.0.
|
|
6
|
+
"version": "2.0.23-alpha.01f1f4d4",
|
|
7
7
|
"sideEffects": false,
|
|
8
8
|
"main": "./cjs/index.js",
|
|
9
9
|
"module": "./index.js",
|
|
10
10
|
"esnext": "./index.js",
|
|
11
11
|
"typings": "./index.d.ts",
|
|
12
12
|
"peerDependencies": {
|
|
13
|
-
"@emotion/react": "
|
|
14
|
-
"@emotion/styled": "
|
|
13
|
+
"@emotion/react": "11.11.4",
|
|
14
|
+
"@emotion/styled": "11.11.5",
|
|
15
15
|
"react": ">= 17.0.2",
|
|
16
16
|
"react-dates": ">= 20.0.0",
|
|
17
17
|
"react-dom": ">= 17.0.2",
|
|
18
18
|
"react-select": "^4.0.0"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@dfds-ui/colors": "2.0.
|
|
22
|
-
"@dfds-ui/fonts": "2.0.
|
|
23
|
-
"@dfds-ui/hooks": "2.0.
|
|
24
|
-
"@dfds-ui/icons": "2.0.
|
|
25
|
-
"@dfds-ui/spacing": "2.0.
|
|
26
|
-
"@dfds-ui/theme": "2.0.
|
|
27
|
-
"@dfds-ui/typography": "2.0.
|
|
21
|
+
"@dfds-ui/colors": "2.0.23-alpha.01f1f4d4",
|
|
22
|
+
"@dfds-ui/fonts": "2.0.23-alpha.01f1f4d4",
|
|
23
|
+
"@dfds-ui/hooks": "2.0.23-alpha.01f1f4d4",
|
|
24
|
+
"@dfds-ui/icons": "2.0.23-alpha.01f1f4d4",
|
|
25
|
+
"@dfds-ui/spacing": "2.0.23-alpha.01f1f4d4",
|
|
26
|
+
"@dfds-ui/theme": "2.0.23-alpha.01f1f4d4",
|
|
27
|
+
"@dfds-ui/typography": "2.0.23-alpha.01f1f4d4",
|
|
28
28
|
"@kunukn/react-collapse": "^2.2.9",
|
|
29
29
|
"@mui/base": "^5.0.0-alpha.102",
|
|
30
30
|
"@mui/material": "^5.10.10",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"react-hook-intersection-observer": "^0.1.0",
|
|
37
37
|
"uuid": "^9.0.0"
|
|
38
38
|
},
|
|
39
|
-
"gitHead": "
|
|
39
|
+
"gitHead": "01f1f4d49a66d4c884f3046d987cdc9ab50b479b",
|
|
40
40
|
"publishConfig": {
|
|
41
41
|
"access": "public"
|
|
42
42
|
}
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
import { CollapseProps } from '@kunukn/react-collapse';
|
|
3
|
-
export declare type AccordionHeaderProps = {
|
|
4
|
-
/**
|
|
5
|
-
* Add heading to the Accordion.
|
|
6
|
-
*/
|
|
7
|
-
heading?: string;
|
|
8
|
-
/**
|
|
9
|
-
* Add secondary heading to the Accordion.
|
|
10
|
-
*/
|
|
11
|
-
secondaryHeading?: ReactNode;
|
|
12
|
-
/**
|
|
13
|
-
* Specify the duration of the transition between open and closed.
|
|
14
|
-
*/
|
|
15
|
-
transitionDuration?: string;
|
|
16
|
-
/**
|
|
17
|
-
* If set to `true` the Accordion is open.
|
|
18
|
-
*/
|
|
19
|
-
isOpen?: boolean;
|
|
20
|
-
/**
|
|
21
|
-
* Disable the Accordion.
|
|
22
|
-
*/
|
|
23
|
-
disabled?: boolean;
|
|
24
|
-
/**
|
|
25
|
-
* Use the Accordion without animation.
|
|
26
|
-
*/
|
|
27
|
-
noAnimation?: boolean;
|
|
28
|
-
/**
|
|
29
|
-
* Hide the secondary heading when the Accordion is opened.
|
|
30
|
-
*/
|
|
31
|
-
noSecondaryHeadingWhenOpen?: boolean;
|
|
32
|
-
/**
|
|
33
|
-
* Callback when toggling the accordion
|
|
34
|
-
*/
|
|
35
|
-
onToggle?: () => void;
|
|
36
|
-
};
|
|
37
|
-
export declare const AccordionHeader: React.FunctionComponent<AccordionHeaderProps>;
|
|
38
|
-
export declare type AccordionProps = {
|
|
39
|
-
/**
|
|
40
|
-
* Add heading to the Accordion.
|
|
41
|
-
*/
|
|
42
|
-
heading?: string;
|
|
43
|
-
/**
|
|
44
|
-
* Add a custom header to the Accordion.
|
|
45
|
-
*/
|
|
46
|
-
header?: ReactNode;
|
|
47
|
-
/**
|
|
48
|
-
* Add secondary heading to the Accordion.
|
|
49
|
-
*/
|
|
50
|
-
secondaryHeading?: ReactNode;
|
|
51
|
-
/**
|
|
52
|
-
* Specify the duration of the transition between open and closed.
|
|
53
|
-
*/
|
|
54
|
-
transitionDuration?: string;
|
|
55
|
-
/**
|
|
56
|
-
* If set to `true` the Accordion is open.
|
|
57
|
-
*/
|
|
58
|
-
isOpen?: boolean;
|
|
59
|
-
/**
|
|
60
|
-
* Disable the Accordion.
|
|
61
|
-
*/
|
|
62
|
-
disabled?: boolean;
|
|
63
|
-
/**
|
|
64
|
-
* Callback when toggling the accordion
|
|
65
|
-
*/
|
|
66
|
-
onToggle?: () => void;
|
|
67
|
-
/**
|
|
68
|
-
* Props passed on to the Collapse component
|
|
69
|
-
*/
|
|
70
|
-
collapseProps?: CollapseProps;
|
|
71
|
-
/**
|
|
72
|
-
* Use the Accordion without animation.
|
|
73
|
-
*/
|
|
74
|
-
noAnimation?: boolean;
|
|
75
|
-
/**
|
|
76
|
-
* The compressed variant removes the `margin-bottom` of the Accordion.
|
|
77
|
-
*/
|
|
78
|
-
variant?: 'default' | 'compressed';
|
|
79
|
-
/**
|
|
80
|
-
* Specify the content padding of the Accordion.
|
|
81
|
-
*/
|
|
82
|
-
type?: 'small' | 'medium';
|
|
83
|
-
/**
|
|
84
|
-
* Add a className to the Accordion.
|
|
85
|
-
*/
|
|
86
|
-
className?: string;
|
|
87
|
-
/**
|
|
88
|
-
* Hide the secondary heading when the Accordion is opened.
|
|
89
|
-
*/
|
|
90
|
-
noSecondaryHeadingWhenOpen?: boolean;
|
|
91
|
-
/**
|
|
92
|
-
* Hide the Divider (the grey line under the header)
|
|
93
|
-
*/
|
|
94
|
-
hideDivider?: boolean;
|
|
95
|
-
/**
|
|
96
|
-
* Updates component with children prop accordingly to the @types update
|
|
97
|
-
*/
|
|
98
|
-
children?: ReactNode;
|
|
99
|
-
};
|
|
100
|
-
export declare const Accordion: React.FunctionComponent<AccordionProps>;
|
|
101
|
-
export default Accordion;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare type AccordionContentProps = {
|
|
3
|
-
/**
|
|
4
|
-
* The compressed variant removes the `margin-bottom` of the Accordion.
|
|
5
|
-
*/
|
|
6
|
-
variant?: 'default' | 'compressed';
|
|
7
|
-
/**
|
|
8
|
-
* Specify the content padding of the Accordion.
|
|
9
|
-
*/
|
|
10
|
-
type?: 'small' | 'medium';
|
|
11
|
-
};
|
|
12
|
-
export declare const AccordionContent: React.FunctionComponent<AccordionContentProps>;
|
|
13
|
-
export default AccordionContent;
|