@channel.io/bezier-react 2.4.0 → 2.5.0

package/dist/esm/types/props-helpers.mjs

@@ -47,6 +47,7 @@ const splitByLayoutProps = ({
   right,
   bottom,
   left,
+  basis,
   shrink,
   grow,
   backgroundColor,
@@ -83,6 +84,7 @@ const splitByLayoutProps = ({
   right,
   bottom,
   left,
+  basis,
   shrink,
   grow,
   backgroundColor,
@@ -148,6 +150,7 @@ const getLayoutStyles = ({
   right,
   bottom,
   left,
+  basis,
   shrink,
   grow,
   backgroundColor,
@@ -183,6 +186,7 @@ const getLayoutStyles = ({
     '--b-right': cssDimension(right),
     '--b-bottom': cssDimension(bottom),
     '--b-left': cssDimension(left),
+    '--b-basis': cssDimension(basis),
     '--b-shrink': shrink,
     '--b-grow': grow,
     '--b-background-color': tokenCssVar(backgroundColor),

package/dist/esm/types/props-helpers.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"props-helpers.mjs","sources":["../../../src/types/props-helpers.ts"],"sourcesContent":["import classNames from 'classnames'\n\nimport {\n  type FormFieldSize,\n  type LayoutProps,\n  type MarginProps,\n} from '~/src/types/props'\nimport { type Elevation, type Radius, type ZIndex } from '~/src/types/tokens'\nimport { cssDimension, tokenCssVar } from '~/src/utils/style'\n\n// NOTE: 'typescript-plugin-css-modules' does not support path alias\n/* eslint-disable no-restricted-imports */\nimport elevationStyles from '../styles/components/elevation.module.scss'\nimport formFieldSizeStyles from '../styles/components/form-field-size.module.scss'\nimport layoutStyles from '../styles/components/layout.module.scss'\nimport marginStyles from '../styles/components/margin.module.scss'\nimport radiusStyles from '../styles/components/radius.module.scss'\nimport zIndexStyles from '../styles/components/z-index.module.scss'\n/* eslint-enable no-restricted-imports */\n\nexport const splitByMarginProps = <Props extends MarginProps>({\n  margin,\n  marginHorizontal,\n  marginVertical,\n  marginTop,\n  marginRight,\n  marginBottom,\n  marginLeft,\n  ...rest\n}: Props): [MarginProps, Omit<Props, keyof MarginProps>] => [\n  {\n    margin,\n    marginHorizontal,\n    marginVertical,\n    marginTop,\n    marginRight,\n    marginBottom,\n    marginLeft,\n  },\n  rest,\n]\n\nexport const splitByLayoutProps = <Props extends LayoutProps>({\n  padding,\n  paddingHorizontal,\n  paddingVertical,\n  paddingTop,\n  paddingRight,\n  paddingBottom,\n  paddingLeft,\n  width,\n  height,\n  maxWidth,\n  minWidth,\n  maxHeight,\n  minHeight,\n  position,\n  inset,\n  top,\n  right,\n  bottom,\n  left,\n  shrink,\n  grow,\n  backgroundColor,\n  borderColor,\n  borderRadius,\n  borderWidth,\n  borderTopWidth,\n  borderRightWidth,\n  borderBottomWidth,\n  borderLeftWidth,\n  elevation,\n  zIndex,\n  overflow,\n  overflowX,\n  overflowY,\n  ...rest\n}: Props): [LayoutProps, Omit<Props, keyof LayoutProps>] => [\n  {\n    padding,\n    paddingHorizontal,\n    paddingVertical,\n    paddingTop,\n    paddingRight,\n    paddingBottom,\n    paddingLeft,\n    width,\n    height,\n    maxWidth,\n    minWidth,\n    maxHeight,\n    minHeight,\n    position,\n    inset,\n    top,\n    right,\n    bottom,\n    left,\n    shrink,\n    grow,\n    backgroundColor,\n    borderColor,\n    borderRadius,\n    borderWidth,\n    borderTopWidth,\n    borderRightWidth,\n    borderBottomWidth,\n    borderLeftWidth,\n    elevation,\n    zIndex,\n    overflow,\n    overflowX,\n    overflowY,\n  },\n  rest,\n]\n\nfunction getElevationClassName(elevation: Elevation) {\n  return elevationStyles[`elevation-${elevation}`]\n}\n\nfunction getRadiusClassName(radius: Radius) {\n  return radiusStyles[`radius-${radius}`]\n}\n\nexport function getZIndexClassName(zIndex: ZIndex) {\n  return zIndexStyles[`z-index-${zIndex}`]\n}\n\nexport const getMarginStyles = ({\n  margin,\n  marginHorizontal,\n  marginVertical,\n  marginTop,\n  marginRight,\n  marginBottom,\n  marginLeft,\n}: MarginProps) => ({\n  style: {\n    '--b-margin': cssDimension(margin),\n    '--b-margin-horizontal': cssDimension(marginHorizontal),\n    '--b-margin-vertical': cssDimension(marginVertical),\n    '--b-margin-top': cssDimension(marginTop),\n    '--b-margin-right': cssDimension(marginRight),\n    '--b-margin-bottom': cssDimension(marginBottom),\n    '--b-margin-left': cssDimension(marginLeft),\n  },\n  className: marginStyles.margin,\n})\n\nexport const getLayoutStyles = ({\n  padding,\n  paddingHorizontal,\n  paddingVertical,\n  paddingTop,\n  paddingRight,\n  paddingBottom,\n  paddingLeft,\n  width,\n  height,\n  maxWidth,\n  minWidth,\n  maxHeight,\n  minHeight,\n  position,\n  inset,\n  top,\n  right,\n  bottom,\n  left,\n  shrink,\n  grow,\n  backgroundColor,\n  borderColor,\n  borderRadius,\n  borderWidth,\n  borderTopWidth,\n  borderRightWidth,\n  borderBottomWidth,\n  borderLeftWidth,\n  elevation,\n  zIndex,\n  overflow,\n  overflowX,\n  overflowY,\n}: LayoutProps) => ({\n  style: {\n    '--b-padding': cssDimension(padding),\n    '--b-padding-horizontal': cssDimension(paddingHorizontal),\n    '--b-padding-vertical': cssDimension(paddingVertical),\n    '--b-padding-top': cssDimension(paddingTop),\n    '--b-padding-right': cssDimension(paddingRight),\n    '--b-padding-bottom': cssDimension(paddingBottom),\n    '--b-padding-left': cssDimension(paddingLeft),\n    '--b-width': cssDimension(width),\n    '--b-height': cssDimension(height),\n    '--b-max-width': cssDimension(maxWidth),\n    '--b-min-width': cssDimension(minWidth),\n    '--b-max-height': cssDimension(maxHeight),\n    '--b-min-height': cssDimension(minHeight),\n    '--b-inset': cssDimension(inset),\n    '--b-top': cssDimension(top),\n    '--b-right': cssDimension(right),\n    '--b-bottom': cssDimension(bottom),\n    '--b-left': cssDimension(left),\n    '--b-shrink': shrink,\n    '--b-grow': grow,\n    '--b-background-color': tokenCssVar(backgroundColor),\n    '--b-border-color': tokenCssVar(borderColor),\n    '--b-border-width': cssDimension(borderWidth),\n    '--b-border-top-width': cssDimension(borderTopWidth),\n    '--b-border-right-width': cssDimension(borderRightWidth),\n    '--b-border-bottom-width': cssDimension(borderBottomWidth),\n    '--b-border-left-width': cssDimension(borderLeftWidth),\n  },\n  className: classNames(\n    layoutStyles.layout,\n    position && layoutStyles[`position-${position}`],\n    overflow && layoutStyles[`overflow-${overflow}`],\n    overflowX && layoutStyles[`overflow-x-${overflowX}`],\n    overflowY && layoutStyles[`overflow-y-${overflowY}`],\n    elevation && getElevationClassName(elevation),\n    borderRadius && getRadiusClassName(borderRadius),\n    zIndex && getZIndexClassName(zIndex)\n  ),\n})\n\nexport function getFormFieldSizeClassName(size: FormFieldSize) {\n  return formFieldSizeStyles[`size-${size}`]\n}\n"],"names":["splitByMarginProps","margin","marginHorizontal","marginVertical","marginTop","marginRight","marginBottom","marginLeft","rest","splitByLayoutProps","padding","paddingHorizontal","paddingVertical","paddingTop","paddingRight","paddingBottom","paddingLeft","width","height","maxWidth","minWidth","maxHeight","minHeight","position","inset","top","right","bottom","left","shrink","grow","backgroundColor","borderColor","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","elevation","zIndex","overflow","overflowX","overflowY","getElevationClassName","elevationStyles","getRadiusClassName","radius","radiusStyles","getZIndexClassName","zIndexStyles","getMarginStyles","style","cssDimension","className","marginStyles","getLayoutStyles","tokenCssVar","classNames","layoutStyles","layout","getFormFieldSizeClassName","size","formFieldSizeStyles"],"mappings":"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"}
+{"version":3,"file":"props-helpers.mjs","sources":["../../../src/types/props-helpers.ts"],"sourcesContent":["import classNames from 'classnames'\n\nimport {\n  type FormFieldSize,\n  type LayoutProps,\n  type MarginProps,\n} from '~/src/types/props'\nimport { type Elevation, type Radius, type ZIndex } from '~/src/types/tokens'\nimport { cssDimension, tokenCssVar } from '~/src/utils/style'\n\n// NOTE: 'typescript-plugin-css-modules' does not support path alias\n/* eslint-disable no-restricted-imports */\nimport elevationStyles from '../styles/components/elevation.module.scss'\nimport formFieldSizeStyles from '../styles/components/form-field-size.module.scss'\nimport layoutStyles from '../styles/components/layout.module.scss'\nimport marginStyles from '../styles/components/margin.module.scss'\nimport radiusStyles from '../styles/components/radius.module.scss'\nimport zIndexStyles from '../styles/components/z-index.module.scss'\n/* eslint-enable no-restricted-imports */\n\nexport const splitByMarginProps = <Props extends MarginProps>({\n  margin,\n  marginHorizontal,\n  marginVertical,\n  marginTop,\n  marginRight,\n  marginBottom,\n  marginLeft,\n  ...rest\n}: Props): [MarginProps, Omit<Props, keyof MarginProps>] => [\n  {\n    margin,\n    marginHorizontal,\n    marginVertical,\n    marginTop,\n    marginRight,\n    marginBottom,\n    marginLeft,\n  },\n  rest,\n]\n\nexport const splitByLayoutProps = <Props extends LayoutProps>({\n  padding,\n  paddingHorizontal,\n  paddingVertical,\n  paddingTop,\n  paddingRight,\n  paddingBottom,\n  paddingLeft,\n  width,\n  height,\n  maxWidth,\n  minWidth,\n  maxHeight,\n  minHeight,\n  position,\n  inset,\n  top,\n  right,\n  bottom,\n  left,\n  basis,\n  shrink,\n  grow,\n  backgroundColor,\n  borderColor,\n  borderRadius,\n  borderWidth,\n  borderTopWidth,\n  borderRightWidth,\n  borderBottomWidth,\n  borderLeftWidth,\n  elevation,\n  zIndex,\n  overflow,\n  overflowX,\n  overflowY,\n  ...rest\n}: Props): [LayoutProps, Omit<Props, keyof LayoutProps>] => [\n  {\n    padding,\n    paddingHorizontal,\n    paddingVertical,\n    paddingTop,\n    paddingRight,\n    paddingBottom,\n    paddingLeft,\n    width,\n    height,\n    maxWidth,\n    minWidth,\n    maxHeight,\n    minHeight,\n    position,\n    inset,\n    top,\n    right,\n    bottom,\n    left,\n    basis,\n    shrink,\n    grow,\n    backgroundColor,\n    borderColor,\n    borderRadius,\n    borderWidth,\n    borderTopWidth,\n    borderRightWidth,\n    borderBottomWidth,\n    borderLeftWidth,\n    elevation,\n    zIndex,\n    overflow,\n    overflowX,\n    overflowY,\n  },\n  rest,\n]\n\nfunction getElevationClassName(elevation: Elevation) {\n  return elevationStyles[`elevation-${elevation}`]\n}\n\nfunction getRadiusClassName(radius: Radius) {\n  return radiusStyles[`radius-${radius}`]\n}\n\nexport function getZIndexClassName(zIndex: ZIndex) {\n  return zIndexStyles[`z-index-${zIndex}`]\n}\n\nexport const getMarginStyles = ({\n  margin,\n  marginHorizontal,\n  marginVertical,\n  marginTop,\n  marginRight,\n  marginBottom,\n  marginLeft,\n}: MarginProps) => ({\n  style: {\n    '--b-margin': cssDimension(margin),\n    '--b-margin-horizontal': cssDimension(marginHorizontal),\n    '--b-margin-vertical': cssDimension(marginVertical),\n    '--b-margin-top': cssDimension(marginTop),\n    '--b-margin-right': cssDimension(marginRight),\n    '--b-margin-bottom': cssDimension(marginBottom),\n    '--b-margin-left': cssDimension(marginLeft),\n  },\n  className: marginStyles.margin,\n})\n\nexport const getLayoutStyles = ({\n  padding,\n  paddingHorizontal,\n  paddingVertical,\n  paddingTop,\n  paddingRight,\n  paddingBottom,\n  paddingLeft,\n  width,\n  height,\n  maxWidth,\n  minWidth,\n  maxHeight,\n  minHeight,\n  position,\n  inset,\n  top,\n  right,\n  bottom,\n  left,\n  basis,\n  shrink,\n  grow,\n  backgroundColor,\n  borderColor,\n  borderRadius,\n  borderWidth,\n  borderTopWidth,\n  borderRightWidth,\n  borderBottomWidth,\n  borderLeftWidth,\n  elevation,\n  zIndex,\n  overflow,\n  overflowX,\n  overflowY,\n}: LayoutProps) => ({\n  style: {\n    '--b-padding': cssDimension(padding),\n    '--b-padding-horizontal': cssDimension(paddingHorizontal),\n    '--b-padding-vertical': cssDimension(paddingVertical),\n    '--b-padding-top': cssDimension(paddingTop),\n    '--b-padding-right': cssDimension(paddingRight),\n    '--b-padding-bottom': cssDimension(paddingBottom),\n    '--b-padding-left': cssDimension(paddingLeft),\n    '--b-width': cssDimension(width),\n    '--b-height': cssDimension(height),\n    '--b-max-width': cssDimension(maxWidth),\n    '--b-min-width': cssDimension(minWidth),\n    '--b-max-height': cssDimension(maxHeight),\n    '--b-min-height': cssDimension(minHeight),\n    '--b-inset': cssDimension(inset),\n    '--b-top': cssDimension(top),\n    '--b-right': cssDimension(right),\n    '--b-bottom': cssDimension(bottom),\n    '--b-left': cssDimension(left),\n    '--b-basis': cssDimension(basis),\n    '--b-shrink': shrink,\n    '--b-grow': grow,\n    '--b-background-color': tokenCssVar(backgroundColor),\n    '--b-border-color': tokenCssVar(borderColor),\n    '--b-border-width': cssDimension(borderWidth),\n    '--b-border-top-width': cssDimension(borderTopWidth),\n    '--b-border-right-width': cssDimension(borderRightWidth),\n    '--b-border-bottom-width': cssDimension(borderBottomWidth),\n    '--b-border-left-width': cssDimension(borderLeftWidth),\n  },\n  className: classNames(\n    layoutStyles.layout,\n    position && layoutStyles[`position-${position}`],\n    overflow && layoutStyles[`overflow-${overflow}`],\n    overflowX && layoutStyles[`overflow-x-${overflowX}`],\n    overflowY && layoutStyles[`overflow-y-${overflowY}`],\n    elevation && getElevationClassName(elevation),\n    borderRadius && getRadiusClassName(borderRadius),\n    zIndex && getZIndexClassName(zIndex)\n  ),\n})\n\nexport function getFormFieldSizeClassName(size: FormFieldSize) {\n  return formFieldSizeStyles[`size-${size}`]\n}\n"],"names":["splitByMarginProps","margin","marginHorizontal","marginVertical","marginTop","marginRight","marginBottom","marginLeft","rest","splitByLayoutProps","padding","paddingHorizontal","paddingVertical","paddingTop","paddingRight","paddingBottom","paddingLeft","width","height","maxWidth","minWidth","maxHeight","minHeight","position","inset","top","right","bottom","left","basis","shrink","grow","backgroundColor","borderColor","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","elevation","zIndex","overflow","overflowX","overflowY","getElevationClassName","elevationStyles","getRadiusClassName","radius","radiusStyles","getZIndexClassName","zIndexStyles","getMarginStyles","style","cssDimension","className","marginStyles","getLayoutStyles","tokenCssVar","classNames","layoutStyles","layout","getFormFieldSizeClassName","size","formFieldSizeStyles"],"mappings":"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"}

package/dist/types/components/LegacyIcon/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/LegacyIcon/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAS,MAAM,0BAA0B,CAAA;AAE/D;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,SAAU,GAAG,KAAG,IAAI,IAAI,QACZ,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/LegacyIcon/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,QAAQ,EAAS,MAAM,0BAA0B,CAAA;AAI/D;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,UAAU,SAAU,GAAG,KAAG,IAAI,IAAI,QAA+B,CAAA"}

package/dist/types/types/props-helpers.d.ts

@@ -1,7 +1,7 @@
 import { type FormFieldSize, type LayoutProps, type MarginProps } from "./props";
 import { type ZIndex } from "./tokens";
 export declare const splitByMarginProps: <Props extends MarginProps>({ margin, marginHorizontal, marginVertical, marginTop, marginRight, marginBottom, marginLeft, ...rest }: Props) => [MarginProps, Omit<Props, keyof MarginProps>];
-export declare const splitByLayoutProps: <Props extends LayoutProps>({ padding, paddingHorizontal, paddingVertical, paddingTop, paddingRight, paddingBottom, paddingLeft, width, height, maxWidth, minWidth, maxHeight, minHeight, position, inset, top, right, bottom, left, shrink, grow, backgroundColor, borderColor, borderRadius, borderWidth, borderTopWidth, borderRightWidth, borderBottomWidth, borderLeftWidth, elevation, zIndex, overflow, overflowX, overflowY, ...rest }: Props) => [LayoutProps, Omit<Props, keyof LayoutProps>];
+export declare const splitByLayoutProps: <Props extends LayoutProps>({ padding, paddingHorizontal, paddingVertical, paddingTop, paddingRight, paddingBottom, paddingLeft, width, height, maxWidth, minWidth, maxHeight, minHeight, position, inset, top, right, bottom, left, basis, shrink, grow, backgroundColor, borderColor, borderRadius, borderWidth, borderTopWidth, borderRightWidth, borderBottomWidth, borderLeftWidth, elevation, zIndex, overflow, overflowX, overflowY, ...rest }: Props) => [LayoutProps, Omit<Props, keyof LayoutProps>];
 export declare function getZIndexClassName(zIndex: ZIndex): string;
 export declare const getMarginStyles: ({ margin, marginHorizontal, marginVertical, marginTop, marginRight, marginBottom, marginLeft, }: MarginProps) => {
     style: {
@@ -15,7 +15,7 @@ export declare const getMarginStyles: ({ margin, marginHorizontal, marginVertica
     };
     className: string;
 };
-export declare const getLayoutStyles: ({ padding, paddingHorizontal, paddingVertical, paddingTop, paddingRight, paddingBottom, paddingLeft, width, height, maxWidth, minWidth, maxHeight, minHeight, position, inset, top, right, bottom, left, shrink, grow, backgroundColor, borderColor, borderRadius, borderWidth, borderTopWidth, borderRightWidth, borderBottomWidth, borderLeftWidth, elevation, zIndex, overflow, overflowX, overflowY, }: LayoutProps) => {
+export declare const getLayoutStyles: ({ padding, paddingHorizontal, paddingVertical, paddingTop, paddingRight, paddingBottom, paddingLeft, width, height, maxWidth, minWidth, maxHeight, minHeight, position, inset, top, right, bottom, left, basis, shrink, grow, backgroundColor, borderColor, borderRadius, borderWidth, borderTopWidth, borderRightWidth, borderBottomWidth, borderLeftWidth, elevation, zIndex, overflow, overflowX, overflowY, }: LayoutProps) => {
     style: {
         '--b-padding': string | 0 | undefined;
         '--b-padding-horizontal': string | 0 | undefined;
@@ -35,6 +35,7 @@ export declare const getLayoutStyles: ({ padding, paddingHorizontal, paddingVert
         '--b-right': string | 0 | undefined;
         '--b-bottom': string | 0 | undefined;
         '--b-left': string | 0 | undefined;
+        '--b-basis': string | 0 | undefined;
         '--b-shrink': import("csstype").Property.FlexShrink | undefined;
         '--b-grow': import("csstype").Property.FlexGrow | undefined;
         '--b-background-color': "var(--undefined)" | "var(--bg-white-high)" | "var(--bg-white-normal)" | "var(--bg-white-low)" | "var(--bg-white-dim-dark)" | "var(--bg-white-dim-light)" | "var(--bg-gnb)" | "var(--bg-navi)" | "var(--bg-header)" | "var(--bg-header-float)" | "var(--bg-lounge)" | "var(--bg-black-darkest)" | "var(--bg-black-darker)" | "var(--bg-black-dark)" | "var(--bg-black-light)" | "var(--bg-black-lighter)" | "var(--bg-black-lightest)" | "var(--bg-grey-darkest)" | "var(--bg-grey-dark)" | "var(--bg-grey-dim-lightest)" | "var(--bg-grey-light)" | "var(--bg-grey-lighter)" | "var(--bg-grey-lightest)" | "var(--bgtxt-blue-dark)" | "var(--bgtxt-blue-normal)" | "var(--bgtxt-blue-light)" | "var(--bgtxt-blue-lighter)" | "var(--bgtxt-blue-lightest)" | "var(--bgtxt-cobalt-dark)" | "var(--bgtxt-cobalt-normal)" | "var(--bgtxt-cobalt-light)" | "var(--bgtxt-cobalt-lighter)" | "var(--bgtxt-cobalt-lightest)" | "var(--bgtxt-teal-dark)" | "var(--bgtxt-teal-normal)" | "var(--bgtxt-teal-light)" | "var(--bgtxt-teal-lighter)" | "var(--bgtxt-teal-lightest)" | "var(--bgtxt-green-dark)" | "var(--bgtxt-green-normal)" | "var(--bgtxt-green-light)" | "var(--bgtxt-green-lighter)" | "var(--bgtxt-green-lightest)" | "var(--bgtxt-olive-dark)" | "var(--bgtxt-olive-normal)" | "var(--bgtxt-olive-light)" | "var(--bgtxt-olive-lighter)" | "var(--bgtxt-olive-lightest)" | "var(--bgtxt-yellow-dark)" | "var(--bgtxt-yellow-normal)" | "var(--bgtxt-yellow-light)" | "var(--bgtxt-yellow-lighter)" | "var(--bgtxt-yellow-lightest)" | "var(--bgtxt-orange-dark)" | "var(--bgtxt-orange-normal)" | "var(--bgtxt-orange-light)" | "var(--bgtxt-orange-lighter)" | "var(--bgtxt-orange-lightest)" | "var(--bgtxt-red-dark)" | "var(--bgtxt-red-normal)" | "var(--bgtxt-red-light)" | "var(--bgtxt-red-lighter)" | "var(--bgtxt-red-lightest)" | "var(--bgtxt-pink-dark)" | "var(--bgtxt-pink-normal)" | "var(--bgtxt-pink-light)" | "var(--bgtxt-pink-lighter)" | "var(--bgtxt-pink-lightest)" | "var(--bgtxt-purple-dark)" | "var(--bgtxt-purple-normal)" | "var(--bgtxt-purple-light)" | "var(--bgtxt-purple-lighter)" | "var(--bgtxt-purple-lightest)" | "var(--bgtxt-navy-dark)" | "var(--bgtxt-navy-normal)" | "var(--bgtxt-navy-light)" | "var(--bgtxt-navy-lighter)" | "var(--bgtxt-navy-lightest)" | "var(--bgtxt-absolute-black-dark)" | "var(--bgtxt-absolute-black-normal)" | "var(--bgtxt-absolute-black-light)" | "var(--bgtxt-absolute-black-lighter)" | "var(--bgtxt-absolute-black-lightest)" | "var(--bgtxt-absolute-white-dark)" | "var(--bgtxt-absolute-white-normal)" | "var(--bgtxt-absolute-white-light)" | "var(--bgtxt-absolute-white-lighter)" | "var(--bgtxt-absolute-white-lightest)" | undefined;

package/dist/types/types/props-helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props-helpers.d.ts","sourceRoot":"","sources":["../../../src/types/props-helpers.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,WAAW,EACjB,gBAAyB;AAC1B,OAAO,EAA+B,KAAK,MAAM,EAAE,iBAA0B;AAa7E,eAAO,MAAM,kBAAkB,GAAI,KAAK,SAAS,WAAW,2GASzD,KAAK,KAAG,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,WAAW,CAAC,CAWtD,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,KAAK,SAAS,WAAW,sZAoCzD,KAAK,KAAG,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,WAAW,CAAC,CAsCtD,CAAA;AAUD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,UAEhD;AAED,eAAO,MAAM,eAAe,oGAQzB,WAAW;;;;;;;;;;;CAWZ,CAAA;AAEF,eAAO,MAAM,eAAe,+YAmCzB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwCZ,CAAA;AAEF,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,aAAa,UAE5D"}
+{"version":3,"file":"props-helpers.d.ts","sourceRoot":"","sources":["../../../src/types/props-helpers.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,WAAW,EACjB,gBAAyB;AAC1B,OAAO,EAA+B,KAAK,MAAM,EAAE,iBAA0B;AAa7E,eAAO,MAAM,kBAAkB,GAAI,KAAK,SAAS,WAAW,2GASzD,KAAK,KAAG,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,WAAW,CAAC,CAWtD,CAAA;AAED,eAAO,MAAM,kBAAkB,GAAI,KAAK,SAAS,WAAW,6ZAqCzD,KAAK,KAAG,CAAC,WAAW,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,WAAW,CAAC,CAuCtD,CAAA;AAUD,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,UAEhD;AAED,eAAO,MAAM,eAAe,oGAQzB,WAAW;;;;;;;;;;;CAWZ,CAAA;AAEF,eAAO,MAAM,eAAe,sZAoCzB,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyCZ,CAAA;AAEF,wBAAgB,yBAAyB,CAAC,IAAI,EAAE,aAAa,UAE5D"}

package/dist/types/types/props.d.ts

@@ -295,12 +295,17 @@ export interface LayoutProps {
      */
     left?: React.CSSProperties['left'];
     /**
-     * the flex-shrink factor of a flex item.
+     * the flex-basis value of a flex item.
+     * @default initial
+     */
+    basis?: React.CSSProperties['flexBasis'];
+    /**
+     * the flex-shrink value of a flex item.
      * @default initial
      */
     shrink?: React.CSSProperties['flexShrink'];
     /**
-     * the flex-grow factor of a flex item.
+     * the flex-grow value of a flex item.
      * @default initial
      */
     grow?: React.CSSProperties['flexGrow'];

package/dist/types/types/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/types/props.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/types/props.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@channel.io/bezier-react",
-  "version": "2.4.0",
+  "version": "2.5.0",
   "description": "React components library that implements Bezier design system.",
   "repository": {
     "type": "git",
@@ -48,7 +48,9 @@
     "prebuild": "yarn clean:build",
     "storybook": "storybook dev -p 4101",
     "build-storybook": "storybook build",
-    "chromatic": "chromatic --project-token=06157a6fbe6f"
+    "chromatic": "chromatic --project-token=06157a6fbe6f",
+    "code-connect": "figma connect publish",
+    "code-connect:create": "figma connect"
   },
   "keywords": [
     "design",
@@ -64,6 +66,7 @@
     "@babel/preset-typescript": "^7.23.3",
     "@channel.io/bezier-icons": "0.35.0",
     "@chromatic-com/storybook": "^1",
+    "@figma/code-connect": "^1.2.2",
     "@rollup/plugin-alias": "^5.1.0",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.7",

package/src/components/AlphaAvatar/Avatar.figma.tsx

@@ -0,0 +1,65 @@
+import React from 'react'
+
+import figma from '@figma/code-connect'
+
+import { type StatusType } from '~/src/components/Status'
+
+import { Avatar as AlphaAvatar } from './Avatar'
+import { type AvatarProps } from './Avatar.types'
+
+figma.connect<
+  Pick<AvatarProps, 'size' | 'showBorder'> & {
+    status: {
+      value?: StatusType
+    }
+  }
+>(
+  AlphaAvatar,
+  'https://www.figma.com/design/aJJF4bU82uR0jAsmWp5wlE/Navigation?node-id=1%3A19155',
+  {
+    props: {
+      size: figma.enum('size', {
+        '16': '16',
+        '20': '20',
+        '24': '24',
+        '30': '30',
+        '36': '36',
+        '42': '42',
+        '48': '48',
+        '72': '72',
+        '90': '90',
+        '120': '120',
+      }),
+      status: figma.enum('badge', {
+        none: {
+          value: undefined,
+        },
+        chat: {
+          value: undefined,
+        },
+        status: figma.nestedProps('⛔️️ alpha/Common/StatusBadge', {
+          value: figma.boolean('online', {
+            true: figma.boolean('doNotDisturb', {
+              true: 'online-crescent',
+              false: 'online',
+            }),
+            false: figma.boolean('doNotDisturb', {
+              true: 'offline-crescent',
+              false: 'offline',
+            }),
+          }),
+        }),
+      }),
+      showBorder: figma.boolean('outlineBorder'),
+    },
+    example: (props) => (
+      <AlphaAvatar
+        size={props.size}
+        avatarUrl="/* TODO */"
+        name="/* TODO */"
+        showBorder={props.showBorder}
+        status={props.status.value}
+      />
+    ),
+  }
+)

package/src/components/AlphaAvatarGroup/AvatarGroup.figma.tsx

@@ -0,0 +1,37 @@
+import React from 'react'
+
+import figma from '@figma/code-connect'
+
+import { AvatarGroup as AlphaAvatarGroup } from './AvatarGroup'
+
+figma.connect(
+  AlphaAvatarGroup,
+  'https://www.figma.com/design/aJJF4bU82uR0jAsmWp5wlE/Navigation?node-id=1%3A19451',
+  {
+    props: {
+      size: figma.enum('size', {
+        '20': '20',
+        '24': '24',
+      }),
+      ellipsisType: figma.enum('variants', {
+        'icon (default)': 'icon',
+        count: 'count',
+      }),
+      max: figma.nestedProps('⛔️️ alpha/Common/$AvatarGroupSource', {
+        value: figma.enum('itemCount', {
+          '2': 2,
+          '3': 3,
+          '4': 4,
+          '5': 5,
+        }),
+      }),
+    },
+    example: (props) => (
+      <AlphaAvatarGroup
+        max={props.max.value}
+        size={props.size}
+        ellipsisType={props.ellipsisType}
+      />
+    ),
+  }
+)

package/src/components/AlphaButton/Button.figma.tsx

@@ -0,0 +1,55 @@
+import React from 'react'
+
+import figma from '@figma/code-connect'
+
+import { Button as AlphaButton } from './Button'
+
+figma.connect(
+  AlphaButton,
+  'https://www.figma.com/design/8J76noM3T1Sp5cNPhnYQiG/Action?node-id=112%3A5533',
+  {
+    props: {
+      size: figma.enum('size', {
+        small: 's',
+        xsmall: 'xs',
+        'medium (default)': 'm',
+        large: 'l',
+        xlarge: 'xl',
+      }),
+      text: figma.string('🔄 text'),
+      variant: figma.enum('variant', {
+        primary: 'primary',
+        secondary: 'secondary',
+        tertiary: 'tertiary',
+      }),
+      color: figma.enum('color', {
+        blue: 'blue',
+        cobalt: 'cobalt',
+        red: 'red',
+        orange: 'orange',
+        green: 'green',
+        pink: 'pink',
+        purple: 'purple',
+        darkGrey: 'dark-grey',
+        lightGrey: 'light-grey',
+        'white (absolute)': 'white-absolute',
+      }),
+      /**
+       * TODO: Add Code Connect for Icon component
+       * @see {@link https://github.com/figma/code-connect/blob/main/cli/scripts/README.md}
+       */
+      prefixContent: figma.instance('↪ 🔄 prefixContent'),
+      suffixContent: figma.instance('↪ 🔄 suffixContent'),
+    },
+    example: (props) => (
+      <AlphaButton
+        size={props.size}
+        text={props.text}
+        variant={props.variant}
+        color={props.color}
+        prefixContent={props.prefixContent}
+        suffixContent={props.suffixContent}
+      />
+    ),
+  }
+)

package/src/components/AlphaFloatingButton/FloatingButton.figma.tsx

@@ -0,0 +1,53 @@
+import React from 'react'
+
+import figma from '@figma/code-connect'
+
+import { FloatingButton as AlphaFloatingButton } from './FloatingButton'
+
+figma.connect(
+  AlphaFloatingButton,
+  'https://www.figma.com/design/8J76noM3T1Sp5cNPhnYQiG/Action?node-id=112%3A8172',
+  {
+    props: {
+      size: figma.enum('size', {
+        small: 's',
+        xsmall: 'xs',
+        'medium (default)': 'm',
+        large: 'l',
+        xlarge: 'xl',
+      }),
+      text: figma.string('🔄 text'),
+      variant: figma.enum('variant', {
+        primary: 'primary',
+        secondary: 'secondary',
+      }),
+      color: figma.enum('color', {
+        blue: 'blue',
+        cobalt: 'cobalt',
+        red: 'red',
+        orange: 'orange',
+        green: 'green',
+        pink: 'pink',
+        purple: 'purple',
+        darkGrey: 'dark-grey',
+        lightGrey: 'light-grey',
+      }),
+      /**
+       * TODO: Add Code Connect for Icon component
+       * @see {@link https://github.com/figma/code-connect/blob/main/cli/scripts/README.md}
+       */
+      prefixContent: figma.instance('↪ 🔄 prefixContent'),
+      suffixContent: figma.instance('↪ 🔄 suffixContent'),
+    },
+    example: (props) => (
+      <AlphaFloatingButton
+        size={props.size}
+        text={props.text}
+        variant={props.variant}
+        color={props.color}
+        prefixContent={props.prefixContent}
+        suffixContent={props.suffixContent}
+      />
+    ),
+  }
+)

package/src/components/AlphaFloatingIconButton/FloatingIconButton.figma.tsx

@@ -0,0 +1,49 @@
+import React from 'react'
+
+import figma from '@figma/code-connect'
+
+import { FloatingIconButton as AlphaFloatingIconButton } from './FloatingIconButton'
+
+figma.connect(
+  AlphaFloatingIconButton,
+  'https://www.figma.com/design/8J76noM3T1Sp5cNPhnYQiG/Action?node-id=112%3A9057',
+  {
+    props: {
+      size: figma.enum('size', {
+        small: 's',
+        xsmall: 'xs',
+        'medium (default)': 'm',
+        large: 'l',
+        xlarge: 'xl',
+      }),
+      variant: figma.enum('variant', {
+        primary: 'primary',
+        secondary: 'secondary',
+      }),
+      color: figma.enum('color', {
+        blue: 'blue',
+        cobalt: 'cobalt',
+        red: 'red',
+        orange: 'orange',
+        green: 'green',
+        pink: 'pink',
+        purple: 'purple',
+        darkGrey: 'dark-grey',
+        lightGrey: 'light-grey',
+      }),
+      /**
+       * TODO: Add Code Connect for Icon component
+       * @see {@link https://github.com/figma/code-connect/blob/main/cli/scripts/README.md}
+       */
+      content: figma.instance('🔄 content'),
+    },
+    example: (props) => (
+      <AlphaFloatingIconButton
+        size={props.size}
+        variant={props.variant}
+        color={props.color}
+        content={props.content}
+      />
+    ),
+  }
+)

package/src/components/AlphaIconButton/IconButton.figma.tsx

@@ -0,0 +1,56 @@
+import React from 'react'
+
+import figma from '@figma/code-connect'
+
+import { IconButton as AlphaIconButton } from './IconButton'
+
+figma.connect(
+  AlphaIconButton,
+  'https://www.figma.com/design/8J76noM3T1Sp5cNPhnYQiG/Action?node-id=112%3A6652',
+  {
+    props: {
+      size: figma.enum('size', {
+        small: 's',
+        xsmall: 'xs',
+        'medium (default)': 'm',
+        large: 'l',
+        xlarge: 'xl',
+      }),
+      variant: figma.enum('variant', {
+        primary: 'primary',
+        secondary: 'secondary',
+        tertiary: 'tertiary',
+      }),
+      color: figma.enum('color', {
+        blue: 'blue',
+        cobalt: 'cobalt',
+        red: 'red',
+        orange: 'orange',
+        green: 'green',
+        pink: 'pink',
+        purple: 'purple',
+        darkGrey: 'dark-grey',
+        lightGrey: 'light-grey',
+        'white (absolute)': 'white-absolute',
+      }),
+      shape: figma.enum('shape', {
+        circle: 'circle',
+        rectangle: 'rectangle',
+      }),
+      /**
+       * TODO: Add Code Connect for Icon component
+       * @see {@link https://github.com/figma/code-connect/blob/main/cli/scripts/README.md}
+       */
+      content: figma.instance('🔄 content'),
+    },
+    example: (props) => (
+      <AlphaIconButton
+        size={props.size}
+        variant={props.variant}
+        color={props.color}
+        content={props.content}
+        shape={props.shape}
+      />
+    ),
+  }
+)

package/src/components/AlphaStatusBadge/StatusBadge.figma.tsx

@@ -0,0 +1,27 @@
+import React from 'react'
+
+import figma from '@figma/code-connect'
+
+import { StatusBadge as AlphaStatusBadge } from './StatusBadge'
+
+figma.connect(
+  AlphaStatusBadge,
+  'https://www.figma.com/design/KyhPPZeeC0JBmTclJGe3nn/Status?node-id=6%3A34',
+  {
+    props: {
+      size: figma.enum('size', {
+        medium: 'm',
+        large: 'l',
+      }),
+      online: figma.boolean('online'),
+      doNotDisturb: figma.boolean('doNotDisturb'),
+    },
+    example: (props) => (
+      <AlphaStatusBadge
+        size={props.size}
+        online={props.online}
+        doNotDisturb={props.doNotDisturb}
+      />
+    ),
+  }
+)

package/src/components/LegacyIcon/utils.ts

@@ -1,5 +1,7 @@
 import { type IconName, icons } from '@channel.io/bezier-icons'
 
+const iconNames = new Set(Object.keys(icons))
+
 /**
  * @deprecated Please import and use individual icons.
  * @example
@@ -14,5 +16,4 @@ import { type IconName, icons } from '@channel.io/bezier-icons'
  * import { LegacyIcon, type LegacyIconProps } from '@channel.io/bezier-react'
  * <LegacyIcon name="all" color="bg-black-dark" />
  */
-export const isIconName = (name: any): name is IconName =>
-  Object.keys(icons).includes(name)
+export const isIconName = (name: any): name is IconName => iconNames.has(name)

package/src/styles/components/layout.module.scss

@@ -17,6 +17,7 @@
   --b-right: var(--b-inset);
   --b-bottom: var(--b-inset);
   --b-left: var(--b-inset);
+  --b-basis: initial;
   --b-shrink: initial;
   --b-grow: initial;
   --b-background-color: initial;
@@ -29,8 +30,11 @@
 
   inset: var(--b-top) var(--b-right) var(--b-bottom) var(--b-left);
 
+  /* stylelint-disable declaration-block-no-redundant-longhand-properties */
+  flex-basis: var(--b-basis);
   flex-grow: var(--b-grow);
   flex-shrink: var(--b-shrink);
+  /* stylelint-enable declaration-block-no-redundant-longhand-properties */
 
   box-sizing: border-box;
   width: var(--b-width);

package/src/types/props-helpers.ts

@@ -60,6 +60,7 @@ export const splitByLayoutProps = <Props extends LayoutProps>({
   right,
   bottom,
   left,
+  basis,
   shrink,
   grow,
   backgroundColor,
@@ -97,6 +98,7 @@ export const splitByLayoutProps = <Props extends LayoutProps>({
     right,
     bottom,
     left,
+    basis,
     shrink,
     grow,
     backgroundColor,
@@ -169,6 +171,7 @@ export const getLayoutStyles = ({
   right,
   bottom,
   left,
+  basis,
   shrink,
   grow,
   backgroundColor,
@@ -204,6 +207,7 @@ export const getLayoutStyles = ({
     '--b-right': cssDimension(right),
     '--b-bottom': cssDimension(bottom),
     '--b-left': cssDimension(left),
+    '--b-basis': cssDimension(basis),
     '--b-shrink': shrink,
     '--b-grow': grow,
     '--b-background-color': tokenCssVar(backgroundColor),

package/src/types/props.ts

@@ -342,12 +342,17 @@ export interface LayoutProps {
    */
   left?: React.CSSProperties['left']
   /**
-   * the flex-shrink factor of a flex item.
+   * the flex-basis value of a flex item.
+   * @default initial
+   */
+  basis?: React.CSSProperties['flexBasis']
+  /**
+   * the flex-shrink value of a flex item.
    * @default initial
    */
   shrink?: React.CSSProperties['flexShrink']
   /**
-   * the flex-grow factor of a flex item.
+   * the flex-grow value of a flex item.
    * @default initial
    */
   grow?: React.CSSProperties['flexGrow']