@ozen-ui/kit 0.43.0 → 0.44.0

package/Calendar/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/Calendar/index.js",
+	"module": "../__inner__/esm/components/Calendar/index.js",
+	"types": "../__inner__/esm/components/Calendar/index.d.ts"
+}

package/DatePicker/package.json

@@ -0,0 +1,5 @@
+{
+	"main": "../__inner__/cjs/components/DatePicker/index.js",
+	"module": "../__inner__/esm/components/DatePicker/index.js",
+	"types": "../__inner__/esm/components/DatePicker/index.d.ts"
+}

package/__inner__/cjs/components/Card/Card.d.ts

@@ -31,6 +31,7 @@ export type CardBaseProps = {
     children: ReactNode;
     /** Дополнительные СSS-классы */
     className?: string;
+    /** Идентификатор компонента для тестов */
     'data-testid'?: string;
 };
 export type CardProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithRef<CardBaseProps, As>;

package/__inner__/cjs/components/Card/Card.js

@@ -15,9 +15,9 @@ exports.cardBorderVariant = ['solid', 'dashed'];
 exports.cardBorderColorVariant = ['standard', 'selected'];
 exports.cardBackgroundColorVariant = ['standard', 'selected'];
 var matchBorderRadiusPaperToCard = {
-    s: 'xs',
-    m: 's',
-    l: 'l',
+    s: 'l',
+    m: 'xl',
+    l: '2xl',
 };
 var matchBackgroundColorPaperToCard = {
     selected: 'action-light',

package/__inner__/cjs/components/Paper/Paper.css

@@ -23,6 +23,10 @@
       --paper-border-radius: var(--border-radius-xl);
     }
 
+  .Paper_radius_2xl {
+      --paper-border-radius: var(--border-radius-2xl);
+    }
+
   .Paper_background_main {
       --paper-background-color: var(--color-background-main);
     }

package/__inner__/cjs/components/Paper/Paper.d.ts

@@ -2,15 +2,18 @@ import './Paper.css';
 import { type ComponentRef, type ElementType } from 'react';
 import { type PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
 export declare const PAPER_DEFAULT_TAG = "div";
-export declare const paperRadiusVariant: readonly ["xs", "s", "l", "xl"];
+export declare const paperRadiusVariant: readonly ["xs", "s", "l", "xl", "2xl"];
 export type PaperRadiusVariant = (typeof paperRadiusVariant)[number];
 export declare const paperBackgroundVariant: readonly ["main", "main-inverse", "action-light", "accent"];
 export type PaperBackgroundVariant = (typeof paperBackgroundVariant)[number];
 export declare const paperShadowVariant: readonly ["m", "l"];
 export type PaperShadowVariant = (typeof paperShadowVariant)[number];
 export type PaperBaseProps = {
+    /** Радиус скругления границы */
     radius?: PaperRadiusVariant;
+    /** Фон */
     background?: PaperBackgroundVariant;
+    /** Тень */
     shadow?: PaperShadowVariant;
 };
 export type PaperProps<As extends ElementType = typeof PAPER_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<PaperBaseProps, As>;

package/__inner__/cjs/components/Paper/Paper.js

@@ -8,7 +8,7 @@ var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
 exports.PAPER_DEFAULT_TAG = 'div';
-exports.paperRadiusVariant = ['xs', 's', 'l', 'xl'];
+exports.paperRadiusVariant = ['xs', 's', 'l', 'xl', '2xl'];
 exports.paperBackgroundVariant = [
     'main',
     'main-inverse',

package/__inner__/cjs/components/ThemeProvider/_borderRadius/Theme_borderRadius_ozenDefault.css

@@ -1,6 +1,7 @@
 .Theme_borderRadius_ozenDefault {
   --border-radius-l: 12px;
   --border-radius-xl: 16px;
+  --border-radius-2xl: 24px;
   --border-radius-m: 8px;
   --border-radius-s: 6px;
   --border-radius-xs: 4px;

package/__inner__/cjs/components/ThemeProvider/themes/helper.d.ts

@@ -1,5 +1,5 @@
 export declare const color: readonly ["--color-content-primary", "--color-content-secondary", "--color-content-tertiary", "--color-content-disabled", "--color-content-ghost-disabled", "--color-content-action", "--color-content-action-hover", "--color-content-action-pressed", "--color-content-action-dark", "--color-content-action-secondary", "--color-content-action-secondary-hover", "--color-content-action-secondary-pressed", "--color-content-action-secondary-dark", "--color-content-action-on", "--color-content-error", "--color-content-error-hover", "--color-content-error-pressed", "--color-content-error-dark", "--color-content-warning", "--color-content-warning-hover", "--color-content-warning-pressed", "--color-content-warning-dark", "--color-content-success", "--color-content-success-hover", "--color-content-success-pressed", "--color-content-success-dark", "--color-content-info", "--color-content-info-hover", "--color-content-info-pressed", "--color-content-info-dark", "--color-content-primary-inverse", "--color-content-accent-secondary", "--color-accent-main", "--color-content-accent-primary", "--color-accent-primary", "--color-content-accent-disabled", "--color-background-main", "--color-background-main-hover", "--color-background-main-pressed", "--color-background-primary", "--color-background-primary-hover", "--color-background-primary-pressed", "--color-background-secondary", "--color-background-secondary-hover", "--color-background-secondary-pressed", "--color-background-tertiary", "--color-background-tertiary-hover", "--color-background-tertiary-pressed", "--color-background-disabled", "--color-background-action", "--color-background-action-hover", "--color-background-action-pressed", "--color-background-action-active-disabled", "--color-background-action-light", "--color-background-action-light-hover", "--color-background-action-light-pressed", "--color-background-accent-action-light", "--color-background-accent-action-light-hover", "--color-background-accent-action-light-pressed", "--color-background-action-secondary", "--color-background-action-secondary-hover", "--color-background-action-secondary-pressed", "--color-background-action-secondary-active-disabled", "--color-background-action-secondary-light", "--color-background-action-secondary-light-hover", "--color-background-action-secondary-light-pressed", "--color-background-accent-action-secondary-light", "--color-background-accent-action-secondary-light-hover", "--color-background-accent-action-secondary-light-pressed", "--color-background-error", "--color-background-error-hover", "--color-background-error-pressed", "--color-background-error-light", "--color-background-error-light-hover", "--color-background-error-light-pressed", "--color-background-accent-error-light", "--color-background-accent-error-light-hover", "--color-background-accent-error-light-pressed", "--color-background-warning", "--color-background-warning-hover", "--color-background-warning-pressed", "--color-background-warning-light", "--color-background-warning-light-hover", "--color-background-warning-light-pressed", "--color-background-accent-warning-light", "--color-background-accent-warning-light-hover", "--color-background-accent-warning-light-pressed", "--color-background-success", "--color-background-success-hover", "--color-background-success-pressed", "--color-background-success-light", "--color-background-success-light-hover", "--color-background-success-light-pressed", "--color-background-accent-success-light", "--color-background-accent-success-light-hover", "--color-background-accent-success-light-pressed", "--color-background-info", "--color-background-info-hover", "--color-background-info-pressed", "--color-background-info-light", "--color-background-info-light-hover", "--color-background-info-light-pressed", "--color-background-accent-info-light", "--color-background-accent-info-light-hover", "--color-background-accent-info-light-pressed", "--color-background-main-inverse", "--color-background-overlay", "--color-background-ghost", "--color-background-ghost-hover", "--color-background-ghost-pressed", "--color-background-ghost-disabled", "--color-border-main", "--color-border-main-hover", "--color-border-main-pressed", "--color-border-secondary", "--color-border-secondary-hover", "--color-border-secondary-pressed", "--color-border-disabled", "--color-border-ghost-disabled", "--color-border-focused", "--color-border-action", "--color-border-action-hover", "--color-border-action-pressed", "--color-border-action-secondary", "--color-border-action-secondary-hover", "--color-border-action-secondary-pressed", "--color-border-error", "--color-border-warning", "--color-border-success", "--color-border-info", "--color-border-main-on", "--color-border-accent-main", "--color-border-accent-disabled", "--color-border-accent-focused", "--color-accent-main-hover", "--color-accent-main-pressed", "--color-accent-primary-hover", "--color-accent-primary-pressed", "--color-accent-secondary", "--color-accent-secondary-hover", "--color-accent-secondary-pressed", "--color-accent-tertiary", "--color-accent-tertiary-hover", "--color-accent-tertiary-pressed", "--color-accent-disabled", "--color-accent-main-inverse", "--color-additional-a1", "--color-additional-a2", "--color-additional-a3", "--color-additional-b1", "--color-additional-b2", "--color-additional-b3", "--color-additional-c1", "--color-additional-c2", "--color-additional-c3", "--color-additional-d1", "--color-additional-d2", "--color-additional-d3", "--color-additional-e1", "--color-additional-e2", "--color-additional-e3", "--color-additional-f1", "--color-additional-f2", "--color-additional-f3", "--color-additional-g1", "--color-additional-g2", "--color-additional-g3", "--color-additional-h1", "--color-additional-h2", "--color-additional-h3"];
-export declare const borderRadius: readonly ["--border-radius-l", "--border-radius-xl", "--border-radius-m", "--border-radius-s", "--border-radius-xs", "--border-radius-2xs"];
+export declare const borderRadius: readonly ["--border-radius-l", "--border-radius-xl", "--border-radius-2xl", "--border-radius-m", "--border-radius-s", "--border-radius-xs", "--border-radius-2xs"];
 export declare const borderWidth: readonly ["--border-width-s", "--border-width-m"];
 export declare const shadow: readonly ["--shadow-l", "--shadow-m", "--shadow-s"];
 export declare const breakpoint: readonly ["--breakpoint-xs", "--breakpoint-s", "--breakpoint-m", "--breakpoint-l"];

package/__inner__/cjs/components/ThemeProvider/themes/helper.js

@@ -176,6 +176,7 @@ exports.color = [
 exports.borderRadius = [
     '--border-radius-l',
     '--border-radius-xl',
+    '--border-radius-2xl',
     '--border-radius-m',
     '--border-radius-s',
     '--border-radius-xs',

package/__inner__/esm/components/Card/Card.d.ts

@@ -31,6 +31,7 @@ export type CardBaseProps = {
     children: ReactNode;
     /** Дополнительные СSS-классы */
     className?: string;
+    /** Идентификатор компонента для тестов */
     'data-testid'?: string;
 };
 export type CardProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithRef<CardBaseProps, As>;

package/__inner__/esm/components/Card/Card.js

@@ -12,9 +12,9 @@ export var cardBorderVariant = ['solid', 'dashed'];
 export var cardBorderColorVariant = ['standard', 'selected'];
 export var cardBackgroundColorVariant = ['standard', 'selected'];
 var matchBorderRadiusPaperToCard = {
-    s: 'xs',
-    m: 's',
-    l: 'l',
+    s: 'l',
+    m: 'xl',
+    l: '2xl',
 };
 var matchBackgroundColorPaperToCard = {
     selected: 'action-light',

package/__inner__/esm/components/Paper/Paper.css

@@ -23,6 +23,10 @@
       --paper-border-radius: var(--border-radius-xl);
     }
 
+  .Paper_radius_2xl {
+      --paper-border-radius: var(--border-radius-2xl);
+    }
+
   .Paper_background_main {
       --paper-background-color: var(--color-background-main);
     }

package/__inner__/esm/components/Paper/Paper.d.ts

@@ -2,15 +2,18 @@ import './Paper.css';
 import { type ComponentRef, type ElementType } from 'react';
 import { type PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
 export declare const PAPER_DEFAULT_TAG = "div";
-export declare const paperRadiusVariant: readonly ["xs", "s", "l", "xl"];
+export declare const paperRadiusVariant: readonly ["xs", "s", "l", "xl", "2xl"];
 export type PaperRadiusVariant = (typeof paperRadiusVariant)[number];
 export declare const paperBackgroundVariant: readonly ["main", "main-inverse", "action-light", "accent"];
 export type PaperBackgroundVariant = (typeof paperBackgroundVariant)[number];
 export declare const paperShadowVariant: readonly ["m", "l"];
 export type PaperShadowVariant = (typeof paperShadowVariant)[number];
 export type PaperBaseProps = {
+    /** Радиус скругления границы */
     radius?: PaperRadiusVariant;
+    /** Фон */
     background?: PaperBackgroundVariant;
+    /** Тень */
     shadow?: PaperShadowVariant;
 };
 export type PaperProps<As extends ElementType = typeof PAPER_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<PaperBaseProps, As>;

package/__inner__/esm/components/Paper/Paper.js

@@ -5,7 +5,7 @@ import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { polymorphicComponentWithRef, } from '../../utils/polymorphicComponentWithRef';
 export var PAPER_DEFAULT_TAG = 'div';
-export var paperRadiusVariant = ['xs', 's', 'l', 'xl'];
+export var paperRadiusVariant = ['xs', 's', 'l', 'xl', '2xl'];
 export var paperBackgroundVariant = [
     'main',
     'main-inverse',

package/__inner__/esm/components/ThemeProvider/_borderRadius/Theme_borderRadius_ozenDefault.css

@@ -1,6 +1,7 @@
 .Theme_borderRadius_ozenDefault {
   --border-radius-l: 12px;
   --border-radius-xl: 16px;
+  --border-radius-2xl: 24px;
   --border-radius-m: 8px;
   --border-radius-s: 6px;
   --border-radius-xs: 4px;

package/__inner__/esm/components/ThemeProvider/themes/helper.d.ts

@@ -1,5 +1,5 @@
 export declare const color: readonly ["--color-content-primary", "--color-content-secondary", "--color-content-tertiary", "--color-content-disabled", "--color-content-ghost-disabled", "--color-content-action", "--color-content-action-hover", "--color-content-action-pressed", "--color-content-action-dark", "--color-content-action-secondary", "--color-content-action-secondary-hover", "--color-content-action-secondary-pressed", "--color-content-action-secondary-dark", "--color-content-action-on", "--color-content-error", "--color-content-error-hover", "--color-content-error-pressed", "--color-content-error-dark", "--color-content-warning", "--color-content-warning-hover", "--color-content-warning-pressed", "--color-content-warning-dark", "--color-content-success", "--color-content-success-hover", "--color-content-success-pressed", "--color-content-success-dark", "--color-content-info", "--color-content-info-hover", "--color-content-info-pressed", "--color-content-info-dark", "--color-content-primary-inverse", "--color-content-accent-secondary", "--color-accent-main", "--color-content-accent-primary", "--color-accent-primary", "--color-content-accent-disabled", "--color-background-main", "--color-background-main-hover", "--color-background-main-pressed", "--color-background-primary", "--color-background-primary-hover", "--color-background-primary-pressed", "--color-background-secondary", "--color-background-secondary-hover", "--color-background-secondary-pressed", "--color-background-tertiary", "--color-background-tertiary-hover", "--color-background-tertiary-pressed", "--color-background-disabled", "--color-background-action", "--color-background-action-hover", "--color-background-action-pressed", "--color-background-action-active-disabled", "--color-background-action-light", "--color-background-action-light-hover", "--color-background-action-light-pressed", "--color-background-accent-action-light", "--color-background-accent-action-light-hover", "--color-background-accent-action-light-pressed", "--color-background-action-secondary", "--color-background-action-secondary-hover", "--color-background-action-secondary-pressed", "--color-background-action-secondary-active-disabled", "--color-background-action-secondary-light", "--color-background-action-secondary-light-hover", "--color-background-action-secondary-light-pressed", "--color-background-accent-action-secondary-light", "--color-background-accent-action-secondary-light-hover", "--color-background-accent-action-secondary-light-pressed", "--color-background-error", "--color-background-error-hover", "--color-background-error-pressed", "--color-background-error-light", "--color-background-error-light-hover", "--color-background-error-light-pressed", "--color-background-accent-error-light", "--color-background-accent-error-light-hover", "--color-background-accent-error-light-pressed", "--color-background-warning", "--color-background-warning-hover", "--color-background-warning-pressed", "--color-background-warning-light", "--color-background-warning-light-hover", "--color-background-warning-light-pressed", "--color-background-accent-warning-light", "--color-background-accent-warning-light-hover", "--color-background-accent-warning-light-pressed", "--color-background-success", "--color-background-success-hover", "--color-background-success-pressed", "--color-background-success-light", "--color-background-success-light-hover", "--color-background-success-light-pressed", "--color-background-accent-success-light", "--color-background-accent-success-light-hover", "--color-background-accent-success-light-pressed", "--color-background-info", "--color-background-info-hover", "--color-background-info-pressed", "--color-background-info-light", "--color-background-info-light-hover", "--color-background-info-light-pressed", "--color-background-accent-info-light", "--color-background-accent-info-light-hover", "--color-background-accent-info-light-pressed", "--color-background-main-inverse", "--color-background-overlay", "--color-background-ghost", "--color-background-ghost-hover", "--color-background-ghost-pressed", "--color-background-ghost-disabled", "--color-border-main", "--color-border-main-hover", "--color-border-main-pressed", "--color-border-secondary", "--color-border-secondary-hover", "--color-border-secondary-pressed", "--color-border-disabled", "--color-border-ghost-disabled", "--color-border-focused", "--color-border-action", "--color-border-action-hover", "--color-border-action-pressed", "--color-border-action-secondary", "--color-border-action-secondary-hover", "--color-border-action-secondary-pressed", "--color-border-error", "--color-border-warning", "--color-border-success", "--color-border-info", "--color-border-main-on", "--color-border-accent-main", "--color-border-accent-disabled", "--color-border-accent-focused", "--color-accent-main-hover", "--color-accent-main-pressed", "--color-accent-primary-hover", "--color-accent-primary-pressed", "--color-accent-secondary", "--color-accent-secondary-hover", "--color-accent-secondary-pressed", "--color-accent-tertiary", "--color-accent-tertiary-hover", "--color-accent-tertiary-pressed", "--color-accent-disabled", "--color-accent-main-inverse", "--color-additional-a1", "--color-additional-a2", "--color-additional-a3", "--color-additional-b1", "--color-additional-b2", "--color-additional-b3", "--color-additional-c1", "--color-additional-c2", "--color-additional-c3", "--color-additional-d1", "--color-additional-d2", "--color-additional-d3", "--color-additional-e1", "--color-additional-e2", "--color-additional-e3", "--color-additional-f1", "--color-additional-f2", "--color-additional-f3", "--color-additional-g1", "--color-additional-g2", "--color-additional-g3", "--color-additional-h1", "--color-additional-h2", "--color-additional-h3"];
-export declare const borderRadius: readonly ["--border-radius-l", "--border-radius-xl", "--border-radius-m", "--border-radius-s", "--border-radius-xs", "--border-radius-2xs"];
+export declare const borderRadius: readonly ["--border-radius-l", "--border-radius-xl", "--border-radius-2xl", "--border-radius-m", "--border-radius-s", "--border-radius-xs", "--border-radius-2xs"];
 export declare const borderWidth: readonly ["--border-width-s", "--border-width-m"];
 export declare const shadow: readonly ["--shadow-l", "--shadow-m", "--shadow-s"];
 export declare const breakpoint: readonly ["--breakpoint-xs", "--breakpoint-s", "--breakpoint-m", "--breakpoint-l"];

package/__inner__/esm/components/ThemeProvider/themes/helper.js

@@ -173,6 +173,7 @@ export var color = [
 export var borderRadius = [
     '--border-radius-l',
     '--border-radius-xl',
+    '--border-radius-2xl',
     '--border-radius-m',
     '--border-radius-s',
     '--border-radius-xs',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ozen-ui/kit",
-  "version": "0.43.0",
+  "version": "0.44.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.43.0",
-    "@ozen-ui/icons": "0.43.0",
-    "@ozen-ui/logger": "0.43.0"
+    "@ozen-ui/fonts": "0.44.0",
+    "@ozen-ui/logger": "0.44.0",
+    "@ozen-ui/icons": "0.44.0"
   },
   "peerDependencies": {
     "react": ">=17.0.2 <19.0.0",