@sanity/ui 4.0.0-static.24 → 4.0.0-static.26

package/dist/css/index.d.ts

@@ -238,7 +238,11 @@ export declare interface CodeSkeletonStyleProps {
 }
 
 /** @public */
-export declare interface CodeStyleProps extends FlexStyleProps, Omit<FontStyleProps, 'align'> {
+export declare interface CodeStyleProps
+  extends FlexStyleProps,
+    Omit<FontStyleProps, 'align'>,
+    MarginStyleProps,
+    MaxWidthStyleProps {
   className?: string
   size?: ResponsiveProp<FontCodeSize>
 }
@@ -751,7 +755,11 @@ export declare interface HeadingSkeletonStyleProps {
 }
 
 /** @public */
-export declare interface HeadingStyleProps extends FontStyleProps, FlexStyleProps {
+export declare interface HeadingStyleProps
+  extends FontStyleProps,
+    FlexStyleProps,
+    MarginStyleProps,
+    MaxWidthStyleProps {
   align?: TextAlignStyleProps['textAlign']
   className?: string
   muted?: boolean
@@ -779,7 +787,7 @@ export declare function _inputElement(): string | undefined
 export declare function _inputPresentation(): string | undefined
 
 /** @public */
-export declare interface InputStyleProps extends RadiusStyleProps, WidthStyleProps {
+export declare interface InputStyleProps extends FlexStyleProps, RadiusStyleProps, WidthStyleProps {
   border?: boolean
   fontSize?: ResponsiveProp<FontTextSize>
   gap?: ResponsiveProp<Space>
@@ -839,7 +847,11 @@ export declare interface LabelSkeletonStyleProps {
 }
 
 /** @public */
-export declare interface LabelStyleProps extends FlexStyleProps, FontStyleProps {
+export declare interface LabelStyleProps
+  extends FlexStyleProps,
+    FontStyleProps,
+    MarginStyleProps,
+    MaxWidthStyleProps {
   align?: TextAlignStyleProps['textAlign']
   className?: string
   muted?: boolean
@@ -1321,7 +1333,11 @@ export declare interface TextSkeletonStyleProps {
 }
 
 /** @public */
-export declare interface TextStyleProps extends FlexStyleProps, FontStyleProps, MaxWidthStyleProps {
+export declare interface TextStyleProps
+  extends FlexStyleProps,
+    FontStyleProps,
+    MarginStyleProps,
+    MaxWidthStyleProps {
   align?: TextAlignStyleProps['textAlign']
   className?: string
   muted?: boolean
@@ -1385,7 +1401,7 @@ export declare type VariantColorTokens = Record<ElementTone, ElementColorTokens>
 export declare const vars: ThemeVars
 
 /** @public */
-export declare type Width = ContainerWidth | 'auto' | 'fill' | 'stretch' | 'min'
+export declare type Width = ContainerWidth | 'auto' | 'fill' | 'stretch' | 'min' | 'max'
 
 /** @public */
 export declare function width(props: WidthStyleProps): string | undefined

package/dist/css/index.js

@@ -17661,15 +17661,6 @@ function textOverflow(props) {
 }
 var options = {
   0: {
-    0: "ui-nswtc7s",
-    1: "ui-nswtc7t",
-    2: "ui-nswtc7u",
-    3: "ui-nswtc7v",
-    4: "ui-nswtc7w",
-    5: "ui-nswtc7x",
-    6: "ui-nswtc7y"
-  },
-  1: {
     0: "ui-nswtc7z",
     1: "ui-nswtc710",
     2: "ui-nswtc711",
@@ -17678,7 +17669,7 @@ var options = {
     5: "ui-nswtc714",
     6: "ui-nswtc715"
   },
-  2: {
+  1: {
     0: "ui-nswtc716",
     1: "ui-nswtc717",
     2: "ui-nswtc718",
@@ -17687,7 +17678,7 @@ var options = {
     5: "ui-nswtc71b",
     6: "ui-nswtc71c"
   },
-  3: {
+  2: {
     0: "ui-nswtc71d",
     1: "ui-nswtc71e",
     2: "ui-nswtc71f",
@@ -17696,7 +17687,7 @@ var options = {
     5: "ui-nswtc71i",
     6: "ui-nswtc71j"
   },
-  4: {
+  3: {
     0: "ui-nswtc71k",
     1: "ui-nswtc71l",
     2: "ui-nswtc71m",
@@ -17705,7 +17696,7 @@ var options = {
     5: "ui-nswtc71p",
     6: "ui-nswtc71q"
   },
-  5: {
+  4: {
     0: "ui-nswtc71r",
     1: "ui-nswtc71s",
     2: "ui-nswtc71t",
@@ -17714,6 +17705,15 @@ var options = {
     5: "ui-nswtc71w",
     6: "ui-nswtc71x"
   },
+  5: {
+    0: "ui-nswtc71y",
+    1: "ui-nswtc71z",
+    2: "ui-nswtc720",
+    3: "ui-nswtc721",
+    4: "ui-nswtc722",
+    5: "ui-nswtc723",
+    6: "ui-nswtc724"
+  },
   auto: {
     0: "ui-nswtc70",
     1: "ui-nswtc71",
@@ -17732,7 +17732,7 @@ var options = {
     5: "ui-nswtc7c",
     6: "ui-nswtc7d"
   },
-  min: {
+  stretch: {
     0: "ui-nswtc7e",
     1: "ui-nswtc7f",
     2: "ui-nswtc7g",
@@ -17741,7 +17741,7 @@ var options = {
     5: "ui-nswtc7j",
     6: "ui-nswtc7k"
   },
-  stretch: {
+  min: {
     0: "ui-nswtc7l",
     1: "ui-nswtc7m",
     2: "ui-nswtc7n",
@@ -17749,6 +17749,15 @@ var options = {
     4: "ui-nswtc7p",
     5: "ui-nswtc7q",
     6: "ui-nswtc7r"
+  },
+  max: {
+    0: "ui-nswtc7s",
+    1: "ui-nswtc7t",
+    2: "ui-nswtc7u",
+    3: "ui-nswtc7v",
+    4: "ui-nswtc7w",
+    5: "ui-nswtc7x",
+    6: "ui-nswtc7y"
   }
 };
 function width(props) {
@@ -18000,7 +18009,7 @@ var border = "ui-6kbur21", element$1 = "ui-6kbur22", fontSize = {
   }
 }, presentation$4 = "ui-6kbur23", root$t = "ui-6kbur20";
 function _input(props) {
-  return _composeClassNames(root$t, props.border && border, _responsiveClassName(fontSize, props.fontSize ?? 2), _responsiveClassName(padding, props.padding ?? 3), _responsiveClassName(gap, props.gap ?? 3), radius(props), width(props));
+  return _composeClassNames(root$t, props.border && border, _responsiveClassName(fontSize, props.fontSize ?? 2), _responsiveClassName(padding, props.padding ?? 3), _responsiveClassName(gap, props.gap ?? 3), flex(props), radius(props), width(props));
 }
 function _inputElement() {
   return element$1;
@@ -18197,7 +18206,7 @@ var root$m = "ui-1n68uif0", scale = {
 function code(props) {
   return _composeClassNames(props.className, root$m, _responsiveClassName(scale, props.size ?? 1), display({
     display: "block"
-  }), flex(props), font$1(props));
+  }), flex(props), font$1(props), margin(props), maxWidth(props));
 }
 var root$l = "ui-1c5ddit0";
 function container$1(props) {
@@ -18268,7 +18277,7 @@ var muted$2 = "ui-oee9at1", root$k = "ui-oee9at0", sizes$2 = {
 function heading(props) {
   return _composeClassNames(props.className, root$k, props.muted && muted$2, _responsiveClassName(sizes$2, props.size ?? 1), display({
     display: "block"
-  }), flex(props), font$1(props), textAlign({
+  }), flex(props), font$1(props), margin(props), maxWidth(props), textAlign({
     textAlign: props.align
   }));
 }
@@ -18335,7 +18344,7 @@ var muted$1 = "ui-vdiubu1", root$i = "ui-vdiubu0", sizes$1 = {
 function label(props) {
   return _composeClassNames(props.className, root$i, props.muted && muted$1, _responsiveClassName(sizes$1, props.size ?? 1), display({
     display: "block"
-  }), flex(props), font$1(props), textAlign({
+  }), flex(props), font$1(props), margin(props), maxWidth(props), textAlign({
     textAlign: props.align
   }));
 }
@@ -18463,7 +18472,7 @@ var muted = "ui-jssw1x1", root$8 = "ui-jssw1x0", sizes = {
 function text(props) {
   return _composeClassNames(props.className, root$8, props.muted && muted, _responsiveClassName(sizes, props.size ?? 1), display({
     display: "block"
-  }), flex(props), font$1(props), maxWidth(props), textAlign({
+  }), flex(props), font$1(props), margin(props), maxWidth(props), textAlign({
     textAlign: props.align
   }));
 }