@vibe/core 3.0.0-alpha.9 → 3.0.0-beta.0

package/dist/mocked_classnames/src/components/Dropdown/Dropdown.js.map

@@ -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/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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"}
+{"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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"}

package/dist/mocked_classnames/src/components/Dropdown/Dropdown.module.scss.js

@@ -1,2 +1,2 @@
-var o={dropdown:"dropdown"};!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 .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 .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .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 .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n\n.dropdown .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"};!function(o){const n="s_id-9c014db6980d_3_0_0-alpha_17";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 .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 .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .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 .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n\n.dropdown .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/mocked_classnames/src/components/Dropdown/Dropdown.styles.js

@@ -1,2 +1,2 @@
-import{objectSpread2 as r,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{SIZES as n}from"../../constants/sizes.js";import{getCSSVar as e}from"../../services/themes.js";import{getScrollableParent as t}from"../../utils/dom-utils.js";var i=function(r){switch(r){case n.LARGE:return 48;case n.MEDIUM:return 40;default:return 32}},a=function(r){var o=i(r)-2;return{height:"".concat(o,"px")}},c=function(r){var o=i(r)-8;return{height:"".concat(o,"px"),width:"".concat(o,"px")}},l=function(){return{color:e("primary-text-color"),backgroundColor:e("secondary-background-color")}},d=function(r){return{fontSize:v(r),lineHeight:v(r)}},s=function(r){return r?{backgroundColor:e("disabled-background-color"),color:e("disabled-text-color"),borderColor:"transparent",cursor:"not-allowed",":active, :focus, :hover":{borderColor:"transparent",cursor:"not-allowed"},":active, :focus":{pointerEvents:"none"}}:{}},u=function(r){return r?{border:"hidden"}:{}},p=function(r){return r?{backgroundColor:e("allgrey-background-color")}:{}},f=function(o){var n=o.size;return function(o,t){var a=t.isDisabled,c=t.selectProps.readOnly;return delete o.pointerEvents,r(r(r(r({},o),function(r){var o=i(r);return{height:"".concat(o,"px")}}(n)),{},{minHeight:"30px",border:"1px solid ".concat(e("ui-border-color")),boxShadow:"none",borderRadius:e("border-radius-small"),boxSizing:"border-box",transition:"border 0.1s ".concat(e("expand-animation-timing")),":hover":{borderColor:e("primary-text-color"),borderRadius:e("border-radius-small")},":active, :focus-within":{borderColor:e("primary-color")}},s(a)),u(c))}},b=function(o){var n=o.size;return function(o,t){var i=t.isDisabled;return r(r(r(r(r({},o),d()),l()),{},{borderRadius:e("border-radius-small")},s(i)),a(n))}},g=function(o){var n=o.size;return function(o,t){var i=t.selectProps,a=t.isDisabled,l=i.menuIsOpen,d=i.readOnly;return r(r(r({},o),{},{display:d?"none":"flex",alignItems:"center",justifyContent:"center",padding:"0px"},c(n)),{},{margin:"4px 3px 4px 0px",backgroundColor:"transparent",borderRadius:e("border-radius-small"),svg:{transition:"transform 0.1s ".concat(e("expand-animation-timing")),transform:l?"rotate(180deg)":"rotate(0deg)"},color:e(a?"disabled-text-color":"icon-color"),":hover, :active":{backgroundColor:a?void 0:e("primary-background-hover-color"),color:a?void 0:e("icon-color")}})}},m=function(o){var n=o.size;return function(){return r(r({display:"flex",alignItems:"center",justifyContent:"center",color:e("icon-color"),backgroundColor:"transparent",borderRadius:e("border-radius-small")},c(n)),{},{":hover":{backgroundColor:e("primary-background-hover-color")}})}};function v(r){switch(r){case n.LARGE:case n.MEDIUM:return"16px";default:return"14px"}}var x=function(n){var t=n.size,i=n.rtl;return function(n,c){var u=c.isDisabled,f=c.selectProps.readOnly;return r(r(r(r(r(r(r(r({},n),function(r){return o({display:"flex",alignItems:"center"},"padding".concat(r?"Right":"Left"),"12px")}(i)),d()),l()),a(t)),s(u)),p(f)),{},{borderRadius:e("border-radius-small")})}},h=function(){return function(o,n){return r(r({},d()),function(o,n){var t=n.isDisabled,i=n.isSelected,a=n.isFocused;delete o[":active"],delete o.width;var c={display:"flex",alignContent:"center",borderRadius:e("border-radius-small"),marginRight:e("spacing-small"),marginLeft:e("spacing-small"),paddingLeft:e("spacing-small"),paddingRight:e("spacing-small"),transition:"all 0.1s ".concat(e("expand-animation-timing"))};return t?r(r(r({},o),c),{},{backgroundColor:"transparent",color:e("disabled-text-color"),cursor:"not-allowed"},a&&{backgroundColor:e("primary-background-hover-color")}):i?r(r(r({},o),c),{},{color:e("primary-text-color"),backgroundColor:e("primary-selected-color"),cursor:"pointer"}):r(r(r({},o),c),{},{color:e("primary-text-color"),cursor:"pointer"},a&&{":hover":{color:e("primary-text-color"),backgroundColor:e("primary-background-hover-color")}})}(o,n))}},y=function(r){switch(r){case n.LARGE:case n.MEDIUM:return"20px";default:return"16px"}},C=function(o){return r(r({},o),{},{borderRadius:e("border-radius-small"),colors:r(r({},o.colors),{},{primary25:e("primary-background-hover-color")})})},w=function(o){return{container:f(o),control:(w=o,k=w.size,function(o,n){var t=n.isDisabled,i=n.selectProps.readOnly;return r(r(r(r(r(r({},o),a(k)),l()),{},{minHeight:"30px",border:"0 solid transparent",borderRadius:e("border-radius-small"),":focus-within":{boxShadow:"0 0 0 1px ".concat(e("primary-color"))}},!t&&{":hover":{borderColor:"transparent",borderRadius:e("border-radius-small")}}),{},{cursor:i?"default":"pointer"},s(t)),u(i))}),placeholder:function(o,n){var t=n.isDisabled;return r(r(r({},o),d()),{},{color:e(t?"disabled-text-color":"secondary-text-color"),fontWeight:e("font-weight-normal")})},indicatorsContainer:b(o),dropdownIndicator:g(o),clearIndicator:m(o),singleValue:function(o,n){var e=n.isDisabled,t=n.selectProps,i=t.readOnly,a=i?r(r(r({},u(i)),p(i)),{},{cursor:"text"}):{};return r(r(r(r(r(r(r({},o),d()),l()),s(e)),function(r){if(r.menuIsOpen)return{opacity:.6}}(t)),a),{},{display:"flex",alignItems:"center",height:"100%"})},input:function(o){return r(r(r(r({},o),d()),l()),{},{display:"flex",alignItems:"center",textIndent:"-2px"})},valueContainer:x(o),menu:(c=o,v=c.controlRef,y=c.insideOverflowContainer,C=c.insideOverflowWithTransformContainer,function(o){var n,i=r(r(r({},o),d()),{},{color:e("primary-text-color"),backgroundColor:e("dialog-background-color"),boxShadow:"".concat(e("experimental-dropdown-border-in-dark-themes","0 0 0 0 transparent"),", ").concat(e("box-shadow-small"))});if(!y&&!C)return i;var a=null==v||null===(n=v.current)||void 0===n?void 0:n.getBoundingClientRect();if(!a)return i;if(y)return r(r({},i),{},{top:a.bottom,width:a.width});if(C){var c,l="-".concat(null===(c=t(null==v?void 0:v.current))||void 0===c?void 0:c.scrollTop,"px");return r(r({},i),{},{top:"auto",translate:"0 ".concat(l),width:a.width})}return i}),option:h(),indicatorSeparator:function(){return{display:"none"}},group:(n=o,i=n.withGroupDivider,function(){return r({paddingBottom:0,marginTop:"4px"},i&&{":not(:last-child)":{position:"relative",paddingBottom:"8px","::after":{content:'""',position:"absolute",bottom:"0",left:"var(--spacing-small)",width:"calc(100% - (var(--spacing-small) * 2))",height:"1px",backgroundColor:"var(--layout-border-color)"}}})}),groupHeading:function(){return{fontSize:"14px",lineHeight:"32px",display:"flex",alignItems:"center",marginLeft:e("spacing-medium"),color:e("secondary-text-color")}}};var n,i,c,v,y,C,w,k};export{C as customTheme,w as default,y as getIndicatorSize};
+import{objectSpread2 as r,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{SIZES as n}from"../../constants/sizes.js";import{getCSSVar as e}from"../../services/themes.js";import{getScrollableParent as t}from"../../utils/dom-utils.js";var i=function(r){switch(r){case n.LARGE:return 48;case n.MEDIUM:return 40;default:return 32}},a=function(r){var o=i(r)-2;return{height:"".concat(o,"px")}},l=function(r){var o=i(r)-8;return{height:"".concat(o,"px"),width:"".concat(o,"px")}},c=function(){return{color:e("primary-text-color"),backgroundColor:e("secondary-background-color")}},d=function(r){return{fontSize:v(r),lineHeight:v(r),fontFamily:e("font-family")}},s=function(r){return r?{backgroundColor:e("disabled-background-color"),color:e("disabled-text-color"),borderColor:"transparent",cursor:"not-allowed",":active, :focus, :hover":{borderColor:"transparent",cursor:"not-allowed"},":active, :focus":{pointerEvents:"none"}}:{}},u=function(r){return r?{border:"hidden"}:{}},p=function(r){return r?{backgroundColor:e("allgrey-background-color")}:{}},f=function(o){var n=o.size;return function(o,t){var a=t.isDisabled,l=t.selectProps.readOnly;return delete o.pointerEvents,r(r(r(r({},o),function(r){var o=i(r);return{height:"".concat(o,"px")}}(n)),{},{minHeight:"30px",border:"1px solid ".concat(e("ui-border-color")),boxShadow:"none",borderRadius:e("border-radius-small"),boxSizing:"border-box",transition:"border 0.1s ".concat(e("expand-animation-timing")),":hover":{borderColor:e("primary-text-color"),borderRadius:e("border-radius-small")},":active, :focus-within":{borderColor:e("primary-color")}},s(a)),u(l))}},b=function(o){var n=o.size;return function(o,t){var i=t.isDisabled;return r(r(r(r(r({},o),d()),c()),{},{borderRadius:e("border-radius-small")},s(i)),a(n))}},m=function(o){var n=o.size;return function(o,t){var i=t.selectProps,a=t.isDisabled,c=i.menuIsOpen,d=i.readOnly;return r(r(r({},o),{},{display:d?"none":"flex",alignItems:"center",justifyContent:"center",padding:"0px"},l(n)),{},{margin:"4px 3px 4px 0px",backgroundColor:"transparent",borderRadius:e("border-radius-small"),svg:{transition:"transform 0.1s ".concat(e("expand-animation-timing")),transform:c?"rotate(180deg)":"rotate(0deg)"},color:e(a?"disabled-text-color":"icon-color"),":hover, :active":{backgroundColor:a?void 0:e("primary-background-hover-color"),color:a?void 0:e("icon-color")}})}},g=function(o){var n=o.size;return function(){return r(r({display:"flex",alignItems:"center",justifyContent:"center",color:e("icon-color"),backgroundColor:"transparent",borderRadius:e("border-radius-small")},l(n)),{},{":hover":{backgroundColor:e("primary-background-hover-color")}})}};function v(r){switch(r){case n.LARGE:case n.MEDIUM:return"16px";default:return"14px"}}var x=function(n){var t=n.size,i=n.rtl;return function(n,l){var u=l.isDisabled,f=l.selectProps.readOnly;return r(r(r(r(r(r(r(r({},n),function(r){return o({display:"flex",alignItems:"center"},"padding".concat(r?"Right":"Left"),"12px")}(i)),d()),c()),a(t)),s(u)),p(f)),{},{borderRadius:e("border-radius-small")})}},h=function(){return function(o,n){return r(r({},d()),function(o,n){var t=n.isDisabled,i=n.isSelected,a=n.isFocused;delete o[":active"],delete o.width;var l={display:"flex",alignContent:"center",borderRadius:e("border-radius-small"),marginRight:e("spacing-small"),marginLeft:e("spacing-small"),paddingLeft:e("spacing-small"),paddingRight:e("spacing-small"),transition:"all 0.1s ".concat(e("expand-animation-timing"))};return t?r(r(r({},o),l),{},{backgroundColor:"transparent",color:e("disabled-text-color"),cursor:"not-allowed"},a&&{backgroundColor:e("primary-background-hover-color")}):i?r(r(r({},o),l),{},{color:e("primary-text-color"),backgroundColor:e("primary-selected-color"),cursor:"pointer"}):r(r(r({},o),l),{},{color:e("primary-text-color"),cursor:"pointer"},a&&{":hover":{color:e("primary-text-color"),backgroundColor:e("primary-background-hover-color")}})}(o,n))}},y=function(r){switch(r){case n.LARGE:case n.MEDIUM:return"20px";default:return"16px"}},C=function(o){return r(r({},o),{},{borderRadius:e("border-radius-small"),colors:r(r({},o.colors),{},{primary25:e("primary-background-hover-color")})})},w=function(o){return{container:f(o),control:(w=o,k=w.size,function(o,n){var t=n.isDisabled,i=n.selectProps.readOnly;return r(r(r(r(r(r({},o),a(k)),c()),{},{minHeight:"30px",border:"0 solid transparent",borderRadius:e("border-radius-small"),":focus-within":{boxShadow:"0 0 0 1px ".concat(e("primary-color"))}},!t&&{":hover":{borderColor:"transparent",borderRadius:e("border-radius-small")}}),{},{cursor:i?"default":"pointer"},s(t)),u(i))}),placeholder:function(o,n){var t=n.isDisabled;return r(r(r({},o),d()),{},{color:e(t?"disabled-text-color":"secondary-text-color"),fontWeight:e("font-weight-normal")})},indicatorsContainer:b(o),dropdownIndicator:m(o),clearIndicator:g(o),singleValue:function(o,n){var e=n.isDisabled,t=n.selectProps,i=t.readOnly,a=i?r(r(r({},u(i)),p(i)),{},{cursor:"text"}):{};return r(r(r(r(r(r(r({},o),d()),c()),s(e)),function(r){if(r.menuIsOpen)return{opacity:.6}}(t)),a),{},{display:"flex",alignItems:"center",height:"100%"})},input:function(o){return r(r(r(r({},o),d()),c()),{},{display:"flex",alignItems:"center",textIndent:"-2px"})},valueContainer:x(o),menu:(l=o,v=l.controlRef,y=l.insideOverflowContainer,C=l.insideOverflowWithTransformContainer,function(o){var n,i=r(r(r({},o),d()),{},{color:e("primary-text-color"),backgroundColor:e("dialog-background-color"),boxShadow:"".concat(e("experimental-dropdown-border-in-dark-themes","0 0 0 0 transparent"),", ").concat(e("box-shadow-small"))});if(!y&&!C)return i;var a=null==v||null===(n=v.current)||void 0===n?void 0:n.getBoundingClientRect();if(!a)return i;if(y)return r(r({},i),{},{top:a.bottom,width:a.width});if(C){var l,c="-".concat(null===(l=t(null==v?void 0:v.current))||void 0===l?void 0:l.scrollTop,"px");return r(r({},i),{},{top:"auto",translate:"0 ".concat(c),width:a.width})}return i}),option:h(),indicatorSeparator:function(){return{display:"none"}},group:(n=o,i=n.withGroupDivider,function(){return r({paddingBottom:0,marginTop:"4px"},i&&{":not(:last-child)":{position:"relative",paddingBottom:"8px","::after":{content:'""',position:"absolute",bottom:"0",left:"var(--spacing-small)",width:"calc(100% - (var(--spacing-small) * 2))",height:"1px",backgroundColor:"var(--layout-border-color)"}}})}),groupHeading:function(){return{fontSize:"14px",lineHeight:"32px",display:"flex",alignItems:"center",marginLeft:e("spacing-medium"),color:e("secondary-text-color")}}};var n,i,l,v,y,C,w,k};export{C as customTheme,w as default,y as getIndicatorSize};
 //# sourceMappingURL=Dropdown.styles.js.map

package/dist/mocked_classnames/src/components/Dropdown/Dropdown.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.styles.js","sources":["../../../../../src/components/Dropdown/Dropdown.styles.js"],"sourcesContent":["import { SIZES } from \"../../constants/sizes\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { getScrollableParent } from \"../../utils/dom-utils\";\n\nconst getSizeInPx = size => {\n  switch (size) {\n    case SIZES.LARGE:\n      return 48;\n    case SIZES.MEDIUM:\n      return 40;\n    case SIZES.SMALL:\n    default:\n      return 32;\n  }\n};\n\nconst getSize = size => {\n  const selectedSize = getSizeInPx(size);\n  return { height: `${selectedSize}px` };\n};\n\nconst getInnerSize = size => {\n  const selectedSize = getSizeInPx(size) - 2;\n  return { height: `${selectedSize}px` };\n};\n\nconst getIndicatorBoxSize = size => {\n  const selectedSize = getSizeInPx(size) - 8;\n  return {\n    height: `${selectedSize}px`,\n    width: `${selectedSize}px`\n  };\n};\n\nconst getColor = () => {\n  const color = getCSSVar(\"primary-text-color\");\n  const backgroundColor = getCSSVar(\"secondary-background-color\");\n  return { color, backgroundColor };\n};\n\nconst getFont = size => ({ fontSize: getSingleValueTextSize(size), lineHeight: getSingleValueTextSize(size) });\n\nconst disabledContainerStyle = isDisabled => {\n  if (!isDisabled) return {};\n  return {\n    backgroundColor: getCSSVar(\"disabled-background-color\"),\n    color: getCSSVar(\"disabled-text-color\"),\n    borderColor: \"transparent\",\n    cursor: \"not-allowed\",\n    \":active, :focus, :hover\": {\n      borderColor: \"transparent\",\n      cursor: \"not-allowed\"\n    },\n    \":active, :focus\": {\n      pointerEvents: \"none\"\n    }\n  };\n};\n\nconst readOnlyContainerStyle = readOnly => {\n  if (!readOnly) return {};\n  return {\n    border: \"hidden\"\n  };\n};\n\nconst readOnlyStyle = isReadOnly => {\n  if (!isReadOnly) {\n    return {};\n  }\n  return {\n    backgroundColor: getCSSVar(\"allgrey-background-color\")\n  };\n};\n\nconst getOptionStyle = (provided, { isDisabled, isSelected, isFocused }) => {\n  delete provided[\":active\"];\n  delete provided.width;\n  const general = {\n    display: \"flex\",\n    alignContent: \"center\",\n    borderRadius: getCSSVar(\"border-radius-small\"),\n    marginRight: getCSSVar(\"spacing-small\"),\n    marginLeft: getCSSVar(\"spacing-small\"),\n    paddingLeft: getCSSVar(\"spacing-small\"),\n    paddingRight: getCSSVar(\"spacing-small\"),\n    transition: `all 0.1s ${getCSSVar(\"expand-animation-timing\")}`\n  };\n  if (isDisabled) {\n    return {\n      ...provided,\n      ...general,\n      backgroundColor: \"transparent\",\n      color: getCSSVar(\"disabled-text-color\"),\n      cursor: \"not-allowed\",\n      ...(isFocused && {\n        backgroundColor: getCSSVar(\"primary-background-hover-color\")\n      })\n    };\n  }\n  if (isSelected) {\n    return {\n      ...provided,\n      ...general,\n      color: getCSSVar(\"primary-text-color\"),\n      backgroundColor: getCSSVar(\"primary-selected-color\"),\n      cursor: \"pointer\"\n    };\n  }\n  return {\n    ...provided,\n    ...general,\n    color: getCSSVar(\"primary-text-color\"),\n    cursor: \"pointer\",\n    ...(isFocused && {\n      \":hover\": {\n        color: getCSSVar(\"primary-text-color\"),\n        backgroundColor: getCSSVar(\"primary-background-hover-color\")\n      }\n    })\n  };\n};\n\nconst container =\n  ({ size }) =>\n  (provided, { isDisabled, selectProps }) => {\n    const { readOnly } = selectProps;\n    delete provided.pointerEvents;\n    return {\n      ...provided,\n      ...getSize(size),\n      minHeight: \"30px\",\n      border: `1px solid ${getCSSVar(\"ui-border-color\")}`,\n      boxShadow: \"none\",\n      borderRadius: getCSSVar(\"border-radius-small\"),\n      boxSizing: \"border-box\",\n      transition: `border 0.1s ${getCSSVar(\"expand-animation-timing\")}`,\n      \":hover\": {\n        borderColor: getCSSVar(\"primary-text-color\"),\n        borderRadius: getCSSVar(\"border-radius-small\")\n      },\n      \":active, :focus-within\": {\n        borderColor: getCSSVar(\"primary-color\")\n      },\n      ...disabledContainerStyle(isDisabled),\n      ...readOnlyContainerStyle(readOnly)\n    };\n  };\n\nconst control =\n  ({ size }) =>\n  (provided, { isDisabled, selectProps }) => {\n    const { readOnly } = selectProps;\n    return {\n      ...provided,\n      ...getInnerSize(size),\n      ...getColor(),\n      minHeight: \"30px\",\n      border: \"0 solid transparent\",\n      borderRadius: getCSSVar(\"border-radius-small\"),\n      \":focus-within\": {\n        boxShadow: `0 0 0 1px ${getCSSVar(\"primary-color\")}`\n      },\n      ...(!isDisabled && {\n        \":hover\": {\n          borderColor: \"transparent\",\n          borderRadius: getCSSVar(\"border-radius-small\")\n        }\n      }),\n      cursor: readOnly ? \"default\" : \"pointer\",\n      ...disabledContainerStyle(isDisabled),\n      ...readOnlyContainerStyle(readOnly)\n    };\n  };\n\nconst placeholder =\n  () =>\n  (provided, { isDisabled }) => ({\n    ...provided,\n    ...getFont(),\n    color: isDisabled ? getCSSVar(\"disabled-text-color\") : getCSSVar(\"secondary-text-color\"),\n    fontWeight: getCSSVar(\"font-weight-normal\")\n  });\n\nconst indicatorsContainer =\n  ({ size }) =>\n  (provided, { isDisabled }) => ({\n    ...provided,\n    ...getFont(),\n    ...getColor(),\n    borderRadius: getCSSVar(\"border-radius-small\"),\n    ...disabledContainerStyle(isDisabled),\n    ...getInnerSize(size)\n  });\n\nconst dropdownIndicator =\n  ({ size }) =>\n  (provided, { selectProps, isDisabled }) => {\n    const { menuIsOpen, readOnly } = selectProps;\n    return {\n      ...provided,\n      display: readOnly ? \"none\" : \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      padding: \"0px\",\n      ...getIndicatorBoxSize(size),\n      margin: \"4px 3px 4px 0px\",\n      backgroundColor: \"transparent\",\n      borderRadius: getCSSVar(\"border-radius-small\"),\n      svg: {\n        transition: `transform 0.1s ${getCSSVar(\"expand-animation-timing\")}`,\n        transform: menuIsOpen ? \"rotate(180deg)\" : \"rotate(0deg)\"\n      },\n      color: isDisabled ? getCSSVar(\"disabled-text-color\") : getCSSVar(\"icon-color\"),\n      \":hover, :active\": {\n        backgroundColor: isDisabled ? undefined : getCSSVar(\"primary-background-hover-color\"),\n        color: isDisabled ? undefined : getCSSVar(\"icon-color\")\n      }\n    };\n  };\n\nconst clearIndicator =\n  ({ size }) =>\n  () => ({\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    color: getCSSVar(\"icon-color\"),\n    backgroundColor: \"transparent\",\n    borderRadius: getCSSVar(\"border-radius-small\"),\n    ...getIndicatorBoxSize(size),\n    \":hover\": {\n      backgroundColor: getCSSVar(\"primary-background-hover-color\")\n    }\n  });\n\nconst menuOpenOpacity = ({ menuIsOpen }) => {\n  if (menuIsOpen) {\n    return {\n      opacity: 0.6\n    };\n  }\n};\n\nconst singleValue =\n  () =>\n  (provided, { isDisabled, selectProps }) => {\n    const { readOnly } = selectProps;\n    const readOnlyProps = readOnly\n      ? {\n          ...readOnlyContainerStyle(readOnly),\n          ...readOnlyStyle(readOnly),\n          cursor: \"text\"\n        }\n      : {};\n\n    return {\n      ...provided,\n      ...getFont(),\n      ...getColor(),\n      ...disabledContainerStyle(isDisabled),\n      ...menuOpenOpacity(selectProps),\n      ...readOnlyProps,\n      display: \"flex\",\n      alignItems: \"center\",\n      height: \"100%\"\n    };\n  };\n\nfunction getSingleValueTextSize(size) {\n  switch (size) {\n    case SIZES.LARGE:\n      return \"16px\";\n    case SIZES.MEDIUM:\n      return \"16px\";\n    case SIZES.SMALL:\n    default:\n      return \"14px\";\n  }\n}\n\nconst input = () => provided => ({\n  ...provided,\n  ...getFont(),\n  ...getColor(),\n  display: \"flex\",\n  alignItems: \"center\",\n  textIndent: \"-2px\"\n});\n\n// 12px - because we have inner 4px\nconst getCenterContentStyle = rtl => {\n  return {\n    display: \"flex\",\n    alignItems: \"center\",\n    [`padding${rtl ? \"Right\" : \"Left\"}`]: \"12px\"\n  };\n};\n\nconst valueContainer =\n  ({ size, rtl }) =>\n  (provided, { isDisabled, selectProps: { readOnly } }) => ({\n    ...provided,\n    ...getCenterContentStyle(rtl),\n    ...getFont(),\n    ...getColor(),\n    ...getInnerSize(size),\n    ...disabledContainerStyle(isDisabled),\n    ...readOnlyStyle(readOnly),\n    borderRadius: getCSSVar(\"border-radius-small\")\n  });\n\nconst menu =\n  ({ controlRef, insideOverflowContainer, insideOverflowWithTransformContainer }) =>\n  provided => {\n    const baseStyle = {\n      ...provided,\n      ...getFont(),\n      color: getCSSVar(\"primary-text-color\"),\n      backgroundColor: getCSSVar(\"dialog-background-color\"),\n      boxShadow: `${getCSSVar(\"experimental-dropdown-border-in-dark-themes\", \"0 0 0 0 transparent\")}, ${getCSSVar(\n        \"box-shadow-small\"\n      )}`\n    };\n\n    if (!insideOverflowContainer && !insideOverflowWithTransformContainer) return baseStyle;\n    const parentPositionData = controlRef?.current?.getBoundingClientRect();\n    // If no location found do not add anything to hard coded style\n    if (!parentPositionData) return baseStyle;\n\n    /** If the dropdown is inside a scroll in a regular container,position: fixed content (like our dropdown menu) will be attached to the start of the viewport.\n     * For this case we will override the top menu position value to be the according the the drop down location for correct dispaly.\n     * When the dropdown container (with overflow:hidden or overflow:scroll) using transform CSS function, we can use a relative positioned inner container, which our menu will be attach to it's\n     * start when the menu position is fixed, and this is why in this case we define top:auto.\n     * we also need in this case to translate the menu y position to fit inside a scrollable parent.\n     */\n\n    if (insideOverflowContainer) {\n      return { ...baseStyle, top: parentPositionData.bottom, width: parentPositionData.width };\n    } else if (insideOverflowWithTransformContainer) {\n      const translateY = `-${getScrollableParent(controlRef?.current)?.scrollTop}px`;\n      return {\n        ...baseStyle,\n        top: \"auto\",\n        translate: `0 ${translateY}`,\n        width: parentPositionData.width\n      };\n    }\n    return baseStyle;\n  };\n\nconst option = () => (provided, state) => ({\n  ...getFont(),\n  ...getOptionStyle(provided, state)\n});\n\nconst indicatorSeparator = () => () => ({\n  display: \"none\"\n});\n\nconst group =\n  ({ withGroupDivider }) =>\n  () => ({\n    paddingBottom: 0,\n    marginTop: \"4px\",\n    ...(withGroupDivider && {\n      \":not(:last-child)\": {\n        position: \"relative\",\n        paddingBottom: \"8px\",\n        \"::after\": {\n          content: '\"\"',\n          position: \"absolute\",\n          bottom: \"0\",\n          left: \"var(--spacing-small)\",\n          width: \"calc(100% - (var(--spacing-small) * 2))\",\n          height: \"1px\",\n          backgroundColor: \"var(--layout-border-color)\"\n        }\n      }\n    })\n  });\n\nconst groupHeading = () => () => ({\n  fontSize: \"14px\",\n  lineHeight: \"32px\",\n  display: \"flex\",\n  alignItems: \"center\",\n  marginLeft: getCSSVar(\"spacing-medium\"),\n  color: getCSSVar(\"secondary-text-color\")\n});\n\nexport const getIndicatorSize = size => {\n  switch (size) {\n    case SIZES.LARGE:\n      return \"20px\";\n    case SIZES.MEDIUM:\n      return \"20px\";\n    case SIZES.SMALL:\n    default:\n      return \"16px\";\n  }\n};\n\nexport const customTheme = theme => ({\n  ...theme,\n  borderRadius: getCSSVar(\"border-radius-small\"),\n  colors: {\n    ...theme.colors,\n    primary25: getCSSVar(\"primary-background-hover-color\")\n  }\n});\n\nexport default data => ({\n  container: container(data),\n  control: control(data),\n  placeholder: placeholder(data),\n  indicatorsContainer: indicatorsContainer(data),\n  dropdownIndicator: dropdownIndicator(data),\n  clearIndicator: clearIndicator(data),\n  singleValue: singleValue(data),\n  input: input(data),\n  valueContainer: valueContainer(data),\n  menu: menu(data),\n  option: option(data),\n  indicatorSeparator: indicatorSeparator(data),\n  group: group(data),\n  groupHeading: groupHeading(data)\n});\n"],"names":["getSizeInPx","size","SIZES","LARGE","MEDIUM","getInnerSize","selectedSize","height","concat","getIndicatorBoxSize","width","getColor","color","getCSSVar","backgroundColor","getFont","fontSize","getSingleValueTextSize","lineHeight","disabledContainerStyle","isDisabled","borderColor","cursor","pointerEvents","readOnlyContainerStyle","readOnly","border","readOnlyStyle","isReadOnly","container","_ref2","provided","_ref3","selectProps","_objectSpread","getSize","minHeight","boxShadow","borderRadius","boxSizing","transition","indicatorsContainer","_ref7","_ref8","dropdownIndicator","_ref9","_ref10","menuIsOpen","display","alignItems","justifyContent","padding","margin","svg","transform","undefined","clearIndicator","_ref11","valueContainer","_ref15","rtl","_ref16","_defineProperty","getCenterContentStyle","option","state","_ref","isSelected","isFocused","general","alignContent","marginRight","marginLeft","paddingLeft","paddingRight","getOptionStyle","getIndicatorSize","customTheme","theme","colors","primary25","generateBaseStyles","data","control","_ref4","_ref5","placeholder","_ref6","fontWeight","singleValue","_ref13","readOnlyProps","_ref12","opacity","menuOpenOpacity","input","textIndent","menu","_ref17","controlRef","insideOverflowContainer","insideOverflowWithTransformContainer","_controlRef$current","baseStyle","parentPositionData","current","getBoundingClientRect","top","bottom","_getScrollableParent","translateY","getScrollableParent","scrollTop","translate","indicatorSeparator","group","_ref18","withGroupDivider","paddingBottom","marginTop","position","content","left","groupHeading"],"mappings":"wQAIA,IAAMA,EAAc,SAAAC,GAClB,OAAQA,GACN,KAAKC,EAAMC,MACT,OAAO,GACT,KAAKD,EAAME,OACT,OAAO,GAET,QACE,OAAO,GAEb,EAOMC,EAAe,SAAAJ,GACnB,IAAMK,EAAeN,EAAYC,GAAQ,EACzC,MAAO,CAAEM,OAAM,GAAAC,OAAKF,EAAY,MAClC,EAEMG,EAAsB,SAAAR,GAC1B,IAAMK,EAAeN,EAAYC,GAAQ,EACzC,MAAO,CACLM,OAAMC,GAAAA,OAAKF,EAAgB,MAC3BI,MAAK,GAAAF,OAAKF,EAAY,MAE1B,EAEMK,EAAW,WAGf,MAAO,CAAEC,MAFKC,EAAU,sBAERC,gBADQD,EAAU,8BAEpC,EAEME,EAAU,SAAAd,GAAI,MAAK,CAAEe,SAAUC,EAAuBhB,GAAOiB,WAAYD,EAAuBhB,GAAO,EAEvGkB,EAAyB,SAAAC,GAC7B,OAAKA,EACE,CACLN,gBAAiBD,EAAU,6BAC3BD,MAAOC,EAAU,uBACjBQ,YAAa,cACbC,OAAQ,cACR,0BAA2B,CACzBD,YAAa,cACbC,OAAQ,eAEV,kBAAmB,CACjBC,cAAe,SAXK,EAc1B,EAEMC,EAAyB,SAAAC,GAC7B,OAAKA,EACE,CACLC,OAAQ,UAFY,EAIxB,EAEMC,EAAgB,SAAAC,GACpB,OAAKA,EAGE,CACLd,gBAAiBD,EAAU,6BAHpB,EAKX,EAkDMgB,EACJ,SADaC,GAAA,IACV7B,EAAI6B,EAAJ7B,KAAI,OACP,SAAC8B,EAAQC,GAAkC,IAA9BZ,EAAUY,EAAVZ,WACHK,EAD0BO,EAAXC,YACfR,SAER,cADOM,EAASR,cAChBW,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EACKH,GAjHO,SAAA9B,GACd,IAAMK,EAAeN,EAAYC,GACjC,MAAO,CAAEM,OAAM,GAAAC,OAAKF,EAAY,MAClC,CA+GS6B,CAAQlC,IAAK,CAAA,EAAA,CAChBmC,UAAW,OACXV,oBAAMlB,OAAeK,EAAU,oBAC/BwB,UAAW,OACXC,aAAczB,EAAU,uBACxB0B,UAAW,aACXC,0BAAUhC,OAAiBK,EAAU,4BACrC,SAAU,CACRQ,YAAaR,EAAU,sBACvByB,aAAczB,EAAU,wBAE1B,yBAA0B,CACxBQ,YAAaR,EAAU,mBAEtBM,EAAuBC,IACvBI,EAAuBC,IAE7B,EAqCGgB,EACJ,SADuBC,GAAA,IACpBzC,EAAIyC,EAAJzC,KAAI,OACP,SAAC8B,EAAQY,GAAA,IAAIvB,EAAUuB,EAAVvB,WAAU,OAAAc,EAAAA,EAAAA,EAAAA,EAAAA,EAClBH,CAAAA,EAAAA,GACAhB,KACAJ,KAAU,CAAA,EAAA,CACb2B,aAAczB,EAAU,wBACrBM,EAAuBC,IACvBf,EAAaJ,IAChB,EAEE2C,EACJ,SADqBC,GAAA,IAClB5C,EAAI4C,EAAJ5C,KAAI,OACP,SAAC8B,EAAQe,GAAkC,IAA9Bb,EAAWa,EAAXb,YAAab,EAAU0B,EAAV1B,WAChB2B,EAAyBd,EAAzBc,WAAYtB,EAAaQ,EAAbR,SACpB,OAAAS,EAAAA,EAAAA,KACKH,GAAQ,GAAA,CACXiB,QAASvB,EAAW,OAAS,OAC7BwB,WAAY,SACZC,eAAgB,SAChBC,QAAS,OACN1C,EAAoBR,IAAK,GAAA,CAC5BmD,OAAQ,kBACRtC,gBAAiB,cACjBwB,aAAczB,EAAU,uBACxBwC,IAAK,CACHb,6BAAUhC,OAAoBK,EAAU,4BACxCyC,UAAWP,EAAa,iBAAmB,gBAE7CnC,MAAoBC,EAAbO,EAAuB,sBAAmC,cACjE,kBAAmB,CACjBN,gBAAiBM,OAAamC,EAAY1C,EAAU,kCACpDD,MAAOQ,OAAamC,EAAY1C,EAAU,iBAG/C,EAEG2C,EACJ,SADkBC,GAAA,IACfxD,EAAIwD,EAAJxD,KAAI,OACP,WAAA,OAAAiC,EAAAA,EAAA,CACEc,QAAS,OACTC,WAAY,SACZC,eAAgB,SAChBtC,MAAOC,EAAU,cACjBC,gBAAiB,cACjBwB,aAAczB,EAAU,wBACrBJ,EAAoBR,IAAK,GAAA,CAC5B,SAAU,CACRa,gBAAiBD,EAAU,qCAE7B,EAmCJ,SAASI,EAAuBhB,GAC9B,OAAQA,GACN,KAAKC,EAAMC,MAEX,KAAKD,EAAME,OACT,MAAO,OAET,QACE,MAAO,OAEb,CAEA,IAkBMsD,EACJ,SADkBC,GAAA,IACf1D,EAAI0D,EAAJ1D,KAAM2D,EAAGD,EAAHC,IAAG,OACZ,SAAC7B,EAAQ8B,GAAA,IAAIzC,EAAUyC,EAAVzC,WAA2BK,EAAQoC,EAAvB5B,YAAeR,SAAQ,OAAAS,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAC3CH,GAXuB,SAAA6B,GAC5B,OAAAE,EAAA,CACEd,QAAS,OACTC,WAAY,UAAQzC,UAAAA,OACToD,EAAM,QAAU,QAAW,OAE1C,CAMOG,CAAsBH,IACtB7C,KACAJ,KACAN,EAAaJ,IACbkB,EAAuBC,IACvBO,EAAcF,IAAS,CAAA,EAAA,CAC1Ba,aAAczB,EAAU,yBACxB,EAyCEmD,EAAS,WAAH,OAAS,SAACjC,EAAUkC,GAAK,OAAA/B,EAAAA,EAAA,CAAA,EAChCnB,KArRkB,SAACgB,EAAQmC,GAA4C,IAAxC9C,EAAU8C,EAAV9C,WAAY+C,EAAUD,EAAVC,WAAYC,EAASF,EAATE,iBACnDrC,EAAS,kBACTA,EAASrB,MAChB,IAAM2D,EAAU,CACdrB,QAAS,OACTsB,aAAc,SACdhC,aAAczB,EAAU,uBACxB0D,YAAa1D,EAAU,iBACvB2D,WAAY3D,EAAU,iBACtB4D,YAAa5D,EAAU,iBACvB6D,aAAc7D,EAAU,iBACxB2B,uBAAUhC,OAAcK,EAAU,6BAEpC,OAAIO,EACFc,EAAAA,EAAAA,EACKH,CAAAA,EAAAA,GACAsC,GAAO,GAAA,CACVvD,gBAAiB,cACjBF,MAAOC,EAAU,uBACjBS,OAAQ,eACJ8C,GAAa,CACftD,gBAAiBD,EAAU,oCAI7BsD,EACFjC,EAAAA,EAAAA,EACKH,CAAAA,EAAAA,GACAsC,GAAO,GAAA,CACVzD,MAAOC,EAAU,sBACjBC,gBAAiBD,EAAU,0BAC3BS,OAAQ,YAGZY,EAAAA,EAAAA,EACKH,CAAAA,EAAAA,GACAsC,GAAO,GAAA,CACVzD,MAAOC,EAAU,sBACjBS,OAAQ,WACJ8C,GAAa,CACf,SAAU,CACRxD,MAAOC,EAAU,sBACjBC,gBAAiBD,EAAU,oCAInC,CAwOK8D,CAAe5C,EAAUkC,IAC5B,EAqCWW,EAAmB,SAAA3E,GAC9B,OAAQA,GACN,KAAKC,EAAMC,MAEX,KAAKD,EAAME,OACT,MAAO,OAET,QACE,MAAO,OAEb,EAEayE,EAAc,SAAAC,GAAK,OAAA5C,EAAAA,EAAA,CAAA,EAC3B4C,GAAK,CAAA,EAAA,CACRxC,aAAczB,EAAU,uBACxBkE,OAAM7C,EAAAA,EACD4C,CAAAA,EAAAA,EAAMC,QAAM,GAAA,CACfC,UAAWnE,EAAU,qCACtB,EAGHoE,EAAA,SAAeC,GAAI,MAAK,CACtBrD,UAAWA,EAAUqD,GACrBC,SAzQWC,EAyQMF,EAxQdjF,EAAImF,EAAJnF,KACH,SAAC8B,EAAQsD,GAAkC,IAA9BjE,EAAUiE,EAAVjE,WACHK,EAD0B4D,EAAXpD,YACfR,SACR,OAAAS,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EACKH,CAAAA,EAAAA,GACA1B,EAAaJ,IACbU,KAAU,GAAA,CACbyB,UAAW,OACXV,OAAQ,sBACRY,aAAczB,EAAU,uBACxB,gBAAiB,CACfwB,uBAAS7B,OAAeK,EAAU,qBAE/BO,GAAc,CACjB,SAAU,CACRC,YAAa,cACbiB,aAAczB,EAAU,0BAE3B,CAAA,EAAA,CACDS,OAAQG,EAAW,UAAY,WAC5BN,EAAuBC,IACvBI,EAAuBC,MAoP9B6D,YA9OA,SAACvD,EAAQwD,GAAA,IAAInE,EAAUmE,EAAVnE,WAAU,OAAAc,EAAAA,EAAAA,KAClBH,GACAhB,KAAS,GAAA,CACZH,MAAoBC,EAAbO,EAAuB,sBAAmC,wBACjEoE,WAAY3E,EAAU,yBA2OxB4B,oBAAqBA,EAAoByC,GACzCtC,kBAAmBA,EAAkBsC,GACrC1B,eAAgBA,EAAe0B,GAC/BO,YA7KA,SAAC1D,EAAQ2D,GAAkC,IAA9BtE,EAAUsE,EAAVtE,WAAYa,EAAWyD,EAAXzD,YACfR,EAAaQ,EAAbR,SACFkE,EAAgBlE,EAAQS,EAAAA,EAAAA,EAErBV,CAAAA,EAAAA,EAAuBC,IACvBE,EAAcF,IAAS,CAAA,EAAA,CAC1BH,OAAQ,SAEV,CAAA,EAEJ,OAAAY,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EACKH,GACAhB,KACAJ,KACAQ,EAAuBC,IAxBR,SAAHwE,GACnB,GADmCA,EAAV7C,WAEvB,MAAO,CACL8C,QAAS,GAGf,CAmBSC,CAAgB7D,IAChB0D,GAAa,GAAA,CAChB3C,QAAS,OACTC,WAAY,SACZ1C,OAAQ,UA2JZwF,MA3IkB,SAAAhE,GAAQ,OAAAG,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EACvBH,GACAhB,KACAJ,KAAU,CAAA,EAAA,CACbqC,QAAS,OACTC,WAAY,SACZ+C,WAAY,UAsIZtC,eAAgBA,EAAewB,GAC/Be,MA9GQC,EA8GGhB,EA7GRiB,EAAUD,EAAVC,WAAYC,EAAuBF,EAAvBE,wBAAyBC,EAAoCH,EAApCG,qCACxC,SAAAtE,GAAY,IAAAuE,EACJC,EAASrE,EAAAA,EAAAA,EAAA,GACVH,GACAhB,KAAS,GAAA,CACZH,MAAOC,EAAU,sBACjBC,gBAAiBD,EAAU,2BAC3BwB,UAAS7B,GAAAA,OAAKK,EAAU,8CAA+C,6BAAsBL,OAAKK,EAChG,uBAIJ,IAAKuF,IAA4BC,EAAsC,OAAOE,EAC9E,IAAMC,EAAqBL,iBAAUG,EAAVH,EAAYM,eAAO,IAAAH,OAAA,EAAnBA,EAAqBI,wBAEhD,IAAKF,EAAoB,OAAOD,EAShC,GAAIH,EACF,OAAAlE,EAAAA,EAAA,CAAA,EAAYqE,GAAS,CAAA,EAAA,CAAEI,IAAKH,EAAmBI,OAAQlG,MAAO8F,EAAmB9F,QAC5E,GAAI2F,EAAsC,CAAA,IAAAQ,EACzCC,MAAUtG,OAA+C,QAA/CqG,EAAOE,EAAoBZ,eAAAA,EAAYM,gBAAhCI,IAAwCA,OAAxCA,EAAAA,EAA0CG,UAAa,MAC9E,OAAA9E,EAAAA,EAAA,CAAA,EACKqE,GAAS,CAAA,EAAA,CACZI,IAAK,OACLM,UAASzG,KAAAA,OAAOsG,GAChBpG,MAAO8F,EAAmB9F,OAE9B,CACA,OAAO6F,IA2ETvC,OAAQA,IACRkD,mBApE+B,WAAA,MAAO,CACtClE,QAAS,SAoETmE,OAjESC,EAiEIlC,EAhEVmC,EAAgBD,EAAhBC,iBACH,WAAA,OAAAnF,EAAA,CACEoF,cAAe,EACfC,UAAW,OACPF,GAAoB,CACtB,oBAAqB,CACnBG,SAAU,WACVF,cAAe,MACf,UAAW,CACTG,QAAS,KACTD,SAAU,WACVZ,OAAQ,IACRc,KAAM,uBACNhH,MAAO,0CACPH,OAAQ,MACRO,gBAAiB,mCAkDzB6G,aA5CyB,WAAA,MAAO,CAChC3G,SAAU,OACVE,WAAY,OACZ8B,QAAS,OACTC,WAAY,SACZuB,WAAY3D,EAAU,kBACtBD,MAAOC,EAAU,2BA3BjB,IADSuG,EACNC,EAjDKnB,EACLC,EAAYC,EAAyBC,EApK7BjB,EACRnF,CAqRH"}
+{"version":3,"file":"Dropdown.styles.js","sources":["../../../../../src/components/Dropdown/Dropdown.styles.js"],"sourcesContent":["import { SIZES } from \"../../constants/sizes\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { getScrollableParent } from \"../../utils/dom-utils\";\n\nconst getSizeInPx = size => {\n  switch (size) {\n    case SIZES.LARGE:\n      return 48;\n    case SIZES.MEDIUM:\n      return 40;\n    case SIZES.SMALL:\n    default:\n      return 32;\n  }\n};\n\nconst getSize = size => {\n  const selectedSize = getSizeInPx(size);\n  return { height: `${selectedSize}px` };\n};\n\nconst getInnerSize = size => {\n  const selectedSize = getSizeInPx(size) - 2;\n  return { height: `${selectedSize}px` };\n};\n\nconst getIndicatorBoxSize = size => {\n  const selectedSize = getSizeInPx(size) - 8;\n  return {\n    height: `${selectedSize}px`,\n    width: `${selectedSize}px`\n  };\n};\n\nconst getColor = () => {\n  const color = getCSSVar(\"primary-text-color\");\n  const backgroundColor = getCSSVar(\"secondary-background-color\");\n  return { color, backgroundColor };\n};\n\nconst getFont = size => ({\n  fontSize: getSingleValueTextSize(size),\n  lineHeight: getSingleValueTextSize(size),\n  fontFamily: getCSSVar(\"font-family\")\n});\n\nconst disabledContainerStyle = isDisabled => {\n  if (!isDisabled) return {};\n  return {\n    backgroundColor: getCSSVar(\"disabled-background-color\"),\n    color: getCSSVar(\"disabled-text-color\"),\n    borderColor: \"transparent\",\n    cursor: \"not-allowed\",\n    \":active, :focus, :hover\": {\n      borderColor: \"transparent\",\n      cursor: \"not-allowed\"\n    },\n    \":active, :focus\": {\n      pointerEvents: \"none\"\n    }\n  };\n};\n\nconst readOnlyContainerStyle = readOnly => {\n  if (!readOnly) return {};\n  return {\n    border: \"hidden\"\n  };\n};\n\nconst readOnlyStyle = isReadOnly => {\n  if (!isReadOnly) {\n    return {};\n  }\n  return {\n    backgroundColor: getCSSVar(\"allgrey-background-color\")\n  };\n};\n\nconst getOptionStyle = (provided, { isDisabled, isSelected, isFocused }) => {\n  delete provided[\":active\"];\n  delete provided.width;\n  const general = {\n    display: \"flex\",\n    alignContent: \"center\",\n    borderRadius: getCSSVar(\"border-radius-small\"),\n    marginRight: getCSSVar(\"spacing-small\"),\n    marginLeft: getCSSVar(\"spacing-small\"),\n    paddingLeft: getCSSVar(\"spacing-small\"),\n    paddingRight: getCSSVar(\"spacing-small\"),\n    transition: `all 0.1s ${getCSSVar(\"expand-animation-timing\")}`\n  };\n  if (isDisabled) {\n    return {\n      ...provided,\n      ...general,\n      backgroundColor: \"transparent\",\n      color: getCSSVar(\"disabled-text-color\"),\n      cursor: \"not-allowed\",\n      ...(isFocused && {\n        backgroundColor: getCSSVar(\"primary-background-hover-color\")\n      })\n    };\n  }\n  if (isSelected) {\n    return {\n      ...provided,\n      ...general,\n      color: getCSSVar(\"primary-text-color\"),\n      backgroundColor: getCSSVar(\"primary-selected-color\"),\n      cursor: \"pointer\"\n    };\n  }\n  return {\n    ...provided,\n    ...general,\n    color: getCSSVar(\"primary-text-color\"),\n    cursor: \"pointer\",\n    ...(isFocused && {\n      \":hover\": {\n        color: getCSSVar(\"primary-text-color\"),\n        backgroundColor: getCSSVar(\"primary-background-hover-color\")\n      }\n    })\n  };\n};\n\nconst container =\n  ({ size }) =>\n  (provided, { isDisabled, selectProps }) => {\n    const { readOnly } = selectProps;\n    delete provided.pointerEvents;\n    return {\n      ...provided,\n      ...getSize(size),\n      minHeight: \"30px\",\n      border: `1px solid ${getCSSVar(\"ui-border-color\")}`,\n      boxShadow: \"none\",\n      borderRadius: getCSSVar(\"border-radius-small\"),\n      boxSizing: \"border-box\",\n      transition: `border 0.1s ${getCSSVar(\"expand-animation-timing\")}`,\n      \":hover\": {\n        borderColor: getCSSVar(\"primary-text-color\"),\n        borderRadius: getCSSVar(\"border-radius-small\")\n      },\n      \":active, :focus-within\": {\n        borderColor: getCSSVar(\"primary-color\")\n      },\n      ...disabledContainerStyle(isDisabled),\n      ...readOnlyContainerStyle(readOnly)\n    };\n  };\n\nconst control =\n  ({ size }) =>\n  (provided, { isDisabled, selectProps }) => {\n    const { readOnly } = selectProps;\n    return {\n      ...provided,\n      ...getInnerSize(size),\n      ...getColor(),\n      minHeight: \"30px\",\n      border: \"0 solid transparent\",\n      borderRadius: getCSSVar(\"border-radius-small\"),\n      \":focus-within\": {\n        boxShadow: `0 0 0 1px ${getCSSVar(\"primary-color\")}`\n      },\n      ...(!isDisabled && {\n        \":hover\": {\n          borderColor: \"transparent\",\n          borderRadius: getCSSVar(\"border-radius-small\")\n        }\n      }),\n      cursor: readOnly ? \"default\" : \"pointer\",\n      ...disabledContainerStyle(isDisabled),\n      ...readOnlyContainerStyle(readOnly)\n    };\n  };\n\nconst placeholder =\n  () =>\n  (provided, { isDisabled }) => ({\n    ...provided,\n    ...getFont(),\n    color: isDisabled ? getCSSVar(\"disabled-text-color\") : getCSSVar(\"secondary-text-color\"),\n    fontWeight: getCSSVar(\"font-weight-normal\")\n  });\n\nconst indicatorsContainer =\n  ({ size }) =>\n  (provided, { isDisabled }) => ({\n    ...provided,\n    ...getFont(),\n    ...getColor(),\n    borderRadius: getCSSVar(\"border-radius-small\"),\n    ...disabledContainerStyle(isDisabled),\n    ...getInnerSize(size)\n  });\n\nconst dropdownIndicator =\n  ({ size }) =>\n  (provided, { selectProps, isDisabled }) => {\n    const { menuIsOpen, readOnly } = selectProps;\n    return {\n      ...provided,\n      display: readOnly ? \"none\" : \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      padding: \"0px\",\n      ...getIndicatorBoxSize(size),\n      margin: \"4px 3px 4px 0px\",\n      backgroundColor: \"transparent\",\n      borderRadius: getCSSVar(\"border-radius-small\"),\n      svg: {\n        transition: `transform 0.1s ${getCSSVar(\"expand-animation-timing\")}`,\n        transform: menuIsOpen ? \"rotate(180deg)\" : \"rotate(0deg)\"\n      },\n      color: isDisabled ? getCSSVar(\"disabled-text-color\") : getCSSVar(\"icon-color\"),\n      \":hover, :active\": {\n        backgroundColor: isDisabled ? undefined : getCSSVar(\"primary-background-hover-color\"),\n        color: isDisabled ? undefined : getCSSVar(\"icon-color\")\n      }\n    };\n  };\n\nconst clearIndicator =\n  ({ size }) =>\n  () => ({\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    color: getCSSVar(\"icon-color\"),\n    backgroundColor: \"transparent\",\n    borderRadius: getCSSVar(\"border-radius-small\"),\n    ...getIndicatorBoxSize(size),\n    \":hover\": {\n      backgroundColor: getCSSVar(\"primary-background-hover-color\")\n    }\n  });\n\nconst menuOpenOpacity = ({ menuIsOpen }) => {\n  if (menuIsOpen) {\n    return {\n      opacity: 0.6\n    };\n  }\n};\n\nconst singleValue =\n  () =>\n  (provided, { isDisabled, selectProps }) => {\n    const { readOnly } = selectProps;\n    const readOnlyProps = readOnly\n      ? {\n          ...readOnlyContainerStyle(readOnly),\n          ...readOnlyStyle(readOnly),\n          cursor: \"text\"\n        }\n      : {};\n\n    return {\n      ...provided,\n      ...getFont(),\n      ...getColor(),\n      ...disabledContainerStyle(isDisabled),\n      ...menuOpenOpacity(selectProps),\n      ...readOnlyProps,\n      display: \"flex\",\n      alignItems: \"center\",\n      height: \"100%\"\n    };\n  };\n\nfunction getSingleValueTextSize(size) {\n  switch (size) {\n    case SIZES.LARGE:\n      return \"16px\";\n    case SIZES.MEDIUM:\n      return \"16px\";\n    case SIZES.SMALL:\n    default:\n      return \"14px\";\n  }\n}\n\nconst input = () => provided => ({\n  ...provided,\n  ...getFont(),\n  ...getColor(),\n  display: \"flex\",\n  alignItems: \"center\",\n  textIndent: \"-2px\"\n});\n\n// 12px - because we have inner 4px\nconst getCenterContentStyle = rtl => {\n  return {\n    display: \"flex\",\n    alignItems: \"center\",\n    [`padding${rtl ? \"Right\" : \"Left\"}`]: \"12px\"\n  };\n};\n\nconst valueContainer =\n  ({ size, rtl }) =>\n  (provided, { isDisabled, selectProps: { readOnly } }) => ({\n    ...provided,\n    ...getCenterContentStyle(rtl),\n    ...getFont(),\n    ...getColor(),\n    ...getInnerSize(size),\n    ...disabledContainerStyle(isDisabled),\n    ...readOnlyStyle(readOnly),\n    borderRadius: getCSSVar(\"border-radius-small\")\n  });\n\nconst menu =\n  ({ controlRef, insideOverflowContainer, insideOverflowWithTransformContainer }) =>\n  provided => {\n    const baseStyle = {\n      ...provided,\n      ...getFont(),\n      color: getCSSVar(\"primary-text-color\"),\n      backgroundColor: getCSSVar(\"dialog-background-color\"),\n      boxShadow: `${getCSSVar(\"experimental-dropdown-border-in-dark-themes\", \"0 0 0 0 transparent\")}, ${getCSSVar(\n        \"box-shadow-small\"\n      )}`\n    };\n\n    if (!insideOverflowContainer && !insideOverflowWithTransformContainer) return baseStyle;\n    const parentPositionData = controlRef?.current?.getBoundingClientRect();\n    // If no location found do not add anything to hard coded style\n    if (!parentPositionData) return baseStyle;\n\n    /** If the dropdown is inside a scroll in a regular container,position: fixed content (like our dropdown menu) will be attached to the start of the viewport.\n     * For this case we will override the top menu position value to be the according the the drop down location for correct dispaly.\n     * When the dropdown container (with overflow:hidden or overflow:scroll) using transform CSS function, we can use a relative positioned inner container, which our menu will be attach to it's\n     * start when the menu position is fixed, and this is why in this case we define top:auto.\n     * we also need in this case to translate the menu y position to fit inside a scrollable parent.\n     */\n\n    if (insideOverflowContainer) {\n      return { ...baseStyle, top: parentPositionData.bottom, width: parentPositionData.width };\n    } else if (insideOverflowWithTransformContainer) {\n      const translateY = `-${getScrollableParent(controlRef?.current)?.scrollTop}px`;\n      return {\n        ...baseStyle,\n        top: \"auto\",\n        translate: `0 ${translateY}`,\n        width: parentPositionData.width\n      };\n    }\n    return baseStyle;\n  };\n\nconst option = () => (provided, state) => ({\n  ...getFont(),\n  ...getOptionStyle(provided, state)\n});\n\nconst indicatorSeparator = () => () => ({\n  display: \"none\"\n});\n\nconst group =\n  ({ withGroupDivider }) =>\n  () => ({\n    paddingBottom: 0,\n    marginTop: \"4px\",\n    ...(withGroupDivider && {\n      \":not(:last-child)\": {\n        position: \"relative\",\n        paddingBottom: \"8px\",\n        \"::after\": {\n          content: '\"\"',\n          position: \"absolute\",\n          bottom: \"0\",\n          left: \"var(--spacing-small)\",\n          width: \"calc(100% - (var(--spacing-small) * 2))\",\n          height: \"1px\",\n          backgroundColor: \"var(--layout-border-color)\"\n        }\n      }\n    })\n  });\n\nconst groupHeading = () => () => ({\n  fontSize: \"14px\",\n  lineHeight: \"32px\",\n  display: \"flex\",\n  alignItems: \"center\",\n  marginLeft: getCSSVar(\"spacing-medium\"),\n  color: getCSSVar(\"secondary-text-color\")\n});\n\nexport const getIndicatorSize = size => {\n  switch (size) {\n    case SIZES.LARGE:\n      return \"20px\";\n    case SIZES.MEDIUM:\n      return \"20px\";\n    case SIZES.SMALL:\n    default:\n      return \"16px\";\n  }\n};\n\nexport const customTheme = theme => ({\n  ...theme,\n  borderRadius: getCSSVar(\"border-radius-small\"),\n  colors: {\n    ...theme.colors,\n    primary25: getCSSVar(\"primary-background-hover-color\")\n  }\n});\n\nexport default data => ({\n  container: container(data),\n  control: control(data),\n  placeholder: placeholder(data),\n  indicatorsContainer: indicatorsContainer(data),\n  dropdownIndicator: dropdownIndicator(data),\n  clearIndicator: clearIndicator(data),\n  singleValue: singleValue(data),\n  input: input(data),\n  valueContainer: valueContainer(data),\n  menu: menu(data),\n  option: option(data),\n  indicatorSeparator: indicatorSeparator(data),\n  group: group(data),\n  groupHeading: groupHeading(data)\n});\n"],"names":["getSizeInPx","size","SIZES","LARGE","MEDIUM","getInnerSize","selectedSize","height","concat","getIndicatorBoxSize","width","getColor","color","getCSSVar","backgroundColor","getFont","fontSize","getSingleValueTextSize","lineHeight","fontFamily","disabledContainerStyle","isDisabled","borderColor","cursor","pointerEvents","readOnlyContainerStyle","readOnly","border","readOnlyStyle","isReadOnly","container","_ref2","provided","_ref3","selectProps","_objectSpread","getSize","minHeight","boxShadow","borderRadius","boxSizing","transition","indicatorsContainer","_ref7","_ref8","dropdownIndicator","_ref9","_ref10","menuIsOpen","display","alignItems","justifyContent","padding","margin","svg","transform","undefined","clearIndicator","_ref11","valueContainer","_ref15","rtl","_ref16","_defineProperty","getCenterContentStyle","option","state","_ref","isSelected","isFocused","general","alignContent","marginRight","marginLeft","paddingLeft","paddingRight","getOptionStyle","getIndicatorSize","customTheme","theme","colors","primary25","generateBaseStyles","data","control","_ref4","_ref5","placeholder","_ref6","fontWeight","singleValue","_ref13","readOnlyProps","_ref12","opacity","menuOpenOpacity","input","textIndent","menu","_ref17","controlRef","insideOverflowContainer","insideOverflowWithTransformContainer","_controlRef$current","baseStyle","parentPositionData","current","getBoundingClientRect","top","bottom","_getScrollableParent","translateY","getScrollableParent","scrollTop","translate","indicatorSeparator","group","_ref18","withGroupDivider","paddingBottom","marginTop","position","content","left","groupHeading"],"mappings":"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"}

package/dist/mocked_classnames/src/components/Dropdown/DropdownConstants.js

@@ -1,2 +1,2 @@
-var o=function(o){return o},n=["container","control","valueContainer"],t="dropdown-menu-id",e="dropdown-menu-list-id",r="Dropdown menu",i="Dropdown input",d={PRIMARY:"primary",NEGATIVE:"negative",POSITIVE:"positive"},p={ABSOLUTE:"absolute",FIXED:"fixed"},u={TOP:"top",BOTTOM:"bottom",AUTO:"auto"};export{n as ADD_AUTO_HEIGHT_COMPONENTS,d as DROPDOWN_CHIP_COLORS,t as DROPDOWN_ID,i as DROPDOWN_INPUT_ARIA_LABEL,r as DROPDOWN_MENU_ARIA_LABEL,e as DROPDOWN_MENU_ID,u as DROPDOWN_MENU_PLACEMENT,p as DROPDOWN_MENU_POSITION,o as defaultCustomStyles};
+var n,o,t,i=function(n){return n},e=["container","control","valueContainer"],r="dropdown-menu-id",u="dropdown-menu-list-id",d="Dropdown menu",p="Dropdown input";!function(n){n.PRIMARY="primary",n.NEGATIVE="negative",n.POSITIVE="positive"}(n||(n={})),function(n){n.ABSOLUTE="absolute",n.FIXED="fixed"}(o||(o={})),function(n){n.TOP="top",n.BOTTOM="bottom",n.AUTO="auto"}(t||(t={}));export{e as ADD_AUTO_HEIGHT_COMPONENTS,n as DROPDOWN_CHIP_COLORS,r as DROPDOWN_ID,p as DROPDOWN_INPUT_ARIA_LABEL,d as DROPDOWN_MENU_ARIA_LABEL,u as DROPDOWN_MENU_ID,t as DROPDOWN_MENU_PLACEMENT,o as DROPDOWN_MENU_POSITION,i as defaultCustomStyles};
 //# sourceMappingURL=DropdownConstants.js.map

package/dist/mocked_classnames/src/components/Dropdown/DropdownConstants.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownConstants.js","sources":["../../../../../src/components/Dropdown/DropdownConstants.ts"],"sourcesContent":["export const defaultCustomStyles = (baseStyles: string) => baseStyles;\n\nexport const ADD_AUTO_HEIGHT_COMPONENTS = [\"container\", \"control\", \"valueContainer\"];\n\nexport const DROPDOWN_ID = \"dropdown-menu-id\";\nexport const DROPDOWN_MENU_ID = \"dropdown-menu-list-id\";\nexport const DROPDOWN_MENU_ARIA_LABEL = \"Dropdown menu\";\nexport const DROPDOWN_INPUT_ARIA_LABEL = \"Dropdown input\";\n\n/**\n * @deprecated\n */\nexport const DROPDOWN_CHIP_COLORS = {\n  PRIMARY: \"primary\",\n  NEGATIVE: \"negative\",\n  POSITIVE: \"positive\"\n};\n\n/**\n * @deprecated\n */\nexport const DROPDOWN_MENU_POSITION = {\n  ABSOLUTE: \"absolute\",\n  FIXED: \"fixed\"\n};\n\n/**\n * @deprecated\n */\nexport const DROPDOWN_MENU_PLACEMENT = {\n  TOP: \"top\",\n  BOTTOM: \"bottom\",\n  AUTO: \"auto\"\n};\n"],"names":["defaultCustomStyles","baseStyles","ADD_AUTO_HEIGHT_COMPONENTS","DROPDOWN_ID","DROPDOWN_MENU_ID","DROPDOWN_MENU_ARIA_LABEL","DROPDOWN_INPUT_ARIA_LABEL","DROPDOWN_CHIP_COLORS","PRIMARY","NEGATIVE","POSITIVE","DROPDOWN_MENU_POSITION","ABSOLUTE","FIXED","DROPDOWN_MENU_PLACEMENT","TOP","BOTTOM","AUTO"],"mappings":"IAAaA,EAAsB,SAACC,GAAkB,OAAKA,CAAU,EAExDC,EAA6B,CAAC,YAAa,UAAW,kBAEtDC,EAAc,mBACdC,EAAmB,wBACnBC,EAA2B,gBAC3BC,EAA4B,iBAK5BC,EAAuB,CAClCC,QAAS,UACTC,SAAU,WACVC,SAAU,YAMCC,EAAyB,CACpCC,SAAU,WACVC,MAAO,SAMIC,EAA0B,CACrCC,IAAK,MACLC,OAAQ,SACRC,KAAM"}
+{"version":3,"file":"DropdownConstants.js","sources":["../../../../../src/components/Dropdown/DropdownConstants.ts"],"sourcesContent":["export const defaultCustomStyles = (baseStyles: string) => baseStyles;\n\nexport const ADD_AUTO_HEIGHT_COMPONENTS = [\"container\", \"control\", \"valueContainer\"];\n\nexport const DROPDOWN_ID = \"dropdown-menu-id\";\nexport const DROPDOWN_MENU_ID = \"dropdown-menu-list-id\";\nexport const DROPDOWN_MENU_ARIA_LABEL = \"Dropdown menu\";\nexport const DROPDOWN_INPUT_ARIA_LABEL = \"Dropdown input\";\n\n/**\n * @deprecated\n */\nexport enum DROPDOWN_CHIP_COLORS {\n  PRIMARY = \"primary\",\n  NEGATIVE = \"negative\",\n  POSITIVE = \"positive\"\n}\n\n/**\n * @deprecated\n */\nexport enum DROPDOWN_MENU_POSITION {\n  ABSOLUTE = \"absolute\",\n  FIXED = \"fixed\"\n}\n\n/**\n * @deprecated\n */\nexport enum DROPDOWN_MENU_PLACEMENT {\n  TOP = \"top\",\n  BOTTOM = \"bottom\",\n  AUTO = \"auto\"\n}\n"],"names":["DROPDOWN_CHIP_COLORS","DROPDOWN_MENU_POSITION","DROPDOWN_MENU_PLACEMENT","defaultCustomStyles","baseStyles","ADD_AUTO_HEIGHT_COMPONENTS","DROPDOWN_ID","DROPDOWN_MENU_ID","DROPDOWN_MENU_ARIA_LABEL","DROPDOWN_INPUT_ARIA_LABEL"],"mappings":"IAYYA,EASAC,EAQAC,EA7BCC,EAAsB,SAACC,GAAkB,OAAKA,CAAU,EAExDC,EAA6B,CAAC,YAAa,UAAW,kBAEtDC,EAAc,mBACdC,EAAmB,wBACnBC,EAA2B,gBAC3BC,EAA4B,kBAKzC,SAAYT,GACVA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAKD,SAAYC,GACVA,EAAA,SAAA,WACAA,EAAA,MAAA,OACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,IAAA,MACAA,EAAA,OAAA,SACAA,EAAA,KAAA,MACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

package/dist/mocked_classnames/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js

@@ -1,2 +1,2 @@
-var e={valueContainer:"valueContainer",avatar:"avatar",icon:"icon"};!function(e){const n="s_id-a9768234c15e_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)}(".valueContainer {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer .avatar,\n.valueContainer .icon {\n  flex-shrink: 0;\n}");export{e as default};
+var e={valueContainer:"valueContainer",avatar:"avatar",icon:"icon"};!function(e){const n="s_id-a9768234c15e_3_0_0-alpha_17";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 {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer .avatar,\n.valueContainer .icon {\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=ChildrenContent.module.scss.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/ClearIndicator/ClearIndicator.js

@@ -1,2 +1,2 @@
-import{extends as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import i from"react";import{components as o}from"react-select";import r from"../../../Icon/Icon.js";import"../../../../../icons/dist/_virtual/_tslib.js";import"../../../../../icons/dist/react/AddSmall.js";import"../../../../../icons/dist/react/Alert.js";import"../../../../../icons/dist/react/Check.js";import s from"../../../../../icons/dist/react/CloseSmall.js";import"../../../../../icons/dist/react/DropdownChevronDown.js";import"../../../../../icons/dist/react/DropdownChevronRight.js";import"../../../../../icons/dist/react/DropdownChevronUp.js";import"../../../../../icons/dist/react/Info.js";import"../../../../../icons/dist/react/Menu.js";import"../../../../../icons/dist/react/MoveArrowLeft.js";import"../../../../../icons/dist/react/MoveArrowRight.js";import"../../../../../icons/dist/react/NavigationChevronLeft.js";import"../../../../../icons/dist/react/NavigationChevronRight.js";import"../../../../../icons/dist/react/NoColor.js";import"../../../../../icons/dist/react/Remove.js";import"../../../../../icons/dist/react/Search.js";import"../../../../../icons/dist/react/Sort.js";import"../../../../../icons/dist/react/SortAscending.js";import"../../../../../icons/dist/react/SortDescending.js";import"../../../../../icons/dist/react/Warning.js";import{getIndicatorSize as e}from"../../Dropdown.styles.js";var c=function(c){var n=c.size;return i.createElement(o.ClearIndicator,t({},c,{className:"clear-indicator"}),i.createElement(r,{iconType:"svg",icon:s,iconSize:e(n),tabindex:"-1"}))};export{c as default};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import{components as o}from"react-select";import t from"../../../Icon/Icon.js";import{getIndicatorSize as a}from"../../Dropdown.styles.js";import i from"../../../../../icons/dist/react/CloseSmall.js";var s=function(s){var c=s.size;return r.createElement(o.ClearIndicator,e({},s,{className:"clear-indicator"}),r.createElement(t,{iconType:"svg",icon:i,iconSize:a(c),tabindex:"-1"}))};export{s as default};
 //# sourceMappingURL=ClearIndicator.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/ClearIndicator/ClearIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ClearIndicator.js","sources":["../../../../../../../src/components/Dropdown/components/ClearIndicator/ClearIndicator.jsx"],"sourcesContent":["import React from \"react\";\nimport { components } from \"react-select\";\nimport Icon from \"../../../Icon/Icon\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getIndicatorSize } from \"../../Dropdown.styles\";\n\nconst ClearIndicator = props => {\n  const { size } = props;\n  return (\n    <components.ClearIndicator {...props} className=\"clear-indicator\">\n      <Icon iconType=\"svg\" icon={CloseSmall} iconSize={getIndicatorSize(size)} tabindex=\"-1\" />\n    </components.ClearIndicator>\n  );\n};\n\nexport default ClearIndicator;\n"],"names":["ClearIndicator","props","size","React","createElement","components","_extends","className","Icon","iconType","icon","CloseSmall","iconSize","getIndicatorSize","tabindex"],"mappings":"s3CAMA,IAAMA,EAAiB,SAAAC,GACrB,IAAQC,EAASD,EAATC,KACR,OACEC,EAAAC,cAACC,EAAWL,eAAcM,EAAA,CAAA,EAAKL,EAAK,CAAEM,UAAU,oBAC9CJ,EAAAC,cAACI,EAAI,CAACC,SAAS,MAAMC,KAAMC,EAAYC,SAAUC,EAAiBX,GAAOY,SAAS,OAGxF"}
+{"version":3,"file":"ClearIndicator.js","sources":["../../../../../../../src/components/Dropdown/components/ClearIndicator/ClearIndicator.jsx"],"sourcesContent":["import React from \"react\";\nimport { components } from \"react-select\";\nimport Icon from \"../../../Icon/Icon\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getIndicatorSize } from \"../../Dropdown.styles\";\n\nconst ClearIndicator = props => {\n  const { size } = props;\n  return (\n    <components.ClearIndicator {...props} className=\"clear-indicator\">\n      <Icon iconType=\"svg\" icon={CloseSmall} iconSize={getIndicatorSize(size)} tabindex=\"-1\" />\n    </components.ClearIndicator>\n  );\n};\n\nexport default ClearIndicator;\n"],"names":["ClearIndicator","props","size","React","createElement","components","_extends","className","Icon","iconType","icon","CloseSmall","iconSize","getIndicatorSize","tabindex"],"mappings":"4SAMA,IAAMA,EAAiB,SAAAC,GACrB,IAAQC,EAASD,EAATC,KACR,OACEC,EAAAC,cAACC,EAAWL,eAAcM,EAAA,CAAA,EAAKL,EAAK,CAAEM,UAAU,oBAC9CJ,EAAAC,cAACI,EAAI,CAACC,SAAS,MAAMC,KAAMC,EAAYC,SAAUC,EAAiBX,GAAOY,SAAS,OAGxF"}

package/dist/mocked_classnames/src/components/Dropdown/components/DropdownIndicator/DropdownIndicator.js

@@ -1,2 +1,2 @@
-import{extends as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"react";import{components as i}from"react-select";import r from"../../../Icon/Icon.js";import"../../../../../icons/dist/_virtual/_tslib.js";import"../../../../../icons/dist/react/AddSmall.js";import"../../../../../icons/dist/react/Alert.js";import"../../../../../icons/dist/react/Check.js";import"../../../../../icons/dist/react/CloseSmall.js";import s from"../../../../../icons/dist/react/DropdownChevronDown.js";import"../../../../../icons/dist/react/DropdownChevronRight.js";import"../../../../../icons/dist/react/DropdownChevronUp.js";import"../../../../../icons/dist/react/Info.js";import"../../../../../icons/dist/react/Menu.js";import"../../../../../icons/dist/react/MoveArrowLeft.js";import"../../../../../icons/dist/react/MoveArrowRight.js";import"../../../../../icons/dist/react/NavigationChevronLeft.js";import"../../../../../icons/dist/react/NavigationChevronRight.js";import"../../../../../icons/dist/react/NoColor.js";import"../../../../../icons/dist/react/Remove.js";import"../../../../../icons/dist/react/Search.js";import"../../../../../icons/dist/react/Sort.js";import"../../../../../icons/dist/react/SortAscending.js";import"../../../../../icons/dist/react/SortDescending.js";import"../../../../../icons/dist/react/Warning.js";import{getIndicatorSize as e}from"../../Dropdown.styles.js";var c=function(c){var n=c.isDisabled,a=c.size;return o.createElement(i.DropdownIndicator,t({},c,{className:"dropdown-indicator"}),o.createElement(r,{iconType:"svg",icon:s,iconSize:e(a),tabindex:"-1",clickable:!n}))};export{c as default};
+import{extends as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import{components as e}from"react-select";import t from"../../../Icon/Icon.js";import{getIndicatorSize as i}from"../../Dropdown.styles.js";import n from"../../../../../icons/dist/react/DropdownChevronDown.js";var a=function(a){var s=a.isDisabled,c=a.size;return r.createElement(e.DropdownIndicator,o({},a,{className:"dropdown-indicator"}),r.createElement(t,{iconType:"svg",icon:n,iconSize:i(c),tabindex:"-1",clickable:!s}))};export{a as default};
 //# sourceMappingURL=DropdownIndicator.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/DropdownIndicator/DropdownIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownIndicator.js","sources":["../../../../../../../src/components/Dropdown/components/DropdownIndicator/DropdownIndicator.jsx"],"sourcesContent":["import React from \"react\";\nimport { components } from \"react-select\";\nimport Icon from \"../../../Icon/Icon\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport { getIndicatorSize } from \"../../Dropdown.styles\";\n\nconst DropdownIndicator = props => {\n  const { isDisabled, size } = props;\n  return (\n    <components.DropdownIndicator {...props} className=\"dropdown-indicator\">\n      <Icon\n        iconType=\"svg\"\n        icon={DropdownChevronDown}\n        iconSize={getIndicatorSize(size)}\n        tabindex=\"-1\"\n        clickable={!isDisabled}\n      />\n    </components.DropdownIndicator>\n  );\n};\nexport default DropdownIndicator;\n"],"names":["DropdownIndicator","props","isDisabled","size","React","createElement","components","_extends","className","Icon","iconType","icon","DropdownChevronDown","iconSize","getIndicatorSize","tabindex","clickable"],"mappings":"s3CAMA,IAAMA,EAAoB,SAAAC,GACxB,IAAQC,EAAqBD,EAArBC,WAAYC,EAASF,EAATE,KACpB,OACEC,EAAAC,cAACC,EAAWN,kBAAiBO,EAAA,CAAA,EAAKN,EAAK,CAAEO,UAAU,uBACjDJ,EAAAC,cAACI,EAAI,CACHC,SAAS,MACTC,KAAMC,EACNC,SAAUC,EAAiBX,GAC3BY,SAAS,KACTC,WAAYd,IAIpB"}
+{"version":3,"file":"DropdownIndicator.js","sources":["../../../../../../../src/components/Dropdown/components/DropdownIndicator/DropdownIndicator.jsx"],"sourcesContent":["import React from \"react\";\nimport { components } from \"react-select\";\nimport Icon from \"../../../Icon/Icon\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport { getIndicatorSize } from \"../../Dropdown.styles\";\n\nconst DropdownIndicator = props => {\n  const { isDisabled, size } = props;\n  return (\n    <components.DropdownIndicator {...props} className=\"dropdown-indicator\">\n      <Icon\n        iconType=\"svg\"\n        icon={DropdownChevronDown}\n        iconSize={getIndicatorSize(size)}\n        tabindex=\"-1\"\n        clickable={!isDisabled}\n      />\n    </components.DropdownIndicator>\n  );\n};\nexport default DropdownIndicator;\n"],"names":["DropdownIndicator","props","isDisabled","size","React","createElement","components","_extends","className","Icon","iconType","icon","DropdownChevronDown","iconSize","getIndicatorSize","tabindex","clickable"],"mappings":"qTAMA,IAAMA,EAAoB,SAAAC,GACxB,IAAQC,EAAqBD,EAArBC,WAAYC,EAASF,EAATE,KACpB,OACEC,EAAAC,cAACC,EAAWN,kBAAiBO,EAAA,CAAA,EAAKN,EAAK,CAAEO,UAAU,uBACjDJ,EAAAC,cAACI,EAAI,CACHC,SAAS,MACTC,KAAMC,EACNC,SAAUC,EAAiBX,GAC3BY,SAAS,KACTC,WAAYd,IAIpB"}

package/dist/mocked_classnames/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js

@@ -1,2 +1,2 @@
-var e={"chip-with-input-wrapper":"chip-with-input-wrapper","placeholder-container":"placeholder-container","multiselect-chip-multi-line":"multiselect-chip-multi-line","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium","multiselect-chip-single-line-large":"multiselect-chip-single-line-large","multiselect-chip-single-line-small":"multiselect-chip-single-line-small","multiselect-chip-disabled":"multiselect-chip-disabled","value-container":"value-container","value-container-chips":"value-container-chips","without-placeholder":"without-placeholder",valueDialogContent:"valueDialogContent",chips:"chips"};!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 {\n  display: flex;\n}\n\n.placeholder-container {\n  margin-left: 6px;\n}\n\n.multiselect-chip-multi-line {\n  --chips-margin: 2px;\n}\n\n.multiselect-chip-single-line-medium {\n  --chips-margin: 5px 2px;\n}\n\n.multiselect-chip-single-line-large {\n  --chips-margin: 9px 2px;\n}\n\n.multiselect-chip-single-line-small {\n  --chips-margin: 1px 2px;\n}\n\n.multiselect-chip-disabled {\n  background-color: var(--ui-background-color) !important;\n}\n\n.value-container {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-chips {\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.without-placeholder {\n  margin-left: 6px;\n}\n\n.valueDialogContent {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.valueDialogContent .chips {\n  flex-shrink: 0;\n}");export{e as default};
+var e={"chip-with-input-wrapper":"chip-with-input-wrapper","placeholder-container":"placeholder-container","multiselect-chip-multi-line":"multiselect-chip-multi-line","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium","multiselect-chip-single-line-large":"multiselect-chip-single-line-large","multiselect-chip-single-line-small":"multiselect-chip-single-line-small","multiselect-chip-disabled":"multiselect-chip-disabled","value-container":"value-container","value-container-chips":"value-container-chips","without-placeholder":"without-placeholder",valueDialogContent:"valueDialogContent",chips:"chips"};!function(e){const n="s_id-ae46b2835ce0_3_0_0-alpha_17";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 {\n  display: flex;\n}\n\n.placeholder-container {\n  margin-left: 6px;\n}\n\n.multiselect-chip-multi-line {\n  --chips-margin: 2px;\n}\n\n.multiselect-chip-single-line-medium {\n  --chips-margin: 5px 2px;\n}\n\n.multiselect-chip-single-line-large {\n  --chips-margin: 9px 2px;\n}\n\n.multiselect-chip-single-line-small {\n  --chips-margin: 1px 2px;\n}\n\n.multiselect-chip-disabled {\n  background-color: var(--ui-background-color) !important;\n}\n\n.value-container {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-chips {\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.without-placeholder {\n  margin-left: 6px;\n}\n\n.valueDialogContent {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.valueDialogContent .chips {\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=MultiValueContainer.module.scss.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/menu/menu.module.scss.js

@@ -1,2 +1,2 @@
-var n={dropdownMenuWrapper:"dropdownMenuWrapper",fadeIn:"fadeIn",withoutAnimation:"withoutAnimation",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition"};!function(n){const e="s_id-11829aafa26c_3_0_0-alpha_8";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".dropdownMenuWrapper {\n  animation: fadeIn var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dropdownMenuWrapper.withoutAnimation {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition {\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 {\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};
+var n={dropdownMenuWrapper:"dropdownMenuWrapper",fadeIn:"fadeIn",withoutAnimation:"withoutAnimation",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition"};!function(n){const e="s_id-11829aafa26c_3_0_0-alpha_17";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".dropdownMenuWrapper {\n  animation: fadeIn var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dropdownMenuWrapper.withoutAnimation {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition {\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 {\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/mocked_classnames/src/components/Dropdown/components/option/option.module.scss.js

@@ -1,2 +1,2 @@
-var e={optionReset:"optionReset"};!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 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)}(".optionReset {\n  height: auto;\n}");export{e as default};
+var e={optionReset:"optionReset"};!function(e){const t="s_id-64f14b86843f_3_0_0-alpha_17";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)}(".optionReset {\n  height: auto;\n}");export{e as default};
 //# sourceMappingURL=option.module.scss.js.map

package/dist/mocked_classnames/src/components/Dropdown/components/singleValue/singleValue.module.scss.js

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

package/dist/mocked_classnames/src/components/EditableHeading/EditableHeading.module.scss.js

@@ -1,2 +1,2 @@
-var n={h1Bold:"h1Bold",h1Medium:"h1Medium",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Medium:"h2Medium",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Medium:"h3Medium",h3Normal:"h3Normal",h3Light:"h3Light"};!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 i=document.createElement("style");i.id=o,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold {\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 {\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 {\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 {\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 {\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 {\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 {\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 {\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 {\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 {\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 {\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 {\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",h1Medium:"h1Medium",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Medium:"h2Medium",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Medium:"h3Medium",h3Normal:"h3Normal",h3Light:"h3Light"};!function(n){const o="s_id-81b561c226b7_3_0_0-alpha_17";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const i=document.createElement("style");i.id=o,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold {\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 {\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 {\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 {\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 {\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 {\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 {\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 {\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 {\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 {\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 {\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 {\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/mocked_classnames/src/components/EditableText/EditableText.module.scss.js

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",text3Bold:"text3Bold",text3Medium:"text3Medium",text3Normal:"text3Normal",editableText:"editableText",typography:"typography"};!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 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal {\n  font: var(--font-text3-normal);\n}\n\n.editableText .typography {\n  min-width: 56px;\n}");export{t as default};
+var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",text3Bold:"text3Bold",text3Medium:"text3Medium",text3Normal:"text3Normal",editableText:"editableText",typography:"typography"};!function(t){const e="s_id-bcdc5f69e9db_3_0_0-alpha_17";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 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal {\n  font: var(--font-text3-normal);\n}\n\n.editableText .typography {\n  min-width: 56px;\n}");export{t as default};
 //# sourceMappingURL=EditableText.module.scss.js.map

package/dist/mocked_classnames/src/components/EditableTypography/EditableTypography.module.scss.js

@@ -1,2 +1,2 @@
-var e={editableTypography:"editableTypography",input:"input",typography:"typography",disabled:"disabled",hidden:"hidden",placeholder:"placeholder"};!function(e){const n="s_id-77c45383a678_3_0_0-alpha_8";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".editableTypography {\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 .input {\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 .input:focus, .editableTypography .input:active {\n  outline: none;\n}\n.editableTypography .typography {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography .typography:hover:not(.disabled) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography .typography.hidden {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography .typography.placeholder {\n  color: var(--secondary-text-color);\n}");export{e as default};
+var e={editableTypography:"editableTypography",input:"input",typography:"typography",disabled:"disabled",hidden:"hidden",placeholder:"placeholder"};!function(e){const n="s_id-77c45383a678_3_0_0-alpha_17";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".editableTypography {\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 .input {\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 .input:focus, .editableTypography .input:active {\n  outline: none;\n}\n.editableTypography .typography {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography .typography:hover:not(.disabled) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography .typography.hidden {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography .typography.placeholder {\n  color: var(--secondary-text-color);\n}");export{e as default};
 //# sourceMappingURL=EditableTypography.module.scss.js.map

package/dist/mocked_classnames/src/components/ExpandCollapse/ExpandCollapse.js

@@ -1,2 +1,2 @@
-import{slicedToArray as t,defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import i,{forwardRef as r,useRef as s,useState as n,useCallback as a}from"react";import c from"../../hooks/useMergeRef.js";import d from"../Icon/Icon.js";import m from"../Text/Text.js";import"../../../icons/dist/_virtual/_tslib.js";import"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import"../../../icons/dist/react/Check.js";import"../../../icons/dist/react/CloseSmall.js";import l from"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import{getTestId as p,ComponentDefaultTestId as v}from"../../tests/testIds.js";import j from"./ExpandCollapse.module.scss.js";var C=r((function(r,C){var f=r.children,h=r.headerComponentRenderer,u=void 0===h?null:h,g=r.title,N=void 0===g?"":g,E=r.className,S=r.defaultOpenState,x=void 0!==S&&S,A=r.iconSize,w=void 0===A?24:A,y=r.id,k=void 0===y?"":y,B=r.open,D=r.onClick,I=void 0===D?null:D,R=r.hideBorder,O=void 0!==R&&R,_=r.headerClassName,b=r.contentClassName,L=r.componentClassName,M=r["data-testid"],P=r.captureOnClick,T=void 0===P||P,z=s(null),H=c(C,z),U=n(x),W=t(U,2),X=W[0],q=W[1],F=void 0===B?X:B,G=function(){q(!X)},J=a((function(){return"string"==typeof N?i.createElement(m,{type:"text1",className:o(j.headerContent)},N):N}),[N]);return i.createElement("div",{ref:H,className:E,id:k,"data-testid":M||p(v.EXPAND_COLLAPSE,k)},i.createElement("div",{className:o(j.expandCollapse,e(e({},j.hideBorder,O),j.showBorder,!O),L)},i.createElement("button",{type:"button",className:o(j.header,j.section,_,e(e({},j.headerOpen,F),j.hideBorderBottom,O)),onClickCapture:T?I||G:void 0,onClick:T?void 0:I||G,"aria-expanded":F,"aria-controls":"".concat(k,"-controls")},"string"!=typeof N||0!==N.length?J():u&&u(),i.createElement(d,{className:o(j.iconComponent,e(e({},j.animateIconOpen,F),j.animateIconClose,!F)),iconType:"svg",icon:l,iconSize:w})),F&&i.createElement("div",{className:o(j.content,j.section,b,e({},j.animateExpandCollapseContent,F)),id:"".concat(k,"-controls"),role:"region"},f)))}));export{C as default};
+import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import n,{forwardRef as a,useRef as r,useState as i,useCallback as s}from"react";import l from"../../hooks/useMergeRef.js";import c from"../Icon/Icon.js";import d from"../Text/Text.js";import{getTestId as m,ComponentDefaultTestId as p}from"../../tests/testIds.js";import f from"./ExpandCollapse.module.scss.js";import u from"../../../icons/dist/react/DropdownChevronDown.js";var v=a((function(a,v){var C=a.children,h=a.headerComponentRenderer,N=void 0===h?null:h,E=a.title,x=void 0===E?"":E,g=a.className,j=a.defaultOpenState,y=void 0!==j&&j,B=a.iconSize,k=void 0===B?24:B,I=a.id,O=void 0===I?"":I,P=a.open,S=a.onClick,T=void 0===S?null:S,b=a.hideBorder,w=void 0!==b&&b,A=a.headerClassName,D=a.contentClassName,_=a.componentClassName,z=a["data-testid"],L=a.captureOnClick,R=void 0===L||L,H=r(null),M=l(v,H),X=i(y),q=e(X,2),F=q[0],G=q[1],J=void 0===P?F:P,K=function(){G(!F)},Q=s((function(){return"string"==typeof x?n.createElement(d,{type:"text1",className:t(f.headerContent)},x):x}),[x]);return n.createElement("div",{ref:M,className:g,id:O,"data-testid":z||m(p.EXPAND_COLLAPSE,O)},n.createElement("div",{className:t(f.expandCollapse,o(o({},f.hideBorder,w),f.showBorder,!w),_)},n.createElement("button",{type:"button",className:t(f.header,f.section,A,o(o({},f.headerOpen,J),f.hideBorderBottom,w)),onClickCapture:R?T||K:void 0,onClick:R?void 0:T||K,"aria-expanded":J,"aria-controls":"".concat(O,"-controls")},"string"!=typeof x||0!==x.length?Q():N&&N(),n.createElement(c,{className:t(f.iconComponent,o(o({},f.animateIconOpen,J),f.animateIconClose,!J)),iconType:"svg",icon:u,iconSize:k})),J&&n.createElement("div",{className:t(f.content,f.section,D,o({},f.animateExpandCollapseContent,J)),id:"".concat(O,"-controls"),role:"region"},C)))}));export{v as default};
 //# sourceMappingURL=ExpandCollapse.js.map

package/dist/mocked_classnames/src/components/ExpandCollapse/ExpandCollapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandCollapse.js","sources":["../../../../../src/components/ExpandCollapse/ExpandCollapse.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, forwardRef, ReactElement, useCallback, useRef, useState } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Icon from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport { VibeComponentProps, ElementContent } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./ExpandCollapse.module.scss\";\n\nexport interface ExpandCollapseProps extends VibeComponentProps {\n  /**\n   * Component as parameter to be rendered as header\n   */\n  headerComponentRenderer?: () => ReactElement;\n  /**\n   * Class name to add to the header of the expandable\n   */\n  headerClassName?: string;\n  /**\n   * Class name to add to the content of the expandable\n   */\n  contentClassName?: string;\n  /**\n   * Class name to add to the component\n   */\n  componentClassName?: string;\n  /**\n   * Header title\n   */\n  title?: ElementContent;\n  /**\n   * The value of the expandable section\n   */\n  children?: ElementContent;\n  /**\n   * The expand icon font size\n   */\n  iconSize?: number | string;\n  /**\n   * Should be open or closed by default (when rendered)\n   */\n  defaultOpenState?: boolean;\n  open?: boolean;\n  onClick?: (event: React.MouseEvent) => void;\n  hideBorder?: boolean;\n  captureOnClick?: boolean;\n}\n\nconst ExpandCollapse: FC<ExpandCollapseProps> = forwardRef(\n  (\n    {\n      children,\n      headerComponentRenderer = null,\n      title = \"\",\n      className,\n      defaultOpenState = false,\n      iconSize = 24,\n      id = \"\",\n      open,\n      onClick = null,\n      hideBorder = false,\n      headerClassName,\n      contentClassName,\n      componentClassName,\n      \"data-testid\": dataTestId,\n      captureOnClick = true\n    },\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [isOpen, setIsOpen] = useState(defaultOpenState);\n    const isExpanded = open === undefined ? isOpen : open;\n\n    const toggleExpand = () => {\n      setIsOpen(!isOpen);\n    };\n    const renderHeader = useCallback(() => {\n      return typeof title === \"string\" ? (\n        <Text type=\"text1\" className={cx(styles.headerContent)}>\n          {title}\n        </Text>\n      ) : (\n        title\n      );\n    }, [title]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={className}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.EXPAND_COLLAPSE, id)}\n      >\n        <div\n          className={cx(\n            styles.expandCollapse,\n            {\n              [styles.hideBorder]: hideBorder,\n              [styles.showBorder]: !hideBorder\n            },\n            componentClassName\n          )}\n        >\n          <button\n            type=\"button\"\n            className={cx(styles.header, styles.section, headerClassName, {\n              [styles.headerOpen]: isExpanded,\n              [styles.hideBorderBottom]: hideBorder\n            })}\n            onClickCapture={captureOnClick ? onClick || toggleExpand : undefined}\n            onClick={!captureOnClick ? onClick || toggleExpand : undefined}\n            aria-expanded={isExpanded}\n            aria-controls={`${id}-controls`}\n          >\n            {typeof title !== \"string\" || title.length !== 0\n              ? renderHeader()\n              : headerComponentRenderer && headerComponentRenderer()}\n            <Icon\n              className={cx(styles.iconComponent, {\n                [styles.animateIconOpen]: isExpanded,\n                [styles.animateIconClose]: !isExpanded\n              })}\n              iconType=\"svg\"\n              icon={DropdownChevronDown}\n              iconSize={iconSize}\n            />\n          </button>\n          {isExpanded && (\n            <div\n              className={cx(styles.content, styles.section, contentClassName, {\n                [styles.animateExpandCollapseContent]: isExpanded\n              })}\n              id={`${id}-controls`}\n              role=\"region\"\n            >\n              {children}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nexport default ExpandCollapse;\n"],"names":["ExpandCollapse","forwardRef","_ref","ref","children","_ref$headerComponentR","headerComponentRenderer","_ref$title","title","className","_ref$defaultOpenState","defaultOpenState","_ref$iconSize","iconSize","_ref$id","id","open","_ref$onClick","onClick","_ref$hideBorder","hideBorder","headerClassName","contentClassName","componentClassName","dataTestId","_ref$captureOnClick","captureOnClick","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isExpanded","undefined","toggleExpand","renderHeader","useCallback","React","createElement","Text","type","cx","styles","headerContent","getTestId","ComponentDefaultTestId","EXPAND_COLLAPSE","expandCollapse","_defineProperty","showBorder","header","section","headerOpen","hideBorderBottom","onClickCapture","concat","length","Icon","iconComponent","animateIconOpen","animateIconClose","iconType","icon","DropdownChevronDown","content","animateExpandCollapseContent","role"],"mappings":"67CAiDMA,IAAAA,EAA0CC,GAC9C,SAAAC,EAkBEC,GACE,IAjBAC,EAAQF,EAARE,SAAQC,EAAAH,EACRI,wBAAAA,OAA0B,IAAHD,EAAG,KAAIA,EAAAE,EAAAL,EAC9BM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EACVE,EAASP,EAATO,UAASC,EAAAR,EACTS,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAV,EACxBW,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACba,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EACPE,EAAId,EAAJc,KAAIC,EAAAf,EACJgB,QAAAA,OAAU,IAAHD,EAAG,KAAIA,EAAAE,EAAAjB,EACdkB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAenB,EAAfmB,gBACAC,EAAgBpB,EAAhBoB,iBACAC,EAAkBrB,EAAlBqB,mBACeC,EAAUtB,EAAzB,eAAauB,EAAAvB,EACbwB,eAAAA,OAAiB,IAAHD,GAAOA,EAIjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY3B,EAAKwB,GAEnCI,EAA4BC,EAASrB,GAAiBsB,EAAAC,EAAAH,EAAA,GAA/CI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAClBI,OAAsBC,IAATtB,EAAqBmB,EAASnB,EAE3CuB,EAAe,WACnBH,GAAWD,IAEPK,EAAeC,GAAY,WAC/B,MAAwB,iBAAVjC,EACZkC,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQpC,UAAWqC,EAAGC,EAAOC,gBACrCxC,GAGHA,CAEJ,GAAG,CAACA,IAEJ,OACEkC,uBACEvC,IAAK0B,EACLpB,UAAWA,EACXM,GAAIA,EAAE,cACOS,GAAcyB,EAAUC,EAAuBC,gBAAiBpC,IAE7E2B,EAAAC,cAAA,MAAA,CACElC,UAAWqC,EACTC,EAAOK,eAAcC,EAAAA,EAElBN,GAAAA,EAAO3B,WAAaA,GACpB2B,EAAOO,YAAclC,GAExBG,IAGFmB,EAAAC,cAAA,SAAA,CACEE,KAAK,SACLpC,UAAWqC,EAAGC,EAAOQ,OAAQR,EAAOS,QAASnC,EAAegC,EAAAA,EACzDN,CAAAA,EAAAA,EAAOU,WAAapB,GACpBU,EAAOW,iBAAmBtC,IAE7BuC,eAAgBjC,EAAiBR,GAAWqB,OAAeD,EAC3DpB,QAAUQ,OAA2CY,EAA1BpB,GAAWqB,EACvB,gBAAAF,EACA,gBAAA,GAAAuB,OAAG7C,EAAE,cAEF,iBAAVP,GAAuC,IAAjBA,EAAMqD,OAChCrB,IACAlC,GAA2BA,IAC/BoC,EAACC,cAAAmB,GACCrD,UAAWqC,EAAGC,EAAOgB,cAAaV,EAAAA,EAC/BN,CAAAA,EAAAA,EAAOiB,gBAAkB3B,GACzBU,EAAOkB,kBAAoB5B,IAE9B6B,SAAS,MACTC,KAAMC,EACNvD,SAAUA,KAGbwB,GACCK,EAAAC,cAAA,MAAA,CACElC,UAAWqC,EAAGC,EAAOsB,QAAStB,EAAOS,QAASlC,EAAgB+B,EAC3DN,CAAAA,EAAAA,EAAOuB,6BAA+BjC,IAEzCtB,GAAE6C,GAAAA,OAAK7C,EAAa,aACpBwD,KAAK,UAEJnE,IAMb"}
+{"version":3,"file":"ExpandCollapse.js","sources":["../../../../../src/components/ExpandCollapse/ExpandCollapse.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, forwardRef, ReactElement, useCallback, useRef, useState } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Icon from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport { VibeComponentProps, ElementContent } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./ExpandCollapse.module.scss\";\n\nexport interface ExpandCollapseProps extends VibeComponentProps {\n  /**\n   * Component as parameter to be rendered as header\n   */\n  headerComponentRenderer?: () => ReactElement;\n  /**\n   * Class name to add to the header of the expandable\n   */\n  headerClassName?: string;\n  /**\n   * Class name to add to the content of the expandable\n   */\n  contentClassName?: string;\n  /**\n   * Class name to add to the component\n   */\n  componentClassName?: string;\n  /**\n   * Header title\n   */\n  title?: ElementContent;\n  /**\n   * The value of the expandable section\n   */\n  children?: ElementContent;\n  /**\n   * The expand icon font size\n   */\n  iconSize?: number | string;\n  /**\n   * Should be open or closed by default (when rendered)\n   */\n  defaultOpenState?: boolean;\n  open?: boolean;\n  onClick?: (event: React.MouseEvent) => void;\n  hideBorder?: boolean;\n  captureOnClick?: boolean;\n}\n\nconst ExpandCollapse: FC<ExpandCollapseProps> = forwardRef(\n  (\n    {\n      children,\n      headerComponentRenderer = null,\n      title = \"\",\n      className,\n      defaultOpenState = false,\n      iconSize = 24,\n      id = \"\",\n      open,\n      onClick = null,\n      hideBorder = false,\n      headerClassName,\n      contentClassName,\n      componentClassName,\n      \"data-testid\": dataTestId,\n      captureOnClick = true\n    },\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [isOpen, setIsOpen] = useState(defaultOpenState);\n    const isExpanded = open === undefined ? isOpen : open;\n\n    const toggleExpand = () => {\n      setIsOpen(!isOpen);\n    };\n    const renderHeader = useCallback(() => {\n      return typeof title === \"string\" ? (\n        <Text type=\"text1\" className={cx(styles.headerContent)}>\n          {title}\n        </Text>\n      ) : (\n        title\n      );\n    }, [title]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={className}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.EXPAND_COLLAPSE, id)}\n      >\n        <div\n          className={cx(\n            styles.expandCollapse,\n            {\n              [styles.hideBorder]: hideBorder,\n              [styles.showBorder]: !hideBorder\n            },\n            componentClassName\n          )}\n        >\n          <button\n            type=\"button\"\n            className={cx(styles.header, styles.section, headerClassName, {\n              [styles.headerOpen]: isExpanded,\n              [styles.hideBorderBottom]: hideBorder\n            })}\n            onClickCapture={captureOnClick ? onClick || toggleExpand : undefined}\n            onClick={!captureOnClick ? onClick || toggleExpand : undefined}\n            aria-expanded={isExpanded}\n            aria-controls={`${id}-controls`}\n          >\n            {typeof title !== \"string\" || title.length !== 0\n              ? renderHeader()\n              : headerComponentRenderer && headerComponentRenderer()}\n            <Icon\n              className={cx(styles.iconComponent, {\n                [styles.animateIconOpen]: isExpanded,\n                [styles.animateIconClose]: !isExpanded\n              })}\n              iconType=\"svg\"\n              icon={DropdownChevronDown}\n              iconSize={iconSize}\n            />\n          </button>\n          {isExpanded && (\n            <div\n              className={cx(styles.content, styles.section, contentClassName, {\n                [styles.animateExpandCollapseContent]: isExpanded\n              })}\n              id={`${id}-controls`}\n              role=\"region\"\n            >\n              {children}\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\nexport default ExpandCollapse;\n"],"names":["ExpandCollapse","forwardRef","_ref","ref","children","_ref$headerComponentR","headerComponentRenderer","_ref$title","title","className","_ref$defaultOpenState","defaultOpenState","_ref$iconSize","iconSize","_ref$id","id","open","_ref$onClick","onClick","_ref$hideBorder","hideBorder","headerClassName","contentClassName","componentClassName","dataTestId","_ref$captureOnClick","captureOnClick","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isExpanded","undefined","toggleExpand","renderHeader","useCallback","React","createElement","Text","type","cx","styles","headerContent","getTestId","ComponentDefaultTestId","EXPAND_COLLAPSE","expandCollapse","_defineProperty","showBorder","header","section","headerOpen","hideBorderBottom","onClickCapture","concat","length","Icon","iconComponent","animateIconOpen","animateIconClose","iconType","icon","DropdownChevronDown","content","animateExpandCollapseContent","role"],"mappings":"ofAiDMA,IAAAA,EAA0CC,GAC9C,SAAAC,EAkBEC,GACE,IAjBAC,EAAQF,EAARE,SAAQC,EAAAH,EACRI,wBAAAA,OAA0B,IAAHD,EAAG,KAAIA,EAAAE,EAAAL,EAC9BM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EACVE,EAASP,EAATO,UAASC,EAAAR,EACTS,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAV,EACxBW,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACba,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EACPE,EAAId,EAAJc,KAAIC,EAAAf,EACJgB,QAAAA,OAAU,IAAHD,EAAG,KAAIA,EAAAE,EAAAjB,EACdkB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAenB,EAAfmB,gBACAC,EAAgBpB,EAAhBoB,iBACAC,EAAkBrB,EAAlBqB,mBACeC,EAAUtB,EAAzB,eAAauB,EAAAvB,EACbwB,eAAAA,OAAiB,IAAHD,GAAOA,EAIjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY3B,EAAKwB,GAEnCI,EAA4BC,EAASrB,GAAiBsB,EAAAC,EAAAH,EAAA,GAA/CI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAClBI,OAAsBC,IAATtB,EAAqBmB,EAASnB,EAE3CuB,EAAe,WACnBH,GAAWD,IAEPK,EAAeC,GAAY,WAC/B,MAAwB,iBAAVjC,EACZkC,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQpC,UAAWqC,EAAGC,EAAOC,gBACrCxC,GAGHA,CAEJ,GAAG,CAACA,IAEJ,OACEkC,uBACEvC,IAAK0B,EACLpB,UAAWA,EACXM,GAAIA,EAAE,cACOS,GAAcyB,EAAUC,EAAuBC,gBAAiBpC,IAE7E2B,EAAAC,cAAA,MAAA,CACElC,UAAWqC,EACTC,EAAOK,eAAcC,EAAAA,EAElBN,GAAAA,EAAO3B,WAAaA,GACpB2B,EAAOO,YAAclC,GAExBG,IAGFmB,EAAAC,cAAA,SAAA,CACEE,KAAK,SACLpC,UAAWqC,EAAGC,EAAOQ,OAAQR,EAAOS,QAASnC,EAAegC,EAAAA,EACzDN,CAAAA,EAAAA,EAAOU,WAAapB,GACpBU,EAAOW,iBAAmBtC,IAE7BuC,eAAgBjC,EAAiBR,GAAWqB,OAAeD,EAC3DpB,QAAUQ,OAA2CY,EAA1BpB,GAAWqB,EACvB,gBAAAF,EACA,gBAAA,GAAAuB,OAAG7C,EAAE,cAEF,iBAAVP,GAAuC,IAAjBA,EAAMqD,OAChCrB,IACAlC,GAA2BA,IAC/BoC,EAACC,cAAAmB,GACCrD,UAAWqC,EAAGC,EAAOgB,cAAaV,EAAAA,EAC/BN,CAAAA,EAAAA,EAAOiB,gBAAkB3B,GACzBU,EAAOkB,kBAAoB5B,IAE9B6B,SAAS,MACTC,KAAMC,EACNvD,SAAUA,KAGbwB,GACCK,EAAAC,cAAA,MAAA,CACElC,UAAWqC,EAAGC,EAAOsB,QAAStB,EAAOS,QAASlC,EAAgB+B,EAC3DN,CAAAA,EAAAA,EAAOuB,6BAA+BjC,IAEzCtB,GAAE6C,GAAAA,OAAK7C,EAAa,aACpBwD,KAAK,UAEJnE,IAMb"}

package/dist/mocked_classnames/src/components/ExpandCollapse/ExpandCollapse.module.scss.js

@@ -1,2 +1,2 @@
-var n={expandCollapse:"expandCollapse",header:"header","focus-visible":"focus-visible",headerContent:"headerContent",iconComponent:"iconComponent",content:"content",section:"section",hideBorder:"hideBorder",hideBorderBottom:"hideBorderBottom",showBorder:"showBorder",headerOpen:"headerOpen",animateIconOpen:"animateIconOpen",animateIconClose:"animateIconClose"};!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 {\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 {\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:focus-visible, .header.focus-visible {\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:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.header:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.header:active {\n  transform: scale(1);\n}\n\n.header .headerContent {\n  margin: 0;\n}\n\n.header .iconComponent {\n  color: var(--icon-color);\n}\n\n.content {\n  padding: var(--spacing-medium);\n}\n\n.section {\n  width: 100%;\n}\n\n.hideBorder {\n  border: none;\n}\n\n.hideBorderBottom {\n  border-bottom: none;\n}\n\n.showBorder {\n  border: 1px solid var(--ui-border-color);\n}\n\n.showBorder .headerOpen {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.animateIconOpen {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconClose {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}");export{n as default};
+var n={expandCollapse:"expandCollapse",header:"header","focus-visible":"focus-visible",headerContent:"headerContent",iconComponent:"iconComponent",content:"content",section:"section",hideBorder:"hideBorder",hideBorderBottom:"hideBorderBottom",showBorder:"showBorder",headerOpen:"headerOpen",animateIconOpen:"animateIconOpen",animateIconClose:"animateIconClose"};!function(n){const e="s_id-ca6f6158d39b_3_0_0-alpha_17";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 {\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 {\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:focus-visible, .header.focus-visible {\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:focus:not(.focus-visible) {\n  outline: none;\n}\n\n.header:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.header:active {\n  transform: scale(1);\n}\n\n.header .headerContent {\n  margin: 0;\n}\n\n.header .iconComponent {\n  color: var(--icon-color);\n}\n\n.content {\n  padding: var(--spacing-medium);\n}\n\n.section {\n  width: 100%;\n}\n\n.hideBorder {\n  border: none;\n}\n\n.hideBorderBottom {\n  border-bottom: none;\n}\n\n.showBorder {\n  border: 1px solid var(--ui-border-color);\n}\n\n.showBorder .headerOpen {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.animateIconOpen {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconClose {\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/mocked_classnames/src/components/FieldLabel/FieldLabel.module.scss.js

@@ -1,2 +1,2 @@
-var e={labelComponentWrapper:"labelComponentWrapper",labelComponentIcon:"labelComponentIcon",labelComponentText:"labelComponentText",required:"required"};!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 {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n\n.labelComponentIcon {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n\n.labelComponentText {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n\n.required {\n  color: var(--negative-color);\n}");export{e as default};
+var e={labelComponentWrapper:"labelComponentWrapper",labelComponentIcon:"labelComponentIcon",labelComponentText:"labelComponentText",required:"required"};!function(e){const n="s_id-12dfba012dab_3_0_0-alpha_17";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 {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n\n.labelComponentIcon {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n\n.labelComponentText {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n\n.required {\n  color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=FieldLabel.module.scss.js.map