@itcase/ui 1.8.152 → 1.8.154

package/dist/css/styles/print/print.css

@@ -0,0 +1,20 @@
+@media screen {
+  .print {
+    height: auto !important;
+    overflow: auto !important;
+    display: none !important;
+  }
+}
+
+@media print {
+  .no-print,
+  .no-print * {
+    height: 0 !important;
+    display: none !important;
+  }
+  .print {
+    height: auto !important;
+    overflow: auto !important;
+    display: block !important;
+  }
+}

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

@@ -1,5 +1,6 @@
 declare const notificationsMock: {
     key: number;
+    type: string;
     title: string;
     desc: string;
     status: string;

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

@@ -1,17 +1,17 @@
 import type { CSSProperties, ElementType } from 'react';
-import { AppearanceKeysDefault, BorderColorProps, FillProps, ItemColorProps, ShapeProps, SizePXProps, TextColorProps, TextSizeProps, TextWeightProps } from '@itcase/types';
+import { AppearanceKeysDefault, BorderColorProps, FillProps, ItemFillProps, ShapeProps, SizePXProps, TextColorProps, TextSizeProps, TextWeightProps } from '@itcase/types';
 interface WarningThemeColor {
     borderColor?: BorderColorProps;
     descriptionTextColor: TextColorProps;
     descriptionTextSize: TextSizeProps;
     fill?: FillProps;
     iconAfter: ElementType;
-    iconAfterFillIcon: ItemColorProps;
+    iconAfterFillIcon: ItemFillProps;
     iconAfterSize: SizePXProps;
     iconAfterSrc: string;
     iconBefore: ElementType;
     iconBeforeFill: FillProps;
-    iconBeforeFillIcon: ItemColorProps;
+    iconBeforeFillIcon: ItemFillProps;
     iconBeforeSize: SizePXProps;
     iconBeforeSrc: string;
     labelTextColor?: TextColorProps;
@@ -38,4 +38,4 @@ interface WarningProps {
     style?: CSSProperties;
     isSkeleton?: boolean;
 }
-export { WarningProps, WarningConfig };
+export { WarningConfig, WarningProps };

package/dist/types/context/Notifications.d.ts

@@ -1,7 +1,7 @@
 import type { Id, SimpleCallback } from '@itcase/types';
-import type { CreatedNotification, NotificationsProviderProps } from './Notifications.interface';
+import type { CreatedNotification, Notification, NotificationsProviderProps } from './Notifications.interface';
 declare function NotificationsProvider(props: NotificationsProviderProps): import("react/jsx-runtime").JSX.Element;
-declare function useNotifications(): never[];
+declare function useNotifications(): Notification[];
 declare function useNotificationsAPI(): {
     hideNotifications: (targetId: Id) => void;
     showNotification: (notification: string | CreatedNotification, onClose?: SimpleCallback) => void;

package/dist/types/context/Notifications.interface.d.ts

@@ -4,34 +4,36 @@ interface Notification {
     id: Id;
     _closeTimeout?: ReturnType<typeof setTimeout>;
     after: React.ReactNode;
+    appearance?: string;
     buttonLabel: string;
     closeByTime: number | false;
     closeIcon?: string;
+    closeIconAppearance?: string;
     closeIconSrc?: string;
-    float?: boolean;
-    global?: boolean;
     status: 'error' | 'info' | 'success' | 'warning';
     text: string;
     textColor: string;
     title: string;
-    toast?: boolean;
+    type?: 'float' | 'global' | 'toast';
+    isLoading: boolean;
     onClickButton?: () => void;
     onClose?: () => void;
 }
 interface CreatedNotification {
     id?: Notification['id'];
     after?: Notification['after'];
+    appearance?: Notification['appearance'];
     buttonLabel?: Notification['buttonLabel'];
     closeByTime?: Notification['closeByTime'];
     closeIcon?: Notification['closeIcon'];
+    closeIconAppearance?: Notification['closeIconAppearance'];
     closeIconSrc?: Notification['closeIconSrc'];
-    float?: Notification['float'];
-    global?: Notification['global'];
     status?: Notification['status'];
     text?: Notification['text'];
     textColor?: Notification['textColor'];
     title?: Notification['title'];
-    toast?: Notification['toast'];
+    type?: Notification['type'];
+    isLoading?: Notification['isLoading'];
     onClickButton?: Notification['onClickButton'];
     onClose?: Notification['onClose'];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.152",
+  "version": "1.8.154",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -104,8 +104,8 @@
     "@itcase/common": "^1.2.32",
     "@itcase/icons": "^1.2.23",
     "@itcase/storybook-config": "^1.2.13",
-    "@itcase/tokens-am": "^1.1.20",
-    "@itcase/tokens-baikal": "^1.1.17",
+    "@itcase/tokens-am": "^1.1.21",
+    "@itcase/tokens-baikal": "^1.1.21",
     "@itcase/tokens-palette": "^1.1.20",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
@@ -121,7 +121,7 @@
     "react-dom": "^18.3.1",
     "react-indiana-drag-scroll": "^3.0.3-alpha",
     "react-inlinesvg": "^4.2.0",
-    "react-modal-sheet": "5.2.0",
+    "react-modal-sheet": "5.2.1",
     "react-modern-drawer": "^1.4.0",
     "react-otp-input": "^3.1.1",
     "react-paginate": "^8.3.0",
@@ -143,11 +143,11 @@
     "@itcase/lint": "^1.1.67",
     "@itcase/types": "^1.0.45",
     "@rollup/plugin-alias": "^5.1.1",
-    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-babel": "^6.1.0",
     "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-image": "^3.0.3",
     "@rollup/plugin-json": "^6.1.0",
-    "@rollup/plugin-node-resolve": "^16.0.2",
+    "@rollup/plugin-node-resolve": "^16.0.3",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^12.1.4",
     "@semantic-release/changelog": "^6.0.3",