@cube-dev/ui-kit 0.3.2 → 0.4.3

package/dist/cjs/provider.d.ts

@@ -1,7 +1,6 @@
-import { PropsWithChildren } from 'react';
+import { ForwardedRef, PropsWithChildren } from 'react';
 import { ResponsiveStyleValue } from './utils/styles';
 import { Props } from './components/types';
-export declare const UIKitContext: import("react").Context<ProviderProps>;
 export interface ProviderProps extends Props {
     breakpoints?: number[];
     insideForm?: boolean;
@@ -16,6 +15,10 @@ export interface ProviderProps extends Props {
         } | Function;
     };
     ref?: JSX.Element;
+    root?: ForwardedRef<any>;
 }
+export interface ProviderInsideProps extends Omit<ProviderProps, 'styles' | 'breakpoints'> {
+}
+export declare const UIKitContext: import("react").Context<ProviderInsideProps>;
 export declare function Provider(allProps: PropsWithChildren<ProviderProps>): JSX.Element;
-export declare function useProviderProps<T = Props>(props: T): T;
+export declare function useProviderProps<T extends Props = Props>(props: T): T;

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' | 'h5s' | 'h5m' | 'h6' | 't1' | 't2' | 't3' | 't4' | 't4m' | 'p1' | 'p2' | 'p3' | 'p4' | 'tag' | 'default' | 'text' | string;
     /**
      * Whether styles of the element should be reset.
      * Possible values: `input`, `button`.

package/dist/cjs/utils/renderStyles.d.ts

@@ -5,4 +5,4 @@ import { Styles } from '../styles/types';
  * @param responsive - A list of responsive zones
  * @return {string}
  */
-export declare function renderStyles(styles: Styles, responsive: number[]): string;
+export declare function renderStyles(styles: Styles, responsive: number[]): any;

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

@@ -48,8 +48,6 @@ export declare type StyleStateMapList = StyleStateMap[];
 export declare type StyleStateListMap = {
     [key: string]: StyleStateList;
 };
-export declare const NO_VALUES: (string | boolean)[];
-export declare const YES_VALUES: (string | boolean)[];
 export declare const CUSTOM_UNITS: {
     r: string;
     bw: string;
@@ -106,18 +104,6 @@ export declare function hexToRgb(hex: any): string | null;
 export declare function transferMods(mods: any, from: any, to: any): void;
 export declare function filterMods(mods: any, allowedMods: any): any;
 export declare function customUnit(value: any, unit: any): any;
-/**
- * Check for "no" value.
- * @param {string} value - original attribute value.
- * @return {boolean}
- */
-export declare function isNoValue(value: any): boolean;
-/**
- * Check for "yes" value.
- * @param {string} value - original attribute value.
- * @return {boolean}
- */
-export declare function isYesValue(value: any): boolean;
 export declare function extendStyles(defaultStyles: any, newStyles: any): {};
 /**
  * Split properties into style and non-style properties.
@@ -209,9 +195,3 @@ export declare function computeState(computeModel: ComputeModel, valueMap: (numb
     [key: string]: boolean;
 } | Function): any;
 export declare function cacheWrapper(handler: Function, limit?: number): (arg: any) => any;
-/**
- * Check for "no" value in modifiers.
- * @param mods {Array<String>} - original attribute value.
- * @return {boolean}
- */
-export declare function hasNegativeMod(mods: any): boolean;

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

@@ -10,4 +10,4 @@ export interface CubeRootProps extends BaseProps {
     font?: string;
     monospaceFont?: string;
 }
-export declare const Root: import("react").ForwardRefExoticComponent<CubeRootProps & import("react").RefAttributes<unknown>>;
+export declare const Root: (allProps: CubeRootProps) => JSX.Element;

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

@@ -6,6 +6,7 @@ export interface CubeButtonProps extends CubeActionProps {
     isSelected?: boolean;
     type?: 'primary' | 'default' | 'danger' | 'link' | 'clear' | 'outline' | 'neutral' | string;
     theme?: 'default' | 'danger' | string;
+    size?: 'small' | 'default' | 'large' | string;
 }
 export declare function provideStyles({ size, type, theme, isLoading, icon, children, }: {
     size: 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/content/Tag/Tag.d.ts

@@ -2,7 +2,7 @@
 import THEMES from '../../../data/themes';
 import { BaseProps, ContainerStyleProps } from '../../types';
 export interface CubeTagProps extends BaseProps, ContainerStyleProps {
-    type?: keyof typeof THEMES;
+    type?: keyof typeof THEMES | string;
     isClosable?: boolean;
     onClose?: () => void;
 }

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

@@ -76,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;
@@ -88,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;