@channel.io/bezier-react 3.1.0 → 3.1.1

package/dist/types/components/Overlay/Overlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Overlay.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAEV,YAAY,EAEb,MAAM,iBAAiB,CAAA;AAKxB,eAAO,MAAM,iBAAiB,qBAAqB,CAAA;AACnD,eAAO,MAAM,eAAe,mBAAmB,CAAA;AAC/C,eAAO,MAAM,UAAU,WAAW,CAAA;AAElC,eAAO,MAAM,OAAO,yGAyPnB,CAAA"}
+{"version":3,"file":"Overlay.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Overlay.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAEV,YAAY,EAEb,MAAM,iBAAiB,CAAA;AAKxB,eAAO,MAAM,iBAAiB,qBAAqB,CAAA;AACnD,eAAO,MAAM,eAAe,mBAAmB,CAAA;AAC/C,eAAO,MAAM,UAAU,WAAW,CAAA;AAElC,eAAO,MAAM,OAAO,yGA2PnB,CAAA"}

package/dist/types/components/Overlay/Overlay.types.d.ts

@@ -1,4 +1,5 @@
 import { type AdditionalOverridableStyleProps, type BezierComponentProps, type ChildrenProps } from "../../types/props";
+import { type ZIndex } from "../../types/tokens";
 export interface ContainerRectAttr {
     containerWidth: number;
     containerHeight: number;
@@ -32,6 +33,11 @@ interface OverlayOwnProps {
     withTransition?: boolean;
     enableClickOutside?: boolean;
     onHide?: () => void;
+    /**
+     * z-index of the overlay.
+     * @default 'overlay'
+     */
+    zIndex?: ZIndex;
 }
 export interface OverlayProps extends BezierComponentProps<'div'>, ChildrenProps, AdditionalOverridableStyleProps<'container'>, OverlayOwnProps {
 }

package/dist/types/components/Overlay/Overlay.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Overlay.types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,+BAA+B,EACpC,KAAK,oBAAoB,EACzB,KAAK,aAAa,EACnB,0BAAyB;AAE1B,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,MAAM,eAAe,GACvB,YAAY,GACZ,UAAU,GACV,WAAW,GACX,cAAc,GACd,WAAW,GACX,cAAc,GACd,eAAe,GACf,aAAa,GACb,cAAc,GACd,aAAa,GACb,UAAU,GACV,aAAa,GACb,gBAAgB,GAChB,mBAAmB,GACnB,iBAAiB,GACjB,oBAAoB,CAAA;AAExB,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC9B,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;CACpB;AAED,MAAM,WAAW,YACf,SAAQ,oBAAoB,CAAC,KAAK,CAAC,EACjC,aAAa,EACb,+BAA+B,CAAC,WAAW,CAAC,EAC5C,eAAe;CAAG"}
+{"version":3,"file":"Overlay.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Overlay/Overlay.types.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,+BAA+B,EACpC,KAAK,oBAAoB,EACzB,KAAK,aAAa,EACnB,0BAAyB;AAC1B,OAAO,EAAE,KAAK,MAAM,EAAE,2BAA0B;AAEhD,MAAM,WAAW,iBAAiB;IAChC,cAAc,EAAE,MAAM,CAAA;IACtB,eAAe,EAAE,MAAM,CAAA;IACvB,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,MAAM,CAAA;IACnB,YAAY,EAAE,MAAM,CAAA;IACpB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;IACjB,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,MAAM,eAAe,GACvB,YAAY,GACZ,UAAU,GACV,WAAW,GACX,cAAc,GACd,WAAW,GACX,cAAc,GACd,eAAe,GACf,aAAa,GACb,cAAc,GACd,aAAa,GACb,UAAU,GACV,aAAa,GACb,gBAAgB,GAChB,mBAAmB,GACnB,iBAAiB,GACjB,oBAAoB,CAAA;AAExB,UAAU,eAAe;IACvB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd;;;;OAIG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC9B,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IAEnB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,WAAW,YACf,SAAQ,oBAAoB,CAAC,KAAK,CAAC,EACjC,aAAa,EACb,+BAA+B,CAAC,WAAW,CAAC,EAC5C,eAAe;CAAG"}

package/dist/types/components/Select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAqB9B,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAIjE,eAAO,MAAM,uBAAuB,2BAA2B,CAAA;AAE/D,eAAO,MAAM,MAAM,+EAsKjB,CAAA"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/Select/Select.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkB9B,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAIjE,eAAO,MAAM,uBAAuB,2BAA2B,CAAA;AAE/D,eAAO,MAAM,MAAM,+EAmKjB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@channel.io/bezier-react",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "description": "React components library that implements Bezier design system.",
   "repository": {
     "type": "git",
@@ -64,7 +64,7 @@
     "@babel/preset-env": "^7.26.0",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.26.0",
-    "@channel.io/bezier-icons": "0.40.0",
+    "@channel.io/bezier-icons": "0.42.0",
     "@chromatic-com/storybook": "^3.2.2",
     "@figma/code-connect": "^1.2.4",
     "@rollup/plugin-alias": "^5.1.1",

package/src/components/Overlay/Overlay.module.scss

@@ -20,7 +20,6 @@
 
 .Overlay {
   position: absolute;
-  z-index: var(--z-index-overlay);
 
   &:where(.hidden) {
     opacity: 0;

package/src/components/Overlay/Overlay.tsx

@@ -15,6 +15,7 @@ import classNames from 'classnames'
 import useEventHandler from '~/src/hooks/useEventHandler'
 import { useIsomorphicLayoutEffect } from '~/src/hooks/useIsomorphicLayoutEffect'
 import useMergeRefs from '~/src/hooks/useMergeRefs'
+import { getZIndexClassName } from '~/src/types/props-helpers'
 
 import { useModalContainerContext } from '~/src/components/Modal'
 import { ThemeProvider, useThemeName } from '~/src/components/ThemeProvider'
@@ -52,6 +53,7 @@ export const Overlay = forwardRef<HTMLDivElement, OverlayProps>(
       containerClassName,
       onHide,
       onTransitionEnd,
+      zIndex = 'overlay',
       ...rest
     },
     forwardedRef
@@ -235,6 +237,7 @@ export const Overlay = forwardRef<HTMLDivElement, OverlayProps>(
         <div
           className={classNames(
             styles.Overlay,
+            getZIndexClassName(zIndex),
             !shouldShow && styles.hidden,
             withTransition && styles.transition,
             className

package/src/components/Overlay/Overlay.types.ts

@@ -3,6 +3,7 @@ import {
   type BezierComponentProps,
   type ChildrenProps,
 } from '~/src/types/props'
+import { type ZIndex } from '~/src/types/tokens'
 
 export interface ContainerRectAttr {
   containerWidth: number
@@ -56,6 +57,12 @@ interface OverlayOwnProps {
   withTransition?: boolean
   enableClickOutside?: boolean
   onHide?: () => void
+
+  /**
+   * z-index of the overlay.
+   * @default 'overlay'
+   */
+  zIndex?: ZIndex
 }
 
 export interface OverlayProps

package/src/components/Select/Select.tsx

@@ -18,10 +18,7 @@ import {
 } from '@channel.io/bezier-icons'
 import classNames from 'classnames'
 
-import {
-  getFormFieldSizeClassName,
-  getZIndexClassName,
-} from '~/src/types/props-helpers'
+import { getFormFieldSizeClassName } from '~/src/types/props-helpers'
 import { isEmpty } from '~/src/utils/type'
 
 import { BaseButton } from '~/src/components/BaseButton'
@@ -181,12 +178,9 @@ export const Select = forwardRef<SelectRef, SelectProps>(function Select(
       </BaseButton>
 
       <Overlay
+        zIndex={dropdownZIndex}
         style={dropdownStyle}
-        className={classNames(
-          styles.SelectDropdown,
-          getZIndexClassName(dropdownZIndex),
-          dropdownClassName
-        )}
+        className={classNames(styles.SelectDropdown, dropdownClassName)}
         withTransition
         show={isDropdownOpened && !disabled}
         marginX={dropdownMarginX}