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

package/components/Separator/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');var responsiveProperty=require('../../mixins/responsive-property.js');var Text$1=require('../Text/Text.js');function _interopDefault(t){return t&&t.__esModule?t:{default:t}}var styled__default=_interopDefault(styled);const WEIGHT_MAP={1:'0.05em',2:'0.1em',3:'0.15em',4:'0.25em',5:'0.3em'};const Text=styled__default.default(Text$1.Text).withConfig({displayName:"Separator__Text",componentId:"ui__sc-b5xwi9-0"})(["position:absolute;z-index:1;display:inline-block;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 12px;background-color:",";"],(t=>t.theme.colors.white));const TextRoot=styled__default.default.div.withConfig({displayName:"Separator__TextRoot",componentId:"ui__sc-b5xwi9-1"})(["display:block;width:auto;position:relative;z-index:0;text-align:center;"]);const Root=styled__default.default.div.withConfig({shouldForwardProp:t=>['children','className','style'].includes(t)}).withConfig({displayName:"Separator__Root",componentId:"ui__sc-b5xwi9-2"})(["display:block;width:auto;background-color:currentcolor;"," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(t=>styled.css(["height:",";"],WEIGHT_MAP[t.weight||1])),(t=>t.color?color.color(t.color,'color'):null),(t=>t.padding?responsiveProperty.property(t.padding,'padding'):null),(t=>t.paddingTop?responsiveProperty.property(t.paddingTop,'padding-top'):null),(t=>t.paddingRight?responsiveProperty.property(t.paddingRight,'padding-right'):null),(t=>t.paddingBottom?responsiveProperty.property(t.paddingBottom,'padding-bottom'):null),(t=>t.paddingLeft?responsiveProperty.property(t.paddingLeft,'padding-left'):null),(t=>t.margin?responsiveProperty.property(t.margin,'margin'):null),(t=>t.marginTop?responsiveProperty.property(t.marginTop,'margin-top'):null),(t=>t.marginRight?responsiveProperty.property(t.marginRight,'margin-right'):null),(t=>t.marginBottom?responsiveProperty.property(t.marginBottom,'margin-bottom'):null),(t=>t.marginLeft?responsiveProperty.property(t.marginLeft,'margin-left'):null),(({paddingXS:t,paddingS:r,paddingM:o,paddingL:e,paddingXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingXS:t,paddingS:r,paddingM:o,paddingL:e,paddingXL:i},cssProperty:'padding'})),(({paddingTopXS:t,paddingTopS:r,paddingTopM:o,paddingTopL:e,paddingTopXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingTopXS:t,paddingTopS:r,paddingTopM:o,paddingTopL:e,paddingTopXL:i},cssProperty:'padding-top'})),(({paddingRightXS:t,paddingRightS:r,paddingRightM:o,paddingRightL:e,paddingRightXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingRightXS:t,paddingRightS:r,paddingRightM:o,paddingRightL:e,paddingRightXL:i},cssProperty:'padding-right'})),(({paddingBottomXS:t,paddingBottomS:r,paddingBottomM:o,paddingBottomL:e,paddingBottomXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingBottomXS:t,paddingBottomS:r,paddingBottomM:o,paddingBottomL:e,paddingBottomXL:i},cssProperty:'padding-bottom'})),(({paddingLeftXS:t,paddingLeftS:r,paddingLeftM:o,paddingLeftL:e,paddingLeftXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingLeftXS:t,paddingLeftS:r,paddingLeftM:o,paddingLeftL:e,paddingLeftXL:i},cssProperty:'padding-left'})),(({marginXS:t,marginS:r,marginM:o,marginL:e,marginXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{marginXS:t,marginS:r,marginM:o,marginL:e,marginXL:i},cssProperty:'margin'})),(({marginTopXS:t,marginTopS:r,marginTopM:o,marginTopL:e,marginTopXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{marginTopXS:t,marginTopS:r,marginTopM:o,marginTopL:e,marginTopXL:i},cssProperty:'margin-top'})),(({marginRightXS:t,marginRightS:r,marginRightM:o,marginRightL:e,marginRightXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{marginRightXS:t,marginRightS:r,marginRightM:o,marginRightL:e,marginRightXL:i},cssProperty:'margin-right'})),(({marginBottomXS:t,marginBottomS:r,marginBottomM:o,marginBottomL:e,marginBottomXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{marginBottomXS:t,marginBottomS:r,marginBottomM:o,marginBottomL:e,marginBottomXL:i},cssProperty:'margin-bottom'})),(({marginLeftXS:t,marginLeftS:r,marginLeftM:o,marginLeftL:e,marginLeftXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{marginLeftXS:t,marginLeftS:r,marginLeftM:o,marginLeftL:e,marginLeftXL:i},cssProperty:'margin-left'})),(t=>t.top?responsiveProperty.property(t.top,'padding-top'):null),(t=>t.right?responsiveProperty.property(t.right,'padding-right'):null),(t=>t.bottom?responsiveProperty.property(t.bottom,'padding-bottom'):null),(t=>t.left?responsiveProperty.property(t.left,'padding-left'):null),(({topXS:t,topS:r,topM:o,topL:e,topXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{topXS:t,topS:r,topM:o,topL:e,topXL:i},cssProperty:'padding-top'})),(({rightXS:t,rightS:r,rightM:o,rightL:e,rightXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{rightXS:t,rightS:r,rightM:o,rightL:e,rightXL:i},cssProperty:'padding-right'})),(({bottomXS:t,bottomS:r,bottomM:o,bottomL:e,bottomXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{bottomXS:t,bottomS:r,bottomM:o,bottomL:e,bottomXL:i},cssProperty:'padding-bottom'})),(({leftXS:t,leftS:r,leftM:o,leftL:e,leftXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{leftXS:t,leftS:r,leftM:o,leftL:e,leftXL:i},cssProperty:'padding-left'})));exports.Root=Root,exports.Text=Text,exports.TextRoot=TextRoot;
+'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');var responsiveProperty=require('../../mixins/responsive-property.js');var Text$1=require('../Text/Text.js');function _interopDefault(t){return t&&t.__esModule?t:{default:t}}var styled__default=_interopDefault(styled);const WEIGHT_MAP={1:'0.05em',2:'0.1em',3:'0.15em',4:'0.25em',5:'0.3em'};const Text=styled__default.default(Text$1.Text).withConfig({displayName:"Separator__Text",componentId:"ui__sc-b5xwi9-0"})(["position:absolute;z-index:1;display:inline-block;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 12px;background-color:",";"],t=>t.theme.colors.white);const TextRoot=styled__default.default.div.withConfig({displayName:"Separator__TextRoot",componentId:"ui__sc-b5xwi9-1"})(["display:block;width:auto;position:relative;z-index:0;text-align:center;"]);const Root=styled__default.default.div.withConfig({shouldForwardProp:t=>['children','className','style'].includes(t)}).withConfig({displayName:"Separator__Root",componentId:"ui__sc-b5xwi9-2"})(["display:block;width:auto;background-color:currentcolor;"," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],t=>styled.css(["height:",";"],WEIGHT_MAP[t.weight||1]),t=>t.color?color.color(t.color,'color'):null,t=>t.padding?responsiveProperty.property(t.padding,'padding'):null,t=>t.paddingTop?responsiveProperty.property(t.paddingTop,'padding-top'):null,t=>t.paddingRight?responsiveProperty.property(t.paddingRight,'padding-right'):null,t=>t.paddingBottom?responsiveProperty.property(t.paddingBottom,'padding-bottom'):null,t=>t.paddingLeft?responsiveProperty.property(t.paddingLeft,'padding-left'):null,t=>t.margin?responsiveProperty.property(t.margin,'margin'):null,t=>t.marginTop?responsiveProperty.property(t.marginTop,'margin-top'):null,t=>t.marginRight?responsiveProperty.property(t.marginRight,'margin-right'):null,t=>t.marginBottom?responsiveProperty.property(t.marginBottom,'margin-bottom'):null,t=>t.marginLeft?responsiveProperty.property(t.marginLeft,'margin-left'):null,({paddingXS:t,paddingS:r,paddingM:o,paddingL:e,paddingXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingXS:t,paddingS:r,paddingM:o,paddingL:e,paddingXL:i},cssProperty:'padding'}),({paddingTopXS:t,paddingTopS:r,paddingTopM:o,paddingTopL:e,paddingTopXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingTopXS:t,paddingTopS:r,paddingTopM:o,paddingTopL:e,paddingTopXL:i},cssProperty:'padding-top'}),({paddingRightXS:t,paddingRightS:r,paddingRightM:o,paddingRightL:e,paddingRightXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingRightXS:t,paddingRightS:r,paddingRightM:o,paddingRightL:e,paddingRightXL:i},cssProperty:'padding-right'}),({paddingBottomXS:t,paddingBottomS:r,paddingBottomM:o,paddingBottomL:e,paddingBottomXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingBottomXS:t,paddingBottomS:r,paddingBottomM:o,paddingBottomL:e,paddingBottomXL:i},cssProperty:'padding-bottom'}),({paddingLeftXS:t,paddingLeftS:r,paddingLeftM:o,paddingLeftL:e,paddingLeftXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingLeftXS:t,paddingLeftS:r,paddingLeftM:o,paddingLeftL:e,paddingLeftXL:i},cssProperty:'padding-left'}),({marginXS:t,marginS:r,marginM:o,marginL:e,marginXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{marginXS:t,marginS:r,marginM:o,marginL:e,marginXL:i},cssProperty:'margin'}),({marginTopXS:t,marginTopS:r,marginTopM:o,marginTopL:e,marginTopXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{marginTopXS:t,marginTopS:r,marginTopM:o,marginTopL:e,marginTopXL:i},cssProperty:'margin-top'}),({marginRightXS:t,marginRightS:r,marginRightM:o,marginRightL:e,marginRightXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{marginRightXS:t,marginRightS:r,marginRightM:o,marginRightL:e,marginRightXL:i},cssProperty:'margin-right'}),({marginBottomXS:t,marginBottomS:r,marginBottomM:o,marginBottomL:e,marginBottomXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{marginBottomXS:t,marginBottomS:r,marginBottomM:o,marginBottomL:e,marginBottomXL:i},cssProperty:'margin-bottom'}),({marginLeftXS:t,marginLeftS:r,marginLeftM:o,marginLeftL:e,marginLeftXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{marginLeftXS:t,marginLeftS:r,marginLeftM:o,marginLeftL:e,marginLeftXL:i},cssProperty:'margin-left'}),t=>t.top?responsiveProperty.property(t.top,'padding-top'):null,t=>t.right?responsiveProperty.property(t.right,'padding-right'):null,t=>t.bottom?responsiveProperty.property(t.bottom,'padding-bottom'):null,t=>t.left?responsiveProperty.property(t.left,'padding-left'):null,({topXS:t,topS:r,topM:o,topL:e,topXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{topXS:t,topS:r,topM:o,topL:e,topXL:i},cssProperty:'padding-top'}),({rightXS:t,rightS:r,rightM:o,rightL:e,rightXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{rightXS:t,rightS:r,rightM:o,rightL:e,rightXL:i},cssProperty:'padding-right'}),({bottomXS:t,bottomS:r,bottomM:o,bottomL:e,bottomXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{bottomXS:t,bottomS:r,bottomM:o,bottomL:e,bottomXL:i},cssProperty:'padding-bottom'}),({leftXS:t,leftS:r,leftM:o,leftL:e,leftXL:i})=>responsiveProperty.responsiveNamedProperty({sizes:{leftXS:t,leftS:r,leftM:o,leftL:e,leftXL:i},cssProperty:'padding-left'}));exports.Root=Root,exports.Text=Text,exports.TextRoot=TextRoot;
 //# sourceMappingURL=style.js.map

package/components/Separator/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Separator/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { Text as UiText } from '../Text'\nimport type { SeparatorProps } from './Separator'\n\nconst WEIGHT_MAP = {\n  1: '0.05em',\n  2: '0.1em',\n  3: '0.15em',\n  4: '0.25em',\n  5: '0.3em',\n}\n\nexport const Text = styled(UiText)`\n  position: absolute;\n  z-index: 1;\n  display: inline-block;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  padding: 0 12px;\n  background-color: ${(props) => props.theme.colors.white};\n`\n\nexport const TextRoot = styled.div`\n  display: block;\n  width: auto;\n  position: relative;\n  z-index: 0;\n  text-align: center;\n`\n\nexport const Root = styled.div.withConfig<SeparatorProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  display: block;\n  width: auto;\n  background-color: currentcolor;\n  ${(props) => css`\n    height: ${WEIGHT_MAP[props.weight || 1]};\n  `}\n  ${(props) => (props.color ? color(props.color, 'color') : null)}\n\n  /** BEGIN paddings */\n  ${(props) => (props.padding ? property(props.padding, 'padding') : null)}\n  ${(props) => (props.paddingTop ? property(props.paddingTop, 'padding-top') : null)}\n  ${(props) => (props.paddingRight ? property(props.paddingRight, 'padding-right') : null)}\n  ${(props) => (props.paddingBottom ? property(props.paddingBottom, 'padding-bottom') : null)}\n  ${(props) => (props.paddingLeft ? property(props.paddingLeft, 'padding-left') : null)}\n  /** END paddings */ \n\n  /** BEGIN margins */\n  ${(props) => (props.margin ? property(props.margin, 'margin') : null)}\n  ${(props) => (props.marginTop ? property(props.marginTop, 'margin-top') : null)}\n  ${(props) => (props.marginRight ? property(props.marginRight, 'margin-right') : null)}\n  ${(props) => (props.marginBottom ? property(props.marginBottom, 'margin-bottom') : null)}\n  ${(props) => (props.marginLeft ? property(props.marginLeft, 'margin-left') : null)}\n  /** END margins */ \n\n  /** BEGIN Responsive paddings */\n  ${({ paddingXS, paddingS, paddingM, paddingL, paddingXL }) =>\n    responsiveNamedProperty({ sizes: { paddingXS, paddingS, paddingM, paddingL, paddingXL }, cssProperty: 'padding' })}\n  ${({ paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL },\n      cssProperty: 'padding-top',\n    })}\n  ${({ paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL },\n      cssProperty: 'padding-right',\n    })}\n  ${({ paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL },\n      cssProperty: 'padding-left',\n    })}\n  /** END Responsive paddings */ \n\n  /** BEGIN Responsive margins */\n  ${({ marginXS, marginS, marginM, marginL, marginXL }) =>\n    responsiveNamedProperty({ sizes: { marginXS, marginS, marginM, marginL, marginXL }, cssProperty: 'margin' })}\n  ${({ marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL },\n      cssProperty: 'margin-top',\n    })}\n  ${({ marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL },\n      cssProperty: 'margin-right',\n    })}\n  ${({ marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL },\n      cssProperty: 'margin-bottom',\n    })}\n  ${({ marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL },\n      cssProperty: 'margin-left',\n    })}\n  /** END Responsive margins */\n\n  ${(props) => (props.top ? property(props.top, 'padding-top') : null)}\n  ${(props) => (props.right ? property(props.right, 'padding-right') : null)}\n  ${(props) => (props.bottom ? property(props.bottom, 'padding-bottom') : null)}\n  ${(props) => (props.left ? property(props.left, 'padding-left') : null)}\n\n  ${({ topXS, topS, topM, topL, topXL }) =>\n    responsiveNamedProperty({ sizes: { topXS, topS, topM, topL, topXL }, cssProperty: 'padding-top' })}\n  ${({ rightXS, rightS, rightM, rightL, rightXL }) =>\n    responsiveNamedProperty({ sizes: { rightXS, rightS, rightM, rightL, rightXL }, cssProperty: 'padding-right' })}\n  ${({ bottomXS, bottomS, bottomM, bottomL, bottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { bottomXS, bottomS, bottomM, bottomL, bottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ leftXS, leftS, leftM, leftL, leftXL }) =>\n    responsiveNamedProperty({ sizes: { leftXS, leftS, leftM, leftL, leftXL }, cssProperty: 'padding-left' })}\n`\n"],"names":["WEIGHT_MAP","Text","styled","UiText","withConfig","displayName","componentId","props","theme","colors","white","TextRoot","div","Root","shouldForwardProp","prop","includes","css","weight","color","padding","property","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginTop","marginRight","marginBottom","marginLeft","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","cssProperty","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","marginXS","marginS","marginM","marginL","marginXL","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","top","right","bottom","left","topXS","topS","topM","topL","topXL","rightXS","rightS","rightM","rightL","rightXL","bottomXS","bottomS","bottomM","bottomL","bottomXL","leftXS","leftS","leftM","leftL","leftXL"],"mappings":"yTAMA,MAAMA,WAAa,CACjB,EAAG,SACH,EAAG,QACH,EAAG,SACH,EAAG,SACH,EAAG,SAGE,MAAMC,KAAOC,gBAAAA,QAAOC,aAAOC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,mBAAdJ,CAAc,CAAA,oIAAA,MAQXK,GAAUA,EAAMC,MAAMC,OAAOC,cAGvCC,SAAWT,gBAAAA,QAAOU,IAAGR,WAAA,CAAAC,YAAA,sBAAAC,YAAA,mBAAVJ,CAAU,CAAA,4EAQ3B,MAAMW,KAAOX,gBAAAA,QAAOU,IAAIR,WAA2B,CACxDU,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KACzEX,WAAA,CAAAC,YAAA,kBAAAC,YAAA,mBAFkBJ,CAElB,CAAA,0DAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAIGK,GAAUU,OAAAA,IAAG,CAAA,UAAA,KACJjB,WAAWO,EAAMW,QAAU,MAEpCX,GAAWA,EAAMY,MAAQA,MAAAA,MAAMZ,EAAMY,MAAO,SAAW,OAGvDZ,GAAWA,EAAMa,QAAUC,mBAAAA,SAASd,EAAMa,QAAS,WAAa,OAChEb,GAAWA,EAAMe,WAAaD,mBAAAA,SAASd,EAAMe,WAAY,eAAiB,OAC1Ef,GAAWA,EAAMgB,aAAeF,mBAAAA,SAASd,EAAMgB,aAAc,iBAAmB,OAChFhB,GAAWA,EAAMiB,cAAgBH,mBAAAA,SAASd,EAAMiB,cAAe,kBAAoB,OACnFjB,GAAWA,EAAMkB,YAAcJ,mBAAAA,SAASd,EAAMkB,YAAa,gBAAkB,OAI7ElB,GAAWA,EAAMmB,OAASL,mBAAAA,SAASd,EAAMmB,OAAQ,UAAY,OAC7DnB,GAAWA,EAAMoB,UAAYN,mBAAAA,SAASd,EAAMoB,UAAW,cAAgB,OACvEpB,GAAWA,EAAMqB,YAAcP,4BAASd,EAAMqB,YAAa,gBAAkB,OAC7ErB,GAAWA,EAAMsB,aAAeR,mBAAAA,SAASd,EAAMsB,aAAc,iBAAmB,OAChFtB,GAAWA,EAAMuB,WAAaT,mBAAAA,SAASd,EAAMuB,WAAY,eAAiB,OAI3E,EAAGC,YAAWC,WAAUC,WAAUC,WAAUC,eAC5CC,2CAAwB,CAAEC,MAAO,CAAEN,YAAWC,WAAUC,WAAUC,WAAUC,aAAaG,YAAa,cACtG,EAAGC,eAAcC,cAAaC,cAAaC,cAAaC,kBACxDP,2CAAwB,CACtBC,MAAO,CAAEE,eAAcC,cAAaC,cAAaC,cAAaC,gBAC9DL,YAAa,kBAEf,EAAGM,iBAAgBC,gBAAeC,gBAAeC,gBAAeC,oBAChEZ,2CAAwB,CACtBC,MAAO,CAAEO,iBAAgBC,gBAAeC,gBAAeC,gBAAeC,kBACtEV,YAAa,oBAEf,EAAGW,kBAAiBC,iBAAgBC,iBAAgBC,iBAAgBC,qBACpEjB,2CAAwB,CACtBC,MAAO,CAAEY,kBAAiBC,iBAAgBC,iBAAgBC,iBAAgBC,mBAC1Ef,YAAa,qBAEf,EAAGgB,gBAAeC,eAAcC,eAAcC,eAAcC,mBAC5DtB,2CAAwB,CACtBC,MAAO,CAAEiB,gBAAeC,eAAcC,eAAcC,eAAcC,iBAClEpB,YAAa,mBAKf,EAAGqB,WAAUC,UAASC,UAASC,UAASC,cACxC3B,2CAAwB,CAAEC,MAAO,CAAEsB,WAAUC,UAASC,UAASC,UAASC,YAAYzB,YAAa,aACjG,EAAG0B,cAAaC,aAAYC,aAAYC,aAAYC,iBACpDhC,2CAAwB,CACtBC,MAAO,CAAE2B,cAAaC,aAAYC,aAAYC,aAAYC,eAC1D9B,YAAa,iBAEf,EAAG+B,gBAAeC,eAAcC,eAAcC,eAAcC,mBAC5DrC,2CAAwB,CACtBC,MAAO,CAAEgC,gBAAeC,eAAcC,eAAcC,eAAcC,iBAClEnC,YAAa,mBAEf,EAAGoC,iBAAgBC,gBAAeC,gBAAeC,gBAAeC,oBAChE1C,2CAAwB,CACtBC,MAAO,CAAEqC,iBAAgBC,gBAAeC,gBAAeC,gBAAeC,kBACtExC,YAAa,oBAEf,EAAGyC,eAAcC,cAAaC,cAAaC,cAAaC,kBACxD/C,2CAAwB,CACtBC,MAAO,CAAE0C,eAAcC,cAAaC,cAAaC,cAAaC,gBAC9D7C,YAAa,kBAId/B,GAAWA,EAAM6E,IAAM/D,mBAAAA,SAASd,EAAM6E,IAAK,eAAiB,OAC5D7E,GAAWA,EAAM8E,MAAQhE,mBAAAA,SAASd,EAAM8E,MAAO,iBAAmB,OAClE9E,GAAWA,EAAM+E,OAASjE,mBAAAA,SAASd,EAAM+E,OAAQ,kBAAoB,OACrE/E,GAAWA,EAAMgF,KAAOlE,4BAASd,EAAMgF,KAAM,gBAAkB,OAEhE,EAAGC,QAAOC,OAAMC,OAAMC,OAAMC,WAC5BxD,2CAAwB,CAAEC,MAAO,CAAEmD,QAAOC,OAAMC,OAAMC,OAAMC,SAAStD,YAAa,kBAClF,EAAGuD,UAASC,SAAQC,SAAQC,SAAQC,aACpC7D,2CAAwB,CAAEC,MAAO,CAAEwD,UAASC,SAAQC,SAAQC,SAAQC,WAAW3D,YAAa,oBAC5F,EAAG4D,WAAUC,UAASC,UAASC,UAASC,cACxClE,2CAAwB,CACtBC,MAAO,CAAE6D,WAAUC,UAASC,UAASC,UAASC,YAC9ChE,YAAa,qBAEf,EAAGiE,SAAQC,QAAOC,QAAOC,QAAOC,YAChCvE,2CAAwB,CAAEC,MAAO,CAAEkE,SAAQC,QAAOC,QAAOC,QAAOC,UAAUrE,YAAa"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Separator/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { Text as UiText } from '../Text'\nimport type { SeparatorProps } from './Separator'\n\nconst WEIGHT_MAP = {\n  1: '0.05em',\n  2: '0.1em',\n  3: '0.15em',\n  4: '0.25em',\n  5: '0.3em',\n}\n\nexport const Text = styled(UiText)`\n  position: absolute;\n  z-index: 1;\n  display: inline-block;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  padding: 0 12px;\n  background-color: ${(props) => props.theme.colors.white};\n`\n\nexport const TextRoot = styled.div`\n  display: block;\n  width: auto;\n  position: relative;\n  z-index: 0;\n  text-align: center;\n`\n\nexport const Root = styled.div.withConfig<SeparatorProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  display: block;\n  width: auto;\n  background-color: currentcolor;\n  ${(props) => css`\n    height: ${WEIGHT_MAP[props.weight || 1]};\n  `}\n  ${(props) => (props.color ? color(props.color, 'color') : null)}\n\n  /** BEGIN paddings */\n  ${(props) => (props.padding ? property(props.padding, 'padding') : null)}\n  ${(props) => (props.paddingTop ? property(props.paddingTop, 'padding-top') : null)}\n  ${(props) => (props.paddingRight ? property(props.paddingRight, 'padding-right') : null)}\n  ${(props) => (props.paddingBottom ? property(props.paddingBottom, 'padding-bottom') : null)}\n  ${(props) => (props.paddingLeft ? property(props.paddingLeft, 'padding-left') : null)}\n  /** END paddings */ \n\n  /** BEGIN margins */\n  ${(props) => (props.margin ? property(props.margin, 'margin') : null)}\n  ${(props) => (props.marginTop ? property(props.marginTop, 'margin-top') : null)}\n  ${(props) => (props.marginRight ? property(props.marginRight, 'margin-right') : null)}\n  ${(props) => (props.marginBottom ? property(props.marginBottom, 'margin-bottom') : null)}\n  ${(props) => (props.marginLeft ? property(props.marginLeft, 'margin-left') : null)}\n  /** END margins */ \n\n  /** BEGIN Responsive paddings */\n  ${({ paddingXS, paddingS, paddingM, paddingL, paddingXL }) =>\n    responsiveNamedProperty({ sizes: { paddingXS, paddingS, paddingM, paddingL, paddingXL }, cssProperty: 'padding' })}\n  ${({ paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL },\n      cssProperty: 'padding-top',\n    })}\n  ${({ paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL },\n      cssProperty: 'padding-right',\n    })}\n  ${({ paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL },\n      cssProperty: 'padding-left',\n    })}\n  /** END Responsive paddings */ \n\n  /** BEGIN Responsive margins */\n  ${({ marginXS, marginS, marginM, marginL, marginXL }) =>\n    responsiveNamedProperty({ sizes: { marginXS, marginS, marginM, marginL, marginXL }, cssProperty: 'margin' })}\n  ${({ marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL },\n      cssProperty: 'margin-top',\n    })}\n  ${({ marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL },\n      cssProperty: 'margin-right',\n    })}\n  ${({ marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL },\n      cssProperty: 'margin-bottom',\n    })}\n  ${({ marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL },\n      cssProperty: 'margin-left',\n    })}\n  /** END Responsive margins */\n\n  ${(props) => (props.top ? property(props.top, 'padding-top') : null)}\n  ${(props) => (props.right ? property(props.right, 'padding-right') : null)}\n  ${(props) => (props.bottom ? property(props.bottom, 'padding-bottom') : null)}\n  ${(props) => (props.left ? property(props.left, 'padding-left') : null)}\n\n  ${({ topXS, topS, topM, topL, topXL }) =>\n    responsiveNamedProperty({ sizes: { topXS, topS, topM, topL, topXL }, cssProperty: 'padding-top' })}\n  ${({ rightXS, rightS, rightM, rightL, rightXL }) =>\n    responsiveNamedProperty({ sizes: { rightXS, rightS, rightM, rightL, rightXL }, cssProperty: 'padding-right' })}\n  ${({ bottomXS, bottomS, bottomM, bottomL, bottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { bottomXS, bottomS, bottomM, bottomL, bottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ leftXS, leftS, leftM, leftL, leftXL }) =>\n    responsiveNamedProperty({ sizes: { leftXS, leftS, leftM, leftL, leftXL }, cssProperty: 'padding-left' })}\n`\n"],"names":["WEIGHT_MAP","Text","styled","UiText","withConfig","displayName","componentId","props","theme","colors","white","TextRoot","div","Root","shouldForwardProp","prop","includes","css","weight","color","padding","property","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginTop","marginRight","marginBottom","marginLeft","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","cssProperty","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","marginXS","marginS","marginM","marginL","marginXL","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","top","right","bottom","left","topXS","topS","topM","topL","topXL","rightXS","rightS","rightM","rightL","rightXL","bottomXS","bottomS","bottomM","bottomL","bottomXL","leftXS","leftS","leftM","leftL","leftXL"],"mappings":"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"}

package/components/Separator/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import{color}from'../../mixins/color.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';import{Text as Text$1}from'../Text/Text.mjs';const WEIGHT_MAP={1:'0.05em',2:'0.1em',3:'0.15em',4:'0.25em',5:'0.3em'};const Text=styled(Text$1).withConfig({displayName:"Separator__Text",componentId:"ui__sc-b5xwi9-0"})(["position:absolute;z-index:1;display:inline-block;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 12px;background-color:",";"],(t=>t.theme.colors.white));const TextRoot=styled.div.withConfig({displayName:"Separator__TextRoot",componentId:"ui__sc-b5xwi9-1"})(["display:block;width:auto;position:relative;z-index:0;text-align:center;"]);const Root=styled.div.withConfig({shouldForwardProp:t=>['children','className','style'].includes(t)}).withConfig({displayName:"Separator__Root",componentId:"ui__sc-b5xwi9-2"})(["display:block;width:auto;background-color:currentcolor;"," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(t=>css(["height:",";"],WEIGHT_MAP[t.weight||1])),(t=>t.color?color(t.color,'color'):null),(t=>t.padding?property(t.padding,'padding'):null),(t=>t.paddingTop?property(t.paddingTop,'padding-top'):null),(t=>t.paddingRight?property(t.paddingRight,'padding-right'):null),(t=>t.paddingBottom?property(t.paddingBottom,'padding-bottom'):null),(t=>t.paddingLeft?property(t.paddingLeft,'padding-left'):null),(t=>t.margin?property(t.margin,'margin'):null),(t=>t.marginTop?property(t.marginTop,'margin-top'):null),(t=>t.marginRight?property(t.marginRight,'margin-right'):null),(t=>t.marginBottom?property(t.marginBottom,'margin-bottom'):null),(t=>t.marginLeft?property(t.marginLeft,'margin-left'):null),(({paddingXS:t,paddingS:i,paddingM:o,paddingL:r,paddingXL:p})=>responsiveNamedProperty({sizes:{paddingXS:t,paddingS:i,paddingM:o,paddingL:r,paddingXL:p},cssProperty:'padding'})),(({paddingTopXS:t,paddingTopS:i,paddingTopM:o,paddingTopL:r,paddingTopXL:p})=>responsiveNamedProperty({sizes:{paddingTopXS:t,paddingTopS:i,paddingTopM:o,paddingTopL:r,paddingTopXL:p},cssProperty:'padding-top'})),(({paddingRightXS:t,paddingRightS:i,paddingRightM:o,paddingRightL:r,paddingRightXL:p})=>responsiveNamedProperty({sizes:{paddingRightXS:t,paddingRightS:i,paddingRightM:o,paddingRightL:r,paddingRightXL:p},cssProperty:'padding-right'})),(({paddingBottomXS:t,paddingBottomS:i,paddingBottomM:o,paddingBottomL:r,paddingBottomXL:p})=>responsiveNamedProperty({sizes:{paddingBottomXS:t,paddingBottomS:i,paddingBottomM:o,paddingBottomL:r,paddingBottomXL:p},cssProperty:'padding-bottom'})),(({paddingLeftXS:t,paddingLeftS:i,paddingLeftM:o,paddingLeftL:r,paddingLeftXL:p})=>responsiveNamedProperty({sizes:{paddingLeftXS:t,paddingLeftS:i,paddingLeftM:o,paddingLeftL:r,paddingLeftXL:p},cssProperty:'padding-left'})),(({marginXS:t,marginS:i,marginM:o,marginL:r,marginXL:p})=>responsiveNamedProperty({sizes:{marginXS:t,marginS:i,marginM:o,marginL:r,marginXL:p},cssProperty:'margin'})),(({marginTopXS:t,marginTopS:i,marginTopM:o,marginTopL:r,marginTopXL:p})=>responsiveNamedProperty({sizes:{marginTopXS:t,marginTopS:i,marginTopM:o,marginTopL:r,marginTopXL:p},cssProperty:'margin-top'})),(({marginRightXS:t,marginRightS:i,marginRightM:o,marginRightL:r,marginRightXL:p})=>responsiveNamedProperty({sizes:{marginRightXS:t,marginRightS:i,marginRightM:o,marginRightL:r,marginRightXL:p},cssProperty:'margin-right'})),(({marginBottomXS:t,marginBottomS:i,marginBottomM:o,marginBottomL:r,marginBottomXL:p})=>responsiveNamedProperty({sizes:{marginBottomXS:t,marginBottomS:i,marginBottomM:o,marginBottomL:r,marginBottomXL:p},cssProperty:'margin-bottom'})),(({marginLeftXS:t,marginLeftS:i,marginLeftM:o,marginLeftL:r,marginLeftXL:p})=>responsiveNamedProperty({sizes:{marginLeftXS:t,marginLeftS:i,marginLeftM:o,marginLeftL:r,marginLeftXL:p},cssProperty:'margin-left'})),(t=>t.top?property(t.top,'padding-top'):null),(t=>t.right?property(t.right,'padding-right'):null),(t=>t.bottom?property(t.bottom,'padding-bottom'):null),(t=>t.left?property(t.left,'padding-left'):null),(({topXS:t,topS:i,topM:o,topL:r,topXL:p})=>responsiveNamedProperty({sizes:{topXS:t,topS:i,topM:o,topL:r,topXL:p},cssProperty:'padding-top'})),(({rightXS:t,rightS:i,rightM:o,rightL:r,rightXL:p})=>responsiveNamedProperty({sizes:{rightXS:t,rightS:i,rightM:o,rightL:r,rightXL:p},cssProperty:'padding-right'})),(({bottomXS:t,bottomS:i,bottomM:o,bottomL:r,bottomXL:p})=>responsiveNamedProperty({sizes:{bottomXS:t,bottomS:i,bottomM:o,bottomL:r,bottomXL:p},cssProperty:'padding-bottom'})),(({leftXS:t,leftS:i,leftM:o,leftL:r,leftXL:p})=>responsiveNamedProperty({sizes:{leftXS:t,leftS:i,leftM:o,leftL:r,leftXL:p},cssProperty:'padding-left'})));export{Root,Text,TextRoot};
+import styled,{css}from'styled-components';import{color}from'../../mixins/color.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';import{Text as Text$1}from'../Text/Text.mjs';const WEIGHT_MAP={1:'0.05em',2:'0.1em',3:'0.15em',4:'0.25em',5:'0.3em'};const Text=styled(Text$1).withConfig({displayName:"Separator__Text",componentId:"ui__sc-b5xwi9-0"})(["position:absolute;z-index:1;display:inline-block;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 12px;background-color:",";"],t=>t.theme.colors.white);const TextRoot=styled.div.withConfig({displayName:"Separator__TextRoot",componentId:"ui__sc-b5xwi9-1"})(["display:block;width:auto;position:relative;z-index:0;text-align:center;"]);const Root=styled.div.withConfig({shouldForwardProp:t=>['children','className','style'].includes(t)}).withConfig({displayName:"Separator__Root",componentId:"ui__sc-b5xwi9-2"})(["display:block;width:auto;background-color:currentcolor;"," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],t=>css(["height:",";"],WEIGHT_MAP[t.weight||1]),t=>t.color?color(t.color,'color'):null,t=>t.padding?property(t.padding,'padding'):null,t=>t.paddingTop?property(t.paddingTop,'padding-top'):null,t=>t.paddingRight?property(t.paddingRight,'padding-right'):null,t=>t.paddingBottom?property(t.paddingBottom,'padding-bottom'):null,t=>t.paddingLeft?property(t.paddingLeft,'padding-left'):null,t=>t.margin?property(t.margin,'margin'):null,t=>t.marginTop?property(t.marginTop,'margin-top'):null,t=>t.marginRight?property(t.marginRight,'margin-right'):null,t=>t.marginBottom?property(t.marginBottom,'margin-bottom'):null,t=>t.marginLeft?property(t.marginLeft,'margin-left'):null,({paddingXS:t,paddingS:i,paddingM:o,paddingL:r,paddingXL:p})=>responsiveNamedProperty({sizes:{paddingXS:t,paddingS:i,paddingM:o,paddingL:r,paddingXL:p},cssProperty:'padding'}),({paddingTopXS:t,paddingTopS:i,paddingTopM:o,paddingTopL:r,paddingTopXL:p})=>responsiveNamedProperty({sizes:{paddingTopXS:t,paddingTopS:i,paddingTopM:o,paddingTopL:r,paddingTopXL:p},cssProperty:'padding-top'}),({paddingRightXS:t,paddingRightS:i,paddingRightM:o,paddingRightL:r,paddingRightXL:p})=>responsiveNamedProperty({sizes:{paddingRightXS:t,paddingRightS:i,paddingRightM:o,paddingRightL:r,paddingRightXL:p},cssProperty:'padding-right'}),({paddingBottomXS:t,paddingBottomS:i,paddingBottomM:o,paddingBottomL:r,paddingBottomXL:p})=>responsiveNamedProperty({sizes:{paddingBottomXS:t,paddingBottomS:i,paddingBottomM:o,paddingBottomL:r,paddingBottomXL:p},cssProperty:'padding-bottom'}),({paddingLeftXS:t,paddingLeftS:i,paddingLeftM:o,paddingLeftL:r,paddingLeftXL:p})=>responsiveNamedProperty({sizes:{paddingLeftXS:t,paddingLeftS:i,paddingLeftM:o,paddingLeftL:r,paddingLeftXL:p},cssProperty:'padding-left'}),({marginXS:t,marginS:i,marginM:o,marginL:r,marginXL:p})=>responsiveNamedProperty({sizes:{marginXS:t,marginS:i,marginM:o,marginL:r,marginXL:p},cssProperty:'margin'}),({marginTopXS:t,marginTopS:i,marginTopM:o,marginTopL:r,marginTopXL:p})=>responsiveNamedProperty({sizes:{marginTopXS:t,marginTopS:i,marginTopM:o,marginTopL:r,marginTopXL:p},cssProperty:'margin-top'}),({marginRightXS:t,marginRightS:i,marginRightM:o,marginRightL:r,marginRightXL:p})=>responsiveNamedProperty({sizes:{marginRightXS:t,marginRightS:i,marginRightM:o,marginRightL:r,marginRightXL:p},cssProperty:'margin-right'}),({marginBottomXS:t,marginBottomS:i,marginBottomM:o,marginBottomL:r,marginBottomXL:p})=>responsiveNamedProperty({sizes:{marginBottomXS:t,marginBottomS:i,marginBottomM:o,marginBottomL:r,marginBottomXL:p},cssProperty:'margin-bottom'}),({marginLeftXS:t,marginLeftS:i,marginLeftM:o,marginLeftL:r,marginLeftXL:p})=>responsiveNamedProperty({sizes:{marginLeftXS:t,marginLeftS:i,marginLeftM:o,marginLeftL:r,marginLeftXL:p},cssProperty:'margin-left'}),t=>t.top?property(t.top,'padding-top'):null,t=>t.right?property(t.right,'padding-right'):null,t=>t.bottom?property(t.bottom,'padding-bottom'):null,t=>t.left?property(t.left,'padding-left'):null,({topXS:t,topS:i,topM:o,topL:r,topXL:p})=>responsiveNamedProperty({sizes:{topXS:t,topS:i,topM:o,topL:r,topXL:p},cssProperty:'padding-top'}),({rightXS:t,rightS:i,rightM:o,rightL:r,rightXL:p})=>responsiveNamedProperty({sizes:{rightXS:t,rightS:i,rightM:o,rightL:r,rightXL:p},cssProperty:'padding-right'}),({bottomXS:t,bottomS:i,bottomM:o,bottomL:r,bottomXL:p})=>responsiveNamedProperty({sizes:{bottomXS:t,bottomS:i,bottomM:o,bottomL:r,bottomXL:p},cssProperty:'padding-bottom'}),({leftXS:t,leftS:i,leftM:o,leftL:r,leftXL:p})=>responsiveNamedProperty({sizes:{leftXS:t,leftS:i,leftM:o,leftL:r,leftXL:p},cssProperty:'padding-left'}));export{Root,Text,TextRoot};
 //# sourceMappingURL=style.mjs.map

package/components/Separator/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Separator/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { Text as UiText } from '../Text'\nimport type { SeparatorProps } from './Separator'\n\nconst WEIGHT_MAP = {\n  1: '0.05em',\n  2: '0.1em',\n  3: '0.15em',\n  4: '0.25em',\n  5: '0.3em',\n}\n\nexport const Text = styled(UiText)`\n  position: absolute;\n  z-index: 1;\n  display: inline-block;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  padding: 0 12px;\n  background-color: ${(props) => props.theme.colors.white};\n`\n\nexport const TextRoot = styled.div`\n  display: block;\n  width: auto;\n  position: relative;\n  z-index: 0;\n  text-align: center;\n`\n\nexport const Root = styled.div.withConfig<SeparatorProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  display: block;\n  width: auto;\n  background-color: currentcolor;\n  ${(props) => css`\n    height: ${WEIGHT_MAP[props.weight || 1]};\n  `}\n  ${(props) => (props.color ? color(props.color, 'color') : null)}\n\n  /** BEGIN paddings */\n  ${(props) => (props.padding ? property(props.padding, 'padding') : null)}\n  ${(props) => (props.paddingTop ? property(props.paddingTop, 'padding-top') : null)}\n  ${(props) => (props.paddingRight ? property(props.paddingRight, 'padding-right') : null)}\n  ${(props) => (props.paddingBottom ? property(props.paddingBottom, 'padding-bottom') : null)}\n  ${(props) => (props.paddingLeft ? property(props.paddingLeft, 'padding-left') : null)}\n  /** END paddings */ \n\n  /** BEGIN margins */\n  ${(props) => (props.margin ? property(props.margin, 'margin') : null)}\n  ${(props) => (props.marginTop ? property(props.marginTop, 'margin-top') : null)}\n  ${(props) => (props.marginRight ? property(props.marginRight, 'margin-right') : null)}\n  ${(props) => (props.marginBottom ? property(props.marginBottom, 'margin-bottom') : null)}\n  ${(props) => (props.marginLeft ? property(props.marginLeft, 'margin-left') : null)}\n  /** END margins */ \n\n  /** BEGIN Responsive paddings */\n  ${({ paddingXS, paddingS, paddingM, paddingL, paddingXL }) =>\n    responsiveNamedProperty({ sizes: { paddingXS, paddingS, paddingM, paddingL, paddingXL }, cssProperty: 'padding' })}\n  ${({ paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL },\n      cssProperty: 'padding-top',\n    })}\n  ${({ paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL },\n      cssProperty: 'padding-right',\n    })}\n  ${({ paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL },\n      cssProperty: 'padding-left',\n    })}\n  /** END Responsive paddings */ \n\n  /** BEGIN Responsive margins */\n  ${({ marginXS, marginS, marginM, marginL, marginXL }) =>\n    responsiveNamedProperty({ sizes: { marginXS, marginS, marginM, marginL, marginXL }, cssProperty: 'margin' })}\n  ${({ marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL },\n      cssProperty: 'margin-top',\n    })}\n  ${({ marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL },\n      cssProperty: 'margin-right',\n    })}\n  ${({ marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL },\n      cssProperty: 'margin-bottom',\n    })}\n  ${({ marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL },\n      cssProperty: 'margin-left',\n    })}\n  /** END Responsive margins */\n\n  ${(props) => (props.top ? property(props.top, 'padding-top') : null)}\n  ${(props) => (props.right ? property(props.right, 'padding-right') : null)}\n  ${(props) => (props.bottom ? property(props.bottom, 'padding-bottom') : null)}\n  ${(props) => (props.left ? property(props.left, 'padding-left') : null)}\n\n  ${({ topXS, topS, topM, topL, topXL }) =>\n    responsiveNamedProperty({ sizes: { topXS, topS, topM, topL, topXL }, cssProperty: 'padding-top' })}\n  ${({ rightXS, rightS, rightM, rightL, rightXL }) =>\n    responsiveNamedProperty({ sizes: { rightXS, rightS, rightM, rightL, rightXL }, cssProperty: 'padding-right' })}\n  ${({ bottomXS, bottomS, bottomM, bottomL, bottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { bottomXS, bottomS, bottomM, bottomL, bottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ leftXS, leftS, leftM, leftL, leftXL }) =>\n    responsiveNamedProperty({ sizes: { leftXS, leftS, leftM, leftL, leftXL }, cssProperty: 'padding-left' })}\n`\n"],"names":["WEIGHT_MAP","Text","styled","UiText","withConfig","displayName","componentId","props","theme","colors","white","TextRoot","div","Root","shouldForwardProp","prop","includes","css","weight","color","padding","property","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginTop","marginRight","marginBottom","marginLeft","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","cssProperty","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","marginXS","marginS","marginM","marginL","marginXL","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","top","right","bottom","left","topXS","topS","topM","topL","topXL","rightXS","rightS","rightM","rightL","rightXL","bottomXS","bottomS","bottomM","bottomL","bottomXL","leftXS","leftS","leftM","leftL","leftXL"],"mappings":"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"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Separator/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { Text as UiText } from '../Text'\nimport type { SeparatorProps } from './Separator'\n\nconst WEIGHT_MAP = {\n  1: '0.05em',\n  2: '0.1em',\n  3: '0.15em',\n  4: '0.25em',\n  5: '0.3em',\n}\n\nexport const Text = styled(UiText)`\n  position: absolute;\n  z-index: 1;\n  display: inline-block;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  padding: 0 12px;\n  background-color: ${(props) => props.theme.colors.white};\n`\n\nexport const TextRoot = styled.div`\n  display: block;\n  width: auto;\n  position: relative;\n  z-index: 0;\n  text-align: center;\n`\n\nexport const Root = styled.div.withConfig<SeparatorProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  display: block;\n  width: auto;\n  background-color: currentcolor;\n  ${(props) => css`\n    height: ${WEIGHT_MAP[props.weight || 1]};\n  `}\n  ${(props) => (props.color ? color(props.color, 'color') : null)}\n\n  /** BEGIN paddings */\n  ${(props) => (props.padding ? property(props.padding, 'padding') : null)}\n  ${(props) => (props.paddingTop ? property(props.paddingTop, 'padding-top') : null)}\n  ${(props) => (props.paddingRight ? property(props.paddingRight, 'padding-right') : null)}\n  ${(props) => (props.paddingBottom ? property(props.paddingBottom, 'padding-bottom') : null)}\n  ${(props) => (props.paddingLeft ? property(props.paddingLeft, 'padding-left') : null)}\n  /** END paddings */ \n\n  /** BEGIN margins */\n  ${(props) => (props.margin ? property(props.margin, 'margin') : null)}\n  ${(props) => (props.marginTop ? property(props.marginTop, 'margin-top') : null)}\n  ${(props) => (props.marginRight ? property(props.marginRight, 'margin-right') : null)}\n  ${(props) => (props.marginBottom ? property(props.marginBottom, 'margin-bottom') : null)}\n  ${(props) => (props.marginLeft ? property(props.marginLeft, 'margin-left') : null)}\n  /** END margins */ \n\n  /** BEGIN Responsive paddings */\n  ${({ paddingXS, paddingS, paddingM, paddingL, paddingXL }) =>\n    responsiveNamedProperty({ sizes: { paddingXS, paddingS, paddingM, paddingL, paddingXL }, cssProperty: 'padding' })}\n  ${({ paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL },\n      cssProperty: 'padding-top',\n    })}\n  ${({ paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL },\n      cssProperty: 'padding-right',\n    })}\n  ${({ paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL },\n      cssProperty: 'padding-left',\n    })}\n  /** END Responsive paddings */ \n\n  /** BEGIN Responsive margins */\n  ${({ marginXS, marginS, marginM, marginL, marginXL }) =>\n    responsiveNamedProperty({ sizes: { marginXS, marginS, marginM, marginL, marginXL }, cssProperty: 'margin' })}\n  ${({ marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL },\n      cssProperty: 'margin-top',\n    })}\n  ${({ marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL },\n      cssProperty: 'margin-right',\n    })}\n  ${({ marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL },\n      cssProperty: 'margin-bottom',\n    })}\n  ${({ marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL },\n      cssProperty: 'margin-left',\n    })}\n  /** END Responsive margins */\n\n  ${(props) => (props.top ? property(props.top, 'padding-top') : null)}\n  ${(props) => (props.right ? property(props.right, 'padding-right') : null)}\n  ${(props) => (props.bottom ? property(props.bottom, 'padding-bottom') : null)}\n  ${(props) => (props.left ? property(props.left, 'padding-left') : null)}\n\n  ${({ topXS, topS, topM, topL, topXL }) =>\n    responsiveNamedProperty({ sizes: { topXS, topS, topM, topL, topXL }, cssProperty: 'padding-top' })}\n  ${({ rightXS, rightS, rightM, rightL, rightXL }) =>\n    responsiveNamedProperty({ sizes: { rightXS, rightS, rightM, rightL, rightXL }, cssProperty: 'padding-right' })}\n  ${({ bottomXS, bottomS, bottomM, bottomL, bottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { bottomXS, bottomS, bottomM, bottomL, bottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ leftXS, leftS, leftM, leftL, leftXL }) =>\n    responsiveNamedProperty({ sizes: { leftXS, leftS, leftM, leftL, leftXL }, cssProperty: 'padding-left' })}\n`\n"],"names":["WEIGHT_MAP","Text","styled","UiText","withConfig","displayName","componentId","props","theme","colors","white","TextRoot","div","Root","shouldForwardProp","prop","includes","css","weight","color","padding","property","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginTop","marginRight","marginBottom","marginLeft","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","cssProperty","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","marginXS","marginS","marginM","marginL","marginXL","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","top","right","bottom","left","topXS","topS","topM","topL","topXL","rightXS","rightS","rightM","rightL","rightXL","bottomXS","bottomS","bottomM","bottomL","bottomXL","leftXS","leftS","leftM","leftL","leftXL"],"mappings":"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"}

package/components/Skeleton/Skeleton.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var useMergedPalette=require('../../hooks/useMergedPalette.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');exports.Skeleton=React.forwardRef(((e,r)=>{const t=useMergedPalette.useMergedPalette(e);return jsxRuntime.jsx(style.Root,{...e,palette:t,ref:r,children:e.children?React.isValidElement(e.children)&&typeof e.children.props=='object'&&e.children.props!==null&&!e.children.props.children?React.cloneElement(e.children,{},jsxRuntime.jsx(jsxRuntime.Fragment,{children:" "})):e.children:jsxRuntime.jsx(jsxRuntime.Fragment,{children:" "})})}));
+'use strict';var React=require('react');var useMergedPalette=require('../../hooks/useMergedPalette.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');exports.Skeleton=React.forwardRef((e,r)=>{const t=useMergedPalette.useMergedPalette(e);return jsxRuntime.jsx(style.Root,{...e,palette:t,ref:r,children:e.children?React.isValidElement(e.children)&&typeof e.children.props=='object'&&e.children.props!==null&&!e.children.props.children?React.cloneElement(e.children,{},jsxRuntime.jsx(jsxRuntime.Fragment,{children:" "})):e.children:jsxRuntime.jsx(jsxRuntime.Fragment,{children:" "})})});
 //# sourceMappingURL=Skeleton.js.map

package/components/Skeleton/Skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.js","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement } from 'react'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport * as Styled from './style'\nimport type { SkeletonProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [SkeletonProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Skeleton/types.ts)\n */\nconst Skeleton: React.ForwardRefExoticComponent<SkeletonProps> = forwardRef<HTMLDivElement, SkeletonProps>(\n  (props, ref) => {\n    const palette = useMergedPalette(props)\n\n    return (\n      <Styled.Root {...props} palette={palette} ref={ref}>\n        {!props.children ? (\n          <>&nbsp;</>\n        ) : isValidElement(props.children) &&\n          typeof props.children.props === 'object' &&\n          props.children.props !== null &&\n          !props.children.props.children ? (\n          cloneElement(props.children, {}, <>&nbsp;</>)\n        ) : (\n          props.children\n        )}\n      </Styled.Root>\n    )\n  }\n)\n\nexport { Skeleton }\n"],"names":["forwardRef","props","ref","palette","useMergedPalette","_jsx","Styled","children","isValidElement","cloneElement","_Fragment"],"mappings":"qMAeiEA,MAAAA,YAC/D,CAACC,EAAOC,KACN,MAAMC,EAAUC,iBAAAA,iBAAiBH,GAEjC,OACEI,WAAAA,IAACC,MAAAA,KAAW,IAAKL,EAAOE,QAASA,EAASD,IAAKA,EAAIK,SAC/CN,EAAMM,SAEJC,MAAAA,eAAeP,EAAMM,kBAChBN,EAAMM,SAASN,OAAU,UAChCA,EAAMM,SAASN,QAAU,OACxBA,EAAMM,SAASN,MAAMM,SACtBE,mBAAaR,EAAMM,SAAU,GAAIF,WAAAA,IAAAK,WAAAA,SAAA,CAAAH,SAAE,OAEnCN,EAAMM,SAPNF,WAAAA,IAAAK,WAAAA,SAAA,CAAAH,SAAE,OASQ"}
+{"version":3,"file":"Skeleton.js","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement } from 'react'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport * as Styled from './style'\nimport type { SkeletonProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [SkeletonProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Skeleton/types.ts)\n */\nconst Skeleton: React.ForwardRefExoticComponent<SkeletonProps> = forwardRef<HTMLDivElement, SkeletonProps>(\n  (props, ref) => {\n    const palette = useMergedPalette(props)\n\n    return (\n      <Styled.Root {...props} palette={palette} ref={ref}>\n        {!props.children ? (\n          <>&nbsp;</>\n        ) : isValidElement(props.children) &&\n          typeof props.children.props === 'object' &&\n          props.children.props !== null &&\n          !props.children.props.children ? (\n          cloneElement(props.children, {}, <>&nbsp;</>)\n        ) : (\n          props.children\n        )}\n      </Styled.Root>\n    )\n  }\n)\n\nexport { Skeleton }\n"],"names":["forwardRef","props","ref","palette","useMergedPalette","_jsx","Styled","children","isValidElement","cloneElement","_Fragment"],"mappings":"qMAeiEA,MAAAA,WAC/D,CAACC,EAAOC,KACN,MAAMC,EAAUC,iBAAAA,iBAAiBH,GAEjC,OACEI,WAAAA,IAACC,MAAAA,KAAW,IAAKL,EAAOE,QAASA,EAASD,IAAKA,EAAIK,SAC/CN,EAAMM,SAEJC,MAAAA,eAAeP,EAAMM,kBAChBN,EAAMM,SAASN,OAAU,UAChCA,EAAMM,SAASN,QAAU,OACxBA,EAAMM,SAASN,MAAMM,SACtBE,mBAAaR,EAAMM,SAAU,GAAIF,WAAAA,IAAAK,WAAAA,SAAA,CAAAH,SAAE,OAEnCN,EAAMM,SAPNF,WAAAA,IAAAK,WAAAA,SAAA,CAAAH,SAAE"}

package/components/Skeleton/Skeleton.mjs

@@ -1,2 +1,2 @@
-import{forwardRef,isValidElement,cloneElement}from'react';import{useMergedPalette}from'../../hooks/useMergedPalette.mjs';import{Root}from'./style.mjs';import{jsx,Fragment}from'react/jsx-runtime';const Skeleton=forwardRef(((e,r)=>{const t=useMergedPalette(e);return jsx(Root,{...e,palette:t,ref:r,children:e.children?isValidElement(e.children)&&typeof e.children.props=='object'&&e.children.props!==null&&!e.children.props.children?cloneElement(e.children,{},jsx(Fragment,{children:" "})):e.children:jsx(Fragment,{children:" "})})}));export{Skeleton};
+import{forwardRef,isValidElement,cloneElement}from'react';import{useMergedPalette}from'../../hooks/useMergedPalette.mjs';import{Root}from'./style.mjs';import{jsx,Fragment}from'react/jsx-runtime';const Skeleton=forwardRef((e,r)=>{const t=useMergedPalette(e);return jsx(Root,{...e,palette:t,ref:r,children:e.children?isValidElement(e.children)&&typeof e.children.props=='object'&&e.children.props!==null&&!e.children.props.children?cloneElement(e.children,{},jsx(Fragment,{children:" "})):e.children:jsx(Fragment,{children:" "})})});export{Skeleton};
 //# sourceMappingURL=Skeleton.mjs.map

package/components/Skeleton/Skeleton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.mjs","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement } from 'react'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport * as Styled from './style'\nimport type { SkeletonProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [SkeletonProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Skeleton/types.ts)\n */\nconst Skeleton: React.ForwardRefExoticComponent<SkeletonProps> = forwardRef<HTMLDivElement, SkeletonProps>(\n  (props, ref) => {\n    const palette = useMergedPalette(props)\n\n    return (\n      <Styled.Root {...props} palette={palette} ref={ref}>\n        {!props.children ? (\n          <>&nbsp;</>\n        ) : isValidElement(props.children) &&\n          typeof props.children.props === 'object' &&\n          props.children.props !== null &&\n          !props.children.props.children ? (\n          cloneElement(props.children, {}, <>&nbsp;</>)\n        ) : (\n          props.children\n        )}\n      </Styled.Root>\n    )\n  }\n)\n\nexport { Skeleton }\n"],"names":["Skeleton","forwardRef","props","ref","palette","useMergedPalette","_jsx","Styled","children","isValidElement","cloneElement","_Fragment"],"mappings":"mMAeA,MAAMA,SAA2DC,YAC/D,CAACC,EAAOC,KACN,MAAMC,EAAUC,iBAAiBH,GAEjC,OACEI,IAACC,KAAW,IAAKL,EAAOE,QAASA,EAASD,IAAKA,EAAIK,SAC/CN,EAAMM,SAEJC,eAAeP,EAAMM,kBAChBN,EAAMM,SAASN,OAAU,UAChCA,EAAMM,SAASN,QAAU,OACxBA,EAAMM,SAASN,MAAMM,SACtBE,aAAaR,EAAMM,SAAU,GAAIF,IAAAK,SAAA,CAAAH,SAAE,OAEnCN,EAAMM,SAPNF,IAAAK,SAAA,CAAAH,SAAE,OASQ"}
+{"version":3,"file":"Skeleton.mjs","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement } from 'react'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport * as Styled from './style'\nimport type { SkeletonProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [SkeletonProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Skeleton/types.ts)\n */\nconst Skeleton: React.ForwardRefExoticComponent<SkeletonProps> = forwardRef<HTMLDivElement, SkeletonProps>(\n  (props, ref) => {\n    const palette = useMergedPalette(props)\n\n    return (\n      <Styled.Root {...props} palette={palette} ref={ref}>\n        {!props.children ? (\n          <>&nbsp;</>\n        ) : isValidElement(props.children) &&\n          typeof props.children.props === 'object' &&\n          props.children.props !== null &&\n          !props.children.props.children ? (\n          cloneElement(props.children, {}, <>&nbsp;</>)\n        ) : (\n          props.children\n        )}\n      </Styled.Root>\n    )\n  }\n)\n\nexport { Skeleton }\n"],"names":["Skeleton","forwardRef","props","ref","palette","useMergedPalette","_jsx","Styled","children","isValidElement","cloneElement","_Fragment"],"mappings":"mMAeA,MAAMA,SAA2DC,WAC/D,CAACC,EAAOC,KACN,MAAMC,EAAUC,iBAAiBH,GAEjC,OACEI,IAACC,KAAW,IAAKL,EAAOE,QAASA,EAASD,IAAKA,EAAIK,SAC/CN,EAAMM,SAEJC,eAAeP,EAAMM,kBAChBN,EAAMM,SAASN,OAAU,UAChCA,EAAMM,SAASN,QAAU,OACxBA,EAAMM,SAASN,MAAMM,SACtBE,aAAaR,EAAMM,SAAU,GAAIF,IAAAK,SAAA,CAAAH,SAAE,OAEnCN,EAAMM,SAPNF,IAAAK,SAAA,CAAAH,SAAE"}

package/components/Skeleton/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveMargin=require('../../mixins/responsive-margin.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardSkeletonProp=style.createShouldForwardProp((o=>!['inline','round','borderRadius','width','height','animationDuration','animationDelay','onColored'].includes(o)));const shiftAnimation=styled.keyframes(["0%{background-position:100% 50%;}100%{background-position:0% 50%;}"]);const template=o=>`\n  background-color: ${o.color};\n  background-image: linear-gradient(90deg, ${o.gradientColor} 25%, ${o.gradientHighlightColor} 45%, ${o.gradientColor} 65%);\n`;const COLOR_SCHEMA={onColored:{secondary:styled.css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette}))),primary:styled.css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette})))},default:{secondary:styled.css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette}))),primary:styled.css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette})))}};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardSkeletonProp}).withConfig({displayName:"Skeleton__Root",componentId:"ui__sc-4t2o9u-0"})([""," "," ",""],(o=>{let e=o.round?'50%':8;typeof o.borderRadius!='string'&&typeof o.borderRadius!='number'||(e=o.borderRadius);const r=o.width?o.width:'auto';const t=o.height?o.height:'auto';return styled.css(["box-sizing:border-box;display:",";width:",";height:",";border-radius:",";flex-shrink:0;margin:0;background-origin:border-box;background-size:400% 100%;background-repeat:no-repeat;animation-name:",";animation-duration:","ms;animation-delay:","ms;animation-iteration-count:infinite;& > *{visibility:hidden !important;}"],o.inline?'inline-block':'block',typeof r=='string'?r:`${r}px`,typeof t=='string'?t:`${t}px`,typeof e=='string'?e:`${e}px`,shiftAnimation,o.animationDuration??2e3,o.animationDelay??500)}),(o=>{const e=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.secondary?e.secondary:e.primary}),responsiveMargin.responsiveMargin);exports.Root=Root;
+'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveMargin=require('../../mixins/responsive-margin.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardSkeletonProp=style.createShouldForwardProp(o=>!['inline','round','borderRadius','width','height','animationDuration','animationDelay','onColored'].includes(o));const shiftAnimation=styled.keyframes(["0%{background-position:100% 50%;}100%{background-position:0% 50%;}"]);const template=o=>`\n  background-color: ${o.color};\n  background-image: linear-gradient(90deg, ${o.gradientColor} 25%, ${o.gradientHighlightColor} 45%, ${o.gradientColor} 65%);\n`;const COLOR_SCHEMA={onColored:{secondary:styled.css(["",""],o=>template({color:o.theme.colors['skeleton-oncolor-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette})),primary:styled.css(["",""],o=>template({color:o.theme.colors['skeleton-oncolor-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette}))},default:{secondary:styled.css(["",""],o=>template({color:o.theme.colors['skeleton-onmain-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette})),primary:styled.css(["",""],o=>template({color:o.theme.colors['skeleton-onmain-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette}))}};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardSkeletonProp}).withConfig({displayName:"Skeleton__Root",componentId:"ui__sc-4t2o9u-0"})([""," "," ",""],o=>{let e=o.round?'50%':8;typeof o.borderRadius!='string'&&typeof o.borderRadius!='number'||(e=o.borderRadius);const r=o.width?o.width:'auto';const t=o.height?o.height:'auto';return styled.css(["box-sizing:border-box;display:",";width:",";height:",";border-radius:",";flex-shrink:0;margin:0;background-origin:border-box;background-size:400% 100%;background-repeat:no-repeat;animation-name:",";animation-duration:","ms;animation-delay:","ms;animation-iteration-count:infinite;& > *{visibility:hidden !important;}"],o.inline?'inline-block':'block',typeof r=='string'?r:`${r}px`,typeof t=='string'?t:`${t}px`,typeof e=='string'?e:`${e}px`,shiftAnimation,o.animationDuration??2e3,o.animationDelay??500)},o=>{const e=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.secondary?e.secondary:e.primary},responsiveMargin.responsiveMargin);exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/Skeleton/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Skeleton/style.ts"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledSkeletonProps, SkeletonPalette } from './types'\n\nconst shouldForwardSkeletonProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'inline',\n      'round',\n      'borderRadius',\n      'width',\n      'height',\n      'animationDuration',\n      'animationDelay',\n      'onColored',\n    ].includes(propKey)\n)\n\nconst shiftAnimation = keyframes`\n  0% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n`\n\nconst template = (palette: SkeletonPalette) => `\n  background-color: ${palette.color};\n  background-image: linear-gradient(90deg, ${palette.gradientColor} 25%, ${palette.gradientHighlightColor} 45%, ${palette.gradientColor} 65%);\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.div.withConfig<StyledSkeletonProps>({\n  shouldForwardProp: shouldForwardSkeletonProp,\n})`\n  ${(props) => {\n    let borderRadius = props.round ? '50%' : 8\n    if (typeof props.borderRadius === 'string' || typeof props.borderRadius === 'number') {\n      borderRadius = props.borderRadius\n    }\n\n    const width = props.width ? props.width : 'auto'\n    const height = props.height ? props.height : 'auto'\n\n    return css`\n      box-sizing: border-box;\n      display: ${props.inline ? 'inline-block' : 'block'};\n      width: ${typeof width === 'string' ? width : `${width}px`};\n      height: ${typeof height === 'string' ? height : `${height}px`};\n      border-radius: ${typeof borderRadius === 'string' ? borderRadius : `${borderRadius}px`};\n      flex-shrink: 0;\n      margin: 0;\n      background-origin: border-box;\n      background-size: 400% 100%;\n      background-repeat: no-repeat;\n      animation-name: ${shiftAnimation};\n      animation-duration: ${props.animationDuration ?? 2000}ms;\n      animation-delay: ${props.animationDelay ?? 500}ms;\n      animation-iteration-count: infinite;\n\n      & > * {\n        visibility: hidden !important;\n      }\n    `\n  }}\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    return props.secondary ? schema.secondary : schema.primary\n  }}\n\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardSkeletonProp","createShouldForwardProp","propKey","includes","shiftAnimation","keyframes","template","palette","color","gradientColor","gradientHighlightColor","COLOR_SCHEMA","onColored","secondary","css","props","theme","colors","primary","default","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","borderRadius","round","width","height","inline","animationDuration","animationDelay","schema","responsiveMargin"],"mappings":"qRAKA,MAAMA,0BAA4BC,MAAAA,yBAC/BC,IACE,CACC,SACA,QACA,eACA,QACA,SACA,oBACA,iBACA,aACAC,SAASD,KAGf,MAAME,eAAiBC,OAAAA,UAAS,CAAA,uEAShC,MAAMC,SAAYC,GAA6B,yBACzBA,EAAQC,sDACeD,EAAQE,sBAAsBF,EAAQG,+BAA+BH,EAAQE,wBAG1H,MAAME,aAAe,CACnBC,UAAW,CACTC,UAAWC,OAAAA,IAAG,CAAA,GAAA,KACTC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,8BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,wCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,yCACxCF,EAAMR,YAGfW,QAASJ,OAAAA,IAAG,CAAA,GAAA,KACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,4BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,wCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,yCACxCF,EAAMR,aAIjBY,QAAS,CACPN,UAAWC,OAAAA,IAAG,CAAA,GAAA,KACTC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,6BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,uCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,wCACxCF,EAAMR,YAGfW,QAASJ,OAAAA,IAAG,CAAA,GAAA,KACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,2BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,uCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,wCACxCF,EAAMR,cAMZ,MAAMa,KAAOC,gBAAAA,QAAOC,IAAIC,WAAgC,CAC7DC,kBAAmBxB,4BACnBuB,WAAA,CAAAE,YAAA,iBAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,KACGN,IACD,IAAIY,EAAeZ,EAAMa,MAAQ,MAAQ,SAC9Bb,EAAMY,cAAiB,iBAAmBZ,EAAMY,cAAiB,WAC1EA,EAAeZ,EAAMY,cAGvB,MAAME,EAAQd,EAAMc,MAAQd,EAAMc,MAAQ,OAC1C,MAAMC,EAASf,EAAMe,OAASf,EAAMe,OAAS,OAE7C,OAAOhB,OAAAA,IAAG,CAAA,iCAAA,UAAA,WAAA,kBAAA,6HAAA,uBAAA,sBAAA,8EAEGC,EAAMgB,OAAS,eAAiB,eAC3BF,GAAU,SAAWA,EAAQ,GAAGA,aAC/BC,GAAW,SAAWA,EAAS,GAAGA,aAC3BH,GAAiB,SAAWA,EAAe,GAAGA,MAMpDvB,eACIW,EAAMiB,mBAAqB,IAC9BjB,EAAMkB,gBAAkB,IAAG,IAS/ClB,IACD,MAAMmB,EAASnB,EAAMH,UAAYD,aAAaC,UAAYD,aAAaQ,QAEvE,OAAOJ,EAAMF,UAAYqB,EAAOrB,UAAYqB,EAAOhB,OAAO,GAG1DiB,iBAAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Skeleton/style.ts"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledSkeletonProps, SkeletonPalette } from './types'\n\nconst shouldForwardSkeletonProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'inline',\n      'round',\n      'borderRadius',\n      'width',\n      'height',\n      'animationDuration',\n      'animationDelay',\n      'onColored',\n    ].includes(propKey)\n)\n\nconst shiftAnimation = keyframes`\n  0% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n`\n\nconst template = (palette: SkeletonPalette) => `\n  background-color: ${palette.color};\n  background-image: linear-gradient(90deg, ${palette.gradientColor} 25%, ${palette.gradientHighlightColor} 45%, ${palette.gradientColor} 65%);\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.div.withConfig<StyledSkeletonProps>({\n  shouldForwardProp: shouldForwardSkeletonProp,\n})`\n  ${(props) => {\n    let borderRadius = props.round ? '50%' : 8\n    if (typeof props.borderRadius === 'string' || typeof props.borderRadius === 'number') {\n      borderRadius = props.borderRadius\n    }\n\n    const width = props.width ? props.width : 'auto'\n    const height = props.height ? props.height : 'auto'\n\n    return css`\n      box-sizing: border-box;\n      display: ${props.inline ? 'inline-block' : 'block'};\n      width: ${typeof width === 'string' ? width : `${width}px`};\n      height: ${typeof height === 'string' ? height : `${height}px`};\n      border-radius: ${typeof borderRadius === 'string' ? borderRadius : `${borderRadius}px`};\n      flex-shrink: 0;\n      margin: 0;\n      background-origin: border-box;\n      background-size: 400% 100%;\n      background-repeat: no-repeat;\n      animation-name: ${shiftAnimation};\n      animation-duration: ${props.animationDuration ?? 2000}ms;\n      animation-delay: ${props.animationDelay ?? 500}ms;\n      animation-iteration-count: infinite;\n\n      & > * {\n        visibility: hidden !important;\n      }\n    `\n  }}\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    return props.secondary ? schema.secondary : schema.primary\n  }}\n\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardSkeletonProp","createShouldForwardProp","propKey","includes","shiftAnimation","keyframes","template","palette","color","gradientColor","gradientHighlightColor","COLOR_SCHEMA","onColored","secondary","css","props","theme","colors","primary","default","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","borderRadius","round","width","height","inline","animationDuration","animationDelay","schema","responsiveMargin"],"mappings":"qRAKA,MAAMA,0BAA4BC,MAAAA,wBAC/BC,IACE,CACC,SACA,QACA,eACA,QACA,SACA,oBACA,iBACA,aACAC,SAASD,IAGf,MAAME,eAAiBC,OAAAA,UAAS,CAAA,uEAShC,MAAMC,SAAYC,GAA6B,yBACzBA,EAAQC,sDACeD,EAAQE,sBAAsBF,EAAQG,+BAA+BH,EAAQE,wBAG1H,MAAME,aAAe,CACnBC,UAAW,CACTC,UAAWC,OAAAA,IAAG,CAAA,GAAA,IACTC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,8BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,wCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,yCACxCF,EAAMR,WAGfW,QAASJ,OAAAA,IAAG,CAAA,GAAA,IACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,4BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,wCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,yCACxCF,EAAMR,YAIjBY,QAAS,CACPN,UAAWC,OAAAA,IAAG,CAAA,GAAA,IACTC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,6BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,uCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,wCACxCF,EAAMR,WAGfW,QAASJ,OAAAA,IAAG,CAAA,GAAA,IACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,2BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,uCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,wCACxCF,EAAMR,aAMZ,MAAMa,KAAOC,gBAAAA,QAAOC,IAAIC,WAAgC,CAC7DC,kBAAmBxB,4BACnBuB,WAAA,CAAAE,YAAA,iBAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IACGN,IACD,IAAIY,EAAeZ,EAAMa,MAAQ,MAAQ,SAC9Bb,EAAMY,cAAiB,iBAAmBZ,EAAMY,cAAiB,WAC1EA,EAAeZ,EAAMY,cAGvB,MAAME,EAAQd,EAAMc,MAAQd,EAAMc,MAAQ,OAC1C,MAAMC,EAASf,EAAMe,OAASf,EAAMe,OAAS,OAE7C,OAAOhB,OAAAA,IAAG,CAAA,iCAAA,UAAA,WAAA,kBAAA,6HAAA,uBAAA,sBAAA,8EAEGC,EAAMgB,OAAS,eAAiB,eAC3BF,GAAU,SAAWA,EAAQ,GAAGA,aAC/BC,GAAW,SAAWA,EAAS,GAAGA,aAC3BH,GAAiB,SAAWA,EAAe,GAAGA,MAMpDvB,eACIW,EAAMiB,mBAAqB,IAC9BjB,EAAMkB,gBAAkB,MAS5ClB,IACD,MAAMmB,EAASnB,EAAMH,UAAYD,aAAaC,UAAYD,aAAaQ,QAEvE,OAAOJ,EAAMF,UAAYqB,EAAOrB,UAAYqB,EAAOhB,SAGnDiB,iBAAAA"}

package/components/Skeleton/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css,keyframes}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';const shouldForwardSkeletonProp=createShouldForwardProp((o=>!['inline','round','borderRadius','width','height','animationDuration','animationDelay','onColored'].includes(o)));const shiftAnimation=keyframes(["0%{background-position:100% 50%;}100%{background-position:0% 50%;}"]);const template=o=>`\n  background-color: ${o.color};\n  background-image: linear-gradient(90deg, ${o.gradientColor} 25%, ${o.gradientHighlightColor} 45%, ${o.gradientColor} 65%);\n`;const COLOR_SCHEMA={onColored:{secondary:css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette}))),primary:css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette})))},default:{secondary:css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette}))),primary:css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette})))}};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardSkeletonProp}).withConfig({displayName:"Skeleton__Root",componentId:"ui__sc-4t2o9u-0"})([""," "," ",""],(o=>{let e=o.round?'50%':8;typeof o.borderRadius!='string'&&typeof o.borderRadius!='number'||(e=o.borderRadius);const r=o.width?o.width:'auto';const t=o.height?o.height:'auto';return css(["box-sizing:border-box;display:",";width:",";height:",";border-radius:",";flex-shrink:0;margin:0;background-origin:border-box;background-size:400% 100%;background-repeat:no-repeat;animation-name:",";animation-duration:","ms;animation-delay:","ms;animation-iteration-count:infinite;& > *{visibility:hidden !important;}"],o.inline?'inline-block':'block',typeof r=='string'?r:`${r}px`,typeof t=='string'?t:`${t}px`,typeof e=='string'?e:`${e}px`,shiftAnimation,o.animationDuration??2e3,o.animationDelay??500)}),(o=>{const e=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.secondary?e.secondary:e.primary}),responsiveMargin);export{Root};
+import styled,{css,keyframes}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';const shouldForwardSkeletonProp=createShouldForwardProp(o=>!['inline','round','borderRadius','width','height','animationDuration','animationDelay','onColored'].includes(o));const shiftAnimation=keyframes(["0%{background-position:100% 50%;}100%{background-position:0% 50%;}"]);const template=o=>`\n  background-color: ${o.color};\n  background-image: linear-gradient(90deg, ${o.gradientColor} 25%, ${o.gradientHighlightColor} 45%, ${o.gradientColor} 65%);\n`;const COLOR_SCHEMA={onColored:{secondary:css(["",""],o=>template({color:o.theme.colors['skeleton-oncolor-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette})),primary:css(["",""],o=>template({color:o.theme.colors['skeleton-oncolor-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette}))},default:{secondary:css(["",""],o=>template({color:o.theme.colors['skeleton-onmain-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette})),primary:css(["",""],o=>template({color:o.theme.colors['skeleton-onmain-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette}))}};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardSkeletonProp}).withConfig({displayName:"Skeleton__Root",componentId:"ui__sc-4t2o9u-0"})([""," "," ",""],o=>{let e=o.round?'50%':8;typeof o.borderRadius!='string'&&typeof o.borderRadius!='number'||(e=o.borderRadius);const r=o.width?o.width:'auto';const t=o.height?o.height:'auto';return css(["box-sizing:border-box;display:",";width:",";height:",";border-radius:",";flex-shrink:0;margin:0;background-origin:border-box;background-size:400% 100%;background-repeat:no-repeat;animation-name:",";animation-duration:","ms;animation-delay:","ms;animation-iteration-count:infinite;& > *{visibility:hidden !important;}"],o.inline?'inline-block':'block',typeof r=='string'?r:`${r}px`,typeof t=='string'?t:`${t}px`,typeof e=='string'?e:`${e}px`,shiftAnimation,o.animationDuration??2e3,o.animationDelay??500)},o=>{const e=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.secondary?e.secondary:e.primary},responsiveMargin);export{Root};
 //# sourceMappingURL=style.mjs.map

package/components/Skeleton/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Skeleton/style.ts"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledSkeletonProps, SkeletonPalette } from './types'\n\nconst shouldForwardSkeletonProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'inline',\n      'round',\n      'borderRadius',\n      'width',\n      'height',\n      'animationDuration',\n      'animationDelay',\n      'onColored',\n    ].includes(propKey)\n)\n\nconst shiftAnimation = keyframes`\n  0% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n`\n\nconst template = (palette: SkeletonPalette) => `\n  background-color: ${palette.color};\n  background-image: linear-gradient(90deg, ${palette.gradientColor} 25%, ${palette.gradientHighlightColor} 45%, ${palette.gradientColor} 65%);\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.div.withConfig<StyledSkeletonProps>({\n  shouldForwardProp: shouldForwardSkeletonProp,\n})`\n  ${(props) => {\n    let borderRadius = props.round ? '50%' : 8\n    if (typeof props.borderRadius === 'string' || typeof props.borderRadius === 'number') {\n      borderRadius = props.borderRadius\n    }\n\n    const width = props.width ? props.width : 'auto'\n    const height = props.height ? props.height : 'auto'\n\n    return css`\n      box-sizing: border-box;\n      display: ${props.inline ? 'inline-block' : 'block'};\n      width: ${typeof width === 'string' ? width : `${width}px`};\n      height: ${typeof height === 'string' ? height : `${height}px`};\n      border-radius: ${typeof borderRadius === 'string' ? borderRadius : `${borderRadius}px`};\n      flex-shrink: 0;\n      margin: 0;\n      background-origin: border-box;\n      background-size: 400% 100%;\n      background-repeat: no-repeat;\n      animation-name: ${shiftAnimation};\n      animation-duration: ${props.animationDuration ?? 2000}ms;\n      animation-delay: ${props.animationDelay ?? 500}ms;\n      animation-iteration-count: infinite;\n\n      & > * {\n        visibility: hidden !important;\n      }\n    `\n  }}\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    return props.secondary ? schema.secondary : schema.primary\n  }}\n\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardSkeletonProp","createShouldForwardProp","propKey","includes","shiftAnimation","keyframes","template","palette","color","gradientColor","gradientHighlightColor","COLOR_SCHEMA","onColored","secondary","css","props","theme","colors","primary","default","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","borderRadius","round","width","height","inline","animationDuration","animationDelay","schema","responsiveMargin"],"mappings":"wLAKA,MAAMA,0BAA4BC,yBAC/BC,IACE,CACC,SACA,QACA,eACA,QACA,SACA,oBACA,iBACA,aACAC,SAASD,KAGf,MAAME,eAAiBC,UAAS,CAAA,uEAShC,MAAMC,SAAYC,GAA6B,yBACzBA,EAAQC,sDACeD,EAAQE,sBAAsBF,EAAQG,+BAA+BH,EAAQE,wBAG1H,MAAME,aAAe,CACnBC,UAAW,CACTC,UAAWC,IAAG,CAAA,GAAA,KACTC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,8BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,wCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,yCACxCF,EAAMR,YAGfW,QAASJ,IAAG,CAAA,GAAA,KACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,4BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,wCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,yCACxCF,EAAMR,aAIjBY,QAAS,CACPN,UAAWC,IAAG,CAAA,GAAA,KACTC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,6BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,uCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,wCACxCF,EAAMR,YAGfW,QAASJ,IAAG,CAAA,GAAA,KACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,2BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,uCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,wCACxCF,EAAMR,cAMZ,MAAMa,KAAOC,OAAOC,IAAIC,WAAgC,CAC7DC,kBAAmBxB,4BACnBuB,WAAA,CAAAE,YAAA,iBAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,KACGN,IACD,IAAIY,EAAeZ,EAAMa,MAAQ,MAAQ,SAC9Bb,EAAMY,cAAiB,iBAAmBZ,EAAMY,cAAiB,WAC1EA,EAAeZ,EAAMY,cAGvB,MAAME,EAAQd,EAAMc,MAAQd,EAAMc,MAAQ,OAC1C,MAAMC,EAASf,EAAMe,OAASf,EAAMe,OAAS,OAE7C,OAAOhB,IAAG,CAAA,iCAAA,UAAA,WAAA,kBAAA,6HAAA,uBAAA,sBAAA,8EAEGC,EAAMgB,OAAS,eAAiB,eAC3BF,GAAU,SAAWA,EAAQ,GAAGA,aAC/BC,GAAW,SAAWA,EAAS,GAAGA,aAC3BH,GAAiB,SAAWA,EAAe,GAAGA,MAMpDvB,eACIW,EAAMiB,mBAAqB,IAC9BjB,EAAMkB,gBAAkB,IAAG,IAS/ClB,IACD,MAAMmB,EAASnB,EAAMH,UAAYD,aAAaC,UAAYD,aAAaQ,QAEvE,OAAOJ,EAAMF,UAAYqB,EAAOrB,UAAYqB,EAAOhB,OAAO,GAG1DiB"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Skeleton/style.ts"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledSkeletonProps, SkeletonPalette } from './types'\n\nconst shouldForwardSkeletonProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'inline',\n      'round',\n      'borderRadius',\n      'width',\n      'height',\n      'animationDuration',\n      'animationDelay',\n      'onColored',\n    ].includes(propKey)\n)\n\nconst shiftAnimation = keyframes`\n  0% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n`\n\nconst template = (palette: SkeletonPalette) => `\n  background-color: ${palette.color};\n  background-image: linear-gradient(90deg, ${palette.gradientColor} 25%, ${palette.gradientHighlightColor} 45%, ${palette.gradientColor} 65%);\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.div.withConfig<StyledSkeletonProps>({\n  shouldForwardProp: shouldForwardSkeletonProp,\n})`\n  ${(props) => {\n    let borderRadius = props.round ? '50%' : 8\n    if (typeof props.borderRadius === 'string' || typeof props.borderRadius === 'number') {\n      borderRadius = props.borderRadius\n    }\n\n    const width = props.width ? props.width : 'auto'\n    const height = props.height ? props.height : 'auto'\n\n    return css`\n      box-sizing: border-box;\n      display: ${props.inline ? 'inline-block' : 'block'};\n      width: ${typeof width === 'string' ? width : `${width}px`};\n      height: ${typeof height === 'string' ? height : `${height}px`};\n      border-radius: ${typeof borderRadius === 'string' ? borderRadius : `${borderRadius}px`};\n      flex-shrink: 0;\n      margin: 0;\n      background-origin: border-box;\n      background-size: 400% 100%;\n      background-repeat: no-repeat;\n      animation-name: ${shiftAnimation};\n      animation-duration: ${props.animationDuration ?? 2000}ms;\n      animation-delay: ${props.animationDelay ?? 500}ms;\n      animation-iteration-count: infinite;\n\n      & > * {\n        visibility: hidden !important;\n      }\n    `\n  }}\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    return props.secondary ? schema.secondary : schema.primary\n  }}\n\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardSkeletonProp","createShouldForwardProp","propKey","includes","shiftAnimation","keyframes","template","palette","color","gradientColor","gradientHighlightColor","COLOR_SCHEMA","onColored","secondary","css","props","theme","colors","primary","default","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","borderRadius","round","width","height","inline","animationDuration","animationDelay","schema","responsiveMargin"],"mappings":"wLAKA,MAAMA,0BAA4BC,wBAC/BC,IACE,CACC,SACA,QACA,eACA,QACA,SACA,oBACA,iBACA,aACAC,SAASD,IAGf,MAAME,eAAiBC,UAAS,CAAA,uEAShC,MAAMC,SAAYC,GAA6B,yBACzBA,EAAQC,sDACeD,EAAQE,sBAAsBF,EAAQG,+BAA+BH,EAAQE,wBAG1H,MAAME,aAAe,CACnBC,UAAW,CACTC,UAAWC,IAAG,CAAA,GAAA,IACTC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,8BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,wCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,yCACxCF,EAAMR,WAGfW,QAASJ,IAAG,CAAA,GAAA,IACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,4BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,wCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,yCACxCF,EAAMR,YAIjBY,QAAS,CACPN,UAAWC,IAAG,CAAA,GAAA,IACTC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,6BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,uCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,wCACxCF,EAAMR,WAGfW,QAASJ,IAAG,CAAA,GAAA,IACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,2BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,uCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,wCACxCF,EAAMR,aAMZ,MAAMa,KAAOC,OAAOC,IAAIC,WAAgC,CAC7DC,kBAAmBxB,4BACnBuB,WAAA,CAAAE,YAAA,iBAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IACGN,IACD,IAAIY,EAAeZ,EAAMa,MAAQ,MAAQ,SAC9Bb,EAAMY,cAAiB,iBAAmBZ,EAAMY,cAAiB,WAC1EA,EAAeZ,EAAMY,cAGvB,MAAME,EAAQd,EAAMc,MAAQd,EAAMc,MAAQ,OAC1C,MAAMC,EAASf,EAAMe,OAASf,EAAMe,OAAS,OAE7C,OAAOhB,IAAG,CAAA,iCAAA,UAAA,WAAA,kBAAA,6HAAA,uBAAA,sBAAA,8EAEGC,EAAMgB,OAAS,eAAiB,eAC3BF,GAAU,SAAWA,EAAQ,GAAGA,aAC/BC,GAAW,SAAWA,EAAS,GAAGA,aAC3BH,GAAiB,SAAWA,EAAe,GAAGA,MAMpDvB,eACIW,EAAMiB,mBAAqB,IAC9BjB,EAAMkB,gBAAkB,MAS5ClB,IACD,MAAMmB,EAASnB,EAAMH,UAAYD,aAAaC,UAAYD,aAAaQ,QAEvE,OAAOJ,EAAMF,UAAYqB,EAAOrB,UAAYqB,EAAOhB,SAGnDiB"}

package/components/Slot/Slot.js

@@ -1,2 +1,2 @@
-'use strict';var renderSlot=require('./renderSlot.js');var jsxRuntime=require('react/jsx-runtime');exports.Slot=({props:e,children:r,fallback:t})=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:renderSlot.renderSlot(r,e)??renderSlot.renderSlot(t,e)});
+'use strict';var renderSlot=require('./renderSlot.js');var jsxRuntime=require('react/jsx-runtime');exports.Slot=({render:e,fallback:r,props:t={}})=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:renderSlot.renderSlot(e,t)??renderSlot.renderSlot(r,t)});
 //# sourceMappingURL=Slot.js.map

package/components/Slot/Slot.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slot.js","sources":["../../../../src/components/Slot/Slot.tsx"],"sourcesContent":["import type { SlotProps } from './types'\nimport { renderSlot } from './renderSlot'\n\nconst Slot = <Props extends object>({ props, children, fallback }: SlotProps<Props>): React.ReactElement => (\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  <>{renderSlot(children, props) ?? renderSlot(fallback, props)}</>\n)\n\nexport { Slot }\n"],"names":["Slot","props","children","fallback","_jsx","_Fragment","renderSlot"],"mappings":"gHAGaA,EAAyBC,QAAOC,WAAUC,cAErDC,WAAAA,IAAAC,oBAAA,CAAAH,SAAGI,WAAAA,WAAWJ,EAAUD,IAAUK,WAAAA,WAAWH,EAAUF"}
+{"version":3,"file":"Slot.js","sources":["../../../../src/components/Slot/Slot.tsx"],"sourcesContent":["import type { SlotProps } from './types'\nimport { renderSlot } from './renderSlot'\n\nconst Slot = <Props extends object>({\n  render,\n  fallback,\n  props = {} as Props,\n}: SlotProps<Props>): React.ReactElement => (\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  <>{renderSlot(render, props) ?? renderSlot(fallback, props)}</>\n)\n\nexport { Slot }\n"],"names":["Slot","render","fallback","props","_jsx","_Fragment","children","renderSlot"],"mappings":"gHAGaA,EACXC,SACAC,WACAC,QAAQ,CAAA,KAGRC,WAAAA,IAAAC,oBAAA,CAAAC,SAAGC,WAAAA,WAAWN,EAAQE,IAAUI,WAAAA,WAAWL,EAAUC"}

package/components/Slot/Slot.mjs

@@ -1,2 +1,2 @@
-import{renderSlot}from'./renderSlot.mjs';import{jsx,Fragment}from'react/jsx-runtime';const Slot=({props:r,children:e,fallback:t})=>jsx(Fragment,{children:renderSlot(e,r)??renderSlot(t,r)});export{Slot};
+import{renderSlot}from'./renderSlot.mjs';import{jsx,Fragment}from'react/jsx-runtime';const Slot=({render:r,fallback:e,props:t={}})=>jsx(Fragment,{children:renderSlot(r,t)??renderSlot(e,t)});export{Slot};
 //# sourceMappingURL=Slot.mjs.map

package/components/Slot/Slot.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slot.mjs","sources":["../../../../src/components/Slot/Slot.tsx"],"sourcesContent":["import type { SlotProps } from './types'\nimport { renderSlot } from './renderSlot'\n\nconst Slot = <Props extends object>({ props, children, fallback }: SlotProps<Props>): React.ReactElement => (\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  <>{renderSlot(children, props) ?? renderSlot(fallback, props)}</>\n)\n\nexport { Slot }\n"],"names":["Slot","props","children","fallback","_jsx","_Fragment","renderSlot"],"mappings":"qFAGA,MAAMA,KAAOA,EAAyBC,QAAOC,WAAUC,cAErDC,IAAAC,SAAA,CAAAH,SAAGI,WAAWJ,EAAUD,IAAUK,WAAWH,EAAUF"}
+{"version":3,"file":"Slot.mjs","sources":["../../../../src/components/Slot/Slot.tsx"],"sourcesContent":["import type { SlotProps } from './types'\nimport { renderSlot } from './renderSlot'\n\nconst Slot = <Props extends object>({\n  render,\n  fallback,\n  props = {} as Props,\n}: SlotProps<Props>): React.ReactElement => (\n  // eslint-disable-next-line react/jsx-no-useless-fragment\n  <>{renderSlot(render, props) ?? renderSlot(fallback, props)}</>\n)\n\nexport { Slot }\n"],"names":["Slot","render","fallback","props","_jsx","_Fragment","children","renderSlot"],"mappings":"qFAGA,MAAMA,KAAOA,EACXC,SACAC,WACAC,QAAQ,CAAA,KAGRC,IAAAC,SAAA,CAAAC,SAAGC,WAAWN,EAAQE,IAAUI,WAAWL,EAAUC"}

package/components/Spacer/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var display=require('../../mixins/display.js');var responsiveProperty=require('../../mixins/responsive-property.js');function _interopDefault(r){return r&&r.__esModule?r:{default:r}}const Root=_interopDefault(styled).default.div.withConfig({shouldForwardProp:r=>['children','className','style','onClick'].includes(r)||r.includes('data-')}).withConfig({displayName:"Spacer__Root",componentId:"ui__sc-1r4rhyb-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(r=>r.display?display.display(r.display):null),(r=>r.padding?responsiveProperty.property(r.padding,'padding'):null),(r=>r.paddingTop?responsiveProperty.property(r.paddingTop,'padding-top'):null),(r=>r.paddingRight?responsiveProperty.property(r.paddingRight,'padding-right'):null),(r=>r.paddingBottom?responsiveProperty.property(r.paddingBottom,'padding-bottom'):null),(r=>r.paddingLeft?responsiveProperty.property(r.paddingLeft,'padding-left'):null),(r=>r.margin?responsiveProperty.property(r.margin,'margin'):null),(r=>r.marginTop?responsiveProperty.property(r.marginTop,'margin-top'):null),(r=>r.marginRight?responsiveProperty.property(r.marginRight,'margin-right'):null),(r=>r.marginBottom?responsiveProperty.property(r.marginBottom,'margin-bottom'):null),(r=>r.marginLeft?responsiveProperty.property(r.marginLeft,'margin-left'):null),(({paddingXS:r,paddingS:t,paddingM:i,paddingL:o,paddingXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingXS:r,paddingS:t,paddingM:i,paddingL:o,paddingXL:p},cssProperty:'padding'})),(({paddingTopXS:r,paddingTopS:t,paddingTopM:i,paddingTopL:o,paddingTopXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingTopXS:r,paddingTopS:t,paddingTopM:i,paddingTopL:o,paddingTopXL:p},cssProperty:'padding-top'})),(({paddingRightXS:r,paddingRightS:t,paddingRightM:i,paddingRightL:o,paddingRightXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingRightXS:r,paddingRightS:t,paddingRightM:i,paddingRightL:o,paddingRightXL:p},cssProperty:'padding-right'})),(({paddingBottomXS:r,paddingBottomS:t,paddingBottomM:i,paddingBottomL:o,paddingBottomXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingBottomXS:r,paddingBottomS:t,paddingBottomM:i,paddingBottomL:o,paddingBottomXL:p},cssProperty:'padding-bottom'})),(({paddingLeftXS:r,paddingLeftS:t,paddingLeftM:i,paddingLeftL:o,paddingLeftXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingLeftXS:r,paddingLeftS:t,paddingLeftM:i,paddingLeftL:o,paddingLeftXL:p},cssProperty:'padding-left'})),(({marginXS:r,marginS:t,marginM:i,marginL:o,marginXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{marginXS:r,marginS:t,marginM:i,marginL:o,marginXL:p},cssProperty:'margin'})),(({marginTopXS:r,marginTopS:t,marginTopM:i,marginTopL:o,marginTopXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{marginTopXS:r,marginTopS:t,marginTopM:i,marginTopL:o,marginTopXL:p},cssProperty:'margin-top'})),(({marginRightXS:r,marginRightS:t,marginRightM:i,marginRightL:o,marginRightXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{marginRightXS:r,marginRightS:t,marginRightM:i,marginRightL:o,marginRightXL:p},cssProperty:'margin-right'})),(({marginBottomXS:r,marginBottomS:t,marginBottomM:i,marginBottomL:o,marginBottomXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{marginBottomXS:r,marginBottomS:t,marginBottomM:i,marginBottomL:o,marginBottomXL:p},cssProperty:'margin-bottom'})),(({marginLeftXS:r,marginLeftS:t,marginLeftM:i,marginLeftL:o,marginLeftXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{marginLeftXS:r,marginLeftS:t,marginLeftM:i,marginLeftL:o,marginLeftXL:p},cssProperty:'margin-left'})),(r=>r.top?responsiveProperty.property(r.top,'padding-top'):null),(r=>r.right?responsiveProperty.property(r.right,'padding-right'):null),(r=>r.bottom?responsiveProperty.property(r.bottom,'padding-bottom'):null),(r=>r.left?responsiveProperty.property(r.left,'padding-left'):null),(({topXS:r,topS:t,topM:i,topL:o,topXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{topXS:r,topS:t,topM:i,topL:o,topXL:p},cssProperty:'padding-top'})),(({rightXS:r,rightS:t,rightM:i,rightL:o,rightXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{rightXS:r,rightS:t,rightM:i,rightL:o,rightXL:p},cssProperty:'padding-right'})),(({bottomXS:r,bottomS:t,bottomM:i,bottomL:o,bottomXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{bottomXS:r,bottomS:t,bottomM:i,bottomL:o,bottomXL:p},cssProperty:'padding-bottom'})),(({leftXS:r,leftS:t,leftM:i,leftL:o,leftXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{leftXS:r,leftS:t,leftM:i,leftL:o,leftXL:p},cssProperty:'padding-left'})));exports.Root=Root;
+'use strict';var styled=require('styled-components');var display=require('../../mixins/display.js');var responsiveProperty=require('../../mixins/responsive-property.js');function _interopDefault(r){return r&&r.__esModule?r:{default:r}}const Root=_interopDefault(styled).default.div.withConfig({shouldForwardProp:r=>['children','className','style','onClick'].includes(r)||r.includes('data-')}).withConfig({displayName:"Spacer__Root",componentId:"ui__sc-1r4rhyb-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],r=>r.display?display.display(r.display):null,r=>r.padding?responsiveProperty.property(r.padding,'padding'):null,r=>r.paddingTop?responsiveProperty.property(r.paddingTop,'padding-top'):null,r=>r.paddingRight?responsiveProperty.property(r.paddingRight,'padding-right'):null,r=>r.paddingBottom?responsiveProperty.property(r.paddingBottom,'padding-bottom'):null,r=>r.paddingLeft?responsiveProperty.property(r.paddingLeft,'padding-left'):null,r=>r.margin?responsiveProperty.property(r.margin,'margin'):null,r=>r.marginTop?responsiveProperty.property(r.marginTop,'margin-top'):null,r=>r.marginRight?responsiveProperty.property(r.marginRight,'margin-right'):null,r=>r.marginBottom?responsiveProperty.property(r.marginBottom,'margin-bottom'):null,r=>r.marginLeft?responsiveProperty.property(r.marginLeft,'margin-left'):null,({paddingXS:r,paddingS:t,paddingM:i,paddingL:o,paddingXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingXS:r,paddingS:t,paddingM:i,paddingL:o,paddingXL:p},cssProperty:'padding'}),({paddingTopXS:r,paddingTopS:t,paddingTopM:i,paddingTopL:o,paddingTopXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingTopXS:r,paddingTopS:t,paddingTopM:i,paddingTopL:o,paddingTopXL:p},cssProperty:'padding-top'}),({paddingRightXS:r,paddingRightS:t,paddingRightM:i,paddingRightL:o,paddingRightXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingRightXS:r,paddingRightS:t,paddingRightM:i,paddingRightL:o,paddingRightXL:p},cssProperty:'padding-right'}),({paddingBottomXS:r,paddingBottomS:t,paddingBottomM:i,paddingBottomL:o,paddingBottomXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingBottomXS:r,paddingBottomS:t,paddingBottomM:i,paddingBottomL:o,paddingBottomXL:p},cssProperty:'padding-bottom'}),({paddingLeftXS:r,paddingLeftS:t,paddingLeftM:i,paddingLeftL:o,paddingLeftXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingLeftXS:r,paddingLeftS:t,paddingLeftM:i,paddingLeftL:o,paddingLeftXL:p},cssProperty:'padding-left'}),({marginXS:r,marginS:t,marginM:i,marginL:o,marginXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{marginXS:r,marginS:t,marginM:i,marginL:o,marginXL:p},cssProperty:'margin'}),({marginTopXS:r,marginTopS:t,marginTopM:i,marginTopL:o,marginTopXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{marginTopXS:r,marginTopS:t,marginTopM:i,marginTopL:o,marginTopXL:p},cssProperty:'margin-top'}),({marginRightXS:r,marginRightS:t,marginRightM:i,marginRightL:o,marginRightXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{marginRightXS:r,marginRightS:t,marginRightM:i,marginRightL:o,marginRightXL:p},cssProperty:'margin-right'}),({marginBottomXS:r,marginBottomS:t,marginBottomM:i,marginBottomL:o,marginBottomXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{marginBottomXS:r,marginBottomS:t,marginBottomM:i,marginBottomL:o,marginBottomXL:p},cssProperty:'margin-bottom'}),({marginLeftXS:r,marginLeftS:t,marginLeftM:i,marginLeftL:o,marginLeftXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{marginLeftXS:r,marginLeftS:t,marginLeftM:i,marginLeftL:o,marginLeftXL:p},cssProperty:'margin-left'}),r=>r.top?responsiveProperty.property(r.top,'padding-top'):null,r=>r.right?responsiveProperty.property(r.right,'padding-right'):null,r=>r.bottom?responsiveProperty.property(r.bottom,'padding-bottom'):null,r=>r.left?responsiveProperty.property(r.left,'padding-left'):null,({topXS:r,topS:t,topM:i,topL:o,topXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{topXS:r,topS:t,topM:i,topL:o,topXL:p},cssProperty:'padding-top'}),({rightXS:r,rightS:t,rightM:i,rightL:o,rightXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{rightXS:r,rightS:t,rightM:i,rightL:o,rightXL:p},cssProperty:'padding-right'}),({bottomXS:r,bottomS:t,bottomM:i,bottomL:o,bottomXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{bottomXS:r,bottomS:t,bottomM:i,bottomL:o,bottomXL:p},cssProperty:'padding-bottom'}),({leftXS:r,leftS:t,leftM:i,leftL:o,leftXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{leftXS:r,leftS:t,leftM:i,leftL:o,leftXL:p},cssProperty:'padding-left'}));exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/Spacer/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Spacer/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { display } from 'mixins/display'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport type { SpacerProps } from './Spacer'\n\nexport const Root = styled.div.withConfig<SpacerProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style', 'onClick'].includes(prop) || prop.includes('data-'),\n})`\n  ${(props) => (props.display ? display(props.display) : null)}\n\n  /** BEGIN paddings */\n  ${(props) => (props.padding ? property(props.padding, 'padding') : null)}\n  ${(props) => (props.paddingTop ? property(props.paddingTop, 'padding-top') : null)}\n  ${(props) => (props.paddingRight ? property(props.paddingRight, 'padding-right') : null)}\n  ${(props) => (props.paddingBottom ? property(props.paddingBottom, 'padding-bottom') : null)}\n  ${(props) => (props.paddingLeft ? property(props.paddingLeft, 'padding-left') : null)}\n  /** END paddings */ \n\n  /** BEGIN margins */\n  ${(props) => (props.margin ? property(props.margin, 'margin') : null)}\n  ${(props) => (props.marginTop ? property(props.marginTop, 'margin-top') : null)}\n  ${(props) => (props.marginRight ? property(props.marginRight, 'margin-right') : null)}\n  ${(props) => (props.marginBottom ? property(props.marginBottom, 'margin-bottom') : null)}\n  ${(props) => (props.marginLeft ? property(props.marginLeft, 'margin-left') : null)}\n  /** END margins */ \n\n  /** BEGIN Responsive paddings */\n  ${({ paddingXS, paddingS, paddingM, paddingL, paddingXL }) =>\n    responsiveNamedProperty({ sizes: { paddingXS, paddingS, paddingM, paddingL, paddingXL }, cssProperty: 'padding' })}\n  ${({ paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL },\n      cssProperty: 'padding-top',\n    })}\n  ${({ paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL },\n      cssProperty: 'padding-right',\n    })}\n  ${({ paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL },\n      cssProperty: 'padding-left',\n    })}\n  /** END Responsive paddings */ \n\n  /** BEGIN Responsive margins */\n  ${({ marginXS, marginS, marginM, marginL, marginXL }) =>\n    responsiveNamedProperty({ sizes: { marginXS, marginS, marginM, marginL, marginXL }, cssProperty: 'margin' })}\n  ${({ marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL },\n      cssProperty: 'margin-top',\n    })}\n  ${({ marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL },\n      cssProperty: 'margin-right',\n    })}\n  ${({ marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL },\n      cssProperty: 'margin-bottom',\n    })}\n  ${({ marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL },\n      cssProperty: 'margin-left',\n    })}\n  /** END Responsive margins */\n\n  ${(props) => (props.top ? property(props.top, 'padding-top') : null)}\n  ${(props) => (props.right ? property(props.right, 'padding-right') : null)}\n  ${(props) => (props.bottom ? property(props.bottom, 'padding-bottom') : null)}\n  ${(props) => (props.left ? property(props.left, 'padding-left') : null)}\n\n  ${({ topXS, topS, topM, topL, topXL }) =>\n    responsiveNamedProperty({ sizes: { topXS, topS, topM, topL, topXL }, cssProperty: 'padding-top' })}\n  ${({ rightXS, rightS, rightM, rightL, rightXL }) =>\n    responsiveNamedProperty({ sizes: { rightXS, rightS, rightM, rightL, rightXL }, cssProperty: 'padding-right' })}\n  ${({ bottomXS, bottomS, bottomM, bottomL, bottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { bottomXS, bottomS, bottomM, bottomL, bottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ leftXS, leftS, leftM, leftL, leftXL }) =>\n    responsiveNamedProperty({ sizes: { leftXS, leftS, leftM, leftL, leftXL }, cssProperty: 'padding-left' })}\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","display","padding","property","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginTop","marginRight","marginBottom","marginLeft","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","cssProperty","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","marginXS","marginS","marginM","marginL","marginXL","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","top","right","bottom","left","topXS","topS","topM","topL","topXL","rightXS","rightS","rightM","rightL","rightXL","bottomXS","bottomS","bottomM","bottomL","bottomXL","leftXS","leftS","leftM","leftL","leftXL"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Spacer/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { display } from 'mixins/display'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport type { SpacerProps } from './Spacer'\n\nexport const Root = styled.div.withConfig<SpacerProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style', 'onClick'].includes(prop) || prop.includes('data-'),\n})`\n  ${(props) => (props.display ? display(props.display) : null)}\n\n  /** BEGIN paddings */\n  ${(props) => (props.padding ? property(props.padding, 'padding') : null)}\n  ${(props) => (props.paddingTop ? property(props.paddingTop, 'padding-top') : null)}\n  ${(props) => (props.paddingRight ? property(props.paddingRight, 'padding-right') : null)}\n  ${(props) => (props.paddingBottom ? property(props.paddingBottom, 'padding-bottom') : null)}\n  ${(props) => (props.paddingLeft ? property(props.paddingLeft, 'padding-left') : null)}\n  /** END paddings */ \n\n  /** BEGIN margins */\n  ${(props) => (props.margin ? property(props.margin, 'margin') : null)}\n  ${(props) => (props.marginTop ? property(props.marginTop, 'margin-top') : null)}\n  ${(props) => (props.marginRight ? property(props.marginRight, 'margin-right') : null)}\n  ${(props) => (props.marginBottom ? property(props.marginBottom, 'margin-bottom') : null)}\n  ${(props) => (props.marginLeft ? property(props.marginLeft, 'margin-left') : null)}\n  /** END margins */ \n\n  /** BEGIN Responsive paddings */\n  ${({ paddingXS, paddingS, paddingM, paddingL, paddingXL }) =>\n    responsiveNamedProperty({ sizes: { paddingXS, paddingS, paddingM, paddingL, paddingXL }, cssProperty: 'padding' })}\n  ${({ paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL },\n      cssProperty: 'padding-top',\n    })}\n  ${({ paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL },\n      cssProperty: 'padding-right',\n    })}\n  ${({ paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL },\n      cssProperty: 'padding-left',\n    })}\n  /** END Responsive paddings */ \n\n  /** BEGIN Responsive margins */\n  ${({ marginXS, marginS, marginM, marginL, marginXL }) =>\n    responsiveNamedProperty({ sizes: { marginXS, marginS, marginM, marginL, marginXL }, cssProperty: 'margin' })}\n  ${({ marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL },\n      cssProperty: 'margin-top',\n    })}\n  ${({ marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL },\n      cssProperty: 'margin-right',\n    })}\n  ${({ marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL },\n      cssProperty: 'margin-bottom',\n    })}\n  ${({ marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL },\n      cssProperty: 'margin-left',\n    })}\n  /** END Responsive margins */\n\n  ${(props) => (props.top ? property(props.top, 'padding-top') : null)}\n  ${(props) => (props.right ? property(props.right, 'padding-right') : null)}\n  ${(props) => (props.bottom ? property(props.bottom, 'padding-bottom') : null)}\n  ${(props) => (props.left ? property(props.left, 'padding-left') : null)}\n\n  ${({ topXS, topS, topM, topL, topXL }) =>\n    responsiveNamedProperty({ sizes: { topXS, topS, topM, topL, topXL }, cssProperty: 'padding-top' })}\n  ${({ rightXS, rightS, rightM, rightL, rightXL }) =>\n    responsiveNamedProperty({ sizes: { rightXS, rightS, rightM, rightL, rightXL }, cssProperty: 'padding-right' })}\n  ${({ bottomXS, bottomS, bottomM, bottomL, bottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { bottomXS, bottomS, bottomM, bottomL, bottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ leftXS, leftS, leftM, leftL, leftXL }) =>\n    responsiveNamedProperty({ sizes: { leftXS, leftS, leftM, leftL, leftXL }, cssProperty: 'padding-left' })}\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","display","padding","property","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginTop","marginRight","marginBottom","marginLeft","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","cssProperty","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","marginXS","marginS","marginM","marginL","marginXL","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","top","right","bottom","left","topXS","topS","topM","topL","topXL","rightXS","rightS","rightM","rightL","rightXL","bottomXS","bottomS","bottomM","bottomL","bottomXL","leftXS","leftS","leftM","leftL","leftXL"],"mappings":"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"}

package/components/Spacer/style.mjs

@@ -1,2 +1,2 @@
-import styled from'styled-components';import{display}from'../../mixins/display.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';const Root=styled.div.withConfig({shouldForwardProp:t=>['children','className','style','onClick'].includes(t)||t.includes('data-')}).withConfig({displayName:"Spacer__Root",componentId:"ui__sc-1r4rhyb-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(t=>t.display?display(t.display):null),(t=>t.padding?property(t.padding,'padding'):null),(t=>t.paddingTop?property(t.paddingTop,'padding-top'):null),(t=>t.paddingRight?property(t.paddingRight,'padding-right'):null),(t=>t.paddingBottom?property(t.paddingBottom,'padding-bottom'):null),(t=>t.paddingLeft?property(t.paddingLeft,'padding-left'):null),(t=>t.margin?property(t.margin,'margin'):null),(t=>t.marginTop?property(t.marginTop,'margin-top'):null),(t=>t.marginRight?property(t.marginRight,'margin-right'):null),(t=>t.marginBottom?property(t.marginBottom,'margin-bottom'):null),(t=>t.marginLeft?property(t.marginLeft,'margin-left'):null),(({paddingXS:t,paddingS:i,paddingM:o,paddingL:p,paddingXL:r})=>responsiveNamedProperty({sizes:{paddingXS:t,paddingS:i,paddingM:o,paddingL:p,paddingXL:r},cssProperty:'padding'})),(({paddingTopXS:t,paddingTopS:i,paddingTopM:o,paddingTopL:p,paddingTopXL:r})=>responsiveNamedProperty({sizes:{paddingTopXS:t,paddingTopS:i,paddingTopM:o,paddingTopL:p,paddingTopXL:r},cssProperty:'padding-top'})),(({paddingRightXS:t,paddingRightS:i,paddingRightM:o,paddingRightL:p,paddingRightXL:r})=>responsiveNamedProperty({sizes:{paddingRightXS:t,paddingRightS:i,paddingRightM:o,paddingRightL:p,paddingRightXL:r},cssProperty:'padding-right'})),(({paddingBottomXS:t,paddingBottomS:i,paddingBottomM:o,paddingBottomL:p,paddingBottomXL:r})=>responsiveNamedProperty({sizes:{paddingBottomXS:t,paddingBottomS:i,paddingBottomM:o,paddingBottomL:p,paddingBottomXL:r},cssProperty:'padding-bottom'})),(({paddingLeftXS:t,paddingLeftS:i,paddingLeftM:o,paddingLeftL:p,paddingLeftXL:r})=>responsiveNamedProperty({sizes:{paddingLeftXS:t,paddingLeftS:i,paddingLeftM:o,paddingLeftL:p,paddingLeftXL:r},cssProperty:'padding-left'})),(({marginXS:t,marginS:i,marginM:o,marginL:p,marginXL:r})=>responsiveNamedProperty({sizes:{marginXS:t,marginS:i,marginM:o,marginL:p,marginXL:r},cssProperty:'margin'})),(({marginTopXS:t,marginTopS:i,marginTopM:o,marginTopL:p,marginTopXL:r})=>responsiveNamedProperty({sizes:{marginTopXS:t,marginTopS:i,marginTopM:o,marginTopL:p,marginTopXL:r},cssProperty:'margin-top'})),(({marginRightXS:t,marginRightS:i,marginRightM:o,marginRightL:p,marginRightXL:r})=>responsiveNamedProperty({sizes:{marginRightXS:t,marginRightS:i,marginRightM:o,marginRightL:p,marginRightXL:r},cssProperty:'margin-right'})),(({marginBottomXS:t,marginBottomS:i,marginBottomM:o,marginBottomL:p,marginBottomXL:r})=>responsiveNamedProperty({sizes:{marginBottomXS:t,marginBottomS:i,marginBottomM:o,marginBottomL:p,marginBottomXL:r},cssProperty:'margin-bottom'})),(({marginLeftXS:t,marginLeftS:i,marginLeftM:o,marginLeftL:p,marginLeftXL:r})=>responsiveNamedProperty({sizes:{marginLeftXS:t,marginLeftS:i,marginLeftM:o,marginLeftL:p,marginLeftXL:r},cssProperty:'margin-left'})),(t=>t.top?property(t.top,'padding-top'):null),(t=>t.right?property(t.right,'padding-right'):null),(t=>t.bottom?property(t.bottom,'padding-bottom'):null),(t=>t.left?property(t.left,'padding-left'):null),(({topXS:t,topS:i,topM:o,topL:p,topXL:r})=>responsiveNamedProperty({sizes:{topXS:t,topS:i,topM:o,topL:p,topXL:r},cssProperty:'padding-top'})),(({rightXS:t,rightS:i,rightM:o,rightL:p,rightXL:r})=>responsiveNamedProperty({sizes:{rightXS:t,rightS:i,rightM:o,rightL:p,rightXL:r},cssProperty:'padding-right'})),(({bottomXS:t,bottomS:i,bottomM:o,bottomL:p,bottomXL:r})=>responsiveNamedProperty({sizes:{bottomXS:t,bottomS:i,bottomM:o,bottomL:p,bottomXL:r},cssProperty:'padding-bottom'})),(({leftXS:t,leftS:i,leftM:o,leftL:p,leftXL:r})=>responsiveNamedProperty({sizes:{leftXS:t,leftS:i,leftM:o,leftL:p,leftXL:r},cssProperty:'padding-left'})));export{Root};
+import styled from'styled-components';import{display}from'../../mixins/display.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';const Root=styled.div.withConfig({shouldForwardProp:t=>['children','className','style','onClick'].includes(t)||t.includes('data-')}).withConfig({displayName:"Spacer__Root",componentId:"ui__sc-1r4rhyb-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],t=>t.display?display(t.display):null,t=>t.padding?property(t.padding,'padding'):null,t=>t.paddingTop?property(t.paddingTop,'padding-top'):null,t=>t.paddingRight?property(t.paddingRight,'padding-right'):null,t=>t.paddingBottom?property(t.paddingBottom,'padding-bottom'):null,t=>t.paddingLeft?property(t.paddingLeft,'padding-left'):null,t=>t.margin?property(t.margin,'margin'):null,t=>t.marginTop?property(t.marginTop,'margin-top'):null,t=>t.marginRight?property(t.marginRight,'margin-right'):null,t=>t.marginBottom?property(t.marginBottom,'margin-bottom'):null,t=>t.marginLeft?property(t.marginLeft,'margin-left'):null,({paddingXS:t,paddingS:i,paddingM:o,paddingL:p,paddingXL:r})=>responsiveNamedProperty({sizes:{paddingXS:t,paddingS:i,paddingM:o,paddingL:p,paddingXL:r},cssProperty:'padding'}),({paddingTopXS:t,paddingTopS:i,paddingTopM:o,paddingTopL:p,paddingTopXL:r})=>responsiveNamedProperty({sizes:{paddingTopXS:t,paddingTopS:i,paddingTopM:o,paddingTopL:p,paddingTopXL:r},cssProperty:'padding-top'}),({paddingRightXS:t,paddingRightS:i,paddingRightM:o,paddingRightL:p,paddingRightXL:r})=>responsiveNamedProperty({sizes:{paddingRightXS:t,paddingRightS:i,paddingRightM:o,paddingRightL:p,paddingRightXL:r},cssProperty:'padding-right'}),({paddingBottomXS:t,paddingBottomS:i,paddingBottomM:o,paddingBottomL:p,paddingBottomXL:r})=>responsiveNamedProperty({sizes:{paddingBottomXS:t,paddingBottomS:i,paddingBottomM:o,paddingBottomL:p,paddingBottomXL:r},cssProperty:'padding-bottom'}),({paddingLeftXS:t,paddingLeftS:i,paddingLeftM:o,paddingLeftL:p,paddingLeftXL:r})=>responsiveNamedProperty({sizes:{paddingLeftXS:t,paddingLeftS:i,paddingLeftM:o,paddingLeftL:p,paddingLeftXL:r},cssProperty:'padding-left'}),({marginXS:t,marginS:i,marginM:o,marginL:p,marginXL:r})=>responsiveNamedProperty({sizes:{marginXS:t,marginS:i,marginM:o,marginL:p,marginXL:r},cssProperty:'margin'}),({marginTopXS:t,marginTopS:i,marginTopM:o,marginTopL:p,marginTopXL:r})=>responsiveNamedProperty({sizes:{marginTopXS:t,marginTopS:i,marginTopM:o,marginTopL:p,marginTopXL:r},cssProperty:'margin-top'}),({marginRightXS:t,marginRightS:i,marginRightM:o,marginRightL:p,marginRightXL:r})=>responsiveNamedProperty({sizes:{marginRightXS:t,marginRightS:i,marginRightM:o,marginRightL:p,marginRightXL:r},cssProperty:'margin-right'}),({marginBottomXS:t,marginBottomS:i,marginBottomM:o,marginBottomL:p,marginBottomXL:r})=>responsiveNamedProperty({sizes:{marginBottomXS:t,marginBottomS:i,marginBottomM:o,marginBottomL:p,marginBottomXL:r},cssProperty:'margin-bottom'}),({marginLeftXS:t,marginLeftS:i,marginLeftM:o,marginLeftL:p,marginLeftXL:r})=>responsiveNamedProperty({sizes:{marginLeftXS:t,marginLeftS:i,marginLeftM:o,marginLeftL:p,marginLeftXL:r},cssProperty:'margin-left'}),t=>t.top?property(t.top,'padding-top'):null,t=>t.right?property(t.right,'padding-right'):null,t=>t.bottom?property(t.bottom,'padding-bottom'):null,t=>t.left?property(t.left,'padding-left'):null,({topXS:t,topS:i,topM:o,topL:p,topXL:r})=>responsiveNamedProperty({sizes:{topXS:t,topS:i,topM:o,topL:p,topXL:r},cssProperty:'padding-top'}),({rightXS:t,rightS:i,rightM:o,rightL:p,rightXL:r})=>responsiveNamedProperty({sizes:{rightXS:t,rightS:i,rightM:o,rightL:p,rightXL:r},cssProperty:'padding-right'}),({bottomXS:t,bottomS:i,bottomM:o,bottomL:p,bottomXL:r})=>responsiveNamedProperty({sizes:{bottomXS:t,bottomS:i,bottomM:o,bottomL:p,bottomXL:r},cssProperty:'padding-bottom'}),({leftXS:t,leftS:i,leftM:o,leftL:p,leftXL:r})=>responsiveNamedProperty({sizes:{leftXS:t,leftS:i,leftM:o,leftL:p,leftXL:r},cssProperty:'padding-left'}));export{Root};
 //# sourceMappingURL=style.mjs.map

package/components/Spacer/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Spacer/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { display } from 'mixins/display'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport type { SpacerProps } from './Spacer'\n\nexport const Root = styled.div.withConfig<SpacerProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style', 'onClick'].includes(prop) || prop.includes('data-'),\n})`\n  ${(props) => (props.display ? display(props.display) : null)}\n\n  /** BEGIN paddings */\n  ${(props) => (props.padding ? property(props.padding, 'padding') : null)}\n  ${(props) => (props.paddingTop ? property(props.paddingTop, 'padding-top') : null)}\n  ${(props) => (props.paddingRight ? property(props.paddingRight, 'padding-right') : null)}\n  ${(props) => (props.paddingBottom ? property(props.paddingBottom, 'padding-bottom') : null)}\n  ${(props) => (props.paddingLeft ? property(props.paddingLeft, 'padding-left') : null)}\n  /** END paddings */ \n\n  /** BEGIN margins */\n  ${(props) => (props.margin ? property(props.margin, 'margin') : null)}\n  ${(props) => (props.marginTop ? property(props.marginTop, 'margin-top') : null)}\n  ${(props) => (props.marginRight ? property(props.marginRight, 'margin-right') : null)}\n  ${(props) => (props.marginBottom ? property(props.marginBottom, 'margin-bottom') : null)}\n  ${(props) => (props.marginLeft ? property(props.marginLeft, 'margin-left') : null)}\n  /** END margins */ \n\n  /** BEGIN Responsive paddings */\n  ${({ paddingXS, paddingS, paddingM, paddingL, paddingXL }) =>\n    responsiveNamedProperty({ sizes: { paddingXS, paddingS, paddingM, paddingL, paddingXL }, cssProperty: 'padding' })}\n  ${({ paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL },\n      cssProperty: 'padding-top',\n    })}\n  ${({ paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL },\n      cssProperty: 'padding-right',\n    })}\n  ${({ paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL },\n      cssProperty: 'padding-left',\n    })}\n  /** END Responsive paddings */ \n\n  /** BEGIN Responsive margins */\n  ${({ marginXS, marginS, marginM, marginL, marginXL }) =>\n    responsiveNamedProperty({ sizes: { marginXS, marginS, marginM, marginL, marginXL }, cssProperty: 'margin' })}\n  ${({ marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL },\n      cssProperty: 'margin-top',\n    })}\n  ${({ marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL },\n      cssProperty: 'margin-right',\n    })}\n  ${({ marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL },\n      cssProperty: 'margin-bottom',\n    })}\n  ${({ marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL },\n      cssProperty: 'margin-left',\n    })}\n  /** END Responsive margins */\n\n  ${(props) => (props.top ? property(props.top, 'padding-top') : null)}\n  ${(props) => (props.right ? property(props.right, 'padding-right') : null)}\n  ${(props) => (props.bottom ? property(props.bottom, 'padding-bottom') : null)}\n  ${(props) => (props.left ? property(props.left, 'padding-left') : null)}\n\n  ${({ topXS, topS, topM, topL, topXL }) =>\n    responsiveNamedProperty({ sizes: { topXS, topS, topM, topL, topXL }, cssProperty: 'padding-top' })}\n  ${({ rightXS, rightS, rightM, rightL, rightXL }) =>\n    responsiveNamedProperty({ sizes: { rightXS, rightS, rightM, rightL, rightXL }, cssProperty: 'padding-right' })}\n  ${({ bottomXS, bottomS, bottomM, bottomL, bottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { bottomXS, bottomS, bottomM, bottomL, bottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ leftXS, leftS, leftM, leftL, leftXL }) =>\n    responsiveNamedProperty({ sizes: { leftXS, leftS, leftM, leftL, leftXL }, cssProperty: 'padding-left' })}\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","display","padding","property","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginTop","marginRight","marginBottom","marginLeft","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","cssProperty","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","marginXS","marginS","marginM","marginL","marginXL","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","top","right","bottom","left","topXS","topS","topM","topL","topXL","rightXS","rightS","rightM","rightL","rightXL","bottomXS","bottomS","bottomM","bottomL","bottomXL","leftXS","leftS","leftM","leftL","leftXL"],"mappings":"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"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Spacer/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { display } from 'mixins/display'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport type { SpacerProps } from './Spacer'\n\nexport const Root = styled.div.withConfig<SpacerProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style', 'onClick'].includes(prop) || prop.includes('data-'),\n})`\n  ${(props) => (props.display ? display(props.display) : null)}\n\n  /** BEGIN paddings */\n  ${(props) => (props.padding ? property(props.padding, 'padding') : null)}\n  ${(props) => (props.paddingTop ? property(props.paddingTop, 'padding-top') : null)}\n  ${(props) => (props.paddingRight ? property(props.paddingRight, 'padding-right') : null)}\n  ${(props) => (props.paddingBottom ? property(props.paddingBottom, 'padding-bottom') : null)}\n  ${(props) => (props.paddingLeft ? property(props.paddingLeft, 'padding-left') : null)}\n  /** END paddings */ \n\n  /** BEGIN margins */\n  ${(props) => (props.margin ? property(props.margin, 'margin') : null)}\n  ${(props) => (props.marginTop ? property(props.marginTop, 'margin-top') : null)}\n  ${(props) => (props.marginRight ? property(props.marginRight, 'margin-right') : null)}\n  ${(props) => (props.marginBottom ? property(props.marginBottom, 'margin-bottom') : null)}\n  ${(props) => (props.marginLeft ? property(props.marginLeft, 'margin-left') : null)}\n  /** END margins */ \n\n  /** BEGIN Responsive paddings */\n  ${({ paddingXS, paddingS, paddingM, paddingL, paddingXL }) =>\n    responsiveNamedProperty({ sizes: { paddingXS, paddingS, paddingM, paddingL, paddingXL }, cssProperty: 'padding' })}\n  ${({ paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL },\n      cssProperty: 'padding-top',\n    })}\n  ${({ paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL },\n      cssProperty: 'padding-right',\n    })}\n  ${({ paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL },\n      cssProperty: 'padding-left',\n    })}\n  /** END Responsive paddings */ \n\n  /** BEGIN Responsive margins */\n  ${({ marginXS, marginS, marginM, marginL, marginXL }) =>\n    responsiveNamedProperty({ sizes: { marginXS, marginS, marginM, marginL, marginXL }, cssProperty: 'margin' })}\n  ${({ marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL },\n      cssProperty: 'margin-top',\n    })}\n  ${({ marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL },\n      cssProperty: 'margin-right',\n    })}\n  ${({ marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL },\n      cssProperty: 'margin-bottom',\n    })}\n  ${({ marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL },\n      cssProperty: 'margin-left',\n    })}\n  /** END Responsive margins */\n\n  ${(props) => (props.top ? property(props.top, 'padding-top') : null)}\n  ${(props) => (props.right ? property(props.right, 'padding-right') : null)}\n  ${(props) => (props.bottom ? property(props.bottom, 'padding-bottom') : null)}\n  ${(props) => (props.left ? property(props.left, 'padding-left') : null)}\n\n  ${({ topXS, topS, topM, topL, topXL }) =>\n    responsiveNamedProperty({ sizes: { topXS, topS, topM, topL, topXL }, cssProperty: 'padding-top' })}\n  ${({ rightXS, rightS, rightM, rightL, rightXL }) =>\n    responsiveNamedProperty({ sizes: { rightXS, rightS, rightM, rightL, rightXL }, cssProperty: 'padding-right' })}\n  ${({ bottomXS, bottomS, bottomM, bottomL, bottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { bottomXS, bottomS, bottomM, bottomL, bottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ leftXS, leftS, leftM, leftL, leftXL }) =>\n    responsiveNamedProperty({ sizes: { leftXS, leftS, leftM, leftL, leftXL }, cssProperty: 'padding-left' })}\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","display","padding","property","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginTop","marginRight","marginBottom","marginLeft","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","cssProperty","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","marginXS","marginS","marginM","marginL","marginXL","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","top","right","bottom","left","topXS","topS","topM","topL","topXL","rightXS","rightS","rightM","rightL","rightXL","bottomXS","bottomS","bottomM","bottomL","bottomXL","leftXS","leftS","leftM","leftL","leftXL"],"mappings":"uKAKO,MAAMA,KAAOC,OAAOC,IAAIC,WAAwB,CACrDC,kBAAoBC,GAAS,CAAC,WAAY,YAAa,QAAS,WAAWC,SAASD,IAASA,EAAKC,SAAS,WAC3GH,WAAA,CAAAI,YAAA,eAAAC,YAAA,oBAFkBP,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IACGQ,GAAWA,EAAMC,QAAUA,QAAQD,EAAMC,SAAW,KAGpDD,GAAWA,EAAME,QAAUC,SAASH,EAAME,QAAS,WAAa,KAChEF,GAAWA,EAAMI,WAAaD,SAASH,EAAMI,WAAY,eAAiB,KAC1EJ,GAAWA,EAAMK,aAAeF,SAASH,EAAMK,aAAc,iBAAmB,KAChFL,GAAWA,EAAMM,cAAgBH,SAASH,EAAMM,cAAe,kBAAoB,KACnFN,GAAWA,EAAMO,YAAcJ,SAASH,EAAMO,YAAa,gBAAkB,KAI7EP,GAAWA,EAAMQ,OAASL,SAASH,EAAMQ,OAAQ,UAAY,KAC7DR,GAAWA,EAAMS,UAAYN,SAASH,EAAMS,UAAW,cAAgB,KACvET,GAAWA,EAAMU,YAAcP,SAASH,EAAMU,YAAa,gBAAkB,KAC7EV,GAAWA,EAAMW,aAAeR,SAASH,EAAMW,aAAc,iBAAmB,KAChFX,GAAWA,EAAMY,WAAaT,SAASH,EAAMY,WAAY,eAAiB,KAI3E,EAAGC,YAAWC,WAAUC,WAAUC,WAAUC,eAC5CC,wBAAwB,CAAEC,MAAO,CAAEN,YAAWC,WAAUC,WAAUC,WAAUC,aAAaG,YAAa,YACtG,EAAGC,eAAcC,cAAaC,cAAaC,cAAaC,kBACxDP,wBAAwB,CACtBC,MAAO,CAAEE,eAAcC,cAAaC,cAAaC,cAAaC,gBAC9DL,YAAa,gBAEf,EAAGM,iBAAgBC,gBAAeC,gBAAeC,gBAAeC,oBAChEZ,wBAAwB,CACtBC,MAAO,CAAEO,iBAAgBC,gBAAeC,gBAAeC,gBAAeC,kBACtEV,YAAa,kBAEf,EAAGW,kBAAiBC,iBAAgBC,iBAAgBC,iBAAgBC,qBACpEjB,wBAAwB,CACtBC,MAAO,CAAEY,kBAAiBC,iBAAgBC,iBAAgBC,iBAAgBC,mBAC1Ef,YAAa,mBAEf,EAAGgB,gBAAeC,eAAcC,eAAcC,eAAcC,mBAC5DtB,wBAAwB,CACtBC,MAAO,CAAEiB,gBAAeC,eAAcC,eAAcC,eAAcC,iBAClEpB,YAAa,iBAKf,EAAGqB,WAAUC,UAASC,UAASC,UAASC,cACxC3B,wBAAwB,CAAEC,MAAO,CAAEsB,WAAUC,UAASC,UAASC,UAASC,YAAYzB,YAAa,WACjG,EAAG0B,cAAaC,aAAYC,aAAYC,aAAYC,iBACpDhC,wBAAwB,CACtBC,MAAO,CAAE2B,cAAaC,aAAYC,aAAYC,aAAYC,eAC1D9B,YAAa,eAEf,EAAG+B,gBAAeC,eAAcC,eAAcC,eAAcC,mBAC5DrC,wBAAwB,CACtBC,MAAO,CAAEgC,gBAAeC,eAAcC,eAAcC,eAAcC,iBAClEnC,YAAa,iBAEf,EAAGoC,iBAAgBC,gBAAeC,gBAAeC,gBAAeC,oBAChE1C,wBAAwB,CACtBC,MAAO,CAAEqC,iBAAgBC,gBAAeC,gBAAeC,gBAAeC,kBACtExC,YAAa,kBAEf,EAAGyC,eAAcC,cAAaC,cAAaC,cAAaC,kBACxD/C,wBAAwB,CACtBC,MAAO,CAAE0C,eAAcC,cAAaC,cAAaC,cAAaC,gBAC9D7C,YAAa,gBAIdpB,GAAWA,EAAMkE,IAAM/D,SAASH,EAAMkE,IAAK,eAAiB,KAC5DlE,GAAWA,EAAMmE,MAAQhE,SAASH,EAAMmE,MAAO,iBAAmB,KAClEnE,GAAWA,EAAMoE,OAASjE,SAASH,EAAMoE,OAAQ,kBAAoB,KACrEpE,GAAWA,EAAMqE,KAAOlE,SAASH,EAAMqE,KAAM,gBAAkB,KAEhE,EAAGC,QAAOC,OAAMC,OAAMC,OAAMC,WAC5BxD,wBAAwB,CAAEC,MAAO,CAAEmD,QAAOC,OAAMC,OAAMC,OAAMC,SAAStD,YAAa,gBAClF,EAAGuD,UAASC,SAAQC,SAAQC,SAAQC,aACpC7D,wBAAwB,CAAEC,MAAO,CAAEwD,UAASC,SAAQC,SAAQC,SAAQC,WAAW3D,YAAa,kBAC5F,EAAG4D,WAAUC,UAASC,UAASC,UAASC,cACxClE,wBAAwB,CACtBC,MAAO,CAAE6D,WAAUC,UAASC,UAASC,UAASC,YAC9ChE,YAAa,mBAEf,EAAGiE,SAAQC,QAAOC,QAAOC,QAAOC,YAChCvE,wBAAwB,CAAEC,MAAO,CAAEkE,SAAQC,QAAOC,QAAOC,QAAOC,UAAUrE,YAAa"}

package/components/Spinner/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var responsiveProperty=require('../../mixins/responsive-property.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const SIZES={l:60,m:40,s:20};const spinner=styled.keyframes(["to{transform:rotate(360deg);}"]);const fullscreen=styled.css(["height:100vh;margin:0 auto;display:flex;align-items:center;justify-content:center;"]);const inline=styled.css(["display:inline-block;vertical-align:middle;margin:0;"]);const sizeBuilder=(e,i="px")=>e===0?null:styled.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__default.default.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?responsiveProperty.property(SIZES[e.size]||e.size,sizeBuilder):null),(({sizeXS:e,sizeS:i,sizeM:s,sizeL:t,sizeXL:o})=>responsiveProperty.responsiveNamedProperty({sizes:{sizeXS:getSize(e),sizeS:getSize(i),sizeM:getSize(s),sizeL:getSize(t),sizeXL:getSize(o)},cssProperty:sizeBuilder})),(e=>e.fullscreen?fullscreen:null));exports.Root=Root;
+'use strict';var styled=require('styled-components');var responsiveProperty=require('../../mixins/responsive-property.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const SIZES={l:60,m:40,s:20};const spinner=styled.keyframes(["to{transform:rotate(360deg);}"]);const fullscreen=styled.css(["height:100vh;margin:0 auto;display:flex;align-items:center;justify-content:center;"]);const inline=styled.css(["display:inline-block;vertical-align:middle;margin:0;"]);const sizeBuilder=(e,i="px")=>e===0?null:styled.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__default.default.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?responsiveProperty.property(SIZES[e.size]||e.size,sizeBuilder):null,({sizeXS:e,sizeS:i,sizeM:s,sizeL:t,sizeXL:o})=>responsiveProperty.responsiveNamedProperty({sizes:{sizeXS:getSize(e),sizeS:getSize(i),sizeM:getSize(s),sizeL:getSize(t),sizeXL:getSize(o)},cssProperty:sizeBuilder}),e=>e.fullscreen?fullscreen:null);exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/Spinner/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","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":"wOAKA,MAAMA,MAAQ,CACZC,EAAG,GACHC,EAAG,GACHC,EAAG,IAGL,MAAMC,QAAUC,OAAAA,UAAS,CAAA,kCAMzB,MAAMC,WAAaC,OAAAA,IAAG,CAAA,uFAQtB,MAAMC,OAASD,OAAAA,IAAG,CAAA,yDAMlB,MAAME,YAA4BA,CAACC,EAAMC,EAAS,OAC5CD,IAAS,EAAU,KAChBH,OAAAA,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,gBAAAA,QAAOC,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,mBAAAA,SAASvB,MAAMsB,EAAMZ,OAA+BY,EAAMZ,KAAMD,aAAe,OACxG,EAAGe,SAAQC,QAAOC,QAAOC,QAAOC,YACzBC,2CAAwB,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.js","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":"wOAKA,MAAMA,MAAQ,CACZC,EAAG,GACHC,EAAG,GACHC,EAAG,IAGL,MAAMC,QAAUC,OAAAA,UAAS,CAAA,kCAMzB,MAAMC,WAAaC,OAAAA,IAAG,CAAA,uFAQtB,MAAMC,OAASD,OAAAA,IAAG,CAAA,yDAMlB,MAAME,YAA4BA,CAACC,EAAMC,EAAS,OAC5CD,IAAS,EAAU,KAChBH,OAAAA,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,gBAAAA,QAAOC,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,mBAAAA,SAASvB,MAAMsB,EAAMZ,OAA+BY,EAAMZ,KAAMD,aAAe,KACxG,EAAGe,SAAQC,QAAOC,QAAOC,QAAOC,YACzBC,2CAAwB,CAC7BC,MAAO,CACLN,OAAQZ,QAAQY,GAChBC,MAAOb,QAAQa,GACfC,MAAOd,QAAQc,GACfC,MAAOf,QAAQe,GACfC,OAAQhB,QAAQgB,IAElBG,YAAatB,cAIda,GAAWA,EAAMhB,WAAaA,WAAa"}