@laerdal/life-react-components 3.5.1-dev.15 → 3.5.1-dev.17

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","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","_React$useState","useState","_React$useState2","_slicedToArray","isOpen","setIsOpen","_React$useState3","_React$useState4","input","setInput","_React$useState5","_React$useState6","activeDescendant","setActiveDescendant","_React$useState7","_React$useState8","restartFilter","setRestartFilter","_React$useState9","_React$useState10","selectedItem","setSelectedItem","_React$useState11","_React$useState12","selectedValues","setSelectedValues","_React$useState13","_React$useState14","focused","setFocused","_React$useState15","_React$useState16","inputFocused","setInputFocused","_React$useState17","_React$useState18","init","setInit","styledFieldRef","inputRef","clearButtonRef","useRef","useImperativeHandle","current","containerRef","handleInputKeyDown","e","key","preventDefault","useEffect","length","_ref2","_item$displayLabel","val","item","find","a","displayLabel","undefined","_ref3","_selectedItem$display","handleInputClear","_inputRef$current","focus","focusVisible","detail","renderInput","className","onClick","stopPropagation","_inputRef$current2","blur","_inputRef$current3","isPlaceholder","showValidationMessage","onMouseDown","concat","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","neutral_600","ArrowDropUp","ArrowDropDown","role","isButton","onActiveDescendantChanged","ariaRolesType","outline","customizationProps","itemsType","multiSelect","onValueUpdate","values","items","filter","TechnicalWarning","critical_400","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\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  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.neutral_600} />\r\n          </div>\r\n        )}\r\n\r\n        <div className={'dropdown-arrow'}>\r\n          {isOpen && !readOnly && !disabled ? <SystemIcons.ArrowDropUp size=\"24px\" className={size ? size : ''} /> : <SystemIcons.ArrowDropDown 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.critical_400} />\r\n          <span>{activeValidationMessage}</span>\r\n        </ErrorMessage>\r\n      )}\r\n      {autofilledMessage && (\r\n        <AutofilledMessage className={size || ''}>\r\n          <SystemIcons.Information color={COLORS.neutral_600} />\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","_React$useState","useState","_React$useState2","_slicedToArray","isOpen","setIsOpen","_React$useState3","_React$useState4","input","setInput","_React$useState5","_React$useState6","activeDescendant","setActiveDescendant","_React$useState7","_React$useState8","restartFilter","setRestartFilter","_React$useState9","_React$useState10","selectedItem","setSelectedItem","_React$useState11","_React$useState12","selectedValues","setSelectedValues","_React$useState13","_React$useState14","focused","setFocused","_React$useState15","_React$useState16","inputFocused","setInputFocused","_React$useState17","_React$useState18","init","setInit","styledFieldRef","inputRef","clearButtonRef","useRef","useImperativeHandle","current","containerRef","handleInputKeyDown","e","key","preventDefault","useEffect","length","_ref2","_item$displayLabel","val","item","find","a","displayLabel","undefined","_ref3","_selectedItem$display","handleInputClear","_inputRef$current","focus","focusVisible","detail","renderInput","className","onClick","stopPropagation","_inputRef$current2","blur","_inputRef$current3","isPlaceholder","showValidationMessage","onMouseDown","concat","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","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 size=\"24px\" className={size ? size : ''} /> : <SystemIcons.ArrowDropDown 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":";;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,MAAM,QAAQ,WAAW;AAClC,SAASC,WAAW,QAAQ,UAAU;AACtC,SAASC,gBAAgB,QAAQ,qBAAqB;AACtD,SAASC,wBAAwB,EAAEC,iBAAiB,EAAEC,kBAAkB,QAAQ,iBAAiB;AACjG,OAAOC,eAAe,MAAwB,mBAAmB;AACjE,SAASC,IAAI,QAAkB,UAAU;AACzC,SAASC,iBAAiB,EAAEC,YAAY,QAAQ,gBAAgB;AAChE,OAAOC,eAAe,MAAM,6BAA6B;AACzD,SAASC,yBAAyB,EAAEC,eAAe,EAAEC,kBAAkB,EAAEC,kBAAkB,EAAEC,kBAAkB,QAAQ,WAAW;AAClI,SAASC,UAAU,QAAQ,WAAW;AACtC,SAASC,QAAQ,QAAQ,mBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AA0C7C,IAAMC,cAAc,gBAAGzB,KAAK,CAAC0B,UAAU,CAAE,UAAAC,IAAA,EAuByBC,GAAG,EAAK;EAAA,IAtB9BC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IACFC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,KAAK,GAAAP,IAAA,CAALO,KAAK;IACLC,QAAQ,GAAAR,IAAA,CAARQ,QAAQ;IACRC,kBAAkB,GAAAT,IAAA,CAAlBS,kBAAkB;IAClBC,QAAQ,GAAAV,IAAA,CAARU,QAAQ;IACRC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;IACRC,UAAU,GAAAZ,IAAA,CAAVY,UAAU;IACVC,uBAAuB,GAAAb,IAAA,CAAvBa,uBAAuB;IACvBC,iBAAiB,GAAAd,IAAA,CAAjBc,iBAAiB;IACjBC,IAAI,GAAAf,IAAA,CAAJe,IAAI;IACJC,gBAAgB,GAAAhB,IAAA,CAAhBgB,gBAAgB;IAChBC,MAAM,GAAAjB,IAAA,CAANiB,MAAM;IACNC,OAAO,GAAAlB,IAAA,CAAPkB,OAAO;IACPC,QAAO,GAAAnB,IAAA,CAAPmB,OAAO;IACPC,uBAAuB,GAAApB,IAAA,CAAvBoB,uBAAuB;IACvBC,OAAM,GAAArB,IAAA,CAANqB,MAAM;IACNC,UAAU,GAAAtB,IAAA,CAAVsB,UAAU;IACPC,IAAI,GAAAC,wBAAA,CAAAxB,IAAA,EAAAyB,SAAA;EAGjD,IAAMC,KAAK,GAAGnC,QAAQ,CAAC,CAAC;EACxB,IAAAoC,eAAA,GAA4BtD,KAAK,CAACuD,QAAQ,CAAU,KAAK,CAAC;IAAAC,gBAAA,GAAAC,cAAA,CAAAH,eAAA;IAAnDI,MAAM,GAAAF,gBAAA;IAAEG,SAAS,GAAAH,gBAAA;EACxB,IAAAI,gBAAA,GAA0B5D,KAAK,CAACuD,QAAQ,CAAS,CAAC;IAAAM,gBAAA,GAAAJ,cAAA,CAAAG,gBAAA;IAA3CE,KAAK,GAAAD,gBAAA;IAAEE,QAAQ,GAAAF,gBAAA;EACtB,IAAAG,gBAAA,GAAgDhE,KAAK,CAACuD,QAAQ,CAAS,CAAC;IAAAU,gBAAA,GAAAR,cAAA,CAAAO,gBAAA;IAAjEE,gBAAgB,GAAAD,gBAAA;IAAEE,mBAAmB,GAAAF,gBAAA;EAC5C,IAAAG,gBAAA,GAA0CpE,KAAK,CAACuD,QAAQ,CAAU,KAAK,CAAC;IAAAc,gBAAA,GAAAZ,cAAA,CAAAW,gBAAA;IAAjEE,aAAa,GAAAD,gBAAA;IAAEE,gBAAgB,GAAAF,gBAAA;EACtC,IAAAG,gBAAA,GAAwCxE,KAAK,CAACuD,QAAQ,CAAe,CAAC;IAAAkB,iBAAA,GAAAhB,cAAA,CAAAe,gBAAA;IAA/DE,YAAY,GAAAD,iBAAA;IAAEE,eAAe,GAAAF,iBAAA;EACpC,IAAAG,iBAAA,GAA4C5E,KAAK,CAACuD,QAAQ,CAAW,EAAE,CAAC;IAAAsB,iBAAA,GAAApB,cAAA,CAAAmB,iBAAA;IAAjEE,cAAc,GAAAD,iBAAA;IAAEE,iBAAiB,GAAAF,iBAAA;EACxC,IAAAG,iBAAA,GAA8BhF,KAAK,CAACuD,QAAQ,CAAgB,IAAI,CAAC;IAAA0B,iBAAA,GAAAxB,cAAA,CAAAuB,iBAAA;IAA1DE,OAAO,GAAAD,iBAAA;IAAEE,UAAU,GAAAF,iBAAA;EAC1B,IAAAG,iBAAA,GAAwCpF,KAAK,CAACuD,QAAQ,CAAU,KAAK,CAAC;IAAA8B,iBAAA,GAAA5B,cAAA,CAAA2B,iBAAA;IAA/DE,YAAY,GAAAD,iBAAA;IAAEE,eAAe,GAAAF,iBAAA;EACpC,IAAAG,iBAAA,GAAwBxF,KAAK,CAACuD,QAAQ,CAAU,IAAI,CAAC;IAAAkC,iBAAA,GAAAhC,cAAA,CAAA+B,iBAAA;IAA9CE,IAAI,GAAAD,iBAAA;IAAEE,OAAO,GAAAF,iBAAA;EAEpB,IAAMG,cAAc,GAAG5E,kBAAkB,CAAC,CAAC;EAC3C,IAAM6E,QAAQ,GAAG7E,kBAAkB,CAAC,CAAC4E,cAAc,CAAC,CAAC;EACrD,IAAME,cAAc,GAAG9F,KAAK,CAAC+F,MAAM,CAAoB,IAAI,CAAC;EAE5DlF,eAAe,CAAC+E,cAAc,EAAE9B,KAAK,IAAI,CAACxB,QAAQ,IAAI,CAACD,QAAQ,GAAG,CAACyD,cAAc,CAAC,GAAG,EAAE,CAAC;EAExF9F,KAAK,CAACgG,mBAAmB,CAACpE,GAAG,EAAE;IAAA,OAAMiE,QAAQ,CAACI,OAAO;EAAA,GAAE,CAACJ,QAAQ,CAAC,CAAC;EAElE,IAAMK,YAAY,GAAGpF,kBAAkB,CACrC;IAAA,OAAM6C,SAAS,CAAC,KAAK,CAAC;EAAA,GACtB,EAAE,EACF5C,kBAAkB,CAAC;IAAA,OAAM4C,SAAS,CAAC,KAAK,CAAC;EAAA,EAC3C,CAAC;EAED,IAAMwC,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAIC,CAAwC,EAAK;IACvE,IAAIA,CAAC,CAACC,GAAG,KAAK,KAAK,IAAID,CAAC,CAACC,GAAG,KAAK,QAAQ,EAAE;MACzCD,CAAC,CAACE,cAAc,CAAC,CAAC;IACpB;IACA,IAAIF,CAAC,CAACC,GAAG,KAAK,WAAW,IAAID,CAAC,CAACC,GAAG,KAAK,MAAM,IAAID,CAAC,CAACC,GAAG,KAAK,SAAS,IAAID,CAAC,CAACC,GAAG,KAAK,IAAI,EAAE;MACtFD,CAAC,CAACE,cAAc,CAAC,CAAC;MAClB,IAAI,CAAC5C,MAAM,EAAE;QACXC,SAAS,CAAC,IAAI,CAAC;MACjB;IACF;EACF,CAAC;EAED3D,KAAK,CAACuG,SAAS,CAAC,YAAM;IACpBZ,OAAO,CAAC,IAAI,CAAC;IACbZ,iBAAiB,CAAC,CAAC,CAAC7C,KAAK,GAAG,CAACA,KAAK,CAAC,GAAG,EAAE,CAAC;EAC3C,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEXlC,KAAK,CAACuG,SAAS,CAAC,YAAM;IACpB,IAAIzB,cAAc,aAAdA,cAAc,eAAdA,cAAc,CAAE0B,MAAM,EAAE;MAAA,IAAAC,KAAA,EAAAC,kBAAA;MAC1B,IAAMC,GAAG,GAAG7B,cAAc,CAAC,CAAC,CAAC;MAC7B,IAAM8B,IAAI,GAAG9E,IAAI,CAAC+E,IAAI,CAAC,UAACC,CAAC;QAAA,OAAKA,CAAC,CAAC5E,KAAK,KAAKyE,GAAG;MAAA,EAAC;MAC9ChC,eAAe,CAACiC,IAAI,CAAC;MACrB7C,QAAQ,EAAA0C,KAAA,IAAAC,kBAAA,GAACE,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEG,YAAY,cAAAL,kBAAA,cAAAA,kBAAA,GAAIE,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAE1E,KAAK,cAAAuE,KAAA,cAAAA,KAAA,GAAI,EAAE,CAAC;MACjDzE,QAAQ,IAAI,CAAC0D,IAAI,IAAI1D,QAAQ,CAAC2E,GAAG,CAAC;IACpC,CAAC,MAAM;MACLhC,eAAe,CAACqC,SAAS,CAAC;MAC1BhF,QAAQ,IAAI,CAAC0D,IAAI,IAAI1D,QAAQ,CAAC,EAAE,CAAC;MACjC+B,QAAQ,CAAC,EAAE,CAAC;IACd;EACF,CAAC,EAAE,CAACe,cAAc,CAAC,CAAC;EAEpB9E,KAAK,CAACuG,SAAS,CAAC,YAAM;IACpB,IAAI,CAAC7C,MAAM,EAAE;MACX,IAAI,CAAC,CAACgB,YAAY,EAAE;QAAA,IAAAuC,KAAA,EAAAC,qBAAA;QAClBnD,QAAQ,EAAAkD,KAAA,IAAAC,qBAAA,GAACxC,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAEqC,YAAY,cAAAG,qBAAA,cAAAA,qBAAA,GAAIxC,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAExC,KAAK,cAAA+E,KAAA,cAAAA,KAAA,GAAI,EAAE,CAAC;MACnE,CAAC,MAAM;QACLlD,QAAQ,CAAC,EAAE,CAAC;MACd;IACF;IAEAQ,gBAAgB,CAAC,IAAI,CAAC;EACxB,CAAC,EAAE,CAACb,MAAM,EAAEgB,YAAY,CAAC,CAAC;EAE1B,IAAMyC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIf,CAAM,EAAK;IAAA,IAAAgB,iBAAA;IACnCrD,QAAQ,CAAC,EAAE,CAAC;IACZgB,iBAAiB,CAAC,EAAE,CAAC;IACrB/C,QAAQ,IAAIA,QAAQ,CAAC,EAAE,CAAC;IACxB,CAAAoF,iBAAA,GAAAvB,QAAQ,CAACI,OAAO,cAAAmB,iBAAA,uBAAhBA,iBAAA,CAAkBC,KAAK,CAAC;MAAEC,YAAY,EAAE,CAAAlB,CAAC,aAADA,CAAC,uBAADA,CAAC,CAAEmB,MAAM,MAAK;IAAE,CAAQ,CAAC;EACnE,CAAC;EAED,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAA,EAAS;IACxB,oBACElG,KAAA,CAAClB,wBAAwB;MACvBwB,GAAG,EAAEgE,cAAe;MACpB6B,SAAS,EAAE/E,IAAI,GAAGA,IAAI,GAAG,EAAG;MAC5BgF,OAAO,EAAE,SAAAA,QAACtB,CAAM,EAAK;QACnB,IAAI,CAAC9D,QAAQ,IAAI,CAACD,QAAQ,EAAE;UAC1B+D,CAAC,CAACuB,eAAe,CAAC,CAAC;UACnBhE,SAAS,CAAC,CAACD,MAAM,CAAC;UAClB,IAAIA,MAAM,EAAE;YAAA,IAAAkE,kBAAA;YACV,CAAAA,kBAAA,GAAA/B,QAAQ,CAACI,OAAO,cAAA2B,kBAAA,uBAAhBA,kBAAA,CAAkBC,IAAI,CAAC,CAAC;UAC1B,CAAC,MAAM;YAAA,IAAAC,kBAAA;YACL,CAAAA,kBAAA,GAAAjC,QAAQ,CAACI,OAAO,cAAA6B,kBAAA,uBAAhBA,kBAAA,CAAkBT,KAAK,CAAC,CAAC;UAC3B;QACF;MACF,CAAE;MACFhF,QAAQ,EAAEA,QAAQ,IAAI,KAAM;MAC5BC,QAAQ,EAAEA,QAAQ,IAAI,KAAM;MAC5ByF,aAAa,EAAE,CAACjE,KAAM;MACtBkE,qBAAqB,EAAE,CAAC,CAACxF,uBAAwB;MACjDyF,WAAW,EAAErH,yBAA0B;MACvC,2BAAAsH,MAAA,CAAyBrG,EAAE,CAAG;MAAAsG,QAAA,gBAC9B/G,IAAA,CAACd,kBAAkB,EAAA8H,aAAA;QACjBvG,EAAE,EAAEA,EAAG;QACPD,GAAG,EAAEiE,QAAS;QACdwC,YAAY,EAAE,MAAM,GAAGC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,YAAY,CAAE;QAChEC,IAAI,EAAC,QAAQ;QACb1G,WAAW,EAAEuD,YAAY,GAAG,EAAE,GAAGvD,WAAY;QAC7C2G,SAAS,EAAEvC,kBAAmB;QAC9BwC,QAAQ;QACRzG,KAAK,EAAE4B,KAAK,IAAI,EAAG;QACnB8E,QAAQ,EAAE,SAAAA,SAACxC,CAAM,EAAK;UACpB,IAAI,CAACA,CAAC,CAACyC,MAAM,CAAC3G,KAAK,EAAE;YACnB6C,iBAAiB,CAAC,EAAE,CAAC;UACvB;UACA,IAAI,CAACzC,QAAQ,IAAI,CAACD,QAAQ,IAAI+D,CAAC,CAACyC,MAAM,CAAC3G,KAAK,KAAK4B,KAAK,EAAE;YACtDS,gBAAgB,CAAC,KAAK,CAAC;YACvBZ,SAAS,CAAC,IAAI,CAAC;YACfI,QAAQ,CAACqC,CAAC,CAACyC,MAAM,CAAC3G,KAAK,CAAC;YACxB,IAAID,aAAa,EAAE;cACjBA,aAAa,CAACmE,CAAC,CAACyC,MAAM,CAAC3G,KAAK,IAAI,EAAE,CAAC;YACrC;UACF;QACF,CAAE;QACFY,OAAO,EAAE,SAAAA,QAACsD,CAAC,EAAK;UACdb,eAAe,CAAC,IAAI,CAAC;UACrBzC,QAAO,IAAIA,QAAO,CAACsD,CAAC,CAAC;QACvB,CAAE;QACFpD,MAAM,EAAE,SAAAA,OAACoD,CAAC,EAAK;UACbb,eAAe,CAAC,KAAK,CAAC;UACtBvC,OAAM,IAAIA,OAAM,CAACoD,CAAC,CAAC;QACrB,CAAE;QACFjE,QAAQ,EAAEA,QAAS;QACnB2G,QAAQ,EAAEzG,QAAQ,IAAIC,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;QACxCD,QAAQ,EAAEA,QAAQ,IAAI,KAAM;QAC5B,eAAaY;MAAW,GACpBC,IAAI,CACT,CAAC,EACD,CAACQ,MAAM,gBAAGtC,IAAA,CAACT,eAAe;QAACoI,QAAQ,EAAEhG,uBAAwB;QAACe,KAAK,EAAE+B,QAAS;QAACmD,SAAS,EAAE,IAAK;QAACC,QAAQ,EAAC,MAAM;QAACvG,IAAI,EAAEA,IAAK;QAACwG,KAAK,EAAC,KAAK;QAAAf,QAAA,EACnIrE;MAAK,CACS,CAAC,GAAG,IAAI,EAC1BA,KAAK,IAAI,CAACxB,QAAQ,IAAI,CAACD,QAAQ,IAAI,CAACQ,OAAO,iBAC1CzB,IAAA,CAACH,UAAU;QAACkI,MAAM,EAAEhC,gBAAiB;QAACvF,GAAG,EAAEkE,cAAe;QAACsD,wBAAwB,EAAE,IAAK;QAACC,KAAK,EAAE,UAAW;QAACC,KAAK,EAAE;UAAEC,UAAU,EAAE;QAAO,CAAE;QAACC,OAAO,EAAE,WAAY;QAAArB,QAAA,eAChK/G,IAAA,CAAClB,WAAW,CAACuJ,KAAK,IAAE;MAAC,CACX,CACb,EAEA,CAACpH,QAAQ,IAAI,CAACC,QAAQ,IAAIO,OAAO,iBAChCzB,IAAA;QAAKkI,KAAK,EAAE;UAAEC,UAAU,EAAE;QAAO,CAAE;QAAApB,QAAA,eACjC/G,IAAA,CAACjB,gBAAgB;UAACuC,IAAI,EAAElC,IAAI,CAACkJ,KAAM;UAACC,KAAK,EAAE1J,MAAM,CAAC2J,QAAQ,CAAC,aAAa,EAAEvG,KAAK;QAAE,CAAE;MAAC,CACjF,CACN,eAEDjC,IAAA;QAAKqG,SAAS,EAAE,gBAAiB;QAAAU,QAAA,EAC9BzE,MAAM,IAAI,CAACpB,QAAQ,IAAI,CAACD,QAAQ,gBAAGjB,IAAA,CAAClB,WAAW,CAAC2J,WAAW;UAACnH,IAAI,EAAC,MAAM;UAAC+E,SAAS,EAAE/E,IAAI,GAAGA,IAAI,GAAG;QAAG,CAAE,CAAC,gBAAGtB,IAAA,CAAClB,WAAW,CAAC4J,aAAa;UAACpH,IAAI,EAAC,MAAM;UAAC+E,SAAS,EAAE/E,IAAI,GAAGA,IAAI,GAAG;QAAG,CAAE;MAAC,CAC9K,CAAC;IAAA,CACkB,CAAC;EAE/B,CAAC;EAED,oBACEpB,KAAA,CAAAE,SAAA;IAAA2G,QAAA,gBACE7G,KAAA,CAACjB,iBAAiB;MAACuB,GAAG,EAAEsE,YAAa;MACrC6D,IAAI,EAAC,UAAU;MACf,wBAAsB,IAAK;MAC3B,oBAAA7B,MAAA,CAAkBrG,EAAE,qBAAmB;MACvC,yBAAuBqC,gBAAiB;MACxC,iBAAeR,MAAO;MACtBrB,QAAQ,EAAEA,QAAS;MAAC2H,QAAQ,EAAE,KAAM;MAAC1H,QAAQ,EAAEA,QAAS;MAACmF,SAAS,EAAE/E,IAAI,GAAGA,IAAI,GAAG,EAAG;MAACE,MAAM,EAAEA,MAAO;MAAAuF,QAAA,GAClGX,WAAW,CAAC,CAAC,EACb,CAAClF,QAAQ,IAAI,CAACD,QAAQ,iBACrBjB,IAAA,CAACb,eAAe;QACd2F,YAAY,EAAEA,YAAa;QAC3BxC,MAAM,EAAEA,MAAM,IAAI,CAACb,OAAQ;QAC3BT,kBAAkB,EAAEA,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAI,EAAG;QAC7C0C,cAAc,EAAEA,cAAe;QAC/BC,iBAAiB,EAAEA,iBAAkB;QACrCrC,IAAI,EAAEA,IAAI,aAAJA,IAAI,cAAJA,IAAI,GAAIlC,IAAI,CAACkJ,KAAM;QACzBO,yBAAyB,EAAE,SAAAA,0BAAC7D,CAAC;UAAA,OAAKjC,mBAAmB,CAACiC,CAAC,CAAC;QAAA,CAAC;QACzDlB,OAAO,EAAEA,OAAQ;QACjBgF,aAAa,EAAC,OAAO;QACrB/E,UAAU,EAAEA,UAAW;QACvBgF,OAAO,EAAE,KAAM;QACfC,kBAAkB,EAAE;UAClBC,SAAS,EAAE,QAAQ;UACnB9H,UAAU,EAAEA,UAAU;UACtB+H,WAAW,EAAE,KAAK;UAClBnB,MAAM,EAAE,SAAAA,OAAA,EAAM,CAAC,CAAC;UAChBoB,aAAa,EAAE,SAAAA,cAACC,MAAgB,EAAK;YACnCjG,gBAAgB,CAAC,IAAI,CAAC;YACtBoB,OAAO,CAAC,KAAK,CAAC;UAChB,CAAC;UACD8E,KAAK,EAAE3I;QACT,CAAE;QACF4I,MAAM,EAAE,CAAC/H,gBAAgB,IAAI,CAAC2B,aAAa,GAAGR,KAAK,IAAI,EAAE,GAAG,EAAG;QAC/DH,SAAS,EAAEA,SAAU;QACrBqG,QAAQ,EAAE,KAAM;QAChBnI,EAAE,KAAAqG,MAAA,CAAKrG,EAAE;MAAmB,CAC7B,CACF;IAAA,CACgB,CAAC,EACnBW,uBAAuB,iBACtBlB,KAAA,CAACZ,YAAY;MAAC+G,SAAS,EAAE/E,IAAI,IAAI,EAAG;MAAAyF,QAAA,gBAClC/G,IAAA,CAAClB,WAAW,CAACyK,gBAAgB;QAAChB,KAAK,EAAE1J,MAAM,CAAC2J,QAAQ,CAAC,cAAc,EAAEvG,KAAK;MAAE,CAAE,CAAC,eAC/EjC,IAAA;QAAA+G,QAAA,EAAO3F;MAAuB,CAAO,CAAC;IAAA,CAC1B,CACf,EACAC,iBAAiB,iBAChBnB,KAAA,CAACb,iBAAiB;MAACgH,SAAS,EAAE/E,IAAI,IAAI,EAAG;MAAAyF,QAAA,gBACvC/G,IAAA,CAAClB,WAAW,CAAC0K,WAAW;QAACjB,KAAK,EAAE1J,MAAM,CAAC2J,QAAQ,CAAC,aAAa,EAAEvG,KAAK;MAAE,CAAE,CAAC,eACzEjC,IAAA;QAAA+G,QAAA,EAAO1F;MAAiB,CAAO,CAAC;IAAA,CACf,CACpB;EAAA,CACD,CAAC;AAEP,CAAC,CAAC;AAAChB,cAAA,CAAAoJ,SAAA;EAjRD/I,IAAI,EAAAgJ,GAAA,CAAAC,KAAA,CAAAC,UAAA;EAEJjJ,WAAW,EAAA+I,GAAA,CAAAG,MAAA;EAEX/I,KAAK,EAAA4I,GAAA,CAAAG,MAAA;EAELjJ,QAAQ,EAAA8I,GAAA,CAAAI,IAAA;EAERjJ,aAAa,EAAA6I,GAAA,CAAAI,IAAA;EAEb/I,QAAQ,EAAA2I,GAAA,CAAAK,IAAA;EAER9I,QAAQ,EAAAyI,GAAA,CAAAK,IAAA;EAER7I,QAAQ,EAAAwI,GAAA,CAAAK,IAAA;EAERtI,OAAO,EAAAiI,GAAA,CAAAK,IAAA;EAGPxI,gBAAgB,EAAAmI,GAAA,CAAAK,IAAA;EAGhB/I,kBAAkB,EAAA0I,GAAA,CAAAG,MAAA;EAElBzI,uBAAuB,EAAAsI,GAAA,CAAAG,MAAA;EAEvBxI,iBAAiB,EAAAqI,GAAA,CAAAG,MAAA;EAKjBlI,uBAAuB,EAAA+H,GAAA,CAAAM,KAAA,EAAG,KAAK,EAAG,QAAQ;EAE1CxI,MAAM,EAAAkI,GAAA,CAAAG,MAAA;EAEN1I,UAAU,EAAAuI,GAAA,CAAAK;AAAA;AAgPZ,eAAe1J,cAAc","ignoreList":[]}

package/dist/Footer/Components/FooterBottomLinks.cjs

@@ -19,7 +19,9 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var FooterLinkSection = _styledComponents["default"].section(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  min-height: 64px;\n  color: white;\n  display: flex;\n  flex-direction: column;\n\n  ", " {\n    flex-direction: row;\n  }\n"])), _styles.BREAKPOINTS.MEDIUM);
 var FooterLinks = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n  margin: 0 auto;\n\n  ", " {\n    flex-direction: row;\n    margin: auto auto auto 0;\n  }\n\n  a {\n    ", "\n    &:not(:first-child) {\n      margin: 16px 0 0 0;\n      ", " {\n        margin: 0 0 0 16px;\n      }\n    }\n  }\n"])), _styles.BREAKPOINTS.MEDIUM, (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Bold, null), _styles.BREAKPOINTS.MEDIUM);
-var Copyright = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n  margin: 16px auto 0 auto;\n\n  ", " {\n    margin: auto 0 auto auto;\n  }\n"])), (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.white), _styles.BREAKPOINTS.MEDIUM);
+var Copyright = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n  margin: 16px auto 0 auto;\n\n  ", " {\n    margin: auto 0 auto auto;\n  }\n"])), function (props) {
+  return (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.getColor('white', props.theme));
+}, _styles.BREAKPOINTS.MEDIUM);
 var FooterBottomLinks = function FooterBottomLinks(_ref) {
   var bottomLinks = _ref.bottomLinks,
     copyrightText = _ref.copyrightText;

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

@@ -1 +1 @@
-{"version":3,"file":"FooterBottomLinks.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_HyperLink","_styles","_typography","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FooterLinkSection","styled","section","_taggedTemplateLiteral2","BREAKPOINTS","MEDIUM","FooterLinks","div","ComponentXSStyling","ComponentTextStyle","Bold","Copyright","Regular","COLORS","white","FooterBottomLinks","_ref","bottomLinks","copyrightText","jsxs","children","jsx","map","bl","HyperLink","id","concat","Math","floor","random","href","to","variant","label","propTypes","_propTypes","arrayOf","shape","string","isRequired","target","_default","exports"],"sources":["../../../src/Footer/Components/FooterBottomLinks.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {HyperLink} from '../../HyperLink';\r\n\r\nimport {BREAKPOINTS, COLORS} from '../../styles';\r\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\r\n\r\nconst FooterLinkSection = styled.section`\r\n  min-height: 64px;\r\n  color: white;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n  }\r\n`;\r\n\r\nconst FooterLinks = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n    margin: auto auto auto 0;\r\n  }\r\n\r\n  a {\r\n    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n    &:not(:first-child) {\r\n      margin: 16px 0 0 0;\r\n      ${BREAKPOINTS.MEDIUM} {\r\n        margin: 0 0 0 16px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst Copyright = styled.div`\r\n  ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white)}\r\n  margin: 16px auto 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: auto 0 auto auto;\r\n  }\r\n`;\r\n\r\ninterface Link {\r\n  label: string;\r\n  to: string;\r\n  target?: string;\r\n}\r\n\r\ninterface FooterLinkProps {\r\n  bottomLinks?: Link[];\r\n  copyrightText?: string;\r\n}\r\n\r\nconst FooterBottomLinks = ({ bottomLinks, copyrightText }: FooterLinkProps) => {\r\n  return (\r\n    <FooterLinkSection>\r\n      <FooterLinks>\r\n        {bottomLinks?.map((bl, i) => (\r\n          <HyperLink id={`FooterLink_${Math.floor(Math.random() * 999999999999)}`}\r\n                     key={i}\r\n                     href={bl.to} variant=\"inverted\">\r\n            {bl.label}\r\n          </HyperLink>\r\n        ))}\r\n      </FooterLinks>\r\n      <Copyright>{copyrightText}</Copyright>\r\n    </FooterLinkSection>\r\n  );\r\n};\r\n\r\nexport default FooterBottomLinks;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FooterBottomLinks.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_HyperLink","_styles","_typography","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FooterLinkSection","styled","section","_taggedTemplateLiteral2","BREAKPOINTS","MEDIUM","FooterLinks","div","ComponentXSStyling","ComponentTextStyle","Bold","Copyright","props","Regular","COLORS","getColor","theme","FooterBottomLinks","_ref","bottomLinks","copyrightText","jsxs","children","jsx","map","bl","HyperLink","id","concat","Math","floor","random","href","to","variant","label","propTypes","_propTypes","arrayOf","shape","string","isRequired","target","_default","exports"],"sources":["../../../src/Footer/Components/FooterBottomLinks.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {HyperLink} from '../../HyperLink';\r\n\r\nimport {BREAKPOINTS, COLORS} from '../../styles';\r\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\r\n\r\nconst FooterLinkSection = styled.section`\r\n  min-height: 64px;\r\n  color: white;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n  }\r\n`;\r\n\r\nconst FooterLinks = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n    margin: auto auto auto 0;\r\n  }\r\n\r\n  a {\r\n    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n    &:not(:first-child) {\r\n      margin: 16px 0 0 0;\r\n      ${BREAKPOINTS.MEDIUM} {\r\n        margin: 0 0 0 16px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst Copyright = styled.div`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}\r\n  margin: 16px auto 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: auto 0 auto auto;\r\n  }\r\n`;\r\n\r\ninterface Link {\r\n  label: string;\r\n  to: string;\r\n  target?: string;\r\n}\r\n\r\ninterface FooterLinkProps {\r\n  bottomLinks?: Link[];\r\n  copyrightText?: string;\r\n}\r\n\r\nconst FooterBottomLinks = ({ bottomLinks, copyrightText }: FooterLinkProps) => {\r\n  return (\r\n    <FooterLinkSection>\r\n      <FooterLinks>\r\n        {bottomLinks?.map((bl, i) => (\r\n          <HyperLink id={`FooterLink_${Math.floor(Math.random() * 999999999999)}`}\r\n                     key={i}\r\n                     href={bl.to} variant=\"inverted\">\r\n            {bl.label}\r\n          </HyperLink>\r\n        ))}\r\n      </FooterLinks>\r\n      <Copyright>{copyrightText}</Copyright>\r\n    </FooterLinkSection>\r\n  );\r\n};\r\n\r\nexport default FooterBottomLinks;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Footer/Components/FooterBottomLinks.js

@@ -10,7 +10,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var FooterLinkSection = styled.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  min-height: 64px;\n  color: white;\n  display: flex;\n  flex-direction: column;\n\n  ", " {\n    flex-direction: row;\n  }\n"])), BREAKPOINTS.MEDIUM);
 var FooterLinks = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin: 0 auto;\n\n  ", " {\n    flex-direction: row;\n    margin: auto auto auto 0;\n  }\n\n  a {\n    ", "\n    &:not(:first-child) {\n      margin: 16px 0 0 0;\n      ", " {\n        margin: 0 0 0 16px;\n      }\n    }\n  }\n"])), BREAKPOINTS.MEDIUM, ComponentXSStyling(ComponentTextStyle.Bold, null), BREAKPOINTS.MEDIUM);
-var Copyright = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n  margin: 16px auto 0 auto;\n\n  ", " {\n    margin: auto 0 auto auto;\n  }\n"])), ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white), BREAKPOINTS.MEDIUM);
+var Copyright = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n  margin: 16px auto 0 auto;\n\n  ", " {\n    margin: auto 0 auto auto;\n  }\n"])), function (props) {
+  return ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme));
+}, BREAKPOINTS.MEDIUM);
 var FooterBottomLinks = function FooterBottomLinks(_ref) {
   var bottomLinks = _ref.bottomLinks,
     copyrightText = _ref.copyrightText;

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

@@ -1 +1 @@
-{"version":3,"file":"FooterBottomLinks.js","names":["React","styled","HyperLink","BREAKPOINTS","COLORS","ComponentTextStyle","ComponentXSStyling","jsx","_jsx","jsxs","_jsxs","FooterLinkSection","section","_templateObject","_taggedTemplateLiteral","MEDIUM","FooterLinks","div","_templateObject2","Bold","Copyright","_templateObject3","Regular","white","FooterBottomLinks","_ref","bottomLinks","copyrightText","children","map","bl","i","id","concat","Math","floor","random","href","to","variant","label","propTypes","_pt","arrayOf","shape","string","isRequired","target"],"sources":["../../../src/Footer/Components/FooterBottomLinks.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {HyperLink} from '../../HyperLink';\r\n\r\nimport {BREAKPOINTS, COLORS} from '../../styles';\r\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\r\n\r\nconst FooterLinkSection = styled.section`\r\n  min-height: 64px;\r\n  color: white;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n  }\r\n`;\r\n\r\nconst FooterLinks = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n    margin: auto auto auto 0;\r\n  }\r\n\r\n  a {\r\n    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n    &:not(:first-child) {\r\n      margin: 16px 0 0 0;\r\n      ${BREAKPOINTS.MEDIUM} {\r\n        margin: 0 0 0 16px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst Copyright = styled.div`\r\n  ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white)}\r\n  margin: 16px auto 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: auto 0 auto auto;\r\n  }\r\n`;\r\n\r\ninterface Link {\r\n  label: string;\r\n  to: string;\r\n  target?: string;\r\n}\r\n\r\ninterface FooterLinkProps {\r\n  bottomLinks?: Link[];\r\n  copyrightText?: string;\r\n}\r\n\r\nconst FooterBottomLinks = ({ bottomLinks, copyrightText }: FooterLinkProps) => {\r\n  return (\r\n    <FooterLinkSection>\r\n      <FooterLinks>\r\n        {bottomLinks?.map((bl, i) => (\r\n          <HyperLink id={`FooterLink_${Math.floor(Math.random() * 999999999999)}`}\r\n                     key={i}\r\n                     href={bl.to} variant=\"inverted\">\r\n            {bl.label}\r\n          </HyperLink>\r\n        ))}\r\n      </FooterLinks>\r\n      <Copyright>{copyrightText}</Copyright>\r\n    </FooterLinkSection>\r\n  );\r\n};\r\n\r\nexport default FooterBottomLinks;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,SAAS,QAAO,iBAAiB;AAEzC,SAAQC,WAAW,EAAEC,MAAM,QAAO,cAAc;AAChD,SAAQC,kBAAkB,EAAEC,kBAAkB,QAAO,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE/E,IAAMC,iBAAiB,GAAGV,MAAM,CAACW,OAAO,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,yIAMpCX,WAAW,CAACY,MAAM,CAGrB;AAED,IAAMC,WAAW,GAAGf,MAAM,CAACgB,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,8RAK1BX,WAAW,CAACY,MAAM,EAMhBT,kBAAkB,CAACD,kBAAkB,CAACc,IAAI,EAAE,IAAI,CAAC,EAG/ChB,WAAW,CAACY,MAAM,CAKzB;AAED,IAAMK,SAAS,GAAGnB,MAAM,CAACgB,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,gGACxBR,kBAAkB,CAACD,kBAAkB,CAACiB,OAAO,EAAElB,MAAM,CAACmB,KAAK,CAAC,EAG5DpB,WAAW,CAACY,MAAM,CAGrB;AAaD,IAAMS,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAAwD;EAAA,IAAlDC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;EACrD,oBACEjB,KAAA,CAACC,iBAAiB;IAAAiB,QAAA,gBAChBpB,IAAA,CAACQ,WAAW;MAAAY,QAAA,EACTF,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEG,GAAG,CAAC,UAACC,EAAE,EAAEC,CAAC;QAAA,oBACtBvB,IAAA,CAACN,SAAS;UAAC8B,EAAE,gBAAAC,MAAA,CAAgBC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,YAAY,CAAC,CAAG;UAE7DC,IAAI,EAAEP,EAAE,CAACQ,EAAG;UAACC,OAAO,EAAC,UAAU;UAAAX,QAAA,EACvCE,EAAE,CAACU;QAAK,GAFKT,CAGL,CAAC;MAAA,CACb;IAAC,CACS,CAAC,eACdvB,IAAA,CAACY,SAAS;MAAAQ,QAAA,EAAED;IAAa,CAAY,CAAC;EAAA,CACrB,CAAC;AAExB,CAAC;AAACH,iBAAA,CAAAiB,SAAA;EAnBAf,WAAW,EAAAgB,GAAA,CAAAC,OAAA,CAAAD,GAAA,CAAAE,KAAA;IANXJ,KAAK,EAAAE,GAAA,CAAAG,MAAA,CAAAC,UAAA;IACLR,EAAE,EAAAI,GAAA,CAAAG,MAAA,CAAAC,UAAA;IACFC,MAAM,EAAAL,GAAA,CAAAG;EAAA;EAKNlB,aAAa,EAAAe,GAAA,CAAAG;AAAA;AAoBf,eAAerB,iBAAiB","ignoreList":[]}
+{"version":3,"file":"FooterBottomLinks.js","names":["React","styled","HyperLink","BREAKPOINTS","COLORS","ComponentTextStyle","ComponentXSStyling","jsx","_jsx","jsxs","_jsxs","FooterLinkSection","section","_templateObject","_taggedTemplateLiteral","MEDIUM","FooterLinks","div","_templateObject2","Bold","Copyright","_templateObject3","props","Regular","getColor","theme","FooterBottomLinks","_ref","bottomLinks","copyrightText","children","map","bl","i","id","concat","Math","floor","random","href","to","variant","label","propTypes","_pt","arrayOf","shape","string","isRequired","target"],"sources":["../../../src/Footer/Components/FooterBottomLinks.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {HyperLink} from '../../HyperLink';\r\n\r\nimport {BREAKPOINTS, COLORS} from '../../styles';\r\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\r\n\r\nconst FooterLinkSection = styled.section`\r\n  min-height: 64px;\r\n  color: white;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n  }\r\n`;\r\n\r\nconst FooterLinks = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n    margin: auto auto auto 0;\r\n  }\r\n\r\n  a {\r\n    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n    &:not(:first-child) {\r\n      margin: 16px 0 0 0;\r\n      ${BREAKPOINTS.MEDIUM} {\r\n        margin: 0 0 0 16px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst Copyright = styled.div`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}\r\n  margin: 16px auto 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: auto 0 auto auto;\r\n  }\r\n`;\r\n\r\ninterface Link {\r\n  label: string;\r\n  to: string;\r\n  target?: string;\r\n}\r\n\r\ninterface FooterLinkProps {\r\n  bottomLinks?: Link[];\r\n  copyrightText?: string;\r\n}\r\n\r\nconst FooterBottomLinks = ({ bottomLinks, copyrightText }: FooterLinkProps) => {\r\n  return (\r\n    <FooterLinkSection>\r\n      <FooterLinks>\r\n        {bottomLinks?.map((bl, i) => (\r\n          <HyperLink id={`FooterLink_${Math.floor(Math.random() * 999999999999)}`}\r\n                     key={i}\r\n                     href={bl.to} variant=\"inverted\">\r\n            {bl.label}\r\n          </HyperLink>\r\n        ))}\r\n      </FooterLinks>\r\n      <Copyright>{copyrightText}</Copyright>\r\n    </FooterLinkSection>\r\n  );\r\n};\r\n\r\nexport default FooterBottomLinks;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,SAAS,QAAO,iBAAiB;AAEzC,SAAQC,WAAW,EAAEC,MAAM,QAAO,cAAc;AAChD,SAAQC,kBAAkB,EAAEC,kBAAkB,QAAO,yBAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAE/E,IAAMC,iBAAiB,GAAGV,MAAM,CAACW,OAAO,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,yIAMpCX,WAAW,CAACY,MAAM,CAGrB;AAED,IAAMC,WAAW,GAAGf,MAAM,CAACgB,GAAG,CAAAC,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,8RAK1BX,WAAW,CAACY,MAAM,EAMhBT,kBAAkB,CAACD,kBAAkB,CAACc,IAAI,EAAE,IAAI,CAAC,EAG/ChB,WAAW,CAACY,MAAM,CAKzB;AAED,IAAMK,SAAS,GAAGnB,MAAM,CAACgB,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAP,sBAAA,gGACxB,UAAAQ,KAAK;EAAA,OAAIhB,kBAAkB,CAACD,kBAAkB,CAACkB,OAAO,EAAEnB,MAAM,CAACoB,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC,CAAC;AAAA,GAG9FtB,WAAW,CAACY,MAAM,CAGrB;AAaD,IAAMW,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAAwD;EAAA,IAAlDC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IAAEC,aAAa,GAAAF,IAAA,CAAbE,aAAa;EACrD,oBACEnB,KAAA,CAACC,iBAAiB;IAAAmB,QAAA,gBAChBtB,IAAA,CAACQ,WAAW;MAAAc,QAAA,EACTF,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEG,GAAG,CAAC,UAACC,EAAE,EAAEC,CAAC;QAAA,oBACtBzB,IAAA,CAACN,SAAS;UAACgC,EAAE,gBAAAC,MAAA,CAAgBC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,YAAY,CAAC,CAAG;UAE7DC,IAAI,EAAEP,EAAE,CAACQ,EAAG;UAACC,OAAO,EAAC,UAAU;UAAAX,QAAA,EACvCE,EAAE,CAACU;QAAK,GAFKT,CAGL,CAAC;MAAA,CACb;IAAC,CACS,CAAC,eACdzB,IAAA,CAACY,SAAS;MAAAU,QAAA,EAAED;IAAa,CAAY,CAAC;EAAA,CACrB,CAAC;AAExB,CAAC;AAACH,iBAAA,CAAAiB,SAAA;EAnBAf,WAAW,EAAAgB,GAAA,CAAAC,OAAA,CAAAD,GAAA,CAAAE,KAAA;IANXJ,KAAK,EAAAE,GAAA,CAAAG,MAAA,CAAAC,UAAA;IACLR,EAAE,EAAAI,GAAA,CAAAG,MAAA,CAAAC,UAAA;IACFC,MAAM,EAAAL,GAAA,CAAAG;EAAA;EAKNlB,aAAa,EAAAe,GAAA,CAAAG;AAAA;AAoBf,eAAerB,iBAAiB","ignoreList":[]}

package/dist/Footer/Components/FooterDropdownLinks.cjs

@@ -19,11 +19,39 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3;
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  width: 100%;\n  border-top: 1px solid ", ";\n\n  &:last-child {\n    border-bottom: 1px solid ", ";\n  }\n"])), _styles.COLORS.neutral_100, _styles.COLORS.neutral_100);
-var DropdownLinkBlock = _styledComponents["default"].button(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n\n  display: ", ";\n  justify-content: space-between;\n  width: 100%;\n  height: 48px;\n  background-color: transparent;\n  border: none;\n  padding: 0 16px;\n\n  &:hover,\n  .open {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:active {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:focus {\n    ", "\n  }\n\n  h3 {\n    margin: auto 0;\n    ", "\n  }\n\n  .open {\n    h3 {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n\n  svg {\n    margin: auto 0;\n  }\n"])), (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.white), function (props) {
+var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  width: 100%;\n  border-top: 1px solid ", ";\n\n  &:last-child {\n    border-bottom: 1px solid ", ";\n  }\n"])), function (props) {
+  return _styles.COLORS.getColor('neutral_100', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_100', props.theme);
+});
+var DropdownLinkBlock = _styledComponents["default"].button(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n\n  display: ", ";\n  justify-content: space-between;\n  width: 100%;\n  height: 48px;\n  background-color: transparent;\n  border: none;\n  padding: 0 16px;\n\n  &:hover,\n  .open {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:active {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:focus {\n    ", "\n  }\n\n  h3 {\n    margin: auto 0;\n    ", "\n  }\n\n  .open {\n    h3 {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n\n  svg {\n    margin: auto 0;\n  }\n"])), function (props) {
+  return (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('white', props.theme));
+}, function (props) {
   return props.width > 768 ? 'none' : 'flex';
-}, _styles.COLORS.neutral_20, _styles.COLORS.primary_700, _styles.COLORS.primary_100, _styles.COLORS.primary_800, _styles.invertedFocusStyles, (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, 'inherit'), _styles.COLORS.neutral_20, _styles.COLORS.neutral_800);
-var LinkBlock = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: none;\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  &.show {\n    display: flex;\n  }\n\n  a {\n    text-decoration: none;\n\n    ", "\n    \n    display: flex;\n    align-items: center;\n    \n    padding: 0 16px;\n    height: 48px;\n\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n      cursor: pointer;\n    }\n\n    &:focus {\n      ", "\n    }\n\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n"])), (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.white), _styles.COLORS.neutral_20, _styles.COLORS.primary_700, _styles.invertedFocusStyles, _styles.COLORS.primary_100, _styles.COLORS.primary_800);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_20', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_700', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_100', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_800', props.theme);
+}, _styles.invertedFocusStyles, (0, _styles.ComponentMStyling)(_styles.ComponentTextStyle.Regular, 'inherit'), function (props) {
+  return _styles.COLORS.getColor('neutral_20', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_800', props.theme);
+});
+var LinkBlock = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: none;\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  &.show {\n    display: flex;\n  }\n\n  a {\n    text-decoration: none;\n\n    ", "\n    \n    display: flex;\n    align-items: center;\n    \n    padding: 0 16px;\n    height: 48px;\n\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n      cursor: pointer;\n    }\n\n    &:focus {\n      ", "\n    }\n\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n"])), function (props) {
+  return (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('white', props.theme));
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_20', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_700', props.theme);
+}, _styles.invertedFocusStyles, function (props) {
+  return _styles.COLORS.getColor('primary_100', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('primary_800', props.theme);
+});
 var FooterDropdownLinks = function FooterDropdownLinks(_ref) {
   var navSection = _ref.navSection,
     width = _ref.width;

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

@@ -1 +1 @@
-{"version":3,"file":"FooterDropdownLinks.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_icons","_HyperLink","_common","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Wrapper","styled","div","_taggedTemplateLiteral2","COLORS","neutral_100","DropdownLinkBlock","button","ComponentSStyling","ComponentTextStyle","Bold","white","props","width","neutral_20","primary_700","primary_100","primary_800","invertedFocusStyles","ComponentMStyling","Regular","neutral_800","LinkBlock","FooterDropdownLinks","_ref","navSection","_React$useState","useState","_React$useState2","_slicedToArray2","dropdownActive","setDropdownActive","jsxs","children","className","onMouseDown","defaultOnMouseDownHandler","onClick","jsx","header","SystemIcons","ChevronUp","size","ChevronDown","links","map","item","index","HyperLink","id","concat","Math","floor","random","variant","href","to","target","rel","label","propTypes","_propTypes","number","isRequired","_default","exports"],"sources":["../../../src/Footer/Components/FooterDropdownLinks.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {COLORS, ComponentTextStyle, invertedFocusStyles} from '../../styles';\r\nimport {SystemIcons} from '../../icons';\r\nimport {NavSection} from '../../types';\r\nimport {ComponentMStyling, ComponentSStyling} from '../../styles';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport {defaultOnMouseDownHandler} from '../../common';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  border-top: 1px solid ${COLORS.neutral_100};\r\n\r\n  &:last-child {\r\n    border-bottom: 1px solid ${COLORS.neutral_100};\r\n  }\r\n`;\r\n\r\nconst DropdownLinkBlock = styled.button<{ width: number }>`\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\r\n\r\n  display: ${(props) => (props.width > 768 ? 'none' : 'flex')};\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  height: 48px;\r\n  background-color: transparent;\r\n  border: none;\r\n  padding: 0 16px;\r\n\r\n  &:hover,\r\n  .open {\r\n    background-color: ${COLORS.neutral_20};\r\n    color: ${COLORS.primary_700};\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n\r\n  &:active {\r\n    background-color: ${COLORS.primary_100};\r\n    color: ${COLORS.primary_800};\r\n  }\r\n\r\n  &:focus {\r\n    ${invertedFocusStyles}\r\n  }\r\n\r\n  h3 {\r\n    margin: auto 0;\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  .open {\r\n    h3 {\r\n      background-color: ${COLORS.neutral_20};\r\n      color: ${COLORS.neutral_800};\r\n    }\r\n  }\r\n\r\n  svg {\r\n    margin: auto 0;\r\n  }\r\n`;\r\n\r\nconst LinkBlock = styled.div<{ width: number }>`\r\n  display: none;\r\n  flex-direction: column;\r\n  font-weight: normal;\r\n  width: 100%;\r\n\r\n  &.show {\r\n    display: flex;\r\n  }\r\n\r\n  a {\r\n    text-decoration: none;\r\n\r\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\r\n    \r\n    display: flex;\r\n    align-items: center;\r\n    \r\n    padding: 0 16px;\r\n    height: 48px;\r\n\r\n    &:hover {\r\n      background-color: ${COLORS.neutral_20};\r\n      color: ${COLORS.primary_700};\r\n      cursor: pointer;\r\n    }\r\n\r\n    &:focus {\r\n      ${invertedFocusStyles}\r\n    }\r\n\r\n    &:active {\r\n      background-color: ${COLORS.primary_100};\r\n      color: ${COLORS.primary_800};\r\n    }\r\n  }\r\n`;\r\n\r\ninterface FooterNavSectionProps {\r\n  navSection: NavSection;\r\n  width: number;\r\n}\r\n\r\nconst FooterDropdownLinks = ({ navSection, width }: FooterNavSectionProps) => {\r\n  const [dropdownActive, setDropdownActive] = React.useState<boolean>(false);\r\n  return (\r\n    <Wrapper>\r\n      <DropdownLinkBlock width={width}\r\n                         className={dropdownActive ? 'open' : ''}\r\n                         onMouseDown={defaultOnMouseDownHandler}\r\n                         onClick={() => setDropdownActive(!dropdownActive)}>\r\n        <h3>{navSection.header}</h3>\r\n        {dropdownActive ? <SystemIcons.ChevronUp size=\"24px\" /> : <SystemIcons.ChevronDown size=\"24px\" />}\r\n      </DropdownLinkBlock>\r\n      <LinkBlock width={width} className={dropdownActive ? 'show' : ''}>\r\n        {navSection.links.map((item, index) => (\r\n          <HyperLink key={index}\r\n                     id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\r\n                     variant={'inverted'}\r\n                     href={item.to}\r\n                     target={item.target || '_blank'}\r\n                     rel=\"noreferrer noopener\">\r\n            {item.label}\r\n          </HyperLink>\r\n        ))}\r\n      </LinkBlock>\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default FooterDropdownLinks;\r\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAGA,IAAAK,UAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAAuD,IAAAO,WAAA,GAAAP,OAAA;AAAA,IAAAQ,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAb,wBAAAa,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEvD,IAAMW,OAAO,GAAGC,4BAAM,CAACC,GAAG,CAAAzB,eAAA,KAAAA,eAAA,OAAA0B,uBAAA,mIAEAC,cAAM,CAACC,WAAW,EAGbD,cAAM,CAACC,WAAW,CAEhD;AAED,IAAMC,iBAAiB,GAAGL,4BAAM,CAACM,MAAM,CAAA7B,gBAAA,KAAAA,gBAAA,OAAAyB,uBAAA,gkBACnC,IAAAK,yBAAiB,EAACC,0BAAkB,CAACC,IAAI,EAAEN,cAAM,CAACO,KAAK,CAAC,EAE/C,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACC,KAAK,GAAG,GAAG,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,EAUrCT,cAAM,CAACU,UAAU,EAC5BV,cAAM,CAACW,WAAW,EAQPX,cAAM,CAACY,WAAW,EAC7BZ,cAAM,CAACa,WAAW,EAIzBC,2BAAmB,EAKnB,IAAAC,yBAAiB,EAACV,0BAAkB,CAACW,OAAO,EAAE,SAAS,CAAC,EAKpChB,cAAM,CAACU,UAAU,EAC5BV,cAAM,CAACiB,WAAW,CAOhC;AAED,IAAMC,SAAS,GAAGrB,4BAAM,CAACC,GAAG,CAAAvB,gBAAA,KAAAA,gBAAA,OAAAwB,uBAAA,+fAatB,IAAAK,yBAAiB,EAACC,0BAAkB,CAACC,IAAI,EAAEN,cAAM,CAACO,KAAK,CAAC,EASpCP,cAAM,CAACU,UAAU,EAC5BV,cAAM,CAACW,WAAW,EAKzBG,2BAAmB,EAIDd,cAAM,CAACY,WAAW,EAC7BZ,cAAM,CAACa,WAAW,CAGhC;AAOD,IAAMM,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAAC,IAAA,EAAqD;EAAA,IAA/CC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IAAEZ,KAAK,GAAAW,IAAA,CAALX,KAAK;EAC9C,IAAAa,eAAA,GAA4C3D,KAAK,CAAC4D,QAAQ,CAAU,KAAK,CAAC;IAAAC,gBAAA,OAAAC,eAAA,aAAAH,eAAA;IAAnEI,cAAc,GAAAF,gBAAA;IAAEG,iBAAiB,GAAAH,gBAAA;EACxC,oBACE,IAAApD,WAAA,CAAAwD,IAAA,EAAChC,OAAO;IAAAiC,QAAA,gBACN,IAAAzD,WAAA,CAAAwD,IAAA,EAAC1B,iBAAiB;MAACO,KAAK,EAAEA,KAAM;MACbqB,SAAS,EAAEJ,cAAc,GAAG,MAAM,GAAG,EAAG;MACxCK,WAAW,EAAEC,iCAA0B;MACvCC,OAAO,EAAE,SAAAA,QAAA;QAAA,OAAMN,iBAAiB,CAAC,CAACD,cAAc,CAAC;MAAA,CAAC;MAAAG,QAAA,gBACnE,IAAAzD,WAAA,CAAA8D,GAAA;QAAAL,QAAA,EAAKR,UAAU,CAACc;MAAM,CAAK,CAAC,EAC3BT,cAAc,gBAAG,IAAAtD,WAAA,CAAA8D,GAAA,EAACjE,MAAA,CAAAmE,WAAW,CAACC,SAAS;QAACC,IAAI,EAAC;MAAM,CAAE,CAAC,gBAAG,IAAAlE,WAAA,CAAA8D,GAAA,EAACjE,MAAA,CAAAmE,WAAW,CAACG,WAAW;QAACD,IAAI,EAAC;MAAM,CAAE,CAAC;IAAA,CAChF,CAAC,eACpB,IAAAlE,WAAA,CAAA8D,GAAA,EAAChB,SAAS;MAACT,KAAK,EAAEA,KAAM;MAACqB,SAAS,EAAEJ,cAAc,GAAG,MAAM,GAAG,EAAG;MAAAG,QAAA,EAC9DR,UAAU,CAACmB,KAAK,CAACC,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK;QAAA,oBAChC,IAAAvE,WAAA,CAAA8D,GAAA,EAAChE,UAAA,CAAA0E,SAAS;UACCC,EAAE,kBAAAC,MAAA,CAAkBC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,CAAC,CAAC,GAAG,YAAY,CAAC,CAAG;UAC/DC,OAAO,EAAE,UAAW;UACpBC,IAAI,EAAET,IAAI,CAACU,EAAG;UACdC,MAAM,EAAEX,IAAI,CAACW,MAAM,IAAI,QAAS;UAChCC,GAAG,EAAC,qBAAqB;UAAAzB,QAAA,EACjCa,IAAI,CAACa;QAAK,GANGZ,KAOL,CAAC;MAAA,CACb;IAAC,CACO,CAAC;EAAA,CACL,CAAC;AAEd,CAAC;AAACxB,mBAAA,CAAAqC,SAAA;EA5BA/C,KAAK,EAAAgD,UAAA,YAAAC,MAAA,CAAAC;AAAA;AAAA,IAAAC,QAAA,GA8BQzC,mBAAmB;AAAA0C,OAAA,cAAAD,QAAA","ignoreList":[]}
+{"version":3,"file":"FooterDropdownLinks.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_icons","_HyperLink","_common","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Wrapper","styled","div","_taggedTemplateLiteral2","props","COLORS","getColor","theme","DropdownLinkBlock","button","ComponentSStyling","ComponentTextStyle","Bold","width","invertedFocusStyles","ComponentMStyling","Regular","LinkBlock","FooterDropdownLinks","_ref","navSection","_React$useState","useState","_React$useState2","_slicedToArray2","dropdownActive","setDropdownActive","jsxs","children","className","onMouseDown","defaultOnMouseDownHandler","onClick","jsx","header","SystemIcons","ChevronUp","size","ChevronDown","links","map","item","index","HyperLink","id","concat","Math","floor","random","variant","href","to","target","rel","label","propTypes","_propTypes","number","isRequired","_default","exports"],"sources":["../../../src/Footer/Components/FooterDropdownLinks.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {COLORS, ComponentTextStyle, invertedFocusStyles} from '../../styles';\r\nimport {SystemIcons} from '../../icons';\r\nimport {NavSection} from '../../types';\r\nimport {ComponentMStyling, ComponentSStyling} from '../../styles';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport {defaultOnMouseDownHandler} from '../../common';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n  &:last-child {\r\n    border-bottom: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n`;\r\n\r\nconst DropdownLinkBlock = styled.button<{ width: number }>`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\r\n\r\n  display: ${(props) => (props.width > 768 ? 'none' : 'flex')};\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  height: 48px;\r\n  background-color: transparent;\r\n  border: none;\r\n  padding: 0 16px;\r\n\r\n  &:hover,\r\n  .open {\r\n    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n\r\n  &:active {\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &:focus {\r\n    ${invertedFocusStyles}\r\n  }\r\n\r\n  h3 {\r\n    margin: auto 0;\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  .open {\r\n    h3 {\r\n      background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n      color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  svg {\r\n    margin: auto 0;\r\n  }\r\n`;\r\n\r\nconst LinkBlock = styled.div<{ width: number }>`\r\n  display: none;\r\n  flex-direction: column;\r\n  font-weight: normal;\r\n  width: 100%;\r\n\r\n  &.show {\r\n    display: flex;\r\n  }\r\n\r\n  a {\r\n    text-decoration: none;\r\n\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\r\n    \r\n    display: flex;\r\n    align-items: center;\r\n    \r\n    padding: 0 16px;\r\n    height: 48px;\r\n\r\n    &:hover {\r\n      background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      cursor: pointer;\r\n    }\r\n\r\n    &:focus {\r\n      ${invertedFocusStyles}\r\n    }\r\n\r\n    &:active {\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\ninterface FooterNavSectionProps {\r\n  navSection: NavSection;\r\n  width: number;\r\n}\r\n\r\nconst FooterDropdownLinks = ({ navSection, width }: FooterNavSectionProps) => {\r\n  const [dropdownActive, setDropdownActive] = React.useState<boolean>(false);\r\n  return (\r\n    <Wrapper>\r\n      <DropdownLinkBlock width={width}\r\n                         className={dropdownActive ? 'open' : ''}\r\n                         onMouseDown={defaultOnMouseDownHandler}\r\n                         onClick={() => setDropdownActive(!dropdownActive)}>\r\n        <h3>{navSection.header}</h3>\r\n        {dropdownActive ? <SystemIcons.ChevronUp size=\"24px\" /> : <SystemIcons.ChevronDown size=\"24px\" />}\r\n      </DropdownLinkBlock>\r\n      <LinkBlock width={width} className={dropdownActive ? 'show' : ''}>\r\n        {navSection.links.map((item, index) => (\r\n          <HyperLink key={index}\r\n                     id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\r\n                     variant={'inverted'}\r\n                     href={item.to}\r\n                     target={item.target || '_blank'}\r\n                     rel=\"noreferrer noopener\">\r\n            {item.label}\r\n          </HyperLink>\r\n        ))}\r\n      </LinkBlock>\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default FooterDropdownLinks;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Footer/Components/FooterDropdownLinks.js

@@ -11,11 +11,39 @@ import { HyperLink } from '../../HyperLink';
 import { defaultOnMouseDownHandler } from '../../common';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  border-top: 1px solid ", ";\n\n  &:last-child {\n    border-bottom: 1px solid ", ";\n  }\n"])), COLORS.neutral_100, COLORS.neutral_100);
-var DropdownLinkBlock = styled.button(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n\n  display: ", ";\n  justify-content: space-between;\n  width: 100%;\n  height: 48px;\n  background-color: transparent;\n  border: none;\n  padding: 0 16px;\n\n  &:hover,\n  .open {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:active {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:focus {\n    ", "\n  }\n\n  h3 {\n    margin: auto 0;\n    ", "\n  }\n\n  .open {\n    h3 {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n\n  svg {\n    margin: auto 0;\n  }\n"])), ComponentSStyling(ComponentTextStyle.Bold, COLORS.white), function (props) {
+var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: 100%;\n  border-top: 1px solid ", ";\n\n  &:last-child {\n    border-bottom: 1px solid ", ";\n  }\n"])), function (props) {
+  return COLORS.getColor('neutral_100', props.theme);
+}, function (props) {
+  return COLORS.getColor('neutral_100', props.theme);
+});
+var DropdownLinkBlock = styled.button(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n\n  display: ", ";\n  justify-content: space-between;\n  width: 100%;\n  height: 48px;\n  background-color: transparent;\n  border: none;\n  padding: 0 16px;\n\n  &:hover,\n  .open {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:active {\n    background-color: ", ";\n    color: ", ";\n  }\n\n  &:focus {\n    ", "\n  }\n\n  h3 {\n    margin: auto 0;\n    ", "\n  }\n\n  .open {\n    h3 {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n\n  svg {\n    margin: auto 0;\n  }\n"])), function (props) {
+  return ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme));
+}, function (props) {
   return props.width > 768 ? 'none' : 'flex';
-}, COLORS.neutral_20, COLORS.primary_700, COLORS.primary_100, COLORS.primary_800, invertedFocusStyles, ComponentMStyling(ComponentTextStyle.Regular, 'inherit'), COLORS.neutral_20, COLORS.neutral_800);
-var LinkBlock = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: none;\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  &.show {\n    display: flex;\n  }\n\n  a {\n    text-decoration: none;\n\n    ", "\n    \n    display: flex;\n    align-items: center;\n    \n    padding: 0 16px;\n    height: 48px;\n\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n      cursor: pointer;\n    }\n\n    &:focus {\n      ", "\n    }\n\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n"])), ComponentSStyling(ComponentTextStyle.Bold, COLORS.white), COLORS.neutral_20, COLORS.primary_700, invertedFocusStyles, COLORS.primary_100, COLORS.primary_800);
+}, function (props) {
+  return COLORS.getColor('neutral_20', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_700', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_100', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_800', props.theme);
+}, invertedFocusStyles, ComponentMStyling(ComponentTextStyle.Regular, 'inherit'), function (props) {
+  return COLORS.getColor('neutral_20', props.theme);
+}, function (props) {
+  return COLORS.getColor('neutral_800', props.theme);
+});
+var LinkBlock = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: none;\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  &.show {\n    display: flex;\n  }\n\n  a {\n    text-decoration: none;\n\n    ", "\n    \n    display: flex;\n    align-items: center;\n    \n    padding: 0 16px;\n    height: 48px;\n\n    &:hover {\n      background-color: ", ";\n      color: ", ";\n      cursor: pointer;\n    }\n\n    &:focus {\n      ", "\n    }\n\n    &:active {\n      background-color: ", ";\n      color: ", ";\n    }\n  }\n"])), function (props) {
+  return ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme));
+}, function (props) {
+  return COLORS.getColor('neutral_20', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_700', props.theme);
+}, invertedFocusStyles, function (props) {
+  return COLORS.getColor('primary_100', props.theme);
+}, function (props) {
+  return COLORS.getColor('primary_800', props.theme);
+});
 var FooterDropdownLinks = function FooterDropdownLinks(_ref) {
   var navSection = _ref.navSection,
     width = _ref.width;

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

@@ -1 +1 @@
-{"version":3,"file":"FooterDropdownLinks.js","names":["React","styled","COLORS","ComponentTextStyle","invertedFocusStyles","SystemIcons","ComponentMStyling","ComponentSStyling","HyperLink","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","neutral_100","DropdownLinkBlock","button","_templateObject2","Bold","white","props","width","neutral_20","primary_700","primary_100","primary_800","Regular","neutral_800","LinkBlock","_templateObject3","FooterDropdownLinks","_ref","navSection","_React$useState","useState","_React$useState2","_slicedToArray","dropdownActive","setDropdownActive","children","className","onMouseDown","onClick","header","ChevronUp","size","ChevronDown","links","map","item","index","id","concat","Math","floor","random","variant","href","to","target","rel","label","propTypes","_pt","number","isRequired"],"sources":["../../../src/Footer/Components/FooterDropdownLinks.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {COLORS, ComponentTextStyle, invertedFocusStyles} from '../../styles';\r\nimport {SystemIcons} from '../../icons';\r\nimport {NavSection} from '../../types';\r\nimport {ComponentMStyling, ComponentSStyling} from '../../styles';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport {defaultOnMouseDownHandler} from '../../common';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  border-top: 1px solid ${COLORS.neutral_100};\r\n\r\n  &:last-child {\r\n    border-bottom: 1px solid ${COLORS.neutral_100};\r\n  }\r\n`;\r\n\r\nconst DropdownLinkBlock = styled.button<{ width: number }>`\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\r\n\r\n  display: ${(props) => (props.width > 768 ? 'none' : 'flex')};\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  height: 48px;\r\n  background-color: transparent;\r\n  border: none;\r\n  padding: 0 16px;\r\n\r\n  &:hover,\r\n  .open {\r\n    background-color: ${COLORS.neutral_20};\r\n    color: ${COLORS.primary_700};\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n\r\n  &:active {\r\n    background-color: ${COLORS.primary_100};\r\n    color: ${COLORS.primary_800};\r\n  }\r\n\r\n  &:focus {\r\n    ${invertedFocusStyles}\r\n  }\r\n\r\n  h3 {\r\n    margin: auto 0;\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  .open {\r\n    h3 {\r\n      background-color: ${COLORS.neutral_20};\r\n      color: ${COLORS.neutral_800};\r\n    }\r\n  }\r\n\r\n  svg {\r\n    margin: auto 0;\r\n  }\r\n`;\r\n\r\nconst LinkBlock = styled.div<{ width: number }>`\r\n  display: none;\r\n  flex-direction: column;\r\n  font-weight: normal;\r\n  width: 100%;\r\n\r\n  &.show {\r\n    display: flex;\r\n  }\r\n\r\n  a {\r\n    text-decoration: none;\r\n\r\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\r\n    \r\n    display: flex;\r\n    align-items: center;\r\n    \r\n    padding: 0 16px;\r\n    height: 48px;\r\n\r\n    &:hover {\r\n      background-color: ${COLORS.neutral_20};\r\n      color: ${COLORS.primary_700};\r\n      cursor: pointer;\r\n    }\r\n\r\n    &:focus {\r\n      ${invertedFocusStyles}\r\n    }\r\n\r\n    &:active {\r\n      background-color: ${COLORS.primary_100};\r\n      color: ${COLORS.primary_800};\r\n    }\r\n  }\r\n`;\r\n\r\ninterface FooterNavSectionProps {\r\n  navSection: NavSection;\r\n  width: number;\r\n}\r\n\r\nconst FooterDropdownLinks = ({ navSection, width }: FooterNavSectionProps) => {\r\n  const [dropdownActive, setDropdownActive] = React.useState<boolean>(false);\r\n  return (\r\n    <Wrapper>\r\n      <DropdownLinkBlock width={width}\r\n                         className={dropdownActive ? 'open' : ''}\r\n                         onMouseDown={defaultOnMouseDownHandler}\r\n                         onClick={() => setDropdownActive(!dropdownActive)}>\r\n        <h3>{navSection.header}</h3>\r\n        {dropdownActive ? <SystemIcons.ChevronUp size=\"24px\" /> : <SystemIcons.ChevronDown size=\"24px\" />}\r\n      </DropdownLinkBlock>\r\n      <LinkBlock width={width} className={dropdownActive ? 'show' : ''}>\r\n        {navSection.links.map((item, index) => (\r\n          <HyperLink key={index}\r\n                     id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\r\n                     variant={'inverted'}\r\n                     href={item.to}\r\n                     target={item.target || '_blank'}\r\n                     rel=\"noreferrer noopener\">\r\n            {item.label}\r\n          </HyperLink>\r\n        ))}\r\n      </LinkBlock>\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default FooterDropdownLinks;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FooterDropdownLinks.js","names":["React","styled","COLORS","ComponentTextStyle","invertedFocusStyles","SystemIcons","ComponentMStyling","ComponentSStyling","HyperLink","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","props","getColor","theme","DropdownLinkBlock","button","_templateObject2","Bold","width","Regular","LinkBlock","_templateObject3","FooterDropdownLinks","_ref","navSection","_React$useState","useState","_React$useState2","_slicedToArray","dropdownActive","setDropdownActive","children","className","onMouseDown","onClick","header","ChevronUp","size","ChevronDown","links","map","item","index","id","concat","Math","floor","random","variant","href","to","target","rel","label","propTypes","_pt","number","isRequired"],"sources":["../../../src/Footer/Components/FooterDropdownLinks.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {COLORS, ComponentTextStyle, invertedFocusStyles} from '../../styles';\r\nimport {SystemIcons} from '../../icons';\r\nimport {NavSection} from '../../types';\r\nimport {ComponentMStyling, ComponentSStyling} from '../../styles';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport {defaultOnMouseDownHandler} from '../../common';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n\r\n  &:last-child {\r\n    border-bottom: 1px solid ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n`;\r\n\r\nconst DropdownLinkBlock = styled.button<{ width: number }>`\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\r\n\r\n  display: ${(props) => (props.width > 768 ? 'none' : 'flex')};\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  height: 48px;\r\n  background-color: transparent;\r\n  border: none;\r\n  padding: 0 16px;\r\n\r\n  &:hover,\r\n  .open {\r\n    background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n\r\n  &:active {\r\n    background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &:focus {\r\n    ${invertedFocusStyles}\r\n  }\r\n\r\n  h3 {\r\n    margin: auto 0;\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  .open {\r\n    h3 {\r\n      background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n      color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  svg {\r\n    margin: auto 0;\r\n  }\r\n`;\r\n\r\nconst LinkBlock = styled.div<{ width: number }>`\r\n  display: none;\r\n  flex-direction: column;\r\n  font-weight: normal;\r\n  width: 100%;\r\n\r\n  &.show {\r\n    display: flex;\r\n  }\r\n\r\n  a {\r\n    text-decoration: none;\r\n\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\r\n    \r\n    display: flex;\r\n    align-items: center;\r\n    \r\n    padding: 0 16px;\r\n    height: 48px;\r\n\r\n    &:hover {\r\n      background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n      cursor: pointer;\r\n    }\r\n\r\n    &:focus {\r\n      ${invertedFocusStyles}\r\n    }\r\n\r\n    &:active {\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n`;\r\n\r\ninterface FooterNavSectionProps {\r\n  navSection: NavSection;\r\n  width: number;\r\n}\r\n\r\nconst FooterDropdownLinks = ({ navSection, width }: FooterNavSectionProps) => {\r\n  const [dropdownActive, setDropdownActive] = React.useState<boolean>(false);\r\n  return (\r\n    <Wrapper>\r\n      <DropdownLinkBlock width={width}\r\n                         className={dropdownActive ? 'open' : ''}\r\n                         onMouseDown={defaultOnMouseDownHandler}\r\n                         onClick={() => setDropdownActive(!dropdownActive)}>\r\n        <h3>{navSection.header}</h3>\r\n        {dropdownActive ? <SystemIcons.ChevronUp size=\"24px\" /> : <SystemIcons.ChevronDown size=\"24px\" />}\r\n      </DropdownLinkBlock>\r\n      <LinkBlock width={width} className={dropdownActive ? 'show' : ''}>\r\n        {navSection.links.map((item, index) => (\r\n          <HyperLink key={index}\r\n                     id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\r\n                     variant={'inverted'}\r\n                     href={item.to}\r\n                     target={item.target || '_blank'}\r\n                     rel=\"noreferrer noopener\">\r\n            {item.label}\r\n          </HyperLink>\r\n        ))}\r\n      </LinkBlock>\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default FooterDropdownLinks;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Footer/Components/FooterNavSection.cjs

@@ -23,7 +23,9 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 var NavSection = _styledComponents["default"].section(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex-flow: flex-start;\n  color: white;\n  margin-bottom: 12px;\n"])));
 var LinkBlock = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  display: ", ";\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  ", " {\n    padding: 0 24px 24px 0;\n    width: calc(50% - 24px);\n  }\n\n  ", " {\n    width: calc(33% - 24px);\n  }\n  ", " {\n    padding: 0 32px 32px 0;\n    width: calc(33% - 32px);\n  }\n\n  h3 {\n    ", "\n  }\n\n  a {\n    padding: 8px 0px;\n    ", "\n  }\n"])), function (props) {
   return props.width <= 768 ? 'none' : 'flex';
-}, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE, _styles.BREAKPOINTS.LARGE, (0, _typography.ComponentLStyling)(_styles.ComponentTextStyle.Regular, 'inherit'), (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.white));
+}, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE, _styles.BREAKPOINTS.LARGE, (0, _typography.ComponentLStyling)(_styles.ComponentTextStyle.Regular, 'inherit'), function (props) {
+  return (0, _typography.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('white', props.theme));
+});
 var FooterNavSection = function FooterNavSection(_ref) {
   var _navOptions$sections;
   var navOptions = _ref.navOptions;

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

@@ -1 +1 @@
-{"version":3,"file":"FooterNavSection.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_FooterDropdownLinks","_typography","_HyperLink","_utils","_jsxRuntime","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NavSection","styled","section","_taggedTemplateLiteral2","LinkBlock","div","props","width","BREAKPOINTS","MEDIUM","LARGE","ComponentLStyling","ComponentTextStyle","Regular","ComponentSStyling","Bold","COLORS","white","FooterNavSection","_ref","_navOptions$sections","navOptions","_React$useState","useState","hasWindow","window","innerWidth","_React$useState2","_slicedToArray2","setWidth","useEffect","handleResize","addEventListener","removeEventListener","jsx","children","sections","map","no","index","jsxs","header","links","link","HyperLink","id","concat","Math","floor","random","variant","href","to","target","rel","label","navSection","propTypes","mainId","_propTypes","string","isRequired","_default","exports"],"sources":["../../../src/Footer/Components/FooterNavSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle} from '../../styles';\r\nimport FooterDropdownLinks from './FooterDropdownLinks';\r\nimport {NavOptions} from '../../types';\r\nimport {ComponentLStyling, ComponentSStyling} from '../../styles/typography';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport { hasWindow } from '../../utils/utils';\r\n\r\nconst NavSection = styled.section`\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: wrap;\r\n  flex-flow: flex-start;\r\n  color: white;\r\n  margin-bottom: 12px;\r\n`;\r\n\r\nconst LinkBlock = styled.div<{ width: number }>`\r\n  display: ${(props) => (props.width <= 768 ? 'none' : 'flex')};\r\n  flex-direction: column;\r\n  font-weight: normal;\r\n  width: 100%;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 0 24px 24px 0;\r\n    width: calc(50% - 24px);\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    width: calc(33% - 24px);\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 0 32px 32px 0;\r\n    width: calc(33% - 32px);\r\n  }\r\n\r\n  h3 {\r\n    ${ComponentLStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  a {\r\n    padding: 8px 0px;\r\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\r\n  }\r\n`;\r\n\r\ninterface FooterNavSectionProps {\r\n  navOptions: NavOptions;\r\n  mainId: string;\r\n}\r\n\r\nconst FooterNavSection = ({ navOptions }: FooterNavSectionProps) => {\r\n  const [width, setWidth] = React.useState<number>(hasWindow() ? window.innerWidth : -1);\r\n  React.useEffect(() => {\r\n    function handleResize() {\r\n      setWidth(window.innerWidth);\r\n    }\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, []);\r\n\r\n  return (\r\n    <NavSection>\r\n      {navOptions.sections?.map((no, index) => {\r\n        return width > 768 ? (\r\n          <LinkBlock key={`LinkBlock_${index}`} width={width}>\r\n            <h3>{no.header}</h3>\r\n            {no.links.map((link, index) => (\r\n              <HyperLink key={index}\r\n                         id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\r\n                         variant={'inverted'}\r\n                         href={link.to}\r\n                         target={link.target || '_blank'}\r\n                         rel=\"noreferrer noopener\">\r\n                {link.label}\r\n              </HyperLink>\r\n            ))}\r\n          </LinkBlock>\r\n        ) : (\r\n          <FooterDropdownLinks data-testid={'footerDropLinks'} key={`LinkBlockDropdown_${index}`} navSection={no} width={width} />\r\n        );\r\n      })}\r\n    </NavSection>\r\n  );\r\n};\r\n\r\nexport default FooterNavSection;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FooterNavSection.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_FooterDropdownLinks","_typography","_HyperLink","_utils","_jsxRuntime","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","NavSection","styled","section","_taggedTemplateLiteral2","LinkBlock","div","props","width","BREAKPOINTS","MEDIUM","LARGE","ComponentLStyling","ComponentTextStyle","Regular","ComponentSStyling","Bold","COLORS","getColor","theme","FooterNavSection","_ref","_navOptions$sections","navOptions","_React$useState","useState","hasWindow","window","innerWidth","_React$useState2","_slicedToArray2","setWidth","useEffect","handleResize","addEventListener","removeEventListener","jsx","children","sections","map","no","index","jsxs","header","links","link","HyperLink","id","concat","Math","floor","random","variant","href","to","target","rel","label","navSection","propTypes","mainId","_propTypes","string","isRequired","_default","exports"],"sources":["../../../src/Footer/Components/FooterNavSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle} from '../../styles';\r\nimport FooterDropdownLinks from './FooterDropdownLinks';\r\nimport {NavOptions} from '../../types';\r\nimport {ComponentLStyling, ComponentSStyling} from '../../styles/typography';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport { hasWindow } from '../../utils/utils';\r\n\r\nconst NavSection = styled.section`\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: wrap;\r\n  flex-flow: flex-start;\r\n  color: white;\r\n  margin-bottom: 12px;\r\n`;\r\n\r\nconst LinkBlock = styled.div<{ width: number }>`\r\n  display: ${(props) => (props.width <= 768 ? 'none' : 'flex')};\r\n  flex-direction: column;\r\n  font-weight: normal;\r\n  width: 100%;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 0 24px 24px 0;\r\n    width: calc(50% - 24px);\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    width: calc(33% - 24px);\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 0 32px 32px 0;\r\n    width: calc(33% - 32px);\r\n  }\r\n\r\n  h3 {\r\n    ${ComponentLStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  a {\r\n    padding: 8px 0px;\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\r\n  }\r\n`;\r\n\r\ninterface FooterNavSectionProps {\r\n  navOptions: NavOptions;\r\n  mainId: string;\r\n}\r\n\r\nconst FooterNavSection = ({ navOptions }: FooterNavSectionProps) => {\r\n  const [width, setWidth] = React.useState<number>(hasWindow() ? window.innerWidth : -1);\r\n  React.useEffect(() => {\r\n    function handleResize() {\r\n      setWidth(window.innerWidth);\r\n    }\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, []);\r\n\r\n  return (\r\n    <NavSection>\r\n      {navOptions.sections?.map((no, index) => {\r\n        return width > 768 ? (\r\n          <LinkBlock key={`LinkBlock_${index}`} width={width}>\r\n            <h3>{no.header}</h3>\r\n            {no.links.map((link, index) => (\r\n              <HyperLink key={index}\r\n                         id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\r\n                         variant={'inverted'}\r\n                         href={link.to}\r\n                         target={link.target || '_blank'}\r\n                         rel=\"noreferrer noopener\">\r\n                {link.label}\r\n              </HyperLink>\r\n            ))}\r\n          </LinkBlock>\r\n        ) : (\r\n          <FooterDropdownLinks data-testid={'footerDropLinks'} key={`LinkBlockDropdown_${index}`} navSection={no} width={width} />\r\n        );\r\n      })}\r\n    </NavSection>\r\n  );\r\n};\r\n\r\nexport default FooterNavSection;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Footer/Components/FooterNavSection.js

@@ -14,7 +14,9 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
 var NavSection = styled.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex-flow: flex-start;\n  color: white;\n  margin-bottom: 12px;\n"])));
 var LinkBlock = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: ", ";\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  ", " {\n    padding: 0 24px 24px 0;\n    width: calc(50% - 24px);\n  }\n\n  ", " {\n    width: calc(33% - 24px);\n  }\n  ", " {\n    padding: 0 32px 32px 0;\n    width: calc(33% - 32px);\n  }\n\n  h3 {\n    ", "\n  }\n\n  a {\n    padding: 8px 0px;\n    ", "\n  }\n"])), function (props) {
   return props.width <= 768 ? 'none' : 'flex';
-}, BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE, BREAKPOINTS.LARGE, ComponentLStyling(ComponentTextStyle.Regular, 'inherit'), ComponentSStyling(ComponentTextStyle.Bold, COLORS.white));
+}, BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE, BREAKPOINTS.LARGE, ComponentLStyling(ComponentTextStyle.Regular, 'inherit'), function (props) {
+  return ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme));
+});
 var FooterNavSection = function FooterNavSection(_ref) {
   var _navOptions$sections;
   var navOptions = _ref.navOptions;

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

@@ -1 +1 @@
-{"version":3,"file":"FooterNavSection.js","names":["React","styled","BREAKPOINTS","COLORS","ComponentTextStyle","FooterDropdownLinks","ComponentLStyling","ComponentSStyling","HyperLink","hasWindow","jsx","_jsx","jsxs","_jsxs","NavSection","section","_templateObject","_taggedTemplateLiteral","LinkBlock","div","_templateObject2","props","width","MEDIUM","LARGE","Regular","Bold","white","FooterNavSection","_ref","_navOptions$sections","navOptions","_React$useState","useState","window","innerWidth","_React$useState2","_slicedToArray","setWidth","useEffect","handleResize","addEventListener","removeEventListener","children","sections","map","no","index","header","links","link","id","concat","Math","floor","random","variant","href","to","target","rel","label","navSection","propTypes","mainId","_pt","string","isRequired"],"sources":["../../../src/Footer/Components/FooterNavSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle} from '../../styles';\r\nimport FooterDropdownLinks from './FooterDropdownLinks';\r\nimport {NavOptions} from '../../types';\r\nimport {ComponentLStyling, ComponentSStyling} from '../../styles/typography';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport { hasWindow } from '../../utils/utils';\r\n\r\nconst NavSection = styled.section`\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: wrap;\r\n  flex-flow: flex-start;\r\n  color: white;\r\n  margin-bottom: 12px;\r\n`;\r\n\r\nconst LinkBlock = styled.div<{ width: number }>`\r\n  display: ${(props) => (props.width <= 768 ? 'none' : 'flex')};\r\n  flex-direction: column;\r\n  font-weight: normal;\r\n  width: 100%;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 0 24px 24px 0;\r\n    width: calc(50% - 24px);\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    width: calc(33% - 24px);\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 0 32px 32px 0;\r\n    width: calc(33% - 32px);\r\n  }\r\n\r\n  h3 {\r\n    ${ComponentLStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  a {\r\n    padding: 8px 0px;\r\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\r\n  }\r\n`;\r\n\r\ninterface FooterNavSectionProps {\r\n  navOptions: NavOptions;\r\n  mainId: string;\r\n}\r\n\r\nconst FooterNavSection = ({ navOptions }: FooterNavSectionProps) => {\r\n  const [width, setWidth] = React.useState<number>(hasWindow() ? window.innerWidth : -1);\r\n  React.useEffect(() => {\r\n    function handleResize() {\r\n      setWidth(window.innerWidth);\r\n    }\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, []);\r\n\r\n  return (\r\n    <NavSection>\r\n      {navOptions.sections?.map((no, index) => {\r\n        return width > 768 ? (\r\n          <LinkBlock key={`LinkBlock_${index}`} width={width}>\r\n            <h3>{no.header}</h3>\r\n            {no.links.map((link, index) => (\r\n              <HyperLink key={index}\r\n                         id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\r\n                         variant={'inverted'}\r\n                         href={link.to}\r\n                         target={link.target || '_blank'}\r\n                         rel=\"noreferrer noopener\">\r\n                {link.label}\r\n              </HyperLink>\r\n            ))}\r\n          </LinkBlock>\r\n        ) : (\r\n          <FooterDropdownLinks data-testid={'footerDropLinks'} key={`LinkBlockDropdown_${index}`} navSection={no} width={width} />\r\n        );\r\n      })}\r\n    </NavSection>\r\n  );\r\n};\r\n\r\nexport default FooterNavSection;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FooterNavSection.js","names":["React","styled","BREAKPOINTS","COLORS","ComponentTextStyle","FooterDropdownLinks","ComponentLStyling","ComponentSStyling","HyperLink","hasWindow","jsx","_jsx","jsxs","_jsxs","NavSection","section","_templateObject","_taggedTemplateLiteral","LinkBlock","div","_templateObject2","props","width","MEDIUM","LARGE","Regular","Bold","getColor","theme","FooterNavSection","_ref","_navOptions$sections","navOptions","_React$useState","useState","window","innerWidth","_React$useState2","_slicedToArray","setWidth","useEffect","handleResize","addEventListener","removeEventListener","children","sections","map","no","index","header","links","link","id","concat","Math","floor","random","variant","href","to","target","rel","label","navSection","propTypes","mainId","_pt","string","isRequired"],"sources":["../../../src/Footer/Components/FooterNavSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle} from '../../styles';\r\nimport FooterDropdownLinks from './FooterDropdownLinks';\r\nimport {NavOptions} from '../../types';\r\nimport {ComponentLStyling, ComponentSStyling} from '../../styles/typography';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport { hasWindow } from '../../utils/utils';\r\n\r\nconst NavSection = styled.section`\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: wrap;\r\n  flex-flow: flex-start;\r\n  color: white;\r\n  margin-bottom: 12px;\r\n`;\r\n\r\nconst LinkBlock = styled.div<{ width: number }>`\r\n  display: ${(props) => (props.width <= 768 ? 'none' : 'flex')};\r\n  flex-direction: column;\r\n  font-weight: normal;\r\n  width: 100%;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 0 24px 24px 0;\r\n    width: calc(50% - 24px);\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    width: calc(33% - 24px);\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 0 32px 32px 0;\r\n    width: calc(33% - 32px);\r\n  }\r\n\r\n  h3 {\r\n    ${ComponentLStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  a {\r\n    padding: 8px 0px;\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\r\n  }\r\n`;\r\n\r\ninterface FooterNavSectionProps {\r\n  navOptions: NavOptions;\r\n  mainId: string;\r\n}\r\n\r\nconst FooterNavSection = ({ navOptions }: FooterNavSectionProps) => {\r\n  const [width, setWidth] = React.useState<number>(hasWindow() ? window.innerWidth : -1);\r\n  React.useEffect(() => {\r\n    function handleResize() {\r\n      setWidth(window.innerWidth);\r\n    }\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, []);\r\n\r\n  return (\r\n    <NavSection>\r\n      {navOptions.sections?.map((no, index) => {\r\n        return width > 768 ? (\r\n          <LinkBlock key={`LinkBlock_${index}`} width={width}>\r\n            <h3>{no.header}</h3>\r\n            {no.links.map((link, index) => (\r\n              <HyperLink key={index}\r\n                         id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\r\n                         variant={'inverted'}\r\n                         href={link.to}\r\n                         target={link.target || '_blank'}\r\n                         rel=\"noreferrer noopener\">\r\n                {link.label}\r\n              </HyperLink>\r\n            ))}\r\n          </LinkBlock>\r\n        ) : (\r\n          <FooterDropdownLinks data-testid={'footerDropLinks'} key={`LinkBlockDropdown_${index}`} navSection={no} width={width} />\r\n        );\r\n      })}\r\n    </NavSection>\r\n  );\r\n};\r\n\r\nexport default FooterNavSection;\r\n"],"mappings":"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","ignoreList":[]}