@channel.io/bezier-react 1.6.2 → 1.7.1

package/dist/esm/components/SectionLabel/SectionLabel.styled.mjs

@@ -29,10 +29,10 @@ const ContentWrapper = /*#__PURE__*/FoundationStyled.div.withConfig({
 })(["display:flex;align-items:center;padding-left:6px;overflow:hidden;", ""], ({
   interpolation
 }) => interpolation);
-const HelpIconWrapper = /*#__PURE__*/FoundationStyled.div.withConfig({
-  displayName: "SectionLabelstyled__HelpIconWrapper",
+const HelpContainer = /*#__PURE__*/FoundationStyled.div.withConfig({
+  displayName: "SectionLabelstyled__HelpContainer",
   componentId: "sc-14g33s5-4"
-})(["width:16px;height:16px;margin-left:8px;"]);
+})(["margin-left:8px;"]);
 const RightContentWrapper = /*#__PURE__*/FoundationStyled.div.withConfig({
   displayName: "SectionLabelstyled__RightContentWrapper",
   componentId: "sc-14g33s5-5"
@@ -60,7 +60,7 @@ var Styled = {
   LeftContentWrapper,
   ContentText,
   ContentWrapper,
-  HelpIconWrapper,
+  HelpContainer,
   RightContentWrapper,
   RightItemWrapper,
   ChildrenWrapper,

package/dist/esm/components/SectionLabel/SectionLabel.styled.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SectionLabel.styled.mjs","sources":["../../../../src/components/SectionLabel/SectionLabel.styled.ts"],"sourcesContent":["import {\n  css,\n  styled,\n} from '~/src/foundation'\n\nimport { type InterpolationProps } from '~/src/types/Foundation'\n\nimport { LegacyIcon } from '~/src/components/LegacyIcon'\nimport { Text } from '~/src/components/Text'\n\nconst clickableElementStyle = css`\n  &.clickable {\n    cursor: pointer;\n  }\n`\n\nconst LeftIcon = styled(LegacyIcon)`\n  ${clickableElementStyle}\n`\n\nconst LeftContentWrapper = styled.div<InterpolationProps>`\n  display: flex;\n  align-items: center;\n  padding-left: 6px;\n\n  ${({ interpolation }) => interpolation}\n`\n\nconst ContentText = styled(Text)`\n  overflow: hidden;\n  color: ${({ foundation }) => foundation?.theme?.['txt-black-dark']};\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`\n\nconst ContentWrapper = styled.div<InterpolationProps>`\n  display: flex;\n  align-items: center;\n  padding-left: 6px;\n  overflow: hidden;\n\n  ${({ interpolation }) => interpolation}\n`\n\nconst HelpIconWrapper = styled.div`\n  width: 16px;\n  height: 16px;\n  margin-left: 8px;\n`\n\nconst RightContentWrapper = styled.div<InterpolationProps>`\n  display: flex;\n  align-items: center;\n  padding-left: 6px;\n  margin: 0 6px 0 auto;\n\n  ${({ interpolation }) => interpolation}\n`\n\nconst RightItemWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n\n  ${clickableElementStyle}\n`\n\nconst ChildrenWrapper = styled.div<{ show: boolean }>`\n  display: ${({ show }) => (show ? 'unset' : 'none')};\n`\n\nconst Wrapper = styled.div<InterpolationProps>`\n  display: flex;\n  align-items: center;\n  height: 28px;\n\n  ${clickableElementStyle}\n\n  ${({ interpolation }) => interpolation}\n`\n\nexport default {\n  LeftIcon,\n  LeftContentWrapper,\n  ContentText,\n  ContentWrapper,\n  HelpIconWrapper,\n  RightContentWrapper,\n  RightItemWrapper,\n  ChildrenWrapper,\n  Wrapper,\n}\n"],"names":["clickableElementStyle","css","LeftIcon","styled","LegacyIcon","withConfig","displayName","componentId","LeftContentWrapper","div","interpolation","ContentText","Text","foundation","theme","ContentWrapper","HelpIconWrapper","RightContentWrapper","RightItemWrapper","ChildrenWrapper","show","Wrapper"],"mappings":"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"}
+{"version":3,"file":"SectionLabel.styled.mjs","sources":["../../../../src/components/SectionLabel/SectionLabel.styled.ts"],"sourcesContent":["import {\n  css,\n  styled,\n} from '~/src/foundation'\n\nimport { type InterpolationProps } from '~/src/types/Foundation'\n\nimport { LegacyIcon } from '~/src/components/LegacyIcon'\nimport { Text } from '~/src/components/Text'\n\nconst clickableElementStyle = css`\n  &.clickable {\n    cursor: pointer;\n  }\n`\n\nconst LeftIcon = styled(LegacyIcon)`\n  ${clickableElementStyle}\n`\n\nconst LeftContentWrapper = styled.div<InterpolationProps>`\n  display: flex;\n  align-items: center;\n  padding-left: 6px;\n\n  ${({ interpolation }) => interpolation}\n`\n\nconst ContentText = styled(Text)`\n  overflow: hidden;\n  color: ${({ foundation }) => foundation?.theme?.['txt-black-dark']};\n  text-overflow: ellipsis;\n  white-space: nowrap;\n`\n\nconst ContentWrapper = styled.div<InterpolationProps>`\n  display: flex;\n  align-items: center;\n  padding-left: 6px;\n  overflow: hidden;\n\n  ${({ interpolation }) => interpolation}\n`\n\nconst HelpContainer = styled.div`\n  margin-left: 8px;\n`\n\nconst RightContentWrapper = styled.div<InterpolationProps>`\n  display: flex;\n  align-items: center;\n  padding-left: 6px;\n  margin: 0 6px 0 auto;\n\n  ${({ interpolation }) => interpolation}\n`\n\nconst RightItemWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n\n  ${clickableElementStyle}\n`\n\nconst ChildrenWrapper = styled.div<{ show: boolean }>`\n  display: ${({ show }) => (show ? 'unset' : 'none')};\n`\n\nconst Wrapper = styled.div<InterpolationProps>`\n  display: flex;\n  align-items: center;\n  height: 28px;\n\n  ${clickableElementStyle}\n\n  ${({ interpolation }) => interpolation}\n`\n\nexport default {\n  LeftIcon,\n  LeftContentWrapper,\n  ContentText,\n  ContentWrapper,\n  HelpContainer,\n  RightContentWrapper,\n  RightItemWrapper,\n  ChildrenWrapper,\n  Wrapper,\n}\n"],"names":["clickableElementStyle","css","LeftIcon","styled","LegacyIcon","withConfig","displayName","componentId","LeftContentWrapper","div","interpolation","ContentText","Text","foundation","theme","ContentWrapper","HelpContainer","RightContentWrapper","RightItemWrapper","ChildrenWrapper","show","Wrapper"],"mappings":"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"}

package/dist/esm/components/Spinner/Spinner.mjs

@@ -1,17 +1,19 @@
-import React__default from 'react';
+import React__default, { forwardRef } from 'react';
 import { SpinnerSize } from './Spinner.types.mjs';
 import { SpinIcon } from './Spinner.styled.mjs';
 
 const SPINNER_TEST_ID = 'bezier-react-spinner';
-function Spinner({
+const Spinner = /*#__PURE__*/forwardRef(function Spinner({
   testId = SPINNER_TEST_ID,
   style,
   className,
   interpolation,
   size = SpinnerSize.M,
-  color
-}) {
-  return /*#__PURE__*/React__default.createElement(SpinIcon, {
+  color,
+  ...rest
+}, forwardedRef) {
+  return /*#__PURE__*/React__default.createElement(SpinIcon, Object.assign({}, rest, {
+    ref: forwardedRef,
     style: style,
     className: className,
     interpolation: interpolation,
@@ -19,8 +21,9 @@ function Spinner({
     size: size,
     color: color,
     "data-testid": testId
-  });
-}
+  }));
+});
+var Spinner$1 = Spinner;
 
-export { SPINNER_TEST_ID, Spinner as default };
+export { SPINNER_TEST_ID, Spinner$1 as default };
 //# sourceMappingURL=Spinner.mjs.map

package/dist/esm/components/Spinner/Spinner.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.mjs","sources":["../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import React from 'react'\n\nimport type SpinnerProps from './Spinner.types'\nimport { SpinnerSize } from './Spinner.types'\n\nimport { SpinIcon } from './Spinner.styled'\n\nexport const SPINNER_TEST_ID = 'bezier-react-spinner'\n\nfunction Spinner({\n  testId = SPINNER_TEST_ID,\n  style,\n  className,\n  interpolation,\n  size = SpinnerSize.M,\n  color,\n}: SpinnerProps) {\n  return (\n    <SpinIcon\n      style={style}\n      className={className}\n      interpolation={interpolation}\n      key=\"spinner\"\n      size={size}\n      color={color}\n      data-testid={testId}\n    />\n  )\n}\n\nexport default Spinner\n"],"names":["SPINNER_TEST_ID","Spinner","testId","style","className","interpolation","size","SpinnerSize","M","color","React","createElement","SpinIcon","key"],"mappings":";;;;AAOO,MAAMA,eAAe,GAAG,uBAAsB;AAErD,SAASC,OAAOA,CAAC;AACfC,EAAAA,MAAM,GAAGF,eAAe;EACxBG,KAAK;EACLC,SAAS;EACTC,aAAa;EACbC,IAAI,GAAGC,WAAW,CAACC,CAAC;AACpBC,EAAAA,KAAAA;AACY,CAAC,EAAE;AACf,EAAA,oBACEC,cAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA;AACPT,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,aAAa,EAAEA,aAAc;AAC7BQ,IAAAA,GAAG,EAAC,SAAS;AACbP,IAAAA,IAAI,EAAEA,IAAK;AACXG,IAAAA,KAAK,EAAEA,KAAM;IACb,aAAaP,EAAAA,MAAAA;AAAO,GACrB,CAAC,CAAA;AAEN;;;;"}
+{"version":3,"file":"Spinner.mjs","sources":["../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport type SpinnerProps from './Spinner.types'\nimport { SpinnerSize } from './Spinner.types'\n\nimport { SpinIcon } from './Spinner.styled'\n\nexport const SPINNER_TEST_ID = 'bezier-react-spinner'\n\nconst Spinner = forwardRef<HTMLDivElement, SpinnerProps>(function Spinner({\n  testId = SPINNER_TEST_ID,\n  style,\n  className,\n  interpolation,\n  size = SpinnerSize.M,\n  color,\n  ...rest\n}, forwardedRef) {\n  return (\n    <SpinIcon\n      {...rest}\n      ref={forwardedRef}\n      style={style}\n      className={className}\n      interpolation={interpolation}\n      key=\"spinner\"\n      size={size}\n      color={color}\n      data-testid={testId}\n    />\n  )\n})\n\nexport default Spinner\n"],"names":["SPINNER_TEST_ID","Spinner","forwardRef","testId","style","className","interpolation","size","SpinnerSize","M","color","rest","forwardedRef","React","createElement","SpinIcon","Object","assign","ref","key"],"mappings":";;;;AAOO,MAAMA,eAAe,GAAG,uBAAsB;AAErD,MAAMC,OAAO,gBAAGC,UAAU,CAA+B,SAASD,OAAOA,CAAC;AACxEE,EAAAA,MAAM,GAAGH,eAAe;EACxBI,KAAK;EACLC,SAAS;EACTC,aAAa;EACbC,IAAI,GAAGC,WAAW,CAACC,CAAC;EACpBC,KAAK;EACL,GAAGC,IAAAA;AACL,CAAC,EAAEC,YAAY,EAAE;EACf,oBACEC,cAAA,CAAAC,aAAA,CAACC,QAAQ,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EACHN,IAAI,EAAA;AACRO,IAAAA,GAAG,EAAEN,YAAa;AAClBR,IAAAA,KAAK,EAAEA,KAAM;AACbC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,aAAa,EAAEA,aAAc;AAC7Ba,IAAAA,GAAG,EAAC,SAAS;AACbZ,IAAAA,IAAI,EAAEA,IAAK;AACXG,IAAAA,KAAK,EAAEA,KAAM;IACb,aAAaP,EAAAA,MAAAA;AAAO,GAAA,CACrB,CAAC,CAAA;AAEN,CAAC,CAAC,CAAA;AAEF,gBAAeF,OAAO;;;;"}

package/dist/esm/components/Spinner/Spinner.styled.mjs

@@ -1,6 +1,6 @@
 import { SpinnerThickness, SpinnerSize } from './Spinner.types.mjs';
-import { styled as FoundationStyled, css as FoundationCSS } from '../../foundation/FoundationStyledComponent.mjs';
 import { keyframes } from 'styled-components';
+import { styled as FoundationStyled, css as FoundationCSS } from '../../foundation/FoundationStyledComponent.mjs';
 
 function getThicknessFromSize(size) {
   switch (size) {

package/dist/esm/components/Spinner/Spinner.types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.types.mjs","sources":["../../../../src/components/Spinner/Spinner.types.ts"],"sourcesContent":["import {\n  type BezierComponentProps,\n  type ColorProps,\n  type SizeProps,\n} from '~/src/types/ComponentProps'\n\nexport enum SpinnerSize {\n  XL = 50,\n  L = 24,\n  M = 20,\n  S = 16,\n  XS = 12,\n}\n\nexport enum SpinnerThickness {\n  Bold = 4,\n  Normal = 3,\n  Light = 2,\n}\n\nexport default interface SpinnerProps extends\n  BezierComponentProps,\n  SizeProps<SpinnerSize>,\n  ColorProps {}\n\nexport interface StyledSpinnerProps extends SpinnerProps {\n  size: NonNullable<SpinnerProps['size']>\n}\n"],"names":["SpinnerSize","SpinnerThickness"],"mappings":"AAMYA,IAAAA,WAAW,0BAAXA,WAAW,EAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,IAAA,CAAA,GAAA,EAAA,CAAA,GAAA,IAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,GAAA,CAAA,GAAA,EAAA,CAAA,GAAA,GAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,GAAA,CAAA,GAAA,EAAA,CAAA,GAAA,GAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,GAAA,CAAA,GAAA,EAAA,CAAA,GAAA,GAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,IAAA,CAAA,GAAA,EAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAQXC,IAAAA,gBAAgB,0BAAhBA,gBAAgB,EAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAAhBA,gBAAgB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"Spinner.types.mjs","sources":["../../../../src/components/Spinner/Spinner.types.ts"],"sourcesContent":["import {\n  type BezierComponentProps,\n  type ColorProps,\n  type SizeProps,\n} from '~/src/types/ComponentProps'\n\nexport enum SpinnerSize {\n  XL = 50,\n  L = 24,\n  M = 20,\n  S = 16,\n  XS = 12,\n}\n\nexport enum SpinnerThickness {\n  Bold = 4,\n  Normal = 3,\n  Light = 2,\n}\n\nexport default interface SpinnerProps extends\n  BezierComponentProps,\n  SizeProps<SpinnerSize>,\n  ColorProps,\n  Omit<React.HTMLAttributes<HTMLDivElement>, 'color'> {}\n\nexport interface StyledSpinnerProps extends SpinnerProps {\n  size: NonNullable<SpinnerProps['size']>\n}\n"],"names":["SpinnerSize","SpinnerThickness"],"mappings":"AAMYA,IAAAA,WAAW,0BAAXA,WAAW,EAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,IAAA,CAAA,GAAA,EAAA,CAAA,GAAA,IAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,GAAA,CAAA,GAAA,EAAA,CAAA,GAAA,GAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,GAAA,CAAA,GAAA,EAAA,CAAA,GAAA,GAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,GAAA,CAAA,GAAA,EAAA,CAAA,GAAA,GAAA,CAAA;AAAXA,EAAAA,WAAW,CAAXA,WAAW,CAAA,IAAA,CAAA,GAAA,EAAA,CAAA,GAAA,IAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAQXC,IAAAA,gBAAgB,0BAAhBA,gBAAgB,EAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,MAAA,CAAA,GAAA,CAAA,CAAA,GAAA,MAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAA,CAAA;AAAhBA,EAAAA,gBAAgB,CAAhBA,gBAAgB,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAA,CAAA;AAAA,EAAA,OAAhBA,gBAAgB,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/components/Stack/Stack/Stack.styled.mjs

@@ -1,5 +1,5 @@
-import { flex } from '../util/flexAdapter.mjs';
 import { styled as FoundationStyled, css as FoundationCSS } from '../../../foundation/FoundationStyledComponent.mjs';
+import { flex } from '../util/flexAdapter.mjs';
 
 const Container = /*#__PURE__*/FoundationStyled.div.withConfig({
   displayName: "Stackstyled__Container",

package/dist/esm/components/TagBadge/Badge/Badge.mjs

@@ -1,7 +1,7 @@
-import React__default, { useMemo } from 'react';
+import React__default, { memo, forwardRef, useMemo } from 'react';
 import { isEmpty } from '../../../utils/typeUtils.mjs';
 import { getProperTagBadgeBgColor, getProperBadgeTextColor, getProperTagBadgePadding, getProperTagBadgeRounding, getProperTagBadgeTypo } from '../TagBadgeCommon/utils.mjs';
-import LegacyIcon from '../../LegacyIcon/LegacyIcon.mjs';
+import { Icon } from '../../Icon/Icon.mjs';
 import { TAG_BADGE_ICON_SIZE, BADGE_TEXT_HORIZONTAL_PADDING } from '../TagBadgeCommon/constants/TagBadgeStyle.mjs';
 import TagBadgeStyled from '../TagBadgeCommon/TagBadge.styled.mjs';
 import TagBadgeText from '../TagBadgeCommon/TagBadgeText/TagBadgeText.mjs';
@@ -10,25 +10,26 @@ import TagBadgeVariant from '../TagBadgeCommon/constants/TagBadgeVariant.mjs';
 
 // TODO: 테스트 코드 작성
 const BADGE_TEST_ID = 'bezier-react-badge';
-const Badge = /*#__PURE__*/React__default.memo(function Badge({
+const Badge = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Badge({
   size = TagBadgeSize.M,
   variant = TagBadgeVariant.Default,
-  iconName,
+  icon,
   children,
   className,
   interpolation,
   testId = BADGE_TEST_ID,
   ...props
-}) {
+}, forwardedRef) {
   const hasChildren = !isEmpty(children);
   const bgSemanticName = useMemo(() => getProperTagBadgeBgColor(variant), [variant]);
   const textSemanticName = useMemo(() => getProperBadgeTextColor(variant), [variant]);
-  const IconComponent = useMemo(() => iconName && /*#__PURE__*/React__default.createElement(LegacyIcon, {
-    name: iconName,
+  const IconComponent = useMemo(() => icon && /*#__PURE__*/React__default.createElement(Icon, {
+    source: icon,
     size: TAG_BADGE_ICON_SIZE,
     color: textSemanticName
-  }), [iconName, textSemanticName]);
+  }), [icon, textSemanticName]);
   return /*#__PURE__*/React__default.createElement(TagBadgeStyled.Wrapper, Object.assign({}, props, {
+    ref: forwardedRef,
     className: className,
     interpolation: interpolation,
     "data-testid": testId,
@@ -40,7 +41,7 @@ const Badge = /*#__PURE__*/React__default.memo(function Badge({
     horizontalPadding: BADGE_TEXT_HORIZONTAL_PADDING,
     typo: getProperTagBadgeTypo(size)
   }, children));
-});
+}));
 
 export { BADGE_TEST_ID, Badge };
 //# sourceMappingURL=Badge.mjs.map

package/dist/esm/components/TagBadge/Badge/Badge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.mjs","sources":["../../../../../src/components/TagBadge/Badge/Badge.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\n\nimport { isEmpty } from '~/src/utils/typeUtils'\n\nimport { LegacyIcon } from '~/src/components/LegacyIcon'\nimport {\n  BADGE_TEXT_HORIZONTAL_PADDING,\n  TAG_BADGE_ICON_SIZE,\n  TagBadgeSize,\n  TagBadgeStyled,\n  TagBadgeText,\n  TagBadgeVariant,\n  getProperBadgeTextColor,\n  getProperTagBadgeBgColor,\n  getProperTagBadgePadding,\n  getProperTagBadgeRounding,\n  getProperTagBadgeTypo,\n} from '~/src/components/TagBadge/TagBadgeCommon'\n\nimport type BadgeProps from './Badge.types'\n\n// TODO: 테스트 코드 작성\nexport const BADGE_TEST_ID = 'bezier-react-badge'\n\nexport const Badge = React.memo(function Badge({\n  size = TagBadgeSize.M,\n  variant = TagBadgeVariant.Default,\n  iconName,\n  children,\n  className,\n  interpolation,\n  testId = BADGE_TEST_ID,\n  ...props\n}: BadgeProps) {\n  const hasChildren = !isEmpty(children)\n\n  const bgSemanticName = useMemo(() => (getProperTagBadgeBgColor(variant)), [variant])\n  const textSemanticName = useMemo(() => (getProperBadgeTextColor(variant)), [variant])\n\n  const IconComponent = useMemo(() => (iconName && (\n    <LegacyIcon\n      name={iconName}\n      size={TAG_BADGE_ICON_SIZE}\n      color={textSemanticName}\n    />\n  )), [\n    iconName,\n    textSemanticName,\n  ])\n\n  return (\n    <TagBadgeStyled.Wrapper\n      {...props}\n      className={className}\n      interpolation={interpolation}\n      data-testid={testId}\n      horizontalPadding={getProperTagBadgePadding(size)}\n      rounding={getProperTagBadgeRounding(size)}\n      color={textSemanticName}\n      bgColor={bgSemanticName}\n    >\n      { IconComponent }\n\n      { hasChildren && (\n        <TagBadgeText\n          horizontalPadding={BADGE_TEXT_HORIZONTAL_PADDING}\n          typo={getProperTagBadgeTypo(size)}\n        >\n            { children }\n        </TagBadgeText>\n      ) }\n    </TagBadgeStyled.Wrapper>\n  )\n})\n"],"names":["BADGE_TEST_ID","Badge","React","memo","size","TagBadgeSize","M","variant","TagBadgeVariant","Default","iconName","children","className","interpolation","testId","props","hasChildren","isEmpty","bgSemanticName","useMemo","getProperTagBadgeBgColor","textSemanticName","getProperBadgeTextColor","IconComponent","createElement","LegacyIcon","name","TAG_BADGE_ICON_SIZE","color","TagBadgeStyled","Wrapper","Object","assign","horizontalPadding","getProperTagBadgePadding","rounding","getProperTagBadgeRounding","bgColor","TagBadgeText","BADGE_TEXT_HORIZONTAL_PADDING","typo","getProperTagBadgeTypo"],"mappings":";;;;;;;;;;AAqBA;AACO,MAAMA,aAAa,GAAG,qBAAoB;AAE1C,MAAMC,KAAK,gBAAGC,cAAK,CAACC,IAAI,CAAC,SAASF,KAAKA,CAAC;EAC7CG,IAAI,GAAGC,YAAY,CAACC,CAAC;EACrBC,OAAO,GAAGC,eAAe,CAACC,OAAO;EACjCC,QAAQ;EACRC,QAAQ;EACRC,SAAS;EACTC,aAAa;AACbC,EAAAA,MAAM,GAAGd,aAAa;EACtB,GAAGe,KAAAA;AACO,CAAC,EAAE;AACb,EAAA,MAAMC,WAAW,GAAG,CAACC,OAAO,CAACN,QAAQ,CAAC,CAAA;AAEtC,EAAA,MAAMO,cAAc,GAAGC,OAAO,CAAC,MAAOC,wBAAwB,CAACb,OAAO,CAAE,EAAE,CAACA,OAAO,CAAC,CAAC,CAAA;AACpF,EAAA,MAAMc,gBAAgB,GAAGF,OAAO,CAAC,MAAOG,uBAAuB,CAACf,OAAO,CAAE,EAAE,CAACA,OAAO,CAAC,CAAC,CAAA;EAErF,MAAMgB,aAAa,GAAGJ,OAAO,CAAC,MAAOT,QAAQ,iBAC3CR,cAAA,CAAAsB,aAAA,CAACC,UAAU,EAAA;AACTC,IAAAA,IAAI,EAAEhB,QAAS;AACfN,IAAAA,IAAI,EAAEuB,mBAAoB;AAC1BC,IAAAA,KAAK,EAAEP,gBAAAA;AAAiB,GACzB,CACD,EAAE,CACFX,QAAQ,EACRW,gBAAgB,CACjB,CAAC,CAAA;AAEF,EAAA,oBACEnB,cAAA,CAAAsB,aAAA,CAACK,cAAc,CAACC,OAAO,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EACjBjB,KAAK,EAAA;AACTH,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,aAAa,EAAEA,aAAc;AAC7B,IAAA,aAAA,EAAaC,MAAO;AACpBmB,IAAAA,iBAAiB,EAAEC,wBAAwB,CAAC9B,IAAI,CAAE;AAClD+B,IAAAA,QAAQ,EAAEC,yBAAyB,CAAChC,IAAI,CAAE;AAC1CwB,IAAAA,KAAK,EAAEP,gBAAiB;AACxBgB,IAAAA,OAAO,EAAEnB,cAAAA;GAEPK,CAAAA,EAAAA,aAAa,EAEbP,WAAW,iBACXd,cAAA,CAAAsB,aAAA,CAACc,YAAY,EAAA;AACXL,IAAAA,iBAAiB,EAAEM,6BAA8B;IACjDC,IAAI,EAAEC,qBAAqB,CAACrC,IAAI,CAAA;GAE5BO,EAAAA,QACQ,CAEM,CAAC,CAAA;AAE7B,CAAC;;;;"}
+{"version":3,"file":"Badge.mjs","sources":["../../../../../src/components/TagBadge/Badge/Badge.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  memo,\n  useMemo,\n} from 'react'\n\nimport { isEmpty } from '~/src/utils/typeUtils'\n\nimport { Icon } from '~/src/components/Icon'\nimport {\n  BADGE_TEXT_HORIZONTAL_PADDING,\n  TAG_BADGE_ICON_SIZE,\n  TagBadgeSize,\n  TagBadgeStyled,\n  TagBadgeText,\n  TagBadgeVariant,\n  getProperBadgeTextColor,\n  getProperTagBadgeBgColor,\n  getProperTagBadgePadding,\n  getProperTagBadgeRounding,\n  getProperTagBadgeTypo,\n} from '~/src/components/TagBadge/TagBadgeCommon'\n\nimport type BadgeProps from './Badge.types'\n\n// TODO: 테스트 코드 작성\nexport const BADGE_TEST_ID = 'bezier-react-badge'\n\nexport const Badge = memo(forwardRef<HTMLDivElement, BadgeProps>(function Badge({\n  size = TagBadgeSize.M,\n  variant = TagBadgeVariant.Default,\n  icon,\n  children,\n  className,\n  interpolation,\n  testId = BADGE_TEST_ID,\n  ...props\n}, forwardedRef) {\n  const hasChildren = !isEmpty(children)\n\n  const bgSemanticName = useMemo(() => (getProperTagBadgeBgColor(variant)), [variant])\n  const textSemanticName = useMemo(() => (getProperBadgeTextColor(variant)), [variant])\n\n  const IconComponent = useMemo(() => (icon && (\n    <Icon\n      source={icon}\n      size={TAG_BADGE_ICON_SIZE}\n      color={textSemanticName}\n    />\n  )), [\n    icon,\n    textSemanticName,\n  ])\n\n  return (\n    <TagBadgeStyled.Wrapper\n      {...props}\n      ref={forwardedRef}\n      className={className}\n      interpolation={interpolation}\n      data-testid={testId}\n      horizontalPadding={getProperTagBadgePadding(size)}\n      rounding={getProperTagBadgeRounding(size)}\n      color={textSemanticName}\n      bgColor={bgSemanticName}\n    >\n      { IconComponent }\n\n      { hasChildren && (\n        <TagBadgeText\n          horizontalPadding={BADGE_TEXT_HORIZONTAL_PADDING}\n          typo={getProperTagBadgeTypo(size)}\n        >\n            { children }\n        </TagBadgeText>\n      ) }\n    </TagBadgeStyled.Wrapper>\n  )\n}))\n"],"names":["BADGE_TEST_ID","Badge","memo","forwardRef","size","TagBadgeSize","M","variant","TagBadgeVariant","Default","icon","children","className","interpolation","testId","props","forwardedRef","hasChildren","isEmpty","bgSemanticName","useMemo","getProperTagBadgeBgColor","textSemanticName","getProperBadgeTextColor","IconComponent","React","createElement","Icon","source","TAG_BADGE_ICON_SIZE","color","TagBadgeStyled","Wrapper","Object","assign","ref","horizontalPadding","getProperTagBadgePadding","rounding","getProperTagBadgeRounding","bgColor","TagBadgeText","BADGE_TEXT_HORIZONTAL_PADDING","typo","getProperTagBadgeTypo"],"mappings":";;;;;;;;;;AAyBA;AACO,MAAMA,aAAa,GAAG,qBAAoB;AAE1C,MAAMC,KAAK,gBAAGC,IAAI,eAACC,UAAU,CAA6B,SAASF,KAAKA,CAAC;EAC9EG,IAAI,GAAGC,YAAY,CAACC,CAAC;EACrBC,OAAO,GAAGC,eAAe,CAACC,OAAO;EACjCC,IAAI;EACJC,QAAQ;EACRC,SAAS;EACTC,aAAa;AACbC,EAAAA,MAAM,GAAGd,aAAa;EACtB,GAAGe,KAAAA;AACL,CAAC,EAAEC,YAAY,EAAE;AACf,EAAA,MAAMC,WAAW,GAAG,CAACC,OAAO,CAACP,QAAQ,CAAC,CAAA;AAEtC,EAAA,MAAMQ,cAAc,GAAGC,OAAO,CAAC,MAAOC,wBAAwB,CAACd,OAAO,CAAE,EAAE,CAACA,OAAO,CAAC,CAAC,CAAA;AACpF,EAAA,MAAMe,gBAAgB,GAAGF,OAAO,CAAC,MAAOG,uBAAuB,CAAChB,OAAO,CAAE,EAAE,CAACA,OAAO,CAAC,CAAC,CAAA;EAErF,MAAMiB,aAAa,GAAGJ,OAAO,CAAC,MAAOV,IAAI,iBACvCe,cAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;AACHC,IAAAA,MAAM,EAAElB,IAAK;AACbN,IAAAA,IAAI,EAAEyB,mBAAoB;AAC1BC,IAAAA,KAAK,EAAER,gBAAAA;AAAiB,GACzB,CACD,EAAE,CACFZ,IAAI,EACJY,gBAAgB,CACjB,CAAC,CAAA;AAEF,EAAA,oBACEG,cAAA,CAAAC,aAAA,CAACK,cAAc,CAACC,OAAO,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EACjBnB,KAAK,EAAA;AACToB,IAAAA,GAAG,EAAEnB,YAAa;AAClBJ,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,aAAa,EAAEA,aAAc;AAC7B,IAAA,aAAA,EAAaC,MAAO;AACpBsB,IAAAA,iBAAiB,EAAEC,wBAAwB,CAACjC,IAAI,CAAE;AAClDkC,IAAAA,QAAQ,EAAEC,yBAAyB,CAACnC,IAAI,CAAE;AAC1C0B,IAAAA,KAAK,EAAER,gBAAiB;AACxBkB,IAAAA,OAAO,EAAErB,cAAAA;GAEPK,CAAAA,EAAAA,aAAa,EAEbP,WAAW,iBACXQ,cAAA,CAAAC,aAAA,CAACe,YAAY,EAAA;AACXL,IAAAA,iBAAiB,EAAEM,6BAA8B;IACjDC,IAAI,EAAEC,qBAAqB,CAACxC,IAAI,CAAA;GAE5BO,EAAAA,QACQ,CAEM,CAAC,CAAA;AAE7B,CAAC,CAAC;;;;"}

package/dist/esm/components/TagBadge/Tag/Tag.mjs

@@ -1,4 +1,4 @@
-import React__default, { useMemo } from 'react';
+import React__default, { memo, forwardRef, useMemo } from 'react';
 import { CancelSmallIcon } from '@channel.io/bezier-icons';
 import { isEmpty, isNil } from '../../../utils/typeUtils.mjs';
 import Styled from './Tag.styled.mjs';
@@ -11,7 +11,7 @@ import TagBadgeVariant from '../TagBadgeCommon/constants/TagBadgeVariant.mjs';
 
 // TODO: 테스트 코드 작성
 const TAG_TEST_ID = 'bezier-react-tag';
-const Tag = /*#__PURE__*/React__default.memo(function Tag({
+const Tag = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Tag({
   size = TagBadgeSize.M,
   variant = TagBadgeVariant.Default,
   color: givenColor,
@@ -22,7 +22,7 @@ const Tag = /*#__PURE__*/React__default.memo(function Tag({
   interpolation,
   testId = TAG_TEST_ID,
   ...props
-}) {
+}, forwardedRef) {
   const hasChildren = useMemo(() => !isEmpty(children), [children]);
   const bgSemanticName = useMemo(() => givenColor || getProperTagBadgeBgColor(variant), [givenColor, variant]);
   const CloseIconComponent = useMemo(() => !isNil(onDelete) && /*#__PURE__*/React__default.createElement(Styled.CloseIcon, {
@@ -32,6 +32,7 @@ const Tag = /*#__PURE__*/React__default.memo(function Tag({
     onClick: onDelete
   }), [onDelete]);
   return /*#__PURE__*/React__default.createElement(TagBadgeStyled.Wrapper, Object.assign({}, props, {
+    ref: forwardedRef,
     className: className,
     interpolation: interpolation,
     "data-testid": testId,
@@ -42,7 +43,7 @@ const Tag = /*#__PURE__*/React__default.memo(function Tag({
     horizontalPadding: TAG_TEXT_HORIZONTAL_PADDING,
     typo: getProperTagBadgeTypo(size)
   }, children), CloseIconComponent);
-});
+}));
 
 export { TAG_TEST_ID, Tag };
 //# sourceMappingURL=Tag.mjs.map

package/dist/esm/components/TagBadge/Tag/Tag.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.mjs","sources":["../../../../../src/components/TagBadge/Tag/Tag.tsx"],"sourcesContent":["import React, { useMemo } from 'react'\n\nimport { CancelSmallIcon } from '@channel.io/bezier-icons'\n\nimport {\n  isEmpty,\n  isNil,\n} from '~/src/utils/typeUtils'\n\nimport {\n  TAG_BADGE_ICON_SIZE,\n  TAG_TEXT_HORIZONTAL_PADDING,\n  TagBadgeSize,\n  TagBadgeStyled,\n  TagBadgeText,\n  TagBadgeVariant,\n  getProperTagBadgeBgColor,\n  getProperTagBadgePadding,\n  getProperTagBadgeRounding,\n  getProperTagBadgeTypo,\n} from '~/src/components/TagBadge/TagBadgeCommon'\n\nimport type TagProps from './Tag.types'\n\nimport Styled from './Tag.styled'\n\n// TODO: 테스트 코드 작성\nexport const TAG_TEST_ID = 'bezier-react-tag'\n\nexport const Tag = React.memo(function Tag({\n  size = TagBadgeSize.M,\n  variant = TagBadgeVariant.Default,\n  color: givenColor,\n  children,\n  // Handlers\n  onDelete,\n  className,\n  interpolation,\n  testId = TAG_TEST_ID,\n  ...props\n}: TagProps) {\n  const hasChildren = useMemo(() => !isEmpty(children), [children])\n\n  const bgSemanticName = useMemo(() => (\n    givenColor || getProperTagBadgeBgColor(variant)\n  ), [\n    givenColor,\n    variant,\n  ])\n\n  const CloseIconComponent = useMemo(() => !isNil(onDelete) && (\n    <Styled.CloseIcon\n      source={CancelSmallIcon}\n      size={TAG_BADGE_ICON_SIZE}\n      color=\"txt-black-darker\"\n      onClick={onDelete}\n    />\n  ), [onDelete])\n\n  return (\n    <TagBadgeStyled.Wrapper\n      {...props}\n      className={className}\n      interpolation={interpolation}\n      data-testid={testId}\n      horizontalPadding={getProperTagBadgePadding(size)}\n      rounding={getProperTagBadgeRounding(size)}\n      bgColor={bgSemanticName}\n    >\n      { hasChildren && (\n        <TagBadgeText\n          horizontalPadding={TAG_TEXT_HORIZONTAL_PADDING}\n          typo={getProperTagBadgeTypo(size)}\n        >\n            { children }\n        </TagBadgeText>\n      ) }\n\n      { CloseIconComponent }\n    </TagBadgeStyled.Wrapper>\n  )\n})\n"],"names":["TAG_TEST_ID","Tag","React","memo","size","TagBadgeSize","M","variant","TagBadgeVariant","Default","color","givenColor","children","onDelete","className","interpolation","testId","props","hasChildren","useMemo","isEmpty","bgSemanticName","getProperTagBadgeBgColor","CloseIconComponent","isNil","createElement","Styled","CloseIcon","source","CancelSmallIcon","TAG_BADGE_ICON_SIZE","onClick","TagBadgeStyled","Wrapper","Object","assign","horizontalPadding","getProperTagBadgePadding","rounding","getProperTagBadgeRounding","bgColor","TagBadgeText","TAG_TEXT_HORIZONTAL_PADDING","typo","getProperTagBadgeTypo"],"mappings":";;;;;;;;;;;AA0BA;AACO,MAAMA,WAAW,GAAG,mBAAkB;AAEtC,MAAMC,GAAG,gBAAGC,cAAK,CAACC,IAAI,CAAC,SAASF,GAAGA,CAAC;EACzCG,IAAI,GAAGC,YAAY,CAACC,CAAC;EACrBC,OAAO,GAAGC,eAAe,CAACC,OAAO;AACjCC,EAAAA,KAAK,EAAEC,UAAU;EACjBC,QAAQ;AACR;EACAC,QAAQ;EACRC,SAAS;EACTC,aAAa;AACbC,EAAAA,MAAM,GAAGhB,WAAW;EACpB,GAAGiB,KAAAA;AACK,CAAC,EAAE;AACX,EAAA,MAAMC,WAAW,GAAGC,OAAO,CAAC,MAAM,CAACC,OAAO,CAACR,QAAQ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC,CAAA;AAEjE,EAAA,MAAMS,cAAc,GAAGF,OAAO,CAAC,MAC7BR,UAAU,IAAIW,wBAAwB,CAACf,OAAO,CAC/C,EAAE,CACDI,UAAU,EACVJ,OAAO,CACR,CAAC,CAAA;AAEF,EAAA,MAAMgB,kBAAkB,GAAGJ,OAAO,CAAC,MAAM,CAACK,KAAK,CAACX,QAAQ,CAAC,iBACvDX,cAAA,CAAAuB,aAAA,CAACC,MAAM,CAACC,SAAS,EAAA;AACfC,IAAAA,MAAM,EAAEC,eAAgB;AACxBzB,IAAAA,IAAI,EAAE0B,mBAAoB;AAC1BpB,IAAAA,KAAK,EAAC,kBAAkB;AACxBqB,IAAAA,OAAO,EAAElB,QAAAA;AAAS,GACnB,CACF,EAAE,CAACA,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,oBACEX,cAAA,CAAAuB,aAAA,CAACO,cAAc,CAACC,OAAO,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EACjBlB,KAAK,EAAA;AACTH,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,aAAa,EAAEA,aAAc;AAC7B,IAAA,aAAA,EAAaC,MAAO;AACpBoB,IAAAA,iBAAiB,EAAEC,wBAAwB,CAACjC,IAAI,CAAE;AAClDkC,IAAAA,QAAQ,EAAEC,yBAAyB,CAACnC,IAAI,CAAE;AAC1CoC,IAAAA,OAAO,EAAEnB,cAAAA;AAAe,GAAA,CAAA,EAEtBH,WAAW,iBACXhB,cAAA,CAAAuB,aAAA,CAACgB,YAAY,EAAA;AACXL,IAAAA,iBAAiB,EAAEM,2BAA4B;IAC/CC,IAAI,EAAEC,qBAAqB,CAACxC,IAAI,CAAA;AAAE,GAAA,EAE9BQ,QACQ,CACf,EAECW,kBACoB,CAAC,CAAA;AAE7B,CAAC;;;;"}
+{"version":3,"file":"Tag.mjs","sources":["../../../../../src/components/TagBadge/Tag/Tag.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  memo,\n  useMemo,\n} from 'react'\n\nimport { CancelSmallIcon } from '@channel.io/bezier-icons'\n\nimport {\n  isEmpty,\n  isNil,\n} from '~/src/utils/typeUtils'\n\nimport {\n  TAG_BADGE_ICON_SIZE,\n  TAG_TEXT_HORIZONTAL_PADDING,\n  TagBadgeSize,\n  TagBadgeStyled,\n  TagBadgeText,\n  TagBadgeVariant,\n  getProperTagBadgeBgColor,\n  getProperTagBadgePadding,\n  getProperTagBadgeRounding,\n  getProperTagBadgeTypo,\n} from '~/src/components/TagBadge/TagBadgeCommon'\n\nimport type TagProps from './Tag.types'\n\nimport Styled from './Tag.styled'\n\n// TODO: 테스트 코드 작성\nexport const TAG_TEST_ID = 'bezier-react-tag'\n\nexport const Tag = memo(forwardRef<HTMLDivElement, TagProps>(function Tag({\n  size = TagBadgeSize.M,\n  variant = TagBadgeVariant.Default,\n  color: givenColor,\n  children,\n  // Handlers\n  onDelete,\n  className,\n  interpolation,\n  testId = TAG_TEST_ID,\n  ...props\n}, forwardedRef) {\n  const hasChildren = useMemo(() => !isEmpty(children), [children])\n\n  const bgSemanticName = useMemo(() => (\n    givenColor || getProperTagBadgeBgColor(variant)\n  ), [\n    givenColor,\n    variant,\n  ])\n\n  const CloseIconComponent = useMemo(() => !isNil(onDelete) && (\n    <Styled.CloseIcon\n      source={CancelSmallIcon}\n      size={TAG_BADGE_ICON_SIZE}\n      color=\"txt-black-darker\"\n      onClick={onDelete}\n    />\n  ), [onDelete])\n\n  return (\n    <TagBadgeStyled.Wrapper\n      {...props}\n      ref={forwardedRef}\n      className={className}\n      interpolation={interpolation}\n      data-testid={testId}\n      horizontalPadding={getProperTagBadgePadding(size)}\n      rounding={getProperTagBadgeRounding(size)}\n      bgColor={bgSemanticName}\n    >\n      { hasChildren && (\n        <TagBadgeText\n          horizontalPadding={TAG_TEXT_HORIZONTAL_PADDING}\n          typo={getProperTagBadgeTypo(size)}\n        >\n            { children }\n        </TagBadgeText>\n      ) }\n\n      { CloseIconComponent }\n    </TagBadgeStyled.Wrapper>\n  )\n}))\n"],"names":["TAG_TEST_ID","Tag","memo","forwardRef","size","TagBadgeSize","M","variant","TagBadgeVariant","Default","color","givenColor","children","onDelete","className","interpolation","testId","props","forwardedRef","hasChildren","useMemo","isEmpty","bgSemanticName","getProperTagBadgeBgColor","CloseIconComponent","isNil","React","createElement","Styled","CloseIcon","source","CancelSmallIcon","TAG_BADGE_ICON_SIZE","onClick","TagBadgeStyled","Wrapper","Object","assign","ref","horizontalPadding","getProperTagBadgePadding","rounding","getProperTagBadgeRounding","bgColor","TagBadgeText","TAG_TEXT_HORIZONTAL_PADDING","typo","getProperTagBadgeTypo"],"mappings":";;;;;;;;;;;AA8BA;AACO,MAAMA,WAAW,GAAG,mBAAkB;AAEtC,MAAMC,GAAG,gBAAGC,IAAI,eAACC,UAAU,CAA2B,SAASF,GAAGA,CAAC;EACxEG,IAAI,GAAGC,YAAY,CAACC,CAAC;EACrBC,OAAO,GAAGC,eAAe,CAACC,OAAO;AACjCC,EAAAA,KAAK,EAAEC,UAAU;EACjBC,QAAQ;AACR;EACAC,QAAQ;EACRC,SAAS;EACTC,aAAa;AACbC,EAAAA,MAAM,GAAGhB,WAAW;EACpB,GAAGiB,KAAAA;AACL,CAAC,EAAEC,YAAY,EAAE;AACf,EAAA,MAAMC,WAAW,GAAGC,OAAO,CAAC,MAAM,CAACC,OAAO,CAACT,QAAQ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC,CAAA;AAEjE,EAAA,MAAMU,cAAc,GAAGF,OAAO,CAAC,MAC7BT,UAAU,IAAIY,wBAAwB,CAAChB,OAAO,CAC/C,EAAE,CACDI,UAAU,EACVJ,OAAO,CACR,CAAC,CAAA;AAEF,EAAA,MAAMiB,kBAAkB,GAAGJ,OAAO,CAAC,MAAM,CAACK,KAAK,CAACZ,QAAQ,CAAC,iBACvDa,cAAA,CAAAC,aAAA,CAACC,MAAM,CAACC,SAAS,EAAA;AACfC,IAAAA,MAAM,EAAEC,eAAgB;AACxB3B,IAAAA,IAAI,EAAE4B,mBAAoB;AAC1BtB,IAAAA,KAAK,EAAC,kBAAkB;AACxBuB,IAAAA,OAAO,EAAEpB,QAAAA;AAAS,GACnB,CACF,EAAE,CAACA,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,oBACEa,cAAA,CAAAC,aAAA,CAACO,cAAc,CAACC,OAAO,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EACjBpB,KAAK,EAAA;AACTqB,IAAAA,GAAG,EAAEpB,YAAa;AAClBJ,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,aAAa,EAAEA,aAAc;AAC7B,IAAA,aAAA,EAAaC,MAAO;AACpBuB,IAAAA,iBAAiB,EAAEC,wBAAwB,CAACpC,IAAI,CAAE;AAClDqC,IAAAA,QAAQ,EAAEC,yBAAyB,CAACtC,IAAI,CAAE;AAC1CuC,IAAAA,OAAO,EAAErB,cAAAA;AAAe,GAAA,CAAA,EAEtBH,WAAW,iBACXO,cAAA,CAAAC,aAAA,CAACiB,YAAY,EAAA;AACXL,IAAAA,iBAAiB,EAAEM,2BAA4B;IAC/CC,IAAI,EAAEC,qBAAqB,CAAC3C,IAAI,CAAA;AAAE,GAAA,EAE9BQ,QACQ,CACf,EAECY,kBACoB,CAAC,CAAA;AAE7B,CAAC,CAAC;;;;"}

package/dist/esm/components/Text/Text.styled.mjs

@@ -1,5 +1,5 @@
-import { ellipsis } from '../../foundation/Mixins.mjs';
 import { styled as FoundationStyled, css as FoundationCSS } from '../../foundation/FoundationStyledComponent.mjs';
+import { ellipsis } from '../../foundation/Mixins.mjs';
 
 function getMargin({
   margintop,

package/dist/esm/components/Toast/Toast.types.mjs

@@ -1,3 +1,4 @@
+import { InfoFilledIcon } from '@channel.io/bezier-icons';
 import { noop } from '../../utils/functionUtils.mjs';
 
 let ToastPlacement = /*#__PURE__*/function (ToastPlacement) {
@@ -28,7 +29,7 @@ let ToastPreset = /*#__PURE__*/function (ToastPreset) {
   return ToastPreset;
 }({});
 const defaultOptions = {
-  iconName: 'info-filled',
+  icon: InfoFilledIcon,
   appearance: ToastAppearance.Info,
   autoDismiss: false,
   onDismiss: noop,

package/dist/esm/components/Toast/Toast.types.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.types.mjs","sources":["../../../../src/components/Toast/Toast.types.ts"],"sourcesContent":["import {\n  type ComponentType,\n  type ReactNode,\n} from 'react'\nimport type React from 'react'\n\nimport { type IconName } from '@channel.io/bezier-icons'\n\nimport { type TransitionDuration } from '~/src/foundation'\n\nimport {\n  type BezierComponentProps,\n  type ContentProps,\n} from '~/src/types/ComponentProps'\nimport { type InjectedInterpolation } from '~/src/types/Foundation'\nimport { noop } from '~/src/utils/functionUtils'\n\nexport enum ToastPlacement {\n  BottomLeft = 'bottomLeft',\n  BottomRight = 'bottomRight',\n}\n\nexport enum ToastAppearance {\n  Success = 'success',\n  Warning = 'warning',\n  Error = 'error',\n  Info = 'info',\n}\n\nexport enum ToastIconColor {\n  Success = 'bgtxt-green-normal',\n  Warning = 'bgtxt-orange-normal',\n  Error = 'bgtxt-red-normal',\n  Info = 'txt-black-darkest',\n}\n\nexport enum ToastPreset {\n  Default = 'Default',\n  Success = 'Success',\n  Error = 'Error',\n  Offline = 'Offline',\n  Online = 'Online',\n}\n\nexport interface ToastPresetType {\n  appearance: ToastAppearance\n  iconName: IconName\n}\n\ninterface ToastElementOptions {\n  preset?: ToastPreset\n  appearance?: ToastAppearance\n  iconName?: IconName\n  /**\n   * @deprecated use React.ReactNode content props instead.\n   */\n  actionContent?: string\n  transitionDuration: TransitionDuration\n  transform: InjectedInterpolation\n  placement: ToastPlacement\n  zIndex?: number\n  onClick?: React.MouseEventHandler\n  onDismiss: React.MouseEventHandler<HTMLDivElement>\n}\n\nexport type ToastContent = NonNullable<React.ReactNode>\n\nexport default interface ToastElementProps extends\n  BezierComponentProps,\n  Required<ContentProps<ToastContent>>,\n  ToastElementOptions {}\n\nexport interface ToastProviderProps {\n  autoDismissTimeout?: number\n  children?: ReactNode[] | ReactNode\n}\n\nexport type ToastId = string\n\nexport type OnDismissCallback = (id: ToastId) => void\n\nexport type ToastOptions = {\n  preset?: ToastPreset\n  iconName?: IconName\n  appearance?: ToastAppearance\n  actionContent?: string\n  autoDismiss?: boolean\n  rightSide?: boolean\n  zIndex?: number\n  onClick?: React.MouseEventHandler\n  onDismiss?: OnDismissCallback\n}\n\nexport const defaultOptions: ToastOptions = {\n  iconName: 'info-filled',\n  appearance: ToastAppearance.Info,\n  autoDismiss: false,\n  onDismiss: noop,\n  rightSide: false,\n}\n\nexport type ToastType = ToastOptions & {\n  id: ToastId\n  content: ToastContent\n  /**\n   * Updated version\n   * @default 0\n   */\n  version?: number\n}\n\nexport interface ToastContextType {\n  add: (content: ToastContent, options?: ToastOptions) => ToastId\n  update: (toastId: ToastId, content: ToastContent, options?: ToastOptions) => ToastId\n  remove: (id: ToastId) => void\n  removeAll: () => void\n  leftToasts: ToastType[]\n  rightToasts: ToastType[]\n}\n\nexport type ToastContainerProps = {\n  children?: ReactNode[]\n  placement: ToastPlacement\n}\n\nexport interface ToastControllerProps extends ToastElementProps {\n  autoDismiss: boolean\n  autoDismissTimeout: number\n  component: ComponentType<ToastElementProps>\n  /**\n   * Updated toast version\n   * @default 0\n   */\n  version?: number\n}\n"],"names":["ToastPlacement","ToastAppearance","ToastIconColor","ToastPreset","defaultOptions","iconName","appearance","Info","autoDismiss","onDismiss","noop","rightSide"],"mappings":";;AAiBYA,IAAAA,cAAc,0BAAdA,cAAc,EAAA;EAAdA,cAAc,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAdA,cAAc,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AAAA,EAAA,OAAdA,cAAc,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAKdC,IAAAA,eAAe,0BAAfA,eAAe,EAAA;EAAfA,eAAe,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAfA,eAAe,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAfA,eAAe,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAfA,eAAe,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAAfA,eAAe,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOfC,IAAAA,cAAc,0BAAdA,cAAc,EAAA;EAAdA,cAAc,CAAA,SAAA,CAAA,GAAA,oBAAA,CAAA;EAAdA,cAAc,CAAA,SAAA,CAAA,GAAA,qBAAA,CAAA;EAAdA,cAAc,CAAA,OAAA,CAAA,GAAA,kBAAA,CAAA;EAAdA,cAAc,CAAA,MAAA,CAAA,GAAA,mBAAA,CAAA;AAAA,EAAA,OAAdA,cAAc,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOdC,IAAAA,WAAW,0BAAXA,WAAW,EAAA;EAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAXA,WAAW,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAXA,WAAW,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAyDhB,MAAMC,cAA4B,GAAG;AAC1CC,EAAAA,QAAQ,EAAE,aAAa;EACvBC,UAAU,EAAEL,eAAe,CAACM,IAAI;AAChCC,EAAAA,WAAW,EAAE,KAAK;AAClBC,EAAAA,SAAS,EAAEC,IAAI;AACfC,EAAAA,SAAS,EAAE,KAAA;AACb;;;;"}
+{"version":3,"file":"Toast.types.mjs","sources":["../../../../src/components/Toast/Toast.types.ts"],"sourcesContent":["import {\n  type ComponentType,\n  type ReactNode,\n} from 'react'\nimport type React from 'react'\n\nimport {\n  type BezierIcon,\n  InfoFilledIcon,\n} from '@channel.io/bezier-icons'\n\nimport { type TransitionDuration } from '~/src/foundation'\n\nimport {\n  type BezierComponentProps,\n  type ContentProps,\n} from '~/src/types/ComponentProps'\nimport { type InjectedInterpolation } from '~/src/types/Foundation'\nimport { noop } from '~/src/utils/functionUtils'\n\nexport enum ToastPlacement {\n  BottomLeft = 'bottomLeft',\n  BottomRight = 'bottomRight',\n}\n\nexport enum ToastAppearance {\n  Success = 'success',\n  Warning = 'warning',\n  Error = 'error',\n  Info = 'info',\n}\n\nexport enum ToastIconColor {\n  Success = 'bgtxt-green-normal',\n  Warning = 'bgtxt-orange-normal',\n  Error = 'bgtxt-red-normal',\n  Info = 'txt-black-darkest',\n}\n\nexport enum ToastPreset {\n  Default = 'Default',\n  Success = 'Success',\n  Error = 'Error',\n  Offline = 'Offline',\n  Online = 'Online',\n}\n\nexport interface ToastPresetType {\n  appearance: ToastAppearance\n  icon: BezierIcon\n}\n\ninterface ToastElementOptions {\n  preset?: ToastPreset\n  appearance?: ToastAppearance\n  icon?: BezierIcon\n  /**\n   * @deprecated use React.ReactNode content props instead.\n   */\n  actionContent?: string\n  transitionDuration: TransitionDuration\n  transform: InjectedInterpolation\n  placement: ToastPlacement\n  zIndex?: number\n  onClick?: React.MouseEventHandler\n  onDismiss: React.MouseEventHandler<HTMLDivElement>\n}\n\nexport type ToastContent = NonNullable<React.ReactNode>\n\nexport default interface ToastElementProps extends\n  BezierComponentProps,\n  Required<ContentProps<ToastContent>>,\n  ToastElementOptions {}\n\nexport interface ToastProviderProps {\n  autoDismissTimeout?: number\n  children?: ReactNode[] | ReactNode\n}\n\nexport type ToastId = string\n\nexport type OnDismissCallback = (id: ToastId) => void\n\nexport type ToastOptions = {\n  preset?: ToastPreset\n  icon?: BezierIcon\n  appearance?: ToastAppearance\n  actionContent?: string\n  autoDismiss?: boolean\n  rightSide?: boolean\n  zIndex?: number\n  onClick?: React.MouseEventHandler\n  onDismiss?: OnDismissCallback\n}\n\nexport const defaultOptions: ToastOptions = {\n  icon: InfoFilledIcon,\n  appearance: ToastAppearance.Info,\n  autoDismiss: false,\n  onDismiss: noop,\n  rightSide: false,\n}\n\nexport type ToastType = ToastOptions & {\n  id: ToastId\n  content: ToastContent\n  /**\n   * Updated version\n   * @default 0\n   */\n  version?: number\n}\n\nexport interface ToastContextType {\n  add: (content: ToastContent, options?: ToastOptions) => ToastId\n  update: (toastId: ToastId, content: ToastContent, options?: ToastOptions) => ToastId\n  remove: (id: ToastId) => void\n  removeAll: () => void\n  leftToasts: ToastType[]\n  rightToasts: ToastType[]\n}\n\nexport type ToastContainerProps = {\n  children?: ReactNode[]\n  placement: ToastPlacement\n}\n\nexport interface ToastControllerProps extends ToastElementProps {\n  autoDismiss: boolean\n  autoDismissTimeout: number\n  component: ComponentType<ToastElementProps>\n  /**\n   * Updated toast version\n   * @default 0\n   */\n  version?: number\n}\n"],"names":["ToastPlacement","ToastAppearance","ToastIconColor","ToastPreset","defaultOptions","icon","InfoFilledIcon","appearance","Info","autoDismiss","onDismiss","noop","rightSide"],"mappings":";;;AAoBYA,IAAAA,cAAc,0BAAdA,cAAc,EAAA;EAAdA,cAAc,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAdA,cAAc,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;AAAA,EAAA,OAAdA,cAAc,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAKdC,IAAAA,eAAe,0BAAfA,eAAe,EAAA;EAAfA,eAAe,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAfA,eAAe,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAfA,eAAe,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAfA,eAAe,CAAA,MAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAAfA,eAAe,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOfC,IAAAA,cAAc,0BAAdA,cAAc,EAAA;EAAdA,cAAc,CAAA,SAAA,CAAA,GAAA,oBAAA,CAAA;EAAdA,cAAc,CAAA,SAAA,CAAA,GAAA,qBAAA,CAAA;EAAdA,cAAc,CAAA,OAAA,CAAA,GAAA,kBAAA,CAAA;EAAdA,cAAc,CAAA,MAAA,CAAA,GAAA,mBAAA,CAAA;AAAA,EAAA,OAAdA,cAAc,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAOdC,IAAAA,WAAW,0BAAXA,WAAW,EAAA;EAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAXA,WAAW,CAAA,OAAA,CAAA,GAAA,OAAA,CAAA;EAAXA,WAAW,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAXA,WAAW,CAAA,QAAA,CAAA,GAAA,QAAA,CAAA;AAAA,EAAA,OAAXA,WAAW,CAAA;AAAA,CAAA,CAAA,EAAA,EAAA;AAyDhB,MAAMC,cAA4B,GAAG;AAC1CC,EAAAA,IAAI,EAAEC,cAAc;EACpBC,UAAU,EAAEN,eAAe,CAACO,IAAI;AAChCC,EAAAA,WAAW,EAAE,KAAK;AAClBC,EAAAA,SAAS,EAAEC,IAAI;AACfC,EAAAA,SAAS,EAAE,KAAA;AACb;;;;"}

package/dist/esm/components/Toast/ToastElement.mjs

@@ -6,9 +6,8 @@ import { ToastPreset } from './Toast.types.mjs';
 import { getToastPreset } from './utils.mjs';
 import { Element, IconWrapper, Content, EllipsisableContent, NormalContent, ActionContent, Close } from './Toast.styled.mjs';
 import v4 from '../../node_modules/uuid/dist/esm-browser/v4.mjs';
-import LegacyIcon from '../LegacyIcon/LegacyIcon.mjs';
-import { IconSize } from '../Icon/Icon.types.mjs';
 import { Icon } from '../Icon/Icon.mjs';
+import { IconSize } from '../Icon/Icon.types.mjs';
 import { Typography } from '../../foundation/Typography.mjs';
 
 const TOAST_TEST_ID = 'bezier-react-toast';
@@ -18,7 +17,7 @@ const ToastElement = ({
   preset = ToastPreset.Default,
   content = '',
   appearance,
-  iconName,
+  icon,
   actionContent,
   onClick,
   onDismiss,
@@ -36,15 +35,15 @@ const ToastElement = ({
   }, [content]);
   const {
     appearance: presetAppearance,
-    iconName: presetIconName
+    icon: presetIcon
   } = useMemo(() => getToastPreset(preset), [preset]);
   return /*#__PURE__*/React__default.createElement(Element, Object.assign({
     ref: forwardedRef,
     "data-testid": testId
   }, props), /*#__PURE__*/React__default.createElement(IconWrapper, {
     appearance: appearance ?? presetAppearance
-  }, /*#__PURE__*/React__default.createElement(LegacyIcon, {
-    name: iconName ?? presetIconName,
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    source: icon ?? presetIcon,
     size: IconSize.S
   })), /*#__PURE__*/React__default.createElement(Content, {
     actionContent: actionContent,

package/dist/esm/components/Toast/ToastElement.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToastElement.mjs","sources":["../../../../src/components/Toast/ToastElement.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n  useMemo,\n} from 'react'\n\nimport { CancelIcon } from '@channel.io/bezier-icons'\nimport { v4 as uuid } from 'uuid'\n\nimport { Typography } from '~/src/foundation'\n\nimport { isString } from '~/src/utils/typeUtils'\n\nimport {\n  Icon,\n  IconSize,\n} from '~/src/components/Icon'\nimport { LegacyIcon } from '~/src/components/LegacyIcon'\nimport { Text } from '~/src/components/Text'\n\nimport type ToastProps from './Toast.types'\nimport { ToastPreset } from './Toast.types'\nimport { getToastPreset } from './utils'\n\nimport {\n  ActionContent,\n  Close,\n  Content,\n  Element,\n  EllipsisableContent,\n  IconWrapper,\n  NormalContent,\n} from './Toast.styled'\n\nexport const TOAST_TEST_ID = 'bezier-react-toast'\n\nconst ToastElement = (\n  {\n    as,\n    testId = TOAST_TEST_ID,\n    preset = ToastPreset.Default,\n    content = '',\n    appearance,\n    iconName,\n    actionContent,\n    onClick,\n    onDismiss,\n    ...props\n  }: ToastProps,\n  forwardedRef: Ref<any>,\n) => {\n  const ToastContentComponent = useMemo(() => {\n    if (isString(content)) {\n      return content.split('\\n').map((str) => (\n        <div key={uuid()}>\n          <Text\n            typo={Typography.Size14}\n          >\n            { str }\n          </Text>\n        </div>\n      ))\n    }\n    return content\n  }, [content])\n\n  const {\n    appearance: presetAppearance,\n    iconName: presetIconName,\n  } = useMemo(() => getToastPreset(preset), [preset])\n\n  return (\n    <Element\n      ref={forwardedRef}\n      data-testid={testId}\n      {...props}\n    >\n      <IconWrapper\n        appearance={appearance ?? presetAppearance}\n      >\n        <LegacyIcon\n          name={iconName ?? presetIconName}\n          size={IconSize.S}\n        />\n      </IconWrapper>\n      <Content\n        actionContent={actionContent}\n        onClick={onClick}\n      >\n        <EllipsisableContent>\n          <Text\n            typo={Typography.Size14}\n            style={{\n              height: '18px',\n            }}\n          >\n            <NormalContent\n              data-testid={`${TOAST_TEST_ID}-content`}\n            >\n              { ToastContentComponent }\n            </NormalContent>\n            { ' ' }\n            { actionContent && onClick && (\n              <ActionContent onClick={onClick}>\n                { actionContent }\n              </ActionContent>\n            ) }\n          </Text>\n        </EllipsisableContent>\n      </Content>\n      <Close\n        onClick={onDismiss}\n        data-testid={`${TOAST_TEST_ID}-close`}\n      >\n        <Icon\n          source={CancelIcon}\n          size={IconSize.XS}\n        />\n      </Close>\n    </Element>\n  )\n}\n\nexport default forwardRef(ToastElement)\n"],"names":["TOAST_TEST_ID","ToastElement","as","testId","preset","ToastPreset","Default","content","appearance","iconName","actionContent","onClick","onDismiss","props","forwardedRef","ToastContentComponent","useMemo","isString","split","map","str","React","createElement","key","uuid","Text","typo","Typography","Size14","presetAppearance","presetIconName","getToastPreset","Element","Object","assign","ref","IconWrapper","LegacyIcon","name","size","IconSize","S","Content","EllipsisableContent","style","height","NormalContent","ActionContent","Close","Icon","source","CancelIcon","XS","forwardRef"],"mappings":"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"}
+{"version":3,"file":"ToastElement.mjs","sources":["../../../../src/components/Toast/ToastElement.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n  useMemo,\n} from 'react'\n\nimport { CancelIcon } from '@channel.io/bezier-icons'\nimport { v4 as uuid } from 'uuid'\n\nimport { Typography } from '~/src/foundation'\n\nimport { isString } from '~/src/utils/typeUtils'\n\nimport {\n  Icon,\n  IconSize,\n} from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\nimport type ToastProps from './Toast.types'\nimport { ToastPreset } from './Toast.types'\nimport { getToastPreset } from './utils'\n\nimport {\n  ActionContent,\n  Close,\n  Content,\n  Element,\n  EllipsisableContent,\n  IconWrapper,\n  NormalContent,\n} from './Toast.styled'\n\nexport const TOAST_TEST_ID = 'bezier-react-toast'\n\nconst ToastElement = (\n  {\n    as,\n    testId = TOAST_TEST_ID,\n    preset = ToastPreset.Default,\n    content = '',\n    appearance,\n    icon,\n    actionContent,\n    onClick,\n    onDismiss,\n    ...props\n  }: ToastProps,\n  forwardedRef: Ref<any>,\n) => {\n  const ToastContentComponent = useMemo(() => {\n    if (isString(content)) {\n      return content.split('\\n').map((str) => (\n        <div key={uuid()}>\n          <Text\n            typo={Typography.Size14}\n          >\n            { str }\n          </Text>\n        </div>\n      ))\n    }\n    return content\n  }, [content])\n\n  const {\n    appearance: presetAppearance,\n    icon: presetIcon,\n  } = useMemo(() => getToastPreset(preset), [preset])\n\n  return (\n    <Element\n      ref={forwardedRef}\n      data-testid={testId}\n      {...props}\n    >\n      <IconWrapper\n        appearance={appearance ?? presetAppearance}\n      >\n        <Icon\n          source={icon ?? presetIcon}\n          size={IconSize.S}\n        />\n      </IconWrapper>\n      <Content\n        actionContent={actionContent}\n        onClick={onClick}\n      >\n        <EllipsisableContent>\n          <Text\n            typo={Typography.Size14}\n            style={{\n              height: '18px',\n            }}\n          >\n            <NormalContent\n              data-testid={`${TOAST_TEST_ID}-content`}\n            >\n              { ToastContentComponent }\n            </NormalContent>\n            { ' ' }\n            { actionContent && onClick && (\n              <ActionContent onClick={onClick}>\n                { actionContent }\n              </ActionContent>\n            ) }\n          </Text>\n        </EllipsisableContent>\n      </Content>\n      <Close\n        onClick={onDismiss}\n        data-testid={`${TOAST_TEST_ID}-close`}\n      >\n        <Icon\n          source={CancelIcon}\n          size={IconSize.XS}\n        />\n      </Close>\n    </Element>\n  )\n}\n\nexport default forwardRef(ToastElement)\n"],"names":["TOAST_TEST_ID","ToastElement","as","testId","preset","ToastPreset","Default","content","appearance","icon","actionContent","onClick","onDismiss","props","forwardedRef","ToastContentComponent","useMemo","isString","split","map","str","React","createElement","key","uuid","Text","typo","Typography","Size14","presetAppearance","presetIcon","getToastPreset","Element","Object","assign","ref","IconWrapper","Icon","source","size","IconSize","S","Content","EllipsisableContent","style","height","NormalContent","ActionContent","Close","CancelIcon","XS","forwardRef"],"mappings":"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"}

package/dist/esm/components/Toast/ToastProvider.mjs

@@ -31,7 +31,7 @@ function ToastProvider({
     content,
     preset,
     appearance,
-    iconName,
+    icon,
     actionContent,
     onClick,
     id,
@@ -49,10 +49,10 @@ function ToastProvider({
     preset: preset,
     appearance: appearance,
     content: content,
-    iconName: iconName,
+    icon: icon,
     component: ToastElement,
     onDismiss: () => dismiss(id, onDismiss),
-    transform: FoundationCSS([""]),
+    transform: FoundationCSS``,
     zIndex: zIndex,
     version: version
   }))), [autoDismissTimeout, dismiss]);

package/dist/esm/components/Toast/ToastProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ToastProvider.mjs","sources":["../../../../src/components/Toast/ToastProvider.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\n\nimport { createPortal } from 'react-dom'\n\nimport {\n  TransitionDuration,\n  css,\n} from '~/src/foundation'\n\nimport { getRootElement } from '~/src/utils/domUtils'\n\nimport {\n  ToastPlacement,\n  type ToastProviderProps,\n  type ToastType,\n} from './Toast.types'\nimport ToastContainer from './ToastContainer'\nimport ToastContext from './ToastContext'\nimport ToastController from './ToastController'\nimport ToastElement from './ToastElement'\nimport useToastProviderValues from './useToastContextValues'\n\nconst { Provider } = ToastContext\n\nfunction ToastProvider({\n  autoDismissTimeout = 3000,\n  children = [],\n}: ToastProviderProps) {\n  const toastContextValue = useToastProviderValues()\n  const {\n    leftToasts,\n    rightToasts,\n    dismiss,\n  } = toastContextValue\n\n  const createContainer = useCallback((placement: ToastPlacement, toasts: ToastType[]) => (\n    <ToastContainer\n      key={placement}\n      placement={placement}\n    >\n      { toasts.map(({\n        autoDismiss,\n        content,\n        preset,\n        appearance,\n        iconName,\n        actionContent,\n        onClick,\n        id,\n        onDismiss,\n        zIndex,\n        version,\n      }) => (\n        <ToastController\n          key={id}\n          placement={placement}\n          autoDismiss={autoDismiss ?? true}\n          transitionDuration={TransitionDuration.M}\n          actionContent={actionContent}\n          onClick={onClick}\n          autoDismissTimeout={autoDismissTimeout}\n          preset={preset}\n          appearance={appearance}\n          content={content}\n          iconName={iconName}\n          component={ToastElement}\n          onDismiss={() => dismiss(id, onDismiss)}\n          transform={css``}\n          zIndex={zIndex}\n          version={version}\n        />\n      )) }\n    </ToastContainer>\n  ), [\n    autoDismissTimeout,\n    dismiss,\n  ])\n\n  return (\n    <Provider value={toastContextValue}>\n      { children }\n      { createPortal(\n        [\n          createContainer(ToastPlacement.BottomLeft, leftToasts),\n          createContainer(ToastPlacement.BottomRight, rightToasts),\n        ],\n        getRootElement(),\n      ) }\n    </Provider>\n  )\n}\n\nexport default ToastProvider\n"],"names":["Provider","ToastContext","ToastProvider","autoDismissTimeout","children","toastContextValue","useToastProviderValues","leftToasts","rightToasts","dismiss","createContainer","useCallback","placement","toasts","React","createElement","ToastContainer","key","map","autoDismiss","content","preset","appearance","iconName","actionContent","onClick","id","onDismiss","zIndex","version","ToastController","transitionDuration","TransitionDuration","M","component","ToastElement","transform","css","value","createPortal","ToastPlacement","BottomLeft","BottomRight","getRootElement"],"mappings":";;;;;;;;;;;;AAsBA,MAAM;AAAEA,EAAAA,QAAAA;AAAS,CAAC,GAAGC,YAAY,CAAA;AAEjC,SAASC,aAAaA,CAAC;AACrBC,EAAAA,kBAAkB,GAAG,IAAI;AACzBC,EAAAA,QAAQ,GAAG,EAAA;AACO,CAAC,EAAE;AACrB,EAAA,MAAMC,iBAAiB,GAAGC,qBAAsB,EAAE,CAAA;EAClD,MAAM;IACJC,UAAU;IACVC,WAAW;AACXC,IAAAA,OAAAA;AACF,GAAC,GAAGJ,iBAAiB,CAAA;AAErB,EAAA,MAAMK,eAAe,GAAGC,WAAW,CAAC,CAACC,SAAyB,EAAEC,MAAmB,kBACjFC,cAAA,CAAAC,aAAA,CAACC,cAAc,EAAA;AACbC,IAAAA,GAAG,EAAEL,SAAU;AACfA,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAEnBC,MAAM,CAACK,GAAG,CAAC,CAAC;IACZC,WAAW;IACXC,OAAO;IACPC,MAAM;IACNC,UAAU;IACVC,QAAQ;IACRC,aAAa;IACbC,OAAO;IACPC,EAAE;IACFC,SAAS;IACTC,MAAM;AACNC,IAAAA,OAAAA;AACF,GAAC,kBACCf,cAAA,CAAAC,aAAA,CAACe,eAAe,EAAA;AACdb,IAAAA,GAAG,EAAES,EAAG;AACRd,IAAAA,SAAS,EAAEA,SAAU;IACrBO,WAAW,EAAEA,WAAW,IAAI,IAAK;IACjCY,kBAAkB,EAAEC,kBAAkB,CAACC,CAAE;AACzCT,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,OAAO,EAAEA,OAAQ;AACjBtB,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCkB,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,UAAU,EAAEA,UAAW;AACvBF,IAAAA,OAAO,EAAEA,OAAQ;AACjBG,IAAAA,QAAQ,EAAEA,QAAS;AACnBW,IAAAA,SAAS,EAAEC,YAAa;IACxBR,SAAS,EAAEA,MAAMlB,OAAO,CAACiB,EAAE,EAAEC,SAAS,CAAE;IACxCS,SAAS,EAAEC,aAAG,CAAG,CAAA,EAAA,CAAA,CAAA;AACjBT,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAAA;GACV,CACF,CACa,CACjB,EAAE,CACD1B,kBAAkB,EAClBM,OAAO,CACR,CAAC,CAAA;AAEF,EAAA,oBACEK,cAAA,CAAAC,aAAA,CAACf,QAAQ,EAAA;AAACsC,IAAAA,KAAK,EAAEjC,iBAAAA;AAAkB,GAAA,EAC/BD,QAAQ,eACRmC,YAAY,CACZ,CACE7B,eAAe,CAAC8B,cAAc,CAACC,UAAU,EAAElC,UAAU,CAAC,EACtDG,eAAe,CAAC8B,cAAc,CAACE,WAAW,EAAElC,WAAW,CAAC,CACzD,EACDmC,cAAc,EAChB,CACQ,CAAC,CAAA;AAEf;;;;"}
+{"version":3,"file":"ToastProvider.mjs","sources":["../../../../src/components/Toast/ToastProvider.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\n\nimport { createPortal } from 'react-dom'\n\nimport {\n  TransitionDuration,\n  css,\n} from '~/src/foundation'\n\nimport { getRootElement } from '~/src/utils/domUtils'\n\nimport {\n  ToastPlacement,\n  type ToastProviderProps,\n  type ToastType,\n} from './Toast.types'\nimport ToastContainer from './ToastContainer'\nimport ToastContext from './ToastContext'\nimport ToastController from './ToastController'\nimport ToastElement from './ToastElement'\nimport useToastProviderValues from './useToastContextValues'\n\nconst { Provider } = ToastContext\n\nfunction ToastProvider({\n  autoDismissTimeout = 3000,\n  children = [],\n}: ToastProviderProps) {\n  const toastContextValue = useToastProviderValues()\n  const {\n    leftToasts,\n    rightToasts,\n    dismiss,\n  } = toastContextValue\n\n  const createContainer = useCallback((placement: ToastPlacement, toasts: ToastType[]) => (\n    <ToastContainer\n      key={placement}\n      placement={placement}\n    >\n      { toasts.map(({\n        autoDismiss,\n        content,\n        preset,\n        appearance,\n        icon,\n        actionContent,\n        onClick,\n        id,\n        onDismiss,\n        zIndex,\n        version,\n      }) => (\n        <ToastController\n          key={id}\n          placement={placement}\n          autoDismiss={autoDismiss ?? true}\n          transitionDuration={TransitionDuration.M}\n          actionContent={actionContent}\n          onClick={onClick}\n          autoDismissTimeout={autoDismissTimeout}\n          preset={preset}\n          appearance={appearance}\n          content={content}\n          icon={icon}\n          component={ToastElement}\n          onDismiss={() => dismiss(id, onDismiss)}\n          transform={css``}\n          zIndex={zIndex}\n          version={version}\n        />\n      )) }\n    </ToastContainer>\n  ), [\n    autoDismissTimeout,\n    dismiss,\n  ])\n\n  return (\n    <Provider value={toastContextValue}>\n      { children }\n      { createPortal(\n        [\n          createContainer(ToastPlacement.BottomLeft, leftToasts),\n          createContainer(ToastPlacement.BottomRight, rightToasts),\n        ],\n        getRootElement(),\n      ) }\n    </Provider>\n  )\n}\n\nexport default ToastProvider\n"],"names":["Provider","ToastContext","ToastProvider","autoDismissTimeout","children","toastContextValue","useToastProviderValues","leftToasts","rightToasts","dismiss","createContainer","useCallback","placement","toasts","React","createElement","ToastContainer","key","map","autoDismiss","content","preset","appearance","icon","actionContent","onClick","id","onDismiss","zIndex","version","ToastController","transitionDuration","TransitionDuration","M","component","ToastElement","transform","css","value","createPortal","ToastPlacement","BottomLeft","BottomRight","getRootElement"],"mappings":";;;;;;;;;;;;AAsBA,MAAM;AAAEA,EAAAA,QAAAA;AAAS,CAAC,GAAGC,YAAY,CAAA;AAEjC,SAASC,aAAaA,CAAC;AACrBC,EAAAA,kBAAkB,GAAG,IAAI;AACzBC,EAAAA,QAAQ,GAAG,EAAA;AACO,CAAC,EAAE;AACrB,EAAA,MAAMC,iBAAiB,GAAGC,qBAAsB,EAAE,CAAA;EAClD,MAAM;IACJC,UAAU;IACVC,WAAW;AACXC,IAAAA,OAAAA;AACF,GAAC,GAAGJ,iBAAiB,CAAA;AAErB,EAAA,MAAMK,eAAe,GAAGC,WAAW,CAAC,CAACC,SAAyB,EAAEC,MAAmB,kBACjFC,cAAA,CAAAC,aAAA,CAACC,cAAc,EAAA;AACbC,IAAAA,GAAG,EAAEL,SAAU;AACfA,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAEnBC,MAAM,CAACK,GAAG,CAAC,CAAC;IACZC,WAAW;IACXC,OAAO;IACPC,MAAM;IACNC,UAAU;IACVC,IAAI;IACJC,aAAa;IACbC,OAAO;IACPC,EAAE;IACFC,SAAS;IACTC,MAAM;AACNC,IAAAA,OAAAA;AACF,GAAC,kBACCf,cAAA,CAAAC,aAAA,CAACe,eAAe,EAAA;AACdb,IAAAA,GAAG,EAAES,EAAG;AACRd,IAAAA,SAAS,EAAEA,SAAU;IACrBO,WAAW,EAAEA,WAAW,IAAI,IAAK;IACjCY,kBAAkB,EAAEC,kBAAkB,CAACC,CAAE;AACzCT,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,OAAO,EAAEA,OAAQ;AACjBtB,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCkB,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,UAAU,EAAEA,UAAW;AACvBF,IAAAA,OAAO,EAAEA,OAAQ;AACjBG,IAAAA,IAAI,EAAEA,IAAK;AACXW,IAAAA,SAAS,EAAEC,YAAa;IACxBR,SAAS,EAAEA,MAAMlB,OAAO,CAACiB,EAAE,EAAEC,SAAS,CAAE;IACxCS,SAAS,EAAEC,aAAI,CAAE,CAAA;AACjBT,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAAA;GACV,CACF,CACa,CACjB,EAAE,CACD1B,kBAAkB,EAClBM,OAAO,CACR,CAAC,CAAA;AAEF,EAAA,oBACEK,cAAA,CAAAC,aAAA,CAACf,QAAQ,EAAA;AAACsC,IAAAA,KAAK,EAAEjC,iBAAAA;AAAkB,GAAA,EAC/BD,QAAQ,eACRmC,YAAY,CACZ,CACE7B,eAAe,CAAC8B,cAAc,CAACC,UAAU,EAAElC,UAAU,CAAC,EACtDG,eAAe,CAAC8B,cAAc,CAACE,WAAW,EAAElC,WAAW,CAAC,CACzD,EACDmC,cAAc,EAChB,CACQ,CAAC,CAAA;AAEf;;;;"}

package/dist/esm/components/Toast/ToastService.mjs

@@ -1,4 +1,4 @@
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import { defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
 import { defaultOptions } from './Toast.types.mjs';
 import v4 from '../../node_modules/uuid/dist/esm-browser/v4.mjs';
 

package/dist/esm/components/Toast/utils.mjs

@@ -1,3 +1,4 @@
+import { InfoFilledIcon, WifiIcon, WifiOffIcon, ErrorTriangleFilledIcon, CheckCircleFilledIcon } from '@channel.io/bezier-icons';
 import { ToastPlacement, ToastAppearance, ToastPreset, ToastIconColor } from './Toast.types.mjs';
 import { css as FoundationCSS } from '../../foundation/FoundationStyledComponent.mjs';
 
@@ -22,19 +23,25 @@ function getIconColor(appearance) {
 function getPlacement(placement) {
   switch (placement) {
     case ToastPlacement.BottomRight:
-      return FoundationCSS(["right:0;bottom:0;"]);
+      return FoundationCSS`
+          right: 0;
+          bottom: 0;
+        `;
     case ToastPlacement.BottomLeft:
     default:
-      return FoundationCSS(["bottom:0;left:", "px;"], GNB_WIDTH);
+      return FoundationCSS`
+        bottom: 0;
+        left: ${GNB_WIDTH}px;
+      `;
   }
 }
-const showedToastTranslateXStyle = /*#__PURE__*/FoundationCSS([" transform:translateX(0);"]);
+const showedToastTranslateXStyle = FoundationCSS` transform: translateX(0); `;
 const initPosition = placement => {
   switch (placement) {
     case ToastPlacement.BottomLeft:
-      return FoundationCSS([" transform:translateX(-120%);"]);
+      return FoundationCSS` transform: translateX(-120%); `;
     case ToastPlacement.BottomRight:
-      return FoundationCSS([" transform:translateX(120%);"]);
+      return FoundationCSS` transform: translateX(120%); `;
     default:
       return showedToastTranslateXStyle;
   }
@@ -43,28 +50,28 @@ const getToastPreset = preset => {
   switch (preset) {
     case ToastPreset.Success:
       return {
-        iconName: 'check-circle-filled',
+        icon: CheckCircleFilledIcon,
         appearance: ToastAppearance.Success
       };
     case ToastPreset.Error:
       return {
-        iconName: 'error-triangle-filled',
+        icon: ErrorTriangleFilledIcon,
         appearance: ToastAppearance.Error
       };
     case ToastPreset.Offline:
       return {
-        iconName: 'wifi-off',
+        icon: WifiOffIcon,
         appearance: ToastAppearance.Warning
       };
     case ToastPreset.Online:
       return {
-        iconName: 'wifi',
+        icon: WifiIcon,
         appearance: ToastAppearance.Success
       };
     case ToastPreset.Default:
     default:
       return {
-        iconName: 'info-filled',
+        icon: InfoFilledIcon,
         appearance: ToastAppearance.Info
       };
   }

package/dist/esm/components/Toast/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../../../src/components/Toast/utils.ts"],"sourcesContent":["import { css } from '~/src/foundation'\n\nimport {\n  ToastAppearance,\n  ToastIconColor,\n  ToastPlacement,\n  ToastPreset,\n  type ToastPresetType,\n} from './Toast.types'\n\n/**\n * @deprecated\n * FIXME: Styling dependent on specific applications.\n */\nconst GNB_WIDTH = 68\n\nfunction getIconColor(appearance: ToastAppearance): ToastIconColor {\n  switch (appearance) {\n    case ToastAppearance.Success:\n      return ToastIconColor.Success\n    case ToastAppearance.Warning:\n      return ToastIconColor.Warning\n    case ToastAppearance.Error:\n      return ToastIconColor.Error\n    case ToastAppearance.Info:\n    default:\n      return ToastIconColor.Info\n  }\n}\n\nfunction getPlacement(placement: ToastPlacement) {\n  switch (placement) {\n    case ToastPlacement.BottomRight:\n      return css`\n          right: 0;\n          bottom: 0;\n        `\n    case ToastPlacement.BottomLeft:\n    default:\n      return css`\n        bottom: 0;\n        left: ${GNB_WIDTH}px;\n      `\n  }\n}\n\nconst showedToastTranslateXStyle = css` transform: translateX(0); `\n\nconst initPosition = (placement?: ToastPlacement) => {\n  switch (placement) {\n    case ToastPlacement.BottomLeft:\n      return css` transform: translateX(-120%); `\n    case ToastPlacement.BottomRight:\n      return css` transform: translateX(120%); `\n    default:\n      return showedToastTranslateXStyle\n  }\n}\n\nconst getToastPreset = (preset: ToastPreset): ToastPresetType => {\n  switch (preset) {\n    case ToastPreset.Success:\n      return {\n        iconName: 'check-circle-filled',\n        appearance: ToastAppearance.Success,\n      }\n    case ToastPreset.Error:\n      return {\n        iconName: 'error-triangle-filled',\n        appearance: ToastAppearance.Error,\n      }\n    case ToastPreset.Offline:\n      return {\n        iconName: 'wifi-off',\n        appearance: ToastAppearance.Warning,\n      }\n    case ToastPreset.Online:\n      return {\n        iconName: 'wifi',\n        appearance: ToastAppearance.Success,\n      }\n    case ToastPreset.Default:\n    default:\n      return {\n        iconName: 'info-filled',\n        appearance: ToastAppearance.Info,\n      }\n  }\n}\n\nexport {\n  getIconColor,\n  getPlacement,\n  initPosition,\n  showedToastTranslateXStyle,\n  getToastPreset,\n}\n"],"names":["GNB_WIDTH","getIconColor","appearance","ToastAppearance","Success","ToastIconColor","Warning","Error","Info","getPlacement","placement","ToastPlacement","BottomRight","css","BottomLeft","showedToastTranslateXStyle","initPosition","getToastPreset","preset","ToastPreset","iconName","Offline","Online","Default"],"mappings":";;;AAUA;AACA;AACA;AACA;AACA,MAAMA,SAAS,GAAG,EAAE,CAAA;AAEpB,SAASC,YAAYA,CAACC,UAA2B,EAAkB;AACjE,EAAA,QAAQA,UAAU;IAChB,KAAKC,eAAe,CAACC,OAAO;MAC1B,OAAOC,cAAc,CAACD,OAAO,CAAA;IAC/B,KAAKD,eAAe,CAACG,OAAO;MAC1B,OAAOD,cAAc,CAACC,OAAO,CAAA;IAC/B,KAAKH,eAAe,CAACI,KAAK;MACxB,OAAOF,cAAc,CAACE,KAAK,CAAA;IAC7B,KAAKJ,eAAe,CAACK,IAAI,CAAA;AACzB,IAAA;MACE,OAAOH,cAAc,CAACG,IAAI,CAAA;AAC9B,GAAA;AACF,CAAA;AAEA,SAASC,YAAYA,CAACC,SAAyB,EAAE;AAC/C,EAAA,QAAQA,SAAS;IACf,KAAKC,cAAc,CAACC,WAAW;AAC7B,MAAA,OAAOC,aAAG,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA;IAIZ,KAAKF,cAAc,CAACG,UAAU,CAAA;AAC9B,IAAA;MACE,OAAOD,aAAG,4BAEAb,SAAS,CAAA,CAAA;AAEvB,GAAA;AACF,CAAA;AAEMe,MAAAA,0BAA0B,gBAAGF,aAAG,CAA6B,CAAA,2BAAA,CAAA,EAAA;AAE7DG,MAAAA,YAAY,GAAIN,SAA0B,IAAK;AACnD,EAAA,QAAQA,SAAS;IACf,KAAKC,cAAc,CAACG,UAAU;AAC5B,MAAA,OAAOD,aAAG,CAAA,CAAA,+BAAA,CAAA,CAAA,CAAA;IACZ,KAAKF,cAAc,CAACC,WAAW;AAC7B,MAAA,OAAOC,aAAG,CAAA,CAAA,8BAAA,CAAA,CAAA,CAAA;AACZ,IAAA;AACE,MAAA,OAAOE,0BAA0B,CAAA;AACrC,GAAA;AACF,EAAC;AAEKE,MAAAA,cAAc,GAAIC,MAAmB,IAAsB;AAC/D,EAAA,QAAQA,MAAM;IACZ,KAAKC,WAAW,CAACf,OAAO;MACtB,OAAO;AACLgB,QAAAA,QAAQ,EAAE,qBAAqB;QAC/BlB,UAAU,EAAEC,eAAe,CAACC,OAAAA;OAC7B,CAAA;IACH,KAAKe,WAAW,CAACZ,KAAK;MACpB,OAAO;AACLa,QAAAA,QAAQ,EAAE,uBAAuB;QACjClB,UAAU,EAAEC,eAAe,CAACI,KAAAA;OAC7B,CAAA;IACH,KAAKY,WAAW,CAACE,OAAO;MACtB,OAAO;AACLD,QAAAA,QAAQ,EAAE,UAAU;QACpBlB,UAAU,EAAEC,eAAe,CAACG,OAAAA;OAC7B,CAAA;IACH,KAAKa,WAAW,CAACG,MAAM;MACrB,OAAO;AACLF,QAAAA,QAAQ,EAAE,MAAM;QAChBlB,UAAU,EAAEC,eAAe,CAACC,OAAAA;OAC7B,CAAA;IACH,KAAKe,WAAW,CAACI,OAAO,CAAA;AACxB,IAAA;MACE,OAAO;AACLH,QAAAA,QAAQ,EAAE,aAAa;QACvBlB,UAAU,EAAEC,eAAe,CAACK,IAAAA;OAC7B,CAAA;AACL,GAAA;AACF;;;;"}
+{"version":3,"file":"utils.mjs","sources":["../../../../src/components/Toast/utils.ts"],"sourcesContent":["import {\n  CheckCircleFilledIcon,\n  ErrorTriangleFilledIcon,\n  InfoFilledIcon,\n  WifiIcon,\n  WifiOffIcon,\n} from '@channel.io/bezier-icons'\n\nimport { css } from '~/src/foundation'\n\nimport {\n  ToastAppearance,\n  ToastIconColor,\n  ToastPlacement,\n  ToastPreset,\n  type ToastPresetType,\n} from './Toast.types'\n\n/**\n * @deprecated\n * FIXME: Styling dependent on specific applications.\n */\nconst GNB_WIDTH = 68\n\nfunction getIconColor(appearance: ToastAppearance): ToastIconColor {\n  switch (appearance) {\n    case ToastAppearance.Success:\n      return ToastIconColor.Success\n    case ToastAppearance.Warning:\n      return ToastIconColor.Warning\n    case ToastAppearance.Error:\n      return ToastIconColor.Error\n    case ToastAppearance.Info:\n    default:\n      return ToastIconColor.Info\n  }\n}\n\nfunction getPlacement(placement: ToastPlacement) {\n  switch (placement) {\n    case ToastPlacement.BottomRight:\n      return css`\n          right: 0;\n          bottom: 0;\n        `\n    case ToastPlacement.BottomLeft:\n    default:\n      return css`\n        bottom: 0;\n        left: ${GNB_WIDTH}px;\n      `\n  }\n}\n\nconst showedToastTranslateXStyle = css` transform: translateX(0); `\n\nconst initPosition = (placement?: ToastPlacement) => {\n  switch (placement) {\n    case ToastPlacement.BottomLeft:\n      return css` transform: translateX(-120%); `\n    case ToastPlacement.BottomRight:\n      return css` transform: translateX(120%); `\n    default:\n      return showedToastTranslateXStyle\n  }\n}\n\nconst getToastPreset = (preset: ToastPreset): ToastPresetType => {\n  switch (preset) {\n    case ToastPreset.Success:\n      return {\n        icon: CheckCircleFilledIcon,\n        appearance: ToastAppearance.Success,\n      }\n    case ToastPreset.Error:\n      return {\n        icon: ErrorTriangleFilledIcon,\n        appearance: ToastAppearance.Error,\n      }\n    case ToastPreset.Offline:\n      return {\n        icon: WifiOffIcon,\n        appearance: ToastAppearance.Warning,\n      }\n    case ToastPreset.Online:\n      return {\n        icon: WifiIcon,\n        appearance: ToastAppearance.Success,\n      }\n    case ToastPreset.Default:\n    default:\n      return {\n        icon: InfoFilledIcon,\n        appearance: ToastAppearance.Info,\n      }\n  }\n}\n\nexport {\n  getIconColor,\n  getPlacement,\n  initPosition,\n  showedToastTranslateXStyle,\n  getToastPreset,\n}\n"],"names":["GNB_WIDTH","getIconColor","appearance","ToastAppearance","Success","ToastIconColor","Warning","Error","Info","getPlacement","placement","ToastPlacement","BottomRight","css","BottomLeft","showedToastTranslateXStyle","initPosition","getToastPreset","preset","ToastPreset","icon","CheckCircleFilledIcon","ErrorTriangleFilledIcon","Offline","WifiOffIcon","Online","WifiIcon","Default","InfoFilledIcon"],"mappings":";;;;AAkBA;AACA;AACA;AACA;AACA,MAAMA,SAAS,GAAG,EAAE,CAAA;AAEpB,SAASC,YAAYA,CAACC,UAA2B,EAAkB;AACjE,EAAA,QAAQA,UAAU;IAChB,KAAKC,eAAe,CAACC,OAAO;MAC1B,OAAOC,cAAc,CAACD,OAAO,CAAA;IAC/B,KAAKD,eAAe,CAACG,OAAO;MAC1B,OAAOD,cAAc,CAACC,OAAO,CAAA;IAC/B,KAAKH,eAAe,CAACI,KAAK;MACxB,OAAOF,cAAc,CAACE,KAAK,CAAA;IAC7B,KAAKJ,eAAe,CAACK,IAAI,CAAA;AACzB,IAAA;MACE,OAAOH,cAAc,CAACG,IAAI,CAAA;AAC9B,GAAA;AACF,CAAA;AAEA,SAASC,YAAYA,CAACC,SAAyB,EAAE;AAC/C,EAAA,QAAQA,SAAS;IACf,KAAKC,cAAc,CAACC,WAAW;AAC7B,MAAA,OAAOC,aAAI,CAAA;AACjB;AACA;AACA,QAAS,CAAA,CAAA;IACL,KAAKF,cAAc,CAACG,UAAU,CAAA;AAC9B,IAAA;AACE,MAAA,OAAOD,aAAI,CAAA;AACjB;AACA,cAAA,EAAgBb,SAAU,CAAA;AAC1B,MAAO,CAAA,CAAA;AACL,GAAA;AACF,CAAA;AAEMe,MAAAA,0BAA0B,GAAGF,aAAI,CAA4B,2BAAA,EAAA;AAE7DG,MAAAA,YAAY,GAAIN,SAA0B,IAAK;AACnD,EAAA,QAAQA,SAAS;IACf,KAAKC,cAAc,CAACG,UAAU;AAC5B,MAAA,OAAOD,aAAI,CAAgC,+BAAA,CAAA,CAAA;IAC7C,KAAKF,cAAc,CAACC,WAAW;AAC7B,MAAA,OAAOC,aAAI,CAA+B,8BAAA,CAAA,CAAA;AAC5C,IAAA;AACE,MAAA,OAAOE,0BAA0B,CAAA;AACrC,GAAA;AACF,EAAC;AAEKE,MAAAA,cAAc,GAAIC,MAAmB,IAAsB;AAC/D,EAAA,QAAQA,MAAM;IACZ,KAAKC,WAAW,CAACf,OAAO;MACtB,OAAO;AACLgB,QAAAA,IAAI,EAAEC,qBAAqB;QAC3BnB,UAAU,EAAEC,eAAe,CAACC,OAAAA;OAC7B,CAAA;IACH,KAAKe,WAAW,CAACZ,KAAK;MACpB,OAAO;AACLa,QAAAA,IAAI,EAAEE,uBAAuB;QAC7BpB,UAAU,EAAEC,eAAe,CAACI,KAAAA;OAC7B,CAAA;IACH,KAAKY,WAAW,CAACI,OAAO;MACtB,OAAO;AACLH,QAAAA,IAAI,EAAEI,WAAW;QACjBtB,UAAU,EAAEC,eAAe,CAACG,OAAAA;OAC7B,CAAA;IACH,KAAKa,WAAW,CAACM,MAAM;MACrB,OAAO;AACLL,QAAAA,IAAI,EAAEM,QAAQ;QACdxB,UAAU,EAAEC,eAAe,CAACC,OAAAA;OAC7B,CAAA;IACH,KAAKe,WAAW,CAACQ,OAAO,CAAA;AACxB,IAAA;MACE,OAAO;AACLP,QAAAA,IAAI,EAAEQ,cAAc;QACpB1B,UAAU,EAAEC,eAAe,CAACK,IAAAA;OAC7B,CAAA;AACL,GAAA;AACF;;;;"}