@cleartrip/ct-design-chip 4.0.0-SNAPSHOT-rnfinaltest31.0 → 4.0.0-SNAPSHOT-rnfinaltest34.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/dist/Chip.d.ts +2 -1
- package/dist/Chip.d.ts.map +1 -1
- package/dist/Chip.native.d.ts +2 -2
- package/dist/Chip.native.d.ts.map +1 -1
- package/dist/ct-design-chip.browser.cjs.js +1 -16
- package/dist/ct-design-chip.browser.cjs.js.map +1 -1
- package/dist/ct-design-chip.browser.esm.js +1 -16
- package/dist/ct-design-chip.browser.esm.js.map +1 -1
- package/dist/ct-design-chip.cjs.js +152 -203
- package/dist/ct-design-chip.cjs.js.map +1 -1
- package/dist/ct-design-chip.esm.js +149 -205
- package/dist/ct-design-chip.esm.js.map +1 -1
- package/dist/ct-design-chip.umd.js +146 -2181
- package/dist/ct-design-chip.umd.js.map +1 -1
- package/dist/style.d.ts +20 -162
- package/dist/style.d.ts.map +1 -1
- package/dist/type.d.ts +0 -5
- package/dist/type.d.ts.map +1 -1
- package/package.json +9 -9
- package/src/Chip.native.tsx +24 -14
- package/src/Chip.tsx +189 -140
- package/src/style.ts +46 -240
- package/src/type.ts +1 -11
package/dist/Chip.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import { ContainerRef } from '@cleartrip/ct-design-container';
|
|
2
3
|
import { IChipProps } from './type';
|
|
3
|
-
declare const Chip:
|
|
4
|
+
declare const Chip: React.ForwardRefExoticComponent<IChipProps & React.RefAttributes<ContainerRef>>;
|
|
4
5
|
export default Chip;
|
|
5
6
|
//# sourceMappingURL=Chip.d.ts.map
|
package/dist/Chip.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../packages/components/Chip/src/Chip.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../packages/components/Chip/src/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAa,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAQzE,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AA4EpC,QAAA,MAAM,IAAI,iFAwJT,CAAC;AAIF,eAAe,IAAI,CAAC"}
|
package/dist/Chip.native.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { ContainerRef } from '@cleartrip/ct-design-container';
|
|
3
3
|
import { IChipProps } from './type';
|
|
4
|
-
declare const Chip: React.ForwardRefExoticComponent<IChipProps & React.RefAttributes<
|
|
4
|
+
declare const Chip: React.ForwardRefExoticComponent<IChipProps & React.RefAttributes<ContainerRef>>;
|
|
5
5
|
export default Chip;
|
|
6
6
|
//# sourceMappingURL=Chip.native.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.native.d.ts","sourceRoot":"","sources":["../packages/components/Chip/src/Chip.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Chip.native.d.ts","sourceRoot":"","sources":["../packages/components/Chip/src/Chip.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAGnD,OAAO,EAAa,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAQzE,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AA4EpC,QAAA,MAAM,IAAI,iFAwJT,CAAC;AAIF,eAAe,IAAI,CAAC"}
|
|
@@ -1,17 +1,2 @@
|
|
|
1
|
-
"use strict";var e
|
|
2
|
-
0% { transform: translateX(-50%); opacity:1}
|
|
3
|
-
80% {opacity: 0.3}
|
|
4
|
-
100% { transform: translateX(400%); opacity:0}
|
|
5
|
-
`,b=p.css`
|
|
6
|
-
position: absolute;
|
|
7
|
-
display: inline-flex;
|
|
8
|
-
top: -14px;
|
|
9
|
-
left: 0;
|
|
10
|
-
opacity: 5;
|
|
11
|
-
overflow: hidden;
|
|
12
|
-
animation-name: ${C};
|
|
13
|
-
animation-duration: 5s;
|
|
14
|
-
animation-iteration-count: 2;
|
|
15
|
-
animation-fill-mode: forwards;
|
|
16
|
-
`,y=({children:e})=>d.jsx("div",{className:b,children:e}),x=e=>n.jsxs("svg",Object.assign({width:"50",height:"50",viewBox:"0 0 69 98",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e,{children:[n.jsx("g",{opacity:"1",filter:"url(#filter0_f_13505_53133)",children:n.jsx("rect",{x:"43",y:"16.6328",width:"10.541",height:"66",transform:"rotate(24 43 16.6328)",fill:"white"})}),n.jsx("defs",{children:n.jsxs("filter",{id:"filter0_f_13505_53133",x:"0.15625",y:"0.632812",width:"68.4727",height:"96.5813",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[n.jsx("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),n.jsx("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),n.jsx("feGaussianBlur",{stdDeviation:"8",result:"effect1_foregroundBlur_13505_53133"})]})})]})),m=r.forwardRef(({id:e,label:i="",labelVariant:r="B2",showIcon:d=!1,iconPosition:p=c.IconPosition.LEFT,Icon:C=null,prefixIcon:b,suffixIcon:m,topIcon:j,showCounter:I=!1,count:w=0,isDismissible:v=!1,isSelected:S=!1,isDisabled:T=!1,disabled:L,onClick:D,onDismiss:O,borderWidth:k="md",variant:P=exports.ChipVariant.DEFAULT,size:A=exports.ChipSizeType.SMALL,styleConfig:B,crossIconProps:z,showShimmerAnimation:q=!1},E)=>{const R=s.useTheme(),_=T||!0===L,{relativeContainer:F=[],root:V=[],chipContainer:G=[],prefixIconContainer:W=[],suffixIconContainer:U=[],topIconContainer:M=[],labelContainer:N=[],labelTypography:X,crossContainer:H=[],counterContainer:$=[],counter:J=[],counterTypography:K}=B||{},Q=null!=j?j:d&&p===c.IconPosition.TOP?C:null,Y=null!=b?b:d&&p===c.IconPosition.LEFT&&!Q?C:null,Z=null!=m?m:d&&p===c.IconPosition.RIGHT?C:null,ee=Boolean(Q),ie=t.useStyles(e=>({root:Object.assign(Object.assign({},h({theme:e,size:A,isSelected:S,isDisabled:_,showTopIcon:ee,borderWidth:k,variant:P})),ee?f(e):{})}),[A,S,_,ee,k,P]),ne=function({theme:e,variant:i,isSelected:n,isDisabled:r}){return i===exports.ChipVariant.GRADIENT?e.color.text.success:r?e.color.chip.disabledPrimaryLabel:n?e.color.chip.selectedPrimaryLabel:e.color.chip.nonSelectedPrimaryLabel}({theme:R,variant:P,isSelected:S,isDisabled:_}),re={backgroundColor:R.color.chip.selectedPrimaryLabel},oe=""!==i&&null!=i,te=I&&!!w&&!oe,se=I&&!!w&&oe,ae=e=>{if(!I||!w)return null;const i=e?[u.counterAbsolute,...$]:[u.counterContainer,...$];return n.jsx(o.Container,{styleConfig:{root:i},children:n.jsx(o.Container,{styleConfig:{root:[u.counter,re,...J]},children:n.jsx(a.Typography,{variant:"TAG",color:"neutral",styleConfig:K,children:w})})})};return n.jsx(o.Container,{id:e,styleConfig:{root:[u.relativeContainer,...F]},children:n.jsxs(o.Container,{ref:E,onClick:_?void 0:D,styleConfig:{root:[u.root,ie.root,...V]},children:[Q&&n.jsx(o.Container,{styleConfig:{root:[u.topIconContainer,...M]},children:Q}),n.jsxs(o.Container,{styleConfig:{root:[u.chipContainer,...G]},children:[Y&&n.jsx(o.Container,{styleConfig:{root:[u.prefixIconContainer,...W]},children:Y}),oe?"string"==typeof i?n.jsx(o.Container,{styleConfig:{root:[u.labelContainer,...N]},children:n.jsx(a.Typography,{variant:r,colorCode:ne,styleConfig:X,children:i})}):n.jsx(o.Container,{styleConfig:{root:[u.labelContainer,...N]},children:i}):null,q&&n.jsx(y,{children:n.jsx(x,{})}),Z&&n.jsx(o.Container,{styleConfig:{root:[u.suffixIconContainer,...U]},children:Z}),se&&ae(!1),v?n.jsx(o.Container,{onClick:O,styleConfig:{root:[u.crossContainer,...H]},children:n.jsx(l.Cross,Object.assign({crossColor:g(R,S)},z||{}))}):null]}),te&&ae(!0)]})})});m.displayName="Chip",exports.Chip=m;
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),o=require("react"),i=require("@cleartrip/ct-design-container"),r=require("@cleartrip/ct-design-typography"),n=require("@cleartrip/ct-design-style-manager"),t=require("@cleartrip/ct-design-event-propagation"),l=require("@cleartrip/ct-design-conditional-wrap"),a=require("@cleartrip/ct-design-icons");function s(e){return e&&e.__esModule?e:{default:e}}var d=s(t),c=s(l);const p=({theme:e,size:o,isDisabled:i,isSelected:r,topIcon:n=!1})=>Object.assign(Object.assign(Object.assign({},((e,o,i=!1)=>{const r={borderRadius:50,borderStyle:e.border.style.solid};return i?Object.assign(Object.assign({},r),{paddingVertical:e.spacing[2]}):Object.assign(Object.assign({},r),{height:e.size[8]})})(e,0,n)),((e,o,i)=>i?{borderWidth:e.border.width.none}:o?{borderColor:e.color.border.primary,borderWidth:e.border.width.md}:{borderColor:e.color.border.disabledDark,borderWidth:e.border.width.sm})(e,r,i)),((e,o,i)=>i?{backgroundColor:e.color.background.disabled}:o?{backgroundColor:e.color.chip.selectedPrimaryBg}:{backgroundColor:e.color.background.neutral})(e,r,i)),u=n.makeStyles(e=>({relativeContainer:{position:"relative"},root:{display:"flex",alignSelf:"baseline",flexDirection:"row",alignItems:"center",gap:null==e?void 0:e.spacing[2],paddingHorizontal:null==e?void 0:e.spacing[2]},prefixIconContainer:{display:"flex",alignItems:"center",justifyContent:"center"},suffixIconContainer:{display:"flex",alignItems:"center",justifyContent:"center"},topIconContainer:{display:"flex",alignItems:"center",justifyContent:"center"},chipCountRoot:{display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:null==e?void 0:e.color.chip.selectedPrimaryLabel,height:null==e?void 0:e.size[4],minWidth:null==e?void 0:e.size[4],borderRadius:50,borderColor:"#fff",top:1,borderWidth:null==e?void 0:e.border.width.sm,paddingHorizontal:null==e?void 0:e.spacing[1],marginLeft:-(null==e?void 0:e.spacing[2])},labelContainerStyles:{paddingLeft:null==e?void 0:e.spacing[1],paddingRight:null==e?void 0:e.spacing[1]}})),g=({count:o,styleConfig:n})=>{const{root:t=[],typography:l={}}=n||{};return e.jsx(i.Container,{styleConfig:{root:[u.chipCountRoot,...t]},children:e.jsx(r.Typography,{variant:"TAG",color:"neutral",styleConfig:l,children:o})})},C=o.forwardRef(({id:l,label:s,onClick:C,size:h="sm",labelVariant:y="B2",isSelected:f=!1,disabled:b=!1,prefixIcon:x,suffixIcon:v,topIcon:m,styleConfig:j,showCounter:I,count:S=0,isDismissible:D=!1,onDismiss:k},z)=>{const{relativeContainer:T=[],root:w=[],labelContainer:R=[],prefixIconContainer:q=[],suffixIconContainer:L=[],topIconContainer:A=[],counter:M=[],counterTypography:O={}}=j||{},E=o.useMemo(()=>b?r.TypographyColor.DISABLED:r.TypographyColor.PRIMARY,[b]),B=Boolean(m),V=n.useStyles(e=>({root:p({theme:e,size:h,isDisabled:b,isSelected:f,topIcon:B})}),[h,f,b,B]),W=n.useStyles(e=>m?{root:{flexDirection:"column",alignItems:"flex-start",gap:null==e?void 0:e.spacing[0],borderRadius:null==e?void 0:e.border.radius[16]}}:{},[m]),P=t.useMergeEvents({onClick:[C]});return e.jsx(c.default,{condition:!!C,wrap:o=>e.jsx(d.default,{value:P,children:o}),children:e.jsx(i.Container,{styleConfig:{root:[null==u?void 0:u.relativeContainer,...T]},id:l,children:e.jsxs(i.Container,{ref:z,onClick:C||void 0,styleConfig:{root:[null==u?void 0:u.root,V.root,null==W?void 0:W.root,...w]},children:[!!m&&e.jsx(i.Container,{styleConfig:{root:[null==u?void 0:u.topIconContainer,...A]},children:m}),!!x&&e.jsx(i.Container,{styleConfig:{root:[null==u?void 0:u.prefixIconContainer,...q]},children:x}),!!s&&e.jsx(i.Container,{styleConfig:{root:[null==u?void 0:u.labelContainerStyles,...R]},children:"string"==typeof s?e.jsx(r.Typography,{lineClamp:1,variant:y,color:E,children:s}):s}),I&&!!S&&e.jsx(g,{count:S,styleConfig:{root:M,typography:O}}),!!v&&e.jsx(i.Container,{styleConfig:{root:[null==u?void 0:u.suffixIconContainer,...L]},children:v}),D&&e.jsx("button",{onClick:()=>{null==k||k()},children:e.jsx(a.Cross,{height:16,width:16})})]})})})});var h,y;C.displayName="Chip",exports.ChipVariant=void 0,(h=exports.ChipVariant||(exports.ChipVariant={})).DEFAULT="default",h.DISABLED="disabled",h.GRADIENT="gradient",exports.ChipSizeType=void 0,(y=exports.ChipSizeType||(exports.ChipSizeType={})).SMALL="sm",y.MEDIUM="md",exports.Chip=C;
|
|
17
2
|
//# sourceMappingURL=ct-design-chip.browser.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-chip.browser.cjs.js","sources":["../packages/components/Chip/src/
|
|
1
|
+
{"version":3,"file":"ct-design-chip.browser.cjs.js","sources":["../packages/components/Chip/src/style.ts","../packages/components/Chip/src/Chip.tsx","../packages/components/Chip/src/type.ts"],"sourcesContent":[null,null,null],"names":["getChipStyles","theme","size","isDisabled","isSelected","topIcon","Object","assign","baseStyles","borderRadius","borderStyle","border","style","solid","paddingVertical","spacing","height","getDefaultChipStyles","borderWidth","width","none","borderColor","color","primary","md","disabledDark","sm","getBorderStyles","backgroundColor","background","disabled","chip","selectedPrimaryBg","neutral","getBackgroundColorStyles","staticChipStyles","makeStyles","relativeContainer","position","root","display","alignSelf","flexDirection","alignItems","gap","paddingHorizontal","prefixIconContainer","justifyContent","suffixIconContainer","topIconContainer","chipCountRoot","selectedPrimaryLabel","minWidth","top","marginLeft","labelContainerStyles","paddingLeft","paddingRight","ChipCounter","count","styleConfig","typography","_jsx","jsx","Container","children","Typography","variant","Chip","forwardRef","id","label","onClick","labelVariant","prefixIcon","suffixIcon","showCounter","isDismissible","onDismiss","ref","customRelativeContainerStyles","customRootStyles","labelContainer","customLabelContainerStyles","customPrefixIconContainerStyles","customSuffixIconContainerStyles","customTopIconContainerStyles","counter","customChipCountRootStyles","counterTypography","customChipCountTypographyStyles","labelColor","useMemo","TypographyColor","DISABLED","PRIMARY","isTopIcon","Boolean","chipStyles","useStyles","chipStylesForTopIcon","radius","mergedEvents","useMergeEvents","Conditional","condition","wrap","EventCollectorProvider","value","_jsxs","undefined","lineClamp","Cross","ChipVariant","ChipSizeType","displayName"],"mappings":"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"}
|
|
@@ -1,17 +1,2 @@
|
|
|
1
|
-
import{
|
|
2
|
-
position: absolute;
|
|
3
|
-
display: inline-flex;
|
|
4
|
-
top: -14px;
|
|
5
|
-
left: 0;
|
|
6
|
-
opacity: 5;
|
|
7
|
-
overflow: hidden;
|
|
8
|
-
animation-name: ${f`
|
|
9
|
-
0% { transform: translateX(-50%); opacity:1}
|
|
10
|
-
80% {opacity: 0.3}
|
|
11
|
-
100% { transform: translateX(400%); opacity:0}
|
|
12
|
-
`};
|
|
13
|
-
animation-duration: 5s;
|
|
14
|
-
animation-iteration-count: 2;
|
|
15
|
-
animation-fill-mode: forwards;
|
|
16
|
-
`,I=({children:e})=>d("div",{className:y,children:e}),x=o=>e("svg",Object.assign({width:"50",height:"50",viewBox:"0 0 69 98",fill:"none",xmlns:"http://www.w3.org/2000/svg"},o,{children:[i("g",{opacity:"1",filter:"url(#filter0_f_13505_53133)",children:i("rect",{x:"43",y:"16.6328",width:"10.541",height:"66",transform:"rotate(24 43 16.6328)",fill:"white"})}),i("defs",{children:e("filter",{id:"filter0_f_13505_53133",x:"0.15625",y:"0.632812",width:"68.4727",height:"96.5813",filterUnits:"userSpaceOnUse",colorInterpolationFilters:"sRGB",children:[i("feFlood",{floodOpacity:"0",result:"BackgroundImageFix"}),i("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),i("feGaussianBlur",{stdDeviation:"8",result:"effect1_foregroundBlur_13505_53133"})]})})]})),w=o(({id:o,label:t="",labelVariant:d="B2",showIcon:f=!1,iconPosition:p=c.LEFT,Icon:y=null,prefixIcon:w,suffixIcon:j,topIcon:v,showCounter:L=!1,count:D=0,isDismissible:S=!1,isSelected:O=!1,isDisabled:T=!1,disabled:k,onClick:A,onDismiss:B,borderWidth:E="md",variant:P=g.DEFAULT,size:R=u.SMALL,styleConfig:_,crossIconProps:F,showShimmerAnimation:z=!1},G)=>{const W=l(),U=T||!0===k,{relativeContainer:M=[],root:N=[],chipContainer:V=[],prefixIconContainer:X=[],suffixIconContainer:H=[],topIconContainer:$=[],labelContainer:q=[],labelTypography:J,crossContainer:K=[],counterContainer:Q=[],counter:Y=[],counterTypography:Z}=_||{},ee=null!=v?v:f&&p===c.TOP?y:null,ie=null!=w?w:f&&p===c.LEFT&&!ee?y:null,oe=null!=j?j:f&&p===c.RIGHT?y:null,ne=Boolean(ee),te=r(e=>({root:Object.assign(Object.assign({},m({theme:e,size:R,isSelected:O,isDisabled:U,showTopIcon:ne,borderWidth:E,variant:P})),ne?b(e):{})}),[R,O,U,ne,E,P]),re=function({theme:e,variant:i,isSelected:o,isDisabled:n}){return i===g.GRADIENT?e.color.text.success:n?e.color.chip.disabledPrimaryLabel:o?e.color.chip.selectedPrimaryLabel:e.color.chip.nonSelectedPrimaryLabel}({theme:W,variant:P,isSelected:O,isDisabled:U}),le={backgroundColor:W.color.chip.selectedPrimaryLabel},ae=""!==t&&null!=t,se=L&&!!D&&!ae,ce=L&&!!D&&ae,de=e=>{if(!L||!D)return null;const o=e?[h.counterAbsolute,...Q]:[h.counterContainer,...Q];return i(n,{styleConfig:{root:o},children:i(n,{styleConfig:{root:[h.counter,le,...Y]},children:i(a,{variant:"TAG",color:"neutral",styleConfig:Z,children:D})})})};return i(n,{id:o,styleConfig:{root:[h.relativeContainer,...M]},children:e(n,{ref:G,onClick:U?void 0:A,styleConfig:{root:[h.root,te.root,...N]},children:[ee&&i(n,{styleConfig:{root:[h.topIconContainer,...$]},children:ee}),e(n,{styleConfig:{root:[h.chipContainer,...V]},children:[ie&&i(n,{styleConfig:{root:[h.prefixIconContainer,...X]},children:ie}),ae?i(n,"string"==typeof t?{styleConfig:{root:[h.labelContainer,...q]},children:i(a,{variant:d,colorCode:re,styleConfig:J,children:t})}:{styleConfig:{root:[h.labelContainer,...q]},children:t}):null,z&&i(I,{children:i(x,{})}),oe&&i(n,{styleConfig:{root:[h.suffixIconContainer,...H]},children:oe}),ce&&de(!1),S?i(n,{onClick:B,styleConfig:{root:[h.crossContainer,...K]},children:i(s,Object.assign({crossColor:C(W,O)},F||{}))}):null]}),se&&de(!0)]})})});w.displayName="Chip";export{w as Chip,u as ChipSizeType,g as ChipVariant};
|
|
1
|
+
import{jsx as o,jsxs as i}from"react/jsx-runtime";import{forwardRef as e,useMemo as n}from"react";import{Container as r}from"@cleartrip/ct-design-container";import{TypographyColor as t,Typography as l}from"@cleartrip/ct-design-typography";import{makeStyles as a,useStyles as d}from"@cleartrip/ct-design-style-manager";import c,{useMergeEvents as s}from"@cleartrip/ct-design-event-propagation";import p from"@cleartrip/ct-design-conditional-wrap";import{Cross as g}from"@cleartrip/ct-design-icons";const u=({theme:o,size:i,isDisabled:e,isSelected:n,topIcon:r=!1})=>Object.assign(Object.assign(Object.assign({},((o,i,e=!1)=>{const n={borderRadius:50,borderStyle:o.border.style.solid};return e?Object.assign(Object.assign({},n),{paddingVertical:o.spacing[2]}):Object.assign(Object.assign({},n),{height:o.size[8]})})(o,0,r)),((o,i,e)=>e?{borderWidth:o.border.width.none}:i?{borderColor:o.color.border.primary,borderWidth:o.border.width.md}:{borderColor:o.color.border.disabledDark,borderWidth:o.border.width.sm})(o,n,e)),((o,i,e)=>e?{backgroundColor:o.color.background.disabled}:i?{backgroundColor:o.color.chip.selectedPrimaryBg}:{backgroundColor:o.color.background.neutral})(o,n,e)),f=a(o=>({relativeContainer:{position:"relative"},root:{display:"flex",alignSelf:"baseline",flexDirection:"row",alignItems:"center",gap:null==o?void 0:o.spacing[2],paddingHorizontal:null==o?void 0:o.spacing[2]},prefixIconContainer:{display:"flex",alignItems:"center",justifyContent:"center"},suffixIconContainer:{display:"flex",alignItems:"center",justifyContent:"center"},topIconContainer:{display:"flex",alignItems:"center",justifyContent:"center"},chipCountRoot:{display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:null==o?void 0:o.color.chip.selectedPrimaryLabel,height:null==o?void 0:o.size[4],minWidth:null==o?void 0:o.size[4],borderRadius:50,borderColor:"#fff",top:1,borderWidth:null==o?void 0:o.border.width.sm,paddingHorizontal:null==o?void 0:o.spacing[1],marginLeft:-(null==o?void 0:o.spacing[2])},labelContainerStyles:{paddingLeft:null==o?void 0:o.spacing[1],paddingRight:null==o?void 0:o.spacing[1]}})),b=({count:i,styleConfig:e})=>{const{root:n=[],typography:t={}}=e||{};return o(r,{styleConfig:{root:[f.chipCountRoot,...n]},children:o(l,{variant:"TAG",color:"neutral",styleConfig:t,children:i})})},C=e(({id:e,label:a,onClick:C,size:m="sm",labelVariant:h="B2",isSelected:y=!1,disabled:v=!1,prefixIcon:I,suffixIcon:x,topIcon:D,styleConfig:j,showCounter:k,count:S=0,isDismissible:w=!1,onDismiss:R},z)=>{const{relativeContainer:L=[],root:A=[],labelContainer:O=[],prefixIconContainer:B=[],suffixIconContainer:E=[],topIconContainer:W=[],counter:M=[],counterTypography:T={}}=j||{},P=n(()=>v?t.DISABLED:t.PRIMARY,[v]),G=Boolean(D),H=d(o=>({root:u({theme:o,size:m,isDisabled:v,isSelected:y,topIcon:G})}),[m,y,v,G]),N=d(o=>D?{root:{flexDirection:"column",alignItems:"flex-start",gap:null==o?void 0:o.spacing[0],borderRadius:null==o?void 0:o.border.radius[16]}}:{},[D]),U=s({onClick:[C]});return o(p,{condition:!!C,wrap:i=>o(c,{value:U,children:i}),children:o(r,{styleConfig:{root:[null==f?void 0:f.relativeContainer,...L]},id:e,children:i(r,{ref:z,onClick:C||void 0,styleConfig:{root:[null==f?void 0:f.root,H.root,null==N?void 0:N.root,...A]},children:[!!D&&o(r,{styleConfig:{root:[null==f?void 0:f.topIconContainer,...W]},children:D}),!!I&&o(r,{styleConfig:{root:[null==f?void 0:f.prefixIconContainer,...B]},children:I}),!!a&&o(r,{styleConfig:{root:[null==f?void 0:f.labelContainerStyles,...O]},children:"string"==typeof a?o(l,{lineClamp:1,variant:h,color:P,children:a}):a}),k&&!!S&&o(b,{count:S,styleConfig:{root:M,typography:T}}),!!x&&o(r,{styleConfig:{root:[null==f?void 0:f.suffixIconContainer,...E]},children:x}),w&&o("button",{onClick:()=>{null==R||R()},children:o(g,{height:16,width:16})})]})})})});var m,h;C.displayName="Chip",function(o){o.DEFAULT="default",o.DISABLED="disabled",o.GRADIENT="gradient"}(m||(m={})),function(o){o.SMALL="sm",o.MEDIUM="md"}(h||(h={}));export{C as Chip,h as ChipSizeType,m as ChipVariant};
|
|
17
2
|
//# sourceMappingURL=ct-design-chip.browser.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ct-design-chip.browser.esm.js","sources":["../packages/components/Chip/src/
|
|
1
|
+
{"version":3,"file":"ct-design-chip.browser.esm.js","sources":["../packages/components/Chip/src/style.ts","../packages/components/Chip/src/Chip.tsx","../packages/components/Chip/src/type.ts"],"sourcesContent":[null,null,null],"names":["getChipStyles","theme","size","isDisabled","isSelected","topIcon","Object","assign","baseStyles","borderRadius","borderStyle","border","style","solid","paddingVertical","spacing","height","getDefaultChipStyles","borderWidth","width","none","borderColor","color","primary","md","disabledDark","sm","getBorderStyles","backgroundColor","background","disabled","chip","selectedPrimaryBg","neutral","getBackgroundColorStyles","staticChipStyles","makeStyles","relativeContainer","position","root","display","alignSelf","flexDirection","alignItems","gap","paddingHorizontal","prefixIconContainer","justifyContent","suffixIconContainer","topIconContainer","chipCountRoot","selectedPrimaryLabel","minWidth","top","marginLeft","labelContainerStyles","paddingLeft","paddingRight","ChipCounter","count","styleConfig","typography","_jsx","Container","children","Typography","variant","Chip","forwardRef","id","label","onClick","labelVariant","prefixIcon","suffixIcon","showCounter","isDismissible","onDismiss","ref","customRelativeContainerStyles","customRootStyles","labelContainer","customLabelContainerStyles","customPrefixIconContainerStyles","customSuffixIconContainerStyles","customTopIconContainerStyles","counter","customChipCountRootStyles","counterTypography","customChipCountTypographyStyles","labelColor","useMemo","TypographyColor","DISABLED","PRIMARY","isTopIcon","Boolean","chipStyles","useStyles","chipStylesForTopIcon","radius","mergedEvents","useMergeEvents","Conditional","condition","wrap","EventCollectorProvider","value","_jsxs","undefined","lineClamp","Cross","ChipVariant","ChipSizeType","displayName"],"mappings":"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"}
|