@foxford/ui 2.112.1 → 2.113.0-beta-2aee8b7-20260526

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 (42) hide show
  1. package/components/Badge/Badge.js +1 -1
  2. package/components/Badge/Badge.js.map +1 -1
  3. package/components/Badge/Badge.mjs +1 -1
  4. package/components/Badge/Badge.mjs.map +1 -1
  5. package/components/Badge/sizes.js +2 -0
  6. package/components/Badge/sizes.js.map +1 -0
  7. package/components/Badge/sizes.mjs +2 -0
  8. package/components/Badge/sizes.mjs.map +1 -0
  9. package/components/Badge/style.js +1 -1
  10. package/components/Badge/style.js.map +1 -1
  11. package/components/Badge/style.mjs +1 -1
  12. package/components/Badge/style.mjs.map +1 -1
  13. package/components/Chip/style.js +1 -1
  14. package/components/Chip/style.js.map +1 -1
  15. package/components/Chip/style.mjs +1 -1
  16. package/components/Chip/style.mjs.map +1 -1
  17. package/components/FormLabel/FormLabel.js +1 -1
  18. package/components/FormLabel/FormLabel.js.map +1 -1
  19. package/components/FormLabel/FormLabel.mjs +1 -1
  20. package/components/FormLabel/FormLabel.mjs.map +1 -1
  21. package/components/ListItem/style.js +1 -1
  22. package/components/ListItem/style.js.map +1 -1
  23. package/components/ListItem/style.mjs +1 -1
  24. package/components/ListItem/style.mjs.map +1 -1
  25. package/components/PopoverComponent/PopoverComponent.js +1 -1
  26. package/components/PopoverComponent/PopoverComponent.js.map +1 -1
  27. package/components/PopoverComponent/PopoverComponent.mjs +1 -1
  28. package/components/PopoverComponent/PopoverComponent.mjs.map +1 -1
  29. package/components/PopoverComponent/sizes.js +1 -1
  30. package/components/PopoverComponent/sizes.js.map +1 -1
  31. package/components/PopoverComponent/sizes.mjs +1 -1
  32. package/components/PopoverComponent/sizes.mjs.map +1 -1
  33. package/dts/index.d.ts +279 -142
  34. package/mixins/cursor.js +2 -0
  35. package/mixins/cursor.js.map +1 -0
  36. package/mixins/cursor.mjs +2 -0
  37. package/mixins/cursor.mjs.map +1 -0
  38. package/package.json +2 -2
  39. package/components/Badge/constants.js +0 -2
  40. package/components/Badge/constants.js.map +0 -1
  41. package/components/Badge/constants.mjs +0 -2
  42. package/components/Badge/constants.mjs.map +0 -1
package/components/Chip/style.js.map CHANGED
@@ -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 { 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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"}
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 { cursor } from 'mixins/cursor'\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 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 transition-property: background-color;\n transition-duration: 250ms;\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 ${cursor}\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","schema","schemaVariant","focus","cursor","responsiveMargin"],"mappings":"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"}
package/components/Chip/style.mjs CHANGED
@@ -1,2 +1,2 @@
1
- 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};
1
+ 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';import{cursor}from'../../mixins/cursor.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"})(["box-sizing:border-box;appearance:none;text-decoration:none;margin:0;display:inline-flex;align-items:center;border:1px solid transparent;flex-shrink:0;transition-property:background-color;transition-duration:250ms;"," "," "," "," ",""],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,cursor,responsiveSize,responsiveMargin);export{Content,Root};
2
2
  //# sourceMappingURL=style.mjs.map
package/components/Chip/style.mjs.map CHANGED
@@ -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 { 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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"}
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 { cursor } from 'mixins/cursor'\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 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 transition-property: background-color;\n transition-duration: 250ms;\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 ${cursor}\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","schema","schemaVariant","focus","cursor","responsiveMargin"],"mappings":"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"}
package/components/FormLabel/FormLabel.js CHANGED
@@ -1,2 +1,2 @@
1
- 'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var constants=require('./constants.js');var jsxRuntime=require('react/jsx-runtime');var Text=require('../Text/Text.js');var IconButton=require('../IconButton/IconButton.js');var index=require('../../icon-pack/src/icons/HelpCircle/index.js');var Tooltip=require('../Tooltip/Tooltip.js');var Badge=require('../Badge/Badge.js');const FormLabel=withMergedProps.withMergedProps(React.forwardRef(({size:e="m",textProps:s={},hint:t={},badgeProps:r={},sizeXXS:n,sizeXS:o,sizeS:i,sizeM:a,sizeL:c,sizeXL:l,disabled:d,error:u,success:p,checked:x,children:j,control:m,label:b,...T},h)=>{const z={size:e,sizeXXS:n,sizeXS:o,sizeS:i,sizeM:a,sizeL:c,sizeXL:l};const B={disabled:d,error:u,success:p,checked:x};const S=typeof m=='object'&&typeof m.props=='object'&&m.props!==null?m.props:{};const{text:R,textProps:I={},buttonProps:g={},tooltipProps:L={}}=t;const y=Boolean(L.title||L.content||L.heading||L.text||L.root||L.body);return jsxRuntime.jsxs(style.Root,{...T,...z,...B,ref:h,children:[jsxRuntime.jsx(style.Control,{children:typeof m=='function'?m({...z,...B}):React.cloneElement(m,{...z,...B,...S})}),jsxRuntime.jsxs(style.Content,{children:[jsxRuntime.jsx(Text.Text,{as:"span",appearance:"body",color:"inherit",wordBreak:"break-word",sizes:constants.SIZES_LABEL,...z,...s,children:b??j}),R?jsxRuntime.jsx(Text.Text,{as:"span",appearance:"caption",color:B.disabled?'content-disabled':'content-onmain-secondary',wordBreak:"break-word",sizes:constants.SIZES_SUBTITLE,...z,...I,children:R}):null]}),jsxRuntime.jsxs(style.Hint,{sizes:constants.SIZES_HINT,...z,children:[g.onClick&&!y?jsxRuntime.jsx(IconButton.IconButton,{icon:jsxRuntime.jsx(index.HelpCircle,{}),marginLeft:2,...z,sizes:constants.SIZES_HINT_BUTTON,...g,disabled:B.disabled||g.disabled}):null,y?jsxRuntime.jsx(Tooltip.Tooltip,{preset:"brand",placement:"top",styles:{wrapper:{cursor:'inherit'}},...L,children:jsxRuntime.jsx(IconButton.IconButton,{icon:jsxRuntime.jsx(index.HelpCircle,{}),marginLeft:2,...z,sizes:constants.SIZES_HINT_BUTTON,...g,disabled:B.disabled||g.disabled})}):null,r.children?jsxRuntime.jsx(Badge.Badge,{size:"s",cursor:"inherit",marginLeft:6,resetDefaultMargin:!0,...r}):null]})]})}),{displayName:"FormLabel",sizes:constants.SIZES});exports.COMPONENT_NAME="FormLabel",exports.FormLabel=FormLabel;
1
+ 'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var constants=require('./constants.js');var jsxRuntime=require('react/jsx-runtime');var Text=require('../Text/Text.js');var IconButton=require('../IconButton/IconButton.js');var index=require('../../icon-pack/src/icons/HelpCircle/index.js');var Tooltip=require('../Tooltip/Tooltip.js');var Badge=require('../Badge/Badge.js');const FormLabel=withMergedProps.withMergedProps(React.forwardRef(({size:e="m",textProps:s={},hint:t={},badgeProps:r={},sizeXXS:n,sizeXS:o,sizeS:i,sizeM:a,sizeL:c,sizeXL:l,disabled:d,error:u,success:p,checked:x,children:j,control:m,label:b,...h},T)=>{const z={size:e,sizeXXS:n,sizeXS:o,sizeS:i,sizeM:a,sizeL:c,sizeXL:l};const B={disabled:d,error:u,success:p,checked:x};const S=typeof m=='object'&&typeof m.props=='object'&&m.props!==null?m.props:{};const{text:R,textProps:I={},buttonProps:g={},tooltipProps:L={}}=t;const y=Boolean(L.title||L.content||L.heading||L.text||L.root||L.body);return jsxRuntime.jsxs(style.Root,{...h,...z,...B,ref:T,children:[jsxRuntime.jsx(style.Control,{children:typeof m=='function'?m({...z,...B}):React.cloneElement(m,{...z,...B,...S})}),jsxRuntime.jsxs(style.Content,{children:[jsxRuntime.jsx(Text.Text,{as:"span",appearance:"body",color:"inherit",wordBreak:"break-word",sizes:constants.SIZES_LABEL,...z,...s,children:b??j}),R?jsxRuntime.jsx(Text.Text,{as:"span",appearance:"caption",color:B.disabled?'content-disabled':'content-onmain-secondary',wordBreak:"break-word",sizes:constants.SIZES_SUBTITLE,...z,...I,children:R}):null]}),jsxRuntime.jsxs(style.Hint,{sizes:constants.SIZES_HINT,...z,children:[g.onClick&&!y?jsxRuntime.jsx(IconButton.IconButton,{icon:jsxRuntime.jsx(index.HelpCircle,{}),marginLeft:2,...z,sizes:constants.SIZES_HINT_BUTTON,...g,disabled:B.disabled||g.disabled}):null,y?jsxRuntime.jsx(Tooltip.Tooltip,{preset:"brand",placement:"top",styles:{wrapper:{cursor:'inherit'}},...L,children:jsxRuntime.jsx(IconButton.IconButton,{icon:jsxRuntime.jsx(index.HelpCircle,{}),marginLeft:2,...z,sizes:constants.SIZES_HINT_BUTTON,...g,disabled:B.disabled||g.disabled})}):null,r.children?jsxRuntime.jsx(Badge.Badge,{size:"s",cursor:"inherit",marginLeft:6,resetDefaultMargin:!0,shape:"rounded",...r}):null]})]})}),{displayName:"FormLabel",sizes:constants.SIZES});exports.COMPONENT_NAME="FormLabel",exports.FormLabel=FormLabel;
2
2
  //# sourceMappingURL=FormLabel.js.map
package/components/FormLabel/FormLabel.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"FormLabel.js","sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":["import { forwardRef, cloneElement } from 'react'\nimport { HelpCircle } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { IconButton } from 'components/IconButton'\nimport { Badge } from 'components/Badge'\nimport { Tooltip } from 'components/Tooltip'\nimport * as Styled from './style'\nimport { SIZES, SIZES_LABEL, SIZES_HINT, SIZES_HINT_BUTTON, SIZES_SUBTITLE } from './constants'\nimport type { FormLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormLabel'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для контрола выбора с дополнительными элементами.\n * Позволяет добавить для контрола заголовок, подзаголовок, бейдж и подсказку.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<label\\> элемента.\n */\nconst FormLabel: React.ForwardRefExoticComponent<FormLabelProps> = withMergedProps<FormLabelProps, HTMLLabelElement>(\n forwardRef<HTMLLabelElement, MergedProps<FormLabelProps>>(\n (\n {\n size = 'm',\n textProps = {},\n hint = {},\n badgeProps = {},\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n disabled,\n error,\n success,\n checked,\n children,\n control,\n label,\n ...props\n },\n ref\n ) => {\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const stateProps = {\n disabled,\n error,\n success,\n checked,\n }\n\n const elementProps =\n typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n const {\n text: hintText,\n textProps: hintTextProps = {},\n buttonProps: hintButtonProps = {},\n tooltipProps: hintTooltipProps = {},\n } = hint\n\n const hasTooltip = Boolean(\n hintTooltipProps.title ||\n hintTooltipProps.content ||\n hintTooltipProps.heading ||\n hintTooltipProps.text ||\n hintTooltipProps.root ||\n hintTooltipProps.body\n )\n\n return (\n <Styled.Root {...props} {...sizeProps} {...stateProps} ref={ref}>\n <Styled.Control>\n {typeof control === 'function'\n ? control({\n ...sizeProps,\n ...stateProps,\n })\n : cloneElement(control, {\n ...sizeProps,\n ...stateProps,\n ...elementProps,\n })}\n </Styled.Control>\n <Styled.Content>\n <Text\n as='span'\n appearance='body'\n color='inherit'\n wordBreak='break-word'\n sizes={SIZES_LABEL}\n {...sizeProps}\n {...textProps}\n >\n {label ?? children}\n </Text>\n {hintText ? (\n <Text\n as='span'\n appearance='caption'\n color={stateProps.disabled ? 'content-disabled' : 'content-onmain-secondary'}\n wordBreak='break-word'\n sizes={SIZES_SUBTITLE}\n {...sizeProps}\n {...hintTextProps}\n >\n {hintText}\n </Text>\n ) : null}\n </Styled.Content>\n\n <Styled.Hint sizes={SIZES_HINT} {...sizeProps}>\n {hintButtonProps.onClick && !hasTooltip ? (\n <IconButton\n icon={<HelpCircle />}\n marginLeft={2}\n {...sizeProps}\n sizes={SIZES_HINT_BUTTON}\n {...hintButtonProps}\n disabled={stateProps.disabled || hintButtonProps.disabled}\n />\n ) : null}\n {hasTooltip ? (\n <Tooltip\n preset='brand'\n placement='top'\n styles={{\n wrapper: { cursor: 'inherit' },\n }}\n {...hintTooltipProps}\n >\n <IconButton\n icon={<HelpCircle />}\n marginLeft={2}\n {...sizeProps}\n sizes={SIZES_HINT_BUTTON}\n {...hintButtonProps}\n disabled={stateProps.disabled || hintButtonProps.disabled}\n />\n </Tooltip>\n ) : null}\n {badgeProps.children ? (\n <Badge size='s' cursor='inherit' marginLeft={6} resetDefaultMargin {...badgeProps} />\n ) : null}\n </Styled.Hint>\n </Styled.Root>\n )\n }\n ),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n)\n\nexport { FormLabel, COMPONENT_NAME }\n"],"names":["FormLabel","withMergedProps","forwardRef","size","textProps","hint","badgeProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","disabled","error","success","checked","children","control","label","props","ref","sizeProps","stateProps","elementProps","text","hintText","hintTextProps","buttonProps","hintButtonProps","tooltipProps","hintTooltipProps","hasTooltip","Boolean","title","content","heading","root","body","_jsxs","Styled","_jsx","cloneElement","Text","as","appearance","color","wordBreak","sizes","SIZES_LABEL","SIZES_SUBTITLE","SIZES_HINT","onClick","IconButton","icon","HelpCircle","marginLeft","SIZES_HINT_BUTTON","Tooltip","preset","placement","styles","wrapper","cursor","Badge","resetDefaultMargin","displayName","SIZES"],"mappings":"0cAuBA,MAAMA,UAA6DC,gBAAAA,gBACjEC,MAAAA,WACE,EAEIC,OAAO,IACPC,YAAY,CAAA,EACZC,OAAO,CAAA,EACPC,aAAa,CAAA,EACbC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,WACAC,QACAC,UACAC,UACAC,WACAC,UACAC,WACGC,GAELC,KAEA,MAAMC,EAAY,CAChBnB,OACAI,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMW,EAAa,CACjBV,WACAC,QACAC,UACAC,WAGF,MAAMQ,SACGN,GAAY,iBAAmBA,EAAQE,OAAU,UAAYF,EAAQE,QAAU,KAAOF,EAAQE,MAAQ,CAAA,EAE/G,MACEK,KAAMC,EACNtB,UAAWuB,EAAgB,CAAA,EAC3BC,YAAaC,EAAkB,CAAA,EAC/BC,aAAcC,EAAmB,CAAA,GAC/B1B,EAEJ,MAAM2B,EAAaC,QACjBF,EAAiBG,OACfH,EAAiBI,SACjBJ,EAAiBK,SACjBL,EAAiBN,MACjBM,EAAiBM,MACjBN,EAAiBO,MAGrB,OACEC,WAAAA,KAACC,MAAAA,KAAW,IAAKpB,KAAWE,KAAeC,EAAYF,IAAKA,EAAIJ,SAAA,CAC9DwB,WAAAA,IAACD,cAAc,CAAAvB,gBACLC,GAAY,WAChBA,EAAQ,IACHI,KACAC,IAELmB,MAAAA,aAAaxB,EAAS,IACjBI,KACAC,KACAC,MAGXe,WAAAA,KAACC,cAAc,CAAAvB,SAAA,CACbwB,WAAAA,IAACE,UAAI,CACHC,GAAG,OACHC,WAAW,OACXC,MAAM,UACNC,UAAU,aACVC,MAAOC,UAAAA,eACH3B,KACAlB,EAASa,SAEZE,GAASF,IAEXS,EACCe,WAAAA,IAACE,UAAI,CACHC,GAAG,OACHC,WAAW,UACXC,MAAOvB,EAAWV,SAAW,mBAAqB,2BAClDkC,UAAU,aACVC,MAAOE,UAAAA,kBACH5B,KACAK,EAAaV,SAEhBS,IAED,QAGNa,WAAAA,KAACC,WAAW,CAACQ,MAAOG,UAAAA,cAAgB7B,EAASL,SAAA,CAC1CY,EAAgBuB,UAAYpB,EAC3BS,WAAAA,IAACY,sBAAU,CACTC,KAAMb,WAAAA,IAACc,MAAAA,eACPC,WAAY,KACRlC,EACJ0B,MAAOS,UAAAA,qBACH5B,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,WAEjD,KACHmB,EACCS,WAAAA,IAACiB,QAAAA,QAAO,CACNC,OAAO,QACPC,UAAU,MACVC,OAAQ,CACNC,QAAS,CAAEC,OAAQ,eAEjBhC,EAAgBd,SAEpBwB,WAAAA,IAACY,sBAAU,CACTC,KAAMb,WAAAA,IAACc,MAAAA,eACPC,WAAY,KACRlC,EACJ0B,MAAOS,UAAAA,qBACH5B,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,aAGnD,KACHP,EAAWW,SACVwB,WAAAA,IAACuB,MAAAA,MAAK,CAAC7D,KAAK,IAAI4D,OAAO,UAAUP,WAAY,EAAGS,oBAAkB,KAAK3D,IACrE,aAMd,CACE4D,YAxJmB,YAyJnBlB,MAAOmB,UAAAA,+BAzJY"}
1
+ {"version":3,"file":"FormLabel.js","sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":["import { forwardRef, cloneElement } from 'react'\nimport { HelpCircle } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { IconButton } from 'components/IconButton'\nimport { Badge } from 'components/Badge'\nimport { Tooltip } from 'components/Tooltip'\nimport * as Styled from './style'\nimport { SIZES, SIZES_LABEL, SIZES_HINT, SIZES_HINT_BUTTON, SIZES_SUBTITLE } from './constants'\nimport type { FormLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormLabel'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для контрола выбора с дополнительными элементами.\n * Позволяет добавить для контрола заголовок, подзаголовок, бейдж и подсказку.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<label\\> элемента.\n */\nconst FormLabel: React.ForwardRefExoticComponent<FormLabelProps> = withMergedProps<FormLabelProps, HTMLLabelElement>(\n forwardRef<HTMLLabelElement, MergedProps<FormLabelProps>>(\n (\n {\n size = 'm',\n textProps = {},\n hint = {},\n badgeProps = {},\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n disabled,\n error,\n success,\n checked,\n children,\n control,\n label,\n ...props\n },\n ref\n ) => {\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const stateProps = {\n disabled,\n error,\n success,\n checked,\n }\n\n const elementProps =\n typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n const {\n text: hintText,\n textProps: hintTextProps = {},\n buttonProps: hintButtonProps = {},\n tooltipProps: hintTooltipProps = {},\n } = hint\n\n const hasTooltip = Boolean(\n hintTooltipProps.title ||\n hintTooltipProps.content ||\n hintTooltipProps.heading ||\n hintTooltipProps.text ||\n hintTooltipProps.root ||\n hintTooltipProps.body\n )\n\n return (\n <Styled.Root {...props} {...sizeProps} {...stateProps} ref={ref}>\n <Styled.Control>\n {typeof control === 'function'\n ? control({\n ...sizeProps,\n ...stateProps,\n })\n : cloneElement(control, {\n ...sizeProps,\n ...stateProps,\n ...elementProps,\n })}\n </Styled.Control>\n <Styled.Content>\n <Text\n as='span'\n appearance='body'\n color='inherit'\n wordBreak='break-word'\n sizes={SIZES_LABEL}\n {...sizeProps}\n {...textProps}\n >\n {label ?? children}\n </Text>\n {hintText ? (\n <Text\n as='span'\n appearance='caption'\n color={stateProps.disabled ? 'content-disabled' : 'content-onmain-secondary'}\n wordBreak='break-word'\n sizes={SIZES_SUBTITLE}\n {...sizeProps}\n {...hintTextProps}\n >\n {hintText}\n </Text>\n ) : null}\n </Styled.Content>\n\n <Styled.Hint sizes={SIZES_HINT} {...sizeProps}>\n {hintButtonProps.onClick && !hasTooltip ? (\n <IconButton\n icon={<HelpCircle />}\n marginLeft={2}\n {...sizeProps}\n sizes={SIZES_HINT_BUTTON}\n {...hintButtonProps}\n disabled={stateProps.disabled || hintButtonProps.disabled}\n />\n ) : null}\n {hasTooltip ? (\n <Tooltip\n preset='brand'\n placement='top'\n styles={{\n wrapper: { cursor: 'inherit' },\n }}\n {...hintTooltipProps}\n >\n <IconButton\n icon={<HelpCircle />}\n marginLeft={2}\n {...sizeProps}\n sizes={SIZES_HINT_BUTTON}\n {...hintButtonProps}\n disabled={stateProps.disabled || hintButtonProps.disabled}\n />\n </Tooltip>\n ) : null}\n {badgeProps.children ? (\n <Badge size='s' cursor='inherit' marginLeft={6} resetDefaultMargin shape='rounded' {...badgeProps} />\n ) : null}\n </Styled.Hint>\n </Styled.Root>\n )\n }\n ),\n {\n displayName: COMPONENT_NAME,\n sizes: SIZES,\n }\n)\n\nexport { FormLabel, COMPONENT_NAME }\n"],"names":["FormLabel","withMergedProps","forwardRef","size","textProps","hint","badgeProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","disabled","error","success","checked","children","control","label","props","ref","sizeProps","stateProps","elementProps","text","hintText","hintTextProps","buttonProps","hintButtonProps","tooltipProps","hintTooltipProps","hasTooltip","Boolean","title","content","heading","root","body","_jsxs","Styled","_jsx","cloneElement","Text","as","appearance","color","wordBreak","sizes","SIZES_LABEL","SIZES_SUBTITLE","SIZES_HINT","onClick","IconButton","icon","HelpCircle","marginLeft","SIZES_HINT_BUTTON","Tooltip","preset","placement","styles","wrapper","cursor","Badge","resetDefaultMargin","shape","displayName","SIZES"],"mappings":"0cAuBA,MAAMA,UAA6DC,gBAAAA,gBACjEC,MAAAA,WACE,EAEIC,OAAO,IACPC,YAAY,CAAA,EACZC,OAAO,CAAA,EACPC,aAAa,CAAA,EACbC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,WACAC,QACAC,UACAC,UACAC,WACAC,UACAC,WACGC,GAELC,KAEA,MAAMC,EAAY,CAChBnB,OACAI,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMW,EAAa,CACjBV,WACAC,QACAC,UACAC,WAGF,MAAMQ,SACGN,GAAY,iBAAmBA,EAAQE,OAAU,UAAYF,EAAQE,QAAU,KAAOF,EAAQE,MAAQ,CAAA,EAE/G,MACEK,KAAMC,EACNtB,UAAWuB,EAAgB,CAAA,EAC3BC,YAAaC,EAAkB,CAAA,EAC/BC,aAAcC,EAAmB,CAAA,GAC/B1B,EAEJ,MAAM2B,EAAaC,QACjBF,EAAiBG,OACfH,EAAiBI,SACjBJ,EAAiBK,SACjBL,EAAiBN,MACjBM,EAAiBM,MACjBN,EAAiBO,MAGrB,OACEC,WAAAA,KAACC,MAAAA,KAAW,IAAKpB,KAAWE,KAAeC,EAAYF,IAAKA,EAAIJ,SAAA,CAC9DwB,WAAAA,IAACD,cAAc,CAAAvB,gBACLC,GAAY,WAChBA,EAAQ,IACHI,KACAC,IAELmB,MAAAA,aAAaxB,EAAS,IACjBI,KACAC,KACAC,MAGXe,WAAAA,KAACC,cAAc,CAAAvB,SAAA,CACbwB,WAAAA,IAACE,UAAI,CACHC,GAAG,OACHC,WAAW,OACXC,MAAM,UACNC,UAAU,aACVC,MAAOC,UAAAA,eACH3B,KACAlB,EAASa,SAEZE,GAASF,IAEXS,EACCe,WAAAA,IAACE,UAAI,CACHC,GAAG,OACHC,WAAW,UACXC,MAAOvB,EAAWV,SAAW,mBAAqB,2BAClDkC,UAAU,aACVC,MAAOE,UAAAA,kBACH5B,KACAK,EAAaV,SAEhBS,IAED,QAGNa,WAAAA,KAACC,WAAW,CAACQ,MAAOG,UAAAA,cAAgB7B,EAASL,SAAA,CAC1CY,EAAgBuB,UAAYpB,EAC3BS,WAAAA,IAACY,sBAAU,CACTC,KAAMb,WAAAA,IAACc,MAAAA,eACPC,WAAY,KACRlC,EACJ0B,MAAOS,UAAAA,qBACH5B,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,WAEjD,KACHmB,EACCS,WAAAA,IAACiB,QAAAA,QAAO,CACNC,OAAO,QACPC,UAAU,MACVC,OAAQ,CACNC,QAAS,CAAEC,OAAQ,eAEjBhC,EAAgBd,SAEpBwB,WAAAA,IAACY,sBAAU,CACTC,KAAMb,WAAAA,IAACc,MAAAA,eACPC,WAAY,KACRlC,EACJ0B,MAAOS,UAAAA,qBACH5B,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,aAGnD,KACHP,EAAWW,SACVwB,WAAAA,IAACuB,MAAAA,MAAK,CAAC7D,KAAK,IAAI4D,OAAO,UAAUP,WAAY,EAAGS,oBAAkB,EAACC,MAAM,aAAc5D,IACrF,aAMd,CACE6D,YAxJmB,YAyJnBnB,MAAOoB,UAAAA,+BAzJY"}
package/components/FormLabel/FormLabel.mjs CHANGED
@@ -1,2 +1,2 @@
1
- import{forwardRef,cloneElement}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root,Control,Content,Hint}from'./style.mjs';import{SIZES,SIZES_LABEL,SIZES_SUBTITLE,SIZES_HINT,SIZES_HINT_BUTTON}from'./constants.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';import{IconButton}from'../IconButton/IconButton.mjs';import{HelpCircle}from'../../icon-pack/src/icons/HelpCircle/index.mjs';import{Tooltip}from'../Tooltip/Tooltip.mjs';import{Badge}from'../Badge/Badge.mjs';const COMPONENT_NAME='FormLabel';const FormLabel=withMergedProps(forwardRef(({size:e="m",textProps:o={},hint:s={},badgeProps:r={},sizeXXS:t,sizeXS:i,sizeS:n,sizeM:l,sizeL:c,sizeXL:a,disabled:d,error:p,success:m,checked:S,children:x,control:T,label:j,...b},f)=>{const I={size:e,sizeXXS:t,sizeXS:i,sizeS:n,sizeM:l,sizeL:c,sizeXL:a};const z={disabled:d,error:p,success:m,checked:S};const E=typeof T=='object'&&typeof T.props=='object'&&T.props!==null?T.props:{};const{text:h,textProps:u={},buttonProps:B={},tooltipProps:L={}}=s;const N=Boolean(L.title||L.content||L.heading||L.text||L.root||L.body);return jsxs(Root,{...b,...I,...z,ref:f,children:[jsx(Control,{children:typeof T=='function'?T({...I,...z}):cloneElement(T,{...I,...z,...E})}),jsxs(Content,{children:[jsx(Text,{as:"span",appearance:"body",color:"inherit",wordBreak:"break-word",sizes:SIZES_LABEL,...I,...o,children:j??x}),h?jsx(Text,{as:"span",appearance:"caption",color:z.disabled?'content-disabled':'content-onmain-secondary',wordBreak:"break-word",sizes:SIZES_SUBTITLE,...I,...u,children:h}):null]}),jsxs(Hint,{sizes:SIZES_HINT,...I,children:[B.onClick&&!N?jsx(IconButton,{icon:jsx(HelpCircle,{}),marginLeft:2,...I,sizes:SIZES_HINT_BUTTON,...B,disabled:z.disabled||B.disabled}):null,N?jsx(Tooltip,{preset:"brand",placement:"top",styles:{wrapper:{cursor:'inherit'}},...L,children:jsx(IconButton,{icon:jsx(HelpCircle,{}),marginLeft:2,...I,sizes:SIZES_HINT_BUTTON,...B,disabled:z.disabled||B.disabled})}):null,r.children?jsx(Badge,{size:"s",cursor:"inherit",marginLeft:6,resetDefaultMargin:!0,...r}):null]})]})}),{displayName:"FormLabel",sizes:SIZES});export{COMPONENT_NAME,FormLabel};
1
+ import{forwardRef,cloneElement}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root,Control,Content,Hint}from'./style.mjs';import{SIZES,SIZES_LABEL,SIZES_SUBTITLE,SIZES_HINT,SIZES_HINT_BUTTON}from'./constants.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';import{IconButton}from'../IconButton/IconButton.mjs';import{HelpCircle}from'../../icon-pack/src/icons/HelpCircle/index.mjs';import{Tooltip}from'../Tooltip/Tooltip.mjs';import{Badge}from'../Badge/Badge.mjs';const COMPONENT_NAME='FormLabel';const FormLabel=withMergedProps(forwardRef(({size:e="m",textProps:o={},hint:s={},badgeProps:r={},sizeXXS:t,sizeXS:i,sizeS:n,sizeM:l,sizeL:c,sizeXL:a,disabled:d,error:p,success:m,checked:S,children:x,control:T,label:j,...b},f)=>{const I={size:e,sizeXXS:t,sizeXS:i,sizeS:n,sizeM:l,sizeL:c,sizeXL:a};const h={disabled:d,error:p,success:m,checked:S};const z=typeof T=='object'&&typeof T.props=='object'&&T.props!==null?T.props:{};const{text:E,textProps:u={},buttonProps:B={},tooltipProps:L={}}=s;const N=Boolean(L.title||L.content||L.heading||L.text||L.root||L.body);return jsxs(Root,{...b,...I,...h,ref:f,children:[jsx(Control,{children:typeof T=='function'?T({...I,...h}):cloneElement(T,{...I,...h,...z})}),jsxs(Content,{children:[jsx(Text,{as:"span",appearance:"body",color:"inherit",wordBreak:"break-word",sizes:SIZES_LABEL,...I,...o,children:j??x}),E?jsx(Text,{as:"span",appearance:"caption",color:h.disabled?'content-disabled':'content-onmain-secondary',wordBreak:"break-word",sizes:SIZES_SUBTITLE,...I,...u,children:E}):null]}),jsxs(Hint,{sizes:SIZES_HINT,...I,children:[B.onClick&&!N?jsx(IconButton,{icon:jsx(HelpCircle,{}),marginLeft:2,...I,sizes:SIZES_HINT_BUTTON,...B,disabled:h.disabled||B.disabled}):null,N?jsx(Tooltip,{preset:"brand",placement:"top",styles:{wrapper:{cursor:'inherit'}},...L,children:jsx(IconButton,{icon:jsx(HelpCircle,{}),marginLeft:2,...I,sizes:SIZES_HINT_BUTTON,...B,disabled:h.disabled||B.disabled})}):null,r.children?jsx(Badge,{size:"s",cursor:"inherit",marginLeft:6,resetDefaultMargin:!0,shape:"rounded",...r}):null]})]})}),{displayName:"FormLabel",sizes:SIZES});export{COMPONENT_NAME,FormLabel};
2
2
  //# sourceMappingURL=FormLabel.mjs.map