@foxford/ui 2.97.0 → 2.98.0-beta-a38f477-20260225
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/Avatar/Avatar.js +1 -1
- package/components/Avatar/Avatar.js.map +1 -1
- package/components/Avatar/Avatar.mjs +1 -1
- package/components/Avatar/Avatar.mjs.map +1 -1
- package/components/Avatar/sizes.js +2 -0
- package/components/Avatar/sizes.js.map +1 -0
- package/components/Avatar/sizes.mjs +2 -0
- package/components/Avatar/sizes.mjs.map +1 -0
- package/components/Chip/constants.js +1 -1
- package/components/Chip/constants.js.map +1 -1
- package/components/Chip/constants.mjs +1 -1
- package/components/Chip/constants.mjs.map +1 -1
- package/dts/index.d.ts +279 -161
- package/package.json +2 -2
- package/components/Avatar/constants.js +0 -2
- package/components/Avatar/constants.js.map +0 -1
- package/components/Avatar/constants.mjs +0 -2
- package/components/Avatar/constants.mjs.map +0 -1
- package/components/Avatar/default-constants.js +0 -2
- package/components/Avatar/default-constants.js.map +0 -1
- package/components/Avatar/default-constants.mjs +0 -2
- package/components/Avatar/default-constants.mjs.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var utils=require('./utils.js');var
|
|
1
|
+
'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var utils=require('./utils.js');var style=require('./style.js');var sizes=require('./sizes.js');var jsxRuntime=require('react/jsx-runtime');var Skeleton=require('../Skeleton/Skeleton.js');var Text=require('../Text/Text.js');const Avatar=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:s="m",textProps:t={},children:i,text:a,...n}=e;const o=typeof s!='string'||n.preset!=='default'&&s!=='sm'?s:sizes.SIZES_MAPPING_RULES[s]??s;return jsxRuntime.jsx(style.Root,{...n,size:o,ref:r,children:n.loading?jsxRuntime.jsx(Skeleton.Skeleton,{as:"span",width:"100%",height:"100%",borderRadius:"inherit"}):i??(!n.src&&jsxRuntime.jsx(Text.Text,{as:"span",appearance:"caption",size:"inherit",color:"inherit",lineHeight:1,marginTop:1,transform:"uppercase",...t,children:utils.abbreviateCaption(a||n.title||'')}))})})),{displayName:'Avatar',sizes:e=>e.preset==='brand'?e.square?sizes.SIZES_SQUARE:sizes.SIZES:sizes.SIZES_DEFAULT});exports.SIZES=sizes.SIZES,exports.SIZES_SQUARE=sizes.SIZES_SQUARE,exports.Avatar=Avatar;
|
|
2
2
|
//# sourceMappingURL=Avatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport { abbreviateCaption } from './utils'\nimport {
|
|
1
|
+
{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport { abbreviateCaption } from './utils'\nimport type { AvatarProps } from './types'\nimport * as Styled from './style'\nimport { SIZES, SIZES_DEFAULT, SIZES_MAPPING_RULES, SIZES_SQUARE } from './sizes'\n\nconst COMPONENT_NAME = 'Avatar'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для отображения сущности с помощью изображения, инициалов или другого текста.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<span\\> элемента.\n */\nconst Avatar: React.ForwardRefExoticComponent<AvatarProps> = withMergedProps<AvatarProps, HTMLSpanElement>(\n forwardRef<HTMLSpanElement, MergedProps<AvatarProps>>((props, ref) => {\n const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n const sizeMapped =\n typeof size === 'string' && (restProps.preset === 'default' || size === 'sm')\n ? (SIZES_MAPPING_RULES[size] ?? size)\n : size\n\n return (\n <Styled.Root {...restProps} size={sizeMapped} ref={ref}>\n {restProps.loading ? (\n <Skeleton as='span' width='100%' height='100%' borderRadius='inherit' />\n ) : (\n (children ??\n (!restProps.src && (\n <Text\n as='span'\n appearance='caption'\n size='inherit'\n color='inherit'\n lineHeight={1}\n marginTop={1}\n transform='uppercase'\n {...textProps}\n >\n {abbreviateCaption(text || restProps.title || '')}\n </Text>\n )))\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => {\n if (props.preset === 'brand') {\n return props.square ? SIZES_SQUARE : SIZES\n }\n\n return SIZES_DEFAULT\n },\n }\n)\n\nexport { Avatar }\n\nexport { SIZES, SIZES_SQUARE }\n"],"names":["Avatar","withMergedProps","forwardRef","props","ref","size","textProps","children","text","restProps","sizeMapped","preset","SIZES_MAPPING_RULES","_jsx","Styled","loading","Skeleton","as","width","height","borderRadius","src","Text","appearance","color","lineHeight","marginTop","transform","abbreviateCaption","title","displayName","sizes","square","SIZES_SQUARE","SIZES","SIZES_DEFAULT"],"mappings":"qUAoBMA,MAAAA,OAAuDC,gBAAAA,gBAC3DC,MAAAA,YAAsD,CAACC,EAAOC,KAC5D,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,KAAEA,KAASC,GAAcN,EAErE,MAAMO,SACGL,GAAS,UAAaI,EAAUE,SAAW,WAAaN,IAAS,KAEpEA,EADCO,MAAmBA,oBAACP,IAASA,EAGpC,OACEQ,WAAAA,IAACC,MAAAA,KAAW,IAAKL,EAAWJ,KAAMK,EAAYN,IAAKA,EAAIG,SACpDE,EAAUM,QACTF,WAAAA,IAACG,SAAAA,SAAQ,CAACC,GAAG,OAAOC,MAAM,OAAOC,OAAO,OAAOC,aAAa,YAE3Db,KACCE,EAAUY,KACVR,WAAAA,IAACS,KAAAA,KAAI,CACHL,GAAG,OACHM,WAAW,UACXlB,KAAK,UACLmB,MAAM,UACNC,WAAY,EACZC,UAAW,EACXC,UAAU,eACNrB,EAASC,SAEZqB,MAAAA,kBAAkBpB,GAAQC,EAAUoB,OAAS,QAIxC,IAGlB,CACEC,YA5CmB,SA6CnBC,MAAQ5B,GACFA,EAAMQ,SAAW,QACZR,EAAM6B,OAASC,MAAYA,aAAGC,YAGhCC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{abbreviateCaption}from'./utils.mjs';import{
|
|
1
|
+
import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{abbreviateCaption}from'./utils.mjs';import{Root}from'./style.mjs';import{SIZES_SQUARE,SIZES,SIZES_DEFAULT,SIZES_MAPPING_RULES}from'./sizes.mjs';import{jsx}from'react/jsx-runtime';import{Skeleton}from'../Skeleton/Skeleton.mjs';import{Text}from'../Text/Text.mjs';const Avatar=withMergedProps(forwardRef(((e,r)=>{const{size:t="m",textProps:o={},children:i,text:s,...a}=e;const S=typeof t!='string'||a.preset!=='default'&&t!=='sm'?t:SIZES_MAPPING_RULES[t]??t;return jsx(Root,{...a,size:S,ref:r,children:a.loading?jsx(Skeleton,{as:"span",width:"100%",height:"100%",borderRadius:"inherit"}):i??(!a.src&&jsx(Text,{as:"span",appearance:"caption",size:"inherit",color:"inherit",lineHeight:1,marginTop:1,transform:"uppercase",...o,children:abbreviateCaption(s||a.title||'')}))})})),{displayName:'Avatar',sizes:e=>e.preset==='brand'?e.square?SIZES_SQUARE:SIZES:SIZES_DEFAULT});export{Avatar,SIZES,SIZES_SQUARE};
|
|
2
2
|
//# sourceMappingURL=Avatar.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.mjs","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport { abbreviateCaption } from './utils'\nimport {
|
|
1
|
+
{"version":3,"file":"Avatar.mjs","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport { abbreviateCaption } from './utils'\nimport type { AvatarProps } from './types'\nimport * as Styled from './style'\nimport { SIZES, SIZES_DEFAULT, SIZES_MAPPING_RULES, SIZES_SQUARE } from './sizes'\n\nconst COMPONENT_NAME = 'Avatar'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для отображения сущности с помощью изображения, инициалов или другого текста.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<span\\> элемента.\n */\nconst Avatar: React.ForwardRefExoticComponent<AvatarProps> = withMergedProps<AvatarProps, HTMLSpanElement>(\n forwardRef<HTMLSpanElement, MergedProps<AvatarProps>>((props, ref) => {\n const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n const sizeMapped =\n typeof size === 'string' && (restProps.preset === 'default' || size === 'sm')\n ? (SIZES_MAPPING_RULES[size] ?? size)\n : size\n\n return (\n <Styled.Root {...restProps} size={sizeMapped} ref={ref}>\n {restProps.loading ? (\n <Skeleton as='span' width='100%' height='100%' borderRadius='inherit' />\n ) : (\n (children ??\n (!restProps.src && (\n <Text\n as='span'\n appearance='caption'\n size='inherit'\n color='inherit'\n lineHeight={1}\n marginTop={1}\n transform='uppercase'\n {...textProps}\n >\n {abbreviateCaption(text || restProps.title || '')}\n </Text>\n )))\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => {\n if (props.preset === 'brand') {\n return props.square ? SIZES_SQUARE : SIZES\n }\n\n return SIZES_DEFAULT\n },\n }\n)\n\nexport { Avatar }\n\nexport { SIZES, SIZES_SQUARE }\n"],"names":["Avatar","withMergedProps","forwardRef","props","ref","size","textProps","children","text","restProps","sizeMapped","preset","SIZES_MAPPING_RULES","_jsx","Styled","loading","Skeleton","as","width","height","borderRadius","src","Text","appearance","color","lineHeight","marginTop","transform","abbreviateCaption","title","displayName","sizes","square","SIZES_SQUARE","SIZES","SIZES_DEFAULT"],"mappings":"sWAoBMA,MAAAA,OAAuDC,gBAC3DC,YAAsD,CAACC,EAAOC,KAC5D,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,KAAEA,KAASC,GAAcN,EAErE,MAAMO,SACGL,GAAS,UAAaI,EAAUE,SAAW,WAAaN,IAAS,KAEpEA,EADCO,oBAAoBP,IAASA,EAGpC,OACEQ,IAACC,KAAW,IAAKL,EAAWJ,KAAMK,EAAYN,IAAKA,EAAIG,SACpDE,EAAUM,QACTF,IAACG,SAAQ,CAACC,GAAG,OAAOC,MAAM,OAAOC,OAAO,OAAOC,aAAa,YAE3Db,KACCE,EAAUY,KACVR,IAACS,KAAI,CACHL,GAAG,OACHM,WAAW,UACXlB,KAAK,UACLmB,MAAM,UACNC,WAAY,EACZC,UAAW,EACXC,UAAU,eACNrB,EAASC,SAEZqB,kBAAkBpB,GAAQC,EAAUoB,OAAS,QAIxC,IAGlB,CACEC,YA5CmB,SA6CnBC,MAAQ5B,GACFA,EAAMQ,SAAW,QACZR,EAAM6B,OAASC,aAAeC,MAGhCC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
'use strict';exports.SIZES={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:68,height:68,fontSize:24,borderRadius:'50%'},xl:{width:52,height:52,fontSize:18,borderRadius:'50%'},l:{width:48,height:48,fontSize:16,borderRadius:'50%'},m:{width:40,height:40,fontSize:14,borderRadius:'50%'},s:{width:32,height:32,fontSize:11,borderRadius:'50%'},xs:{width:28,height:28,fontSize:12,borderRadius:'50%'},xxs:{width:24,height:24,fontSize:10,borderRadius:'50%'},xxxs:{width:20,height:20,fontSize:8,borderRadius:'50%'},xxxxs:{width:18,height:18,fontSize:7,borderRadius:'50%'}},exports.SIZES_DEFAULT={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xl:{width:120,height:120,fontSize:36,borderRadius:'50%'},l:{width:68,height:68,fontSize:24,borderRadius:'50%'},m:{width:52,height:52,fontSize:12,borderRadius:'50%'},s:{width:40,height:40,fontSize:12,borderRadius:'50%'},xs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'}},exports.SIZES_MAPPING_RULES={l:'xl',m:'l',sm:'m'},exports.SIZES_SQUARE={xxxl:{width:120,height:120,fontSize:36,borderRadius:24},xxl:{width:68,height:68,fontSize:24,borderRadius:14},xl:{width:52,height:52,fontSize:18,borderRadius:11},l:{width:48,height:48,fontSize:16,borderRadius:10},m:{width:40,height:40,fontSize:14,borderRadius:8},s:{width:32,height:32,fontSize:12,borderRadius:7},xs:{width:28,height:28,fontSize:11,borderRadius:6},xxs:{width:24,height:24,fontSize:10,borderRadius:5},xxxs:{width:20,height:20,fontSize:8,borderRadius:4},xxxxs:{width:18,height:18,fontSize:7,borderRadius:3}};
|
|
2
|
+
//# sourceMappingURL=sizes.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sizes.js","sources":["../../../../src/components/Avatar/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES_MAPPING_RULES: Record<string, Size> = { l: 'xl', m: 'l', sm: 'm' }\n\nexport const SIZES_DEFAULT: Record<Size, CSSProperties> = {\n xxxl: {\n width: 120,\n height: 120,\n fontSize: 36,\n borderRadius: '50%',\n },\n xxl: {\n width: 120,\n height: 120,\n fontSize: 36,\n borderRadius: '50%',\n },\n xl: {\n width: 120,\n height: 120,\n fontSize: 36,\n borderRadius: '50%',\n },\n l: {\n width: 68,\n height: 68,\n fontSize: 24,\n borderRadius: '50%',\n },\n m: {\n width: 52,\n height: 52,\n fontSize: 12,\n borderRadius: '50%',\n },\n s: {\n width: 40,\n height: 40,\n fontSize: 12,\n borderRadius: '50%',\n },\n xs: {\n width: 32,\n height: 32,\n fontSize: 12,\n borderRadius: '50%',\n },\n xxs: {\n width: 32,\n height: 32,\n fontSize: 12,\n borderRadius: '50%',\n },\n xxxs: {\n width: 32,\n height: 32,\n fontSize: 12,\n borderRadius: '50%',\n },\n xxxxs: {\n width: 32,\n height: 32,\n fontSize: 12,\n borderRadius: '50%',\n },\n}\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxxl: {\n width: 120,\n height: 120,\n fontSize: 36,\n borderRadius: '50%',\n },\n xxl: {\n width: 68,\n height: 68,\n fontSize: 24,\n borderRadius: '50%',\n },\n xl: {\n width: 52,\n height: 52,\n fontSize: 18,\n borderRadius: '50%',\n },\n l: {\n width: 48,\n height: 48,\n fontSize: 16,\n borderRadius: '50%',\n },\n m: {\n width: 40,\n height: 40,\n fontSize: 14,\n borderRadius: '50%',\n },\n s: {\n width: 32,\n height: 32,\n fontSize: 11,\n borderRadius: '50%',\n },\n xs: {\n width: 28,\n height: 28,\n fontSize: 12,\n borderRadius: '50%',\n },\n xxs: {\n width: 24,\n height: 24,\n fontSize: 10,\n borderRadius: '50%',\n },\n xxxs: {\n width: 20,\n height: 20,\n fontSize: 8,\n borderRadius: '50%',\n },\n xxxxs: {\n width: 18,\n height: 18,\n fontSize: 7,\n borderRadius: '50%',\n },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n xxxl: {\n width: 120,\n height: 120,\n fontSize: 36,\n borderRadius: 24,\n },\n xxl: {\n width: 68,\n height: 68,\n fontSize: 24,\n borderRadius: 14,\n },\n xl: {\n width: 52,\n height: 52,\n fontSize: 18,\n borderRadius: 11,\n },\n l: {\n width: 48,\n height: 48,\n fontSize: 16,\n borderRadius: 10,\n },\n m: {\n width: 40,\n height: 40,\n fontSize: 14,\n borderRadius: 8,\n },\n s: {\n width: 32,\n height: 32,\n fontSize: 12,\n borderRadius: 7,\n },\n xs: {\n width: 28,\n height: 28,\n fontSize: 11,\n borderRadius: 6,\n },\n xxs: {\n width: 24,\n height: 24,\n fontSize: 10,\n borderRadius: 5,\n },\n xxxs: {\n width: 20,\n height: 20,\n fontSize: 8,\n borderRadius: 4,\n },\n xxxxs: {\n width: 18,\n height: 18,\n fontSize: 7,\n borderRadius: 3,\n },\n}\n"],"names":["xxxl","width","height","fontSize","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs","xxxxs","sm"],"mappings":"2BAoEkD,CAChDA,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,OAEhBS,MAAO,CACLZ,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,8BA1HwC,CACxDJ,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBS,MAAO,CACLZ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,oCA7DuC,CAAEG,EAAG,KAAMC,EAAG,IAAKM,GAAI,0BAgIvB,CACvDd,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,IAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,IAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,IAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,IAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,GAEhBS,MAAO,CACLZ,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
const SIZES_MAPPING_RULES={l:'xl',m:'l',sm:'m'};const SIZES_DEFAULT={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xl:{width:120,height:120,fontSize:36,borderRadius:'50%'},l:{width:68,height:68,fontSize:24,borderRadius:'50%'},m:{width:52,height:52,fontSize:12,borderRadius:'50%'},s:{width:40,height:40,fontSize:12,borderRadius:'50%'},xs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'}};const SIZES={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:68,height:68,fontSize:24,borderRadius:'50%'},xl:{width:52,height:52,fontSize:18,borderRadius:'50%'},l:{width:48,height:48,fontSize:16,borderRadius:'50%'},m:{width:40,height:40,fontSize:14,borderRadius:'50%'},s:{width:32,height:32,fontSize:11,borderRadius:'50%'},xs:{width:28,height:28,fontSize:12,borderRadius:'50%'},xxs:{width:24,height:24,fontSize:10,borderRadius:'50%'},xxxs:{width:20,height:20,fontSize:8,borderRadius:'50%'},xxxxs:{width:18,height:18,fontSize:7,borderRadius:'50%'}};const SIZES_SQUARE={xxxl:{width:120,height:120,fontSize:36,borderRadius:24},xxl:{width:68,height:68,fontSize:24,borderRadius:14},xl:{width:52,height:52,fontSize:18,borderRadius:11},l:{width:48,height:48,fontSize:16,borderRadius:10},m:{width:40,height:40,fontSize:14,borderRadius:8},s:{width:32,height:32,fontSize:12,borderRadius:7},xs:{width:28,height:28,fontSize:11,borderRadius:6},xxs:{width:24,height:24,fontSize:10,borderRadius:5},xxxs:{width:20,height:20,fontSize:8,borderRadius:4},xxxxs:{width:18,height:18,fontSize:7,borderRadius:3}};export{SIZES,SIZES_DEFAULT,SIZES_MAPPING_RULES,SIZES_SQUARE};
|
|
2
|
+
//# sourceMappingURL=sizes.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sizes.mjs","sources":["../../../../src/components/Avatar/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES_MAPPING_RULES: Record<string, Size> = { l: 'xl', m: 'l', sm: 'm' }\n\nexport const SIZES_DEFAULT: Record<Size, CSSProperties> = {\n xxxl: {\n width: 120,\n height: 120,\n fontSize: 36,\n borderRadius: '50%',\n },\n xxl: {\n width: 120,\n height: 120,\n fontSize: 36,\n borderRadius: '50%',\n },\n xl: {\n width: 120,\n height: 120,\n fontSize: 36,\n borderRadius: '50%',\n },\n l: {\n width: 68,\n height: 68,\n fontSize: 24,\n borderRadius: '50%',\n },\n m: {\n width: 52,\n height: 52,\n fontSize: 12,\n borderRadius: '50%',\n },\n s: {\n width: 40,\n height: 40,\n fontSize: 12,\n borderRadius: '50%',\n },\n xs: {\n width: 32,\n height: 32,\n fontSize: 12,\n borderRadius: '50%',\n },\n xxs: {\n width: 32,\n height: 32,\n fontSize: 12,\n borderRadius: '50%',\n },\n xxxs: {\n width: 32,\n height: 32,\n fontSize: 12,\n borderRadius: '50%',\n },\n xxxxs: {\n width: 32,\n height: 32,\n fontSize: 12,\n borderRadius: '50%',\n },\n}\n\nexport const SIZES: Record<Size, CSSProperties> = {\n xxxl: {\n width: 120,\n height: 120,\n fontSize: 36,\n borderRadius: '50%',\n },\n xxl: {\n width: 68,\n height: 68,\n fontSize: 24,\n borderRadius: '50%',\n },\n xl: {\n width: 52,\n height: 52,\n fontSize: 18,\n borderRadius: '50%',\n },\n l: {\n width: 48,\n height: 48,\n fontSize: 16,\n borderRadius: '50%',\n },\n m: {\n width: 40,\n height: 40,\n fontSize: 14,\n borderRadius: '50%',\n },\n s: {\n width: 32,\n height: 32,\n fontSize: 11,\n borderRadius: '50%',\n },\n xs: {\n width: 28,\n height: 28,\n fontSize: 12,\n borderRadius: '50%',\n },\n xxs: {\n width: 24,\n height: 24,\n fontSize: 10,\n borderRadius: '50%',\n },\n xxxs: {\n width: 20,\n height: 20,\n fontSize: 8,\n borderRadius: '50%',\n },\n xxxxs: {\n width: 18,\n height: 18,\n fontSize: 7,\n borderRadius: '50%',\n },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n xxxl: {\n width: 120,\n height: 120,\n fontSize: 36,\n borderRadius: 24,\n },\n xxl: {\n width: 68,\n height: 68,\n fontSize: 24,\n borderRadius: 14,\n },\n xl: {\n width: 52,\n height: 52,\n fontSize: 18,\n borderRadius: 11,\n },\n l: {\n width: 48,\n height: 48,\n fontSize: 16,\n borderRadius: 10,\n },\n m: {\n width: 40,\n height: 40,\n fontSize: 14,\n borderRadius: 8,\n },\n s: {\n width: 32,\n height: 32,\n fontSize: 12,\n borderRadius: 7,\n },\n xs: {\n width: 28,\n height: 28,\n fontSize: 11,\n borderRadius: 6,\n },\n xxs: {\n width: 24,\n height: 24,\n fontSize: 10,\n borderRadius: 5,\n },\n xxxs: {\n width: 20,\n height: 20,\n fontSize: 8,\n borderRadius: 4,\n },\n xxxxs: {\n width: 18,\n height: 18,\n fontSize: 7,\n borderRadius: 3,\n },\n}\n"],"names":["SIZES_MAPPING_RULES","l","m","sm","SIZES_DEFAULT","xxxl","width","height","fontSize","borderRadius","xxl","xl","s","xs","xxs","xxxs","xxxxs","SIZES","SIZES_SQUARE"],"mappings":"AAGO,MAAMA,oBAA4C,CAAEC,EAAG,KAAMC,EAAG,IAAKC,GAAI,KAEzE,MAAMC,cAA6C,CACxDC,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBR,EAAG,CACDK,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBP,EAAG,CACDI,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,GAAI,CACFP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,IAAK,CACHR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,KAAM,CACJT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBO,MAAO,CACLV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,QAIX,MAAMQ,MAAqC,CAChDZ,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBR,EAAG,CACDK,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBP,EAAG,CACDI,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,GAAI,CACFP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,IAAK,CACHR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,KAAM,CACJT,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,OAEhBO,MAAO,CACLV,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,QAIX,MAAMS,aAA4C,CACvDb,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,IAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,IAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,IAEhBR,EAAG,CACDK,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,IAEhBP,EAAG,CACDI,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBI,GAAI,CACFP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBK,IAAK,CACHR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBM,KAAM,CACJT,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,GAEhBO,MAAO,CACLV,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
'use strict';var constants=require('../Indicator/constants.js');require('../Indicator/Indicator.js');var
|
|
1
|
+
'use strict';var constants=require('../Indicator/constants.js');require('../Indicator/Indicator.js');var sizes=require('../Avatar/sizes.js');require('../Avatar/Avatar.js');var sizes$1=require('../IconButton/sizes.js');const SIZES_CHIP_INDICATOR={xxl:constants.SIZES_SQUARE.l,xl:constants.SIZES_SQUARE.l,l:constants.SIZES_SQUARE.m,m:constants.SIZES_SQUARE.m,s:constants.SIZES_SQUARE.s,xs:constants.SIZES_SQUARE.s};const SIZES_CHIP_AVATAR={xxl:sizes.SIZES.xs,xl:sizes.SIZES.xs,l:sizes.SIZES.xxs,m:sizes.SIZES.xxs,s:sizes.SIZES.xxxs,xs:sizes.SIZES.xxxs};const SIZES_CHIP_AVATAR_SQUARE={xxl:sizes.SIZES_SQUARE.xs,xl:sizes.SIZES_SQUARE.xs,l:sizes.SIZES_SQUARE.xxs,m:sizes.SIZES_SQUARE.xxs,s:sizes.SIZES_SQUARE.xxxs,xs:sizes.SIZES_SQUARE.xxxs};const SIZES_DISCARD_BUTTON={xxl:sizes$1.SIZES.l,xl:sizes$1.SIZES.l,l:sizes$1.SIZES.m,m:sizes$1.SIZES.m,s:sizes$1.SIZES.s,xs:sizes$1.SIZES.s};const SIZES_DISCARD_BUTTON_SQUARE={xxl:sizes$1.SIZES_SQUARE.l,xl:sizes$1.SIZES_SQUARE.l,l:sizes$1.SIZES_SQUARE.m,m:sizes$1.SIZES_SQUARE.m,s:sizes$1.SIZES_SQUARE.s,xs:sizes$1.SIZES_SQUARE.s};exports.SIZES={xxl:{fontSize:18,width:'max-content',minHeight:56,padding:'12px 14px',borderRadius:12},xl:{fontSize:18,width:'max-content',minHeight:48,padding:'8px 10px',borderRadius:10},l:{fontSize:16,width:'max-content',minHeight:40,padding:'6px 8px',borderRadius:8},m:{fontSize:16,width:'max-content',minHeight:36,padding:'4px 6px',borderRadius:8},s:{fontSize:14,width:'max-content',minHeight:32,padding:'4px 6px',borderRadius:7},xs:{fontSize:14,width:'max-content',minHeight:28,padding:'2px 4px',borderRadius:6}},exports.SIZES_CHIP_AVATAR=SIZES_CHIP_AVATAR,exports.SIZES_CHIP_AVATAR_SQUARE=SIZES_CHIP_AVATAR_SQUARE,exports.SIZES_CHIP_INDICATOR=SIZES_CHIP_INDICATOR,exports.SIZES_DISCARD_BUTTON=SIZES_DISCARD_BUTTON,exports.SIZES_DISCARD_BUTTON_SQUARE=SIZES_DISCARD_BUTTON_SQUARE,exports.SIZES_ICON={xxl:{fontSize:24},xl:{fontSize:24},l:{fontSize:20},m:{fontSize:20},s:{fontSize:16},xs:{fontSize:16}};
|
|
2
2
|
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.js","sources":["../../../../src/components/Chip/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_SQUARE as SIZES_INDICATOR } from 'components/Indicator'\nimport { SIZES as SIZES_AVATAR, SIZES_SQUARE as SIZES_AVATAR_SQUARE } from 'components/Avatar'\nimport { SIZES as SIZES_ICON_BUTTON, SIZES_SQUARE as SIZES_ICON_BUTTON_SQUARE } from 'components/IconButton'\nimport type { ChipSize } from './types'\n\nexport const SIZES: Record<ChipSize, CSSProperties> = {\n xxl: {\n fontSize: 18,\n width: 'max-content',\n minHeight: 56,\n padding: '12px 14px',\n borderRadius: 12,\n },\n xl: {\n fontSize: 18,\n width: 'max-content',\n minHeight: 48,\n padding: '8px 10px',\n borderRadius: 10,\n },\n l: {\n fontSize: 16,\n width: 'max-content',\n minHeight: 40,\n padding: '6px 8px',\n borderRadius: 8,\n },\n m: {\n fontSize: 16,\n width: 'max-content',\n minHeight: 36,\n padding: '4px 6px',\n borderRadius: 8,\n },\n s: {\n fontSize: 14,\n width: 'max-content',\n minHeight: 32,\n padding: '4px 6px',\n borderRadius: 7,\n },\n xs: {\n fontSize: 14,\n width: 'max-content',\n minHeight: 28,\n padding: '2px 4px',\n borderRadius: 6,\n },\n}\n\nexport const SIZES_ICON: Record<ChipSize, CSSProperties> = {\n xxl: { fontSize: 24 },\n xl: { fontSize: 24 },\n l: { fontSize: 20 },\n m: { fontSize: 20 },\n s: { fontSize: 16 },\n xs: { fontSize: 16 },\n}\n\nexport const SIZES_CHIP_INDICATOR: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_INDICATOR.l,\n xl: SIZES_INDICATOR.l,\n l: SIZES_INDICATOR.m,\n m: SIZES_INDICATOR.m,\n s: SIZES_INDICATOR.s,\n xs: SIZES_INDICATOR.s,\n}\n\nexport const SIZES_CHIP_AVATAR: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_AVATAR.xs,\n xl: SIZES_AVATAR.xs,\n l: SIZES_AVATAR.xxs,\n m: SIZES_AVATAR.xxs,\n s: SIZES_AVATAR.xxxs,\n xs: SIZES_AVATAR.xxxs,\n}\n\nexport const SIZES_CHIP_AVATAR_SQUARE: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_AVATAR_SQUARE.xs,\n xl: SIZES_AVATAR_SQUARE.xs,\n l: SIZES_AVATAR_SQUARE.xxs,\n m: SIZES_AVATAR_SQUARE.xxs,\n s: SIZES_AVATAR_SQUARE.xxxs,\n xs: SIZES_AVATAR_SQUARE.xxxs,\n}\n\nexport const SIZES_DISCARD_BUTTON: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_ICON_BUTTON.l,\n xl: SIZES_ICON_BUTTON.l,\n l: SIZES_ICON_BUTTON.m,\n m: SIZES_ICON_BUTTON.m,\n s: SIZES_ICON_BUTTON.s,\n xs: SIZES_ICON_BUTTON.s,\n}\n\nexport const SIZES_DISCARD_BUTTON_SQUARE: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_ICON_BUTTON_SQUARE.l,\n xl: SIZES_ICON_BUTTON_SQUARE.l,\n l: SIZES_ICON_BUTTON_SQUARE.m,\n m: SIZES_ICON_BUTTON_SQUARE.m,\n s: SIZES_ICON_BUTTON_SQUARE.s,\n xs: SIZES_ICON_BUTTON_SQUARE.s,\n}\n"],"names":["SIZES_CHIP_INDICATOR","xxl","SIZES_INDICATOR","SIZES_SQUARE","l","xl","m","s","xs","SIZES_CHIP_AVATAR","SIZES_AVATAR","SIZES","xxs","xxxs","SIZES_CHIP_AVATAR_SQUARE","SIZES_AVATAR_SQUARE","SIZES_DISCARD_BUTTON","SIZES_ICON_BUTTON","SIZES_DISCARD_BUTTON_SQUARE","SIZES_ICON_BUTTON_SQUARE","fontSize","width","minHeight","padding","borderRadius"],"mappings":"
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../../src/components/Chip/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_SQUARE as SIZES_INDICATOR } from 'components/Indicator'\nimport { SIZES as SIZES_AVATAR, SIZES_SQUARE as SIZES_AVATAR_SQUARE } from 'components/Avatar'\nimport { SIZES as SIZES_ICON_BUTTON, SIZES_SQUARE as SIZES_ICON_BUTTON_SQUARE } from 'components/IconButton'\nimport type { ChipSize } from './types'\n\nexport const SIZES: Record<ChipSize, CSSProperties> = {\n xxl: {\n fontSize: 18,\n width: 'max-content',\n minHeight: 56,\n padding: '12px 14px',\n borderRadius: 12,\n },\n xl: {\n fontSize: 18,\n width: 'max-content',\n minHeight: 48,\n padding: '8px 10px',\n borderRadius: 10,\n },\n l: {\n fontSize: 16,\n width: 'max-content',\n minHeight: 40,\n padding: '6px 8px',\n borderRadius: 8,\n },\n m: {\n fontSize: 16,\n width: 'max-content',\n minHeight: 36,\n padding: '4px 6px',\n borderRadius: 8,\n },\n s: {\n fontSize: 14,\n width: 'max-content',\n minHeight: 32,\n padding: '4px 6px',\n borderRadius: 7,\n },\n xs: {\n fontSize: 14,\n width: 'max-content',\n minHeight: 28,\n padding: '2px 4px',\n borderRadius: 6,\n },\n}\n\nexport const SIZES_ICON: Record<ChipSize, CSSProperties> = {\n xxl: { fontSize: 24 },\n xl: { fontSize: 24 },\n l: { fontSize: 20 },\n m: { fontSize: 20 },\n s: { fontSize: 16 },\n xs: { fontSize: 16 },\n}\n\nexport const SIZES_CHIP_INDICATOR: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_INDICATOR.l,\n xl: SIZES_INDICATOR.l,\n l: SIZES_INDICATOR.m,\n m: SIZES_INDICATOR.m,\n s: SIZES_INDICATOR.s,\n xs: SIZES_INDICATOR.s,\n}\n\nexport const SIZES_CHIP_AVATAR: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_AVATAR.xs,\n xl: SIZES_AVATAR.xs,\n l: SIZES_AVATAR.xxs,\n m: SIZES_AVATAR.xxs,\n s: SIZES_AVATAR.xxxs,\n xs: SIZES_AVATAR.xxxs,\n}\n\nexport const SIZES_CHIP_AVATAR_SQUARE: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_AVATAR_SQUARE.xs,\n xl: SIZES_AVATAR_SQUARE.xs,\n l: SIZES_AVATAR_SQUARE.xxs,\n m: SIZES_AVATAR_SQUARE.xxs,\n s: SIZES_AVATAR_SQUARE.xxxs,\n xs: SIZES_AVATAR_SQUARE.xxxs,\n}\n\nexport const SIZES_DISCARD_BUTTON: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_ICON_BUTTON.l,\n xl: SIZES_ICON_BUTTON.l,\n l: SIZES_ICON_BUTTON.m,\n m: SIZES_ICON_BUTTON.m,\n s: SIZES_ICON_BUTTON.s,\n xs: SIZES_ICON_BUTTON.s,\n}\n\nexport const SIZES_DISCARD_BUTTON_SQUARE: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_ICON_BUTTON_SQUARE.l,\n xl: SIZES_ICON_BUTTON_SQUARE.l,\n l: SIZES_ICON_BUTTON_SQUARE.m,\n m: SIZES_ICON_BUTTON_SQUARE.m,\n s: SIZES_ICON_BUTTON_SQUARE.s,\n xs: SIZES_ICON_BUTTON_SQUARE.s,\n}\n"],"names":["SIZES_CHIP_INDICATOR","xxl","SIZES_INDICATOR","SIZES_SQUARE","l","xl","m","s","xs","SIZES_CHIP_AVATAR","SIZES_AVATAR","SIZES","xxs","xxxs","SIZES_CHIP_AVATAR_SQUARE","SIZES_AVATAR_SQUARE","SIZES_DISCARD_BUTTON","SIZES_ICON_BUTTON","SIZES_DISCARD_BUTTON_SQUARE","SIZES_ICON_BUTTON_SQUARE","fontSize","width","minHeight","padding","borderRadius"],"mappings":"0NA4DO,MAAMA,qBAAwD,CACnEC,IAAKC,UAAeC,aAACC,EACrBC,GAAIH,UAAeC,aAACC,EACpBA,EAAGF,UAAeC,aAACG,EACnBA,EAAGJ,UAAeC,aAACG,EACnBC,EAAGL,UAAeC,aAACI,EACnBC,GAAIN,UAAeC,aAACI,GAGf,MAAME,kBAAqD,CAChER,IAAKS,MAAYC,MAACH,GAClBH,GAAIK,MAAYC,MAACH,GACjBJ,EAAGM,MAAYC,MAACC,IAChBN,EAAGI,MAAYC,MAACC,IAChBL,EAAGG,MAAYC,MAACE,KAChBL,GAAIE,MAAYC,MAACE,MAGZ,MAAMC,yBAA4D,CACvEb,IAAKc,MAAmBZ,aAACK,GACzBH,GAAIU,MAAmBZ,aAACK,GACxBJ,EAAGW,MAAmBZ,aAACS,IACvBN,EAAGS,MAAmBZ,aAACS,IACvBL,EAAGQ,MAAmBZ,aAACU,KACvBL,GAAIO,MAAmBZ,aAACU,MAGnB,MAAMG,qBAAwD,CACnEf,IAAKgB,QAAiBN,MAACP,EACvBC,GAAIY,QAAiBN,MAACP,EACtBA,EAAGa,QAAiBN,MAACL,EACrBA,EAAGW,QAAiBN,MAACL,EACrBC,EAAGU,QAAiBN,MAACJ,EACrBC,GAAIS,QAAiBN,MAACJ,GAGjB,MAAMW,4BAA+D,CAC1EjB,IAAKkB,QAAwBhB,aAACC,EAC9BC,GAAIc,QAAwBhB,aAACC,EAC7BA,EAAGe,QAAwBhB,aAACG,EAC5BA,EAAGa,QAAwBhB,aAACG,EAC5BC,EAAGY,QAAwBhB,aAACI,EAC5BC,GAAIW,QAAwBhB,aAACI,iBAhGuB,CACpDN,IAAK,CACHmB,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,YACTC,aAAc,IAEhBnB,GAAI,CACFe,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,WACTC,aAAc,IAEhBpB,EAAG,CACDgB,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,UACTC,aAAc,GAEhBlB,EAAG,CACDc,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,UACTC,aAAc,GAEhBjB,EAAG,CACDa,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,UACTC,aAAc,GAEhBhB,GAAI,CACFY,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,UACTC,aAAc,iSAIyC,CACzDvB,IAAK,CAAEmB,SAAU,IACjBf,GAAI,CAAEe,SAAU,IAChBhB,EAAG,CAAEgB,SAAU,IACfd,EAAG,CAAEc,SAAU,IACfb,EAAG,CAAEa,SAAU,IACfZ,GAAI,CAAEY,SAAU"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{SIZES_SQUARE}from'../Indicator/constants.mjs';import'../Indicator/Indicator.mjs';import{SIZES as SIZES$1,SIZES_SQUARE as SIZES_SQUARE$1}from'../Avatar/
|
|
1
|
+
import{SIZES_SQUARE}from'../Indicator/constants.mjs';import'../Indicator/Indicator.mjs';import{SIZES as SIZES$1,SIZES_SQUARE as SIZES_SQUARE$1}from'../Avatar/sizes.mjs';import'../Avatar/Avatar.mjs';import{SIZES as SIZES$2,SIZES_SQUARE as SIZES_SQUARE$2}from'../IconButton/sizes.mjs';const SIZES={xxl:{fontSize:18,width:'max-content',minHeight:56,padding:'12px 14px',borderRadius:12},xl:{fontSize:18,width:'max-content',minHeight:48,padding:'8px 10px',borderRadius:10},l:{fontSize:16,width:'max-content',minHeight:40,padding:'6px 8px',borderRadius:8},m:{fontSize:16,width:'max-content',minHeight:36,padding:'4px 6px',borderRadius:8},s:{fontSize:14,width:'max-content',minHeight:32,padding:'4px 6px',borderRadius:7},xs:{fontSize:14,width:'max-content',minHeight:28,padding:'2px 4px',borderRadius:6}};const SIZES_ICON={xxl:{fontSize:24},xl:{fontSize:24},l:{fontSize:20},m:{fontSize:20},s:{fontSize:16},xs:{fontSize:16}};const SIZES_CHIP_INDICATOR={xxl:SIZES_SQUARE.l,xl:SIZES_SQUARE.l,l:SIZES_SQUARE.m,m:SIZES_SQUARE.m,s:SIZES_SQUARE.s,xs:SIZES_SQUARE.s};const SIZES_CHIP_AVATAR={xxl:SIZES$1.xs,xl:SIZES$1.xs,l:SIZES$1.xxs,m:SIZES$1.xxs,s:SIZES$1.xxxs,xs:SIZES$1.xxxs};const SIZES_CHIP_AVATAR_SQUARE={xxl:SIZES_SQUARE$1.xs,xl:SIZES_SQUARE$1.xs,l:SIZES_SQUARE$1.xxs,m:SIZES_SQUARE$1.xxs,s:SIZES_SQUARE$1.xxxs,xs:SIZES_SQUARE$1.xxxs};const SIZES_DISCARD_BUTTON={xxl:SIZES$2.l,xl:SIZES$2.l,l:SIZES$2.m,m:SIZES$2.m,s:SIZES$2.s,xs:SIZES$2.s};const SIZES_DISCARD_BUTTON_SQUARE={xxl:SIZES_SQUARE$2.l,xl:SIZES_SQUARE$2.l,l:SIZES_SQUARE$2.m,m:SIZES_SQUARE$2.m,s:SIZES_SQUARE$2.s,xs:SIZES_SQUARE$2.s};export{SIZES,SIZES_CHIP_AVATAR,SIZES_CHIP_AVATAR_SQUARE,SIZES_CHIP_INDICATOR,SIZES_DISCARD_BUTTON,SIZES_DISCARD_BUTTON_SQUARE,SIZES_ICON};
|
|
2
2
|
//# sourceMappingURL=constants.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Chip/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_SQUARE as SIZES_INDICATOR } from 'components/Indicator'\nimport { SIZES as SIZES_AVATAR, SIZES_SQUARE as SIZES_AVATAR_SQUARE } from 'components/Avatar'\nimport { SIZES as SIZES_ICON_BUTTON, SIZES_SQUARE as SIZES_ICON_BUTTON_SQUARE } from 'components/IconButton'\nimport type { ChipSize } from './types'\n\nexport const SIZES: Record<ChipSize, CSSProperties> = {\n xxl: {\n fontSize: 18,\n width: 'max-content',\n minHeight: 56,\n padding: '12px 14px',\n borderRadius: 12,\n },\n xl: {\n fontSize: 18,\n width: 'max-content',\n minHeight: 48,\n padding: '8px 10px',\n borderRadius: 10,\n },\n l: {\n fontSize: 16,\n width: 'max-content',\n minHeight: 40,\n padding: '6px 8px',\n borderRadius: 8,\n },\n m: {\n fontSize: 16,\n width: 'max-content',\n minHeight: 36,\n padding: '4px 6px',\n borderRadius: 8,\n },\n s: {\n fontSize: 14,\n width: 'max-content',\n minHeight: 32,\n padding: '4px 6px',\n borderRadius: 7,\n },\n xs: {\n fontSize: 14,\n width: 'max-content',\n minHeight: 28,\n padding: '2px 4px',\n borderRadius: 6,\n },\n}\n\nexport const SIZES_ICON: Record<ChipSize, CSSProperties> = {\n xxl: { fontSize: 24 },\n xl: { fontSize: 24 },\n l: { fontSize: 20 },\n m: { fontSize: 20 },\n s: { fontSize: 16 },\n xs: { fontSize: 16 },\n}\n\nexport const SIZES_CHIP_INDICATOR: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_INDICATOR.l,\n xl: SIZES_INDICATOR.l,\n l: SIZES_INDICATOR.m,\n m: SIZES_INDICATOR.m,\n s: SIZES_INDICATOR.s,\n xs: SIZES_INDICATOR.s,\n}\n\nexport const SIZES_CHIP_AVATAR: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_AVATAR.xs,\n xl: SIZES_AVATAR.xs,\n l: SIZES_AVATAR.xxs,\n m: SIZES_AVATAR.xxs,\n s: SIZES_AVATAR.xxxs,\n xs: SIZES_AVATAR.xxxs,\n}\n\nexport const SIZES_CHIP_AVATAR_SQUARE: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_AVATAR_SQUARE.xs,\n xl: SIZES_AVATAR_SQUARE.xs,\n l: SIZES_AVATAR_SQUARE.xxs,\n m: SIZES_AVATAR_SQUARE.xxs,\n s: SIZES_AVATAR_SQUARE.xxxs,\n xs: SIZES_AVATAR_SQUARE.xxxs,\n}\n\nexport const SIZES_DISCARD_BUTTON: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_ICON_BUTTON.l,\n xl: SIZES_ICON_BUTTON.l,\n l: SIZES_ICON_BUTTON.m,\n m: SIZES_ICON_BUTTON.m,\n s: SIZES_ICON_BUTTON.s,\n xs: SIZES_ICON_BUTTON.s,\n}\n\nexport const SIZES_DISCARD_BUTTON_SQUARE: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_ICON_BUTTON_SQUARE.l,\n xl: SIZES_ICON_BUTTON_SQUARE.l,\n l: SIZES_ICON_BUTTON_SQUARE.m,\n m: SIZES_ICON_BUTTON_SQUARE.m,\n s: SIZES_ICON_BUTTON_SQUARE.s,\n xs: SIZES_ICON_BUTTON_SQUARE.s,\n}\n"],"names":["SIZES","xxl","fontSize","width","minHeight","padding","borderRadius","xl","l","m","s","xs","SIZES_ICON","SIZES_CHIP_INDICATOR","SIZES_INDICATOR","SIZES_CHIP_AVATAR","SIZES_AVATAR","xxs","xxxs","SIZES_CHIP_AVATAR_SQUARE","SIZES_AVATAR_SQUARE","SIZES_DISCARD_BUTTON","SIZES_ICON_BUTTON","SIZES_DISCARD_BUTTON_SQUARE","SIZES_ICON_BUTTON_SQUARE"],"mappings":"
|
|
1
|
+
{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Chip/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_SQUARE as SIZES_INDICATOR } from 'components/Indicator'\nimport { SIZES as SIZES_AVATAR, SIZES_SQUARE as SIZES_AVATAR_SQUARE } from 'components/Avatar'\nimport { SIZES as SIZES_ICON_BUTTON, SIZES_SQUARE as SIZES_ICON_BUTTON_SQUARE } from 'components/IconButton'\nimport type { ChipSize } from './types'\n\nexport const SIZES: Record<ChipSize, CSSProperties> = {\n xxl: {\n fontSize: 18,\n width: 'max-content',\n minHeight: 56,\n padding: '12px 14px',\n borderRadius: 12,\n },\n xl: {\n fontSize: 18,\n width: 'max-content',\n minHeight: 48,\n padding: '8px 10px',\n borderRadius: 10,\n },\n l: {\n fontSize: 16,\n width: 'max-content',\n minHeight: 40,\n padding: '6px 8px',\n borderRadius: 8,\n },\n m: {\n fontSize: 16,\n width: 'max-content',\n minHeight: 36,\n padding: '4px 6px',\n borderRadius: 8,\n },\n s: {\n fontSize: 14,\n width: 'max-content',\n minHeight: 32,\n padding: '4px 6px',\n borderRadius: 7,\n },\n xs: {\n fontSize: 14,\n width: 'max-content',\n minHeight: 28,\n padding: '2px 4px',\n borderRadius: 6,\n },\n}\n\nexport const SIZES_ICON: Record<ChipSize, CSSProperties> = {\n xxl: { fontSize: 24 },\n xl: { fontSize: 24 },\n l: { fontSize: 20 },\n m: { fontSize: 20 },\n s: { fontSize: 16 },\n xs: { fontSize: 16 },\n}\n\nexport const SIZES_CHIP_INDICATOR: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_INDICATOR.l,\n xl: SIZES_INDICATOR.l,\n l: SIZES_INDICATOR.m,\n m: SIZES_INDICATOR.m,\n s: SIZES_INDICATOR.s,\n xs: SIZES_INDICATOR.s,\n}\n\nexport const SIZES_CHIP_AVATAR: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_AVATAR.xs,\n xl: SIZES_AVATAR.xs,\n l: SIZES_AVATAR.xxs,\n m: SIZES_AVATAR.xxs,\n s: SIZES_AVATAR.xxxs,\n xs: SIZES_AVATAR.xxxs,\n}\n\nexport const SIZES_CHIP_AVATAR_SQUARE: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_AVATAR_SQUARE.xs,\n xl: SIZES_AVATAR_SQUARE.xs,\n l: SIZES_AVATAR_SQUARE.xxs,\n m: SIZES_AVATAR_SQUARE.xxs,\n s: SIZES_AVATAR_SQUARE.xxxs,\n xs: SIZES_AVATAR_SQUARE.xxxs,\n}\n\nexport const SIZES_DISCARD_BUTTON: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_ICON_BUTTON.l,\n xl: SIZES_ICON_BUTTON.l,\n l: SIZES_ICON_BUTTON.m,\n m: SIZES_ICON_BUTTON.m,\n s: SIZES_ICON_BUTTON.s,\n xs: SIZES_ICON_BUTTON.s,\n}\n\nexport const SIZES_DISCARD_BUTTON_SQUARE: Record<ChipSize, CSSProperties> = {\n xxl: SIZES_ICON_BUTTON_SQUARE.l,\n xl: SIZES_ICON_BUTTON_SQUARE.l,\n l: SIZES_ICON_BUTTON_SQUARE.m,\n m: SIZES_ICON_BUTTON_SQUARE.m,\n s: SIZES_ICON_BUTTON_SQUARE.s,\n xs: SIZES_ICON_BUTTON_SQUARE.s,\n}\n"],"names":["SIZES","xxl","fontSize","width","minHeight","padding","borderRadius","xl","l","m","s","xs","SIZES_ICON","SIZES_CHIP_INDICATOR","SIZES_INDICATOR","SIZES_CHIP_AVATAR","SIZES_AVATAR","xxs","xxxs","SIZES_CHIP_AVATAR_SQUARE","SIZES_AVATAR_SQUARE","SIZES_DISCARD_BUTTON","SIZES_ICON_BUTTON","SIZES_DISCARD_BUTTON_SQUARE","SIZES_ICON_BUTTON_SQUARE"],"mappings":"2RAMO,MAAMA,MAAyC,CACpDC,IAAK,CACHC,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,YACTC,aAAc,IAEhBC,GAAI,CACFL,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,WACTC,aAAc,IAEhBE,EAAG,CACDN,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,UACTC,aAAc,GAEhBG,EAAG,CACDP,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,UACTC,aAAc,GAEhBI,EAAG,CACDR,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,UACTC,aAAc,GAEhBK,GAAI,CACFT,SAAU,GACVC,MAAO,cACPC,UAAW,GACXC,QAAS,UACTC,aAAc,IAIX,MAAMM,WAA8C,CACzDX,IAAK,CAAEC,SAAU,IACjBK,GAAI,CAAEL,SAAU,IAChBM,EAAG,CAAEN,SAAU,IACfO,EAAG,CAAEP,SAAU,IACfQ,EAAG,CAAER,SAAU,IACfS,GAAI,CAAET,SAAU,KAGX,MAAMW,qBAAwD,CACnEZ,IAAKa,aAAgBN,EACrBD,GAAIO,aAAgBN,EACpBA,EAAGM,aAAgBL,EACnBA,EAAGK,aAAgBL,EACnBC,EAAGI,aAAgBJ,EACnBC,GAAIG,aAAgBJ,GAGf,MAAMK,kBAAqD,CAChEd,IAAKe,QAAaL,GAClBJ,GAAIS,QAAaL,GACjBH,EAAGQ,QAAaC,IAChBR,EAAGO,QAAaC,IAChBP,EAAGM,QAAaE,KAChBP,GAAIK,QAAaE,MAGZ,MAAMC,yBAA4D,CACvElB,IAAKmB,eAAoBT,GACzBJ,GAAIa,eAAoBT,GACxBH,EAAGY,eAAoBH,IACvBR,EAAGW,eAAoBH,IACvBP,EAAGU,eAAoBF,KACvBP,GAAIS,eAAoBF,MAGnB,MAAMG,qBAAwD,CACnEpB,IAAKqB,QAAkBd,EACvBD,GAAIe,QAAkBd,EACtBA,EAAGc,QAAkBb,EACrBA,EAAGa,QAAkBb,EACrBC,EAAGY,QAAkBZ,EACrBC,GAAIW,QAAkBZ,GAGjB,MAAMa,4BAA+D,CAC1EtB,IAAKuB,eAAyBhB,EAC9BD,GAAIiB,eAAyBhB,EAC7BA,EAAGgB,eAAyBf,EAC5BA,EAAGe,eAAyBf,EAC5BC,EAAGc,eAAyBd,EAC5BC,GAAIa,eAAyBd"}
|