@pingux/astro 2.143.0-alpha.0 → 2.143.0-alpha.2
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/lib/cjs/components/AccordionGridGroup/AccordionGrid.styles.js +1 -2
- package/lib/cjs/components/AccordionGridGroup/AccordionGridGroup.stories.js +86 -5
- package/lib/cjs/components/AccordionGridItem/AccordionGridItemHeader.js +7 -5
- package/lib/cjs/components/AccordionGroup/AccordionGroup.js +5 -3
- package/lib/cjs/components/AccordionGroup/AccordionGroup.stories.js +3 -6
- package/lib/cjs/components/AccordionItem/AccordionItem.js +8 -4
- package/lib/cjs/components/AstroProvider/AstroProvider.js +3 -3
- package/lib/cjs/components/Breadcrumbs/Breadcrumbs.js +6 -2
- package/lib/cjs/components/Button/Button.stories.js +6 -3
- package/lib/cjs/components/Button/Buttons.styles.d.ts +40 -0
- package/lib/cjs/components/Button/Buttons.styles.js +2 -0
- package/lib/cjs/components/CollapsiblePanel/CollapsiblePanel.stories.js +5 -1
- package/lib/cjs/components/CopyText/CopyButton.js +4 -1
- package/lib/cjs/components/CopyText/CopyText.js +2 -1
- package/lib/cjs/components/GridList/GridList.stories.js +0 -1
- package/lib/cjs/components/Icon/Icon.js +2 -1
- package/lib/cjs/components/Icon/Icon.stories.js +1 -1
- package/lib/cjs/components/IconBadge/IconBadge.js +4 -4
- package/lib/cjs/components/IconBadge/IconBadge.stories.js +2 -2
- package/lib/cjs/components/Input/Input.styles.js +3 -0
- package/lib/cjs/components/ListBox/ListBox.js +4 -2
- package/lib/cjs/components/ListBox/Option.js +8 -4
- package/lib/cjs/components/ListView/ListView.stories.js +27 -10
- package/lib/cjs/components/ListView/ListViewItem.js +1 -1
- package/lib/cjs/components/Loader/Loader.js +71 -5
- package/lib/cjs/components/Loader/Loader.stories.js +17 -2
- package/lib/cjs/components/Loader/Loader.styles.d.ts +7 -0
- package/lib/cjs/components/Loader/Loader.styles.js +11 -1
- package/lib/cjs/components/MultivaluesField/CondensedMultivaluesField.js +6 -4
- package/lib/cjs/components/MultivaluesField/DefaultMultivaluesField.js +26 -15
- package/lib/cjs/components/PageHeader/PageHeader.js +5 -2
- package/lib/cjs/components/PanelHeader/PanelHeader.js +43 -10
- package/lib/cjs/components/PanelHeader/PanelHeader.stories.js +9 -4
- package/lib/cjs/components/PanelHeader/PanelHeader.styles.js +5 -0
- package/lib/cjs/components/PanelHeader/PanelHeader.test.js +22 -0
- package/lib/cjs/components/RequirementsList/RequirementsList.js +11 -8
- package/lib/cjs/components/SearchField/SearchAutoComplete.d.ts +3 -0
- package/lib/cjs/components/SearchField/SearchAutoComplete.js +168 -0
- package/lib/cjs/components/SearchField/SearchField.d.ts +2 -2
- package/lib/cjs/components/SearchField/SearchField.js +20 -78
- package/lib/cjs/components/SearchField/SearchField.stories.d.ts +8 -7
- package/lib/cjs/components/SearchField/SearchField.stories.js +43 -3
- package/lib/cjs/components/SearchField/SearchField.test.js +132 -0
- package/lib/cjs/components/SearchField/SearchFieldBase.d.ts +3 -0
- package/lib/cjs/components/SearchField/SearchFieldBase.js +91 -0
- package/lib/cjs/components/Stepper/Step.js +1 -1
- package/lib/cjs/components/Stepper/Stepper.styles.js +1 -0
- package/lib/cjs/components/Switch/Switch.js +12 -2
- package/lib/cjs/components/Switch/Switch.styles.js +1 -1
- package/lib/cjs/components/SwitchField/SwitchField.js +7 -2
- package/lib/cjs/components/Tabs/Tabs.stories.js +23 -7
- package/lib/cjs/components/Text/Text.stories.d.ts +1 -0
- package/lib/cjs/components/Text/Text.stories.js +354 -1
- package/lib/cjs/components/Text/Text.styles.d.ts +10 -0
- package/lib/cjs/components/Text/Text.styles.js +5 -0
- package/lib/cjs/components/TextField/TextField.stories.js +12 -2
- package/lib/cjs/hooks/useCircularLoader/useCircularLoader.d.ts +23 -0
- package/lib/cjs/hooks/useCircularLoader/useCircularLoader.js +80 -0
- package/lib/cjs/hooks/useCircularLoader/useCircularLoader.test.d.ts +1 -0
- package/lib/cjs/hooks/useCircularLoader/useCircularLoader.test.js +136 -0
- package/lib/cjs/hooks/useField/useField.d.ts +6 -6
- package/lib/cjs/hooks/useGetTheme/useGetTheme.d.ts +75 -0
- package/lib/cjs/hooks/usePagination/usePagination.d.ts +4 -4
- package/lib/cjs/styles/colors.d.ts +6 -0
- package/lib/cjs/styles/colors.js +4 -1
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/colors.d.ts +36 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/colors.js +23 -2
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/customProperties/icons.d.ts +5 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/customProperties/index.d.ts +17 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/customProperties/index.js +7 -1
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/buttons.d.ts +66 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/buttons.js +18 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/forms.d.ts +15 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/forms.js +18 -1
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/input.d.ts +0 -8
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/input.js +9 -9
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/links.d.ts +14 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/links.js +15 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.d.ts +5 -0
- package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/variants.js +5 -0
- package/lib/cjs/styles/themes/astro/customProperties/icons.d.ts +5 -0
- package/lib/cjs/styles/themes/astro/customProperties/icons.js +11 -4
- package/lib/cjs/styles/themes/astro/customProperties/index.d.ts +18 -0
- package/lib/cjs/styles/themes/astro/customProperties/index.js +26 -1
- package/lib/cjs/styles/themes/next-gen/codeView/codeView.d.ts +2 -0
- package/lib/cjs/styles/themes/next-gen/codeView/codeView.js +4 -2
- package/lib/cjs/styles/themes/next-gen/colors/colors.d.ts +37 -0
- package/lib/cjs/styles/themes/next-gen/colors/colors.js +5 -2
- package/lib/cjs/styles/themes/next-gen/colors/iconWrapper.js +14 -35
- package/lib/cjs/styles/themes/next-gen/colors/twoTone.d.ts +37 -0
- package/lib/cjs/styles/themes/next-gen/colors/twoTone.js +46 -0
- package/lib/cjs/styles/themes/next-gen/convertedComponentList.d.ts +4 -1
- package/lib/cjs/styles/themes/next-gen/convertedComponentList.js +6 -3
- package/lib/cjs/styles/themes/next-gen/customProperties/customSizes.d.ts +10 -0
- package/lib/cjs/styles/themes/next-gen/customProperties/customSizes.js +22 -0
- package/lib/cjs/styles/themes/next-gen/customProperties/icons.d.ts +5 -0
- package/lib/cjs/styles/themes/next-gen/customProperties/icons.js +10 -3
- package/lib/cjs/styles/themes/next-gen/customProperties/index.d.ts +17 -0
- package/lib/cjs/styles/themes/next-gen/customProperties/index.js +26 -4
- package/lib/cjs/styles/themes/next-gen/customProperties/tShirtSizes.js +4 -4
- package/lib/cjs/styles/themes/next-gen/forms.d.ts +42 -0
- package/lib/cjs/styles/themes/next-gen/forms.js +5 -0
- package/lib/cjs/styles/themes/next-gen/next-gen.d.ts +1151 -857
- package/lib/cjs/styles/themes/next-gen/next-gen.js +1 -1
- package/lib/cjs/styles/themes/next-gen/text.js +2 -2
- package/lib/cjs/styles/themes/next-gen/variants/accordion.d.ts +16 -0
- package/lib/cjs/styles/themes/next-gen/variants/accordion.js +26 -0
- package/lib/cjs/styles/themes/next-gen/variants/badges.d.ts +0 -17
- package/lib/cjs/styles/themes/next-gen/variants/badges.js +1 -3
- package/lib/cjs/styles/themes/next-gen/variants/button.d.ts +151 -105
- package/lib/cjs/styles/themes/next-gen/variants/button.js +38 -7
- package/lib/cjs/styles/themes/next-gen/variants/cards.js +1 -1
- package/lib/cjs/styles/themes/next-gen/variants/input.js +16 -5
- package/lib/cjs/styles/themes/next-gen/variants/label.js +5 -3
- package/lib/cjs/styles/themes/next-gen/variants/links.d.ts +4 -2
- package/lib/cjs/styles/themes/next-gen/variants/listview.js +1 -1
- package/lib/cjs/styles/themes/next-gen/variants/panelHeader.d.ts +16 -0
- package/lib/cjs/styles/themes/next-gen/variants/panelHeader.js +26 -0
- package/lib/cjs/styles/themes/next-gen/variants/stepper.d.ts +66 -0
- package/lib/cjs/styles/themes/next-gen/variants/stepper.js +74 -0
- package/lib/cjs/styles/themes/next-gen/variants/switch.d.ts +36 -0
- package/lib/cjs/styles/themes/next-gen/variants/switch.js +44 -0
- package/lib/cjs/styles/themes/next-gen/variants/text.d.ts +62 -0
- package/lib/cjs/styles/themes/next-gen/variants/text.js +67 -7
- package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts +900 -743
- package/lib/cjs/styles/themes/next-gen/variants/variants.js +88 -38
- package/lib/cjs/types/listBox.d.ts +2 -0
- package/lib/cjs/types/loader.d.ts +5 -2
- package/lib/cjs/types/searchField.d.ts +11 -1
- package/lib/cjs/types/shared/style.d.ts +2 -0
- package/lib/components/AccordionGridGroup/AccordionGrid.styles.js +1 -2
- package/lib/components/AccordionGridGroup/AccordionGridGroup.stories.js +86 -5
- package/lib/components/AccordionGridItem/AccordionGridItemHeader.js +6 -4
- package/lib/components/AccordionGroup/AccordionGroup.js +5 -3
- package/lib/components/AccordionGroup/AccordionGroup.stories.js +3 -6
- package/lib/components/AccordionItem/AccordionItem.js +8 -4
- package/lib/components/AstroProvider/AstroProvider.js +3 -3
- package/lib/components/Breadcrumbs/Breadcrumbs.js +7 -3
- package/lib/components/Button/Button.stories.js +4 -1
- package/lib/components/Button/Buttons.styles.js +2 -0
- package/lib/components/CollapsiblePanel/CollapsiblePanel.stories.js +5 -1
- package/lib/components/CopyText/CopyButton.js +4 -1
- package/lib/components/CopyText/CopyText.js +2 -1
- package/lib/components/GridList/GridList.stories.js +0 -1
- package/lib/components/Icon/Icon.js +2 -1
- package/lib/components/Icon/Icon.stories.js +1 -1
- package/lib/components/IconBadge/IconBadge.js +4 -4
- package/lib/components/IconBadge/IconBadge.stories.js +2 -2
- package/lib/components/Input/Input.styles.js +3 -0
- package/lib/components/ListBox/ListBox.js +4 -2
- package/lib/components/ListBox/Option.js +8 -4
- package/lib/components/ListView/ListView.stories.js +28 -11
- package/lib/components/ListView/ListViewItem.js +1 -1
- package/lib/components/Loader/Loader.js +71 -3
- package/lib/components/Loader/Loader.stories.js +13 -0
- package/lib/components/Loader/Loader.styles.js +11 -1
- package/lib/components/MultivaluesField/CondensedMultivaluesField.js +6 -4
- package/lib/components/MultivaluesField/DefaultMultivaluesField.js +27 -16
- package/lib/components/PageHeader/PageHeader.js +5 -2
- package/lib/components/PanelHeader/PanelHeader.js +44 -11
- package/lib/components/PanelHeader/PanelHeader.stories.js +9 -4
- package/lib/components/PanelHeader/PanelHeader.styles.js +5 -0
- package/lib/components/PanelHeader/PanelHeader.test.js +23 -1
- package/lib/components/RequirementsList/RequirementsList.js +7 -4
- package/lib/components/SearchField/SearchAutoComplete.js +156 -0
- package/lib/components/SearchField/SearchField.js +18 -78
- package/lib/components/SearchField/SearchField.stories.js +41 -3
- package/lib/components/SearchField/SearchField.test.js +132 -0
- package/lib/components/SearchField/SearchFieldBase.js +79 -0
- package/lib/components/Stepper/Step.js +1 -1
- package/lib/components/Stepper/Stepper.styles.js +1 -0
- package/lib/components/Switch/Switch.js +12 -2
- package/lib/components/Switch/Switch.styles.js +1 -1
- package/lib/components/SwitchField/SwitchField.js +7 -2
- package/lib/components/Tabs/Tabs.stories.js +23 -7
- package/lib/components/Text/Text.stories.js +352 -0
- package/lib/components/Text/Text.styles.js +5 -0
- package/lib/components/TextField/TextField.stories.js +12 -2
- package/lib/hooks/useCircularLoader/useCircularLoader.js +71 -0
- package/lib/hooks/useCircularLoader/useCircularLoader.test.js +129 -0
- package/lib/styles/colors.js +4 -1
- package/lib/styles/themeOverrides/nextGenDarkMode/colors.js +23 -2
- package/lib/styles/themeOverrides/nextGenDarkMode/customProperties/index.js +7 -1
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/buttons.js +18 -0
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/forms.js +18 -1
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/input.js +9 -9
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/links.js +15 -0
- package/lib/styles/themeOverrides/nextGenDarkMode/variants/variants.js +5 -0
- package/lib/styles/themes/astro/customProperties/icons.js +12 -5
- package/lib/styles/themes/astro/customProperties/index.js +26 -1
- package/lib/styles/themes/next-gen/codeView/codeView.js +4 -2
- package/lib/styles/themes/next-gen/colors/colors.js +5 -2
- package/lib/styles/themes/next-gen/colors/iconWrapper.js +14 -35
- package/lib/styles/themes/next-gen/colors/twoTone.js +38 -0
- package/lib/styles/themes/next-gen/convertedComponentList.js +6 -3
- package/lib/styles/themes/next-gen/customProperties/customSizes.js +14 -0
- package/lib/styles/themes/next-gen/customProperties/icons.js +10 -3
- package/lib/styles/themes/next-gen/customProperties/index.js +26 -2
- package/lib/styles/themes/next-gen/customProperties/tShirtSizes.js +4 -4
- package/lib/styles/themes/next-gen/forms.js +5 -0
- package/lib/styles/themes/next-gen/next-gen.js +1 -1
- package/lib/styles/themes/next-gen/text.js +2 -2
- package/lib/styles/themes/next-gen/variants/accordion.js +18 -0
- package/lib/styles/themes/next-gen/variants/badges.js +1 -3
- package/lib/styles/themes/next-gen/variants/button.js +38 -7
- package/lib/styles/themes/next-gen/variants/cards.js +1 -1
- package/lib/styles/themes/next-gen/variants/input.js +16 -5
- package/lib/styles/themes/next-gen/variants/label.js +5 -3
- package/lib/styles/themes/next-gen/variants/listview.js +1 -1
- package/lib/styles/themes/next-gen/variants/panelHeader.js +18 -0
- package/lib/styles/themes/next-gen/variants/stepper.js +66 -0
- package/lib/styles/themes/next-gen/variants/switch.js +36 -0
- package/lib/styles/themes/next-gen/variants/text.js +67 -7
- package/lib/styles/themes/next-gen/variants/variants.js +82 -37
- package/package.json +2 -1
@@ -22,7 +22,7 @@ export var GlobalStyles = function GlobalStyles(_ref2) {
|
|
22
22
|
isOnyx = _useGetTheme$themeSta.isOnyx,
|
23
23
|
isOnyxDark = _useGetTheme$themeSta.isOnyxDark;
|
24
24
|
return ___EmotionJSX(Global, {
|
25
|
-
styles: /*#__PURE__*/css("@import url(\"https://use.typekit.net/icz8cni.css\");{}", emotionNormalize, " ", pingitoFont, " ", openSansFont, " *{box-sizing:border-box;}html,body{padding:0;margin:0;background:white;min-height:100%;font-family:", isEndUserTheme && 'pingito, ', "\"Helvetica Neue\",Helvetica,sans-serif;}.is-disabled{opacity:", isOnyx || isOnyxDark ? 0.65 : 0.5, ";pointer-events:none;}[data-live-announcer]{display:none;}button:focus-visible,[type=\"button\"]:focus-visible,[type=\"reset\"]:focus-visible,[type=\"submit\"]:focus-visible{outline:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:GlobalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
25
|
+
styles: /*#__PURE__*/css("@import url(\"https://use.typekit.net/icz8cni.css\");{}", emotionNormalize, " ", pingitoFont, " ", openSansFont, " *{box-sizing:border-box;}html,body{padding:0;margin:0;background:white;min-height:100%;font-family:", isEndUserTheme && 'pingito, ', " ", isOnyx && 'Open Sans, ', " \"Helvetica Neue\",Helvetica,sans-serif;}.is-disabled{opacity:", isOnyx || isOnyxDark ? 0.65 : 0.5, ";pointer-events:none;}[data-live-announcer]{display:none;}button:focus-visible,[type=\"button\"]:focus-visible,[type=\"reset\"]:focus-visible,[type=\"submit\"]:focus-visible{outline:0;}" + (process.env.NODE_ENV === "production" ? "" : ";label:GlobalStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvUHJvdmlkZXIvQXN0cm9Qcm92aWRlci5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFlaUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvQXN0cm9Qcm92aWRlci9Bc3Ryb1Byb3ZpZGVyLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IGZvcndhcmRSZWYsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyBjc3MsIEdsb2JhbCwgVGhlbWVQcm92aWRlciB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBlbW90aW9uTm9ybWFsaXplIGZyb20gJ2Vtb3Rpb24tbm9ybWFsaXplJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBtZXJnZSB9IGZyb20gJ3RoZW1lLXVpJztcblxuaW1wb3J0IHsgb3BlblNhbnNGb250LCBwaW5naXRvRm9udCB9IGZyb20gJy4uLy4uL2ZvbnRzJztcbmltcG9ydCB1c2VHZXRUaGVtZSBmcm9tICcuLi8uLi9ob29rcy91c2VHZXRUaGVtZSc7XG5pbXBvcnQgYXN0cm9UaGVtZSBmcm9tICcuLi8uLi9zdHlsZXMvdGhlbWUnO1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnO1xuXG5leHBvcnQgY29uc3QgR2xvYmFsU3R5bGVzID0gKHsgaXNFbmRVc2VyVGhlbWUgPSBmYWxzZSB9KSA9PiB7XG4gIGNvbnN0IHsgdGhlbWVTdGF0ZTogeyBpc09ueXgsIGlzT255eERhcmsgfSB9ID0gdXNlR2V0VGhlbWUoKTtcbiAgcmV0dXJuIChcbiAgICA8R2xvYmFsXG4gICAgICBzdHlsZXM9e2Nzc2BcbiAgICAgICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcbiAgICAgICAgJHtlbW90aW9uTm9ybWFsaXplfVxuICAgICAgICAke3BpbmdpdG9Gb250fVxuICAgICAgICAke29wZW5TYW5zRm9udH1cbiAgICAgICAgKiB7XG4gICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgICAgICBodG1sLFxuICAgICAgICBib2R5IHtcbiAgICAgICAgICBwYWRkaW5nOiAwO1xuICAgICAgICAgIG1hcmdpbjogMDtcbiAgICAgICAgICBiYWNrZ3JvdW5kOiB3aGl0ZTtcbiAgICAgICAgICBtaW4taGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGZvbnQtZmFtaWx5OiAke2lzRW5kVXNlclRoZW1lICYmICdwaW5naXRvLCAnfSAke2lzT255eCAmJiAnT3BlbiBTYW5zLCAnfSBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcbiAgICAgICAgfVxuICAgICAgICAuaXMtZGlzYWJsZWQge1xuICAgICAgICAgIG9wYWNpdHk6ICR7aXNPbnl4IHx8IGlzT255eERhcmsgPyAwLjY1IDogMC41fTtcbiAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgfVxuICAgICAgICBbZGF0YS1saXZlLWFubm91bmNlcl0ge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgICAgYnV0dG9uOmZvY3VzLXZpc2libGUsXG4gICAgICAgIFt0eXBlPVwiYnV0dG9uXCJdOmZvY3VzLXZpc2libGUsXG4gICAgICAgIFt0eXBlPVwicmVzZXRcIl06Zm9jdXMtdmlzaWJsZSxcbiAgICAgICAgW3R5cGU9XCJzdWJtaXRcIl06Zm9jdXMtdmlzaWJsZSB7XG4gICAgICAgICAgb3V0bGluZTogMDtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICAvPlxuICApO1xufTtcblxuR2xvYmFsU3R5bGVzLnByb3BUeXBlcyA9IHtcbiAgaXNFbmRVc2VyVGhlbWU6IFByb3BUeXBlcy5ib29sLFxufTtcblxuLyoqXG4gKiBfTm90ZTogRm9yIFVJIExpYnJhcnkgYW5kIEFzdHJvIENTUyBjb25mbGljdHMsIHdlIHN1cHBseSBhIHRoZW1lIG92ZXJyaWRlIGxvY2F0ZWQgYXRfXG4gKiBgQHBpbmd1eC9hc3Ryby9saWIvc3R5bGVzL3RoZW1lT3ZlcnJpZGVzL3VpTGlicmFyeU92ZXJyaWRlLmpzYFxuICovXG5jb25zdCBBc3Ryb1Byb3ZpZGVyID0gZm9yd2FyZFJlZigocHJvcHMsIHJlZikgPT4ge1xuICBjb25zdCB7IGRlZmF1bHRUaGVtZSA9IGFzdHJvVGhlbWUsIHRoZW1lT3ZlcnJpZGVzID0gW3t9XSwgY2hpbGRyZW4sIC4uLm90aGVycyB9ID0gcHJvcHM7XG5cbiAgLy8gVW5mb3J0dW5hdGVseSBiZWNhdXNlIHRoaXMgaXMgYWRkaW5nIHN0eWxlcywgd2UgY2Fubm90IHdyaXRlIGEgcHJvcGVyIHRlc3QgZm9yIHRoaXMuXG4gIC8qIGlzdGFuYnVsIGlnbm9yZSBuZXh0ICovXG4gIGNvbnN0IHRoZW1lID0gdXNlTWVtbyhcbiAgICAoKSA9PiBtZXJnZShkZWZhdWx0VGhlbWUsIC4uLnRoZW1lT3ZlcnJpZGVzKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10sXG4gICk7XG4gIGNvbnN0IGlzRW5kVXNlclRoZW1lID0gdGhlbWUgJiYgdGhlbWUubmFtZSA9PT0gJ0VuZCBVc2VyJztcblxuICByZXR1cm4gKFxuICAgIDxUaGVtZVByb3ZpZGVyIHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsU3R5bGVzIGlzRW5kVXNlclRoZW1lPXtpc0VuZFVzZXJUaGVtZX0gLz5cbiAgICAgIDxCb3ggcmVmPXtyZWZ9IGJnPVwiYmFja2dyb3VuZFwiIGhlaWdodD1cIjEwMCVcIiB7Li4ucHJvcHN9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0JveD5cbiAgICA8L1RoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcblxuQXN0cm9Qcm92aWRlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG4vKipcbiAqIFdyYXBwZXIgZm9yIHRoZSBBc3RybyBhcHBsaWNhdGlvbiB3L28gZ2xvYmFsIHN0eWxlcy5cbiAqIEl0IHByb3ZpZGVzIHRoZSBzdGFuZGFyZCBiYWNrZ3JvdW5kIGFuZCB0aGUgQXN0cm8gdGhlbWUuXG4gKi9cbmV4cG9ydCBjb25zdCBQYWdlV3JhcHBlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBkZWZhdWx0VGhlbWUgPSBhc3Ryb1RoZW1lLCB0aGVtZU92ZXJyaWRlcyA9IFt7fV0sIGNoaWxkcmVuLCAuLi5vdGhlcnMgfSA9IHByb3BzO1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlTWVtbyhcbiAgICAoKSA9PiBtZXJnZShkZWZhdWx0VGhlbWUsIC4uLnRoZW1lT3ZlcnJpZGVzKSxcbiAgICBbZGVmYXVsdFRoZW1lLCB0aGVtZU92ZXJyaWRlc10sXG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciByZWY9e3JlZn0gdGhlbWU9e3RoZW1lfSB7Li4ub3RoZXJzfT5cbiAgICAgIDxHbG9iYWxcbiAgICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgICAgQGltcG9ydCB1cmwoXCJodHRwczovL3VzZS50eXBla2l0Lm5ldC9pY3o4Y25pLmNzc1wiKTtcblxuICAgICAgICAgIFtkYXRhLXRpcHB5LXJvb3RdIHtcbiAgICAgICAgICAgIG1heC13aWR0aDogY2FsYygxMDB2dyAtIDEwcHgpO1xuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgIC8+XG4gICAgICA8Qm94XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cblxuICAgICAgICAgICoge1xuICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIkhlbHZldGljYSBOZXVlXCIsIEhlbHZldGljYSwgc2Fucy1zZXJpZjtcblxuICAgICAgICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICAgICAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICAgIHsuLi5wcm9wc31cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cblBhZ2VXcmFwcGVyLnByb3BUeXBlcyA9IHtcbiAgLyoqIEFycmF5IG9mIHRoZW1lIG9iamVjdHMgd2hpY2ggd2lsbCBiZSBtZXJnZWQgd2l0aCB0aGUgZGVmYXVsdCB0aGVtZS5cbiAgICogSW4gdGhlIGNhc2Ugb2YgY2xhc2hlcywgdGhlc2Ugd2lsbCB0YWtlIHByaW9yaXR5LlxuICAgKiBVc2VmdWwgZm9yIGN1c3RvbWl6aW5nIHRoZSBkZWZhdWx0IHZhcmlhbnRzLCBhZGRpbmcgbmV3IG9uZXMsXG4gICAqICBvciBvdmVycmlkaW5nIG90aGVyIHRoZW1lIHZhbHVlcy4gKi9cbiAgdGhlbWVPdmVycmlkZXM6IFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5zaGFwZSh7fSkpLFxuICAvKiogVGhlIGRlZmF1bHQgdGhlbWUgYXBwbGllZCB0byB0aGUgQXN0cm8gY29tcG9uZW50cy5cbiAgICogT3ZlcnJpZGluZyB0aGlzIGlzIGFuIGFkdmFuY2VkIHVzZSBjYXNlIHNvXG4gICAqIHBsZWFzZSB1bmRlcnN0YW5kIHBvdGVudGlhbCByZXByZWN1c3Npb25zIGJlZm9yZSBlZGl0aW5nICovXG4gIGRlZmF1bHRUaGVtZTogUHJvcFR5cGVzLnNoYXBlKHt9KSxcbn07XG5cbmV4cG9ydCB7IFRoZW1lUHJvdmlkZXIgfTtcbmV4cG9ydCBkZWZhdWx0IEFzdHJvUHJvdmlkZXI7XG4iXX0= */")
|
26
26
|
});
|
27
27
|
};
|
28
28
|
GlobalStyles.propTypes = {
|
@@ -80,7 +80,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
80
80
|
} : {
|
81
81
|
name: "1385fa1-PageWrapper",
|
82
82
|
styles: "@import url(\"https://use.typekit.net/icz8cni.css\");{}[data-tippy-root]{max-width:calc(100vw - 10px);};label:PageWrapper;",
|
83
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
83
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvUHJvdmlkZXIvQXN0cm9Qcm92aWRlci5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5R21CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvUHJvdmlkZXIvQXN0cm9Qcm92aWRlci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBHbG9iYWwsIFRoZW1lUHJvdmlkZXIgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgZW1vdGlvbk5vcm1hbGl6ZSBmcm9tICdlbW90aW9uLW5vcm1hbGl6ZSc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgbWVyZ2UgfSBmcm9tICd0aGVtZS11aSc7XG5cbmltcG9ydCB7IG9wZW5TYW5zRm9udCwgcGluZ2l0b0ZvbnQgfSBmcm9tICcuLi8uLi9mb250cyc7XG5pbXBvcnQgdXNlR2V0VGhlbWUgZnJvbSAnLi4vLi4vaG9va3MvdXNlR2V0VGhlbWUnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcbmltcG9ydCBCb3ggZnJvbSAnLi4vQm94JztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICh7IGlzRW5kVXNlclRoZW1lID0gZmFsc2UgfSkgPT4ge1xuICBjb25zdCB7IHRoZW1lU3RhdGU6IHsgaXNPbnl4LCBpc09ueXhEYXJrIH0gfSA9IHVzZUdldFRoZW1lKCk7XG4gIHJldHVybiAoXG4gICAgPEdsb2JhbFxuICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgJHtwaW5naXRvRm9udH1cbiAgICAgICAgJHtvcGVuU2Fuc0ZvbnR9XG4gICAgICAgICoge1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIH1cbiAgICAgICAgaHRtbCxcbiAgICAgICAgYm9keSB7XG4gICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgICAgICAgbWluLWhlaWdodDogMTAwJTtcbiAgICAgICAgICBmb250LWZhbWlseTogJHtpc0VuZFVzZXJUaGVtZSAmJiAncGluZ2l0bywgJ30gJHtpc09ueXggJiYgJ09wZW4gU2FucywgJ30gXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG4gICAgICAgIH1cbiAgICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgICBvcGFjaXR5OiAke2lzT255eCB8fCBpc09ueXhEYXJrID8gMC42NSA6IDAuNX07XG4gICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgICAgW2RhdGEtbGl2ZS1hbm5vdW5jZXJdIHtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgICAgIGJ1dHRvbjpmb2N1cy12aXNpYmxlLFxuICAgICAgICBbdHlwZT1cImJ1dHRvblwiXTpmb2N1cy12aXNpYmxlLFxuICAgICAgICBbdHlwZT1cInJlc2V0XCJdOmZvY3VzLXZpc2libGUsXG4gICAgICAgIFt0eXBlPVwic3VibWl0XCJdOmZvY3VzLXZpc2libGUge1xuICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgLz5cbiAgKTtcbn07XG5cbkdsb2JhbFN0eWxlcy5wcm9wVHlwZXMgPSB7XG4gIGlzRW5kVXNlclRoZW1lOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbi8qKlxuICogX05vdGU6IEZvciBVSSBMaWJyYXJ5IGFuZCBBc3RybyBDU1MgY29uZmxpY3RzLCB3ZSBzdXBwbHkgYSB0aGVtZSBvdmVycmlkZSBsb2NhdGVkIGF0X1xuICogYEBwaW5ndXgvYXN0cm8vbGliL3N0eWxlcy90aGVtZU92ZXJyaWRlcy91aUxpYnJhcnlPdmVycmlkZS5qc2BcbiAqL1xuY29uc3QgQXN0cm9Qcm92aWRlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBkZWZhdWx0VGhlbWUgPSBhc3Ryb1RoZW1lLCB0aGVtZU92ZXJyaWRlcyA9IFt7fV0sIGNoaWxkcmVuLCAuLi5vdGhlcnMgfSA9IHByb3BzO1xuXG4gIC8vIFVuZm9ydHVuYXRlbHkgYmVjYXVzZSB0aGlzIGlzIGFkZGluZyBzdHlsZXMsIHdlIGNhbm5vdCB3cml0ZSBhIHByb3BlciB0ZXN0IGZvciB0aGlzLlxuICAvKiBpc3RhbmJ1bCBpZ25vcmUgbmV4dCAqL1xuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdLFxuICApO1xuICBjb25zdCBpc0VuZFVzZXJUaGVtZSA9IHRoZW1lICYmIHRoZW1lLm5hbWUgPT09ICdFbmQgVXNlcic7XG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFN0eWxlcyBpc0VuZFVzZXJUaGVtZT17aXNFbmRVc2VyVGhlbWV9IC8+XG4gICAgICA8Qm94IHJlZj17cmVmfSBiZz1cImJhY2tncm91bmRcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLnByb3BzfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cbkFzdHJvUHJvdmlkZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgKiBJbiB0aGUgY2FzZSBvZiBjbGFzaGVzLCB0aGVzZSB3aWxsIHRha2UgcHJpb3JpdHkuXG4gICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuLyoqXG4gKiBXcmFwcGVyIGZvciB0aGUgQXN0cm8gYXBwbGljYXRpb24gdy9vIGdsb2JhbCBzdHlsZXMuXG4gKiBJdCBwcm92aWRlcyB0aGUgc3RhbmRhcmQgYmFja2dyb3VuZCBhbmQgdGhlIEFzdHJvIHRoZW1lLlxuICovXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgZGVmYXVsdFRoZW1lID0gYXN0cm9UaGVtZSwgdGhlbWVPdmVycmlkZXMgPSBbe31dLCBjaGlsZHJlbiwgLi4ub3RoZXJzIH0gPSBwcm9wcztcblxuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdLFxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgcmVmPXtyZWZ9IHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG5cbiAgICAgICAgICBbZGF0YS10aXBweS1yb290XSB7XG4gICAgICAgICAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxMHB4KTtcbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAgPEJveFxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAke2Vtb3Rpb25Ob3JtYWxpemV9XG5cbiAgICAgICAgICAqIHtcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBmb250LWZhbWlseTogXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG5cbiAgICAgICAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuXG5QYWdlV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG5leHBvcnQgeyBUaGVtZVByb3ZpZGVyIH07XG5leHBvcnQgZGVmYXVsdCBBc3Ryb1Byb3ZpZGVyO1xuIl19 */",
|
84
84
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
85
85
|
};
|
86
86
|
export var PageWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
|
@@ -100,7 +100,7 @@ export var PageWrapper = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
100
100
|
}, others), ___EmotionJSX(Global, {
|
101
101
|
styles: _ref
|
102
102
|
}), ___EmotionJSX(Box, _extends({
|
103
|
-
css: /*#__PURE__*/css(emotionNormalize, " *{box-sizing:border-box;font-family:\"Helvetica Neue\",Helvetica,sans-serif;.is-disabled{opacity:0.5;pointer-events:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:PageWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
103
|
+
css: /*#__PURE__*/css(emotionNormalize, " *{box-sizing:border-box;font-family:\"Helvetica Neue\",Helvetica,sans-serif;.is-disabled{opacity:0.5;pointer-events:none;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:PageWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvUHJvdmlkZXIvQXN0cm9Qcm92aWRlci5qcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrSGdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9jb21wb25lbnRzL0FzdHJvUHJvdmlkZXIvQXN0cm9Qcm92aWRlci5qcyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBmb3J3YXJkUmVmLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzLCBHbG9iYWwsIFRoZW1lUHJvdmlkZXIgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgZW1vdGlvbk5vcm1hbGl6ZSBmcm9tICdlbW90aW9uLW5vcm1hbGl6ZSc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgbWVyZ2UgfSBmcm9tICd0aGVtZS11aSc7XG5cbmltcG9ydCB7IG9wZW5TYW5zRm9udCwgcGluZ2l0b0ZvbnQgfSBmcm9tICcuLi8uLi9mb250cyc7XG5pbXBvcnQgdXNlR2V0VGhlbWUgZnJvbSAnLi4vLi4vaG9va3MvdXNlR2V0VGhlbWUnO1xuaW1wb3J0IGFzdHJvVGhlbWUgZnJvbSAnLi4vLi4vc3R5bGVzL3RoZW1lJztcbmltcG9ydCBCb3ggZnJvbSAnLi4vQm94JztcblxuZXhwb3J0IGNvbnN0IEdsb2JhbFN0eWxlcyA9ICh7IGlzRW5kVXNlclRoZW1lID0gZmFsc2UgfSkgPT4ge1xuICBjb25zdCB7IHRoZW1lU3RhdGU6IHsgaXNPbnl4LCBpc09ueXhEYXJrIH0gfSA9IHVzZUdldFRoZW1lKCk7XG4gIHJldHVybiAoXG4gICAgPEdsb2JhbFxuICAgICAgc3R5bGVzPXtjc3NgXG4gICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG4gICAgICAgICR7ZW1vdGlvbk5vcm1hbGl6ZX1cbiAgICAgICAgJHtwaW5naXRvRm9udH1cbiAgICAgICAgJHtvcGVuU2Fuc0ZvbnR9XG4gICAgICAgICoge1xuICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgIH1cbiAgICAgICAgaHRtbCxcbiAgICAgICAgYm9keSB7XG4gICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgYmFja2dyb3VuZDogd2hpdGU7XG4gICAgICAgICAgbWluLWhlaWdodDogMTAwJTtcbiAgICAgICAgICBmb250LWZhbWlseTogJHtpc0VuZFVzZXJUaGVtZSAmJiAncGluZ2l0bywgJ30gJHtpc09ueXggJiYgJ09wZW4gU2FucywgJ30gXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG4gICAgICAgIH1cbiAgICAgICAgLmlzLWRpc2FibGVkIHtcbiAgICAgICAgICBvcGFjaXR5OiAke2lzT255eCB8fCBpc09ueXhEYXJrID8gMC42NSA6IDAuNX07XG4gICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgIH1cbiAgICAgICAgW2RhdGEtbGl2ZS1hbm5vdW5jZXJdIHtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG4gICAgICAgIGJ1dHRvbjpmb2N1cy12aXNpYmxlLFxuICAgICAgICBbdHlwZT1cImJ1dHRvblwiXTpmb2N1cy12aXNpYmxlLFxuICAgICAgICBbdHlwZT1cInJlc2V0XCJdOmZvY3VzLXZpc2libGUsXG4gICAgICAgIFt0eXBlPVwic3VibWl0XCJdOmZvY3VzLXZpc2libGUge1xuICAgICAgICAgIG91dGxpbmU6IDA7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgLz5cbiAgKTtcbn07XG5cbkdsb2JhbFN0eWxlcy5wcm9wVHlwZXMgPSB7XG4gIGlzRW5kVXNlclRoZW1lOiBQcm9wVHlwZXMuYm9vbCxcbn07XG5cbi8qKlxuICogX05vdGU6IEZvciBVSSBMaWJyYXJ5IGFuZCBBc3RybyBDU1MgY29uZmxpY3RzLCB3ZSBzdXBwbHkgYSB0aGVtZSBvdmVycmlkZSBsb2NhdGVkIGF0X1xuICogYEBwaW5ndXgvYXN0cm8vbGliL3N0eWxlcy90aGVtZU92ZXJyaWRlcy91aUxpYnJhcnlPdmVycmlkZS5qc2BcbiAqL1xuY29uc3QgQXN0cm9Qcm92aWRlciA9IGZvcndhcmRSZWYoKHByb3BzLCByZWYpID0+IHtcbiAgY29uc3QgeyBkZWZhdWx0VGhlbWUgPSBhc3Ryb1RoZW1lLCB0aGVtZU92ZXJyaWRlcyA9IFt7fV0sIGNoaWxkcmVuLCAuLi5vdGhlcnMgfSA9IHByb3BzO1xuXG4gIC8vIFVuZm9ydHVuYXRlbHkgYmVjYXVzZSB0aGlzIGlzIGFkZGluZyBzdHlsZXMsIHdlIGNhbm5vdCB3cml0ZSBhIHByb3BlciB0ZXN0IGZvciB0aGlzLlxuICAvKiBpc3RhbmJ1bCBpZ25vcmUgbmV4dCAqL1xuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdLFxuICApO1xuICBjb25zdCBpc0VuZFVzZXJUaGVtZSA9IHRoZW1lICYmIHRoZW1lLm5hbWUgPT09ICdFbmQgVXNlcic7XG5cbiAgcmV0dXJuIChcbiAgICA8VGhlbWVQcm92aWRlciB0aGVtZT17dGhlbWV9IHsuLi5vdGhlcnN9PlxuICAgICAgPEdsb2JhbFN0eWxlcyBpc0VuZFVzZXJUaGVtZT17aXNFbmRVc2VyVGhlbWV9IC8+XG4gICAgICA8Qm94IHJlZj17cmVmfSBiZz1cImJhY2tncm91bmRcIiBoZWlnaHQ9XCIxMDAlXCIgey4uLnByb3BzfT5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9Cb3g+XG4gICAgPC9UaGVtZVByb3ZpZGVyPlxuICApO1xufSk7XG5cbkFzdHJvUHJvdmlkZXIucHJvcFR5cGVzID0ge1xuICAvKiogQXJyYXkgb2YgdGhlbWUgb2JqZWN0cyB3aGljaCB3aWxsIGJlIG1lcmdlZCB3aXRoIHRoZSBkZWZhdWx0IHRoZW1lLlxuICAgKiBJbiB0aGUgY2FzZSBvZiBjbGFzaGVzLCB0aGVzZSB3aWxsIHRha2UgcHJpb3JpdHkuXG4gICAqIFVzZWZ1bCBmb3IgY3VzdG9taXppbmcgdGhlIGRlZmF1bHQgdmFyaWFudHMsIGFkZGluZyBuZXcgb25lcyxcbiAgICogIG9yIG92ZXJyaWRpbmcgb3RoZXIgdGhlbWUgdmFsdWVzLiAqL1xuICB0aGVtZU92ZXJyaWRlczogUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLnNoYXBlKHt9KSksXG4gIC8qKiBUaGUgZGVmYXVsdCB0aGVtZSBhcHBsaWVkIHRvIHRoZSBBc3RybyBjb21wb25lbnRzLlxuICAgKiBPdmVycmlkaW5nIHRoaXMgaXMgYW4gYWR2YW5jZWQgdXNlIGNhc2Ugc29cbiAgICogcGxlYXNlIHVuZGVyc3RhbmQgcG90ZW50aWFsIHJlcHJlY3Vzc2lvbnMgYmVmb3JlIGVkaXRpbmcgKi9cbiAgZGVmYXVsdFRoZW1lOiBQcm9wVHlwZXMuc2hhcGUoe30pLFxufTtcblxuLyoqXG4gKiBXcmFwcGVyIGZvciB0aGUgQXN0cm8gYXBwbGljYXRpb24gdy9vIGdsb2JhbCBzdHlsZXMuXG4gKiBJdCBwcm92aWRlcyB0aGUgc3RhbmRhcmQgYmFja2dyb3VuZCBhbmQgdGhlIEFzdHJvIHRoZW1lLlxuICovXG5leHBvcnQgY29uc3QgUGFnZVdyYXBwZXIgPSBmb3J3YXJkUmVmKChwcm9wcywgcmVmKSA9PiB7XG4gIGNvbnN0IHsgZGVmYXVsdFRoZW1lID0gYXN0cm9UaGVtZSwgdGhlbWVPdmVycmlkZXMgPSBbe31dLCBjaGlsZHJlbiwgLi4ub3RoZXJzIH0gPSBwcm9wcztcblxuICBjb25zdCB0aGVtZSA9IHVzZU1lbW8oXG4gICAgKCkgPT4gbWVyZ2UoZGVmYXVsdFRoZW1lLCAuLi50aGVtZU92ZXJyaWRlcyksXG4gICAgW2RlZmF1bHRUaGVtZSwgdGhlbWVPdmVycmlkZXNdLFxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPFRoZW1lUHJvdmlkZXIgcmVmPXtyZWZ9IHRoZW1lPXt0aGVtZX0gey4uLm90aGVyc30+XG4gICAgICA8R2xvYmFsXG4gICAgICAgIHN0eWxlcz17Y3NzYFxuICAgICAgICAgIEBpbXBvcnQgdXJsKFwiaHR0cHM6Ly91c2UudHlwZWtpdC5uZXQvaWN6OGNuaS5jc3NcIik7XG5cbiAgICAgICAgICBbZGF0YS10aXBweS1yb290XSB7XG4gICAgICAgICAgICBtYXgtd2lkdGg6IGNhbGMoMTAwdncgLSAxMHB4KTtcbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICAvPlxuICAgICAgPEJveFxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAke2Vtb3Rpb25Ob3JtYWxpemV9XG5cbiAgICAgICAgICAqIHtcbiAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICAgICAgICBmb250LWZhbWlseTogXCJIZWx2ZXRpY2EgTmV1ZVwiLCBIZWx2ZXRpY2EsIHNhbnMtc2VyaWY7XG5cbiAgICAgICAgICAgIC5pcy1kaXNhYmxlZCB7XG4gICAgICAgICAgICAgIG9wYWNpdHk6IDAuNTtcbiAgICAgICAgICAgICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgICB7Li4ucHJvcHN9XG4gICAgICA+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgIDwvQm94PlxuICAgIDwvVGhlbWVQcm92aWRlcj5cbiAgKTtcbn0pO1xuXG5QYWdlV3JhcHBlci5wcm9wVHlwZXMgPSB7XG4gIC8qKiBBcnJheSBvZiB0aGVtZSBvYmplY3RzIHdoaWNoIHdpbGwgYmUgbWVyZ2VkIHdpdGggdGhlIGRlZmF1bHQgdGhlbWUuXG4gICAqIEluIHRoZSBjYXNlIG9mIGNsYXNoZXMsIHRoZXNlIHdpbGwgdGFrZSBwcmlvcml0eS5cbiAgICogVXNlZnVsIGZvciBjdXN0b21pemluZyB0aGUgZGVmYXVsdCB2YXJpYW50cywgYWRkaW5nIG5ldyBvbmVzLFxuICAgKiAgb3Igb3ZlcnJpZGluZyBvdGhlciB0aGVtZSB2YWx1ZXMuICovXG4gIHRoZW1lT3ZlcnJpZGVzOiBQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMuc2hhcGUoe30pKSxcbiAgLyoqIFRoZSBkZWZhdWx0IHRoZW1lIGFwcGxpZWQgdG8gdGhlIEFzdHJvIGNvbXBvbmVudHMuXG4gICAqIE92ZXJyaWRpbmcgdGhpcyBpcyBhbiBhZHZhbmNlZCB1c2UgY2FzZSBzb1xuICAgKiBwbGVhc2UgdW5kZXJzdGFuZCBwb3RlbnRpYWwgcmVwcmVjdXNzaW9ucyBiZWZvcmUgZWRpdGluZyAqL1xuICBkZWZhdWx0VGhlbWU6IFByb3BUeXBlcy5zaGFwZSh7fSksXG59O1xuXG5leHBvcnQgeyBUaGVtZVByb3ZpZGVyIH07XG5leHBvcnQgZGVmYXVsdCBBc3Ryb1Byb3ZpZGVyO1xuIl19 */")
|
104
104
|
}, props), children));
|
105
105
|
});
|
106
106
|
PageWrapper.propTypes = {
|
@@ -6,7 +6,7 @@ import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/insta
|
|
6
6
|
import _mapInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/map";
|
7
7
|
import React, { forwardRef, useCallback } from 'react';
|
8
8
|
import { mergeProps, useBreadcrumbs } from 'react-aria';
|
9
|
-
import { useLocalOrForwardRef, usePropWarning } from '../../hooks';
|
9
|
+
import { useGetTheme, useLocalOrForwardRef, usePropWarning } from '../../hooks';
|
10
10
|
import { Box, Icon } from '../../index';
|
11
11
|
import BreadcrumbItem from './BreadcrumbItem';
|
12
12
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
@@ -16,6 +16,9 @@ var Breadcrumbs = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
16
16
|
iconProps = props.iconProps,
|
17
17
|
onAction = props.onAction,
|
18
18
|
others = _objectWithoutProperties(props, _excluded);
|
19
|
+
var _useGetTheme = useGetTheme(),
|
20
|
+
breadcrumbIconSize = _useGetTheme.breadcrumbIconSize,
|
21
|
+
breadcrumbIconMargin = _useGetTheme.breadcrumbIconMargin;
|
19
22
|
|
20
23
|
// the following filters undefined values passed as a child
|
21
24
|
var filteredChildren = _Array$isArray(children) ? _filterInstanceProperty(children).call(children, function (child) {
|
@@ -36,12 +39,13 @@ var Breadcrumbs = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
36
39
|
onAction: onAction
|
37
40
|
}, child.props), child.props.children), icon && !isCurrentItem && ___EmotionJSX(Icon, _extends({
|
38
41
|
"aria-hidden": "true",
|
39
|
-
mx:
|
40
|
-
size:
|
42
|
+
mx: breadcrumbIconMargin,
|
43
|
+
size: breadcrumbIconSize,
|
41
44
|
title: {
|
42
45
|
name: 'Breadcrumb Separator'
|
43
46
|
}
|
44
47
|
}, iconProps, {
|
48
|
+
color: "text.primary",
|
45
49
|
icon: icon
|
46
50
|
})));
|
47
51
|
}, [_Array$isArray(children) && children.length, filteredChildren, icon, iconProps, onAction]);
|
@@ -13,10 +13,10 @@ var _excluded = ["isConfigured"];
|
|
13
13
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
14
14
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
15
15
|
import React from 'react';
|
16
|
-
import CreateIcon from '@pingux/mdi-react/CreateIcon';
|
17
16
|
import PlusIcon from '@pingux/mdi-react/PlusIcon';
|
18
17
|
import { withDesign } from 'storybook-addon-designs';
|
19
18
|
import DocsLayout from '../../../.storybook/storybookDocsLayout';
|
19
|
+
import { useGetTheme } from '../../hooks';
|
20
20
|
import { Box, Button, Icon, Text } from '../../index';
|
21
21
|
import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
|
22
22
|
import ButtonReadme from './Button.mdx';
|
@@ -159,6 +159,9 @@ export var ColorBlockButton = function ColorBlockButton(args) {
|
|
159
159
|
// Change `isConfigured` property in storybook controls
|
160
160
|
var isConfigured = args.isConfigured,
|
161
161
|
props = _objectWithoutProperties(args, _excluded);
|
162
|
+
var _useGetTheme = useGetTheme(),
|
163
|
+
icons = _useGetTheme.icons;
|
164
|
+
var CreateIcon = icons.CreateIcon;
|
162
165
|
return ___EmotionJSX(Box, null, ___EmotionJSX(Button, _extends({
|
163
166
|
mb: "sm"
|
164
167
|
}, props, {
|
@@ -174,6 +174,7 @@ export var link = _objectSpread(_objectSpread({}, text), {}, {
|
|
174
174
|
},
|
175
175
|
'&.is-focused': _objectSpread({}, focusWithCroppedOutline)
|
176
176
|
});
|
177
|
+
var listBoxLink = _objectSpread({}, link);
|
177
178
|
var defaultVariant = _objectSpread(_objectSpread({}, base), {}, {
|
178
179
|
bg: 'white',
|
179
180
|
border: '1px solid',
|
@@ -298,6 +299,7 @@ export default {
|
|
298
299
|
inlinePrimaryWithIcon: inlinePrimaryWithIcon,
|
299
300
|
inlineWithIcon: inlineWithIcon,
|
300
301
|
link: link,
|
302
|
+
listBoxLink: listBoxLink,
|
301
303
|
paginationMenu: paginationMenu,
|
302
304
|
primary: primary,
|
303
305
|
primaryWithIcon: primaryWithIcon,
|
@@ -1,3 +1,4 @@
|
|
1
|
+
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
1
2
|
import React from 'react';
|
2
3
|
import { withDesign } from 'storybook-addon-designs';
|
3
4
|
import DocsLayout from '../../../.storybook/storybookDocsLayout';
|
@@ -37,7 +38,10 @@ export default {
|
|
37
38
|
}
|
38
39
|
};
|
39
40
|
export var Default = function Default(args) {
|
40
|
-
return ___EmotionJSX(CollapsiblePanel, args
|
41
|
+
return ___EmotionJSX(CollapsiblePanel, _extends({}, args, {
|
42
|
+
listTitle: "Panel Title",
|
43
|
+
selectedFilterCount: 1000
|
44
|
+
}));
|
41
45
|
};
|
42
46
|
Default.parameters = {
|
43
47
|
design: {
|
@@ -3,19 +3,22 @@ import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectW
|
|
3
3
|
var _excluded = ["iconProps"];
|
4
4
|
import React, { forwardRef } from 'react';
|
5
5
|
import ContentCopy from '@pingux/mdi-react/ContentCopyIcon';
|
6
|
+
import { useGetTheme } from '../../hooks';
|
6
7
|
import Icon from '../Icon';
|
7
8
|
import IconButton from '../IconButton';
|
8
9
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
9
10
|
var CopyButton = /*#__PURE__*/forwardRef(function (props, ref) {
|
10
11
|
var iconProps = props.iconProps,
|
11
12
|
others = _objectWithoutProperties(props, _excluded);
|
13
|
+
var _useGetTheme = useGetTheme(),
|
14
|
+
copyButtonSize = _useGetTheme.copyButtonSize;
|
12
15
|
return ___EmotionJSX(IconButton, _extends({
|
13
16
|
ref: ref,
|
14
17
|
"aria-label": "copy to clipboard",
|
15
18
|
variant: "copyButton"
|
16
19
|
}, others), ___EmotionJSX(Icon, _extends({
|
17
20
|
icon: ContentCopy,
|
18
|
-
size:
|
21
|
+
size: copyButtonSize,
|
19
22
|
color: "text.secondary",
|
20
23
|
title: {
|
21
24
|
name: 'Content Copy Icon'
|
@@ -136,7 +136,8 @@ var CopyText = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
136
136
|
isRow: true,
|
137
137
|
variant: "copyText.copy"
|
138
138
|
}, others, {
|
139
|
-
role: "presentation"
|
139
|
+
role: "presentation",
|
140
|
+
gap: "sm"
|
140
141
|
}), mode !== 'rightText' && content, ___EmotionJSX(CopyButton, _extends({
|
141
142
|
onPress: copyToClipboard
|
142
143
|
}, focusProps, iconButtonProps)), mode === 'rightText' && content)));
|
@@ -32,6 +32,7 @@ var Icon = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
32
32
|
sizes: theme.tShirtSizes
|
33
33
|
}),
|
34
34
|
sizeProps = _useTShirtSize.sizeProps;
|
35
|
+
var defaultIconColor = theme.defaultIconColor;
|
35
36
|
var resolvedTitle = title !== null && title !== void 0 ? title : _typeof(IconComponent) === 'object' && 'type' in IconComponent ? {
|
36
37
|
name: IconComponent.type.name
|
37
38
|
} : '';
|
@@ -43,7 +44,7 @@ var Icon = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
43
44
|
variant: variant,
|
44
45
|
size: sizeProps.size,
|
45
46
|
sx: _objectSpread({
|
46
|
-
fill: color,
|
47
|
+
fill: color || defaultIconColor,
|
47
48
|
minWidth: sizeProps.size
|
48
49
|
}, sx)
|
49
50
|
}, others));
|
@@ -14,6 +14,7 @@ var _excluded = ["children", "sx", "circleColor", "baseSize", "circleSize"];
|
|
14
14
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
15
15
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
16
16
|
import React, { forwardRef } from 'react';
|
17
|
+
import { useGetTheme } from '../../hooks';
|
17
18
|
import { Box } from '../../index';
|
18
19
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
19
20
|
var IconBadge = /*#__PURE__*/forwardRef(function (props, ref) {
|
@@ -27,6 +28,8 @@ var IconBadge = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
27
28
|
_React$Children$toArr2 = _slicedToArray(_React$Children$toArr, 2),
|
28
29
|
firstIcon = _React$Children$toArr2[0],
|
29
30
|
secondIcon = _React$Children$toArr2[1];
|
31
|
+
var _useGetTheme = useGetTheme(),
|
32
|
+
iconBadgeCircleColor = _useGetTheme.iconBadgeCircleColor;
|
30
33
|
return ___EmotionJSX(Box, _extends({
|
31
34
|
ref: ref,
|
32
35
|
as: "span",
|
@@ -48,11 +51,8 @@ var IconBadge = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
48
51
|
width: "".concat(circleSize, "px"),
|
49
52
|
alignItems: 'center',
|
50
53
|
justifyContent: 'center',
|
51
|
-
backgroundColor: circleColor
|
54
|
+
backgroundColor: circleColor || iconBadgeCircleColor
|
52
55
|
}
|
53
56
|
}, secondIcon));
|
54
57
|
});
|
55
|
-
IconBadge.defaultProps = {
|
56
|
-
circleColor: 'white'
|
57
|
-
};
|
58
58
|
export default IconBadge;
|
@@ -27,14 +27,14 @@ export var Default = function Default(args) {
|
|
27
27
|
}), ___EmotionJSX(Icon, {
|
28
28
|
icon: GroupIcon,
|
29
29
|
size: "25px",
|
30
|
-
color: "
|
30
|
+
color: "badge.iconBadgeFill",
|
31
31
|
title: {
|
32
32
|
name: 'Group Icon'
|
33
33
|
}
|
34
34
|
}), ___EmotionJSX(Icon, {
|
35
35
|
icon: ArrowIcon,
|
36
36
|
size: "13px",
|
37
|
-
color: "
|
37
|
+
color: "badge.iconBadgeFill",
|
38
38
|
title: {
|
39
39
|
name: 'Arrow Icon'
|
40
40
|
}
|
@@ -214,6 +214,9 @@ input.multivaluesWrapper = _objectSpread(_objectSpread({}, input.fieldControlWra
|
|
214
214
|
bg: 'success.bright'
|
215
215
|
}), _defineProperty(_objectSpread2, "&.is-".concat(statuses.WARNING, "::after"), {
|
216
216
|
bg: 'warning.bright'
|
217
|
+
}), _defineProperty(_objectSpread2, '&.is-read-only', {
|
218
|
+
boxShadow: 'inset 0 0 0 100px #e5e9f8',
|
219
|
+
border: 'none'
|
217
220
|
}), _objectSpread2));
|
218
221
|
input.numberField = _objectSpread(_objectSpread({}, input), {}, {
|
219
222
|
pr: '28px'
|
@@ -8,7 +8,7 @@ import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object
|
|
8
8
|
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
9
9
|
import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
|
10
10
|
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
11
|
-
var _excluded = ["defaultSelectedKeys", "disabledKeys", "hasAutoFocus", "hasFocusWrap", "hasNoEmptySelection", "hasVirtualFocus", "id", "isCondensed", "isLoading", "isFocusedOnHover", "isSelectedOnPressUp", "isVirtualized", "items", "keyboardDelegate", "label", "loadingState", "onLoadMore", "onLoadPrev", "onScroll", "onSelectionChange", "renderEmptyState", "selectedKeys", "selectionMode", "state", "aria-label", "aria-labelledby", "aria-describedby", "aria-details"];
|
11
|
+
var _excluded = ["defaultSelectedKeys", "disabledKeys", "hasAutoFocus", "hasFocusWrap", "hasNoEmptySelection", "hasVirtualFocus", "id", "isCondensed", "isLoading", "isFocusedOnHover", "isSelectedOnPressUp", "isVirtualized", "items", "keyboardDelegate", "label", "loadingState", "onLoadMore", "onLoadPrev", "onScroll", "onSelectionChange", "renderEmptyState", "selectedKeys", "selectionMode", "state", "aria-label", "aria-labelledby", "aria-describedby", "aria-details", "showSelectedOption"];
|
12
12
|
import _findInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/find";
|
13
13
|
import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
|
14
14
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
@@ -82,6 +82,7 @@ var ListBox = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
82
82
|
ariaLabelledby = props['aria-labelledby'],
|
83
83
|
ariaDescribedby = props['aria-describedby'],
|
84
84
|
ariaDetails = props['aria-details'],
|
85
|
+
showSelectedOption = props.showSelectedOption,
|
85
86
|
others = _objectWithoutProperties(props, _excluded);
|
86
87
|
|
87
88
|
// Object matching React Aria API with all options
|
@@ -182,7 +183,8 @@ var ListBox = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
182
183
|
key: item.key,
|
183
184
|
item: item,
|
184
185
|
hasVirtualFocus: hasVirtualFocus,
|
185
|
-
isCondensed: isCondensed
|
186
|
+
isCondensed: isCondensed,
|
187
|
+
showSelectedOption: showSelectedOption
|
186
188
|
});
|
187
189
|
}
|
188
190
|
if (type === collectionTypes.LOADER) {
|
@@ -9,7 +9,7 @@ import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object
|
|
9
9
|
import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
|
10
10
|
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
11
11
|
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
12
|
-
var _excluded = ["item", "hasVirtualFocus", "isCondensed"],
|
12
|
+
var _excluded = ["item", "hasVirtualFocus", "isCondensed", "showSelectedOption"],
|
13
13
|
_excluded2 = ["onPressStart", "onPressUp"];
|
14
14
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
15
15
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
@@ -56,6 +56,7 @@ var Option = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
56
56
|
var item = props.item,
|
57
57
|
hasVirtualFocus = props.hasVirtualFocus,
|
58
58
|
isCondensed = props.isCondensed,
|
59
|
+
showSelectedOption = props.showSelectedOption,
|
59
60
|
others = _objectWithoutProperties(props, _excluded);
|
60
61
|
var key = item.key,
|
61
62
|
itemProps = item.props,
|
@@ -94,7 +95,7 @@ var Option = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
94
95
|
var _useStatusClasses = useStatusClasses(null, {
|
95
96
|
isDisabled: isDisabled || isSeparator,
|
96
97
|
isFocused: focused,
|
97
|
-
isSelected: isSelected,
|
98
|
+
isSelected: showSelectedOption ? isSelected : false,
|
98
99
|
isCondensed: isCondensed,
|
99
100
|
isFocusVisible: isFocusVisible,
|
100
101
|
isPressed: isPressed
|
@@ -131,12 +132,12 @@ var Option = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
131
132
|
mr: "xs",
|
132
133
|
className: classNames,
|
133
134
|
variant: "listBox.checkboxIcon"
|
134
|
-
}) : isSelected && !isOnyx && ___EmotionJSX(Icon, {
|
135
|
+
}) : isSelected && !isOnyx && showSelectedOption && ___EmotionJSX(Icon, {
|
135
136
|
icon: CircleSmallIcon,
|
136
137
|
title: {
|
137
138
|
name: 'Circle Small Icon'
|
138
139
|
}
|
139
|
-
}), rendered, isSelected && isOnyx && ___EmotionJSX(Icon, {
|
140
|
+
}), rendered, isSelected && isOnyx && showSelectedOption && ___EmotionJSX(Icon, {
|
140
141
|
icon: CheckIcon,
|
141
142
|
title: {
|
142
143
|
name: 'Check Icon'
|
@@ -144,4 +145,7 @@ var Option = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
144
145
|
color: "green-500"
|
145
146
|
}));
|
146
147
|
});
|
148
|
+
Option.defaultProps = {
|
149
|
+
showSelectedOption: true
|
150
|
+
};
|
147
151
|
export default Option;
|
@@ -37,7 +37,7 @@ import FormSelectIcon from '@pingux/mdi-react/FormSelectIcon';
|
|
37
37
|
import { action } from '@storybook/addon-actions';
|
38
38
|
import isChromatic from 'chromatic/isChromatic';
|
39
39
|
import DocsLayout from '../../../.storybook/storybookDocsLayout';
|
40
|
-
import { Box, Button, Item, ListView, ListViewItem, ListViewItemChart, ListViewItemMenu, ListViewItemSwitchField, SearchField, Text } from '../..';
|
40
|
+
import { Box, Button, IconWrapper, Item, ListView, ListViewItem, ListViewItemChart, ListViewItemMenu, ListViewItemSwitchField, SearchField, Text } from '../..';
|
41
41
|
import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
|
42
42
|
import animals from '../../utils/devUtils/constants/animals';
|
43
43
|
import loadingStates from '../../utils/devUtils/constants/loadingStates';
|
@@ -101,7 +101,7 @@ var actions = {
|
|
101
101
|
var ExpandableChildren = function ExpandableChildren() {
|
102
102
|
return ___EmotionJSX(Box, {
|
103
103
|
sx: {
|
104
|
-
my: '
|
104
|
+
my: '20px'
|
105
105
|
}
|
106
106
|
}, ___EmotionJSX(SearchField, {
|
107
107
|
maxWidth: "400px",
|
@@ -115,18 +115,32 @@ var ExpandableChildren = function ExpandableChildren() {
|
|
115
115
|
}, "Lorem ipsum dolor sit amet consectetur. Viverra nulla nec velit sollicitudin sed nisi mi gravida. Maecenas vestibulum pretium dictum dictum tempus. Sit et rutrum hendrerit facilisi turpis tellus elementum. Egestas consectetur in ac id. Sit aliquam et ut pellentesque in at blandit sed. Sapien morbi cras eleifend lectus."));
|
116
116
|
};
|
117
117
|
var ExampleContent = function ExampleContent(contentProps) {
|
118
|
-
var text = contentProps.text
|
118
|
+
var text = contentProps.text,
|
119
|
+
icon = contentProps.icon;
|
119
120
|
return ___EmotionJSX(Box, {
|
120
121
|
isRow: true,
|
121
122
|
sx: {
|
122
123
|
alignItems: 'center'
|
123
|
-
}
|
124
|
-
|
124
|
+
},
|
125
|
+
gap: "md"
|
126
|
+
}, ___EmotionJSX(IconWrapper, {
|
127
|
+
icon: icon,
|
128
|
+
size: "sm",
|
129
|
+
title: {
|
130
|
+
name: "".concat(text, "}")
|
131
|
+
},
|
132
|
+
isCircle: true,
|
133
|
+
color: "cyan"
|
134
|
+
}), ___EmotionJSX(Text, {
|
125
135
|
variant: "itemTitle"
|
126
136
|
}, text));
|
127
137
|
};
|
128
138
|
var Controls = function Controls() {
|
129
|
-
return ___EmotionJSX(
|
139
|
+
return ___EmotionJSX(Box, {
|
140
|
+
gap: "md",
|
141
|
+
isRow: true,
|
142
|
+
alignItems: "center"
|
143
|
+
}, ___EmotionJSX(ListViewItemSwitchField, null), ___EmotionJSX(ListViewItemMenu, null, ___EmotionJSX(Item, {
|
130
144
|
key: "enable"
|
131
145
|
}, "Enable user"), ___EmotionJSX(Item, {
|
132
146
|
key: "disable"
|
@@ -149,6 +163,7 @@ export var Default = function Default(_ref) {
|
|
149
163
|
iconProps: {
|
150
164
|
color: 'text.secondary'
|
151
165
|
},
|
166
|
+
"data-id": "test1111",
|
152
167
|
iconWrapperProps: item.iconWrapperProps
|
153
168
|
}, ___EmotionJSX(Controls, null)));
|
154
169
|
});
|
@@ -169,7 +184,8 @@ export var WithExpandableItems = function WithExpandableItems(_ref2) {
|
|
169
184
|
key: item.name,
|
170
185
|
textValue: item.name
|
171
186
|
}, ___EmotionJSX(ExampleContent, {
|
172
|
-
text: item.name
|
187
|
+
text: item.name,
|
188
|
+
icon: item.icon
|
173
189
|
}), ___EmotionJSX(ExpandableChildren, null));
|
174
190
|
});
|
175
191
|
};
|
@@ -208,7 +224,8 @@ export var ControlledExpandableItems = function ControlledExpandableItems(_ref3)
|
|
208
224
|
key: item.name,
|
209
225
|
textValue: item.name
|
210
226
|
}, ___EmotionJSX(ExampleContent, {
|
211
|
-
text: item.name
|
227
|
+
text: item.name,
|
228
|
+
icon: item.icon
|
212
229
|
}), ___EmotionJSX(ExpandableChildren, null));
|
213
230
|
}));
|
214
231
|
};
|
@@ -272,7 +289,7 @@ export var InfiniteLoadingList = function InfiniteLoadingList(args) {
|
|
272
289
|
}), new _Promise(function (_resolve, reject) {
|
273
290
|
return _setTimeout(function () {
|
274
291
|
return reject(new Error('timeout'));
|
275
|
-
},
|
292
|
+
}, 8000);
|
276
293
|
})]);
|
277
294
|
case 5:
|
278
295
|
res = _context2.sent;
|
@@ -282,7 +299,7 @@ export var InfiniteLoadingList = function InfiniteLoadingList(args) {
|
|
282
299
|
json = _context2.sent;
|
283
300
|
_context2.next = 11;
|
284
301
|
return new _Promise(function (resolve) {
|
285
|
-
return _setTimeout(resolve, cursor ?
|
302
|
+
return _setTimeout(resolve, cursor ? 8000 : 8000);
|
286
303
|
});
|
287
304
|
case 11:
|
288
305
|
return _context2.abrupt("return", {
|
@@ -338,7 +355,7 @@ export var InfiniteLoadingList = function InfiniteLoadingList(args) {
|
|
338
355
|
}
|
339
356
|
}, ___EmotionJSX(ListView, _extends({}, actions, {
|
340
357
|
items: list.items,
|
341
|
-
loadingState:
|
358
|
+
loadingState: "loadingMore",
|
342
359
|
onLoadMore: list.loadMore
|
343
360
|
}), function (item) {
|
344
361
|
return ___EmotionJSX(Item, {
|
@@ -77,7 +77,7 @@ var ListViewItem = function ListViewItem(props) {
|
|
77
77
|
hasInsetSeparator: hasInsetSeparator,
|
78
78
|
isPressed: isPressed,
|
79
79
|
isFirstItem: item.index === 0,
|
80
|
-
isLastItem: item.index === state.collection.size - 1
|
80
|
+
isLastItem: item.index === state.collection.size - 1 && !state.isLoading
|
81
81
|
}),
|
82
82
|
classNames = _useStatusClasses.classNames;
|
83
83
|
|
@@ -1,13 +1,81 @@
|
|
1
|
+
import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
|
2
|
+
import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
|
3
|
+
import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
|
4
|
+
import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
|
5
|
+
import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/for-each";
|
6
|
+
import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
|
7
|
+
import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
|
8
|
+
import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
|
1
9
|
import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
|
10
|
+
import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
|
2
11
|
import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
|
3
|
-
var _excluded = ["
|
12
|
+
var _excluded = ["dotProps", "progress", "strokeColor", "strokeBaseColor"];
|
13
|
+
import _concatInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/concat";
|
14
|
+
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
15
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context4, _context5; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context4 = ownKeys(Object(source), !0)).call(_context4, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context5 = ownKeys(Object(source))).call(_context5, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
|
4
16
|
import React, { forwardRef } from 'react';
|
17
|
+
import { useGetTheme } from '../../hooks';
|
18
|
+
import useCircularLoader from '../../hooks/useCircularLoader/useCircularLoader';
|
5
19
|
import Box from '../Box';
|
6
20
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
7
21
|
var Loader = /*#__PURE__*/forwardRef(function (props, ref) {
|
8
|
-
var
|
9
|
-
|
22
|
+
var dotProps = props.dotProps,
|
23
|
+
_props$progress = props.progress,
|
24
|
+
progress = _props$progress === void 0 ? 75 : _props$progress,
|
25
|
+
strokeColor = props.strokeColor,
|
26
|
+
strokeBaseColor = props.strokeBaseColor,
|
10
27
|
others = _objectWithoutProperties(props, _excluded);
|
28
|
+
var _useGetTheme = useGetTheme(),
|
29
|
+
activeColor = _useGetTheme.activeColor,
|
30
|
+
backgroundBaseColor = _useGetTheme.backgroundBaseColor,
|
31
|
+
themeState = _useGetTheme.themeState,
|
32
|
+
defaultLoaderSize = _useGetTheme.defaultLoaderSize;
|
33
|
+
var _useCircularLoader = useCircularLoader(_objectSpread(_objectSpread({}, props), {}, {
|
34
|
+
defaultLoaderSize: defaultLoaderSize,
|
35
|
+
isAstro: themeState.isAstro
|
36
|
+
})),
|
37
|
+
center = _useCircularLoader.center,
|
38
|
+
radius = _useCircularLoader.radius,
|
39
|
+
strokeWidth = _useCircularLoader.strokeWidth,
|
40
|
+
dashLength = _useCircularLoader.dashLength,
|
41
|
+
gapLength = _useCircularLoader.gapLength,
|
42
|
+
size = _useCircularLoader.size,
|
43
|
+
isCircle = _useCircularLoader.isCircle;
|
44
|
+
if (isCircle) {
|
45
|
+
var _context, _context2, _context3;
|
46
|
+
return ___EmotionJSX(Box, _extends({
|
47
|
+
ref: ref,
|
48
|
+
variant: "loader.circleContainer",
|
49
|
+
role: "alert",
|
50
|
+
"aria-live": "assertive",
|
51
|
+
"aria-label": "Loading in progress"
|
52
|
+
}, others), ___EmotionJSX(Box, {
|
53
|
+
variant: "loader.circleSpinner",
|
54
|
+
p: strokeWidth
|
55
|
+
}, ___EmotionJSX("svg", {
|
56
|
+
width: size,
|
57
|
+
height: size,
|
58
|
+
viewBox: _concatInstanceProperty(_context = "0 0 ".concat(size, " ")).call(_context, size)
|
59
|
+
}, ___EmotionJSX("circle", {
|
60
|
+
cx: center,
|
61
|
+
cy: center,
|
62
|
+
r: radius,
|
63
|
+
fill: "none",
|
64
|
+
stroke: strokeBaseColor || backgroundBaseColor,
|
65
|
+
strokeWidth: strokeWidth
|
66
|
+
}), ___EmotionJSX("circle", {
|
67
|
+
cx: center,
|
68
|
+
cy: center,
|
69
|
+
r: radius,
|
70
|
+
fill: "none",
|
71
|
+
stroke: strokeColor || activeColor,
|
72
|
+
strokeWidth: strokeWidth,
|
73
|
+
strokeDasharray: _concatInstanceProperty(_context2 = "".concat(dashLength, " ")).call(_context2, gapLength),
|
74
|
+
strokeLinecap: "round" // For rounded corners
|
75
|
+
,
|
76
|
+
transform: _concatInstanceProperty(_context3 = "rotate(-90 ".concat(center, " ")).call(_context3, center, ")")
|
77
|
+
}))));
|
78
|
+
}
|
11
79
|
return ___EmotionJSX(Box, _extends({
|
12
80
|
ref: ref,
|
13
81
|
isRow: true,
|