@itcase/ui 1.8.148 → 1.8.150

package/dist/css/components/Button/Button.css

@@ -29,39 +29,27 @@
   }
 }
 .button {
-  &&_state {
-    &_loading {
-      ^^&__loader {
-        position: absolute;
-        display: flex;
-      }
+  &&_reset-gap {
+    ^&__wrapper {
+      gap: 0;
     }
   }
 }
 .button {
-  @each $type in default, icon, label {
-    &_type_$(type) {
-      @each $size in xxs, xs, s, m, l, xl, xxl {
-        &^&_size_$(size) {
-          ^^&__wrapper {
-            min-width: var(
-              --button-type-$(type)-$(size)-min-width,
-              var(--button-$(size)-min-width)
-            );
-            min-height: var(
-              --button-type-$(type)-$(size)-min-height,
-              var(--button-$(size)-min-height)
-            );
-            padding: var(
-              --button-type-$(type)-$(size)-padding,
-              var(--button-$(size)-padding)
-            );
-            gap: var(
-              --button-type-$(type)-$(size)-gap,
-              var(--button-$(size)-gap)
-            );
-          }
-        }
+  &&_reset-padding {
+    ^&__wrapper {
+      padding: 0;
+    }
+  }
+}
+.button {
+  @each $size in xxl, xl, l, m, s, xs, xxs {
+    &_size_$(size) {
+      ^&__wrapper {
+        min-width: var(--button-$(size)-min-width);
+        min-height: var(--button-$(size)-min-height);
+        padding: var(--button-$(size)-padding);
+        gap: var(--button-$(size)-gap);
       }
     }
   }
@@ -91,13 +79,45 @@
   }
 }
 .button {
-  @each $size in xxl, xl, l, m, s, xs, xxs {
-    &_size_$(size) {
-      ^&__wrapper {
-        min-width: var(--button-$(size)-min-width);
-        min-height: var(--button-$(size)-min-height);
-        padding: var(--button-$(size)-padding);
-        gap: var(--button-$(size)-gap);
+  &&_state {
+    &_disabled {
+    }
+  }
+}
+.button {
+  &&_state {
+    &_loading {
+      ^^&__loader {
+        position: absolute;
+        display: flex;
+      }
+    }
+  }
+}
+.button {
+  @each $type in default, icon, label {
+    &_type_$(type) {
+      @each $size in xxs, xs, s, m, l, xl, xxl {
+        &^&_size_$(size) {
+          ^^&__wrapper {
+            min-width: var(
+              --button-type-$(type)-$(size)-min-width,
+              var(--button-$(size)-min-width)
+            );
+            min-height: var(
+              --button-type-$(type)-$(size)-min-height,
+              var(--button-$(size)-min-height)
+            );
+            padding: var(
+              --button-type-$(type)-$(size)-padding,
+              var(--button-$(size)-padding)
+            );
+            gap: var(
+              --button-type-$(type)-$(size)-gap,
+              var(--button-$(size)-gap)
+            );
+          }
+        }
       }
     }
   }
@@ -116,20 +136,6 @@
     }
   }
 }
-.button {
-  &&_reset-padding {
-    ^&__wrapper {
-      padding: 0;
-    }
-  }
-}
-.button {
-  &&_reset-gap {
-    ^&__wrapper {
-      gap: 0;
-    }
-  }
-}
 :root {
   /* MainXL */
   --button-transition: all 0.2s ease 0s;

package/dist/css/components/Dropdown/Dropdown.css

@@ -66,19 +66,11 @@
       align-items: center;
     }
     &-label {
+      text-align: left;
       flex-grow: 1;
     }
   }
 }
-.dropdown {
-  &__item {
-    &_shape {
-      &_rounded {
-        border-radius: var(--dropdown-item-shape-rounded);
-      }
-    }
-  }
-}
 .dropdown {
   &__item {
     &_size {

package/dist/types/components/DatePeriod/DatePeriod.interface.d.ts

@@ -20,14 +20,14 @@ type DatePeriodProps = DatePeriodThemeColor & StyleAttributes & {
     chipsShape?: ShapeProps;
     className?: string;
     datePeriodIntervalsList: DatePeriodItem[];
-    datePeriodValueEnd: DateIso | null;
-    datePeriodValueStart: DateIso | null;
+    datePeriodValueEnd: Date | DateIso | null;
+    datePeriodValueStart: Date | DateIso | null;
     datePickerAppearance?: CompositeAppearanceKey;
     datePickerInputAppearance?: CompositeAppearanceKey;
     datePickerInputFillHover?: FillHoverProps;
     datePickerInputSize?: SizeOptionProps;
     datePickerInputTextSize?: TextSizeProps;
     isSkeleton?: boolean;
-    onChangeDatePeriod: (dateStartIso: DateIso | null, dateEndIso: DateIso | null) => void;
+    onChangeDatePeriod: (dateStart: Date | null, dateEnd: Date | null) => void;
 };
-export type { DatePeriodThemeColor, DatePeriodAppearanceType, DatePeriodConfig, DatePeriodProps, };
+export type { DatePeriodAppearanceType, DatePeriodConfig, DatePeriodProps, DatePeriodThemeColor, };

package/dist/types/components/DatePicker/DatePicker.interface.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 import { DatePickerProps } from 'react-datepicker';
-import { AppearanceKeysDefault, FillHoverProps, FillProps, IconFillSizeProps, IconSizeProps, ItemColorProps, ShapeProps, SizeProps, TextColorHoverProps, TextColorProps, TextSizeProps, TextWeightProps } from '@itcase/types';
+import { AppearanceKeysDefault, DateIso, FillHoverProps, FillProps, IconFillSizeProps, IconSizeProps, ItemColorProps, ShapeProps, SizeProps, TextColorHoverProps, TextColorProps, TextSizeProps, TextWeightProps } from '@itcase/types';
 import { InputProps } from '../Input/Input.interface';
 interface DatePickerProps extends DatePickerProps {
     customTimeInput?: ReactNode;
@@ -64,11 +64,11 @@ export interface DatePickerInputProps extends DatePickerProps {
     clearLabelTextColorHover?: TextColorHoverProps;
     clearLabelTextSize?: TextSizeProps;
     datePickerProps: DatePickerProps;
-    endValue?: string;
+    endValue?: string | Date | DateIso;
     inputProps?: InputProps;
     labelTextSize?: TextSizeProps;
-    value?: string;
-    onChange?: any;
+    value?: string | Date | DateIso;
+    onChange: (dateStart: Date | null, dateEnd: Date | null) => void;
 }
 export interface DatePickerCustomInput {
     clearIcon?: any;

package/dist/types/components/Dropdown/Dropdown.appearance.d.ts

@@ -0,0 +1,2 @@
+import { DropdownItemProps } from './Dropdown.interface';
+export declare const dropdownAppearance: DropdownItemProps;

package/dist/types/components/Dropdown/appearance/dropdownShape.d.ts

@@ -0,0 +1,3 @@
+import { DropdownAppearance } from '../Dropdown.interface';
+declare const dropdownAppearanceShape: DropdownAppearance;
+export { dropdownAppearanceShape };

package/dist/types/components/Response/Response.constant.d.ts

@@ -3,7 +3,6 @@ declare const RESPONSE_MESSAGES: {
         appearance: string;
         title: string;
         desc: string;
-        imageSrc: any;
         primaryButtonAppearance: string;
         primaryButtonLabel: string;
         secondaryButtonAppearance: string;
@@ -30,35 +29,31 @@ declare const RESPONSE_MESSAGES: {
         secondaryButtonAppearance: string;
         secondaryButtonLabel: string;
     };
+    fail: {
+        appearance: string;
+        primaryButtonAppearance: string;
+        primaryButtonLabel: string;
+    };
     nothingFound: {
         appearance: string;
         title: string;
         desc: string;
-        imageSrc: any;
         primaryButtonAppearance: string;
         primaryButtonLabel: string;
         secondaryButtonAppearance: string;
         secondaryButtonLabel: string;
     };
-    fail: {
-        appearance: string;
-        imageSrc: any;
-        primaryButtonAppearance: string;
-        primaryButtonLabel: string;
-    };
     empty: {
         appearance: string;
         title: string;
         desc: string;
         code: string;
-        imageSrc: any;
         primaryButtonAppearance: string;
         primaryButtonLabel: string;
     };
     warning: {
         appearance: string;
         title: string;
-        imageSrc: any;
         primaryButtonAppearance: string;
         primaryButtonLabel: string;
         secondaryButtonAppearance: string;

package/dist/types/config/forms/datepicker.d.ts

@@ -1,18 +1,18 @@
 declare const defaultDatepickerProps: {
     size: string;
-    iconSize: number;
-    iconFillSize: number;
-    iconItemFill: string;
     daySize: string;
     dayTextColor: string;
-    dayTextSize: string;
     dayTextShape: string;
+    dayTextSize: string;
+    iconFillSize: number;
+    iconItemFill: string;
+    iconSize: number;
     monthTextColor: string;
     monthTextSize: string;
     monthTextWeight: number;
+    placeholderTextColor: string;
     yearTextColor: string;
     yearTextSize: string;
     yearTextWeight: number;
-    placeholderTextColor: string;
 };
 export { defaultDatepickerProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.148",
+  "version": "1.8.150",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -109,11 +109,11 @@
     "@itcase/tokens-palette": "^1.1.20",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
-    "framer-motion": "^12.23.22",
+    "framer-motion": "^12.23.24",
     "js-cookie": "^3.0.5",
     "lodash": "^4.17.21",
     "luxon": "^3.7.2",
-    "motion": "^12.23.22",
+    "motion": "^12.23.24",
     "rc-slider": "^11.1.9",
     "react": "^18.3.1",
     "react-dadata": "^2.27.4",
@@ -168,7 +168,7 @@
     "conventional-changelog-conventionalcommits": "^9.1.0",
     "eslint": "9.37.0",
     "husky": "^9.1.7",
-    "lint-staged": "^16.2.3",
+    "lint-staged": "^16.2.4",
     "prettier": "^3.6.2",
     "react-docgen-typescript": "^2.4.0",
     "rollup": "^4.52.4",