@prom-ui/core 1.0.0-alpha.0 → 1.0.0-alpha.1

package/Avatar/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Avatar",
-  "version": "1.0.0-alpha.0",
+  "version": "1.0.0-alpha.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Backdrop/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Backdrop",
-  "version": "1.0.0-alpha.0",
+  "version": "1.0.0-alpha.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Body/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Body",
-  "version": "1.0.0-alpha.0",
+  "version": "1.0.0-alpha.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/BodyProvider/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/BodyProvider",
-  "version": "1.0.0-alpha.0",
+  "version": "1.0.0-alpha.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Box/index.d.ts

@@ -1,16 +1,4 @@
-import * as React from 'react';
-type AsProp<C extends React.ElementType> = {
-    'box-as'?: C;
-};
-type PolymorphicRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];
-type PropsToOmit<C extends React.ElementType, P> = keyof (AsProp<C> & P);
-type PolymorphicComponentProp<C extends React.ElementType, Props = {}> = React.PropsWithChildren<Props & AsProp<C>> & Omit<React.ComponentPropsWithoutRef<C>, PropsToOmit<C, Props>>;
-type PolymorphicComponentPropWithRef<C extends React.ElementType, Props = {}> = PolymorphicComponentProp<C, Props> & {
-    ref?: PolymorphicRef<C>;
-};
-type EvokitMedia = 'small' | 'medium' | 'large' | 'wide' | 'huge';
-type EvokitMediaSufix<T extends string | number> = T | `${T}` | `${T}@${EvokitMedia}`;
-type EvokitProps<T extends string | number> = T | `${T}` | T[] | `${T}`[] | Partial<Record<`${T}`, boolean>>;
+import type { CreateBlock, EvokitProp, EvokitMediaSufix } from '@prom-ui/core/base/evokit';
 type BoxThemes = EvokitMediaSufix<'black-100' | 'black-200' | 'black-300' | 'black-400' | 'black-600' | 'black-700' | 'black-800' | 'black-900' | 'green-50' | 'green-500' | 'green-700' | 'red-50' | 'red-100' | 'red-500' | 'violet-50' | 'violet-100' | 'violet-500' | 'violet-700' | 'violet-800' | 'white' | 'yellow-50' | 'yellow-100' | 'yellow-200' | 'yellow-500'>;
 type BoxBorderWidth = EvokitMediaSufix<'none' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
 type BoxBorderStyle = EvokitMediaSufix<'solid' | 'dotted' | 'dashed'>;
@@ -27,62 +15,93 @@ type BoxRound = EvokitMediaSufix<'none' | 'full' | 'xxs' | 'xs' | 's' | 'm' | 'l
 type BoxWidth = EvokitMediaSufix<'auto' | `1-${1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10}` | `2-${2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10}` | `3-${3 | 4 | 5 | 6 | 7 | 8 | 9 | 10}` | `4-${4 | 5 | 6 | 7 | 8 | 9 | 10}` | `5-${5 | 6 | 7 | 8 | 9 | 10}` | `6-${6 | 7 | 8 | 9 | 10}` | `7-${7 | 8 | 9 | 10}` | `8-${8 | 9 | 10}` | `9-${9 | 10}` | `10-10`>;
 type BoxZIndex = EvokitMediaSufix<'none' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
 export type BoxProps = {
-    'box-align'?: EvokitProps<BoxAlign>;
-    'box-background'?: EvokitProps<BoxThemes>;
-    'box-border'?: EvokitProps<BoxThemes | `${BoxThemes} ${string}`>;
+    'box-align'?: EvokitProp<BoxAlign>;
+    'box-background'?: EvokitProp<BoxThemes>;
+    'box-width'?: EvokitProp<BoxWidth>;
+    'box-blackhole'?: EvokitProp<'shadow-hover' | 'product-tile'>;
+    'box-display'?: EvokitProp<BoxDisplay>;
+    'box-height'?: EvokitProp<BoxHeight>;
+    'box-opacity'?: EvokitProp<BoxOpacity>;
+    'box-border'?: EvokitProp<BoxThemes | `${BoxThemes} ${string}`>;
+    /** @ignore */
+    'box-border-top'?: EvokitProp<BoxThemes | `${BoxThemes} ${string}`>;
+    /** @ignore */
+    'box-border-right'?: EvokitProp<BoxThemes | `${BoxThemes} ${string}`>;
+    /** @ignore */
+    'box-border-bottom'?: EvokitProp<BoxThemes | `${BoxThemes} ${string}`>;
+    /** @ignore */
+    'box-border-left'?: EvokitProp<BoxThemes | `${BoxThemes} ${string}`>;
+    /** @ignore */
+    'box-border-color'?: EvokitProp<BoxThemes | `${BoxThemes} ${string}`>;
+    /** @ignore */
+    'box-border-color-top'?: EvokitProp<BoxThemes>;
+    /** @ignore */
+    'box-border-color-right'?: EvokitProp<BoxThemes>;
+    /** @ignore */
+    'box-border-color-bottom'?: EvokitProp<BoxThemes>;
+    /** @ignore */
+    'box-border-color-left'?: EvokitProp<BoxThemes>;
+    /** @ignore */
+    'box-border-width'?: EvokitProp<BoxBorderWidth | `${BoxBorderWidth} ${string}`>;
+    /** @ignore */
+    'box-border-width-top'?: EvokitProp<BoxBorderWidth>;
+    /** @ignore */
+    'box-border-width-right'?: EvokitProp<BoxBorderWidth>;
+    /** @ignore */
+    'box-border-width-bottom'?: EvokitProp<BoxBorderWidth>;
+    /** @ignore */
+    'box-border-width-left'?: EvokitProp<BoxBorderWidth>;
+    /** @ignore */
+    'box-border-style'?: EvokitProp<BoxBorderStyle | `${BoxBorderStyle} ${string}`>;
+    /** @ignore */
+    'box-border-style-top'?: EvokitProp<BoxBorderStyle>;
     /** @ignore */
-    'box-border-color'?: EvokitProps<BoxThemes>;
+    'box-border-style-right'?: EvokitProp<BoxBorderStyle>;
     /** @ignore */
-    'box-border-width'?: EvokitProps<BoxBorderWidth>;
+    'box-border-style-bottom'?: EvokitProp<BoxBorderStyle>;
     /** @ignore */
-    'box-border-style'?: EvokitProps<BoxBorderStyle>;
-    'box-display'?: EvokitProps<BoxDisplay>;
-    'box-height'?: EvokitProps<BoxHeight>;
-    'box-margin'?: EvokitProps<BoxMargin | `${BoxMargin} ${string}`>;
+    'box-border-style-left'?: EvokitProp<BoxBorderStyle>;
+    'box-margin'?: EvokitProp<BoxMargin | `${BoxMargin} ${string}`>;
     /** @ignore */
-    'box-margin-top'?: EvokitProps<BoxMargin>;
+    'box-margin-top'?: EvokitProp<BoxMargin>;
     /** @ignore */
-    'box-margin-right'?: EvokitProps<BoxMargin>;
+    'box-margin-right'?: EvokitProp<BoxMargin>;
     /** @ignore */
-    'box-margin-bottom'?: EvokitProps<BoxMargin>;
+    'box-margin-bottom'?: EvokitProp<BoxMargin>;
     /** @ignore */
-    'box-margin-left'?: EvokitProps<BoxMargin>;
-    'box-opacity'?: EvokitProps<BoxOpacity>;
-    'box-overflow'?: EvokitProps<BoxOverflow | `${BoxOverflow} ${string}`>;
+    'box-margin-left'?: EvokitProp<BoxMargin>;
+    'box-padding'?: EvokitProp<BoxPadding | `${BoxPadding} ${string}`>;
     /** @ignore */
-    'box-overflow-x'?: EvokitProps<BoxOverflow>;
+    'box-padding-top'?: EvokitProp<BoxPadding>;
     /** @ignore */
-    'box-overflow-y'?: EvokitProps<BoxOverflow>;
-    'box-padding'?: EvokitProps<BoxPadding | `${BoxPadding} ${string}`>;
+    'box-padding-right'?: EvokitProp<BoxPadding>;
     /** @ignore */
-    'box-padding-top'?: EvokitProps<BoxPadding>;
+    'box-padding-bottom'?: EvokitProp<BoxPadding>;
     /** @ignore */
-    'box-padding-right'?: EvokitProps<BoxPadding>;
+    'box-padding-left'?: EvokitProp<BoxPadding>;
+    'box-overflow'?: EvokitProp<BoxOverflow | `${BoxOverflow} ${string}`>;
     /** @ignore */
-    'box-padding-bottom'?: EvokitProps<BoxPadding>;
+    'box-overflow-x'?: EvokitProp<BoxOverflow>;
     /** @ignore */
-    'box-padding-left'?: EvokitProps<BoxPadding>;
-    'box-place'?: EvokitProps<BoxPlace>;
-    'box-position'?: EvokitProps<BoxPosition | `${BoxPosition} ${string}`>;
-    'box-round'?: EvokitProps<BoxRound | `${BoxRound} ${string}`>;
+    'box-overflow-y'?: EvokitProp<BoxOverflow>;
+    'box-position'?: EvokitProp<BoxPosition | `${BoxPosition} ${string}`>;
+    'box-place'?: EvokitProp<BoxPlace>;
+    'box-zindex'?: EvokitProp<BoxZIndex>;
+    'box-round'?: EvokitProp<BoxRound | `${BoxRound} ${string}`>;
     /** @ignore */
-    'box-round-top-left'?: EvokitProps<BoxRound>;
+    'box-round-top-left'?: EvokitProp<BoxRound>;
     /** @ignore */
-    'box-round-top-right'?: EvokitProps<BoxRound>;
+    'box-round-top-right'?: EvokitProp<BoxRound>;
     /** @ignore */
-    'box-round-bottom-left'?: EvokitProps<BoxRound>;
+    'box-round-bottom-left'?: EvokitProp<BoxRound>;
     /** @ignore */
-    'box-round-bottom-right'?: EvokitProps<BoxRound>;
-    'box-width'?: EvokitProps<BoxWidth>;
-    'box-zindex'?: EvokitProps<BoxZIndex>;
-    'box-blackhole'?: EvokitProps<'shadow-hover' | 'product-tile'>;
+    'box-round-bottom-right'?: EvokitProp<BoxRound>;
 };
-export type BoxPropsPolymorphic<C extends React.ElementType> = PolymorphicComponentPropWithRef<C, BoxProps>;
-export type Box = <C extends React.ElementType = 'div'>(props: BoxPropsPolymorphic<C>) => React.ReactElement | null;
+export type BoxWithProps<T = {}> = CreateBlock<'div', 'box', BoxProps & T>;
 /**
  * Компонент `Box` из библиотеки `evokit` является простым контейнером, который может
  * использоваться для размещения других элементов интерфейса.
  * Он может использоваться как самостоятельный элемент или в качестве родительского элемента для других компонентов.
  */
-export declare const Box: Box;
+export declare const Box: BoxWithProps;
 export {};

package/Box/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Box",
-  "version": "1.0.0-alpha.0",
+  "version": "1.0.0-alpha.1",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Button/cjs/index.development.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var EvokitButton = require('evokit-button');
+var evokitButton = require('evokit-button');
 var Spinner = require('@prom-ui/core/Spinner');
 
 function _interopNamespaceCompat(e) {
@@ -25,7 +25,6 @@ function _interopNamespaceCompat(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
-var EvokitButton__namespace = /*#__PURE__*/_interopNamespaceCompat(EvokitButton);
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -72,7 +71,7 @@ var Button = React__namespace.forwardRef(function (_a, ref) {
     loading = _b === void 0 ? false : _b,
     children = _a.children,
     props = __rest(_a, ["loading", "children"]);
-  return React__namespace.createElement(EvokitButton__namespace.Button, __assign({
+  return React__namespace.createElement(evokitButton.Button, __assign({
     ref: ref,
     "button-events": loading ? 'none' : null,
     "button-preset": {

package/Button/cjs/index.development.v2.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var EvokitButton = require('evokit-button');
+var evokitButton = require('evokit-button');
 var Spinner = require('@prom-ui/core/Spinner');
 
 function _interopNamespaceCompat(e) {
@@ -25,7 +25,6 @@ function _interopNamespaceCompat(e) {
 }
 
 var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
-var EvokitButton__namespace = /*#__PURE__*/_interopNamespaceCompat(EvokitButton);
 
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -72,7 +71,7 @@ var Button = React__namespace.forwardRef(function (_a, ref) {
     loading = _b === void 0 ? false : _b,
     children = _a.children,
     props = __rest(_a, ["loading", "children"]);
-  return React__namespace.createElement(EvokitButton__namespace.Button, __assign({
+  return React__namespace.createElement(evokitButton.Button, __assign({
     ref: ref,
     "button-events": loading ? 'none' : null,
     "button-preset": {