@foxford/ui 2.37.0-beta-3fd53b1-20240802 → 2.38.0-beta-9d02105-20240808

package/components/Checkbox/images/check.module.svg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"check.module.svg.js","sources":["../../../../../src/components/Checkbox/images/check.module.svg"],"sourcesContent":["<svg viewBox=\"0 0 12 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10.5 1.5 4.312 8 1.5 5.045\" stroke=\"currentcolor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"],"names":["_path","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgCheckmodule","props","React","createElement","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin"],"mappings":"wBAAA,IAAIA,EAEJ,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,GAAAA,IAA+BE,eAAeC,KAAKH,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBH,EAASW,MAAMC,KAAMP,WAI7S,IAACQ,EAAyCC,GACvBC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,QAAS,WACTC,KAAM,OACNC,MAAO,8BACNL,GAAQf,IAAUA,EAAqBgB,EAAMC,cAAc,OAAQ,CACpEI,EAAG,8BACHC,OAAQ,eACRC,YAAa,IACbC,cAAe,QACfC,eAAgB"}

package/components/Checkbox/style.js

@@ -1,2 +0,0 @@
-import o from'@babel/runtime/helpers/taggedTemplateLiteral';import e,{css as r}from'styled-components';import c from'tinycolor2';import{screenMaxS as t}from'../../mixins/screen.js';import{responsiveProperty as n}from'../../mixins/responsive-property.js';import l from'./images/check-default.module.svg.js';import s from'./images/check.module.svg.js';var a;var d={extraSmall:12,xs:12,small:14,s:14,medium:16,m:16,large:18,l:18,extraLarge:20,xl:20};var i={extraSmall:16,xs:16,small:20,s:20,medium:24,m:24,large:28,l:28,extraLarge:32,xl:32};var b=['extraSmall','xs','small','s','medium','m','large','l','extraLarge','xl'];var m=r(["",""],(o=>"\n    &,\n    & * {\n      box-sizing: border-box;\n    }\n    position: relative;\n    cursor: pointer;\n    padding: ".concat(o.background?12:0,"px;\n    display: ").concat(o.inline?'inline-flex':'flex',";\n    align-items: baseline;\n    isolation: isolate;\n    & + & {\n      margin-left: 15px;\n    }\n  ")));var h=e.input.withConfig({componentId:"fox-ui__sc-9s6oap-0"})(["position:absolute;opacity:0;z-index:-1;&:focus{outline:none;}"]);var g=e.span.withConfig({componentId:"fox-ui__sc-9s6oap-1"})(["border-radius:8px;border:1px solid;border-color:transparent;overflow:hidden;&::before{content:'';opacity:0;}&,&::before{position:absolute;top:0;left:0;width:100%;height:100%;transition-property:border-color,background-color,opacity;transition-duration:150ms;transition-timing-function:ease-in;}"]);var u=e(l).withConfig({componentId:"fox-ui__sc-9s6oap-2"})(["position:relative;top:2px;width:1em;height:1em;flex-shrink:0;g{opacity:0;transition:opacity 200ms ease;}"]);var p=e.div.withConfig({componentId:"fox-ui__sc-9s6oap-3"})(["position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:1em;height:1em;border-radius:4px;border:1px solid;border-color:transparent;transition-property:border-color;transition-duration:150ms;transition-timing-function:ease-in;"]);var f=e(s).withConfig({componentId:"fox-ui__sc-9s6oap-4"})(["width:50%;opacity:0;"]);var v=e.span.withConfig({componentId:"fox-ui__sc-9s6oap-5"})(["position:relative;margin-left:10px;"]);var y=o=>"\n  & > ".concat(v," {\n    color: ").concat(o.fontColor,";\n  }\n  & > ").concat(p," {\n    background-color: ").concat(o.bg,";\n    color: ").concat(o.color,";\n    border-color: ").concat(o.border,";\n  }\n  & > ").concat(h,":checked ~ ").concat(p," {\n    border-color: transparent;\n    background-color: ").concat(o.bgChecked,";\n  }\n  & > ").concat(h,":checked ~ ").concat(p," > ").concat(f," {\n    opacity: 1;\n  }\n  & > ").concat(h,":disabled ~ ").concat(v," {\n    color: ").concat(o.colorDisabled,";\n  }\n  &:hover > ").concat(p," {\n    border-color: ").concat(o.borderHover,";\n  }\n  &:focus {\n    outline: none;\n  }\n  & > ").concat(h,":focus-visible ~ ").concat(p," {\n    outline: 1px solid ").concat(o.outlineFocus,";\n    outline-offset: 2px;\n  }\n");var C=o=>"\n  & > ".concat(g," {\n    background-color: ").concat(o.bg,";\n    border-color: ").concat(o.border,";\n  }\n  & > ").concat(h,":checked ~ ").concat(g," {\n    background-color: ").concat(o.bgChecked,";\n    border-color: ").concat(o.borderChecked,";\n  }\n  &:hover > ").concat(g," {\n    background-color: ").concat(o.bgHover,";\n    border-color: ").concat(o.borderHover,";\n  }\n  &:hover > ").concat(g,"::before {\n    background-color: ").concat(o.beforeBgHover,";\n    opacity: 1;\n  }\n");var k={default:{regular:r([""," ",""],(o=>y({fontColor:o.theme.colors['content-onmain-primary'],bg:o.theme.colors['bg-onmain-primary'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['border-onmain-default-small'],bgChecked:o.theme.colors['bg-brand-primary-basic'],borderHover:o.theme.colors['border-brand-primary'],outlineFocus:o.theme.colors['border-brand-primary'],colorDisabled:o.theme.colors['content-disabled']})),(o=>o.background?C({bg:o.theme.colors['bg-onmain-secondary'],border:o.theme.colors['border-onmain-default-small'],bgChecked:o.theme.colors['bg-brand-primary-100'],borderChecked:o.theme.colors['border-brand-primary'],bgHover:o.theme.colors['bg-oncolor-hover'],borderHover:o.theme.colors['border-onmain-default-large'],beforeBgHover:'transparent'}):null)),error:r([""," ",""],(o=>y({fontColor:o.theme.colors['content-onmain-primary'],bg:o.theme.colors['alert-bg-error-100'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['alert-bg-error-500'],bgChecked:o.theme.colors['alert-bg-error-500'],borderHover:o.theme.colors['alert-error'],outlineFocus:o.theme.colors['alert-error'],colorDisabled:o.theme.colors['content-disabled']})),(o=>o.background?C({bg:o.theme.colors['alert-bg-error-100'],border:o.theme.colors['alert-error'],bgChecked:o.theme.colors['alert-bg-error-100'],borderChecked:o.theme.colors['alert-error'],bgHover:o.theme.colors['alert-bg-error-100'],borderHover:o.theme.colors['alert-error'],beforeBgHover:'transparent'}):null)),success:r([""," ",""],(o=>y({fontColor:o.theme.colors['content-onmain-primary'],bg:o.theme.colors['alert-bg-success-100'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['alert-bg-success-500'],bgChecked:o.theme.colors['alert-bg-success-500'],borderHover:o.theme.colors['alert-success'],outlineFocus:o.theme.colors['alert-success'],colorDisabled:o.theme.colors['content-disabled']})),(o=>o.background?C({bg:o.theme.colors['alert-bg-success-100'],border:o.theme.colors['alert-success'],bgChecked:o.theme.colors['alert-bg-success-100'],borderChecked:o.theme.colors['alert-success'],bgHover:o.theme.colors['alert-bg-success-100'],borderHover:o.theme.colors['alert-success'],beforeBgHover:'transparent'}):null)),disabled:r(["cursor:auto;"," ",""],(o=>y({fontColor:o.theme.colors['content-onmain-primary'],bg:o.theme.colors['bg-disabled-large'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['border-disabled'],bgChecked:o.theme.colors['bg-disabled-active'],borderHover:o.theme.colors['border-disabled'],outlineFocus:o.theme.colors['border-disabled'],colorDisabled:o.theme.colors['content-disabled']})),(o=>o.background?C({bg:o.theme.colors['bg-disabled-large'],border:o.theme.colors['border-disabled'],bgChecked:o.theme.colors['bg-disabled-large'],borderChecked:o.theme.colors['bg-disabled-active'],bgHover:o.theme.colors['bg-disabled-large'],borderHover:o.theme.colors['border-disabled'],beforeBgHover:'transparent'}):null))},onColored:{regular:r([""," ",""],(o=>y(o.background?{fontColor:o.theme.colors['content-onmain-primary'],bg:o.theme.colors['bg-onmain-primary'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['border-onmain-default-small'],bgChecked:o.theme.colors['bg-brand-primary-basic'],borderHover:o.theme.colors['border-brand-primary'],outlineFocus:o.theme.colors['border-brand-primary'],colorDisabled:o.theme.colors['content-oncolor-disabled']}:{fontColor:o.theme.colors['content-oncolor-primary'],bg:o.theme.colors['bg-onmain-primary'],color:o.theme.colors['content-brand-primary'],border:o.theme.colors['border-onmain-default-small'],bgChecked:o.theme.colors['bg-oncolor-primary'],borderHover:o.theme.colors['border-brand-primary'],outlineFocus:o.theme.colors['content-oncolor-primary'],colorDisabled:o.theme.colors['content-oncolor-disabled']})),(o=>o.background?C({bg:o.theme.colors['bg-onmain-secondary'],border:o.theme.colors['border-onmain-default-large'],bgChecked:o.theme.colors['bg-onmain-primary'],borderChecked:o.theme.colors['border-onmain-default-large'],bgHover:o.theme.colors['bg-onmain-secondary'],borderHover:o.theme.colors['border-onmain-default-large'],beforeBgHover:o.theme.colors['bg-oncolor-hover']}):null)),error:r([""," ",""],(o=>y(o.background?{fontColor:o.theme.colors['content-onmain-primary'],bg:o.theme.colors['alert-bg-error-100'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['alert-bg-error-500'],bgChecked:o.theme.colors['alert-bg-error-500'],borderHover:o.theme.colors['alert-error'],outlineFocus:o.theme.colors['alert-error'],colorDisabled:o.theme.colors['content-oncolor-disabled']}:{fontColor:o.theme.colors['content-oncolor-primary'],bg:o.theme.colors['alert-bg-error-100'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['alert-bg-error-500'],bgChecked:o.theme.colors['alert-bg-error-500'],borderHover:o.theme.colors['alert-error'],outlineFocus:o.theme.colors['alert-error'],colorDisabled:o.theme.colors['content-oncolor-disabled']})),(o=>o.background?C({bg:o.theme.colors['alert-bg-error-100'],border:o.theme.colors['alert-bg-error-500'],bgChecked:o.theme.colors['alert-bg-error-100'],borderChecked:o.theme.colors['alert-error'],bgHover:o.theme.colors['alert-bg-error-100'],borderHover:o.theme.colors['alert-error'],beforeBgHover:o.theme.colors['bg-oncolor-hover']}):null)),success:r([""," ",""],(o=>y(o.background?{fontColor:o.theme.colors['content-onmain-primary'],bg:o.theme.colors['alert-bg-success-100'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['alert-bg-success-500'],bgChecked:o.theme.colors['alert-bg-success-500'],borderHover:o.theme.colors['alert-success'],outlineFocus:o.theme.colors['alert-success'],colorDisabled:o.theme.colors['content-oncolor-disabled']}:{fontColor:o.theme.colors['content-oncolor-primary'],bg:o.theme.colors['alert-bg-success-100'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['alert-bg-success-500'],bgChecked:o.theme.colors['alert-bg-success-500'],borderHover:o.theme.colors['alert-success'],outlineFocus:o.theme.colors['alert-success'],colorDisabled:o.theme.colors['content-oncolor-disabled']})),(o=>o.background?C({bg:o.theme.colors['alert-bg-success-100'],border:o.theme.colors['alert-bg-success-500'],bgChecked:o.theme.colors['alert-bg-success-100'],borderChecked:o.theme.colors['alert-success'],bgHover:o.theme.colors['alert-bg-success-100'],borderHover:o.theme.colors['alert-success'],beforeBgHover:o.theme.colors['bg-oncolor-hover']}):null)),disabled:r(["cursor:auto;"," ",""],(o=>y(o.background?{fontColor:o.theme.colors['content-onmain-primary'],bg:o.theme.colors['bg-disabled-large'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['border-disabled'],bgChecked:o.theme.colors['bg-disabled-active'],borderHover:o.theme.colors['border-disabled'],outlineFocus:o.theme.colors['border-disabled'],colorDisabled:o.theme.colors['content-disabled']}:{fontColor:o.theme.colors['content-oncolor-primary'],bg:o.theme.colors['bg-disabled-large'],color:o.theme.colors['content-oncolor-primary'],border:o.theme.colors['border-disabled'],bgChecked:o.theme.colors['bg-disabled-active'],borderHover:o.theme.colors['border-disabled'],outlineFocus:o.theme.colors['border-disabled'],colorDisabled:o.theme.colors['content-oncolor-disabled']})),(o=>o.background?C({bg:o.theme.colors['bg-onmain-secondary'],border:o.theme.colors['border-oncolor-disabled'],bgChecked:o.theme.colors['bg-onmain-secondary'],borderChecked:o.theme.colors['border-oncolor-disabled'],bgHover:o.theme.colors['bg-onmain-secondary'],borderHover:o.theme.colors['border-oncolor-disabled'],beforeBgHover:'transparent'}):null))}};var x={default:r([""," ",""],(o=>o.error?"\n          & > ".concat(u," > rect { \n            fill: ").concat(c(o.theme.colors.pomegranate).setAlpha(.1).toString(),";\n            stroke: ").concat(o.theme.colors.pomegranate,";\n          }  \n          & > ").concat(u," g > rect {\n            fill: ").concat(o.theme.colors.pomegranate,";\n          }\n        "):null),(o=>"\n      color: ".concat(o.disabled?o.theme.colors.alto:o.theme.colors.mineShaft,";\n      cursor: ").concat(o.disabled?'not-allowed':'pointer',";\n\n      & > ").concat(h,":checked ~ ").concat(u," g {\n        opacity: 1;\n      }\n      & > ").concat(h,":disabled ~ ").concat(u," > rect {\n        fill: ").concat(o.theme.colors.white,";\n        stroke: ").concat(o.theme.colors.grey,";\n      }\n      & > ").concat(h,":checked:disabled ~ ").concat(u," g > rect {\n        fill: ").concat(o.theme.colors.alto,";\n      }\n      &:focus {\n        outline: none;\n      }\n      & > ").concat(h,":focus-visible ~ ").concat(u," {\n        outline: 1px solid ").concat(o.theme.colors.accent,";\n        outline-offset: 2px;\n      }\n    ")))};var H=e.label.withConfig({shouldForwardProp:o=>['children','htmlFor','style'].includes(o)}).withConfig({componentId:"fox-ui__sc-9s6oap-6"})([""," "," "," "," ",""],m,(o=>o.brandPresetUsed?o.disabled&&!o.onColored?k.default.disabled:o.disabled&&o.onColored?k.onColored.disabled:!o.error||o.success||o.onColored?o.error&&!o.success&&o.onColored?k.onColored.error:!o.success||o.error||o.onColored?o.success&&!o.error&&o.onColored?k.onColored.success:o.onColored?k.onColored.regular:k.default.regular:k.default.success:k.default.error:x.default),(o=>{var e=o.brandPresetUsed?i:d;return b.includes(o.size)?"font-size: ".concat(e[o.size],"px;"):n('size','font-size')}),(o=>n('width',o.fluid&&'auto'!==o.width&&!Array.isArray(o.width)?'max-width':'width')),(o=>o.fluid?'width: 100%;':null));var w=e.div.withConfig({shouldForwardProp:o=>'inline'!==o}).withConfig({componentId:"fox-ui__sc-9s6oap-7"})(["",""],(e=>e.inline?r(["display:flex;flex-direction:row;> ",":first-child{margin-left:0;}> ",":not(:first-child){margin-left:15px;}",""],H,H,t()(a||(a=o(["\n            flex-direction: column;\n            > ",":first-child {\n              margin-top: 0;\n            }\n            > ",":not(:first-child) {\n              margin-top: 15px;\n              margin-left: 0;\n            }\n          "])),H,H)):"\n          display: flex;\n          flex-direction: column;\n          > ".concat(H,":first-child {\n            margin-top: 0;\n            margin-left: 0;\n          }\n          > ").concat(H,":not(:first-child) {\n            margin-top: 15px;\n            margin-left: 0;\n          }\n      ")));export{g as Background,p as BrandMask,f as CheckIcon,v as Content,u as DefaultMask,w as Group,h as Input,H as Root};
-//# sourceMappingURL=style.js.map

package/components/Checkbox/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Checkbox/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { screenMaxS } from 'mixins/screen'\nimport { responsiveProperty } from 'mixins/responsive-property'\nimport DefaultCheck from './images/check-default.module.svg'\nimport Check from './images/check.module.svg'\nimport type { StyledCheckboxProps, CheckboxStaticSize, CheckboxGroupProps, CheckboxPalette } from './types'\n\nconst DEFAULT_SIZES: Record<CheckboxStaticSize, number> = {\n  extraSmall: 12,\n  xs: 12,\n  small: 14,\n  s: 14,\n  medium: 16,\n  m: 16,\n  large: 18,\n  l: 18,\n  extraLarge: 20,\n  xl: 20,\n}\n\nconst BRAND_SIZES: Record<CheckboxStaticSize, number> = {\n  extraSmall: 16,\n  xs: 16,\n  small: 20,\n  s: 20,\n  medium: 24,\n  m: 24,\n  large: 28,\n  l: 28,\n  extraLarge: 32,\n  xl: 32,\n}\n\nconst STATIC_SIZES: CheckboxStaticSize[] = [\n  'extraSmall',\n  'xs',\n  'small',\n  's',\n  'medium',\n  'm',\n  'large',\n  'l',\n  'extraLarge',\n  'xl',\n]\n\nconst baseStyles = css<StyledCheckboxProps>`\n  ${(props) => `\n    &,\n    & * {\n      box-sizing: border-box;\n    }\n    position: relative;\n    cursor: pointer;\n    padding: ${props.background ? 12 : 0}px;\n    display: ${props.inline ? 'inline-flex' : 'flex'};\n    align-items: baseline;\n    isolation: isolate;\n    & + & {\n      margin-left: 15px;\n    }\n  `}\n`\n\nexport const Input = styled.input`\n  position: absolute;\n  opacity: 0;\n  z-index: -1;\n  &:focus {\n    outline: none;\n  }\n`\n\nexport const Background = styled.span`\n  border-radius: 8px;\n  border: 1px solid;\n  border-color: transparent;\n  overflow: hidden;\n  &::before {\n    content: '';\n    opacity: 0;\n  }\n  &,\n  &::before {\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    transition-property: border-color, background-color, opacity;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n  }\n`\n\nexport const DefaultMask = styled(DefaultCheck)`\n  position: relative;\n  top: 2px;\n  width: 1em;\n  height: 1em;\n  flex-shrink: 0;\n  g {\n    opacity: 0;\n    transition: opacity 200ms ease;\n  }\n`\n\nexport const BrandMask = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  width: 1em;\n  height: 1em;\n  border-radius: 4px;\n  border: 1px solid;\n  border-color: transparent;\n  transition-property: border-color;\n  transition-duration: 150ms;\n  transition-timing-function: ease-in;\n`\n\nexport const CheckIcon = styled(Check)`\n  width: 50%;\n  opacity: 0;\n`\n\nexport const Content = styled.span`\n  position: relative;\n  margin-left: 10px;\n`\n\nconst template = (palette: CheckboxPalette) => `\n  & > ${Content} {\n    color: ${palette.fontColor};\n  }\n  & > ${BrandMask} {\n    background-color: ${palette.bg};\n    color: ${palette.color};\n    border-color: ${palette.border};\n  }\n  & > ${Input}:checked ~ ${BrandMask} {\n    border-color: transparent;\n    background-color: ${palette.bgChecked};\n  }\n  & > ${Input}:checked ~ ${BrandMask} > ${CheckIcon} {\n    opacity: 1;\n  }\n  & > ${Input}:disabled ~ ${Content} {\n    color: ${palette.colorDisabled};\n  }\n  &:hover > ${BrandMask} {\n    border-color: ${palette.borderHover};\n  }\n  &:focus {\n    outline: none;\n  }\n  & > ${Input}:focus-visible ~ ${BrandMask} {\n    outline: 1px solid ${palette.outlineFocus};\n    outline-offset: 2px;\n  }\n`\n\nconst templateBackground = (palette: CheckboxPalette) => `\n  & > ${Background} {\n    background-color: ${palette.bg};\n    border-color: ${palette.border};\n  }\n  & > ${Input}:checked ~ ${Background} {\n    background-color: ${palette.bgChecked};\n    border-color: ${palette.borderChecked};\n  }\n  &:hover > ${Background} {\n    background-color: ${palette.bgHover};\n    border-color: ${palette.borderHover};\n  }\n  &:hover > ${Background}::before {\n    background-color: ${palette.beforeBgHover};\n    opacity: 1;\n  }\n`\n\nconst PRESET = {\n  default: {\n    regular: css<StyledCheckboxProps>`\n      ${(props) =>\n        template({\n          fontColor: props.theme.colors['content-onmain-primary'],\n          bg: props.theme.colors['bg-onmain-primary'],\n          color: props.theme.colors['content-oncolor-primary'],\n          border: props.theme.colors['border-onmain-default-small'],\n          bgChecked: props.theme.colors['bg-brand-primary-basic'],\n          borderHover: props.theme.colors['border-brand-primary'],\n          outlineFocus: props.theme.colors['border-brand-primary'],\n          colorDisabled: props.theme.colors['content-disabled'],\n        })}\n      ${(props) =>\n        props.background\n          ? templateBackground({\n              bg: props.theme.colors['bg-onmain-secondary'],\n              border: props.theme.colors['border-onmain-default-small'],\n              bgChecked: props.theme.colors['bg-brand-primary-100'],\n              borderChecked: props.theme.colors['border-brand-primary'],\n              bgHover: props.theme.colors['bg-oncolor-hover'],\n              borderHover: props.theme.colors['border-onmain-default-large'],\n              beforeBgHover: 'transparent',\n            })\n          : null}\n    `,\n    error: css<StyledCheckboxProps>`\n      ${(props) =>\n        template({\n          fontColor: props.theme.colors['content-onmain-primary'],\n          bg: props.theme.colors['alert-bg-error-100'],\n          color: props.theme.colors['content-oncolor-primary'],\n          border: props.theme.colors['alert-bg-error-500'],\n          bgChecked: props.theme.colors['alert-bg-error-500'],\n          borderHover: props.theme.colors['alert-error'],\n          outlineFocus: props.theme.colors['alert-error'],\n          colorDisabled: props.theme.colors['content-disabled'],\n        })}\n      ${(props) =>\n        props.background\n          ? templateBackground({\n              bg: props.theme.colors['alert-bg-error-100'],\n              border: props.theme.colors['alert-error'],\n              bgChecked: props.theme.colors['alert-bg-error-100'],\n              borderChecked: props.theme.colors['alert-error'],\n              bgHover: props.theme.colors['alert-bg-error-100'],\n              borderHover: props.theme.colors['alert-error'],\n              beforeBgHover: 'transparent',\n            })\n          : null}\n    `,\n    success: css<StyledCheckboxProps>`\n      ${(props) =>\n        template({\n          fontColor: props.theme.colors['content-onmain-primary'],\n          bg: props.theme.colors['alert-bg-success-100'],\n          color: props.theme.colors['content-oncolor-primary'],\n          border: props.theme.colors['alert-bg-success-500'],\n          bgChecked: props.theme.colors['alert-bg-success-500'],\n          borderHover: props.theme.colors['alert-success'],\n          outlineFocus: props.theme.colors['alert-success'],\n          colorDisabled: props.theme.colors['content-disabled'],\n        })}\n      ${(props) =>\n        props.background\n          ? templateBackground({\n              bg: props.theme.colors['alert-bg-success-100'],\n              border: props.theme.colors['alert-success'],\n              bgChecked: props.theme.colors['alert-bg-success-100'],\n              borderChecked: props.theme.colors['alert-success'],\n              bgHover: props.theme.colors['alert-bg-success-100'],\n              borderHover: props.theme.colors['alert-success'],\n              beforeBgHover: 'transparent',\n            })\n          : null}\n    `,\n    disabled: css<StyledCheckboxProps>`\n      cursor: auto;\n      ${(props) =>\n        template({\n          fontColor: props.theme.colors['content-onmain-primary'],\n          bg: props.theme.colors['bg-disabled-large'],\n          color: props.theme.colors['content-oncolor-primary'],\n          border: props.theme.colors['border-disabled'],\n          bgChecked: props.theme.colors['bg-disabled-active'],\n          borderHover: props.theme.colors['border-disabled'],\n          outlineFocus: props.theme.colors['border-disabled'],\n          colorDisabled: props.theme.colors['content-disabled'],\n        })}\n      ${(props) =>\n        props.background\n          ? templateBackground({\n              bg: props.theme.colors['bg-disabled-large'],\n              border: props.theme.colors['border-disabled'],\n              bgChecked: props.theme.colors['bg-disabled-large'],\n              borderChecked: props.theme.colors['bg-disabled-active'],\n              bgHover: props.theme.colors['bg-disabled-large'],\n              borderHover: props.theme.colors['border-disabled'],\n              beforeBgHover: 'transparent',\n            })\n          : null}\n    `,\n  },\n  onColored: {\n    regular: css<StyledCheckboxProps>`\n      ${(props) =>\n        props.background\n          ? template({\n              fontColor: props.theme.colors['content-onmain-primary'],\n              bg: props.theme.colors['bg-onmain-primary'],\n              color: props.theme.colors['content-oncolor-primary'],\n              border: props.theme.colors['border-onmain-default-small'],\n              bgChecked: props.theme.colors['bg-brand-primary-basic'],\n              borderHover: props.theme.colors['border-brand-primary'],\n              outlineFocus: props.theme.colors['border-brand-primary'],\n              colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            })\n          : template({\n              fontColor: props.theme.colors['content-oncolor-primary'],\n              bg: props.theme.colors['bg-onmain-primary'],\n              color: props.theme.colors['content-brand-primary'],\n              border: props.theme.colors['border-onmain-default-small'],\n              bgChecked: props.theme.colors['bg-oncolor-primary'],\n              borderHover: props.theme.colors['border-brand-primary'],\n              outlineFocus: props.theme.colors['content-oncolor-primary'],\n              colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            })}\n      ${(props) =>\n        props.background\n          ? templateBackground({\n              bg: props.theme.colors['bg-onmain-secondary'],\n              border: props.theme.colors['border-onmain-default-large'],\n              bgChecked: props.theme.colors['bg-onmain-primary'],\n              borderChecked: props.theme.colors['border-onmain-default-large'],\n              bgHover: props.theme.colors['bg-onmain-secondary'],\n              borderHover: props.theme.colors['border-onmain-default-large'],\n              beforeBgHover: props.theme.colors['bg-oncolor-hover'],\n            })\n          : null}\n    `,\n    error: css<StyledCheckboxProps>`\n      ${(props) =>\n        props.background\n          ? template({\n              fontColor: props.theme.colors['content-onmain-primary'],\n              bg: props.theme.colors['alert-bg-error-100'],\n              color: props.theme.colors['content-oncolor-primary'],\n              border: props.theme.colors['alert-bg-error-500'],\n              bgChecked: props.theme.colors['alert-bg-error-500'],\n              borderHover: props.theme.colors['alert-error'],\n              outlineFocus: props.theme.colors['alert-error'],\n              colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            })\n          : template({\n              fontColor: props.theme.colors['content-oncolor-primary'],\n              bg: props.theme.colors['alert-bg-error-100'],\n              color: props.theme.colors['content-oncolor-primary'],\n              border: props.theme.colors['alert-bg-error-500'],\n              bgChecked: props.theme.colors['alert-bg-error-500'],\n              borderHover: props.theme.colors['alert-error'],\n              outlineFocus: props.theme.colors['alert-error'],\n              colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            })}\n      ${(props) =>\n        props.background\n          ? templateBackground({\n              bg: props.theme.colors['alert-bg-error-100'],\n              border: props.theme.colors['alert-bg-error-500'],\n              bgChecked: props.theme.colors['alert-bg-error-100'],\n              borderChecked: props.theme.colors['alert-error'],\n              bgHover: props.theme.colors['alert-bg-error-100'],\n              borderHover: props.theme.colors['alert-error'],\n              beforeBgHover: props.theme.colors['bg-oncolor-hover'],\n            })\n          : null}\n    `,\n    success: css<StyledCheckboxProps>`\n      ${(props) =>\n        props.background\n          ? template({\n              fontColor: props.theme.colors['content-onmain-primary'],\n              bg: props.theme.colors['alert-bg-success-100'],\n              color: props.theme.colors['content-oncolor-primary'],\n              border: props.theme.colors['alert-bg-success-500'],\n              bgChecked: props.theme.colors['alert-bg-success-500'],\n              borderHover: props.theme.colors['alert-success'],\n              outlineFocus: props.theme.colors['alert-success'],\n              colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            })\n          : template({\n              fontColor: props.theme.colors['content-oncolor-primary'],\n              bg: props.theme.colors['alert-bg-success-100'],\n              color: props.theme.colors['content-oncolor-primary'],\n              border: props.theme.colors['alert-bg-success-500'],\n              bgChecked: props.theme.colors['alert-bg-success-500'],\n              borderHover: props.theme.colors['alert-success'],\n              outlineFocus: props.theme.colors['alert-success'],\n              colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            })}\n      ${(props) =>\n        props.background\n          ? templateBackground({\n              bg: props.theme.colors['alert-bg-success-100'],\n              border: props.theme.colors['alert-bg-success-500'],\n              bgChecked: props.theme.colors['alert-bg-success-100'],\n              borderChecked: props.theme.colors['alert-success'],\n              bgHover: props.theme.colors['alert-bg-success-100'],\n              borderHover: props.theme.colors['alert-success'],\n              beforeBgHover: props.theme.colors['bg-oncolor-hover'],\n            })\n          : null}\n    `,\n    disabled: css<StyledCheckboxProps>`\n      cursor: auto;\n      ${(props) =>\n        props.background\n          ? template({\n              fontColor: props.theme.colors['content-onmain-primary'],\n              bg: props.theme.colors['bg-disabled-large'],\n              color: props.theme.colors['content-oncolor-primary'],\n              border: props.theme.colors['border-disabled'],\n              bgChecked: props.theme.colors['bg-disabled-active'],\n              borderHover: props.theme.colors['border-disabled'],\n              outlineFocus: props.theme.colors['border-disabled'],\n              colorDisabled: props.theme.colors['content-disabled'],\n            })\n          : template({\n              fontColor: props.theme.colors['content-oncolor-primary'],\n              bg: props.theme.colors['bg-disabled-large'],\n              color: props.theme.colors['content-oncolor-primary'],\n              border: props.theme.colors['border-disabled'],\n              bgChecked: props.theme.colors['bg-disabled-active'],\n              borderHover: props.theme.colors['border-disabled'],\n              outlineFocus: props.theme.colors['border-disabled'],\n              colorDisabled: props.theme.colors['content-oncolor-disabled'],\n            })}\n      ${(props) =>\n        props.background\n          ? templateBackground({\n              bg: props.theme.colors['bg-onmain-secondary'],\n              border: props.theme.colors['border-oncolor-disabled'],\n              bgChecked: props.theme.colors['bg-onmain-secondary'],\n              borderChecked: props.theme.colors['border-oncolor-disabled'],\n              bgHover: props.theme.colors['bg-onmain-secondary'],\n              borderHover: props.theme.colors['border-oncolor-disabled'],\n              beforeBgHover: 'transparent',\n            })\n          : null}\n    `,\n  },\n}\n\nconst PRESET_DEFAULT = {\n  default: css<StyledCheckboxProps>`\n    ${(props) =>\n      props.error\n        ? `\n          & > ${DefaultMask} > rect { \n            fill: ${tinycolor(props.theme.colors.pomegranate).setAlpha(0.1).toString()};\n            stroke: ${props.theme.colors.pomegranate};\n          }  \n          & > ${DefaultMask} g > rect {\n            fill: ${props.theme.colors.pomegranate};\n          }\n        `\n        : null}\n\n    ${(props) => `\n      color: ${props.disabled ? props.theme.colors.alto : props.theme.colors.mineShaft};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n      & > ${Input}:checked ~ ${DefaultMask} g {\n        opacity: 1;\n      }\n      & > ${Input}:disabled ~ ${DefaultMask} > rect {\n        fill: ${props.theme.colors.white};\n        stroke: ${props.theme.colors.grey};\n      }\n      & > ${Input}:checked:disabled ~ ${DefaultMask} g > rect {\n        fill: ${props.theme.colors.alto};\n      }\n      &:focus {\n        outline: none;\n      }\n      & > ${Input}:focus-visible ~ ${DefaultMask} {\n        outline: 1px solid ${props.theme.colors.accent};\n        outline-offset: 2px;\n      }\n    `}\n  `,\n}\n\nconst extractStyles = (props: StyledCheckboxProps) => {\n  if (props.brandPresetUsed) {\n    if (props.disabled && !props.onColored) return PRESET.default.disabled\n    if (props.disabled && props.onColored) return PRESET.onColored.disabled\n\n    if (props.error && !props.success && !props.onColored) return PRESET.default.error\n    if (props.error && !props.success && props.onColored) return PRESET.onColored.error\n\n    if (props.success && !props.error && !props.onColored) return PRESET.default.success\n    if (props.success && !props.error && props.onColored) return PRESET.onColored.success\n\n    return props.onColored ? PRESET.onColored.regular : PRESET.default.regular\n  }\n\n  return PRESET_DEFAULT.default\n}\n\nconst extractSizes = (props: StyledCheckboxProps) => {\n  const SIZES = props.brandPresetUsed ? BRAND_SIZES : DEFAULT_SIZES\n\n  return STATIC_SIZES.includes(<CheckboxStaticSize>props.size)\n    ? `font-size: ${SIZES[<CheckboxStaticSize>props.size]}px;`\n    : responsiveProperty('size', 'font-size')\n}\n\nexport const Root = styled.label.withConfig<StyledCheckboxProps>({\n  shouldForwardProp: (prop) => ['children', 'htmlFor', 'style'].includes(prop),\n})`\n  ${baseStyles}\n  ${extractStyles}\n  ${extractSizes}\n\n  ${(props) =>\n    responsiveProperty(\n      'width',\n      props.fluid && props.width !== 'auto' && !Array.isArray(props.width) ? 'max-width' : 'width'\n    )}\n  ${(props) => (props.fluid ? 'width: 100%;' : null)}\n`\n\nexport const Group = styled.div.withConfig<CheckboxGroupProps>({\n  shouldForwardProp: (prop) => prop !== 'inline',\n})`\n  ${(props) =>\n    props.inline\n      ? css`\n          display: flex;\n          flex-direction: row;\n          > ${Root}:first-child {\n            margin-left: 0;\n          }\n          > ${Root}:not(:first-child) {\n            margin-left: 15px;\n          }\n          ${screenMaxS()`\n            flex-direction: column;\n            > ${Root}:first-child {\n              margin-top: 0;\n            }\n            > ${Root}:not(:first-child) {\n              margin-top: 15px;\n              margin-left: 0;\n            }\n          `}\n        `\n      : `\n          display: flex;\n          flex-direction: column;\n          > ${Root}:first-child {\n            margin-top: 0;\n            margin-left: 0;\n          }\n          > ${Root}:not(:first-child) {\n            margin-top: 15px;\n            margin-left: 0;\n          }\n      `}\n`\n"],"names":["DEFAULT_SIZES","extraSmall","xs","small","s","medium","m","large","l","extraLarge","xl","BRAND_SIZES","STATIC_SIZES","baseStyles","css","props","background","concat","inline","Input","styled","input","withConfig","componentId","Background","span","DefaultMask","DefaultCheck","BrandMask","div","CheckIcon","Check","Content","template","palette","fontColor","bg","color","border","bgChecked","colorDisabled","borderHover","outlineFocus","templateBackground","borderChecked","bgHover","beforeBgHover","PRESET","default","regular","theme","colors","error","success","disabled","onColored","PRESET_DEFAULT","tinycolor","pomegranate","setAlpha","toString","alto","mineShaft","white","grey","accent","Root","label","shouldForwardProp","prop","includes","brandPresetUsed","SIZES","size","responsiveProperty","fluid","width","Array","isArray","Group","screenMaxS"],"mappings":"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"}

package/components/Chip/Chip.js

@@ -1,2 +0,0 @@
-import r from'@babel/runtime/helpers/objectSpread2';import i from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as o}from'react';import{withMergedProps as t}from'../../hocs/withMergedProps.js';import{Text as e}from'../Text/Text.js';import{Icon as s}from'../Icon/Icon.js';import'../Icon/icons.js';import{Avatar as a}from'../Avatar/Avatar.js';import{Indicator as n}from'../Indicator/Indicator.js';import{IconButton as p}from'../IconButton/IconButton.js';import{SIZES as c}from'./constants.js';import{Root as d,Content as m}from'./style.js';import{jsx as l,jsxs as z,Fragment as f}from'react/jsx-runtime';var h=["size","textProps","captionProps","iconProps","avatarProps","indicatorProps","discardButtonProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","text","caption","icon"];var v=t(o(((o,t)=>{var{size:c="m",textProps:v={},captionProps:P={},iconProps:u={},avatarProps:b={},indicatorProps:j={},discardButtonProps:x={},sizeXXS:y,sizeXS:S,sizeS:X,sizeM:I,sizeL:g,sizeXL:B,children:C,text:L,caption:A,icon:M}=o,k=i(o,h);var w='div';var T;k.onClick&&(w='button'),x.onClick&&(w='div'),'button'===w&&(T='button'),k.type&&(T=k.type);var H={size:c,sizeXXS:y,sizeXS:S,sizeS:X,sizeM:I,sizeL:g,sizeXL:B};var[R,q]=Array.isArray(M)?M:[M];var E={as:'span',appearance:'body',size:'inherit',color:'inherit',lineHeight:A?1.3:1};var F={as:'span',appearance:'body',size:.75,sizeUnits:'em',color:'inherit',lineHeight:1};var N={icon:'close',square:!0,disabled:k.disabled};return l(d,r(r(r({},k),H),{},{as:w,type:T,ref:t,children:'function'==typeof C?C({textProps:E,captionProps:F,discardButtonProps:N}):z(f,{children:[R&&l(s,r({preset:"brand",name:'string'==typeof R?R:void 0,icon:'string'!=typeof R?R:void 0},u)),(b.src||b.text)&&l(a,r(r({},H),{},{preset:"brand"},b)),z(m,{children:[l(e,r(r(r({},E),v),{},{children:null!=C?C:L})),A&&l(e,r(r(r({},F),P),{},{children:A}))]}),(j.children||j.text)&&l(n,r(r({},H),j)),q&&l(s,r({preset:"brand",name:'string'==typeof q?q:void 0,icon:'string'!=typeof q?q:void 0},u)),x.onClick&&l(p,r(r(r({},H),N),x))]})}))})),{displayName:'Chip',sizes:c});export{v as Chip};
-//# sourceMappingURL=Chip.js.map

package/components/Chip/Chip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Chip.js","sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Avatar } from 'components/Avatar'\nimport { Indicator } from 'components/Indicator'\nimport { IconButton } from 'components/IconButton'\nimport type { TextProps } from 'components/Text'\nimport type { IconButtonProps } from 'components/IconButton'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { ChipProps } from './types'\n\nconst COMPONENT_NAME = 'Chip'\n\n/**\n *\n * Component accepts all root HTML attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ChipProps](https://github.com/foxford/ui/blob/master/src/components/Chip/types.ts)\n */\nconst Chip: React.ForwardRefExoticComponent<ChipProps> = withMergedProps<ChipProps>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'm',\n      textProps = {},\n      captionProps = {},\n      iconProps = {},\n      avatarProps = {},\n      indicatorProps = {},\n      discardButtonProps = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      children,\n      text,\n      caption,\n      icon,\n      ...restProps\n    } = props\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let rootNode: any = 'div'\n\n    if (restProps.onClick) rootNode = 'button'\n    if (discardButtonProps.onClick) rootNode = 'div'\n\n    let rootType: ChipProps['type']\n\n    if (rootNode === 'button') rootType = 'button'\n    if (restProps.type) rootType = restProps.type\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const textBaseProps: TextProps = {\n      as: 'span',\n      appearance: 'body',\n      size: 'inherit',\n      color: 'inherit',\n      lineHeight: caption ? 1.3 : 1,\n    }\n\n    const captionBaseProps: TextProps = {\n      as: 'span',\n      appearance: 'body',\n      size: 0.75,\n      sizeUnits: 'em',\n      color: 'inherit',\n      lineHeight: 1,\n    }\n\n    const discardButtonBaseProps: IconButtonProps = {\n      icon: 'close',\n      square: true,\n      disabled: restProps.disabled,\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} as={rootNode} type={rootType} ref={ref}>\n        {typeof children === 'function' ? (\n          children({\n            textProps: textBaseProps,\n            captionProps: captionBaseProps,\n            discardButtonProps: discardButtonBaseProps,\n          })\n        ) : (\n          <>\n            {before && (\n              <Icon\n                preset='brand'\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                {...iconProps}\n              />\n            )}\n            {(avatarProps.src || avatarProps.text) && <Avatar {...sizeProps} preset='brand' {...avatarProps} />}\n            <Styled.Content>\n              <Text {...textBaseProps} {...textProps}>\n                {children ?? text}\n              </Text>\n              {caption && (\n                <Text {...captionBaseProps} {...captionProps}>\n                  {caption}\n                </Text>\n              )}\n            </Styled.Content>\n            {(indicatorProps.children || indicatorProps.text) && <Indicator {...sizeProps} {...indicatorProps} />}\n            {after && (\n              <Icon\n                preset='brand'\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                {...iconProps}\n              />\n            )}\n            {discardButtonProps.onClick && (\n              <IconButton {...sizeProps} {...discardButtonBaseProps} {...discardButtonProps} />\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Chip }\n"],"names":["Chip","withMergedProps","forwardRef","props","ref","size","textProps","captionProps","iconProps","avatarProps","indicatorProps","discardButtonProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","text","caption","icon","restProps","_objectWithoutProperties","_excluded","rootNode","rootType","onClick","type","sizeProps","before","after","Array","isArray","textBaseProps","as","appearance","color","lineHeight","captionBaseProps","sizeUnits","discardButtonBaseProps","square","disabled","_jsx","Styled.Root","_jsxs","_Fragment","Icon","_objectSpread","preset","name","undefined","src","Avatar","Styled.Content","Text","Indicator","IconButton","displayName","sizes","SIZES"],"mappings":"+yBAyBMA,IAAAA,EAAmDC,EACvDC,GAAW,CAACC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,UAEJA,EAAY,GAFRC,aAGJA,EAAe,GAHXC,UAIJA,EAAY,GAJRC,YAKJA,EAAc,GALVC,eAMJA,EAAiB,GANbC,mBAOJA,EAAqB,GAPjBC,QAQJA,EARIC,OASJA,EATIC,MAUJA,EAVIC,MAWJA,EAXIC,MAYJA,EAZIC,OAaJA,EAbIC,SAcJA,EAdIC,KAeJA,EAfIC,QAgBJA,EAhBIC,KAiBJA,GAEElB,EADCmB,EAlBLC,EAmBIpB,EAnBJqB,GAsBA,IAAIC,EAAgB,MAKpB,IAAIC,EAHAJ,EAAUK,UAASF,EAAW,UAC9Bd,EAAmBgB,UAASF,EAAW,OAI1B,WAAbA,IAAuBC,EAAW,UAClCJ,EAAUM,OAAMF,EAAWJ,EAAUM,MAEzC,IAAMC,EAAY,CAChBxB,KAAAA,EACAO,QAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,OAAAA,GAGF,IAAOa,EAAQC,GAASC,MAAMC,QAAQZ,GAAQA,EAAO,CAACA,GAEtD,IAAMa,EAA2B,CAC/BC,GAAI,OACJC,WAAY,OACZ/B,KAAM,UACNgC,MAAO,UACPC,WAAYlB,EAAU,IAAM,GAG9B,IAAMmB,EAA8B,CAClCJ,GAAI,OACJC,WAAY,OACZ/B,KAAM,IACNmC,UAAW,KACXH,MAAO,UACPC,WAAY,GAGd,IAAMG,EAA0C,CAC9CpB,KAAM,QACNqB,UACAC,SAAUrB,EAAUqB,UAGtB,OACEC,EAACC,EAAgBvB,EAAAA,EAAAA,EAAAA,GAAAA,GAAeO,GAAhC,GAAA,CAA2CM,GAAIV,EAAUG,KAAMF,EAAUtB,IAAKA,EAA9Ec,SACuB,mBAAbA,EACNA,EAAS,CACPZ,UAAW4B,EACX3B,aAAcgC,EACd5B,mBAAoB8B,IAGtBK,EAAAC,EAAA,CAAA7B,SACGY,CAAAA,GACCc,EAACI,EAADC,EAAA,CACEC,OAAO,QACPC,KAAwB,iBAAXrB,EAAsBA,OAASsB,EAC5C/B,KAAwB,iBAAXS,EAAsBA,OAASsB,GACxC5C,KAGNC,EAAY4C,KAAO5C,EAAYU,OAASyB,EAACU,SAAWzB,GAAZ,GAAA,CAAuBqB,OAAO,SAAYzC,IACpFqC,EAACS,EAAD,CAAArC,SAAA,CACE0B,EAACY,EAAStB,EAAAA,EAAAA,EAAAA,GAAAA,GAAmB5B,GAA7B,GAAA,CAAAY,SACGA,MAAAA,EAAAA,EAAYC,KAEdC,GACCwB,EAACY,EAASjB,EAAAA,EAAAA,EAAAA,GAAAA,GAAsBhC,GAAhC,GAAA,CAAAW,SACGE,SAILV,EAAeQ,UAAYR,EAAeS,OAASyB,EAACa,EAADR,EAAAA,EAAA,GAAepB,GAAenB,IAClFqB,GACCa,EAACI,EAADC,EAAA,CACEC,OAAO,QACPC,KAAuB,iBAAVpB,EAAqBA,OAAAA,EAClCV,KAAuB,iBAAVU,EAAqBA,OAAAA,GAC9BvB,IAGPG,EAAmBgB,SAClBiB,EAACc,WAAe7B,GAAeY,GAA4B9B,aAOvE,CACEgD,YAhImB,OAiInBC,MAAOC"}

package/components/Chip/constants.js

@@ -1,2 +0,0 @@
-var i={xxxl:{fontSize:18,minHeight:40,padding:8,borderRadius:8},xxl:{fontSize:18,minHeight:40,padding:8,borderRadius:8},xl:{fontSize:18,minHeight:40,padding:8,borderRadius:8},l:{fontSize:18,minHeight:40,padding:8,borderRadius:8},m:{fontSize:16,minHeight:36,padding:7,borderRadius:8},s:{fontSize:14,minHeight:32,padding:6,borderRadius:7},xs:{fontSize:12,minHeight:20,padding:4,borderRadius:4},xxs:{fontSize:12,minHeight:20,padding:4,borderRadius:4},xxxs:{fontSize:12,minHeight:20,padding:4,borderRadius:4}};export{i as SIZES};
-//# sourceMappingURL=constants.js.map

package/components/Chip/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Chip/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 18,\n    minHeight: 40,\n    padding: 8,\n    borderRadius: 8,\n  },\n  xxl: {\n    fontSize: 18,\n    minHeight: 40,\n    padding: 8,\n    borderRadius: 8,\n  },\n  xl: {\n    fontSize: 18,\n    minHeight: 40,\n    padding: 8,\n    borderRadius: 8,\n  },\n  l: {\n    fontSize: 18,\n    minHeight: 40,\n    padding: 8,\n    borderRadius: 8,\n  },\n  m: {\n    fontSize: 16,\n    minHeight: 36,\n    padding: 7,\n    borderRadius: 8,\n  },\n  s: {\n    fontSize: 14,\n    minHeight: 32,\n    padding: 6,\n    borderRadius: 7,\n  },\n  xs: {\n    fontSize: 12,\n    minHeight: 20,\n    padding: 4,\n    borderRadius: 4,\n  },\n  xxs: {\n    fontSize: 12,\n    minHeight: 20,\n    padding: 4,\n    borderRadius: 4,\n  },\n  xxxs: {\n    fontSize: 12,\n    minHeight: 20,\n    padding: 4,\n    borderRadius: 4,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","minHeight","padding","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBC,IAAK,CACHJ,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBE,GAAI,CACFL,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBG,EAAG,CACDN,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBI,EAAG,CACDP,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBK,EAAG,CACDR,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBM,GAAI,CACFT,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBO,IAAK,CACHV,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc,GAEhBQ,KAAM,CACJX,SAAU,GACVC,UAAW,GACXC,QAAS,EACTC,aAAc"}

package/components/Chip/style.js

@@ -1,2 +0,0 @@
-import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import t from'tinycolor2';import{createShouldForwardProp as l}from'../../shared/utils/style.js';import{responsiveSize as n}from'../../mixins/responsive-size.js';import{responsiveMargin as c}from'../../mixins/responsive-margin.js';import{focus as a}from'../../mixins/focus.js';var s=l((o=>!['outline','black','active','cursor'].includes(o)));var i=o=>"\n  color: ".concat(o.color,";\n  background-color: ").concat(o.backgroundColor,";\n  border-color: ").concat(o.borderColor,";\n  &:hover {\n    color: ").concat(o.colorHover,";\n    background-color: ").concat(o.backgroundColorHover,";\n    border-color: ").concat(o.borderColorHover,";\n  }\n  &:disabled {\n    color: ").concat(o.colorDisabled,";\n    background-color: ").concat(o.backgroundColorDisabled,";\n    border-color: ").concat(o.borderColorDisabled,";\n  }\n");var d={default:{primary:{default:e(["",""],(r=>i(o({color:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColor:r.active?r.theme.colors['bg-brand-primary-500']:r.theme.colors['bg-brand-primary-100'],borderColor:r.theme.colors.transparent,colorHover:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-brand-primary-500']).lighten(5).toString():t(r.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.active?r.theme.colors['bg-disabled-small']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent},r.palette)))),black:e(["",""],(r=>i(o({color:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColor:r.active?r.theme.colors['bg-onmain-contrast']:r.theme.colors['bg-onmain-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-onmain-contrast']).lighten(11).toString():t(r.theme.colors['bg-onmain-tertiary']).darken(11).toString(),borderColorHover:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.active?r.theme.colors['bg-disabled-small']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent},r.palette))))},secondary:{default:e(["",""],(r=>i(o({color:r.active?r.theme.colors['content-brand-primary']:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100'],borderColor:r.active?r.theme.colors['bg-brand-primary-500']:r.theme.colors['bg-brand-primary-400'],colorHover:r.active?r.theme.colors['content-brand-primary']:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-brand-primary-100']).lighten(2).toString():t(r.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:r.active?r.theme.colors['bg-brand-primary-500']:r.theme.colors['bg-brand-primary-400'],colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors['border-disabled']},r.palette)))),black:e(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.active?r.theme.colors['bg-onmain-secondary']:r.theme.colors['bg-onmain-tertiary'],borderColor:r.active?r.theme.colors['border-onmain-contrast']:r.theme.colors['border-onmain-default-large'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-onmain-secondary']).lighten(11).toString():t(r.theme.colors['bg-onmain-tertiary']).darken(11).toString(),borderColorHover:r.active?r.theme.colors['border-onmain-contrast']:r.theme.colors['border-onmain-default-large'],colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors['border-disabled']},r.palette))))},outline:{default:e(["",""],(r=>i(o({color:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColor:r.active?r.theme.colors['bg-brand-primary-500']:r.theme.colors.transparent,borderColor:r.active?r.theme.colors.transparent:r.theme.colors['border-onmain-default-large'],colorHover:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-brand-primary-500']).lighten(5).toString():r.theme.colors['content-oncolor-hover'],borderColorHover:r.active?r.theme.colors.transparent:r.theme.colors['border-onmain-default-large'],colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.active?r.theme.colors['bg-disabled-small']:r.theme.colors.transparent,borderColorDisabled:r.active?r.theme.colors.transparent:r.theme.colors['border-disabled']},r.palette)))),black:e(["",""],(r=>i(o({color:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColor:r.active?r.theme.colors['bg-onmain-contrast']:r.theme.colors.transparent,borderColor:r.active?r.theme.colors.transparent:r.theme.colors['border-onmain-default-large'],colorHover:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-onmain-contrast']).lighten(11).toString():r.theme.colors['content-oncolor-hover'],borderColorHover:r.active?r.theme.colors.transparent:r.theme.colors['border-onmain-default-large'],colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.active?r.theme.colors['bg-disabled-small']:r.theme.colors.transparent,borderColorDisabled:r.active?r.theme.colors.transparent:r.theme.colors['border-disabled']},r.palette))))}},contrast:{primary:{default:e(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.active?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-brand-primary-100'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-oncolor-primary']).darken(11).toString():t(r.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors.transparent},r.palette)))),black:e(["",""],(r=>i(o({color:r.active?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-primary'],backgroundColor:r.active?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-oncolor-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.active?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-oncolor-primary']).darken(11).toString():t(r.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors.transparent},r.palette))))},secondary:{default:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.active?r.theme.colors['bg-oncolor-secondary']:r.theme.colors['bg-oncolor-tertiary'],borderColor:r.active?r.theme.colors['border-oncolor-default']:r.theme.colors['border-oncolor-default-large'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-oncolor-secondary']).setAlpha(.5).toString():t(r.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:r.active?r.theme.colors['border-oncolor-default']:r.theme.colors['border-oncolor-default-large'],colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors['border-oncolor-disabled']},r.palette)))),black:e(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.active?r.theme.colors['bg-oncolor-secondary']:r.theme.colors['bg-oncolor-tertiary'],borderColor:r.active?r.theme.colors['border-oncolor-default']:r.theme.colors['border-oncolor-default-large'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-oncolor-secondary']).setAlpha(.5).toString():t(r.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:r.active?r.theme.colors['border-oncolor-default']:r.theme.colors['border-oncolor-default-large'],colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors['border-oncolor-disabled']},r.palette))))},outline:{default:e(["",""],(r=>i(o({color:r.active?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-primary'],backgroundColor:r.active?r.theme.colors['bg-oncolor-primary']:r.theme.colors.transparent,borderColor:r.active?r.theme.colors.transparent:r.theme.colors['border-oncolor-default'],colorHover:r.active?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-oncolor-primary']).darken(11).toString():r.theme.colors['content-onmain-hover'],borderColorHover:r.active?r.theme.colors.transparent:r.theme.colors['border-oncolor-default'],colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.active?r.theme.colors['bg-oncolor-disabled']:r.theme.colors.transparent,borderColorDisabled:r.active?r.theme.colors.transparent:r.theme.colors['border-oncolor-disabled']},r.palette)))),black:e(["",""],(r=>i(o({color:r.active?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-primary'],backgroundColor:r.active?r.theme.colors['bg-oncolor-primary']:r.theme.colors.transparent,borderColor:r.active?r.theme.colors.transparent:r.theme.colors['border-oncolor-default'],colorHover:r.active?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.active?t(r.theme.colors['bg-oncolor-primary']).darken(11).toString():r.theme.colors['content-onmain-hover'],borderColorHover:r.active?r.theme.colors.transparent:r.theme.colors['border-oncolor-default'],colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.active?r.theme.colors['bg-oncolor-disabled']:r.theme.colors.transparent,borderColorDisabled:r.active?r.theme.colors.transparent:r.theme.colors['border-oncolor-disabled']},r.palette))))}}};var m=r.span.withConfig({componentId:"fox-ui__sc-ndhge9-0"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;text-align:start;"]);var b=r.div.withConfig({shouldForwardProp:s}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(r),padding:'0.4em',borderRadius:'0.2em'})}).withConfig({componentId:"fox-ui__sc-ndhge9-1"})([""," "," "," "," ",""],(o=>{var r='default';return'button'===o.as&&(r='pointer'),'button'===o.as&&o.disabled&&(r='not-allowed'),o.cursor&&(r=o.cursor),"\n      box-sizing: border-box;\n      appearance: none;\n      padding: 0;\n      margin: 0;\n      display: inline-flex;\n      align-items: center;\n      border: 1px solid transparent;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: ".concat(r,";\n      transition-property: background-color;\n      transition-duration: 250ms;\n\n      & > *:not(:last-child) {\n        margin-right: 6px;\n      }\n\n      & > ").concat(m,":first-child {\n        margin-left: 0.4em;\n      }\n      & > ").concat(m,":last-child {\n        margin-right: 0.4em;\n      }\n    ")}),(o=>{var r=o.contrast?d.contrast:d.default;var e=r.primary;return o.secondary&&(e=r.secondary),o.outline&&(e=r.outline),o.black?e.black:e.default}),a,n,c);export{m as Content,b as Root};
-//# sourceMappingURL=style.js.map

package/components/Chip/style.js.map

@@ -1 +0,0 @@
-{"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 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\n  .withConfig<StyledChipProps>({\n    shouldForwardProp: shouldForwardChipProp,\n  })\n  .attrs<StyledChipProps>(<Required<Pick<StyledChipProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => ({\n      fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      padding: '0.4em',\n      borderRadius: '0.2em',\n    }),\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      padding: 0;\n      margin: 0;\n      display: inline-flex;\n      align-items: center;\n      border: 1px solid transparent;\n      width: max-content;\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: 0.4em;\n      }\n      & > ${Content}:last-child {\n        margin-right: 0.4em;\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","concat","backgroundColor","borderColor","colorHover","backgroundColorHover","borderColorHover","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","default","primary","css","props","_objectSpread","active","theme","colors","transparent","tinycolor","lighten","toString","darken","black","secondary","outline","contrast","setAlpha","Content","styled","span","withConfig","componentId","Root","div","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","padding","borderRadius","cursor","as","disabled","schema","schemaVariant","focus","responsiveSize","responsiveMargin"],"mappings":"mXASA,IAAMA,EAAwBC,GAC3BC,IAAa,CAAC,UAAW,QAAS,SAAU,UAAUC,SAASD,KAGlE,IAAME,EAAYC,GACPA,cAAAA,OAAAA,EAAQC,MADF,2BAAAC,OAEKF,EAAQG,gBACZH,uBAAAA,OAAAA,EAAQI,YAHT,+BAAAF,OAKJF,EAAQK,WACGL,6BAAAA,OAAAA,EAAQM,qBANf,yBAAAJ,OAOGF,EAAQO,+DAGfP,EAAQQ,cAVJ,6BAAAN,OAWOF,EAAQS,wDACZT,EAAQU,oBAZ5B,YAgBA,IAAMC,EAAe,CACnBC,QAAS,CACPC,QAAS,CACPD,QAASE,EACJC,CAAAA,GAAAA,KAAAA,GACDhB,EAAQiB,EAAA,CACNf,MAAOc,EAAME,OACTF,EAAMG,MAAMC,OAAO,2BACnBJ,EAAMG,MAAMC,OAAO,0BACvBhB,gBAAiBY,EAAME,OACnBF,EAAMG,MAAMC,OAAO,wBACnBJ,EAAMG,MAAMC,OAAO,wBACvBf,YAAaW,EAAMG,MAAMC,OAAOC,YAChCf,WAAYU,EAAME,OACdF,EAAMG,MAAMC,OAAO,2BACnBJ,EAAMG,MAAMC,OAAO,0BACvBb,qBAAsBS,EAAME,OACvBI,EAAUN,EAAMG,MAAMC,OAAO,yBAAyBG,QAAQ,GAAGC,WACjEF,EAAUN,EAAMG,MAAMC,OAAO,yBAAyBK,OAAO,GAAGD,WACrEhB,iBAAkBQ,EAAMG,MAAMC,OAAOC,YACrCZ,cAAeO,EAAMG,MAAMC,OAAO,oBAClCV,wBAAyBM,EAAME,OAC3BF,EAAMG,MAAMC,OAAO,qBACnBJ,EAAMG,MAAMC,OAAO,qBACvBT,oBAAqBK,EAAMG,MAAMC,OAAOC,aACrCL,EAAMf,YAGfyB,MAAOX,EACFC,CAAAA,GAAAA,KAAAA,GACDhB,EAAQiB,EAAA,CACNf,MAAOc,EAAME,OACTF,EAAMG,MAAMC,OAAO,2BACnBJ,EAAMG,MAAMC,OAAO,0BACvBhB,gBAAiBY,EAAME,OACnBF,EAAMG,MAAMC,OAAO,sBACnBJ,EAAMG,MAAMC,OAAO,sBACvBf,YAAaW,EAAMG,MAAMC,OAAOC,YAChCf,WAAYU,EAAME,OACdF,EAAMG,MAAMC,OAAO,2BACnBJ,EAAMG,MAAMC,OAAO,0BACvBb,qBAAsBS,EAAME,OACvBI,EAAUN,EAAMG,MAAMC,OAAO,uBAAuBG,QAAQ,IAAIC,WAChEF,EAAUN,EAAMG,MAAMC,OAAO,uBAAuBK,OAAO,IAAID,WACpEhB,iBAAkBQ,EAAMG,MAAMC,OAAOC,YACrCZ,cAAeO,EAAMG,MAAMC,OAAO,oBAClCV,wBAAyBM,EAAME,OAC3BF,EAAMG,MAAMC,OAAO,qBACnBJ,EAAMG,MAAMC,OAAO,qBACvBT,oBAAqBK,EAAMG,MAAMC,OAAOC,aACrCL,EAAMf,aAIjB0B,UAAW,CACTd,QAASE,EACJC,CAAAA,GAAAA,KAAAA,GACDhB,EAAQiB,EAAA,CACNf,MAAOc,EAAME,OACTF,EAAMG,MAAMC,OAAO,yBACnBJ,EAAMG,MAAMC,OAAO,0BACvBhB,gBAAiBY,EAAMG,MAAMC,OAAO,wBACpCf,YAAaW,EAAME,OACfF,EAAMG,MAAMC,OAAO,wBACnBJ,EAAMG,MAAMC,OAAO,wBACvBd,WAAYU,EAAME,OACdF,EAAMG,MAAMC,OAAO,yBACnBJ,EAAMG,MAAMC,OAAO,0BACvBb,qBAAsBS,EAAME,OACvBI,EAAUN,EAAMG,MAAMC,OAAO,yBAAyBG,QAAQ,GAAGC,WACjEF,EAAUN,EAAMG,MAAMC,OAAO,yBAAyBK,OAAO,GAAGD,WACrEhB,iBAAkBQ,EAAME,OACpBF,EAAMG,MAAMC,OAAO,wBACnBJ,EAAMG,MAAMC,OAAO,wBACvBX,cAAeO,EAAMG,MAAMC,OAAO,oBAClCV,wBAAyBM,EAAMG,MAAMC,OAAO,qBAC5CT,oBAAqBK,EAAMG,MAAMC,OAAO,oBACrCJ,EAAMf,YAGfyB,MAAOX,EACFC,CAAAA,GAAAA,KAAAA,GACDhB,EAAQiB,EAAA,CACNf,MAAOc,EAAMG,MAAMC,OAAO,0BAC1BhB,gBAAiBY,EAAME,OACnBF,EAAMG,MAAMC,OAAO,uBACnBJ,EAAMG,MAAMC,OAAO,sBACvBf,YAAaW,EAAME,OACfF,EAAMG,MAAMC,OAAO,0BACnBJ,EAAMG,MAAMC,OAAO,+BACvBd,WAAYU,EAAMG,MAAMC,OAAO,0BAC/Bb,qBAAsBS,EAAME,OACvBI,EAAUN,EAAMG,MAAMC,OAAO,wBAAwBG,QAAQ,IAAIC,WACjEF,EAAUN,EAAMG,MAAMC,OAAO,uBAAuBK,OAAO,IAAID,WACpEhB,iBAAkBQ,EAAME,OACpBF,EAAMG,MAAMC,OAAO,0BACnBJ,EAAMG,MAAMC,OAAO,+BACvBX,cAAeO,EAAMG,MAAMC,OAAO,oBAClCV,wBAAyBM,EAAMG,MAAMC,OAAO,qBAC5CT,oBAAqBK,EAAMG,MAAMC,OAAO,oBACrCJ,EAAMf,aAIjB2B,QAAS,CACPf,QAASE,EACJC,CAAAA,GAAAA,KAAAA,GACDhB,EAAQiB,EAAA,CACNf,MAAOc,EAAME,OACTF,EAAMG,MAAMC,OAAO,2BACnBJ,EAAMG,MAAMC,OAAO,0BACvBhB,gBAAiBY,EAAME,OAASF,EAAMG,MAAMC,OAAO,wBAA0BJ,EAAMG,MAAMC,OAAOC,YAChGhB,YAAaW,EAAME,OACfF,EAAMG,MAAMC,OAAOC,YACnBL,EAAMG,MAAMC,OAAO,+BACvBd,WAAYU,EAAME,OACdF,EAAMG,MAAMC,OAAO,2BACnBJ,EAAMG,MAAMC,OAAO,0BACvBb,qBAAsBS,EAAME,OACvBI,EAAUN,EAAMG,MAAMC,OAAO,yBAAyBG,QAAQ,GAAGC,WAClER,EAAMG,MAAMC,OAAO,yBACvBZ,iBAAkBQ,EAAME,OACpBF,EAAMG,MAAMC,OAAOC,YACnBL,EAAMG,MAAMC,OAAO,+BACvBX,cAAeO,EAAMG,MAAMC,OAAO,oBAClCV,wBAAyBM,EAAME,OAC3BF,EAAMG,MAAMC,OAAO,qBACnBJ,EAAMG,MAAMC,OAAOC,YACvBV,oBAAqBK,EAAME,OAASF,EAAMG,MAAMC,OAAOC,YAAcL,EAAMG,MAAMC,OAAO,oBACrFJ,EAAMf,YAGfyB,MAAOX,EACFC,CAAAA,GAAAA,KAAAA,GACDhB,EAAQiB,EAAA,CACNf,MAAOc,EAAME,OACTF,EAAMG,MAAMC,OAAO,2BACnBJ,EAAMG,MAAMC,OAAO,0BACvBhB,gBAAiBY,EAAME,OAASF,EAAMG,MAAMC,OAAO,sBAAwBJ,EAAMG,MAAMC,OAAOC,YAC9FhB,YAAaW,EAAME,OACfF,EAAMG,MAAMC,OAAOC,YACnBL,EAAMG,MAAMC,OAAO,+BACvBd,WAAYU,EAAME,OACdF,EAAMG,MAAMC,OAAO,2BACnBJ,EAAMG,MAAMC,OAAO,0BACvBb,qBAAsBS,EAAME,OACvBI,EAAUN,EAAMG,MAAMC,OAAO,uBAAuBG,QAAQ,IAAIC,WACjER,EAAMG,MAAMC,OAAO,yBACvBZ,iBAAkBQ,EAAME,OACpBF,EAAMG,MAAMC,OAAOC,YACnBL,EAAMG,MAAMC,OAAO,+BACvBX,cAAeO,EAAMG,MAAMC,OAAO,oBAClCV,wBAAyBM,EAAME,OAC3BF,EAAMG,MAAMC,OAAO,qBACnBJ,EAAMG,MAAMC,OAAOC,YACvBV,oBAAqBK,EAAME,OAASF,EAAMG,MAAMC,OAAOC,YAAcL,EAAMG,MAAMC,OAAO,oBACrFJ,EAAMf,cAKnB4B,SAAU,CACRf,QAAS,CACPD,QAASE,EACJC,CAAAA,GAAAA,KAAAA,GACDhB,EAAQiB,EAAA,CACNf,MAAOc,EAAMG,MAAMC,OAAO,0BAC1BhB,gBAAiBY,EAAME,OACnBF,EAAMG,MAAMC,OAAO,sBACnBJ,EAAMG,MAAMC,OAAO,wBACvBf,YAAaW,EAAMG,MAAMC,OAAOC,YAChCf,WAAYU,EAAMG,MAAMC,OAAO,0BAC/Bb,qBAAsBS,EAAME,OACvBI,EAAUN,EAAMG,MAAMC,OAAO,uBAAuBK,OAAO,IAAID,WAC/DF,EAAUN,EAAMG,MAAMC,OAAO,yBAAyBK,OAAO,GAAGD,WACrEhB,iBAAkBQ,EAAMG,MAAMC,OAAOC,YACrCZ,cAAeO,EAAMG,MAAMC,OAAO,4BAClCV,wBAAyBM,EAAMG,MAAMC,OAAO,uBAC5CT,oBAAqBK,EAAMG,MAAMC,OAAOC,aACrCL,EAAMf,YAGfyB,MAAOX,EACFC,CAAAA,GAAAA,KAAAA,GACDhB,EAAQiB,EAAA,CACNf,MAAOc,EAAME,OACTF,EAAMG,MAAMC,OAAO,4BACnBJ,EAAMG,MAAMC,OAAO,2BACvBhB,gBAAiBY,EAAME,OACnBF,EAAMG,MAAMC,OAAO,sBACnBJ,EAAMG,MAAMC,OAAO,uBACvBf,YAAaW,EAAMG,MAAMC,OAAOC,YAChCf,WAAYU,EAAME,OACdF,EAAMG,MAAMC,OAAO,4BACnBJ,EAAMG,MAAMC,OAAO,2BACvBb,qBAAsBS,EAAME,OACvBI,EAAUN,EAAMG,MAAMC,OAAO,uBAAuBK,OAAO,IAAID,WAC/DF,EAAUN,EAAMG,MAAMC,OAAO,wBAAwBU,SAAS,IAAKN,WACxEhB,iBAAkBQ,EAAMG,MAAMC,OAAOC,YACrCZ,cAAeO,EAAMG,MAAMC,OAAO,4BAClCV,wBAAyBM,EAAMG,MAAMC,OAAO,uBAC5CT,oBAAqBK,EAAMG,MAAMC,OAAOC,aACrCL,EAAMf,aAIjB0B,UAAW,CACTd,QAASE,EACJC,CAAAA,GAAAA,KAAAA,GACDhB,EAAQiB,EAAA,CACNf,MAAOc,EAAMG,MAAMC,OAAO,2BAC1BhB,gBAAiBY,EAAME,OACnBF,EAAMG,MAAMC,OAAO,wBACnBJ,EAAMG,MAAMC,OAAO,uBACvBf,YAAaW,EAAME,OACfF,EAAMG,MAAMC,OAAO,0BACnBJ,EAAMG,MAAMC,OAAO,gCACvBd,WAAYU,EAAMG,MAAMC,OAAO,2BAC/Bb,qBAAsBS,EAAME,OACvBI,EAAUN,EAAMG,MAAMC,OAAO,yBAAyBU,SAAS,IAAKN,WACpEF,EAAUN,EAAMG,MAAMC,OAAO,wBAAwBU,SAAS,IAAKN,WACxEhB,iBAAkBQ,EAAME,OACpBF,EAAMG,MAAMC,OAAO,0BACnBJ,EAAMG,MAAMC,OAAO,gCACvBX,cAAeO,EAAMG,MAAMC,OAAO,4BAClCV,wBAAyBM,EAAMG,MAAMC,OAAO,uBAC5CT,oBAAqBK,EAAMG,MAAMC,OAAO,4BACrCJ,EAAMf,YAGfyB,MAAOX,EACFC,CAAAA,GAAAA,KAAAA,GACDhB,EAAQiB,EAAA,CACNf,MAAOc,EAAMG,MAAMC,OAAO,2BAC1BhB,gBAAiBY,EAAME,OACnBF,EAAMG,MAAMC,OAAO,wBACnBJ,EAAMG,MAAMC,OAAO,uBACvBf,YAAaW,EAAME,OACfF,EAAMG,MAAMC,OAAO,0BACnBJ,EAAMG,MAAMC,OAAO,gCACvBd,WAAYU,EAAMG,MAAMC,OAAO,2BAC/Bb,qBAAsBS,EAAME,OACvBI,EAAUN,EAAMG,MAAMC,OAAO,yBAAyBU,SAAS,IAAKN,WACpEF,EAAUN,EAAMG,MAAMC,OAAO,wBAAwBU,SAAS,IAAKN,WACxEhB,iBAAkBQ,EAAME,OACpBF,EAAMG,MAAMC,OAAO,0BACnBJ,EAAMG,MAAMC,OAAO,gCACvBX,cAAeO,EAAMG,MAAMC,OAAO,4BAClCV,wBAAyBM,EAAMG,MAAMC,OAAO,uBAC5CT,oBAAqBK,EAAMG,MAAMC,OAAO,4BACrCJ,EAAMf,aAIjB2B,QAAS,CACPf,QAASE,EACJC,CAAAA,GAAAA,KAAAA,GACDhB,EAAQiB,EAAA,CACNf,MAAOc,EAAME,OACTF,EAAMG,MAAMC,OAAO,4BACnBJ,EAAMG,MAAMC,OAAO,2BACvBhB,gBAAiBY,EAAME,OAASF,EAAMG,MAAMC,OAAO,sBAAwBJ,EAAMG,MAAMC,OAAOC,YAC9FhB,YAAaW,EAAME,OAASF,EAAMG,MAAMC,OAAOC,YAAcL,EAAMG,MAAMC,OAAO,0BAChFd,WAAYU,EAAME,OACdF,EAAMG,MAAMC,OAAO,4BACnBJ,EAAMG,MAAMC,OAAO,2BACvBb,qBAAsBS,EAAME,OACvBI,EAAUN,EAAMG,MAAMC,OAAO,uBAAuBK,OAAO,IAAID,WAChER,EAAMG,MAAMC,OAAO,wBACvBZ,iBAAkBQ,EAAME,OACpBF,EAAMG,MAAMC,OAAOC,YACnBL,EAAMG,MAAMC,OAAO,0BACvBX,cAAeO,EAAMG,MAAMC,OAAO,4BAClCV,wBAAyBM,EAAME,OAC3BF,EAAMG,MAAMC,OAAO,uBACnBJ,EAAMG,MAAMC,OAAOC,YACvBV,oBAAqBK,EAAME,OACvBF,EAAMG,MAAMC,OAAOC,YACnBL,EAAMG,MAAMC,OAAO,4BACpBJ,EAAMf,YAGfyB,MAAOX,EACFC,CAAAA,GAAAA,KAAAA,GACDhB,EAAQiB,EAAA,CACNf,MAAOc,EAAME,OACTF,EAAMG,MAAMC,OAAO,4BACnBJ,EAAMG,MAAMC,OAAO,2BACvBhB,gBAAiBY,EAAME,OAASF,EAAMG,MAAMC,OAAO,sBAAwBJ,EAAMG,MAAMC,OAAOC,YAC9FhB,YAAaW,EAAME,OAASF,EAAMG,MAAMC,OAAOC,YAAcL,EAAMG,MAAMC,OAAO,0BAChFd,WAAYU,EAAME,OACdF,EAAMG,MAAMC,OAAO,4BACnBJ,EAAMG,MAAMC,OAAO,2BACvBb,qBAAsBS,EAAME,OACvBI,EAAUN,EAAMG,MAAMC,OAAO,uBAAuBK,OAAO,IAAID,WAChER,EAAMG,MAAMC,OAAO,wBACvBZ,iBAAkBQ,EAAME,OACpBF,EAAMG,MAAMC,OAAOC,YACnBL,EAAMG,MAAMC,OAAO,0BACvBX,cAAeO,EAAMG,MAAMC,OAAO,4BAClCV,wBAAyBM,EAAME,OAC3BF,EAAMG,MAAMC,OAAO,uBACnBJ,EAAMG,MAAMC,OAAOC,YACvBV,oBAAqBK,EAAME,OACvBF,EAAMG,MAAMC,OAAOC,YACnBL,EAAMG,MAAMC,OAAO,4BACpBJ,EAAMf,eAOR8B,IAAAA,EAAUC,EAAOC,KAAVC,WAAA,CAAAC,YAAA,uBAAGH,CAAhB,CAAA,2FAQA,IAAMI,EAAOJ,EAAOK,IACxBH,WAA4B,CAC3BI,kBAAmB1C,IAEpB2C,MAAkF,CACjFC,uBAAwB,CAACC,EAAMC,MAC7BC,SAA0B,iBAATF,EAAoBA,EAAUA,GAAAA,OAAAA,GAAOC,OAAAA,GACtDE,QAAS,QACTC,aAAc,YARHX,WAAA,CAAAC,YAAA,uBAAGH,CAAH,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,KAWZhB,IACD,IAAI8B,EAAS,UAMb,MAJiB,WAAb9B,EAAM+B,KAAiBD,EAAS,WACnB,WAAb9B,EAAM+B,IAAmB/B,EAAMgC,WAAUF,EAAS,eAClD9B,EAAM8B,SAAQA,EAAS9B,EAAM8B,QAEjC,iQAAA3C,OAUY2C,EAVZ,2KAAA3C,OAkBQ4B,EAlBR,oEAAA5B,OAqBQ4B,EArBR,iEA2BCf,IACD,IAAMiC,EAASjC,EAAMa,SAAWjB,EAAaiB,SAAWjB,EAAaC,QAErE,IAAIqC,EAAgBD,EAAOnC,QAK3B,OAHIE,EAAMW,YAAWuB,EAAgBD,EAAOtB,WACxCX,EAAMY,UAASsB,EAAgBD,EAAOrB,SAEnCZ,EAAMU,MAAQwB,EAAcxB,MAAQwB,EAAcrC,UAGzDsC,EACAC,EACAC"}

package/components/Container/Container.js

@@ -1,2 +0,0 @@
-import r from'@babel/runtime/helpers/objectSpread2';import{Root as e}from'./style.js';import{jsx as t}from'react/jsx-runtime';function o(o){return t(e,r({},o))}o.displayName='Container';export{o as Container};
-//# sourceMappingURL=Container.js.map

package/components/Container/Container.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Container.js","sources":["../../../../src/components/Container/Container.tsx"],"sourcesContent":["import { ColorProperty } from 'mixins/color'\nimport { DisplayProperty } from 'mixins/display'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface ContainerProps extends BaseProps, DisplayProperty, ColorProperty {\n  /**\n   * Primary content\n   */\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /**\n   * Container has no maximum width.\n   */\n  fluid?: boolean\n  /**\n   * Align container text.\n   */\n  textAlign?: 'left' | 'center' | 'right' | 'justified'\n}\n\nContainer.displayName = 'Container'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Display`](#/Миксины)\n */\nexport function Container(props: ContainerProps) {\n  return <Styled.Root {...props} />\n}\n"],"names":["Container","props","_jsx","Styled.Root","_objectSpread","displayName"],"mappings":"8HA+BO,SAASA,EAAUC,GACxB,OAAOC,EAACC,EAADC,EAAA,GAAiBH,IAT1BD,EAAUK,YAAc"}

package/components/Container/style.js

@@ -1,2 +0,0 @@
-import i from'@babel/runtime/helpers/taggedTemplateLiteral';import o,{css as n}from'styled-components';import{display as s}from'../../mixins/display.js';import{color as l}from'../../mixins/color.js';import{screenL as r,screenM as a,screenMaxS as e}from'../../mixins/screen.js';var t,d,p;var m=o.div.withConfig({shouldForwardProp:i=>['children','className','style'].includes(i)}).withConfig({componentId:"fox-ui__sc-yg4y35-0"})(["display:block;width:100%;max-width:","px;margin:0 auto;padding:0 50px;box-sizing:border-box;"," "," "," "," "," "," ",""],(i=>i.theme.breakpoints.l-100+100),(i=>i.display?s(i.display):null),(i=>i.color?l(i.color,'background-color'):null),(i=>i.textAlign?n(["text-align:",";"],i.textAlign):null),(i=>i.fluid?n(["max-width:100%;"]):null),r()(t||(t=i(["\n    padding: 0 42px;\n  "]))),a()(d||(d=i(["\n    padding: 0 28px;\n  "]))),e()(p||(p=i(["\n    padding: 0 20px;\n  "]))));export{m as Root};
-//# sourceMappingURL=style.js.map

package/components/Container/style.js.map

@@ -1 +0,0 @@
-{"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 { 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","componentId","props","theme","breakpoints","l","display","color","textAlign","css","fluid","screenL","screenM","screenMaxS","_templateObject3","_taggedTemplateLiteral"],"mappings":"+RAMO,IAAMA,EAAOC,EAAOC,IAAIC,WAA2B,CACxDC,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KAD1DF,WAAA,CAAAI,YAAA,uBAAGN,CAAH,CAAA,sCAAA,yDAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAKDO,GAAUA,EAAMC,MAAMC,YAAYC,EAAI,IAAM,MAIvDH,GAAWA,EAAMI,QAAUA,EAAQJ,EAAMI,SAAW,OACpDJ,GAAWA,EAAMK,MAAQA,EAAML,EAAMK,MAAO,oBAAsB,OAClEL,GACDA,EAAMM,UACFC,sBACgBP,EAAMM,WAEtB,OACHN,GACDA,EAAMQ,MACFD,EAGA,CAAA,oBAAA,MACJE,GAAAA,CAGAC,IAAAA,EAAAA,EAAAA,CAAAA,iCAAAA,GAAAA,CAGAC,IAAAA,EAAAA,EAAAA,CAAAA,iCAAAA,GAAAA,CA7BGC,IAAAA,EAAAC,EAAA,CAAA"}

package/components/ContextMenu/ContextMenu.js

@@ -1,2 +0,0 @@
-import e from'@babel/runtime/helpers/objectSpread2';import{PureComponent as t,cloneElement as s}from'react';import{ContextMenuMultiLevel as o}from'../ContextMenu.Multilevel/ContextMenu.Multilevel.js';import{Tooltip as i}from'../Tooltip/Tooltip.js';import{ContextMenuItem as r}from'./Item.js';import{Root as n}from'./style.js';import{tooltipStyles as p}from'./tooltip-styles.js';import{jsx as l}from'react/jsx-runtime';class a extends t{constructor(e){super(e),this.getOpen=()=>{var{isOpen:e}=this.props;return void 0!==e?e:this.state.isOpen||!1},this.openMenu=e=>{this.setState({isOpen:!0});var{onOpen:t}=this.props;t&&t(e)},this.closeMenu=e=>{this.setState({isOpen:!1});var{onClose:t}=this.props;t&&t(e)},this.toggleMenu=e=>{var{openMenu:t,closeMenu:s}=this;var o=this.getOpen();return e.persist(),e.preventDefault(),e.stopPropagation(),o?s(e):t(e),!1},this.state={isOpen:this.props.isOpen||!1}}render(){var{className:t,tooltipProps:o={},trigger:r,children:p,hideOverlay:a}=this.props;var u=this.getOpen();return p&&(o.content=p),l(n,{className:t,isOpen:u,onClick:this.toggleMenu,hideOverlay:a,children:l(i,e(e({},o),{},{open:u,children:l("div",{onClick:this.closeMenu,children:r&&s(r,{active:u})})}))})}}a.Item=r,a.MultiLevel=o,a.displayName='ContextMenu',a.defaultProps={tooltipProps:{event:'click',placement:'left-start',offset:2,showCloseButton:!1,styles:p},hideOverlay:!1};export{a as ContextMenu};
-//# sourceMappingURL=ContextMenu.js.map

package/components/ContextMenu/ContextMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenu.js","sources":["../../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport { cloneElement, PureComponent } from 'react'\nimport { 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\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\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  openMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    this.setState({ isOpen: true })\n\n    const { onOpen } = this.props\n\n    onOpen && onOpen(e)\n  }\n\n  closeMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    this.setState({ isOpen: false })\n\n    const { onClose } = this.props\n\n    onClose && onClose(e)\n  }\n\n  toggleMenu = (e: React.MouseEvent<HTMLDivElement>) => {\n    const { openMenu, closeMenu } = this\n    const isOpen = this.getOpen()\n\n    e.persist()\n    e.preventDefault()\n    e.stopPropagation()\n\n    isOpen ? closeMenu(e) : openMenu(e)\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.toggleMenu} hideOverlay={hideOverlay}>\n        <Tooltip {...tooltipProps} open={isOpen}>\n          {/* eslint-disable-next-line @typescript-eslint/no-explicit-any */}\n          <div onClick={this.closeMenu}>{trigger && cloneElement(trigger as any, { active: isOpen })}</div>\n        </Tooltip>\n      </Styled.Root>\n    )\n  }\n}\n"],"names":["ContextMenu","PureComponent","constructor","props","super","this","getOpen","isOpen","state","openMenu","e","setState","onOpen","closeMenu","onClose","toggleMenu","persist","preventDefault","stopPropagation","render","className","tooltipProps","trigger","children","hideOverlay","content","_jsx","Styled.Root","onClick","Tooltip","_objectSpread","open","cloneElement","active","Item","ContextMenuItem","MultiLevel","ContextMenuMultiLevel","displayName","defaultProps","event","placement","offset","showCloseButton","styles","tooltipStyles"],"mappings":"kaAkCO,MAAMA,UAAoBC,EAgB/BC,YAAYC,GACVC,MAAMD,GAD6BE,KAQrCC,QAAU,KACR,IAAMC,OAAEA,GAAWF,KAAKF,MAExB,gBAAII,EAA6BA,EAE1BF,KAAKG,MAAMD,YAbiBF,KAgBrCI,SAAYC,IACVL,KAAKM,SAAS,CAAEJ,QAAAA,IAEhB,IAAMK,OAAEA,GAAWP,KAAKF,MAExBS,GAAUA,EAAOF,IArBkBL,KAwBrCQ,UAAaH,IACXL,KAAKM,SAAS,CAAEJ,YAEhB,IAAMO,QAAEA,GAAYT,KAAKF,MAEzBW,GAAWA,EAAQJ,IA7BgBL,KAgCrCU,WAAcL,IACZ,IAAMD,SAAEA,EAAFI,UAAYA,GAAcR,KAChC,IAAME,EAASF,KAAKC,UAQpB,OANAI,EAAEM,UACFN,EAAEO,iBACFP,EAAEQ,kBAEFX,EAASM,EAAUH,GAAKD,EAASC,OArCjCL,KAAKG,MAAQ,CACXD,OAAQF,KAAKF,MAAMI,SAAAA,GAyCvBY,SACE,IAAMC,UAAEA,EAAFC,aAAaA,EAAe,GAA5BC,QAAgCA,EAAhCC,SAAyCA,EAAzCC,YAAmDA,GAAgBnB,KAAKF,MAC9E,IAAMI,EAASF,KAAKC,UAIpB,OAFIiB,IAAUF,EAAaI,QAAUF,GAGnCG,EAACC,EAAD,CAAaP,UAAWA,EAAWb,OAAQA,EAAQqB,QAASvB,KAAKU,WAAYS,YAAaA,EAA1FD,SACEG,EAACG,EAADC,EAAAA,EAAA,GAAaT,GAAb,GAAA,CAA2BU,KAAMxB,EAAjCgB,SAEEG,EAAA,MAAA,CAAKE,QAASvB,KAAKQ,UAAnBU,SAA+BD,GAAWU,EAAaV,EAAgB,CAAEW,OAAQ1B,YAvE9EP,EACJkC,KAAOC,EADHnC,EAEJoC,WAAaC,EAFTrC,EAGJsC,YAAc,cAHVtC,EAKJuC,aAAe,CACpBlB,aAAc,CACZmB,MAAO,QACPC,UAAW,aACXC,OAAQ,EACRC,mBACAC,OAAQC,GAEVrB,aAAAA"}

package/components/ContextMenu/Item.js

@@ -1,2 +0,0 @@
-import{DefaultColorNames as e}from'../../theme/colors.js';import{Text as t}from'../Text/Text.js';import{RootItem as s}from'./style.js';import{jsxs as a,jsx as o}from'react/jsx-runtime';var r=e=>(e.preventDefault(),e.preventDefault(),e.stopPropagation(),!1);function i(i){var{children:l,id:n,content:m,active:c,disabled:d,onClick:p,className:f,style:x}=i;return a(s,{style:x,className:f,active:c,disabled:d,onClick:d?r:p,"data-id":n,children:[l,o(t,{size:"s",lineHeight:"s",color:e.mineShaft,children:m})]})}i.displayName='ContextMenu.Item';export{i as ContextMenuItem};
-//# sourceMappingURL=Item.js.map

package/components/ContextMenu/Item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Item.js","sources":["../../../../src/components/ContextMenu/Item.tsx"],"sourcesContent":["import { BaseProps } from 'shared/interfaces'\nimport { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nconst disabledHandler = (e: React.MouseEvent<HTMLDivElement>) => {\n  e.preventDefault()\n  e.preventDefault()\n  e.stopPropagation()\n\n  return false\n}\n\nexport interface ContextMenuItemProps extends BaseProps {\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  content?: string\n  active?: boolean\n  disabled?: boolean\n  onClick?: React.MouseEventHandler<HTMLDivElement>\n  id?: string | number\n}\n\nContextMenuItem.displayName = 'ContextMenu.Item'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n */\nexport function ContextMenuItem({\n  children,\n  id,\n  content,\n  active,\n  disabled,\n  onClick,\n  className,\n  style,\n}: ContextMenuItemProps) {\n  return (\n    <Styled.RootItem\n      style={style}\n      className={className}\n      active={active}\n      disabled={disabled}\n      onClick={disabled ? disabledHandler : onClick}\n      data-id={id}\n    >\n      {children}\n      <Text size='s' lineHeight='s' color={DefaultColorNames.mineShaft}>\n        {content}\n      </Text>\n    </Styled.RootItem>\n  )\n}\n"],"names":["disabledHandler","e","preventDefault","stopPropagation","ContextMenuItem","_ref","children","id","content","active","disabled","onClick","className","style","_jsxs","Styled.RootItem","_jsx","Text","size","lineHeight","color","DefaultColorNames","mineShaft","displayName"],"mappings":"yLAKA,IAAMA,EAAmBC,IACvBA,EAAEC,iBACFD,EAAEC,iBACFD,EAAEE,mBAAAA,GAuBG,SAASC,EASSC,GAAA,IATOC,SAC9BA,EAD8BC,GAE9BA,EAF8BC,QAG9BA,EAH8BC,OAI9BA,EAJ8BC,SAK9BA,EAL8BC,QAM9BA,EAN8BC,UAO9BA,EAP8BC,MAQ9BA,GACuBR,EACvB,OACES,EAACC,EAAD,CACEF,MAAOA,EACPD,UAAWA,EACXH,OAAQA,EACRC,SAAUA,EACVC,QAASD,EAAWV,EAAkBW,EACtC,UAASJ,EANXD,SAQGA,CAAAA,EACDU,EAACC,EAAD,CAAMC,KAAK,IAAIC,WAAW,IAAIC,MAAOC,EAAkBC,UAAvDhB,SACGE,OA3BTJ,EAAgBmB,YAAc"}

package/components/ContextMenu/style.js

@@ -1,2 +0,0 @@
-import o,{css as e}from'styled-components';var t=e(["&: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));var r=e(["background-color:",";opacity:0.6;cursor:default;"],(o=>o.theme.colors.alabaster));var i=e(["&:hover{background-color:",";}"],(o=>o.theme.colors.onahau));var a=o.div.withConfig({shouldForwardProp:o=>['className','onClick','children','style'].includes(o)}).withConfig({componentId:"fox-ui__sc-b2wdsu-0"})(["display:inline-block;position:relative;[style*='cursor']{cursor:default !important;}& + &{margin-left:16px;}",""],(o=>o.isOpen&&!1===Boolean(o.hideOverlay)?t:null));var l=o.div.withConfig({shouldForwardProp:o=>['className','onClick','children','data-id'].includes(o)}).withConfig({componentId:"fox-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?e(["background-color:",";"],o.theme.colors.onahau):null),(o=>o.disabled?r:i));export{a as Root,l as RootItem};
-//# sourceMappingURL=style.js.map

package/components/ContextMenu/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/ContextMenu/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { ContextMenuProps } from './ContextMenu'\nimport { 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  &:hover {\n    background-color: ${(props) => props.theme.colors.onahau};\n  }\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","onahau","Root","styled","div","withConfig","shouldForwardProp","prop","includes","componentId","Boolean","hideOverlay","RootItem","active","disabled"],"mappings":"2CAIA,IAAMA,EAASC,EAAH,CAAA,kHAAA,qCASIC,GAAUA,EAAMC,MAAMC,OAAOC,UAQ7C,IAAMC,EAAeL,EAAH,CAAA,oBAAA,iCACKC,GAAUA,EAAMC,MAAMI,OAAOC,YAKpD,IAAMC,EAAkBR,EAAH,CAAA,4BAAA,OAEIC,GAAUA,EAAMC,MAAMI,OAAOG,SAI/C,IAAMC,EAAOC,EAAOC,IAAIC,WAAW,CACxCC,kBAAoBC,GAAS,CAAC,YAAa,UAAW,WAAY,SAASC,SAASD,KADrEF,WAAA,CAAAI,YAAA,uBAAGN,CAAH,CAAA,+GAAA,KAWZV,GAAWA,EAAMF,SAAAA,IAAUmB,QAAQjB,EAAMkB,aAAyBpB,EAAS,OAGzE,IAAMqB,EAAWT,EAAOC,IAAIC,WAAW,CAC5CC,kBAAoBC,GAAS,CAAC,YAAa,UAAW,WAAY,WAAWC,SAASD,KADnEF,WAAA,CAAAI,YAAA,uBAAGN,CAQnBV,CAAAA,gHAAAA,IAAAA,KAAAA,GACDA,EAAMoB,OACFrB,EACsBC,CAAAA,oBAAAA,KAAAA,EAAMC,MAAMI,OAAOG,QAEzC,OACHR,GAAWA,EAAMqB,SAAWjB,EAAeG"}

package/components/ContextMenu/tooltip-styles.js

@@ -1,2 +0,0 @@
-var i={wrapper:{display:'inline-block',zIndex:100},wrapperPosition:{left:-1e3,position:'absolute',top:-1e3,visibility:'hidden'},floater:{display:'inline-block',filter:'drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08))',WebkitFilter:'drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08))',maxWidth:300,minWidth:200,opacity:0,position:'relative',transition:'opacity 0.2s',visibility:'hidden',zIndex:99},floaterOpening:{opacity:1,visibility:'visible'},floaterWithAnimation:{opacity:1,transition:'opacity 0.2s, transform 0.2s',visibility:'visible'},floaterClosing:{opacity:0,visibility:'visible'},floaterCentered:{left:'50%',position:'fixed',top:'50%',transform:'translate(-50%, -50%)'},container:{boxSizing:'border-box',borderRadius:4,border:'1px solid #E9E9E9',color:'#333',backgroundColor:'#fff',minHeight:32,minWidth:180,padding:'0',position:'relative',display:'block',overflow:'hidden'},content:{display:'block'},arrow:{display:'none'}};export{i as tooltipStyles};
-//# sourceMappingURL=tooltip-styles.js.map

package/components/ContextMenu/tooltip-styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip-styles.js","sources":["../../../../src/components/ContextMenu/tooltip-styles.ts"],"sourcesContent":["const zIndex = 100\n\nexport const tooltipStyles = {\n  wrapper: {\n    display: 'inline-block',\n    zIndex,\n  },\n  wrapperPosition: {\n    left: -1000,\n    position: 'absolute',\n    top: -1000,\n    visibility: 'hidden',\n  },\n  floater: {\n    display: 'inline-block',\n    filter: 'drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08))',\n    WebkitFilter: 'drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.08))',\n    maxWidth: 300,\n    minWidth: 200,\n    opacity: 0,\n    position: 'relative',\n    transition: 'opacity 0.2s',\n    visibility: 'hidden',\n    zIndex: 99,\n  },\n  floaterOpening: {\n    opacity: 1,\n    visibility: 'visible',\n  },\n  floaterWithAnimation: {\n    opacity: 1,\n    transition: 'opacity 0.2s, transform 0.2s',\n    visibility: 'visible',\n  },\n  floaterClosing: {\n    opacity: 0,\n    visibility: 'visible',\n  },\n  floaterCentered: {\n    left: '50%',\n    position: 'fixed',\n    top: '50%',\n    transform: 'translate(-50%, -50%)',\n  },\n  container: {\n    boxSizing: 'border-box',\n    borderRadius: 4,\n    border: '1px solid #E9E9E9',\n    color: '#333',\n    backgroundColor: '#fff',\n    minHeight: 32,\n    minWidth: 180,\n    padding: '0',\n    position: 'relative',\n    display: 'block',\n    overflow: 'hidden',\n  },\n  content: {\n    display: 'block',\n  },\n  arrow: {\n    display: 'none',\n  },\n}\n"],"names":["tooltipStyles","wrapper","display","zIndex","wrapperPosition","left","position","top","visibility","floater","filter","WebkitFilter","maxWidth","minWidth","opacity","transition","floaterOpening","floaterWithAnimation","floaterClosing","floaterCentered","transform","container","boxSizing","borderRadius","border","color","backgroundColor","minHeight","padding","overflow","content","arrow"],"mappings":"AAEO,IAAMA,EAAgB,CAC3BC,QAAS,CACPC,QAAS,eACTC,OALW,KAObC,gBAAiB,CACfC,MAAO,IACPC,SAAU,WACVC,KAAM,IACNC,WAAY,UAEdC,QAAS,CACPP,QAAS,eACTQ,OAAQ,+CACRC,aAAc,+CACdC,SAAU,IACVC,SAAU,IACVC,QAAS,EACTR,SAAU,WACVS,WAAY,eACZP,WAAY,SACZL,OAAQ,IAEVa,eAAgB,CACdF,QAAS,EACTN,WAAY,WAEdS,qBAAsB,CACpBH,QAAS,EACTC,WAAY,+BACZP,WAAY,WAEdU,eAAgB,CACdJ,QAAS,EACTN,WAAY,WAEdW,gBAAiB,CACfd,KAAM,MACNC,SAAU,QACVC,IAAK,MACLa,UAAW,yBAEbC,UAAW,CACTC,UAAW,aACXC,aAAc,EACdC,OAAQ,oBACRC,MAAO,OACPC,gBAAiB,OACjBC,UAAW,GACXd,SAAU,IACVe,QAAS,IACTtB,SAAU,WACVJ,QAAS,QACT2B,SAAU,UAEZC,QAAS,CACP5B,QAAS,SAEX6B,MAAO,CACL7B,QAAS"}

package/components/ContextMenu.Multilevel/ContextMenu.Multilevel.js

@@ -1,2 +0,0 @@
-import e from'@babel/runtime/helpers/objectSpread2';import t from'@babel/runtime/helpers/objectWithoutProperties';import{PureComponent as r}from'react';import{Spacer as i}from'../Spacer/Spacer.js';import{ContextMenu as n}from'../ContextMenu/ContextMenu.js';import{Heading as o}from'./Heading.js';import{SubHeading as s}from'./SubHeading.js';import{Controls as l}from'./Controls.js';import{MultilevelItems as a}from'./style.js';import{jsxs as c,Fragment as m,jsx as u}from'react/jsx-runtime';var p=["children","className","tooltipProps","isOpen","trigger"],d=["config","onSelectItem"];class h extends r{constructor(e){super(e),this.resetTimeout=void 0,this.onSelectItem=e=>{var{id:t,level:r}=e;var{selectedItems:i}=this.state;var n=[...i.slice(0,r),t];this.setState({selectedItems:n}),'function'==typeof this.props.onSelectItem&&this.props.onSelectItem(e,r)},this.getCurrentConfig=()=>{var{config:e}=this.props;var{selectedItems:t}=this.state;if(!e)return null;if(!t.length)return e;try{return t.reduce(((e,t)=>{var r;return e.items&&(null===(r=e.items.find((e=>e.id===t)))||void 0===r?void 0:r.config)||{}}),e)}catch(e){return null}},this.reset=()=>{this.resetTimeout=setTimeout((()=>this.setState({selectedItems:[]})),200)},this.itemOnClickHandler=e=>{var t=this.getCurrentConfig();if(!t)throw new Error('Config not found');var{items:r=[]}=t;var{currentTarget:i}=e;var{id:n=null}=i.dataset;if(null===n)throw new Error('Data-id for item not found');var o=r.find((e=>"".concat(e.id)===n));if(!o)throw new Error('Item not found');(o.config||o.preventClosing)&&(e.preventDefault(),e.stopPropagation()),o.config&&this.onSelectItem(o),'function'==typeof o.onClick&&o.onClick(o)},this.state={selectedItems:[]}}componentWillUnmount(){clearTimeout(this.resetTimeout)}render(){var r=this.props,{children:h,className:f,tooltipProps:g,isOpen:v,trigger:C}=r,I=t(r,p);var{selectedItems:S}=this.state;var j=this.getCurrentConfig();var b=t(I,d);return c(n,e(e({className:f,tooltipProps:g,isOpen:v,onClose:this.reset,trigger:C},b),{},{children:[h,c(m,{children:[u(i,{top:9}),null!=j&&j.heading?u(o,{content:j.heading}):null,null!=j&&j.subheading?u(s,{content:j.subheading}):null,null!=j&&j.items?u(a,{children:j.items.map((e=>u(n.Item,{id:e.id,content:e.content,active:e.level&&Boolean(S[e.level]===e.id)||e.active,onClick:this.itemOnClickHandler},e.id)))}):null,null!=j&&j.controls?u(l,e({},j.controls)):u(i,{top:9})]})]}))}}h.displayName='ContextMenu.MultiLevel',h.defaultProps={config:{}};export{h as ContextMenuMultiLevel};
-//# sourceMappingURL=ContextMenu.Multilevel.js.map

package/components/ContextMenu.Multilevel/ContextMenu.Multilevel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenu.Multilevel.js","sources":["../../../../src/components/ContextMenu.Multilevel/ContextMenu.Multilevel.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport type { BaseProps } from 'shared/interfaces'\nimport type { Color } from 'shared/types'\nimport { Spacer } from 'components/Spacer'\nimport { ContextMenu, ContextMenuProps } from '../ContextMenu/ContextMenu'\nimport { Heading } from './Heading'\nimport { SubHeading } from './SubHeading'\nimport { Controls } from './Controls'\nimport * as Styled from './style'\n\nexport interface MultiLevelControls {\n  cancel?: {\n    content?: string\n    onClick?(): void\n    color?: Color\n  }\n  confirm?: {\n    content?: string\n    onClick?(): void\n    color?: Color\n  }\n}\n\nexport interface MultiLevelItem {\n  id: string | number\n  heading?: string\n  subheading?: string\n  content?: string\n  preventClosing?: boolean\n  // eslint-disable-next-line no-use-before-define\n  config?: MultiLevelConfig\n  items?: MultiLevelItem[]\n  controls?: MultiLevelControls\n  level?: number\n  active?: boolean\n  onClick?(_item: MultiLevelItem): void\n}\n\nexport interface MultiLevelConfig {\n  items?: MultiLevelItem[]\n  heading?: string\n  subheading?: string\n  controls?: MultiLevelControls\n}\n\nexport interface ContextMenuMultiLevelProps extends ContextMenuProps, BaseProps {\n  /**  Menu config */\n  config?: MultiLevelConfig\n  /** On select item callback */\n  onSelectItem?(_item: MultiLevelItem, _level: MultiLevelItem['level']): void\n}\n\ninterface ContextMenuMultiLevelState {\n  selectedItems: (number | string)[]\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n */\nexport class ContextMenuMultiLevel extends PureComponent<ContextMenuMultiLevelProps, ContextMenuMultiLevelState> {\n  resetTimeout?: ReturnType<typeof setTimeout>\n  static displayName = 'ContextMenu.MultiLevel'\n  static defaultProps = {\n    config: {},\n  }\n\n  constructor(props: ContextMenuMultiLevelProps) {\n    super(props)\n\n    this.state = {\n      selectedItems: [],\n    }\n  }\n\n  componentWillUnmount() {\n    clearTimeout(this.resetTimeout)\n  }\n\n  onSelectItem = (selectedItem: MultiLevelItem) => {\n    const { id, level } = selectedItem\n\n    const { selectedItems } = this.state\n    const newSelectedItems = [...selectedItems.slice(0, level), id]\n\n    this.setState({ selectedItems: newSelectedItems })\n\n    if (typeof this.props.onSelectItem === 'function') this.props.onSelectItem(selectedItem, level)\n  }\n\n  getCurrentConfig = (): MultiLevelConfig | null => {\n    const { config } = this.props\n    const { selectedItems } = this.state\n\n    if (!config) return null\n\n    if (!selectedItems.length) return config\n\n    try {\n      const currentConfig = selectedItems.reduce((acc, levelId) => {\n        return acc.items ? acc.items.find((item) => item.id === levelId)?.config || {} : {}\n      }, config)\n\n      return currentConfig\n    } catch (error) {\n      return null\n    }\n  }\n\n  reset = () => {\n    /* Reset timeout to prevent state switch due to slow tooltip closing animation */\n    this.resetTimeout = setTimeout(() => this.setState({ selectedItems: [] }), 200)\n  }\n\n  itemOnClickHandler: React.MouseEventHandler<HTMLDivElement> = (e) => {\n    const config = this.getCurrentConfig()\n    if (!config) throw new Error('Config not found')\n\n    const { items = [] } = config\n    const { currentTarget } = e\n\n    const { id = null } = currentTarget.dataset\n\n    if (id === null) throw new Error('Data-id for item not found')\n\n    const item = items.find((item) => `${item.id}` === id)\n\n    if (!item) throw new Error('Item not found')\n\n    if (item.config || item.preventClosing) {\n      e.preventDefault()\n      e.stopPropagation()\n    }\n\n    if (item.config) {\n      /* If menu item has config - select item to show inner level */\n      this.onSelectItem(item)\n    }\n\n    if (typeof item.onClick === 'function') {\n      item.onClick(item)\n    }\n  }\n\n  render() {\n    const { children, className, tooltipProps, isOpen, trigger, ...anotherProps } = this.props\n    const { selectedItems } = this.state\n    const config = this.getCurrentConfig()\n\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    const { config: _config, onSelectItem: _onSelectItem, ...restProps } = anotherProps\n\n    return (\n      <ContextMenu\n        className={className}\n        tooltipProps={tooltipProps}\n        isOpen={isOpen}\n        onClose={this.reset}\n        trigger={trigger}\n        {...restProps}\n      >\n        {children}\n        <>\n          <Spacer top={9} />\n          {config?.heading ? <Heading content={config.heading} /> : null}\n          {config?.subheading ? <SubHeading content={config.subheading} /> : null}\n          {config?.items ? (\n            <Styled.MultilevelItems>\n              {config.items.map((item) => (\n                <ContextMenu.Item\n                  key={item.id}\n                  id={item.id}\n                  content={item.content}\n                  active={(item.level && Boolean(selectedItems[item.level] === item.id)) || item.active}\n                  onClick={this.itemOnClickHandler}\n                />\n              ))}\n            </Styled.MultilevelItems>\n          ) : null}\n          {config?.controls ? <Controls {...config.controls} /> : <Spacer top={9} />}\n        </>\n      </ContextMenu>\n    )\n  }\n}\n"],"names":["ContextMenuMultiLevel","PureComponent","constructor","props","super","this","resetTimeout","onSelectItem","selectedItem","id","level","selectedItems","state","newSelectedItems","slice","setState","getCurrentConfig","config","length","reduce","acc","levelId","_acc$items$find","items","find","item","error","reset","setTimeout","itemOnClickHandler","e","Error","currentTarget","dataset","concat","preventClosing","preventDefault","stopPropagation","onClick","componentWillUnmount","clearTimeout","render","_this$props","children","className","tooltipProps","isOpen","trigger","anotherProps","_objectWithoutProperties","_excluded","restProps","_excluded2","_jsxs","ContextMenu","_objectSpread","onClose","_Fragment","_jsx","Spacer","top","heading","Heading","content","subheading","SubHeading","Styled.MultilevelItems","map","Item","active","Boolean","controls","Controls","displayName","defaultProps"],"mappings":"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"}

package/components/ContextMenu.Multilevel/Controls.js

@@ -1,2 +0,0 @@
-import{DefaultColorNames as o}from'../../theme/colors.js';import{Text as e}from'../Text/Text.js';import{ControlsRoot as l,ControlsItem as s}from'./style.js';import{jsxs as r,jsx as t}from'react/jsx-runtime';function n(n){var{cancel:c,confirm:i,className:a,style:m}=n;return r(l,{className:a,style:m,children:[c?t(s,{className:"cancel",role:"button",onClick:c.onClick,children:t(e,{size:"m",lineHeight:"s",color:c.color||o.silver,children:c.content})}):null,i?t(s,{className:"confirm",role:"button",onClick:i.onClick,children:t(e,{size:"m",lineHeight:"s",color:i.color||o.accent,children:i.content})}):null]})}export{n as Controls};
-//# sourceMappingURL=Controls.js.map

package/components/ContextMenu.Multilevel/Controls.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Controls.js","sources":["../../../../src/components/ContextMenu.Multilevel/Controls.tsx"],"sourcesContent":["import { BaseProps } from 'shared/interfaces'\nimport { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport { MultiLevelControls } from './ContextMenu.Multilevel'\nimport * as Styled from './style'\n\nexport interface ControlsProps extends BaseProps {\n  /** Cancel Text element props */\n  cancel?: MultiLevelControls['cancel']\n  /** Confirm Text element props */\n  confirm?: MultiLevelControls['confirm']\n}\n\nexport function Controls({ cancel, confirm, className, style }: ControlsProps) {\n  return (\n    <Styled.ControlsRoot className={className} style={style}>\n      {cancel ? (\n        <Styled.ControlsItem className='cancel' role='button' onClick={cancel.onClick}>\n          <Text size='m' lineHeight='s' color={cancel.color || DefaultColorNames.silver}>\n            {cancel.content}\n          </Text>\n        </Styled.ControlsItem>\n      ) : null}\n      {confirm ? (\n        <Styled.ControlsItem className='confirm' role='button' onClick={confirm.onClick}>\n          <Text size='m' lineHeight='s' color={confirm.color || DefaultColorNames.accent}>\n            {confirm.content}\n          </Text>\n        </Styled.ControlsItem>\n      ) : null}\n    </Styled.ControlsRoot>\n  )\n}\n"],"names":["Controls","_ref","cancel","confirm","className","style","_jsxs","Styled.ControlsRoot","children","_jsx","Styled.ControlsItem","role","onClick","Text","size","lineHeight","color","DefaultColorNames","silver","content","accent"],"mappings":"+MAaO,SAASA,EAA+DC,GAAA,IAAtDC,OAAEA,EAAFC,QAAUA,EAAVC,UAAmBA,EAAnBC,MAA8BA,GAAwBJ,EAC7E,OACEK,EAACC,EAAD,CAAqBH,UAAWA,EAAWC,MAAOA,EAAlDG,SAAA,CACGN,EACCO,EAACC,EAAD,CAAqBN,UAAU,SAASO,KAAK,SAASC,QAASV,EAAOU,QAAtEJ,SACEC,EAACI,EAAD,CAAMC,KAAK,IAAIC,WAAW,IAAIC,MAAOd,EAAOc,OAASC,EAAkBC,OAAvEV,SACGN,EAAOiB,YAGV,KACHhB,EACCM,EAACC,EAAD,CAAqBN,UAAU,UAAUO,KAAK,SAASC,QAAST,EAAQS,QAAxEJ,SACEC,EAACI,EAAD,CAAMC,KAAK,IAAIC,WAAW,IAAIC,MAAOb,EAAQa,OAASC,EAAkBG,OAAxEZ,SACGL,EAAQgB,YAGX"}

package/components/ContextMenu.Multilevel/Heading.js

@@ -1,2 +0,0 @@
-import{DefaultColorNames as e}from'../../theme/colors.js';import{Text as t}from'../Text/Text.js';import{HeadingRoot as o}from'./style.js';import{jsxs as r,jsx as s}from'react/jsx-runtime';function i(i){var{children:a,content:n}=i;return r(o,{children:[a,s(t,{size:"s",lineHeight:"s",weight:"bold",color:e.mineShaft,children:n})]})}export{i as Heading};
-//# sourceMappingURL=Heading.js.map

package/components/ContextMenu.Multilevel/Heading.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Heading.js","sources":["../../../../src/components/ContextMenu.Multilevel/Heading.tsx"],"sourcesContent":["import { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nexport interface HeadingProps {\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  content?: React.ReactNode\n}\n\nexport function Heading({ children, content }: HeadingProps) {\n  return (\n    <Styled.HeadingRoot>\n      {children}\n      <Text size='s' lineHeight='s' weight='bold' color={DefaultColorNames.mineShaft}>\n        {content}\n      </Text>\n    </Styled.HeadingRoot>\n  )\n}\n"],"names":["Heading","_ref","children","content","_jsxs","Styled.HeadingRoot","_jsx","Text","size","lineHeight","weight","color","DefaultColorNames","mineShaft"],"mappings":"4LAYO,SAASA,EAA6CC,GAAA,IAArCC,SAAEA,EAAFC,QAAYA,GAAyBF,EAC3D,OACEG,EAACC,EAAD,CAAAH,SACGA,CAAAA,EACDI,EAACC,EAAD,CAAMC,KAAK,IAAIC,WAAW,IAAIC,OAAO,OAAOC,MAAOC,EAAkBC,UAArEX,SACGC"}

package/components/ContextMenu.Multilevel/SubHeading.js

@@ -1,2 +0,0 @@
-import{DefaultColorNames as e}from'../../theme/colors.js';import{Text as r}from'../Text/Text.js';import{SubHeadingRoot as t}from'./style.js';import{jsxs as o,jsx as s}from'react/jsx-runtime';function i(i){var{children:a,content:n}=i;return o(t,{children:[a,s(r,{size:"s",lineHeight:"s",color:e.mineShaft,children:n})]})}export{i as SubHeading};
-//# sourceMappingURL=SubHeading.js.map

package/components/ContextMenu.Multilevel/SubHeading.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SubHeading.js","sources":["../../../../src/components/ContextMenu.Multilevel/SubHeading.tsx"],"sourcesContent":["import { DefaultColorNames } from 'theme/colors'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nexport interface SubHeadingProps {\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  content?: React.ReactNode\n}\n\nexport function SubHeading({ children, content }: SubHeadingProps) {\n  return (\n    <Styled.SubHeadingRoot>\n      {children}\n      <Text size='s' lineHeight='s' color={DefaultColorNames.mineShaft}>\n        {content}\n      </Text>\n    </Styled.SubHeadingRoot>\n  )\n}\n"],"names":["SubHeading","_ref","children","content","_jsxs","Styled.SubHeadingRoot","_jsx","Text","size","lineHeight","color","DefaultColorNames","mineShaft"],"mappings":"+LAYO,SAASA,EAAmDC,GAAA,IAAxCC,SAAEA,EAAFC,QAAYA,GAA4BF,EACjE,OACEG,EAACC,EAAD,CAAAH,SACGA,CAAAA,EACDI,EAACC,EAAD,CAAMC,KAAK,IAAIC,WAAW,IAAIC,MAAOC,EAAkBC,UAAvDV,SACGC"}

package/components/ContextMenu.Multilevel/style.js

@@ -1,2 +0,0 @@
-import o from'styled-components';var e=o.div.withConfig({componentId:"fox-ui__sc-hu14lk-0"})(["display:block;padding:9px 20px 16px;user-select:none;text-transform:uppercase;"]);var t=o.div.withConfig({componentId:"fox-ui__sc-hu14lk-1"})(["display:block;padding:9px 20px 16px;user-select:none;"]);var i=o.div.withConfig({componentId:"fox-ui__sc-hu14lk-2"})(["display:flex;justify-content:space-between;border-top:1px solid ",";user-select:none;"],(o=>o.theme.colors.mercury));var n=o.div.withConfig({componentId:"fox-ui__sc-hu14lk-3"})(["padding:12px 20px;cursor:pointer;"]);var s=o.div.withConfig({componentId:"fox-ui__sc-hu14lk-4"})(["max-height:170px;overflow:auto;-webkit-overflow-scrolling:touch;"]);export{n as ControlsItem,i as ControlsRoot,e as HeadingRoot,s as MultilevelItems,t as SubHeadingRoot};
-//# sourceMappingURL=style.js.map

package/components/ContextMenu.Multilevel/style.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/ContextMenu.Multilevel/style.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const HeadingRoot = styled.div`\n  display: block;\n  padding: 9px 20px 16px;\n  user-select: none;\n  text-transform: uppercase;\n`\n\nexport const SubHeadingRoot = styled.div`\n  display: block;\n  padding: 9px 20px 16px;\n  user-select: none;\n`\n\nexport const ControlsRoot = styled.div`\n  display: flex;\n  justify-content: space-between;\n  border-top: 1px solid ${(props) => props.theme.colors.mercury};\n  user-select: none;\n`\n\nexport const ControlsItem = styled.div`\n  padding: 12px 20px;\n  cursor: pointer;\n`\n\nexport const MultilevelItems = styled.div`\n  max-height: 170px;\n  overflow: auto;\n  -webkit-overflow-scrolling: touch;\n`\n"],"names":["HeadingRoot","styled","div","withConfig","componentId","SubHeadingRoot","ControlsRoot","props","theme","colors","mercury","ControlsItem","MultilevelItems"],"mappings":"iCAEaA,IAAAA,EAAcC,EAAOC,IAAVC,WAAA,CAAAC,YAAA,uBAAGH,CAApB,CAAA,mFAOMI,IAAAA,EAAiBJ,EAAOC,IAAVC,WAAA,CAAAC,YAAA,uBAAGH,CAAvB,CAAA,0DAMMK,IAAAA,EAAeL,EAAOC,IAAVC,WAAA,CAAAC,YAAA,uBAAGH,CAGDM,CAAAA,mEAAAA,uBAAAA,GAAUA,EAAMC,MAAMC,OAAOC,UAI3CC,IAAAA,EAAeV,EAAOC,IAAVC,WAAA,CAAAC,YAAA,uBAAGH,CAArB,CAAA,sCAKMW,IAAAA,EAAkBX,EAAOC,IAAVC,WAAA,CAAAC,YAAA,uBAAGH,CAAxB,CAAA"}

package/components/Dropdown/Dropdown.js

@@ -1,2 +0,0 @@
-import e from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as r,useMemo as t,useState as a,useRef as n,useEffect as s,createElement as l}from'react';import i from'fuse.js';import{withMergedProps as d}from'../../hocs/withMergedProps.js';import{focusFirstFocusable as u}from'../../shared/utils/dom.js';import{keyboardKeys as c}from'../../shared/constants.js';import{FormInputLabel as p}from'../FormInputLabel/FormInputLabel.js';import{MenuComponent as v}from'../MenuComponent/MenuComponent.js';import{MenuList as m}from'../MenuList/MenuList.js';import{MenuDivider as b}from'../MenuDivider/MenuDivider.js';import{ListItem as g}from'../ListItem/ListItem.js';import{InputCheckbox as f}from'../InputCheckbox/InputCheckbox.js';import{Chip as h}from'../Chip/Chip.js';import{DropdownMenuNoOptions as C}from'./DropdownMenuNoOptions.js';import{SIZES as k,FuseSearchKeys as y,SIZES_MENU as M,SIZES_CHECKBOX as w}from'./constants.js';import{getDropdownInputText as z,getDropdownInputValue as P,getDropdownInputMultipleValue as x,groupDropdownOptions as D}from'./utils.js';import{ChevronIcon as I,Input as S}from'./style.js';import{jsx as E,jsxs as L,Fragment as T}from'react/jsx-runtime';var j=["size","name","labelPosition","optionsMultiToggle","loading","iconProps","menuProps","closeMenuOnScroll","contrast","defaultSelectedOption","icon","inputMode","label","loadingMessage","loadingIcon","loadingIconProps","maxLength","multiple","onCloseMenu","onOpenMenu","onSelectOption","options","optionsMultiToggleCaption","optionsEmptyMessage","optionsEmptyIcon","optionsEmptyIconProps","palette","placeholder","readOnly","required","status","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","form"];var O='Dropdown';var B=d(r(((r,d)=>{var k;var{size:O="m",name:B="fox-dropdown",labelPosition:X="dynamic",optionsMultiToggle:F=!0,loading:K=!1,iconProps:N={},menuProps:H={},closeMenuOnScroll:U,contrast:R,defaultSelectedOption:A,icon:q,inputMode:Z,label:_,loadingMessage:V,loadingIcon:W,loadingIconProps:G,maxLength:J,multiple:Q,onCloseMenu:Y,onOpenMenu:$,onSelectOption:ee,options:oe,optionsMultiToggleCaption:re,optionsEmptyMessage:te,optionsEmptyIcon:ae,optionsEmptyIconProps:ne,palette:se,placeholder:le,readOnly:ie,required:de,status:ue,sizeXXS:ce,sizeXS:pe,sizeS:ve,sizeM:me,sizeL:be,sizeXL:ge,sizeUnits:fe,form:he}=r,Ce=o(r,j);var ke={size:O,sizeXXS:ce,sizeXS:pe,sizeS:ve,sizeM:me,sizeL:be,sizeXL:ge,sizeUnits:fe};var ye={size:24,color:Ce.disabled?'content-disabled':'content-onmain-tertiary'};var Me=t((()=>{var e=new i(oe,{threshold:.4,ignoreLocation:!0,keys:[y.text,y.tags]});return o=>0===o.length?oe:e.search(o).map((e=>e.item))}),[oe]);var[we,ze]=a((()=>Q?'':z(A)));var[Pe,xe]=a((()=>P(A)));var[De,Ie]=a((()=>x(A)));var[Se,Ee]=a((()=>Me(we)));var[Le,Te]=a(!1);var je=Q?D(oe,De):[[],[]];var Oe=Le&&!Ce.disabled;var Be=0===Se.length||K;var Xe=Boolean(Oe||we);var Fe=Q?0===De.length:0===Pe.length;var Ke=je[0].length>0&&0===je[1].length;var Ne=je[0].length>0&&je[1].length>0;var He=n(null);var Ue=n(null);var Re=n(null);var Ae=n(null);var qe=n(we);var Ze=n(Oe);s((()=>(we===qe.current?Ee(Me(we)):(qe.current=we,Ae.current=setTimeout((()=>{Ee(Me(we))}),150)),()=>{Ae.current&&clearTimeout(Ae.current)})),[Me,we]),s((()=>{Oe!==Ze.current&&(Oe&&$&&$(),!Oe&&Y&&Y(),Ze.current=Oe)}),[Oe,Y,$]),s((()=>{var e=o=>{var r;null===(r=He.current)||void 0===r||r.focus(),Te(!1),o.currentTarget&&o.currentTarget.removeEventListener(o.type,e)};return U&&Oe&&document.addEventListener('scroll',e),()=>{document.removeEventListener('scroll',e)}}),[U,Oe]);var _e=()=>{var e='';if(!Q){var o=oe.find((e=>e.value===Pe));e=o?o.text:''}ze(e)};return E(p,e(e(e({},Ce),ke),{},{ref:d,label:_,labelPosition:X,active:Xe,onColored:R,error:'error'===ue,success:'success'===ue,icon:[q,E(I,{up:Oe},'chevron')],iconProps:e(e({},ye),N),palette:{color:Ce.disabled?se.labelColorDisabled:se.labelColor,colorHover:Ce.disabled?se.labelColorDisabled:se.labelColorHover,backgroundColor:Ce.disabled?se.backgroundColorDisabled:se.backgroundColor,backgroundColorHover:Ce.disabled?se.backgroundColorDisabled:se.backgroundColorHover,borderColor:Ce.disabled?se.borderColorDisabled:se.borderColor,borderColorHover:Ce.disabled?se.borderColorDisabled:se.borderColor},onClick:e=>{var o;Ce.onClick&&Ce.onClick(e),Ce.disabled||(null===(o=He.current)||void 0===o||o.focus(),Oe?Ue.current&&e.target instanceof Node&&!Ue.current.contains(e.target)&&Te(!1):Te(!0))},onKeyUp:e=>{var o;Ce.onKeyUp&&Ce.onKeyUp(e),c.Esc.validate(e.key)&&(null===(o=He.current)||void 0===o||o.focus(),Te(!1))},onPointerDown:e=>{Ce.onPointerDown&&Ce.onPointerDown(e),e.target!==He.current&&e.target instanceof Node&&e.currentTarget.contains(e.target)&&e.preventDefault()},onBlur:e=>{Ce.onBlur&&Ce.onBlur(e),e.currentTarget.contains(e.relatedTarget)||(_e(),Te(!1))},input:L(T,{children:[E(S,{ref:He,type:"text",autoComplete:"off",autoCapitalize:"off",autoCorrect:"off",spellCheck:"false",inputMode:Z,maxLength:J,placeholder:le,readOnly:ie,required:de&&Fe,disabled:Ce.disabled,label:_,labelPosition:X,active:Xe,value:we,palette:{color:se.color,colorDisabled:se.colorDisabled,placeholderColor:se.placeholderColor,placeholderColorDisabled:se.placeholderColorDisabled},onClick:e=>{Oe&&e.currentTarget.selectionStart!==e.currentTarget.selectionEnd&&e.stopPropagation()},onChange:e=>{ze(e.currentTarget.value),Te(!0)},onKeyDown:e=>{c.Enter.validate(e.key)&&(_e(),Te(!1)),!c.Space.validate(e.key)||Oe&&0!==e.currentTarget.selectionStart||(e.preventDefault(),Te((e=>!e))),c.ArrowDown.validate(e.key)&&Re.current&&(e.preventDefault(),u(Re.current))}}),Q?De.map((e=>E("input",{type:"hidden",name:B,value:e,form:he,disabled:Ce.disabled},e))):Pe.length>0&&E("input",{type:"hidden",name:B,value:Pe,form:he,disabled:Ce.disabled})]}),addon:Q&&De.length>0?E(h,{size:"xs",active:!0,black:!0,disabled:Ce.disabled,cursor:Ce.disabled?'not-allowed':void 0,text:De.length,textProps:{appearance:'caption',size:'xs'},palette:Ce.disabled?{color:'content-disabled',colorHover:'content-disabled',backgroundColor:'bg-disabled-small',backgroundColorHover:'bg-disabled-small'}:void 0,onPointerDown:e=>{e.preventDefault()},discardButtonProps:{contrast:!Ce.disabled,onKeyDown:e=>{c.ArrowDown.validate(e.key)&&Re.current&&(e.preventDefault(),u(Re.current))},onClick:e=>{var o;e.stopPropagation(),ie||(Ie([]),ee&&ee([]),null===(o=He.current)||void 0===o||o.focus(),Te(!0))}}}):void 0,dropdown:Oe?E(v,e(e({},H),{},{ref:Ue,sizeUnits:"%",sizes:M,size:null!==(k=H.size)&&void 0!==k?k:100,tabIndex:Be?void 0:0,secondary:!R,elevated:R,disableAutoFocus:!0,palette:{backgroundColor:se.menuBackgroundColor,borderColor:se.menuBorderColor},onFocus:e=>{var o;Re.current&&e.target===e.currentTarget&&(Re.current.contains(e.relatedTarget)?null===(o=He.current)||void 0===o||o.focus():u(Re.current))},onKeyDown:e=>{var o;c.Enter.validate(e.key)&&(null===(o=He.current)||void 0===o||o.focus(),_e(),Te(!1))},children:Be?E(C,{loading:K,loadingMessage:V,loadingIcon:W,loadingIconProps:e(e({},ye),G),emptyMessage:te,emptyIcon:ae,emptyIconProps:e(e({},ye),ne)}):E(m,Q?{ref:Re,children:we.length>0?E(T,{children:Se.map((o=>{var r;var t=De.includes(o.value);var a=null!==(r=o.status)&&void 0!==r?r:ue;var n=t&&'error'===a;var s=t&&'success'===a;return l(g,e(e({},ke),{},{key:o.value,text:o.text,danger:n,success:s,disabled:Ce.disabled,active:t,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:e=>{e.stopPropagation()},control:E(f,{sizes:w,form:"none",name:B,value:o.value,checked:t,error:n,success:s,onChange:e=>{if(!ie){var r=t?De.filter((e=>e!==o.value)):[...De,e.currentTarget.value];Ie(r),ee&&ee(oe.filter((e=>r.includes(e.value))))}}})}))}))}):L(T,{children:[F&&E(g,e(e({},ke),{},{text:re,disabled:Ce.disabled,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:e=>{ie&&e.stopPropagation()},control:E(f,{sizes:w,form:"none",name:B,checked:Ke,indeterminate:Ne,error:(Ke||Ne)&&'error'===ue,success:(Ke||Ne)&&'success'===ue,onChange:()=>{if(!ie){var e=Ke||Ne?[]:oe.map((e=>e.value));Ie(e),ee&&ee(0===e.length?[]:oe)}}})})),F&&E(b,{}),je[0].map((o=>{var r;var t=null!==(r=o.status)&&void 0!==r?r:ue;var a='error'===t;var n='success'===t;return l(g,e(e({},ke),{},{key:o.value,active:!0,text:o.text,danger:a,success:n,disabled:Ce.disabled,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:e=>{ie&&e.stopPropagation()},control:E(f,{sizes:w,form:"none",name:B,value:o.value,checked:!0,error:a,success:n,onChange:e=>{if(!ie){var o=De.filter((o=>o!==e.currentTarget.value));Ie(o),ee&&ee(oe.filter((e=>o.includes(e.value))))}}})}))})),je[0].length>0&&je[1].length>0&&E(b,{}),je[1].map((o=>l(g,e(e({},ke),{},{key:o.value,text:o.text,disabled:Ce.disabled,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:e=>{ie&&e.stopPropagation()},control:E(f,{sizes:w,form:"none",name:B,value:o.value,checked:!1,onChange:e=>{if(!ie){var o=[...De,e.currentTarget.value];Ie(o),ee&&ee(oe.filter((e=>o.includes(e.value))))}}})}))))]})}:{ref:Re,children:Se.map((o=>{var r=Pe===o.value;return l(g,e(e({},ke),{},{key:o.value,text:o.text,active:r,danger:r&&'error'===ue,success:r&&'success'===ue,disabled:Ce.disabled,borderRadius:8,ellipsis:!1,textProps:{wordBreak:'break-word'},onClick:e=>{if(e.stopPropagation(),!ie){var t;var a=r?{value:'',text:''}:o;ze(a.text),xe(a.value),ee&&ee(a.value?a:null),null===(t=He.current)||void 0===t||t.focus(),Te(!a.value)}}}))}))})})):void 0}))})),{sizes:k,displayName:"Dropdown"});export{O as COMPONENT_NAME,B as Dropdown};
-//# sourceMappingURL=Dropdown.js.map