@laerdal/life-react-components 6.0.0-dev.2.full → 6.0.0-dev.5.full

package/dist/Dropdown/DropdownFilter.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownFilter.js","names":["React","COLORS","SystemIcons","LoadingIndicator","DropdownInputFieldStyles","DropdownContainer","DropdownInputField","DropdownContent","Size","AutofilledMessage","ErrorMessage","TooltipOverflow","defaultOnMouseDownHandler","useActionWithin","useClickOutsideRef","useFocusOutsideRef","useFocusVisibleRef","IconButton","useTheme","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DropdownFilter","forwardRef","_ref","ref","id","list","placeholder","onSelect","onInputChange","value","required","messageOnNoResults","disabled","readOnly","scrollable","activeValidationMessage","autofilledMessage","size","disableFiltering","margin","loading","onFocus","overflowTooltipPosition","onBlur","dataTestId","rest","_objectWithoutProperties","_excluded","theme","isOpen","setIsOpen","useState","input","setInput","activeDescendant","setActiveDescendant","restartFilter","setRestartFilter","selectedItem","setSelectedItem","selectedValues","setSelectedValues","focused","setFocused","inputFocused","setInputFocused","init","setInit","styledFieldRef","inputRef","clearButtonRef","useRef","useImperativeHandle","current","containerRef","handleInputKeyDown","e","key","preventDefault","useEffect","length","val","item","find","a","displayLabel","undefined","handleInputClear","focus","focusVisible","detail","renderInput","className","onClick","stopPropagation","blur","$disabled","$readOnly","$isPlaceholder","$showValidationMessage","onMouseDown","children","_objectSpread","autoComplete","Math","floor","random","type","onKeyDown","$ellipsis","onChange","target","tabIndex","position","withArrow","maxWidth","align","action","useTransparentBackground","shape","style","marginLeft","variant","Clear","Small","color","getColor","ArrowDropUp","ArrowDropDown","role","$isButton","onActiveDescendantChanged","ariaRolesType","outline","customizationProps","itemsType","multiSelect","onValueUpdate","values","items","filter","isButton","TechnicalWarning","Information","propTypes","_pt","array","isRequired","string","func","bool","oneOf"],"sources":["../../src/Dropdown/DropdownFilter.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { COLORS } from '../styles';\r\nimport { SystemIcons } from '../icons';\r\nimport { LoadingIndicator } from '../LoadingIndicator';\r\nimport { DropdownInputFieldStyles, DropdownContainer, DropdownInputField } from './CommonStyling';\r\nimport DropdownContent, { DropdownItem } from './DropdownContent';\r\nimport { Size, Testable } from '../types';\r\nimport { AutofilledMessage, ErrorMessage } from '../InputFields';\r\nimport TooltipOverflow from '../Tooltips/TooltipOverflow';\r\nimport { defaultOnMouseDownHandler, useActionWithin, useClickOutsideRef, useFocusOutsideRef, useFocusVisibleRef } from '../common';\r\nimport { IconButton } from '../Button';\r\nimport { useTheme } from 'styled-components';\r\n\r\nexport interface DropdownFilterProps extends Testable, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onSelect' | 'size' | 'list' | 'autoComplete' | 'type' | 'placeholder' | 'onKeyDown' | 'value' | 'onChange' | 'required' | 'tabIndex' | 'disabled' | 'readOnly'> {\r\n  /** Required. List of items to show in the dropdown. */\r\n  list: DropdownItem[];\r\n  /** Optional. Placeholder text to show when there is no input and no item was selected */\r\n  placeholder?: string;\r\n  /** Optional. Currently selected item */\r\n  value?: string;\r\n  /** Optional. Handler to be called when user selects one of the items. */\r\n  onSelect?: (value: string) => void;\r\n  /** Optional. Handler to be called when user changes text in the input. */\r\n  onInputChange?: (input: string) => void;\r\n  /** Optional. If set, then HTML 'required' attribute will be set for the input field */\r\n  required?: boolean;\r\n  /** Optional. If set, then user will not be able to interact with the input field */\r\n  disabled?: boolean;\r\n  /** Optional. If set, then 'readonly' HTML attribute will be set to the input field */\r\n  readOnly?: boolean;\r\n  /** Optional. If set, then loading indicator will be shown in the input field. */\r\n  loading?: boolean;\r\n\r\n  /** Optional. If set, then items in the dropdown will not be filtered depending on the user input */\r\n  disableFiltering?: boolean;\r\n\r\n  /** Optional. If none of the items fits input, then there will be a message shown in the dropdown. */\r\n  messageOnNoResults?: string;\r\n  /** Optional. Validation error message to be shown under the input field. */\r\n  activeValidationMessage?: string;\r\n  /** Optional. Informal message to show under the input field. */\r\n  autofilledMessage?: string;\r\n  /** Optional. Size of the input field */\r\n  size?: Size.Small | Size.Medium;\r\n\r\n  /** Optional. Position of the tooltip to show when input is overflowing the input field. */\r\n  overflowTooltipPosition?: 'top' | 'bottom';\r\n  /** Optional. Margin of the dropdown container items */\r\n  margin?: string;\r\n  /** Optional. Sets if dropdown container is scrollable */\r\n  scrollable?: boolean;\r\n}\r\n\r\nconst DropdownFilter = React.forwardRef( ({\r\n                                            id,\r\n                                            list,\r\n                                            placeholder,\r\n                                            onSelect,\r\n                                            onInputChange,\r\n                                            value,\r\n                                            required,\r\n                                            messageOnNoResults,\r\n                                            disabled,\r\n                                            readOnly,\r\n                                            scrollable,\r\n                                            activeValidationMessage,\r\n                                            autofilledMessage,\r\n                                            size,\r\n                                            disableFiltering,\r\n                                            margin,\r\n                                            loading,\r\n                                            onFocus,\r\n                                            overflowTooltipPosition,\r\n                                            onBlur,\r\n                                            dataTestId,\r\n                                            ...rest\r\n                                          }: DropdownFilterProps, ref) => {\r\n\r\n  const theme = useTheme();\r\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\r\n  const [input, setInput] = React.useState<string>();\r\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n  const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\r\n  const [selectedItem, setSelectedItem] = React.useState<DropdownItem>();\r\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\r\n  const [focused, setFocused] = React.useState<number | null>(null);\r\n  const [inputFocused, setInputFocused] = React.useState<boolean>(false);\r\n  const [init, setInit] = React.useState<boolean>(true);\r\n\r\n  const styledFieldRef = useFocusVisibleRef();\r\n  const inputRef = useFocusVisibleRef([styledFieldRef]);\r\n  const clearButtonRef = React.useRef<HTMLButtonElement>(null);\r\n\r\n  useActionWithin(styledFieldRef, input && !readOnly && !disabled ? [clearButtonRef] : []);\r\n\r\n  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\r\n\r\n  const containerRef = useClickOutsideRef(\r\n    () => setIsOpen(false),\r\n    [],\r\n    useFocusOutsideRef(() => setIsOpen(false)),\r\n  );\r\n\r\n  const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (e.key === 'Esc' || e.key === 'Escape') {\r\n      e.preventDefault();\r\n    }\r\n    if (e.key === 'ArrowDown' || e.key === 'Down' || e.key === 'ArrowUp' || e.key === 'Up') {\r\n      e.preventDefault();\r\n      if (!isOpen) {\r\n        setIsOpen(true);\r\n      }\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    setInit(true);\r\n    setSelectedValues(!!value ? [value] : []);\r\n  }, [value]);\r\n\r\n  React.useEffect(() => {\r\n    if (selectedValues?.length) {\r\n      const val = selectedValues[0];\r\n      const item = list.find((a) => a.value === val);\r\n      setSelectedItem(item);\r\n      setInput(item?.displayLabel ?? item?.value ?? '');\r\n      onSelect && !init && onSelect(val);\r\n    } else {\r\n      setSelectedItem(undefined);\r\n      onSelect && !init && onSelect('');\r\n      setInput('');\r\n    }\r\n  }, [selectedValues]);\r\n\r\n  React.useEffect(() => {\r\n    if (!isOpen) {\r\n      if (!!selectedItem) {\r\n        setInput(selectedItem?.displayLabel ?? selectedItem?.value ?? '');\r\n      } else {\r\n        setInput('');\r\n      }\r\n    }\r\n\r\n    setRestartFilter(true);\r\n  }, [isOpen, selectedItem]);\r\n\r\n  const handleInputClear = (e: any) => {\r\n    setInput('');\r\n    setSelectedValues([]);\r\n    onSelect && onSelect('');\r\n    inputRef.current?.focus({ focusVisible: e?.detail !== 1 } as any);\r\n  };\r\n\r\n  const renderInput = () => {\r\n    return (\r\n      <DropdownInputFieldStyles\r\n        ref={styledFieldRef}\r\n        className={size ? size : ''}\r\n        onClick={(e: any) => {\r\n          if (!readOnly && !disabled) {\r\n            e.stopPropagation();\r\n            setIsOpen(!isOpen);\r\n            if (isOpen) {\r\n              inputRef.current?.blur();\r\n            } else {\r\n              inputRef.current?.focus();\r\n            }\r\n          }\r\n        }}\r\n        $disabled={disabled || false}\r\n        $readOnly={readOnly || false}\r\n        $isPlaceholder={!input}        \r\n        $showValidationMessage={!!activeValidationMessage}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        data-testid={`otherdiv_${id}`}>\r\n        <DropdownInputField\r\n          id={id}\r\n          ref={inputRef}\r\n          autoComplete={'off-' + Math.floor(Math.random() * 999999999999)}\r\n          type=\"search\"\r\n          placeholder={inputFocused ? '' : placeholder}\r\n          onKeyDown={handleInputKeyDown}\r\n          $ellipsis\r\n          value={input || ''}\r\n          onChange={(e: any) => {\r\n            if (!e.target.value) {\r\n              setSelectedValues([]);\r\n            }\r\n            if (!readOnly && !disabled && e.target.value !== input) {\r\n              setRestartFilter(false);\r\n              setIsOpen(true);\r\n              setInput(e.target.value);\r\n              if (onInputChange) {\r\n                onInputChange(e.target.value || '');\r\n              }\r\n            }\r\n          }}\r\n          onFocus={(e) => {\r\n            setInputFocused(true);\r\n            onFocus && onFocus(e);\r\n          }}\r\n          onBlur={(e) => {\r\n            setInputFocused(false);\r\n            onBlur && onBlur(e);\r\n          }}\r\n          required={required}\r\n          tabIndex={disabled || readOnly ? -1 : 0}\r\n          disabled={disabled || false}\r\n          data-testid={dataTestId}\r\n          {...rest}\r\n        />\r\n        {!isOpen ? <TooltipOverflow position={overflowTooltipPosition} input={inputRef} withArrow={true} maxWidth=\"100%\" size={size} align='end'>\r\n            {input}\r\n          </TooltipOverflow> : null}\r\n        {input && !readOnly && !disabled && !loading && (\r\n          <IconButton action={handleInputClear} ref={clearButtonRef} useTransparentBackground={true} shape={'circular'} style={{ marginLeft: '-4px' }} variant={'secondary'}>\r\n            <SystemIcons.Clear />\r\n          </IconButton>\r\n        )}\r\n\r\n        {!disabled && !readOnly && loading && (\r\n          <div style={{ marginLeft: '-4xp' }}>\r\n            <LoadingIndicator size={Size.Small} color={COLORS.getColor('neutral_600', theme)} />\r\n          </div>\r\n        )}\r\n\r\n        <div className={'dropdown-arrow'}>\r\n          {isOpen && !readOnly && !disabled ? <SystemIcons.ArrowDropUp aria-label='Expanded' size=\"24px\" className={size ? size : ''} /> : \r\n            <SystemIcons.ArrowDropDown aria-label='Collapsed' size=\"24px\" className={size ? size : ''} />}\r\n        </div>\r\n      </DropdownInputFieldStyles>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <DropdownContainer ref={containerRef}\r\n      role=\"combobox\"\r\n      aria-multiselectable={true} \r\n      aria-controls={`${id}_dropdowncontent`}\r\n      aria-activedescendant={activeDescendant}\r\n      aria-expanded={isOpen}\r\n      $disabled={disabled} $isButton={false} $readOnly={readOnly} className={size ? size : ''} margin={margin}>\r\n        {renderInput()}\r\n        {!readOnly && !disabled && (\r\n          <DropdownContent\r\n            containerRef={containerRef}\r\n            isOpen={isOpen && !loading}\r\n            messageOnNoResults={messageOnNoResults ?? ''}\r\n            selectedValues={selectedValues}\r\n            setSelectedValues={setSelectedValues}\r\n            size={size ?? Size.Small}\r\n            onActiveDescendantChanged={(e) => setActiveDescendant(e)}\r\n            focused={focused}\r\n            ariaRolesType=\"input\"\r\n            setFocused={setFocused}\r\n            outline={false}\r\n            customizationProps={{\r\n              itemsType: 'normal',\r\n              scrollable: scrollable,\r\n              multiSelect: false,\r\n              action: () => {},\r\n              onValueUpdate: (values: string[]) => {\r\n                setRestartFilter(true);\r\n                setInit(false);\r\n              },\r\n              items: list,\r\n            }}\r\n            filter={!disableFiltering && !restartFilter ? input || '' : ''}\r\n            setIsOpen={setIsOpen}\r\n            isButton={false}\r\n            id={`${id}_dropdowncontent`}\r\n          />\r\n        )}\r\n      </DropdownContainer>\r\n      {activeValidationMessage && (\r\n        <ErrorMessage className={size || ''}>\r\n          <SystemIcons.TechnicalWarning color={COLORS.getColor('critical_400', theme)} />\r\n          <span>{activeValidationMessage}</span>\r\n        </ErrorMessage>\r\n      )}\r\n      {autofilledMessage && (\r\n        <AutofilledMessage className={size || ''}>\r\n          <SystemIcons.Information color={COLORS.getColor('neutral_600', theme)} />\r\n          <span>{autofilledMessage}</span>\r\n        </AutofilledMessage>\r\n      )}\r\n    </>\r\n  );\r\n});\r\n\r\nexport default DropdownFilter;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DropdownFilter.js","names":["React","COLORS","SystemIcons","LoadingIndicator","DropdownInputFieldStyles","DropdownContainer","DropdownInputField","DropdownContent","Size","AutofilledMessage","ErrorMessage","TooltipOverflow","defaultOnMouseDownHandler","useActionWithin","useClickOutsideRef","useFocusOutsideRef","useFocusVisibleRef","IconButton","useTheme","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","DropdownFilter","forwardRef","_ref","ref","id","list","placeholder","onSelect","onInputChange","value","required","messageOnNoResults","disabled","readOnly","scrollable","activeValidationMessage","autofilledMessage","size","disableFiltering","margin","loading","onFocus","overflowTooltipPosition","onBlur","dataTestId","rest","_objectWithoutProperties","_excluded","theme","isOpen","setIsOpen","useState","input","setInput","activeDescendant","setActiveDescendant","restartFilter","setRestartFilter","selectedItem","setSelectedItem","selectedValues","setSelectedValues","focused","setFocused","inputFocused","setInputFocused","init","setInit","styledFieldRef","inputRef","clearButtonRef","useRef","useImperativeHandle","current","containerRef","handleInputKeyDown","e","key","preventDefault","useEffect","length","val","item","find","a","displayLabel","undefined","handleInputClear","focus","focusVisible","detail","renderInput","className","onClick","stopPropagation","blur","$disabled","$readOnly","$isPlaceholder","$showValidationMessage","onMouseDown","children","_objectSpread","autoComplete","Math","floor","random","type","onKeyDown","$ellipsis","onChange","target","tabIndex","position","withArrow","maxWidth","align","action","useTransparentBackground","shape","style","marginLeft","variant","Clear","Small","color","generateToken","componentType","defaultVariant","ArrowDropUp","ArrowDropDown","role","$isButton","onActiveDescendantChanged","ariaRolesType","outline","customizationProps","itemsType","multiSelect","onValueUpdate","values","items","filter","isButton","TechnicalWarning","Information","propTypes","_pt","array","isRequired","string","func","bool","oneOf"],"sources":["../../src/Dropdown/DropdownFilter.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { COLORS } from '../styles';\r\nimport { SystemIcons } from '../icons';\r\nimport { LoadingIndicator } from '../LoadingIndicator';\r\nimport { DropdownInputFieldStyles, DropdownContainer, DropdownInputField } from './CommonStyling';\r\nimport DropdownContent, { DropdownItem } from './DropdownContent';\r\nimport { Size, Testable } from '../types';\r\nimport { AutofilledMessage, ErrorMessage } from '../InputFields';\r\nimport TooltipOverflow from '../Tooltips/TooltipOverflow';\r\nimport { defaultOnMouseDownHandler, useActionWithin, useClickOutsideRef, useFocusOutsideRef, useFocusVisibleRef } from '../common';\r\nimport { IconButton } from '../Button';\r\nimport { useTheme } from 'styled-components';\r\n\r\nexport interface DropdownFilterProps extends Testable, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'onSelect' | 'size' | 'list' | 'autoComplete' | 'type' | 'placeholder' | 'onKeyDown' | 'value' | 'onChange' | 'required' | 'tabIndex' | 'disabled' | 'readOnly'> {\r\n  /** Required. List of items to show in the dropdown. */\r\n  list: DropdownItem[];\r\n  /** Optional. Placeholder text to show when there is no input and no item was selected */\r\n  placeholder?: string;\r\n  /** Optional. Currently selected item */\r\n  value?: string;\r\n  /** Optional. Handler to be called when user selects one of the items. */\r\n  onSelect?: (value: string) => void;\r\n  /** Optional. Handler to be called when user changes text in the input. */\r\n  onInputChange?: (input: string) => void;\r\n  /** Optional. If set, then HTML 'required' attribute will be set for the input field */\r\n  required?: boolean;\r\n  /** Optional. If set, then user will not be able to interact with the input field */\r\n  disabled?: boolean;\r\n  /** Optional. If set, then 'readonly' HTML attribute will be set to the input field */\r\n  readOnly?: boolean;\r\n  /** Optional. If set, then loading indicator will be shown in the input field. */\r\n  loading?: boolean;\r\n\r\n  /** Optional. If set, then items in the dropdown will not be filtered depending on the user input */\r\n  disableFiltering?: boolean;\r\n\r\n  /** Optional. If none of the items fits input, then there will be a message shown in the dropdown. */\r\n  messageOnNoResults?: string;\r\n  /** Optional. Validation error message to be shown under the input field. */\r\n  activeValidationMessage?: string;\r\n  /** Optional. Informal message to show under the input field. */\r\n  autofilledMessage?: string;\r\n  /** Optional. Size of the input field */\r\n  size?: Size.Small | Size.Medium;\r\n\r\n  /** Optional. Position of the tooltip to show when input is overflowing the input field. */\r\n  overflowTooltipPosition?: 'top' | 'bottom';\r\n  /** Optional. Margin of the dropdown container items */\r\n  margin?: string;\r\n  /** Optional. Sets if dropdown container is scrollable */\r\n  scrollable?: boolean;\r\n}\r\n\r\nconst DropdownFilter = React.forwardRef( ({\r\n                                            id,\r\n                                            list,\r\n                                            placeholder,\r\n                                            onSelect,\r\n                                            onInputChange,\r\n                                            value,\r\n                                            required,\r\n                                            messageOnNoResults,\r\n                                            disabled,\r\n                                            readOnly,\r\n                                            scrollable,\r\n                                            activeValidationMessage,\r\n                                            autofilledMessage,\r\n                                            size,\r\n                                            disableFiltering,\r\n                                            margin,\r\n                                            loading,\r\n                                            onFocus,\r\n                                            overflowTooltipPosition,\r\n                                            onBlur,\r\n                                            dataTestId,\r\n                                            ...rest\r\n                                          }: DropdownFilterProps, ref) => {\r\n\r\n  const theme = useTheme();\r\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\r\n  const [input, setInput] = React.useState<string>();\r\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n  const [restartFilter, setRestartFilter] = React.useState<boolean>(false);\r\n  const [selectedItem, setSelectedItem] = React.useState<DropdownItem>();\r\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\r\n  const [focused, setFocused] = React.useState<number | null>(null);\r\n  const [inputFocused, setInputFocused] = React.useState<boolean>(false);\r\n  const [init, setInit] = React.useState<boolean>(true);\r\n\r\n  const styledFieldRef = useFocusVisibleRef();\r\n  const inputRef = useFocusVisibleRef([styledFieldRef]);\r\n  const clearButtonRef = React.useRef<HTMLButtonElement>(null);\r\n\r\n  useActionWithin(styledFieldRef, input && !readOnly && !disabled ? [clearButtonRef] : []);\r\n\r\n  React.useImperativeHandle(ref, () => inputRef.current, [inputRef]);\r\n\r\n  const containerRef = useClickOutsideRef(\r\n    () => setIsOpen(false),\r\n    [],\r\n    useFocusOutsideRef(() => setIsOpen(false)),\r\n  );\r\n\r\n  const handleInputKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\r\n    if (e.key === 'Esc' || e.key === 'Escape') {\r\n      e.preventDefault();\r\n    }\r\n    if (e.key === 'ArrowDown' || e.key === 'Down' || e.key === 'ArrowUp' || e.key === 'Up') {\r\n      e.preventDefault();\r\n      if (!isOpen) {\r\n        setIsOpen(true);\r\n      }\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    setInit(true);\r\n    setSelectedValues(!!value ? [value] : []);\r\n  }, [value]);\r\n\r\n  React.useEffect(() => {\r\n    if (selectedValues?.length) {\r\n      const val = selectedValues[0];\r\n      const item = list.find((a) => a.value === val);\r\n      setSelectedItem(item);\r\n      setInput(item?.displayLabel ?? item?.value ?? '');\r\n      onSelect && !init && onSelect(val);\r\n    } else {\r\n      setSelectedItem(undefined);\r\n      onSelect && !init && onSelect('');\r\n      setInput('');\r\n    }\r\n  }, [selectedValues]);\r\n\r\n  React.useEffect(() => {\r\n    if (!isOpen) {\r\n      if (!!selectedItem) {\r\n        setInput(selectedItem?.displayLabel ?? selectedItem?.value ?? '');\r\n      } else {\r\n        setInput('');\r\n      }\r\n    }\r\n\r\n    setRestartFilter(true);\r\n  }, [isOpen, selectedItem]);\r\n\r\n  const handleInputClear = (e: any) => {\r\n    setInput('');\r\n    setSelectedValues([]);\r\n    onSelect && onSelect('');\r\n    inputRef.current?.focus({ focusVisible: e?.detail !== 1 } as any);\r\n  };\r\n\r\n  const renderInput = () => {\r\n    return (\r\n      <DropdownInputFieldStyles\r\n        ref={styledFieldRef}\r\n        className={size ? size : ''}\r\n        onClick={(e: any) => {\r\n          if (!readOnly && !disabled) {\r\n            e.stopPropagation();\r\n            setIsOpen(!isOpen);\r\n            if (isOpen) {\r\n              inputRef.current?.blur();\r\n            } else {\r\n              inputRef.current?.focus();\r\n            }\r\n          }\r\n        }}\r\n        $disabled={disabled || false}\r\n        $readOnly={readOnly || false}\r\n        $isPlaceholder={!input}        \r\n        $showValidationMessage={!!activeValidationMessage}\r\n        onMouseDown={defaultOnMouseDownHandler}\r\n        data-testid={`otherdiv_${id}`}>\r\n        <DropdownInputField\r\n          id={id}\r\n          ref={inputRef}\r\n          autoComplete={'off-' + Math.floor(Math.random() * 999999999999)}\r\n          type=\"search\"\r\n          placeholder={inputFocused ? '' : placeholder}\r\n          onKeyDown={handleInputKeyDown}\r\n          $ellipsis\r\n          value={input || ''}\r\n          onChange={(e: any) => {\r\n            if (!e.target.value) {\r\n              setSelectedValues([]);\r\n            }\r\n            if (!readOnly && !disabled && e.target.value !== input) {\r\n              setRestartFilter(false);\r\n              setIsOpen(true);\r\n              setInput(e.target.value);\r\n              if (onInputChange) {\r\n                onInputChange(e.target.value || '');\r\n              }\r\n            }\r\n          }}\r\n          onFocus={(e) => {\r\n            setInputFocused(true);\r\n            onFocus && onFocus(e);\r\n          }}\r\n          onBlur={(e) => {\r\n            setInputFocused(false);\r\n            onBlur && onBlur(e);\r\n          }}\r\n          required={required}\r\n          tabIndex={disabled || readOnly ? -1 : 0}\r\n          disabled={disabled || false}\r\n          data-testid={dataTestId}\r\n          {...rest}\r\n        />\r\n        {!isOpen ? <TooltipOverflow position={overflowTooltipPosition} input={inputRef} withArrow={true} maxWidth=\"100%\" size={size} align='end'>\r\n            {input}\r\n          </TooltipOverflow> : null}\r\n        {input && !readOnly && !disabled && !loading && (\r\n          <IconButton action={handleInputClear} ref={clearButtonRef} useTransparentBackground={true} shape={'circular'} style={{ marginLeft: '-4px' }} variant={'secondary'}>\r\n            <SystemIcons.Clear />\r\n          </IconButton>\r\n        )}\r\n\r\n        {!disabled && !readOnly && loading && (\r\n          <div style={{ marginLeft: '-4xp' }}>\r\n            <LoadingIndicator size={Size.Small} color={COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, theme)} />\r\n          </div>\r\n        )}\r\n\r\n        <div className={'dropdown-arrow'}>\r\n          {isOpen && !readOnly && !disabled ? <SystemIcons.ArrowDropUp aria-label='Expanded' size=\"24px\" className={size ? size : ''} /> : \r\n            <SystemIcons.ArrowDropDown aria-label='Collapsed' size=\"24px\" className={size ? size : ''} />}\r\n        </div>\r\n      </DropdownInputFieldStyles>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <DropdownContainer ref={containerRef}\r\n      role=\"combobox\"\r\n      aria-multiselectable={true} \r\n      aria-controls={`${id}_dropdowncontent`}\r\n      aria-activedescendant={activeDescendant}\r\n      aria-expanded={isOpen}\r\n      $disabled={disabled} $isButton={false} $readOnly={readOnly} className={size ? size : ''} margin={margin}>\r\n        {renderInput()}\r\n        {!readOnly && !disabled && (\r\n          <DropdownContent\r\n            containerRef={containerRef}\r\n            isOpen={isOpen && !loading}\r\n            messageOnNoResults={messageOnNoResults ?? ''}\r\n            selectedValues={selectedValues}\r\n            setSelectedValues={setSelectedValues}\r\n            size={size ?? Size.Small}\r\n            onActiveDescendantChanged={(e) => setActiveDescendant(e)}\r\n            focused={focused}\r\n            ariaRolesType=\"input\"\r\n            setFocused={setFocused}\r\n            outline={false}\r\n            customizationProps={{\r\n              itemsType: 'normal',\r\n              scrollable: scrollable,\r\n              multiSelect: false,\r\n              action: () => {},\r\n              onValueUpdate: (values: string[]) => {\r\n                setRestartFilter(true);\r\n                setInit(false);\r\n              },\r\n              items: list,\r\n            }}\r\n            filter={!disableFiltering && !restartFilter ? input || '' : ''}\r\n            setIsOpen={setIsOpen}\r\n            isButton={false}\r\n            id={`${id}_dropdowncontent`}\r\n          />\r\n        )}\r\n      </DropdownContainer>\r\n      {activeValidationMessage && (\r\n        <ErrorMessage className={size || ''}>\r\n          <SystemIcons.TechnicalWarning color={COLORS.generateToken({componentType:'text', defaultVariant:'critical'}, theme)} />\r\n          <span>{activeValidationMessage}</span>\r\n        </ErrorMessage>\r\n      )}\r\n      {autofilledMessage && (\r\n        <AutofilledMessage className={size || ''}>\r\n          <SystemIcons.Information color={COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, theme)} />\r\n          <span>{autofilledMessage}</span>\r\n        </AutofilledMessage>\r\n      )}\r\n    </>\r\n  );\r\n});\r\n\r\nexport default DropdownFilter;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Footer/Components/FooterNewsletterAndSocialSection.cjs

@@ -133,7 +133,10 @@ const SocialMediaButtons = _styledComponents.default.div`
     }
     &:hover {
       background-color: ${props => _styles.COLORS.getColor('white', props.theme)};
-      color: ${props => _styles.COLORS.getColor('neutral_600', props.theme)};
+      color: ${props => _styles.COLORS.generateToken({
+  componentType: 'icon',
+  defaultVariant: 'subtle'
+}, props.theme)};
     }
     &:active {
       background-color: ${props => _styles.COLORS.getColor('primary_800', props.theme)};

package/dist/Footer/Components/FooterNewsletterAndSocialSection.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"FooterNewsletterAndSocialSection.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_InputFields","_icons","_Button","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NewsletterAndSocial","styled","section","BREAKPOINTS","MEDIUM","NewsletterEmailSection","div","props","ComponentXXSStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","NewsletterEmail","InputFieldStyling","invertedFocusStyles","NewsletterButton","button","ComponentLStyling","Bold","SocialMedia","ComponentXSStyling","SocialMediaButtons","FooterNewsletterAndSocialSection","_ref","actionOnNewsletterSignup","newsletterLabel","placeholderEmail","emailInput","setEmailInput","useState","jsxs","children","jsx","TextField","id","withoutBorder","placeholder","value","onChange","onClick","target","href","rel","IconButton","variant","action","tabIndex","SystemIcons","Facebook","Twitter","Youtube","propTypes","_propTypes","func","string","isRequired","_default","exports"],"sources":["../../../src/Footer/Components/FooterNewsletterAndSocialSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS, COLORS, focusStyles, invertedFocusStyles} from '../../styles';\r\nimport {TextField} from '../../InputFields';\r\nimport {SystemIcons} from '../../icons';\r\nimport {IconButton} from '../../Button';\r\nimport {\r\n  ComponentLStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../../styles';\r\nimport {InputFieldStyling} from '../../InputFields';\r\n\r\nconst NewsletterAndSocial = styled.section`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-bottom: 16px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n  }\r\n`;\r\n\r\nconst NewsletterEmailSection = styled.div`\r\n  width: 100%;\r\n  margin: 16px auto 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 60%;\r\n    margin: 16px 0 0 0;\r\n  }\r\n\r\n  label {\r\n    ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}\r\n    margin-bottom: 2px;\r\n  }\r\n  div div {\r\n    width: 100%;\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      width: calc(100% - 82px);\r\n      width: 288px;\r\n    }\r\n  }\r\n  input {\r\n    height: 48px;\r\n  }\r\n`;\r\n\r\nconst NewsletterEmail = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: 2px auto 0;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 2px 0 0 0;\r\n    flex-direction: row;\r\n  }\r\n\r\n  ${InputFieldStyling} {\r\n    &.focus-visible {\r\n      ${invertedFocusStyles}\r\n    }\r\n  }\r\n`;\r\n\r\nconst NewsletterButton = styled.button`\r\n  background: transparent;\r\n  width: 100%;\r\n  height: 40px;\r\n  border: 2px solid ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  border-radius: 8px;\r\n  margin: 8px 0 4px 0;\r\n\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 94px;\r\n    margin: auto 0 4px 8px;\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n  \r\n  &:focus {\r\n    ${invertedFocusStyles}\r\n  }\r\n`;\r\n\r\nconst SocialMedia = styled.div`\r\n  color: ${props => COLORS.getColor('white', props.theme)};\r\n  margin: 0 auto;\r\n\r\n  button div {\r\n    box-sizing: border-box;\r\n    border-radius: 4px;\r\n  }\r\n\r\n  h4 {\r\n    margin-top: 16px;\r\n    margin-bottom: 8px;\r\n    \r\n    ${ComponentXSStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 0 0 0 auto;\r\n    button {\r\n      margin: 0 0 0 12px;\r\n    }\r\n  }\r\n`;\r\n\r\nconst SocialMediaButtons = styled.div`\r\n  display: flex;\r\n  justify-content: center;\r\n\r\n  button div {\r\n    display: flex;\r\n    background-color: transparent;\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n    margin: 0 0 0 20px;\r\n\r\n    svg {\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n      path {\r\n        fill: ${props => COLORS.getColor('white', props.theme)};\r\n      }\r\n    }\r\n\r\n    &:first-child {\r\n      margin: 0;\r\n    }\r\n    &:hover {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n      color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n    }\r\n    &:active {\r\n      background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    }\r\n  }\r\n  a {\r\n    &:focus {\r\n      ${invertedFocusStyles}\r\n    }\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    justify-content: flex-end;\r\n  }\r\n`;\r\n\r\ninterface FooterNewsletterAndSocialSection {\r\n  actionOnNewsletterSignup?: (email: string) => void;\r\n  newsletterLabel: string;\r\n  placeholderEmail?: string;\r\n}\r\n\r\nconst FooterNewsletterAndSocialSection = ({ actionOnNewsletterSignup, newsletterLabel, placeholderEmail }: FooterNewsletterAndSocialSection) => {\r\n  const [emailInput, setEmailInput] = React.useState<string>('');\r\n  return (\r\n    <NewsletterAndSocial>\r\n      <NewsletterEmailSection>\r\n        <label>{newsletterLabel}</label>\r\n        <NewsletterEmail>\r\n          <TextField id=\"NewsletterEmail\" withoutBorder={true} placeholder={placeholderEmail} value={emailInput} onChange={(value: string) => setEmailInput(value)} />\r\n          <NewsletterButton data-testid={'newsBtn'} onClick={(e: any) => actionOnNewsletterSignup && actionOnNewsletterSignup(e.target.value)}>Sign up</NewsletterButton>\r\n        </NewsletterEmail>\r\n      </NewsletterEmailSection>\r\n      <SocialMedia>\r\n        <h4>Follow us on social media</h4>\r\n        <SocialMediaButtons>\r\n          <a href=\"https://www.facebook.com/LaerdalMedical/\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\r\n              <SystemIcons.Facebook />\r\n            </IconButton>\r\n          </a>\r\n          <a href=\"https://twitter.com/laerdalmedical\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\r\n              <SystemIcons.Twitter />\r\n            </IconButton>\r\n          </a>\r\n          <a href=\"https://www.youtube.com/user/LaerdalMedical\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\r\n              <SystemIcons.Youtube />\r\n            </IconButton>\r\n          </a>\r\n        </SocialMediaButtons>\r\n      </SocialMedia>\r\n    </NewsletterAndSocial>\r\n  );\r\n};\r\n\r\nexport default FooterNewsletterAndSocialSection;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FooterNewsletterAndSocialSection.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_InputFields","_icons","_Button","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NewsletterAndSocial","styled","section","BREAKPOINTS","MEDIUM","NewsletterEmailSection","div","props","ComponentXXSStyling","ComponentTextStyle","Regular","COLORS","getColor","theme","NewsletterEmail","InputFieldStyling","invertedFocusStyles","NewsletterButton","button","ComponentLStyling","Bold","SocialMedia","ComponentXSStyling","SocialMediaButtons","generateToken","componentType","defaultVariant","FooterNewsletterAndSocialSection","_ref","actionOnNewsletterSignup","newsletterLabel","placeholderEmail","emailInput","setEmailInput","useState","jsxs","children","jsx","TextField","id","withoutBorder","placeholder","value","onChange","onClick","target","href","rel","IconButton","variant","action","tabIndex","SystemIcons","Facebook","Twitter","Youtube","propTypes","_propTypes","func","string","isRequired","_default","exports"],"sources":["../../../src/Footer/Components/FooterNewsletterAndSocialSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS, COLORS, focusStyles, invertedFocusStyles} from '../../styles';\r\nimport {TextField} from '../../InputFields';\r\nimport {SystemIcons} from '../../icons';\r\nimport {IconButton} from '../../Button';\r\nimport {\r\n  ComponentLStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../../styles';\r\nimport {InputFieldStyling} from '../../InputFields';\r\n\r\nconst NewsletterAndSocial = styled.section`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-bottom: 16px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n  }\r\n`;\r\n\r\nconst NewsletterEmailSection = styled.div`\r\n  width: 100%;\r\n  margin: 16px auto 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 60%;\r\n    margin: 16px 0 0 0;\r\n  }\r\n\r\n  label {\r\n    ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}\r\n    margin-bottom: 2px;\r\n  }\r\n  div div {\r\n    width: 100%;\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      width: calc(100% - 82px);\r\n      width: 288px;\r\n    }\r\n  }\r\n  input {\r\n    height: 48px;\r\n  }\r\n`;\r\n\r\nconst NewsletterEmail = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: 2px auto 0;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 2px 0 0 0;\r\n    flex-direction: row;\r\n  }\r\n\r\n  ${InputFieldStyling} {\r\n    &.focus-visible {\r\n      ${invertedFocusStyles}\r\n    }\r\n  }\r\n`;\r\n\r\nconst NewsletterButton = styled.button`\r\n  background: transparent;\r\n  width: 100%;\r\n  height: 40px;\r\n  border: 2px solid ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  border-radius: 8px;\r\n  margin: 8px 0 4px 0;\r\n\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 94px;\r\n    margin: auto 0 4px 8px;\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n  \r\n  &:focus {\r\n    ${invertedFocusStyles}\r\n  }\r\n`;\r\n\r\nconst SocialMedia = styled.div`\r\n  color: ${props => COLORS.getColor('white', props.theme)};\r\n  margin: 0 auto;\r\n\r\n  button div {\r\n    box-sizing: border-box;\r\n    border-radius: 4px;\r\n  }\r\n\r\n  h4 {\r\n    margin-top: 16px;\r\n    margin-bottom: 8px;\r\n    \r\n    ${ComponentXSStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 0 0 0 auto;\r\n    button {\r\n      margin: 0 0 0 12px;\r\n    }\r\n  }\r\n`;\r\n\r\nconst SocialMediaButtons = styled.div`\r\n  display: flex;\r\n  justify-content: center;\r\n\r\n  button div {\r\n    display: flex;\r\n    background-color: transparent;\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n    margin: 0 0 0 20px;\r\n\r\n    svg {\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n      path {\r\n        fill: ${props => COLORS.getColor('white', props.theme)};\r\n      }\r\n    }\r\n\r\n    &:first-child {\r\n      margin: 0;\r\n    }\r\n    &:hover {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n      color: ${props => COLORS.generateToken({componentType:'icon',defaultVariant:'subtle'}, props.theme)};\r\n    }\r\n    &:active {\r\n      background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    }\r\n  }\r\n  a {\r\n    &:focus {\r\n      ${invertedFocusStyles}\r\n    }\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    justify-content: flex-end;\r\n  }\r\n`;\r\n\r\ninterface FooterNewsletterAndSocialSection {\r\n  actionOnNewsletterSignup?: (email: string) => void;\r\n  newsletterLabel: string;\r\n  placeholderEmail?: string;\r\n}\r\n\r\nconst FooterNewsletterAndSocialSection = ({ actionOnNewsletterSignup, newsletterLabel, placeholderEmail }: FooterNewsletterAndSocialSection) => {\r\n  const [emailInput, setEmailInput] = React.useState<string>('');\r\n  return (\r\n    <NewsletterAndSocial>\r\n      <NewsletterEmailSection>\r\n        <label>{newsletterLabel}</label>\r\n        <NewsletterEmail>\r\n          <TextField id=\"NewsletterEmail\" withoutBorder={true} placeholder={placeholderEmail} value={emailInput} onChange={(value: string) => setEmailInput(value)} />\r\n          <NewsletterButton data-testid={'newsBtn'} onClick={(e: any) => actionOnNewsletterSignup && actionOnNewsletterSignup(e.target.value)}>Sign up</NewsletterButton>\r\n        </NewsletterEmail>\r\n      </NewsletterEmailSection>\r\n      <SocialMedia>\r\n        <h4>Follow us on social media</h4>\r\n        <SocialMediaButtons>\r\n          <a href=\"https://www.facebook.com/LaerdalMedical/\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\r\n              <SystemIcons.Facebook />\r\n            </IconButton>\r\n          </a>\r\n          <a href=\"https://twitter.com/laerdalmedical\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\r\n              <SystemIcons.Twitter />\r\n            </IconButton>\r\n          </a>\r\n          <a href=\"https://www.youtube.com/user/LaerdalMedical\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\r\n              <SystemIcons.Youtube />\r\n            </IconButton>\r\n          </a>\r\n        </SocialMediaButtons>\r\n      </SocialMedia>\r\n    </NewsletterAndSocial>\r\n  );\r\n};\r\n\r\nexport default FooterNewsletterAndSocialSection;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Footer/Components/FooterNewsletterAndSocialSection.js

@@ -126,7 +126,10 @@ const SocialMediaButtons = styled.div`
     }
     &:hover {
       background-color: ${props => COLORS.getColor('white', props.theme)};
-      color: ${props => COLORS.getColor('neutral_600', props.theme)};
+      color: ${props => COLORS.generateToken({
+  componentType: 'icon',
+  defaultVariant: 'subtle'
+}, props.theme)};
     }
     &:active {
       background-color: ${props => COLORS.getColor('primary_800', props.theme)};

package/dist/Footer/Components/FooterNewsletterAndSocialSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterNewsletterAndSocialSection.js","names":["React","styled","BREAKPOINTS","COLORS","invertedFocusStyles","TextField","SystemIcons","IconButton","ComponentLStyling","ComponentTextStyle","ComponentXSStyling","ComponentXXSStyling","InputFieldStyling","jsx","_jsx","jsxs","_jsxs","NewsletterAndSocial","section","MEDIUM","NewsletterEmailSection","div","props","Regular","getColor","theme","NewsletterEmail","NewsletterButton","button","Bold","SocialMedia","SocialMediaButtons","FooterNewsletterAndSocialSection","_ref","actionOnNewsletterSignup","newsletterLabel","placeholderEmail","emailInput","setEmailInput","useState","children","id","withoutBorder","placeholder","value","onChange","onClick","e","target","href","rel","variant","action","tabIndex","Facebook","Twitter","Youtube","propTypes","_pt","func","string","isRequired"],"sources":["../../../src/Footer/Components/FooterNewsletterAndSocialSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS, COLORS, focusStyles, invertedFocusStyles} from '../../styles';\r\nimport {TextField} from '../../InputFields';\r\nimport {SystemIcons} from '../../icons';\r\nimport {IconButton} from '../../Button';\r\nimport {\r\n  ComponentLStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../../styles';\r\nimport {InputFieldStyling} from '../../InputFields';\r\n\r\nconst NewsletterAndSocial = styled.section`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-bottom: 16px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n  }\r\n`;\r\n\r\nconst NewsletterEmailSection = styled.div`\r\n  width: 100%;\r\n  margin: 16px auto 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 60%;\r\n    margin: 16px 0 0 0;\r\n  }\r\n\r\n  label {\r\n    ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}\r\n    margin-bottom: 2px;\r\n  }\r\n  div div {\r\n    width: 100%;\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      width: calc(100% - 82px);\r\n      width: 288px;\r\n    }\r\n  }\r\n  input {\r\n    height: 48px;\r\n  }\r\n`;\r\n\r\nconst NewsletterEmail = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: 2px auto 0;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 2px 0 0 0;\r\n    flex-direction: row;\r\n  }\r\n\r\n  ${InputFieldStyling} {\r\n    &.focus-visible {\r\n      ${invertedFocusStyles}\r\n    }\r\n  }\r\n`;\r\n\r\nconst NewsletterButton = styled.button`\r\n  background: transparent;\r\n  width: 100%;\r\n  height: 40px;\r\n  border: 2px solid ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  border-radius: 8px;\r\n  margin: 8px 0 4px 0;\r\n\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 94px;\r\n    margin: auto 0 4px 8px;\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n  \r\n  &:focus {\r\n    ${invertedFocusStyles}\r\n  }\r\n`;\r\n\r\nconst SocialMedia = styled.div`\r\n  color: ${props => COLORS.getColor('white', props.theme)};\r\n  margin: 0 auto;\r\n\r\n  button div {\r\n    box-sizing: border-box;\r\n    border-radius: 4px;\r\n  }\r\n\r\n  h4 {\r\n    margin-top: 16px;\r\n    margin-bottom: 8px;\r\n    \r\n    ${ComponentXSStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 0 0 0 auto;\r\n    button {\r\n      margin: 0 0 0 12px;\r\n    }\r\n  }\r\n`;\r\n\r\nconst SocialMediaButtons = styled.div`\r\n  display: flex;\r\n  justify-content: center;\r\n\r\n  button div {\r\n    display: flex;\r\n    background-color: transparent;\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n    margin: 0 0 0 20px;\r\n\r\n    svg {\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n      path {\r\n        fill: ${props => COLORS.getColor('white', props.theme)};\r\n      }\r\n    }\r\n\r\n    &:first-child {\r\n      margin: 0;\r\n    }\r\n    &:hover {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n      color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n    }\r\n    &:active {\r\n      background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    }\r\n  }\r\n  a {\r\n    &:focus {\r\n      ${invertedFocusStyles}\r\n    }\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    justify-content: flex-end;\r\n  }\r\n`;\r\n\r\ninterface FooterNewsletterAndSocialSection {\r\n  actionOnNewsletterSignup?: (email: string) => void;\r\n  newsletterLabel: string;\r\n  placeholderEmail?: string;\r\n}\r\n\r\nconst FooterNewsletterAndSocialSection = ({ actionOnNewsletterSignup, newsletterLabel, placeholderEmail }: FooterNewsletterAndSocialSection) => {\r\n  const [emailInput, setEmailInput] = React.useState<string>('');\r\n  return (\r\n    <NewsletterAndSocial>\r\n      <NewsletterEmailSection>\r\n        <label>{newsletterLabel}</label>\r\n        <NewsletterEmail>\r\n          <TextField id=\"NewsletterEmail\" withoutBorder={true} placeholder={placeholderEmail} value={emailInput} onChange={(value: string) => setEmailInput(value)} />\r\n          <NewsletterButton data-testid={'newsBtn'} onClick={(e: any) => actionOnNewsletterSignup && actionOnNewsletterSignup(e.target.value)}>Sign up</NewsletterButton>\r\n        </NewsletterEmail>\r\n      </NewsletterEmailSection>\r\n      <SocialMedia>\r\n        <h4>Follow us on social media</h4>\r\n        <SocialMediaButtons>\r\n          <a href=\"https://www.facebook.com/LaerdalMedical/\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\r\n              <SystemIcons.Facebook />\r\n            </IconButton>\r\n          </a>\r\n          <a href=\"https://twitter.com/laerdalmedical\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\r\n              <SystemIcons.Twitter />\r\n            </IconButton>\r\n          </a>\r\n          <a href=\"https://www.youtube.com/user/LaerdalMedical\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\r\n              <SystemIcons.Youtube />\r\n            </IconButton>\r\n          </a>\r\n        </SocialMediaButtons>\r\n      </SocialMedia>\r\n    </NewsletterAndSocial>\r\n  );\r\n};\r\n\r\nexport default FooterNewsletterAndSocialSection;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FooterNewsletterAndSocialSection.js","names":["React","styled","BREAKPOINTS","COLORS","invertedFocusStyles","TextField","SystemIcons","IconButton","ComponentLStyling","ComponentTextStyle","ComponentXSStyling","ComponentXXSStyling","InputFieldStyling","jsx","_jsx","jsxs","_jsxs","NewsletterAndSocial","section","MEDIUM","NewsletterEmailSection","div","props","Regular","getColor","theme","NewsletterEmail","NewsletterButton","button","Bold","SocialMedia","SocialMediaButtons","generateToken","componentType","defaultVariant","FooterNewsletterAndSocialSection","_ref","actionOnNewsletterSignup","newsletterLabel","placeholderEmail","emailInput","setEmailInput","useState","children","id","withoutBorder","placeholder","value","onChange","onClick","e","target","href","rel","variant","action","tabIndex","Facebook","Twitter","Youtube","propTypes","_pt","func","string","isRequired"],"sources":["../../../src/Footer/Components/FooterNewsletterAndSocialSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS, COLORS, focusStyles, invertedFocusStyles} from '../../styles';\r\nimport {TextField} from '../../InputFields';\r\nimport {SystemIcons} from '../../icons';\r\nimport {IconButton} from '../../Button';\r\nimport {\r\n  ComponentLStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../../styles';\r\nimport {InputFieldStyling} from '../../InputFields';\r\n\r\nconst NewsletterAndSocial = styled.section`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-bottom: 16px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n  }\r\n`;\r\n\r\nconst NewsletterEmailSection = styled.div`\r\n  width: 100%;\r\n  margin: 16px auto 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 60%;\r\n    margin: 16px 0 0 0;\r\n  }\r\n\r\n  label {\r\n    ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}\r\n    margin-bottom: 2px;\r\n  }\r\n  div div {\r\n    width: 100%;\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      width: calc(100% - 82px);\r\n      width: 288px;\r\n    }\r\n  }\r\n  input {\r\n    height: 48px;\r\n  }\r\n`;\r\n\r\nconst NewsletterEmail = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: 2px auto 0;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 2px 0 0 0;\r\n    flex-direction: row;\r\n  }\r\n\r\n  ${InputFieldStyling} {\r\n    &.focus-visible {\r\n      ${invertedFocusStyles}\r\n    }\r\n  }\r\n`;\r\n\r\nconst NewsletterButton = styled.button`\r\n  background: transparent;\r\n  width: 100%;\r\n  height: 40px;\r\n  border: 2px solid ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  border-radius: 8px;\r\n  margin: 8px 0 4px 0;\r\n\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 94px;\r\n    margin: auto 0 4px 8px;\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n  \r\n  &:focus {\r\n    ${invertedFocusStyles}\r\n  }\r\n`;\r\n\r\nconst SocialMedia = styled.div`\r\n  color: ${props => COLORS.getColor('white', props.theme)};\r\n  margin: 0 auto;\r\n\r\n  button div {\r\n    box-sizing: border-box;\r\n    border-radius: 4px;\r\n  }\r\n\r\n  h4 {\r\n    margin-top: 16px;\r\n    margin-bottom: 8px;\r\n    \r\n    ${ComponentXSStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 0 0 0 auto;\r\n    button {\r\n      margin: 0 0 0 12px;\r\n    }\r\n  }\r\n`;\r\n\r\nconst SocialMediaButtons = styled.div`\r\n  display: flex;\r\n  justify-content: center;\r\n\r\n  button div {\r\n    display: flex;\r\n    background-color: transparent;\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n    margin: 0 0 0 20px;\r\n\r\n    svg {\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n      path {\r\n        fill: ${props => COLORS.getColor('white', props.theme)};\r\n      }\r\n    }\r\n\r\n    &:first-child {\r\n      margin: 0;\r\n    }\r\n    &:hover {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n      color: ${props => COLORS.generateToken({componentType:'icon',defaultVariant:'subtle'}, props.theme)};\r\n    }\r\n    &:active {\r\n      background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    }\r\n  }\r\n  a {\r\n    &:focus {\r\n      ${invertedFocusStyles}\r\n    }\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    justify-content: flex-end;\r\n  }\r\n`;\r\n\r\ninterface FooterNewsletterAndSocialSection {\r\n  actionOnNewsletterSignup?: (email: string) => void;\r\n  newsletterLabel: string;\r\n  placeholderEmail?: string;\r\n}\r\n\r\nconst FooterNewsletterAndSocialSection = ({ actionOnNewsletterSignup, newsletterLabel, placeholderEmail }: FooterNewsletterAndSocialSection) => {\r\n  const [emailInput, setEmailInput] = React.useState<string>('');\r\n  return (\r\n    <NewsletterAndSocial>\r\n      <NewsletterEmailSection>\r\n        <label>{newsletterLabel}</label>\r\n        <NewsletterEmail>\r\n          <TextField id=\"NewsletterEmail\" withoutBorder={true} placeholder={placeholderEmail} value={emailInput} onChange={(value: string) => setEmailInput(value)} />\r\n          <NewsletterButton data-testid={'newsBtn'} onClick={(e: any) => actionOnNewsletterSignup && actionOnNewsletterSignup(e.target.value)}>Sign up</NewsletterButton>\r\n        </NewsletterEmail>\r\n      </NewsletterEmailSection>\r\n      <SocialMedia>\r\n        <h4>Follow us on social media</h4>\r\n        <SocialMediaButtons>\r\n          <a href=\"https://www.facebook.com/LaerdalMedical/\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\r\n              <SystemIcons.Facebook />\r\n            </IconButton>\r\n          </a>\r\n          <a href=\"https://twitter.com/laerdalmedical\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\r\n              <SystemIcons.Twitter />\r\n            </IconButton>\r\n          </a>\r\n          <a href=\"https://www.youtube.com/user/LaerdalMedical\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\r\n              <SystemIcons.Youtube />\r\n            </IconButton>\r\n          </a>\r\n        </SocialMediaButtons>\r\n      </SocialMedia>\r\n    </NewsletterAndSocial>\r\n  );\r\n};\r\n\r\nexport default FooterNewsletterAndSocialSection;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/__tests__/GlobalNavigationBar.tests.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/GlobalNavigationBar/__tests__/Logo.tests.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/GlobalNavigationBar/desktop/UserMenu.cjs

@@ -108,7 +108,10 @@ const UserSectionInfo = _styledComponents.default.div`
   gap: 4px;
 `;
 const UserSectionInfoName = _styledComponents.default.div`
-  ${props => (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme))}
+  ${props => (0, _styles.ComponentLStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme))}
 `;
 const UserSectionInfoEmail = _styledComponents.default.div`
   word-break: break-all;

package/dist/GlobalNavigationBar/desktop/UserMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"UserMenu.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Button","_styles","_types","_CommonStyles","_icons","_HyperLink","_breakpoints","_MenuItem","_NavigationProvider","_ProfileButton","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","UserMenuScrollContainer","styled","div","UserMenuPinnedContainer","UserMenuWrapper","props","COLORS","getColor","theme","Z_INDEXES","off_canvas","Breakpoints","MEDIUM","flowDown","BOXSHADOWS","BOXSHADOW_CENTERED","fixed_menu","MenuSection","SignOutActionWrapper","MenuSectionHeader","ComponentSStyling","ComponentTextStyle","Bold","MenuSectionList","UserMenuSectionListStyling","UserSectionAvatar","UserSectionInfo","UserSectionInfoName","ComponentLStyling","UserSectionInfoEmail","ComponentXSStyling","Regular","UserSectionInfoLink","UserSection","UserMenu","_ref","show","user","onHideUserMenu","sections","signOut","label","navigate","isActiveRoute","useNavigation","useEffect","handleKeyPress","key","document","addEventListener","removeEventListener","renderItem","item","section","index","jsx","MenuItem","id","active","external","to","exact","value","disabled","icon","displayLabel","onClickHandler","action","jsxs","onClick","className","role","children","ProfileButton","tabIndex","initials","firstName","lastName","email","link","HyperLink","variant","href","target","cloneElement","size","filter","pinned","map","divider","items","Button","width","SystemIcons","Logout","Size","Large","preventDefault","propTypes","_propTypes","bool","func","isRequired","_default","exports"],"sources":["../../../src/GlobalNavigationBar/desktop/UserMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Button} from '../../Button';\r\nimport {\r\n  BOXSHADOWS,\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  Z_INDEXES\r\n} from '../../styles';\r\nimport {Size} from '../../types';\r\nimport {flowDown, UserMenuSectionListStyling} from '../mobile/CommonStyles';\r\nimport {SystemIcons} from '../../icons';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport {MenuNavigationItem, MenuNavigationSection, ProfileMenu} from '../types';\r\nimport Breakpoints from '../../styles/breakpoints';\r\nimport {MenuItem} from '../../MenuItem';\r\nimport {useNavigation} from '../../Navigation/NavigationProvider';\r\nimport {ProfileButton} from '../../ProfileButton';\r\n\r\nconst UserMenuScrollContainer = styled.div`\r\n  flex: 1;\r\n`;\r\n\r\nconst UserMenuPinnedContainer = styled.div``;\r\n\r\n\r\nconst UserMenuWrapper = styled.div`\r\n  margin: 0;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  width: 320px;\r\n\r\n  position: absolute;\r\n\r\n  &.show {\r\n    display: block;\r\n  }\r\n\r\n  top: 0;\r\n  right: 0;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  flex-flow: column;\r\n\r\n\r\n  ${Breakpoints.MEDIUM} {\r\n    flex-flow: initial;\r\n    top: initial;\r\n    right: initial;\r\n    height: initial;\r\n    animation: ${flowDown} 0.2s ease-in-out;\r\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\r\n    border-radius: 8px;\r\n    border: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    z-index: ${Z_INDEXES.fixed_menu};\r\n    padding: 24px 0;\r\n  }\r\n`;\r\n\r\n\r\nconst MenuSection = styled.div`\r\n  padding: 4px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n\r\n  &.divider {\r\n    border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n`;\r\n\r\nconst SignOutActionWrapper = styled(MenuSection)`\r\n  align-items: center;\r\n  justify-content: center;\r\n`;\r\n\r\nconst MenuSectionHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px 24px 4px 24px;\r\n  box-sizing: border-box;\r\n  min-height: 32px;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst MenuSectionList = styled.div`\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  ${UserMenuSectionListStyling};\r\n`;\r\n\r\n\r\nconst UserSectionAvatar = styled.div`\r\n  pointer-events: none;\r\n\r\n  button {\r\n    padding: 0 !important;\r\n  }\r\n\r\n  button > div {\r\n    width: 48px !important;\r\n    height: 48px !important;\r\n    border-radius: 50% !important;\r\n  }\r\n`;\r\n\r\nconst UserSectionInfo = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n`;\r\n\r\nconst UserSectionInfoName = styled.div`\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nconst UserSectionInfoEmail = styled.div`\r\n  word-break: break-all;\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst UserSectionInfoLink = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n`;\r\n\r\nconst UserSection = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 0 24px 8px 24px;\r\n  gap: 16px;\r\n`;\r\n\r\ninterface UserMenuProps extends ProfileMenu {\r\n  show?: boolean;\r\n  onHideUserMenu: () => void;\r\n}\r\n\r\nconst UserMenu = ({show, user, onHideUserMenu, sections, signOut, label}: UserMenuProps) => {\r\n\r\n  const {navigate, isActiveRoute} = useNavigation();\r\n\r\n  React.useEffect(() => {\r\n    if (!onHideUserMenu) return;\r\n\r\n    function handleKeyPress(e: any) {\r\n      if (e.key === 'Escape' || e.key === 'Esc') {\r\n        onHideUserMenu();\r\n      }\r\n    }\r\n\r\n    document?.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document?.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [onHideUserMenu]);\r\n\r\n  const renderItem = (item: MenuNavigationItem, section: MenuNavigationSection, index: number) =>\r\n    <MenuItem key={index}\r\n              id={`profile_${index}`}\r\n              active={!item.external && !!isActiveRoute && isActiveRoute(item.to, !!item.exact)}\r\n              item={{\r\n                value: item.to,\r\n                disabled: item.disabled,\r\n                icon: item.icon,\r\n                displayLabel: item.label,\r\n              }}\r\n              onClickHandler={(e) => {\r\n                item.action && item.action(e);\r\n                navigate && navigate(item.to, !!item.external);\r\n              }}/>\r\n\r\n  return (\r\n    <UserMenuWrapper onClick={onHideUserMenu}\r\n                     className={show ? 'show' : ''}\r\n                     role=\"menu\"\r\n                     aria-labelledby=\"UserMenuButton\">\r\n      <UserMenuScrollContainer>\r\n        <UserSection>\r\n          <UserSectionAvatar>\r\n            <ProfileButton onClick={() => {\r\n            }}\r\n                           tabIndex={-1}\r\n                           initials={user.firstName[0] + user.lastName[0]}/>\r\n          </UserSectionAvatar>\r\n          <UserSectionInfo>\r\n            <UserSectionInfoName data-hj-suppress>{`${user.firstName} ${user.lastName}`}</UserSectionInfoName>\r\n            <UserSectionInfoEmail data-hj-suppress>{user.email}</UserSectionInfoEmail>\r\n            {\r\n              user.link &&\r\n              <HyperLink variant={'styleless'}\r\n                         href={user.link.href}\r\n                         target={user.link.target}\r\n                         id={user.link.id}\r\n                         onClick={user.link.onClick}>\r\n                <UserSectionInfoLink>\r\n                  <span>\r\n                    {user.link.label}\r\n                  </span>\r\n                  {user.link.icon && React.cloneElement(user.link.icon, {size: '16px'})}\r\n                </UserSectionInfoLink>\r\n              </HyperLink>\r\n            }\r\n          </UserSectionInfo>\r\n        </UserSection>\r\n        {\r\n          sections.filter(a => !a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n      </UserMenuScrollContainer>\r\n      <UserMenuPinnedContainer>\r\n        {\r\n          sections.filter(a => !!a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider || index === 0 ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n        {\r\n          signOut &&\r\n          <SignOutActionWrapper>\r\n            <Button width={'272px'}\r\n                    variant=\"secondary\"\r\n                    icon={<SystemIcons.Logout/>}\r\n                    size={Size.Large}\r\n                    onClick={e => {\r\n                      e.preventDefault();\r\n                      signOut?.action();\r\n                    }}>\r\n              {signOut?.label}\r\n            </Button>\r\n          </SignOutActionWrapper>\r\n        }\r\n      </UserMenuPinnedContainer>\r\n    </UserMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default UserMenu;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"UserMenu.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_Button","_styles","_types","_CommonStyles","_icons","_HyperLink","_breakpoints","_MenuItem","_NavigationProvider","_ProfileButton","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","UserMenuScrollContainer","styled","div","UserMenuPinnedContainer","UserMenuWrapper","props","COLORS","getColor","theme","Z_INDEXES","off_canvas","Breakpoints","MEDIUM","flowDown","BOXSHADOWS","BOXSHADOW_CENTERED","fixed_menu","MenuSection","SignOutActionWrapper","MenuSectionHeader","ComponentSStyling","ComponentTextStyle","Bold","MenuSectionList","UserMenuSectionListStyling","UserSectionAvatar","UserSectionInfo","UserSectionInfoName","ComponentLStyling","generateToken","componentType","defaultVariant","UserSectionInfoEmail","ComponentXSStyling","Regular","UserSectionInfoLink","UserSection","UserMenu","_ref","show","user","onHideUserMenu","sections","signOut","label","navigate","isActiveRoute","useNavigation","useEffect","handleKeyPress","key","document","addEventListener","removeEventListener","renderItem","item","section","index","jsx","MenuItem","id","active","external","to","exact","value","disabled","icon","displayLabel","onClickHandler","action","jsxs","onClick","className","role","children","ProfileButton","tabIndex","initials","firstName","lastName","email","link","HyperLink","variant","href","target","cloneElement","size","filter","pinned","map","divider","items","Button","width","SystemIcons","Logout","Size","Large","preventDefault","propTypes","_propTypes","bool","func","isRequired","_default","exports"],"sources":["../../../src/GlobalNavigationBar/desktop/UserMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Button} from '../../Button';\r\nimport {\r\n  BOXSHADOWS,\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  Z_INDEXES\r\n} from '../../styles';\r\nimport {Size} from '../../types';\r\nimport {flowDown, UserMenuSectionListStyling} from '../mobile/CommonStyles';\r\nimport {SystemIcons} from '../../icons';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport {MenuNavigationItem, MenuNavigationSection, ProfileMenu} from '../types';\r\nimport Breakpoints from '../../styles/breakpoints';\r\nimport {MenuItem} from '../../MenuItem';\r\nimport {useNavigation} from '../../Navigation/NavigationProvider';\r\nimport {ProfileButton} from '../../ProfileButton';\r\n\r\nconst UserMenuScrollContainer = styled.div`\r\n  flex: 1;\r\n`;\r\n\r\nconst UserMenuPinnedContainer = styled.div``;\r\n\r\n\r\nconst UserMenuWrapper = styled.div`\r\n  margin: 0;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  width: 320px;\r\n\r\n  position: absolute;\r\n\r\n  &.show {\r\n    display: block;\r\n  }\r\n\r\n  top: 0;\r\n  right: 0;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  flex-flow: column;\r\n\r\n\r\n  ${Breakpoints.MEDIUM} {\r\n    flex-flow: initial;\r\n    top: initial;\r\n    right: initial;\r\n    height: initial;\r\n    animation: ${flowDown} 0.2s ease-in-out;\r\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\r\n    border-radius: 8px;\r\n    border: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    z-index: ${Z_INDEXES.fixed_menu};\r\n    padding: 24px 0;\r\n  }\r\n`;\r\n\r\n\r\nconst MenuSection = styled.div`\r\n  padding: 4px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n\r\n  &.divider {\r\n    border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n`;\r\n\r\nconst SignOutActionWrapper = styled(MenuSection)`\r\n  align-items: center;\r\n  justify-content: center;\r\n`;\r\n\r\nconst MenuSectionHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px 24px 4px 24px;\r\n  box-sizing: border-box;\r\n  min-height: 32px;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst MenuSectionList = styled.div`\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  ${UserMenuSectionListStyling};\r\n`;\r\n\r\n\r\nconst UserSectionAvatar = styled.div`\r\n  pointer-events: none;\r\n\r\n  button {\r\n    padding: 0 !important;\r\n  }\r\n\r\n  button > div {\r\n    width: 48px !important;\r\n    height: 48px !important;\r\n    border-radius: 50% !important;\r\n  }\r\n`;\r\n\r\nconst UserSectionInfo = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n`;\r\n\r\nconst UserSectionInfoName = styled.div`\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, props.theme))}\r\n`;\r\n\r\nconst UserSectionInfoEmail = styled.div`\r\n  word-break: break-all;\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst UserSectionInfoLink = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n`;\r\n\r\nconst UserSection = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 0 24px 8px 24px;\r\n  gap: 16px;\r\n`;\r\n\r\ninterface UserMenuProps extends ProfileMenu {\r\n  show?: boolean;\r\n  onHideUserMenu: () => void;\r\n}\r\n\r\nconst UserMenu = ({show, user, onHideUserMenu, sections, signOut, label}: UserMenuProps) => {\r\n\r\n  const {navigate, isActiveRoute} = useNavigation();\r\n\r\n  React.useEffect(() => {\r\n    if (!onHideUserMenu) return;\r\n\r\n    function handleKeyPress(e: any) {\r\n      if (e.key === 'Escape' || e.key === 'Esc') {\r\n        onHideUserMenu();\r\n      }\r\n    }\r\n\r\n    document?.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document?.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [onHideUserMenu]);\r\n\r\n  const renderItem = (item: MenuNavigationItem, section: MenuNavigationSection, index: number) =>\r\n    <MenuItem key={index}\r\n              id={`profile_${index}`}\r\n              active={!item.external && !!isActiveRoute && isActiveRoute(item.to, !!item.exact)}\r\n              item={{\r\n                value: item.to,\r\n                disabled: item.disabled,\r\n                icon: item.icon,\r\n                displayLabel: item.label,\r\n              }}\r\n              onClickHandler={(e) => {\r\n                item.action && item.action(e);\r\n                navigate && navigate(item.to, !!item.external);\r\n              }}/>\r\n\r\n  return (\r\n    <UserMenuWrapper onClick={onHideUserMenu}\r\n                     className={show ? 'show' : ''}\r\n                     role=\"menu\"\r\n                     aria-labelledby=\"UserMenuButton\">\r\n      <UserMenuScrollContainer>\r\n        <UserSection>\r\n          <UserSectionAvatar>\r\n            <ProfileButton onClick={() => {\r\n            }}\r\n                           tabIndex={-1}\r\n                           initials={user.firstName[0] + user.lastName[0]}/>\r\n          </UserSectionAvatar>\r\n          <UserSectionInfo>\r\n            <UserSectionInfoName data-hj-suppress>{`${user.firstName} ${user.lastName}`}</UserSectionInfoName>\r\n            <UserSectionInfoEmail data-hj-suppress>{user.email}</UserSectionInfoEmail>\r\n            {\r\n              user.link &&\r\n              <HyperLink variant={'styleless'}\r\n                         href={user.link.href}\r\n                         target={user.link.target}\r\n                         id={user.link.id}\r\n                         onClick={user.link.onClick}>\r\n                <UserSectionInfoLink>\r\n                  <span>\r\n                    {user.link.label}\r\n                  </span>\r\n                  {user.link.icon && React.cloneElement(user.link.icon, {size: '16px'})}\r\n                </UserSectionInfoLink>\r\n              </HyperLink>\r\n            }\r\n          </UserSectionInfo>\r\n        </UserSection>\r\n        {\r\n          sections.filter(a => !a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n      </UserMenuScrollContainer>\r\n      <UserMenuPinnedContainer>\r\n        {\r\n          sections.filter(a => !!a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider || index === 0 ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n        {\r\n          signOut &&\r\n          <SignOutActionWrapper>\r\n            <Button width={'272px'}\r\n                    variant=\"secondary\"\r\n                    icon={<SystemIcons.Logout/>}\r\n                    size={Size.Large}\r\n                    onClick={e => {\r\n                      e.preventDefault();\r\n                      signOut?.action();\r\n                    }}>\r\n              {signOut?.label}\r\n            </Button>\r\n          </SignOutActionWrapper>\r\n        }\r\n      </UserMenuPinnedContainer>\r\n    </UserMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default UserMenu;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/desktop/UserMenu.js

@@ -99,7 +99,10 @@ const UserSectionInfo = styled.div`
   gap: 4px;
 `;
 const UserSectionInfoName = styled.div`
-  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}
+  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.generateToken({
+  componentType: 'text',
+  defaultVariant: 'subtle'
+}, props.theme))}
 `;
 const UserSectionInfoEmail = styled.div`
   word-break: break-all;

package/dist/GlobalNavigationBar/desktop/UserMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserMenu.js","names":["React","styled","Button","BOXSHADOWS","COLORS","ComponentLStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","Z_INDEXES","Size","flowDown","UserMenuSectionListStyling","SystemIcons","HyperLink","Breakpoints","MenuItem","useNavigation","ProfileButton","jsx","_jsx","jsxs","_jsxs","UserMenuScrollContainer","div","UserMenuPinnedContainer","UserMenuWrapper","props","getColor","theme","off_canvas","MEDIUM","BOXSHADOW_CENTERED","fixed_menu","MenuSection","SignOutActionWrapper","MenuSectionHeader","Bold","MenuSectionList","UserSectionAvatar","UserSectionInfo","UserSectionInfoName","UserSectionInfoEmail","Regular","UserSectionInfoLink","UserSection","UserMenu","_ref","show","user","onHideUserMenu","sections","signOut","label","navigate","isActiveRoute","useEffect","handleKeyPress","e","key","document","addEventListener","removeEventListener","renderItem","item","section","index","id","active","external","to","exact","value","disabled","icon","displayLabel","onClickHandler","action","onClick","className","role","children","tabIndex","initials","firstName","lastName","email","link","variant","href","target","cloneElement","size","filter","a","pinned","map","divider","items","width","Logout","Large","preventDefault","propTypes","_pt","bool","func","isRequired"],"sources":["../../../src/GlobalNavigationBar/desktop/UserMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Button} from '../../Button';\r\nimport {\r\n  BOXSHADOWS,\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  Z_INDEXES\r\n} from '../../styles';\r\nimport {Size} from '../../types';\r\nimport {flowDown, UserMenuSectionListStyling} from '../mobile/CommonStyles';\r\nimport {SystemIcons} from '../../icons';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport {MenuNavigationItem, MenuNavigationSection, ProfileMenu} from '../types';\r\nimport Breakpoints from '../../styles/breakpoints';\r\nimport {MenuItem} from '../../MenuItem';\r\nimport {useNavigation} from '../../Navigation/NavigationProvider';\r\nimport {ProfileButton} from '../../ProfileButton';\r\n\r\nconst UserMenuScrollContainer = styled.div`\r\n  flex: 1;\r\n`;\r\n\r\nconst UserMenuPinnedContainer = styled.div``;\r\n\r\n\r\nconst UserMenuWrapper = styled.div`\r\n  margin: 0;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  width: 320px;\r\n\r\n  position: absolute;\r\n\r\n  &.show {\r\n    display: block;\r\n  }\r\n\r\n  top: 0;\r\n  right: 0;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  flex-flow: column;\r\n\r\n\r\n  ${Breakpoints.MEDIUM} {\r\n    flex-flow: initial;\r\n    top: initial;\r\n    right: initial;\r\n    height: initial;\r\n    animation: ${flowDown} 0.2s ease-in-out;\r\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\r\n    border-radius: 8px;\r\n    border: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    z-index: ${Z_INDEXES.fixed_menu};\r\n    padding: 24px 0;\r\n  }\r\n`;\r\n\r\n\r\nconst MenuSection = styled.div`\r\n  padding: 4px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n\r\n  &.divider {\r\n    border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n`;\r\n\r\nconst SignOutActionWrapper = styled(MenuSection)`\r\n  align-items: center;\r\n  justify-content: center;\r\n`;\r\n\r\nconst MenuSectionHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px 24px 4px 24px;\r\n  box-sizing: border-box;\r\n  min-height: 32px;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst MenuSectionList = styled.div`\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  ${UserMenuSectionListStyling};\r\n`;\r\n\r\n\r\nconst UserSectionAvatar = styled.div`\r\n  pointer-events: none;\r\n\r\n  button {\r\n    padding: 0 !important;\r\n  }\r\n\r\n  button > div {\r\n    width: 48px !important;\r\n    height: 48px !important;\r\n    border-radius: 50% !important;\r\n  }\r\n`;\r\n\r\nconst UserSectionInfo = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n`;\r\n\r\nconst UserSectionInfoName = styled.div`\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n`;\r\n\r\nconst UserSectionInfoEmail = styled.div`\r\n  word-break: break-all;\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst UserSectionInfoLink = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n`;\r\n\r\nconst UserSection = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 0 24px 8px 24px;\r\n  gap: 16px;\r\n`;\r\n\r\ninterface UserMenuProps extends ProfileMenu {\r\n  show?: boolean;\r\n  onHideUserMenu: () => void;\r\n}\r\n\r\nconst UserMenu = ({show, user, onHideUserMenu, sections, signOut, label}: UserMenuProps) => {\r\n\r\n  const {navigate, isActiveRoute} = useNavigation();\r\n\r\n  React.useEffect(() => {\r\n    if (!onHideUserMenu) return;\r\n\r\n    function handleKeyPress(e: any) {\r\n      if (e.key === 'Escape' || e.key === 'Esc') {\r\n        onHideUserMenu();\r\n      }\r\n    }\r\n\r\n    document?.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document?.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [onHideUserMenu]);\r\n\r\n  const renderItem = (item: MenuNavigationItem, section: MenuNavigationSection, index: number) =>\r\n    <MenuItem key={index}\r\n              id={`profile_${index}`}\r\n              active={!item.external && !!isActiveRoute && isActiveRoute(item.to, !!item.exact)}\r\n              item={{\r\n                value: item.to,\r\n                disabled: item.disabled,\r\n                icon: item.icon,\r\n                displayLabel: item.label,\r\n              }}\r\n              onClickHandler={(e) => {\r\n                item.action && item.action(e);\r\n                navigate && navigate(item.to, !!item.external);\r\n              }}/>\r\n\r\n  return (\r\n    <UserMenuWrapper onClick={onHideUserMenu}\r\n                     className={show ? 'show' : ''}\r\n                     role=\"menu\"\r\n                     aria-labelledby=\"UserMenuButton\">\r\n      <UserMenuScrollContainer>\r\n        <UserSection>\r\n          <UserSectionAvatar>\r\n            <ProfileButton onClick={() => {\r\n            }}\r\n                           tabIndex={-1}\r\n                           initials={user.firstName[0] + user.lastName[0]}/>\r\n          </UserSectionAvatar>\r\n          <UserSectionInfo>\r\n            <UserSectionInfoName data-hj-suppress>{`${user.firstName} ${user.lastName}`}</UserSectionInfoName>\r\n            <UserSectionInfoEmail data-hj-suppress>{user.email}</UserSectionInfoEmail>\r\n            {\r\n              user.link &&\r\n              <HyperLink variant={'styleless'}\r\n                         href={user.link.href}\r\n                         target={user.link.target}\r\n                         id={user.link.id}\r\n                         onClick={user.link.onClick}>\r\n                <UserSectionInfoLink>\r\n                  <span>\r\n                    {user.link.label}\r\n                  </span>\r\n                  {user.link.icon && React.cloneElement(user.link.icon, {size: '16px'})}\r\n                </UserSectionInfoLink>\r\n              </HyperLink>\r\n            }\r\n          </UserSectionInfo>\r\n        </UserSection>\r\n        {\r\n          sections.filter(a => !a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n      </UserMenuScrollContainer>\r\n      <UserMenuPinnedContainer>\r\n        {\r\n          sections.filter(a => !!a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider || index === 0 ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n        {\r\n          signOut &&\r\n          <SignOutActionWrapper>\r\n            <Button width={'272px'}\r\n                    variant=\"secondary\"\r\n                    icon={<SystemIcons.Logout/>}\r\n                    size={Size.Large}\r\n                    onClick={e => {\r\n                      e.preventDefault();\r\n                      signOut?.action();\r\n                    }}>\r\n              {signOut?.label}\r\n            </Button>\r\n          </SignOutActionWrapper>\r\n        }\r\n      </UserMenuPinnedContainer>\r\n    </UserMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default UserMenu;\r\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,MAAM,QAAO,cAAc;AACnC,SACEC,UAAU,EACVC,MAAM,EACNC,iBAAiB,EACjBC,iBAAiB,EACjBC,kBAAkB,EAClBC,kBAAkB,EAClBC,SAAS,QACJ,cAAc;AACrB,SAAQC,IAAI,QAAO,aAAa;AAChC,SAAQC,QAAQ,EAAEC,0BAA0B,QAAO,wBAAwB;AAC3E,SAAQC,WAAW,QAAO,aAAa;AACvC,SAAQC,SAAS,QAAO,iBAAiB;AAEzC,OAAOC,WAAW,MAAM,0BAA0B;AAClD,SAAQC,QAAQ,QAAO,gBAAgB;AACvC,SAAQC,aAAa,QAAO,qCAAqC;AACjE,SAAQC,aAAa,QAAO,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAElD,MAAMC,uBAAuB,GAAGtB,MAAM,CAACuB,GAAG;AAC1C;AACA,CAAC;AAED,MAAMC,uBAAuB,GAAGxB,MAAM,CAACuB,GAAG,EAAE;AAG5C,MAAME,eAAe,GAAGzB,MAAM,CAACuB,GAAG;AAClC;AACA,sBAAsBG,KAAK,IAAIvB,MAAM,CAACwB,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AACpE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAapB,SAAS,CAACqB,UAAU;AACjC;AACA;AACA;AACA;AACA,IAAIf,WAAW,CAACgB,MAAM;AACtB;AACA;AACA;AACA;AACA,iBAAiBpB,QAAQ;AACzB,kBAAkBR,UAAU,CAAC6B,kBAAkB;AAC/C;AACA,wBAAwBL,KAAK,IAAIvB,MAAM,CAACwB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAC5E,eAAepB,SAAS,CAACwB,UAAU;AACnC;AACA;AACA,CAAC;AAGD,MAAMC,WAAW,GAAGjC,MAAM,CAACuB,GAAG;AAC9B;AACA;AACA;AACA;AACA;AACA;AACA,4BAA4BG,KAAK,IAAIvB,MAAM,CAACwB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAChF;AACA,CAAC;AAED,MAAMM,oBAAoB,GAAGlC,MAAM,CAACiC,WAAW,CAAC;AAChD;AACA;AACA,CAAC;AAED,MAAME,iBAAiB,GAAGnC,MAAM,CAACuB,GAAG;AACpC;AACA;AACA;AACA;AACA;AACA,sBAAsBG,KAAK,IAAIvB,MAAM,CAACwB,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC;AACzE;AACA,IAAIF,KAAK,IAAIrB,iBAAiB,CAACC,kBAAkB,CAAC8B,IAAI,EAAEjC,MAAM,CAACwB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,CAAC;AACpG,CAAC;AAED,MAAMS,eAAe,GAAGrC,MAAM,CAACuB,GAAG;AAClC;AACA;AACA;AACA,IAAIZ,0BAA0B;AAC9B,CAAC;AAGD,MAAM2B,iBAAiB,GAAGtC,MAAM,CAACuB,GAAG;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMgB,eAAe,GAAGvC,MAAM,CAACuB,GAAG;AAClC;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMiB,mBAAmB,GAAGxC,MAAM,CAACuB,GAAG;AACtC,IAAIG,KAAK,IAAItB,iBAAiB,CAACE,kBAAkB,CAAC8B,IAAI,EAAEjC,MAAM,CAACwB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,CAAC;AACpG,CAAC;AAED,MAAMa,oBAAoB,GAAGzC,MAAM,CAACuB,GAAG;AACvC;AACA,IAAIG,KAAK,IAAInB,kBAAkB,CAACD,kBAAkB,CAACoC,OAAO,EAAEvC,MAAM,CAACwB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,CAAC;AACxG,CAAC;AAED,MAAMe,mBAAmB,GAAG3C,MAAM,CAACuB,GAAG;AACtC;AACA;AACA;AACA;AACA;AACA,IAAIhB,kBAAkB,CAACD,kBAAkB,CAAC8B,IAAI,EAAE,IAAI,CAAC;AACrD;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMQ,WAAW,GAAG5C,MAAM,CAACuB,GAAG;AAC9B;AACA;AACA;AACA;AACA,CAAC;AAOD,MAAMsB,QAAQ,GAAGC,IAAA,IAA2E;EAAA,IAA1E;IAACC,IAAI;IAAEC,IAAI;IAAEC,cAAc;IAAEC,QAAQ;IAAEC,OAAO;IAAEC;EAAoB,CAAC,GAAAN,IAAA;EAErF,MAAM;IAACO,QAAQ;IAAEC;EAAa,CAAC,GAAGtC,aAAa,CAAC,CAAC;EAEjDjB,KAAK,CAACwD,SAAS,CAAC,MAAM;IACpB,IAAI,CAACN,cAAc,EAAE;IAErB,SAASO,cAAcA,CAACC,CAAM,EAAE;MAC9B,IAAIA,CAAC,CAACC,GAAG,KAAK,QAAQ,IAAID,CAAC,CAACC,GAAG,KAAK,KAAK,EAAE;QACzCT,cAAc,CAAC,CAAC;MAClB;IACF;IAEAU,QAAQ,EAAEC,gBAAgB,CAAC,SAAS,EAAEJ,cAAc,EAAE,KAAK,CAAC;IAC5D,OAAO,MAAM;MACXG,QAAQ,EAAEE,mBAAmB,CAAC,SAAS,EAAEL,cAAc,EAAE,KAAK,CAAC;IACjE,CAAC;EACH,CAAC,EAAE,CAACP,cAAc,CAAC,CAAC;EAEpB,MAAMa,UAAU,GAAGA,CAACC,IAAwB,EAAEC,OAA8B,EAAEC,KAAa,kBACzF9C,IAAA,CAACJ,QAAQ;IACCmD,EAAE,EAAE,WAAWD,KAAK,EAAG;IACvBE,MAAM,EAAE,CAACJ,IAAI,CAACK,QAAQ,IAAI,CAAC,CAACd,aAAa,IAAIA,aAAa,CAACS,IAAI,CAACM,EAAE,EAAE,CAAC,CAACN,IAAI,CAACO,KAAK,CAAE;IAClFP,IAAI,EAAE;MACJQ,KAAK,EAAER,IAAI,CAACM,EAAE;MACdG,QAAQ,EAAET,IAAI,CAACS,QAAQ;MACvBC,IAAI,EAAEV,IAAI,CAACU,IAAI;MACfC,YAAY,EAAEX,IAAI,CAACX;IACrB,CAAE;IACFuB,cAAc,EAAGlB,CAAC,IAAK;MACrBM,IAAI,CAACa,MAAM,IAAIb,IAAI,CAACa,MAAM,CAACnB,CAAC,CAAC;MAC7BJ,QAAQ,IAAIA,QAAQ,CAACU,IAAI,CAACM,EAAE,EAAE,CAAC,CAACN,IAAI,CAACK,QAAQ,CAAC;IAChD;EAAE,GAZGH,KAYF,CAAC;EAEhB,oBACE5C,KAAA,CAACI,eAAe;IAACoD,OAAO,EAAE5B,cAAe;IACxB6B,SAAS,EAAE/B,IAAI,GAAG,MAAM,GAAG,EAAG;IAC9BgC,IAAI,EAAC,MAAM;IACX,mBAAgB,gBAAgB;IAAAC,QAAA,gBAC/C3D,KAAA,CAACC,uBAAuB;MAAA0D,QAAA,gBACtB3D,KAAA,CAACuB,WAAW;QAAAoC,QAAA,gBACV7D,IAAA,CAACmB,iBAAiB;UAAA0C,QAAA,eAChB7D,IAAA,CAACF,aAAa;YAAC4D,OAAO,EAAEA,CAAA,KAAM,CAC9B,CAAE;YACaI,QAAQ,EAAE,CAAC,CAAE;YACbC,QAAQ,EAAElC,IAAI,CAACmC,SAAS,CAAC,CAAC,CAAC,GAAGnC,IAAI,CAACoC,QAAQ,CAAC,CAAC;UAAE,CAAC;QAAC,CAC/C,CAAC,eACpB/D,KAAA,CAACkB,eAAe;UAAAyC,QAAA,gBACd7D,IAAA,CAACqB,mBAAmB;YAAC,wBAAgB;YAAAwC,QAAA,EAAE,GAAGhC,IAAI,CAACmC,SAAS,IAAInC,IAAI,CAACoC,QAAQ;UAAE,CAAsB,CAAC,eAClGjE,IAAA,CAACsB,oBAAoB;YAAC,wBAAgB;YAAAuC,QAAA,EAAEhC,IAAI,CAACqC;UAAK,CAAuB,CAAC,EAExErC,IAAI,CAACsC,IAAI,iBACTnE,IAAA,CAACN,SAAS;YAAC0E,OAAO,EAAE,WAAY;YACrBC,IAAI,EAAExC,IAAI,CAACsC,IAAI,CAACE,IAAK;YACrBC,MAAM,EAAEzC,IAAI,CAACsC,IAAI,CAACG,MAAO;YACzBvB,EAAE,EAAElB,IAAI,CAACsC,IAAI,CAACpB,EAAG;YACjBW,OAAO,EAAE7B,IAAI,CAACsC,IAAI,CAACT,OAAQ;YAAAG,QAAA,eACpC3D,KAAA,CAACsB,mBAAmB;cAAAqC,QAAA,gBAClB7D,IAAA;gBAAA6D,QAAA,EACGhC,IAAI,CAACsC,IAAI,CAAClC;cAAK,CACZ,CAAC,EACNJ,IAAI,CAACsC,IAAI,CAACb,IAAI,iBAAI1E,KAAK,CAAC2F,YAAY,CAAC1C,IAAI,CAACsC,IAAI,CAACb,IAAI,EAAE;gBAACkB,IAAI,EAAE;cAAM,CAAC,CAAC;YAAA,CAClD;UAAC,CACb,CAAC;QAAA,CAEC,CAAC;MAAA,CACP,CAAC,EAEZzC,QAAQ,CAAC0C,MAAM,CAACC,CAAC,IAAI,CAACA,CAAC,CAACC,MAAM,CAAC,CAACC,GAAG,CAAC,CAAC/B,OAAO,EAAEC,KAAK,kBACjD5C,KAAA,CAACY,WAAW;QAAa6C,SAAS,EAAEd,OAAO,CAACgC,OAAO,GAAG,SAAS,GAAG,EAAG;QAAAhB,QAAA,GAClEhB,OAAO,CAACZ,KAAK,iBAAIjC,IAAA,CAACgB,iBAAiB;UAAA6C,QAAA,EAAEhB,OAAO,CAACZ;QAAK,CAAoB,CAAC,eACxEjC,IAAA,CAACkB,eAAe;UAAA2C,QAAA,EACbhB,OAAO,CAACiC,KAAK,CAACF,GAAG,CAAC,CAAChC,IAAI,EAAEE,KAAK,KAAKH,UAAU,CAACC,IAAI,EAAEC,OAAO,EAAEC,KAAK,CAAC;QAAC,GADjDA,KAEL,CAAC;MAAA,GAJFA,KAKL,CACf,CAAC;IAAA,CAEoB,CAAC,eAC1B5C,KAAA,CAACG,uBAAuB;MAAAwD,QAAA,GAEpB9B,QAAQ,CAAC0C,MAAM,CAACC,CAAC,IAAI,CAAC,CAACA,CAAC,CAACC,MAAM,CAAC,CAACC,GAAG,CAAC,CAAC/B,OAAO,EAAEC,KAAK,kBAClD5C,KAAA,CAACY,WAAW;QAAa6C,SAAS,EAAEd,OAAO,CAACgC,OAAO,IAAI/B,KAAK,KAAK,CAAC,GAAG,SAAS,GAAG,EAAG;QAAAe,QAAA,GACjFhB,OAAO,CAACZ,KAAK,iBAAIjC,IAAA,CAACgB,iBAAiB;UAAA6C,QAAA,EAAEhB,OAAO,CAACZ;QAAK,CAAoB,CAAC,eACxEjC,IAAA,CAACkB,eAAe;UAAA2C,QAAA,EACbhB,OAAO,CAACiC,KAAK,CAACF,GAAG,CAAC,CAAChC,IAAI,EAAEE,KAAK,KAAKH,UAAU,CAACC,IAAI,EAAEC,OAAO,EAAEC,KAAK,CAAC;QAAC,GADjDA,KAEL,CAAC;MAAA,GAJFA,KAKL,CACf,CAAC,EAGDd,OAAO,iBACPhC,IAAA,CAACe,oBAAoB;QAAA8C,QAAA,eACnB7D,IAAA,CAAClB,MAAM;UAACiG,KAAK,EAAE,OAAQ;UACfX,OAAO,EAAC,WAAW;UACnBd,IAAI,eAAEtD,IAAA,CAACP,WAAW,CAACuF,MAAM,IAAC,CAAE;UAC5BR,IAAI,EAAElF,IAAI,CAAC2F,KAAM;UACjBvB,OAAO,EAAEpB,CAAC,IAAI;YACZA,CAAC,CAAC4C,cAAc,CAAC,CAAC;YAClBlD,OAAO,EAAEyB,MAAM,CAAC,CAAC;UACnB,CAAE;UAAAI,QAAA,EACP7B,OAAO,EAAEC;QAAK,CACT;MAAC,CACW,CAAC;IAAA,CAEF,CAAC;EAAA,CACX,CAAC;AAEtB,CAAC;AAACP,QAAA,CAAAyD,SAAA;EA/GAvD,IAAI,EAAAwD,GAAA,CAAAC,IAAA;EACJvD,cAAc,EAAAsD,GAAA,CAAAE,IAAA,CAAAC;AAAA;AAgHhB,eAAe7D,QAAQ","ignoreList":[]}
+{"version":3,"file":"UserMenu.js","names":["React","styled","Button","BOXSHADOWS","COLORS","ComponentLStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","Z_INDEXES","Size","flowDown","UserMenuSectionListStyling","SystemIcons","HyperLink","Breakpoints","MenuItem","useNavigation","ProfileButton","jsx","_jsx","jsxs","_jsxs","UserMenuScrollContainer","div","UserMenuPinnedContainer","UserMenuWrapper","props","getColor","theme","off_canvas","MEDIUM","BOXSHADOW_CENTERED","fixed_menu","MenuSection","SignOutActionWrapper","MenuSectionHeader","Bold","MenuSectionList","UserSectionAvatar","UserSectionInfo","UserSectionInfoName","generateToken","componentType","defaultVariant","UserSectionInfoEmail","Regular","UserSectionInfoLink","UserSection","UserMenu","_ref","show","user","onHideUserMenu","sections","signOut","label","navigate","isActiveRoute","useEffect","handleKeyPress","e","key","document","addEventListener","removeEventListener","renderItem","item","section","index","id","active","external","to","exact","value","disabled","icon","displayLabel","onClickHandler","action","onClick","className","role","children","tabIndex","initials","firstName","lastName","email","link","variant","href","target","cloneElement","size","filter","a","pinned","map","divider","items","width","Logout","Large","preventDefault","propTypes","_pt","bool","func","isRequired"],"sources":["../../../src/GlobalNavigationBar/desktop/UserMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {Button} from '../../Button';\r\nimport {\r\n  BOXSHADOWS,\r\n  COLORS,\r\n  ComponentLStyling,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  Z_INDEXES\r\n} from '../../styles';\r\nimport {Size} from '../../types';\r\nimport {flowDown, UserMenuSectionListStyling} from '../mobile/CommonStyles';\r\nimport {SystemIcons} from '../../icons';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport {MenuNavigationItem, MenuNavigationSection, ProfileMenu} from '../types';\r\nimport Breakpoints from '../../styles/breakpoints';\r\nimport {MenuItem} from '../../MenuItem';\r\nimport {useNavigation} from '../../Navigation/NavigationProvider';\r\nimport {ProfileButton} from '../../ProfileButton';\r\n\r\nconst UserMenuScrollContainer = styled.div`\r\n  flex: 1;\r\n`;\r\n\r\nconst UserMenuPinnedContainer = styled.div``;\r\n\r\n\r\nconst UserMenuWrapper = styled.div`\r\n  margin: 0;\r\n  background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  display: none;\r\n  width: 320px;\r\n\r\n  position: absolute;\r\n\r\n  &.show {\r\n    display: block;\r\n  }\r\n\r\n  top: 0;\r\n  right: 0;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  flex-flow: column;\r\n\r\n\r\n  ${Breakpoints.MEDIUM} {\r\n    flex-flow: initial;\r\n    top: initial;\r\n    right: initial;\r\n    height: initial;\r\n    animation: ${flowDown} 0.2s ease-in-out;\r\n    box-shadow: ${BOXSHADOWS.BOXSHADOW_CENTERED};\r\n    border-radius: 8px;\r\n    border: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    z-index: ${Z_INDEXES.fixed_menu};\r\n    padding: 24px 0;\r\n  }\r\n`;\r\n\r\n\r\nconst MenuSection = styled.div`\r\n  padding: 4px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n\r\n  &.divider {\r\n    border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n`;\r\n\r\nconst SignOutActionWrapper = styled(MenuSection)`\r\n  align-items: center;\r\n  justify-content: center;\r\n`;\r\n\r\nconst MenuSectionHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px 24px 4px 24px;\r\n  box-sizing: border-box;\r\n  min-height: 32px;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst MenuSectionList = styled.div`\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  ${UserMenuSectionListStyling};\r\n`;\r\n\r\n\r\nconst UserSectionAvatar = styled.div`\r\n  pointer-events: none;\r\n\r\n  button {\r\n    padding: 0 !important;\r\n  }\r\n\r\n  button > div {\r\n    width: 48px !important;\r\n    height: 48px !important;\r\n    border-radius: 50% !important;\r\n  }\r\n`;\r\n\r\nconst UserSectionInfo = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n`;\r\n\r\nconst UserSectionInfoName = styled.div`\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.generateToken({componentType:'text',defaultVariant:'subtle'}, props.theme))}\r\n`;\r\n\r\nconst UserSectionInfoEmail = styled.div`\r\n  word-break: break-all;\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst UserSectionInfoLink = styled.div`\r\n  padding: 2px 0;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n  svg {\r\n    width: 16px;\r\n    height: 16px;\r\n  }\r\n`;\r\n\r\nconst UserSection = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  padding: 0 24px 8px 24px;\r\n  gap: 16px;\r\n`;\r\n\r\ninterface UserMenuProps extends ProfileMenu {\r\n  show?: boolean;\r\n  onHideUserMenu: () => void;\r\n}\r\n\r\nconst UserMenu = ({show, user, onHideUserMenu, sections, signOut, label}: UserMenuProps) => {\r\n\r\n  const {navigate, isActiveRoute} = useNavigation();\r\n\r\n  React.useEffect(() => {\r\n    if (!onHideUserMenu) return;\r\n\r\n    function handleKeyPress(e: any) {\r\n      if (e.key === 'Escape' || e.key === 'Esc') {\r\n        onHideUserMenu();\r\n      }\r\n    }\r\n\r\n    document?.addEventListener('keydown', handleKeyPress, false);\r\n    return () => {\r\n      document?.removeEventListener('keydown', handleKeyPress, false);\r\n    };\r\n  }, [onHideUserMenu]);\r\n\r\n  const renderItem = (item: MenuNavigationItem, section: MenuNavigationSection, index: number) =>\r\n    <MenuItem key={index}\r\n              id={`profile_${index}`}\r\n              active={!item.external && !!isActiveRoute && isActiveRoute(item.to, !!item.exact)}\r\n              item={{\r\n                value: item.to,\r\n                disabled: item.disabled,\r\n                icon: item.icon,\r\n                displayLabel: item.label,\r\n              }}\r\n              onClickHandler={(e) => {\r\n                item.action && item.action(e);\r\n                navigate && navigate(item.to, !!item.external);\r\n              }}/>\r\n\r\n  return (\r\n    <UserMenuWrapper onClick={onHideUserMenu}\r\n                     className={show ? 'show' : ''}\r\n                     role=\"menu\"\r\n                     aria-labelledby=\"UserMenuButton\">\r\n      <UserMenuScrollContainer>\r\n        <UserSection>\r\n          <UserSectionAvatar>\r\n            <ProfileButton onClick={() => {\r\n            }}\r\n                           tabIndex={-1}\r\n                           initials={user.firstName[0] + user.lastName[0]}/>\r\n          </UserSectionAvatar>\r\n          <UserSectionInfo>\r\n            <UserSectionInfoName data-hj-suppress>{`${user.firstName} ${user.lastName}`}</UserSectionInfoName>\r\n            <UserSectionInfoEmail data-hj-suppress>{user.email}</UserSectionInfoEmail>\r\n            {\r\n              user.link &&\r\n              <HyperLink variant={'styleless'}\r\n                         href={user.link.href}\r\n                         target={user.link.target}\r\n                         id={user.link.id}\r\n                         onClick={user.link.onClick}>\r\n                <UserSectionInfoLink>\r\n                  <span>\r\n                    {user.link.label}\r\n                  </span>\r\n                  {user.link.icon && React.cloneElement(user.link.icon, {size: '16px'})}\r\n                </UserSectionInfoLink>\r\n              </HyperLink>\r\n            }\r\n          </UserSectionInfo>\r\n        </UserSection>\r\n        {\r\n          sections.filter(a => !a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n      </UserMenuScrollContainer>\r\n      <UserMenuPinnedContainer>\r\n        {\r\n          sections.filter(a => !!a.pinned).map((section, index) =>\r\n            <MenuSection key={index} className={section.divider || index === 0 ? 'divider' : ''}>\r\n              {section.label && <MenuSectionHeader>{section.label}</MenuSectionHeader>}\r\n              <MenuSectionList key={index}>\r\n                {section.items.map((item, index) => renderItem(item, section, index))}\r\n              </MenuSectionList>\r\n            </MenuSection>\r\n          )\r\n        }\r\n        {\r\n          signOut &&\r\n          <SignOutActionWrapper>\r\n            <Button width={'272px'}\r\n                    variant=\"secondary\"\r\n                    icon={<SystemIcons.Logout/>}\r\n                    size={Size.Large}\r\n                    onClick={e => {\r\n                      e.preventDefault();\r\n                      signOut?.action();\r\n                    }}>\r\n              {signOut?.label}\r\n            </Button>\r\n          </SignOutActionWrapper>\r\n        }\r\n      </UserMenuPinnedContainer>\r\n    </UserMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default UserMenu;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/HyperLink/styling.cjs

@@ -16,31 +16,57 @@ const defaultStyle = exports.defaultStyle = (0, _styledComponents.css)`
 
   &:link {
     font-weight: 700;
-    color: ${props => _.COLORS.getColor('primary_600', props.theme)};
+    color: ${props => _.COLORS.generateToken({
+  componentType: 'text-link',
+  defaultVariant: 'primary'
+}, props.theme)};
   }
 
   &:visited {
-    color: ${props => _.COLORS.getColor('primary_800', props.theme)};
+    color: ${props => _.COLORS.generateToken({
+  componentType: 'text-link',
+  defaultVariant: 'primary',
+  state: 'active'
+}, props.theme)};
   }
 
   &:hover,
   &.hover-state {
-    color: ${props => _.COLORS.getColor('primary_700', props.theme)};
+    color: ${props => _.COLORS.generateToken({
+  componentType: 'text-link',
+  defaultVariant: 'primary'
+}, props.theme)};
     text-decoration-line: underline;
   }
 
   &:focus,
   &.focus-state {
     border-radius: 2px;
-    background: ${props => _.COLORS.getColor('primary_800', props.theme)};
-    color: ${props => _.COLORS.getColor('white', props.theme)};
+    background: ${props => _.COLORS.generateToken({
+  componentType: 'bg-fill',
+  defaultVariant: 'primary',
+  state: 'active'
+}, props.theme)};
+    color: ${props => _.COLORS.generateToken({
+  componentType: 'text',
+  isOnFill: true,
+  defaultVariant: 'primary'
+}, props.theme)};
   }
 
   &:active,
   &.active-state {
     border-radius: 2px;
-    background: ${props => _.COLORS.getColor('primary_800', props.theme)};
-    color: ${props => _.COLORS.getColor('white', props.theme)};
+    background: ${props => _.COLORS.generateToken({
+  componentType: 'bg-fill',
+  defaultVariant: 'primary',
+  state: 'active'
+}, props.theme)};
+    color: ${props => _.COLORS.generateToken({
+  componentType: 'text',
+  isOnFill: true,
+  defaultVariant: 'primary'
+}, props.theme)};
   }
 
 
@@ -49,7 +75,11 @@ const defaultStyle = exports.defaultStyle = (0, _styledComponents.css)`
   &.active-state:hover,
   &.focus-state:hover{
     text-decoration-line: none;
-    color: ${props => _.COLORS.getColor('white', props.theme)};
+    color: ${props => _.COLORS.generateToken({
+  componentType: 'text',
+  isOnFill: true,
+  defaultVariant: 'primary'
+}, props.theme)};
     opacity: 0.9;
   }
 `;