@foxford/ui 2.102.0 → 2.103.0-beta-bdca95a-20260331

package/components/Spinner/style.mjs

@@ -1,2 +1,2 @@
-import styled,{keyframes,css}from'styled-components';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';const SIZES={l:60,m:40,s:20};const spinner=keyframes(["to{transform:rotate(360deg);}"]);const fullscreen=css(["height:100vh;margin:0 auto;display:flex;align-items:center;justify-content:center;"]);const inline=css(["display:inline-block;vertical-align:middle;margin:0;"]);const sizeBuilder=(e,i="px")=>e===0?null:css(["width:","",";height:","",";&:before{width:","",";height:","",";margin-top:-","",";margin-left:-","",";}"],e,i,e,i,e,i,e,i,e/2,i,e/2,i);const getSize=e=>e&&typeof e!='boolean'?typeof e=='number'?e:SIZES[e]?SIZES[e]:0:0;const Root=styled.div.withConfig({shouldForwardProp:e=>['className','style'].includes(e)}).withConfig({displayName:"Spinner__Root",componentId:"ui__sc-1ejsorp-0"})(["display:block;position:relative;margin:30px auto;&:before{content:'';box-sizing:border-box;position:absolute;top:50%;left:50%;border-radius:50%;border:2px solid #eeeeee;border-top-color:#459ff3;animation:"," 0.6s linear infinite;}"," "," "," ",""],spinner,(e=>e.inline?inline:null),(e=>e.size?property(SIZES[e.size]||e.size,sizeBuilder):null),(({sizeXS:e,sizeS:i,sizeM:s,sizeL:o,sizeXL:t})=>responsiveNamedProperty({sizes:{sizeXS:getSize(e),sizeS:getSize(i),sizeM:getSize(s),sizeL:getSize(o),sizeXL:getSize(t)},cssProperty:sizeBuilder})),(e=>e.fullscreen?fullscreen:null));export{Root};
+import styled,{keyframes,css}from'styled-components';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';const SIZES={l:60,m:40,s:20};const spinner=keyframes(["to{transform:rotate(360deg);}"]);const fullscreen=css(["height:100vh;margin:0 auto;display:flex;align-items:center;justify-content:center;"]);const inline=css(["display:inline-block;vertical-align:middle;margin:0;"]);const sizeBuilder=(e,i="px")=>e===0?null:css(["width:","",";height:","",";&:before{width:","",";height:","",";margin-top:-","",";margin-left:-","",";}"],e,i,e,i,e,i,e,i,e/2,i,e/2,i);const getSize=e=>e&&typeof e!='boolean'?typeof e=='number'?e:SIZES[e]?SIZES[e]:0:0;const Root=styled.div.withConfig({shouldForwardProp:e=>['className','style'].includes(e)}).withConfig({displayName:"Spinner__Root",componentId:"ui__sc-1ejsorp-0"})(["display:block;position:relative;margin:30px auto;&:before{content:'';box-sizing:border-box;position:absolute;top:50%;left:50%;border-radius:50%;border:2px solid #eeeeee;border-top-color:#459ff3;animation:"," 0.6s linear infinite;}"," "," "," ",""],spinner,e=>e.inline?inline:null,e=>e.size?property(SIZES[e.size]||e.size,sizeBuilder):null,({sizeXS:e,sizeS:i,sizeM:s,sizeL:o,sizeXL:t})=>responsiveNamedProperty({sizes:{sizeXS:getSize(e),sizeS:getSize(i),sizeM:getSize(s),sizeL:getSize(o),sizeXL:getSize(t)},cssProperty:sizeBuilder}),e=>e.fullscreen?fullscreen:null);export{Root};
 //# sourceMappingURL=style.mjs.map

package/components/Spinner/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Spinner/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { responsiveNamedProperty, property } from 'mixins/responsive-property'\nimport type { ResponsiveNamedProperty, CalcProperty } from 'mixins/responsive-property'\nimport type { SpinnerProps } from './Spinner'\n\nconst SIZES = {\n  l: 60,\n  m: 40,\n  s: 20,\n}\n\nconst spinner = keyframes`\n  to {\n      transform: rotate(360deg);\n  }\n`\n\nconst fullscreen = css`\n  height: 100vh;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`\n\nconst inline = css`\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n`\n\nconst sizeBuilder: CalcProperty = (size, sizing = 'px') => {\n  if (size === 0) return null\n  return css`\n    width: ${size as number}${sizing};\n    height: ${size as number}${sizing};\n    &:before {\n      width: ${size as number}${sizing};\n      height: ${size as number}${sizing};\n      margin-top: -${(size as number) / 2}${sizing};\n      margin-left: -${(size as number) / 2}${sizing};\n    }\n  `\n}\n\nconst getSize = (size: ResponsiveNamedProperty<'size'>['size']): number => {\n  if (!size || typeof size === 'boolean') return 0\n  if (typeof size === 'number') return size\n  if (SIZES[size as keyof typeof SIZES]) {\n    return SIZES[size as keyof typeof SIZES]\n  }\n  return 0\n}\n\nexport const Root = styled.div.withConfig<SpinnerProps>({\n  shouldForwardProp: (prop) => ['className', 'style'].includes(prop),\n})`\n  display: block;\n  position: relative;\n  margin: 30px auto;\n  &:before {\n    content: '';\n    box-sizing: border-box;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    border-radius: 50%;\n    border: 2px solid #eeeeee;\n    border-top-color: #459ff3;\n    animation: ${spinner} 0.6s linear infinite;\n  }\n  ${(props) => (props.inline ? inline : null)}\n\n  ${(props) => (props.size ? property(SIZES[props.size as keyof typeof SIZES] || props.size, sizeBuilder) : null)}\n  ${({ sizeXS, sizeS, sizeM, sizeL, sizeXL }) => {\n    return responsiveNamedProperty({\n      sizes: {\n        sizeXS: getSize(sizeXS),\n        sizeS: getSize(sizeS),\n        sizeM: getSize(sizeM),\n        sizeL: getSize(sizeL),\n        sizeXL: getSize(sizeXL),\n      },\n      cssProperty: sizeBuilder,\n    })\n  }}\n\n  ${(props) => (props.fullscreen ? fullscreen : null)}\n`\n"],"names":["SIZES","l","m","s","spinner","keyframes","fullscreen","css","inline","sizeBuilder","size","sizing","getSize","Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","property","sizeXS","sizeS","sizeM","sizeL","sizeXL","responsiveNamedProperty","sizes","cssProperty"],"mappings":"wIAKA,MAAMA,MAAQ,CACZC,EAAG,GACHC,EAAG,GACHC,EAAG,IAGL,MAAMC,QAAUC,UAAS,CAAA,kCAMzB,MAAMC,WAAaC,IAAG,CAAA,uFAQtB,MAAMC,OAASD,IAAG,CAAA,yDAMlB,MAAME,YAA4BA,CAACC,EAAMC,EAAS,OAC5CD,IAAS,EAAU,KAChBH,IAAG,CAAA,SAAA,GAAA,WAAA,GAAA,mBAAA,GAAA,WAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,MACCG,EAAiBC,EAChBD,EAAiBC,EAEhBD,EAAiBC,EAChBD,EAAiBC,EACXD,EAAkB,EAAIC,EACrBD,EAAkB,EAAIC,GAK7C,MAAMC,QAAWF,GACVA,UAAeA,GAAS,iBAClBA,GAAS,SAAiBA,EACjCV,MAAMU,GACDV,MAAMU,GAER,EALwC,EAQ1C,MAAMG,KAAOC,OAAOC,IAAIC,WAAyB,CACtDC,kBAAoBC,GAAS,CAAC,YAAa,SAASC,SAASD,KAC7DF,WAAA,CAAAI,YAAA,gBAAAC,YAAA,oBAFkBP,CAElB,CAAA,+MAAA,0BAAA,IAAA,IAAA,IAAA,IAaeV,SAEZkB,GAAWA,EAAMd,OAASA,OAAS,OAEnCc,GAAWA,EAAMZ,KAAOa,SAASvB,MAAMsB,EAAMZ,OAA+BY,EAAMZ,KAAMD,aAAe,OACxG,EAAGe,SAAQC,QAAOC,QAAOC,QAAOC,YACzBC,wBAAwB,CAC7BC,MAAO,CACLN,OAAQZ,QAAQY,GAChBC,MAAOb,QAAQa,GACfC,MAAOd,QAAQc,GACfC,MAAOf,QAAQe,GACfC,OAAQhB,QAAQgB,IAElBG,YAAatB,gBAIda,GAAWA,EAAMhB,WAAaA,WAAa"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Spinner/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { responsiveNamedProperty, property } from 'mixins/responsive-property'\nimport type { ResponsiveNamedProperty, CalcProperty } from 'mixins/responsive-property'\nimport type { SpinnerProps } from './Spinner'\n\nconst SIZES = {\n  l: 60,\n  m: 40,\n  s: 20,\n}\n\nconst spinner = keyframes`\n  to {\n      transform: rotate(360deg);\n  }\n`\n\nconst fullscreen = css`\n  height: 100vh;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`\n\nconst inline = css`\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n`\n\nconst sizeBuilder: CalcProperty = (size, sizing = 'px') => {\n  if (size === 0) return null\n  return css`\n    width: ${size as number}${sizing};\n    height: ${size as number}${sizing};\n    &:before {\n      width: ${size as number}${sizing};\n      height: ${size as number}${sizing};\n      margin-top: -${(size as number) / 2}${sizing};\n      margin-left: -${(size as number) / 2}${sizing};\n    }\n  `\n}\n\nconst getSize = (size: ResponsiveNamedProperty<'size'>['size']): number => {\n  if (!size || typeof size === 'boolean') return 0\n  if (typeof size === 'number') return size\n  if (SIZES[size as keyof typeof SIZES]) {\n    return SIZES[size as keyof typeof SIZES]\n  }\n  return 0\n}\n\nexport const Root = styled.div.withConfig<SpinnerProps>({\n  shouldForwardProp: (prop) => ['className', 'style'].includes(prop),\n})`\n  display: block;\n  position: relative;\n  margin: 30px auto;\n  &:before {\n    content: '';\n    box-sizing: border-box;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    border-radius: 50%;\n    border: 2px solid #eeeeee;\n    border-top-color: #459ff3;\n    animation: ${spinner} 0.6s linear infinite;\n  }\n  ${(props) => (props.inline ? inline : null)}\n\n  ${(props) => (props.size ? property(SIZES[props.size as keyof typeof SIZES] || props.size, sizeBuilder) : null)}\n  ${({ sizeXS, sizeS, sizeM, sizeL, sizeXL }) => {\n    return responsiveNamedProperty({\n      sizes: {\n        sizeXS: getSize(sizeXS),\n        sizeS: getSize(sizeS),\n        sizeM: getSize(sizeM),\n        sizeL: getSize(sizeL),\n        sizeXL: getSize(sizeXL),\n      },\n      cssProperty: sizeBuilder,\n    })\n  }}\n\n  ${(props) => (props.fullscreen ? fullscreen : null)}\n`\n"],"names":["SIZES","l","m","s","spinner","keyframes","fullscreen","css","inline","sizeBuilder","size","sizing","getSize","Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","property","sizeXS","sizeS","sizeM","sizeL","sizeXL","responsiveNamedProperty","sizes","cssProperty"],"mappings":"wIAKA,MAAMA,MAAQ,CACZC,EAAG,GACHC,EAAG,GACHC,EAAG,IAGL,MAAMC,QAAUC,UAAS,CAAA,kCAMzB,MAAMC,WAAaC,IAAG,CAAA,uFAQtB,MAAMC,OAASD,IAAG,CAAA,yDAMlB,MAAME,YAA4BA,CAACC,EAAMC,EAAS,OAC5CD,IAAS,EAAU,KAChBH,IAAG,CAAA,SAAA,GAAA,WAAA,GAAA,mBAAA,GAAA,WAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,MACCG,EAAiBC,EAChBD,EAAiBC,EAEhBD,EAAiBC,EAChBD,EAAiBC,EACXD,EAAkB,EAAIC,EACrBD,EAAkB,EAAIC,GAK7C,MAAMC,QAAWF,GACVA,UAAeA,GAAS,iBAClBA,GAAS,SAAiBA,EACjCV,MAAMU,GACDV,MAAMU,GAER,EALwC,EAQ1C,MAAMG,KAAOC,OAAOC,IAAIC,WAAyB,CACtDC,kBAAoBC,GAAS,CAAC,YAAa,SAASC,SAASD,KAC7DF,WAAA,CAAAI,YAAA,gBAAAC,YAAA,oBAFkBP,CAElB,CAAA,+MAAA,0BAAA,IAAA,IAAA,IAAA,IAaeV,QAEZkB,GAAWA,EAAMd,OAASA,OAAS,KAEnCc,GAAWA,EAAMZ,KAAOa,SAASvB,MAAMsB,EAAMZ,OAA+BY,EAAMZ,KAAMD,aAAe,KACxG,EAAGe,SAAQC,QAAOC,QAAOC,QAAOC,YACzBC,wBAAwB,CAC7BC,MAAO,CACLN,OAAQZ,QAAQY,GAChBC,MAAOb,QAAQa,GACfC,MAAOd,QAAQc,GACfC,MAAOf,QAAQe,GACfC,OAAQhB,QAAQgB,IAElBG,YAAatB,cAIda,GAAWA,EAAMhB,WAAaA,WAAa"}

package/components/Switch/Knob.js

@@ -1,2 +1,2 @@
-'use strict';var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');const Knob=withMergedProps.withMergedProps((({size:s="m",...e})=>jsxRuntime.jsx(style.Knob,{...e,size:s})),{displayName:'Knob',sizes:constants.SIZES_KNOB});exports.Knob=Knob;
+'use strict';var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');const Knob=withMergedProps.withMergedProps(({size:s="m",...e})=>jsxRuntime.jsx(style.Knob,{...e,size:s}),{displayName:'Knob',sizes:constants.SIZES_KNOB});exports.Knob=Knob;
 //# sourceMappingURL=Knob.js.map

package/components/Switch/Knob.js.map

@@ -1 +1 @@
-{"version":3,"file":"Knob.js","sources":["../../../../src/components/Switch/Knob.tsx"],"sourcesContent":["import { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES_KNOB } from './constants'\nimport * as Styled from './style'\nimport type { KnobProps } from './types'\n\nconst COMPONENT_NAME = 'Knob'\n\nconst Knob: React.ForwardRefExoticComponent<KnobProps> = withMergedProps<KnobProps, HTMLSpanElement>(\n  ({ size = 'm', ...props }) => {\n    return <Styled.Knob {...props} size={size} />\n  },\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES_KNOB,\n  }\n)\n\nexport { Knob }\n"],"names":["Knob","withMergedProps","size","props","_jsx","Styled","displayName","sizes","SIZES_KNOB"],"mappings":"8LAOA,MAAMA,KAAmDC,gBAAAA,iBACvD,EAAGC,OAAO,OAAQC,KACTC,WAAAA,IAACC,MAAAA,KAAW,IAAKF,EAAOD,KAAMA,KAEvC,CACEI,YAPmB,OAQnBC,MAAOC,UAAAA"}
+{"version":3,"file":"Knob.js","sources":["../../../../src/components/Switch/Knob.tsx"],"sourcesContent":["import { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES_KNOB } from './constants'\nimport * as Styled from './style'\nimport type { KnobProps } from './types'\n\nconst COMPONENT_NAME = 'Knob'\n\nconst Knob: React.ForwardRefExoticComponent<KnobProps> = withMergedProps<KnobProps, HTMLSpanElement>(\n  ({ size = 'm', ...props }) => {\n    return <Styled.Knob {...props} size={size} />\n  },\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES_KNOB,\n  }\n)\n\nexport { Knob }\n"],"names":["Knob","withMergedProps","size","props","_jsx","Styled","displayName","sizes","SIZES_KNOB"],"mappings":"8LAOA,MAAMA,KAAmDC,gBAAAA,gBACvD,EAAGC,OAAO,OAAQC,KACTC,WAAAA,IAACC,MAAAA,KAAW,IAAKF,EAAOD,KAAMA,IAEvC,CACEI,YAPmB,OAQnBC,MAAOC,UAAAA"}

package/components/Switch/Knob.mjs

@@ -1,2 +1,2 @@
-import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES_KNOB}from'./constants.mjs';import{Knob as Knob$1}from'./style.mjs';import{jsx}from'react/jsx-runtime';const Knob=withMergedProps((({size:o="m",...s})=>jsx(Knob$1,{...s,size:o})),{displayName:'Knob',sizes:SIZES_KNOB});export{Knob};
+import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES_KNOB}from'./constants.mjs';import{Knob as Knob$1}from'./style.mjs';import{jsx}from'react/jsx-runtime';const Knob=withMergedProps(({size:o="m",...s})=>jsx(Knob$1,{...s,size:o}),{displayName:'Knob',sizes:SIZES_KNOB});export{Knob};
 //# sourceMappingURL=Knob.mjs.map

package/components/Switch/Knob.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Knob.mjs","sources":["../../../../src/components/Switch/Knob.tsx"],"sourcesContent":["import { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES_KNOB } from './constants'\nimport * as Styled from './style'\nimport type { KnobProps } from './types'\n\nconst COMPONENT_NAME = 'Knob'\n\nconst Knob: React.ForwardRefExoticComponent<KnobProps> = withMergedProps<KnobProps, HTMLSpanElement>(\n  ({ size = 'm', ...props }) => {\n    return <Styled.Knob {...props} size={size} />\n  },\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES_KNOB,\n  }\n)\n\nexport { Knob }\n"],"names":["Knob","withMergedProps","size","props","_jsx","Styled","displayName","sizes","SIZES_KNOB"],"mappings":"+KAOA,MAAMA,KAAmDC,iBACvD,EAAGC,OAAO,OAAQC,KACTC,IAACC,OAAW,IAAKF,EAAOD,KAAMA,KAEvC,CACEI,YAPmB,OAQnBC,MAAOC"}
+{"version":3,"file":"Knob.mjs","sources":["../../../../src/components/Switch/Knob.tsx"],"sourcesContent":["import { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES_KNOB } from './constants'\nimport * as Styled from './style'\nimport type { KnobProps } from './types'\n\nconst COMPONENT_NAME = 'Knob'\n\nconst Knob: React.ForwardRefExoticComponent<KnobProps> = withMergedProps<KnobProps, HTMLSpanElement>(\n  ({ size = 'm', ...props }) => {\n    return <Styled.Knob {...props} size={size} />\n  },\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES_KNOB,\n  }\n)\n\nexport { Knob }\n"],"names":["Knob","withMergedProps","size","props","_jsx","Styled","displayName","sizes","SIZES_KNOB"],"mappings":"+KAOA,MAAMA,KAAmDC,gBACvD,EAAGC,OAAO,OAAQC,KACTC,IAACC,OAAW,IAAKF,EAAOD,KAAMA,IAEvC,CACEI,YAPmB,OAQnBC,MAAOC"}

package/components/Switch/Switch.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var Knob=require('./Knob.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');const Switch=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{size:i="s",knobProps:t={},sizeXXS:r,sizeXS:n,sizeS:a,sizeM:c,sizeL:o,sizeXL:l,sizes:z,sizeUnits:u,preset:d,inline:j,palette:p,style:h,className:x,disabled:S,...w}=e;const b={size:i,sizeXXS:r,sizeXS:n,sizeS:a,sizeM:c,sizeL:o,sizeXL:l};return jsxRuntime.jsxs(style.Root,{...b,sizes:z,sizeUnits:u,preset:d,inline:j,palette:p,style:h,className:x,disabled:S,children:[jsxRuntime.jsx(style.Input,{...w,disabled:S,type:"checkbox",ref:s}),jsxRuntime.jsx(style.Track,{children:jsxRuntime.jsx(Knob.Knob,{...b,...t})})]})})),{displayName:"Switch",sizes:constants.SIZES});exports.COMPONENT_NAME="Switch",exports.Switch=Switch;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var Knob=require('./Knob.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');const Switch=withMergedProps.withMergedProps(React.forwardRef((e,s)=>{const{size:i="s",knobProps:t={},sizeXXS:r,sizeXS:n,sizeS:a,sizeM:c,sizeL:o,sizeXL:l,sizes:z,sizeUnits:u,preset:d,inline:j,palette:p,style:h,className:x,disabled:S,...w}=e;const b={size:i,sizeXXS:r,sizeXS:n,sizeS:a,sizeM:c,sizeL:o,sizeXL:l};return jsxRuntime.jsxs(style.Root,{...b,sizes:z,sizeUnits:u,preset:d,inline:j,palette:p,style:h,className:x,disabled:S,children:[jsxRuntime.jsx(style.Input,{...w,disabled:S,type:"checkbox",ref:s}),jsxRuntime.jsx(style.Track,{children:jsxRuntime.jsx(Knob.Knob,{...b,...t})})]})}),{displayName:"Switch",sizes:constants.SIZES});exports.COMPONENT_NAME="Switch",exports.Switch=Switch;
 //# sourceMappingURL=Switch.js.map

package/components/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Knob } from './Knob'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { SwitchProps } from './types'\n\nconst COMPONENT_NAME = 'Switch'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол для переключения между двумя значениями: включено или выключено.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<input\\> элемента.\n */\nconst Switch: React.ForwardRefExoticComponent<SwitchProps> = withMergedProps<SwitchProps, HTMLInputElement>(\n  forwardRef<HTMLInputElement, MergedProps<SwitchProps>>((props, ref) => {\n    const {\n      size = 's',\n      knobProps = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizes,\n      sizeUnits,\n      preset,\n      inline,\n      palette,\n      style,\n      className,\n      disabled,\n      ...inputProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    return (\n      <Styled.Root\n        {...sizeProps}\n        sizes={sizes}\n        sizeUnits={sizeUnits}\n        preset={preset}\n        inline={inline}\n        palette={palette}\n        style={style}\n        className={className}\n        disabled={disabled}\n      >\n        <Styled.Input {...inputProps} disabled={disabled} type='checkbox' ref={ref} />\n        <Styled.Track>\n          <Knob {...sizeProps} {...knobProps} />\n        </Styled.Track>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Switch, COMPONENT_NAME }\n"],"names":["Switch","withMergedProps","forwardRef","props","ref","size","knobProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","preset","inline","palette","style","className","disabled","inputProps","sizeProps","_jsxs","Styled","children","_jsx","type","Knob","displayName","SIZES"],"mappings":"uPAkBA,MAAMA,OAAuDC,gBAAAA,gBAC3DC,MAAAA,YAAuD,CAACC,EAAOC,KAC7D,MAAMC,KACJA,EAAO,IAAGC,UACVA,EAAY,CAAA,EAAEC,QACdA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,OACNA,EAAMC,QACNA,QACAC,EAAKC,UACLA,EAASC,SACTA,KACGC,GACDlB,EAEJ,MAAMmB,EAAY,CAChBjB,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,OACEW,WAAAA,KAACC,MAAAA,KAAW,IACNF,EACJT,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EACTC,MAAOA,EACPC,UAAWA,EACXC,SAAUA,EAASK,SAAA,CAEnBC,WAAAA,IAACF,YAAY,IAAKH,EAAYD,SAAUA,EAAUO,KAAK,WAAWvB,IAAKA,IACvEsB,WAAAA,IAACF,YAAY,CAAAC,SACXC,WAAAA,IAACE,UAAI,IAAKN,KAAehB,QAEf,IAGlB,CACEuB,YA9DmB,SA+DnBhB,MAAOiB,UAAAA,+BA/DY"}
+{"version":3,"file":"Switch.js","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Knob } from './Knob'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { SwitchProps } from './types'\n\nconst COMPONENT_NAME = 'Switch'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол для переключения между двумя значениями: включено или выключено.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<input\\> элемента.\n */\nconst Switch: React.ForwardRefExoticComponent<SwitchProps> = withMergedProps<SwitchProps, HTMLInputElement>(\n  forwardRef<HTMLInputElement, MergedProps<SwitchProps>>((props, ref) => {\n    const {\n      size = 's',\n      knobProps = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizes,\n      sizeUnits,\n      preset,\n      inline,\n      palette,\n      style,\n      className,\n      disabled,\n      ...inputProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    return (\n      <Styled.Root\n        {...sizeProps}\n        sizes={sizes}\n        sizeUnits={sizeUnits}\n        preset={preset}\n        inline={inline}\n        palette={palette}\n        style={style}\n        className={className}\n        disabled={disabled}\n      >\n        <Styled.Input {...inputProps} disabled={disabled} type='checkbox' ref={ref} />\n        <Styled.Track>\n          <Knob {...sizeProps} {...knobProps} />\n        </Styled.Track>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Switch, COMPONENT_NAME }\n"],"names":["Switch","withMergedProps","forwardRef","props","ref","size","knobProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","preset","inline","palette","style","className","disabled","inputProps","sizeProps","_jsxs","Styled","children","_jsx","type","Knob","displayName","SIZES"],"mappings":"uPAkBA,MAAMA,OAAuDC,gBAAAA,gBAC3DC,MAAAA,WAAuD,CAACC,EAAOC,KAC7D,MAAMC,KACJA,EAAO,IAAGC,UACVA,EAAY,CAAA,EAAEC,QACdA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,OACNA,EAAMC,QACNA,QACAC,EAAKC,UACLA,EAASC,SACTA,KACGC,GACDlB,EAEJ,MAAMmB,EAAY,CAChBjB,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,OACEW,WAAAA,KAACC,MAAAA,KAAW,IACNF,EACJT,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EACTC,MAAOA,EACPC,UAAWA,EACXC,SAAUA,EAASK,SAAA,CAEnBC,WAAAA,IAACF,YAAY,IAAKH,EAAYD,SAAUA,EAAUO,KAAK,WAAWvB,IAAKA,IACvEsB,WAAAA,IAACF,YAAY,CAAAC,SACXC,WAAAA,IAACE,UAAI,IAAKN,KAAehB,WAKjC,CACEuB,YA9DmB,SA+DnBhB,MAAOiB,UAAAA,+BA/DY"}

package/components/Switch/Switch.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Knob}from'./Knob.mjs';import{SIZES}from'./constants.mjs';import{Root,Input,Track}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';const COMPONENT_NAME='Switch';const Switch=withMergedProps(forwardRef(((s,e)=>{const{size:i="s",knobProps:t={},sizeXXS:r,sizeXS:o,sizeS:n,sizeM:c,sizeL:m,sizeXL:p,sizes:z,sizeUnits:a,preset:l,inline:d,palette:S,style:f,className:h,disabled:j,...w}=s;const x={size:i,sizeXXS:r,sizeXS:o,sizeS:n,sizeM:c,sizeL:m,sizeXL:p};return jsxs(Root,{...x,sizes:z,sizeUnits:a,preset:l,inline:d,palette:S,style:f,className:h,disabled:j,children:[jsx(Input,{...w,disabled:j,type:"checkbox",ref:e}),jsx(Track,{children:jsx(Knob,{...x,...t})})]})})),{displayName:"Switch",sizes:SIZES});export{COMPONENT_NAME,Switch};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Knob}from'./Knob.mjs';import{SIZES}from'./constants.mjs';import{Root,Input,Track}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';const COMPONENT_NAME='Switch';const Switch=withMergedProps(forwardRef((s,e)=>{const{size:i="s",knobProps:t={},sizeXXS:r,sizeXS:o,sizeS:n,sizeM:c,sizeL:m,sizeXL:p,sizes:z,sizeUnits:a,preset:l,inline:d,palette:S,style:f,className:h,disabled:j,...w}=s;const x={size:i,sizeXXS:r,sizeXS:o,sizeS:n,sizeM:c,sizeL:m,sizeXL:p};return jsxs(Root,{...x,sizes:z,sizeUnits:a,preset:l,inline:d,palette:S,style:f,className:h,disabled:j,children:[jsx(Input,{...w,disabled:j,type:"checkbox",ref:e}),jsx(Track,{children:jsx(Knob,{...x,...t})})]})}),{displayName:"Switch",sizes:SIZES});export{COMPONENT_NAME,Switch};
 //# sourceMappingURL=Switch.mjs.map

package/components/Switch/Switch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.mjs","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Knob } from './Knob'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { SwitchProps } from './types'\n\nconst COMPONENT_NAME = 'Switch'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол для переключения между двумя значениями: включено или выключено.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<input\\> элемента.\n */\nconst Switch: React.ForwardRefExoticComponent<SwitchProps> = withMergedProps<SwitchProps, HTMLInputElement>(\n  forwardRef<HTMLInputElement, MergedProps<SwitchProps>>((props, ref) => {\n    const {\n      size = 's',\n      knobProps = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizes,\n      sizeUnits,\n      preset,\n      inline,\n      palette,\n      style,\n      className,\n      disabled,\n      ...inputProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    return (\n      <Styled.Root\n        {...sizeProps}\n        sizes={sizes}\n        sizeUnits={sizeUnits}\n        preset={preset}\n        inline={inline}\n        palette={palette}\n        style={style}\n        className={className}\n        disabled={disabled}\n      >\n        <Styled.Input {...inputProps} disabled={disabled} type='checkbox' ref={ref} />\n        <Styled.Track>\n          <Knob {...sizeProps} {...knobProps} />\n        </Styled.Track>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Switch, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Switch","withMergedProps","forwardRef","props","ref","size","knobProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","preset","inline","palette","style","className","disabled","inputProps","sizeProps","_jsxs","Styled","children","_jsx","type","Knob","displayName","SIZES"],"mappings":"4OAQA,MAAMA,eAAiB,SAUvB,MAAMC,OAAuDC,gBAC3DC,YAAuD,CAACC,EAAOC,KAC7D,MAAMC,KACJA,EAAO,IAAGC,UACVA,EAAY,CAAA,EAAEC,QACdA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,OACNA,EAAMC,QACNA,EAAOC,MACPA,EAAKC,UACLA,EAASC,SACTA,KACGC,GACDlB,EAEJ,MAAMmB,EAAY,CAChBjB,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,OACEW,KAACC,KAAW,IACNF,EACJT,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EACTC,MAAOA,EACPC,UAAWA,EACXC,SAAUA,EAASK,SAAA,CAEnBC,IAACF,MAAY,IAAKH,EAAYD,SAAUA,EAAUO,KAAK,WAAWvB,IAAKA,IACvEsB,IAACF,MAAY,CAAAC,SACXC,IAACE,KAAI,IAAKN,KAAehB,QAEf,IAGlB,CACEuB,YA9DmB,SA+DnBhB,MAAOiB"}
+{"version":3,"file":"Switch.mjs","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Knob } from './Knob'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { SwitchProps } from './types'\n\nconst COMPONENT_NAME = 'Switch'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол для переключения между двумя значениями: включено или выключено.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<input\\> элемента.\n */\nconst Switch: React.ForwardRefExoticComponent<SwitchProps> = withMergedProps<SwitchProps, HTMLInputElement>(\n  forwardRef<HTMLInputElement, MergedProps<SwitchProps>>((props, ref) => {\n    const {\n      size = 's',\n      knobProps = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizes,\n      sizeUnits,\n      preset,\n      inline,\n      palette,\n      style,\n      className,\n      disabled,\n      ...inputProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    return (\n      <Styled.Root\n        {...sizeProps}\n        sizes={sizes}\n        sizeUnits={sizeUnits}\n        preset={preset}\n        inline={inline}\n        palette={palette}\n        style={style}\n        className={className}\n        disabled={disabled}\n      >\n        <Styled.Input {...inputProps} disabled={disabled} type='checkbox' ref={ref} />\n        <Styled.Track>\n          <Knob {...sizeProps} {...knobProps} />\n        </Styled.Track>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Switch, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Switch","withMergedProps","forwardRef","props","ref","size","knobProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","preset","inline","palette","style","className","disabled","inputProps","sizeProps","_jsxs","Styled","children","_jsx","type","Knob","displayName","SIZES"],"mappings":"4OAQA,MAAMA,eAAiB,SAUvB,MAAMC,OAAuDC,gBAC3DC,WAAuD,CAACC,EAAOC,KAC7D,MAAMC,KACJA,EAAO,IAAGC,UACVA,EAAY,CAAA,EAAEC,QACdA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,OACNA,EAAMC,QACNA,EAAOC,MACPA,EAAKC,UACLA,EAASC,SACTA,KACGC,GACDlB,EAEJ,MAAMmB,EAAY,CAChBjB,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,OACEW,KAACC,KAAW,IACNF,EACJT,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,OAAQA,EACRC,QAASA,EACTC,MAAOA,EACPC,UAAWA,EACXC,SAAUA,EAASK,SAAA,CAEnBC,IAACF,MAAY,IAAKH,EAAYD,SAAUA,EAAUO,KAAK,WAAWvB,IAAKA,IACvEsB,IAACF,MAAY,CAAAC,SACXC,IAACE,KAAI,IAAKN,KAAehB,WAKjC,CACEuB,YA9DmB,SA+DnBhB,MAAOiB"}

package/components/Switch/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var hover=require('../../mixins/hover.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);const shouldForwardSwitchProp=style.createShouldForwardProp((o=>!['inline','disabled'].includes(o)));const shouldForwardKnobProp=style.createShouldForwardProp();const Input=styled__default.default.input.withConfig({shouldForwardProp:o=>!['error','success','onColored'].includes(o)}).withConfig({displayName:"Switch__Input",componentId:"ui__sc-9l6yad-0"})(["box-sizing:border-box;position:absolute;top:0;left:0;margin:0;border:none;opacity:0;width:100%;height:100%;z-index:1;cursor:inherit;&:focus{outline:none;}"]);const Track=styled__default.default.span.withConfig({displayName:"Switch__Track",componentId:"ui__sc-9l6yad-1"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;padding:0 1px;border-radius:inherit;transition:background-color 250ms linear;"]);const Knob=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardKnobProp}).withConfig({displayName:"Switch__Knob",componentId:"ui__sc-9l6yad-2"})(["box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:50%;height:100%;transition:transform 250ms cubic-bezier(0.45,0,0.2,1);&::after{content:'';flex-shrink:0;","}"],responsiveSize.responsiveSize);const Root=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardSwitchProp}).withConfig({displayName:"Switch__Root",componentId:"ui__sc-9l6yad-3"})([""," "," ",""],(o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      flex-shrink: 0;\n      display: ${o.inline?'inline-flex':'flex'};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n\n      & > ${Input}:checked + ${Track} > ${Knob} {\n        transform: translateX(100%);\n      }\n\n      & > ${Input}:focus-visible + ${Track} {\n        box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `),(o=>{return e={knobColor:o.theme.colors['bg-oncolor-primary'],knobShadowColor:o.theme.colors['bg-oncolor-hover'],trackColor:o.theme.colors['bg-onmain-tertiary'],trackColorHover:tinycolor__default.default(o.theme.colors['bg-onmain-tertiary']).darken(6).toString(),trackColorChecked:o.theme.colors['bg-brand-primary-basic'],trackColorCheckedHover:tinycolor__default.default(o.theme.colors['bg-brand-primary-basic']).lighten(4).toString(),trackColorDisabled:o.theme.colors['bg-disabled-small'],trackColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette},`\n  & > ${Track} > ${Knob}::after {\n    background-color: ${e.knobColor};\n    box-shadow: 0px 2px 4px ${e.knobShadowColor};\n  }\n  & > ${Track} {\n    background-color: ${e.trackColor};\n  }\n  & > ${Input}:not(:disabled):checked + ${Track} {\n    background-color: ${e.trackColorChecked};\n  }\n  & > ${Input}:disabled + ${Track} {\n    background-color: ${e.trackColorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${Track} {\n    background-color: ${e.trackColorDisabledChecked};\n  }\n  ${hover.hover(`\n      background-color: ${e.trackColorHover};\n    `,`&:hover > ${Input}:not(:disabled) + ${Track}`)}\n  ${hover.hover(`\n      background-color: ${e.trackColorCheckedHover};\n    `,`&:hover > ${Input}:not(:disabled):checked + ${Track}`)}\n`;var e}),responsiveSize.responsiveSize);exports.Input=Input,exports.Knob=Knob,exports.Root=Root,exports.Track=Track;
+'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var hover=require('../../mixins/hover.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);const shouldForwardSwitchProp=style.createShouldForwardProp(o=>!['inline','disabled'].includes(o));const shouldForwardKnobProp=style.createShouldForwardProp();const Input=styled__default.default.input.withConfig({shouldForwardProp:o=>!['error','success','onColored'].includes(o)}).withConfig({displayName:"Switch__Input",componentId:"ui__sc-9l6yad-0"})(["box-sizing:border-box;position:absolute;top:0;left:0;margin:0;border:none;opacity:0;width:100%;height:100%;z-index:1;cursor:inherit;&:focus{outline:none;}"]);const Track=styled__default.default.span.withConfig({displayName:"Switch__Track",componentId:"ui__sc-9l6yad-1"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;padding:0 1px;border-radius:inherit;transition:background-color 250ms linear;"]);const Knob=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardKnobProp}).withConfig({displayName:"Switch__Knob",componentId:"ui__sc-9l6yad-2"})(["box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:50%;height:100%;transition:transform 250ms cubic-bezier(0.45,0,0.2,1);&::after{content:'';flex-shrink:0;","}"],responsiveSize.responsiveSize);const Root=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardSwitchProp}).withConfig({displayName:"Switch__Root",componentId:"ui__sc-9l6yad-3"})([""," "," ",""],o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      flex-shrink: 0;\n      display: ${o.inline?'inline-flex':'flex'};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n\n      & > ${Input}:checked + ${Track} > ${Knob} {\n        transform: translateX(100%);\n      }\n\n      & > ${Input}:focus-visible + ${Track} {\n        box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `,o=>{return e={knobColor:o.theme.colors['bg-oncolor-primary'],knobShadowColor:o.theme.colors['bg-oncolor-hover'],trackColor:o.theme.colors['bg-onmain-tertiary'],trackColorHover:tinycolor__default.default(o.theme.colors['bg-onmain-tertiary']).darken(6).toString(),trackColorChecked:o.theme.colors['bg-brand-primary-basic'],trackColorCheckedHover:tinycolor__default.default(o.theme.colors['bg-brand-primary-basic']).lighten(4).toString(),trackColorDisabled:o.theme.colors['bg-disabled-small'],trackColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette},`\n  & > ${Track} > ${Knob}::after {\n    background-color: ${e.knobColor};\n    box-shadow: 0px 2px 4px ${e.knobShadowColor};\n  }\n  & > ${Track} {\n    background-color: ${e.trackColor};\n  }\n  & > ${Input}:not(:disabled):checked + ${Track} {\n    background-color: ${e.trackColorChecked};\n  }\n  & > ${Input}:disabled + ${Track} {\n    background-color: ${e.trackColorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${Track} {\n    background-color: ${e.trackColorDisabledChecked};\n  }\n  ${hover.hover(`\n      background-color: ${e.trackColorHover};\n    `,`&:hover > ${Input}:not(:disabled) + ${Track}`)}\n  ${hover.hover(`\n      background-color: ${e.trackColorCheckedHover};\n    `,`&:hover > ${Input}:not(:disabled):checked + ${Track}`)}\n`;var e},responsiveSize.responsiveSize);exports.Input=Input,exports.Knob=Knob,exports.Root=Root,exports.Track=Track;
 //# sourceMappingURL=style.js.map

package/components/Switch/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Switch/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledSwitchProps, StyledKnobProps, SwitchPalette } from './types'\n\nconst shouldForwardSwitchProp = createShouldForwardProp((propKey) => !['inline', 'disabled'].includes(propKey))\n\nconst shouldForwardKnobProp = createShouldForwardProp()\n\nexport const Input = styled.input.withConfig({\n  shouldForwardProp: (propKey) => !['error', 'success', 'onColored'].includes(propKey),\n})`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin: 0;\n  border: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  cursor: inherit;\n  &:focus {\n    outline: none;\n  }\n`\n\nexport const Track = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  padding: 0 1px;\n  border-radius: inherit;\n  transition: background-color 250ms linear;\n`\n\nexport const Knob = styled.span.withConfig<StyledKnobProps>({\n  shouldForwardProp: shouldForwardKnobProp,\n})`\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 50%;\n  height: 100%;\n  transition: transform 250ms cubic-bezier(0.45, 0, 0.2, 1);\n  &::after {\n    content: '';\n    flex-shrink: 0;\n    ${responsiveSize}\n  }\n`\n\nconst template = (palette: SwitchPalette) => `\n  & > ${Track} > ${Knob}::after {\n    background-color: ${palette.knobColor};\n    box-shadow: 0px 2px 4px ${palette.knobShadowColor};\n  }\n  & > ${Track} {\n    background-color: ${palette.trackColor};\n  }\n  & > ${Input}:not(:disabled):checked + ${Track} {\n    background-color: ${palette.trackColorChecked};\n  }\n  & > ${Input}:disabled + ${Track} {\n    background-color: ${palette.trackColorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${Track} {\n    background-color: ${palette.trackColorDisabledChecked};\n  }\n  ${hover(\n    `\n      background-color: ${palette.trackColorHover};\n    `,\n    `&:hover > ${Input}:not(:disabled) + ${Track}`\n  )}\n  ${hover(\n    `\n      background-color: ${palette.trackColorCheckedHover};\n    `,\n    `&:hover > ${Input}:not(:disabled):checked + ${Track}`\n  )}\n`\n\nexport const Root = styled.span.withConfig<StyledSwitchProps>({\n  shouldForwardProp: shouldForwardSwitchProp,\n})`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      flex-shrink: 0;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n      & > ${Input}:checked + ${Track} > ${Knob} {\n        transform: translateX(100%);\n      }\n\n      & > ${Input}:focus-visible + ${Track} {\n        box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `}\n\n  ${(props) =>\n    template({\n      knobColor: props.theme.colors['bg-oncolor-primary'],\n      knobShadowColor: props.theme.colors['bg-oncolor-hover'],\n      trackColor: props.theme.colors['bg-onmain-tertiary'],\n      trackColorHover: tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(6).toString() as CSSColor,\n      trackColorChecked: props.theme.colors['bg-brand-primary-basic'],\n      trackColorCheckedHover: tinycolor(props.theme.colors['bg-brand-primary-basic']).lighten(4).toString() as CSSColor,\n      trackColorDisabled: props.theme.colors['bg-disabled-small'],\n      trackColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardSwitchProp","createShouldForwardProp","propKey","includes","shouldForwardKnobProp","Input","styled","input","withConfig","shouldForwardProp","displayName","componentId","Track","span","Knob","responsiveSize","Root","props","inline","disabled","theme","colors","white","template","palette","knobColor","knobShadowColor","trackColor","trackColorHover","tinycolor","darken","toString","trackColorChecked","trackColorCheckedHover","lighten","trackColorDisabled","trackColorDisabledChecked","hover"],"mappings":"kZAQA,MAAMA,wBAA0BC,MAAAA,yBAAyBC,IAAa,CAAC,SAAU,YAAYC,SAASD,KAEtG,MAAME,sBAAwBH,MAAAA,0BAEvB,MAAMI,MAAQC,gBAAAA,QAAOC,MAAMC,WAAW,CAC3CC,kBAAoBP,IAAa,CAAC,QAAS,UAAW,aAAaC,SAASD,KAC5EM,WAAA,CAAAE,YAAA,gBAAAC,YAAA,mBAFmBL,CAEnB,CAAA,qKAiBWM,MAAQN,gBAAAA,QAAOO,KAAIL,WAAA,CAAAE,YAAA,gBAAAC,YAAA,mBAAXL,CAAW,CAAA,8JAYzB,MAAMQ,KAAOR,gBAAAA,QAAOO,KAAKL,WAA4B,CAC1DC,kBAAmBL,wBACnBI,WAAA,CAAAE,YAAA,eAAAC,YAAA,mBAFkBL,CAElB,CAAA,8LAAA,KAWIS,eAAAA,gBAmCC,MAAMC,KAAOV,gBAAAA,QAAOO,KAAKL,WAA8B,CAC5DC,kBAAmBT,0BACnBQ,WAAA,CAAAE,YAAA,eAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,KACGW,GAAU,gIAKEA,EAAMC,OAAS,cAAgB,0BAChCD,EAAME,SAAW,cAAgB,2BAErCd,mBAAmBO,WAAWE,sEAI9BT,yBAAyBO,0CACLK,EAAMG,MAAMC,OAAOC,oBAAoBL,EAAMG,MAAMC,OAAO,yGAMrFJ,IACDM,OAtDcC,EAsDL,CACPC,UAAWR,EAAMG,MAAMC,OAAO,sBAC9BK,gBAAiBT,EAAMG,MAAMC,OAAO,oBACpCM,WAAYV,EAAMG,MAAMC,OAAO,sBAC/BO,gBAAiBC,mBAAAA,QAAUZ,EAAMG,MAAMC,OAAO,uBAAuBS,OAAO,GAAGC,WAC/EC,kBAAmBf,EAAMG,MAAMC,OAAO,0BACtCY,uBAAwBJ,mBAAAA,QAAUZ,EAAMG,MAAMC,OAAO,2BAA2Ba,QAAQ,GAAGH,WAC3FI,mBAAoBlB,EAAMG,MAAMC,OAAO,qBACvCe,0BAA2BnB,EAAMG,MAAMC,OAAO,yBAC3CJ,EAAMO,SA/D8B,WACrCZ,WAAWE,wCACKU,EAAQC,2CACFD,EAAQE,gCAE9Bd,kCACgBY,EAAQG,2BAExBtB,kCAAkCO,kCAClBY,EAAQQ,kCAExB3B,oBAAoBO,kCACJY,EAAQW,mCAExB9B,4BAA4BO,kCACZY,EAAQY,sCAE5BC,YACA,6BACsBb,EAAQI,yBAE9B,aAAavB,0BAA0BO,eAEvCyB,YACA,6BACsBb,EAAQS,gCAE9B,aAAa5B,kCAAkCO,aA3BjCY,KAgEZ,GAEFT,eAAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Switch/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledSwitchProps, StyledKnobProps, SwitchPalette } from './types'\n\nconst shouldForwardSwitchProp = createShouldForwardProp((propKey) => !['inline', 'disabled'].includes(propKey))\n\nconst shouldForwardKnobProp = createShouldForwardProp()\n\nexport const Input = styled.input.withConfig({\n  shouldForwardProp: (propKey) => !['error', 'success', 'onColored'].includes(propKey),\n})`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin: 0;\n  border: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  cursor: inherit;\n  &:focus {\n    outline: none;\n  }\n`\n\nexport const Track = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  padding: 0 1px;\n  border-radius: inherit;\n  transition: background-color 250ms linear;\n`\n\nexport const Knob = styled.span.withConfig<StyledKnobProps>({\n  shouldForwardProp: shouldForwardKnobProp,\n})`\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 50%;\n  height: 100%;\n  transition: transform 250ms cubic-bezier(0.45, 0, 0.2, 1);\n  &::after {\n    content: '';\n    flex-shrink: 0;\n    ${responsiveSize}\n  }\n`\n\nconst template = (palette: SwitchPalette) => `\n  & > ${Track} > ${Knob}::after {\n    background-color: ${palette.knobColor};\n    box-shadow: 0px 2px 4px ${palette.knobShadowColor};\n  }\n  & > ${Track} {\n    background-color: ${palette.trackColor};\n  }\n  & > ${Input}:not(:disabled):checked + ${Track} {\n    background-color: ${palette.trackColorChecked};\n  }\n  & > ${Input}:disabled + ${Track} {\n    background-color: ${palette.trackColorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${Track} {\n    background-color: ${palette.trackColorDisabledChecked};\n  }\n  ${hover(\n    `\n      background-color: ${palette.trackColorHover};\n    `,\n    `&:hover > ${Input}:not(:disabled) + ${Track}`\n  )}\n  ${hover(\n    `\n      background-color: ${palette.trackColorCheckedHover};\n    `,\n    `&:hover > ${Input}:not(:disabled):checked + ${Track}`\n  )}\n`\n\nexport const Root = styled.span.withConfig<StyledSwitchProps>({\n  shouldForwardProp: shouldForwardSwitchProp,\n})`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      flex-shrink: 0;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n      & > ${Input}:checked + ${Track} > ${Knob} {\n        transform: translateX(100%);\n      }\n\n      & > ${Input}:focus-visible + ${Track} {\n        box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `}\n\n  ${(props) =>\n    template({\n      knobColor: props.theme.colors['bg-oncolor-primary'],\n      knobShadowColor: props.theme.colors['bg-oncolor-hover'],\n      trackColor: props.theme.colors['bg-onmain-tertiary'],\n      trackColorHover: tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(6).toString() as CSSColor,\n      trackColorChecked: props.theme.colors['bg-brand-primary-basic'],\n      trackColorCheckedHover: tinycolor(props.theme.colors['bg-brand-primary-basic']).lighten(4).toString() as CSSColor,\n      trackColorDisabled: props.theme.colors['bg-disabled-small'],\n      trackColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardSwitchProp","createShouldForwardProp","propKey","includes","shouldForwardKnobProp","Input","styled","input","withConfig","shouldForwardProp","displayName","componentId","Track","span","Knob","responsiveSize","Root","props","inline","disabled","theme","colors","white","template","palette","knobColor","knobShadowColor","trackColor","trackColorHover","tinycolor","darken","toString","trackColorChecked","trackColorCheckedHover","lighten","trackColorDisabled","trackColorDisabledChecked","hover"],"mappings":"kZAQA,MAAMA,wBAA0BC,MAAAA,wBAAyBC,IAAa,CAAC,SAAU,YAAYC,SAASD,IAEtG,MAAME,sBAAwBH,MAAAA,0BAEvB,MAAMI,MAAQC,gBAAAA,QAAOC,MAAMC,WAAW,CAC3CC,kBAAoBP,IAAa,CAAC,QAAS,UAAW,aAAaC,SAASD,KAC5EM,WAAA,CAAAE,YAAA,gBAAAC,YAAA,mBAFmBL,CAEnB,CAAA,qKAiBWM,MAAQN,gBAAAA,QAAOO,KAAIL,WAAA,CAAAE,YAAA,gBAAAC,YAAA,mBAAXL,CAAW,CAAA,8JAYzB,MAAMQ,KAAOR,gBAAAA,QAAOO,KAAKL,WAA4B,CAC1DC,kBAAmBL,wBACnBI,WAAA,CAAAE,YAAA,eAAAC,YAAA,mBAFkBL,CAElB,CAAA,8LAAA,KAWIS,eAAAA,gBAmCC,MAAMC,KAAOV,gBAAAA,QAAOO,KAAKL,WAA8B,CAC5DC,kBAAmBT,0BACnBQ,WAAA,CAAAE,YAAA,eAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IACGW,GAAU,gIAKEA,EAAMC,OAAS,cAAgB,0BAChCD,EAAME,SAAW,cAAgB,2BAErCd,mBAAmBO,WAAWE,sEAI9BT,yBAAyBO,0CACLK,EAAMG,MAAMC,OAAOC,oBAAoBL,EAAMG,MAAMC,OAAO,uGAMrFJ,IACDM,OAtDcC,EAsDL,CACPC,UAAWR,EAAMG,MAAMC,OAAO,sBAC9BK,gBAAiBT,EAAMG,MAAMC,OAAO,oBACpCM,WAAYV,EAAMG,MAAMC,OAAO,sBAC/BO,gBAAiBC,mBAAAA,QAAUZ,EAAMG,MAAMC,OAAO,uBAAuBS,OAAO,GAAGC,WAC/EC,kBAAmBf,EAAMG,MAAMC,OAAO,0BACtCY,uBAAwBJ,mBAAAA,QAAUZ,EAAMG,MAAMC,OAAO,2BAA2Ba,QAAQ,GAAGH,WAC3FI,mBAAoBlB,EAAMG,MAAMC,OAAO,qBACvCe,0BAA2BnB,EAAMG,MAAMC,OAAO,yBAC3CJ,EAAMO,SA/D8B,WACrCZ,WAAWE,wCACKU,EAAQC,2CACFD,EAAQE,gCAE9Bd,kCACgBY,EAAQG,2BAExBtB,kCAAkCO,kCAClBY,EAAQQ,kCAExB3B,oBAAoBO,kCACJY,EAAQW,mCAExB9B,4BAA4BO,kCACZY,EAAQY,sCAE5BC,YACA,6BACsBb,EAAQI,yBAE9B,aAAavB,0BAA0BO,eAEvCyB,YACA,6BACsBb,EAAQS,gCAE9B,aAAa5B,kCAAkCO,aA3BjCY,OAkEdT,eAAAA"}

package/components/Switch/style.mjs

@@ -1,2 +1,2 @@
-import styled from'styled-components';import tinycolor from'tinycolor2';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{hover}from'../../mixins/hover.mjs';const shouldForwardSwitchProp=createShouldForwardProp((o=>!['inline','disabled'].includes(o)));const shouldForwardKnobProp=createShouldForwardProp();const Input=styled.input.withConfig({shouldForwardProp:o=>!['error','success','onColored'].includes(o)}).withConfig({displayName:"Switch__Input",componentId:"ui__sc-9l6yad-0"})(["box-sizing:border-box;position:absolute;top:0;left:0;margin:0;border:none;opacity:0;width:100%;height:100%;z-index:1;cursor:inherit;&:focus{outline:none;}"]);const Track=styled.span.withConfig({displayName:"Switch__Track",componentId:"ui__sc-9l6yad-1"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;padding:0 1px;border-radius:inherit;transition:background-color 250ms linear;"]);const Knob=styled.span.withConfig({shouldForwardProp:shouldForwardKnobProp}).withConfig({displayName:"Switch__Knob",componentId:"ui__sc-9l6yad-2"})(["box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:50%;height:100%;transition:transform 250ms cubic-bezier(0.45,0,0.2,1);&::after{content:'';flex-shrink:0;","}"],responsiveSize);const Root=styled.span.withConfig({shouldForwardProp:shouldForwardSwitchProp}).withConfig({displayName:"Switch__Root",componentId:"ui__sc-9l6yad-3"})([""," "," ",""],(o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      flex-shrink: 0;\n      display: ${o.inline?'inline-flex':'flex'};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n\n      & > ${Input}:checked + ${Track} > ${Knob} {\n        transform: translateX(100%);\n      }\n\n      & > ${Input}:focus-visible + ${Track} {\n        box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `),(o=>{return r={knobColor:o.theme.colors['bg-oncolor-primary'],knobShadowColor:o.theme.colors['bg-oncolor-hover'],trackColor:o.theme.colors['bg-onmain-tertiary'],trackColorHover:tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(6).toString(),trackColorChecked:o.theme.colors['bg-brand-primary-basic'],trackColorCheckedHover:tinycolor(o.theme.colors['bg-brand-primary-basic']).lighten(4).toString(),trackColorDisabled:o.theme.colors['bg-disabled-small'],trackColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette},`\n  & > ${Track} > ${Knob}::after {\n    background-color: ${r.knobColor};\n    box-shadow: 0px 2px 4px ${r.knobShadowColor};\n  }\n  & > ${Track} {\n    background-color: ${r.trackColor};\n  }\n  & > ${Input}:not(:disabled):checked + ${Track} {\n    background-color: ${r.trackColorChecked};\n  }\n  & > ${Input}:disabled + ${Track} {\n    background-color: ${r.trackColorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${Track} {\n    background-color: ${r.trackColorDisabledChecked};\n  }\n  ${hover(`\n      background-color: ${r.trackColorHover};\n    `,`&:hover > ${Input}:not(:disabled) + ${Track}`)}\n  ${hover(`\n      background-color: ${r.trackColorCheckedHover};\n    `,`&:hover > ${Input}:not(:disabled):checked + ${Track}`)}\n`;var r}),responsiveSize);export{Input,Knob,Root,Track};
+import styled from'styled-components';import tinycolor from'tinycolor2';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{hover}from'../../mixins/hover.mjs';const shouldForwardSwitchProp=createShouldForwardProp(o=>!['inline','disabled'].includes(o));const shouldForwardKnobProp=createShouldForwardProp();const Input=styled.input.withConfig({shouldForwardProp:o=>!['error','success','onColored'].includes(o)}).withConfig({displayName:"Switch__Input",componentId:"ui__sc-9l6yad-0"})(["box-sizing:border-box;position:absolute;top:0;left:0;margin:0;border:none;opacity:0;width:100%;height:100%;z-index:1;cursor:inherit;&:focus{outline:none;}"]);const Track=styled.span.withConfig({displayName:"Switch__Track",componentId:"ui__sc-9l6yad-1"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;padding:0 1px;border-radius:inherit;transition:background-color 250ms linear;"]);const Knob=styled.span.withConfig({shouldForwardProp:shouldForwardKnobProp}).withConfig({displayName:"Switch__Knob",componentId:"ui__sc-9l6yad-2"})(["box-sizing:border-box;display:flex;justify-content:center;align-items:center;width:50%;height:100%;transition:transform 250ms cubic-bezier(0.45,0,0.2,1);&::after{content:'';flex-shrink:0;","}"],responsiveSize);const Root=styled.span.withConfig({shouldForwardProp:shouldForwardSwitchProp}).withConfig({displayName:"Switch__Root",componentId:"ui__sc-9l6yad-3"})([""," "," ",""],o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      flex-shrink: 0;\n      display: ${o.inline?'inline-flex':'flex'};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n\n      & > ${Input}:checked + ${Track} > ${Knob} {\n        transform: translateX(100%);\n      }\n\n      & > ${Input}:focus-visible + ${Track} {\n        box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `,o=>{return r={knobColor:o.theme.colors['bg-oncolor-primary'],knobShadowColor:o.theme.colors['bg-oncolor-hover'],trackColor:o.theme.colors['bg-onmain-tertiary'],trackColorHover:tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(6).toString(),trackColorChecked:o.theme.colors['bg-brand-primary-basic'],trackColorCheckedHover:tinycolor(o.theme.colors['bg-brand-primary-basic']).lighten(4).toString(),trackColorDisabled:o.theme.colors['bg-disabled-small'],trackColorDisabledChecked:o.theme.colors['bg-disabled-active'],...o.palette},`\n  & > ${Track} > ${Knob}::after {\n    background-color: ${r.knobColor};\n    box-shadow: 0px 2px 4px ${r.knobShadowColor};\n  }\n  & > ${Track} {\n    background-color: ${r.trackColor};\n  }\n  & > ${Input}:not(:disabled):checked + ${Track} {\n    background-color: ${r.trackColorChecked};\n  }\n  & > ${Input}:disabled + ${Track} {\n    background-color: ${r.trackColorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${Track} {\n    background-color: ${r.trackColorDisabledChecked};\n  }\n  ${hover(`\n      background-color: ${r.trackColorHover};\n    `,`&:hover > ${Input}:not(:disabled) + ${Track}`)}\n  ${hover(`\n      background-color: ${r.trackColorCheckedHover};\n    `,`&:hover > ${Input}:not(:disabled):checked + ${Track}`)}\n`;var r},responsiveSize);export{Input,Knob,Root,Track};
 //# sourceMappingURL=style.mjs.map

package/components/Switch/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Switch/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledSwitchProps, StyledKnobProps, SwitchPalette } from './types'\n\nconst shouldForwardSwitchProp = createShouldForwardProp((propKey) => !['inline', 'disabled'].includes(propKey))\n\nconst shouldForwardKnobProp = createShouldForwardProp()\n\nexport const Input = styled.input.withConfig({\n  shouldForwardProp: (propKey) => !['error', 'success', 'onColored'].includes(propKey),\n})`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin: 0;\n  border: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  cursor: inherit;\n  &:focus {\n    outline: none;\n  }\n`\n\nexport const Track = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  padding: 0 1px;\n  border-radius: inherit;\n  transition: background-color 250ms linear;\n`\n\nexport const Knob = styled.span.withConfig<StyledKnobProps>({\n  shouldForwardProp: shouldForwardKnobProp,\n})`\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 50%;\n  height: 100%;\n  transition: transform 250ms cubic-bezier(0.45, 0, 0.2, 1);\n  &::after {\n    content: '';\n    flex-shrink: 0;\n    ${responsiveSize}\n  }\n`\n\nconst template = (palette: SwitchPalette) => `\n  & > ${Track} > ${Knob}::after {\n    background-color: ${palette.knobColor};\n    box-shadow: 0px 2px 4px ${palette.knobShadowColor};\n  }\n  & > ${Track} {\n    background-color: ${palette.trackColor};\n  }\n  & > ${Input}:not(:disabled):checked + ${Track} {\n    background-color: ${palette.trackColorChecked};\n  }\n  & > ${Input}:disabled + ${Track} {\n    background-color: ${palette.trackColorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${Track} {\n    background-color: ${palette.trackColorDisabledChecked};\n  }\n  ${hover(\n    `\n      background-color: ${palette.trackColorHover};\n    `,\n    `&:hover > ${Input}:not(:disabled) + ${Track}`\n  )}\n  ${hover(\n    `\n      background-color: ${palette.trackColorCheckedHover};\n    `,\n    `&:hover > ${Input}:not(:disabled):checked + ${Track}`\n  )}\n`\n\nexport const Root = styled.span.withConfig<StyledSwitchProps>({\n  shouldForwardProp: shouldForwardSwitchProp,\n})`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      flex-shrink: 0;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n      & > ${Input}:checked + ${Track} > ${Knob} {\n        transform: translateX(100%);\n      }\n\n      & > ${Input}:focus-visible + ${Track} {\n        box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `}\n\n  ${(props) =>\n    template({\n      knobColor: props.theme.colors['bg-oncolor-primary'],\n      knobShadowColor: props.theme.colors['bg-oncolor-hover'],\n      trackColor: props.theme.colors['bg-onmain-tertiary'],\n      trackColorHover: tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(6).toString() as CSSColor,\n      trackColorChecked: props.theme.colors['bg-brand-primary-basic'],\n      trackColorCheckedHover: tinycolor(props.theme.colors['bg-brand-primary-basic']).lighten(4).toString() as CSSColor,\n      trackColorDisabled: props.theme.colors['bg-disabled-small'],\n      trackColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardSwitchProp","createShouldForwardProp","propKey","includes","shouldForwardKnobProp","Input","styled","input","withConfig","shouldForwardProp","displayName","componentId","Track","span","Knob","responsiveSize","Root","props","inline","disabled","theme","colors","white","template","palette","knobColor","knobShadowColor","trackColor","trackColorHover","tinycolor","darken","toString","trackColorChecked","trackColorCheckedHover","lighten","trackColorDisabled","trackColorDisabledChecked","hover"],"mappings":"iPAQA,MAAMA,wBAA0BC,yBAAyBC,IAAa,CAAC,SAAU,YAAYC,SAASD,KAEtG,MAAME,sBAAwBH,0BAEvB,MAAMI,MAAQC,OAAOC,MAAMC,WAAW,CAC3CC,kBAAoBP,IAAa,CAAC,QAAS,UAAW,aAAaC,SAASD,KAC5EM,WAAA,CAAAE,YAAA,gBAAAC,YAAA,mBAFmBL,CAEnB,CAAA,qKAiBWM,MAAQN,OAAOO,KAAIL,WAAA,CAAAE,YAAA,gBAAAC,YAAA,mBAAXL,CAAW,CAAA,8JAYzB,MAAMQ,KAAOR,OAAOO,KAAKL,WAA4B,CAC1DC,kBAAmBL,wBACnBI,WAAA,CAAAE,YAAA,eAAAC,YAAA,mBAFkBL,CAElB,CAAA,8LAAA,KAWIS,gBAmCC,MAAMC,KAAOV,OAAOO,KAAKL,WAA8B,CAC5DC,kBAAmBT,0BACnBQ,WAAA,CAAAE,YAAA,eAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,KACGW,GAAU,gIAKEA,EAAMC,OAAS,cAAgB,0BAChCD,EAAME,SAAW,cAAgB,2BAErCd,mBAAmBO,WAAWE,sEAI9BT,yBAAyBO,0CACLK,EAAMG,MAAMC,OAAOC,oBAAoBL,EAAMG,MAAMC,OAAO,yGAMrFJ,IACDM,OAtDcC,EAsDL,CACPC,UAAWR,EAAMG,MAAMC,OAAO,sBAC9BK,gBAAiBT,EAAMG,MAAMC,OAAO,oBACpCM,WAAYV,EAAMG,MAAMC,OAAO,sBAC/BO,gBAAiBC,UAAUZ,EAAMG,MAAMC,OAAO,uBAAuBS,OAAO,GAAGC,WAC/EC,kBAAmBf,EAAMG,MAAMC,OAAO,0BACtCY,uBAAwBJ,UAAUZ,EAAMG,MAAMC,OAAO,2BAA2Ba,QAAQ,GAAGH,WAC3FI,mBAAoBlB,EAAMG,MAAMC,OAAO,qBACvCe,0BAA2BnB,EAAMG,MAAMC,OAAO,yBAC3CJ,EAAMO,SA/D8B,WACrCZ,WAAWE,wCACKU,EAAQC,2CACFD,EAAQE,gCAE9Bd,kCACgBY,EAAQG,2BAExBtB,kCAAkCO,kCAClBY,EAAQQ,kCAExB3B,oBAAoBO,kCACJY,EAAQW,mCAExB9B,4BAA4BO,kCACZY,EAAQY,sCAE5BC,MACA,6BACsBb,EAAQI,yBAE9B,aAAavB,0BAA0BO,eAEvCyB,MACA,6BACsBb,EAAQS,gCAE9B,aAAa5B,kCAAkCO,aA3BjCY,KAgEZ,GAEFT"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Switch/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { StyledSwitchProps, StyledKnobProps, SwitchPalette } from './types'\n\nconst shouldForwardSwitchProp = createShouldForwardProp((propKey) => !['inline', 'disabled'].includes(propKey))\n\nconst shouldForwardKnobProp = createShouldForwardProp()\n\nexport const Input = styled.input.withConfig({\n  shouldForwardProp: (propKey) => !['error', 'success', 'onColored'].includes(propKey),\n})`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin: 0;\n  border: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  cursor: inherit;\n  &:focus {\n    outline: none;\n  }\n`\n\nexport const Track = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  padding: 0 1px;\n  border-radius: inherit;\n  transition: background-color 250ms linear;\n`\n\nexport const Knob = styled.span.withConfig<StyledKnobProps>({\n  shouldForwardProp: shouldForwardKnobProp,\n})`\n  box-sizing: border-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: 50%;\n  height: 100%;\n  transition: transform 250ms cubic-bezier(0.45, 0, 0.2, 1);\n  &::after {\n    content: '';\n    flex-shrink: 0;\n    ${responsiveSize}\n  }\n`\n\nconst template = (palette: SwitchPalette) => `\n  & > ${Track} > ${Knob}::after {\n    background-color: ${palette.knobColor};\n    box-shadow: 0px 2px 4px ${palette.knobShadowColor};\n  }\n  & > ${Track} {\n    background-color: ${palette.trackColor};\n  }\n  & > ${Input}:not(:disabled):checked + ${Track} {\n    background-color: ${palette.trackColorChecked};\n  }\n  & > ${Input}:disabled + ${Track} {\n    background-color: ${palette.trackColorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${Track} {\n    background-color: ${palette.trackColorDisabledChecked};\n  }\n  ${hover(\n    `\n      background-color: ${palette.trackColorHover};\n    `,\n    `&:hover > ${Input}:not(:disabled) + ${Track}`\n  )}\n  ${hover(\n    `\n      background-color: ${palette.trackColorCheckedHover};\n    `,\n    `&:hover > ${Input}:not(:disabled):checked + ${Track}`\n  )}\n`\n\nexport const Root = styled.span.withConfig<StyledSwitchProps>({\n  shouldForwardProp: shouldForwardSwitchProp,\n})`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      flex-shrink: 0;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n      & > ${Input}:checked + ${Track} > ${Knob} {\n        transform: translateX(100%);\n      }\n\n      & > ${Input}:focus-visible + ${Track} {\n        box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `}\n\n  ${(props) =>\n    template({\n      knobColor: props.theme.colors['bg-oncolor-primary'],\n      knobShadowColor: props.theme.colors['bg-oncolor-hover'],\n      trackColor: props.theme.colors['bg-onmain-tertiary'],\n      trackColorHover: tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(6).toString() as CSSColor,\n      trackColorChecked: props.theme.colors['bg-brand-primary-basic'],\n      trackColorCheckedHover: tinycolor(props.theme.colors['bg-brand-primary-basic']).lighten(4).toString() as CSSColor,\n      trackColorDisabled: props.theme.colors['bg-disabled-small'],\n      trackColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardSwitchProp","createShouldForwardProp","propKey","includes","shouldForwardKnobProp","Input","styled","input","withConfig","shouldForwardProp","displayName","componentId","Track","span","Knob","responsiveSize","Root","props","inline","disabled","theme","colors","white","template","palette","knobColor","knobShadowColor","trackColor","trackColorHover","tinycolor","darken","toString","trackColorChecked","trackColorCheckedHover","lighten","trackColorDisabled","trackColorDisabledChecked","hover"],"mappings":"iPAQA,MAAMA,wBAA0BC,wBAAyBC,IAAa,CAAC,SAAU,YAAYC,SAASD,IAEtG,MAAME,sBAAwBH,0BAEvB,MAAMI,MAAQC,OAAOC,MAAMC,WAAW,CAC3CC,kBAAoBP,IAAa,CAAC,QAAS,UAAW,aAAaC,SAASD,KAC5EM,WAAA,CAAAE,YAAA,gBAAAC,YAAA,mBAFmBL,CAEnB,CAAA,qKAiBWM,MAAQN,OAAOO,KAAIL,WAAA,CAAAE,YAAA,gBAAAC,YAAA,mBAAXL,CAAW,CAAA,8JAYzB,MAAMQ,KAAOR,OAAOO,KAAKL,WAA4B,CAC1DC,kBAAmBL,wBACnBI,WAAA,CAAAE,YAAA,eAAAC,YAAA,mBAFkBL,CAElB,CAAA,8LAAA,KAWIS,gBAmCC,MAAMC,KAAOV,OAAOO,KAAKL,WAA8B,CAC5DC,kBAAmBT,0BACnBQ,WAAA,CAAAE,YAAA,eAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IACGW,GAAU,gIAKEA,EAAMC,OAAS,cAAgB,0BAChCD,EAAME,SAAW,cAAgB,2BAErCd,mBAAmBO,WAAWE,sEAI9BT,yBAAyBO,0CACLK,EAAMG,MAAMC,OAAOC,oBAAoBL,EAAMG,MAAMC,OAAO,uGAMrFJ,IACDM,OAtDcC,EAsDL,CACPC,UAAWR,EAAMG,MAAMC,OAAO,sBAC9BK,gBAAiBT,EAAMG,MAAMC,OAAO,oBACpCM,WAAYV,EAAMG,MAAMC,OAAO,sBAC/BO,gBAAiBC,UAAUZ,EAAMG,MAAMC,OAAO,uBAAuBS,OAAO,GAAGC,WAC/EC,kBAAmBf,EAAMG,MAAMC,OAAO,0BACtCY,uBAAwBJ,UAAUZ,EAAMG,MAAMC,OAAO,2BAA2Ba,QAAQ,GAAGH,WAC3FI,mBAAoBlB,EAAMG,MAAMC,OAAO,qBACvCe,0BAA2BnB,EAAMG,MAAMC,OAAO,yBAC3CJ,EAAMO,SA/D8B,WACrCZ,WAAWE,wCACKU,EAAQC,2CACFD,EAAQE,gCAE9Bd,kCACgBY,EAAQG,2BAExBtB,kCAAkCO,kCAClBY,EAAQQ,kCAExB3B,oBAAoBO,kCACJY,EAAQW,mCAExB9B,4BAA4BO,kCACZY,EAAQY,sCAE5BC,MACA,6BACsBb,EAAQI,yBAE9B,aAAavB,0BAA0BO,eAEvCyB,MACA,6BACsBb,EAAQS,gCAE9B,aAAa5B,kCAAkCO,aA3BjCY,OAkEdT"}

package/components/Switcher/Switcher.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var styled=require('styled-components');var useConfigPriority=require('../../hooks/use-config-priority.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');const Switcher=React.forwardRef(((e,t)=>{const r=styled.useTheme();const{value:s=!1,disabled:n=!1,tabIndex:i,id:c,name:o,children:a,onChange:d,...l}=useConfigPriority.useConfigPriority(r.components?.Switcher,e);let u=r.preset==='brand';typeof l.preset=='string'&&(u=l.preset==='brand');const h=u?constants.BRAND_PROPS:constants.DEFAULT_PROPS;return jsxRuntime.jsxs(style.Root,{...l,...h,ref:t,checked:s,disabled:n,brandPresetUsed:u,children:[jsxRuntime.jsx(style.Input,{id:c,name:o,checked:s,type:"checkbox",tabIndex:i,onChange:e=>{n||typeof d!='function'||d(e.target.checked,e)},disabled:n}),jsxRuntime.jsx(style.Switcher,{htmlFor:c,...h}),a?jsxRuntime.jsx(style.Label,{htmlFor:c,children:a}):null]})}));Switcher.displayName="Switcher",exports.COMPONENT_NAME="Switcher",exports.Switcher=Switcher;
+'use strict';var React=require('react');var styled=require('styled-components');var useConfigPriority=require('../../hooks/use-config-priority.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');const Switcher=React.forwardRef((e,t)=>{const r=styled.useTheme();const{value:s=!1,disabled:n=!1,tabIndex:i,id:c,name:o,children:a,onChange:d,...l}=useConfigPriority.useConfigPriority(r.components?.Switcher,e);let u=r.preset==='brand';typeof l.preset=='string'&&(u=l.preset==='brand');const h=u?constants.BRAND_PROPS:constants.DEFAULT_PROPS;return jsxRuntime.jsxs(style.Root,{...l,...h,ref:t,checked:s,disabled:n,brandPresetUsed:u,children:[jsxRuntime.jsx(style.Input,{id:c,name:o,checked:s,type:"checkbox",tabIndex:i,onChange:e=>{n||typeof d!='function'||d(e.target.checked,e)},disabled:n}),jsxRuntime.jsx(style.Switcher,{htmlFor:c,...h}),a?jsxRuntime.jsx(style.Label,{htmlFor:c,children:a}):null]})});Switcher.displayName="Switcher",exports.COMPONENT_NAME="Switcher",exports.Switcher=Switcher;
 //# sourceMappingURL=Switcher.js.map

package/components/Switcher/Switcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switcher.js","sources":["../../../../src/components/Switcher/Switcher.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport type { SwitcherProps } from './types'\nimport { DEFAULT_PROPS, BRAND_PROPS } from './constants'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Switcher'\n\nconst Switcher = forwardRef<HTMLDivElement, SwitcherProps>((props, ref) => {\n  const theme = useTheme()\n\n  const {\n    value = false,\n    disabled = false,\n    tabIndex,\n    id,\n    name,\n    children,\n    onChange,\n    ...config\n  } = useConfigPriority<SwitcherProps>(theme.components?.Switcher, props)\n\n  let brandPresetUsed = theme.preset === 'brand'\n  if (typeof config.preset === 'string') brandPresetUsed = config.preset === 'brand'\n\n  const propsByPreset = brandPresetUsed ? BRAND_PROPS : DEFAULT_PROPS\n\n  const handleChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    if (!disabled && typeof onChange === 'function') onChange(event.target.checked, event)\n  }\n\n  return (\n    <Styled.Root\n      {...config}\n      {...propsByPreset}\n      ref={ref}\n      checked={value}\n      disabled={disabled}\n      brandPresetUsed={brandPresetUsed}\n    >\n      <Styled.Input\n        id={id}\n        name={name}\n        checked={value}\n        type='checkbox'\n        tabIndex={tabIndex}\n        onChange={handleChange}\n        disabled={disabled}\n      />\n      <Styled.Switcher htmlFor={id} {...propsByPreset} />\n      {children ? <Styled.Label htmlFor={id}>{children}</Styled.Label> : null}\n    </Styled.Root>\n  )\n})\n\nSwitcher.displayName = COMPONENT_NAME\n\nexport { Switcher, COMPONENT_NAME }\n\nexport type { SwitcherProps }\n"],"names":["Switcher","forwardRef","props","ref","theme","useTheme","value","disabled","tabIndex","id","name","children","onChange","config","useConfigPriority","components","brandPresetUsed","preset","propsByPreset","BRAND_PROPS","DEFAULT_PROPS","_jsxs","Styled","checked","_jsx","type","event","target","htmlFor","displayName"],"mappings":"wQASA,MAAMA,SAAWC,MAAAA,YAA0C,CAACC,EAAOC,KACjE,MAAMC,EAAQC,OAAAA,WAEd,MAAMC,MACJA,GAAQ,EAAKC,SACbA,GAAW,EAAKC,SAChBA,EAAQC,GACRA,EAAEC,KACFA,EAAIC,SACJA,EAAQC,SACRA,KACGC,GACDC,kBAAAA,kBAAiCV,EAAMW,YAAYf,SAAUE,GAEjE,IAAIc,EAAkBZ,EAAMa,SAAW,eAC5BJ,EAAOI,QAAW,WAAUD,EAAkBH,EAAOI,SAAW,SAE3E,MAAMC,EAAgBF,EAAkBG,UAAAA,YAAcC,UAAAA,cAMtD,OACEC,WAAAA,KAACC,MAAAA,KAAW,IACNT,KACAK,EACJf,IAAKA,EACLoB,QAASjB,EACTC,SAAUA,EACVS,gBAAiBA,EAAgBL,SAAA,CAEjCa,WAAAA,IAACF,YAAY,CACXb,GAAIA,EACJC,KAAMA,EACNa,QAASjB,EACTmB,KAAK,WACLjB,SAAUA,EACVI,SAnB4Dc,IAC3DnB,UAAmBK,GAAa,YAAYA,EAASc,EAAMC,OAAOJ,QAASG,EAAM,EAmBlFnB,SAAUA,IAEZiB,WAAAA,IAACF,eAAe,CAACM,QAASnB,KAAQS,IACjCP,EAAWa,WAAAA,IAACF,YAAY,CAACM,QAASnB,EAAGE,SAAEA,IAA2B,OACvD,IAIlBX,SAAS6B,YAjDc,kCAAA"}
+{"version":3,"file":"Switcher.js","sources":["../../../../src/components/Switcher/Switcher.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport type { SwitcherProps } from './types'\nimport { DEFAULT_PROPS, BRAND_PROPS } from './constants'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Switcher'\n\nconst Switcher = forwardRef<HTMLDivElement, SwitcherProps>((props, ref) => {\n  const theme = useTheme()\n\n  const {\n    value = false,\n    disabled = false,\n    tabIndex,\n    id,\n    name,\n    children,\n    onChange,\n    ...config\n  } = useConfigPriority<SwitcherProps>(theme.components?.Switcher, props)\n\n  let brandPresetUsed = theme.preset === 'brand'\n  if (typeof config.preset === 'string') brandPresetUsed = config.preset === 'brand'\n\n  const propsByPreset = brandPresetUsed ? BRAND_PROPS : DEFAULT_PROPS\n\n  const handleChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    if (!disabled && typeof onChange === 'function') onChange(event.target.checked, event)\n  }\n\n  return (\n    <Styled.Root\n      {...config}\n      {...propsByPreset}\n      ref={ref}\n      checked={value}\n      disabled={disabled}\n      brandPresetUsed={brandPresetUsed}\n    >\n      <Styled.Input\n        id={id}\n        name={name}\n        checked={value}\n        type='checkbox'\n        tabIndex={tabIndex}\n        onChange={handleChange}\n        disabled={disabled}\n      />\n      <Styled.Switcher htmlFor={id} {...propsByPreset} />\n      {children ? <Styled.Label htmlFor={id}>{children}</Styled.Label> : null}\n    </Styled.Root>\n  )\n})\n\nSwitcher.displayName = COMPONENT_NAME\n\nexport { Switcher, COMPONENT_NAME }\n\nexport type { SwitcherProps }\n"],"names":["Switcher","forwardRef","props","ref","theme","useTheme","value","disabled","tabIndex","id","name","children","onChange","config","useConfigPriority","components","brandPresetUsed","preset","propsByPreset","BRAND_PROPS","DEFAULT_PROPS","_jsxs","Styled","checked","_jsx","type","event","target","htmlFor","displayName"],"mappings":"wQASA,MAAMA,SAAWC,MAAAA,WAA0C,CAACC,EAAOC,KACjE,MAAMC,EAAQC,OAAAA,WAEd,MAAMC,MACJA,GAAQ,EAAKC,SACbA,GAAW,EAAKC,SAChBA,EAAQC,GACRA,EAAEC,KACFA,EAAIC,SACJA,EAAQC,SACRA,KACGC,GACDC,kBAAAA,kBAAiCV,EAAMW,YAAYf,SAAUE,GAEjE,IAAIc,EAAkBZ,EAAMa,SAAW,eAC5BJ,EAAOI,QAAW,WAAUD,EAAkBH,EAAOI,SAAW,SAE3E,MAAMC,EAAgBF,EAAkBG,UAAAA,YAAcC,UAAAA,cAMtD,OACEC,WAAAA,KAACC,MAAAA,KAAW,IACNT,KACAK,EACJf,IAAKA,EACLoB,QAASjB,EACTC,SAAUA,EACVS,gBAAiBA,EAAgBL,SAAA,CAEjCa,WAAAA,IAACF,YAAY,CACXb,GAAIA,EACJC,KAAMA,EACNa,QAASjB,EACTmB,KAAK,WACLjB,SAAUA,EACVI,SAnB4Dc,IAC3DnB,UAAmBK,GAAa,YAAYA,EAASc,EAAMC,OAAOJ,QAASG,IAmB5EnB,SAAUA,IAEZiB,WAAAA,IAACF,eAAe,CAACM,QAASnB,KAAQS,IACjCP,EAAWa,WAAAA,IAACF,YAAY,CAACM,QAASnB,EAAGE,SAAEA,IAA2B,UAKzEX,SAAS6B,YAjDc,kCAAA"}

package/components/Switcher/Switcher.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{useTheme}from'styled-components';import{useConfigPriority}from'../../hooks/use-config-priority.mjs';import{BRAND_PROPS,DEFAULT_PROPS}from'./constants.mjs';import{Root,Input,Switcher as Switcher$1,Label}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';const COMPONENT_NAME='Switcher';const Switcher=forwardRef(((e,t)=>{const r=useTheme();const{value:o=!1,disabled:s=!1,tabIndex:i,id:n,name:c,children:m,onChange:a,...d}=useConfigPriority(r.components?.Switcher,e);let h=r.preset==='brand';typeof d.preset=='string'&&(h=d.preset==='brand');const p=h?BRAND_PROPS:DEFAULT_PROPS;return jsxs(Root,{...d,...p,ref:t,checked:o,disabled:s,brandPresetUsed:h,children:[jsx(Input,{id:n,name:c,checked:o,type:"checkbox",tabIndex:i,onChange:e=>{s||typeof a!='function'||a(e.target.checked,e)},disabled:s}),jsx(Switcher$1,{htmlFor:n,...p}),m?jsx(Label,{htmlFor:n,children:m}):null]})}));Switcher.displayName="Switcher";export{COMPONENT_NAME,Switcher};
+import{forwardRef}from'react';import{useTheme}from'styled-components';import{useConfigPriority}from'../../hooks/use-config-priority.mjs';import{BRAND_PROPS,DEFAULT_PROPS}from'./constants.mjs';import{Root,Input,Switcher as Switcher$1,Label}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';const COMPONENT_NAME='Switcher';const Switcher=forwardRef((e,t)=>{const r=useTheme();const{value:o=!1,disabled:s=!1,tabIndex:i,id:n,name:c,children:m,onChange:a,...d}=useConfigPriority(r.components?.Switcher,e);let h=r.preset==='brand';typeof d.preset=='string'&&(h=d.preset==='brand');const p=h?BRAND_PROPS:DEFAULT_PROPS;return jsxs(Root,{...d,...p,ref:t,checked:o,disabled:s,brandPresetUsed:h,children:[jsx(Input,{id:n,name:c,checked:o,type:"checkbox",tabIndex:i,onChange:e=>{s||typeof a!='function'||a(e.target.checked,e)},disabled:s}),jsx(Switcher$1,{htmlFor:n,...p}),m?jsx(Label,{htmlFor:n,children:m}):null]})});Switcher.displayName="Switcher";export{COMPONENT_NAME,Switcher};
 //# sourceMappingURL=Switcher.mjs.map

package/components/Switcher/Switcher.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Switcher.mjs","sources":["../../../../src/components/Switcher/Switcher.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport type { SwitcherProps } from './types'\nimport { DEFAULT_PROPS, BRAND_PROPS } from './constants'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Switcher'\n\nconst Switcher = forwardRef<HTMLDivElement, SwitcherProps>((props, ref) => {\n  const theme = useTheme()\n\n  const {\n    value = false,\n    disabled = false,\n    tabIndex,\n    id,\n    name,\n    children,\n    onChange,\n    ...config\n  } = useConfigPriority<SwitcherProps>(theme.components?.Switcher, props)\n\n  let brandPresetUsed = theme.preset === 'brand'\n  if (typeof config.preset === 'string') brandPresetUsed = config.preset === 'brand'\n\n  const propsByPreset = brandPresetUsed ? BRAND_PROPS : DEFAULT_PROPS\n\n  const handleChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    if (!disabled && typeof onChange === 'function') onChange(event.target.checked, event)\n  }\n\n  return (\n    <Styled.Root\n      {...config}\n      {...propsByPreset}\n      ref={ref}\n      checked={value}\n      disabled={disabled}\n      brandPresetUsed={brandPresetUsed}\n    >\n      <Styled.Input\n        id={id}\n        name={name}\n        checked={value}\n        type='checkbox'\n        tabIndex={tabIndex}\n        onChange={handleChange}\n        disabled={disabled}\n      />\n      <Styled.Switcher htmlFor={id} {...propsByPreset} />\n      {children ? <Styled.Label htmlFor={id}>{children}</Styled.Label> : null}\n    </Styled.Root>\n  )\n})\n\nSwitcher.displayName = COMPONENT_NAME\n\nexport { Switcher, COMPONENT_NAME }\n\nexport type { SwitcherProps }\n"],"names":["COMPONENT_NAME","Switcher","forwardRef","props","ref","theme","useTheme","value","disabled","tabIndex","id","name","children","onChange","config","useConfigPriority","components","brandPresetUsed","preset","propsByPreset","BRAND_PROPS","DEFAULT_PROPS","_jsxs","Styled","checked","_jsx","type","event","target","htmlFor","displayName"],"mappings":"ySAOA,MAAMA,eAAiB,WAEvB,MAAMC,SAAWC,YAA0C,CAACC,EAAOC,KACjE,MAAMC,EAAQC,WAEd,MAAMC,MACJA,GAAQ,EAAKC,SACbA,GAAW,EAAKC,SAChBA,EAAQC,GACRA,EAAEC,KACFA,EAAIC,SACJA,EAAQC,SACRA,KACGC,GACDC,kBAAiCV,EAAMW,YAAYf,SAAUE,GAEjE,IAAIc,EAAkBZ,EAAMa,SAAW,eAC5BJ,EAAOI,QAAW,WAAUD,EAAkBH,EAAOI,SAAW,SAE3E,MAAMC,EAAgBF,EAAkBG,YAAcC,cAMtD,OACEC,KAACC,KAAW,IACNT,KACAK,EACJf,IAAKA,EACLoB,QAASjB,EACTC,SAAUA,EACVS,gBAAiBA,EAAgBL,SAAA,CAEjCa,IAACF,MAAY,CACXb,GAAIA,EACJC,KAAMA,EACNa,QAASjB,EACTmB,KAAK,WACLjB,SAAUA,EACVI,SAnB4Dc,IAC3DnB,UAAmBK,GAAa,YAAYA,EAASc,EAAMC,OAAOJ,QAASG,EAAM,EAmBlFnB,SAAUA,IAEZiB,IAACF,WAAe,CAACM,QAASnB,KAAQS,IACjCP,EAAWa,IAACF,MAAY,CAACM,QAASnB,EAAGE,SAAEA,IAA2B,OACvD,IAIlBX,SAAS6B,YAjDc"}
+{"version":3,"file":"Switcher.mjs","sources":["../../../../src/components/Switcher/Switcher.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport type { SwitcherProps } from './types'\nimport { DEFAULT_PROPS, BRAND_PROPS } from './constants'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Switcher'\n\nconst Switcher = forwardRef<HTMLDivElement, SwitcherProps>((props, ref) => {\n  const theme = useTheme()\n\n  const {\n    value = false,\n    disabled = false,\n    tabIndex,\n    id,\n    name,\n    children,\n    onChange,\n    ...config\n  } = useConfigPriority<SwitcherProps>(theme.components?.Switcher, props)\n\n  let brandPresetUsed = theme.preset === 'brand'\n  if (typeof config.preset === 'string') brandPresetUsed = config.preset === 'brand'\n\n  const propsByPreset = brandPresetUsed ? BRAND_PROPS : DEFAULT_PROPS\n\n  const handleChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    if (!disabled && typeof onChange === 'function') onChange(event.target.checked, event)\n  }\n\n  return (\n    <Styled.Root\n      {...config}\n      {...propsByPreset}\n      ref={ref}\n      checked={value}\n      disabled={disabled}\n      brandPresetUsed={brandPresetUsed}\n    >\n      <Styled.Input\n        id={id}\n        name={name}\n        checked={value}\n        type='checkbox'\n        tabIndex={tabIndex}\n        onChange={handleChange}\n        disabled={disabled}\n      />\n      <Styled.Switcher htmlFor={id} {...propsByPreset} />\n      {children ? <Styled.Label htmlFor={id}>{children}</Styled.Label> : null}\n    </Styled.Root>\n  )\n})\n\nSwitcher.displayName = COMPONENT_NAME\n\nexport { Switcher, COMPONENT_NAME }\n\nexport type { SwitcherProps }\n"],"names":["COMPONENT_NAME","Switcher","forwardRef","props","ref","theme","useTheme","value","disabled","tabIndex","id","name","children","onChange","config","useConfigPriority","components","brandPresetUsed","preset","propsByPreset","BRAND_PROPS","DEFAULT_PROPS","_jsxs","Styled","checked","_jsx","type","event","target","htmlFor","displayName"],"mappings":"ySAOA,MAAMA,eAAiB,WAEvB,MAAMC,SAAWC,WAA0C,CAACC,EAAOC,KACjE,MAAMC,EAAQC,WAEd,MAAMC,MACJA,GAAQ,EAAKC,SACbA,GAAW,EAAKC,SAChBA,EAAQC,GACRA,EAAEC,KACFA,EAAIC,SACJA,EAAQC,SACRA,KACGC,GACDC,kBAAiCV,EAAMW,YAAYf,SAAUE,GAEjE,IAAIc,EAAkBZ,EAAMa,SAAW,eAC5BJ,EAAOI,QAAW,WAAUD,EAAkBH,EAAOI,SAAW,SAE3E,MAAMC,EAAgBF,EAAkBG,YAAcC,cAMtD,OACEC,KAACC,KAAW,IACNT,KACAK,EACJf,IAAKA,EACLoB,QAASjB,EACTC,SAAUA,EACVS,gBAAiBA,EAAgBL,SAAA,CAEjCa,IAACF,MAAY,CACXb,GAAIA,EACJC,KAAMA,EACNa,QAASjB,EACTmB,KAAK,WACLjB,SAAUA,EACVI,SAnB4Dc,IAC3DnB,UAAmBK,GAAa,YAAYA,EAASc,EAAMC,OAAOJ,QAASG,IAmB5EnB,SAAUA,IAEZiB,IAACF,WAAe,CAACM,QAASnB,KAAQS,IACjCP,EAAWa,IAACF,MAAY,CAACM,QAASnB,EAAGE,SAAEA,IAA2B,UAKzEX,SAAS6B,YAjDc"}

package/components/Switcher/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var color=require('../../mixins/color.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);const Input=styled__default.default.input.withConfig({displayName:"Switcher__Input",componentId:"ui__sc-w14piw-0"})(["position:absolute;overflow:visible;z-index:-1;opacity:0;width:0;height:0;margin:0;"]);const Label=styled__default.default.label.withConfig({displayName:"Switcher__Label",componentId:"ui__sc-w14piw-1"})(["display:inline;padding-left:14px;cursor:pointer;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);const Switcher=styled__default.default.label.withConfig({displayName:"Switcher",componentId:"ui__sc-w14piw-2"})(["position:relative;display:block;box-sizing:border-box;width:","px;height:","px;cursor:pointer;user-select:none;transition:background 0.3s ease,background-image 0.3s ease;border-radius:","px;flex:0 0 auto;&::before{position:absolute;top:","px;left:","px;display:block;width:","px;height:","px;content:'';transition:background 0.3s ease,left 0.3s ease;transform:translateZ(0);border-radius:50%;}"],(e=>e.switcherWidth),(e=>e.switcherHeight),(e=>e.borderRadius),(({switcherHeight:e,dotSize:o})=>(e-o)/2),(({switcherHeight:e,dotSize:o})=>(e-o)/2),(e=>e.dotSize),(e=>e.dotSize));const disabledStyles=`\n  cursor: not-allowed;\n  opacity: 0.7;\n\n  & ${Switcher} {\n    cursor: not-allowed;\n    box-shadow: none;\n\n    &::before {\n      box-shadow: none;\n    }\n  }\n\n  & ${Label} {\n    cursor: not-allowed;\n  }\n`;const checkedStyles=styled.css(["& ","{&::before{left:","px;}}"],Switcher,(({switcherWidth:e,switcherHeight:o,dotSize:t})=>e-t-(o-t)/2));const baseStyles=styled.css(["",""],(e=>`\n    position: relative;\n    display: inline-flex;\n    flex-direction: row;\n    box-sizing: border-box;\n    height: ${e.switcherHeight}px;\n    line-height: ${e.switcherHeight}px;\n    vertical-align: middle;\n    justify-content: flex-start;\n    align-content: center;\n    align-items: center;\n    max-width: 100%;\n    color: inherit;\n  `));const defaultPresetStyle=styled.css(["",""],(e=>{const o=e.color||'atlantis';return`\n      & ${Switcher} {\n        box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.08);\n        background-color: #eaecf3;\n\n        &::before {\n          background-color: ${e.theme.colors.white};\n          box-shadow: ${e.disabled?'none':'0 0 6px 0 rgba(0, 0, 0, 0.16)'};\n        }\n\n        ${e.inactiveColor?`\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor__default.default(color.getColor(e.inactiveColor,e)).lighten(10).toString()},\n                  ${color.getColor(e.inactiveColor,e)}\n                );\n              `:''}\n\n        ${e.checked?`\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor__default.default(color.getColor(o,e)).lighten(10).toString()},\n                  ${color.getColor(o,e)}\n                );\n              `:''}\n      }\n\n      & ${Input}:focus-visible + ${Switcher} {\n        outline: 1px solid ${color.getColor(o,e)};\n        outline-offset: 2px;\n      }\n    `}));const brandPresetStyles=styled.css(["",""],(e=>`\n    & ${Switcher} {\n      background-color: ${e.disabled?e.theme.colors[e.checked?'bg-disabled-active':'bg-disabled-small']:e.theme.colors[e.checked?'bg-brand-primary-basic':'bg-onmain-tertiary']};\n\n      &::before {\n        background-color: ${e.theme.colors['bg-oncolor-primary']};\n        box-shadow: ${e.disabled?'none':'0px 2px 4px rgba(0, 0, 0, 0.08)'};\n      }\n\n      ${!e.checked&&e.inactiveColor?`background-color: ${color.getColor(e.inactiveColor,e)};`:''}\n      ${e.checked&&e.color?`background-color: ${color.getColor(e.color,e)};`:''}\n    }\n\n    & ${Input}:focus-visible + ${Switcher} {\n      box-shadow: 0 0 0 2px ${e.theme.colors.white}, 0 0 0 4px ${e.theme.colors['border-focus']};\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n  `));const Root=styled__default.default.div.withConfig({shouldForwardProp:e=>['children','className','style'].includes(e)}).withConfig({displayName:"Switcher__Root",componentId:"ui__sc-w14piw-3"})([""," "," "," ",""],baseStyles,(e=>e.checked?checkedStyles:''),(e=>e.disabled?disabledStyles:''),(({brandPresetUsed:e})=>e?brandPresetStyles:defaultPresetStyle));exports.Input=Input,exports.Label=Label,exports.Root=Root,exports.Switcher=Switcher;
+'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var color=require('../../mixins/color.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);const Input=styled__default.default.input.withConfig({displayName:"Switcher__Input",componentId:"ui__sc-w14piw-0"})(["position:absolute;overflow:visible;z-index:-1;opacity:0;width:0;height:0;margin:0;"]);const Label=styled__default.default.label.withConfig({displayName:"Switcher__Label",componentId:"ui__sc-w14piw-1"})(["display:inline;padding-left:14px;cursor:pointer;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);const Switcher=styled__default.default.label.withConfig({displayName:"Switcher",componentId:"ui__sc-w14piw-2"})(["position:relative;display:block;box-sizing:border-box;width:","px;height:","px;cursor:pointer;user-select:none;transition:background 0.3s ease,background-image 0.3s ease;border-radius:","px;flex:0 0 auto;&::before{position:absolute;top:","px;left:","px;display:block;width:","px;height:","px;content:'';transition:background 0.3s ease,left 0.3s ease;transform:translateZ(0);border-radius:50%;}"],e=>e.switcherWidth,e=>e.switcherHeight,e=>e.borderRadius,({switcherHeight:e,dotSize:o})=>(e-o)/2,({switcherHeight:e,dotSize:o})=>(e-o)/2,e=>e.dotSize,e=>e.dotSize);const disabledStyles=`\n  cursor: not-allowed;\n  opacity: 0.7;\n\n  & ${Switcher} {\n    cursor: not-allowed;\n    box-shadow: none;\n\n    &::before {\n      box-shadow: none;\n    }\n  }\n\n  & ${Label} {\n    cursor: not-allowed;\n  }\n`;const checkedStyles=styled.css(["& ","{&::before{left:","px;}}"],Switcher,({switcherWidth:e,switcherHeight:o,dotSize:t})=>e-t-(o-t)/2);const baseStyles=styled.css(["",""],e=>`\n    position: relative;\n    display: inline-flex;\n    flex-direction: row;\n    box-sizing: border-box;\n    height: ${e.switcherHeight}px;\n    line-height: ${e.switcherHeight}px;\n    vertical-align: middle;\n    justify-content: flex-start;\n    align-content: center;\n    align-items: center;\n    max-width: 100%;\n    color: inherit;\n  `);const defaultPresetStyle=styled.css(["",""],e=>{const o=e.color||'atlantis';return`\n      & ${Switcher} {\n        box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.08);\n        background-color: #eaecf3;\n\n        &::before {\n          background-color: ${e.theme.colors.white};\n          box-shadow: ${e.disabled?'none':'0 0 6px 0 rgba(0, 0, 0, 0.16)'};\n        }\n\n        ${e.inactiveColor?`\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor__default.default(color.getColor(e.inactiveColor,e)).lighten(10).toString()},\n                  ${color.getColor(e.inactiveColor,e)}\n                );\n              `:''}\n\n        ${e.checked?`\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor__default.default(color.getColor(o,e)).lighten(10).toString()},\n                  ${color.getColor(o,e)}\n                );\n              `:''}\n      }\n\n      & ${Input}:focus-visible + ${Switcher} {\n        outline: 1px solid ${color.getColor(o,e)};\n        outline-offset: 2px;\n      }\n    `});const brandPresetStyles=styled.css(["",""],e=>`\n    & ${Switcher} {\n      background-color: ${e.disabled?e.theme.colors[e.checked?'bg-disabled-active':'bg-disabled-small']:e.theme.colors[e.checked?'bg-brand-primary-basic':'bg-onmain-tertiary']};\n\n      &::before {\n        background-color: ${e.theme.colors['bg-oncolor-primary']};\n        box-shadow: ${e.disabled?'none':'0px 2px 4px rgba(0, 0, 0, 0.08)'};\n      }\n\n      ${!e.checked&&e.inactiveColor?`background-color: ${color.getColor(e.inactiveColor,e)};`:''}\n      ${e.checked&&e.color?`background-color: ${color.getColor(e.color,e)};`:''}\n    }\n\n    & ${Input}:focus-visible + ${Switcher} {\n      box-shadow: 0 0 0 2px ${e.theme.colors.white}, 0 0 0 4px ${e.theme.colors['border-focus']};\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n  `);const Root=styled__default.default.div.withConfig({shouldForwardProp:e=>['children','className','style'].includes(e)}).withConfig({displayName:"Switcher__Root",componentId:"ui__sc-w14piw-3"})([""," "," "," ",""],baseStyles,e=>e.checked?checkedStyles:'',e=>e.disabled?disabledStyles:'',({brandPresetUsed:e})=>e?brandPresetStyles:defaultPresetStyle);exports.Input=Input,exports.Label=Label,exports.Root=Root,exports.Switcher=Switcher;
 //# sourceMappingURL=style.js.map

package/components/Switcher/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Switcher/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { getColor } from 'mixins/color'\nimport type { StyledSwitcherProps, SwitcherPropsByPreset } from './types'\n\nexport const Input = styled.input`\n  position: absolute;\n  overflow: visible;\n  z-index: -1;\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n`\n\nexport const Label = styled.label`\n  display: inline;\n  padding-left: 14px;\n  cursor: pointer;\n  user-select: none;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n`\n\nexport const Switcher = styled.label<SwitcherPropsByPreset>`\n  position: relative;\n  display: block;\n  box-sizing: border-box;\n  width: ${(props) => props.switcherWidth}px;\n  height: ${(props) => props.switcherHeight}px;\n  cursor: pointer;\n  user-select: none;\n  transition:\n    background 0.3s ease,\n    background-image 0.3s ease;\n  border-radius: ${(props) => props.borderRadius}px;\n  flex: 0 0 auto;\n\n  &::before {\n    position: absolute;\n    top: ${({ switcherHeight, dotSize }) => (switcherHeight - dotSize) / 2}px;\n    left: ${({ switcherHeight, dotSize }) => (switcherHeight - dotSize) / 2}px;\n    display: block;\n    width: ${(props) => props.dotSize}px;\n    height: ${(props) => props.dotSize}px;\n    content: '';\n    transition:\n      background 0.3s ease,\n      left 0.3s ease;\n    transform: translateZ(0);\n    border-radius: 50%;\n  }\n`\n\nconst disabledStyles = `\n  cursor: not-allowed;\n  opacity: 0.7;\n\n  & ${Switcher} {\n    cursor: not-allowed;\n    box-shadow: none;\n\n    &::before {\n      box-shadow: none;\n    }\n  }\n\n  & ${Label} {\n    cursor: not-allowed;\n  }\n`\n\nconst checkedStyles = css<StyledSwitcherProps>`\n  & ${Switcher} {\n    &::before {\n      left: ${({ switcherWidth, switcherHeight, dotSize }) =>\n        switcherWidth - dotSize - (switcherHeight - dotSize) / 2}px;\n    }\n  }\n`\n\nconst baseStyles = css<StyledSwitcherProps>`\n  ${(props) => `\n    position: relative;\n    display: inline-flex;\n    flex-direction: row;\n    box-sizing: border-box;\n    height: ${props.switcherHeight}px;\n    line-height: ${props.switcherHeight}px;\n    vertical-align: middle;\n    justify-content: flex-start;\n    align-content: center;\n    align-items: center;\n    max-width: 100%;\n    color: inherit;\n  `}\n`\n\nconst defaultPresetStyle = css<StyledSwitcherProps>`\n  ${(props) => {\n    const color = props.color || 'atlantis'\n\n    return `\n      & ${Switcher} {\n        box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.08);\n        background-color: #eaecf3;\n\n        &::before {\n          background-color: ${props.theme.colors.white};\n          box-shadow: ${props.disabled ? 'none' : '0 0 6px 0 rgba(0, 0, 0, 0.16)'};\n        }\n\n        ${\n          props.inactiveColor\n            ? `\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor(getColor(props.inactiveColor, props)).lighten(10).toString()},\n                  ${getColor(props.inactiveColor, props)}\n                );\n              `\n            : ''\n        }\n\n        ${\n          props.checked\n            ? `\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor(getColor(color, props)).lighten(10).toString()},\n                  ${getColor(color, props)}\n                );\n              `\n            : ''\n        }\n      }\n\n      & ${Input}:focus-visible + ${Switcher} {\n        outline: 1px solid ${getColor(color, props)};\n        outline-offset: 2px;\n      }\n    `\n  }}\n`\n\nconst brandPresetStyles = css<StyledSwitcherProps>`\n  ${(props) => `\n    & ${Switcher} {\n      background-color: ${\n        props.disabled\n          ? props.theme.colors[props.checked ? 'bg-disabled-active' : 'bg-disabled-small']\n          : props.theme.colors[props.checked ? 'bg-brand-primary-basic' : 'bg-onmain-tertiary']\n      };\n\n      &::before {\n        background-color: ${props.theme.colors['bg-oncolor-primary']};\n        box-shadow: ${props.disabled ? 'none' : '0px 2px 4px rgba(0, 0, 0, 0.08)'};\n      }\n\n      ${!props.checked && props.inactiveColor ? `background-color: ${getColor(props.inactiveColor, props)};` : ''}\n      ${props.checked && props.color ? `background-color: ${getColor(props.color, props)};` : ''}\n    }\n\n    & ${Input}:focus-visible + ${Switcher} {\n      box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n  `}\n`\n\nexport const Root = styled.div.withConfig<StyledSwitcherProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  ${baseStyles}\n\n  ${(props) => (props.checked ? checkedStyles : '')}\n  ${(props) => (props.disabled ? disabledStyles : '')}\n  ${({ brandPresetUsed }) => (brandPresetUsed ? brandPresetStyles : defaultPresetStyle)}\n`\n"],"names":["Input","styled","input","withConfig","displayName","componentId","Label","label","Switcher","props","switcherWidth","switcherHeight","borderRadius","dotSize","disabledStyles","checkedStyles","css","baseStyles","defaultPresetStyle","color","theme","colors","white","disabled","inactiveColor","tinycolor","getColor","lighten","toString","checked","brandPresetStyles","Root","div","shouldForwardProp","prop","includes","brandPresetUsed"],"mappings":"ySAKaA,MAAQC,gBAAAA,QAAOC,MAAKC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,mBAAZJ,CAAY,CAAA,6FAUpBK,MAAQL,gBAAAA,QAAOM,MAAKJ,WAAA,CAAAC,YAAA,kBAAAC,YAAA,mBAAZJ,CAAY,CAAA,sIAUpBO,SAAWP,gBAAAA,QAAOM,MAAKJ,WAAA,CAAAC,YAAA,WAAAC,YAAA,mBAAZJ,CAAY,CAAA,+DAAA,aAAA,+GAAA,oDAAA,WAAA,0BAAA,aAAA,6GAIxBQ,GAAUA,EAAMC,gBACfD,GAAUA,EAAME,iBAMTF,GAAUA,EAAMG,eAKzB,EAAGD,iBAAgBE,cAAeF,EAAiBE,GAAW,IAC7D,EAAGF,iBAAgBE,cAAeF,EAAiBE,GAAW,IAE5DJ,GAAUA,EAAMI,UACfJ,GAAUA,EAAMI,UAU/B,MAAMC,eAAiB,oDAIjBN,8HASAF,2CAKN,MAAMS,cAAgBC,OAAAA,IAAG,CAAA,KAAA,mBAAA,SACnBR,UAEQ,EAAGE,gBAAeC,iBAAgBE,aACxCH,EAAgBG,GAAWF,EAAiBE,GAAW,IAK/D,MAAMI,WAAaD,OAAAA,IAAG,CAAA,GAAA,KACjBP,GAAU,4HAKDA,EAAME,uCACDF,EAAME,0LAUzB,MAAMO,mBAAqBF,OAAAA,IAAG,CAAA,GAAA,KACzBP,IACD,MAAMU,EAAQV,EAAMU,OAAS,WAE7B,MAAO,aACDX,kKAKoBC,EAAMW,MAAMC,OAAOC,iCACzBb,EAAMc,SAAW,OAAS,0DAIxCd,EAAMe,cACF,wGAGMC,2BAAUC,MAAAA,SAASjB,EAAMe,cAAef,IAAQkB,QAAQ,IAAIC,kCAC5DF,eAASjB,EAAMe,cAAef,yCAGpC,iBAIJA,EAAMoB,QACF,wGAGMJ,mBAAAA,QAAUC,eAASP,EAAOV,IAAQkB,QAAQ,IAAIC,kCAC9CF,MAAAA,SAASP,EAAOV,yCAGtB,0BAIJT,yBAAyBQ,0CACNkB,MAAAA,SAASP,EAAOV,kDAGxC,IAIL,MAAMqB,kBAAoBd,OAAAA,IAAG,CAAA,GAAA,KACxBP,GAAU,WACPD,uCAEAC,EAAMc,SACFd,EAAMW,MAAMC,OAAOZ,EAAMoB,QAAU,qBAAuB,qBAC1DpB,EAAMW,MAAMC,OAAOZ,EAAMoB,QAAU,yBAA2B,0EAI9CpB,EAAMW,MAAMC,OAAO,+CACzBZ,EAAMc,SAAW,OAAS,yDAGvCd,EAAMoB,SAAWpB,EAAMe,cAAgB,qBAAqBE,MAAAA,SAASjB,EAAMe,cAAef,MAAY,aACvGA,EAAMoB,SAAWpB,EAAMU,MAAQ,qBAAqBO,eAASjB,EAAMU,MAAOV,MAAY,sBAGtFT,yBAAyBQ,2CACHC,EAAMW,MAAMC,OAAOC,oBAAoBb,EAAMW,MAAMC,OAAO,mGAOjF,MAAMU,KAAO9B,gBAAAA,QAAO+B,IAAI7B,WAAgC,CAC7D8B,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KACzE/B,WAAA,CAAAC,YAAA,iBAAAC,YAAA,mBAFkBJ,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,IACEgB,YAECR,GAAWA,EAAMoB,QAAUd,cAAgB,KAC3CN,GAAWA,EAAMc,SAAWT,eAAiB,KAC9C,EAAGsB,qBAAuBA,EAAkBN,kBAAoBZ"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Switcher/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { getColor } from 'mixins/color'\nimport type { StyledSwitcherProps, SwitcherPropsByPreset } from './types'\n\nexport const Input = styled.input`\n  position: absolute;\n  overflow: visible;\n  z-index: -1;\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n`\n\nexport const Label = styled.label`\n  display: inline;\n  padding-left: 14px;\n  cursor: pointer;\n  user-select: none;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n`\n\nexport const Switcher = styled.label<SwitcherPropsByPreset>`\n  position: relative;\n  display: block;\n  box-sizing: border-box;\n  width: ${(props) => props.switcherWidth}px;\n  height: ${(props) => props.switcherHeight}px;\n  cursor: pointer;\n  user-select: none;\n  transition:\n    background 0.3s ease,\n    background-image 0.3s ease;\n  border-radius: ${(props) => props.borderRadius}px;\n  flex: 0 0 auto;\n\n  &::before {\n    position: absolute;\n    top: ${({ switcherHeight, dotSize }) => (switcherHeight - dotSize) / 2}px;\n    left: ${({ switcherHeight, dotSize }) => (switcherHeight - dotSize) / 2}px;\n    display: block;\n    width: ${(props) => props.dotSize}px;\n    height: ${(props) => props.dotSize}px;\n    content: '';\n    transition:\n      background 0.3s ease,\n      left 0.3s ease;\n    transform: translateZ(0);\n    border-radius: 50%;\n  }\n`\n\nconst disabledStyles = `\n  cursor: not-allowed;\n  opacity: 0.7;\n\n  & ${Switcher} {\n    cursor: not-allowed;\n    box-shadow: none;\n\n    &::before {\n      box-shadow: none;\n    }\n  }\n\n  & ${Label} {\n    cursor: not-allowed;\n  }\n`\n\nconst checkedStyles = css<StyledSwitcherProps>`\n  & ${Switcher} {\n    &::before {\n      left: ${({ switcherWidth, switcherHeight, dotSize }) =>\n        switcherWidth - dotSize - (switcherHeight - dotSize) / 2}px;\n    }\n  }\n`\n\nconst baseStyles = css<StyledSwitcherProps>`\n  ${(props) => `\n    position: relative;\n    display: inline-flex;\n    flex-direction: row;\n    box-sizing: border-box;\n    height: ${props.switcherHeight}px;\n    line-height: ${props.switcherHeight}px;\n    vertical-align: middle;\n    justify-content: flex-start;\n    align-content: center;\n    align-items: center;\n    max-width: 100%;\n    color: inherit;\n  `}\n`\n\nconst defaultPresetStyle = css<StyledSwitcherProps>`\n  ${(props) => {\n    const color = props.color || 'atlantis'\n\n    return `\n      & ${Switcher} {\n        box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.08);\n        background-color: #eaecf3;\n\n        &::before {\n          background-color: ${props.theme.colors.white};\n          box-shadow: ${props.disabled ? 'none' : '0 0 6px 0 rgba(0, 0, 0, 0.16)'};\n        }\n\n        ${\n          props.inactiveColor\n            ? `\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor(getColor(props.inactiveColor, props)).lighten(10).toString()},\n                  ${getColor(props.inactiveColor, props)}\n                );\n              `\n            : ''\n        }\n\n        ${\n          props.checked\n            ? `\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor(getColor(color, props)).lighten(10).toString()},\n                  ${getColor(color, props)}\n                );\n              `\n            : ''\n        }\n      }\n\n      & ${Input}:focus-visible + ${Switcher} {\n        outline: 1px solid ${getColor(color, props)};\n        outline-offset: 2px;\n      }\n    `\n  }}\n`\n\nconst brandPresetStyles = css<StyledSwitcherProps>`\n  ${(props) => `\n    & ${Switcher} {\n      background-color: ${\n        props.disabled\n          ? props.theme.colors[props.checked ? 'bg-disabled-active' : 'bg-disabled-small']\n          : props.theme.colors[props.checked ? 'bg-brand-primary-basic' : 'bg-onmain-tertiary']\n      };\n\n      &::before {\n        background-color: ${props.theme.colors['bg-oncolor-primary']};\n        box-shadow: ${props.disabled ? 'none' : '0px 2px 4px rgba(0, 0, 0, 0.08)'};\n      }\n\n      ${!props.checked && props.inactiveColor ? `background-color: ${getColor(props.inactiveColor, props)};` : ''}\n      ${props.checked && props.color ? `background-color: ${getColor(props.color, props)};` : ''}\n    }\n\n    & ${Input}:focus-visible + ${Switcher} {\n      box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n  `}\n`\n\nexport const Root = styled.div.withConfig<StyledSwitcherProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  ${baseStyles}\n\n  ${(props) => (props.checked ? checkedStyles : '')}\n  ${(props) => (props.disabled ? disabledStyles : '')}\n  ${({ brandPresetUsed }) => (brandPresetUsed ? brandPresetStyles : defaultPresetStyle)}\n`\n"],"names":["Input","styled","input","withConfig","displayName","componentId","Label","label","Switcher","props","switcherWidth","switcherHeight","borderRadius","dotSize","disabledStyles","checkedStyles","css","baseStyles","defaultPresetStyle","color","theme","colors","white","disabled","inactiveColor","tinycolor","getColor","lighten","toString","checked","brandPresetStyles","Root","div","shouldForwardProp","prop","includes","brandPresetUsed"],"mappings":"ySAKaA,MAAQC,gBAAAA,QAAOC,MAAKC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,mBAAZJ,CAAY,CAAA,6FAUpBK,MAAQL,gBAAAA,QAAOM,MAAKJ,WAAA,CAAAC,YAAA,kBAAAC,YAAA,mBAAZJ,CAAY,CAAA,sIAUpBO,SAAWP,gBAAAA,QAAOM,MAAKJ,WAAA,CAAAC,YAAA,WAAAC,YAAA,mBAAZJ,CAAY,CAAA,+DAAA,aAAA,+GAAA,oDAAA,WAAA,0BAAA,aAAA,4GAIxBQ,GAAUA,EAAMC,cACfD,GAAUA,EAAME,eAMTF,GAAUA,EAAMG,aAKzB,EAAGD,iBAAgBE,cAAeF,EAAiBE,GAAW,EAC7D,EAAGF,iBAAgBE,cAAeF,EAAiBE,GAAW,EAE5DJ,GAAUA,EAAMI,QACfJ,GAAUA,EAAMI,SAU/B,MAAMC,eAAiB,oDAIjBN,8HASAF,2CAKN,MAAMS,cAAgBC,OAAAA,IAAG,CAAA,KAAA,mBAAA,SACnBR,SAEQ,EAAGE,gBAAeC,iBAAgBE,aACxCH,EAAgBG,GAAWF,EAAiBE,GAAW,GAK/D,MAAMI,WAAaD,OAAAA,IAAG,CAAA,GAAA,IACjBP,GAAU,4HAKDA,EAAME,uCACDF,EAAME,yLAUzB,MAAMO,mBAAqBF,OAAAA,IAAG,CAAA,GAAA,IACzBP,IACD,MAAMU,EAAQV,EAAMU,OAAS,WAE7B,MAAO,aACDX,kKAKoBC,EAAMW,MAAMC,OAAOC,iCACzBb,EAAMc,SAAW,OAAS,0DAIxCd,EAAMe,cACF,wGAGMC,2BAAUC,MAAAA,SAASjB,EAAMe,cAAef,IAAQkB,QAAQ,IAAIC,kCAC5DF,eAASjB,EAAMe,cAAef,yCAGpC,iBAIJA,EAAMoB,QACF,wGAGMJ,mBAAAA,QAAUC,eAASP,EAAOV,IAAQkB,QAAQ,IAAIC,kCAC9CF,MAAAA,SAASP,EAAOV,yCAGtB,0BAIJT,yBAAyBQ,0CACNkB,MAAAA,SAASP,EAAOV,qDAO7C,MAAMqB,kBAAoBd,OAAAA,IAAG,CAAA,GAAA,IACxBP,GAAU,WACPD,uCAEAC,EAAMc,SACFd,EAAMW,MAAMC,OAAOZ,EAAMoB,QAAU,qBAAuB,qBAC1DpB,EAAMW,MAAMC,OAAOZ,EAAMoB,QAAU,yBAA2B,0EAI9CpB,EAAMW,MAAMC,OAAO,+CACzBZ,EAAMc,SAAW,OAAS,yDAGvCd,EAAMoB,SAAWpB,EAAMe,cAAgB,qBAAqBE,MAAAA,SAASjB,EAAMe,cAAef,MAAY,aACvGA,EAAMoB,SAAWpB,EAAMU,MAAQ,qBAAqBO,eAASjB,EAAMU,MAAOV,MAAY,sBAGtFT,yBAAyBQ,2CACHC,EAAMW,MAAMC,OAAOC,oBAAoBb,EAAMW,MAAMC,OAAO,kGAOjF,MAAMU,KAAO9B,gBAAAA,QAAO+B,IAAI7B,WAAgC,CAC7D8B,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KACzE/B,WAAA,CAAAC,YAAA,iBAAAC,YAAA,mBAFkBJ,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,IACEgB,WAECR,GAAWA,EAAMoB,QAAUd,cAAgB,GAC3CN,GAAWA,EAAMc,SAAWT,eAAiB,GAC9C,EAAGsB,qBAAuBA,EAAkBN,kBAAoBZ"}

package/components/Switcher/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import tinycolor from'tinycolor2';import{getColor}from'../../mixins/color.mjs';const Input=styled.input.withConfig({displayName:"Switcher__Input",componentId:"ui__sc-w14piw-0"})(["position:absolute;overflow:visible;z-index:-1;opacity:0;width:0;height:0;margin:0;"]);const Label=styled.label.withConfig({displayName:"Switcher__Label",componentId:"ui__sc-w14piw-1"})(["display:inline;padding-left:14px;cursor:pointer;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);const Switcher=styled.label.withConfig({displayName:"Switcher",componentId:"ui__sc-w14piw-2"})(["position:relative;display:block;box-sizing:border-box;width:","px;height:","px;cursor:pointer;user-select:none;transition:background 0.3s ease,background-image 0.3s ease;border-radius:","px;flex:0 0 auto;&::before{position:absolute;top:","px;left:","px;display:block;width:","px;height:","px;content:'';transition:background 0.3s ease,left 0.3s ease;transform:translateZ(0);border-radius:50%;}"],(e=>e.switcherWidth),(e=>e.switcherHeight),(e=>e.borderRadius),(({switcherHeight:e,dotSize:o})=>(e-o)/2),(({switcherHeight:e,dotSize:o})=>(e-o)/2),(e=>e.dotSize),(e=>e.dotSize));const disabledStyles=`\n  cursor: not-allowed;\n  opacity: 0.7;\n\n  & ${Switcher} {\n    cursor: not-allowed;\n    box-shadow: none;\n\n    &::before {\n      box-shadow: none;\n    }\n  }\n\n  & ${Label} {\n    cursor: not-allowed;\n  }\n`;const checkedStyles=css(["& ","{&::before{left:","px;}}"],Switcher,(({switcherWidth:e,switcherHeight:o,dotSize:n})=>e-n-(o-n)/2));const baseStyles=css(["",""],(e=>`\n    position: relative;\n    display: inline-flex;\n    flex-direction: row;\n    box-sizing: border-box;\n    height: ${e.switcherHeight}px;\n    line-height: ${e.switcherHeight}px;\n    vertical-align: middle;\n    justify-content: flex-start;\n    align-content: center;\n    align-items: center;\n    max-width: 100%;\n    color: inherit;\n  `));const defaultPresetStyle=css(["",""],(e=>{const o=e.color||'atlantis';return`\n      & ${Switcher} {\n        box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.08);\n        background-color: #eaecf3;\n\n        &::before {\n          background-color: ${e.theme.colors.white};\n          box-shadow: ${e.disabled?'none':'0 0 6px 0 rgba(0, 0, 0, 0.16)'};\n        }\n\n        ${e.inactiveColor?`\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor(getColor(e.inactiveColor,e)).lighten(10).toString()},\n                  ${getColor(e.inactiveColor,e)}\n                );\n              `:''}\n\n        ${e.checked?`\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor(getColor(o,e)).lighten(10).toString()},\n                  ${getColor(o,e)}\n                );\n              `:''}\n      }\n\n      & ${Input}:focus-visible + ${Switcher} {\n        outline: 1px solid ${getColor(o,e)};\n        outline-offset: 2px;\n      }\n    `}));const brandPresetStyles=css(["",""],(e=>`\n    & ${Switcher} {\n      background-color: ${e.disabled?e.theme.colors[e.checked?'bg-disabled-active':'bg-disabled-small']:e.theme.colors[e.checked?'bg-brand-primary-basic':'bg-onmain-tertiary']};\n\n      &::before {\n        background-color: ${e.theme.colors['bg-oncolor-primary']};\n        box-shadow: ${e.disabled?'none':'0px 2px 4px rgba(0, 0, 0, 0.08)'};\n      }\n\n      ${!e.checked&&e.inactiveColor?`background-color: ${getColor(e.inactiveColor,e)};`:''}\n      ${e.checked&&e.color?`background-color: ${getColor(e.color,e)};`:''}\n    }\n\n    & ${Input}:focus-visible + ${Switcher} {\n      box-shadow: 0 0 0 2px ${e.theme.colors.white}, 0 0 0 4px ${e.theme.colors['border-focus']};\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n  `));const Root=styled.div.withConfig({shouldForwardProp:e=>['children','className','style'].includes(e)}).withConfig({displayName:"Switcher__Root",componentId:"ui__sc-w14piw-3"})([""," "," "," ",""],baseStyles,(e=>e.checked?checkedStyles:''),(e=>e.disabled?disabledStyles:''),(({brandPresetUsed:e})=>e?brandPresetStyles:defaultPresetStyle));export{Input,Label,Root,Switcher};
+import styled,{css}from'styled-components';import tinycolor from'tinycolor2';import{getColor}from'../../mixins/color.mjs';const Input=styled.input.withConfig({displayName:"Switcher__Input",componentId:"ui__sc-w14piw-0"})(["position:absolute;overflow:visible;z-index:-1;opacity:0;width:0;height:0;margin:0;"]);const Label=styled.label.withConfig({displayName:"Switcher__Label",componentId:"ui__sc-w14piw-1"})(["display:inline;padding-left:14px;cursor:pointer;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);const Switcher=styled.label.withConfig({displayName:"Switcher",componentId:"ui__sc-w14piw-2"})(["position:relative;display:block;box-sizing:border-box;width:","px;height:","px;cursor:pointer;user-select:none;transition:background 0.3s ease,background-image 0.3s ease;border-radius:","px;flex:0 0 auto;&::before{position:absolute;top:","px;left:","px;display:block;width:","px;height:","px;content:'';transition:background 0.3s ease,left 0.3s ease;transform:translateZ(0);border-radius:50%;}"],e=>e.switcherWidth,e=>e.switcherHeight,e=>e.borderRadius,({switcherHeight:e,dotSize:o})=>(e-o)/2,({switcherHeight:e,dotSize:o})=>(e-o)/2,e=>e.dotSize,e=>e.dotSize);const disabledStyles=`\n  cursor: not-allowed;\n  opacity: 0.7;\n\n  & ${Switcher} {\n    cursor: not-allowed;\n    box-shadow: none;\n\n    &::before {\n      box-shadow: none;\n    }\n  }\n\n  & ${Label} {\n    cursor: not-allowed;\n  }\n`;const checkedStyles=css(["& ","{&::before{left:","px;}}"],Switcher,({switcherWidth:e,switcherHeight:o,dotSize:n})=>e-n-(o-n)/2);const baseStyles=css(["",""],e=>`\n    position: relative;\n    display: inline-flex;\n    flex-direction: row;\n    box-sizing: border-box;\n    height: ${e.switcherHeight}px;\n    line-height: ${e.switcherHeight}px;\n    vertical-align: middle;\n    justify-content: flex-start;\n    align-content: center;\n    align-items: center;\n    max-width: 100%;\n    color: inherit;\n  `);const defaultPresetStyle=css(["",""],e=>{const o=e.color||'atlantis';return`\n      & ${Switcher} {\n        box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.08);\n        background-color: #eaecf3;\n\n        &::before {\n          background-color: ${e.theme.colors.white};\n          box-shadow: ${e.disabled?'none':'0 0 6px 0 rgba(0, 0, 0, 0.16)'};\n        }\n\n        ${e.inactiveColor?`\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor(getColor(e.inactiveColor,e)).lighten(10).toString()},\n                  ${getColor(e.inactiveColor,e)}\n                );\n              `:''}\n\n        ${e.checked?`\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor(getColor(o,e)).lighten(10).toString()},\n                  ${getColor(o,e)}\n                );\n              `:''}\n      }\n\n      & ${Input}:focus-visible + ${Switcher} {\n        outline: 1px solid ${getColor(o,e)};\n        outline-offset: 2px;\n      }\n    `});const brandPresetStyles=css(["",""],e=>`\n    & ${Switcher} {\n      background-color: ${e.disabled?e.theme.colors[e.checked?'bg-disabled-active':'bg-disabled-small']:e.theme.colors[e.checked?'bg-brand-primary-basic':'bg-onmain-tertiary']};\n\n      &::before {\n        background-color: ${e.theme.colors['bg-oncolor-primary']};\n        box-shadow: ${e.disabled?'none':'0px 2px 4px rgba(0, 0, 0, 0.08)'};\n      }\n\n      ${!e.checked&&e.inactiveColor?`background-color: ${getColor(e.inactiveColor,e)};`:''}\n      ${e.checked&&e.color?`background-color: ${getColor(e.color,e)};`:''}\n    }\n\n    & ${Input}:focus-visible + ${Switcher} {\n      box-shadow: 0 0 0 2px ${e.theme.colors.white}, 0 0 0 4px ${e.theme.colors['border-focus']};\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n  `);const Root=styled.div.withConfig({shouldForwardProp:e=>['children','className','style'].includes(e)}).withConfig({displayName:"Switcher__Root",componentId:"ui__sc-w14piw-3"})([""," "," "," ",""],baseStyles,e=>e.checked?checkedStyles:'',e=>e.disabled?disabledStyles:'',({brandPresetUsed:e})=>e?brandPresetStyles:defaultPresetStyle);export{Input,Label,Root,Switcher};
 //# sourceMappingURL=style.mjs.map

package/components/Switcher/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Switcher/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { getColor } from 'mixins/color'\nimport type { StyledSwitcherProps, SwitcherPropsByPreset } from './types'\n\nexport const Input = styled.input`\n  position: absolute;\n  overflow: visible;\n  z-index: -1;\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n`\n\nexport const Label = styled.label`\n  display: inline;\n  padding-left: 14px;\n  cursor: pointer;\n  user-select: none;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n`\n\nexport const Switcher = styled.label<SwitcherPropsByPreset>`\n  position: relative;\n  display: block;\n  box-sizing: border-box;\n  width: ${(props) => props.switcherWidth}px;\n  height: ${(props) => props.switcherHeight}px;\n  cursor: pointer;\n  user-select: none;\n  transition:\n    background 0.3s ease,\n    background-image 0.3s ease;\n  border-radius: ${(props) => props.borderRadius}px;\n  flex: 0 0 auto;\n\n  &::before {\n    position: absolute;\n    top: ${({ switcherHeight, dotSize }) => (switcherHeight - dotSize) / 2}px;\n    left: ${({ switcherHeight, dotSize }) => (switcherHeight - dotSize) / 2}px;\n    display: block;\n    width: ${(props) => props.dotSize}px;\n    height: ${(props) => props.dotSize}px;\n    content: '';\n    transition:\n      background 0.3s ease,\n      left 0.3s ease;\n    transform: translateZ(0);\n    border-radius: 50%;\n  }\n`\n\nconst disabledStyles = `\n  cursor: not-allowed;\n  opacity: 0.7;\n\n  & ${Switcher} {\n    cursor: not-allowed;\n    box-shadow: none;\n\n    &::before {\n      box-shadow: none;\n    }\n  }\n\n  & ${Label} {\n    cursor: not-allowed;\n  }\n`\n\nconst checkedStyles = css<StyledSwitcherProps>`\n  & ${Switcher} {\n    &::before {\n      left: ${({ switcherWidth, switcherHeight, dotSize }) =>\n        switcherWidth - dotSize - (switcherHeight - dotSize) / 2}px;\n    }\n  }\n`\n\nconst baseStyles = css<StyledSwitcherProps>`\n  ${(props) => `\n    position: relative;\n    display: inline-flex;\n    flex-direction: row;\n    box-sizing: border-box;\n    height: ${props.switcherHeight}px;\n    line-height: ${props.switcherHeight}px;\n    vertical-align: middle;\n    justify-content: flex-start;\n    align-content: center;\n    align-items: center;\n    max-width: 100%;\n    color: inherit;\n  `}\n`\n\nconst defaultPresetStyle = css<StyledSwitcherProps>`\n  ${(props) => {\n    const color = props.color || 'atlantis'\n\n    return `\n      & ${Switcher} {\n        box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.08);\n        background-color: #eaecf3;\n\n        &::before {\n          background-color: ${props.theme.colors.white};\n          box-shadow: ${props.disabled ? 'none' : '0 0 6px 0 rgba(0, 0, 0, 0.16)'};\n        }\n\n        ${\n          props.inactiveColor\n            ? `\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor(getColor(props.inactiveColor, props)).lighten(10).toString()},\n                  ${getColor(props.inactiveColor, props)}\n                );\n              `\n            : ''\n        }\n\n        ${\n          props.checked\n            ? `\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor(getColor(color, props)).lighten(10).toString()},\n                  ${getColor(color, props)}\n                );\n              `\n            : ''\n        }\n      }\n\n      & ${Input}:focus-visible + ${Switcher} {\n        outline: 1px solid ${getColor(color, props)};\n        outline-offset: 2px;\n      }\n    `\n  }}\n`\n\nconst brandPresetStyles = css<StyledSwitcherProps>`\n  ${(props) => `\n    & ${Switcher} {\n      background-color: ${\n        props.disabled\n          ? props.theme.colors[props.checked ? 'bg-disabled-active' : 'bg-disabled-small']\n          : props.theme.colors[props.checked ? 'bg-brand-primary-basic' : 'bg-onmain-tertiary']\n      };\n\n      &::before {\n        background-color: ${props.theme.colors['bg-oncolor-primary']};\n        box-shadow: ${props.disabled ? 'none' : '0px 2px 4px rgba(0, 0, 0, 0.08)'};\n      }\n\n      ${!props.checked && props.inactiveColor ? `background-color: ${getColor(props.inactiveColor, props)};` : ''}\n      ${props.checked && props.color ? `background-color: ${getColor(props.color, props)};` : ''}\n    }\n\n    & ${Input}:focus-visible + ${Switcher} {\n      box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n  `}\n`\n\nexport const Root = styled.div.withConfig<StyledSwitcherProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  ${baseStyles}\n\n  ${(props) => (props.checked ? checkedStyles : '')}\n  ${(props) => (props.disabled ? disabledStyles : '')}\n  ${({ brandPresetUsed }) => (brandPresetUsed ? brandPresetStyles : defaultPresetStyle)}\n`\n"],"names":["Input","styled","input","withConfig","displayName","componentId","Label","label","Switcher","props","switcherWidth","switcherHeight","borderRadius","dotSize","disabledStyles","checkedStyles","css","baseStyles","defaultPresetStyle","color","theme","colors","white","disabled","inactiveColor","tinycolor","getColor","lighten","toString","checked","brandPresetStyles","Root","div","shouldForwardProp","prop","includes","brandPresetUsed"],"mappings":"gIAKaA,MAAQC,OAAOC,MAAKC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,mBAAZJ,CAAY,CAAA,6FAUpBK,MAAQL,OAAOM,MAAKJ,WAAA,CAAAC,YAAA,kBAAAC,YAAA,mBAAZJ,CAAY,CAAA,sIAUpBO,SAAWP,OAAOM,MAAKJ,WAAA,CAAAC,YAAA,WAAAC,YAAA,mBAAZJ,CAAY,CAAA,+DAAA,aAAA,+GAAA,oDAAA,WAAA,0BAAA,aAAA,6GAIxBQ,GAAUA,EAAMC,gBACfD,GAAUA,EAAME,iBAMTF,GAAUA,EAAMG,eAKzB,EAAGD,iBAAgBE,cAAeF,EAAiBE,GAAW,IAC7D,EAAGF,iBAAgBE,cAAeF,EAAiBE,GAAW,IAE5DJ,GAAUA,EAAMI,UACfJ,GAAUA,EAAMI,UAU/B,MAAMC,eAAiB,oDAIjBN,8HASAF,2CAKN,MAAMS,cAAgBC,IAAG,CAAA,KAAA,mBAAA,SACnBR,UAEQ,EAAGE,gBAAeC,iBAAgBE,aACxCH,EAAgBG,GAAWF,EAAiBE,GAAW,IAK/D,MAAMI,WAAaD,IAAG,CAAA,GAAA,KACjBP,GAAU,4HAKDA,EAAME,uCACDF,EAAME,0LAUzB,MAAMO,mBAAqBF,IAAG,CAAA,GAAA,KACzBP,IACD,MAAMU,EAAQV,EAAMU,OAAS,WAE7B,MAAO,aACDX,kKAKoBC,EAAMW,MAAMC,OAAOC,iCACzBb,EAAMc,SAAW,OAAS,0DAIxCd,EAAMe,cACF,wGAGMC,UAAUC,SAASjB,EAAMe,cAAef,IAAQkB,QAAQ,IAAIC,kCAC5DF,SAASjB,EAAMe,cAAef,yCAGpC,iBAIJA,EAAMoB,QACF,wGAGMJ,UAAUC,SAASP,EAAOV,IAAQkB,QAAQ,IAAIC,kCAC9CF,SAASP,EAAOV,yCAGtB,0BAIJT,yBAAyBQ,0CACNkB,SAASP,EAAOV,kDAGxC,IAIL,MAAMqB,kBAAoBd,IAAG,CAAA,GAAA,KACxBP,GAAU,WACPD,uCAEAC,EAAMc,SACFd,EAAMW,MAAMC,OAAOZ,EAAMoB,QAAU,qBAAuB,qBAC1DpB,EAAMW,MAAMC,OAAOZ,EAAMoB,QAAU,yBAA2B,0EAI9CpB,EAAMW,MAAMC,OAAO,+CACzBZ,EAAMc,SAAW,OAAS,yDAGvCd,EAAMoB,SAAWpB,EAAMe,cAAgB,qBAAqBE,SAASjB,EAAMe,cAAef,MAAY,aACvGA,EAAMoB,SAAWpB,EAAMU,MAAQ,qBAAqBO,SAASjB,EAAMU,MAAOV,MAAY,sBAGtFT,yBAAyBQ,2CACHC,EAAMW,MAAMC,OAAOC,oBAAoBb,EAAMW,MAAMC,OAAO,mGAOjF,MAAMU,KAAO9B,OAAO+B,IAAI7B,WAAgC,CAC7D8B,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KACzE/B,WAAA,CAAAC,YAAA,iBAAAC,YAAA,mBAFkBJ,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,IACEgB,YAECR,GAAWA,EAAMoB,QAAUd,cAAgB,KAC3CN,GAAWA,EAAMc,SAAWT,eAAiB,KAC9C,EAAGsB,qBAAuBA,EAAkBN,kBAAoBZ"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Switcher/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { getColor } from 'mixins/color'\nimport type { StyledSwitcherProps, SwitcherPropsByPreset } from './types'\n\nexport const Input = styled.input`\n  position: absolute;\n  overflow: visible;\n  z-index: -1;\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n`\n\nexport const Label = styled.label`\n  display: inline;\n  padding-left: 14px;\n  cursor: pointer;\n  user-select: none;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n`\n\nexport const Switcher = styled.label<SwitcherPropsByPreset>`\n  position: relative;\n  display: block;\n  box-sizing: border-box;\n  width: ${(props) => props.switcherWidth}px;\n  height: ${(props) => props.switcherHeight}px;\n  cursor: pointer;\n  user-select: none;\n  transition:\n    background 0.3s ease,\n    background-image 0.3s ease;\n  border-radius: ${(props) => props.borderRadius}px;\n  flex: 0 0 auto;\n\n  &::before {\n    position: absolute;\n    top: ${({ switcherHeight, dotSize }) => (switcherHeight - dotSize) / 2}px;\n    left: ${({ switcherHeight, dotSize }) => (switcherHeight - dotSize) / 2}px;\n    display: block;\n    width: ${(props) => props.dotSize}px;\n    height: ${(props) => props.dotSize}px;\n    content: '';\n    transition:\n      background 0.3s ease,\n      left 0.3s ease;\n    transform: translateZ(0);\n    border-radius: 50%;\n  }\n`\n\nconst disabledStyles = `\n  cursor: not-allowed;\n  opacity: 0.7;\n\n  & ${Switcher} {\n    cursor: not-allowed;\n    box-shadow: none;\n\n    &::before {\n      box-shadow: none;\n    }\n  }\n\n  & ${Label} {\n    cursor: not-allowed;\n  }\n`\n\nconst checkedStyles = css<StyledSwitcherProps>`\n  & ${Switcher} {\n    &::before {\n      left: ${({ switcherWidth, switcherHeight, dotSize }) =>\n        switcherWidth - dotSize - (switcherHeight - dotSize) / 2}px;\n    }\n  }\n`\n\nconst baseStyles = css<StyledSwitcherProps>`\n  ${(props) => `\n    position: relative;\n    display: inline-flex;\n    flex-direction: row;\n    box-sizing: border-box;\n    height: ${props.switcherHeight}px;\n    line-height: ${props.switcherHeight}px;\n    vertical-align: middle;\n    justify-content: flex-start;\n    align-content: center;\n    align-items: center;\n    max-width: 100%;\n    color: inherit;\n  `}\n`\n\nconst defaultPresetStyle = css<StyledSwitcherProps>`\n  ${(props) => {\n    const color = props.color || 'atlantis'\n\n    return `\n      & ${Switcher} {\n        box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.08);\n        background-color: #eaecf3;\n\n        &::before {\n          background-color: ${props.theme.colors.white};\n          box-shadow: ${props.disabled ? 'none' : '0 0 6px 0 rgba(0, 0, 0, 0.16)'};\n        }\n\n        ${\n          props.inactiveColor\n            ? `\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor(getColor(props.inactiveColor, props)).lighten(10).toString()},\n                  ${getColor(props.inactiveColor, props)}\n                );\n              `\n            : ''\n        }\n\n        ${\n          props.checked\n            ? `\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor(getColor(color, props)).lighten(10).toString()},\n                  ${getColor(color, props)}\n                );\n              `\n            : ''\n        }\n      }\n\n      & ${Input}:focus-visible + ${Switcher} {\n        outline: 1px solid ${getColor(color, props)};\n        outline-offset: 2px;\n      }\n    `\n  }}\n`\n\nconst brandPresetStyles = css<StyledSwitcherProps>`\n  ${(props) => `\n    & ${Switcher} {\n      background-color: ${\n        props.disabled\n          ? props.theme.colors[props.checked ? 'bg-disabled-active' : 'bg-disabled-small']\n          : props.theme.colors[props.checked ? 'bg-brand-primary-basic' : 'bg-onmain-tertiary']\n      };\n\n      &::before {\n        background-color: ${props.theme.colors['bg-oncolor-primary']};\n        box-shadow: ${props.disabled ? 'none' : '0px 2px 4px rgba(0, 0, 0, 0.08)'};\n      }\n\n      ${!props.checked && props.inactiveColor ? `background-color: ${getColor(props.inactiveColor, props)};` : ''}\n      ${props.checked && props.color ? `background-color: ${getColor(props.color, props)};` : ''}\n    }\n\n    & ${Input}:focus-visible + ${Switcher} {\n      box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n  `}\n`\n\nexport const Root = styled.div.withConfig<StyledSwitcherProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  ${baseStyles}\n\n  ${(props) => (props.checked ? checkedStyles : '')}\n  ${(props) => (props.disabled ? disabledStyles : '')}\n  ${({ brandPresetUsed }) => (brandPresetUsed ? brandPresetStyles : defaultPresetStyle)}\n`\n"],"names":["Input","styled","input","withConfig","displayName","componentId","Label","label","Switcher","props","switcherWidth","switcherHeight","borderRadius","dotSize","disabledStyles","checkedStyles","css","baseStyles","defaultPresetStyle","color","theme","colors","white","disabled","inactiveColor","tinycolor","getColor","lighten","toString","checked","brandPresetStyles","Root","div","shouldForwardProp","prop","includes","brandPresetUsed"],"mappings":"gIAKaA,MAAQC,OAAOC,MAAKC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,mBAAZJ,CAAY,CAAA,6FAUpBK,MAAQL,OAAOM,MAAKJ,WAAA,CAAAC,YAAA,kBAAAC,YAAA,mBAAZJ,CAAY,CAAA,sIAUpBO,SAAWP,OAAOM,MAAKJ,WAAA,CAAAC,YAAA,WAAAC,YAAA,mBAAZJ,CAAY,CAAA,+DAAA,aAAA,+GAAA,oDAAA,WAAA,0BAAA,aAAA,4GAIxBQ,GAAUA,EAAMC,cACfD,GAAUA,EAAME,eAMTF,GAAUA,EAAMG,aAKzB,EAAGD,iBAAgBE,cAAeF,EAAiBE,GAAW,EAC7D,EAAGF,iBAAgBE,cAAeF,EAAiBE,GAAW,EAE5DJ,GAAUA,EAAMI,QACfJ,GAAUA,EAAMI,SAU/B,MAAMC,eAAiB,oDAIjBN,8HASAF,2CAKN,MAAMS,cAAgBC,IAAG,CAAA,KAAA,mBAAA,SACnBR,SAEQ,EAAGE,gBAAeC,iBAAgBE,aACxCH,EAAgBG,GAAWF,EAAiBE,GAAW,GAK/D,MAAMI,WAAaD,IAAG,CAAA,GAAA,IACjBP,GAAU,4HAKDA,EAAME,uCACDF,EAAME,yLAUzB,MAAMO,mBAAqBF,IAAG,CAAA,GAAA,IACzBP,IACD,MAAMU,EAAQV,EAAMU,OAAS,WAE7B,MAAO,aACDX,kKAKoBC,EAAMW,MAAMC,OAAOC,iCACzBb,EAAMc,SAAW,OAAS,0DAIxCd,EAAMe,cACF,wGAGMC,UAAUC,SAASjB,EAAMe,cAAef,IAAQkB,QAAQ,IAAIC,kCAC5DF,SAASjB,EAAMe,cAAef,yCAGpC,iBAIJA,EAAMoB,QACF,wGAGMJ,UAAUC,SAASP,EAAOV,IAAQkB,QAAQ,IAAIC,kCAC9CF,SAASP,EAAOV,yCAGtB,0BAIJT,yBAAyBQ,0CACNkB,SAASP,EAAOV,qDAO7C,MAAMqB,kBAAoBd,IAAG,CAAA,GAAA,IACxBP,GAAU,WACPD,uCAEAC,EAAMc,SACFd,EAAMW,MAAMC,OAAOZ,EAAMoB,QAAU,qBAAuB,qBAC1DpB,EAAMW,MAAMC,OAAOZ,EAAMoB,QAAU,yBAA2B,0EAI9CpB,EAAMW,MAAMC,OAAO,+CACzBZ,EAAMc,SAAW,OAAS,yDAGvCd,EAAMoB,SAAWpB,EAAMe,cAAgB,qBAAqBE,SAASjB,EAAMe,cAAef,MAAY,aACvGA,EAAMoB,SAAWpB,EAAMU,MAAQ,qBAAqBO,SAASjB,EAAMU,MAAOV,MAAY,sBAGtFT,yBAAyBQ,2CACHC,EAAMW,MAAMC,OAAOC,oBAAoBb,EAAMW,MAAMC,OAAO,kGAOjF,MAAMU,KAAO9B,OAAO+B,IAAI7B,WAAgC,CAC7D8B,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KACzE/B,WAAA,CAAAC,YAAA,iBAAAC,YAAA,mBAFkBJ,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,IACEgB,WAECR,GAAWA,EAAMoB,QAAUd,cAAgB,GAC3CN,GAAWA,EAAMc,SAAWT,eAAiB,GAC9C,EAAGsB,qBAAuBA,EAAkBN,kBAAoBZ"}

package/components/Tab/Tab.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var defaultConstants=require('./default-constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Text=require('../Text/Text.js');const Tab=withMergedProps.withMergedProps(React.forwardRef(((e,t)=>{const{size:s="m",type:r="button",textProps:n={},children:i,theme:a,...o}=e;const x={as:'span',size:'inherit',color:'inherit',weight:'inherit'};return jsxRuntime.jsx(style.Root,{...o,size:s,tabTheme:a,type:o.as===void 0?r:void 0,ref:t,children:o.preset==='brand'?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[o.left?jsxRuntime.jsx(style.Edge,{}):null,jsxRuntime.jsx(style.Content,{children:typeof i=='function'?i({baseTextProps:x,textProps:n}):jsxRuntime.jsx(Text.Text,{...x,...n,children:i})}),o.right?jsxRuntime.jsx(style.Edge,{after:!0}):null]}):typeof i=='function'?i({baseTextProps:x,textProps:n}):jsxRuntime.jsx(Text.Text,{...x,...n,children:i})})})),{displayName:"Tab",sizes:e=>e.preset==='brand'?constants.SIZES:defaultConstants.SIZES_DEFAULT});exports.COMPONENT_NAME="Tab",exports.Tab=Tab;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var defaultConstants=require('./default-constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Text=require('../Text/Text.js');const Tab=withMergedProps.withMergedProps(React.forwardRef((e,t)=>{const{size:s="m",type:r="button",textProps:n={},children:i,theme:a,...o}=e;const x={as:'span',size:'inherit',color:'inherit',weight:'inherit'};return jsxRuntime.jsx(style.Root,{...o,size:s,tabTheme:a,type:o.as===void 0?r:void 0,ref:t,children:o.preset==='brand'?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[o.left?jsxRuntime.jsx(style.Edge,{}):null,jsxRuntime.jsx(style.Content,{children:typeof i=='function'?i({baseTextProps:x,textProps:n}):jsxRuntime.jsx(Text.Text,{...x,...n,children:i})}),o.right?jsxRuntime.jsx(style.Edge,{after:!0}):null]}):typeof i=='function'?i({baseTextProps:x,textProps:n}):jsxRuntime.jsx(Text.Text,{...x,...n,children:i})})}),{displayName:"Tab",sizes:e=>e.preset==='brand'?constants.SIZES:defaultConstants.SIZES_DEFAULT});exports.COMPONENT_NAME="Tab",exports.Tab=Tab;
 //# sourceMappingURL=Tab.js.map

package/components/Tab/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\nimport type { TabProps } from './types'\n\nconst COMPONENT_NAME = 'Tab'\n\n/**\n *\n * Контрол, предназначенный для навигации между разделами контента.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Tab: React.ForwardRefExoticComponent<TabProps> = withMergedProps<TabProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<TabProps>>((props, ref) => {\n    const { size = 'm', type = 'button', textProps = {}, children, theme, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'span', size: 'inherit', color: 'inherit', weight: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...restProps}\n        size={size}\n        tabTheme={theme}\n        type={restProps.as === undefined ? type : undefined}\n        ref={ref}\n      >\n        {restProps.preset === 'brand' ? (\n          <>\n            {restProps.left ? <Styled.Edge /> : null}\n            <Styled.Content>\n              {typeof children === 'function' ? (\n                children({ baseTextProps, textProps })\n              ) : (\n                <Text {...baseTextProps} {...textProps}>\n                  {children}\n                </Text>\n              )}\n            </Styled.Content>\n            {restProps.right ? <Styled.Edge after /> : null}\n          </>\n        ) : typeof children === 'function' ? (\n          children({ baseTextProps, textProps })\n        ) : (\n          <Text {...baseTextProps} {...textProps}>\n            {children}\n          </Text>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      return props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Tab, COMPONENT_NAME }\n"],"names":["Tab","withMergedProps","forwardRef","props","ref","size","type","textProps","children","theme","restProps","baseTextProps","as","color","weight","_jsx","Styled","tabTheme","undefined","preset","_jsxs","_Fragment","left","Text","right","after","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"oTAkBA,MAAMA,IAAiDC,gBAAAA,gBACrDC,MAAAA,YAAqD,CAACC,EAAOC,KAC3D,MAAMC,KAAEA,EAAO,IAAGC,KAAEA,EAAO,SAAQC,UAAEA,EAAY,CAAA,EAAEC,SAAEA,EAAQC,MAAEA,KAAUC,GAAcP,EAEvF,MAAMQ,EAA2B,CAAEC,GAAI,OAAQP,KAAM,UAAWQ,MAAO,UAAWC,OAAQ,WAE1F,OACEC,WAAAA,IAACC,MAAAA,KAAW,IACNN,EACJL,KAAMA,EACNY,SAAUR,EACVH,KAAMI,EAAUE,UAAOM,EAAYZ,OAAOY,EAC1Cd,IAAKA,EAAII,SAERE,EAAUS,SAAW,QACpBC,WAAAA,KAAAC,WAAAA,SAAA,CAAAb,UACGE,EAAUY,KAAOP,WAAAA,IAACC,WAAW,CAAA,GAAM,KACpCD,WAAAA,IAACC,cAAc,CAAAR,gBACLA,GAAa,WACnBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,WAAAA,IAACQ,UAAI,IAAKZ,KAAmBJ,EAASC,SACnCA,MAINE,EAAUc,MAAQT,WAAAA,IAACC,MAAAA,KAAW,CAACS,OAAK,IAAM,eAEpCjB,GAAa,WACtBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,WAAAA,IAACQ,UAAI,IAAKZ,KAAmBJ,EAASC,SACnCA,KAGO,IAGlB,CACEkB,YA/CmB,MAgDnBC,MAAQxB,GACCA,EAAMgB,SAAW,QAAUS,UAAAA,MAAQC,iBAAAA,uCAjDzB"}
+{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\nimport type { TabProps } from './types'\n\nconst COMPONENT_NAME = 'Tab'\n\n/**\n *\n * Контрол, предназначенный для навигации между разделами контента.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Tab: React.ForwardRefExoticComponent<TabProps> = withMergedProps<TabProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<TabProps>>((props, ref) => {\n    const { size = 'm', type = 'button', textProps = {}, children, theme, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'span', size: 'inherit', color: 'inherit', weight: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...restProps}\n        size={size}\n        tabTheme={theme}\n        type={restProps.as === undefined ? type : undefined}\n        ref={ref}\n      >\n        {restProps.preset === 'brand' ? (\n          <>\n            {restProps.left ? <Styled.Edge /> : null}\n            <Styled.Content>\n              {typeof children === 'function' ? (\n                children({ baseTextProps, textProps })\n              ) : (\n                <Text {...baseTextProps} {...textProps}>\n                  {children}\n                </Text>\n              )}\n            </Styled.Content>\n            {restProps.right ? <Styled.Edge after /> : null}\n          </>\n        ) : typeof children === 'function' ? (\n          children({ baseTextProps, textProps })\n        ) : (\n          <Text {...baseTextProps} {...textProps}>\n            {children}\n          </Text>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      return props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Tab, COMPONENT_NAME }\n"],"names":["Tab","withMergedProps","forwardRef","props","ref","size","type","textProps","children","theme","restProps","baseTextProps","as","color","weight","_jsx","Styled","tabTheme","undefined","preset","_jsxs","_Fragment","left","Text","right","after","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"oTAkBA,MAAMA,IAAiDC,gBAAAA,gBACrDC,MAAAA,WAAqD,CAACC,EAAOC,KAC3D,MAAMC,KAAEA,EAAO,IAAGC,KAAEA,EAAO,SAAQC,UAAEA,EAAY,CAAA,EAAEC,SAAEA,EAAQC,MAAEA,KAAUC,GAAcP,EAEvF,MAAMQ,EAA2B,CAAEC,GAAI,OAAQP,KAAM,UAAWQ,MAAO,UAAWC,OAAQ,WAE1F,OACEC,WAAAA,IAACC,MAAAA,KAAW,IACNN,EACJL,KAAMA,EACNY,SAAUR,EACVH,KAAMI,EAAUE,UAAOM,EAAYZ,OAAOY,EAC1Cd,IAAKA,EAAII,SAERE,EAAUS,SAAW,QACpBC,WAAAA,KAAAC,WAAAA,SAAA,CAAAb,UACGE,EAAUY,KAAOP,WAAAA,IAACC,WAAW,CAAA,GAAM,KACpCD,WAAAA,IAACC,cAAc,CAAAR,gBACLA,GAAa,WACnBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,WAAAA,IAACQ,UAAI,IAAKZ,KAAmBJ,EAASC,SACnCA,MAINE,EAAUc,MAAQT,WAAAA,IAACC,MAAAA,KAAW,CAACS,OAAK,IAAM,eAEpCjB,GAAa,WACtBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,WAAAA,IAACQ,UAAI,IAAKZ,KAAmBJ,EAASC,SACnCA,QAMX,CACEkB,YA/CmB,MAgDnBC,MAAQxB,GACCA,EAAMgB,SAAW,QAAUS,UAAAA,MAAQC,iBAAAA,uCAjDzB"}

package/components/Tab/Tab.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES}from'./constants.mjs';import{SIZES_DEFAULT}from'./default-constants.mjs';import{Root,Edge,Content}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='Tab';const Tab=withMergedProps(forwardRef(((t,e)=>{const{size:r="m",type:s="button",textProps:o={},children:n,theme:i,...m}=t;const a={as:'span',size:'inherit',color:'inherit',weight:'inherit'};return jsx(Root,{...m,size:r,tabTheme:i,type:m.as===void 0?s:void 0,ref:e,children:m.preset==='brand'?jsxs(Fragment,{children:[m.left?jsx(Edge,{}):null,jsx(Content,{children:typeof n=='function'?n({baseTextProps:a,textProps:o}):jsx(Text,{...a,...o,children:n})}),m.right?jsx(Edge,{after:!0}):null]}):typeof n=='function'?n({baseTextProps:a,textProps:o}):jsx(Text,{...a,...o,children:n})})})),{displayName:"Tab",sizes:t=>t.preset==='brand'?SIZES:SIZES_DEFAULT});export{COMPONENT_NAME,Tab};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES}from'./constants.mjs';import{SIZES_DEFAULT}from'./default-constants.mjs';import{Root,Edge,Content}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='Tab';const Tab=withMergedProps(forwardRef((t,e)=>{const{size:r="m",type:s="button",textProps:o={},children:n,theme:i,...m}=t;const a={as:'span',size:'inherit',color:'inherit',weight:'inherit'};return jsx(Root,{...m,size:r,tabTheme:i,type:m.as===void 0?s:void 0,ref:e,children:m.preset==='brand'?jsxs(Fragment,{children:[m.left?jsx(Edge,{}):null,jsx(Content,{children:typeof n=='function'?n({baseTextProps:a,textProps:o}):jsx(Text,{...a,...o,children:n})}),m.right?jsx(Edge,{after:!0}):null]}):typeof n=='function'?n({baseTextProps:a,textProps:o}):jsx(Text,{...a,...o,children:n})})}),{displayName:"Tab",sizes:t=>t.preset==='brand'?SIZES:SIZES_DEFAULT});export{COMPONENT_NAME,Tab};
 //# sourceMappingURL=Tab.mjs.map

package/components/Tab/Tab.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.mjs","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\nimport type { TabProps } from './types'\n\nconst COMPONENT_NAME = 'Tab'\n\n/**\n *\n * Контрол, предназначенный для навигации между разделами контента.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Tab: React.ForwardRefExoticComponent<TabProps> = withMergedProps<TabProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<TabProps>>((props, ref) => {\n    const { size = 'm', type = 'button', textProps = {}, children, theme, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'span', size: 'inherit', color: 'inherit', weight: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...restProps}\n        size={size}\n        tabTheme={theme}\n        type={restProps.as === undefined ? type : undefined}\n        ref={ref}\n      >\n        {restProps.preset === 'brand' ? (\n          <>\n            {restProps.left ? <Styled.Edge /> : null}\n            <Styled.Content>\n              {typeof children === 'function' ? (\n                children({ baseTextProps, textProps })\n              ) : (\n                <Text {...baseTextProps} {...textProps}>\n                  {children}\n                </Text>\n              )}\n            </Styled.Content>\n            {restProps.right ? <Styled.Edge after /> : null}\n          </>\n        ) : typeof children === 'function' ? (\n          children({ baseTextProps, textProps })\n        ) : (\n          <Text {...baseTextProps} {...textProps}>\n            {children}\n          </Text>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      return props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Tab, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Tab","withMergedProps","forwardRef","props","ref","size","type","textProps","children","theme","restProps","baseTextProps","as","color","weight","_jsx","Styled","tabTheme","undefined","preset","_jsxs","_Fragment","left","Text","right","after","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"+SAUA,MAAMA,eAAiB,MAQvB,MAAMC,IAAiDC,gBACrDC,YAAqD,CAACC,EAAOC,KAC3D,MAAMC,KAAEA,EAAO,IAAGC,KAAEA,EAAO,SAAQC,UAAEA,EAAY,CAAA,EAAEC,SAAEA,EAAQC,MAAEA,KAAUC,GAAcP,EAEvF,MAAMQ,EAA2B,CAAEC,GAAI,OAAQP,KAAM,UAAWQ,MAAO,UAAWC,OAAQ,WAE1F,OACEC,IAACC,KAAW,IACNN,EACJL,KAAMA,EACNY,SAAUR,EACVH,KAAMI,EAAUE,UAAOM,EAAYZ,OAAOY,EAC1Cd,IAAKA,EAAII,SAERE,EAAUS,SAAW,QACpBC,KAAAC,SAAA,CAAAb,UACGE,EAAUY,KAAOP,IAACC,KAAW,CAAA,GAAM,KACpCD,IAACC,QAAc,CAAAR,gBACLA,GAAa,WACnBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,IAACQ,KAAI,IAAKZ,KAAmBJ,EAASC,SACnCA,MAINE,EAAUc,MAAQT,IAACC,KAAW,CAACS,OAAK,IAAM,eAEpCjB,GAAa,WACtBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,IAACQ,KAAI,IAAKZ,KAAmBJ,EAASC,SACnCA,KAGO,IAGlB,CACEkB,YA/CmB,MAgDnBC,MAAQxB,GACCA,EAAMgB,SAAW,QAAUS,MAAQC"}
+{"version":3,"file":"Tab.mjs","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\nimport type { TabProps } from './types'\n\nconst COMPONENT_NAME = 'Tab'\n\n/**\n *\n * Контрол, предназначенный для навигации между разделами контента.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Tab: React.ForwardRefExoticComponent<TabProps> = withMergedProps<TabProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<TabProps>>((props, ref) => {\n    const { size = 'm', type = 'button', textProps = {}, children, theme, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'span', size: 'inherit', color: 'inherit', weight: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...restProps}\n        size={size}\n        tabTheme={theme}\n        type={restProps.as === undefined ? type : undefined}\n        ref={ref}\n      >\n        {restProps.preset === 'brand' ? (\n          <>\n            {restProps.left ? <Styled.Edge /> : null}\n            <Styled.Content>\n              {typeof children === 'function' ? (\n                children({ baseTextProps, textProps })\n              ) : (\n                <Text {...baseTextProps} {...textProps}>\n                  {children}\n                </Text>\n              )}\n            </Styled.Content>\n            {restProps.right ? <Styled.Edge after /> : null}\n          </>\n        ) : typeof children === 'function' ? (\n          children({ baseTextProps, textProps })\n        ) : (\n          <Text {...baseTextProps} {...textProps}>\n            {children}\n          </Text>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      return props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Tab, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Tab","withMergedProps","forwardRef","props","ref","size","type","textProps","children","theme","restProps","baseTextProps","as","color","weight","_jsx","Styled","tabTheme","undefined","preset","_jsxs","_Fragment","left","Text","right","after","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"+SAUA,MAAMA,eAAiB,MAQvB,MAAMC,IAAiDC,gBACrDC,WAAqD,CAACC,EAAOC,KAC3D,MAAMC,KAAEA,EAAO,IAAGC,KAAEA,EAAO,SAAQC,UAAEA,EAAY,CAAA,EAAEC,SAAEA,EAAQC,MAAEA,KAAUC,GAAcP,EAEvF,MAAMQ,EAA2B,CAAEC,GAAI,OAAQP,KAAM,UAAWQ,MAAO,UAAWC,OAAQ,WAE1F,OACEC,IAACC,KAAW,IACNN,EACJL,KAAMA,EACNY,SAAUR,EACVH,KAAMI,EAAUE,UAAOM,EAAYZ,OAAOY,EAC1Cd,IAAKA,EAAII,SAERE,EAAUS,SAAW,QACpBC,KAAAC,SAAA,CAAAb,UACGE,EAAUY,KAAOP,IAACC,KAAW,CAAA,GAAM,KACpCD,IAACC,QAAc,CAAAR,gBACLA,GAAa,WACnBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,IAACQ,KAAI,IAAKZ,KAAmBJ,EAASC,SACnCA,MAINE,EAAUc,MAAQT,IAACC,KAAW,CAACS,OAAK,IAAM,eAEpCjB,GAAa,WACtBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,IAACQ,KAAI,IAAKZ,KAAmBJ,EAASC,SACnCA,QAMX,CACEkB,YA/CmB,MAgDnBC,MAAQxB,GACCA,EAAMgB,SAAW,QAAUS,MAAQC"}

package/components/Tab/images/arrow.svg.js

@@ -1,2 +1,2 @@
-'use strict';function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,'__esModule',{value:!0});var React__namespace=_interopNamespace(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}exports.default=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"none",preserveAspectRatio:"none",viewBox:"0 0 21 48"},e),_path||(_path=React__namespace.createElement("path",{fill:"currentcolor",d:"M22 0h-3L1 24l18 24h3"})));
+'use strict';function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}),t.default=e,Object.freeze(t)}Object.defineProperty(exports,'__esModule',{value:!0});var React__namespace=_interopNamespace(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}exports.default=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"none",preserveAspectRatio:"none",viewBox:"0 0 21 48"},e),_path||(_path=React__namespace.createElement("path",{fill:"currentcolor",d:"M22 0h-3L1 24l18 24h3"})));
 //# sourceMappingURL=arrow.svg.js.map

package/components/Tab/images/arrow.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"arrow.svg.js","sources":["../../../../../src/components/Tab/images/arrow.svg?module"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgArrow = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  preserveAspectRatio: \"none\",\n  viewBox: \"0 0 21 48\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  fill: \"currentcolor\",\n  d: \"M22 0h-3L1 24l18 24h3\"\n})));\nexport default SvgArrow;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","fill","preserveAspectRatio","viewBox","d"],"mappings":"qZAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,GAAK,CAAE,OAAOL,CAAG,EAAGJ,SAASY,MAAM,KAAMN,UAAY,iBAElQO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CACzEgB,MAAO,6BACPC,KAAM,OACNC,oBAAqB,OACrBC,QAAS,aACRN,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEE,KAAM,eACNG,EAAG"}
+{"version":3,"file":"arrow.svg.js","sources":["../../../../../src/components/Tab/images/arrow.svg?module"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgArrow = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"none\",\n  preserveAspectRatio: \"none\",\n  viewBox: \"0 0 21 48\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  fill: \"currentcolor\",\n  d: \"M22 0h-3L1 24l18 24h3\"\n})));\nexport default SvgArrow;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","fill","preserveAspectRatio","viewBox","d"],"mappings":"mZAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,GAAK,CAAE,OAAOL,CAAG,EAAGJ,SAASY,MAAM,KAAMN,UAAY,iBAElQO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CACzEgB,MAAO,6BACPC,KAAM,OACNC,oBAAqB,OACrBC,QAAS,aACRN,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEE,KAAM,eACNG,EAAG"}