@cube-dev/ui-kit 0.0.0-canary-08c9b1c → 0.0.0-canary-318cc5b

package/types/components/overlays/Modal/Underlay.d.ts

@@ -2,8 +2,8 @@ import { HTMLAttributes } from 'react';
 export interface CubeUnderlayProps extends HTMLAttributes<HTMLElement> {
     isOpen?: boolean;
 }
-declare let _Underlay: import("react").ForwardRefExoticComponent<Pick<{
+declare let _Underlay: import("react").ForwardRefExoticComponent<Omit<{
     [x: string]: any;
     isOpen: any;
-}, string | number> & import("react").RefAttributes<unknown>>;
+}, "ref"> & import("react").RefAttributes<unknown>>;
 export { _Underlay as Underlay };

package/types/components/overlays/NewNotifications/NotificationView/NotificationDescription.d.ts

@@ -6,6 +6,4 @@ export type NotificationDescriptionProps = {
 /**
  * @internal This component is unstable and must not be used outside of `NotificationView`.
  */
-export declare const NotificationDescription: import("react").NamedExoticComponent<{
-    description: NotificationProps['description'];
-} & HTMLAttributes<HTMLElement>>;
+export declare const NotificationDescription: import("react").NamedExoticComponent<NotificationDescriptionProps>;

package/types/components/overlays/NewNotifications/NotificationView/NotificationHeader.d.ts

@@ -6,6 +6,4 @@ export type NotificationHeaderProps = {
 /**
  * @internal This component is unstable and must not be used outside of `NotificationView`.
  */
-export declare const NotificationHeader: import("react").NamedExoticComponent<{
-    header: NotificationProps['header'];
-} & HTMLAttributes<HTMLElement>>;
+export declare const NotificationHeader: import("react").NamedExoticComponent<NotificationHeaderProps>;

package/types/components/pickers/Menu/styled.d.ts

@@ -59,8 +59,8 @@ export declare const StyledMenuHeader: import("react").ComponentType<{
     gridColumns?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.GridTemplateColumns<string | number> | undefined>;
     gridRows?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.GridTemplateRows<string | number> | undefined>;
     preset?: import("../../../tasty").ResponsiveStyleValue<string | undefined>;
-    align?: import("../../../tasty").ResponsiveStyleValue<"initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
-    justify?: import("../../../tasty").ResponsiveStyleValue<"right" | "left" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
+    align?: import("../../../tasty").ResponsiveStyleValue<"center" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
+    justify?: import("../../../tasty").ResponsiveStyleValue<"center" | "right" | "left" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
     block?: boolean | undefined;
     inline?: boolean | undefined;
     element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;
@@ -138,8 +138,8 @@ export declare const StyledMenuSectionHeading: import("react").ComponentType<{
     gridColumns?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.GridTemplateColumns<string | number> | undefined>;
     gridRows?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.GridTemplateRows<string | number> | undefined>;
     preset?: import("../../../tasty").ResponsiveStyleValue<string | undefined>;
-    align?: import("../../../tasty").ResponsiveStyleValue<"initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
-    justify?: import("../../../tasty").ResponsiveStyleValue<"right" | "left" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
+    align?: import("../../../tasty").ResponsiveStyleValue<"center" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
+    justify?: import("../../../tasty").ResponsiveStyleValue<"center" | "right" | "left" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
     block?: boolean | undefined;
     inline?: boolean | undefined;
     element?: `A${string}` | `B${string}` | `C${string}` | `D${string}` | `E${string}` | `F${string}` | `G${string}` | `H${string}` | `I${string}` | `J${string}` | `K${string}` | `L${string}` | `M${string}` | `N${string}` | `O${string}` | `P${string}` | `Q${string}` | `R${string}` | `S${string}` | `T${string}` | `U${string}` | `V${string}` | `W${string}` | `X${string}` | `Y${string}` | `Z${string}` | undefined;

package/types/stories/components/StyledButton.d.ts

@@ -61,8 +61,8 @@ export declare const StyledButton: import("react").ComponentType<{
     gridColumns?: import("../../tasty").ResponsiveStyleValue<import("csstype").Property.GridTemplateColumns<string | number> | undefined>;
     gridRows?: import("../../tasty").ResponsiveStyleValue<import("csstype").Property.GridTemplateRows<string | number> | undefined>;
     preset?: import("../../tasty").ResponsiveStyleValue<string | undefined>;
-    align?: import("../../tasty").ResponsiveStyleValue<"initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
-    justify?: import("../../tasty").ResponsiveStyleValue<"right" | "left" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "center" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
+    align?: import("../../tasty").ResponsiveStyleValue<"center" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | undefined>;
+    justify?: import("../../tasty").ResponsiveStyleValue<"center" | "right" | "left" | "initial" | "inherit" | (string & {}) | "-moz-initial" | "revert" | "revert-layer" | "unset" | "end" | "flex-end" | "flex-start" | "self-end" | "self-start" | "start" | "baseline" | "normal" | "stretch" | "space-around" | "space-between" | "space-evenly" | "legacy" | undefined>;
     size?: "small" | (string & {}) | "medium" | "large" | undefined;
     block?: boolean | undefined;
     inline?: boolean | undefined;

package/types/tasty/index.d.ts

@@ -10,7 +10,7 @@ export * from './styles/list';
 export * from './providers/BreakpointsProvider';
 export * from './utils/mergeStyles';
 export * from './utils/warnings';
-export * from './utils/getDisplayName';
+export * from './utils/get-display-name';
 export type { TastyProps, GlobalTastyProps, AllBasePropsWithMods, } from './tasty';
 export type { AllBaseProps, BaseProps, BaseStyleProps, DimensionStyleProps, ColorStyleProps, OuterStyleProps, PositionStyleProps, TextStyleProps, BlockStyleProps, ContainerStyleProps, BasePropsWithoutChildren, Props, FlowStyleProps, ShortGridStyles, GlobalStyledProps, TagNameProps, TagName, } from './types';
 export type { StylesInterface, Styles, StylesWithoutSelectors, NoType, Selector, SuffixForSelector, NotSelector, } from './styles/types';

package/types/tasty/types.d.ts

@@ -44,15 +44,15 @@ export interface BaseProps extends BasePropsWithoutChildren, Pick<AllHTMLAttribu
 export interface AllBaseProps<K extends keyof HTMLElementTagNameMap = 'div'> extends BaseProps, Omit<AllHTMLAttributes<HTMLElementTagNameMap[K]>, 'style' | 'size' | 'disabled' | 'hidden' | 'css' | 'color' | 'height' | 'width'> {
     as?: string;
 }
-export type BaseStyleProps = Pick<Styles, typeof BASE_STYLES[number]>;
-export type PositionStyleProps = Pick<Styles, typeof POSITION_STYLES[number]>;
-export type BlockStyleProps = Pick<Styles, typeof BLOCK_STYLES[number]>;
-export type ColorStyleProps = Pick<Styles, typeof COLOR_STYLES[number]>;
-export type TextStyleProps = Pick<Styles, typeof TEXT_STYLES[number]>;
-export type DimensionStyleProps = Pick<Styles, typeof DIMENSION_STYLES[number]>;
-export type FlowStyleProps = Pick<Styles, typeof FLOW_STYLES[number]>;
-export type ContainerStyleProps = Pick<Styles, typeof CONTAINER_STYLES[number]>;
-export type OuterStyleProps = Pick<Styles, typeof OUTER_STYLES[number]>;
+export type BaseStyleProps = Pick<Styles, (typeof BASE_STYLES)[number]>;
+export type PositionStyleProps = Pick<Styles, (typeof POSITION_STYLES)[number]>;
+export type BlockStyleProps = Pick<Styles, (typeof BLOCK_STYLES)[number]>;
+export type ColorStyleProps = Pick<Styles, (typeof COLOR_STYLES)[number]>;
+export type TextStyleProps = Pick<Styles, (typeof TEXT_STYLES)[number]>;
+export type DimensionStyleProps = Pick<Styles, (typeof DIMENSION_STYLES)[number]>;
+export type FlowStyleProps = Pick<Styles, (typeof FLOW_STYLES)[number]>;
+export type ContainerStyleProps = Pick<Styles, (typeof CONTAINER_STYLES)[number]>;
+export type OuterStyleProps = Pick<Styles, (typeof OUTER_STYLES)[number]>;
 export type ShortGridStyles = {
     template?: Styles['gridTemplate'];
     columns?: Styles['gridColumns'];

package/types/tasty/utils/modAttrs.d.ts

@@ -2,6 +2,4 @@
  * Generate data DOM attributes from modifier map.
  */
 import { AllBaseProps } from '../types';
-declare function modAttrs(map: AllBaseProps['mods']): Record<string, string> | null;
-declare const _modAttrs: typeof modAttrs;
-export { _modAttrs as modAttrs };
+export declare function modAttrs(map: AllBaseProps['mods']): Record<string, string> | null;

package/types/tasty/utils/styles.d.ts

@@ -189,4 +189,8 @@ export declare const COMPUTE_FUNC_MAP: {
 export declare function computeState(computeModel: ComputeModel, valueMap: (number | boolean)[] | {
     [key: string]: boolean;
 } | Function): any;
+/**
+ * Create a function that caches the result up to the limit.
+ */
+export declare function cacheWrapper<T extends (firstArg: any, secondArg?: string) => any>(handler: T, limit?: number): T;
 export {};

package/cjs/tasty/utils/cache-wrapper.js

@@ -1,35 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-08c9b1c
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cacheWrapper = void 0;
-/**
- * Create a function that caches the result up to the limit.
- */
-function cacheWrapper(handler, limit = 1000) {
-    let cache = {};
-    let count = 0;
-    return ((firstArg, secondArg) => {
-        const key = typeof firstArg === 'string' && secondArg == null
-            ? firstArg
-            : JSON.stringify([firstArg, secondArg]);
-        if (!cache[key]) {
-            if (count > limit) {
-                cache = {};
-                count = 0;
-            }
-            count++;
-            cache[key] =
-                secondArg == null ? handler(firstArg) : handler(firstArg, secondArg);
-        }
-        return cache[key];
-    });
-}
-exports.cacheWrapper = cacheWrapper;
-
-        

package/cjs/tasty/utils/case-converter.js

@@ -1,16 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-08c9b1c
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.camelToKebab = void 0;
-function camelToKebab(str) {
-    return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
-}
-exports.camelToKebab = camelToKebab;
-
-        

package/es/tasty/utils/cache-wrapper.js

@@ -1,31 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-08c9b1c
- * Released under the MIT license.
- */
-
-/**
- * Create a function that caches the result up to the limit.
- */
-export function cacheWrapper(handler, limit = 1000) {
-    let cache = {};
-    let count = 0;
-    return ((firstArg, secondArg) => {
-        const key = typeof firstArg === 'string' && secondArg == null
-            ? firstArg
-            : JSON.stringify([firstArg, secondArg]);
-        if (!cache[key]) {
-            if (count > limit) {
-                cache = {};
-                count = 0;
-            }
-            count++;
-            cache[key] =
-                secondArg == null ? handler(firstArg) : handler(firstArg, secondArg);
-        }
-        return cache[key];
-    });
-}
-
-        

package/es/tasty/utils/case-converter.js

@@ -1,12 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-08c9b1c
- * Released under the MIT license.
- */
-
-export function camelToKebab(str) {
-    return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
-}
-
-        

package/types/tasty/utils/cache-wrapper.d.ts

@@ -1,4 +0,0 @@
-/**
- * Create a function that caches the result up to the limit.
- */
-export declare function cacheWrapper<T extends (firstArg: any, secondArg?: string) => any>(handler: T, limit?: number): T;

package/types/tasty/utils/case-converter.d.ts

@@ -1 +0,0 @@
-export declare function camelToKebab(str: string): string;