@prom-ui/core 1.3.1 → 1.4.0

package/Box/index.d.ts

@@ -1,106 +1,106 @@
-import type { CreateBlock, EvokitProp, EvokitMediaSufix } from '@prom-ui/core/base/types';
-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'>;
-type BoxAlign = EvokitMediaSufix<'none' | 'left' | 'center' | 'right'>;
-type BoxDisplay = EvokitMediaSufix<'none' | 'none:empty' | 'block' | 'inline-block' | 'inline'>;
-type BoxHeight = EvokitMediaSufix<'auto' | '1-1'>;
-type BoxMargin = EvokitMediaSufix<'none' | 'auto' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
-type BoxOpacity = EvokitMediaSufix<0 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 100>;
-type BoxOverflow = EvokitMediaSufix<'auto' | 'hidden' | 'scroll' | 'visible'>;
-type BoxPadding = EvokitMediaSufix<'none' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
-type BoxPlace = EvokitMediaSufix<'none' | 'top' | 'top-left' | 'top-right' | 'center' | 'center-left' | 'center-right' | 'bottom' | 'bottom-left' | 'bottom-right'>;
-type BoxPosition = EvokitMediaSufix<'static' | 'relative' | 'absolute' | 'fixed' | 'sticky'>;
-type BoxRound = EvokitMediaSufix<'none' | 'full' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
-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'?: 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-style-right'?: EvokitProp<BoxBorderStyle>;
-    /** @ignore */
-    'box-border-style-bottom'?: EvokitProp<BoxBorderStyle>;
-    /** @ignore */
-    'box-border-style-left'?: EvokitProp<BoxBorderStyle>;
-    'box-margin'?: EvokitProp<BoxMargin | `${BoxMargin} ${string}`>;
-    /** @ignore */
-    'box-margin-top'?: EvokitProp<BoxMargin>;
-    /** @ignore */
-    'box-margin-right'?: EvokitProp<BoxMargin>;
-    /** @ignore */
-    'box-margin-bottom'?: EvokitProp<BoxMargin>;
-    /** @ignore */
-    'box-margin-left'?: EvokitProp<BoxMargin>;
-    'box-padding'?: EvokitProp<BoxPadding | `${BoxPadding} ${string}`>;
-    /** @ignore */
-    'box-padding-top'?: EvokitProp<BoxPadding>;
-    /** @ignore */
-    'box-padding-right'?: EvokitProp<BoxPadding>;
-    /** @ignore */
-    'box-padding-bottom'?: EvokitProp<BoxPadding>;
-    /** @ignore */
-    'box-padding-left'?: EvokitProp<BoxPadding>;
-    'box-overflow'?: EvokitProp<BoxOverflow | `${BoxOverflow} ${string}`>;
-    /** @ignore */
-    'box-overflow-x'?: EvokitProp<BoxOverflow>;
-    /** @ignore */
-    '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'?: EvokitProp<BoxRound>;
-    /** @ignore */
-    'box-round-top-right'?: EvokitProp<BoxRound>;
-    /** @ignore */
-    'box-round-bottom-left'?: EvokitProp<BoxRound>;
-    /** @ignore */
-    'box-round-bottom-right'?: EvokitProp<BoxRound>;
-};
-/**
- * Компонент `Box` из библиотеки `evokit` является простым контейнером, который может
- * использоваться для размещения других элементов интерфейса.
- * Он может использоваться как самостоятельный элемент или в качестве родительского элемента для других компонентов.
- */
-export declare const Box: CreateBlock<'div', 'box', BoxProps>;
-export {};
+import type { CreateBlock, EvokitProp, EvokitMediaSufix } from '@prom-ui/core/base/types';
+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'>;
+type BoxAlign = EvokitMediaSufix<'none' | 'left' | 'center' | 'right'>;
+type BoxDisplay = EvokitMediaSufix<'none' | 'none:empty' | 'block' | 'inline-block' | 'inline'>;
+type BoxHeight = EvokitMediaSufix<'auto' | '1-1'>;
+type BoxMargin = EvokitMediaSufix<'none' | 'auto' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
+type BoxOpacity = EvokitMediaSufix<0 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 100>;
+type BoxOverflow = EvokitMediaSufix<'auto' | 'hidden' | 'scroll' | 'visible'>;
+type BoxPadding = EvokitMediaSufix<'none' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
+type BoxPlace = EvokitMediaSufix<'none' | 'top' | 'top-left' | 'top-right' | 'center' | 'center-left' | 'center-right' | 'bottom' | 'bottom-left' | 'bottom-right'>;
+type BoxPosition = EvokitMediaSufix<'static' | 'relative' | 'absolute' | 'fixed' | 'sticky'>;
+type BoxRound = EvokitMediaSufix<'none' | 'full' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
+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'?: 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-style-right'?: EvokitProp<BoxBorderStyle>;
+    /** @ignore */
+    'box-border-style-bottom'?: EvokitProp<BoxBorderStyle>;
+    /** @ignore */
+    'box-border-style-left'?: EvokitProp<BoxBorderStyle>;
+    'box-margin'?: EvokitProp<BoxMargin | `${BoxMargin} ${string}`>;
+    /** @ignore */
+    'box-margin-top'?: EvokitProp<BoxMargin>;
+    /** @ignore */
+    'box-margin-right'?: EvokitProp<BoxMargin>;
+    /** @ignore */
+    'box-margin-bottom'?: EvokitProp<BoxMargin>;
+    /** @ignore */
+    'box-margin-left'?: EvokitProp<BoxMargin>;
+    'box-padding'?: EvokitProp<BoxPadding | `${BoxPadding} ${string}`>;
+    /** @ignore */
+    'box-padding-top'?: EvokitProp<BoxPadding>;
+    /** @ignore */
+    'box-padding-right'?: EvokitProp<BoxPadding>;
+    /** @ignore */
+    'box-padding-bottom'?: EvokitProp<BoxPadding>;
+    /** @ignore */
+    'box-padding-left'?: EvokitProp<BoxPadding>;
+    'box-overflow'?: EvokitProp<BoxOverflow | `${BoxOverflow} ${string}`>;
+    /** @ignore */
+    'box-overflow-x'?: EvokitProp<BoxOverflow>;
+    /** @ignore */
+    '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'?: EvokitProp<BoxRound>;
+    /** @ignore */
+    'box-round-top-right'?: EvokitProp<BoxRound>;
+    /** @ignore */
+    'box-round-bottom-left'?: EvokitProp<BoxRound>;
+    /** @ignore */
+    'box-round-bottom-right'?: EvokitProp<BoxRound>;
+};
+/**
+ * Компонент `Box` из библиотеки `evokit` является простым контейнером, который может
+ * использоваться для размещения других элементов интерфейса.
+ * Он может использоваться как самостоятельный элемент или в качестве родительского элемента для других компонентов.
+ */
+export declare const Box: CreateBlock<'div', 'box', BoxProps>;
+export {};

package/Box/package.json

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