@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.
- package/components/ArrowBadge/ArrowBadge.js +1 -1
- package/components/ArrowBadge/ArrowBadge.js.map +1 -1
- package/components/ArrowBadge/ArrowBadge.mjs +1 -1
- package/components/ArrowBadge/ArrowBadge.mjs.map +1 -1
- package/components/ArrowBadge/images/arrow.svg.js +1 -1
- package/components/ArrowBadge/images/arrow.svg.js.map +1 -1
- package/components/ArrowBadge/images/arrow.svg.mjs +1 -1
- package/components/ArrowBadge/images/arrow.svg.mjs.map +1 -1
- package/components/ArrowBadge/images/fancy.svg.js +1 -1
- package/components/ArrowBadge/images/fancy.svg.js.map +1 -1
- package/components/ArrowBadge/images/fancy.svg.mjs +1 -1
- package/components/ArrowBadge/images/fancy.svg.mjs.map +1 -1
- package/components/ArrowBadge/images/rectangle.svg.js +1 -1
- package/components/ArrowBadge/images/rectangle.svg.js.map +1 -1
- package/components/ArrowBadge/images/rectangle.svg.mjs +1 -1
- package/components/ArrowBadge/images/rectangle.svg.mjs.map +1 -1
- package/components/ArrowBadge/sizes.js +2 -0
- package/components/ArrowBadge/sizes.js.map +1 -0
- package/components/ArrowBadge/sizes.mjs +2 -0
- package/components/ArrowBadge/sizes.mjs.map +1 -0
- package/components/ArrowBadge/style.js +1 -1
- package/components/ArrowBadge/style.js.map +1 -1
- package/components/ArrowBadge/style.mjs +1 -1
- package/components/ArrowBadge/style.mjs.map +1 -1
- package/components/Badge/Badge.js +1 -1
- package/components/Badge/Badge.js.map +1 -1
- package/components/Badge/Badge.mjs +1 -1
- package/components/Badge/Badge.mjs.map +1 -1
- package/components/Badge/sizes.js +2 -0
- package/components/Badge/sizes.js.map +1 -0
- package/components/Badge/sizes.mjs +2 -0
- package/components/Badge/sizes.mjs.map +1 -0
- package/components/Badge/style.js +1 -1
- package/components/Badge/style.js.map +1 -1
- package/components/Badge/style.mjs +1 -1
- package/components/Badge/style.mjs.map +1 -1
- package/components/Chip/sizes.js +1 -1
- package/components/Chip/sizes.js.map +1 -1
- package/components/Chip/sizes.mjs +1 -1
- package/components/Chip/sizes.mjs.map +1 -1
- package/components/Chip/style.js +1 -1
- package/components/Chip/style.js.map +1 -1
- package/components/Chip/style.mjs +1 -1
- package/components/Chip/style.mjs.map +1 -1
- package/components/FormLabel/FormLabel.js +1 -1
- package/components/FormLabel/FormLabel.js.map +1 -1
- package/components/FormLabel/FormLabel.mjs +1 -1
- package/components/FormLabel/FormLabel.mjs.map +1 -1
- package/components/Indicator/Indicator.js +1 -1
- package/components/Indicator/Indicator.js.map +1 -1
- package/components/Indicator/Indicator.mjs +1 -1
- package/components/Indicator/Indicator.mjs.map +1 -1
- package/components/Indicator/sizes.js +2 -0
- package/components/Indicator/sizes.js.map +1 -0
- package/components/Indicator/sizes.mjs +2 -0
- package/components/Indicator/sizes.mjs.map +1 -0
- package/components/Indicator/style.js +1 -1
- package/components/Indicator/style.js.map +1 -1
- package/components/Indicator/style.mjs +1 -1
- package/components/Indicator/style.mjs.map +1 -1
- package/components/ListItem/style.js +1 -1
- package/components/ListItem/style.js.map +1 -1
- package/components/ListItem/style.mjs +1 -1
- package/components/ListItem/style.mjs.map +1 -1
- package/components/PopoverComponent/PopoverComponent.js +1 -1
- package/components/PopoverComponent/PopoverComponent.js.map +1 -1
- package/components/PopoverComponent/PopoverComponent.mjs +1 -1
- package/components/PopoverComponent/PopoverComponent.mjs.map +1 -1
- package/components/PopoverComponent/sizes.js +1 -1
- package/components/PopoverComponent/sizes.js.map +1 -1
- package/components/PopoverComponent/sizes.mjs +1 -1
- package/components/PopoverComponent/sizes.mjs.map +1 -1
- package/components/TabListTab/sizes.js +1 -1
- package/components/TabListTab/sizes.js.map +1 -1
- package/components/TabListTab/sizes.mjs +1 -1
- package/components/TabListTab/sizes.mjs.map +1 -1
- package/dts/index.d.ts +659 -257
- package/mixins/cursor.js +2 -0
- package/mixins/cursor.js.map +1 -0
- package/mixins/cursor.mjs +2 -0
- package/mixins/cursor.mjs.map +1 -0
- package/package.json +2 -2
- package/theme/theme-colors.js +1 -1
- package/theme/theme-colors.js.map +1 -1
- package/theme/theme-colors.mjs +1 -1
- package/theme/theme-colors.mjs.map +1 -1
- package/components/ArrowBadge/constants.js +0 -2
- package/components/ArrowBadge/constants.js.map +0 -1
- package/components/ArrowBadge/constants.mjs +0 -2
- package/components/ArrowBadge/constants.mjs.map +0 -1
- package/components/Badge/constants.js +0 -2
- package/components/Badge/constants.js.map +0 -1
- package/components/Badge/constants.mjs +0 -2
- package/components/Badge/constants.mjs.map +0 -1
- package/components/Indicator/constants.js +0 -2
- package/components/Indicator/constants.js.map +0 -1
- package/components/Indicator/constants.mjs +0 -2
- package/components/Indicator/constants.mjs.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var
|
|
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 {
|
|
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{
|
|
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 {
|
|
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
|
|
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
|
|
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(
|
|
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
|
|
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
|
|
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
|
|
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(
|
|
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
|
|
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,
|
|
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
|
|
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,
|
|
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(
|
|
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
|
|
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
|
|
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
|
|
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
|
|
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 {
|
|
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{
|
|
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 {
|
|
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":"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"}
|
|
@@ -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":"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"}
|