@luscii-healthtech/web-ui 27.2.0 → 27.2.2
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/components/Stack/Stack.d.ts +18 -2
- package/dist/index.development.js +1 -1
- package/dist/index.development.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/system/Sizes.d.ts +27 -0
- package/dist/web-ui.esm.js +1 -1
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +1 -1
|
@@ -5,7 +5,15 @@ type Size = keyof typeof SIZES;
|
|
|
5
5
|
type Props<C extends React.ElementType> = React.ComponentPropsWithoutRef<C> & {
|
|
6
6
|
as?: C;
|
|
7
7
|
/**
|
|
8
|
-
* Size of gutter between items
|
|
8
|
+
* Size of the gutter between items.
|
|
9
|
+
*
|
|
10
|
+
* - `xxs`: Extra extra small size of 6px.
|
|
11
|
+
* - `xs`: Extra small size of 8px.
|
|
12
|
+
* - `s`: Extra small size of 10px.
|
|
13
|
+
* - `m`: Medium size of 12px.
|
|
14
|
+
* - `l`: Large size of 16px.
|
|
15
|
+
* - `xl`: Extra large size of 24px.
|
|
16
|
+
* - `xxl`: Extra extra large size of 32px.
|
|
9
17
|
*/
|
|
10
18
|
gap?: Size;
|
|
11
19
|
/**
|
|
@@ -32,7 +40,15 @@ type Props<C extends React.ElementType> = React.ComponentPropsWithoutRef<C> & {
|
|
|
32
40
|
export declare const Stack: <C extends React.ElementType<any> = "div">(props: React.PropsWithoutRef<React.ComponentProps<C>> & {
|
|
33
41
|
as?: C | undefined;
|
|
34
42
|
/**
|
|
35
|
-
* Size of gutter between items
|
|
43
|
+
* Size of the gutter between items.
|
|
44
|
+
*
|
|
45
|
+
* - `xxs`: Extra extra small size of 6px.
|
|
46
|
+
* - `xs`: Extra small size of 8px.
|
|
47
|
+
* - `s`: Extra small size of 10px.
|
|
48
|
+
* - `m`: Medium size of 12px.
|
|
49
|
+
* - `l`: Large size of 16px.
|
|
50
|
+
* - `xl`: Extra large size of 24px.
|
|
51
|
+
* - `xxl`: Extra extra large size of 32px.
|
|
36
52
|
*/
|
|
37
53
|
gap?: "s" | "xl" | "xs" | "m" | "xxxs" | "xxs" | "l" | "xxl" | undefined;
|
|
38
54
|
/**
|
|
@@ -1502,7 +1502,7 @@ const StyledInput = React__namespace.default.forwardRef((_a, ref) => {
|
|
|
1502
1502
|
"ui-w-32": width === "md",
|
|
1503
1503
|
"ui-w-56": width === "lg",
|
|
1504
1504
|
"ui-w-80": width === "xl",
|
|
1505
|
-
"ui-
|
|
1505
|
+
"ui-w-full": width === "full"
|
|
1506
1506
|
}, { "ui-pl-12": icon }, {
|
|
1507
1507
|
"ui-bg-slate-50 ui-text-slate-400": attributes.disabled,
|
|
1508
1508
|
"ui-text-slate-800": !attributes.disabled,
|