npm - @foxford/ui - Versions diffs - 2.109.0 → 2.110.0 - Mend

@foxford/ui 2.109.0 → 2.110.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 (34) hide show

package/components/Avatar/Avatar.js +1 -1
package/components/Avatar/Avatar.js.map +1 -1
package/components/Avatar/Avatar.mjs +1 -1
package/components/Avatar/Avatar.mjs.map +1 -1
package/components/Avatar/sizes.js +1 -1
package/components/Avatar/sizes.js.map +1 -1
package/components/Avatar/sizes.mjs +1 -1
package/components/Avatar/sizes.mjs.map +1 -1
package/components/Chip/Chip.js +1 -1
package/components/Chip/Chip.js.map +1 -1
package/components/Chip/Chip.mjs +1 -1
package/components/Chip/Chip.mjs.map +1 -1
package/components/Chip/sizes.js +2 -0
package/components/Chip/sizes.js.map +1 -0
package/components/Chip/sizes.mjs +2 -0
package/components/Chip/sizes.mjs.map +1 -0
package/components/Chip/style.js +1 -1
package/components/Chip/style.js.map +1 -1
package/components/Chip/style.mjs +1 -1
package/components/Chip/style.mjs.map +1 -1
package/components/Dropdown/Dropdown.js +1 -1
package/components/Dropdown/Dropdown.js.map +1 -1
package/components/Dropdown/Dropdown.mjs +1 -1
package/components/Dropdown/Dropdown.mjs.map +1 -1
package/components/Indicator/constants.js +1 -1
package/components/Indicator/constants.js.map +1 -1
package/components/Indicator/constants.mjs +1 -1
package/components/Indicator/constants.mjs.map +1 -1
package/dts/index.d.ts +383 -233
package/package.json +2 -2
package/components/Chip/constants.js +0 -2
package/components/Chip/constants.js.map +0 -1
package/components/Chip/constants.mjs +0 -2
package/components/Chip/constants.mjs.map +0 -1

package/components/Chip/style.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"style.js","sources":["../../../../src/components/Chip/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledChipProps, ChipPalette } from './types'\n\nconst shouldForwardChipProp = createShouldForwardProp(\n (propKey) => !['outline', 'black', 'active', 'cursor'].includes(propKey)\n)\n\nconst template = (palette: ChipPalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n border-color: ${palette.borderColor};\n ${hover(`\n color: ${palette.colorHover};\n background-color: ${palette.backgroundColorHover};\n border-color: ${palette.borderColorHover};\n `)}\n &:disabled {\n color: ${palette.colorDisabled};\n background-color: ${palette.backgroundColorDisabled};\n border-color: ${palette.borderColorDisabled};\n }\n`\n\nconst COLOR_SCHEMA = {\n default: {\n primary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-brand-primary-500']\n : props.theme.colors['bg-brand-primary-100'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-disabled-small']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-onmain-contrast']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-disabled-small']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n },\n secondary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-brand-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100'],\n borderColor: props.active\n ? props.theme.colors['bg-brand-primary-500']\n : props.theme.colors['bg-brand-primary-400'],\n colorHover: props.active\n ? props.theme.colors['content-brand-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-brand-primary-100']).lighten(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n borderColorHover: props.active\n ? props.theme.colors['bg-brand-primary-500']\n : props.theme.colors['bg-brand-primary-400'],\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors['border-disabled'],\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-onmain-secondary']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.active\n ? props.theme.colors['border-onmain-contrast']\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-onmain-secondary']).lighten(11).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor),\n borderColorHover: props.active\n ? props.theme.colors['border-onmain-contrast']\n : props.theme.colors['border-onmain-default-large'],\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors['border-disabled'],\n ...props.palette,\n })}\n `,\n },\n outline: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active ? props.theme.colors['bg-brand-primary-500'] : props.theme.colors.transparent,\n borderColor: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor)\n : props.theme.colors['content-oncolor-hover'],\n borderColorHover: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-disabled-small']\n : props.theme.colors.transparent,\n borderColorDisabled: props.active ? props.theme.colors.transparent : props.theme.colors['border-disabled'],\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active ? props.theme.colors['bg-onmain-contrast'] : props.theme.colors.transparent,\n borderColor: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor)\n : props.theme.colors['content-oncolor-hover'],\n borderColorHover: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-disabled-small']\n : props.theme.colors.transparent,\n borderColorDisabled: props.active ? props.theme.colors.transparent : props.theme.colors['border-disabled'],\n ...props.palette,\n })}\n `,\n },\n },\n contrast: {\n primary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-brand-primary-100'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-oncolor-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n },\n secondary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-oncolor-secondary']\n : props.theme.colors['bg-oncolor-tertiary'],\n borderColor: props.active\n ? props.theme.colors['border-oncolor-default']\n : props.theme.colors['border-oncolor-default-large'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n borderColorHover: props.active\n ? props.theme.colors['border-oncolor-default']\n : props.theme.colors['border-oncolor-default-large'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-oncolor-secondary']\n : props.theme.colors['bg-oncolor-tertiary'],\n borderColor: props.active\n ? props.theme.colors['border-oncolor-default']\n : props.theme.colors['border-oncolor-default-large'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n borderColorHover: props.active\n ? props.theme.colors['border-oncolor-default']\n : props.theme.colors['border-oncolor-default-large'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n },\n outline: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n borderColor: props.active ? props.theme.colors.transparent : props.theme.colors['border-oncolor-default'],\n colorHover: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n : props.theme.colors['content-onmain-hover'],\n borderColorHover: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-default'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-oncolor-disabled']\n : props.theme.colors.transparent,\n borderColorDisabled: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n borderColor: props.active ? props.theme.colors.transparent : props.theme.colors['border-oncolor-default'],\n colorHover: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n : props.theme.colors['content-onmain-hover'],\n borderColorHover: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-default'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-oncolor-disabled']\n : props.theme.colors.transparent,\n borderColorDisabled: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n },\n },\n}\n\nexport const Content = styled.span`\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n text-align: start;\n`\n\nexport const Root = styled.div.withConfig<StyledChipProps>({\n shouldForwardProp: shouldForwardChipProp,\n})`\n ${(props) => {\n let cursor = 'default'\n\n if (props.as === 'button') cursor = 'pointer'\n if (props.as === 'button' && props.disabled) cursor = 'not-allowed'\n if (props.cursor) cursor = props.cursor\n\n return `\n box-sizing: border-box;\n appearance: none;\n margin: 0;\n display: inline-flex;\n align-items: center;\n border: 1px solid transparent;\n flex-shrink: 0;\n cursor: ${cursor};\n transition-property: background-color;\n transition-duration: 250ms;\n\n & > *:not(:last-child) {\n margin-right: 6px;\n }\n\n & > ${Content}:first-child {\n margin-left: 6px;\n }\n & > ${Content}:last-child {\n margin-right: 6px;\n }\n `\n }}\n\n ${(props) => {\n const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n let schemaVariant = schema.primary\n\n if (props.secondary) schemaVariant = schema.secondary\n if (props.outline) schemaVariant = schema.outline\n\n return props.black ? schemaVariant.black : schemaVariant.default\n }}\n\n ${focus}\n ${responsiveSize}\n ${responsiveMargin}\n`\n"],"names":["shouldForwardChipProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","hover","colorHover","backgroundColorHover","borderColorHover","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","default","primary","css","props","active","theme","colors","transparent","tinycolor","lighten","toString","darken","black","secondary","outline","contrast","setAlpha","Content","styled","span","withConfig","displayName","componentId","Root","div","shouldForwardProp","cursor","as","disabled","schema","schemaVariant","focus","responsiveSize","responsiveMargin"],"mappings":"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"}
1	+ {"version":3,"file":"style.js","sources":["../../../../src/components/Chip/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport type { ResponsiveSizeProps, ResponsiveSizeInterpolationProps } from 'shared/interfaces'\n\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { Size, StyledChipProps, ChipPalette } from './types'\n\nconst shouldForwardChipProp = createShouldForwardProp(\n (propKey) => !['outline', 'black', 'active', 'cursor'].includes(propKey)\n)\n\nconst template = (palette: ChipPalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n border-color: ${palette.borderColor};\n ${hover(`\n color: ${palette.colorHover};\n background-color: ${palette.backgroundColorHover};\n border-color: ${palette.borderColorHover};\n `)}\n &[data-disabled=\"true\"] {\n color: ${palette.colorDisabled};\n background-color: ${palette.backgroundColorDisabled};\n border-color: ${palette.borderColorDisabled};\n }\n`\n\nconst COLOR_SCHEMA = {\n default: {\n primary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-primary'])\n : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n backgroundColor: props.active\n ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-500'])\n : (props.palette.backgroundColor ?? props.theme.colors['bg-brand-primary-100']),\n borderColor: props.active\n ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n : (props.palette.borderColor ?? props.theme.colors.transparent),\n colorHover: props.active\n ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-primary'])\n : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n backgroundColorHover: props.active\n ? (props.palette.backgroundColorActiveHover ??\n (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor))\n : (props.palette.backgroundColorHover ??\n (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor)),\n borderColorHover: props.active\n ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n : (props.palette.borderColorHover ?? props.theme.colors.transparent),\n colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-small'])\n : (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-large']),\n borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors.transparent,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-primary'])\n : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n backgroundColor: props.active\n ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-onmain-contrast'])\n : (props.palette.backgroundColor ?? props.theme.colors['bg-onmain-tertiary']),\n borderColor: props.active\n ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n : (props.palette.borderColor ?? props.theme.colors.transparent),\n colorHover: props.active\n ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-primary'])\n : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n backgroundColorHover: props.active\n ? (props.palette.backgroundColorActiveHover ??\n (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor))\n : (props.palette.backgroundColorHover ??\n (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor)),\n borderColorHover: props.active\n ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n : (props.palette.borderColorHover ?? props.theme.colors.transparent),\n colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-small'])\n : (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-large']),\n borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors.transparent,\n })}\n `,\n },\n secondary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? (props.palette.colorActive ?? props.theme.colors['content-brand-primary'])\n : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n backgroundColor: props.active\n ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-100'])\n : (props.palette.backgroundColor ?? props.theme.colors['bg-brand-primary-100']),\n borderColor: props.active\n ? (props.palette.borderColorActive ?? props.theme.colors['bg-brand-primary-500'])\n : (props.palette.borderColor ?? props.theme.colors['bg-brand-primary-400']),\n colorHover: props.active\n ? (props.palette.colorActiveHover ?? props.theme.colors['content-brand-primary'])\n : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n backgroundColorHover: props.active\n ? (props.palette.backgroundColorActiveHover ??\n (tinycolor(props.theme.colors['bg-brand-primary-100']).lighten(2).toString() as CSSColor))\n : (props.palette.backgroundColorHover ??\n (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor)),\n borderColorHover: props.active\n ? (props.palette.borderColorActiveHover ?? props.theme.colors['bg-brand-primary-500'])\n : (props.palette.borderColorHover ?? props.theme.colors['bg-brand-primary-400']),\n colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors['border-disabled'],\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? (props.palette.colorActive ?? props.theme.colors['content-onmain-primary'])\n : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n backgroundColor: props.active\n ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-onmain-secondary'])\n : (props.palette.backgroundColor ?? props.theme.colors['bg-onmain-tertiary']),\n borderColor: props.active\n ? (props.palette.borderColorActive ?? props.theme.colors['border-onmain-contrast'])\n : (props.palette.borderColor ?? props.theme.colors['border-onmain-default-large']),\n colorHover: props.active\n ? (props.palette.colorActiveHover ?? props.theme.colors['content-onmain-primary'])\n : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n backgroundColorHover: props.active\n ? (props.palette.backgroundColorActiveHover ??\n (tinycolor(props.theme.colors['bg-onmain-secondary']).lighten(11).toString() as CSSColor))\n : (props.palette.backgroundColorHover ??\n (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor)),\n borderColorHover: props.active\n ? (props.palette.borderColorActiveHover ?? props.theme.colors['border-onmain-contrast'])\n : (props.palette.borderColorHover ?? props.theme.colors['border-onmain-default-large']),\n colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors['border-disabled'],\n })}\n `,\n },\n outline: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-primary'])\n : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n backgroundColor: props.active\n ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-500'])\n : (props.palette.backgroundColor ?? props.theme.colors.transparent),\n borderColor: props.active\n ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n : (props.palette.borderColor ?? props.theme.colors['border-onmain-default-large']),\n colorHover: props.active\n ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-primary'])\n : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n backgroundColorHover: props.active\n ? (props.palette.backgroundColorActiveHover ??\n (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor))\n : (props.palette.backgroundColorHover ?? props.theme.colors['content-oncolor-hover']),\n borderColorHover: props.active\n ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n : (props.palette.borderColorHover ?? props.theme.colors['border-onmain-default-large']),\n colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-small'])\n : (props.palette.backgroundColorDisabled ?? props.theme.colors.transparent),\n borderColorDisabled: props.active\n ? (props.palette.borderColorDisabled ?? props.theme.colors.transparent)\n : (props.palette.borderColorDisabled ?? props.theme.colors['border-disabled']),\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-primary'])\n : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n backgroundColor: props.active\n ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-onmain-contrast'])\n : (props.palette.backgroundColor ?? props.theme.colors.transparent),\n borderColor: props.active\n ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n : (props.palette.borderColor ?? props.theme.colors['border-onmain-default-large']),\n colorHover: props.active\n ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-primary'])\n : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n backgroundColorHover: props.active\n ? (props.palette.backgroundColorActiveHover ??\n (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor))\n : (props.palette.backgroundColorHover ?? props.theme.colors['content-oncolor-hover']),\n borderColorHover: props.active\n ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n : (props.palette.borderColorHover ?? props.theme.colors['border-onmain-default-large']),\n colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-small'])\n : (props.palette.backgroundColorDisabled ?? props.theme.colors.transparent),\n borderColorDisabled: props.active\n ? (props.palette.borderColorDisabled ?? props.theme.colors.transparent)\n : (props.palette.borderColorDisabled ?? props.theme.colors['border-disabled']),\n })}\n `,\n },\n },\n contrast: {\n primary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? (props.palette.colorActive ?? props.theme.colors['content-onmain-primary'])\n : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n backgroundColor: props.active\n ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-oncolor-primary'])\n : (props.palette.backgroundColor ?? props.theme.colors['bg-brand-primary-100']),\n borderColor: props.active\n ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n : (props.palette.borderColor ?? props.theme.colors.transparent),\n colorHover: props.active\n ? (props.palette.colorActiveHover ?? props.theme.colors['content-onmain-primary'])\n : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n backgroundColorHover: props.active\n ? (props.palette.backgroundColorActiveHover ??\n (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor))\n : (props.palette.backgroundColorHover ??\n (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor)),\n borderColorHover: props.active\n ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n : (props.palette.borderColorHover ?? props.theme.colors.transparent),\n colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors.transparent,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-constant'])\n : (props.palette.color ?? props.theme.colors['content-oncolor-primary']),\n backgroundColor: props.active\n ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-oncolor-primary'])\n : (props.palette.backgroundColor ?? props.theme.colors['bg-oncolor-tertiary']),\n borderColor: props.active\n ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n : (props.palette.borderColor ?? props.theme.colors.transparent),\n colorHover: props.active\n ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-constant'])\n : (props.palette.colorHover ?? props.theme.colors['content-oncolor-primary']),\n backgroundColorHover: props.active\n ? (props.palette.backgroundColorActiveHover ??\n (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor))\n : (props.palette.backgroundColorHover ??\n (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor)),\n borderColorHover: props.active\n ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n : (props.palette.borderColorHover ?? props.theme.colors.transparent),\n colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors.transparent,\n })}\n `,\n },\n secondary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-primary'])\n : (props.palette.color ?? props.theme.colors['content-oncolor-primary']),\n backgroundColor: props.active\n ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-oncolor-secondary'])\n : (props.palette.backgroundColor ?? props.theme.colors['bg-oncolor-tertiary']),\n borderColor: props.active\n ? (props.palette.borderColorActive ?? props.theme.colors['border-oncolor-default'])\n : (props.palette.borderColor ?? props.theme.colors['border-oncolor-default-large']),\n colorHover: props.active\n ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-primary'])\n : (props.palette.colorHover ?? props.theme.colors['content-oncolor-primary']),\n backgroundColorHover: props.active\n ? (props.palette.backgroundColorActiveHover ??\n (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor))\n : (props.palette.backgroundColorHover ??\n (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor)),\n borderColorHover: props.active\n ? (props.palette.borderColorActiveHover ?? props.theme.colors['border-oncolor-default'])\n : (props.palette.borderColorHover ?? props.theme.colors['border-oncolor-default-large']),\n colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors['border-oncolor-disabled'],\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-primary'])\n : (props.palette.color ?? props.theme.colors['content-oncolor-primary']),\n backgroundColor: props.active\n ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-oncolor-secondary'])\n : (props.palette.backgroundColor ?? props.theme.colors['bg-oncolor-tertiary']),\n borderColor: props.active\n ? (props.palette.borderColorActive ?? props.theme.colors['border-oncolor-default'])\n : (props.palette.borderColor ?? props.theme.colors['border-oncolor-default-large']),\n colorHover: props.active\n ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-primary'])\n : (props.palette.colorHover ?? props.theme.colors['content-oncolor-primary']),\n backgroundColorHover: props.active\n ? (props.palette.backgroundColorActiveHover ??\n (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor))\n : (props.palette.backgroundColorHover ??\n (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor)),\n borderColorHover: props.active\n ? (props.palette.borderColorActiveHover ?? props.theme.colors['border-oncolor-default'])\n : (props.palette.borderColorHover ?? props.theme.colors['border-oncolor-default-large']),\n colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors['border-oncolor-disabled'],\n })}\n `,\n },\n outline: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-constant'])\n : (props.palette.color ?? props.theme.colors['content-oncolor-primary']),\n backgroundColor: props.active\n ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-oncolor-primary'])\n : (props.palette.backgroundColor ?? props.theme.colors.transparent),\n borderColor: props.active\n ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n : (props.palette.borderColor ?? props.theme.colors['border-oncolor-default']),\n colorHover: props.active\n ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-constant'])\n : (props.palette.colorHover ?? props.theme.colors['content-oncolor-primary']),\n backgroundColorHover: props.active\n ? (props.palette.backgroundColorActiveHover ??\n (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor))\n : (props.palette.backgroundColorHover ?? props.theme.colors['content-onmain-hover']),\n borderColorHover: props.active\n ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n : (props.palette.borderColorHover ?? props.theme.colors['border-oncolor-default']),\n colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.active\n ? (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-oncolor-disabled'])\n : (props.palette.backgroundColorDisabled ?? props.theme.colors.transparent),\n borderColorDisabled: props.active\n ? (props.palette.borderColorDisabled ?? props.theme.colors.transparent)\n : (props.palette.borderColorDisabled ?? props.theme.colors['border-oncolor-disabled']),\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-constant'])\n : (props.palette.color ?? props.theme.colors['content-oncolor-primary']),\n backgroundColor: props.active\n ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-oncolor-primary'])\n : (props.palette.backgroundColor ?? props.theme.colors.transparent),\n borderColor: props.active\n ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n : (props.palette.borderColor ?? props.theme.colors['border-oncolor-default']),\n colorHover: props.active\n ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-constant'])\n : (props.palette.colorHover ?? props.theme.colors['content-oncolor-primary']),\n backgroundColorHover: props.active\n ? (props.palette.backgroundColorActiveHover ??\n (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor))\n : (props.palette.backgroundColorHover ?? props.theme.colors['content-onmain-hover']),\n borderColorHover: props.active\n ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n : (props.palette.borderColorHover ?? props.theme.colors['border-oncolor-default']),\n colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.active\n ? (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-oncolor-disabled'])\n : (props.palette.backgroundColorDisabled ?? props.theme.colors.transparent),\n borderColorDisabled: props.active\n ? (props.palette.borderColorDisabled ?? props.theme.colors.transparent)\n : (props.palette.borderColorDisabled ?? props.theme.colors['border-oncolor-disabled']),\n })}\n `,\n },\n },\n}\n\nexport const Content = styled.span.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>({\n shouldForwardProp: shouldForwardChipProp,\n})`\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex-grow: 1;\n\n ${responsiveSize}\n`\n\nexport const Root = styled.div.withConfig<StyledChipProps>({\n shouldForwardProp: shouldForwardChipProp,\n})`\n ${(props) => {\n let cursor = 'default'\n\n if (props.as === 'button' \|\| props.as === 'a' \|\| props.as === 'label') cursor = 'pointer'\n if (props.disabled) cursor = 'not-allowed'\n if (props.cursor) cursor = props.cursor\n\n return `\n box-sizing: border-box;\n appearance: none;\n text-decoration: none;\n margin: 0;\n display: inline-flex;\n align-items: center;\n border: 1px solid transparent;\n flex-shrink: 0;\n cursor: ${cursor};\n transition-property: background-color;\n transition-duration: 250ms;\n `\n }}\n\n ${(props) => {\n const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n let schemaVariant = schema.primary\n\n if (props.secondary) schemaVariant = schema.secondary\n if (props.outline) schemaVariant = schema.outline\n\n return props.black ? schemaVariant.black : schemaVariant.default\n }}\n\n ${focus}\n ${responsiveSize}\n ${responsiveMargin}\n`\n"],"names":["shouldForwardChipProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","hover","colorHover","backgroundColorHover","borderColorHover","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","default","primary","css","props","active","colorActive","theme","colors","backgroundColorActive","borderColorActive","transparent","colorActiveHover","backgroundColorActiveHover","tinycolor","lighten","toString","darken","borderColorActiveHover","black","secondary","outline","contrast","setAlpha","Content","styled","span","withConfig","shouldForwardProp","displayName","componentId","responsiveSize","Root","div","cursor","as","disabled","schema","schemaVariant","focus","responsiveMargin"],"mappings":"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"}

package/components/Chip/style.mjs CHANGED Viewed

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import tinycolor from'tinycolor2';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{focus}from'../../mixins/focus.mjs';import{hover}from'../../mixins/hover.mjs';const shouldForwardChipProp=createShouldForwardProp(o=>!['outline','black','active','cursor'].includes(o));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  ${hover(`\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  `)}\n  &:disabled {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n`;const COLOR_SCHEMA={default:{primary:{default:css(["",""],o=>template({color:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors['bg-brand-primary-100'],borderColor:o.theme.colors.transparent,colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor(o.theme.colors['bg-brand-primary-500']).lighten(5).toString():tinycolor(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.theme.colors['bg-disabled-small']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,...o.palette})),black:css(["",""],o=>template({color:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-onmain-contrast']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor(o.theme.colors['bg-onmain-contrast']).lighten(11).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(11).toString(),borderColorHover:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.theme.colors['bg-disabled-small']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,...o.palette}))},secondary:{default:css(["",""],o=>template({color:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],borderColor:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors['bg-brand-primary-400'],colorHover:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor(o.theme.colors['bg-brand-primary-100']).lighten(2).toString():tinycolor(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors['bg-brand-primary-400'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['border-disabled'],...o.palette})),black:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-onmain-secondary']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.active?o.theme.colors['border-onmain-contrast']:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor(o.theme.colors['bg-onmain-secondary']).lighten(11).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(11).toString(),borderColorHover:o.active?o.theme.colors['border-onmain-contrast']:o.theme.colors['border-onmain-default-large'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['border-disabled'],...o.palette}))},outline:{default:css(["",""],o=>template({color:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors.transparent,borderColor:o.active?o.theme.colors.transparent:o.theme.colors['border-onmain-default-large'],colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor(o.theme.colors['bg-brand-primary-500']).lighten(5).toString():o.theme.colors['content-oncolor-hover'],borderColorHover:o.active?o.theme.colors.transparent:o.theme.colors['border-onmain-default-large'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.theme.colors['bg-disabled-small']:o.theme.colors.transparent,borderColorDisabled:o.active?o.theme.colors.transparent:o.theme.colors['border-disabled'],...o.palette})),black:css(["",""],o=>template({color:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-onmain-contrast']:o.theme.colors.transparent,borderColor:o.active?o.theme.colors.transparent:o.theme.colors['border-onmain-default-large'],colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor(o.theme.colors['bg-onmain-contrast']).lighten(11).toString():o.theme.colors['content-oncolor-hover'],borderColorHover:o.active?o.theme.colors.transparent:o.theme.colors['border-onmain-default-large'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.theme.colors['bg-disabled-small']:o.theme.colors.transparent,borderColorDisabled:o.active?o.theme.colors.transparent:o.theme.colors['border-disabled'],...o.palette}))}},contrast:{primary:{default:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-brand-primary-100'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(11).toString():tinycolor(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,...o.palette})),black:css(["",""],o=>template({color:o.active?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.active?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(11).toString():tinycolor(o.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,...o.palette}))},secondary:{default:css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-oncolor-secondary']:o.theme.colors['bg-oncolor-tertiary'],borderColor:o.active?o.theme.colors['border-oncolor-default']:o.theme.colors['border-oncolor-default-large'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?tinycolor(o.theme.colors['bg-oncolor-secondary']).setAlpha(.5).toString():tinycolor(o.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:o.active?o.theme.colors['border-oncolor-default']:o.theme.colors['border-oncolor-default-large'],colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors['border-oncolor-disabled'],...o.palette})),black:css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-oncolor-secondary']:o.theme.colors['bg-oncolor-tertiary'],borderColor:o.active?o.theme.colors['border-oncolor-default']:o.theme.colors['border-oncolor-default-large'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?tinycolor(o.theme.colors['bg-oncolor-secondary']).setAlpha(.5).toString():tinycolor(o.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:o.active?o.theme.colors['border-oncolor-default']:o.theme.colors['border-oncolor-default-large'],colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors['border-oncolor-disabled'],...o.palette}))},outline:{default:css(["",""],o=>template({color:o.active?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-oncolor-primary']:o.theme.colors.transparent,borderColor:o.active?o.theme.colors.transparent:o.theme.colors['border-oncolor-default'],colorHover:o.active?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(11).toString():o.theme.colors['content-onmain-hover'],borderColorHover:o.active?o.theme.colors.transparent:o.theme.colors['border-oncolor-default'],colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.active?o.theme.colors['bg-oncolor-disabled']:o.theme.colors.transparent,borderColorDisabled:o.active?o.theme.colors.transparent:o.theme.colors['border-oncolor-disabled'],...o.palette})),black:css(["",""],o=>template({color:o.active?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-oncolor-primary']:o.theme.colors.transparent,borderColor:o.active?o.theme.colors.transparent:o.theme.colors['border-oncolor-default'],colorHover:o.active?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(11).toString():o.theme.colors['content-onmain-hover'],borderColorHover:o.active?o.theme.colors.transparent:o.theme.colors['border-oncolor-default'],colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.active?o.theme.colors['bg-oncolor-disabled']:o.theme.colors.transparent,borderColorDisabled:o.active?o.theme.colors.transparent:o.theme.colors['border-oncolor-disabled'],...o.palette}))}}};const Content=styled.span.withConfig({displayName:"Chip__Content",componentId:"ui__sc-ndhge9-0"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;text-align:start;"]);const Root=styled.div.withConfig({shouldForwardProp:shouldForwardChipProp}).withConfig({displayName:"Chip__Root",componentId:"ui__sc-ndhge9-1"})([""," "," "," "," ",""],o=>{let r='default';return o.as==='button'&&(r='pointer'),o.as==='button'&&o.disabled&&(r='not-allowed'),o.cursor&&(r=o.cursor),`\n      box-sizing: border-box;\n      appearance: none;\n      margin: 0;\n      display: inline-flex;\n      align-items: center;\n      border: 1px solid transparent;\n      flex-shrink: 0;\n      cursor: ${r};\n      transition-property: background-color;\n      transition-duration: 250ms;\n\n      & > *:not(:last-child) {\n        margin-right: 6px;\n      }\n\n      & > ${Content}:first-child {\n        margin-left: 6px;\n      }\n      & > ${Content}:last-child {\n        margin-right: 6px;\n      }\n    `},o=>{const r=o.contrast?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;let e=r.primary;return o.secondary&&(e=r.secondary),o.outline&&(e=r.outline),o.black?e.black:e.default},focus,responsiveSize,responsiveMargin);export{Content,Root};
+import styled,{css}from'styled-components';import tinycolor from'tinycolor2';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{focus}from'../../mixins/focus.mjs';import{hover}from'../../mixins/hover.mjs';const shouldForwardChipProp=createShouldForwardProp(o=>!['outline','black','active','cursor'].includes(o));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  ${hover(`\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  `)}\n  &[data-disabled="true"] {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n`;const COLOR_SCHEMA={default:{primary:{default:css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-brand-primary-500']:o.palette.backgroundColor??o.theme.colors['bg-brand-primary-100'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors.transparent,colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor(o.theme.colors['bg-brand-primary-500']).lighten(5).toString():o.palette.backgroundColorHover??tinycolor(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors.transparent,colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-small']:o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-large'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors.transparent})),black:css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-onmain-contrast']:o.palette.backgroundColor??o.theme.colors['bg-onmain-tertiary'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors.transparent,colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor(o.theme.colors['bg-onmain-contrast']).lighten(11).toString():o.palette.backgroundColorHover??tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(11).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors.transparent,colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-small']:o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-large'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors.transparent}))},secondary:{default:css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-brand-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-brand-primary-100']:o.palette.backgroundColor??o.theme.colors['bg-brand-primary-100'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors['bg-brand-primary-500']:o.palette.borderColor??o.theme.colors['bg-brand-primary-400'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-brand-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor(o.theme.colors['bg-brand-primary-100']).lighten(2).toString():o.palette.backgroundColorHover??tinycolor(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors['bg-brand-primary-500']:o.palette.borderColorHover??o.theme.colors['bg-brand-primary-400'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorDisabled:o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-large'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors['border-disabled']})),black:css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-onmain-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-onmain-secondary']:o.palette.backgroundColor??o.theme.colors['bg-onmain-tertiary'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors['border-onmain-contrast']:o.palette.borderColor??o.theme.colors['border-onmain-default-large'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-onmain-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor(o.theme.colors['bg-onmain-secondary']).lighten(11).toString():o.palette.backgroundColorHover??tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(11).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors['border-onmain-contrast']:o.palette.borderColorHover??o.theme.colors['border-onmain-default-large'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorDisabled:o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-large'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors['border-disabled']}))},outline:{default:css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-brand-primary-500']:o.palette.backgroundColor??o.theme.colors.transparent,borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors['border-onmain-default-large'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor(o.theme.colors['bg-brand-primary-500']).lighten(5).toString():o.palette.backgroundColorHover??o.theme.colors['content-oncolor-hover'],borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors['border-onmain-default-large'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-small']:o.palette.backgroundColorDisabled??o.theme.colors.transparent,borderColorDisabled:o.active?o.palette.borderColorDisabled??o.theme.colors.transparent:o.palette.borderColorDisabled??o.theme.colors['border-disabled']})),black:css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-onmain-contrast']:o.palette.backgroundColor??o.theme.colors.transparent,borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors['border-onmain-default-large'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor(o.theme.colors['bg-onmain-contrast']).lighten(11).toString():o.palette.backgroundColorHover??o.theme.colors['content-oncolor-hover'],borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors['border-onmain-default-large'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-small']:o.palette.backgroundColorDisabled??o.theme.colors.transparent,borderColorDisabled:o.active?o.palette.borderColorDisabled??o.theme.colors.transparent:o.palette.borderColorDisabled??o.theme.colors['border-disabled']}))}},contrast:{primary:{default:css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-onmain-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-oncolor-primary']:o.palette.backgroundColor??o.theme.colors['bg-brand-primary-100'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors.transparent,colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-onmain-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor(o.theme.colors['bg-oncolor-primary']).darken(11).toString():o.palette.backgroundColorHover??tinycolor(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors.transparent,colorDisabled:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.palette.backgroundColorDisabled??o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors.transparent})),black:css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-constant']:o.palette.color??o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-oncolor-primary']:o.palette.backgroundColor??o.theme.colors['bg-oncolor-tertiary'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors.transparent,colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-constant']:o.palette.colorHover??o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor(o.theme.colors['bg-oncolor-primary']).darken(11).toString():o.palette.backgroundColorHover??tinycolor(o.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors.transparent,colorDisabled:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.palette.backgroundColorDisabled??o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors.transparent}))},secondary:{default:css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-primary']:o.palette.color??o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-oncolor-secondary']:o.palette.backgroundColor??o.theme.colors['bg-oncolor-tertiary'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors['border-oncolor-default']:o.palette.borderColor??o.theme.colors['border-oncolor-default-large'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-primary']:o.palette.colorHover??o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor(o.theme.colors['bg-oncolor-secondary']).setAlpha(.5).toString():o.palette.backgroundColorHover??tinycolor(o.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors['border-oncolor-default']:o.palette.borderColorHover??o.theme.colors['border-oncolor-default-large'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.palette.backgroundColorDisabled??o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors['border-oncolor-disabled']})),black:css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-primary']:o.palette.color??o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-oncolor-secondary']:o.palette.backgroundColor??o.theme.colors['bg-oncolor-tertiary'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors['border-oncolor-default']:o.palette.borderColor??o.theme.colors['border-oncolor-default-large'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-primary']:o.palette.colorHover??o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor(o.theme.colors['bg-oncolor-secondary']).setAlpha(.5).toString():o.palette.backgroundColorHover??tinycolor(o.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors['border-oncolor-default']:o.palette.borderColorHover??o.theme.colors['border-oncolor-default-large'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.palette.backgroundColorDisabled??o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors['border-oncolor-disabled']}))},outline:{default:css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-constant']:o.palette.color??o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-oncolor-primary']:o.palette.backgroundColor??o.theme.colors.transparent,borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors['border-oncolor-default'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-constant']:o.palette.colorHover??o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor(o.theme.colors['bg-oncolor-primary']).darken(11).toString():o.palette.backgroundColorHover??o.theme.colors['content-onmain-hover'],borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors['border-oncolor-default'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.active?o.palette.backgroundColorDisabled??o.theme.colors['bg-oncolor-disabled']:o.palette.backgroundColorDisabled??o.theme.colors.transparent,borderColorDisabled:o.active?o.palette.borderColorDisabled??o.theme.colors.transparent:o.palette.borderColorDisabled??o.theme.colors['border-oncolor-disabled']})),black:css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-constant']:o.palette.color??o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-oncolor-primary']:o.palette.backgroundColor??o.theme.colors.transparent,borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors['border-oncolor-default'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-constant']:o.palette.colorHover??o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor(o.theme.colors['bg-oncolor-primary']).darken(11).toString():o.palette.backgroundColorHover??o.theme.colors['content-onmain-hover'],borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors['border-oncolor-default'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.active?o.palette.backgroundColorDisabled??o.theme.colors['bg-oncolor-disabled']:o.palette.backgroundColorDisabled??o.theme.colors.transparent,borderColorDisabled:o.active?o.palette.borderColorDisabled??o.theme.colors.transparent:o.palette.borderColorDisabled??o.theme.colors['border-oncolor-disabled']}))}}};const Content=styled.span.withConfig({shouldForwardProp:shouldForwardChipProp}).withConfig({displayName:"Chip__Content",componentId:"ui__sc-ndhge9-0"})(["box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;",""],responsiveSize);const Root=styled.div.withConfig({shouldForwardProp:shouldForwardChipProp}).withConfig({displayName:"Chip__Root",componentId:"ui__sc-ndhge9-1"})([""," "," "," "," ",""],o=>{let e='default';return o.as!=='button'&&o.as!=='a'&&o.as!=='label'||(e='pointer'),o.disabled&&(e='not-allowed'),o.cursor&&(e=o.cursor),`\n      box-sizing: border-box;\n      appearance: none;\n      text-decoration: none;\n      margin: 0;\n      display: inline-flex;\n      align-items: center;\n      border: 1px solid transparent;\n      flex-shrink: 0;\n      cursor: ${e};\n      transition-property: background-color;\n      transition-duration: 250ms;\n    `},o=>{const e=o.contrast?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;let r=e.primary;return o.secondary&&(r=e.secondary),o.outline&&(r=e.outline),o.black?r.black:r.default},focus,responsiveSize,responsiveMargin);export{Content,Root};
 //# sourceMappingURL=style.mjs.map

package/components/Chip/style.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"style.mjs","sources":["../../../../src/components/Chip/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledChipProps, ChipPalette } from './types'\n\nconst shouldForwardChipProp = createShouldForwardProp(\n (propKey) => !['outline', 'black', 'active', 'cursor'].includes(propKey)\n)\n\nconst template = (palette: ChipPalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n border-color: ${palette.borderColor};\n ${hover(`\n color: ${palette.colorHover};\n background-color: ${palette.backgroundColorHover};\n border-color: ${palette.borderColorHover};\n `)}\n &:disabled {\n color: ${palette.colorDisabled};\n background-color: ${palette.backgroundColorDisabled};\n border-color: ${palette.borderColorDisabled};\n }\n`\n\nconst COLOR_SCHEMA = {\n default: {\n primary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-brand-primary-500']\n : props.theme.colors['bg-brand-primary-100'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-disabled-small']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-onmain-contrast']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-disabled-small']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n },\n secondary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-brand-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100'],\n borderColor: props.active\n ? props.theme.colors['bg-brand-primary-500']\n : props.theme.colors['bg-brand-primary-400'],\n colorHover: props.active\n ? props.theme.colors['content-brand-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-brand-primary-100']).lighten(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n borderColorHover: props.active\n ? props.theme.colors['bg-brand-primary-500']\n : props.theme.colors['bg-brand-primary-400'],\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors['border-disabled'],\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-onmain-secondary']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.active\n ? props.theme.colors['border-onmain-contrast']\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-onmain-secondary']).lighten(11).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor),\n borderColorHover: props.active\n ? props.theme.colors['border-onmain-contrast']\n : props.theme.colors['border-onmain-default-large'],\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors['border-disabled'],\n ...props.palette,\n })}\n `,\n },\n outline: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active ? props.theme.colors['bg-brand-primary-500'] : props.theme.colors.transparent,\n borderColor: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor)\n : props.theme.colors['content-oncolor-hover'],\n borderColorHover: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-disabled-small']\n : props.theme.colors.transparent,\n borderColorDisabled: props.active ? props.theme.colors.transparent : props.theme.colors['border-disabled'],\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active ? props.theme.colors['bg-onmain-contrast'] : props.theme.colors.transparent,\n borderColor: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorHover: props.active\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor)\n : props.theme.colors['content-oncolor-hover'],\n borderColorHover: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-default-large'],\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-disabled-small']\n : props.theme.colors.transparent,\n borderColorDisabled: props.active ? props.theme.colors.transparent : props.theme.colors['border-disabled'],\n ...props.palette,\n })}\n `,\n },\n },\n contrast: {\n primary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-brand-primary-100'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-onmain-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-oncolor-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n ...props.palette,\n })}\n `,\n },\n secondary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-oncolor-secondary']\n : props.theme.colors['bg-oncolor-tertiary'],\n borderColor: props.active\n ? props.theme.colors['border-oncolor-default']\n : props.theme.colors['border-oncolor-default-large'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n borderColorHover: props.active\n ? props.theme.colors['border-oncolor-default']\n : props.theme.colors['border-oncolor-default-large'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active\n ? props.theme.colors['bg-oncolor-secondary']\n : props.theme.colors['bg-oncolor-tertiary'],\n borderColor: props.active\n ? props.theme.colors['border-oncolor-default']\n : props.theme.colors['border-oncolor-default-large'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor),\n borderColorHover: props.active\n ? props.theme.colors['border-oncolor-default']\n : props.theme.colors['border-oncolor-default-large'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n },\n outline: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n borderColor: props.active ? props.theme.colors.transparent : props.theme.colors['border-oncolor-default'],\n colorHover: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n : props.theme.colors['content-onmain-hover'],\n borderColorHover: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-default'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-oncolor-disabled']\n : props.theme.colors.transparent,\n borderColorDisabled: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.active ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n borderColor: props.active ? props.theme.colors.transparent : props.theme.colors['border-oncolor-default'],\n colorHover: props.active\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.active\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor)\n : props.theme.colors['content-onmain-hover'],\n borderColorHover: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-default'],\n colorDisabled: props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.active\n ? props.theme.colors['bg-oncolor-disabled']\n : props.theme.colors.transparent,\n borderColorDisabled: props.active\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-disabled'],\n ...props.palette,\n })}\n `,\n },\n },\n}\n\nexport const Content = styled.span`\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n text-align: start;\n`\n\nexport const Root = styled.div.withConfig<StyledChipProps>({\n shouldForwardProp: shouldForwardChipProp,\n})`\n ${(props) => {\n let cursor = 'default'\n\n if (props.as === 'button') cursor = 'pointer'\n if (props.as === 'button' && props.disabled) cursor = 'not-allowed'\n if (props.cursor) cursor = props.cursor\n\n return `\n box-sizing: border-box;\n appearance: none;\n margin: 0;\n display: inline-flex;\n align-items: center;\n border: 1px solid transparent;\n flex-shrink: 0;\n cursor: ${cursor};\n transition-property: background-color;\n transition-duration: 250ms;\n\n & > *:not(:last-child) {\n margin-right: 6px;\n }\n\n & > ${Content}:first-child {\n margin-left: 6px;\n }\n & > ${Content}:last-child {\n margin-right: 6px;\n }\n `\n }}\n\n ${(props) => {\n const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n let schemaVariant = schema.primary\n\n if (props.secondary) schemaVariant = schema.secondary\n if (props.outline) schemaVariant = schema.outline\n\n return props.black ? schemaVariant.black : schemaVariant.default\n }}\n\n ${focus}\n ${responsiveSize}\n ${responsiveMargin}\n`\n"],"names":["shouldForwardChipProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","hover","colorHover","backgroundColorHover","borderColorHover","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","default","primary","css","props","active","theme","colors","transparent","tinycolor","lighten","toString","darken","black","secondary","outline","contrast","setAlpha","Content","styled","span","withConfig","displayName","componentId","Root","div","shouldForwardProp","cursor","as","disabled","schema","schemaVariant","focus","responsiveSize","responsiveMargin"],"mappings":"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"}
1	+ {"version":3,"file":"style.mjs","sources":["../../../../src/components/Chip/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport type { ResponsiveSizeProps, ResponsiveSizeInterpolationProps } from 'shared/interfaces'\n\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { Size, StyledChipProps, ChipPalette } from './types'\n\nconst shouldForwardChipProp = createShouldForwardProp(\n (propKey) => !['outline', 'black', 'active', 'cursor'].includes(propKey)\n)\n\nconst template = (palette: ChipPalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n border-color: ${palette.borderColor};\n ${hover(`\n color: ${palette.colorHover};\n background-color: ${palette.backgroundColorHover};\n border-color: ${palette.borderColorHover};\n `)}\n &[data-disabled=\"true\"] {\n color: ${palette.colorDisabled};\n background-color: ${palette.backgroundColorDisabled};\n border-color: ${palette.borderColorDisabled};\n }\n`\n\nconst COLOR_SCHEMA = {\n default: {\n primary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-primary'])\n : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n backgroundColor: props.active\n ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-500'])\n : (props.palette.backgroundColor ?? props.theme.colors['bg-brand-primary-100']),\n borderColor: props.active\n ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n : (props.palette.borderColor ?? props.theme.colors.transparent),\n colorHover: props.active\n ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-primary'])\n : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n backgroundColorHover: props.active\n ? (props.palette.backgroundColorActiveHover ??\n (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor))\n : (props.palette.backgroundColorHover ??\n (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor)),\n borderColorHover: props.active\n ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n : (props.palette.borderColorHover ?? props.theme.colors.transparent),\n colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-small'])\n : (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-large']),\n borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors.transparent,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-primary'])\n : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n backgroundColor: props.active\n ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-onmain-contrast'])\n : (props.palette.backgroundColor ?? props.theme.colors['bg-onmain-tertiary']),\n borderColor: props.active\n ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n : (props.palette.borderColor ?? props.theme.colors.transparent),\n colorHover: props.active\n ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-primary'])\n : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n backgroundColorHover: props.active\n ? (props.palette.backgroundColorActiveHover ??\n (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor))\n : (props.palette.backgroundColorHover ??\n (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor)),\n borderColorHover: props.active\n ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n : (props.palette.borderColorHover ?? props.theme.colors.transparent),\n colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-small'])\n : (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-large']),\n borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors.transparent,\n })}\n `,\n },\n secondary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? (props.palette.colorActive ?? props.theme.colors['content-brand-primary'])\n : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n backgroundColor: props.active\n ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-100'])\n : (props.palette.backgroundColor ?? props.theme.colors['bg-brand-primary-100']),\n borderColor: props.active\n ? (props.palette.borderColorActive ?? props.theme.colors['bg-brand-primary-500'])\n : (props.palette.borderColor ?? props.theme.colors['bg-brand-primary-400']),\n colorHover: props.active\n ? (props.palette.colorActiveHover ?? props.theme.colors['content-brand-primary'])\n : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n backgroundColorHover: props.active\n ? (props.palette.backgroundColorActiveHover ??\n (tinycolor(props.theme.colors['bg-brand-primary-100']).lighten(2).toString() as CSSColor))\n : (props.palette.backgroundColorHover ??\n (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor)),\n borderColorHover: props.active\n ? (props.palette.borderColorActiveHover ?? props.theme.colors['bg-brand-primary-500'])\n : (props.palette.borderColorHover ?? props.theme.colors['bg-brand-primary-400']),\n colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors['border-disabled'],\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? (props.palette.colorActive ?? props.theme.colors['content-onmain-primary'])\n : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n backgroundColor: props.active\n ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-onmain-secondary'])\n : (props.palette.backgroundColor ?? props.theme.colors['bg-onmain-tertiary']),\n borderColor: props.active\n ? (props.palette.borderColorActive ?? props.theme.colors['border-onmain-contrast'])\n : (props.palette.borderColor ?? props.theme.colors['border-onmain-default-large']),\n colorHover: props.active\n ? (props.palette.colorActiveHover ?? props.theme.colors['content-onmain-primary'])\n : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n backgroundColorHover: props.active\n ? (props.palette.backgroundColorActiveHover ??\n (tinycolor(props.theme.colors['bg-onmain-secondary']).lighten(11).toString() as CSSColor))\n : (props.palette.backgroundColorHover ??\n (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(11).toString() as CSSColor)),\n borderColorHover: props.active\n ? (props.palette.borderColorActiveHover ?? props.theme.colors['border-onmain-contrast'])\n : (props.palette.borderColorHover ?? props.theme.colors['border-onmain-default-large']),\n colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors['border-disabled'],\n })}\n `,\n },\n outline: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-primary'])\n : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n backgroundColor: props.active\n ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-brand-primary-500'])\n : (props.palette.backgroundColor ?? props.theme.colors.transparent),\n borderColor: props.active\n ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n : (props.palette.borderColor ?? props.theme.colors['border-onmain-default-large']),\n colorHover: props.active\n ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-primary'])\n : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n backgroundColorHover: props.active\n ? (props.palette.backgroundColorActiveHover ??\n (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor))\n : (props.palette.backgroundColorHover ?? props.theme.colors['content-oncolor-hover']),\n borderColorHover: props.active\n ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n : (props.palette.borderColorHover ?? props.theme.colors['border-onmain-default-large']),\n colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-small'])\n : (props.palette.backgroundColorDisabled ?? props.theme.colors.transparent),\n borderColorDisabled: props.active\n ? (props.palette.borderColorDisabled ?? props.theme.colors.transparent)\n : (props.palette.borderColorDisabled ?? props.theme.colors['border-disabled']),\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-primary'])\n : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n backgroundColor: props.active\n ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-onmain-contrast'])\n : (props.palette.backgroundColor ?? props.theme.colors.transparent),\n borderColor: props.active\n ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n : (props.palette.borderColor ?? props.theme.colors['border-onmain-default-large']),\n colorHover: props.active\n ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-primary'])\n : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n backgroundColorHover: props.active\n ? (props.palette.backgroundColorActiveHover ??\n (tinycolor(props.theme.colors['bg-onmain-contrast']).lighten(11).toString() as CSSColor))\n : (props.palette.backgroundColorHover ?? props.theme.colors['content-oncolor-hover']),\n borderColorHover: props.active\n ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n : (props.palette.borderColorHover ?? props.theme.colors['border-onmain-default-large']),\n colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.active\n ? (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-disabled-small'])\n : (props.palette.backgroundColorDisabled ?? props.theme.colors.transparent),\n borderColorDisabled: props.active\n ? (props.palette.borderColorDisabled ?? props.theme.colors.transparent)\n : (props.palette.borderColorDisabled ?? props.theme.colors['border-disabled']),\n })}\n `,\n },\n },\n contrast: {\n primary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? (props.palette.colorActive ?? props.theme.colors['content-onmain-primary'])\n : (props.palette.color ?? props.theme.colors['content-onmain-primary']),\n backgroundColor: props.active\n ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-oncolor-primary'])\n : (props.palette.backgroundColor ?? props.theme.colors['bg-brand-primary-100']),\n borderColor: props.active\n ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n : (props.palette.borderColor ?? props.theme.colors.transparent),\n colorHover: props.active\n ? (props.palette.colorActiveHover ?? props.theme.colors['content-onmain-primary'])\n : (props.palette.colorHover ?? props.theme.colors['content-onmain-primary']),\n backgroundColorHover: props.active\n ? (props.palette.backgroundColorActiveHover ??\n (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor))\n : (props.palette.backgroundColorHover ??\n (tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor)),\n borderColorHover: props.active\n ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n : (props.palette.borderColorHover ?? props.theme.colors.transparent),\n colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors.transparent,\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-constant'])\n : (props.palette.color ?? props.theme.colors['content-oncolor-primary']),\n backgroundColor: props.active\n ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-oncolor-primary'])\n : (props.palette.backgroundColor ?? props.theme.colors['bg-oncolor-tertiary']),\n borderColor: props.active\n ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n : (props.palette.borderColor ?? props.theme.colors.transparent),\n colorHover: props.active\n ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-constant'])\n : (props.palette.colorHover ?? props.theme.colors['content-oncolor-primary']),\n backgroundColorHover: props.active\n ? (props.palette.backgroundColorActiveHover ??\n (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor))\n : (props.palette.backgroundColorHover ??\n (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor)),\n borderColorHover: props.active\n ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n : (props.palette.borderColorHover ?? props.theme.colors.transparent),\n colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors.transparent,\n })}\n `,\n },\n secondary: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-primary'])\n : (props.palette.color ?? props.theme.colors['content-oncolor-primary']),\n backgroundColor: props.active\n ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-oncolor-secondary'])\n : (props.palette.backgroundColor ?? props.theme.colors['bg-oncolor-tertiary']),\n borderColor: props.active\n ? (props.palette.borderColorActive ?? props.theme.colors['border-oncolor-default'])\n : (props.palette.borderColor ?? props.theme.colors['border-oncolor-default-large']),\n colorHover: props.active\n ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-primary'])\n : (props.palette.colorHover ?? props.theme.colors['content-oncolor-primary']),\n backgroundColorHover: props.active\n ? (props.palette.backgroundColorActiveHover ??\n (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor))\n : (props.palette.backgroundColorHover ??\n (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor)),\n borderColorHover: props.active\n ? (props.palette.borderColorActiveHover ?? props.theme.colors['border-oncolor-default'])\n : (props.palette.borderColorHover ?? props.theme.colors['border-oncolor-default-large']),\n colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors['border-oncolor-disabled'],\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-primary'])\n : (props.palette.color ?? props.theme.colors['content-oncolor-primary']),\n backgroundColor: props.active\n ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-oncolor-secondary'])\n : (props.palette.backgroundColor ?? props.theme.colors['bg-oncolor-tertiary']),\n borderColor: props.active\n ? (props.palette.borderColorActive ?? props.theme.colors['border-oncolor-default'])\n : (props.palette.borderColor ?? props.theme.colors['border-oncolor-default-large']),\n colorHover: props.active\n ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-primary'])\n : (props.palette.colorHover ?? props.theme.colors['content-oncolor-primary']),\n backgroundColorHover: props.active\n ? (props.palette.backgroundColorActiveHover ??\n (tinycolor(props.theme.colors['bg-oncolor-secondary']).setAlpha(0.5).toString() as CSSColor))\n : (props.palette.backgroundColorHover ??\n (tinycolor(props.theme.colors['bg-oncolor-tertiary']).setAlpha(0.3).toString() as CSSColor)),\n borderColorHover: props.active\n ? (props.palette.borderColorActiveHover ?? props.theme.colors['border-oncolor-default'])\n : (props.palette.borderColorHover ?? props.theme.colors['border-oncolor-default-large']),\n colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.palette.backgroundColorDisabled ?? props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.palette.borderColorDisabled ?? props.theme.colors['border-oncolor-disabled'],\n })}\n `,\n },\n outline: {\n default: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-constant'])\n : (props.palette.color ?? props.theme.colors['content-oncolor-primary']),\n backgroundColor: props.active\n ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-oncolor-primary'])\n : (props.palette.backgroundColor ?? props.theme.colors.transparent),\n borderColor: props.active\n ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n : (props.palette.borderColor ?? props.theme.colors['border-oncolor-default']),\n colorHover: props.active\n ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-constant'])\n : (props.palette.colorHover ?? props.theme.colors['content-oncolor-primary']),\n backgroundColorHover: props.active\n ? (props.palette.backgroundColorActiveHover ??\n (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor))\n : (props.palette.backgroundColorHover ?? props.theme.colors['content-onmain-hover']),\n borderColorHover: props.active\n ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n : (props.palette.borderColorHover ?? props.theme.colors['border-oncolor-default']),\n colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.active\n ? (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-oncolor-disabled'])\n : (props.palette.backgroundColorDisabled ?? props.theme.colors.transparent),\n borderColorDisabled: props.active\n ? (props.palette.borderColorDisabled ?? props.theme.colors.transparent)\n : (props.palette.borderColorDisabled ?? props.theme.colors['border-oncolor-disabled']),\n })}\n `,\n black: css<StyledChipProps>`\n ${(props) =>\n template({\n color: props.active\n ? (props.palette.colorActive ?? props.theme.colors['content-oncolor-constant'])\n : (props.palette.color ?? props.theme.colors['content-oncolor-primary']),\n backgroundColor: props.active\n ? (props.palette.backgroundColorActive ?? props.theme.colors['bg-oncolor-primary'])\n : (props.palette.backgroundColor ?? props.theme.colors.transparent),\n borderColor: props.active\n ? (props.palette.borderColorActive ?? props.theme.colors.transparent)\n : (props.palette.borderColor ?? props.theme.colors['border-oncolor-default']),\n colorHover: props.active\n ? (props.palette.colorActiveHover ?? props.theme.colors['content-oncolor-constant'])\n : (props.palette.colorHover ?? props.theme.colors['content-oncolor-primary']),\n backgroundColorHover: props.active\n ? (props.palette.backgroundColorActiveHover ??\n (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(11).toString() as CSSColor))\n : (props.palette.backgroundColorHover ?? props.theme.colors['content-onmain-hover']),\n borderColorHover: props.active\n ? (props.palette.borderColorActiveHover ?? props.theme.colors.transparent)\n : (props.palette.borderColorHover ?? props.theme.colors['border-oncolor-default']),\n colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.active\n ? (props.palette.backgroundColorDisabled ?? props.theme.colors['bg-oncolor-disabled'])\n : (props.palette.backgroundColorDisabled ?? props.theme.colors.transparent),\n borderColorDisabled: props.active\n ? (props.palette.borderColorDisabled ?? props.theme.colors.transparent)\n : (props.palette.borderColorDisabled ?? props.theme.colors['border-oncolor-disabled']),\n })}\n `,\n },\n },\n}\n\nexport const Content = styled.span.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>({\n shouldForwardProp: shouldForwardChipProp,\n})`\n box-sizing: border-box;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n flex-grow: 1;\n\n ${responsiveSize}\n`\n\nexport const Root = styled.div.withConfig<StyledChipProps>({\n shouldForwardProp: shouldForwardChipProp,\n})`\n ${(props) => {\n let cursor = 'default'\n\n if (props.as === 'button' \|\| props.as === 'a' \|\| props.as === 'label') cursor = 'pointer'\n if (props.disabled) cursor = 'not-allowed'\n if (props.cursor) cursor = props.cursor\n\n return `\n box-sizing: border-box;\n appearance: none;\n text-decoration: none;\n margin: 0;\n display: inline-flex;\n align-items: center;\n border: 1px solid transparent;\n flex-shrink: 0;\n cursor: ${cursor};\n transition-property: background-color;\n transition-duration: 250ms;\n `\n }}\n\n ${(props) => {\n const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n let schemaVariant = schema.primary\n\n if (props.secondary) schemaVariant = schema.secondary\n if (props.outline) schemaVariant = schema.outline\n\n return props.black ? schemaVariant.black : schemaVariant.default\n }}\n\n ${focus}\n ${responsiveSize}\n ${responsiveMargin}\n`\n"],"names":["shouldForwardChipProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","hover","colorHover","backgroundColorHover","borderColorHover","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","default","primary","css","props","active","colorActive","theme","colors","backgroundColorActive","borderColorActive","transparent","colorActiveHover","backgroundColorActiveHover","tinycolor","lighten","toString","darken","borderColorActiveHover","black","secondary","outline","contrast","setAlpha","Content","styled","span","withConfig","shouldForwardProp","displayName","componentId","responsiveSize","Root","div","cursor","as","disabled","schema","schemaVariant","focus","responsiveMargin"],"mappings":"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"}

package/components/Dropdown/Dropdown.js CHANGED Viewed

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var nanoid=require('nanoid');var withMergedProps=require('../../hocs/withMergedProps.js');var useScrollMonitor=require('../../hooks/useScrollMonitor.js');var dom=require('../../shared/utils/dom.js');var misc=require('../../shared/utils/misc.js');var constants=require('../../shared/constants.js');var DropdownMenu=require('./DropdownMenu.js');var hooks=require('./hooks.js');var sizes=require('./sizes.js');var utils=require('./utils.js');var style=require('./style.js');var DropdownMenuMultiple=require('./DropdownMenuMultiple.js');var DropdownMenuSingle=require('./DropdownMenuSingle.js');var jsxRuntime=require('react/jsx-runtime');var FormInputLabel=require('../FormInputLabel/FormInputLabel.js');var Chip=require('../Chip/Chip.js');var IconButton=require('../IconButton/IconButton.js');var index=require('../../icon-pack/src/icons/Close/index.js');var index$1=require('../../icon-pack/src/icons/ChevronDown/index.js');var Icon=require('../Icon/Icon.js');var FormInput=require('../FormInput/FormInput.js');const Dropdown=withMergedProps.withMergedProps(React.forwardRef((e,o)=>{const{size:n="m",name:t="fox-dropdown",labelPosition:r="dynamic",searchable:s=!0,primary:a=!0,optionsMultiToggle:i=!0,iconProps:l={},menuProps:c={},loadingIconProps:u={},optionsEmptyIconProps:d={},loading:p,autoFocus:b,disableAutoScrollToSelectedOption:g,closeMenuOnScroll:m,scrollMonitorTarget:f,contrast:v,selectedOption:x,defaultSelectedOption:y,icon:D,addonLeft:w,inputMode:C,loadingMessage:M,loadingIcon:j,maxLength:R,multiple:I,clearable:k,onChangeInput:h,onCloseMenu:S,onOpenMenu:P,onSelectOption:T,options:O,loadOptions:q,renderOption:F,groupSelectedOptions:z,optionsMultiToggleCaption:L,optionsEmptyMessage:E,optionsEmptyIcon:B,palette:K,placeholder:X,readOnly:A,required:H,status:N,sizeXXS:$,sizeXS:U,sizeS:Z,sizeM:_,sizeL:G,sizeXL:J,form:Q,label:V,...W}=e;const Y={size:n,sizeXXS:$,sizeXS:U,sizeS:Z,sizeM:_,sizeL:G,sizeXL:J};const ee=React.useMemo(()=>W.id??`${t}-${nanoid.nanoid()}`,[t,W.id]);const oe=React.useMemo(()=>nanoid.nanoid(),[]);const ne=React.useMemo(()=>nanoid.nanoid(),[]);const[te,re]=hooks.useFilteredOptions({options:O});const[se,ae,ie]=hooks.useLoadedOptions({loadOptions:q,options:O});const[le,ce]=React.useState(()=>utils.getDropdownSelectedOption(x!==void 0?x:y,I));const[ue,de]=React.useState(()=>utils.getDropdownInputText(le,I));const[pe,be]=React.useState(!1);const[ge,me]=React.useState(!1);const fe=q?se:te;const ve=q?p??ae:p;const xe=ge&&!W.disabled;const ye=H&&le.length===0;const De=Boolean(xe||ue||pe);const we=React.useRef(null);const[Ce,Me]=React.useState(null);const je=React.useRef(null);const Re=React.useRef(null);const Ie=React.useRef(xe);const ke=React.useCallback(e=>{de(e),h&&h(e)},[h]);const he=React.useCallback(e=>{q?ie(e):re(e)},[q,ie,re]);const Se=React.useMemo(()=>misc.createDebouncedCallback(he,150),[he]);const preventBlur=e=>{e.target!==we.current&&e.target instanceof Node&&(e.currentTarget.contains(e.target)||c.renderInPortal&&xe&&Ce&&Ce.contains(e.target))&&e.preventDefault()};return useScrollMonitor.useScrollMonitor({target:f,onScrollStart:()=>{m&&xe&&(we.current?.focus(),me(!1))}}),React.useLayoutEffect(()=>{x!==void 0&&(I||xe||ke(utils.getDropdownInputText(x)),ce(utils.getDropdownSelectedOption(x,I)))},[I,x,xe,ke]),React.useEffect(()=>{xe!==Ie.current&&(xe&&P&&P(),!xe&&S&&S(),Ie.current=xe)},[xe,S,P]),React.useEffect(()=>{if(!I&&!g&&xe&&!ve&&ue.length===0&&Ce&&Re.current){const e=Ce.getBoundingClientRect();const o=Re.current.getBoundingClientRect();(o.top<e.top||o.bottom>e.bottom)&&setTimeout(()=>{Ce&&Re.current&&Ce.scrollTo(0,Re.current.offsetTop)},0)}},[I,g,xe,ve,ue,Ce]),React.useEffect(()=>{W.disabled&&be(!1)},[W.disabled]),jsxRuntime.jsx(FormInputLabel.FormInputLabel,{...W,...Y,ref:o,id:ee,onColored:v,primary:a,error:N==='error',success:N==='success',focus:pe,palette:{color:W.disabled?K.labelColorDisabled:K.labelColor,backgroundColor:W.disabled?K.backgroundColorDisabled:K.backgroundColor,backgroundColorHover:W.disabled?K.backgroundColorDisabled:K.backgroundColorHover,borderColor:W.disabled?K.borderColorDisabled:K.borderColor},onClick:e=>{W.onClick&&W.onClick(e),W.disabled||(we.current?.focus(),xe?Ce&&e.target instanceof Node&&!Ce.contains(e.target)&&(me(!1),ke(utils.getDropdownInputText(le,I))):(me(!0),he(''),s&&ke('')))},onPointerDown:e=>{W.onPointerDown&&W.onPointerDown(e),preventBlur(e)},onMouseDown:e=>{W.onMouseDown&&W.onMouseDown(e),window.PointerEvent||preventBlur(e)},onFocus:e=>{W.onFocus&&W.onFocus(e),be(!0),we.current&&e.target===we.current&&s&&!I&&!xe&&ke('')},onBlur:e=>{W.onBlur&&W.onBlur(e),e.currentTarget.contains(e.relatedTarget)||c.renderInPortal&&xe&&Ce&&Ce.contains(e.relatedTarget)||(be(!1),ke(utils.getDropdownInputText(le,I)),me(!1))},input:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!ye||s||A?null:jsxRuntime.jsx(style.InputMimic,{required:!0,type:"text",inputMode:"none",form:Q,tabIndex:-1,onFocus:()=>{we.current?.focus()}}),jsxRuntime.jsx(FormInput.FormInput,{...Y,ref:we,role:"combobox","aria-controls":ne,"aria-expanded":xe,type:"text",autoComplete:"off",autoCapitalize:"off",autoCorrect:"off",spellCheck:"false",active:De,label:V,labelId:oe,labelPosition:r,form:Q,autoFocus:b,inputMode:s?C:'none',maxLength:R,placeholder:X,readOnly:A||!s,required:ye,disabled:W.disabled,value:ue,palette:{color:K.color,colorDisabled:K.colorDisabled,placeholderColor:K.placeholderColor,placeholderColorDisabled:K.placeholderColorDisabled},onClick:e=>{xe&&e.currentTarget.selectionStart!==e.currentTarget.selectionEnd&&e.stopPropagation()},onChange:e=>{const o=e.currentTarget.value;ke(o),Se(o),me(!0)},onKeyDown:e=>{if(constants.keyboardKeys.Enter.validate(e.key)&&(ke(utils.getDropdownInputText(le,I)),me(!1)),!constants.keyboardKeys.Space.validate(e.key)||xe&&e.currentTarget.selectionStart!==0||(e.preventDefault(),xe||(he(''),s&&ke('')),me(e=>!e)),constants.keyboardKeys.Esc.validate(e.key)&&me(!1),constants.keyboardKeys.Tab.validate(e.key)&&xe&&(e.preventDefault(),me(!1)),constants.keyboardKeys.ArrowDown.validate(e.key)&&xe&&je.current)if(e.preventDefault(),!I&&Re.current){const e=[...je.current.children];const o=e.findIndex(e=>e.contains(Re.current));const n=e[o+1]??e[0];n instanceof HTMLElement&&dom.focusFirstFocusable(n)}else dom.focusFirstFocusable(je.current);if(constants.keyboardKeys.ArrowUp.validate(e.key)&&xe&&je.current)if(e.preventDefault(),!I&&Re.current){const e=[...je.current.children];const o=e.findIndex(e=>e.contains(Re.current));const n=e[o-1]??e[e.length-1];n instanceof HTMLElement&&dom.focusFirstFocusable(n)}else dom.focusLastFocusable(je.current)}}),le.map(e=>jsxRuntime.jsx("input",{type:"hidden",name:t,value:e.value,form:Q,disabled:W.disabled||e.disabled},e.value))]}),addonLeft:w??(D?e=>jsxRuntime.jsx(Icon.Icon,{...e.iconProps,...l,name:typeof D=='string'?D:void 0,icon:typeof D!='string'?D:void 0}):void 0),addonRight:e=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[I&&le.length>0?jsxRuntime.jsx(Chip.Chip,{size:"xs",active:!0,black:!0,disabled:W.disabled,cursor:W.disabled?'not-allowed':void 0,text:le.length,textProps:{appearance:'caption',size:'xs'},palette:W.disabled?{color:'content-disabled',colorHover:'content-disabled',backgroundColor:'bg-disabled-small',backgroundColorHover:'bg-disabled-small'}:void 0,onPointerDown:e=>{e.preventDefault()},onMouseDown:e=>{window.PointerEvent||e.preventDefault()},discardButtonProps:{square:!0,contrast:!W.disabled,onClick:e=>{e.stopPropagation(),A||(x===void 0&&ce([]),T&&T([]),we.current?.focus(),ke(''),he(''),me(!0))}}}):null,!I&&k&&le.length>0?jsxRuntime.jsx(IconButton.IconButton,{icon:jsxRuntime.jsx(index.Close,{}),size:"l",square:!0,disabled:W.disabled,onClick:e=>{e.stopPropagation(),A||(x===void 0&&ce([]),T&&T(null),we.current?.focus(),ke(''),he(''),me(!0))}}):null,jsxRuntime.jsx(style.IconAnimated,{...e.iconProps,...l,icon:jsxRuntime.jsx(index$1.ChevronDown,{}),up:xe})]}),dropdown:e=>jsxRuntime.jsx(DropdownMenu.DropdownMenu,{...c,setRef:Me,open:xe,popperReferenceId:ee,secondary:!v,elevated:v,disableAutoFocus:!0,palette:{backgroundColor:K.menuBackgroundColor,borderColor:K.menuBorderColor},empty:fe.length===0,loading:ve,loadingMessage:M,loadingIcon:j,loadingIconProps:{...e.iconProps,...u},emptyMessage:E,emptyIcon:B,emptyIconProps:{...e.iconProps,...d},onKeyDown:e=>{constants.keyboardKeys.Tab.validate(e.key)&&(e.preventDefault(),we.current?.focus(),me(!1)),constants.keyboardKeys.Enter.validate(e.key)&&(we.current?.focus(),ke(utils.getDropdownInputText(le,I)),me(!1)),constants.keyboardKeys.Esc.validate(e.key)&&(we.current?.focus(),me(!1)),constants.keyboardKeys.Backspace.validate(e.key)&&!A&&(I||!I&&k)&&(x===void 0&&ce([]),T&&T(I?[]:null),ke(''),he(''))},children:I?jsxRuntime.jsx(DropdownMenuMultiple.DropdownMenuMultiple,{...Y,ref:je,inputRef:we,label:V,name:t,disabled:W.disabled,readOnly:A,menuListId:ne,inputLabelId:oe,menuOptions:fe,dropdownSelectedOption:le,inputText:ue,optionsMultiToggle:i,groupSelectedOptions:z,optionsMultiToggleCaption:L,renderOption:F,onChange:e=>{x===void 0&&ce(e),T&&T(e)}}):jsxRuntime.jsx(DropdownMenuSingle.DropdownMenuSingle,{...Y,ref:je,label:V,readOnly:A,multiple:I,disabled:W.disabled,status:N,menuListId:ne,inputLabelId:oe,menuOptions:fe,dropdownSelectedOption:le,selectedOptionRef:Re,renderOption:F,onChange:e=>{const o={...e};x===void 0&&(ke(utils.getDropdownInputText(o)),ce(utils.getDropdownSelectedOption(o))),T&&T(o),we.current?.focus(),me(!1)}})})})}),{sizes:sizes.SIZES,displayName:"Dropdown"});exports.COMPONENT_NAME="Dropdown",exports.Dropdown=Dropdown;
+'use strict';var React=require('react');var nanoid=require('nanoid');var withMergedProps=require('../../hocs/withMergedProps.js');var useScrollMonitor=require('../../hooks/useScrollMonitor.js');var dom=require('../../shared/utils/dom.js');var misc=require('../../shared/utils/misc.js');var constants=require('../../shared/constants.js');var DropdownMenu=require('./DropdownMenu.js');var hooks=require('./hooks.js');var sizes=require('./sizes.js');var utils=require('./utils.js');var style=require('./style.js');var DropdownMenuMultiple=require('./DropdownMenuMultiple.js');var DropdownMenuSingle=require('./DropdownMenuSingle.js');var jsxRuntime=require('react/jsx-runtime');var FormInputLabel=require('../FormInputLabel/FormInputLabel.js');var Chip=require('../Chip/Chip.js');var IconButton=require('../IconButton/IconButton.js');var index=require('../../icon-pack/src/icons/Close/index.js');var index$1=require('../../icon-pack/src/icons/ChevronDown/index.js');var Icon=require('../Icon/Icon.js');var FormInput=require('../FormInput/FormInput.js');const Dropdown=withMergedProps.withMergedProps(React.forwardRef((e,o)=>{const{size:n="m",name:t="fox-dropdown",labelPosition:r="dynamic",searchable:s=!0,primary:a=!0,optionsMultiToggle:i=!0,iconProps:l={},menuProps:c={},loadingIconProps:u={},optionsEmptyIconProps:d={},loading:p,autoFocus:b,disableAutoScrollToSelectedOption:g,closeMenuOnScroll:m,scrollMonitorTarget:f,contrast:v,selectedOption:x,defaultSelectedOption:y,icon:D,addonLeft:w,inputMode:j,loadingMessage:C,loadingIcon:M,maxLength:R,multiple:I,clearable:h,onChangeInput:k,onCloseMenu:S,onOpenMenu:T,onSelectOption:O,options:P,loadOptions:F,renderOption:q,groupSelectedOptions:L,optionsMultiToggleCaption:z,optionsEmptyMessage:E,optionsEmptyIcon:B,palette:K,placeholder:X,readOnly:A,required:H,status:N,sizeXXS:$,sizeXS:U,sizeS:Z,sizeM:_,sizeL:G,sizeXL:J,form:Q,label:V,...W}=e;const Y={size:n,sizeXXS:$,sizeXS:U,sizeS:Z,sizeM:_,sizeL:G,sizeXL:J};const ee=React.useMemo(()=>W.id??`${t}-${nanoid.nanoid()}`,[t,W.id]);const oe=React.useMemo(()=>nanoid.nanoid(),[]);const ne=React.useMemo(()=>nanoid.nanoid(),[]);const[te,re]=hooks.useFilteredOptions({options:P});const[se,ae,ie]=hooks.useLoadedOptions({loadOptions:F,options:P});const[le,ce]=React.useState(()=>utils.getDropdownSelectedOption(x!==void 0?x:y,I));const[ue,de]=React.useState(()=>utils.getDropdownInputText(le,I));const[pe,be]=React.useState(!1);const[ge,me]=React.useState(!1);const fe=F?se:te;const ve=F?p??ae:p;const xe=ge&&!W.disabled;const ye=H&&le.length===0;const De=Boolean(xe||ue||pe);const we=React.useRef(null);const[je,Ce]=React.useState(null);const Me=React.useRef(null);const Re=React.useRef(null);const Ie=React.useRef(xe);const he=React.useCallback(e=>{de(e),k&&k(e)},[k]);const ke=React.useCallback(e=>{F?ie(e):re(e)},[F,ie,re]);const Se=React.useMemo(()=>misc.createDebouncedCallback(ke,150),[ke]);const preventBlur=e=>{e.target!==we.current&&e.target instanceof Node&&(e.currentTarget.contains(e.target)||c.renderInPortal&&xe&&je&&je.contains(e.target))&&e.preventDefault()};return useScrollMonitor.useScrollMonitor({target:f,onScrollStart:()=>{m&&xe&&(we.current?.focus(),me(!1))}}),React.useLayoutEffect(()=>{x!==void 0&&(I||xe||he(utils.getDropdownInputText(x)),ce(utils.getDropdownSelectedOption(x,I)))},[I,x,xe,he]),React.useEffect(()=>{xe!==Ie.current&&(xe&&T&&T(),!xe&&S&&S(),Ie.current=xe)},[xe,S,T]),React.useEffect(()=>{if(!I&&!g&&xe&&!ve&&ue.length===0&&je&&Re.current){const e=je.getBoundingClientRect();const o=Re.current.getBoundingClientRect();(o.top<e.top||o.bottom>e.bottom)&&setTimeout(()=>{je&&Re.current&&je.scrollTo(0,Re.current.offsetTop)},0)}},[I,g,xe,ve,ue,je]),React.useEffect(()=>{W.disabled&&be(!1)},[W.disabled]),jsxRuntime.jsx(FormInputLabel.FormInputLabel,{...W,...Y,ref:o,id:ee,onColored:v,primary:a,error:N==='error',success:N==='success',focus:pe,palette:{color:W.disabled?K.labelColorDisabled:K.labelColor,backgroundColor:W.disabled?K.backgroundColorDisabled:K.backgroundColor,backgroundColorHover:W.disabled?K.backgroundColorDisabled:K.backgroundColorHover,borderColor:W.disabled?K.borderColorDisabled:K.borderColor},onClick:e=>{W.onClick&&W.onClick(e),W.disabled||(we.current?.focus(),xe?je&&e.target instanceof Node&&!je.contains(e.target)&&(me(!1),he(utils.getDropdownInputText(le,I))):(me(!0),ke(''),s&&he('')))},onPointerDown:e=>{W.onPointerDown&&W.onPointerDown(e),preventBlur(e)},onMouseDown:e=>{W.onMouseDown&&W.onMouseDown(e),window.PointerEvent||preventBlur(e)},onFocus:e=>{W.onFocus&&W.onFocus(e),be(!0),we.current&&e.target===we.current&&s&&!I&&!xe&&he('')},onBlur:e=>{W.onBlur&&W.onBlur(e),e.currentTarget.contains(e.relatedTarget)||c.renderInPortal&&xe&&je&&je.contains(e.relatedTarget)||(be(!1),he(utils.getDropdownInputText(le,I)),me(!1))},input:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[!ye||s||A?null:jsxRuntime.jsx(style.InputMimic,{required:!0,type:"text",inputMode:"none",form:Q,tabIndex:-1,onFocus:()=>{we.current?.focus()}}),jsxRuntime.jsx(FormInput.FormInput,{...Y,ref:we,role:"combobox","aria-controls":ne,"aria-expanded":xe,type:"text",autoComplete:"off",autoCapitalize:"off",autoCorrect:"off",spellCheck:"false",active:De,label:V,labelId:oe,labelPosition:r,form:Q,autoFocus:b,inputMode:s?j:'none',maxLength:R,placeholder:X,readOnly:A||!s,required:ye,disabled:W.disabled,value:ue,palette:{color:K.color,colorDisabled:K.colorDisabled,placeholderColor:K.placeholderColor,placeholderColorDisabled:K.placeholderColorDisabled},onClick:e=>{xe&&e.currentTarget.selectionStart!==e.currentTarget.selectionEnd&&e.stopPropagation()},onChange:e=>{const o=e.currentTarget.value;he(o),Se(o),me(!0)},onKeyDown:e=>{if(constants.keyboardKeys.Enter.validate(e.key)&&(he(utils.getDropdownInputText(le,I)),me(!1)),!constants.keyboardKeys.Space.validate(e.key)||xe&&e.currentTarget.selectionStart!==0||(e.preventDefault(),xe||(ke(''),s&&he('')),me(e=>!e)),constants.keyboardKeys.Esc.validate(e.key)&&me(!1),constants.keyboardKeys.Tab.validate(e.key)&&xe&&(e.preventDefault(),me(!1)),constants.keyboardKeys.ArrowDown.validate(e.key)&&xe&&Me.current)if(e.preventDefault(),!I&&Re.current){const e=[...Me.current.children];const o=e.findIndex(e=>e.contains(Re.current));const n=e[o+1]??e[0];n instanceof HTMLElement&&dom.focusFirstFocusable(n)}else dom.focusFirstFocusable(Me.current);if(constants.keyboardKeys.ArrowUp.validate(e.key)&&xe&&Me.current)if(e.preventDefault(),!I&&Re.current){const e=[...Me.current.children];const o=e.findIndex(e=>e.contains(Re.current));const n=e[o-1]??e[e.length-1];n instanceof HTMLElement&&dom.focusFirstFocusable(n)}else dom.focusLastFocusable(Me.current)}}),le.map(e=>jsxRuntime.jsx("input",{type:"hidden",name:t,value:e.value,form:Q,disabled:W.disabled||e.disabled},e.value))]}),addonLeft:w??(D?e=>jsxRuntime.jsx(Icon.Icon,{...e.iconProps,...l,name:typeof D=='string'?D:void 0,icon:typeof D!='string'?D:void 0}):void 0),addonRight:e=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[I&&le.length>0?jsxRuntime.jsx(Chip.Chip,{size:"xs",active:!0,black:!0,disabled:W.disabled,cursor:W.disabled?'not-allowed':void 0,title:le.length,palette:W.disabled?{color:'content-disabled',colorHover:'content-disabled',backgroundColor:'bg-disabled-small',backgroundColorHover:'bg-disabled-small'}:void 0,onPointerDown:e=>{e.preventDefault()},onMouseDown:e=>{window.PointerEvent||e.preventDefault()},addonRight:e=>jsxRuntime.jsx(IconButton.IconButton,{...e.iconButtonProps,contrast:!W.disabled,onClick:e=>{e.stopPropagation(),A||(x===void 0&&ce([]),O&&O([]),we.current?.focus(),he(''),ke(''),me(!0))}})}):null,!I&&h&&le.length>0?jsxRuntime.jsx(IconButton.IconButton,{icon:jsxRuntime.jsx(index.Close,{}),size:"l",square:!0,disabled:W.disabled,onClick:e=>{e.stopPropagation(),A||(x===void 0&&ce([]),O&&O(null),we.current?.focus(),he(''),ke(''),me(!0))}}):null,jsxRuntime.jsx(style.IconAnimated,{...e.iconProps,...l,icon:jsxRuntime.jsx(index$1.ChevronDown,{}),up:xe})]}),dropdown:e=>jsxRuntime.jsx(DropdownMenu.DropdownMenu,{...c,setRef:Ce,open:xe,popperReferenceId:ee,secondary:!v,elevated:v,disableAutoFocus:!0,palette:{backgroundColor:K.menuBackgroundColor,borderColor:K.menuBorderColor},empty:fe.length===0,loading:ve,loadingMessage:C,loadingIcon:M,loadingIconProps:{...e.iconProps,...u},emptyMessage:E,emptyIcon:B,emptyIconProps:{...e.iconProps,...d},onKeyDown:e=>{constants.keyboardKeys.Tab.validate(e.key)&&(e.preventDefault(),we.current?.focus(),me(!1)),constants.keyboardKeys.Enter.validate(e.key)&&(we.current?.focus(),he(utils.getDropdownInputText(le,I)),me(!1)),constants.keyboardKeys.Esc.validate(e.key)&&(we.current?.focus(),me(!1)),constants.keyboardKeys.Backspace.validate(e.key)&&!A&&(I||!I&&h)&&(x===void 0&&ce([]),O&&O(I?[]:null),he(''),ke(''))},children:I?jsxRuntime.jsx(DropdownMenuMultiple.DropdownMenuMultiple,{...Y,ref:Me,inputRef:we,label:V,name:t,disabled:W.disabled,readOnly:A,menuListId:ne,inputLabelId:oe,menuOptions:fe,dropdownSelectedOption:le,inputText:ue,optionsMultiToggle:i,groupSelectedOptions:L,optionsMultiToggleCaption:z,renderOption:q,onChange:e=>{x===void 0&&ce(e),O&&O(e)}}):jsxRuntime.jsx(DropdownMenuSingle.DropdownMenuSingle,{...Y,ref:Me,label:V,readOnly:A,multiple:I,disabled:W.disabled,status:N,menuListId:ne,inputLabelId:oe,menuOptions:fe,dropdownSelectedOption:le,selectedOptionRef:Re,renderOption:q,onChange:e=>{const o={...e};x===void 0&&(he(utils.getDropdownInputText(o)),ce(utils.getDropdownSelectedOption(o))),O&&O(o),we.current?.focus(),me(!1)}})})})}),{sizes:sizes.SIZES,displayName:"Dropdown"});exports.COMPONENT_NAME="Dropdown",exports.Dropdown=Dropdown;
 //# sourceMappingURL=Dropdown.js.map