@cleartrip/ct-design-chip 3.0.0-beta.1 → 3.1.0-SNAPSHOT-test.6

package/dist/Chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../packages/components/Chip/src/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAOpD,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAKnC,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAmI7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../packages/components/Chip/src/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAO1C,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAMnC,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAqN7B,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/StyledChip/StyledChip.d.ts

@@ -1,7 +1,9 @@
-import { CSSProperties } from 'styled-components';
+/// <reference types="react" />
+import { CSSWithThemeProps } from '@cleartrip/ct-design-types';
 import { StyledChipProps } from './type';
-declare const StyledChip: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledChipProps & {
-    css?: CSSProperties | undefined;
-}, never>;
+declare const StyledChip: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & StyledChipProps & CSSWithThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default StyledChip;
 //# sourceMappingURL=StyledChip.d.ts.map

package/dist/StyledChip/StyledChip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledChip.d.ts","sourceRoot":"","sources":["../../packages/components/Chip/src/StyledChip/StyledChip.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAEzC,QAAA,MAAM,UAAU;;SAYf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"StyledChip.d.ts","sourceRoot":"","sources":["../../packages/components/Chip/src/StyledChip/StyledChip.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAEzC,QAAA,MAAM,UAAU;;;+IAmCf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/StyledChip/style.d.ts

@@ -1,7 +1,7 @@
-import { CSSObject } from 'styled-components';
+import { CSSObject } from '@emotion/styled';
 import { Theme } from '@cleartrip/ct-design-theme';
 import { StyledChipProps } from './type';
-export declare const getStyledChipStyles: ({ theme, backgroundColor, borderColor, borderRadius, borderWidth, cursor, paddingTop, paddingBottom, }: StyledChipProps & {
+export declare const getStyledChipStyles: ({ theme, backgroundColor, borderColor, borderRadius, borderWidth, cursor, paddingTop, paddingBottom, paddingLeft, paddingRight, boxShadow, webkitBoxShadow, background, }: StyledChipProps & {
     theme: Theme;
 }) => CSSObject;
 //# sourceMappingURL=style.d.ts.map

package/dist/StyledChip/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../packages/components/Chip/src/StyledChip/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAEzC,eAAO,MAAM,mBAAmB;WASF,KAAK;MAAK,SAevC,CAAC"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../packages/components/Chip/src/StyledChip/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAEzC,eAAO,MAAM,mBAAmB;WAcF,KAAK;MAAK,SAkBvC,CAAC"}

package/dist/StyledChip/type.d.ts

@@ -1,4 +1,4 @@
-import { CSSObject } from 'styled-components';
+import { CSSObject } from '@emotion/styled';
 export interface StyledChipProps {
     borderColor?: string;
     borderRadius?: string;
@@ -6,6 +6,11 @@ export interface StyledChipProps {
     backgroundColor?: string;
     paddingTop?: string;
     paddingBottom?: string;
+    paddingLeft?: string;
+    paddingRight?: string;
     cursor?: CSSObject['cursor'];
+    boxShadow?: string;
+    webkitBoxShadow?: string;
+    background?: string;
 }
 //# sourceMappingURL=type.d.ts.map

package/dist/StyledChip/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/components/Chip/src/StyledChip/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C,MAAM,WAAW,eAAe;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;CAC9B"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../packages/components/Chip/src/StyledChip/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,MAAM,WAAW,eAAe;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/StyledCounter/StyledCounter.d.ts

@@ -1,7 +1,9 @@
-import { CSSProperties } from 'styled-components';
+/// <reference types="react" />
+import { CSSWithThemeProps } from '@cleartrip/ct-design-types';
 import { StyledCounterProps } from './type';
-declare const StyledCounter: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledCounterProps & {
-    css?: CSSProperties | undefined;
-}, never>;
+declare const StyledCounter: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & StyledCounterProps & CSSWithThemeProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default StyledCounter;
 //# sourceMappingURL=StyledCounter.d.ts.map

package/dist/StyledCounter/StyledCounter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StyledCounter.d.ts","sourceRoot":"","sources":["../../packages/components/Chip/src/StyledCounter/StyledCounter.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAE1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAE5C,QAAA,MAAM,aAAa;;SAElB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"StyledCounter.d.ts","sourceRoot":"","sources":["../../packages/components/Chip/src/StyledCounter/StyledCounter.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAE5C,QAAA,MAAM,aAAa;;;kJAGhB,CAAC;AAEJ,eAAe,aAAa,CAAC"}

package/dist/StyledCounter/style.d.ts

@@ -1,7 +1,7 @@
-import { CSSObject } from 'styled-components';
+import { CSSObject } from '@emotion/styled';
 import { Theme } from '@cleartrip/ct-design-theme';
 import { StyledCounterProps } from './type';
-export declare const getStyledCounterStyles: ({ backgroundColor, theme, }: StyledCounterProps & {
+export declare const getStyledCounterStyles: ({ theme, backgroundColor, }: StyledCounterProps & {
     theme: Theme;
 }) => CSSObject;
 //# sourceMappingURL=style.d.ts.map

package/dist/StyledCounter/style.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../packages/components/Chip/src/StyledCounter/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAE5C,eAAO,MAAM,sBAAsB;WAGF,KAAK;MAAK,SAU1C,CAAC"}
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../packages/components/Chip/src/StyledCounter/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAE5C,eAAO,MAAM,sBAAsB;WAGF,KAAK;MAAK,SAI1C,CAAC"}

package/dist/chipShimmer.d.ts

@@ -0,0 +1,4 @@
+import { SVGProps } from 'react';
+declare const ChipShimmer: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default ChipShimmer;
+//# sourceMappingURL=chipShimmer.d.ts.map

package/dist/chipShimmer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chipShimmer.d.ts","sourceRoot":"","sources":["../packages/components/Chip/src/chipShimmer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,QAAA,MAAM,WAAW,UAAW,SAAS,aAAa,CAAC,4CAuBlD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/ct-design-chip.browser.cjs.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),o=require("react/jsx-runtime"),r=require("@cleartrip/ct-design-typography"),i=require("@cleartrip/ct-design-container"),s=require("styled-components"),n=require("@cleartrip/ct-design-theme"),d=require("@cleartrip/ct-design-types"),a=require("@cleartrip/ct-design-icons");function t(e){return e&&e.__esModule?e:{default:e}}var c=t(s),l=c.default.div((function(o){var r=o.theme,i=o.backgroundColor,s=o.borderColor,n=o.borderRadius,d=o.borderWidth,a=o.cursor,t=o.paddingTop,c=o.paddingBottom,l=o.css,u=void 0===l?{}:l;return e.__assign(e.__assign({},function(e){var o=e.theme,r=e.backgroundColor,i=e.borderColor,s=e.borderRadius,n=e.borderWidth,d=e.cursor;return{paddingTop:e.paddingTop,paddingBottom:e.paddingBottom,paddingLeft:o.spacing[2],paddingRight:o.spacing[2],width:"fit-content",whiteSpace:"nowrap",borderStyle:o.border.style.solid,backgroundColor:r,borderColor:i,borderRadius:s,borderWidth:n,cursor:d}}({theme:r,backgroundColor:i,borderColor:s,borderRadius:n,borderWidth:d,paddingTop:t,paddingBottom:c,cursor:a})),u)})),u=c.default.div((function(o){var r=o.theme,i=o.backgroundColor,s=o.css,n=void 0===s?{}:s;return e.__assign(e.__assign({},function(e){var o=e.backgroundColor,r=e.theme;return{display:"flex",alignItems:"center",justifyContent:"center",height:r.size[4],width:r.size[4],borderRadius:r.border.radius["50P"],backgroundColor:o}}({theme:r,backgroundColor:i})),n)})),g=function(e){var o=e.isSelected,r=e.isDisabled,i=e.theme;return r?i.color.chip.disabledPrimaryLabel:o?i.color.chip.selectedPrimaryLabel:i.color.chip.nonSelectedPrimaryLabel};exports.Chip=function(s){var t=s.label,c=s.showIcon,p=void 0!==c&&c,b=s.iconPosition,h=void 0===b?d.IconPosition.LEFT:b,m=s.Icon,C=void 0===m?null:m,v=s.showCounter,_=void 0!==v&&v,f=s.count,y=void 0===f?0:f,x=s.isDismissible,j=void 0!==x&&x,N=s.isSelected,P=void 0!==N&&N,T=s.isDisabled,k=void 0!==T&&T,I=s.onClick,L=s.onDismiss,w=void 0===L?void 0:L,R=s.borderWidth,W=void 0===R?"md":R,B=s.styleConfig,S=void 0===B?{}:B,q=n.useTheme(),D=function(o){var r=o.isSelected,i=o.isDisabled,s=o.showTopIcon,n=o.theme,d=o.borderWidth,a={paddingTop:s?n.spacing[2]:"6px",paddingBottom:s?n.spacing[2]:"6px"};return i?e.__assign(e.__assign({},a),function(e,o){return{backgroundColor:e.color.background.neutral,borderWidth:e.border.width[o],borderColor:e.color.border.disabled,borderRadius:e.border.radius[30],cursor:"not-allowed"}}(n,d)):r?e.__assign(e.__assign({},a),function(e,o){return{backgroundColor:e.color.chip.selectedPrimaryBg,borderWidth:e.border.width[o],borderColor:e.color.chip.selectedPrimaryBorder,borderRadius:e.border.radius[30],cursor:"pointer"}}(n,d)):e.__assign(e.__assign({},a),function(e,o){return{backgroundColor:e.color.background.neutral,borderWidth:e.border.width[o],borderColor:e.color.border.default,borderRadius:e.border.radius[30],cursor:"pointer"}}(n,d))}({isSelected:P,isDisabled:k,showTopIcon:p&&h===d.IconPosition.TOP,theme:q,borderWidth:W}),z=function(e){return{backgroundColor:e.theme.color.chip.selectedPrimaryLabel}}({theme:q}),E=S.root,F=S.iconContainer,G=S.chipContainer,O=S.labelContainer,A=S.labelTypography,H=S.crossContainer,M=S.crossIcon,J=S.counter,K=S.counterContainer,Q=S.counterTypography;return o.jsxs(l,e.__assign({},D,{theme:q,onClick:k?void 0:I,className:null==E?void 0:E.className,css:null==E?void 0:E.css},{children:[p&&h===d.IconPosition.TOP&&o.jsx(i.Container,e.__assign({display:"flex",alignItems:"center",marginBottom:q.spacing[1],className:null==F?void 0:F.className,css:null==F?void 0:F.css},{children:C})),o.jsxs(i.Container,e.__assign({display:"flex",alignItems:"center",justifyContent:"center",className:null==G?void 0:G.className,css:null==G?void 0:G.css},{children:[p&&h===d.IconPosition.LEFT&&o.jsx(i.Container,e.__assign({display:"flex",alignItems:"center",justifyContent:"center",paddingRight:q.spacing[1],className:null==F?void 0:F.className,css:null==F?void 0:F.css},{children:C})),o.jsx(i.Container,e.__assign({paddingLeft:q.spacing[1],paddingRight:q.spacing[1],className:null==O?void 0:O.className,css:null==O?void 0:O.css},{children:o.jsx(r.Typography,e.__assign({variant:"B2",colorCode:g({isSelected:P,isDisabled:k,theme:q}),styleConfig:A},{children:t}))})),p&&h===d.IconPosition.RIGHT&&o.jsx(i.Container,e.__assign({display:"flex",alignItems:"center",justifyContent:"center",paddingLeft:q.spacing[1],className:null==F?void 0:F.className,css:null==F?void 0:F.css},{children:C})),_&&o.jsx(i.Container,e.__assign({paddingLeft:q.spacing[1],className:null==K?void 0:K.className,css:null==K?void 0:K.css},{children:o.jsx(u,e.__assign({},z,{className:null==J?void 0:J.className,css:null==J?void 0:J.css},{children:o.jsx(r.Typography,e.__assign({variant:"TAG",color:"neutral",styleConfig:Q},{children:y}))}))})),j&&o.jsx(i.Container,e.__assign({paddingLeft:q.spacing[1],display:"flex",alignItems:"center",justifyContent:"center",onClick:function(e){e.stopPropagation(),w&&w()},className:null==H?void 0:H.className,css:null==H?void 0:H.css},{children:o.jsx(a.Cross,e.__assign({crossColor:P?q.color.chip.selectedPrimaryLabel:q.color.chip.nonSelectedPrimaryLabel},M||{}))}))]}))]}))};
+"use strict";var i=require("tslib"),e=require("react/jsx-runtime"),n=require("@cleartrip/ct-design-typography"),o=require("@cleartrip/ct-design-container"),s=require("@emotion/styled"),a=require("@cleartrip/ct-design-theme"),r=require("@emotion/react"),t=require("@cleartrip/ct-design-types"),d=require("@cleartrip/ct-design-icons");function c(i){return i&&i.__esModule?i:{default:i}}var l,p,g=c(s),u=g.default.div((function(e){var n=e.theme,o=e.backgroundColor,s=e.borderColor,a=e.borderRadius,r=e.paddingLeft,t=e.paddingRight,d=e.borderWidth,c=e.cursor,l=e.paddingTop,p=e.paddingBottom,g=e.boxShadow,u=e.webkitBoxShadow,h=e.background,m=e.css,b=void 0===m?{}:m;return i.__assign(i.__assign(i.__assign({},function(i){var e=i.theme,n=i.backgroundColor,o=i.borderColor,s=i.borderRadius,a=i.borderWidth,r=i.cursor,t=i.paddingTop,d=i.paddingBottom,c=i.paddingLeft,l=void 0===c?e.spacing[2]:c,p=i.paddingRight,g=void 0===p?e.spacing[2]:p,u=i.boxShadow,h=i.webkitBoxShadow,m=i.background;return{paddingTop:t,paddingBottom:d,paddingLeft:l,paddingRight:g,width:"fit-content",whiteSpace:"nowrap",borderStyle:e.border.style.none,background:m,backgroundColor:n,borderColor:o,borderRadius:s,borderWidth:a,cursor:r,boxShadow:u,webkitBoxShadow:h}}({theme:n,backgroundColor:o,background:h,borderColor:s,borderRadius:a,borderWidth:d,paddingTop:l,paddingBottom:p,paddingLeft:r,paddingRight:t,cursor:c,boxShadow:g,webkitBoxShadow:u})),{position:"relative"}),b)})),h=g.default.div((function(e){var n=e.theme,o=e.backgroundColor,s=e.css,a=void 0===s?{}:s;return i.__assign(i.__assign({},function(i){return i.theme,{backgroundColor:i.backgroundColor}}({theme:n,backgroundColor:o})),a)}));exports.ChipVariant=void 0,(l=exports.ChipVariant||(exports.ChipVariant={})).DEFAULT="default",l.DISABLED="disabled",l.GRADIENT="gradient",exports.ChipSizeType=void 0,(p=exports.ChipSizeType||(exports.ChipSizeType={})).SMALL="sm",p.MEDIUM="md";var m,b,f=function(i){var e=i.isSelected,n=i.isDisabled,o=i.theme;return i.variant===exports.ChipVariant.GRADIENT?o.color.text.success:n?o.color.chip.disabledPrimaryLabel:e?o.color.chip.selectedPrimaryLabel:o.color.chip.nonSelectedPrimaryLabel},_=function(e){var n=e.isSelected,o=e.isDisabled,s=e.showTopIcon,a=e.theme,r=e.borderWidth,t=e.variant,d=function(i){var e=i.showTopIcon,n=i.size,o=i.theme;switch(n){case exports.ChipSizeType.SMALL:return{paddingTop:e?o.spacing[2]:"6px",paddingBottom:e?o.spacing[2]:"6px"};case exports.ChipSizeType.MEDIUM:return{paddingTop:e?o.spacing[3]:"10px",paddingBottom:e?o.spacing[3]:"10px",paddingLeft:o.spacing[4],paddingRight:o.spacing[4]};default:return{}}}({showTopIcon:s,size:e.size,theme:a});return o?i.__assign(i.__assign({},d),function(i){var e=i.border.width.sm,n=i.color.border.disabled;return{backgroundColor:i.color.chip.disabledPrimaryBg,boxShadow:"inset 0 0 0 ".concat(e," ").concat(n),webkitBoxShadow:"inset 0 0 0 ".concat(e," ").concat(n),borderRadius:i.border.radius[30],cursor:"not-allowed"}}(a)):n?i.__assign(i.__assign({},d),function(i,e){var n=i.border.width[e],o=i.color.chip.selectedPrimaryBorder;return{backgroundColor:i.color.chip.selectedPrimaryBg,boxShadow:"inset 0 0 0 ".concat(n," ").concat(o),webkitBoxShadow:"inset 0 0 0 ".concat(n," ").concat(o),borderRadius:i.border.radius[30],cursor:"pointer"}}(a,r)):i.__assign(i.__assign({},d),function(i,e){var n=i.color.border.default,o=i.border.width.sm;return{background:e===exports.ChipVariant.GRADIENT?"linear-gradient(90deg, #CAFBCC 5.15%, rgba(212, 255, 218, 0.615124) 41.66%, rgba(218, 255, 224, 0.233913) 77.81%, rgba(255, 255, 255, 0) 100%)":e===exports.ChipVariant.DISABLED?i.color.background.disabled:i.color.background.neutral,boxShadow:e===exports.ChipVariant.GRADIENT?"none":"inset 0 0 0 ".concat(o," ").concat(n," "),webkitBoxShadow:e===exports.ChipVariant.GRADIENT?"none":"inset 0 0 0  ".concat(o," ").concat(n," "),borderRadius:i.border.radius[30],cursor:"pointer"}}(a,t))},v=r.keyframes(m||(m=i.__makeTemplateObject(["\n  0% { transform: translateX(-50%); opacity:1}\n  80% {opacity: 0.3}\n  100% { transform: translateX(400%); opacity:0}\n  "],["\n  0% { transform: translateX(-50%); opacity:1}\n  80% {opacity: 0.3}\n  100% { transform: translateX(400%); opacity:0}\n  "]))),x=g.default.div(b||(b=i.__makeTemplateObject(["\n  position: absolute;\n  display: inline-flex;\n  top: -14px;\n  left: 0;\n  opacity: 5;\n  overflow: hidden;\n  animation-name: ",";\n  animation-duration: 5s;\n  animation-iteration-count: 2;\n  animation-fill-mode: forwards;\n"],["\n  position: absolute;\n  display: inline-flex;\n  top: -14px;\n  left: 0;\n  opacity: 5;\n  overflow: hidden;\n  animation-name: ",";\n  animation-duration: 5s;\n  animation-iteration-count: 2;\n  animation-fill-mode: forwards;\n"])),v),C=function(n){return e.jsxs("svg",i.__assign({width:"50",height:"50",viewBox:"0 0 69 98",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n,{children:[e.jsx("g",i.__assign({opacity:"1",filter:"url(#filter0_f_13505_53133)"},{children:e.jsx("rect",{x:"43",y:"16.6328",width:"10.541",height:"66",transform:"rotate(24 43 16.6328)",fill:"white"})})),e.jsx("defs",{children:e.jsxs("filter",i.__assign({id:"filter0_f_13505_53133",x:"0.15625",y:"0.632812",width:"68.4727",height:"96.5813",filterUnits:"userSpaceOnUse","color-interpolation-filters":"sRGB"},{children:[e.jsx("feFlood",{"flood-opacity":"0",result:"BackgroundImageFix"}),e.jsx("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),e.jsx("feGaussianBlur",{stdDeviation:"8",result:"effect1_foregroundBlur_13505_53133"})]}))})]}))};exports.Chip=function(s){var r=s.label,c=void 0===r?"":r,l=s.showIcon,p=void 0!==l&&l,g=s.iconPosition,m=void 0===g?t.IconPosition.LEFT:g,b=s.Icon,v=void 0===b?null:b,y=s.showCounter,w=void 0!==y&&y,j=s.count,S=void 0===j?0:j,T=s.isDismissible,k=void 0!==T&&T,N=s.isSelected,I=void 0!==N&&N,B=s.isDisabled,L=void 0!==B&&B,R=s.onClick,D=s.onDismiss,P=void 0===D?void 0:D,A=s.borderWidth,E=void 0===A?"md":A,G=s.styleConfig,z=void 0===G?{}:G,q=s.variant,V=void 0===q?"default":q,F=s.size,M=void 0===F?"sm":F,W=s.showShimmerAnimation,O=void 0!==W&&W,U=a.useTheme(),X=p&&m===t.IconPosition.TOP,H=_({isSelected:I,isDisabled:L,showTopIcon:X,theme:U,borderWidth:E,variant:V,size:M}),J=function(i){return{backgroundColor:i.theme.color.chip.selectedPrimaryLabel}}({theme:U}),K=z.root,Q=z.iconContainer,Y=z.chipContainer,Z=z.labelContainer,$=z.labelTypography,ii=z.crossContainer,ei=z.crossIcon,ni=z.counter,oi=z.counterContainer,si=z.counterTypography,ai=function(i){i.stopPropagation(),P&&P()};return c?e.jsxs(u,i.__assign({},H,{theme:U,onClick:L?void 0:R,className:null==K?void 0:K.className,css:null==K?void 0:K.css},{children:[p&&m===t.IconPosition.TOP&&e.jsx(o.Container,i.__assign({display:"flex",alignItems:"center",marginBottom:U.spacing[1],className:null==Q?void 0:Q.className,css:null==Q?void 0:Q.css},{children:v})),e.jsxs(o.Container,i.__assign({display:"flex",alignItems:"center",justifyContent:"center",className:null==Y?void 0:Y.className,css:null==Y?void 0:Y.css},{children:[p&&m===t.IconPosition.LEFT&&e.jsx(o.Container,i.__assign({display:"flex",alignItems:"center",justifyContent:"center",paddingRight:U.spacing[1],className:null==Q?void 0:Q.className,css:null==Q?void 0:Q.css},{children:v})),e.jsx(o.Container,i.__assign({paddingLeft:U.spacing[1],paddingRight:U.spacing[1],className:null==Z?void 0:Z.className,css:null==Z?void 0:Z.css},{children:"string"==typeof c?e.jsx(n.Typography,i.__assign({variant:"B2",colorCode:f({variant:V,isSelected:I,isDisabled:L,theme:U}),styleConfig:$},{children:c})):c})),O&&e.jsx(x,{children:e.jsx(C,{})}),p&&m===t.IconPosition.RIGHT&&e.jsx(o.Container,i.__assign({display:"flex",alignItems:"center",justifyContent:"center",paddingLeft:U.spacing[1],className:null==Q?void 0:Q.className,css:null==Q?void 0:Q.css},{children:v})),w&&e.jsx(o.Container,i.__assign({paddingLeft:U.spacing[1],className:null==oi?void 0:oi.className,css:null==oi?void 0:oi.css},{children:e.jsx(h,i.__assign({},J,{className:null==ni?void 0:ni.className,css:null==ni?void 0:ni.css},{children:e.jsx(n.Typography,i.__assign({variant:"TAG",color:"neutral",styleConfig:si},{children:S}))}))})),k&&e.jsx(o.Container,i.__assign({paddingLeft:U.spacing[1],display:"flex",alignItems:"center",justifyContent:"center",onClick:ai,className:null==ii?void 0:ii.className,css:null==ii?void 0:ii.css},{children:e.jsx(d.Cross,i.__assign({crossColor:I?U.color.chip.selectedPrimaryLabel:U.color.chip.nonSelectedPrimaryLabel},ei||{}))}))]}))]})):e.jsxs(u,i.__assign({},H,{theme:U,onClick:L?void 0:R,className:null==K?void 0:K.className,css:i.__assign(i.__assign({},null==K?void 0:K.css),{position:"relative"})},{children:[e.jsxs(o.Container,i.__assign({display:"flex",alignItems:"center",justifyContent:"center",className:null==Y?void 0:Y.className,css:null==Y?void 0:Y.css},{children:[e.jsx(o.Container,i.__assign({display:"flex",alignItems:"center",justifyContent:"center",className:null==Q?void 0:Q.className,css:null==Q?void 0:Q.css},{children:v})),k&&e.jsx(o.Container,i.__assign({paddingLeft:U.spacing[1],display:"flex",alignItems:"center",justifyContent:"center",onClick:ai,className:null==ii?void 0:ii.className,css:null==ii?void 0:ii.css},{children:e.jsx(d.Cross,i.__assign({crossColor:I?U.color.chip.selectedPrimaryLabel:U.color.chip.nonSelectedPrimaryLabel},ei||{}))}))]})),w&&e.jsx(o.Container,i.__assign({className:null==oi?void 0:oi.className,css:null==oi?void 0:oi.css,position:"absolute",top:-7,right:-7},{children:e.jsx(h,i.__assign({},J,{className:null==ni?void 0:ni.className,css:null==ni?void 0:ni.css},{children:e.jsx(n.Typography,i.__assign({variant:"TAG",color:"neutral",styleConfig:si},{children:S}))}))}))]}))};
 //# sourceMappingURL=ct-design-chip.browser.cjs.js.map

package/dist/ct-design-chip.browser.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-chip.browser.cjs.js","sources":["../packages/components/Chip/src/StyledChip/StyledChip.tsx","../packages/components/Chip/src/StyledChip/style.ts","../packages/components/Chip/src/StyledCounter/StyledCounter.tsx","../packages/components/Chip/src/StyledCounter/style.ts","../packages/components/Chip/src/style.ts","../packages/components/Chip/src/Chip.tsx"],"sourcesContent":[null,null,null,null,null,null],"names":["StyledChip","styled","default","div","_a","theme","backgroundColor","borderColor","borderRadius","borderWidth","cursor","paddingTop","paddingBottom","_b","css","__assign","paddingLeft","spacing","paddingRight","width","whiteSpace","borderStyle","border","style","solid","getStyledChipStyles","StyledCounter","display","alignItems","justifyContent","height","size","radius","getStyledCounterStyles","getChipLabelColor","isSelected","isDisabled","color","chip","disabledPrimaryLabel","selectedPrimaryLabel","nonSelectedPrimaryLabel","label","showIcon","_c","iconPosition","IconPosition","LEFT","_d","Icon","_e","showCounter","_f","count","_g","isDismissible","_h","_j","onClick","_k","onDismiss","undefined","_l","_m","styleConfig","useTheme","chipStyles","showTopIcon","defaultChipStyles","background","neutral","disabled","getDisabledChipStyles","selectedPrimaryBg","selectedPrimaryBorder","getSelectedChipStyles","getDefaultChipStyles","getChipStyles","TOP","counterStyles","getCounterStyles","root","iconContainer","chipContainer","labelContainer","labelTypography","crossContainer","crossIcon","counter","counterContainer","counterTypography","_jsxs","jsxs","className","children","_jsx","Container","marginBottom","jsx","Typography","variant","colorCode","RIGHT","event","stopPropagation","Cross","crossColor"],"mappings":"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"}
+{"version":3,"file":"ct-design-chip.browser.cjs.js","sources":["../packages/components/Chip/src/type.ts","../packages/components/Chip/src/StyledChip/StyledChip.tsx","../packages/components/Chip/src/StyledChip/style.ts","../packages/components/Chip/src/StyledCounter/StyledCounter.tsx","../packages/components/Chip/src/StyledCounter/style.ts","../packages/components/Chip/src/style.ts","../packages/components/Chip/src/chipShimmer.tsx","../packages/components/Chip/src/Chip.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null],"names":["ChipVariant","ChipSizeType","StyledChip","styled","default","div","_a","theme","backgroundColor","borderColor","borderRadius","paddingLeft","paddingRight","borderWidth","cursor","paddingTop","paddingBottom","boxShadow","webkitBoxShadow","background","_b","css","__assign","spacing","_c","width","whiteSpace","borderStyle","border","style","none","getStyledChipStyles","position","StyledCounter","getStyledCounterStyles","getChipLabelColor","isSelected","isDisabled","variant","GRADIENT","color","text","success","chip","disabledPrimaryLabel","selectedPrimaryLabel","nonSelectedPrimaryLabel","getChipStyles","showTopIcon","defaultChipStyles","size","SMALL","MEDIUM","getChipPaddingBySize","borderWidthValue","sm","disabled","disabledPrimaryBg","concat","radius","getDisabledChipStyles","selectedPrimaryBorder","selectedPrimaryBg","getSelectedChipStyles","DISABLED","neutral","getDefaultChipStyles","breatheAnimation","keyframes","templateObject_1","__makeTemplateObject","AnimatedContainer","templateObject_2","ChipShimmer","props","_jsxs","height","viewBox","fill","xmlns","children","_jsx","opacity","filter","x","y","transform","id","filterUnits","result","mode","in","in2","stdDeviation","label","showIcon","_d","iconPosition","IconPosition","LEFT","_e","Icon","_f","showCounter","_g","count","_h","isDismissible","_j","_k","onClick","_l","onDismiss","undefined","_m","_o","styleConfig","_p","_q","_r","showShimmerAnimation","useTheme","TOP","chipStyles","counterStyles","getCounterStyles","root","iconContainer","chipContainer","labelContainer","labelTypography","crossContainer","crossIcon","counter","counterContainer","counterTypography","onCrossClick","event","stopPropagation","jsxs","className","Container","display","alignItems","marginBottom","justifyContent","Typography","colorCode","RIGHT","jsx","Cross","crossColor","top","right"],"mappings":"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"}

package/dist/ct-design-chip.browser.esm.js

@@ -1,2 +1,2 @@
-import{__assign as o}from"tslib";import{jsxs as r,jsx as e}from"react/jsx-runtime";import{Typography as i}from"@cleartrip/ct-design-typography";import{Container as d}from"@cleartrip/ct-design-container";import n from"styled-components";import{useTheme as s}from"@cleartrip/ct-design-theme";import{IconPosition as t}from"@cleartrip/ct-design-types";import{Cross as l}from"@cleartrip/ct-design-icons";var c=n.div((function(r){var e=r.theme,i=r.backgroundColor,d=r.borderColor,n=r.borderRadius,s=r.borderWidth,t=r.cursor,l=r.paddingTop,c=r.paddingBottom,a=r.css,u=void 0===a?{}:a;return o(o({},function(o){var r=o.theme,e=o.backgroundColor,i=o.borderColor,d=o.borderRadius,n=o.borderWidth,s=o.cursor;return{paddingTop:o.paddingTop,paddingBottom:o.paddingBottom,paddingLeft:r.spacing[2],paddingRight:r.spacing[2],width:"fit-content",whiteSpace:"nowrap",borderStyle:r.border.style.solid,backgroundColor:e,borderColor:i,borderRadius:d,borderWidth:n,cursor:s}}({theme:e,backgroundColor:i,borderColor:d,borderRadius:n,borderWidth:s,paddingTop:l,paddingBottom:c,cursor:t})),u)})),a=n.div((function(r){var e=r.theme,i=r.backgroundColor,d=r.css,n=void 0===d?{}:d;return o(o({},function(o){var r=o.backgroundColor,e=o.theme;return{display:"flex",alignItems:"center",justifyContent:"center",height:e.size[4],width:e.size[4],borderRadius:e.border.radius["50P"],backgroundColor:r}}({theme:e,backgroundColor:i})),n)})),u=function(o){var r=o.isSelected,e=o.isDisabled,i=o.theme;return e?i.color.chip.disabledPrimaryLabel:r?i.color.chip.selectedPrimaryLabel:i.color.chip.nonSelectedPrimaryLabel},p=function(n){var p=n.label,m=n.showIcon,b=void 0!==m&&m,g=n.iconPosition,h=void 0===g?t.LEFT:g,v=n.Icon,f=void 0===v?null:v,C=n.showCounter,y=void 0!==C&&C,N=n.count,k=void 0===N?0:N,T=n.isDismissible,L=void 0!==T&&T,P=n.isSelected,w=void 0!==P&&P,I=n.isDisabled,R=void 0!==I&&I,x=n.onClick,W=n.onDismiss,B=void 0===W?void 0:W,S=n.borderWidth,D=void 0===S?"md":S,j=n.styleConfig,z=void 0===j?{}:j,E=s(),F=function(r){var e=r.isSelected,i=r.isDisabled,d=r.showTopIcon,n=r.theme,s=r.borderWidth,t={paddingTop:d?n.spacing[2]:"6px",paddingBottom:d?n.spacing[2]:"6px"};return o(o({},t),i?function(o,r){return{backgroundColor:o.color.background.neutral,borderWidth:o.border.width[r],borderColor:o.color.border.disabled,borderRadius:o.border.radius[30],cursor:"not-allowed"}}(n,s):e?function(o,r){return{backgroundColor:o.color.chip.selectedPrimaryBg,borderWidth:o.border.width[r],borderColor:o.color.chip.selectedPrimaryBorder,borderRadius:o.border.radius[30],cursor:"pointer"}}(n,s):function(o,r){return{backgroundColor:o.color.background.neutral,borderWidth:o.border.width[r],borderColor:o.color.border.default,borderRadius:o.border.radius[30],cursor:"pointer"}}(n,s))}({isSelected:w,isDisabled:R,showTopIcon:b&&h===t.TOP,theme:E,borderWidth:D}),G=function(o){return{backgroundColor:o.theme.color.chip.selectedPrimaryLabel}}({theme:E}),O=z.root,A=z.iconContainer,H=z.chipContainer,q=z.labelContainer,J=z.labelTypography,K=z.crossContainer,M=z.crossIcon,Q=z.counter,U=z.counterContainer,V=z.counterTypography;return r(c,o({},F,{theme:E,onClick:R?void 0:x,className:null==O?void 0:O.className,css:null==O?void 0:O.css},{children:[b&&h===t.TOP&&e(d,o({display:"flex",alignItems:"center",marginBottom:E.spacing[1],className:null==A?void 0:A.className,css:null==A?void 0:A.css},{children:f})),r(d,o({display:"flex",alignItems:"center",justifyContent:"center",className:null==H?void 0:H.className,css:null==H?void 0:H.css},{children:[b&&h===t.LEFT&&e(d,o({display:"flex",alignItems:"center",justifyContent:"center",paddingRight:E.spacing[1],className:null==A?void 0:A.className,css:null==A?void 0:A.css},{children:f})),e(d,o({paddingLeft:E.spacing[1],paddingRight:E.spacing[1],className:null==q?void 0:q.className,css:null==q?void 0:q.css},{children:e(i,o({variant:"B2",colorCode:u({isSelected:w,isDisabled:R,theme:E}),styleConfig:J},{children:p}))})),b&&h===t.RIGHT&&e(d,o({display:"flex",alignItems:"center",justifyContent:"center",paddingLeft:E.spacing[1],className:null==A?void 0:A.className,css:null==A?void 0:A.css},{children:f})),y&&e(d,o({paddingLeft:E.spacing[1],className:null==U?void 0:U.className,css:null==U?void 0:U.css},{children:e(a,o({},G,{className:null==Q?void 0:Q.className,css:null==Q?void 0:Q.css},{children:e(i,o({variant:"TAG",color:"neutral",styleConfig:V},{children:k}))}))})),L&&e(d,o({paddingLeft:E.spacing[1],display:"flex",alignItems:"center",justifyContent:"center",onClick:function(o){o.stopPropagation(),B&&B()},className:null==K?void 0:K.className,css:null==K?void 0:K.css},{children:e(l,o({crossColor:w?E.color.chip.selectedPrimaryLabel:E.color.chip.nonSelectedPrimaryLabel},M||{}))}))]}))]}))};export{p as Chip};
+import{__assign as o,__makeTemplateObject as i}from"tslib";import{jsxs as e,jsx as n}from"react/jsx-runtime";import{Typography as r}from"@cleartrip/ct-design-typography";import{Container as a}from"@cleartrip/ct-design-container";import t from"@emotion/styled";import{useTheme as s}from"@cleartrip/ct-design-theme";import{keyframes as d}from"@emotion/react";import{IconPosition as c}from"@cleartrip/ct-design-types";import{Cross as l}from"@cleartrip/ct-design-icons";var u,p,m=t.div((function(i){var e=i.theme,n=i.backgroundColor,r=i.borderColor,a=i.borderRadius,t=i.paddingLeft,s=i.paddingRight,d=i.borderWidth,c=i.cursor,l=i.paddingTop,u=i.paddingBottom,p=i.boxShadow,m=i.webkitBoxShadow,g=i.background,h=i.css,f=void 0===h?{}:h;return o(o(o({},function(o){var i=o.theme,e=o.backgroundColor,n=o.borderColor,r=o.borderRadius,a=o.borderWidth,t=o.cursor,s=o.paddingTop,d=o.paddingBottom,c=o.paddingLeft,l=void 0===c?i.spacing[2]:c,u=o.paddingRight,p=void 0===u?i.spacing[2]:u,m=o.boxShadow,g=o.webkitBoxShadow,h=o.background;return{paddingTop:s,paddingBottom:d,paddingLeft:l,paddingRight:p,width:"fit-content",whiteSpace:"nowrap",borderStyle:i.border.style.none,background:h,backgroundColor:e,borderColor:n,borderRadius:r,borderWidth:a,cursor:t,boxShadow:m,webkitBoxShadow:g}}({theme:e,backgroundColor:n,background:g,borderColor:r,borderRadius:a,borderWidth:d,paddingTop:l,paddingBottom:u,paddingLeft:t,paddingRight:s,cursor:c,boxShadow:p,webkitBoxShadow:m})),{position:"relative"}),f)})),g=t.div((function(i){var e=i.theme,n=i.backgroundColor,r=i.css,a=void 0===r?{}:r;return o(o({},function(o){return o.theme,{backgroundColor:o.backgroundColor}}({theme:e,backgroundColor:n})),a)}));!function(o){o.DEFAULT="default",o.DISABLED="disabled",o.GRADIENT="gradient"}(u||(u={})),function(o){o.SMALL="sm",o.MEDIUM="md"}(p||(p={}));var h,f,b=function(o){var i=o.isSelected,e=o.isDisabled,n=o.theme;return o.variant===u.GRADIENT?n.color.text.success:e?n.color.chip.disabledPrimaryLabel:i?n.color.chip.selectedPrimaryLabel:n.color.chip.nonSelectedPrimaryLabel},v=function(i){var e=i.isSelected,n=i.isDisabled,r=i.showTopIcon,a=i.theme,t=i.borderWidth,s=i.variant,d=function(o){var i=o.showTopIcon,e=o.size,n=o.theme;switch(e){case p.SMALL:return{paddingTop:i?n.spacing[2]:"6px",paddingBottom:i?n.spacing[2]:"6px"};case p.MEDIUM:return{paddingTop:i?n.spacing[3]:"10px",paddingBottom:i?n.spacing[3]:"10px",paddingLeft:n.spacing[4],paddingRight:n.spacing[4]};default:return{}}}({showTopIcon:r,size:i.size,theme:a});return o(o({},d),n?function(o){var i=o.border.width.sm,e=o.color.border.disabled;return{backgroundColor:o.color.chip.disabledPrimaryBg,boxShadow:"inset 0 0 0 ".concat(i," ").concat(e),webkitBoxShadow:"inset 0 0 0 ".concat(i," ").concat(e),borderRadius:o.border.radius[30],cursor:"not-allowed"}}(a):e?function(o,i){var e=o.border.width[i],n=o.color.chip.selectedPrimaryBorder;return{backgroundColor:o.color.chip.selectedPrimaryBg,boxShadow:"inset 0 0 0 ".concat(e," ").concat(n),webkitBoxShadow:"inset 0 0 0 ".concat(e," ").concat(n),borderRadius:o.border.radius[30],cursor:"pointer"}}(a,t):function(o,i){var e=o.color.border.default,n=o.border.width.sm;return{background:i===u.GRADIENT?"linear-gradient(90deg, #CAFBCC 5.15%, rgba(212, 255, 218, 0.615124) 41.66%, rgba(218, 255, 224, 0.233913) 77.81%, rgba(255, 255, 255, 0) 100%)":i===u.DISABLED?o.color.background.disabled:o.color.background.neutral,boxShadow:i===u.GRADIENT?"none":"inset 0 0 0 ".concat(n," ").concat(e," "),webkitBoxShadow:i===u.GRADIENT?"none":"inset 0 0 0  ".concat(n," ").concat(e," "),borderRadius:o.border.radius[30],cursor:"pointer"}}(a,s))},y=d(h||(h=i(["\n  0% { transform: translateX(-50%); opacity:1}\n  80% {opacity: 0.3}\n  100% { transform: translateX(400%); opacity:0}\n  "],["\n  0% { transform: translateX(-50%); opacity:1}\n  80% {opacity: 0.3}\n  100% { transform: translateX(400%); opacity:0}\n  "]))),w=t.div(f||(f=i(["\n  position: absolute;\n  display: inline-flex;\n  top: -14px;\n  left: 0;\n  opacity: 5;\n  overflow: hidden;\n  animation-name: ",";\n  animation-duration: 5s;\n  animation-iteration-count: 2;\n  animation-fill-mode: forwards;\n"],["\n  position: absolute;\n  display: inline-flex;\n  top: -14px;\n  left: 0;\n  opacity: 5;\n  overflow: hidden;\n  animation-name: ",";\n  animation-duration: 5s;\n  animation-iteration-count: 2;\n  animation-fill-mode: forwards;\n"])),y),C=function(i){return e("svg",o({width:"50",height:"50",viewBox:"0 0 69 98",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i,{children:[n("g",o({opacity:"1",filter:"url(#filter0_f_13505_53133)"},{children:n("rect",{x:"43",y:"16.6328",width:"10.541",height:"66",transform:"rotate(24 43 16.6328)",fill:"white"})})),n("defs",{children:e("filter",o({id:"filter0_f_13505_53133",x:"0.15625",y:"0.632812",width:"68.4727",height:"96.5813",filterUnits:"userSpaceOnUse","color-interpolation-filters":"sRGB"},{children:[n("feFlood",{"flood-opacity":"0",result:"BackgroundImageFix"}),n("feBlend",{mode:"normal",in:"SourceGraphic",in2:"BackgroundImageFix",result:"shape"}),n("feGaussianBlur",{stdDeviation:"8",result:"effect1_foregroundBlur_13505_53133"})]}))})]}))},x=function(i){var t=i.label,d=void 0===t?"":t,u=i.showIcon,p=void 0!==u&&u,h=i.iconPosition,f=void 0===h?c.LEFT:h,y=i.Icon,x=void 0===y?null:y,N=i.showCounter,k=void 0!==N&&N,S=i.count,B=void 0===S?0:S,I=i.isDismissible,L=void 0!==I&&I,T=i.isSelected,R=void 0!==T&&T,D=i.isDisabled,P=void 0!==D&&D,A=i.onClick,E=i.onDismiss,G=void 0===E?void 0:E,_=i.borderWidth,j=void 0===_?"md":_,F=i.styleConfig,W=void 0===F?{}:F,M=i.variant,z=void 0===M?"default":M,U=i.size,X=void 0===U?"sm":U,O=i.showShimmerAnimation,H=void 0!==O&&O,q=s(),J=p&&f===c.TOP,K=v({isSelected:R,isDisabled:P,showTopIcon:J,theme:q,borderWidth:j,variant:z,size:X}),Q=function(o){return{backgroundColor:o.theme.color.chip.selectedPrimaryLabel}}({theme:q}),V=W.root,Y=W.iconContainer,Z=W.chipContainer,$=W.labelContainer,oo=W.labelTypography,io=W.crossContainer,eo=W.crossIcon,no=W.counter,ro=W.counterContainer,ao=W.counterTypography,to=function(o){o.stopPropagation(),G&&G()};return e(m,d?o({},K,{theme:q,onClick:P?void 0:A,className:null==V?void 0:V.className,css:null==V?void 0:V.css},{children:[p&&f===c.TOP&&n(a,o({display:"flex",alignItems:"center",marginBottom:q.spacing[1],className:null==Y?void 0:Y.className,css:null==Y?void 0:Y.css},{children:x})),e(a,o({display:"flex",alignItems:"center",justifyContent:"center",className:null==Z?void 0:Z.className,css:null==Z?void 0:Z.css},{children:[p&&f===c.LEFT&&n(a,o({display:"flex",alignItems:"center",justifyContent:"center",paddingRight:q.spacing[1],className:null==Y?void 0:Y.className,css:null==Y?void 0:Y.css},{children:x})),n(a,o({paddingLeft:q.spacing[1],paddingRight:q.spacing[1],className:null==$?void 0:$.className,css:null==$?void 0:$.css},{children:"string"==typeof d?n(r,o({variant:"B2",colorCode:b({variant:z,isSelected:R,isDisabled:P,theme:q}),styleConfig:oo},{children:d})):d})),H&&n(w,{children:n(C,{})}),p&&f===c.RIGHT&&n(a,o({display:"flex",alignItems:"center",justifyContent:"center",paddingLeft:q.spacing[1],className:null==Y?void 0:Y.className,css:null==Y?void 0:Y.css},{children:x})),k&&n(a,o({paddingLeft:q.spacing[1],className:null==ro?void 0:ro.className,css:null==ro?void 0:ro.css},{children:n(g,o({},Q,{className:null==no?void 0:no.className,css:null==no?void 0:no.css},{children:n(r,o({variant:"TAG",color:"neutral",styleConfig:ao},{children:B}))}))})),L&&n(a,o({paddingLeft:q.spacing[1],display:"flex",alignItems:"center",justifyContent:"center",onClick:to,className:null==io?void 0:io.className,css:null==io?void 0:io.css},{children:n(l,o({crossColor:R?q.color.chip.selectedPrimaryLabel:q.color.chip.nonSelectedPrimaryLabel},eo||{}))}))]}))]}):o({},K,{theme:q,onClick:P?void 0:A,className:null==V?void 0:V.className,css:o(o({},null==V?void 0:V.css),{position:"relative"})},{children:[e(a,o({display:"flex",alignItems:"center",justifyContent:"center",className:null==Z?void 0:Z.className,css:null==Z?void 0:Z.css},{children:[n(a,o({display:"flex",alignItems:"center",justifyContent:"center",className:null==Y?void 0:Y.className,css:null==Y?void 0:Y.css},{children:x})),L&&n(a,o({paddingLeft:q.spacing[1],display:"flex",alignItems:"center",justifyContent:"center",onClick:to,className:null==io?void 0:io.className,css:null==io?void 0:io.css},{children:n(l,o({crossColor:R?q.color.chip.selectedPrimaryLabel:q.color.chip.nonSelectedPrimaryLabel},eo||{}))}))]})),k&&n(a,o({className:null==ro?void 0:ro.className,css:null==ro?void 0:ro.css,position:"absolute",top:-7,right:-7},{children:n(g,o({},Q,{className:null==no?void 0:no.className,css:null==no?void 0:no.css},{children:n(r,o({variant:"TAG",color:"neutral",styleConfig:ao},{children:B}))}))}))]}))};export{x as Chip,p as ChipSizeType,u as ChipVariant};
 //# sourceMappingURL=ct-design-chip.browser.esm.js.map

package/dist/ct-design-chip.browser.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ct-design-chip.browser.esm.js","sources":["../packages/components/Chip/src/StyledChip/style.ts","../packages/components/Chip/src/StyledChip/StyledChip.tsx","../packages/components/Chip/src/StyledCounter/StyledCounter.tsx","../packages/components/Chip/src/StyledCounter/style.ts","../packages/components/Chip/src/style.ts","../packages/components/Chip/src/Chip.tsx"],"sourcesContent":[null,null,null,null,null,null],"names":["StyledChip","styled","div","_a","theme","backgroundColor","borderColor","borderRadius","borderWidth","cursor","paddingTop","paddingBottom","_b","css","__assign","paddingLeft","spacing","paddingRight","width","whiteSpace","borderStyle","border","style","solid","getStyledChipStyles","StyledCounter","display","alignItems","justifyContent","height","size","radius","getStyledCounterStyles","getChipLabelColor","isSelected","isDisabled","color","chip","disabledPrimaryLabel","selectedPrimaryLabel","nonSelectedPrimaryLabel","Chip","label","showIcon","_c","iconPosition","IconPosition","LEFT","_d","Icon","_e","showCounter","_f","count","_g","isDismissible","_h","_j","onClick","_k","onDismiss","undefined","_l","_m","styleConfig","useTheme","chipStyles","showTopIcon","defaultChipStyles","background","neutral","disabled","getDisabledChipStyles","selectedPrimaryBg","selectedPrimaryBorder","getSelectedChipStyles","default","getDefaultChipStyles","getChipStyles","TOP","counterStyles","getCounterStyles","root","iconContainer","chipContainer","labelContainer","labelTypography","crossContainer","crossIcon","counter","counterContainer","counterTypography","_jsxs","className","children","_jsx","Container","marginBottom","Typography","variant","colorCode","RIGHT","event","stopPropagation","Cross","crossColor"],"mappings":"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"}
+{"version":3,"file":"ct-design-chip.browser.esm.js","sources":["../packages/components/Chip/src/StyledChip/style.ts","../packages/components/Chip/src/type.ts","../packages/components/Chip/src/StyledChip/StyledChip.tsx","../packages/components/Chip/src/StyledCounter/StyledCounter.tsx","../packages/components/Chip/src/StyledCounter/style.ts","../packages/components/Chip/src/style.ts","../packages/components/Chip/src/chipShimmer.tsx","../packages/components/Chip/src/Chip.tsx"],"sourcesContent":[null,null,null,null,null,null,null,null],"names":["ChipVariant","ChipSizeType","StyledChip","styled","div","_a","theme","backgroundColor","borderColor","borderRadius","paddingLeft","paddingRight","borderWidth","cursor","paddingTop","paddingBottom","boxShadow","webkitBoxShadow","background","_b","css","__assign","spacing","_c","width","whiteSpace","borderStyle","border","style","none","getStyledChipStyles","position","StyledCounter","getStyledCounterStyles","getChipLabelColor","isSelected","isDisabled","variant","GRADIENT","color","text","success","chip","disabledPrimaryLabel","selectedPrimaryLabel","nonSelectedPrimaryLabel","getChipStyles","showTopIcon","defaultChipStyles","size","SMALL","MEDIUM","getChipPaddingBySize","borderWidthValue","sm","disabled","disabledPrimaryBg","concat","radius","getDisabledChipStyles","selectedPrimaryBorder","selectedPrimaryBg","getSelectedChipStyles","default","DISABLED","neutral","getDefaultChipStyles","breatheAnimation","keyframes","templateObject_1","__makeTemplateObject","AnimatedContainer","templateObject_2","ChipShimmer","props","_jsxs","height","viewBox","fill","xmlns","children","_jsx","opacity","filter","x","y","transform","id","filterUnits","result","mode","in","in2","stdDeviation","Chip","label","showIcon","_d","iconPosition","IconPosition","LEFT","_e","Icon","_f","showCounter","_g","count","_h","isDismissible","_j","_k","onClick","_l","onDismiss","undefined","_m","_o","styleConfig","_p","_q","_r","showShimmerAnimation","useTheme","TOP","chipStyles","counterStyles","getCounterStyles","root","iconContainer","chipContainer","labelContainer","labelTypography","crossContainer","crossIcon","counter","counterContainer","counterTypography","onCrossClick","event","stopPropagation","className","Container","display","alignItems","marginBottom","justifyContent","Typography","colorCode","RIGHT","Cross","crossColor","top","right"],"mappings":"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"}

package/dist/ct-design-chip.cjs.js

@@ -4,8 +4,9 @@ var tslib = require('tslib');
 var jsxRuntime = require('react/jsx-runtime');
 var ctDesignTypography = require('@cleartrip/ct-design-typography');
 var ctDesignContainer = require('@cleartrip/ct-design-container');
-var styled = require('styled-components');
+var styled = require('@emotion/styled');
 var ctDesignTheme = require('@cleartrip/ct-design-theme');
+var react = require('@emotion/react');
 var ctDesignTypes = require('@cleartrip/ct-design-types');
 var ctDesignIcons = require('@cleartrip/ct-design-icons');
 
@@ -14,46 +15,48 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 
 var getStyledChipStyles = function (_a) {
-    var theme = _a.theme, backgroundColor = _a.backgroundColor, borderColor = _a.borderColor, borderRadius = _a.borderRadius, borderWidth = _a.borderWidth, cursor = _a.cursor, paddingTop = _a.paddingTop, paddingBottom = _a.paddingBottom;
+    var theme = _a.theme, backgroundColor = _a.backgroundColor, borderColor = _a.borderColor, borderRadius = _a.borderRadius, borderWidth = _a.borderWidth, cursor = _a.cursor, paddingTop = _a.paddingTop, paddingBottom = _a.paddingBottom, _b = _a.paddingLeft, paddingLeft = _b === void 0 ? theme.spacing[2] : _b, _c = _a.paddingRight, paddingRight = _c === void 0 ? theme.spacing[2] : _c, boxShadow = _a.boxShadow, webkitBoxShadow = _a.webkitBoxShadow, background = _a.background;
     return {
         paddingTop: paddingTop,
         paddingBottom: paddingBottom,
-        paddingLeft: theme.spacing[2],
-        paddingRight: theme.spacing[2],
+        paddingLeft: paddingLeft,
+        paddingRight: paddingRight,
         width: 'fit-content',
         whiteSpace: 'nowrap',
-        borderStyle: theme.border.style.solid,
+        borderStyle: theme.border.style.none,
+        background: background,
         backgroundColor: backgroundColor,
         borderColor: borderColor,
         borderRadius: borderRadius,
         borderWidth: borderWidth,
         cursor: cursor,
+        boxShadow: boxShadow,
+        webkitBoxShadow: webkitBoxShadow,
     };
 };
 
 var StyledChip = styled__default.default.div(function (_a) {
-    var theme = _a.theme, backgroundColor = _a.backgroundColor, borderColor = _a.borderColor, borderRadius = _a.borderRadius, borderWidth = _a.borderWidth, cursor = _a.cursor, paddingTop = _a.paddingTop, paddingBottom = _a.paddingBottom, _b = _a.css, css = _b === void 0 ? {} : _b;
-    return (tslib.__assign(tslib.__assign({}, getStyledChipStyles({
+    var theme = _a.theme, backgroundColor = _a.backgroundColor, borderColor = _a.borderColor, borderRadius = _a.borderRadius, paddingLeft = _a.paddingLeft, paddingRight = _a.paddingRight, borderWidth = _a.borderWidth, cursor = _a.cursor, paddingTop = _a.paddingTop, paddingBottom = _a.paddingBottom, boxShadow = _a.boxShadow, webkitBoxShadow = _a.webkitBoxShadow, background = _a.background, _b = _a.css, css = _b === void 0 ? {} : _b;
+    return (tslib.__assign(tslib.__assign(tslib.__assign({}, getStyledChipStyles({
         theme: theme,
         backgroundColor: backgroundColor,
+        background: background,
         borderColor: borderColor,
         borderRadius: borderRadius,
         borderWidth: borderWidth,
         paddingTop: paddingTop,
         paddingBottom: paddingBottom,
+        paddingLeft: paddingLeft,
+        paddingRight: paddingRight,
         cursor: cursor,
-    })), css));
+        boxShadow: boxShadow,
+        webkitBoxShadow: webkitBoxShadow,
+    })), { position: 'relative' }), css));
 });
 
 var getStyledCounterStyles = function (_a) {
-    var backgroundColor = _a.backgroundColor, theme = _a.theme;
+    _a.theme; var backgroundColor = _a.backgroundColor;
     return {
-        display: 'flex',
-        alignItems: 'center',
-        justifyContent: 'center',
-        height: theme.size[4],
-        width: theme.size[4],
-        borderRadius: theme.border.radius['50P'],
         backgroundColor: backgroundColor,
     };
 };
@@ -63,35 +66,60 @@ var StyledCounter = styled__default.default.div(function (_a) {
     return (tslib.__assign(tslib.__assign({}, getStyledCounterStyles({ theme: theme, backgroundColor: backgroundColor })), css));
 });
 
-var getDisabledChipStyles = function (theme, borderWidth) {
+exports.ChipVariant = void 0;
+(function (ChipVariant) {
+    ChipVariant["DEFAULT"] = "default";
+    ChipVariant["DISABLED"] = "disabled";
+    ChipVariant["GRADIENT"] = "gradient";
+})(exports.ChipVariant || (exports.ChipVariant = {}));
+exports.ChipSizeType = void 0;
+(function (ChipSizeType) {
+    ChipSizeType["SMALL"] = "sm";
+    ChipSizeType["MEDIUM"] = "md";
+})(exports.ChipSizeType || (exports.ChipSizeType = {}));
+
+var getDisabledChipStyles = function (theme) {
+    var borderWidthValue = theme.border.width.sm;
+    var borderColor = theme.color.border.disabled;
     return {
-        backgroundColor: theme.color.background.neutral,
-        borderWidth: theme.border.width[borderWidth],
-        borderColor: theme.color.border.disabled,
+        backgroundColor: theme.color.chip.disabledPrimaryBg,
+        boxShadow: "inset 0 0 0 ".concat(borderWidthValue, " ").concat(borderColor),
+        webkitBoxShadow: "inset 0 0 0 ".concat(borderWidthValue, " ").concat(borderColor),
         borderRadius: theme.border.radius[30],
         cursor: 'not-allowed',
     };
 };
 var getSelectedChipStyles = function (theme, borderWidth) {
+    var borderWidthValue = theme.border.width[borderWidth];
+    var borderColor = theme.color.chip.selectedPrimaryBorder;
     return {
         backgroundColor: theme.color.chip.selectedPrimaryBg,
-        borderWidth: theme.border.width[borderWidth],
-        borderColor: theme.color.chip.selectedPrimaryBorder,
+        boxShadow: "inset 0 0 0 ".concat(borderWidthValue, " ").concat(borderColor),
+        webkitBoxShadow: "inset 0 0 0 ".concat(borderWidthValue, " ").concat(borderColor),
         borderRadius: theme.border.radius[30],
         cursor: 'pointer',
     };
 };
-var getDefaultChipStyles = function (theme, borderWidth) {
+var getDefaultChipStyles = function (theme, variant) {
+    var borderColor = theme.color.border.default;
+    var borderWidthValue = theme.border.width.sm;
     return {
-        backgroundColor: theme.color.background.neutral,
-        borderWidth: theme.border.width[borderWidth],
-        borderColor: theme.color.border.default,
+        background: variant === exports.ChipVariant.GRADIENT
+            ? 'linear-gradient(90deg, #CAFBCC 5.15%, rgba(212, 255, 218, 0.615124) 41.66%, rgba(218, 255, 224, 0.233913) 77.81%, rgba(255, 255, 255, 0) 100%)'
+            : variant === exports.ChipVariant.DISABLED
+                ? theme.color.background.disabled
+                : theme.color.background.neutral,
+        boxShadow: variant === exports.ChipVariant.GRADIENT ? 'none' : "inset 0 0 0 ".concat(borderWidthValue, " ").concat(borderColor, " "),
+        webkitBoxShadow: variant === exports.ChipVariant.GRADIENT ? 'none' : "inset 0 0 0  ".concat(borderWidthValue, " ").concat(borderColor, " "),
         borderRadius: theme.border.radius[30],
         cursor: 'pointer',
     };
 };
 var getChipLabelColor = function (_a) {
-    var isSelected = _a.isSelected, isDisabled = _a.isDisabled, theme = _a.theme;
+    var isSelected = _a.isSelected, isDisabled = _a.isDisabled, theme = _a.theme, variant = _a.variant;
+    if (variant === exports.ChipVariant.GRADIENT) {
+        return theme.color.text.success;
+    }
     if (isDisabled) {
         return theme.color.chip.disabledPrimaryLabel;
     }
@@ -106,26 +134,56 @@ var getCounterStyles = function (_a) {
         backgroundColor: theme.color.chip.selectedPrimaryLabel,
     };
 };
+var getChipPaddingBySize = function (_a) {
+    var showTopIcon = _a.showTopIcon, size = _a.size, theme = _a.theme;
+    switch (size) {
+        case exports.ChipSizeType.SMALL: {
+            return {
+                paddingTop: showTopIcon ? theme.spacing[2] : '6px',
+                paddingBottom: showTopIcon ? theme.spacing[2] : '6px',
+            };
+        }
+        case exports.ChipSizeType.MEDIUM: {
+            return {
+                paddingTop: showTopIcon ? theme.spacing[3] : '10px',
+                paddingBottom: showTopIcon ? theme.spacing[3] : '10px',
+                paddingLeft: theme.spacing[4],
+                paddingRight: theme.spacing[4],
+            };
+        }
+        default: {
+            return {};
+        }
+    }
+};
 var getChipStyles = function (_a) {
-    var isSelected = _a.isSelected, isDisabled = _a.isDisabled, showTopIcon = _a.showTopIcon, theme = _a.theme, borderWidth = _a.borderWidth;
-    var defaultChipStyles = {
-        paddingTop: showTopIcon ? theme.spacing[2] : '6px',
-        paddingBottom: showTopIcon ? theme.spacing[2] : '6px',
-    };
+    var isSelected = _a.isSelected, isDisabled = _a.isDisabled, showTopIcon = _a.showTopIcon, theme = _a.theme, borderWidth = _a.borderWidth, variant = _a.variant, size = _a.size;
+    var defaultChipStyles = getChipPaddingBySize({
+        showTopIcon: showTopIcon,
+        size: size,
+        theme: theme,
+    });
     if (isDisabled) {
-        return tslib.__assign(tslib.__assign({}, defaultChipStyles), getDisabledChipStyles(theme, borderWidth));
+        return tslib.__assign(tslib.__assign({}, defaultChipStyles), getDisabledChipStyles(theme));
     }
     if (isSelected) {
         return tslib.__assign(tslib.__assign({}, defaultChipStyles), getSelectedChipStyles(theme, borderWidth));
     }
-    return tslib.__assign(tslib.__assign({}, defaultChipStyles), getDefaultChipStyles(theme, borderWidth));
+    return tslib.__assign(tslib.__assign({}, defaultChipStyles), getDefaultChipStyles(theme, variant));
+};
+var breatheAnimation = react.keyframes(templateObject_1 || (templateObject_1 = tslib.__makeTemplateObject(["\n  0% { transform: translateX(-50%); opacity:1}\n  80% {opacity: 0.3}\n  100% { transform: translateX(400%); opacity:0}\n  "], ["\n  0% { transform: translateX(-50%); opacity:1}\n  80% {opacity: 0.3}\n  100% { transform: translateX(400%); opacity:0}\n  "])));
+var AnimatedContainer = styled__default.default.div(templateObject_2 || (templateObject_2 = tslib.__makeTemplateObject(["\n  position: absolute;\n  display: inline-flex;\n  top: -14px;\n  left: 0;\n  opacity: 5;\n  overflow: hidden;\n  animation-name: ", ";\n  animation-duration: 5s;\n  animation-iteration-count: 2;\n  animation-fill-mode: forwards;\n"], ["\n  position: absolute;\n  display: inline-flex;\n  top: -14px;\n  left: 0;\n  opacity: 5;\n  overflow: hidden;\n  animation-name: ", ";\n  animation-duration: 5s;\n  animation-iteration-count: 2;\n  animation-fill-mode: forwards;\n"])), breatheAnimation);
+var templateObject_1, templateObject_2;
+
+var ChipShimmer = function (props) {
+    return (jsxRuntime.jsxs("svg", tslib.__assign({ width: '50', height: '50', viewBox: '0 0 69 98', fill: 'none', xmlns: 'http://www.w3.org/2000/svg' }, props, { children: [jsxRuntime.jsx("g", tslib.__assign({ opacity: '1', filter: 'url(#filter0_f_13505_53133)' }, { children: jsxRuntime.jsx("rect", { x: '43', y: '16.6328', width: '10.541', height: '66', transform: 'rotate(24 43 16.6328)', fill: 'white' }) })), jsxRuntime.jsx("defs", { children: jsxRuntime.jsxs("filter", tslib.__assign({ id: 'filter0_f_13505_53133', x: '0.15625', y: '0.632812', width: '68.4727', height: '96.5813', filterUnits: 'userSpaceOnUse', "color-interpolation-filters": 'sRGB' }, { children: [jsxRuntime.jsx("feFlood", { "flood-opacity": '0', result: 'BackgroundImageFix' }), jsxRuntime.jsx("feBlend", { mode: 'normal', in: 'SourceGraphic', in2: 'BackgroundImageFix', result: 'shape' }), jsxRuntime.jsx("feGaussianBlur", { stdDeviation: '8', result: 'effect1_foregroundBlur_13505_53133' })] })) })] })));
 };
 
 var Chip = function (_a) {
-    var label = _a.label, _b = _a.showIcon, showIcon = _b === void 0 ? false : _b, _c = _a.iconPosition, iconPosition = _c === void 0 ? ctDesignTypes.IconPosition.LEFT : _c, _d = _a.Icon, Icon = _d === void 0 ? null : _d, _e = _a.showCounter, showCounter = _e === void 0 ? false : _e, _f = _a.count, count = _f === void 0 ? 0 : _f, _g = _a.isDismissible, isDismissible = _g === void 0 ? false : _g, _h = _a.isSelected, isSelected = _h === void 0 ? false : _h, _j = _a.isDisabled, isDisabled = _j === void 0 ? false : _j, onClick = _a.onClick, _k = _a.onDismiss, onDismiss = _k === void 0 ? undefined : _k, _l = _a.borderWidth, borderWidth = _l === void 0 ? 'md' : _l, _m = _a.styleConfig, styleConfig = _m === void 0 ? {} : _m;
+    var _b = _a.label, label = _b === void 0 ? '' : _b, _c = _a.showIcon, showIcon = _c === void 0 ? false : _c, _d = _a.iconPosition, iconPosition = _d === void 0 ? ctDesignTypes.IconPosition.LEFT : _d, _e = _a.Icon, Icon = _e === void 0 ? null : _e, _f = _a.showCounter, showCounter = _f === void 0 ? false : _f, _g = _a.count, count = _g === void 0 ? 0 : _g, _h = _a.isDismissible, isDismissible = _h === void 0 ? false : _h, _j = _a.isSelected, isSelected = _j === void 0 ? false : _j, _k = _a.isDisabled, isDisabled = _k === void 0 ? false : _k, onClick = _a.onClick, _l = _a.onDismiss, onDismiss = _l === void 0 ? undefined : _l, _m = _a.borderWidth, borderWidth = _m === void 0 ? 'md' : _m, _o = _a.styleConfig, styleConfig = _o === void 0 ? {} : _o, _p = _a.variant, variant = _p === void 0 ? 'default' : _p, _q = _a.size, size = _q === void 0 ? 'sm' : _q, _r = _a.showShimmerAnimation, showShimmerAnimation = _r === void 0 ? false : _r;
     var theme = ctDesignTheme.useTheme();
     var showTopIcon = showIcon && iconPosition === ctDesignTypes.IconPosition.TOP;
-    var chipStyles = getChipStyles({ isSelected: isSelected, isDisabled: isDisabled, showTopIcon: showTopIcon, theme: theme, borderWidth: borderWidth });
+    var chipStyles = getChipStyles({ isSelected: isSelected, isDisabled: isDisabled, showTopIcon: showTopIcon, theme: theme, borderWidth: borderWidth, variant: variant, size: size });
     var counterStyles = getCounterStyles({ theme: theme });
     var root = styleConfig.root, iconContainer = styleConfig.iconContainer, chipContainer = styleConfig.chipContainer, labelContainer = styleConfig.labelContainer, labelTypography = styleConfig.labelTypography, crossContainer = styleConfig.crossContainer, crossIcon = styleConfig.crossIcon, counter = styleConfig.counter, counterContainer = styleConfig.counterContainer, counterTypography = styleConfig.counterTypography;
     var onCrossClick = function (event) {
@@ -134,7 +192,16 @@ var Chip = function (_a) {
             onDismiss();
         }
     };
-    return (jsxRuntime.jsxs(StyledChip, tslib.__assign({}, chipStyles, { theme: theme, onClick: isDisabled ? undefined : onClick, className: root === null || root === void 0 ? void 0 : root.className, css: root === null || root === void 0 ? void 0 : root.css }, { children: [showIcon && iconPosition === ctDesignTypes.IconPosition.TOP && (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ display: 'flex', alignItems: 'center', marginBottom: theme.spacing[1], className: iconContainer === null || iconContainer === void 0 ? void 0 : iconContainer.className, css: iconContainer === null || iconContainer === void 0 ? void 0 : iconContainer.css }, { children: Icon }))), jsxRuntime.jsxs(ctDesignContainer.Container, tslib.__assign({ display: 'flex', alignItems: 'center', justifyContent: 'center', className: chipContainer === null || chipContainer === void 0 ? void 0 : chipContainer.className, css: chipContainer === null || chipContainer === void 0 ? void 0 : chipContainer.css }, { children: [showIcon && iconPosition === ctDesignTypes.IconPosition.LEFT && (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ display: 'flex', alignItems: 'center', justifyContent: 'center', paddingRight: theme.spacing[1], className: iconContainer === null || iconContainer === void 0 ? void 0 : iconContainer.className, css: iconContainer === null || iconContainer === void 0 ? void 0 : iconContainer.css }, { children: Icon }))), jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ paddingLeft: theme.spacing[1], paddingRight: theme.spacing[1], className: labelContainer === null || labelContainer === void 0 ? void 0 : labelContainer.className, css: labelContainer === null || labelContainer === void 0 ? void 0 : labelContainer.css }, { children: jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'B2', colorCode: getChipLabelColor({ isSelected: isSelected, isDisabled: isDisabled, theme: theme }), styleConfig: labelTypography }, { children: label })) })), showIcon && iconPosition === ctDesignTypes.IconPosition.RIGHT && (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ display: 'flex', alignItems: 'center', justifyContent: 'center', paddingLeft: theme.spacing[1], className: iconContainer === null || iconContainer === void 0 ? void 0 : iconContainer.className, css: iconContainer === null || iconContainer === void 0 ? void 0 : iconContainer.css }, { children: Icon }))), showCounter && (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ paddingLeft: theme.spacing[1], className: counterContainer === null || counterContainer === void 0 ? void 0 : counterContainer.className, css: counterContainer === null || counterContainer === void 0 ? void 0 : counterContainer.css }, { children: jsxRuntime.jsx(StyledCounter, tslib.__assign({}, counterStyles, { className: counter === null || counter === void 0 ? void 0 : counter.className, css: counter === null || counter === void 0 ? void 0 : counter.css }, { children: jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'TAG', color: 'neutral', styleConfig: counterTypography }, { children: count })) })) }))), isDismissible && (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ paddingLeft: theme.spacing[1], display: 'flex', alignItems: 'center', justifyContent: 'center', onClick: onCrossClick, className: crossContainer === null || crossContainer === void 0 ? void 0 : crossContainer.className, css: crossContainer === null || crossContainer === void 0 ? void 0 : crossContainer.css }, { children: jsxRuntime.jsx(ctDesignIcons.Cross, tslib.__assign({ crossColor: isSelected ? theme.color.chip.selectedPrimaryLabel : theme.color.chip.nonSelectedPrimaryLabel }, (crossIcon || {}))) })))] }))] })));
+    var renderLabelComponent = function () {
+        if (typeof label === 'string') {
+            return (jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'B2', colorCode: getChipLabelColor({ variant: variant, isSelected: isSelected, isDisabled: isDisabled, theme: theme }), styleConfig: labelTypography }, { children: label })));
+        }
+        return label;
+    };
+    if (!label) {
+        return (jsxRuntime.jsxs(StyledChip, tslib.__assign({}, chipStyles, { theme: theme, onClick: isDisabled ? undefined : onClick, className: root === null || root === void 0 ? void 0 : root.className, css: tslib.__assign(tslib.__assign({}, root === null || root === void 0 ? void 0 : root.css), { position: 'relative' }) }, { children: [jsxRuntime.jsxs(ctDesignContainer.Container, tslib.__assign({ display: 'flex', alignItems: 'center', justifyContent: 'center', className: chipContainer === null || chipContainer === void 0 ? void 0 : chipContainer.className, css: chipContainer === null || chipContainer === void 0 ? void 0 : chipContainer.css }, { children: [jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ display: 'flex', alignItems: 'center', justifyContent: 'center', className: iconContainer === null || iconContainer === void 0 ? void 0 : iconContainer.className, css: iconContainer === null || iconContainer === void 0 ? void 0 : iconContainer.css }, { children: Icon })), isDismissible && (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ paddingLeft: theme.spacing[1], display: 'flex', alignItems: 'center', justifyContent: 'center', onClick: onCrossClick, className: crossContainer === null || crossContainer === void 0 ? void 0 : crossContainer.className, css: crossContainer === null || crossContainer === void 0 ? void 0 : crossContainer.css }, { children: jsxRuntime.jsx(ctDesignIcons.Cross, tslib.__assign({ crossColor: isSelected ? theme.color.chip.selectedPrimaryLabel : theme.color.chip.nonSelectedPrimaryLabel }, (crossIcon || {}))) })))] })), showCounter && (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ className: counterContainer === null || counterContainer === void 0 ? void 0 : counterContainer.className, css: counterContainer === null || counterContainer === void 0 ? void 0 : counterContainer.css, position: 'absolute', top: -7, right: -7 }, { children: jsxRuntime.jsx(StyledCounter, tslib.__assign({}, counterStyles, { className: counter === null || counter === void 0 ? void 0 : counter.className, css: counter === null || counter === void 0 ? void 0 : counter.css }, { children: jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'TAG', color: 'neutral', styleConfig: counterTypography }, { children: count })) })) })))] })));
+    }
+    return (jsxRuntime.jsxs(StyledChip, tslib.__assign({}, chipStyles, { theme: theme, onClick: isDisabled ? undefined : onClick, className: root === null || root === void 0 ? void 0 : root.className, css: root === null || root === void 0 ? void 0 : root.css }, { children: [showIcon && iconPosition === ctDesignTypes.IconPosition.TOP && (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ display: 'flex', alignItems: 'center', marginBottom: theme.spacing[1], className: iconContainer === null || iconContainer === void 0 ? void 0 : iconContainer.className, css: iconContainer === null || iconContainer === void 0 ? void 0 : iconContainer.css }, { children: Icon }))), jsxRuntime.jsxs(ctDesignContainer.Container, tslib.__assign({ display: 'flex', alignItems: 'center', justifyContent: 'center', className: chipContainer === null || chipContainer === void 0 ? void 0 : chipContainer.className, css: chipContainer === null || chipContainer === void 0 ? void 0 : chipContainer.css }, { children: [showIcon && iconPosition === ctDesignTypes.IconPosition.LEFT && (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ display: 'flex', alignItems: 'center', justifyContent: 'center', paddingRight: theme.spacing[1], className: iconContainer === null || iconContainer === void 0 ? void 0 : iconContainer.className, css: iconContainer === null || iconContainer === void 0 ? void 0 : iconContainer.css }, { children: Icon }))), jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ paddingLeft: theme.spacing[1], paddingRight: theme.spacing[1], className: labelContainer === null || labelContainer === void 0 ? void 0 : labelContainer.className, css: labelContainer === null || labelContainer === void 0 ? void 0 : labelContainer.css }, { children: renderLabelComponent() })), showShimmerAnimation && (jsxRuntime.jsx(AnimatedContainer, { children: jsxRuntime.jsx(ChipShimmer, {}) })), showIcon && iconPosition === ctDesignTypes.IconPosition.RIGHT && (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ display: 'flex', alignItems: 'center', justifyContent: 'center', paddingLeft: theme.spacing[1], className: iconContainer === null || iconContainer === void 0 ? void 0 : iconContainer.className, css: iconContainer === null || iconContainer === void 0 ? void 0 : iconContainer.css }, { children: Icon }))), showCounter && (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ paddingLeft: theme.spacing[1], className: counterContainer === null || counterContainer === void 0 ? void 0 : counterContainer.className, css: counterContainer === null || counterContainer === void 0 ? void 0 : counterContainer.css }, { children: jsxRuntime.jsx(StyledCounter, tslib.__assign({}, counterStyles, { className: counter === null || counter === void 0 ? void 0 : counter.className, css: counter === null || counter === void 0 ? void 0 : counter.css }, { children: jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'TAG', color: 'neutral', styleConfig: counterTypography }, { children: count })) })) }))), isDismissible && (jsxRuntime.jsx(ctDesignContainer.Container, tslib.__assign({ paddingLeft: theme.spacing[1], display: 'flex', alignItems: 'center', justifyContent: 'center', onClick: onCrossClick, className: crossContainer === null || crossContainer === void 0 ? void 0 : crossContainer.className, css: crossContainer === null || crossContainer === void 0 ? void 0 : crossContainer.css }, { children: jsxRuntime.jsx(ctDesignIcons.Cross, tslib.__assign({ crossColor: isSelected ? theme.color.chip.selectedPrimaryLabel : theme.color.chip.nonSelectedPrimaryLabel }, (crossIcon || {}))) })))] }))] })));
 };
 
 exports.Chip = Chip;