@amboss/design-system 1.9.6 → 1.9.8
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/build/cjs/build-tokens/assets/icons.json.js +1 -1
- package/build/cjs/build-tokens/assets/icons16.json.js +1 -1
- package/build/cjs/src/components/Badge/Badge.js +2 -1
- package/build/cjs/src/components/Box/Box.js +3 -2
- package/build/cjs/src/components/Button/Button.js +10 -7
- package/build/cjs/src/components/Callout/Callout.js +2 -1
- package/build/cjs/src/components/Card/Card.js +2 -1
- package/build/cjs/src/components/Card/CardBox.js +1 -0
- package/build/cjs/src/components/Collapsible/Collapsible.js +7 -4
- package/build/cjs/src/components/Column/Columns.js +6 -4
- package/build/cjs/src/components/Container/Container.js +2 -1
- package/build/cjs/src/components/Divider/Divider.js +5 -4
- package/build/cjs/src/components/DropdownMenu/DropdownMenu.js +5 -4
- package/build/cjs/src/components/Form/Checkbox/Checkbox.js +5 -4
- package/build/cjs/src/components/Form/FormErrorMessages/FormErrorMessages.js +1 -0
- package/build/cjs/src/components/Form/FormField/FormField.js +4 -2
- package/build/cjs/src/components/Form/FormFieldGroup/FormFieldGroup.js +3 -2
- package/build/cjs/src/components/Form/FormLabelText/FormLabelText.js +2 -1
- package/build/cjs/src/components/Form/Input/Input.js +8 -4
- package/build/cjs/src/components/Form/PasswordInput/PasswordInput.js +8 -4
- package/build/cjs/src/components/Form/Radio/Radio.js +5 -4
- package/build/cjs/src/components/Form/RadioButton/RadioButton.js +6 -4
- package/build/cjs/src/components/Form/Select/Select.js +10 -6
- package/build/cjs/src/components/Form/Textarea/Textarea.js +7 -3
- package/build/cjs/src/components/Form/Toggle/Toggle.js +6 -5
- package/build/cjs/src/components/Form/ToggleButton/ToggleButton.js +6 -5
- package/build/cjs/src/components/Icon/Icon.js +2 -1
- package/build/cjs/src/components/Inline/Inline.js +7 -4
- package/build/cjs/src/components/Link/Link.js +2 -1
- package/build/cjs/src/components/Logo/Logo.js +3 -2
- package/build/cjs/src/components/MediaItem/MediaItem.js +5 -4
- package/build/cjs/src/components/MediaViewerBar/MediaViewerBar.js +4 -3
- package/build/cjs/src/components/Notification/Notification.js +5 -3
- package/build/cjs/src/components/Patterns/ButtonGroup/ButtonGroup.js +2 -1
- package/build/cjs/src/components/Patterns/Modal/Modal.js +7 -6
- package/build/cjs/src/components/PictogramButton/PictogramButton.js +4 -2
- package/build/cjs/src/components/RoundButton/RoundButton.js +4 -2
- package/build/cjs/src/components/SearchResult/SearchResult.js +5 -4
- package/build/cjs/src/components/SegmentedProgressBar/SegmentedProgressBar.js +3 -2
- package/build/cjs/src/components/Stack/Stack.js +7 -4
- package/build/cjs/src/components/SubThemeProvider/SubThemeProvider.js +2 -1
- package/build/cjs/src/components/Tabs/Tabs.js +4 -3
- package/build/cjs/src/components/Typography/Header/Header.js +24 -6
- package/build/cjs/src/components/Typography/StyledText/StyledText.js +4 -3
- package/build/cjs/src/components/Typography/Text/Text.js +3 -2
- package/build/cjs/src/components/Typography/TextClamped/TextClamped.js +3 -2
- package/build/cjs/src/components/VirtualScrollList/VirtualScrollList.js +3 -2
- package/build/esm/build-tokens/assets/icons.json.js +1 -1
- package/build/esm/build-tokens/assets/icons16.json.js +1 -1
- package/build/esm/src/components/Badge/Badge.js +2 -1
- package/build/esm/src/components/Badge/Badge.js.map +1 -1
- package/build/esm/src/components/Box/Box.js +3 -2
- package/build/esm/src/components/Box/Box.js.map +1 -1
- package/build/esm/src/components/Button/Button.js +10 -7
- package/build/esm/src/components/Button/Button.js.map +1 -1
- package/build/esm/src/components/Callout/Callout.js +2 -1
- package/build/esm/src/components/Callout/Callout.js.map +1 -1
- package/build/esm/src/components/Card/Card.js +2 -1
- package/build/esm/src/components/Card/Card.js.map +1 -1
- package/build/esm/src/components/Card/CardBox.js +1 -0
- package/build/esm/src/components/Card/CardBox.js.map +1 -1
- package/build/esm/src/components/Collapsible/Collapsible.js +7 -4
- package/build/esm/src/components/Collapsible/Collapsible.js.map +1 -1
- package/build/esm/src/components/Column/Columns.d.ts +4 -0
- package/build/esm/src/components/Column/Columns.js +6 -4
- package/build/esm/src/components/Column/Columns.js.map +1 -1
- package/build/esm/src/components/Container/Container.js +2 -1
- package/build/esm/src/components/Container/Container.js.map +1 -1
- package/build/esm/src/components/Divider/Divider.js +5 -4
- package/build/esm/src/components/Divider/Divider.js.map +1 -1
- package/build/esm/src/components/DropdownMenu/DropdownMenu.js +5 -4
- package/build/esm/src/components/DropdownMenu/DropdownMenu.js.map +1 -1
- package/build/esm/src/components/Form/Checkbox/Checkbox.js +5 -4
- package/build/esm/src/components/Form/Checkbox/Checkbox.js.map +1 -1
- package/build/esm/src/components/Form/FormErrorMessages/FormErrorMessages.js +1 -0
- package/build/esm/src/components/Form/FormErrorMessages/FormErrorMessages.js.map +1 -1
- package/build/esm/src/components/Form/FormField/FormField.d.ts +3 -1
- package/build/esm/src/components/Form/FormField/FormField.js +4 -2
- package/build/esm/src/components/Form/FormField/FormField.js.map +1 -1
- package/build/esm/src/components/Form/FormFieldGroup/FormFieldGroup.js +3 -2
- package/build/esm/src/components/Form/FormFieldGroup/FormFieldGroup.js.map +1 -1
- package/build/esm/src/components/Form/FormLabelText/FormLabelText.js +2 -1
- package/build/esm/src/components/Form/FormLabelText/FormLabelText.js.map +1 -1
- package/build/esm/src/components/Form/Input/Input.js +7 -4
- package/build/esm/src/components/Form/Input/Input.js.map +1 -1
- package/build/esm/src/components/Form/PasswordInput/PasswordInput.js +7 -4
- package/build/esm/src/components/Form/PasswordInput/PasswordInput.js.map +1 -1
- package/build/esm/src/components/Form/Radio/Radio.js +5 -4
- package/build/esm/src/components/Form/Radio/Radio.js.map +1 -1
- package/build/esm/src/components/Form/RadioButton/RadioButton.js +6 -4
- package/build/esm/src/components/Form/RadioButton/RadioButton.js.map +1 -1
- package/build/esm/src/components/Form/Select/Select.js +9 -6
- package/build/esm/src/components/Form/Select/Select.js.map +1 -1
- package/build/esm/src/components/Form/Textarea/Textarea.js +6 -3
- package/build/esm/src/components/Form/Textarea/Textarea.js.map +1 -1
- package/build/esm/src/components/Form/Toggle/Toggle.js +6 -5
- package/build/esm/src/components/Form/Toggle/Toggle.js.map +1 -1
- package/build/esm/src/components/Form/ToggleButton/ToggleButton.js +6 -5
- package/build/esm/src/components/Form/ToggleButton/ToggleButton.js.map +1 -1
- package/build/esm/src/components/Icon/Icon.js +2 -1
- package/build/esm/src/components/Icon/Icon.js.map +1 -1
- package/build/esm/src/components/Inline/Inline.d.ts +3 -1
- package/build/esm/src/components/Inline/Inline.js +7 -4
- package/build/esm/src/components/Inline/Inline.js.map +1 -1
- package/build/esm/src/components/Link/Link.js +2 -1
- package/build/esm/src/components/Link/Link.js.map +1 -1
- package/build/esm/src/components/Logo/Logo.js +3 -2
- package/build/esm/src/components/Logo/Logo.js.map +1 -1
- package/build/esm/src/components/MediaItem/MediaItem.js +5 -4
- package/build/esm/src/components/MediaItem/MediaItem.js.map +1 -1
- package/build/esm/src/components/MediaViewerBar/MediaViewerBar.js +4 -3
- package/build/esm/src/components/MediaViewerBar/MediaViewerBar.js.map +1 -1
- package/build/esm/src/components/Notification/Notification.js +5 -3
- package/build/esm/src/components/Notification/Notification.js.map +1 -1
- package/build/esm/src/components/Patterns/ButtonGroup/ButtonGroup.js +2 -1
- package/build/esm/src/components/Patterns/ButtonGroup/ButtonGroup.js.map +1 -1
- package/build/esm/src/components/Patterns/Modal/Modal.js +7 -6
- package/build/esm/src/components/Patterns/Modal/Modal.js.map +1 -1
- package/build/esm/src/components/PictogramButton/PictogramButton.js +4 -2
- package/build/esm/src/components/PictogramButton/PictogramButton.js.map +1 -1
- package/build/esm/src/components/RoundButton/RoundButton.js +4 -2
- package/build/esm/src/components/RoundButton/RoundButton.js.map +1 -1
- package/build/esm/src/components/SearchResult/SearchResult.js +5 -4
- package/build/esm/src/components/SearchResult/SearchResult.js.map +1 -1
- package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBar.js +3 -2
- package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBar.js.map +1 -1
- package/build/esm/src/components/Stack/Stack.d.ts +3 -1
- package/build/esm/src/components/Stack/Stack.js +7 -4
- package/build/esm/src/components/Stack/Stack.js.map +1 -1
- package/build/esm/src/components/SubThemeProvider/SubThemeProvider.js +2 -1
- package/build/esm/src/components/SubThemeProvider/SubThemeProvider.js.map +1 -1
- package/build/esm/src/components/Tabs/Tabs.js +4 -3
- package/build/esm/src/components/Tabs/Tabs.js.map +1 -1
- package/build/esm/src/components/Typography/Header/Header.d.ts +2 -0
- package/build/esm/src/components/Typography/Header/Header.js +24 -6
- package/build/esm/src/components/Typography/Header/Header.js.map +1 -1
- package/build/esm/src/components/Typography/StyledText/StyledText.js +4 -3
- package/build/esm/src/components/Typography/StyledText/StyledText.js.map +1 -1
- package/build/esm/src/components/Typography/Text/Text.d.ts +2 -0
- package/build/esm/src/components/Typography/Text/Text.js +3 -2
- package/build/esm/src/components/Typography/Text/Text.js.map +1 -1
- package/build/esm/src/components/Typography/TextClamped/TextClamped.js +3 -2
- package/build/esm/src/components/Typography/TextClamped/TextClamped.js.map +1 -1
- package/build/esm/src/components/VirtualScrollList/VirtualScrollList.js +3 -2
- package/build/esm/src/components/VirtualScrollList/VirtualScrollList.js.map +1 -1
- package/package.json +1 -1
|
@@ -8,7 +8,8 @@ const defaultProps = {
|
|
|
8
8
|
space: "xs",
|
|
9
9
|
noWrap: false,
|
|
10
10
|
vAlignItems: "top",
|
|
11
|
-
"data-e2e-test-id": undefined
|
|
11
|
+
"data-e2e-test-id": undefined,
|
|
12
|
+
"data-ds-id": "Inline"
|
|
12
13
|
};
|
|
13
14
|
const makeNegative = obj => Object.entries(obj).map(_ref => {
|
|
14
15
|
let [key, value] = _ref;
|
|
@@ -53,7 +54,7 @@ const InlineContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
|
|
|
53
54
|
flexDirection: "row",
|
|
54
55
|
flexWrap: noWrap ? "nowrap" : "wrap"
|
|
55
56
|
};
|
|
56
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
57
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklubGluZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUV3QiIsImZpbGUiOiJJbmxpbmUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBmbGF0dGVuQ2hpbGRyZW4gfSBmcm9tIFwiLi4vLi4vc2hhcmVkL2ZsYXR0ZW5DaGlsZHJlblwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5pbXBvcnQge1xuICBIb3Jpem9udGFsQWxpZ25tZW50LFxuICBTcGFjZVNpemVzLFxuICBWZXJ0aWNhbEFsaWdubWVudCxcbiAgTVEsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG50eXBlIElubGluZVByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gIC8qKiBSZXByZXNlbnRzIHRoZSBzcGFjaW5nIGJldHdlZW4gdGhlIElubGluZSdzIGNoaWxkcmVuLlxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gc3BhY2UsIG1lZGl1bSBzY3JlZW4gc3BhY2UsIGxhcmdlIHNjcmVlbiBzcGFjZV0gb3Igb25lIHNwYWNlIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqL1xuICBzcGFjZT86IE1RPFNwYWNlU2l6ZXM+IHwgU3BhY2VTaXplcztcbiAgLyoqIFJlcHJlc2VudHMgdGhlIHZlcnRpY2FsIHNwYWNpbmcgYmV0d2VlbiB0aGUgSW5saW5lJ3MgY2hpbGRyZW4uIEl0IG92ZXJyaWRlcyB0aGUgaW5oZXJpdGVkIHZlcnRpY2FsIHNwYWNpbmcgZnJvbSBgc3BhY2VgIGlmIHNldC5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHNwYWNlLCBtZWRpdW0gc2NyZWVuIHNwYWNlLCBsYXJnZSBzY3JlZW4gc3BhY2VdIG9yIG9uZSBzcGFjZSBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgdlNwYWNlPzogTVE8U3BhY2VTaXplcz4gfCBTcGFjZVNpemVzO1xuICAvKiogUmVwcmVzZW50cyBlbGVtZW50cycgaG9yaXpvbnRhbCBhbGlnbm1lbnRcbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIGFsaWduSXRlbXMsIG1lZGl1bSBzY3JlZW4gYWxpZ25JdGVtcywgbGFyZ2Ugc2NyZWVuIGFsaWduSXRlbXNdIG9yIG9uZSBhbGlnbkl0ZW1zIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqL1xuICBhbGlnbkl0ZW1zPzogTVE8SG9yaXpvbnRhbEFsaWdubWVudD4gfCBIb3Jpem9udGFsQWxpZ25tZW50O1xuICAvKiogUmVwcmVzZW50cyBlbGVtZW50cycgdmVydGljYWwgYWxpZ25tZW50XG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiB2QWxpZ25JdGVtcywgbWVkaXVtIHNjcmVlbiB2QWxpZ25JdGVtcywgbGFyZ2Ugc2NyZWVuIHZBbGlnbkl0ZW1zXSBvciBvbmUgdkFsaWduSXRlbXMgZm9yIGFsbCBzY3JlZW4gc2l6ZXNcbiAgICovXG4gIHZBbGlnbkl0ZW1zPzogTVE8VmVydGljYWxBbGlnbm1lbnQ+IHwgVmVydGljYWxBbGlnbm1lbnQ7XG4gIC8qKiBTZXQgdG8gdHJ1ZSB0byBkaXNhYmxlIHdyYXBwaW5nIHByb3BlcnR5ICovXG4gIG5vV3JhcD86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICAvKiogQGlnbm9yZSAqL1xuICBcImRhdGEtZHMtaWRcIj86IHN0cmluZztcbn07XG5cbnR5cGUgSW5saW5lSXRlbVByb3BzID0ge1xuICAvKiogUmVwcmVzZW50cyB0aGUgc3BhY2luZyBiZXR3ZWVuIHRoZSBJbmxpbmUncyBjaGlsZHJlbi5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHNwYWNlLCBtZWRpdW0gc2NyZWVuIHNwYWNlLCBsYXJnZSBzY3JlZW4gc3BhY2VdIG9yIG9uZSBzcGFjZSBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgc3BhY2U/OiBNUTxTcGFjZVNpemVzPiB8IFNwYWNlU2l6ZXM7XG4gIC8qKiBSZXByZXNlbnRzIHRoZSB2ZXJ0aWNhbCBzcGFjaW5nIGJldHdlZW4gdGhlIElubGluZSdzIGNoaWxkcmVuLiBJdCBvdmVycmlkZXMgdGhlIGluaGVyaXRlZCB2ZXJ0aWNhbCBzcGFjaW5nIGZyb20gYHNwYWNlYCBpZiBzZXQuXG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiBzcGFjZSwgbWVkaXVtIHNjcmVlbiBzcGFjZSwgbGFyZ2Ugc2NyZWVuIHNwYWNlXSBvciBvbmUgc3BhY2UgZm9yIGFsbCBzY3JlZW4gc2l6ZXNcbiAgICovXG4gIHZTcGFjZT86IE1RPFNwYWNlU2l6ZXM+IHwgU3BhY2VTaXplcztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxJbmxpbmVQcm9wcz4gPSB7XG4gIGFsaWduSXRlbXM6IFwibGVmdFwiLFxuICBzcGFjZTogXCJ4c1wiLFxuICBub1dyYXA6IGZhbHNlLFxuICB2QWxpZ25JdGVtczogXCJ0b3BcIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSW5saW5lXCIsXG59O1xuXG5jb25zdCBtYWtlTmVnYXRpdmUgPSAob2JqOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+KTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9PlxuICBPYmplY3QuZW50cmllcyhvYmopXG4gICAgLm1hcCgoW2tleSwgdmFsdWVdKSA9PiBba2V5LCBgLSR7dmFsdWV9YF0pXG4gICAgLnJlZHVjZSgoYWNjLCBba2V5LCB2YWx1ZV0pID0+IHtcbiAgICAgIGFjY1trZXldID0gdmFsdWU7XG4gICAgICByZXR1cm4gYWNjO1xuICAgIH0sIHt9IGFzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4pO1xuXG5jb25zdCBJbmxpbmVDb250YWluZXIgPSBzdHlsZWQuZGl2PElubGluZVByb3BzPihcbiAgKHsgYWxpZ25JdGVtcywgdkFsaWduSXRlbXMsIHNwYWNlLCB2U3BhY2UsIHRoZW1lLCBub1dyYXAgfSkgPT4gKHtcbiAgICAuLi5tcSh7XG4gICAgICBhbGlnbkl0ZW1zOiBbXG4gICAgICAgIHZBbGlnbkl0ZW1zLFxuICAgICAgICB7XG4gICAgICAgICAgdG9wOiBcImZsZXgtc3RhcnRcIixcbiAgICAgICAgICBib3R0b206IFwiZmxleC1lbmRcIixcbiAgICAgICAgICBjZW50ZXI6IFwiY2VudGVyXCIsXG4gICAgICAgICAgc3BhY2VCZXR3ZWVuOiBcInNwYWNlLWJldHdlZW5cIixcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgICBqdXN0aWZ5Q29udGVudDogW1xuICAgICAgICBhbGlnbkl0ZW1zLFxuICAgICAgICB7XG4gICAgICAgICAgbGVmdDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgICAgICAgcmlnaHQ6IFwiZmxleC1lbmRcIixcbiAgICAgICAgICBjZW50ZXI6IFwiY2VudGVyXCIsXG4gICAgICAgICAgc3BhY2VCZXR3ZWVuOiBcInNwYWNlLWJldHdlZW5cIixcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgICBtYXJnaW5MZWZ0OiBbc3BhY2UsIG1ha2VOZWdhdGl2ZSh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nKV0sXG4gICAgICBtYXJnaW5Ub3A6IFt2U3BhY2UsIG1ha2VOZWdhdGl2ZSh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nKV0sXG4gICAgfSksXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICBmbGV4V3JhcDogbm9XcmFwID8gXCJub3dyYXBcIiA6IFwid3JhcFwiLFxuICB9KVxuKTtcblxuY29uc3QgSW5saW5lSXRlbSA9IHN0eWxlZC5kaXY8SW5saW5lSXRlbVByb3BzPigoeyB0aGVtZSwgc3BhY2UsIHZTcGFjZSB9KSA9PiAoe1xuICAuLi5tcSh7XG4gICAgbWFyZ2luVG9wOiBbdlNwYWNlLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgICBtYXJnaW5MZWZ0OiBbc3BhY2UsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICB9KSxcbiAgXCImOmVtcHR5XCI6IHtcbiAgICBtYXJnaW5Ub3A6IDAsXG4gICAgbWFyZ2luTGVmdDogMCxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIElubGluZSh7XG4gIGNoaWxkcmVuLFxuICBhbGlnbkl0ZW1zLFxuICB2QWxpZ25JdGVtcyxcbiAgc3BhY2UsXG4gIHZTcGFjZSA9IHNwYWNlLFxuICBub1dyYXAsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBcImRhdGEtZHMtaWRcIjogZGF0YURzSWQsXG59OiBJbmxpbmVQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPElubGluZUNvbnRhaW5lclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9e2RhdGFEc0lkfVxuICAgICAgYWxpZ25JdGVtcz17YWxpZ25JdGVtc31cbiAgICAgIHZBbGlnbkl0ZW1zPXt2QWxpZ25JdGVtc31cbiAgICAgIHNwYWNlPXtzcGFjZX1cbiAgICAgIHZTcGFjZT17dlNwYWNlfVxuICAgICAgbm9XcmFwPXtub1dyYXB9XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChcbiAgICAgICAgZmxhdHRlbkNoaWxkcmVuKGNoaWxkcmVuKSxcbiAgICAgICAgKGNoaWxkKSA9PlxuICAgICAgICAgIGNoaWxkICYmIChcbiAgICAgICAgICAgIDxJbmxpbmVJdGVtIHNwYWNlPXtzcGFjZX0gdlNwYWNlPXt2U3BhY2V9PlxuICAgICAgICAgICAgICB7Y2hpbGR9XG4gICAgICAgICAgICA8L0lubGluZUl0ZW0+XG4gICAgICAgICAgKVxuICAgICAgKX1cbiAgICA8L0lubGluZUNvbnRhaW5lcj5cbiAgKTtcbn1cblxuSW5saW5lLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */");
|
|
57
58
|
const InlineItem = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
58
59
|
target: "e1tnky2o0"
|
|
59
60
|
} : {
|
|
@@ -75,7 +76,7 @@ const InlineItem = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "product
|
|
|
75
76
|
marginLeft: 0
|
|
76
77
|
}
|
|
77
78
|
};
|
|
78
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
79
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklubGluZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0ZtQiIsImZpbGUiOiJJbmxpbmUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBmbGF0dGVuQ2hpbGRyZW4gfSBmcm9tIFwiLi4vLi4vc2hhcmVkL2ZsYXR0ZW5DaGlsZHJlblwiO1xuaW1wb3J0IHsgbXEgfSBmcm9tIFwiLi4vLi4vc2hhcmVkL21lZGlhUXVlcmllc1wiO1xuXG5pbXBvcnQge1xuICBIb3Jpem9udGFsQWxpZ25tZW50LFxuICBTcGFjZVNpemVzLFxuICBWZXJ0aWNhbEFsaWdubWVudCxcbiAgTVEsXG59IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG50eXBlIElubGluZVByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlW10gfCBSZWFjdC5SZWFjdEVsZW1lbnQ7XG4gIC8qKiBSZXByZXNlbnRzIHRoZSBzcGFjaW5nIGJldHdlZW4gdGhlIElubGluZSdzIGNoaWxkcmVuLlxuICAgKiBzcGVjaWZ5IFtzbWFsbCBzY3JlZW4gc3BhY2UsIG1lZGl1bSBzY3JlZW4gc3BhY2UsIGxhcmdlIHNjcmVlbiBzcGFjZV0gb3Igb25lIHNwYWNlIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqL1xuICBzcGFjZT86IE1RPFNwYWNlU2l6ZXM+IHwgU3BhY2VTaXplcztcbiAgLyoqIFJlcHJlc2VudHMgdGhlIHZlcnRpY2FsIHNwYWNpbmcgYmV0d2VlbiB0aGUgSW5saW5lJ3MgY2hpbGRyZW4uIEl0IG92ZXJyaWRlcyB0aGUgaW5oZXJpdGVkIHZlcnRpY2FsIHNwYWNpbmcgZnJvbSBgc3BhY2VgIGlmIHNldC5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHNwYWNlLCBtZWRpdW0gc2NyZWVuIHNwYWNlLCBsYXJnZSBzY3JlZW4gc3BhY2VdIG9yIG9uZSBzcGFjZSBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgdlNwYWNlPzogTVE8U3BhY2VTaXplcz4gfCBTcGFjZVNpemVzO1xuICAvKiogUmVwcmVzZW50cyBlbGVtZW50cycgaG9yaXpvbnRhbCBhbGlnbm1lbnRcbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIGFsaWduSXRlbXMsIG1lZGl1bSBzY3JlZW4gYWxpZ25JdGVtcywgbGFyZ2Ugc2NyZWVuIGFsaWduSXRlbXNdIG9yIG9uZSBhbGlnbkl0ZW1zIGZvciBhbGwgc2NyZWVuIHNpemVzXG4gICAqL1xuICBhbGlnbkl0ZW1zPzogTVE8SG9yaXpvbnRhbEFsaWdubWVudD4gfCBIb3Jpem9udGFsQWxpZ25tZW50O1xuICAvKiogUmVwcmVzZW50cyBlbGVtZW50cycgdmVydGljYWwgYWxpZ25tZW50XG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiB2QWxpZ25JdGVtcywgbWVkaXVtIHNjcmVlbiB2QWxpZ25JdGVtcywgbGFyZ2Ugc2NyZWVuIHZBbGlnbkl0ZW1zXSBvciBvbmUgdkFsaWduSXRlbXMgZm9yIGFsbCBzY3JlZW4gc2l6ZXNcbiAgICovXG4gIHZBbGlnbkl0ZW1zPzogTVE8VmVydGljYWxBbGlnbm1lbnQ+IHwgVmVydGljYWxBbGlnbm1lbnQ7XG4gIC8qKiBTZXQgdG8gdHJ1ZSB0byBkaXNhYmxlIHdyYXBwaW5nIHByb3BlcnR5ICovXG4gIG5vV3JhcD86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICAvKiogQGlnbm9yZSAqL1xuICBcImRhdGEtZHMtaWRcIj86IHN0cmluZztcbn07XG5cbnR5cGUgSW5saW5lSXRlbVByb3BzID0ge1xuICAvKiogUmVwcmVzZW50cyB0aGUgc3BhY2luZyBiZXR3ZWVuIHRoZSBJbmxpbmUncyBjaGlsZHJlbi5cbiAgICogc3BlY2lmeSBbc21hbGwgc2NyZWVuIHNwYWNlLCBtZWRpdW0gc2NyZWVuIHNwYWNlLCBsYXJnZSBzY3JlZW4gc3BhY2VdIG9yIG9uZSBzcGFjZSBmb3IgYWxsIHNjcmVlbiBzaXplc1xuICAgKi9cbiAgc3BhY2U/OiBNUTxTcGFjZVNpemVzPiB8IFNwYWNlU2l6ZXM7XG4gIC8qKiBSZXByZXNlbnRzIHRoZSB2ZXJ0aWNhbCBzcGFjaW5nIGJldHdlZW4gdGhlIElubGluZSdzIGNoaWxkcmVuLiBJdCBvdmVycmlkZXMgdGhlIGluaGVyaXRlZCB2ZXJ0aWNhbCBzcGFjaW5nIGZyb20gYHNwYWNlYCBpZiBzZXQuXG4gICAqIHNwZWNpZnkgW3NtYWxsIHNjcmVlbiBzcGFjZSwgbWVkaXVtIHNjcmVlbiBzcGFjZSwgbGFyZ2Ugc2NyZWVuIHNwYWNlXSBvciBvbmUgc3BhY2UgZm9yIGFsbCBzY3JlZW4gc2l6ZXNcbiAgICovXG4gIHZTcGFjZT86IE1RPFNwYWNlU2l6ZXM+IHwgU3BhY2VTaXplcztcbn07XG5cbmNvbnN0IGRlZmF1bHRQcm9wczogUGFydGlhbDxJbmxpbmVQcm9wcz4gPSB7XG4gIGFsaWduSXRlbXM6IFwibGVmdFwiLFxuICBzcGFjZTogXCJ4c1wiLFxuICBub1dyYXA6IGZhbHNlLFxuICB2QWxpZ25JdGVtczogXCJ0b3BcIixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IHVuZGVmaW5lZCxcbiAgXCJkYXRhLWRzLWlkXCI6IFwiSW5saW5lXCIsXG59O1xuXG5jb25zdCBtYWtlTmVnYXRpdmUgPSAob2JqOiBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+KTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9PlxuICBPYmplY3QuZW50cmllcyhvYmopXG4gICAgLm1hcCgoW2tleSwgdmFsdWVdKSA9PiBba2V5LCBgLSR7dmFsdWV9YF0pXG4gICAgLnJlZHVjZSgoYWNjLCBba2V5LCB2YWx1ZV0pID0+IHtcbiAgICAgIGFjY1trZXldID0gdmFsdWU7XG4gICAgICByZXR1cm4gYWNjO1xuICAgIH0sIHt9IGFzIFJlY29yZDxzdHJpbmcsIHN0cmluZz4pO1xuXG5jb25zdCBJbmxpbmVDb250YWluZXIgPSBzdHlsZWQuZGl2PElubGluZVByb3BzPihcbiAgKHsgYWxpZ25JdGVtcywgdkFsaWduSXRlbXMsIHNwYWNlLCB2U3BhY2UsIHRoZW1lLCBub1dyYXAgfSkgPT4gKHtcbiAgICAuLi5tcSh7XG4gICAgICBhbGlnbkl0ZW1zOiBbXG4gICAgICAgIHZBbGlnbkl0ZW1zLFxuICAgICAgICB7XG4gICAgICAgICAgdG9wOiBcImZsZXgtc3RhcnRcIixcbiAgICAgICAgICBib3R0b206IFwiZmxleC1lbmRcIixcbiAgICAgICAgICBjZW50ZXI6IFwiY2VudGVyXCIsXG4gICAgICAgICAgc3BhY2VCZXR3ZWVuOiBcInNwYWNlLWJldHdlZW5cIixcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgICBqdXN0aWZ5Q29udGVudDogW1xuICAgICAgICBhbGlnbkl0ZW1zLFxuICAgICAgICB7XG4gICAgICAgICAgbGVmdDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgICAgICAgcmlnaHQ6IFwiZmxleC1lbmRcIixcbiAgICAgICAgICBjZW50ZXI6IFwiY2VudGVyXCIsXG4gICAgICAgICAgc3BhY2VCZXR3ZWVuOiBcInNwYWNlLWJldHdlZW5cIixcbiAgICAgICAgfSxcbiAgICAgIF0sXG4gICAgICBtYXJnaW5MZWZ0OiBbc3BhY2UsIG1ha2VOZWdhdGl2ZSh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nKV0sXG4gICAgICBtYXJnaW5Ub3A6IFt2U3BhY2UsIG1ha2VOZWdhdGl2ZSh0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nKV0sXG4gICAgfSksXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgZmxleERpcmVjdGlvbjogXCJyb3dcIixcbiAgICBmbGV4V3JhcDogbm9XcmFwID8gXCJub3dyYXBcIiA6IFwid3JhcFwiLFxuICB9KVxuKTtcblxuY29uc3QgSW5saW5lSXRlbSA9IHN0eWxlZC5kaXY8SW5saW5lSXRlbVByb3BzPigoeyB0aGVtZSwgc3BhY2UsIHZTcGFjZSB9KSA9PiAoe1xuICAuLi5tcSh7XG4gICAgbWFyZ2luVG9wOiBbdlNwYWNlLCB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nXSxcbiAgICBtYXJnaW5MZWZ0OiBbc3BhY2UsIHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmddLFxuICB9KSxcbiAgXCImOmVtcHR5XCI6IHtcbiAgICBtYXJnaW5Ub3A6IDAsXG4gICAgbWFyZ2luTGVmdDogMCxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIElubGluZSh7XG4gIGNoaWxkcmVuLFxuICBhbGlnbkl0ZW1zLFxuICB2QWxpZ25JdGVtcyxcbiAgc3BhY2UsXG4gIHZTcGFjZSA9IHNwYWNlLFxuICBub1dyYXAsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxuICBcImRhdGEtZHMtaWRcIjogZGF0YURzSWQsXG59OiBJbmxpbmVQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIHJldHVybiAoXG4gICAgPElubGluZUNvbnRhaW5lclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9e2RhdGFEc0lkfVxuICAgICAgYWxpZ25JdGVtcz17YWxpZ25JdGVtc31cbiAgICAgIHZBbGlnbkl0ZW1zPXt2QWxpZ25JdGVtc31cbiAgICAgIHNwYWNlPXtzcGFjZX1cbiAgICAgIHZTcGFjZT17dlNwYWNlfVxuICAgICAgbm9XcmFwPXtub1dyYXB9XG4gICAgPlxuICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChcbiAgICAgICAgZmxhdHRlbkNoaWxkcmVuKGNoaWxkcmVuKSxcbiAgICAgICAgKGNoaWxkKSA9PlxuICAgICAgICAgIGNoaWxkICYmIChcbiAgICAgICAgICAgIDxJbmxpbmVJdGVtIHNwYWNlPXtzcGFjZX0gdlNwYWNlPXt2U3BhY2V9PlxuICAgICAgICAgICAgICB7Y2hpbGR9XG4gICAgICAgICAgICA8L0lubGluZUl0ZW0+XG4gICAgICAgICAgKVxuICAgICAgKX1cbiAgICA8L0lubGluZUNvbnRhaW5lcj5cbiAgKTtcbn1cblxuSW5saW5lLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcbiJdfQ== */");
|
|
79
80
|
function Inline(_ref5) {
|
|
80
81
|
let {
|
|
81
82
|
children,
|
|
@@ -84,10 +85,12 @@ function Inline(_ref5) {
|
|
|
84
85
|
space,
|
|
85
86
|
vSpace = space,
|
|
86
87
|
noWrap,
|
|
87
|
-
"data-e2e-test-id": dataE2eTestId
|
|
88
|
+
"data-e2e-test-id": dataE2eTestId,
|
|
89
|
+
"data-ds-id": dataDsId
|
|
88
90
|
} = _ref5;
|
|
89
91
|
return /*#__PURE__*/React.createElement(InlineContainer, {
|
|
90
92
|
"data-e2e-test-id": dataE2eTestId,
|
|
93
|
+
"data-ds-id": dataDsId,
|
|
91
94
|
alignItems: alignItems,
|
|
92
95
|
vAlignItems: vAlignItems,
|
|
93
96
|
space: space,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Inline.js","sources":["../../../../../src/components/Inline/Inline.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { flattenChildren } from \"../../shared/flattenChildren\";\nimport { mq } from \"../../shared/mediaQueries\";\n\nimport {\n HorizontalAlignment,\n SpaceSizes,\n VerticalAlignment,\n MQ,\n} from \"../../types\";\n\ntype InlineProps = {\n children: React.ReactNode[] | React.ReactElement;\n /** Represents the spacing between the Inline's children.\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n */\n space?: MQ<SpaceSizes> | SpaceSizes;\n /** Represents the vertical spacing between the Inline's children. It overrides the inherited vertical spacing from `space` if set.\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n */\n vSpace?: MQ<SpaceSizes> | SpaceSizes;\n /** Represents elements' horizontal alignment\n * specify [small screen alignItems, medium screen alignItems, large screen alignItems] or one alignItems for all screen sizes\n */\n alignItems?: MQ<HorizontalAlignment> | HorizontalAlignment;\n /** Represents elements' vertical alignment\n * specify [small screen vAlignItems, medium screen vAlignItems, large screen vAlignItems] or one vAlignItems for all screen sizes\n */\n vAlignItems?: MQ<VerticalAlignment> | VerticalAlignment;\n /** Set to true to disable wrapping property */\n noWrap?: boolean;\n \"data-e2e-test-id\"?: string;\n};\n\ntype InlineItemProps = {\n /** Represents the spacing between the Inline's children.\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n */\n space?: MQ<SpaceSizes> | SpaceSizes;\n /** Represents the vertical spacing between the Inline's children. It overrides the inherited vertical spacing from `space` if set.\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n */\n vSpace?: MQ<SpaceSizes> | SpaceSizes;\n};\n\nconst defaultProps: Partial<InlineProps> = {\n alignItems: \"left\",\n space: \"xs\",\n noWrap: false,\n vAlignItems: \"top\",\n \"data-e2e-test-id\": undefined,\n};\n\nconst makeNegative = (obj: Record<string, string>): Record<string, string> =>\n Object.entries(obj)\n .map(([key, value]) => [key, `-${value}`])\n .reduce((acc, [key, value]) => {\n acc[key] = value;\n return acc;\n }, {} as Record<string, string>);\n\nconst InlineContainer = styled.div<InlineProps>(\n ({ alignItems, vAlignItems, space, vSpace, theme, noWrap }) => ({\n ...mq({\n alignItems: [\n vAlignItems,\n {\n top: \"flex-start\",\n bottom: \"flex-end\",\n center: \"center\",\n spaceBetween: \"space-between\",\n },\n ],\n justifyContent: [\n alignItems,\n {\n left: \"flex-start\",\n right: \"flex-end\",\n center: \"center\",\n spaceBetween: \"space-between\",\n },\n ],\n marginLeft: [space, makeNegative(theme.variables.size.spacing)],\n marginTop: [vSpace, makeNegative(theme.variables.size.spacing)],\n }),\n display: \"flex\",\n flexDirection: \"row\",\n flexWrap: noWrap ? \"nowrap\" : \"wrap\",\n })\n);\n\nconst InlineItem = styled.div<InlineItemProps>(({ theme, space, vSpace }) => ({\n ...mq({\n marginTop: [vSpace, theme.variables.size.spacing],\n marginLeft: [space, theme.variables.size.spacing],\n }),\n \"&:empty\": {\n marginTop: 0,\n marginLeft: 0,\n },\n}));\n\nexport function Inline({\n children,\n alignItems,\n vAlignItems,\n space,\n vSpace = space,\n noWrap,\n \"data-e2e-test-id\": dataE2eTestId,\n}: InlineProps): React.ReactElement {\n return (\n <InlineContainer\n data-e2e-test-id={dataE2eTestId}\n alignItems={alignItems}\n vAlignItems={vAlignItems}\n space={space}\n vSpace={vSpace}\n noWrap={noWrap}\n >\n {React.Children.map(\n flattenChildren(children),\n (child) =>\n child && (\n <InlineItem space={space} vSpace={vSpace}>\n {child}\n </InlineItem>\n )\n )}\n </InlineContainer>\n );\n}\n\nInline.defaultProps = defaultProps;\n"],"names":["defaultProps","alignItems","space","noWrap","vAlignItems","undefined","makeNegative","obj","Object","entries","map","_ref","key","value","reduce","acc","_ref2","InlineContainer","_styled","process","env","NODE_ENV","target","label","_ref3","vSpace","theme","mq","top","bottom","center","spaceBetween","justifyContent","left","right","marginLeft","variables","size","spacing","marginTop","display","flexDirection","flexWrap","InlineItem","_ref4","Inline","_ref5","children","dataE2eTestId","React","createElement","Children","flattenChildren","child"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"Inline.js","sources":["../../../../../src/components/Inline/Inline.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { flattenChildren } from \"../../shared/flattenChildren\";\nimport { mq } from \"../../shared/mediaQueries\";\n\nimport {\n HorizontalAlignment,\n SpaceSizes,\n VerticalAlignment,\n MQ,\n} from \"../../types\";\n\ntype InlineProps = {\n children: React.ReactNode[] | React.ReactElement;\n /** Represents the spacing between the Inline's children.\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n */\n space?: MQ<SpaceSizes> | SpaceSizes;\n /** Represents the vertical spacing between the Inline's children. It overrides the inherited vertical spacing from `space` if set.\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n */\n vSpace?: MQ<SpaceSizes> | SpaceSizes;\n /** Represents elements' horizontal alignment\n * specify [small screen alignItems, medium screen alignItems, large screen alignItems] or one alignItems for all screen sizes\n */\n alignItems?: MQ<HorizontalAlignment> | HorizontalAlignment;\n /** Represents elements' vertical alignment\n * specify [small screen vAlignItems, medium screen vAlignItems, large screen vAlignItems] or one vAlignItems for all screen sizes\n */\n vAlignItems?: MQ<VerticalAlignment> | VerticalAlignment;\n /** Set to true to disable wrapping property */\n noWrap?: boolean;\n \"data-e2e-test-id\"?: string;\n /** @ignore */\n \"data-ds-id\"?: string;\n};\n\ntype InlineItemProps = {\n /** Represents the spacing between the Inline's children.\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n */\n space?: MQ<SpaceSizes> | SpaceSizes;\n /** Represents the vertical spacing between the Inline's children. It overrides the inherited vertical spacing from `space` if set.\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n */\n vSpace?: MQ<SpaceSizes> | SpaceSizes;\n};\n\nconst defaultProps: Partial<InlineProps> = {\n alignItems: \"left\",\n space: \"xs\",\n noWrap: false,\n vAlignItems: \"top\",\n \"data-e2e-test-id\": undefined,\n \"data-ds-id\": \"Inline\",\n};\n\nconst makeNegative = (obj: Record<string, string>): Record<string, string> =>\n Object.entries(obj)\n .map(([key, value]) => [key, `-${value}`])\n .reduce((acc, [key, value]) => {\n acc[key] = value;\n return acc;\n }, {} as Record<string, string>);\n\nconst InlineContainer = styled.div<InlineProps>(\n ({ alignItems, vAlignItems, space, vSpace, theme, noWrap }) => ({\n ...mq({\n alignItems: [\n vAlignItems,\n {\n top: \"flex-start\",\n bottom: \"flex-end\",\n center: \"center\",\n spaceBetween: \"space-between\",\n },\n ],\n justifyContent: [\n alignItems,\n {\n left: \"flex-start\",\n right: \"flex-end\",\n center: \"center\",\n spaceBetween: \"space-between\",\n },\n ],\n marginLeft: [space, makeNegative(theme.variables.size.spacing)],\n marginTop: [vSpace, makeNegative(theme.variables.size.spacing)],\n }),\n display: \"flex\",\n flexDirection: \"row\",\n flexWrap: noWrap ? \"nowrap\" : \"wrap\",\n })\n);\n\nconst InlineItem = styled.div<InlineItemProps>(({ theme, space, vSpace }) => ({\n ...mq({\n marginTop: [vSpace, theme.variables.size.spacing],\n marginLeft: [space, theme.variables.size.spacing],\n }),\n \"&:empty\": {\n marginTop: 0,\n marginLeft: 0,\n },\n}));\n\nexport function Inline({\n children,\n alignItems,\n vAlignItems,\n space,\n vSpace = space,\n noWrap,\n \"data-e2e-test-id\": dataE2eTestId,\n \"data-ds-id\": dataDsId,\n}: InlineProps): React.ReactElement {\n return (\n <InlineContainer\n data-e2e-test-id={dataE2eTestId}\n data-ds-id={dataDsId}\n alignItems={alignItems}\n vAlignItems={vAlignItems}\n space={space}\n vSpace={vSpace}\n noWrap={noWrap}\n >\n {React.Children.map(\n flattenChildren(children),\n (child) =>\n child && (\n <InlineItem space={space} vSpace={vSpace}>\n {child}\n </InlineItem>\n )\n )}\n </InlineContainer>\n );\n}\n\nInline.defaultProps = defaultProps;\n"],"names":["defaultProps","alignItems","space","noWrap","vAlignItems","undefined","makeNegative","obj","Object","entries","map","_ref","key","value","reduce","acc","_ref2","InlineContainer","_styled","process","env","NODE_ENV","target","label","_ref3","vSpace","theme","mq","top","bottom","center","spaceBetween","justifyContent","left","right","marginLeft","variables","size","spacing","marginTop","display","flexDirection","flexWrap","InlineItem","_ref4","Inline","_ref5","children","dataE2eTestId","dataDsId","React","createElement","Children","flattenChildren","child"],"mappings":"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"}
|
|
@@ -45,7 +45,7 @@ const StyledLink = /*#__PURE__*/_styled("a", process.env.NODE_ENV === "productio
|
|
|
45
45
|
lineHeight: theme.variables.size.lineHeight.link[size],
|
|
46
46
|
fontFamily: theme.variables.fontFamily.lato
|
|
47
47
|
};
|
|
48
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmsudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDbUIiLCJmaWxlIjoiTGluay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG4vKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9kZWZhdWx0LXByb3BzLW1hdGNoLXByb3AtdHlwZXMgKi9cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHtcbiAgTGlua1ZhcmlhdGlvbnMsXG4gIExpbmtUZXh0U2l6ZSxcbiAgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wcyxcbiAgQXNQcm9wLFxufSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcbmltcG9ydCB7IGluZm9ybURlcHJlY2F0aW9uIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9pbmZvcm1EZXByZWNhdGlvblwiO1xuXG50eXBlIExpbmtQcm9wcyA9IHtcbiAgc2l6ZT86IExpbmtUZXh0U2l6ZTtcbiAgd2VpZ2h0PzogXCJub3JtYWxcIiB8IFwiYm9sZFwiIHwgXCJpbmhlcml0XCI7XG4gIHZhcmlhbnQ/OiBMaW5rVmFyaWF0aW9ucztcbiAgb25DbGljaz86ICgpID0+IHZvaWQ7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQYXJ0aWFsPExpbmtQcm9wcz4gJiBBc1Byb3A8XCJhXCI+ID0ge1xuICB2YXJpYW50OiBcInNlY29uZGFyeVwiLFxuICBhczogXCJhXCIsXG59O1xuXG5jb25zdCBoYW5kbGVIb3ZlciA9ICh0aGVtZTogVGhlbWUsIHZhcmlhbnQ6IExpbmtWYXJpYXRpb25zKSA9PiB7XG4gIHN3aXRjaCAodmFyaWFudCkge1xuICAgIGNhc2UgXCJwcmltYXJ5XCI6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLnRleHQubGluay5wcmltYXJ5SG92ZXI7XG4gICAgY2FzZSBcInRlcnRpYXJ5XCI6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLnRleHQubGluay50ZXJ0aWFyeUhvdmVyO1xuICAgIGNhc2UgXCJzZWNvbmRhcnlcIjpcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lmxpbmsuc2Vjb25kYXJ5SG92ZXI7XG4gIH1cbn07XG5cbmNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQuYTxQYXJ0aWFsPExpbmtQcm9wcz4+KFxuICAoeyB0aGVtZSwgd2VpZ2h0LCB2YXJpYW50LCBzaXplIH0pID0+ICh7XG4gICAgdGV4dERlY29yYXRpb246IFwidW5kZXJsaW5lXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQubGlua1t2YXJpYW50XSxcbiAgICBiYWNrZ3JvdW5kOiBcIm5vbmVcIixcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGNvbG9yOiBoYW5kbGVIb3Zlcih0aGVtZSwgdmFyaWFudCksXG4gICAgfSxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5saW5rW3NpemVdLFxuICAgIFwiZm9udC13ZWlnaHRcIjogU3RyaW5nKHRoZW1lLnZhcmlhYmxlcy53ZWlnaHRbd2VpZ2h0XSksXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5saW5rW3NpemVdLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gTGluazxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImFcIj4oe1xuICBjaGlsZHJlbixcbiAgc2l6ZSxcbiAgd2VpZ2h0LFxuICB2YXJpYW50LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgLi4ucmVzdFxufTogUG9seW1vcnBoaWNDb21wb25lbnRQcm9wczxDLCBMaW5rUHJvcHM+
|
|
48
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxpbmsudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDbUIiLCJmaWxlIjoiTGluay50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG4vKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9kZWZhdWx0LXByb3BzLW1hdGNoLXByb3AtdHlwZXMgKi9cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcblxuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBUaGVtZSB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHtcbiAgTGlua1ZhcmlhdGlvbnMsXG4gIExpbmtUZXh0U2l6ZSxcbiAgUG9seW1vcnBoaWNDb21wb25lbnRQcm9wcyxcbiAgQXNQcm9wLFxufSBmcm9tIFwiLi4vLi4vdHlwZXNcIjtcbmltcG9ydCB7IGluZm9ybURlcHJlY2F0aW9uIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9pbmZvcm1EZXByZWNhdGlvblwiO1xuXG50eXBlIExpbmtQcm9wcyA9IHtcbiAgc2l6ZT86IExpbmtUZXh0U2l6ZTtcbiAgd2VpZ2h0PzogXCJub3JtYWxcIiB8IFwiYm9sZFwiIHwgXCJpbmhlcml0XCI7XG4gIHZhcmlhbnQ/OiBMaW5rVmFyaWF0aW9ucztcbiAgb25DbGljaz86ICgpID0+IHZvaWQ7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQYXJ0aWFsPExpbmtQcm9wcz4gJiBBc1Byb3A8XCJhXCI+ID0ge1xuICB2YXJpYW50OiBcInNlY29uZGFyeVwiLFxuICBhczogXCJhXCIsXG59O1xuXG5jb25zdCBoYW5kbGVIb3ZlciA9ICh0aGVtZTogVGhlbWUsIHZhcmlhbnQ6IExpbmtWYXJpYXRpb25zKSA9PiB7XG4gIHN3aXRjaCAodmFyaWFudCkge1xuICAgIGNhc2UgXCJwcmltYXJ5XCI6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLnRleHQubGluay5wcmltYXJ5SG92ZXI7XG4gICAgY2FzZSBcInRlcnRpYXJ5XCI6XG4gICAgICByZXR1cm4gdGhlbWUudmFsdWVzLmNvbG9yLnRleHQubGluay50ZXJ0aWFyeUhvdmVyO1xuICAgIGNhc2UgXCJzZWNvbmRhcnlcIjpcbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0Lmxpbmsuc2Vjb25kYXJ5SG92ZXI7XG4gIH1cbn07XG5cbmNvbnN0IFN0eWxlZExpbmsgPSBzdHlsZWQuYTxQYXJ0aWFsPExpbmtQcm9wcz4+KFxuICAoeyB0aGVtZSwgd2VpZ2h0LCB2YXJpYW50LCBzaXplIH0pID0+ICh7XG4gICAgdGV4dERlY29yYXRpb246IFwidW5kZXJsaW5lXCIsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQubGlua1t2YXJpYW50XSxcbiAgICBiYWNrZ3JvdW5kOiBcIm5vbmVcIixcbiAgICBib3JkZXI6IFwibm9uZVwiLFxuICAgIHBhZGRpbmc6IDAsXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgIGNvbG9yOiBoYW5kbGVIb3Zlcih0aGVtZSwgdmFyaWFudCksXG4gICAgfSxcbiAgICBmb250U2l6ZTogdGhlbWUudmFyaWFibGVzLnNpemUuZm9udC5saW5rW3NpemVdLFxuICAgIFwiZm9udC13ZWlnaHRcIjogU3RyaW5nKHRoZW1lLnZhcmlhYmxlcy53ZWlnaHRbd2VpZ2h0XSksXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC5saW5rW3NpemVdLFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gTGluazxDIGV4dGVuZHMgUmVhY3QuRWxlbWVudFR5cGUgPSBcImFcIj4oe1xuICBjaGlsZHJlbixcbiAgc2l6ZSxcbiAgd2VpZ2h0LFxuICB2YXJpYW50LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgLi4ucmVzdFxufTogUG9seW1vcnBoaWNDb21wb25lbnRQcm9wczxDLCBMaW5rUHJvcHM+KTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgaWYgKHZhcmlhbnQgPT09IChcImxpZ2h0LXByaW1hcnlcIiBhcyBMaW5rVmFyaWF0aW9ucykpIHtcbiAgICBpbmZvcm1EZXByZWNhdGlvbihcbiAgICAgIHZhcmlhbnQsXG4gICAgICBcImxpZ2h0LXByaW1hcnlcIixcbiAgICAgIFwiTGluayBjb21wb25lbnRcIixcbiAgICAgIFwiUGxlYXNlIGNvbnNpZGVyIHVzaW5nIFN1YlRoZW1lUHJvdmlkZXIuIFxcbiBEZWxldGUgYWxsIG1lbnRpb25zIG9mIGxpZ2h0LXByaW1hcnkgaW4gRFMgYWZ0ZXIuXCJcbiAgICApO1xuICB9XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZExpbmtcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiTGlua1wiXG4gICAgICB2YXJpYW50PXt2YXJpYW50fVxuICAgICAgc2l6ZT17c2l6ZX1cbiAgICAgIHdlaWdodD17d2VpZ2h0fVxuICAgICAgey4uLnJlc3R9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkTGluaz5cbiAgKTtcbn1cblxuTGluay5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG4iXX0= */");
|
|
49
49
|
function Link(_ref2) {
|
|
50
50
|
let {
|
|
51
51
|
children,
|
|
@@ -60,6 +60,7 @@ function Link(_ref2) {
|
|
|
60
60
|
}
|
|
61
61
|
return /*#__PURE__*/React.createElement(StyledLink, _extends({
|
|
62
62
|
"data-e2e-test-id": dataE2eTestId,
|
|
63
|
+
"data-ds-id": "Link",
|
|
63
64
|
variant: variant,
|
|
64
65
|
size: size,
|
|
65
66
|
weight: weight
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sources":["../../../../../src/components/Link/Link.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable react/default-props-match-prop-types */\nimport React from \"react\";\n\nimport styled from \"@emotion/styled\";\nimport { Theme } from \"@emotion/react\";\nimport {\n LinkVariations,\n LinkTextSize,\n PolymorphicComponentProps,\n AsProp,\n} from \"../../types\";\nimport { informDeprecation } from \"../../shared/informDeprecation\";\n\ntype LinkProps = {\n size?: LinkTextSize;\n weight?: \"normal\" | \"bold\" | \"inherit\";\n variant?: LinkVariations;\n onClick?: () => void;\n \"data-e2e-test-id\"?: string;\n};\n\nconst defaultProps: Partial<LinkProps> & AsProp<\"a\"> = {\n variant: \"secondary\",\n as: \"a\",\n};\n\nconst handleHover = (theme: Theme, variant: LinkVariations) => {\n switch (variant) {\n case \"primary\":\n return theme.values.color.text.link.primaryHover;\n case \"tertiary\":\n return theme.values.color.text.link.tertiaryHover;\n case \"secondary\":\n default:\n return theme.values.color.text.link.secondaryHover;\n }\n};\n\nconst StyledLink = styled.a<Partial<LinkProps>>(\n ({ theme, weight, variant, size }) => ({\n textDecoration: \"underline\",\n cursor: \"pointer\",\n color: theme.values.color.text.link[variant],\n background: \"none\",\n border: \"none\",\n padding: 0,\n \"&:hover\": {\n color: handleHover(theme, variant),\n },\n fontSize: theme.variables.size.font.link[size],\n \"font-weight\": String(theme.variables.weight[weight]),\n lineHeight: theme.variables.size.lineHeight.link[size],\n fontFamily: theme.variables.fontFamily.lato,\n })\n);\n\nexport function Link<C extends React.ElementType = \"a\">({\n children,\n size,\n weight,\n variant,\n \"data-e2e-test-id\": dataE2eTestId,\n ...rest\n}: PolymorphicComponentProps<C, LinkProps>): React.ReactElement {\n if (variant === (\"light-primary\" as LinkVariations)) {\n informDeprecation(\n variant,\n \"light-primary\",\n \"Link component\",\n \"Please consider using SubThemeProvider. \\n Delete all mentions of light-primary in DS after.\"\n );\n }\n return (\n <StyledLink\n data-e2e-test-id={dataE2eTestId}\n variant={variant}\n size={size}\n weight={weight}\n {...rest}\n >\n {children}\n </StyledLink>\n );\n}\n\nLink.defaultProps = defaultProps;\n"],"names":["defaultProps","variant","as","handleHover","theme","values","color","text","link","primaryHover","tertiaryHover","secondaryHover","StyledLink","_styled","process","env","NODE_ENV","target","label","_ref","weight","size","textDecoration","cursor","background","border","padding","fontSize","variables","font","String","lineHeight","fontFamily","lato","Link","_ref2","children","dataE2eTestId","rest","informDeprecation","React","createElement","_extends"],"mappings":";;;;;AAsBA,MAAMA,YAA8C,GAAG;AACrDC,EAAAA,OAAO,EAAE,WAAW;AACpBC,EAAAA,EAAE,EAAE,GAAA;AACN,CAAC,CAAA;AAED,MAAMC,WAAW,GAAGA,CAACC,KAAY,EAAEH,OAAuB,KAAK;AAC7D,EAAA,QAAQA,OAAO;AACb,IAAA,KAAK,SAAS;MACZ,OAAOG,KAAK,CAACC,MAAM,CAACC,KAAK,CAACC,IAAI,CAACC,IAAI,CAACC,YAAY,CAAA;AAClD,IAAA,KAAK,UAAU;MACb,OAAOL,KAAK,CAACC,MAAM,CAACC,KAAK,CAACC,IAAI,CAACC,IAAI,CAACE,aAAa,CAAA;AACnD,IAAA,KAAK,WAAW,CAAA;AAChB,IAAA;MACE,OAAON,KAAK,CAACC,MAAM,CAACC,KAAK,CAACC,IAAI,CAACC,IAAI,CAACG,cAAc,CAAA;AAAC,GAAA;AAEzD,CAAC,CAAA;AAED,MAAMC,UAAU,gBAAGC,OAAA,CAAA,GAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,YAAA;AAAA,CAAA,CAAA,CACjBC,IAAA,IAAA;EAAA,IAAC;IAAEf,KAAK;IAAEgB,MAAM;IAAEnB,OAAO;AAAEoB,IAAAA,IAAAA;AAAK,GAAC,GAAAF,IAAA,CAAA;EAAA,OAAM;AACrCG,IAAAA,cAAc,EAAE,WAAW;AAC3BC,IAAAA,MAAM,EAAE,SAAS;AACjBjB,IAAAA,KAAK,EAAEF,KAAK,CAACC,MAAM,CAACC,KAAK,CAACC,IAAI,CAACC,IAAI,CAACP,OAAO,CAAC;AAC5CuB,IAAAA,UAAU,EAAE,MAAM;AAClBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,OAAO,EAAE,CAAC;AACV,IAAA,SAAS,EAAE;AACTpB,MAAAA,KAAK,EAAEH,WAAW,CAACC,KAAK,EAAEH,OAAO,CAAA;KAClC;AACD0B,IAAAA,QAAQ,EAAEvB,KAAK,CAACwB,SAAS,CAACP,IAAI,CAACQ,IAAI,CAACrB,IAAI,CAACa,IAAI,CAAC;IAC9C,aAAa,EAAES,MAAM,CAAC1B,KAAK,CAACwB,SAAS,CAACR,MAAM,CAACA,MAAM,CAAC,CAAC;AACrDW,IAAAA,UAAU,EAAE3B,KAAK,CAACwB,SAAS,CAACP,IAAI,CAACU,UAAU,CAACvB,IAAI,CAACa,IAAI,CAAC;AACtDW,IAAAA,UAAU,EAAE5B,KAAK,CAACwB,SAAS,CAACI,UAAU,CAACC,IAAAA;GACxC,CAAA;AAAA,CAAC,EAAAnB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KACH,YAAA,GAAA,EAAA,GAAA,
|
|
1
|
+
{"version":3,"file":"Link.js","sources":["../../../../../src/components/Link/Link.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n/* eslint-disable react/default-props-match-prop-types */\nimport React from \"react\";\n\nimport styled from \"@emotion/styled\";\nimport { Theme } from \"@emotion/react\";\nimport {\n LinkVariations,\n LinkTextSize,\n PolymorphicComponentProps,\n AsProp,\n} from \"../../types\";\nimport { informDeprecation } from \"../../shared/informDeprecation\";\n\ntype LinkProps = {\n size?: LinkTextSize;\n weight?: \"normal\" | \"bold\" | \"inherit\";\n variant?: LinkVariations;\n onClick?: () => void;\n \"data-e2e-test-id\"?: string;\n};\n\nconst defaultProps: Partial<LinkProps> & AsProp<\"a\"> = {\n variant: \"secondary\",\n as: \"a\",\n};\n\nconst handleHover = (theme: Theme, variant: LinkVariations) => {\n switch (variant) {\n case \"primary\":\n return theme.values.color.text.link.primaryHover;\n case \"tertiary\":\n return theme.values.color.text.link.tertiaryHover;\n case \"secondary\":\n default:\n return theme.values.color.text.link.secondaryHover;\n }\n};\n\nconst StyledLink = styled.a<Partial<LinkProps>>(\n ({ theme, weight, variant, size }) => ({\n textDecoration: \"underline\",\n cursor: \"pointer\",\n color: theme.values.color.text.link[variant],\n background: \"none\",\n border: \"none\",\n padding: 0,\n \"&:hover\": {\n color: handleHover(theme, variant),\n },\n fontSize: theme.variables.size.font.link[size],\n \"font-weight\": String(theme.variables.weight[weight]),\n lineHeight: theme.variables.size.lineHeight.link[size],\n fontFamily: theme.variables.fontFamily.lato,\n })\n);\n\nexport function Link<C extends React.ElementType = \"a\">({\n children,\n size,\n weight,\n variant,\n \"data-e2e-test-id\": dataE2eTestId,\n ...rest\n}: PolymorphicComponentProps<C, LinkProps>): React.ReactElement {\n if (variant === (\"light-primary\" as LinkVariations)) {\n informDeprecation(\n variant,\n \"light-primary\",\n \"Link component\",\n \"Please consider using SubThemeProvider. \\n Delete all mentions of light-primary in DS after.\"\n );\n }\n return (\n <StyledLink\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Link\"\n variant={variant}\n size={size}\n weight={weight}\n {...rest}\n >\n {children}\n </StyledLink>\n );\n}\n\nLink.defaultProps = defaultProps;\n"],"names":["defaultProps","variant","as","handleHover","theme","values","color","text","link","primaryHover","tertiaryHover","secondaryHover","StyledLink","_styled","process","env","NODE_ENV","target","label","_ref","weight","size","textDecoration","cursor","background","border","padding","fontSize","variables","font","String","lineHeight","fontFamily","lato","Link","_ref2","children","dataE2eTestId","rest","informDeprecation","React","createElement","_extends"],"mappings":"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"}
|
|
@@ -14,7 +14,7 @@ const StyledLogoElement = /*#__PURE__*/_styled("a", process.env.NODE_ENV === "pr
|
|
|
14
14
|
return {
|
|
15
15
|
color: theme.values.color.logo.base
|
|
16
16
|
};
|
|
17
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvZ28udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcwQiIsImZpbGUiOiJMb2dvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IGxvZ28gZnJvbSBcIi4uLy4uLy4uL2J1aWxkLXRva2Vucy9hc3NldHMvbG9nby5qc29uXCI7XG5cbmV4cG9ydCB0eXBlIExvZ29Qcm9wcyA9IHtcbiAgaHJlZjogc3RyaW5nO1xuICBhcmlhTGFiZWw/OiBzdHJpbmc7XG4gIHJvbGU/
|
|
17
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxvZ28udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVcwQiIsImZpbGUiOiJMb2dvLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IGxvZ28gZnJvbSBcIi4uLy4uLy4uL2J1aWxkLXRva2Vucy9hc3NldHMvbG9nby5qc29uXCI7XG5cbmV4cG9ydCB0eXBlIExvZ29Qcm9wcyA9IHtcbiAgaHJlZjogc3RyaW5nO1xuICBhcmlhTGFiZWw/OiBzdHJpbmc7XG4gIHJvbGU/OiBzdHJpbmc7XG4gIFwiZGF0YS10ZXN0aWRcIj86IHN0cmluZztcbn07XG5cbmNvbnN0IFN0eWxlZExvZ29FbGVtZW50ID0gc3R5bGVkLmEoKHsgdGhlbWUgfSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5sb2dvLmJhc2UsXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBMb2dvKHtcbiAgaHJlZixcbiAgYXJpYUxhYmVsID0gXCJNYWluXCIsXG4gIHJvbGUgPSBcIm5hdmlnYXRpb25cIixcbiAgXCJkYXRhLXRlc3RpZFwiOiBkYXRhVGVzdElkLFxufTogTG9nb1Byb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTG9nb0VsZW1lbnRcbiAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICByb2xlPXtyb2xlfVxuICAgICAgZGFuZ2Vyb3VzbHlTZXRJbm5lckhUTUw9e3tcbiAgICAgICAgX19odG1sOiBsb2dvW1wiYW1ib3NzLWxvZ29cIl0sXG4gICAgICB9fVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICBkYXRhLWRzLWlkPVwiTG9nb1wiXG4gICAgLz5cbiAgKTtcbn1cbiJdfQ== */");
|
|
18
18
|
function Logo(_ref2) {
|
|
19
19
|
let {
|
|
20
20
|
href,
|
|
@@ -29,7 +29,8 @@ function Logo(_ref2) {
|
|
|
29
29
|
dangerouslySetInnerHTML: {
|
|
30
30
|
__html: logo["amboss-logo"]
|
|
31
31
|
},
|
|
32
|
-
"data-testid": dataTestId
|
|
32
|
+
"data-testid": dataTestId,
|
|
33
|
+
"data-ds-id": "Logo"
|
|
33
34
|
});
|
|
34
35
|
}
|
|
35
36
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Logo.js","sources":["../../../../../src/components/Logo/Logo.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport logo from \"../../../build-tokens/assets/logo.json\";\n\nexport type LogoProps = {\n href: string;\n ariaLabel?: string;\n role?: string;\n \"data-testid\"?: string;\n};\n\nconst StyledLogoElement = styled.a(({ theme }) => ({\n color: theme.values.color.logo.base,\n}));\n\nexport function Logo({\n href,\n ariaLabel = \"Main\",\n role = \"navigation\",\n \"data-testid\": dataTestId,\n}: LogoProps): React.ReactElement {\n return (\n <StyledLogoElement\n href={href}\n aria-label={ariaLabel}\n role={role}\n dangerouslySetInnerHTML={{\n __html: logo[\"amboss-logo\"],\n }}\n data-testid={dataTestId}\n />\n );\n}\n"],"names":["StyledLogoElement","_styled","process","env","NODE_ENV","target","label","_ref","theme","color","values","logo","base","Logo","_ref2","href","ariaLabel","role","dataTestId","React","createElement","dangerouslySetInnerHTML","__html"],"mappings":";;;;AAWA,MAAMA,iBAAiB,gBAAGC,OAAA,CAAA,GAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,mBAAA;AAAA,CAAA,CAAA,CAASC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;IACjDE,KAAK,EAAED,KAAK,CAACE,MAAM,CAACD,KAAK,CAACE,IAAI,CAACC,IAAAA;GAChC,CAAA;AAAA,CAAC,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,
|
|
1
|
+
{"version":3,"file":"Logo.js","sources":["../../../../../src/components/Logo/Logo.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport logo from \"../../../build-tokens/assets/logo.json\";\n\nexport type LogoProps = {\n href: string;\n ariaLabel?: string;\n role?: string;\n \"data-testid\"?: string;\n};\n\nconst StyledLogoElement = styled.a(({ theme }) => ({\n color: theme.values.color.logo.base,\n}));\n\nexport function Logo({\n href,\n ariaLabel = \"Main\",\n role = \"navigation\",\n \"data-testid\": dataTestId,\n}: LogoProps): React.ReactElement {\n return (\n <StyledLogoElement\n href={href}\n aria-label={ariaLabel}\n role={role}\n dangerouslySetInnerHTML={{\n __html: logo[\"amboss-logo\"],\n }}\n data-testid={dataTestId}\n data-ds-id=\"Logo\"\n />\n );\n}\n"],"names":["StyledLogoElement","_styled","process","env","NODE_ENV","target","label","_ref","theme","color","values","logo","base","Logo","_ref2","href","ariaLabel","role","dataTestId","React","createElement","dangerouslySetInnerHTML","__html"],"mappings":";;;;AAWA,MAAMA,iBAAiB,gBAAGC,OAAA,CAAA,GAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,mBAAA;AAAA,CAAA,CAAA,CAASC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;IACjDE,KAAK,EAAED,KAAK,CAACE,MAAM,CAACD,KAAK,CAACE,IAAI,CAACC,IAAAA;GAChC,CAAA;AAAA,CAAC,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,6tCAAA,CAAA,CAAA;AAEI,SAASS,IAAIA,CAAAC,KAAA,EAKc;EAAA,IALb;IACnBC,IAAI;AACJC,IAAAA,SAAS,GAAG,MAAM;AAClBC,IAAAA,IAAI,GAAG,YAAY;AACnB,IAAA,aAAa,EAAEC,UAAAA;AACN,GAAC,GAAAJ,KAAA,CAAA;AACV,EAAA,oBACEK,KAAA,CAAAC,aAAA,CAACpB,iBAAiB,EAAA;AAChBe,IAAAA,IAAI,EAAEA,IAAK;AACX,IAAA,YAAA,EAAYC,SAAU;AACtBC,IAAAA,IAAI,EAAEA,IAAK;AACXI,IAAAA,uBAAuB,EAAE;MACvBC,MAAM,EAAEX,IAAI,CAAC,aAAa,CAAA;KAC1B;AACF,IAAA,aAAA,EAAaO,UAAW;IACxB,YAAW,EAAA,MAAA;GACX,CAAA,CAAA;AAEN;;;;"}
|
|
@@ -25,7 +25,7 @@ const StyledMediaContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV ==
|
|
|
25
25
|
height: "100%"
|
|
26
26
|
})
|
|
27
27
|
};
|
|
28
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUI2QiIsImZpbGUiOiJNZWRpYUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5cbmV4cG9ydCB0eXBlIE1lZGlhSXRlbVByb3BzID0ge1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqIFNldHMgdGhlIGhlaWdodCBvZiB0aGUgbWVkaWEgdG8gZXF1YWwgdGhlIHdpZHRoIHZhbHVlIG1ha2luZyBhIHNxdWFyZSA8YnIvPlxuICAgKi9cbiAgc3F1YXJlQnlXaWR0aD86IGJvb2xlYW47XG4gIC8qKiBTcGVjaWZ5IGZpdCBvZiB0aGUgbWVkaWEgYmFja2dyb3VuZC4gPGJyLz5cbiAgICogXCJjb250YWluXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbywgYnV0IGlzIHJlc2l6ZWQgdG8gZml0IHdpdGhpbiB0aGUgZ2l2ZW4gZGltZW5zaW9uLiA8YnIvPlxuICAgKiBcImNvdmVyXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbyBhbmQgZmlsbHMgdGhlIGdpdmVuIGRpbWVuc2lvbi4gVGhlIG1lZGlhIHdpbGwgYmUgY2xpcHBlZCB0byBmaXQuXG4gICAqL1xuICBmaXQ6IFwiY292ZXJcIiB8IFwiY29udGFpblwiO1xufTtcblxuY29uc3QgU3R5bGVkTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PihcbiAgKHsgc3F1YXJlQnlXaWR0aCB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiB0cmFuc3BhcmVudFwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogXCJpbmhlcml0XCIsXG4gICAgLi4uKHNxdWFyZUJ5V2lkdGggJiYgeyBwYWRkaW5nVG9wOiBcIjEwMCVcIiB9KSxcbiAgICAuLi4oIXNxdWFyZUJ5V2lkdGggJiYgeyBoZWlnaHQ6IFwiMTAwJVwiIH0pLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkTWVkaWEgPSBzdHlsZWQuaW1nPFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PigoeyB0aGVtZSwgZml0IH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGJhY2tncm91bmRQb3NpdGlvbjogXCJjZW50ZXJcIixcbiAgb2JqZWN0Rml0OiBmaXQsXG4gIGJhY2tncm91bmRSZXBlYXQ6IFwibm8tcmVwZWF0XCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiOmdsb2JhbCguaXNEYXJrbW9kZUFjdGl2ZSkgJlwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5sYXllcl8xLFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+
|
|
28
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUI2QiIsImZpbGUiOiJNZWRpYUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5cbmV4cG9ydCB0eXBlIE1lZGlhSXRlbVByb3BzID0ge1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqIFNldHMgdGhlIGhlaWdodCBvZiB0aGUgbWVkaWEgdG8gZXF1YWwgdGhlIHdpZHRoIHZhbHVlIG1ha2luZyBhIHNxdWFyZSA8YnIvPlxuICAgKi9cbiAgc3F1YXJlQnlXaWR0aD86IGJvb2xlYW47XG4gIC8qKiBTcGVjaWZ5IGZpdCBvZiB0aGUgbWVkaWEgYmFja2dyb3VuZC4gPGJyLz5cbiAgICogXCJjb250YWluXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbywgYnV0IGlzIHJlc2l6ZWQgdG8gZml0IHdpdGhpbiB0aGUgZ2l2ZW4gZGltZW5zaW9uLiA8YnIvPlxuICAgKiBcImNvdmVyXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbyBhbmQgZmlsbHMgdGhlIGdpdmVuIGRpbWVuc2lvbi4gVGhlIG1lZGlhIHdpbGwgYmUgY2xpcHBlZCB0byBmaXQuXG4gICAqL1xuICBmaXQ6IFwiY292ZXJcIiB8IFwiY29udGFpblwiO1xufTtcblxuY29uc3QgU3R5bGVkTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PihcbiAgKHsgc3F1YXJlQnlXaWR0aCB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiB0cmFuc3BhcmVudFwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogXCJpbmhlcml0XCIsXG4gICAgLi4uKHNxdWFyZUJ5V2lkdGggJiYgeyBwYWRkaW5nVG9wOiBcIjEwMCVcIiB9KSxcbiAgICAuLi4oIXNxdWFyZUJ5V2lkdGggJiYgeyBoZWlnaHQ6IFwiMTAwJVwiIH0pLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkTWVkaWEgPSBzdHlsZWQuaW1nPFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PigoeyB0aGVtZSwgZml0IH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGJhY2tncm91bmRQb3NpdGlvbjogXCJjZW50ZXJcIixcbiAgb2JqZWN0Rml0OiBmaXQsXG4gIGJhY2tncm91bmRSZXBlYXQ6IFwibm8tcmVwZWF0XCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiOmdsb2JhbCguaXNEYXJrbW9kZUFjdGl2ZSkgJlwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5sYXllcl8xLFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PihcbiAgKHsgdGhlbWUsIHNxdWFyZUJ5V2lkdGggfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnNlY29uZGFyeS5ob3ZlcixcbiAgICAuLi4oc3F1YXJlQnlXaWR0aCAmJiB7IHBhZGRpbmdUb3A6IFwiMTAwJVwiIH0pLFxuICAgIC4uLighc3F1YXJlQnlXaWR0aCAmJiB7IGhlaWdodDogXCIxMDAlXCIgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gTWVkaWFJdGVtKHtcbiAgc3JjLFxuICB0aXRsZSxcbiAgc3F1YXJlQnlXaWR0aCxcbiAgZml0LFxufTogTWVkaWFJdGVtUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbc3JjRXJyb3IsIHNldFNyY0Vycm9yXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBpbWFnZSA9IG5ldyBJbWFnZSgpO1xuICBpbWFnZS5zcmMgPSBzcmM7XG4gIGltYWdlLm9uZXJyb3IgPSAoKSA9PiB7XG4gICAgaWYgKCFzcmNFcnJvcikge1xuICAgICAgc2V0U3JjRXJyb3IodHJ1ZSk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1lZGlhQ29udGFpbmVyIHNxdWFyZUJ5V2lkdGg9e3NxdWFyZUJ5V2lkdGh9IGRhdGEtZHMtaWQ9XCJNZWRpYUl0ZW1cIj5cbiAgICAgIHshc3JjRXJyb3IgPyAoXG4gICAgICAgIDxTdHlsZWRNZWRpYSBzcmM9e3NyY30gdGl0bGU9e3RpdGxlfSBhbHQ9e3RpdGxlfSBmaXQ9e2ZpdH0gLz5cbiAgICAgICkgOiAoXG4gICAgICAgIDxTdHlsZWRDb250YWluZXIgdGl0bGU9XCJFcnJvciBub3QgZm91bmRcIj5cbiAgICAgICAgICA8SWNvbiBuYW1lPVwiaW1hZ2UtYnJva2VuXCIgdmFyaWFudD1cInRlcnRpYXJ5XCIgLz5cbiAgICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgICApfVxuICAgIDwvU3R5bGVkTWVkaWFDb250YWluZXI+XG4gICk7XG59XG5cbk1lZGlhSXRlbS5kZWZhdWx0UHJvcHMgPSB7XG4gIG1lZGlhQ292ZXI6IHRydWUsXG4gIHNxdWFyZUJ5V2lkdGg6IGZhbHNlLFxuICBmaXQ6IFwiY292ZXJcIixcbn07XG4iXX0= */");
|
|
29
29
|
const StyledMedia = /*#__PURE__*/_styled("img", process.env.NODE_ENV === "production" ? {
|
|
30
30
|
target: "e18zu6wq1"
|
|
31
31
|
} : {
|
|
@@ -51,7 +51,7 @@ const StyledMedia = /*#__PURE__*/_styled("img", process.env.NODE_ENV === "produc
|
|
|
51
51
|
backgroundColor: theme.values.color.background.layer_1
|
|
52
52
|
}
|
|
53
53
|
};
|
|
54
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJvQiIsImZpbGUiOiJNZWRpYUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5cbmV4cG9ydCB0eXBlIE1lZGlhSXRlbVByb3BzID0ge1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqIFNldHMgdGhlIGhlaWdodCBvZiB0aGUgbWVkaWEgdG8gZXF1YWwgdGhlIHdpZHRoIHZhbHVlIG1ha2luZyBhIHNxdWFyZSA8YnIvPlxuICAgKi9cbiAgc3F1YXJlQnlXaWR0aD86IGJvb2xlYW47XG4gIC8qKiBTcGVjaWZ5IGZpdCBvZiB0aGUgbWVkaWEgYmFja2dyb3VuZC4gPGJyLz5cbiAgICogXCJjb250YWluXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbywgYnV0IGlzIHJlc2l6ZWQgdG8gZml0IHdpdGhpbiB0aGUgZ2l2ZW4gZGltZW5zaW9uLiA8YnIvPlxuICAgKiBcImNvdmVyXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbyBhbmQgZmlsbHMgdGhlIGdpdmVuIGRpbWVuc2lvbi4gVGhlIG1lZGlhIHdpbGwgYmUgY2xpcHBlZCB0byBmaXQuXG4gICAqL1xuICBmaXQ6IFwiY292ZXJcIiB8IFwiY29udGFpblwiO1xufTtcblxuY29uc3QgU3R5bGVkTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PihcbiAgKHsgc3F1YXJlQnlXaWR0aCB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiB0cmFuc3BhcmVudFwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogXCJpbmhlcml0XCIsXG4gICAgLi4uKHNxdWFyZUJ5V2lkdGggJiYgeyBwYWRkaW5nVG9wOiBcIjEwMCVcIiB9KSxcbiAgICAuLi4oIXNxdWFyZUJ5V2lkdGggJiYgeyBoZWlnaHQ6IFwiMTAwJVwiIH0pLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkTWVkaWEgPSBzdHlsZWQuaW1nPFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PigoeyB0aGVtZSwgZml0IH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGJhY2tncm91bmRQb3NpdGlvbjogXCJjZW50ZXJcIixcbiAgb2JqZWN0Rml0OiBmaXQsXG4gIGJhY2tncm91bmRSZXBlYXQ6IFwibm8tcmVwZWF0XCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiOmdsb2JhbCguaXNEYXJrbW9kZUFjdGl2ZSkgJlwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5sYXllcl8xLFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+
|
|
54
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJvQiIsImZpbGUiOiJNZWRpYUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5cbmV4cG9ydCB0eXBlIE1lZGlhSXRlbVByb3BzID0ge1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqIFNldHMgdGhlIGhlaWdodCBvZiB0aGUgbWVkaWEgdG8gZXF1YWwgdGhlIHdpZHRoIHZhbHVlIG1ha2luZyBhIHNxdWFyZSA8YnIvPlxuICAgKi9cbiAgc3F1YXJlQnlXaWR0aD86IGJvb2xlYW47XG4gIC8qKiBTcGVjaWZ5IGZpdCBvZiB0aGUgbWVkaWEgYmFja2dyb3VuZC4gPGJyLz5cbiAgICogXCJjb250YWluXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbywgYnV0IGlzIHJlc2l6ZWQgdG8gZml0IHdpdGhpbiB0aGUgZ2l2ZW4gZGltZW5zaW9uLiA8YnIvPlxuICAgKiBcImNvdmVyXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbyBhbmQgZmlsbHMgdGhlIGdpdmVuIGRpbWVuc2lvbi4gVGhlIG1lZGlhIHdpbGwgYmUgY2xpcHBlZCB0byBmaXQuXG4gICAqL1xuICBmaXQ6IFwiY292ZXJcIiB8IFwiY29udGFpblwiO1xufTtcblxuY29uc3QgU3R5bGVkTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PihcbiAgKHsgc3F1YXJlQnlXaWR0aCB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiB0cmFuc3BhcmVudFwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogXCJpbmhlcml0XCIsXG4gICAgLi4uKHNxdWFyZUJ5V2lkdGggJiYgeyBwYWRkaW5nVG9wOiBcIjEwMCVcIiB9KSxcbiAgICAuLi4oIXNxdWFyZUJ5V2lkdGggJiYgeyBoZWlnaHQ6IFwiMTAwJVwiIH0pLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkTWVkaWEgPSBzdHlsZWQuaW1nPFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PigoeyB0aGVtZSwgZml0IH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGJhY2tncm91bmRQb3NpdGlvbjogXCJjZW50ZXJcIixcbiAgb2JqZWN0Rml0OiBmaXQsXG4gIGJhY2tncm91bmRSZXBlYXQ6IFwibm8tcmVwZWF0XCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiOmdsb2JhbCguaXNEYXJrbW9kZUFjdGl2ZSkgJlwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5sYXllcl8xLFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PihcbiAgKHsgdGhlbWUsIHNxdWFyZUJ5V2lkdGggfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnNlY29uZGFyeS5ob3ZlcixcbiAgICAuLi4oc3F1YXJlQnlXaWR0aCAmJiB7IHBhZGRpbmdUb3A6IFwiMTAwJVwiIH0pLFxuICAgIC4uLighc3F1YXJlQnlXaWR0aCAmJiB7IGhlaWdodDogXCIxMDAlXCIgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gTWVkaWFJdGVtKHtcbiAgc3JjLFxuICB0aXRsZSxcbiAgc3F1YXJlQnlXaWR0aCxcbiAgZml0LFxufTogTWVkaWFJdGVtUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbc3JjRXJyb3IsIHNldFNyY0Vycm9yXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBpbWFnZSA9IG5ldyBJbWFnZSgpO1xuICBpbWFnZS5zcmMgPSBzcmM7XG4gIGltYWdlLm9uZXJyb3IgPSAoKSA9PiB7XG4gICAgaWYgKCFzcmNFcnJvcikge1xuICAgICAgc2V0U3JjRXJyb3IodHJ1ZSk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1lZGlhQ29udGFpbmVyIHNxdWFyZUJ5V2lkdGg9e3NxdWFyZUJ5V2lkdGh9IGRhdGEtZHMtaWQ9XCJNZWRpYUl0ZW1cIj5cbiAgICAgIHshc3JjRXJyb3IgPyAoXG4gICAgICAgIDxTdHlsZWRNZWRpYSBzcmM9e3NyY30gdGl0bGU9e3RpdGxlfSBhbHQ9e3RpdGxlfSBmaXQ9e2ZpdH0gLz5cbiAgICAgICkgOiAoXG4gICAgICAgIDxTdHlsZWRDb250YWluZXIgdGl0bGU9XCJFcnJvciBub3QgZm91bmRcIj5cbiAgICAgICAgICA8SWNvbiBuYW1lPVwiaW1hZ2UtYnJva2VuXCIgdmFyaWFudD1cInRlcnRpYXJ5XCIgLz5cbiAgICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgICApfVxuICAgIDwvU3R5bGVkTWVkaWFDb250YWluZXI+XG4gICk7XG59XG5cbk1lZGlhSXRlbS5kZWZhdWx0UHJvcHMgPSB7XG4gIG1lZGlhQ292ZXI6IHRydWUsXG4gIHNxdWFyZUJ5V2lkdGg6IGZhbHNlLFxuICBmaXQ6IFwiY292ZXJcIixcbn07XG4iXX0= */");
|
|
55
55
|
const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
56
56
|
target: "e18zu6wq0"
|
|
57
57
|
} : {
|
|
@@ -78,7 +78,7 @@ const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
|
|
|
78
78
|
height: "100%"
|
|
79
79
|
})
|
|
80
80
|
};
|
|
81
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEN3QiIsImZpbGUiOiJNZWRpYUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5cbmV4cG9ydCB0eXBlIE1lZGlhSXRlbVByb3BzID0ge1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqIFNldHMgdGhlIGhlaWdodCBvZiB0aGUgbWVkaWEgdG8gZXF1YWwgdGhlIHdpZHRoIHZhbHVlIG1ha2luZyBhIHNxdWFyZSA8YnIvPlxuICAgKi9cbiAgc3F1YXJlQnlXaWR0aD86IGJvb2xlYW47XG4gIC8qKiBTcGVjaWZ5IGZpdCBvZiB0aGUgbWVkaWEgYmFja2dyb3VuZC4gPGJyLz5cbiAgICogXCJjb250YWluXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbywgYnV0IGlzIHJlc2l6ZWQgdG8gZml0IHdpdGhpbiB0aGUgZ2l2ZW4gZGltZW5zaW9uLiA8YnIvPlxuICAgKiBcImNvdmVyXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbyBhbmQgZmlsbHMgdGhlIGdpdmVuIGRpbWVuc2lvbi4gVGhlIG1lZGlhIHdpbGwgYmUgY2xpcHBlZCB0byBmaXQuXG4gICAqL1xuICBmaXQ6IFwiY292ZXJcIiB8IFwiY29udGFpblwiO1xufTtcblxuY29uc3QgU3R5bGVkTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PihcbiAgKHsgc3F1YXJlQnlXaWR0aCB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiB0cmFuc3BhcmVudFwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogXCJpbmhlcml0XCIsXG4gICAgLi4uKHNxdWFyZUJ5V2lkdGggJiYgeyBwYWRkaW5nVG9wOiBcIjEwMCVcIiB9KSxcbiAgICAuLi4oIXNxdWFyZUJ5V2lkdGggJiYgeyBoZWlnaHQ6IFwiMTAwJVwiIH0pLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkTWVkaWEgPSBzdHlsZWQuaW1nPFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PigoeyB0aGVtZSwgZml0IH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGJhY2tncm91bmRQb3NpdGlvbjogXCJjZW50ZXJcIixcbiAgb2JqZWN0Rml0OiBmaXQsXG4gIGJhY2tncm91bmRSZXBlYXQ6IFwibm8tcmVwZWF0XCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiOmdsb2JhbCguaXNEYXJrbW9kZUFjdGl2ZSkgJlwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5sYXllcl8xLFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+
|
|
81
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEN3QiIsImZpbGUiOiJNZWRpYUl0ZW0udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5cbmV4cG9ydCB0eXBlIE1lZGlhSXRlbVByb3BzID0ge1xuICBzcmM6IHN0cmluZztcbiAgdGl0bGU6IHN0cmluZztcbiAgLyoqIFNldHMgdGhlIGhlaWdodCBvZiB0aGUgbWVkaWEgdG8gZXF1YWwgdGhlIHdpZHRoIHZhbHVlIG1ha2luZyBhIHNxdWFyZSA8YnIvPlxuICAgKi9cbiAgc3F1YXJlQnlXaWR0aD86IGJvb2xlYW47XG4gIC8qKiBTcGVjaWZ5IGZpdCBvZiB0aGUgbWVkaWEgYmFja2dyb3VuZC4gPGJyLz5cbiAgICogXCJjb250YWluXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbywgYnV0IGlzIHJlc2l6ZWQgdG8gZml0IHdpdGhpbiB0aGUgZ2l2ZW4gZGltZW5zaW9uLiA8YnIvPlxuICAgKiBcImNvdmVyXCIgLSB0aGUgbWVkaWEga2VlcHMgaXRzIGFzcGVjdCByYXRpbyBhbmQgZmlsbHMgdGhlIGdpdmVuIGRpbWVuc2lvbi4gVGhlIG1lZGlhIHdpbGwgYmUgY2xpcHBlZCB0byBmaXQuXG4gICAqL1xuICBmaXQ6IFwiY292ZXJcIiB8IFwiY29udGFpblwiO1xufTtcblxuY29uc3QgU3R5bGVkTWVkaWFDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PihcbiAgKHsgc3F1YXJlQnlXaWR0aCB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiB0cmFuc3BhcmVudFwiLFxuICAgIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICAgIGJvcmRlcjogXCJub25lXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJvcmRlclJhZGl1czogXCJpbmhlcml0XCIsXG4gICAgLi4uKHNxdWFyZUJ5V2lkdGggJiYgeyBwYWRkaW5nVG9wOiBcIjEwMCVcIiB9KSxcbiAgICAuLi4oIXNxdWFyZUJ5V2lkdGggJiYgeyBoZWlnaHQ6IFwiMTAwJVwiIH0pLFxuICB9KVxuKTtcblxuY29uc3QgU3R5bGVkTWVkaWEgPSBzdHlsZWQuaW1nPFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PigoeyB0aGVtZSwgZml0IH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIHRvcDogMCxcbiAgbGVmdDogMCxcbiAgZGlzcGxheTogXCJibG9ja1wiLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGJhY2tncm91bmRQb3NpdGlvbjogXCJjZW50ZXJcIixcbiAgb2JqZWN0Rml0OiBmaXQsXG4gIGJhY2tncm91bmRSZXBlYXQ6IFwibm8tcmVwZWF0XCIsXG4gIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gIFwiOmdsb2JhbCguaXNEYXJrbW9kZUFjdGl2ZSkgJlwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5sYXllcl8xLFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRDb250YWluZXIgPSBzdHlsZWQuZGl2PFBhcnRpYWw8TWVkaWFJdGVtUHJvcHM+PihcbiAgKHsgdGhlbWUsIHNxdWFyZUJ5V2lkdGggfSkgPT4gKHtcbiAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgIHRvcDogMCxcbiAgICBsZWZ0OiAwLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiY2VudGVyXCIsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYnV0dG9uLnNlY29uZGFyeS5ob3ZlcixcbiAgICAuLi4oc3F1YXJlQnlXaWR0aCAmJiB7IHBhZGRpbmdUb3A6IFwiMTAwJVwiIH0pLFxuICAgIC4uLighc3F1YXJlQnlXaWR0aCAmJiB7IGhlaWdodDogXCIxMDAlXCIgfSksXG4gIH0pXG4pO1xuXG5leHBvcnQgZnVuY3Rpb24gTWVkaWFJdGVtKHtcbiAgc3JjLFxuICB0aXRsZSxcbiAgc3F1YXJlQnlXaWR0aCxcbiAgZml0LFxufTogTWVkaWFJdGVtUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBbc3JjRXJyb3IsIHNldFNyY0Vycm9yXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICBjb25zdCBpbWFnZSA9IG5ldyBJbWFnZSgpO1xuICBpbWFnZS5zcmMgPSBzcmM7XG4gIGltYWdlLm9uZXJyb3IgPSAoKSA9PiB7XG4gICAgaWYgKCFzcmNFcnJvcikge1xuICAgICAgc2V0U3JjRXJyb3IodHJ1ZSk7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1lZGlhQ29udGFpbmVyIHNxdWFyZUJ5V2lkdGg9e3NxdWFyZUJ5V2lkdGh9IGRhdGEtZHMtaWQ9XCJNZWRpYUl0ZW1cIj5cbiAgICAgIHshc3JjRXJyb3IgPyAoXG4gICAgICAgIDxTdHlsZWRNZWRpYSBzcmM9e3NyY30gdGl0bGU9e3RpdGxlfSBhbHQ9e3RpdGxlfSBmaXQ9e2ZpdH0gLz5cbiAgICAgICkgOiAoXG4gICAgICAgIDxTdHlsZWRDb250YWluZXIgdGl0bGU9XCJFcnJvciBub3QgZm91bmRcIj5cbiAgICAgICAgICA8SWNvbiBuYW1lPVwiaW1hZ2UtYnJva2VuXCIgdmFyaWFudD1cInRlcnRpYXJ5XCIgLz5cbiAgICAgICAgPC9TdHlsZWRDb250YWluZXI+XG4gICAgICApfVxuICAgIDwvU3R5bGVkTWVkaWFDb250YWluZXI+XG4gICk7XG59XG5cbk1lZGlhSXRlbS5kZWZhdWx0UHJvcHMgPSB7XG4gIG1lZGlhQ292ZXI6IHRydWUsXG4gIHNxdWFyZUJ5V2lkdGg6IGZhbHNlLFxuICBmaXQ6IFwiY292ZXJcIixcbn07XG4iXX0= */");
|
|
82
82
|
function MediaItem(_ref4) {
|
|
83
83
|
let {
|
|
84
84
|
src,
|
|
@@ -95,7 +95,8 @@ function MediaItem(_ref4) {
|
|
|
95
95
|
}
|
|
96
96
|
};
|
|
97
97
|
return /*#__PURE__*/React.createElement(StyledMediaContainer, {
|
|
98
|
-
squareByWidth: squareByWidth
|
|
98
|
+
squareByWidth: squareByWidth,
|
|
99
|
+
"data-ds-id": "MediaItem"
|
|
99
100
|
}, !srcError ? /*#__PURE__*/React.createElement(StyledMedia, {
|
|
100
101
|
src: src,
|
|
101
102
|
title: title,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaItem.js","sources":["../../../../../src/components/MediaItem/MediaItem.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Icon } from \"../Icon/Icon\";\n\nexport type MediaItemProps = {\n src: string;\n title: string;\n /** Sets the height of the media to equal the width value making a square <br/>\n */\n squareByWidth?: boolean;\n /** Specify fit of the media background. <br/>\n * \"contain\" - the media keeps its aspect ratio, but is resized to fit within the given dimension. <br/>\n * \"cover\" - the media keeps its aspect ratio and fills the given dimension. The media will be clipped to fit.\n */\n fit: \"cover\" | \"contain\";\n};\n\nconst StyledMediaContainer = styled.div<Partial<MediaItemProps>>(\n ({ squareByWidth }) => ({\n position: \"relative\",\n backgroundColor: \" transparent\",\n overflow: \"hidden\",\n border: \"none\",\n width: \"100%\",\n borderRadius: \"inherit\",\n ...(squareByWidth && { paddingTop: \"100%\" }),\n ...(!squareByWidth && { height: \"100%\" }),\n })\n);\n\nconst StyledMedia = styled.img<Partial<MediaItemProps>>(({ theme, fit }) => ({\n position: \"absolute\",\n top: 0,\n left: 0,\n display: \"block\",\n width: \"100%\",\n height: \"100%\",\n backgroundPosition: \"center\",\n objectFit: fit,\n backgroundRepeat: \"no-repeat\",\n cursor: \"pointer\",\n \":global(.isDarkmodeActive) &\": {\n backgroundColor: theme.values.color.background.layer_1,\n },\n}));\n\nconst StyledContainer = styled.div<Partial<MediaItemProps>>(\n ({ theme, squareByWidth }) => ({\n position: \"absolute\",\n top: 0,\n left: 0,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n width: \"100%\",\n backgroundColor: theme.values.color.background.button.secondary.hover,\n ...(squareByWidth && { paddingTop: \"100%\" }),\n ...(!squareByWidth && { height: \"100%\" }),\n })\n);\n\nexport function MediaItem({\n src,\n title,\n squareByWidth,\n fit,\n}: MediaItemProps): React.ReactElement {\n const [srcError, setSrcError] = useState(false);\n\n const image = new Image();\n image.src = src;\n image.onerror = () => {\n if (!srcError) {\n setSrcError(true);\n }\n };\n\n return (\n <StyledMediaContainer squareByWidth={squareByWidth}>\n {!srcError ? (\n <StyledMedia src={src} title={title} alt={title} fit={fit} />\n ) : (\n <StyledContainer title=\"Error not found\">\n <Icon name=\"image-broken\" variant=\"tertiary\" />\n </StyledContainer>\n )}\n </StyledMediaContainer>\n );\n}\n\nMediaItem.defaultProps = {\n mediaCover: true,\n squareByWidth: false,\n fit: \"cover\",\n};\n"],"names":["StyledMediaContainer","_styled","process","env","NODE_ENV","target","label","_ref","squareByWidth","position","backgroundColor","overflow","border","width","borderRadius","paddingTop","height","StyledMedia","_ref2","theme","fit","top","left","display","backgroundPosition","objectFit","backgroundRepeat","cursor","values","color","background","layer_1","StyledContainer","_ref3","alignItems","justifyContent","button","secondary","hover","MediaItem","_ref4","src","title","srcError","setSrcError","useState","image","Image","onerror","React","createElement","alt","Icon","name","variant","defaultProps","mediaCover"],"mappings":";;;;AAiBA,MAAMA,oBAAoB,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,sBAAA;AAAA,CAAA,CAAA,CAC3BC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,aAAAA;AAAc,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;AACtBE,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,eAAe,EAAE,cAAc;AAC/BC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,YAAY,EAAE,SAAS;AACvB,IAAA,IAAIN,aAAa,IAAI;AAAEO,MAAAA,UAAU,EAAE,MAAA;AAAO,KAAC,CAAC;IAC5C,IAAI,CAACP,aAAa,IAAI;AAAEQ,MAAAA,MAAM,EAAE,MAAA;KAAQ,CAAA;GACzC,CAAA;AAAA,CAAC,EAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA,KACH,YAAA,GAAA,EAAA,GAAA,
|
|
1
|
+
{"version":3,"file":"MediaItem.js","sources":["../../../../../src/components/MediaItem/MediaItem.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Icon } from \"../Icon/Icon\";\n\nexport type MediaItemProps = {\n src: string;\n title: string;\n /** Sets the height of the media to equal the width value making a square <br/>\n */\n squareByWidth?: boolean;\n /** Specify fit of the media background. <br/>\n * \"contain\" - the media keeps its aspect ratio, but is resized to fit within the given dimension. <br/>\n * \"cover\" - the media keeps its aspect ratio and fills the given dimension. The media will be clipped to fit.\n */\n fit: \"cover\" | \"contain\";\n};\n\nconst StyledMediaContainer = styled.div<Partial<MediaItemProps>>(\n ({ squareByWidth }) => ({\n position: \"relative\",\n backgroundColor: \" transparent\",\n overflow: \"hidden\",\n border: \"none\",\n width: \"100%\",\n borderRadius: \"inherit\",\n ...(squareByWidth && { paddingTop: \"100%\" }),\n ...(!squareByWidth && { height: \"100%\" }),\n })\n);\n\nconst StyledMedia = styled.img<Partial<MediaItemProps>>(({ theme, fit }) => ({\n position: \"absolute\",\n top: 0,\n left: 0,\n display: \"block\",\n width: \"100%\",\n height: \"100%\",\n backgroundPosition: \"center\",\n objectFit: fit,\n backgroundRepeat: \"no-repeat\",\n cursor: \"pointer\",\n \":global(.isDarkmodeActive) &\": {\n backgroundColor: theme.values.color.background.layer_1,\n },\n}));\n\nconst StyledContainer = styled.div<Partial<MediaItemProps>>(\n ({ theme, squareByWidth }) => ({\n position: \"absolute\",\n top: 0,\n left: 0,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n width: \"100%\",\n backgroundColor: theme.values.color.background.button.secondary.hover,\n ...(squareByWidth && { paddingTop: \"100%\" }),\n ...(!squareByWidth && { height: \"100%\" }),\n })\n);\n\nexport function MediaItem({\n src,\n title,\n squareByWidth,\n fit,\n}: MediaItemProps): React.ReactElement {\n const [srcError, setSrcError] = useState(false);\n\n const image = new Image();\n image.src = src;\n image.onerror = () => {\n if (!srcError) {\n setSrcError(true);\n }\n };\n\n return (\n <StyledMediaContainer squareByWidth={squareByWidth} data-ds-id=\"MediaItem\">\n {!srcError ? (\n <StyledMedia src={src} title={title} alt={title} fit={fit} />\n ) : (\n <StyledContainer title=\"Error not found\">\n <Icon name=\"image-broken\" variant=\"tertiary\" />\n </StyledContainer>\n )}\n </StyledMediaContainer>\n );\n}\n\nMediaItem.defaultProps = {\n mediaCover: true,\n squareByWidth: false,\n fit: \"cover\",\n};\n"],"names":["StyledMediaContainer","_styled","process","env","NODE_ENV","target","label","_ref","squareByWidth","position","backgroundColor","overflow","border","width","borderRadius","paddingTop","height","StyledMedia","_ref2","theme","fit","top","left","display","backgroundPosition","objectFit","backgroundRepeat","cursor","values","color","background","layer_1","StyledContainer","_ref3","alignItems","justifyContent","button","secondary","hover","MediaItem","_ref4","src","title","srcError","setSrcError","useState","image","Image","onerror","React","createElement","alt","Icon","name","variant","defaultProps","mediaCover"],"mappings":"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"}
|
|
@@ -27,7 +27,7 @@ const StyledMediaViewerBar = /*#__PURE__*/_styled("div", process.env.NODE_ENV ==
|
|
|
27
27
|
}
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhVmlld2VyQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNNkIiLCJmaWxlIjoiTWVkaWFWaWV3ZXJCYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgZmxhdHRlbkNoaWxkcmVuIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9mbGF0dGVuQ2hpbGRyZW5cIjtcbmltcG9ydCB7IFN1YlRoZW1lUHJvdmlkZXIgfSBmcm9tIFwiLi4vU3ViVGhlbWVQcm92aWRlci9TdWJUaGVtZVByb3ZpZGVyXCI7XG5cbmNvbnN0IFN0eWxlZE1lZGlhVmlld2VyQmFyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmxheWVyXzEsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5saWdodFByaW1hcnksXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBcIj4gZGl2XCI6IHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgXCI+
|
|
30
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhVmlld2VyQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNNkIiLCJmaWxlIjoiTWVkaWFWaWV3ZXJCYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJbmxpbmUgfSBmcm9tIFwiLi4vSW5saW5lL0lubGluZVwiO1xuaW1wb3J0IHsgZmxhdHRlbkNoaWxkcmVuIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC9mbGF0dGVuQ2hpbGRyZW5cIjtcbmltcG9ydCB7IFN1YlRoZW1lUHJvdmlkZXIgfSBmcm9tIFwiLi4vU3ViVGhlbWVQcm92aWRlci9TdWJUaGVtZVByb3ZpZGVyXCI7XG5cbmNvbnN0IFN0eWxlZE1lZGlhVmlld2VyQmFyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBkaXNwbGF5OiBcImlubGluZS1mbGV4XCIsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmxheWVyXzEsXG4gIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5saWdodFByaW1hcnksXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICBcIj4gZGl2XCI6IHtcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgXCI+IGRpdlwiOiB7XG4gICAgICBsaW5lSGVpZ2h0OiBcIm5vcm1hbFwiLFxuICAgIH0sXG4gIH0sXG59KSk7XG5cbmNvbnN0IFN0eWxlZFNlcGFyYXRvciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgd2lkdGg6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmRpbWVuc2lvbi5tZWRpYVZpZXdlckJhci5zZXBhcmF0b3Iud2lkdGgsXG4gIGhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmxheWVyXzIsXG59KSk7XG5cbmV4cG9ydCB0eXBlIE1lZGlhVmlld2VyQmFyUHJvcHMgPSB7XG4gIGNoaWxkcmVuPzogUmVhY3RFbGVtZW50IHwgUmVhY3RFbGVtZW50W107XG4gIGhhc1NlcGFyYXRvcj86IGJvb2xlYW47XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE1lZGlhVmlld2VyQmFyKHtcbiAgY2hpbGRyZW4sXG4gIGhhc1NlcGFyYXRvcixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBNZWRpYVZpZXdlckJhclByb3BzKTogUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgZmxhdHRlbmVkQ2hpbGRyZW4gPSBmbGF0dGVuQ2hpbGRyZW4oY2hpbGRyZW4pO1xuXG4gIHJldHVybiAoXG4gICAgPFN1YlRoZW1lUHJvdmlkZXIgbmFtZT1cImRpbW1lZFwiPlxuICAgICAgPFN0eWxlZE1lZGlhVmlld2VyQmFyXG4gICAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICAgIGRhdGEtZHMtaWQ9XCJNZWRpYVZpZXdlckJhclwiXG4gICAgICA+XG4gICAgICAgIDxJbmxpbmUgc3BhY2U9XCJ6ZXJvXCIgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCIgbm9XcmFwPlxuICAgICAgICAgIHtSZWFjdC5DaGlsZHJlbi5tYXAoZmxhdHRlbmVkQ2hpbGRyZW4sIChjaGlsZCwgaW5kZXgpID0+IChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgIHtoYXNTZXBhcmF0b3IgJiYgaW5kZXggPiAwICYmIDxTdHlsZWRTZXBhcmF0b3IgLz59XG4gICAgICAgICAgICAgIHtjaGlsZH1cbiAgICAgICAgICAgIDwvPlxuICAgICAgICAgICkpfVxuICAgICAgICA8L0lubGluZT5cbiAgICAgIDwvU3R5bGVkTWVkaWFWaWV3ZXJCYXI+XG4gICAgPC9TdWJUaGVtZVByb3ZpZGVyPlxuICApO1xufVxuIl19 */");
|
|
31
31
|
const StyledSeparator = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
32
32
|
target: "e1l20w890"
|
|
33
33
|
} : {
|
|
@@ -42,7 +42,7 @@ const StyledSeparator = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
|
|
|
42
42
|
height: theme.variables.size.spacing.l,
|
|
43
43
|
backgroundColor: theme.values.color.background.layer_2
|
|
44
44
|
};
|
|
45
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhVmlld2VyQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQndCIiwiZmlsZSI6Ik1lZGlhVmlld2VyQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdEVsZW1lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IGZsYXR0ZW5DaGlsZHJlbiB9IGZyb20gXCIuLi8uLi9zaGFyZWQvZmxhdHRlbkNoaWxkcmVuXCI7XG5pbXBvcnQgeyBTdWJUaGVtZVByb3ZpZGVyIH0gZnJvbSBcIi4uL1N1YlRoZW1lUHJvdmlkZXIvU3ViVGhlbWVQcm92aWRlclwiO1xuXG5jb25zdCBTdHlsZWRNZWRpYVZpZXdlckJhciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5sYXllcl8xLFxuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQubGlnaHRQcmltYXJ5LFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgXCI+IGRpdlwiOiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIFwiPiBkaXZcIjoge1xuICAgICAgbGluZUhlaWdodDogXCJub3JtYWxcIixcbiAgICB9LFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRTZXBhcmF0b3IgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIHdpZHRoOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24ubWVkaWFWaWV3ZXJCYXIuc2VwYXJhdG9yLndpZHRoLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5sYXllcl8yLFxufSkpO1xuXG5leHBvcnQgdHlwZSBNZWRpYVZpZXdlckJhclByb3BzID0ge1xuICBjaGlsZHJlbj86IFJlYWN0RWxlbWVudCB8IFJlYWN0RWxlbWVudFtdO1xuICBoYXNTZXBhcmF0b3I/
|
|
45
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk1lZGlhVmlld2VyQmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQndCIiwiZmlsZSI6Ik1lZGlhVmlld2VyQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdEVsZW1lbnQgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgSW5saW5lIH0gZnJvbSBcIi4uL0lubGluZS9JbmxpbmVcIjtcbmltcG9ydCB7IGZsYXR0ZW5DaGlsZHJlbiB9IGZyb20gXCIuLi8uLi9zaGFyZWQvZmxhdHRlbkNoaWxkcmVuXCI7XG5pbXBvcnQgeyBTdWJUaGVtZVByb3ZpZGVyIH0gZnJvbSBcIi4uL1N1YlRoZW1lUHJvdmlkZXIvU3ViVGhlbWVQcm92aWRlclwiO1xuXG5jb25zdCBTdHlsZWRNZWRpYVZpZXdlckJhciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJpbmxpbmUtZmxleFwiLFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5sYXllcl8xLFxuICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQubGlnaHRQcmltYXJ5LFxuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbiAgXCI+IGRpdlwiOiB7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIFwiPiBkaXZcIjoge1xuICAgICAgbGluZUhlaWdodDogXCJub3JtYWxcIixcbiAgICB9LFxuICB9LFxufSkpO1xuXG5jb25zdCBTdHlsZWRTZXBhcmF0b3IgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIHdpZHRoOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5kaW1lbnNpb24ubWVkaWFWaWV3ZXJCYXIuc2VwYXJhdG9yLndpZHRoLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubCxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5sYXllcl8yLFxufSkpO1xuXG5leHBvcnQgdHlwZSBNZWRpYVZpZXdlckJhclByb3BzID0ge1xuICBjaGlsZHJlbj86IFJlYWN0RWxlbWVudCB8IFJlYWN0RWxlbWVudFtdO1xuICBoYXNTZXBhcmF0b3I/OiBib29sZWFuO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbn07XG5cbmV4cG9ydCBmdW5jdGlvbiBNZWRpYVZpZXdlckJhcih7XG4gIGNoaWxkcmVuLFxuICBoYXNTZXBhcmF0b3IsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogTWVkaWFWaWV3ZXJCYXJQcm9wcyk6IFJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IGZsYXR0ZW5lZENoaWxkcmVuID0gZmxhdHRlbkNoaWxkcmVuKGNoaWxkcmVuKTtcblxuICByZXR1cm4gKFxuICAgIDxTdWJUaGVtZVByb3ZpZGVyIG5hbWU9XCJkaW1tZWRcIj5cbiAgICAgIDxTdHlsZWRNZWRpYVZpZXdlckJhclxuICAgICAgICBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfVxuICAgICAgICBkYXRhLWRzLWlkPVwiTWVkaWFWaWV3ZXJCYXJcIlxuICAgICAgPlxuICAgICAgICA8SW5saW5lIHNwYWNlPVwiemVyb1wiIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiIG5vV3JhcD5cbiAgICAgICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKGZsYXR0ZW5lZENoaWxkcmVuLCAoY2hpbGQsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICA8PlxuICAgICAgICAgICAgICB7aGFzU2VwYXJhdG9yICYmIGluZGV4ID4gMCAmJiA8U3R5bGVkU2VwYXJhdG9yIC8+fVxuICAgICAgICAgICAgICB7Y2hpbGR9XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgICApKX1cbiAgICAgICAgPC9JbmxpbmU+XG4gICAgICA8L1N0eWxlZE1lZGlhVmlld2VyQmFyPlxuICAgIDwvU3ViVGhlbWVQcm92aWRlcj5cbiAgKTtcbn1cbiJdfQ== */");
|
|
46
46
|
function MediaViewerBar(_ref3) {
|
|
47
47
|
let {
|
|
48
48
|
children,
|
|
@@ -53,7 +53,8 @@ function MediaViewerBar(_ref3) {
|
|
|
53
53
|
return /*#__PURE__*/React.createElement(SubThemeProvider, {
|
|
54
54
|
name: "dimmed"
|
|
55
55
|
}, /*#__PURE__*/React.createElement(StyledMediaViewerBar, {
|
|
56
|
-
"data-e2e-test-id": dataE2eTestId
|
|
56
|
+
"data-e2e-test-id": dataE2eTestId,
|
|
57
|
+
"data-ds-id": "MediaViewerBar"
|
|
57
58
|
}, /*#__PURE__*/React.createElement(Inline, {
|
|
58
59
|
space: "zero",
|
|
59
60
|
vAlignItems: "center",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MediaViewerBar.js","sources":["../../../../../src/components/MediaViewerBar/MediaViewerBar.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Inline } from \"../Inline/Inline\";\nimport { flattenChildren } from \"../../shared/flattenChildren\";\nimport { SubThemeProvider } from \"../SubThemeProvider/SubThemeProvider\";\n\nconst StyledMediaViewerBar = styled.div(({ theme }) => ({\n display: \"inline-flex\",\n borderRadius: theme.variables.size.spacing.xxs,\n height: theme.variables.size.spacing.l,\n backgroundColor: theme.values.color.background.layer_1,\n color: theme.values.color.text.lightPrimary,\n overflow: \"hidden\",\n \"> div\": {\n width: \"100%\",\n \"> div\": {\n lineHeight: \"normal\",\n },\n },\n}));\n\nconst StyledSeparator = styled.div(({ theme }) => ({\n width: theme.variables.size.dimension.mediaViewerBar.separator.width,\n height: theme.variables.size.spacing.l,\n backgroundColor: theme.values.color.background.layer_2,\n}));\n\nexport type MediaViewerBarProps = {\n children?: ReactElement | ReactElement[];\n hasSeparator?: boolean;\n \"data-e2e-test-id\"?: string;\n};\n\nexport function MediaViewerBar({\n children,\n hasSeparator,\n \"data-e2e-test-id\": dataE2eTestId,\n}: MediaViewerBarProps): ReactElement {\n const flattenedChildren = flattenChildren(children);\n\n return (\n <SubThemeProvider name=\"dimmed\">\n <StyledMediaViewerBar
|
|
1
|
+
{"version":3,"file":"MediaViewerBar.js","sources":["../../../../../src/components/MediaViewerBar/MediaViewerBar.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Inline } from \"../Inline/Inline\";\nimport { flattenChildren } from \"../../shared/flattenChildren\";\nimport { SubThemeProvider } from \"../SubThemeProvider/SubThemeProvider\";\n\nconst StyledMediaViewerBar = styled.div(({ theme }) => ({\n display: \"inline-flex\",\n borderRadius: theme.variables.size.spacing.xxs,\n height: theme.variables.size.spacing.l,\n backgroundColor: theme.values.color.background.layer_1,\n color: theme.values.color.text.lightPrimary,\n overflow: \"hidden\",\n \"> div\": {\n width: \"100%\",\n \"> div\": {\n lineHeight: \"normal\",\n },\n },\n}));\n\nconst StyledSeparator = styled.div(({ theme }) => ({\n width: theme.variables.size.dimension.mediaViewerBar.separator.width,\n height: theme.variables.size.spacing.l,\n backgroundColor: theme.values.color.background.layer_2,\n}));\n\nexport type MediaViewerBarProps = {\n children?: ReactElement | ReactElement[];\n hasSeparator?: boolean;\n \"data-e2e-test-id\"?: string;\n};\n\nexport function MediaViewerBar({\n children,\n hasSeparator,\n \"data-e2e-test-id\": dataE2eTestId,\n}: MediaViewerBarProps): ReactElement {\n const flattenedChildren = flattenChildren(children);\n\n return (\n <SubThemeProvider name=\"dimmed\">\n <StyledMediaViewerBar\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"MediaViewerBar\"\n >\n <Inline space=\"zero\" vAlignItems=\"center\" alignItems=\"center\" noWrap>\n {React.Children.map(flattenedChildren, (child, index) => (\n <>\n {hasSeparator && index > 0 && <StyledSeparator />}\n {child}\n </>\n ))}\n </Inline>\n </StyledMediaViewerBar>\n </SubThemeProvider>\n );\n}\n"],"names":["StyledMediaViewerBar","_styled","process","env","NODE_ENV","target","label","_ref","theme","display","borderRadius","variables","size","spacing","xxs","height","l","backgroundColor","values","color","background","layer_1","text","lightPrimary","overflow","width","lineHeight","StyledSeparator","_ref2","dimension","mediaViewerBar","separator","layer_2","MediaViewerBar","_ref3","children","hasSeparator","dataE2eTestId","flattenedChildren","flattenChildren","React","createElement","SubThemeProvider","name","Inline","space","vAlignItems","alignItems","noWrap","Children","map","child","index","Fragment"],"mappings":"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"}
|
|
@@ -21,7 +21,7 @@ const StyledExpandingContainer = /*#__PURE__*/_styled("div", process.env.NODE_EN
|
|
|
21
21
|
transform: `translateY(${isDismissed ? "calc(-100% - 8px)" : "0%"})`,
|
|
22
22
|
transition: `transform ${isDismissed ? ANIMATION_TIME : 0}ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`
|
|
23
23
|
};
|
|
24
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlmaWNhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJpQyIsImZpbGUiOiJOb3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENhcmQgfSBmcm9tIFwiLi4vQ2FyZC9DYXJkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQ29sdW1ucywgQ29sdW1uIH0gZnJvbSBcIi4uL0NvbHVtbi9Db2x1bW5zXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuXG5leHBvcnQgdHlwZSBOb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHRleHQ/OiBzdHJpbmc7XG4gIGljb24/OiBJY29uTmFtZTtcbiAgaXNEaXNtaXNzYWJsZT86IGJvb2xlYW47XG4gIGNhbGxUb0FjdGlvbkxhYmVsPzogc3RyaW5nO1xuICBleHBhbmRCdXR0b25MYWJlbD86IHN0cmluZztcbiAgc2hyaW5rQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIGV4cGFuZGFibGU/OiBib29sZWFuO1xuICBvbkNsaWNrQ2FsbFRvQWN0aW9uPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uQ2xpY2tEaXNtaXNzPzogKCkgPT4gdm9pZDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNEaXNtaXNzZWQ6IGJvb2xlYW47XG59PigoeyBpc0Rpc21pc3NlZCB9KSA9PiAoe1xuICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7aXNEaXNtaXNzZWQgPyBcImNhbGMoLTEwMCUgLSA4cHgpXCIgOiBcIjAlXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0Rpc21pc3NlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE5vdGlmaWNhdGlvbih7XG4gIHRleHQsXG4gIGljb24sXG4gIGlzRGlzbWlzc2FibGUsXG4gIGNhbGxUb0FjdGlvbkxhYmVsLFxuICBvbkNsaWNrRGlzbWlzcyxcbiAgb25DbGlja0NhbGxUb0FjdGlvbixcbiAgZXhwYW5kYWJsZSxcbiAgZXhwYW5kQnV0dG9uTGFiZWwsXG4gIHNocmlua0J1dHRvbkxhYmVsLFxuICBjaGlsZHJlbixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgZGlzbWlzcyA9ICgpID0+
|
|
24
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlmaWNhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJpQyIsImZpbGUiOiJOb3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENhcmQgfSBmcm9tIFwiLi4vQ2FyZC9DYXJkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQ29sdW1ucywgQ29sdW1uIH0gZnJvbSBcIi4uL0NvbHVtbi9Db2x1bW5zXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuXG5leHBvcnQgdHlwZSBOb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHRleHQ/OiBzdHJpbmc7XG4gIGljb24/OiBJY29uTmFtZTtcbiAgaXNEaXNtaXNzYWJsZT86IGJvb2xlYW47XG4gIGNhbGxUb0FjdGlvbkxhYmVsPzogc3RyaW5nO1xuICBleHBhbmRCdXR0b25MYWJlbD86IHN0cmluZztcbiAgc2hyaW5rQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIGV4cGFuZGFibGU/OiBib29sZWFuO1xuICBvbkNsaWNrQ2FsbFRvQWN0aW9uPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uQ2xpY2tEaXNtaXNzPzogKCkgPT4gdm9pZDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNEaXNtaXNzZWQ6IGJvb2xlYW47XG59PigoeyBpc0Rpc21pc3NlZCB9KSA9PiAoe1xuICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7aXNEaXNtaXNzZWQgPyBcImNhbGMoLTEwMCUgLSA4cHgpXCIgOiBcIjAlXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0Rpc21pc3NlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE5vdGlmaWNhdGlvbih7XG4gIHRleHQsXG4gIGljb24sXG4gIGlzRGlzbWlzc2FibGUsXG4gIGNhbGxUb0FjdGlvbkxhYmVsLFxuICBvbkNsaWNrRGlzbWlzcyxcbiAgb25DbGlja0NhbGxUb0FjdGlvbixcbiAgZXhwYW5kYWJsZSxcbiAgZXhwYW5kQnV0dG9uTGFiZWwsXG4gIHNocmlua0J1dHRvbkxhYmVsLFxuICBjaGlsZHJlbixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgZGlzbWlzcyA9ICgpID0+IHtcbiAgICBzZXRJc0Rpc21pc3NlZCh0cnVlKTtcbiAgICBzZXRUaW1lb3V0KG9uQ2xpY2tEaXNtaXNzLCBBTklNQVRJT05fVElNRSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyIGRhdGEtZHMtaWQ9XCJOb3RpZmljYXRpb25cIj5cbiAgICAgIDxTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgaXNEaXNtaXNzZWQ9e2lzRGlzbWlzc2VkfT5cbiAgICAgICAgPENhcmQgc3F1YXJlQ29ybmVycyBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfT5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwic1wiPlxuICAgICAgICAgICAgPENvbHVtbnMgZ2FwPVwic1wiIHZBbGlnbkl0ZW1zPVwidG9wXCI+XG4gICAgICAgICAgICAgIHtpY29uICYmIChcbiAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj5cbiAgICAgICAgICAgICAgICAgIDxCb3ggdlNwYWNlPVwieHhzXCIgc3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAgICAgICAgICAgIDxJY29uIG5hbWU9e2ljb259IHZhcmlhbnQ9XCJzZWNvbmRhcnlcIiBkYXRhLXRlc3RpZD1cImljb25cIiAvPlxuICAgICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cImZpbGxcIj5cbiAgICAgICAgICAgICAgICA8Qm94IHZTcGFjZT1cInh4c1wiIHNwYWNlPVwiemVyb1wiPlxuICAgICAgICAgICAgICAgICAgPFRleHQ+e3RleHR9PC9UZXh0PlxuICAgICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgICA8L0NvbHVtbj57XCIgXCJ9XG4gICAgICAgICAgICAgIHsoY2FsbFRvQWN0aW9uTGFiZWwgfHwgZXhwYW5kYWJsZSkgJiYgKFxuICAgICAgICAgICAgICAgIDxDb2x1bW5cbiAgICAgICAgICAgICAgICAgIHNpemU9e1sxMiwgXCJuYXJyb3dcIiwgXCJuYXJyb3dcIl19XG4gICAgICAgICAgICAgICAgICBvcmRlcj17W1wibGFzdFwiLCBcInVuc2V0XCIsIFwidW5zZXRcIl19XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge2NhbGxUb0FjdGlvbkxhYmVsICYmIChcbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbiBzaXplPVwic1wiIGZ1bGxXaWR0aCBvbkNsaWNrPXtvbkNsaWNrQ2FsbFRvQWN0aW9ufT5cbiAgICAgICAgICAgICAgICAgICAgICB7Y2FsbFRvQWN0aW9uTGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgIHtleHBhbmRhYmxlICYmIChcbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICAgICAgICBmdWxsV2lkdGhcbiAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRJc0V4cGFuZGVkKCFpc0V4cGFuZGVkKX1cbiAgICAgICAgICAgICAgICAgICAgICByaWdodEljb249e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tdXBcIiA6IFwiY2hldnJvbi1kb3duXCJ9XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICB7aXNFeHBhbmRlZCA/IHNocmlua0J1dHRvbkxhYmVsIDogZXhwYW5kQnV0dG9uTGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge2lzRGlzbWlzc2FibGUgJiYgKFxuICAgICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPlxuICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBsZWZ0SWNvbj1cInhcIlxuICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2Rpc21pc3N9XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9Db2x1bW5zPlxuICAgICAgICAgICAge2lzRXhwYW5kZWQgJiYgY2hpbGRyZW59XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvQ2FyZD5cbiAgICAgIDwvU3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
|
|
25
25
|
const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
26
26
|
target: "e1cdeufo0"
|
|
27
27
|
} : {
|
|
@@ -29,7 +29,7 @@ const StyledContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
|
|
|
29
29
|
label: "StyledContainer"
|
|
30
30
|
})(() => ({
|
|
31
31
|
overflow: "hidden"
|
|
32
|
-
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlmaWNhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0N3QiIsImZpbGUiOiJOb3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENhcmQgfSBmcm9tIFwiLi4vQ2FyZC9DYXJkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQ29sdW1ucywgQ29sdW1uIH0gZnJvbSBcIi4uL0NvbHVtbi9Db2x1bW5zXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuXG5leHBvcnQgdHlwZSBOb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHRleHQ/OiBzdHJpbmc7XG4gIGljb24/OiBJY29uTmFtZTtcbiAgaXNEaXNtaXNzYWJsZT86IGJvb2xlYW47XG4gIGNhbGxUb0FjdGlvbkxhYmVsPzogc3RyaW5nO1xuICBleHBhbmRCdXR0b25MYWJlbD86IHN0cmluZztcbiAgc2hyaW5rQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIGV4cGFuZGFibGU/OiBib29sZWFuO1xuICBvbkNsaWNrQ2FsbFRvQWN0aW9uPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uQ2xpY2tEaXNtaXNzPzogKCkgPT4gdm9pZDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNEaXNtaXNzZWQ6IGJvb2xlYW47XG59PigoeyBpc0Rpc21pc3NlZCB9KSA9PiAoe1xuICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7aXNEaXNtaXNzZWQgPyBcImNhbGMoLTEwMCUgLSA4cHgpXCIgOiBcIjAlXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0Rpc21pc3NlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE5vdGlmaWNhdGlvbih7XG4gIHRleHQsXG4gIGljb24sXG4gIGlzRGlzbWlzc2FibGUsXG4gIGNhbGxUb0FjdGlvbkxhYmVsLFxuICBvbkNsaWNrRGlzbWlzcyxcbiAgb25DbGlja0NhbGxUb0FjdGlvbixcbiAgZXhwYW5kYWJsZSxcbiAgZXhwYW5kQnV0dG9uTGFiZWwsXG4gIHNocmlua0J1dHRvbkxhYmVsLFxuICBjaGlsZHJlbixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgZGlzbWlzcyA9ICgpID0+
|
|
32
|
+
}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIk5vdGlmaWNhdGlvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0N3QiIsImZpbGUiOiJOb3RpZmljYXRpb24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IENhcmQgfSBmcm9tIFwiLi4vQ2FyZC9DYXJkXCI7XG5pbXBvcnQgeyBCb3ggfSBmcm9tIFwiLi4vQm94L0JveFwiO1xuaW1wb3J0IHsgQ29sdW1ucywgQ29sdW1uIH0gZnJvbSBcIi4uL0NvbHVtbi9Db2x1bW5zXCI7XG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vQnV0dG9uL0J1dHRvblwiO1xuaW1wb3J0IHsgSWNvbiwgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5cbmNvbnN0IEFOSU1BVElPTl9USU1FID0gMjAwO1xuXG5leHBvcnQgdHlwZSBOb3RpZmljYXRpb25Qcm9wcyA9IHtcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI/OiBzdHJpbmc7XG4gIHRleHQ/OiBzdHJpbmc7XG4gIGljb24/OiBJY29uTmFtZTtcbiAgaXNEaXNtaXNzYWJsZT86IGJvb2xlYW47XG4gIGNhbGxUb0FjdGlvbkxhYmVsPzogc3RyaW5nO1xuICBleHBhbmRCdXR0b25MYWJlbD86IHN0cmluZztcbiAgc2hyaW5rQnV0dG9uTGFiZWw/OiBzdHJpbmc7XG4gIGV4cGFuZGFibGU/OiBib29sZWFuO1xuICBvbkNsaWNrQ2FsbFRvQWN0aW9uPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uQ2xpY2tEaXNtaXNzPzogKCkgPT4gdm9pZDtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5jb25zdCBTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgPSBzdHlsZWQuZGl2PHtcbiAgaXNEaXNtaXNzZWQ6IGJvb2xlYW47XG59PigoeyBpc0Rpc21pc3NlZCB9KSA9PiAoe1xuICB0cmFuc2Zvcm06IGB0cmFuc2xhdGVZKCR7aXNEaXNtaXNzZWQgPyBcImNhbGMoLTEwMCUgLSA4cHgpXCIgOiBcIjAlXCJ9KWAsXG4gIHRyYW5zaXRpb246IGB0cmFuc2Zvcm0gJHtcbiAgICBpc0Rpc21pc3NlZCA/IEFOSU1BVElPTl9USU1FIDogMFxuICB9bXMgY3ViaWMtYmV6aWVyKDAuMCwgMC4wLCAwLjI1LCAxLjApYCxcbn0pKTtcblxuY29uc3QgU3R5bGVkQ29udGFpbmVyID0gc3R5bGVkLmRpdigoKSA9PiAoe1xuICBvdmVyZmxvdzogXCJoaWRkZW5cIixcbn0pKTtcblxuZXhwb3J0IGZ1bmN0aW9uIE5vdGlmaWNhdGlvbih7XG4gIHRleHQsXG4gIGljb24sXG4gIGlzRGlzbWlzc2FibGUsXG4gIGNhbGxUb0FjdGlvbkxhYmVsLFxuICBvbkNsaWNrRGlzbWlzcyxcbiAgb25DbGlja0NhbGxUb0FjdGlvbixcbiAgZXhwYW5kYWJsZSxcbiAgZXhwYW5kQnV0dG9uTGFiZWwsXG4gIHNocmlua0J1dHRvbkxhYmVsLFxuICBjaGlsZHJlbixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBOb3RpZmljYXRpb25Qcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IFtpc0V4cGFuZGVkLCBzZXRJc0V4cGFuZGVkXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgY29uc3QgW2lzRGlzbWlzc2VkLCBzZXRJc0Rpc21pc3NlZF0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgY29uc3QgZGlzbWlzcyA9ICgpID0+IHtcbiAgICBzZXRJc0Rpc21pc3NlZCh0cnVlKTtcbiAgICBzZXRUaW1lb3V0KG9uQ2xpY2tEaXNtaXNzLCBBTklNQVRJT05fVElNRSk7XG4gIH07XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkQ29udGFpbmVyIGRhdGEtZHMtaWQ9XCJOb3RpZmljYXRpb25cIj5cbiAgICAgIDxTdHlsZWRFeHBhbmRpbmdDb250YWluZXIgaXNEaXNtaXNzZWQ9e2lzRGlzbWlzc2VkfT5cbiAgICAgICAgPENhcmQgc3F1YXJlQ29ybmVycyBkYXRhLWUyZS10ZXN0LWlkPXtkYXRhRTJlVGVzdElkfT5cbiAgICAgICAgICA8Qm94IHNwYWNlPVwic1wiPlxuICAgICAgICAgICAgPENvbHVtbnMgZ2FwPVwic1wiIHZBbGlnbkl0ZW1zPVwidG9wXCI+XG4gICAgICAgICAgICAgIHtpY29uICYmIChcbiAgICAgICAgICAgICAgICA8Q29sdW1uIHNpemU9XCJuYXJyb3dcIj5cbiAgICAgICAgICAgICAgICAgIDxCb3ggdlNwYWNlPVwieHhzXCIgc3BhY2U9XCJ6ZXJvXCI+XG4gICAgICAgICAgICAgICAgICAgIDxJY29uIG5hbWU9e2ljb259IHZhcmlhbnQ9XCJzZWNvbmRhcnlcIiBkYXRhLXRlc3RpZD1cImljb25cIiAvPlxuICAgICAgICAgICAgICAgICAgPC9Cb3g+XG4gICAgICAgICAgICAgICAgPC9Db2x1bW4+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cImZpbGxcIj5cbiAgICAgICAgICAgICAgICA8Qm94IHZTcGFjZT1cInh4c1wiIHNwYWNlPVwiemVyb1wiPlxuICAgICAgICAgICAgICAgICAgPFRleHQ+e3RleHR9PC9UZXh0PlxuICAgICAgICAgICAgICAgIDwvQm94PlxuICAgICAgICAgICAgICA8L0NvbHVtbj57XCIgXCJ9XG4gICAgICAgICAgICAgIHsoY2FsbFRvQWN0aW9uTGFiZWwgfHwgZXhwYW5kYWJsZSkgJiYgKFxuICAgICAgICAgICAgICAgIDxDb2x1bW5cbiAgICAgICAgICAgICAgICAgIHNpemU9e1sxMiwgXCJuYXJyb3dcIiwgXCJuYXJyb3dcIl19XG4gICAgICAgICAgICAgICAgICBvcmRlcj17W1wibGFzdFwiLCBcInVuc2V0XCIsIFwidW5zZXRcIl19XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge2NhbGxUb0FjdGlvbkxhYmVsICYmIChcbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbiBzaXplPVwic1wiIGZ1bGxXaWR0aCBvbkNsaWNrPXtvbkNsaWNrQ2FsbFRvQWN0aW9ufT5cbiAgICAgICAgICAgICAgICAgICAgICB7Y2FsbFRvQWN0aW9uTGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgIHtleHBhbmRhYmxlICYmIChcbiAgICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICAgICAgICBmdWxsV2lkdGhcbiAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBzZXRJc0V4cGFuZGVkKCFpc0V4cGFuZGVkKX1cbiAgICAgICAgICAgICAgICAgICAgICByaWdodEljb249e2lzRXhwYW5kZWQgPyBcImNoZXZyb24tdXBcIiA6IFwiY2hldnJvbi1kb3duXCJ9XG4gICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICB7aXNFeHBhbmRlZCA/IHNocmlua0J1dHRvbkxhYmVsIDogZXhwYW5kQnV0dG9uTGFiZWx9XG4gICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICA8L0NvbHVtbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge2lzRGlzbWlzc2FibGUgJiYgKFxuICAgICAgICAgICAgICAgIDxDb2x1bW4gc2l6ZT1cIm5hcnJvd1wiPlxuICAgICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgICBsZWZ0SWNvbj1cInhcIlxuICAgICAgICAgICAgICAgICAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgICAgICAgICAgICAgICAgICBzaXplPVwic1wiXG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e2Rpc21pc3N9XG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvQ29sdW1uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgPC9Db2x1bW5zPlxuICAgICAgICAgICAge2lzRXhwYW5kZWQgJiYgY2hpbGRyZW59XG4gICAgICAgICAgPC9Cb3g+XG4gICAgICAgIDwvQ2FyZD5cbiAgICAgIDwvU3R5bGVkRXhwYW5kaW5nQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkQ29udGFpbmVyPlxuICApO1xufVxuIl19 */");
|
|
33
33
|
function Notification(_ref2) {
|
|
34
34
|
let {
|
|
35
35
|
text,
|
|
@@ -50,7 +50,9 @@ function Notification(_ref2) {
|
|
|
50
50
|
setIsDismissed(true);
|
|
51
51
|
setTimeout(onClickDismiss, ANIMATION_TIME);
|
|
52
52
|
};
|
|
53
|
-
return /*#__PURE__*/React.createElement(StyledContainer,
|
|
53
|
+
return /*#__PURE__*/React.createElement(StyledContainer, {
|
|
54
|
+
"data-ds-id": "Notification"
|
|
55
|
+
}, /*#__PURE__*/React.createElement(StyledExpandingContainer, {
|
|
54
56
|
isDismissed: isDismissed
|
|
55
57
|
}, /*#__PURE__*/React.createElement(Card, {
|
|
56
58
|
squareCorners: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notification.js","sources":["../../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Card } from \"../Card/Card\";\nimport { Box } from \"../Box/Box\";\nimport { Columns, Column } from \"../Column/Columns\";\nimport { Button } from \"../Button/Button\";\nimport { Icon, IconName } from \"../Icon/Icon\";\nimport { Text } from \"../Typography/Text/Text\";\n\nconst ANIMATION_TIME = 200;\n\nexport type NotificationProps = {\n \"data-e2e-test-id\"?: string;\n text?: string;\n icon?: IconName;\n isDismissable?: boolean;\n callToActionLabel?: string;\n expandButtonLabel?: string;\n shrinkButtonLabel?: string;\n expandable?: boolean;\n onClickCallToAction?: (e: React.MouseEvent) => void;\n onClickDismiss?: () => void;\n children?: React.ReactNode;\n};\n\nconst StyledExpandingContainer = styled.div<{\n isDismissed: boolean;\n}>(({ isDismissed }) => ({\n transform: `translateY(${isDismissed ? \"calc(-100% - 8px)\" : \"0%\"})`,\n transition: `transform ${\n isDismissed ? ANIMATION_TIME : 0\n }ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`,\n}));\n\nconst StyledContainer = styled.div(() => ({\n overflow: \"hidden\",\n}));\n\nexport function Notification({\n text,\n icon,\n isDismissable,\n callToActionLabel,\n onClickDismiss,\n onClickCallToAction,\n expandable,\n expandButtonLabel,\n shrinkButtonLabel,\n children,\n \"data-e2e-test-id\": dataE2eTestId,\n}: NotificationProps): React.ReactElement {\n const [isExpanded, setIsExpanded] = useState(false);\n const [isDismissed, setIsDismissed] = useState(false);\n\n const dismiss = () => {\n setIsDismissed(true);\n setTimeout(onClickDismiss, ANIMATION_TIME);\n };\n\n return (\n <StyledContainer>\n <StyledExpandingContainer isDismissed={isDismissed}>\n <Card squareCorners data-e2e-test-id={dataE2eTestId}>\n <Box space=\"s\">\n <Columns gap=\"s\" vAlignItems=\"top\">\n {icon && (\n <Column size=\"narrow\">\n <Box vSpace=\"xxs\" space=\"zero\">\n <Icon name={icon} variant=\"secondary\" data-testid=\"icon\" />\n </Box>\n </Column>\n )}\n <Column size=\"fill\">\n <Box vSpace=\"xxs\" space=\"zero\">\n <Text>{text}</Text>\n </Box>\n </Column>{\" \"}\n {(callToActionLabel || expandable) && (\n <Column\n size={[12, \"narrow\", \"narrow\"]}\n order={[\"last\", \"unset\", \"unset\"]}\n >\n {callToActionLabel && (\n <Button size=\"s\" fullWidth onClick={onClickCallToAction}>\n {callToActionLabel}\n </Button>\n )}\n {expandable && (\n <Button\n size=\"s\"\n fullWidth\n onClick={() => setIsExpanded(!isExpanded)}\n rightIcon={isExpanded ? \"chevron-up\" : \"chevron-down\"}\n >\n {isExpanded ? shrinkButtonLabel : expandButtonLabel}\n </Button>\n )}\n </Column>\n )}\n {isDismissable && (\n <Column size=\"narrow\">\n <Button\n leftIcon=\"x\"\n variant=\"tertiary\"\n size=\"s\"\n onClick={dismiss}\n />\n </Column>\n )}\n </Columns>\n {isExpanded && children}\n </Box>\n </Card>\n </StyledExpandingContainer>\n </StyledContainer>\n );\n}\n"],"names":["ANIMATION_TIME","StyledExpandingContainer","_styled","process","env","NODE_ENV","target","label","_ref","isDismissed","transform","transition","StyledContainer","overflow","Notification","_ref2","text","icon","isDismissable","callToActionLabel","onClickDismiss","onClickCallToAction","expandable","expandButtonLabel","shrinkButtonLabel","children","dataE2eTestId","isExpanded","setIsExpanded","useState","setIsDismissed","dismiss","setTimeout","React","createElement","Card","squareCorners","Box","space","Columns","gap","vAlignItems","Column","size","vSpace","Icon","name","variant","Text","order","Button","fullWidth","onClick","rightIcon","leftIcon"],"mappings":";;;;;;;;;AASA,MAAMA,cAAc,GAAG,GAAG,CAAA;AAgB1B,MAAMC,wBAAwB,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,0BAAA;AAAA,CAAA,CAAA,CAE9BC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,WAAAA;AAAY,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;AACvBE,IAAAA,SAAS,EAAG,CAAaD,WAAAA,EAAAA,WAAW,GAAG,mBAAmB,GAAG,IAAK,CAAE,CAAA,CAAA;AACpEE,IAAAA,UAAU,EAAG,CACXF,UAAAA,EAAAA,WAAW,GAAGT,cAAc,GAAG,CAChC,CAAA,oCAAA,CAAA;GACF,CAAA;AAAA,CAAC,EAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,
|
|
1
|
+
{"version":3,"file":"Notification.js","sources":["../../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Card } from \"../Card/Card\";\nimport { Box } from \"../Box/Box\";\nimport { Columns, Column } from \"../Column/Columns\";\nimport { Button } from \"../Button/Button\";\nimport { Icon, IconName } from \"../Icon/Icon\";\nimport { Text } from \"../Typography/Text/Text\";\n\nconst ANIMATION_TIME = 200;\n\nexport type NotificationProps = {\n \"data-e2e-test-id\"?: string;\n text?: string;\n icon?: IconName;\n isDismissable?: boolean;\n callToActionLabel?: string;\n expandButtonLabel?: string;\n shrinkButtonLabel?: string;\n expandable?: boolean;\n onClickCallToAction?: (e: React.MouseEvent) => void;\n onClickDismiss?: () => void;\n children?: React.ReactNode;\n};\n\nconst StyledExpandingContainer = styled.div<{\n isDismissed: boolean;\n}>(({ isDismissed }) => ({\n transform: `translateY(${isDismissed ? \"calc(-100% - 8px)\" : \"0%\"})`,\n transition: `transform ${\n isDismissed ? ANIMATION_TIME : 0\n }ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`,\n}));\n\nconst StyledContainer = styled.div(() => ({\n overflow: \"hidden\",\n}));\n\nexport function Notification({\n text,\n icon,\n isDismissable,\n callToActionLabel,\n onClickDismiss,\n onClickCallToAction,\n expandable,\n expandButtonLabel,\n shrinkButtonLabel,\n children,\n \"data-e2e-test-id\": dataE2eTestId,\n}: NotificationProps): React.ReactElement {\n const [isExpanded, setIsExpanded] = useState(false);\n const [isDismissed, setIsDismissed] = useState(false);\n\n const dismiss = () => {\n setIsDismissed(true);\n setTimeout(onClickDismiss, ANIMATION_TIME);\n };\n\n return (\n <StyledContainer data-ds-id=\"Notification\">\n <StyledExpandingContainer isDismissed={isDismissed}>\n <Card squareCorners data-e2e-test-id={dataE2eTestId}>\n <Box space=\"s\">\n <Columns gap=\"s\" vAlignItems=\"top\">\n {icon && (\n <Column size=\"narrow\">\n <Box vSpace=\"xxs\" space=\"zero\">\n <Icon name={icon} variant=\"secondary\" data-testid=\"icon\" />\n </Box>\n </Column>\n )}\n <Column size=\"fill\">\n <Box vSpace=\"xxs\" space=\"zero\">\n <Text>{text}</Text>\n </Box>\n </Column>{\" \"}\n {(callToActionLabel || expandable) && (\n <Column\n size={[12, \"narrow\", \"narrow\"]}\n order={[\"last\", \"unset\", \"unset\"]}\n >\n {callToActionLabel && (\n <Button size=\"s\" fullWidth onClick={onClickCallToAction}>\n {callToActionLabel}\n </Button>\n )}\n {expandable && (\n <Button\n size=\"s\"\n fullWidth\n onClick={() => setIsExpanded(!isExpanded)}\n rightIcon={isExpanded ? \"chevron-up\" : \"chevron-down\"}\n >\n {isExpanded ? shrinkButtonLabel : expandButtonLabel}\n </Button>\n )}\n </Column>\n )}\n {isDismissable && (\n <Column size=\"narrow\">\n <Button\n leftIcon=\"x\"\n variant=\"tertiary\"\n size=\"s\"\n onClick={dismiss}\n />\n </Column>\n )}\n </Columns>\n {isExpanded && children}\n </Box>\n </Card>\n </StyledExpandingContainer>\n </StyledContainer>\n );\n}\n"],"names":["ANIMATION_TIME","StyledExpandingContainer","_styled","process","env","NODE_ENV","target","label","_ref","isDismissed","transform","transition","StyledContainer","overflow","Notification","_ref2","text","icon","isDismissable","callToActionLabel","onClickDismiss","onClickCallToAction","expandable","expandButtonLabel","shrinkButtonLabel","children","dataE2eTestId","isExpanded","setIsExpanded","useState","setIsDismissed","dismiss","setTimeout","React","createElement","Card","squareCorners","Box","space","Columns","gap","vAlignItems","Column","size","vSpace","Icon","name","variant","Text","order","Button","fullWidth","onClick","rightIcon","leftIcon"],"mappings":"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"}
|
|
@@ -12,7 +12,8 @@ function ButtonGroup(_ref) {
|
|
|
12
12
|
return /*#__PURE__*/React.createElement(Columns, {
|
|
13
13
|
gap: "s",
|
|
14
14
|
alignItems: ["spaceBetween", "right"],
|
|
15
|
-
"data-e2e-test-id": dataE2eTestId
|
|
15
|
+
"data-e2e-test-id": dataE2eTestId,
|
|
16
|
+
"data-ds-id": "ButtonGroup"
|
|
16
17
|
}, actionButton && /*#__PURE__*/React.createElement(Column, {
|
|
17
18
|
order: ["first", "last"],
|
|
18
19
|
size: [12, "narrow"]
|