@cube-dev/ui-kit 0.3.0 → 0.4.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/actions/Button/Button.d.ts +5 -5
- package/dist/cjs/components/content/Badge/Badge.d.ts +1 -1
- package/dist/cjs/components/content/Placeholder/Placeholder.d.ts +1 -1
- package/dist/cjs/components/forms/TextInput/TextInputBase.d.ts +1 -0
- package/dist/cjs/components/pickers/ComboBox/ComboBox.d.ts +1 -0
- package/dist/cjs/components/pickers/Select/Select.d.ts +1 -1
- package/dist/cjs/components/types.d.ts +1 -1
- package/dist/cjs/css-properties.d.ts +5 -16
- package/dist/cjs/index.js +6 -6
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/stories/FormFieldArgs.d.ts +18 -0
- package/dist/cjs/styles/list.d.ts +2 -2
- package/dist/cjs/styles/types.d.ts +0 -6
- package/dist/mjs/components/actions/Button/Button.d.ts +5 -5
- package/dist/mjs/components/content/Badge/Badge.d.ts +1 -1
- package/dist/mjs/components/content/Placeholder/Placeholder.d.ts +1 -1
- package/dist/mjs/components/forms/TextInput/TextInputBase.d.ts +1 -0
- package/dist/mjs/components/pickers/ComboBox/ComboBox.d.ts +1 -0
- package/dist/mjs/components/pickers/Select/Select.d.ts +1 -1
- package/dist/mjs/components/types.d.ts +1 -1
- package/dist/mjs/css-properties.d.ts +5 -16
- package/dist/mjs/index.js +7 -7
- package/dist/mjs/index.js.map +1 -1
- package/dist/mjs/stories/FormFieldArgs.d.ts +18 -0
- package/dist/mjs/styles/list.d.ts +2 -2
- package/dist/mjs/styles/types.d.ts +0 -6
- package/package.json +1 -1
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { CubeActionProps } from '../Action';
|
|
3
3
|
export interface CubeButtonProps extends CubeActionProps {
|
|
4
|
-
ghost?: boolean;
|
|
5
4
|
icon?: JSX.Element;
|
|
6
5
|
isLoading?: boolean;
|
|
7
6
|
isSelected?: boolean;
|
|
8
|
-
type?: 'primary' | 'default' | 'danger' | 'link' | 'clear' | 'outline' | '
|
|
7
|
+
type?: 'primary' | 'default' | 'danger' | 'link' | 'clear' | 'outline' | 'neutral' | string;
|
|
8
|
+
theme?: 'default' | 'danger' | string;
|
|
9
|
+
size?: 'small' | 'default' | 'large' | string;
|
|
9
10
|
}
|
|
10
|
-
export declare function provideStyles({ size, type,
|
|
11
|
+
export declare function provideStyles({ size, type, theme, isLoading, icon, children, }: {
|
|
11
12
|
size: any;
|
|
12
13
|
type: any;
|
|
13
|
-
|
|
14
|
-
ghost: any;
|
|
14
|
+
theme: any;
|
|
15
15
|
isLoading: any;
|
|
16
16
|
icon: any;
|
|
17
17
|
children: any;
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
import THEMES from '../../../data/themes';
|
|
3
3
|
import { BaseProps, ContainerStyleProps } from '../../types';
|
|
4
4
|
export interface CubeBadgeProps extends BaseProps, ContainerStyleProps {
|
|
5
|
-
type?: keyof typeof THEMES;
|
|
5
|
+
type?: keyof typeof THEMES | string;
|
|
6
6
|
}
|
|
7
7
|
export declare const Badge: import("react").ForwardRefExoticComponent<CubeBadgeProps & import("react").RefAttributes<unknown>>;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { Styles } from '../../../styles/types';
|
|
3
3
|
import { BaseProps, ContainerStyleProps } from '../../types';
|
|
4
4
|
export interface CubePlaceholderProps extends BaseProps, ContainerStyleProps {
|
|
5
|
-
size?: Styles['
|
|
5
|
+
size?: Styles['fontSize'];
|
|
6
6
|
circle?: boolean;
|
|
7
7
|
}
|
|
8
8
|
export declare const Placeholder: import("react").ForwardRefExoticComponent<CubePlaceholderProps & import("react").RefAttributes<unknown>>;
|
|
@@ -35,6 +35,7 @@ export interface CubeTextInputBaseProps extends BaseProps, PositionStyleProps, B
|
|
|
35
35
|
rows?: number;
|
|
36
36
|
/** The resize CSS property sets whether an element is resizable, and if so, in which directions. */
|
|
37
37
|
resize?: Styles['resize'];
|
|
38
|
+
size?: 'small' | 'default' | 'large' | string;
|
|
38
39
|
}
|
|
39
40
|
declare const _TextInputBase: import("react").ForwardRefExoticComponent<CubeTextInputBaseProps & import("react").RefAttributes<unknown>>;
|
|
40
41
|
export { _TextInputBase as TextInputBase };
|
|
@@ -14,6 +14,7 @@ export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOp
|
|
|
14
14
|
keyboardDelegate?: KeyboardDelegate;
|
|
15
15
|
loadingState?: LoadingState;
|
|
16
16
|
filter?: (val: any, str: string) => boolean;
|
|
17
|
+
size?: 'small' | 'default' | 'large' | string;
|
|
17
18
|
}
|
|
18
19
|
declare const _ComboBox: import("react").ForwardRefExoticComponent<CubeComboBoxProps<object> & import("react").RefAttributes<unknown>> & {
|
|
19
20
|
cubeInputType: string;
|
|
@@ -24,7 +24,7 @@ export interface CubeSelectProps<T> extends CubeSelectBaseProps<T> {
|
|
|
24
24
|
popoverRef?: RefObject<HTMLInputElement>;
|
|
25
25
|
/** The ref for the list box. */
|
|
26
26
|
listBoxRef?: RefObject<HTMLElement>;
|
|
27
|
-
size?: 'small' | 'default' |
|
|
27
|
+
size?: 'small' | 'default' | 'large' | string;
|
|
28
28
|
}
|
|
29
29
|
export declare function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, overlayStyles, optionStyles, overlayProps: parentOverlayProps, disallowEmptySelection, shouldUseVirtualFocus, placement, minWidth, ...otherProps }: {
|
|
30
30
|
[x: string]: any;
|
|
@@ -36,7 +36,7 @@ export interface BasePropsWithoutChildren extends Pick<AllHTMLAttributes<HTMLEle
|
|
|
36
36
|
}
|
|
37
37
|
export interface BaseProps extends BasePropsWithoutChildren, Pick<AllHTMLAttributes<HTMLElementTagNameMap['div']>, 'children'> {
|
|
38
38
|
}
|
|
39
|
-
export interface AllBaseProps<K extends keyof HTMLElementTagNameMap = 'div'> extends BaseProps, Omit<AllHTMLAttributes<HTMLElementTagNameMap[K]>, 'style'> {
|
|
39
|
+
export interface AllBaseProps<K extends keyof HTMLElementTagNameMap = 'div'> extends BaseProps, Omit<AllHTMLAttributes<HTMLElementTagNameMap[K]>, 'style' | 'size'> {
|
|
40
40
|
as?: string;
|
|
41
41
|
}
|
|
42
42
|
export declare type BaseStyleProps = Pick<Styles, typeof BASE_STYLES[number]>;
|
|
@@ -46,22 +46,6 @@ declare const PROPS: {
|
|
|
46
46
|
'text-font-size': string;
|
|
47
47
|
'text-line-height': string;
|
|
48
48
|
'text-letter-spacing': string;
|
|
49
|
-
'small-font-size': string;
|
|
50
|
-
'small-line-height': string;
|
|
51
|
-
'small-letter-spacing': string;
|
|
52
|
-
'sm-font-size': string;
|
|
53
|
-
'sm-line-height': string;
|
|
54
|
-
'sm-letter-spacing': string;
|
|
55
|
-
'medium-font-size': string;
|
|
56
|
-
'medium-line-height': string;
|
|
57
|
-
'medium-letter-spacing': string;
|
|
58
|
-
'md-font-size': string;
|
|
59
|
-
'md-line-height': string;
|
|
60
|
-
'md-letter-spacing': string;
|
|
61
|
-
'large-font-size': string;
|
|
62
|
-
'large-line-height': string;
|
|
63
|
-
'lg-font-size': string;
|
|
64
|
-
'lg-line-height': string;
|
|
65
49
|
'h1-font-size': string;
|
|
66
50
|
'h1-line-height': string;
|
|
67
51
|
'h1-letter-spacing': string;
|
|
@@ -92,6 +76,7 @@ declare const PROPS: {
|
|
|
92
76
|
'h5m-font-weight': string;
|
|
93
77
|
'h6-font-size': string;
|
|
94
78
|
'h6-line-height': string;
|
|
79
|
+
'h6-font-weight': string;
|
|
95
80
|
't1-font-size': string;
|
|
96
81
|
't1-line-height': string;
|
|
97
82
|
't1-letter-spacing': string;
|
|
@@ -104,6 +89,10 @@ declare const PROPS: {
|
|
|
104
89
|
't3-line-height': string;
|
|
105
90
|
't3-letter-spacing': string;
|
|
106
91
|
't3-font-weight': string;
|
|
92
|
+
't3m-font-size': string;
|
|
93
|
+
't3m-line-height': string;
|
|
94
|
+
't3m-letter-spacing': string;
|
|
95
|
+
't3m-font-weight': string;
|
|
107
96
|
't4-font-size': string;
|
|
108
97
|
't4-line-height': string;
|
|
109
98
|
't4-letter-spacing': string;
|