@vibe/core 3.12.0 → 3.12.1

package/dist/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\";\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      inputValue,\n      blurInputOnSelect\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        let isRequireAvailable = false;\n        try {\n          isRequireAvailable = typeof require === \"function\" && typeof module !== \"undefined\";\n        } catch (e) {\n          isRequireAvailable = false;\n        }\n\n        if (isRequireAvailable) {\n          // eslint-disable-next-line @typescript-eslint/no-var-requires\n          const module = require(\"react-windowed-select\");\n          setWindowedMenuList(() => module.WindowedMenuList);\n        } else {\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\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    let DropDownComponent: React.ElementType = asyncOptions ? AsyncSelect : Select;\n\n    // @ts-expect-error - We need to check if the default export is available\n    DropDownComponent = DropDownComponent.default || DropDownComponent;\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        inputValue={inputValue}\n        blurInputOnSelect={blurInputOnSelect}\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","inputValue","blurInputOnSelect","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","isRequireAvailable","require","module","e","import","then","_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","newSelectedOptions","filter","customProps","onSelectedDelete","isMultiline","DropDownComponent","AsyncSelect","Select","default","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      inputValue,\n      blurInputOnSelect\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        let isRequireAvailable = false;\n        try {\n          isRequireAvailable = typeof require === \"function\" && typeof module !== \"undefined\";\n        } catch (e) {\n          isRequireAvailable = false;\n        }\n\n        if (isRequireAvailable) {\n          // eslint-disable-next-line @typescript-eslint/no-var-requires\n          const module = require(\"react-windowed-select\");\n          setWindowedMenuList(() => module.WindowedMenuList);\n        } else {\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\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        searchable\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            readOnly={!searchable ? true : undefined}\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    let DropDownComponent: React.ElementType = asyncOptions ? AsyncSelect : Select;\n\n    // @ts-expect-error - We need to check if the default export is available\n    DropDownComponent = DropDownComponent.default || DropDownComponent;\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}\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        inputValue={inputValue}\n        blurInputOnSelect={blurInputOnSelect}\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","inputValue","blurInputOnSelect","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","isRequireAvailable","require","module","e","import","then","_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","undefined","SingleValue","SingleValueComponent","selectedOption","ClearIndicator","ClearIndicatorComponent","optionValue","newSelectedOptions","filter","customProps","onSelectedDelete","isMultiline","DropDownComponent","AsyncSelect","Select","default","asyncAdditions","loadOptions","additions","isMulti","event","scrolledElement","target","parentElement","_a","classList","contains","menuStyles","dropdownMenuWrapper","cx","styles","dropdown","Control","MultiValue","ValueContainer","MultiValueContainer","MenuList","isDisabled","isClearable","isSearchable","meta","action","_toConsumableArray","isRtl","theme","customTheme","getTestId","ComponentDefaultTestId","DROPDOWN","sizes","BaseSizes","chipColors","DROPDOWN_CHIP_COLORS","menuPlacements","DROPDOWN_MENU_PLACEMENT","menuPositions","DROPDOWN_MENU_POSITION","createFilter"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var o={dropdown:"dropdown_9a8fa38222"};!function(o){const n="s_id-9c014db6980d_3_11_0";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_9a8fa38222 .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_9a8fa38222 .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_9a8fa38222 .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_9a8fa38222 .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_9a8fa38222 .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n\n.dropdown_9a8fa38222 .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_8f84ea02d6"};!function(o){const n="s_id-9c014db6980d_3_12_0";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_8f84ea02d6 .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_8f84ea02d6 .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_8f84ea02d6 .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown_8f84ea02d6 .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_8f84ea02d6 .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n\n.dropdown_8f84ea02d6 .fast-option-selected {\n  color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n  cursor: pointer;\n}");export{o as default};
 //# sourceMappingURL=Dropdown.module.scss.js.map

package/dist/src/components/Dropdown/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")}},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};
+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"}},w=function(o){return r(r({},o),{},{borderRadius:e("border-radius-small"),colors:r(r({},o.colors),{},{primary25:e("primary-background-hover-color")})})},C=function(o){return{container:f(o),control:(R=o,I=R.size,function(o,n){var t=n.isDisabled,i=n.selectProps.readOnly;return r(r(r(r(r(r({},o),a(I)),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:(C=o,k=C.searchable,function(o){return r(r(r(r({},o),d()),c()),{},{display:"flex",alignItems:"center",textIndent:"-2px"},!k&&{width:"0px"})}),valueContainer:x(o),menu:(l=o,v=l.controlRef,y=l.insideOverflowContainer,w=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&&!w)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(w){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,w,C,k,R,I};export{w as customTheme,C as default,y as getIndicatorSize};
 //# sourceMappingURL=Dropdown.styles.js.map

package/dist/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 => ({\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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"}
+{"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 =\n  ({ searchable }) =>\n  provided => ({\n    ...provided,\n    ...getFont(),\n    ...getColor(),\n    display: \"flex\",\n    alignItems: \"center\",\n    textIndent: \"-2px\",\n    ...(!searchable && {\n      width: \"0px\"\n    })\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","_ref16","rtl","_ref17","_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","_ref14","searchable","textIndent","menu","_ref18","controlRef","insideOverflowContainer","insideOverflowWithTransformContainer","_controlRef$current","baseStyle","parentPositionData","current","getBoundingClientRect","top","bottom","_getScrollableParent","translateY","getScrollableParent","scrollTop","translate","indicatorSeparator","group","_ref19","withGroupDivider","paddingBottom","marginTop","position","content","left","groupHeading"],"mappings":"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"}

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

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

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

@@ -1,2 +1,2 @@
-var e={"chip-with-input-wrapper":"chip-with-input-wrapper_4fa069b6a0","placeholder-container":"placeholder-container_5b9cb34900","multiselect-chip-multi-line":"multiselect-chip-multi-line_ce07aded67","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_7b03222cb0","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_c362c70b47","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_e1c803fbbb","multiselect-chip-disabled":"multiselect-chip-disabled_e7902def9a","value-container":"value-container_eadcae63b4","value-container-chips":"value-container-chips_48f4d067bb","without-placeholder":"without-placeholder_5b9cb34900",valueDialogContent:"valueDialogContent_c2b3eafa89",chips:"chips_48f4d067bb"};!function(e){const n="s_id-ae46b2835ce0_3_11_0";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_4fa069b6a0 {\n  display: flex;\n}\n\n.placeholder-container_5b9cb34900 {\n  margin-left: 6px;\n}\n\n.multiselect-chip-multi-line_ce07aded67 {\n  --chips-margin: 2px;\n}\n\n.multiselect-chip-single-line-medium_7b03222cb0 {\n  --chips-margin: 5px 2px;\n}\n\n.multiselect-chip-single-line-large_c362c70b47 {\n  --chips-margin: 9px 2px;\n}\n\n.multiselect-chip-single-line-small_e1c803fbbb {\n  --chips-margin: 1px 2px;\n}\n\n.multiselect-chip-disabled_e7902def9a {\n  background-color: var(--ui-background-color) !important;\n}\n\n.value-container_eadcae63b4 {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-chips_48f4d067bb {\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_48f4d067bb.without-placeholder_5b9cb34900 {\n  margin-left: 6px;\n}\n\n.valueDialogContent_c2b3eafa89 {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent_c2b3eafa89::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent_c2b3eafa89::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.valueDialogContent_c2b3eafa89 .chips_48f4d067bb {\n  flex-shrink: 0;\n}");export{e as default};
+var e={"chip-with-input-wrapper":"chip-with-input-wrapper_89b6b05af7","placeholder-container":"placeholder-container_3c986309ba","multiselect-chip-multi-line":"multiselect-chip-multi-line_e5d33c55e3","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_a40e233580","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_e983493d22","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_5c93c47f8a","multiselect-chip-disabled":"multiselect-chip-disabled_de114269f8","value-container":"value-container_56a1117eed","value-container-chips":"value-container-chips_67d62fbc37","without-placeholder":"without-placeholder_3c986309ba",valueDialogContent:"valueDialogContent_26a8c138eb",chips:"chips_67d62fbc37"};!function(e){const n="s_id-ae46b2835ce0_3_12_0";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_89b6b05af7 {\n  display: flex;\n}\n\n.placeholder-container_3c986309ba {\n  margin-left: 6px;\n}\n\n.multiselect-chip-multi-line_e5d33c55e3 {\n  --chips-margin: 2px;\n}\n\n.multiselect-chip-single-line-medium_a40e233580 {\n  --chips-margin: 5px 2px;\n}\n\n.multiselect-chip-single-line-large_e983493d22 {\n  --chips-margin: 9px 2px;\n}\n\n.multiselect-chip-single-line-small_5c93c47f8a {\n  --chips-margin: 1px 2px;\n}\n\n.multiselect-chip-disabled_de114269f8 {\n  background-color: var(--ui-background-color) !important;\n}\n\n.value-container_56a1117eed {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-chips_67d62fbc37 {\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_67d62fbc37.without-placeholder_3c986309ba {\n  margin-left: 6px;\n}\n\n.valueDialogContent_26a8c138eb {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent_26a8c138eb::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent_26a8c138eb::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.valueDialogContent_26a8c138eb .chips_67d62fbc37 {\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=MultiValueContainer.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={dropdownMenuWrapper:"dropdownMenuWrapper_65a7cb4bad",fadeIn:"fadeIn_a2f6f6f996",withoutAnimation:"withoutAnimation_332bd5b95d",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition_edf7b76ce1"};!function(e){const n="s_id-11829aafa26c_3_11_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dropdownMenuWrapper_65a7cb4bad {\n  animation: fadeIn_a2f6f6f996 var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dropdownMenuWrapper_65a7cb4bad.withoutAnimation_332bd5b95d {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition_edf7b76ce1 {\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_a2f6f6f996 {\n  0% {\n    opacity: 0;\n    z-index: -10000;\n    transform: translateY(var(--dropdown-menu-fadinY, -75px));\n  }\n  100% {\n    opacity: 1;\n    z-index: 999;\n    transform: translateY(0px);\n  }\n}");export{e as default};
+var e={dropdownMenuWrapper:"dropdownMenuWrapper_27bd43d389",fadeIn:"fadeIn_3c68cf6f61",withoutAnimation:"withoutAnimation_d40bd4ca3a",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition_9122a7ed5e"};!function(e){const n="s_id-11829aafa26c_3_12_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dropdownMenuWrapper_27bd43d389 {\n  animation: fadeIn_3c68cf6f61 var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dropdownMenuWrapper_27bd43d389.withoutAnimation_d40bd4ca3a {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition_9122a7ed5e {\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_3c68cf6f61 {\n  0% {\n    opacity: 0;\n    z-index: -10000;\n    transform: translateY(var(--dropdown-menu-fadinY, -75px));\n  }\n  100% {\n    opacity: 1;\n    z-index: 999;\n    transform: translateY(0px);\n  }\n}");export{e as default};
 //# sourceMappingURL=menu.module.scss.js.map

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

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

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

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

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

@@ -1,2 +1,2 @@
-var n={h1Bold:"h1Bold_e1764af63d",h1Medium:"h1Medium_782c906cde",h1Normal:"h1Normal_54554640a7",h1Light:"h1Light_0a911a13f5",h2Bold:"h2Bold_7626e93e3b",h2Medium:"h2Medium_3de1d83aa6",h2Normal:"h2Normal_3818daa74b",h2Light:"h2Light_0c55a46a05",h3Bold:"h3Bold_6ce67f6b27",h3Medium:"h3Medium_b9d5a6d734",h3Normal:"h3Normal_5c03b8cb9e",h3Light:"h3Light_c29ba0a71a"};!function(n){const o="s_id-81b561c226b7_3_11_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold_e1764af63d {\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_782c906cde {\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_54554640a7 {\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_0a911a13f5 {\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_7626e93e3b {\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_3de1d83aa6 {\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_3818daa74b {\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_0c55a46a05 {\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_6ce67f6b27 {\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_b9d5a6d734 {\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_5c03b8cb9e {\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_c29ba0a71a {\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_73f1f96087",h1Medium:"h1Medium_feded75212",h1Normal:"h1Normal_9a8ef43213",h1Light:"h1Light_43c02e6a04",h2Bold:"h2Bold_0fc65cf8ec",h2Medium:"h2Medium_37f16af47d",h2Normal:"h2Normal_b9a82ffc58",h2Light:"h2Light_8d2336e2a4",h3Bold:"h3Bold_41f38b76cd",h3Medium:"h3Medium_624d143250",h3Normal:"h3Normal_6cc3491487",h3Light:"h3Light_5000e695a9"};!function(n){const o="s_id-81b561c226b7_3_12_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold_73f1f96087 {\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_feded75212 {\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_9a8ef43213 {\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_43c02e6a04 {\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_0fc65cf8ec {\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_37f16af47d {\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_b9a82ffc58 {\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_8d2336e2a4 {\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_41f38b76cd {\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_624d143250 {\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_6cc3491487 {\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_5000e695a9 {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{n as default};
 //# sourceMappingURL=EditableHeading.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold_25822e5552",text1Medium:"text1Medium_46e761789f",text1Normal:"text1Normal_25fa67f83a",text2Bold:"text2Bold_50ef3e7fbb",text2Medium:"text2Medium_64b162c026",text2Normal:"text2Normal_8a32ee784d",text3Bold:"text3Bold_bca0e82d08",text3Medium:"text3Medium_22168f6f7c",text3Normal:"text3Normal_e780910464",editableText:"editableText_ca03204e67",typography:"typography_4d2205cc42"};!function(t){const e="s_id-bcdc5f69e9db_3_11_0";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_25822e5552 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_46e761789f {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_25fa67f83a {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_50ef3e7fbb {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_64b162c026 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_8a32ee784d {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_bca0e82d08 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_22168f6f7c {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_e780910464 {\n  font: var(--font-text3-normal);\n}\n\n.editableText_ca03204e67 .typography_4d2205cc42 {\n  min-width: 56px;\n}");export{t as default};
+var t={text1Bold:"text1Bold_575a086ba1",text1Medium:"text1Medium_f29c345df2",text1Normal:"text1Normal_b16e815fc0",text2Bold:"text2Bold_9c45b90ae6",text2Medium:"text2Medium_30bc7e6f7b",text2Normal:"text2Normal_32513adc64",text3Bold:"text3Bold_d4c1cfd9d3",text3Medium:"text3Medium_32dc38c065",text3Normal:"text3Normal_93ddbfa390",editableText:"editableText_30af05c813",typography:"typography_2618a94cdf"};!function(t){const e="s_id-bcdc5f69e9db_3_12_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_575a086ba1 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_f29c345df2 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_b16e815fc0 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_9c45b90ae6 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_30bc7e6f7b {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_32513adc64 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_d4c1cfd9d3 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_32dc38c065 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_93ddbfa390 {\n  font: var(--font-text3-normal);\n}\n\n.editableText_30af05c813 .typography_2618a94cdf {\n  min-width: 56px;\n}");export{t as default};
 //# sourceMappingURL=EditableText.module.scss.js.map

package/dist/src/components/EditableTypography/EditableTypography.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as o,useRef as n,useState as a,useEffect as l}from"react";import i from"classnames";import u from"../../hooks/useMergeRef.js";import s from"./EditableTypography.module.scss.js";import{keyCodes as c}from"../../constants/keyCodes.js";import"../../constants/sizes.js";import{useKeyboardButtonPressedFunc as d}from"../../hooks/useKeyboardButtonPressedFunc.js";import p from"../../hooks/usePrevious/index.js";var f=o((function(o,f){var m=o.id,h=o.className,v=o["data-testid"],y=o.value,g=o.onChange,b=o.onClick,E=o.readOnly,w=void 0!==E&&E,C=o.ariaLabel,x=void 0===C?"":C,k=o.placeholder,j=o.clearable,B=o.typographyClassName,F=o.component,N=o.isEditMode,P=o.autoSelectTextOnEditMode,T=o.onEditModeChange,K=o.tooltipProps,M=o.type,D=o.weight,R=o.multiline,S=void 0!==R&&R,A=n(null),H=u(f,A),O=a(N||!1),W=e(O,2),_=W[0],q=W[1],z=a(y),I=e(z,2),L=I[0],G=I[1],J=a(0),Q=e(J,2),U=Q[0],V=Q[1],X=a(0),Y=e(X,2),Z=Y[0],$=Y[1],ee=n(0),te=n(0),re=p(y),oe=n(null),ne=n(null);function ae(e){w||_||(e.preventDefault(),le(!0))}function le(e){null==T||T(e),q(e)}function ie(){(le(!1),y!==L)&&(L||j&&k?(G(L),null==g||g(L)):G(y))}function ue(){ie()}function se(e){if(e.key===c.ENTER){if(S&&e.shiftKey)return;ie()}e.key===c.ESCAPE&&(le(!1),G(y))}function ce(e){G(e.target.value),S&&fe()}l((function(){_||y===re||y===L||G(y)}),[re,_,y,L]),l((function(){q(N)}),[N]);var de=d(ae);function pe(){var e,t;if(null===(t=null===(e=oe.current)||void 0===e?void 0:e.focus)||void 0===t||t.call(e),oe.current){var r=oe.current,o=r.value.length;r.setSelectionRange(o,o)}S&&function(){if(S&&oe.current){var e=oe.current;if(!e)return;var t=window.getComputedStyle(e),r=parseFloat(t.lineHeight)||16,o=parseFloat(t.paddingTop)||0,n=parseFloat(t.paddingBottom)||0,a=parseFloat(t.borderTopWidth)||0,l=parseFloat(t.borderBottomWidth)||0;te.current=r,ee.current=o+n+a+l,fe()}}()}function fe(){oe.current&&($("auto"),requestAnimationFrame((function(){var e=oe.current;e&&$(Math.max(e.scrollHeight+ee.current,te.current+ee.current))})))}return l((function(){var e,t;_&&(pe(),P&&(null===(t=null===(e=oe.current)||void 0===e?void 0:e.select)||void 0===t||t.call(e)))}),[P,_]),l((function(){if(ne.current){var e=ne.current.getBoundingClientRect();V(e.width)}}),[L,_]),r.createElement("div",{ref:H,id:m,"aria-label":x,"data-testid":v,className:i(s.editableTypography,h),role:_?null:"button",onClick:function(e){null==b||b(e),ae(e)},onKeyDown:de},_&&(S?r.createElement("textarea",{ref:oe,className:i(s.textarea,B),value:L,onChange:ce,onKeyDown:se,onBlur:ue,"aria-label":x,placeholder:k,style:{width:U,height:Z},role:"textbox",rows:1}):r.createElement("input",{ref:oe,className:i(s.input,B),value:L,onChange:ce,onKeyDown:se,onBlur:ue,"aria-label":x,placeholder:k,style:{width:U},role:"input"})),r.createElement(F,{ref:ne,"aria-hidden":_,className:i(s.typography,B,t(t(t(t({},s.hidden,_),s.disabled,w),s.placeholder,!L&&k),s.multiline,!_&&S)),tabIndex:0,tooltipProps:K,weight:D,type:M,ellipsis:!S},L||k))}));export{f as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as o,useRef as n,useState as a,useEffect as l}from"react";import i from"classnames";import u from"../../hooks/useMergeRef.js";import s from"./EditableTypography.module.scss.js";import{keyCodes as c}from"../../constants/keyCodes.js";import"../../constants/sizes.js";import{useKeyboardButtonPressedFunc as d}from"../../hooks/useKeyboardButtonPressedFunc.js";import p from"../../hooks/usePrevious/index.js";var f=o((function(o,f){var m=o.id,h=o.className,v=o["data-testid"],g=o.value,y=o.onChange,b=o.onClick,E=o.readOnly,w=void 0!==E&&E,C=o.ariaLabel,x=void 0===C?"":C,P=o.placeholder,k=o.clearable,j=o.typographyClassName,B=o.component,F=o.isEditMode,N=o.autoSelectTextOnEditMode,T=o.onEditModeChange,D=o.tooltipProps,K=o.type,M=o.weight,R=o.multiline,S=void 0!==R&&R,A=n(null),H=u(f,A),O=a(F||!1),W=e(O,2),_=W[0],q=W[1],z=a(g),I=e(z,2),L=I[0],G=I[1],J=a(0),Q=e(J,2),U=Q[0],V=Q[1],X=a(0),Y=e(X,2),Z=Y[0],$=Y[1],ee=n(0),te=n(0),re=p(g),oe=n(null),ne=n(null);function ae(e){w||_||(e.preventDefault(),le(!0))}function le(e){null==T||T(e),q(e)}function ie(){(le(!1),g!==L)&&(L||k&&P?(G(L),null==y||y(L)):G(g))}function ue(){ie()}function se(e){if(e.key===c.ENTER){if(S&&e.shiftKey)return;e.preventDefault(),e.stopPropagation(),ie()}e.key===c.ESCAPE&&(e.preventDefault(),e.stopPropagation(),le(!1),G(g))}function ce(e){G(e.target.value),S&&fe()}l((function(){_||g===re||g===L||G(g)}),[re,_,g,L]),l((function(){q(F)}),[F]);var de=d(ae);function pe(){var e,t;if(null===(t=null===(e=oe.current)||void 0===e?void 0:e.focus)||void 0===t||t.call(e),oe.current){var r=oe.current,o=r.value.length;r.setSelectionRange(o,o)}S&&function(){if(S&&oe.current){var e=oe.current;if(!e)return;var t=window.getComputedStyle(e),r=parseFloat(t.lineHeight)||16,o=parseFloat(t.paddingTop)||0,n=parseFloat(t.paddingBottom)||0,a=parseFloat(t.borderTopWidth)||0,l=parseFloat(t.borderBottomWidth)||0;te.current=r,ee.current=o+n+a+l,fe()}}()}function fe(){oe.current&&($("auto"),requestAnimationFrame((function(){var e=oe.current;e&&$(Math.max(e.scrollHeight+ee.current,te.current+ee.current))})))}return l((function(){var e,t;_&&(pe(),N&&(null===(t=null===(e=oe.current)||void 0===e?void 0:e.select)||void 0===t||t.call(e)))}),[N,_]),l((function(){if(ne.current){var e=ne.current.getBoundingClientRect();V(e.width)}}),[L,_]),r.createElement("div",{ref:H,id:m,"aria-label":x,"data-testid":v,className:i(s.editableTypography,h),role:_?null:"button",onClick:function(e){null==b||b(e),ae(e)},onKeyDown:de},_&&(S?r.createElement("textarea",{ref:oe,className:i(s.textarea,j),value:L,onChange:ce,onKeyDown:se,onBlur:ue,"aria-label":x,placeholder:P,style:{width:U,height:Z},role:"textbox",rows:1}):r.createElement("input",{ref:oe,className:i(s.input,j),value:L,onChange:ce,onKeyDown:se,onBlur:ue,"aria-label":x,placeholder:P,style:{width:U},role:"input"})),r.createElement(B,{ref:ne,"aria-hidden":_,className:i(s.typography,j,t(t(t(t({},s.hidden,_),s.disabled,w),s.placeholder,!L&&P),s.multiline,!_&&S)),tabIndex:0,tooltipProps:D,weight:M,type:K,ellipsis:!S},L||P))}));export{f as default};
 //# sourceMappingURL=EditableTypography.js.map

package/dist/src/components/EditableTypography/EditableTypography.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditableTypography.js","sources":["../../../../src/components/EditableTypography/EditableTypography.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, useEffect, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport VibeComponent from \"../../types/VibeComponent\";\nimport styles from \"./EditableTypography.module.scss\";\nimport { keyCodes } from \"../../constants\";\nimport { useKeyboardButtonPressedFunc } from \"../../hooks/useKeyboardButtonPressedFunc\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport { TextType, TextWeight } from \"../Text/Text.types\";\nimport { HeadingType, HeadingWeight } from \"../Heading/Heading.types\";\n\nexport interface EditableTypographyImplementationProps {\n  /** Value of the text */\n  value: string;\n  /** Will be called whenever the current value changes to a non-empty value */\n  onChange?: (value: string) => void;\n  /** Will be called whenever the component gets clicked */\n  onClick?: (event: React.KeyboardEvent | React.MouseEvent) => void;\n  /** Disables editing mode - component will be just a typography element */\n  readOnly?: boolean;\n  /** Shown in edit mode when the text value is empty */\n  placeholder?: string;\n  /** ARIA Label */\n  ariaLabel?: string;\n  /** Controls the mode of the component (i.e. view/edit mode) */\n  isEditMode?: boolean;\n  /** If true, automatically select all text when entering edit mode */\n  autoSelectTextOnEditMode?: boolean;\n  /** Will be called when the mode of the component changes */\n  onEditModeChange?: (isEditMode: boolean) => void;\n  /** Override Tooltip props when needed */\n  tooltipProps?: Partial<TooltipProps>;\n}\n\nexport interface EditableTypographyProps extends VibeComponentProps, EditableTypographyImplementationProps {\n  /** A typography component that is being rendered in view mode */\n  component: ElementType;\n  /** Controls the style of the typography component in view mode */\n  typographyClassName: string;\n  /** Shows placeholder when empty, if provided */\n  clearable?: boolean;\n  /** Sets the Text/Heading type */\n  type?: TextType | HeadingType;\n  /** Sets the Text/Heading weight */\n  weight?: TextWeight | HeadingWeight;\n  /** Controls whether a textarea or a simple input would be rendered, allowing multi-lines */\n  multiline?: boolean;\n}\n\nconst EditableTypography: VibeComponent<EditableTypographyProps, HTMLElement> = forwardRef(\n  (\n    {\n      id,\n      className,\n      \"data-testid\": dataTestId,\n      value,\n      onChange,\n      onClick,\n      readOnly = false,\n      ariaLabel = \"\",\n      placeholder,\n      clearable,\n      typographyClassName,\n      component: TypographyComponent,\n      isEditMode,\n      autoSelectTextOnEditMode,\n      onEditModeChange,\n      tooltipProps,\n      type,\n      weight,\n      multiline = false\n    }: EditableTypographyProps,\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [isEditing, setIsEditing] = useState(isEditMode || false);\n    const [inputValue, setInputValue] = useState(value);\n    const [inputWidth, setInputWidth] = useState(0);\n    const [inputHeight, setInputHeight] = useState<number | string>(0);\n    const textareaBorderBoxSizing = useRef(0);\n    const textareaLineHeight = useRef(0);\n\n    const prevValue = usePrevious(value);\n\n    const inputRef = useRef(null);\n    const typographyRef = useRef(null);\n\n    useEffect(() => {\n      if (!isEditing && value !== prevValue && value !== inputValue) {\n        setInputValue(value);\n      }\n    }, [prevValue, isEditing, value, inputValue]);\n\n    useEffect(() => {\n      setIsEditing(isEditMode);\n    }, [isEditMode]);\n\n    function onTypographyClick(event: React.KeyboardEvent | React.MouseEvent) {\n      onClick?.(event);\n      toggleEditMode(event);\n    }\n\n    function toggleEditMode(event: React.KeyboardEvent | React.MouseEvent) {\n      if (readOnly || isEditing) {\n        return;\n      }\n      event.preventDefault();\n      handleEditModeChange(true);\n    }\n\n    function handleEditModeChange(value: boolean) {\n      onEditModeChange?.(value);\n      setIsEditing(value);\n    }\n\n    function handleInputValueChange() {\n      handleEditModeChange(false);\n\n      if (value === inputValue) {\n        return;\n      }\n\n      const shouldShowPlaceholderWhenEmpty = clearable && placeholder;\n      if (!inputValue && !shouldShowPlaceholderWhenEmpty) {\n        setInputValue(value);\n        return;\n      }\n      setInputValue(inputValue);\n      onChange?.(inputValue);\n    }\n\n    function handleBlur() {\n      handleInputValueChange();\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) {\n      if (event.key === keyCodes.ENTER) {\n        if (multiline && event.shiftKey) {\n          return;\n        }\n\n        handleInputValueChange();\n      }\n      if (event.key === keyCodes.ESCAPE) {\n        handleEditModeChange(false);\n        setInputValue(value);\n      }\n    }\n\n    function handleChange(event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) {\n      setInputValue(event.target.value);\n\n      if (multiline) {\n        resizeTextarea();\n      }\n    }\n\n    const toggleKeyboardEditMode = useKeyboardButtonPressedFunc(toggleEditMode);\n\n    function focus() {\n      inputRef.current?.focus?.();\n\n      if (inputRef.current) {\n        const inputElement = inputRef.current as HTMLInputElement | HTMLTextAreaElement;\n        const textLength = inputElement.value.length;\n        inputElement.setSelectionRange(textLength, textLength);\n      }\n\n      if (multiline) {\n        calculateTextareaHeightAttrs();\n      }\n    }\n\n    /* Dynamically resizes the textarea to fit its content */\n    function resizeTextarea() {\n      if (inputRef.current) {\n        // Temporarily set the height to \"auto\" to accurately measure the scroll height of the content inside the textarea.\n        setInputHeight(\"auto\");\n\n        requestAnimationFrame(() => {\n          const textarea = inputRef.current as HTMLTextAreaElement;\n\n          if (!textarea) {\n            return;\n          }\n\n          // Ensure we at least have 1 line\n          setInputHeight(\n            Math.max(\n              textarea.scrollHeight + textareaBorderBoxSizing.current,\n              textareaLineHeight.current + textareaBorderBoxSizing.current\n            )\n          );\n        });\n      }\n    }\n\n    function selectAllInputText() {\n      inputRef.current?.select?.();\n    }\n\n    useEffect(() => {\n      if (!isEditing) return;\n      focus();\n      if (autoSelectTextOnEditMode) {\n        selectAllInputText();\n      }\n    }, [autoSelectTextOnEditMode, isEditing]);\n\n    useEffect(() => {\n      if (!typographyRef.current) {\n        return;\n      }\n\n      const { width } = typographyRef.current.getBoundingClientRect();\n      setInputWidth(width);\n    }, [inputValue, isEditing]);\n\n    /* Calculate the minimual textarea height, taking its applied styles (padding, border width) into consideration \n       This is done only on focus, so that we don't need to get the computed style every time.\n    */\n    function calculateTextareaHeightAttrs() {\n      if (multiline && inputRef.current) {\n        const textarea = inputRef.current as HTMLTextAreaElement;\n\n        if (!textarea) {\n          return;\n        }\n\n        const computedStyle = window.getComputedStyle(textarea);\n\n        // Calculate the appropriate height by taking into account the scrollable content inside the textarea,\n        // as well as the styles applied to it, such as padding and border widths.\n        const lineHeight = parseFloat(computedStyle.lineHeight) || 16;\n        const paddingTop = parseFloat(computedStyle.paddingTop) || 0;\n        const paddingBottom = parseFloat(computedStyle.paddingBottom) || 0;\n        const borderTopWidth = parseFloat(computedStyle.borderTopWidth) || 0;\n        const borderBottomWidth = parseFloat(computedStyle.borderBottomWidth) || 0;\n\n        textareaLineHeight.current = lineHeight;\n        textareaBorderBoxSizing.current = paddingTop + paddingBottom + borderTopWidth + borderBottomWidth;\n        resizeTextarea();\n      }\n    }\n\n    return (\n      <div\n        ref={mergedRef}\n        id={id}\n        aria-label={ariaLabel}\n        data-testid={dataTestId}\n        className={cx(styles.editableTypography, className)}\n        role={isEditing ? null : \"button\"}\n        onClick={onTypographyClick}\n        onKeyDown={toggleKeyboardEditMode}\n      >\n        {isEditing &&\n          (multiline ? (\n            <textarea\n              ref={inputRef}\n              className={cx(styles.textarea, typographyClassName)}\n              value={inputValue}\n              onChange={handleChange}\n              onKeyDown={handleKeyDown}\n              onBlur={handleBlur}\n              aria-label={ariaLabel}\n              placeholder={placeholder}\n              style={{ width: inputWidth, height: inputHeight }}\n              role=\"textbox\"\n              rows={1}\n            />\n          ) : (\n            <input\n              ref={inputRef}\n              className={cx(styles.input, typographyClassName)}\n              value={inputValue}\n              onChange={handleChange}\n              onKeyDown={handleKeyDown}\n              onBlur={handleBlur}\n              aria-label={ariaLabel}\n              placeholder={placeholder}\n              style={{ width: inputWidth }}\n              role=\"input\"\n            />\n          ))}\n        <TypographyComponent\n          ref={typographyRef}\n          aria-hidden={isEditing}\n          className={cx(styles.typography, typographyClassName, {\n            [styles.hidden]: isEditing,\n            [styles.disabled]: readOnly,\n            [styles.placeholder]: !inputValue && placeholder,\n            [styles.multiline]: !isEditing && multiline\n          })}\n          tabIndex={0}\n          tooltipProps={tooltipProps}\n          weight={weight}\n          type={type}\n          ellipsis={!multiline}\n        >\n          {inputValue || placeholder}\n        </TypographyComponent>\n      </div>\n    );\n  }\n);\n\nexport default EditableTypography;\n"],"names":["EditableTypography","forwardRef","_ref","ref","id","className","dataTestId","value","onChange","onClick","_ref$readOnly","readOnly","_ref$ariaLabel","ariaLabel","placeholder","clearable","typographyClassName","TypographyComponent","component","isEditMode","autoSelectTextOnEditMode","onEditModeChange","tooltipProps","type","weight","_ref$multiline","multiline","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_useState3","_useState4","inputValue","setInputValue","_useState5","_useState6","inputWidth","setInputWidth","_useState7","_useState8","inputHeight","setInputHeight","textareaBorderBoxSizing","textareaLineHeight","prevValue","usePrevious","inputRef","typographyRef","toggleEditMode","event","preventDefault","handleEditModeChange","handleInputValueChange","handleBlur","handleKeyDown","key","keyCodes","ENTER","shiftKey","ESCAPE","handleChange","target","resizeTextarea","useEffect","toggleKeyboardEditMode","useKeyboardButtonPressedFunc","focus","_b","current","_a","inputElement","textLength","length","setSelectionRange","textarea","computedStyle","window","getComputedStyle","lineHeight","parseFloat","paddingTop","paddingBottom","borderTopWidth","borderBottomWidth","calculateTextareaHeightAttrs","requestAnimationFrame","Math","max","scrollHeight","select","_typographyRef$curren","getBoundingClientRect","width","React","createElement","cx","styles","editableTypography","role","onKeyDown","onBlur","style","height","rows","input","typography","_defineProperty","hidden","disabled","tabIndex","ellipsis"],"mappings":"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"}
+{"version":3,"file":"EditableTypography.js","sources":["../../../../src/components/EditableTypography/EditableTypography.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, useEffect, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport VibeComponent from \"../../types/VibeComponent\";\nimport styles from \"./EditableTypography.module.scss\";\nimport { keyCodes } from \"../../constants\";\nimport { useKeyboardButtonPressedFunc } from \"../../hooks/useKeyboardButtonPressedFunc\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport { TextType, TextWeight } from \"../Text/Text.types\";\nimport { HeadingType, HeadingWeight } from \"../Heading/Heading.types\";\n\nexport interface EditableTypographyImplementationProps {\n  /** Value of the text */\n  value: string;\n  /** Will be called whenever the current value changes to a non-empty value */\n  onChange?: (value: string) => void;\n  /** Will be called whenever the component gets clicked */\n  onClick?: (event: React.KeyboardEvent | React.MouseEvent) => void;\n  /** Disables editing mode - component will be just a typography element */\n  readOnly?: boolean;\n  /** Shown in edit mode when the text value is empty */\n  placeholder?: string;\n  /** ARIA Label */\n  ariaLabel?: string;\n  /** Controls the mode of the component (i.e. view/edit mode) */\n  isEditMode?: boolean;\n  /** If true, automatically select all text when entering edit mode */\n  autoSelectTextOnEditMode?: boolean;\n  /** Will be called when the mode of the component changes */\n  onEditModeChange?: (isEditMode: boolean) => void;\n  /** Override Tooltip props when needed */\n  tooltipProps?: Partial<TooltipProps>;\n}\n\nexport interface EditableTypographyProps extends VibeComponentProps, EditableTypographyImplementationProps {\n  /** A typography component that is being rendered in view mode */\n  component: ElementType;\n  /** Controls the style of the typography component in view mode */\n  typographyClassName: string;\n  /** Shows placeholder when empty, if provided */\n  clearable?: boolean;\n  /** Sets the Text/Heading type */\n  type?: TextType | HeadingType;\n  /** Sets the Text/Heading weight */\n  weight?: TextWeight | HeadingWeight;\n  /** Controls whether a textarea or a simple input would be rendered, allowing multi-lines */\n  multiline?: boolean;\n}\n\nconst EditableTypography: VibeComponent<EditableTypographyProps, HTMLElement> = forwardRef(\n  (\n    {\n      id,\n      className,\n      \"data-testid\": dataTestId,\n      value,\n      onChange,\n      onClick,\n      readOnly = false,\n      ariaLabel = \"\",\n      placeholder,\n      clearable,\n      typographyClassName,\n      component: TypographyComponent,\n      isEditMode,\n      autoSelectTextOnEditMode,\n      onEditModeChange,\n      tooltipProps,\n      type,\n      weight,\n      multiline = false\n    }: EditableTypographyProps,\n    ref\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const [isEditing, setIsEditing] = useState(isEditMode || false);\n    const [inputValue, setInputValue] = useState(value);\n    const [inputWidth, setInputWidth] = useState(0);\n    const [inputHeight, setInputHeight] = useState<number | string>(0);\n    const textareaBorderBoxSizing = useRef(0);\n    const textareaLineHeight = useRef(0);\n\n    const prevValue = usePrevious(value);\n\n    const inputRef = useRef(null);\n    const typographyRef = useRef(null);\n\n    useEffect(() => {\n      if (!isEditing && value !== prevValue && value !== inputValue) {\n        setInputValue(value);\n      }\n    }, [prevValue, isEditing, value, inputValue]);\n\n    useEffect(() => {\n      setIsEditing(isEditMode);\n    }, [isEditMode]);\n\n    function onTypographyClick(event: React.KeyboardEvent | React.MouseEvent) {\n      onClick?.(event);\n      toggleEditMode(event);\n    }\n\n    function toggleEditMode(event: React.KeyboardEvent | React.MouseEvent) {\n      if (readOnly || isEditing) {\n        return;\n      }\n      event.preventDefault();\n      handleEditModeChange(true);\n    }\n\n    function handleEditModeChange(value: boolean) {\n      onEditModeChange?.(value);\n      setIsEditing(value);\n    }\n\n    function handleInputValueChange() {\n      handleEditModeChange(false);\n\n      if (value === inputValue) {\n        return;\n      }\n\n      const shouldShowPlaceholderWhenEmpty = clearable && placeholder;\n      if (!inputValue && !shouldShowPlaceholderWhenEmpty) {\n        setInputValue(value);\n        return;\n      }\n      setInputValue(inputValue);\n      onChange?.(inputValue);\n    }\n\n    function handleBlur() {\n      handleInputValueChange();\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) {\n      if (event.key === keyCodes.ENTER) {\n        if (multiline && event.shiftKey) {\n          return;\n        }\n\n        event.preventDefault();\n        event.stopPropagation();\n        handleInputValueChange();\n      }\n      if (event.key === keyCodes.ESCAPE) {\n        event.preventDefault();\n        event.stopPropagation();\n        handleEditModeChange(false);\n        setInputValue(value);\n      }\n    }\n\n    function handleChange(event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) {\n      setInputValue(event.target.value);\n\n      if (multiline) {\n        resizeTextarea();\n      }\n    }\n\n    const toggleKeyboardEditMode = useKeyboardButtonPressedFunc(toggleEditMode);\n\n    function focus() {\n      inputRef.current?.focus?.();\n\n      if (inputRef.current) {\n        const inputElement = inputRef.current as HTMLInputElement | HTMLTextAreaElement;\n        const textLength = inputElement.value.length;\n        inputElement.setSelectionRange(textLength, textLength);\n      }\n\n      if (multiline) {\n        calculateTextareaHeightAttrs();\n      }\n    }\n\n    /* Dynamically resizes the textarea to fit its content */\n    function resizeTextarea() {\n      if (inputRef.current) {\n        // Temporarily set the height to \"auto\" to accurately measure the scroll height of the content inside the textarea.\n        setInputHeight(\"auto\");\n\n        requestAnimationFrame(() => {\n          const textarea = inputRef.current as HTMLTextAreaElement;\n\n          if (!textarea) {\n            return;\n          }\n\n          // Ensure we at least have 1 line\n          setInputHeight(\n            Math.max(\n              textarea.scrollHeight + textareaBorderBoxSizing.current,\n              textareaLineHeight.current + textareaBorderBoxSizing.current\n            )\n          );\n        });\n      }\n    }\n\n    function selectAllInputText() {\n      inputRef.current?.select?.();\n    }\n\n    useEffect(() => {\n      if (!isEditing) return;\n      focus();\n      if (autoSelectTextOnEditMode) {\n        selectAllInputText();\n      }\n    }, [autoSelectTextOnEditMode, isEditing]);\n\n    useEffect(() => {\n      if (!typographyRef.current) {\n        return;\n      }\n\n      const { width } = typographyRef.current.getBoundingClientRect();\n      setInputWidth(width);\n    }, [inputValue, isEditing]);\n\n    /* Calculate the minimual textarea height, taking its applied styles (padding, border width) into consideration \n       This is done only on focus, so that we don't need to get the computed style every time.\n    */\n    function calculateTextareaHeightAttrs() {\n      if (multiline && inputRef.current) {\n        const textarea = inputRef.current as HTMLTextAreaElement;\n\n        if (!textarea) {\n          return;\n        }\n\n        const computedStyle = window.getComputedStyle(textarea);\n\n        // Calculate the appropriate height by taking into account the scrollable content inside the textarea,\n        // as well as the styles applied to it, such as padding and border widths.\n        const lineHeight = parseFloat(computedStyle.lineHeight) || 16;\n        const paddingTop = parseFloat(computedStyle.paddingTop) || 0;\n        const paddingBottom = parseFloat(computedStyle.paddingBottom) || 0;\n        const borderTopWidth = parseFloat(computedStyle.borderTopWidth) || 0;\n        const borderBottomWidth = parseFloat(computedStyle.borderBottomWidth) || 0;\n\n        textareaLineHeight.current = lineHeight;\n        textareaBorderBoxSizing.current = paddingTop + paddingBottom + borderTopWidth + borderBottomWidth;\n        resizeTextarea();\n      }\n    }\n\n    return (\n      <div\n        ref={mergedRef}\n        id={id}\n        aria-label={ariaLabel}\n        data-testid={dataTestId}\n        className={cx(styles.editableTypography, className)}\n        role={isEditing ? null : \"button\"}\n        onClick={onTypographyClick}\n        onKeyDown={toggleKeyboardEditMode}\n      >\n        {isEditing &&\n          (multiline ? (\n            <textarea\n              ref={inputRef}\n              className={cx(styles.textarea, typographyClassName)}\n              value={inputValue}\n              onChange={handleChange}\n              onKeyDown={handleKeyDown}\n              onBlur={handleBlur}\n              aria-label={ariaLabel}\n              placeholder={placeholder}\n              style={{ width: inputWidth, height: inputHeight }}\n              role=\"textbox\"\n              rows={1}\n            />\n          ) : (\n            <input\n              ref={inputRef}\n              className={cx(styles.input, typographyClassName)}\n              value={inputValue}\n              onChange={handleChange}\n              onKeyDown={handleKeyDown}\n              onBlur={handleBlur}\n              aria-label={ariaLabel}\n              placeholder={placeholder}\n              style={{ width: inputWidth }}\n              role=\"input\"\n            />\n          ))}\n        <TypographyComponent\n          ref={typographyRef}\n          aria-hidden={isEditing}\n          className={cx(styles.typography, typographyClassName, {\n            [styles.hidden]: isEditing,\n            [styles.disabled]: readOnly,\n            [styles.placeholder]: !inputValue && placeholder,\n            [styles.multiline]: !isEditing && multiline\n          })}\n          tabIndex={0}\n          tooltipProps={tooltipProps}\n          weight={weight}\n          type={type}\n          ellipsis={!multiline}\n        >\n          {inputValue || placeholder}\n        </TypographyComponent>\n      </div>\n    );\n  }\n);\n\nexport default EditableTypography;\n"],"names":["EditableTypography","forwardRef","_ref","ref","id","className","dataTestId","value","onChange","onClick","_ref$readOnly","readOnly","_ref$ariaLabel","ariaLabel","placeholder","clearable","typographyClassName","TypographyComponent","component","isEditMode","autoSelectTextOnEditMode","onEditModeChange","tooltipProps","type","weight","_ref$multiline","multiline","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_useState3","_useState4","inputValue","setInputValue","_useState5","_useState6","inputWidth","setInputWidth","_useState7","_useState8","inputHeight","setInputHeight","textareaBorderBoxSizing","textareaLineHeight","prevValue","usePrevious","inputRef","typographyRef","toggleEditMode","event","preventDefault","handleEditModeChange","handleInputValueChange","handleBlur","handleKeyDown","key","keyCodes","ENTER","shiftKey","stopPropagation","ESCAPE","handleChange","target","resizeTextarea","useEffect","toggleKeyboardEditMode","useKeyboardButtonPressedFunc","focus","_b","current","_a","inputElement","textLength","length","setSelectionRange","textarea","computedStyle","window","getComputedStyle","lineHeight","parseFloat","paddingTop","paddingBottom","borderTopWidth","borderBottomWidth","calculateTextareaHeightAttrs","requestAnimationFrame","Math","max","scrollHeight","select","_typographyRef$curren","getBoundingClientRect","width","React","createElement","cx","styles","editableTypography","role","onKeyDown","onBlur","style","height","rows","input","typography","_defineProperty","hidden","disabled","tabIndex","ellipsis"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={editableTypography:"editableTypography_536e0c7c30",input:"input_9b79991dc0",textarea:"textarea_4a8ed22316",typography:"typography_f6d9739067",disabled:"disabled_6d704abd53",hidden:"hidden_7270ccf956",placeholder:"placeholder_2dde56e28a",multiline:"multiline_938bb4f5ab"};!function(e){const a="s_id-ae5d3ede7a9c_3_11_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".editableTypography_536e0c7c30 {\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_536e0c7c30 .input_9b79991dc0, .editableTypography_536e0c7c30 .textarea_4a8ed22316 {\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_536e0c7c30 .input_9b79991dc0:focus, .editableTypography_536e0c7c30 .input_9b79991dc0:active, .editableTypography_536e0c7c30 .textarea_4a8ed22316:focus, .editableTypography_536e0c7c30 .textarea_4a8ed22316:active {\n  outline: none;\n}\n.editableTypography_536e0c7c30 .textarea_4a8ed22316 {\n  resize: none;\n}\n.editableTypography_536e0c7c30 .typography_f6d9739067 {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_536e0c7c30 .typography_f6d9739067:hover:not(.disabled_6d704abd53) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_536e0c7c30 .typography_f6d9739067.hidden_7270ccf956 {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_536e0c7c30 .typography_f6d9739067.placeholder_2dde56e28a {\n  color: var(--secondary-text-color);\n}\n.editableTypography_536e0c7c30 .typography_f6d9739067.multiline_938bb4f5ab {\n  white-space: pre-wrap;\n}");export{e as default};
+var e={editableTypography:"editableTypography_408e6da079",input:"input_dc73318262",textarea:"textarea_f0cd10ba4a",typography:"typography_c471488511",disabled:"disabled_bbee30600c",hidden:"hidden_48b85ec775",placeholder:"placeholder_66622481e3",multiline:"multiline_baf9d186b8"};!function(e){const a="s_id-ae5d3ede7a9c_3_12_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".editableTypography_408e6da079 {\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_408e6da079 .input_dc73318262, .editableTypography_408e6da079 .textarea_f0cd10ba4a {\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_408e6da079 .input_dc73318262:focus, .editableTypography_408e6da079 .input_dc73318262:active, .editableTypography_408e6da079 .textarea_f0cd10ba4a:focus, .editableTypography_408e6da079 .textarea_f0cd10ba4a:active {\n  outline: none;\n}\n.editableTypography_408e6da079 .textarea_f0cd10ba4a {\n  resize: none;\n}\n.editableTypography_408e6da079 .typography_c471488511 {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_408e6da079 .typography_c471488511:hover:not(.disabled_bbee30600c) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_408e6da079 .typography_c471488511.hidden_48b85ec775 {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_408e6da079 .typography_c471488511.placeholder_66622481e3 {\n  color: var(--secondary-text-color);\n}\n.editableTypography_408e6da079 .typography_c471488511.multiline_baf9d186b8 {\n  white-space: pre-wrap;\n}");export{e as default};
 //# sourceMappingURL=EditableTypography.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={expandCollapse:"expandCollapse_2b4d0c59d0",header:"header_89aa4cbdbf","focus-visible":"focus-visible_9879c8d1ed",headerContent:"headerContent_fcfc2e323f",iconComponent:"iconComponent_64d296b08d",content:"content_a5c21f2de5",section:"section_b37477b959",hideBorder:"hideBorder_16da9b5a43",hideBorderBottom:"hideBorderBottom_656196d72e",showBorder:"showBorder_1fb7c6df94",headerOpen:"headerOpen_ea6f76d8b8",animateIconOpen:"animateIconOpen_0747e7bfe2",animateIconClose:"animateIconClose_fc29a810f1"};!function(n){const e="s_id-ca6f6158d39b_3_11_0";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_2b4d0c59d0 {\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_89aa4cbdbf {\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_89aa4cbdbf:focus-visible, .header_89aa4cbdbf.focus-visible_9879c8d1ed {\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_89aa4cbdbf:focus:not(.focus-visible_9879c8d1ed) {\n  outline: none;\n}\n\n.header_89aa4cbdbf:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.header_89aa4cbdbf:active {\n  transform: scale(1);\n}\n\n.header_89aa4cbdbf .headerContent_fcfc2e323f {\n  margin: 0;\n}\n\n.header_89aa4cbdbf .iconComponent_64d296b08d {\n  color: var(--icon-color);\n}\n\n.content_a5c21f2de5 {\n  padding: var(--spacing-medium);\n}\n\n.section_b37477b959 {\n  width: 100%;\n}\n\n.hideBorder_16da9b5a43 {\n  border: none;\n}\n\n.hideBorderBottom_656196d72e {\n  border-bottom: none;\n}\n\n.showBorder_1fb7c6df94 {\n  border: 1px solid var(--ui-border-color);\n}\n\n.showBorder_1fb7c6df94 .headerOpen_ea6f76d8b8 {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.animateIconOpen_0747e7bfe2 {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconClose_fc29a810f1 {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}");export{n as default};
+var n={expandCollapse:"expandCollapse_65c3ecec25",header:"header_d2ba69056d","focus-visible":"focus-visible_bd4c5499e4",headerContent:"headerContent_d7dc241357",iconComponent:"iconComponent_71547869f2",content:"content_7503473440",section:"section_cf99b6f079",hideBorder:"hideBorder_a70a11f229",hideBorderBottom:"hideBorderBottom_4ee5765619",showBorder:"showBorder_693a12952a",headerOpen:"headerOpen_645f634937",animateIconOpen:"animateIconOpen_3457a51a01",animateIconClose:"animateIconClose_6529500dc1"};!function(n){const e="s_id-ca6f6158d39b_3_12_0";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_65c3ecec25 {\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_d2ba69056d {\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_d2ba69056d:focus-visible, .header_d2ba69056d.focus-visible_bd4c5499e4 {\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_d2ba69056d:focus:not(.focus-visible_bd4c5499e4) {\n  outline: none;\n}\n\n.header_d2ba69056d:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.header_d2ba69056d:active {\n  transform: scale(1);\n}\n\n.header_d2ba69056d .headerContent_d7dc241357 {\n  margin: 0;\n}\n\n.header_d2ba69056d .iconComponent_71547869f2 {\n  color: var(--icon-color);\n}\n\n.content_7503473440 {\n  padding: var(--spacing-medium);\n}\n\n.section_cf99b6f079 {\n  width: 100%;\n}\n\n.hideBorder_a70a11f229 {\n  border: none;\n}\n\n.hideBorderBottom_4ee5765619 {\n  border-bottom: none;\n}\n\n.showBorder_693a12952a {\n  border: 1px solid var(--ui-border-color);\n}\n\n.showBorder_693a12952a .headerOpen_645f634937 {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.animateIconOpen_3457a51a01 {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconClose_6529500dc1 {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}");export{n as default};
 //# sourceMappingURL=ExpandCollapse.module.scss.js.map

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

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