@foxford/ui 2.116.0-beta-a237adf-20260518 → 2.116.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (98) hide show
  1. package/components/ArrowBadge/ArrowBadge.js +1 -1
  2. package/components/ArrowBadge/ArrowBadge.js.map +1 -1
  3. package/components/ArrowBadge/ArrowBadge.mjs +1 -1
  4. package/components/ArrowBadge/ArrowBadge.mjs.map +1 -1
  5. package/components/ArrowBadge/images/arrow.svg.js +1 -1
  6. package/components/ArrowBadge/images/arrow.svg.js.map +1 -1
  7. package/components/ArrowBadge/images/arrow.svg.mjs +1 -1
  8. package/components/ArrowBadge/images/arrow.svg.mjs.map +1 -1
  9. package/components/ArrowBadge/images/fancy.svg.js +1 -1
  10. package/components/ArrowBadge/images/fancy.svg.js.map +1 -1
  11. package/components/ArrowBadge/images/fancy.svg.mjs +1 -1
  12. package/components/ArrowBadge/images/fancy.svg.mjs.map +1 -1
  13. package/components/ArrowBadge/images/rectangle.svg.js +1 -1
  14. package/components/ArrowBadge/images/rectangle.svg.js.map +1 -1
  15. package/components/ArrowBadge/images/rectangle.svg.mjs +1 -1
  16. package/components/ArrowBadge/images/rectangle.svg.mjs.map +1 -1
  17. package/components/ArrowBadge/sizes.js +2 -0
  18. package/components/ArrowBadge/sizes.js.map +1 -0
  19. package/components/ArrowBadge/sizes.mjs +2 -0
  20. package/components/ArrowBadge/sizes.mjs.map +1 -0
  21. package/components/ArrowBadge/style.js +1 -1
  22. package/components/ArrowBadge/style.js.map +1 -1
  23. package/components/ArrowBadge/style.mjs +1 -1
  24. package/components/ArrowBadge/style.mjs.map +1 -1
  25. package/components/Badge/Badge.js +1 -1
  26. package/components/Badge/Badge.js.map +1 -1
  27. package/components/Badge/Badge.mjs +1 -1
  28. package/components/Badge/Badge.mjs.map +1 -1
  29. package/components/Badge/sizes.js +2 -0
  30. package/components/Badge/sizes.js.map +1 -0
  31. package/components/Badge/sizes.mjs +2 -0
  32. package/components/Badge/sizes.mjs.map +1 -0
  33. package/components/Badge/style.js +1 -1
  34. package/components/Badge/style.js.map +1 -1
  35. package/components/Badge/style.mjs +1 -1
  36. package/components/Badge/style.mjs.map +1 -1
  37. package/components/Chip/sizes.js +1 -1
  38. package/components/Chip/sizes.js.map +1 -1
  39. package/components/Chip/sizes.mjs +1 -1
  40. package/components/Chip/sizes.mjs.map +1 -1
  41. package/components/Chip/style.js +1 -1
  42. package/components/Chip/style.js.map +1 -1
  43. package/components/Chip/style.mjs +1 -1
  44. package/components/Chip/style.mjs.map +1 -1
  45. package/components/FormLabel/FormLabel.js +1 -1
  46. package/components/FormLabel/FormLabel.js.map +1 -1
  47. package/components/FormLabel/FormLabel.mjs +1 -1
  48. package/components/FormLabel/FormLabel.mjs.map +1 -1
  49. package/components/Indicator/Indicator.js +1 -1
  50. package/components/Indicator/Indicator.js.map +1 -1
  51. package/components/Indicator/Indicator.mjs +1 -1
  52. package/components/Indicator/Indicator.mjs.map +1 -1
  53. package/components/Indicator/sizes.js +2 -0
  54. package/components/Indicator/sizes.js.map +1 -0
  55. package/components/Indicator/sizes.mjs +2 -0
  56. package/components/Indicator/sizes.mjs.map +1 -0
  57. package/components/Indicator/style.js +1 -1
  58. package/components/Indicator/style.js.map +1 -1
  59. package/components/Indicator/style.mjs +1 -1
  60. package/components/Indicator/style.mjs.map +1 -1
  61. package/components/ListItem/style.js +1 -1
  62. package/components/ListItem/style.js.map +1 -1
  63. package/components/ListItem/style.mjs +1 -1
  64. package/components/ListItem/style.mjs.map +1 -1
  65. package/components/PopoverComponent/PopoverComponent.js +1 -1
  66. package/components/PopoverComponent/PopoverComponent.js.map +1 -1
  67. package/components/PopoverComponent/PopoverComponent.mjs +1 -1
  68. package/components/PopoverComponent/PopoverComponent.mjs.map +1 -1
  69. package/components/PopoverComponent/sizes.js +1 -1
  70. package/components/PopoverComponent/sizes.js.map +1 -1
  71. package/components/PopoverComponent/sizes.mjs +1 -1
  72. package/components/PopoverComponent/sizes.mjs.map +1 -1
  73. package/components/TabListTab/sizes.js +1 -1
  74. package/components/TabListTab/sizes.js.map +1 -1
  75. package/components/TabListTab/sizes.mjs +1 -1
  76. package/components/TabListTab/sizes.mjs.map +1 -1
  77. package/dts/index.d.ts +659 -257
  78. package/mixins/cursor.js +2 -0
  79. package/mixins/cursor.js.map +1 -0
  80. package/mixins/cursor.mjs +2 -0
  81. package/mixins/cursor.mjs.map +1 -0
  82. package/package.json +2 -2
  83. package/theme/theme-colors.js +1 -1
  84. package/theme/theme-colors.js.map +1 -1
  85. package/theme/theme-colors.mjs +1 -1
  86. package/theme/theme-colors.mjs.map +1 -1
  87. package/components/ArrowBadge/constants.js +0 -2
  88. package/components/ArrowBadge/constants.js.map +0 -1
  89. package/components/ArrowBadge/constants.mjs +0 -2
  90. package/components/ArrowBadge/constants.mjs.map +0 -1
  91. package/components/Badge/constants.js +0 -2
  92. package/components/Badge/constants.js.map +0 -1
  93. package/components/Badge/constants.mjs +0 -2
  94. package/components/Badge/constants.mjs.map +0 -1
  95. package/components/Indicator/constants.js +0 -2
  96. package/components/Indicator/constants.js.map +0 -1
  97. package/components/Indicator/constants.mjs +0 -2
  98. package/components/Indicator/constants.mjs.map +0 -1
@@ -1,2 +1,2 @@
1
- 'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var constants=require('./constants.js');var jsxRuntime=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:n,right:o,fancy:a,...c}=e;const x={as:'div',size:'inherit',color:'inherit'};return jsxRuntime.jsxs(style.Root,{...c,size:t,left:n,right:o,fancy:a,ref:r,children:[jsxRuntime.jsx(style.Edge,{left:n,fancy:a}),jsxRuntime.jsx(style.Content,{children:typeof i=='function'?i({baseTextProps:x,textProps:s}):jsxRuntime.jsx(Text.Text,{...x,...s,children:i})}),jsxRuntime.jsx(style.Edge,{right:o,fancy:a,after:!0})]})}),{displayName:"ArrowBadge",sizes:constants.SIZES});exports.ArrowBadge=ArrowBadge,exports.COMPONENT_NAME="ArrowBadge";
1
+ 'use strict';var createPolymorphicComponentWithRef=require('../../shared/utils/createPolymorphicComponentWithRef.js');var useMergedProps=require('../../hooks/useMergedProps.js');var style=require('./style.js');var sizes=require('./sizes.js');var jsxRuntime=require('react/jsx-runtime');var Slot=require('../Slot/Slot.js');var Text=require('../Text/Text.js');const ArrowBadge=createPolymorphicComponentWithRef.createPolymorphicComponentWithRef((e,s)=>{const{component:r,size:t="m",textProps:i={},children:o,content:n,left:a,right:c,fancy:l,sizeXXS:u,sizeXS:x,sizeS:z,sizeM:j,sizeL:m,sizeXL:h,...p}=useMergedProps.useMergedProps(e,{componentName:"ArrowBadge",sizes:sizes.SIZES});const d={size:t,sizeXXS:u,sizeXS:x,sizeS:z,sizeM:j,sizeL:m,sizeXL:h};const S={...d,as:'div',color:'inherit',sizes:sizes.SIZES_TEXT,...i};return jsxRuntime.jsxs(style.Root,{...p,...d,as:r,size:t,left:a,right:c,fancy:l,ref:s,children:[jsxRuntime.jsx(style.Edge,{left:a,fancy:l}),jsxRuntime.jsx(style.Content,{children:jsxRuntime.jsx(Slot.Slot,{render:n,props:S,fallback:jsxRuntime.jsx(Text.Text,{...S,children:o})})}),jsxRuntime.jsx(style.Edge,{right:c,fancy:l,after:!0})]})});exports.ArrowBadge=ArrowBadge;
2
2
  //# sourceMappingURL=ArrowBadge.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ArrowBadge.js","sources":["../../../../src/components/ArrowBadge/ArrowBadge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport * 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/packages/ui/src/components/ArrowBadge/types.ts)\n */\nconst ArrowBadge: React.ForwardRefExoticComponent<ArrowBadgeProps> = withMergedProps<ArrowBadgeProps, HTMLDivElement>(\n forwardRef<HTMLDivElement, MergedProps<ArrowBadgeProps>>((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","Text","after","displayName","sizes","SIZES"],"mappings":"6PAqBA,MAAMA,WAA+DC,gBAAAA,gBACnEC,MAAAA,WAAyD,CAACC,EAAOC,KAC/D,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAA,EAAEC,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,SAAA,CACvFU,WAAAA,IAACD,WAAW,CAACR,KAAMA,EAAME,MAAOA,IAChCO,WAAAA,IAACD,cAAc,CAAAT,gBACLA,GAAa,WACnBA,EAAS,CAAEK,gBAAeN,cAE1BW,WAAAA,IAACC,UAAI,IAAKN,KAAmBN,EAASC,SACnCA,MAIPU,WAAAA,IAACD,WAAW,CAACP,MAAOA,EAAOC,MAAOA,EAAOS,OAAK,SAIpD,CACEC,YAnCmB,aAoCnBC,MAAOC,UAAAA,6DApCY"}
1
+ {"version":3,"file":"ArrowBadge.js","sources":["../../../../src/components/ArrowBadge/ArrowBadge.tsx"],"sourcesContent":["import { createPolymorphicComponentWithRef } from 'shared/utils/createPolymorphicComponentWithRef'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport type { PolymorphicProps } from 'shared/interfaces'\nimport { Slot } from 'components/Slot'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport * as Styled from './style'\nimport type { ArrowBadgeProps } from './types'\nimport { SIZES, SIZES_TEXT } from './sizes'\n\nconst COMPONENT_NAME = 'ArrowBadge'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент-маркер с указателем.\n *\n * Полиморфный компонент.\n *\n * Можно передать \"ref\" и атрибуты выбранного HTML-элемента (по умолчанию \\<div\\>).\n */\nconst ArrowBadge = createPolymorphicComponentWithRef<'div', ArrowBadgeProps>((props, ref) => {\n const {\n component,\n size = 'm',\n textProps: textPropsProp = {},\n children,\n content,\n left,\n right,\n fancy,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n ...restProps\n } = useMergedProps<PolymorphicProps<React.ElementType, ArrowBadgeProps>>(props, {\n componentName: COMPONENT_NAME,\n sizes: SIZES,\n })\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const textProps: TextProps = {\n ...sizeProps,\n as: 'div',\n color: 'inherit',\n sizes: SIZES_TEXT,\n ...textPropsProp,\n }\n\n return (\n <Styled.Root\n {...restProps}\n {...sizeProps}\n as={component}\n size={size}\n left={left}\n right={right}\n fancy={fancy}\n ref={ref}\n >\n <Styled.Edge left={left} fancy={fancy} />\n <Styled.Content>\n <Slot render={content} props={textProps} fallback={<Text {...textProps}>{children}</Text>} />\n </Styled.Content>\n <Styled.Edge right={right} fancy={fancy} after />\n </Styled.Root>\n )\n})\n\nconst ArrowBadgeDoc: React.FC<ArrowBadgeProps> = () => null\n\nexport { ArrowBadgeDoc, ArrowBadge }\n"],"names":["ArrowBadge","createPolymorphicComponentWithRef","props","ref","component","size","textProps","textPropsProp","children","content","left","right","fancy","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","useMergedProps","componentName","sizes","SIZES","sizeProps","as","color","SIZES_TEXT","_jsxs","Styled","_jsx","Slot","render","fallback","Text","after"],"mappings":"sWAsBA,MAAMA,WAAaC,kCAAAA,kCAA0D,CAACC,EAAOC,KACnF,MAAMC,UACJA,EAASC,KACTA,EAAO,IACPC,UAAWC,EAAgB,CAAA,EAAEC,SAC7BA,EAAQC,QACRA,EAAOC,KACPA,EAAIC,MACJA,EAAKC,MACLA,EAAKC,QACLA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDC,eAAAA,eAAqElB,EAAO,CAC9EmB,cA9BmB,aA+BnBC,MAAOC,MAAAA,QAGT,MAAMC,EAAY,CAChBnB,OACAQ,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMZ,EAAuB,IACxBkB,EACHC,GAAI,MACJC,MAAO,UACPJ,MAAOK,MAAAA,cACJpB,GAGL,OACEqB,WAAAA,KAACC,MAAAA,KAAW,IACNV,KACAK,EACJC,GAAIrB,EACJC,KAAMA,EACNK,KAAMA,EACNC,MAAOA,EACPC,MAAOA,EACPT,IAAKA,EAAIK,SAAA,CAETsB,WAAAA,IAACD,WAAW,CAACnB,KAAMA,EAAME,MAAOA,IAChCkB,WAAAA,IAACD,cAAc,CAAArB,SACbsB,WAAAA,IAACC,UAAI,CAACC,OAAQvB,EAASP,MAAOI,EAAW2B,SAAUH,WAAAA,IAACI,UAAI,IAAK5B,EAASE,SAAGA,QAE3EsB,WAAAA,IAACD,WAAW,CAAClB,MAAOA,EAAOC,MAAOA,EAAOuB,OAAK"}
@@ -1,2 +1,2 @@
1
- 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};
1
+ import{createPolymorphicComponentWithRef}from'../../shared/utils/createPolymorphicComponentWithRef.mjs';import{useMergedProps}from'../../hooks/useMergedProps.mjs';import{Root,Edge,Content}from'./style.mjs';import{SIZES,SIZES_TEXT}from'./sizes.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Slot}from'../Slot/Slot.mjs';import{Text}from'../Text/Text.mjs';const ArrowBadge=createPolymorphicComponentWithRef((e,o)=>{const{component:s,size:t="m",textProps:r={},children:i,content:n,left:m,right:c,fancy:p,sizeXXS:f,sizeXS:l,sizeS:a,sizeM:z,sizeL:S,sizeXL:d,...h}=useMergedProps(e,{componentName:"ArrowBadge",sizes:SIZES});const j={size:t,sizeXXS:f,sizeXS:l,sizeS:a,sizeM:z,sizeL:S,sizeXL:d};const x={...j,as:'div',color:'inherit',sizes:SIZES_TEXT,...r};return jsxs(Root,{...h,...j,as:s,size:t,left:m,right:c,fancy:p,ref:o,children:[jsx(Edge,{left:m,fancy:p}),jsx(Content,{children:jsx(Slot,{render:n,props:x,fallback:jsx(Text,{...x,children:i})})}),jsx(Edge,{right:c,fancy:p,after:!0})]})});export{ArrowBadge};
2
2
  //# sourceMappingURL=ArrowBadge.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"ArrowBadge.mjs","sources":["../../../../src/components/ArrowBadge/ArrowBadge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport * 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/packages/ui/src/components/ArrowBadge/types.ts)\n */\nconst ArrowBadge: React.ForwardRefExoticComponent<ArrowBadgeProps> = withMergedProps<ArrowBadgeProps, HTMLDivElement>(\n forwardRef<HTMLDivElement, MergedProps<ArrowBadgeProps>>((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":"mPASA,MAAMA,eAAiB,aAYvB,MAAMC,WAA+DC,gBACnEC,WAAyD,CAACC,EAAOC,KAC/D,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAA,EAAEC,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,SAAA,CACvFU,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,SAIpD,CACEC,YAnCmB,aAoCnBC,MAAOC"}
1
+ {"version":3,"file":"ArrowBadge.mjs","sources":["../../../../src/components/ArrowBadge/ArrowBadge.tsx"],"sourcesContent":["import { createPolymorphicComponentWithRef } from 'shared/utils/createPolymorphicComponentWithRef'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport type { PolymorphicProps } from 'shared/interfaces'\nimport { Slot } from 'components/Slot'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport * as Styled from './style'\nimport type { ArrowBadgeProps } from './types'\nimport { SIZES, SIZES_TEXT } from './sizes'\n\nconst COMPONENT_NAME = 'ArrowBadge'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент-маркер с указателем.\n *\n * Полиморфный компонент.\n *\n * Можно передать \"ref\" и атрибуты выбранного HTML-элемента (по умолчанию \\<div\\>).\n */\nconst ArrowBadge = createPolymorphicComponentWithRef<'div', ArrowBadgeProps>((props, ref) => {\n const {\n component,\n size = 'm',\n textProps: textPropsProp = {},\n children,\n content,\n left,\n right,\n fancy,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n ...restProps\n } = useMergedProps<PolymorphicProps<React.ElementType, ArrowBadgeProps>>(props, {\n componentName: COMPONENT_NAME,\n sizes: SIZES,\n })\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const textProps: TextProps = {\n ...sizeProps,\n as: 'div',\n color: 'inherit',\n sizes: SIZES_TEXT,\n ...textPropsProp,\n }\n\n return (\n <Styled.Root\n {...restProps}\n {...sizeProps}\n as={component}\n size={size}\n left={left}\n right={right}\n fancy={fancy}\n ref={ref}\n >\n <Styled.Edge left={left} fancy={fancy} />\n <Styled.Content>\n <Slot render={content} props={textProps} fallback={<Text {...textProps}>{children}</Text>} />\n </Styled.Content>\n <Styled.Edge right={right} fancy={fancy} after />\n </Styled.Root>\n )\n})\n\nconst ArrowBadgeDoc: React.FC<ArrowBadgeProps> = () => null\n\nexport { ArrowBadgeDoc, ArrowBadge }\n"],"names":["ArrowBadge","createPolymorphicComponentWithRef","props","ref","component","size","textProps","textPropsProp","children","content","left","right","fancy","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","useMergedProps","componentName","sizes","SIZES","sizeProps","as","color","SIZES_TEXT","_jsxs","Styled","_jsx","Slot","render","fallback","Text","after"],"mappings":"sWAsBA,MAAMA,WAAaC,kCAA0D,CAACC,EAAOC,KACnF,MAAMC,UACJA,EAASC,KACTA,EAAO,IACPC,UAAWC,EAAgB,CAAA,EAAEC,SAC7BA,EAAQC,QACRA,EAAOC,KACPA,EAAIC,MACJA,EAAKC,MACLA,EAAKC,QACLA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDC,eAAqElB,EAAO,CAC9EmB,cA9BmB,aA+BnBC,MAAOC,QAGT,MAAMC,EAAY,CAChBnB,OACAQ,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMZ,EAAuB,IACxBkB,EACHC,GAAI,MACJC,MAAO,UACPJ,MAAOK,cACJpB,GAGL,OACEqB,KAACC,KAAW,IACNV,KACAK,EACJC,GAAIrB,EACJC,KAAMA,EACNK,KAAMA,EACNC,MAAOA,EACPC,MAAOA,EACPT,IAAKA,EAAIK,SAAA,CAETsB,IAACD,KAAW,CAACnB,KAAMA,EAAME,MAAOA,IAChCkB,IAACD,QAAc,CAAArB,SACbsB,IAACC,KAAI,CAACC,OAAQvB,EAASP,MAAOI,EAAW2B,SAAUH,IAACI,KAAI,IAAK5B,EAASE,SAAGA,QAE3EsB,IAACD,KAAW,CAAClB,MAAOA,EAAOC,MAAOA,EAAOuB,OAAK"}
@@ -1,2 +1,2 @@
1
- '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"})));
1
+ '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",preserveAspectRatio:"none",viewBox:"0 0 19 40"},e),_path||(_path=React__namespace.createElement("path",{fill:"currentColor",d:"M17 0h2v40h-2L0 20z"})));
2
2
  //# sourceMappingURL=arrow.svg.js.map
@@ -1 +1 @@
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":"mZAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,GAAK,CAAE,OAAOL,CAAG,EAAGJ,SAASY,MAAM,KAAMN,UAAY,iBAElQO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CACzEgB,MAAO,6BACPC,QAAS,aACRJ,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}
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 preserveAspectRatio: \"none\",\n viewBox: \"0 0 19 40\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M17 0h2v40h-2L0 20z\"\n})));\nexport default SvgArrow;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","preserveAspectRatio","viewBox","fill","d"],"mappings":"mZAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,GAAK,CAAE,OAAOL,CAAG,EAAGJ,SAASY,MAAM,KAAMN,UAAY,iBAElQO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CACzEgB,MAAO,6BACPC,oBAAqB,OACrBC,QAAS,aACRL,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEI,KAAM,eACNC,EAAG"}
@@ -1,2 +1,2 @@
1
- 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};
1
+ 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 r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_extends.apply(null,arguments)}const SvgArrow=e=>React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"none",viewBox:"0 0 19 40"},e),_path||(_path=React.createElement("path",{fill:"currentColor",d:"M17 0h2v40h-2L0 20z"})));export{SvgArrow as default};
2
2
  //# sourceMappingURL=arrow.svg.mjs.map
@@ -1 +1 @@
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,GAAK,CAAE,OAAOL,CAAG,EAAGJ,SAASY,MAAM,KAAMN,UAAY,CAE9Q,MAACO,SAAWC,GAAsBC,MAAMC,cAAc,MAAOhB,SAAS,CACzEiB,MAAO,6BACPC,QAAS,aACRJ,GAAQf,QAAUA,MAAqBgB,MAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}
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 preserveAspectRatio: \"none\",\n viewBox: \"0 0 19 40\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M17 0h2v40h-2L0 20z\"\n})));\nexport default SvgArrow;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","SvgArrow","props","React","createElement","xmlns","preserveAspectRatio","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,GAAK,CAAE,OAAOL,CAAG,EAAGJ,SAASY,MAAM,KAAMN,UAAY,CAE9Q,MAACO,SAAWC,GAAsBC,MAAMC,cAAc,MAAOhB,SAAS,CACzEiB,MAAO,6BACPC,oBAAqB,OACrBC,QAAS,aACRL,GAAQf,QAAUA,MAAqBgB,MAAMC,cAAc,OAAQ,CACpEI,KAAM,eACNC,EAAG"}
@@ -1,2 +1,2 @@
1
- '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"})));
1
+ '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",preserveAspectRatio:"none",viewBox:"0 0 25 40"},e),_path||(_path=React__namespace.createElement("path",{fill:"currentColor",d:"M0 40h25V0H0l14 20z"})));
2
2
  //# sourceMappingURL=fancy.svg.js.map
@@ -1 +1 @@
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":"mZAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,GAAK,CAAE,OAAOL,CAAG,EAAGJ,SAASY,MAAM,KAAMN,UAAY,iBAElQO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CACzEgB,MAAO,6BACPC,QAAS,aACRJ,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}
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 preserveAspectRatio: \"none\",\n viewBox: \"0 0 25 40\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M0 40h25V0H0l14 20z\"\n})));\nexport default SvgFancy;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","preserveAspectRatio","viewBox","fill","d"],"mappings":"mZAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,GAAK,CAAE,OAAOL,CAAG,EAAGJ,SAASY,MAAM,KAAMN,UAAY,iBAElQO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CACzEgB,MAAO,6BACPC,oBAAqB,OACrBC,QAAS,aACRL,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEI,KAAM,eACNC,EAAG"}
@@ -1,2 +1,2 @@
1
- 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};
1
+ 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 n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},_extends.apply(null,arguments)}const SvgFancy=e=>React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"none",viewBox:"0 0 25 40"},e),_path||(_path=React.createElement("path",{fill:"currentColor",d:"M0 40h25V0H0l14 20z"})));export{SvgFancy as default};
2
2
  //# sourceMappingURL=fancy.svg.mjs.map
@@ -1 +1 @@
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,GAAK,CAAE,OAAOL,CAAG,EAAGJ,SAASY,MAAM,KAAMN,UAAY,CAE9Q,MAACO,SAAWC,GAAsBC,MAAMC,cAAc,MAAOhB,SAAS,CACzEiB,MAAO,6BACPC,QAAS,aACRJ,GAAQf,QAAUA,MAAqBgB,MAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}
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 preserveAspectRatio: \"none\",\n viewBox: \"0 0 25 40\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n fill: \"currentColor\",\n d: \"M0 40h25V0H0l14 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","preserveAspectRatio","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,GAAK,CAAE,OAAOL,CAAG,EAAGJ,SAASY,MAAM,KAAMN,UAAY,CAE9Q,MAACO,SAAWC,GAAsBC,MAAMC,cAAc,MAAOhB,SAAS,CACzEiB,MAAO,6BACPC,oBAAqB,OACrBC,QAAS,aACRL,GAAQf,QAAUA,MAAqBgB,MAAMC,cAAc,OAAQ,CACpEI,KAAM,eACNC,EAAG"}
@@ -1,2 +1,2 @@
1
- '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"})));
1
+ '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",preserveAspectRatio:"none",viewBox:"0 0 20 40"},e),_path||(_path=React__namespace.createElement("path",{fill:"currentColor",d:"M0 0h20v40H0z"})));
2
2
  //# sourceMappingURL=rectangle.svg.js.map
@@ -1 +1 @@
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":"mZAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,GAAK,CAAE,OAAOL,CAAG,EAAGJ,SAASY,MAAM,KAAMN,UAAY,iBAE9PO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CAC7EgB,MAAO,6BACPC,QAAS,aACRJ,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}
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 preserveAspectRatio: \"none\",\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","preserveAspectRatio","viewBox","fill","d"],"mappings":"mZAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,GAAK,CAAE,OAAOL,CAAG,EAAGJ,SAASY,MAAM,KAAMN,UAAY,iBAE9PO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CAC7EgB,MAAO,6BACPC,oBAAqB,OACrBC,QAAS,aACRL,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEI,KAAM,eACNC,EAAG"}
@@ -1,2 +1,2 @@
1
- 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};
1
+ 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 n=arguments[t];for(var a in n)({}).hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},_extends.apply(null,arguments)}const SvgRectangle=e=>React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",preserveAspectRatio:"none",viewBox:"0 0 20 40"},e),_path||(_path=React.createElement("path",{fill:"currentColor",d:"M0 0h20v40H0z"})));export{SvgRectangle as default};
2
2
  //# sourceMappingURL=rectangle.svg.mjs.map
@@ -1 +1 @@
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,GAAK,CAAE,OAAOL,CAAG,EAAGJ,SAASY,MAAM,KAAMN,UAAY,CAE9Q,MAACO,aAAeC,GAAsBC,MAAMC,cAAc,MAAOhB,SAAS,CAC7EiB,MAAO,6BACPC,QAAS,aACRJ,GAAQf,QAAUA,MAAqBgB,MAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}
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 preserveAspectRatio: \"none\",\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","preserveAspectRatio","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,GAAK,CAAE,OAAOL,CAAG,EAAGJ,SAASY,MAAM,KAAMN,UAAY,CAE9Q,MAACO,aAAeC,GAAsBC,MAAMC,cAAc,MAAOhB,SAAS,CAC7EiB,MAAO,6BACPC,oBAAqB,OACrBC,QAAS,aACRL,GAAQf,QAAUA,MAAqBgB,MAAMC,cAAc,OAAQ,CACpEI,KAAM,eACNC,EAAG"}
@@ -0,0 +1,2 @@
1
+ 'use strict';exports.SIZES={xxxl:{height:64,'--arrow-badge-padding':'7px','--arrow-badge-arrow-width':'29px','--arrow-badge-rectangle-width':'19px','--arrow-badge-fancy-width':'43px'},xxl:{height:60,'--arrow-badge-padding':'7px','--arrow-badge-arrow-width':'28px','--arrow-badge-rectangle-width':'18px','--arrow-badge-fancy-width':'40px'},xl:{height:54,'--arrow-badge-padding':'7px','--arrow-badge-arrow-width':'25px','--arrow-badge-rectangle-width':'16px','--arrow-badge-fancy-width':'36px'},l:{height:48,'--arrow-badge-padding':'7px','--arrow-badge-arrow-width':'22px','--arrow-badge-rectangle-width':'15px','--arrow-badge-fancy-width':'32px'},m:{height:40,'--arrow-badge-padding':'7px','--arrow-badge-arrow-width':'19px','--arrow-badge-rectangle-width':'12px','--arrow-badge-fancy-width':'27px'},s:{height:32,'--arrow-badge-padding':'7px','--arrow-badge-arrow-width':'16px','--arrow-badge-rectangle-width':'10px','--arrow-badge-fancy-width':'22px'},xs:{height:24,'--arrow-badge-padding':'5px','--arrow-badge-arrow-width':'12px','--arrow-badge-rectangle-width':'7px','--arrow-badge-fancy-width':'15px'},xxs:{height:20,'--arrow-badge-padding':'5px','--arrow-badge-arrow-width':'10px','--arrow-badge-rectangle-width':'5px','--arrow-badge-fancy-width':'13px'},xxxs:{height:16,'--arrow-badge-padding':'5px','--arrow-badge-arrow-width':'9px','--arrow-badge-rectangle-width':'3px','--arrow-badge-fancy-width':'10px'}},exports.SIZES_TEXT={xxxl:{fontSize:36},xxl:{fontSize:34},xl:{fontSize:32},l:{fontSize:28},m:{fontSize:22},s:{fontSize:16},xs:{fontSize:14},xxs:{fontSize:10},xxxs:{fontSize:10}};
2
+ //# sourceMappingURL=sizes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sizes.js","sources":["../../../../src/components/ArrowBadge/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxxl: {\n height: 64,\n '--arrow-badge-padding': '7px',\n '--arrow-badge-arrow-width': '29px',\n '--arrow-badge-rectangle-width': '19px',\n '--arrow-badge-fancy-width': '43px',\n },\n xxl: {\n height: 60,\n '--arrow-badge-padding': '7px',\n '--arrow-badge-arrow-width': '28px',\n '--arrow-badge-rectangle-width': '18px',\n '--arrow-badge-fancy-width': '40px',\n },\n xl: {\n height: 54,\n '--arrow-badge-padding': '7px',\n '--arrow-badge-arrow-width': '25px',\n '--arrow-badge-rectangle-width': '16px',\n '--arrow-badge-fancy-width': '36px',\n },\n l: {\n height: 48,\n '--arrow-badge-padding': '7px',\n '--arrow-badge-arrow-width': '22px',\n '--arrow-badge-rectangle-width': '15px',\n '--arrow-badge-fancy-width': '32px',\n },\n m: {\n height: 40,\n '--arrow-badge-padding': '7px',\n '--arrow-badge-arrow-width': '19px',\n '--arrow-badge-rectangle-width': '12px',\n '--arrow-badge-fancy-width': '27px',\n },\n s: {\n height: 32,\n '--arrow-badge-padding': '7px',\n '--arrow-badge-arrow-width': '16px',\n '--arrow-badge-rectangle-width': '10px',\n '--arrow-badge-fancy-width': '22px',\n },\n xs: {\n height: 24,\n '--arrow-badge-padding': '5px',\n '--arrow-badge-arrow-width': '12px',\n '--arrow-badge-rectangle-width': '7px',\n '--arrow-badge-fancy-width': '15px',\n },\n xxs: {\n height: 20,\n '--arrow-badge-padding': '5px',\n '--arrow-badge-arrow-width': '10px',\n '--arrow-badge-rectangle-width': '5px',\n '--arrow-badge-fancy-width': '13px',\n },\n xxxs: {\n height: 16,\n '--arrow-badge-padding': '5px',\n '--arrow-badge-arrow-width': '9px',\n '--arrow-badge-rectangle-width': '3px',\n '--arrow-badge-fancy-width': '10px',\n },\n}\n\nexport const SIZES_TEXT: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 36,\n },\n xxl: {\n fontSize: 34,\n },\n xl: {\n fontSize: 32,\n },\n l: {\n fontSize: 28,\n },\n m: {\n fontSize: 22,\n },\n s: {\n fontSize: 16,\n },\n xs: {\n fontSize: 14,\n },\n xxs: {\n fontSize: 10,\n },\n xxxs: {\n fontSize: 10,\n },\n}\n"],"names":["xxxl","height","xxl","xl","l","m","s","xs","xxs","xxxs","fontSize"],"mappings":"2BAGkD,CAChDA,KAAM,CACJC,OAAQ,GACR,wBAAyB,MACzB,4BAA6B,OAC7B,gCAAiC,OACjC,4BAA6B,QAE/BC,IAAK,CACHD,OAAQ,GACR,wBAAyB,MACzB,4BAA6B,OAC7B,gCAAiC,OACjC,4BAA6B,QAE/BE,GAAI,CACFF,OAAQ,GACR,wBAAyB,MACzB,4BAA6B,OAC7B,gCAAiC,OACjC,4BAA6B,QAE/BG,EAAG,CACDH,OAAQ,GACR,wBAAyB,MACzB,4BAA6B,OAC7B,gCAAiC,OACjC,4BAA6B,QAE/BI,EAAG,CACDJ,OAAQ,GACR,wBAAyB,MACzB,4BAA6B,OAC7B,gCAAiC,OACjC,4BAA6B,QAE/BK,EAAG,CACDL,OAAQ,GACR,wBAAyB,MACzB,4BAA6B,OAC7B,gCAAiC,OACjC,4BAA6B,QAE/BM,GAAI,CACFN,OAAQ,GACR,wBAAyB,MACzB,4BAA6B,OAC7B,gCAAiC,MACjC,4BAA6B,QAE/BO,IAAK,CACHP,OAAQ,GACR,wBAAyB,MACzB,4BAA6B,OAC7B,gCAAiC,MACjC,4BAA6B,QAE/BQ,KAAM,CACJR,OAAQ,GACR,wBAAyB,MACzB,4BAA6B,MAC7B,gCAAiC,MACjC,4BAA6B,4BAIsB,CACrDD,KAAM,CACJU,SAAU,IAEZR,IAAK,CACHQ,SAAU,IAEZP,GAAI,CACFO,SAAU,IAEZN,EAAG,CACDM,SAAU,IAEZL,EAAG,CACDK,SAAU,IAEZJ,EAAG,CACDI,SAAU,IAEZH,GAAI,CACFG,SAAU,IAEZF,IAAK,CACHE,SAAU,IAEZD,KAAM,CACJC,SAAU"}
@@ -0,0 +1,2 @@
1
+ const SIZES={xxxl:{height:64,'--arrow-badge-padding':'7px','--arrow-badge-arrow-width':'29px','--arrow-badge-rectangle-width':'19px','--arrow-badge-fancy-width':'43px'},xxl:{height:60,'--arrow-badge-padding':'7px','--arrow-badge-arrow-width':'28px','--arrow-badge-rectangle-width':'18px','--arrow-badge-fancy-width':'40px'},xl:{height:54,'--arrow-badge-padding':'7px','--arrow-badge-arrow-width':'25px','--arrow-badge-rectangle-width':'16px','--arrow-badge-fancy-width':'36px'},l:{height:48,'--arrow-badge-padding':'7px','--arrow-badge-arrow-width':'22px','--arrow-badge-rectangle-width':'15px','--arrow-badge-fancy-width':'32px'},m:{height:40,'--arrow-badge-padding':'7px','--arrow-badge-arrow-width':'19px','--arrow-badge-rectangle-width':'12px','--arrow-badge-fancy-width':'27px'},s:{height:32,'--arrow-badge-padding':'7px','--arrow-badge-arrow-width':'16px','--arrow-badge-rectangle-width':'10px','--arrow-badge-fancy-width':'22px'},xs:{height:24,'--arrow-badge-padding':'5px','--arrow-badge-arrow-width':'12px','--arrow-badge-rectangle-width':'7px','--arrow-badge-fancy-width':'15px'},xxs:{height:20,'--arrow-badge-padding':'5px','--arrow-badge-arrow-width':'10px','--arrow-badge-rectangle-width':'5px','--arrow-badge-fancy-width':'13px'},xxxs:{height:16,'--arrow-badge-padding':'5px','--arrow-badge-arrow-width':'9px','--arrow-badge-rectangle-width':'3px','--arrow-badge-fancy-width':'10px'}};const SIZES_TEXT={xxxl:{fontSize:36},xxl:{fontSize:34},xl:{fontSize:32},l:{fontSize:28},m:{fontSize:22},s:{fontSize:16},xs:{fontSize:14},xxs:{fontSize:10},xxxs:{fontSize:10}};export{SIZES,SIZES_TEXT};
2
+ //# sourceMappingURL=sizes.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sizes.mjs","sources":["../../../../src/components/ArrowBadge/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxxl: {\n height: 64,\n '--arrow-badge-padding': '7px',\n '--arrow-badge-arrow-width': '29px',\n '--arrow-badge-rectangle-width': '19px',\n '--arrow-badge-fancy-width': '43px',\n },\n xxl: {\n height: 60,\n '--arrow-badge-padding': '7px',\n '--arrow-badge-arrow-width': '28px',\n '--arrow-badge-rectangle-width': '18px',\n '--arrow-badge-fancy-width': '40px',\n },\n xl: {\n height: 54,\n '--arrow-badge-padding': '7px',\n '--arrow-badge-arrow-width': '25px',\n '--arrow-badge-rectangle-width': '16px',\n '--arrow-badge-fancy-width': '36px',\n },\n l: {\n height: 48,\n '--arrow-badge-padding': '7px',\n '--arrow-badge-arrow-width': '22px',\n '--arrow-badge-rectangle-width': '15px',\n '--arrow-badge-fancy-width': '32px',\n },\n m: {\n height: 40,\n '--arrow-badge-padding': '7px',\n '--arrow-badge-arrow-width': '19px',\n '--arrow-badge-rectangle-width': '12px',\n '--arrow-badge-fancy-width': '27px',\n },\n s: {\n height: 32,\n '--arrow-badge-padding': '7px',\n '--arrow-badge-arrow-width': '16px',\n '--arrow-badge-rectangle-width': '10px',\n '--arrow-badge-fancy-width': '22px',\n },\n xs: {\n height: 24,\n '--arrow-badge-padding': '5px',\n '--arrow-badge-arrow-width': '12px',\n '--arrow-badge-rectangle-width': '7px',\n '--arrow-badge-fancy-width': '15px',\n },\n xxs: {\n height: 20,\n '--arrow-badge-padding': '5px',\n '--arrow-badge-arrow-width': '10px',\n '--arrow-badge-rectangle-width': '5px',\n '--arrow-badge-fancy-width': '13px',\n },\n xxxs: {\n height: 16,\n '--arrow-badge-padding': '5px',\n '--arrow-badge-arrow-width': '9px',\n '--arrow-badge-rectangle-width': '3px',\n '--arrow-badge-fancy-width': '10px',\n },\n}\n\nexport const SIZES_TEXT: Record<Size, CSSProperties> = {\n xxxl: {\n fontSize: 36,\n },\n xxl: {\n fontSize: 34,\n },\n xl: {\n fontSize: 32,\n },\n l: {\n fontSize: 28,\n },\n m: {\n fontSize: 22,\n },\n s: {\n fontSize: 16,\n },\n xs: {\n fontSize: 14,\n },\n xxs: {\n fontSize: 10,\n },\n xxxs: {\n fontSize: 10,\n },\n}\n"],"names":["SIZES","xxxl","height","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_TEXT","fontSize"],"mappings":"AAGO,MAAMA,MAAqC,CAChDC,KAAM,CACJC,OAAQ,GACR,wBAAyB,MACzB,4BAA6B,OAC7B,gCAAiC,OACjC,4BAA6B,QAE/BC,IAAK,CACHD,OAAQ,GACR,wBAAyB,MACzB,4BAA6B,OAC7B,gCAAiC,OACjC,4BAA6B,QAE/BE,GAAI,CACFF,OAAQ,GACR,wBAAyB,MACzB,4BAA6B,OAC7B,gCAAiC,OACjC,4BAA6B,QAE/BG,EAAG,CACDH,OAAQ,GACR,wBAAyB,MACzB,4BAA6B,OAC7B,gCAAiC,OACjC,4BAA6B,QAE/BI,EAAG,CACDJ,OAAQ,GACR,wBAAyB,MACzB,4BAA6B,OAC7B,gCAAiC,OACjC,4BAA6B,QAE/BK,EAAG,CACDL,OAAQ,GACR,wBAAyB,MACzB,4BAA6B,OAC7B,gCAAiC,OACjC,4BAA6B,QAE/BM,GAAI,CACFN,OAAQ,GACR,wBAAyB,MACzB,4BAA6B,OAC7B,gCAAiC,MACjC,4BAA6B,QAE/BO,IAAK,CACHP,OAAQ,GACR,wBAAyB,MACzB,4BAA6B,OAC7B,gCAAiC,MACjC,4BAA6B,QAE/BQ,KAAM,CACJR,OAAQ,GACR,wBAAyB,MACzB,4BAA6B,MAC7B,gCAAiC,MACjC,4BAA6B,SAI1B,MAAMS,WAA0C,CACrDV,KAAM,CACJW,SAAU,IAEZT,IAAK,CACHS,SAAU,IAEZR,GAAI,CACFQ,SAAU,IAEZP,EAAG,CACDO,SAAU,IAEZN,EAAG,CACDM,SAAU,IAEZL,EAAG,CACDK,SAAU,IAEZJ,GAAI,CACFI,SAAU,IAEZH,IAAK,CACHG,SAAU,IAEZF,KAAM,CACJE,SAAU"}
@@ -1,2 +1,2 @@
1
- '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;
1
+ '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 cursor=require('../../mixins/cursor.js');var arrow=require('./images/arrow.svg.js');var rectangle=require('./images/rectangle.svg.js');var fancy=require('./images/fancy.svg.js');function _interopDefault(r){return r&&r.__esModule?r:{default:r}}var styled__default=_interopDefault(styled);const shouldForwardArrowBadgeProp=style.createShouldForwardProp(r=>!['left','right','fancy'].includes(r));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(r=>{let e=rectangle.default;return r.fancy&&(e=fancy.default),(r.left||r.right)&&(e=arrow.default),{as:e}}).withConfig({displayName:"ArrowBadge__Edge",componentId:"ui__sc-gzccd8-1"})(["flex-shrink:0;height:100%;",""],r=>`\n width: var(${r.left||r.right?'--arrow-badge-arrow-width':r.fancy?'--arrow-badge-fancy-width':'--arrow-badge-rectangle-width'});\n ${r.after&&'transform: rotate(180deg);'}\n `);const template=r=>`\n & > ${Content} {\n color: ${r.color};\n background-color: ${r.backgroundColor};\n }\n & > ${Edge} {\n color: ${r.backgroundColor};\n }\n`;const COLOR_SCHEMA={primary:styled.css(["",""],r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-primary-200'],...r.palette})),secondary:styled.css(["",""],r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-secondary-200'],...r.palette})),tertiary:styled.css(["",""],r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-tertiary-200'],...r.palette})),quaternary:styled.css(["",""],r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-quaternary-200'],...r.palette}))};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardArrowBadgeProp}).withConfig({displayName:"ArrowBadge__Root",componentId:"ui__sc-gzccd8-2"})([""," "," "," "," "," "," "," ",""],r=>`\n box-sizing: border-box;\n border: none;\n text-decoration: none;\n appearance: none;\n isolation: isolate;\n display: inline-flex;\n width: max-content;\n flex-shrink: 0;\n\n & > ${Content} {\n padding-right: ${r.right?'var(--arrow-badge-padding)':'2px'};\n padding-left: ${r.left?'var(--arrow-badge-padding)':'2px'};\n }\n `,r=>r.quaternary?COLOR_SCHEMA.quaternary:r.tertiary?COLOR_SCHEMA.tertiary:r.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary,focus.focus,cursor.cursor,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin,r=>r.color&&`& > ${Content} {\n color: ${color.getColor(r.color,r)};\n }`,r=>r.backgroundColor&&`& > ${Content} {\n background-color: ${color.getColor(r.backgroundColor,r)};\n }\n & > ${Edge} {\n color: ${color.getColor(r.backgroundColor,r)};\n }`);exports.Content=Content,exports.Edge=Edge,exports.Root=Root;
2
2
  //# sourceMappingURL=style.js.map
@@ -1 +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.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,MAAAA,wBAAyBC,IAAa,CAAC,OAAQ,QAAS,SAASC,SAASD,UAEjGE,QAAUC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,mBAAVJ,CAAU,CAAA,6EAQ1B,MAAMK,KAAOL,gBAAAA,QAAOM,IACxBJ,WAAW,CAAEK,kBAAmBA,KAAM,IACtCC,MAAOC,IACN,IAAIC,EAAQC,UAAAA,QAKZ,OAHIF,EAAMG,QAAOF,EAAQG,MAAAA,UACrBJ,EAAMK,MAAQL,EAAMM,SAAOL,EAAQM,MAAAA,SAEhC,CAAEC,GAAIP,KACbR,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBATgBJ,CAShB,CAAA,6BAAA,IAGCS,GAAUA,EAAMS,OAAS,8BAG9B,MAAMC,SAAYC,GAA+B,WACzCrB,yBACKqB,EAAQC,iCACGD,EAAQE,gCAExBjB,sBACKe,EAAQE,0BAIrB,MAAMC,aAAe,CACnBC,QAASC,OAAAA,IAAG,CAAA,GAAA,IACPhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,2BACjClB,EAAMW,WAGfQ,UAAWH,OAAAA,IAAG,CAAA,GAAA,IACThB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,6BACjClB,EAAMW,WAGfS,SAAUJ,OAAAA,IAAG,CAAA,GAAA,IACRhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,4BACjClB,EAAMW,WAGfU,WAAYL,OAAAA,IAAG,CAAA,GAAA,IACVhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,8BACjClB,EAAMW,YAKV,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,IACCS,IACD,IAAI4B,EAAe,EACnB,IAAIC,EAAc,EAKlB,OAHI7B,EAAMG,OAASH,EAAMM,SAAOsB,EAAe,KAC3C5B,EAAMG,OAASH,EAAMK,QAAMwB,EAAc,IAEtC,gLAOCvC,qCACasC,+BACDC,uBAKnB7B,GACGA,EAAMqB,WAAmBP,aAAaO,WACtCrB,EAAMoB,SAAiBN,aAAaM,SACpCpB,EAAMmB,UAAkBL,aAAaK,UAElCL,aAAaC,QAGpBe,MAAAA,MACAC,eAAAA,eACAC,kCAEChC,GACDA,EAAMY,OACN,OAAOtB,4BACK2C,eAASjC,EAAMY,MAAOZ,cAEjCA,GACDA,EAAMa,iBACN,OAAOvB,uCACgB2C,eAASjC,EAAMa,gBAAiBb,yBAEhDJ,yBACKqC,eAASjC,EAAMa,gBAAiBb"}
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 { cursor } from 'mixins/cursor'\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\n ${(props) => `\n width: var(${props.left || props.right ? '--arrow-badge-arrow-width' : props.fancy ? '--arrow-badge-fancy-width' : '--arrow-badge-rectangle-width'});\n ${props.after && 'transform: rotate(180deg);'}\n `}\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.withConfig<StyledArrowBadgeProps>({\n shouldForwardProp: shouldForwardArrowBadgeProp,\n})`\n ${(props) => `\n box-sizing: border-box;\n border: none;\n text-decoration: none;\n appearance: none;\n isolation: isolate;\n display: inline-flex;\n width: max-content;\n flex-shrink: 0;\n\n & > ${Content} {\n padding-right: ${props.right ? 'var(--arrow-badge-padding)' : '2px'};\n padding-left: ${props.left ? 'var(--arrow-badge-padding)' : '2px'};\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 ${cursor}\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","focus","cursor","responsiveSize","responsiveMargin","getColor"],"mappings":"+lBAYA,MAAMA,4BAA8BC,MAAAA,wBAAyBC,IAAa,CAAC,OAAQ,QAAS,SAASC,SAASD,UAEjGE,QAAUC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,mBAAVJ,CAAU,CAAA,6EAQ1B,MAAMK,KAAOL,gBAAAA,QAAOM,IACxBJ,WAAW,CAAEK,kBAAmBA,KAAM,IACtCC,MAAOC,IACN,IAAIC,EAAQC,UAAAA,QAKZ,OAHIF,EAAMG,QAAOF,EAAQG,MAAAA,UACrBJ,EAAMK,MAAQL,EAAMM,SAAOL,EAAQM,MAAAA,SAEhC,CAAEC,GAAIP,KACbR,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBATgBJ,CAShB,CAAA,6BAAA,IAICS,GAAU,oBACEA,EAAMK,MAAQL,EAAMM,MAAQ,4BAA8BN,EAAMG,MAAQ,4BAA8B,0CACjHH,EAAMS,OAAS,oCAIrB,MAAMC,SAAYC,GAA+B,WACzCrB,yBACKqB,EAAQC,iCACGD,EAAQE,gCAExBjB,sBACKe,EAAQE,0BAIrB,MAAMC,aAAe,CACnBC,QAASC,OAAAA,IAAG,CAAA,GAAA,IACPhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,2BACjClB,EAAMW,WAGfQ,UAAWH,OAAAA,IAAG,CAAA,GAAA,IACThB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,6BACjClB,EAAMW,WAGfS,SAAUJ,OAAAA,IAAG,CAAA,GAAA,IACRhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,4BACjClB,EAAMW,WAGfU,WAAYL,OAAAA,IAAG,CAAA,GAAA,IACVhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,8BACjClB,EAAMW,YAKV,MAAMW,KAAO/B,gBAAAA,QAAOC,IAAIC,WAAkC,CAC/DK,kBAAmBZ,8BACnBO,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBAFkBJ,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IACGS,GAAU,sOAUHV,qCACaU,EAAMM,MAAQ,6BAA+B,iCAC9CN,EAAMK,KAAO,6BAA+B,wBAI/DL,GACGA,EAAMqB,WAAmBP,aAAaO,WACtCrB,EAAMoB,SAAiBN,aAAaM,SACpCpB,EAAMmB,UAAkBL,aAAaK,UAElCL,aAAaC,QAGpBQ,MAAAA,MACAC,cACAC,eAAAA,eACAC,iBAAAA,iBAEC1B,GACDA,EAAMY,OACN,OAAOtB,4BACKqC,eAAS3B,EAAMY,MAAOZ,cAEjCA,GACDA,EAAMa,iBACN,OAAOvB,uCACgBqC,eAAS3B,EAAMa,gBAAiBb,yBAEhDJ,yBACK+B,eAAS3B,EAAMa,gBAAiBb"}
@@ -1,2 +1,2 @@
1
- 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};
1
+ 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{cursor}from'../../mixins/cursor.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=>`\n width: var(${o.left||o.right?'--arrow-badge-arrow-width':o.fancy?'--arrow-badge-fancy-width':'--arrow-badge-rectangle-width'});\n ${o.after&&'transform: rotate(180deg);'}\n `);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}).withConfig({displayName:"ArrowBadge__Root",componentId:"ui__sc-gzccd8-2"})([""," "," "," "," "," "," "," ",""],o=>`\n box-sizing: border-box;\n border: none;\n text-decoration: none;\n appearance: none;\n isolation: isolate;\n display: inline-flex;\n width: max-content;\n flex-shrink: 0;\n\n & > ${Content} {\n padding-right: ${o.right?'var(--arrow-badge-padding)':'2px'};\n padding-left: ${o.left?'var(--arrow-badge-padding)':'2px'};\n }\n `,o=>o.quaternary?COLOR_SCHEMA.quaternary:o.tertiary?COLOR_SCHEMA.tertiary:o.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary,focus,cursor,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};
2
2
  //# sourceMappingURL=style.mjs.map
@@ -1 +1 @@
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,wBAAyBC,IAAa,CAAC,OAAQ,QAAS,SAASC,SAASD,UAEjGE,QAAUC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,mBAAVJ,CAAU,CAAA,6EAQ1B,MAAMK,KAAOL,OAAOM,IACxBJ,WAAW,CAAEK,kBAAmBA,KAAM,IACtCC,MAAOC,IACN,IAAIC,EAAQC,aAKZ,OAHIF,EAAMG,QAAOF,EAAQG,WACrBJ,EAAMK,MAAQL,EAAMM,SAAOL,EAAQM,UAEhC,CAAEC,GAAIP,KACbR,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBATgBJ,CAShB,CAAA,6BAAA,IAGCS,GAAUA,EAAMS,OAAS,8BAG9B,MAAMC,SAAYC,GAA+B,WACzCrB,yBACKqB,EAAQC,iCACGD,EAAQE,gCAExBjB,sBACKe,EAAQE,0BAIrB,MAAMC,aAAe,CACnBC,QAASC,IAAG,CAAA,GAAA,IACPhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,2BACjClB,EAAMW,WAGfQ,UAAWH,IAAG,CAAA,GAAA,IACThB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,6BACjClB,EAAMW,WAGfS,SAAUJ,IAAG,CAAA,GAAA,IACRhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,4BACjClB,EAAMW,WAGfU,WAAYL,IAAG,CAAA,GAAA,IACVhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,8BACjClB,EAAMW,YAKV,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,IACCS,IACD,IAAI4B,EAAe,EACnB,IAAIC,EAAc,EAKlB,OAHI7B,EAAMG,OAASH,EAAMM,SAAOsB,EAAe,KAC3C5B,EAAMG,OAASH,EAAMK,QAAMwB,EAAc,IAEtC,gLAOCvC,qCACasC,+BACDC,uBAKnB7B,GACGA,EAAMqB,WAAmBP,aAAaO,WACtCrB,EAAMoB,SAAiBN,aAAaM,SACpCpB,EAAMmB,UAAkBL,aAAaK,UAElCL,aAAaC,QAGpBe,MACAC,eACAC,iBAEChC,GACDA,EAAMY,OACN,OAAOtB,4BACK2C,SAASjC,EAAMY,MAAOZ,cAEjCA,GACDA,EAAMa,iBACN,OAAOvB,uCACgB2C,SAASjC,EAAMa,gBAAiBb,yBAEhDJ,yBACKqC,SAASjC,EAAMa,gBAAiBb"}
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 { cursor } from 'mixins/cursor'\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\n ${(props) => `\n width: var(${props.left || props.right ? '--arrow-badge-arrow-width' : props.fancy ? '--arrow-badge-fancy-width' : '--arrow-badge-rectangle-width'});\n ${props.after && 'transform: rotate(180deg);'}\n `}\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.withConfig<StyledArrowBadgeProps>({\n shouldForwardProp: shouldForwardArrowBadgeProp,\n})`\n ${(props) => `\n box-sizing: border-box;\n border: none;\n text-decoration: none;\n appearance: none;\n isolation: isolate;\n display: inline-flex;\n width: max-content;\n flex-shrink: 0;\n\n & > ${Content} {\n padding-right: ${props.right ? 'var(--arrow-badge-padding)' : '2px'};\n padding-left: ${props.left ? 'var(--arrow-badge-padding)' : '2px'};\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 ${cursor}\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","focus","cursor","responsiveSize","responsiveMargin","getColor"],"mappings":"6fAYA,MAAMA,4BAA8BC,wBAAyBC,IAAa,CAAC,OAAQ,QAAS,SAASC,SAASD,UAEjGE,QAAUC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,mBAAVJ,CAAU,CAAA,6EAQ1B,MAAMK,KAAOL,OAAOM,IACxBJ,WAAW,CAAEK,kBAAmBA,KAAM,IACtCC,MAAOC,IACN,IAAIC,EAAQC,aAKZ,OAHIF,EAAMG,QAAOF,EAAQG,WACrBJ,EAAMK,MAAQL,EAAMM,SAAOL,EAAQM,UAEhC,CAAEC,GAAIP,KACbR,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBATgBJ,CAShB,CAAA,6BAAA,IAICS,GAAU,oBACEA,EAAMK,MAAQL,EAAMM,MAAQ,4BAA8BN,EAAMG,MAAQ,4BAA8B,0CACjHH,EAAMS,OAAS,oCAIrB,MAAMC,SAAYC,GAA+B,WACzCrB,yBACKqB,EAAQC,iCACGD,EAAQE,gCAExBjB,sBACKe,EAAQE,0BAIrB,MAAMC,aAAe,CACnBC,QAASC,IAAG,CAAA,GAAA,IACPhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,2BACjClB,EAAMW,WAGfQ,UAAWH,IAAG,CAAA,GAAA,IACThB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,6BACjClB,EAAMW,WAGfS,SAAUJ,IAAG,CAAA,GAAA,IACRhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,4BACjClB,EAAMW,WAGfU,WAAYL,IAAG,CAAA,GAAA,IACVhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,8BACjClB,EAAMW,YAKV,MAAMW,KAAO/B,OAAOC,IAAIC,WAAkC,CAC/DK,kBAAmBZ,8BACnBO,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBAFkBJ,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IACGS,GAAU,sOAUHV,qCACaU,EAAMM,MAAQ,6BAA+B,iCAC9CN,EAAMK,KAAO,6BAA+B,wBAI/DL,GACGA,EAAMqB,WAAmBP,aAAaO,WACtCrB,EAAMoB,SAAiBN,aAAaM,SACpCpB,EAAMmB,UAAkBL,aAAaK,UAElCL,aAAaC,QAGpBQ,MACAC,OACAC,eACAC,iBAEC1B,GACDA,EAAMY,OACN,OAAOtB,4BACKqC,SAAS3B,EAAMY,MAAOZ,cAEjCA,GACDA,EAAMa,iBACN,OAAOvB,uCACgBqC,SAAS3B,EAAMa,gBAAiBb,yBAEhDJ,yBACK+B,SAAS3B,EAAMa,gBAAiBb"}
@@ -1,2 +1,2 @@
1
- 'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var constants=require('./constants.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');const Badge=withMergedProps.withMergedProps(React.forwardRef((e,r)=>{const{size:s="s",borderRadius:t=3,textProps:n={},iconProps:i={},children:o,content:c,icon:a,...d}=e;const[u,x]=Array.isArray(a)?a:[a];const j={as:'span',size:'inherit',color:'inherit',marginLeft:u?'0.25em':void 0,marginRight:x?'0.25em':void 0};const p={color:'inherit'};return jsxRuntime.jsx(style.Root,{...d,size:s,borderRadius:t,ref:r,children:typeof o=='function'?o({baseTextProps:j,textProps:n,iconBaseProps:p,iconProps:i,icon:a}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[u?jsxRuntime.jsx(Icon.Icon,{name:typeof u=='string'?u:void 0,icon:typeof u!='string'?u:void 0,...p,...i}):null,o||c?jsxRuntime.jsx(Text.Text,{...j,...n,children:o||c}):null,x?jsxRuntime.jsx(Icon.Icon,{name:typeof x=='string'?x:void 0,icon:typeof x!='string'?x:void 0,...p,...i}):null]})})}),{displayName:'Badge',sizes:e=>e.round?constants.SIZES_ROUND:constants.SIZES});exports.Badge=Badge;
1
+ 'use strict';var createPolymorphicComponentWithRef=require('../../shared/utils/createPolymorphicComponentWithRef.js');var useMergedProps=require('../../hooks/useMergedProps.js');var style=require('./style.js');var sizes=require('./sizes.js');var jsxRuntime=require('react/jsx-runtime');var Slot=require('../Slot/Slot.js');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');const Badge=createPolymorphicComponentWithRef.createPolymorphicComponentWithRef((e,s)=>{const o=useMergedProps.useMergedProps(e,{componentName:"Badge",sizes:e=>e.shape==='rounded'?sizes.SIZES_ROUNDED:e.round||e.shape==='circular'?sizes.SIZES_CIRCULAR:e.borderRadius!==void 0?sizes.SIZES_BASE:sizes.SIZES_SQUARE});const{size:r="s",borderRadius:i=3,textProps:t={},iconProps:n={},shape:c="square",component:a="div",children:p,addonLeft:d,addonRight:u,content:S,icon:x,sizeXXS:z,sizeXS:j,sizeS:l,sizeM:m,sizeL:h,sizeXL:R,...P}=o;const v={size:r,sizeXXS:z,sizeXS:j,sizeS:l,sizeM:m,sizeL:h,sizeXL:R};const[g,I]=Array.isArray(x)?x:[x];const y={...v,as:'span',appearance:'caption',color:'inherit',whiteSpace:'nowrap',sizes:sizes.SIZES_TEXT,...t};const f={...v,color:'inherit',sizes:sizes.SIZES_ICON,...n};return jsxRuntime.jsx(style.Root,{...P,...v,as:a,size:r,borderRadius:i,shape:c,ref:s,children:typeof p=='function'?p({textProps:y,iconProps:f}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Slot.Slot,{props:{iconProps:f},render:d??(g?e=>jsxRuntime.jsx(Icon.Icon,{...e.iconProps,...f,name:typeof g=='string'?g:void 0,icon:typeof g!='string'?g:void 0}):void 0)}),p||S?jsxRuntime.jsx(Text.Text,{...y,children:p||S}):null,jsxRuntime.jsx(Slot.Slot,{props:{iconProps:f},render:u??(I?e=>jsxRuntime.jsx(Icon.Icon,{...e.iconProps,...f,name:typeof I=='string'?I:void 0,icon:typeof I!='string'?I:void 0}):void 0)})]})})});exports.Badge=Badge,exports.COMPONENT_NAME="Badge";
2
2
  //# sourceMappingURL=Badge.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport * as Styled from './style'\nimport { SIZES, SIZES_ROUND } from './constants'\nimport type { BadgeProps } from './types'\n\nconst COMPONENT_NAME = 'Badge'\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 [BadgeProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Badge/types.ts)\n */\nexport const Badge: React.ForwardRefExoticComponent<BadgeProps> = withMergedProps<BadgeProps, HTMLDivElement>(\n forwardRef<HTMLDivElement, MergedProps<BadgeProps>>((props, ref) => {\n const {\n size = 's',\n borderRadius = 3,\n textProps = {},\n iconProps = {},\n children,\n content,\n icon,\n ...restProps\n } = props\n\n const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n const baseTextProps: TextProps = {\n as: 'span',\n size: 'inherit',\n color: 'inherit',\n marginLeft: before ? '0.25em' : undefined,\n marginRight: after ? '0.25em' : undefined,\n }\n const iconBaseProps: IconProps = { color: 'inherit' }\n\n return (\n <Styled.Root {...restProps} size={size} borderRadius={borderRadius} ref={ref}>\n {typeof children === 'function' ? (\n children({ baseTextProps, textProps, iconBaseProps, iconProps, icon })\n ) : (\n <>\n {before ? (\n <Icon\n name={typeof before === 'string' ? before : undefined}\n icon={typeof before !== 'string' ? before : undefined}\n {...iconBaseProps}\n {...iconProps}\n />\n ) : null}\n {children || content ? (\n <Text {...baseTextProps} {...textProps}>\n {children || content}\n </Text>\n ) : null}\n {after ? (\n <Icon\n name={typeof after === 'string' ? after : undefined}\n icon={typeof after !== 'string' ? after : undefined}\n {...iconBaseProps}\n {...iconProps}\n />\n ) : null}\n </>\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => (props.round ? SIZES_ROUND : SIZES),\n }\n)\n"],"names":["Badge","withMergedProps","forwardRef","props","ref","size","borderRadius","textProps","iconProps","children","content","icon","restProps","before","after","Array","isArray","baseTextProps","as","color","marginLeft","undefined","marginRight","iconBaseProps","_jsx","Styled","_jsxs","_Fragment","Icon","name","Text","displayName","sizes","round","SIZES_ROUND","SIZES"],"mappings":"iSAuBO,MAAMA,MAAqDC,gBAAAA,gBAChEC,MAAAA,WAAoD,CAACC,EAAOC,KAC1D,MAAMC,KACJA,EAAO,IAAGC,aACVA,EAAe,EAACC,UAChBA,EAAY,CAAA,EAAEC,UACdA,EAAY,CAAA,EAAEC,SACdA,EAAQC,QACRA,EAAOC,KACPA,KACGC,GACDT,EAEJ,MAAOU,EAAQC,GAASC,MAAMC,QAAQL,GAAQA,EAAO,CAACA,GAEtD,MAAMM,EAA2B,CAC/BC,GAAI,OACJb,KAAM,UACNc,MAAO,UACPC,WAAYP,EAAS,cAAWQ,EAChCC,YAAaR,EAAQ,cAAWO,GAElC,MAAME,EAA2B,CAAEJ,MAAO,WAE1C,OACEK,WAAAA,IAACC,MAAAA,KAAW,IAAKb,EAAWP,KAAMA,EAAMC,aAAcA,EAAcF,IAAKA,EAAIK,gBACnEA,GAAa,WACnBA,EAAS,CAAEQ,gBAAeV,YAAWgB,gBAAef,YAAWG,SAE/De,WAAAA,KAAAC,oBAAA,CAAAlB,SAAA,CACGI,EACCW,WAAAA,IAACI,UAAI,CACHC,YAAahB,GAAW,SAAWA,OAASQ,EAC5CV,YAAaE,GAAW,SAAWA,OAASQ,KACxCE,KACAf,IAEJ,KACHC,GAAYC,EACXc,WAAAA,IAACM,KAAAA,KAAI,IAAKb,KAAmBV,EAASE,SACnCA,GAAYC,IAEb,KACHI,EACCU,WAAAA,IAACI,KAAAA,KAAI,CACHC,YAAaf,GAAU,SAAWA,OAAQO,EAC1CV,YAAaG,GAAU,SAAWA,OAAQO,KACtCE,KACAf,IAEJ,YAMd,CACEuB,YArEmB,QAsEnBC,MAAQ7B,GAAWA,EAAM8B,MAAQC,UAAAA,YAAcC,UAAAA"}
1
+ {"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { createPolymorphicComponentWithRef } from 'shared/utils/createPolymorphicComponentWithRef'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport { Slot } from 'components/Slot'\nimport type { PolymorphicProps } from 'shared/interfaces'\nimport * as Styled from './style'\nimport { SIZES_BASE, SIZES_SQUARE, SIZES_ICON, SIZES_CIRCULAR, SIZES_ROUNDED, SIZES_TEXT } from './sizes'\nimport type { BadgeProps } from './types'\n\nconst COMPONENT_NAME = 'Badge'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для маркировки свойств сущности.\n *\n * Полиморфный компонент.\n *\n * Можно передать \"ref\" и атрибуты выбранного HTML-элемента (по умолчанию \\<div\\>).\n */\nconst Badge = createPolymorphicComponentWithRef<'div', BadgeProps>((props, ref) => {\n const mergedProps = useMergedProps<PolymorphicProps<React.ElementType, BadgeProps>>(props, {\n componentName: COMPONENT_NAME,\n sizes: (p) => {\n if (p.shape === 'rounded') {\n return SIZES_ROUNDED\n }\n\n if (p.round || p.shape === 'circular') {\n return SIZES_CIRCULAR\n }\n\n if (p.borderRadius !== undefined) {\n return SIZES_BASE\n }\n\n return SIZES_SQUARE\n },\n })\n\n const {\n size = 's',\n borderRadius = 3,\n textProps: textPropsProp = {},\n iconProps: iconPropsProp = {},\n shape = 'square',\n component = 'div',\n children,\n addonLeft,\n addonRight,\n content,\n icon,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n ...restProps\n } = mergedProps\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const [iconBefore, iconAfter] = Array.isArray(icon) ? icon : [icon]\n\n const textProps: TextProps = {\n ...sizeProps,\n as: 'span',\n appearance: 'caption',\n color: 'inherit',\n whiteSpace: 'nowrap',\n sizes: SIZES_TEXT,\n ...textPropsProp,\n }\n\n const iconProps: IconProps = { ...sizeProps, color: 'inherit', sizes: SIZES_ICON, ...iconPropsProp }\n\n return (\n <Styled.Root\n {...restProps}\n {...sizeProps}\n as={component}\n size={size}\n borderRadius={borderRadius}\n shape={shape}\n ref={ref}\n >\n {typeof children === 'function' ? (\n children({ textProps, iconProps })\n ) : (\n <>\n <Slot\n props={{ iconProps }}\n render={\n addonLeft ??\n (iconBefore\n ? (addonLeftProps) => (\n <Icon\n {...addonLeftProps.iconProps}\n {...iconProps}\n name={typeof iconBefore === 'string' ? iconBefore : undefined}\n icon={typeof iconBefore !== 'string' ? iconBefore : undefined}\n />\n )\n : undefined)\n }\n />\n\n {children || content ? <Text {...textProps}>{children || content}</Text> : null}\n\n <Slot\n props={{ iconProps }}\n render={\n addonRight ??\n (iconAfter\n ? (addonRightProps) => (\n <Icon\n {...addonRightProps.iconProps}\n {...iconProps}\n name={typeof iconAfter === 'string' ? iconAfter : undefined}\n icon={typeof iconAfter !== 'string' ? iconAfter : undefined}\n />\n )\n : undefined)\n }\n />\n </>\n )}\n </Styled.Root>\n )\n})\n\nconst BadgeDoc: React.FC<BadgeProps> = () => null\n\nexport { BadgeDoc, Badge, COMPONENT_NAME }\n"],"names":["Badge","createPolymorphicComponentWithRef","props","ref","mergedProps","useMergedProps","componentName","sizes","p","shape","SIZES_ROUNDED","round","SIZES_CIRCULAR","borderRadius","undefined","SIZES_BASE","SIZES_SQUARE","size","textProps","textPropsProp","iconProps","iconPropsProp","component","children","addonLeft","addonRight","content","icon","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","iconBefore","iconAfter","Array","isArray","as","appearance","color","whiteSpace","SIZES_TEXT","SIZES_ICON","_jsx","Styled","_jsxs","_Fragment","Slot","render","addonLeftProps","Icon","name","Text","addonRightProps"],"mappings":"0YAwBA,MAAMA,MAAQC,kCAAAA,kCAAqD,CAACC,EAAOC,KACzE,MAAMC,EAAcC,eAAAA,eAAgEH,EAAO,CACzFI,cAdmB,QAenBC,MAAQC,GACFA,EAAEC,QAAU,UACPC,MAAAA,cAGLF,EAAEG,OAASH,EAAEC,QAAU,WAClBG,MAAAA,eAGLJ,EAAEK,oBAAiBC,EACdC,MAAAA,WAGFC,MAAAA,eAIX,MAAMC,KACJA,EAAO,IAAGJ,aACVA,EAAe,EACfK,UAAWC,EAAgB,CAAA,EAC3BC,UAAWC,EAAgB,CAAA,EAAEZ,MAC7BA,EAAQ,SAAQa,UAChBA,EAAY,MAAKC,SACjBA,EAAQC,UACRA,EAASC,WACTA,EAAUC,QACVA,EAAOC,KACPA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACD9B,EAEJ,MAAM+B,EAAY,CAChBlB,OACAW,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAOG,EAAYC,GAAaC,MAAMC,QAAQZ,GAAQA,EAAO,CAACA,GAE9D,MAAMT,EAAuB,IACxBiB,EACHK,GAAI,OACJC,WAAY,UACZC,MAAO,UACPC,WAAY,SACZpC,MAAOqC,MAAAA,cACJzB,GAGL,MAAMC,EAAuB,IAAKe,EAAWO,MAAO,UAAWnC,MAAOsC,MAAAA,cAAexB,GAErF,OACEyB,WAAAA,IAACC,MAAAA,KAAW,IACNb,KACAC,EACJK,GAAIlB,EACJL,KAAMA,EACNJ,aAAcA,EACdJ,MAAOA,EACPN,IAAKA,EAAIoB,gBAEDA,GAAa,WACnBA,EAAS,CAAEL,YAAWE,cAEtB4B,WAAAA,KAAAC,oBAAA,CAAA1B,SAAA,CACEuB,WAAAA,IAACI,UAAI,CACHhD,MAAO,CAAEkB,aACT+B,OACE3B,IACCY,EACIgB,GACCN,WAAAA,IAACO,KAAAA,KAAI,IACCD,EAAehC,aACfA,EACJkC,YAAalB,GAAe,SAAWA,OAAatB,EACpDa,YAAaS,GAAe,SAAWA,OAAatB,SAGxDA,KAIPS,GAAYG,EAAUoB,WAAAA,IAACS,KAAAA,KAAI,IAAKrC,EAASK,SAAGA,GAAYG,IAAkB,KAE3EoB,WAAAA,IAACI,UAAI,CACHhD,MAAO,CAAEkB,aACT+B,OACE1B,IACCY,EACImB,GACCV,WAAAA,IAACO,KAAAA,KAAI,IACCG,EAAgBpC,aAChBA,EACJkC,YAAajB,GAAc,SAAWA,OAAYvB,EAClDa,YAAaU,GAAc,SAAWA,OAAYvB,SAGtDA,uDA3HK"}
@@ -1,2 +1,2 @@
1
- import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root}from'./style.mjs';import{SIZES_ROUND,SIZES}from'./constants.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const Badge=withMergedProps(forwardRef((o,r)=>{const{size:e="s",borderRadius:t=3,textProps:s={},iconProps:i={},children:n,content:c,icon:m,...a}=o;const[d,p]=Array.isArray(m)?m:[m];const f={as:'span',size:'inherit',color:'inherit',marginLeft:d?'0.25em':void 0,marginRight:p?'0.25em':void 0};const x={color:'inherit'};return jsx(Root,{...a,size:e,borderRadius:t,ref:r,children:typeof n=='function'?n({baseTextProps:f,textProps:s,iconBaseProps:x,iconProps:i,icon:m}):jsxs(Fragment,{children:[d?jsx(Icon,{name:typeof d=='string'?d:void 0,icon:typeof d!='string'?d:void 0,...x,...i}):null,n||c?jsx(Text,{...f,...s,children:n||c}):null,p?jsx(Icon,{name:typeof p=='string'?p:void 0,icon:typeof p!='string'?p:void 0,...x,...i}):null]})})}),{displayName:'Badge',sizes:o=>o.round?SIZES_ROUND:SIZES});export{Badge};
1
+ import{createPolymorphicComponentWithRef}from'../../shared/utils/createPolymorphicComponentWithRef.mjs';import{useMergedProps}from'../../hooks/useMergedProps.mjs';import{Root}from'./style.mjs';import{SIZES_ROUNDED,SIZES_CIRCULAR,SIZES_BASE,SIZES_SQUARE,SIZES_ICON,SIZES_TEXT}from'./sizes.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Slot}from'../Slot/Slot.mjs';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='Badge';const Badge=createPolymorphicComponentWithRef((o,e)=>{const s=useMergedProps(o,{componentName:"Badge",sizes:o=>o.shape==='rounded'?SIZES_ROUNDED:o.round||o.shape==='circular'?SIZES_CIRCULAR:o.borderRadius!==void 0?SIZES_BASE:SIZES_SQUARE});const{size:r="s",borderRadius:i=3,textProps:t={},iconProps:n={},shape:p="square",component:c="div",children:S,addonLeft:m,addonRight:a,content:d,icon:E,sizeXXS:I,sizeXS:h,sizeS:f,sizeM:l,sizeL:z,sizeXL:j,...x}=s;const R={size:r,sizeXXS:I,sizeXS:h,sizeS:f,sizeM:l,sizeL:z,sizeXL:j};const[P,u]=Array.isArray(E)?E:[E];const g={...R,as:'span',appearance:'caption',color:'inherit',whiteSpace:'nowrap',sizes:SIZES_TEXT,...t};const _={...R,color:'inherit',sizes:SIZES_ICON,...n};return jsx(Root,{...x,...R,as:c,size:r,borderRadius:i,shape:p,ref:e,children:typeof S=='function'?S({textProps:g,iconProps:_}):jsxs(Fragment,{children:[jsx(Slot,{props:{iconProps:_},render:m??(P?o=>jsx(Icon,{...o.iconProps,..._,name:typeof P=='string'?P:void 0,icon:typeof P!='string'?P:void 0}):void 0)}),S||d?jsx(Text,{...g,children:S||d}):null,jsx(Slot,{props:{iconProps:_},render:a??(u?o=>jsx(Icon,{...o.iconProps,..._,name:typeof u=='string'?u:void 0,icon:typeof u!='string'?u:void 0}):void 0)})]})})});export{Badge,COMPONENT_NAME};
2
2
  //# sourceMappingURL=Badge.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"Badge.mjs","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport * as Styled from './style'\nimport { SIZES, SIZES_ROUND } from './constants'\nimport type { BadgeProps } from './types'\n\nconst COMPONENT_NAME = 'Badge'\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 [BadgeProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Badge/types.ts)\n */\nexport const Badge: React.ForwardRefExoticComponent<BadgeProps> = withMergedProps<BadgeProps, HTMLDivElement>(\n forwardRef<HTMLDivElement, MergedProps<BadgeProps>>((props, ref) => {\n const {\n size = 's',\n borderRadius = 3,\n textProps = {},\n iconProps = {},\n children,\n content,\n icon,\n ...restProps\n } = props\n\n const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n const baseTextProps: TextProps = {\n as: 'span',\n size: 'inherit',\n color: 'inherit',\n marginLeft: before ? '0.25em' : undefined,\n marginRight: after ? '0.25em' : undefined,\n }\n const iconBaseProps: IconProps = { color: 'inherit' }\n\n return (\n <Styled.Root {...restProps} size={size} borderRadius={borderRadius} ref={ref}>\n {typeof children === 'function' ? (\n children({ baseTextProps, textProps, iconBaseProps, iconProps, icon })\n ) : (\n <>\n {before ? (\n <Icon\n name={typeof before === 'string' ? before : undefined}\n icon={typeof before !== 'string' ? before : undefined}\n {...iconBaseProps}\n {...iconProps}\n />\n ) : null}\n {children || content ? (\n <Text {...baseTextProps} {...textProps}>\n {children || content}\n </Text>\n ) : null}\n {after ? (\n <Icon\n name={typeof after === 'string' ? after : undefined}\n icon={typeof after !== 'string' ? after : undefined}\n {...iconBaseProps}\n {...iconProps}\n />\n ) : null}\n </>\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => (props.round ? SIZES_ROUND : SIZES),\n }\n)\n"],"names":["Badge","withMergedProps","forwardRef","props","ref","size","borderRadius","textProps","iconProps","children","content","icon","restProps","before","after","Array","isArray","baseTextProps","as","color","marginLeft","undefined","marginRight","iconBaseProps","_jsx","Styled","_jsxs","_Fragment","Icon","name","Text","displayName","sizes","round","SIZES_ROUND","SIZES"],"mappings":"8RAuBO,MAAMA,MAAqDC,gBAChEC,WAAoD,CAACC,EAAOC,KAC1D,MAAMC,KACJA,EAAO,IAAGC,aACVA,EAAe,EAACC,UAChBA,EAAY,CAAA,EAAEC,UACdA,EAAY,CAAA,EAAEC,SACdA,EAAQC,QACRA,EAAOC,KACPA,KACGC,GACDT,EAEJ,MAAOU,EAAQC,GAASC,MAAMC,QAAQL,GAAQA,EAAO,CAACA,GAEtD,MAAMM,EAA2B,CAC/BC,GAAI,OACJb,KAAM,UACNc,MAAO,UACPC,WAAYP,EAAS,cAAWQ,EAChCC,YAAaR,EAAQ,cAAWO,GAElC,MAAME,EAA2B,CAAEJ,MAAO,WAE1C,OACEK,IAACC,KAAW,IAAKb,EAAWP,KAAMA,EAAMC,aAAcA,EAAcF,IAAKA,EAAIK,gBACnEA,GAAa,WACnBA,EAAS,CAAEQ,gBAAeV,YAAWgB,gBAAef,YAAWG,SAE/De,KAAAC,SAAA,CAAAlB,SAAA,CACGI,EACCW,IAACI,KAAI,CACHC,YAAahB,GAAW,SAAWA,OAASQ,EAC5CV,YAAaE,GAAW,SAAWA,OAASQ,KACxCE,KACAf,IAEJ,KACHC,GAAYC,EACXc,IAACM,KAAI,IAAKb,KAAmBV,EAASE,SACnCA,GAAYC,IAEb,KACHI,EACCU,IAACI,KAAI,CACHC,YAAaf,GAAU,SAAWA,OAAQO,EAC1CV,YAAaG,GAAU,SAAWA,OAAQO,KACtCE,KACAf,IAEJ,YAMd,CACEuB,YArEmB,QAsEnBC,MAAQ7B,GAAWA,EAAM8B,MAAQC,YAAcC"}
1
+ {"version":3,"file":"Badge.mjs","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { createPolymorphicComponentWithRef } from 'shared/utils/createPolymorphicComponentWithRef'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport { Slot } from 'components/Slot'\nimport type { PolymorphicProps } from 'shared/interfaces'\nimport * as Styled from './style'\nimport { SIZES_BASE, SIZES_SQUARE, SIZES_ICON, SIZES_CIRCULAR, SIZES_ROUNDED, SIZES_TEXT } from './sizes'\nimport type { BadgeProps } from './types'\n\nconst COMPONENT_NAME = 'Badge'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для маркировки свойств сущности.\n *\n * Полиморфный компонент.\n *\n * Можно передать \"ref\" и атрибуты выбранного HTML-элемента (по умолчанию \\<div\\>).\n */\nconst Badge = createPolymorphicComponentWithRef<'div', BadgeProps>((props, ref) => {\n const mergedProps = useMergedProps<PolymorphicProps<React.ElementType, BadgeProps>>(props, {\n componentName: COMPONENT_NAME,\n sizes: (p) => {\n if (p.shape === 'rounded') {\n return SIZES_ROUNDED\n }\n\n if (p.round || p.shape === 'circular') {\n return SIZES_CIRCULAR\n }\n\n if (p.borderRadius !== undefined) {\n return SIZES_BASE\n }\n\n return SIZES_SQUARE\n },\n })\n\n const {\n size = 's',\n borderRadius = 3,\n textProps: textPropsProp = {},\n iconProps: iconPropsProp = {},\n shape = 'square',\n component = 'div',\n children,\n addonLeft,\n addonRight,\n content,\n icon,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n ...restProps\n } = mergedProps\n\n const sizeProps = {\n size,\n sizeXXS,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n }\n\n const [iconBefore, iconAfter] = Array.isArray(icon) ? icon : [icon]\n\n const textProps: TextProps = {\n ...sizeProps,\n as: 'span',\n appearance: 'caption',\n color: 'inherit',\n whiteSpace: 'nowrap',\n sizes: SIZES_TEXT,\n ...textPropsProp,\n }\n\n const iconProps: IconProps = { ...sizeProps, color: 'inherit', sizes: SIZES_ICON, ...iconPropsProp }\n\n return (\n <Styled.Root\n {...restProps}\n {...sizeProps}\n as={component}\n size={size}\n borderRadius={borderRadius}\n shape={shape}\n ref={ref}\n >\n {typeof children === 'function' ? (\n children({ textProps, iconProps })\n ) : (\n <>\n <Slot\n props={{ iconProps }}\n render={\n addonLeft ??\n (iconBefore\n ? (addonLeftProps) => (\n <Icon\n {...addonLeftProps.iconProps}\n {...iconProps}\n name={typeof iconBefore === 'string' ? iconBefore : undefined}\n icon={typeof iconBefore !== 'string' ? iconBefore : undefined}\n />\n )\n : undefined)\n }\n />\n\n {children || content ? <Text {...textProps}>{children || content}</Text> : null}\n\n <Slot\n props={{ iconProps }}\n render={\n addonRight ??\n (iconAfter\n ? (addonRightProps) => (\n <Icon\n {...addonRightProps.iconProps}\n {...iconProps}\n name={typeof iconAfter === 'string' ? iconAfter : undefined}\n icon={typeof iconAfter !== 'string' ? iconAfter : undefined}\n />\n )\n : undefined)\n }\n />\n </>\n )}\n </Styled.Root>\n )\n})\n\nconst BadgeDoc: React.FC<BadgeProps> = () => null\n\nexport { BadgeDoc, Badge, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Badge","createPolymorphicComponentWithRef","props","ref","mergedProps","useMergedProps","componentName","sizes","p","shape","SIZES_ROUNDED","round","SIZES_CIRCULAR","borderRadius","undefined","SIZES_BASE","SIZES_SQUARE","size","textProps","textPropsProp","iconProps","iconPropsProp","component","children","addonLeft","addonRight","content","icon","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","iconBefore","iconAfter","Array","isArray","as","appearance","color","whiteSpace","SIZES_TEXT","SIZES_ICON","_jsx","Styled","_jsxs","_Fragment","Slot","render","addonLeftProps","Icon","name","Text","addonRightProps"],"mappings":"+bAYA,MAAMA,eAAiB,QAYvB,MAAMC,MAAQC,kCAAqD,CAACC,EAAOC,KACzE,MAAMC,EAAcC,eAAgEH,EAAO,CACzFI,cAdmB,QAenBC,MAAQC,GACFA,EAAEC,QAAU,UACPC,cAGLF,EAAEG,OAASH,EAAEC,QAAU,WAClBG,eAGLJ,EAAEK,oBAAiBC,EACdC,WAGFC,eAIX,MAAMC,KACJA,EAAO,IAAGJ,aACVA,EAAe,EACfK,UAAWC,EAAgB,CAAA,EAC3BC,UAAWC,EAAgB,CAAA,EAAEZ,MAC7BA,EAAQ,SAAQa,UAChBA,EAAY,MAAKC,SACjBA,EAAQC,UACRA,EAASC,WACTA,EAAUC,QACVA,EAAOC,KACPA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACD9B,EAEJ,MAAM+B,EAAY,CAChBlB,OACAW,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAOG,EAAYC,GAAaC,MAAMC,QAAQZ,GAAQA,EAAO,CAACA,GAE9D,MAAMT,EAAuB,IACxBiB,EACHK,GAAI,OACJC,WAAY,UACZC,MAAO,UACPC,WAAY,SACZpC,MAAOqC,cACJzB,GAGL,MAAMC,EAAuB,IAAKe,EAAWO,MAAO,UAAWnC,MAAOsC,cAAexB,GAErF,OACEyB,IAACC,KAAW,IACNb,KACAC,EACJK,GAAIlB,EACJL,KAAMA,EACNJ,aAAcA,EACdJ,MAAOA,EACPN,IAAKA,EAAIoB,gBAEDA,GAAa,WACnBA,EAAS,CAAEL,YAAWE,cAEtB4B,KAAAC,SAAA,CAAA1B,SAAA,CACEuB,IAACI,KAAI,CACHhD,MAAO,CAAEkB,aACT+B,OACE3B,IACCY,EACIgB,GACCN,IAACO,KAAI,IACCD,EAAehC,aACfA,EACJkC,YAAalB,GAAe,SAAWA,OAAatB,EACpDa,YAAaS,GAAe,SAAWA,OAAatB,SAGxDA,KAIPS,GAAYG,EAAUoB,IAACS,KAAI,IAAKrC,EAASK,SAAGA,GAAYG,IAAkB,KAE3EoB,IAACI,KAAI,CACHhD,MAAO,CAAEkB,aACT+B,OACE1B,IACCY,EACImB,GACCV,IAACO,KAAI,IACCG,EAAgBpC,aAChBA,EACJkC,YAAajB,GAAc,SAAWA,OAAYvB,EAClDa,YAAaU,GAAc,SAAWA,OAAYvB,SAGtDA"}
@@ -0,0 +1,2 @@
1
+ 'use strict';const SIZES_BASE={xxxl:{'--badge-size':'36px',height:'var(--badge-size)',paddingRight:10,paddingLeft:10,fontSize:22},xxl:{'--badge-size':'36px',height:'var(--badge-size)',paddingRight:10,paddingLeft:10,fontSize:20},xl:{'--badge-size':'32px',height:'var(--badge-size)',paddingRight:10,paddingLeft:10,fontSize:18},l:{'--badge-size':'28px',height:'var(--badge-size)',paddingRight:8,paddingLeft:8,fontSize:16},m:{'--badge-size':'26px',height:'var(--badge-size)',paddingRight:8,paddingLeft:8,fontSize:14},s:{'--badge-size':'22px',height:'var(--badge-size)',paddingRight:6,paddingLeft:6,fontSize:12},xs:{'--badge-size':'22px',height:'var(--badge-size)',paddingRight:6,paddingLeft:6,fontSize:10},xxs:{'--badge-size':'20px',height:'var(--badge-size)',paddingRight:6,paddingLeft:6,fontSize:10},xxxs:{'--badge-size':'18px',height:'var(--badge-size)',paddingRight:6,paddingLeft:6,fontSize:10}};const SIZES_SQUARE={xxxl:{...SIZES_BASE.xxxl,borderRadius:0},xxl:{...SIZES_BASE.xxl,borderRadius:0},xl:{...SIZES_BASE.xl,borderRadius:0},l:{...SIZES_BASE.l,borderRadius:0},m:{...SIZES_BASE.m,borderRadius:0},s:{...SIZES_BASE.s,borderRadius:0},xs:{...SIZES_BASE.xs,borderRadius:0},xxs:{...SIZES_BASE.xxs,borderRadius:0},xxxs:{...SIZES_BASE.xxxs,borderRadius:0}};const SIZES_ROUNDED={xxxl:{...SIZES_BASE.xxxl,borderRadius:10},xxl:{...SIZES_BASE.xxl,borderRadius:10},xl:{...SIZES_BASE.xl,borderRadius:8},l:{...SIZES_BASE.l,borderRadius:8},m:{...SIZES_BASE.m,borderRadius:8},s:{...SIZES_BASE.s,borderRadius:6},xs:{...SIZES_BASE.xs,borderRadius:4},xxs:{...SIZES_BASE.xxs,borderRadius:4},xxxs:{...SIZES_BASE.xxxs,borderRadius:4}};const SIZES_CIRCULAR={xxxl:{...SIZES_BASE.xxxl,width:'var(--badge-size)',padding:0,borderRadius:'50%'},xxl:{...SIZES_BASE.xxl,width:'var(--badge-size)',padding:0,borderRadius:'50%'},xl:{...SIZES_BASE.xl,width:'var(--badge-size)',padding:0,borderRadius:'50%'},l:{...SIZES_BASE.l,width:'var(--badge-size)',padding:0,borderRadius:'50%'},m:{...SIZES_BASE.m,width:'var(--badge-size)',padding:0,borderRadius:'50%'},s:{...SIZES_BASE.s,width:'var(--badge-size)',padding:0,borderRadius:'50%'},xs:{...SIZES_BASE.xs,width:'var(--badge-size)',padding:0,borderRadius:'50%'},xxs:{...SIZES_BASE.xxs,width:'var(--badge-size)',padding:0,borderRadius:'50%'},xxxs:{...SIZES_BASE.xxxs,width:'var(--badge-size)',padding:0,borderRadius:'50%'}};exports.SIZES_BASE=SIZES_BASE,exports.SIZES_CIRCULAR=SIZES_CIRCULAR,exports.SIZES_ICON={xxxl:{fontSize:28},xxl:{fontSize:28},xl:{fontSize:24},l:{fontSize:20},m:{fontSize:16},s:{fontSize:12},xs:{fontSize:10},xxs:{fontSize:10},xxxs:{fontSize:10}},exports.SIZES_ROUNDED=SIZES_ROUNDED,exports.SIZES_SQUARE=SIZES_SQUARE,exports.SIZES_TEXT={xxxl:{fontSize:'inherit',marginTop:0},xxl:{fontSize:'inherit',marginTop:0},xl:{fontSize:'inherit',marginTop:1},l:{fontSize:'inherit',marginTop:2},m:{fontSize:'inherit',marginTop:2},s:{fontSize:'inherit',marginTop:2},xs:{fontSize:'inherit',marginTop:0},xxs:{fontSize:'inherit',marginTop:0},xxxs:{fontSize:'inherit',marginTop:0}};
2
+ //# sourceMappingURL=sizes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sizes.js","sources":["../../../../src/components/Badge/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES_BASE: Record<Size, CSSProperties> = {\n xxxl: {\n '--badge-size': '36px',\n height: 'var(--badge-size)',\n paddingRight: 10,\n paddingLeft: 10,\n fontSize: 22,\n },\n xxl: {\n '--badge-size': '36px',\n height: 'var(--badge-size)',\n paddingRight: 10,\n paddingLeft: 10,\n fontSize: 20,\n },\n xl: {\n '--badge-size': '32px',\n height: 'var(--badge-size)',\n paddingRight: 10,\n paddingLeft: 10,\n fontSize: 18,\n },\n l: {\n '--badge-size': '28px',\n height: 'var(--badge-size)',\n paddingRight: 8,\n paddingLeft: 8,\n fontSize: 16,\n },\n m: {\n '--badge-size': '26px',\n height: 'var(--badge-size)',\n paddingRight: 8,\n paddingLeft: 8,\n fontSize: 14,\n },\n s: {\n '--badge-size': '22px',\n height: 'var(--badge-size)',\n paddingRight: 6,\n paddingLeft: 6,\n fontSize: 12,\n },\n xs: {\n '--badge-size': '22px',\n height: 'var(--badge-size)',\n paddingRight: 6,\n paddingLeft: 6,\n fontSize: 10,\n },\n xxs: {\n '--badge-size': '20px',\n height: 'var(--badge-size)',\n paddingRight: 6,\n paddingLeft: 6,\n fontSize: 10,\n },\n xxxs: {\n '--badge-size': '18px',\n height: 'var(--badge-size)',\n paddingRight: 6,\n paddingLeft: 6,\n fontSize: 10,\n },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n xxxl: { ...SIZES_BASE.xxxl, borderRadius: 0 },\n xxl: { ...SIZES_BASE.xxl, borderRadius: 0 },\n xl: { ...SIZES_BASE.xl, borderRadius: 0 },\n l: { ...SIZES_BASE.l, borderRadius: 0 },\n m: { ...SIZES_BASE.m, borderRadius: 0 },\n s: { ...SIZES_BASE.s, borderRadius: 0 },\n xs: { ...SIZES_BASE.xs, borderRadius: 0 },\n xxs: { ...SIZES_BASE.xxs, borderRadius: 0 },\n xxxs: { ...SIZES_BASE.xxxs, borderRadius: 0 },\n}\n\nexport const SIZES_ROUNDED: Record<Size, CSSProperties> = {\n xxxl: {\n ...SIZES_BASE.xxxl,\n borderRadius: 10,\n },\n xxl: {\n ...SIZES_BASE.xxl,\n borderRadius: 10,\n },\n xl: {\n ...SIZES_BASE.xl,\n borderRadius: 8,\n },\n l: {\n ...SIZES_BASE.l,\n borderRadius: 8,\n },\n m: {\n ...SIZES_BASE.m,\n borderRadius: 8,\n },\n s: {\n ...SIZES_BASE.s,\n borderRadius: 6,\n },\n xs: {\n ...SIZES_BASE.xs,\n borderRadius: 4,\n },\n xxs: {\n ...SIZES_BASE.xxs,\n borderRadius: 4,\n },\n xxxs: {\n ...SIZES_BASE.xxxs,\n borderRadius: 4,\n },\n}\n\nexport const SIZES_CIRCULAR: Record<Size, CSSProperties> = {\n xxxl: { ...SIZES_BASE.xxxl, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n xxl: { ...SIZES_BASE.xxl, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n xl: { ...SIZES_BASE.xl, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n l: { ...SIZES_BASE.l, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n m: { ...SIZES_BASE.m, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n s: { ...SIZES_BASE.s, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n xs: { ...SIZES_BASE.xs, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n xxs: { ...SIZES_BASE.xxs, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n xxxs: { ...SIZES_BASE.xxxs, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n}\n\nexport const SIZES_ICON: Record<Size, CSSProperties> = {\n xxxl: { fontSize: 28 },\n xxl: {\n fontSize: 28,\n },\n xl: { fontSize: 24 },\n l: { fontSize: 20 },\n m: { fontSize: 16 },\n s: { fontSize: 12 },\n xs: { fontSize: 10 },\n xxs: { fontSize: 10 },\n xxxs: { fontSize: 10 },\n}\n\nexport const SIZES_TEXT: Record<Size, CSSProperties> = {\n xxxl: { fontSize: 'inherit', marginTop: 0 },\n xxl: { fontSize: 'inherit', marginTop: 0 },\n xl: { fontSize: 'inherit', marginTop: 1 },\n l: { fontSize: 'inherit', marginTop: 2 },\n m: { fontSize: 'inherit', marginTop: 2 },\n s: { fontSize: 'inherit', marginTop: 2 },\n xs: { fontSize: 'inherit', marginTop: 0 },\n xxs: { fontSize: 'inherit', marginTop: 0 },\n xxxs: { fontSize: 'inherit', marginTop: 0 },\n}\n"],"names":["SIZES_BASE","xxxl","height","paddingRight","paddingLeft","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_SQUARE","borderRadius","SIZES_ROUNDED","SIZES_CIRCULAR","width","padding","marginTop"],"mappings":"aAGO,MAAMA,WAA0C,CACrDC,KAAM,CACJ,eAAgB,OAChBC,OAAQ,oBACRC,aAAc,GACdC,YAAa,GACbC,SAAU,IAEZC,IAAK,CACH,eAAgB,OAChBJ,OAAQ,oBACRC,aAAc,GACdC,YAAa,GACbC,SAAU,IAEZE,GAAI,CACF,eAAgB,OAChBL,OAAQ,oBACRC,aAAc,GACdC,YAAa,GACbC,SAAU,IAEZG,EAAG,CACD,eAAgB,OAChBN,OAAQ,oBACRC,aAAc,EACdC,YAAa,EACbC,SAAU,IAEZI,EAAG,CACD,eAAgB,OAChBP,OAAQ,oBACRC,aAAc,EACdC,YAAa,EACbC,SAAU,IAEZK,EAAG,CACD,eAAgB,OAChBR,OAAQ,oBACRC,aAAc,EACdC,YAAa,EACbC,SAAU,IAEZM,GAAI,CACF,eAAgB,OAChBT,OAAQ,oBACRC,aAAc,EACdC,YAAa,EACbC,SAAU,IAEZO,IAAK,CACH,eAAgB,OAChBV,OAAQ,oBACRC,aAAc,EACdC,YAAa,EACbC,SAAU,IAEZQ,KAAM,CACJ,eAAgB,OAChBX,OAAQ,oBACRC,aAAc,EACdC,YAAa,EACbC,SAAU,KAIP,MAAMS,aAA4C,CACvDb,KAAM,IAAKD,WAAWC,KAAMc,aAAc,GAC1CT,IAAK,IAAKN,WAAWM,IAAKS,aAAc,GACxCR,GAAI,IAAKP,WAAWO,GAAIQ,aAAc,GACtCP,EAAG,IAAKR,WAAWQ,EAAGO,aAAc,GACpCN,EAAG,IAAKT,WAAWS,EAAGM,aAAc,GACpCL,EAAG,IAAKV,WAAWU,EAAGK,aAAc,GACpCJ,GAAI,IAAKX,WAAWW,GAAII,aAAc,GACtCH,IAAK,IAAKZ,WAAWY,IAAKG,aAAc,GACxCF,KAAM,IAAKb,WAAWa,KAAME,aAAc,IAGrC,MAAMC,cAA6C,CACxDf,KAAM,IACDD,WAAWC,KACdc,aAAc,IAEhBT,IAAK,IACAN,WAAWM,IACdS,aAAc,IAEhBR,GAAI,IACCP,WAAWO,GACdQ,aAAc,GAEhBP,EAAG,IACER,WAAWQ,EACdO,aAAc,GAEhBN,EAAG,IACET,WAAWS,EACdM,aAAc,GAEhBL,EAAG,IACEV,WAAWU,EACdK,aAAc,GAEhBJ,GAAI,IACCX,WAAWW,GACdI,aAAc,GAEhBH,IAAK,IACAZ,WAAWY,IACdG,aAAc,GAEhBF,KAAM,IACDb,WAAWa,KACdE,aAAc,IAIX,MAAME,eAA8C,CACzDhB,KAAM,IAAKD,WAAWC,KAAMiB,MAAO,oBAAqBC,QAAS,EAAGJ,aAAc,OAClFT,IAAK,IAAKN,WAAWM,IAAKY,MAAO,oBAAqBC,QAAS,EAAGJ,aAAc,OAChFR,GAAI,IAAKP,WAAWO,GAAIW,MAAO,oBAAqBC,QAAS,EAAGJ,aAAc,OAC9EP,EAAG,IAAKR,WAAWQ,EAAGU,MAAO,oBAAqBC,QAAS,EAAGJ,aAAc,OAC5EN,EAAG,IAAKT,WAAWS,EAAGS,MAAO,oBAAqBC,QAAS,EAAGJ,aAAc,OAC5EL,EAAG,IAAKV,WAAWU,EAAGQ,MAAO,oBAAqBC,QAAS,EAAGJ,aAAc,OAC5EJ,GAAI,IAAKX,WAAWW,GAAIO,MAAO,oBAAqBC,QAAS,EAAGJ,aAAc,OAC9EH,IAAK,IAAKZ,WAAWY,IAAKM,MAAO,oBAAqBC,QAAS,EAAGJ,aAAc,OAChFF,KAAM,IAAKb,WAAWa,KAAMK,MAAO,oBAAqBC,QAAS,EAAGJ,aAAc,+FAG7B,CACrDd,KAAM,CAAEI,SAAU,IAClBC,IAAK,CACHD,SAAU,IAEZE,GAAI,CAAEF,SAAU,IAChBG,EAAG,CAAEH,SAAU,IACfI,EAAG,CAAEJ,SAAU,IACfK,EAAG,CAAEL,SAAU,IACfM,GAAI,CAAEN,SAAU,IAChBO,IAAK,CAAEP,SAAU,IACjBQ,KAAM,CAAER,SAAU,8FAGmC,CACrDJ,KAAM,CAAEI,SAAU,UAAWe,UAAW,GACxCd,IAAK,CAAED,SAAU,UAAWe,UAAW,GACvCb,GAAI,CAAEF,SAAU,UAAWe,UAAW,GACtCZ,EAAG,CAAEH,SAAU,UAAWe,UAAW,GACrCX,EAAG,CAAEJ,SAAU,UAAWe,UAAW,GACrCV,EAAG,CAAEL,SAAU,UAAWe,UAAW,GACrCT,GAAI,CAAEN,SAAU,UAAWe,UAAW,GACtCR,IAAK,CAAEP,SAAU,UAAWe,UAAW,GACvCP,KAAM,CAAER,SAAU,UAAWe,UAAW"}
@@ -0,0 +1,2 @@
1
+ const SIZES_BASE={xxxl:{'--badge-size':'36px',height:'var(--badge-size)',paddingRight:10,paddingLeft:10,fontSize:22},xxl:{'--badge-size':'36px',height:'var(--badge-size)',paddingRight:10,paddingLeft:10,fontSize:20},xl:{'--badge-size':'32px',height:'var(--badge-size)',paddingRight:10,paddingLeft:10,fontSize:18},l:{'--badge-size':'28px',height:'var(--badge-size)',paddingRight:8,paddingLeft:8,fontSize:16},m:{'--badge-size':'26px',height:'var(--badge-size)',paddingRight:8,paddingLeft:8,fontSize:14},s:{'--badge-size':'22px',height:'var(--badge-size)',paddingRight:6,paddingLeft:6,fontSize:12},xs:{'--badge-size':'22px',height:'var(--badge-size)',paddingRight:6,paddingLeft:6,fontSize:10},xxs:{'--badge-size':'20px',height:'var(--badge-size)',paddingRight:6,paddingLeft:6,fontSize:10},xxxs:{'--badge-size':'18px',height:'var(--badge-size)',paddingRight:6,paddingLeft:6,fontSize:10}};const SIZES_SQUARE={xxxl:{...SIZES_BASE.xxxl,borderRadius:0},xxl:{...SIZES_BASE.xxl,borderRadius:0},xl:{...SIZES_BASE.xl,borderRadius:0},l:{...SIZES_BASE.l,borderRadius:0},m:{...SIZES_BASE.m,borderRadius:0},s:{...SIZES_BASE.s,borderRadius:0},xs:{...SIZES_BASE.xs,borderRadius:0},xxs:{...SIZES_BASE.xxs,borderRadius:0},xxxs:{...SIZES_BASE.xxxs,borderRadius:0}};const SIZES_ROUNDED={xxxl:{...SIZES_BASE.xxxl,borderRadius:10},xxl:{...SIZES_BASE.xxl,borderRadius:10},xl:{...SIZES_BASE.xl,borderRadius:8},l:{...SIZES_BASE.l,borderRadius:8},m:{...SIZES_BASE.m,borderRadius:8},s:{...SIZES_BASE.s,borderRadius:6},xs:{...SIZES_BASE.xs,borderRadius:4},xxs:{...SIZES_BASE.xxs,borderRadius:4},xxxs:{...SIZES_BASE.xxxs,borderRadius:4}};const SIZES_CIRCULAR={xxxl:{...SIZES_BASE.xxxl,width:'var(--badge-size)',padding:0,borderRadius:'50%'},xxl:{...SIZES_BASE.xxl,width:'var(--badge-size)',padding:0,borderRadius:'50%'},xl:{...SIZES_BASE.xl,width:'var(--badge-size)',padding:0,borderRadius:'50%'},l:{...SIZES_BASE.l,width:'var(--badge-size)',padding:0,borderRadius:'50%'},m:{...SIZES_BASE.m,width:'var(--badge-size)',padding:0,borderRadius:'50%'},s:{...SIZES_BASE.s,width:'var(--badge-size)',padding:0,borderRadius:'50%'},xs:{...SIZES_BASE.xs,width:'var(--badge-size)',padding:0,borderRadius:'50%'},xxs:{...SIZES_BASE.xxs,width:'var(--badge-size)',padding:0,borderRadius:'50%'},xxxs:{...SIZES_BASE.xxxs,width:'var(--badge-size)',padding:0,borderRadius:'50%'}};const SIZES_ICON={xxxl:{fontSize:28},xxl:{fontSize:28},xl:{fontSize:24},l:{fontSize:20},m:{fontSize:16},s:{fontSize:12},xs:{fontSize:10},xxs:{fontSize:10},xxxs:{fontSize:10}};const SIZES_TEXT={xxxl:{fontSize:'inherit',marginTop:0},xxl:{fontSize:'inherit',marginTop:0},xl:{fontSize:'inherit',marginTop:1},l:{fontSize:'inherit',marginTop:2},m:{fontSize:'inherit',marginTop:2},s:{fontSize:'inherit',marginTop:2},xs:{fontSize:'inherit',marginTop:0},xxs:{fontSize:'inherit',marginTop:0},xxxs:{fontSize:'inherit',marginTop:0}};export{SIZES_BASE,SIZES_CIRCULAR,SIZES_ICON,SIZES_ROUNDED,SIZES_SQUARE,SIZES_TEXT};
2
+ //# sourceMappingURL=sizes.mjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sizes.mjs","sources":["../../../../src/components/Badge/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES_BASE: Record<Size, CSSProperties> = {\n xxxl: {\n '--badge-size': '36px',\n height: 'var(--badge-size)',\n paddingRight: 10,\n paddingLeft: 10,\n fontSize: 22,\n },\n xxl: {\n '--badge-size': '36px',\n height: 'var(--badge-size)',\n paddingRight: 10,\n paddingLeft: 10,\n fontSize: 20,\n },\n xl: {\n '--badge-size': '32px',\n height: 'var(--badge-size)',\n paddingRight: 10,\n paddingLeft: 10,\n fontSize: 18,\n },\n l: {\n '--badge-size': '28px',\n height: 'var(--badge-size)',\n paddingRight: 8,\n paddingLeft: 8,\n fontSize: 16,\n },\n m: {\n '--badge-size': '26px',\n height: 'var(--badge-size)',\n paddingRight: 8,\n paddingLeft: 8,\n fontSize: 14,\n },\n s: {\n '--badge-size': '22px',\n height: 'var(--badge-size)',\n paddingRight: 6,\n paddingLeft: 6,\n fontSize: 12,\n },\n xs: {\n '--badge-size': '22px',\n height: 'var(--badge-size)',\n paddingRight: 6,\n paddingLeft: 6,\n fontSize: 10,\n },\n xxs: {\n '--badge-size': '20px',\n height: 'var(--badge-size)',\n paddingRight: 6,\n paddingLeft: 6,\n fontSize: 10,\n },\n xxxs: {\n '--badge-size': '18px',\n height: 'var(--badge-size)',\n paddingRight: 6,\n paddingLeft: 6,\n fontSize: 10,\n },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n xxxl: { ...SIZES_BASE.xxxl, borderRadius: 0 },\n xxl: { ...SIZES_BASE.xxl, borderRadius: 0 },\n xl: { ...SIZES_BASE.xl, borderRadius: 0 },\n l: { ...SIZES_BASE.l, borderRadius: 0 },\n m: { ...SIZES_BASE.m, borderRadius: 0 },\n s: { ...SIZES_BASE.s, borderRadius: 0 },\n xs: { ...SIZES_BASE.xs, borderRadius: 0 },\n xxs: { ...SIZES_BASE.xxs, borderRadius: 0 },\n xxxs: { ...SIZES_BASE.xxxs, borderRadius: 0 },\n}\n\nexport const SIZES_ROUNDED: Record<Size, CSSProperties> = {\n xxxl: {\n ...SIZES_BASE.xxxl,\n borderRadius: 10,\n },\n xxl: {\n ...SIZES_BASE.xxl,\n borderRadius: 10,\n },\n xl: {\n ...SIZES_BASE.xl,\n borderRadius: 8,\n },\n l: {\n ...SIZES_BASE.l,\n borderRadius: 8,\n },\n m: {\n ...SIZES_BASE.m,\n borderRadius: 8,\n },\n s: {\n ...SIZES_BASE.s,\n borderRadius: 6,\n },\n xs: {\n ...SIZES_BASE.xs,\n borderRadius: 4,\n },\n xxs: {\n ...SIZES_BASE.xxs,\n borderRadius: 4,\n },\n xxxs: {\n ...SIZES_BASE.xxxs,\n borderRadius: 4,\n },\n}\n\nexport const SIZES_CIRCULAR: Record<Size, CSSProperties> = {\n xxxl: { ...SIZES_BASE.xxxl, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n xxl: { ...SIZES_BASE.xxl, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n xl: { ...SIZES_BASE.xl, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n l: { ...SIZES_BASE.l, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n m: { ...SIZES_BASE.m, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n s: { ...SIZES_BASE.s, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n xs: { ...SIZES_BASE.xs, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n xxs: { ...SIZES_BASE.xxs, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n xxxs: { ...SIZES_BASE.xxxs, width: 'var(--badge-size)', padding: 0, borderRadius: '50%' },\n}\n\nexport const SIZES_ICON: Record<Size, CSSProperties> = {\n xxxl: { fontSize: 28 },\n xxl: {\n fontSize: 28,\n },\n xl: { fontSize: 24 },\n l: { fontSize: 20 },\n m: { fontSize: 16 },\n s: { fontSize: 12 },\n xs: { fontSize: 10 },\n xxs: { fontSize: 10 },\n xxxs: { fontSize: 10 },\n}\n\nexport const SIZES_TEXT: Record<Size, CSSProperties> = {\n xxxl: { fontSize: 'inherit', marginTop: 0 },\n xxl: { fontSize: 'inherit', marginTop: 0 },\n xl: { fontSize: 'inherit', marginTop: 1 },\n l: { fontSize: 'inherit', marginTop: 2 },\n m: { fontSize: 'inherit', marginTop: 2 },\n s: { fontSize: 'inherit', marginTop: 2 },\n xs: { fontSize: 'inherit', marginTop: 0 },\n xxs: { fontSize: 'inherit', marginTop: 0 },\n xxxs: { fontSize: 'inherit', marginTop: 0 },\n}\n"],"names":["SIZES_BASE","xxxl","height","paddingRight","paddingLeft","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_SQUARE","borderRadius","SIZES_ROUNDED","SIZES_CIRCULAR","width","padding","SIZES_ICON","SIZES_TEXT","marginTop"],"mappings":"AAGO,MAAMA,WAA0C,CACrDC,KAAM,CACJ,eAAgB,OAChBC,OAAQ,oBACRC,aAAc,GACdC,YAAa,GACbC,SAAU,IAEZC,IAAK,CACH,eAAgB,OAChBJ,OAAQ,oBACRC,aAAc,GACdC,YAAa,GACbC,SAAU,IAEZE,GAAI,CACF,eAAgB,OAChBL,OAAQ,oBACRC,aAAc,GACdC,YAAa,GACbC,SAAU,IAEZG,EAAG,CACD,eAAgB,OAChBN,OAAQ,oBACRC,aAAc,EACdC,YAAa,EACbC,SAAU,IAEZI,EAAG,CACD,eAAgB,OAChBP,OAAQ,oBACRC,aAAc,EACdC,YAAa,EACbC,SAAU,IAEZK,EAAG,CACD,eAAgB,OAChBR,OAAQ,oBACRC,aAAc,EACdC,YAAa,EACbC,SAAU,IAEZM,GAAI,CACF,eAAgB,OAChBT,OAAQ,oBACRC,aAAc,EACdC,YAAa,EACbC,SAAU,IAEZO,IAAK,CACH,eAAgB,OAChBV,OAAQ,oBACRC,aAAc,EACdC,YAAa,EACbC,SAAU,IAEZQ,KAAM,CACJ,eAAgB,OAChBX,OAAQ,oBACRC,aAAc,EACdC,YAAa,EACbC,SAAU,KAIP,MAAMS,aAA4C,CACvDb,KAAM,IAAKD,WAAWC,KAAMc,aAAc,GAC1CT,IAAK,IAAKN,WAAWM,IAAKS,aAAc,GACxCR,GAAI,IAAKP,WAAWO,GAAIQ,aAAc,GACtCP,EAAG,IAAKR,WAAWQ,EAAGO,aAAc,GACpCN,EAAG,IAAKT,WAAWS,EAAGM,aAAc,GACpCL,EAAG,IAAKV,WAAWU,EAAGK,aAAc,GACpCJ,GAAI,IAAKX,WAAWW,GAAII,aAAc,GACtCH,IAAK,IAAKZ,WAAWY,IAAKG,aAAc,GACxCF,KAAM,IAAKb,WAAWa,KAAME,aAAc,IAGrC,MAAMC,cAA6C,CACxDf,KAAM,IACDD,WAAWC,KACdc,aAAc,IAEhBT,IAAK,IACAN,WAAWM,IACdS,aAAc,IAEhBR,GAAI,IACCP,WAAWO,GACdQ,aAAc,GAEhBP,EAAG,IACER,WAAWQ,EACdO,aAAc,GAEhBN,EAAG,IACET,WAAWS,EACdM,aAAc,GAEhBL,EAAG,IACEV,WAAWU,EACdK,aAAc,GAEhBJ,GAAI,IACCX,WAAWW,GACdI,aAAc,GAEhBH,IAAK,IACAZ,WAAWY,IACdG,aAAc,GAEhBF,KAAM,IACDb,WAAWa,KACdE,aAAc,IAIX,MAAME,eAA8C,CACzDhB,KAAM,IAAKD,WAAWC,KAAMiB,MAAO,oBAAqBC,QAAS,EAAGJ,aAAc,OAClFT,IAAK,IAAKN,WAAWM,IAAKY,MAAO,oBAAqBC,QAAS,EAAGJ,aAAc,OAChFR,GAAI,IAAKP,WAAWO,GAAIW,MAAO,oBAAqBC,QAAS,EAAGJ,aAAc,OAC9EP,EAAG,IAAKR,WAAWQ,EAAGU,MAAO,oBAAqBC,QAAS,EAAGJ,aAAc,OAC5EN,EAAG,IAAKT,WAAWS,EAAGS,MAAO,oBAAqBC,QAAS,EAAGJ,aAAc,OAC5EL,EAAG,IAAKV,WAAWU,EAAGQ,MAAO,oBAAqBC,QAAS,EAAGJ,aAAc,OAC5EJ,GAAI,IAAKX,WAAWW,GAAIO,MAAO,oBAAqBC,QAAS,EAAGJ,aAAc,OAC9EH,IAAK,IAAKZ,WAAWY,IAAKM,MAAO,oBAAqBC,QAAS,EAAGJ,aAAc,OAChFF,KAAM,IAAKb,WAAWa,KAAMK,MAAO,oBAAqBC,QAAS,EAAGJ,aAAc,QAG7E,MAAMK,WAA0C,CACrDnB,KAAM,CAAEI,SAAU,IAClBC,IAAK,CACHD,SAAU,IAEZE,GAAI,CAAEF,SAAU,IAChBG,EAAG,CAAEH,SAAU,IACfI,EAAG,CAAEJ,SAAU,IACfK,EAAG,CAAEL,SAAU,IACfM,GAAI,CAAEN,SAAU,IAChBO,IAAK,CAAEP,SAAU,IACjBQ,KAAM,CAAER,SAAU,KAGb,MAAMgB,WAA0C,CACrDpB,KAAM,CAAEI,SAAU,UAAWiB,UAAW,GACxChB,IAAK,CAAED,SAAU,UAAWiB,UAAW,GACvCf,GAAI,CAAEF,SAAU,UAAWiB,UAAW,GACtCd,EAAG,CAAEH,SAAU,UAAWiB,UAAW,GACrCb,EAAG,CAAEJ,SAAU,UAAWiB,UAAW,GACrCZ,EAAG,CAAEL,SAAU,UAAWiB,UAAW,GACrCX,GAAI,CAAEN,SAAU,UAAWiB,UAAW,GACtCV,IAAK,CAAEP,SAAU,UAAWiB,UAAW,GACvCT,KAAM,CAAER,SAAU,UAAWiB,UAAW"}