@cube-dev/ui-kit 0.0.0-canary-70220b3 → 0.0.0-canary-112bb48

package/types/styled/styled.d.ts

@@ -1,7 +1,18 @@
 import { ComponentType } from 'react';
-import { AllBaseProps, BaseStyleProps, StyledProps } from '../components/types';
-import { Styles, StylesInterface } from '../styles/types';
-import { ResponsiveStyleValue } from '../utils/styles';
+import { AllBaseProps, BaseStyleProps, ResponsiveStyleValue, Styles, StylesInterface } from '../tasty';
+export declare type StyledProps<K extends (keyof StylesInterface)[], DefaultProps> = {
+    /** The name of the element. It can be used to override styles in context. */
+    name?: string;
+    /** The tag name of the element. */
+    tag?: string;
+    /** Default styles of the element. */
+    styles?: Styles;
+    /** Default css of the element. */
+    css?: string;
+    props?: DefaultProps;
+    /** The list of styles that can be provided by props */
+    styleProps?: K;
+};
 export declare type AllBasePropsWithMods<K extends (keyof StylesInterface)[]> = AllBaseProps & {
     [key in K[number]]?: ResponsiveStyleValue<StylesInterface[key]>;
 } & BaseStyleProps;
@@ -22,10 +33,18 @@ declare type EitherLegacyPropsOrInlined<K extends (keyof StylesInterface)[], Def
 }) | ({
     props?: 'You Should use either legacy props field or inline props';
 } & DefaultProps);
+/**
+ * @deprecated Use `tasty()` helper instead.
+ */
 declare function styled<K extends (keyof StylesInterface)[], Props, DefaultProps extends Partial<Props> = Partial<Props>>(options: StyledProps<K, DefaultProps>, secondArg?: never): any;
+/**
+ * @deprecated Use `tasty()` helper instead.
+ */
 declare function styled(selector: string, styles?: Styles): any;
+/**
+ * @deprecated Use `tasty()` helper instead.
+ */
 declare function styled<K extends (keyof StylesInterface)[], Props extends {
     styles?: Styles;
 }, DefaultProps extends Partial<Props> = Partial<Props>>(Component: ComponentType<Props>, options?: EitherLegacyPropsOrInlined<K, DefaultProps>): ComponentType<StyledPropsWithDefaults<Props, DefaultProps>>;
-declare const tasty: typeof styled;
-export { styled, tasty };
+export { styled };

package/types/tasty/index.d.ts

@@ -0,0 +1,17 @@
+export * from '../styled/styled';
+export { tasty } from './tasty';
+export * from './utils/filterBaseProps';
+export * from './utils/colors';
+export * from './utils/styles';
+export * from './utils/modAttrs';
+export * from './utils/responsive';
+export * from './utils/renderStyles';
+export * from './utils/dotize';
+export * from './styles/list';
+export * from './providers/BreakpointsProvider';
+export * from './providers/StylesProvider';
+export * from './utils/mergeStyles';
+export * from './utils/warnings';
+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/{styles → tasty/styles}/index.d.ts

@@ -1,5 +1,5 @@
 declare const STYLE_HANDLER_MAP: {
-    [x: string]: import("../utils/styles").StyleHandler[];
+    [x: string]: import("..").StyleHandler[];
 }, defineCustomStyle: typeof import("./predefined").defineCustomStyle, defineStyleAlias: typeof import("./predefined").defineStyleAlias;
 export { STYLE_HANDLER_MAP, defineCustomStyle, defineStyleAlias };
 export * from './createStyle';

package/types/{styles → tasty/styles}/preset.d.ts

@@ -7,7 +7,7 @@ export declare function presetStyle({ preset, fontSize, lineHeight, textTransfor
     fontWeight: any;
     fontStyle: any;
     font: any;
-}): "" | Record<string, any>;
+}): Record<string, any> | "";
 export declare namespace presetStyle {
     var __lookupStyles: string[];
 }

package/types/tasty/tasty.d.ts

@@ -0,0 +1,31 @@
+import { ComponentType } from 'react';
+import { AllBaseProps, BaseStyleProps, Props } from './types';
+import { Styles, StylesInterface } from './styles/types';
+import { ResponsiveStyleValue } from './utils/styles';
+export declare type TastyProps<K extends (keyof StylesInterface)[], DefaultProps = Props> = {
+    /** The tag name of the element. */
+    as?: string;
+    /** Default styles of the element. */
+    styles?: Styles;
+    /** The list of styles that can be provided by props */
+    styleProps?: K;
+} & Omit<DefaultProps, 'as' | 'styles' | 'styleProps'>;
+export interface GlobalTastyProps {
+    breakpoints?: number[];
+}
+export declare type AllBasePropsWithMods<K extends (keyof StylesInterface)[]> = AllBaseProps & {
+    [key in K[number]]?: ResponsiveStyleValue<StylesInterface[key]>;
+} & BaseStyleProps;
+declare type TastyPropsWithDefaults<Props extends {
+    styles?: Styles;
+}, DefaultProps extends Partial<Props>> = keyof DefaultProps extends never ? Props : {
+    [key in Extract<keyof Props, keyof DefaultProps>]?: Props[key];
+} & {
+    [key in keyof Omit<Props, keyof DefaultProps>]: Props[key];
+};
+declare function tasty<K extends (keyof StylesInterface)[]>(options: TastyProps<K>, secondArg?: never): any;
+declare function tasty(selector: string, styles?: Styles): any;
+declare function tasty<Props extends {
+    styles?: Styles;
+}, DefaultProps extends Partial<Props> = Partial<Props>>(Component: ComponentType<Props>, options?: TastyProps<never, Props>): ComponentType<TastyPropsWithDefaults<Props, DefaultProps>>;
+export { tasty };

package/types/{components → tasty}/types.d.ts

@@ -1,22 +1,9 @@
 import { AllHTMLAttributes, CSSProperties } from 'react';
-import { Styles, StylesInterface } from '../styles/types';
-import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, CONTAINER_STYLES, DIMENSION_STYLES, FLOW_STYLES, OUTER_STYLES, POSITION_STYLES, TEXT_STYLES } from '../styles/list';
+import { Styles } from './styles/types';
+import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, CONTAINER_STYLES, DIMENSION_STYLES, FLOW_STYLES, OUTER_STYLES, POSITION_STYLES, TEXT_STYLES } from './styles/list';
 export interface GlobalStyledProps {
     breakpoints?: number[];
 }
-export declare type StyledProps<K extends (keyof StylesInterface)[], DefaultProps> = {
-    /** The name of the element. It can be used to override styles in context. */
-    name?: string;
-    /** The tag name of the element. */
-    tag?: string;
-    /** Default styles of the element. */
-    styles?: Styles;
-    /** Default css of the element. */
-    css?: string | ((props: Props) => string);
-    props?: DefaultProps;
-    /** The list of styles that can be provided by props */
-    styleProps?: K;
-};
 export interface BasePropsWithoutChildren extends Pick<AllHTMLAttributes<HTMLElement>, 'className' | 'role' | 'id'> {
     /** QA ID for e2e testing. An alias for `data-qa` attribute. */
     qa?: string;
@@ -41,7 +28,7 @@ export interface BasePropsWithoutChildren extends Pick<AllHTMLAttributes<HTMLEle
     /** Whether the element is disabled (`disabled` attribute is set) */
     isDisabled?: boolean;
     /** Plain css for the element */
-    css?: string | ((props: Props) => string);
+    css?: string;
     /** The element name for using in style overriding */
     styleName?: string;
     /** The CSS style map */

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

@@ -0,0 +1,7 @@
+export declare function warn(...args: any[]): void;
+export declare function deprecationWarning(condition: any, { property, name, betterAlternative, reason, }: {
+    property: string;
+    name: string;
+    betterAlternative: (() => string) | string;
+    reason?: (() => string) | string;
+}): void;

package/types/tokens.d.ts

@@ -94,6 +94,10 @@ declare const TOKENS: {
     't3m-line-height': string;
     't3m-letter-spacing': string;
     't3m-font-weight': string;
+    't3s-font-size': string;
+    't3s-line-height': string;
+    't3s-letter-spacing': string;
+    't3s-font-weight': string;
     't4-font-size': string;
     't4-line-height': string;
     't4-letter-spacing': string;

package/types/utils/react/index.d.ts

@@ -1,7 +1,7 @@
 export { chain } from './chain';
 export { isTextOnly } from './isTextOnly';
 export { mergeProps } from './mergeProps';
-export { modAttrs } from './modAttrs';
+export { modAttrs } from '../../tasty';
 export { useSlotProps, SlotProvider, ClearSlots } from './Slots';
 export { useLayoutEffect } from './useLayoutEffect';
 export { useCombinedRefs } from './useCombinedRefs';

package/types/utils/react/mergeProps.d.ts

@@ -1,4 +1,4 @@
-import { Props } from '../../components/types';
+import { Props } from '../../tasty';
 /**
  * Merges multiple props objects together. Event handlers are chained,
  * classNames are combined, and ids are deduplicated - different ids

package/types/utils/react/nullableValue.d.ts

@@ -1,4 +1,4 @@
-import { Props } from '../../components/types';
+import { Props } from '../../tasty';
 export declare function castNullableStringValue<T>(props: T): T;
 export declare function castNullableNumberValue<T>(props: T): T;
 export declare function castNullableArrayValue<T>(props: T): T;

package/cjs/utils/escape-string.js

@@ -1,21 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-70220b3
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-// https://github.com/sindresorhus/escape-string-regexp/blob/main/index.js
-function escapeStringRegexp(string) {
-    if (typeof string !== 'string') {
-        throw new TypeError('Expected a string');
-    }
-    // Escape characters with special meaning either inside or outside character sets.
-    // Use a simple backslash escape when it’s always valid, and a `\xnn` escape when the simpler form would be disallowed by Unicode patterns’ stricter grammar.
-    return string.replace(/[|\\{}()[\]^$+*?.]/g, '\\$&').replace(/-/g, '\\x2d');
-}
-exports.default = escapeStringRegexp;
-
-        

package/es/utils/escape-string.js

@@ -1,18 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-70220b3
- * Released under the MIT license.
- */
-
-// https://github.com/sindresorhus/escape-string-regexp/blob/main/index.js
-export default function escapeStringRegexp(string) {
-    if (typeof string !== 'string') {
-        throw new TypeError('Expected a string');
-    }
-    // Escape characters with special meaning either inside or outside character sets.
-    // Use a simple backslash escape when it’s always valid, and a `\xnn` escape when the simpler form would be disallowed by Unicode patterns’ stricter grammar.
-    return string.replace(/[|\\{}()[\]^$+*?.]/g, '\\$&').replace(/-/g, '\\x2d');
-}
-
-        

package/types/utils/escape-string.d.ts

@@ -1 +0,0 @@
-export default function escapeStringRegexp(string: any): string;