@channel.io/bezier-react - npm Package Compare versions

Comparing version 0.6.0 to 0.7.0

build/components/ListItem/index.d.ts

 import ListItem from './ListItem';
+import { ListItemColorVariant } from './ListItem.types';
 import type ListItemProps from './ListItem.types';
 export type { ListItemProps, };
-export { ListItem, };
+export { ListItem, ListItemColorVariant, };

build/components/ListItem/ListItem.styled.d.ts

 /// <reference types="react" />
-import { SemanticNames } from '../../foundation/Colors/Theme';
-import { ListItemSize } from './ListItem.types';
+import { ListItemColorVariant, ListItemSize } from './ListItem.types';
 interface StyledWrapperProps {
     size?: ListItemSize;
     active?: boolean;
+    disabled?: boolean;
+    colorVariant: ListItemColorVariant;
 }
@@ -14,8 +15,5 @@ export declare const RightContent: import("styled-components").StyledComponent<"div", import("../../foundation").Foundation, {
 }, never>;
-interface DescriptionProps {
-    active?: boolean;
-}
 export declare const DescriptionWrapper: import("styled-components").StyledComponent<"div", import("../../foundation").Foundation, {
     foundation?: import("../../foundation").Foundation | undefined;
-} & DescriptionProps, never>;
+}, never>;
 export declare const Title: import("styled-components").StyledComponent<"div", import("../../foundation").Foundation, {
@@ -31,5 +29,4 @@ foundation?: import("../../foundation").Foundation | undefined;
 interface IconWrapperProps {
-    color?: SemanticNames;
+    colorVariant: ListItemColorVariant;
     active?: boolean;
-    disableIconActive?: boolean;
 }
@@ -36,0 +33,0 @@ export declare const StyledIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<({ name, className, color, testId, size, marginTop, marginRight, marginBottom, marginLeft, onClick, onMouseDown, }: import("../Icon").IconProps) => JSX.Element | null>, import("../../foundation").Foundation, {

build/components/ListItem/ListItem.types.d.ts

 import React from 'react';
-import { SemanticNames } from '../../foundation/Colors/Theme';
 import ActivableElement from '../../types/ActivatableElement';
@@ -13,2 +12,9 @@ import { ContentComponentProps } from '../../types/ComponentProps';
 }
+export declare enum ListItemColorVariant {
+    Blue = "blue",
+    Red = "red",
+    Green = "green",
+    Cobalt = "cobalt",
+    Monochrome = "monochrome"
+}
 export default interface ListItemProps extends ContentComponentProps, ActivableElement, OptionItem {
@@ -24,3 +30,4 @@ iconClassName?: string;
     leftIcon?: IconName;
-    leftIconColor?: SemanticNames;
+    colorVariant?: ListItemColorVariant;
+    disabled?: boolean;
     disableIconActive?: boolean;
@@ -27,0 +34,0 @@ descriptionMaxLines?: number;

package.json

 {
   "name": "@channel.io/bezier-react",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "description": "React components from Bezier Design System",
@@ -5,0 +5,0 @@ "repository": {

No alert changes

Improved metrics

Total package byte prevSize

4860990

increased by0.13%

Lines of code

43412

increased by0.16%

No dependency changes