@channel.io/bezier-react 2.5.0 → 2.6.0

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAUzC,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAIrD,KAAK,WAAW,GAAG,cAAc,GAAG,iBAAiB,CAAA;AAYrD,eAAO,MAAM,iBAAiB,qBAAqB,CAAA;AAEnD,eAAO,MAAM,QAAQ,mFA+FpB,CAAA"}
+{"version":3,"file":"ListItem.d.ts","sourceRoot":"","sources":["../../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAUzC,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAIrD,KAAK,WAAW,GAAG,cAAc,GAAG,iBAAiB,CAAA;AAYrD,eAAO,MAAM,iBAAiB,qBAAqB,CAAA;AAEnD,eAAO,MAAM,QAAQ,mFAkGpB,CAAA"}

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

@@ -1,14 +1,13 @@
 import type React from 'react';
 import { type BezierIcon } from '@channel.io/bezier-icons';
-import type { ActivatableProps, BezierComponentProps, ContentProps, DisableProps, LinkProps, PolymorphicProps, SideContentProps, SizeProps, VariantProps } from "../../types/props";
+import type { ActivatableProps, BezierComponentProps, ContentProps, DisableProps, InteractiveStyleProps, LinkProps, PolymorphicProps, SideContentProps, SizeProps, VariantProps } from "../../types/props";
 export type ListItemSize = 'xs' | 's' | 'm' | 'l';
 export type ListItemVariant = 'blue' | 'red' | 'green' | 'cobalt' | 'monochrome';
 interface ListItemOwnProps {
-    focused?: boolean;
     description?: React.ReactNode;
     descriptionMaxLines?: number;
 }
-export interface ListItemProps extends Omit<BezierComponentProps, keyof ContentProps>, ContentProps, PolymorphicProps, SizeProps<ListItemSize>, VariantProps<ListItemVariant>, SideContentProps<React.ReactNode | BezierIcon, React.ReactNode>, LinkProps, DisableProps, ActivatableProps, ListItemOwnProps {
+export interface ListItemProps extends Omit<BezierComponentProps, keyof ContentProps>, ContentProps, PolymorphicProps, SizeProps<ListItemSize>, VariantProps<ListItemVariant>, SideContentProps<React.ReactNode | BezierIcon, React.ReactNode>, LinkProps, DisableProps, ActivatableProps, InteractiveStyleProps, ListItemOwnProps {
 }
 export {};
 //# sourceMappingURL=ListItem.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ListItem.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ListItem/ListItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,KAAK,EACV,gBAAgB,EAChB,oBAAoB,EACpB,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,EACT,YAAY,EACb,0BAAyB;AAE1B,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;AAEjD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,YAAY,CAAA;AAEhF,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B;AAED,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,MAAM,YAAY,CAAC,EACpD,YAAY,EACZ,gBAAgB,EAChB,SAAS,CAAC,YAAY,CAAC,EACvB,YAAY,CAAC,eAAe,CAAC,EAC7B,gBAAgB,CAAC,KAAK,CAAC,SAAS,GAAG,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,EAC/D,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,gBAAgB;CAAG"}
+{"version":3,"file":"ListItem.types.d.ts","sourceRoot":"","sources":["../../../../src/components/ListItem/ListItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,KAAK,EACV,gBAAgB,EAChB,oBAAoB,EACpB,YAAY,EACZ,YAAY,EACZ,qBAAqB,EACrB,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,EACT,YAAY,EACb,0BAAyB;AAE1B,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAA;AAEjD,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,YAAY,CAAA;AAEhF,UAAU,gBAAgB;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B;AAED,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,MAAM,YAAY,CAAC,EACpD,YAAY,EACZ,gBAAgB,EAChB,SAAS,CAAC,YAAY,CAAC,EACvB,YAAY,CAAC,eAAe,CAAC,EAC7B,gBAAgB,CAAC,KAAK,CAAC,SAAS,GAAG,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,EAC/D,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,gBAAgB;CAAG"}

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

@@ -1 +1 @@
-{"version":3,"file":"OutlineItem.d.ts","sourceRoot":"","sources":["../../../../src/components/OutlineItem/OutlineItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAelD,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,qBAAqB,CAAA;AAU5B,eAAO,MAAM,oBAAoB,wBAAwB,CAAA;AAEzD,eAAO,MAAM,WAAW,6GAgGtB,CAAA"}
+{"version":3,"file":"OutlineItem.d.ts","sourceRoot":"","sources":["../../../../src/components/OutlineItem/OutlineItem.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAelD,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,qBAAqB,CAAA;AAU5B,eAAO,MAAM,oBAAoB,wBAAwB,CAAA;AAEzD,eAAO,MAAM,WAAW,6GAqGtB,CAAA"}

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

@@ -1,14 +1,13 @@
 import { type BezierIcon } from '@channel.io/bezier-icons';
-import type { ActivatableProps, BezierComponentProps, ChildrenProps, ContentProps, LinkProps, PolymorphicProps, SideContentProps } from "../../types/props";
+import type { ActivatableProps, BezierComponentProps, ChildrenProps, ContentProps, InteractiveStyleProps, LinkProps, PolymorphicProps, SideContentProps } from "../../types/props";
 export interface OutlineItemContextProps {
     indent: number;
 }
 interface OutlineItemOwnProps {
     open?: boolean;
-    focused?: boolean;
     disableChevron?: boolean;
 }
-export interface OutlineItemProps extends Omit<BezierComponentProps, keyof ContentProps>, PolymorphicProps, ChildrenProps, ContentProps, SideContentProps<BezierIcon | React.ReactNode, React.ReactNode>, ActivatableProps, LinkProps, OutlineItemOwnProps {
+export interface OutlineItemProps extends Omit<BezierComponentProps, keyof ContentProps>, PolymorphicProps, ChildrenProps, ContentProps, SideContentProps<BezierIcon | React.ReactNode, React.ReactNode>, ActivatableProps, LinkProps, InteractiveStyleProps, OutlineItemOwnProps {
 }
 export {};
 //# sourceMappingURL=OutlineItem.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"OutlineItem.types.d.ts","sourceRoot":"","sources":["../../../../src/components/OutlineItem/OutlineItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,KAAK,EACV,gBAAgB,EAChB,oBAAoB,EACpB,aAAa,EACb,YAAY,EACZ,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EACjB,0BAAyB;AAE1B,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,CAAA;CACf;AAED,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,MAAM,YAAY,CAAC,EACpD,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,gBAAgB,CAAC,UAAU,GAAG,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,EAC/D,gBAAgB,EAChB,SAAS,EACT,mBAAmB;CAAG"}
+{"version":3,"file":"OutlineItem.types.d.ts","sourceRoot":"","sources":["../../../../src/components/OutlineItem/OutlineItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAE1D,OAAO,KAAK,EACV,gBAAgB,EAChB,oBAAoB,EACpB,aAAa,EACb,YAAY,EACZ,qBAAqB,EACrB,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EACjB,0BAAyB;AAE1B,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,MAAM,CAAA;CACf;AAED,UAAU,mBAAmB;IAC3B,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,MAAM,YAAY,CAAC,EACpD,gBAAgB,EAChB,aAAa,EACb,YAAY,EACZ,gBAAgB,CAAC,UAAU,GAAG,KAAK,CAAC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,EAC/D,gBAAgB,EAChB,SAAS,EACT,qBAAqB,EACrB,mBAAmB;CAAG"}

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

@@ -99,6 +99,7 @@ export interface SideContentProps<LeftContent = React.ReactNode, RightContent =
 export interface DisableProps {
     /**
      * Whether the component is disabled.
+     * @default false
      */
     disabled?: boolean;
 }
@@ -141,6 +142,7 @@ export type AdditionalColorProps<ElementName extends PropNameType> = AdditionalP
 export interface ActivatableProps {
     /**
      * Whether the component is active.
+     * @default false
      */
     active?: boolean;
 }
@@ -153,6 +155,22 @@ export interface LinkProps {
      */
     href?: string;
 }
+/**
+ * Props for components that are not inherently interactive but can be styled as interactive,
+ * such as when they are children of an anchor element.
+ */
+export interface InteractiveStyleProps {
+    /**
+     * When true, applies styles that make the component appear clickable.
+     * @default false
+     */
+    clickable?: boolean;
+    /**
+     * When true, applies styles that make the component appear focused.
+     * @default false
+     */
+    focused?: boolean;
+}
 /**
  * Props for specifying margins around a component.
  */
@@ -385,14 +403,17 @@ export type FormFieldSize = 'xl' | 'l' | 'm' | 'xs';
 export interface FormFieldProps extends DisableProps, Partial<IdentifierProps> {
     /**
      * Indicates whether the validation failed.
+     * @default false
      */
     hasError?: boolean;
     /**
      * Indicates that the user must specify a value for the input before the owning form can be submitted.
+     * @default false
      */
     required?: boolean;
     /**
      * Indicates that the user cannot modify the value of the input.
+     * @default false
      */
     readOnly?: boolean;
 }

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.5.0",
+  "version": "2.6.0",
   "description": "React components library that implements Bezier design system.",
   "repository": {
     "type": "git",

package/src/components/ListItem/ListItem.module.scss

@@ -3,8 +3,6 @@
 }
 
 .ListItem {
-  cursor: pointer;
-
   overflow: hidden;
   display: flex;
   align-items: center;
@@ -43,12 +41,16 @@
     border-radius: var(--radius-12);
   }
 
+  &:where(.clickable) {
+    cursor: pointer;
+  }
+
   &:where(.disabled) {
-    cursor: default;
+    cursor: not-allowed;
     opacity: var(--opacity-disabled);
   }
 
-  &:where(:not(.disabled, .active)) {
+  &:where(.clickable:not(.disabled, .active)) {
     &:where(.focused, :focus-visible) {
       background-color: var(--bg-black-lighter);
     }

package/src/components/ListItem/ListItem.tsx

@@ -43,6 +43,7 @@ export const ListItem = forwardRef<ListItemRef, ListItemProps>(
       active = false,
       focused = false,
       disabled = false,
+      clickable: clickableProp = false,
       href,
       onClick,
       ...rest
@@ -51,6 +52,7 @@ export const ListItem = forwardRef<ListItemRef, ListItemProps>(
   ) {
     const isLink = !isEmpty(href)
     const Comp = isLink ? 'a' : ((as ?? 'div') as 'div')
+    const clickable = isLink || clickableProp || !isNil(onClick)
 
     return (
       <Comp
@@ -67,6 +69,7 @@ export const ListItem = forwardRef<ListItemRef, ListItemProps>(
           disabled && styles.disabled,
           focused && styles.focused,
           active && styles.active,
+          clickable && styles.clickable,
           className
         )}
         ref={forwardedRef}

package/src/components/ListItem/ListItem.types.ts

@@ -7,6 +7,7 @@ import type {
   BezierComponentProps,
   ContentProps,
   DisableProps,
+  InteractiveStyleProps,
   LinkProps,
   PolymorphicProps,
   SideContentProps,
@@ -19,7 +20,6 @@ export type ListItemSize = 'xs' | 's' | 'm' | 'l'
 export type ListItemVariant = 'blue' | 'red' | 'green' | 'cobalt' | 'monochrome'
 
 interface ListItemOwnProps {
-  focused?: boolean
   description?: React.ReactNode
   descriptionMaxLines?: number
 }
@@ -34,4 +34,5 @@ export interface ListItemProps
     LinkProps,
     DisableProps,
     ActivatableProps,
+    InteractiveStyleProps,
     ListItemOwnProps {}

package/src/components/OutlineItem/OutlineItem.module.scss

@@ -1,6 +1,4 @@
 .OutlineItem {
-  cursor: pointer;
-
   display: flex;
   align-items: center;
 
@@ -17,6 +15,10 @@
     background-color var(--transition-s),
     color var(--transition-s);
 
+  &:where(.clickable) {
+    cursor: pointer;
+  }
+
   &:where(.active) {
     color: var(--bgtxt-blue-normal);
     background-color: var(--bgtxt-blue-lightest);
@@ -26,7 +28,7 @@
     }
   }
 
-  &:where(:not(.active):where(.focused, :hover)) {
+  &:where(.clickable:not(.active):where(.focused, :hover)) {
     background-color: var(--bg-black-lighter);
   }
 }

package/src/components/OutlineItem/OutlineItem.tsx

@@ -43,10 +43,12 @@ export const OutlineItem = forwardRef<
     disableChevron = false,
     active = false,
     focused = false,
+    clickable: clickableProp = false,
     leftContent,
     content,
     rightContent,
     href,
+    onClick,
     ...rest
   },
   forwardedRef
@@ -57,6 +59,7 @@ export const OutlineItem = forwardRef<
 
   const isLink = !isEmpty(href)
   const Comp = isLink ? 'a' : ((as ?? 'div') as 'div')
+  const clickable = isLink || clickableProp || !isNil(onClick)
 
   return (
     <>
@@ -76,10 +79,12 @@ export const OutlineItem = forwardRef<
           styles.OutlineItem,
           active && styles.active,
           focused && styles.focused,
+          clickable && styles.clickable,
           className
         )}
         ref={forwardedRef}
         data-testid={OUTLINE_ITEM_TEST_ID}
+        onClick={onClick}
         {...rest}
       >
         {!disableChevron && (

package/src/components/OutlineItem/OutlineItem.types.ts

@@ -5,6 +5,7 @@ import type {
   BezierComponentProps,
   ChildrenProps,
   ContentProps,
+  InteractiveStyleProps,
   LinkProps,
   PolymorphicProps,
   SideContentProps,
@@ -16,7 +17,6 @@ export interface OutlineItemContextProps {
 
 interface OutlineItemOwnProps {
   open?: boolean
-  focused?: boolean
   disableChevron?: boolean
 }
 
@@ -28,4 +28,5 @@ export interface OutlineItemProps
     SideContentProps<BezierIcon | React.ReactNode, React.ReactNode>,
     ActivatableProps,
     LinkProps,
+    InteractiveStyleProps,
     OutlineItemOwnProps {}

package/src/components/Slider/Slider.stories.tsx

@@ -1,15 +1,10 @@
-import { type Meta } from '@storybook/react'
+import { type Meta, type StoryObj } from '@storybook/react'
 
 import { Slider } from './Slider'
 
 const meta: Meta<typeof Slider> = {
   component: Slider,
   argTypes: {
-    value: {
-      control: {
-        type: 'object',
-      },
-    },
     minStepsBetweenThumbs: {
       control: {
         type: 'number',
@@ -21,15 +16,21 @@ const meta: Meta<typeof Slider> = {
     onValueCommit: {
       action: 'onValueCommit',
     },
+    value: {
+      if: {
+        exists: true,
+        arg: 'value',
+      },
+    },
+    defaultValue: {
+      if: {
+        exists: true,
+        arg: 'defaultValue',
+      },
+    },
   },
-}
-export default meta
-
-export const Primary = {
   args: {
     width: 285,
-    defaultValue: [5],
-    value: undefined,
     disabled: false,
     guide: [5],
     min: 0,
@@ -38,3 +39,16 @@ export const Primary = {
     disableTooltip: false,
   },
 }
+export default meta
+
+export const Primary = {
+  args: {
+    value: [5],
+  },
+} satisfies StoryObj<typeof meta>
+
+export const Uncontrolled = {
+  args: {
+    defaultValue: [5],
+  },
+} satisfies StoryObj<typeof meta>

package/src/types/props.ts

@@ -126,6 +126,7 @@ export interface SideContentProps<
 export interface DisableProps {
   /**
    * Whether the component is disabled.
+   * @default false
    */
   disabled?: boolean
 }
@@ -184,6 +185,7 @@ export type AdditionalColorProps<ElementName extends PropNameType> =
 export interface ActivatableProps {
   /**
    * Whether the component is active.
+   * @default false
    */
   active?: boolean
 }
@@ -198,6 +200,23 @@ export interface LinkProps {
   href?: string
 }
 
+/**
+ * Props for components that are not inherently interactive but can be styled as interactive,
+ * such as when they are children of an anchor element.
+ */
+export interface InteractiveStyleProps {
+  /**
+   * When true, applies styles that make the component appear clickable.
+   * @default false
+   */
+  clickable?: boolean
+  /**
+   * When true, applies styles that make the component appear focused.
+   * @default false
+   */
+  focused?: boolean
+}
+
 /**
  * Props for specifying margins around a component.
  */
@@ -434,14 +453,17 @@ export type FormFieldSize = 'xl' | 'l' | 'm' | 'xs'
 export interface FormFieldProps extends DisableProps, Partial<IdentifierProps> {
   /**
    * Indicates whether the validation failed.
+   * @default false
    */
   hasError?: boolean
   /**
    * Indicates that the user must specify a value for the input before the owning form can be submitted.
+   * @default false
    */
   required?: boolean
   /**
    * Indicates that the user cannot modify the value of the input.
+   * @default false
    */
   readOnly?: boolean
 }