@ozen-ui/kit 0.37.2 → 0.39.0

package/__inner__/esm/components/ThemeProvider/types.d.ts

@@ -5,6 +5,7 @@ import type { AvatarProps } from '../Avatar';
 import type { BackdropProps } from '../Backdrop';
 import type { BadgeProps } from '../Badge';
 import type { ButtonProps } from '../Button';
+import type { ButtonProps as ButtonPropsNext } from '../ButtonNext';
 import type { CardProps } from '../Card';
 import type { CheckboxProps } from '../Checkbox';
 import type { CheckboxGroupProps } from '../CheckboxGroup';
@@ -23,6 +24,7 @@ import type { FormGroupProps } from '../FormGroup';
 import type { FormTitleProps } from '../FormTitle';
 import type { GridProps, GridItemProps } from '../Grid';
 import type { IconButtonProps } from '../IconButton';
+import type { IconButtonProps as IconButtonPropsNext } from '../IconButtonNext';
 import type { IndicatorProps } from '../Indicator';
 import type { InputProps } from '../Input';
 import type { InputNumberProps } from '../InputNumber';
@@ -72,6 +74,7 @@ export type Theme = {
         Backdrop?: Partial<BackdropProps>;
         Badge?: Partial<BadgeProps>;
         Button?: Partial<ButtonProps>;
+        ButtonNext?: Partial<ButtonPropsNext>;
         Card?: Partial<CardProps>;
         Checkbox?: Partial<CheckboxProps>;
         CheckboxGroup?: Partial<CheckboxGroupProps>;
@@ -91,6 +94,7 @@ export type Theme = {
         Grid?: Partial<GridProps>;
         GridItem?: Partial<GridItemProps>;
         IconButton?: Partial<IconButtonProps>;
+        IconButtonNext?: Partial<IconButtonPropsNext>;
         Indicator?: Partial<IndicatorProps>;
         Input?: Partial<InputProps>;
         InputNumber?: Partial<InputNumberProps>;

package/__inner__/esm/components/Tooltip/Tooltip.css

@@ -3,7 +3,7 @@
   max-inline-size: 300px;
 }
 .Tooltip_size_xs {
-      padding: var(--space-s) var(--space-m);
+      padding: var(--spacing-2xs) var(--spacing-xs);
 
       font: var(--typography-text-xs-font);
 
@@ -12,7 +12,7 @@
       text-transform: var(--typography-text-xs-text_transform, none);
     }
 .Tooltip_size_s {
-      padding: var(--space-m) var(--space-l);
+      padding: var(--spacing-xs) var(--spacing-s);
 
       font: var(--typography-text-s-font);
 

package/__inner__/esm/components/Typography/Typography.css

@@ -125,7 +125,7 @@
       text-transform: var(--typography-heading-4xl-text_transform, none);
     }
 .Typography_variant_heading-4xl.Typography_defaultMargin {
-        margin-block-end: var(--space-4xl);
+        margin-block-end: var(--spacing-2xl);
       }
 .Typography_variant_heading-3xl {
       font: var(--typography-heading-3xl-font);
@@ -133,7 +133,7 @@
       text-transform: var(--typography-heading-3xl-text_transform, none);
     }
 .Typography_variant_heading-3xl.Typography_defaultMargin {
-        margin-block-end: var(--space-4xl);
+        margin-block-end: var(--spacing-2xl);
       }
 .Typography_variant_heading-2xl {
       font: var(--typography-heading-2xl-font);
@@ -141,7 +141,7 @@
       text-transform: var(--typography-heading-2xl-text_transform, none);
     }
 .Typography_variant_heading-2xl.Typography_defaultMargin {
-        margin-block-end: var(--space-3xl);
+        margin-block-end: var(--spacing-xl);
       }
 .Typography_variant_heading-xl {
       font: var(--typography-heading-xl-font);
@@ -149,7 +149,7 @@
       text-transform: var(--typography-heading-xl-text_transform, none);
     }
 .Typography_variant_heading-xl.Typography_defaultMargin {
-        margin-block-end: var(--space-2xl);
+        margin-block-end: var(--spacing-l);
       }
 .Typography_variant_text-4xl {
       font: var(--typography-text-4xl-font);
@@ -157,7 +157,7 @@
       text-transform: var(--typography-text-4xl-text_transform, none);
     }
 .Typography_variant_text-4xl.Typography_defaultMargin {
-        margin-block-end: var(--space-4xl);
+        margin-block-end: var(--spacing-2xl);
       }
 .Typography_variant_text-4xl_1 {
       font: var(--typography-text-4xl_1-font);
@@ -165,7 +165,7 @@
       text-transform: var(--typography-text-4xl_1-text_transform, none);
     }
 .Typography_variant_text-4xl_1.Typography_defaultMargin {
-        margin-block-end: var(--space-4xl);
+        margin-block-end: var(--spacing-2xl);
       }
 .Typography_variant_text-3xl {
       font: var(--typography-text-3xl-font);
@@ -173,7 +173,7 @@
       text-transform: var(--typography-text-3xl-text_transform, none);
     }
 .Typography_variant_text-3xl.Typography_defaultMargin {
-        margin-block-end: var(--space-4xl);
+        margin-block-end: var(--spacing-2xl);
       }
 .Typography_variant_text-3xl_1 {
       font: var(--typography-text-3xl_1-font);
@@ -181,7 +181,7 @@
       text-transform: var(--typography-text-3xl_1-text_transform, none);
     }
 .Typography_variant_text-3xl_1.Typography_defaultMargin {
-        margin-block-end: var(--space-4xl);
+        margin-block-end: var(--spacing-2xl);
       }
 .Typography_variant_text-2xl {
       font: var(--typography-text-2xl-font);
@@ -189,7 +189,7 @@
       text-transform: var(--typography-text-2xl-text_transform, none);
     }
 .Typography_variant_text-2xl.Typography_defaultMargin {
-        margin-block-end: var(--space-3xl);
+        margin-block-end: var(--spacing-xl);
       }
 .Typography_variant_text-2xl_1 {
       font: var(--typography-text-2xl_1-font);
@@ -197,7 +197,7 @@
       text-transform: var(--typography-text-2xl_1-text_transform, none);
     }
 .Typography_variant_text-2xl_1.Typography_defaultMargin {
-        margin-block-end: var(--space-3xl);
+        margin-block-end: var(--spacing-xl);
       }
 .Typography_variant_text-xl {
       font: var(--typography-text-xl-font);
@@ -205,7 +205,7 @@
       text-transform: var(--typography-text-xl-text_transform, none);
     }
 .Typography_variant_text-xl.Typography_defaultMargin {
-        margin-block-end: var(--space-2xl);
+        margin-block-end: var(--spacing-l);
       }
 .Typography_variant_text-xl_1 {
       font: var(--typography-text-xl_1-font);
@@ -213,7 +213,7 @@
       text-transform: var(--typography-text-xl_1-text_transform, none);
     }
 .Typography_variant_text-xl_1.Typography_defaultMargin {
-        margin-block-end: var(--space-2xl);
+        margin-block-end: var(--spacing-l);
       }
 .Typography_variant_text-l {
       font: var(--typography-text-l-font);
@@ -221,7 +221,7 @@
       text-transform: var(--typography-text-l-text_transform, none);
     }
 .Typography_variant_text-l.Typography_defaultMargin {
-        margin-block-end: var(--space-xl);
+        margin-block-end: var(--spacing-m);
       }
 .Typography_variant_text-l_1 {
       font: var(--typography-text-l_1-font);
@@ -229,7 +229,7 @@
       text-transform: var(--typography-text-l_1-text_transform, none);
     }
 .Typography_variant_text-l_1.Typography_defaultMargin {
-        margin-block-end: var(--space-xl);
+        margin-block-end: var(--spacing-m);
       }
 .Typography_variant_text-m {
       font: var(--typography-text-m-font);
@@ -237,7 +237,7 @@
       text-transform: var(--typography-text-m-text_transform, none);
     }
 .Typography_variant_text-m.Typography_defaultMargin {
-        margin-block-end: var(--space-xl);
+        margin-block-end: var(--spacing-m);
       }
 .Typography_variant_text-m_1 {
       font: var(--typography-text-m_1-font);
@@ -245,7 +245,7 @@
       text-transform: var(--typography-text-m_1-text_transform, none);
     }
 .Typography_variant_text-m_1.Typography_defaultMargin {
-        margin-block-end: var(--space-xl);
+        margin-block-end: var(--spacing-m);
       }
 .Typography_variant_text-s {
       font: var(--typography-text-s-font);
@@ -253,7 +253,7 @@
       text-transform: var(--typography-text-s-text_transform, none);
     }
 .Typography_variant_text-s.Typography_defaultMargin {
-        margin-block-end: var(--space-m);
+        margin-block-end: var(--spacing-xs);
       }
 .Typography_variant_text-s_1 {
       font: var(--typography-text-s_1-font);
@@ -261,7 +261,7 @@
       text-transform: var(--typography-text-s_1-text_transform, none);
     }
 .Typography_variant_text-s_1.Typography_defaultMargin {
-        margin-block-end: var(--space-m);
+        margin-block-end: var(--spacing-xs);
       }
 .Typography_variant_text-xs {
       font: var(--typography-text-xs-font);
@@ -269,7 +269,7 @@
       text-transform: var(--typography-text-xs-text_transform, none);
     }
 .Typography_variant_text-xs.Typography_defaultMargin {
-        margin-block-end: var(--space-s);
+        margin-block-end: var(--spacing-2xs);
       }
 .Typography_variant_text-xs_1 {
       font: var(--typography-text-xs_1-font);
@@ -277,7 +277,7 @@
       text-transform: var(--typography-text-xs_1-text_transform, none);
     }
 .Typography_variant_text-xs_1.Typography_defaultMargin {
-        margin-block-end: var(--space-s);
+        margin-block-end: var(--spacing-2xs);
       }
 .Typography_variant_text-2xs {
       font: var(--typography-text-2xs-font);
@@ -285,7 +285,7 @@
       text-transform: var(--typography-text-2xs-text_transform, none);
     }
 .Typography_variant_text-2xs.Typography_defaultMargin {
-        margin-block-end: var(--space-xs);
+        margin-block-end: var(--spacing-3xs);
       }
 .Typography_variant_text-2xs_1 {
       font: var(--typography-text-2xs_1-font);
@@ -293,7 +293,7 @@
       text-transform: var(--typography-text-2xs_1-text_transform, none);
     }
 .Typography_variant_text-2xs_1.Typography_defaultMargin {
-        margin-block-end: var(--space-xs);
+        margin-block-end: var(--spacing-3xs);
       }
 .Typography_variant_text-3xs {
       font: var(--typography-text-3xs-font);
@@ -301,7 +301,7 @@
       text-transform: var(--typography-text-3xs-text_transform, none);
     }
 .Typography_variant_text-3xs.Typography_defaultMargin {
-        margin-block-end: var(--space-xs);
+        margin-block-end: var(--spacing-3xs);
       }
 .Typography_variant_text-3xs_1 {
       font: var(--typography-text-3xs_1-font);
@@ -309,7 +309,7 @@
       text-transform: var(--typography-text-3xs_1-text_transform, none);
     }
 .Typography_variant_text-3xs_1.Typography_defaultMargin {
-        margin-block-end: var(--space-xs);
+        margin-block-end: var(--spacing-3xs);
       }
 .Typography_variant_caption-3xs {
       font: var(--typography-caption-3xs-font);
@@ -317,7 +317,7 @@
       text-transform: var(--typography-caption-3xs-text_transform, none);
     }
 .Typography_variant_caption-3xs.Typography_defaultMargin {
-        margin-block-end: var(--space-xs);
+        margin-block-end: var(--spacing-3xs);
       }
 .Typography_variant_caption-3xs_1 {
       font: var(--typography-caption-3xs_1-font);
@@ -325,7 +325,7 @@
       text-transform: var(--typography-caption-3xs_1-text_transform, none);
     }
 .Typography_variant_caption-3xs_1.Typography_defaultMargin {
-        margin-block-end: var(--space-xs);
+        margin-block-end: var(--spacing-3xs);
       }
 .Typography_link {
     color: var(--color-content-action);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.37.2",
+  "version": "0.39.0",
   "description": "React component library",
   "files": [
     "*"
@@ -27,9 +27,9 @@
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
     "tslib": "^2.6.2",
-    "@ozen-ui/fonts": "0.37.2",
-    "@ozen-ui/icons": "0.37.2",
-    "@ozen-ui/logger": "0.37.2"
+    "@ozen-ui/icons": "0.39.0",
+    "@ozen-ui/fonts": "0.39.0",
+    "@ozen-ui/logger": "0.39.0"
   },
   "peerDependencies": {
     "react": ">=17.0.2 <19.0.0",