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

package/components/Arrow/default-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-constants.js","sources":["../../../../src/components/Arrow/default-constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES_DEFAULT: Sizes = {\n  xxxl: {\n    width: 52,\n    height: 52,\n    fontSize: 18,\n  },\n  xxl: {\n    width: 48,\n    height: 48,\n    fontSize: 18,\n  },\n  xl: {\n    width: 44,\n    height: 44,\n    fontSize: 18,\n  },\n  l: {\n    width: 40,\n    height: 40,\n    fontSize: 16,\n  },\n  m: {\n    width: 28,\n    height: 28,\n    fontSize: 16,\n  },\n  s: {\n    width: 24,\n    height: 24,\n    fontSize: 16,\n  },\n  xs: {\n    width: 20,\n    height: 20,\n    fontSize: 16,\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n  },\n  xxxs: {\n    width: 14,\n    height: 14,\n    fontSize: 10,\n  },\n}\n"],"names":["SIZES_DEFAULT","xxxl","width","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAuB,CAClCC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZK,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZM,GAAI,CACFR,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZO,IAAK,CACHT,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZQ,KAAM,CACJV,MAAO,GACPC,OAAQ,GACRC,SAAU"}
+{"version":3,"file":"default-constants.js","sources":["../../../../src/components/Arrow/default-constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES_DEFAULT: Sizes = {\n  xxxl: {\n    width: 52,\n    height: 52,\n    fontSize: 18,\n  },\n  xxl: {\n    width: 48,\n    height: 48,\n    fontSize: 18,\n  },\n  xl: {\n    width: 44,\n    height: 44,\n    fontSize: 18,\n  },\n  l: {\n    width: 40,\n    height: 40,\n    fontSize: 16,\n  },\n  m: {\n    width: 28,\n    height: 28,\n    fontSize: 16,\n  },\n  s: {\n    width: 24,\n    height: 24,\n    fontSize: 16,\n  },\n  xs: {\n    width: 20,\n    height: 20,\n    fontSize: 16,\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n  },\n  xxxs: {\n    width: 14,\n    height: 14,\n    fontSize: 10,\n  },\n}\n"],"names":["xxxl","width","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"mCAEoC,CAClCA,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZK,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZM,GAAI,CACFR,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZO,IAAK,CACHT,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZQ,KAAM,CACJV,MAAO,GACPC,OAAQ,GACRC,SAAU"}

package/components/Arrow/default-constants.mjs

@@ -0,0 +1,2 @@
+const SIZES_DEFAULT={xxxl:{width:52,height:52,fontSize:18},xxl:{width:48,height:48,fontSize:18},xl:{width:44,height:44,fontSize:18},l:{width:40,height:40,fontSize:16},m:{width:28,height:28,fontSize:16},s:{width:24,height:24,fontSize:16},xs:{width:20,height:20,fontSize:16},xxs:{width:16,height:16,fontSize:12},xxxs:{width:14,height:14,fontSize:10}};export{SIZES_DEFAULT};
+//# sourceMappingURL=default-constants.mjs.map

package/components/Arrow/default-constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-constants.mjs","sources":["../../../../src/components/Arrow/default-constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES_DEFAULT: Sizes = {\n  xxxl: {\n    width: 52,\n    height: 52,\n    fontSize: 18,\n  },\n  xxl: {\n    width: 48,\n    height: 48,\n    fontSize: 18,\n  },\n  xl: {\n    width: 44,\n    height: 44,\n    fontSize: 18,\n  },\n  l: {\n    width: 40,\n    height: 40,\n    fontSize: 16,\n  },\n  m: {\n    width: 28,\n    height: 28,\n    fontSize: 16,\n  },\n  s: {\n    width: 24,\n    height: 24,\n    fontSize: 16,\n  },\n  xs: {\n    width: 20,\n    height: 20,\n    fontSize: 16,\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n  },\n  xxxs: {\n    width: 14,\n    height: 14,\n    fontSize: 10,\n  },\n}\n"],"names":["SIZES_DEFAULT","xxxl","width","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,MAAMA,cAAuB,CAClCC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZK,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZM,GAAI,CACFR,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZO,IAAK,CACHT,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZQ,KAAM,CACJV,MAAO,GACPC,OAAQ,GACRC,SAAU"}

package/components/Arrow/style.js

@@ -1,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import r,{css as n}from'styled-components';import e 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 s=l((o=>!['square','top','right','bottom','left','onColored','outline','inverse'].includes(o)));var i=o=>"\n  color: ".concat(o.color,";\n  background-color: ").concat(o.backgroundColor,";\n  border-color: ").concat(o.borderColor,";\n  &::before {\n    box-shadow: inset 0px 4px 0px ").concat(o.shadowColor,";\n  }\n  &:hover {\n    color: ").concat(o.colorHover,";\n    background-color: ").concat(o.backgroundColorHover,";\n    border-color: ").concat(o.borderColorHover,";\n  }\n  &:active {\n    color: ").concat(o.colorActive,";\n    background-color: ").concat(o.backgroundColorActive,";\n    border-color: ").concat(o.borderColorActive,";\n  }\n  &:disabled {\n    color: ").concat(o.colorDisabled,";\n    background-color: ").concat(o.backgroundColorDisabled,";\n    border-color: ").concat(o.borderColorDisabled,";\n  }\n");var d="\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n";var b={onColored:{outline:n(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors['border-oncolor-default'],colorHover:r.theme.colors['content-oncolor-constant'],backgroundColorHover:r.theme.colors['bg-oncolor-primary'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-constant'],backgroundColorActive:e(r.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors['border-oncolor-disabled'],shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:n(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-constant'],backgroundColor:r.theme.colors['bg-oncolor-primary'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-constant'],backgroundColorHover:e(r.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-constant'],backgroundColorActive:e(r.theme.colors['bg-oncolor-primary']).darken(8).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-oncolor-primary'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},default:{outline:n(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors['border-onmain-contrast'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.theme.colors['bg-onmain-tertiary'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.theme.colors['bg-brand-primary-basic-active'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors['border-disabled'],shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:n(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-onmain-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:e(r.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.theme.colors['bg-brand-primary-basic-active'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))}};var m={filled:n(["",""],(o=>{var{theme:r,disabled:n}=o;return"\n      background-color: ".concat(r.colors.white,";\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ").concat(r.colors.accent,";\n      }\n      &:hover {\n        background-color: ").concat(r.colors.accent,";\n        box-shadow: none;\n        svg {\n          fill: ").concat(r.colors.white,";\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ").concat(n?d:'',"\n    ")})),outline:n(["",""],(o=>{var{theme:r,disabled:n}=o;return"\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ".concat(r.colors.alto,";\n      & svg {\n        fill: ").concat(r.colors.alto,";\n      }\n      &:hover {\n        background-color: ").concat(r.colors.accent,";\n        box-shadow: none;\n        svg {\n          fill: ").concat(r.colors.white,";\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ").concat(n?d:'',"\n    ")})),inverse:n(["",""],(o=>{var{theme:r,disabled:n}=o;return"\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ".concat(r.colors.white,";\n      & svg {\n        fill: ").concat(r.colors.white,";\n      }\n      &:hover {\n        background-color: ").concat(r.colors.white,";\n        box-shadow: none;\n        svg {\n          fill: ").concat(r.colors.accent,";\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ").concat(n?d:'',"\n    ")}))};var h=r.button.withConfig({shouldForwardProp:s}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(r),width:'1.8em',height:'1.8em'})}).withConfig({componentId:"fox-ui__sc-1xgj0m4-0"})([""," "," "," "," ",""],(o=>{var r='rotate(0deg)';return o.right&&(r='rotate(90deg)'),o.bottom&&(r='rotate(180deg)'),o.left&&(r='rotate(270deg)'),"\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      appearance: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      padding: 0;\n      border-radius: ".concat(o.square?'8px':'50%',";\n      cursor: ").concat(o.disabled?'not-allowed':'pointer',";\n      & svg {\n        transform: ").concat(r,";\n        transform-origin: center;\n      }\n      ").concat('brand'===o.preset?"\n            border: 1px solid transparent;\n            transition-property: background-color; \n            transition-duration: 250ms;\n            &::before {\n              content: '';\n              position: absolute;\n              top: -1px;\n              left: -1px;\n              width: calc(100% + 2px);\n              height: calc(100% + 2px);\n              border-radius: inherit;\n              opacity: 0;\n              transition-property: opacity; \n              transition-duration: 150ms;\n              transition-timing-function: ease-in;\n            }\n            &:active:not(:disabled)::before {\n              opacity: 1;\n            }":"\n            border: none;\n            transition-property: background-color, box-shadow;\n            transition-duration: 200ms;","\n    ")}),(o=>{if('brand'===o.preset){var r=o.onColored?b.onColored:b.default;return o.outline?r.outline:r.default}return o.inverse?m.inverse:o.outline?m.outline:m.filled}),a,t,c);export{h 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 shouldForwardArrowProp=style.createShouldForwardProp((o=>!['square','top','right','bottom','left','onColored','outline','inverse'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${o.shadowColor};\n  }\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n  &:active {\n    color: ${o.colorActive};\n    background-color: ${o.backgroundColorActive};\n    border-color: ${o.borderColorActive};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n`;const defaultDisabledStyles="\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n";const COLOR_SCHEMA={onColored:{outline:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-oncolor-default'],colorHover:o.theme.colors['content-oncolor-constant'],backgroundColorHover:o.theme.colors['bg-oncolor-primary'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor.default(o.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-oncolor-disabled'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-constant'],backgroundColor:o.theme.colors['bg-oncolor-primary'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-constant'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor.default(o.theme.colors['bg-oncolor-primary']).darken(8).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-primary'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},default:{outline:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-onmain-contrast'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['bg-onmain-tertiary'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-brand-primary-basic-active'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-disabled'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-brand-primary-basic-active'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))}};const DEFAULT_STYLES={filled:styled.css(["",""],(({theme:o,disabled:r})=>`\n      background-color: ${o.colors.white};\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ${o.colors.accent};\n      }\n      &:hover {\n        background-color: ${o.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${r?defaultDisabledStyles:''}\n    `)),outline:styled.css(["",""],(({theme:o,disabled:r})=>`\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${o.colors.alto};\n      & svg {\n        fill: ${o.colors.alto};\n      }\n      &:hover {\n        background-color: ${o.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${r?defaultDisabledStyles:''}\n    `)),inverse:styled.css(["",""],(({theme:o,disabled:r})=>`\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${o.colors.white};\n      & svg {\n        fill: ${o.colors.white};\n      }\n      &:hover {\n        background-color: ${o.colors.white};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.accent};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ${r?defaultDisabledStyles:''}\n    `))};const Root=styled__default.default.button.withConfig({shouldForwardProp:shouldForwardArrowProp}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:typeof o=='string'?o:`${o}${r}`,width:'1.8em',height:'1.8em'})}).withConfig({displayName:"Arrow__Root",componentId:"ui__sc-1xgj0m4-0"})([""," "," "," "," ",""],(o=>{let r='rotate(0deg)';return o.right&&(r='rotate(90deg)'),o.bottom&&(r='rotate(180deg)'),o.left&&(r='rotate(270deg)'),`\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      appearance: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      padding: 0;\n      border-radius: ${o.square?'8px':'50%'};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      & svg {\n        transform: ${r};\n        transform-origin: center;\n      }\n      ${o.preset==='brand'?"\n            border: 1px solid transparent;\n            transition-property: background-color; \n            transition-duration: 250ms;\n            &::before {\n              content: '';\n              position: absolute;\n              top: -1px;\n              left: -1px;\n              width: calc(100% + 2px);\n              height: calc(100% + 2px);\n              border-radius: inherit;\n              opacity: 0;\n              transition-property: opacity; \n              transition-duration: 150ms;\n              transition-timing-function: ease-in;\n            }\n            &:active:not(:disabled)::before {\n              opacity: 1;\n            }":"\n            border: none;\n            transition-property: background-color, box-shadow;\n            transition-duration: 200ms;"}\n    `}),(o=>{if(o.preset==='brand'){const r=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.outline?r.outline:r.default}return o.inverse?DEFAULT_STYLES.inverse:o.outline?DEFAULT_STYLES.outline:DEFAULT_STYLES.filled}),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/Arrow/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Arrow/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 { StyledArrowProps, ArrowPalette } from './types'\n\nconst shouldForwardArrowProp = createShouldForwardProp((propKey) => {\n  return !['square', 'top', 'right', 'bottom', 'left', 'onColored', 'outline', 'inverse'].includes(propKey)\n})\n\nconst template = (palette: ArrowPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${palette.shadowColor};\n  }\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:active {\n    color: ${palette.colorActive};\n    background-color: ${palette.backgroundColorActive};\n    border-color: ${palette.borderColorActive};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n`\n\nconst defaultDisabledStyles = `\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    outline: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors['border-oncolor-default'],\n          colorHover: props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-primary'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-constant'],\n          backgroundColor: props.theme.colors['bg-oncolor-primary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(8).toString() as CSSColor,\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-oncolor-primary'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    outline: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors['border-onmain-contrast'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-tertiary'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-tertiary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nconst DEFAULT_STYLES = {\n  filled: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: ${theme.colors.white};\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ${theme.colors.accent};\n      }\n      &:hover {\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  outline: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.alto};\n      & svg {\n        fill: ${theme.colors.alto};\n      }\n      &:hover {\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  inverse: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.white};\n      & svg {\n        fill: ${theme.colors.white};\n      }\n      &:hover {\n        background-color: ${theme.colors.white};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.accent};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n}\n\nexport const Root = styled.button\n  .withConfig<StyledArrowProps>({\n    shouldForwardProp: shouldForwardArrowProp,\n  })\n  .attrs<StyledArrowProps>(<Required<Pick<StyledArrowProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        width: '1.8em',\n        height: '1.8em',\n      }\n    },\n  })`\n  ${(props) => {\n    let transform = 'rotate(0deg)'\n\n    if (props.right) transform = 'rotate(90deg)'\n    if (props.bottom) transform = 'rotate(180deg)'\n    if (props.left) transform = 'rotate(270deg)'\n\n    return `\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      appearance: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      padding: 0;\n      border-radius: ${props.square ? '8px' : '50%'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      & svg {\n        transform: ${transform};\n        transform-origin: center;\n      }\n      ${\n        props.preset === 'brand'\n          ? `\n            border: 1px solid transparent;\n            transition-property: background-color; \n            transition-duration: 250ms;\n            &::before {\n              content: '';\n              position: absolute;\n              top: -1px;\n              left: -1px;\n              width: calc(100% + 2px);\n              height: calc(100% + 2px);\n              border-radius: inherit;\n              opacity: 0;\n              transition-property: opacity; \n              transition-duration: 150ms;\n              transition-timing-function: ease-in;\n            }\n            &:active:not(:disabled)::before {\n              opacity: 1;\n            }`\n          : `\n            border: none;\n            transition-property: background-color, box-shadow;\n            transition-duration: 200ms;`\n      }\n    `\n  }}\n\n  ${(props) => {\n    if (props.preset === 'brand') {\n      const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n      return props.outline ? schema.outline : schema.default\n    }\n\n    const defaultStyles = DEFAULT_STYLES\n\n    if (props.inverse) return defaultStyles.inverse\n    if (props.outline) return defaultStyles.outline\n\n    return defaultStyles.filled\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardArrowProp","createShouldForwardProp","propKey","includes","template","palette","color","concat","backgroundColor","borderColor","shadowColor","colorHover","backgroundColorHover","borderColorHover","colorActive","backgroundColorActive","borderColorActive","colorDisabled","backgroundColorDisabled","borderColorDisabled","defaultDisabledStyles","COLOR_SCHEMA","onColored","outline","css","props","_objectSpread","theme","colors","transparent","tinycolor","darken","toString","default","DEFAULT_STYLES","filled","_ref","disabled","white","accent","_ref2","alto","inverse","_ref3","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","height","componentId","transform","right","bottom","left","square","preset","schema","focus","responsiveSize","responsiveMargin"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Arrow/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 { StyledArrowProps, ArrowPalette } from './types'\n\nconst shouldForwardArrowProp = createShouldForwardProp((propKey) => {\n  return !['square', 'top', 'right', 'bottom', 'left', 'onColored', 'outline', 'inverse'].includes(propKey)\n})\n\nconst template = (palette: ArrowPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${palette.shadowColor};\n  }\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:active {\n    color: ${palette.colorActive};\n    background-color: ${palette.backgroundColorActive};\n    border-color: ${palette.borderColorActive};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n`\n\nconst defaultDisabledStyles = `\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    outline: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors['border-oncolor-default'],\n          colorHover: props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-primary'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-constant'],\n          backgroundColor: props.theme.colors['bg-oncolor-primary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(8).toString() as CSSColor,\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-oncolor-primary'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    outline: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors['border-onmain-contrast'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-tertiary'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-tertiary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nconst DEFAULT_STYLES = {\n  filled: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: ${theme.colors.white};\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ${theme.colors.accent};\n      }\n      &:hover {\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  outline: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.alto};\n      & svg {\n        fill: ${theme.colors.alto};\n      }\n      &:hover {\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  inverse: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.white};\n      & svg {\n        fill: ${theme.colors.white};\n      }\n      &:hover {\n        background-color: ${theme.colors.white};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.accent};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n}\n\nexport const Root = styled.button\n  .withConfig<StyledArrowProps>({\n    shouldForwardProp: shouldForwardArrowProp,\n  })\n  .attrs<StyledArrowProps>(<Required<Pick<StyledArrowProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        width: '1.8em',\n        height: '1.8em',\n      }\n    },\n  })`\n  ${(props) => {\n    let transform = 'rotate(0deg)'\n\n    if (props.right) transform = 'rotate(90deg)'\n    if (props.bottom) transform = 'rotate(180deg)'\n    if (props.left) transform = 'rotate(270deg)'\n\n    return `\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      appearance: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      padding: 0;\n      border-radius: ${props.square ? '8px' : '50%'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      & svg {\n        transform: ${transform};\n        transform-origin: center;\n      }\n      ${\n        props.preset === 'brand'\n          ? `\n            border: 1px solid transparent;\n            transition-property: background-color; \n            transition-duration: 250ms;\n            &::before {\n              content: '';\n              position: absolute;\n              top: -1px;\n              left: -1px;\n              width: calc(100% + 2px);\n              height: calc(100% + 2px);\n              border-radius: inherit;\n              opacity: 0;\n              transition-property: opacity; \n              transition-duration: 150ms;\n              transition-timing-function: ease-in;\n            }\n            &:active:not(:disabled)::before {\n              opacity: 1;\n            }`\n          : `\n            border: none;\n            transition-property: background-color, box-shadow;\n            transition-duration: 200ms;`\n      }\n    `\n  }}\n\n  ${(props) => {\n    if (props.preset === 'brand') {\n      const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n      return props.outline ? schema.outline : schema.default\n    }\n\n    const defaultStyles = DEFAULT_STYLES\n\n    if (props.inverse) return defaultStyles.inverse\n    if (props.outline) return defaultStyles.outline\n\n    return defaultStyles.filled\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardArrowProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","shadowColor","colorHover","backgroundColorHover","borderColorHover","colorActive","backgroundColorActive","borderColorActive","colorDisabled","backgroundColorDisabled","borderColorDisabled","defaultDisabledStyles","COLOR_SCHEMA","onColored","outline","css","props","theme","colors","transparent","tinycolor","default","darken","toString","DEFAULT_STYLES","filled","disabled","white","accent","alto","inverse","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","height","displayName","componentId","transform","right","bottom","left","square","preset","schema","focus","responsiveSize","responsiveMargin"],"mappings":"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"}

package/components/Arrow/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 shouldForwardArrowProp=createShouldForwardProp((o=>!['square','top','right','bottom','left','onColored','outline','inverse'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${o.shadowColor};\n  }\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n  &:active {\n    color: ${o.colorActive};\n    background-color: ${o.backgroundColorActive};\n    border-color: ${o.borderColorActive};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n`;const defaultDisabledStyles="\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n";const COLOR_SCHEMA={onColored:{outline:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-oncolor-default'],colorHover:o.theme.colors['content-oncolor-constant'],backgroundColorHover:o.theme.colors['bg-oncolor-primary'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-oncolor-disabled'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-constant'],backgroundColor:o.theme.colors['bg-oncolor-primary'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-constant'],backgroundColorHover:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(8).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-primary'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},default:{outline:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-onmain-contrast'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['bg-onmain-tertiary'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-brand-primary-basic-active'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-disabled'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-brand-primary-basic-active'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))}};const DEFAULT_STYLES={filled:css(["",""],(({theme:o,disabled:r})=>`\n      background-color: ${o.colors.white};\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ${o.colors.accent};\n      }\n      &:hover {\n        background-color: ${o.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${r?defaultDisabledStyles:''}\n    `)),outline:css(["",""],(({theme:o,disabled:r})=>`\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${o.colors.alto};\n      & svg {\n        fill: ${o.colors.alto};\n      }\n      &:hover {\n        background-color: ${o.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${r?defaultDisabledStyles:''}\n    `)),inverse:css(["",""],(({theme:o,disabled:r})=>`\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${o.colors.white};\n      & svg {\n        fill: ${o.colors.white};\n      }\n      &:hover {\n        background-color: ${o.colors.white};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.accent};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ${r?defaultDisabledStyles:''}\n    `))};const Root=styled.button.withConfig({shouldForwardProp:shouldForwardArrowProp}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:typeof o=='string'?o:`${o}${r}`,width:'1.8em',height:'1.8em'})}).withConfig({displayName:"Arrow__Root",componentId:"ui__sc-1xgj0m4-0"})([""," "," "," "," ",""],(o=>{let r='rotate(0deg)';return o.right&&(r='rotate(90deg)'),o.bottom&&(r='rotate(180deg)'),o.left&&(r='rotate(270deg)'),`\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      appearance: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      padding: 0;\n      border-radius: ${o.square?'8px':'50%'};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      & svg {\n        transform: ${r};\n        transform-origin: center;\n      }\n      ${o.preset==='brand'?"\n            border: 1px solid transparent;\n            transition-property: background-color; \n            transition-duration: 250ms;\n            &::before {\n              content: '';\n              position: absolute;\n              top: -1px;\n              left: -1px;\n              width: calc(100% + 2px);\n              height: calc(100% + 2px);\n              border-radius: inherit;\n              opacity: 0;\n              transition-property: opacity; \n              transition-duration: 150ms;\n              transition-timing-function: ease-in;\n            }\n            &:active:not(:disabled)::before {\n              opacity: 1;\n            }":"\n            border: none;\n            transition-property: background-color, box-shadow;\n            transition-duration: 200ms;"}\n    `}),(o=>{if(o.preset==='brand'){const r=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.outline?r.outline:r.default}return o.inverse?DEFAULT_STYLES.inverse:o.outline?DEFAULT_STYLES.outline:DEFAULT_STYLES.filled}),focus,responsiveSize,responsiveMargin);export{Root};
+//# sourceMappingURL=style.mjs.map

package/components/Arrow/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Arrow/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 { StyledArrowProps, ArrowPalette } from './types'\n\nconst shouldForwardArrowProp = createShouldForwardProp((propKey) => {\n  return !['square', 'top', 'right', 'bottom', 'left', 'onColored', 'outline', 'inverse'].includes(propKey)\n})\n\nconst template = (palette: ArrowPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${palette.shadowColor};\n  }\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:active {\n    color: ${palette.colorActive};\n    background-color: ${palette.backgroundColorActive};\n    border-color: ${palette.borderColorActive};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n`\n\nconst defaultDisabledStyles = `\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    outline: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors['border-oncolor-default'],\n          colorHover: props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-primary'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-constant'],\n          backgroundColor: props.theme.colors['bg-oncolor-primary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(8).toString() as CSSColor,\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-oncolor-primary'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    outline: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors['border-onmain-contrast'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-tertiary'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-tertiary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nconst DEFAULT_STYLES = {\n  filled: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: ${theme.colors.white};\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ${theme.colors.accent};\n      }\n      &:hover {\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  outline: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.alto};\n      & svg {\n        fill: ${theme.colors.alto};\n      }\n      &:hover {\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  inverse: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.white};\n      & svg {\n        fill: ${theme.colors.white};\n      }\n      &:hover {\n        background-color: ${theme.colors.white};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.accent};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n}\n\nexport const Root = styled.button\n  .withConfig<StyledArrowProps>({\n    shouldForwardProp: shouldForwardArrowProp,\n  })\n  .attrs<StyledArrowProps>(<Required<Pick<StyledArrowProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        width: '1.8em',\n        height: '1.8em',\n      }\n    },\n  })`\n  ${(props) => {\n    let transform = 'rotate(0deg)'\n\n    if (props.right) transform = 'rotate(90deg)'\n    if (props.bottom) transform = 'rotate(180deg)'\n    if (props.left) transform = 'rotate(270deg)'\n\n    return `\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      appearance: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      padding: 0;\n      border-radius: ${props.square ? '8px' : '50%'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      & svg {\n        transform: ${transform};\n        transform-origin: center;\n      }\n      ${\n        props.preset === 'brand'\n          ? `\n            border: 1px solid transparent;\n            transition-property: background-color; \n            transition-duration: 250ms;\n            &::before {\n              content: '';\n              position: absolute;\n              top: -1px;\n              left: -1px;\n              width: calc(100% + 2px);\n              height: calc(100% + 2px);\n              border-radius: inherit;\n              opacity: 0;\n              transition-property: opacity; \n              transition-duration: 150ms;\n              transition-timing-function: ease-in;\n            }\n            &:active:not(:disabled)::before {\n              opacity: 1;\n            }`\n          : `\n            border: none;\n            transition-property: background-color, box-shadow;\n            transition-duration: 200ms;`\n      }\n    `\n  }}\n\n  ${(props) => {\n    if (props.preset === 'brand') {\n      const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n      return props.outline ? schema.outline : schema.default\n    }\n\n    const defaultStyles = DEFAULT_STYLES\n\n    if (props.inverse) return defaultStyles.inverse\n    if (props.outline) return defaultStyles.outline\n\n    return defaultStyles.filled\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardArrowProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","shadowColor","colorHover","backgroundColorHover","borderColorHover","colorActive","backgroundColorActive","borderColorActive","colorDisabled","backgroundColorDisabled","borderColorDisabled","defaultDisabledStyles","COLOR_SCHEMA","onColored","outline","css","props","theme","colors","transparent","tinycolor","darken","toString","default","DEFAULT_STYLES","filled","disabled","white","accent","alto","inverse","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","height","displayName","componentId","transform","right","bottom","left","square","preset","schema","focus","responsiveSize","responsiveMargin"],"mappings":"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"}

package/components/ArrowBadge/ArrowBadge.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 s}from'../../hocs/withMergedProps.js';import{Text as o}from'../Text/Text.js';import{Root as a,Edge as i,Content as f}from'./style.js';import{SIZES as n}from'./constants.js';import{jsxs as m,jsx as p}from'react/jsx-runtime';var c=["size","textProps","children","left","right","fancy"];var h='ArrowBadge';var l=s(t(((t,s)=>{var{size:n="m",textProps:h={},children:l,left:d,right:x,fancy:g}=t,j=e(t,c);var y={as:'div',size:'inherit',color:'inherit'};return m(a,r(r({},j),{},{size:n,left:d,right:x,fancy:g,ref:s,children:[p(i,{left:d,fancy:g}),p(f,{children:'function'==typeof l?l({baseTextProps:y,textProps:h}):p(o,r(r(r({},y),h),{},{children:l}))}),p(i,{right:x,fancy:g,after:!0})]}))})),{displayName:"ArrowBadge",sizes:n});export{l as ArrowBadge,h as COMPONENT_NAME};
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var constants=require('./constants.js');var require$$0=require('react/jsx-runtime');var Text=require('../Text/Text.js');const ArrowBadge=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:t="m",textProps:s={},children:i,left:o,right:a,fancy:n,...c}=e;const d={as:'div',size:'inherit',color:'inherit'};return require$$0.jsxs(style.Root,{...c,size:t,left:o,right:a,fancy:n,ref:r,children:[require$$0.jsx(style.Edge,{left:o,fancy:n}),require$$0.jsx(style.Content,{children:typeof i=='function'?i({baseTextProps:d,textProps:s}):require$$0.jsx(Text.Text,{...d,...s,children:i})}),require$$0.jsx(style.Edge,{right:a,fancy:n,after:!0})]})})),{displayName:"ArrowBadge",sizes:constants.SIZES});exports.ArrowBadge=ArrowBadge,exports.COMPONENT_NAME="ArrowBadge";
 //# sourceMappingURL=ArrowBadge.js.map

package/components/ArrowBadge/ArrowBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowBadge.js","sources":["../../../../src/components/ArrowBadge/ArrowBadge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport * as Styled from './style'\nimport type { ArrowBadgeProps } from './types'\nimport { SIZES } from './constants'\n\nconst COMPONENT_NAME = 'ArrowBadge'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ArrowBadgeProps](https://github.com/foxford/ui/blob/master/src/components/ArrowBadge/types.ts)\n */\nconst ArrowBadge: React.ForwardRefExoticComponent<ArrowBadgeProps> = withMergedProps<ArrowBadgeProps, HTMLDivElement>(\n  forwardRef((props, ref) => {\n    const { size = 'm', textProps = {}, children, left, right, fancy, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'div', size: 'inherit', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} left={left} right={right} fancy={fancy} ref={ref}>\n        <Styled.Edge left={left} fancy={fancy} />\n        <Styled.Content>\n          {typeof children === 'function' ? (\n            children({ baseTextProps, textProps })\n          ) : (\n            <Text {...baseTextProps} {...textProps}>\n              {children}\n            </Text>\n          )}\n        </Styled.Content>\n        <Styled.Edge right={right} fancy={fancy} after />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ArrowBadge, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","ArrowBadge","withMergedProps","forwardRef","props","ref","size","textProps","children","left","right","fancy","restProps","_excluded","baseTextProps","as","color","_jsxs","Styled.Root","_jsx","Styled.Edge","Styled.Content","Text","after","displayName","sizes","SIZES"],"mappings":"2cAQMA,IAAAA,EAAiB,aAYjBC,IAAAA,EAA+DC,EACnEC,GAAAA,CAAYC,EAAOC,KACjB,IAAMC,KAAEA,EAAO,IAATC,UAAcA,EAAY,GAA1BC,SAA8BA,EAA9BC,KAAwCA,EAAxCC,MAA8CA,EAA9CC,MAAqDA,GAAwBP,EAAdQ,IAAcR,EAAnFS,GAEA,IAAMC,EAA2B,CAAEC,GAAI,MAAOT,KAAM,UAAWU,MAAO,WAEtE,OACEC,EAACC,SAAgBN,GAAjB,GAAA,CAA4BN,KAAMA,EAAMG,KAAMA,EAAMC,MAAOA,EAAOC,MAAOA,EAAON,IAAKA,EAArFG,SACE,CAAAW,EAACC,EAAD,CAAaX,KAAMA,EAAME,MAAOA,IAChCQ,EAACE,EAAD,CAAAb,SACuB,mBAAbA,EACNA,EAAS,CAAEM,cAAAA,EAAeP,UAAAA,IAE1BY,EAACG,EAASR,EAAAA,EAAAA,EAAAA,GAAAA,GAAmBP,GAA7B,GAAA,CAAAC,SACGA,OAIPW,EAACC,EAAD,CAAaV,MAAOA,EAAOC,MAAOA,EAAOY,OAAK,WAIpD,CACEC,YAnCmB,aAoCnBC,MAAOC"}
+{"version":3,"file":"ArrowBadge.js","sources":["../../../../src/components/ArrowBadge/ArrowBadge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport * as Styled from './style'\nimport type { ArrowBadgeProps } from './types'\nimport { SIZES } from './constants'\n\nconst COMPONENT_NAME = 'ArrowBadge'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ArrowBadgeProps](https://github.com/foxford/ui/blob/master/src/components/ArrowBadge/types.ts)\n */\nconst ArrowBadge: React.ForwardRefExoticComponent<ArrowBadgeProps> = withMergedProps<ArrowBadgeProps, HTMLDivElement>(\n  forwardRef((props, ref) => {\n    const { size = 'm', textProps = {}, children, left, right, fancy, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'div', size: 'inherit', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} left={left} right={right} fancy={fancy} ref={ref}>\n        <Styled.Edge left={left} fancy={fancy} />\n        <Styled.Content>\n          {typeof children === 'function' ? (\n            children({ baseTextProps, textProps })\n          ) : (\n            <Text {...baseTextProps} {...textProps}>\n              {children}\n            </Text>\n          )}\n        </Styled.Content>\n        <Styled.Edge right={right} fancy={fancy} after />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ArrowBadge, COMPONENT_NAME }\n"],"names":["ArrowBadge","withMergedProps","forwardRef","props","ref","size","textProps","children","left","right","fancy","restProps","baseTextProps","as","color","_jsxs","Styled","_jsx","jsx","Text","after","displayName","sizes","SIZES"],"mappings":"6PAoBMA,MAAAA,WAA+DC,gBAAAA,gBACnEC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,KAAUC,GAAcR,EAEnF,MAAMS,EAA2B,CAAEC,GAAI,MAAOR,KAAM,UAAWS,MAAO,WAEtE,OACEC,WAAAA,KAACC,MAAAA,KAAW,IAAKL,EAAWN,KAAMA,EAAMG,KAAMA,EAAMC,MAAOA,EAAOC,MAAOA,EAAON,IAAKA,EAAIG,SACvFU,CAAAA,WAAAC,IAACF,WAAW,CAACR,KAAMA,EAAME,MAAOA,IAChCO,WAAAC,IAACF,cAAc,CAAAT,gBACLA,GAAa,WACnBA,EAAS,CAAEK,gBAAeN,cAE1BW,WAAAC,IAACC,UAAI,IAAKP,KAAmBN,EAASC,SACnCA,MAIPU,WAAAC,IAACF,WAAW,CAACP,MAAOA,EAAOC,MAAOA,EAAOU,OAAK,MAClC,IAGlB,CACEC,YAnCmB,aAoCnBC,MAAOC,UAAAA,6DApCY"}

package/components/ArrowBadge/ArrowBadge.mjs

@@ -0,0 +1,2 @@
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root,Edge,Content}from'./style.mjs';import{SIZES}from'./constants.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='ArrowBadge';const ArrowBadge=withMergedProps(forwardRef(((r,e)=>{const{size:t="m",textProps:o={},children:s,left:i,right:n,fancy:f,...m}=r;const a={as:'div',size:'inherit',color:'inherit'};return jsxs(Root,{...m,size:t,left:i,right:n,fancy:f,ref:e,children:[jsx(Edge,{left:i,fancy:f}),jsx(Content,{children:typeof s=='function'?s({baseTextProps:a,textProps:o}):jsx(Text,{...a,...o,children:s})}),jsx(Edge,{right:n,fancy:f,after:!0})]})})),{displayName:"ArrowBadge",sizes:SIZES});export{ArrowBadge,COMPONENT_NAME};
+//# sourceMappingURL=ArrowBadge.mjs.map

package/components/ArrowBadge/ArrowBadge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowBadge.mjs","sources":["../../../../src/components/ArrowBadge/ArrowBadge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport * as Styled from './style'\nimport type { ArrowBadgeProps } from './types'\nimport { SIZES } from './constants'\n\nconst COMPONENT_NAME = 'ArrowBadge'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ArrowBadgeProps](https://github.com/foxford/ui/blob/master/src/components/ArrowBadge/types.ts)\n */\nconst ArrowBadge: React.ForwardRefExoticComponent<ArrowBadgeProps> = withMergedProps<ArrowBadgeProps, HTMLDivElement>(\n  forwardRef((props, ref) => {\n    const { size = 'm', textProps = {}, children, left, right, fancy, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'div', size: 'inherit', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} left={left} right={right} fancy={fancy} ref={ref}>\n        <Styled.Edge left={left} fancy={fancy} />\n        <Styled.Content>\n          {typeof children === 'function' ? (\n            children({ baseTextProps, textProps })\n          ) : (\n            <Text {...baseTextProps} {...textProps}>\n              {children}\n            </Text>\n          )}\n        </Styled.Content>\n        <Styled.Edge right={right} fancy={fancy} after />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ArrowBadge, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","ArrowBadge","withMergedProps","forwardRef","props","ref","size","textProps","children","left","right","fancy","restProps","baseTextProps","as","color","_jsxs","Styled","_jsx","Text","after","displayName","sizes","SIZES"],"mappings":"mPAQMA,MAAAA,eAAiB,aAYjBC,MAAAA,WAA+DC,gBACnEC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,KAAUC,GAAcR,EAEnF,MAAMS,EAA2B,CAAEC,GAAI,MAAOR,KAAM,UAAWS,MAAO,WAEtE,OACEC,KAACC,KAAW,IAAKL,EAAWN,KAAMA,EAAMG,KAAMA,EAAMC,MAAOA,EAAOC,MAAOA,EAAON,IAAKA,EAAIG,SACvFU,CAAAA,IAACD,KAAW,CAACR,KAAMA,EAAME,MAAOA,IAChCO,IAACD,QAAc,CAAAT,gBACLA,GAAa,WACnBA,EAAS,CAAEK,gBAAeN,cAE1BW,IAACC,KAAI,IAAKN,KAAmBN,EAASC,SACnCA,MAIPU,IAACD,KAAW,CAACP,MAAOA,EAAOC,MAAOA,EAAOS,OAAK,MAClC,IAGlB,CACEC,YAnCmB,aAoCnBC,MAAOC"}

package/components/ArrowBadge/constants.js

@@ -1,2 +1,2 @@
-var e={xxxl:{height:64,fontSize:36},xxl:{height:60,fontSize:34},xl:{height:54,fontSize:32},l:{height:48,fontSize:28},m:{height:40,fontSize:22},s:{height:32,fontSize:16},xs:{height:24,fontSize:14},xxs:{height:20,fontSize:10},xxxs:{height:16,fontSize:10}};export{e as SIZES};
+'use strict';exports.SIZES={xxxl:{height:64,fontSize:36},xxl:{height:60,fontSize:34},xl:{height:54,fontSize:32},l:{height:48,fontSize:28},m:{height:40,fontSize:22},s:{height:32,fontSize:16},xs:{height:24,fontSize:14},xxs:{height:20,fontSize:10},xxxs:{height:16,fontSize:10}};
 //# sourceMappingURL=constants.js.map

package/components/ArrowBadge/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/ArrowBadge/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    height: 64,\n    fontSize: 36,\n  },\n  xxl: {\n    height: 60,\n    fontSize: 34,\n  },\n  xl: {\n    height: 54,\n    fontSize: 32,\n  },\n  l: {\n    height: 48,\n    fontSize: 28,\n  },\n  m: {\n    height: 40,\n    fontSize: 22,\n  },\n  s: {\n    height: 32,\n    fontSize: 16,\n  },\n  xs: {\n    height: 24,\n    fontSize: 14,\n  },\n  xxs: {\n    height: 20,\n    fontSize: 10,\n  },\n  xxxs: {\n    height: 16,\n    fontSize: 10,\n  },\n}\n"],"names":["SIZES","xxxl","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,OAAQ,GACRC,SAAU,IAEZC,IAAK,CACHF,OAAQ,GACRC,SAAU,IAEZE,GAAI,CACFH,OAAQ,GACRC,SAAU,IAEZG,EAAG,CACDJ,OAAQ,GACRC,SAAU,IAEZI,EAAG,CACDL,OAAQ,GACRC,SAAU,IAEZK,EAAG,CACDN,OAAQ,GACRC,SAAU,IAEZM,GAAI,CACFP,OAAQ,GACRC,SAAU,IAEZO,IAAK,CACHR,OAAQ,GACRC,SAAU,IAEZQ,KAAM,CACJT,OAAQ,GACRC,SAAU"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/ArrowBadge/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    height: 64,\n    fontSize: 36,\n  },\n  xxl: {\n    height: 60,\n    fontSize: 34,\n  },\n  xl: {\n    height: 54,\n    fontSize: 32,\n  },\n  l: {\n    height: 48,\n    fontSize: 28,\n  },\n  m: {\n    height: 40,\n    fontSize: 22,\n  },\n  s: {\n    height: 32,\n    fontSize: 16,\n  },\n  xs: {\n    height: 24,\n    fontSize: 14,\n  },\n  xxs: {\n    height: 20,\n    fontSize: 10,\n  },\n  xxxs: {\n    height: 16,\n    fontSize: 10,\n  },\n}\n"],"names":["xxxl","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAE4B,CAC1BA,KAAM,CACJC,OAAQ,GACRC,SAAU,IAEZC,IAAK,CACHF,OAAQ,GACRC,SAAU,IAEZE,GAAI,CACFH,OAAQ,GACRC,SAAU,IAEZG,EAAG,CACDJ,OAAQ,GACRC,SAAU,IAEZI,EAAG,CACDL,OAAQ,GACRC,SAAU,IAEZK,EAAG,CACDN,OAAQ,GACRC,SAAU,IAEZM,GAAI,CACFP,OAAQ,GACRC,SAAU,IAEZO,IAAK,CACHR,OAAQ,GACRC,SAAU,IAEZQ,KAAM,CACJT,OAAQ,GACRC,SAAU"}

package/components/ArrowBadge/constants.mjs

@@ -0,0 +1,2 @@
+const SIZES={xxxl:{height:64,fontSize:36},xxl:{height:60,fontSize:34},xl:{height:54,fontSize:32},l:{height:48,fontSize:28},m:{height:40,fontSize:22},s:{height:32,fontSize:16},xs:{height:24,fontSize:14},xxs:{height:20,fontSize:10},xxxs:{height:16,fontSize:10}};export{SIZES};
+//# sourceMappingURL=constants.mjs.map

package/components/ArrowBadge/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/ArrowBadge/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    height: 64,\n    fontSize: 36,\n  },\n  xxl: {\n    height: 60,\n    fontSize: 34,\n  },\n  xl: {\n    height: 54,\n    fontSize: 32,\n  },\n  l: {\n    height: 48,\n    fontSize: 28,\n  },\n  m: {\n    height: 40,\n    fontSize: 22,\n  },\n  s: {\n    height: 32,\n    fontSize: 16,\n  },\n  xs: {\n    height: 24,\n    fontSize: 14,\n  },\n  xxs: {\n    height: 20,\n    fontSize: 10,\n  },\n  xxxs: {\n    height: 16,\n    fontSize: 10,\n  },\n}\n"],"names":["SIZES","xxxl","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,MAAMA,MAAe,CAC1BC,KAAM,CACJC,OAAQ,GACRC,SAAU,IAEZC,IAAK,CACHF,OAAQ,GACRC,SAAU,IAEZE,GAAI,CACFH,OAAQ,GACRC,SAAU,IAEZG,EAAG,CACDJ,OAAQ,GACRC,SAAU,IAEZI,EAAG,CACDL,OAAQ,GACRC,SAAU,IAEZK,EAAG,CACDN,OAAQ,GACRC,SAAU,IAEZM,GAAI,CACFP,OAAQ,GACRC,SAAU,IAEZO,IAAK,CACHR,OAAQ,GACRC,SAAU,IAEZQ,KAAM,CACJT,OAAQ,GACRC,SAAU"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"arrow.svg.js","sources":["../../../../../src/components/ArrowBadge/images/arrow.svg?module"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgArrow = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 20 40\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  fill: \"currentColor\",\n  d: \"M0 20 18 0h2v40h-2z\"\n})));\nexport default SvgArrow;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","viewBox","fill","d"],"mappings":"qZAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,IAAO,OAAOL,CAAE,EAAIJ,SAASY,MAAM,KAAMN,UAAa,iBAEnQO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CACzEgB,MAAO,6BACPC,QAAS,aACRJ,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}

package/components/ArrowBadge/images/arrow.svg.mjs

@@ -0,0 +1,2 @@
+import*as React from'react';var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t},_extends.apply(null,arguments)}const SvgArrow=t=>React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 40"},t),_path||(_path=React.createElement("path",{fill:"currentColor",d:"M0 20 18 0h2v40h-2z"})));export{SvgArrow as default};
+//# sourceMappingURL=arrow.svg.mjs.map

package/components/ArrowBadge/images/arrow.svg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"arrow.svg.mjs","sources":["../../../../../src/components/ArrowBadge/images/arrow.svg?module"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgArrow = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 20 40\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  fill: \"currentColor\",\n  d: \"M0 20 18 0h2v40h-2z\"\n})));\nexport default SvgArrow;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","SvgArrow","props","React","createElement","xmlns","viewBox","fill","d"],"mappings":"4BAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,IAAO,OAAOL,CAAE,EAAIJ,SAASY,MAAM,KAAMN,UAAa,CAE/Q,MAACO,SAAWC,GAAsBC,MAAMC,cAAc,MAAOhB,SAAS,CACzEiB,MAAO,6BACPC,QAAS,aACRJ,GAAQf,QAAUA,MAAqBgB,MAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}

package/components/ArrowBadge/images/fancy.svg.js

@@ -0,0 +1,2 @@
+'use strict';function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,'__esModule',{value:!0});var React__namespace=_interopNamespace(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}exports.default=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 28 40"},e),_path||(_path=React__namespace.createElement("path",{fill:"currentColor",d:"M2 0h26v40H2l18-20z"})));
+//# sourceMappingURL=fancy.svg.js.map

package/components/ArrowBadge/images/fancy.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fancy.svg.js","sources":["../../../../../src/components/ArrowBadge/images/fancy.svg?module"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgFancy = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 28 40\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  fill: \"currentColor\",\n  d: \"M2 0h26v40H2l18-20z\"\n})));\nexport default SvgFancy;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","viewBox","fill","d"],"mappings":"qZAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,IAAO,OAAOL,CAAE,EAAIJ,SAASY,MAAM,KAAMN,UAAa,iBAEnQO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CACzEgB,MAAO,6BACPC,QAAS,aACRJ,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}

package/components/ArrowBadge/images/fancy.svg.mjs

@@ -0,0 +1,2 @@
+import*as React from'react';var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var n in a)({}).hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t},_extends.apply(null,arguments)}const SvgFancy=t=>React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 28 40"},t),_path||(_path=React.createElement("path",{fill:"currentColor",d:"M2 0h26v40H2l18-20z"})));export{SvgFancy as default};
+//# sourceMappingURL=fancy.svg.mjs.map

package/components/ArrowBadge/images/fancy.svg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"fancy.svg.mjs","sources":["../../../../../src/components/ArrowBadge/images/fancy.svg?module"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgFancy = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 28 40\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  fill: \"currentColor\",\n  d: \"M2 0h26v40H2l18-20z\"\n})));\nexport default SvgFancy;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","SvgFancy","props","React","createElement","xmlns","viewBox","fill","d"],"mappings":"4BAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,IAAO,OAAOL,CAAE,EAAIJ,SAASY,MAAM,KAAMN,UAAa,CAE/Q,MAACO,SAAWC,GAAsBC,MAAMC,cAAc,MAAOhB,SAAS,CACzEiB,MAAO,6BACPC,QAAS,aACRJ,GAAQf,QAAUA,MAAqBgB,MAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}

package/components/ArrowBadge/images/rectangle.svg.js

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

package/components/ArrowBadge/images/rectangle.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rectangle.svg.js","sources":["../../../../../src/components/ArrowBadge/images/rectangle.svg?module"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgRectangle = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 20 40\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  fill: \"currentColor\",\n  d: \"M0 0h20v40H0z\"\n})));\nexport default SvgRectangle;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","viewBox","fill","d"],"mappings":"qZAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,IAAO,OAAOL,CAAE,EAAIJ,SAASY,MAAM,KAAMN,UAAa,iBAE/PO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CAC7EgB,MAAO,6BACPC,QAAS,aACRJ,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}

package/components/ArrowBadge/images/rectangle.svg.mjs

@@ -0,0 +1,2 @@
+import*as React from'react';var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},_extends.apply(null,arguments)}const SvgRectangle=e=>React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 40"},e),_path||(_path=React.createElement("path",{fill:"currentColor",d:"M0 0h20v40H0z"})));export{SvgRectangle as default};
+//# sourceMappingURL=rectangle.svg.mjs.map

package/components/ArrowBadge/images/rectangle.svg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rectangle.svg.mjs","sources":["../../../../../src/components/ArrowBadge/images/rectangle.svg?module"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgRectangle = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 20 40\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  fill: \"currentColor\",\n  d: \"M0 0h20v40H0z\"\n})));\nexport default SvgRectangle;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","SvgRectangle","props","React","createElement","xmlns","viewBox","fill","d"],"mappings":"4BAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,IAAO,OAAOL,CAAE,EAAIJ,SAASY,MAAM,KAAMN,UAAa,CAE/Q,MAACO,aAAeC,GAAsBC,MAAMC,cAAc,MAAOhB,SAAS,CAC7EiB,MAAO,6BACPC,QAAS,aACRJ,GAAQf,QAAUA,MAAqBgB,MAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}

package/components/ArrowBadge/style.js

@@ -1,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import r,{css as n}from'styled-components';import{responsiveSize as a}from'../../mixins/responsive-size.js';import{responsiveMargin as t}from'../../mixins/responsive-margin.js';import{createShouldForwardProp as e}from'../../shared/utils/style.js';import{getColor as c}from'../../mixins/color.js';import{focus as i}from'../../mixins/focus.js';import s from'./images/arrow.module.svg.js';import l from'./images/rectangle.module.svg.js';import m from'./images/fancy.module.svg.js';var d=e((o=>!['left','right','fancy'].includes(o)));var g=r.div.withConfig({componentId:"fox-ui__sc-gzccd8-0"})(["flex-shrink:0;display:flex;align-items:center;height:100%;margin:0 -1px;"]);var p=r.svg.withConfig({shouldForwardProp:()=>!1}).attrs((o=>{var r=l;return o.fancy&&(r=m),(o.left||o.right)&&(r=s),{as:r}})).withConfig({componentId:"fox-ui__sc-gzccd8-1"})(["flex-shrink:0;height:100%;",""],(o=>o.after&&'transform: rotate(180deg);'));var f=o=>"\n  & > ".concat(g," {\n    color: ").concat(o.color,";\n    background-color: ").concat(o.backgroundColor,";\n  }\n  & > ").concat(p," {\n    color: ").concat(o.backgroundColor,";\n  }\n");var u={primary:n(["",""],(r=>f(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-primary-200']},r.palette)))),secondary:n(["",""],(r=>f(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-secondary-200']},r.palette)))),tertiary:n(["",""],(r=>f(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-tertiary-200']},r.palette)))),quaternary:n(["",""],(r=>f(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-quaternary-200']},r.palette))))};var h=r.div.withConfig({shouldForwardProp:d}).attrs({dynamicSizeDeclaration:(o,r)=>({height:'1.8em',fontSize:'string'==typeof o?o:"".concat(o).concat(r)})}).withConfig({componentId:"fox-ui__sc-gzccd8-2"})([""," "," "," "," "," "," ",""],(o=>{var r=0;var n=0;return(o.fancy||o.right)&&(r=.4),(o.fancy||o.left)&&(n=.4),"\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: default;\n      & > ".concat(g," {\n        padding-right: ").concat(r,"em;\n        padding-left: ").concat(n,"em;\n      }\n    ")}),(o=>o.quaternary?u.quaternary:o.tertiary?u.tertiary:o.secondary?u.secondary:u.primary),i,a,t,(o=>o.color&&"& > ".concat(g," {\n       color: ").concat(c(o.color,o),";\n     }")),(o=>o.backgroundColor&&"& > ".concat(g," {\n       background-color: ").concat(c(o.backgroundColor,o),";\n     }\n     & > ").concat(p," {\n       color: ").concat(c(o.backgroundColor,o),";\n     }")));export{g as Content,p as Edge,h as Root};
+'use strict';var styled=require('styled-components');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var style=require('../../shared/utils/style.js');var color=require('../../mixins/color.js');var focus=require('../../mixins/focus.js');var arrow=require('./images/arrow.svg.js');var rectangle=require('./images/rectangle.svg.js');var fancy=require('./images/fancy.svg.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const shouldForwardArrowBadgeProp=style.createShouldForwardProp((e=>!['left','right','fancy'].includes(e)));const Content=styled__default.default.div.withConfig({displayName:"ArrowBadge__Content",componentId:"ui__sc-gzccd8-0"})(["flex-shrink:0;display:flex;align-items:center;height:100%;margin:0 -1px;"]);const Edge=styled__default.default.svg.withConfig({shouldForwardProp:()=>!1}).attrs((e=>{let r=rectangle.default;return e.fancy&&(r=fancy.default),(e.left||e.right)&&(r=arrow.default),{as:r}})).withConfig({displayName:"ArrowBadge__Edge",componentId:"ui__sc-gzccd8-1"})(["flex-shrink:0;height:100%;",""],(e=>e.after&&'transform: rotate(180deg);'));const template=e=>`\n  & > ${Content} {\n    color: ${e.color};\n    background-color: ${e.backgroundColor};\n  }\n  & > ${Edge} {\n    color: ${e.backgroundColor};\n  }\n`;const COLOR_SCHEMA={primary:styled.css(["",""],(e=>template({color:e.theme.colors['content-onmain-primary'],backgroundColor:e.theme.colors['bg-brand-primary-200'],...e.palette}))),secondary:styled.css(["",""],(e=>template({color:e.theme.colors['content-onmain-primary'],backgroundColor:e.theme.colors['bg-brand-secondary-200'],...e.palette}))),tertiary:styled.css(["",""],(e=>template({color:e.theme.colors['content-onmain-primary'],backgroundColor:e.theme.colors['bg-brand-tertiary-200'],...e.palette}))),quaternary:styled.css(["",""],(e=>template({color:e.theme.colors['content-onmain-primary'],backgroundColor:e.theme.colors['bg-brand-quaternary-200'],...e.palette})))};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardArrowBadgeProp}).attrs({dynamicSizeDeclaration:(e,r)=>({height:'1.8em',fontSize:typeof e=='string'?e:`${e}${r}`})}).withConfig({displayName:"ArrowBadge__Root",componentId:"ui__sc-gzccd8-2"})([""," "," "," "," "," "," ",""],(e=>{let r=0;let o=0;return(e.fancy||e.right)&&(r=.4),(e.fancy||e.left)&&(o=.4),`\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: default;\n      & > ${Content} {\n        padding-right: ${r}em;\n        padding-left: ${o}em;\n      }\n    `}),(e=>e.quaternary?COLOR_SCHEMA.quaternary:e.tertiary?COLOR_SCHEMA.tertiary:e.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin,(e=>e.color&&`& > ${Content} {\n       color: ${color.getColor(e.color,e)};\n     }`),(e=>e.backgroundColor&&`& > ${Content} {\n       background-color: ${color.getColor(e.backgroundColor,e)};\n     }\n     & > ${Edge} {\n       color: ${color.getColor(e.backgroundColor,e)};\n     }`));exports.Content=Content,exports.Edge=Edge,exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/ArrowBadge/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/ArrowBadge/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { getColor } from 'mixins/color'\nimport { focus } from 'mixins/focus'\nimport type { StyledArrowBadgeProps, StyledArrowBadgeEdgeProps, ArrowBadgePalette } from './types'\nimport Arrow from './images/arrow.module.svg'\nimport Rectangle from './images/rectangle.module.svg'\nimport Fancy from './images/fancy.module.svg'\n\nconst shouldForwardArrowBadgeProp = createShouldForwardProp((propKey) => !['left', 'right', 'fancy'].includes(propKey))\n\nexport const Content = styled.div`\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  height: 100%;\n  margin: 0 -1px;\n`\n\nexport const Edge = styled.svg\n  .withConfig({ shouldForwardProp: () => false })\n  .attrs((props: StyledArrowBadgeEdgeProps) => {\n    let Shape = Rectangle\n\n    if (props.fancy) Shape = Fancy\n    if (props.left || props.right) Shape = Arrow\n\n    return { as: Shape }\n  })<StyledArrowBadgeEdgeProps>`\n  flex-shrink: 0;\n  height: 100%;\n  ${(props) => props.after && 'transform: rotate(180deg);'}\n`\n\nconst template = (palette: ArrowBadgePalette) => `\n  & > ${Content} {\n    color: ${palette.color};\n    background-color: ${palette.backgroundColor};\n  }\n  & > ${Edge} {\n    color: ${palette.backgroundColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  primary: css<StyledArrowBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-primary-200'],\n        ...props.palette,\n      })}\n  `,\n  secondary: css<StyledArrowBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-secondary-200'],\n        ...props.palette,\n      })}\n  `,\n  tertiary: css<StyledArrowBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-tertiary-200'],\n        ...props.palette,\n      })}\n  `,\n  quaternary: css<StyledArrowBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-quaternary-200'],\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div\n  .withConfig<StyledArrowBadgeProps>({\n    shouldForwardProp: shouldForwardArrowBadgeProp,\n  })\n  .attrs(<Required<Pick<StyledArrowBadgeProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        height: '1.8em',\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      }\n    },\n  })`\n  ${(props) => {\n    let paddingRight = 0\n    let paddingLeft = 0\n\n    if (props.fancy || props.right) paddingRight = 0.4\n    if (props.fancy || props.left) paddingLeft = 0.4\n\n    return `\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: default;\n      & > ${Content} {\n        padding-right: ${paddingRight}em;\n        padding-left: ${paddingLeft}em;\n      }\n    `\n  }}\n\n  ${(props) => {\n    if (props.quaternary) return COLOR_SCHEMA.quaternary\n    if (props.tertiary) return COLOR_SCHEMA.tertiary\n    if (props.secondary) return COLOR_SCHEMA.secondary\n\n    return COLOR_SCHEMA.primary\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) =>\n    props.color &&\n    `& > ${Content} {\n       color: ${getColor(props.color, props)};\n     }`}\n  ${(props) =>\n    props.backgroundColor &&\n    `& > ${Content} {\n       background-color: ${getColor(props.backgroundColor, props)};\n     }\n     & > ${Edge} {\n       color: ${getColor(props.backgroundColor, props)};\n     }`}\n`\n"],"names":["shouldForwardArrowBadgeProp","createShouldForwardProp","propKey","includes","Content","styled","div","withConfig","componentId","Edge","svg","shouldForwardProp","attrs","props","Shape","Rectangle","fancy","Fancy","left","right","Arrow","as","after","template","palette","concat","color","backgroundColor","COLOR_SCHEMA","primary","css","_objectSpread","theme","colors","secondary","tertiary","quaternary","Root","dynamicSizeDeclaration","size","sizeUnits","height","fontSize","paddingRight","paddingLeft","focus","responsiveSize","responsiveMargin","getColor"],"mappings":"khBAWA,IAAMA,EAA8BC,GAAyBC,IAAa,CAAC,OAAQ,QAAS,SAASC,SAASD,KAEjGE,IAAAA,EAAUC,EAAOC,IAAVC,WAAA,CAAAC,YAAA,uBAAGH,CAAhB,CAAA,6EAQA,IAAMI,EAAOJ,EAAOK,IACxBH,WAAW,CAAEI,kBAAmB,KAAA,IAChCC,OAAOC,IACN,IAAIC,EAAQC,EAKZ,OAHIF,EAAMG,QAAOF,EAAQG,IACrBJ,EAAMK,MAAQL,EAAMM,SAAOL,EAAQM,GAEhC,CAAEC,GAAIP,MARAP,WAAA,CAAAC,YAAA,uBAAGH,CAAH,CAAA,6BAAA,KAYZQ,GAAUA,EAAMS,OAAS,+BAG9B,IAAMC,EAAYC,qBACVpB,EADS,mBAAAqB,OAEJD,EAAQE,0CACGF,EAAQG,gBAExBlB,kBAAAA,OAAAA,4BACKe,EAAQG,gBANrB,YAUA,IAAMC,EAAe,CACnBC,QAASC,EACJjB,CAAAA,GAAAA,KAAAA,GACDU,EAAQQ,EAAA,CACNL,MAAOb,EAAMmB,MAAMC,OAAO,0BAC1BN,gBAAiBd,EAAMmB,MAAMC,OAAO,yBACjCpB,EAAMW,YAGfU,UAAWJ,EACNjB,CAAAA,GAAAA,KAAAA,GACDU,EAAQQ,EAAA,CACNL,MAAOb,EAAMmB,MAAMC,OAAO,0BAC1BN,gBAAiBd,EAAMmB,MAAMC,OAAO,2BACjCpB,EAAMW,YAGfW,SAAUL,EACLjB,CAAAA,GAAAA,KAAAA,GACDU,EAAQQ,EAAA,CACNL,MAAOb,EAAMmB,MAAMC,OAAO,0BAC1BN,gBAAiBd,EAAMmB,MAAMC,OAAO,0BACjCpB,EAAMW,YAGfY,WAAYN,EACPjB,CAAAA,GAAAA,KAAAA,GACDU,EAAQQ,EAAA,CACNL,MAAOb,EAAMmB,MAAMC,OAAO,0BAC1BN,gBAAiBd,EAAMmB,MAAMC,OAAO,4BACjCpB,EAAMW,aAKV,IAAMa,EAAOhC,EAAOC,IACxBC,WAAkC,CACjCI,kBAAmBX,IAEpBY,MAAuE,CACtE0B,uBAAwB,CAACC,EAAMC,MAE3BC,OAAQ,QACRC,SAA0B,iBAATH,EAAoBA,EAA3B,GAAAd,OAAqCc,GAArCd,OAA4Ce,OAR7CjC,WAAA,CAAAC,YAAA,uBAAGH,CAAH,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAYZQ,IACD,IAAI8B,EAAe,EACnB,IAAIC,EAAc,EAKlB,OAHI/B,EAAMG,OAASH,EAAMM,SAAOwB,EAAe,KAC3C9B,EAAMG,OAASH,EAAMK,QAAM0B,EAAc,IAE7C,gLAAAnB,OAOQrB,EAPR,+BAAAqB,OAQqBkB,EARrB,+BAAAlB,OASoBmB,EATpB,yBAcC/B,GACGA,EAAMuB,WAAmBR,EAAaQ,WACtCvB,EAAMsB,SAAiBP,EAAaO,SACpCtB,EAAMqB,UAAkBN,EAAaM,UAElCN,EAAaC,SAGpBgB,EACAC,EACAC,GAEClC,GACDA,EAAMa,qBACCtB,EADP,sBAAAqB,OAEYuB,EAASnC,EAAMa,MAAOb,GAFlC,eAICA,GACDA,EAAMc,iBAAN,OAAAF,OACOrB,EADP,iCAAAqB,OAEuBuB,EAASnC,EAAMc,gBAAiBd,GAEhDJ,wBAAAA,OAAAA,EACKuC,sBAAAA,OAAAA,EAASnC,EAAMc,gBAAiBd,GAL5C"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/ArrowBadge/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { getColor } from 'mixins/color'\nimport { focus } from 'mixins/focus'\nimport type { StyledArrowBadgeProps, StyledArrowBadgeEdgeProps, ArrowBadgePalette } from './types'\nimport Arrow from './images/arrow.svg?module'\nimport Rectangle from './images/rectangle.svg?module'\nimport Fancy from './images/fancy.svg?module'\n\nconst shouldForwardArrowBadgeProp = createShouldForwardProp((propKey) => !['left', 'right', 'fancy'].includes(propKey))\n\nexport const Content = styled.div`\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  height: 100%;\n  margin: 0 -1px;\n`\n\nexport const Edge = styled.svg\n  .withConfig({ shouldForwardProp: () => false })\n  .attrs((props: StyledArrowBadgeEdgeProps) => {\n    let Shape = Rectangle\n\n    if (props.fancy) Shape = Fancy\n    if (props.left || props.right) Shape = Arrow\n\n    return { as: Shape }\n  })<StyledArrowBadgeEdgeProps>`\n  flex-shrink: 0;\n  height: 100%;\n  ${(props) => props.after && 'transform: rotate(180deg);'}\n`\n\nconst template = (palette: ArrowBadgePalette) => `\n  & > ${Content} {\n    color: ${palette.color};\n    background-color: ${palette.backgroundColor};\n  }\n  & > ${Edge} {\n    color: ${palette.backgroundColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  primary: css<StyledArrowBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-primary-200'],\n        ...props.palette,\n      })}\n  `,\n  secondary: css<StyledArrowBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-secondary-200'],\n        ...props.palette,\n      })}\n  `,\n  tertiary: css<StyledArrowBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-tertiary-200'],\n        ...props.palette,\n      })}\n  `,\n  quaternary: css<StyledArrowBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-quaternary-200'],\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div\n  .withConfig<StyledArrowBadgeProps>({\n    shouldForwardProp: shouldForwardArrowBadgeProp,\n  })\n  .attrs(<Required<Pick<StyledArrowBadgeProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        height: '1.8em',\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      }\n    },\n  })`\n  ${(props) => {\n    let paddingRight = 0\n    let paddingLeft = 0\n\n    if (props.fancy || props.right) paddingRight = 0.4\n    if (props.fancy || props.left) paddingLeft = 0.4\n\n    return `\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: default;\n      & > ${Content} {\n        padding-right: ${paddingRight}em;\n        padding-left: ${paddingLeft}em;\n      }\n    `\n  }}\n\n  ${(props) => {\n    if (props.quaternary) return COLOR_SCHEMA.quaternary\n    if (props.tertiary) return COLOR_SCHEMA.tertiary\n    if (props.secondary) return COLOR_SCHEMA.secondary\n\n    return COLOR_SCHEMA.primary\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) =>\n    props.color &&\n    `& > ${Content} {\n       color: ${getColor(props.color, props)};\n     }`}\n  ${(props) =>\n    props.backgroundColor &&\n    `& > ${Content} {\n       background-color: ${getColor(props.backgroundColor, props)};\n     }\n     & > ${Edge} {\n       color: ${getColor(props.backgroundColor, props)};\n     }`}\n`\n"],"names":["shouldForwardArrowBadgeProp","createShouldForwardProp","propKey","includes","Content","styled","div","withConfig","displayName","componentId","Edge","svg","shouldForwardProp","attrs","props","Shape","Rectangle","fancy","Fancy","left","right","Arrow","as","after","template","palette","color","backgroundColor","COLOR_SCHEMA","primary","css","theme","colors","secondary","tertiary","quaternary","Root","dynamicSizeDeclaration","size","sizeUnits","height","fontSize","paddingRight","paddingLeft","focus","responsiveSize","responsiveMargin","getColor"],"mappings":"kjBAWA,MAAMA,4BAA8BC,MAAuBA,yBAAEC,IAAa,CAAC,OAAQ,QAAS,SAASC,SAASD,WAEjGE,QAAUC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,mBAAVJ,CAMtB,CAAA,6EAEM,MAAMK,KAAOL,gBAAAA,QAAOM,IACxBJ,WAAW,CAAEK,kBAAmBA,KAAM,IACtCC,OAAOC,IACN,IAAIC,EAAQC,UAAAA,QAKZ,OAHIF,EAAMG,QAAOF,EAAQG,gBACrBJ,EAAMK,MAAQL,EAAMM,SAAOL,EAAQM,MAAAA,SAEhC,CAAEC,GAAIP,EAAO,IACpBR,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBATgBJ,CAShB,CAAA,6BAAA,KAGCS,GAAUA,EAAMS,OAAS,+BAG9B,MAAMC,SAAYC,GAA+B,WACzCrB,yBACKqB,EAAQC,iCACGD,EAAQE,gCAExBjB,sBACKe,EAAQE,0BAIrB,MAAMC,aAAe,CACnBC,QAASC,OAAGA,IAAA,CAAA,GAAA,KACPhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,2BACjClB,EAAMW,YAGfQ,UAAWH,OAAGA,IAAA,CAAA,GAAA,KACThB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,6BACjClB,EAAMW,YAGfS,SAAUJ,OAAGA,IAAA,CAAA,GAAA,KACRhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,4BACjClB,EAAMW,YAGfU,WAAYL,OAAGA,IAAA,CAAA,GAAA,KACVhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,8BACjClB,EAAMW,aAKV,MAAMW,KAAO/B,gBAAAA,QAAOC,IACxBC,WAAkC,CACjCK,kBAAmBZ,8BAEpBa,MAAuE,CACtEwB,uBAAwBA,CAACC,EAAMC,KACtB,CACLC,OAAQ,QACRC,gBAAiBH,GAAS,SAAWA,EAAO,GAAGA,IAAOC,QAG1DhC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBAXgBJ,CAWhB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACCS,IACD,IAAI4B,EAAe,EACnB,IAAIC,EAAc,EAKlB,OAHI7B,EAAMG,OAASH,EAAMM,SAAOsB,EAAe,KAC3C5B,EAAMG,OAASH,EAAMK,QAAMwB,EAAc,IAEtC,gLAOCvC,qCACasC,+BACDC,qBAEnB,IAGA7B,GACGA,EAAMqB,WAAmBP,aAAaO,WACtCrB,EAAMoB,SAAiBN,aAAaM,SACpCpB,EAAMmB,UAAkBL,aAAaK,UAElCL,aAAaC,SAGpBe,MAAKA,MACLC,eAAcA,eACdC,mCAEChC,GACDA,EAAMY,OACN,OAAOtB,4BACK2C,eAASjC,EAAMY,MAAOZ,gBAEjCA,GACDA,EAAMa,iBACN,OAAOvB,uCACgB2C,eAASjC,EAAMa,gBAAiBb,yBAEhDJ,yBACKqC,eAASjC,EAAMa,gBAAiBb"}

package/components/ArrowBadge/style.mjs

@@ -0,0 +1,2 @@
+import styled,{css}from'styled-components';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{getColor}from'../../mixins/color.mjs';import{focus}from'../../mixins/focus.mjs';import SvgArrow from'./images/arrow.svg.mjs';import SvgRectangle from'./images/rectangle.svg.mjs';import SvgFancy from'./images/fancy.svg.mjs';const shouldForwardArrowBadgeProp=createShouldForwardProp((o=>!['left','right','fancy'].includes(o)));const Content=styled.div.withConfig({displayName:"ArrowBadge__Content",componentId:"ui__sc-gzccd8-0"})(["flex-shrink:0;display:flex;align-items:center;height:100%;margin:0 -1px;"]);const Edge=styled.svg.withConfig({shouldForwardProp:()=>!1}).attrs((o=>{let r=SvgRectangle;return o.fancy&&(r=SvgFancy),(o.left||o.right)&&(r=SvgArrow),{as:r}})).withConfig({displayName:"ArrowBadge__Edge",componentId:"ui__sc-gzccd8-1"})(["flex-shrink:0;height:100%;",""],(o=>o.after&&'transform: rotate(180deg);'));const template=o=>`\n  & > ${Content} {\n    color: ${o.color};\n    background-color: ${o.backgroundColor};\n  }\n  & > ${Edge} {\n    color: ${o.backgroundColor};\n  }\n`;const COLOR_SCHEMA={primary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-200'],...o.palette}))),secondary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-200'],...o.palette}))),tertiary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-tertiary-200'],...o.palette}))),quaternary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-quaternary-200'],...o.palette})))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardArrowBadgeProp}).attrs({dynamicSizeDeclaration:(o,r)=>({height:'1.8em',fontSize:typeof o=='string'?o:`${o}${r}`})}).withConfig({displayName:"ArrowBadge__Root",componentId:"ui__sc-gzccd8-2"})([""," "," "," "," "," "," ",""],(o=>{let r=0;let e=0;return(o.fancy||o.right)&&(r=.4),(o.fancy||o.left)&&(e=.4),`\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: default;\n      & > ${Content} {\n        padding-right: ${r}em;\n        padding-left: ${e}em;\n      }\n    `}),(o=>o.quaternary?COLOR_SCHEMA.quaternary:o.tertiary?COLOR_SCHEMA.tertiary:o.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary),focus,responsiveSize,responsiveMargin,(o=>o.color&&`& > ${Content} {\n       color: ${getColor(o.color,o)};\n     }`),(o=>o.backgroundColor&&`& > ${Content} {\n       background-color: ${getColor(o.backgroundColor,o)};\n     }\n     & > ${Edge} {\n       color: ${getColor(o.backgroundColor,o)};\n     }`));export{Content,Edge,Root};
+//# sourceMappingURL=style.mjs.map

package/components/ArrowBadge/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/ArrowBadge/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { getColor } from 'mixins/color'\nimport { focus } from 'mixins/focus'\nimport type { StyledArrowBadgeProps, StyledArrowBadgeEdgeProps, ArrowBadgePalette } from './types'\nimport Arrow from './images/arrow.svg?module'\nimport Rectangle from './images/rectangle.svg?module'\nimport Fancy from './images/fancy.svg?module'\n\nconst shouldForwardArrowBadgeProp = createShouldForwardProp((propKey) => !['left', 'right', 'fancy'].includes(propKey))\n\nexport const Content = styled.div`\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  height: 100%;\n  margin: 0 -1px;\n`\n\nexport const Edge = styled.svg\n  .withConfig({ shouldForwardProp: () => false })\n  .attrs((props: StyledArrowBadgeEdgeProps) => {\n    let Shape = Rectangle\n\n    if (props.fancy) Shape = Fancy\n    if (props.left || props.right) Shape = Arrow\n\n    return { as: Shape }\n  })<StyledArrowBadgeEdgeProps>`\n  flex-shrink: 0;\n  height: 100%;\n  ${(props) => props.after && 'transform: rotate(180deg);'}\n`\n\nconst template = (palette: ArrowBadgePalette) => `\n  & > ${Content} {\n    color: ${palette.color};\n    background-color: ${palette.backgroundColor};\n  }\n  & > ${Edge} {\n    color: ${palette.backgroundColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  primary: css<StyledArrowBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-primary-200'],\n        ...props.palette,\n      })}\n  `,\n  secondary: css<StyledArrowBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-secondary-200'],\n        ...props.palette,\n      })}\n  `,\n  tertiary: css<StyledArrowBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-tertiary-200'],\n        ...props.palette,\n      })}\n  `,\n  quaternary: css<StyledArrowBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-quaternary-200'],\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div\n  .withConfig<StyledArrowBadgeProps>({\n    shouldForwardProp: shouldForwardArrowBadgeProp,\n  })\n  .attrs(<Required<Pick<StyledArrowBadgeProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        height: '1.8em',\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      }\n    },\n  })`\n  ${(props) => {\n    let paddingRight = 0\n    let paddingLeft = 0\n\n    if (props.fancy || props.right) paddingRight = 0.4\n    if (props.fancy || props.left) paddingLeft = 0.4\n\n    return `\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: default;\n      & > ${Content} {\n        padding-right: ${paddingRight}em;\n        padding-left: ${paddingLeft}em;\n      }\n    `\n  }}\n\n  ${(props) => {\n    if (props.quaternary) return COLOR_SCHEMA.quaternary\n    if (props.tertiary) return COLOR_SCHEMA.tertiary\n    if (props.secondary) return COLOR_SCHEMA.secondary\n\n    return COLOR_SCHEMA.primary\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) =>\n    props.color &&\n    `& > ${Content} {\n       color: ${getColor(props.color, props)};\n     }`}\n  ${(props) =>\n    props.backgroundColor &&\n    `& > ${Content} {\n       background-color: ${getColor(props.backgroundColor, props)};\n     }\n     & > ${Edge} {\n       color: ${getColor(props.backgroundColor, props)};\n     }`}\n`\n"],"names":["shouldForwardArrowBadgeProp","createShouldForwardProp","propKey","includes","Content","styled","div","withConfig","displayName","componentId","Edge","svg","shouldForwardProp","attrs","props","Shape","Rectangle","fancy","Fancy","left","right","Arrow","as","after","template","palette","color","backgroundColor","COLOR_SCHEMA","primary","css","theme","colors","secondary","tertiary","quaternary","Root","dynamicSizeDeclaration","size","sizeUnits","height","fontSize","paddingRight","paddingLeft","focus","responsiveSize","responsiveMargin","getColor"],"mappings":"idAWA,MAAMA,4BAA8BC,yBAAyBC,IAAa,CAAC,OAAQ,QAAS,SAASC,SAASD,WAEjGE,QAAUC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,mBAAVJ,CAMtB,CAAA,6EAEM,MAAMK,KAAOL,OAAOM,IACxBJ,WAAW,CAAEK,kBAAmBA,KAAM,IACtCC,OAAOC,IACN,IAAIC,EAAQC,aAKZ,OAHIF,EAAMG,QAAOF,EAAQG,WACrBJ,EAAMK,MAAQL,EAAMM,SAAOL,EAAQM,UAEhC,CAAEC,GAAIP,EAAO,IACpBR,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBATgBJ,CAShB,CAAA,6BAAA,KAGCS,GAAUA,EAAMS,OAAS,+BAG9B,MAAMC,SAAYC,GAA+B,WACzCrB,yBACKqB,EAAQC,iCACGD,EAAQE,gCAExBjB,sBACKe,EAAQE,0BAIrB,MAAMC,aAAe,CACnBC,QAASC,IAAG,CAAA,GAAA,KACPhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,2BACjClB,EAAMW,YAGfQ,UAAWH,IAAG,CAAA,GAAA,KACThB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,6BACjClB,EAAMW,YAGfS,SAAUJ,IAAG,CAAA,GAAA,KACRhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,4BACjClB,EAAMW,YAGfU,WAAYL,IAAG,CAAA,GAAA,KACVhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,8BACjClB,EAAMW,aAKV,MAAMW,KAAO/B,OAAOC,IACxBC,WAAkC,CACjCK,kBAAmBZ,8BAEpBa,MAAuE,CACtEwB,uBAAwBA,CAACC,EAAMC,KACtB,CACLC,OAAQ,QACRC,gBAAiBH,GAAS,SAAWA,EAAO,GAAGA,IAAOC,QAG1DhC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBAXgBJ,CAWhB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACCS,IACD,IAAI4B,EAAe,EACnB,IAAIC,EAAc,EAKlB,OAHI7B,EAAMG,OAASH,EAAMM,SAAOsB,EAAe,KAC3C5B,EAAMG,OAASH,EAAMK,QAAMwB,EAAc,IAEtC,gLAOCvC,qCACasC,+BACDC,qBAEnB,IAGA7B,GACGA,EAAMqB,WAAmBP,aAAaO,WACtCrB,EAAMoB,SAAiBN,aAAaM,SACpCpB,EAAMmB,UAAkBL,aAAaK,UAElCL,aAAaC,SAGpBe,MACAC,eACAC,kBAEChC,GACDA,EAAMY,OACN,OAAOtB,4BACK2C,SAASjC,EAAMY,MAAOZ,gBAEjCA,GACDA,EAAMa,iBACN,OAAOvB,uCACgB2C,SAASjC,EAAMa,gBAAiBb,yBAEhDJ,yBACKqC,SAASjC,EAAMa,gBAAiBb"}

package/components/Avatar/Avatar.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 s}from'../../hocs/withMergedProps.js';import{Skeleton as a}from'../Skeleton/Skeleton.js';import{Text as o}from'../Text/Text.js';import{abbreviateCaption as i}from'./utils.js';import{SIZES_SQUARE as n,SIZES as p}from'./constants.js';import{SIZES_DEFAULT as m,SIZES_MAPPING_RULES as l}from'./default-constants.js';import{Root as d}from'./style.js';import{jsx as f,Fragment as h}from'react/jsx-runtime';var c=["size","textProps","children","text"];var S=s(t(((t,s)=>{var n;var{size:p="m",textProps:m={},children:S,text:u}=t,j=e(t,c);var b='string'!=typeof p||'default'!==j.preset&&'sm'!==p?p:null!==(n=l[p])&&void 0!==n?n:p;return f(d,r(r({},j),{},{size:b,ref:s,children:j.loading?f(a,{as:"span",width:"100%",height:"100%",borderRadius:"inherit"}):f(h,{children:null!=S?S:!j.src&&f(o,r(r({as:"span",appearance:"caption",size:"inherit",color:"inherit",lineHeight:1,marginTop:1,transform:"uppercase"},m),{},{children:i(u||j.title||'')}))})}))})),{displayName:'Avatar',sizes:r=>'brand'===r.preset?r.square?n:p:m});export{S as Avatar};
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var utils=require('./utils.js');var constants=require('./constants.js');var defaultConstants=require('./default-constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Skeleton=require('../Skeleton/Skeleton.js');var Text=require('../Text/Text.js');const Avatar=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:t="m",textProps:s={},children:a,text:i,...n}=e;const o=typeof t!='string'||n.preset!=='default'&&t!=='sm'?t:defaultConstants.SIZES_MAPPING_RULES[t]??t;return require$$0.jsx(style.Root,{...n,size:o,ref:r,children:n.loading?require$$0.jsx(Skeleton.Skeleton,{as:"span",width:"100%",height:"100%",borderRadius:"inherit"}):require$$0.jsx(require$$0.Fragment,{children:a??(!n.src&&require$$0.jsx(Text.Text,{as:"span",appearance:"caption",size:"inherit",color:"inherit",lineHeight:1,marginTop:1,transform:"uppercase",...s,children:utils.abbreviateCaption(i||n.title||'')}))})})})),{displayName:'Avatar',sizes:e=>e.preset==='brand'?e.square?constants.SIZES_SQUARE:constants.SIZES:defaultConstants.SIZES_DEFAULT});exports.Avatar=Avatar;
 //# sourceMappingURL=Avatar.js.map

package/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport { abbreviateCaption } from './utils'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport { SIZES_MAPPING_RULES, SIZES_DEFAULT } from './default-constants'\nimport type { AvatarProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Avatar'\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [AvatarProps](https://github.com/foxford/ui/blob/master/src/components/Avatar/types.ts)\n */\nconst Avatar: React.ForwardRefExoticComponent<AvatarProps> = withMergedProps<AvatarProps, HTMLSpanElement>(\n  forwardRef((props, ref) => {\n    const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n    const sizeMapped =\n      typeof size === 'string' && (restProps.preset === 'default' || size === 'sm')\n        ? SIZES_MAPPING_RULES[size] ?? size\n        : size\n\n    return (\n      <Styled.Root {...restProps} size={sizeMapped} ref={ref}>\n        {restProps.loading ? (\n          <Skeleton as='span' width='100%' height='100%' borderRadius='inherit' />\n        ) : (\n          <>\n            {children ??\n              (!restProps.src && (\n                <Text\n                  as='span'\n                  appearance='caption'\n                  size='inherit'\n                  color='inherit'\n                  lineHeight={1}\n                  marginTop={1}\n                  transform='uppercase'\n                  {...textProps}\n                >\n                  {abbreviateCaption(text || restProps.title || '')}\n                </Text>\n              ))}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      if (props.preset === 'brand') {\n        return props.square ? SIZES_SQUARE : SIZES\n      }\n\n      return SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Avatar }\n"],"names":["Avatar","withMergedProps","forwardRef","props","ref","_SIZES_MAPPING_RULES$","size","textProps","children","text","restProps","_excluded","sizeMapped","preset","SIZES_MAPPING_RULES","_jsx","Styled.Root","loading","Skeleton","as","width","height","borderRadius","_Fragment","src","Text","_objectSpread","appearance","color","lineHeight","marginTop","transform","abbreviateCaption","title","displayName","sizes","square","SIZES_SQUARE","SIZES","SIZES_DEFAULT"],"mappings":"4mBAsBMA,IAAAA,EAAuDC,EAC3DC,GAAW,CAACC,EAAOC,KAAQ,IAAAC,EACzB,IAAMC,KAAEA,EAAO,IAATC,UAAcA,EAAY,GAA1BC,SAA8BA,EAA9BC,KAAwCA,GAAuBN,EAAdO,IAAcP,EAArEQ,GAEA,IAAMC,EACY,iBAATN,GAA2C,YAArBI,EAAUG,QAAiC,OAATP,EAE3DA,EAFJ,QAAAD,EACIS,EAAoBR,UAAAA,IADxBD,EAAAA,EACiCC,EAGnC,OACES,EAACC,SAAgBN,GAAjB,GAAA,CAA4BJ,KAAMM,EAAYR,IAAKA,EAAnDI,SACGE,EAAUO,QACTF,EAACG,EAAD,CAAUC,GAAG,OAAOC,MAAM,OAAOC,OAAO,OAAOC,aAAa,YAE5DP,EAAAQ,EAAA,CAAAf,SACGA,MAAAA,EAAAA,GACGE,EAAUc,KACVT,EAACU,EAADC,EAAAA,EAAA,CACEP,GAAG,OACHQ,WAAW,UACXrB,KAAK,UACLsB,MAAM,UACNC,WAAY,EACZC,UAAW,EACXC,UAAU,aACNxB,GARN,GAAA,CAAAC,SAUGwB,EAAkBvB,GAAQC,EAAUuB,OAAS,eAQ9D,CACEC,YAhDmB,SAiDnBC,MAAQhC,GACe,UAAjBA,EAAMU,OACDV,EAAMiC,OAASC,EAAeC,EAGhCC"}
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport { abbreviateCaption } from './utils'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport { SIZES_MAPPING_RULES, SIZES_DEFAULT } from './default-constants'\nimport type { AvatarProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Avatar'\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [AvatarProps](https://github.com/foxford/ui/blob/master/src/components/Avatar/types.ts)\n */\nconst Avatar: React.ForwardRefExoticComponent<AvatarProps> = withMergedProps<AvatarProps, HTMLSpanElement>(\n  forwardRef((props, ref) => {\n    const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n    const sizeMapped =\n      typeof size === 'string' && (restProps.preset === 'default' || size === 'sm')\n        ? SIZES_MAPPING_RULES[size] ?? size\n        : size\n\n    return (\n      <Styled.Root {...restProps} size={sizeMapped} ref={ref}>\n        {restProps.loading ? (\n          <Skeleton as='span' width='100%' height='100%' borderRadius='inherit' />\n        ) : (\n          <>\n            {children ??\n              (!restProps.src && (\n                <Text\n                  as='span'\n                  appearance='caption'\n                  size='inherit'\n                  color='inherit'\n                  lineHeight={1}\n                  marginTop={1}\n                  transform='uppercase'\n                  {...textProps}\n                >\n                  {abbreviateCaption(text || restProps.title || '')}\n                </Text>\n              ))}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      if (props.preset === 'brand') {\n        return props.square ? SIZES_SQUARE : SIZES\n      }\n\n      return SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Avatar }\n"],"names":["Avatar","withMergedProps","forwardRef","props","ref","size","textProps","children","text","restProps","sizeMapped","preset","SIZES_MAPPING_RULES","_jsx","Styled","loading","Skeleton","as","width","height","borderRadius","jsx","_Fragment","src","Text","appearance","color","lineHeight","marginTop","transform","abbreviateCaption","title","displayName","sizes","square","SIZES_SQUARE","SIZES","SIZES_DEFAULT"],"mappings":"oYAsBMA,MAAAA,OAAuDC,gBAAAA,gBAC3DC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,KAAEA,KAASC,GAAcN,EAErE,MAAMO,SACGL,GAAS,UAAaI,EAAUE,SAAW,WAAaN,IAAS,KAEpEA,EADAO,iBAAmBA,oBAACP,IAASA,EAGnC,OACEQ,WAAAA,IAACC,MAAAA,KAAW,IAAKL,EAAWJ,KAAMK,EAAYN,IAAKA,EAAIG,SACpDE,EAAUM,QACTF,WAAAA,IAACG,SAAAA,SAAQ,CAACC,GAAG,OAAOC,MAAM,OAAOC,OAAO,OAAOC,aAAa,YAE5DP,WAAAQ,IAAAC,oBAAA,CAAAf,SACGA,KACGE,EAAUc,KACVV,WAAAA,IAACW,KAAAA,KAAI,CACHP,GAAG,OACHQ,WAAW,UACXpB,KAAK,UACLqB,MAAM,UACNC,WAAY,EACZC,UAAW,EACXC,UAAU,eACNvB,EAASC,SAEZuB,MAAAA,kBAAkBtB,GAAQC,EAAUsB,OAAS,UAK5C,IAGlB,CACEC,YAhDmB,SAiDnBC,MAAQ9B,GACFA,EAAMQ,SAAW,QACZR,EAAM+B,OAASC,UAAYA,aAAGC,gBAGhCC"}

package/components/Avatar/Avatar.mjs

@@ -0,0 +1,2 @@
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{abbreviateCaption}from'./utils.mjs';import{SIZES_SQUARE,SIZES}from'./constants.mjs';import{SIZES_DEFAULT,SIZES_MAPPING_RULES}from'./default-constants.mjs';import{Root}from'./style.mjs';import{jsx,Fragment}from'react/jsx-runtime';import{Skeleton}from'../Skeleton/Skeleton.mjs';import{Text}from'../Text/Text.mjs';const Avatar=withMergedProps(forwardRef(((t,e)=>{const{size:r="m",textProps:o={},children:s,text:i,...a}=t;const n=typeof r!='string'||a.preset!=='default'&&r!=='sm'?r:SIZES_MAPPING_RULES[r]??r;return jsx(Root,{...a,size:n,ref:e,children:a.loading?jsx(Skeleton,{as:"span",width:"100%",height:"100%",borderRadius:"inherit"}):jsx(Fragment,{children:s??(!a.src&&jsx(Text,{as:"span",appearance:"caption",size:"inherit",color:"inherit",lineHeight:1,marginTop:1,transform:"uppercase",...o,children:abbreviateCaption(i||a.title||'')}))})})})),{displayName:'Avatar',sizes:t=>t.preset==='brand'?t.square?SIZES_SQUARE:SIZES:SIZES_DEFAULT});export{Avatar};
+//# sourceMappingURL=Avatar.mjs.map

package/components/Avatar/Avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Avatar.mjs","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport { abbreviateCaption } from './utils'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport { SIZES_MAPPING_RULES, SIZES_DEFAULT } from './default-constants'\nimport type { AvatarProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Avatar'\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [AvatarProps](https://github.com/foxford/ui/blob/master/src/components/Avatar/types.ts)\n */\nconst Avatar: React.ForwardRefExoticComponent<AvatarProps> = withMergedProps<AvatarProps, HTMLSpanElement>(\n  forwardRef((props, ref) => {\n    const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n    const sizeMapped =\n      typeof size === 'string' && (restProps.preset === 'default' || size === 'sm')\n        ? SIZES_MAPPING_RULES[size] ?? size\n        : size\n\n    return (\n      <Styled.Root {...restProps} size={sizeMapped} ref={ref}>\n        {restProps.loading ? (\n          <Skeleton as='span' width='100%' height='100%' borderRadius='inherit' />\n        ) : (\n          <>\n            {children ??\n              (!restProps.src && (\n                <Text\n                  as='span'\n                  appearance='caption'\n                  size='inherit'\n                  color='inherit'\n                  lineHeight={1}\n                  marginTop={1}\n                  transform='uppercase'\n                  {...textProps}\n                >\n                  {abbreviateCaption(text || restProps.title || '')}\n                </Text>\n              ))}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      if (props.preset === 'brand') {\n        return props.square ? SIZES_SQUARE : SIZES\n      }\n\n      return SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Avatar }\n"],"names":["Avatar","withMergedProps","forwardRef","props","ref","size","textProps","children","text","restProps","sizeMapped","preset","SIZES_MAPPING_RULES","_jsx","Styled","loading","Skeleton","as","width","height","borderRadius","_Fragment","src","Text","appearance","color","lineHeight","marginTop","transform","abbreviateCaption","title","displayName","sizes","square","SIZES_SQUARE","SIZES","SIZES_DEFAULT"],"mappings":"wZAsBMA,MAAAA,OAAuDC,gBAC3DC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,KAAEA,KAASC,GAAcN,EAErE,MAAMO,SACGL,GAAS,UAAaI,EAAUE,SAAW,WAAaN,IAAS,KAEpEA,EADAO,oBAAoBP,IAASA,EAGnC,OACEQ,IAACC,KAAW,IAAKL,EAAWJ,KAAMK,EAAYN,IAAKA,EAAIG,SACpDE,EAAUM,QACTF,IAACG,SAAQ,CAACC,GAAG,OAAOC,MAAM,OAAOC,OAAO,OAAOC,aAAa,YAE5DP,IAAAQ,SAAA,CAAAd,SACGA,KACGE,EAAUa,KACVT,IAACU,KAAI,CACHN,GAAG,OACHO,WAAW,UACXnB,KAAK,UACLoB,MAAM,UACNC,WAAY,EACZC,UAAW,EACXC,UAAU,eACNtB,EAASC,SAEZsB,kBAAkBrB,GAAQC,EAAUqB,OAAS,UAK5C,IAGlB,CACEC,YAhDmB,SAiDnBC,MAAQ7B,GACFA,EAAMQ,SAAW,QACZR,EAAM8B,OAASC,aAAeC,MAGhCC"}

package/components/Avatar/constants.js

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