@amboss/design-system 3.38.0 → 3.39.0
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/components/DropdownMenu/Menu.d.ts +1 -2
- package/build/cjs/components/DropdownMenu/Menu.js +1 -1
- package/build/cjs/components/DropdownMenu/MenuItem.js +1 -1
- package/build/cjs/components/Form/SearchInput/SearchInput.d.ts +6 -1
- package/build/cjs/components/Form/SearchInput/SearchInput.js +1 -1
- package/build/cjs/components/NavBar/NavBar.d.ts +15 -7
- package/build/cjs/components/NavBar/NavBar.js +1 -1
- package/build/cjs/components/NavBar/NavBarContext.d.ts +11 -0
- package/build/cjs/components/NavBar/NavBarContext.js +1 -0
- package/build/cjs/components/NavBar/NavBarPrimaryNav.d.ts +11 -2
- package/build/cjs/components/NavBar/NavBarPrimaryNav.js +1 -1
- package/build/cjs/components/NavBar/NavBarPrimaryNavLinkItem.d.ts +11 -0
- package/build/cjs/components/NavBar/NavBarPrimaryNavLinkItem.js +1 -0
- package/build/cjs/components/NavBar/NavBarSecondaryNav.d.ts +25 -0
- package/build/cjs/components/NavBar/NavBarSecondaryNav.js +1 -0
- package/build/cjs/components/NavBar/NavBarSlideDown.js +1 -1
- package/build/cjs/components/NavBar/NavBarSubMenuContainer.d.ts +6 -8
- package/build/cjs/components/NavBar/NavBarSubMenuContainer.js +1 -1
- package/build/cjs/components/NavBar/index.d.ts +4 -0
- package/build/cjs/components/NavBar/index.js +1 -1
- package/build/cjs/components/SplashCard/SplashCard.js +1 -1
- package/build/cjs/components/SplashCardMedia/SplashCardMedia.js +1 -1
- package/build/cjs/shared/useOutsideInteract.d.ts +23 -0
- package/build/cjs/shared/useOutsideInteract.js +1 -0
- package/build/cjs/web-tokens/_colors.json +18 -0
- package/build/cjs/web-tokens/visualConfig.d.ts +10 -79
- package/build/cjs/web-tokens/visualConfig.js +1 -1
- package/build/esm/components/DropdownMenu/Menu.d.ts +1 -2
- package/build/esm/components/DropdownMenu/Menu.js +1 -1
- package/build/esm/components/DropdownMenu/MenuItem.js +1 -1
- package/build/esm/components/Form/SearchInput/SearchInput.d.ts +6 -1
- package/build/esm/components/Form/SearchInput/SearchInput.js +1 -1
- package/build/esm/components/NavBar/NavBar.d.ts +15 -7
- package/build/esm/components/NavBar/NavBar.js +1 -1
- package/build/esm/components/NavBar/NavBarContext.d.ts +11 -0
- package/build/esm/components/NavBar/NavBarContext.js +1 -0
- package/build/esm/components/NavBar/NavBarPrimaryNav.d.ts +11 -2
- package/build/esm/components/NavBar/NavBarPrimaryNav.js +1 -1
- package/build/esm/components/NavBar/NavBarPrimaryNavLinkItem.d.ts +11 -0
- package/build/esm/components/NavBar/NavBarPrimaryNavLinkItem.js +1 -0
- package/build/esm/components/NavBar/NavBarSecondaryNav.d.ts +25 -0
- package/build/esm/components/NavBar/NavBarSecondaryNav.js +1 -0
- package/build/esm/components/NavBar/NavBarSlideDown.js +1 -1
- package/build/esm/components/NavBar/NavBarSubMenuContainer.d.ts +6 -8
- package/build/esm/components/NavBar/NavBarSubMenuContainer.js +1 -1
- package/build/esm/components/NavBar/index.d.ts +4 -0
- package/build/esm/components/NavBar/index.js +1 -1
- package/build/esm/components/SplashCard/SplashCard.js +1 -1
- package/build/esm/components/SplashCardMedia/SplashCardMedia.js +1 -1
- package/build/esm/shared/useOutsideInteract.d.ts +23 -0
- package/build/esm/shared/useOutsideInteract.js +1 -0
- package/build/esm/web-tokens/_colors.json +18 -0
- package/build/esm/web-tokens/visualConfig.d.ts +10 -79
- package/build/esm/web-tokens/visualConfig.js +1 -1
- package/build/scss/_dark.scss +2 -0
- package/build/scss/_light.scss +2 -0
- package/build/scss/_variables.scss +2 -0
- package/build/scss/subthemes/_ai.scss +3 -61
- package/package.json +1 -1
- package/build/cjs/components/NavBar/NavBarTabButton.d.ts +0 -10
- package/build/cjs/components/NavBar/NavBarTabButton.js +0 -1
- package/build/esm/components/NavBar/NavBarTabButton.d.ts +0 -10
- package/build/esm/components/NavBar/NavBarTabButton.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useRef}from"react";import styled from"@emotion/styled";import{Icon}from"../../Icon/Icon";import{PictogramButton}from"../../PictogramButton/PictogramButton";import{InputRaw}from"../Input/Input";import{FormField}from"../FormField/FormField";import iconSizesMap from"../../../web-tokens/_icon_sizes_map.json";import{useFormFieldMessageId}from"../FormField/useFormFieldMessageId";let iconSizes=iconSizesMap.icons,StyledSearchInputContainer=styled("div",{target:"ei8snon0",label:"StyledSearchInputContainer"})(({theme})=>({position:"relative",backgroundColor:theme.values.color.searchInput.background.default,borderRadius:theme.variables.size.borderRadius.xs,height:theme.variables.size.spacing.xl,width:"100%","& input":{backgroundColor:theme.values.color.background.transparent.default,paddingTop:theme.variables.size.spacing.xxs,paddingBottom:theme.variables.size.spacing.xxs,paddingLeft:`calc(${theme.variables.size.spacing.s} + ${iconSizes.s})`,paddingRight:theme.variables.size.spacing.xl,borderWidth:0,textOverflow:"ellipsis","&::placeholder":{color:theme.values.color.text.tertiary.default,fontStyle:"italic"}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWFyY2hJbnB1dC9TZWFyY2hJbnB1dC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0Zvcm0vU2VhcmNoSW5wdXQvU2VhcmNoSW5wdXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCB0eXBlIHsgTW91c2VFdmVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgUGljdG9ncmFtQnV0dG9uIH0gZnJvbSBcIi4uLy4uL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b25cIjtcbmltcG9ydCB0eXBlIHsgSW5wdXRQcm9wcyB9IGZyb20gXCIuLi9JbnB1dC9JbnB1dFwiO1xuaW1wb3J0IHsgSW5wdXRSYXcgfSBmcm9tIFwiLi4vSW5wdXQvSW5wdXRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5pbXBvcnQgaWNvblNpemVzTWFwIGZyb20gXCIuLi8uLi8uLi93ZWItdG9rZW5zL19pY29uX3NpemVzX21hcC5qc29uXCI7XG5pbXBvcnQgeyB1c2VGb3JtRmllbGRNZXNzYWdlSWQgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL3VzZUZvcm1GaWVsZE1lc3NhZ2VJZFwiO1xuXG5jb25zdCBpY29uU2l6ZXMgPSBpY29uU2l6ZXNNYXAuaWNvbnM7XG5cbmV4cG9ydCB0eXBlIFNlYXJjaElucHV0UHJvcHMgPSBPbWl0PElucHV0UHJvcHMsIFwidHlwZVwiIHwgXCJpY29uXCI+ICYge1xuICAvKiogQ2xlYXJzIHRoZSBpbnB1dC4gKi9cbiAgb25DbGVhcj86IChlOiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4gdm9pZDtcbn07XG5cbmNvbnN0IFN0eWxlZFNlYXJjaElucHV0Q29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5zZWFyY2hJbnB1dC5iYWNrZ3JvdW5kLmRlZmF1bHQsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueGwsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgXCImIGlucHV0XCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmRlZmF1bHQsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgcGFkZGluZ0JvdHRvbTogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgcGFkZGluZ0xlZnQ6IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSArICR7aWNvblNpemVzLnN9KWAsXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsLFxuICAgIGJvcmRlcldpZHRoOiAwLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgIC8vIFRPRE8gcGxhY2Vob2xkZXIgZG9lc24ndCB0YWtlIGZ1bGwgd2lkdGggb2YgaW5wdXQsIG5lZWQgdG8gZml4IGl0XG4gICAgXCImOjpwbGFjZWhvbGRlclwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudGVydGlhcnkuZGVmYXVsdCxcbiAgICAgIGZvbnRTdHlsZTogXCJpdGFsaWNcIixcbiAgICB9LFxuICB9LFxufSkpO1xuXG5jb25zdCBJY29uc0NvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgaW5zZXQ6IGAwICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c31gLFxuXG4gIFwiJiA+IGRpdlwiOiB7XG4gICAgbGluZUhlaWdodDogMCxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFNlYXJjaElucHV0ID0gKHtcbiAgdmFsdWUsXG4gIHBsYWNlaG9sZGVyLFxuICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gIHJlYWRPbmx5LFxuICBsYWJlbCxcbiAgbGFiZWxIaW50LFxuICBoaWRlTGFiZWwgPSB0cnVlLFxuICBoaW50LFxuICBlcnJvck1lc3NhZ2VzLFxuICBcImFyaWEtZGVzY3JpYmVkYnlcIjogYXJpYURlc2NyaWJlZEJ5LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgb25DbGVhciA9ICgpID0+IG51bGwsXG4gIC4uLnJlc3Rcbn06IFNlYXJjaElucHV0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICBjb25zdCBpbnB1dFJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKTtcbiAgY29uc3QgaGFzVmFsdWUgPSBCb29sZWFuKHZhbHVlKTtcbiAgY29uc3QgeyBpZCwgYXJpYURlc2NyaWJlZEJ5UHJvcCB9ID0gdXNlRm9ybUZpZWxkTWVzc2FnZUlkKHtcbiAgICBhcmlhRGVzY3JpYmVkQnksXG4gICAgZXJyb3JNZXNzYWdlcyxcbiAgICBoaW50LFxuICB9KTtcblxuICBjb25zdCBoYW5kbGVDbGlja0NsZWFyID0gKGU6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIG9uQ2xlYXIoZSk7XG4gICAgaW5wdXRSZWYuY3VycmVudC5mb2N1cygpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEZvcm1GaWVsZFxuICAgICAgZGF0YS1kcy1pZD1cIlNlYXJjaElucHV0XCJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBsYWJlbD17bGFiZWx9XG4gICAgICBsYWJlbEhpbnQ9e2xhYmVsSGludH1cbiAgICAgIGhpZGVMYWJlbD17aGlkZUxhYmVsfVxuICAgICAgaGludD17aGludH1cbiAgICAgIGVycm9yTWVzc2FnZXM9e2Vycm9yTWVzc2FnZXN9XG4gICAgICBtZXNzYWdlSWQ9e2lkfVxuICAgID5cbiAgICAgIDxTdHlsZWRTZWFyY2hJbnB1dENvbnRhaW5lcj5cbiAgICAgICAgPElucHV0UmF3XG4gICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17IXJlYWRPbmx5ICYmIHBsYWNlaG9sZGVyfVxuICAgICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgICAgIHJlYWRPbmx5PXtyZWFkT25seX1cbiAgICAgICAgICB7Li4uYXJpYURlc2NyaWJlZEJ5UHJvcH1cbiAgICAgICAgLz5cbiAgICAgICAgPEljb25zQ29udGFpbmVyPlxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBuYW1lPVwic2VhcmNoXCJcbiAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIGNvbG9yPXtyZWFkT25seSA/IFwicXVhdGVybmFyeVwiIDogXCJ0ZXJ0aWFyeVwifVxuICAgICAgICAgIC8+XG4gICAgICAgICAge2hhc1ZhbHVlICYmICFyZWFkT25seSAmJiAoXG4gICAgICAgICAgICA8UGljdG9ncmFtQnV0dG9uXG4gICAgICAgICAgICAgIGljb249XCJ4XCJcbiAgICAgICAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgICAgICAgY29sb3I9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrQ2xlYXJ9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvSWNvbnNDb250YWluZXI+XG4gICAgICA8L1N0eWxlZFNlYXJjaElucHV0Q29udGFpbmVyPlxuICAgIDwvRm9ybUZpZWxkPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQm1DIn0= */"),IconsContainer=styled("div",{target:"ei8snon1",label:"IconsContainer"})(({theme})=>({display:"flex",alignItems:"center",justifyContent:"space-between",position:"absolute",inset:`0 ${theme.variables.size.spacing.xs}`,"& > div":{lineHeight:0}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWFyY2hJbnB1dC9TZWFyY2hJbnB1dC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0Zvcm0vU2VhcmNoSW5wdXQvU2VhcmNoSW5wdXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCB0eXBlIHsgTW91c2VFdmVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgUGljdG9ncmFtQnV0dG9uIH0gZnJvbSBcIi4uLy4uL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b25cIjtcbmltcG9ydCB0eXBlIHsgSW5wdXRQcm9wcyB9IGZyb20gXCIuLi9JbnB1dC9JbnB1dFwiO1xuaW1wb3J0IHsgSW5wdXRSYXcgfSBmcm9tIFwiLi4vSW5wdXQvSW5wdXRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5pbXBvcnQgaWNvblNpemVzTWFwIGZyb20gXCIuLi8uLi8uLi93ZWItdG9rZW5zL19pY29uX3NpemVzX21hcC5qc29uXCI7XG5pbXBvcnQgeyB1c2VGb3JtRmllbGRNZXNzYWdlSWQgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL3VzZUZvcm1GaWVsZE1lc3NhZ2VJZFwiO1xuXG5jb25zdCBpY29uU2l6ZXMgPSBpY29uU2l6ZXNNYXAuaWNvbnM7XG5cbmV4cG9ydCB0eXBlIFNlYXJjaElucHV0UHJvcHMgPSBPbWl0PElucHV0UHJvcHMsIFwidHlwZVwiIHwgXCJpY29uXCI+ICYge1xuICAvKiogQ2xlYXJzIHRoZSBpbnB1dC4gKi9cbiAgb25DbGVhcj86IChlOiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4gdm9pZDtcbn07XG5cbmNvbnN0IFN0eWxlZFNlYXJjaElucHV0Q29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5zZWFyY2hJbnB1dC5iYWNrZ3JvdW5kLmRlZmF1bHQsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICBoZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueGwsXG4gIHdpZHRoOiBcIjEwMCVcIixcbiAgXCImIGlucHV0XCI6IHtcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmRlZmF1bHQsXG4gICAgcGFkZGluZ1RvcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgcGFkZGluZ0JvdHRvbTogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54eHMsXG4gICAgcGFkZGluZ0xlZnQ6IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSArICR7aWNvblNpemVzLnN9KWAsXG4gICAgcGFkZGluZ1JpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsLFxuICAgIGJvcmRlcldpZHRoOiAwLFxuICAgIHRleHRPdmVyZmxvdzogXCJlbGxpcHNpc1wiLFxuICAgIC8vIFRPRE8gcGxhY2Vob2xkZXIgZG9lc24ndCB0YWtlIGZ1bGwgd2lkdGggb2YgaW5wdXQsIG5lZWQgdG8gZml4IGl0XG4gICAgXCImOjpwbGFjZWhvbGRlclwiOiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudGVydGlhcnkuZGVmYXVsdCxcbiAgICAgIGZvbnRTdHlsZTogXCJpdGFsaWNcIixcbiAgICB9LFxuICB9LFxufSkpO1xuXG5jb25zdCBJY29uc0NvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gIGp1c3RpZnlDb250ZW50OiBcInNwYWNlLWJldHdlZW5cIixcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgaW5zZXQ6IGAwICR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54c31gLFxuXG4gIFwiJiA+IGRpdlwiOiB7XG4gICAgbGluZUhlaWdodDogMCxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFNlYXJjaElucHV0ID0gKHtcbiAgdmFsdWUsXG4gIHBsYWNlaG9sZGVyLFxuICBhdXRvQ29tcGxldGUgPSBcIm9uXCIsXG4gIHJlYWRPbmx5LFxuICBsYWJlbCxcbiAgbGFiZWxIaW50LFxuICBoaWRlTGFiZWwgPSB0cnVlLFxuICBoaW50LFxuICBlcnJvck1lc3NhZ2VzLFxuICBcImFyaWEtZGVzY3JpYmVkYnlcIjogYXJpYURlc2NyaWJlZEJ5LFxuICBcImRhdGEtZTJlLXRlc3QtaWRcIjogZGF0YUUyZVRlc3RJZCxcbiAgb25DbGVhciA9ICgpID0+IG51bGwsXG4gIC4uLnJlc3Rcbn06IFNlYXJjaElucHV0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICBjb25zdCBpbnB1dFJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKTtcbiAgY29uc3QgaGFzVmFsdWUgPSBCb29sZWFuKHZhbHVlKTtcbiAgY29uc3QgeyBpZCwgYXJpYURlc2NyaWJlZEJ5UHJvcCB9ID0gdXNlRm9ybUZpZWxkTWVzc2FnZUlkKHtcbiAgICBhcmlhRGVzY3JpYmVkQnksXG4gICAgZXJyb3JNZXNzYWdlcyxcbiAgICBoaW50LFxuICB9KTtcblxuICBjb25zdCBoYW5kbGVDbGlja0NsZWFyID0gKGU6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIG9uQ2xlYXIoZSk7XG4gICAgaW5wdXRSZWYuY3VycmVudC5mb2N1cygpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEZvcm1GaWVsZFxuICAgICAgZGF0YS1kcy1pZD1cIlNlYXJjaElucHV0XCJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBsYWJlbD17bGFiZWx9XG4gICAgICBsYWJlbEhpbnQ9e2xhYmVsSGludH1cbiAgICAgIGhpZGVMYWJlbD17aGlkZUxhYmVsfVxuICAgICAgaGludD17aGludH1cbiAgICAgIGVycm9yTWVzc2FnZXM9e2Vycm9yTWVzc2FnZXN9XG4gICAgICBtZXNzYWdlSWQ9e2lkfVxuICAgID5cbiAgICAgIDxTdHlsZWRTZWFyY2hJbnB1dENvbnRhaW5lcj5cbiAgICAgICAgPElucHV0UmF3XG4gICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17IXJlYWRPbmx5ICYmIHBsYWNlaG9sZGVyfVxuICAgICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgICAgIHJlYWRPbmx5PXtyZWFkT25seX1cbiAgICAgICAgICB7Li4uYXJpYURlc2NyaWJlZEJ5UHJvcH1cbiAgICAgICAgLz5cbiAgICAgICAgPEljb25zQ29udGFpbmVyPlxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBuYW1lPVwic2VhcmNoXCJcbiAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIGNvbG9yPXtyZWFkT25seSA/IFwicXVhdGVybmFyeVwiIDogXCJ0ZXJ0aWFyeVwifVxuICAgICAgICAgIC8+XG4gICAgICAgICAge2hhc1ZhbHVlICYmICFyZWFkT25seSAmJiAoXG4gICAgICAgICAgICA8UGljdG9ncmFtQnV0dG9uXG4gICAgICAgICAgICAgIGljb249XCJ4XCJcbiAgICAgICAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgICAgICAgY29sb3I9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrQ2xlYXJ9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvSWNvbnNDb250YWluZXI+XG4gICAgICA8L1N0eWxlZFNlYXJjaElucHV0Q29udGFpbmVyPlxuICAgIDwvRm9ybUZpZWxkPlxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Q3VCIn0= */");export const SearchInput=({value,placeholder,autoComplete="on",readOnly,label,labelHint,hideLabel=!0,hint,errorMessages,"aria-describedby":ariaDescribedBy,"data-e2e-test-id":dataE2eTestId,onClear=()=>null,...rest})=>{let inputRef=useRef(null),{id,ariaDescribedByProp}=useFormFieldMessageId({ariaDescribedBy,errorMessages,hint});return React.createElement(FormField,{"data-ds-id":"SearchInput","data-e2e-test-id":dataE2eTestId,label:label,labelHint:labelHint,hideLabel:hideLabel,hint:hint,errorMessages:errorMessages,messageId:id},React.createElement(StyledSearchInputContainer,null,React.createElement(InputRaw,{...rest,ref:inputRef,type:"text",size:"s",value:value,placeholder:!readOnly&&placeholder,autoComplete:autoComplete,readOnly:readOnly,...ariaDescribedByProp}),React.createElement(IconsContainer,null,React.createElement(Icon,{name:"search",size:"s",color:readOnly?"quaternary":"tertiary"}),!!value&&!readOnly&&React.createElement(PictogramButton,{icon:"x",size:"xs",color:"tertiary",onClick:e=>{e.preventDefault(),onClear(e),inputRef.current.focus()}}))))};
|
|
1
|
+
import React,{useRef}from"react";import styled from"@emotion/styled";import{Icon}from"../../Icon/Icon";import{PictogramButton}from"../../PictogramButton/PictogramButton";import{InputRaw}from"../Input/Input";import{FormField}from"../FormField/FormField";import iconSizesMap from"../../../web-tokens/_icon_sizes_map.json";import{useFormFieldMessageId}from"../FormField/useFormFieldMessageId";let iconSizes=iconSizesMap.icons,StyledSearchInputContainer=styled("div",{target:"e1gokwku0",label:"StyledSearchInputContainer"})(({theme})=>({position:"relative",backgroundColor:theme.values.color.searchInput.background.default,borderRadius:theme.variables.size.borderRadius.xs,height:theme.variables.size.spacing.xl,width:"100%","& input":{backgroundColor:theme.values.color.background.transparent.default,paddingTop:theme.variables.size.spacing.xxs,paddingBottom:theme.variables.size.spacing.xxs,paddingLeft:`calc(${theme.variables.size.spacing.s} + ${iconSizes.s})`,paddingRight:theme.variables.size.spacing.xl,borderWidth:0,textOverflow:"ellipsis","&::placeholder":{color:theme.values.color.text.tertiary.default,fontStyle:"italic"}}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWFyY2hJbnB1dC9TZWFyY2hJbnB1dC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0Zvcm0vU2VhcmNoSW5wdXQvU2VhcmNoSW5wdXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCB0eXBlIHsgTW91c2VFdmVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgUGljdG9ncmFtQnV0dG9uIH0gZnJvbSBcIi4uLy4uL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b25cIjtcbmltcG9ydCB0eXBlIHsgSW5wdXRQcm9wcyB9IGZyb20gXCIuLi9JbnB1dC9JbnB1dFwiO1xuaW1wb3J0IHsgSW5wdXRSYXcgfSBmcm9tIFwiLi4vSW5wdXQvSW5wdXRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5pbXBvcnQgaWNvblNpemVzTWFwIGZyb20gXCIuLi8uLi8uLi93ZWItdG9rZW5zL19pY29uX3NpemVzX21hcC5qc29uXCI7XG5pbXBvcnQgeyB1c2VGb3JtRmllbGRNZXNzYWdlSWQgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL3VzZUZvcm1GaWVsZE1lc3NhZ2VJZFwiO1xuXG5jb25zdCBpY29uU2l6ZXMgPSBpY29uU2l6ZXNNYXAuaWNvbnM7XG5cbmV4cG9ydCB0eXBlIFNlYXJjaElucHV0UHJvcHMgPSBPbWl0PElucHV0UHJvcHMsIFwidHlwZVwiIHwgXCJpY29uXCI+ICYge1xuICAvKiogQ2xlYXJzIHRoZSBpbnB1dC4gKi9cbiAgb25DbGVhcj86IChlOiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4gdm9pZDtcbiAgc2xvdFByb3BzPzoge1xuICAgIGNsZWFyQnV0dG9uPzoge1xuICAgICAgYXJpYUxhYmVsPzogc3RyaW5nO1xuICAgIH07XG4gIH07XG59O1xuXG5jb25zdCBTdHlsZWRTZWFyY2hJbnB1dENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3Iuc2VhcmNoSW5wdXQuYmFja2dyb3VuZC5kZWZhdWx0LFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54cyxcbiAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIFwiJiBpbnB1dFwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICAgIHBhZGRpbmdMZWZ0OiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gKyAke2ljb25TaXplcy5zfSlgLFxuICAgIHBhZGRpbmdSaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54bCxcbiAgICBib3JkZXJXaWR0aDogMCxcbiAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICAvLyBUT0RPIHBsYWNlaG9sZGVyIGRvZXNuJ3QgdGFrZSBmdWxsIHdpZHRoIG9mIGlucHV0LCBuZWVkIHRvIGZpeCBpdFxuICAgIFwiJjo6cGxhY2Vob2xkZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG4gICAgICBmb250U3R5bGU6IFwiaXRhbGljXCIsXG4gICAgfSxcbiAgfSxcbn0pKTtcblxuY29uc3QgSWNvbnNDb250YWluZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGluc2V0OiBgMCAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9YCxcblxuICBcIiYgPiBkaXZcIjoge1xuICAgIGxpbmVIZWlnaHQ6IDAsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTZWFyY2hJbnB1dCA9ICh7XG4gIHZhbHVlLFxuICBwbGFjZWhvbGRlcixcbiAgYXV0b0NvbXBsZXRlID0gXCJvblwiLFxuICByZWFkT25seSxcbiAgbGFiZWwsXG4gIGxhYmVsSGludCxcbiAgaGlkZUxhYmVsID0gdHJ1ZSxcbiAgaGludCxcbiAgZXJyb3JNZXNzYWdlcyxcbiAgXCJhcmlhLWRlc2NyaWJlZGJ5XCI6IGFyaWFEZXNjcmliZWRCeSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIG9uQ2xlYXIgPSAoKSA9PiBudWxsLFxuICBzbG90UHJvcHMsXG4gIC4uLnJlc3Rcbn06IFNlYXJjaElucHV0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICBjb25zdCBpbnB1dFJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKTtcbiAgY29uc3QgaGFzVmFsdWUgPSBCb29sZWFuKHZhbHVlKTtcbiAgY29uc3QgeyBpZCwgYXJpYURlc2NyaWJlZEJ5UHJvcCB9ID0gdXNlRm9ybUZpZWxkTWVzc2FnZUlkKHtcbiAgICBhcmlhRGVzY3JpYmVkQnksXG4gICAgZXJyb3JNZXNzYWdlcyxcbiAgICBoaW50LFxuICB9KTtcblxuICBjb25zdCBoYW5kbGVDbGlja0NsZWFyID0gKGU6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIG9uQ2xlYXIoZSk7XG4gICAgaW5wdXRSZWYuY3VycmVudC5mb2N1cygpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEZvcm1GaWVsZFxuICAgICAgZGF0YS1kcy1pZD1cIlNlYXJjaElucHV0XCJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBsYWJlbD17bGFiZWx9XG4gICAgICBsYWJlbEhpbnQ9e2xhYmVsSGludH1cbiAgICAgIGhpZGVMYWJlbD17aGlkZUxhYmVsfVxuICAgICAgaGludD17aGludH1cbiAgICAgIGVycm9yTWVzc2FnZXM9e2Vycm9yTWVzc2FnZXN9XG4gICAgICBtZXNzYWdlSWQ9e2lkfVxuICAgID5cbiAgICAgIDxTdHlsZWRTZWFyY2hJbnB1dENvbnRhaW5lcj5cbiAgICAgICAgPElucHV0UmF3XG4gICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17IXJlYWRPbmx5ICYmIHBsYWNlaG9sZGVyfVxuICAgICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgICAgIHJlYWRPbmx5PXtyZWFkT25seX1cbiAgICAgICAgICB7Li4uYXJpYURlc2NyaWJlZEJ5UHJvcH1cbiAgICAgICAgLz5cbiAgICAgICAgPEljb25zQ29udGFpbmVyPlxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBuYW1lPVwic2VhcmNoXCJcbiAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIGNvbG9yPXtyZWFkT25seSA/IFwicXVhdGVybmFyeVwiIDogXCJ0ZXJ0aWFyeVwifVxuICAgICAgICAgIC8+XG4gICAgICAgICAge2hhc1ZhbHVlICYmICFyZWFkT25seSAmJiAoXG4gICAgICAgICAgICA8UGljdG9ncmFtQnV0dG9uXG4gICAgICAgICAgICAgIGljb249XCJ4XCJcbiAgICAgICAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgICAgICAgY29sb3I9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9e3Nsb3RQcm9wcz8uY2xlYXJCdXR0b24/LmFyaWFMYWJlbH1cbiAgICAgICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2tDbGVhcn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9JY29uc0NvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkU2VhcmNoSW5wdXRDb250YWluZXI+XG4gICAgPC9Gb3JtRmllbGQ+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCbUMifQ== */"),IconsContainer=styled("div",{target:"e1gokwku1",label:"IconsContainer"})(({theme})=>({display:"flex",alignItems:"center",justifyContent:"space-between",position:"absolute",inset:`0 ${theme.variables.size.spacing.xs}`,"& > div":{lineHeight:0}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvRm9ybS9TZWFyY2hJbnB1dC9TZWFyY2hJbnB1dC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0Zvcm0vU2VhcmNoSW5wdXQvU2VhcmNoSW5wdXQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCB0eXBlIHsgTW91c2VFdmVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uLy4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgUGljdG9ncmFtQnV0dG9uIH0gZnJvbSBcIi4uLy4uL1BpY3RvZ3JhbUJ1dHRvbi9QaWN0b2dyYW1CdXR0b25cIjtcbmltcG9ydCB0eXBlIHsgSW5wdXRQcm9wcyB9IGZyb20gXCIuLi9JbnB1dC9JbnB1dFwiO1xuaW1wb3J0IHsgSW5wdXRSYXcgfSBmcm9tIFwiLi4vSW5wdXQvSW5wdXRcIjtcbmltcG9ydCB7IEZvcm1GaWVsZCB9IGZyb20gXCIuLi9Gb3JtRmllbGQvRm9ybUZpZWxkXCI7XG5pbXBvcnQgaWNvblNpemVzTWFwIGZyb20gXCIuLi8uLi8uLi93ZWItdG9rZW5zL19pY29uX3NpemVzX21hcC5qc29uXCI7XG5pbXBvcnQgeyB1c2VGb3JtRmllbGRNZXNzYWdlSWQgfSBmcm9tIFwiLi4vRm9ybUZpZWxkL3VzZUZvcm1GaWVsZE1lc3NhZ2VJZFwiO1xuXG5jb25zdCBpY29uU2l6ZXMgPSBpY29uU2l6ZXNNYXAuaWNvbnM7XG5cbmV4cG9ydCB0eXBlIFNlYXJjaElucHV0UHJvcHMgPSBPbWl0PElucHV0UHJvcHMsIFwidHlwZVwiIHwgXCJpY29uXCI+ICYge1xuICAvKiogQ2xlYXJzIHRoZSBpbnB1dC4gKi9cbiAgb25DbGVhcj86IChlOiBNb3VzZUV2ZW50PEhUTUxCdXR0b25FbGVtZW50PikgPT4gdm9pZDtcbiAgc2xvdFByb3BzPzoge1xuICAgIGNsZWFyQnV0dG9uPzoge1xuICAgICAgYXJpYUxhYmVsPzogc3RyaW5nO1xuICAgIH07XG4gIH07XG59O1xuXG5jb25zdCBTdHlsZWRTZWFyY2hJbnB1dENvbnRhaW5lciA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3Iuc2VhcmNoSW5wdXQuYmFja2dyb3VuZC5kZWZhdWx0LFxuICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54cyxcbiAgaGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhsLFxuICB3aWR0aDogXCIxMDAlXCIsXG4gIFwiJiBpbnB1dFwiOiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5kZWZhdWx0LFxuICAgIHBhZGRpbmdUb3A6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICAgIHBhZGRpbmdCb3R0b206IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICAgIHBhZGRpbmdMZWZ0OiBgY2FsYygke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gKyAke2ljb25TaXplcy5zfSlgLFxuICAgIHBhZGRpbmdSaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy54bCxcbiAgICBib3JkZXJXaWR0aDogMCxcbiAgICB0ZXh0T3ZlcmZsb3c6IFwiZWxsaXBzaXNcIixcbiAgICAvLyBUT0RPIHBsYWNlaG9sZGVyIGRvZXNuJ3QgdGFrZSBmdWxsIHdpZHRoIG9mIGlucHV0LCBuZWVkIHRvIGZpeCBpdFxuICAgIFwiJjo6cGxhY2Vob2xkZXJcIjoge1xuICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnRlcnRpYXJ5LmRlZmF1bHQsXG4gICAgICBmb250U3R5bGU6IFwiaXRhbGljXCIsXG4gICAgfSxcbiAgfSxcbn0pKTtcblxuY29uc3QgSWNvbnNDb250YWluZXIgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGluc2V0OiBgMCAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHN9YCxcblxuICBcIiYgPiBkaXZcIjoge1xuICAgIGxpbmVIZWlnaHQ6IDAsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBTZWFyY2hJbnB1dCA9ICh7XG4gIHZhbHVlLFxuICBwbGFjZWhvbGRlcixcbiAgYXV0b0NvbXBsZXRlID0gXCJvblwiLFxuICByZWFkT25seSxcbiAgbGFiZWwsXG4gIGxhYmVsSGludCxcbiAgaGlkZUxhYmVsID0gdHJ1ZSxcbiAgaGludCxcbiAgZXJyb3JNZXNzYWdlcyxcbiAgXCJhcmlhLWRlc2NyaWJlZGJ5XCI6IGFyaWFEZXNjcmliZWRCeSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG4gIG9uQ2xlYXIgPSAoKSA9PiBudWxsLFxuICBzbG90UHJvcHMsXG4gIC4uLnJlc3Rcbn06IFNlYXJjaElucHV0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICBjb25zdCBpbnB1dFJlZiA9IHVzZVJlZjxIVE1MSW5wdXRFbGVtZW50PihudWxsKTtcbiAgY29uc3QgaGFzVmFsdWUgPSBCb29sZWFuKHZhbHVlKTtcbiAgY29uc3QgeyBpZCwgYXJpYURlc2NyaWJlZEJ5UHJvcCB9ID0gdXNlRm9ybUZpZWxkTWVzc2FnZUlkKHtcbiAgICBhcmlhRGVzY3JpYmVkQnksXG4gICAgZXJyb3JNZXNzYWdlcyxcbiAgICBoaW50LFxuICB9KTtcblxuICBjb25zdCBoYW5kbGVDbGlja0NsZWFyID0gKGU6IE1vdXNlRXZlbnQ8SFRNTEJ1dHRvbkVsZW1lbnQ+KSA9PiB7XG4gICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIG9uQ2xlYXIoZSk7XG4gICAgaW5wdXRSZWYuY3VycmVudC5mb2N1cygpO1xuICB9O1xuXG4gIHJldHVybiAoXG4gICAgPEZvcm1GaWVsZFxuICAgICAgZGF0YS1kcy1pZD1cIlNlYXJjaElucHV0XCJcbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgICBsYWJlbD17bGFiZWx9XG4gICAgICBsYWJlbEhpbnQ9e2xhYmVsSGludH1cbiAgICAgIGhpZGVMYWJlbD17aGlkZUxhYmVsfVxuICAgICAgaGludD17aGludH1cbiAgICAgIGVycm9yTWVzc2FnZXM9e2Vycm9yTWVzc2FnZXN9XG4gICAgICBtZXNzYWdlSWQ9e2lkfVxuICAgID5cbiAgICAgIDxTdHlsZWRTZWFyY2hJbnB1dENvbnRhaW5lcj5cbiAgICAgICAgPElucHV0UmF3XG4gICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgICBwbGFjZWhvbGRlcj17IXJlYWRPbmx5ICYmIHBsYWNlaG9sZGVyfVxuICAgICAgICAgIGF1dG9Db21wbGV0ZT17YXV0b0NvbXBsZXRlfVxuICAgICAgICAgIHJlYWRPbmx5PXtyZWFkT25seX1cbiAgICAgICAgICB7Li4uYXJpYURlc2NyaWJlZEJ5UHJvcH1cbiAgICAgICAgLz5cbiAgICAgICAgPEljb25zQ29udGFpbmVyPlxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBuYW1lPVwic2VhcmNoXCJcbiAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgIGNvbG9yPXtyZWFkT25seSA/IFwicXVhdGVybmFyeVwiIDogXCJ0ZXJ0aWFyeVwifVxuICAgICAgICAgIC8+XG4gICAgICAgICAge2hhc1ZhbHVlICYmICFyZWFkT25seSAmJiAoXG4gICAgICAgICAgICA8UGljdG9ncmFtQnV0dG9uXG4gICAgICAgICAgICAgIGljb249XCJ4XCJcbiAgICAgICAgICAgICAgc2l6ZT1cInhzXCJcbiAgICAgICAgICAgICAgY29sb3I9XCJ0ZXJ0aWFyeVwiXG4gICAgICAgICAgICAgIGFyaWEtbGFiZWw9e3Nsb3RQcm9wcz8uY2xlYXJCdXR0b24/LmFyaWFMYWJlbH1cbiAgICAgICAgICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2tDbGVhcn1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9JY29uc0NvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkU2VhcmNoSW5wdXRDb250YWluZXI+XG4gICAgPC9Gb3JtRmllbGQ+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThDdUIifQ== */");export const SearchInput=({value,placeholder,autoComplete="on",readOnly,label,labelHint,hideLabel=!0,hint,errorMessages,"aria-describedby":ariaDescribedBy,"data-e2e-test-id":dataE2eTestId,onClear=()=>null,slotProps,...rest})=>{let inputRef=useRef(null),{id,ariaDescribedByProp}=useFormFieldMessageId({ariaDescribedBy,errorMessages,hint});return React.createElement(FormField,{"data-ds-id":"SearchInput","data-e2e-test-id":dataE2eTestId,label:label,labelHint:labelHint,hideLabel:hideLabel,hint:hint,errorMessages:errorMessages,messageId:id},React.createElement(StyledSearchInputContainer,null,React.createElement(InputRaw,{...rest,ref:inputRef,type:"text",size:"s",value:value,placeholder:!readOnly&&placeholder,autoComplete:autoComplete,readOnly:readOnly,...ariaDescribedByProp}),React.createElement(IconsContainer,null,React.createElement(Icon,{name:"search",size:"s",color:readOnly?"quaternary":"tertiary"}),!!value&&!readOnly&&React.createElement(PictogramButton,{icon:"x",size:"xs",color:"tertiary","aria-label":slotProps?.clearButton?.ariaLabel,onClick:e=>{e.preventDefault(),onClear(e),inputRef.current.focus()}}))))};
|
|
@@ -1,20 +1,28 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { NavBarOverlayBar } from "./NavBarOverlayBar";
|
|
3
|
-
|
|
3
|
+
import { NavBarName } from "./types";
|
|
4
|
+
type NavBarProps = React.PropsWithChildren<{
|
|
5
|
+
subTheme: NavBarName;
|
|
6
|
+
isCompact: boolean;
|
|
7
|
+
}>;
|
|
8
|
+
export declare function NavBar({ children, subTheme, isCompact, }: NavBarProps): React.ReactElement;
|
|
4
9
|
export declare namespace NavBar {
|
|
10
|
+
var PrimaryNavContainer: typeof import("./NavBarPrimaryNav").PrimaryNavContainer;
|
|
5
11
|
var PrimaryNav: typeof import("./NavBarPrimaryNav").PrimaryNav;
|
|
12
|
+
var PrimaryNavItem: React.ForwardRefExoticComponent<{
|
|
13
|
+
label: string;
|
|
14
|
+
isActive?: boolean;
|
|
15
|
+
as?: React.ElementType;
|
|
16
|
+
} & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "children"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
6
17
|
var SubMenuContainer: React.ForwardRefExoticComponent<{
|
|
7
|
-
subTheme: import("./types").NavBarName;
|
|
8
18
|
"data-e2e-test-id"?: string;
|
|
9
|
-
|
|
10
|
-
children?: React.ReactNode | undefined;
|
|
11
|
-
} & {
|
|
12
|
-
isCompact?: boolean;
|
|
19
|
+
children: React.ReactNode;
|
|
13
20
|
} & React.RefAttributes<HTMLDivElement>>;
|
|
14
21
|
var OverlayBar: typeof NavBarOverlayBar;
|
|
15
|
-
var
|
|
22
|
+
var SecondaryNav: typeof import("./NavBarSecondaryNav").SecondaryNav;
|
|
16
23
|
var DropdownTriggerButton: React.ForwardRefExoticComponent<Pick<import("../..").ButtonProps, "onFocus" | "onBlur" | "onClick" | "disabled"> & {
|
|
17
24
|
children?: React.ReactNode | undefined;
|
|
18
25
|
} & React.RefAttributes<HTMLButtonElement>>;
|
|
19
26
|
var SearchInput: React.ForwardRefExoticComponent<import("./NavBarSearchInput").NavBarSearchInputProps & React.RefAttributes<HTMLButtonElement>>;
|
|
20
27
|
}
|
|
28
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React,{useMemo,useEffect,useRef}from"react";import styled from"@emotion/styled";import{NavBarSubMenuContainer,StyledBorderContainer}from"./NavBarSubMenuContainer";import{NavBarDropdownTriggerButton}from"./NavBarDropdownTriggerButton";import{NavBarSearchInput}from"./NavBarSearchInput";import{NavBarOverlayBar}from"./NavBarOverlayBar";import{PrimaryNavContainer,PrimaryNav}from"./NavBarPrimaryNav";import{PrimaryNavLinkItem}from"./NavBarPrimaryNavLinkItem";import{SecondaryNav}from"./NavBarSecondaryNav";import{NavBarContext}from"./NavBarContext";import{NavBarName}from"./types";import{useKeyboard}from"../../shared/useKeyboard";let CustomBorderContainer=styled(StyledBorderContainer,{target:"ekhnzl10",label:"CustomBorderContainer"})({position:"relative"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhci50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05hdkJhci9OYXZCYXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyB1c2VNZW1vLCB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHR5cGUgeyBSZWZPYmplY3QgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHtcbiAgTmF2QmFyU3ViTWVudUNvbnRhaW5lcixcbiAgU3R5bGVkQm9yZGVyQ29udGFpbmVyLFxufSBmcm9tIFwiLi9OYXZCYXJTdWJNZW51Q29udGFpbmVyXCI7XG5pbXBvcnQgeyBOYXZCYXJEcm9wZG93blRyaWdnZXJCdXR0b24gfSBmcm9tIFwiLi9OYXZCYXJEcm9wZG93blRyaWdnZXJCdXR0b25cIjtcbmltcG9ydCB7IE5hdkJhclNlYXJjaElucHV0IH0gZnJvbSBcIi4vTmF2QmFyU2VhcmNoSW5wdXRcIjtcbmltcG9ydCB7IE5hdkJhck92ZXJsYXlCYXIgfSBmcm9tIFwiLi9OYXZCYXJPdmVybGF5QmFyXCI7XG5pbXBvcnQgeyBQcmltYXJ5TmF2Q29udGFpbmVyLCBQcmltYXJ5TmF2IH0gZnJvbSBcIi4vTmF2QmFyUHJpbWFyeU5hdlwiO1xuaW1wb3J0IHsgUHJpbWFyeU5hdkxpbmtJdGVtIH0gZnJvbSBcIi4vTmF2QmFyUHJpbWFyeU5hdkxpbmtJdGVtXCI7XG5pbXBvcnQgeyBTZWNvbmRhcnlOYXYgfSBmcm9tIFwiLi9OYXZCYXJTZWNvbmRhcnlOYXZcIjtcbmltcG9ydCB7IE5hdkJhckNvbnRleHQgfSBmcm9tIFwiLi9OYXZCYXJDb250ZXh0XCI7XG5pbXBvcnQgeyBOYXZCYXJOYW1lIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IHVzZUtleWJvYXJkIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VLZXlib2FyZFwiO1xuXG5jb25zdCBDdXN0b21Cb3JkZXJDb250YWluZXIgPSBzdHlsZWQoU3R5bGVkQm9yZGVyQ29udGFpbmVyKSh7XG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG59KTtcblxudHlwZSBOYXZCYXJQcm9wcyA9IFJlYWN0LlByb3BzV2l0aENoaWxkcmVuPHtcbiAgc3ViVGhlbWU6IE5hdkJhck5hbWU7XG4gIGlzQ29tcGFjdDogYm9vbGVhbjtcbn0+O1xuXG5jb25zdCBmb2N1c05hdkl0ZW0gPSAoXG4gIG5hdjogSFRNTEVsZW1lbnQgfCBudWxsLFxuICBkaXJlY3Rpb246IFwibmV4dFwiIHwgXCJwcmV2XCJcbik6IHZvaWQgPT4ge1xuICBpZiAoIW5hdikgcmV0dXJuO1xuXG4gIGNvbnN0IGl0ZW1zID0gQXJyYXkuZnJvbShuYXYucXVlcnlTZWxlY3RvckFsbDxIVE1MRWxlbWVudD4oXCJbdGFiaW5kZXhdXCIpKTtcbiAgaWYgKGl0ZW1zLmxlbmd0aCA9PT0gMCkgcmV0dXJuO1xuXG4gIGNvbnN0IGN1cnJlbnRJbmRleCA9IGl0ZW1zLmluZGV4T2YoZG9jdW1lbnQuYWN0aXZlRWxlbWVudCBhcyBIVE1MRWxlbWVudCk7XG4gIGlmIChjdXJyZW50SW5kZXggPT09IC0xKSByZXR1cm47XG5cbiAgY29uc3QgbmV4dEluZGV4ID0gZGlyZWN0aW9uID09PSBcIm5leHRcIiA/IGN1cnJlbnRJbmRleCArIDEgOiBjdXJyZW50SW5kZXggLSAxO1xuXG4gIGlmIChuZXh0SW5kZXggPCAwIHx8IG5leHRJbmRleCA+PSBpdGVtcy5sZW5ndGgpIHJldHVybjtcblxuICBpdGVtc1tjdXJyZW50SW5kZXhdLnNldEF0dHJpYnV0ZShcInRhYmluZGV4XCIsIFwiLTFcIik7XG4gIGl0ZW1zW25leHRJbmRleF0uc2V0QXR0cmlidXRlKFwidGFiaW5kZXhcIiwgXCIwXCIpO1xuICBpdGVtc1tuZXh0SW5kZXhdLmZvY3VzKCk7XG59O1xuXG5jb25zdCBmb2N1c1RhYmJhYmxlSXRlbSA9IChuYXY6IEhUTUxFbGVtZW50IHwgbnVsbCk6IHZvaWQgPT4ge1xuICBuYXY/LnF1ZXJ5U2VsZWN0b3I8SFRNTEVsZW1lbnQ+KFwiW3RhYmluZGV4PScwJ11cIik/LmZvY3VzKCk7XG59O1xuXG5jb25zdCByZXNldFRhYkluZGV4ID0gKG5hdjogSFRNTEVsZW1lbnQpOiB2b2lkID0+IHtcbiAgY29uc3QgaXRlbXMgPSBBcnJheS5mcm9tKG5hdi5xdWVyeVNlbGVjdG9yQWxsPEhUTUxFbGVtZW50PihcIlt0YWJpbmRleF1cIikpO1xuICBjb25zdCBhY3RpdmVJdGVtID0gbmF2LnF1ZXJ5U2VsZWN0b3I8SFRNTEVsZW1lbnQ+KFwiW2FyaWEtY3VycmVudD0ncGFnZSddXCIpO1xuICBjb25zdCB0YXJnZXQgPSBhY3RpdmVJdGVtID8/IGl0ZW1zWzBdO1xuXG4gIGZvciAoY29uc3QgaXRlbSBvZiBpdGVtcykge1xuICAgIGl0ZW0uc2V0QXR0cmlidXRlKFwidGFiaW5kZXhcIiwgaXRlbSA9PT0gdGFyZ2V0ID8gXCIwXCIgOiBcIi0xXCIpO1xuICB9XG59O1xuXG5jb25zdCB1c2VSZXNldFRhYkluZGV4T25CbHVyID0gKFxuICBuYXZSZWY6IFJlZk9iamVjdDxIVE1MRWxlbWVudCB8IG51bGw+XG4pOiB2b2lkID0+IHtcbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBuYXYgPSBuYXZSZWYuY3VycmVudDtcbiAgICBpZiAoIW5hdikgcmV0dXJuIHVuZGVmaW5lZDtcblxuICAgIGNvbnN0IGhhbmRsZUZvY3VzT3V0ID0gKGU6IEZvY3VzRXZlbnQpID0+IHtcbiAgICAgIGlmICghbmF2LmNvbnRhaW5zKGUucmVsYXRlZFRhcmdldCBhcyBOb2RlKSkge1xuICAgICAgICByZXNldFRhYkluZGV4KG5hdik7XG4gICAgICB9XG4gICAgfTtcblxuICAgIG5hdi5hZGRFdmVudExpc3RlbmVyKFwiZm9jdXNvdXRcIiwgaGFuZGxlRm9jdXNPdXQpO1xuICAgIHJldHVybiAoKSA9PiBuYXYucmVtb3ZlRXZlbnRMaXN0ZW5lcihcImZvY3Vzb3V0XCIsIGhhbmRsZUZvY3VzT3V0KTtcbiAgfSwgW25hdlJlZl0pO1xufTtcblxuZXhwb3J0IGZ1bmN0aW9uIE5hdkJhcih7XG4gIGNoaWxkcmVuLFxuICBzdWJUaGVtZSA9IE5hdkJhck5hbWUuVW5zZXQsXG4gIGlzQ29tcGFjdCA9IGZhbHNlLFxufTogTmF2QmFyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCBwcmltYXJ5TmF2UmVmID0gdXNlUmVmPEhUTUxFbGVtZW50PihudWxsKTtcbiAgY29uc3Qgc2Vjb25kYXJ5TmF2UmVmID0gdXNlUmVmPEhUTUxFbGVtZW50PihudWxsKTtcblxuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vKFxuICAgICgpID0+ICh7IHN1YlRoZW1lLCBpc0NvbXBhY3QsIHByaW1hcnlOYXZSZWYsIHNlY29uZGFyeU5hdlJlZiB9KSxcbiAgICBbc3ViVGhlbWUsIGlzQ29tcGFjdF1cbiAgKTtcblxuICB1c2VSZXNldFRhYkluZGV4T25CbHVyKHByaW1hcnlOYXZSZWYpO1xuICB1c2VSZXNldFRhYkluZGV4T25CbHVyKHNlY29uZGFyeU5hdlJlZik7XG5cbiAgdXNlS2V5Ym9hcmQoXG4gICAge1xuICAgICAgQXJyb3dSaWdodDogKCkgPT4gZm9jdXNOYXZJdGVtKHByaW1hcnlOYXZSZWYuY3VycmVudCwgXCJuZXh0XCIpLFxuICAgICAgQXJyb3dMZWZ0OiAoKSA9PiBmb2N1c05hdkl0ZW0ocHJpbWFyeU5hdlJlZi5jdXJyZW50LCBcInByZXZcIiksXG4gICAgfSxcbiAgICBwcmltYXJ5TmF2UmVmLFxuICAgIHRydWVcbiAgKTtcblxuICB1c2VLZXlib2FyZChcbiAgICB7IEFycm93RG93bjogKCkgPT4gZm9jdXNUYWJiYWJsZUl0ZW0oc2Vjb25kYXJ5TmF2UmVmLmN1cnJlbnQpIH0sXG4gICAgcHJpbWFyeU5hdlJlZixcbiAgICAhaXNDb21wYWN0XG4gICk7XG5cbiAgdXNlS2V5Ym9hcmQoXG4gICAge1xuICAgICAgQXJyb3dSaWdodDogKCkgPT4gZm9jdXNOYXZJdGVtKHNlY29uZGFyeU5hdlJlZi5jdXJyZW50LCBcIm5leHRcIiksXG4gICAgICBBcnJvd0xlZnQ6ICgpID0+IGZvY3VzTmF2SXRlbShzZWNvbmRhcnlOYXZSZWYuY3VycmVudCwgXCJwcmV2XCIpLFxuICAgICAgQXJyb3dVcDogKCkgPT4gZm9jdXNUYWJiYWJsZUl0ZW0ocHJpbWFyeU5hdlJlZi5jdXJyZW50KSxcbiAgICB9LFxuICAgIHNlY29uZGFyeU5hdlJlZixcbiAgICAhaXNDb21wYWN0XG4gICk7XG5cbiAgcmV0dXJuIChcbiAgICA8TmF2QmFyQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgIDxDdXN0b21Cb3JkZXJDb250YWluZXI+e2NoaWxkcmVufTwvQ3VzdG9tQm9yZGVyQ29udGFpbmVyPlxuICAgIDwvTmF2QmFyQ29udGV4dC5Qcm92aWRlcj5cbiAgKTtcbn1cblxuTmF2QmFyLlByaW1hcnlOYXZDb250YWluZXIgPSBQcmltYXJ5TmF2Q29udGFpbmVyO1xuTmF2QmFyLlByaW1hcnlOYXYgPSBQcmltYXJ5TmF2O1xuTmF2QmFyLlByaW1hcnlOYXZJdGVtID0gUHJpbWFyeU5hdkxpbmtJdGVtO1xuTmF2QmFyLlN1Yk1lbnVDb250YWluZXIgPSBOYXZCYXJTdWJNZW51Q29udGFpbmVyO1xuTmF2QmFyLk92ZXJsYXlCYXIgPSBOYXZCYXJPdmVybGF5QmFyO1xuTmF2QmFyLlNlY29uZGFyeU5hdiA9IFNlY29uZGFyeU5hdjtcbk5hdkJhci5Ecm9wZG93blRyaWdnZXJCdXR0b24gPSBOYXZCYXJEcm9wZG93blRyaWdnZXJCdXR0b247XG5OYXZCYXIuU2VhcmNoSW5wdXQgPSBOYXZCYXJTZWFyY2hJbnB1dDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpQjhCIn0= */"),focusNavItem=(nav,direction)=>{if(!nav)return;let items=Array.from(nav.querySelectorAll("[tabindex]"));if(0===items.length)return;let currentIndex=items.indexOf(document.activeElement);if(-1===currentIndex)return;let nextIndex="next"===direction?currentIndex+1:currentIndex-1;nextIndex<0||nextIndex>=items.length||(items[currentIndex].setAttribute("tabindex","-1"),items[nextIndex].setAttribute("tabindex","0"),items[nextIndex].focus())},focusTabbableItem=nav=>{nav?.querySelector("[tabindex='0']")?.focus()},resetTabIndex=nav=>{let items=Array.from(nav.querySelectorAll("[tabindex]")),target=nav.querySelector("[aria-current='page']")??items[0];for(let item of items)item.setAttribute("tabindex",item===target?"0":"-1")},useResetTabIndexOnBlur=navRef=>{useEffect(()=>{let nav=navRef.current;if(!nav)return;let handleFocusOut=e=>{nav.contains(e.relatedTarget)||resetTabIndex(nav)};return nav.addEventListener("focusout",handleFocusOut),()=>nav.removeEventListener("focusout",handleFocusOut)},[navRef])};export function NavBar({children,subTheme=NavBarName.Unset,isCompact=!1}){let primaryNavRef=useRef(null),secondaryNavRef=useRef(null),contextValue=useMemo(()=>({subTheme,isCompact,primaryNavRef,secondaryNavRef}),[subTheme,isCompact]);return useResetTabIndexOnBlur(primaryNavRef),useResetTabIndexOnBlur(secondaryNavRef),useKeyboard({ArrowRight:()=>focusNavItem(primaryNavRef.current,"next"),ArrowLeft:()=>focusNavItem(primaryNavRef.current,"prev")},primaryNavRef,!0),useKeyboard({ArrowDown:()=>focusTabbableItem(secondaryNavRef.current)},primaryNavRef,!isCompact),useKeyboard({ArrowRight:()=>focusNavItem(secondaryNavRef.current,"next"),ArrowLeft:()=>focusNavItem(secondaryNavRef.current,"prev"),ArrowUp:()=>focusTabbableItem(primaryNavRef.current)},secondaryNavRef,!isCompact),React.createElement(NavBarContext.Provider,{value:contextValue},React.createElement(CustomBorderContainer,null,children))}NavBar.PrimaryNavContainer=PrimaryNavContainer,NavBar.PrimaryNav=PrimaryNav,NavBar.PrimaryNavItem=PrimaryNavLinkItem,NavBar.SubMenuContainer=NavBarSubMenuContainer,NavBar.OverlayBar=NavBarOverlayBar,NavBar.SecondaryNav=SecondaryNav,NavBar.DropdownTriggerButton=NavBarDropdownTriggerButton,NavBar.SearchInput=NavBarSearchInput;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { RefObject } from "react";
|
|
2
|
+
import { NavBarName } from "./types";
|
|
3
|
+
type NavBarContextValue = {
|
|
4
|
+
subTheme: NavBarName;
|
|
5
|
+
isCompact: boolean;
|
|
6
|
+
primaryNavRef: RefObject<HTMLElement>;
|
|
7
|
+
secondaryNavRef: RefObject<HTMLElement>;
|
|
8
|
+
};
|
|
9
|
+
export declare const NavBarContext: React.Context<NavBarContextValue>;
|
|
10
|
+
export declare function useNavBarContext(): NavBarContextValue;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{createContext,createRef,useContext}from"react";import{NavBarName}from"./types";let defaultContextValue={subTheme:NavBarName.Unset,isCompact:!1,primaryNavRef:createRef(),secondaryNavRef:createRef()};export const NavBarContext=createContext(defaultContextValue);export function useNavBarContext(){return useContext(NavBarContext)}
|
|
@@ -1,3 +1,12 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
type PrimaryNavContainerProps = {
|
|
3
|
+
"data-e2e-test-id"?: string;
|
|
4
|
+
children: React.ReactNode;
|
|
5
|
+
};
|
|
6
|
+
export declare function PrimaryNavContainer({ children, "data-e2e-test-id": dataE2eTestId, }: PrimaryNavContainerProps): React.ReactElement;
|
|
7
|
+
export type PrimaryNavProps = {
|
|
8
|
+
"aria-label": string;
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
};
|
|
11
|
+
export declare function PrimaryNav({ "aria-label": ariaLabel, children, }: PrimaryNavProps): React.ReactElement;
|
|
12
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import styled from"@emotion/styled";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import{Container}from"../Container/Container";import{NAV_BAR_Z_INDEX}from"./constants";let StyledPrimaryNav=styled("div",{target:"
|
|
1
|
+
import React from"react";import styled from"@emotion/styled";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import{Container}from"../Container/Container";import{NAV_BAR_Z_INDEX}from"./constants";import{useNavBarContext}from"./NavBarContext";let StyledPrimaryNav=styled("div",{target:"e13a1z8k0",label:"StyledPrimaryNav"})({position:"relative",zIndex:NAV_BAR_Z_INDEX.primary},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclByaW1hcnlOYXYudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9OYXZCYXIvTmF2QmFyUHJpbWFyeU5hdi50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBTdWJUaGVtZVByb3ZpZGVyLFxuICB0eXBlIFN1YlRoZW1lUHJvdmlkZXJQcm9wcyxcbn0gZnJvbSBcIi4uL1N1YlRoZW1lUHJvdmlkZXIvU3ViVGhlbWVQcm92aWRlclwiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB7IE5BVl9CQVJfWl9JTkRFWCB9IGZyb20gXCIuL2NvbnN0YW50c1wiO1xuaW1wb3J0IHsgdXNlTmF2QmFyQ29udGV4dCB9IGZyb20gXCIuL05hdkJhckNvbnRleHRcIjtcbmltcG9ydCB0eXBlIHsgTmF2QmFyTmFtZSB9IGZyb20gXCIuL3R5cGVzXCI7XG5cbnR5cGUgUHJpbWFyeU5hdkNvbnRhaW5lclByb3BzID0ge1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IFN0eWxlZFByaW1hcnlOYXYgPSBzdHlsZWQuZGl2KHtcbiAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgekluZGV4OiBOQVZfQkFSX1pfSU5ERVgucHJpbWFyeSxcbn0pO1xuXG5jb25zdCBzdWJUaGVtZU1hcHBpbmc6IFJlY29yZDxOYXZCYXJOYW1lLCBTdWJUaGVtZVByb3ZpZGVyUHJvcHNbXCJuYW1lXCJdPiA9IHtcbiAgbGVhcm5pbmc6IFwiYnJhbmRcIixcbiAgdGVhY2hpbmc6IFwiZGltbWVkXCIsXG4gIGNsaW5pY2FsQ2FyZTogXCJ1bnNldFwiLFxuICB1bnNldDogXCJ1bnNldFwiLFxufTtcblxuZXhwb3J0IGZ1bmN0aW9uIFByaW1hcnlOYXZDb250YWluZXIoe1xuICBjaGlsZHJlbixcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBQcmltYXJ5TmF2Q29udGFpbmVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB7IHN1YlRoZW1lIH0gPSB1c2VOYXZCYXJDb250ZXh0KCk7XG5cbiAgcmV0dXJuIChcbiAgICA8U3ViVGhlbWVQcm92aWRlclxuICAgICAgbmFtZT17c3ViVGhlbWVNYXBwaW5nW3N1YlRoZW1lXX1cbiAgICAgIGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9XG4gICAgPlxuICAgICAgPFN0eWxlZFByaW1hcnlOYXY+XG4gICAgICAgIDxDb250YWluZXIgc3F1YXJlQ29ybmVycyBlbGV2YXRpb249ezB9PlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9Db250YWluZXI+XG4gICAgICA8L1N0eWxlZFByaW1hcnlOYXY+XG4gICAgPC9TdWJUaGVtZVByb3ZpZGVyPlxuICApO1xufVxuXG5leHBvcnQgdHlwZSBQcmltYXJ5TmF2UHJvcHMgPSB7XG4gIFwiYXJpYS1sYWJlbFwiOiBzdHJpbmc7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgZnVuY3Rpb24gUHJpbWFyeU5hdih7XG4gIFwiYXJpYS1sYWJlbFwiOiBhcmlhTGFiZWwsXG4gIGNoaWxkcmVuLFxufTogUHJpbWFyeU5hdlByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgeyBwcmltYXJ5TmF2UmVmIH0gPSB1c2VOYXZCYXJDb250ZXh0KCk7XG5cbiAgcmV0dXJuIChcbiAgICA8bmF2IHJlZj17cHJpbWFyeU5hdlJlZn0gYXJpYS1sYWJlbD17YXJpYUxhYmVsfT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L25hdj5cbiAgKTtcbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQnlCIn0= */"),subThemeMapping={learning:"brand",teaching:"dimmed",clinicalCare:"unset",unset:"unset"};export function PrimaryNavContainer({children,"data-e2e-test-id":dataE2eTestId}){let{subTheme}=useNavBarContext();return React.createElement(SubThemeProvider,{name:subThemeMapping[subTheme],"data-e2e-test-id":dataE2eTestId},React.createElement(StyledPrimaryNav,null,React.createElement(Container,{squareCorners:!0,elevation:0},children)))}export function PrimaryNav({"aria-label":ariaLabel,children}){let{primaryNavRef}=useNavBarContext();return React.createElement("nav",{ref:primaryNavRef,"aria-label":ariaLabel},children)}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export type PrimaryNavLinkItemProps = {
|
|
3
|
+
label: string;
|
|
4
|
+
isActive?: boolean;
|
|
5
|
+
as?: React.ElementType;
|
|
6
|
+
} & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "children">;
|
|
7
|
+
export declare const PrimaryNavLinkItem: React.ForwardRefExoticComponent<{
|
|
8
|
+
label: string;
|
|
9
|
+
isActive?: boolean;
|
|
10
|
+
as?: React.ElementType;
|
|
11
|
+
} & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, "children"> & React.RefAttributes<HTMLAnchorElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React,{useEffect,useRef}from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import{useNavBarContext}from"./NavBarContext";let StyledNavLink=styled("a",{shouldForwardProp:prop=>isPropValid(prop)&&"isActive"!==prop&&"isCompact"!==prop&&"shouldAnimate"!==prop,target:"eg5higu0",label:"StyledNavLink"})(({theme,isActive,isCompact,shouldAnimate})=>{let{duration,delay,timingFunction}=theme.variables.animation.navBarTabButton.open,expanded=isActive&&!isCompact,size=theme.variables.size.spacing.s,shadowOffset=theme.variables.size.spacing.xxs,borderBottomRadius=`calc(${size} - ${shadowOffset})`,compactMarginBottom=theme.variables.size.spacing.xs,compactBottomRadius=theme.variables.size.borderRadius.xs,transitionsEnabled=!!shouldAnimate,baseTransitionDuration=transitionsEnabled?duration:"0ms",baseTransitionDelay="0ms",pseudoTransitionDelay="0ms";return transitionsEnabled&&(baseTransitionDelay=expanded?"unset":delay,pseudoTransitionDelay=expanded?delay:"unset"),{display:"inline-block",border:0,textTransform:"none",textDecoration:"none",position:"relative",zIndex:1,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,cursor:"pointer",background:"none",borderRadius:theme.variables.size.borderRadius.xs,padding:`${theme.variables.size.spacing.s} ${theme.variables.size.spacing.m}`,margin:`0 ${theme.variables.size.spacing.xxs}`,color:theme.values.color.text.tertiary.default,...!isActive&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover},"&:active":{color:theme.values.color.text.primary.default,backgroundColor:theme.values.color.background.transparent.active}},marginBottom:compactMarginBottom,borderBottomLeftRadius:compactBottomRadius,borderBottomRightRadius:compactBottomRadius,transitionProperty:"margin-bottom, padding-bottom, border-bottom-left-radius, border-bottom-right-radius",transitionDuration:baseTransitionDuration,transitionTimingFunction:timingFunction,transitionDelay:baseTransitionDelay,"&:before, &:after":{content:'""',position:"absolute",bottom:0,zIndex:1,width:size,height:size,opacity:+!!expanded,transitionProperty:"opacity, transform, border-radius",transitionDuration:baseTransitionDuration,transitionTimingFunction:timingFunction,transitionDelay:pseudoTransitionDelay},"&:before":{transform:expanded?"scale(1) translate(-28px, 0)":"scale(0.5) translate(0px, -4px)",transformOrigin:"100% 100%",boxShadow:`${shadowOffset} ${shadowOffset} 0 ${theme.values.color.background.accentSubtle.default}`,borderBottomRightRadius:expanded?borderBottomRadius:0},"&:after":{transform:expanded?"scale(1) translate(16px, 0)":"scale(0.5) translate(0px, -4px)",transformOrigin:"100% 100%",boxShadow:`-${shadowOffset} ${shadowOffset} 0 ${theme.values.color.background.accentSubtle.default}`,borderBottomLeftRadius:expanded?borderBottomRadius:0},...isActive&&{zIndex:0,color:theme.values.color.text.accent.default,backgroundColor:theme.values.color.background.accentSubtle.default},...expanded&&{marginBottom:0,paddingBottom:`calc(${theme.variables.size.spacing.m} + ${shadowOffset})`,borderBottomLeftRadius:0,borderBottomRightRadius:0}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclByaW1hcnlOYXZMaW5rSXRlbS50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05hdkJhci9OYXZCYXJQcmltYXJ5TmF2TGlua0l0ZW0udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCwgeyB1c2VFZmZlY3QsIHVzZVJlZiB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgaXNQcm9wVmFsaWQgZnJvbSBcIkBlbW90aW9uL2lzLXByb3AtdmFsaWRcIjtcbmltcG9ydCB7IFN1YlRoZW1lUHJvdmlkZXIgfSBmcm9tIFwiLi4vU3ViVGhlbWVQcm92aWRlci9TdWJUaGVtZVByb3ZpZGVyXCI7XG5pbXBvcnQgeyB1c2VOYXZCYXJDb250ZXh0IH0gZnJvbSBcIi4vTmF2QmFyQ29udGV4dFwiO1xuaW1wb3J0IHR5cGUgeyBOYXZCYXJOYW1lIH0gZnJvbSBcIi4vdHlwZXNcIjtcblxuY29uc3Qgc2hvdWxkRm9yd2FyZFByb3BUb0xpbmsgPSAocHJvcDogc3RyaW5nKSA9PlxuICBpc1Byb3BWYWxpZChwcm9wKSAmJlxuICBwcm9wICE9PSBcImlzQWN0aXZlXCIgJiZcbiAgcHJvcCAhPT0gXCJpc0NvbXBhY3RcIiAmJlxuICBwcm9wICE9PSBcInNob3VsZEFuaW1hdGVcIjtcblxudHlwZSBTdHlsZWRMaW5rVHJhbnNpZW50UHJvcHMgPSB7XG4gIGlzQWN0aXZlPzogYm9vbGVhbjtcbiAgaXNDb21wYWN0PzogYm9vbGVhbjtcbiAgc2hvdWxkQW5pbWF0ZT86IGJvb2xlYW47XG59O1xuXG5jb25zdCBTdHlsZWROYXZMaW5rID0gc3R5bGVkKFwiYVwiLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBzaG91bGRGb3J3YXJkUHJvcFRvTGluayxcbn0pPFN0eWxlZExpbmtUcmFuc2llbnRQcm9wcz4oXG4gICh7IHRoZW1lLCBpc0FjdGl2ZSwgaXNDb21wYWN0LCBzaG91bGRBbmltYXRlIH0pID0+IHtcbiAgICBjb25zdCB7IGR1cmF0aW9uLCBkZWxheSwgdGltaW5nRnVuY3Rpb24gfSA9XG4gICAgICB0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLm5hdkJhclRhYkJ1dHRvbi5vcGVuO1xuICAgIGNvbnN0IGV4cGFuZGVkID0gaXNBY3RpdmUgJiYgIWlzQ29tcGFjdDtcbiAgICBjb25zdCBzaXplID0gdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zO1xuICAgIGNvbnN0IHNoYWRvd09mZnNldCA9IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzO1xuICAgIGNvbnN0IGJvcmRlckJvdHRvbVJhZGl1cyA9IGBjYWxjKCR7c2l6ZX0gLSAke3NoYWRvd09mZnNldH0pYDtcblxuICAgIGNvbnN0IGNvbXBhY3RNYXJnaW5Cb3R0b20gPSB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnhzO1xuICAgIGNvbnN0IGNvbXBhY3RCb3R0b21SYWRpdXMgPSB0aGVtZS52YXJpYWJsZXMuc2l6ZS5ib3JkZXJSYWRpdXMueHM7XG4gICAgY29uc3QgdHJhbnNpdGlvbnNFbmFibGVkID0gQm9vbGVhbihzaG91bGRBbmltYXRlKTtcblxuICAgIGNvbnN0IGJhc2VUcmFuc2l0aW9uRHVyYXRpb24gPSB0cmFuc2l0aW9uc0VuYWJsZWQgPyBkdXJhdGlvbiA6IFwiMG1zXCI7XG5cbiAgICBsZXQgYmFzZVRyYW5zaXRpb25EZWxheSA9IFwiMG1zXCI7XG4gICAgbGV0IHBzZXVkb1RyYW5zaXRpb25EZWxheSA9IFwiMG1zXCI7XG5cbiAgICBpZiAodHJhbnNpdGlvbnNFbmFibGVkKSB7XG4gICAgICBiYXNlVHJhbnNpdGlvbkRlbGF5ID0gZXhwYW5kZWQgPyBcInVuc2V0XCIgOiBkZWxheTtcbiAgICAgIHBzZXVkb1RyYW5zaXRpb25EZWxheSA9IGV4cGFuZGVkID8gZGVsYXkgOiBcInVuc2V0XCI7XG4gICAgfVxuXG4gICAgcmV0dXJuIHtcbiAgICAgIGRpc3BsYXk6IFwiaW5saW5lLWJsb2NrXCIsXG4gICAgICBib3JkZXI6IDAsXG4gICAgICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIiBhcyBjb25zdCxcbiAgICAgIHRleHREZWNvcmF0aW9uOiBcIm5vbmVcIixcblxuICAgICAgcG9zaXRpb246IFwicmVsYXRpdmVcIiBhcyBjb25zdCxcbiAgICAgIHpJbmRleDogMSxcblxuICAgICAgZm9udEZhbWlseTogdGhlbWUudmFyaWFibGVzLmZvbnRGYW1pbHkubGF0byxcbiAgICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnMsXG4gICAgICBsaW5lSGVpZ2h0OiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5saW5lSGVpZ2h0LnhzLFxuICAgICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcblxuICAgICAgYmFja2dyb3VuZDogXCJub25lXCIsXG4gICAgICBib3JkZXJSYWRpdXM6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy54cyxcbiAgICAgIHBhZGRpbmc6IGAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcuc30gJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19YCxcbiAgICAgIG1hcmdpbjogYDAgJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLnh4c31gLFxuXG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQudGVydGlhcnkuZGVmYXVsdCxcblxuICAgICAgLi4uKCFpc0FjdGl2ZSAmJiB7XG4gICAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgICAgfSxcbiAgICAgICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnByaW1hcnkuZGVmYXVsdCxcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmFjdGl2ZSxcbiAgICAgICAgfSxcbiAgICAgIH0pLFxuXG4gICAgICBtYXJnaW5Cb3R0b206IGNvbXBhY3RNYXJnaW5Cb3R0b20sXG4gICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBjb21wYWN0Qm90dG9tUmFkaXVzLFxuICAgICAgYm9yZGVyQm90dG9tUmlnaHRSYWRpdXM6IGNvbXBhY3RCb3R0b21SYWRpdXMsXG5cbiAgICAgIHRyYW5zaXRpb25Qcm9wZXJ0eTpcbiAgICAgICAgXCJtYXJnaW4tYm90dG9tLCBwYWRkaW5nLWJvdHRvbSwgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1cywgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXNcIixcbiAgICAgIHRyYW5zaXRpb25EdXJhdGlvbjogYmFzZVRyYW5zaXRpb25EdXJhdGlvbixcbiAgICAgIHRyYW5zaXRpb25UaW1pbmdGdW5jdGlvbjogdGltaW5nRnVuY3Rpb24sXG4gICAgICB0cmFuc2l0aW9uRGVsYXk6IGJhc2VUcmFuc2l0aW9uRGVsYXksXG5cbiAgICAgIFwiJjpiZWZvcmUsICY6YWZ0ZXJcIjoge1xuICAgICAgICBjb250ZW50OiAnXCJcIicsXG4gICAgICAgIHBvc2l0aW9uOiBcImFic29sdXRlXCIgYXMgY29uc3QsXG4gICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgekluZGV4OiAxLFxuICAgICAgICB3aWR0aDogc2l6ZSxcbiAgICAgICAgaGVpZ2h0OiBzaXplLFxuXG4gICAgICAgIG9wYWNpdHk6IGV4cGFuZGVkID8gMSA6IDAsXG5cbiAgICAgICAgdHJhbnNpdGlvblByb3BlcnR5OiBcIm9wYWNpdHksIHRyYW5zZm9ybSwgYm9yZGVyLXJhZGl1c1wiLFxuICAgICAgICB0cmFuc2l0aW9uRHVyYXRpb246IGJhc2VUcmFuc2l0aW9uRHVyYXRpb24sXG4gICAgICAgIHRyYW5zaXRpb25UaW1pbmdGdW5jdGlvbjogdGltaW5nRnVuY3Rpb24sXG4gICAgICAgIHRyYW5zaXRpb25EZWxheTogcHNldWRvVHJhbnNpdGlvbkRlbGF5LFxuICAgICAgfSxcblxuICAgICAgXCImOmJlZm9yZVwiOiB7XG4gICAgICAgIHRyYW5zZm9ybTogZXhwYW5kZWRcbiAgICAgICAgICA/IGBzY2FsZSgxKSB0cmFuc2xhdGUoLTI4cHgsIDApYFxuICAgICAgICAgIDogYHNjYWxlKDAuNSkgdHJhbnNsYXRlKDBweCwgLTRweClgLFxuICAgICAgICB0cmFuc2Zvcm1PcmlnaW46IFwiMTAwJSAxMDAlXCIsXG4gICAgICAgIGJveFNoYWRvdzogYCR7c2hhZG93T2Zmc2V0fSAke3NoYWRvd09mZnNldH0gMCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudFN1YnRsZS5kZWZhdWx0fWAsXG4gICAgICAgIGJvcmRlckJvdHRvbVJpZ2h0UmFkaXVzOiBleHBhbmRlZCA/IGJvcmRlckJvdHRvbVJhZGl1cyA6IDAsXG4gICAgICB9LFxuXG4gICAgICBcIiY6YWZ0ZXJcIjoge1xuICAgICAgICB0cmFuc2Zvcm06IGV4cGFuZGVkXG4gICAgICAgICAgPyBgc2NhbGUoMSkgdHJhbnNsYXRlKDE2cHgsIDApYFxuICAgICAgICAgIDogYHNjYWxlKDAuNSkgdHJhbnNsYXRlKDBweCwgLTRweClgLFxuICAgICAgICB0cmFuc2Zvcm1PcmlnaW46IFwiMTAwJSAxMDAlXCIsXG4gICAgICAgIGJveFNoYWRvdzogYC0ke3NoYWRvd09mZnNldH0gJHtzaGFkb3dPZmZzZXR9IDAgJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdH1gLFxuICAgICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiBleHBhbmRlZCA/IGJvcmRlckJvdHRvbVJhZGl1cyA6IDAsXG4gICAgICB9LFxuXG4gICAgICAuLi4oaXNBY3RpdmUgJiYge1xuICAgICAgICB6SW5kZXg6IDAsXG4gICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5hY2NlbnQuZGVmYXVsdCxcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdCxcbiAgICAgIH0pLFxuXG4gICAgICAuLi4oZXhwYW5kZWQgJiYge1xuICAgICAgICBtYXJnaW5Cb3R0b206IDAsXG4gICAgICAgIHBhZGRpbmdCb3R0b206IGBjYWxjKCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5tfSArICR7c2hhZG93T2Zmc2V0fSlgLFxuICAgICAgICBib3JkZXJCb3R0b21MZWZ0UmFkaXVzOiAwLFxuICAgICAgICBib3JkZXJCb3R0b21SaWdodFJhZGl1czogMCxcbiAgICAgIH0pLFxuICAgIH07XG4gIH1cbik7XG5cbmNvbnN0IHN1YlRoZW1lVG9BY3RpdmVTdWJUaGVtZTogUmVjb3JkPFxuICBOYXZCYXJOYW1lLFxuICBcImJyYW5kU3VidGxlXCIgfCBcImRpbW1lZFN1YnRsZVwiIHwgdW5kZWZpbmVkXG4+ID0ge1xuICBsZWFybmluZzogXCJicmFuZFN1YnRsZVwiLFxuICB0ZWFjaGluZzogXCJkaW1tZWRTdWJ0bGVcIixcbiAgY2xpbmljYWxDYXJlOiB1bmRlZmluZWQsXG4gIHVuc2V0OiB1bmRlZmluZWQsXG59O1xuXG5leHBvcnQgdHlwZSBQcmltYXJ5TmF2TGlua0l0ZW1Qcm9wcyA9IHtcbiAgbGFiZWw6IHN0cmluZztcbiAgaXNBY3RpdmU/OiBib29sZWFuO1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlO1xufSAmIE9taXQ8UmVhY3QuQW5jaG9ySFRNTEF0dHJpYnV0ZXM8SFRNTEFuY2hvckVsZW1lbnQ+LCBcImNoaWxkcmVuXCI+O1xuXG5leHBvcnQgY29uc3QgUHJpbWFyeU5hdkxpbmtJdGVtID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTEFuY2hvckVsZW1lbnQsXG4gIFByaW1hcnlOYXZMaW5rSXRlbVByb3BzXG4+KCh7IGxhYmVsLCBpc0FjdGl2ZSwgYXM6IENvbXBvbmVudCwgLi4ucmVzdCB9LCByZWYpID0+IHtcbiAgY29uc3QgeyBzdWJUaGVtZSwgaXNDb21wYWN0IH0gPSB1c2VOYXZCYXJDb250ZXh0KCk7XG4gIGNvbnN0IGFjdGl2ZVN1YlRoZW1lID0gc3ViVGhlbWVUb0FjdGl2ZVN1YlRoZW1lW3N1YlRoZW1lXTtcbiAgY29uc3QgdGFiSW5kZXggPSBpc0FjdGl2ZSA/IDAgOiAtMTtcblxuICBjb25zdCBwcmV2aW91c0lzQ29tcGFjdFJlZiA9IHVzZVJlZihpc0NvbXBhY3QpO1xuICBjb25zdCBwcmV2aW91c0lzQWN0aXZlUmVmID0gdXNlUmVmKGlzQWN0aXZlKTtcbiAgY29uc3QgYmVjYW1lSW5hY3RpdmUgPVxuICAgIHByZXZpb3VzSXNBY3RpdmVSZWYuY3VycmVudCA9PT0gdHJ1ZSAmJiBpc0FjdGl2ZSA9PT0gZmFsc2U7XG4gIGNvbnN0IHNob3VsZEFuaW1hdGUgPVxuICAgICFiZWNhbWVJbmFjdGl2ZSAmJiBwcmV2aW91c0lzQ29tcGFjdFJlZi5jdXJyZW50ICE9PSBpc0NvbXBhY3Q7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBwcmV2aW91c0lzQ29tcGFjdFJlZi5jdXJyZW50ID0gaXNDb21wYWN0O1xuICB9LCBbaXNDb21wYWN0XSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBwcmV2aW91c0lzQWN0aXZlUmVmLmN1cnJlbnQgPSBpc0FjdGl2ZTtcbiAgfSwgW2lzQWN0aXZlXSk7XG5cbiAgY29uc3QgcmVzb2x2ZWRTdWJUaGVtZSA9IGlzQWN0aXZlID8gYWN0aXZlU3ViVGhlbWUgOiB1bmRlZmluZWQ7XG5cbiAgcmV0dXJuIChcbiAgICA8U3ViVGhlbWVQcm92aWRlciBuYW1lPXtyZXNvbHZlZFN1YlRoZW1lfT5cbiAgICAgIDxTdHlsZWROYXZMaW5rXG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBhcz17Q29tcG9uZW50fVxuICAgICAgICBkYXRhLWRzLWlkPVwiUHJpbWFyeU5hdkxpbmtcIlxuICAgICAgICBpc0FjdGl2ZT17aXNBY3RpdmV9XG4gICAgICAgIGlzQ29tcGFjdD17aXNDb21wYWN0fVxuICAgICAgICBzaG91bGRBbmltYXRlPXtzaG91bGRBbmltYXRlfVxuICAgICAgICBhcmlhLWN1cnJlbnQ9e2lzQWN0aXZlID8gXCJwYWdlXCIgOiB1bmRlZmluZWR9XG4gICAgICAgIHRhYkluZGV4PXt0YWJJbmRleH1cbiAgICAgICAgey4uLnJlc3R9XG4gICAgICA+XG4gICAgICAgIHtsYWJlbH1cbiAgICAgIDwvU3R5bGVkTmF2TGluaz5cbiAgICA8L1N1YlRoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQnNCIn0= */"),subThemeToActiveSubTheme={learning:"brandSubtle",teaching:"dimmedSubtle",clinicalCare:void 0,unset:void 0};export const PrimaryNavLinkItem=React.forwardRef(({label,isActive,as:Component,...rest},ref)=>{let{subTheme,isCompact}=useNavBarContext(),activeSubTheme=subThemeToActiveSubTheme[subTheme],tabIndex=isActive?0:-1,previousIsCompactRef=useRef(isCompact),previousIsActiveRef=useRef(isActive),shouldAnimate=(!0!==previousIsActiveRef.current||!1!==isActive)&&previousIsCompactRef.current!==isCompact;useEffect(()=>{previousIsCompactRef.current=isCompact},[isCompact]),useEffect(()=>{previousIsActiveRef.current=isActive},[isActive]);let resolvedSubTheme=isActive?activeSubTheme:void 0;return React.createElement(SubThemeProvider,{name:resolvedSubTheme},React.createElement(StyledNavLink,{ref:ref,as:Component,"data-ds-id":"PrimaryNavLink",isActive:isActive,isCompact:isCompact,shouldAnimate:shouldAnimate,"aria-current":isActive?"page":void 0,tabIndex:tabIndex,...rest},label))});
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { Tab } from "../Tabs/-types";
|
|
3
|
+
type SecondaryNavItemBase = Pick<Tab, "label" | "icon">;
|
|
4
|
+
/**
|
|
5
|
+
* Each item accepts `label`, `isActive`, and any extra props that should be
|
|
6
|
+
* forwarded to the rendered element (e.g. `href`, `to`, `onClick`, `as`).
|
|
7
|
+
*/
|
|
8
|
+
export type SecondaryNavItem = SecondaryNavItemBase & {
|
|
9
|
+
as?: React.ElementType;
|
|
10
|
+
to?: string;
|
|
11
|
+
href?: string;
|
|
12
|
+
target?: React.HTMLAttributeAnchorTarget;
|
|
13
|
+
ref?: React.Ref<HTMLElement>;
|
|
14
|
+
[key: string]: unknown;
|
|
15
|
+
};
|
|
16
|
+
export type SecondaryNavProps = {
|
|
17
|
+
"aria-label": string;
|
|
18
|
+
items: SecondaryNavItem[];
|
|
19
|
+
/** When provided, the item at this index is marked as active. */
|
|
20
|
+
activeIndex?: number;
|
|
21
|
+
/** Callback fired when any nav item is clicked, receiving the item and its index. */
|
|
22
|
+
onNavClick?: (item: SecondaryNavItem, index: number) => void;
|
|
23
|
+
};
|
|
24
|
+
export declare function SecondaryNav({ "aria-label": ariaLabel, items, activeIndex, onNavClick, ...ariaAttributes }: SecondaryNavProps): React.ReactElement;
|
|
25
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import{Icon}from"../Icon/Icon";import{useNavBarContext}from"./NavBarContext";let StyledNav=styled("nav",{target:"e1urhq010",label:"StyledNav"})(({theme})=>({display:"flex",whiteSpace:"nowrap",gap:theme.variables.size.spacing.l}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclNlY29uZGFyeU5hdi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05hdkJhci9OYXZCYXJTZWNvbmRhcnlOYXYudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IGlzUHJvcFZhbGlkIGZyb20gXCJAZW1vdGlvbi9pcy1wcm9wLXZhbGlkXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHR5cGUgeyBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB0eXBlIHsgSWNvblByb3AsIFRhYiB9IGZyb20gXCIuLi9UYWJzLy10eXBlc1wiO1xuaW1wb3J0IHsgdXNlTmF2QmFyQ29udGV4dCB9IGZyb20gXCIuL05hdkJhckNvbnRleHRcIjtcblxudHlwZSBTZWNvbmRhcnlOYXZJdGVtQmFzZSA9IFBpY2s8VGFiLCBcImxhYmVsXCIgfCBcImljb25cIj47XG5cbi8qKlxuICogRWFjaCBpdGVtIGFjY2VwdHMgYGxhYmVsYCwgYGlzQWN0aXZlYCwgYW5kIGFueSBleHRyYSBwcm9wcyB0aGF0IHNob3VsZCBiZVxuICogZm9yd2FyZGVkIHRvIHRoZSByZW5kZXJlZCBlbGVtZW50IChlLmcuIGBocmVmYCwgYHRvYCwgYG9uQ2xpY2tgLCBgYXNgKS5cbiAqL1xuZXhwb3J0IHR5cGUgU2Vjb25kYXJ5TmF2SXRlbSA9IFNlY29uZGFyeU5hdkl0ZW1CYXNlICYge1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlO1xuICB0bz86IHN0cmluZztcbiAgaHJlZj86IHN0cmluZztcbiAgdGFyZ2V0PzogUmVhY3QuSFRNTEF0dHJpYnV0ZUFuY2hvclRhcmdldDtcbiAgcmVmPzogUmVhY3QuUmVmPEhUTUxFbGVtZW50PjtcbiAgW2tleTogc3RyaW5nXTogdW5rbm93bjtcbn07XG5cbmV4cG9ydCB0eXBlIFNlY29uZGFyeU5hdlByb3BzID0ge1xuICBcImFyaWEtbGFiZWxcIjogc3RyaW5nO1xuICBpdGVtczogU2Vjb25kYXJ5TmF2SXRlbVtdO1xuICAvKiogV2hlbiBwcm92aWRlZCwgdGhlIGl0ZW0gYXQgdGhpcyBpbmRleCBpcyBtYXJrZWQgYXMgYWN0aXZlLiAqL1xuICBhY3RpdmVJbmRleD86IG51bWJlcjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gYW55IG5hdiBpdGVtIGlzIGNsaWNrZWQsIHJlY2VpdmluZyB0aGUgaXRlbSBhbmQgaXRzIGluZGV4LiAqL1xuICBvbk5hdkNsaWNrPzogKGl0ZW06IFNlY29uZGFyeU5hdkl0ZW0sIGluZGV4OiBudW1iZXIpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBTdHlsZWROYXYgPSBzdHlsZWQoXCJuYXZcIikoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIGdhcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxufSkpO1xuXG5jb25zdCBzaG91bGRGb3J3YXJkUHJvcFRvTGluayA9IChwcm9wOiBzdHJpbmcpID0+XG4gIGlzUHJvcFZhbGlkKHByb3ApICYmIHByb3AgIT09IFwiaXNBY3RpdmVcIjtcblxuY29uc3QgU3R5bGVkTmF2TGluayA9IHN0eWxlZChcImFcIiwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogc2hvdWxkRm9yd2FyZFByb3BUb0xpbmssXG59KTx7IGlzQWN0aXZlPzogYm9vbGVhbiB9PigoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT4ge1xuICBjb25zdCB0YWJCb3JkZXJXaWR0aCA9IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzO1xuXG4gIHJldHVybiB7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBnYXA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgcGFkZGluZzogMCxcbiAgICBib3JkZXI6IDAsXG4gICAgYmFja2dyb3VuZDogXCJub25lXCIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnMsXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54cyxcblxuICAgIGJvcmRlckJvdHRvbTogYCR7dGFiQm9yZGVyV2lkdGh9IHNvbGlkIHRyYW5zcGFyZW50YCxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgcGFkZGluZ0JvdHRvbTogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19IC0gJHt0YWJCb3JkZXJXaWR0aH0pYCxcblxuICAgIC4uLihpc0FjdGl2ZSAmJiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYWNjZW50LmRlZmF1bHQsXG4gICAgICBib3JkZXJCb3R0b21Db2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5hY2NlbnQuZGVmYXVsdCxcbiAgICB9KSxcblxuICAgIC4uLighaXNBY3RpdmUgJiYge1xuICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgIGJvcmRlckJvdHRvbUNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgfSxcbiAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgICBib3JkZXJCb3R0b21Db2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuYWN0aXZlLFxuICAgICAgfSxcbiAgICB9KSxcblxuICAgIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgIG91dGxpbmVXaWR0aDogMixcbiAgICAgIG91dGxpbmVPZmZzZXQ6IC0xLFxuICAgIH0sXG4gIH07XG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIFNlY29uZGFyeU5hdih7XG4gIFwiYXJpYS1sYWJlbFwiOiBhcmlhTGFiZWwsXG4gIGl0ZW1zLFxuICBhY3RpdmVJbmRleCxcbiAgb25OYXZDbGljayxcbiAgLi4uYXJpYUF0dHJpYnV0ZXNcbn06IFNlY29uZGFyeU5hdlByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgeyBzZWNvbmRhcnlOYXZSZWYgfSA9IHVzZU5hdkJhckNvbnRleHQoKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWROYXYgcmVmPXtzZWNvbmRhcnlOYXZSZWZ9IGFyaWEtbGFiZWw9e2FyaWFMYWJlbH0gey4uLmFyaWFBdHRyaWJ1dGVzfT5cbiAgICAgIHtpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7XG4gICAgICAgIGNvbnN0IHsgbGFiZWwsIGFzOiBDb21wb25lbnQsIHJlZiwgaWNvbiwgb25DbGljaywgLi4ucmVzdCB9ID0gaXRlbTtcblxuICAgICAgICBjb25zdCBpc0FjdGl2ZSA9IGFjdGl2ZUluZGV4ICE9PSB1bmRlZmluZWQgJiYgaW5kZXggPT09IGFjdGl2ZUluZGV4O1xuXG4gICAgICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgICBpZiAob25DbGljaykgKG9uQ2xpY2sgYXMgKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQpKGUpO1xuICAgICAgICAgIGlmIChvbk5hdkNsaWNrKSBvbk5hdkNsaWNrKGl0ZW0sIGluZGV4KTtcbiAgICAgICAgfTtcblxuICAgICAgICBsZXQgaWNvbkNvbmZpZzogSWNvblByb3AgfCB1bmRlZmluZWQ7XG4gICAgICAgIGlmIChpY29uKSB7XG4gICAgICAgICAgaWNvbkNvbmZpZyA9XG4gICAgICAgICAgICB0eXBlb2YgaWNvbiA9PT0gXCJzdHJpbmdcIlxuICAgICAgICAgICAgICA/IHsgbmFtZTogaWNvbiBhcyBJY29uTmFtZSwgcG9zaXRpb246IFwibGVmdFwiIH1cbiAgICAgICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICAgICBuYW1lOiBpY29uLm5hbWUgYXMgSWNvbk5hbWUsXG4gICAgICAgICAgICAgICAgICBwb3NpdGlvbjogKGljb24ucG9zaXRpb24gPz8gXCJsZWZ0XCIpIGFzIEljb25Qcm9wW1wicG9zaXRpb25cIl0sXG4gICAgICAgICAgICAgICAgfTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPFN0eWxlZE5hdkxpbmtcbiAgICAgICAgICAgIGtleT17bGFiZWx9XG4gICAgICAgICAgICBhcz17Q29tcG9uZW50fVxuICAgICAgICAgICAgcmVmPXtyZWYgYXMgUmVhY3QuUmVmPEhUTUxBbmNob3JFbGVtZW50Pn1cbiAgICAgICAgICAgIGRhdGEtZHMtaWQ9XCJTZWNvbmRhcnlOYXZMaW5rXCJcbiAgICAgICAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgICAgICAgIGFyaWEtY3VycmVudD17aXNBY3RpdmUgPyBcInBhZ2VcIiA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIHRhYkluZGV4PXtpc0FjdGl2ZSA/IDAgOiAtMX1cbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2ljb25Db25maWc/LnBvc2l0aW9uID09PSBcImxlZnRcIiAmJiAoXG4gICAgICAgICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvbkNvbmZpZy5uYW1lfSAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIHtpY29uQ29uZmlnPy5wb3NpdGlvbiA9PT0gXCJyaWdodFwiICYmIChcbiAgICAgICAgICAgICAgPEljb24gc2l6ZT1cInNcIiBuYW1lPXtpY29uQ29uZmlnLm5hbWV9IC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvU3R5bGVkTmF2TGluaz5cbiAgICAgICAgKTtcbiAgICAgIH0pfVxuICAgIDwvU3R5bGVkTmF2PlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlDa0IifQ== */"),StyledNavLink=styled("a",{shouldForwardProp:prop=>isPropValid(prop)&&"isActive"!==prop,target:"e1urhq011",label:"StyledNavLink"})(({theme,isActive})=>{let tabBorderWidth=theme.variables.size.spacing.xxs;return{display:"flex",alignItems:"center",gap:theme.variables.size.spacing.xxs,boxSizing:"border-box",padding:0,border:0,background:"none",textDecoration:"none",color:theme.values.color.text.secondary.default,fontFamily:theme.variables.fontFamily.lato,fontWeight:theme.variables.weight.bold,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,borderBottom:`${tabBorderWidth} solid transparent`,paddingTop:theme.variables.size.spacing.m,paddingBottom:`calc(${theme.variables.size.spacing.m} - ${tabBorderWidth})`,...isActive&&{color:theme.values.color.text.accent.default,borderBottomColor:theme.values.color.border.accent.default},...!isActive&&{cursor:"pointer","&:hover":{color:theme.values.color.text.primary.default,borderBottomColor:theme.values.color.border.secondary.default},"&:active":{color:theme.values.color.text.primary.default,borderBottomColor:theme.values.color.border.secondary.active}},"&:focus-visible":{outlineWidth:2,outlineOffset:-1}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclNlY29uZGFyeU5hdi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05hdkJhci9OYXZCYXJTZWNvbmRhcnlOYXYudHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IGlzUHJvcFZhbGlkIGZyb20gXCJAZW1vdGlvbi9pcy1wcm9wLXZhbGlkXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHR5cGUgeyBJY29uTmFtZSB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB0eXBlIHsgSWNvblByb3AsIFRhYiB9IGZyb20gXCIuLi9UYWJzLy10eXBlc1wiO1xuaW1wb3J0IHsgdXNlTmF2QmFyQ29udGV4dCB9IGZyb20gXCIuL05hdkJhckNvbnRleHRcIjtcblxudHlwZSBTZWNvbmRhcnlOYXZJdGVtQmFzZSA9IFBpY2s8VGFiLCBcImxhYmVsXCIgfCBcImljb25cIj47XG5cbi8qKlxuICogRWFjaCBpdGVtIGFjY2VwdHMgYGxhYmVsYCwgYGlzQWN0aXZlYCwgYW5kIGFueSBleHRyYSBwcm9wcyB0aGF0IHNob3VsZCBiZVxuICogZm9yd2FyZGVkIHRvIHRoZSByZW5kZXJlZCBlbGVtZW50IChlLmcuIGBocmVmYCwgYHRvYCwgYG9uQ2xpY2tgLCBgYXNgKS5cbiAqL1xuZXhwb3J0IHR5cGUgU2Vjb25kYXJ5TmF2SXRlbSA9IFNlY29uZGFyeU5hdkl0ZW1CYXNlICYge1xuICBhcz86IFJlYWN0LkVsZW1lbnRUeXBlO1xuICB0bz86IHN0cmluZztcbiAgaHJlZj86IHN0cmluZztcbiAgdGFyZ2V0PzogUmVhY3QuSFRNTEF0dHJpYnV0ZUFuY2hvclRhcmdldDtcbiAgcmVmPzogUmVhY3QuUmVmPEhUTUxFbGVtZW50PjtcbiAgW2tleTogc3RyaW5nXTogdW5rbm93bjtcbn07XG5cbmV4cG9ydCB0eXBlIFNlY29uZGFyeU5hdlByb3BzID0ge1xuICBcImFyaWEtbGFiZWxcIjogc3RyaW5nO1xuICBpdGVtczogU2Vjb25kYXJ5TmF2SXRlbVtdO1xuICAvKiogV2hlbiBwcm92aWRlZCwgdGhlIGl0ZW0gYXQgdGhpcyBpbmRleCBpcyBtYXJrZWQgYXMgYWN0aXZlLiAqL1xuICBhY3RpdmVJbmRleD86IG51bWJlcjtcbiAgLyoqIENhbGxiYWNrIGZpcmVkIHdoZW4gYW55IG5hdiBpdGVtIGlzIGNsaWNrZWQsIHJlY2VpdmluZyB0aGUgaXRlbSBhbmQgaXRzIGluZGV4LiAqL1xuICBvbk5hdkNsaWNrPzogKGl0ZW06IFNlY29uZGFyeU5hdkl0ZW0sIGluZGV4OiBudW1iZXIpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBTdHlsZWROYXYgPSBzdHlsZWQoXCJuYXZcIikoKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogXCJmbGV4XCIsXG4gIHdoaXRlU3BhY2U6IFwibm93cmFwXCIsXG4gIGdhcDogdGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5sLFxufSkpO1xuXG5jb25zdCBzaG91bGRGb3J3YXJkUHJvcFRvTGluayA9IChwcm9wOiBzdHJpbmcpID0+XG4gIGlzUHJvcFZhbGlkKHByb3ApICYmIHByb3AgIT09IFwiaXNBY3RpdmVcIjtcblxuY29uc3QgU3R5bGVkTmF2TGluayA9IHN0eWxlZChcImFcIiwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogc2hvdWxkRm9yd2FyZFByb3BUb0xpbmssXG59KTx7IGlzQWN0aXZlPzogYm9vbGVhbiB9PigoeyB0aGVtZSwgaXNBY3RpdmUgfSkgPT4ge1xuICBjb25zdCB0YWJCb3JkZXJXaWR0aCA9IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzO1xuXG4gIHJldHVybiB7XG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBnYXA6IHRoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcueHhzLFxuICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgcGFkZGluZzogMCxcbiAgICBib3JkZXI6IDAsXG4gICAgYmFja2dyb3VuZDogXCJub25lXCIsXG4gICAgdGV4dERlY29yYXRpb246IFwibm9uZVwiLFxuXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgIGZvbnRGYW1pbHk6IHRoZW1lLnZhcmlhYmxlcy5mb250RmFtaWx5LmxhdG8sXG4gICAgZm9udFdlaWdodDogdGhlbWUudmFyaWFibGVzLndlaWdodC5ib2xkLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnMsXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54cyxcblxuICAgIGJvcmRlckJvdHRvbTogYCR7dGFiQm9yZGVyV2lkdGh9IHNvbGlkIHRyYW5zcGFyZW50YCxcbiAgICBwYWRkaW5nVG9wOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gICAgcGFkZGluZ0JvdHRvbTogYGNhbGMoJHt0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm19IC0gJHt0YWJCb3JkZXJXaWR0aH0pYCxcblxuICAgIC4uLihpc0FjdGl2ZSAmJiB7XG4gICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQuYWNjZW50LmRlZmF1bHQsXG4gICAgICBib3JkZXJCb3R0b21Db2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5hY2NlbnQuZGVmYXVsdCxcbiAgICB9KSxcblxuICAgIC4uLighaXNBY3RpdmUgJiYge1xuICAgICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgIGJvcmRlckJvdHRvbUNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0LFxuICAgICAgfSxcbiAgICAgIFwiJjphY3RpdmVcIjoge1xuICAgICAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnRleHQucHJpbWFyeS5kZWZhdWx0LFxuICAgICAgICBib3JkZXJCb3R0b21Db2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJvcmRlci5zZWNvbmRhcnkuYWN0aXZlLFxuICAgICAgfSxcbiAgICB9KSxcblxuICAgIFwiJjpmb2N1cy12aXNpYmxlXCI6IHtcbiAgICAgIG91dGxpbmVXaWR0aDogMixcbiAgICAgIG91dGxpbmVPZmZzZXQ6IC0xLFxuICAgIH0sXG4gIH07XG59KTtcblxuZXhwb3J0IGZ1bmN0aW9uIFNlY29uZGFyeU5hdih7XG4gIFwiYXJpYS1sYWJlbFwiOiBhcmlhTGFiZWwsXG4gIGl0ZW1zLFxuICBhY3RpdmVJbmRleCxcbiAgb25OYXZDbGljayxcbiAgLi4uYXJpYUF0dHJpYnV0ZXNcbn06IFNlY29uZGFyeU5hdlByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgeyBzZWNvbmRhcnlOYXZSZWYgfSA9IHVzZU5hdkJhckNvbnRleHQoKTtcblxuICByZXR1cm4gKFxuICAgIDxTdHlsZWROYXYgcmVmPXtzZWNvbmRhcnlOYXZSZWZ9IGFyaWEtbGFiZWw9e2FyaWFMYWJlbH0gey4uLmFyaWFBdHRyaWJ1dGVzfT5cbiAgICAgIHtpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7XG4gICAgICAgIGNvbnN0IHsgbGFiZWwsIGFzOiBDb21wb25lbnQsIHJlZiwgaWNvbiwgb25DbGljaywgLi4ucmVzdCB9ID0gaXRlbTtcblxuICAgICAgICBjb25zdCBpc0FjdGl2ZSA9IGFjdGl2ZUluZGV4ICE9PSB1bmRlZmluZWQgJiYgaW5kZXggPT09IGFjdGl2ZUluZGV4O1xuXG4gICAgICAgIGNvbnN0IGhhbmRsZUNsaWNrID0gKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgICAgICBpZiAob25DbGljaykgKG9uQ2xpY2sgYXMgKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQpKGUpO1xuICAgICAgICAgIGlmIChvbk5hdkNsaWNrKSBvbk5hdkNsaWNrKGl0ZW0sIGluZGV4KTtcbiAgICAgICAgfTtcblxuICAgICAgICBsZXQgaWNvbkNvbmZpZzogSWNvblByb3AgfCB1bmRlZmluZWQ7XG4gICAgICAgIGlmIChpY29uKSB7XG4gICAgICAgICAgaWNvbkNvbmZpZyA9XG4gICAgICAgICAgICB0eXBlb2YgaWNvbiA9PT0gXCJzdHJpbmdcIlxuICAgICAgICAgICAgICA/IHsgbmFtZTogaWNvbiBhcyBJY29uTmFtZSwgcG9zaXRpb246IFwibGVmdFwiIH1cbiAgICAgICAgICAgICAgOiB7XG4gICAgICAgICAgICAgICAgICBuYW1lOiBpY29uLm5hbWUgYXMgSWNvbk5hbWUsXG4gICAgICAgICAgICAgICAgICBwb3NpdGlvbjogKGljb24ucG9zaXRpb24gPz8gXCJsZWZ0XCIpIGFzIEljb25Qcm9wW1wicG9zaXRpb25cIl0sXG4gICAgICAgICAgICAgICAgfTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgPFN0eWxlZE5hdkxpbmtcbiAgICAgICAgICAgIGtleT17bGFiZWx9XG4gICAgICAgICAgICBhcz17Q29tcG9uZW50fVxuICAgICAgICAgICAgcmVmPXtyZWYgYXMgUmVhY3QuUmVmPEhUTUxBbmNob3JFbGVtZW50Pn1cbiAgICAgICAgICAgIGRhdGEtZHMtaWQ9XCJTZWNvbmRhcnlOYXZMaW5rXCJcbiAgICAgICAgICAgIGlzQWN0aXZlPXtpc0FjdGl2ZX1cbiAgICAgICAgICAgIGFyaWEtY3VycmVudD17aXNBY3RpdmUgPyBcInBhZ2VcIiA6IHVuZGVmaW5lZH1cbiAgICAgICAgICAgIHRhYkluZGV4PXtpc0FjdGl2ZSA/IDAgOiAtMX1cbiAgICAgICAgICAgIG9uQ2xpY2s9e2hhbmRsZUNsaWNrfVxuICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge2ljb25Db25maWc/LnBvc2l0aW9uID09PSBcImxlZnRcIiAmJiAoXG4gICAgICAgICAgICAgIDxJY29uIHNpemU9XCJzXCIgbmFtZT17aWNvbkNvbmZpZy5uYW1lfSAvPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICAgIHtpY29uQ29uZmlnPy5wb3NpdGlvbiA9PT0gXCJyaWdodFwiICYmIChcbiAgICAgICAgICAgICAgPEljb24gc2l6ZT1cInNcIiBuYW1lPXtpY29uQ29uZmlnLm5hbWV9IC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvU3R5bGVkTmF2TGluaz5cbiAgICAgICAgKTtcbiAgICAgIH0pfVxuICAgIDwvU3R5bGVkTmF2PlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDc0IifQ== */");export function SecondaryNav({"aria-label":ariaLabel,items,activeIndex,onNavClick,...ariaAttributes}){let{secondaryNavRef}=useNavBarContext();return React.createElement(StyledNav,{ref:secondaryNavRef,"aria-label":ariaLabel,...ariaAttributes},items.map((item,index)=>{let iconConfig,{label,as:Component,ref,icon,onClick,...rest}=item,isActive=void 0!==activeIndex&&index===activeIndex;return icon&&(iconConfig="string"==typeof icon?{name:icon,position:"left"}:{name:icon.name,position:icon.position??"left"}),React.createElement(StyledNavLink,{key:label,as:Component,ref:ref,"data-ds-id":"SecondaryNavLink",isActive:isActive,"aria-current":isActive?"page":void 0,tabIndex:isActive?0:-1,onClick:e=>{onClick&&onClick(e),onNavClick&&onNavClick(item,index)},...rest},iconConfig?.position==="left"&&React.createElement(Icon,{size:"s",name:iconConfig.name}),label,iconConfig?.position==="right"&&React.createElement(Icon,{size:"s",name:iconConfig.name}))}))}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import styled from"@emotion/styled";let SlideDownContainer=styled("div",{target:"
|
|
1
|
+
import React from"react";import styled from"@emotion/styled";let SlideDownContainer=styled("div",{target:"ezen7mg0",label:"SlideDownContainer"})(({isVisible,position,theme})=>({transition:`transform ${theme.variables.animation.navSlide.open.duration} ${theme.variables.animation.navSlide.open.timingFunction}`,willChange:"transform",position:"absolute",[position]:0,width:"100%",..."top"===position&&{top:0,transform:isVisible?"translateY(0)":"translateY(-100%)"},..."bottom"===position&&{bottom:0,transform:isVisible?"translateY(100%)":"translateY(0)"}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclNsaWRlRG93bi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05hdkJhci9OYXZCYXJTbGlkZURvd24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuXG50eXBlIE5hdkJhclNsaWRlRG93blByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBpc1Zpc2libGU6IGJvb2xlYW47XG4gIHBvc2l0aW9uOiBcInRvcFwiIHwgXCJib3R0b21cIjtcbn0gJiBPbWl0PFJlYWN0LkhUTUxBdHRyaWJ1dGVzPEhUTUxEaXZFbGVtZW50PiwgXCJjaGlsZHJlblwiPjtcblxuY29uc3QgU2xpZGVEb3duQ29udGFpbmVyID0gc3R5bGVkKFwiZGl2XCIpPE5hdkJhclNsaWRlRG93blByb3BzPihcbiAgKHsgaXNWaXNpYmxlLCBwb3NpdGlvbiwgdGhlbWUgfSkgPT4gKHtcbiAgICB0cmFuc2l0aW9uOiBgdHJhbnNmb3JtICR7dGhlbWUudmFyaWFibGVzLmFuaW1hdGlvbi5uYXZTbGlkZS5vcGVuLmR1cmF0aW9ufSAke3RoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24ubmF2U2xpZGUub3Blbi50aW1pbmdGdW5jdGlvbn1gLFxuICAgIHdpbGxDaGFuZ2U6IFwidHJhbnNmb3JtXCIsXG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICBbcG9zaXRpb25dOiAwLFxuICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAuLi4ocG9zaXRpb24gPT09IFwidG9wXCIgJiYge1xuICAgICAgdG9wOiAwLFxuICAgICAgdHJhbnNmb3JtOiBpc1Zpc2libGUgPyBcInRyYW5zbGF0ZVkoMClcIiA6IFwidHJhbnNsYXRlWSgtMTAwJSlcIixcbiAgICB9KSxcbiAgICAuLi4ocG9zaXRpb24gPT09IFwiYm90dG9tXCIgJiYge1xuICAgICAgYm90dG9tOiAwLFxuICAgICAgdHJhbnNmb3JtOiBpc1Zpc2libGUgPyBcInRyYW5zbGF0ZVkoMTAwJSlcIiA6IFwidHJhbnNsYXRlWSgwKVwiLFxuICAgIH0pLFxuICB9KVxuKTtcblxuZXhwb3J0IGNvbnN0IE5hdkJhclNsaWRlRG93biA9ICh7XG4gIGNoaWxkcmVuLFxuICBpc1Zpc2libGUsXG4gIHBvc2l0aW9uLFxufTogTmF2QmFyU2xpZGVEb3duUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4gKFxuICA8U2xpZGVEb3duQ29udGFpbmVyXG4gICAgaXNWaXNpYmxlPXtpc1Zpc2libGV9XG4gICAgcG9zaXRpb249e3Bvc2l0aW9ufVxuICAgIGluZXJ0PXtpc1Zpc2libGUgPyB1bmRlZmluZWQgOiBcIlwifVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L1NsaWRlRG93bkNvbnRhaW5lcj5cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUzJCIn0= */");export const NavBarSlideDown=({children,isVisible,position})=>React.createElement(SlideDownContainer,{isVisible:isVisible,position:position,inert:isVisible?void 0:""},children);
|
|
@@ -1,16 +1,14 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { type SubThemeProviderProps } from "../SubThemeProvider/SubThemeProvider";
|
|
3
3
|
import type { NavBarName } from "./types";
|
|
4
|
+
type NavBarSubMenuContainerProps = {
|
|
5
|
+
"data-e2e-test-id"?: string;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
};
|
|
4
8
|
export declare const StyledBorderContainer: import("@emotion/styled").StyledComponent<{
|
|
5
9
|
theme?: import("@emotion/react").Theme;
|
|
6
10
|
as?: React.ElementType;
|
|
7
11
|
}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
12
|
export declare const subThemeMapping: Record<NavBarName, SubThemeProviderProps["name"]>;
|
|
9
|
-
export declare const NavBarSubMenuContainer: React.ForwardRefExoticComponent<
|
|
10
|
-
|
|
11
|
-
"data-e2e-test-id"?: string;
|
|
12
|
-
} & {
|
|
13
|
-
children?: React.ReactNode | undefined;
|
|
14
|
-
} & {
|
|
15
|
-
isCompact?: boolean;
|
|
16
|
-
} & React.RefAttributes<HTMLDivElement>>;
|
|
13
|
+
export declare const NavBarSubMenuContainer: React.ForwardRefExoticComponent<NavBarSubMenuContainerProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import styled from"@emotion/styled";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import{NavBarSlideDown}from"./NavBarSlideDown";export const StyledBorderContainer=styled("div",{target:"
|
|
1
|
+
import React from"react";import styled from"@emotion/styled";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import{NavBarSlideDown}from"./NavBarSlideDown";import{useNavBarContext}from"./NavBarContext";export const StyledBorderContainer=styled("div",{target:"efbzz6a0",label:"StyledBorderContainer"})(({theme})=>({borderBottom:`1px solid ${theme.values.color.border.secondary.default}`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclN1Yk1lbnVDb250YWluZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9OYXZCYXIvTmF2QmFyU3ViTWVudUNvbnRhaW5lci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBTdWJUaGVtZVByb3ZpZGVyLFxuICB0eXBlIFN1YlRoZW1lUHJvdmlkZXJQcm9wcyxcbn0gZnJvbSBcIi4uL1N1YlRoZW1lUHJvdmlkZXIvU3ViVGhlbWVQcm92aWRlclwiO1xuaW1wb3J0IHR5cGUgeyBOYXZCYXJOYW1lIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IE5hdkJhclNsaWRlRG93biB9IGZyb20gXCIuL05hdkJhclNsaWRlRG93blwiO1xuaW1wb3J0IHsgdXNlTmF2QmFyQ29udGV4dCB9IGZyb20gXCIuL05hdkJhckNvbnRleHRcIjtcblxudHlwZSBOYXZCYXJTdWJNZW51Q29udGFpbmVyUHJvcHMgPSB7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xufTtcblxuY29uc3QgQ09OVEFJTkVSX0JPUkRFUl9XSURUSCA9IDE7XG5leHBvcnQgY29uc3QgU3R5bGVkQm9yZGVyQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBib3JkZXJCb3R0b206IGAke0NPTlRBSU5FUl9CT1JERVJfV0lEVEh9cHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG59KSk7XG5cbmNvbnN0IFN0eWxlZFN1Yk1lbnVDb250YWluZXIgPSBzdHlsZWQoU3R5bGVkQm9yZGVyQ29udGFpbmVyKSgoeyB0aGVtZSB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudFN1YnRsZS5kZWZhdWx0LFxuICBib3hTaGFkb3c6IHRoZW1lLnZhbHVlcy5lbGV2YXRpb25bMV0sXG4gIFwiJiA+IGRpdlwiOiB7XG4gICAgbWFyZ2luQm90dG9tOiAtQ09OVEFJTkVSX0JPUkRFUl9XSURUSCwgLy8gVGFicyBib3JkZXIgc2hvdWxkIGJlIGFib3ZlIG9mIFN0eWxlZEJvcmRlckNvbnRhaW5lclxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3Qgc3ViVGhlbWVNYXBwaW5nOiBSZWNvcmQ8XG4gIE5hdkJhck5hbWUsXG4gIFN1YlRoZW1lUHJvdmlkZXJQcm9wc1tcIm5hbWVcIl1cbj4gPSB7XG4gIGxlYXJuaW5nOiBcImJyYW5kU3VidGxlXCIsXG4gIGNsaW5pY2FsQ2FyZTogXCJ1bnNldFwiLFxuICB0ZWFjaGluZzogXCJkaW1tZWRTdWJ0bGVcIixcbiAgdW5zZXQ6IFwidW5zZXRcIixcbn07XG5cbmV4cG9ydCBjb25zdCBOYXZCYXJTdWJNZW51Q29udGFpbmVyID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQsXG4gIE5hdkJhclN1Yk1lbnVDb250YWluZXJQcm9wc1xuPigoeyBjaGlsZHJlbiwgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IHsgc3ViVGhlbWUsIGlzQ29tcGFjdCB9ID0gdXNlTmF2QmFyQ29udGV4dCgpO1xuXG4gIHJldHVybiAoXG4gICAgPFN1YlRoZW1lUHJvdmlkZXIgbmFtZT17c3ViVGhlbWVNYXBwaW5nW3N1YlRoZW1lXX0+XG4gICAgICA8TmF2QmFyU2xpZGVEb3duIGlzVmlzaWJsZT17IWlzQ29tcGFjdH0gcG9zaXRpb249XCJib3R0b21cIj5cbiAgICAgICAgPFN0eWxlZFN1Yk1lbnVDb250YWluZXIgcmVmPXtyZWZ9IGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgICA8L1N0eWxlZFN1Yk1lbnVDb250YWluZXI+XG4gICAgICA8L05hdkJhclNsaWRlRG93bj5cbiAgICA8L1N1YlRoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQnFDIn0= */");let StyledSubMenuContainer=styled(StyledBorderContainer,{target:"efbzz6a1",label:"StyledSubMenuContainer"})(({theme})=>({backgroundColor:theme.values.color.background.accentSubtle.default,boxShadow:theme.values.elevation[1],"& > div":{marginBottom:-1}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2QmFyL05hdkJhclN1Yk1lbnVDb250YWluZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9OYXZCYXIvTmF2QmFyU3ViTWVudUNvbnRhaW5lci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBTdWJUaGVtZVByb3ZpZGVyLFxuICB0eXBlIFN1YlRoZW1lUHJvdmlkZXJQcm9wcyxcbn0gZnJvbSBcIi4uL1N1YlRoZW1lUHJvdmlkZXIvU3ViVGhlbWVQcm92aWRlclwiO1xuaW1wb3J0IHR5cGUgeyBOYXZCYXJOYW1lIH0gZnJvbSBcIi4vdHlwZXNcIjtcbmltcG9ydCB7IE5hdkJhclNsaWRlRG93biB9IGZyb20gXCIuL05hdkJhclNsaWRlRG93blwiO1xuaW1wb3J0IHsgdXNlTmF2QmFyQ29udGV4dCB9IGZyb20gXCIuL05hdkJhckNvbnRleHRcIjtcblxudHlwZSBOYXZCYXJTdWJNZW51Q29udGFpbmVyUHJvcHMgPSB7XG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiPzogc3RyaW5nO1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xufTtcblxuY29uc3QgQ09OVEFJTkVSX0JPUkRFUl9XSURUSCA9IDE7XG5leHBvcnQgY29uc3QgU3R5bGVkQm9yZGVyQ29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBib3JkZXJCb3R0b206IGAke0NPTlRBSU5FUl9CT1JERVJfV0lEVEh9cHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG59KSk7XG5cbmNvbnN0IFN0eWxlZFN1Yk1lbnVDb250YWluZXIgPSBzdHlsZWQoU3R5bGVkQm9yZGVyQ29udGFpbmVyKSgoeyB0aGVtZSB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudFN1YnRsZS5kZWZhdWx0LFxuICBib3hTaGFkb3c6IHRoZW1lLnZhbHVlcy5lbGV2YXRpb25bMV0sXG4gIFwiJiA+IGRpdlwiOiB7XG4gICAgbWFyZ2luQm90dG9tOiAtQ09OVEFJTkVSX0JPUkRFUl9XSURUSCwgLy8gVGFicyBib3JkZXIgc2hvdWxkIGJlIGFib3ZlIG9mIFN0eWxlZEJvcmRlckNvbnRhaW5lclxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3Qgc3ViVGhlbWVNYXBwaW5nOiBSZWNvcmQ8XG4gIE5hdkJhck5hbWUsXG4gIFN1YlRoZW1lUHJvdmlkZXJQcm9wc1tcIm5hbWVcIl1cbj4gPSB7XG4gIGxlYXJuaW5nOiBcImJyYW5kU3VidGxlXCIsXG4gIGNsaW5pY2FsQ2FyZTogXCJ1bnNldFwiLFxuICB0ZWFjaGluZzogXCJkaW1tZWRTdWJ0bGVcIixcbiAgdW5zZXQ6IFwidW5zZXRcIixcbn07XG5cbmV4cG9ydCBjb25zdCBOYXZCYXJTdWJNZW51Q29udGFpbmVyID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTERpdkVsZW1lbnQsXG4gIE5hdkJhclN1Yk1lbnVDb250YWluZXJQcm9wc1xuPigoeyBjaGlsZHJlbiwgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQgfSwgcmVmKSA9PiB7XG4gIGNvbnN0IHsgc3ViVGhlbWUsIGlzQ29tcGFjdCB9ID0gdXNlTmF2QmFyQ29udGV4dCgpO1xuXG4gIHJldHVybiAoXG4gICAgPFN1YlRoZW1lUHJvdmlkZXIgbmFtZT17c3ViVGhlbWVNYXBwaW5nW3N1YlRoZW1lXX0+XG4gICAgICA8TmF2QmFyU2xpZGVEb3duIGlzVmlzaWJsZT17IWlzQ29tcGFjdH0gcG9zaXRpb249XCJib3R0b21cIj5cbiAgICAgICAgPFN0eWxlZFN1Yk1lbnVDb250YWluZXIgcmVmPXtyZWZ9IGRhdGEtZTJlLXRlc3QtaWQ9e2RhdGFFMmVUZXN0SWR9PlxuICAgICAgICAgIDxkaXY+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgICA8L1N0eWxlZFN1Yk1lbnVDb250YWluZXI+XG4gICAgICA8L05hdkJhclNsaWRlRG93bj5cbiAgICA8L1N1YlRoZW1lUHJvdmlkZXI+XG4gICk7XG59KTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQitCIn0= */");export const subThemeMapping={learning:"brandSubtle",clinicalCare:"unset",teaching:"dimmedSubtle",unset:"unset"};export const NavBarSubMenuContainer=React.forwardRef(({children,"data-e2e-test-id":dataE2eTestId},ref)=>{let{subTheme,isCompact}=useNavBarContext();return React.createElement(SubThemeProvider,{name:subThemeMapping[subTheme]},React.createElement(NavBarSlideDown,{isVisible:!isCompact,position:"bottom"},React.createElement(StyledSubMenuContainer,{ref:ref,"data-e2e-test-id":dataE2eTestId},React.createElement("div",null,children))))});
|
|
@@ -1,2 +1,6 @@
|
|
|
1
1
|
export * from "./types";
|
|
2
2
|
export * from "./NavBar";
|
|
3
|
+
export { useNavBarContext } from "./NavBarContext";
|
|
4
|
+
export type { PrimaryNavProps } from "./NavBarPrimaryNav";
|
|
5
|
+
export type { PrimaryNavLinkItemProps } from "./NavBarPrimaryNavLinkItem";
|
|
6
|
+
export type { SecondaryNavItem, SecondaryNavProps } from "./NavBarSecondaryNav";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export*from"./types";export*from"./NavBar";
|
|
1
|
+
export*from"./types";export*from"./NavBar";export{useNavBarContext}from"./NavBarContext";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React,{useRef}from"react";import styled from"@emotion/styled";import{useHover}from"../../shared/useHover";import{H4}from"../Typography/Header/Header";import{Text}from"../Typography/Text/Text";import{Stack}from"../Stack/Stack";import{Container}from"../Container/Container";import{useFocusWithin}from"../../shared/useFocusWithin";import{Icon}from"../Icon/Icon";import{InteractiveCard}from"../Internal/InteractiveCard/InteractiveCard";let StyledIcon=styled("div",{target:"e1jvuw0g0",label:"StyledIcon"})(({isVisible,theme})=>({opacity:+!!isVisible,transform:`translateX(${isVisible?0:-25}%)`,transitionProperty:"opacity, transform",transitionDuration:theme.variables.animation.duration.medium,transitionTimingFunction:theme.variables.animation.timingFunction}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvU3BsYXNoQ2FyZC9TcGxhc2hDYXJkLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvU3BsYXNoQ2FyZC9TcGxhc2hDYXJkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHVzZUhvdmVyIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VIb3ZlclwiO1xuaW1wb3J0IHsgSDQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9IZWFkZXIvSGVhZGVyXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB7IHVzZUZvY3VzV2l0aGluIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VGb2N1c1dpdGhpblwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcblxuaW1wb3J0IHtcbiAgSW50ZXJhY3RpdmVDYXJkLFxuICB0eXBlIENhcmRCdXR0b25Qcm9wcyxcbiAgdHlwZSBDYXJkUHJvcHMsXG59IGZyb20gXCIuLi9JbnRlcm5hbC9JbnRlcmFjdGl2ZUNhcmQvSW50ZXJhY3RpdmVDYXJkXCI7XG5cbnR5cGUgQmFzZVByb3BzID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgaXNQcmVzc2VkPzogYm9vbGVhbjtcbiAgaGFzU2hhZG93PzogYm9vbGVhbjtcbn07XG5cbnR5cGUgU3BsYXNoQ2FyZFByb3BzID0gQmFzZVByb3BzICZcbiAgT21pdDxDYXJkUHJvcHMsIFwicmlnaHRFbGVtZW50XCI+ICZcbiAgQ2FyZEJ1dHRvblByb3BzO1xuXG5jb25zdCBTdHlsZWRJY29uID0gc3R5bGVkLmRpdjx7IGlzVmlzaWJsZTogYm9vbGVhbiB9PihcbiAgKHsgaXNWaXNpYmxlLCB0aGVtZSB9KSA9PiAoe1xuICAgIG9wYWNpdHk6IGlzVmlzaWJsZSA/IDEgOiAwLFxuICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVgoJHtpc1Zpc2libGUgPyAwIDogLTI1fSUpYCxcbiAgICB0cmFuc2l0aW9uUHJvcGVydHk6IFwib3BhY2l0eSwgdHJhbnNmb3JtXCIsXG4gICAgdHJhbnNpdGlvbkR1cmF0aW9uOiB0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLmR1cmF0aW9uLm1lZGl1bSxcbiAgICB0cmFuc2l0aW9uVGltaW5nRnVuY3Rpb246IHRoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24udGltaW5nRnVuY3Rpb24sXG4gIH0pXG4pO1xuXG5jb25zdCBDdXN0b21Db250YWluZXIgPSBzdHlsZWQoQ29udGFpbmVyKTxcbiAgeyBpc0FjdGl2ZTogYm9vbGVhbiB9ICYgUGFydGlhbDxTcGxhc2hDYXJkUHJvcHM+XG4+KCh7IHRoZW1lLCBpc0FjdGl2ZSwgaGFzU2hhZG93IH0pID0+ICh7XG4gIC4uLihoYXNTaGFkb3cgJiYge1xuICAgIC8vIFRPRE86IFJlcGxhY2Ugd2l0aCB0aGVtZSB0b2tlblxuICAgIGJvcmRlckJvdHRvbTogYDRweCBzb2xpZCByZ2JhKDEzOCwgOTcsIDI0MSwgMC4yMCk7YCxcbiAgfSksXG4gIGJhY2tncm91bmRDb2xvcjogaXNBY3RpdmVcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5kZWZhdWx0XG4gICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdCxcbiAgdHJhbnNpdGlvblByb3BlcnR5OiBcImJhY2tncm91bmQtY29sb3JcIixcbiAgdHJhbnNpdGlvbkR1cmF0aW9uOiB0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLmR1cmF0aW9uLm1lZGl1bSxcbiAgdHJhbnNpdGlvblRpbWluZ0Z1bmN0aW9uOiB0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLnRpbWluZ0Z1bmN0aW9uLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gU3BsYXNoQ2FyZCh7XG4gIGlzUHJlc3NlZCxcbiAgZGlzYWJsZWQsXG4gIHRpdGxlLFxuICBkZXNjcmlwdGlvbixcbiAgaWNvblByb3BzLFxuICBoYXNTaGFkb3csXG4gIC4uLnJlc3Rcbn06IFNwbGFzaENhcmRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGlzSG92ZXJlZCA9IHVzZUhvdmVyKHJlZik7XG4gIGNvbnN0IGlzRm9jdXNlZCA9IHVzZUZvY3VzV2l0aGluKHJlZik7XG4gIGNvbnN0IGlzQWN0aXZlID0gIWRpc2FibGVkICYmIChpc0hvdmVyZWQgfHwgaXNGb2N1c2VkIHx8IGlzUHJlc3NlZCk7XG5cbiAgY29uc3QgYWN0aXZlQ29sb3IgPSBcIm9uQWNjZW50XCIgYXMgY29uc3Q7XG4gIGNvbnN0IG1haW5UZXh0Q29sb3IgPSBpc0FjdGl2ZSA/IGFjdGl2ZUNvbG9yIDogXCJhY2NlbnRcIjtcbiAgY29uc3QgZGVzY3JpcHRpb25Db2xvciA9IGlzQWN0aXZlID8gYWN0aXZlQ29sb3IgOiBcInNlY29uZGFyeVwiO1xuXG4gIGNvbnN0IHJpZ2h0RWxlbWVudCA9IChcbiAgICA8U3R5bGVkSWNvbiBpc1Zpc2libGU9e2lzQWN0aXZlfT5cbiAgICAgIDxJY29uIHNpemU9XCJtXCIgbmFtZT1cImFycm93LXJpZ2h0XCIgY29sb3I9e2FjdGl2ZUNvbG9yfSAvPlxuICAgIDwvU3R5bGVkSWNvbj5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxDdXN0b21Db250YWluZXIgaGFzU2hhZG93PXtoYXNTaGFkb3d9IGlzQWN0aXZlPXtpc0FjdGl2ZX0gZWxldmF0aW9uPXswfT5cbiAgICAgIDxJbnRlcmFjdGl2ZUNhcmRcbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGljb25Qcm9wcz17eyBjb2xvcjogbWFpblRleHRDb2xvciwgLi4uaWNvblByb3BzIH19XG4gICAgICAgIHJpZ2h0RWxlbWVudD17cmlnaHRFbGVtZW50fVxuICAgICAgICBhcmlhLXByZXNzZWQ9e2lzUHJlc3NlZCA/PyB1bmRlZmluZWR9XG4gICAgICA+XG4gICAgICAgIDxTdGFjayBzcGFjZT1cInh4c1wiPlxuICAgICAgICAgIDxINCBjb2xvcj17bWFpblRleHRDb2xvcn0+e3RpdGxlfTwvSDQ+XG4gICAgICAgICAge2Rlc2NyaXB0aW9uICYmIChcbiAgICAgICAgICAgIDxUZXh0IHNpemU9XCJtXCIgY29sb3I9e2Rlc2NyaXB0aW9uQ29sb3J9PlxuICAgICAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgIDwvSW50ZXJhY3RpdmVDYXJkPlxuICAgIDwvQ3VzdG9tQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCbUIifQ== */"),CustomContainer=styled(Container,{target:"e1jvuw0g1",label:"CustomContainer"})(({theme,isActive,hasShadow})=>({...hasShadow&&{borderBottom:"4px solid rgba(138, 97, 241, 0.20);"},backgroundColor:isActive?theme.values.color.background.accent.default:theme.values.color.background.accentSubtle.default,transitionProperty:"background-color",transitionDuration:theme.variables.animation.duration.medium,transitionTimingFunction:theme.variables.animation.timingFunction}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvU3BsYXNoQ2FyZC9TcGxhc2hDYXJkLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvU3BsYXNoQ2FyZC9TcGxhc2hDYXJkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHVzZUhvdmVyIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VIb3ZlclwiO1xuaW1wb3J0IHsgSDQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9IZWFkZXIvSGVhZGVyXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB7IHVzZUZvY3VzV2l0aGluIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VGb2N1c1dpdGhpblwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcblxuaW1wb3J0IHtcbiAgSW50ZXJhY3RpdmVDYXJkLFxuICB0eXBlIENhcmRCdXR0b25Qcm9wcyxcbiAgdHlwZSBDYXJkUHJvcHMsXG59IGZyb20gXCIuLi9JbnRlcm5hbC9JbnRlcmFjdGl2ZUNhcmQvSW50ZXJhY3RpdmVDYXJkXCI7XG5cbnR5cGUgQmFzZVByb3BzID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgaXNQcmVzc2VkPzogYm9vbGVhbjtcbiAgaGFzU2hhZG93PzogYm9vbGVhbjtcbn07XG5cbnR5cGUgU3BsYXNoQ2FyZFByb3BzID0gQmFzZVByb3BzICZcbiAgT21pdDxDYXJkUHJvcHMsIFwicmlnaHRFbGVtZW50XCI+ICZcbiAgQ2FyZEJ1dHRvblByb3BzO1xuXG5jb25zdCBTdHlsZWRJY29uID0gc3R5bGVkLmRpdjx7IGlzVmlzaWJsZTogYm9vbGVhbiB9PihcbiAgKHsgaXNWaXNpYmxlLCB0aGVtZSB9KSA9PiAoe1xuICAgIG9wYWNpdHk6IGlzVmlzaWJsZSA/IDEgOiAwLFxuICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVgoJHtpc1Zpc2libGUgPyAwIDogLTI1fSUpYCxcbiAgICB0cmFuc2l0aW9uUHJvcGVydHk6IFwib3BhY2l0eSwgdHJhbnNmb3JtXCIsXG4gICAgdHJhbnNpdGlvbkR1cmF0aW9uOiB0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLmR1cmF0aW9uLm1lZGl1bSxcbiAgICB0cmFuc2l0aW9uVGltaW5nRnVuY3Rpb246IHRoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24udGltaW5nRnVuY3Rpb24sXG4gIH0pXG4pO1xuXG5jb25zdCBDdXN0b21Db250YWluZXIgPSBzdHlsZWQoQ29udGFpbmVyKTxcbiAgeyBpc0FjdGl2ZTogYm9vbGVhbiB9ICYgUGFydGlhbDxTcGxhc2hDYXJkUHJvcHM+XG4+KCh7IHRoZW1lLCBpc0FjdGl2ZSwgaGFzU2hhZG93IH0pID0+ICh7XG4gIC4uLihoYXNTaGFkb3cgJiYge1xuICAgIC8vIFRPRE86IFJlcGxhY2Ugd2l0aCB0aGVtZSB0b2tlblxuICAgIGJvcmRlckJvdHRvbTogYDRweCBzb2xpZCByZ2JhKDEzOCwgOTcsIDI0MSwgMC4yMCk7YCxcbiAgfSksXG4gIGJhY2tncm91bmRDb2xvcjogaXNBY3RpdmVcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudC5kZWZhdWx0XG4gICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5hY2NlbnRTdWJ0bGUuZGVmYXVsdCxcbiAgdHJhbnNpdGlvblByb3BlcnR5OiBcImJhY2tncm91bmQtY29sb3JcIixcbiAgdHJhbnNpdGlvbkR1cmF0aW9uOiB0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLmR1cmF0aW9uLm1lZGl1bSxcbiAgdHJhbnNpdGlvblRpbWluZ0Z1bmN0aW9uOiB0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLnRpbWluZ0Z1bmN0aW9uLFxufSkpO1xuXG5leHBvcnQgZnVuY3Rpb24gU3BsYXNoQ2FyZCh7XG4gIGlzUHJlc3NlZCxcbiAgZGlzYWJsZWQsXG4gIHRpdGxlLFxuICBkZXNjcmlwdGlvbixcbiAgaWNvblByb3BzLFxuICBoYXNTaGFkb3csXG4gIC4uLnJlc3Rcbn06IFNwbGFzaENhcmRQcm9wcyk6IFJlYWN0LlJlYWN0RWxlbWVudCB7XG4gIGNvbnN0IHJlZiA9IHVzZVJlZjxIVE1MQnV0dG9uRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGlzSG92ZXJlZCA9IHVzZUhvdmVyKHJlZik7XG4gIGNvbnN0IGlzRm9jdXNlZCA9IHVzZUZvY3VzV2l0aGluKHJlZik7XG4gIGNvbnN0IGlzQWN0aXZlID0gIWRpc2FibGVkICYmIChpc0hvdmVyZWQgfHwgaXNGb2N1c2VkIHx8IGlzUHJlc3NlZCk7XG5cbiAgY29uc3QgYWN0aXZlQ29sb3IgPSBcIm9uQWNjZW50XCIgYXMgY29uc3Q7XG4gIGNvbnN0IG1haW5UZXh0Q29sb3IgPSBpc0FjdGl2ZSA/IGFjdGl2ZUNvbG9yIDogXCJhY2NlbnRcIjtcbiAgY29uc3QgZGVzY3JpcHRpb25Db2xvciA9IGlzQWN0aXZlID8gYWN0aXZlQ29sb3IgOiBcInNlY29uZGFyeVwiO1xuXG4gIGNvbnN0IHJpZ2h0RWxlbWVudCA9IChcbiAgICA8U3R5bGVkSWNvbiBpc1Zpc2libGU9e2lzQWN0aXZlfT5cbiAgICAgIDxJY29uIHNpemU9XCJtXCIgbmFtZT1cImFycm93LXJpZ2h0XCIgY29sb3I9e2FjdGl2ZUNvbG9yfSAvPlxuICAgIDwvU3R5bGVkSWNvbj5cbiAgKTtcblxuICByZXR1cm4gKFxuICAgIDxDdXN0b21Db250YWluZXIgaGFzU2hhZG93PXtoYXNTaGFkb3d9IGlzQWN0aXZlPXtpc0FjdGl2ZX0gZWxldmF0aW9uPXswfT5cbiAgICAgIDxJbnRlcmFjdGl2ZUNhcmRcbiAgICAgICAgey4uLnJlc3R9XG4gICAgICAgIHJlZj17cmVmfVxuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIGljb25Qcm9wcz17eyBjb2xvcjogbWFpblRleHRDb2xvciwgLi4uaWNvblByb3BzIH19XG4gICAgICAgIHJpZ2h0RWxlbWVudD17cmlnaHRFbGVtZW50fVxuICAgICAgICBhcmlhLXByZXNzZWQ9e2lzUHJlc3NlZCA/PyB1bmRlZmluZWR9XG4gICAgICA+XG4gICAgICAgIDxTdGFjayBzcGFjZT1cInh4c1wiPlxuICAgICAgICAgIDxINCBjb2xvcj17bWFpblRleHRDb2xvcn0+e3RpdGxlfTwvSDQ+XG4gICAgICAgICAge2Rlc2NyaXB0aW9uICYmIChcbiAgICAgICAgICAgIDxUZXh0IHNpemU9XCJtXCIgY29sb3I9e2Rlc2NyaXB0aW9uQ29sb3J9PlxuICAgICAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9TdGFjaz5cbiAgICAgIDwvSW50ZXJhY3RpdmVDYXJkPlxuICAgIDwvQ3VzdG9tQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDd0IifQ== */");export function SplashCard({isPressed,disabled,title,description,iconProps,hasShadow,...rest}){let ref=useRef(null),isHovered=useHover(ref),isFocused=useFocusWithin(ref),isActive=!disabled&&(isHovered||isFocused||isPressed),activeColor="onAccent",mainTextColor=isActive?activeColor:"accent",descriptionColor=isActive?activeColor:"secondary",rightElement=React.createElement(StyledIcon,{isVisible:isActive},React.createElement(Icon,{size:"m",name:"arrow-right",color:activeColor}));return React.createElement(CustomContainer,{hasShadow:hasShadow,isActive:isActive,elevation:0},React.createElement(InteractiveCard,{...rest,ref:ref,disabled:disabled,iconProps:{color:mainTextColor,...iconProps},rightElement:rightElement,"aria-pressed":isPressed??void 0},React.createElement(Stack,{space:"xxs"},React.createElement(H4,{color:mainTextColor},title),description&&React.createElement(Text,{size:"m",color:descriptionColor},description))))}
|
|
1
|
+
import React,{useRef}from"react";import styled from"@emotion/styled";import{useHover}from"../../shared/useHover";import{H4}from"../Typography/Header/Header";import{Text}from"../Typography/Text/Text";import{Stack}from"../Stack/Stack";import{Container}from"../Container/Container";import{useFocusWithin}from"../../shared/useFocusWithin";import{Icon}from"../Icon/Icon";import{InteractiveCard}from"../Internal/InteractiveCard/InteractiveCard";let StyledIcon=styled("div",{target:"e1l3uc7f0",label:"StyledIcon"})(({isVisible,theme})=>({opacity:+!!isVisible,transform:`translateX(${isVisible?0:-25}%)`,transitionProperty:"opacity, transform",transitionDuration:theme.variables.animation.duration.medium,transitionTimingFunction:theme.variables.animation.timingFunction}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvU3BsYXNoQ2FyZC9TcGxhc2hDYXJkLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvU3BsYXNoQ2FyZC9TcGxhc2hDYXJkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHVzZUhvdmVyIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VIb3ZlclwiO1xuaW1wb3J0IHsgSDQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9IZWFkZXIvSGVhZGVyXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB7IHVzZUZvY3VzV2l0aGluIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VGb2N1c1dpdGhpblwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcblxuaW1wb3J0IHtcbiAgSW50ZXJhY3RpdmVDYXJkLFxuICB0eXBlIENhcmRCdXR0b25Qcm9wcyxcbiAgdHlwZSBDYXJkUHJvcHMsXG59IGZyb20gXCIuLi9JbnRlcm5hbC9JbnRlcmFjdGl2ZUNhcmQvSW50ZXJhY3RpdmVDYXJkXCI7XG5cbnR5cGUgQmFzZVByb3BzID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgaXNQcmVzc2VkPzogYm9vbGVhbjtcbiAgaGFzU2hhZG93PzogYm9vbGVhbjtcbn07XG5cbnR5cGUgU3BsYXNoQ2FyZFByb3BzID0gQmFzZVByb3BzICZcbiAgT21pdDxDYXJkUHJvcHMsIFwicmlnaHRFbGVtZW50XCI+ICZcbiAgQ2FyZEJ1dHRvblByb3BzO1xuXG5jb25zdCBTdHlsZWRJY29uID0gc3R5bGVkLmRpdjx7IGlzVmlzaWJsZTogYm9vbGVhbiB9PihcbiAgKHsgaXNWaXNpYmxlLCB0aGVtZSB9KSA9PiAoe1xuICAgIG9wYWNpdHk6IGlzVmlzaWJsZSA/IDEgOiAwLFxuICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVgoJHtpc1Zpc2libGUgPyAwIDogLTI1fSUpYCxcbiAgICB0cmFuc2l0aW9uUHJvcGVydHk6IFwib3BhY2l0eSwgdHJhbnNmb3JtXCIsXG4gICAgdHJhbnNpdGlvbkR1cmF0aW9uOiB0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLmR1cmF0aW9uLm1lZGl1bSxcbiAgICB0cmFuc2l0aW9uVGltaW5nRnVuY3Rpb246IHRoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24udGltaW5nRnVuY3Rpb24sXG4gIH0pXG4pO1xuXG5jb25zdCBDdXN0b21Db250YWluZXIgPSBzdHlsZWQoQ29udGFpbmVyKTxcbiAgeyBpc0FjdGl2ZTogYm9vbGVhbiB9ICYgUGFydGlhbDxTcGxhc2hDYXJkUHJvcHM+XG4+KCh7IHRoZW1lLCBpc0FjdGl2ZSwgaGFzU2hhZG93IH0pID0+ICh7XG4gIC4uLihoYXNTaGFkb3cgJiYge1xuICAgIC8vIFRPRE86IFJlcGxhY2Ugd2l0aCB0aGVtZSB0b2tlblxuICAgIGJvcmRlckJvdHRvbTogYDRweCBzb2xpZCByZ2JhKDEzOCwgOTcsIDI0MSwgMC4yMCk7YCxcbiAgfSksXG4gIGJhY2tncm91bmRDb2xvcjogaXNBY3RpdmVcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5zcGxhc2hDYXJkLmJhY2tncm91bmQuaG92ZXJcbiAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudFN1YnRsZS5kZWZhdWx0LFxuICB0cmFuc2l0aW9uUHJvcGVydHk6IFwiYmFja2dyb3VuZC1jb2xvclwiLFxuICB0cmFuc2l0aW9uRHVyYXRpb246IHRoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24uZHVyYXRpb24ubWVkaXVtLFxuICB0cmFuc2l0aW9uVGltaW5nRnVuY3Rpb246IHRoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24udGltaW5nRnVuY3Rpb24sXG59KSk7XG5cbmNvbnN0IEN1c3RvbUg0ID0gc3R5bGVkKEg0KSgoeyBjb2xvciwgdGhlbWUgfSkgPT4gKHtcbiAgLi4uKGNvbG9yID09PSBcImFjY2VudFwiICYmIHtcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnNwbGFzaENhcmQudGV4dC5hY2NlbnQuZGVmYXVsdCxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBTcGxhc2hDYXJkKHtcbiAgaXNQcmVzc2VkLFxuICBkaXNhYmxlZCxcbiAgdGl0bGUsXG4gIGRlc2NyaXB0aW9uLFxuICBpY29uUHJvcHMsXG4gIGhhc1NoYWRvdyxcbiAgLi4ucmVzdFxufTogU3BsYXNoQ2FyZFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcbiAgY29uc3QgaXNIb3ZlcmVkID0gdXNlSG92ZXIocmVmKTtcbiAgY29uc3QgaXNGb2N1c2VkID0gdXNlRm9jdXNXaXRoaW4ocmVmKTtcbiAgY29uc3QgaXNBY3RpdmUgPSAhZGlzYWJsZWQgJiYgKGlzSG92ZXJlZCB8fCBpc0ZvY3VzZWQgfHwgaXNQcmVzc2VkKTtcblxuICBjb25zdCBhY3RpdmVDb2xvciA9IFwib25BY2NlbnRcIiBhcyBjb25zdDtcbiAgY29uc3QgbWFpblRleHRDb2xvciA9IGlzQWN0aXZlID8gYWN0aXZlQ29sb3IgOiBcImFjY2VudFwiO1xuICBjb25zdCBkZXNjcmlwdGlvbkNvbG9yID0gaXNBY3RpdmUgPyBhY3RpdmVDb2xvciA6IFwic2Vjb25kYXJ5XCI7XG5cbiAgY29uc3QgcmlnaHRFbGVtZW50ID0gKFxuICAgIDxTdHlsZWRJY29uIGlzVmlzaWJsZT17aXNBY3RpdmV9PlxuICAgICAgPEljb24gc2l6ZT1cIm1cIiBuYW1lPVwiYXJyb3ctcmlnaHRcIiBjb2xvcj17YWN0aXZlQ29sb3J9IC8+XG4gICAgPC9TdHlsZWRJY29uPlxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPEN1c3RvbUNvbnRhaW5lciBoYXNTaGFkb3c9e2hhc1NoYWRvd30gaXNBY3RpdmU9e2lzQWN0aXZlfSBlbGV2YXRpb249ezB9PlxuICAgICAgPEludGVyYWN0aXZlQ2FyZFxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgaWNvblByb3BzPXt7IGNvbG9yOiBtYWluVGV4dENvbG9yLCAuLi5pY29uUHJvcHMgfX1cbiAgICAgICAgcmlnaHRFbGVtZW50PXtyaWdodEVsZW1lbnR9XG4gICAgICAgIGFyaWEtcHJlc3NlZD17aXNQcmVzc2VkID8/IHVuZGVmaW5lZH1cbiAgICAgID5cbiAgICAgICAgPFN0YWNrIHNwYWNlPVwieHhzXCI+XG4gICAgICAgICAgPEN1c3RvbUg0IGNvbG9yPXttYWluVGV4dENvbG9yfT57dGl0bGV9PC9DdXN0b21IND5cbiAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgPFRleHQgc2l6ZT1cIm1cIiBjb2xvcj17ZGVzY3JpcHRpb25Db2xvcn0+XG4gICAgICAgICAgICAgIHtkZXNjcmlwdGlvbn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApfVxuICAgICAgICA8L1N0YWNrPlxuICAgICAgPC9JbnRlcmFjdGl2ZUNhcmQ+XG4gICAgPC9DdXN0b21Db250YWluZXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJtQiJ9 */"),CustomContainer=styled(Container,{target:"e1l3uc7f1",label:"CustomContainer"})(({theme,isActive,hasShadow})=>({...hasShadow&&{borderBottom:"4px solid rgba(138, 97, 241, 0.20);"},backgroundColor:isActive?theme.values.color.splashCard.background.hover:theme.values.color.background.accentSubtle.default,transitionProperty:"background-color",transitionDuration:theme.variables.animation.duration.medium,transitionTimingFunction:theme.variables.animation.timingFunction}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvU3BsYXNoQ2FyZC9TcGxhc2hDYXJkLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvU3BsYXNoQ2FyZC9TcGxhc2hDYXJkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHVzZUhvdmVyIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VIb3ZlclwiO1xuaW1wb3J0IHsgSDQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9IZWFkZXIvSGVhZGVyXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB7IHVzZUZvY3VzV2l0aGluIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VGb2N1c1dpdGhpblwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcblxuaW1wb3J0IHtcbiAgSW50ZXJhY3RpdmVDYXJkLFxuICB0eXBlIENhcmRCdXR0b25Qcm9wcyxcbiAgdHlwZSBDYXJkUHJvcHMsXG59IGZyb20gXCIuLi9JbnRlcm5hbC9JbnRlcmFjdGl2ZUNhcmQvSW50ZXJhY3RpdmVDYXJkXCI7XG5cbnR5cGUgQmFzZVByb3BzID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgaXNQcmVzc2VkPzogYm9vbGVhbjtcbiAgaGFzU2hhZG93PzogYm9vbGVhbjtcbn07XG5cbnR5cGUgU3BsYXNoQ2FyZFByb3BzID0gQmFzZVByb3BzICZcbiAgT21pdDxDYXJkUHJvcHMsIFwicmlnaHRFbGVtZW50XCI+ICZcbiAgQ2FyZEJ1dHRvblByb3BzO1xuXG5jb25zdCBTdHlsZWRJY29uID0gc3R5bGVkLmRpdjx7IGlzVmlzaWJsZTogYm9vbGVhbiB9PihcbiAgKHsgaXNWaXNpYmxlLCB0aGVtZSB9KSA9PiAoe1xuICAgIG9wYWNpdHk6IGlzVmlzaWJsZSA/IDEgOiAwLFxuICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVgoJHtpc1Zpc2libGUgPyAwIDogLTI1fSUpYCxcbiAgICB0cmFuc2l0aW9uUHJvcGVydHk6IFwib3BhY2l0eSwgdHJhbnNmb3JtXCIsXG4gICAgdHJhbnNpdGlvbkR1cmF0aW9uOiB0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLmR1cmF0aW9uLm1lZGl1bSxcbiAgICB0cmFuc2l0aW9uVGltaW5nRnVuY3Rpb246IHRoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24udGltaW5nRnVuY3Rpb24sXG4gIH0pXG4pO1xuXG5jb25zdCBDdXN0b21Db250YWluZXIgPSBzdHlsZWQoQ29udGFpbmVyKTxcbiAgeyBpc0FjdGl2ZTogYm9vbGVhbiB9ICYgUGFydGlhbDxTcGxhc2hDYXJkUHJvcHM+XG4+KCh7IHRoZW1lLCBpc0FjdGl2ZSwgaGFzU2hhZG93IH0pID0+ICh7XG4gIC4uLihoYXNTaGFkb3cgJiYge1xuICAgIC8vIFRPRE86IFJlcGxhY2Ugd2l0aCB0aGVtZSB0b2tlblxuICAgIGJvcmRlckJvdHRvbTogYDRweCBzb2xpZCByZ2JhKDEzOCwgOTcsIDI0MSwgMC4yMCk7YCxcbiAgfSksXG4gIGJhY2tncm91bmRDb2xvcjogaXNBY3RpdmVcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5zcGxhc2hDYXJkLmJhY2tncm91bmQuaG92ZXJcbiAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudFN1YnRsZS5kZWZhdWx0LFxuICB0cmFuc2l0aW9uUHJvcGVydHk6IFwiYmFja2dyb3VuZC1jb2xvclwiLFxuICB0cmFuc2l0aW9uRHVyYXRpb246IHRoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24uZHVyYXRpb24ubWVkaXVtLFxuICB0cmFuc2l0aW9uVGltaW5nRnVuY3Rpb246IHRoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24udGltaW5nRnVuY3Rpb24sXG59KSk7XG5cbmNvbnN0IEN1c3RvbUg0ID0gc3R5bGVkKEg0KSgoeyBjb2xvciwgdGhlbWUgfSkgPT4gKHtcbiAgLi4uKGNvbG9yID09PSBcImFjY2VudFwiICYmIHtcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnNwbGFzaENhcmQudGV4dC5hY2NlbnQuZGVmYXVsdCxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBTcGxhc2hDYXJkKHtcbiAgaXNQcmVzc2VkLFxuICBkaXNhYmxlZCxcbiAgdGl0bGUsXG4gIGRlc2NyaXB0aW9uLFxuICBpY29uUHJvcHMsXG4gIGhhc1NoYWRvdyxcbiAgLi4ucmVzdFxufTogU3BsYXNoQ2FyZFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcbiAgY29uc3QgaXNIb3ZlcmVkID0gdXNlSG92ZXIocmVmKTtcbiAgY29uc3QgaXNGb2N1c2VkID0gdXNlRm9jdXNXaXRoaW4ocmVmKTtcbiAgY29uc3QgaXNBY3RpdmUgPSAhZGlzYWJsZWQgJiYgKGlzSG92ZXJlZCB8fCBpc0ZvY3VzZWQgfHwgaXNQcmVzc2VkKTtcblxuICBjb25zdCBhY3RpdmVDb2xvciA9IFwib25BY2NlbnRcIiBhcyBjb25zdDtcbiAgY29uc3QgbWFpblRleHRDb2xvciA9IGlzQWN0aXZlID8gYWN0aXZlQ29sb3IgOiBcImFjY2VudFwiO1xuICBjb25zdCBkZXNjcmlwdGlvbkNvbG9yID0gaXNBY3RpdmUgPyBhY3RpdmVDb2xvciA6IFwic2Vjb25kYXJ5XCI7XG5cbiAgY29uc3QgcmlnaHRFbGVtZW50ID0gKFxuICAgIDxTdHlsZWRJY29uIGlzVmlzaWJsZT17aXNBY3RpdmV9PlxuICAgICAgPEljb24gc2l6ZT1cIm1cIiBuYW1lPVwiYXJyb3ctcmlnaHRcIiBjb2xvcj17YWN0aXZlQ29sb3J9IC8+XG4gICAgPC9TdHlsZWRJY29uPlxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPEN1c3RvbUNvbnRhaW5lciBoYXNTaGFkb3c9e2hhc1NoYWRvd30gaXNBY3RpdmU9e2lzQWN0aXZlfSBlbGV2YXRpb249ezB9PlxuICAgICAgPEludGVyYWN0aXZlQ2FyZFxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgaWNvblByb3BzPXt7IGNvbG9yOiBtYWluVGV4dENvbG9yLCAuLi5pY29uUHJvcHMgfX1cbiAgICAgICAgcmlnaHRFbGVtZW50PXtyaWdodEVsZW1lbnR9XG4gICAgICAgIGFyaWEtcHJlc3NlZD17aXNQcmVzc2VkID8/IHVuZGVmaW5lZH1cbiAgICAgID5cbiAgICAgICAgPFN0YWNrIHNwYWNlPVwieHhzXCI+XG4gICAgICAgICAgPEN1c3RvbUg0IGNvbG9yPXttYWluVGV4dENvbG9yfT57dGl0bGV9PC9DdXN0b21IND5cbiAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgPFRleHQgc2l6ZT1cIm1cIiBjb2xvcj17ZGVzY3JpcHRpb25Db2xvcn0+XG4gICAgICAgICAgICAgIHtkZXNjcmlwdGlvbn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApfVxuICAgICAgICA8L1N0YWNrPlxuICAgICAgPC9JbnRlcmFjdGl2ZUNhcmQ+XG4gICAgPC9DdXN0b21Db250YWluZXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0N3QiJ9 */"),CustomH4=styled(H4,{target:"e1l3uc7f2",label:"CustomH4"})(({color,theme})=>({..."accent"===color&&{color:theme.values.color.splashCard.text.accent.default}}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvU3BsYXNoQ2FyZC9TcGxhc2hDYXJkLnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvU3BsYXNoQ2FyZC9TcGxhc2hDYXJkLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcHJvcHMtbm8tc3ByZWFkaW5nICovXG5pbXBvcnQgUmVhY3QsIHsgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IHVzZUhvdmVyIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VIb3ZlclwiO1xuaW1wb3J0IHsgSDQgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeS9IZWFkZXIvSGVhZGVyXCI7XG5pbXBvcnQgeyBUZXh0IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvVGV4dC9UZXh0XCI7XG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB7IHVzZUZvY3VzV2l0aGluIH0gZnJvbSBcIi4uLy4uL3NoYXJlZC91c2VGb2N1c1dpdGhpblwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcblxuaW1wb3J0IHtcbiAgSW50ZXJhY3RpdmVDYXJkLFxuICB0eXBlIENhcmRCdXR0b25Qcm9wcyxcbiAgdHlwZSBDYXJkUHJvcHMsXG59IGZyb20gXCIuLi9JbnRlcm5hbC9JbnRlcmFjdGl2ZUNhcmQvSW50ZXJhY3RpdmVDYXJkXCI7XG5cbnR5cGUgQmFzZVByb3BzID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgaXNQcmVzc2VkPzogYm9vbGVhbjtcbiAgaGFzU2hhZG93PzogYm9vbGVhbjtcbn07XG5cbnR5cGUgU3BsYXNoQ2FyZFByb3BzID0gQmFzZVByb3BzICZcbiAgT21pdDxDYXJkUHJvcHMsIFwicmlnaHRFbGVtZW50XCI+ICZcbiAgQ2FyZEJ1dHRvblByb3BzO1xuXG5jb25zdCBTdHlsZWRJY29uID0gc3R5bGVkLmRpdjx7IGlzVmlzaWJsZTogYm9vbGVhbiB9PihcbiAgKHsgaXNWaXNpYmxlLCB0aGVtZSB9KSA9PiAoe1xuICAgIG9wYWNpdHk6IGlzVmlzaWJsZSA/IDEgOiAwLFxuICAgIHRyYW5zZm9ybTogYHRyYW5zbGF0ZVgoJHtpc1Zpc2libGUgPyAwIDogLTI1fSUpYCxcbiAgICB0cmFuc2l0aW9uUHJvcGVydHk6IFwib3BhY2l0eSwgdHJhbnNmb3JtXCIsXG4gICAgdHJhbnNpdGlvbkR1cmF0aW9uOiB0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLmR1cmF0aW9uLm1lZGl1bSxcbiAgICB0cmFuc2l0aW9uVGltaW5nRnVuY3Rpb246IHRoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24udGltaW5nRnVuY3Rpb24sXG4gIH0pXG4pO1xuXG5jb25zdCBDdXN0b21Db250YWluZXIgPSBzdHlsZWQoQ29udGFpbmVyKTxcbiAgeyBpc0FjdGl2ZTogYm9vbGVhbiB9ICYgUGFydGlhbDxTcGxhc2hDYXJkUHJvcHM+XG4+KCh7IHRoZW1lLCBpc0FjdGl2ZSwgaGFzU2hhZG93IH0pID0+ICh7XG4gIC4uLihoYXNTaGFkb3cgJiYge1xuICAgIC8vIFRPRE86IFJlcGxhY2Ugd2l0aCB0aGVtZSB0b2tlblxuICAgIGJvcmRlckJvdHRvbTogYDRweCBzb2xpZCByZ2JhKDEzOCwgOTcsIDI0MSwgMC4yMCk7YCxcbiAgfSksXG4gIGJhY2tncm91bmRDb2xvcjogaXNBY3RpdmVcbiAgICA/IHRoZW1lLnZhbHVlcy5jb2xvci5zcGxhc2hDYXJkLmJhY2tncm91bmQuaG92ZXJcbiAgICA6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudFN1YnRsZS5kZWZhdWx0LFxuICB0cmFuc2l0aW9uUHJvcGVydHk6IFwiYmFja2dyb3VuZC1jb2xvclwiLFxuICB0cmFuc2l0aW9uRHVyYXRpb246IHRoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24uZHVyYXRpb24ubWVkaXVtLFxuICB0cmFuc2l0aW9uVGltaW5nRnVuY3Rpb246IHRoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24udGltaW5nRnVuY3Rpb24sXG59KSk7XG5cbmNvbnN0IEN1c3RvbUg0ID0gc3R5bGVkKEg0KSgoeyBjb2xvciwgdGhlbWUgfSkgPT4gKHtcbiAgLi4uKGNvbG9yID09PSBcImFjY2VudFwiICYmIHtcbiAgICBjb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLnNwbGFzaENhcmQudGV4dC5hY2NlbnQuZGVmYXVsdCxcbiAgfSksXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBTcGxhc2hDYXJkKHtcbiAgaXNQcmVzc2VkLFxuICBkaXNhYmxlZCxcbiAgdGl0bGUsXG4gIGRlc2NyaXB0aW9uLFxuICBpY29uUHJvcHMsXG4gIGhhc1NoYWRvdyxcbiAgLi4ucmVzdFxufTogU3BsYXNoQ2FyZFByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxCdXR0b25FbGVtZW50PihudWxsKTtcbiAgY29uc3QgaXNIb3ZlcmVkID0gdXNlSG92ZXIocmVmKTtcbiAgY29uc3QgaXNGb2N1c2VkID0gdXNlRm9jdXNXaXRoaW4ocmVmKTtcbiAgY29uc3QgaXNBY3RpdmUgPSAhZGlzYWJsZWQgJiYgKGlzSG92ZXJlZCB8fCBpc0ZvY3VzZWQgfHwgaXNQcmVzc2VkKTtcblxuICBjb25zdCBhY3RpdmVDb2xvciA9IFwib25BY2NlbnRcIiBhcyBjb25zdDtcbiAgY29uc3QgbWFpblRleHRDb2xvciA9IGlzQWN0aXZlID8gYWN0aXZlQ29sb3IgOiBcImFjY2VudFwiO1xuICBjb25zdCBkZXNjcmlwdGlvbkNvbG9yID0gaXNBY3RpdmUgPyBhY3RpdmVDb2xvciA6IFwic2Vjb25kYXJ5XCI7XG5cbiAgY29uc3QgcmlnaHRFbGVtZW50ID0gKFxuICAgIDxTdHlsZWRJY29uIGlzVmlzaWJsZT17aXNBY3RpdmV9PlxuICAgICAgPEljb24gc2l6ZT1cIm1cIiBuYW1lPVwiYXJyb3ctcmlnaHRcIiBjb2xvcj17YWN0aXZlQ29sb3J9IC8+XG4gICAgPC9TdHlsZWRJY29uPlxuICApO1xuXG4gIHJldHVybiAoXG4gICAgPEN1c3RvbUNvbnRhaW5lciBoYXNTaGFkb3c9e2hhc1NoYWRvd30gaXNBY3RpdmU9e2lzQWN0aXZlfSBlbGV2YXRpb249ezB9PlxuICAgICAgPEludGVyYWN0aXZlQ2FyZFxuICAgICAgICB7Li4ucmVzdH1cbiAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgaWNvblByb3BzPXt7IGNvbG9yOiBtYWluVGV4dENvbG9yLCAuLi5pY29uUHJvcHMgfX1cbiAgICAgICAgcmlnaHRFbGVtZW50PXtyaWdodEVsZW1lbnR9XG4gICAgICAgIGFyaWEtcHJlc3NlZD17aXNQcmVzc2VkID8/IHVuZGVmaW5lZH1cbiAgICAgID5cbiAgICAgICAgPFN0YWNrIHNwYWNlPVwieHhzXCI+XG4gICAgICAgICAgPEN1c3RvbUg0IGNvbG9yPXttYWluVGV4dENvbG9yfT57dGl0bGV9PC9DdXN0b21IND5cbiAgICAgICAgICB7ZGVzY3JpcHRpb24gJiYgKFxuICAgICAgICAgICAgPFRleHQgc2l6ZT1cIm1cIiBjb2xvcj17ZGVzY3JpcHRpb25Db2xvcn0+XG4gICAgICAgICAgICAgIHtkZXNjcmlwdGlvbn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApfVxuICAgICAgICA8L1N0YWNrPlxuICAgICAgPC9JbnRlcmFjdGl2ZUNhcmQ+XG4gICAgPC9DdXN0b21Db250YWluZXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcURpQiJ9 */");export function SplashCard({isPressed,disabled,title,description,iconProps,hasShadow,...rest}){let ref=useRef(null),isHovered=useHover(ref),isFocused=useFocusWithin(ref),isActive=!disabled&&(isHovered||isFocused||isPressed),activeColor="onAccent",mainTextColor=isActive?activeColor:"accent",descriptionColor=isActive?activeColor:"secondary",rightElement=React.createElement(StyledIcon,{isVisible:isActive},React.createElement(Icon,{size:"m",name:"arrow-right",color:activeColor}));return React.createElement(CustomContainer,{hasShadow:hasShadow,isActive:isActive,elevation:0},React.createElement(InteractiveCard,{...rest,ref:ref,disabled:disabled,iconProps:{color:mainTextColor,...iconProps},rightElement:rightElement,"aria-pressed":isPressed??void 0},React.createElement(Stack,{space:"xxs"},React.createElement(CustomH4,{color:mainTextColor},title),description&&React.createElement(Text,{size:"m",color:descriptionColor},description))))}
|