@sanity/ui 4.0.0-static.3 → 4.0.0-static.31

package/src/css/primitives/text/text.ts

@@ -3,6 +3,7 @@ import {_responsiveClassName} from '../../_responsiveClassName'
 import {display} from '../../props/display/display'
 import {flex} from '../../props/flex/flex'
 import {font} from '../../props/font/font'
+import {margin} from '../../props/margin/margin'
 import {maxWidth} from '../../props/maxWidth/maxWidth'
 import {textAlign} from '../../props/textAlign/textAlign'
 import {muted, root, sizes} from './text.css'
@@ -18,6 +19,7 @@ export function text(props: TextStyleProps): string | undefined {
     display({display: 'block'}),
     flex(props),
     font(props),
+    margin(props),
     maxWidth(props),
     textAlign({textAlign: props.align}),
   )

package/src/css/primitives/text/types.ts

@@ -2,6 +2,7 @@ import type {FontTextSize} from '@sanity/ui/theme'
 
 import type {FlexStyleProps} from '../../props/flex/types'
 import type {FontStyleProps} from '../../props/font/types'
+import type {MarginStyleProps} from '../../props/margin/types'
 import type {MaxWidthStyleProps} from '../../props/maxWidth/types'
 import type {TextAlignStyleProps} from '../../props/textAlign/types'
 import type {ResponsiveProp} from '../../types'
@@ -10,7 +11,11 @@ import type {ResponsiveProp} from '../../types'
 export type TextSize = number
 
 /** @public */
-export interface TextStyleProps extends FlexStyleProps, FontStyleProps, MaxWidthStyleProps {
+export interface TextStyleProps
+  extends FlexStyleProps,
+    FontStyleProps,
+    MarginStyleProps,
+    MaxWidthStyleProps {
   align?: TextAlignStyleProps['textAlign']
   className?: string
   muted?: boolean

package/src/css/primitives/textInput/textInput.css.ts

@@ -4,7 +4,13 @@ import {_style} from '../../_style.css'
 import {layers} from '../../layers.css'
 import {vars} from '../../vars.css'
 
-export const root: string = _style(layers.primitives, {})
+export const root: string = _style(layers.primitives, {
+  selectors: {
+    '&:not([hidden])': {
+      display: 'flex',
+    },
+  },
+})
 
 export const prefix: string = _style(layers.primitives, {
   borderTop: `${vars.input.border.width} solid ${vars.color.border}`,
@@ -12,18 +18,23 @@ export const prefix: string = _style(layers.primitives, {
   borderBottom: `${vars.input.border.width} solid ${vars.color.border}`,
   borderTopLeftRadius: 'inherit',
   borderBottomLeftRadius: 'inherit',
+  flex: 'none',
 })
 
 globalStyle(`${prefix} > span`, {
   [`@layer ${layers.primitives}`]: {
     display: 'block',
-    margin: `calc(0 - ${vars.input.border.width})`,
+    margin: `calc(0px - ${vars.input.border.width})`,
     marginRight: 0,
   },
 })
 
 export const element: string = _style(layers.primitives, {
+  display: 'block',
   borderRadius: 'inherit',
+  flex: 1,
+  position: 'relative',
+  width: 'stretch',
 })
 
 export const suffix: string = _style(layers.primitives, {
@@ -32,12 +43,13 @@ export const suffix: string = _style(layers.primitives, {
   borderBottom: `${vars.input.border.width}solid ${vars.color.border}`,
   borderTopRightRadius: 'inherit',
   borderBottomRightRadius: 'inherit',
+  flex: 'none',
 })
 
 globalStyle(`${suffix} > span`, {
   [`@layer ${layers.primitives}`]: {
     display: 'block',
-    margin: `calc(0 - ${vars.input.border.width})`,
+    margin: `calc(0px - ${vars.input.border.width})`,
     marginLeft: 0,
   },
 })

package/src/css/props/width/types.ts

@@ -3,7 +3,7 @@ import type {ContainerWidth} from '@sanity/ui/theme'
 import type {ResponsiveProp} from '../../types'
 
 /** @public */
-export type Width = ContainerWidth | 'auto' | 'fill' | 'stretch' | 'min'
+export type Width = ContainerWidth | 'auto' | 'fill' | 'stretch' | 'min' | 'max'
 
 /** @public */
 export interface WidthStyleProps {

package/src/css/props/width/width.css.ts

@@ -14,11 +14,14 @@ export const options: ResponsiveRuleOptions<Width> = {
   fill: _responsiveStyle(layers.props, {
     width: '100%',
   }),
+  stretch: _responsiveStyle(layers.props, {
+    width: 'stretch',
+  }),
   min: _responsiveStyle(layers.props, {
     width: 'min-content',
   }),
-  stretch: _responsiveStyle(layers.props, {
-    width: 'stretch',
+  max: _responsiveStyle(layers.props, {
+    width: 'max-content',
   }),
   ..._fromEntries(
     CONTAINER_SCALE.map((index) => [

package/src/css/theme/buildCSSTheme.ts

@@ -79,6 +79,10 @@ export function buildCSSTheme(options?: CSSThemeOptions): ThemeTokens {
       border: {
         width: px(theme.card.border.width),
       },
+      focusRing: {
+        offset: px(theme.card.focusRing.offset),
+        width: px(theme.card.focusRing.width),
+      },
       shadow: {
         outline: px(theme.card.shadow.outline),
       },

package/src/css/types.ts

@@ -183,6 +183,10 @@ export type CoreThemeTokens = {
     border: {
       width: string
     }
+    focusRing: {
+      offset: string
+      width: string
+    }
     shadow: {
       outline: string
     }

package/src/css/vars.css.ts

@@ -74,6 +74,10 @@ const themeTokens: CoreThemeTokens = {
     border: {
       width: '',
     },
+    focusRing: {
+      offset: '',
+      width: '',
+    },
     shadow: {
       outline: '',
     },

package/dist/_chunks-cjs/refractor.cjs

@@ -1,22 +0,0 @@
-"use strict";
-var jsxRuntime = require("react/jsx-runtime"), compilerRuntime = require("react/compiler-runtime"), reactRefractor = require("react-refractor");
-function LazyRefractor(props) {
-  const $ = compilerRuntime.c(13), {
-    language: languageProp,
-    value
-  } = props, language = typeof languageProp == "string" ? languageProp : void 0;
-  let t0;
-  $[0] !== language ? (t0 = language ? reactRefractor.hasLanguage(language) : !1, $[0] = language, $[1] = t0) : t0 = $[1];
-  const registered = t0;
-  let t1;
-  $[2] !== language || $[3] !== registered || $[4] !== value ? (t1 = !(language && registered) && /* @__PURE__ */ jsxRuntime.jsx("code", { children: value }), $[2] = language, $[3] = registered, $[4] = value, $[5] = t1) : t1 = $[5];
-  let t2;
-  $[6] !== language || $[7] !== registered || $[8] !== value ? (t2 = language && registered && /* @__PURE__ */ jsxRuntime.jsx(reactRefractor.Refractor, { inline: !0, language, value: String(value) }), $[6] = language, $[7] = registered, $[8] = value, $[9] = t2) : t2 = $[9];
-  let t3;
-  return $[10] !== t1 || $[11] !== t2 ? (t3 = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    t1,
-    t2
-  ] }), $[10] = t1, $[11] = t2, $[12] = t3) : t3 = $[12], t3;
-}
-exports.default = LazyRefractor;
-//# sourceMappingURL=refractor.cjs.map

package/dist/_chunks-cjs/refractor.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"refractor.cjs","sources":["../../src/core/primitives/code/refractor.tsx"],"sourcesContent":["import {hasLanguage, Refractor} from 'react-refractor'\n\nexport default function LazyRefractor(\n  props: Partial<Pick<React.ComponentProps<typeof Refractor>, 'language'>> & {\n    value: React.ReactNode\n  },\n): React.JSX.Element {\n  const {language: languageProp, value} = props\n  const language = typeof languageProp === 'string' ? languageProp : undefined\n  const registered = language ? hasLanguage(language) : false\n\n  return (\n    <>\n      {!(language && registered) && <code>{value}</code>}\n      {language && registered && <Refractor inline language={language} value={String(value)} />}\n    </>\n  )\n}\n"],"names":["LazyRefractor","props","$","_c","language","languageProp","value","undefined","t0","hasLanguage","registered","t1","t2","Refractor","String","t3"],"mappings":";;AAEA,SAAeA,cAAAC,OAAA;AAAA,QAAAC,IAAAC,kBAAA,EAAA,GAKb;AAAA,IAAAC,UAAAC;AAAAA,IAAAC;AAAAA,EAAAA,IAAwCL,OACxCG,WAAiB,OAAOC,gBAAiB,WAAWA,eAAYE;AAAY,MAAAC;AAAAN,WAAAE,YACzDI,KAAAJ,WAAWK,eAAAA,YAAYL,QAAQ,IAAC,IAAQF,OAAAE,UAAAF,OAAAM,MAAAA,KAAAN,EAAA,CAAA;AAA3D,QAAAQ,aAAmBF;AAAwC,MAAAG;AAAAT,IAAA,CAAA,MAAAE,YAAAF,SAAAQ,cAAAR,EAAA,CAAA,MAAAI,SAItDK,KAAA,EAAEP,YAAYM,wDAAsBJ,UAAAA,MAAAA,CAAM,GAAOJ,OAAAE,UAAAF,OAAAQ,YAAAR,OAAAI,OAAAJ,OAAAS,MAAAA,KAAAT,EAAA,CAAA;AAAA,MAAAU;AAAAV,IAAA,CAAA,MAAAE,YAAAF,SAAAQ,cAAAR,EAAA,CAAA,MAAAI,SACjDM,KAAAR,YAAYM,6CAAeG,eAAAA,WAAA,EAAU,QAAA,IAAiBT,UAAiB,OAAAU,OAAOR,KAAK,EAAA,CAAC,GAAIJ,OAAAE,UAAAF,OAAAQ,YAAAR,OAAAI,OAAAJ,OAAAU,MAAAA,KAAAV,EAAA,CAAA;AAAA,MAAAa;AAAA,SAAAb,EAAA,EAAA,MAAAS,MAAAT,UAAAU,MAF3FG,4DACGJ,UAAAA;AAAAA,IAAAA;AAAAA,IACAC;AAAAA,EAAAA,EAAAA,CAAwF,GACxFV,QAAAS,IAAAT,QAAAU,IAAAV,QAAAa,MAAAA,KAAAb,EAAA,EAAA,GAHHa;AAGG;;"}