npm - @channel.io/bezier-react - Versions diffs - 1.18.0 → 1.20.0 - Mend

@channel.io/bezier-react 1.18.0 → 1.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (624) hide show

package/dist/cjs/components/AlphaSmoothCornersBox/AlphaSmoothCornersBox.js CHANGED Viewed

@@ -1,12 +1,12 @@
 'use strict';
 var React = require('react');
-var styleUtils = require('../../utils/styleUtils.js');
+var style = require('../../utils/style.js');
 var AlphaSmoothCornersBox_styled = require('./AlphaSmoothCornersBox.styled.js');
 var FeatureProvider = require('../../features/FeatureProvider.js');
 var Feature = require('../../features/Feature.js');
-const cv = styleUtils.cssVarName('alpha-smooth-corners-box');
+const cv = style.cssVarName('alpha-smooth-corners-box');
 /**
  * `AlphaSmoothCornersBox` is a simple `div` element with smooth corners.
@@ -34,27 +34,27 @@ const AlphaSmoothCornersBox = /*#__PURE__*/React.forwardRef(function AlphaSmooth
   const smoothCornersEnabled = FeatureProvider.useFeatureFlag(Feature.FeatureType.SmoothCorners);
   const enabled = !disabled && smoothCornersEnabled;
   const shadowSpreadRadius = shadow?.spreadRadius ?? 0;
-  const style = React.useMemo(() => ({
+  const style$1 = React.useMemo(() => ({
     ...styleProp,
     [cv('border-radius')]: borderRadius,
     [cv('border-radius-type')]: typeof borderRadius,
     [cv('shadow-offset-x')]: shadow?.offsetX,
     [cv('shadow-offset-y')]: shadow?.offsetY,
-    [cv('shadow-blur-radius')]: styleUtils.px(shadow?.blurRadius ?? 0),
-    [cv('shadow-spread-radius')]: styleUtils.px(shadowSpreadRadius),
-    [cv('shadow-color')]: styleUtils.cssVarValue(shadow?.color),
+    [cv('shadow-blur-radius')]: style.px(shadow?.blurRadius ?? 0),
+    [cv('shadow-spread-radius')]: style.px(shadowSpreadRadius),
+    [cv('shadow-color')]: style.cssVarValue(shadow?.color),
     /**
      * NOTE: Calculate in javascript because it cannot access calculated values via CSS calc() in the paint worklet.
      * @see {@link ~/src/features/SmoothCorners/smoothCornersScript.ts}
      */
-    [cv('padding')]: styleUtils.px(shadowSpreadRadius * 2),
-    [cv('margin')]: styleUtils.px(margin ?? 0),
-    [cv('background-color')]: styleUtils.cssVarValue(backgroundColor),
-    [cv('background-image')]: styleUtils.cssUrl(backgroundImage)
+    [cv('padding')]: style.px(shadowSpreadRadius * 2),
+    [cv('margin')]: style.px(margin ?? 0),
+    [cv('background-color')]: style.cssVarValue(backgroundColor),
+    [cv('background-image')]: style.cssUrl(backgroundImage)
   }), [styleProp, borderRadius, margin, shadow, shadowSpreadRadius, backgroundColor, backgroundImage]);
   return /*#__PURE__*/React.createElement(AlphaSmoothCornersBox_styled.Box, Object.assign({}, rest, {
     ref: forwardedRef,
-    style: style,
+    style: style$1,
     "data-state": enabled ? 'enabled' : 'disabled'
   }), children);
 });

package/dist/cjs/components/AlphaSmoothCornersBox/AlphaSmoothCornersBox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlphaSmoothCornersBox.js","sources":["../../../../src/components/AlphaSmoothCornersBox/AlphaSmoothCornersBox.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useMemo,\n} from 'react'\n\nimport {\n FeatureType,\n useFeatureFlag,\n} from '~/src/features'\nimport {\n cssUrl,\n cssVarName,\n cssVarValue,\n px,\n} from '~/src/utils/~~styleUtils~~'\n\nimport { type AlphaSmoothCornersBoxProps } from './AlphaSmoothCornersBox.types'\n\nimport * as Styled from './AlphaSmoothCornersBox.styled'\n\nconst cv = cssVarName('alpha-smooth-corners-box')\n\n/*\n `AlphaSmoothCornersBox` is a simple `div` element with smooth corners.\n * It is available by enabling the `SmoothCornersFeature`.\n \n @example\n \n ```tsx\n * <FeatureProvider features={[SmoothCornersFeature]}>\n * <AlphaSmoothCornersBox />\n * </FeatureProvider>\n * ```\n /\nexport const AlphaSmoothCornersBox = forwardRef<HTMLElement, AlphaSmoothCornersBoxProps>(function AlphaSmoothCornersBox({\n children,\n disabled,\n borderRadius,\n margin,\n shadow,\n backgroundColor,\n backgroundImage,\n style: styleProp,\n ...rest\n}, forwardedRef) {\n const smoothCornersEnabled = useFeatureFlag(FeatureType.SmoothCorners)\n const enabled = !disabled && smoothCornersEnabled\n\n const shadowSpreadRadius = shadow?.spreadRadius ?? 0\n\n const style = useMemo(() => ({\n ...styleProp,\n [cv('border-radius')]: borderRadius,\n [cv('border-radius-type')]: typeof borderRadius,\n [cv('shadow-offset-x')]: shadow?.offsetX,\n [cv('shadow-offset-y')]: shadow?.offsetY,\n [cv('shadow-blur-radius')]: px(shadow?.blurRadius ?? 0),\n [cv('shadow-spread-radius')]: px(shadowSpreadRadius),\n [cv('shadow-color')]: cssVarValue(shadow?.color),\n /\n NOTE: Calculate in javascript because it cannot access calculated values via CSS calc() in the paint worklet.\n * @see {@link ~/src/features/SmoothCorners/smoothCornersScript.ts}\n /\n [cv('padding')]: px(shadowSpreadRadius 2),\n [cv('margin')]: px(margin ?? 0),\n [cv('background-color')]: cssVarValue(backgroundColor),\n [cv('background-image')]: cssUrl(backgroundImage),\n }), [\n styleProp,\n borderRadius,\n margin,\n shadow,\n shadowSpreadRadius,\n backgroundColor,\n backgroundImage,\n ])\n\n return (\n <Styled.Box\n {...rest}\n ref={forwardedRef}\n style={style}\n data-state={enabled ? 'enabled' : 'disabled'}\n >\n { children }\n </Styled.Box>\n )\n})\n"],"names":["cv","cssVarName","AlphaSmoothCornersBox","forwardRef","children","disabled","borderRadius","margin","shadow","backgroundColor","backgroundImage","style","styleProp","rest","forwardedRef","smoothCornersEnabled","useFeatureFlag","FeatureType","SmoothCorners","enabled","shadowSpreadRadius","spreadRadius","useMemo","offsetX","offsetY","px","blurRadius","cssVarValue","color","cssUrl","React","createElement","Styled","Object","assign","ref"],"mappings":";;;;;;;;AAoBA,MAAMA,EAAE,GAAGC,~~qBAAU~~,CAAC,0BAA0B,CAAC,CAAA;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaC,qBAAqB,gBAAGC,gBAAU,CAA0C,SAASD,qBAAqBA,CAAC;EACtHE,QAAQ;EACRC,QAAQ;EACRC,YAAY;EACZC,MAAM;EACNC,MAAM;EACNC,eAAe;EACfC,eAAe;AACfC,EAAAA,KAAK,EAAEC,SAAS;EAChB,GAAGC,IAAAA;AACL,CAAC,EAAEC,YAAY,EAAE;AACf,EAAA,MAAMC,oBAAoB,GAAGC,8BAAc,CAACC,mBAAW,CAACC,aAAa,CAAC,CAAA;AACtE,EAAA,MAAMC,OAAO,GAAG,CAACd,QAAQ,IAAIU,oBAAoB,CAAA;AAEjD,EAAA,MAAMK,kBAAkB,GAAGZ,MAAM,EAAEa,YAAY,IAAI,CAAC,CAAA;AAEpD,EAAA,MAAMV,~~KAAK~~,GAAGW,aAAO,CAAC,OAAO;AAC3B,IAAA,GAAGV,SAAS;AACZ,IAAA,CAACZ,EAAE,CAAC,eAAe,CAAC,GAAGM,YAAY;AACnC,IAAA,CAACN,EAAE,CAAC,oBAAoB,CAAC,GAAG,OAAOM,YAAY;AAC/C,IAAA,CAACN,EAAE,CAAC,iBAAiB,CAAC,GAAGQ,MAAM,EAAEe,OAAO;AACxC,IAAA,CAACvB,EAAE,CAAC,iBAAiB,CAAC,GAAGQ,MAAM,EAAEgB,OAAO;AACxC,IAAA,CAACxB,EAAE,CAAC,oBAAoB,CAAC,GAAGyB,~~aAAE~~,CAACjB,MAAM,EAAEkB,UAAU,IAAI,CAAC,CAAC;IACvD,CAAC1B,EAAE,CAAC,sBAAsB,CAAC,GAAGyB,~~aAAE~~,CAACL,kBAAkB,CAAC;IACpD,CAACpB,EAAE,CAAC,cAAc,CAAC,GAAG2B,~~sBAAW~~,CAACnB,MAAM,EAAEoB,KAAK,CAAC;AAChD;AACJ;AACA;AACA;IACI,CAAC5B,EAAE,CAAC,SAAS,CAAC,GAAGyB,~~aAAE~~,CAACL,kBAAkB,GAAG,CAAC,CAAC;IAC3C,CAACpB,EAAE,CAAC,QAAQ,CAAC,GAAGyB,~~aAAE~~,CAAClB,MAAM,IAAI,CAAC,CAAC;IAC/B,CAACP,EAAE,CAAC,kBAAkB,CAAC,GAAG2B,~~sBAAW~~,CAAClB,eAAe,CAAC;AACtD,IAAA,CAACT,EAAE,CAAC,kBAAkB,CAAC,GAAG6B,~~iBAAM~~,CAACnB,eAAe,CAAA;AAClD,GAAC,CAAC,EAAE,CACFE,SAAS,EACTN,YAAY,EACZC,MAAM,EACNC,MAAM,EACNY,kBAAkB,EAClBX,eAAe,EACfC,eAAe,CAChB,CAAC,CAAA;AAEF,EAAA,oBACEoB,KAAA,CAAAC,aAAA,CAACC,gCAAU,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EACLrB,IAAI,EAAA;AACRsB,IAAAA,GAAG,EAAErB,YAAa;AAClBH,IAAAA,KAAK,EAAEA,~~KAAM~~;IACb,YAAYQ,EAAAA,OAAO,GAAG,SAAS,GAAG,UAAA;AAAW,GAAA,CAAA,EAE3Cf,QACQ,CAAC,CAAA;AAEjB,CAAC;;;;"}
1	+ {"version":3,"file":"AlphaSmoothCornersBox.js","sources":["../../../../src/components/AlphaSmoothCornersBox/AlphaSmoothCornersBox.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useMemo,\n} from 'react'\n\nimport {\n FeatureType,\n useFeatureFlag,\n} from '~/src/features'\nimport {\n cssUrl,\n cssVarName,\n cssVarValue,\n px,\n} from '~/src/utils/style'\n\nimport { type AlphaSmoothCornersBoxProps } from './AlphaSmoothCornersBox.types'\n\nimport * as Styled from './AlphaSmoothCornersBox.styled'\n\nconst cv = cssVarName('alpha-smooth-corners-box')\n\n/*\n `AlphaSmoothCornersBox` is a simple `div` element with smooth corners.\n * It is available by enabling the `SmoothCornersFeature`.\n \n @example\n \n ```tsx\n * <FeatureProvider features={[SmoothCornersFeature]}>\n * <AlphaSmoothCornersBox />\n * </FeatureProvider>\n * ```\n /\nexport const AlphaSmoothCornersBox = forwardRef<HTMLElement, AlphaSmoothCornersBoxProps>(function AlphaSmoothCornersBox({\n children,\n disabled,\n borderRadius,\n margin,\n shadow,\n backgroundColor,\n backgroundImage,\n style: styleProp,\n ...rest\n}, forwardedRef) {\n const smoothCornersEnabled = useFeatureFlag(FeatureType.SmoothCorners)\n const enabled = !disabled && smoothCornersEnabled\n\n const shadowSpreadRadius = shadow?.spreadRadius ?? 0\n\n const style = useMemo(() => ({\n ...styleProp,\n [cv('border-radius')]: borderRadius,\n [cv('border-radius-type')]: typeof borderRadius,\n [cv('shadow-offset-x')]: shadow?.offsetX,\n [cv('shadow-offset-y')]: shadow?.offsetY,\n [cv('shadow-blur-radius')]: px(shadow?.blurRadius ?? 0),\n [cv('shadow-spread-radius')]: px(shadowSpreadRadius),\n [cv('shadow-color')]: cssVarValue(shadow?.color),\n /\n NOTE: Calculate in javascript because it cannot access calculated values via CSS calc() in the paint worklet.\n * @see {@link ~/src/features/SmoothCorners/smoothCornersScript.ts}\n /\n [cv('padding')]: px(shadowSpreadRadius 2),\n [cv('margin')]: px(margin ?? 0),\n [cv('background-color')]: cssVarValue(backgroundColor),\n [cv('background-image')]: cssUrl(backgroundImage),\n }), [\n styleProp,\n borderRadius,\n margin,\n shadow,\n shadowSpreadRadius,\n backgroundColor,\n backgroundImage,\n ])\n\n return (\n <Styled.Box\n {...rest}\n ref={forwardedRef}\n style={style}\n data-state={enabled ? 'enabled' : 'disabled'}\n >\n { children }\n </Styled.Box>\n )\n})\n"],"names":["cv","cssVarName","AlphaSmoothCornersBox","forwardRef","children","disabled","borderRadius","margin","shadow","backgroundColor","backgroundImage","style","styleProp","rest","forwardedRef","smoothCornersEnabled","useFeatureFlag","FeatureType","SmoothCorners","enabled","shadowSpreadRadius","spreadRadius","useMemo","offsetX","offsetY","px","blurRadius","cssVarValue","color","cssUrl","React","createElement","Styled","Object","assign","ref"],"mappings":";;;;;;;;AAoBA,MAAMA,EAAE,GAAGC,gBAAU,CAAC,0BAA0B,CAAC,CAAA;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaC,qBAAqB,gBAAGC,gBAAU,CAA0C,SAASD,qBAAqBA,CAAC;EACtHE,QAAQ;EACRC,QAAQ;EACRC,YAAY;EACZC,MAAM;EACNC,MAAM;EACNC,eAAe;EACfC,eAAe;AACfC,EAAAA,KAAK,EAAEC,SAAS;EAChB,GAAGC,IAAAA;AACL,CAAC,EAAEC,YAAY,EAAE;AACf,EAAA,MAAMC,oBAAoB,GAAGC,8BAAc,CAACC,mBAAW,CAACC,aAAa,CAAC,CAAA;AACtE,EAAA,MAAMC,OAAO,GAAG,CAACd,QAAQ,IAAIU,oBAAoB,CAAA;AAEjD,EAAA,MAAMK,kBAAkB,GAAGZ,MAAM,EAAEa,YAAY,IAAI,CAAC,CAAA;AAEpD,EAAA,MAAMV,OAAK,GAAGW,aAAO,CAAC,OAAO;AAC3B,IAAA,GAAGV,SAAS;AACZ,IAAA,CAACZ,EAAE,CAAC,eAAe,CAAC,GAAGM,YAAY;AACnC,IAAA,CAACN,EAAE,CAAC,oBAAoB,CAAC,GAAG,OAAOM,YAAY;AAC/C,IAAA,CAACN,EAAE,CAAC,iBAAiB,CAAC,GAAGQ,MAAM,EAAEe,OAAO;AACxC,IAAA,CAACvB,EAAE,CAAC,iBAAiB,CAAC,GAAGQ,MAAM,EAAEgB,OAAO;AACxC,IAAA,CAACxB,EAAE,CAAC,oBAAoB,CAAC,GAAGyB,QAAE,CAACjB,MAAM,EAAEkB,UAAU,IAAI,CAAC,CAAC;IACvD,CAAC1B,EAAE,CAAC,sBAAsB,CAAC,GAAGyB,QAAE,CAACL,kBAAkB,CAAC;IACpD,CAACpB,EAAE,CAAC,cAAc,CAAC,GAAG2B,iBAAW,CAACnB,MAAM,EAAEoB,KAAK,CAAC;AAChD;AACJ;AACA;AACA;IACI,CAAC5B,EAAE,CAAC,SAAS,CAAC,GAAGyB,QAAE,CAACL,kBAAkB,GAAG,CAAC,CAAC;IAC3C,CAACpB,EAAE,CAAC,QAAQ,CAAC,GAAGyB,QAAE,CAAClB,MAAM,IAAI,CAAC,CAAC;IAC/B,CAACP,EAAE,CAAC,kBAAkB,CAAC,GAAG2B,iBAAW,CAAClB,eAAe,CAAC;AACtD,IAAA,CAACT,EAAE,CAAC,kBAAkB,CAAC,GAAG6B,YAAM,CAACnB,eAAe,CAAA;AAClD,GAAC,CAAC,EAAE,CACFE,SAAS,EACTN,YAAY,EACZC,MAAM,EACNC,MAAM,EACNY,kBAAkB,EAClBX,eAAe,EACfC,eAAe,CAChB,CAAC,CAAA;AAEF,EAAA,oBACEoB,KAAA,CAAAC,aAAA,CAACC,gCAAU,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EACLrB,IAAI,EAAA;AACRsB,IAAAA,GAAG,EAAErB,YAAa;AAClBH,IAAAA,KAAK,EAAEA,OAAM;IACb,YAAYQ,EAAAA,OAAO,GAAG,SAAS,GAAG,UAAA;AAAW,GAAA,CAAA,EAE3Cf,QACQ,CAAC,CAAA;AAEjB,CAAC;;;;"}

package/dist/cjs/components/AlphaStack/AlphaStack.js CHANGED Viewed

@@ -1,11 +1,11 @@
 'use strict';
 var React = require('react');
-var styleUtils = require('../../utils/styleUtils.js');
+var style = require('../../utils/style.js');
 var AlphaStack_styled = require('./AlphaStack.styled.js');
 var flexAdapter = require('../Stack/util/flexAdapter.js');
-const cv = styleUtils.cssVarName('alpha-stack');
+const cv = style.cssVarName('alpha-stack');
 /**
  * `AlphaStack` provides an abstraction of **flex layout** so that
@@ -30,7 +30,7 @@ const AlphaStack = /*#__PURE__*/React.forwardRef(function AlphaStack({
   testId = 'bezier-react-alpha-stack',
   className,
   interpolation,
-  style,
+  style: style$1,
   children,
   direction,
   justify = 'start',
@@ -39,12 +39,12 @@ const AlphaStack = /*#__PURE__*/React.forwardRef(function AlphaStack({
   ...rest
 }, forwardedRef) {
   const stackStyle = React.useMemo(() => ({
-    ...style,
+    ...style$1,
     [cv('direction')]: direction === 'horizontal' ? 'row' : 'column',
     [cv('justify')]: flexAdapter.flex(justify),
     [cv('align')]: flexAdapter.flex(align),
-    [cv('spacing')]: styleUtils.px(spacing)
-  }), [align, direction, justify, spacing, style]);
+    [cv('spacing')]: style.px(spacing)
+  }), [align, direction, justify, spacing, style$1]);
   return /*#__PURE__*/React.createElement(AlphaStack_styled.Container, Object.assign({
     ref: forwardedRef,
     as: as,

package/dist/cjs/components/AlphaStack/AlphaStack.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlphaStack.js","sources":["../../../../src/components/AlphaStack/AlphaStack.tsx"],"sourcesContent":["import React, {\n type Ref,\n forwardRef,\n useMemo,\n} from 'react'\n\nimport {\n cssVarName,\n px,\n} from '~/src/utils/~~styleUtils~~'\n\nimport { flex } from '~/src/components/Stack/util'\n\nimport type { AlphaStackProps } from './AlphaStack.types'\n\nimport * as Styled from './AlphaStack.styled'\n\nconst cv = cssVarName('alpha-stack')\n\n/*\n `AlphaStack` provides an abstraction of flex layout so that\n * rendering of child elements linearly can be done\n * with simplified options.\n \n `AlphaStack` always fills the parent element.\n \n Be reminded that the first depth children element of AlphaStack would be StackItem that is adjusted by flex layout\n \n @example\n \n ```tsx\n * <AlphaStack direction=\"horizontal\" spacing={8}>\n * <div>{ ... }</div>\n * <div>{ ... }</div>\n * </AlphaStack>\n * ```\n */\nexport const AlphaStack = forwardRef(function AlphaStack(\n {\n as = 'div',\n testId = 'bezier-react-alpha-stack',\n className,\n interpolation,\n style,\n children,\n direction,\n justify = 'start',\n align = 'stretch',\n spacing = 0,\n ...rest\n }: AlphaStackProps,\n forwardedRef: Ref<HTMLElement>,\n) {\n const stackStyle = useMemo(() => ({\n ...style,\n [cv('direction')]: direction === 'horizontal' ? 'row' : 'column',\n [cv('justify')]: flex(justify),\n [cv('align')]: flex(align),\n [cv('spacing')]: px(spacing),\n } as React.CSSProperties),\n [\n align,\n direction,\n justify,\n spacing,\n style,\n ])\n\n return (\n <Styled.Container\n ref={forwardedRef}\n as={as}\n data-testid={testId}\n style={stackStyle}\n className={className}\n interpolation={interpolation}\n {...rest}\n >\n { children }\n </Styled.Container>\n )\n})\n"],"names":["cv","cssVarName","AlphaStack","forwardRef","as","testId","className","interpolation","style","children","direction","justify","align","spacing","rest","forwardedRef","stackStyle","useMemo","flex","px","React","createElement","Styled","Object","assign","ref"],"mappings":";;;;;;;AAiBA,MAAMA,EAAE,GAAGC,~~qBAAU~~,CAAC,aAAa,CAAC,CAAA;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaC,UAAU,gBAAGC,gBAAU,CAAC,SAASD,UAAUA,CACtD;AACEE,EAAAA,EAAE,GAAG,KAAK;AACVC,EAAAA,MAAM,GAAG,0BAA0B;EACnCC,SAAS;EACTC,aAAa;~~EACbC~~,~~KAAK~~;EACLC,QAAQ;EACRC,SAAS;AACTC,EAAAA,OAAO,GAAG,OAAO;AACjBC,EAAAA,KAAK,GAAG,SAAS;AACjBC,EAAAA,OAAO,GAAG,CAAC;EACX,GAAGC,IAAAA;AACY,CAAC,EAClBC,YAA8B,EAC9B;AACA,EAAA,MAAMC,UAAU,GAAGC,aAAO,CAAC,OAAO;AAChC,IAAA,GAAGT,~~KAAK~~;IACR,CAACR,EAAE,CAAC,WAAW,CAAC,GAAGU,SAAS,KAAK,YAAY,GAAG,KAAK,GAAG,QAAQ;IAChE,CAACV,EAAE,CAAC,SAAS,CAAC,GAAGkB,gBAAI,CAACP,OAAO,CAAC;IAC9B,CAACX,EAAE,CAAC,OAAO,CAAC,GAAGkB,gBAAI,CAACN,KAAK,CAAC;AAC1B,IAAA,CAACZ,EAAE,CAAC,SAAS,CAAC,GAAGmB,~~aAAE~~,CAACN,OAAO,CAAA;AAC7B,GAAC,CAAwB,EACzB,CACED,KAAK,EACLF,SAAS,EACTC,OAAO,EACPE,OAAO,EACPL,~~KAAK~~,CACN,CAAC,CAAA;EAEF,oBACEY,KAAA,CAAAC,aAAA,CAACC,2BAAgB,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACfC,IAAAA,GAAG,EAAEV,YAAa;AAClBX,IAAAA,EAAE,EAAEA,EAAG;AACP,IAAA,aAAA,EAAaC,MAAO;AACpBG,IAAAA,KAAK,EAAEQ,UAAW;AAClBV,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,aAAa,EAAEA,aAAAA;GACXO,EAAAA,IAAI,CAENL,EAAAA,QACc,CAAC,CAAA;AAEvB,CAAC;;;;"}
1	+ {"version":3,"file":"AlphaStack.js","sources":["../../../../src/components/AlphaStack/AlphaStack.tsx"],"sourcesContent":["import React, {\n type Ref,\n forwardRef,\n useMemo,\n} from 'react'\n\nimport {\n cssVarName,\n px,\n} from '~/src/utils/style'\n\nimport { flex } from '~/src/components/Stack/util'\n\nimport type { AlphaStackProps } from './AlphaStack.types'\n\nimport * as Styled from './AlphaStack.styled'\n\nconst cv = cssVarName('alpha-stack')\n\n/*\n `AlphaStack` provides an abstraction of flex layout so that\n * rendering of child elements linearly can be done\n * with simplified options.\n \n `AlphaStack` always fills the parent element.\n \n Be reminded that the first depth children element of AlphaStack would be StackItem that is adjusted by flex layout\n \n @example\n \n ```tsx\n * <AlphaStack direction=\"horizontal\" spacing={8}>\n * <div>{ ... }</div>\n * <div>{ ... }</div>\n * </AlphaStack>\n * ```\n */\nexport const AlphaStack = forwardRef(function AlphaStack(\n {\n as = 'div',\n testId = 'bezier-react-alpha-stack',\n className,\n interpolation,\n style,\n children,\n direction,\n justify = 'start',\n align = 'stretch',\n spacing = 0,\n ...rest\n }: AlphaStackProps,\n forwardedRef: Ref<HTMLElement>,\n) {\n const stackStyle = useMemo(() => ({\n ...style,\n [cv('direction')]: direction === 'horizontal' ? 'row' : 'column',\n [cv('justify')]: flex(justify),\n [cv('align')]: flex(align),\n [cv('spacing')]: px(spacing),\n } as React.CSSProperties),\n [\n align,\n direction,\n justify,\n spacing,\n style,\n ])\n\n return (\n <Styled.Container\n ref={forwardedRef}\n as={as}\n data-testid={testId}\n style={stackStyle}\n className={className}\n interpolation={interpolation}\n {...rest}\n >\n { children }\n </Styled.Container>\n )\n})\n"],"names":["cv","cssVarName","AlphaStack","forwardRef","as","testId","className","interpolation","style","children","direction","justify","align","spacing","rest","forwardedRef","stackStyle","useMemo","flex","px","React","createElement","Styled","Object","assign","ref"],"mappings":";;;;;;;AAiBA,MAAMA,EAAE,GAAGC,gBAAU,CAAC,aAAa,CAAC,CAAA;;AAEpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaC,UAAU,gBAAGC,gBAAU,CAAC,SAASD,UAAUA,CACtD;AACEE,EAAAA,EAAE,GAAG,KAAK;AACVC,EAAAA,MAAM,GAAG,0BAA0B;EACnCC,SAAS;EACTC,aAAa;SACbC,OAAK;EACLC,QAAQ;EACRC,SAAS;AACTC,EAAAA,OAAO,GAAG,OAAO;AACjBC,EAAAA,KAAK,GAAG,SAAS;AACjBC,EAAAA,OAAO,GAAG,CAAC;EACX,GAAGC,IAAAA;AACY,CAAC,EAClBC,YAA8B,EAC9B;AACA,EAAA,MAAMC,UAAU,GAAGC,aAAO,CAAC,OAAO;AAChC,IAAA,GAAGT,OAAK;IACR,CAACR,EAAE,CAAC,WAAW,CAAC,GAAGU,SAAS,KAAK,YAAY,GAAG,KAAK,GAAG,QAAQ;IAChE,CAACV,EAAE,CAAC,SAAS,CAAC,GAAGkB,gBAAI,CAACP,OAAO,CAAC;IAC9B,CAACX,EAAE,CAAC,OAAO,CAAC,GAAGkB,gBAAI,CAACN,KAAK,CAAC;AAC1B,IAAA,CAACZ,EAAE,CAAC,SAAS,CAAC,GAAGmB,QAAE,CAACN,OAAO,CAAA;AAC7B,GAAC,CAAwB,EACzB,CACED,KAAK,EACLF,SAAS,EACTC,OAAO,EACPE,OAAO,EACPL,OAAK,CACN,CAAC,CAAA;EAEF,oBACEY,KAAA,CAAAC,aAAA,CAACC,2BAAgB,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACfC,IAAAA,GAAG,EAAEV,YAAa;AAClBX,IAAAA,EAAE,EAAEA,EAAG;AACP,IAAA,aAAA,EAAaC,MAAO;AACpBG,IAAAA,KAAK,EAAEQ,UAAW;AAClBV,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,aAAa,EAAEA,aAAAA;GACXO,EAAAA,IAAI,CAENL,EAAAA,QACc,CAAC,CAAA;AAEvB,CAAC;;;;"}

package/dist/cjs/components/Avatars/Avatar/Avatar.js CHANGED Viewed

@@ -2,8 +2,8 @@
 var React = require('react');
 var index = require('../../../node_modules/classnames/index.js');
-var styleUtils = require('../../../utils/styleUtils.js');
-var typeUtils = require('../../../utils/typeUtils.js');
+var style = require('../../../utils/style.js');
+var type = require('../../../utils/type.js');
 var AvatarStyle = require('../AvatarStyle.js');
 var defaultAvatar = require('../assets/defaultAvatar.svg.js');
 var Avatar_types = require('./Avatar.types.js');
@@ -12,7 +12,7 @@ var Avatar_styled = require('./Avatar.styled.js');
 var Status_types = require('../../Status/Status.types.js');
 var Status = require('../../Status/Status.js');
-const cv = styleUtils.cssVarName('avatar');
+const cv = style.cssVarName('avatar');
 const shadow = {
   spreadRadius: 2,
   color: 'bg-white-high'
@@ -36,7 +36,7 @@ const Avatar = /*#__PURE__*/React.forwardRef(function Avatar({
 }, forwardedRef) {
   const loadedAvatarUrl = useProgressiveImage.default(avatarUrl, fallbackUrl);
   const StatusComponent = React.useMemo(() => {
-    if (typeUtils.isEmpty(children) && !status || children && ! /*#__PURE__*/React.isValidElement(children)) {
+    if (type.isEmpty(children) && !status || children && ! /*#__PURE__*/React.isValidElement(children)) {
       return null;
     }
     const statusSize = size >= Avatar_types.AvatarSize.Size90 ? Status_types.StatusSize.L : Status_types.StatusSize.M;
@@ -58,7 +58,7 @@ const Avatar = /*#__PURE__*/React.forwardRef(function Avatar({
   }, [status, size, children]);
   const className = index.default(classNameProp, size && `size-${size}`, disabled && 'disabled');
   const avatarStyle = React.useMemo(() => ({
-    [cv('status-gap')]: styleUtils.px(size >= Avatar_types.AvatarSize.Size72 ? 4 : -2)
+    [cv('status-gap')]: style.px(size >= Avatar_types.AvatarSize.Size72 ? 4 : -2)
   }), [size]);
   return /*#__PURE__*/React.createElement(Avatar_styled.AvatarWrapper, Object.assign({}, rest, {
     "data-testid": AVATAR_WRAPPER_TEST_ID,

package/dist/cjs/components/Avatars/Avatar/Avatar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Avatar.js","sources":["../../../../../src/components/Avatars/Avatar/Avatar.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useMemo,\n} from 'react'\n\nimport classNames from 'classnames'\n\nimport {\n cssVarName,\n px,\n} from '~/src/utils/~~styleUtils~~'\nimport { isEmpty } from '~/src/utils/~~typeUtils~~'\n\nimport { type BoxShadow } from '~/src/components/AlphaSmoothCornersBox'\nimport { AVATAR_BORDER_RADIUS_PERCENTAGE } from '~/src/components/Avatars/AvatarStyle'\nimport {\n Status,\n StatusSize,\n} from '~/src/components/Status'\n\n// NOTE: Don't fix it. When using absolute paths, a module resolve error occurs at the runtime of the library consumer.\n// eslint-disable-next-line no-restricted-imports\nimport defaultAvatarUrl from '../assets/defaultAvatar.svg'\n\nimport type AvatarProps from './Avatar.types'\nimport { AvatarSize } from './Avatar.types'\nimport useProgressiveImage from './useProgressiveImage'\n\nimport * as Styled from './Avatar.styled'\n\nconst cv = cssVarName('avatar')\n\nconst shadow: BoxShadow = {\n spreadRadius: 2,\n color: 'bg-white-high',\n}\n\nexport const AVATAR_WRAPPER_TEST_ID = 'bezier-react-avatar-wrapper'\nexport const AVATAR_TEST_ID = 'bezier-react-avatar'\nexport const STATUS_WRAPPER_TEST_ID = 'bezier-react-status-wrapper'\n\nexport const Avatar = forwardRef(function Avatar({\n avatarUrl = '',\n fallbackUrl = defaultAvatarUrl,\n size = AvatarSize.Size24,\n name,\n testId = AVATAR_TEST_ID,\n disabled = false,\n showBorder = false,\n smoothCorners = true,\n status,\n className: classNameProp,\n children,\n ...rest\n}: AvatarProps, forwardedRef: React.Ref<HTMLDivElement>) {\n const loadedAvatarUrl = useProgressiveImage(avatarUrl, fallbackUrl)\n\n const StatusComponent = useMemo(() => {\n if (\n (isEmpty(children) && !status)\n \|\| (children && !React.isValidElement(children))\n ) {\n return null\n }\n\n const statusSize = size >= AvatarSize.Size90 ? StatusSize.L : StatusSize.M\n\n const Contents = (() => {\n if (children) { return children }\n if (status) {\n return (\n <Status\n type={status}\n size={statusSize}\n />\n )\n }\n return null\n })()\n\n return Contents && (\n <Styled.StatusWrapper data-testid={STATUS_WRAPPER_TEST_ID}>\n { Contents }\n </Styled.StatusWrapper>\n )\n }, [\n status,\n size,\n children,\n ])\n\n const className = classNames(\n classNameProp,\n size && `size-${size}`,\n disabled && 'disabled',\n )\n\n const avatarStyle = useMemo(() => ({\n [cv('status-gap')]: px(size >= AvatarSize.Size72 ? 4 : -2),\n } as React.CSSProperties), [size])\n\n return (\n <Styled.AvatarWrapper\n {...rest}\n data-testid={AVATAR_WRAPPER_TEST_ID}\n data-disabled={disabled}\n className={className}\n >\n <Styled.AvatarImage\n ref={forwardedRef}\n data-testid={testId}\n aria-label={name}\n style={avatarStyle}\n className={showBorder ? 'bordered' : undefined}\n disabled={!smoothCorners}\n borderRadius={`${AVATAR_BORDER_RADIUS_PERCENTAGE}%`}\n shadow={showBorder ? shadow : undefined}\n backgroundColor=\"bg-white-normal\"\n backgroundImage={loadedAvatarUrl}\n >\n { StatusComponent }\n </Styled.AvatarImage>\n </Styled.AvatarWrapper>\n )\n})\n"],"names":["cv","cssVarName","shadow","spreadRadius","color","AVATAR_WRAPPER_TEST_ID","AVATAR_TEST_ID","STATUS_WRAPPER_TEST_ID","Avatar","forwardRef","avatarUrl","fallbackUrl","defaultAvatarUrl","size","AvatarSize","Size24","name","testId","disabled","showBorder","smoothCorners","status","className","classNameProp","children","rest","forwardedRef","loadedAvatarUrl","useProgressiveImage","StatusComponent","useMemo","isEmpty","React","isValidElement","statusSize","Size90","StatusSize","L","M","Contents","createElement","Status","type","Styled","classNames","avatarStyle","px","Size72","Object","assign","ref","style","undefined","borderRadius","AVATAR_BORDER_RADIUS_PERCENTAGE","backgroundColor","backgroundImage"],"mappings":";;;;;;;;;;;;;;AA8BA,MAAMA,EAAE,GAAGC,~~qBAAU~~,CAAC,QAAQ,CAAC,CAAA;AAE/B,MAAMC,MAAiB,GAAG;AACxBC,EAAAA,YAAY,EAAE,CAAC;AACfC,EAAAA,KAAK,EAAE,eAAA;AACT,CAAC,CAAA;AAEM,MAAMC,sBAAsB,GAAG,8BAA6B;AAC5D,MAAMC,cAAc,GAAG,sBAAqB;AAC5C,MAAMC,sBAAsB,GAAG,8BAA6B;MAEtDC,MAAM,gBAAGC,gBAAU,CAAC,SAASD,MAAMA,CAAC;AAC/CE,EAAAA,SAAS,GAAG,EAAE;AACdC,EAAAA,WAAW,GAAGC,qBAAgB;EAC9BC,IAAI,GAAGC,uBAAU,CAACC,MAAM;EACxBC,IAAI;AACJC,EAAAA,MAAM,GAAGX,cAAc;AACvBY,EAAAA,QAAQ,GAAG,KAAK;AAChBC,EAAAA,UAAU,GAAG,KAAK;AAClBC,EAAAA,aAAa,GAAG,IAAI;EACpBC,MAAM;AACNC,EAAAA,SAAS,EAAEC,aAAa;EACxBC,QAAQ;EACR,GAAGC,IAAAA;AACQ,CAAC,EAAEC,YAAuC,EAAE;AACvD,EAAA,MAAMC,eAAe,GAAGC,2BAAmB,CAAClB,SAAS,EAAEC,WAAW,CAAC,CAAA;AAEnE,EAAA,MAAMkB,eAAe,GAAGC,aAAO,CAAC,MAAM;AACpC,IAAA,IACGC,~~iBAAO~~,CAACP,QAAQ,CAAC,IAAI,CAACH,MAAM,IACzBG,QAAQ,IAAI,eAACQ,KAAK,CAACC,cAAc,CAACT,QAAQ,CAAE,EAChD;AACA,MAAA,OAAO,IAAI,CAAA;AACb,KAAA;AAEA,IAAA,MAAMU,UAAU,GAAGrB,IAAI,IAAIC,uBAAU,CAACqB,MAAM,GAAGC,uBAAU,CAACC,CAAC,GAAGD,uBAAU,CAACE,CAAC,CAAA;IAE1E,MAAMC,QAAQ,GAAG,CAAC,MAAM;AACtB,MAAA,IAAIf,QAAQ,EAAE;AAAE,QAAA,OAAOA,QAAQ,CAAA;AAAC,OAAA;AAChC,MAAA,IAAIH,MAAM,EAAE;AACV,QAAA,oBACEW,KAAA,CAAAQ,aAAA,CAACC,aAAM,EAAA;AACLC,UAAAA,IAAI,EAAErB,MAAO;AACbR,UAAAA,IAAI,EAAEqB,UAAAA;AAAW,SAClB,CAAC,CAAA;AAEN,OAAA;AACA,MAAA,OAAO,IAAI,CAAA;AACb,KAAC,GAAG,CAAA;IAEJ,OAAOK,QAAQ,iBACbP,KAAA,CAAAQ,aAAA,CAACG,2BAAoB,EAAA;MAAC,aAAapC,EAAAA,sBAAAA;AAAuB,KAAA,EACtDgC,QACkB,CACvB,CAAA;GACF,EAAE,CACDlB,MAAM,EACNR,IAAI,EACJW,QAAQ,CACT,CAAC,CAAA;AAEF,EAAA,MAAMF,SAAS,GAAGsB,aAAU,CAC1BrB,aAAa,EACbV,IAAI,IAAK,CAAA,KAAA,EAAOA,IAAK,CAAC,CAAA,EACtBK,QAAQ,IAAI,UACd,CAAC,CAAA;AAED,EAAA,MAAM2B,WAAW,GAAGf,aAAO,CAAC,OAAO;AACjC,IAAA,CAAC9B,EAAE,CAAC,YAAY,CAAC,GAAG8C,~~aAAE~~,CAACjC,IAAI,IAAIC,uBAAU,CAACiC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAA;AAC3D,GAAC,CAAwB,EAAE,CAAClC,IAAI,CAAC,CAAC,CAAA;AAElC,EAAA,oBACEmB,KAAA,CAAAQ,aAAA,CAACG,2BAAoB,EAAAK,MAAA,CAAAC,MAAA,CAAA,EAAA,EACfxB,IAAI,EAAA;AACR,IAAA,aAAA,EAAapB,sBAAuB;AACpC,IAAA,eAAA,EAAea,QAAS;AACxBI,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,CAAA,eAErBU,KAAA,CAAAQ,aAAA,CAACG,yBAAkB,EAAA;AACjBO,IAAAA,GAAG,EAAExB,YAAa;AAClB,IAAA,aAAA,EAAaT,MAAO;AACpB,IAAA,YAAA,EAAYD,IAAK;AACjBmC,IAAAA,KAAK,EAAEN,WAAY;AACnBvB,IAAAA,SAAS,EAAEH,UAAU,GAAG,UAAU,GAAGiC,SAAU;IAC/ClC,QAAQ,EAAE,CAACE,aAAc;IACzBiC,YAAY,EAAG,CAAEC,EAAAA,2CAAgC,CAAG,CAAA,CAAA;AACpDpD,IAAAA,MAAM,EAAEiB,UAAU,GAAGjB,MAAM,GAAGkD,SAAU;AACxCG,IAAAA,eAAe,EAAC,iBAAiB;AACjCC,IAAAA,eAAe,EAAE7B,eAAAA;GAEfE,EAAAA,eACgB,CACA,CAAC,CAAA;AAE3B,CAAC;;;;;;;"}
1	+ {"version":3,"file":"Avatar.js","sources":["../../../../../src/components/Avatars/Avatar/Avatar.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useMemo,\n} from 'react'\n\nimport classNames from 'classnames'\n\nimport {\n cssVarName,\n px,\n} from '~/src/utils/style'\nimport { isEmpty } from '~/src/utils/type'\n\nimport { type BoxShadow } from '~/src/components/AlphaSmoothCornersBox'\nimport { AVATAR_BORDER_RADIUS_PERCENTAGE } from '~/src/components/Avatars/AvatarStyle'\nimport {\n Status,\n StatusSize,\n} from '~/src/components/Status'\n\n// NOTE: Don't fix it. When using absolute paths, a module resolve error occurs at the runtime of the library consumer.\n// eslint-disable-next-line no-restricted-imports\nimport defaultAvatarUrl from '../assets/defaultAvatar.svg'\n\nimport type AvatarProps from './Avatar.types'\nimport { AvatarSize } from './Avatar.types'\nimport useProgressiveImage from './useProgressiveImage'\n\nimport * as Styled from './Avatar.styled'\n\nconst cv = cssVarName('avatar')\n\nconst shadow: BoxShadow = {\n spreadRadius: 2,\n color: 'bg-white-high',\n}\n\nexport const AVATAR_WRAPPER_TEST_ID = 'bezier-react-avatar-wrapper'\nexport const AVATAR_TEST_ID = 'bezier-react-avatar'\nexport const STATUS_WRAPPER_TEST_ID = 'bezier-react-status-wrapper'\n\nexport const Avatar = forwardRef(function Avatar({\n avatarUrl = '',\n fallbackUrl = defaultAvatarUrl,\n size = AvatarSize.Size24,\n name,\n testId = AVATAR_TEST_ID,\n disabled = false,\n showBorder = false,\n smoothCorners = true,\n status,\n className: classNameProp,\n children,\n ...rest\n}: AvatarProps, forwardedRef: React.Ref<HTMLDivElement>) {\n const loadedAvatarUrl = useProgressiveImage(avatarUrl, fallbackUrl)\n\n const StatusComponent = useMemo(() => {\n if (\n (isEmpty(children) && !status)\n \|\| (children && !React.isValidElement(children))\n ) {\n return null\n }\n\n const statusSize = size >= AvatarSize.Size90 ? StatusSize.L : StatusSize.M\n\n const Contents = (() => {\n if (children) { return children }\n if (status) {\n return (\n <Status\n type={status}\n size={statusSize}\n />\n )\n }\n return null\n })()\n\n return Contents && (\n <Styled.StatusWrapper data-testid={STATUS_WRAPPER_TEST_ID}>\n { Contents }\n </Styled.StatusWrapper>\n )\n }, [\n status,\n size,\n children,\n ])\n\n const className = classNames(\n classNameProp,\n size && `size-${size}`,\n disabled && 'disabled',\n )\n\n const avatarStyle = useMemo(() => ({\n [cv('status-gap')]: px(size >= AvatarSize.Size72 ? 4 : -2),\n } as React.CSSProperties), [size])\n\n return (\n <Styled.AvatarWrapper\n {...rest}\n data-testid={AVATAR_WRAPPER_TEST_ID}\n data-disabled={disabled}\n className={className}\n >\n <Styled.AvatarImage\n ref={forwardedRef}\n data-testid={testId}\n aria-label={name}\n style={avatarStyle}\n className={showBorder ? 'bordered' : undefined}\n disabled={!smoothCorners}\n borderRadius={`${AVATAR_BORDER_RADIUS_PERCENTAGE}%`}\n shadow={showBorder ? shadow : undefined}\n backgroundColor=\"bg-white-normal\"\n backgroundImage={loadedAvatarUrl}\n >\n { StatusComponent }\n </Styled.AvatarImage>\n </Styled.AvatarWrapper>\n )\n})\n"],"names":["cv","cssVarName","shadow","spreadRadius","color","AVATAR_WRAPPER_TEST_ID","AVATAR_TEST_ID","STATUS_WRAPPER_TEST_ID","Avatar","forwardRef","avatarUrl","fallbackUrl","defaultAvatarUrl","size","AvatarSize","Size24","name","testId","disabled","showBorder","smoothCorners","status","className","classNameProp","children","rest","forwardedRef","loadedAvatarUrl","useProgressiveImage","StatusComponent","useMemo","isEmpty","React","isValidElement","statusSize","Size90","StatusSize","L","M","Contents","createElement","Status","type","Styled","classNames","avatarStyle","px","Size72","Object","assign","ref","style","undefined","borderRadius","AVATAR_BORDER_RADIUS_PERCENTAGE","backgroundColor","backgroundImage"],"mappings":"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"}

package/dist/cjs/components/Avatars/AvatarGroup/AvatarGroup.js CHANGED Viewed

@@ -2,9 +2,9 @@
 var React = require('react');
 var bezierIcons = require('@channel.io/bezier-icons');
-var arrayUtils = require('../../../utils/arrayUtils.js');
-var functionUtils = require('../../../utils/functionUtils.js');
-var styleUtils = require('../../../utils/styleUtils.js');
+var array = require('../../../utils/array.js');
+var _function = require('../../../utils/function.js');
+var style = require('../../../utils/style.js');
 var Avatar_types = require('../Avatar/Avatar.types.js');
 var AvatarStyle = require('../AvatarStyle.js');
 var AvatarGroup_types = require('./AvatarGroup.types.js');
@@ -13,7 +13,7 @@ var Icon = require('../../Icon/Icon.js');
 var Icon_types = require('../../Icon/Icon.types.js');
 var Typography = require('../../../foundation/Typography.js');
-const cv = styleUtils.cssVarName('avatar-group');
+const cv = style.cssVarName('avatar-group');
 const MAX_AVATAR_LIST_COUNT = 99;
 const AVATAR_GROUP_ELLIPSIS_ICON_TEST_ID = 'bezier-react-avatar-group-ellipsis-icon';
 function getRestAvatarListCountText(count, max) {
@@ -67,10 +67,10 @@ const AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup({
   size = Avatar_types.AvatarSize.Size24,
   spacing = AvatarStyle.AVATAR_GROUP_DEFAULT_SPACING,
   ellipsisType = AvatarGroup_types.AvatarGroupEllipsisType.Icon,
-  onMouseEnterEllipsis = functionUtils.noop,
-  onMouseLeaveEllipsis = functionUtils.noop,
+  onMouseEnterEllipsis = _function.noop,
+  onMouseLeaveEllipsis = _function.noop,
   ellipsisInterpolation,
-  style,
+  style: style$1,
   className,
   children,
   ...rest
@@ -97,7 +97,7 @@ const AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup({
         return null;
       }
       const AvatarElement = renderAvatarElement(avatar, slicedAvatarList.length);
-      if (!arrayUtils.isLastIndex(arr, index)) {
+      if (!array.isLastIndex(arr, index)) {
         return AvatarElement;
       }
       if (ellipsisType === AvatarGroup_types.AvatarGroupEllipsisType.Icon) {
@@ -121,8 +121,8 @@ const AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup({
           key: "ellipsis"
         }, AvatarElement, /*#__PURE__*/React.createElement(AvatarGroup_styled.AvatarEllipsisCountWrapper, {
           style: {
-            [cv('ellipsis-mr')]: styleUtils.px(getProperEllipsisCountMarginRight(size)),
-            [cv('ellipsis-ml')]: styleUtils.px(Math.max(spacing, AvatarStyle.AVATAR_GROUP_DEFAULT_SPACING))
+            [cv('ellipsis-mr')]: style.px(getProperEllipsisCountMarginRight(size)),
+            [cv('ellipsis-ml')]: style.px(Math.max(spacing, AvatarStyle.AVATAR_GROUP_DEFAULT_SPACING))
           },
           onMouseEnter: onMouseEnterEllipsis,
           onMouseLeave: onMouseLeaveEllipsis
@@ -140,9 +140,9 @@ const AvatarGroup = /*#__PURE__*/React.forwardRef(function AvatarGroup({
     ref: forwardedRef,
     className: className,
     style: {
-      ...style,
-      [cv('spacing')]: styleUtils.px(spacing),
-      [cv('size')]: styleUtils.px(size)
+      ...style$1,
+      [cv('spacing')]: style.px(spacing),
+      [cv('size')]: style.px(size)
     }
   }, rest), AvatarListComponent);
 });

package/dist/cjs/components/Avatars/AvatarGroup/AvatarGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarGroup.js","sources":["../../../../../src/components/Avatars/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useMemo,\n} from 'react'\n\nimport { MoreIcon } from '@channel.io/bezier-icons'\n\nimport { Typography } from '~/src/foundation'\n\nimport { isLastIndex } from '~/src/utils/arrayUtils'\nimport { noop } from '~/src/utils/functionUtils'\nimport {\n cssVarName,\n px,\n} from '~/src/utils/styleUtils'\n\nimport {\n type AvatarProps,\n AvatarSize,\n} from '~/src/components/Avatars/Avatar'\nimport {\n AVATAR_BORDER_RADIUS_PERCENTAGE,\n AVATAR_GROUP_DEFAULT_SPACING,\n} from '~/src/components/Avatars/AvatarStyle'\nimport {\n Icon,\n IconSize,\n} from '~/src/components/Icon'\n\nimport {\n AvatarGroupEllipsisType,\n type AvatarGroupProps,\n} from './AvatarGroup.types'\n\nimport * as Styled from './AvatarGroup.styled'\n\nconst cv = cssVarName('avatar-group')\n\nconst MAX_AVATAR_LIST_COUNT = 99\n\nexport const AVATAR_GROUP_ELLIPSIS_ICON_TEST_ID = 'bezier-react-avatar-group-ellipsis-icon'\n\nfunction getRestAvatarListCountText(count: number, max: number) {\n const restCount = count - max\n return `+${restCount > MAX_AVATAR_LIST_COUNT ? MAX_AVATAR_LIST_COUNT : restCount}`\n}\n\n// TODO: Not specified\nfunction getProperIconSize(avatarSize: AvatarSize) {\n return {\n [AvatarSize.Size20]: IconSize.XXS,\n [AvatarSize.Size24]: IconSize.XS,\n [AvatarSize.Size30]: IconSize.S,\n [AvatarSize.Size36]: IconSize.Normal,\n [AvatarSize.Size42]: IconSize.Normal,\n [AvatarSize.Size48]: IconSize.L,\n [AvatarSize.Size90]: IconSize.L,\n [AvatarSize.Size120]: IconSize.L,\n }[avatarSize]\n}\n\n// TODO: Not specified\nfunction getProperTypoSize(avatarSize: AvatarSize) {\n return {\n [AvatarSize.Size20]: Typography.Size12,\n [AvatarSize.Size24]: Typography.Size13,\n [AvatarSize.Size30]: Typography.Size15,\n [AvatarSize.Size36]: Typography.Size16,\n [AvatarSize.Size42]: Typography.Size18,\n [AvatarSize.Size48]: Typography.Size24,\n [AvatarSize.Size90]: Typography.Size24,\n [AvatarSize.Size120]: Typography.Size24,\n }[avatarSize]\n}\n\n// TODO: Not specified\nfunction getProperEllipsisCountMarginRight(avatarSize: AvatarSize) {\n return {\n [AvatarSize.Size20]: 4,\n [AvatarSize.Size24]: 5,\n [AvatarSize.Size30]: 6,\n [AvatarSize.Size36]: 6,\n [AvatarSize.Size42]: 6,\n [AvatarSize.Size48]: 6,\n [AvatarSize.Size90]: 6,\n [AvatarSize.Size120]: 6,\n }[avatarSize]\n}\n\nexport const AvatarGroup = forwardRef(function AvatarGroup({\n max,\n size = AvatarSize.Size24,\n spacing = AVATAR_GROUP_DEFAULT_SPACING,\n ellipsisType = AvatarGroupEllipsisType.Icon,\n onMouseEnterEllipsis = noop,\n onMouseLeaveEllipsis = noop,\n ellipsisInterpolation,\n style,\n className,\n children,\n ...rest\n}: AvatarGroupProps,\nforwardedRef: React.Ref<HTMLDivElement>,\n) {\n const renderAvatarElement = useCallback((\n avatar: React.ReactElement<AvatarProps>,\n avatarListCount: number,\n ) => {\n const key = avatar.key ?? `${avatar.props.name}-${avatar.props.avatarUrl}`\n const shouldShowBorder = avatarListCount > 1 && spacing < 0\n const showBorder = avatar.props.showBorder \|\| shouldShowBorder\n return React.cloneElement(avatar, { key, size, showBorder })\n }, [\n size,\n spacing,\n ])\n\n const avatarListCount = useMemo(() => (\n React.Children.count(children)\n ), [children])\n\n const AvatarListComponent = useMemo(() => {\n if (avatarListCount <= max) {\n return React.Children.map(children, (avatar) => (\n React.isValidElement<AvatarProps>(avatar) && renderAvatarElement(avatar, avatarListCount)\n ))\n }\n\n const sliceEndIndex = max - avatarListCount\n const slicedAvatarList = React.Children.toArray(children).slice(0, sliceEndIndex)\n\n return slicedAvatarList.map((avatar, index, arr) => {\n if (!React.isValidElement<AvatarProps>(avatar)) { return null }\n\n const AvatarElement = renderAvatarElement(avatar, slicedAvatarList.length)\n\n if (!isLastIndex(arr, index)) {\n return AvatarElement\n }\n\n if (ellipsisType === AvatarGroupEllipsisType.Icon) {\n return (\n <Styled.AvatarEllipsisIconWrapper\n data-testid={AVATAR_GROUP_ELLIPSIS_ICON_TEST_ID}\n key=\"ellipsis\"\n interpolation={ellipsisInterpolation}\n onMouseEnter={onMouseEnterEllipsis}\n onMouseLeave={onMouseLeaveEllipsis}\n >\n <Styled.AvatarEllipsisIcon\n borderRadius={`${AVATAR_BORDER_RADIUS_PERCENTAGE}%`}\n backgroundColor=\"bgtxt-absolute-black-lightest\"\n >\n <Icon\n source={MoreIcon}\n size={getProperIconSize(size)}\n color=\"bgtxt-absolute-white-dark\"\n />\n </Styled.AvatarEllipsisIcon>\n { AvatarElement }\n </Styled.AvatarEllipsisIconWrapper>\n )\n }\n\n if (ellipsisType === AvatarGroupEllipsisType.Count) {\n return (\n <React.Fragment key=\"ellipsis\">\n { AvatarElement }\n <Styled.AvatarEllipsisCountWrapper\n style={{\n [cv('ellipsis-mr')]: px(getProperEllipsisCountMarginRight(size)),\n [cv('ellipsis-ml')]: px(Math.max(spacing, AVATAR_GROUP_DEFAULT_SPACING)),\n } as React.CSSProperties}\n onMouseEnter={onMouseEnterEllipsis}\n onMouseLeave={onMouseLeaveEllipsis}\n >\n <Styled.AvatarEllipsisCount\n forwardedAs=\"span\"\n interpolation={ellipsisInterpolation}\n typo={getProperTypoSize(size)}\n >\n { getRestAvatarListCountText(avatarListCount, max) }\n </Styled.AvatarEllipsisCount>\n </Styled.AvatarEllipsisCountWrapper>\n </React.Fragment>\n )\n }\n\n return null\n })\n }, [\n max,\n size,\n children,\n spacing,\n ellipsisType,\n ellipsisInterpolation,\n avatarListCount,\n renderAvatarElement,\n onMouseEnterEllipsis,\n onMouseLeaveEllipsis,\n ])\n\n return (\n <Styled.AvatarGroup\n role=\"group\"\n ref={forwardedRef}\n className={className}\n style={{\n ...style,\n [cv('spacing')]: px(spacing),\n [cv('size')]: px(size),\n } as React.CSSProperties}\n {...rest}\n >\n { AvatarListComponent }\n </Styled.AvatarGroup>\n )\n})\n"],"names":["cv","cssVarName","MAX_AVATAR_LIST_COUNT","AVATAR_GROUP_ELLIPSIS_ICON_TEST_ID","getRestAvatarListCountText","count","max","restCount","getProperIconSize","avatarSize","AvatarSize","Size20","IconSize","XXS","Size24","XS","Size30","S","Size36","Normal","Size42","Size48","L","Size90","Size120","getProperTypoSize","Typography","Size12","Size13","Size15","Size16","Size18","getProperEllipsisCountMarginRight","AvatarGroup","forwardRef","size","spacing","AVATAR_GROUP_DEFAULT_SPACING","ellipsisType","AvatarGroupEllipsisType","Icon","onMouseEnterEllipsis","noop","onMouseLeaveEllipsis","ellipsisInterpolation","style","className","children","rest","forwardedRef","renderAvatarElement","useCallback","avatar","avatarListCount","key","props","name","avatarUrl","shouldShowBorder","showBorder","React","cloneElement","useMemo","Children","AvatarListComponent","map","isValidElement","sliceEndIndex","slicedAvatarList","toArray","slice","index","arr","AvatarElement","length","isLastIndex","createElement","Styled","interpolation","onMouseEnter","onMouseLeave","borderRadius","AVATAR_BORDER_RADIUS_PERCENTAGE","backgroundColor","source","MoreIcon","color","Count","Fragment","px","Math","forwardedAs","typo","Object","assign","role","ref"],"mappings":"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"}
1	+ {"version":3,"file":"AvatarGroup.js","sources":["../../../../../src/components/Avatars/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useMemo,\n} from 'react'\n\nimport { MoreIcon } from '@channel.io/bezier-icons'\n\nimport { Typography } from '~/src/foundation'\n\nimport { isLastIndex } from '~/src/utils/array'\nimport { noop } from '~/src/utils/function'\nimport {\n cssVarName,\n px,\n} from '~/src/utils/style'\n\nimport {\n type AvatarProps,\n AvatarSize,\n} from '~/src/components/Avatars/Avatar'\nimport {\n AVATAR_BORDER_RADIUS_PERCENTAGE,\n AVATAR_GROUP_DEFAULT_SPACING,\n} from '~/src/components/Avatars/AvatarStyle'\nimport {\n Icon,\n IconSize,\n} from '~/src/components/Icon'\n\nimport {\n AvatarGroupEllipsisType,\n type AvatarGroupProps,\n} from './AvatarGroup.types'\n\nimport * as Styled from './AvatarGroup.styled'\n\nconst cv = cssVarName('avatar-group')\n\nconst MAX_AVATAR_LIST_COUNT = 99\n\nexport const AVATAR_GROUP_ELLIPSIS_ICON_TEST_ID = 'bezier-react-avatar-group-ellipsis-icon'\n\nfunction getRestAvatarListCountText(count: number, max: number) {\n const restCount = count - max\n return `+${restCount > MAX_AVATAR_LIST_COUNT ? MAX_AVATAR_LIST_COUNT : restCount}`\n}\n\n// TODO: Not specified\nfunction getProperIconSize(avatarSize: AvatarSize) {\n return {\n [AvatarSize.Size20]: IconSize.XXS,\n [AvatarSize.Size24]: IconSize.XS,\n [AvatarSize.Size30]: IconSize.S,\n [AvatarSize.Size36]: IconSize.Normal,\n [AvatarSize.Size42]: IconSize.Normal,\n [AvatarSize.Size48]: IconSize.L,\n [AvatarSize.Size90]: IconSize.L,\n [AvatarSize.Size120]: IconSize.L,\n }[avatarSize]\n}\n\n// TODO: Not specified\nfunction getProperTypoSize(avatarSize: AvatarSize) {\n return {\n [AvatarSize.Size20]: Typography.Size12,\n [AvatarSize.Size24]: Typography.Size13,\n [AvatarSize.Size30]: Typography.Size15,\n [AvatarSize.Size36]: Typography.Size16,\n [AvatarSize.Size42]: Typography.Size18,\n [AvatarSize.Size48]: Typography.Size24,\n [AvatarSize.Size90]: Typography.Size24,\n [AvatarSize.Size120]: Typography.Size24,\n }[avatarSize]\n}\n\n// TODO: Not specified\nfunction getProperEllipsisCountMarginRight(avatarSize: AvatarSize) {\n return {\n [AvatarSize.Size20]: 4,\n [AvatarSize.Size24]: 5,\n [AvatarSize.Size30]: 6,\n [AvatarSize.Size36]: 6,\n [AvatarSize.Size42]: 6,\n [AvatarSize.Size48]: 6,\n [AvatarSize.Size90]: 6,\n [AvatarSize.Size120]: 6,\n }[avatarSize]\n}\n\nexport const AvatarGroup = forwardRef(function AvatarGroup({\n max,\n size = AvatarSize.Size24,\n spacing = AVATAR_GROUP_DEFAULT_SPACING,\n ellipsisType = AvatarGroupEllipsisType.Icon,\n onMouseEnterEllipsis = noop,\n onMouseLeaveEllipsis = noop,\n ellipsisInterpolation,\n style,\n className,\n children,\n ...rest\n}: AvatarGroupProps,\nforwardedRef: React.Ref<HTMLDivElement>,\n) {\n const renderAvatarElement = useCallback((\n avatar: React.ReactElement<AvatarProps>,\n avatarListCount: number,\n ) => {\n const key = avatar.key ?? `${avatar.props.name}-${avatar.props.avatarUrl}`\n const shouldShowBorder = avatarListCount > 1 && spacing < 0\n const showBorder = avatar.props.showBorder \|\| shouldShowBorder\n return React.cloneElement(avatar, { key, size, showBorder })\n }, [\n size,\n spacing,\n ])\n\n const avatarListCount = useMemo(() => (\n React.Children.count(children)\n ), [children])\n\n const AvatarListComponent = useMemo(() => {\n if (avatarListCount <= max) {\n return React.Children.map(children, (avatar) => (\n React.isValidElement<AvatarProps>(avatar) && renderAvatarElement(avatar, avatarListCount)\n ))\n }\n\n const sliceEndIndex = max - avatarListCount\n const slicedAvatarList = React.Children.toArray(children).slice(0, sliceEndIndex)\n\n return slicedAvatarList.map((avatar, index, arr) => {\n if (!React.isValidElement<AvatarProps>(avatar)) { return null }\n\n const AvatarElement = renderAvatarElement(avatar, slicedAvatarList.length)\n\n if (!isLastIndex(arr, index)) {\n return AvatarElement\n }\n\n if (ellipsisType === AvatarGroupEllipsisType.Icon) {\n return (\n <Styled.AvatarEllipsisIconWrapper\n data-testid={AVATAR_GROUP_ELLIPSIS_ICON_TEST_ID}\n key=\"ellipsis\"\n interpolation={ellipsisInterpolation}\n onMouseEnter={onMouseEnterEllipsis}\n onMouseLeave={onMouseLeaveEllipsis}\n >\n <Styled.AvatarEllipsisIcon\n borderRadius={`${AVATAR_BORDER_RADIUS_PERCENTAGE}%`}\n backgroundColor=\"bgtxt-absolute-black-lightest\"\n >\n <Icon\n source={MoreIcon}\n size={getProperIconSize(size)}\n color=\"bgtxt-absolute-white-dark\"\n />\n </Styled.AvatarEllipsisIcon>\n { AvatarElement }\n </Styled.AvatarEllipsisIconWrapper>\n )\n }\n\n if (ellipsisType === AvatarGroupEllipsisType.Count) {\n return (\n <React.Fragment key=\"ellipsis\">\n { AvatarElement }\n <Styled.AvatarEllipsisCountWrapper\n style={{\n [cv('ellipsis-mr')]: px(getProperEllipsisCountMarginRight(size)),\n [cv('ellipsis-ml')]: px(Math.max(spacing, AVATAR_GROUP_DEFAULT_SPACING)),\n } as React.CSSProperties}\n onMouseEnter={onMouseEnterEllipsis}\n onMouseLeave={onMouseLeaveEllipsis}\n >\n <Styled.AvatarEllipsisCount\n forwardedAs=\"span\"\n interpolation={ellipsisInterpolation}\n typo={getProperTypoSize(size)}\n >\n { getRestAvatarListCountText(avatarListCount, max) }\n </Styled.AvatarEllipsisCount>\n </Styled.AvatarEllipsisCountWrapper>\n </React.Fragment>\n )\n }\n\n return null\n })\n }, [\n max,\n size,\n children,\n spacing,\n ellipsisType,\n ellipsisInterpolation,\n avatarListCount,\n renderAvatarElement,\n onMouseEnterEllipsis,\n onMouseLeaveEllipsis,\n ])\n\n return (\n <Styled.AvatarGroup\n role=\"group\"\n ref={forwardedRef}\n className={className}\n style={{\n ...style,\n [cv('spacing')]: px(spacing),\n [cv('size')]: px(size),\n } as React.CSSProperties}\n {...rest}\n >\n { AvatarListComponent }\n </Styled.AvatarGroup>\n )\n})\n"],"names":["cv","cssVarName","MAX_AVATAR_LIST_COUNT","AVATAR_GROUP_ELLIPSIS_ICON_TEST_ID","getRestAvatarListCountText","count","max","restCount","getProperIconSize","avatarSize","AvatarSize","Size20","IconSize","XXS","Size24","XS","Size30","S","Size36","Normal","Size42","Size48","L","Size90","Size120","getProperTypoSize","Typography","Size12","Size13","Size15","Size16","Size18","getProperEllipsisCountMarginRight","AvatarGroup","forwardRef","size","spacing","AVATAR_GROUP_DEFAULT_SPACING","ellipsisType","AvatarGroupEllipsisType","Icon","onMouseEnterEllipsis","noop","onMouseLeaveEllipsis","ellipsisInterpolation","style","className","children","rest","forwardedRef","renderAvatarElement","useCallback","avatar","avatarListCount","key","props","name","avatarUrl","shouldShowBorder","showBorder","React","cloneElement","useMemo","Children","AvatarListComponent","map","isValidElement","sliceEndIndex","slicedAvatarList","toArray","slice","index","arr","AvatarElement","length","isLastIndex","createElement","Styled","interpolation","onMouseEnter","onMouseLeave","borderRadius","AVATAR_BORDER_RADIUS_PERCENTAGE","backgroundColor","source","MoreIcon","color","Count","Fragment","px","Math","forwardedAs","typo","Object","assign","role","ref"],"mappings":";;;;;;;;;;;;;;;AAqCA,MAAMA,EAAE,GAAGC,gBAAU,CAAC,cAAc,CAAC,CAAA;AAErC,MAAMC,qBAAqB,GAAG,EAAE,CAAA;AAEzB,MAAMC,kCAAkC,GAAG,0CAAyC;AAE3F,SAASC,0BAA0BA,CAACC,KAAa,EAAEC,GAAW,EAAE;AAC9D,EAAA,MAAMC,SAAS,GAAGF,KAAK,GAAGC,GAAG,CAAA;EAC7B,OAAQ,CAAA,CAAA,EAAGC,SAAS,GAAGL,qBAAqB,GAAGA,qBAAqB,GAAGK,SAAU,CAAC,CAAA,CAAA;AACpF,CAAA;;AAEA;AACA,SAASC,iBAAiBA,CAACC,UAAsB,EAAE;EACjD,OAAO;AACL,IAAA,CAACC,uBAAU,CAACC,MAAM,GAAGC,mBAAQ,CAACC,GAAG;AACjC,IAAA,CAACH,uBAAU,CAACI,MAAM,GAAGF,mBAAQ,CAACG,EAAE;AAChC,IAAA,CAACL,uBAAU,CAACM,MAAM,GAAGJ,mBAAQ,CAACK,CAAC;AAC/B,IAAA,CAACP,uBAAU,CAACQ,MAAM,GAAGN,mBAAQ,CAACO,MAAM;AACpC,IAAA,CAACT,uBAAU,CAACU,MAAM,GAAGR,mBAAQ,CAACO,MAAM;AACpC,IAAA,CAACT,uBAAU,CAACW,MAAM,GAAGT,mBAAQ,CAACU,CAAC;AAC/B,IAAA,CAACZ,uBAAU,CAACa,MAAM,GAAGX,mBAAQ,CAACU,CAAC;AAC/B,IAAA,CAACZ,uBAAU,CAACc,OAAO,GAAGZ,mBAAQ,CAACU,CAAAA;GAChC,CAACb,UAAU,CAAC,CAAA;AACf,CAAA;;AAEA;AACA,SAASgB,iBAAiBA,CAAChB,UAAsB,EAAE;EACjD,OAAO;AACL,IAAA,CAACC,uBAAU,CAACC,MAAM,GAAGe,qBAAU,CAACC,MAAM;AACtC,IAAA,CAACjB,uBAAU,CAACI,MAAM,GAAGY,qBAAU,CAACE,MAAM;AACtC,IAAA,CAAClB,uBAAU,CAACM,MAAM,GAAGU,qBAAU,CAACG,MAAM;AACtC,IAAA,CAACnB,uBAAU,CAACQ,MAAM,GAAGQ,qBAAU,CAACI,MAAM;AACtC,IAAA,CAACpB,uBAAU,CAACU,MAAM,GAAGM,qBAAU,CAACK,MAAM;AACtC,IAAA,CAACrB,uBAAU,CAACW,MAAM,GAAGK,qBAAU,CAACZ,MAAM;AACtC,IAAA,CAACJ,uBAAU,CAACa,MAAM,GAAGG,qBAAU,CAACZ,MAAM;AACtC,IAAA,CAACJ,uBAAU,CAACc,OAAO,GAAGE,qBAAU,CAACZ,MAAAA;GAClC,CAACL,UAAU,CAAC,CAAA;AACf,CAAA;;AAEA;AACA,SAASuB,iCAAiCA,CAACvB,UAAsB,EAAE;EACjE,OAAO;AACL,IAAA,CAACC,uBAAU,CAACC,MAAM,GAAG,CAAC;AACtB,IAAA,CAACD,uBAAU,CAACI,MAAM,GAAG,CAAC;AACtB,IAAA,CAACJ,uBAAU,CAACM,MAAM,GAAG,CAAC;AACtB,IAAA,CAACN,uBAAU,CAACQ,MAAM,GAAG,CAAC;AACtB,IAAA,CAACR,uBAAU,CAACU,MAAM,GAAG,CAAC;AACtB,IAAA,CAACV,uBAAU,CAACW,MAAM,GAAG,CAAC;AACtB,IAAA,CAACX,uBAAU,CAACa,MAAM,GAAG,CAAC;IACtB,CAACb,uBAAU,CAACc,OAAO,GAAG,CAAA;GACvB,CAACf,UAAU,CAAC,CAAA;AACf,CAAA;MAEawB,WAAW,gBAAGC,gBAAU,CAAC,SAASD,WAAWA,CAAC;EACzD3B,GAAG;EACH6B,IAAI,GAAGzB,uBAAU,CAACI,MAAM;AACxBsB,EAAAA,OAAO,GAAGC,wCAA4B;EACtCC,YAAY,GAAGC,yCAAuB,CAACC,IAAI;AAC3CC,EAAAA,oBAAoB,GAAGC,cAAI;AAC3BC,EAAAA,oBAAoB,GAAGD,cAAI;EAC3BE,qBAAqB;SACrBC,OAAK;EACLC,SAAS;EACTC,QAAQ;EACR,GAAGC,IAAAA;AACa,CAAC,EACnBC,YAAuC,EACrC;EACA,MAAMC,mBAAmB,GAAGC,iBAAW,CAAC,CACtCC,MAAuC,EACvCC,eAAuB,KACpB;AACH,IAAA,MAAMC,GAAG,GAAGF,MAAM,CAACE,GAAG,IAAK,GAAEF,MAAM,CAACG,KAAK,CAACC,IAAK,CAAGJ,CAAAA,EAAAA,MAAM,CAACG,KAAK,CAACE,SAAU,CAAC,CAAA,CAAA;IAC1E,MAAMC,gBAAgB,GAAGL,eAAe,GAAG,CAAC,IAAIjB,OAAO,GAAG,CAAC,CAAA;IAC3D,MAAMuB,UAAU,GAAGP,MAAM,CAACG,KAAK,CAACI,UAAU,IAAID,gBAAgB,CAAA;AAC9D,IAAA,oBAAOE,KAAK,CAACC,YAAY,CAACT,MAAM,EAAE;MAAEE,GAAG;MAAEnB,IAAI;AAAEwB,MAAAA,UAAAA;AAAW,KAAC,CAAC,CAAA;AAC9D,GAAC,EAAE,CACDxB,IAAI,EACJC,OAAO,CACR,CAAC,CAAA;AAEF,EAAA,MAAMiB,eAAe,GAAGS,aAAO,CAAC,MAC9BF,KAAK,CAACG,QAAQ,CAAC1D,KAAK,CAAC0C,QAAQ,CAC9B,EAAE,CAACA,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,MAAMiB,mBAAmB,GAAGF,aAAO,CAAC,MAAM;IACxC,IAAIT,eAAe,IAAI/C,GAAG,EAAE;MAC1B,OAAOsD,KAAK,CAACG,QAAQ,CAACE,GAAG,CAAClB,QAAQ,EAAGK,MAAM,iBACzCQ,KAAK,CAACM,cAAc,CAAcd,MAAM,CAAC,IAAIF,mBAAmB,CAACE,MAAM,EAAEC,eAAe,CACzF,CAAC,CAAA;AACJ,KAAA;AAEA,IAAA,MAAMc,aAAa,GAAG7D,GAAG,GAAG+C,eAAe,CAAA;AAC3C,IAAA,MAAMe,gBAAgB,GAAGR,KAAK,CAACG,QAAQ,CAACM,OAAO,CAACtB,QAAQ,CAAC,CAACuB,KAAK,CAAC,CAAC,EAAEH,aAAa,CAAC,CAAA;IAEjF,OAAOC,gBAAgB,CAACH,GAAG,CAAC,CAACb,MAAM,EAAEmB,KAAK,EAAEC,GAAG,KAAK;AAClD,MAAA,IAAI,eAACZ,KAAK,CAACM,cAAc,CAAcd,MAAM,CAAC,EAAE;AAAE,QAAA,OAAO,IAAI,CAAA;AAAC,OAAA;MAE9D,MAAMqB,aAAa,GAAGvB,mBAAmB,CAACE,MAAM,EAAEgB,gBAAgB,CAACM,MAAM,CAAC,CAAA;AAE1E,MAAA,IAAI,CAACC,iBAAW,CAACH,GAAG,EAAED,KAAK,CAAC,EAAE;AAC5B,QAAA,OAAOE,aAAa,CAAA;AACtB,OAAA;AAEA,MAAA,IAAInC,YAAY,KAAKC,yCAAuB,CAACC,IAAI,EAAE;AACjD,QAAA,oBACEoB,KAAA,CAAAgB,aAAA,CAACC,4CAAgC,EAAA;AAC/B,UAAA,aAAA,EAAa1E,kCAAmC;AAChDmD,UAAAA,GAAG,EAAC,UAAU;AACdwB,UAAAA,aAAa,EAAElC,qBAAsB;AACrCmC,UAAAA,YAAY,EAAEtC,oBAAqB;AACnCuC,UAAAA,YAAY,EAAErC,oBAAAA;AAAqB,SAAA,eAEnCiB,KAAA,CAAAgB,aAAA,CAACC,qCAAyB,EAAA;UACxBI,YAAY,EAAG,CAAEC,EAAAA,2CAAgC,CAAG,CAAA,CAAA;AACpDC,UAAAA,eAAe,EAAC,+BAAA;AAA+B,SAAA,eAE/CvB,KAAA,CAAAgB,aAAA,CAACpC,SAAI,EAAA;AACH4C,UAAAA,MAAM,EAAEC,oBAAS;AACjBlD,UAAAA,IAAI,EAAE3B,iBAAiB,CAAC2B,IAAI,CAAE;AAC9BmD,UAAAA,KAAK,EAAC,2BAAA;AAA2B,SAClC,CACwB,CAAC,EAC1Bb,aAC8B,CAAC,CAAA;AAEvC,OAAA;AAEA,MAAA,IAAInC,YAAY,KAAKC,yCAAuB,CAACgD,KAAK,EAAE;AAClD,QAAA,oBACE3B,KAAA,CAAAgB,aAAA,CAAChB,KAAK,CAAC4B,QAAQ,EAAA;AAAClC,UAAAA,GAAG,EAAC,UAAA;SAChBmB,EAAAA,aAAa,eACfb,KAAA,CAAAgB,aAAA,CAACC,6CAAiC,EAAA;AAChChC,UAAAA,KAAK,EAAE;YACL,CAAC7C,EAAE,CAAC,aAAa,CAAC,GAAGyF,QAAE,CAACzD,iCAAiC,CAACG,IAAI,CAAC,CAAC;AAChE,YAAA,CAACnC,EAAE,CAAC,aAAa,CAAC,GAAGyF,QAAE,CAACC,IAAI,CAACpF,GAAG,CAAC8B,OAAO,EAAEC,wCAA4B,CAAC,CAAA;WAChD;AACzB0C,UAAAA,YAAY,EAAEtC,oBAAqB;AACnCuC,UAAAA,YAAY,EAAErC,oBAAAA;AAAqB,SAAA,eAEnCiB,KAAA,CAAAgB,aAAA,CAACC,sCAA0B,EAAA;AACzBc,UAAAA,WAAW,EAAC,MAAM;AAClBb,UAAAA,aAAa,EAAElC,qBAAsB;UACrCgD,IAAI,EAAEnE,iBAAiB,CAACU,IAAI,CAAA;SAE1B/B,EAAAA,0BAA0B,CAACiD,eAAe,EAAE/C,GAAG,CACvB,CACK,CACrB,CAAC,CAAA;AAErB,OAAA;AAEA,MAAA,OAAO,IAAI,CAAA;AACb,KAAC,CAAC,CAAA;GACH,EAAE,CACDA,GAAG,EACH6B,IAAI,EACJY,QAAQ,EACRX,OAAO,EACPE,YAAY,EACZM,qBAAqB,EACrBS,eAAe,EACfH,mBAAmB,EACnBT,oBAAoB,EACpBE,oBAAoB,CACrB,CAAC,CAAA;EAEF,oBACEiB,KAAA,CAAAgB,aAAA,CAACC,8BAAkB,EAAAgB,MAAA,CAAAC,MAAA,CAAA;AACjBC,IAAAA,IAAI,EAAC,OAAO;AACZC,IAAAA,GAAG,EAAE/C,YAAa;AAClBH,IAAAA,SAAS,EAAEA,SAAU;AACrBD,IAAAA,KAAK,EAAE;AACL,MAAA,GAAGA,OAAK;MACR,CAAC7C,EAAE,CAAC,SAAS,CAAC,GAAGyF,QAAE,CAACrD,OAAO,CAAC;AAC5B,MAAA,CAACpC,EAAE,CAAC,MAAM,CAAC,GAAGyF,QAAE,CAACtD,IAAI,CAAA;AACvB,KAAA;GACIa,EAAAA,IAAI,CAENgB,EAAAA,mBACgB,CAAC,CAAA;AAEzB,CAAC;;;;;"}

package/dist/cjs/components/Avatars/CheckableAvatar/CheckableAvatar.styled.js CHANGED Viewed

@@ -3,7 +3,7 @@
 var bezierIcons = require('@channel.io/bezier-icons');
 var index = require('../../../node_modules/@radix-ui/react-checkbox/dist/index.js');
 var ZIndex = require('../../../constants/ZIndex.js');
-var styleUtils = require('../../../utils/styleUtils.js');
+var style = require('../../../utils/style.js');
 var Avatar$1 = require('../Avatar/Avatar.js');
 var Avatar_types = require('../Avatar/Avatar.types.js');
 var Icon = require('../../Icon/Icon.js');
@@ -52,7 +52,7 @@ const focusStyles = {
 const CheckboxPrimitiveRoot = /*#__PURE__*/FoundationStyledComponent.styled(index.Root).withConfig({
   displayName: "CheckableAvatarstyled__CheckboxPrimitiveRoot",
   componentId: "sc-1t8b49w-2"
-})(["all:unset;position:relative;z-index:", ";cursor:pointer;outline:none;&[data-disabled]{cursor:not-allowed;}&:not([data-state='unchecked']){", "{visibility:visible;}", " > div{--bezier-alpha-smooth-corners-box-background-image:none !important;--bezier-alpha-smooth-corners-box-background-color:var(--bgtxt-green-normal) !important;}}&:not([data-disabled]){", " &:focus-visible{", "}&[data-state='unchecked']{", " &:focus-visible{", "}}&:not([data-state='unchecked']){", " &:focus-visible{", "}}}"], ZIndex.ZIndex.Base, CheckIcon, Avatar, styleUtils.touchableHover(focusStyles.common), focusStyles.common, styleUtils.touchableHover(focusStyles.unchecked), focusStyles.unchecked, styleUtils.touchableHover(focusStyles.checked), focusStyles.checked);
+})(["all:unset;position:relative;z-index:", ";cursor:pointer;outline:none;&[data-disabled]{cursor:not-allowed;}&:not([data-state='unchecked']){", "{visibility:visible;}", " > div{--bezier-alpha-smooth-corners-box-background-image:none !important;--bezier-alpha-smooth-corners-box-background-color:var(--bgtxt-green-normal) !important;}}&:not([data-disabled]){", " &:focus-visible{", "}&[data-state='unchecked']{", " &:focus-visible{", "}}&:not([data-state='unchecked']){", " &:focus-visible{", "}}}"], ZIndex.ZIndex.Base, CheckIcon, Avatar, style.touchableHover(focusStyles.common), focusStyles.common, style.touchableHover(focusStyles.unchecked), focusStyles.unchecked, style.touchableHover(focusStyles.checked), focusStyles.checked);
 exports.Avatar = Avatar;
 exports.CheckIcon = CheckIcon;

package/dist/cjs/components/Avatars/CheckableAvatar/CheckableAvatar.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckableAvatar.styled.js","sources":["../../../../../src/components/Avatars/CheckableAvatar/CheckableAvatar.styled.ts"],"sourcesContent":["import { CheckIcon as CheckIconSource } from '@channel.io/bezier-icons'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\n\nimport {\n absoluteCenter,\n css,\n styled,\n} from '~/src/foundation'\n\nimport { ZIndex } from '~/src/constants/ZIndex'\nimport { touchableHover } from '~/src/utils/~~styleUtils~~'\n\nimport {\n AvatarSize,\n Avatar as BaseAvatar,\n} from '~/src/components/Avatars/Avatar'\nimport { Icon } from '~/src/components/Icon'\n\nexport const Avatar = styled(BaseAvatar)``\n\nexport const CheckIcon = styled(Icon).attrs({\n source: CheckIconSource,\n color: 'bgtxt-absolute-white-normal',\n})`\n position: absolute;\n z-index: ${ZIndex.Float};\n visibility: hidden;\n\n ${absoluteCenter()}\n\n &.size-${AvatarSize.Size20} {\n width: 14px;\n height: 14px;\n }\n\n &.size-${AvatarSize.Size24} {\n width: 16px;\n height: 16px;\n }\n\n &.size-${AvatarSize.Size30} {\n width: 20px;\n height: 20px;\n }\n\n &.size-${AvatarSize.Size36} {\n width: 22px;\n height: 22px;\n }\n\n &.size-${AvatarSize.Size42} {\n width: 24px;\n height: 24px;\n }\n\n &.size-${AvatarSize.Size48} {\n width: 28px;\n height: 28px;\n }\n\n &.size-${AvatarSize.Size72} {\n width: 42px;\n height: 42px;\n }\n\n &.size-${AvatarSize.Size90} {\n width: 52px;\n height: 52px;\n }\n\n &.size-${AvatarSize.Size120} {\n width: 68px;\n height: 68px;\n }\n`\n\nconst focusStyles = {\n common: css`\n ${CheckIcon} {\n visibility: visible;\n }\n\n /* stylelint-disable declaration-block-semicolon-newline-after, rule-empty-line-before /\n ${Avatar} > div {\n --bezier-alpha-smooth-corners-box-background-image: none !important;\n }\n `,\n unchecked: css`\n ${Avatar} > div {\n --bezier-alpha-smooth-corners-box-background-color: var(--bg-grey-dark) !important;\n }\n `,\n checked: css`\n ${Avatar} > div {\n --bezier-alpha-smooth-corners-box-background-color: var(--bgtxt-green-dark) !important;\n }\n / stylelint-enable declaration-block-semicolon-newline-after, rule-empty-line-before /\n `,\n}\n\n/\n NOTE: Using the `!important` keyword to override a local CSS variable of `AlphaSmoothCorners`.\n * Improvements are needed to the styling when using the `AlphaSmoothCorners` component.\n /\nexport const CheckboxPrimitiveRoot = styled(CheckboxPrimitive.Root)`\n all: unset;\n position: relative;\n z-index: ${ZIndex.Base};\n cursor: pointer;\n outline: none;\n\n &[data-disabled] {\n cursor: not-allowed;\n }\n\n &:not([data-state='unchecked']) {\n ${CheckIcon} {\n visibility: visible;\n }\n\n / stylelint-disable declaration-block-semicolon-newline-after, rule-empty-line-before /\n ${Avatar} > div {\n --bezier-alpha-smooth-corners-box-background-image: none !important;\n --bezier-alpha-smooth-corners-box-background-color: var(--bgtxt-green-normal) !important;\n }\n / stylelint-enable declaration-block-semicolon-newline-after, rule-empty-line-before */\n }\n\n &:not([data-disabled]) {\n ${touchableHover(focusStyles.common)}\n\n &:focus-visible {\n ${focusStyles.common}\n }\n\n &[data-state='unchecked'] {\n ${touchableHover(focusStyles.unchecked)}\n\n &:focus-visible {\n ${focusStyles.unchecked}\n }\n }\n\n &:not([data-state='unchecked']) {\n ${touchableHover(focusStyles.checked)}\n\n &:focus-visible {\n ${focusStyles.checked}\n }\n }\n }\n`\n"],"names":["Avatar","styled","BaseAvatar","withConfig","displayName","componentId","CheckIcon","Icon","attrs","source","CheckIconSource","color","ZIndex","Float","absoluteCenter","AvatarSize","Size20","Size24","Size30","Size36","Size42","Size48","Size72","Size90","Size120","focusStyles","common","css","unchecked","checked","CheckboxPrimitiveRoot","CheckboxPrimitive","Base","touchableHover"],"mappings":";;;;;;;;;;;;AAkBO,MAAMA,MAAM,gBAAGC,gCAAM,CAACC,eAAU,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,EAAA;AAEnC,MAAMC,SAAS,gBAAGL,gCAAM,CAACM,SAAI,CAAC,CAACC,KAAK,CAAC;AAC1CC,EAAAA,MAAM,EAAEC,qBAAe;AACvBC,EAAAA,KAAK,EAAE,6BAAA;AACT,CAAC,CAAC,CAAAR,UAAA,CAAA;EAAAC,WAAA,EAAA,kCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAA,CAAA,4BAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,kCAAA,EAAA,kCAAA,EAAA,kCAAA,EAAA,kCAAA,EAAA,kCAAA,EAAA,kCAAA,EAAA,kCAAA,EAAA,kCAAA,EAAA,2BAAA,CAAA,EAEWO,aAAM,CAACC,KAAK,EAGrBC,qBAAc,EAAE,EAETC,uBAAU,CAACC,MAAM,EAKjBD,uBAAU,CAACE,MAAM,EAKjBF,uBAAU,CAACG,MAAM,EAKjBH,uBAAU,CAACI,MAAM,EAKjBJ,uBAAU,CAACK,MAAM,EAKjBL,uBAAU,CAACM,MAAM,EAKjBN,uBAAU,CAACO,MAAM,EAKjBP,uBAAU,CAACQ,MAAM,EAKjBR,uBAAU,CAACS,OAAO,EAI5B;AAED,MAAMC,WAAW,GAAG;AAClBC,EAAAA,MAAM,EAAEC,6BAAI,CAAA;AACd,IAAA,EAAMrB,SAAU,CAAA;AAChB;AACA;AACA;AACA;AACA,IAAA,EAAMN,MAAO,CAAA;AACb;AACA;AACA,EAAG,CAAA;AACD4B,EAAAA,SAAS,EAAED,6BAAI,CAAA;AACjB,IAAA,EAAM3B,MAAO,CAAA;AACb;AACA;AACA,EAAG,CAAA;AACD6B,EAAAA,OAAO,EAAEF,6BAAI,CAAA;AACf,IAAA,EAAM3B,MAAO,CAAA;AACb;AACA;AACA;AACA,EAAA,CAAA;AACA,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACO,MAAM8B,qBAAqB,gBAAG7B,gCAAM,CAAC8B,UAAsB,CAAC,CAAA5B,UAAA,CAAA;EAAAC,WAAA,EAAA,8CAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAA,CAAA,sCAAA,EAAA,oGAAA,EAAA,uBAAA,EAAA,6LAAA,EAAA,mBAAA,EAAA,6BAAA,EAAA,mBAAA,EAAA,oCAAA,EAAA,mBAAA,EAAA,KAAA,CAAA,EAGtDO,aAAM,CAACoB,IAAI,EASlB1B,SAAS,EAKTN,MAAM,EAQNiC,~~yBAAc~~,CAACR,WAAW,CAACC,MAAM,CAAC,EAGhCD,WAAW,CAACC,MAAM,EAIlBO,~~yBAAc~~,CAACR,WAAW,CAACG,SAAS,CAAC,EAGnCH,WAAW,CAACG,SAAS,EAKvBK,~~yBAAc~~,CAACR,WAAW,CAACI,OAAO,CAAC,EAGjCJ,WAAW,CAACI,OAAO;;;;;;"}
1	+ {"version":3,"file":"CheckableAvatar.styled.js","sources":["../../../../../src/components/Avatars/CheckableAvatar/CheckableAvatar.styled.ts"],"sourcesContent":["import { CheckIcon as CheckIconSource } from '@channel.io/bezier-icons'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\n\nimport {\n absoluteCenter,\n css,\n styled,\n} from '~/src/foundation'\n\nimport { ZIndex } from '~/src/constants/ZIndex'\nimport { touchableHover } from '~/src/utils/style'\n\nimport {\n AvatarSize,\n Avatar as BaseAvatar,\n} from '~/src/components/Avatars/Avatar'\nimport { Icon } from '~/src/components/Icon'\n\nexport const Avatar = styled(BaseAvatar)``\n\nexport const CheckIcon = styled(Icon).attrs({\n source: CheckIconSource,\n color: 'bgtxt-absolute-white-normal',\n})`\n position: absolute;\n z-index: ${ZIndex.Float};\n visibility: hidden;\n\n ${absoluteCenter()}\n\n &.size-${AvatarSize.Size20} {\n width: 14px;\n height: 14px;\n }\n\n &.size-${AvatarSize.Size24} {\n width: 16px;\n height: 16px;\n }\n\n &.size-${AvatarSize.Size30} {\n width: 20px;\n height: 20px;\n }\n\n &.size-${AvatarSize.Size36} {\n width: 22px;\n height: 22px;\n }\n\n &.size-${AvatarSize.Size42} {\n width: 24px;\n height: 24px;\n }\n\n &.size-${AvatarSize.Size48} {\n width: 28px;\n height: 28px;\n }\n\n &.size-${AvatarSize.Size72} {\n width: 42px;\n height: 42px;\n }\n\n &.size-${AvatarSize.Size90} {\n width: 52px;\n height: 52px;\n }\n\n &.size-${AvatarSize.Size120} {\n width: 68px;\n height: 68px;\n }\n`\n\nconst focusStyles = {\n common: css`\n ${CheckIcon} {\n visibility: visible;\n }\n\n /* stylelint-disable declaration-block-semicolon-newline-after, rule-empty-line-before /\n ${Avatar} > div {\n --bezier-alpha-smooth-corners-box-background-image: none !important;\n }\n `,\n unchecked: css`\n ${Avatar} > div {\n --bezier-alpha-smooth-corners-box-background-color: var(--bg-grey-dark) !important;\n }\n `,\n checked: css`\n ${Avatar} > div {\n --bezier-alpha-smooth-corners-box-background-color: var(--bgtxt-green-dark) !important;\n }\n / stylelint-enable declaration-block-semicolon-newline-after, rule-empty-line-before /\n `,\n}\n\n/\n NOTE: Using the `!important` keyword to override a local CSS variable of `AlphaSmoothCorners`.\n * Improvements are needed to the styling when using the `AlphaSmoothCorners` component.\n /\nexport const CheckboxPrimitiveRoot = styled(CheckboxPrimitive.Root)`\n all: unset;\n position: relative;\n z-index: ${ZIndex.Base};\n cursor: pointer;\n outline: none;\n\n &[data-disabled] {\n cursor: not-allowed;\n }\n\n &:not([data-state='unchecked']) {\n ${CheckIcon} {\n visibility: visible;\n }\n\n / stylelint-disable declaration-block-semicolon-newline-after, rule-empty-line-before /\n ${Avatar} > div {\n --bezier-alpha-smooth-corners-box-background-image: none !important;\n --bezier-alpha-smooth-corners-box-background-color: var(--bgtxt-green-normal) !important;\n }\n / stylelint-enable declaration-block-semicolon-newline-after, rule-empty-line-before */\n }\n\n &:not([data-disabled]) {\n ${touchableHover(focusStyles.common)}\n\n &:focus-visible {\n ${focusStyles.common}\n }\n\n &[data-state='unchecked'] {\n ${touchableHover(focusStyles.unchecked)}\n\n &:focus-visible {\n ${focusStyles.unchecked}\n }\n }\n\n &:not([data-state='unchecked']) {\n ${touchableHover(focusStyles.checked)}\n\n &:focus-visible {\n ${focusStyles.checked}\n }\n }\n }\n`\n"],"names":["Avatar","styled","BaseAvatar","withConfig","displayName","componentId","CheckIcon","Icon","attrs","source","CheckIconSource","color","ZIndex","Float","absoluteCenter","AvatarSize","Size20","Size24","Size30","Size36","Size42","Size48","Size72","Size90","Size120","focusStyles","common","css","unchecked","checked","CheckboxPrimitiveRoot","CheckboxPrimitive","Base","touchableHover"],"mappings":";;;;;;;;;;;;AAkBO,MAAMA,MAAM,gBAAGC,gCAAM,CAACC,eAAU,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,EAAA;AAEnC,MAAMC,SAAS,gBAAGL,gCAAM,CAACM,SAAI,CAAC,CAACC,KAAK,CAAC;AAC1CC,EAAAA,MAAM,EAAEC,qBAAe;AACvBC,EAAAA,KAAK,EAAE,6BAAA;AACT,CAAC,CAAC,CAAAR,UAAA,CAAA;EAAAC,WAAA,EAAA,kCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAA,CAAA,4BAAA,EAAA,qBAAA,EAAA,UAAA,EAAA,kCAAA,EAAA,kCAAA,EAAA,kCAAA,EAAA,kCAAA,EAAA,kCAAA,EAAA,kCAAA,EAAA,kCAAA,EAAA,kCAAA,EAAA,2BAAA,CAAA,EAEWO,aAAM,CAACC,KAAK,EAGrBC,qBAAc,EAAE,EAETC,uBAAU,CAACC,MAAM,EAKjBD,uBAAU,CAACE,MAAM,EAKjBF,uBAAU,CAACG,MAAM,EAKjBH,uBAAU,CAACI,MAAM,EAKjBJ,uBAAU,CAACK,MAAM,EAKjBL,uBAAU,CAACM,MAAM,EAKjBN,uBAAU,CAACO,MAAM,EAKjBP,uBAAU,CAACQ,MAAM,EAKjBR,uBAAU,CAACS,OAAO,EAI5B;AAED,MAAMC,WAAW,GAAG;AAClBC,EAAAA,MAAM,EAAEC,6BAAI,CAAA;AACd,IAAA,EAAMrB,SAAU,CAAA;AAChB;AACA;AACA;AACA;AACA,IAAA,EAAMN,MAAO,CAAA;AACb;AACA;AACA,EAAG,CAAA;AACD4B,EAAAA,SAAS,EAAED,6BAAI,CAAA;AACjB,IAAA,EAAM3B,MAAO,CAAA;AACb;AACA;AACA,EAAG,CAAA;AACD6B,EAAAA,OAAO,EAAEF,6BAAI,CAAA;AACf,IAAA,EAAM3B,MAAO,CAAA;AACb;AACA;AACA;AACA,EAAA,CAAA;AACA,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACO,MAAM8B,qBAAqB,gBAAG7B,gCAAM,CAAC8B,UAAsB,CAAC,CAAA5B,UAAA,CAAA;EAAAC,WAAA,EAAA,8CAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAA,CAAA,sCAAA,EAAA,oGAAA,EAAA,uBAAA,EAAA,6LAAA,EAAA,mBAAA,EAAA,6BAAA,EAAA,mBAAA,EAAA,oCAAA,EAAA,mBAAA,EAAA,KAAA,CAAA,EAGtDO,aAAM,CAACoB,IAAI,EASlB1B,SAAS,EAKTN,MAAM,EAQNiC,oBAAc,CAACR,WAAW,CAACC,MAAM,CAAC,EAGhCD,WAAW,CAACC,MAAM,EAIlBO,oBAAc,CAACR,WAAW,CAACG,SAAS,CAAC,EAGnCH,WAAW,CAACG,SAAS,EAKvBK,oBAAc,CAACR,WAAW,CAACI,OAAO,CAAC,EAGjCJ,WAAW,CAACI,OAAO;;;;;;"}

package/dist/cjs/components/Banner/Banner.js CHANGED Viewed

@@ -2,8 +2,8 @@
 var React = require('react');
 var bezierIcons = require('@channel.io/bezier-icons');
-var assertUtils = require('../../utils/assertUtils.js');
-var typeUtils = require('../../utils/typeUtils.js');
+var assert = require('../../utils/assert.js');
+var type = require('../../utils/type.js');
 var Button = require('../Button/Button.js');
 var Button_types = require('../Button/Button.types.js');
 var Text = require('../Text/Text.js');
@@ -58,7 +58,7 @@ const Banner = /*#__PURE__*/React.forwardRef(function Banner(props, forwardedRef
     testId = BANNER_TEST_ID
   } = props;
   if (utils.isIconName(icon)) {
-    assertUtils.warn('Deprecation: IconName as a value for the icon property of Banner has been deprecated. Use the Icon of bezier-icons instead.');
+    assert.warn('Deprecation: IconName as a value for the icon property of Banner has been deprecated. Use the Icon of bezier-icons instead.');
   }
   return /*#__PURE__*/React.createElement(Banner_styled.default.Stack, {
     ref: forwardedRef,
@@ -68,7 +68,7 @@ const Banner = /*#__PURE__*/React.forwardRef(function Banner(props, forwardedRef
     variant: variant,
     spacing: 6,
     align: "start"
-  }, !typeUtils.isNil(icon) && /*#__PURE__*/React.createElement(Banner_styled.default.StackItem, null, bezierIcons.isBezierIcon(icon) ? /*#__PURE__*/React.createElement(Banner_styled.default.BannerIcon, {
+  }, !type.isNil(icon) && /*#__PURE__*/React.createElement(Banner_styled.default.StackItem, null, bezierIcons.isBezierIcon(icon) ? /*#__PURE__*/React.createElement(Banner_styled.default.BannerIcon, {
     source: icon,
     color: iconColor ?? Banner_const.DEFAULT_ICON_COLORS[variant],
     size: Icon_types.IconSize.S
@@ -83,10 +83,10 @@ const Banner = /*#__PURE__*/React.forwardRef(function Banner(props, forwardedRef
     align: "center"
   }, /*#__PURE__*/React.createElement(Banner_styled.default.ContentWrapper, {
     variant: variant
-  }, typeUtils.isString(content) ? /*#__PURE__*/React.createElement(Text.default, {
+  }, type.isString(content) ? /*#__PURE__*/React.createElement(Text.default, {
     typo: Typography.Typography.Size14,
     color: Banner_const.TEXT_COLORS[variant]
-  }, content, /*#__PURE__*/React.createElement(Link, props)) : content)), !typeUtils.isNil(actionIcon) && /*#__PURE__*/React.createElement(Banner_styled.default.StackItem, null, /*#__PURE__*/React.createElement(Button.Button, {
+  }, content, /*#__PURE__*/React.createElement(Link, props)) : content)), !type.isNil(actionIcon) && /*#__PURE__*/React.createElement(Banner_styled.default.StackItem, null, /*#__PURE__*/React.createElement(Button.Button, {
     size: Button_types.ButtonSize.XS,
     colorVariant: Banner_const.ACTION_BUTTON_COLOR_VARIANTS[variant],
     styleVariant: Button_types.ButtonStyleVariant.Tertiary,

package/dist/cjs/components/Banner/Banner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Banner.js","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { isBezierIcon } from '@channel.io/bezier-icons'\n\nimport { Typography } from '~/src/foundation'\n\nimport { warn } from '~/src/utils/~~assertUtils~~'\nimport {\n isNil,\n isString,\n} from '~/src/utils/~~typeUtils~~'\n\nimport {\n Button,\n ButtonSize,\n ButtonStyleVariant,\n} from '~/src/components/Button'\nimport { IconSize } from '~/src/components/Icon'\nimport { isIconName } from '~/src/components/LegacyIcon'\nimport { StackItem } from '~/src/components/Stack'\nimport { Text } from '~/src/components/Text'\n\nimport {\n ACTION_BUTTON_COLOR_VARIANTS,\n DEFAULT_ICON_COLORS,\n TEXT_COLORS,\n} from './Banner.const'\nimport {\n type BannerProps,\n BannerVariant,\n type RenderLinkFunc,\n} from './Banner.types'\n\nimport Styled from './Banner.styled'\n\nconst BANNER_TEST_ID = 'bezier-react-banner'\nexport const BANNER_LINK_TEST_ID = 'bezier-react-banner-link'\n\nconst externalLinkRenderer: RenderLinkFunc = ({\n content,\n linkTo,\n}) => (\n <a\n href={linkTo}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n data-testid={BANNER_LINK_TEST_ID}\n >\n { content }\n </a>\n)\n\nfunction Link({\n variant = BannerVariant.Default,\n hasLink = false,\n linkText,\n linkTo,\n renderLink = externalLinkRenderer,\n}: BannerProps) {\n if (!hasLink) { return null }\n\n return renderLink({\n content: (\n <Styled.Link\n typo={Typography.Size14}\n color={TEXT_COLORS[variant]}\n bold\n >\n { linkText }\n </Styled.Link>\n ),\n linkTo,\n })\n}\n\nexport const Banner = forwardRef(function Banner(\n props: BannerProps,\n forwardedRef: React.Ref<HTMLDivElement>,\n) {\n const {\n className,\n interpolation,\n variant = BannerVariant.Default,\n icon,\n iconColor,\n content,\n actionIcon,\n onClickAction,\n testId = BANNER_TEST_ID,\n } = props\n\n if (isIconName(icon)) {\n warn('Deprecation: IconName as a value for the icon property of Banner has been deprecated. Use the Icon of bezier-icons instead.')\n }\n\n return (\n <Styled.Stack\n ref={forwardedRef}\n data-testid={testId}\n className={className}\n interpolation={interpolation}\n variant={variant}\n spacing={6}\n align=\"start\"\n >\n { !isNil(icon) && (\n <Styled.StackItem>\n { isBezierIcon(icon) ? (\n <Styled.BannerIcon\n source={icon}\n color={iconColor ?? DEFAULT_ICON_COLORS[variant]}\n size={IconSize.S}\n />\n ) : (\n <Styled.BannerLegacyIcon\n name={icon}\n color={iconColor ?? DEFAULT_ICON_COLORS[variant]}\n size={IconSize.S}\n />\n ) }\n </Styled.StackItem>\n ) }\n\n <StackItem\n grow\n shrink\n weight={1}\n align=\"center\"\n >\n <Styled.ContentWrapper variant={variant}>\n { isString(content) ? (\n <Text\n typo={Typography.Size14}\n color={TEXT_COLORS[variant]}\n >\n { content }\n <Link {...props} />\n </Text>\n ) : content }\n </Styled.ContentWrapper>\n </StackItem>\n\n { !isNil(actionIcon) && (\n <Styled.StackItem>\n <Button\n size={ButtonSize.XS}\n colorVariant={ACTION_BUTTON_COLOR_VARIANTS[variant]}\n styleVariant={ButtonStyleVariant.Tertiary}\n leftContent={actionIcon}\n onClick={onClickAction}\n />\n </Styled.StackItem>\n ) }\n </Styled.Stack>\n )\n})\n"],"names":["BANNER_TEST_ID","BANNER_LINK_TEST_ID","externalLinkRenderer","content","linkTo","React","createElement","href","target","rel","Link","variant","BannerVariant","Default","hasLink","linkText","renderLink","Styled","typo","Typography","Size14","color","TEXT_COLORS","bold","Banner","forwardRef","props","forwardedRef","className","interpolation","icon","iconColor","actionIcon","onClickAction","testId","isIconName","warn","Stack","ref","spacing","align","isNil","StackItem","isBezierIcon","BannerIcon","source","DEFAULT_ICON_COLORS","size","IconSize","S","BannerLegacyIcon","name","grow","shrink","weight","ContentWrapper","isString","Text","Button","ButtonSize","XS","colorVariant","ACTION_BUTTON_COLOR_VARIANTS","styleVariant","ButtonStyleVariant","Tertiary","leftContent","onClick"],"mappings":";;;;;;;;;;;;;;;;;AAmCA,MAAMA,cAAc,GAAG,qBAAqB,CAAA;AACrC,MAAMC,mBAAmB,GAAG,2BAA0B;AAE7D,MAAMC,oBAAoC,GAAGA,CAAC;EAC5CC,OAAO;AACPC,EAAAA,MAAAA;AACF,CAAC,kBACCC,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AACEC,EAAAA,IAAI,EAAEH,MAAO;AACbI,EAAAA,MAAM,EAAC,QAAQ;AACfC,EAAAA,GAAG,EAAC,qBAAqB;EACzB,aAAaR,EAAAA,mBAAAA;AAAoB,CAAA,EAE/BE,OACD,CACJ,CAAA;AAED,SAASO,IAAIA,CAAC;EACZC,OAAO,GAAGC,0BAAa,CAACC,OAAO;AAC/BC,EAAAA,OAAO,GAAG,KAAK;EACfC,QAAQ;EACRX,MAAM;AACNY,EAAAA,UAAU,GAAGd,oBAAAA;AACF,CAAC,EAAE;EACd,IAAI,CAACY,OAAO,EAAE;AAAE,IAAA,OAAO,IAAI,CAAA;AAAC,GAAA;AAE5B,EAAA,OAAOE,UAAU,CAAC;AAChBb,IAAAA,OAAO,eACLE,KAAA,CAAAC,aAAA,CAACW,qBAAM,CAACP,IAAI,EAAA;MACVQ,IAAI,EAAEC,qBAAU,CAACC,MAAO;AACxBC,MAAAA,KAAK,EAAEC,wBAAW,CAACX,OAAO,CAAE;MAC5BY,IAAI,EAAA,IAAA;AAAA,KAAA,EAEFR,QACS,CACd;AACDX,IAAAA,MAAAA;AACF,GAAC,CAAC,CAAA;AACJ,CAAA;AAEO,MAAMoB,MAAM,gBAAGC,gBAAU,CAAC,SAASD,MAAMA,CAC9CE,KAAkB,EAClBC,YAAuC,EACvC;EACA,MAAM;IACJC,SAAS;IACTC,aAAa;IACblB,OAAO,GAAGC,0BAAa,CAACC,OAAO;IAC/BiB,IAAI;IACJC,SAAS;IACT5B,OAAO;IACP6B,UAAU;IACVC,aAAa;AACbC,IAAAA,MAAM,GAAGlC,cAAAA;AACX,GAAC,GAAG0B,KAAK,CAAA;AAET,EAAA,IAAIS,gBAAU,CAACL,IAAI,CAAC,EAAE;IACpBM,~~gBAAI~~,CAAC,6HAA6H,CAAC,CAAA;AACrI,GAAA;AAEA,EAAA,oBACE/B,KAAA,CAAAC,aAAA,CAACW,qBAAM,CAACoB,KAAK,EAAA;AACXC,IAAAA,GAAG,EAAEX,YAAa;AAClB,IAAA,aAAA,EAAaO,MAAO;AACpBN,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,aAAa,EAAEA,aAAc;AAC7BlB,IAAAA,OAAO,EAAEA,OAAQ;AACjB4B,IAAAA,OAAO,EAAE,CAAE;AACXC,IAAAA,KAAK,EAAC,OAAA;GAEJ,EAAA,CAACC,~~eAAK~~,CAACX,IAAI,CAAC,iBACZzB,KAAA,CAAAC,aAAA,CAACW,qBAAM,CAACyB,SAAS,EACbC,IAAAA,EAAAA,wBAAY,CAACb,IAAI,CAAC,gBAClBzB,KAAA,CAAAC,aAAA,CAACW,qBAAM,CAAC2B,UAAU,EAAA;AAChBC,IAAAA,MAAM,EAAEf,IAAK;AACbT,IAAAA,KAAK,EAAEU,SAAS,IAAIe,gCAAmB,CAACnC,OAAO,CAAE;IACjDoC,IAAI,EAAEC,mBAAQ,CAACC,CAAAA;GAChB,CAAC,gBAEF5C,KAAA,CAAAC,aAAA,CAACW,qBAAM,CAACiC,gBAAgB,EAAA;AACtBC,IAAAA,IAAI,EAAErB,IAAK;AACXT,IAAAA,KAAK,EAAEU,SAAS,IAAIe,gCAAmB,CAACnC,OAAO,CAAE;IACjDoC,IAAI,EAAEC,mBAAQ,CAACC,CAAAA;AAAE,GAClB,CAEa,CACnB,eAED5C,KAAA,CAAAC,aAAA,CAACoC,mBAAS,EAAA;IACRU,IAAI,EAAA,IAAA;IACJC,MAAM,EAAA,IAAA;AACNC,IAAAA,MAAM,EAAE,CAAE;AACVd,IAAAA,KAAK,EAAC,QAAA;AAAQ,GAAA,eAEdnC,KAAA,CAAAC,aAAA,CAACW,qBAAM,CAACsC,cAAc,EAAA;AAAC5C,IAAAA,OAAO,EAAEA,OAAAA;GAC5B6C,EAAAA,~~kBAAQ~~,CAACrD,OAAO,CAAC,gBACjBE,KAAA,CAAAC,aAAA,CAACmD,YAAI,EAAA;IACHvC,IAAI,EAAEC,qBAAU,CAACC,MAAO;IACxBC,KAAK,EAAEC,wBAAW,CAACX,OAAO,CAAA;AAAE,GAAA,EAE1BR,OAAO,eACTE,KAAA,CAAAC,aAAA,CAACI,IAAI,EAAKgB,KAAQ,CACd,CAAC,GACLvB,OACiB,CACd,CAAC,EAEV,CAACsC,~~eAAK~~,CAACT,UAAU,CAAC,iBAClB3B,KAAA,CAAAC,aAAA,CAACW,qBAAM,CAACyB,SAAS,EACfrC,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACoD,aAAM,EAAA;IACLX,IAAI,EAAEY,uBAAU,CAACC,EAAG;AACpBC,IAAAA,YAAY,EAAEC,yCAA4B,CAACnD,OAAO,CAAE;IACpDoD,YAAY,EAAEC,+BAAkB,CAACC,QAAS;AAC1CC,IAAAA,WAAW,EAAElC,UAAW;AACxBmC,IAAAA,OAAO,EAAElC,aAAAA;GACV,CACe,CAER,CAAC,CAAA;AAEnB,CAAC;;;;;"}
1	+ {"version":3,"file":"Banner.js","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { isBezierIcon } from '@channel.io/bezier-icons'\n\nimport { Typography } from '~/src/foundation'\n\nimport { warn } from '~/src/utils/assert'\nimport {\n isNil,\n isString,\n} from '~/src/utils/type'\n\nimport {\n Button,\n ButtonSize,\n ButtonStyleVariant,\n} from '~/src/components/Button'\nimport { IconSize } from '~/src/components/Icon'\nimport { isIconName } from '~/src/components/LegacyIcon'\nimport { StackItem } from '~/src/components/Stack'\nimport { Text } from '~/src/components/Text'\n\nimport {\n ACTION_BUTTON_COLOR_VARIANTS,\n DEFAULT_ICON_COLORS,\n TEXT_COLORS,\n} from './Banner.const'\nimport {\n type BannerProps,\n BannerVariant,\n type RenderLinkFunc,\n} from './Banner.types'\n\nimport Styled from './Banner.styled'\n\nconst BANNER_TEST_ID = 'bezier-react-banner'\nexport const BANNER_LINK_TEST_ID = 'bezier-react-banner-link'\n\nconst externalLinkRenderer: RenderLinkFunc = ({\n content,\n linkTo,\n}) => (\n <a\n href={linkTo}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n data-testid={BANNER_LINK_TEST_ID}\n >\n { content }\n </a>\n)\n\nfunction Link({\n variant = BannerVariant.Default,\n hasLink = false,\n linkText,\n linkTo,\n renderLink = externalLinkRenderer,\n}: BannerProps) {\n if (!hasLink) { return null }\n\n return renderLink({\n content: (\n <Styled.Link\n typo={Typography.Size14}\n color={TEXT_COLORS[variant]}\n bold\n >\n { linkText }\n </Styled.Link>\n ),\n linkTo,\n })\n}\n\nexport const Banner = forwardRef(function Banner(\n props: BannerProps,\n forwardedRef: React.Ref<HTMLDivElement>,\n) {\n const {\n className,\n interpolation,\n variant = BannerVariant.Default,\n icon,\n iconColor,\n content,\n actionIcon,\n onClickAction,\n testId = BANNER_TEST_ID,\n } = props\n\n if (isIconName(icon)) {\n warn('Deprecation: IconName as a value for the icon property of Banner has been deprecated. Use the Icon of bezier-icons instead.')\n }\n\n return (\n <Styled.Stack\n ref={forwardedRef}\n data-testid={testId}\n className={className}\n interpolation={interpolation}\n variant={variant}\n spacing={6}\n align=\"start\"\n >\n { !isNil(icon) && (\n <Styled.StackItem>\n { isBezierIcon(icon) ? (\n <Styled.BannerIcon\n source={icon}\n color={iconColor ?? DEFAULT_ICON_COLORS[variant]}\n size={IconSize.S}\n />\n ) : (\n <Styled.BannerLegacyIcon\n name={icon}\n color={iconColor ?? DEFAULT_ICON_COLORS[variant]}\n size={IconSize.S}\n />\n ) }\n </Styled.StackItem>\n ) }\n\n <StackItem\n grow\n shrink\n weight={1}\n align=\"center\"\n >\n <Styled.ContentWrapper variant={variant}>\n { isString(content) ? (\n <Text\n typo={Typography.Size14}\n color={TEXT_COLORS[variant]}\n >\n { content }\n <Link {...props} />\n </Text>\n ) : content }\n </Styled.ContentWrapper>\n </StackItem>\n\n { !isNil(actionIcon) && (\n <Styled.StackItem>\n <Button\n size={ButtonSize.XS}\n colorVariant={ACTION_BUTTON_COLOR_VARIANTS[variant]}\n styleVariant={ButtonStyleVariant.Tertiary}\n leftContent={actionIcon}\n onClick={onClickAction}\n />\n </Styled.StackItem>\n ) }\n </Styled.Stack>\n )\n})\n"],"names":["BANNER_TEST_ID","BANNER_LINK_TEST_ID","externalLinkRenderer","content","linkTo","React","createElement","href","target","rel","Link","variant","BannerVariant","Default","hasLink","linkText","renderLink","Styled","typo","Typography","Size14","color","TEXT_COLORS","bold","Banner","forwardRef","props","forwardedRef","className","interpolation","icon","iconColor","actionIcon","onClickAction","testId","isIconName","warn","Stack","ref","spacing","align","isNil","StackItem","isBezierIcon","BannerIcon","source","DEFAULT_ICON_COLORS","size","IconSize","S","BannerLegacyIcon","name","grow","shrink","weight","ContentWrapper","isString","Text","Button","ButtonSize","XS","colorVariant","ACTION_BUTTON_COLOR_VARIANTS","styleVariant","ButtonStyleVariant","Tertiary","leftContent","onClick"],"mappings":"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"}

package/dist/cjs/components/Button/Button.js CHANGED Viewed

@@ -2,10 +2,10 @@
 var React = require('react');
 var bezierIcons = require('@channel.io/bezier-icons');
-var arrayUtils = require('../../utils/arrayUtils.js');
-var assertUtils = require('../../utils/assertUtils.js');
-var functionUtils = require('../../utils/functionUtils.js');
-var typeUtils = require('../../utils/typeUtils.js');
+var array = require('../../utils/array.js');
+var assert = require('../../utils/assert.js');
+var _function = require('../../utils/function.js');
+var type = require('../../utils/type.js');
 var Spinner = require('../Spinner/Spinner.js');
 var Spinner_types = require('../Spinner/Spinner.types.js');
 var Button_types = require('./Button.types.js');
@@ -24,9 +24,9 @@ function tupleKey(...[colorVariant, styleVariant, size]) {
 }
 function combinations(colors, styles, sizes) {
   function toArray(items) {
-    return typeUtils.isArray(items) ? items : [items];
+    return type.isArray(items) ? items : [items];
   }
-  return arrayUtils.flattenDeep(toArray(colors).map(color => toArray(styles).map(style => toArray(sizes).map(size => tupleKey(color, style, size)))));
+  return array.flattenDeep(toArray(colors).map(color => toArray(styles).map(style => toArray(sizes).map(size => tupleKey(color, style, size)))));
 }
 const OVERRIDED_TEXT_DEFAULT_COLORS = {
   ...Object.fromEntries(combinations(Button_types.ButtonColorVariant.Monochrome, [Button_types.ButtonStyleVariant.Secondary, Button_types.ButtonStyleVariant.Tertiary], [Button_types.ButtonSize.S, Button_types.ButtonSize.XS]).map(key => [key, 'txt-black-darker']))
@@ -53,10 +53,10 @@ const Button = /*#__PURE__*/React.forwardRef(function Button({
   colorVariant = Button_types.ButtonColorVariant.Blue,
   leftContent,
   rightContent,
-  onClick = functionUtils.noop,
-  onMouseEnter = functionUtils.noop,
-  onMouseLeave = functionUtils.noop,
-  onBlur = functionUtils.noop,
+  onClick = _function.noop,
+  onMouseEnter = _function.noop,
+  onMouseLeave = _function.noop,
+  onBlur = _function.noop,
   ...rest
 }, forwardedRef) {
   const [isHovered, setIsHovered] = React.useState(false);
@@ -117,7 +117,7 @@ const Button = /*#__PURE__*/React.forwardRef(function Button({
   }, [onClick, disabled]);
   const renderSideContent = React.useCallback(content => {
     if (utils.isIconName(content)) {
-      assertUtils.warn('Deprecation: IconName as a value for the leftContent property of a Button has been deprecated. Use the Icon of bezier-icons instead.');
+      assert.warn('Deprecation: IconName as a value for the leftContent property of a Button has been deprecated. Use the Icon of bezier-icons instead.');
       return /*#__PURE__*/React.createElement(LegacyIcon.default, {
         name: content,
         size: iconSize,