@itcase/ui 1.8.36 → 1.8.37

package/dist/css/components/Segmented/Segmented.css

@@ -24,8 +24,6 @@
           width 0.3s ease;
       }
       ^^&__item {
-        min-width: 120px;
-        border-radius: 6px;
         position: relative;
         display: flex;
         align-items: center;
@@ -90,6 +88,8 @@
     @each $size in normal, compact, xxl, xl, l, m, s, xs, xxs {
       &_$(size) {
         ^^&__item {
+          min-width: var(--segmented-item-size-$(size)-min-width);
+          border-radius: var(--segmented-item-size-$(size)-border-radius);
           &-label {
             min-height: var(--segmented-item-size-$(size)-min-height);
             padding: var(--segmented-item-size-$(size)-padding);
@@ -143,12 +143,9 @@
 .segmented__item {
   position: relative;
   display: flex;
-
-  /*
-  &:not(:last-child) {
-    border-right: var(--chioce-item-border-right);
+  &_icon {
+    min-width: auto;
   }
-  */
   & input {
     width: 100%;
     height: 100%;
@@ -178,6 +175,18 @@
   --segmented-item-size-xs-padding: 0 8px;
   --segmented-item-size-xxs-padding: 0 4px;
 
+  --segmented-item-size-l-min-width: 120px;
+  --segmented-item-size-m-min-width: 120px;
+  --segmented-item-size-s-min-width: 80px;
+  --segmented-item-size-xs-min-width: 80px;
+  --segmented-item-size-xxs-min-width: 60px;
+
+  --segmented-item-size-l-border-radius: 6px;
+  --segmented-item-size-m-border-radius: 6px;
+  --segmented-item-size-s-border-radius: 6px;
+  --segmented-item-size-xs-border-radius: 6px;
+  --segmented-item-size-xxs-border-radius: 6px;
+
   --segmented-item-size-l-gap: 12px;
   --segmented-item-size-m-gap: 8px;
   --segmented-item-size-s-gap: 8px;

package/dist/css/components/Segmented/css/__item/segmaented__item.css

@@ -1,12 +1,9 @@
 .segmented__item {
   position: relative;
   display: flex;
-
-  /*
-  &:not(:last-child) {
-    border-right: var(--chioce-item-border-right);
+  &_icon {
+    min-width: auto;
   }
-  */
   & input {
     width: 100%;
     height: 100%;

package/dist/stories/BreadcrumbsPlsyground.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Controls, Meta } from '@storybook/blocks'
+import { Canvas, Meta } from '@storybook/blocks'
 
 import * as BreadcrumbsStories from '../stories/BreadcrumbsDemo.stories'
 

package/dist/types/components/Breadcrumbs/appearance/breadcrumbsAccent.d.ts

@@ -1,19 +1,9 @@
 declare const breadcrumbsAppearanceAccent: {
-    accent: {
-        fill: string;
-        fillHover: string;
-    };
     accentPrimary: {
         fill: string;
-        fillHover: string;
-        borderColor: string;
-    };
-    accentSecondary: {
-        fill: string;
-        fillHover: string;
-        textColor: string;
-        textColorHover: string;
+        labelTextColor: string;
         borderColor: string;
+        iconFillIcon: string;
     };
 };
 export { breadcrumbsAppearanceAccent };

package/dist/types/components/Breadcrumbs/appearance/breadcrumbsSize.d.ts

@@ -2,44 +2,37 @@ declare const breadcrumbsAppearanceSize: {
     sizeXXL: {
         size: string;
         labelTextSize: string;
-        iconFillSize: string;
-        iconSize: string;
+        icon: any;
     };
     sizeXL: {
         size: string;
         labelTextSize: string;
-        iconFillSize: string;
-        iconSize: string;
+        icon: any;
     };
     sizeL: {
         size: string;
         labelTextSize: string;
-        iconFillSize: string;
-        iconSize: string;
+        icon: any;
     };
     sizeM: {
         size: string;
         labelTextSize: string;
-        iconFillSize: string;
-        iconSize: string;
+        icon: any;
     };
     sizeS: {
         size: string;
         labelTextSize: string;
-        iconFillSize: string;
-        iconSize: string;
+        icon: any;
     };
     sizeXS: {
         size: string;
         labelTextSize: string;
-        iconFillSize: string;
-        iconSize: string;
+        icon: any;
     };
     sizeXXS: {
         size: string;
         labelTextSize: string;
-        iconFillSize: string;
-        iconSize: string;
+        icon: any;
     };
 };
 export { breadcrumbsAppearanceSize };

package/dist/types/components/Breadcrumbs/appearance/breadcrumbsStyle.d.ts

@@ -5,9 +5,7 @@ declare const breadcrumbsAppearanceStyle: {
     outlined: {
         fill: string;
     };
-    full: {
-        borderColor: string;
-    };
+    full: {};
     ghost: {
         fill: string;
         borderColor: string;

package/dist/types/components/Breadcrumbs/appearance/breadcrumbsSurface.d.ts

@@ -1,24 +1,27 @@
 declare const breadcrumbsAppearanceSurface: {
     surfacePrimary: {
         fill: string;
-        fillHover: string;
-        textColor: string;
+        labelTextColor: string;
+        borderColor: string;
         iconFillIcon: string;
     };
     surfaceSecondary: {
         fill: string;
-        fillHover: string;
-        textColor: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconFillIcon: string;
     };
     surfaceTertiary: {
         fill: string;
-        fillHover: string;
-        textColor: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconFillIcon: string;
     };
     surfaceQuaternary: {
         fill: string;
-        fillHover: string;
-        textColor: string;
+        labelTextColor: string;
+        borderColor: string;
+        iconFillIcon: string;
     };
 };
 export { breadcrumbsAppearanceSurface };

package/dist/types/components/Breadcrumbs/stories/__mock__/index.d.ts

@@ -1,33 +1,7 @@
 declare const breadcrumbsListMock: {
-    breadcrumbsList: {
-        id: string;
-        key: number;
-        text: string;
-        href: string;
-        icon: any;
-    }[];
-};
-declare const breadcrumbsListMockSize: {
-    xl: {
-        icon: any;
-        id: string;
-        key: number;
-        text: string;
-        href: string;
-    }[];
-    l: {
-        icon: any;
-        id: string;
-        key: number;
-        text: string;
-        href: string;
-    }[];
-    m: {
-        id: string;
-        key: number;
-        text: string;
-        href: string;
-        icon: any;
-    }[];
-};
-export { breadcrumbsListMock, breadcrumbsListMockSize };
+    id: string;
+    key: number;
+    text: string;
+    href: string;
+}[];
+export { breadcrumbsListMock };

package/dist/types/components/Button/appearance/buttonSurface.d.ts

@@ -26,5 +26,14 @@ declare const buttonAppearanceSurface: {
         iconFillIcon: string;
         loaderAppearance: string;
     };
+    surfaceQuaternary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        iconAfterFillIcon: string;
+        iconBeforeFillIcon: string;
+        iconFillIcon: string;
+        loaderAppearance: string;
+    };
 };
 export { buttonAppearanceSurface };

package/dist/types/components/Chips/appearance/chipsStyle.d.ts

@@ -5,9 +5,7 @@ declare const chipsAppearanceStyle: {
     outlined: {
         fill: string;
     };
-    full: {
-        borderColor: string;
-    };
+    full: {};
     ghost: {
         fill: string;
         borderColor: string;

package/dist/types/components/Choice/appearance/choiceDefault.d.ts

@@ -4,6 +4,7 @@ declare const choiceAppearanceDefault: {
         fillItem: string;
         fillItemActive: string;
         fillItemHover: string;
+        labelTextActiveColor: string;
         labelTextColor: string;
         borderColor: string;
         iconAfterFill: string;

package/dist/types/components/Choice/appearance/choiceDisabled.d.ts

@@ -3,7 +3,7 @@ declare const choiceAppearanceDisabled: {
         fill: string;
         fillItem: string;
         fillItemActive: string;
-        fillItemHover: string;
+        labelTextActiveColor: string;
         labelTextColor: string;
         borderColor: string;
         iconAfterFill: string;

package/dist/types/components/Choice/appearance/choiceError.d.ts

@@ -4,6 +4,7 @@ declare const choiceAppearanceError: {
         fillItem: string;
         fillItemActive: string;
         fillItemHover: string;
+        labelTextActiveColor: string;
         labelTextColor: string;
         borderColor: string;
         iconAfterFill: string;

package/dist/types/components/Choice/appearance/choiceRequire.d.ts

@@ -4,6 +4,7 @@ declare const choiceAppearanceRequire: {
         fillItem: string;
         fillItemActive: string;
         fillItemHover: string;
+        labelTextActiveColor: string;
         labelTextColor: string;
         borderColor: string;
         iconAfterFill: string;

package/dist/types/components/Choice/appearance/choiceStyle.d.ts

@@ -7,9 +7,7 @@ declare const choiceAppearanceStyle: {
         fillItem: string;
         fillItemActive: string;
     };
-    full: {
-        borderColor: string;
-    };
+    full: {};
     ghost: {
         fill: string;
         fillItem: string;

package/dist/types/components/Choice/appearance/choiceSuccess.d.ts

@@ -4,6 +4,7 @@ declare const choiceAppearanceSuccess: {
         fillItem: string;
         fillItemActive: string;
         fillItemHover: string;
+        labelTextActiveColor: string;
         labelTextColor: string;
         borderColor: string;
         iconAfterFill: string;

package/dist/types/components/Dropdown/stories/__mock__/index.d.ts

@@ -1,44 +1,87 @@
-declare const dropdownListMock: {
-    dropdownList: ({
-        key: number;
-        label: string;
-        isActive: boolean;
-        badgeValue?: undefined;
-        iconBefore?: undefined;
-        iconAfter?: undefined;
-        showDivider?: undefined;
-    } | {
-        key: number;
-        label: string;
-        badgeValue: number;
-        isActive: boolean;
-        iconBefore?: undefined;
-        iconAfter?: undefined;
-        showDivider?: undefined;
-    } | {
-        key: number;
-        label: string;
-        iconBefore: any;
-        isActive: boolean;
-        badgeValue?: undefined;
-        iconAfter?: undefined;
-        showDivider?: undefined;
-    } | {
-        key: number;
-        label: string;
-        iconAfter: any;
-        isActive: boolean;
-        badgeValue?: undefined;
-        iconBefore?: undefined;
-        showDivider?: undefined;
-    } | {
-        key: number;
-        label: string;
-        showDivider: boolean;
-        isActive: boolean;
-        badgeValue?: undefined;
-        iconBefore?: undefined;
-        iconAfter?: undefined;
-    })[];
-};
-export { dropdownListMock };
+declare const dropdownListMock: ({
+    key: number;
+    label: string;
+    isActive: boolean;
+    badgeValue?: undefined;
+    iconBefore?: undefined;
+    iconAfter?: undefined;
+    showDivider?: undefined;
+} | {
+    key: number;
+    label: string;
+    badgeValue: number;
+    isActive: boolean;
+    iconBefore?: undefined;
+    iconAfter?: undefined;
+    showDivider?: undefined;
+} | {
+    key: number;
+    label: string;
+    iconBefore: any;
+    isActive: boolean;
+    badgeValue?: undefined;
+    iconAfter?: undefined;
+    showDivider?: undefined;
+} | {
+    key: number;
+    label: string;
+    iconAfter: any;
+    isActive: boolean;
+    badgeValue?: undefined;
+    iconBefore?: undefined;
+    showDivider?: undefined;
+} | {
+    key: number;
+    label: string;
+    showDivider: boolean;
+    isActive: boolean;
+    badgeValue?: undefined;
+    iconBefore?: undefined;
+    iconAfter?: undefined;
+})[];
+declare const dropdownListSimpleMock: ({
+    key: number;
+    label: string;
+    isActive: boolean;
+    badgeValue?: undefined;
+    showDivider?: undefined;
+} | {
+    key: number;
+    label: string;
+    badgeValue: number;
+    isActive: boolean;
+    showDivider?: undefined;
+} | {
+    key: number;
+    label: string;
+    showDivider: boolean;
+    isActive: boolean;
+    badgeValue?: undefined;
+})[];
+declare const dropdownListBeforeMock: ({
+    key: number;
+    label: string;
+    iconBefore: any;
+    isActive: boolean;
+    badgeValue?: undefined;
+} | {
+    key: number;
+    label: string;
+    badgeValue: number;
+    iconBefore: any;
+    isActive: boolean;
+})[];
+declare const dropdownListAfterMock: ({
+    key: number;
+    label: string;
+    iconAfter: any;
+    isActive: boolean;
+    badgeValue?: undefined;
+} | {
+    key: number;
+    label: string;
+    badgeValue: number;
+    iconAfter: any;
+    isActive: boolean;
+})[];
+export { dropdownListMock, dropdownListSimpleMock, dropdownListBeforeMock, dropdownListAfterMock, };

package/dist/types/components/Icon/appearance/iconAccent.d.ts

@@ -3,21 +3,19 @@ declare const iconAppearanceAccent: {
         fill: string;
         fillHover: string;
         borderColor: string;
+        badgeAppearance: string;
         iconFill: string;
     };
     accentPrimary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
+        badgeAppearance: string;
         iconFill: string;
     };
     accentSecondary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
         iconFill: string;
     };

package/dist/types/components/Icon/appearance/iconDanger.d.ts

@@ -2,14 +2,12 @@ declare const iconAppearanceDanger: {
     danger: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
     };
     dangerPrimary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
+        badgeAppearance: string;
+        iconFill: string;
     };
 };
 export { iconAppearanceDanger };

package/dist/types/components/Icon/appearance/iconDisabled.d.ts

@@ -0,0 +1,12 @@
+declare const iconAppearanceDisabled: {
+    danger: {
+        fill: string;
+        fillHover: string;
+    };
+    disabledPrimary: {
+        fill: string;
+        badgeAppearance: string;
+        iconFill: string;
+    };
+};
+export { iconAppearanceDisabled };

package/dist/types/components/Icon/appearance/iconError.d.ts

@@ -2,14 +2,14 @@ declare const iconAppearanceError: {
     error: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
+        badgeAppearance: string;
+        iconFill: string;
     };
     errorPrimary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
+        badgeAppearance: string;
+        iconFill: string;
     };
 };
 export { iconAppearanceError };

package/dist/types/components/Icon/appearance/iconInfo.d.ts

@@ -2,15 +2,18 @@ declare const iconAppearanceInfo: {
     info: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
     };
+    infoPrimary: {
+        fill: string;
+        fillHover: string;
+        borderColor: string;
+        badgeAppearance: string;
+        iconFill: string;
+    };
     infoSecondary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
     };
 };

package/dist/types/components/Icon/appearance/iconPrimary.d.ts

@@ -2,12 +2,14 @@ declare const iconAppearancePrimary: {
     primary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
+        badgeAppearance: string;
+        iconFill: string;
     };
     primaryPrimary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
+        badgeAppearance: string;
+        iconFill: string;
     };
 };
 export { iconAppearancePrimary };

package/dist/types/components/Icon/appearance/iconSecondary.d.ts

@@ -2,12 +2,12 @@ declare const iconAppearanceSecondary: {
     secondary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
     };
     secondaryPrimary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
+        badgeAppearance: string;
+        iconFill: string;
     };
 };
 export { iconAppearanceSecondary };

package/dist/types/components/Icon/appearance/iconStyle.d.ts

@@ -1,15 +1,13 @@
 declare const iconAppearanceStyle: {
-    full: {
-        borderColor: string;
-    };
-    ghost: {
-        fill: string;
+    solid: {
         borderColor: string;
     };
     outlined: {
         fill: string;
     };
-    solid: {
+    full: {};
+    ghost: {
+        fill: string;
         borderColor: string;
     };
 };

package/dist/types/components/Icon/appearance/iconSuccess.d.ts

@@ -2,8 +2,6 @@ declare const iconAppearanceSuccess: {
     success: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
     };
     successPrimary: {
         fill: string;

package/dist/types/components/Icon/appearance/iconSurface.d.ts

@@ -2,29 +2,24 @@ declare const iconAppearanceSurface: {
     surfacePrimary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
         badgeAppearance: string;
         iconFill: string;
     };
     surfaceSecondary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
         badgeAppearance: string;
         iconFill: string;
     };
     surfaceTertiary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
         badgeAppearance: string;
         iconFill: string;
     };
     surfaceQuaternary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
         badgeAppearance: string;
         iconFill: string;
     };

package/dist/types/components/Icon/appearance/iconWarning.d.ts

@@ -2,14 +2,14 @@ declare const iconAppearanceWarning: {
     warning: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
+        badgeAppearance: string;
+        iconFill: string;
     };
     warningPrimary: {
         fill: string;
         fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
+        badgeAppearance: string;
+        iconFill: string;
     };
 };
 export { iconAppearanceWarning };