@alfalab/core-components-number-input 1.2.6 → 1.3.0

package/cssm/desktop/index.d.ts

@@ -0,0 +1,2 @@
+export { NumberInputDesktop, NumberInputDesktopProps } from "../Component.desktop";
+export {};

package/cssm/{desktop.js → desktop/index.js}

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_desktop = require('./Component.desktop.js');
+var Component_desktop = require('../Component.desktop.js');
 require('tslib');
 require('react');
 require('@alfalab/core-components-input/cssm/desktop');
-require('./components/number-input/Component.js');
+require('../components/number-input/Component.js');
 require('react-merge-refs');
-require('./utils.js');
+require('../utils.js');
 
 
 

package/cssm/mobile/index.d.ts

@@ -0,0 +1,2 @@
+export { NumberInputMobile, NumberInputMobileProps } from "../Component.mobile";
+export {};

package/cssm/{mobile.js → mobile/index.js}

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_mobile = require('./Component.mobile.js');
+var Component_mobile = require('../Component.mobile.js');
 require('tslib');
 require('react');
 require('@alfalab/core-components-input/cssm/mobile');
-require('./components/number-input/Component.js');
+require('../components/number-input/Component.js');
 require('react-merge-refs');
-require('./utils.js');
+require('../utils.js');
 
 
 

package/desktop/index.d.ts

@@ -0,0 +1,2 @@
+export { NumberInputDesktop, NumberInputDesktopProps } from "../Component.desktop";
+export {};

package/{desktop.js → desktop/index.js}

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_desktop = require('./Component.desktop.js');
+var Component_desktop = require('../Component.desktop.js');
 require('tslib');
 require('react');
 require('@alfalab/core-components-input/desktop');
-require('./components/number-input/Component.js');
+require('../components/number-input/Component.js');
 require('react-merge-refs');
-require('./utils.js');
+require('../utils.js');
 
 
 

package/desktop/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "../esm/desktop/index.js"
+}

package/esm/desktop/index.d.ts

@@ -0,0 +1,2 @@
+export { NumberInputDesktop, NumberInputDesktopProps } from "../Component.desktop";
+export {};

package/esm/desktop/index.js

@@ -0,0 +1,7 @@
+export { NumberInputDesktop } from '../Component.desktop.js';
+import 'tslib';
+import 'react';
+import '@alfalab/core-components-input/esm/desktop';
+import '../components/number-input/Component.js';
+import 'react-merge-refs';
+import '../utils.js';

package/esm/mobile/index.d.ts

@@ -0,0 +1,2 @@
+export { NumberInputMobile, NumberInputMobileProps } from "../Component.mobile";
+export {};

package/esm/mobile/index.js

@@ -0,0 +1,7 @@
+export { NumberInputMobile } from '../Component.mobile.js';
+import 'tslib';
+import 'react';
+import '@alfalab/core-components-input/esm/mobile';
+import '../components/number-input/Component.js';
+import 'react-merge-refs';
+import '../utils.js';

package/mobile/index.d.ts

@@ -0,0 +1,2 @@
+export { NumberInputMobile, NumberInputMobileProps } from "../Component.mobile";
+export {};

package/{mobile.js → mobile/index.js}

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component_mobile = require('./Component.mobile.js');
+var Component_mobile = require('../Component.mobile.js');
 require('tslib');
 require('react');
 require('@alfalab/core-components-input/mobile');
-require('./components/number-input/Component.js');
+require('../components/number-input/Component.js');
 require('react-merge-refs');
-require('./utils.js');
+require('../utils.js');
 
 
 

package/mobile/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "../esm/mobile/index.js"
+}

package/modern/desktop/index.d.ts

@@ -0,0 +1,2 @@
+export { NumberInputDesktop, NumberInputDesktopProps } from "../Component.desktop";
+export {};

package/modern/desktop/index.js

@@ -0,0 +1,6 @@
+export { NumberInputDesktop } from '../Component.desktop.js';
+import 'react';
+import '@alfalab/core-components-input/modern/desktop';
+import '../components/number-input/Component.js';
+import 'react-merge-refs';
+import '../utils.js';

package/modern/mobile/index.d.ts

@@ -0,0 +1,2 @@
+export { NumberInputMobile, NumberInputMobileProps } from "../Component.mobile";
+export {};

package/modern/mobile/index.js

@@ -0,0 +1,6 @@
+export { NumberInputMobile } from '../Component.mobile.js';
+import 'react';
+import '@alfalab/core-components-input/modern/mobile';
+import '../components/number-input/Component.js';
+import 'react-merge-refs';
+import '../utils.js';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-number-input",
-    "version": "1.2.6",
+    "version": "1.3.0",
     "description": "",
     "keywords": [],
     "license": "MIT",
@@ -14,7 +14,7 @@
         "react": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-input": "^12.2.1",
+        "@alfalab/core-components-input": "^12.3.0",
         "react-merge-refs": "^1.1.0",
         "tslib": "^2.4.0"
     }

package/src/desktop/index.ts

@@ -0,0 +1 @@
+export { NumberInputDesktop, NumberInputDesktopProps } from '../Component.desktop';

package/src/desktop/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "../esm/desktop/index.js"
+}

package/src/mobile/index.ts

@@ -0,0 +1 @@
+export { NumberInputMobile, NumberInputMobileProps } from '../Component.mobile';

package/src/mobile/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "../esm/mobile/index.js"
+}

package/Component-10db897e.d.ts

@@ -1,38 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
-type SpinnerProps = {
-    /**
-     * Управление видимостью компонента
-     */
-    visible?: boolean;
-    /**
-     * Размер компонента
-     */
-    size?: "xs" | "s" | "m";
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Идентификатор компонента в DOM
-     */
-    id?: string;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Палитра, в контексте которой используется спиннер
-     */
-    colors?: "default" | "inverted";
-};
-declare const Spinner: FC<SpinnerProps>;
-/**
- * Минимальное время отображения лоадера - 500мс,
- * чтобы при быстрых ответах от сервера кнопка не «моргала».
- */
-declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
-declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };

package/Component-72dda473.d.ts

@@ -1,53 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BackgroundColorType, GraphicColorType } from "./index-72dda473";
-type IconColorType = Extract<GraphicColorType, 'positive' | 'attention' | 'link' | 'negative' | 'tertiary' | 'secondary' | 'primary'>;
-type BadgeProps = {
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     *  Вид компонента
-     */
-    view: 'icon' | 'count';
-    /**
-     * Размер компонента (только для view=icon)
-     * //deprecated(используйте height для view=count )
-     */
-    size?: 's' | 'm' | 'l' | 'xl';
-    /**
-     *  Видимость белой обводки вокруг иконки
-     */
-    visibleIconOutline?: boolean;
-    /**
-     *  Видимость цветной обводки вокруг иконки (только для view=icon)
-     */
-    visibleColorOutline?: boolean;
-    /**
-     * Контент компонента
-     */
-    content?: React.ReactElement | number;
-    /**
-     * Высота компонента, min = 16; max = 48 (только для view=count)
-     */
-    height?: number;
-    /**
-     * Цветовое оформление бейджа при view='count'
-     */
-    color?: Extract<BackgroundColorType, 'accent' | 'primary' | 'specialbg-secondary-transparent'>;
-    /**
-     * Цветовое оформление бейджа при view='icon'
-     */
-    iconColor?: IconColorType;
-    /**
-     * Цвет подложки под иконкой
-     */
-    iconUnderlayColor?: Extract<GraphicColorType, 'primary' | 'static-light'>;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, color, iconUnderlayColor, dataTestId, }: BadgeProps) => React.JSX.Element;
-export { IconColorType, BadgeProps, Badge };

package/Component.desktop-785df74d.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
-type FormControlDesktopProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
-declare const FormControlDesktop: React.ForwardRefExoticComponent<FormControlDesktopProps & React.RefAttributes<HTMLDivElement>>;
-export { FormControlDesktopProps, FormControlDesktop };

package/Component.mobile-d7e9f69d.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
-type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
-declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
-export { FormControlMobileProps, FormControlMobile };

package/Component.mobile-ebda875c.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseInputProps } from "./index-ebda875c";
-type InputMobileProps = Omit<BaseInputProps, 'FormControlComponent' | 'colorStyles'>;
-declare const InputMobile: React.ForwardRefExoticComponent<InputMobileProps & React.RefAttributes<HTMLInputElement>>;
-export * from "./Component.mobile-d7e9f69d";
-export { InputMobileProps, InputMobile };

package/Component.responsive-785df74d.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
-type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean);
-};
-declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number | undefined;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export { FormControlProps, FormControl };

package/cssm/Component-10db897e.d.ts

@@ -1,38 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { FC } from "react";
-import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
-type SpinnerProps = {
-    /**
-     * Управление видимостью компонента
-     */
-    visible?: boolean;
-    /**
-     * Размер компонента
-     */
-    size?: "xs" | "s" | "m";
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Идентификатор компонента в DOM
-     */
-    id?: string;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Палитра, в контексте которой используется спиннер
-     */
-    colors?: "default" | "inverted";
-};
-declare const Spinner: FC<SpinnerProps>;
-/**
- * Минимальное время отображения лоадера - 500мс,
- * чтобы при быстрых ответах от сервера кнопка не «моргала».
- */
-declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
-declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
-export { SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };

package/cssm/Component-72dda473.d.ts

@@ -1,53 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BackgroundColorType, GraphicColorType } from "./index-72dda473";
-type IconColorType = Extract<GraphicColorType, 'positive' | 'attention' | 'link' | 'negative' | 'tertiary' | 'secondary' | 'primary'>;
-type BadgeProps = {
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     *  Вид компонента
-     */
-    view: 'icon' | 'count';
-    /**
-     * Размер компонента (только для view=icon)
-     * //deprecated(используйте height для view=count )
-     */
-    size?: 's' | 'm' | 'l' | 'xl';
-    /**
-     *  Видимость белой обводки вокруг иконки
-     */
-    visibleIconOutline?: boolean;
-    /**
-     *  Видимость цветной обводки вокруг иконки (только для view=icon)
-     */
-    visibleColorOutline?: boolean;
-    /**
-     * Контент компонента
-     */
-    content?: React.ReactElement | number;
-    /**
-     * Высота компонента, min = 16; max = 48 (только для view=count)
-     */
-    height?: number;
-    /**
-     * Цветовое оформление бейджа при view='count'
-     */
-    color?: Extract<BackgroundColorType, 'accent' | 'primary' | 'specialbg-secondary-transparent'>;
-    /**
-     * Цветовое оформление бейджа при view='icon'
-     */
-    iconColor?: IconColorType;
-    /**
-     * Цвет подложки под иконкой
-     */
-    iconUnderlayColor?: Extract<GraphicColorType, 'primary' | 'static-light'>;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-declare const Badge: ({ className, size, view, visibleIconOutline, visibleColorOutline, content, height, iconColor, color, iconUnderlayColor, dataTestId, }: BadgeProps) => React.JSX.Element;
-export { IconColorType, BadgeProps, Badge };

package/cssm/Component.desktop-785df74d.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
-type FormControlDesktopProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
-declare const FormControlDesktop: React.ForwardRefExoticComponent<FormControlDesktopProps & React.RefAttributes<HTMLDivElement>>;
-export { FormControlDesktopProps, FormControlDesktop };

package/cssm/Component.mobile-d7e9f69d.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
-type FormControlMobileProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'>;
-declare const FormControlMobile: React.ForwardRefExoticComponent<FormControlMobileProps & React.RefAttributes<HTMLDivElement>>;
-export { FormControlMobileProps, FormControlMobile };

package/cssm/Component.mobile-ebda875c.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseInputProps } from "./index-ebda875c";
-type InputMobileProps = Omit<BaseInputProps, 'FormControlComponent' | 'colorStyles'>;
-declare const InputMobile: React.ForwardRefExoticComponent<InputMobileProps & React.RefAttributes<HTMLInputElement>>;
-export * from "./Component.mobile-d7e9f69d";
-export { InputMobileProps, InputMobile };

package/cssm/Component.responsive-785df74d.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseFormControlProps } from "./index-ebda875c";
-type FormControlProps = Omit<BaseFormControlProps, 'styles' | 'colorStyles'> & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean);
-};
-declare const FormControl: React.ForwardRefExoticComponent<Omit<BaseFormControlProps, "styles" | "colorStyles"> & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number | undefined;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export { FormControlProps, FormControl };

package/cssm/desktop.d.ts

@@ -1,2 +0,0 @@
-export { NumberInputDesktop, NumberInputDesktopProps } from "./Component.desktop";
-export {};

package/cssm/index-10db897e.d.ts

@@ -1,50 +0,0 @@
-/// <reference types="react" />
-import React from "react";
-import { PaddingType } from "./index-72dda473";
-/* eslint-disable no-plusplus, no-param-reassign */
-import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
-declare const isClient: () => boolean;
-declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
-declare function easeInOutQuad(x: number): number;
-declare const easingFns: {
-    easeInOutQuad: typeof easeInOutQuad;
-};
-/**
- * Возвращает true, если значение равно null или undefined
- */
-declare function isNil(value: unknown): boolean;
-/**
- * Выбор значения между min max границами
- */
-declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
-declare function noop(): void;
-declare const fnUtils: {
-    clamp: typeof clamp;
-    noop: typeof noop;
-    isNil: typeof isNil;
-};
-/**
- *  Запрещает каретке становиться за указанные границы
- */
-declare function caretGuard(guard: (value: string, selection: readonly [
-    from: number,
-    to: number
-]) => [
-    from: number,
-    to: number
-]): MaskitoPlugin;
-/**
- *  Запрещает удалять указанный префикс
- */
-declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
-/**
- * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
- */
-declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
-declare const maskUtils: {
-    insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
-    prefixPostprocessor: typeof prefixPostprocessor;
-    caretGuard: typeof caretGuard;
-};
-export { isClient, getDataTestId, createPaddingStyle, easingFns, fnUtils, maskUtils };

package/cssm/index-3109f463.d.ts

@@ -1,62 +0,0 @@
-import { FC, ReactNode } from "react";
-type MqProps = {
-    /**
-     * Media выражение или кастомный запрос из `mq.json`, например `--mobile`.
-     */
-    query?: string;
-    /**
-     * Запрос на поддержку тач-событий
-     */
-    touch?: boolean;
-    /**
-     * Дочерние элементы.
-     */
-    children?: ReactNode;
-    /**
-     * Обработчик изменений в совпадении запросов
-     */
-    onMatchChange?: (isMatched: boolean) => void;
-};
-declare const Mq: FC<MqProps>;
-/**
- * Хук для медиа запросов.
- * @param query media выражение или кастомный запрос из `mq.json`, например `--mobile`.
- * @param defaultValue Значение по-умолчанию.
- */
-declare const useMatchMedia: (query: string, defaultValue?: boolean | (() => boolean)) => boolean[];
-/**
- * Возвращает MediaQueryList для заданного media-выражения.
- *
- * @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.
- */
-declare function getMatchMedia(queryProp: string): MediaQueryList;
-/**
- * Удаляет MediaQueryList.
- *
- * @param queryProp media выражение или кастомный запрос из `mq.json`, например `--mobile`.
- */
-declare function releaseMatchMedia(queryProp: string): void;
-/**
- * Возвращает `true`, если есть поддержка `Pointer Events`
- */
-declare function isPointerEventsSupported(): boolean;
-/**
- * Возвращает `true`, если есть поддержка `Touch Events`
- */
-declare function isTouchSupported(): boolean;
-declare const _exports: {
-    "--mobile-xs": string;
-    "--mobile-s": string;
-    "--mobile-m": string;
-    "--mobile-l": string;
-    "--mobile": string;
-    "--tablet-s": string;
-    "--tablet-m": string;
-    "--tablet": string;
-    "--desktop-s": string;
-    "--desktop-m": string;
-    "--desktop-l": string;
-    "--desktop-xl": string;
-    "--desktop": string;
-};
-export { _exports as default, MqProps, Mq, useMatchMedia, getMatchMedia, releaseMatchMedia, isPointerEventsSupported, isTouchSupported };

package/cssm/index-72dda473.d.ts

@@ -1,12 +0,0 @@
-type BackgroundColorType = 'accent' | 'info' | 'attention-muted' | 'positive-muted' | 'negative-muted' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'specialbg-component' | 'specialbg-component-inverted' | 'specialbg-primary-grouped' | 'specialbg-secondary-grouped' | 'specialbg-tertiary-grouped' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
-type BorderColorType = 'accent' | 'key' | 'key-inverted' | 'link' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'underline' | 'underline-inverted' | 'graphic-attention' | 'graphic-link' | 'graphic-negative' | 'graphic-positive' | 'specialbg-secondary-transparent' | 'specialbg-secondary-transparent-inverted' | 'specialbg-tertiary-transparent' | 'specialbg-tertiary-transparent-inverted';
-type GraphicColorType = 'accent' | 'link' | 'attention' | 'positive' | 'negative' | 'primary' | 'primary-inverted' | 'secondary' | 'secondary-inverted' | 'tertiary' | 'tertiary-inverted' | 'quaternary' | 'quaternary-inverted' | 'static-light' | 'static-accent' | 'static-dark';
-type ShadowType = 'shadow-xs' | 'shadow-s' | 'shadow-m' | 'shadow-l' | 'shadow-xl' | 'shadow-xs-hard' | 'shadow-s-hard' | 'shadow-m-hard' | 'shadow-l-hard' | 'shadow-xl-hard' | 'shadow-xs-up' | 'shadow-s-up' | 'shadow-m-up' | 'shadow-l-up' | 'shadow-xl-up' | 'shadow-xs-hard-up' | 'shadow-s-hard-up' | 'shadow-m-hard-up' | 'shadow-l-hard-up' | 'shadow-xl-hard-up';
-type GapType = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl' | '7xl' | '8xl';
-type PaddingType = number | string | {
-    top?: number;
-    right?: number;
-    bottom?: number;
-    left?: number;
-};
-export { BackgroundColorType, BorderColorType, GraphicColorType, ShadowType, GapType, PaddingType };