@sanity/ui 3.3.6 → 3.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/_chunks/tabList.js +16 -16
- package/dist/_chunks/tabList.js.map +1 -1
- package/dist/_chunks/tabList.mjs +14 -12
- package/dist/_chunks/tabList.mjs.map +1 -1
- package/dist/_chunks/useTheme.d.mts +5 -5
- package/dist/_chunks/useTheme.d.ts +5 -5
- package/dist/index.d.mts +6 -6
- package/dist/index.d.mts.map +1 -1
- package/dist/index.d.ts +6 -6
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +27 -27
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +24 -19
- package/dist/index.mjs.map +1 -1
- package/package.json +6 -6
package/dist/_chunks/tabList.js
CHANGED
|
@@ -9,9 +9,9 @@ var __create = Object.create, __defProp = Object.defineProperty, __getOwnPropDes
|
|
|
9
9
|
enumerable: !0
|
|
10
10
|
}) : target, mod));
|
|
11
11
|
const require_theme = require("./theme.js");
|
|
12
|
-
let react_compiler_runtime = require("react-compiler-runtime"),
|
|
12
|
+
let react_compiler_runtime = require("react-compiler-runtime"), react = require("react");
|
|
13
13
|
react = __toESM(react);
|
|
14
|
-
let react_is = require("react-is"), styled_components = require("styled-components"), react_jsx_runtime = require("react/jsx-runtime"), use_effect_event = require("use-effect-event"), _juggle_resize_observer = require("@juggle/resize-observer"), _floating_ui_react_dom = require("@floating-ui/react-dom"), motion_react = require("motion/react"), react_dom = require("react-dom");
|
|
14
|
+
let react_is = require("react-is"), styled_components = require("styled-components"), react_jsx_runtime = require("react/jsx-runtime"), _sanity_icons_Spinner = require("@sanity/icons/Spinner"), use_effect_event = require("use-effect-event"), _juggle_resize_observer = require("@juggle/resize-observer"), _floating_ui_react_dom = require("@floating-ui/react-dom"), motion_react = require("motion/react"), react_dom = require("react-dom"), _sanity_icons_Close = require("@sanity/icons/Close"), _sanity_icons_ChevronRight = require("@sanity/icons/ChevronRight");
|
|
15
15
|
/**
|
|
16
16
|
* @public
|
|
17
17
|
* @deprecated Use `createColorTheme` from `@sanity/ui/theme` instead.
|
|
@@ -810,10 +810,10 @@ FlexComponent.displayName = "ForwardRef(Flex)";
|
|
|
810
810
|
*/
|
|
811
811
|
const Flex = FlexComponent, rotate = styled_components.keyframes`from{transform:rotate(0deg);}to{transform:rotate(360deg);}`, StyledSpinner = (0, styled_components.styled)(Text).withConfig({
|
|
812
812
|
displayName: "StyledSpinner",
|
|
813
|
-
componentId: "sc-
|
|
813
|
+
componentId: "sc-6ky9bg-0"
|
|
814
814
|
})`& > span > svg{animation:${rotate} 500ms linear infinite;}`, Spinner = (0, react.forwardRef)(function(props, ref) {
|
|
815
815
|
let $ = (0, react_compiler_runtime.c)(4), t0;
|
|
816
|
-
$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(
|
|
816
|
+
$[0] === Symbol.for("react.memo_cache_sentinel") ? (t0 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_icons_Spinner.SpinnerIcon, {}), $[0] = t0) : t0 = $[0];
|
|
817
817
|
let t1;
|
|
818
818
|
return $[1] !== props || $[2] !== ref ? (t1 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(StyledSpinner, {
|
|
819
819
|
"data-ui": "Spinner",
|
|
@@ -2205,34 +2205,34 @@ StackComponent.displayName = "ForwardRef(Stack)";
|
|
|
2205
2205
|
*/
|
|
2206
2206
|
const Stack = StackComponent, CLEAR_BUTTON_BOX_STYLE = { zIndex: 2 }, StyledTextInput = /* @__PURE__ */ (0, styled_components.styled)(Card).attrs({ forwardedAs: "span" }).withConfig({
|
|
2207
2207
|
displayName: "StyledTextInput",
|
|
2208
|
-
componentId: "sc-
|
|
2208
|
+
componentId: "sc-ab08rw-0"
|
|
2209
2209
|
})(textInputRootStyle), InputRoot = styled_components.styled.span.withConfig({
|
|
2210
2210
|
displayName: "InputRoot",
|
|
2211
|
-
componentId: "sc-
|
|
2211
|
+
componentId: "sc-ab08rw-1"
|
|
2212
2212
|
})`flex:1;min-width:0;display:block;position:relative;`, Prefix = (0, styled_components.styled)(Card).attrs({ forwardedAs: "span" }).withConfig({
|
|
2213
2213
|
displayName: "Prefix",
|
|
2214
|
-
componentId: "sc-
|
|
2214
|
+
componentId: "sc-ab08rw-2"
|
|
2215
2215
|
})`border-top-right-radius:0;border-bottom-right-radius:0;& > span{display:block;margin:-1px;}`, Suffix = (0, styled_components.styled)(Card).attrs({ forwardedAs: "span" }).withConfig({
|
|
2216
2216
|
displayName: "Suffix",
|
|
2217
|
-
componentId: "sc-
|
|
2217
|
+
componentId: "sc-ab08rw-3"
|
|
2218
2218
|
})`border-top-left-radius:0;border-bottom-left-radius:0;& > span{display:block;margin:-1px;}`, Input = /* @__PURE__ */ styled_components.styled.input.withConfig({
|
|
2219
2219
|
displayName: "Input",
|
|
2220
|
-
componentId: "sc-
|
|
2220
|
+
componentId: "sc-ab08rw-4"
|
|
2221
2221
|
})(responsiveInputPaddingStyle, textInputBaseStyle, textInputFontSizeStyle), Presentation = /* @__PURE__ */ styled_components.styled.span.withConfig({
|
|
2222
2222
|
displayName: "Presentation",
|
|
2223
|
-
componentId: "sc-
|
|
2223
|
+
componentId: "sc-ab08rw-5"
|
|
2224
2224
|
})(responsiveRadiusStyle, textInputRepresentationStyle), LeftBox = (0, styled_components.styled)(Box).withConfig({
|
|
2225
2225
|
displayName: "LeftBox",
|
|
2226
|
-
componentId: "sc-
|
|
2226
|
+
componentId: "sc-ab08rw-6"
|
|
2227
2227
|
})`position:absolute;top:0;left:0;`, RightBox = (0, styled_components.styled)(Box).withConfig({
|
|
2228
2228
|
displayName: "RightBox",
|
|
2229
|
-
componentId: "sc-
|
|
2229
|
+
componentId: "sc-ab08rw-7"
|
|
2230
2230
|
})`position:absolute;top:0;right:0;`, RightCard = (0, styled_components.styled)(Card).withConfig({
|
|
2231
2231
|
displayName: "RightCard",
|
|
2232
|
-
componentId: "sc-
|
|
2232
|
+
componentId: "sc-ab08rw-8"
|
|
2233
2233
|
})`background-color:transparent;position:absolute;top:0;right:0;`, TextInputClearButton = /* @__PURE__ */ (0, styled_components.styled)(Button).withConfig({
|
|
2234
2234
|
displayName: "TextInputClearButton",
|
|
2235
|
-
componentId: "sc-
|
|
2235
|
+
componentId: "sc-ab08rw-9"
|
|
2236
2236
|
})({ "&:not([hidden])": { display: "block" } }), TextInput = (0, react.forwardRef)(function(props, forwardedRef) {
|
|
2237
2237
|
let $ = (0, react_compiler_runtime.c)(93), IconComponent, IconRightComponent, __unstable_disableFocusRing, clearButton, customValidity, gap, onClear, prefix, readOnly, restProps, suffix, t0, t1, t2, t3, t4, t5, t6, weight;
|
|
2238
2238
|
$[0] === props ? (IconComponent = $[1], IconRightComponent = $[2], __unstable_disableFocusRing = $[3], clearButton = $[4], customValidity = $[5], gap = $[6], onClear = $[7], prefix = $[8], readOnly = $[9], restProps = $[10], suffix = $[11], t0 = $[12], t1 = $[13], t2 = $[14], t3 = $[15], t4 = $[16], t5 = $[17], t6 = $[18], weight = $[19]) : ({__unstable_disableFocusRing, border: t0, clearButton, disabled: t1, fontSize: t2, gap, icon: IconComponent, iconRight: IconRightComponent, onClear, padding: t3, prefix, radius: t4, readOnly, space: t5, suffix, customValidity, type: t6, weight, ...restProps} = props, $[0] = props, $[1] = IconComponent, $[2] = IconRightComponent, $[3] = __unstable_disableFocusRing, $[4] = clearButton, $[5] = customValidity, $[6] = gap, $[7] = onClear, $[8] = prefix, $[9] = readOnly, $[10] = restProps, $[11] = suffix, $[12] = t0, $[13] = t1, $[14] = t2, $[15] = t3, $[16] = t4, $[17] = t5, $[18] = t6, $[19] = weight);
|
|
@@ -2303,7 +2303,7 @@ const Stack = StackComponent, CLEAR_BUTTON_BOX_STYLE = { zIndex: 2 }, StyledText
|
|
|
2303
2303
|
"aria-label": "Clear",
|
|
2304
2304
|
"data-qa": "clear-button",
|
|
2305
2305
|
fontSize,
|
|
2306
|
-
icon:
|
|
2306
|
+
icon: _sanity_icons_Close.CloseIcon,
|
|
2307
2307
|
mode: "bleed",
|
|
2308
2308
|
padding: clearButtonPadding,
|
|
2309
2309
|
radius,
|
|
@@ -3122,7 +3122,7 @@ function MenuGroupComponent(props) {
|
|
|
3122
3122
|
})
|
|
3123
3123
|
}), $[52] = fontSize, $[53] = text, $[54] = t27) : t27 = $[54];
|
|
3124
3124
|
let t28;
|
|
3125
|
-
$[55] === Symbol.for("react.memo_cache_sentinel") ? (t28 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(
|
|
3125
|
+
$[55] === Symbol.for("react.memo_cache_sentinel") ? (t28 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_sanity_icons_ChevronRight.ChevronRightIcon, {}), $[55] = t28) : t28 = $[55];
|
|
3126
3126
|
let t29;
|
|
3127
3127
|
$[56] === fontSize ? t29 = $[57] : (t29 = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Text, {
|
|
3128
3128
|
size: fontSize,
|