@sanity/ui 5.0.0-alpha.2 → 5.0.0-alpha.4
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/index.d.ts +6 -0
- package/dist/index.js +28 -16
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
- package/src/components/box/Box.tsx +6 -1
- package/src/components/flex/Flex.tsx +6 -1
- package/src/components/grid/Grid.tsx +6 -1
- package/src/css/classes/generic/display.css +8 -8
- package/src/version.ts +2 -2
package/dist/index.d.ts
CHANGED
|
@@ -34,6 +34,8 @@ declare type BorderProps = {
|
|
|
34
34
|
/** @public */
|
|
35
35
|
export declare function Box<T extends ElementType = "div">({
|
|
36
36
|
display,
|
|
37
|
+
minHeight,
|
|
38
|
+
minWidth,
|
|
37
39
|
...props
|
|
38
40
|
}: BoxProps<T> &
|
|
39
41
|
Omit<ComponentPropsWithRef<T>, keyof BoxProps<T>>): JSX.Element;
|
|
@@ -226,6 +228,8 @@ export declare type EyebrowSize = (typeof EYEBROW_SIZE)[number];
|
|
|
226
228
|
/** @public */
|
|
227
229
|
export declare function Flex<T extends ElementType = "div">({
|
|
228
230
|
display,
|
|
231
|
+
minHeight,
|
|
232
|
+
minWidth,
|
|
229
233
|
...props
|
|
230
234
|
}: FlexProps<T> &
|
|
231
235
|
Omit<ComponentPropsWithRef<T>, keyof FlexProps<T>>): JSX.Element;
|
|
@@ -293,6 +297,8 @@ export declare type GapProps = {
|
|
|
293
297
|
/** @public */
|
|
294
298
|
export declare function Grid<T extends ElementType = "div">({
|
|
295
299
|
display,
|
|
300
|
+
minHeight,
|
|
301
|
+
minWidth,
|
|
296
302
|
...props
|
|
297
303
|
}: GridProps<T> &
|
|
298
304
|
Omit<ComponentPropsWithRef<T>, keyof GridProps<T>>): JSX.Element;
|
package/dist/index.js
CHANGED
|
@@ -95,7 +95,7 @@ function getCompositeValue(propValue, propDef, key) {
|
|
|
95
95
|
compositeValue = mapping?.[propValue];
|
|
96
96
|
return compositeValue;
|
|
97
97
|
}
|
|
98
|
-
const HASH = "
|
|
98
|
+
const HASH = "fc8b40";
|
|
99
99
|
function suffixClassName(className) {
|
|
100
100
|
return `${className}-${HASH}`;
|
|
101
101
|
}
|
|
@@ -376,18 +376,22 @@ function Box(t0) {
|
|
|
376
376
|
if ($[0] !== t0) {
|
|
377
377
|
const {
|
|
378
378
|
display: t22,
|
|
379
|
+
minHeight: t3,
|
|
380
|
+
minWidth: t4,
|
|
379
381
|
...props
|
|
380
|
-
} = t0, display = t22 === void 0 ? "block" : t22, {
|
|
382
|
+
} = t0, display = t22 === void 0 ? "block" : t22, minHeight = t3 === void 0 ? "0" : t3, minWidth = t4 === void 0 ? "0" : t4, {
|
|
381
383
|
as,
|
|
382
|
-
children:
|
|
384
|
+
children: t5,
|
|
383
385
|
className,
|
|
384
|
-
style:
|
|
385
|
-
...
|
|
386
|
+
style: t6,
|
|
387
|
+
...t7
|
|
386
388
|
} = getProps({
|
|
387
389
|
display,
|
|
390
|
+
minHeight,
|
|
391
|
+
minWidth,
|
|
388
392
|
...props
|
|
389
393
|
}, boxProps);
|
|
390
|
-
children =
|
|
394
|
+
children = t5, style = t6, rest = t7, T0 = as || "div", t1 = clsx(boxClassName, className), $[0] = t0, $[1] = T0, $[2] = children, $[3] = rest, $[4] = style, $[5] = t1;
|
|
391
395
|
} else
|
|
392
396
|
T0 = $[1], children = $[2], rest = $[3], style = $[4], t1 = $[5];
|
|
393
397
|
let t2;
|
|
@@ -449,18 +453,22 @@ function Flex(t0) {
|
|
|
449
453
|
if ($[0] !== t0) {
|
|
450
454
|
const {
|
|
451
455
|
display: t22,
|
|
456
|
+
minHeight: t3,
|
|
457
|
+
minWidth: t4,
|
|
452
458
|
...props
|
|
453
|
-
} = t0, display = t22 === void 0 ? "flex" : t22, {
|
|
459
|
+
} = t0, display = t22 === void 0 ? "flex" : t22, minHeight = t3 === void 0 ? "0" : t3, minWidth = t4 === void 0 ? "0" : t4, {
|
|
454
460
|
as,
|
|
455
|
-
children:
|
|
461
|
+
children: t5,
|
|
456
462
|
className,
|
|
457
|
-
style:
|
|
458
|
-
...
|
|
463
|
+
style: t6,
|
|
464
|
+
...t7
|
|
459
465
|
} = getProps({
|
|
460
466
|
display,
|
|
467
|
+
minHeight,
|
|
468
|
+
minWidth,
|
|
461
469
|
...props
|
|
462
470
|
}, flexProps);
|
|
463
|
-
children =
|
|
471
|
+
children = t5, style = t6, rest = t7, T0 = as || "div", t1 = clsx(flexClassName, className), $[0] = t0, $[1] = T0, $[2] = children, $[3] = rest, $[4] = style, $[5] = t1;
|
|
464
472
|
} else
|
|
465
473
|
T0 = $[1], children = $[2], rest = $[3], style = $[4], t1 = $[5];
|
|
466
474
|
let t2;
|
|
@@ -1075,18 +1083,22 @@ function Grid(t0) {
|
|
|
1075
1083
|
if ($[0] !== t0) {
|
|
1076
1084
|
const {
|
|
1077
1085
|
display: t22,
|
|
1086
|
+
minHeight: t3,
|
|
1087
|
+
minWidth: t4,
|
|
1078
1088
|
...props
|
|
1079
|
-
} = t0, display = t22 === void 0 ? "grid" : t22, {
|
|
1089
|
+
} = t0, display = t22 === void 0 ? "grid" : t22, minHeight = t3 === void 0 ? "0" : t3, minWidth = t4 === void 0 ? "0" : t4, {
|
|
1080
1090
|
as,
|
|
1081
|
-
children:
|
|
1091
|
+
children: t5,
|
|
1082
1092
|
className,
|
|
1083
|
-
style:
|
|
1084
|
-
...
|
|
1093
|
+
style: t6,
|
|
1094
|
+
...t7
|
|
1085
1095
|
} = getProps({
|
|
1086
1096
|
display,
|
|
1097
|
+
minHeight,
|
|
1098
|
+
minWidth,
|
|
1087
1099
|
...props
|
|
1088
1100
|
}, gridProps);
|
|
1089
|
-
children =
|
|
1101
|
+
children = t5, style = t6, rest = t7, T0 = as || "div", t1 = clsx(gridClassName, className), $[0] = t0, $[1] = T0, $[2] = children, $[3] = rest, $[4] = style, $[5] = t1;
|
|
1090
1102
|
} else
|
|
1091
1103
|
T0 = $[1], children = $[2], rest = $[3], style = $[4], t1 = $[5];
|
|
1092
1104
|
let t2;
|