@cube-dev/ui-kit 0.3.0 → 0.4.1

package/dist/cjs/stories/FormFieldArgs.d.ts

@@ -137,6 +137,24 @@ export declare const IS_DISABLED_ARG: {
         };
     };
 };
+export declare const SIZE_ARG: {
+    size: {
+        defaultValue: undefined;
+        description: string;
+        control: {
+            type: string;
+            options: (string | undefined)[];
+        };
+        table: {
+            type: {
+                summary: string;
+            };
+            defaultValue: {
+                summary: string;
+            };
+        };
+    };
+};
 export declare const MULTILINE_ARG: {
     multiLine: {
         defaultValue: boolean;

package/dist/cjs/styles/list.d.ts

@@ -1,9 +1,9 @@
-export declare const BASE_STYLES: readonly ["display", "size", "font", "preset"];
+export declare const BASE_STYLES: readonly ["display", "font", "preset"];
 export declare const POSITION_STYLES: readonly ["gridArea", "flexGrow", "flexShrink", "order", "gridColumn", "gridRow", "placeSelf", "zIndex", "margin"];
 export declare const BLOCK_STYLES: readonly ["reset", "padding", "shadow", "border", "radius", "opacity", "overflow", "styledScrollbar", "hide", "outline", "textAlign"];
 export declare const COLOR_STYLES: readonly ["color", "fill"];
 export declare const TEXT_STYLES: readonly ["textTransform", "fontWeight", "fontStyle"];
 export declare const DIMENSION_STYLES: readonly ["width", "height", "flexBasis"];
 export declare const FLOW_STYLES: readonly ["flow", "placeItems", "placeContent", "alignItems", "alignContent", "justifyItems", "justifyContent", "gap", "gridColumns", "gridRows", "gridTemplate", "gridAreas"];
-export declare const CONTAINER_STYLES: readonly ["display", "size", "font", "preset", "color", "fill", "width", "height", "flexBasis", "gridArea", "flexGrow", "flexShrink", "order", "gridColumn", "gridRow", "placeSelf", "zIndex", "margin", "reset", "padding", "shadow", "border", "radius", "opacity", "overflow", "styledScrollbar", "hide", "outline", "textAlign", "flow", "placeItems", "placeContent", "alignItems", "alignContent", "justifyItems", "justifyContent", "gap", "gridColumns", "gridRows", "gridTemplate", "gridAreas"];
+export declare const CONTAINER_STYLES: readonly ["display", "font", "preset", "color", "fill", "width", "height", "flexBasis", "gridArea", "flexGrow", "flexShrink", "order", "gridColumn", "gridRow", "placeSelf", "zIndex", "margin", "reset", "padding", "shadow", "border", "radius", "opacity", "overflow", "styledScrollbar", "hide", "outline", "textAlign", "flow", "placeItems", "placeContent", "alignItems", "alignContent", "justifyItems", "justifyContent", "gap", "gridColumns", "gridRows", "gridTemplate", "gridAreas"];
 export declare const OUTER_STYLES: readonly ["gridArea", "flexGrow", "flexShrink", "order", "gridColumn", "gridRow", "placeSelf", "zIndex", "margin", "width", "height", "flexBasis"];

package/dist/cjs/styles/types.d.ts

@@ -23,12 +23,6 @@ export interface StylesInterface extends Omit<CSSProperties, 'color' | 'fill' |
      * ```
      */
     color?: `#${NamedColor}${OpaquePercentage}` | `rgb(${string})` | `rgba(${string})` | boolean | string;
-    /**
-     * The font-size, line-height, and letter-spacing of the element with ability to apply presets.
-     * Syntax: `<fontSize> <lineHeight>? <letterSpacing>?`.
-     * Syntax: `<presetName>`
-     */
-    size?: 'md' | 'sm' | 'lg' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'text' | string;
     /**
      * Whether styles of the element should be reset.
      * Possible values: `input`, `button`.

package/dist/mjs/components/actions/Button/Button.d.ts

@@ -1,17 +1,17 @@
 /// <reference types="react" />
 import { CubeActionProps } from '../Action';
 export interface CubeButtonProps extends CubeActionProps {
-    ghost?: boolean;
     icon?: JSX.Element;
     isLoading?: boolean;
     isSelected?: boolean;
-    type?: 'primary' | 'default' | 'danger' | 'link' | 'clear' | 'outline' | 'tab' | 'item';
+    type?: 'primary' | 'default' | 'danger' | 'link' | 'clear' | 'outline' | 'neutral' | string;
+    theme?: 'default' | 'danger' | string;
+    size?: 'small' | 'default' | 'large' | string;
 }
-export declare function provideStyles({ size, type, isDisabled, ghost, isLoading, icon, children, }: {
+export declare function provideStyles({ size, type, theme, isLoading, icon, children, }: {
     size: any;
     type: any;
-    isDisabled: any;
-    ghost: any;
+    theme: any;
     isLoading: any;
     icon: any;
     children: any;

package/dist/mjs/components/content/Badge/Badge.d.ts

@@ -2,6 +2,6 @@
 import THEMES from '../../../data/themes';
 import { BaseProps, ContainerStyleProps } from '../../types';
 export interface CubeBadgeProps extends BaseProps, ContainerStyleProps {
-    type?: keyof typeof THEMES;
+    type?: keyof typeof THEMES | string;
 }
 export declare const Badge: import("react").ForwardRefExoticComponent<CubeBadgeProps & import("react").RefAttributes<unknown>>;

package/dist/mjs/components/content/Placeholder/Placeholder.d.ts

@@ -2,7 +2,7 @@
 import { Styles } from '../../../styles/types';
 import { BaseProps, ContainerStyleProps } from '../../types';
 export interface CubePlaceholderProps extends BaseProps, ContainerStyleProps {
-    size?: Styles['size'];
+    size?: Styles['fontSize'];
     circle?: boolean;
 }
 export declare const Placeholder: import("react").ForwardRefExoticComponent<CubePlaceholderProps & import("react").RefAttributes<unknown>>;

package/dist/mjs/components/forms/TextInput/TextInputBase.d.ts

@@ -35,6 +35,7 @@ export interface CubeTextInputBaseProps extends BaseProps, PositionStyleProps, B
     rows?: number;
     /** The resize CSS property sets whether an element is resizable, and if so, in which directions. */
     resize?: Styles['resize'];
+    size?: 'small' | 'default' | 'large' | string;
 }
 declare const _TextInputBase: import("react").ForwardRefExoticComponent<CubeTextInputBaseProps & import("react").RefAttributes<unknown>>;
 export { _TextInputBase as TextInputBase };

package/dist/mjs/components/pickers/ComboBox/ComboBox.d.ts

@@ -14,6 +14,7 @@ export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOp
     keyboardDelegate?: KeyboardDelegate;
     loadingState?: LoadingState;
     filter?: (val: any, str: string) => boolean;
+    size?: 'small' | 'default' | 'large' | string;
 }
 declare const _ComboBox: import("react").ForwardRefExoticComponent<CubeComboBoxProps<object> & import("react").RefAttributes<unknown>> & {
     cubeInputType: string;

package/dist/mjs/components/pickers/Select/Select.d.ts

@@ -24,7 +24,7 @@ export interface CubeSelectProps<T> extends CubeSelectBaseProps<T> {
     popoverRef?: RefObject<HTMLInputElement>;
     /** The ref for the list box. */
     listBoxRef?: RefObject<HTMLElement>;
-    size?: 'small' | 'default' | Styles['size'];
+    size?: 'small' | 'default' | 'large' | string;
 }
 export declare function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, overlayStyles, optionStyles, overlayProps: parentOverlayProps, disallowEmptySelection, shouldUseVirtualFocus, placement, minWidth, ...otherProps }: {
     [x: string]: any;

package/dist/mjs/components/types.d.ts

@@ -36,7 +36,7 @@ export interface BasePropsWithoutChildren extends Pick<AllHTMLAttributes<HTMLEle
 }
 export interface BaseProps extends BasePropsWithoutChildren, Pick<AllHTMLAttributes<HTMLElementTagNameMap['div']>, 'children'> {
 }
-export interface AllBaseProps<K extends keyof HTMLElementTagNameMap = 'div'> extends BaseProps, Omit<AllHTMLAttributes<HTMLElementTagNameMap[K]>, 'style'> {
+export interface AllBaseProps<K extends keyof HTMLElementTagNameMap = 'div'> extends BaseProps, Omit<AllHTMLAttributes<HTMLElementTagNameMap[K]>, 'style' | 'size'> {
     as?: string;
 }
 export declare type BaseStyleProps = Pick<Styles, typeof BASE_STYLES[number]>;

package/dist/mjs/css-properties.d.ts

@@ -46,22 +46,6 @@ declare const PROPS: {
     'text-font-size': string;
     'text-line-height': string;
     'text-letter-spacing': string;
-    'small-font-size': string;
-    'small-line-height': string;
-    'small-letter-spacing': string;
-    'sm-font-size': string;
-    'sm-line-height': string;
-    'sm-letter-spacing': string;
-    'medium-font-size': string;
-    'medium-line-height': string;
-    'medium-letter-spacing': string;
-    'md-font-size': string;
-    'md-line-height': string;
-    'md-letter-spacing': string;
-    'large-font-size': string;
-    'large-line-height': string;
-    'lg-font-size': string;
-    'lg-line-height': string;
     'h1-font-size': string;
     'h1-line-height': string;
     'h1-letter-spacing': string;
@@ -92,6 +76,7 @@ declare const PROPS: {
     'h5m-font-weight': string;
     'h6-font-size': string;
     'h6-line-height': string;
+    'h6-font-weight': string;
     't1-font-size': string;
     't1-line-height': string;
     't1-letter-spacing': string;
@@ -104,6 +89,10 @@ declare const PROPS: {
     't3-line-height': string;
     't3-letter-spacing': string;
     't3-font-weight': string;
+    't3m-font-size': string;
+    't3m-line-height': string;
+    't3m-letter-spacing': string;
+    't3m-font-weight': string;
     't4-font-size': string;
     't4-line-height': string;
     't4-letter-spacing': string;