npm - @vibe/core - Versions diffs - 3.0.0-alpha.8 → 3.0.0-alpha.9 - Mend

@vibe/core 3.0.0-alpha.8 → 3.0.0-alpha.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (389) hide show

package/dist/src/components/Dropdown/Dropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { BaseSizes, SIZES_VALUES } from \"../../constants\";\nimport React, { forwardRef, useCallback, useMemo, useRef, useState, useEffect } from \"react\";\nimport Select, { InputProps, components, createFilter, ActionMeta } from \"react-select\";\nimport AsyncSelect from \"react-select/async\";\nimport BaseSelect from \"react-select/base\";\nimport { noop as NOOP } from \"lodash-es\";\nimport MenuComponent from \"./components/menu/menu\";\nimport DropdownIndicatorComponent from \"./components/DropdownIndicator/DropdownIndicator\";\nimport OptionComponent from \"./components/option/option\";\nimport SingleValueComponent from \"./components/singleValue/singleValue\";\nimport ClearIndicatorComponent from \"./components/ClearIndicator/ClearIndicator\";\nimport MultiValueContainer from \"./components/MultiValueContainer/MultiValueContainer\";\nimport { isClient } from \"../../utils/ssr-utils\";\nimport {\n ADD_AUTO_HEIGHT_COMPONENTS,\n defaultCustomStyles,\n DROPDOWN_CHIP_COLORS,\n DROPDOWN_ID,\n DROPDOWN_INPUT_ARIA_LABEL,\n DROPDOWN_MENU_ARIA_LABEL,\n DROPDOWN_MENU_ID,\n DROPDOWN_MENU_PLACEMENT,\n DROPDOWN_MENU_POSITION\n} from \"./DropdownConstants\";\nimport generateBaseStyles, { customTheme } from \"./Dropdown.styles\";\nimport Control from \"./components/Control/Control\";\nimport menuStyles from \"./components/menu/menu.module.scss\";\nimport styles from \"./Dropdown.module.scss\";\nimport {\n DropdownOption,\n DropdownState,\n CustomMenuProps,\n CustomOptionProps,\n CustomSingleValueProps,\n DropdownComponentProps\n} from \"./Dropdown.types\";\nimport { VibeComponent, withStaticProps } from \"../../types\";\n\nconst Dropdown: VibeComponent<DropdownComponentProps, HTMLElement> & {\n sizes?: typeof BaseSizes;\n chipColors?: typeof DROPDOWN_CHIP_COLORS;\n menuPlacements?: typeof DROPDOWN_MENU_PLACEMENT;\n menuPositions?: typeof DROPDOWN_MENU_POSITION;\n createFilter?: typeof createFilter;\n} = forwardRef(\n (\n {\n className,\n optionWrapperClassName,\n singleValueWrapperClassName,\n dropdownMenuWrapperClassName,\n placeholder = \"\",\n disabled = false,\n readOnly = false,\n onMenuOpen = NOOP,\n onMenuClose = NOOP,\n onFocus = NOOP,\n onBlur = NOOP,\n onScroll = NOOP,\n onMenuScrollToBottom = NOOP,\n onChange: customOnChange = NOOP,\n searchable = true,\n captureMenuScroll = false,\n options = [],\n defaultValue,\n value: customValue,\n noOptionsMessage,\n openMenuOnFocus,\n openMenuOnClick,\n clearable = true,\n OptionRenderer,\n optionRenderer,\n ValueRenderer,\n valueRenderer,\n menuRenderer,\n menuPlacement = \"bottom\",\n rtl,\n size = \"medium\",\n asyncOptions,\n cacheOptions,\n defaultOptions,\n isVirtualized,\n menuPortalTarget,\n extraStyles = defaultCustomStyles,\n maxMenuHeight,\n menuIsOpen,\n tabIndex = \"0\",\n id = DROPDOWN_ID,\n menuId = DROPDOWN_MENU_ID,\n menuAriaLabel = DROPDOWN_MENU_ARIA_LABEL,\n inputAriaLabel = DROPDOWN_INPUT_ARIA_LABEL,\n autoFocus = false,\n multi = false,\n multiline = false,\n onOptionRemove: customOnOptionRemove,\n onOptionSelect,\n onClear,\n onInputChange = NOOP,\n closeMenuOnSelect = !multi,\n closeMenuOnScroll: customCloseMenuOnScroll = false,\n withMandatoryDefaultOptions = false,\n isOptionSelected,\n insideOverflowContainer = false,\n insideOverflowWithTransformContainer = false,\n tooltipContent = \"\",\n onKeyDown = NOOP,\n isLoading = false,\n loadingMessage,\n ariaLabel,\n tabSelectsValue = true,\n popupsContainerSelector,\n filterOption,\n menuPosition = \"absolute\",\n \"data-testid\": dataTestId,\n withGroupDivider = false\n }: DropdownComponentProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const controlRef = useRef();\n const overrideMenuPortalTarget =\n menuPortalTarget \|\| (popupsContainerSelector && document.querySelector(popupsContainerSelector));\n const overrideDefaultValue = useMemo(() => {\n if (defaultValue) {\n return Array.isArray(defaultValue)\n ? (defaultValue as DropdownOption[]).map(df => ({ ...df, isMandatory: true }))\n : { ...(defaultValue as DropdownOption), isMandatory: true };\n }\n\n return defaultValue;\n }, [defaultValue]);\n\n BaseSelect.prototype.renderLiveRegion = (): null => {\n return null;\n };\n\n // SSR support\n const [WindowedMenuList, setWindowedMenuList] = useState(null);\n useEffect(() => {\n if (isClient()) {\n // Dynamically import the specific named export from react-windowed-select for SSR support\n import(\"react-windowed-select\").then(module => {\n setWindowedMenuList(() => module.WindowedMenuList);\n });\n }\n }, []);\n\n const [selected, setSelected] = useState(overrideDefaultValue \|\| []);\n const [focusedOptionId, setFocusedOptionId] = useState(\"\");\n const finalOptionRenderer = optionRenderer \|\| OptionRenderer;\n const finalValueRenderer = valueRenderer \|\| ValueRenderer;\n const isControlled = !!customValue;\n const selectedOptions = customValue ?? selected;\n const selectedOptionsMap = useMemo(() => {\n if (Array.isArray(selectedOptions)) {\n return selectedOptions.reduce((acc, option) => ({ ...acc, [option.value]: option }), {});\n }\n return {};\n }, [selectedOptions]);\n\n const overrideAriaLabel = useMemo(() => {\n return (\n ariaLabel \|\|\n `${readOnly ? \"Readonly \" : \"\"} ${tooltipContent} ${\n Array.isArray(selectedOptions) ? `Selected: ${selectedOptions.map(o => o.label).join(\", \")}` : \"Select\"\n }`\n );\n }, [ariaLabel, readOnly, selectedOptions, tooltipContent]);\n const value = multi ? selectedOptions : customValue;\n\n const inlineStyles = useMemo(() => {\n // We first want to get the default stylized groups (e.g. \"container\", \"menu\").\n const baseStyles = generateBaseStyles({\n size,\n rtl,\n insideOverflowContainer,\n controlRef,\n insideOverflowWithTransformContainer,\n withGroupDivider\n });\n\n type BaseStyles = typeof baseStyles;\n\n // Then we want to run the consumer's root-level custom styles with our \"base\" override groups.\n const customStyles = extraStyles(baseStyles);\n\n // Lastly, we create a style groups object that makes sure we run each custom group with our basic overrides.\n const mergedStyles: any = Object.entries(customStyles).reduce((accumulator, [stylesGroup, stylesFn]) => {\n return {\n ...accumulator,\n [stylesGroup]: (defaultStyles: BaseStyles, state: DropdownState) => {\n const providedFn = baseStyles[stylesGroup as keyof BaseStyles];\n const provided = providedFn ? providedFn(defaultStyles, state) : defaultStyles;\n\n return stylesFn(provided, state);\n }\n };\n }, {} as BaseStyles);\n\n if (multi) {\n if (multiline) {\n ADD_AUTO_HEIGHT_COMPONENTS.forEach((component: string) => {\n const original = mergedStyles[component];\n mergedStyles[component] = (provided: BaseStyles, state: DropdownState) => ({\n ...original(provided, state),\n height: \"auto\"\n });\n });\n }\n\n const originalValueContainer = mergedStyles.valueContainer;\n mergedStyles.valueContainer = (provided: BaseStyles, state: DropdownState) => ({\n ...originalValueContainer(provided, state),\n paddingLeft: 6\n });\n }\n\n return mergedStyles;\n }, [size, rtl, insideOverflowContainer, insideOverflowWithTransformContainer, extraStyles, multi, multiline]);\n\n const Menu = useCallback(\n (props: CustomMenuProps) => (\n <MenuComponent\n {...props}\n id={menuId}\n ariaLabel={menuAriaLabel}\n Renderer={menuRenderer}\n dropdownMenuWrapperClassName={dropdownMenuWrapperClassName}\n onScroll={onScroll}\n />\n ),\n [dropdownMenuWrapperClassName, menuRenderer, menuId, menuAriaLabel, onScroll]\n );\n\n const DropdownIndicator = useCallback(\n (props: React.HTMLAttributes<HTMLElement> & { size?: SIZES_VALUES }) => (\n <DropdownIndicatorComponent {...props} size={size} />\n ),\n [size]\n );\n\n const Option = useCallback(\n (props: CustomOptionProps) => (\n <OptionComponent\n setFocusedOptionId={setFocusedOptionId}\n {...props}\n Renderer={finalOptionRenderer}\n optionWrapperClassName={optionWrapperClassName}\n />\n ),\n [finalOptionRenderer, optionWrapperClassName, setFocusedOptionId]\n );\n\n const Input = useCallback(\n (props: InputProps \| any) => {\n const { focusedOptionId, menuIsOpen } = props.selectProps;\n const ariaActiveDescendant = focusedOptionId && menuIsOpen ? focusedOptionId : \"\";\n return (\n <components.Input\n {...props}\n aria-activedescendant={ariaActiveDescendant}\n role=\"combobox\"\n aria-expanded={!readOnly && menuIsOpen}\n aria-label={inputAriaLabel}\n aria-controls={menuId}\n />\n );\n },\n [menuId, readOnly]\n );\n\n const SingleValue = useCallback(\n (props: CustomSingleValueProps) => (\n <SingleValueComponent\n {...props}\n readOnly={readOnly}\n Renderer={finalValueRenderer}\n selectedOption={selectedOptions[0]}\n singleValueWrapperClassName={singleValueWrapperClassName}\n />\n ),\n [finalValueRenderer, readOnly, selectedOptions, singleValueWrapperClassName]\n );\n\n const ClearIndicator = useCallback(\n (props: React.HTMLAttributes<HTMLElement> & { size?: SIZES_VALUES }) => (\n <ClearIndicatorComponent {...props} size={size} />\n ),\n [size]\n );\n\n const onOptionRemove = useMemo(() => {\n return function (optionValue: number, e: React.MouseEvent \| React.KeyboardEvent) {\n if (customOnOptionRemove) {\n customOnOptionRemove(selectedOptionsMap[optionValue]);\n }\n const newSelectedOptions = Array.isArray(selectedOptions)\n ? selectedOptions.filter(option => option.value !== optionValue)\n : selectedOptions;\n\n if (customOnChange) {\n customOnChange(newSelectedOptions, e);\n }\n setSelected(newSelectedOptions);\n };\n }, [customOnChange, customOnOptionRemove, selectedOptions, selectedOptionsMap]);\n\n const customProps = useMemo(\n () => ({\n selectedOptions,\n onSelectedDelete: onOptionRemove,\n isMultiline: multiline,\n insideOverflowContainer,\n insideOverflowWithTransformContainer,\n controlRef,\n tooltipContent,\n popupsContainerSelector,\n size\n }),\n [\n selectedOptions,\n onOptionRemove,\n multiline,\n insideOverflowContainer,\n insideOverflowWithTransformContainer,\n tooltipContent,\n popupsContainerSelector,\n size\n ]\n );\n const onChange = (option: DropdownOption \| DropdownOption[], meta: ActionMeta<DropdownOption>) => {\n if (customOnChange) {\n customOnChange(option, meta);\n }\n\n switch (meta.action) {\n case \"select-option\": {\n const selectedOption = multi ? meta.option : option;\n\n if (onOptionSelect) {\n onOptionSelect(selectedOption);\n }\n\n if (!isControlled) {\n setSelected([...selectedOptions, selectedOption]);\n }\n break;\n }\n\n case \"clear\":\n if (onClear) {\n onClear();\n }\n\n if (!isControlled) {\n if (withMandatoryDefaultOptions) setSelected(overrideDefaultValue);\n else setSelected([]);\n }\n break;\n }\n };\n\n const DropDownComponent: React.ElementType = asyncOptions ? AsyncSelect : Select;\n\n const asyncAdditions = {\n ...(asyncOptions && {\n loadOptions: asyncOptions,\n cacheOptions,\n ...(defaultOptions && { defaultOptions })\n })\n };\n\n const additions = {\n ...(!asyncOptions && { options }),\n ...(multi && {\n isMulti: true\n })\n };\n\n const closeMenuOnScroll = useCallback(\n (event: React.FocusEvent) => {\n const scrolledElement = event.target;\n if (scrolledElement?.parentElement?.classList.contains(menuStyles.dropdownMenuWrapper)) {\n return false;\n }\n return customCloseMenuOnScroll \|\| insideOverflowContainer \|\| insideOverflowWithTransformContainer;\n },\n [insideOverflowContainer, insideOverflowWithTransformContainer, customCloseMenuOnScroll]\n );\n\n return (\n <DropDownComponent\n className={cx(styles.dropdown, className)}\n selectProps={customProps}\n components={{\n DropdownIndicator,\n Menu,\n ClearIndicator,\n Input,\n Option,\n Control,\n SingleValue,\n ...(multi && {\n MultiValue: NOOP, // We need it for react-select to behave nice with \"multi\"\n ValueContainer: MultiValueContainer\n }),\n ...(isVirtualized && WindowedMenuList && { MenuList: WindowedMenuList })\n }}\n // When inside scroll we set the menu position by js and we can't follow the drop down location while use scrolling\n closeMenuOnScroll={closeMenuOnScroll}\n size={size}\n noOptionsMessage={noOptionsMessage}\n placeholder={placeholder}\n isDisabled={disabled}\n isClearable={!readOnly && clearable}\n isSearchable={!readOnly && searchable}\n readOnly={readOnly}\n aria-readonly={readOnly}\n aria-label={overrideAriaLabel}\n aria-details={tooltipContent}\n aria-haspopup=\"listbox\"\n defaultValue={defaultValue}\n value={value}\n onMenuOpen={onMenuOpen}\n onMenuClose={onMenuClose}\n onFocus={onFocus}\n onBlur={onBlur}\n onMenuScrollToBottom={onMenuScrollToBottom}\n captureMenuScroll={captureMenuScroll}\n onChange={onChange}\n onKeyDown={onKeyDown}\n onInputChange={onInputChange}\n openMenuOnFocus={openMenuOnFocus}\n openMenuOnClick={openMenuOnClick}\n focusedOptionId={focusedOptionId}\n isRtl={rtl}\n styles={inlineStyles}\n theme={customTheme}\n maxMenuHeight={maxMenuHeight}\n menuPortalTarget={overrideMenuPortalTarget}\n menuPlacement={menuPlacement}\n menuPosition={menuPosition}\n menuIsOpen={!readOnly && menuIsOpen}\n tabIndex={tabIndex}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.DROPDOWN, id)}\n autoFocus={autoFocus}\n closeMenuOnSelect={closeMenuOnSelect}\n ref={ref as React.Ref<any>}\n withMandatoryDefaultOptions={withMandatoryDefaultOptions}\n isOptionSelected={isOptionSelected}\n isLoading={isLoading}\n loadingMessage={loadingMessage}\n tabSelectsValue={tabSelectsValue}\n filterOption={filterOption}\n {...asyncAdditions}\n {...additions}\n />\n );\n }\n);\n\nexport default withStaticProps(Dropdown, {\n sizes: BaseSizes,\n chipColors: DROPDOWN_CHIP_COLORS,\n menuPlacements: DROPDOWN_MENU_PLACEMENT,\n menuPositions: DROPDOWN_MENU_POSITION,\n createFilter: createFilter\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","optionWrapperClassName","singleValueWrapperClassName","dropdownMenuWrapperClassName","_ref$placeholder","placeholder","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$onMenuOpen","onMenuOpen","NOOP","_ref$onMenuClose","onMenuClose","_ref$onFocus","onFocus","_ref$onBlur","onBlur","_ref$onScroll","onScroll","_ref$onMenuScrollToBo","onMenuScrollToBottom","_ref$onChange","onChange","customOnChange","_ref$searchable","searchable","_ref$captureMenuScrol","captureMenuScroll","_ref$options","options","defaultValue","customValue","value","noOptionsMessage","openMenuOnFocus","openMenuOnClick","_ref$clearable","clearable","OptionRenderer","optionRenderer","ValueRenderer","valueRenderer","menuRenderer","_ref$menuPlacement","menuPlacement","rtl","_ref$size","size","asyncOptions","cacheOptions","defaultOptions","isVirtualized","menuPortalTarget","_ref$extraStyles","extraStyles","defaultCustomStyles","maxMenuHeight","menuIsOpen","_ref$tabIndex","tabIndex","_ref$id","id","DROPDOWN_ID","_ref$menuId","menuId","DROPDOWN_MENU_ID","_ref$menuAriaLabel","menuAriaLabel","DROPDOWN_MENU_ARIA_LABEL","_ref$inputAriaLabel","inputAriaLabel","DROPDOWN_INPUT_ARIA_LABEL","_ref$autoFocus","autoFocus","_ref$multi","multi","_ref$multiline","multiline","customOnOptionRemove","onOptionRemove","onOptionSelect","onClear","_ref$onInputChange","onInputChange","_ref$closeMenuOnSelec","closeMenuOnSelect","_ref$closeMenuOnScrol","closeMenuOnScroll","customCloseMenuOnScroll","_ref$withMandatoryDef","withMandatoryDefaultOptions","isOptionSelected","_ref$insideOverflowCo","insideOverflowContainer","_ref$insideOverflowWi","insideOverflowWithTransformContainer","_ref$tooltipContent","tooltipContent","_ref$onKeyDown","onKeyDown","_ref$isLoading","isLoading","loadingMessage","ariaLabel","_ref$tabSelectsValue","tabSelectsValue","popupsContainerSelector","filterOption","_ref$menuPosition","menuPosition","dataTestId","_ref$withGroupDivider","withGroupDivider","controlRef","useRef","overrideMenuPortalTarget","document","querySelector","overrideDefaultValue","useMemo","Array","isArray","map","df","Object","assign","isMandatory","BaseSelect","prototype","renderLiveRegion","_useState","useState","_useState2","_slicedToArray","WindowedMenuList","setWindowedMenuList","useEffect","isClient","import","then","module","_useState3","_useState4","selected","setSelected","_useState5","_useState6","focusedOptionId","setFocusedOptionId","finalOptionRenderer","finalValueRenderer","isControlled","selectedOptions","selectedOptionsMap","reduce","acc","option","_defineProperty","overrideAriaLabel","concat","o","label","join","inlineStyles","baseStyles","generateBaseStyles","customStyles","mergedStyles","entries","accumulator","_ref2","_ref3","stylesGroup","stylesFn","defaultStyles","state","providedFn","provided","ADD_AUTO_HEIGHT_COMPONENTS","forEach","component","original","height","originalValueContainer","valueContainer","paddingLeft","Menu","useCallback","props","React","createElement","MenuComponent","Renderer","DropdownIndicator","DropdownIndicatorComponent","Option","OptionComponent","Input","_props$selectProps","selectProps","components","role","SingleValue","SingleValueComponent","selectedOption","ClearIndicator","ClearIndicatorComponent","optionValue","e","newSelectedOptions","filter","customProps","onSelectedDelete","isMultiline","DropDownComponent","AsyncSelect","Select","asyncAdditions","loadOptions","additions","isMulti","event","scrolledElement","target","parentElement","_a","classList","contains","menuStyles","dropdownMenuWrapper","cx","styles","dropdown","Control","MultiValue","ValueContainer","MultiValueContainer","MenuList","isDisabled","isClearable","isSearchable","meta","action","_toConsumableArray","isRtl","theme","customTheme","getTestId","ComponentDefaultTestId","DROPDOWN","sizes","BaseSizes","chipColors","DROPDOWN_CHIP_COLORS","menuPlacements","DROPDOWN_MENU_PLACEMENT","menuPositions","DROPDOWN_MENU_POSITION","createFilter"],"mappings":"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"}
1	+ {"version":3,"file":"Dropdown.js","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { BaseSizes, SIZES_VALUES } from \"../../constants\";\nimport React, { forwardRef, useCallback, useMemo, useRef, useState, useEffect } from \"react\";\nimport Select, { InputProps, components, createFilter, ActionMeta } from \"react-select\";\nimport AsyncSelect from \"react-select/async/dist/react-select.esm.js\";\nimport BaseSelect from \"react-select/base/dist/react-select.esm.js\";\nimport { noop as NOOP } from \"lodash-es\";\nimport MenuComponent from \"./components/menu/menu\";\nimport DropdownIndicatorComponent from \"./components/DropdownIndicator/DropdownIndicator\";\nimport OptionComponent from \"./components/option/option\";\nimport SingleValueComponent from \"./components/singleValue/singleValue\";\nimport ClearIndicatorComponent from \"./components/ClearIndicator/ClearIndicator\";\nimport MultiValueContainer from \"./components/MultiValueContainer/MultiValueContainer\";\nimport { isClient } from \"../../utils/ssr-utils\";\nimport {\n ADD_AUTO_HEIGHT_COMPONENTS,\n defaultCustomStyles,\n DROPDOWN_CHIP_COLORS,\n DROPDOWN_ID,\n DROPDOWN_INPUT_ARIA_LABEL,\n DROPDOWN_MENU_ARIA_LABEL,\n DROPDOWN_MENU_ID,\n DROPDOWN_MENU_PLACEMENT,\n DROPDOWN_MENU_POSITION\n} from \"./DropdownConstants\";\nimport generateBaseStyles, { customTheme } from \"./Dropdown.styles\";\nimport Control from \"./components/Control/Control\";\nimport menuStyles from \"./components/menu/menu.module.scss\";\nimport styles from \"./Dropdown.module.scss\";\nimport {\n DropdownOption,\n DropdownState,\n CustomMenuProps,\n CustomOptionProps,\n CustomSingleValueProps,\n DropdownComponentProps\n} from \"./Dropdown.types\";\nimport { VibeComponent, withStaticProps } from \"../../types\";\n\nconst Dropdown: VibeComponent<DropdownComponentProps, HTMLElement> & {\n sizes?: typeof BaseSizes;\n chipColors?: typeof DROPDOWN_CHIP_COLORS;\n menuPlacements?: typeof DROPDOWN_MENU_PLACEMENT;\n menuPositions?: typeof DROPDOWN_MENU_POSITION;\n createFilter?: typeof createFilter;\n} = forwardRef(\n (\n {\n className,\n optionWrapperClassName,\n singleValueWrapperClassName,\n dropdownMenuWrapperClassName,\n placeholder = \"\",\n disabled = false,\n readOnly = false,\n onMenuOpen = NOOP,\n onMenuClose = NOOP,\n onFocus = NOOP,\n onBlur = NOOP,\n onScroll = NOOP,\n onMenuScrollToBottom = NOOP,\n onChange: customOnChange = NOOP,\n searchable = true,\n captureMenuScroll = false,\n options = [],\n defaultValue,\n value: customValue,\n noOptionsMessage,\n openMenuOnFocus,\n openMenuOnClick,\n clearable = true,\n OptionRenderer,\n optionRenderer,\n ValueRenderer,\n valueRenderer,\n menuRenderer,\n menuPlacement = \"bottom\",\n rtl,\n size = \"medium\",\n asyncOptions,\n cacheOptions,\n defaultOptions,\n isVirtualized,\n menuPortalTarget,\n extraStyles = defaultCustomStyles,\n maxMenuHeight,\n menuIsOpen,\n tabIndex = \"0\",\n id = DROPDOWN_ID,\n menuId = DROPDOWN_MENU_ID,\n menuAriaLabel = DROPDOWN_MENU_ARIA_LABEL,\n inputAriaLabel = DROPDOWN_INPUT_ARIA_LABEL,\n autoFocus = false,\n multi = false,\n multiline = false,\n onOptionRemove: customOnOptionRemove,\n onOptionSelect,\n onClear,\n onInputChange = NOOP,\n closeMenuOnSelect = !multi,\n closeMenuOnScroll: customCloseMenuOnScroll = false,\n withMandatoryDefaultOptions = false,\n isOptionSelected,\n insideOverflowContainer = false,\n insideOverflowWithTransformContainer = false,\n tooltipContent = \"\",\n onKeyDown = NOOP,\n isLoading = false,\n loadingMessage,\n ariaLabel,\n tabSelectsValue = true,\n popupsContainerSelector,\n filterOption,\n menuPosition = \"absolute\",\n \"data-testid\": dataTestId,\n withGroupDivider = false\n }: DropdownComponentProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const controlRef = useRef();\n const overrideMenuPortalTarget =\n menuPortalTarget \|\| (popupsContainerSelector && document.querySelector(popupsContainerSelector));\n const overrideDefaultValue = useMemo(() => {\n if (defaultValue) {\n return Array.isArray(defaultValue)\n ? (defaultValue as DropdownOption[]).map(df => ({ ...df, isMandatory: true }))\n : { ...(defaultValue as DropdownOption), isMandatory: true };\n }\n\n return defaultValue;\n }, [defaultValue]);\n\n BaseSelect.prototype.renderLiveRegion = (): null => {\n return null;\n };\n\n // SSR support\n const [WindowedMenuList, setWindowedMenuList] = useState(null);\n useEffect(() => {\n if (isClient()) {\n // Dynamically import the specific named export from react-windowed-select for SSR support\n import(\"react-windowed-select\").then(module => {\n setWindowedMenuList(() => module.WindowedMenuList);\n });\n }\n }, []);\n\n const [selected, setSelected] = useState(overrideDefaultValue \|\| []);\n const [focusedOptionId, setFocusedOptionId] = useState(\"\");\n const finalOptionRenderer = optionRenderer \|\| OptionRenderer;\n const finalValueRenderer = valueRenderer \|\| ValueRenderer;\n const isControlled = !!customValue;\n const selectedOptions = customValue ?? selected;\n const selectedOptionsMap = useMemo(() => {\n if (Array.isArray(selectedOptions)) {\n return selectedOptions.reduce((acc, option) => ({ ...acc, [option.value]: option }), {});\n }\n return {};\n }, [selectedOptions]);\n\n const overrideAriaLabel = useMemo(() => {\n return (\n ariaLabel \|\|\n `${readOnly ? \"Readonly \" : \"\"} ${tooltipContent} ${\n Array.isArray(selectedOptions) ? `Selected: ${selectedOptions.map(o => o.label).join(\", \")}` : \"Select\"\n }`\n );\n }, [ariaLabel, readOnly, selectedOptions, tooltipContent]);\n const value = multi ? selectedOptions : customValue;\n\n const inlineStyles = useMemo(() => {\n // We first want to get the default stylized groups (e.g. \"container\", \"menu\").\n const baseStyles = generateBaseStyles({\n size,\n rtl,\n insideOverflowContainer,\n controlRef,\n insideOverflowWithTransformContainer,\n withGroupDivider\n });\n\n type BaseStyles = typeof baseStyles;\n\n // Then we want to run the consumer's root-level custom styles with our \"base\" override groups.\n const customStyles = extraStyles(baseStyles);\n\n // Lastly, we create a style groups object that makes sure we run each custom group with our basic overrides.\n const mergedStyles: any = Object.entries(customStyles).reduce((accumulator, [stylesGroup, stylesFn]) => {\n return {\n ...accumulator,\n [stylesGroup]: (defaultStyles: BaseStyles, state: DropdownState) => {\n const providedFn = baseStyles[stylesGroup as keyof BaseStyles];\n const provided = providedFn ? providedFn(defaultStyles, state) : defaultStyles;\n\n return stylesFn(provided, state);\n }\n };\n }, {} as BaseStyles);\n\n if (multi) {\n if (multiline) {\n ADD_AUTO_HEIGHT_COMPONENTS.forEach((component: string) => {\n const original = mergedStyles[component];\n mergedStyles[component] = (provided: BaseStyles, state: DropdownState) => ({\n ...original(provided, state),\n height: \"auto\"\n });\n });\n }\n\n const originalValueContainer = mergedStyles.valueContainer;\n mergedStyles.valueContainer = (provided: BaseStyles, state: DropdownState) => ({\n ...originalValueContainer(provided, state),\n paddingLeft: 6\n });\n }\n\n return mergedStyles;\n }, [size, rtl, insideOverflowContainer, insideOverflowWithTransformContainer, extraStyles, multi, multiline]);\n\n const Menu = useCallback(\n (props: CustomMenuProps) => (\n <MenuComponent\n {...props}\n id={menuId}\n ariaLabel={menuAriaLabel}\n Renderer={menuRenderer}\n dropdownMenuWrapperClassName={dropdownMenuWrapperClassName}\n onScroll={onScroll}\n />\n ),\n [dropdownMenuWrapperClassName, menuRenderer, menuId, menuAriaLabel, onScroll]\n );\n\n const DropdownIndicator = useCallback(\n (props: React.HTMLAttributes<HTMLElement> & { size?: SIZES_VALUES }) => (\n <DropdownIndicatorComponent {...props} size={size} />\n ),\n [size]\n );\n\n const Option = useCallback(\n (props: CustomOptionProps) => (\n <OptionComponent\n setFocusedOptionId={setFocusedOptionId}\n {...props}\n Renderer={finalOptionRenderer}\n optionWrapperClassName={optionWrapperClassName}\n />\n ),\n [finalOptionRenderer, optionWrapperClassName, setFocusedOptionId]\n );\n\n const Input = useCallback(\n (props: InputProps \| any) => {\n const { focusedOptionId, menuIsOpen } = props.selectProps;\n const ariaActiveDescendant = focusedOptionId && menuIsOpen ? focusedOptionId : \"\";\n return (\n <components.Input\n {...props}\n aria-activedescendant={ariaActiveDescendant}\n role=\"combobox\"\n aria-expanded={!readOnly && menuIsOpen}\n aria-label={inputAriaLabel}\n aria-controls={menuId}\n />\n );\n },\n [menuId, readOnly]\n );\n\n const SingleValue = useCallback(\n (props: CustomSingleValueProps) => (\n <SingleValueComponent\n {...props}\n readOnly={readOnly}\n Renderer={finalValueRenderer}\n selectedOption={selectedOptions[0]}\n singleValueWrapperClassName={singleValueWrapperClassName}\n />\n ),\n [finalValueRenderer, readOnly, selectedOptions, singleValueWrapperClassName]\n );\n\n const ClearIndicator = useCallback(\n (props: React.HTMLAttributes<HTMLElement> & { size?: SIZES_VALUES }) => (\n <ClearIndicatorComponent {...props} size={size} />\n ),\n [size]\n );\n\n const onOptionRemove = useMemo(() => {\n return function (optionValue: number, e: React.MouseEvent \| React.KeyboardEvent) {\n if (customOnOptionRemove) {\n customOnOptionRemove(selectedOptionsMap[optionValue]);\n }\n const newSelectedOptions = Array.isArray(selectedOptions)\n ? selectedOptions.filter(option => option.value !== optionValue)\n : selectedOptions;\n\n if (customOnChange) {\n customOnChange(newSelectedOptions, e);\n }\n setSelected(newSelectedOptions);\n };\n }, [customOnChange, customOnOptionRemove, selectedOptions, selectedOptionsMap]);\n\n const customProps = useMemo(\n () => ({\n selectedOptions,\n onSelectedDelete: onOptionRemove,\n isMultiline: multiline,\n insideOverflowContainer,\n insideOverflowWithTransformContainer,\n controlRef,\n tooltipContent,\n popupsContainerSelector,\n size\n }),\n [\n selectedOptions,\n onOptionRemove,\n multiline,\n insideOverflowContainer,\n insideOverflowWithTransformContainer,\n tooltipContent,\n popupsContainerSelector,\n size\n ]\n );\n const onChange = (option: DropdownOption \| DropdownOption[], meta: ActionMeta<DropdownOption>) => {\n if (customOnChange) {\n customOnChange(option, meta);\n }\n\n switch (meta.action) {\n case \"select-option\": {\n const selectedOption = multi ? meta.option : option;\n\n if (onOptionSelect) {\n onOptionSelect(selectedOption);\n }\n\n if (!isControlled) {\n setSelected([...selectedOptions, selectedOption]);\n }\n break;\n }\n\n case \"clear\":\n if (onClear) {\n onClear();\n }\n\n if (!isControlled) {\n if (withMandatoryDefaultOptions) setSelected(overrideDefaultValue);\n else setSelected([]);\n }\n break;\n }\n };\n\n const DropDownComponent: React.ElementType = asyncOptions ? AsyncSelect : Select;\n\n const asyncAdditions = {\n ...(asyncOptions && {\n loadOptions: asyncOptions,\n cacheOptions,\n ...(defaultOptions && { defaultOptions })\n })\n };\n\n const additions = {\n ...(!asyncOptions && { options }),\n ...(multi && {\n isMulti: true\n })\n };\n\n const closeMenuOnScroll = useCallback(\n (event: React.FocusEvent) => {\n const scrolledElement = event.target;\n if (scrolledElement?.parentElement?.classList.contains(menuStyles.dropdownMenuWrapper)) {\n return false;\n }\n return customCloseMenuOnScroll \|\| insideOverflowContainer \|\| insideOverflowWithTransformContainer;\n },\n [insideOverflowContainer, insideOverflowWithTransformContainer, customCloseMenuOnScroll]\n );\n\n return (\n <DropDownComponent\n className={cx(styles.dropdown, className)}\n selectProps={customProps}\n components={{\n DropdownIndicator,\n Menu,\n ClearIndicator,\n Input,\n Option,\n Control,\n SingleValue,\n ...(multi && {\n MultiValue: NOOP, // We need it for react-select to behave nice with \"multi\"\n ValueContainer: MultiValueContainer\n }),\n ...(isVirtualized && WindowedMenuList && { MenuList: WindowedMenuList })\n }}\n // When inside scroll we set the menu position by js and we can't follow the drop down location while use scrolling\n closeMenuOnScroll={closeMenuOnScroll}\n size={size}\n noOptionsMessage={noOptionsMessage}\n placeholder={placeholder}\n isDisabled={disabled}\n isClearable={!readOnly && clearable}\n isSearchable={!readOnly && searchable}\n readOnly={readOnly}\n aria-readonly={readOnly}\n aria-label={overrideAriaLabel}\n aria-details={tooltipContent}\n aria-haspopup=\"listbox\"\n defaultValue={defaultValue}\n value={value}\n onMenuOpen={onMenuOpen}\n onMenuClose={onMenuClose}\n onFocus={onFocus}\n onBlur={onBlur}\n onMenuScrollToBottom={onMenuScrollToBottom}\n captureMenuScroll={captureMenuScroll}\n onChange={onChange}\n onKeyDown={onKeyDown}\n onInputChange={onInputChange}\n openMenuOnFocus={openMenuOnFocus}\n openMenuOnClick={openMenuOnClick}\n focusedOptionId={focusedOptionId}\n isRtl={rtl}\n styles={inlineStyles}\n theme={customTheme}\n maxMenuHeight={maxMenuHeight}\n menuPortalTarget={overrideMenuPortalTarget}\n menuPlacement={menuPlacement}\n menuPosition={menuPosition}\n menuIsOpen={!readOnly && menuIsOpen}\n tabIndex={tabIndex}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.DROPDOWN, id)}\n autoFocus={autoFocus}\n closeMenuOnSelect={closeMenuOnSelect}\n ref={ref as React.Ref<any>}\n withMandatoryDefaultOptions={withMandatoryDefaultOptions}\n isOptionSelected={isOptionSelected}\n isLoading={isLoading}\n loadingMessage={loadingMessage}\n tabSelectsValue={tabSelectsValue}\n filterOption={filterOption}\n {...asyncAdditions}\n {...additions}\n />\n );\n }\n);\n\nexport default withStaticProps(Dropdown, {\n sizes: BaseSizes,\n chipColors: DROPDOWN_CHIP_COLORS,\n menuPlacements: DROPDOWN_MENU_PLACEMENT,\n menuPositions: DROPDOWN_MENU_POSITION,\n createFilter: createFilter\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","optionWrapperClassName","singleValueWrapperClassName","dropdownMenuWrapperClassName","_ref$placeholder","placeholder","_ref$disabled","disabled","_ref$readOnly","readOnly","_ref$onMenuOpen","onMenuOpen","NOOP","_ref$onMenuClose","onMenuClose","_ref$onFocus","onFocus","_ref$onBlur","onBlur","_ref$onScroll","onScroll","_ref$onMenuScrollToBo","onMenuScrollToBottom","_ref$onChange","onChange","customOnChange","_ref$searchable","searchable","_ref$captureMenuScrol","captureMenuScroll","_ref$options","options","defaultValue","customValue","value","noOptionsMessage","openMenuOnFocus","openMenuOnClick","_ref$clearable","clearable","OptionRenderer","optionRenderer","ValueRenderer","valueRenderer","menuRenderer","_ref$menuPlacement","menuPlacement","rtl","_ref$size","size","asyncOptions","cacheOptions","defaultOptions","isVirtualized","menuPortalTarget","_ref$extraStyles","extraStyles","defaultCustomStyles","maxMenuHeight","menuIsOpen","_ref$tabIndex","tabIndex","_ref$id","id","DROPDOWN_ID","_ref$menuId","menuId","DROPDOWN_MENU_ID","_ref$menuAriaLabel","menuAriaLabel","DROPDOWN_MENU_ARIA_LABEL","_ref$inputAriaLabel","inputAriaLabel","DROPDOWN_INPUT_ARIA_LABEL","_ref$autoFocus","autoFocus","_ref$multi","multi","_ref$multiline","multiline","customOnOptionRemove","onOptionRemove","onOptionSelect","onClear","_ref$onInputChange","onInputChange","_ref$closeMenuOnSelec","closeMenuOnSelect","_ref$closeMenuOnScrol","closeMenuOnScroll","customCloseMenuOnScroll","_ref$withMandatoryDef","withMandatoryDefaultOptions","isOptionSelected","_ref$insideOverflowCo","insideOverflowContainer","_ref$insideOverflowWi","insideOverflowWithTransformContainer","_ref$tooltipContent","tooltipContent","_ref$onKeyDown","onKeyDown","_ref$isLoading","isLoading","loadingMessage","ariaLabel","_ref$tabSelectsValue","tabSelectsValue","popupsContainerSelector","filterOption","_ref$menuPosition","menuPosition","dataTestId","_ref$withGroupDivider","withGroupDivider","controlRef","useRef","overrideMenuPortalTarget","document","querySelector","overrideDefaultValue","useMemo","Array","isArray","map","df","Object","assign","isMandatory","BaseSelect","prototype","renderLiveRegion","_useState","useState","_useState2","_slicedToArray","WindowedMenuList","setWindowedMenuList","useEffect","isClient","import","then","module","_useState3","_useState4","selected","setSelected","_useState5","_useState6","focusedOptionId","setFocusedOptionId","finalOptionRenderer","finalValueRenderer","isControlled","selectedOptions","selectedOptionsMap","reduce","acc","option","_defineProperty","overrideAriaLabel","concat","o","label","join","inlineStyles","baseStyles","generateBaseStyles","customStyles","mergedStyles","entries","accumulator","_ref2","_ref3","stylesGroup","stylesFn","defaultStyles","state","providedFn","provided","ADD_AUTO_HEIGHT_COMPONENTS","forEach","component","original","height","originalValueContainer","valueContainer","paddingLeft","Menu","useCallback","props","React","createElement","MenuComponent","Renderer","DropdownIndicator","DropdownIndicatorComponent","Option","OptionComponent","Input","_props$selectProps","selectProps","components","role","SingleValue","SingleValueComponent","selectedOption","ClearIndicator","ClearIndicatorComponent","optionValue","e","newSelectedOptions","filter","customProps","onSelectedDelete","isMultiline","DropDownComponent","AsyncSelect","Select","asyncAdditions","loadOptions","additions","isMulti","event","scrolledElement","target","parentElement","_a","classList","contains","menuStyles","dropdownMenuWrapper","cx","styles","dropdown","Control","MultiValue","ValueContainer","MultiValueContainer","MenuList","isDisabled","isClearable","isSearchable","meta","action","_toConsumableArray","isRtl","theme","customTheme","getTestId","ComponentDefaultTestId","DROPDOWN","sizes","BaseSizes","chipColors","DROPDOWN_CHIP_COLORS","menuPlacements","DROPDOWN_MENU_PLACEMENT","menuPositions","DROPDOWN_MENU_POSITION","createFilter"],"mappings":"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"}

package/dist/src/components/Dropdown/Dropdown.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={dropdown:"dropdown_eec32dd235"};!function(o){const n="s_id-9c014db6980d_3_0_0-alpha_7";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".dropdown_eec32dd235 .fast-option {\n  display: flex;\n  align-content: center;\n  color: var(--primary-text-color);\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: 0 var(--spacing-small);\n  padding: 0 var(--spacing-small);\n  transition: all var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.dropdown_eec32dd235 .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_eec32dd235 .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_eec32dd235 .fast-option-focused {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n  user-select: none;\n  box-sizing: border-box;\n}\n\n.dropdown_eec32dd235 .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n\n.dropdown_eec32dd235 .fast-option-selected {\n  color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n  cursor: pointer;\n}");export{o as default};
+var o={dropdown:"dropdown_cd58a08c31"};!function(o){const n="s_id-9c014db6980d_3_0_0-alpha_8";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".dropdown_cd58a08c31 .fast-option {\n  display: flex;\n  align-content: center;\n  color: var(--primary-text-color);\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: 0 var(--spacing-small);\n  padding: 0 var(--spacing-small);\n  transition: all var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.dropdown_cd58a08c31 .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_cd58a08c31 .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_cd58a08c31 .fast-option-focused {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n  user-select: none;\n  box-sizing: border-box;\n}\n\n.dropdown_cd58a08c31 .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n\n.dropdown_cd58a08c31 .fast-option-selected {\n  color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n  cursor: pointer;\n}");export{o as default};
 //# sourceMappingURL=Dropdown.module.scss.js.map

package/dist/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={valueContainer:"valueContainer_772c1b9130",avatar:"avatar_deb5f3ed33",icon:"icon_8f2c06743d"};!function(e){const n="s_id-a9768234c15e_3_0_0-alpha_7";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)}(".valueContainer_772c1b9130 {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer_772c1b9130 .avatar_deb5f3ed33,\n.valueContainer_772c1b9130 .icon_8f2c06743d {\n  flex-shrink: 0;\n}");export{e as default};
+var e={valueContainer:"valueContainer_a6a1f67ecc",avatar:"avatar_1b9e388b45",icon:"icon_32aaee8499"};!function(e){const a="s_id-a9768234c15e_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".valueContainer_a6a1f67ecc {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer_a6a1f67ecc .avatar_1b9e388b45,\n.valueContainer_a6a1f67ecc .icon_32aaee8499 {\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=ChildrenContent.module.scss.js.map

package/dist/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={"chip-with-input-wrapper":"chip-with-input-wrapper_21b9e27cd8","placeholder-container":"placeholder-container_572ddad9ff","multiselect-chip-multi-line":"multiselect-chip-multi-line_7512d529a4","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_398edc3ee4","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_dc1fe5e939","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_988d18e69c","multiselect-chip-disabled":"multiselect-chip-disabled_6968c5f27b","value-container":"value-container_35a4322a14","value-container-chips":"value-container-chips_16624f33ed","without-placeholder":"without-placeholder_572ddad9ff",valueDialogContent:"valueDialogContent_126b1cb62d",chips:"chips_16624f33ed"};!function(e){const n="s_id-ae46b2835ce0_3_0_0-alpha_7";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".chip-with-input-wrapper_21b9e27cd8 {\n  display: flex;\n}\n\n.placeholder-container_572ddad9ff {\n  margin-left: 6px;\n}\n\n.multiselect-chip-multi-line_7512d529a4 {\n  --chips-margin: 2px;\n}\n\n.multiselect-chip-single-line-medium_398edc3ee4 {\n  --chips-margin: 5px 2px;\n}\n\n.multiselect-chip-single-line-large_dc1fe5e939 {\n  --chips-margin: 9px 2px;\n}\n\n.multiselect-chip-single-line-small_988d18e69c {\n  --chips-margin: 1px 2px;\n}\n\n.multiselect-chip-disabled_6968c5f27b {\n  background-color: var(--ui-background-color) !important;\n}\n\n.value-container_35a4322a14 {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-chips_16624f33ed {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n\n.value-container-chips_16624f33ed.without-placeholder_572ddad9ff {\n  margin-left: 6px;\n}\n\n.valueDialogContent_126b1cb62d {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent_126b1cb62d::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent_126b1cb62d::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.valueDialogContent_126b1cb62d .chips_16624f33ed {\n  flex-shrink: 0;\n}");export{e as default};
+var e={"chip-with-input-wrapper":"chip-with-input-wrapper_9b05d1ba22","placeholder-container":"placeholder-container_f6d28be859","multiselect-chip-multi-line":"multiselect-chip-multi-line_8a2c0093e9","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_8477b6d0a1","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_4256c79813","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_38697673fa","multiselect-chip-disabled":"multiselect-chip-disabled_2f0af915ba","value-container":"value-container_24b3f89477","value-container-chips":"value-container-chips_9daa75b2e3","without-placeholder":"without-placeholder_f6d28be859",valueDialogContent:"valueDialogContent_0f1c07c636",chips:"chips_9daa75b2e3"};!function(e){const n="s_id-ae46b2835ce0_3_0_0-alpha_8";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".chip-with-input-wrapper_9b05d1ba22 {\n  display: flex;\n}\n\n.placeholder-container_f6d28be859 {\n  margin-left: 6px;\n}\n\n.multiselect-chip-multi-line_8a2c0093e9 {\n  --chips-margin: 2px;\n}\n\n.multiselect-chip-single-line-medium_8477b6d0a1 {\n  --chips-margin: 5px 2px;\n}\n\n.multiselect-chip-single-line-large_4256c79813 {\n  --chips-margin: 9px 2px;\n}\n\n.multiselect-chip-single-line-small_38697673fa {\n  --chips-margin: 1px 2px;\n}\n\n.multiselect-chip-disabled_2f0af915ba {\n  background-color: var(--ui-background-color) !important;\n}\n\n.value-container_24b3f89477 {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-chips_9daa75b2e3 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n\n.value-container-chips_9daa75b2e3.without-placeholder_f6d28be859 {\n  margin-left: 6px;\n}\n\n.valueDialogContent_0f1c07c636 {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent_0f1c07c636::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent_0f1c07c636::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.valueDialogContent_0f1c07c636 .chips_9daa75b2e3 {\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=MultiValueContainer.module.scss.js.map

package/dist/src/components/Dropdown/components/menu/menu.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={dropdownMenuWrapper:"dropdownMenuWrapper_2e01312769",fadeIn:"fadeIn_e3c4fe58bc",withoutAnimation:"withoutAnimation_f7f9090d50",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition_b66f628c9d"};!function(e){const n="s_id-11829aafa26c_3_0_0-alpha_7";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dropdownMenuWrapper_2e01312769 {\n  animation: fadeIn_e3c4fe58bc var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dropdownMenuWrapper_2e01312769.withoutAnimation_f7f9090d50 {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition_b66f628c9d {\n  /* When inside a scrollable area, we want the menu to appear above the scrollable container (we set the specific position by js) */\n  position: fixed !important;\n}\n@keyframes fadeIn_e3c4fe58bc {\n  0% {\n    opacity: 0;\n    z-index: -10000;\n    transform: translateY(var(--dropdown-menu-fadinY, -75px));\n  }\n  100% {\n    opacity: 1;\n    z-index: 999;\n    transform: translateY(0px);\n  }\n}");export{e as default};
+var n={dropdownMenuWrapper:"dropdownMenuWrapper_8608097c68",fadeIn:"fadeIn_0147a375e7",withoutAnimation:"withoutAnimation_b891b6b3ac",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition_8df7a67272"};!function(n){const e="s_id-11829aafa26c_3_0_0-alpha_8";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".dropdownMenuWrapper_8608097c68 {\n  animation: fadeIn_0147a375e7 var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dropdownMenuWrapper_8608097c68.withoutAnimation_b891b6b3ac {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition_8df7a67272 {\n  /* When inside a scrollable area, we want the menu to appear above the scrollable container (we set the specific position by js) */\n  position: fixed !important;\n}\n@keyframes fadeIn_0147a375e7 {\n  0% {\n    opacity: 0;\n    z-index: -10000;\n    transform: translateY(var(--dropdown-menu-fadinY, -75px));\n  }\n  100% {\n    opacity: 1;\n    z-index: 999;\n    transform: translateY(0px);\n  }\n}");export{n as default};
 //# sourceMappingURL=menu.module.scss.js.map

package/dist/src/components/Dropdown/components/option/option.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={optionReset:"optionReset_bd03e6e4b9"};!function(e){const t="s_id-64f14b86843f_3_0_0-alpha_7";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".optionReset_bd03e6e4b9 {\n  height: auto;\n}");export{e as default};
+var e={optionReset:"optionReset_370d271a87"};!function(e){const t="s_id-64f14b86843f_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".optionReset_370d271a87 {\n  height: auto;\n}");export{e as default};
 //# sourceMappingURL=option.module.scss.js.map

package/dist/src/components/Dropdown/components/singleValue/singleValue.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={singleValue:"singleValue_f37d8358c0"};!function(e){const n="s_id-a262ceec984a_3_0_0-alpha_7";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".singleValue_f37d8358c0 {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
+var e={singleValue:"singleValue_470d8466d2"};!function(e){const n="s_id-a262ceec984a_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".singleValue_470d8466d2 {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=singleValue.module.scss.js.map

package/dist/src/components/EditableHeading/EditableHeading.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={h1Bold:"h1Bold_d7a8da736a",h1Medium:"h1Medium_3301cc3e66",h1Normal:"h1Normal_118614aab5",h1Light:"h1Light_acbd348633",h2Bold:"h2Bold_f56988bc64",h2Medium:"h2Medium_e15cdbc754",h2Normal:"h2Normal_c4107fa431",h2Light:"h2Light_74b2bbc199",h3Bold:"h3Bold_3665edf195",h3Medium:"h3Medium_504e23771c",h3Normal:"h3Normal_be8c1e4160",h3Light:"h3Light_e61742c886"};!function(n){const o="s_id-81b561c226b7_3_0_0-alpha_7";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold_d7a8da736a {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium_3301cc3e66 {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal_118614aab5 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light_acbd348633 {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold_f56988bc64 {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium_e15cdbc754 {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal_c4107fa431 {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light_74b2bbc199 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold_3665edf195 {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium_504e23771c {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal_be8c1e4160 {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light_e61742c886 {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{n as default};
+var n={h1Bold:"h1Bold_48aadc4f11",h1Medium:"h1Medium_e627745d2c",h1Normal:"h1Normal_b3a2709f82",h1Light:"h1Light_990aebcee7",h2Bold:"h2Bold_f0269f5506",h2Medium:"h2Medium_9cc4cda5bb",h2Normal:"h2Normal_9c8ba27c19",h2Light:"h2Light_8ca257c706",h3Bold:"h3Bold_fee0586575",h3Medium:"h3Medium_03de7f44cb",h3Normal:"h3Normal_cdfe4d27de",h3Light:"h3Light_66e4afc675"};!function(n){const o="s_id-81b561c226b7_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold_48aadc4f11 {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium_e627745d2c {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal_b3a2709f82 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light_990aebcee7 {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold_f0269f5506 {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium_9cc4cda5bb {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal_9c8ba27c19 {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light_8ca257c706 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold_fee0586575 {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium_03de7f44cb {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal_cdfe4d27de {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light_66e4afc675 {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{n as default};
 //# sourceMappingURL=EditableHeading.module.scss.js.map

package/dist/src/components/EditableText/EditableText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold_57b3558931",text1Medium:"text1Medium_a90281915b",text1Normal:"text1Normal_0b4cadada2",text2Bold:"text2Bold_26f6d7e581",text2Medium:"text2Medium_928f7ecf5d",text2Normal:"text2Normal_bcf45d5dfd",text3Bold:"text3Bold_ab27fa755a",text3Medium:"text3Medium_6499391b53",text3Normal:"text3Normal_c4a18780f4",editableText:"editableText_fad07f3c27",typography:"typography_6fb5ea6c02"};!function(t){const e="s_id-bcdc5f69e9db_3_0_0-alpha_7";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_57b3558931 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_a90281915b {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_0b4cadada2 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_26f6d7e581 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_928f7ecf5d {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_bcf45d5dfd {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_ab27fa755a {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_6499391b53 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_c4a18780f4 {\n  font: var(--font-text3-normal);\n}\n\n.editableText_fad07f3c27 .typography_6fb5ea6c02 {\n  min-width: 56px;\n}");export{t as default};
+var t={text1Bold:"text1Bold_319861f5fe",text1Medium:"text1Medium_752db0be37",text1Normal:"text1Normal_88027ff10b",text2Bold:"text2Bold_1aa1473f06",text2Medium:"text2Medium_38873f60d0",text2Normal:"text2Normal_10570cf051",text3Bold:"text3Bold_79f22bcbe5",text3Medium:"text3Medium_d425922a0b",text3Normal:"text3Normal_578fced489",editableText:"editableText_22301bf155",typography:"typography_1e2349b88b"};!function(t){const e="s_id-bcdc5f69e9db_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_319861f5fe {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_752db0be37 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_88027ff10b {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_1aa1473f06 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_38873f60d0 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_10570cf051 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_79f22bcbe5 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_d425922a0b {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_578fced489 {\n  font: var(--font-text3-normal);\n}\n\n.editableText_22301bf155 .typography_1e2349b88b {\n  min-width: 56px;\n}");export{t as default};
 //# sourceMappingURL=EditableText.module.scss.js.map

package/dist/src/components/EditableTypography/EditableTypography.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={editableTypography:"editableTypography_2578a7ee6b",input:"input_c61bf53f92",typography:"typography_e475cf50c4",disabled:"disabled_7b75f2611e",hidden:"hidden_322d35286d",placeholder:"placeholder_eb580e2a0d"};!function(e){const a="s_id-77c45383a678_3_0_0-alpha_7";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".editableTypography_2578a7ee6b {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography_2578a7ee6b .input_c61bf53f92 {\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.editableTypography_2578a7ee6b .input_c61bf53f92:focus, .editableTypography_2578a7ee6b .input_c61bf53f92:active {\n  outline: none;\n}\n.editableTypography_2578a7ee6b .typography_e475cf50c4 {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_2578a7ee6b .typography_e475cf50c4:hover:not(.disabled_7b75f2611e) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_2578a7ee6b .typography_e475cf50c4.hidden_322d35286d {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_2578a7ee6b .typography_e475cf50c4.placeholder_eb580e2a0d {\n  color: var(--secondary-text-color);\n}");export{e as default};
+var e={editableTypography:"editableTypography_b8dbb25052",input:"input_bccf08299a",typography:"typography_ca06866452",disabled:"disabled_f87eb033d4",hidden:"hidden_b8aa2fb792",placeholder:"placeholder_220ab7506f"};!function(e){const a="s_id-77c45383a678_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".editableTypography_b8dbb25052 {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography_b8dbb25052 .input_bccf08299a {\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.editableTypography_b8dbb25052 .input_bccf08299a:focus, .editableTypography_b8dbb25052 .input_bccf08299a:active {\n  outline: none;\n}\n.editableTypography_b8dbb25052 .typography_ca06866452 {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_b8dbb25052 .typography_ca06866452:hover:not(.disabled_f87eb033d4) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_b8dbb25052 .typography_ca06866452.hidden_b8aa2fb792 {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_b8dbb25052 .typography_ca06866452.placeholder_220ab7506f {\n  color: var(--secondary-text-color);\n}");export{e as default};
 //# sourceMappingURL=EditableTypography.module.scss.js.map

package/dist/src/components/ExpandCollapse/ExpandCollapse.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={expandCollapse:"expandCollapse_3bbd61fb73",header:"header_479977de38","focus-visible":"focus-visible_306232b806",headerContent:"headerContent_a212d2e4bf",iconComponent:"iconComponent_c3904088ac",content:"content_6799a28bb7",section:"section_05ce0e2283",hideBorder:"hideBorder_1ec374a4fb",hideBorderBottom:"hideBorderBottom_f72d57316b",showBorder:"showBorder_fb940d6243",headerOpen:"headerOpen_3033f60cff",animateIconOpen:"animateIconOpen_6f5ab74d40",animateIconClose:"animateIconClose_c3fe898acf"};!function(n){const e="s_id-ca6f6158d39b_3_0_0-alpha_7";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".expandCollapse_3bbd61fb73 {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--primary-text-color);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.header_479977de38 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  padding: var(--spacing-medium);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n\n.header_479977de38:focus-visible, .header_479977de38.focus-visible_306232b806 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.header_479977de38:focus:not(.focus-visible_306232b806) {\n  outline: none;\n}\n\n.header_479977de38:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.header_479977de38:active {\n  transform: scale(1);\n}\n\n.header_479977de38 .headerContent_a212d2e4bf {\n  margin: 0;\n}\n\n.header_479977de38 .iconComponent_c3904088ac {\n  color: var(--icon-color);\n}\n\n.content_6799a28bb7 {\n  padding: var(--spacing-medium);\n}\n\n.section_05ce0e2283 {\n  width: 100%;\n}\n\n.hideBorder_1ec374a4fb {\n  border: none;\n}\n\n.hideBorderBottom_f72d57316b {\n  border-bottom: none;\n}\n\n.showBorder_fb940d6243 {\n  border: 1px solid var(--ui-border-color);\n}\n\n.showBorder_fb940d6243 .headerOpen_3033f60cff {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.animateIconOpen_6f5ab74d40 {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconClose_c3fe898acf {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}");export{n as default};
+var n={expandCollapse:"expandCollapse_ae72c91b0d",header:"header_670e6df323","focus-visible":"focus-visible_78a95fb4b9",headerContent:"headerContent_f59b884126",iconComponent:"iconComponent_af1f2132be",content:"content_6625bd71a8",section:"section_9445810603",hideBorder:"hideBorder_df5026d7a0",hideBorderBottom:"hideBorderBottom_2cb18b131d",showBorder:"showBorder_1c53356e19",headerOpen:"headerOpen_1cf9a46682",animateIconOpen:"animateIconOpen_a831b7676c",animateIconClose:"animateIconClose_4fc84c4e29"};!function(n){const e="s_id-ca6f6158d39b_3_0_0-alpha_8";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".expandCollapse_ae72c91b0d {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--primary-text-color);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.header_670e6df323 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  padding: var(--spacing-medium);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n\n.header_670e6df323:focus-visible, .header_670e6df323.focus-visible_78a95fb4b9 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.header_670e6df323:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n\n.header_670e6df323:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.header_670e6df323:active {\n  transform: scale(1);\n}\n\n.header_670e6df323 .headerContent_f59b884126 {\n  margin: 0;\n}\n\n.header_670e6df323 .iconComponent_af1f2132be {\n  color: var(--icon-color);\n}\n\n.content_6625bd71a8 {\n  padding: var(--spacing-medium);\n}\n\n.section_9445810603 {\n  width: 100%;\n}\n\n.hideBorder_df5026d7a0 {\n  border: none;\n}\n\n.hideBorderBottom_2cb18b131d {\n  border-bottom: none;\n}\n\n.showBorder_1c53356e19 {\n  border: 1px solid var(--ui-border-color);\n}\n\n.showBorder_1c53356e19 .headerOpen_1cf9a46682 {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.animateIconOpen_a831b7676c {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconClose_4fc84c4e29 {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}");export{n as default};
 //# sourceMappingURL=ExpandCollapse.module.scss.js.map

package/dist/src/components/FieldLabel/FieldLabel.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={labelComponentWrapper:"labelComponentWrapper_41fbcddd12",labelComponentIcon:"labelComponentIcon_d046398393",labelComponentText:"labelComponentText_767b6bcc26",required:"required_35f1c9b6b8"};!function(e){const n="s_id-12dfba012dab_3_0_0-alpha_7";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".labelComponentWrapper_41fbcddd12 {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n\n.labelComponentIcon_d046398393 {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n\n.labelComponentText_767b6bcc26 {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n\n.required_35f1c9b6b8 {\n  color: var(--negative-color);\n}");export{e as default};
+var e={labelComponentWrapper:"labelComponentWrapper_239ac3f16e",labelComponentIcon:"labelComponentIcon_dbd719ea25",labelComponentText:"labelComponentText_9934edb051",required:"required_c5447069b5"};!function(e){const n="s_id-12dfba012dab_3_0_0-alpha_8";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".labelComponentWrapper_239ac3f16e {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n\n.labelComponentIcon_dbd719ea25 {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n\n.labelComponentText_9934edb051 {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n\n.required_c5447069b5 {\n  color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=FieldLabel.module.scss.js.map

package/dist/src/components/Flex/Flex.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={container:"container_d64cedc94e",justifyStart:"justifyStart_a49c1be89c",justifyEnd:"justifyEnd_24dbf8465a",justifyCenter:"justifyCenter_fab93b2755",justifySpaceBetween:"justifySpaceBetween_036642459e",justifySpaceAround:"justifySpaceAround_a1330eac50",justifyInital:"justifyInital_c8df6c30c3",alignStart:"alignStart_8bdca481b8",alignEnd:"alignEnd_ffd866b2d7",alignCenter:"alignCenter_3748379038",alignStretch:"alignStretch_8e810b2994",alignBaseline:"alignBaseline_5bc8f67f95",alignInitial:"alignInitial_1cfef36d81",directionColumn:"directionColumn_fd943779b7",wrap:"wrap_07c7256450"};!function(n){const e="s_id-3ad7193e0a34_3_0_0-alpha_7";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_d64cedc94e {\n  display: flex;\n  flex-direction: row;\n}\n.container_d64cedc94e.justifyStart_a49c1be89c {\n  justify-content: flex-start;\n}\n.container_d64cedc94e.justifyEnd_24dbf8465a {\n  justify-content: flex-end;\n}\n.container_d64cedc94e.justifyCenter_fab93b2755 {\n  justify-content: center;\n}\n.container_d64cedc94e.justifySpaceBetween_036642459e {\n  justify-content: space-between;\n}\n.container_d64cedc94e.justifySpaceAround_a1330eac50 {\n  justify-content: space-around;\n}\n.container_d64cedc94e.justifyInital_c8df6c30c3 {\n  justify-content: initial;\n}\n.container_d64cedc94e.alignStart_8bdca481b8 {\n  align-items: flex-start;\n}\n.container_d64cedc94e.alignEnd_ffd866b2d7 {\n  align-items: flex-end;\n}\n.container_d64cedc94e.alignCenter_3748379038 {\n  align-items: center;\n}\n.container_d64cedc94e.alignStretch_8e810b2994 {\n  align-items: stretch;\n}\n.container_d64cedc94e.alignBaseline_5bc8f67f95 {\n  align-items: baseline;\n}\n.container_d64cedc94e.alignInitial_1cfef36d81 {\n  align-items: initial;\n}\n.container_d64cedc94e.directionColumn_fd943779b7 {\n  flex-direction: column;\n}\n.container_d64cedc94e.wrap_07c7256450 {\n  flex-wrap: wrap;\n}");export{n as default};
+var n={container:"container_e879815d5e",justifyStart:"justifyStart_1c842ab076",justifyEnd:"justifyEnd_c832521691",justifyCenter:"justifyCenter_2ac9382b6b",justifySpaceBetween:"justifySpaceBetween_e4b0883793",justifySpaceAround:"justifySpaceAround_c2f6d655a6",justifyInital:"justifyInital_a97999cb16",alignStart:"alignStart_8389cc0b34",alignEnd:"alignEnd_d257452916",alignCenter:"alignCenter_a6a7aa34ce",alignStretch:"alignStretch_3819870a90",alignBaseline:"alignBaseline_dadc1f70e3",alignInitial:"alignInitial_82e8945fac",directionColumn:"directionColumn_4c755a66a0",wrap:"wrap_e803d7b926"};!function(n){const e="s_id-3ad7193e0a34_3_0_0-alpha_8";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_e879815d5e {\n  display: flex;\n  flex-direction: row;\n}\n.container_e879815d5e.justifyStart_1c842ab076 {\n  justify-content: flex-start;\n}\n.container_e879815d5e.justifyEnd_c832521691 {\n  justify-content: flex-end;\n}\n.container_e879815d5e.justifyCenter_2ac9382b6b {\n  justify-content: center;\n}\n.container_e879815d5e.justifySpaceBetween_e4b0883793 {\n  justify-content: space-between;\n}\n.container_e879815d5e.justifySpaceAround_c2f6d655a6 {\n  justify-content: space-around;\n}\n.container_e879815d5e.justifyInital_a97999cb16 {\n  justify-content: initial;\n}\n.container_e879815d5e.alignStart_8389cc0b34 {\n  align-items: flex-start;\n}\n.container_e879815d5e.alignEnd_d257452916 {\n  align-items: flex-end;\n}\n.container_e879815d5e.alignCenter_a6a7aa34ce {\n  align-items: center;\n}\n.container_e879815d5e.alignStretch_3819870a90 {\n  align-items: stretch;\n}\n.container_e879815d5e.alignBaseline_dadc1f70e3 {\n  align-items: baseline;\n}\n.container_e879815d5e.alignInitial_82e8945fac {\n  align-items: initial;\n}\n.container_e879815d5e.directionColumn_4c755a66a0 {\n  flex-direction: column;\n}\n.container_e879815d5e.wrap_e803d7b926 {\n  flex-wrap: wrap;\n}");export{n as default};
 //# sourceMappingURL=Flex.module.scss.js.map

package/dist/src/components/FormattedNumber/FormattedNumber.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={formattedNumberComponent:"formattedNumberComponent_b2a14188c7",prefix:"prefix_af2fc819ee",suffix:"suffix_af2fc819ee"};!function(e){const n="s_id-d821b20045aa_3_0_0-alpha_7";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const f=document.createElement("style");f.id=n,t.firstChild?t.insertBefore(f,t.firstChild):t.appendChild(f),f.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".formattedNumberComponent_b2a14188c7 {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n\n.prefix_af2fc819ee {\n  white-space: pre;\n}\n\n.suffix_af2fc819ee {\n  white-space: pre;\n}");export{e as default};
+var e={formattedNumberComponent:"formattedNumberComponent_68c311f4cb",prefix:"prefix_d56f7d8038",suffix:"suffix_d56f7d8038"};!function(e){const n="s_id-d821b20045aa_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".formattedNumberComponent_68c311f4cb {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n\n.prefix_d56f7d8038 {\n  white-space: pre;\n}\n\n.suffix_d56f7d8038 {\n  white-space: pre;\n}");export{e as default};
 //# sourceMappingURL=FormattedNumber.module.scss.js.map

package/dist/src/components/Heading/Heading.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={h1Bold:"h1Bold_d7a8da736a",h1Medium:"h1Medium_3301cc3e66",h1Normal:"h1Normal_118614aab5",h1Light:"h1Light_acbd348633",h2Bold:"h2Bold_f56988bc64",h2Medium:"h2Medium_e15cdbc754",h2Normal:"h2Normal_c4107fa431",h2Light:"h2Light_74b2bbc199",h3Bold:"h3Bold_3665edf195",h3Medium:"h3Medium_504e23771c",h3Normal:"h3Normal_be8c1e4160",h3Light:"h3Light_e61742c886",heading:"heading_a212d2e4bf"};!function(n){const o="s_id-7b3706ef5cf5_3_0_0-alpha_7";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold_d7a8da736a {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium_3301cc3e66 {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal_118614aab5 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light_acbd348633 {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold_f56988bc64 {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium_e15cdbc754 {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal_c4107fa431 {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light_74b2bbc199 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold_3665edf195 {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium_504e23771c {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal_be8c1e4160 {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light_e61742c886 {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.heading_a212d2e4bf {\n  margin: 0;\n}");export{n as default};
+var n={h1Bold:"h1Bold_48aadc4f11",h1Medium:"h1Medium_e627745d2c",h1Normal:"h1Normal_b3a2709f82",h1Light:"h1Light_990aebcee7",h2Bold:"h2Bold_f0269f5506",h2Medium:"h2Medium_9cc4cda5bb",h2Normal:"h2Normal_9c8ba27c19",h2Light:"h2Light_8ca257c706",h3Bold:"h3Bold_fee0586575",h3Medium:"h3Medium_03de7f44cb",h3Normal:"h3Normal_cdfe4d27de",h3Light:"h3Light_66e4afc675",heading:"heading_f59b884126"};!function(n){const o="s_id-7b3706ef5cf5_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold_48aadc4f11 {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium_e627745d2c {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal_b3a2709f82 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light_990aebcee7 {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold_f0269f5506 {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium_9cc4cda5bb {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal_9c8ba27c19 {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light_8ca257c706 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold_fee0586575 {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium_03de7f44cb {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal_cdfe4d27de {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light_66e4afc675 {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.heading_f59b884126 {\n  margin: 0;\n}");export{n as default};
 //# sourceMappingURL=Heading.module.scss.js.map

package/dist/src/components/HiddenText/HiddenText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={hiddenTextWrapper:"hiddenTextWrapper_635fc1387e"};!function(e){const t="s_id-5ac012179a41_3_0_0-alpha_7";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".hiddenTextWrapper_635fc1387e {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
+var e={hiddenTextWrapper:"hiddenTextWrapper_bf5f6fa248"};!function(e){const t="s_id-5ac012179a41_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".hiddenTextWrapper_bf5f6fa248 {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
 //# sourceMappingURL=HiddenText.module.scss.js.map

package/dist/src/components/Icon/CustomSvgIcon/CustomSvgIcon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import r,{useCallback as e}from"react";import t from"react-inlinesvg";import o from"../../../hooks/useIconScreenReaderAccessProps.js";import{ComponentDefaultTestId as s}from"../../../tests/constants.js";import{getTestId as i}from"../../../tests/testIds.js";function n(r){return r.replace(/fill=".*?"/g,'fill="'.concat(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"currentColor",'"'))}var a=function(a){var c=a.className,l=a.ref,f=a.src,m=a.onClick,d=a.replaceToCurrentColor,u=void 0!==d&&d,p=a.customColor,C=a.id,b=a["data-testid"],g=o({isClickable:a.clickable,label:a.ariaLabel,isDecorationOnly:a.ariaHidden}),k=e((function(r){return u?n(r,"currentColor"):p?n(r,p):r}),[u,p]);return"string"!=typeof f?null:r.createElement(t,Object.assign({innerRef:l},g,{onClick:m,src:f,className:c,preProcessor:k,id:C,"data-testid":b||i(s.SVG_ICON,C)}))};export{a as default};
+import r,{useCallback as e}from"react";import t from"react-inlinesvg";import o from"../../../hooks/useIconScreenReaderAccessProps.js";import{ComponentDefaultTestId as s}from"../../../tests/constants.js";import{getTestId as a}from"../../../tests/testIds.js";import{useIsMounted as i}from"../../../hooks/ssr/useIsMounted.js";function n(r){return r.replace(/fill=".*?"/g,'fill="'.concat(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"currentColor",'"'))}var c=function(c){var l=c.className,m=c.ref,d=c.src,f=c.onClick,u=c.replaceToCurrentColor,p=void 0!==u&&u,C=c.customColor,v=c.id,k=c["data-testid"],b=o({isClickable:c.clickable,label:c.ariaLabel,isDecorationOnly:c.ariaHidden}),g=i(),j=e((function(r){return p?n(r,"currentColor"):C?n(r,C):r}),[p,C]);if("string"!=typeof d)return null;var I=t,N=r.createElement("div",{className:l,id:v});return g?r.createElement(I,Object.assign({innerRef:m},b,{onClick:f,loader:N,src:d,className:l,preProcessor:j,id:v,"data-testid":k||a(s.SVG_ICON,v)}),N):N};export{c as default};
 //# sourceMappingURL=CustomSvgIcon.js.map

package/dist/src/components/Icon/CustomSvgIcon/CustomSvgIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomSvgIcon.js","sources":["../../../../../src/components/Icon/CustomSvgIcon/CustomSvgIcon.tsx"],"sourcesContent":["import React, { FunctionComponent, useCallback, AriaRole, Ref } from \"react\";\nimport SVG from \"react-inlinesvg\";\nimport useIconScreenReaderAccessProps from \"../../../hooks/useIconScreenReaderAccessProps\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nfunction modifySvgCode(svg: string, color = \"currentColor\") {\n return svg.replace(/fill=\".*?\"/g, `fill=\"${color}\"`);\n}\n\nexport interface CustomSvgIconProps extends VibeComponentProps {\n onClick?: (event: React.MouseEvent) => void;\n src: string \| object;\n ariaLabel?: string;\n tabIndex?: number;\n role?: AriaRole;\n ariaHidden?: boolean;\n clickable?: boolean;\n replaceToCurrentColor?: boolean;\n customColor?: string;\n ref?: Ref<SVGElement>;\n}\n\nconst CustomSvgIcon: FunctionComponent<CustomSvgIconProps> = ({\n className,\n ref,\n src,\n onClick,\n clickable,\n ariaLabel,\n ariaHidden,\n replaceToCurrentColor = false,\n customColor,\n id,\n \"data-testid\": dataTestId\n}) => {\n const screenReaderAccessProps = useIconScreenReaderAccessProps({\n isClickable: clickable,\n label: ariaLabel,\n isDecorationOnly: ariaHidden\n });\n\n const svgProcessor = useCallback(\n (svg: string) => {\n if (replaceToCurrentColor) return modifySvgCode(svg, \"currentColor\");\n if (customColor) return modifySvgCode(svg, customColor);\n return svg;\n },\n [replaceToCurrentColor, customColor]\n );\n\n if (typeof src !== \"string\") return null;\n\n return (\n <~~SVG~~\n innerRef={ref}\n {...screenReaderAccessProps}\n onClick={onClick}\n src={src}\n className={className}\n preProcessor={svgProcessor}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SVG_ICON, id)}\n ~~/>\~~n );\n};\n\nexport default CustomSvgIcon;\n"],"names":["modifySvgCode","svg","replace","concat","arguments","length","undefined","CustomSvgIcon","_ref","className","ref","src","onClick","_ref$replaceToCurrent","replaceToCurrentColor","customColor","id","dataTestId","screenReaderAccessProps","useIconScreenReaderAccessProps","isClickable","clickable","label","ariaLabel","isDecorationOnly","ariaHidden","svgProcessor","useCallback","React","createElement","~~SVG~~","innerRef","preProcessor","getTestId","ComponentDefaultTestId","SVG_ICON"],"mappings":"~~iQAOA~~,SAASA,EAAcC,GACrB,OAAOA,EAAIC,QAAQ,uBAAaC,OADOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,eACM,KAClD,CAeA,IAAMG,EAAuD,SAA1CC,GAYd,IAXHC,EAASD,EAATC,UACAC,EAAGF,EAAHE,IACAC,EAAGH,EAAHG,IACAC,EAAOJ,EAAPI,QAGUC,EAAAL,EACVM,sBAAAA,OAAwB,IAAHD,GAAQA,EAC7BE,EAAWP,EAAXO,YACAC,EAAER,EAAFQ,GACeC,EAAUT,EAAzB,eAEMU,EAA0BC,EAA+B,CAC7DC,YATOZ,EAATa,UAUEC,MATOd,EAATe,UAUEC,iBATQhB,EAAViB,aAYMC,EAAeC,GACnB,~~SAAC1B~~,GACC,OAAIa,EAA8Bd,EAAcC,EAAK,gBACjDc,EAAoBf,EAAcC,EAAKc,GACpCd,CACT,GACA,CAACa,EAAuBC,IAG1B,~~MAAmB~~,iBAARJ,~~EAAyB~~,~~KAGlCiB~~,~~EAACC~~,~~cAAAC~~,~~iBACCC~~,~~SAAUrB~~,GACNQ,~~GACJN~~,QAASA,~~EACTD~~,IAAKA,EACLF,UAAWA,~~EACXuB~~,~~aAAcN~~,~~EACdV~~,GAAIA,~~gBACSC~~,~~GAAcgB~~,EAAUC,EAAuBC,~~SAAUnB~~,~~KAG5E~~"}
1	+ {"version":3,"file":"CustomSvgIcon.js","sources":["../../../../../src/components/Icon/CustomSvgIcon/CustomSvgIcon.tsx"],"sourcesContent":["import React, { FunctionComponent, useCallback, AriaRole, Ref } from \"react\";\nimport SVG from \"react-inlinesvg\";\nimport useIconScreenReaderAccessProps from \"../../../hooks/useIconScreenReaderAccessProps\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { useIsMounted } from \"../../../hooks/ssr/useIsMounted\";\n\nfunction modifySvgCode(svg: string, color = \"currentColor\") {\n return svg.replace(/fill=\".*?\"/g, `fill=\"${color}\"`);\n}\n\nexport interface CustomSvgIconProps extends VibeComponentProps {\n onClick?: (event: React.MouseEvent) => void;\n src: string \| object;\n ariaLabel?: string;\n tabIndex?: number;\n role?: AriaRole;\n ariaHidden?: boolean;\n clickable?: boolean;\n replaceToCurrentColor?: boolean;\n customColor?: string;\n ref?: Ref<SVGElement>;\n}\n\nconst CustomSvgIcon: FunctionComponent<CustomSvgIconProps> = ({\n className,\n ref,\n src,\n onClick,\n clickable,\n ariaLabel,\n ariaHidden,\n replaceToCurrentColor = false,\n customColor,\n id,\n \"data-testid\": dataTestId\n}) => {\n const screenReaderAccessProps = useIconScreenReaderAccessProps({\n isClickable: clickable,\n label: ariaLabel,\n isDecorationOnly: ariaHidden\n });\n\n const isMounted = useIsMounted();\n\n const svgProcessor = useCallback(\n (svg: string) => {\n if (replaceToCurrentColor) return modifySvgCode(svg, \"currentColor\");\n if (customColor) return modifySvgCode(svg, customColor);\n return svg;\n },\n [replaceToCurrentColor, customColor]\n );\n\n if (typeof src !== \"string\") return null;\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const SVGComponent = SVG as React.FC<any>;\n\n const PlaceHolder = <div className={className} id={id}></div>;\n\n if (!isMounted) {\n // placeholder for server side rendering\n return PlaceHolder;\n }\n return (\n <SVGComponent\n innerRef={ref}\n {...screenReaderAccessProps}\n onClick={onClick}\n loader={PlaceHolder} // avoid flickering\n src={src}\n className={className}\n preProcessor={svgProcessor}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SVG_ICON, id)}\n >\n {PlaceHolder}\n </SVGComponent>\n );\n};\n\nexport default CustomSvgIcon;\n"],"names":["modifySvgCode","svg","replace","concat","arguments","length","undefined","CustomSvgIcon","_ref","className","ref","src","onClick","_ref$replaceToCurrent","replaceToCurrentColor","customColor","id","dataTestId","screenReaderAccessProps","useIconScreenReaderAccessProps","isClickable","clickable","label","ariaLabel","isDecorationOnly","ariaHidden","isMounted","useIsMounted","svgProcessor","useCallback","SVGComponent","SVG","PlaceHolder","React","createElement","Object","assign","innerRef","loader","preProcessor","getTestId","ComponentDefaultTestId","SVG_ICON"],"mappings":"mUAQA,SAASA,EAAcC,GACrB,OAAOA,EAAIC,QAAQ,uBAAaC,OADOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,eACM,KAClD,CAeA,IAAMG,EAAuD,SAA1CC,GAYd,IAXHC,EAASD,EAATC,UACAC,EAAGF,EAAHE,IACAC,EAAGH,EAAHG,IACAC,EAAOJ,EAAPI,QAGUC,EAAAL,EACVM,sBAAAA,OAAwB,IAAHD,GAAQA,EAC7BE,EAAWP,EAAXO,YACAC,EAAER,EAAFQ,GACeC,EAAUT,EAAzB,eAEMU,EAA0BC,EAA+B,CAC7DC,YATOZ,EAATa,UAUEC,MATOd,EAATe,UAUEC,iBATQhB,EAAViB,aAYMC,EAAYC,IAEZC,EAAeC,GACnB,SAAC5B,GACC,OAAIa,EAA8Bd,EAAcC,EAAK,gBACjDc,EAAoBf,EAAcC,EAAKc,GACpCd,CACT,GACA,CAACa,EAAuBC,IAG1B,GAAmB,iBAARJ,EAAkB,OAAO,KAGpC,IAAMmB,EAAeC,EAEfC,EAAcC,EAAAC,cAAA,MAAA,CAAKzB,UAAWA,EAAWO,GAAIA,IAEnD,OAAKU,EAKHO,gBAACH,EAAYK,OAAAC,OAAA,CACXC,SAAU3B,GACNQ,EACJ,CAAAN,QAASA,EACT0B,OAAQN,EACRrB,IAAKA,EACLF,UAAWA,EACX8B,aAAcX,EACdZ,GAAIA,EACS,cAAAC,GAAcuB,EAAUC,EAAuBC,SAAU1B,KAErEgB,GAdIA,CAiBX"}

package/dist/src/components/Icon/Icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { CSSProperties, forwardRef, Ref } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { IconType as IconTypeEnum } from \"./IconConstants\";\nimport { IconType } from \"./Icon.types\";\nimport CustomSvgIcon from \"./CustomSvgIcon/CustomSvgIcon\";\nimport FontIcon from \"./FontIcon/FontIcon\";\nimport useIconProps from \"./hooks/useIconProps\";\nimport { VibeComponentProps, VibeComponent, SubIcon, withStaticProps } from \"../../types\";\n\nexport interface IconSubComponentProps {\n ref?: Ref<HTMLElement>;\n id?: string;\n size?: string \| number;\n className?: string;\n style?: CSSProperties;\n \"data-testid\"?: string;\n}\n\nfunction renderIcon(Icon: SubIcon, props: IconSubComponentProps) {\n const dataTestId = props[\"data-testid\"];\n return <Icon {...props} data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ICON, props.id)} />;\n}\n\nexport interface IconProps extends VibeComponentProps {\n /*\n We support three types of icons - SVG, FONT and SRC (classname) so this prop is either the name of the icon or the component\n /\n icon: SubIcon;\n /\~~nmo~~ Icon aria label [aria label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)\n /\n iconLabel?: string;\n /\n The type of the component - svg, font or custom svg (using [`react-inlinesvg`](https://github.com/gilbarbara/react-inlinesvg#readme))\n /\n iconType?: IconType;\n /\n Size for font icon\n /\n iconSize?: number \| string;\n /\n Remove focus style\n /\n ignoreFocusStyle?: boolean;\n tabindex?: number \| string;\n /\n Hide icon asset from screen reader. No need to set value for this prop when `clickable` is false\n /\n ariaHidden?: boolean;\n style?: React.CSSProperties;\n /\n When using svg from src (Icon.type.SRC) this boolean will transform the \"fill\" property to \"currentColor\"\n /\n useCurrentColor?: boolean;\n /\n Override the default color with a custom one\n /\n customColor?: string;\n}\n\nconst Icon: VibeComponent<IconProps, HTMLElement> & { type?: typeof IconTypeEnum } = forwardRef(\n (\n {\n /\n component id\n */\n id,\n className,\n icon = \"\",\n iconLabel,\n iconType = \"svg\",\n iconSize = 16,\n ignoreFocusStyle = false,\n tabindex: externalTabIndex,\n ariaHidden,\n style,\n useCurrentColor = false,\n customColor,\n \"data-testid\": dataTestId\n }: IconProps,\n ref\n ) => {\n const overrideExternalTabIndex = externalTabIndex && +externalTabIndex;\n const { screenReaderAccessProps, onClickCallback, computedClassName, iconRef } = useIconProps({\n iconLabel,\n className,\n isDecorationOnly: ariaHidden,\n ignoreFocusStyle,\n externalTabIndex: overrideExternalTabIndex\n });\n\n const mergedRef = useMergeRef(ref, iconRef);\n\n if (!icon) {\n return null;\n }\n\n // TODO: [breaking] make more accurate check\n const isFunctionType = typeof icon === \"function\";\n\n const overrideDataTestId = dataTestId \|\| getTestId(ComponentDefaultTestId.ICON, id);\n\n // TODO: [breaking] make more accurate check\n if (iconType === \"svg\" \|\| isFunctionType \|\| typeof icon === \"object\") {\n return renderIcon(icon, {\n id,\n ...screenReaderAccessProps,\n ref: isFunctionType ? undefined : mergedRef,\n size: iconSize.toString(),\n className: computedClassName,\n style,\n \"data-testid\": overrideDataTestId\n });\n }\n if (iconType === \"src\") {\n return (\n <CustomSvgIcon\n id={id}\n src={icon}\n {...screenReaderAccessProps}\n className={cx(computedClassName)}\n onClick={onClickCallback}\n replaceToCurrentColor={useCurrentColor}\n customColor={customColor}\n data-testid={overrideDataTestId}\n />\n );\n }\n return (\n <FontIcon\n id={id}\n {...screenReaderAccessProps}\n className={cx(computedClassName)}\n onClick={onClickCallback}\n ref={mergedRef}\n icon={icon}\n data-testid={overrideDataTestId}\n />\n );\n }\n);\n\nexport default withStaticProps(Icon, {\n type: IconTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","id","_ref$icon","icon","_ref$iconType","iconType","_ref$iconSize","iconSize","_ref$ignoreFocusStyle","ignoreFocusStyle","externalTabIndex","tabindex","style","_ref$useCurrentColor","useCurrentColor","customColor","dataTestId","_useIconProps","useIconProps","iconLabel","className","isDecorationOnly","ariaHidden","screenReaderAccessProps","onClickCallback","computedClassName","mergedRef","useMergeRef","iconRef","isFunctionType","overrideDataTestId","getTestId","ComponentDefaultTestId","ICON","_typeof","Icon","props","React","Object","assign","renderIcon","undefined","size","createElement","CustomSvgIcon","src","cx","onClick","replaceToCurrentColor","FontIcon","type","IconTypeEnum"],"mappings":"ohBA8DA,IAkFeA,EAAAA,EAlFsEC,GACnF,SAAAC,EAmBEC,GACE,IAfAC,EAAEF,EAAFE,GACSC,EAAAH,EACTI,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACAE,EAAAL,EACTM,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAAAE,EAAAP,EAChBQ,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAT,EACbU,iBACUC,EAAgBX,EAA1BY,SAEAC,EAAKb,EAALa,MAAKC,EAAAd,EACLe,gBAAAA,OAAkB,IAAHD,GAAQA,EACvBE,EAAWhB,EAAXgB,YACeC,EAAUjB,EAAzB,eAKFkB,EAAiFC,EAAa,CAC5FC,UAfSpB,EAAToB,UAgBAC,UAlBSrB,EAATqB,UAmBAC,iBAZUtB,EAAVuB,WAaAb,sBAfmB,IAAHD,GAAQA,EAgBxBE,iBAN+BA,IAAqBA,IAC9Ca,EAAuBN,EAAvBM,wBAAyBC,EAAeP,EAAfO,gBAAiBC,EAAiBR,EAAjBQ,kBAQ5CC,EAAYC,EAAY3B,EAR8CiB,EAAPW,SAUrE,IAAKzB,EACH,OAAO,KAIT,IAAM0B,EAAiC,mBAAT1B,EAExB2B,EAAqBd,GAAce,EAAUC,EAAuBC,KAAMhC,GAGhF,MAAiB,QAAbI,GAAsBwB,GAAkC,WAAhBK,EAAO/B,GArFvD,SAAoBgC,EAAeC,GAEjC,OAAOC,gBAACF,EAAIG,OAAAC,OAAA,CAAA,EAAKH,EAAoB,CAAA,cADlBA,EAAM,gBAC0BL,EAAUC,EAAuBC,KAAMG,EAAMnC,MAClG,CAmFauC,CAAWrC,EAChBmC,OAAAC,OAAAD,OAAAC,OAAA,CAAAtC,GAAAA,GACGsB,GAAuB,CAC1BvB,IAAK6B,OAAiBY,EAAYf,EAClCgB,KAAMnC,KACNa,UAAWK,EACXb,MAAAA,EACA,cAAekB,KAGF,QAAbzB,EAEAgC,EAACM,cAAAC,EACCN,OAAAC,OAAA,CAAAtC,GAAIA,EACJ4C,IAAK1C,GACDoB,EACJ,CAAAH,UAAW0B,EAAGrB,GACdsB,QAASvB,EACTwB,sBAAuBlC,EACvBC,YAAaA,EAAW,cACXe,KAKjBO,EAAAM,cAACM,EAAQX,OAAAC,OAAA,CACPtC,GAAIA,GACAsB,EACJ,CAAAH,UAAW0B,EAAGrB,GACdsB,QAASvB,EACTxB,IAAK0B,EACLvB,KAAMA,EAAI,cACG2B,IAGnB,IAGmC,CACnCoB,KAAMC"}
1	+ {"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { CSSProperties, forwardRef, Ref } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { IconType as IconTypeEnum } from \"./IconConstants\";\nimport { IconType } from \"./Icon.types\";\nimport CustomSvgIcon from \"./CustomSvgIcon/CustomSvgIcon\";\nimport FontIcon from \"./FontIcon/FontIcon\";\nimport useIconProps from \"./hooks/useIconProps\";\nimport { VibeComponentProps, VibeComponent, SubIcon, withStaticProps } from \"../../types\";\n\nexport interface IconSubComponentProps {\n ref?: Ref<HTMLElement>;\n id?: string;\n size?: string \| number;\n className?: string;\n style?: CSSProperties;\n \"data-testid\"?: string;\n}\n\nfunction renderIcon(Icon: SubIcon, props: IconSubComponentProps) {\n const dataTestId = props[\"data-testid\"];\n return <Icon {...props} data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ICON, props.id)} />;\n}\n\nexport interface IconProps extends VibeComponentProps {\n /*\n We support three types of icons - SVG, FONT and SRC (classname) so this prop is either the name of the icon or the component\n /\n icon: SubIcon;\n /\n Icon aria label [aria label](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-label)\n /\n iconLabel?: string;\n /\n The type of the component - svg, font or custom svg (using [`react-inlinesvg`](https://github.com/gilbarbara/react-inlinesvg#readme))\n /\n iconType?: IconType;\n /\n Size for font icon\n /\n iconSize?: number \| string;\n /\n Remove focus style\n /\n ignoreFocusStyle?: boolean;\n tabindex?: number \| string;\n /\n Hide icon asset from screen reader. No need to set value for this prop when `clickable` is false\n /\n ariaHidden?: boolean;\n style?: React.CSSProperties;\n /\n When using svg from src (Icon.type.SRC) this boolean will transform the \"fill\" property to \"currentColor\"\n /\n useCurrentColor?: boolean;\n /\n Override the default color with a custom one\n /\n customColor?: string;\n}\n\nconst Icon: VibeComponent<IconProps, HTMLElement> & { type?: typeof IconTypeEnum } = forwardRef(\n (\n {\n /\n component id\n */\n id,\n className,\n icon = \"\",\n iconLabel,\n iconType = \"svg\",\n iconSize = 16,\n ignoreFocusStyle = false,\n tabindex: externalTabIndex,\n ariaHidden,\n style,\n useCurrentColor = false,\n customColor,\n \"data-testid\": dataTestId\n }: IconProps,\n ref\n ) => {\n const overrideExternalTabIndex = externalTabIndex && +externalTabIndex;\n const { screenReaderAccessProps, onClickCallback, computedClassName, iconRef } = useIconProps({\n iconLabel,\n className,\n isDecorationOnly: ariaHidden,\n ignoreFocusStyle,\n externalTabIndex: overrideExternalTabIndex\n });\n\n const mergedRef = useMergeRef(ref, iconRef);\n\n if (!icon) {\n return null;\n }\n\n // TODO: [breaking] make more accurate check\n const isFunctionType = typeof icon === \"function\";\n\n const overrideDataTestId = dataTestId \|\| getTestId(ComponentDefaultTestId.ICON, id);\n\n // TODO: [breaking] make more accurate check\n if (iconType === \"svg\" \|\| isFunctionType \|\| typeof icon === \"object\") {\n return renderIcon(icon, {\n id,\n ...screenReaderAccessProps,\n ref: isFunctionType ? undefined : mergedRef,\n size: iconSize.toString(),\n className: computedClassName,\n style,\n \"data-testid\": overrideDataTestId\n });\n }\n if (iconType === \"src\") {\n return (\n <CustomSvgIcon\n id={id}\n src={icon}\n {...screenReaderAccessProps}\n className={cx(computedClassName)}\n onClick={onClickCallback}\n replaceToCurrentColor={useCurrentColor}\n customColor={customColor}\n data-testid={overrideDataTestId}\n />\n );\n }\n return (\n <FontIcon\n id={id}\n {...screenReaderAccessProps}\n className={cx(computedClassName)}\n onClick={onClickCallback}\n ref={mergedRef}\n icon={icon}\n data-testid={overrideDataTestId}\n />\n );\n }\n);\n\nexport default withStaticProps(Icon, {\n type: IconTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","id","_ref$icon","icon","_ref$iconType","iconType","_ref$iconSize","iconSize","_ref$ignoreFocusStyle","ignoreFocusStyle","externalTabIndex","tabindex","style","_ref$useCurrentColor","useCurrentColor","customColor","dataTestId","_useIconProps","useIconProps","iconLabel","className","isDecorationOnly","ariaHidden","screenReaderAccessProps","onClickCallback","computedClassName","mergedRef","useMergeRef","iconRef","isFunctionType","overrideDataTestId","getTestId","ComponentDefaultTestId","ICON","_typeof","Icon","props","React","Object","assign","renderIcon","undefined","size","createElement","CustomSvgIcon","src","cx","onClick","replaceToCurrentColor","FontIcon","type","IconTypeEnum"],"mappings":"ohBA8DA,IAkFeA,EAAAA,EAlFsEC,GACnF,SAAAC,EAmBEC,GACE,IAfAC,EAAEF,EAAFE,GACSC,EAAAH,EACTI,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACAE,EAAAL,EACTM,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAAAE,EAAAP,EAChBQ,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAT,EACbU,iBACUC,EAAgBX,EAA1BY,SAEAC,EAAKb,EAALa,MAAKC,EAAAd,EACLe,gBAAAA,OAAkB,IAAHD,GAAQA,EACvBE,EAAWhB,EAAXgB,YACeC,EAAUjB,EAAzB,eAKFkB,EAAiFC,EAAa,CAC5FC,UAfSpB,EAAToB,UAgBAC,UAlBSrB,EAATqB,UAmBAC,iBAZUtB,EAAVuB,WAaAb,sBAfmB,IAAHD,GAAQA,EAgBxBE,iBAN+BA,IAAqBA,IAC9Ca,EAAuBN,EAAvBM,wBAAyBC,EAAeP,EAAfO,gBAAiBC,EAAiBR,EAAjBQ,kBAQ5CC,EAAYC,EAAY3B,EAR8CiB,EAAPW,SAUrE,IAAKzB,EACH,OAAO,KAIT,IAAM0B,EAAiC,mBAAT1B,EAExB2B,EAAqBd,GAAce,EAAUC,EAAuBC,KAAMhC,GAGhF,MAAiB,QAAbI,GAAsBwB,GAAkC,WAAhBK,EAAO/B,GArFvD,SAAoBgC,EAAeC,GAEjC,OAAOC,gBAACF,EAAIG,OAAAC,OAAA,CAAA,EAAKH,EAAoB,CAAA,cADlBA,EAAM,gBAC0BL,EAAUC,EAAuBC,KAAMG,EAAMnC,MAClG,CAmFauC,CAAWrC,EAChBmC,OAAAC,OAAAD,OAAAC,OAAA,CAAAtC,GAAAA,GACGsB,GAAuB,CAC1BvB,IAAK6B,OAAiBY,EAAYf,EAClCgB,KAAMnC,KACNa,UAAWK,EACXb,MAAAA,EACA,cAAekB,KAGF,QAAbzB,EAEAgC,EAACM,cAAAC,EACCN,OAAAC,OAAA,CAAAtC,GAAIA,EACJ4C,IAAK1C,GACDoB,EACJ,CAAAH,UAAW0B,EAAGrB,GACdsB,QAASvB,EACTwB,sBAAuBlC,EACvBC,YAAaA,EAAW,cACXe,KAKjBO,EAAAM,cAACM,EAAQX,OAAAC,OAAA,CACPtC,GAAIA,GACAsB,EACJ,CAAAH,UAAW0B,EAAGrB,GACdsB,QAASvB,EACTxB,IAAK0B,EACLvB,KAAMA,EAAI,cACG2B,IAGnB,IAGmC,CACnCoB,KAAMC"}

package/dist/src/components/Icon/Icon.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={icon:"icon_af220dddb7",noFocusStyle:"noFocusStyle_a7fc9fd1f9",clickable:"clickable_ef4b3c932d"};!function(e){const n="s_id-039c30c54242_3_0_0-alpha_7";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".icon_af220dddb7 {\n  position: relative;\n}\n\n.icon_af220dddb7:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle_a7fc9fd1f9:focus {\n  outline: none;\n}\n\n.clickable_ef4b3c932d {\n  cursor: pointer;\n}");export{e as default};
+var e={icon:"icon_15af74e04d",noFocusStyle:"noFocusStyle_4e57fe746f",clickable:"clickable_cc17068872"};!function(e){const n="s_id-039c30c54242_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".icon_15af74e04d {\n  position: relative;\n}\n\n.icon_15af74e04d:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle_4e57fe746f:focus {\n  outline: none;\n}\n\n.clickable_cc17068872 {\n  cursor: pointer;\n}");export{e as default};
 //# sourceMappingURL=Icon.module.scss.js.map

package/dist/src/components/IconButton/IconButton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_c74afe7661",referenceWrapper:"referenceWrapper_4d0d31a235",loader:"loader_f7fc96fbf8",xxs:"xxs_507ab1b768"};!function(e){const n="s_id-8d1605f1f87b_3_0_0-alpha_7";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_c74afe7661 {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper_4d0d31a235 {\n  display: inline-flex;\n}\n\n.referenceWrapper_4d0d31a235 button .loader_f7fc96fbf8 {\n  width: 16px;\n  height: 16px;\n}\n\n.referenceWrapper_4d0d31a235 button .loader_f7fc96fbf8.xxs_507ab1b768 {\n  width: 10px;\n  height: 10px;\n}\n\n.referenceWrapper_4d0d31a235 button .loader_f7fc96fbf8.xxs_507ab1b768 svg {\n  display: block;\n}");export{e as default};
+var e={wrapper:"wrapper_7b603f087a",referenceWrapper:"referenceWrapper_6cc6884276",loader:"loader_33dd85a37a",xxs:"xxs_55d808953d"};!function(e){const n="s_id-8d1605f1f87b_3_0_0-alpha_8";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_7b603f087a {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper_6cc6884276 {\n  display: inline-flex;\n}\n\n.referenceWrapper_6cc6884276 button .loader_33dd85a37a {\n  width: 16px;\n  height: 16px;\n}\n\n.referenceWrapper_6cc6884276 button .loader_33dd85a37a.xxs_55d808953d {\n  width: 10px;\n  height: 10px;\n}\n\n.referenceWrapper_6cc6884276 button .loader_33dd85a37a.xxs_55d808953d svg {\n  display: block;\n}");export{e as default};
 //# sourceMappingURL=IconButton.module.scss.js.map

package/dist/src/components/Label/Label.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_ef4b3c932d","focus-visible":"focus-visible_306232b806",disabled:"disabled_80c4f4e119",disableTextSelection:"disableTextSelection_75b2ab08a3",clickableWrapper:"clickableWrapper_ef4b3c932d",label:"label_e6e1ce0e1a",small:"small_92584d25f7",withLeg:"withLeg_a08df09c82",legWrapper:"legWrapper_d456830082",kindFill:"kindFill_213cabe6b4",colorPrimary:"colorPrimary_071a089af2",colorDark:"colorDark_0ae449e9d1",colorNegative:"colorNegative_ece82d033c",colorPositive:"colorPositive_d2e2dfe906",kindLine:"kindLine_bb771b20db",smallText:"smallText_b0cdf682fe"};!function(e){const n="s_id-4bcc4b0ff746_3_0_0-alpha_7";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_ef4b3c932d {\n  cursor: pointer;\n}\n.clickable_ef4b3c932d:focus-visible, .clickable_ef4b3c932d.focus-visible_306232b806 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_ef4b3c932d:focus:not(.focus-visible_306232b806) {\n  outline: none;\n}\n.clickable_ef4b3c932d.disabled_80c4f4e119 {\n  cursor: default;\n}\n.disableTextSelection_75b2ab08a3 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.clickableWrapper_ef4b3c932d {\n  cursor: pointer;\n}\n.clickableWrapper_ef4b3c932d:focus-visible, .clickableWrapper_ef4b3c932d.focus-visible_306232b806 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickableWrapper_ef4b3c932d:focus:not(.focus-visible_306232b806) {\n  outline: none;\n}\n.clickableWrapper_ef4b3c932d:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_e6e1ce0e1a {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.label_e6e1ce0e1a.small_92584d25f7 {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_a08df09c82 {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_d456830082 {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_213cabe6b4.colorPrimary_071a089af2 {\n  background-color: var(--primary-color);\n}\n.kindFill_213cabe6b4.colorPrimary_071a089af2 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_213cabe6b4.colorPrimary_071a089af2.clickable_ef4b3c932d:hover, .kindFill_213cabe6b4.colorPrimary_071a089af2.clickable_ef4b3c932d:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_213cabe6b4.colorDark_0ae449e9d1 {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_213cabe6b4.colorDark_0ae449e9d1 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_213cabe6b4.colorNegative_ece82d033c {\n  background-color: var(--negative-color);\n}\n.kindFill_213cabe6b4.colorNegative_ece82d033c svg path {\n  fill: var(--negative-color);\n}\n.kindFill_213cabe6b4.colorNegative_ece82d033c.clickable_ef4b3c932d:hover, .kindFill_213cabe6b4.colorNegative_ece82d033c.clickable_ef4b3c932d:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_213cabe6b4.colorPositive_d2e2dfe906 {\n  background-color: var(--positive-color);\n}\n.kindFill_213cabe6b4.colorPositive_d2e2dfe906 svg path {\n  fill: var(--positive-color);\n}\n.kindFill_213cabe6b4.colorPositive_d2e2dfe906.clickable_ef4b3c932d:hover, .kindFill_213cabe6b4.colorPositive_d2e2dfe906.clickable_ef4b3c932d:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_bb771b20db {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_bb771b20db .legWrapper_d456830082 {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_bb771b20db.colorPrimary_071a089af2 {\n  color: var(--primary-color);\n}\n.kindLine_bb771b20db.colorPrimary_071a089af2 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_bb771b20db.colorPrimary_071a089af2.clickable_ef4b3c932d:hover, .kindLine_bb771b20db.colorPrimary_071a089af2.clickable_ef4b3c932d:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_bb771b20db.colorDark_0ae449e9d1 {\n  color: var(--inverted-color-background);\n}\n.kindLine_bb771b20db.colorDark_0ae449e9d1 svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_bb771b20db.colorDark_0ae449e9d1.clickable_ef4b3c932d:hover, .kindLine_bb771b20db.colorDark_0ae449e9d1.clickable_ef4b3c932d:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_bb771b20db.colorNegative_ece82d033c {\n  color: var(--negative-color);\n}\n.kindLine_bb771b20db.colorNegative_ece82d033c svg path {\n  fill: var(--negative-color);\n}\n.kindLine_bb771b20db.colorNegative_ece82d033c.clickable_ef4b3c932d:hover, .kindLine_bb771b20db.colorNegative_ece82d033c.clickable_ef4b3c932d:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_bb771b20db.colorPositive_d2e2dfe906 {\n  color: var(--positive-color);\n}\n.kindLine_bb771b20db.colorPositive_d2e2dfe906 svg path {\n  fill: var(--positive-color);\n}\n.kindLine_bb771b20db.colorPositive_d2e2dfe906.clickable_ef4b3c932d:hover, .kindLine_bb771b20db.colorPositive_d2e2dfe906.clickable_ef4b3c932d:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_bb771b20db .smallText_b0cdf682fe {\n  line-height: 14px;\n}");export{e as default};
+var e={clickable:"clickable_cc17068872","focus-visible":"focus-visible_78a95fb4b9",disabled:"disabled_6059a275a2",disableTextSelection:"disableTextSelection_5b5f92e9dc",clickableWrapper:"clickableWrapper_cc17068872",label:"label_a8e164a319",small:"small_71ee1e9abf",withLeg:"withLeg_f8b8c73c0f",legWrapper:"legWrapper_5f26bdc11c",kindFill:"kindFill_4ebccc2e67",colorPrimary:"colorPrimary_de97afdda7",colorDark:"colorDark_bd91a81a2f",colorNegative:"colorNegative_b78d395007",colorPositive:"colorPositive_ac4d7f9c70",kindLine:"kindLine_ce0000a031",smallText:"smallText_4b2bbad5d2"};!function(e){const c="s_id-4bcc4b0ff746_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+c))return;const o=document.createElement("style");o.id=c,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[c]=e)}(".clickable_cc17068872 {\n  cursor: pointer;\n}\n.clickable_cc17068872:focus-visible, .clickable_cc17068872.focus-visible_78a95fb4b9 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_cc17068872:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.clickable_cc17068872.disabled_6059a275a2 {\n  cursor: default;\n}\n.disableTextSelection_5b5f92e9dc {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.clickableWrapper_cc17068872 {\n  cursor: pointer;\n}\n.clickableWrapper_cc17068872:focus-visible, .clickableWrapper_cc17068872.focus-visible_78a95fb4b9 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickableWrapper_cc17068872:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.clickableWrapper_cc17068872:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_a8e164a319 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.label_a8e164a319.small_71ee1e9abf {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_f8b8c73c0f {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_5f26bdc11c {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_4ebccc2e67.colorPrimary_de97afdda7 {\n  background-color: var(--primary-color);\n}\n.kindFill_4ebccc2e67.colorPrimary_de97afdda7 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_4ebccc2e67.colorPrimary_de97afdda7.clickable_cc17068872:hover, .kindFill_4ebccc2e67.colorPrimary_de97afdda7.clickable_cc17068872:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_4ebccc2e67.colorDark_bd91a81a2f {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_4ebccc2e67.colorDark_bd91a81a2f svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_4ebccc2e67.colorNegative_b78d395007 {\n  background-color: var(--negative-color);\n}\n.kindFill_4ebccc2e67.colorNegative_b78d395007 svg path {\n  fill: var(--negative-color);\n}\n.kindFill_4ebccc2e67.colorNegative_b78d395007.clickable_cc17068872:hover, .kindFill_4ebccc2e67.colorNegative_b78d395007.clickable_cc17068872:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_4ebccc2e67.colorPositive_ac4d7f9c70 {\n  background-color: var(--positive-color);\n}\n.kindFill_4ebccc2e67.colorPositive_ac4d7f9c70 svg path {\n  fill: var(--positive-color);\n}\n.kindFill_4ebccc2e67.colorPositive_ac4d7f9c70.clickable_cc17068872:hover, .kindFill_4ebccc2e67.colorPositive_ac4d7f9c70.clickable_cc17068872:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_ce0000a031 {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_ce0000a031 .legWrapper_5f26bdc11c {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_ce0000a031.colorPrimary_de97afdda7 {\n  color: var(--primary-color);\n}\n.kindLine_ce0000a031.colorPrimary_de97afdda7 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_ce0000a031.colorPrimary_de97afdda7.clickable_cc17068872:hover, .kindLine_ce0000a031.colorPrimary_de97afdda7.clickable_cc17068872:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_ce0000a031.colorDark_bd91a81a2f {\n  color: var(--inverted-color-background);\n}\n.kindLine_ce0000a031.colorDark_bd91a81a2f svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_ce0000a031.colorDark_bd91a81a2f.clickable_cc17068872:hover, .kindLine_ce0000a031.colorDark_bd91a81a2f.clickable_cc17068872:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_ce0000a031.colorNegative_b78d395007 {\n  color: var(--negative-color);\n}\n.kindLine_ce0000a031.colorNegative_b78d395007 svg path {\n  fill: var(--negative-color);\n}\n.kindLine_ce0000a031.colorNegative_b78d395007.clickable_cc17068872:hover, .kindLine_ce0000a031.colorNegative_b78d395007.clickable_cc17068872:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_ce0000a031.colorPositive_ac4d7f9c70 {\n  color: var(--positive-color);\n}\n.kindLine_ce0000a031.colorPositive_ac4d7f9c70 svg path {\n  fill: var(--positive-color);\n}\n.kindLine_ce0000a031.colorPositive_ac4d7f9c70.clickable_cc17068872:hover, .kindLine_ce0000a031.colorPositive_ac4d7f9c70.clickable_cc17068872:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_ce0000a031 .smallText_4b2bbad5d2 {\n  line-height: 14px;\n}");export{e as default};
 //# sourceMappingURL=Label.module.scss.js.map

package/dist/src/components/Label/LabelCelebrationAnimation.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={celebration:"celebration_fab5cd2b90",svg:"svg_005fe48c84",stroke:"stroke_a5807b924b","stroke-rotate":"stroke-rotate_872b1c927f",base:"base_341c9ef597",fade:"fade_198eee8fc8",first:"first_03588e2a2b",second:"second_af7d89ac7b",third:"third_ee05e953ff","gradient-text-fill":"gradient-text-fill_4d1500d089"};!function(e){const n="s_id-cc5df975abc6_3_0_0-alpha_7";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)}(".celebration_fab5cd2b90 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_fab5cd2b90 .svg_005fe48c84 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_fab5cd2b90 .svg_005fe48c84 .stroke_a5807b924b {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_872b1c927f cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_fab5cd2b90 .svg_005fe48c84 .stroke_a5807b924b.base_341c9ef597 {\n  stroke: var(--color-egg_yolk);\n  animation: fade_198eee8fc8 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_fab5cd2b90 .svg_005fe48c84 .stroke_a5807b924b.first_03588e2a2b {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_fab5cd2b90 .svg_005fe48c84 .stroke_a5807b924b.second_af7d89ac7b {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_fab5cd2b90 .svg_005fe48c84 .stroke_a5807b924b.third_ee05e953ff {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_fab5cd2b90.celebration_fab5cd2b90 [data-celebration-text] {\n  background-size: 300% 100%;\n  background-repeat: no-repeat;\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  animation: gradient-text-fill_4d1500d089 680ms linear forwards;\n  background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade_198eee8fc8 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_872b1c927f {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_4d1500d089 {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
+var e={celebration:"celebration_a3fe763211",svg:"svg_cf4fdb78ce",stroke:"stroke_842c600c0a","stroke-rotate":"stroke-rotate_b18cf67c77",base:"base_0887cb4086",fade:"fade_598ecafdc1",first:"first_27ec78fe7c",second:"second_f3f6137881",third:"third_6223b78633","gradient-text-fill":"gradient-text-fill_a0e35f6460"};!function(e){const n="s_id-cc5df975abc6_3_0_0-alpha_8";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)}(".celebration_a3fe763211 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_a3fe763211 .svg_cf4fdb78ce {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_a3fe763211 .svg_cf4fdb78ce .stroke_842c600c0a {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_b18cf67c77 cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_a3fe763211 .svg_cf4fdb78ce .stroke_842c600c0a.base_0887cb4086 {\n  stroke: var(--color-egg_yolk);\n  animation: fade_598ecafdc1 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_a3fe763211 .svg_cf4fdb78ce .stroke_842c600c0a.first_27ec78fe7c {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_a3fe763211 .svg_cf4fdb78ce .stroke_842c600c0a.second_f3f6137881 {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_a3fe763211 .svg_cf4fdb78ce .stroke_842c600c0a.third_6223b78633 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_a3fe763211.celebration_a3fe763211 [data-celebration-text] {\n  background-size: 300% 100%;\n  background-repeat: no-repeat;\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  animation: gradient-text-fill_a0e35f6460 680ms linear forwards;\n  background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade_598ecafdc1 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_b18cf67c77 {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_a0e35f6460 {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
 //# sourceMappingURL=LabelCelebrationAnimation.module.scss.js.map

package/dist/src/components/Link/Link.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={link:"link_eaabf13b6d","focus-visible":"focus-visible_306232b806",text:"text_680ac16444",inlineText:"inlineText_292b0d6691",inheritFontSize:"inheritFontSize_75d0ac0ebf",iconStart:"iconStart_62af6250aa",iconEnd:"iconEnd_d1f3a28822"};!function(n){const i="s_id-c911448248db_3_0_0-alpha_7";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,e.firstChild?e.insertBefore(t,e.firstChild):e.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=n)}(".link_eaabf13b6d {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link_eaabf13b6d:focus-visible, .link_eaabf13b6d.focus-visible_306232b806 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.link_eaabf13b6d:focus:not(.focus-visible_306232b806) {\n  outline: none;\n}\n.link_eaabf13b6d:hover .text_680ac16444 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_eaabf13b6d.inlineText_292b0d6691 {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_eaabf13b6d.inheritFontSize_75d0ac0ebf {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_62af6250aa {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_d1f3a28822 {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_62af6250aa {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_d1f3a28822 {\n    line-height: 24px;\n    margin-left: 0;\n    margin-inline-start: var(--spacing-xs);\n  }\n}");export{n as default};
+var n={link:"link_eb9f5eea87","focus-visible":"focus-visible_78a95fb4b9",text:"text_b34e9578d4",inlineText:"inlineText_26159def97",inheritFontSize:"inheritFontSize_1c2fdeb229",iconStart:"iconStart_747d7e4fa5",iconEnd:"iconEnd_6f6ae6e754"};!function(n){const e="s_id-c911448248db_3_0_0-alpha_8";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".link_eb9f5eea87 {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link_eb9f5eea87:focus-visible, .link_eb9f5eea87.focus-visible_78a95fb4b9 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.link_eb9f5eea87:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.link_eb9f5eea87:hover .text_b34e9578d4 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_eb9f5eea87.inlineText_26159def97 {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_eb9f5eea87.inheritFontSize_1c2fdeb229 {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_747d7e4fa5 {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_6f6ae6e754 {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_747d7e4fa5 {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_6f6ae6e754 {\n    line-height: 24px;\n    margin-left: 0;\n    margin-inline-start: var(--spacing-xs);\n  }\n}");export{n as default};
 //# sourceMappingURL=Link.module.scss.js.map

package/dist/src/components/List/List.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={list:"list_c9e9fbfe8f"};!function(e){const t="s_id-ed9bf484fec4_3_0_0-alpha_7";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)}(".list_c9e9fbfe8f {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_c9e9fbfe8f::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_c9e9fbfe8f::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={list:"list_6a17dfc983"};!function(e){const t="s_id-ed9bf484fec4_3_0_0-alpha_8";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)}(".list_6a17dfc983 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_6a17dfc983::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_6a17dfc983::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=List.module.scss.js.map

package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer_3aca36b234"};!function(e){const n="s_id-6ed55dee5450_3_0_0-alpha_7";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,a.firstChild?a.insertBefore(l,a.firstChild):a.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".scrollableContainer_3aca36b234 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_3aca36b234::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_3aca36b234::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_1e3480ae67"};!function(e){const n="s_id-6ed55dee5450_3_0_0-alpha_8";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,l.firstChild?l.insertBefore(t,l.firstChild):l.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".scrollableContainer_1e3480ae67 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_1e3480ae67::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_1e3480ae67::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedListItems.module.scss.js.map

package/dist/src/components/List/utils/ListUtils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useLayoutEffect as t}from"react";var u=0,e=function(){return"list-".concat(u++)},i=function(u){var i=n(),o=r(i,2),c=o[0],f=o[1];return t((function(){f(u||e())}),[u]),c},o=function(r,n){var t;return null===(t=r.current[n])||void 0===t?void 0:t.id},c=function(r,n){return r.current.findIndex((function(r){return(null==r?void 0:r.id)===n}))},f=function(r){switch(r){case"ul":case"ol":return"li";case"nav":return"a";default:return"div"}},l=function(r){return r&&"option"===r.getAttribute("role")},a=function(r,n){for(;n.current.length-1>r;){var t=n.current[++r];if(l(t))return r}},v=function(r,n){for(;r>0;){var t=n.current[--r];if(l(t))return r}};export{e as generateListId,f as getListItemComponentType,o as getListItemIdByIndex,c as getListItemIndexById,a as getNextListItemIndex,v as getPrevListItemIndex,i as useListId};
+import{slicedToArray as r}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n}from"react";import t from"../../../hooks/ssr/useIsomorphicLayoutEffect.js";var u=0,o=function(){return"list-".concat(u++)},e=function(u){var e=n(),i=r(e,2),c=i[0],f=i[1];return t((function(){f(u||o())}),[u]),c},i=function(r,n){var t;return null===(t=r.current[n])||void 0===t?void 0:t.id},c=function(r,n){return r.current.findIndex((function(r){return(null==r?void 0:r.id)===n}))},f=function(r){switch(r){case"ul":case"ol":return"li";case"nav":return"a";default:return"div"}},a=function(r){return r&&"option"===r.getAttribute("role")},l=function(r,n){for(;n.current.length-1>r;){var t=n.current[++r];if(a(t))return r}},s=function(r,n){for(;r>0;){var t=n.current[--r];if(a(t))return r}};export{o as generateListId,f as getListItemComponentType,i as getListItemIdByIndex,c as getListItemIndexById,l as getNextListItemIndex,s as getPrevListItemIndex,e as useListId};
 //# sourceMappingURL=ListUtils.js.map