@itcase/ui 1.8.33 → 1.8.35

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

@@ -114,6 +114,30 @@
     }
   }
 }
+.segmented {
+  &&_skeleton {
+    background-size: 200% !important;
+    border: none;
+    animation: segmentedSkeleton 3s infinite linear !important;
+    background-image: linear-gradient(
+      90deg,
+      var(--color-surface-fill-secondary),
+      var(--color-surface-fill-tertiary),
+      var(--color-surface-fill-secondary)
+    ) !important;
+    & * {
+      opacity: 0%;
+    }
+  }
+}
+@keyframes segmentedSkeleton {
+  0% {
+    background-position: 200%;
+  }
+  100% {
+    background-position: -200%;
+  }
+}
 :root {
   --segmented-item-size-l-padding: 14px 16px;
   --segmented-item-size-m-padding: 12px 16px;

package/dist/css/styles/shape-strength/shape-strength.css

@@ -2,21 +2,16 @@
   &_default {
     border-radius: 0.5m;
   }
-  &_0-5m {
+  &_0-5-m {
     border-radius: 0.5m;
   }
-  &_1m {
+  &_1-m {
     border-radius: 1m;
   }
-  &_1-5m {
+  &_1-5-m {
     border-radius: 1.5m;
   }
-  &_2m {
+  &_2-m {
     border-radius: 2m;
   }
-  /* @each $strength, $value in (0-5m, 1m, 1-5m, 2m), (0.5m, 1m, 1.5m, 2m) {
-    &_$(strength) {
-      border-radius: $value;
-    }
-  } */
 }

package/dist/stories/CellOverview.mdx

@@ -1,6 +1,7 @@
 import { Meta, Story } from '@storybook/blocks'
 
 import * as CellStories from '../stories/CellDemo.stories'
+import * as CellStoriesDirection from '../stories/CellDirection.stories'
 
 <Meta title="Molecules / Cell / Overview" />
 
@@ -12,10 +13,10 @@ import * as CellStories from '../stories/CellDemo.stories'
 
 ## Vertical
 
-<Story of={CellStories.Vertical} />
+<Story of={CellStoriesDirection.Vertical} />
 
 ## Horizontal
 
-<Story of={CellStories.Horizontal} />
+<Story of={CellStoriesDirection.Horizontal} />
 
 

package/dist/stories/DatePeriodPlayground.mdx

@@ -6,5 +6,5 @@ import * as DatePeriodStories from '../stories/DatePeriodDemo.stories'
 
 # Playground
 
-<Canvas sourceState="shown" of={DatePeriodStories.Mp4} />
-<Controls of={DatePeriodStories.Mp4} />
+<Canvas sourceState="shown" of={DatePeriodStories.Demo} />
+<Controls of={DatePeriodStories.Demo} />

package/dist/stories/RangeSliderOverview.mdx

@@ -10,6 +10,3 @@ import * as RangeSliderStories from  '../stories/RangeSliderDemo.stories'
 
 ## Demo
 <Story of={RangeSliderStories.Demo}/>
-
-## Disabled
-<Story of={RangeSliderStories.Disabled}/>

package/dist/stories/VideoOverview.mdx

@@ -8,14 +8,6 @@ import * as VideoStories from  '../stories/VideoDemo.stories'
 
 `Video` - используется для встраивания видео в разных форматах в веб-приложения
 
-## Poster
-<Story of={VideoStories.Poster}/>
+## Demo
+<Story of={VideoStories.Demo}/>
 
-## Mp4
-<Story of={VideoStories.Mp4}/>
-
-## Webm
-<Story of={VideoStories.Webm}/>
-
-## Ogv
-<Story of={VideoStories.Ogv}/>

package/dist/stories/VideoPlayground.mdx

@@ -6,5 +6,5 @@ import * as VideoStories from '../stories/VideoDemo.stories'
 
 # Playground
 
-<Canvas sourceState="shown" of={VideoStories.Mp4} />
-<Controls of={VideoStories.Mp4} />
+<Canvas sourceState="shown" of={VideoStories.Demo} />
+<Controls of={VideoStories.Demo} />

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

@@ -1,11 +1,45 @@
 declare const chipsAppearanceSize: {
+    sizeXXL: {
+        size: string;
+        labelTextSize: string;
+        iconAfterSize: number;
+        iconBeforeSize: number;
+    };
+    sizeXL: {
+        size: string;
+        labelTextSize: string;
+        iconAfterSize: number;
+        iconBeforeSize: number;
+    };
     sizeL: {
         size: string;
         labelTextSize: string;
+        iconAfterSize: number;
+        iconBeforeSize: number;
     };
     sizeM: {
         size: string;
         labelTextSize: string;
+        iconAfterSize: number;
+        iconBeforeSize: number;
+    };
+    sizeS: {
+        size: string;
+        labelTextSize: string;
+        iconAfterSize: number;
+        iconBeforeSize: number;
+    };
+    sizeXS: {
+        size: string;
+        labelTextSize: string;
+        iconAfterSize: number;
+        iconBeforeSize: number;
+    };
+    sizeXXS: {
+        size: string;
+        labelTextSize: string;
+        iconAfterSize: number;
+        iconBeforeSize: number;
     };
 };
 export { chipsAppearanceSize };

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

@@ -1,16 +1,14 @@
 declare const chipsAppearanceStyle: {
-    full: {
-        borderColor: null;
-    };
-    ghost: {
-        fill: null;
-        borderColor: null;
+    solid: {
+        borderColor: string;
     };
     outlined: {
-        fill: null;
+        fill: string;
     };
-    solid: {
-        borderColor: null;
+    full: {};
+    ghost: {
+        fill: string;
+        borderColor: string;
     };
 };
 export { chipsAppearanceStyle };

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

@@ -1,10 +1,17 @@
 declare const choiceAppearanceDefault: {
     defaultPrimary: {
         fill: string;
+        fillItem: string;
+        fillItemActive: string;
+        fillItemHover: string;
         labelTextColor: string;
         borderColor: string;
         iconAfterFill: string;
+        iconAfterFillActive: string;
         iconBeforeFill: string;
+        iconBeforeFillActive: string;
+        iconFill: string;
+        iconFillActive: string;
     };
 };
 export { choiceAppearanceDefault };

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

@@ -1,10 +1,17 @@
 declare const choiceAppearanceDisabled: {
     disabledPrimary: {
         fill: string;
+        fillItem: string;
+        fillItemActive: string;
+        fillItemHover: string;
         labelTextColor: string;
         borderColor: string;
         iconAfterFill: string;
+        iconAfterFillActive: string;
         iconBeforeFill: string;
+        iconBeforeFillActive: string;
+        iconFill: string;
+        iconFillActive: string;
     };
 };
 export { choiceAppearanceDisabled };

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

@@ -1,11 +1,17 @@
 declare const choiceAppearanceRequire: {
     requirePrimary: {
         fill: string;
+        fillItem: string;
         fillItemActive: string;
+        fillItemHover: string;
         labelTextColor: string;
         borderColor: string;
         iconAfterFill: string;
+        iconAfterFillActive: string;
         iconBeforeFill: string;
+        iconBeforeFillActive: string;
+        iconFill: string;
+        iconFillActive: string;
     };
 };
 export { choiceAppearanceRequire };

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

@@ -4,10 +4,14 @@ declare const choiceAppearanceStyle: {
     };
     ghost: {
         fill: string;
+        fillItem: string;
+        fillItemActive: string;
         borderColor: string;
     };
     outlined: {
         fill: string;
+        fillItem: string;
+        fillItemActive: string;
     };
     solid: {
         borderColor: string;

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

@@ -1,11 +1,17 @@
 declare const choiceAppearanceSuccess: {
     successPrimary: {
         fill: string;
+        fillItem: string;
         fillItemActive: string;
+        fillItemHover: string;
         labelTextColor: string;
         borderColor: string;
         iconAfterFill: string;
+        iconAfterFillActive: string;
         iconBeforeFill: string;
+        iconBeforeFillActive: string;
+        iconFill: string;
+        iconFillActive: string;
     };
 };
 export { choiceAppearanceSuccess };

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

@@ -4,8 +4,12 @@ declare const choiceListMock: {
     };
     choices: {
         label: string;
-        iconAfter: any;
-        iconBefore: any;
+        iconAfter: {
+            Default: any;
+        };
+        iconBefore: {
+            Default: any;
+        };
         value: number;
     }[];
 };
@@ -14,7 +18,9 @@ declare const choiceListIconMock: {
         value: number;
     };
     choices: {
-        icon: any;
+        icon: {
+            Default: any;
+        };
         value: number;
     }[];
 };

package/dist/types/components/Label/appearance/labelAccent.d.ts

@@ -1,13 +1,7 @@
 declare const labelAppearanceAccent: {
-    accent: {
-        fill: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-    };
     accentMutedPrimary: {
         fill: string;
         labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
@@ -15,7 +9,6 @@ declare const labelAppearanceAccent: {
     accentPrimary: {
         fill: string;
         labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
@@ -23,7 +16,6 @@ declare const labelAppearanceAccent: {
     accentTertiary: {
         fill: string;
         labelTextColor: string;
-        labelTextColorHover: string;
     };
 };
 export { labelAppearanceAccent };

package/dist/types/components/Label/appearance/labelDanger.d.ts

@@ -1,26 +1,14 @@
 declare const labelAppearanceDanger: {
-    danger: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
     dangerMutedPrimary: {
         fill: string;
         labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
     };
     dangerPrimary: {
         fill: string;
-        fillHover: string;
         labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;

package/dist/types/components/Label/appearance/labelDisable.d.ts

@@ -2,7 +2,6 @@ declare const labelAppearanceDisable: {
     disablePrimary: {
         fill: string;
         labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
@@ -10,7 +9,6 @@ declare const labelAppearanceDisable: {
     disableMuted: {
         fill: string;
         labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;

package/dist/types/components/Label/appearance/labelError.d.ts

@@ -1,14 +1,7 @@
 declare const labelAppearanceError: {
-    error: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-    };
     errorMutedPrimary: {
         fill: string;
         labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
@@ -17,7 +10,6 @@ declare const labelAppearanceError: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;

package/dist/types/components/Label/appearance/labelInfo.d.ts

@@ -1,26 +1,21 @@
 declare const labelAppearanceInfo: {
-    infoMuted: {
+    infoMutedPrimary: {
         fill: string;
         labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
     };
     infoPrimary: {
         fill: string;
-        fillHover: string;
         labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
     };
     infoSecondary: {
         fill: string;
-        fillHover: string;
         labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;

package/dist/types/components/Label/appearance/labelPrimary.d.ts

@@ -1,16 +1,7 @@
 declare const labelAppearancePrimary: {
-    primary: {
-        fill: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
     primaryMutedPrimary: {
         fill: string;
         labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
@@ -18,7 +9,6 @@ declare const labelAppearancePrimary: {
     primaryPrimary: {
         fill: string;
         labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;

package/dist/types/components/Label/appearance/labelSecondary.d.ts

@@ -1,16 +1,7 @@
 declare const labelAppearanceSecondary: {
-    secondary: {
-        fill: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
     secondaryMutedPrimary: {
         fill: string;
         labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
@@ -18,7 +9,6 @@ declare const labelAppearanceSecondary: {
     secondaryPrimary: {
         fill: string;
         labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;

package/dist/types/components/Label/appearance/labelSize.d.ts

@@ -8,6 +8,7 @@ declare const labelAppearanceSize: {
         iconBeforeSize: number;
     };
     sizeXL: {
+        size: string;
         labelTextSize: string;
         iconAfterFillSize: number;
         iconAfterSize: number;
@@ -15,6 +16,7 @@ declare const labelAppearanceSize: {
         iconBeforeSize: number;
     };
     sizeL: {
+        size: string;
         labelTextSize: string;
         iconAfterFillSize: number;
         iconAfterSize: number;
@@ -22,6 +24,7 @@ declare const labelAppearanceSize: {
         iconBeforeSize: number;
     };
     sizeM: {
+        size: string;
         labelTextSize: string;
         iconAfterFillSize: number;
         iconAfterSize: number;
@@ -29,6 +32,7 @@ declare const labelAppearanceSize: {
         iconBeforeSize: number;
     };
     sizeS: {
+        size: string;
         labelTextSize: string;
         iconAfterFillSize: number;
         iconAfterSize: number;
@@ -36,6 +40,7 @@ declare const labelAppearanceSize: {
         iconBeforeSize: number;
     };
     sizeXS: {
+        size: string;
         labelTextSize: string;
         iconAfterFillSize: number;
         iconAfterSize: number;
@@ -43,6 +48,7 @@ declare const labelAppearanceSize: {
         iconBeforeSize: number;
     };
     sizeXXS: {
+        size: string;
         labelTextSize: string;
         iconAfterFillSize: number;
         iconAfterSize: number;

package/dist/types/components/Label/appearance/labelStyle.d.ts

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

package/dist/types/components/Label/appearance/labelSuccess.d.ts

@@ -1,14 +1,7 @@
 declare const labelAppearanceSuccess: {
-    success: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-    };
     successMutedPrimary: {
         fill: string;
         labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
@@ -17,7 +10,6 @@ declare const labelAppearanceSuccess: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;

package/dist/types/components/Label/appearance/labelSurface.d.ts

@@ -2,16 +2,13 @@ declare const labelAppearanceSurface: {
     surfaceMutedPrimary: {
         fill: string;
         labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
     };
     surfacePrimary: {
         fill: string;
-        fillHover: string;
         labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
@@ -19,17 +16,14 @@ declare const labelAppearanceSurface: {
     surfaceSecondary: {
         fill: string;
         labelTextColor: string;
-        labelTextColorHover: string;
     };
     surfaceTertiary: {
         fill: string;
         labelTextColor: string;
-        labelTextColorHover: string;
     };
     surfaceQuaternary: {
         fill: string;
         labelTextColor: string;
-        labelTextColorHover: string;
     };
 };
 export { labelAppearanceSurface };

package/dist/types/components/Label/appearance/labelWarning.d.ts

@@ -1,23 +1,14 @@
 declare const labelAppearanceWarning: {
-    warning: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-    };
     warningMutedPrimary: {
         fill: string;
         labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
     };
     warningPrimary: {
         fill: string;
-        fillHover: string;
         labelTextColor: string;
-        labelTextColorHover: string;
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;

package/dist/types/components/MenuItem/appearance/menuItemAccent.d.ts

@@ -3,6 +3,7 @@ declare const menuItemAppearanceAccent: {
         fill: string;
         fillHover: string;
         labelTextColor: string;
+        borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
     };

package/dist/types/components/MenuItem/appearance/menuItemError.d.ts

@@ -4,6 +4,7 @@ declare const menuItemAppearanceError: {
         fillHover: string;
         labelTextColor: string;
         labelTextColorHover: string;
+        borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
     };

package/dist/types/components/MenuItem/appearance/menuItemStyle.d.ts

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