npm - @amboss/design-system - Versions diffs - 1.11.0 → 1.12.0 - Mend

@amboss/design-system 1.11.0 → 1.12.0

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

Files changed (86) hide show

package/build/esm/src/components/Form/Select/Select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.js","sources":["../../../../../../src/components/Form/Select/Select.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport React, {\n useState,\n useRef,\n useMemo,\n useEffect,\n useCallback,\n} from \"react\";\nimport styled from \"@emotion/styled\";\nimport { useKeyboard } from \"../../../shared/useKeyboard\";\nimport {\n useAutoPosition,\n VerticalPosition,\n} from \"../../../shared/useAutoPosition\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { VirtualScrollList } from \"../../VirtualScrollList/VirtualScrollList\";\nimport { Input, InputRaw } from \"../Input/Input\";\nimport { Text } from \"../../Typography/Text/Text\";\nimport { Box } from \"../../Box/Box\";\n\nconst StyledContainer = styled.div(() => ({\n position: \"relative\",\n}));\n\nconst StyledInputWrap = styled.div(() => ({\n zIndex: 0,\n position: \"absolute\",\n pointerEvents: \"none\",\n width: \"100%\",\n bottom: 0,\n left: 0,\n}));\n\nconst StyledDropdown = styled.div<{ dropdownPosition: VerticalPosition }>(\n ({ theme, dropdownPosition }) => ({\n backgroundColor: theme.values.color.background.layer_2,\n position: \"absolute\",\n fontSize: theme.variables.size.font.text.s,\n zIndex: 2,\n width: \"100%\",\n margin: `${theme.variables.size.spacing.xs} 0`,\n cursor: \"pointer\",\n borderRadius: theme.variables.size.borderRadius.dropdown.m,\n overflow: \"hidden\",\n boxShadow: theme.variables.shadow.card.b,\n boxSizing: \"border-box\",\n ...(dropdownPosition === \"down\" && {\n top: \"100%\",\n }),\n ...(dropdownPosition === \"up\" && {\n bottom: \"100%\",\n }),\n })\n);\n\nconst StyledDropdownItem = styled.div<{ active: boolean }>(\n ({ theme, active }) => ({\n padding: theme.variables.size.spacing.xs,\n borderRadius: theme.variables.size.borderRadius.dropdown.s,\n ...(active && {\n backgroundColor: theme.values.color.background.dropdown.active,\n borderRadius: 0,\n }),\n \"&:hover\": {\n backgroundColor: theme.values.color.background.dropdown.active,\n borderRadius: 0,\n },\n })\n);\n\nconst HiddenSelectInput = styled.select(() => ({\n display: \"none\",\n}));\n\ntype SelectOption = {\n value: string;\n label: string;\n} & Record<string, unknown>;\n\nexport type SelectProps = {\n name: string;\n value: string;\n placeholder?: string;\n emptyStateMessage?: string;\n hasError?: boolean;\n disabled?: boolean;\n options?: SelectOption[];\n filterMethod?: (options: SelectOption, value: string) => boolean;\n onChange?: (e: React.FormEvent<HTMLSelectElement>) => void;\n onBlur?: () => void;\n onFocus?: () => void;\n maxHeight?: number;\n autoComplete?: string;\n} & FormFieldProps;\n\nconst defaultFilterMethod = (option: SelectOption, value: string): boolean =>\n option.label.toLowerCase().indexOf(value.toLowerCase()) > -1;\n\nexport function Select({\n options = [],\n name,\n value,\n placeholder,\n emptyStateMessage,\n hasError,\n filterMethod = defaultFilterMethod,\n onChange = () => null,\n onBlur = () => null,\n onFocus = () => null,\n maxHeight = 230,\n autoComplete = \"on\",\n ...rest\n}: SelectProps): React.ReactElement {\n const { disabled } = rest;\n const [isOpen, setIsOpen] = useState(false);\n const [innerValue, setInnerValue] = useState(\"\");\n const [preselectedIndex, setPreselectedIndex] = useState(-1);\n const initialValueOption = useMemo(\n () =>\n options.find((option) => option.value === value) \|\| {\n value: \"\",\n label: \"\",\n },\n [options, value]\n );\n const [fakeSelectedOption, setFakeSelectedOption] =\n useState(initialValueOption);\n const fakeSelectRef = useRef(null);\n\n const dropDownRef = useRef(null);\n const innerInputRef = useRef(null);\n\n const currentValueRef = useRef(value);\n currentValueRef.current = value;\n\n const forceChangeFakeSelect = useCallback(\n (selectedOption: SelectOption) => {\n if (fakeSelectedOption.value !== selectedOption.value) {\n setFakeSelectedOption(selectedOption);\n }\n },\n [fakeSelectedOption]\n );\n\n const [verticalPosition] = useAutoPosition(\n fakeSelectRef,\n dropDownRef,\n isOpen\n );\n\n const closeDropdown = useCallback(\n (noSelect = false) => {\n setIsOpen(false);\n if (!noSelect) {\n const selectedOption = options.find(\n (option) =>\n option.label.toLowerCase().trim() ===\n innerValue.toLowerCase().trim()\n );\n if (selectedOption) {\n forceChangeFakeSelect(selectedOption);\n }\n }\n setInnerValue(\"\");\n setPreselectedIndex(-1);\n onBlur();\n },\n [onBlur, forceChangeFakeSelect, innerValue, options]\n );\n\n useEffect(() => {\n if (\n fakeSelectRef.current &&\n currentValueRef.current !== fakeSelectedOption.value\n ) {\n fakeSelectRef.current.dispatchEvent(\n new Event(\"change\", { bubbles: true })\n );\n }\n }, [fakeSelectedOption, fakeSelectRef, currentValueRef]);\n\n // force updating the hidden select if a new initial value gets passed down\n // without it, there would be a mismatch of selected value and the hidden select,\n // which would cause the first value to not be selectable\n useEffect(() => {\n forceChangeFakeSelect(initialValueOption);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [initialValueOption]);\n\n const filteredOptions = useMemo(() => {\n if (!innerValue) {\n return options;\n }\n\n return options.filter((option) => filterMethod(option, innerValue));\n }, [options, filterMethod, innerValue]);\n\n const displayValue = useMemo(\n () =>\n options.some((option) => option.value === value)\n ? options.find((option) => option.value === value).label\n : \"\",\n [value, options]\n );\n\n useEffect(() => {\n setPreselectedIndex(-1);\n }, [filteredOptions]);\n\n useKeyboard(\n {\n Escape: () => closeDropdown(true),\n Enter: () => {\n if (filteredOptions[preselectedIndex]) {\n forceChangeFakeSelect(filteredOptions[preselectedIndex]);\n closeDropdown(true);\n return;\n }\n closeDropdown();\n },\n ArrowUp: () => {\n setPreselectedIndex(Math.max(preselectedIndex - 1, 0));\n },\n ArrowDown: () => {\n setPreselectedIndex(\n Math.min(preselectedIndex + 1, filteredOptions.length - 1)\n );\n },\n },\n innerInputRef,\n isOpen && !disabled\n );\n\n useKeyboard(\n {\n \"ArrowUp ArrowDown\": () => {\n setIsOpen(true);\n },\n },\n innerInputRef,\n !isOpen && !disabled\n );\n\n return (\n <FormField data-ds-id=\"Select\" {...(rest as FormFieldProps)}>\n <StyledContainer\n onBlur={() => {\n closeDropdown(true);\n }}\n >\n <div style={{ zIndex: 1 }}>\n <InputRaw\n areaLabel={rest.label}\n name={`${name}-innerInput`}\n value={innerValue}\n privateProps={{ isTransparent: !(isOpen && innerValue) }}\n icon={isOpen ? \"chevron-up\" : \"chevron-down\"}\n hasError={hasError}\n disabled={disabled}\n onFocus={() => {\n setIsOpen(true);\n onFocus();\n }}\n onClick={() => {\n setIsOpen(true);\n }}\n onChange={(e) => {\n if (e.currentTarget.value) {\n setIsOpen(true);\n }\n setInnerValue(e.currentTarget.value);\n }}\n ref={innerInputRef}\n autoComplete={autoComplete}\n />\n </div>\n\n <StyledInputWrap>\n <Input\n name={name}\n value={displayValue}\n onChange={() => null}\n icon={isOpen ? \"chevron-up\" : \"chevron-down\"}\n placeholder={placeholder}\n tabIndex={-1}\n autoComplete=\"off\"\n />\n </StyledInputWrap>\n\n {isOpen && (\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n <StyledDropdown\n dropdownPosition={verticalPosition}\n ref={dropDownRef}\n // this is to prevent known bug of Chrome when element\n // loses focus on click on the scrollbar\n onMouseDown={(e) => e.preventDefault()}\n >\n <VirtualScrollList\n maxHeight={maxHeight}\n itemHeight={36}\n itemAmount={filteredOptions.length}\n emptyState={() => (\n <Box space=\"xs\">\n <Text>{emptyStateMessage \|\| \"🤷🏻‍♀️\"}</Text>\n </Box>\n )}\n itemInView={preselectedIndex}\n itemTemplate={(index: number) => {\n const option: SelectOption = filteredOptions[index];\n return (\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n <StyledDropdownItem\n key={option.value}\n active={\n preselectedIndex === index \|\| value === option.value\n }\n onMouseDown={() => {\n forceChangeFakeSelect(option);\n closeDropdown(true);\n }}\n >\n <Text weight=\"bold\" variant=\"secondary\" size=\"s\">\n {option.label}\n </Text>\n </StyledDropdownItem>\n );\n }}\n />\n </StyledDropdown>\n )}\n\n <HiddenSelectInput\n onChange={onChange}\n value={fakeSelectedOption.value}\n ref={fakeSelectRef}\n autoComplete=\"off\"\n >\n <option value={fakeSelectedOption.value}>\n {fakeSelectedOption.label}\n </option>\n </HiddenSelectInput>\n </StyledContainer>\n </FormField>\n );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","position","StyledInputWrap","zIndex","pointerEvents","width","bottom","left","StyledDropdown","_ref","theme","dropdownPosition","backgroundColor","values","color","background","layer_2","fontSize","variables","size","font","text","s","margin","spacing","xs","cursor","borderRadius","dropdown","m","overflow","boxShadow","shadow","card","b","boxSizing","top","StyledDropdownItem","_ref2","active","padding","HiddenSelectInput","display","defaultFilterMethod","option","value","toLowerCase","indexOf","Select","_ref3","options","name","placeholder","emptyStateMessage","hasError","filterMethod","onChange","onBlur","onFocus","maxHeight","autoComplete","rest","disabled","isOpen","setIsOpen","useState","innerValue","setInnerValue","preselectedIndex","setPreselectedIndex","initialValueOption","useMemo","find","fakeSelectedOption","setFakeSelectedOption","fakeSelectRef","useRef","dropDownRef","innerInputRef","currentValueRef","current","forceChangeFakeSelect","useCallback","selectedOption","verticalPosition","useAutoPosition","closeDropdown","noSelect","arguments","length","undefined","trim","useEffect","dispatchEvent","Event","bubbles","filteredOptions","filter","displayValue","some","useKeyboard","Escape","Enter","ArrowUp","Math","max","ArrowDown","min","ArrowUp ArrowDown","React","createElement","FormField","_extends","style","InputRaw","areaLabel","privateProps","isTransparent","icon","onClick","e","currentTarget","ref","Input","tabIndex","onMouseDown","preventDefault","VirtualScrollList","itemHeight","itemAmount","emptyState","Box","space","Text","itemInView","itemTemplate","index","key","weight","variant"],"mappings":"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"}
1	+ {"version":3,"file":"Select.js","sources":["../../../../../../src/components/Form/Select/Select.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport React, {\n useState,\n useRef,\n useMemo,\n useEffect,\n useCallback,\n} from \"react\";\nimport styled from \"@emotion/styled\";\nimport { useKeyboard } from \"../../../shared/useKeyboard\";\nimport {\n useAutoPosition,\n VerticalPosition,\n} from \"../../../shared/useAutoPosition\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { VirtualScrollList } from \"../../VirtualScrollList/VirtualScrollList\";\nimport { Input, InputRaw } from \"../Input/Input\";\nimport { Text } from \"../../Typography/Text/Text\";\nimport { Box } from \"../../Box/Box\";\n\nconst StyledContainer = styled.div(() => ({\n position: \"relative\",\n}));\n\nconst StyledInputWrap = styled.div(() => ({\n zIndex: 0,\n position: \"absolute\",\n pointerEvents: \"none\",\n width: \"100%\",\n bottom: 0,\n left: 0,\n}));\n\nconst StyledDropdown = styled.div<{ dropdownPosition: VerticalPosition }>(\n ({ theme, dropdownPosition }) => ({\n backgroundColor: theme.values.color.background.layer_2,\n position: \"absolute\",\n fontSize: theme.variables.size.font.text.s,\n zIndex: 2,\n width: \"100%\",\n margin: `${theme.variables.size.spacing.xs} 0`,\n cursor: \"pointer\",\n borderRadius: theme.variables.size.borderRadius.dropdown.m,\n overflow: \"hidden\",\n boxShadow: theme.variables.shadow.card.b,\n boxSizing: \"border-box\",\n ...(dropdownPosition === \"down\" && {\n top: \"100%\",\n }),\n ...(dropdownPosition === \"up\" && {\n bottom: \"100%\",\n }),\n })\n);\n\nconst StyledDropdownItem = styled.div<{ active: boolean }>(\n ({ theme, active }) => ({\n padding: theme.variables.size.spacing.xs,\n borderRadius: theme.variables.size.borderRadius.dropdown.s,\n ...(active && {\n backgroundColor: theme.values.color.background.dropdown.active,\n borderRadius: 0,\n }),\n \"&:hover\": {\n backgroundColor: theme.values.color.background.dropdown.active,\n borderRadius: 0,\n },\n })\n);\n\nconst HiddenSelectInput = styled.select(() => ({\n display: \"none\",\n}));\n\ntype SelectOption = {\n value: string;\n label: string;\n} & Record<string, unknown>;\n\nexport type SelectProps = {\n name: string;\n value: string;\n placeholder?: string;\n emptyStateMessage?: string;\n hasError?: boolean;\n disabled?: boolean;\n options?: SelectOption[];\n filterMethod?: (options: SelectOption, value: string) => boolean;\n onChange?: (e: React.FormEvent<HTMLSelectElement>) => void;\n onBlur?: () => void;\n onFocus?: () => void;\n maxHeight?: number;\n autoComplete?: string;\n} & FormFieldProps;\n\nconst defaultFilterMethod = (option: SelectOption, value: string): boolean =>\n option.label.toLowerCase().indexOf(value.toLowerCase()) > -1;\n\nexport function Select({\n options = [],\n name,\n value,\n placeholder,\n emptyStateMessage,\n hasError,\n filterMethod = defaultFilterMethod,\n onChange = () => null,\n onBlur = () => null,\n onFocus = () => null,\n maxHeight = 230,\n autoComplete = \"on\",\n ...rest\n}: SelectProps): React.ReactElement {\n const { disabled } = rest;\n const [isOpen, setIsOpen] = useState(false);\n const [innerValue, setInnerValue] = useState(\"\");\n const [preselectedIndex, setPreselectedIndex] = useState(-1);\n const initialValueOption = useMemo(\n () =>\n options.find((option) => option.value === value) \|\| {\n value: \"\",\n label: \"\",\n },\n [options, value]\n );\n const [fakeSelectedOption, setFakeSelectedOption] =\n useState(initialValueOption);\n const fakeSelectRef = useRef(null);\n\n const dropDownRef = useRef(null);\n const innerInputRef = useRef(null);\n\n const currentValueRef = useRef(value);\n currentValueRef.current = value;\n\n const forceChangeFakeSelect = useCallback(\n (selectedOption: SelectOption) => {\n if (fakeSelectedOption.value !== selectedOption.value) {\n setFakeSelectedOption(selectedOption);\n }\n },\n [fakeSelectedOption]\n );\n\n const [verticalPosition] = useAutoPosition(\n fakeSelectRef,\n dropDownRef,\n isOpen\n );\n\n const closeDropdown = useCallback(\n (noSelect = false) => {\n setIsOpen(false);\n if (!noSelect) {\n const selectedOption = options.find(\n (option) =>\n option.label.toLowerCase().trim() ===\n innerValue.toLowerCase().trim()\n );\n if (selectedOption) {\n forceChangeFakeSelect(selectedOption);\n }\n }\n setInnerValue(\"\");\n setPreselectedIndex(-1);\n onBlur();\n },\n [onBlur, forceChangeFakeSelect, innerValue, options]\n );\n\n useEffect(() => {\n if (\n fakeSelectRef.current &&\n currentValueRef.current !== fakeSelectedOption.value\n ) {\n fakeSelectRef.current.dispatchEvent(\n new Event(\"change\", { bubbles: true })\n );\n }\n }, [fakeSelectedOption, fakeSelectRef, currentValueRef]);\n\n // force updating the hidden select if a new initial value gets passed down\n // without it, there would be a mismatch of selected value and the hidden select,\n // which would cause the first value to not be selectable\n useEffect(() => {\n forceChangeFakeSelect(initialValueOption);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [initialValueOption]);\n\n const filteredOptions = useMemo(() => {\n if (!innerValue) {\n return options;\n }\n\n return options.filter((option) => filterMethod(option, innerValue));\n }, [options, filterMethod, innerValue]);\n\n const displayValue = useMemo(\n () =>\n options.some((option) => option.value === value)\n ? options.find((option) => option.value === value).label\n : \"\",\n [value, options]\n );\n\n useEffect(() => {\n setPreselectedIndex(-1);\n }, [filteredOptions]);\n\n useKeyboard(\n {\n Escape: () => closeDropdown(true),\n Enter: () => {\n if (filteredOptions[preselectedIndex]) {\n forceChangeFakeSelect(filteredOptions[preselectedIndex]);\n closeDropdown(true);\n return;\n }\n closeDropdown();\n },\n ArrowUp: () => {\n setPreselectedIndex(Math.max(preselectedIndex - 1, 0));\n },\n ArrowDown: () => {\n setPreselectedIndex(\n Math.min(preselectedIndex + 1, filteredOptions.length - 1)\n );\n },\n },\n innerInputRef,\n isOpen && !disabled\n );\n\n useKeyboard(\n {\n \"ArrowUp ArrowDown\": () => {\n setIsOpen(true);\n },\n },\n innerInputRef,\n !isOpen && !disabled\n );\n\n return (\n <FormField data-ds-id=\"Select\" {...(rest as FormFieldProps)}>\n <StyledContainer\n onBlur={() => {\n closeDropdown(true);\n }}\n >\n <div style={{ zIndex: 1 }}>\n <InputRaw\n areaLabel={rest.label}\n name={`${name}-innerInput`}\n value={innerValue}\n privateProps={{ isTransparent: !(isOpen && innerValue) }}\n icon={isOpen ? \"chevron-up\" : \"chevron-down\"}\n hasError={hasError}\n disabled={disabled}\n onFocus={() => {\n setIsOpen(true);\n onFocus();\n }}\n onClick={() => {\n setIsOpen(true);\n }}\n onChange={(e) => {\n if (e.currentTarget.value) {\n setIsOpen(true);\n }\n setInnerValue(e.currentTarget.value);\n }}\n ref={innerInputRef}\n autoComplete={autoComplete}\n />\n </div>\n\n <StyledInputWrap>\n <Input\n name={name}\n value={displayValue}\n onChange={() => null}\n icon={isOpen ? \"chevron-up\" : \"chevron-down\"}\n placeholder={placeholder}\n tabIndex={-1}\n autoComplete=\"off\"\n />\n </StyledInputWrap>\n\n {isOpen && (\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n <StyledDropdown\n dropdownPosition={verticalPosition}\n ref={dropDownRef}\n // this is to prevent known bug of Chrome when element\n // loses focus on click on the scrollbar\n onMouseDown={(e) => e.preventDefault()}\n >\n <VirtualScrollList\n maxHeight={maxHeight}\n itemHeight={36}\n itemAmount={filteredOptions.length}\n emptyState={() => (\n <Box space=\"xs\">\n <Text>{emptyStateMessage \|\| \"🤷🏻‍♀️\"}</Text>\n </Box>\n )}\n itemInView={preselectedIndex}\n itemTemplate={(index: number) => {\n const option: SelectOption = filteredOptions[index];\n return (\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n <StyledDropdownItem\n key={option.value}\n active={\n preselectedIndex === index \|\| value === option.value\n }\n onMouseDown={() => {\n forceChangeFakeSelect(option);\n closeDropdown(true);\n }}\n >\n <Text weight=\"bold\" variant=\"secondary\" size=\"s\">\n {option.label}\n </Text>\n </StyledDropdownItem>\n );\n }}\n />\n </StyledDropdown>\n )}\n\n <HiddenSelectInput\n onChange={onChange}\n value={fakeSelectedOption.value}\n ref={fakeSelectRef}\n autoComplete=\"off\"\n >\n <option value={fakeSelectedOption.value}>\n {fakeSelectedOption.label}\n </option>\n </HiddenSelectInput>\n </StyledContainer>\n </FormField>\n );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","position","StyledInputWrap","zIndex","pointerEvents","width","bottom","left","StyledDropdown","_ref","theme","dropdownPosition","backgroundColor","values","color","background","layer_2","fontSize","variables","size","font","text","s","margin","spacing","xs","cursor","borderRadius","dropdown","m","overflow","boxShadow","shadow","card","b","boxSizing","top","StyledDropdownItem","_ref2","active","padding","HiddenSelectInput","display","defaultFilterMethod","option","value","toLowerCase","indexOf","Select","_ref3","options","name","placeholder","emptyStateMessage","hasError","filterMethod","onChange","onBlur","onFocus","maxHeight","autoComplete","rest","disabled","isOpen","setIsOpen","useState","innerValue","setInnerValue","preselectedIndex","setPreselectedIndex","initialValueOption","useMemo","find","fakeSelectedOption","setFakeSelectedOption","fakeSelectRef","useRef","dropDownRef","innerInputRef","currentValueRef","current","forceChangeFakeSelect","useCallback","selectedOption","verticalPosition","useAutoPosition","closeDropdown","noSelect","arguments","length","undefined","trim","useEffect","dispatchEvent","Event","bubbles","filteredOptions","filter","displayValue","some","useKeyboard","Escape","Enter","ArrowUp","Math","max","ArrowDown","min","ArrowUp ArrowDown","React","createElement","FormField","_extends","style","InputRaw","areaLabel","privateProps","isTransparent","icon","onClick","e","currentTarget","ref","Input","tabIndex","onMouseDown","preventDefault","VirtualScrollList","itemHeight","itemAmount","emptyState","Box","space","Text","itemInView","itemTemplate","index","key","weight","variant"],"mappings":"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"}

package/build/esm/src/components/Form/Textarea/Textarea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Textarea.js","sources":["../../../../../../src/components/Form/Textarea/Textarea.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\n\nexport type TextareaProps = {\n name: string;\n value: string;\n /\n Set to true to toggle error state\n /\n hasError?: boolean;\n placeholder?: string;\n /\n Set to true to disabled input\n */\n disabled?: boolean;\n onChange?: (e: React.FormEvent<HTMLTextAreaElement>) => void;\n onClick?: (e: React.FormEvent<HTMLTextAreaElement>) => void;\n onBlur?: (e: React.FormEvent<HTMLTextAreaElement>) => void;\n onFocus?: (e: React.FormEvent<HTMLTextAreaElement>) => void;\n areaLabel?: string;\n tabIndex?: number;\n autoComplete?: string;\n rows?: number;\n maxLength?: number;\n resize?: \"none\" \| \"horizontal\" \| \"vertical\" \| \"both\";\n} & FormFieldProps;\n\nconst StyledTextarea = styled.textarea<Partial<TextareaProps>>(\n ({ theme, resize, hasError }) => ({\n fontFamily: theme.variables.fontFamily.lato,\n fontSize: theme.variables.size.font.text.m,\n lineHeight: theme.variables.size.lineHeight.text.m,\n minHeight: theme.variables.size.dimension.textarea.minHeight.m,\n borderRadius: theme.variables.size.borderRadius.textarea.s,\n border: \"1px solid\",\n width: \"100%\",\n padding: theme.variables.size.spacing.xs,\n boxSizing: \"border-box\",\n color: theme.values.color.text.secondary,\n borderColor: hasError\n ? theme.values.color.border.textarea.error\n : theme.values.color.border.textarea.default,\n backgroundColor: theme.values.color.background.textarea.default,\n resize,\n })\n);\n\nconst StyledContainer = styled.div(() => ({\n width: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n flexDirection: \"row\",\n position: \"relative\",\n zIndex: 1,\n}));\n\nexport function Textarea({\n name,\n value,\n placeholder,\n hasError = false,\n onChange,\n onClick,\n onBlur,\n onFocus,\n tabIndex,\n areaLabel,\n autoComplete = \"on\",\n rows = 5,\n maxLength = 256,\n resize = \"none\",\n ...rest\n}: TextareaProps): React.ReactElement {\n return (\n <FormField data-ds-id=\"Textarea\" {...(rest as FormFieldProps)}>\n <StyledContainer>\n <StyledTextarea\n name={name}\n disabled={rest.disabled}\n placeholder={placeholder}\n hasError={hasError}\n onClick={onClick}\n onChange={onChange}\n onBlur={onBlur}\n onFocus={onFocus}\n aria-label={areaLabel}\n tabIndex={tabIndex}\n autoComplete={autoComplete}\n rows={rows}\n maxLength={maxLength}\n defaultValue={value}\n resize={resize}\n />\n </StyledContainer>\n </FormField>\n );\n}\n"],"names":["StyledTextarea","_styled","process","env","NODE_ENV","target","label","_ref","theme","resize","hasError","fontFamily","variables","lato","fontSize","size","font","text","m","lineHeight","minHeight","dimension","textarea","borderRadius","s","border","width","padding","spacing","xs","boxSizing","color","values","secondary","borderColor","error","default","backgroundColor","background","StyledContainer","display","alignItems","flexDirection","position","zIndex","Textarea","_ref2","name","value","placeholder","onChange","onClick","onBlur","onFocus","tabIndex","areaLabel","autoComplete","rows","maxLength","rest","React","createElement","FormField","_extends","disabled","defaultValue"],"mappings":";;;;;AA6BA,MAAMA,cAAc,gBAAGC,OAAA,CAAA,UAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,gBAAA;AAAA,CAAA,CAAA,CACrBC,IAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;IAAEC,MAAM;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAH,IAAA,CAAA;EAAA,OAAM;AAChCI,IAAAA,UAAU,EAAEH,KAAK,CAACI,SAAS,CAACD,UAAU,CAACE,IAAI;IAC3CC,QAAQ,EAAEN,KAAK,CAACI,SAAS,CAACG,IAAI,CAACC,IAAI,CAACC,IAAI,CAACC,CAAC;IAC1CC,UAAU,EAAEX,KAAK,CAACI,SAAS,CAACG,IAAI,CAACI,UAAU,CAACF,IAAI,CAACC,CAAC;AAClDE,IAAAA,SAAS,EAAEZ,KAAK,CAACI,SAAS,CAACG,IAAI,CAACM,SAAS,CAACC,QAAQ,CAACF,SAAS,CAACF,CAAC;IAC9DK,YAAY,EAAEf,KAAK,CAACI,SAAS,CAACG,IAAI,CAACQ,YAAY,CAACD,QAAQ,CAACE,CAAC;AAC1DC,IAAAA,MAAM,EAAE,WAAW;AACnBC,IAAAA,KAAK,EAAE,MAAM;IACbC,OAAO,EAAEnB,KAAK,CAACI,SAAS,CAACG,IAAI,CAACa,OAAO,CAACC,EAAE;AACxCC,IAAAA,SAAS,EAAE,YAAY;IACvBC,KAAK,EAAEvB,KAAK,CAACwB,MAAM,CAACD,KAAK,CAACd,IAAI,CAACgB,SAAS;IACxCC,WAAW,EAAExB,QAAQ,GACjBF,KAAK,CAACwB,MAAM,CAACD,KAAK,CAACN,MAAM,CAACH,QAAQ,CAACa,KAAK,GACxC3B,KAAK,CAACwB,MAAM,CAACD,KAAK,CAACN,MAAM,CAACH,QAAQ,CAACc,OAAO;IAC9CC,eAAe,EAAE7B,KAAK,CAACwB,MAAM,CAACD,KAAK,CAACO,UAAU,CAAChB,QAAQ,CAACc,OAAO;AAC/D3B,IAAAA,MAAAA;GACD,CAAA;AAAA,CAAC,EAAAP,OAAA,CAAAC,GAAA,CAAAC,QAAA,~~KACH~~,~~YAAA~~,~~GAAA,EAAA,GAAA,65HAAA,~~CAAA~~,CAAA~~;AAED,MAAMmC,eAAe,gBAAGtC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CAAW,OAAO;AACxCoB,EAAAA,KAAK,EAAE,MAAM;AACbc,EAAAA,OAAO,EAAE,MAAM;AACfC,EAAAA,UAAU,EAAE,QAAQ;AACpBC,EAAAA,aAAa,EAAE,KAAK;AACpBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,MAAM,EAAE,CAAA;AACV,CAAC,CAAC,EAAA1C,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,65HAAA,CAAA,CAAA;AAEI,SAASyC,QAAQA,CAAAC,KAAA,EAgBc;EAAA,IAhBb;IACvBC,IAAI;IACJC,KAAK;IACLC,WAAW;AACXvC,IAAAA,QAAQ,GAAG,KAAK;IAChBwC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,OAAO;IACPC,QAAQ;IACRC,SAAS;AACTC,IAAAA,YAAY,GAAG,IAAI;AACnBC,IAAAA,IAAI,GAAG,CAAC;AACRC,IAAAA,SAAS,GAAG,GAAG;AACfjD,IAAAA,MAAM,GAAG,MAAM;IACf,GAAGkD,IAAAA;AACU,GAAC,GAAAb,KAAA,CAAA;AACd,EAAA,oBACEc,KAAA,CAAAC,aAAA,CAACC,SAAS,EAAAC,QAAA,CAAA;IAAC,YAAW,EAAA,UAAA;AAAU,GAAA,EAAMJ,IAAI,CAAA,eACxCC,KAAA,CAAAC,aAAA,CAACtB,eAAe,EAAA,IAAA,eACdqB,KAAA,CAAAC,aAAA,CAAC7D,cAAc,EAAA;AACb+C,IAAAA,IAAI,EAAEA,IAAK;IACXiB,QAAQ,EAAEL,IAAI,CAACK,QAAS;AACxBf,IAAAA,WAAW,EAAEA,WAAY;AACzBvC,IAAAA,QAAQ,EAAEA,QAAS;AACnByC,IAAAA,OAAO,EAAEA,OAAQ;AACjBD,IAAAA,QAAQ,EAAEA,QAAS;AACnBE,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAQ;AACjB,IAAA,YAAA,EAAYE,SAAU;AACtBD,IAAAA,QAAQ,EAAEA,QAAS;AACnBE,IAAAA,YAAY,EAAEA,YAAa;AAC3BC,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,SAAS,EAAEA,SAAU;AACrBO,IAAAA,YAAY,EAAEjB,KAAM;AACpBvC,IAAAA,MAAM,EAAEA,MAAAA;~~AAAO~~,~~GAAA,CACf,~~CACc,CACR,CAAA;AAEhB;;;;"}
1	+ {"version":3,"file":"Textarea.js","sources":["../../../../../../src/components/Form/Textarea/Textarea.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\n\nexport type TextareaProps = {\n name: string;\n value: string;\n /\n Set to true to toggle error state\n /\n hasError?: boolean;\n placeholder?: string;\n /\n Set to true to disabled input\n */\n disabled?: boolean;\n onChange?: (e: React.FormEvent<HTMLTextAreaElement>) => void;\n onClick?: (e: React.FormEvent<HTMLTextAreaElement>) => void;\n onBlur?: (e: React.FormEvent<HTMLTextAreaElement>) => void;\n onFocus?: (e: React.FormEvent<HTMLTextAreaElement>) => void;\n areaLabel?: string;\n tabIndex?: number;\n autoComplete?: string;\n rows?: number;\n maxLength?: number;\n resize?: \"none\" \| \"horizontal\" \| \"vertical\" \| \"both\";\n} & FormFieldProps;\n\nconst StyledTextarea = styled.textarea<Partial<TextareaProps>>(\n ({ theme, resize, hasError }) => ({\n fontFamily: theme.variables.fontFamily.lato,\n fontSize: theme.variables.size.font.text.m,\n lineHeight: theme.variables.size.lineHeight.text.m,\n minHeight: theme.variables.size.dimension.textarea.minHeight.m,\n borderRadius: theme.variables.size.borderRadius.textarea.s,\n border: \"1px solid\",\n width: \"100%\",\n padding: theme.variables.size.spacing.xs,\n boxSizing: \"border-box\",\n color: theme.values.color.text.secondary,\n borderColor: hasError\n ? theme.values.color.border.textarea.error\n : theme.values.color.border.textarea.default,\n backgroundColor: theme.values.color.background.textarea.default,\n resize,\n })\n);\n\nconst StyledContainer = styled.div(() => ({\n width: \"100%\",\n display: \"flex\",\n alignItems: \"center\",\n flexDirection: \"row\",\n position: \"relative\",\n zIndex: 1,\n}));\n\nexport function Textarea({\n name,\n value,\n placeholder,\n hasError = false,\n onChange,\n onClick,\n onBlur,\n onFocus,\n tabIndex,\n areaLabel,\n autoComplete = \"on\",\n rows = 5,\n maxLength = 256,\n resize = \"none\",\n ...rest\n}: TextareaProps): React.ReactElement {\n return (\n <FormField data-ds-id=\"Textarea\" {...(rest as FormFieldProps)}>\n <StyledContainer>\n <StyledTextarea\n name={name}\n disabled={rest.disabled}\n placeholder={placeholder}\n hasError={hasError}\n onClick={onClick}\n onChange={onChange}\n onBlur={onBlur}\n onFocus={onFocus}\n aria-label={areaLabel}\n tabIndex={tabIndex}\n autoComplete={autoComplete}\n rows={rows}\n maxLength={maxLength}\n defaultValue={value}\n resize={resize}\n />\n </StyledContainer>\n </FormField>\n );\n}\n"],"names":["StyledTextarea","_styled","process","env","NODE_ENV","target","label","_ref","theme","resize","hasError","fontFamily","variables","lato","fontSize","size","font","text","m","lineHeight","minHeight","dimension","textarea","borderRadius","s","border","width","padding","spacing","xs","boxSizing","color","values","secondary","borderColor","error","default","backgroundColor","background","StyledContainer","display","alignItems","flexDirection","position","zIndex","Textarea","_ref2","name","value","placeholder","onChange","onClick","onBlur","onFocus","tabIndex","areaLabel","autoComplete","rows","maxLength","rest","React","createElement","FormField","_extends","disabled","defaultValue"],"mappings":"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"}

package/build/esm/src/components/Form/Toggle/Toggle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toggle.js","sources":["../../../../../../src/components/Form/Toggle/Toggle.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\n\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { Inline } from \"../../Inline/Inline\";\nimport { Text } from \"../../Typography/Text/Text\";\nimport { ToggleSize, HorizontalAlignment } from \"../../../types\";\n\nconst StyledContainer = styled.div<Partial<ToggleProps>>(\n ({ theme, size, disabled }) => ({\n display: \"block\",\n position: \"relative\",\n width: theme.variables.size.dimension.toggle.width[size],\n height: theme.variables.size.dimension.togglePoint[size],\n boxSizing: \"border-box\",\n cursor: disabled ? \"default\" : \"pointer\",\n })\n);\n\nconst StyledRealInput = styled.input<Partial<ToggleProps>>(() => ({\n opacity: 0,\n height: 0,\n width: 0,\n position: \"absolute\",\n}));\n\nconst StyledFakeInputInner = styled.div<Partial<ToggleProps>>(\n ({ theme, size }) => ({\n width: theme.variables.size.dimension.togglePoint[size],\n height: theme.variables.size.dimension.togglePoint[size],\n margin:\n parseInt(theme.variables.size.dimension.togglePoint[size], 10) /\n (size === \"m\" ? 4 : 2),\n borderRadius:\n parseInt(theme.variables.size.dimension.togglePoint[size], 10) / 2,\n transform: \"translateX(0)\",\n transition: \"transform 0.2s linear\",\n background: theme.values.color.background.togglePoint.default,\n })\n);\n\nconst StyledFakeInput = styled.div<Partial<ToggleProps>>(\n ({ theme, size, isHighlighted }) => {\n const pointMargin =\n parseInt(theme.variables.size.dimension.togglePoint[size], 10) /\n (size === \"m\" ? 4 : 2);\n const pointTranslateX =\n parseInt(theme.variables.size.dimension.toggle.width[size], 10) -\n parseInt(theme.variables.size.dimension.togglePoint[size], 10) -\n 2 pointMargin -\n 2;\n\n return {\n boxSizing: \"border-box\",\n width: theme.variables.size.dimension.toggle.width[size],\n height: theme.variables.size.dimension.toggle.height[size],\n borderRadius: theme.variables.size.borderRadius.toggle[size],\n display: \"flex\",\n alignItems: \"center\",\n transition: \"background-color 0.2s linear, border-color 0.2s linear\",\n border: \"1px solid\",\n borderColor: isHighlighted\n ? theme.values.color.border.toggle.highlighted\n : theme.values.color.border.toggle.default,\n background: isHighlighted\n ? theme.values.color.background.toggle.highlighted\n : theme.values.color.background.toggle.default,\n ...(size === \"s\" && {\n marginTop: 2,\n }),\n \"input:checked + &\": {\n border: \"1px solid\",\n borderColor: theme.values.color.border.toggle.checked,\n background: theme.values.color.background.toggle.checked,\n [`${StyledFakeInputInner}`]: {\n transform: `translateX(${pointTranslateX}px)`,\n },\n \"&:hover\": {\n borderColor: theme.values.color.border.toggle.hover,\n },\n },\n \"input:disabled + &\": {\n pointerEvents: \"none\",\n },\n \"input:focus-visible + &\": {\n outlineWidth: 2,\n outlineStyle: \"solid\",\n outlineColor: \"Highlight\",\n },\n \"@media (-webkit-min-device-pixel-ratio: 0)\": {\n \"input:focus-visible + &\": {\n outlineColor: \"-webkit-focus-ring-color\",\n outlineStyle: \"auto\",\n },\n },\n \"&:hover\": {\n borderColor: theme.values.color.border.toggle.hover,\n },\n };\n }\n);\n\nexport type ToggleProps = {\n name: string;\n value?: string;\n checked?: boolean \| undefined;\n label?: string;\n disabled?: boolean;\n size?: ToggleSize;\n isHighlighted?: boolean;\n alignItems?: HorizontalAlignment;\n onChange?: (e: React.FormEvent<HTMLInputElement>) => void;\n onClick?: (e: React.FormEvent<HTMLInputElement>) => void;\n onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;\n onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;\n} & Omit<FormFieldProps, \"labelHint\">;\n\nexport function Toggle({\n name,\n value = \"\",\n checked = undefined,\n label = \"\",\n disabled = false,\n size = \"m\",\n isHighlighted = false,\n alignItems = \"left\",\n onChange,\n onClick,\n onBlur,\n onFocus,\n \"data-e2e-test-id\": dataE2eTestId,\n ...rest\n}: ToggleProps): React.ReactElement {\n const spacing = size === \"s\" ? \"xs\" : \"m\";\n const labelVariant = size === \"s\" ? \"tertiary\" : \"secondary\";\n const labelWeight = size === \"s\" ? \"bold\" : \"normal\";\n\n return (\n <FormField\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Toggle\"\n {...rest}\n disabled={disabled}\n >\n <Inline alignItems={alignItems} space={spacing} vAlignItems=\"top\" noWrap>\n {label && (\n <Text size={size} variant={labelVariant} weight={labelWeight}>\n {label}\n </Text>\n )}\n <StyledContainer size={size} disabled={disabled}>\n <StyledRealInput\n type=\"checkbox\"\n name={name}\n value={value}\n checked={checked}\n disabled={disabled}\n onChange={onChange}\n onClick={onClick}\n onBlur={onBlur}\n onFocus={onFocus}\n />\n <StyledFakeInput size={size} isHighlighted={isHighlighted}>\n <StyledFakeInputInner size={size} />\n </StyledFakeInput>\n </StyledContainer>\n </Inline>\n </FormField>\n );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","size","disabled","display","position","width","variables","dimension","toggle","height","togglePoint","boxSizing","cursor","StyledRealInput","opacity","StyledFakeInputInner","_ref2","margin","parseInt","borderRadius","transform","transition","background","values","color","default","StyledFakeInput","_ref3","isHighlighted","pointMargin","pointTranslateX","alignItems","border","borderColor","highlighted","marginTop","checked","hover","pointerEvents","outlineWidth","outlineStyle","outlineColor","Toggle","_ref4","name","value","undefined","onChange","onClick","onBlur","onFocus","dataE2eTestId","rest","spacing","labelVariant","labelWeight","React","createElement","FormField","_extends","Inline","space","vAlignItems","noWrap","Text","variant","weight","type"],"mappings":"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"}
1	+ {"version":3,"file":"Toggle.js","sources":["../../../../../../src/components/Form/Toggle/Toggle.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\n\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { Inline } from \"../../Inline/Inline\";\nimport { Text } from \"../../Typography/Text/Text\";\nimport { ToggleSize, HorizontalAlignment } from \"../../../types\";\n\nconst StyledContainer = styled.div<Partial<ToggleProps>>(\n ({ theme, size, disabled }) => ({\n display: \"block\",\n position: \"relative\",\n width: theme.variables.size.dimension.toggle.width[size],\n height: theme.variables.size.dimension.togglePoint[size],\n boxSizing: \"border-box\",\n cursor: disabled ? \"default\" : \"pointer\",\n })\n);\n\nconst StyledRealInput = styled.input<Partial<ToggleProps>>(() => ({\n opacity: 0,\n height: 0,\n width: 0,\n position: \"absolute\",\n}));\n\nconst StyledFakeInputInner = styled.div<Partial<ToggleProps>>(\n ({ theme, size }) => ({\n width: theme.variables.size.dimension.togglePoint[size],\n height: theme.variables.size.dimension.togglePoint[size],\n margin:\n parseInt(theme.variables.size.dimension.togglePoint[size], 10) /\n (size === \"m\" ? 4 : 2),\n borderRadius:\n parseInt(theme.variables.size.dimension.togglePoint[size], 10) / 2,\n transform: \"translateX(0)\",\n transition: \"transform 0.2s linear\",\n background: theme.values.color.background.togglePoint.default,\n })\n);\n\nconst StyledFakeInput = styled.div<Partial<ToggleProps>>(\n ({ theme, size, isHighlighted }) => {\n const pointMargin =\n parseInt(theme.variables.size.dimension.togglePoint[size], 10) /\n (size === \"m\" ? 4 : 2);\n const pointTranslateX =\n parseInt(theme.variables.size.dimension.toggle.width[size], 10) -\n parseInt(theme.variables.size.dimension.togglePoint[size], 10) -\n 2 pointMargin -\n 2;\n\n return {\n boxSizing: \"border-box\",\n width: theme.variables.size.dimension.toggle.width[size],\n height: theme.variables.size.dimension.toggle.height[size],\n borderRadius: theme.variables.size.borderRadius.toggle[size],\n display: \"flex\",\n alignItems: \"center\",\n transition: \"background-color 0.2s linear, border-color 0.2s linear\",\n border: \"1px solid\",\n borderColor: isHighlighted\n ? theme.values.color.border.toggle.highlighted\n : theme.values.color.border.toggle.default,\n background: isHighlighted\n ? theme.values.color.background.toggle.highlighted\n : theme.values.color.background.toggle.default,\n ...(size === \"s\" && {\n marginTop: 2,\n }),\n \"input:checked + &\": {\n border: \"1px solid\",\n borderColor: theme.values.color.border.toggle.checked,\n background: theme.values.color.background.toggle.checked,\n [`${StyledFakeInputInner}`]: {\n transform: `translateX(${pointTranslateX}px)`,\n },\n \"&:hover\": {\n borderColor: theme.values.color.border.toggle.hover,\n },\n },\n \"input:disabled + &\": {\n pointerEvents: \"none\",\n },\n \"input:focus-visible + &\": {\n outlineWidth: 2,\n outlineStyle: \"solid\",\n outlineColor: \"Highlight\",\n },\n \"@media (-webkit-min-device-pixel-ratio: 0)\": {\n \"input:focus-visible + &\": {\n outlineColor: \"-webkit-focus-ring-color\",\n outlineStyle: \"auto\",\n },\n },\n \"&:hover\": {\n borderColor: theme.values.color.border.toggle.hover,\n },\n };\n }\n);\n\nexport type ToggleProps = {\n name: string;\n value?: string;\n checked?: boolean \| undefined;\n label?: string;\n disabled?: boolean;\n size?: ToggleSize;\n isHighlighted?: boolean;\n alignItems?: HorizontalAlignment;\n onChange?: (e: React.FormEvent<HTMLInputElement>) => void;\n onClick?: (e: React.FormEvent<HTMLInputElement>) => void;\n onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;\n onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;\n} & Omit<FormFieldProps, \"labelHint\">;\n\nexport function Toggle({\n name,\n value = \"\",\n checked = undefined,\n label = \"\",\n disabled = false,\n size = \"m\",\n isHighlighted = false,\n alignItems = \"left\",\n onChange,\n onClick,\n onBlur,\n onFocus,\n \"data-e2e-test-id\": dataE2eTestId,\n ...rest\n}: ToggleProps): React.ReactElement {\n const spacing = size === \"s\" ? \"xs\" : \"m\";\n const labelVariant = size === \"s\" ? \"tertiary\" : \"secondary\";\n const labelWeight = size === \"s\" ? \"bold\" : \"normal\";\n\n return (\n <FormField\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Toggle\"\n {...rest}\n disabled={disabled}\n >\n <Inline alignItems={alignItems} space={spacing} vAlignItems=\"top\" noWrap>\n {label && (\n <Text size={size} variant={labelVariant} weight={labelWeight}>\n {label}\n </Text>\n )}\n <StyledContainer size={size} disabled={disabled}>\n <StyledRealInput\n type=\"checkbox\"\n name={name}\n value={value}\n checked={checked}\n disabled={disabled}\n onChange={onChange}\n onClick={onClick}\n onBlur={onBlur}\n onFocus={onFocus}\n />\n <StyledFakeInput size={size} isHighlighted={isHighlighted}>\n <StyledFakeInputInner size={size} />\n </StyledFakeInput>\n </StyledContainer>\n </Inline>\n </FormField>\n );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","_ref","theme","size","disabled","display","position","width","variables","dimension","toggle","height","togglePoint","boxSizing","cursor","StyledRealInput","opacity","StyledFakeInputInner","_ref2","margin","parseInt","borderRadius","transform","transition","background","values","color","default","StyledFakeInput","_ref3","isHighlighted","pointMargin","pointTranslateX","alignItems","border","borderColor","highlighted","marginTop","checked","hover","pointerEvents","outlineWidth","outlineStyle","outlineColor","Toggle","_ref4","name","value","undefined","onChange","onClick","onBlur","onFocus","dataE2eTestId","rest","spacing","labelVariant","labelWeight","React","createElement","FormField","_extends","Inline","space","vAlignItems","noWrap","Text","variant","weight","type"],"mappings":"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"}

package/build/esm/src/components/Form/ToggleButton/ToggleButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToggleButton.js","sources":["../../../../../../src/components/Form/ToggleButton/ToggleButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { Inline } from \"../../Inline/Inline\";\n\nexport type ToggleButtonProps = {\n label: string;\n subLabel?: string;\n name: string;\n value?: string;\n checked?: boolean \| undefined;\n disabled?: boolean;\n onChange?: (e: React.FormEvent<HTMLInputElement>) => void;\n onClick?: (e: React.FormEvent<HTMLInputElement>) => void;\n onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;\n onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;\n} & Omit<FormFieldProps, \"labelHint\">;\n\nconst StyledContainer = styled.div(() => ({\n display: \"inline-block\",\n}));\n\nconst StyledRealInput = styled.input<Partial<ToggleButtonProps>>(() => ({\n opacity: 0,\n cursor: \"pointer\",\n height: 0,\n width: 0,\n position: \"absolute\",\n}));\n\nconst StyledFakeInput = styled.div(({ theme }) => ({\n boxSizing: \"border-box\",\n borderRadius: theme.variables.size.borderRadius.toggleButton.m,\n border: \"2px solid\",\n height: theme.variables.size.dimension.toggleButton.height.m,\n cursor: \"pointer\",\n\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n padding: `${theme.variables.size.spacing.zero} ${theme.variables.size.spacing.m}`,\n fontFamily: theme.variables.fontFamily.lato,\n fontSize: theme.variables.size.font.toggleButton.m,\n fontWeight: theme.variables.weight.bold,\n lineHeight: theme.variables.size.lineHeight.toggleButton.m,\n\n background: theme.values.color.background.toggleButton.default,\n borderColor: theme.values.color.border.toggleButton.default,\n color: theme.values.color.text.toggleButton.default,\n\n \"input: focus-visible + &\": {\n outlineWidth: \"2px\",\n outlineStyle: \"solid\",\n outlineColor: \"Highlight\",\n },\n\n \"@media (-webkit-min-device-pixel-ratio:0)\": {\n \"input: focus-visible + &\": {\n outlineColor: \"-webkit-focus-ring-color\",\n outlineStyle: \"auto\",\n },\n },\n\n \"&:hover\": {\n borderColor: theme.values.color.border.toggleButton.defaultHover,\n },\n \"input:checked + &\": {\n borderColor: theme.values.color.border.toggleButton.active,\n color: theme.values.color.text.toggleButton.active,\n background: theme.values.color.background.toggleButton.active,\n\n \"&:hover\": {\n borderColor: theme.values.color.border.toggleButton.activeHover,\n background: theme.values.color.background.toggleButton.activeHover,\n },\n },\n \"input:disabled + &\": {\n pointerEvents: \"none\",\n },\n}));\n\nconst StyledSubLabel = styled.div(({ theme }) => ({\n color: theme.values.color.text.toggleButton.labelDefault,\n \"input:checked + div &\": {\n color: theme.values.color.text.toggleButton.labelActive,\n },\n}));\n\nexport function ToggleButton({\n label,\n subLabel,\n name,\n value = \"\",\n checked = undefined,\n disabled = false,\n onChange,\n onClick,\n onBlur,\n onFocus,\n \"data-e2e-test-id\": dataE2eTestId,\n ...rest\n}: ToggleButtonProps): React.ReactElement {\n return (\n <FormField\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"ToggleButton\"\n {...rest}\n disabled={disabled}\n >\n <StyledContainer data-e2e-test-id={dataE2eTestId}>\n <StyledRealInput\n type=\"checkbox\"\n name={name}\n value={value}\n checked={checked}\n disabled={disabled}\n onChange={onChange}\n onClick={onClick}\n onBlur={onBlur}\n onFocus={onFocus}\n />\n <StyledFakeInput>\n <Inline space=\"xxs\" noWrap>\n {label}\n {subLabel && <StyledSubLabel>{subLabel}</StyledSubLabel>}\n </Inline>\n </StyledFakeInput>\n </StyledContainer>\n </FormField>\n );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","display","StyledRealInput","opacity","cursor","height","width","position","StyledFakeInput","_ref","theme","boxSizing","borderRadius","variables","size","toggleButton","m","border","dimension","alignItems","justifyContent","padding","spacing","zero","fontFamily","lato","fontSize","font","fontWeight","weight","bold","lineHeight","background","values","color","default","borderColor","text","outlineWidth","outlineStyle","outlineColor","defaultHover","active","activeHover","pointerEvents","StyledSubLabel","_ref2","labelDefault","labelActive","ToggleButton","_ref3","subLabel","name","value","checked","undefined","disabled","onChange","onClick","onBlur","onFocus","dataE2eTestId","rest","React","createElement","FormField","_extends","type","Inline","space","noWrap"],"mappings":"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~~GACT~~,~~CAAA~~,eACFG,KAAA,CAAAC,aAAA,CAACxD,eAAe,EAAA,IAAA,eACduD,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,KAAK,EAAC,KAAK;IAACC,MAAM,EAAA,IAAA;AAAA,GAAA,EACvBtE,KAAK,EACLmD,QAAQ,iBAAIY,KAAA,CAAAC,aAAA,CAACnB,cAAc,QAAEM,~~QAAQ~~,~~CAAkB,~~CACjD,CACO,CACF,CACR,CAAA;AAEhB;;;;"}
1	+ {"version":3,"file":"ToggleButton.js","sources":["../../../../../../src/components/Form/ToggleButton/ToggleButton.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading */\n\nimport React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { FormField, FormFieldProps } from \"../FormField/FormField\";\nimport { Inline } from \"../../Inline/Inline\";\n\nexport type ToggleButtonProps = {\n label: string;\n subLabel?: string;\n name: string;\n value?: string;\n checked?: boolean \| undefined;\n disabled?: boolean;\n onChange?: (e: React.FormEvent<HTMLInputElement>) => void;\n onClick?: (e: React.FormEvent<HTMLInputElement>) => void;\n onBlur?: (e: React.FormEvent<HTMLInputElement>) => void;\n onFocus?: (e: React.FormEvent<HTMLInputElement>) => void;\n} & Omit<FormFieldProps, \"labelHint\">;\n\nconst StyledContainer = styled.div(() => ({\n display: \"inline-block\",\n}));\n\nconst StyledRealInput = styled.input<Partial<ToggleButtonProps>>(() => ({\n opacity: 0,\n cursor: \"pointer\",\n height: 0,\n width: 0,\n position: \"absolute\",\n}));\n\nconst StyledFakeInput = styled.div(({ theme }) => ({\n boxSizing: \"border-box\",\n borderRadius: theme.variables.size.borderRadius.toggleButton.m,\n border: \"2px solid\",\n height: theme.variables.size.dimension.toggleButton.height.m,\n cursor: \"pointer\",\n\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n padding: `${theme.variables.size.spacing.zero} ${theme.variables.size.spacing.m}`,\n fontFamily: theme.variables.fontFamily.lato,\n fontSize: theme.variables.size.font.toggleButton.m,\n fontWeight: theme.variables.weight.bold,\n lineHeight: theme.variables.size.lineHeight.toggleButton.m,\n\n background: theme.values.color.background.toggleButton.default,\n borderColor: theme.values.color.border.toggleButton.default,\n color: theme.values.color.text.toggleButton.default,\n\n \"input: focus-visible + &\": {\n outlineWidth: \"2px\",\n outlineStyle: \"solid\",\n outlineColor: \"Highlight\",\n },\n\n \"@media (-webkit-min-device-pixel-ratio:0)\": {\n \"input: focus-visible + &\": {\n outlineColor: \"-webkit-focus-ring-color\",\n outlineStyle: \"auto\",\n },\n },\n\n \"&:hover\": {\n borderColor: theme.values.color.border.toggleButton.defaultHover,\n },\n \"input:checked + &\": {\n borderColor: theme.values.color.border.toggleButton.active,\n color: theme.values.color.text.toggleButton.active,\n background: theme.values.color.background.toggleButton.active,\n\n \"&:hover\": {\n borderColor: theme.values.color.border.toggleButton.activeHover,\n background: theme.values.color.background.toggleButton.activeHover,\n },\n },\n \"input:disabled + &\": {\n pointerEvents: \"none\",\n },\n}));\n\nconst StyledSubLabel = styled.div(({ theme }) => ({\n color: theme.values.color.text.toggleButton.labelDefault,\n \"input:checked + div &\": {\n color: theme.values.color.text.toggleButton.labelActive,\n },\n}));\n\nexport function ToggleButton({\n label,\n subLabel,\n name,\n value = \"\",\n checked = undefined,\n disabled = false,\n onChange,\n onClick,\n onBlur,\n onFocus,\n \"data-e2e-test-id\": dataE2eTestId,\n ...rest\n}: ToggleButtonProps): React.ReactElement {\n return (\n <FormField\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"ToggleButton\"\n {...rest}\n disabled={disabled}\n >\n <StyledContainer data-e2e-test-id={dataE2eTestId}>\n <StyledRealInput\n type=\"checkbox\"\n name={name}\n value={value}\n checked={checked}\n disabled={disabled}\n onChange={onChange}\n onClick={onClick}\n onBlur={onBlur}\n onFocus={onFocus}\n />\n <StyledFakeInput>\n <Inline space=\"xxs\" noWrap>\n {label}\n {subLabel && <StyledSubLabel>{subLabel}</StyledSubLabel>}\n </Inline>\n </StyledFakeInput>\n </StyledContainer>\n </FormField>\n );\n}\n"],"names":["StyledContainer","_styled","process","env","NODE_ENV","target","label","display","StyledRealInput","opacity","cursor","height","width","position","StyledFakeInput","_ref","theme","boxSizing","borderRadius","variables","size","toggleButton","m","border","dimension","alignItems","justifyContent","padding","spacing","zero","fontFamily","lato","fontSize","font","fontWeight","weight","bold","lineHeight","background","values","color","default","borderColor","text","outlineWidth","outlineStyle","outlineColor","defaultHover","active","activeHover","pointerEvents","StyledSubLabel","_ref2","labelDefault","labelActive","ToggleButton","_ref3","subLabel","name","value","checked","undefined","disabled","onChange","onClick","onBlur","onFocus","dataE2eTestId","rest","React","createElement","FormField","_extends","type","Inline","space","noWrap"],"mappings":";;;;;;AAoBA,MAAMA,eAAe,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CAAW,OAAO;AACxCC,EAAAA,OAAO,EAAE,cAAA;AACX,CAAC,CAAC,EAAAL,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,q3KAAA,CAAA,CAAA;AAEH,MAAMI,eAAe,gBAAGP,OAAA,CAAA,OAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CAAyC,OAAO;AACtEG,EAAAA,OAAO,EAAE,CAAC;AACVC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,MAAM,EAAE,CAAC;AACTC,EAAAA,KAAK,EAAE,CAAC;AACRC,EAAAA,QAAQ,EAAE,UAAA;AACZ,CAAC,CAAC,EAAAX,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,q3KAAA,CAAA,CAAA;AAEH,MAAMU,eAAe,gBAAGb,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CAAWS,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;AACjDE,IAAAA,SAAS,EAAE,YAAY;IACvBC,YAAY,EAAEF,KAAK,CAACG,SAAS,CAACC,IAAI,CAACF,YAAY,CAACG,YAAY,CAACC,CAAC;AAC9DC,IAAAA,MAAM,EAAE,WAAW;AACnBZ,IAAAA,MAAM,EAAEK,KAAK,CAACG,SAAS,CAACC,IAAI,CAACI,SAAS,CAACH,YAAY,CAACV,MAAM,CAACW,CAAC;AAC5DZ,IAAAA,MAAM,EAAE,SAAS;AAEjBH,IAAAA,OAAO,EAAE,MAAM;AACfkB,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,QAAQ;IACxBC,OAAO,EAAG,GAAEX,KAAK,CAACG,SAAS,CAACC,IAAI,CAACQ,OAAO,CAACC,IAAK,CAAGb,CAAAA,EAAAA,KAAK,CAACG,SAAS,CAACC,IAAI,CAACQ,OAAO,CAACN,CAAE,CAAC,CAAA;AACjFQ,IAAAA,UAAU,EAAEd,KAAK,CAACG,SAAS,CAACW,UAAU,CAACC,IAAI;IAC3CC,QAAQ,EAAEhB,KAAK,CAACG,SAAS,CAACC,IAAI,CAACa,IAAI,CAACZ,YAAY,CAACC,CAAC;AAClDY,IAAAA,UAAU,EAAElB,KAAK,CAACG,SAAS,CAACgB,MAAM,CAACC,IAAI;IACvCC,UAAU,EAAErB,KAAK,CAACG,SAAS,CAACC,IAAI,CAACiB,UAAU,CAAChB,YAAY,CAACC,CAAC;IAE1DgB,UAAU,EAAEtB,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACF,UAAU,CAACjB,YAAY,CAACoB,OAAO;IAC9DC,WAAW,EAAE1B,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACjB,MAAM,CAACF,YAAY,CAACoB,OAAO;IAC3DD,KAAK,EAAExB,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACG,IAAI,CAACtB,YAAY,CAACoB,OAAO;AAEnD,IAAA,0BAA0B,EAAE;AAC1BG,MAAAA,YAAY,EAAE,KAAK;AACnBC,MAAAA,YAAY,EAAE,OAAO;AACrBC,MAAAA,YAAY,EAAE,WAAA;KACf;AAED,IAAA,2CAA2C,EAAE;AAC3C,MAAA,0BAA0B,EAAE;AAC1BA,QAAAA,YAAY,EAAE,0BAA0B;AACxCD,QAAAA,YAAY,EAAE,MAAA;AAChB,OAAA;KACD;AAED,IAAA,SAAS,EAAE;MACTH,WAAW,EAAE1B,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACjB,MAAM,CAACF,YAAY,CAAC0B,YAAAA;KACrD;AACD,IAAA,mBAAmB,EAAE;MACnBL,WAAW,EAAE1B,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACjB,MAAM,CAACF,YAAY,CAAC2B,MAAM;MAC1DR,KAAK,EAAExB,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACG,IAAI,CAACtB,YAAY,CAAC2B,MAAM;MAClDV,UAAU,EAAEtB,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACF,UAAU,CAACjB,YAAY,CAAC2B,MAAM;AAE7D,MAAA,SAAS,EAAE;QACTN,WAAW,EAAE1B,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACjB,MAAM,CAACF,YAAY,CAAC4B,WAAW;QAC/DX,UAAU,EAAEtB,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACF,UAAU,CAACjB,YAAY,CAAC4B,WAAAA;AACzD,OAAA;KACD;AACD,IAAA,oBAAoB,EAAE;AACpBC,MAAAA,aAAa,EAAE,MAAA;AACjB,KAAA;GACD,CAAA;AAAA,CAAC,EAAAhD,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,q3KAAA,CAAA,CAAA;AAEH,MAAM+C,cAAc,gBAAGlD,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,gBAAA;AAAA,CAAA,CAAA,CAAW8C,KAAA,IAAA;EAAA,IAAC;AAAEpC,IAAAA,KAAAA;AAAM,GAAC,GAAAoC,KAAA,CAAA;EAAA,OAAM;IAChDZ,KAAK,EAAExB,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACG,IAAI,CAACtB,YAAY,CAACgC,YAAY;AACxD,IAAA,uBAAuB,EAAE;MACvBb,KAAK,EAAExB,KAAK,CAACuB,MAAM,CAACC,KAAK,CAACG,IAAI,CAACtB,YAAY,CAACiC,WAAAA;AAC9C,KAAA;GACD,CAAA;AAAA,CAAC,EAAApD,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,q3KAAA,CAAA,CAAA;AAEI,SAASmD,YAAYA,CAAAC,KAAA,EAac;EAAA,IAbb;IAC3BlD,KAAK;IACLmD,QAAQ;IACRC,IAAI;AACJC,IAAAA,KAAK,GAAG,EAAE;AACVC,IAAAA,OAAO,GAAGC,SAAS;AACnBC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,QAAQ;IACRC,OAAO;IACPC,MAAM;IACNC,OAAO;AACP,IAAA,kBAAkB,EAAEC,aAAa;IACjC,GAAGC,IAAAA;AACc,GAAC,GAAAZ,KAAA,CAAA;AAClB,EAAA,oBACEa,KAAA,CAAAC,aAAA,CAACC,SAAS,EAAAC,QAAA,CAAA;AACR,IAAA,kBAAA,EAAkBL,aAAc;IAChC,YAAW,EAAA,cAAA;AAAc,GAAA,EACrBC,IAAI,EAAA;AACRN,IAAAA,QAAQ,EAAEA,QAAAA;AAAS,GAAA,CAAA,eAEnBO,KAAA,CAAAC,aAAA,CAACtE,eAAe,EAAA;IAAC,kBAAkBmE,EAAAA,aAAAA;AAAc,GAAA,eAC/CE,KAAA,CAAAC,aAAA,CAAC9D,eAAe,EAAA;AACdiE,IAAAA,IAAI,EAAC,UAAU;AACff,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,OAAO,EAAEA,OAAQ;AACjBE,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAAA;AAAQ,GAClB,CAAC,eACFG,KAAA,CAAAC,aAAA,CAACxD,eAAe,EAAA,IAAA,eACduD,KAAA,CAAAC,aAAA,CAACI,MAAM,EAAA;AAACC,IAAAA,KAAK,EAAC,KAAK;IAACC,MAAM,EAAA,IAAA;AAAA,GAAA,EACvBtE,KAAK,EACLmD,QAAQ,iBAAIY,KAAA,CAAAC,aAAA,CAACnB,cAAc,QAAEM,QAAyB,CACjD,CACO,CACF,CACR,CAAC,CAAA;AAEhB;;;;"}

package/build/esm/src/components/Icon/Icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.js","sources":["../../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { IconsVariations, BaseVariations } from \"../../types\";\nimport { icons as iconSizes } from \"../../../build-tokens/_icon_sizes_map.json\";\nimport icons from \"../../../build-tokens/assets/icons.json\";\nimport icons16 from \"../../../build-tokens/assets/icons16.json\";\nimport { useHover } from \"../../shared/useHover\";\n\nconst StyledIcon = styled.div<\n Partial<IconProps> & {\n isHoverable: boolean;\n parentRef: React.MutableRefObject<any>;\n parentIsHovered: boolean;\n }\n>(({ theme, variant, isHoverable, parentRef, parentIsHovered, size, as }) => ({\n width: iconSizes[size],\n height: iconSizes[size],\n \"& > svg\": {\n width: iconSizes[size],\n height: iconSizes[size],\n },\n ...(variant !== \"inherit\" && {\n ...(theme.values.color.text.link[variant as BaseVariations]\n ? {\n color: theme.values.color.text.link[variant as BaseVariations],\n }\n : {\n color: theme.values.color.text[variant],\n }),\n }),\n ...(as === \"span\" && {\n verticalAlign: \"middle\",\n }),\n ...((parentIsHovered \|\| isHoverable) && {\n cursor: \"pointer\",\n }),\n ...(parentRef && {\n opacity: parentIsHovered ? 1 : 0.6,\n }),\n ...(isHoverable && {\n opacity: 0.6,\n \":hover\": {\n opacity: 1,\n },\n }),\n}));\n\nexport type IconName = keyof typeof icons;\nexport type IconName16 = keyof typeof icons16;\n\nexport type IconProps = {\n /** Icon name /\n name: IconName;\n /* set to true to make the icon hoverable, pass a parent's ref to make the icon match the parent hover /\n hoverable?: boolean \| React.MutableRefObject<any>;\n /* set to true to have an inline icon wrapped in a span instead of div /\n inline?: boolean;\n /* Icon color can inherit parent style or can be primary, secondary and tertiary. */\n variant?: IconsVariations;\n size?: \"s\" \| \"m\" \| \"l\";\n \"data-e2e-test-id\"?: string;\n \"data-testid\"?: string;\n};\n\nexport const Icon = ({\n name,\n hoverable = false,\n inline = false,\n size = \"m\",\n variant = \"inherit\",\n \"data-e2e-test-id\": dataE2eTestId,\n \"data-testid\": dataTestId,\n}: IconProps): React.ReactElement => {\n const isHoverable = typeof hoverable === \"boolean\" && hoverable;\n const parentRef = typeof hoverable !== \"boolean\" && hoverable;\n const parentIsHovered = useHover(parentRef);\n const as = inline ? \"span\" : \"div\";\n\n return (\n <StyledIcon\n as={as}\n data-e2e-test-id={dataE2eTestId}\n data-testid={dataTestId}\n data-ds-id=\"Icon\"\n data-variant={variant}\n variant={variant}\n isHoverable={isHoverable}\n parentRef={parentRef}\n parentIsHovered={parentIsHovered}\n size={size}\n dangerouslySetInnerHTML={{\n __html: (size === \"s\" && icons16[name as IconName16]) \|\| icons[name],\n }}\n />\n );\n};\n"],"names":["StyledIcon","_styled","process","env","NODE_ENV","target","label","_ref","theme","variant","isHoverable","parentRef","parentIsHovered","size","as","width","iconSizes","height","values","color","text","link","verticalAlign","cursor","opacity","Icon","_ref2","name","hoverable","inline","dataE2eTestId","dataTestId","useHover","React","createElement","dangerouslySetInnerHTML","__html","icons16","icons"],"mappings":";;;;;;;AAQA,MAAMA,UAAU,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,YAAA;AAAA,CAAA,CAAA,CAMjBC,IAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;IAAEC,OAAO;IAAEC,WAAW;IAAEC,SAAS;IAAEC,eAAe;IAAEC,IAAI;AAAEC,IAAAA,EAAAA;AAAG,GAAC,GAAAP,IAAA,CAAA;EAAA,OAAM;AAC5EQ,IAAAA,KAAK,EAAEC,KAAS,CAACH,IAAI,CAAC;AACtBI,IAAAA,MAAM,EAAED,KAAS,CAACH,IAAI,CAAC;AACvB,IAAA,SAAS,EAAE;AACTE,MAAAA,KAAK,EAAEC,KAAS,CAACH,IAAI,CAAC;MACtBI,MAAM,EAAED,KAAS,CAACH,IAAI,CAAA;KACvB;IACD,IAAIJ,OAAO,KAAK,SAAS,IAAI;AAC3B,MAAA,IAAID,KAAK,CAACU,MAAM,CAACC,KAAK,CAACC,IAAI,CAACC,IAAI,CAACZ,OAAO,CAAmB,GACvD;QACEU,KAAK,EAAEX,KAAK,CAACU,MAAM,CAACC,KAAK,CAACC,IAAI,CAACC,IAAI,CAACZ,OAAO,CAAA;AAC7C,OAAC,GACD;QACEU,KAAK,EAAEX,KAAK,CAACU,MAAM,CAACC,KAAK,CAACC,IAAI,CAACX,OAAO,CAAA;OACvC,CAAA;AACP,KAAC,CAAC;IACF,IAAIK,EAAE,KAAK,MAAM,IAAI;AACnBQ,MAAAA,aAAa,EAAE,QAAA;AACjB,KAAC,CAAC;AACF,IAAA,IAAI,CAACV,eAAe,IAAIF,WAAW,KAAK;AACtCa,MAAAA,MAAM,EAAE,SAAA;AACV,KAAC,CAAC;AACF,IAAA,IAAIZ,SAAS,IAAI;AACfa,MAAAA,OAAO,EAAEZ,eAAe,GAAG,CAAC,GAAG,GAAA;AACjC,KAAC,CAAC;AACF,IAAA,IAAIF,WAAW,IAAI;AACjBc,MAAAA,OAAO,EAAE,GAAG;AACZ,MAAA,QAAQ,EAAE;AACRA,QAAAA,OAAO,EAAE,CAAA;AACX,OAAA;KACD,CAAA;GACF,CAAA;AAAA,CAAC,EAAAtB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,6jIAAA,CAAA,CAAA;AAmBUqB,MAAAA,IAAI,GAAGC,KAAA,IAQiB;EAAA,IARhB;IACnBC,IAAI;AACJC,IAAAA,SAAS,GAAG,KAAK;AACjBC,IAAAA,MAAM,GAAG,KAAK;AACdhB,IAAAA,IAAI,GAAG,GAAG;AACVJ,IAAAA,OAAO,GAAG,SAAS;AACnB,IAAA,kBAAkB,EAAEqB,aAAa;AACjC,IAAA,aAAa,EAAEC,UAAAA;AACN,GAAC,GAAAL,KAAA,CAAA;AACV,EAAA,MAAMhB,WAAW,GAAG,OAAOkB,SAAS,KAAK,SAAS,IAAIA,SAAS,CAAA;AAC/D,EAAA,MAAMjB,SAAS,GAAG,OAAOiB,SAAS,KAAK,SAAS,IAAIA,SAAS,CAAA;AAC7D,EAAA,MAAMhB,eAAe,GAAGoB,QAAQ,CAACrB,SAAS,CAAC,CAAA;AAC3C,EAAA,MAAMG,EAAE,GAAGe,MAAM,GAAG,MAAM,GAAG,KAAK,CAAA;AAElC,EAAA,oBACEI,KAAA,CAAAC,aAAA,CAAClC,UAAU,EAAA;AACTc,IAAAA,EAAE,EAAEA,EAAG;AACP,IAAA,kBAAA,EAAkBgB,aAAc;AAChC,IAAA,aAAA,EAAaC,UAAW;AACxB,IAAA,YAAA,EAAW,MAAM;AACjB,IAAA,cAAA,EAActB,OAAQ;AACtBA,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,IAAI,EAAEA,IAAK;AACXsB,IAAAA,uBAAuB,EAAE;AACvBC,MAAAA,MAAM,EAAGvB,IAAI,KAAK,GAAG,IAAIwB,OAAO,CAACV,IAAI,CAAe,IAAKW,OAAK,CAACX,IAAI,CAAA;AACrE,KAAA;~~GACA~~,~~CAAA~~,CAAA;AAEN;;;;"}
1	+ {"version":3,"file":"Icon.js","sources":["../../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { IconsVariations, BaseVariations } from \"../../types\";\nimport { icons as iconSizes } from \"../../../build-tokens/_icon_sizes_map.json\";\nimport icons from \"../../../build-tokens/assets/icons.json\";\nimport icons16 from \"../../../build-tokens/assets/icons16.json\";\nimport { useHover } from \"../../shared/useHover\";\n\nconst StyledIcon = styled.div<\n Partial<IconProps> & {\n isHoverable: boolean;\n parentRef: React.MutableRefObject<any>;\n parentIsHovered: boolean;\n }\n>(({ theme, variant, isHoverable, parentRef, parentIsHovered, size, as }) => ({\n width: iconSizes[size],\n height: iconSizes[size],\n \"& > svg\": {\n width: iconSizes[size],\n height: iconSizes[size],\n },\n ...(variant !== \"inherit\" && {\n ...(theme.values.color.text.link[variant as BaseVariations]\n ? {\n color: theme.values.color.text.link[variant as BaseVariations],\n }\n : {\n color: theme.values.color.text[variant],\n }),\n }),\n ...(as === \"span\" && {\n verticalAlign: \"middle\",\n }),\n ...((parentIsHovered \|\| isHoverable) && {\n cursor: \"pointer\",\n }),\n ...(parentRef && {\n opacity: parentIsHovered ? 1 : 0.6,\n }),\n ...(isHoverable && {\n opacity: 0.6,\n \":hover\": {\n opacity: 1,\n },\n }),\n}));\n\nexport type IconName = keyof typeof icons;\nexport type IconName16 = keyof typeof icons16;\n\nexport type IconProps = {\n /** Icon name /\n name: IconName;\n /* set to true to make the icon hoverable, pass a parent's ref to make the icon match the parent hover /\n hoverable?: boolean \| React.MutableRefObject<any>;\n /* set to true to have an inline icon wrapped in a span instead of div /\n inline?: boolean;\n /* Icon color can inherit parent style or can be primary, secondary and tertiary. */\n variant?: IconsVariations;\n size?: \"s\" \| \"m\" \| \"l\";\n \"data-e2e-test-id\"?: string;\n \"data-testid\"?: string;\n};\n\nexport const Icon = ({\n name,\n hoverable = false,\n inline = false,\n size = \"m\",\n variant = \"inherit\",\n \"data-e2e-test-id\": dataE2eTestId,\n \"data-testid\": dataTestId,\n}: IconProps): React.ReactElement => {\n const isHoverable = typeof hoverable === \"boolean\" && hoverable;\n const parentRef = typeof hoverable !== \"boolean\" && hoverable;\n const parentIsHovered = useHover(parentRef);\n const as = inline ? \"span\" : \"div\";\n\n return (\n <StyledIcon\n as={as}\n data-e2e-test-id={dataE2eTestId}\n data-testid={dataTestId}\n data-ds-id=\"Icon\"\n data-variant={variant}\n variant={variant}\n isHoverable={isHoverable}\n parentRef={parentRef}\n parentIsHovered={parentIsHovered}\n size={size}\n dangerouslySetInnerHTML={{\n __html: (size === \"s\" && icons16[name as IconName16]) \|\| icons[name],\n }}\n />\n );\n};\n"],"names":["StyledIcon","_styled","process","env","NODE_ENV","target","label","_ref","theme","variant","isHoverable","parentRef","parentIsHovered","size","as","width","iconSizes","height","values","color","text","link","verticalAlign","cursor","opacity","Icon","_ref2","name","hoverable","inline","dataE2eTestId","dataTestId","useHover","React","createElement","dangerouslySetInnerHTML","__html","icons16","icons"],"mappings":"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"}

package/build/esm/src/components/Inline/Inline.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Inline.js","sources":["../../../../../src/components/Inline/Inline.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { flattenChildren } from \"../../shared/flattenChildren\";\nimport { mq } from \"../../shared/mediaQueries\";\n\nimport {\n HorizontalAlignment,\n SpaceSizes,\n VerticalAlignment,\n MQ,\n} from \"../../types\";\n\nexport type InlineProps = {\n children: React.ReactNode[] \| React.ReactElement;\n /** Represents the spacing between the Inline's children.\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n /\n space?: MQ<SpaceSizes> \| SpaceSizes;\n /* Represents the vertical spacing between the Inline's children. It overrides the inherited vertical spacing from `space` if set.\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n /\n vSpace?: MQ<SpaceSizes> \| SpaceSizes;\n /* Represents elements' horizontal alignment\n * specify [small screen alignItems, medium screen alignItems, large screen alignItems] or one alignItems for all screen sizes\n /\n alignItems?: MQ<HorizontalAlignment> \| HorizontalAlignment;\n /* Represents elements' vertical alignment\n * specify [small screen vAlignItems, medium screen vAlignItems, large screen vAlignItems] or one vAlignItems for all screen sizes\n /\n vAlignItems?: MQ<VerticalAlignment> \| VerticalAlignment;\n /* Set to true to disable wrapping property /\n noWrap?: boolean;\n \"data-e2e-test-id\"?: string;\n /* @ignore /\n \"data-ds-id\"?: string;\n};\n\ntype InlineItemProps = {\n /* Represents the spacing between the Inline's children.\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n /\n space?: MQ<SpaceSizes> \| SpaceSizes;\n /* Represents the vertical spacing between the Inline's children. It overrides the inherited vertical spacing from `space` if set.\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n */\n vSpace?: MQ<SpaceSizes> \| SpaceSizes;\n};\n\nconst defaultProps: Partial<InlineProps> = {\n alignItems: \"left\",\n space: \"xs\",\n noWrap: false,\n vAlignItems: \"top\",\n \"data-e2e-test-id\": undefined,\n \"data-ds-id\": \"Inline\",\n};\n\nconst makeNegative = (obj: Record<string, string>): Record<string, string> =>\n Object.entries(obj)\n .map(([key, value]) => [key, `-${value}`])\n .reduce((acc, [key, value]) => {\n acc[key] = value;\n return acc;\n }, {} as Record<string, string>);\n\nconst InlineContainer = styled.div<InlineProps>(\n ({ alignItems, vAlignItems, space, vSpace, theme, noWrap }) => ({\n ...mq({\n alignItems: [\n vAlignItems,\n {\n top: \"flex-start\",\n bottom: \"flex-end\",\n center: \"center\",\n spaceBetween: \"space-between\",\n },\n ],\n justifyContent: [\n alignItems,\n {\n left: \"flex-start\",\n right: \"flex-end\",\n center: \"center\",\n spaceBetween: \"space-between\",\n },\n ],\n marginLeft: [space, makeNegative(theme.variables.size.spacing)],\n marginTop: [vSpace, makeNegative(theme.variables.size.spacing)],\n }),\n display: \"flex\",\n flexDirection: \"row\",\n flexWrap: noWrap ? \"nowrap\" : \"wrap\",\n })\n);\n\nconst InlineItem = styled.div<InlineItemProps>(({ theme, space, vSpace }) => ({\n ...mq({\n marginTop: [vSpace, theme.variables.size.spacing],\n marginLeft: [space, theme.variables.size.spacing],\n }),\n \"&:empty\": {\n marginTop: 0,\n marginLeft: 0,\n },\n}));\n\nexport function Inline({\n children,\n alignItems,\n vAlignItems,\n space,\n vSpace = space,\n noWrap,\n \"data-e2e-test-id\": dataE2eTestId,\n \"data-ds-id\": dataDsId,\n}: InlineProps): React.ReactElement {\n return (\n <InlineContainer\n data-e2e-test-id={dataE2eTestId}\n data-ds-id={dataDsId}\n alignItems={alignItems}\n vAlignItems={vAlignItems}\n space={space}\n vSpace={vSpace}\n noWrap={noWrap}\n >\n {React.Children.map(\n flattenChildren(children),\n (child) =>\n child && (\n <InlineItem space={space} vSpace={vSpace}>\n {child}\n </InlineItem>\n )\n )}\n </InlineContainer>\n );\n}\n\nInline.defaultProps = defaultProps;\n"],"names":["defaultProps","alignItems","space","noWrap","vAlignItems","undefined","makeNegative","obj","Object","entries","map","_ref","key","value","reduce","acc","_ref2","InlineContainer","_styled","process","env","NODE_ENV","target","label","_ref3","vSpace","theme","mq","top","bottom","center","spaceBetween","justifyContent","left","right","marginLeft","variables","size","spacing","marginTop","display","flexDirection","flexWrap","InlineItem","_ref4","Inline","_ref5","children","dataE2eTestId","dataDsId","React","createElement","Children","flattenChildren","child"],"mappings":";;;;;AAgDA,MAAMA,YAAkC,GAAG;AACzCC,EAAAA,UAAU,EAAE,MAAM;AAClBC,EAAAA,KAAK,EAAE,IAAI;AACXC,EAAAA,MAAM,EAAE,KAAK;AACbC,EAAAA,WAAW,EAAE,KAAK;AAClB,EAAA,kBAAkB,EAAEC,SAAS;AAC7B,EAAA,YAAY,EAAE,QAAA;AAChB,CAAC,CAAA;AAED,MAAMC,YAAY,GAAIC,GAA2B,IAC/CC,MAAM,CAACC,OAAO,CAACF,GAAG,CAAC,CAChBG,GAAG,CAACC,IAAA,IAAA;AAAA,EAAA,IAAC,CAACC,GAAG,EAAEC,KAAK,CAAC,GAAAF,IAAA,CAAA;AAAA,EAAA,OAAK,CAACC,GAAG,EAAG,CAAGC,CAAAA,EAAAA,KAAM,EAAC,CAAC,CAAA;AAAA,CAAA,CAAC,CACzCC,MAAM,CAAC,CAACC,GAAG,EAAAC,KAAA,KAAmB;AAAA,EAAA,IAAjB,CAACJ,GAAG,EAAEC,KAAK,CAAC,GAAAG,KAAA,CAAA;AACxBD,EAAAA,GAAG,CAACH,GAAG,CAAC,GAAGC,KAAK,CAAA;AAChB,EAAA,OAAOE,GAAG,CAAA;AACZ,CAAC,EAAE,~~EAAE~~,~~CAA2B~~,CAAA;AAEpC,MAAME,eAAe,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CACtBC,KAAA,IAAA;EAAA,IAAC;IAAEvB,UAAU;IAAEG,WAAW;IAAEF,KAAK;IAAEuB,MAAM;IAAEC,KAAK;AAAEvB,IAAAA,MAAAA;AAAO,GAAC,GAAAqB,KAAA,CAAA;EAAA,OAAM;AAC9D,IAAA,GAAGG,EAAE,CAAC;MACJ1B,UAAU,EAAE,CACVG,WAAW,EACX;AACEwB,QAAAA,GAAG,EAAE,YAAY;AACjBC,QAAAA,MAAM,EAAE,UAAU;AAClBC,QAAAA,MAAM,EAAE,QAAQ;AAChBC,QAAAA,YAAY,EAAE,eAAA;AAChB,OAAC,CACF;MACDC,cAAc,EAAE,CACd/B,UAAU,EACV;AACEgC,QAAAA,IAAI,EAAE,YAAY;AAClBC,QAAAA,KAAK,EAAE,UAAU;AACjBJ,QAAAA,MAAM,EAAE,QAAQ;AAChBC,QAAAA,YAAY,EAAE,eAAA;AAChB,OAAC,CACF;AACDI,MAAAA,UAAU,EAAE,CAACjC,KAAK,EAAEI,YAAY,CAACoB,KAAK,CAACU,SAAS,CAACC,IAAI,CAACC,OAAO,CAAC,CAAC;AAC/DC,MAAAA,SAAS,EAAE,CAACd,MAAM,EAAEnB,YAAY,CAACoB,KAAK,CAACU,SAAS,CAACC,IAAI,CAACC,OAAO,CAAC,CAAA;AAChE,KAAC,CAAC;AACFE,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,aAAa,EAAE,KAAK;AACpBC,IAAAA,QAAQ,EAAEvC,MAAM,GAAG,QAAQ,GAAG,MAAA;GAC/B,CAAA;AAAA,CAAC,EAAAgB,OAAA,CAAAC,GAAA,CAAAC,QAAA,~~KACH~~,~~YAAA~~,~~GAAA,EAAA,GAAA,igMAAA,~~CAAA~~,CAAA~~;AAED,MAAMsB,UAAU,gBAAGzB,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,YAAA;AAAA,CAAA,CAAA,CAA4BqB,KAAA,IAAA;EAAA,IAAC;IAAElB,KAAK;IAAExB,KAAK;AAAEuB,IAAAA,MAAAA;AAAO,GAAC,GAAAmB,KAAA,CAAA;EAAA,OAAM;AAC5E,IAAA,GAAGjB,EAAE,CAAC;MACJY,SAAS,EAAE,CAACd,MAAM,EAAEC,KAAK,CAACU,SAAS,CAACC,IAAI,CAACC,OAAO,CAAC;MACjDH,UAAU,EAAE,CAACjC,KAAK,EAAEwB,KAAK,CAACU,SAAS,CAACC,IAAI,CAACC,OAAO,CAAA;AAClD,KAAC,CAAC;AACF,IAAA,SAAS,EAAE;AACTC,MAAAA,SAAS,EAAE,CAAC;AACZJ,MAAAA,UAAU,EAAE,CAAA;AACd,KAAA;GACD,CAAA;AAAA,CAAC,EAAAhB,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,igMAAA,CAAA,CAAA;AAEI,SAASwB,MAAMA,CAAAC,KAAA,EASc;EAAA,IATb;IACrBC,QAAQ;IACR9C,UAAU;IACVG,WAAW;IACXF,KAAK;AACLuB,IAAAA,MAAM,GAAGvB,KAAK;IACdC,MAAM;AACN,IAAA,kBAAkB,EAAE6C,aAAa;AACjC,IAAA,YAAY,EAAEC,QAAAA;AACH,GAAC,GAAAH,KAAA,CAAA;AACZ,EAAA,oBACEI,KAAA,CAAAC,aAAA,CAAClC,eAAe,EAAA;AACd,IAAA,kBAAA,EAAkB+B,aAAc;AAChC,IAAA,YAAA,EAAYC,QAAS;AACrBhD,IAAAA,UAAU,EAAEA,UAAW;AACvBG,IAAAA,WAAW,EAAEA,WAAY;AACzBF,IAAAA,KAAK,EAAEA,KAAM;AACbuB,IAAAA,MAAM,EAAEA,MAAO;AACftB,IAAAA,MAAM,EAAEA,MAAAA;AAAO,GAAA,EAEd+C,KAAK,CAACE,QAAQ,CAAC1C,GAAG,CACjB2C,eAAe,CAACN,QAAQ,CAAC,EACxBO,KAAK,IACJA,KAAK,iBACHJ,KAAA,CAAAC,aAAA,CAACR,UAAU,EAAA;AAACzC,IAAAA,KAAK,EAAEA,KAAM;AAACuB,IAAAA,MAAM,EAAEA,MAAAA;GAC/B6B,EAAAA,~~KAAK~~,~~CAET~~,~~CACJ,~~CACe,CAAA;AAEtB,CAAA;AAEAT,MAAM,CAAC7C,YAAY,GAAGA,YAAY;;;;"}
1	+ {"version":3,"file":"Inline.js","sources":["../../../../../src/components/Inline/Inline.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { flattenChildren } from \"../../shared/flattenChildren\";\nimport { mq } from \"../../shared/mediaQueries\";\n\nimport {\n HorizontalAlignment,\n SpaceSizes,\n VerticalAlignment,\n MQ,\n} from \"../../types\";\n\nexport type InlineProps = {\n children: React.ReactNode[] \| React.ReactElement;\n /** Represents the spacing between the Inline's children.\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n /\n space?: MQ<SpaceSizes> \| SpaceSizes;\n /* Represents the vertical spacing between the Inline's children. It overrides the inherited vertical spacing from `space` if set.\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n /\n vSpace?: MQ<SpaceSizes> \| SpaceSizes;\n /* Represents elements' horizontal alignment\n * specify [small screen alignItems, medium screen alignItems, large screen alignItems] or one alignItems for all screen sizes\n /\n alignItems?: MQ<HorizontalAlignment> \| HorizontalAlignment;\n /* Represents elements' vertical alignment\n * specify [small screen vAlignItems, medium screen vAlignItems, large screen vAlignItems] or one vAlignItems for all screen sizes\n /\n vAlignItems?: MQ<VerticalAlignment> \| VerticalAlignment;\n /* Set to true to disable wrapping property /\n noWrap?: boolean;\n \"data-e2e-test-id\"?: string;\n /* @ignore /\n \"data-ds-id\"?: string;\n};\n\ntype InlineItemProps = {\n /* Represents the spacing between the Inline's children.\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n /\n space?: MQ<SpaceSizes> \| SpaceSizes;\n /* Represents the vertical spacing between the Inline's children. It overrides the inherited vertical spacing from `space` if set.\n * specify [small screen space, medium screen space, large screen space] or one space for all screen sizes\n */\n vSpace?: MQ<SpaceSizes> \| SpaceSizes;\n};\n\nconst defaultProps: Partial<InlineProps> = {\n alignItems: \"left\",\n space: \"xs\",\n noWrap: false,\n vAlignItems: \"top\",\n \"data-e2e-test-id\": undefined,\n \"data-ds-id\": \"Inline\",\n};\n\nconst makeNegative = (obj: Record<string, string>): Record<string, string> =>\n Object.entries(obj)\n .map(([key, value]) => [key, `-${value}`])\n .reduce((acc, [key, value]) => {\n acc[key] = value;\n return acc;\n }, {} as Record<string, string>);\n\nconst InlineContainer = styled.div<InlineProps>(\n ({ alignItems, vAlignItems, space, vSpace, theme, noWrap }) => ({\n ...mq({\n alignItems: [\n vAlignItems,\n {\n top: \"flex-start\",\n bottom: \"flex-end\",\n center: \"center\",\n spaceBetween: \"space-between\",\n },\n ],\n justifyContent: [\n alignItems,\n {\n left: \"flex-start\",\n right: \"flex-end\",\n center: \"center\",\n spaceBetween: \"space-between\",\n },\n ],\n marginLeft: [space, makeNegative(theme.variables.size.spacing)],\n marginTop: [vSpace, makeNegative(theme.variables.size.spacing)],\n }),\n display: \"flex\",\n flexDirection: \"row\",\n flexWrap: noWrap ? \"nowrap\" : \"wrap\",\n })\n);\n\nconst InlineItem = styled.div<InlineItemProps>(({ theme, space, vSpace }) => ({\n ...mq({\n marginTop: [vSpace, theme.variables.size.spacing],\n marginLeft: [space, theme.variables.size.spacing],\n }),\n \"&:empty\": {\n marginTop: 0,\n marginLeft: 0,\n },\n}));\n\nexport function Inline({\n children,\n alignItems,\n vAlignItems,\n space,\n vSpace = space,\n noWrap,\n \"data-e2e-test-id\": dataE2eTestId,\n \"data-ds-id\": dataDsId,\n}: InlineProps): React.ReactElement {\n return (\n <InlineContainer\n data-e2e-test-id={dataE2eTestId}\n data-ds-id={dataDsId}\n alignItems={alignItems}\n vAlignItems={vAlignItems}\n space={space}\n vSpace={vSpace}\n noWrap={noWrap}\n >\n {React.Children.map(\n flattenChildren(children),\n (child) =>\n child && (\n <InlineItem space={space} vSpace={vSpace}>\n {child}\n </InlineItem>\n )\n )}\n </InlineContainer>\n );\n}\n\nInline.defaultProps = defaultProps;\n"],"names":["defaultProps","alignItems","space","noWrap","vAlignItems","undefined","makeNegative","obj","Object","entries","map","_ref","key","value","reduce","acc","_ref2","InlineContainer","_styled","process","env","NODE_ENV","target","label","_ref3","vSpace","theme","mq","top","bottom","center","spaceBetween","justifyContent","left","right","marginLeft","variables","size","spacing","marginTop","display","flexDirection","flexWrap","InlineItem","_ref4","Inline","_ref5","children","dataE2eTestId","dataDsId","React","createElement","Children","flattenChildren","child"],"mappings":"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"}

package/build/esm/src/components/Link/Link.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Link.js","sources":["../../../../../src/components/Link/Link.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\n/ eslint-disable react/default-props-match-prop-types */\nimport React from \"react\";\n\nimport styled from \"@emotion/styled\";\nimport { Theme, CSSObject } from \"@emotion/react\";\nimport {\n LinkVariations,\n LinkTextSize,\n PolymorphicComponentProps,\n AsProp,\n} from \"../../types\";\nimport { informDeprecation } from \"../../shared/informDeprecation\";\n\nexport type LinkProps = {\n size?: LinkTextSize;\n weight?: \"normal\" \| \"bold\" \| \"inherit\";\n variant?: LinkVariations;\n onClick?: () => void;\n \"data-e2e-test-id\"?: string;\n};\n\nconst defaultProps: Partial<LinkProps> & AsProp<\"a\"> = {\n variant: \"secondary\",\n as: \"a\",\n};\n\nconst handleHover = (theme: Theme, variant: LinkVariations) => {\n switch (variant) {\n case \"primary\":\n return theme.values.color.text.link.primaryHover;\n case \"tertiary\":\n return theme.values.color.text.link.tertiaryHover;\n case \"secondary\":\n default:\n return theme.values.color.text.link.secondaryHover;\n }\n};\n\nconst StyledLink = styled.a<Partial<LinkProps>>(\n ({ theme, weight, variant, size }) =>\n ({\n textDecoration: \"underline\",\n cursor: \"pointer\",\n color: theme.values.color.text.link[variant],\n background: \"none\",\n border: \"none\",\n padding: 0,\n \"&:hover\": {\n color: handleHover(theme, variant),\n },\n fontSize: theme.variables.size.font.link[size],\n fontWeight: theme.variables.weight[weight],\n lineHeight: theme.variables.size.lineHeight.link[size],\n fontFamily: theme.variables.fontFamily.lato,\n } as CSSObject)\n);\n\nexport function Link<C extends React.ElementType = \"a\">({\n children,\n size,\n weight,\n variant,\n \"data-e2e-test-id\": dataE2eTestId,\n ...rest\n}: PolymorphicComponentProps<C, LinkProps>): React.ReactElement {\n if (variant === (\"light-primary\" as LinkVariations)) {\n informDeprecation(\n variant,\n \"light-primary\",\n \"Link component\",\n \"Please consider using SubThemeProvider. \\n Delete all mentions of light-primary in DS after.\"\n );\n }\n return (\n <StyledLink\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Link\"\n variant={variant}\n size={size}\n weight={weight}\n {...rest}\n >\n {children}\n </StyledLink>\n );\n}\n\nLink.defaultProps = defaultProps;\n"],"names":["defaultProps","variant","as","handleHover","theme","values","color","text","link","primaryHover","tertiaryHover","secondaryHover","StyledLink","_styled","process","env","NODE_ENV","target","label","_ref","weight","size","textDecoration","cursor","background","border","padding","fontSize","variables","font","fontWeight","lineHeight","fontFamily","lato","Link","_ref2","children","dataE2eTestId","rest","informDeprecation","React","createElement","_extends"],"mappings":";;;;;AAsBA,MAAMA,YAA8C,GAAG;AACrDC,EAAAA,OAAO,EAAE,WAAW;AACpBC,EAAAA,EAAE,EAAE,GAAA;AACN,CAAC,CAAA;AAED,MAAMC,WAAW,GAAGA,CAACC,KAAY,EAAEH,OAAuB,KAAK;AAC7D,EAAA,QAAQA,OAAO;AACb,IAAA,KAAK,SAAS;MACZ,OAAOG,KAAK,CAACC,MAAM,CAACC,KAAK,CAACC,IAAI,CAACC,IAAI,CAACC,YAAY,CAAA;AAClD,IAAA,KAAK,UAAU;MACb,OAAOL,KAAK,CAACC,MAAM,CAACC,KAAK,CAACC,IAAI,CAACC,IAAI,CAACE,aAAa,CAAA;AACnD,IAAA,KAAK,WAAW,CAAA;AAChB,IAAA;MACE,OAAON,KAAK,CAACC,MAAM,CAACC,KAAK,CAACC,IAAI,CAACC,IAAI,CAACG,cAAc,CAAA;~~AAAC~~,GAAA;~~AAEzD~~,CAAC,CAAA;AAED,MAAMC,UAAU,gBAAGC,OAAA,CAAA,GAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,YAAA;AAAA,CAAA,CAAA,CACjBC,IAAA,IAAA;EAAA,IAAC;IAAEf,KAAK;IAAEgB,MAAM;IAAEnB,OAAO;AAAEoB,IAAAA,IAAAA;AAAK,GAAC,GAAAF,IAAA,CAAA;EAAA,OAC9B;AACCG,IAAAA,cAAc,EAAE,WAAW;AAC3BC,IAAAA,MAAM,EAAE,SAAS;AACjBjB,IAAAA,KAAK,EAAEF,KAAK,CAACC,MAAM,CAACC,KAAK,CAACC,IAAI,CAACC,IAAI,CAACP,OAAO,CAAC;AAC5CuB,IAAAA,UAAU,EAAE,MAAM;AAClBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,OAAO,EAAE,CAAC;AACV,IAAA,SAAS,EAAE;AACTpB,MAAAA,KAAK,EAAEH,WAAW,CAACC,KAAK,EAAEH,OAAO,CAAA;KAClC;AACD0B,IAAAA,QAAQ,EAAEvB,KAAK,CAACwB,SAAS,CAACP,IAAI,CAACQ,IAAI,CAACrB,IAAI,CAACa,IAAI,CAAC;IAC9CS,UAAU,EAAE1B,KAAK,CAACwB,SAAS,CAACR,MAAM,CAACA,MAAM,CAAC;AAC1CW,IAAAA,UAAU,EAAE3B,KAAK,CAACwB,SAAS,CAACP,IAAI,CAACU,UAAU,CAACvB,IAAI,CAACa,IAAI,CAAC;AACtDW,IAAAA,UAAU,EAAE5B,KAAK,CAACwB,SAAS,CAACI,UAAU,CAACC,IAAAA;GACxC,CAAA;AAAA,CAAc,EAAAnB,OAAA,CAAAC,GAAA,CAAAC,QAAA,~~KAClB~~,~~YAAA~~,~~GAAA,EAAA,GAAA,y6GAAA,~~CAAA~~,CAAA~~;AAEM,SAASkB,IAAIA,CAAAC,KAAA,EAO4C;EAAA,IAPR;IACtDC,QAAQ;IACRf,IAAI;IACJD,MAAM;IACNnB,OAAO;AACP,IAAA,kBAAkB,EAAEoC,aAAa;IACjC,GAAGC,IAAAA;AACoC,GAAC,GAAAH,KAAA,CAAA;EACxC,IAAIlC,OAAO,KAAM,eAAkC,EAAE;IACnDsC,iBAAiB,CACftC,OAAO,EACP,eAAe,EACf,gBAAgB,EAChB,~~8FAA8F~~,~~CAC/F~~,CAAA;AACH,GAAA;AACA,EAAA,oBACEuC,KAAA,CAAAC,aAAA,CAAC7B,UAAU,EAAA8B,QAAA,CAAA;AACT,IAAA,kBAAA,EAAkBL,aAAc;AAChC,IAAA,YAAA,EAAW,MAAM;AACjBpC,IAAAA,OAAO,EAAEA,OAAQ;AACjBoB,IAAAA,IAAI,EAAEA,IAAK;AACXD,IAAAA,MAAM,EAAEA,MAAAA;GACJkB,EAAAA,IAAI,CAEPF,EAAAA,~~QAAQ~~,~~CACE~~,CAAA;AAEjB,CAAA;AAEAF,IAAI,CAAClC,YAAY,GAAGA,YAAY;;;;"}
1	+ {"version":3,"file":"Link.js","sources":["../../../../../src/components/Link/Link.tsx"],"sourcesContent":["/* eslint-disable react/jsx-props-no-spreading /\n/ eslint-disable react/default-props-match-prop-types */\nimport React from \"react\";\n\nimport styled from \"@emotion/styled\";\nimport { Theme, CSSObject } from \"@emotion/react\";\nimport {\n LinkVariations,\n LinkTextSize,\n PolymorphicComponentProps,\n AsProp,\n} from \"../../types\";\nimport { informDeprecation } from \"../../shared/informDeprecation\";\n\nexport type LinkProps = {\n size?: LinkTextSize;\n weight?: \"normal\" \| \"bold\" \| \"inherit\";\n variant?: LinkVariations;\n onClick?: () => void;\n \"data-e2e-test-id\"?: string;\n};\n\nconst defaultProps: Partial<LinkProps> & AsProp<\"a\"> = {\n variant: \"secondary\",\n as: \"a\",\n};\n\nconst handleHover = (theme: Theme, variant: LinkVariations) => {\n switch (variant) {\n case \"primary\":\n return theme.values.color.text.link.primaryHover;\n case \"tertiary\":\n return theme.values.color.text.link.tertiaryHover;\n case \"secondary\":\n default:\n return theme.values.color.text.link.secondaryHover;\n }\n};\n\nconst StyledLink = styled.a<Partial<LinkProps>>(\n ({ theme, weight, variant, size }) =>\n ({\n textDecoration: \"underline\",\n cursor: \"pointer\",\n color: theme.values.color.text.link[variant],\n background: \"none\",\n border: \"none\",\n padding: 0,\n \"&:hover\": {\n color: handleHover(theme, variant),\n },\n fontSize: theme.variables.size.font.link[size],\n fontWeight: theme.variables.weight[weight],\n lineHeight: theme.variables.size.lineHeight.link[size],\n fontFamily: theme.variables.fontFamily.lato,\n } as CSSObject)\n);\n\nexport function Link<C extends React.ElementType = \"a\">({\n children,\n size,\n weight,\n variant,\n \"data-e2e-test-id\": dataE2eTestId,\n ...rest\n}: PolymorphicComponentProps<C, LinkProps>): React.ReactElement {\n if (variant === (\"light-primary\" as LinkVariations)) {\n informDeprecation(\n variant,\n \"light-primary\",\n \"Link component\",\n \"Please consider using SubThemeProvider. \\n Delete all mentions of light-primary in DS after.\"\n );\n }\n return (\n <StyledLink\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"Link\"\n variant={variant}\n size={size}\n weight={weight}\n {...rest}\n >\n {children}\n </StyledLink>\n );\n}\n\nLink.defaultProps = defaultProps;\n"],"names":["defaultProps","variant","as","handleHover","theme","values","color","text","link","primaryHover","tertiaryHover","secondaryHover","StyledLink","_styled","process","env","NODE_ENV","target","label","_ref","weight","size","textDecoration","cursor","background","border","padding","fontSize","variables","font","fontWeight","lineHeight","fontFamily","lato","Link","_ref2","children","dataE2eTestId","rest","informDeprecation","React","createElement","_extends"],"mappings":"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"}

package/build/esm/src/components/LoadingSpinner/LoadingSpinner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LoadingSpinner.js","sources":["../../../../../src/components/LoadingSpinner/LoadingSpinner.tsx"],"sourcesContent":["import React from \"react\";\nimport { keyframes } from \"@emotion/react\";\nimport styled from \"@emotion/styled\";\nimport { ScreenReaderText } from \"../../shared/ScreenReaderText\";\n\nexport type LoadingSpinnerProps = {\n /** Width and Height in px\n * @default 80px\n /\n size?: number;\n /* hidden label for screen readers */\n screenReaderText: string;\n \"data-e2e-test-id\"?: string;\n};\n\nconst animation = keyframes({\n to: {\n strokeDashoffset: 136,\n },\n});\n\nconst StyledContainer = styled.div({\n display: \"flex\",\n justifyContent: \"space-around\",\n});\n\nconst StyledSvg = styled.svg({\n transformOrigin: \"50% 65%\",\n});\n\nconst StyledPolygon = styled.polygon(({ theme }) => ({\n stroke: theme.variables.color.green.regular,\n strokeDasharray: 17,\n animation: `2s linear 0s infinite ${animation}`,\n}));\n\nexport function LoadingSpinner({\n size = 80,\n screenReaderText,\n \"data-e2e-test-id\": dataE2eTestId,\n}: LoadingSpinnerProps): React.ReactElement {\n return (\n <StyledContainer\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"LoadingSpinner\"\n >\n <StyledSvg\n id=\"triangle\"\n width={size}\n height={size}\n viewBox=\"-3 -4 39 39\"\n aria-hidden=\"true\"\n >\n <StyledPolygon\n fill=\"transparent\"\n strokeWidth=\"1\"\n points=\"16,0 32,32 0,32\"\n />\n </StyledSvg>\n <ScreenReaderText>{screenReaderText}</ScreenReaderText>\n </StyledContainer>\n );\n}\n"],"names":["animation","keyframes","to","strokeDashoffset","StyledContainer","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledSvg","StyledPolygon","_ref","theme","stroke","variables","color","green","regular","strokeDasharray","LoadingSpinner","_ref2","size","screenReaderText","dataE2eTestId","React","createElement","id","width","height","viewBox","fill","strokeWidth","points","ScreenReaderText"],"mappings":";;;;;;AAeA,MAAMA,SAAS,GAAGC,SAAS,CAAC;AAC1BC,EAAAA,EAAE,EAAE;AACFC,IAAAA,gBAAgB,EAAE,GAAA;AACpB,GAAA;AACF,CAAC,CAAC,CAAA;AAEF,MAAMC,eAAe,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAG,IAAA,EAAA,QAAA;EAAAC,MAAA,EAAA,2CAAA;AAAA,CAAA,GAAA;EAAAD,IAAA,EAAA,QAAA;EAAAC,MAAA,EAAA,2CAAA;EAAAC,GAAA,EAAA,yvEAAA;AAAAC,EAAAA,QAAA,EAAAC,gCAAAA;AAAA,~~CAGtB~~,~~CAAA~~,CAAA;AAEF,MAAMC,SAAS,gBAAGX,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,WAAA;AAAA,CAAA,CAAA,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAG,IAAA,EAAA,SAAA;EAAAC,MAAA,EAAA,0BAAA;AAAA,CAAA,GAAA;EAAAD,IAAA,EAAA,SAAA;EAAAC,MAAA,EAAA,0BAAA;EAAAC,GAAA,EAAA,yvEAAA;AAAAC,EAAAA,QAAA,EAAAC,gCAAAA;AAAA,~~CAEhB~~,~~CAAA~~,CAAA;AAEF,MAAME,aAAa,gBAAGZ,OAAA,CAAA,SAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,eAAA;AAAA,CAAA,CAAA,CAAeQ,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;IACnDE,MAAM,EAAED,KAAK,CAACE,SAAS,CAACC,KAAK,CAACC,KAAK,CAACC,OAAO;AAC3CC,IAAAA,eAAe,EAAE,EAAE;IACnBzB,SAAS,EAAG,yBAAwBA,SAAU,CAAA,CAAA;GAC/C,CAAA;AAAA,CAAC,EAAAM,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,yvEAAA,CAAA,CAAA;AAEI,SAASkB,cAAcA,CAAAC,KAAA,EAIc;EAAA,IAJb;AAC7BC,IAAAA,IAAI,GAAG,EAAE;IACTC,gBAAgB;AAChB,IAAA,kBAAkB,EAAEC,aAAAA;AACD,GAAC,GAAAH,KAAA,CAAA;AACpB,EAAA,oBACEI,KAAA,CAAAC,aAAA,CAAC5B,eAAe,EAAA;AACd,IAAA,kBAAA,EAAkB0B,aAAc;IAChC,YAAW,EAAA,gBAAA;AAAgB,GAAA,eAE3BC,KAAA,CAAAC,aAAA,CAAChB,SAAS,EAAA;AACRiB,IAAAA,EAAE,EAAC,UAAU;AACbC,IAAAA,KAAK,EAAEN,IAAK;AACZO,IAAAA,MAAM,EAAEP,IAAK;AACbQ,IAAAA,OAAO,EAAC,aAAa;IACrB,aAAY,EAAA,MAAA;AAAM,GAAA,eAElBL,KAAA,CAAAC,aAAA,CAACf,aAAa,EAAA;AACZoB,IAAAA,IAAI,EAAC,aAAa;AAClBC,IAAAA,WAAW,EAAC,GAAG;AACfC,IAAAA,MAAM,EAAC,iBAAA;~~GACP~~,~~CAAA,~~CACQ,eACZR,KAAA,CAAAC,aAAA,CAACQ,gBAAgB,EAAA,IAAA,EAAEX,~~gBAAgB~~,~~CAAoB,~~CACvC,CAAA;AAEtB;;;;"}
1	+ {"version":3,"file":"LoadingSpinner.js","sources":["../../../../../src/components/LoadingSpinner/LoadingSpinner.tsx"],"sourcesContent":["import React from \"react\";\nimport { keyframes } from \"@emotion/react\";\nimport styled from \"@emotion/styled\";\nimport { ScreenReaderText } from \"../../shared/ScreenReaderText\";\n\nexport type LoadingSpinnerProps = {\n /** Width and Height in px\n * @default 80px\n /\n size?: number;\n /* hidden label for screen readers */\n screenReaderText: string;\n \"data-e2e-test-id\"?: string;\n};\n\nconst animation = keyframes({\n to: {\n strokeDashoffset: 136,\n },\n});\n\nconst StyledContainer = styled.div({\n display: \"flex\",\n justifyContent: \"space-around\",\n});\n\nconst StyledSvg = styled.svg({\n transformOrigin: \"50% 65%\",\n});\n\nconst StyledPolygon = styled.polygon(({ theme }) => ({\n stroke: theme.variables.color.green.regular,\n strokeDasharray: 17,\n animation: `2s linear 0s infinite ${animation}`,\n}));\n\nexport function LoadingSpinner({\n size = 80,\n screenReaderText,\n \"data-e2e-test-id\": dataE2eTestId,\n}: LoadingSpinnerProps): React.ReactElement {\n return (\n <StyledContainer\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"LoadingSpinner\"\n >\n <StyledSvg\n id=\"triangle\"\n width={size}\n height={size}\n viewBox=\"-3 -4 39 39\"\n aria-hidden=\"true\"\n >\n <StyledPolygon\n fill=\"transparent\"\n strokeWidth=\"1\"\n points=\"16,0 32,32 0,32\"\n />\n </StyledSvg>\n <ScreenReaderText>{screenReaderText}</ScreenReaderText>\n </StyledContainer>\n );\n}\n"],"names":["animation","keyframes","to","strokeDashoffset","StyledContainer","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledSvg","StyledPolygon","_ref","theme","stroke","variables","color","green","regular","strokeDasharray","LoadingSpinner","_ref2","size","screenReaderText","dataE2eTestId","React","createElement","id","width","height","viewBox","fill","strokeWidth","points","ScreenReaderText"],"mappings":";;;;;;AAeA,MAAMA,SAAS,GAAGC,SAAS,CAAC;AAC1BC,EAAAA,EAAE,EAAE;AACFC,IAAAA,gBAAgB,EAAE,GAAA;AACpB,GAAA;AACF,CAAC,CAAC,CAAA;AAEF,MAAMC,eAAe,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAG,IAAA,EAAA,QAAA;EAAAC,MAAA,EAAA,2CAAA;AAAA,CAAA,GAAA;EAAAD,IAAA,EAAA,QAAA;EAAAC,MAAA,EAAA,2CAAA;EAAAC,GAAA,EAAA,yvEAAA;AAAAC,EAAAA,QAAA,EAAAC,gCAAAA;AAAA,CAGvB,CAAC,CAAA;AAEF,MAAMC,SAAS,gBAAGX,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,WAAA;AAAA,CAAA,CAAA,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAG,IAAA,EAAA,SAAA;EAAAC,MAAA,EAAA,0BAAA;AAAA,CAAA,GAAA;EAAAD,IAAA,EAAA,SAAA;EAAAC,MAAA,EAAA,0BAAA;EAAAC,GAAA,EAAA,yvEAAA;AAAAC,EAAAA,QAAA,EAAAC,gCAAAA;AAAA,CAEjB,CAAC,CAAA;AAEF,MAAME,aAAa,gBAAGZ,OAAA,CAAA,SAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,eAAA;AAAA,CAAA,CAAA,CAAeQ,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;IACnDE,MAAM,EAAED,KAAK,CAACE,SAAS,CAACC,KAAK,CAACC,KAAK,CAACC,OAAO;AAC3CC,IAAAA,eAAe,EAAE,EAAE;IACnBzB,SAAS,EAAG,yBAAwBA,SAAU,CAAA,CAAA;GAC/C,CAAA;AAAA,CAAC,EAAAM,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,yvEAAA,CAAA,CAAA;AAEI,SAASkB,cAAcA,CAAAC,KAAA,EAIc;EAAA,IAJb;AAC7BC,IAAAA,IAAI,GAAG,EAAE;IACTC,gBAAgB;AAChB,IAAA,kBAAkB,EAAEC,aAAAA;AACD,GAAC,GAAAH,KAAA,CAAA;AACpB,EAAA,oBACEI,KAAA,CAAAC,aAAA,CAAC5B,eAAe,EAAA;AACd,IAAA,kBAAA,EAAkB0B,aAAc;IAChC,YAAW,EAAA,gBAAA;AAAgB,GAAA,eAE3BC,KAAA,CAAAC,aAAA,CAAChB,SAAS,EAAA;AACRiB,IAAAA,EAAE,EAAC,UAAU;AACbC,IAAAA,KAAK,EAAEN,IAAK;AACZO,IAAAA,MAAM,EAAEP,IAAK;AACbQ,IAAAA,OAAO,EAAC,aAAa;IACrB,aAAY,EAAA,MAAA;AAAM,GAAA,eAElBL,KAAA,CAAAC,aAAA,CAACf,aAAa,EAAA;AACZoB,IAAAA,IAAI,EAAC,aAAa;AAClBC,IAAAA,WAAW,EAAC,GAAG;AACfC,IAAAA,MAAM,EAAC,iBAAA;GACR,CACQ,CAAC,eACZR,KAAA,CAAAC,aAAA,CAACQ,gBAAgB,EAAA,IAAA,EAAEX,gBAAmC,CACvC,CAAC,CAAA;AAEtB;;;;"}

package/build/esm/src/components/Logo/Logo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Logo.js","sources":["../../../../../src/components/Logo/Logo.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport logo from \"../../../build-tokens/assets/logo.json\";\n\nexport type LogoProps = {\n href: string;\n ariaLabel?: string;\n role?: string;\n \"data-testid\"?: string;\n};\n\nconst StyledLogoElement = styled.a(({ theme }) => ({\n color: theme.values.color.logo.base,\n}));\n\nexport function Logo({\n href,\n ariaLabel = \"Main\",\n role = \"navigation\",\n \"data-testid\": dataTestId,\n}: LogoProps): React.ReactElement {\n return (\n <StyledLogoElement\n href={href}\n aria-label={ariaLabel}\n role={role}\n dangerouslySetInnerHTML={{\n __html: logo[\"amboss-logo\"],\n }}\n data-testid={dataTestId}\n data-ds-id=\"Logo\"\n />\n );\n}\n"],"names":["StyledLogoElement","_styled","process","env","NODE_ENV","target","label","_ref","theme","color","values","logo","base","Logo","_ref2","href","ariaLabel","role","dataTestId","React","createElement","dangerouslySetInnerHTML","__html"],"mappings":";;;;AAWA,MAAMA,iBAAiB,gBAAGC,OAAA,CAAA,GAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,mBAAA;AAAA,CAAA,CAAA,CAASC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;IACjDE,KAAK,EAAED,KAAK,CAACE,MAAM,CAACD,KAAK,CAACE,IAAI,CAACC,IAAAA;GAChC,CAAA;AAAA,CAAC,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,6tCAAA,CAAA,CAAA;AAEI,SAASS,IAAIA,CAAAC,KAAA,EAKc;EAAA,IALb;IACnBC,IAAI;AACJC,IAAAA,SAAS,GAAG,MAAM;AAClBC,IAAAA,IAAI,GAAG,YAAY;AACnB,IAAA,aAAa,EAAEC,UAAAA;AACN,GAAC,GAAAJ,KAAA,CAAA;AACV,EAAA,oBACEK,KAAA,CAAAC,aAAA,CAACpB,iBAAiB,EAAA;AAChBe,IAAAA,IAAI,EAAEA,IAAK;AACX,IAAA,YAAA,EAAYC,SAAU;AACtBC,IAAAA,IAAI,EAAEA,IAAK;AACXI,IAAAA,uBAAuB,EAAE;MACvBC,MAAM,EAAEX,IAAI,CAAC,aAAa,CAAA;KAC1B;AACF,IAAA,aAAA,EAAaO,UAAW;IACxB,YAAW,EAAA,MAAA;~~GACX~~,~~CAAA~~,CAAA;AAEN;;;;"}
1	+ {"version":3,"file":"Logo.js","sources":["../../../../../src/components/Logo/Logo.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport logo from \"../../../build-tokens/assets/logo.json\";\n\nexport type LogoProps = {\n href: string;\n ariaLabel?: string;\n role?: string;\n \"data-testid\"?: string;\n};\n\nconst StyledLogoElement = styled.a(({ theme }) => ({\n color: theme.values.color.logo.base,\n}));\n\nexport function Logo({\n href,\n ariaLabel = \"Main\",\n role = \"navigation\",\n \"data-testid\": dataTestId,\n}: LogoProps): React.ReactElement {\n return (\n <StyledLogoElement\n href={href}\n aria-label={ariaLabel}\n role={role}\n dangerouslySetInnerHTML={{\n __html: logo[\"amboss-logo\"],\n }}\n data-testid={dataTestId}\n data-ds-id=\"Logo\"\n />\n );\n}\n"],"names":["StyledLogoElement","_styled","process","env","NODE_ENV","target","label","_ref","theme","color","values","logo","base","Logo","_ref2","href","ariaLabel","role","dataTestId","React","createElement","dangerouslySetInnerHTML","__html"],"mappings":";;;;AAWA,MAAMA,iBAAiB,gBAAGC,OAAA,CAAA,GAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,UAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,UAAA;EAAAC,KAAA,EAAA,mBAAA;AAAA,CAAA,CAAA,CAASC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,KAAAA;AAAM,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;IACjDE,KAAK,EAAED,KAAK,CAACE,MAAM,CAACD,KAAK,CAACE,IAAI,CAACC,IAAAA;GAChC,CAAA;AAAA,CAAC,EAAAV,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,6tCAAA,CAAA,CAAA;AAEI,SAASS,IAAIA,CAAAC,KAAA,EAKc;EAAA,IALb;IACnBC,IAAI;AACJC,IAAAA,SAAS,GAAG,MAAM;AAClBC,IAAAA,IAAI,GAAG,YAAY;AACnB,IAAA,aAAa,EAAEC,UAAAA;AACN,GAAC,GAAAJ,KAAA,CAAA;AACV,EAAA,oBACEK,KAAA,CAAAC,aAAA,CAACpB,iBAAiB,EAAA;AAChBe,IAAAA,IAAI,EAAEA,IAAK;AACX,IAAA,YAAA,EAAYC,SAAU;AACtBC,IAAAA,IAAI,EAAEA,IAAK;AACXI,IAAAA,uBAAuB,EAAE;MACvBC,MAAM,EAAEX,IAAI,CAAC,aAAa,CAAA;KAC1B;AACF,IAAA,aAAA,EAAaO,UAAW;IACxB,YAAW,EAAA,MAAA;AAAM,GAClB,CAAC,CAAA;AAEN;;;;"}

package/build/esm/src/components/MediaItem/MediaItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MediaItem.js","sources":["../../../../../src/components/MediaItem/MediaItem.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Icon } from \"../Icon/Icon\";\n\nexport type MediaItemProps = {\n src: string;\n title: string;\n /** Sets the height of the media to equal the width value making a square <br/>\n /\n squareByWidth?: boolean;\n /* Specify fit of the media background. <br/>\n * \"contain\" - the media keeps its aspect ratio, but is resized to fit within the given dimension. <br/>\n * \"cover\" - the media keeps its aspect ratio and fills the given dimension. The media will be clipped to fit.\n */\n fit: \"cover\" \| \"contain\";\n};\n\nconst StyledMediaContainer = styled.div<Partial<MediaItemProps>>(\n ({ squareByWidth }) => ({\n position: \"relative\",\n backgroundColor: \" transparent\",\n overflow: \"hidden\",\n border: \"none\",\n width: \"100%\",\n borderRadius: \"inherit\",\n ...(squareByWidth && { paddingTop: \"100%\" }),\n ...(!squareByWidth && { height: \"100%\" }),\n })\n);\n\nconst StyledMedia = styled.img<Partial<MediaItemProps>>(({ theme, fit }) => ({\n position: \"absolute\",\n top: 0,\n left: 0,\n display: \"block\",\n width: \"100%\",\n height: \"100%\",\n backgroundPosition: \"center\",\n objectFit: fit,\n backgroundRepeat: \"no-repeat\",\n cursor: \"pointer\",\n \":global(.isDarkmodeActive) &\": {\n backgroundColor: theme.values.color.background.layer_1,\n },\n}));\n\nconst StyledContainer = styled.div<Partial<MediaItemProps>>(\n ({ theme, squareByWidth }) => ({\n position: \"absolute\",\n top: 0,\n left: 0,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n width: \"100%\",\n backgroundColor: theme.values.color.background.button.secondary.hover,\n ...(squareByWidth && { paddingTop: \"100%\" }),\n ...(!squareByWidth && { height: \"100%\" }),\n })\n);\n\nexport function MediaItem({\n src,\n title,\n squareByWidth,\n fit,\n}: MediaItemProps): React.ReactElement {\n const [srcError, setSrcError] = useState(false);\n\n const image = new Image();\n image.src = src;\n image.onerror = () => {\n if (!srcError) {\n setSrcError(true);\n }\n };\n\n return (\n <StyledMediaContainer squareByWidth={squareByWidth} data-ds-id=\"MediaItem\">\n {!srcError ? (\n <StyledMedia src={src} title={title} alt={title} fit={fit} />\n ) : (\n <StyledContainer title=\"Error not found\">\n <Icon name=\"image-broken\" variant=\"tertiary\" />\n </StyledContainer>\n )}\n </StyledMediaContainer>\n );\n}\n\nMediaItem.defaultProps = {\n mediaCover: true,\n squareByWidth: false,\n fit: \"cover\",\n};\n"],"names":["StyledMediaContainer","_styled","process","env","NODE_ENV","target","label","_ref","squareByWidth","position","backgroundColor","overflow","border","width","borderRadius","paddingTop","height","StyledMedia","_ref2","theme","fit","top","left","display","backgroundPosition","objectFit","backgroundRepeat","cursor","values","color","background","layer_1","StyledContainer","_ref3","alignItems","justifyContent","button","secondary","hover","MediaItem","_ref4","src","title","srcError","setSrcError","useState","image","Image","onerror","React","createElement","alt","Icon","name","variant","defaultProps","mediaCover"],"mappings":";;;;AAiBA,MAAMA,oBAAoB,gBAAGC,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,sBAAA;AAAA,CAAA,CAAA,CAC3BC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,aAAAA;AAAc,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM;AACtBE,IAAAA,QAAQ,EAAE,UAAU;AACpBC,IAAAA,eAAe,EAAE,cAAc;AAC/BC,IAAAA,QAAQ,EAAE,QAAQ;AAClBC,IAAAA,MAAM,EAAE,MAAM;AACdC,IAAAA,KAAK,EAAE,MAAM;AACbC,IAAAA,YAAY,EAAE,SAAS;AACvB,IAAA,IAAIN,aAAa,IAAI;AAAEO,MAAAA,UAAU,EAAE,MAAA;AAAO,KAAC,CAAC;IAC5C,IAAI,CAACP,aAAa,IAAI;AAAEQ,MAAAA,MAAM,EAAE,MAAA;KAAQ,CAAA;GACzC,CAAA;AAAA,CAAC,EAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA,~~KACH~~,~~YAAA~~,~~GAAA,EAAA,GAAA,yuHAAA,~~CAAA~~,CAAA~~;AAED,MAAMa,WAAW,gBAAGhB,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAoCY,KAAA,IAAA;EAAA,IAAC;IAAEC,KAAK;AAAEC,IAAAA,GAAAA;AAAI,GAAC,GAAAF,KAAA,CAAA;EAAA,OAAM;AAC3ET,IAAAA,QAAQ,EAAE,UAAU;AACpBY,IAAAA,GAAG,EAAE,CAAC;AACNC,IAAAA,IAAI,EAAE,CAAC;AACPC,IAAAA,OAAO,EAAE,OAAO;AAChBV,IAAAA,KAAK,EAAE,MAAM;AACbG,IAAAA,MAAM,EAAE,MAAM;AACdQ,IAAAA,kBAAkB,EAAE,QAAQ;AAC5BC,IAAAA,SAAS,EAAEL,GAAG;AACdM,IAAAA,gBAAgB,EAAE,WAAW;AAC7BC,IAAAA,MAAM,EAAE,SAAS;AACjB,IAAA,8BAA8B,EAAE;MAC9BjB,eAAe,EAAES,KAAK,CAACS,MAAM,CAACC,KAAK,CAACC,UAAU,CAACC,OAAAA;AACjD,KAAA;GACD,CAAA;AAAA,CAAC,EAAA7B,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAC,YAAA,GAAA,EAAA,GAAA,yuHAAA,CAAA,CAAA;AAEH,MAAM4B,eAAe,gBAAG/B,OAAA,CAAA,KAAA,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAA,YAAA,GAAA;EAAAC,MAAA,EAAA,WAAA;AAAA,CAAA,GAAA;EAAAA,MAAA,EAAA,WAAA;EAAAC,KAAA,EAAA,iBAAA;AAAA,CAAA,CAAA,CACtB2B,KAAA,IAAA;EAAA,IAAC;IAAEd,KAAK;AAAEX,IAAAA,aAAAA;AAAc,GAAC,GAAAyB,KAAA,CAAA;EAAA,OAAM;AAC7BxB,IAAAA,QAAQ,EAAE,UAAU;AACpBY,IAAAA,GAAG,EAAE,CAAC;AACNC,IAAAA,IAAI,EAAE,CAAC;AACPC,IAAAA,OAAO,EAAE,MAAM;AACfW,IAAAA,UAAU,EAAE,QAAQ;AACpBC,IAAAA,cAAc,EAAE,QAAQ;AACxBtB,IAAAA,KAAK,EAAE,MAAM;AACbH,IAAAA,eAAe,EAAES,KAAK,CAACS,MAAM,CAACC,KAAK,CAACC,UAAU,CAACM,MAAM,CAACC,SAAS,CAACC,KAAK;AACrE,IAAA,IAAI9B,aAAa,IAAI;AAAEO,MAAAA,UAAU,EAAE,MAAA;AAAO,KAAC,CAAC;IAC5C,IAAI,CAACP,aAAa,IAAI;AAAEQ,MAAAA,MAAM,EAAE,MAAA;KAAQ,CAAA;GACzC,CAAA;AAAA,CAAC,EAAAd,OAAA,CAAAC,GAAA,CAAAC,QAAA,~~KACH~~,~~YAAA~~,~~GAAA,EAAA,GAAA,yuHAAA,~~CAAA~~,CAAA~~;AAEM,SAASmC,SAASA,CAAAC,KAAA,EAKc;EAAA,IALb;IACxBC,GAAG;IACHC,KAAK;IACLlC,aAAa;AACbY,IAAAA,GAAAA;AACc,GAAC,GAAAoB,KAAA,CAAA;EACf,MAAM,CAACG,QAAQ,EAAEC,WAAW,CAAC,GAAGC,QAAQ,CAAC,KAAK,CAAC,CAAA;AAE/C,EAAA,MAAMC,KAAK,GAAG,IAAIC,KAAK,EAAE,CAAA;EACzBD,KAAK,CAACL,GAAG,GAAGA,GAAG,CAAA;EACfK,KAAK,CAACE,OAAO,GAAG,MAAM;IACpB,IAAI,CAACL,QAAQ,EAAE;MACbC,WAAW,CAAC,IAAI,CAAC,CAAA;AACnB,KAAA;GACD,CAAA;AAED,EAAA,oBACEK,KAAA,CAAAC,aAAA,CAAClD,oBAAoB,EAAA;AAACQ,IAAAA,aAAa,EAAEA,aAAc;IAAC,YAAW,EAAA,WAAA;AAAW,GAAA,EACvE,CAACmC,QAAQ,gBACRM,KAAA,CAAAC,aAAA,CAACjC,WAAW,EAAA;AAACwB,IAAAA,GAAG,EAAEA,GAAI;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACS,IAAAA,GAAG,EAAET,KAAM;AAACtB,IAAAA,GAAG,EAAEA,GAAAA;AAAI,~~GAAA~~,~~CAAG~~,gBAE7D6B,KAAA,CAAAC,aAAA,CAAClB,eAAe,EAAA;AAACU,IAAAA,KAAK,EAAC,iBAAA;AAAiB,GAAA,eACtCO,KAAA,CAAAC,aAAA,CAACE,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAC,cAAc;AAACC,IAAAA,OAAO,EAAC,UAAA;~~AAAU~~,~~GAAA~~,~~CAAG~~,~~CAElD~~,~~CACoB,~~CAAA;AAE3B,CAAA;AAEAf,SAAS,CAACgB,YAAY,GAAG;AACvBC,EAAAA,UAAU,EAAE,IAAI;AAChBhD,EAAAA,aAAa,EAAE,KAAK;AACpBY,EAAAA,GAAG,EAAE,OAAA;AACP,CAAC;;;;"}
1	+ {"version":3,"file":"MediaItem.js","sources":["../../../../../src/components/MediaItem/MediaItem.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Icon } from \"../Icon/Icon\";\n\nexport type MediaItemProps = {\n src: string;\n title: string;\n /** Sets the height of the media to equal the width value making a square <br/>\n /\n squareByWidth?: boolean;\n /* Specify fit of the media background. <br/>\n * \"contain\" - the media keeps its aspect ratio, but is resized to fit within the given dimension. <br/>\n * \"cover\" - the media keeps its aspect ratio and fills the given dimension. The media will be clipped to fit.\n */\n fit: \"cover\" \| \"contain\";\n};\n\nconst StyledMediaContainer = styled.div<Partial<MediaItemProps>>(\n ({ squareByWidth }) => ({\n position: \"relative\",\n backgroundColor: \" transparent\",\n overflow: \"hidden\",\n border: \"none\",\n width: \"100%\",\n borderRadius: \"inherit\",\n ...(squareByWidth && { paddingTop: \"100%\" }),\n ...(!squareByWidth && { height: \"100%\" }),\n })\n);\n\nconst StyledMedia = styled.img<Partial<MediaItemProps>>(({ theme, fit }) => ({\n position: \"absolute\",\n top: 0,\n left: 0,\n display: \"block\",\n width: \"100%\",\n height: \"100%\",\n backgroundPosition: \"center\",\n objectFit: fit,\n backgroundRepeat: \"no-repeat\",\n cursor: \"pointer\",\n \":global(.isDarkmodeActive) &\": {\n backgroundColor: theme.values.color.background.layer_1,\n },\n}));\n\nconst StyledContainer = styled.div<Partial<MediaItemProps>>(\n ({ theme, squareByWidth }) => ({\n position: \"absolute\",\n top: 0,\n left: 0,\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n width: \"100%\",\n backgroundColor: theme.values.color.background.button.secondary.hover,\n ...(squareByWidth && { paddingTop: \"100%\" }),\n ...(!squareByWidth && { height: \"100%\" }),\n })\n);\n\nexport function MediaItem({\n src,\n title,\n squareByWidth,\n fit,\n}: MediaItemProps): React.ReactElement {\n const [srcError, setSrcError] = useState(false);\n\n const image = new Image();\n image.src = src;\n image.onerror = () => {\n if (!srcError) {\n setSrcError(true);\n }\n };\n\n return (\n <StyledMediaContainer squareByWidth={squareByWidth} data-ds-id=\"MediaItem\">\n {!srcError ? (\n <StyledMedia src={src} title={title} alt={title} fit={fit} />\n ) : (\n <StyledContainer title=\"Error not found\">\n <Icon name=\"image-broken\" variant=\"tertiary\" />\n </StyledContainer>\n )}\n </StyledMediaContainer>\n );\n}\n\nMediaItem.defaultProps = {\n mediaCover: true,\n squareByWidth: false,\n fit: \"cover\",\n};\n"],"names":["StyledMediaContainer","_styled","process","env","NODE_ENV","target","label","_ref","squareByWidth","position","backgroundColor","overflow","border","width","borderRadius","paddingTop","height","StyledMedia","_ref2","theme","fit","top","left","display","backgroundPosition","objectFit","backgroundRepeat","cursor","values","color","background","layer_1","StyledContainer","_ref3","alignItems","justifyContent","button","secondary","hover","MediaItem","_ref4","src","title","srcError","setSrcError","useState","image","Image","onerror","React","createElement","alt","Icon","name","variant","defaultProps","mediaCover"],"mappings":"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"}

package/build/esm/src/components/MediaViewerBar/MediaViewerBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MediaViewerBar.js","sources":["../../../../../src/components/MediaViewerBar/MediaViewerBar.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Inline } from \"../Inline/Inline\";\nimport { flattenChildren } from \"../../shared/flattenChildren\";\nimport { SubThemeProvider } from \"../SubThemeProvider/SubThemeProvider\";\n\nconst StyledMediaViewerBar = styled.div(({ theme }) => ({\n display: \"inline-flex\",\n borderRadius: theme.variables.size.spacing.xxs,\n height: theme.variables.size.spacing.l,\n backgroundColor: theme.values.color.background.layer_1,\n color: theme.values.color.text.lightPrimary,\n overflow: \"hidden\",\n \"> div\": {\n width: \"100%\",\n \"> div\": {\n lineHeight: \"normal\",\n },\n },\n}));\n\nconst StyledSeparator = styled.div(({ theme }) => ({\n width: theme.variables.size.dimension.mediaViewerBar.separator.width,\n height: theme.variables.size.spacing.l,\n backgroundColor: theme.values.color.background.layer_2,\n}));\n\nexport type MediaViewerBarProps = {\n children?: ReactElement \| ReactElement[];\n hasSeparator?: boolean;\n \"data-e2e-test-id\"?: string;\n};\n\nexport function MediaViewerBar({\n children,\n hasSeparator,\n \"data-e2e-test-id\": dataE2eTestId,\n}: MediaViewerBarProps): ReactElement {\n const flattenedChildren = flattenChildren(children);\n\n return (\n <SubThemeProvider name=\"dimmed\">\n <StyledMediaViewerBar\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"MediaViewerBar\"\n >\n <Inline space=\"zero\" vAlignItems=\"center\" alignItems=\"center\" noWrap>\n {React.Children.map(flattenedChildren, (child, index) => (\n <>\n {hasSeparator && index > 0 && <StyledSeparator />}\n {child}\n </>\n ))}\n </Inline>\n </StyledMediaViewerBar>\n </SubThemeProvider>\n );\n}\n"],"names":["StyledMediaViewerBar","_styled","process","env","NODE_ENV","target","label","_ref","theme","display","borderRadius","variables","size","spacing","xxs","height","l","backgroundColor","values","color","background","layer_1","text","lightPrimary","overflow","width","lineHeight","StyledSeparator","_ref2","dimension","mediaViewerBar","separator","layer_2","MediaViewerBar","_ref3","children","hasSeparator","dataE2eTestId","flattenedChildren","flattenChildren","React","createElement","SubThemeProvider","name","Inline","space","vAlignItems","alignItems","noWrap","Children","map","child","index","Fragment"],"mappings":"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~~EAAA~~,~~IAAA~~,~~EACGjB~~,YAAY,IAAIgB,KAAK,GAAG,CAAC,iBAAIZ,KAAA,CAAAC,aAAA,CAACd,eAAe,~~OAAG~~,EAChDwB,~~KAAK~~,~~CAET~~,~~CAAC,~~CACK,CACY,CACN,CAAA;AAEvB;;;;"}
1	+ {"version":3,"file":"MediaViewerBar.js","sources":["../../../../../src/components/MediaViewerBar/MediaViewerBar.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Inline } from \"../Inline/Inline\";\nimport { flattenChildren } from \"../../shared/flattenChildren\";\nimport { SubThemeProvider } from \"../SubThemeProvider/SubThemeProvider\";\n\nconst StyledMediaViewerBar = styled.div(({ theme }) => ({\n display: \"inline-flex\",\n borderRadius: theme.variables.size.spacing.xxs,\n height: theme.variables.size.spacing.l,\n backgroundColor: theme.values.color.background.layer_1,\n color: theme.values.color.text.lightPrimary,\n overflow: \"hidden\",\n \"> div\": {\n width: \"100%\",\n \"> div\": {\n lineHeight: \"normal\",\n },\n },\n}));\n\nconst StyledSeparator = styled.div(({ theme }) => ({\n width: theme.variables.size.dimension.mediaViewerBar.separator.width,\n height: theme.variables.size.spacing.l,\n backgroundColor: theme.values.color.background.layer_2,\n}));\n\nexport type MediaViewerBarProps = {\n children?: ReactElement \| ReactElement[];\n hasSeparator?: boolean;\n \"data-e2e-test-id\"?: string;\n};\n\nexport function MediaViewerBar({\n children,\n hasSeparator,\n \"data-e2e-test-id\": dataE2eTestId,\n}: MediaViewerBarProps): ReactElement {\n const flattenedChildren = flattenChildren(children);\n\n return (\n <SubThemeProvider name=\"dimmed\">\n <StyledMediaViewerBar\n data-e2e-test-id={dataE2eTestId}\n data-ds-id=\"MediaViewerBar\"\n >\n <Inline space=\"zero\" vAlignItems=\"center\" alignItems=\"center\" noWrap>\n {React.Children.map(flattenedChildren, (child, index) => (\n <>\n {hasSeparator && index > 0 && <StyledSeparator />}\n {child}\n </>\n ))}\n </Inline>\n </StyledMediaViewerBar>\n </SubThemeProvider>\n );\n}\n"],"names":["StyledMediaViewerBar","_styled","process","env","NODE_ENV","target","label","_ref","theme","display","borderRadius","variables","size","spacing","xxs","height","l","backgroundColor","values","color","background","layer_1","text","lightPrimary","overflow","width","lineHeight","StyledSeparator","_ref2","dimension","mediaViewerBar","separator","layer_2","MediaViewerBar","_ref3","children","hasSeparator","dataE2eTestId","flattenedChildren","flattenChildren","React","createElement","SubThemeProvider","name","Inline","space","vAlignItems","alignItems","noWrap","Children","map","child","index","Fragment"],"mappings":"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"}

package/build/esm/src/components/Notification/Notification.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Notification.js","sources":["../../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Card } from \"../Card/Card\";\nimport { Box } from \"../Box/Box\";\nimport { Columns, Column } from \"../Column/Columns\";\nimport { Button } from \"../Button/Button\";\nimport { Icon, IconName } from \"../Icon/Icon\";\nimport { Text } from \"../Typography/Text/Text\";\n\nconst ANIMATION_TIME = 200;\n\nexport type NotificationProps = {\n \"data-e2e-test-id\"?: string;\n text?: string;\n icon?: IconName;\n isDismissable?: boolean;\n callToActionLabel?: string;\n expandButtonLabel?: string;\n shrinkButtonLabel?: string;\n expandable?: boolean;\n onClickCallToAction?: (e: React.MouseEvent) => void;\n onClickDismiss?: () => void;\n children?: React.ReactNode;\n};\n\nconst StyledExpandingContainer = styled.div<{\n isDismissed: boolean;\n}>(({ isDismissed }) => ({\n transform: `translateY(${isDismissed ? \"calc(-100% - 8px)\" : \"0%\"})`,\n transition: `transform ${\n isDismissed ? ANIMATION_TIME : 0\n }ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`,\n}));\n\nconst StyledContainer = styled.div(() => ({\n overflow: \"hidden\",\n}));\n\nexport function Notification({\n text,\n icon,\n isDismissable,\n callToActionLabel,\n onClickDismiss,\n onClickCallToAction,\n expandable,\n expandButtonLabel,\n shrinkButtonLabel,\n children,\n \"data-e2e-test-id\": dataE2eTestId,\n}: NotificationProps): React.ReactElement {\n const [isExpanded, setIsExpanded] = useState(false);\n const [isDismissed, setIsDismissed] = useState(false);\n\n const dismiss = () => {\n setIsDismissed(true);\n setTimeout(onClickDismiss, ANIMATION_TIME);\n };\n\n return (\n <StyledContainer data-ds-id=\"Notification\">\n <StyledExpandingContainer isDismissed={isDismissed}>\n <Card squareCorners data-e2e-test-id={dataE2eTestId}>\n <Box space=\"s\">\n <Columns gap=\"s\" vAlignItems=\"top\">\n {icon && (\n <Column size=\"narrow\">\n <Box vSpace=\"xxs\" space=\"zero\">\n <Icon name={icon} variant=\"secondary\" data-testid=\"icon\" />\n </Box>\n </Column>\n )}\n <Column size=\"fill\">\n <Box vSpace=\"xxs\" space=\"zero\">\n <Text>{text}</Text>\n </Box>\n </Column>{\" \"}\n {(callToActionLabel \|\| expandable) && (\n <Column\n size={[12, \"narrow\", \"narrow\"]}\n order={[\"last\", \"unset\", \"unset\"]}\n >\n {callToActionLabel && (\n <Button size=\"s\" fullWidth onClick={onClickCallToAction}>\n {callToActionLabel}\n </Button>\n )}\n {expandable && (\n <Button\n size=\"s\"\n fullWidth\n onClick={() => setIsExpanded(!isExpanded)}\n rightIcon={isExpanded ? \"chevron-up\" : \"chevron-down\"}\n >\n {isExpanded ? shrinkButtonLabel : expandButtonLabel}\n </Button>\n )}\n </Column>\n )}\n {isDismissable && (\n <Column size=\"narrow\">\n <Button\n leftIcon=\"x\"\n variant=\"tertiary\"\n size=\"s\"\n onClick={dismiss}\n />\n </Column>\n )}\n </Columns>\n {isExpanded && children}\n </Box>\n </Card>\n </StyledExpandingContainer>\n </StyledContainer>\n );\n}\n"],"names":["ANIMATION_TIME","StyledExpandingContainer","_styled","process","env","NODE_ENV","target","label","_ref","isDismissed","transform","transition","StyledContainer","overflow","Notification","_ref2","text","icon","isDismissable","callToActionLabel","onClickDismiss","onClickCallToAction","expandable","expandButtonLabel","shrinkButtonLabel","children","dataE2eTestId","isExpanded","setIsExpanded","useState","setIsDismissed","dismiss","setTimeout","React","createElement","Card","squareCorners","Box","space","Columns","gap","vAlignItems","Column","size","vSpace","Icon","name","variant","Text","order","Button","fullWidth","onClick","rightIcon","leftIcon"],"mappings":"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~~AAAM~~,~~GAAA~~,~~CAAG~~,~~CACvD~~,~~CAET,~~eACDd,KAAA,CAAAC,aAAA,CAACQ,MAAM,EAAA;AAACC,IAAAA,IAAI,EAAC,MAAA;AAAM,GAAA,eACjBV,KAAA,CAAAC,aAAA,CAACG,GAAG,EAAA;AAACO,IAAAA,MAAM,EAAC,KAAK;AAACN,IAAAA,KAAK,EAAC,MAAA;GACtBL,eAAAA,KAAA,CAAAC,aAAA,CAACc,IAAI,EAAEhC,IAAAA,EAAAA,~~IAAI~~,~~CAAQ,~~CACf,CACC,EAAC,GAAG,EACZ,CAACG,iBAAiB,IAAIG,UAAU,kBAC/BW,KAAA,CAAAC,aAAA,CAACQ,MAAM,EAAA;AACLC,IAAAA,IAAI,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,QAAQ,CAAE;AAC/BM,IAAAA,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAA;AAAE,GAAA,EAEjC9B,iBAAiB,iBAChBc,KAAA,CAAAC,aAAA,CAACgB,MAAM,EAAA;AAACP,IAAAA,IAAI,EAAC,GAAG;IAACQ,SAAS,EAAA,IAAA;AAACC,IAAAA,OAAO,EAAE/B,mBAAAA;GACjCF,EAAAA,~~iBAAiB~~,~~CAErB~~,EACAG,UAAU,iBACTW,KAAA,CAAAC,aAAA,CAACgB,MAAM,EAAA;AACLP,IAAAA,IAAI,EAAC,GAAG;IACRQ,SAAS,EAAA,IAAA;AACTC,IAAAA,OAAO,EAAEA,MAAMxB,aAAa,CAAC,CAACD,UAAU,CAAE;AAC1C0B,IAAAA,SAAS,EAAE1B,UAAU,GAAG,YAAY,GAAG,cAAA;AAAe,GAAA,EAErDA,UAAU,GAAGH,iBAAiB,GAAGD,~~iBAAiB~~,~~CAEtD,~~CAEJ,EACAL,aAAa,iBACZe,KAAA,CAAAC,aAAA,CAACQ,MAAM,EAAA;AAACC,IAAAA,IAAI,EAAC,QAAA;AAAQ,GAAA,eACnBV,KAAA,CAAAC,aAAA,CAACgB,MAAM,EAAA;AACLI,IAAAA,QAAQ,EAAC,GAAG;AACZP,IAAAA,OAAO,EAAC,UAAU;AAClBJ,IAAAA,IAAI,EAAC,GAAG;AACRS,IAAAA,OAAO,EAAErB,OAAAA;~~GACT~~,~~CAAA~~,~~CAEL~~,~~CACO~~,EACTJ,UAAU,IAAIF,~~QAAQ~~,~~CACnB,~~CACD,CACkB,CACX,CAAA;AAEtB;;;;"}
1	+ {"version":3,"file":"Notification.js","sources":["../../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { Card } from \"../Card/Card\";\nimport { Box } from \"../Box/Box\";\nimport { Columns, Column } from \"../Column/Columns\";\nimport { Button } from \"../Button/Button\";\nimport { Icon, IconName } from \"../Icon/Icon\";\nimport { Text } from \"../Typography/Text/Text\";\n\nconst ANIMATION_TIME = 200;\n\nexport type NotificationProps = {\n \"data-e2e-test-id\"?: string;\n text?: string;\n icon?: IconName;\n isDismissable?: boolean;\n callToActionLabel?: string;\n expandButtonLabel?: string;\n shrinkButtonLabel?: string;\n expandable?: boolean;\n onClickCallToAction?: (e: React.MouseEvent) => void;\n onClickDismiss?: () => void;\n children?: React.ReactNode;\n};\n\nconst StyledExpandingContainer = styled.div<{\n isDismissed: boolean;\n}>(({ isDismissed }) => ({\n transform: `translateY(${isDismissed ? \"calc(-100% - 8px)\" : \"0%\"})`,\n transition: `transform ${\n isDismissed ? ANIMATION_TIME : 0\n }ms cubic-bezier(0.0, 0.0, 0.25, 1.0)`,\n}));\n\nconst StyledContainer = styled.div(() => ({\n overflow: \"hidden\",\n}));\n\nexport function Notification({\n text,\n icon,\n isDismissable,\n callToActionLabel,\n onClickDismiss,\n onClickCallToAction,\n expandable,\n expandButtonLabel,\n shrinkButtonLabel,\n children,\n \"data-e2e-test-id\": dataE2eTestId,\n}: NotificationProps): React.ReactElement {\n const [isExpanded, setIsExpanded] = useState(false);\n const [isDismissed, setIsDismissed] = useState(false);\n\n const dismiss = () => {\n setIsDismissed(true);\n setTimeout(onClickDismiss, ANIMATION_TIME);\n };\n\n return (\n <StyledContainer data-ds-id=\"Notification\">\n <StyledExpandingContainer isDismissed={isDismissed}>\n <Card squareCorners data-e2e-test-id={dataE2eTestId}>\n <Box space=\"s\">\n <Columns gap=\"s\" vAlignItems=\"top\">\n {icon && (\n <Column size=\"narrow\">\n <Box vSpace=\"xxs\" space=\"zero\">\n <Icon name={icon} variant=\"secondary\" data-testid=\"icon\" />\n </Box>\n </Column>\n )}\n <Column size=\"fill\">\n <Box vSpace=\"xxs\" space=\"zero\">\n <Text>{text}</Text>\n </Box>\n </Column>{\" \"}\n {(callToActionLabel \|\| expandable) && (\n <Column\n size={[12, \"narrow\", \"narrow\"]}\n order={[\"last\", \"unset\", \"unset\"]}\n >\n {callToActionLabel && (\n <Button size=\"s\" fullWidth onClick={onClickCallToAction}>\n {callToActionLabel}\n </Button>\n )}\n {expandable && (\n <Button\n size=\"s\"\n fullWidth\n onClick={() => setIsExpanded(!isExpanded)}\n rightIcon={isExpanded ? \"chevron-up\" : \"chevron-down\"}\n >\n {isExpanded ? shrinkButtonLabel : expandButtonLabel}\n </Button>\n )}\n </Column>\n )}\n {isDismissable && (\n <Column size=\"narrow\">\n <Button\n leftIcon=\"x\"\n variant=\"tertiary\"\n size=\"s\"\n onClick={dismiss}\n />\n </Column>\n )}\n </Columns>\n {isExpanded && children}\n </Box>\n </Card>\n </StyledExpandingContainer>\n </StyledContainer>\n );\n}\n"],"names":["ANIMATION_TIME","StyledExpandingContainer","_styled","process","env","NODE_ENV","target","label","_ref","isDismissed","transform","transition","StyledContainer","overflow","Notification","_ref2","text","icon","isDismissable","callToActionLabel","onClickDismiss","onClickCallToAction","expandable","expandButtonLabel","shrinkButtonLabel","children","dataE2eTestId","isExpanded","setIsExpanded","useState","setIsDismissed","dismiss","setTimeout","React","createElement","Card","squareCorners","Box","space","Columns","gap","vAlignItems","Column","size","vSpace","Icon","name","variant","Text","order","Button","fullWidth","onClick","rightIcon","leftIcon"],"mappings":"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"}