@foxford/ui 2.39.0-beta-8d52b2b-20240822 → 2.39.0-beta-d0e7df8-20240822

package/components/Icon/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Icon/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 42,\n  },\n  xxl: {\n    fontSize: 38,\n  },\n  xl: {\n    fontSize: 34,\n  },\n  l: {\n    fontSize: 30,\n  },\n  m: {\n    fontSize: 26,\n  },\n  s: {\n    fontSize: 22,\n  },\n  xs: {\n    fontSize: 18,\n  },\n  xxs: {\n    fontSize: 14,\n  },\n  xxxs: {\n    fontSize: 10,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,SAAU,IAEZC,IAAK,CACHD,SAAU,IAEZE,GAAI,CACFF,SAAU,IAEZG,EAAG,CACDH,SAAU,IAEZI,EAAG,CACDJ,SAAU,IAEZK,EAAG,CACDL,SAAU,IAEZM,GAAI,CACFN,SAAU,IAEZO,IAAK,CACHP,SAAU,IAEZQ,KAAM,CACJR,SAAU"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Icon/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 42,\n  },\n  xxl: {\n    fontSize: 38,\n  },\n  xl: {\n    fontSize: 34,\n  },\n  l: {\n    fontSize: 30,\n  },\n  m: {\n    fontSize: 26,\n  },\n  s: {\n    fontSize: 22,\n  },\n  xs: {\n    fontSize: 18,\n  },\n  xxs: {\n    fontSize: 14,\n  },\n  xxxs: {\n    fontSize: 10,\n  },\n}\n"],"names":["xxxl","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAE4B,CAC1BA,KAAM,CACJC,SAAU,IAEZC,IAAK,CACHD,SAAU,IAEZE,GAAI,CACFF,SAAU,IAEZG,EAAG,CACDH,SAAU,IAEZI,EAAG,CACDJ,SAAU,IAEZK,EAAG,CACDL,SAAU,IAEZM,GAAI,CACFN,SAAU,IAEZO,IAAK,CACHP,SAAU,IAEZQ,KAAM,CACJR,SAAU"}

package/components/Icon/constants.mjs

@@ -0,0 +1,2 @@
+const SIZES={xxxl:{fontSize:42},xxl:{fontSize:38},xl:{fontSize:34},l:{fontSize:30},m:{fontSize:26},s:{fontSize:22},xs:{fontSize:18},xxs:{fontSize:14},xxxs:{fontSize:10}};export{SIZES};
+//# sourceMappingURL=constants.mjs.map

package/components/Icon/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Icon/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 42,\n  },\n  xxl: {\n    fontSize: 38,\n  },\n  xl: {\n    fontSize: 34,\n  },\n  l: {\n    fontSize: 30,\n  },\n  m: {\n    fontSize: 26,\n  },\n  s: {\n    fontSize: 22,\n  },\n  xs: {\n    fontSize: 18,\n  },\n  xxs: {\n    fontSize: 14,\n  },\n  xxxs: {\n    fontSize: 10,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,MAAMA,MAAe,CAC1BC,KAAM,CACJC,SAAU,IAEZC,IAAK,CACHD,SAAU,IAEZE,GAAI,CACFF,SAAU,IAEZG,EAAG,CACDH,SAAU,IAEZI,EAAG,CACDJ,SAAU,IAEZK,EAAG,CACDL,SAAU,IAEZM,GAAI,CACFN,SAAU,IAEZO,IAAK,CACHP,SAAU,IAEZQ,KAAM,CACJR,SAAU"}

package/components/Icon/list/default.js

@@ -0,0 +1,2 @@
+'use strict';function _interopNamespace(e){if(e&&e.__esModule)return e;var o=Object.create(null);return e&&Object.keys(e).forEach((r=>{if(r!=='default'){var t=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(o,r,t.get?t:{enumerable:!0,get:()=>e[r]})}})),o.default=e,Object.freeze(o)}const defaultIcons=['book','blackBoard','burger','eye','email','sort','unsort','person','diamond','diamondFilled','diamondSolid','infoInverse','list','login','logout','fire','camps','cart','clock','clockFilled','courses','discount','externat','headphones','page','priceTag','phone','prof','star','settings','student','target','textbook','trophy','message','wallet','edit','copy','print','objective','present','coins','calendar','calendar_simple','chevronDown','chevronUp','chevronRight','chevronLeft','cross','dialog','dropDownArrow','externalLink','file','fileBordered','lessons','pencil','phoneNoFill','radioChecked','radioNotChecked','search','tasks','tinyCross','sharpCross','plus','plusThin','play','reload','checkCircle','info','check','home','questionFilled','document','cancel','playPause','video'].reduce(((e,o)=>(e[o]=()=>{return e=/* webpackMode: "eager" */'../../../assets/'.concat(o,'_default.svg'),Promise.resolve().then((()=>_interopNamespace(require(e))));var e},e)),{});exports.defaultIcons=defaultIcons;
+//# sourceMappingURL=default.js.map

package/components/Icon/list/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sources":["../../../../../src/components/Icon/list/default.ts"],"sourcesContent":["/**\n * ALERT: Трогать этот код только вдумчиво\n * Используется плагин для ребэйза иконок из икон-пака, плагин работает с AST.\n * На конечный результат может влиять нейминг переменных.\n */\nimport type { IconName, IconNameDefault, SvgDynamicModule } from '../types'\n\nconst defaultIconsNames: IconNameDefault[] = [\n  'book',\n  'blackBoard',\n  'burger',\n  'eye',\n  'email',\n  'sort',\n  'unsort',\n  'person',\n  'diamond',\n  'diamondFilled',\n  'diamondSolid',\n  'infoInverse',\n  'list',\n  'login',\n  'logout',\n  'fire',\n  'camps',\n  'cart',\n  'clock',\n  'clockFilled',\n  'courses',\n  'discount',\n  'externat',\n  'headphones',\n  'page',\n  'priceTag',\n  'phone',\n  'prof',\n  'star',\n  'settings',\n  'student',\n  'target',\n  'textbook',\n  'trophy',\n  'message',\n  'wallet',\n  'edit',\n  'copy',\n  'print',\n  'objective',\n  'present',\n  'coins',\n  'calendar',\n  'calendar_simple',\n  'chevronDown',\n  'chevronUp',\n  'chevronRight',\n  'chevronLeft',\n  'cross',\n  'dialog',\n  'dropDownArrow',\n  'externalLink',\n  'file',\n  'fileBordered',\n  'lessons',\n  'pencil',\n  'phoneNoFill',\n  'radioChecked',\n  'radioNotChecked',\n  'search',\n  'tasks',\n  'tinyCross',\n  'sharpCross',\n  'plus',\n  'plusThin',\n  'play',\n  'reload',\n  'checkCircle',\n  'info',\n  'check',\n  'home',\n  'questionFilled',\n  'document',\n  'cancel',\n  'playPause',\n  'video',\n]\n\nexport const defaultIcons: Partial<Record<IconName, SvgDynamicModule>> = defaultIconsNames.reduce<\n  Record<IconName, SvgDynamicModule>\n>((acc, icon: IconName) => {\n  // Должен быть ОТНОСИТЕЛЬНЫЙ ПУТЬ\n  // данный подход позволяет работать в экосистеме webpack|rollap|vite одинаково, миную дефолтный механизмы резолвов\n  acc[icon] = () => import(/* webpackMode: \"eager\" */ `../images/${icon}_default.svg`)\n  return acc\n}, {} as Record<IconName, SvgDynamicModule>)\n"],"names":["defaultIcons","reduce","acc","icon"],"mappings":"qSAsFO,MAAMA,aA/EgC,CAC3C,OACA,aACA,SACA,MACA,QACA,OACA,SACA,SACA,UACA,gBACA,eACA,cACA,OACA,QACA,SACA,OACA,QACA,OACA,QACA,cACA,UACA,WACA,WACA,aACA,OACA,WACA,QACA,OACA,OACA,WACA,UACA,SACA,WACA,SACA,UACA,SACA,OACA,OACA,QACA,YACA,UACA,QACA,WACA,kBACA,cACA,YACA,eACA,cACA,QACA,SACA,gBACA,eACA,OACA,eACA,UACA,SACA,cACA,eACA,kBACA,SACA,QACA,YACA,aACA,OACA,WACA,OACA,SACA,cACA,OACA,QACA,OACA,iBACA,WACA,SACA,YACA,SAGyFC,QAEzF,CAACC,EAAKC,KAGND,EAAIC,GAAQ,KAAM,2IAAA,KAAkE,EAC7ED,IACN,CAAwC"}

package/components/Icon/list/default.mjs

@@ -0,0 +1,2 @@
+const defaultIcons=['book','blackBoard','burger','eye','email','sort','unsort','person','diamond','diamondFilled','diamondSolid','infoInverse','list','login','logout','fire','camps','cart','clock','clockFilled','courses','discount','externat','headphones','page','priceTag','phone','prof','star','settings','student','target','textbook','trophy','message','wallet','edit','copy','print','objective','present','coins','calendar','calendar_simple','chevronDown','chevronUp','chevronRight','chevronLeft','cross','dialog','dropDownArrow','externalLink','file','fileBordered','lessons','pencil','phoneNoFill','radioChecked','radioNotChecked','search','tasks','tinyCross','sharpCross','plus','plusThin','play','reload','checkCircle','info','check','home','questionFilled','document','cancel','playPause','video'].reduce(((e,o)=>(e[o]=()=>import(/* webpackMode: "eager" */'../../../assets/'.concat(o,'_default.svg')),e)),{});export{defaultIcons};
+//# sourceMappingURL=default.mjs.map

package/components/Icon/list/default.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.mjs","sources":["../../../../../src/components/Icon/list/default.ts"],"sourcesContent":["/**\n * ALERT: Трогать этот код только вдумчиво\n * Используется плагин для ребэйза иконок из икон-пака, плагин работает с AST.\n * На конечный результат может влиять нейминг переменных.\n */\nimport type { IconName, IconNameDefault, SvgDynamicModule } from '../types'\n\nconst defaultIconsNames: IconNameDefault[] = [\n  'book',\n  'blackBoard',\n  'burger',\n  'eye',\n  'email',\n  'sort',\n  'unsort',\n  'person',\n  'diamond',\n  'diamondFilled',\n  'diamondSolid',\n  'infoInverse',\n  'list',\n  'login',\n  'logout',\n  'fire',\n  'camps',\n  'cart',\n  'clock',\n  'clockFilled',\n  'courses',\n  'discount',\n  'externat',\n  'headphones',\n  'page',\n  'priceTag',\n  'phone',\n  'prof',\n  'star',\n  'settings',\n  'student',\n  'target',\n  'textbook',\n  'trophy',\n  'message',\n  'wallet',\n  'edit',\n  'copy',\n  'print',\n  'objective',\n  'present',\n  'coins',\n  'calendar',\n  'calendar_simple',\n  'chevronDown',\n  'chevronUp',\n  'chevronRight',\n  'chevronLeft',\n  'cross',\n  'dialog',\n  'dropDownArrow',\n  'externalLink',\n  'file',\n  'fileBordered',\n  'lessons',\n  'pencil',\n  'phoneNoFill',\n  'radioChecked',\n  'radioNotChecked',\n  'search',\n  'tasks',\n  'tinyCross',\n  'sharpCross',\n  'plus',\n  'plusThin',\n  'play',\n  'reload',\n  'checkCircle',\n  'info',\n  'check',\n  'home',\n  'questionFilled',\n  'document',\n  'cancel',\n  'playPause',\n  'video',\n]\n\nexport const defaultIcons: Partial<Record<IconName, SvgDynamicModule>> = defaultIconsNames.reduce<\n  Record<IconName, SvgDynamicModule>\n>((acc, icon: IconName) => {\n  // Должен быть ОТНОСИТЕЛЬНЫЙ ПУТЬ\n  // данный подход позволяет работать в экосистеме webpack|rollap|vite одинаково, миную дефолтный механизмы резолвов\n  acc[icon] = () => import(/* webpackMode: \"eager\" */ `../images/${icon}_default.svg`)\n  return acc\n}, {} as Record<IconName, SvgDynamicModule>)\n"],"names":["defaultIcons","reduce","acc","icon","import"],"mappings":"AAsFO,MAAMA,aA/EgC,CAC3C,OACA,aACA,SACA,MACA,QACA,OACA,SACA,SACA,UACA,gBACA,eACA,cACA,OACA,QACA,SACA,OACA,QACA,OACA,QACA,cACA,UACA,WACA,WACA,aACA,OACA,WACA,QACA,OACA,OACA,WACA,UACA,SACA,WACA,SACA,UACA,SACA,OACA,OACA,QACA,YACA,UACA,QACA,WACA,kBACA,cACA,YACA,eACA,cACA,QACA,SACA,gBACA,eACA,OACA,eACA,UACA,SACA,cACA,eACA,kBACA,SACA,QACA,YACA,aACA,OACA,WACA,OACA,SACA,cACA,OACA,QACA,OACA,iBACA,WACA,SACA,YACA,SAGyFC,QAEzF,CAACC,EAAKC,KAGND,EAAIC,GAAQ,IAAMC,8EACXF,IACN,CAAwC"}

package/components/Icon/list/icon-pack.js

@@ -0,0 +1,2 @@
+'use strict';function _interopNamespace(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((c=>{if(c!=='default'){var o=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(r,c,o.get?o:{enumerable:!0,get:()=>e[c]})}})),r.default=e,Object.freeze(r)}const iconPackIcons=require('../../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/components.json.js').default.reduce(((e,r)=>(e[r.componentName.charAt(0).toLowerCase()+r.componentName.slice(1)]=()=>{return e=/* webpackMode: "eager" */'../../../assets/'.concat(r.fileName,'.svg'),Promise.resolve().then((()=>_interopNamespace(require(e))));var e},e)),{});exports.iconPackIcons=iconPackIcons;
+//# sourceMappingURL=icon-pack.js.map

package/components/Icon/list/icon-pack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-pack.js","sources":["../../../../../src/components/Icon/list/icon-pack.ts"],"sourcesContent":["/**\n * ALERT: Трогать этот код только вдумчиво\n * Используется плагин для ребэйза иконок из икон-пака, плагин работает с AST.\n * На конечный результат может влиять нейминг переменных.\n */\nimport IconPackIcons from '@foxford/icon-pack/components.json'\nimport type { IconName, SvgDynamicModule } from '../types'\n\nexport const iconPackIcons: Partial<Record<IconName, SvgDynamicModule>> = IconPackIcons.reduce<\n  Record<IconName, SvgDynamicModule>\n>((acc, icon) => {\n  const name = (icon.componentName.charAt(0).toLowerCase() + icon.componentName.slice(1)) as IconName\n  // Должен быть ОТНОСИТЕЛЬНЫЙ ПУТЬ\n  // данный подход позволяет работать в экосистеме webpack|rollap|vite одинаково, миную дефолтный механизмы резолвов\n  acc[name] = () =>\n    import(\n      /* webpackMode: \"eager\" */ `../../../../node_modules/@foxford/icon-pack/icons/${icon.componentName}/${icon.fileName}.svg`\n    )\n  return acc\n}, {} as Record<IconName, SvgDynamicModule>)\n"],"names":["iconPackIcons","IconPackIcons","reduce","acc","icon","componentName","charAt","toLowerCase","slice"],"mappings":"qSAQO,MAAMA,yKAA6DC,QAAcC,QAEtF,CAACC,EAAKC,KAIND,EAHcC,EAAKC,cAAcC,OAAO,GAAGC,cAAgBH,EAAKC,cAAcG,MAAM,IAGxE,KACV,4IAAA,KAEC,EACIL,IACN,CAAwC"}

package/components/Icon/list/icon-pack.mjs

@@ -0,0 +1,2 @@
+import IconPackIcons from'../../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/components.json.mjs';const iconPackIcons=IconPackIcons.reduce(((o,c)=>(o[c.componentName.charAt(0).toLowerCase()+c.componentName.slice(1)]=()=>import(/* webpackMode: "eager" */'../../../assets/'.concat(c.fileName,'.svg')),o)),{});export{iconPackIcons};
+//# sourceMappingURL=icon-pack.mjs.map

package/components/Icon/list/icon-pack.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-pack.mjs","sources":["../../../../../src/components/Icon/list/icon-pack.ts"],"sourcesContent":["/**\n * ALERT: Трогать этот код только вдумчиво\n * Используется плагин для ребэйза иконок из икон-пака, плагин работает с AST.\n * На конечный результат может влиять нейминг переменных.\n */\nimport IconPackIcons from '@foxford/icon-pack/components.json'\nimport type { IconName, SvgDynamicModule } from '../types'\n\nexport const iconPackIcons: Partial<Record<IconName, SvgDynamicModule>> = IconPackIcons.reduce<\n  Record<IconName, SvgDynamicModule>\n>((acc, icon) => {\n  const name = (icon.componentName.charAt(0).toLowerCase() + icon.componentName.slice(1)) as IconName\n  // Должен быть ОТНОСИТЕЛЬНЫЙ ПУТЬ\n  // данный подход позволяет работать в экосистеме webpack|rollap|vite одинаково, миную дефолтный механизмы резолвов\n  acc[name] = () =>\n    import(\n      /* webpackMode: \"eager\" */ `../../../../node_modules/@foxford/icon-pack/icons/${icon.componentName}/${icon.fileName}.svg`\n    )\n  return acc\n}, {} as Record<IconName, SvgDynamicModule>)\n"],"names":["iconPackIcons","IconPackIcons","reduce","acc","icon","componentName","charAt","toLowerCase","slice","import"],"mappings":"4KAQO,MAAMA,cAA6DC,cAAcC,QAEtF,CAACC,EAAKC,KAIND,EAHcC,EAAKC,cAAcC,OAAO,GAAGC,cAAgBH,EAAKC,cAAcG,MAAM,IAGxE,IACVC,+EAGKN,IACN,CAAwC"}

package/components/Icon/list/index.js

@@ -0,0 +1,2 @@
+'use strict';var _default=require('./default.js');var iconPack=require('./icon-pack.js');const ICONS={..._default.defaultIcons,...iconPack.iconPackIcons};const ICONS_DEFAULT={...iconPack.iconPackIcons,..._default.defaultIcons};exports.ICONS=ICONS,exports.ICONS_DEFAULT=ICONS_DEFAULT;
+//# sourceMappingURL=index.js.map

package/components/Icon/list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Icon/list/index.ts"],"sourcesContent":["/**\n * ALERT: Трогать этот код только вдумчиво\n * Используется плагин для ребэйза иконок из икон-пака, плагин работает с AST.\n * На конечный результат может влиять нейминг переменных.\n */\nimport type { IconName, SvgDynamicModule } from '../types'\nimport { defaultIcons } from './default'\nimport { iconPackIcons } from './icon-pack'\n\nexport const ICONS: Partial<Record<IconName, SvgDynamicModule>> = {\n  ...defaultIcons,\n  ...iconPackIcons,\n}\n\nexport const ICONS_DEFAULT: Partial<Record<IconName, SvgDynamicModule>> = {\n  ...iconPackIcons,\n  ...defaultIcons,\n}\n"],"names":["ICONS","defaultIcons","iconPackIcons","ICONS_DEFAULT"],"mappings":"yFASO,MAAMA,MAAqD,IAC7DC,SAAYA,gBACZC,SAAAA,eAGE,MAAMC,cAA6D,IACrED,SAAaA,iBACbD,SAAAA"}

package/components/Icon/list/index.mjs

@@ -0,0 +1,2 @@
+import{defaultIcons}from'./default.mjs';import{iconPackIcons}from'./icon-pack.mjs';const ICONS={...defaultIcons,...iconPackIcons};const ICONS_DEFAULT={...iconPackIcons,...defaultIcons};export{ICONS,ICONS_DEFAULT};
+//# sourceMappingURL=index.mjs.map

package/components/Icon/list/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../src/components/Icon/list/index.ts"],"sourcesContent":["/**\n * ALERT: Трогать этот код только вдумчиво\n * Используется плагин для ребэйза иконок из икон-пака, плагин работает с AST.\n * На конечный результат может влиять нейминг переменных.\n */\nimport type { IconName, SvgDynamicModule } from '../types'\nimport { defaultIcons } from './default'\nimport { iconPackIcons } from './icon-pack'\n\nexport const ICONS: Partial<Record<IconName, SvgDynamicModule>> = {\n  ...defaultIcons,\n  ...iconPackIcons,\n}\n\nexport const ICONS_DEFAULT: Partial<Record<IconName, SvgDynamicModule>> = {\n  ...iconPackIcons,\n  ...defaultIcons,\n}\n"],"names":["ICONS","defaultIcons","iconPackIcons","ICONS_DEFAULT"],"mappings":"mFASO,MAAMA,MAAqD,IAC7DC,gBACAC,eAGE,MAAMC,cAA6D,IACrED,iBACAD"}

package/components/Icon/style.js

@@ -1,2 +1,2 @@
-import n from'styled-components';import{getColor as o}from'../../mixins/color.js';import{responsiveSize as i}from'../../mixins/responsive-size.js';import{createShouldForwardProp as e}from'../../shared/utils/style.js';var r=e((n=>!['vAlign'].includes(n)));var s=n.span.withConfig({shouldForwardProp:r}).withConfig({componentId:"fox-ui__sc-yfeniy-0"})([""," ",""],(n=>"\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: ".concat(n.color?o(n.color,n):'inherit',";\n    vertical-align: ").concat(n.vAlign?n.vAlign:'baseline',";\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n  ")),i);export{s as Root};
+'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');var responsiveSize=require('../../mixins/responsive-size.js');var style=require('../../shared/utils/style.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const shouldForwardIconProp=style.createShouldForwardProp((e=>!['vAlign'].includes(e)));const Root=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardIconProp}).withConfig({displayName:"Icon__Root",componentId:"ui__sc-yfeniy-0"})([""," ",""],(e=>`\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: ${e.color?color.getColor(e.color,e):'inherit'};\n    vertical-align: ${e.vAlign?e.vAlign:'baseline'};\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n  `),responsiveSize.responsiveSize);exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/Icon/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Icon/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getColor } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledIconProps } from './types'\n\nconst shouldForwardIconProp = createShouldForwardProp((propKey) => !['vAlign'].includes(propKey))\n\nexport const Root = styled.span.withConfig<StyledIconProps>({\n  shouldForwardProp: shouldForwardIconProp,\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: ${props.color ? getColor(props.color, props) : 'inherit'};\n    vertical-align: ${props.vAlign ? props.vAlign : 'baseline'};\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n  `}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardIconProp","createShouldForwardProp","propKey","includes","Root","styled","span","withConfig","shouldForwardProp","componentId","props","concat","color","getColor","vAlign","responsiveSize"],"mappings":"yNAMA,IAAMA,EAAwBC,GAAyBC,IAAa,CAAC,UAAUC,SAASD,KAEjF,IAAME,EAAOC,EAAOC,KAAKC,WAA4B,CAC1DC,kBAAmBR,IADJO,WAAA,CAAAE,YAAA,uBAAGJ,CAAH,CAAA,GAAA,IAAA,KAGZK,GAAD,wLAAAC,OAQSD,EAAME,MAAQC,EAASH,EAAME,MAAOF,GAAS,UACpCA,2BAAAA,OAAAA,EAAMI,OAASJ,EAAMI,OAAS,WAZnC,2HAqBbC"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Icon/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getColor } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledIconProps } from './types'\n\nconst shouldForwardIconProp = createShouldForwardProp((propKey) => !['vAlign'].includes(propKey))\n\nexport const Root = styled.span.withConfig<StyledIconProps>({\n  shouldForwardProp: shouldForwardIconProp,\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: ${props.color ? getColor(props.color, props) : 'inherit'};\n    vertical-align: ${props.vAlign ? props.vAlign : 'baseline'};\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n  `}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardIconProp","createShouldForwardProp","propKey","includes","Root","styled","span","withConfig","shouldForwardProp","displayName","componentId","props","color","getColor","vAlign","responsiveSize"],"mappings":"4TAMA,MAAMA,sBAAwBC,MAAAA,yBAAyBC,IAAa,CAAC,UAAUC,SAASD,KAEjF,MAAME,KAAOC,gBAAAA,QAAOC,KAAKC,WAA4B,CAC1DC,kBAAmBR,wBACnBO,WAAA,CAAAE,YAAA,aAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,KACGM,GAAU,wLAQFA,EAAMC,MAAQC,MAAQA,SAACF,EAAMC,MAAOD,GAAS,mCACpCA,EAAMG,OAASH,EAAMG,OAAS,oIAShDC,eAAcA"}

package/components/Icon/style.mjs

@@ -0,0 +1,2 @@
+import styled from'styled-components';import{getColor}from'../../mixins/color.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';const shouldForwardIconProp=createShouldForwardProp((o=>!['vAlign'].includes(o)));const Root=styled.span.withConfig({shouldForwardProp:shouldForwardIconProp}).withConfig({displayName:"Icon__Root",componentId:"ui__sc-yfeniy-0"})([""," ",""],(o=>`\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: ${o.color?getColor(o.color,o):'inherit'};\n    vertical-align: ${o.vAlign?o.vAlign:'baseline'};\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n  `),responsiveSize);export{Root};
+//# sourceMappingURL=style.mjs.map

package/components/Icon/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Icon/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getColor } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledIconProps } from './types'\n\nconst shouldForwardIconProp = createShouldForwardProp((propKey) => !['vAlign'].includes(propKey))\n\nexport const Root = styled.span.withConfig<StyledIconProps>({\n  shouldForwardProp: shouldForwardIconProp,\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: ${props.color ? getColor(props.color, props) : 'inherit'};\n    vertical-align: ${props.vAlign ? props.vAlign : 'baseline'};\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n  `}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardIconProp","createShouldForwardProp","propKey","includes","Root","styled","span","withConfig","shouldForwardProp","displayName","componentId","props","color","getColor","vAlign","responsiveSize"],"mappings":"kNAMA,MAAMA,sBAAwBC,yBAAyBC,IAAa,CAAC,UAAUC,SAASD,KAEjF,MAAME,KAAOC,OAAOC,KAAKC,WAA4B,CAC1DC,kBAAmBR,wBACnBO,WAAA,CAAAE,YAAA,aAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,KACGM,GAAU,wLAQFA,EAAMC,MAAQC,SAASF,EAAMC,MAAOD,GAAS,mCACpCA,EAAMG,OAASH,EAAMG,OAAS,oIAShDC"}

package/components/IconButton/IconButton.js

@@ -1,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import r from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as t}from'react';import{withMergedProps as e}from'../../hocs/withMergedProps.js';import{Icon as s}from'../Icon/Icon.js';import'../Icon/icons.js';import{SIZES_SQUARE as i,SIZES as n}from'./constants.js';import{Root as p}from'./style.js';import{jsx as a}from'react/jsx-runtime';var m=["size","type","iconProps","icon"];var c=e(t(((t,e)=>{var{size:i="m",type:n="button",iconProps:c={},icon:f}=t,d=r(t,m);return a(p,o(o({},d),{},{size:i,type:n,ref:e,children:a(s,o({preset:"brand",name:'string'==typeof f?f:void 0,icon:'string'!=typeof f?f:void 0},c))}))})),{displayName:'IconButton',sizes:o=>o.square?i:n});export{c as IconButton};
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');const IconButton=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:t="m",type:s="button",iconProps:o={},icon:n,...i}=e;return require$$0.jsx(style.Root,{...i,size:t,type:s,ref:r,children:require$$0.jsx(Icon.Icon,{preset:"brand",name:typeof n=='string'?n:void 0,icon:typeof n!='string'?n:void 0,...o})})})),{displayName:'IconButton',sizes:e=>e.square?constants.SIZES_SQUARE:constants.SIZES});exports.IconButton=IconButton;
 //# sourceMappingURL=IconButton.js.map

package/components/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport * as Styled from './style'\nimport type { IconButtonProps } from './types'\n\nconst COMPONENT_NAME = 'IconButton'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [IconButtonProps](https://github.com/foxford/ui/blob/master/src/components/IconButton/types.ts)\n */\nconst IconButton: React.ForwardRefExoticComponent<IconButtonProps> = withMergedProps<\n  IconButtonProps,\n  HTMLButtonElement\n>(\n  forwardRef((props, ref) => {\n    const { size = 'm', type = 'button', iconProps = {}, icon, ...restProps } = props\n\n    return (\n      <Styled.Root {...restProps} size={size} type={type} ref={ref}>\n        <Icon\n          preset='brand'\n          name={typeof icon === 'string' ? icon : undefined}\n          icon={typeof icon !== 'string' ? icon : undefined}\n          {...iconProps}\n        />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.square ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { IconButton }\n"],"names":["IconButton","withMergedProps","forwardRef","props","ref","size","type","iconProps","icon","restProps","_excluded","_jsx","Styled.Root","children","Icon","_objectSpread","preset","name","displayName","sizes","square","SIZES_SQUARE","SIZES"],"mappings":"icAmBMA,IAAAA,EAA+DC,EAInEC,GAAW,CAACC,EAAOC,KACjB,IAAMC,KAAEA,EAAO,IAATC,KAAcA,EAAO,SAArBC,UAA+BA,EAAY,GAA3CC,KAA+CA,GAAuBL,EAAdM,IAAcN,EAA5EO,GAEA,OACEC,EAACC,SAAgBH,GAAjB,GAAA,CAA4BJ,KAAMA,EAAMC,KAAMA,EAAMF,IAAKA,EAAzDS,SACEF,EAACG,EAADC,EAAA,CACEC,OAAO,QACPC,KAAsB,iBAATT,EAAoBA,SACjCA,KAAsB,iBAATA,EAAoBA,OAAAA,GAC7BD,UAKZ,CACEW,YA/BmB,aAgCnBC,MAAQhB,GAAWA,EAAMiB,OAASC,EAAeC"}
+{"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport * as Styled from './style'\nimport type { IconButtonProps } from './types'\n\nconst COMPONENT_NAME = 'IconButton'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [IconButtonProps](https://github.com/foxford/ui/blob/master/src/components/IconButton/types.ts)\n */\nconst IconButton: React.ForwardRefExoticComponent<IconButtonProps> = withMergedProps<\n  IconButtonProps,\n  HTMLButtonElement\n>(\n  forwardRef((props, ref) => {\n    const { size = 'm', type = 'button', iconProps = {}, icon, ...restProps } = props\n\n    return (\n      <Styled.Root {...restProps} size={size} type={type} ref={ref}>\n        <Icon\n          preset='brand'\n          name={typeof icon === 'string' ? icon : undefined}\n          icon={typeof icon !== 'string' ? icon : undefined}\n          {...iconProps}\n        />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.square ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { IconButton }\n"],"names":["IconButton","withMergedProps","forwardRef","props","ref","size","type","iconProps","icon","restProps","_jsx","Styled","children","jsx","Icon","preset","name","undefined","displayName","sizes","square","SIZES_SQUARE","SIZES"],"mappings":"6PAmBMA,MAAAA,WAA+DC,gBAAAA,gBAInEC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KAAEA,EAAO,IAAGC,KAAEA,EAAO,SAAQC,UAAEA,EAAY,CAAE,EAAAC,KAAEA,KAASC,GAAcN,EAE5E,OACEO,WAAAA,IAACC,MAAAA,KAAW,IAAKF,EAAWJ,KAAMA,EAAMC,KAAMA,EAAMF,IAAKA,EAAIQ,SAC3DF,WAAAG,IAACC,UAAI,CACHC,OAAO,QACPC,YAAaR,GAAS,SAAWA,OAAOS,EACxCT,YAAaA,GAAS,SAAWA,OAAOS,KACpCV,KAEM,IAGlB,CACEW,YA/BmB,aAgCnBC,MAAQhB,GAAWA,EAAMiB,OAASC,UAAYA,aAAGC,UAAAA"}

package/components/IconButton/IconButton.mjs

@@ -0,0 +1,2 @@
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES_SQUARE,SIZES}from'./constants.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';const IconButton=withMergedProps(forwardRef(((o,r)=>{const{size:t="m",type:e="button",iconProps:s={},icon:n,...i}=o;return jsx(Root,{...i,size:t,type:e,ref:r,children:jsx(Icon,{preset:"brand",name:typeof n=='string'?n:void 0,icon:typeof n!='string'?n:void 0,...s})})})),{displayName:'IconButton',sizes:o=>o.square?SIZES_SQUARE:SIZES});export{IconButton};
+//# sourceMappingURL=IconButton.mjs.map

package/components/IconButton/IconButton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.mjs","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport * as Styled from './style'\nimport type { IconButtonProps } from './types'\n\nconst COMPONENT_NAME = 'IconButton'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [IconButtonProps](https://github.com/foxford/ui/blob/master/src/components/IconButton/types.ts)\n */\nconst IconButton: React.ForwardRefExoticComponent<IconButtonProps> = withMergedProps<\n  IconButtonProps,\n  HTMLButtonElement\n>(\n  forwardRef((props, ref) => {\n    const { size = 'm', type = 'button', iconProps = {}, icon, ...restProps } = props\n\n    return (\n      <Styled.Root {...restProps} size={size} type={type} ref={ref}>\n        <Icon\n          preset='brand'\n          name={typeof icon === 'string' ? icon : undefined}\n          icon={typeof icon !== 'string' ? icon : undefined}\n          {...iconProps}\n        />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.square ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { IconButton }\n"],"names":["IconButton","withMergedProps","forwardRef","props","ref","size","type","iconProps","icon","restProps","_jsx","Styled","children","Icon","preset","name","undefined","displayName","sizes","square","SIZES_SQUARE","SIZES"],"mappings":"8OAmBMA,MAAAA,WAA+DC,gBAInEC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KAAEA,EAAO,IAAGC,KAAEA,EAAO,SAAQC,UAAEA,EAAY,CAAE,EAAAC,KAAEA,KAASC,GAAcN,EAE5E,OACEO,IAACC,KAAW,IAAKF,EAAWJ,KAAMA,EAAMC,KAAMA,EAAMF,IAAKA,EAAIQ,SAC3DF,IAACG,KAAI,CACHC,OAAO,QACPC,YAAaP,GAAS,SAAWA,OAAOQ,EACxCR,YAAaA,GAAS,SAAWA,OAAOQ,KACpCT,KAEM,IAGlB,CACEU,YA/BmB,aAgCnBC,MAAQf,GAAWA,EAAMgB,OAASC,aAAeC"}

package/components/IconButton/constants.js

@@ -1,2 +1,2 @@
-var i={xxxl:{width:40,height:40,fontSize:28,borderRadius:'50%'},xxl:{width:40,height:40,fontSize:28,borderRadius:'50%'},xl:{width:32,height:32,fontSize:24,borderRadius:'50%'},l:{width:28,height:28,fontSize:20,borderRadius:'50%'},m:{width:22,height:22,fontSize:18,borderRadius:'50%'},s:{width:20,height:20,fontSize:16,borderRadius:'50%'},xs:{width:18,height:18,fontSize:14,borderRadius:'50%'},xxs:{width:16,height:16,fontSize:12,borderRadius:'50%'},xxxs:{width:16,height:16,fontSize:12,borderRadius:'50%'}};var e={xxxl:{width:40,height:40,fontSize:28,borderRadius:8},xxl:{width:40,height:40,fontSize:28,borderRadius:8},xl:{width:32,height:32,fontSize:24,borderRadius:7},l:{width:28,height:28,fontSize:20,borderRadius:6},m:{width:22,height:22,fontSize:18,borderRadius:5},s:{width:20,height:20,fontSize:16,borderRadius:4},xs:{width:18,height:18,fontSize:14,borderRadius:4},xxs:{width:16,height:16,fontSize:12,borderRadius:4},xxxs:{width:16,height:16,fontSize:12,borderRadius:4}};export{i as SIZES,e as SIZES_SQUARE};
+'use strict';exports.SIZES={xxxl:{width:40,height:40,fontSize:28,borderRadius:'50%'},xxl:{width:40,height:40,fontSize:28,borderRadius:'50%'},xl:{width:32,height:32,fontSize:24,borderRadius:'50%'},l:{width:28,height:28,fontSize:20,borderRadius:'50%'},m:{width:22,height:22,fontSize:18,borderRadius:'50%'},s:{width:20,height:20,fontSize:16,borderRadius:'50%'},xs:{width:18,height:18,fontSize:14,borderRadius:'50%'},xxs:{width:16,height:16,fontSize:12,borderRadius:'50%'},xxxs:{width:16,height:16,fontSize:12,borderRadius:'50%'}},exports.SIZES_SQUARE={xxxl:{width:40,height:40,fontSize:28,borderRadius:8},xxl:{width:40,height:40,fontSize:28,borderRadius:8},xl:{width:32,height:32,fontSize:24,borderRadius:7},l:{width:28,height:28,fontSize:20,borderRadius:6},m:{width:22,height:22,fontSize:18,borderRadius:5},s:{width:20,height:20,fontSize:16,borderRadius:4},xs:{width:18,height:18,fontSize:14,borderRadius:4},xxs:{width:16,height:16,fontSize:12,borderRadius:4},xxxs:{width:16,height:16,fontSize:12,borderRadius:4}};
 //# sourceMappingURL=constants.js.map

package/components/IconButton/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/IconButton/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 32,\n    height: 32,\n    fontSize: 24,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 28,\n    height: 28,\n    fontSize: 20,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 22,\n    height: 22,\n    fontSize: 18,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 20,\n    height: 20,\n    fontSize: 16,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 18,\n    height: 18,\n    fontSize: 14,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE = {\n  xxxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: 8,\n  },\n  xxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: 8,\n  },\n  xl: {\n    width: 32,\n    height: 32,\n    fontSize: 24,\n    borderRadius: 7,\n  },\n  l: {\n    width: 28,\n    height: 28,\n    fontSize: 20,\n    borderRadius: 6,\n  },\n  m: {\n    width: 22,\n    height: 22,\n    fontSize: 18,\n    borderRadius: 5,\n  },\n  s: {\n    width: 20,\n    height: 20,\n    fontSize: 16,\n    borderRadius: 4,\n  },\n  xs: {\n    width: 18,\n    height: 18,\n    fontSize: 14,\n    borderRadius: 4,\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: 4,\n  },\n  xxxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: 4,\n  },\n}\n"],"names":["SIZES","xxxl","width","height","fontSize","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_SQUARE"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,QAIX,IAAMS,EAAe,CAC1Bb,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/IconButton/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 32,\n    height: 32,\n    fontSize: 24,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 28,\n    height: 28,\n    fontSize: 20,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 22,\n    height: 22,\n    fontSize: 18,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 20,\n    height: 20,\n    fontSize: 16,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 18,\n    height: 18,\n    fontSize: 14,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE = {\n  xxxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: 8,\n  },\n  xxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: 8,\n  },\n  xl: {\n    width: 32,\n    height: 32,\n    fontSize: 24,\n    borderRadius: 7,\n  },\n  l: {\n    width: 28,\n    height: 28,\n    fontSize: 20,\n    borderRadius: 6,\n  },\n  m: {\n    width: 22,\n    height: 22,\n    fontSize: 18,\n    borderRadius: 5,\n  },\n  s: {\n    width: 20,\n    height: 20,\n    fontSize: 16,\n    borderRadius: 4,\n  },\n  xs: {\n    width: 18,\n    height: 18,\n    fontSize: 14,\n    borderRadius: 4,\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: 4,\n  },\n  xxxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: 4,\n  },\n}\n"],"names":["xxxl","width","height","fontSize","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAE4B,CAC1BA,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,6BAIU,CAC1BJ,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc"}

package/components/IconButton/constants.mjs

@@ -0,0 +1,2 @@
+const SIZES={xxxl:{width:40,height:40,fontSize:28,borderRadius:'50%'},xxl:{width:40,height:40,fontSize:28,borderRadius:'50%'},xl:{width:32,height:32,fontSize:24,borderRadius:'50%'},l:{width:28,height:28,fontSize:20,borderRadius:'50%'},m:{width:22,height:22,fontSize:18,borderRadius:'50%'},s:{width:20,height:20,fontSize:16,borderRadius:'50%'},xs:{width:18,height:18,fontSize:14,borderRadius:'50%'},xxs:{width:16,height:16,fontSize:12,borderRadius:'50%'},xxxs:{width:16,height:16,fontSize:12,borderRadius:'50%'}};const SIZES_SQUARE={xxxl:{width:40,height:40,fontSize:28,borderRadius:8},xxl:{width:40,height:40,fontSize:28,borderRadius:8},xl:{width:32,height:32,fontSize:24,borderRadius:7},l:{width:28,height:28,fontSize:20,borderRadius:6},m:{width:22,height:22,fontSize:18,borderRadius:5},s:{width:20,height:20,fontSize:16,borderRadius:4},xs:{width:18,height:18,fontSize:14,borderRadius:4},xxs:{width:16,height:16,fontSize:12,borderRadius:4},xxxs:{width:16,height:16,fontSize:12,borderRadius:4}};export{SIZES,SIZES_SQUARE};
+//# sourceMappingURL=constants.mjs.map

package/components/IconButton/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/IconButton/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 32,\n    height: 32,\n    fontSize: 24,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 28,\n    height: 28,\n    fontSize: 20,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 22,\n    height: 22,\n    fontSize: 18,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 20,\n    height: 20,\n    fontSize: 16,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 18,\n    height: 18,\n    fontSize: 14,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE = {\n  xxxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: 8,\n  },\n  xxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: 8,\n  },\n  xl: {\n    width: 32,\n    height: 32,\n    fontSize: 24,\n    borderRadius: 7,\n  },\n  l: {\n    width: 28,\n    height: 28,\n    fontSize: 20,\n    borderRadius: 6,\n  },\n  m: {\n    width: 22,\n    height: 22,\n    fontSize: 18,\n    borderRadius: 5,\n  },\n  s: {\n    width: 20,\n    height: 20,\n    fontSize: 16,\n    borderRadius: 4,\n  },\n  xs: {\n    width: 18,\n    height: 18,\n    fontSize: 14,\n    borderRadius: 4,\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: 4,\n  },\n  xxxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: 4,\n  },\n}\n"],"names":["SIZES","xxxl","width","height","fontSize","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_SQUARE"],"mappings":"AAEO,MAAMA,MAAe,CAC1BC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,QAIX,MAAMS,aAAe,CAC1Bb,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc"}

package/components/IconButton/style.js

@@ -1,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import n from'tinycolor2';import{responsiveSize as t}from'../../mixins/responsive-size.js';import{responsiveMargin as c}from'../../mixins/responsive-margin.js';import{focus as a}from'../../mixins/focus.js';import{createShouldForwardProp as l}from'../../shared/utils/style.js';var i=l((o=>!['square'].includes(o)));var s=o=>"\n  color: ".concat(o.color,";\n  background-color: ").concat(o.backgroundColor,";\n  &:hover {\n    color: ").concat(o.colorHover,";\n    background-color: ").concat(o.backgroundColorHover,";\n  }\n  &:active {\n    color: ").concat(o.colorActive,";\n    background-color: ").concat(o.backgroundColorActive,";\n  }\n  &:disabled {\n    color: ").concat(o.colorDisabled,";\n    background-color: ").concat(o.backgroundColorDisabled,";\n  }\n");var d={default:{primary:e(["",""],(r=>s(o({color:r.theme.colors['content-onmain-tertiary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],colorActive:r.theme.colors['content-onmain-primary'],backgroundColorActive:n(r.theme.colors['bg-oncolor-hover']).setAlpha(.12).toString(),colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors.transparent},r.palette)))),secondary:e(["",""],(r=>s(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:n(r.theme.colors['bg-brand-primary-100']).darken(5).toString(),colorActive:r.theme.colors['content-onmain-primary'],backgroundColorActive:n(r.theme.colors['bg-brand-primary-100']).darken(7).toString(),colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large']},r.palette))))},contrast:{primary:e(["",""],(r=>s(o({color:r.theme.colors['content-oncolor-tertiary'],backgroundColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-oncontrast-hover'],colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:n(r.theme.colors['bg-oncontrast-hover']).setAlpha(.12).toString(),colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors.transparent},r.palette)))),secondary:e(["",""],(r=>s(o({color:r.theme.colors['content-onmain-inverse'],backgroundColor:r.theme.colors['bg-contrast-active'],colorHover:r.theme.colors['content-onmain-inverse'],backgroundColorHover:n(r.theme.colors['bg-contrast-active']).lighten(7).toString(),colorActive:r.theme.colors['content-onmain-inverse'],backgroundColorActive:n(r.theme.colors['bg-contrast-active']).lighten(11).toString(),colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors['bg-oncolor-disabled']},r.palette))))}};var m=r.button.withConfig({shouldForwardProp:i}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({width:'1em',height:'1em',fontSize:'string'==typeof r?r:"".concat(r).concat(e),borderRadius:o.square?'0.2em':'50%'})}))).withConfig({componentId:"fox-ui__sc-y4pwgp-0"})([""," "," "," "," ",""],(o=>"\n    box-sizing: border-box;\n    appearance: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    padding: 0;\n    margin: 0;\n    border: none;\n    cursor: ".concat(o.disabled?'not-allowed':'pointer',";\n    transition-property: background-color; \n    transition-duration: 250ms;\n  ")),(o=>{var r=o.contrast?d.contrast:d.default;return o.secondary?r.secondary:r.primary}),a,t,c);export{m as Root};
+'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var focus=require('../../mixins/focus.js');var style=require('../../shared/utils/style.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardIconButtonProp=style.createShouldForwardProp((o=>!['square'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n  }\n  &:active {\n    color: ${o.colorActive};\n    background-color: ${o.backgroundColorActive};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n  }\n`;const COLOR_SCHEMA={default:{primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-tertiary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],colorActive:o.theme.colors['content-onmain-primary'],backgroundColorActive:tinycolor.default(o.theme.colors['bg-oncolor-hover']).setAlpha(.12).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,...o.palette}))),secondary:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),colorActive:o.theme.colors['content-onmain-primary'],backgroundColorActive:tinycolor.default(o.theme.colors['bg-brand-primary-100']).darken(7).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],...o.palette})))},contrast:{primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-tertiary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:tinycolor.default(o.theme.colors['bg-oncontrast-hover']).setAlpha(.12).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,...o.palette}))),secondary:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-inverse'],backgroundColor:o.theme.colors['bg-contrast-active'],colorHover:o.theme.colors['content-onmain-inverse'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-contrast-active']).lighten(7).toString(),colorActive:o.theme.colors['content-onmain-inverse'],backgroundColorActive:tinycolor.default(o.theme.colors['bg-contrast-active']).lighten(11).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-disabled'],...o.palette})))}};const Root=styled__default.default.button.withConfig({shouldForwardProp:shouldForwardIconButtonProp}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({width:'1em',height:'1em',fontSize:typeof r=='string'?r:`${r}${e}`,borderRadius:o.square?'0.2em':'50%'})}))).withConfig({displayName:"IconButton__Root",componentId:"ui__sc-y4pwgp-0"})([""," "," "," "," ",""],(o=>`\n    box-sizing: border-box;\n    appearance: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    padding: 0;\n    margin: 0;\n    border: none;\n    cursor: ${o.disabled?'not-allowed':'pointer'};\n    transition-property: background-color; \n    transition-duration: 250ms;\n  `),(o=>{const r=o.contrast?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.secondary?r.secondary:r.primary}),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/IconButton/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/IconButton/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport type { IconButtonPalette, StyledIconButtonProps } from './types'\n\nconst shouldForwardIconButtonProp = createShouldForwardProp((propKey) => !['square'].includes(propKey))\n\nconst template = (palette: IconButtonPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n  }\n  &:active {\n    color: ${palette.colorActive};\n    background-color: ${palette.backgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    primary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-tertiary'],\n          backgroundColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n          colorActive: props.theme.colors['content-onmain-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-hover'])\n            .setAlpha(0.12)\n            .toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-100'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor,\n          colorActive: props.theme.colors['content-onmain-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(7).toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  contrast: {\n    primary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-tertiary'],\n          backgroundColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncontrast-hover'])\n            .setAlpha(0.12)\n            .toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-inverse'],\n          backgroundColor: props.theme.colors['bg-contrast-active'],\n          colorHover: props.theme.colors['content-onmain-inverse'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-contrast-active']).lighten(7).toString() as CSSColor,\n          colorActive: props.theme.colors['content-onmain-inverse'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-contrast-active']).lighten(11).toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.button\n  .withConfig<StyledIconButtonProps>({\n    shouldForwardProp: shouldForwardIconButtonProp,\n  })\n  .attrs<StyledIconButtonProps>(\n    (props): Required<Pick<StyledIconButtonProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        width: '1em',\n        height: '1em',\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        borderRadius: props.square ? '0.2em' : '50%',\n      }),\n    })\n  )`\n  ${(props) => `\n    box-sizing: border-box;\n    appearance: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    padding: 0;\n    margin: 0;\n    border: none;\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    transition-property: background-color; \n    transition-duration: 250ms;\n  `}\n\n  ${(props) => {\n    const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    if (props.secondary) return schema.secondary\n\n    return schema.primary\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardIconButtonProp","createShouldForwardProp","propKey","includes","template","palette","concat","color","backgroundColor","colorHover","backgroundColorHover","colorActive","backgroundColorActive","colorDisabled","backgroundColorDisabled","COLOR_SCHEMA","default","primary","css","props","_objectSpread","theme","colors","transparent","tinycolor","setAlpha","toString","secondary","darken","contrast","lighten","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","width","height","fontSize","borderRadius","square","componentId","disabled","schema","focus","responsiveSize","responsiveMargin"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/IconButton/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport type { IconButtonPalette, StyledIconButtonProps } from './types'\n\nconst shouldForwardIconButtonProp = createShouldForwardProp((propKey) => !['square'].includes(propKey))\n\nconst template = (palette: IconButtonPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n  }\n  &:active {\n    color: ${palette.colorActive};\n    background-color: ${palette.backgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    primary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-tertiary'],\n          backgroundColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n          colorActive: props.theme.colors['content-onmain-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-hover'])\n            .setAlpha(0.12)\n            .toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-100'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor,\n          colorActive: props.theme.colors['content-onmain-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(7).toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  contrast: {\n    primary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-tertiary'],\n          backgroundColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncontrast-hover'])\n            .setAlpha(0.12)\n            .toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-inverse'],\n          backgroundColor: props.theme.colors['bg-contrast-active'],\n          colorHover: props.theme.colors['content-onmain-inverse'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-contrast-active']).lighten(7).toString() as CSSColor,\n          colorActive: props.theme.colors['content-onmain-inverse'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-contrast-active']).lighten(11).toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.button\n  .withConfig<StyledIconButtonProps>({\n    shouldForwardProp: shouldForwardIconButtonProp,\n  })\n  .attrs<StyledIconButtonProps>(\n    (props): Required<Pick<StyledIconButtonProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        width: '1em',\n        height: '1em',\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        borderRadius: props.square ? '0.2em' : '50%',\n      }),\n    })\n  )`\n  ${(props) => `\n    box-sizing: border-box;\n    appearance: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    padding: 0;\n    margin: 0;\n    border: none;\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    transition-property: background-color; \n    transition-duration: 250ms;\n  `}\n\n  ${(props) => {\n    const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    if (props.secondary) return schema.secondary\n\n    return schema.primary\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardIconButtonProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","colorHover","backgroundColorHover","colorActive","backgroundColorActive","colorDisabled","backgroundColorDisabled","COLOR_SCHEMA","default","primary","css","props","theme","colors","transparent","tinycolor","setAlpha","toString","secondary","darken","contrast","lighten","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","width","height","fontSize","borderRadius","square","displayName","componentId","disabled","schema","focus","responsiveSize","responsiveMargin"],"mappings":"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"}

package/components/IconButton/style.mjs

@@ -0,0 +1,2 @@
+import styled,{css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{focus}from'../../mixins/focus.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';const shouldForwardIconButtonProp=createShouldForwardProp((o=>!['square'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n  }\n  &:active {\n    color: ${o.colorActive};\n    background-color: ${o.backgroundColorActive};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n  }\n`;const COLOR_SCHEMA={default:{primary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-tertiary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],colorActive:o.theme.colors['content-onmain-primary'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncolor-hover']).setAlpha(.12).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,...o.palette}))),secondary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),colorActive:o.theme.colors['content-onmain-primary'],backgroundColorActive:tinycolor(o.theme.colors['bg-brand-primary-100']).darken(7).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],...o.palette})))},contrast:{primary:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-tertiary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncontrast-hover']).setAlpha(.12).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,...o.palette}))),secondary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-inverse'],backgroundColor:o.theme.colors['bg-contrast-active'],colorHover:o.theme.colors['content-onmain-inverse'],backgroundColorHover:tinycolor(o.theme.colors['bg-contrast-active']).lighten(7).toString(),colorActive:o.theme.colors['content-onmain-inverse'],backgroundColorActive:tinycolor(o.theme.colors['bg-contrast-active']).lighten(11).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-disabled'],...o.palette})))}};const Root=styled.button.withConfig({shouldForwardProp:shouldForwardIconButtonProp}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({width:'1em',height:'1em',fontSize:typeof r=='string'?r:`${r}${e}`,borderRadius:o.square?'0.2em':'50%'})}))).withConfig({displayName:"IconButton__Root",componentId:"ui__sc-y4pwgp-0"})([""," "," "," "," ",""],(o=>`\n    box-sizing: border-box;\n    appearance: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    padding: 0;\n    margin: 0;\n    border: none;\n    cursor: ${o.disabled?'not-allowed':'pointer'};\n    transition-property: background-color; \n    transition-duration: 250ms;\n  `),(o=>{const r=o.contrast?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.secondary?r.secondary:r.primary}),focus,responsiveSize,responsiveMargin);export{Root};
+//# sourceMappingURL=style.mjs.map

package/components/IconButton/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/IconButton/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport type { IconButtonPalette, StyledIconButtonProps } from './types'\n\nconst shouldForwardIconButtonProp = createShouldForwardProp((propKey) => !['square'].includes(propKey))\n\nconst template = (palette: IconButtonPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n  }\n  &:active {\n    color: ${palette.colorActive};\n    background-color: ${palette.backgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    primary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-tertiary'],\n          backgroundColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n          colorActive: props.theme.colors['content-onmain-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-hover'])\n            .setAlpha(0.12)\n            .toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-100'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor,\n          colorActive: props.theme.colors['content-onmain-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(7).toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  contrast: {\n    primary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-tertiary'],\n          backgroundColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncontrast-hover'])\n            .setAlpha(0.12)\n            .toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-inverse'],\n          backgroundColor: props.theme.colors['bg-contrast-active'],\n          colorHover: props.theme.colors['content-onmain-inverse'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-contrast-active']).lighten(7).toString() as CSSColor,\n          colorActive: props.theme.colors['content-onmain-inverse'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-contrast-active']).lighten(11).toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.button\n  .withConfig<StyledIconButtonProps>({\n    shouldForwardProp: shouldForwardIconButtonProp,\n  })\n  .attrs<StyledIconButtonProps>(\n    (props): Required<Pick<StyledIconButtonProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        width: '1em',\n        height: '1em',\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        borderRadius: props.square ? '0.2em' : '50%',\n      }),\n    })\n  )`\n  ${(props) => `\n    box-sizing: border-box;\n    appearance: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    padding: 0;\n    margin: 0;\n    border: none;\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    transition-property: background-color; \n    transition-duration: 250ms;\n  `}\n\n  ${(props) => {\n    const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    if (props.secondary) return schema.secondary\n\n    return schema.primary\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardIconButtonProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","colorHover","backgroundColorHover","colorActive","backgroundColorActive","colorDisabled","backgroundColorDisabled","COLOR_SCHEMA","default","primary","css","props","theme","colors","transparent","tinycolor","setAlpha","toString","secondary","darken","contrast","lighten","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","width","height","fontSize","borderRadius","square","displayName","componentId","disabled","schema","focus","responsiveSize","responsiveMargin"],"mappings":"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"}

package/components/Indicator/Indicator.js

@@ -1,2 +1,2 @@
-import r from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as t}from'react';import{withMergedProps as i}from'../../hocs/withMergedProps.js';import{Text as o}from'../Text/Text.js';import{SIZES_SQUARE as a,SIZES as s}from'./constants.js';import{Root as n,Foreground as m}from'./style.js';import{jsx as p}from'react/jsx-runtime';var l=["size","textProps","children","text"];var h=r=>null!=r.children||null!=r.text;var c=i(t(((t,i)=>{var{size:a="m",textProps:s={},children:c,text:d}=t,f=e(t,l);var x=h(t);return p(n,r(r({},f),{},{size:a,square:x,ref:i,children:p(m,{children:x&&p(o,r(r({as:"span",appearance:"body",size:"inherit",color:"inherit",whiteSpace:"nowrap",weight:700,lineHeight:1,marginTop:1,marginRight:"0.3em",marginLeft:"0.3em"},s),{},{children:null!=c?c:d}))})}))})),{displayName:'Indicator',sizes:r=>h(r)?a:s});export{c as Indicator};
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Text=require('../Text/Text.js');const indicatorPropsWithContent=e=>e.children!==void 0&&e.children!==null||e.text!==void 0&&e.text!==null;const Indicator=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:t="m",textProps:i={},children:n,text:s,...o}=e;const a=indicatorPropsWithContent(e);return require$$0.jsx(style.Root,{...o,size:t,square:a,ref:r,children:require$$0.jsx(style.Foreground,{children:a&&require$$0.jsx(Text.Text,{as:"span",appearance:"body",size:"inherit",color:"inherit",whiteSpace:"nowrap",weight:700,lineHeight:1,marginTop:1,marginRight:"0.3em",marginLeft:"0.3em",...i,children:n??s})})})})),{displayName:'Indicator',sizes:e=>indicatorPropsWithContent(e)?constants.SIZES_SQUARE:constants.SIZES});exports.Indicator=Indicator;
 //# sourceMappingURL=Indicator.js.map

package/components/Indicator/Indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Indicator.js","sources":["../../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport * as Styled from './style'\nimport type { IndicatorProps } from './types'\n\nconst COMPONENT_NAME = 'Indicator'\n\nconst indicatorPropsWithContent = (props: IndicatorProps): boolean =>\n  (props.children !== undefined && props.children !== null) || (props.text !== undefined && props.text !== null)\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [IndicatorProps](https://github.com/foxford/ui/blob/master/src/components/Indicator/types.ts)\n */\nconst Indicator: React.ForwardRefExoticComponent<IndicatorProps> = withMergedProps<IndicatorProps, HTMLSpanElement>(\n  forwardRef((props, ref) => {\n    const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n    const hasContent = indicatorPropsWithContent(props)\n\n    return (\n      <Styled.Root {...restProps} size={size} square={hasContent} ref={ref}>\n        <Styled.Foreground>\n          {hasContent && (\n            <Text\n              as='span'\n              appearance='body'\n              size='inherit'\n              color='inherit'\n              whiteSpace='nowrap'\n              weight={700}\n              lineHeight={1}\n              marginTop={1}\n              marginRight='0.3em'\n              marginLeft='0.3em'\n              {...textProps}\n            >\n              {children ?? text}\n            </Text>\n          )}\n        </Styled.Foreground>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (indicatorPropsWithContent(props) ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { Indicator }\n"],"names":["indicatorPropsWithContent","props","children","text","Indicator","withMergedProps","forwardRef","ref","size","textProps","restProps","_excluded","hasContent","_jsx","Styled.Root","square","Styled.Foreground","Text","_objectSpread","as","appearance","color","whiteSpace","weight","lineHeight","marginTop","marginRight","marginLeft","displayName","sizes","SIZES_SQUARE","SIZES"],"mappings":"4bASA,IAAMA,EAA6BC,GAChCA,MAAAA,EAAMC,UAAuDD,MAAAA,EAAME,KAYhEC,IAAAA,EAA6DC,EACjEC,GAAAA,CAAYL,EAAOM,KACjB,IAAMC,KAAEA,EAAO,IAATC,UAAcA,EAAY,GAA1BP,SAA8BA,EAA9BC,KAAwCA,GAAuBF,EAAdS,IAAcT,EAArEU,GAEA,IAAMC,EAAaZ,EAA0BC,GAE7C,OACEY,EAACC,SAAgBJ,GAAjB,GAAA,CAA4BF,KAAMA,EAAMO,OAAQH,EAAYL,IAAKA,EAAjEL,SACEW,EAACG,EAAD,CAAAd,SACGU,GACCC,EAACI,EAADC,EAAAA,EAAA,CACEC,GAAG,OACHC,WAAW,OACXZ,KAAK,UACLa,MAAM,UACNC,WAAW,SACXC,OAAQ,IACRC,WAAY,EACZC,UAAW,EACXC,YAAY,QACZC,WAAW,SACPlB,GAXN,GAAA,CAAAP,SAaGA,MAAAA,EAAAA,EAAYC,aAOzB,CACEyB,YA9CmB,YA+CnBC,MAAQ5B,GAAWD,EAA0BC,GAAS6B,EAAeC"}
+{"version":3,"file":"Indicator.js","sources":["../../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport * as Styled from './style'\nimport type { IndicatorProps } from './types'\n\nconst COMPONENT_NAME = 'Indicator'\n\nconst indicatorPropsWithContent = (props: IndicatorProps): boolean =>\n  (props.children !== undefined && props.children !== null) || (props.text !== undefined && props.text !== null)\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [IndicatorProps](https://github.com/foxford/ui/blob/master/src/components/Indicator/types.ts)\n */\nconst Indicator: React.ForwardRefExoticComponent<IndicatorProps> = withMergedProps<IndicatorProps, HTMLSpanElement>(\n  forwardRef((props, ref) => {\n    const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n    const hasContent = indicatorPropsWithContent(props)\n\n    return (\n      <Styled.Root {...restProps} size={size} square={hasContent} ref={ref}>\n        <Styled.Foreground>\n          {hasContent && (\n            <Text\n              as='span'\n              appearance='body'\n              size='inherit'\n              color='inherit'\n              whiteSpace='nowrap'\n              weight={700}\n              lineHeight={1}\n              marginTop={1}\n              marginRight='0.3em'\n              marginLeft='0.3em'\n              {...textProps}\n            >\n              {children ?? text}\n            </Text>\n          )}\n        </Styled.Foreground>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (indicatorPropsWithContent(props) ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { Indicator }\n"],"names":["indicatorPropsWithContent","props","children","undefined","text","Indicator","withMergedProps","forwardRef","ref","size","textProps","restProps","hasContent","_jsx","Styled","square","jsx","Text","as","appearance","color","whiteSpace","weight","lineHeight","marginTop","marginRight","marginLeft","displayName","sizes","SIZES_SQUARE","SIZES"],"mappings":"6PASA,MAAMA,0BAA6BC,GAChCA,EAAMC,gBAAaC,GAAaF,EAAMC,WAAa,MAAUD,EAAMG,YAASD,GAAaF,EAAMG,OAAS,KAYrGC,MAAAA,UAA6DC,gBAAAA,gBACjEC,MAAAA,YAAW,CAACN,EAAOO,KACjB,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAE,EAAAR,SAAEA,EAAQE,KAAEA,KAASO,GAAcV,EAErE,MAAMW,EAAaZ,0BAA0BC,GAE7C,OACEY,WAAAA,IAACC,MAAAA,KAAW,IAAKH,EAAWF,KAAMA,EAAMM,OAAQH,EAAYJ,IAAKA,EAAIN,SACnEW,WAAAG,IAACF,iBAAiB,CAAAZ,SACfU,GACCC,WAAAG,IAACC,UAAI,CACHC,GAAG,OACHC,WAAW,OACXV,KAAK,UACLW,MAAM,UACNC,WAAW,SACXC,OAAQ,IACRC,WAAY,EACZC,UAAW,EACXC,YAAY,QACZC,WAAW,WACPhB,EAASR,SAEZA,GAAYE,OAIP,IAGlB,CACEuB,YA9CmB,YA+CnBC,MAAQ3B,GAAWD,0BAA0BC,GAAS4B,UAAYA,aAAGC,UAAAA"}

package/components/Indicator/Indicator.mjs

@@ -0,0 +1,2 @@
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES_SQUARE,SIZES}from'./constants.mjs';import{Root,Foreground}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';const indicatorPropsWithContent=r=>r.children!==void 0&&r.children!==null||r.text!==void 0&&r.text!==null;const Indicator=withMergedProps(forwardRef(((r,t)=>{const{size:e="m",textProps:o={},children:i,text:n,...s}=r;const a=indicatorPropsWithContent(r);return jsx(Root,{...s,size:e,square:a,ref:t,children:jsx(Foreground,{children:a&&jsx(Text,{as:"span",appearance:"body",size:"inherit",color:"inherit",whiteSpace:"nowrap",weight:700,lineHeight:1,marginTop:1,marginRight:"0.3em",marginLeft:"0.3em",...o,children:i??n})})})})),{displayName:'Indicator',sizes:r=>indicatorPropsWithContent(r)?SIZES_SQUARE:SIZES});export{Indicator};
+//# sourceMappingURL=Indicator.mjs.map

package/components/Indicator/Indicator.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Indicator.mjs","sources":["../../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport * as Styled from './style'\nimport type { IndicatorProps } from './types'\n\nconst COMPONENT_NAME = 'Indicator'\n\nconst indicatorPropsWithContent = (props: IndicatorProps): boolean =>\n  (props.children !== undefined && props.children !== null) || (props.text !== undefined && props.text !== null)\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [IndicatorProps](https://github.com/foxford/ui/blob/master/src/components/Indicator/types.ts)\n */\nconst Indicator: React.ForwardRefExoticComponent<IndicatorProps> = withMergedProps<IndicatorProps, HTMLSpanElement>(\n  forwardRef((props, ref) => {\n    const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n    const hasContent = indicatorPropsWithContent(props)\n\n    return (\n      <Styled.Root {...restProps} size={size} square={hasContent} ref={ref}>\n        <Styled.Foreground>\n          {hasContent && (\n            <Text\n              as='span'\n              appearance='body'\n              size='inherit'\n              color='inherit'\n              whiteSpace='nowrap'\n              weight={700}\n              lineHeight={1}\n              marginTop={1}\n              marginRight='0.3em'\n              marginLeft='0.3em'\n              {...textProps}\n            >\n              {children ?? text}\n            </Text>\n          )}\n        </Styled.Foreground>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (indicatorPropsWithContent(props) ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { Indicator }\n"],"names":["indicatorPropsWithContent","props","children","undefined","text","Indicator","withMergedProps","forwardRef","ref","size","textProps","restProps","hasContent","_jsx","Styled","square","Text","as","appearance","color","whiteSpace","weight","lineHeight","marginTop","marginRight","marginLeft","displayName","sizes","SIZES_SQUARE","SIZES"],"mappings":"yPASA,MAAMA,0BAA6BC,GAChCA,EAAMC,gBAAaC,GAAaF,EAAMC,WAAa,MAAUD,EAAMG,YAASD,GAAaF,EAAMG,OAAS,KAYrGC,MAAAA,UAA6DC,gBACjEC,YAAW,CAACN,EAAOO,KACjB,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAE,EAAAR,SAAEA,EAAQE,KAAEA,KAASO,GAAcV,EAErE,MAAMW,EAAaZ,0BAA0BC,GAE7C,OACEY,IAACC,KAAW,IAAKH,EAAWF,KAAMA,EAAMM,OAAQH,EAAYJ,IAAKA,EAAIN,SACnEW,IAACC,WAAiB,CAAAZ,SACfU,GACCC,IAACG,KAAI,CACHC,GAAG,OACHC,WAAW,OACXT,KAAK,UACLU,MAAM,UACNC,WAAW,SACXC,OAAQ,IACRC,WAAY,EACZC,UAAW,EACXC,YAAY,QACZC,WAAW,WACPf,EAASR,SAEZA,GAAYE,OAIP,IAGlB,CACEsB,YA9CmB,YA+CnBC,MAAQ1B,GAAWD,0BAA0BC,GAAS2B,aAAeC"}

package/components/Indicator/constants.js

@@ -1,2 +1,2 @@
-var i={xxxl:{width:10,height:10,borderRadius:'50%'},xxl:{width:10,height:10,borderRadius:'50%'},xl:{width:10,height:10,borderRadius:'50%'},l:{width:10,height:10,borderRadius:'50%'},m:{width:6,height:6,borderRadius:'50%'},s:{width:4,height:4,borderRadius:'50%'},xs:{width:4,height:4,borderRadius:'50%'},xxs:{width:4,height:4,borderRadius:'50%'},xxxs:{width:4,height:4,borderRadius:'50%'}};var t={xxxl:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},xxl:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},xl:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},l:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},m:{width:'min-content',minWidth:18,height:18,borderRadius:4,fontSize:12},s:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10},xs:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10},xxs:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10},xxxs:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10}};export{i as SIZES,t as SIZES_SQUARE};
+'use strict';exports.SIZES={xxxl:{width:10,height:10,borderRadius:'50%'},xxl:{width:10,height:10,borderRadius:'50%'},xl:{width:10,height:10,borderRadius:'50%'},l:{width:10,height:10,borderRadius:'50%'},m:{width:6,height:6,borderRadius:'50%'},s:{width:4,height:4,borderRadius:'50%'},xs:{width:4,height:4,borderRadius:'50%'},xxs:{width:4,height:4,borderRadius:'50%'},xxxs:{width:4,height:4,borderRadius:'50%'}},exports.SIZES_SQUARE={xxxl:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},xxl:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},xl:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},l:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},m:{width:'min-content',minWidth:18,height:18,borderRadius:4,fontSize:12},s:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10},xs:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10},xxs:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10},xxxs:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10}};
 //# sourceMappingURL=constants.js.map

package/components/Indicator/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Indicator/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 6,\n    height: 6,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE: Sizes = {\n  xxxl: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  xxl: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  xl: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  l: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  m: {\n    width: 'min-content',\n    minWidth: 18,\n    height: 18,\n    borderRadius: 4,\n    fontSize: 12,\n  },\n  s: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n  xs: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n  xxs: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n  xxxs: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n}\n"],"names":["SIZES","xxxl","width","height","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_SQUARE","minWidth","fontSize"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBI,EAAG,CACDN,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBK,EAAG,CACDP,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBM,GAAI,CACFR,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBO,IAAK,CACHT,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBQ,KAAM,CACJV,MAAO,EACPC,OAAQ,EACRC,aAAc,QAIX,IAAMS,EAAsB,CACjCZ,KAAM,CACJC,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZV,IAAK,CACHH,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZT,GAAI,CACFJ,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZR,EAAG,CACDL,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZP,EAAG,CACDN,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZN,EAAG,CACDP,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZL,GAAI,CACFR,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZJ,IAAK,CACHT,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZH,KAAM,CACJV,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Indicator/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 6,\n    height: 6,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE: Sizes = {\n  xxxl: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  xxl: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  xl: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  l: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  m: {\n    width: 'min-content',\n    minWidth: 18,\n    height: 18,\n    borderRadius: 4,\n    fontSize: 12,\n  },\n  s: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n  xs: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n  xxs: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n  xxxs: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n}\n"],"names":["xxxl","width","height","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs","minWidth","fontSize"],"mappings":"2BAE4B,CAC1BA,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBI,EAAG,CACDN,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBK,EAAG,CACDP,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBM,GAAI,CACFR,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBO,IAAK,CACHT,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBQ,KAAM,CACJV,MAAO,EACPC,OAAQ,EACRC,aAAc,6BAIiB,CACjCH,KAAM,CACJC,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZT,IAAK,CACHH,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZR,GAAI,CACFJ,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZP,EAAG,CACDL,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZN,EAAG,CACDN,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZL,EAAG,CACDP,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZJ,GAAI,CACFR,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZH,IAAK,CACHT,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZF,KAAM,CACJV,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU"}

package/components/Indicator/constants.mjs

@@ -0,0 +1,2 @@
+const SIZES={xxxl:{width:10,height:10,borderRadius:'50%'},xxl:{width:10,height:10,borderRadius:'50%'},xl:{width:10,height:10,borderRadius:'50%'},l:{width:10,height:10,borderRadius:'50%'},m:{width:6,height:6,borderRadius:'50%'},s:{width:4,height:4,borderRadius:'50%'},xs:{width:4,height:4,borderRadius:'50%'},xxs:{width:4,height:4,borderRadius:'50%'},xxxs:{width:4,height:4,borderRadius:'50%'}};const SIZES_SQUARE={xxxl:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},xxl:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},xl:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},l:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},m:{width:'min-content',minWidth:18,height:18,borderRadius:4,fontSize:12},s:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10},xs:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10},xxs:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10},xxxs:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10}};export{SIZES,SIZES_SQUARE};
+//# sourceMappingURL=constants.mjs.map

package/components/Indicator/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Indicator/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 6,\n    height: 6,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE: Sizes = {\n  xxxl: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  xxl: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  xl: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  l: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  m: {\n    width: 'min-content',\n    minWidth: 18,\n    height: 18,\n    borderRadius: 4,\n    fontSize: 12,\n  },\n  s: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n  xs: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n  xxs: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n  xxxs: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n}\n"],"names":["SIZES","xxxl","width","height","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_SQUARE","minWidth","fontSize"],"mappings":"AAEO,MAAMA,MAAe,CAC1BC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBI,EAAG,CACDN,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBK,EAAG,CACDP,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBM,GAAI,CACFR,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBO,IAAK,CACHT,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBQ,KAAM,CACJV,MAAO,EACPC,OAAQ,EACRC,aAAc,QAIX,MAAMS,aAAsB,CACjCZ,KAAM,CACJC,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZV,IAAK,CACHH,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZT,GAAI,CACFJ,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZR,EAAG,CACDL,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZP,EAAG,CACDN,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZN,EAAG,CACDP,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZL,GAAI,CACFR,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZJ,IAAK,CACHT,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZH,KAAM,CACJV,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU"}

package/components/Indicator/style.js

@@ -1,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import r,{keyframes as e,css as n}from'styled-components';import{createShouldForwardProp as a}from'../../shared/utils/style.js';import{responsiveSize as t}from'../../mixins/responsive-size.js';var c=a((o=>!['square','black','grey','onColored','pulse','pulseIterationCount','frame'].includes(o)));var i=e(["0%{opacity:1;transform:scale(1);}75%{opacity:0;}100%{transform:scale(4);}"]);var l=r.span.withConfig({componentId:"fox-ui__sc-1dc67xh-0"})(["box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;border-radius:inherit;background-color:inherit;"]);var s=o=>"\n  color: ".concat(o.color,";\n  background-color: ").concat(o.backgroundColor,";\n\n  & > ").concat(l," {\n    box-shadow: 0 0 0 1px ").concat(o.shadowColor,";\n  }\n");var m={onColored:{primary:n(["",""],(r=>s(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors['bg-oncolor-primary'],shadowColor:r.theme.colors['bg-oncolor-primary']},r.palette)))),secondary:n(["",""],(r=>s(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-brand-secondary-500'],shadowColor:r.theme.colors['bg-oncolor-primary']},r.palette)))),black:n(["",""],(r=>s(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-contrast'],shadowColor:r.theme.colors['bg-oncolor-primary']},r.palette)))),grey:n(["",""],(r=>s(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-oncolor-secondary'],shadowColor:r.theme.colors['bg-oncolor-primary']},r.palette))))},default:{primary:n(["",""],(r=>s(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-brand-primary-500'],shadowColor:r.theme.colors['bg-onmain-primary']},r.palette)))),secondary:n(["",""],(r=>s(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-brand-secondary-500'],shadowColor:r.theme.colors['bg-onmain-primary']},r.palette)))),black:n(["",""],(r=>s(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-contrast'],shadowColor:r.theme.colors['bg-onmain-primary']},r.palette)))),grey:n(["",""],(r=>s(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-onmain-divider'],shadowColor:r.theme.colors['bg-onmain-primary']},r.palette))))}};var d=r.span.withConfig({shouldForwardProp:c}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:'string'==typeof r?r:"".concat(r).concat(e),width:o.square?'min-content':'1em',minWidth:o.square?'1.6em':void 0,height:o.square?'1.6em':'1em',borderRadius:o.square?'0.2em':'50%'})}))).withConfig({componentId:"fox-ui__sc-1dc67xh-1"})(["box-sizing:border-box;position:relative;isolation:isolate;cursor:default;display:inline-block;flex-shrink:0;"," "," "," ",""],(o=>{var r=o.onColored?m.onColored:m.default;return o.grey?r.grey:o.black?r.black:o.secondary?r.secondary:r.primary}),(o=>!o.frame&&"\n      & > ".concat(l," {\n        box-shadow: none;\n      }\n    ")),(o=>o.pulse&&n(["&::before,&::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:inherit;border-radius:inherit;animation-name:",";animation-duration:3200ms;animation-iteration-count:",";}&::after{animation-delay:800ms;}"],i,'number'==typeof o.pulseIterationCount?o.pulseIterationCount:'infinite')),t);export{l as Foreground,d as Root};
+'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardIndicatorProp=style.createShouldForwardProp((o=>!['square','black','grey','onColored','pulse','pulseIterationCount','frame'].includes(o)));const pulseAnimation=styled.keyframes(["0%{opacity:1;transform:scale(1);}75%{opacity:0;}100%{transform:scale(4);}"]);const Foreground=styled__default.default.span.withConfig({displayName:"Indicator__Foreground",componentId:"ui__sc-1dc67xh-0"})(["box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;border-radius:inherit;background-color:inherit;"]);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n\n  & > ${Foreground} {\n    box-shadow: 0 0 0 1px ${o.shadowColor};\n  }\n`;const COLOR_SCHEMA={onColored:{primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-oncolor-primary'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),secondary:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-500'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),black:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-contrast'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),grey:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-oncolor-secondary'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette})))},default:{primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-primary-500'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),secondary:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-500'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),black:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-contrast'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),grey:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-divider'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette})))}};const Root=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardIndicatorProp}).attrs((o=>({dynamicSizeDeclaration:(e,r)=>({fontSize:typeof e=='string'?e:`${e}${r}`,width:o.square?'min-content':'1em',minWidth:o.square?'1.6em':void 0,height:o.square?'1.6em':'1em',borderRadius:o.square?'0.2em':'50%'})}))).withConfig({displayName:"Indicator__Root",componentId:"ui__sc-1dc67xh-1"})(["box-sizing:border-box;position:relative;isolation:isolate;cursor:default;display:inline-block;flex-shrink:0;"," "," "," ",""],(o=>{const e=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.grey?e.grey:o.black?e.black:o.secondary?e.secondary:e.primary}),(o=>!o.frame&&`\n      & > ${Foreground} {\n        box-shadow: none;\n      }\n    `),(o=>o.pulse&&styled.css(["&::before,&::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:inherit;border-radius:inherit;animation-name:",";animation-duration:3200ms;animation-iteration-count:",";}&::after{animation-delay:800ms;}"],pulseAnimation,typeof o.pulseIterationCount=='number'?o.pulseIterationCount:'infinite')),responsiveSize.responsiveSize);exports.Foreground=Foreground,exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/Indicator/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Indicator/style.ts"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledIndicatorProps, IndicatorPalette } from './types'\n\nconst shouldForwardIndicatorProp = createShouldForwardProp((propKey) => {\n  return !['square', 'black', 'grey', 'onColored', 'pulse', 'pulseIterationCount', 'frame'].includes(propKey)\n})\n\nconst pulseAnimation = keyframes`\n  0% {\n    opacity: 1;\n    transform: scale(1);\n  }\n  75% {\n    opacity: 0;\n  }\n  100% {\n    transform: scale(4);\n  }\n`\n\nexport const Foreground = styled.span`\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  z-index: 1;\n  border-radius: inherit;\n  background-color: inherit;\n`\n\nconst template = (palette: IndicatorPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n\n  & > ${Foreground} {\n    box-shadow: 0 0 0 1px ${palette.shadowColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    primary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-brand-primary'],\n          backgroundColor: props.theme.colors['bg-oncolor-primary'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-brand-secondary-500'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n    black: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-contrast'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n    grey: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-oncolor-secondary'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    primary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-500'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-brand-secondary-500'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n    black: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-contrast'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n    grey: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-divider'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.span\n  .withConfig<StyledIndicatorProps>({\n    shouldForwardProp: shouldForwardIndicatorProp,\n  })\n  .attrs<StyledIndicatorProps>(\n    (props): Required<Pick<StyledIndicatorProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        width: props.square ? 'min-content' : '1em',\n        minWidth: props.square ? '1.6em' : undefined,\n        height: props.square ? '1.6em' : '1em',\n        borderRadius: props.square ? '0.2em' : '50%',\n      }),\n    })\n  )`\n  box-sizing: border-box;\n  position: relative;\n  isolation: isolate;\n  cursor: default;\n  display: inline-block;\n  flex-shrink: 0;\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    if (props.grey) return schema.grey\n    if (props.black) return schema.black\n    if (props.secondary) return schema.secondary\n\n    return schema.primary\n  }}\n\n  ${(props) =>\n    !props.frame &&\n    `\n      & > ${Foreground} {\n        box-shadow: none;\n      }\n    `}\n\n  ${(props) =>\n    props.pulse &&\n    css`\n      &::before,\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        background-color: inherit;\n        border-radius: inherit;\n        animation-name: ${pulseAnimation};\n        animation-duration: 3200ms;\n        animation-iteration-count: ${typeof props.pulseIterationCount === 'number'\n          ? props.pulseIterationCount\n          : 'infinite'};\n      }\n\n      &::after {\n        animation-delay: 800ms;\n      }\n    `}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardIndicatorProp","createShouldForwardProp","propKey","includes","pulseAnimation","keyframes","Foreground","styled","span","withConfig","componentId","template","palette","color","concat","backgroundColor","shadowColor","COLOR_SCHEMA","onColored","primary","css","props","_objectSpread","theme","colors","secondary","black","grey","default","Root","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","square","minWidth","height","borderRadius","schema","frame","pulse","pulseIterationCount","responsiveSize"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Indicator/style.ts"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledIndicatorProps, IndicatorPalette } from './types'\n\nconst shouldForwardIndicatorProp = createShouldForwardProp((propKey) => {\n  return !['square', 'black', 'grey', 'onColored', 'pulse', 'pulseIterationCount', 'frame'].includes(propKey)\n})\n\nconst pulseAnimation = keyframes`\n  0% {\n    opacity: 1;\n    transform: scale(1);\n  }\n  75% {\n    opacity: 0;\n  }\n  100% {\n    transform: scale(4);\n  }\n`\n\nexport const Foreground = styled.span`\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  z-index: 1;\n  border-radius: inherit;\n  background-color: inherit;\n`\n\nconst template = (palette: IndicatorPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n\n  & > ${Foreground} {\n    box-shadow: 0 0 0 1px ${palette.shadowColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    primary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-brand-primary'],\n          backgroundColor: props.theme.colors['bg-oncolor-primary'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-brand-secondary-500'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n    black: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-contrast'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n    grey: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-oncolor-secondary'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    primary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-500'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-brand-secondary-500'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n    black: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-contrast'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n    grey: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-divider'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.span\n  .withConfig<StyledIndicatorProps>({\n    shouldForwardProp: shouldForwardIndicatorProp,\n  })\n  .attrs<StyledIndicatorProps>(\n    (props): Required<Pick<StyledIndicatorProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        width: props.square ? 'min-content' : '1em',\n        minWidth: props.square ? '1.6em' : undefined,\n        height: props.square ? '1.6em' : '1em',\n        borderRadius: props.square ? '0.2em' : '50%',\n      }),\n    })\n  )`\n  box-sizing: border-box;\n  position: relative;\n  isolation: isolate;\n  cursor: default;\n  display: inline-block;\n  flex-shrink: 0;\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    if (props.grey) return schema.grey\n    if (props.black) return schema.black\n    if (props.secondary) return schema.secondary\n\n    return schema.primary\n  }}\n\n  ${(props) =>\n    !props.frame &&\n    `\n      & > ${Foreground} {\n        box-shadow: none;\n      }\n    `}\n\n  ${(props) =>\n    props.pulse &&\n    css`\n      &::before,\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        background-color: inherit;\n        border-radius: inherit;\n        animation-name: ${pulseAnimation};\n        animation-duration: 3200ms;\n        animation-iteration-count: ${typeof props.pulseIterationCount === 'number'\n          ? props.pulseIterationCount\n          : 'infinite'};\n      }\n\n      &::after {\n        animation-delay: 800ms;\n      }\n    `}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardIndicatorProp","createShouldForwardProp","propKey","includes","pulseAnimation","keyframes","Foreground","styled","span","withConfig","displayName","componentId","template","palette","color","backgroundColor","shadowColor","COLOR_SCHEMA","onColored","primary","css","props","theme","colors","secondary","black","grey","default","Root","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","square","minWidth","undefined","height","borderRadius","schema","frame","pulse","pulseIterationCount","responsiveSize"],"mappings":"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"}

package/components/Indicator/style.mjs

@@ -0,0 +1,2 @@
+import styled,{keyframes,css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';const shouldForwardIndicatorProp=createShouldForwardProp((o=>!['square','black','grey','onColored','pulse','pulseIterationCount','frame'].includes(o)));const pulseAnimation=keyframes(["0%{opacity:1;transform:scale(1);}75%{opacity:0;}100%{transform:scale(4);}"]);const Foreground=styled.span.withConfig({displayName:"Indicator__Foreground",componentId:"ui__sc-1dc67xh-0"})(["box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;border-radius:inherit;background-color:inherit;"]);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n\n  & > ${Foreground} {\n    box-shadow: 0 0 0 1px ${o.shadowColor};\n  }\n`;const COLOR_SCHEMA={onColored:{primary:css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-oncolor-primary'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),secondary:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-500'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),black:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-contrast'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),grey:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-oncolor-secondary'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette})))},default:{primary:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-primary-500'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),secondary:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-500'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),black:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-contrast'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),grey:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-divider'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette})))}};const Root=styled.span.withConfig({shouldForwardProp:shouldForwardIndicatorProp}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:typeof r=='string'?r:`${r}${e}`,width:o.square?'min-content':'1em',minWidth:o.square?'1.6em':void 0,height:o.square?'1.6em':'1em',borderRadius:o.square?'0.2em':'50%'})}))).withConfig({displayName:"Indicator__Root",componentId:"ui__sc-1dc67xh-1"})(["box-sizing:border-box;position:relative;isolation:isolate;cursor:default;display:inline-block;flex-shrink:0;"," "," "," ",""],(o=>{const r=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.grey?r.grey:o.black?r.black:o.secondary?r.secondary:r.primary}),(o=>!o.frame&&`\n      & > ${Foreground} {\n        box-shadow: none;\n      }\n    `),(o=>o.pulse&&css(["&::before,&::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:inherit;border-radius:inherit;animation-name:",";animation-duration:3200ms;animation-iteration-count:",";}&::after{animation-delay:800ms;}"],pulseAnimation,typeof o.pulseIterationCount=='number'?o.pulseIterationCount:'infinite')),responsiveSize);export{Foreground,Root};
+//# sourceMappingURL=style.mjs.map