@sanity/ui 1.7.4 → 1.7.7
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.cjs.mjs +0 -1
- package/dist/index.esm.js +259 -245
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +259 -245
- package/dist/index.js.map +1 -1
- package/package.json +28 -28
- package/src/components/tab/__workshop__/example.tsx +6 -1
- package/src/components/tab/tab.tsx +6 -1
- package/src/components/tab/tabList.tsx +19 -2
package/dist/index.esm.js
CHANGED
|
@@ -3782,13 +3782,13 @@ function responsiveInputPaddingIconRightStyle(props) {
|
|
|
3782
3782
|
$iconRight: true
|
|
3783
3783
|
});
|
|
3784
3784
|
}
|
|
3785
|
-
var __freeze$
|
|
3786
|
-
var __defProp$
|
|
3787
|
-
var __template$
|
|
3788
|
-
value: __freeze$
|
|
3785
|
+
var __freeze$D = Object.freeze;
|
|
3786
|
+
var __defProp$E = Object.defineProperty;
|
|
3787
|
+
var __template$D = (cooked, raw) => __freeze$D(__defProp$E(cooked, "raw", {
|
|
3788
|
+
value: __freeze$D(raw || cooked.slice())
|
|
3789
3789
|
}));
|
|
3790
|
-
var _a$
|
|
3791
|
-
const ROOT_STYLE = css(_a$
|
|
3790
|
+
var _a$D, _b$m, _c$d;
|
|
3791
|
+
const ROOT_STYLE = css(_a$D || (_a$D = __template$D(["\n &:not([hidden]) {\n display: flex;\n }\n\n align-items: center;\n"])));
|
|
3792
3792
|
function textInputRootStyle() {
|
|
3793
3793
|
return ROOT_STYLE;
|
|
3794
3794
|
}
|
|
@@ -3801,7 +3801,7 @@ function textInputBaseStyle(props) {
|
|
|
3801
3801
|
} = props;
|
|
3802
3802
|
const font = theme.sanity.fonts.text;
|
|
3803
3803
|
const color = theme.sanity.color.input;
|
|
3804
|
-
return css(_b$m || (_b$m = __template$
|
|
3804
|
+
return css(_b$m || (_b$m = __template$D(["\n appearance: none;\n background: none;\n border: 0;\n border-radius: 0;\n outline: none;\n width: 100%;\n box-sizing: border-box;\n font-family: ", ";\n font-weight: ", ";\n margin: 0;\n position: relative;\n z-index: 1;\n display: block;\n\n /* NOTE: This is a hack to disable Chrome\u2019s autofill styles */\n &:-webkit-autofill,\n &:-webkit-autofill:hover,\n &:-webkit-autofill:focus,\n &:-webkit-autofill:active {\n -webkit-text-fill-color: var(--input-fg-color) !important;\n transition: background-color 5000s;\n transition-delay: 86400s /* 24h */;\n }\n\n /* &:is(textarea) */\n &[data-as='textarea'] {\n resize: none;\n }\n\n color: var(--input-fg-color);\n\n &::placeholder {\n color: var(--input-placeholder-color);\n }\n\n &[data-scheme='", "'][data-tone='", "'] {\n --input-fg-color: ", ";\n --input-placeholder-color: ", ";\n\n /* enabled */\n &:not(:invalid):not(:disabled):not(:read-only) {\n --input-fg-color: ", ";\n --input-placeholder-color: ", ";\n }\n\n /* disabled */\n &:not(:invalid):disabled {\n --input-fg-color: ", ";\n --input-placeholder-color: ", ";\n }\n\n /* invalid */\n &:invalid {\n --input-fg-color: ", ";\n --input-placeholder-color: ", ";\n }\n\n /* readOnly */\n &:read-only {\n --input-fg-color: ", ";\n --input-placeholder-color: ", ";\n }\n }\n "])), font.family, $weight && font.weights[$weight] || font.weights.regular, $scheme, $tone, color.default.enabled.fg, color.default.enabled.placeholder, color.default.enabled.fg, color.default.enabled.placeholder, color.default.disabled.fg, color.default.disabled.placeholder, color.invalid.enabled.fg, color.invalid.enabled.placeholder, color.default.readOnly.fg, color.default.readOnly.placeholder);
|
|
3805
3805
|
}
|
|
3806
3806
|
function textInputFontSizeStyle(props) {
|
|
3807
3807
|
const {
|
|
@@ -3832,7 +3832,7 @@ function textInputRepresentationStyle(props) {
|
|
|
3832
3832
|
input
|
|
3833
3833
|
} = theme.sanity;
|
|
3834
3834
|
const color = theme.sanity.color.input;
|
|
3835
|
-
return css(_c$d || (_c$d = __template$
|
|
3835
|
+
return css(_c$d || (_c$d = __template$D(["\n --input-box-shadow: none;\n\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: block;\n pointer-events: none;\n z-index: 0;\n\n background-color: var(--card-bg-color);\n box-shadow: var(--input-box-shadow);\n\n border-top-left-radius: ", ";\n border-bottom-left-radius: ", ";\n border-top-right-radius: ", ";\n border-bottom-right-radius: ", ";\n\n &[data-scheme='", "'][data-tone='", "'] {\n --card-bg-color: ", ";\n --card-fg-color: ", ";\n\n /* enabled */\n *:not(:disabled) + &[data-border] {\n --input-box-shadow: ", ";\n }\n\n /* invalid */\n *:not(:disabled):invalid + & {\n --card-bg-color: ", ";\n --card-fg-color: ", ";\n\n &[data-border] {\n --input-box-shadow: ", ";\n }\n }\n\n /* focused */\n *:not(:disabled):focus + & {\n &[data-border] {\n --input-box-shadow: ", ";\n }\n\n &:not([data-border]) {\n --input-box-shadow: ", ";\n }\n }\n\n /* disabled */\n *:disabled + & {\n --card-bg-color: ", " !important;\n --card-fg-color: ", " !important;\n\n &[data-border] {\n --input-box-shadow: ", ";\n }\n }\n\n /* readOnly */\n *:read-only + & {\n --card-bg-color: ", " !important;\n --card-fg-color: ", " !important;\n }\n\n /* hovered */\n @media (hover: hover) {\n *:not(:disabled):not(:read-only):not(:invalid):hover + & {\n --card-bg-color: ", ";\n --card-fg-color: ", ";\n }\n\n *:not(:disabled):not(:read-only):not(:invalid):not(:focus):hover + &[data-border] {\n --input-box-shadow: ", ";\n }\n }\n }\n "])), $hasPrefix ? 0 : void 0, $hasPrefix ? 0 : void 0, $hasSuffix ? 0 : void 0, $hasSuffix ? 0 : void 0, $scheme, $tone, color.default.enabled.bg, color.default.enabled.fg, focusRingBorderStyle({
|
|
3836
3836
|
color: color.default.enabled.border,
|
|
3837
3837
|
width: input.border.width
|
|
3838
3838
|
}), color.invalid.enabled.bg, color.invalid.enabled.fg, focusRingBorderStyle({
|
|
@@ -3901,12 +3901,12 @@ function responsiveShadowStyle(props) {
|
|
|
3901
3901
|
} = theme.sanity;
|
|
3902
3902
|
return _responsive(media, props.$shadow, shadow => shadowStyle(shadows[shadow]));
|
|
3903
3903
|
}
|
|
3904
|
-
var __freeze$
|
|
3905
|
-
var __defProp$
|
|
3906
|
-
var __template$
|
|
3907
|
-
value: __freeze$
|
|
3904
|
+
var __freeze$C = Object.freeze;
|
|
3905
|
+
var __defProp$D = Object.defineProperty;
|
|
3906
|
+
var __template$C = (cooked, raw) => __freeze$C(__defProp$D(cooked, "raw", {
|
|
3907
|
+
value: __freeze$C(raw || cooked.slice())
|
|
3908
3908
|
}));
|
|
3909
|
-
var _a$
|
|
3909
|
+
var _a$C, _b$l, _c$c;
|
|
3910
3910
|
function textBaseStyle(props) {
|
|
3911
3911
|
const {
|
|
3912
3912
|
$accent,
|
|
@@ -3916,16 +3916,16 @@ function textBaseStyle(props) {
|
|
|
3916
3916
|
const {
|
|
3917
3917
|
weights
|
|
3918
3918
|
} = theme.sanity.fonts.text;
|
|
3919
|
-
return css(_c$c || (_c$c = __template$
|
|
3919
|
+
return css(_c$c || (_c$c = __template$C(["\n color: var(--card-fg-color);\n\n ", "\n\n ", "\n\n & code {\n font-family: ", ";\n border-radius: 1px;\n background-color: var(--card-code-bg-color);\n color: var(--card-code-fg-color);\n }\n\n & a {\n text-decoration: none;\n border-radius: 1px;\n color: var(--card-link-color);\n outline: none;\n\n @media (hover: hover) {\n &:hover {\n text-decoration: underline;\n }\n }\n\n &:focus {\n box-shadow:\n 0 0 0 1px var(--card-bg-color),\n 0 0 0 3px var(--card-focus-ring-color);\n }\n\n &:focus:not(:focus-visible) {\n box-shadow: none;\n }\n }\n\n & strong {\n font-weight: ", ";\n }\n\n & svg {\n /* Certain popular CSS libraries changes the defaults for SVG display */\n /* Make sure SVGs are rendered as inline elements */\n display: inline;\n }\n\n & [data-sanity-icon] {\n vertical-align: baseline;\n }\n "])), $accent && css(_a$C || (_a$C = __template$C(["\n color: var(--card-accent-fg-color);\n "]))), $muted && css(_b$l || (_b$l = __template$C(["\n color: var(--card-muted-fg-color);\n "]))), theme.sanity.fonts.code.family, weights.bold);
|
|
3920
3920
|
}
|
|
3921
|
-
var __freeze$
|
|
3922
|
-
var __defProp$
|
|
3923
|
-
var __template$
|
|
3924
|
-
value: __freeze$
|
|
3921
|
+
var __freeze$B = Object.freeze;
|
|
3922
|
+
var __defProp$C = Object.defineProperty;
|
|
3923
|
+
var __template$B = (cooked, raw) => __freeze$B(__defProp$C(cooked, "raw", {
|
|
3924
|
+
value: __freeze$B(raw || cooked.slice())
|
|
3925
3925
|
}));
|
|
3926
|
-
var _a$
|
|
3926
|
+
var _a$B;
|
|
3927
3927
|
const Root$E = styled.div(responsiveTextFont, responsiveTextAlignStyle, textBaseStyle);
|
|
3928
|
-
const SpanWithTextOverflow$2 = styled.span(_a$
|
|
3928
|
+
const SpanWithTextOverflow$2 = styled.span(_a$B || (_a$B = __template$B(["\n display: block;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n overflow: clip;\n"])));
|
|
3929
3929
|
const Text = forwardRef(function Text2(props, ref) {
|
|
3930
3930
|
const {
|
|
3931
3931
|
accent = false,
|
|
@@ -4218,12 +4218,12 @@ const Avatar = forwardRef(function Avatar2(props, ref) {
|
|
|
4218
4218
|
})]
|
|
4219
4219
|
});
|
|
4220
4220
|
});
|
|
4221
|
-
var __freeze$
|
|
4222
|
-
var __defProp$
|
|
4223
|
-
var __template$
|
|
4224
|
-
value: __freeze$
|
|
4221
|
+
var __freeze$A = Object.freeze;
|
|
4222
|
+
var __defProp$B = Object.defineProperty;
|
|
4223
|
+
var __template$A = (cooked, raw) => __freeze$A(__defProp$B(cooked, "raw", {
|
|
4224
|
+
value: __freeze$A(raw || cooked.slice())
|
|
4225
4225
|
}));
|
|
4226
|
-
var _a$
|
|
4226
|
+
var _a$A;
|
|
4227
4227
|
function _responsiveAvatarCounterSizeStyle(props) {
|
|
4228
4228
|
const {
|
|
4229
4229
|
theme
|
|
@@ -4246,7 +4246,7 @@ function _avatarCounterBaseStyle(props) {
|
|
|
4246
4246
|
const {
|
|
4247
4247
|
theme
|
|
4248
4248
|
} = props;
|
|
4249
|
-
return css(_a$
|
|
4249
|
+
return css(_a$A || (_a$A = __template$A(["\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n user-select: none;\n color: inherit;\n color: var(--card-fg-color);\n background: var(--card-bg-color);\n box-shadow:\n 0 0 0 1px var(--card-bg-color),\n inset 0 0 0 1.5px var(--card-hairline-hard-color);\n padding: 0 ", ";\n\n &:not([hidden]) {\n display: flex;\n }\n "])), rem(theme.sanity.space[2]));
|
|
4250
4250
|
}
|
|
4251
4251
|
const Root$C = styled.div(_responsiveAvatarCounterSizeStyle, _avatarCounterBaseStyle);
|
|
4252
4252
|
const AvatarCounter = forwardRef(function AvatarCounter2(props, ref) {
|
|
@@ -4273,13 +4273,13 @@ function childrenToElementArray(children) {
|
|
|
4273
4273
|
const childrenArray = Array.isArray(children) ? children : [children];
|
|
4274
4274
|
return childrenArray.filter(node => isElement$1(node) || isFragment(node) || typeof node === "string");
|
|
4275
4275
|
}
|
|
4276
|
-
var __freeze$
|
|
4277
|
-
var __defProp$
|
|
4278
|
-
var __template$
|
|
4279
|
-
value: __freeze$
|
|
4276
|
+
var __freeze$z = Object.freeze;
|
|
4277
|
+
var __defProp$A = Object.defineProperty;
|
|
4278
|
+
var __template$z = (cooked, raw) => __freeze$z(__defProp$A(cooked, "raw", {
|
|
4279
|
+
value: __freeze$z(raw || cooked.slice())
|
|
4280
4280
|
}));
|
|
4281
|
-
var _a$
|
|
4282
|
-
const BASE_STYLES = css(_a$
|
|
4281
|
+
var _a$z;
|
|
4282
|
+
const BASE_STYLES = css(_a$z || (_a$z = __template$z(["\n white-space: nowrap;\n\n & > div {\n vertical-align: top;\n\n &:not([hidden]) {\n display: inline-block;\n }\n }\n"])));
|
|
4283
4283
|
function avatarStackStyle() {
|
|
4284
4284
|
return BASE_STYLES;
|
|
4285
4285
|
}
|
|
@@ -4402,12 +4402,12 @@ const Box = forwardRef(function Box2(props, ref) {
|
|
|
4402
4402
|
children: props.children
|
|
4403
4403
|
});
|
|
4404
4404
|
});
|
|
4405
|
-
var __freeze$
|
|
4406
|
-
var __defProp$
|
|
4407
|
-
var __template$
|
|
4408
|
-
value: __freeze$
|
|
4405
|
+
var __freeze$y = Object.freeze;
|
|
4406
|
+
var __defProp$z = Object.defineProperty;
|
|
4407
|
+
var __template$y = (cooked, raw) => __freeze$y(__defProp$z(cooked, "raw", {
|
|
4408
|
+
value: __freeze$y(raw || cooked.slice())
|
|
4409
4409
|
}));
|
|
4410
|
-
var _a$
|
|
4410
|
+
var _a$y, _b$k, _c$b;
|
|
4411
4411
|
function labelBaseStyle(props) {
|
|
4412
4412
|
const {
|
|
4413
4413
|
$accent,
|
|
@@ -4417,16 +4417,16 @@ function labelBaseStyle(props) {
|
|
|
4417
4417
|
const {
|
|
4418
4418
|
fonts
|
|
4419
4419
|
} = theme.sanity;
|
|
4420
|
-
return css(_c$b || (_c$b = __template$
|
|
4420
|
+
return css(_c$b || (_c$b = __template$y(["\n text-transform: uppercase;\n\n ", "\n\n ", "\n\n & code {\n font-family: ", ";\n border-radius: 1px;\n }\n\n & a {\n text-decoration: none;\n border-radius: 1px;\n }\n\n & svg {\n /* Certain popular CSS libraries changes the defaults for SVG display */\n /* Make sure SVGs are rendered as inline elements */\n display: inline;\n }\n\n & [data-sanity-icon] {\n vertical-align: baseline;\n }\n "])), $accent && css(_a$y || (_a$y = __template$y(["\n color: var(--card-accent-fg-color);\n "]))), $muted && css(_b$k || (_b$k = __template$y(["\n color: var(--card-muted-fg-color);\n "]))), fonts.code.family);
|
|
4421
4421
|
}
|
|
4422
|
-
var __freeze$
|
|
4423
|
-
var __defProp$
|
|
4424
|
-
var __template$
|
|
4425
|
-
value: __freeze$
|
|
4422
|
+
var __freeze$x = Object.freeze;
|
|
4423
|
+
var __defProp$y = Object.defineProperty;
|
|
4424
|
+
var __template$x = (cooked, raw) => __freeze$x(__defProp$y(cooked, "raw", {
|
|
4425
|
+
value: __freeze$x(raw || cooked.slice())
|
|
4426
4426
|
}));
|
|
4427
|
-
var _a$
|
|
4427
|
+
var _a$x;
|
|
4428
4428
|
const Root$z = styled.div(responsiveLabelFont, responsiveTextAlignStyle, labelBaseStyle);
|
|
4429
|
-
const SpanWithTextOverflow$1 = styled.span(_a$
|
|
4429
|
+
const SpanWithTextOverflow$1 = styled.span(_a$x || (_a$x = __template$x(["\n display: block;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n overflow: clip;\n"])));
|
|
4430
4430
|
const Label = forwardRef(function Label2(props, ref) {
|
|
4431
4431
|
const {
|
|
4432
4432
|
accent,
|
|
@@ -4526,14 +4526,14 @@ const Flex = forwardRef(function Flex2(props, ref) {
|
|
|
4526
4526
|
ref
|
|
4527
4527
|
});
|
|
4528
4528
|
});
|
|
4529
|
-
var __freeze$
|
|
4530
|
-
var __defProp$
|
|
4531
|
-
var __template$
|
|
4532
|
-
value: __freeze$
|
|
4529
|
+
var __freeze$w = Object.freeze;
|
|
4530
|
+
var __defProp$x = Object.defineProperty;
|
|
4531
|
+
var __template$w = (cooked, raw) => __freeze$w(__defProp$x(cooked, "raw", {
|
|
4532
|
+
value: __freeze$w(raw || cooked.slice())
|
|
4533
4533
|
}));
|
|
4534
|
-
var _a$
|
|
4535
|
-
const rotate$1 = keyframes(_a$
|
|
4536
|
-
const Root$w = styled(Text)(_b$j || (_b$j = __template$
|
|
4534
|
+
var _a$w, _b$j;
|
|
4535
|
+
const rotate$1 = keyframes(_a$w || (_a$w = __template$w(["\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
4536
|
+
const Root$w = styled(Text)(_b$j || (_b$j = __template$w(["\n & > span > svg {\n animation: ", " 500ms linear infinite;\n }\n"])), rotate$1);
|
|
4537
4537
|
const Spinner = forwardRef(function Spinner2(props, ref) {
|
|
4538
4538
|
return /* @__PURE__ */jsx(Root$w, {
|
|
4539
4539
|
"data-ui": "Spinner",
|
|
@@ -4571,14 +4571,14 @@ function _colorVarsStyle(base, color) {
|
|
|
4571
4571
|
"--card-hairline-hard-color": color.border
|
|
4572
4572
|
};
|
|
4573
4573
|
}
|
|
4574
|
-
var __freeze$
|
|
4575
|
-
var __defProp$
|
|
4576
|
-
var __template$
|
|
4577
|
-
value: __freeze$
|
|
4574
|
+
var __freeze$v = Object.freeze;
|
|
4575
|
+
var __defProp$w = Object.defineProperty;
|
|
4576
|
+
var __template$v = (cooked, raw) => __freeze$v(__defProp$w(cooked, "raw", {
|
|
4577
|
+
value: __freeze$v(raw || cooked.slice())
|
|
4578
4578
|
}));
|
|
4579
|
-
var _a$
|
|
4579
|
+
var _a$v;
|
|
4580
4580
|
function buttonBaseStyles() {
|
|
4581
|
-
return css(_a$
|
|
4581
|
+
return css(_a$v || (_a$v = __template$v(["\n -webkit-font-smoothing: inherit;\n appearance: none;\n display: inline-flex;\n align-items: center;\n font: inherit;\n border: 0;\n outline: none;\n user-select: none;\n text-decoration: none;\n border: 0;\n box-sizing: border-box;\n padding: 0;\n margin: 0;\n white-space: nowrap;\n text-align: left;\n position: relative;\n\n & > span {\n display: block;\n flex: 1;\n min-width: 0;\n border-radius: inherit;\n }\n\n &::-moz-focus-inner {\n border: 0;\n padding: 0;\n }\n "])));
|
|
4582
4582
|
}
|
|
4583
4583
|
const buttonTheme = {
|
|
4584
4584
|
border: {
|
|
@@ -4626,14 +4626,14 @@ function buttonColorStyles(props) {
|
|
|
4626
4626
|
}
|
|
4627
4627
|
}, (_b = (_a2 = theme.sanity.styles) == null ? void 0 : _a2.button) == null ? void 0 : _b.root].filter(Boolean);
|
|
4628
4628
|
}
|
|
4629
|
-
var __freeze$
|
|
4630
|
-
var __defProp$
|
|
4631
|
-
var __template$
|
|
4632
|
-
value: __freeze$
|
|
4629
|
+
var __freeze$u = Object.freeze;
|
|
4630
|
+
var __defProp$v = Object.defineProperty;
|
|
4631
|
+
var __template$u = (cooked, raw) => __freeze$u(__defProp$v(cooked, "raw", {
|
|
4632
|
+
value: __freeze$u(raw || cooked.slice())
|
|
4633
4633
|
}));
|
|
4634
|
-
var _a$
|
|
4634
|
+
var _a$u;
|
|
4635
4635
|
const Root$v = styled.button(responsiveRadiusStyle, buttonBaseStyles, buttonColorStyles);
|
|
4636
|
-
const LoadingBox = styled.div(_a$
|
|
4636
|
+
const LoadingBox = styled.div(_a$u || (_a$u = __template$u(["\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--card-bg-color);\n border-radius: inherit;\n z-index: 1;\n box-shadow: inherit;\n"])));
|
|
4637
4637
|
const Button = forwardRef(function Button2(props, ref) {
|
|
4638
4638
|
const {
|
|
4639
4639
|
children,
|
|
@@ -4726,12 +4726,12 @@ const Button = forwardRef(function Button2(props, ref) {
|
|
|
4726
4726
|
})]
|
|
4727
4727
|
});
|
|
4728
4728
|
});
|
|
4729
|
-
var __freeze$
|
|
4730
|
-
var __defProp$
|
|
4731
|
-
var __template$
|
|
4732
|
-
value: __freeze$
|
|
4729
|
+
var __freeze$t = Object.freeze;
|
|
4730
|
+
var __defProp$u = Object.defineProperty;
|
|
4731
|
+
var __template$t = (cooked, raw) => __freeze$t(__defProp$u(cooked, "raw", {
|
|
4732
|
+
value: __freeze$t(raw || cooked.slice())
|
|
4733
4733
|
}));
|
|
4734
|
-
var _a$
|
|
4734
|
+
var _a$t, _b$i, _c$a;
|
|
4735
4735
|
function cardStyle(props) {
|
|
4736
4736
|
return [cardBaseStyle(props), cardColorStyle(props)];
|
|
4737
4737
|
}
|
|
@@ -4741,7 +4741,7 @@ function cardBaseStyle(props) {
|
|
|
4741
4741
|
theme
|
|
4742
4742
|
} = props;
|
|
4743
4743
|
const space = theme.sanity.space;
|
|
4744
|
-
return css(_b$i || (_b$i = __template$
|
|
4744
|
+
return css(_b$i || (_b$i = __template$t(["\n ", "\n\n &[data-as='button'] {\n -webkit-font-smoothing: inherit;\n appearance: none;\n outline: none;\n font: inherit;\n text-align: inherit;\n border: 0;\n width: stretch;\n }\n\n /* &:is(a) */\n &[data-as='a'] {\n outline: none;\n text-decoration: none;\n }\n\n /* &:is(pre) */\n &[data-as='pre'] {\n font: inherit;\n }\n "])), $checkered && css(_a$t || (_a$t = __template$t(["\n background-size: ", "px ", "px;\n background-position: 50% 50%;\n background-image: var(--card-bg-image);\n "])), space[3], space[3]));
|
|
4745
4745
|
}
|
|
4746
4746
|
function cardColorStyle(props) {
|
|
4747
4747
|
var _a2, _b2;
|
|
@@ -4762,7 +4762,7 @@ function cardColorStyle(props) {
|
|
|
4762
4762
|
width: 0,
|
|
4763
4763
|
color: "var(--card-border-color)"
|
|
4764
4764
|
};
|
|
4765
|
-
return css(_c$a || (_c$a = __template$
|
|
4765
|
+
return css(_c$a || (_c$a = __template$t(["\n color-scheme: ", ";\n\n ", "\n\n background-color: var(--card-bg-color);\n color: var(--card-fg-color);\n\n /* &:is(button) */\n &[data-as='button'] {\n --card-focus-ring-box-shadow: none;\n\n cursor: default;\n box-shadow: var(--card-focus-ring-box-shadow);\n\n &:disabled {\n ", "\n }\n\n &:not(:disabled) {\n &[data-pressed] {\n ", "\n }\n\n &[data-selected] {\n ", "\n }\n\n @media (hover: hover) {\n &:not([data-pressed]):not([data-selected]) {\n &[data-hovered],\n &:hover {\n ", "\n }\n\n &:active {\n ", "\n }\n }\n }\n\n &:focus {\n --card-focus-ring-box-shadow: ", ";\n }\n\n &:focus:not(:focus-visible) {\n --card-focus-ring-box-shadow: ", ";\n }\n }\n }\n\n /* &:is(a) */\n &[data-as='a'] {\n cursor: pointer;\n box-shadow: var(--card-focus-ring-box-shadow);\n\n &[data-disabled] {\n ", "\n }\n\n &:not([data-disabled]) {\n &[data-pressed] {\n ", "\n }\n\n &[data-selected] {\n ", "\n }\n\n @media (hover: hover) {\n &:not([data-pressed]):not([data-selected]) {\n &[data-hovered],\n &:hover {\n ", "\n }\n\n &:active {\n ", "\n }\n }\n }\n\n &:focus {\n --card-focus-ring-box-shadow: ", ";\n }\n\n &:focus:not(:focus-visible) {\n --card-focus-ring-box-shadow: ", ";\n }\n }\n }\n\n ", "\n "])), dark ? "dark" : "light", _colorVarsStyle(base, card.enabled, $checkered), _colorVarsStyle(base, card.disabled, $checkered), _colorVarsStyle(base, card.pressed, $checkered), _colorVarsStyle(base, card.selected, $checkered), _colorVarsStyle(base, card.hovered, $checkered), _colorVarsStyle(base, card.pressed, $checkered), $focusRing ? focusRingStyle({
|
|
4766
4766
|
base,
|
|
4767
4767
|
border,
|
|
4768
4768
|
focusRing
|
|
@@ -4822,14 +4822,14 @@ const Card = forwardRef(function Card2(props, ref) {
|
|
|
4822
4822
|
})
|
|
4823
4823
|
});
|
|
4824
4824
|
});
|
|
4825
|
-
var __freeze$
|
|
4826
|
-
var __defProp$
|
|
4827
|
-
var __template$
|
|
4828
|
-
value: __freeze$
|
|
4825
|
+
var __freeze$s = Object.freeze;
|
|
4826
|
+
var __defProp$t = Object.defineProperty;
|
|
4827
|
+
var __template$s = (cooked, raw) => __freeze$s(__defProp$t(cooked, "raw", {
|
|
4828
|
+
value: __freeze$s(raw || cooked.slice())
|
|
4829
4829
|
}));
|
|
4830
|
-
var _a$
|
|
4830
|
+
var _a$s, _b$h;
|
|
4831
4831
|
function checkboxBaseStyles() {
|
|
4832
|
-
return css(_a$
|
|
4832
|
+
return css(_a$s || (_a$s = __template$s(["\n position: relative;\n display: inline-block;\n "])));
|
|
4833
4833
|
}
|
|
4834
4834
|
function inputElementStyles(props) {
|
|
4835
4835
|
const {
|
|
@@ -4841,7 +4841,7 @@ function inputElementStyles(props) {
|
|
|
4841
4841
|
input,
|
|
4842
4842
|
radius
|
|
4843
4843
|
} = theme.sanity;
|
|
4844
|
-
return css(_b$h || (_b$h = __template$
|
|
4844
|
+
return css(_b$h || (_b$h = __template$s(["\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n outline: none;\n opacity: 0;\n z-index: 1;\n padding: 0;\n margin: 0;\n\n & + span {\n position: relative;\n display: block;\n height: ", ";\n width: ", ";\n box-sizing: border-box;\n box-shadow: ", ";\n border-radius: ", ";\n line-height: 1;\n background-color: ", ";\n\n & > svg {\n display: block;\n position: absolute;\n opacity: 0;\n height: 100%;\n width: 100%;\n\n & > path {\n vector-effect: non-scaling-stroke;\n stroke-width: 2 !important;\n }\n }\n }\n\n &:not(:disabled):focus + span {\n box-shadow: ", ";\n }\n\n &:not(:disabled):focus:not(:focus-visible) + span {\n box-shadow: ", ";\n }\n\n &:checked + span > svg:first-child {\n opacity: 1;\n }\n\n &[data-read-only] + span {\n background-color: ", ";\n box-shadow: ", ";\n color: ", ";\n }\n\n &:not([data-read-only]):disabled + span {\n background-color: ", ";\n box-shadow: ", ";\n color: ", ";\n }\n\n &:indeterminate + span > svg:last-child {\n opacity: 1;\n }\n "])), rem(input.checkbox.size), rem(input.checkbox.size), focusRingBorderStyle({
|
|
4845
4845
|
color: color.default.enabled.border,
|
|
4846
4846
|
width: input.border.width
|
|
4847
4847
|
}), rem(radius[2]), color.default.enabled.bg, focusRingStyle({
|
|
@@ -4898,12 +4898,12 @@ const Checkbox = forwardRef(function Checkbox2(props, forwardedRef) {
|
|
|
4898
4898
|
})]
|
|
4899
4899
|
});
|
|
4900
4900
|
});
|
|
4901
|
-
var __freeze$
|
|
4902
|
-
var __defProp$
|
|
4903
|
-
var __template$
|
|
4904
|
-
value: __freeze$
|
|
4901
|
+
var __freeze$r = Object.freeze;
|
|
4902
|
+
var __defProp$s = Object.defineProperty;
|
|
4903
|
+
var __template$r = (cooked, raw) => __freeze$r(__defProp$s(cooked, "raw", {
|
|
4904
|
+
value: __freeze$r(raw || cooked.slice())
|
|
4905
4905
|
}));
|
|
4906
|
-
var _a$
|
|
4906
|
+
var _a$r;
|
|
4907
4907
|
function codeSyntaxHighlightingStyle(_ref20) {
|
|
4908
4908
|
let {
|
|
4909
4909
|
theme
|
|
@@ -5021,7 +5021,7 @@ function codeSyntaxHighlightingStyle(_ref20) {
|
|
|
5021
5021
|
};
|
|
5022
5022
|
}
|
|
5023
5023
|
function codeBaseStyle() {
|
|
5024
|
-
return css(_a$
|
|
5024
|
+
return css(_a$r || (_a$r = __template$r(["\n color: var(--card-code-fg-color);\n\n & code {\n font-family: inherit;\n\n &.refractor .token {\n ", "\n }\n }\n\n & a {\n color: inherit;\n text-decoration: underline;\n border-radius: 1px;\n }\n\n & svg {\n /* Certain popular CSS libraries changes the defaults for SVG display */\n /* Make sure SVGs are rendered as inline elements */\n display: inline;\n }\n\n & [data-sanity-icon] {\n vertical-align: baseline;\n }\n "])), codeSyntaxHighlightingStyle);
|
|
5025
5025
|
}
|
|
5026
5026
|
const Root$s = styled.pre(codeBaseStyle, responsiveCodeFontStyle);
|
|
5027
5027
|
const Code = forwardRef(function Code2(props, ref) {
|
|
@@ -5115,28 +5115,28 @@ const Grid = forwardRef(function Grid2(props, ref) {
|
|
|
5115
5115
|
children
|
|
5116
5116
|
});
|
|
5117
5117
|
});
|
|
5118
|
-
var __freeze$
|
|
5119
|
-
var __defProp$
|
|
5120
|
-
var __template$
|
|
5121
|
-
value: __freeze$
|
|
5118
|
+
var __freeze$q = Object.freeze;
|
|
5119
|
+
var __defProp$r = Object.defineProperty;
|
|
5120
|
+
var __template$q = (cooked, raw) => __freeze$q(__defProp$r(cooked, "raw", {
|
|
5121
|
+
value: __freeze$q(raw || cooked.slice())
|
|
5122
5122
|
}));
|
|
5123
|
-
var _a$
|
|
5123
|
+
var _a$q, _b$g, _c$9;
|
|
5124
5124
|
function headingBaseStyle(props) {
|
|
5125
5125
|
const {
|
|
5126
5126
|
$accent,
|
|
5127
5127
|
$muted,
|
|
5128
5128
|
theme
|
|
5129
5129
|
} = props;
|
|
5130
|
-
return css(_c$9 || (_c$9 = __template$
|
|
5130
|
+
return css(_c$9 || (_c$9 = __template$q(["\n ", "\n\n ", "\n\n & code {\n font-family: ", ";\n border-radius: 1px;\n }\n\n & a {\n text-decoration: none;\n border-radius: 1px;\n color: var(--card-link-color);\n outline: none;\n\n @media (hover: hover) {\n &:hover {\n text-decoration: underline;\n }\n }\n\n &:focus {\n box-shadow:\n 0 0 0 1px var(--card-bg-color),\n 0 0 0 3px var(--card-focus-ring-color);\n }\n\n &:focus:not(:focus-visible) {\n box-shadow: none;\n }\n }\n\n & svg {\n /* Certain popular CSS libraries changes the defaults for SVG display */\n /* Make sure SVGs are rendered as inline elements */\n display: inline;\n }\n\n & [data-sanity-icon] {\n vertical-align: baseline;\n }\n "])), $accent && css(_a$q || (_a$q = __template$q(["\n color: var(--card-accent-fg-color);\n "]))), $muted && css(_b$g || (_b$g = __template$q(["\n color: var(--card-muted-fg-color);\n "]))), theme.sanity.fonts.code.family);
|
|
5131
5131
|
}
|
|
5132
|
-
var __freeze$
|
|
5133
|
-
var __defProp$
|
|
5134
|
-
var __template$
|
|
5135
|
-
value: __freeze$
|
|
5132
|
+
var __freeze$p = Object.freeze;
|
|
5133
|
+
var __defProp$q = Object.defineProperty;
|
|
5134
|
+
var __template$p = (cooked, raw) => __freeze$p(__defProp$q(cooked, "raw", {
|
|
5135
|
+
value: __freeze$p(raw || cooked.slice())
|
|
5136
5136
|
}));
|
|
5137
|
-
var _a$
|
|
5137
|
+
var _a$p;
|
|
5138
5138
|
const Root$p = styled.div(headingBaseStyle, responsiveTextAlignStyle, responsiveHeadingFont);
|
|
5139
|
-
const SpanWithTextOverflow = styled.span(_a$
|
|
5139
|
+
const SpanWithTextOverflow = styled.span(_a$p || (_a$p = __template$p(["\n display: block;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n overflow: clip;\n"])));
|
|
5140
5140
|
const Heading = forwardRef(function Heading2(props, ref) {
|
|
5141
5141
|
const {
|
|
5142
5142
|
accent = false,
|
|
@@ -5214,14 +5214,14 @@ const Inline = forwardRef(function Inline2(props, ref) {
|
|
|
5214
5214
|
children
|
|
5215
5215
|
});
|
|
5216
5216
|
});
|
|
5217
|
-
var __freeze$
|
|
5218
|
-
var __defProp$
|
|
5219
|
-
var __template$
|
|
5220
|
-
value: __freeze$
|
|
5217
|
+
var __freeze$o = Object.freeze;
|
|
5218
|
+
var __defProp$p = Object.defineProperty;
|
|
5219
|
+
var __template$o = (cooked, raw) => __freeze$o(__defProp$p(cooked, "raw", {
|
|
5220
|
+
value: __freeze$o(raw || cooked.slice())
|
|
5221
5221
|
}));
|
|
5222
|
-
var _a$
|
|
5222
|
+
var _a$o;
|
|
5223
5223
|
function kbdStyle() {
|
|
5224
|
-
return css(_a$
|
|
5224
|
+
return css(_a$o || (_a$o = __template$o(["\n background: var(--card-bg-color);\n font: inherit;\n box-shadow: inset 0 0 0 1px var(--card-hairline-hard-color);\n\n &:not([hidden]) {\n display: inline-block;\n }\n "])));
|
|
5225
5225
|
}
|
|
5226
5226
|
const Root$n = styled.kbd(responsiveRadiusStyle, kbdStyle);
|
|
5227
5227
|
const KBD = forwardRef(function KBD2(props, ref) {
|
|
@@ -5326,8 +5326,8 @@ const ElementQuery = forwardRef(function ElementQuery2(props, ref) {
|
|
|
5326
5326
|
children
|
|
5327
5327
|
});
|
|
5328
5328
|
});
|
|
5329
|
-
var __defProp$
|
|
5330
|
-
var __defNormalProp = (obj, key, value) => key in obj ? __defProp$
|
|
5329
|
+
var __defProp$o = Object.defineProperty;
|
|
5330
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp$o(obj, key, {
|
|
5331
5331
|
enumerable: true,
|
|
5332
5332
|
configurable: true,
|
|
5333
5333
|
writable: true,
|
|
@@ -5703,13 +5703,13 @@ function PortalProvider(props) {
|
|
|
5703
5703
|
children
|
|
5704
5704
|
});
|
|
5705
5705
|
}
|
|
5706
|
-
var __freeze$
|
|
5707
|
-
var __defProp$
|
|
5708
|
-
var __template$
|
|
5709
|
-
value: __freeze$
|
|
5706
|
+
var __freeze$n = Object.freeze;
|
|
5707
|
+
var __defProp$n = Object.defineProperty;
|
|
5708
|
+
var __template$n = (cooked, raw) => __freeze$n(__defProp$n(cooked, "raw", {
|
|
5709
|
+
value: __freeze$n(raw || cooked.slice())
|
|
5710
5710
|
}));
|
|
5711
|
-
var _a$
|
|
5712
|
-
const Root$l = styled.div(_a$
|
|
5711
|
+
var _a$n;
|
|
5712
|
+
const Root$l = styled.div(_a$n || (_a$n = __template$n(["\n display: block;\n width: 0;\n height: 0;\n position: absolute;\n overflow: hidden;\n overflow: clip;\n"])));
|
|
5713
5713
|
const SrOnly = forwardRef(function SrOnly2(props, ref) {
|
|
5714
5714
|
const {
|
|
5715
5715
|
as,
|
|
@@ -5723,14 +5723,14 @@ const SrOnly = forwardRef(function SrOnly2(props, ref) {
|
|
|
5723
5723
|
children
|
|
5724
5724
|
});
|
|
5725
5725
|
});
|
|
5726
|
-
var __freeze$
|
|
5727
|
-
var __defProp$
|
|
5728
|
-
var __template$
|
|
5729
|
-
value: __freeze$
|
|
5726
|
+
var __freeze$m = Object.freeze;
|
|
5727
|
+
var __defProp$m = Object.defineProperty;
|
|
5728
|
+
var __template$m = (cooked, raw) => __freeze$m(__defProp$m(cooked, "raw", {
|
|
5729
|
+
value: __freeze$m(raw || cooked.slice())
|
|
5730
5730
|
}));
|
|
5731
|
-
var _a$
|
|
5732
|
-
const Root$k = styled.div(_a$
|
|
5733
|
-
const ItemWrapper = styled.div(_b$f || (_b$f = __template$
|
|
5731
|
+
var _a$m, _b$f;
|
|
5732
|
+
const Root$k = styled.div(_a$m || (_a$m = __template$m(["\n position: relative;\n"])));
|
|
5733
|
+
const ItemWrapper = styled.div(_b$f || (_b$f = __template$m(["\n position: absolute;\n left: 0;\n right: 0;\n"])));
|
|
5734
5734
|
const VirtualList = forwardRef(function VirtualList2(props, ref) {
|
|
5735
5735
|
const {
|
|
5736
5736
|
as = "div",
|
|
@@ -5939,15 +5939,15 @@ function calcMaxWidth(params) {
|
|
|
5939
5939
|
}
|
|
5940
5940
|
return Math.min(currentWidth != null ? currentWidth : Infinity, (boundaryWidth || Infinity) - DEFAULT_POPOVER_PADDING * 2);
|
|
5941
5941
|
}
|
|
5942
|
-
var __freeze$
|
|
5943
|
-
var __defProp$
|
|
5944
|
-
var __template$
|
|
5945
|
-
value: __freeze$
|
|
5942
|
+
var __freeze$l = Object.freeze;
|
|
5943
|
+
var __defProp$l = Object.defineProperty;
|
|
5944
|
+
var __template$l = (cooked, raw) => __freeze$l(__defProp$l(cooked, "raw", {
|
|
5945
|
+
value: __freeze$l(raw || cooked.slice())
|
|
5946
5946
|
}));
|
|
5947
|
-
var _a$
|
|
5948
|
-
const Root$j = styled.div(_a$
|
|
5949
|
-
const BorderPath = styled.path(_b$e || (_b$e = __template$
|
|
5950
|
-
const ShapePath = styled.path(_c$8 || (_c$8 = __template$
|
|
5947
|
+
var _a$l, _b$e, _c$8;
|
|
5948
|
+
const Root$j = styled.div(_a$l || (_a$l = __template$l(["\n position: absolute;\n pointer-events: none;\n width: ", "px;\n height: ", "px;\n fill: none;\n\n :empty + & {\n display: none;\n }\n\n & > svg {\n display: block;\n transform-origin: ", "px ", "px;\n }\n\n [data-placement^='top'] > & {\n bottom: -", "px;\n }\n\n [data-placement^='right'] > & {\n left: -", "px;\n\n & > svg {\n transform: rotate(90deg);\n }\n }\n\n [data-placement^='left'] > & {\n right: -", "px;\n\n & > svg {\n transform: rotate(-90deg);\n }\n }\n\n [data-placement^='bottom'] > & {\n top: -", "px;\n\n & > svg {\n transform: rotate(180deg);\n }\n }\n"])), DEFAULT_POPOVER_ARROW_WIDTH, DEFAULT_POPOVER_ARROW_WIDTH, DEFAULT_POPOVER_ARROW_WIDTH / 2, DEFAULT_POPOVER_ARROW_WIDTH / 2, DEFAULT_POPOVER_ARROW_WIDTH, DEFAULT_POPOVER_ARROW_WIDTH, DEFAULT_POPOVER_ARROW_WIDTH, DEFAULT_POPOVER_ARROW_WIDTH);
|
|
5949
|
+
const BorderPath = styled.path(_b$e || (_b$e = __template$l(["\n fill: var(--card-shadow-outline-color);\n"])));
|
|
5950
|
+
const ShapePath = styled.path(_c$8 || (_c$8 = __template$l(["\n fill: var(--card-bg-color);\n"])));
|
|
5951
5951
|
const PopoverArrow = forwardRef(function PopoverArrow2(props, ref) {
|
|
5952
5952
|
return /* @__PURE__ */jsx(Root$j, {
|
|
5953
5953
|
"data-ui": "Popover__arrow",
|
|
@@ -6277,14 +6277,14 @@ const Popover = memo(forwardRef(function Popover2(props, ref) {
|
|
|
6277
6277
|
});
|
|
6278
6278
|
}));
|
|
6279
6279
|
Popover.displayName = "Popover";
|
|
6280
|
-
var __freeze$
|
|
6281
|
-
var __defProp$
|
|
6282
|
-
var __template$
|
|
6283
|
-
value: __freeze$
|
|
6280
|
+
var __freeze$k = Object.freeze;
|
|
6281
|
+
var __defProp$k = Object.defineProperty;
|
|
6282
|
+
var __template$k = (cooked, raw) => __freeze$k(__defProp$k(cooked, "raw", {
|
|
6283
|
+
value: __freeze$k(raw || cooked.slice())
|
|
6284
6284
|
}));
|
|
6285
|
-
var _a$
|
|
6285
|
+
var _a$k, _b$d;
|
|
6286
6286
|
function radioBaseStyle() {
|
|
6287
|
-
return css(_a$
|
|
6287
|
+
return css(_a$k || (_a$k = __template$k(["\n position: relative;\n\n &:not([hidden]) {\n display: inline-block;\n }\n\n &[data-read-only] {\n outline: 1px solid red;\n }\n "])));
|
|
6288
6288
|
}
|
|
6289
6289
|
function inputElementStyle(props) {
|
|
6290
6290
|
const {
|
|
@@ -6296,7 +6296,7 @@ function inputElementStyle(props) {
|
|
|
6296
6296
|
} = theme.sanity;
|
|
6297
6297
|
const color = theme.sanity.color.input;
|
|
6298
6298
|
const dist = (input.radio.size - input.radio.markSize) / 2;
|
|
6299
|
-
return css(_b$d || (_b$d = __template$
|
|
6299
|
+
return css(_b$d || (_b$d = __template$k(["\n appearance: none;\n position: absolute;\n top: 0;\n left: 0;\n opacity: 0;\n height: 100%;\n width: 100%;\n outline: none;\n z-index: 1;\n padding: 0;\n margin: 0;\n border-radius: ", ";\n border: none;\n\n /* enabled */\n & + span {\n display: block;\n position: relative;\n height: ", ";\n width: ", ";\n border-radius: ", ";\n background: ", ";\n box-shadow: ", ";\n\n &::after {\n content: '';\n position: absolute;\n top: ", ";\n left: ", ";\n height: ", ";\n width: ", ";\n border-radius: ", ";\n background: ", ";\n opacity: 0;\n }\n }\n\n /* focused */\n &:not(:disabled):focus + span {\n box-shadow: ", ";\n }\n\n &:not(:disabled):focus:not(:focus-visible) + span {\n box-shadow: ", ";\n }\n\n &:checked + span::after {\n opacity: 1;\n }\n\n /* read only */\n &[data-read-only] + span {\n box-shadow: 0 0 0 1px ", ";\n background: ", ";\n\n &::after {\n background: ", ";\n }\n }\n\n /* disabled */\n &:not([data-read-only]):disabled + span {\n box-shadow: 0 0 0 1px ", ";\n background: ", ";\n\n &::after {\n background: ", ";\n }\n }\n "])), rem(input.radio.size / 2), rem(input.radio.size), rem(input.radio.size), rem(input.radio.size / 2), color.default.enabled.bg, focusRingBorderStyle({
|
|
6300
6300
|
color: color.default.enabled.border,
|
|
6301
6301
|
width: input.border.width
|
|
6302
6302
|
}), rem(dist), rem(dist), rem(input.radio.markSize), rem(input.radio.markSize), rem(input.radio.markSize / 2), color.default.enabled.fg, focusRingStyle({
|
|
@@ -6337,21 +6337,21 @@ const Radio = forwardRef(function Radio2(props, forwardedRef) {
|
|
|
6337
6337
|
}), /* @__PURE__ */jsx("span", {})]
|
|
6338
6338
|
});
|
|
6339
6339
|
});
|
|
6340
|
-
var __freeze$
|
|
6341
|
-
var __defProp$
|
|
6342
|
-
var __template$
|
|
6343
|
-
value: __freeze$
|
|
6340
|
+
var __freeze$j = Object.freeze;
|
|
6341
|
+
var __defProp$j = Object.defineProperty;
|
|
6342
|
+
var __template$j = (cooked, raw) => __freeze$j(__defProp$j(cooked, "raw", {
|
|
6343
|
+
value: __freeze$j(raw || cooked.slice())
|
|
6344
6344
|
}));
|
|
6345
|
-
var _a$
|
|
6345
|
+
var _a$j, _b$c, _c$7, _d$5;
|
|
6346
6346
|
function rootStyle() {
|
|
6347
|
-
return css(_a$
|
|
6347
|
+
return css(_a$j || (_a$j = __template$j(["\n position: relative;\n width: stretch;\n\n &:not([hidden]) {\n display: inline-block;\n }\n "])));
|
|
6348
6348
|
}
|
|
6349
6349
|
function inputBaseStyle(props) {
|
|
6350
6350
|
const {
|
|
6351
6351
|
theme
|
|
6352
6352
|
} = props;
|
|
6353
6353
|
const font = theme.sanity.fonts.text;
|
|
6354
|
-
return css(_b$c || (_b$c = __template$
|
|
6354
|
+
return css(_b$c || (_b$c = __template$j(["\n -webkit-font-smoothing: antialiased;\n appearance: none;\n border: 0;\n font-family: ", ";\n color: inherit;\n width: 100%;\n outline: none;\n margin: 0;\n\n &:disabled {\n opacity: 1;\n }\n "])), font.family);
|
|
6355
6355
|
}
|
|
6356
6356
|
function inputColorStyle(props) {
|
|
6357
6357
|
const {
|
|
@@ -6362,7 +6362,7 @@ function inputColorStyle(props) {
|
|
|
6362
6362
|
input
|
|
6363
6363
|
} = theme.sanity;
|
|
6364
6364
|
const color = theme.sanity.color.input;
|
|
6365
|
-
return css(_c$7 || (_c$7 = __template$
|
|
6365
|
+
return css(_c$7 || (_c$7 = __template$j(["\n /* enabled */\n background-color: ", ";\n color: ", ";\n box-shadow: ", ";\n\n /* hovered */\n @media (hover: hover) {\n &:not(:disabled):hover {\n background-color: ", ";\n color: ", ";\n box-shadow: ", ";\n }\n }\n\n /* focused */\n &:not(:disabled):focus {\n box-shadow: ", ";\n }\n\n /* read-only */\n &[data-read-only] {\n background-color: ", ";\n color: ", ";\n box-shadow: ", ";\n }\n\n /* disabled */\n &:not([data-read-only]):disabled {\n background-color: ", ";\n color: ", ";\n box-shadow: ", ";\n }\n "])), color.default.enabled.bg, color.default.enabled.fg, focusRingBorderStyle({
|
|
6366
6366
|
color: color.default.enabled.border,
|
|
6367
6367
|
width: input.border.width
|
|
6368
6368
|
}), color.default.hovered.bg, color.default.hovered.fg, focusRingBorderStyle({
|
|
@@ -6406,7 +6406,7 @@ function iconBoxStyle(props) {
|
|
|
6406
6406
|
theme
|
|
6407
6407
|
} = props;
|
|
6408
6408
|
const color = theme.sanity.color.input;
|
|
6409
|
-
return css(_d$5 || (_d$5 = __template$
|
|
6409
|
+
return css(_d$5 || (_d$5 = __template$j(["\n pointer-events: none;\n position: absolute;\n top: 0;\n right: 0;\n\n /* enabled */\n --card-fg-color: ", ";\n\n /* hover */\n @media (hover: hover) {\n select:not(disabled):not(:read-only):hover + && {\n --card-fg-color: ", ";\n }\n }\n\n /* disabled */\n select:disabled + && {\n --card-fg-color: ", ";\n }\n\n /* read-only */\n select[data-read-only] + && {\n --card-fg-color: ", ";\n }\n "])), color.default.enabled.fg, color.default.hovered.fg, color.default.disabled.fg, color.default.readOnly.fg);
|
|
6410
6410
|
}
|
|
6411
6411
|
const selectStyle = {
|
|
6412
6412
|
root: rootStyle,
|
|
@@ -6493,17 +6493,17 @@ const Stack = forwardRef(function Stack2(props, ref) {
|
|
|
6493
6493
|
ref
|
|
6494
6494
|
});
|
|
6495
6495
|
});
|
|
6496
|
-
var __freeze$
|
|
6497
|
-
var __defProp$
|
|
6498
|
-
var __template$
|
|
6499
|
-
value: __freeze$
|
|
6496
|
+
var __freeze$i = Object.freeze;
|
|
6497
|
+
var __defProp$i = Object.defineProperty;
|
|
6498
|
+
var __template$i = (cooked, raw) => __freeze$i(__defProp$i(cooked, "raw", {
|
|
6499
|
+
value: __freeze$i(raw || cooked.slice())
|
|
6500
6500
|
}));
|
|
6501
|
-
var _a$
|
|
6501
|
+
var _a$i, _b$b, _c$6, _d$4, _e$2, _f$2, _g;
|
|
6502
6502
|
function switchBaseStyles() {
|
|
6503
|
-
return css(_a$
|
|
6503
|
+
return css(_a$i || (_a$i = __template$i(["\n position: relative;\n &:not([hidden]) {\n display: inline-block;\n }\n "])));
|
|
6504
6504
|
}
|
|
6505
6505
|
function switchInputStyles() {
|
|
6506
|
-
return css(_b$b || (_b$b = __template$
|
|
6506
|
+
return css(_b$b || (_b$b = __template$i(["\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n opacity: 0;\n height: 100%;\n width: 100%;\n outline: none;\n padding: 0;\n margin: 0;\n\n /* Place the input element above the representation element */\n z-index: 1;\n "])));
|
|
6507
6507
|
}
|
|
6508
6508
|
function switchRepresentationStyles(props) {
|
|
6509
6509
|
const {
|
|
@@ -6514,7 +6514,7 @@ function switchRepresentationStyles(props) {
|
|
|
6514
6514
|
input
|
|
6515
6515
|
} = theme.sanity;
|
|
6516
6516
|
const color = theme.sanity.color.button.default;
|
|
6517
|
-
return css(_c$6 || (_c$6 = __template$
|
|
6517
|
+
return css(_c$6 || (_c$6 = __template$i(["\n --switch-bg-color: ", ";\n --switch-fg-color: ", ";\n --switch-box-shadow: none;\n\n &:not([hidden]) {\n display: block;\n }\n position: relative;\n width: ", ";\n height: ", ";\n border-radius: ", ";\n\n /* Make sure it\u2019s not possible to interact with the wrapper element */\n pointer-events: none;\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n z-index: 1;\n box-shadow: var(--switch-box-shadow);\n border-radius: inherit;\n }\n\n /* Focus styles */\n input:focus + && {\n --switch-box-shadow: ", ";\n }\n\n input:focus:not(:focus-visible) + && {\n --switch-box-shadow: none;\n }\n\n input:checked + && {\n --switch-bg-color: ", ";\n --switch-fg-color: ", ";\n }\n\n @media (hover: hover) {\n input:not(:disabled):hover + && {\n --switch-bg-color: ", ";\n --switch-fg-color: ", ";\n }\n\n input:not(:disabled):checked:hover + && {\n --switch-bg-color: ", ";\n --switch-fg-color: ", ";\n }\n }\n\n input:not([data-read-only]):disabled + && {\n --switch-bg-color: ", ";\n --switch-fg-color: ", ";\n }\n "])), color.default.enabled.bg, color.default.enabled.fg, rem(input.switch.width), rem(input.switch.height), rem(input.switch.height / 2), focusRingStyle({
|
|
6518
6518
|
focusRing
|
|
6519
6519
|
}), color.positive.enabled.bg, color.positive.enabled.fg, color.default.hovered.bg, color.default.hovered.fg, color.positive.hovered.bg, color.positive.hovered.fg, color.default.disabled.bg, color.default.disabled.fg);
|
|
6520
6520
|
}
|
|
@@ -6525,7 +6525,7 @@ function switchTrackStyles(props) {
|
|
|
6525
6525
|
const {
|
|
6526
6526
|
input
|
|
6527
6527
|
} = theme.sanity;
|
|
6528
|
-
return css(_d$4 || (_d$4 = __template$
|
|
6528
|
+
return css(_d$4 || (_d$4 = __template$i(["\n &:not([hidden]) {\n display: block;\n }\n background-color: var(--switch-bg-color);\n position: absolute;\n left: 0;\n top: 0;\n width: ", ";\n height: ", ";\n border-radius: ", ";\n "])), rem(input.switch.width), rem(input.switch.height), rem(input.switch.height / 2));
|
|
6529
6529
|
}
|
|
6530
6530
|
function switchThumbStyles(props) {
|
|
6531
6531
|
const {
|
|
@@ -6542,7 +6542,7 @@ function switchThumbStyles(props) {
|
|
|
6542
6542
|
const checkedOffset = trackWidth - trackPadding * 2 - size;
|
|
6543
6543
|
const indeterminateOffset = trackWidth / 2 - size / 2 - trackPadding;
|
|
6544
6544
|
const checked = $indeterminate !== true && props.$checked === true;
|
|
6545
|
-
return css(_g || (_g = __template$
|
|
6545
|
+
return css(_g || (_g = __template$i(["\n &:not([hidden]) {\n display: block;\n }\n position: absolute;\n left: ", ";\n top: ", ";\n height: ", ";\n width: ", ";\n border-radius: ", ";\n transition-property: transform;\n transition-duration: ", "ms;\n transition-timing-function: ", ";\n background: var(--switch-fg-color);\n transform: translate3d(0, 0, 0);\n\n ", "\n\n ", "\n "])), rem(trackPadding), rem(trackPadding), rem(size), rem(size), rem(size / 2), input.switch.transitionDurationMs, input.switch.transitionTimingFunction, checked && css(_e$2 || (_e$2 = __template$i(["\n transform: translate3d(", "px, 0, 0);\n "])), checkedOffset), $indeterminate && css(_f$2 || (_f$2 = __template$i(["\n transform: translate3d(", "px, 0, 0);\n "])), indeterminateOffset));
|
|
6546
6546
|
}
|
|
6547
6547
|
const Root$e = styled.span(switchBaseStyles);
|
|
6548
6548
|
const Input$2 = styled.input(switchInputStyles);
|
|
@@ -6586,14 +6586,14 @@ const Switch = forwardRef(function Switch2(props, forwardedRef) {
|
|
|
6586
6586
|
})]
|
|
6587
6587
|
});
|
|
6588
6588
|
});
|
|
6589
|
-
var __freeze$
|
|
6590
|
-
var __defProp$
|
|
6591
|
-
var __template$
|
|
6592
|
-
value: __freeze$
|
|
6589
|
+
var __freeze$h = Object.freeze;
|
|
6590
|
+
var __defProp$h = Object.defineProperty;
|
|
6591
|
+
var __template$h = (cooked, raw) => __freeze$h(__defProp$h(cooked, "raw", {
|
|
6592
|
+
value: __freeze$h(raw || cooked.slice())
|
|
6593
6593
|
}));
|
|
6594
|
-
var _a$
|
|
6594
|
+
var _a$h;
|
|
6595
6595
|
const Root$d = styled.span(textInputRootStyle);
|
|
6596
|
-
const InputRoot$1 = styled.span(_a$
|
|
6596
|
+
const InputRoot$1 = styled.span(_a$h || (_a$h = __template$h(["\n flex: 1;\n min-width: 0;\n display: block;\n position: relative;\n"])));
|
|
6597
6597
|
const Input$1 = styled.textarea(responsiveInputPaddingStyle, textInputBaseStyle, textInputFontSizeStyle);
|
|
6598
6598
|
const Presentation$1 = styled.div(responsiveRadiusStyle, textInputRepresentationStyle);
|
|
6599
6599
|
const TextArea = forwardRef(function TextArea2(props, forwardedRef) {
|
|
@@ -6637,30 +6637,30 @@ const TextArea = forwardRef(function TextArea2(props, forwardedRef) {
|
|
|
6637
6637
|
})
|
|
6638
6638
|
});
|
|
6639
6639
|
});
|
|
6640
|
-
var __freeze$
|
|
6641
|
-
var __defProp$
|
|
6642
|
-
var __template$
|
|
6643
|
-
value: __freeze$
|
|
6640
|
+
var __freeze$g = Object.freeze;
|
|
6641
|
+
var __defProp$g = Object.defineProperty;
|
|
6642
|
+
var __template$g = (cooked, raw) => __freeze$g(__defProp$g(cooked, "raw", {
|
|
6643
|
+
value: __freeze$g(raw || cooked.slice())
|
|
6644
6644
|
}));
|
|
6645
|
-
var _a$
|
|
6645
|
+
var _a$g, _b$a, _c$5, _d$3, _e$1, _f$1;
|
|
6646
6646
|
const CLEAR_BUTTON_BOX_STYLE = {
|
|
6647
6647
|
zIndex: 2
|
|
6648
6648
|
};
|
|
6649
6649
|
const Root$c = styled(Card).attrs({
|
|
6650
6650
|
forwardedAs: "span"
|
|
6651
6651
|
})(textInputRootStyle);
|
|
6652
|
-
const InputRoot = styled.span(_a$
|
|
6652
|
+
const InputRoot = styled.span(_a$g || (_a$g = __template$g(["\n flex: 1;\n min-width: 0;\n display: block;\n position: relative;\n"])));
|
|
6653
6653
|
const Prefix = styled(Card).attrs({
|
|
6654
6654
|
forwardedAs: "span"
|
|
6655
|
-
})(_b$a || (_b$a = __template$
|
|
6655
|
+
})(_b$a || (_b$a = __template$g(["\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n\n & > span {\n display: block;\n margin: -1px;\n }\n"])));
|
|
6656
6656
|
const Suffix = styled(Card).attrs({
|
|
6657
6657
|
forwardedAs: "span"
|
|
6658
|
-
})(_c$5 || (_c$5 = __template$
|
|
6658
|
+
})(_c$5 || (_c$5 = __template$g(["\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n\n & > span {\n display: block;\n margin: -1px;\n }\n"])));
|
|
6659
6659
|
const Input = styled.input(responsiveInputPaddingStyle, textInputBaseStyle, textInputFontSizeStyle);
|
|
6660
6660
|
const Presentation = styled.span(responsiveRadiusStyle, textInputRepresentationStyle);
|
|
6661
|
-
const LeftBox = styled(Box)(_d$3 || (_d$3 = __template$
|
|
6662
|
-
const RightBox = styled(Box)(_e$1 || (_e$1 = __template$
|
|
6663
|
-
const RightCard = styled(Card)(_f$1 || (_f$1 = __template$
|
|
6661
|
+
const LeftBox = styled(Box)(_d$3 || (_d$3 = __template$g(["\n position: absolute;\n top: 0;\n left: 0;\n"])));
|
|
6662
|
+
const RightBox = styled(Box)(_e$1 || (_e$1 = __template$g(["\n position: absolute;\n top: 0;\n right: 0;\n"])));
|
|
6663
|
+
const RightCard = styled(Card)(_f$1 || (_f$1 = __template$g(["\n background-color: transparent;\n position: absolute;\n top: 0;\n right: 0;\n"])));
|
|
6664
6664
|
const TextInput = forwardRef(function TextInput2(props, forwardedRef) {
|
|
6665
6665
|
const {
|
|
6666
6666
|
border = true,
|
|
@@ -6805,15 +6805,15 @@ const TextInput = forwardRef(function TextInput2(props, forwardedRef) {
|
|
|
6805
6805
|
}), suffixNode]
|
|
6806
6806
|
});
|
|
6807
6807
|
});
|
|
6808
|
-
var __freeze$
|
|
6809
|
-
var __defProp$
|
|
6810
|
-
var __template$
|
|
6811
|
-
value: __freeze$
|
|
6808
|
+
var __freeze$f = Object.freeze;
|
|
6809
|
+
var __defProp$f = Object.defineProperty;
|
|
6810
|
+
var __template$f = (cooked, raw) => __freeze$f(__defProp$f(cooked, "raw", {
|
|
6811
|
+
value: __freeze$f(raw || cooked.slice())
|
|
6812
6812
|
}));
|
|
6813
|
-
var _a$
|
|
6814
|
-
const Root$b = styled.div(_a$
|
|
6815
|
-
const Border = styled.path(_b$9 || (_b$9 = __template$
|
|
6816
|
-
const Shape = styled.path(_c$4 || (_c$4 = __template$
|
|
6813
|
+
var _a$f, _b$9, _c$4;
|
|
6814
|
+
const Root$b = styled.div(_a$f || (_a$f = __template$f(["\n position: absolute;\n pointer-events: none;\n width: 15px;\n height: 15px;\n fill: none;\n\n :empty + & {\n display: none;\n }\n\n & > svg {\n display: block;\n transform-origin: 7.5px 7.5px;\n }\n\n /* position: absolute;\n width: 15px;\n height: 15px;\n fill: none;\n\n :empty + & {\n display: none;\n }\n\n & > svg {\n &:not([hidden]) {\n display: block;\n }\n transform-origin: 7.5px 7.5px;\n } */\n\n [data-placement^='top'] > & {\n bottom: -27px;\n }\n\n [data-placement^='right'] > & {\n left: -27px;\n\n & > svg {\n transform: rotate(90deg);\n }\n }\n\n [data-placement^='left'] > & {\n right: -27px;\n\n & > svg {\n transform: rotate(-90deg);\n }\n }\n\n [data-placement^='bottom'] > & {\n top: -27px;\n\n & > svg {\n transform: rotate(180deg);\n }\n }\n"])));
|
|
6815
|
+
const Border = styled.path(_b$9 || (_b$9 = __template$f(["\n fill: var(--card-shadow-outline-color);\n"])));
|
|
6816
|
+
const Shape = styled.path(_c$4 || (_c$4 = __template$f(["\n fill: var(--card-bg-color);\n"])));
|
|
6817
6817
|
const TooltipArrow = forwardRef(function TooltipArrow2(props, ref) {
|
|
6818
6818
|
const {
|
|
6819
6819
|
...restProps
|
|
@@ -6834,13 +6834,13 @@ const TooltipArrow = forwardRef(function TooltipArrow2(props, ref) {
|
|
|
6834
6834
|
})
|
|
6835
6835
|
});
|
|
6836
6836
|
});
|
|
6837
|
-
var __freeze$
|
|
6838
|
-
var __defProp$
|
|
6839
|
-
var __template$
|
|
6840
|
-
value: __freeze$
|
|
6837
|
+
var __freeze$e = Object.freeze;
|
|
6838
|
+
var __defProp$e = Object.defineProperty;
|
|
6839
|
+
var __template$e = (cooked, raw) => __freeze$e(__defProp$e(cooked, "raw", {
|
|
6840
|
+
value: __freeze$e(raw || cooked.slice())
|
|
6841
6841
|
}));
|
|
6842
|
-
var _a$
|
|
6843
|
-
const Root$a = styled(Layer)(_a$
|
|
6842
|
+
var _a$e;
|
|
6843
|
+
const Root$a = styled(Layer)(_a$e || (_a$e = __template$e(["\n pointer-events: none;\n"])));
|
|
6844
6844
|
const Tooltip = forwardRef(function Tooltip2(props, ref) {
|
|
6845
6845
|
var _a2, _b, _c;
|
|
6846
6846
|
const boundaryElementContext = useBoundaryElement();
|
|
@@ -7001,16 +7001,16 @@ const Tooltip = forwardRef(function Tooltip2(props, ref) {
|
|
|
7001
7001
|
})]
|
|
7002
7002
|
});
|
|
7003
7003
|
});
|
|
7004
|
-
var __freeze$
|
|
7005
|
-
var __defProp$
|
|
7006
|
-
var __template$
|
|
7007
|
-
value: __freeze$
|
|
7004
|
+
var __freeze$d = Object.freeze;
|
|
7005
|
+
var __defProp$d = Object.defineProperty;
|
|
7006
|
+
var __template$d = (cooked, raw) => __freeze$d(__defProp$d(cooked, "raw", {
|
|
7007
|
+
value: __freeze$d(raw || cooked.slice())
|
|
7008
7008
|
}));
|
|
7009
|
-
var _a$
|
|
7010
|
-
const Root$9 = styled.div(_a$
|
|
7011
|
-
const ListBox = styled(Box)(_b$8 || (_b$8 = __template$
|
|
7012
|
-
const rotate = keyframes(_c$3 || (_c$3 = __template$
|
|
7013
|
-
const AnimatedSpinnerIcon = styled(SpinnerIcon)(_d$2 || (_d$2 = __template$
|
|
7009
|
+
var _a$d, _b$8, _c$3, _d$2;
|
|
7010
|
+
const Root$9 = styled.div(_a$d || (_a$d = __template$d(["\n line-height: 0;\n"])));
|
|
7011
|
+
const ListBox = styled(Box)(_b$8 || (_b$8 = __template$d(["\n & > ul {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n"])));
|
|
7012
|
+
const rotate = keyframes(_c$3 || (_c$3 = __template$d(["\n from {\n transform: rotate(0deg);\n }\n\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
7013
|
+
const AnimatedSpinnerIcon = styled(SpinnerIcon)(_d$2 || (_d$2 = __template$d(["\n animation: ", " 500ms linear infinite;\n"])), rotate);
|
|
7014
7014
|
function AutocompleteOption(props) {
|
|
7015
7015
|
const {
|
|
7016
7016
|
children,
|
|
@@ -7534,14 +7534,14 @@ const InnerAutocomplete = forwardRef(function InnerAutocomplete2(props, ref) {
|
|
|
7534
7534
|
});
|
|
7535
7535
|
});
|
|
7536
7536
|
const Autocomplete = InnerAutocomplete;
|
|
7537
|
-
var __freeze$
|
|
7538
|
-
var __defProp$
|
|
7539
|
-
var __template$
|
|
7540
|
-
value: __freeze$
|
|
7537
|
+
var __freeze$c = Object.freeze;
|
|
7538
|
+
var __defProp$c = Object.defineProperty;
|
|
7539
|
+
var __template$c = (cooked, raw) => __freeze$c(__defProp$c(cooked, "raw", {
|
|
7540
|
+
value: __freeze$c(raw || cooked.slice())
|
|
7541
7541
|
}));
|
|
7542
|
-
var _a$
|
|
7543
|
-
const Root$8 = styled.ol(_a$
|
|
7544
|
-
const ExpandButton = styled(Button)(_b$7 || (_b$7 = __template$
|
|
7542
|
+
var _a$c, _b$7;
|
|
7543
|
+
const Root$8 = styled.ol(_a$c || (_a$c = __template$c(["\n margin: 0;\n padding: 0;\n display: flex;\n list-style: none;\n align-items: center;\n white-space: nowrap;\n line-height: 0;\n"])));
|
|
7544
|
+
const ExpandButton = styled(Button)(_b$7 || (_b$7 = __template$c(["\n appearance: none;\n margin: -4px;\n"])));
|
|
7545
7545
|
const Breadcrumbs = forwardRef(function Breadcrumbs2(props, ref) {
|
|
7546
7546
|
const {
|
|
7547
7547
|
children,
|
|
@@ -7651,23 +7651,23 @@ const DialogContext = globalScope[key$3];
|
|
|
7651
7651
|
function useDialog() {
|
|
7652
7652
|
return useContext(DialogContext);
|
|
7653
7653
|
}
|
|
7654
|
-
var __freeze$
|
|
7655
|
-
var __defProp$
|
|
7656
|
-
var __template$
|
|
7657
|
-
value: __freeze$
|
|
7654
|
+
var __freeze$b = Object.freeze;
|
|
7655
|
+
var __defProp$b = Object.defineProperty;
|
|
7656
|
+
var __template$b = (cooked, raw) => __freeze$b(__defProp$b(cooked, "raw", {
|
|
7657
|
+
value: __freeze$b(raw || cooked.slice())
|
|
7658
7658
|
}));
|
|
7659
|
-
var _a$
|
|
7659
|
+
var _a$b, _b$6, _c$2, _d$1, _e, _f;
|
|
7660
7660
|
function isTargetWithinScope(boundaryElement, portalElement, target) {
|
|
7661
7661
|
if (!boundaryElement || !portalElement) return true;
|
|
7662
7662
|
return containsOrEqualsElement(boundaryElement, target) || containsOrEqualsElement(portalElement, target);
|
|
7663
7663
|
}
|
|
7664
7664
|
const Root$7 = styled(Layer)(responsivePaddingStyle, dialogStyle, responsiveDialogPositionStyle);
|
|
7665
|
-
const DialogContainer = styled(Container)(_a$
|
|
7666
|
-
const DialogCardRoot = styled(Card)(_b$6 || (_b$6 = __template$
|
|
7667
|
-
const DialogLayout = styled(Flex)(_c$2 || (_c$2 = __template$
|
|
7668
|
-
const DialogHeader = styled(Card)(_d$1 || (_d$1 = __template$
|
|
7669
|
-
const DialogContent = styled(Box)(_e || (_e = __template$
|
|
7670
|
-
const DialogFooter = styled(Box)(_f || (_f = __template$
|
|
7665
|
+
const DialogContainer = styled(Container)(_a$b || (_a$b = __template$b(["\n &:not([hidden]) {\n display: flex;\n }\n width: 100%;\n height: 100%;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n"])));
|
|
7666
|
+
const DialogCardRoot = styled(Card)(_b$6 || (_b$6 = __template$b(["\n &:not([hidden]) {\n display: flex;\n }\n width: 100%;\n min-height: 0;\n max-height: 100%;\n overflow: hidden;\n overflow: clip;\n"])));
|
|
7667
|
+
const DialogLayout = styled(Flex)(_c$2 || (_c$2 = __template$b(["\n flex: 1;\n min-height: 0;\n width: 100%;\n"])));
|
|
7668
|
+
const DialogHeader = styled(Card)(_d$1 || (_d$1 = __template$b(["\n position: relative;\n z-index: 2;\n\n &:after {\n content: '';\n display: block;\n position: absolute;\n left: 0;\n right: 0;\n bottom: -1px;\n border-bottom: 1px solid var(--card-hairline-soft-color);\n }\n"])));
|
|
7669
|
+
const DialogContent = styled(Box)(_e || (_e = __template$b(["\n position: relative;\n z-index: 1;\n overflow: auto;\n outline: none;\n"])));
|
|
7670
|
+
const DialogFooter = styled(Box)(_f || (_f = __template$b(["\n position: relative;\n z-index: 3;\n border-top: 1px solid var(--card-hairline-soft-color);\n"])));
|
|
7671
7671
|
const DialogCard = forwardRef(function DialogCard2(props, ref) {
|
|
7672
7672
|
var _a2;
|
|
7673
7673
|
const {
|
|
@@ -7911,14 +7911,14 @@ function DialogProvider(props) {
|
|
|
7911
7911
|
children
|
|
7912
7912
|
});
|
|
7913
7913
|
}
|
|
7914
|
-
var __freeze$
|
|
7915
|
-
var __defProp$
|
|
7916
|
-
var __template$
|
|
7917
|
-
value: __freeze$
|
|
7914
|
+
var __freeze$a = Object.freeze;
|
|
7915
|
+
var __defProp$a = Object.defineProperty;
|
|
7916
|
+
var __template$a = (cooked, raw) => __freeze$a(__defProp$a(cooked, "raw", {
|
|
7917
|
+
value: __freeze$a(raw || cooked.slice())
|
|
7918
7918
|
}));
|
|
7919
|
-
var _a$
|
|
7920
|
-
const Root$6 = styled.kbd(_a$
|
|
7921
|
-
const Key = styled(KBD)(_b$5 || (_b$5 = __template$
|
|
7919
|
+
var _a$a, _b$5;
|
|
7920
|
+
const Root$6 = styled.kbd(_a$a || (_a$a = __template$a(["\n &:not([hidden]) {\n display: block;\n }\n font: inherit;\n"])));
|
|
7921
|
+
const Key = styled(KBD)(_b$5 || (_b$5 = __template$a(["\n &:not([hidden]) {\n display: block;\n }\n"])));
|
|
7922
7922
|
const Hotkeys = forwardRef(function Hotkeys2(props, ref) {
|
|
7923
7923
|
const {
|
|
7924
7924
|
fontSize,
|
|
@@ -8139,13 +8139,13 @@ function useMenuController(props) {
|
|
|
8139
8139
|
setRootElement
|
|
8140
8140
|
};
|
|
8141
8141
|
}
|
|
8142
|
-
var __freeze$
|
|
8143
|
-
var __defProp$
|
|
8144
|
-
var __template$
|
|
8145
|
-
value: __freeze$
|
|
8142
|
+
var __freeze$9 = Object.freeze;
|
|
8143
|
+
var __defProp$9 = Object.defineProperty;
|
|
8144
|
+
var __template$9 = (cooked, raw) => __freeze$9(__defProp$9(cooked, "raw", {
|
|
8145
|
+
value: __freeze$9(raw || cooked.slice())
|
|
8146
8146
|
}));
|
|
8147
|
-
var _a$
|
|
8148
|
-
const Root$5 = styled(Box)(_a$
|
|
8147
|
+
var _a$9;
|
|
8148
|
+
const Root$5 = styled(Box)(_a$9 || (_a$9 = __template$9(["\n outline: none;\n overflow: auto;\n"])));
|
|
8149
8149
|
const Menu = forwardRef(function Menu2(props, ref) {
|
|
8150
8150
|
const {
|
|
8151
8151
|
children,
|
|
@@ -8378,21 +8378,21 @@ const MenuButton = forwardRef(function MenuButton2(props, ref) {
|
|
|
8378
8378
|
children: button || /* @__PURE__ */jsx(Fragment, {})
|
|
8379
8379
|
});
|
|
8380
8380
|
});
|
|
8381
|
-
var __freeze$
|
|
8382
|
-
var __defProp$
|
|
8383
|
-
var __template$
|
|
8384
|
-
value: __freeze$
|
|
8381
|
+
var __freeze$8 = Object.freeze;
|
|
8382
|
+
var __defProp$8 = Object.defineProperty;
|
|
8383
|
+
var __template$8 = (cooked, raw) => __freeze$8(__defProp$8(cooked, "raw", {
|
|
8384
|
+
value: __freeze$8(raw || cooked.slice())
|
|
8385
8385
|
}));
|
|
8386
|
-
var _a$
|
|
8387
|
-
const MenuDivider = styled.hr(_a$
|
|
8388
|
-
var __freeze$
|
|
8389
|
-
var __defProp$
|
|
8390
|
-
var __template$
|
|
8391
|
-
value: __freeze$
|
|
8386
|
+
var _a$8;
|
|
8387
|
+
const MenuDivider = styled.hr(_a$8 || (_a$8 = __template$8(["\n height: 1px;\n border: 0;\n background: var(--card-hairline-soft-color);\n margin: 0;\n"])));
|
|
8388
|
+
var __freeze$7 = Object.freeze;
|
|
8389
|
+
var __defProp$7 = Object.defineProperty;
|
|
8390
|
+
var __template$7 = (cooked, raw) => __freeze$7(__defProp$7(cooked, "raw", {
|
|
8391
|
+
value: __freeze$7(raw || cooked.slice())
|
|
8392
8392
|
}));
|
|
8393
|
-
var _a$
|
|
8393
|
+
var _a$7, _b$4;
|
|
8394
8394
|
function selectableBaseStyle() {
|
|
8395
|
-
return css(_a$
|
|
8395
|
+
return css(_a$7 || (_a$7 = __template$7(["\n background-color: inherit;\n color: inherit;\n\n &[data-as='button'] {\n -webkit-font-smoothing: inherit;\n appearance: none;\n outline: none;\n font: inherit;\n text-align: inherit;\n border: 0;\n width: stretch;\n }\n\n /* &:is(a) */\n &[data-as='a'] {\n text-decoration: none;\n }\n "])));
|
|
8396
8396
|
}
|
|
8397
8397
|
function selectableColorStyle(props) {
|
|
8398
8398
|
var _a2, _b2;
|
|
@@ -8406,7 +8406,7 @@ function selectableColorStyle(props) {
|
|
|
8406
8406
|
selectable
|
|
8407
8407
|
} = theme.sanity.color;
|
|
8408
8408
|
const tone = selectable ? selectable[$tone] || selectable.default : muted[$tone] || muted.default;
|
|
8409
|
-
return css(_b$4 || (_b$4 = __template$
|
|
8409
|
+
return css(_b$4 || (_b$4 = __template$7(["\n ", "\n\n background-color: var(--card-bg-color);\n color: var(--card-fg-color);\n outline: none;\n\n /* &:is(button) */\n &[data-as='button'] {\n &:disabled {\n ", "\n }\n\n &:not(:disabled) {\n &[aria-pressed='true'] {\n ", "\n }\n\n &[data-selected],\n &[aria-selected='true'] > & {\n ", "\n }\n\n @media (hover: hover) {\n &:not([data-selected]) {\n &[data-hovered],\n &:hover {\n ", "\n }\n\n &:active {\n ", "\n }\n }\n }\n }\n }\n\n /* &:is(a) */\n &[data-as='a'] {\n &[data-disabled] {\n ", "\n }\n\n &:not([data-disabled]) {\n &[data-pressed] {\n ", "\n }\n\n &[data-selected] {\n ", "\n }\n\n @media (hover: hover) {\n &:not([data-selected]) {\n &[data-hovered],\n &:hover {\n ", "\n }\n\n &:active {\n ", "\n }\n }\n }\n }\n }\n\n ", "\n "])), _colorVarsStyle(base, tone.enabled), _colorVarsStyle(base, tone.disabled), _colorVarsStyle(base, tone.pressed), _colorVarsStyle(base, tone.selected), _colorVarsStyle(base, tone.hovered), _colorVarsStyle(base, tone.pressed), _colorVarsStyle(base, tone.disabled), _colorVarsStyle(base, tone.pressed), _colorVarsStyle(base, tone.selected), _colorVarsStyle(base, tone.hovered), _colorVarsStyle(base, tone.pressed), (_b2 = (_a2 = theme.sanity.styles) == null ? void 0 : _a2.card) == null ? void 0 : _b2.root);
|
|
8410
8410
|
}
|
|
8411
8411
|
const Selectable = styled(Box)(responsiveRadiusStyle, selectableBaseStyle, selectableColorStyle);
|
|
8412
8412
|
function useMenu() {
|
|
@@ -8668,15 +8668,15 @@ const MenuItem = forwardRef(function MenuItem2(props, forwardedRef) {
|
|
|
8668
8668
|
})]
|
|
8669
8669
|
});
|
|
8670
8670
|
});
|
|
8671
|
-
var __freeze$
|
|
8672
|
-
var __defProp$
|
|
8673
|
-
var __template$
|
|
8674
|
-
value: __freeze$
|
|
8671
|
+
var __freeze$6 = Object.freeze;
|
|
8672
|
+
var __defProp$6 = Object.defineProperty;
|
|
8673
|
+
var __template$6 = (cooked, raw) => __freeze$6(__defProp$6(cooked, "raw", {
|
|
8674
|
+
value: __freeze$6(raw || cooked.slice())
|
|
8675
8675
|
}));
|
|
8676
|
-
var _a$
|
|
8677
|
-
const keyframe = keyframes(_a$
|
|
8678
|
-
const animation = css(_b$3 || (_b$3 = __template$
|
|
8679
|
-
const skeletonStyle = css(_d || (_d = __template$
|
|
8676
|
+
var _a$6, _b$3, _c$1, _d;
|
|
8677
|
+
const keyframe = keyframes(_a$6 || (_a$6 = __template$6(["\n 0% {\n background-position: 100%;\n }\n 100% {\n background-position: -100%;\n }\n"])));
|
|
8678
|
+
const animation = css(_b$3 || (_b$3 = __template$6(["\n background-image: linear-gradient(\n to right,\n var(--card-skeleton-color-from),\n var(--card-skeleton-color-to),\n var(--card-skeleton-color-from),\n var(--card-skeleton-color-from),\n var(--card-skeleton-color-from)\n );\n background-position: 100%;\n background-size: 200% 100%;\n background-attachment: fixed;\n animation-name: ", ";\n animation-timing-function: ease-in-out;\n animation-iteration-count: infinite;\n animation-duration: 2000ms;\n"])), keyframe);
|
|
8679
|
+
const skeletonStyle = css(_d || (_d = __template$6(["\n opacity: ", ";\n transition: opacity 200ms ease-in;\n\n @media screen and (prefers-reduced-motion: no-preference) {\n ", "\n }\n\n @media screen and (prefers-reduced-motion: reduce) {\n background-color: var(--card-skeleton-color-from);\n }\n"])), _ref24 => {
|
|
8680
8680
|
let {
|
|
8681
8681
|
$visible
|
|
8682
8682
|
} = _ref24;
|
|
@@ -8685,7 +8685,7 @@ const skeletonStyle = css(_d || (_d = __template$4(["\n opacity: ", ";\n trans
|
|
|
8685
8685
|
let {
|
|
8686
8686
|
$animated
|
|
8687
8687
|
} = _ref25;
|
|
8688
|
-
return $animated ? animation : css(_c$1 || (_c$1 = __template$
|
|
8688
|
+
return $animated ? animation : css(_c$1 || (_c$1 = __template$6(["\n background-color: var(--card-skeleton-color-from);\n "])));
|
|
8689
8689
|
});
|
|
8690
8690
|
const Root$4 = styled(Box)(responsiveRadiusStyle, skeletonStyle);
|
|
8691
8691
|
const Skeleton = forwardRef(function Skeleton2(props, ref) {
|
|
@@ -8786,6 +8786,13 @@ const CodeSkeleton = forwardRef(function TextSkeleton5(props, ref) {
|
|
|
8786
8786
|
$style: "code"
|
|
8787
8787
|
});
|
|
8788
8788
|
});
|
|
8789
|
+
var __freeze$5 = Object.freeze;
|
|
8790
|
+
var __defProp$5 = Object.defineProperty;
|
|
8791
|
+
var __template$5 = (cooked, raw) => __freeze$5(__defProp$5(cooked, "raw", {
|
|
8792
|
+
value: __freeze$5(raw || cooked.slice())
|
|
8793
|
+
}));
|
|
8794
|
+
var _a$5;
|
|
8795
|
+
const CustomButton = styled(Button)(_a$5 || (_a$5 = __template$5(["\n max-width: 100%;\n"])));
|
|
8789
8796
|
const Tab = forwardRef(function Tab2(props, forwardedRef) {
|
|
8790
8797
|
const {
|
|
8791
8798
|
icon,
|
|
@@ -8819,7 +8826,7 @@ const Tab = forwardRef(function Tab2(props, forwardedRef) {
|
|
|
8819
8826
|
elementRef.current = el;
|
|
8820
8827
|
ref.current = el;
|
|
8821
8828
|
};
|
|
8822
|
-
return /* @__PURE__ */jsx(
|
|
8829
|
+
return /* @__PURE__ */jsx(CustomButton, {
|
|
8823
8830
|
"data-ui": "Tab",
|
|
8824
8831
|
...restProps,
|
|
8825
8832
|
"aria-selected": selected ? "true" : "false",
|
|
@@ -8839,9 +8846,16 @@ const Tab = forwardRef(function Tab2(props, forwardedRef) {
|
|
|
8839
8846
|
type: "button"
|
|
8840
8847
|
});
|
|
8841
8848
|
});
|
|
8849
|
+
var __freeze$4 = Object.freeze;
|
|
8850
|
+
var __defProp$4 = Object.defineProperty;
|
|
8851
|
+
var __template$4 = (cooked, raw) => __freeze$4(__defProp$4(cooked, "raw", {
|
|
8852
|
+
value: __freeze$4(raw || cooked.slice())
|
|
8853
|
+
}));
|
|
8854
|
+
var _a$4;
|
|
8842
8855
|
function _isReactElement(node) {
|
|
8843
8856
|
return Boolean(node);
|
|
8844
8857
|
}
|
|
8858
|
+
const CustomInline = styled(Inline)(_a$4 || (_a$4 = __template$4(["\n & > div {\n display: inline-block;\n vertical-align: middle;\n max-width: 100%;\n box-sizing: border-box;\n }\n"])));
|
|
8845
8859
|
const TabList = forwardRef(function TabList2(props, ref) {
|
|
8846
8860
|
const {
|
|
8847
8861
|
children: childrenProp,
|
|
@@ -8866,7 +8880,7 @@ const TabList = forwardRef(function TabList2(props, ref) {
|
|
|
8866
8880
|
setFocusedIndex(prevIndex => (prevIndex + 1) % numTabs);
|
|
8867
8881
|
}
|
|
8868
8882
|
}, [numTabs]);
|
|
8869
|
-
return /* @__PURE__ */jsx(
|
|
8883
|
+
return /* @__PURE__ */jsx(CustomInline, {
|
|
8870
8884
|
"data-ui": "TabList",
|
|
8871
8885
|
...restProps,
|
|
8872
8886
|
onKeyDown: handleKeyDown,
|