@foxford/ui 2.200.0-beta-5ef03d0-20260310 → 2.222.0-beta-e421dbf-20260416

package/components/Chip/style.js

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

package/components/Chip/style.js.map

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

package/components/Chip/style.mjs

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

package/components/Chip/style.mjs.map

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

package/components/Container/style.js

@@ -1,4 +1,4 @@
-'use strict';var styled=require('styled-components');var display=require('../../mixins/display.js');var color=require('../../mixins/color.js');var screen=require('../../mixins/screen.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}const Root=_interopDefault(styled).default.div.withConfig({shouldForwardProp:e=>['children','className','style'].includes(e)}).withConfig({displayName:"Container__Root",componentId:"ui__sc-yg4y35-0"})(["display:block;width:100%;max-width:","px;margin:0 auto;padding:0 50px;box-sizing:border-box;"," "," "," "," "," "," ",""],(e=>e.theme.breakpoints.l-100+100),(e=>e.display?display.display(e.display):null),(e=>e.color?color.color(e.color,'background-color'):null),(e=>e.textAlign?styled.css(["text-align:",";"],e.textAlign):null),(e=>e.fluid?styled.css(["max-width:100%;"]):null),screen.screenL()`
+'use strict';var styled=require('styled-components');var display=require('../../mixins/display.js');var color=require('../../mixins/color.js');var screen=require('../../mixins/screen.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}const Root=_interopDefault(styled).default.div.withConfig({shouldForwardProp:e=>['children','className','style'].includes(e)}).withConfig({displayName:"Container__Root",componentId:"ui__sc-yg4y35-0"})(["display:block;width:100%;max-width:","px;padding:0 50px;margin:0 auto;box-sizing:border-box;"," "," "," "," "," "," ",""],e=>e.theme.breakpoints.l-100+100,e=>e.display?display.display(e.display):null,e=>e.color?color.color(e.color,'background-color'):null,e=>e.textAlign?styled.css(["text-align:",";"],e.textAlign):null,e=>e.fluid?styled.css(["max-width:100%;"]):null,screen.screenL()`
     padding: 0 42px;
   `,screen.screenM()`
     padding: 0 28px;

package/components/Container/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Container/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from 'mixins/display'\nimport { color } from 'mixins/color'\nimport { screenL, screenM, screenMaxS } from 'mixins/screen'\nimport type { ContainerProps } from './Container'\n\nexport const Root = styled.div.withConfig<ContainerProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  display: block;\n  width: 100%;\n  max-width: ${(props) => props.theme.breakpoints.l - 100 + 2 * 50}px;\n  margin: 0 auto;\n  padding: 0 50px;\n  box-sizing: border-box;\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color, 'background-color') : null)}\n  ${(props) =>\n    props.textAlign\n      ? css`\n          text-align: ${props.textAlign};\n        `\n      : null}\n  ${(props) =>\n    props.fluid\n      ? css`\n          max-width: 100%;\n        `\n      : null}\n  ${screenL()`\n    padding: 0 42px;\n  `}\n  ${screenM()`\n    padding: 0 28px;\n  `}\n  ${screenMaxS()`\n    padding: 0 20px;\n  `}\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","theme","breakpoints","l","display","color","textAlign","css","fluid","screenL","screenM","screenMaxS"],"mappings":"6PAMO,MAAMA,6BAAOC,QAAOC,IAAIC,WAA2B,CACxDC,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KACzEF,WAAA,CAAAI,YAAA,kBAAAC,YAAA,mBAFkBP,CAElB,CAAA,sCAAA,yDAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAGcQ,GAAUA,EAAMC,MAAMC,YAAYC,EAAI,IAAM,MAIvDH,GAAWA,EAAMI,QAAUA,QAAAA,QAAQJ,EAAMI,SAAW,OACpDJ,GAAWA,EAAMK,MAAQA,MAAAA,MAAML,EAAMK,MAAO,oBAAsB,OAClEL,GACDA,EAAMM,UACFC,OAAAA,IAAG,CAAA,cAAA,KACaP,EAAMM,WAEtB,OACHN,GACDA,EAAMQ,MACFD,OAAAA,IAAG,CAAA,oBAGH,MACJE,OAAAA,SAAS;;IAGTC,OAAAA,SAAS;;IAGTC,OAAAA,YAAY;;"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Container/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from 'mixins/display'\nimport { color } from 'mixins/color'\nimport { screenL, screenM, screenMaxS } from 'mixins/screen'\nimport type { ContainerProps } from './Container'\n\nexport const Root = styled.div.withConfig<ContainerProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  display: block;\n  width: 100%;\n  max-width: ${(props) => props.theme.breakpoints.l - 100 + 2 * 50}px;\n  padding: 0 50px;\n  margin: 0 auto;\n  box-sizing: border-box;\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color, 'background-color') : null)}\n  ${(props) =>\n    props.textAlign\n      ? css`\n          text-align: ${props.textAlign};\n        `\n      : null}\n  ${(props) =>\n    props.fluid\n      ? css`\n          max-width: 100%;\n        `\n      : null}\n  ${screenL()`\n    padding: 0 42px;\n  `}\n  ${screenM()`\n    padding: 0 28px;\n  `}\n  ${screenMaxS()`\n    padding: 0 20px;\n  `}\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","theme","breakpoints","l","display","color","textAlign","css","fluid","screenL","screenM","screenMaxS"],"mappings":"6PAMO,MAAMA,6BAAOC,QAAOC,IAAIC,WAA2B,CACxDC,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KACzEF,WAAA,CAAAI,YAAA,kBAAAC,YAAA,mBAFkBP,CAElB,CAAA,sCAAA,yDAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAGcQ,GAAUA,EAAMC,MAAMC,YAAYC,EAAI,IAAM,IAIvDH,GAAWA,EAAMI,QAAUA,QAAAA,QAAQJ,EAAMI,SAAW,KACpDJ,GAAWA,EAAMK,MAAQA,MAAAA,MAAML,EAAMK,MAAO,oBAAsB,KAClEL,GACDA,EAAMM,UACFC,OAAAA,IAAG,CAAA,cAAA,KACaP,EAAMM,WAEtB,KACHN,GACDA,EAAMQ,MACFD,OAAAA,IAAG,CAAA,oBAGH,KACJE,OAAAA,SAAS;;IAGTC,OAAAA,SAAS;;IAGTC,OAAAA,YAAY;;"}

package/components/Container/style.mjs

@@ -1,4 +1,4 @@
-import styled,{css}from'styled-components';import{display}from'../../mixins/display.mjs';import{color}from'../../mixins/color.mjs';import{screenL,screenM,screenMaxS}from'../../mixins/screen.mjs';const Root=styled.div.withConfig({shouldForwardProp:o=>['children','className','style'].includes(o)}).withConfig({displayName:"Container__Root",componentId:"ui__sc-yg4y35-0"})(["display:block;width:100%;max-width:","px;margin:0 auto;padding:0 50px;box-sizing:border-box;"," "," "," "," "," "," ",""],(o=>o.theme.breakpoints.l-100+100),(o=>o.display?display(o.display):null),(o=>o.color?color(o.color,'background-color'):null),(o=>o.textAlign?css(["text-align:",";"],o.textAlign):null),(o=>o.fluid?css(["max-width:100%;"]):null),screenL()`
+import styled,{css}from'styled-components';import{display}from'../../mixins/display.mjs';import{color}from'../../mixins/color.mjs';import{screenL,screenM,screenMaxS}from'../../mixins/screen.mjs';const Root=styled.div.withConfig({shouldForwardProp:o=>['children','className','style'].includes(o)}).withConfig({displayName:"Container__Root",componentId:"ui__sc-yg4y35-0"})(["display:block;width:100%;max-width:","px;padding:0 50px;margin:0 auto;box-sizing:border-box;"," "," "," "," "," "," ",""],o=>o.theme.breakpoints.l-100+100,o=>o.display?display(o.display):null,o=>o.color?color(o.color,'background-color'):null,o=>o.textAlign?css(["text-align:",";"],o.textAlign):null,o=>o.fluid?css(["max-width:100%;"]):null,screenL()`
     padding: 0 42px;
   `,screenM()`
     padding: 0 28px;

package/components/Container/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Container/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from 'mixins/display'\nimport { color } from 'mixins/color'\nimport { screenL, screenM, screenMaxS } from 'mixins/screen'\nimport type { ContainerProps } from './Container'\n\nexport const Root = styled.div.withConfig<ContainerProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  display: block;\n  width: 100%;\n  max-width: ${(props) => props.theme.breakpoints.l - 100 + 2 * 50}px;\n  margin: 0 auto;\n  padding: 0 50px;\n  box-sizing: border-box;\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color, 'background-color') : null)}\n  ${(props) =>\n    props.textAlign\n      ? css`\n          text-align: ${props.textAlign};\n        `\n      : null}\n  ${(props) =>\n    props.fluid\n      ? css`\n          max-width: 100%;\n        `\n      : null}\n  ${screenL()`\n    padding: 0 42px;\n  `}\n  ${screenM()`\n    padding: 0 28px;\n  `}\n  ${screenMaxS()`\n    padding: 0 20px;\n  `}\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","theme","breakpoints","l","display","color","textAlign","css","fluid","screenL","screenM","screenMaxS"],"mappings":"mMAMO,MAAMA,KAAOC,OAAOC,IAAIC,WAA2B,CACxDC,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KACzEF,WAAA,CAAAI,YAAA,kBAAAC,YAAA,mBAFkBP,CAElB,CAAA,sCAAA,yDAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAGcQ,GAAUA,EAAMC,MAAMC,YAAYC,EAAI,IAAM,MAIvDH,GAAWA,EAAMI,QAAUA,QAAQJ,EAAMI,SAAW,OACpDJ,GAAWA,EAAMK,MAAQA,MAAML,EAAMK,MAAO,oBAAsB,OAClEL,GACDA,EAAMM,UACFC,IAAG,CAAA,cAAA,KACaP,EAAMM,WAEtB,OACHN,GACDA,EAAMQ,MACFD,IAAG,CAAA,oBAGH,MACJE,SAAS;;IAGTC,SAAS;;IAGTC,YAAY;;"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Container/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from 'mixins/display'\nimport { color } from 'mixins/color'\nimport { screenL, screenM, screenMaxS } from 'mixins/screen'\nimport type { ContainerProps } from './Container'\n\nexport const Root = styled.div.withConfig<ContainerProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  display: block;\n  width: 100%;\n  max-width: ${(props) => props.theme.breakpoints.l - 100 + 2 * 50}px;\n  padding: 0 50px;\n  margin: 0 auto;\n  box-sizing: border-box;\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color, 'background-color') : null)}\n  ${(props) =>\n    props.textAlign\n      ? css`\n          text-align: ${props.textAlign};\n        `\n      : null}\n  ${(props) =>\n    props.fluid\n      ? css`\n          max-width: 100%;\n        `\n      : null}\n  ${screenL()`\n    padding: 0 42px;\n  `}\n  ${screenM()`\n    padding: 0 28px;\n  `}\n  ${screenMaxS()`\n    padding: 0 20px;\n  `}\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","theme","breakpoints","l","display","color","textAlign","css","fluid","screenL","screenM","screenMaxS"],"mappings":"mMAMO,MAAMA,KAAOC,OAAOC,IAAIC,WAA2B,CACxDC,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KACzEF,WAAA,CAAAI,YAAA,kBAAAC,YAAA,mBAFkBP,CAElB,CAAA,sCAAA,yDAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAGcQ,GAAUA,EAAMC,MAAMC,YAAYC,EAAI,IAAM,IAIvDH,GAAWA,EAAMI,QAAUA,QAAQJ,EAAMI,SAAW,KACpDJ,GAAWA,EAAMK,MAAQA,MAAML,EAAMK,MAAO,oBAAsB,KAClEL,GACDA,EAAMM,UACFC,IAAG,CAAA,cAAA,KACaP,EAAMM,WAEtB,KACHN,GACDA,EAAMQ,MACFD,IAAG,CAAA,oBAGH,KACJE,SAAS;;IAGTC,SAAS;;IAGTC,YAAY;;"}

package/components/ContextMenu/ContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import { cloneElement, PureComponent, isValidElement } from 'react'\nimport type { BaseProps } from 'shared/interfaces'\nimport { ContextMenuMultiLevel } from 'components/ContextMenu.Multilevel'\nimport { Tooltip } from '../Tooltip'\nimport { ContextMenuItem } from './Item'\nimport * as Styled from './style'\nimport { tooltipStyles } from './tooltip-styles'\n\nexport interface ContextMenuProps extends BaseProps {\n  /**\n   * Children react node\n   */\n  children: React.ReactNode\n  /** Indicates if button is active (e.g. when context menu is open) */\n  onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** Manually controled state */\n  isOpen?: boolean\n  /** On open menu callback  */\n  onOpen?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** On close menu callback  */\n  onClose?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** Content */\n  trigger?: React.ReactNode\n  /** Properties for inner Tooltip component */\n  tooltipProps?: Partial<Parameters<typeof Tooltip>[0]>\n  /** Hide overlay for debug */\n  hideOverlay?: boolean\n}\n\nexport class ContextMenu extends PureComponent<ContextMenuProps, { isOpen: boolean }> {\n  static Item = ContextMenuItem\n  static MultiLevel = ContextMenuMultiLevel\n  static displayName = 'ContextMenu'\n\n  static defaultProps = {\n    tooltipProps: {\n      event: 'click',\n      placement: 'left-start',\n      offset: 2,\n      showCloseButton: false,\n      styles: tooltipStyles,\n    },\n    hideOverlay: false,\n  }\n\n  constructor(props: ContextMenuProps) {\n    super(props)\n\n    this.state = {\n      isOpen: this.props.isOpen || false,\n    }\n  }\n\n  getOpen = () => {\n    const { isOpen } = this.props\n\n    if (isOpen !== undefined) return isOpen\n\n    return this.state.isOpen || false\n  }\n\n  handleOpenMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    this.setState({ isOpen: true })\n\n    const { onOpen } = this.props\n\n    if (onOpen) {\n      onOpen(e)\n    }\n  }\n\n  handleCloseMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    this.setState({ isOpen: false })\n\n    const { onClose } = this.props\n\n    if (onClose) {\n      onClose(e)\n    }\n  }\n\n  handleToggleMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    const isOpen = this.getOpen()\n\n    e.persist()\n    e.preventDefault()\n    e.stopPropagation()\n\n    if (isOpen) {\n      this.handleCloseMenu(e)\n    } else {\n      this.handleOpenMenu(e)\n    }\n\n    return false\n  }\n\n  render() {\n    const { className, tooltipProps = {}, trigger, children, hideOverlay } = this.props\n    const isOpen = this.getOpen()\n\n    if (children) tooltipProps.content = children\n\n    return (\n      <Styled.Root className={className} isOpen={isOpen} onClick={this.handleToggleMenu} hideOverlay={hideOverlay}>\n        <Tooltip {...tooltipProps} open={isOpen}>\n          <div onClick={this.handleCloseMenu}>\n            {isValidElement(trigger)\n              ? cloneElement(trigger as React.ReactElement<{ active: boolean }>, { active: isOpen })\n              : null}\n          </div>\n        </Tooltip>\n      </Styled.Root>\n    )\n  }\n}\n"],"names":["ContextMenu","PureComponent","static","ContextMenuItem","ContextMenuMultiLevel","tooltipProps","event","placement","offset","showCloseButton","styles","tooltipStyles","hideOverlay","constructor","props","super","this","state","isOpen","getOpen","undefined","handleOpenMenu","e","setState","onOpen","handleCloseMenu","onClose","handleToggleMenu","persist","preventDefault","stopPropagation","render","className","trigger","children","content","_jsx","Styled","onClick","Tooltip","open","isValidElement","cloneElement","active"],"mappings":"8VA6BO,MAAMA,oBAAoBC,MAAAA,cAC/BC,YAAcC,KAAAA,gBACdD,kBAAoBE,uBAAAA,sBACpBF,mBAAqB,cAErBA,oBAAsB,CACpBG,aAAc,CACZC,MAAO,QACPC,UAAW,aACXC,OAAQ,EACRC,iBAAiB,EACjBC,OAAQC,cAAAA,eAEVC,aAAa,GAGfC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,OAAQF,KAAKF,MAAMI,SAAU,EAEjC,CAEAC,QAAUA,KACR,MAAMD,OAAEA,GAAWF,KAAKF,MAExB,OAAII,SAAWE,EAAkBF,EAE1BF,KAAKC,MAAMC,SAAU,CAAK,EAGnCG,eAAkBC,IAChBN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMM,OAAEA,GAAWR,KAAKF,MAEpBU,GACFA,EAAOF,EACT,EAGFG,gBAAmBH,IACjBN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMQ,QAAEA,GAAYV,KAAKF,MAErBY,GACFA,EAAQJ,EACV,EAGFK,iBAAoBL,IAClB,MAAMJ,EAASF,KAAKG,UAYpB,OAVAG,EAAEM,UACFN,EAAEO,iBACFP,EAAEQ,kBAEEZ,EACFF,KAAKS,gBAAgBH,GAErBN,KAAKK,eAAeC,IAGf,CAAK,EAGdS,MAAAA,GACE,MAAMC,UAAEA,EAAS3B,aAAEA,EAAe,CAAA,EAAE4B,QAAEA,EAAOC,SAAEA,EAAQtB,YAAEA,GAAgBI,KAAKF,MAC9E,MAAMI,EAASF,KAAKG,UAIpB,OAFIe,IAAU7B,EAAa8B,QAAUD,GAGnCE,WAAAA,IAACC,MAAAA,KAAW,CAACL,UAAWA,EAAWd,OAAQA,EAAQoB,QAAStB,KAAKW,iBAAkBf,YAAaA,EAAYsB,SAC1GE,WAAAA,IAACG,gBAAO,IAAKlC,EAAcmC,KAAMtB,EAAOgB,SACtCE,WAAAA,IAAA,MAAA,CAAKE,QAAStB,KAAKS,gBAAgBS,SAChCO,MAAAA,eAAeR,GACZS,MAAAA,aAAaT,EAAoD,CAAEU,OAAQzB,IAC3E,UAKd"}
+{"version":3,"file":"ContextMenu.js","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import { cloneElement, PureComponent, isValidElement } from 'react'\nimport type { BaseProps } from 'shared/interfaces'\nimport { ContextMenuMultiLevel } from 'components/ContextMenu.Multilevel'\nimport { Tooltip } from '../Tooltip'\nimport { ContextMenuItem } from './Item'\nimport * as Styled from './style'\nimport { tooltipStyles } from './tooltip-styles'\n\nexport interface ContextMenuProps extends BaseProps {\n  /**\n   * Children react node\n   */\n  children: React.ReactNode\n  /** Indicates if button is active (e.g. when context menu is open) */\n  onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** Manually controled state */\n  isOpen?: boolean\n  /** On open menu callback  */\n  onOpen?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** On close menu callback  */\n  onClose?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** Content */\n  trigger?: React.ReactNode\n  /** Properties for inner Tooltip component */\n  tooltipProps?: Partial<Parameters<typeof Tooltip>[0]>\n  /** Hide overlay for debug */\n  hideOverlay?: boolean\n}\n\nexport class ContextMenu extends PureComponent<ContextMenuProps, { isOpen: boolean }> {\n  static Item = ContextMenuItem\n  static MultiLevel = ContextMenuMultiLevel\n  static displayName = 'ContextMenu'\n\n  static defaultProps = {\n    tooltipProps: {\n      event: 'click',\n      placement: 'left-start',\n      offset: 2,\n      showCloseButton: false,\n      styles: tooltipStyles,\n    },\n    hideOverlay: false,\n  }\n\n  constructor(props: ContextMenuProps) {\n    super(props)\n\n    this.state = {\n      isOpen: this.props.isOpen || false,\n    }\n  }\n\n  getOpen = () => {\n    const { isOpen } = this.props\n\n    if (isOpen !== undefined) return isOpen\n\n    return this.state.isOpen || false\n  }\n\n  handleOpenMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    this.setState({ isOpen: true })\n\n    const { onOpen } = this.props\n\n    if (onOpen) {\n      onOpen(e)\n    }\n  }\n\n  handleCloseMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    this.setState({ isOpen: false })\n\n    const { onClose } = this.props\n\n    if (onClose) {\n      onClose(e)\n    }\n  }\n\n  handleToggleMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    const isOpen = this.getOpen()\n\n    e.persist()\n    e.preventDefault()\n    e.stopPropagation()\n\n    if (isOpen) {\n      this.handleCloseMenu(e)\n    } else {\n      this.handleOpenMenu(e)\n    }\n\n    return false\n  }\n\n  render() {\n    const { className, tooltipProps = {}, trigger, children, hideOverlay } = this.props\n    const isOpen = this.getOpen()\n\n    if (children) tooltipProps.content = children\n\n    return (\n      <Styled.Root className={className} isOpen={isOpen} onClick={this.handleToggleMenu} hideOverlay={hideOverlay}>\n        <Tooltip {...tooltipProps} open={isOpen}>\n          <div onClick={this.handleCloseMenu}>\n            {isValidElement(trigger)\n              ? cloneElement(trigger as React.ReactElement<{ active: boolean }>, { active: isOpen })\n              : null}\n          </div>\n        </Tooltip>\n      </Styled.Root>\n    )\n  }\n}\n"],"names":["ContextMenu","PureComponent","static","ContextMenuItem","ContextMenuMultiLevel","tooltipProps","event","placement","offset","showCloseButton","styles","tooltipStyles","hideOverlay","constructor","props","super","this","state","isOpen","getOpen","undefined","handleOpenMenu","e","setState","onOpen","handleCloseMenu","onClose","handleToggleMenu","persist","preventDefault","stopPropagation","render","className","trigger","children","content","_jsx","Styled","onClick","Tooltip","open","isValidElement","cloneElement","active"],"mappings":"8VA6BO,MAAMA,oBAAoBC,MAAAA,cAC/BC,YAAcC,KAAAA,gBACdD,kBAAoBE,uBAAAA,sBACpBF,mBAAqB,cAErBA,oBAAsB,CACpBG,aAAc,CACZC,MAAO,QACPC,UAAW,aACXC,OAAQ,EACRC,iBAAiB,EACjBC,OAAQC,cAAAA,eAEVC,aAAa,GAGfC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,OAAQF,KAAKF,MAAMI,SAAU,EAEjC,CAEAC,QAAUA,KACR,MAAMD,OAAEA,GAAWF,KAAKF,MAExB,OAAII,SAAWE,EAAkBF,EAE1BF,KAAKC,MAAMC,SAAU,GAG9BG,eAAkBC,IAChBN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMM,OAAEA,GAAWR,KAAKF,MAEpBU,GACFA,EAAOF,IAIXG,gBAAmBH,IACjBN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMQ,QAAEA,GAAYV,KAAKF,MAErBY,GACFA,EAAQJ,IAIZK,iBAAoBL,IAClB,MAAMJ,EAASF,KAAKG,UAYpB,OAVAG,EAAEM,UACFN,EAAEO,iBACFP,EAAEQ,kBAEEZ,EACFF,KAAKS,gBAAgBH,GAErBN,KAAKK,eAAeC,IAGf,GAGTS,MAAAA,GACE,MAAMC,UAAEA,EAAS3B,aAAEA,EAAe,CAAA,EAAE4B,QAAEA,EAAOC,SAAEA,EAAQtB,YAAEA,GAAgBI,KAAKF,MAC9E,MAAMI,EAASF,KAAKG,UAIpB,OAFIe,IAAU7B,EAAa8B,QAAUD,GAGnCE,WAAAA,IAACC,MAAAA,KAAW,CAACL,UAAWA,EAAWd,OAAQA,EAAQoB,QAAStB,KAAKW,iBAAkBf,YAAaA,EAAYsB,SAC1GE,WAAAA,IAACG,gBAAO,IAAKlC,EAAcmC,KAAMtB,EAAOgB,SACtCE,WAAAA,IAAA,MAAA,CAAKE,QAAStB,KAAKS,gBAAgBS,SAChCO,MAAAA,eAAeR,GACZS,MAAAA,aAAaT,EAAoD,CAAEU,OAAQzB,IAC3E,UAKd"}

package/components/ContextMenu/ContextMenu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.mjs","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import { cloneElement, PureComponent, isValidElement } from 'react'\nimport type { BaseProps } from 'shared/interfaces'\nimport { ContextMenuMultiLevel } from 'components/ContextMenu.Multilevel'\nimport { Tooltip } from '../Tooltip'\nimport { ContextMenuItem } from './Item'\nimport * as Styled from './style'\nimport { tooltipStyles } from './tooltip-styles'\n\nexport interface ContextMenuProps extends BaseProps {\n  /**\n   * Children react node\n   */\n  children: React.ReactNode\n  /** Indicates if button is active (e.g. when context menu is open) */\n  onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** Manually controled state */\n  isOpen?: boolean\n  /** On open menu callback  */\n  onOpen?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** On close menu callback  */\n  onClose?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** Content */\n  trigger?: React.ReactNode\n  /** Properties for inner Tooltip component */\n  tooltipProps?: Partial<Parameters<typeof Tooltip>[0]>\n  /** Hide overlay for debug */\n  hideOverlay?: boolean\n}\n\nexport class ContextMenu extends PureComponent<ContextMenuProps, { isOpen: boolean }> {\n  static Item = ContextMenuItem\n  static MultiLevel = ContextMenuMultiLevel\n  static displayName = 'ContextMenu'\n\n  static defaultProps = {\n    tooltipProps: {\n      event: 'click',\n      placement: 'left-start',\n      offset: 2,\n      showCloseButton: false,\n      styles: tooltipStyles,\n    },\n    hideOverlay: false,\n  }\n\n  constructor(props: ContextMenuProps) {\n    super(props)\n\n    this.state = {\n      isOpen: this.props.isOpen || false,\n    }\n  }\n\n  getOpen = () => {\n    const { isOpen } = this.props\n\n    if (isOpen !== undefined) return isOpen\n\n    return this.state.isOpen || false\n  }\n\n  handleOpenMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    this.setState({ isOpen: true })\n\n    const { onOpen } = this.props\n\n    if (onOpen) {\n      onOpen(e)\n    }\n  }\n\n  handleCloseMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    this.setState({ isOpen: false })\n\n    const { onClose } = this.props\n\n    if (onClose) {\n      onClose(e)\n    }\n  }\n\n  handleToggleMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    const isOpen = this.getOpen()\n\n    e.persist()\n    e.preventDefault()\n    e.stopPropagation()\n\n    if (isOpen) {\n      this.handleCloseMenu(e)\n    } else {\n      this.handleOpenMenu(e)\n    }\n\n    return false\n  }\n\n  render() {\n    const { className, tooltipProps = {}, trigger, children, hideOverlay } = this.props\n    const isOpen = this.getOpen()\n\n    if (children) tooltipProps.content = children\n\n    return (\n      <Styled.Root className={className} isOpen={isOpen} onClick={this.handleToggleMenu} hideOverlay={hideOverlay}>\n        <Tooltip {...tooltipProps} open={isOpen}>\n          <div onClick={this.handleCloseMenu}>\n            {isValidElement(trigger)\n              ? cloneElement(trigger as React.ReactElement<{ active: boolean }>, { active: isOpen })\n              : null}\n          </div>\n        </Tooltip>\n      </Styled.Root>\n    )\n  }\n}\n"],"names":["ContextMenu","PureComponent","static","ContextMenuItem","ContextMenuMultiLevel","tooltipProps","event","placement","offset","showCloseButton","styles","tooltipStyles","hideOverlay","constructor","props","super","this","state","isOpen","getOpen","undefined","handleOpenMenu","e","setState","onOpen","handleCloseMenu","onClose","handleToggleMenu","persist","preventDefault","stopPropagation","render","className","trigger","children","content","_jsx","Styled","onClick","Tooltip","open","isValidElement","cloneElement","active"],"mappings":"0VA6BO,MAAMA,oBAAoBC,cAC/BC,YAAcC,gBACdD,kBAAoBE,sBACpBF,mBAAqB,cAErBA,oBAAsB,CACpBG,aAAc,CACZC,MAAO,QACPC,UAAW,aACXC,OAAQ,EACRC,iBAAiB,EACjBC,OAAQC,eAEVC,aAAa,GAGfC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,OAAQF,KAAKF,MAAMI,SAAU,EAEjC,CAEAC,QAAUA,KACR,MAAMD,OAAEA,GAAWF,KAAKF,MAExB,OAAII,SAAWE,EAAkBF,EAE1BF,KAAKC,MAAMC,SAAU,CAAK,EAGnCG,eAAkBC,IAChBN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMM,OAAEA,GAAWR,KAAKF,MAEpBU,GACFA,EAAOF,EACT,EAGFG,gBAAmBH,IACjBN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMQ,QAAEA,GAAYV,KAAKF,MAErBY,GACFA,EAAQJ,EACV,EAGFK,iBAAoBL,IAClB,MAAMJ,EAASF,KAAKG,UAYpB,OAVAG,EAAEM,UACFN,EAAEO,iBACFP,EAAEQ,kBAEEZ,EACFF,KAAKS,gBAAgBH,GAErBN,KAAKK,eAAeC,IAGf,CAAK,EAGdS,MAAAA,GACE,MAAMC,UAAEA,EAAS3B,aAAEA,EAAe,CAAA,EAAE4B,QAAEA,EAAOC,SAAEA,EAAQtB,YAAEA,GAAgBI,KAAKF,MAC9E,MAAMI,EAASF,KAAKG,UAIpB,OAFIe,IAAU7B,EAAa8B,QAAUD,GAGnCE,IAACC,KAAW,CAACL,UAAWA,EAAWd,OAAQA,EAAQoB,QAAStB,KAAKW,iBAAkBf,YAAaA,EAAYsB,SAC1GE,IAACG,QAAO,IAAKlC,EAAcmC,KAAMtB,EAAOgB,SACtCE,IAAA,MAAA,CAAKE,QAAStB,KAAKS,gBAAgBS,SAChCO,eAAeR,GACZS,aAAaT,EAAoD,CAAEU,OAAQzB,IAC3E,UAKd"}
+{"version":3,"file":"ContextMenu.mjs","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import { cloneElement, PureComponent, isValidElement } from 'react'\nimport type { BaseProps } from 'shared/interfaces'\nimport { ContextMenuMultiLevel } from 'components/ContextMenu.Multilevel'\nimport { Tooltip } from '../Tooltip'\nimport { ContextMenuItem } from './Item'\nimport * as Styled from './style'\nimport { tooltipStyles } from './tooltip-styles'\n\nexport interface ContextMenuProps extends BaseProps {\n  /**\n   * Children react node\n   */\n  children: React.ReactNode\n  /** Indicates if button is active (e.g. when context menu is open) */\n  onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** Manually controled state */\n  isOpen?: boolean\n  /** On open menu callback  */\n  onOpen?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** On close menu callback  */\n  onClose?: (_e: React.MouseEvent<HTMLDivElement>) => void\n  /** Content */\n  trigger?: React.ReactNode\n  /** Properties for inner Tooltip component */\n  tooltipProps?: Partial<Parameters<typeof Tooltip>[0]>\n  /** Hide overlay for debug */\n  hideOverlay?: boolean\n}\n\nexport class ContextMenu extends PureComponent<ContextMenuProps, { isOpen: boolean }> {\n  static Item = ContextMenuItem\n  static MultiLevel = ContextMenuMultiLevel\n  static displayName = 'ContextMenu'\n\n  static defaultProps = {\n    tooltipProps: {\n      event: 'click',\n      placement: 'left-start',\n      offset: 2,\n      showCloseButton: false,\n      styles: tooltipStyles,\n    },\n    hideOverlay: false,\n  }\n\n  constructor(props: ContextMenuProps) {\n    super(props)\n\n    this.state = {\n      isOpen: this.props.isOpen || false,\n    }\n  }\n\n  getOpen = () => {\n    const { isOpen } = this.props\n\n    if (isOpen !== undefined) return isOpen\n\n    return this.state.isOpen || false\n  }\n\n  handleOpenMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    this.setState({ isOpen: true })\n\n    const { onOpen } = this.props\n\n    if (onOpen) {\n      onOpen(e)\n    }\n  }\n\n  handleCloseMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    this.setState({ isOpen: false })\n\n    const { onClose } = this.props\n\n    if (onClose) {\n      onClose(e)\n    }\n  }\n\n  handleToggleMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    const isOpen = this.getOpen()\n\n    e.persist()\n    e.preventDefault()\n    e.stopPropagation()\n\n    if (isOpen) {\n      this.handleCloseMenu(e)\n    } else {\n      this.handleOpenMenu(e)\n    }\n\n    return false\n  }\n\n  render() {\n    const { className, tooltipProps = {}, trigger, children, hideOverlay } = this.props\n    const isOpen = this.getOpen()\n\n    if (children) tooltipProps.content = children\n\n    return (\n      <Styled.Root className={className} isOpen={isOpen} onClick={this.handleToggleMenu} hideOverlay={hideOverlay}>\n        <Tooltip {...tooltipProps} open={isOpen}>\n          <div onClick={this.handleCloseMenu}>\n            {isValidElement(trigger)\n              ? cloneElement(trigger as React.ReactElement<{ active: boolean }>, { active: isOpen })\n              : null}\n          </div>\n        </Tooltip>\n      </Styled.Root>\n    )\n  }\n}\n"],"names":["ContextMenu","PureComponent","static","ContextMenuItem","ContextMenuMultiLevel","tooltipProps","event","placement","offset","showCloseButton","styles","tooltipStyles","hideOverlay","constructor","props","super","this","state","isOpen","getOpen","undefined","handleOpenMenu","e","setState","onOpen","handleCloseMenu","onClose","handleToggleMenu","persist","preventDefault","stopPropagation","render","className","trigger","children","content","_jsx","Styled","onClick","Tooltip","open","isValidElement","cloneElement","active"],"mappings":"0VA6BO,MAAMA,oBAAoBC,cAC/BC,YAAcC,gBACdD,kBAAoBE,sBACpBF,mBAAqB,cAErBA,oBAAsB,CACpBG,aAAc,CACZC,MAAO,QACPC,UAAW,aACXC,OAAQ,EACRC,iBAAiB,EACjBC,OAAQC,eAEVC,aAAa,GAGfC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,OAAQF,KAAKF,MAAMI,SAAU,EAEjC,CAEAC,QAAUA,KACR,MAAMD,OAAEA,GAAWF,KAAKF,MAExB,OAAII,SAAWE,EAAkBF,EAE1BF,KAAKC,MAAMC,SAAU,GAG9BG,eAAkBC,IAChBN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMM,OAAEA,GAAWR,KAAKF,MAEpBU,GACFA,EAAOF,IAIXG,gBAAmBH,IACjBN,KAAKO,SAAS,CAAEL,QAAQ,IAExB,MAAMQ,QAAEA,GAAYV,KAAKF,MAErBY,GACFA,EAAQJ,IAIZK,iBAAoBL,IAClB,MAAMJ,EAASF,KAAKG,UAYpB,OAVAG,EAAEM,UACFN,EAAEO,iBACFP,EAAEQ,kBAEEZ,EACFF,KAAKS,gBAAgBH,GAErBN,KAAKK,eAAeC,IAGf,GAGTS,MAAAA,GACE,MAAMC,UAAEA,EAAS3B,aAAEA,EAAe,CAAA,EAAE4B,QAAEA,EAAOC,SAAEA,EAAQtB,YAAEA,GAAgBI,KAAKF,MAC9E,MAAMI,EAASF,KAAKG,UAIpB,OAFIe,IAAU7B,EAAa8B,QAAUD,GAGnCE,IAACC,KAAW,CAACL,UAAWA,EAAWd,OAAQA,EAAQoB,QAAStB,KAAKW,iBAAkBf,YAAaA,EAAYsB,SAC1GE,IAACG,QAAO,IAAKlC,EAAcmC,KAAMtB,EAAOgB,SACtCE,IAAA,MAAA,CAAKE,QAAStB,KAAKS,gBAAgBS,SAChCO,eAAeR,GACZS,aAAaT,EAAoD,CAAEU,OAAQzB,IAC3E,UAKd"}

package/components/ContextMenu/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var hover=require('../../mixins/hover.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const isOpen=styled.css(["&:after{cursor:default;user-select:none;content:'';display:block;position:fixed;width:100%;height:100%;z-index:",";left:0;top:0;right:0;bottom:0;}"],(e=>e.theme.zIndex.tooltip));const disabledItem=styled.css(["background-color:",";opacity:0.6;cursor:default;"],(e=>e.theme.colors.alabaster));const notDisabledItem=styled.css(["",""],(e=>hover.hover(`background-color: ${e.theme.colors.onahau};`)));const Root=styled__default.default.div.withConfig({shouldForwardProp:e=>['className','onClick','children','style'].includes(e)}).withConfig({displayName:"ContextMenu__Root",componentId:"ui__sc-b2wdsu-0"})(["display:inline-block;position:relative;[style*='cursor']{cursor:default !important;}& + &{margin-left:16px;}",""],(e=>e.isOpen&&Boolean(e.hideOverlay)===!1?isOpen:null));const RootItem=styled__default.default.div.withConfig({shouldForwardProp:e=>['className','onClick','children','data-id'].includes(e)}).withConfig({displayName:"ContextMenu__RootItem",componentId:"ui__sc-b2wdsu-1"})(["display:block;padding:8px 20px 7px;transition:background-color 0.4s ease-out;cursor:pointer;user-select:none;"," ",""],(e=>e.active?styled.css(["background-color:",";"],e.theme.colors.onahau):null),(e=>e.disabled?disabledItem:notDisabledItem));exports.Root=Root,exports.RootItem=RootItem;
+'use strict';var styled=require('styled-components');var hover=require('../../mixins/hover.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const isOpen=styled.css(["&:after{cursor:default;user-select:none;content:'';display:block;position:fixed;width:100%;height:100%;z-index:",";left:0;top:0;right:0;bottom:0;}"],e=>e.theme.zIndex.tooltip);const disabledItem=styled.css(["background-color:",";opacity:0.6;cursor:default;"],e=>e.theme.colors.alabaster);const notDisabledItem=styled.css(["",""],e=>hover.hover(`background-color: ${e.theme.colors.onahau};`));const Root=styled__default.default.div.withConfig({shouldForwardProp:e=>['className','onClick','children','style'].includes(e)}).withConfig({displayName:"ContextMenu__Root",componentId:"ui__sc-b2wdsu-0"})(["display:inline-block;position:relative;[style*='cursor']{cursor:default !important;}& + &{margin-left:16px;}",""],e=>e.isOpen&&Boolean(e.hideOverlay)===!1?isOpen:null);const RootItem=styled__default.default.div.withConfig({shouldForwardProp:e=>['className','onClick','children','data-id'].includes(e)}).withConfig({displayName:"ContextMenu__RootItem",componentId:"ui__sc-b2wdsu-1"})(["display:block;padding:8px 20px 7px;transition:background-color 0.4s ease-out;cursor:pointer;user-select:none;"," ",""],e=>e.active?styled.css(["background-color:",";"],e.theme.colors.onahau):null,e=>e.disabled?disabledItem:notDisabledItem);exports.Root=Root,exports.RootItem=RootItem;
 //# sourceMappingURL=style.js.map

package/components/ContextMenu/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/ContextMenu/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { hover } from 'mixins/hover'\nimport type { ContextMenuProps } from './ContextMenu'\nimport type { ContextMenuItemProps } from './Item'\n\nconst isOpen = css`\n  &:after {\n    cursor: default;\n    user-select: none;\n    content: '';\n    display: block;\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    z-index: ${(props) => props.theme.zIndex.tooltip};\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n  }\n`\n\nconst disabledItem = css`\n  background-color: ${(props) => props.theme.colors.alabaster};\n  opacity: 0.6;\n  cursor: default;\n`\n\nconst notDisabledItem = css`\n  ${(props) => hover(`background-color: ${props.theme.colors.onahau};`)}\n`\n\nexport const Root = styled.div.withConfig({\n  shouldForwardProp: (prop) => ['className', 'onClick', 'children', 'style'].includes(prop),\n})<Pick<ContextMenuProps, 'isOpen' | 'hideOverlay'>>`\n  display: inline-block;\n  position: relative;\n  [style*='cursor'] {\n    cursor: default !important;\n  }\n  & + & {\n    margin-left: 16px;\n  }\n  ${(props) => (props.isOpen && Boolean(props.hideOverlay) === false ? isOpen : null)}\n`\n\nexport const RootItem = styled.div.withConfig({\n  shouldForwardProp: (prop) => ['className', 'onClick', 'children', 'data-id'].includes(prop),\n})<Pick<ContextMenuItemProps, 'active' | 'disabled'>>`\n  display: block;\n  padding: 8px 20px 7px;\n  transition: background-color 0.4s ease-out;\n  cursor: pointer;\n  user-select: none;\n  ${(props) =>\n    props.active\n      ? css`\n          background-color: ${props.theme.colors.onahau};\n        `\n      : null}\n  ${(props) => (props.disabled ? disabledItem : notDisabledItem)}\n`\n"],"names":["isOpen","css","props","theme","zIndex","tooltip","disabledItem","colors","alabaster","notDisabledItem","hover","onahau","Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","Boolean","hideOverlay","RootItem","active","disabled"],"mappings":"6MAKA,MAAMA,OAASC,OAAAA,IAAG,CAAA,kHAAA,qCASFC,GAAUA,EAAMC,MAAMC,OAAOC,UAQ7C,MAAMC,aAAeL,OAAAA,IAAG,CAAA,oBAAA,iCACDC,GAAUA,EAAMC,MAAMI,OAAOC,YAKpD,MAAMC,gBAAkBR,OAAAA,aACnBC,GAAUQ,MAAAA,MAAM,qBAAqBR,EAAMC,MAAMI,OAAOI,aAGtD,MAAMC,KAAOC,gBAAAA,QAAOC,IAAIC,WAAW,CACxCC,kBAAoBC,GAAS,CAAC,YAAa,UAAW,WAAY,SAASC,SAASD,KACpFF,WAAA,CAAAI,YAAA,oBAAAC,YAAA,mBAFkBP,CAElB,CAAA,+GAAA,KASGX,GAAWA,EAAMF,QAAUqB,QAAQnB,EAAMoB,gBAAiB,EAAQtB,OAAS,OAGzE,MAAMuB,SAAWV,gBAAAA,QAAOC,IAAIC,WAAW,CAC5CC,kBAAoBC,GAAS,CAAC,YAAa,UAAW,WAAY,WAAWC,SAASD,KACtFF,WAAA,CAAAI,YAAA,wBAAAC,YAAA,mBAFsBP,CAEtB,CAAA,gHAAA,IAAA,KAMGX,GACDA,EAAMsB,OACFvB,OAAAA,IAAG,CAAA,oBAAA,KACmBC,EAAMC,MAAMI,OAAOI,QAEzC,OACHT,GAAWA,EAAMuB,SAAWnB,aAAeG"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/ContextMenu/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { hover } from 'mixins/hover'\nimport type { ContextMenuProps } from './ContextMenu'\nimport type { ContextMenuItemProps } from './Item'\n\nconst isOpen = css`\n  &:after {\n    cursor: default;\n    user-select: none;\n    content: '';\n    display: block;\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    z-index: ${(props) => props.theme.zIndex.tooltip};\n    left: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n  }\n`\n\nconst disabledItem = css`\n  background-color: ${(props) => props.theme.colors.alabaster};\n  opacity: 0.6;\n  cursor: default;\n`\n\nconst notDisabledItem = css`\n  ${(props) => hover(`background-color: ${props.theme.colors.onahau};`)}\n`\n\nexport const Root = styled.div.withConfig({\n  shouldForwardProp: (prop) => ['className', 'onClick', 'children', 'style'].includes(prop),\n})<Pick<ContextMenuProps, 'isOpen' | 'hideOverlay'>>`\n  display: inline-block;\n  position: relative;\n  [style*='cursor'] {\n    cursor: default !important;\n  }\n  & + & {\n    margin-left: 16px;\n  }\n  ${(props) => (props.isOpen && Boolean(props.hideOverlay) === false ? isOpen : null)}\n`\n\nexport const RootItem = styled.div.withConfig({\n  shouldForwardProp: (prop) => ['className', 'onClick', 'children', 'data-id'].includes(prop),\n})<Pick<ContextMenuItemProps, 'active' | 'disabled'>>`\n  display: block;\n  padding: 8px 20px 7px;\n  transition: background-color 0.4s ease-out;\n  cursor: pointer;\n  user-select: none;\n  ${(props) =>\n    props.active\n      ? css`\n          background-color: ${props.theme.colors.onahau};\n        `\n      : null}\n  ${(props) => (props.disabled ? disabledItem : notDisabledItem)}\n`\n"],"names":["isOpen","css","props","theme","zIndex","tooltip","disabledItem","colors","alabaster","notDisabledItem","hover","onahau","Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","Boolean","hideOverlay","RootItem","active","disabled"],"mappings":"6MAKA,MAAMA,OAASC,OAAAA,IAAG,CAAA,kHAAA,oCASFC,GAAUA,EAAMC,MAAMC,OAAOC,SAQ7C,MAAMC,aAAeL,OAAAA,IAAG,CAAA,oBAAA,gCACDC,GAAUA,EAAMC,MAAMI,OAAOC,WAKpD,MAAMC,gBAAkBR,OAAAA,YACnBC,GAAUQ,MAAAA,MAAM,qBAAqBR,EAAMC,MAAMI,OAAOI,YAGtD,MAAMC,KAAOC,gBAAAA,QAAOC,IAAIC,WAAW,CACxCC,kBAAoBC,GAAS,CAAC,YAAa,UAAW,WAAY,SAASC,SAASD,KACpFF,WAAA,CAAAI,YAAA,oBAAAC,YAAA,mBAFkBP,CAElB,CAAA,+GAAA,IASGX,GAAWA,EAAMF,QAAUqB,QAAQnB,EAAMoB,gBAAiB,EAAQtB,OAAS,MAGzE,MAAMuB,SAAWV,gBAAAA,QAAOC,IAAIC,WAAW,CAC5CC,kBAAoBC,GAAS,CAAC,YAAa,UAAW,WAAY,WAAWC,SAASD,KACtFF,WAAA,CAAAI,YAAA,wBAAAC,YAAA,mBAFsBP,CAEtB,CAAA,gHAAA,IAAA,IAMGX,GACDA,EAAMsB,OACFvB,OAAAA,IAAG,CAAA,oBAAA,KACmBC,EAAMC,MAAMI,OAAOI,QAEzC,KACHT,GAAWA,EAAMuB,SAAWnB,aAAeG"}

package/components/ContextMenu/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import{hover}from'../../mixins/hover.mjs';const isOpen=css(["&:after{cursor:default;user-select:none;content:'';display:block;position:fixed;width:100%;height:100%;z-index:",";left:0;top:0;right:0;bottom:0;}"],(o=>o.theme.zIndex.tooltip));const disabledItem=css(["background-color:",";opacity:0.6;cursor:default;"],(o=>o.theme.colors.alabaster));const notDisabledItem=css(["",""],(o=>hover(`background-color: ${o.theme.colors.onahau};`)));const Root=styled.div.withConfig({shouldForwardProp:o=>['className','onClick','children','style'].includes(o)}).withConfig({displayName:"ContextMenu__Root",componentId:"ui__sc-b2wdsu-0"})(["display:inline-block;position:relative;[style*='cursor']{cursor:default !important;}& + &{margin-left:16px;}",""],(o=>o.isOpen&&Boolean(o.hideOverlay)===!1?isOpen:null));const RootItem=styled.div.withConfig({shouldForwardProp:o=>['className','onClick','children','data-id'].includes(o)}).withConfig({displayName:"ContextMenu__RootItem",componentId:"ui__sc-b2wdsu-1"})(["display:block;padding:8px 20px 7px;transition:background-color 0.4s ease-out;cursor:pointer;user-select:none;"," ",""],(o=>o.active?css(["background-color:",";"],o.theme.colors.onahau):null),(o=>o.disabled?disabledItem:notDisabledItem));export{Root,RootItem};
+import styled,{css}from'styled-components';import{hover}from'../../mixins/hover.mjs';const isOpen=css(["&:after{cursor:default;user-select:none;content:'';display:block;position:fixed;width:100%;height:100%;z-index:",";left:0;top:0;right:0;bottom:0;}"],o=>o.theme.zIndex.tooltip);const disabledItem=css(["background-color:",";opacity:0.6;cursor:default;"],o=>o.theme.colors.alabaster);const notDisabledItem=css(["",""],o=>hover(`background-color: ${o.theme.colors.onahau};`));const Root=styled.div.withConfig({shouldForwardProp:o=>['className','onClick','children','style'].includes(o)}).withConfig({displayName:"ContextMenu__Root",componentId:"ui__sc-b2wdsu-0"})(["display:inline-block;position:relative;[style*='cursor']{cursor:default !important;}& + &{margin-left:16px;}",""],o=>o.isOpen&&Boolean(o.hideOverlay)===!1?isOpen:null);const RootItem=styled.div.withConfig({shouldForwardProp:o=>['className','onClick','children','data-id'].includes(o)}).withConfig({displayName:"ContextMenu__RootItem",componentId:"ui__sc-b2wdsu-1"})(["display:block;padding:8px 20px 7px;transition:background-color 0.4s ease-out;cursor:pointer;user-select:none;"," ",""],o=>o.active?css(["background-color:",";"],o.theme.colors.onahau):null,o=>o.disabled?disabledItem:notDisabledItem);export{Root,RootItem};
 //# sourceMappingURL=style.mjs.map