@cube-dev/ui-kit 0.59.14 → 0.60.1

package/types/data/themes.d.ts

@@ -7,21 +7,21 @@ declare const _default: {
     readonly success: {
         readonly fill: "#success-bg";
         readonly color: "#success-text";
-        readonly border: "#success.40";
+        readonly border: "#success.20";
     };
     readonly danger: {
         readonly fill: "#danger-bg";
         readonly color: "#danger-text";
-        readonly border: "#danger.40";
+        readonly border: "#danger.20";
     };
     readonly note: {
         readonly fill: "#note-bg";
         readonly color: "#note-text";
-        readonly border: "#note.40";
+        readonly border: "#note.20";
     };
     readonly disabled: {
-        readonly fill: "#dark.10";
-        readonly color: "#dark.40";
+        readonly fill: "#dark-bg";
+        readonly color: "#dark-03";
         readonly border: "#dark.20";
     };
 };

package/types/icons/Icon.d.ts

@@ -1,5 +1,8 @@
+import { ReactElement } from 'react';
 import { BaseProps, BaseStyleProps, ColorStyleProps, OuterStyleProps, Styles } from '../tasty';
 export interface CubeIconProps extends BaseProps, OuterStyleProps, ColorStyleProps, BaseStyleProps {
     size?: Styles['fontSize'];
+    stroke?: number;
+    children?: ReactElement;
 }
-export declare const Icon: import("react").NamedExoticComponent<CubeIconProps>;
+export declare const Icon: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<CubeIconProps & import("react").RefAttributes<HTMLSpanElement>>>;

package/types/icons/wrap-icon.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from 'react';
+import { ReactElement } from 'react';
 import { CubeIconProps } from './Icon';
-export declare function wrapIcon(name: string, icon: ReactNode): {
+export declare function wrapIcon(name: string, icon: ReactElement): {
     (props: CubeIconProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

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

@@ -1,10 +1,14 @@
 import { CSSProperties } from 'react';
 import { ResponsiveStyleValue } from '../utils/styles';
-type NamedColor = 'purple' | 'purple-text' | 'purple-01' | 'purple-02' | 'purple-03' | 'purple-04' | 'dark' | 'dark-01' | 'dark-02' | 'dark-03' | 'dark-04' | 'dark-05' | 'text' | 'primary' | 'disabled' | 'disabled-bg' | 'disabled-text' | 'danger' | 'danger-bg' | 'danger-text' | 'success' | 'success-bg' | 'success-text' | 'note' | 'note-bg' | 'note-text' | 'white' | 'light' | 'light-grey' | 'black' | 'pink' | 'pink-01' | 'pink-02' | 'border' | 'clear' | 'shadow' | 'draft' | 'minor';
+type NamedColor = 'purple' | 'purple-text' | 'purple-icon' | 'purple-bg' | 'purple-01' | 'purple-02' | 'purple-03' | 'purple-04' | 'dark' | 'dark-01' | 'dark-02' | 'dark-03' | 'dark-04' | 'dark-05' | 'dark-bg' | 'text' | 'primary' | 'disabled' | 'disabled-bg' | 'disabled-text' | 'danger' | 'danger-bg' | 'danger-text' | 'danger-icon' | 'success' | 'success-bg' | 'success-text' | 'success-icon' | 'note' | 'note-bg' | 'note-text' | 'note-icon' | 'white' | 'light' | 'light-grey' | 'black' | 'pink' | 'pink-01' | 'pink-02' | 'border' | 'clear' | 'shadow' | 'draft' | 'minor';
 type Digit = 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9;
 type OpaquePercentage = '' | `.${Digit}` | `.${Digit}${Digit}` | '.100';
 export type NoType = false | null | undefined;
 export interface StylesInterface extends Omit<CSSProperties, 'color' | 'fill' | 'font' | 'outline' | 'type'> {
+    /**
+     * @deprecated Use `flow` style instead.
+     */
+    flexDirection: CSSProperties['flexDirection'];
     /** Set the background color of the element.
      * ```
      * fill="#{name_of_the_color}"

package/types/tasty/types.d.ts

@@ -39,7 +39,7 @@ export interface BasePropsWithoutChildren<K extends TagName = TagName> extends P
         [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' | 'special' | (string & {});
+    theme?: 'default' | 'danger' | 'special' | 'success' | (string & {});
 }
 export interface BaseProps<K extends TagName = TagName> extends AriaLabelingProps, BasePropsWithoutChildren<K>, Pick<AllHTMLAttributes<HTMLElementTagNameMap[K]>, 'children'> {
 }

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

@@ -79,6 +79,7 @@ export type StyleStateListMap = {
 };
 export declare const CUSTOM_UNITS: {
     r: string;
+    cr: string;
     bw: string;
     ow: string;
     x: string;

package/types/tokens.d.ts

@@ -6,23 +6,21 @@ declare const TOKENS: {
     'input-letter-spacing': string;
     'disabled-opacity': string;
     gap: string;
+    'stroke-width': number;
     'outline-width': string;
     'border-width': string;
     radius: string;
     'large-radius': string;
+    'card-radius': string;
     'leaf-sharp-radius': string;
     'fade-width': string;
     transition: string;
     'min-dialog-size': string;
     'clear-color': string;
-    'border-color': string;
     'border-opaque-color': string;
     'shadow-color': string;
     'draft-color': string;
     'minor-color': string;
-    'success-bg-color': string;
-    'note-bg-color': string;
-    'danger-bg-color': string;
     'danger-bg-hover-color': string;
     'primary-1': string;
     'primary-2': string;
@@ -54,31 +52,37 @@ declare const TOKENS: {
     'h1-line-height': string;
     'h1-letter-spacing': string;
     'h1-font-weight': string;
+    'h1-bold-font-weight': string;
     'h1-icon-size': string;
     'h2-font-size': string;
     'h2-line-height': string;
     'h2-letter-spacing': string;
     'h2-font-weight': string;
+    'h2-bold-font-weight': string;
     'h2-icon-size': string;
     'h3-font-size': string;
     'h3-line-height': string;
     'h3-letter-spacing': string;
     'h3-font-weight': string;
+    'h3-bold-font-weight': string;
     'h3-icon-size': string;
     'h4-font-size': string;
     'h4-line-height': string;
     'h4-letter-spacing': string;
     'h4-font-weight': string;
+    'h4-bold-font-weight': string;
     'h4-icon-size': string;
     'h5-font-size': string;
     'h5-line-height': string;
     'h5-letter-spacing': string;
     'h5-font-weight': string;
+    'h5-bold-font-weight': string;
     'h5-icon-size': string;
     'h6-font-size': string;
     'h6-line-height': string;
     'h6-letter-spacing': string;
     'h6-font-weight': string;
+    'h6-bold-font-weight': string;
     'h6-icon-size': string;
     't1-font-size': string;
     't1-line-height': string;
@@ -114,7 +118,23 @@ declare const TOKENS: {
     't4m-line-height': string;
     't4m-letter-spacing': string;
     't4m-font-weight': string;
+    't4m-bold-font-weight': string;
     't4m-icon-size': string;
+    'm1-font-size': string;
+    'm1-line-height': string;
+    'm1-letter-spacing': string;
+    'm1-font-weight': string;
+    'm1-icon-size': string;
+    'm2-font-size': string;
+    'm2-line-height': string;
+    'm2-letter-spacing': string;
+    'm2-font-weight': string;
+    'm2-icon-size': string;
+    'm3-font-size': string;
+    'm3-line-height': string;
+    'm3-letter-spacing': string;
+    'm3-font-weight': string;
+    'm3-icon-size': string;
     'p1-font-size': string;
     'p1-line-height': string;
     'p1-letter-spacing': string;
@@ -151,6 +171,7 @@ declare const TOKENS: {
     'tag-line-height': string;
     'tag-letter-spacing': string;
     'tag-font-weight': string;
+    'tag-bold-font-weight': string;
     'tag-icon-size': string;
     'strong-font-size': string;
     'strong-line-height': string;