@itcase/ui-core 1.10.55 → 1.10.60

package/dist/cjs/hooks/useStyles/styleAttributes.js

@@ -29,6 +29,7 @@ var styleAttributes = [
     'columnGap',
     'columnWidth',
     'height',
+    'inset',
     'justifyContent',
     'justifyItems',
     'justifySelf',

package/dist/cjs/hooks/useStyles/useStyles.js

@@ -37,6 +37,9 @@ function useStyles(props) {
     const { deviceCurrentMainType, deviceCurrentType, deviceTypesList } = UIContext.useUserDeviceContext();
     const propsStyleAttributes = React.useMemo(() => {
         const styles = Object.entries(props).reduce((result, [propKey, propValue]) => {
+            if (propValue === false || propValue == null) {
+                return result;
+            }
             const styleAttributeKey = getTargetStyleAttributeKey(propKey, propValue);
             if (styleAttributeKey) {
                 result[propKey] = propValue;

package/dist/hooks/useStyles/styleAttributes.js

@@ -25,6 +25,7 @@ var styleAttributes = [
     'columnGap',
     'columnWidth',
     'height',
+    'inset',
     'justifyContent',
     'justifyItems',
     'justifySelf',

package/dist/hooks/useStyles/useStyles.js

@@ -35,6 +35,9 @@ function useStyles(props) {
     const { deviceCurrentMainType, deviceCurrentType, deviceTypesList } = useUserDeviceContext();
     const propsStyleAttributes = useMemo(() => {
         const styles = Object.entries(props).reduce((result, [propKey, propValue]) => {
+            if (propValue === false || propValue == null) {
+                return result;
+            }
             const styleAttributeKey = getTargetStyleAttributeKey(propKey, propValue);
             if (styleAttributeKey) {
                 result[propKey] = propValue;

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

@@ -1,11 +1,15 @@
 import React from 'react';
 import type { GeneratedId } from '@itcase/types-core';
-import { statusToAppearanceList } from './Notifications';
-type NotificationAppearance = (typeof statusToAppearanceList)[keyof typeof statusToAppearanceList];
+import type { AppearanceNotificationKeys, AppearanceSizeKey, AppearanceStyleKey, CompositeAppearanceNotificationKeys } from '@itcase/types-ui';
+/** Full token (`… solid rounded`) or without shape (`… sizeM solid`). */
+type NotificationAppearance = `${AppearanceNotificationKeys} ${AppearanceSizeKey} ${AppearanceStyleKey}` | CompositeAppearanceNotificationKeys;
 interface Notification {
     id: GeneratedId;
-    _closeTimeout?: ReturnType<typeof setTimeout>;
     isClosing?: boolean;
+    isLoading: boolean;
+    onClickButton: React.MouseEventHandler<HTMLButtonElement>;
+    onClose?: () => void;
+    _closeTimeout?: ReturnType<typeof setTimeout>;
     after: React.ReactNode;
     appearance?: NotificationAppearance;
     buttonLabel: string;
@@ -18,12 +22,12 @@ interface Notification {
     textColor?: string;
     title: string;
     type?: 'float' | 'global' | 'toast';
-    isLoading: boolean;
-    onClickButton: React.MouseEventHandler<HTMLButtonElement>;
-    onClose?: () => void;
 }
 interface CreatedNotification {
     id?: Notification['id'];
+    isLoading?: Notification['isLoading'];
+    onClickButton?: Notification['onClickButton'];
+    onClose?: Notification['onClose'];
     after?: Notification['after'];
     appearance?: NotificationAppearance;
     buttonLabel?: Notification['buttonLabel'];
@@ -36,13 +40,10 @@ interface CreatedNotification {
     textColor?: Notification['textColor'];
     title?: Notification['title'];
     type?: Notification['type'];
-    isLoading?: Notification['isLoading'];
-    onClickButton?: Notification['onClickButton'];
-    onClose?: Notification['onClose'];
 }
 interface NotificationsProviderProps {
+    isLogRequestsErrors?: boolean;
     children: React.ReactNode;
     initialNotificationsList: CreatedNotification[];
-    isLogRequestsErrors?: boolean;
 }
 export type { CreatedNotification, Notification, NotificationAppearance, NotificationsProviderProps, };

package/dist/types/hooks/useStyles/styleAttributes.interface.d.ts

@@ -45,6 +45,7 @@ export interface StyleAttributes {
     flex?: CSS.Property.Flex;
     flexBasis?: CSS.Property.FlexBasis;
     flexDirection?: CSS.Property.FlexDirection;
+    flexGrow?: CSS.Property.FlexGrow;
     flexShrink?: CSS.Property.FlexShrink;
     flexWrap?: CSS.Property.FlexWrap;
     fontFamily?: CSS.Property.FontFamily;
@@ -69,6 +70,10 @@ export interface StyleAttributes {
     gridTemplateColumns?: CSS.Property.GridTemplateColumns;
     gridTemplateRows?: CSS.Property.GridTemplateRows;
     height?: CSS.Property.Height | HeightProps;
+    /**
+     * Position shorthand: top/right/bottom/left
+     */
+    inset?: CSS.Property.Inset;
     justifyContent?: JustifyContentProps;
     justifyItems?: JustifyItemsProps;
     justifySelf?: JustifySelfProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui-core",
-  "version": "1.10.55",
+  "version": "1.10.60",
   "description": "UI shared components",
   "keywords": [
     "Modal",
@@ -96,5 +96,5 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-preserve-directives": "^1.1.3"
   },
-  "gitHead": "f259be2cb2accf34ddfa100863870c1124ea2efc"
+  "gitHead": "d0730e4cc3c0766f62f23dd2be369f8440fff41f"
 }