@cube-dev/ui-kit 0.0.0-canary-7480fe6 → 0.0.0-canary-00505d5

package/types/tasty/index.d.ts

@@ -0,0 +1,3 @@
+export * from '../styled/styled';
+export { tasty } from './tasty';
+export type { TastyProps, GlobalTastyProps } from './tasty';

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

@@ -13,7 +13,7 @@ export interface StylesInterface extends Omit<CSSProperties, 'color' | 'fill' |
      * fill="#dark.30" // the dark color with 30% opacity
      * ```
      */
-    fill?: `#${NamedColor}${OpaquePercentage}` | `rgb(${string})` | `rgba(${string})` | boolean | (string & {});
+    fill?: `#${NamedColor}${OpaquePercentage}` | `rgb(${string})` | `rgba(${string})` | boolean | string;
     /** Set the text (current) color of the element
      * ```
      * color="#{name_of_the_color}"

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 */
@@ -49,7 +36,7 @@ export interface BasePropsWithoutChildren extends Pick<AllHTMLAttributes<HTMLEle
         [key: string]: string | number | null;
     });
     /** User-defined theme for the element. Mapped to data-theme attribute. Use `default`, or `danger`, or any custom string value you need. */
-    theme?: 'default' | 'danger' | (string & {});
+    theme?: 'default' | 'danger' | string;
 }
 export interface BaseProps extends BasePropsWithoutChildren, Pick<AllHTMLAttributes<HTMLElementTagNameMap['div']>, 'children'> {
 }

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/utils/modAttrs';
 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/types';
 /**
  * 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/types';
 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/types/utils/warnings.d.ts

@@ -1,9 +1,3 @@
 export declare function propDeprecationWarning(name: any, props: any, propList: any): void;
 export declare function accessibilityWarning(...args: any[]): void;
 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/cjs/_internal/hooks/use-deprecation-warning.js

@@ -1,43 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDeprecationWarning = void 0;
-const react_1 = __importStar(require("react"));
-const warnings_1 = require("../../utils/warnings");
-function useDeprecationWarning(...args) {
-    const didWarn = react_1.default.useRef(false);
-    (0, react_1.useEffect)(() => {
-        if (didWarn.current)
-            return;
-        didWarn.current = true;
-        (0, warnings_1.deprecationWarning)(...args);
-    }, [args[0]]);
-}
-exports.useDeprecationWarning = useDeprecationWarning;
-
-        

package/cjs/_internal/index.js

@@ -1,22 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./hooks"), exports);
-
-        

package/cjs/components/content/Alert/index.js

@@ -1,22 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Alert"), exports);
-
-        

package/cjs/components/content/Alert/use-alert.js

@@ -1,34 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useAlert = void 0;
-const styles_1 = require("../../../utils/styles");
-const _internal_1 = require("../../../_internal");
-const list_1 = require("../../../styles/list");
-const filterBaseProps_1 = require("../../../utils/filterBaseProps");
-const STYLE_LIST = [...list_1.CONTAINER_STYLES, ...list_1.TEXT_STYLES];
-function useAlert(props) {
-    var _a;
-    const { type, isDisabled = false, theme } = props;
-    const styles = (0, styles_1.extractStyles)(props, STYLE_LIST);
-    (0, _internal_1.useDeprecationWarning)(typeof type === 'undefined', {
-        property: 'type',
-        name: 'Alert',
-        betterAlternative: 'theme',
-    });
-    const _theme = isDisabled ? 'disabled' : (_a = theme !== null && theme !== void 0 ? theme : type) !== null && _a !== void 0 ? _a : 'note'; //?
-    return {
-        styles,
-        theme: _theme,
-        filteredProps: (0, filterBaseProps_1.filterBaseProps)(props, { eventProps: true }),
-    };
-}
-exports.useAlert = useAlert;
-
-        

package/cjs/components/content/CopySnippet/index.js

@@ -1,22 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./CopySnippet"), exports);
-
-        

package/cjs/styled/index.js

@@ -1,22 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./styled"), exports);
-
-        

package/cjs/styles/types.js

@@ -1,11 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-
-        

package/cjs/utils/escape-string.js

@@ -1,21 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
- * 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/_internal/hooks/index.js

@@ -1,10 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
- * Released under the MIT license.
- */
-
-export * from './use-deprecation-warning';
-
-        

package/es/_internal/hooks/use-deprecation-warning.js

@@ -1,20 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
- * Released under the MIT license.
- */
-
-import React, { useEffect } from 'react';
-import { deprecationWarning } from '../../utils/warnings';
-export function useDeprecationWarning(...args) {
-    const didWarn = React.useRef(false);
-    useEffect(() => {
-        if (didWarn.current)
-            return;
-        didWarn.current = true;
-        deprecationWarning(...args);
-    }, [args[0]]);
-}
-
-        

package/es/_internal/index.js

@@ -1,10 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
- * Released under the MIT license.
- */
-
-export * from './hooks';
-
-        

package/es/components/content/Alert/index.js

@@ -1,10 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
- * Released under the MIT license.
- */
-
-export * from './Alert';
-
-        

package/es/components/content/Alert/use-alert.js

@@ -1,30 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
- * Released under the MIT license.
- */
-
-import { extractStyles } from '../../../utils/styles';
-import { useDeprecationWarning } from '../../../_internal';
-import { CONTAINER_STYLES, TEXT_STYLES } from '../../../styles/list';
-import { filterBaseProps } from '../../../utils/filterBaseProps';
-const STYLE_LIST = [...CONTAINER_STYLES, ...TEXT_STYLES];
-export function useAlert(props) {
-    var _a;
-    const { type, isDisabled = false, theme } = props;
-    const styles = extractStyles(props, STYLE_LIST);
-    useDeprecationWarning(typeof type === 'undefined', {
-        property: 'type',
-        name: 'Alert',
-        betterAlternative: 'theme',
-    });
-    const _theme = isDisabled ? 'disabled' : (_a = theme !== null && theme !== void 0 ? theme : type) !== null && _a !== void 0 ? _a : 'note'; //?
-    return {
-        styles,
-        theme: _theme,
-        filteredProps: filterBaseProps(props, { eventProps: true }),
-    };
-}
-
-        

package/es/components/content/CopySnippet/index.js

@@ -1,10 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
- * Released under the MIT license.
- */
-
-export * from './CopySnippet';
-
-        

package/es/components/types.js

@@ -1,10 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
- * Released under the MIT license.
- */
-
-export {};
-
-        

package/es/styled/index.js

@@ -1,10 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
- * Released under the MIT license.
- */
-
-export * from './styled';
-
-        

package/es/utils/escape-string.js

@@ -1,18 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-7480fe6
- * 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/_internal/hooks/index.d.ts

@@ -1 +0,0 @@
-export * from './use-deprecation-warning';

package/types/_internal/hooks/use-deprecation-warning.d.ts

@@ -1,2 +0,0 @@
-import { deprecationWarning } from '../../utils/warnings';
-export declare function useDeprecationWarning(...args: Parameters<typeof deprecationWarning>): void;

package/types/_internal/index.d.ts

@@ -1 +0,0 @@
-export * from './hooks';

package/types/components/content/Alert/Alert.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { CubeAlertProps } from './types';
-export declare const Alert: import("react").ForwardRefExoticComponent<CubeAlertProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/components/content/Alert/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Alert';
-export type { CubeAlertProps } from './types';