@itcase/ui 1.8.21 → 1.8.23

package/dist/css/styles/border-color/border-color_focus.css

@@ -8,13 +8,37 @@
           &-border {
             &-$(color) {
               &:focus {
-                outline: 0;
+                border-width: 1px;
                 border-color: var(--color-$(type)-border-$(color)) !important;
+                border-style: solid;
+                outline: 0;
               }
             }
           }
         }
       }
     }
+    @each $palette in red, neon-pink, electric-pink, hibiscus, pink,
+      pink-citrus, pomagranate, dragon-fruit, camellia, red-rose, plum, orange,
+      clementine, apricot, papaya, kumquat, light-orange, peach, flamingo,
+      rose-gold, pink-sand, vintage-rose, grapefruit, cream, mellow-yellow,
+      canary-yellow, pollen, flash-light, lemon-cream, flash, dark-green, green,
+      spearmint, mint, beryl, sea-foam, turquoise, blue, light-blue, cerulian,
+      surf-blue, pacific-green, blue-cobalt, dark-teal, blue-horizon,
+      denim-blue, linen-blue, deep-navy, midnight-blue, purple, ultra-violet,
+      lilac, ocean-blue, delft-blue, indigo, lavender-gray, lavender, mist-blue,
+      storm-gray, cactus, pine-green, cyprus-green, northern-blue, azure,
+      alaskan-blue, khaki, dark-olive, soft-white, antique-white, yellow-gold,
+      gold, camel, walnut, stone, pebble, cocoa, coastal-gray, white, black,
+      alto, athens-gray, sonic-silver {
+      &_$(palette) {
+        &:focus {
+          border-width: 1px;
+          border-color: var(--color-palette-$(palette)) !important;
+          border-style: solid;
+          outline: 0;
+        }
+      }
+    }
   }
 }

package/dist/css/styles/border-color/border-color_hover.css

@@ -8,11 +8,15 @@
           &-border {
             &-$(color) {
               &:hover {
+                border-width: 1px;
                 border-color: var(--color-$(type)-border-$(color));
+                border-style: solid;
               }
               &-hover {
                 &:hover {
+                  border-width: 1px;
                   border-color: var(--color-$(type)-border-$(color));
+                  border-style: solid;
                 }
               }
             }
@@ -20,5 +24,33 @@
         }
       }
     }
+    @each $palette in red, neon-pink, electric-pink, hibiscus, pink,
+      pink-citrus, pomagranate, dragon-fruit, camellia, red-rose, plum, orange,
+      clementine, apricot, papaya, kumquat, light-orange, peach, flamingo,
+      rose-gold, pink-sand, vintage-rose, grapefruit, cream, mellow-yellow,
+      canary-yellow, pollen, flash-light, lemon-cream, flash, dark-green, green,
+      spearmint, mint, beryl, sea-foam, turquoise, blue, light-blue, cerulian,
+      surf-blue, pacific-green, blue-cobalt, dark-teal, blue-horizon,
+      denim-blue, linen-blue, deep-navy, midnight-blue, purple, ultra-violet,
+      lilac, ocean-blue, delft-blue, indigo, lavender-gray, lavender, mist-blue,
+      storm-gray, cactus, pine-green, cyprus-green, northern-blue, azure,
+      alaskan-blue, khaki, dark-olive, soft-white, antique-white, yellow-gold,
+      gold, camel, walnut, stone, pebble, cocoa, coastal-gray, white, black,
+      alto, athens-gray, sonic-silver {
+      &_$(palette) {
+        &:hover {
+          border-width: 1px;
+          border-color: var(--color-palette-$(palette));
+          border-style: solid;
+        }
+        &-hover {
+          &:hover {
+            border-width: 1px;
+            border-color: var(--color-palette-$(palette));
+            border-style: solid;
+          }
+        }
+      }
+    }
   }
 }

package/dist/css/styles/svg-color/svg_fill.css

@@ -11,21 +11,21 @@
                 stroke: none;
                 fill: var(--color-$(type)-item-$(color));
               }
-              & path,
+              /* & path,
               & circle {
                 fill: var(--color-$(type)-item-$(color));
-              }
+              } */
             }
           }
           &-$(color) {
             & svg {
               stroke: none;
-              fill: var(--color-$(type)-$(color));
+              fill: var(--color-$(type)-fill-$(color));
             }
-            & path,
+            /* & path,
             & circle {
               fill: var(--color-$(type)-item-$(color));
-            }
+            } */
           }
         }
       }

package/dist/stories/Plsyground.mdx

@@ -1,7 +1,6 @@
 import { Canvas, Controls, Meta } from '@storybook/blocks'
 
 import * as BreadcrumbsStories from '../stories/Breadcrumbs.stories'
-import * as BreadcrumbsItemStories from '../stories/BreadcrubsItem.stories'
 
 <Meta title="Atoms / Breadcrumbs / Playground" />
 

package/dist/stories/index.stories.js

@@ -1,38 +1,35 @@
-import AvatarStack from '.'
+import { AvatarStack } from '../'
 
 const meta = {
-  title: 'Atoms / Avatar Stack',
+  title: 'Molecules / Avatar Stack',
   component: AvatarStack,
   args: {
     avatarSize: 48,
-    users: [
+    avatarsList: [
       {
         id: 0,
-        src: 'https://as2.ftcdn.net/v2/jpg/07/52/13/37/1000_F_752133729_dz4GYDkaKZ6vRCNadT5Pz2EBe43ShRos.jpg',
+        src: '/avatar/Man.png',
         firstName: 'firstName',
         secondName: 'secondName',
       },
       {
         id: 1,
-        src: 'https://as2.ftcdn.net/v2/jpg/07/52/13/37/1000_F_752133729_dz4GYDkaKZ6vRCNadT5Pz2EBe43ShRos.jpg',
+        src: '/avatar/Woman.png',
         firstName: 'firstName',
         secondName: 'secondName',
       },
       {
         id: 2,
-        src: 'https://as2.ftcdn.net/v2/jpg/07/52/13/37/1000_F_752133729_dz4GYDkaKZ6vRCNadT5Pz2EBe43ShRos.jpg',
         firstName: 'firstName',
         secondName: 'secondName',
       },
       {
         id: 3,
-        src: 'https://as2.ftcdn.net/v2/jpg/07/52/13/37/1000_F_752133729_dz4GYDkaKZ6vRCNadT5Pz2EBe43ShRos.jpg',
         firstName: 'firstName',
         secondName: 'secondName',
       },
       {
         id: 4,
-        src: 'https://as2.ftcdn.net/v2/jpg/07/52/13/37/1000_F_752133729_dz4GYDkaKZ6vRCNadT5Pz2EBe43ShRos.jpg',
         firstName: 'firstName',
         secondName: 'secondName',
       },

package/dist/types/components/Avatar/appearance/avatarAccent.d.ts

@@ -1,19 +1,15 @@
 declare const avatarAppearanceAccent: {
     accent: {
         fill: string;
-        fillHover: string;
     };
     accentPrimary: {
         fill: string;
-        fillHover: string;
         borderColor: string;
     };
     accentSecondary: {
         fill: string;
-        fillHover: string;
         borderColor: string;
         textColor: string;
-        textColorHover: string;
     };
 };
 export { avatarAppearanceAccent };

package/dist/types/components/Avatar/appearance/avatarDanger.d.ts

@@ -1,7 +1,6 @@
 declare const avatarAppearanceDanger: {
     danger: {
         fill: string;
-        fillHover: string;
     };
 };
 export { avatarAppearanceDanger };

package/dist/types/components/Avatar/appearance/avatarInfo.d.ts

@@ -1,17 +1,13 @@
 declare const avatarAppearanceInfo: {
     info: {
         fill: string;
-        fillHover: string;
         borderColor: string;
         textColor: string;
-        textColorHover: string;
     };
     infoSecondary: {
         fill: string;
-        fillHover: string;
         borderColor: string;
         textColor: string;
-        textColorHover: string;
     };
 };
 export { avatarAppearanceInfo };

package/dist/types/components/Avatar/appearance/avatarPrimary.d.ts

@@ -1,7 +1,6 @@
 declare const avatarAppearancePrimary: {
     primary: {
         fill: string;
-        fillHover: string;
         textColor: string;
     };
 };

package/dist/types/components/Avatar/appearance/avatarSecondary.d.ts

@@ -1,7 +1,6 @@
 declare const avatarAppearanceSecondary: {
     secondary: {
         fill: string;
-        fillHover: string;
         textColor: string;
     };
 };

package/dist/types/components/Avatar/appearance/avatarSuccess.d.ts

@@ -1,9 +1,7 @@
 declare const avatarAppearanceSuccess: {
     success: {
         fill: string;
-        fillHover: string;
-        textColorPropsColor: string;
-        textColorPropsColorHover: string;
+        textColor: string;
     };
 };
 export { avatarAppearanceSuccess };

package/dist/types/components/Avatar/appearance/avatarSurface.d.ts

@@ -1,24 +1,18 @@
 declare const avatarAppearanceSurface: {
     surfacePrimary: {
         fill: string;
-        fillHover: string;
         textColor: string;
     };
     surfaceQuaternary: {
         fill: string;
-        fillHover: string;
         textColor: string;
     };
     surfaceSecondary: {
         fill: string;
-        fillHover: string;
         textColor: string;
-        loaderFill: string;
-        loaderItemFill: string;
     };
     surfaceTertiary: {
         fill: string;
-        fillHover: string;
         textColor: string;
     };
 };

package/dist/types/components/Badge/appearance/badgeAccent.d.ts

@@ -7,20 +7,32 @@ declare const badgeAppearanceAccent: {
         iconFill: string;
     };
     accentPrimary: {
-        dotFill: string;
         fill: string;
         borderColor: string;
         textColor: string;
+        dotFill: string;
         iconFill: string;
     };
     accentQuaternary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
         dotFill: string;
+        iconFill: string;
     };
     accentSecondary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
         dotFill: string;
+        iconFill: string;
     };
     accentTertiary: {
+        fill: string;
+        borderColor: string;
+        textColor: string;
         dotFill: string;
+        iconFill: string;
     };
 };
 export { badgeAppearanceAccent };

package/dist/types/components/Badge/appearance/badgeDanger.d.ts

@@ -1,7 +1,13 @@
 declare const badgeAppearanceDanger: {
     danger: {
         fill: string;
-        fillHover: string;
+        borderColor: string;
+        textColor: string;
+        dotFill: string;
+        iconFill: string;
+    };
+    dangerPrimary: {
+        fill: string;
         borderColor: string;
         textColor: string;
         dotFill: string;

package/dist/types/components/Badge/appearance/badgeDisabled.d.ts

@@ -1,7 +1,12 @@
 declare const badgeAppearanceDisabled: {
     disabled: {
         fill: string;
-        fillHover: string;
+        borderColor: string;
+        textColor: string;
+        iconFill: string;
+    };
+    disabledPrimary: {
+        fill: string;
         borderColor: string;
         textColor: string;
         iconFill: string;

package/dist/types/components/Badge/appearance/badgeError.d.ts

@@ -5,8 +5,13 @@ declare const badgeAppearanceError: {
         labelTextColor: string;
         labelTextColorHover: string;
         iconFill: string;
-        loaderFill: string;
-        loaderItemFill: string;
+    };
+    errorPrimary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        iconFill: string;
     };
 };
 export { badgeAppearanceError };

package/dist/types/components/Badge/appearance/badgeInfo.d.ts

@@ -1,7 +1,6 @@
 declare const badgeAppearanceInfo: {
-    info: {
+    infoPrimary: {
         fill: string;
-        fillHover: string;
         borderColor: string;
         textColor: string;
         dotFill: string;
@@ -9,7 +8,6 @@ declare const badgeAppearanceInfo: {
     };
     infoSecondary: {
         fill: string;
-        fillHover: string;
         borderColor: string;
         textColor: string;
         dotFill: string;

package/dist/types/components/Badge/appearance/badgePrimary.d.ts

@@ -1,7 +1,13 @@
 declare const badgeAppearancePrimary: {
     primary: {
         fill: string;
-        fillHover: string;
+        borderColor: string;
+        textColor: string;
+        dotFill: string;
+        iconFill: string;
+    };
+    primaryPrimary: {
+        fill: string;
         borderColor: string;
         textColor: string;
         dotFill: string;

package/dist/types/components/Badge/appearance/badgeSecondary.d.ts

@@ -1,7 +1,13 @@
 declare const badgeAppearanceSecondary: {
     secondary: {
         fill: string;
-        fillHover: string;
+        borderColor: string;
+        textColor: string;
+        dotFill: string;
+        iconFill: string;
+    };
+    secondaryPrimary: {
+        fill: string;
         borderColor: string;
         textColor: string;
         dotFill: string;

package/dist/types/components/Badge/appearance/badgeStyle.d.ts

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

package/dist/types/components/Badge/appearance/badgeSuccess.d.ts

@@ -1,7 +1,13 @@
 declare const badgeAppearanceSuccess: {
     success: {
         fill: string;
-        fillHover: string;
+        borderColor: string;
+        textColor: string;
+        dotFill: string;
+        iconFill: string;
+    };
+    successPrimary: {
+        fill: string;
         borderColor: string;
         textColor: string;
         dotFill: string;

package/dist/types/components/Badge/appearance/badgeWarning.d.ts

@@ -1,7 +1,13 @@
 declare const badgeAppearanceWarning: {
     warning: {
         fill: string;
-        fillHover: string;
+        borderColor: string;
+        textColor: string;
+        dotFill: string;
+        iconFill: string;
+    };
+    warningPrimary: {
+        fill: string;
         borderColor: string;
         textColor: string;
         dotFill: string;

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

@@ -7,6 +7,7 @@ declare const buttonAppearanceAccent: {
         borderColor: string;
         iconAfterFillIcon: string;
         iconBeforeFillIcon: string;
+        iconFillIcon: string;
         loaderFill: string;
         loaderItemFill: string;
     };

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

@@ -7,5 +7,13 @@ declare const buttonAppearanceWarning: {
         loaderFill: string;
         loaderItemFill: string;
     };
+    warningPrimary: {
+        fill: string;
+        fillHover: string;
+        labelTextColor: string;
+        labelTextColorHover: string;
+        loaderFill: string;
+        loaderItemFill: string;
+    };
 };
 export { buttonAppearanceWarning };

package/dist/types/components/Cell/appearance/cellSize.d.ts

@@ -1,59 +1,23 @@
 declare const cellAppearanceSize: {
-    sizeXXL: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-    };
     sizeXL: {
         size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        titleTextSize: string;
+        valueTextSize: string;
     };
     sizeL: {
         size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        titleTextSize: string;
+        valueTextSize: string;
     };
     sizeM: {
         size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        titleTextSize: string;
+        valueTextSize: string;
     };
     sizeS: {
         size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-    };
-    sizeXS: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
-    };
-    sizeXXS: {
-        size: string;
-        labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        titleTextSize: string;
+        valueTextSize: string;
     };
 };
 export { cellAppearanceSize };

package/dist/types/components/Code/appearance/codeSize.d.ts

@@ -2,18 +2,12 @@ declare const codeAppearanceSize: {
     sizeL: {
         size: string;
         labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        inputSize: string;
     };
     sizeM: {
         size: string;
         labelTextSize: string;
-        iconAfterFillSize: string;
-        iconAfterSize: string;
-        iconBeforeFillSize: string;
-        iconBeforeSize: string;
+        inputSize: string;
     };
 };
 export { codeAppearanceSize };

package/dist/types/components/{Response/appearance/responseDisabled.d.ts → InputPassword/appearance/inputPasswordDefault.d.ts}

@@ -1,20 +1,24 @@
-declare const responseAppearanceDisabled: {
-    disabledPrimary: {
+declare const inputPasswordAppearanceDefault: {
+    defaultPrimary: {
         fill: string;
         borderColor: string;
         borderHover: string;
         textColor: string;
+        textColorDisabled: string;
+        caret: string;
         iconBeforeFill: string;
         iconClearFill: string;
-        placeholderTextColor: string;
     };
-    disabledSecondary: {
+    defaultSecondary: {
         fill: string;
         borderColor: string;
         borderHover: string;
+        textColor: string;
+        textColorDisabled: string;
+        caret: string;
         iconBeforeFill: string;
         iconClearFill: string;
         placeholderTextColor: string;
     };
 };
-export { responseAppearanceDisabled };
+export { inputPasswordAppearanceDefault };

package/dist/types/components/InputPassword/appearance/inputPasswordError.d.ts

@@ -1,11 +1,20 @@
 declare const inputPasswordAppearanceError: {
-    error: {
+    errorPrimary: {
         fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        loaderFill: string;
-        loaderItemFill: string;
+        borderColor: string;
+        borderHover: string;
+        textColor: string;
+        iconBeforeFill: string;
+        iconClearFill: string;
+        placeholderTextColor: string;
+    };
+    errorSecondary: {
+        fill: string;
+        borderColor: string;
+        borderHover: string;
+        iconBeforeFill: string;
+        iconClearFill: string;
+        placeholderTextColor: string;
     };
 };
 export { inputPasswordAppearanceError };