@vibe/core 4.6.0-alpha-8cfcb.0 → 4.6.0-alpha-3c271.0

package/dist/mocked_classnames/src/index.js

@@ -1,2 +1,2 @@
-import"@vibe/style/dist/index.min.css";export{default as Accordion}from"./components/Accordion/Accordion/Accordion.js";export{default as AccordionItem}from"./components/Accordion/AccordionItem/AccordionItem.js";export{default as AlertBanner}from"./components/AlertBanner/AlertBanner.js";export{default as AlertBannerButton}from"./components/AlertBanner/AlertBannerButton/AlertBannerButton.js";export{default as AlertBannerLink}from"./components/AlertBanner/AlertBannerLink/AlertBannerLink.js";export{default as AlertBannerText}from"./components/AlertBanner/AlertBannerText/AlertBannerText.js";export{default as AttentionBox}from"./components/AttentionBox/AttentionBox.js";export{default as Avatar}from"./components/Avatar/Avatar.js";export{default as AvatarGroup}from"./components/AvatarGroup/AvatarGroup.js";export{default as Badge}from"./components/Badge/Badge.js";export{default as BreadcrumbsBar}from"./components/BreadcrumbsBar/BreadcrumbsBar.js";export{default as BreadcrumbItem}from"./components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js";export{default as BreadcrumbMenu}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js";export{default as BreadcrumbMenuItem}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js";export*from"@vibe/button/mockedClassNames";export{default as ButtonGroup}from"./components/ButtonGroup/ButtonGroup.js";export{default as Checkbox}from"./components/Checkbox/Checkbox.js";export{default as Chips}from"./components/Chips/Chips.js";export{Clickable,useClickableProps}from"@vibe/clickable/mockedClassNames";export{default as ColorPicker}from"./components/ColorPicker/ColorPicker.js";export{default as ColorPickerContent}from"./components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js";export{default as Combobox}from"./components/Combobox/Combobox.js";export{default as Counter}from"./components/Counter/Counter.js";export{default as DatePicker}from"./components/DatePicker/DatePicker.js";export{Dialog,DialogContentContainer}from"@vibe/dialog/mockedClassNames";export{default as Divider}from"./components/Divider/Divider.js";export{default as Dropdown}from"./components/Dropdown/Dropdown.js";export{default as EditableHeading}from"./components/EditableHeading/EditableHeading.js";export{default as EditableText}from"./components/EditableText/EditableText.js";export{default as EmptyState}from"./components/EmptyState/EmptyState.js";export{default as ExpandCollapse}from"./components/ExpandCollapse/ExpandCollapse.js";export*from"@vibe/layout/mockedClassNames";export{default as FormattedNumber}from"./components/FormattedNumber/FormattedNumber.js";export{GridKeyboardNavigationContext,useGridKeyboardNavigationContext}from"./components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";export{Heading,Text}from"@vibe/typography/mockedClassNames";export{default as HiddenText}from"./components/HiddenText/HiddenText.js";export*from"@vibe/icon/mockedClassNames";export*from"@vibe/icon-button/mockedClassNames";export{default as Info}from"./components/Info/Info.js";export{default as Label}from"./components/Label/Label.js";export{LayerProvider}from"@vibe/layer/mockedClassNames";export{default as Link}from"./components/Link/Link.js";export{default as List}from"./components/List/List.js";export{default as ListItem}from"./components/ListItem/ListItem.js";export{default as ListItemAvatar}from"./components/ListItemAvatar/ListItemAvatar.js";export{default as ListItemIcon}from"./components/ListItemIcon/ListItemIcon.js";export{default as ListTitle}from"./components/ListTitle/ListTitle.js";export*from"@vibe/loader/mockedClassNames";export{default as Menu}from"./components/Menu/Menu/Menu.js";export{default as MenuItem}from"./components/Menu/MenuItem/MenuItem.js";export{default as MenuItemButton}from"./components/Menu/MenuItemButton/MenuItemButton.js";export{default as MenuDivider}from"./components/Menu/MenuDivider/MenuDivider.js";export{default as MenuTitle}from"./components/Menu/MenuTitle/MenuTitle.js";export{default as MenuGridItem}from"./components/Menu/MenuGridItem/MenuGridItem.js";export{default as MenuButton}from"./components/MenuButton/MenuButton.js";export{default as NumberField}from"./components/NumberField/NumberField.js";export{default as ModalFooter}from"./components/Modal/footers/ModalFooter/ModalFooter.js";export{default as ModalFooterWizard}from"./components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js";export{default as ModalBasicLayout}from"./components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js";export{default as ModalMediaLayout}from"./components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js";export{default as ModalSideBySideLayout}from"./components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js";export{default as Modal}from"./components/Modal/Modal/Modal.js";export{default as ModalHeader}from"./components/Modal/ModalHeader/ModalHeader.js";export{default as ModalContent}from"./components/Modal/ModalContent/ModalContent.js";export{default as ModalMedia}from"./components/Modal/ModalMedia/ModalMedia.js";export{default as MultiStepIndicator}from"./components/MultiStepIndicator/MultiStepIndicator.js";export{default as ProgressBar}from"./components/ProgressBars/ProgressBar/ProgressBar.js";export{default as RadioButton}from"./components/RadioButton/RadioButton.js";export{default as Search}from"./components/Search/Search.js";export{default as SegmentedControl}from"./components/SegmentedControl/SegmentedControl.js";export{default as Skeleton}from"./components/Skeleton/Skeleton.js";export{default as Slider}from"./components/Slider/Slider.js";export{default as SplitButton}from"./components/SplitButton/SplitButton.js";export{default as SplitButtonMenu}from"./components/SplitButton/SplitButtonMenu/SplitButtonMenu.js";export{default as Steps}from"./components/Steps/Steps.js";export{default as Table}from"./components/Table/Table/Table.js";export{default as TableContainer}from"./components/Table/TableContainer/TableContainer.js";export{default as TableHeader}from"./components/Table/TableHeader/TableHeader.js";export{default as TableHeaderCell}from"./components/Table/TableHeaderCell/TableHeaderCell.js";export{default as TableBody}from"./components/Table/TableBody/TableBody.js";export{default as TableVirtualizedBody}from"./components/Table/TableVirtualizedBody/TableVirtualizedBody.js";export{default as TableRow}from"./components/Table/TableRow/TableRow.js";export{default as TableRowMenu}from"./components/Table/TableRowMenu/TableRowMenu.js";export{default as TableCell}from"./components/Table/TableCell/TableCell.js";export{default as Tab}from"./components/Tabs/Tab/Tab.js";export{default as TabList}from"./components/Tabs/TabList/TabList.js";export{default as TabPanel}from"./components/Tabs/TabPanel/TabPanel.js";export{default as TabsContext}from"./components/Tabs/TabsContext/TabsContext.js";export{default as TabPanels}from"./components/Tabs/TabPanels/TabPanels.js";export{default as TextArea}from"./components/TextArea/TextArea.js";export{default as TextField}from"./components/TextField/TextField.js";export{default as TextWithHighlight}from"./components/TextWithHighlight/TextWithHighlight.js";export{default as ThemeProvider}from"./components/ThemeProvider/ThemeProvider.js";export{default as Tipseen}from"./components/Tipseen/Tipseen.js";export{default as TipseenContent}from"./components/Tipseen/TipseenContent.js";export{default as TipseenWizard}from"./components/Tipseen/TipseenWizard.js";export{default as TipseenMedia}from"./components/Tipseen/TipseenMedia/TipseenMedia.js";export{default as Toast}from"./components/Toast/Toast.js";export{default as ToastButton}from"./components/Toast/ToastButton/ToastButton.js";export{default as ToastLink}from"./components/Toast/ToastLink/ToastLink.js";export{default as Toggle}from"./components/Toggle/Toggle.js";export{Tooltip}from"@vibe/tooltip/mockedClassNames";export{default as TransitionView}from"./components/TransitionView/TransitionView.js";export{default as VirtualizedGrid}from"./components/VirtualizedGrid/VirtualizedGrid.js";export{default as VirtualizedList}from"./components/VirtualizedList/VirtualizedList.js";export{default as ColorUtils}from"./utils/colors-utils.js";export{useEventListener,useKeyEvent}from"@vibe/shared";export{default as useDebounceEvent}from"./hooks/useDebounceEvent/index.js";export{useClickOutside,useIsOverflowing,useResizeObserver}from"@vibe/hooks";export{default as useAfterFirstRender}from"./hooks/useAfterFirstRender/index.js";export{default as useTimeout}from"./hooks/useTimeout/index.js";export{default as usePrevious}from"./hooks/usePrevious/index.js";export{default as useSetFocus}from"./hooks/useSetFocus/index.js";export{default as useIsMouseOver}from"./hooks/useIsMouseOver.js";export{default as useHover}from"./hooks/useHover/useHover.js";export{default as useGridKeyboardNavigation}from"./hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";export{default as useActiveDescendantListFocus}from"./hooks/useActiveDescendantListFocus/index.js";export{useMediaQuery}from"./hooks/useMediaQuery/index.js";export{default as useVibeMediaQuery}from"./hooks/useVibeMediaQuery/index.js";export{default as useSwitch}from"./hooks/useSwitch/index.js";export{default as useElementsOverflowingIndex}from"./hooks/useElementsOverflowingIndex.js";export{default as useWizard}from"./hooks/useWizard/useWizard.js";export{getElementColor}from"./types/Colors.js";
+import"@vibe/style/dist/index.min.css";export{default as Accordion}from"./components/Accordion/Accordion/Accordion.js";export{default as AccordionItem}from"./components/Accordion/AccordionItem/AccordionItem.js";export{default as AlertBanner}from"./components/AlertBanner/AlertBanner.js";export{default as AlertBannerButton}from"./components/AlertBanner/AlertBannerButton/AlertBannerButton.js";export{default as AlertBannerLink}from"./components/AlertBanner/AlertBannerLink/AlertBannerLink.js";export{default as AlertBannerText}from"./components/AlertBanner/AlertBannerText/AlertBannerText.js";export{default as AttentionBox}from"./components/AttentionBox/AttentionBox.js";export*from"@vibe/avatar/mockedClassNames";export{default as AvatarGroup}from"./components/AvatarGroup/AvatarGroup.js";export{default as Badge}from"./components/Badge/Badge.js";export{default as BreadcrumbsBar}from"./components/BreadcrumbsBar/BreadcrumbsBar.js";export{default as BreadcrumbItem}from"./components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js";export{default as BreadcrumbMenu}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js";export{default as BreadcrumbMenuItem}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js";export*from"@vibe/button/mockedClassNames";export{ButtonGroup}from"@vibe/button-group/mockedClassNames";export*from"@vibe/checkbox/mockedClassNames";export{default as Chips}from"./components/Chips/Chips.js";export{Clickable,useClickableProps}from"@vibe/clickable/mockedClassNames";export{default as ColorPicker}from"./components/ColorPicker/ColorPicker.js";export{default as ColorPickerContent}from"./components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js";export{default as Combobox}from"./components/Combobox/Combobox.js";export*from"@vibe/counter/mockedClassNames";export{default as DatePicker}from"./components/DatePicker/DatePicker.js";export{Dialog,DialogContentContainer}from"@vibe/dialog/mockedClassNames";export*from"@vibe/divider/mockedClassNames";export{default as Dropdown}from"./components/Dropdown/Dropdown.js";export*from"@vibe/editable/mockedClassNames";export{default as EmptyState}from"./components/EmptyState/EmptyState.js";export{ExpandCollapse}from"@vibe/expand-collapse/mockedClassNames";export*from"@vibe/layout/mockedClassNames";export*from"@vibe/formatted-number/mockedClassNames";export{GridKeyboardNavigationContext,useGridKeyboardNavigationContext}from"./components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";export{Heading,Text}from"@vibe/typography/mockedClassNames";export{default as HiddenText}from"./components/HiddenText/HiddenText.js";export*from"@vibe/icon/mockedClassNames";export*from"@vibe/icon-button/mockedClassNames";export{default as Info}from"./components/Info/Info.js";export*from"@vibe/label/mockedClassNames";export{LayerProvider}from"@vibe/layer/mockedClassNames";export*from"@vibe/link/mockedClassNames";export{default as List}from"./components/List/List.js";export{default as ListItem}from"./components/ListItem/ListItem.js";export{default as ListItemAvatar}from"./components/ListItemAvatar/ListItemAvatar.js";export{default as ListItemIcon}from"./components/ListItemIcon/ListItemIcon.js";export{default as ListTitle}from"./components/ListTitle/ListTitle.js";export*from"@vibe/loader/mockedClassNames";export{default as Menu}from"./components/Menu/Menu/Menu.js";export{default as MenuItem}from"./components/Menu/MenuItem/MenuItem.js";export{default as MenuItemButton}from"./components/Menu/MenuItemButton/MenuItemButton.js";export{default as MenuDivider}from"./components/Menu/MenuDivider/MenuDivider.js";export{default as MenuTitle}from"./components/Menu/MenuTitle/MenuTitle.js";export{default as MenuGridItem}from"./components/Menu/MenuGridItem/MenuGridItem.js";export{default as MenuButton}from"./components/MenuButton/MenuButton.js";export{default as NumberField}from"./components/NumberField/NumberField.js";export{default as ModalFooter}from"./components/Modal/footers/ModalFooter/ModalFooter.js";export{default as ModalFooterWizard}from"./components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js";export{default as ModalBasicLayout}from"./components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js";export{default as ModalMediaLayout}from"./components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js";export{default as ModalSideBySideLayout}from"./components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js";export{default as Modal}from"./components/Modal/Modal/Modal.js";export{default as ModalHeader}from"./components/Modal/ModalHeader/ModalHeader.js";export{default as ModalContent}from"./components/Modal/ModalContent/ModalContent.js";export{default as ModalMedia}from"./components/Modal/ModalMedia/ModalMedia.js";export{default as MultiStepIndicator}from"./components/MultiStepIndicator/MultiStepIndicator.js";export*from"@vibe/progress-bars/mockedClassNames";export*from"@vibe/radio-button/mockedClassNames";export{default as Search}from"./components/Search/Search.js";export{default as SegmentedControl}from"./components/SegmentedControl/SegmentedControl.js";export{default as Skeleton}from"./components/Skeleton/Skeleton.js";export{default as Slider}from"./components/Slider/Slider.js";export{default as SplitButton}from"./components/SplitButton/SplitButton.js";export{default as SplitButtonMenu}from"./components/SplitButton/SplitButtonMenu/SplitButtonMenu.js";export{default as Steps}from"./components/Steps/Steps.js";export{default as Table}from"./components/Table/Table/Table.js";export{default as TableContainer}from"./components/Table/TableContainer/TableContainer.js";export{default as TableHeader}from"./components/Table/TableHeader/TableHeader.js";export{default as TableHeaderCell}from"./components/Table/TableHeaderCell/TableHeaderCell.js";export{default as TableBody}from"./components/Table/TableBody/TableBody.js";export{default as TableVirtualizedBody}from"./components/Table/TableVirtualizedBody/TableVirtualizedBody.js";export{default as TableRow}from"./components/Table/TableRow/TableRow.js";export{default as TableRowMenu}from"./components/Table/TableRowMenu/TableRowMenu.js";export{default as TableCell}from"./components/Table/TableCell/TableCell.js";export{default as Tab}from"./components/Tabs/Tab/Tab.js";export{default as TabList}from"./components/Tabs/TabList/TabList.js";export{default as TabPanel}from"./components/Tabs/TabPanel/TabPanel.js";export{default as TabsContext}from"./components/Tabs/TabsContext/TabsContext.js";export{default as TabPanels}from"./components/Tabs/TabPanels/TabPanels.js";export{default as TextArea}from"./components/TextArea/TextArea.js";export{default as TextField}from"./components/TextField/TextField.js";export{default as TextWithHighlight}from"./components/TextWithHighlight/TextWithHighlight.js";export{default as ThemeProvider}from"./components/ThemeProvider/ThemeProvider.js";export{default as Tipseen}from"./components/Tipseen/Tipseen.js";export{default as TipseenContent}from"./components/Tipseen/TipseenContent.js";export{default as TipseenWizard}from"./components/Tipseen/TipseenWizard.js";export{default as TipseenMedia}from"./components/Tipseen/TipseenMedia/TipseenMedia.js";export{default as Toast}from"./components/Toast/Toast.js";export{default as ToastButton}from"./components/Toast/ToastButton/ToastButton.js";export{default as ToastLink}from"./components/Toast/ToastLink/ToastLink.js";export{default as Toggle}from"./components/Toggle/Toggle.js";export{Tooltip}from"@vibe/tooltip/mockedClassNames";export{default as TransitionView}from"./components/TransitionView/TransitionView.js";export{default as VirtualizedGrid}from"./components/VirtualizedGrid/VirtualizedGrid.js";export{default as VirtualizedList}from"./components/VirtualizedList/VirtualizedList.js";export{default as ColorUtils}from"./utils/colors-utils.js";export{useEventListener,useKeyEvent}from"@vibe/shared";export{default as useDebounceEvent}from"./hooks/useDebounceEvent/index.js";export{useAfterFirstRender,useClickOutside,useIsOverflowing,usePrevious,useResizeObserver}from"@vibe/hooks";export{default as useTimeout}from"./hooks/useTimeout/index.js";export{default as useSetFocus}from"./hooks/useSetFocus/index.js";export{default as useIsMouseOver}from"./hooks/useIsMouseOver.js";export{default as useHover}from"./hooks/useHover/useHover.js";export{default as useGridKeyboardNavigation}from"./hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";export{default as useActiveDescendantListFocus}from"./hooks/useActiveDescendantListFocus/index.js";export{useMediaQuery}from"./hooks/useMediaQuery/index.js";export{default as useVibeMediaQuery}from"./hooks/useVibeMediaQuery/index.js";export{default as useSwitch}from"./hooks/useSwitch/index.js";export{default as useElementsOverflowingIndex}from"./hooks/useElementsOverflowingIndex.js";export{default as useWizard}from"./hooks/useWizard/useWizard.js";export{MapOnSurfaceTextColor,getElementColor,getOnSurfaceTextColor,isSemanticElementColor}from"./types/Colors.js";
 //# sourceMappingURL=index.js.map

package/dist/mocked_classnames/src/types/Colors.js

@@ -1,2 +1,2 @@
-import{contentColors as e}from"../utils/colors-vars-map.js";var o={positive:"--surface-positive-color",negative:"--surface-negative-color",primary:"--ui-background-color",warning:"--surface-warning-color",info:"--surface-primary-color",neutral:"--surface-primary-color"},r={positive:"--positive-color-selected-hover",negative:"--negative-color-selected-hover",primary:"--ui-background-hover-color",warning:"--warning-color-selected-hover",info:"--info-color-selected-hover",neutral:"--info-color-selected-hover"};function c(c){var i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],a=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return e.includes(c)?"var(--color-".concat(c).concat(i?"-selected":"",")"):Object.keys(r).includes(c)&&a?"var(".concat(r[c],")"):Object.keys(o).includes(c)&&i?"var(".concat(o[c],")"):c}export{c as getElementColor};
+import{contentColors as e}from"../utils/colors-vars-map.js";var r={positive:"--surface-positive",negative:"--surface-negative",primary:"--surface-primary",warning:"--surface-warning",info:"--surface-info",neutral:"--surface-neutral"},n={positive:"--positive-color-selected-hover",negative:"--negative-color-selected-hover",primary:"--ui-background-hover-color",warning:"--warning-color-selected-hover",info:"--info-color-selected-hover",neutral:"--ui-background-hover-color"},o={positive:"--text-on-surface-positive",negative:"--text-on-surface-negative",primary:"--text-on-surface-primary",warning:"--text-on-surface-warning",info:"--text-on-surface-info",neutral:"--text-on-surface-neutral"};function t(o){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return e.includes(o)?"var(--color-".concat(o).concat(t?"-selected":"",")"):Object.keys(n).includes(o)&&i?"var(".concat(n[o],")"):Object.keys(r).includes(o)&&t?"var(".concat(r[o],")"):o}function i(e){return Object.keys(r).includes(e)}function a(e){if(Object.keys(o).includes(e))return"var(".concat(o[e],")")}export{o as MapOnSurfaceTextColor,t as getElementColor,a as getOnSurfaceTextColor,i as isSemanticElementColor};
 //# sourceMappingURL=Colors.js.map

package/dist/mocked_classnames/src/types/Colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"Colors.js","sources":["../../../../src/types/Colors.ts"],"sourcesContent":["import { contentColors } from \"../utils/colors-vars-map\";\n\nconst MapStateSelectedColor = {\n  positive: \"--surface-positive-color\",\n  negative: \"--surface-negative-color\",\n  primary: \"--ui-background-color\",\n  warning: \"--surface-warning-color\",\n  info: \"--surface-primary-color\",\n  /** @deprecated Use `info` instead */\n  neutral: \"--surface-primary-color\"\n};\n\nconst MapStateSelectedHoverColor = {\n  positive: \"--positive-color-selected-hover\",\n  negative: \"--negative-color-selected-hover\",\n  primary: \"--ui-background-hover-color\",\n  warning: \"--warning-color-selected-hover\",\n  info: \"--info-color-selected-hover\",\n  /** @deprecated Use `info` instead */\n  neutral: \"--info-color-selected-hover\"\n};\n\ntype ContentColor = (typeof contentColors)[number];\ntype StateSelectedColorKeys = keyof typeof MapStateSelectedColor;\ntype StateSelectedHoverColorKeys = keyof typeof MapStateSelectedHoverColor;\n\nexport type ElementAllowedColor =\n  | ContentColor\n  | \"positive\"\n  | \"negative\"\n  | \"primary\"\n  | \"warning\"\n  | \"info\"\n  | \"neutral\";\n\nexport function getElementColor(\n  colorValue: ContentColor | StateSelectedColorKeys | StateSelectedHoverColorKeys,\n  isSelectedPalette = false,\n  isSelectedHoverPalette = false\n): string {\n  if (contentColors.includes(colorValue as ContentColor)) {\n    return `var(--color-${colorValue}${isSelectedPalette ? \"-selected\" : \"\"})`;\n  }\n  if (\n    Object.keys(MapStateSelectedHoverColor).includes(colorValue as StateSelectedHoverColorKeys) &&\n    isSelectedHoverPalette\n  ) {\n    return `var(${MapStateSelectedHoverColor[colorValue as StateSelectedHoverColorKeys]})`;\n  }\n  if (Object.keys(MapStateSelectedColor).includes(colorValue as StateSelectedColorKeys) && isSelectedPalette) {\n    return `var(${MapStateSelectedColor[colorValue as StateSelectedColorKeys]})`;\n  }\n  return colorValue;\n}\n\nexport type ColorStyle = \"regular\" | \"hover\" | \"selected\";\n"],"names":["MapStateSelectedColor","positive","negative","primary","warning","info","neutral","MapStateSelectedHoverColor","getElementColor","colorValue","isSelectedPalette","arguments","length","undefined","isSelectedHoverPalette","contentColors","includes","concat","Object","keys"],"mappings":"4DAEA,IAAMA,EAAwB,CAC5BC,SAAU,2BACVC,SAAU,2BACVC,QAAS,wBACTC,QAAS,0BACTC,KAAM,0BAENC,QAAS,2BAGLC,EAA6B,CACjCN,SAAU,kCACVC,SAAU,kCACVC,QAAS,8BACTC,QAAS,iCACTC,KAAM,8BAENC,QAAS,+BAgBL,SAAUE,EACdC,GAE8B,IAD9BC,EAAiBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GACjBG,EAAsBH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAEtB,OAAII,EAAcC,SAASP,GACzBQ,eAAAA,OAAsBR,GAAUQ,OAAGP,EAAoB,YAAc,GAAE,KAGvEQ,OAAOC,KAAKZ,GAA4BS,SAASP,IACjDK,EAEA,OAAAG,OAAcV,EAA2BE,GAA0C,KAEjFS,OAAOC,KAAKnB,GAAuBgB,SAASP,IAAyCC,EACvF,OAAAO,OAAcjB,EAAsBS,GAAqC,KAEpEA,CACT"}
+{"version":3,"file":"Colors.js","sources":["../../../../src/types/Colors.ts"],"sourcesContent":["import { contentColors } from \"../utils/colors-vars-map\";\n\nconst MapStateSelectedColor = {\n  positive: \"--surface-positive\",\n  negative: \"--surface-negative\",\n  primary: \"--surface-primary\",\n  warning: \"--surface-warning\",\n  info: \"--surface-info\",\n  neutral: \"--surface-neutral\"\n};\n\nconst MapStateSelectedHoverColor = {\n  positive: \"--positive-color-selected-hover\",\n  negative: \"--negative-color-selected-hover\",\n  primary: \"--ui-background-hover-color\",\n  warning: \"--warning-color-selected-hover\",\n  info: \"--info-color-selected-hover\",\n  neutral: \"--ui-background-hover-color\"\n};\n\n/** Text colour paired with each semantic surface. */\nexport const MapOnSurfaceTextColor = {\n  positive: \"--text-on-surface-positive\",\n  negative: \"--text-on-surface-negative\",\n  primary: \"--text-on-surface-primary\",\n  warning: \"--text-on-surface-warning\",\n  info: \"--text-on-surface-info\",\n  neutral: \"--text-on-surface-neutral\"\n};\n\ntype ContentColor = (typeof contentColors)[number];\ntype StateSelectedColorKeys = keyof typeof MapStateSelectedColor;\ntype StateSelectedHoverColorKeys = keyof typeof MapStateSelectedHoverColor;\n\nexport type ElementAllowedColor =\n  | ContentColor\n  | \"positive\"\n  | \"negative\"\n  | \"primary\"\n  | \"warning\"\n  | \"info\"\n  | \"neutral\";\n\nexport function getElementColor(\n  colorValue: ContentColor | StateSelectedColorKeys | StateSelectedHoverColorKeys,\n  isSelectedPalette = false,\n  isSelectedHoverPalette = false\n): string {\n  if (contentColors.includes(colorValue as ContentColor)) {\n    return `var(--color-${colorValue}${isSelectedPalette ? \"-selected\" : \"\"})`;\n  }\n  if (\n    Object.keys(MapStateSelectedHoverColor).includes(colorValue as StateSelectedHoverColorKeys) &&\n    isSelectedHoverPalette\n  ) {\n    return `var(${MapStateSelectedHoverColor[colorValue as StateSelectedHoverColorKeys]})`;\n  }\n  if (Object.keys(MapStateSelectedColor).includes(colorValue as StateSelectedColorKeys) && isSelectedPalette) {\n    return `var(${MapStateSelectedColor[colorValue as StateSelectedColorKeys]})`;\n  }\n  return colorValue;\n}\n\n/** True for the semantic colors (which have a surface), false for content colors. */\nexport function isSemanticElementColor(colorValue: string): colorValue is StateSelectedColorKeys {\n  return Object.keys(MapStateSelectedColor).includes(colorValue);\n}\n\n/**\n * Text colour that pairs with a semantic surface. Returns `undefined` for content\n * colors, which have no on-surface pairing and keep the default text colour.\n */\nexport function getOnSurfaceTextColor(colorValue: string): string | undefined {\n  if (Object.keys(MapOnSurfaceTextColor).includes(colorValue)) {\n    return `var(${MapOnSurfaceTextColor[colorValue as keyof typeof MapOnSurfaceTextColor]})`;\n  }\n  return undefined;\n}\n\nexport type ColorStyle = \"regular\" | \"hover\" | \"selected\";\n"],"names":["MapStateSelectedColor","positive","negative","primary","warning","info","neutral","MapStateSelectedHoverColor","MapOnSurfaceTextColor","getElementColor","colorValue","isSelectedPalette","arguments","length","undefined","isSelectedHoverPalette","contentColors","includes","concat","Object","keys","isSemanticElementColor","getOnSurfaceTextColor"],"mappings":"4DAEA,IAAMA,EAAwB,CAC5BC,SAAU,qBACVC,SAAU,qBACVC,QAAS,oBACTC,QAAS,oBACTC,KAAM,iBACNC,QAAS,qBAGLC,EAA6B,CACjCN,SAAU,kCACVC,SAAU,kCACVC,QAAS,8BACTC,QAAS,iCACTC,KAAM,8BACNC,QAAS,+BAIEE,EAAwB,CACnCP,SAAU,6BACVC,SAAU,6BACVC,QAAS,4BACTC,QAAS,4BACTC,KAAM,yBACNC,QAAS,6BAgBL,SAAUG,EACdC,GAE8B,IAD9BC,EAAiBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GACjBG,EAAsBH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAEtB,OAAII,EAAcC,SAASP,GACzBQ,eAAAA,OAAsBR,GAAUQ,OAAGP,EAAoB,YAAc,GAAE,KAGvEQ,OAAOC,KAAKb,GAA4BU,SAASP,IACjDK,EAEA,OAAAG,OAAcX,EAA2BG,GAA0C,KAEjFS,OAAOC,KAAKpB,GAAuBiB,SAASP,IAAyCC,EACvF,OAAAO,OAAclB,EAAsBU,GAAqC,KAEpEA,CACT,CAGM,SAAUW,EAAuBX,GACrC,OAAOS,OAAOC,KAAKpB,GAAuBiB,SAASP,EACrD,CAMM,SAAUY,EAAsBZ,GACpC,GAAIS,OAAOC,KAAKZ,GAAuBS,SAASP,GAC9C,MAAA,OAAAQ,OAAcV,EAAsBE,GAAiD,IAGzF"}

package/dist/mocked_classnames/src/utils/colors-vars-map.js

@@ -1,2 +1,2 @@
-var o=[{color:"--primary-color",description:"Use to emphasise main ui components"},{color:"--primary-on-secondary-color",description:"Use to emphasise main ui components on secondary background color"},{color:"--primary-hover-color",description:"Use only as a hover on primary color"},{color:"--primary-hover-on-secondary-color",description:"Use only as a hover on primary color on secondary background color"},{color:"--primary-selected-color",description:"Use to indicate selected state of primary items"},{color:"--primary-selected-hover-color",description:"Use to indicate hover state on a primary-selected-color items"},{color:"--primary-highlighted-color",description:"Use this to indicate highlighted components of primary items"},{color:"--primary-surface-color",description:"Use this as the surface of the main layout appearance"},{color:"--primary-selected-on-secondary-color",description:"Use to indicate selected state of primary items on secondary background color"},{color:"--primary-text-color",description:"Use for default text color"},{color:"--primary-text-on-secondary-color",description:"Use for default text color on secondary background color"},{color:"--secondary-text-color",description:"Use when you need text with lesser importance"},{color:"--secondary-text-on-secondary-color",description:"Use when you need text with lesser importance (on secondary background color)"},{color:"--primary-background-hover-color",description:"Use as hover color"},{color:"--primary-background-hover-on-secondary-color",description:"Use as hover color on secondary color"},{color:"--inverted-color-background",description:"Inverted background color (opposite of primary background color)"},{color:"--text-color-on-inverted",description:"Inverted text color (opposite of primary text color)"},{color:"--text-color-on-primary",description:"Use for text on primary color"},{color:"--fixed-light-color",description:"Use as color that should remain light in all themes"},{color:"--fixed-dark-color",description:"Use as color that should remain dark in all themes"},{color:"--positive-color",description:"Use to indicate a positive action/state (success, completion, approval...)"},{color:"--positive-color-hover",description:"Use only as hover color on positive color"},{color:"--positive-color-selected",description:"Use only as selected indication for a positive colors"},{color:"--positive-color-selected-hover",description:"Use to indicate hover state on a positive-color-selected items"},{color:"--negative-color",description:"Use to indicate a negative action/state (delete, error...)"},{color:"--negative-color-hover",description:"Use only as hover color on negative color"},{color:"--negative-color-selected",description:"Use as selected indication for negative colors"},{color:"--negative-color-selected-hover",description:"Use to indicate hover state on a negative-selected items"},{color:"--warning-color",description:"Use to indicate a warning action/state (severity, alert, caution...)"},{color:"--warning-color-hover",description:"Use only as hover color on warning color"},{color:"--warning-color-selected",description:"Use as selected indication for warning colors"},{color:"--warning-color-selected-hover",description:"Use to indicate hover state on a warning-selected items"},{color:"--ui-border-color",description:"Border color for ui elements and components (Button, Input...)"},{color:"--ui-border-on-secondary-color",description:"Border color for ui elements on secondary color"},{color:"--layout-border-color",description:"Border color for general layout and separators (Leftpane, Menu Divider...)"},{color:"--layout-border-on-secondary-color",description:"Border color for general layout on secondary background color"},{color:"--placeholder-color",description:"Use for placeholder text in inputs fields"},{color:"--placeholder-on-secondary-color",description:"Use for placeholder text in inputs fields on secondary background color"},{color:"--icon-color",description:"Default color for icons"},{color:"--icon-on-secondary-color",description:"Default color for icons on secondary background color"},{color:"--disabled-background-color",description:"Use as background for disabled elements (ui hovers or elements)"},{color:"--disabled-text-color",description:"Use as text in disabled components"},{color:"--disabled-background-on-secondary-color",description:"Use as background for disabled elements on secondary background"},{color:"--disabled-text-on-secondary-color",description:"Use as text in disabled components on secondary background color"},{color:"--link-color",description:"Use only for links"},{color:"--link-on-secondary-color",description:"Use only for links on secondary colors"},{color:"--primary-background-color",description:"Primary background color"},{color:"--secondary-background-color",description:"Secondary background color"},{color:"--grey-background-color",description:"Grey background color"},{color:"--allgrey-background-color",description:"Grey background color, stays grey in dark and black themes"},{color:"--ui-background-color",description:"Background color for UI elements and components"}];o.reduce((function(o,r){var e=r.color.substring(2);return o.set(e,r.description),o}),new Map);var r,e,c,i,n=["grass_green","done-green","bright-green","saladish","egg_yolk","working_orange","dark-orange","peach","sunset","stuck-red","dark-red","sofia_pink","lipstick","bubble","purple","dark_purple","berry","dark_indigo","indigo","navy","bright-blue","dark-blue","aquamarine","chili-blue","river","winter","explosive","american_gray","blackish","brown","orchid","tan","sky","coffee","royal","teal","lavender","steel","lilac","pecan"];!function(o){o.REGULAR="regular",o.HOVER="hover",o.SELECTED="selected"}(r||(r={})),function(o){o.GRASS_GREEN="grass_green",o.DONE_GREEN="done-green",o.BRIGHT_GREEN="bright-green",o.SALADISH="saladish",o.EGG_YOLK="egg_yolk",o.WORKING_ORANGE="working_orange",o.DARK_ORANGE="dark-orange",o.PEACH="peach",o.SUNSET="sunset",o.STUCK_RED="stuck-red",o.DARK_RED="dark-red",o.SOFIA_PINK="sofia_pink",o.LIPSTICK="lipstick",o.BUBBLE="bubble",o.PURPLE="purple",o.DARK_PURPLE="dark_purple",o.BERRY="berry",o.DARK_INDIGO="dark_indigo",o.INDIGO="indigo",o.NAVY="navy",o.BRIGHT_BLUE="bright-blue",o.DARK_BLUE="dark-blue",o.AQUAMARINE="aquamarine",o.CHILI_BLUE="chili-blue",o.RIVER="river",o.WINTER="winter",o.EXPLOSIVE="explosive",o.AMERICAN_GRAY="american_gray",o.BLACKISH="blackish",o.BROWN="brown",o.ORCHID="orchid",o.TAN="tan",o.SKY="sky",o.COFFEE="coffee",o.ROYAL="royal",o.TEAL="teal",o.LAVENDER="lavender",o.STEEL="steel",o.LILAC="lilac",o.PECAN="pecan"}(e||(e={})),function(o){o.POSITIVE="positive",o.NEGATIVE="negative",o.PRIMARY="primary",o.WARNING="warning",o.INFO="info",o.NEUTRAL="neutral"}(c||(c={})),function(o){o.POSITIVE="positive",o.NEGATIVE="negative",o.PRIMARY="primary",o.INFO="info",o.NEUTRAL="neutral"}(i||(i={}));var a=Object.assign(Object.assign(Object.assign({},e),c),i);Object.values(a).reduce((function(o,r){return o[r]=r,o}),{});export{r as ColorStyle,e as ContentColorByName,a as ElementAllowedColor,c as StateSelectedColor,i as StateSelectedHoverColor,o as colorsMap,n as contentColors};
+var o=[{color:"--primary-color",description:"Use to emphasise main ui components"},{color:"--primary-on-secondary-color",description:"Use to emphasise main ui components on secondary background color"},{color:"--primary-hover-color",description:"Use only as a hover on primary color"},{color:"--primary-hover-on-secondary-color",description:"Use only as a hover on primary color on secondary background color"},{color:"--primary-selected-color",description:"Use to indicate selected state of primary items"},{color:"--primary-selected-hover-color",description:"Use to indicate hover state on a primary-selected-color items"},{color:"--primary-highlighted-color",description:"Use this to indicate highlighted components of primary items"},{color:"--primary-surface-color",description:"Use this as the surface of the main layout appearance"},{color:"--primary-selected-on-secondary-color",description:"Use to indicate selected state of primary items on secondary background color"},{color:"--primary-text-color",description:"Use for default text color"},{color:"--primary-text-on-secondary-color",description:"Use for default text color on secondary background color"},{color:"--secondary-text-color",description:"Use when you need text with lesser importance"},{color:"--secondary-text-on-secondary-color",description:"Use when you need text with lesser importance (on secondary background color)"},{color:"--primary-background-hover-color",description:"Use as hover color"},{color:"--primary-background-hover-on-secondary-color",description:"Use as hover color on secondary color"},{color:"--inverted-color-background",description:"Inverted background color (opposite of primary background color)"},{color:"--text-color-on-inverted",description:"Inverted text color (opposite of primary text color)"},{color:"--text-color-on-primary",description:"Use for text on primary color"},{color:"--fixed-light-color",description:"Use as color that should remain light in all themes"},{color:"--fixed-dark-color",description:"Use as color that should remain dark in all themes"},{color:"--positive-color",description:"Use to indicate a positive action/state (success, completion, approval...)"},{color:"--positive-color-hover",description:"Use only as hover color on positive color"},{color:"--positive-color-selected",description:"Use only as selected indication for a positive colors"},{color:"--positive-color-selected-hover",description:"Use to indicate hover state on a positive-color-selected items"},{color:"--negative-color",description:"Use to indicate a negative action/state (delete, error...)"},{color:"--negative-color-hover",description:"Use only as hover color on negative color"},{color:"--negative-color-selected",description:"Use as selected indication for negative colors"},{color:"--negative-color-selected-hover",description:"Use to indicate hover state on a negative-selected items"},{color:"--warning-color",description:"Use to indicate a warning action/state (severity, alert, caution...)"},{color:"--warning-color-hover",description:"Use only as hover color on warning color"},{color:"--warning-color-selected",description:"Use as selected indication for warning colors"},{color:"--warning-color-selected-hover",description:"Use to indicate hover state on a warning-selected items"},{color:"--info-color",description:"Use to indicate an informational action/state; stays blue when the brand primary does not"},{color:"--surface-primary",description:"Tinted surface for primary/brand semantics (Chips, Label, AttentionBox)"},{color:"--surface-positive",description:"Tinted surface for positive semantics"},{color:"--surface-negative",description:"Tinted surface for negative semantics"},{color:"--surface-warning",description:"Tinted surface for warning semantics"},{color:"--surface-neutral",description:"Tinted surface for neutral semantics"},{color:"--surface-info",description:"Tinted surface for informational semantics"},{color:"--text-on-surface-primary",description:"Text and icon color on --surface-primary"},{color:"--text-on-surface-positive",description:"Text and icon color on --surface-positive"},{color:"--text-on-surface-negative",description:"Text and icon color on --surface-negative"},{color:"--text-on-surface-warning",description:"Text and icon color on --surface-warning"},{color:"--text-on-surface-neutral",description:"Text and icon color on --surface-neutral"},{color:"--text-on-surface-info",description:"Text and icon color on --surface-info"},{color:"--ui-border-color",description:"Border color for ui elements and components (Button, Input...)"},{color:"--ui-border-on-secondary-color",description:"Border color for ui elements on secondary color"},{color:"--layout-border-color",description:"Border color for general layout and separators (Leftpane, Menu Divider...)"},{color:"--layout-border-on-secondary-color",description:"Border color for general layout on secondary background color"},{color:"--placeholder-color",description:"Use for placeholder text in inputs fields"},{color:"--placeholder-on-secondary-color",description:"Use for placeholder text in inputs fields on secondary background color"},{color:"--icon-color",description:"Default color for icons"},{color:"--icon-on-secondary-color",description:"Default color for icons on secondary background color"},{color:"--disabled-background-color",description:"Use as background for disabled elements (ui hovers or elements)"},{color:"--disabled-text-color",description:"Use as text in disabled components"},{color:"--disabled-background-on-secondary-color",description:"Use as background for disabled elements on secondary background"},{color:"--disabled-text-on-secondary-color",description:"Use as text in disabled components on secondary background color"},{color:"--link-color",description:"Use only for links"},{color:"--link-on-secondary-color",description:"Use only for links on secondary colors"},{color:"--primary-background-color",description:"Primary background color"},{color:"--secondary-background-color",description:"Secondary background color"},{color:"--grey-background-color",description:"Grey background color"},{color:"--allgrey-background-color",description:"Grey background color, stays grey in dark and black themes"},{color:"--ui-background-color",description:"Background color for UI elements and components"}];o.reduce((function(o,r){var e=r.color.substring(2);return o.set(e,r.description),o}),new Map);var r,e,c,n,i=["grass_green","done-green","bright-green","saladish","egg_yolk","working_orange","dark-orange","peach","sunset","stuck-red","dark-red","sofia_pink","lipstick","bubble","purple","dark_purple","berry","dark_indigo","indigo","navy","bright-blue","dark-blue","aquamarine","chili-blue","river","winter","explosive","american_gray","blackish","brown","orchid","tan","sky","coffee","royal","teal","lavender","steel","lilac","pecan"];!function(o){o.REGULAR="regular",o.HOVER="hover",o.SELECTED="selected"}(r||(r={})),function(o){o.GRASS_GREEN="grass_green",o.DONE_GREEN="done-green",o.BRIGHT_GREEN="bright-green",o.SALADISH="saladish",o.EGG_YOLK="egg_yolk",o.WORKING_ORANGE="working_orange",o.DARK_ORANGE="dark-orange",o.PEACH="peach",o.SUNSET="sunset",o.STUCK_RED="stuck-red",o.DARK_RED="dark-red",o.SOFIA_PINK="sofia_pink",o.LIPSTICK="lipstick",o.BUBBLE="bubble",o.PURPLE="purple",o.DARK_PURPLE="dark_purple",o.BERRY="berry",o.DARK_INDIGO="dark_indigo",o.INDIGO="indigo",o.NAVY="navy",o.BRIGHT_BLUE="bright-blue",o.DARK_BLUE="dark-blue",o.AQUAMARINE="aquamarine",o.CHILI_BLUE="chili-blue",o.RIVER="river",o.WINTER="winter",o.EXPLOSIVE="explosive",o.AMERICAN_GRAY="american_gray",o.BLACKISH="blackish",o.BROWN="brown",o.ORCHID="orchid",o.TAN="tan",o.SKY="sky",o.COFFEE="coffee",o.ROYAL="royal",o.TEAL="teal",o.LAVENDER="lavender",o.STEEL="steel",o.LILAC="lilac",o.PECAN="pecan"}(e||(e={})),function(o){o.POSITIVE="positive",o.NEGATIVE="negative",o.PRIMARY="primary",o.WARNING="warning",o.INFO="info",o.NEUTRAL="neutral"}(c||(c={})),function(o){o.POSITIVE="positive",o.NEGATIVE="negative",o.PRIMARY="primary",o.INFO="info",o.NEUTRAL="neutral"}(n||(n={}));var t=Object.assign(Object.assign(Object.assign({},e),c),n);Object.values(t).reduce((function(o,r){return o[r]=r,o}),{});export{r as ColorStyle,e as ContentColorByName,t as ElementAllowedColor,c as StateSelectedColor,n as StateSelectedHoverColor,o as colorsMap,i as contentColors};
 //# sourceMappingURL=colors-vars-map.js.map

package/dist/mocked_classnames/src/utils/colors-vars-map.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors-vars-map.js","sources":["../../../../src/utils/colors-vars-map.ts"],"sourcesContent":["export const colorsMap = [\n  { color: \"--primary-color\", description: \"Use to emphasise main ui components\" },\n  {\n    color: \"--primary-on-secondary-color\",\n    description: \"Use to emphasise main ui components on secondary background color\"\n  },\n  { color: \"--primary-hover-color\", description: \"Use only as a hover on primary color\" },\n  {\n    color: \"--primary-hover-on-secondary-color\",\n    description: \"Use only as a hover on primary color on secondary background color\"\n  },\n  { color: \"--primary-selected-color\", description: \"Use to indicate selected state of primary items\" },\n  {\n    color: \"--primary-selected-hover-color\",\n    description: \"Use to indicate hover state on a primary-selected-color items\"\n  },\n  {\n    color: \"--primary-highlighted-color\",\n    description: \"Use this to indicate highlighted components of primary items\"\n  },\n  {\n    color: \"--primary-surface-color\",\n    description: \"Use this as the surface of the main layout appearance\"\n  },\n  {\n    color: \"--primary-selected-on-secondary-color\",\n    description: \"Use to indicate selected state of primary items on secondary background color\"\n  },\n  { color: \"--primary-text-color\", description: \"Use for default text color\" },\n  {\n    color: \"--primary-text-on-secondary-color\",\n    description: \"Use for default text color on secondary background color\"\n  },\n  { color: \"--secondary-text-color\", description: \"Use when you need text with lesser importance\" },\n  {\n    color: \"--secondary-text-on-secondary-color\",\n    description: \"Use when you need text with lesser importance (on secondary background color)\"\n  },\n  { color: \"--primary-background-hover-color\", description: \"Use as hover color\" },\n  { color: \"--primary-background-hover-on-secondary-color\", description: \"Use as hover color on secondary color\" },\n  {\n    color: \"--inverted-color-background\",\n    description: \"Inverted background color (opposite of primary background color)\"\n  },\n  { color: \"--text-color-on-inverted\", description: \"Inverted text color (opposite of primary text color)\" },\n  { color: \"--text-color-on-primary\", description: \"Use for text on primary color\" },\n  { color: \"--fixed-light-color\", description: \"Use as color that should remain light in all themes\" },\n  { color: \"--fixed-dark-color\", description: \"Use as color that should remain dark in all themes\" },\n  // states\n  {\n    color: \"--positive-color\",\n    description: \"Use to indicate a positive action/state (success, completion, approval...)\"\n  },\n  { color: \"--positive-color-hover\", description: \"Use only as hover color on positive color\" },\n  { color: \"--positive-color-selected\", description: \"Use only as selected indication for a positive colors\" },\n  {\n    color: \"--positive-color-selected-hover\",\n    description: \"Use to indicate hover state on a positive-color-selected items\"\n  },\n  {\n    color: \"--negative-color\",\n    description: \"Use to indicate a negative action/state (delete, error...)\"\n  },\n  { color: \"--negative-color-hover\", description: \"Use only as hover color on negative color\" },\n  { color: \"--negative-color-selected\", description: \"Use as selected indication for negative colors\" },\n  {\n    color: \"--negative-color-selected-hover\",\n    description: \"Use to indicate hover state on a negative-selected items\"\n  },\n  {\n    color: \"--warning-color\",\n    description: \"Use to indicate a warning action/state (severity, alert, caution...)\"\n  },\n  { color: \"--warning-color-hover\", description: \"Use only as hover color on warning color\" },\n  { color: \"--warning-color-selected\", description: \"Use as selected indication for warning colors\" },\n  {\n    color: \"--warning-color-selected-hover\",\n    description: \"Use to indicate hover state on a warning-selected items\"\n  },\n  // borders\n  { color: \"--ui-border-color\", description: \"Border color for ui elements and components (Button, Input...)\" },\n  { color: \"--ui-border-on-secondary-color\", description: \"Border color for ui elements on secondary color\" },\n  {\n    color: \"--layout-border-color\",\n    description: \"Border color for general layout and separators (Leftpane, Menu Divider...)\"\n  },\n  {\n    color: \"--layout-border-on-secondary-color\",\n    description: \"Border color for general layout on secondary background color\"\n  },\n  { color: \"--placeholder-color\", description: \"Use for placeholder text in inputs fields\" },\n  {\n    color: \"--placeholder-on-secondary-color\",\n    description: \"Use for placeholder text in inputs fields on secondary background color\"\n  },\n  { color: \"--icon-color\", description: \"Default color for icons\" },\n  { color: \"--icon-on-secondary-color\", description: \"Default color for icons on secondary background color\" },\n  // disabled\n  {\n    color: \"--disabled-background-color\",\n    description: \"Use as background for disabled elements (ui hovers or elements)\"\n  },\n  { color: \"--disabled-text-color\", description: \"Use as text in disabled components\" },\n  {\n    color: \"--disabled-background-on-secondary-color\",\n    description: \"Use as background for disabled elements on secondary background\"\n  },\n  {\n    color: \"--disabled-text-on-secondary-color\",\n    description: \"Use as text in disabled components on secondary background color\"\n  },\n  // Link\n  { color: \"--link-color\", description: \"Use only for links\" },\n  { color: \"--link-on-secondary-color\", description: \"Use only for links on secondary colors\" },\n  // Backgrounds\n  { color: \"--primary-background-color\", description: \"Primary background color\" },\n  { color: \"--secondary-background-color\", description: \"Secondary background color\" },\n  { color: \"--grey-background-color\", description: \"Grey background color\" },\n  { color: \"--allgrey-background-color\", description: \"Grey background color, stays grey in dark and black themes\" },\n  { color: \"--ui-background-color\", description: \"Background color for UI elements and components\" }\n];\n\nexport const colorsHashMap = colorsMap.reduce((map, current) => {\n  const newColorName = current.color.substring(2);\n  map.set(newColorName, current.description);\n  return map;\n}, new Map());\n\nexport const contentColors = [\n  \"grass_green\",\n  \"done-green\",\n  \"bright-green\",\n  \"saladish\",\n  \"egg_yolk\",\n  \"working_orange\",\n  \"dark-orange\",\n  \"peach\",\n  \"sunset\",\n  \"stuck-red\",\n  \"dark-red\",\n  \"sofia_pink\",\n  \"lipstick\",\n  \"bubble\",\n  \"purple\",\n  \"dark_purple\",\n  \"berry\",\n  \"dark_indigo\",\n  \"indigo\",\n  \"navy\",\n  \"bright-blue\",\n  \"dark-blue\",\n  \"aquamarine\",\n  \"chili-blue\",\n  \"river\",\n  \"winter\",\n  \"explosive\",\n  \"american_gray\",\n  \"blackish\",\n  \"brown\",\n  \"orchid\",\n  \"tan\",\n  \"sky\",\n  \"coffee\",\n  \"royal\",\n  \"teal\",\n  \"lavender\",\n  \"steel\",\n  \"lilac\",\n  \"pecan\"\n] as const;\n\nexport type CONTENT_COLORS_VALUES = (typeof contentColors)[number];\n\n/**\n * @deprecated\n */\nexport enum ColorStyle {\n  REGULAR = \"regular\",\n  HOVER = \"hover\",\n  SELECTED = \"selected\"\n}\n\nexport enum ContentColorByName {\n  GRASS_GREEN = \"grass_green\",\n  DONE_GREEN = \"done-green\",\n  BRIGHT_GREEN = \"bright-green\",\n  SALADISH = \"saladish\",\n  EGG_YOLK = \"egg_yolk\",\n  WORKING_ORANGE = \"working_orange\",\n  DARK_ORANGE = \"dark-orange\",\n  PEACH = \"peach\",\n  SUNSET = \"sunset\",\n  STUCK_RED = \"stuck-red\",\n  DARK_RED = \"dark-red\",\n  SOFIA_PINK = \"sofia_pink\",\n  LIPSTICK = \"lipstick\",\n  BUBBLE = \"bubble\",\n  PURPLE = \"purple\",\n  DARK_PURPLE = \"dark_purple\",\n  BERRY = \"berry\",\n  DARK_INDIGO = \"dark_indigo\",\n  INDIGO = \"indigo\",\n  NAVY = \"navy\",\n  BRIGHT_BLUE = \"bright-blue\",\n  DARK_BLUE = \"dark-blue\",\n  AQUAMARINE = \"aquamarine\",\n  CHILI_BLUE = \"chili-blue\",\n  RIVER = \"river\",\n  WINTER = \"winter\",\n  EXPLOSIVE = \"explosive\",\n  AMERICAN_GRAY = \"american_gray\",\n  BLACKISH = \"blackish\",\n  BROWN = \"brown\",\n  ORCHID = \"orchid\",\n  TAN = \"tan\",\n  SKY = \"sky\",\n  COFFEE = \"coffee\",\n  ROYAL = \"royal\",\n  TEAL = \"teal\",\n  LAVENDER = \"lavender\",\n  STEEL = \"steel\",\n  LILAC = \"lilac\",\n  PECAN = \"pecan\"\n}\n\n/**\n * @deprecated\n */\nexport enum StateSelectedColor {\n  POSITIVE = \"positive\",\n  NEGATIVE = \"negative\",\n  PRIMARY = \"primary\",\n  WARNING = \"warning\",\n  INFO = \"info\",\n  /** @deprecated Use INFO instead */\n  NEUTRAL = \"neutral\"\n}\n\n/**\n * @deprecated\n */\nexport enum StateSelectedHoverColor {\n  POSITIVE = \"positive\",\n  NEGATIVE = \"negative\",\n  PRIMARY = \"primary\",\n  INFO = \"info\",\n  /** @deprecated Use INFO instead */\n  NEUTRAL = \"neutral\"\n}\n\n/**\n * @deprecated\n */\nexport const ElementAllowedColor = {\n  ...ContentColorByName,\n  ...StateSelectedColor,\n  ...StateSelectedHoverColor\n};\n\n/**\n * @deprecated\n */\nexport type ElementColor = (typeof ElementAllowedColor)[keyof typeof ElementAllowedColor] | string;\n\nexport const elementColorsNames = Object.values(ElementAllowedColor).reduce((acc: Record<string, string>, key) => {\n  acc[key] = key;\n  return acc;\n}, {});\n\nconst getColorKeyByValue = (colorValue: string, colors: Record<string, string>) => {\n  return Object.keys(colors)[Object.values(colors).indexOf(colorValue)];\n};\n\nexport function getElementColor(\n  colorValue: keyof typeof ElementAllowedColor | string,\n  isSelectedPalette = false,\n  isSelectedHoverPalette = false\n): string {\n  const colorKey = getColorKeyByValue(colorValue, ElementAllowedColor);\n  if (!colorKey) {\n    return colorValue;\n  }\n\n  if (ContentColorByName[colorKey as keyof typeof ContentColorByName]) {\n    return `var(--color-${ContentColorByName[colorKey as keyof typeof ContentColorByName]}${\n      isSelectedPalette ? \"-selected\" : \"\"\n    })`;\n  }\n  if (StateSelectedHoverColor[colorKey as keyof typeof StateSelectedHoverColor] && isSelectedHoverPalette) {\n    return `var(${StateSelectedHoverColor[colorKey as keyof typeof StateSelectedHoverColor]})`;\n  }\n  if (StateSelectedColor[colorKey as keyof typeof StateSelectedColor] && isSelectedPalette) {\n    return `var(${StateSelectedColor[colorKey as keyof typeof StateSelectedColor]})`;\n  }\n}\n"],"names":["colorsMap","color","description","reduce","map","current","newColorName","substring","set","Map","ColorStyle","ContentColorByName","StateSelectedColor","StateSelectedHoverColor","contentColors","ElementAllowedColor","Object","assign","values","acc","key"],"mappings":"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"}
+{"version":3,"file":"colors-vars-map.js","sources":["../../../../src/utils/colors-vars-map.ts"],"sourcesContent":["export const colorsMap = [\n  { color: \"--primary-color\", description: \"Use to emphasise main ui components\" },\n  {\n    color: \"--primary-on-secondary-color\",\n    description: \"Use to emphasise main ui components on secondary background color\"\n  },\n  { color: \"--primary-hover-color\", description: \"Use only as a hover on primary color\" },\n  {\n    color: \"--primary-hover-on-secondary-color\",\n    description: \"Use only as a hover on primary color on secondary background color\"\n  },\n  { color: \"--primary-selected-color\", description: \"Use to indicate selected state of primary items\" },\n  {\n    color: \"--primary-selected-hover-color\",\n    description: \"Use to indicate hover state on a primary-selected-color items\"\n  },\n  {\n    color: \"--primary-highlighted-color\",\n    description: \"Use this to indicate highlighted components of primary items\"\n  },\n  {\n    color: \"--primary-surface-color\",\n    description: \"Use this as the surface of the main layout appearance\"\n  },\n  {\n    color: \"--primary-selected-on-secondary-color\",\n    description: \"Use to indicate selected state of primary items on secondary background color\"\n  },\n  { color: \"--primary-text-color\", description: \"Use for default text color\" },\n  {\n    color: \"--primary-text-on-secondary-color\",\n    description: \"Use for default text color on secondary background color\"\n  },\n  { color: \"--secondary-text-color\", description: \"Use when you need text with lesser importance\" },\n  {\n    color: \"--secondary-text-on-secondary-color\",\n    description: \"Use when you need text with lesser importance (on secondary background color)\"\n  },\n  { color: \"--primary-background-hover-color\", description: \"Use as hover color\" },\n  { color: \"--primary-background-hover-on-secondary-color\", description: \"Use as hover color on secondary color\" },\n  {\n    color: \"--inverted-color-background\",\n    description: \"Inverted background color (opposite of primary background color)\"\n  },\n  { color: \"--text-color-on-inverted\", description: \"Inverted text color (opposite of primary text color)\" },\n  { color: \"--text-color-on-primary\", description: \"Use for text on primary color\" },\n  { color: \"--fixed-light-color\", description: \"Use as color that should remain light in all themes\" },\n  { color: \"--fixed-dark-color\", description: \"Use as color that should remain dark in all themes\" },\n  // states\n  {\n    color: \"--positive-color\",\n    description: \"Use to indicate a positive action/state (success, completion, approval...)\"\n  },\n  { color: \"--positive-color-hover\", description: \"Use only as hover color on positive color\" },\n  { color: \"--positive-color-selected\", description: \"Use only as selected indication for a positive colors\" },\n  {\n    color: \"--positive-color-selected-hover\",\n    description: \"Use to indicate hover state on a positive-color-selected items\"\n  },\n  {\n    color: \"--negative-color\",\n    description: \"Use to indicate a negative action/state (delete, error...)\"\n  },\n  { color: \"--negative-color-hover\", description: \"Use only as hover color on negative color\" },\n  { color: \"--negative-color-selected\", description: \"Use as selected indication for negative colors\" },\n  {\n    color: \"--negative-color-selected-hover\",\n    description: \"Use to indicate hover state on a negative-selected items\"\n  },\n  {\n    color: \"--warning-color\",\n    description: \"Use to indicate a warning action/state (severity, alert, caution...)\"\n  },\n  { color: \"--warning-color-hover\", description: \"Use only as hover color on warning color\" },\n  { color: \"--warning-color-selected\", description: \"Use as selected indication for warning colors\" },\n  {\n    color: \"--warning-color-selected-hover\",\n    description: \"Use to indicate hover state on a warning-selected items\"\n  },\n  {\n    color: \"--info-color\",\n    description: \"Use to indicate an informational action/state; stays blue when the brand primary does not\"\n  },\n  // semantic surfaces\n  {\n    color: \"--surface-primary\",\n    description: \"Tinted surface for primary/brand semantics (Chips, Label, AttentionBox)\"\n  },\n  { color: \"--surface-positive\", description: \"Tinted surface for positive semantics\" },\n  { color: \"--surface-negative\", description: \"Tinted surface for negative semantics\" },\n  { color: \"--surface-warning\", description: \"Tinted surface for warning semantics\" },\n  { color: \"--surface-neutral\", description: \"Tinted surface for neutral semantics\" },\n  { color: \"--surface-info\", description: \"Tinted surface for informational semantics\" },\n  { color: \"--text-on-surface-primary\", description: \"Text and icon color on --surface-primary\" },\n  { color: \"--text-on-surface-positive\", description: \"Text and icon color on --surface-positive\" },\n  { color: \"--text-on-surface-negative\", description: \"Text and icon color on --surface-negative\" },\n  { color: \"--text-on-surface-warning\", description: \"Text and icon color on --surface-warning\" },\n  { color: \"--text-on-surface-neutral\", description: \"Text and icon color on --surface-neutral\" },\n  { color: \"--text-on-surface-info\", description: \"Text and icon color on --surface-info\" },\n  // borders\n  { color: \"--ui-border-color\", description: \"Border color for ui elements and components (Button, Input...)\" },\n  { color: \"--ui-border-on-secondary-color\", description: \"Border color for ui elements on secondary color\" },\n  {\n    color: \"--layout-border-color\",\n    description: \"Border color for general layout and separators (Leftpane, Menu Divider...)\"\n  },\n  {\n    color: \"--layout-border-on-secondary-color\",\n    description: \"Border color for general layout on secondary background color\"\n  },\n  { color: \"--placeholder-color\", description: \"Use for placeholder text in inputs fields\" },\n  {\n    color: \"--placeholder-on-secondary-color\",\n    description: \"Use for placeholder text in inputs fields on secondary background color\"\n  },\n  { color: \"--icon-color\", description: \"Default color for icons\" },\n  { color: \"--icon-on-secondary-color\", description: \"Default color for icons on secondary background color\" },\n  // disabled\n  {\n    color: \"--disabled-background-color\",\n    description: \"Use as background for disabled elements (ui hovers or elements)\"\n  },\n  { color: \"--disabled-text-color\", description: \"Use as text in disabled components\" },\n  {\n    color: \"--disabled-background-on-secondary-color\",\n    description: \"Use as background for disabled elements on secondary background\"\n  },\n  {\n    color: \"--disabled-text-on-secondary-color\",\n    description: \"Use as text in disabled components on secondary background color\"\n  },\n  // Link\n  { color: \"--link-color\", description: \"Use only for links\" },\n  { color: \"--link-on-secondary-color\", description: \"Use only for links on secondary colors\" },\n  // Backgrounds\n  { color: \"--primary-background-color\", description: \"Primary background color\" },\n  { color: \"--secondary-background-color\", description: \"Secondary background color\" },\n  { color: \"--grey-background-color\", description: \"Grey background color\" },\n  { color: \"--allgrey-background-color\", description: \"Grey background color, stays grey in dark and black themes\" },\n  { color: \"--ui-background-color\", description: \"Background color for UI elements and components\" }\n];\n\nexport const colorsHashMap = colorsMap.reduce((map, current) => {\n  const newColorName = current.color.substring(2);\n  map.set(newColorName, current.description);\n  return map;\n}, new Map());\n\nexport const contentColors = [\n  \"grass_green\",\n  \"done-green\",\n  \"bright-green\",\n  \"saladish\",\n  \"egg_yolk\",\n  \"working_orange\",\n  \"dark-orange\",\n  \"peach\",\n  \"sunset\",\n  \"stuck-red\",\n  \"dark-red\",\n  \"sofia_pink\",\n  \"lipstick\",\n  \"bubble\",\n  \"purple\",\n  \"dark_purple\",\n  \"berry\",\n  \"dark_indigo\",\n  \"indigo\",\n  \"navy\",\n  \"bright-blue\",\n  \"dark-blue\",\n  \"aquamarine\",\n  \"chili-blue\",\n  \"river\",\n  \"winter\",\n  \"explosive\",\n  \"american_gray\",\n  \"blackish\",\n  \"brown\",\n  \"orchid\",\n  \"tan\",\n  \"sky\",\n  \"coffee\",\n  \"royal\",\n  \"teal\",\n  \"lavender\",\n  \"steel\",\n  \"lilac\",\n  \"pecan\"\n] as const;\n\nexport type CONTENT_COLORS_VALUES = (typeof contentColors)[number];\n\n/**\n * @deprecated\n */\nexport enum ColorStyle {\n  REGULAR = \"regular\",\n  HOVER = \"hover\",\n  SELECTED = \"selected\"\n}\n\nexport enum ContentColorByName {\n  GRASS_GREEN = \"grass_green\",\n  DONE_GREEN = \"done-green\",\n  BRIGHT_GREEN = \"bright-green\",\n  SALADISH = \"saladish\",\n  EGG_YOLK = \"egg_yolk\",\n  WORKING_ORANGE = \"working_orange\",\n  DARK_ORANGE = \"dark-orange\",\n  PEACH = \"peach\",\n  SUNSET = \"sunset\",\n  STUCK_RED = \"stuck-red\",\n  DARK_RED = \"dark-red\",\n  SOFIA_PINK = \"sofia_pink\",\n  LIPSTICK = \"lipstick\",\n  BUBBLE = \"bubble\",\n  PURPLE = \"purple\",\n  DARK_PURPLE = \"dark_purple\",\n  BERRY = \"berry\",\n  DARK_INDIGO = \"dark_indigo\",\n  INDIGO = \"indigo\",\n  NAVY = \"navy\",\n  BRIGHT_BLUE = \"bright-blue\",\n  DARK_BLUE = \"dark-blue\",\n  AQUAMARINE = \"aquamarine\",\n  CHILI_BLUE = \"chili-blue\",\n  RIVER = \"river\",\n  WINTER = \"winter\",\n  EXPLOSIVE = \"explosive\",\n  AMERICAN_GRAY = \"american_gray\",\n  BLACKISH = \"blackish\",\n  BROWN = \"brown\",\n  ORCHID = \"orchid\",\n  TAN = \"tan\",\n  SKY = \"sky\",\n  COFFEE = \"coffee\",\n  ROYAL = \"royal\",\n  TEAL = \"teal\",\n  LAVENDER = \"lavender\",\n  STEEL = \"steel\",\n  LILAC = \"lilac\",\n  PECAN = \"pecan\"\n}\n\n/**\n * @deprecated\n */\nexport enum StateSelectedColor {\n  POSITIVE = \"positive\",\n  NEGATIVE = \"negative\",\n  PRIMARY = \"primary\",\n  WARNING = \"warning\",\n  INFO = \"info\",\n  NEUTRAL = \"neutral\"\n}\n\n/**\n * @deprecated\n */\nexport enum StateSelectedHoverColor {\n  POSITIVE = \"positive\",\n  NEGATIVE = \"negative\",\n  PRIMARY = \"primary\",\n  INFO = \"info\",\n  NEUTRAL = \"neutral\"\n}\n\n/**\n * @deprecated\n */\nexport const ElementAllowedColor = {\n  ...ContentColorByName,\n  ...StateSelectedColor,\n  ...StateSelectedHoverColor\n};\n\n/**\n * @deprecated\n */\nexport type ElementColor = (typeof ElementAllowedColor)[keyof typeof ElementAllowedColor] | string;\n\nexport const elementColorsNames = Object.values(ElementAllowedColor).reduce((acc: Record<string, string>, key) => {\n  acc[key] = key;\n  return acc;\n}, {});\n\nconst getColorKeyByValue = (colorValue: string, colors: Record<string, string>) => {\n  return Object.keys(colors)[Object.values(colors).indexOf(colorValue)];\n};\n\nexport function getElementColor(\n  colorValue: keyof typeof ElementAllowedColor | string,\n  isSelectedPalette = false,\n  isSelectedHoverPalette = false\n): string {\n  const colorKey = getColorKeyByValue(colorValue, ElementAllowedColor);\n  if (!colorKey) {\n    return colorValue;\n  }\n\n  if (ContentColorByName[colorKey as keyof typeof ContentColorByName]) {\n    return `var(--color-${ContentColorByName[colorKey as keyof typeof ContentColorByName]}${\n      isSelectedPalette ? \"-selected\" : \"\"\n    })`;\n  }\n  if (StateSelectedHoverColor[colorKey as keyof typeof StateSelectedHoverColor] && isSelectedHoverPalette) {\n    return `var(${StateSelectedHoverColor[colorKey as keyof typeof StateSelectedHoverColor]})`;\n  }\n  if (StateSelectedColor[colorKey as keyof typeof StateSelectedColor] && isSelectedPalette) {\n    return `var(${StateSelectedColor[colorKey as keyof typeof StateSelectedColor]})`;\n  }\n}\n"],"names":["colorsMap","color","description","reduce","map","current","newColorName","substring","set","Map","ColorStyle","ContentColorByName","StateSelectedColor","StateSelectedHoverColor","contentColors","ElementAllowedColor","Object","assign","values","acc","key"],"mappings":"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"}

package/dist/mocked_classnames/types/Colors.d.ts

@@ -5,7 +5,6 @@ declare const MapStateSelectedColor: {
     primary: string;
     warning: string;
     info: string;
-    /** @deprecated Use `info` instead */
     neutral: string;
 };
 declare const MapStateSelectedHoverColor: {
@@ -14,7 +13,15 @@ declare const MapStateSelectedHoverColor: {
     primary: string;
     warning: string;
     info: string;
-    /** @deprecated Use `info` instead */
+    neutral: string;
+};
+/** Text colour paired with each semantic surface. */
+export declare const MapOnSurfaceTextColor: {
+    positive: string;
+    negative: string;
+    primary: string;
+    warning: string;
+    info: string;
     neutral: string;
 };
 type ContentColor = (typeof contentColors)[number];
@@ -22,5 +29,12 @@ type StateSelectedColorKeys = keyof typeof MapStateSelectedColor;
 type StateSelectedHoverColorKeys = keyof typeof MapStateSelectedHoverColor;
 export type ElementAllowedColor = ContentColor | "positive" | "negative" | "primary" | "warning" | "info" | "neutral";
 export declare function getElementColor(colorValue: ContentColor | StateSelectedColorKeys | StateSelectedHoverColorKeys, isSelectedPalette?: boolean, isSelectedHoverPalette?: boolean): string;
+/** True for the semantic colors (which have a surface), false for content colors. */
+export declare function isSemanticElementColor(colorValue: string): colorValue is StateSelectedColorKeys;
+/**
+ * Text colour that pairs with a semantic surface. Returns `undefined` for content
+ * colors, which have no on-surface pairing and keep the default text colour.
+ */
+export declare function getOnSurfaceTextColor(colorValue: string): string | undefined;
 export type ColorStyle = "regular" | "hover" | "selected";
 export {};

package/dist/mocked_classnames/utils/colors-vars-map.d.ts

@@ -64,7 +64,6 @@ export declare enum StateSelectedColor {
     PRIMARY = "primary",
     WARNING = "warning",
     INFO = "info",
-    /** @deprecated Use INFO instead */
     NEUTRAL = "neutral"
 }
 /**
@@ -75,7 +74,6 @@ export declare enum StateSelectedHoverColor {
     NEGATIVE = "negative",
     PRIMARY = "primary",
     INFO = "info",
-    /** @deprecated Use INFO instead */
     NEUTRAL = "neutral"
 }
 /**

package/dist/shared/dist/types/Colors.js

@@ -0,0 +1,2 @@
+import{contentColors as e}from"../utils/colors-vars-map.js";var o={positive:"--positive-color-selected",negative:"--negative-color-selected",primary:"--primary-selected-color",warning:"--warning-color-selected"},r={positive:"--positive-color-selected-hover",negative:"--negative-color-selected-hover",primary:"--primary-selected-hover-color"};function c(c){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=arguments.length>2&&void 0!==arguments[2]&&arguments[2];return e.includes(c)?"var(--color-".concat(c).concat(t?"-selected":"",")"):Object.keys(r).includes(c)&&i?"var(".concat(r[c],")"):Object.keys(o).includes(c)&&t?"var(".concat(o[c],")"):c}export{c as getElementColor};
+//# sourceMappingURL=Colors.js.map

package/dist/shared/dist/types/Colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Colors.js","sources":["../../../../../shared/dist/types/Colors.js"],"sourcesContent":["import { contentColors } from \"../utils/colors-vars-map\";\nconst MapStateSelectedColor = {\n    positive: \"--positive-color-selected\",\n    negative: \"--negative-color-selected\",\n    primary: \"--primary-selected-color\",\n    warning: \"--warning-color-selected\"\n};\nconst MapStateSelectedHoverColor = {\n    positive: \"--positive-color-selected-hover\",\n    negative: \"--negative-color-selected-hover\",\n    primary: \"--primary-selected-hover-color\"\n};\nexport function getElementColor(colorValue, isSelectedPalette = false, isSelectedHoverPalette = false) {\n    if (contentColors.includes(colorValue)) {\n        return `var(--color-${colorValue}${isSelectedPalette ? \"-selected\" : \"\"})`;\n    }\n    if (Object.keys(MapStateSelectedHoverColor).includes(colorValue) &&\n        isSelectedHoverPalette) {\n        return `var(${MapStateSelectedHoverColor[colorValue]})`;\n    }\n    if (Object.keys(MapStateSelectedColor).includes(colorValue) && isSelectedPalette) {\n        return `var(${MapStateSelectedColor[colorValue]})`;\n    }\n    return colorValue;\n}\n//# sourceMappingURL=Colors.js.map"],"names":["MapStateSelectedColor","positive","negative","primary","warning","MapStateSelectedHoverColor","getElementColor","colorValue","isSelectedPalette","arguments","length","undefined","isSelectedHoverPalette","contentColors","includes","concat","Object","keys"],"mappings":"4DAEA,IAAMA,EAAwB,CAC5BC,SAAU,4BACVC,SAAU,4BACVC,QAAS,2BACTC,QAAS,4BAGLC,EAA6B,CACjCJ,SAAU,kCACVC,SAAU,kCACVC,QAAS,kCASL,SAAUG,EACdC,GAE8B,IAD9BC,EAAiBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GACjBG,EAAsBH,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAEtB,OAAII,EAAcC,SAASP,GACzBQ,eAAAA,OAAsBR,GAAUQ,OAAGP,EAAoB,YAAc,GAAE,KAGvEQ,OAAOC,KAAKZ,GAA4BS,SAASP,IACjDK,EAEA,OAAAG,OAAcV,EAA2BE,GAA0C,KAEjFS,OAAOC,KAAKjB,GAAuBc,SAASP,IAAyCC,EACvF,OAAAO,OAAcf,EAAsBO,GAAqC,KAEpEA,CACT"}

package/dist/shared/dist/utils/colors-vars-map.js

@@ -0,0 +1,2 @@
+var o=[{color:"--primary-color",description:"Use to emphasise main ui components"},{color:"--primary-on-secondary-color",description:"Use to emphasise main ui components on secondary background color"},{color:"--primary-hover-color",description:"Use only as a hover on primary color"},{color:"--primary-hover-on-secondary-color",description:"Use only as a hover on primary color on secondary background color"},{color:"--primary-selected-color",description:"Use to indicate selected state of primary items"},{color:"--primary-selected-hover-color",description:"Use to indicate hover state on a primary-selected-color items"},{color:"--primary-highlighted-color",description:"Use this to indicate highlighted components of primary items"},{color:"--primary-surface-color",description:"Use this as the surface of the main layout appearance"},{color:"--primary-selected-on-secondary-color",description:"Use to indicate selected state of primary items on secondary background color"},{color:"--primary-text-color",description:"Use for default text color"},{color:"--primary-text-on-secondary-color",description:"Use for default text color on secondary background color"},{color:"--secondary-text-color",description:"Use when you need text with lesser importance"},{color:"--secondary-text-on-secondary-color",description:"Use when you need text with lesser importance (on secondary background color)"},{color:"--primary-background-hover-color",description:"Use as hover color"},{color:"--primary-background-hover-on-secondary-color",description:"Use as hover color on secondary color"},{color:"--inverted-color-background",description:"Inverted background color (opposite of primary background color)"},{color:"--text-color-on-inverted",description:"Inverted text color (opposite of primary text color)"},{color:"--text-color-on-primary",description:"Use for text on primary color"},{color:"--fixed-light-color",description:"Use as color that should remain light in all themes"},{color:"--fixed-dark-color",description:"Use as color that should remain dark in all themes"},{color:"--positive-color",description:"Use to indicate a positive action/state (success, completion, approval...)"},{color:"--positive-color-hover",description:"Use only as hover color on positive color"},{color:"--positive-color-selected",description:"Use only as selected indication for a positive colors"},{color:"--positive-color-selected-hover",description:"Use to indicate hover state on a positive-color-selected items"},{color:"--negative-color",description:"Use to indicate a negative action/state (delete, error...)"},{color:"--negative-color-hover",description:"Use only as hover color on negative color"},{color:"--negative-color-selected",description:"Use as selected indication for negative colors"},{color:"--negative-color-selected-hover",description:"Use to indicate hover state on a negative-selected items"},{color:"--warning-color",description:"Use to indicate a warning action/state (severity, alert, caution...)"},{color:"--warning-color-hover",description:"Use only as hover color on warning color"},{color:"--warning-color-selected",description:"Use as selected indication for warning colors"},{color:"--warning-color-selected-hover",description:"Use to indicate hover state on a warning-selected items"},{color:"--ui-border-color",description:"Border color for ui elements and components (Button, Input...)"},{color:"--ui-border-on-secondary-color",description:"Border color for ui elements on secondary color"},{color:"--layout-border-color",description:"Border color for general layout and separators (Leftpane, Menu Divider...)"},{color:"--layout-border-on-secondary-color",description:"Border color for general layout on secondary background color"},{color:"--placeholder-color",description:"Use for placeholder text in inputs fields"},{color:"--placeholder-on-secondary-color",description:"Use for placeholder text in inputs fields on secondary background color"},{color:"--icon-color",description:"Default color for icons"},{color:"--icon-on-secondary-color",description:"Default color for icons on secondary background color"},{color:"--disabled-background-color",description:"Use as background for disabled elements (ui hovers or elements)"},{color:"--disabled-text-color",description:"Use as text in disabled components"},{color:"--disabled-background-on-secondary-color",description:"Use as background for disabled elements on secondary background"},{color:"--disabled-text-on-secondary-color",description:"Use as text in disabled components on secondary background color"},{color:"--link-color",description:"Use only for links"},{color:"--link-on-secondary-color",description:"Use only for links on secondary colors"},{color:"--primary-background-color",description:"Primary background color"},{color:"--secondary-background-color",description:"Secondary background color"},{color:"--grey-background-color",description:"Grey background color"},{color:"--allgrey-background-color",description:"Grey background color, stays grey in dark and black themes"},{color:"--ui-background-color",description:"Background color for UI elements and components"}];o.reduce((function(o,r){var e=r.color.substring(2);return o.set(e,r.description),o}),new Map);var r,e,c,i=["grass_green","done-green","bright-green","saladish","egg_yolk","working_orange","dark-orange","peach","sunset","stuck-red","dark-red","sofia_pink","lipstick","bubble","purple","dark_purple","berry","dark_indigo","indigo","navy","bright-blue","dark-blue","aquamarine","chili-blue","river","winter","explosive","american_gray","blackish","brown","orchid","tan","sky","coffee","royal","teal","lavender","steel","lilac","pecan"];!function(o){o.GRASS_GREEN="grass_green",o.DONE_GREEN="done-green",o.BRIGHT_GREEN="bright-green",o.SALADISH="saladish",o.EGG_YOLK="egg_yolk",o.WORKING_ORANGE="working_orange",o.DARK_ORANGE="dark-orange",o.PEACH="peach",o.SUNSET="sunset",o.STUCK_RED="stuck-red",o.DARK_RED="dark-red",o.SOFIA_PINK="sofia_pink",o.LIPSTICK="lipstick",o.BUBBLE="bubble",o.PURPLE="purple",o.DARK_PURPLE="dark_purple",o.BERRY="berry",o.DARK_INDIGO="dark_indigo",o.INDIGO="indigo",o.NAVY="navy",o.BRIGHT_BLUE="bright-blue",o.DARK_BLUE="dark-blue",o.AQUAMARINE="aquamarine",o.CHILI_BLUE="chili-blue",o.RIVER="river",o.WINTER="winter",o.EXPLOSIVE="explosive",o.AMERICAN_GRAY="american_gray",o.BLACKISH="blackish",o.BROWN="brown",o.ORCHID="orchid",o.TAN="tan",o.SKY="sky",o.COFFEE="coffee",o.ROYAL="royal",o.TEAL="teal",o.LAVENDER="lavender",o.STEEL="steel",o.LILAC="lilac",o.PECAN="pecan"}(r||(r={})),function(o){o.POSITIVE="positive",o.NEGATIVE="negative",o.PRIMARY="primary",o.WARNING="warning"}(e||(e={})),function(o){o.POSITIVE="positive",o.NEGATIVE="negative",o.PRIMARY="primary"}(c||(c={}));export{r as ContentColorByName,e as StateSelectedColor,c as StateSelectedHoverColor,o as colorsMap,i as contentColors};
+//# sourceMappingURL=colors-vars-map.js.map

package/dist/shared/dist/utils/colors-vars-map.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors-vars-map.js","sources":["../../../../../shared/dist/utils/colors-vars-map.js"],"sourcesContent":["export const colorsMap = [\n    { color: \"--primary-color\", description: \"Use to emphasise main ui components\" },\n    {\n        color: \"--primary-on-secondary-color\",\n        description: \"Use to emphasise main ui components on secondary background color\"\n    },\n    { color: \"--primary-hover-color\", description: \"Use only as a hover on primary color\" },\n    {\n        color: \"--primary-hover-on-secondary-color\",\n        description: \"Use only as a hover on primary color on secondary background color\"\n    },\n    { color: \"--primary-selected-color\", description: \"Use to indicate selected state of primary items\" },\n    {\n        color: \"--primary-selected-hover-color\",\n        description: \"Use to indicate hover state on a primary-selected-color items\"\n    },\n    {\n        color: \"--primary-highlighted-color\",\n        description: \"Use this to indicate highlighted components of primary items\"\n    },\n    {\n        color: \"--primary-surface-color\",\n        description: \"Use this as the surface of the main layout appearance\"\n    },\n    {\n        color: \"--primary-selected-on-secondary-color\",\n        description: \"Use to indicate selected state of primary items on secondary background color\"\n    },\n    { color: \"--primary-text-color\", description: \"Use for default text color\" },\n    {\n        color: \"--primary-text-on-secondary-color\",\n        description: \"Use for default text color on secondary background color\"\n    },\n    { color: \"--secondary-text-color\", description: \"Use when you need text with lesser importance\" },\n    {\n        color: \"--secondary-text-on-secondary-color\",\n        description: \"Use when you need text with lesser importance (on secondary background color)\"\n    },\n    { color: \"--primary-background-hover-color\", description: \"Use as hover color\" },\n    { color: \"--primary-background-hover-on-secondary-color\", description: \"Use as hover color on secondary color\" },\n    {\n        color: \"--inverted-color-background\",\n        description: \"Inverted background color (opposite of primary background color)\"\n    },\n    { color: \"--text-color-on-inverted\", description: \"Inverted text color (opposite of primary text color)\" },\n    { color: \"--text-color-on-primary\", description: \"Use for text on primary color\" },\n    { color: \"--fixed-light-color\", description: \"Use as color that should remain light in all themes\" },\n    { color: \"--fixed-dark-color\", description: \"Use as color that should remain dark in all themes\" },\n    // states\n    {\n        color: \"--positive-color\",\n        description: \"Use to indicate a positive action/state (success, completion, approval...)\"\n    },\n    { color: \"--positive-color-hover\", description: \"Use only as hover color on positive color\" },\n    { color: \"--positive-color-selected\", description: \"Use only as selected indication for a positive colors\" },\n    {\n        color: \"--positive-color-selected-hover\",\n        description: \"Use to indicate hover state on a positive-color-selected items\"\n    },\n    {\n        color: \"--negative-color\",\n        description: \"Use to indicate a negative action/state (delete, error...)\"\n    },\n    { color: \"--negative-color-hover\", description: \"Use only as hover color on negative color\" },\n    { color: \"--negative-color-selected\", description: \"Use as selected indication for negative colors\" },\n    {\n        color: \"--negative-color-selected-hover\",\n        description: \"Use to indicate hover state on a negative-selected items\"\n    },\n    {\n        color: \"--warning-color\",\n        description: \"Use to indicate a warning action/state (severity, alert, caution...)\"\n    },\n    { color: \"--warning-color-hover\", description: \"Use only as hover color on warning color\" },\n    { color: \"--warning-color-selected\", description: \"Use as selected indication for warning colors\" },\n    {\n        color: \"--warning-color-selected-hover\",\n        description: \"Use to indicate hover state on a warning-selected items\"\n    },\n    // borders\n    { color: \"--ui-border-color\", description: \"Border color for ui elements and components (Button, Input...)\" },\n    { color: \"--ui-border-on-secondary-color\", description: \"Border color for ui elements on secondary color\" },\n    {\n        color: \"--layout-border-color\",\n        description: \"Border color for general layout and separators (Leftpane, Menu Divider...)\"\n    },\n    {\n        color: \"--layout-border-on-secondary-color\",\n        description: \"Border color for general layout on secondary background color\"\n    },\n    { color: \"--placeholder-color\", description: \"Use for placeholder text in inputs fields\" },\n    {\n        color: \"--placeholder-on-secondary-color\",\n        description: \"Use for placeholder text in inputs fields on secondary background color\"\n    },\n    { color: \"--icon-color\", description: \"Default color for icons\" },\n    { color: \"--icon-on-secondary-color\", description: \"Default color for icons on secondary background color\" },\n    // disabled\n    {\n        color: \"--disabled-background-color\",\n        description: \"Use as background for disabled elements (ui hovers or elements)\"\n    },\n    { color: \"--disabled-text-color\", description: \"Use as text in disabled components\" },\n    {\n        color: \"--disabled-background-on-secondary-color\",\n        description: \"Use as background for disabled elements on secondary background\"\n    },\n    {\n        color: \"--disabled-text-on-secondary-color\",\n        description: \"Use as text in disabled components on secondary background color\"\n    },\n    // Link\n    { color: \"--link-color\", description: \"Use only for links\" },\n    { color: \"--link-on-secondary-color\", description: \"Use only for links on secondary colors\" },\n    // Backgrounds\n    { color: \"--primary-background-color\", description: \"Primary background color\" },\n    { color: \"--secondary-background-color\", description: \"Secondary background color\" },\n    { color: \"--grey-background-color\", description: \"Grey background color\" },\n    { color: \"--allgrey-background-color\", description: \"Grey background color, stays grey in dark and black themes\" },\n    { color: \"--ui-background-color\", description: \"Background color for UI elements and components\" }\n];\nexport const colorsHashMap = colorsMap.reduce((map, current) => {\n    const newColorName = current.color.substring(2);\n    map.set(newColorName, current.description);\n    return map;\n}, new Map());\nexport const contentColors = [\n    \"grass_green\",\n    \"done-green\",\n    \"bright-green\",\n    \"saladish\",\n    \"egg_yolk\",\n    \"working_orange\",\n    \"dark-orange\",\n    \"peach\",\n    \"sunset\",\n    \"stuck-red\",\n    \"dark-red\",\n    \"sofia_pink\",\n    \"lipstick\",\n    \"bubble\",\n    \"purple\",\n    \"dark_purple\",\n    \"berry\",\n    \"dark_indigo\",\n    \"indigo\",\n    \"navy\",\n    \"bright-blue\",\n    \"dark-blue\",\n    \"aquamarine\",\n    \"chili-blue\",\n    \"river\",\n    \"winter\",\n    \"explosive\",\n    \"american_gray\",\n    \"blackish\",\n    \"brown\",\n    \"orchid\",\n    \"tan\",\n    \"sky\",\n    \"coffee\",\n    \"royal\",\n    \"teal\",\n    \"lavender\",\n    \"steel\",\n    \"lilac\",\n    \"pecan\"\n];\nexport var ContentColorByName;\n(function (ContentColorByName) {\n    ContentColorByName[\"GRASS_GREEN\"] = \"grass_green\";\n    ContentColorByName[\"DONE_GREEN\"] = \"done-green\";\n    ContentColorByName[\"BRIGHT_GREEN\"] = \"bright-green\";\n    ContentColorByName[\"SALADISH\"] = \"saladish\";\n    ContentColorByName[\"EGG_YOLK\"] = \"egg_yolk\";\n    ContentColorByName[\"WORKING_ORANGE\"] = \"working_orange\";\n    ContentColorByName[\"DARK_ORANGE\"] = \"dark-orange\";\n    ContentColorByName[\"PEACH\"] = \"peach\";\n    ContentColorByName[\"SUNSET\"] = \"sunset\";\n    ContentColorByName[\"STUCK_RED\"] = \"stuck-red\";\n    ContentColorByName[\"DARK_RED\"] = \"dark-red\";\n    ContentColorByName[\"SOFIA_PINK\"] = \"sofia_pink\";\n    ContentColorByName[\"LIPSTICK\"] = \"lipstick\";\n    ContentColorByName[\"BUBBLE\"] = \"bubble\";\n    ContentColorByName[\"PURPLE\"] = \"purple\";\n    ContentColorByName[\"DARK_PURPLE\"] = \"dark_purple\";\n    ContentColorByName[\"BERRY\"] = \"berry\";\n    ContentColorByName[\"DARK_INDIGO\"] = \"dark_indigo\";\n    ContentColorByName[\"INDIGO\"] = \"indigo\";\n    ContentColorByName[\"NAVY\"] = \"navy\";\n    ContentColorByName[\"BRIGHT_BLUE\"] = \"bright-blue\";\n    ContentColorByName[\"DARK_BLUE\"] = \"dark-blue\";\n    ContentColorByName[\"AQUAMARINE\"] = \"aquamarine\";\n    ContentColorByName[\"CHILI_BLUE\"] = \"chili-blue\";\n    ContentColorByName[\"RIVER\"] = \"river\";\n    ContentColorByName[\"WINTER\"] = \"winter\";\n    ContentColorByName[\"EXPLOSIVE\"] = \"explosive\";\n    ContentColorByName[\"AMERICAN_GRAY\"] = \"american_gray\";\n    ContentColorByName[\"BLACKISH\"] = \"blackish\";\n    ContentColorByName[\"BROWN\"] = \"brown\";\n    ContentColorByName[\"ORCHID\"] = \"orchid\";\n    ContentColorByName[\"TAN\"] = \"tan\";\n    ContentColorByName[\"SKY\"] = \"sky\";\n    ContentColorByName[\"COFFEE\"] = \"coffee\";\n    ContentColorByName[\"ROYAL\"] = \"royal\";\n    ContentColorByName[\"TEAL\"] = \"teal\";\n    ContentColorByName[\"LAVENDER\"] = \"lavender\";\n    ContentColorByName[\"STEEL\"] = \"steel\";\n    ContentColorByName[\"LILAC\"] = \"lilac\";\n    ContentColorByName[\"PECAN\"] = \"pecan\";\n})(ContentColorByName || (ContentColorByName = {}));\n/**\n * @deprecated\n */\nexport var StateSelectedColor;\n(function (StateSelectedColor) {\n    StateSelectedColor[\"POSITIVE\"] = \"positive\";\n    StateSelectedColor[\"NEGATIVE\"] = \"negative\";\n    StateSelectedColor[\"PRIMARY\"] = \"primary\";\n    StateSelectedColor[\"WARNING\"] = \"warning\";\n})(StateSelectedColor || (StateSelectedColor = {}));\n/**\n * @deprecated\n */\nexport var StateSelectedHoverColor;\n(function (StateSelectedHoverColor) {\n    StateSelectedHoverColor[\"POSITIVE\"] = \"positive\";\n    StateSelectedHoverColor[\"NEGATIVE\"] = \"negative\";\n    StateSelectedHoverColor[\"PRIMARY\"] = \"primary\";\n})(StateSelectedHoverColor || (StateSelectedHoverColor = {}));\n//# sourceMappingURL=colors-vars-map.js.map"],"names":["colorsMap","color","description","reduce","map","current","newColorName","substring","set","Map","ContentColorByName","StateSelectedColor","StateSelectedHoverColor","contentColors"],"mappings":"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"}

package/dist/src/components/Accordion/Accordion/Accordion.module.scss.js

@@ -1,2 +1,2 @@
-var e={accordion:"accordion_bb07b38e74",accordionItemExpandCollapse:"accordionItemExpandCollapse_831201b0c0",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast_b36ba07802"};!function(e){const o="s_id-0e4aa6b3ed9f_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const d=document.createElement("style");d.id=o,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion_bb07b38e74 {\n  height: fit-content;\n  border: 1px solid var(--ui-border-color);\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.accordion_bb07b38e74 .accordionItemExpandCollapse_831201b0c0 {\n  border-radius: 0;\n  border-top: none;\n  border-inline: none;\n  border-color: var(--ui-border-color);\n}\n\n.accordion_bb07b38e74 .accordionItemExpandCollapseLast_b36ba07802 {\n  border-bottom: none;\n}");export{e as default};
+var e={accordion:"accordion_49154d2feb",accordionItemExpandCollapse:"accordionItemExpandCollapse_89d4c01de1",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast_3d0329b3b4"};!function(e){const o="s_id-0e4aa6b3ed9f_4_5_10";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+o))return;const n=document.createElement("style");n.id=o,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion_49154d2feb {\n  height: fit-content;\n  border: 1px solid var(--ui-border-color);\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.accordion_49154d2feb .accordionItemExpandCollapse_89d4c01de1 {\n  border-radius: 0;\n  border-top: none;\n  border-inline: none;\n  border-color: var(--ui-border-color);\n}\n\n.accordion_49154d2feb .accordionItemExpandCollapseLast_3d0329b3b4 {\n  border-bottom: none;\n}");export{e as default};
 //# sourceMappingURL=Accordion.module.scss.js.map

package/dist/src/components/Accordion/AccordionItem/AccordionItem.js

@@ -1,2 +1,2 @@
-import e,{forwardRef as o,useRef as a,useCallback as i}from"react";import n from"../../ExpandCollapse/ExpandCollapse.js";import{useMergeRef as l}from"../../../../shared/dist/hooks/useMergeRef.js";var t=o((function(o,t){var s=o.children,c=void 0===s?null:s,r=o.title,d=void 0===r?"":r,m=o.className,p=void 0===m?"":m,C=o.iconSize,v=void 0===C?24:C,u=o.iconPosition,f=void 0===u?"right":u,h=o.id,N=o.open,k=o.onClick,x=o.onClickAccordionCallback,E=o.hideBorder,g=void 0!==E&&E,j=o.headerClassName,z=o.contentClassName,B=o.expandCollapseComponentClassName,O=o.captureOnClick,P=void 0===O||O,S=a(null),b=l(t,S),A=i((function(){x&&x(),k&&k()}),[x,k]);return e.createElement("div",{ref:b,className:p,id:h},e.createElement(n,{iconSize:v,iconPosition:f,id:"expand-collapse--".concat(h),onClick:A,open:N,title:d,hideBorder:g,componentClassName:B,headerClassName:j,contentClassName:z,captureOnClick:P},c))}));export{t as default};
+import e,{forwardRef as o,useRef as a,useCallback as i}from"react";import n from"../../../../components/expand-collapse/dist/ExpandCollapse/ExpandCollapse.js";import{useMergeRef as l}from"../../../../shared/dist/hooks/useMergeRef.js";var s=o((function(o,s){var t=o.children,c=void 0===t?null:t,d=o.title,r=void 0===d?"":d,p=o.className,m=void 0===p?"":p,C=o.iconSize,v=void 0===C?24:C,u=o.iconPosition,f=void 0===u?"right":u,h=o.id,N=o.open,k=o.onClick,x=o.onClickAccordionCallback,E=o.hideBorder,g=void 0!==E&&E,j=o.headerClassName,z=o.contentClassName,B=o.expandCollapseComponentClassName,O=o.captureOnClick,P=void 0===O||O,S=a(null),b=l(s,S),A=i((function(){x&&x(),k&&k()}),[x,k]);return e.createElement("div",{ref:b,className:m,id:h},e.createElement(n,{iconSize:v,iconPosition:f,id:"expand-collapse--".concat(h),onClick:A,open:N,title:r,hideBorder:g,componentClassName:B,headerClassName:j,contentClassName:z,captureOnClick:P},c))}));export{s as default};
 //# sourceMappingURL=AccordionItem.js.map

package/dist/src/components/Accordion/AccordionItem/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport ExpandCollapse from \"../../ExpandCollapse/ExpandCollapse\";\nimport { type VibeComponentProps, type ElementContent } from \"../../../types\";\nimport { type ExpandCollapseIconPosition } from \"../../ExpandCollapse/ExpandCollapse.types\";\n\nexport interface AccordionItemProps extends VibeComponentProps {\n  /**\n   * The header content displayed in the accordion item.\n   */\n  title?: ElementContent;\n  /**\n   * The content rendered inside the accordion item.\n   */\n  children?: ElementContent;\n  /**\n   * The size of the expand/collapse icon.\n   */\n  iconSize?: number | string;\n  /**\n   * The position of the expand/collapse icon.\n   */\n  iconPosition?: ExpandCollapseIconPosition;\n  /**\n   * Callback fired upon item click.\n   */\n  onClick?: () => void;\n  /** @ignore */\n  open?: boolean;\n  /** @ignore */\n  onClickAccordionCallback?: () => void;\n  /**\n   * If true, the accordion item's border is hidden.\n   */\n  hideBorder?: boolean;\n  /**\n   * Class name applied to the accordion item's header.\n   */\n  headerClassName?: string;\n  /**\n   * Class name applied to the accordion item's content.\n   */\n  contentClassName?: string;\n  /**\n   * If true, the click event is handled during the capture phase.\n   */\n  captureOnClick?: boolean;\n  /**\n   * Class name applied to the expand/collapse component.\n   */\n  expandCollapseComponentClassName?: string;\n}\n\nconst AccordionItem: React.FC<AccordionItemProps> = forwardRef(\n  (\n    {\n      children = null,\n      title = \"\",\n      className = \"\",\n      iconSize = 24,\n      iconPosition = \"right\",\n      id,\n      open,\n      onClick,\n      onClickAccordionCallback,\n      hideBorder = false,\n      headerClassName,\n      contentClassName,\n      expandCollapseComponentClassName,\n      captureOnClick = true\n    },\n    ref\n  ) => {\n    // Change onClick param name to onClickCallback in 1.0.0\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const onClickCallback = useCallback(() => {\n      onClickAccordionCallback && onClickAccordionCallback();\n      onClick && onClick();\n    }, [onClickAccordionCallback, onClick]);\n\n    return (\n      <div ref={mergedRef} className={className} id={id}>\n        <ExpandCollapse\n          iconSize={iconSize}\n          iconPosition={iconPosition}\n          id={`expand-collapse--${id}`}\n          onClick={onClickCallback}\n          open={open}\n          title={title}\n          hideBorder={hideBorder}\n          componentClassName={expandCollapseComponentClassName}\n          headerClassName={headerClassName}\n          contentClassName={contentClassName}\n          captureOnClick={captureOnClick}\n        >\n          {children}\n        </ExpandCollapse>\n      </div>\n    );\n  }\n);\n\nexport default AccordionItem;\n"],"names":["AccordionItem","forwardRef","_ref","ref","_ref$children","children","_ref$title","title","_ref$className","className","_ref$iconSize","iconSize","_ref$iconPosition","iconPosition","id","open","onClick","onClickAccordionCallback","_ref$hideBorder","hideBorder","headerClassName","contentClassName","expandCollapseComponentClassName","_ref$captureOnClick","captureOnClick","componentRef","useRef","mergedRef","useMergeRef","onClickCallback","useCallback","React","createElement","ExpandCollapse","concat","componentClassName"],"mappings":"oMAqDMA,IAAAA,EAA8CC,GAClD,SAAAC,EAiBEC,GACE,IAAAC,EAAAF,EAhBAG,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EAAAE,EAAAJ,EACfK,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACVO,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACdS,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACbW,aAAAA,OAAe,IAAHD,EAAG,QAAOA,EACtBE,EAAEZ,EAAFY,GACAC,EAAIb,EAAJa,KACAC,EAAOd,EAAPc,QACAC,EAAwBf,EAAxBe,yBAAwBC,EAAAhB,EACxBiB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAelB,EAAfkB,gBACAC,EAAgBnB,EAAhBmB,iBACAC,EAAgCpB,EAAhCoB,iCAAgCC,EAAArB,EAChCsB,eAAAA,OAAiB,IAAHD,GAAOA,EAKjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAYzB,EAAKsB,GAE7BI,EAAkBC,GAAY,WAClCb,GAA4BA,IAC5BD,GAAWA,GACb,GAAG,CAACC,EAA0BD,IAE9B,OACEe,EAAAC,cAAA,MAAA,CAAK7B,IAAKwB,EAAWlB,UAAWA,EAAWK,GAAIA,GAC7CiB,EAACC,cAAAC,EACC,CAAAtB,SAAUA,EACVE,aAAcA,EACdC,GAAEoB,oBAAAA,OAAsBpB,GACxBE,QAASa,EACTd,KAAMA,EACNR,MAAOA,EACPY,WAAYA,EACZgB,mBAAoBb,EACpBF,gBAAiBA,EACjBC,iBAAkBA,EAClBG,eAAgBA,GAEfnB,GAIT"}
+{"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { ExpandCollapse, type ExpandCollapseIconPosition } from \"@vibe/expand-collapse\";\nimport { type VibeComponentProps, type ElementContent } from \"../../../types\";\n\nexport interface AccordionItemProps extends VibeComponentProps {\n  /**\n   * The header content displayed in the accordion item.\n   */\n  title?: ElementContent;\n  /**\n   * The content rendered inside the accordion item.\n   */\n  children?: ElementContent;\n  /**\n   * The size of the expand/collapse icon.\n   */\n  iconSize?: number | string;\n  /**\n   * The position of the expand/collapse icon.\n   */\n  iconPosition?: ExpandCollapseIconPosition;\n  /**\n   * Callback fired upon item click.\n   */\n  onClick?: () => void;\n  /** @ignore */\n  open?: boolean;\n  /** @ignore */\n  onClickAccordionCallback?: () => void;\n  /**\n   * If true, the accordion item's border is hidden.\n   */\n  hideBorder?: boolean;\n  /**\n   * Class name applied to the accordion item's header.\n   */\n  headerClassName?: string;\n  /**\n   * Class name applied to the accordion item's content.\n   */\n  contentClassName?: string;\n  /**\n   * If true, the click event is handled during the capture phase.\n   */\n  captureOnClick?: boolean;\n  /**\n   * Class name applied to the expand/collapse component.\n   */\n  expandCollapseComponentClassName?: string;\n}\n\nconst AccordionItem: React.FC<AccordionItemProps> = forwardRef(\n  (\n    {\n      children = null,\n      title = \"\",\n      className = \"\",\n      iconSize = 24,\n      iconPosition = \"right\",\n      id,\n      open,\n      onClick,\n      onClickAccordionCallback,\n      hideBorder = false,\n      headerClassName,\n      contentClassName,\n      expandCollapseComponentClassName,\n      captureOnClick = true\n    },\n    ref\n  ) => {\n    // Change onClick param name to onClickCallback in 1.0.0\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const onClickCallback = useCallback(() => {\n      onClickAccordionCallback && onClickAccordionCallback();\n      onClick && onClick();\n    }, [onClickAccordionCallback, onClick]);\n\n    return (\n      <div ref={mergedRef} className={className} id={id}>\n        <ExpandCollapse\n          iconSize={iconSize}\n          iconPosition={iconPosition}\n          id={`expand-collapse--${id}`}\n          onClick={onClickCallback}\n          open={open}\n          title={title}\n          hideBorder={hideBorder}\n          componentClassName={expandCollapseComponentClassName}\n          headerClassName={headerClassName}\n          contentClassName={contentClassName}\n          captureOnClick={captureOnClick}\n        >\n          {children}\n        </ExpandCollapse>\n      </div>\n    );\n  }\n);\n\nexport default AccordionItem;\n"],"names":["AccordionItem","forwardRef","_ref","ref","_ref$children","children","_ref$title","title","_ref$className","className","_ref$iconSize","iconSize","_ref$iconPosition","iconPosition","id","open","onClick","onClickAccordionCallback","_ref$hideBorder","hideBorder","headerClassName","contentClassName","expandCollapseComponentClassName","_ref$captureOnClick","captureOnClick","componentRef","useRef","mergedRef","useMergeRef","onClickCallback","useCallback","React","createElement","ExpandCollapse","concat","componentClassName"],"mappings":"0OAoDMA,IAAAA,EAA8CC,GAClD,SAAAC,EAiBEC,GACE,IAAAC,EAAAF,EAhBAG,SAAAA,OAAW,IAAHD,EAAG,KAAIA,EAAAE,EAAAJ,EACfK,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACVO,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACdS,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACbW,aAAAA,OAAe,IAAHD,EAAG,QAAOA,EACtBE,EAAEZ,EAAFY,GACAC,EAAIb,EAAJa,KACAC,EAAOd,EAAPc,QACAC,EAAwBf,EAAxBe,yBAAwBC,EAAAhB,EACxBiB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAelB,EAAfkB,gBACAC,EAAgBnB,EAAhBmB,iBACAC,EAAgCpB,EAAhCoB,iCAAgCC,EAAArB,EAChCsB,eAAAA,OAAiB,IAAHD,GAAOA,EAKjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAYzB,EAAKsB,GAE7BI,EAAkBC,GAAY,WAClCb,GAA4BA,IAC5BD,GAAWA,GACb,GAAG,CAACC,EAA0BD,IAE9B,OACEe,EAAAC,cAAA,MAAA,CAAK7B,IAAKwB,EAAWlB,UAAWA,EAAWK,GAAIA,GAC7CiB,EAACC,cAAAC,EACC,CAAAtB,SAAUA,EACVE,aAAcA,EACdC,GAAEoB,oBAAAA,OAAsBpB,GACxBE,QAASa,EACTd,KAAMA,EACNR,MAAOA,EACPY,WAAYA,EACZgB,mBAAoBb,EACpBF,gBAAiBA,EACjBC,iBAAkBA,EAClBG,eAAgBA,GAEfnB,GAIT"}

package/dist/src/components/AlertBanner/AlertBanner.module.scss.js

@@ -1,2 +1,2 @@
-var n={alertBanner:"alertBanner_10e58989ab",primary:"primary_c97e99d0c3",positive:"positive_3c5134d39f",negative:"negative_fc4424d9bb",dark:"dark_3263623d78",warning:"warning_ff17b67974",closeBtn:"closeBtn_f3466f78bb",content:"content_93f58bf1f0",closeButtonWrapper:"closeButtonWrapper_0b79b99a4a",ellipsis:"ellipsis_86d66e6564",contentItem:"contentItem_6469158df3",contentItemText:"contentItemText_be3224ef2b"};!function(n){const e="s_id-d6894f952adc_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".alertBanner_10e58989ab {\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n\n.primary_c97e99d0c3 {\n  background-color: var(--primary-color);\n}\n\n.positive_3c5134d39f {\n  background-color: var(--positive-color);\n}\n\n.negative_fc4424d9bb {\n  background-color: var(--negative-color);\n}\n\n.dark_3263623d78 {\n  background-color: var(--inverted-color-background);\n}\n\n.warning_ff17b67974 {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.warning_ff17b67974 .closeBtn_f3466f78bb {\n  color: var(--fixed-dark-color);\n}\n\n.content_93f58bf1f0 {\n  flex: 1 1 auto;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  align-items: center;\n  justify-content: center;\n  padding-inline-start: var(--space-16);\n}\n\n.closeButtonWrapper_0b79b99a4a {\n  flex: 0 0 40px;\n  position: relative;\n  height: 100%;\n  min-width: 0;\n}\n\n.closeBtn_f3466f78bb {\n  position: absolute;\n  inset-inline-end: 4px;\n  top: 4px;\n}\n\n.ellipsis_86d66e6564 {\n  flex: 0 1 auto;\n}\n\n.contentItem_6469158df3 {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.contentItemText_be3224ef2b {\n  flex: 0 1 auto;\n  min-width: 0;\n}");export{n as default};
+var n={alertBanner:"alertBanner_0a57912622",primary:"primary_ef5d848750",positive:"positive_ec4d669a0e",negative:"negative_d4e913d56f",dark:"dark_620358e0ac",warning:"warning_19973cc7ec",closeBtn:"closeBtn_5a1fa5dc95",content:"content_09f7a292c0",closeButtonWrapper:"closeButtonWrapper_5406c52e89",ellipsis:"ellipsis_9ee77a83d4",contentItem:"contentItem_77a6c80ec9",contentItemText:"contentItemText_f9be34be52"};!function(n){const e="s_id-d6894f952adc_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".alertBanner_0a57912622 {\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n}\n\n.primary_ef5d848750 {\n  background-color: var(--primary-color);\n}\n\n.positive_ec4d669a0e {\n  background-color: var(--positive-color);\n}\n\n.negative_d4e913d56f {\n  background-color: var(--negative-color);\n}\n\n.dark_620358e0ac {\n  background-color: var(--inverted-color-background);\n}\n\n.warning_19973cc7ec {\n  background-color: var(--warning-color);\n  color: var(--fixed-dark-color);\n}\n.warning_19973cc7ec .closeBtn_5a1fa5dc95 {\n  color: var(--fixed-dark-color);\n}\n\n.content_09f7a292c0 {\n  flex: 1 1 auto;\n  display: flex;\n  height: 100%;\n  min-width: 0;\n  align-items: center;\n  justify-content: center;\n  padding-inline-start: var(--space-16);\n}\n\n.closeButtonWrapper_5406c52e89 {\n  flex: 0 0 40px;\n  position: relative;\n  height: 100%;\n  min-width: 0;\n}\n\n.closeBtn_5a1fa5dc95 {\n  position: absolute;\n  inset-inline-end: 4px;\n  top: 4px;\n}\n\n.ellipsis_9ee77a83d4 {\n  flex: 0 1 auto;\n}\n\n.contentItem_77a6c80ec9 {\n  flex: 0 0 auto;\n  min-width: 0;\n}\n\n.contentItemText_f9be34be52 {\n  flex: 0 1 auto;\n  min-width: 0;\n}");export{n as default};
 //# sourceMappingURL=AlertBanner.module.scss.js.map

package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js

@@ -1,2 +1,2 @@
-var e={bannerButton:"bannerButton_371d0939f8",darkBackground:"darkBackground_371d0939f8",marginLeft:"marginLeft_ee3448cdae"};!function(e){const n="s_id-35a7e70934a8_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerButton_371d0939f8 {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground_371d0939f8 .bannerButton_371d0939f8 {\n  background-color: var(--dark-background-color);\n}\n\n.marginLeft_ee3448cdae {\n  margin-inline-start: var(--space-8);\n}");export{e as default};
+var n={bannerButton:"bannerButton_4353d67908",darkBackground:"darkBackground_4353d67908",marginLeft:"marginLeft_d53ad0a539"};!function(n){const e="s_id-35a7e70934a8_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerButton_4353d67908 {\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground_4353d67908 .bannerButton_4353d67908 {\n  background-color: var(--dark-background-color);\n}\n\n.marginLeft_d53ad0a539 {\n  margin-inline-start: var(--space-8);\n}");export{n as default};
 //# sourceMappingURL=AlertBannerButton.module.scss.js.map

package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.js

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../../_virtual/_tslib.js";import r from"classnames";import{getTestId as n,ComponentDefaultTestId as a}from"../../../tests/testIds.js";import i,{useContext as s}from"react";import o from"../../Link/Link.js";import m from"./AlertBannerLink.module.scss.js";import{AlertBannerContext as l}from"../AlertBannerContext.js";var d=function(d){var f=d.marginLeft,p=void 0!==f&&f,L=d.id,c=d["data-testid"],j=e(d,["marginLeft","id","data-testid"]),u=s(l).textColor,v=r(t({},m.marginLeft,p));return i.createElement("div",{className:v,"data-testid":c||n(a.ALERT_BANNER_LINK,L),id:L},i.createElement(o,Object.assign({},j,{textClassName:r(m.bannerLink,t(t({},m.bannerLinkTextColorOnPrimary,"onPrimary"===u),m.bannerLinkTextColorOnInverted,"onInverted"===u))})))};Object.assign(d,{isAlertBannerItem:!0});export{d as default};
+import{defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../../_virtual/_tslib.js";import r from"classnames";import{getTestId as n,ComponentDefaultTestId as i}from"../../../tests/testIds.js";import a,{useContext as s}from"react";import o from"./AlertBannerLink.module.scss.js";import{AlertBannerContext as m}from"../AlertBannerContext.js";import l from"../../../../components/link/dist/Link/Link.js";var d=function(d){var f=d.marginLeft,p=void 0!==f&&f,L=d.id,c=d["data-testid"],j=e(d,["marginLeft","id","data-testid"]),u=s(m).textColor,v=r(t({},o.marginLeft,p));return a.createElement("div",{className:v,"data-testid":c||n(i.ALERT_BANNER_LINK,L),id:L},a.createElement(l,Object.assign({},j,{textClassName:r(o.bannerLink,t(t({},o.bannerLinkTextColorOnPrimary,"onPrimary"===u),o.bannerLinkTextColorOnInverted,"onInverted"===u))})))};Object.assign(d,{isAlertBannerItem:!0});export{d as default};
 //# sourceMappingURL=AlertBannerLink.js.map

package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlertBannerLink.js","sources":["../../../../../src/components/AlertBanner/AlertBannerLink/AlertBannerLink.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport React, { type FC, useContext } from \"react\";\nimport Link, { type LinkProps } from \"../../Link/Link\";\nimport styles from \"./AlertBannerLink.module.scss\";\nimport { AlertBannerContext } from \"../AlertBannerContext\";\n\nexport interface AlertBannerLinkProps extends LinkProps {\n  /**\n   * If true, a left margin is applied to the link.\n   */\n  marginLeft?: boolean;\n}\n\nconst AlertBannerLink: FC<AlertBannerLinkProps> = ({\n  marginLeft = false,\n  id,\n  \"data-testid\": dataTestId,\n  ...linkProps\n}) => {\n  const { textColor } = useContext(AlertBannerContext);\n  const classNames = cx({\n    [styles.marginLeft]: marginLeft\n  });\n\n  return (\n    <div\n      className={classNames}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER_LINK, id)}\n      id={id}\n    >\n      <Link\n        {...linkProps}\n        textClassName={cx(styles.bannerLink, {\n          [styles.bannerLinkTextColorOnPrimary]: textColor === \"onPrimary\",\n          [styles.bannerLinkTextColorOnInverted]: textColor === \"onInverted\"\n        })}\n      />\n    </div>\n  );\n};\n\nObject.assign(AlertBannerLink, {\n  isAlertBannerItem: true\n});\n\nexport default AlertBannerLink;\n"],"names":["AlertBannerLink","_a","_a$marginLeft","marginLeft","id","dataTestId","linkProps","__rest","textColor","useContext","AlertBannerContext","classNames","cx","_defineProperty","styles","React","createElement","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_LINK","Link","Object","assign","textClassName","bannerLink","bannerLinkTextColorOnPrimary","bannerLinkTextColorOnInverted","isAlertBannerItem"],"mappings":"6aAcA,IAAMA,EAA4C,SAACC,GAAA,IAAAC,EAKlDD,EAJCE,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAGDH,EAHCG,GACeC,EAEhBJ,EAFC,eACGK,EAASC,EAAAN,EAJqC,mCAMzCO,EAAcC,EAAWC,GAAzBF,UACFG,EAAaC,EAAEC,EAAA,CAAA,EAClBC,EAAOX,WAAaA,IAGvB,OACEY,EACEC,cAAA,MAAA,CAAAC,UAAWN,EAAU,cACRN,GAAca,EAAUC,EAAuBC,kBAAmBhB,GAC/EA,GAAIA,GAEJW,EAACC,cAAAK,EACKC,OAAAC,OAAA,CAAA,EAAAjB,EACJ,CAAAkB,cAAeZ,EAAGE,EAAOW,WAAUZ,EAAAA,EAAA,GAChCC,EAAOY,6BAA6C,cAAdlB,GACtCM,EAAOa,8BAA8C,eAAdnB,OAKlD,EAEAc,OAAOC,OAAOvB,EAAiB,CAC7B4B,mBAAmB"}
+{"version":3,"file":"AlertBannerLink.js","sources":["../../../../../src/components/AlertBanner/AlertBannerLink/AlertBannerLink.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport React, { type FC, useContext } from \"react\";\nimport { Link, type LinkProps } from \"@vibe/link\";\nimport styles from \"./AlertBannerLink.module.scss\";\nimport { AlertBannerContext } from \"../AlertBannerContext\";\n\nexport interface AlertBannerLinkProps extends LinkProps {\n  /**\n   * If true, a left margin is applied to the link.\n   */\n  marginLeft?: boolean;\n}\n\nconst AlertBannerLink: FC<AlertBannerLinkProps> = ({\n  marginLeft = false,\n  id,\n  \"data-testid\": dataTestId,\n  ...linkProps\n}) => {\n  const { textColor } = useContext(AlertBannerContext);\n  const classNames = cx({\n    [styles.marginLeft]: marginLeft\n  });\n\n  return (\n    <div\n      className={classNames}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER_LINK, id)}\n      id={id}\n    >\n      <Link\n        {...linkProps}\n        textClassName={cx(styles.bannerLink, {\n          [styles.bannerLinkTextColorOnPrimary]: textColor === \"onPrimary\",\n          [styles.bannerLinkTextColorOnInverted]: textColor === \"onInverted\"\n        })}\n      />\n    </div>\n  );\n};\n\nObject.assign(AlertBannerLink, {\n  isAlertBannerItem: true\n});\n\nexport default AlertBannerLink;\n"],"names":["AlertBannerLink","_a","_a$marginLeft","marginLeft","id","dataTestId","linkProps","__rest","textColor","useContext","AlertBannerContext","classNames","cx","_defineProperty","styles","React","createElement","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_LINK","Link","Object","assign","textClassName","bannerLink","bannerLinkTextColorOnPrimary","bannerLinkTextColorOnInverted","isAlertBannerItem"],"mappings":"wcAcA,IAAMA,EAA4C,SAACC,GAAA,IAAAC,EAKlDD,EAJCE,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAGDH,EAHCG,GACeC,EAEhBJ,EAFC,eACGK,EAASC,EAAAN,EAJqC,mCAMzCO,EAAcC,EAAWC,GAAzBF,UACFG,EAAaC,EAAEC,EAAA,CAAA,EAClBC,EAAOX,WAAaA,IAGvB,OACEY,EACEC,cAAA,MAAA,CAAAC,UAAWN,EAAU,cACRN,GAAca,EAAUC,EAAuBC,kBAAmBhB,GAC/EA,GAAIA,GAEJW,EAACC,cAAAK,EACKC,OAAAC,OAAA,CAAA,EAAAjB,EACJ,CAAAkB,cAAeZ,EAAGE,EAAOW,WAAUZ,EAAAA,EAAA,GAChCC,EAAOY,6BAA6C,cAAdlB,GACtCM,EAAOa,8BAA8C,eAAdnB,OAKlD,EAEAc,OAAOC,OAAOvB,EAAiB,CAC7B4B,mBAAmB"}

package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js

@@ -1,2 +1,2 @@
-var n={bannerLink:"bannerLink_cdf197c63a",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary_8d60101627",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted_0da25b4b66",marginLeft:"marginLeft_ee3448cdae"};!function(n){const e="s_id-b8e9178179b1_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerLink_cdf197c63a {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary_8d60101627 {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted_0da25b4b66 {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft_ee3448cdae {\n  margin-inline-start: var(--space-8);\n}");export{n as default};
+var n={bannerLink:"bannerLink_b99f274adc",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary_890c539ff9",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted_d734f1e7af",marginLeft:"marginLeft_d53ad0a539"};!function(n){const e="s_id-b8e9178179b1_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerLink_b99f274adc {\n  text-decoration: underline;\n  -webkit-font-smoothing: auto;\n  -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary_890c539ff9 {\n  color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted_d734f1e7af {\n  color: var(--text-color-on-inverted);\n}\n\n.marginLeft_d53ad0a539 {\n  margin-inline-start: var(--space-8);\n}");export{n as default};
 //# sourceMappingURL=AlertBannerLink.module.scss.js.map

package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js

@@ -1,2 +1,2 @@
-var e={bannerText:"bannerText_00e17a982f",marginLeft:"marginLeft_ee3448cdae"};!function(e){const n="s_id-306a220e9849_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerText_00e17a982f {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.marginLeft_ee3448cdae {\n  margin-inline-start: var(--space-8);\n}");export{e as default};
+var e={bannerText:"bannerText_9a8119f5ce",marginLeft:"marginLeft_d53ad0a539"};!function(e){const n="s_id-306a220e9849_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerText_9a8119f5ce {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.marginLeft_d53ad0a539 {\n  margin-inline-start: var(--space-8);\n}");export{e as default};
 //# sourceMappingURL=AlertBannerText.module.scss.js.map

package/dist/src/components/AttentionBox/AttentionBox.module.scss.js

@@ -1,2 +1,2 @@
-var n={attention:"attention_808024251c",animate:"animate_384a080086",attentionBoxAnimation:"attentionBoxAnimation_4705898a67",primary:"primary_570f54c0b8",positive:"positive_23c8ff7942",negative:"negative_d8ced624fe",warning:"warning_ac0466db61",neutral:"neutral_82f93e4c2f"};!function(n){const e="s_id-4a6eadcbcb7d_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("@keyframes attentionBoxAnimation_4705898a67 {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.attention_808024251c {\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-12) var(--space-16);\n  position: relative;\n  overflow: hidden;\n}\n.attention_808024251c.animate_384a080086 {\n  animation: attentionBoxAnimation_4705898a67 200ms var(--motion-timing-transition);\n}\n.attention_808024251c.primary_570f54c0b8 {\n  background-color: var(--primary-selected-color);\n}\n.attention_808024251c.positive_23c8ff7942 {\n  background-color: var(--positive-color-selected);\n}\n.attention_808024251c.negative_d8ced624fe {\n  background-color: var(--negative-color-selected);\n}\n.attention_808024251c.warning_ac0466db61 {\n  background-color: var(--warning-color-selected);\n}\n.attention_808024251c.neutral_82f93e4c2f {\n  background-color: var(--allgrey-background-color);\n}");export{n as default};
+var n={attention:"attention_c2a133edcb",animate:"animate_e83e6d0443",attentionBoxAnimation:"attentionBoxAnimation_7b811da324",primary:"primary_26f2566d34",positive:"positive_df40faa751",negative:"negative_e79aa41abe",warning:"warning_88b526545e",neutral:"neutral_b0671ed207"};!function(n){const e="s_id-54c18338c3c3_4_5_10";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('@keyframes attentionBoxAnimation_7b811da324 {\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  50% {\n    opacity: 1;\n  }\n  100% {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n.attention_c2a133edcb {\n  width: 100%;\n  border-radius: var(--border-radius-medium);\n  padding: var(--space-12) var(--space-16);\n  position: relative;\n  overflow: hidden;\n  /* Semantic surfaces, per Facelift "surface colors" (Figma 630:106200). */\n}\n.attention_c2a133edcb.animate_e83e6d0443 {\n  animation: attentionBoxAnimation_7b811da324 200ms var(--motion-timing-transition);\n}\n.attention_c2a133edcb.primary_26f2566d34 {\n  background-color: var(--surface-primary);\n}\n.attention_c2a133edcb.positive_df40faa751 {\n  background-color: var(--surface-positive);\n}\n.attention_c2a133edcb.negative_e79aa41abe {\n  background-color: var(--surface-negative);\n}\n.attention_c2a133edcb.warning_88b526545e {\n  background-color: var(--surface-warning);\n}\n.attention_c2a133edcb.neutral_b0671ed207 {\n  background-color: var(--surface-neutral);\n}');export{n as default};
 //# sourceMappingURL=AttentionBox.module.scss.js.map

package/dist/src/components/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js

@@ -1,2 +1,2 @@
-var e={closeButton:"closeButton_e5467b6885"};!function(e){const t="s_id-979f8aeb619b_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".closeButton_e5467b6885 {\n  flex-shrink: 0;\n}\n.closeButton_e5467b6885:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
+var e={closeButton:"closeButton_0d993d3be3"};!function(e){const t="s_id-979f8aeb619b_4_5_10";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".closeButton_0d993d3be3 {\n  flex-shrink: 0;\n}\n.closeButton_0d993d3be3:hover {\n  background-color: var(--primary-background-hover-color);\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxCloseButton.module.scss.js.map

package/dist/src/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js

@@ -1,2 +1,2 @@
-var e={icon:"icon_703b293973"};!function(e){const t="s_id-55a80ba34ba3_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".icon_703b293973 {\n  color: var(--primary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={icon:"icon_eeab4a11fb"};!function(e){const t="s_id-edf82592c5af_4_5_10";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".icon_eeab4a11fb {\n  /* Track the attention box's text colour rather than pinning it. */\n  color: currentColor;\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLeadingIcon.module.scss.js.map

package/dist/src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.js

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../../../_virtual/_tslib.js";import r,{forwardRef as a}from"react";import e from"classnames";import s from"../../../Link/Link.js";import o from"./AttentionBoxLink.module.scss.js";var m=a((function(a,m){var i=a.target,n=a.className,c=t(a,["target","className"]);return r.createElement(s,Object.assign({ref:m,target:i,className:e(o.attentionBoxLink,n)},c))}));export{m as default};
+import{__rest as t}from"../../../../../_virtual/_tslib.js";import r,{forwardRef as e}from"react";import s from"classnames";import a from"./AttentionBoxLink.module.scss.js";import o from"../../../../../components/link/dist/Link/Link.js";var i=e((function(e,i){var m=e.target,n=e.className,c=t(e,["target","className"]);return r.createElement(o,Object.assign({ref:i,target:m,className:s(a.attentionBoxLink,n)},c))}));export{i as default};
 //# sourceMappingURL=AttentionBoxLink.js.map

package/dist/src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"AttentionBoxLink.js","sources":["../../../../../../src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { Link } from \"../../../Link\";\nimport type { LinkProps } from \"../../../Link\";\nimport styles from \"./AttentionBoxLink.module.scss\";\n\nexport type AttentionBoxLinkProps = LinkProps;\n\nconst AttentionBoxLink = forwardRef(\n  ({ target, className, ...linkProps }: AttentionBoxLinkProps, ref: React.ForwardedRef<HTMLAnchorElement>) => {\n    return <Link ref={ref} target={target} className={cx(styles.attentionBoxLink, className)} {...linkProps} />;\n  }\n);\n\nexport default AttentionBoxLink;\n"],"names":["AttentionBoxLink","forwardRef","_a","ref","target","className","linkProps","__rest","React","createElement","Link","Object","assign","cx","styles","attentionBoxLink"],"mappings":"iNAQMA,IAAAA,EAAmBC,GACvB,SAACC,EAA4DC,OAA1DC,EAAiBF,EAAjBE,OAAQC,EAASH,EAATG,UAAcC,EAASC,EAAAL,EAAjC,wBACC,OAAOM,EAAAC,cAACC,EAAIC,OAAAC,OAAA,CAACT,IAAKA,EAAKC,OAAQA,EAAQC,UAAWQ,EAAGC,EAAOC,iBAAkBV,IAAgBC,GAChG"}
+{"version":3,"file":"AttentionBoxLink.js","sources":["../../../../../../src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { Link, type LinkProps } from \"@vibe/link\";\nimport styles from \"./AttentionBoxLink.module.scss\";\n\nexport type AttentionBoxLinkProps = LinkProps;\n\nconst AttentionBoxLink = forwardRef(\n  ({ target, className, ...linkProps }: AttentionBoxLinkProps, ref: React.ForwardedRef<HTMLAnchorElement>) => {\n    return <Link ref={ref} target={target} className={cx(styles.attentionBoxLink, className)} {...linkProps} />;\n  }\n);\n\nexport default AttentionBoxLink;\n"],"names":["AttentionBoxLink","forwardRef","_a","ref","target","className","linkProps","__rest","React","createElement","Link","Object","assign","cx","styles","attentionBoxLink"],"mappings":"4OAOMA,IAAAA,EAAmBC,GACvB,SAACC,EAA4DC,OAA1DC,EAAiBF,EAAjBE,OAAQC,EAASH,EAATG,UAAcC,EAASC,EAAAL,EAAjC,wBACC,OAAOM,EAAAC,cAACC,EAAIC,OAAAC,OAAA,CAACT,IAAKA,EAAKC,OAAQA,EAAQC,UAAWQ,EAAGC,EAAOC,iBAAkBV,IAAgBC,GAChG"}

package/dist/src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js

@@ -1,2 +1,2 @@
-var e={attentionBoxLink:"attentionBoxLink_b7f1a90afd"};!function(e){const t="s_id-f7cefb69d475_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("a.attentionBoxLink_b7f1a90afd {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
+var e={attentionBoxLink:"attentionBoxLink_473557be70"};!function(e){const t="s_id-f7cefb69d475_4_5_10";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("a.attentionBoxLink_473557be70 {\n  color: var(--primary-text-color);\n  text-decoration: underline;\n}");export{e as default};
 //# sourceMappingURL=AttentionBoxLink.module.scss.js.map

package/dist/src/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js

@@ -1,2 +1,2 @@
-var e={container:"container_9672b16caf",mainContentGroup:"mainContentGroup_0ed79d95f4",leadingIcon:"leadingIcon_aebfcc1e8d",actionsGroup:"actionsGroup_59277ada58"};!function(e){const n="s_id-2f71fab0a877_4_5_3";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_9672b16caf {\n  gap: var(--space-32);\n}\n\n.mainContentGroup_0ed79d95f4 {\n  min-width: 0;\n}\n\n.leadingIcon_aebfcc1e8d {\n  align-self: flex-start;\n}\n\n.actionsGroup_59277ada58 {\n  gap: var(--space-12);\n}");export{e as default};
+var n={container:"container_d6af9b3e46",mainContentGroup:"mainContentGroup_f4418798e4",leadingIcon:"leadingIcon_302d706036",actionsGroup:"actionsGroup_7bc88d00dc"};!function(n){const e="s_id-2f71fab0a877_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_d6af9b3e46 {\n  gap: var(--space-32);\n}\n\n.mainContentGroup_f4418798e4 {\n  min-width: 0;\n}\n\n.leadingIcon_302d706036 {\n  align-self: flex-start;\n}\n\n.actionsGroup_7bc88d00dc {\n  gap: var(--space-12);\n}");export{n as default};
 //# sourceMappingURL=AttentionBoxCompact.module.scss.js.map

package/dist/src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js

@@ -1,2 +1,2 @@
-var n={container:"container_084b95c8ef",icon:"icon_a4b66bcd68",title:"title_dcea448e48",text:"text_ffe04882e0",actions:"actions_dfff61a56a",closeButton:"closeButton_874e519b26",hasIcon:"hasIcon_0ec8610947",hasCloseButton:"hasCloseButton_5818eee561",hasTitle:"hasTitle_8f112d176a"};!function(n){const e="s_id-d1aa0b2532e6_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,t.firstChild?t.insertBefore(c,t.firstChild):t.appendChild(c),c.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_084b95c8ef {\n  --grid-columns: auto 1fr auto;\n  display: grid;\n  gap: var(--space-4);\n  width: 100%;\n  grid-template-columns: var(--grid-columns);\n}\n.container_084b95c8ef .icon_a4b66bcd68 {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container_084b95c8ef .title_dcea448e48 {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container_084b95c8ef .text_ffe04882e0,\n.container_084b95c8ef .actions_dfff61a56a {\n  grid-column: 2/-1;\n}\n.container_084b95c8ef .text_ffe04882e0 {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container_084b95c8ef .closeButton_874e519b26 {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container_084b95c8ef .actions_dfff61a56a {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container_084b95c8ef:not(.hasIcon_0ec8610947) {\n  --grid-columns: 1fr auto;\n}\n.container_084b95c8ef:not(.hasIcon_0ec8610947):not(.hasCloseButton_5818eee561) {\n  --grid-columns: 1fr;\n}\n.container_084b95c8ef:not(.hasIcon_0ec8610947) .title_dcea448e48 {\n  grid-column: 1;\n}\n.container_084b95c8ef:not(.hasIcon_0ec8610947) .text_ffe04882e0,\n.container_084b95c8ef:not(.hasIcon_0ec8610947) .actions_dfff61a56a {\n  grid-column: 1/-1;\n}\n.container_084b95c8ef:not(.hasIcon_0ec8610947) .closeButton_874e519b26 {\n  grid-column: 2;\n}\n.container_084b95c8ef:not(.hasCloseButton_5818eee561) {\n  --grid-columns: auto 1fr;\n}\n.container_084b95c8ef:not(.hasTitle_8f112d176a) .icon_a4b66bcd68 {\n  align-self: start;\n}\n.container_084b95c8ef:not(.hasTitle_8f112d176a) .text_ffe04882e0 {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container_084b95c8ef:not(.hasTitle_8f112d176a) .closeButton_874e519b26 {\n  margin-block-start: -1px;\n}\n.container_084b95c8ef:not(.hasTitle_8f112d176a) .actions_dfff61a56a {\n  grid-row: 2;\n}");export{n as default};
+var n={container:"container_7d6f627520",icon:"icon_a9678659a3",title:"title_5832dd90a1",text:"text_7fe8ee9060",actions:"actions_feaabc3694",closeButton:"closeButton_13ee4d8688",hasIcon:"hasIcon_69512d2530",hasCloseButton:"hasCloseButton_9374c71f87",hasTitle:"hasTitle_1c03b93279"};!function(n){const e="s_id-d1aa0b2532e6_4_5_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_7d6f627520 {\n  --grid-columns: auto 1fr auto;\n  display: grid;\n  gap: var(--space-4);\n  width: 100%;\n  grid-template-columns: var(--grid-columns);\n}\n.container_7d6f627520 .icon_a9678659a3 {\n  grid-column: 1;\n  grid-row: 1;\n  align-self: center;\n}\n.container_7d6f627520 .title_5832dd90a1 {\n  grid-row: 1;\n  grid-column: 2;\n  align-self: center;\n}\n.container_7d6f627520 .text_7fe8ee9060,\n.container_7d6f627520 .actions_feaabc3694 {\n  grid-column: 2/-1;\n}\n.container_7d6f627520 .text_7fe8ee9060 {\n  grid-row: 2;\n  min-width: 0;\n  margin-inline-end: var(--space-8);\n}\n.container_7d6f627520 .closeButton_13ee4d8688 {\n  grid-row: 1;\n  grid-column: 3;\n  align-self: start;\n}\n.container_7d6f627520 .actions_feaabc3694 {\n  grid-row: 3;\n  margin-block-start: var(--space-8);\n}\n.container_7d6f627520:not(.hasIcon_69512d2530) {\n  --grid-columns: 1fr auto;\n}\n.container_7d6f627520:not(.hasIcon_69512d2530):not(.hasCloseButton_9374c71f87) {\n  --grid-columns: 1fr;\n}\n.container_7d6f627520:not(.hasIcon_69512d2530) .title_5832dd90a1 {\n  grid-column: 1;\n}\n.container_7d6f627520:not(.hasIcon_69512d2530) .text_7fe8ee9060,\n.container_7d6f627520:not(.hasIcon_69512d2530) .actions_feaabc3694 {\n  grid-column: 1/-1;\n}\n.container_7d6f627520:not(.hasIcon_69512d2530) .closeButton_13ee4d8688 {\n  grid-column: 2;\n}\n.container_7d6f627520:not(.hasCloseButton_9374c71f87) {\n  --grid-columns: auto 1fr;\n}\n.container_7d6f627520:not(.hasTitle_1c03b93279) .icon_a9678659a3 {\n  align-self: start;\n}\n.container_7d6f627520:not(.hasTitle_1c03b93279) .text_7fe8ee9060 {\n  grid-row: 1;\n  grid-column-end: -2;\n}\n.container_7d6f627520:not(.hasTitle_1c03b93279) .closeButton_13ee4d8688 {\n  margin-block-start: -1px;\n}\n.container_7d6f627520:not(.hasTitle_1c03b93279) .actions_feaabc3694 {\n  grid-row: 2;\n}");export{n as default};
 //# sourceMappingURL=AttentionBoxDefault.module.scss.js.map