npm - @channel.io/bezier-react - Versions diffs - 1.1.0 → 1.3.0 - Mend

@channel.io/bezier-react 1.1.0 → 1.3.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 (4340) hide show

package/build/src/components/Banner/Banner.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React__default, { forwardRef } from 'react';
+import e__default, { forwardRef } from 'react';
 import { isNil, isString } from '../../utils/typeUtils.js';
 import { Button } from '../Button/Button.js';
 import { ButtonSize, ButtonStyleVariant } from '../Button/Button.types.js';
@@ -15,7 +15,7 @@ const BANNER_LINK_TEST_ID = 'bezier-react-banner-link';
 const externalLinkRenderer = ({
   content,
   linkTo
-}) => React__default.createElement("a", {
+}) => e__default.createElement("a", {
   href: linkTo,
   target: "_blank",
   rel: "noopener noreferrer",
@@ -32,7 +32,7 @@ function Link({
     return null;
   }
   return renderLink({
-    content: React__default.createElement(Styled.Link, {
+    content: e__default.createElement(Styled.Link, {
       typo: Typography.Size14,
       color: TEXT_COLORS[variant],
       bold: true
@@ -52,7 +52,7 @@ const Banner = forwardRef(function Banner(props, forwardedRef) {
     onClickAction,
     testId = BANNER_TEST_ID
   } = props;
-  return React__default.createElement(Styled.Stack, {
+  return e__default.createElement(Styled.Stack, {
     ref: forwardedRef,
     "data-testid": testId,
     className: className,
@@ -60,21 +60,21 @@ const Banner = forwardRef(function Banner(props, forwardedRef) {
     variant: variant,
     spacing: 6,
     align: "start"
-  }, !isNil(icon) && React__default.createElement(Styled.StackItem, null, React__default.createElement(Styled.BannerIcon, {
+  }, !isNil(icon) && e__default.createElement(Styled.StackItem, null, e__default.createElement(Styled.BannerIcon, {
     name: icon,
     color: iconColor !== null && iconColor !== void 0 ? iconColor : DEFAULT_ICON_COLORS[variant],
     size: IconSize.S
-  })), React__default.createElement(StackItem, {
+  })), e__default.createElement(StackItem, {
     grow: true,
     shrink: true,
     weight: 1,
     align: "center"
-  }, React__default.createElement(Styled.ContentWrapper, {
+  }, e__default.createElement(Styled.ContentWrapper, {
     variant: variant
-  }, isString(content) ? React__default.createElement(Text, {
+  }, isString(content) ? e__default.createElement(Text, {
     typo: Typography.Size14,
     color: TEXT_COLORS[variant]
-  }, content, React__default.createElement(Link, Object.assign({}, props))) : content)), !isNil(actionIcon) && React__default.createElement(Styled.StackItem, null, React__default.createElement(Button, {
+  }, content, e__default.createElement(Link, Object.assign({}, props))) : content)), !isNil(actionIcon) && e__default.createElement(Styled.StackItem, null, e__default.createElement(Button, {
     size: ButtonSize.XS,
     colorVariant: ACTION_BUTTON_COLOR_VARIANTS[variant],
     styleVariant: ButtonStyleVariant.Tertiary,

package/build/src/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 { Typography } from '~/src/foundation'\n\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 { 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 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 <Styled.BannerIcon\n name={icon}\n color={iconColor ?? DEFAULT_ICON_COLORS[variant]}\n size={IconSize.S}\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","href","target","rel","Link","variant","BannerVariant","Default","hasLink","linkText","renderLink","createElement","Styled","typo","Typography","Size14","color","TEXT_COLORS","bold","Banner","forwardRef","props","forwardedRef","className","interpolation","icon","iconColor","actionIcon","onClickAction","testId","Stack","ref","spacing","align","isNil","StackItem","BannerIcon","name","DEFAULT_ICON_COLORS","size","IconSize","S","grow","shrink","weight","ContentWrapper","isString","Text","Object","assign","Button","ButtonSize","XS","colorVariant","ACTION_BUTTON_COLOR_VARIANTS","styleVariant","ButtonStyleVariant","Tertiary","leftContent","onClick"],"mappings":";;;;;;;;;;;;AA+BA,MAAMA,cAAc,GAAG,qBAAqB,CAAA;AACrC,MAAMC,mBAAmB,GAAG,2BAA0B;AAE7D,MAAMC,oBAAoB,GAAmB,CAAC;EAC5CC,OAAO;AACPC,EAAAA,MAAAA;AAAM,CACP,KACCC;AACEC,EAAAA,IAAI,EAAEF,MAAM;AACZG,EAAAA,MAAM,EAAC,QAAQ;AACfC,EAAAA,GAAG,EAAC,qBAAqB;AAAA,EAAA,aAAA,EACZP,mBAAAA;AAAmB,CAAA,EAE9BE,OAAO,CAEZ,CAAA;AAED,SAASM,IAAI,CAAC;EACZC,OAAO,GAAGC,aAAa,CAACC,OAAO;AAC/BC,EAAAA,OAAO,GAAG,KAAK;EACfC,QAAQ;EACRV,MAAM;AACNW,EAAAA,UAAU,GAAGb,oBAAAA;AACD,CAAA,EAAA;EACZ,IAAI,CAACW,OAAO,EAAE;AAAE,IAAA,OAAO,IAAI,CAAA;AAAE,GAAA;AAE7B,EAAA,OAAOE,UAAU,CAAC;IAChBZ,OAAO,EACLE,~~cAAA~~,CAAAW,aAAA,CAACC,MAAM,CAACR,IAAI,EACV;MAAAS,IAAI,EAAEC,UAAU,CAACC,MAAM;AACvBC,MAAAA,KAAK,EAAEC,WAAW,CAACZ,OAAO,CAAC;AAC3Ba,MAAAA,IAAI,EAAA,IAAA;KAAA,EAEFT,QAAQ,CAEb;AACDV,IAAAA,MAAAA;AACD,GAAA,CAAC,CAAA;AACJ,CAAA;AAEO,MAAMoB,MAAM,GAAGC,UAAU,CAAC,SAASD,MAAM,CAC9CE,KAAkB,EAClBC,YAAuC,EAAA;EAEvC,MAAM;IACJC,SAAS;IACTC,aAAa;IACbnB,OAAO,GAAGC,aAAa,CAACC,OAAO;IAC/BkB,IAAI;IACJC,SAAS;IACT5B,OAAO;IACP6B,UAAU;IACVC,aAAa;AACbC,IAAAA,MAAM,GAAGlC,cAAAA;AAAc,GACxB,GAAG0B,KAAK,CAAA;AAET,EAAA,OACErB,~~cAAA~~,CAAAW,aAAA,CAACC,MAAM,CAACkB,KAAK,EAAA;AACXC,IAAAA,GAAG,EAAET,YAAY;AAAA,IAAA,aAAA,EACJO,MAAM;AACnBN,IAAAA,SAAS,EAAEA,SAAS;AACpBC,IAAAA,aAAa,EAAEA,aAAa;AAC5BnB,IAAAA,OAAO,EAAEA,OAAO;AAChB2B,IAAAA,OAAO,EAAE,CAAC;AACVC,IAAAA,KAAK,EAAC,OAAA;GAAO,EAEX,CAACC,KAAK,CAACT,IAAI,CAAC,IACZzB,~~cAAA~~,CAAAW,aAAA,CAACC,MAAM,CAACuB,SAAS,EAAA,IAAA,EACfnC,~~cAAA~~,CAAAW,aAAA,CAACC,MAAM,CAACwB,UAAU,EAAA;AAChBC,IAAAA,IAAI,EAAEZ,IAAI;AACVT,IAAAA,KAAK,EAAEU,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,GAAIY,mBAAmB,CAACjC,OAAO,CAAC;IAChDkC,IAAI,EAAEC,QAAQ,CAACC,CAAAA;GACf,CAAA,CAEL,EAEDzC,~~cAAA~~,CAAAW,aAAA,CAACwB,SAAS,EAAA;AACRO,IAAAA,IAAI,EAAA,IAAA;AACJC,IAAAA,MAAM,EAAA,IAAA;AACNC,IAAAA,MAAM,EAAE,CAAC;AACTX,IAAAA,KAAK,EAAC,QAAA;GAAQ,EAEdjC,~~cAAA~~,CAAAW,aAAA,CAACC,MAAM,CAACiC,cAAc,EAAA;AAACxC,IAAAA,OAAO,EAAEA,OAAAA;GAAO,EACnCyC,QAAQ,CAAChD,OAAO,CAAC,GACjBE,~~cAAA~~,CAAAW,aAAA,CAACoC,IAAI,EAAA;IACHlC,IAAI,EAAEC,UAAU,CAACC,MAAM;IACvBC,KAAK,EAAEC,WAAW,CAACZ,OAAO,CAAA;GAAC,EAEzBP,OAAO,EACTE,~~cAAC~~,CAAAW,aAAA,CAAAP,IAAI,EAAK4C,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAA5B,KAAK,CAAI,CAAA,CACd,GACLvB,OAAO,CACW,CACd,EAEV,CAACoC,KAAK,CAACP,UAAU,CAAC,IAClB3B,~~cAAA~~,CAAAW,aAAA,CAACC,MAAM,CAACuB,SAAS,EAAA,IAAA,EACfnC,~~cAAA~~,CAAAW,aAAA,CAACuC,MAAM,EAAA;IACLX,IAAI,EAAEY,UAAU,CAACC,EAAE;AACnBC,IAAAA,YAAY,EAAEC,4BAA4B,CAACjD,OAAO,CAAC;IACnDkD,YAAY,EAAEC,kBAAkB,CAACC,QAAQ;AACzCC,IAAAA,WAAW,EAAE/B,UAAU;AACvBgC,IAAAA,OAAO,EAAE/B,aAAAA;GACT,CAAA,CAEL,CACY,CAAA;AAEnB,CAAC;;;;"}
1	+ {"version":3,"file":"Banner.js","sources":["../../../../src/components/Banner/Banner.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { Typography } from '~/src/foundation'\n\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 { 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 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 <Styled.BannerIcon\n name={icon}\n color={iconColor ?? DEFAULT_ICON_COLORS[variant]}\n size={IconSize.S}\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","href","target","rel","Link","variant","BannerVariant","Default","hasLink","linkText","renderLink","createElement","Styled","typo","Typography","Size14","color","TEXT_COLORS","bold","Banner","forwardRef","props","forwardedRef","className","interpolation","icon","iconColor","actionIcon","onClickAction","testId","Stack","ref","spacing","align","isNil","StackItem","BannerIcon","name","DEFAULT_ICON_COLORS","size","IconSize","S","grow","shrink","weight","ContentWrapper","isString","Text","Object","assign","Button","ButtonSize","XS","colorVariant","ACTION_BUTTON_COLOR_VARIANTS","styleVariant","ButtonStyleVariant","Tertiary","leftContent","onClick"],"mappings":"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"}

package/build/src/components/Banner/Banner.styled.d.ts CHANGED Viewed

@@ -2,7 +2,7 @@
 import type { VariantProps } from "../../types/ComponentProps";
 import type { BannerVariant } from './Banner.types';
 declare const _default: {
-    BannerIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<({ name, ...rest }: import("~/src/components/Icon").LegacyIconProps) => JSX.Element | null>, import("~/src/foundation").Foundation, {
+    BannerIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<({ name, ...rest }: import("~/src/components/LegacyIcon").LegacyIconProps) => JSX.Element | null>, import("~/src/foundation").Foundation, {
         foundation?: import("~/src/foundation").Foundation | undefined;
     }, never>;
     ContentWrapper: import("styled-components").StyledComponent<"div", import("~/src/foundation").Foundation, {

package/build/src/components/Banner/Banner.styled.js CHANGED Viewed

@@ -1,9 +1,9 @@
 import Text from '../Text/Text.js';
 import { TEXT_COLORS, BACKGROUND_COLORS, ELEVATIONS } from './Banner.const.js';
+import LegacyIcon from '../LegacyIcon/LegacyIcon.js';
 import { HStack } from '../Stack/HStack/HStack.js';
 import { StackItem as StackItem$1 } from '../Stack/StackItem/StackItem.js';
 import { styled as FoundationStyled } from '../../foundation/FoundationStyledComponent.js';
-import LegacyIcon from '../Icon/LegacyIcon/LegacyIcon.js';
 const BannerIcon = FoundationStyled(LegacyIcon)``;
 const ContentWrapper = FoundationStyled.div`

package/build/src/components/Banner/Banner.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Banner.styled.js","sources":["../../../../src/components/Banner/Banner.styled.ts"],"sourcesContent":["import { styled } from '~/src/foundation'\n\nimport type { VariantProps } from '~/src/types/ComponentProps'\n\nimport { LegacyIcon } from '~/src/components/~~Icon~~'\nimport {\n StackItem as BaseStackItem,\n HStack,\n} from '~/src/components/Stack'\nimport { Text } from '~/src/components/Text'\n\nimport {\n BACKGROUND_COLORS,\n ELEVATIONS,\n TEXT_COLORS,\n} from './Banner.const'\nimport type { BannerVariant } from './Banner.types'\n\ntype BannerVariantProps = Required<VariantProps<BannerVariant>>\n\nconst BannerIcon = styled(LegacyIcon)``\n\nconst ContentWrapper = styled.div<BannerVariantProps>`\n color: ${({ foundation, variant }) => foundation?.theme?.[TEXT_COLORS[variant]]};\n`\n\nconst Link = styled(Text)`\n margin-left: 2px;\n text-decoration: underline;\n cursor: pointer;\n`\n\nconst Stack = styled(HStack)<BannerVariantProps>`\n width: auto;\n min-width: 200px;\n height: auto;\n padding: 12px;\n background-color: ${({ foundation, variant }) => foundation?.theme?.[BACKGROUND_COLORS[variant]]};\n\n ${({ foundation }) => foundation?.rounding?.round12}\n ${({ variant }) => ELEVATIONS[variant]}\n\n & + & {\n margin-top: 6px;\n }\n`\n\nconst StackItem = styled(BaseStackItem)`\n height: 20px;\n`\n\nexport default {\n BannerIcon,\n ContentWrapper,\n Link,\n Stack,\n StackItem,\n}\n"],"names":["BannerIcon","styled","LegacyIcon","ContentWrapper","div","foundation","variant","_a","theme","TEXT_COLORS","Link","Text","Stack","HStack","BACKGROUND_COLORS","rounding","round12","ELEVATIONS","StackItem","BaseStackItem"],"mappings":";;;;;;;AAoBA,MAAMA,UAAU,GAAGC,gBAAM,CAACC,UAAU,EAAG,CAAA,CAAA;AAEvC,MAAMC,cAAc,GAAGF,gBAAM,CAACG,GAAuB,CAAA;WAC1C,CAAC;EAAEC,UAAU;AAAEC,EAAAA,OAAAA;AAAO,CAAE,KAAI;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAC,EAAA,OAAA,CAAAA,EAAA,GAAAF,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAV,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,UAAU,CAAEG,KAAK,MAAG,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAE,WAAW,CAACH,OAAO,CAAC,CAAC,CAAA;AAAA,CAAA,CAAA;CAChF,CAAA;AAED,MAAMI,IAAI,GAAGT,gBAAM,CAACU,IAAI,CAAC,CAAA;;;;CAIxB,CAAA;AAED,MAAMC,KAAK,GAAGX,gBAAM,CAACY,MAAM,CAAqB,CAAA;;;;;sBAK1B,CAAC;EAAER,UAAU;AAAEC,EAAAA,OAAAA;AAAO,CAAE,KAAI;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAC,EAAA,OAAA,CAAAA,EAAA,GAAAF,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAV,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,UAAU,CAAEG,KAAK,MAAG,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAO,iBAAiB,CAACR,OAAO,CAAC,CAAC,CAAA;AAAA,CAAA,CAAA;;AAE9F,EAAA,EAAA,CAAC;AAAED,EAAAA,UAAAA;AAAU,CAAE,KAAI;AAAA,EAAA,IAAAE,EAAA,CAAA;AAAC,EAAA,OAAA,CAAAA,EAAA,GAAAF,UAAU,KAAV,IAAA,IAAAA,UAAU,uBAAVA,UAAU,CAAEU,QAAQ,MAAE,IAAA,IAAAR,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAS,OAAO,CAAA;AAAA,CAAA,CAAA;IACjD,CAAC;AAAEV,EAAAA,OAAAA;AAAS,CAAA,KAAKW,UAAU,CAACX,OAAO,CAAC,CAAA;;;;;CAKvC,CAAA;AAED,MAAMY,SAAS,GAAGjB,gBAAM,CAACkB,WAAa,CAAC,CAAA;;CAEtC,CAAA;AAED,aAAe;EACbnB,UAAU;EACVG,cAAc;EACdO,IAAI;EACJE,KAAK;AACLM,EAAAA,SAAAA;CACD;;;;"}
1	+ {"version":3,"file":"Banner.styled.js","sources":["../../../../src/components/Banner/Banner.styled.ts"],"sourcesContent":["import { styled } from '~/src/foundation'\n\nimport type { VariantProps } from '~/src/types/ComponentProps'\n\nimport { LegacyIcon } from '~/src/components/LegacyIcon'\nimport {\n StackItem as BaseStackItem,\n HStack,\n} from '~/src/components/Stack'\nimport { Text } from '~/src/components/Text'\n\nimport {\n BACKGROUND_COLORS,\n ELEVATIONS,\n TEXT_COLORS,\n} from './Banner.const'\nimport type { BannerVariant } from './Banner.types'\n\ntype BannerVariantProps = Required<VariantProps<BannerVariant>>\n\nconst BannerIcon = styled(LegacyIcon)``\n\nconst ContentWrapper = styled.div<BannerVariantProps>`\n color: ${({ foundation, variant }) => foundation?.theme?.[TEXT_COLORS[variant]]};\n`\n\nconst Link = styled(Text)`\n margin-left: 2px;\n text-decoration: underline;\n cursor: pointer;\n`\n\nconst Stack = styled(HStack)<BannerVariantProps>`\n width: auto;\n min-width: 200px;\n height: auto;\n padding: 12px;\n background-color: ${({ foundation, variant }) => foundation?.theme?.[BACKGROUND_COLORS[variant]]};\n\n ${({ foundation }) => foundation?.rounding?.round12}\n ${({ variant }) => ELEVATIONS[variant]}\n\n & + & {\n margin-top: 6px;\n }\n`\n\nconst StackItem = styled(BaseStackItem)`\n height: 20px;\n`\n\nexport default {\n BannerIcon,\n ContentWrapper,\n Link,\n Stack,\n StackItem,\n}\n"],"names":["BannerIcon","styled","LegacyIcon","ContentWrapper","div","foundation","variant","_a","theme","TEXT_COLORS","Link","Text","Stack","HStack","BACKGROUND_COLORS","rounding","round12","ELEVATIONS","StackItem","BaseStackItem"],"mappings":";;;;;;;AAoBA,MAAMA,UAAU,GAAGC,gBAAM,CAACC,UAAU,EAAG,CAAA,CAAA;AAEvC,MAAMC,cAAc,GAAGF,gBAAM,CAACG,GAAuB,CAAA;WAC1C,CAAC;EAAEC,UAAU;AAAEC,EAAAA,OAAAA;AAAO,CAAE,KAAI;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAC,EAAA,OAAA,CAAAA,EAAA,GAAAF,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAV,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,UAAU,CAAEG,KAAK,MAAG,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAE,WAAW,CAACH,OAAO,CAAC,CAAC,CAAA;AAAA,CAAA,CAAA;CAChF,CAAA;AAED,MAAMI,IAAI,GAAGT,gBAAM,CAACU,IAAI,CAAC,CAAA;;;;CAIxB,CAAA;AAED,MAAMC,KAAK,GAAGX,gBAAM,CAACY,MAAM,CAAqB,CAAA;;;;;sBAK1B,CAAC;EAAER,UAAU;AAAEC,EAAAA,OAAAA;AAAO,CAAE,KAAI;AAAA,EAAA,IAAAC,EAAA,CAAA;AAAC,EAAA,OAAA,CAAAA,EAAA,GAAAF,UAAU,KAAA,IAAA,IAAVA,UAAU,KAAV,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,UAAU,CAAEG,KAAK,MAAG,IAAA,IAAAD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAO,iBAAiB,CAACR,OAAO,CAAC,CAAC,CAAA;AAAA,CAAA,CAAA;;AAE9F,EAAA,EAAA,CAAC;AAAED,EAAAA,UAAAA;AAAU,CAAE,KAAI;AAAA,EAAA,IAAAE,EAAA,CAAA;AAAC,EAAA,OAAA,CAAAA,EAAA,GAAAF,UAAU,KAAV,IAAA,IAAAA,UAAU,uBAAVA,UAAU,CAAEU,QAAQ,MAAE,IAAA,IAAAR,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAS,OAAO,CAAA;AAAA,CAAA,CAAA;IACjD,CAAC;AAAEV,EAAAA,OAAAA;AAAS,CAAA,KAAKW,UAAU,CAACX,OAAO,CAAC,CAAA;;;;;CAKvC,CAAA;AAED,MAAMY,SAAS,GAAGjB,gBAAM,CAACkB,WAAa,CAAC,CAAA;;CAEtC,CAAA;AAED,aAAe;EACbnB,UAAU;EACVG,cAAc;EACdO,IAAI;EACJE,KAAK;AACLM,EAAAA,SAAAA;CACD;;;;"}

package/build/src/components/Banner/Banner.types.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import type { ReactNode } from 'react';
+import { type IconName } from '@channel.io/bezier-icons';
 import type { AdditionalColorProps, BezierComponentProps, ContentProps, VariantProps } from "../../types/ComponentProps";
 import type { ButtonProps } from "../Button";
-import type { IconName } from "../Icon";
 export declare enum BannerVariant {
     Default = "default",
     Blue = "blue",

package/build/src/components/Banner/Banner.types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Banner.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EACV,oBAAoB,EACpB,oBAAoB,EACpB,YAAY,EACZ,YAAY,EACb,mCAAkC;AAEnC,OAAO,KAAK,EAAE,WAAW,EAAE,kBAA+B;~~AAC1D~~,~~OAAO,KAAK,EAAE,QAAQ,EAAE,gBAA6B;AAErD,~~oBAAY,aAAa;IACvB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,GAAG,QAAQ;CACZ;AAED,MAAM,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE;IACnC,OAAO,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,KAAK,GAAG,CAAC,OAAO,CAAA;AAEjB,UAAU,aAAa;IACrB;;;;OAIG;IACH,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAA;IAErB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;;OAKG;IACH,UAAU,CAAC,EAAE,cAAc,CAAA;IAE3B;;;;OAIG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAA;IAErB;;OAEG;IACH,aAAa,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;CACvC;AAED,MAAM,WAAW,WAAY,SAC3B,oBAAoB,EACpB,YAAY,CAAC,aAAa,CAAC,EAC3B,YAAY,CAAC,MAAM,GAAG,SAAS,CAAC,EAChC,oBAAoB,CAAC,MAAM,CAAC,EAC5B,aAAa;CAAG"}
1	+ {"version":3,"file":"Banner.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAExD,OAAO,KAAK,EACV,oBAAoB,EACpB,oBAAoB,EACpB,YAAY,EACZ,YAAY,EACb,mCAAkC;AAEnC,OAAO,KAAK,EAAE,WAAW,EAAE,kBAA+B;AAE1D,oBAAY,aAAa;IACvB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,GAAG,QAAQ;IACX,GAAG,QAAQ;CACZ;AAED,MAAM,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE;IACnC,OAAO,EAAE,SAAS,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,KAAK,GAAG,CAAC,OAAO,CAAA;AAEjB,UAAU,aAAa;IACrB;;;;OAIG;IACH,IAAI,EAAE,QAAQ,GAAG,IAAI,CAAA;IAErB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;;;;OAKG;IACH,UAAU,CAAC,EAAE,cAAc,CAAA;IAE3B;;;;OAIG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAA;IAErB;;OAEG;IACH,aAAa,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;CACvC;AAED,MAAM,WAAW,WAAY,SAC3B,oBAAoB,EACpB,YAAY,CAAC,aAAa,CAAC,EAC3B,YAAY,CAAC,MAAM,GAAG,SAAS,CAAC,EAChC,oBAAoB,CAAC,MAAM,CAAC,EAC5B,aAAa;CAAG"}

package/build/src/components/Banner/Banner.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Banner.types.js","sources":["../../../../src/components/Banner/Banner.types.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport type {\n AdditionalColorProps,\n BezierComponentProps,\n ContentProps,\n VariantProps,\n} from '~/src/types/ComponentProps'\n\nimport type { ButtonProps } from '~/src/components/Button'\~~nimport type { IconName } from '~/src/components/Icon'\~~n\nexport enum BannerVariant {\n Default = 'default',\n Blue = 'blue',\n Cobalt = 'cobalt',\n Green = 'green',\n Orange = 'orange',\n Red = 'red',\n Alt = 'alt',\n}\n\nexport type RenderLinkFunc = (props: {\n content: ReactNode\n linkTo?: string\n}) => JSX.Element\n\ninterface BannerOptions {\n /*\n The name of icon to display at the top left of the banner.\n \n If `null` is given, no icon will be displayed.\n /\n icon: IconName \| null\n\n /\n Whether to display link at the end of banner content.\n \n @default false\n /\n hasLink?: boolean\n\n /\n The link content.\n \n This will be displayed as bold, underline text at the end of content.\n \n @remarks\n * `hasLink` props should be given `true` to enable the link.\n /\n linkText?: string\n\n /\n The location (href) of the link.\n \n By default, the link will be opened in a new tab. (`target=\"_blank\"`)\n * To specify a different behavior, use `renderLink` prop to render the link as a custom component.\n \n @remarks\n * `hasLink` props should be given `true` to enable the link.\n /\n linkTo?: string\n\n /\n Specifies how to render the link.\n \n @default\n * renders link as an `<a>` tag with `target=\"_blank\"` attribute.\n /\n renderLink?: RenderLinkFunc\n\n /\n Specifies which icon button to display at the top right of the banner.\n \n FIXME(@ed): 새로운 아이콘 방식으로 변경\n /\n actionIcon?: IconName\n\n /\n Handler to be executed when the action icon button is clicked.\n */\n onClickAction?: ButtonProps['onClick']\n}\n\nexport interface BannerProps extends\n BezierComponentProps,\n VariantProps<BannerVariant>,\n ContentProps<string \| ReactNode>,\n AdditionalColorProps<'icon'>,\n BannerOptions {}\n"],"names":["BannerVariant"],"mappings":"~~IAYYA~~,cAQX;AARD,CAAA,UAAYA,aAAa,EAAA;AACvBA,EAAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,aAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACbA,EAAAA,aAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjBA,EAAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACfA,EAAAA,aAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjBA,EAAAA,aAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACXA,EAAAA,aAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACb,CAAC,EARWA,aAAa,KAAbA,aAAa,GAQxB,EAAA,CAAA,CAAA;;;;"}
1	+ {"version":3,"file":"Banner.types.js","sources":["../../../../src/components/Banner/Banner.types.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport { type IconName } from '@channel.io/bezier-icons'\n\nimport type {\n AdditionalColorProps,\n BezierComponentProps,\n ContentProps,\n VariantProps,\n} from '~/src/types/ComponentProps'\n\nimport type { ButtonProps } from '~/src/components/Button'\n\nexport enum BannerVariant {\n Default = 'default',\n Blue = 'blue',\n Cobalt = 'cobalt',\n Green = 'green',\n Orange = 'orange',\n Red = 'red',\n Alt = 'alt',\n}\n\nexport type RenderLinkFunc = (props: {\n content: ReactNode\n linkTo?: string\n}) => JSX.Element\n\ninterface BannerOptions {\n /*\n The name of icon to display at the top left of the banner.\n \n If `null` is given, no icon will be displayed.\n /\n icon: IconName \| null\n\n /\n Whether to display link at the end of banner content.\n \n @default false\n /\n hasLink?: boolean\n\n /\n The link content.\n \n This will be displayed as bold, underline text at the end of content.\n \n @remarks\n * `hasLink` props should be given `true` to enable the link.\n /\n linkText?: string\n\n /\n The location (href) of the link.\n \n By default, the link will be opened in a new tab. (`target=\"_blank\"`)\n * To specify a different behavior, use `renderLink` prop to render the link as a custom component.\n \n @remarks\n * `hasLink` props should be given `true` to enable the link.\n /\n linkTo?: string\n\n /\n Specifies how to render the link.\n \n @default\n * renders link as an `<a>` tag with `target=\"_blank\"` attribute.\n /\n renderLink?: RenderLinkFunc\n\n /\n Specifies which icon button to display at the top right of the banner.\n \n FIXME(@ed): 새로운 아이콘 방식으로 변경\n /\n actionIcon?: IconName\n\n /\n Handler to be executed when the action icon button is clicked.\n */\n onClickAction?: ButtonProps['onClick']\n}\n\nexport interface BannerProps extends\n BezierComponentProps,\n VariantProps<BannerVariant>,\n ContentProps<string \| ReactNode>,\n AdditionalColorProps<'icon'>,\n BannerOptions {}\n"],"names":["BannerVariant"],"mappings":"IAaYA,cAQX;AARD,CAAA,UAAYA,aAAa,EAAA;AACvBA,EAAAA,aAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,aAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACbA,EAAAA,aAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjBA,EAAAA,aAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACfA,EAAAA,aAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjBA,EAAAA,aAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACXA,EAAAA,aAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACb,CAAC,EARWA,aAAa,KAAbA,aAAa,GAQxB,EAAA,CAAA,CAAA;;;;"}

package/build/src/components/Button/Button.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default, { forwardRef, useState, useMemo, useCallback } from 'react';
+import e__default, { forwardRef, useState, useMemo, useCallback } from 'react';
 import { flattenDeep } from '../../utils/arrayUtils.js';
 import { noop } from '../../utils/functionUtils.js';
 import { isArray } from '../../utils/typeUtils.js';
@@ -8,8 +8,8 @@ import { SpinnerSize } from '../Spinner/Spinner.types.js';
 import { ButtonSize, ButtonStyleVariant, ButtonColorVariant } from './Button.types.js';
 import { ButtonWrapper, ButtonContents, ContentText, ButtonLoader } from './Button.styled.js';
 import { IconSize } from '../Icon/Icon.types.js';
-import { isIconName } from '../Icon/LegacyIcon/utils.js';
-import LegacyIcon from '../Icon/LegacyIcon/LegacyIcon.js';
+import { isIconName } from '../LegacyIcon/utils.js';
+import LegacyIcon from '../LegacyIcon/LegacyIcon.js';
 import { Typography } from '../../foundation/Typography.js';
 const BUTTON_TEST_ID = 'bezier-react-button';
@@ -107,7 +107,7 @@ const Button = forwardRef(function Button(_a, forwardedRef) {
   }, [onClick, disabled]);
   const renderSideContent = useCallback(content => {
     if (isIconName(content)) {
-      return React__default.createElement(LegacyIcon, {
+      return e__default.createElement(LegacyIcon, {
         name: content,
         size: iconSize,
         color: overridedIconAndSpinnerColor
@@ -115,7 +115,7 @@ const Button = forwardRef(function Button(_a, forwardedRef) {
     }
     return content;
   }, [iconSize, overridedIconAndSpinnerColor]);
-  return React__default.createElement(ButtonWrapper, Object.assign({
+  return e__default.createElement(ButtonWrapper, Object.assign({
     as: as,
     type: type,
     style: style,
@@ -134,17 +134,17 @@ const Button = forwardRef(function Button(_a, forwardedRef) {
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
     onBlur: onBlur
-  }, rest), React__default.createElement(ButtonContents, {
+  }, rest), e__default.createElement(ButtonContents, {
     "data-testid": BUTTON_INNER_CONTENT_TEST_ID,
     visible: !loading,
     buttonSize: size
-  }, renderSideContent(leftContent), text && React__default.createElement(ContentText, {
+  }, renderSideContent(leftContent), text && e__default.createElement(ContentText, {
     testId: BUTTON_TEXT_TEST_ID,
     typo: typography,
     bold: true,
     color: overridedTextColor,
     buttonSize: size
-  }, text), renderSideContent(rightContent)), loading && React__default.createElement(ButtonLoader, null, React__default.createElement(Spinner, {
+  }, text), renderSideContent(rightContent)), loading && e__default.createElement(ButtonLoader, null, e__default.createElement(Spinner, {
     size: ButtonSpinnerSize,
     color: overridedIconAndSpinnerColor
   })));

package/build/src/components/Button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useMemo,\n useState,\n} from 'react'\n\nimport {\n type SemanticNames,\n Typography,\n} from '~/src/foundation'\n\nimport { flattenDeep } from '~/src/utils/arrayUtils'\nimport { noop } from '~/src/utils/functionUtils'\nimport { isArray } from '~/src/utils/typeUtils'\n\nimport {\n IconSize,\n LegacyIcon,\n isIconName,\n} from '~/src/components/Icon'\nimport {\n Spinner,\n SpinnerSize,\n} from '~/src/components/Spinner'\n\nimport type ButtonProps from './Button.types'\nimport {\n type MouseEventHandler,\n type SideContent,\n} from './Button.types'\nimport {\n ButtonColorVariant,\n ButtonSize,\n ButtonStyleVariant,\n} from './Button.types'\n\nimport * as Styled from './Button.styled'\n\nexport const BUTTON_TEST_ID = 'bezier-react-button'\nexport const BUTTON_INNER_CONTENT_TEST_ID = 'bezier-react-button-inner-content'\nexport const BUTTON_TEXT_TEST_ID = 'bezier-react-button-text'\n\ntype VariantTuple = `${ButtonColorVariant},${ButtonStyleVariant},${ButtonSize}`\n\nfunction tupleKey(...[colorVariant, styleVariant, size]: [ButtonColorVariant, ButtonStyleVariant, ButtonSize]): VariantTuple {\n return `${colorVariant},${styleVariant},${size}` as const\n}\n\nfunction combinations(\n colors: ButtonColorVariant \| ButtonColorVariant[],\n styles: ButtonStyleVariant \| ButtonStyleVariant[],\n sizes: ButtonSize \| ButtonSize[],\n) : VariantTuple[] {\n function toArray<T>(items: T \| T[]): T[] {\n return isArray(items) ? items : [items]\n }\n\n return flattenDeep(\n toArray(colors).map((color) =>\n toArray(styles).map((style) =>\n toArray(sizes).map((size) => tupleKey(color, style, size)))),\n )\n}\n\nconst OVERRIDED_TEXT_DEFAULT_COLORS: { [key in VariantTuple]?: SemanticNames } = {\n ...Object.fromEntries(\n combinations(\n ButtonColorVariant.Monochrome,\n [ButtonStyleVariant.Secondary, ButtonStyleVariant.Tertiary],\n [ButtonSize.S, ButtonSize.XS],\n )\n .map((key) => [key, 'txt-black-darker']),\n ),\n}\n\nconst OVERRIDED_ICON_AND_SPINNER_DEFAULT_COLORS: { [key in VariantTuple]?: SemanticNames } = {\n ...Object.fromEntries(\n combinations(\n ButtonColorVariant.Monochrome,\n [ButtonStyleVariant.Secondary, ButtonStyleVariant.Tertiary],\n [ButtonSize.XL, ButtonSize.L, ButtonSize.M],\n )\n .map((key) => [key, 'txt-black-darker']),\n ),\n ...Object.fromEntries(\n combinations(\n ButtonColorVariant.Monochrome,\n [ButtonStyleVariant.Secondary, ButtonStyleVariant.Tertiary],\n [ButtonSize.S, ButtonSize.XS],\n )\n .map((key) => [key, 'txt-black-dark']),\n ),\n ...Object.fromEntries(\n combinations(\n ButtonColorVariant.MonochromeLight,\n [ButtonStyleVariant.Secondary, ButtonStyleVariant.Tertiary, ButtonStyleVariant.Floating],\n Object.values(ButtonSize),\n )\n .map((key) => [key, 'txt-black-dark']),\n ),\n ...Object.fromEntries(\n combinations(\n ButtonColorVariant.MonochromeDark,\n [ButtonStyleVariant.Secondary, ButtonStyleVariant.Tertiary, ButtonStyleVariant.Floating],\n Object.values(ButtonSize),\n )\n .map((key) => [key, 'txt-black-darker']),\n ),\n}\n\nexport const Button = forwardRef(function Button(\n {\n as,\n className,\n style,\n interpolation,\n testId = BUTTON_TEST_ID,\n type = 'button',\n text,\n disabled = false,\n loading = false,\n active = false,\n size = ButtonSize.M,\n styleVariant = ButtonStyleVariant.Primary,\n colorVariant = ButtonColorVariant.Blue,\n leftContent,\n rightContent,\n onClick = noop,\n onMouseEnter = noop,\n onMouseLeave = noop,\n onBlur = noop,\n ...rest\n }: ButtonProps,\n forwardedRef: React.Ref<HTMLElement>,\n) {\n const [isHovered, setIsHovered] = useState(false)\n\n const typography = useMemo(() => {\n switch (size) {\n case ButtonSize.XS:\n case ButtonSize.S:\n return Typography.Size13\n case ButtonSize.L:\n return Typography.Size15\n case ButtonSize.XL:\n return Typography.Size18\n case ButtonSize.M:\n default:\n return Typography.Size14\n }\n }, [size])\n\n const ButtonSpinnerSize = useMemo(() => {\n switch (size) {\n case ButtonSize.S:\n case ButtonSize.XS:\n return SpinnerSize.XS\n case ButtonSize.XL:\n case ButtonSize.L:\n case ButtonSize.M:\n default:\n return SpinnerSize.S\n }\n }, [size])\n\n const iconSize = useMemo(() => {\n switch (size) {\n case ButtonSize.XS:\n case ButtonSize.S:\n return IconSize.XS\n case ButtonSize.XL:\n return IconSize.Normal\n case ButtonSize.M:\n case ButtonSize.L:\n default:\n return IconSize.S\n }\n }, [size])\n\n const overridedTextColor = useMemo(() => (\n (active \|\| isHovered)\n ? undefined\n : OVERRIDED_TEXT_DEFAULT_COLORS[tupleKey(colorVariant, styleVariant, size)]\n ), [\n colorVariant,\n styleVariant,\n size,\n active,\n isHovered,\n ])\n\n const overridedIconAndSpinnerColor = useMemo(() => (\n (active \|\| isHovered)\n ? undefined\n : OVERRIDED_ICON_AND_SPINNER_DEFAULT_COLORS[tupleKey(colorVariant, styleVariant, size)]\n ), [\n colorVariant,\n styleVariant,\n size,\n active,\n isHovered,\n ])\n\n const handleMouseEnter = useCallback<MouseEventHandler>((event) => {\n setIsHovered(true)\n onMouseEnter(event)\n }, [onMouseEnter])\n\n const handleMouseLeave = useCallback<MouseEventHandler>((event) => {\n setIsHovered(false)\n onMouseLeave(event)\n }, [onMouseLeave])\n\n const handleClick = useCallback<MouseEventHandler>((event) => {\n if (!disabled) { onClick(event) }\n return null\n }, [\n onClick,\n disabled,\n ])\n\n const renderSideContent = useCallback((content?: SideContent) => {\n if (isIconName(content)) {\n return (\n <LegacyIcon\n name={content}\n size={iconSize}\n color={overridedIconAndSpinnerColor}\n />\n )\n }\n\n return content\n }, [\n iconSize,\n overridedIconAndSpinnerColor,\n ])\n\n return (\n <Styled.ButtonWrapper\n as={as}\n type={type}\n style={style}\n className={className}\n interpolation={interpolation}\n ref={forwardedRef}\n size={size}\n disabled={disabled}\n active={active}\n styleVariant={styleVariant}\n colorVariant={colorVariant}\n text={text}\n data-testid={testId}\n data-component=\"BezierButton\"\n onClick={handleClick}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onBlur={onBlur}\n {...rest}\n >\n <Styled.ButtonContents\n data-testid={BUTTON_INNER_CONTENT_TEST_ID}\n visible={!loading}\n buttonSize={size}\n >\n { renderSideContent(leftContent) }\n\n { text && (\n <Styled.ContentText\n testId={BUTTON_TEXT_TEST_ID}\n typo={typography}\n bold\n color={overridedTextColor}\n buttonSize={size}\n >\n { text }\n </Styled.ContentText>\n ) }\n\n { renderSideContent(rightContent) }\n </Styled.ButtonContents>\n\n { loading && (\n <Styled.ButtonLoader>\n <Spinner\n size={ButtonSpinnerSize}\n color={overridedIconAndSpinnerColor}\n />\n </Styled.ButtonLoader>\n ) }\n </Styled.ButtonWrapper>\n )\n})\n"],"names":["BUTTON_TEST_ID","BUTTON_INNER_CONTENT_TEST_ID","BUTTON_TEXT_TEST_ID","tupleKey","colorVariant","styleVariant","size","combinations","colors","styles","sizes","toArray","items","isArray","flattenDeep","map","color","style","OVERRIDED_TEXT_DEFAULT_COLORS","Object","assign","fromEntries","ButtonColorVariant","Monochrome","ButtonStyleVariant","Secondary","Tertiary","ButtonSize","S","XS","key","OVERRIDED_ICON_AND_SPINNER_DEFAULT_COLORS","XL","L","M","MonochromeLight","Floating","values","MonochromeDark","Button","forwardRef","_a","forwardedRef","as","className","interpolation","testId","type","text","disabled","loading","active","Primary","Blue","leftContent","rightContent","onClick","noop","onMouseEnter","onMouseLeave","onBlur","rest","__rest","isHovered","setIsHovered","useState","typography","useMemo","Typography","Size13","Size15","Size18","Size14","ButtonSpinnerSize","SpinnerSize","iconSize","IconSize","Normal","overridedTextColor","undefined","overridedIconAndSpinnerColor","handleMouseEnter","useCallback","event","handleMouseLeave","handleClick","renderSideContent","content","isIconName","React","createElement","LegacyIcon","name","Styled","ref","visible","buttonSize","typo","bold","Spinner"],"mappings":"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"}
1	+ {"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useCallback,\n useMemo,\n useState,\n} from 'react'\n\nimport {\n type SemanticNames,\n Typography,\n} from '~/src/foundation'\n\nimport { flattenDeep } from '~/src/utils/arrayUtils'\nimport { noop } from '~/src/utils/functionUtils'\nimport { isArray } from '~/src/utils/typeUtils'\n\nimport { IconSize } from '~/src/components/Icon'\nimport {\n LegacyIcon,\n isIconName,\n} from '~/src/components/LegacyIcon'\nimport {\n Spinner,\n SpinnerSize,\n} from '~/src/components/Spinner'\n\nimport type ButtonProps from './Button.types'\nimport {\n type MouseEventHandler,\n type SideContent,\n} from './Button.types'\nimport {\n ButtonColorVariant,\n ButtonSize,\n ButtonStyleVariant,\n} from './Button.types'\n\nimport * as Styled from './Button.styled'\n\nexport const BUTTON_TEST_ID = 'bezier-react-button'\nexport const BUTTON_INNER_CONTENT_TEST_ID = 'bezier-react-button-inner-content'\nexport const BUTTON_TEXT_TEST_ID = 'bezier-react-button-text'\n\ntype VariantTuple = `${ButtonColorVariant},${ButtonStyleVariant},${ButtonSize}`\n\nfunction tupleKey(...[colorVariant, styleVariant, size]: [ButtonColorVariant, ButtonStyleVariant, ButtonSize]): VariantTuple {\n return `${colorVariant},${styleVariant},${size}` as const\n}\n\nfunction combinations(\n colors: ButtonColorVariant \| ButtonColorVariant[],\n styles: ButtonStyleVariant \| ButtonStyleVariant[],\n sizes: ButtonSize \| ButtonSize[],\n) : VariantTuple[] {\n function toArray<T>(items: T \| T[]): T[] {\n return isArray(items) ? items : [items]\n }\n\n return flattenDeep(\n toArray(colors).map((color) =>\n toArray(styles).map((style) =>\n toArray(sizes).map((size) => tupleKey(color, style, size)))),\n )\n}\n\nconst OVERRIDED_TEXT_DEFAULT_COLORS: { [key in VariantTuple]?: SemanticNames } = {\n ...Object.fromEntries(\n combinations(\n ButtonColorVariant.Monochrome,\n [ButtonStyleVariant.Secondary, ButtonStyleVariant.Tertiary],\n [ButtonSize.S, ButtonSize.XS],\n )\n .map((key) => [key, 'txt-black-darker']),\n ),\n}\n\nconst OVERRIDED_ICON_AND_SPINNER_DEFAULT_COLORS: { [key in VariantTuple]?: SemanticNames } = {\n ...Object.fromEntries(\n combinations(\n ButtonColorVariant.Monochrome,\n [ButtonStyleVariant.Secondary, ButtonStyleVariant.Tertiary],\n [ButtonSize.XL, ButtonSize.L, ButtonSize.M],\n )\n .map((key) => [key, 'txt-black-darker']),\n ),\n ...Object.fromEntries(\n combinations(\n ButtonColorVariant.Monochrome,\n [ButtonStyleVariant.Secondary, ButtonStyleVariant.Tertiary],\n [ButtonSize.S, ButtonSize.XS],\n )\n .map((key) => [key, 'txt-black-dark']),\n ),\n ...Object.fromEntries(\n combinations(\n ButtonColorVariant.MonochromeLight,\n [ButtonStyleVariant.Secondary, ButtonStyleVariant.Tertiary, ButtonStyleVariant.Floating],\n Object.values(ButtonSize),\n )\n .map((key) => [key, 'txt-black-dark']),\n ),\n ...Object.fromEntries(\n combinations(\n ButtonColorVariant.MonochromeDark,\n [ButtonStyleVariant.Secondary, ButtonStyleVariant.Tertiary, ButtonStyleVariant.Floating],\n Object.values(ButtonSize),\n )\n .map((key) => [key, 'txt-black-darker']),\n ),\n}\n\nexport const Button = forwardRef(function Button(\n {\n as,\n className,\n style,\n interpolation,\n testId = BUTTON_TEST_ID,\n type = 'button',\n text,\n disabled = false,\n loading = false,\n active = false,\n size = ButtonSize.M,\n styleVariant = ButtonStyleVariant.Primary,\n colorVariant = ButtonColorVariant.Blue,\n leftContent,\n rightContent,\n onClick = noop,\n onMouseEnter = noop,\n onMouseLeave = noop,\n onBlur = noop,\n ...rest\n }: ButtonProps,\n forwardedRef: React.Ref<HTMLElement>,\n) {\n const [isHovered, setIsHovered] = useState(false)\n\n const typography = useMemo(() => {\n switch (size) {\n case ButtonSize.XS:\n case ButtonSize.S:\n return Typography.Size13\n case ButtonSize.L:\n return Typography.Size15\n case ButtonSize.XL:\n return Typography.Size18\n case ButtonSize.M:\n default:\n return Typography.Size14\n }\n }, [size])\n\n const ButtonSpinnerSize = useMemo(() => {\n switch (size) {\n case ButtonSize.S:\n case ButtonSize.XS:\n return SpinnerSize.XS\n case ButtonSize.XL:\n case ButtonSize.L:\n case ButtonSize.M:\n default:\n return SpinnerSize.S\n }\n }, [size])\n\n const iconSize = useMemo(() => {\n switch (size) {\n case ButtonSize.XS:\n case ButtonSize.S:\n return IconSize.XS\n case ButtonSize.XL:\n return IconSize.Normal\n case ButtonSize.M:\n case ButtonSize.L:\n default:\n return IconSize.S\n }\n }, [size])\n\n const overridedTextColor = useMemo(() => (\n (active \|\| isHovered)\n ? undefined\n : OVERRIDED_TEXT_DEFAULT_COLORS[tupleKey(colorVariant, styleVariant, size)]\n ), [\n colorVariant,\n styleVariant,\n size,\n active,\n isHovered,\n ])\n\n const overridedIconAndSpinnerColor = useMemo(() => (\n (active \|\| isHovered)\n ? undefined\n : OVERRIDED_ICON_AND_SPINNER_DEFAULT_COLORS[tupleKey(colorVariant, styleVariant, size)]\n ), [\n colorVariant,\n styleVariant,\n size,\n active,\n isHovered,\n ])\n\n const handleMouseEnter = useCallback<MouseEventHandler>((event) => {\n setIsHovered(true)\n onMouseEnter(event)\n }, [onMouseEnter])\n\n const handleMouseLeave = useCallback<MouseEventHandler>((event) => {\n setIsHovered(false)\n onMouseLeave(event)\n }, [onMouseLeave])\n\n const handleClick = useCallback<MouseEventHandler>((event) => {\n if (!disabled) { onClick(event) }\n return null\n }, [\n onClick,\n disabled,\n ])\n\n const renderSideContent = useCallback((content?: SideContent) => {\n if (isIconName(content)) {\n return (\n <LegacyIcon\n name={content}\n size={iconSize}\n color={overridedIconAndSpinnerColor}\n />\n )\n }\n\n return content\n }, [\n iconSize,\n overridedIconAndSpinnerColor,\n ])\n\n return (\n <Styled.ButtonWrapper\n as={as}\n type={type}\n style={style}\n className={className}\n interpolation={interpolation}\n ref={forwardedRef}\n size={size}\n disabled={disabled}\n active={active}\n styleVariant={styleVariant}\n colorVariant={colorVariant}\n text={text}\n data-testid={testId}\n data-component=\"BezierButton\"\n onClick={handleClick}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n onBlur={onBlur}\n {...rest}\n >\n <Styled.ButtonContents\n data-testid={BUTTON_INNER_CONTENT_TEST_ID}\n visible={!loading}\n buttonSize={size}\n >\n { renderSideContent(leftContent) }\n\n { text && (\n <Styled.ContentText\n testId={BUTTON_TEXT_TEST_ID}\n typo={typography}\n bold\n color={overridedTextColor}\n buttonSize={size}\n >\n { text }\n </Styled.ContentText>\n ) }\n\n { renderSideContent(rightContent) }\n </Styled.ButtonContents>\n\n { loading && (\n <Styled.ButtonLoader>\n <Spinner\n size={ButtonSpinnerSize}\n color={overridedIconAndSpinnerColor}\n />\n </Styled.ButtonLoader>\n ) }\n </Styled.ButtonWrapper>\n )\n})\n"],"names":["BUTTON_TEST_ID","BUTTON_INNER_CONTENT_TEST_ID","BUTTON_TEXT_TEST_ID","tupleKey","colorVariant","styleVariant","size","combinations","colors","styles","sizes","toArray","items","isArray","flattenDeep","map","color","style","OVERRIDED_TEXT_DEFAULT_COLORS","Object","assign","fromEntries","ButtonColorVariant","Monochrome","ButtonStyleVariant","Secondary","Tertiary","ButtonSize","S","XS","key","OVERRIDED_ICON_AND_SPINNER_DEFAULT_COLORS","XL","L","M","MonochromeLight","Floating","values","MonochromeDark","Button","forwardRef","_a","forwardedRef","as","className","interpolation","testId","type","text","disabled","loading","active","Primary","Blue","leftContent","rightContent","onClick","noop","onMouseEnter","onMouseLeave","onBlur","rest","__rest","isHovered","setIsHovered","useState","typography","useMemo","Typography","Size13","Size15","Size18","Size14","ButtonSpinnerSize","SpinnerSize","iconSize","IconSize","Normal","overridedTextColor","undefined","overridedIconAndSpinnerColor","handleMouseEnter","useCallback","event","handleMouseLeave","handleClick","renderSideContent","content","isIconName","React","createElement","LegacyIcon","name","Styled","ref","visible","buttonSize","typo","bold","Spinner"],"mappings":"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"}

package/build/src/components/Button/Button.types.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 /// <reference types="react" />
+import { type IconName } from '@channel.io/bezier-icons';
 import { type BezierComponentProps, type DisableProps, type SideContentProps, type SizeProps } from "../../types/ComponentProps";
-import type { IconName } from "../Icon";
 export declare enum ButtonStyleVariant {
     Primary = "primary",
     Secondary = "secondary",

package/build/src/components/Button/Button.types.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.types.ts"],"names":[],"mappings":";AAAA,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,SAAS,EACf,mCAAkC;AAEnC,~~OAAO,KAAK,EAAE,QAAQ,EAAE,gBAA6B;AAErD,~~oBAAY,kBAAkB;IAC5B,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,QAAQ,aAAa;IACrB,WAAW,iBAAiB;CAC7B;AAED,oBAAY,kBAAkB;IAC5B,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB;;OAEG;IACH,UAAU,eAAe;IACzB,eAAe,oBAAoB;IACnC,cAAc,mBAAmB;CAClC;AAED,oBAAY,UAAU;IACpB,EAAE,OAAO;IACT,CAAC,MAAM;IACP,CAAC,MAAM;IACP,CAAC,MAAM;IACP,EAAE,OAAO;CACV;AAED,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAA;AAEpD,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;AAC1E,KAAK,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;AAEnE,UAAU,aAAa;IACrB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAEhC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,YAAY,CAAC,EAAE,kBAAkB,CAAA;IAEjC;;;;OAIG;IACH,YAAY,CAAC,EAAE,kBAAkB,CAAA;IAEjC;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAE3B;;OAEG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAA;IAEhC;;OAEG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAA;IAEhC;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAA;CAC3B;AAED,MAAM,CAAC,OAAO,WAAW,WAAY,SACnC,oBAAoB,EACpB,SAAS,CAAC,UAAU,CAAC,EACrB,YAAY,EACZ,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,EAC1C,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EACvC,aAAa;CAAG"}
1	+ {"version":3,"file":"Button.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,0BAA0B,CAAA;AAExD,OAAO,EACL,KAAK,oBAAoB,EACzB,KAAK,YAAY,EACjB,KAAK,gBAAgB,EACrB,KAAK,SAAS,EACf,mCAAkC;AAEnC,oBAAY,kBAAkB;IAC5B,OAAO,YAAY;IACnB,SAAS,cAAc;IACvB,QAAQ,aAAa;IACrB,QAAQ,aAAa;IACrB,WAAW,iBAAiB;CAC7B;AAED,oBAAY,kBAAkB;IAC5B,IAAI,SAAS;IACb,GAAG,QAAQ;IACX,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB;;OAEG;IACH,UAAU,eAAe;IACzB,eAAe,oBAAoB;IACnC,cAAc,mBAAmB;CAClC;AAED,oBAAY,UAAU;IACpB,EAAE,OAAO;IACT,CAAC,MAAM;IACP,CAAC,MAAM;IACP,CAAC,MAAM;IACP,EAAE,OAAO;CACV;AAED,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,KAAK,CAAC,SAAS,CAAA;AAEpD,MAAM,MAAM,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;AAC1E,KAAK,iBAAiB,GAAG,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;AAEnE,UAAU,aAAa;IACrB;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,iBAAiB,CAAC,MAAM,CAAC,CAAA;IAEhC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAEhB;;;;OAIG;IACH,YAAY,CAAC,EAAE,kBAAkB,CAAA;IAEjC;;;;OAIG;IACH,YAAY,CAAC,EAAE,kBAAkB,CAAA;IAEjC;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAE3B;;OAEG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAA;IAEhC;;OAEG;IACH,YAAY,CAAC,EAAE,iBAAiB,CAAA;IAEhC;;OAEG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAA;CAC3B;AAED,MAAM,CAAC,OAAO,WAAW,WAAY,SACnC,oBAAoB,EACpB,SAAS,CAAC,UAAU,CAAC,EACrB,YAAY,EACZ,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,EAC1C,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC,EACvC,aAAa;CAAG"}

package/build/src/components/Button/Button.types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.types.js","sources":["../../../../src/components/Button/Button.types.ts"],"sourcesContent":["import {\n type BezierComponentProps,\n type DisableProps,\n type SideContentProps,\n type SizeProps,\n} from '~/src/types/ComponentProps'\n\~~nimport type { IconName } from '~/src/components/Icon'\n\~~nexport enum ButtonStyleVariant {\n Primary = 'primary',\n Secondary = 'secondary',\n Tertiary = 'tertiary',\n Floating = 'floating',\n FloatingAlt = 'floating-alt',\n}\n\nexport enum ButtonColorVariant {\n Blue = 'blue',\n Red = 'red',\n Green = 'green',\n Cobalt = 'cobalt',\n Orange = 'orange',\n Pink = 'pink',\n Purple = 'purple',\n /*\n @deprecated use `ButtonColorVariant.MonochromeLight` or `ButtonColorVariant.MonochromeDark`\n /\n Monochrome = 'monochrome',\n MonochromeLight = 'monochromeLight',\n MonochromeDark = 'monochromeDark',\n}\n\nexport enum ButtonSize {\n XS = 'XS',\n S = 'S',\n M = 'M',\n L = 'L',\n XL = 'XL',\n}\n\nexport type SideContent = IconName \| React.ReactNode\n\nexport type MouseEventHandler = React.MouseEventHandler<HTMLButtonElement>\ntype FocusEventHandler = React.FocusEventHandler<HTMLButtonElement>\n\ninterface ButtonOptions {\n /\n `type` attribute of typical HTML button.\n \n You may want to set `type` to `submit` to the button\n * which is used as a submit button in `<form>` component.\n \n @default 'button'\n /\n type?: HTMLButtonElement['type']\n\n /\n The text content in the button.\n \n Do not pass `text` prop if it is an icon-only button.\n /\n text?: string\n\n /\n If `loading` is true, spinner will be shown, replacing the content.\n \n @default false\n /\n loading?: boolean\n\n /\n If `active` is true, the button will be styled as if it is hovered.\n \n You may want to use this prop for a button which opens dropdown, etc.\n \n @default false\n /\n active?: boolean\n\n /\n The style variant.\n \n @default ButtonStyleVariant.Primary\n /\n styleVariant?: ButtonStyleVariant\n\n /\n The color variant.\n \n @default ButtonColorVariant.Blue\n /\n colorVariant?: ButtonColorVariant\n\n /\n The handler to be executed when the button is clicked.\n /\n onClick?: MouseEventHandler\n\n /\n The handler to be executed when the mouse enters the button.\n /\n onMouseEnter?: MouseEventHandler\n\n /\n The handler to be executed when the mouse leaves the button.\n /\n onMouseLeave?: MouseEventHandler\n\n /\n The handler to be executed when the button is unfocused.\n */\n onBlur?: FocusEventHandler\n}\n\nexport default interface ButtonProps extends\n BezierComponentProps,\n SizeProps<ButtonSize>,\n DisableProps,\n SideContentProps<SideContent, SideContent>,\n React.HTMLAttributes<HTMLButtonElement>,\n ButtonOptions {}\n"],"names":["ButtonStyleVariant","ButtonColorVariant","ButtonSize"],"mappings":"IASYA,mBAMX;AAND,CAAA,UAAYA,kBAAkB,EAAA;AAC5BA,EAAAA,kBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,kBAAA,CAAA,WAAA,CAAA,GAAA,WAAuB,CAAA;AACvBA,EAAAA,kBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrBA,EAAAA,kBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrBA,EAAAA,kBAAA,CAAA,aAAA,CAAA,GAAA,cAA4B,CAAA;AAC9B,CAAC,EANWA,kBAAkB,KAAlBA,kBAAkB,GAM7B,EAAA,CAAA,CAAA,CAAA;IAEWC,mBAcX;AAdD,CAAA,UAAYA,kBAAkB,EAAA;AAC5BA,EAAAA,kBAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACbA,EAAAA,kBAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACXA,EAAAA,kBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACfA,EAAAA,kBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjBA,EAAAA,kBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjBA,EAAAA,kBAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACbA,EAAAA,kBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjB;;AAEG;AACHA,EAAAA,kBAAA,CAAA,YAAA,CAAA,GAAA,YAAyB,CAAA;AACzBA,EAAAA,kBAAA,CAAA,iBAAA,CAAA,GAAA,iBAAmC,CAAA;AACnCA,EAAAA,kBAAA,CAAA,gBAAA,CAAA,GAAA,gBAAiC,CAAA;AACnC,CAAC,EAdWA,kBAAkB,KAAlBA,kBAAkB,GAc7B,EAAA,CAAA,CAAA,CAAA;IAEWC,WAMX;AAND,CAAA,UAAYA,UAAU,EAAA;AACpBA,EAAAA,UAAA,CAAA,IAAA,CAAA,GAAA,IAAS,CAAA;AACTA,EAAAA,UAAA,CAAA,GAAA,CAAA,GAAA,GAAO,CAAA;AACPA,EAAAA,UAAA,CAAA,GAAA,CAAA,GAAA,GAAO,CAAA;AACPA,EAAAA,UAAA,CAAA,GAAA,CAAA,GAAA,GAAO,CAAA;AACPA,EAAAA,UAAA,CAAA,IAAA,CAAA,GAAA,IAAS,CAAA;AACX,CAAC,EANWA,UAAU,KAAVA,UAAU,GAMrB,EAAA,CAAA,CAAA;;;;"}
1	+ {"version":3,"file":"Button.types.js","sources":["../../../../src/components/Button/Button.types.ts"],"sourcesContent":["import { type IconName } from '@channel.io/bezier-icons'\n\nimport {\n type BezierComponentProps,\n type DisableProps,\n type SideContentProps,\n type SizeProps,\n} from '~/src/types/ComponentProps'\n\nexport enum ButtonStyleVariant {\n Primary = 'primary',\n Secondary = 'secondary',\n Tertiary = 'tertiary',\n Floating = 'floating',\n FloatingAlt = 'floating-alt',\n}\n\nexport enum ButtonColorVariant {\n Blue = 'blue',\n Red = 'red',\n Green = 'green',\n Cobalt = 'cobalt',\n Orange = 'orange',\n Pink = 'pink',\n Purple = 'purple',\n /*\n @deprecated use `ButtonColorVariant.MonochromeLight` or `ButtonColorVariant.MonochromeDark`\n /\n Monochrome = 'monochrome',\n MonochromeLight = 'monochromeLight',\n MonochromeDark = 'monochromeDark',\n}\n\nexport enum ButtonSize {\n XS = 'XS',\n S = 'S',\n M = 'M',\n L = 'L',\n XL = 'XL',\n}\n\nexport type SideContent = IconName \| React.ReactNode\n\nexport type MouseEventHandler = React.MouseEventHandler<HTMLButtonElement>\ntype FocusEventHandler = React.FocusEventHandler<HTMLButtonElement>\n\ninterface ButtonOptions {\n /\n `type` attribute of typical HTML button.\n \n You may want to set `type` to `submit` to the button\n * which is used as a submit button in `<form>` component.\n \n @default 'button'\n /\n type?: HTMLButtonElement['type']\n\n /\n The text content in the button.\n \n Do not pass `text` prop if it is an icon-only button.\n /\n text?: string\n\n /\n If `loading` is true, spinner will be shown, replacing the content.\n \n @default false\n /\n loading?: boolean\n\n /\n If `active` is true, the button will be styled as if it is hovered.\n \n You may want to use this prop for a button which opens dropdown, etc.\n \n @default false\n /\n active?: boolean\n\n /\n The style variant.\n \n @default ButtonStyleVariant.Primary\n /\n styleVariant?: ButtonStyleVariant\n\n /\n The color variant.\n \n @default ButtonColorVariant.Blue\n /\n colorVariant?: ButtonColorVariant\n\n /\n The handler to be executed when the button is clicked.\n /\n onClick?: MouseEventHandler\n\n /\n The handler to be executed when the mouse enters the button.\n /\n onMouseEnter?: MouseEventHandler\n\n /\n The handler to be executed when the mouse leaves the button.\n /\n onMouseLeave?: MouseEventHandler\n\n /\n The handler to be executed when the button is unfocused.\n */\n onBlur?: FocusEventHandler\n}\n\nexport default interface ButtonProps extends\n BezierComponentProps,\n SizeProps<ButtonSize>,\n DisableProps,\n SideContentProps<SideContent, SideContent>,\n React.HTMLAttributes<HTMLButtonElement>,\n ButtonOptions {}\n"],"names":["ButtonStyleVariant","ButtonColorVariant","ButtonSize"],"mappings":"IASYA,mBAMX;AAND,CAAA,UAAYA,kBAAkB,EAAA;AAC5BA,EAAAA,kBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB,CAAA;AACnBA,EAAAA,kBAAA,CAAA,WAAA,CAAA,GAAA,WAAuB,CAAA;AACvBA,EAAAA,kBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrBA,EAAAA,kBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB,CAAA;AACrBA,EAAAA,kBAAA,CAAA,aAAA,CAAA,GAAA,cAA4B,CAAA;AAC9B,CAAC,EANWA,kBAAkB,KAAlBA,kBAAkB,GAM7B,EAAA,CAAA,CAAA,CAAA;IAEWC,mBAcX;AAdD,CAAA,UAAYA,kBAAkB,EAAA;AAC5BA,EAAAA,kBAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACbA,EAAAA,kBAAA,CAAA,KAAA,CAAA,GAAA,KAAW,CAAA;AACXA,EAAAA,kBAAA,CAAA,OAAA,CAAA,GAAA,OAAe,CAAA;AACfA,EAAAA,kBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjBA,EAAAA,kBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjBA,EAAAA,kBAAA,CAAA,MAAA,CAAA,GAAA,MAAa,CAAA;AACbA,EAAAA,kBAAA,CAAA,QAAA,CAAA,GAAA,QAAiB,CAAA;AACjB;;AAEG;AACHA,EAAAA,kBAAA,CAAA,YAAA,CAAA,GAAA,YAAyB,CAAA;AACzBA,EAAAA,kBAAA,CAAA,iBAAA,CAAA,GAAA,iBAAmC,CAAA;AACnCA,EAAAA,kBAAA,CAAA,gBAAA,CAAA,GAAA,gBAAiC,CAAA;AACnC,CAAC,EAdWA,kBAAkB,KAAlBA,kBAAkB,GAc7B,EAAA,CAAA,CAAA,CAAA;IAEWC,WAMX;AAND,CAAA,UAAYA,UAAU,EAAA;AACpBA,EAAAA,UAAA,CAAA,IAAA,CAAA,GAAA,IAAS,CAAA;AACTA,EAAAA,UAAA,CAAA,GAAA,CAAA,GAAA,GAAO,CAAA;AACPA,EAAAA,UAAA,CAAA,GAAA,CAAA,GAAA,GAAO,CAAA;AACPA,EAAAA,UAAA,CAAA,GAAA,CAAA,GAAA,GAAO,CAAA;AACPA,EAAAA,UAAA,CAAA,IAAA,CAAA,GAAA,IAAS,CAAA;AACX,CAAC,EANWA,UAAU,KAAVA,UAAU,GAMrB,EAAA,CAAA,CAAA;;;;"}

package/build/src/components/ButtonGroup/ButtonGroup.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default, { forwardRef } from 'react';
+import e__default, { forwardRef } from 'react';
 import { AlphaStack } from '../AlphaStack/AlphaStack.js';
 const ButtonGroup = forwardRef(function ButtonGroup(_a, forwardedRef) {
@@ -10,7 +10,7 @@ const ButtonGroup = forwardRef(function ButtonGroup(_a, forwardedRef) {
     } = _a,
     props = __rest(_a, ["children", "justify", "withoutSpacing"]);
   const spacing = withoutSpacing ? 0 : 6;
-  return React__default.createElement(AlphaStack, Object.assign({
+  return e__default.createElement(AlphaStack, Object.assign({
     direction: "horizontal",
     spacing: spacing,
     justify: justify,

package/build/src/components/ButtonGroup/ButtonGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { AlphaStack } from '~/src/components/AlphaStack'\n\nimport type ButtonGroupProps from './ButtonGroup.types'\n\nexport const ButtonGroup = forwardRef(function ButtonGroup(\n {\n children,\n justify = 'center',\n withoutSpacing = false,\n ...props\n }: ButtonGroupProps,\n forwardedRef: React.Ref<HTMLElement>,\n) {\n const spacing = withoutSpacing ? 0 : 6\n\n return (\n <AlphaStack\n direction=\"horizontal\"\n spacing={spacing}\n justify={justify}\n ref={forwardedRef}\n role=\"group\"\n {...props}\n >\n { children }\n </AlphaStack>\n )\n})\n"],"names":["ButtonGroup","forwardRef","_a","forwardedRef","children","justify","withoutSpacing","props","__rest","spacing","React","createElement","AlphaStack","Object","assign","direction","ref","role"],"mappings":";;;;AAMO,MAAMA,WAAW,GAAGC,UAAU,CAAC,SAASD,WAAW,CACxDE,EAKmB,EACnBC,YAAoC,EAAA;EANpC,IAAA;MACEC,QAAQ;AACRC,MAAAA,OAAO,GAAG,QAAQ;AAClBC,MAAAA,cAAc,GAAG,KAAA;AAEA,KAAA,GAAAJ,EAAA;AADdK,IAAAA,KAAK,GAAAC,MAAA,CAAAN,EAAA,EAJV,yCAKC,CADS,CAAA;AAIV,EAAA,MAAMO,OAAO,GAAGH,cAAc,GAAG,CAAC,GAAG,CAAC,CAAA;EAEtC,OACEI,~~cAAA~~,CAAAC,aAAA,CAACC,UAAU,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACTC,IAAAA,SAAS,EAAC,YAAY;AACtBN,IAAAA,OAAO,EAAEA,OAAO;AAChBJ,IAAAA,OAAO,EAAEA,OAAO;AAChBW,IAAAA,GAAG,EAAEb,YAAY;AACjBc,IAAAA,IAAI,EAAC,OAAA;AAAO,GAAA,EACRV,KAAK,CAAA,EAEPH,QAAQ,CACC,CAAA;AAEjB,CAAC;;;;"}
1	+ {"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { AlphaStack } from '~/src/components/AlphaStack'\n\nimport type ButtonGroupProps from './ButtonGroup.types'\n\nexport const ButtonGroup = forwardRef(function ButtonGroup(\n {\n children,\n justify = 'center',\n withoutSpacing = false,\n ...props\n }: ButtonGroupProps,\n forwardedRef: React.Ref<HTMLElement>,\n) {\n const spacing = withoutSpacing ? 0 : 6\n\n return (\n <AlphaStack\n direction=\"horizontal\"\n spacing={spacing}\n justify={justify}\n ref={forwardedRef}\n role=\"group\"\n {...props}\n >\n { children }\n </AlphaStack>\n )\n})\n"],"names":["ButtonGroup","forwardRef","_a","forwardedRef","children","justify","withoutSpacing","props","__rest","spacing","React","createElement","AlphaStack","Object","assign","direction","ref","role"],"mappings":";;;;AAMO,MAAMA,WAAW,GAAGC,UAAU,CAAC,SAASD,WAAW,CACxDE,EAKmB,EACnBC,YAAoC,EAAA;EANpC,IAAA;MACEC,QAAQ;AACRC,MAAAA,OAAO,GAAG,QAAQ;AAClBC,MAAAA,cAAc,GAAG,KAAA;AAEA,KAAA,GAAAJ,EAAA;AADdK,IAAAA,KAAK,GAAAC,MAAA,CAAAN,EAAA,EAJV,yCAKC,CADS,CAAA;AAIV,EAAA,MAAMO,OAAO,GAAGH,cAAc,GAAG,CAAC,GAAG,CAAC,CAAA;EAEtC,OACEI,UAAA,CAAAC,aAAA,CAACC,UAAU,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACTC,IAAAA,SAAS,EAAC,YAAY;AACtBN,IAAAA,OAAO,EAAEA,OAAO;AAChBJ,IAAAA,OAAO,EAAEA,OAAO;AAChBW,IAAAA,GAAG,EAAEb,YAAY;AACjBc,IAAAA,IAAI,EAAC,OAAA;AAAO,GAAA,EACRV,KAAK,CAAA,EAEPH,QAAQ,CACC,CAAA;AAEjB,CAAC;;;;"}

package/build/src/components/Divider/Divider.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { __rest } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default, { forwardRef } from 'react';
+import e__default, { forwardRef } from 'react';
 import { Root as $89eedd556c436f6a$export$be92b6f5f03c0fe9 } from '../../../node_modules/@radix-ui/react-separator/dist/index.module.js';
 import { Divider as Divider$2 } from './Divider.styled.js';
@@ -14,11 +14,11 @@ const Divider = forwardRef((_a, forwardedRef) => {
       withoutIndent = false
     } = _a,
     rest = __rest(_a, ["testId", "orientation", "decorative", "withoutSideIndent", "withoutParallelIndent", "withoutIndent"]);
-  return React__default.createElement($89eedd556c436f6a$export$be92b6f5f03c0fe9, {
+  return e__default.createElement($89eedd556c436f6a$export$be92b6f5f03c0fe9, {
     asChild: true,
     orientation: orientation,
     decorative: decorative
-  }, React__default.createElement(Divider$2, Object.assign({
+  }, e__default.createElement(Divider$2, Object.assign({
     ref: forwardedRef,
     "data-testid": testId,
     orientation: orientation,

package/build/src/components/Divider/Divider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\n\nimport type DividerProps from './Divider.types'\n\nimport * as Styled from './Divider.styled'\n\nexport const DIVIDER_TEST_ID = 'bezier-react-divider'\n\nconst Divider = forwardRef((\n {\n testId = DIVIDER_TEST_ID,\n orientation = 'horizontal',\n decorative,\n withoutSideIndent = false,\n withoutParallelIndent = false,\n withoutIndent = false,\n ...rest\n }: DividerProps,\n forwardedRef: React.Ref<HTMLElement>,\n) => (\n <SeparatorPrimitive.Root\n asChild\n orientation={orientation}\n decorative={decorative}\n >\n <Styled.Divider\n ref={forwardedRef}\n data-testid={testId}\n orientation={orientation}\n decorative={decorative}\n withoutSideIndent={withoutSideIndent}\n withoutParallelIndent={withoutParallelIndent}\n withoutIndent={withoutIndent}\n {...rest}\n />\n </SeparatorPrimitive.Root>\n))\n\nexport default Divider\n"],"names":["DIVIDER_TEST_ID","Divider","forwardRef","_a","forwardedRef","testId","orientation","decorative","withoutSideIndent","withoutParallelIndent","withoutIndent","rest","__rest","React","createElement","SeparatorPrimitive","asChild","Styled","Object","assign","ref"],"mappings":";;;;;AAQO,MAAMA,eAAe,GAAG,uBAAsB;AAErD,MAAMC,OAAO,GAAGC,UAAU,CAAC,CACzBC,EAQe,EACfC,YAAoC,KAClC;MAVF;AACEC,MAAAA,MAAM,GAAGL,eAAe;AACxBM,MAAAA,WAAW,GAAG,YAAY;MAC1BC,UAAU;AACVC,MAAAA,iBAAiB,GAAG,KAAK;AACzBC,MAAAA,qBAAqB,GAAG,KAAK;AAC7BC,MAAAA,aAAa,GAAG,KAAA;AAAK,KAAA,GAAAP,EAER;AADVQ,IAAAA,IAAI,GAPTC,MAAA,CAAAT,EAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,uBAAA,EAAA,eAAA,CAQC,CADQ,CAAA;AAGN,EAAA,OACHU,~~cAAA~~,CAAAC,aAAA,CAACC,yCAAuB,EACtB;AAAAC,IAAAA,OAAO,EACP,IAAA;AAAAV,IAAAA,WAAW,EAAEA,WAAW;AACxBC,IAAAA,UAAU,EAAEA,UAAAA;AAAU,GAAA,EAEtBM,~~cAAA~~,CAAAC,aAAA,CAACG,SAAc,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACbC,IAAAA,GAAG,EAAEhB,YAAY;AACJ,IAAA,aAAA,EAAAC,MAAM;AACnBC,IAAAA,WAAW,EAAEA,WAAW;AACxBC,IAAAA,UAAU,EAAEA,UAAU;AACtBC,IAAAA,iBAAiB,EAAEA,iBAAiB;AACpCC,IAAAA,qBAAqB,EAAEA,qBAAqB;AAC5CC,IAAAA,aAAa,EAAEA,aAAAA;AACX,GAAA,EAAAC,IAAI,CACR,CAAA,CACsB,CAAA;AAC3B,CAAA,CAAC,CAAA;AAEF,gBAAeV,OAAO;;;;"}
1	+ {"version":3,"file":"Divider.js","sources":["../../../../src/components/Divider/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport * as SeparatorPrimitive from '@radix-ui/react-separator'\n\nimport type DividerProps from './Divider.types'\n\nimport * as Styled from './Divider.styled'\n\nexport const DIVIDER_TEST_ID = 'bezier-react-divider'\n\nconst Divider = forwardRef((\n {\n testId = DIVIDER_TEST_ID,\n orientation = 'horizontal',\n decorative,\n withoutSideIndent = false,\n withoutParallelIndent = false,\n withoutIndent = false,\n ...rest\n }: DividerProps,\n forwardedRef: React.Ref<HTMLElement>,\n) => (\n <SeparatorPrimitive.Root\n asChild\n orientation={orientation}\n decorative={decorative}\n >\n <Styled.Divider\n ref={forwardedRef}\n data-testid={testId}\n orientation={orientation}\n decorative={decorative}\n withoutSideIndent={withoutSideIndent}\n withoutParallelIndent={withoutParallelIndent}\n withoutIndent={withoutIndent}\n {...rest}\n />\n </SeparatorPrimitive.Root>\n))\n\nexport default Divider\n"],"names":["DIVIDER_TEST_ID","Divider","forwardRef","_a","forwardedRef","testId","orientation","decorative","withoutSideIndent","withoutParallelIndent","withoutIndent","rest","__rest","React","createElement","SeparatorPrimitive","asChild","Styled","Object","assign","ref"],"mappings":";;;;;AAQO,MAAMA,eAAe,GAAG,uBAAsB;AAErD,MAAMC,OAAO,GAAGC,UAAU,CAAC,CACzBC,EAQe,EACfC,YAAoC,KAClC;MAVF;AACEC,MAAAA,MAAM,GAAGL,eAAe;AACxBM,MAAAA,WAAW,GAAG,YAAY;MAC1BC,UAAU;AACVC,MAAAA,iBAAiB,GAAG,KAAK;AACzBC,MAAAA,qBAAqB,GAAG,KAAK;AAC7BC,MAAAA,aAAa,GAAG,KAAA;AAAK,KAAA,GAAAP,EAER;AADVQ,IAAAA,IAAI,GAPTC,MAAA,CAAAT,EAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,uBAAA,EAAA,eAAA,CAQC,CADQ,CAAA;AAGN,EAAA,OACHU,UAAA,CAAAC,aAAA,CAACC,yCAAuB,EACtB;AAAAC,IAAAA,OAAO,EACP,IAAA;AAAAV,IAAAA,WAAW,EAAEA,WAAW;AACxBC,IAAAA,UAAU,EAAEA,UAAAA;AAAU,GAAA,EAEtBM,UAAA,CAAAC,aAAA,CAACG,SAAc,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACbC,IAAAA,GAAG,EAAEhB,YAAY;AACJ,IAAA,aAAA,EAAAC,MAAM;AACnBC,IAAAA,WAAW,EAAEA,WAAW;AACxBC,IAAAA,UAAU,EAAEA,UAAU;AACtBC,IAAAA,iBAAiB,EAAEA,iBAAiB;AACpCC,IAAAA,qBAAqB,EAAEA,qBAAqB;AAC5CC,IAAAA,aAAa,EAAEA,aAAAA;AACX,GAAA,EAAAC,IAAI,CACR,CAAA,CACsB,CAAA;AAC3B,CAAA,CAAC,CAAA;AAEF,gBAAeV,OAAO;;;;"}

package/build/src/components/Emoji/Emoji.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import React__default, { forwardRef, useMemo } from 'react';
+import e__default, { forwardRef, useMemo } from 'react';
 import { noop } from '../../utils/functionUtils.js';
 import { EmojiSize } from './Emoji.types.js';
 import { Icon } from './Emoji.styled.js';
@@ -19,7 +19,7 @@ function Emoji({
   const mergedStyle = useMemo(() => Object.assign(Object.assign({}, backgroundImageVariable({
     imageUrl
   })), style), [style, imageUrl]);
-  return React__default.createElement(Icon, {
+  return e__default.createElement(Icon, {
     as: as,
     ref: forwardedRef,
     "data-testid": testId,

package/build/src/components/Emoji/Emoji.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Emoji.js","sources":["../../../../src/components/Emoji/Emoji.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useMemo,\n} from 'react'\n\nimport { backgroundImageVariable } from '~/src/foundation'\n\nimport { noop } from '~/src/utils/functionUtils'\n\nimport type EmojiProps from './Emoji.types'\nimport { EmojiSize } from './Emoji.types'\n\nimport { Icon } from './Emoji.styled'\n\nexport const EMOJI_TEST_ID = 'bezier-react-emoji'\n\nfunction Emoji(\n {\n as,\n style,\n imageUrl,\n className,\n name,\n interpolation,\n size = EmojiSize.Size24,\n testId = EMOJI_TEST_ID,\n onClick = noop,\n }: EmojiProps,\n forwardedRef: React.Ref<HTMLDivElement>,\n) {\n const mergedStyle = useMemo(() => ({\n ...backgroundImageVariable({ imageUrl }),\n ...style,\n }), [\n style,\n imageUrl,\n ])\n\n return (\n <Icon\n as={as}\n ref={forwardedRef}\n data-testid={testId}\n role=\"img\"\n aria-label={name}\n style={mergedStyle}\n size={size}\n className={className}\n interpolation={interpolation}\n imageUrl={imageUrl}\n onClick={onClick}\n />\n )\n}\n\nexport default forwardRef(Emoji)\n"],"names":["EMOJI_TEST_ID","Emoji","as","style","imageUrl","className","name","interpolation","size","EmojiSize","Size24","testId","onClick","noop","forwardedRef","mergedStyle","useMemo","Object","assign","backgroundImageVariable","React","Icon","ref","role","forwardRef"],"mappings":";;;;;;AAcO,MAAMA,aAAa,GAAG,qBAAoB;AAEjD,SAASC,KAAK,CACZ;EACEC,EAAE;EACFC,KAAK;EACLC,QAAQ;EACRC,SAAS;EACTC,IAAI;EACJC,aAAa;EACbC,IAAI,GAAGC,SAAS,CAACC,MAAM;AACvBC,EAAAA,MAAM,GAAGX,aAAa;AACtBY,EAAAA,OAAO,GAAGC,IAAAA;AAAI,CACH,EACbC,YAAuC,EAAA;AAEvC,EAAA,MAAMC,WAAW,GAAGC,OAAO,CAAC,MAAMC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAC,MAAA,CAAA,EAAA,EAC7BC,uBAAuB,CAAC;AAAEf,IAAAA,QAAAA;GAAU,CAAC,CACrC,EAAAD,KAAK,CACR,EAAE,CACFA,KAAK,EACLC,QAAQ,CACT,CAAC,CAAA;AAEF,EAAA,OACEgB,~~6BAACC~~,IAAI,EAAA;AACHnB,IAAAA,EAAE,EAAEA,EAAE;AACNoB,IAAAA,GAAG,EAAER,YAAY;AACJ,IAAA,aAAA,EAAAH,MAAM;AACnBY,IAAAA,IAAI,EAAC,KAAK;AACE,IAAA,YAAA,EAAAjB,IAAI;AAChBH,IAAAA,KAAK,EAAEY,WAAW;AAClBP,IAAAA,IAAI,EAAEA,IAAI;AACVH,IAAAA,SAAS,EAAEA,SAAS;AACpBE,IAAAA,aAAa,EAAEA,aAAa;AAC5BH,IAAAA,QAAQ,EAAEA,QAAQ;AAClBQ,IAAAA,OAAO,EAAEA,OAAAA;AACT,GAAA,CAAA,CAAA;AAEN,CAAA;AAEA,cAAeY,UAAU,CAACvB,KAAK,CAAC;;;;"}
1	+ {"version":3,"file":"Emoji.js","sources":["../../../../src/components/Emoji/Emoji.tsx"],"sourcesContent":["import React, {\n forwardRef,\n useMemo,\n} from 'react'\n\nimport { backgroundImageVariable } from '~/src/foundation'\n\nimport { noop } from '~/src/utils/functionUtils'\n\nimport type EmojiProps from './Emoji.types'\nimport { EmojiSize } from './Emoji.types'\n\nimport { Icon } from './Emoji.styled'\n\nexport const EMOJI_TEST_ID = 'bezier-react-emoji'\n\nfunction Emoji(\n {\n as,\n style,\n imageUrl,\n className,\n name,\n interpolation,\n size = EmojiSize.Size24,\n testId = EMOJI_TEST_ID,\n onClick = noop,\n }: EmojiProps,\n forwardedRef: React.Ref<HTMLDivElement>,\n) {\n const mergedStyle = useMemo(() => ({\n ...backgroundImageVariable({ imageUrl }),\n ...style,\n }), [\n style,\n imageUrl,\n ])\n\n return (\n <Icon\n as={as}\n ref={forwardedRef}\n data-testid={testId}\n role=\"img\"\n aria-label={name}\n style={mergedStyle}\n size={size}\n className={className}\n interpolation={interpolation}\n imageUrl={imageUrl}\n onClick={onClick}\n />\n )\n}\n\nexport default forwardRef(Emoji)\n"],"names":["EMOJI_TEST_ID","Emoji","as","style","imageUrl","className","name","interpolation","size","EmojiSize","Size24","testId","onClick","noop","forwardedRef","mergedStyle","useMemo","Object","assign","backgroundImageVariable","React","Icon","ref","role","forwardRef"],"mappings":";;;;;;AAcO,MAAMA,aAAa,GAAG,qBAAoB;AAEjD,SAASC,KAAK,CACZ;EACEC,EAAE;EACFC,KAAK;EACLC,QAAQ;EACRC,SAAS;EACTC,IAAI;EACJC,aAAa;EACbC,IAAI,GAAGC,SAAS,CAACC,MAAM;AACvBC,EAAAA,MAAM,GAAGX,aAAa;AACtBY,EAAAA,OAAO,GAAGC,IAAAA;AAAI,CACH,EACbC,YAAuC,EAAA;AAEvC,EAAA,MAAMC,WAAW,GAAGC,OAAO,CAAC,MAAMC,MAAA,CAAAC,MAAA,CAAAD,MAAA,CAAAC,MAAA,CAAA,EAAA,EAC7BC,uBAAuB,CAAC;AAAEf,IAAAA,QAAAA;GAAU,CAAC,CACrC,EAAAD,KAAK,CACR,EAAE,CACFA,KAAK,EACLC,QAAQ,CACT,CAAC,CAAA;AAEF,EAAA,OACEgB,yBAACC,IAAI,EAAA;AACHnB,IAAAA,EAAE,EAAEA,EAAE;AACNoB,IAAAA,GAAG,EAAER,YAAY;AACJ,IAAA,aAAA,EAAAH,MAAM;AACnBY,IAAAA,IAAI,EAAC,KAAK;AACE,IAAA,YAAA,EAAAjB,IAAI;AAChBH,IAAAA,KAAK,EAAEY,WAAW;AAClBP,IAAAA,IAAI,EAAEA,IAAI;AACVH,IAAAA,SAAS,EAAEA,SAAS;AACpBE,IAAAA,aAAa,EAAEA,aAAa;AAC5BH,IAAAA,QAAQ,EAAEA,QAAQ;AAClBQ,IAAAA,OAAO,EAAEA,OAAAA;AACT,GAAA,CAAA,CAAA;AAEN,CAAA;AAEA,cAAeY,UAAU,CAACvB,KAAK,CAAC;;;;"}

package/build/src/components/Forms/Checkbox/Checkbox.js CHANGED Viewed

@@ -1,13 +1,12 @@
 import { __rest } from '../../../../node_modules/tslib/tslib.es6.js';
-import React__default, { forwardRef } from 'react';
+import e__default, { forwardRef } from 'react';
+import { C as l } from '../../../../node_modules/@channel.io/bezier-icons/dist/react/check-bold.mjs.js';
+import { H as r } from '../../../../node_modules/@channel.io/bezier-icons/dist/react/hyphen-bold.mjs.js';
 import { Indicator as $e698a72e93240346$export$adb584737d712b70 } from '../../../../node_modules/@radix-ui/react-checkbox/dist/index.module.js';
 import useId from '../../../hooks/useId.js';
 import FormFieldSize from '../FormFieldSize.js';
 import useFormFieldProps from '../useFormFieldProps.js';
 import { CheckIcon as CheckIcon$1, Container, CheckboxPrimitiveRoot, Label } from './Checkbox.styled.js';
-import CheckBoldIcon from '../../Icon/generated/CheckBold.js';
-import '../../Icon/generated/index.js';
-import HyphenBoldIcon from '../../Icon/generated/HyphenBold.js';
 import { IconSize } from '../../Icon/Icon.types.js';
 /* NOTE: Props are injected at runtime by `CheckboxPrimitive.Indicator`. */
@@ -16,9 +15,9 @@ const CheckIcon = forwardRef(function CheckIcon(props, forwardedRef) {
   const state = props['data-state'];
   const isUnchecked = state === 'unchecked';
   const isIndeterminate = state === 'indeterminate';
-  return React__default.createElement(CheckIcon$1, Object.assign({
+  return e__default.createElement(CheckIcon$1, Object.assign({
     ref: forwardedRef,
-    source: !isIndeterminate ? CheckBoldIcon : HyphenBoldIcon,
+    source: !isIndeterminate ? l : r,
     size: IconSize.XS,
     color: isUnchecked ? 'bg-black-dark' : 'bgtxt-absolute-white-dark'
   }, props));
@@ -40,19 +39,19 @@ function CheckboxImpl(_a, forwardedRef) {
   const containerStyle = {
     '--bezier-checkbox-height': children ? `${FormFieldSize.M}px` : 'auto'
   };
-  return React__default.createElement(Container, {
+  return e__default.createElement(Container, {
     style: containerStyle,
     "data-disabled": formFieldProps['aria-disabled']
-  }, React__default.createElement(CheckboxPrimitiveRoot, Object.assign({
+  }, e__default.createElement(CheckboxPrimitiveRoot, Object.assign({
     ref: forwardedRef,
     id: id,
     checked: checked,
     "data-invalid": formFieldProps['aria-invalid']
-  }, formFieldProps), React__default.createElement($e698a72e93240346$export$adb584737d712b70, {
+  }, formFieldProps), e__default.createElement($e698a72e93240346$export$adb584737d712b70, {
     asChild: true,
     /* NOTE: To allow the icon to be rendered even if unchecked. */
     forceMount: true
-  }, React__default.createElement(CheckIcon, null))), children && React__default.createElement(Label, {
+  }, e__default.createElement(CheckIcon, null))), children && e__default.createElement(Label, {
     htmlFor: id
   }, children));
 }

package/build/src/components/Forms/Checkbox/Checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Forms/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\n\nimport useId from '~/src/hooks/useId'\n\nimport { FormFieldSize } from '~/src/components/Forms'\nimport useFormFieldProps from '~/src/components/Forms/useFormFieldProps'\nimport {~~\n CheckBoldIcon,\n HyphenBoldIcon,\n~~ IconSize~~,\n~~} from '~/src/components/Icon'\n\nimport {\n type CheckboxProps,\n type CheckedState,\n} from './Checkbox.types'\n\nimport * as Styled from './Checkbox.styled'\n\ntype CheckIconProps = {} \| {\n style: React.CSSProperties\n 'data-state': 'checked' \| 'unchecked' \| 'indeterminate'\n 'data-disabled': boolean \| undefined\n}\n\n/* NOTE: Props are injected at runtime by `CheckboxPrimitive.Indicator`. /\nconst CheckIcon = forwardRef<SVGSVGElement, CheckIconProps>(function CheckIcon(\n props,\n forwardedRef,\n) {\n // eslint-disable-next-line react/destructuring-assignment\n const state = props['data-state']\n const isUnchecked = state === 'unchecked'\n const isIndeterminate = state === 'indeterminate'\n\n return (\n <Styled.CheckIcon\n ref={forwardedRef}\n source={!isIndeterminate ? CheckBoldIcon : HyphenBoldIcon}\n size={IconSize.XS}\n color={isUnchecked ? 'bg-black-dark' : 'bgtxt-absolute-white-dark'}\n {...props}\n />\n )\n})\n\nfunction CheckboxImpl<Checked extends CheckedState>({\n children,\n checked,\n id: idProp,\n ...rest\n}: CheckboxProps<Checked>, forwardedRef: React.Ref<HTMLButtonElement>) {\n const {\n id: formFieldId,\n hasError,\n ...formFieldProps\n } = useFormFieldProps(rest)\n\n const id = useId(idProp ?? formFieldId, 'bezier-checkbox')\n\n const containerStyle = {\n '--bezier-checkbox-height': children ? `${FormFieldSize.M}px` : 'auto',\n } as React.CSSProperties\n\n return (\n <Styled.Container\n style={containerStyle}\n data-disabled={formFieldProps['aria-disabled']}\n >\n <Styled.CheckboxPrimitiveRoot\n ref={forwardedRef}\n id={id}\n checked={checked}\n data-invalid={formFieldProps['aria-invalid']}\n {...formFieldProps}\n >\n <CheckboxPrimitive.Indicator\n asChild\n / NOTE: To allow the icon to be rendered even if unchecked. /\n forceMount\n >\n <CheckIcon />\n </CheckboxPrimitive.Indicator>\n </Styled.CheckboxPrimitiveRoot>\n { children && (\n <Styled.Label htmlFor={id}>\n { children }\n </Styled.Label>\n ) }\n </Styled.Container>\n )\n}\n\n/\n `Checkbox` is a control that allows the user to toggle between checked and not checked.\n * It can be used with labels or standalone.\n \n @example\n \n ```tsx\n * const [checked, setChecked] = useState(false)\n * // Controlled / With label\n * <Checkbox\n * checked={checked}\n * onCheckedChange={setChecked}\n * >\n * Label\n * </Checkbox>\n * // Controlled / Standalone\n * <Checkbox\n * checked={checked}\n * onCheckedChange={setChecked}\n * />\n * // Uncontrolled\n * <Checkbox\n * defaultChecked={true}\n * >\n * Label\n * </Checkbox>\n * ```\n */\nexport const Checkbox = forwardRef(CheckboxImpl) as <Checked extends CheckedState>(\n props: CheckboxProps<Checked> & { ref?: React.ForwardedRef<HTMLButtonElement> }\n) => ReturnType<typeof CheckboxImpl<Checked>>\n"],"names":["CheckIcon","forwardRef","props","forwardedRef","state","isUnchecked","isIndeterminate","React","Styled","Object","assign","ref","source","CheckBoldIcon","HyphenBoldIcon","size","IconSize","XS","color","CheckboxImpl","_a","children","checked","id","idProp","rest","__rest","_b","useFormFieldProps","formFieldId","hasError","formFieldProps","useId","containerStyle","FormFieldSize","M","createElement","style","CheckboxPrimitive","asChild","forceMount","htmlFor","Checkbox"],"mappings":"~~;;;;;;;;;;;;~~AA2BA;AACA,MAAMA,SAAS,GAAGC,UAAU,CAAgC,SAASD,SAAS,CAC5EE,KAAK,EACLC,YAAY,EAAA;AAEZ;AACA,EAAA,MAAMC,KAAK,GAAGF,KAAK,CAAC,YAAY,CAAC,CAAA;AACjC,EAAA,MAAMG,WAAW,GAAGD,KAAK,KAAK,WAAW,CAAA;AACzC,EAAA,MAAME,eAAe,GAAGF,KAAK,KAAK,eAAe,CAAA;EAEjD,OACEG,~~6BAACC~~,WAAgB,EACfC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,GAAG,EAAER,YAAY;AACjBS,IAAAA,MAAM,EAAE,CAACN,eAAe,GAAGO,~~aAAa~~,GAAGC,~~cAAc~~;IACzDC,IAAI,EAAEC,QAAQ,CAACC,EAAE;AACjBC,IAAAA,KAAK,EAAEb,WAAW,GAAG,eAAe,GAAG,2BAAA;KACnCH,KAAK,CAAA,CACT,CAAA;AAEN,CAAC,CAAC,CAAA;AAEF,SAASiB,YAAY,CAA+BC,EAK3B,EAAEjB,YAA0C,EAAA;EALjB,IAAA;MAClDkB,QAAQ;MACRC,OAAO;AACPC,MAAAA,EAAE,EAAEC,MAAAA;AAAM,KAAA,GAAAJ,EAEa;AADpBK,IAAAA,IAAI,GAJ2CC,MAAA,CAAAN,EAAA,EAAA,CAAA,UAAA,EAAA,SAAA,EAAA,IAAA,CAKnD,CADQ,CAAA;AAEP,EAAA,MAAMO,KAIFC,iBAAiB,CAACH,IAAI,CAAC;AAJrB,IAAA;AACJF,MAAAA,EAAE,EAAEM,WAAW;AACfC,MAAAA,QAAAA;AAEyB,KAAA,GAAAH,EAAA;IADtBI,cAAc,GAHbL,MAAA,CAAAC,EAAA,EAAA,CAAA,IAAA,EAAA,UAAA,CAIL,CAA0B,CAAA;AAE3B,EAAA,MAAMJ,EAAE,GAAGS,KAAK,CAACR,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAAA,MAAM,GAAIK,WAAW,EAAE,iBAAiB,CAAC,CAAA;AAE1D,EAAA,MAAMI,cAAc,GAAG;IACrB,0BAA0B,EAAEZ,QAAQ,GAAG,CAAA,EAAGa,aAAa,CAACC,CAAC,IAAI,GAAG,MAAA;GAC1C,CAAA;AAExB,EAAA,OACE5B,~~cAAA~~,CAAA6B,aAAA,CAAC5B,SAAgB,EAAA;AACf6B,IAAAA,KAAK,EAAEJ,cAAc;IAAA,eAAA,EACNF,cAAc,CAAC,eAAe,CAAA;AAAC,GAAA,EAE9CxB,~~cAAC~~,CAAA6B,aAAA,CAAA5B,qBAA4B,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAC3BC,IAAAA,GAAG,EAAER,YAAY;AACjBoB,IAAAA,EAAE,EAAEA,EAAE;AACND,IAAAA,OAAO,EAAEA,OAAO;IAAA,cAAA,EACFS,cAAc,CAAC,cAAc,CAAA;GAAC,EACxCA,cAAc,CAAA,EAElBxB,~~cAAA~~,CAAA6B,aAAA,CAACE,yCAA2B,EAAA;AAC1BC,IAAAA,OAAO,EAAA,IAAA;AACP;AACAC,IAAAA,UAAU,EAAA,IAAA;GAAA,EAEVjC,~~cAAC~~,CAAA6B,aAAA,CAAApC,SAAS,EAAG,IAAA,CAAA,CACe,CACD,EAC7BqB,QAAQ,IACRd,~~cAAA~~,CAAA6B,aAAA,CAAC5B,KAAY,EAAC;AAAAiC,IAAAA,OAAO,EAAElB,EAAAA;KACnBF,QAAQ,CAEb,CACgB,CAAA;AAEvB,CAAA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BG;MACUqB,QAAQ,GAAGzC,UAAU,CAACkB,YAAY;;;;"}
1	+ {"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Forms/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport {\n CheckBoldIcon,\n HyphenBoldIcon,\n} from '@channel.io/bezier-icons'\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox'\n\nimport useId from '~/src/hooks/useId'\n\nimport { FormFieldSize } from '~/src/components/Forms'\nimport useFormFieldProps from '~/src/components/Forms/useFormFieldProps'\nimport { IconSize } from '~/src/components/Icon'\n\nimport {\n type CheckboxProps,\n type CheckedState,\n} from './Checkbox.types'\n\nimport * as Styled from './Checkbox.styled'\n\ntype CheckIconProps = {} \| {\n style: React.CSSProperties\n 'data-state': 'checked' \| 'unchecked' \| 'indeterminate'\n 'data-disabled': boolean \| undefined\n}\n\n/* NOTE: Props are injected at runtime by `CheckboxPrimitive.Indicator`. /\nconst CheckIcon = forwardRef<SVGSVGElement, CheckIconProps>(function CheckIcon(\n props,\n forwardedRef,\n) {\n // eslint-disable-next-line react/destructuring-assignment\n const state = props['data-state']\n const isUnchecked = state === 'unchecked'\n const isIndeterminate = state === 'indeterminate'\n\n return (\n <Styled.CheckIcon\n ref={forwardedRef}\n source={!isIndeterminate ? CheckBoldIcon : HyphenBoldIcon}\n size={IconSize.XS}\n color={isUnchecked ? 'bg-black-dark' : 'bgtxt-absolute-white-dark'}\n {...props}\n />\n )\n})\n\nfunction CheckboxImpl<Checked extends CheckedState>({\n children,\n checked,\n id: idProp,\n ...rest\n}: CheckboxProps<Checked>, forwardedRef: React.Ref<HTMLButtonElement>) {\n const {\n id: formFieldId,\n hasError,\n ...formFieldProps\n } = useFormFieldProps(rest)\n\n const id = useId(idProp ?? formFieldId, 'bezier-checkbox')\n\n const containerStyle = {\n '--bezier-checkbox-height': children ? `${FormFieldSize.M}px` : 'auto',\n } as React.CSSProperties\n\n return (\n <Styled.Container\n style={containerStyle}\n data-disabled={formFieldProps['aria-disabled']}\n >\n <Styled.CheckboxPrimitiveRoot\n ref={forwardedRef}\n id={id}\n checked={checked}\n data-invalid={formFieldProps['aria-invalid']}\n {...formFieldProps}\n >\n <CheckboxPrimitive.Indicator\n asChild\n / NOTE: To allow the icon to be rendered even if unchecked. /\n forceMount\n >\n <CheckIcon />\n </CheckboxPrimitive.Indicator>\n </Styled.CheckboxPrimitiveRoot>\n { children && (\n <Styled.Label htmlFor={id}>\n { children }\n </Styled.Label>\n ) }\n </Styled.Container>\n )\n}\n\n/\n `Checkbox` is a control that allows the user to toggle between checked and not checked.\n * It can be used with labels or standalone.\n \n @example\n \n ```tsx\n * const [checked, setChecked] = useState(false)\n * // Controlled / With label\n * <Checkbox\n * checked={checked}\n * onCheckedChange={setChecked}\n * >\n * Label\n * </Checkbox>\n * // Controlled / Standalone\n * <Checkbox\n * checked={checked}\n * onCheckedChange={setChecked}\n * />\n * // Uncontrolled\n * <Checkbox\n * defaultChecked={true}\n * >\n * Label\n * </Checkbox>\n * ```\n */\nexport const Checkbox = forwardRef(CheckboxImpl) as <Checked extends CheckedState>(\n props: CheckboxProps<Checked> & { ref?: React.ForwardedRef<HTMLButtonElement> }\n) => ReturnType<typeof CheckboxImpl<Checked>>\n"],"names":["CheckIcon","forwardRef","props","forwardedRef","state","isUnchecked","isIndeterminate","React","Styled","Object","assign","ref","source","CheckBoldIcon","HyphenBoldIcon","size","IconSize","XS","color","CheckboxImpl","_a","children","checked","id","idProp","rest","__rest","_b","useFormFieldProps","formFieldId","hasError","formFieldProps","useId","containerStyle","FormFieldSize","M","createElement","style","CheckboxPrimitive","asChild","forceMount","htmlFor","Checkbox"],"mappings":";;;;;;;;;;;AA2BA;AACA,MAAMA,SAAS,GAAGC,UAAU,CAAgC,SAASD,SAAS,CAC5EE,KAAK,EACLC,YAAY,EAAA;AAEZ;AACA,EAAA,MAAMC,KAAK,GAAGF,KAAK,CAAC,YAAY,CAAC,CAAA;AACjC,EAAA,MAAMG,WAAW,GAAGD,KAAK,KAAK,WAAW,CAAA;AACzC,EAAA,MAAME,eAAe,GAAGF,KAAK,KAAK,eAAe,CAAA;EAEjD,OACEG,yBAACC,WAAgB,EACfC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,GAAG,EAAER,YAAY;AACjBS,IAAAA,MAAM,EAAE,CAACN,eAAe,GAAGO,CAAa,GAAGC,CAAc;IACzDC,IAAI,EAAEC,QAAQ,CAACC,EAAE;AACjBC,IAAAA,KAAK,EAAEb,WAAW,GAAG,eAAe,GAAG,2BAAA;KACnCH,KAAK,CAAA,CACT,CAAA;AAEN,CAAC,CAAC,CAAA;AAEF,SAASiB,YAAY,CAA+BC,EAK3B,EAAEjB,YAA0C,EAAA;EALjB,IAAA;MAClDkB,QAAQ;MACRC,OAAO;AACPC,MAAAA,EAAE,EAAEC,MAAAA;AAAM,KAAA,GAAAJ,EAEa;AADpBK,IAAAA,IAAI,GAJ2CC,MAAA,CAAAN,EAAA,EAAA,CAAA,UAAA,EAAA,SAAA,EAAA,IAAA,CAKnD,CADQ,CAAA;AAEP,EAAA,MAAMO,KAIFC,iBAAiB,CAACH,IAAI,CAAC;AAJrB,IAAA;AACJF,MAAAA,EAAE,EAAEM,WAAW;AACfC,MAAAA,QAAAA;AAEyB,KAAA,GAAAH,EAAA;IADtBI,cAAc,GAHbL,MAAA,CAAAC,EAAA,EAAA,CAAA,IAAA,EAAA,UAAA,CAIL,CAA0B,CAAA;AAE3B,EAAA,MAAMJ,EAAE,GAAGS,KAAK,CAACR,MAAM,KAAN,IAAA,IAAAA,MAAM,KAAN,KAAA,CAAA,GAAAA,MAAM,GAAIK,WAAW,EAAE,iBAAiB,CAAC,CAAA;AAE1D,EAAA,MAAMI,cAAc,GAAG;IACrB,0BAA0B,EAAEZ,QAAQ,GAAG,CAAA,EAAGa,aAAa,CAACC,CAAC,IAAI,GAAG,MAAA;GAC1C,CAAA;AAExB,EAAA,OACE5B,UAAA,CAAA6B,aAAA,CAAC5B,SAAgB,EAAA;AACf6B,IAAAA,KAAK,EAAEJ,cAAc;IAAA,eAAA,EACNF,cAAc,CAAC,eAAe,CAAA;AAAC,GAAA,EAE9CxB,UAAC,CAAA6B,aAAA,CAAA5B,qBAA4B,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAC3BC,IAAAA,GAAG,EAAER,YAAY;AACjBoB,IAAAA,EAAE,EAAEA,EAAE;AACND,IAAAA,OAAO,EAAEA,OAAO;IAAA,cAAA,EACFS,cAAc,CAAC,cAAc,CAAA;GAAC,EACxCA,cAAc,CAAA,EAElBxB,UAAA,CAAA6B,aAAA,CAACE,yCAA2B,EAAA;AAC1BC,IAAAA,OAAO,EAAA,IAAA;AACP;AACAC,IAAAA,UAAU,EAAA,IAAA;GAAA,EAEVjC,UAAC,CAAA6B,aAAA,CAAApC,SAAS,EAAG,IAAA,CAAA,CACe,CACD,EAC7BqB,QAAQ,IACRd,UAAA,CAAA6B,aAAA,CAAC5B,KAAY,EAAC;AAAAiC,IAAAA,OAAO,EAAElB,EAAAA;KACnBF,QAAQ,CAEb,CACgB,CAAA;AAEvB,CAAA;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BG;MACUqB,QAAQ,GAAGzC,UAAU,CAACkB,YAAY;;;;"}

package/build/src/components/Forms/FormControl/FormControl.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { __rest } from '../../../../node_modules/tslib/tslib.es6.js';
-import React__default, { forwardRef, useState, useMemo, useCallback } from 'react';
+import e__default, { forwardRef, useState, useMemo, useCallback } from 'react';
 import useId from '../../../hooks/useId.js';
 import { pickBezierComponentProps, omitBezierComponentProps } from '../../../utils/propsUtils.js';
 import { isNil } from '../../../utils/typeUtils.js';
@@ -19,14 +19,14 @@ const Container = forwardRef(function Container(_a, forwardedRef) {
     rest = __rest(_a, ["labelPosition", "children", "testId"]);
   switch (labelPosition) {
     case 'top':
-      return React__default.createElement(AlphaStack, Object.assign({
+      return e__default.createElement(AlphaStack, Object.assign({
         ref: forwardedRef,
         direction: "vertical",
         testId: testId
       }, rest), children);
     case 'left':
     default:
-      return React__default.createElement(Grid, Object.assign({
+      return e__default.createElement(Grid, Object.assign({
         ref: forwardedRef,
         "data-testid": testId
       }, rest), children);
@@ -107,9 +107,9 @@ const FormControl = forwardRef(function FormControl(_a, forwardedRef) {
   if (!children) {
     return null;
   }
-  return React__default.createElement(FormControlContext.Provider, {
+  return e__default.createElement(FormControlContext.Provider, {
     value: contextValue
-  }, React__default.createElement(Container, Object.assign({}, bezierProps, {
+  }, e__default.createElement(Container, Object.assign({}, bezierProps, {
     ref: forwardedRef,
     style: containerStyle,
     testId: testId,