@sanity/themer 0.10.1 → 0.10.3

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.
@@ -1,5 +1,5 @@
1
1
  import { a as DEFAULT_BACKGROUND, c as resolveThemeOptions, d as hslToHex, f as relativeLuminance, i as DEFAULT_ACCENT, l as isColor, n as buildTheme, o as SCHEMES, r as buildPalette, s as deriveTextColor, u as hexToHsl } from "./presets-CqBgS3A-.js";
2
- import { a as displayTitle, c as resolveThemes, l as addThemerTransitionType, n as CONFIG_TITLE, t as CONFIG_SLUG } from "./themes-au1BLKmY.js";
2
+ import { a as displayTitle, c as resolveThemes, l as addThemerTransitionType, n as CONFIG_TITLE, t as CONFIG_SLUG } from "./themes-sELelb-j.js";
3
3
  import { c } from "react/compiler-runtime";
4
4
  import { useColorSchemeValue } from "sanity";
5
5
  import { Badge, BoundaryElementProvider, Box, Button, Card, Dialog, Flex, Layer, Stack, Text, TextInput, ThemeProvider, useMediaIndex, useRootTheme, useTheme_v2 } from "@sanity/ui";
@@ -33,7 +33,7 @@ import scrollIntoView from "scroll-into-view-if-needed";
33
33
  import { Code } from "@sanity/ui/code";
34
34
  import { registerLanguage } from "react-refractor";
35
35
  import typescript from "refractor/typescript";
36
- var root$2 = "_1o50s7t0";
36
+ var root$2 = "_1e4mp8t0";
37
37
  const ScrollAreaInsetContext = createContext({
38
38
  left: 0,
39
39
  right: 0,
@@ -115,24 +115,24 @@ function ScrollAreaBleed(props) {
115
115
  children: props.children
116
116
  }), $[4] = props.children, $[5] = t3, $[6] = t4) : t4 = $[6], t4;
117
117
  }
118
- var avatar = "_1aa9huuh", body = "_1aa9huui", button = "_1aa9huuq", colors = {
119
- bg: "var(--_1aa9huu0)",
120
- fg: "var(--_1aa9huu1)",
121
- mutedFg: "var(--_1aa9huu2)",
122
- border: "var(--_1aa9huu3)",
123
- accent: "var(--_1aa9huu4)",
124
- avatar: "var(--_1aa9huu5)",
125
- selectedBg: "var(--_1aa9huu6)",
126
- selectedFg: "var(--_1aa9huu7)",
127
- inputBg: "var(--_1aa9huu8)",
128
- inputBorder: "var(--_1aa9huu9)"
129
- }, field = "_1aa9huun", footer = "_1aa9huup", form = "_1aa9huum", input = "_1aa9huuo", line = {
130
- fg: "_1aa9huus _1aa9huur",
131
- muted: "_1aa9huut _1aa9huur",
132
- selected: "_1aa9huuu _1aa9huur"
133
- }, list = "_1aa9huuj", listRow = "_1aa9huuk", logo = "_1aa9huuf", navbar = "_1aa9huue", pane = "_1aa9huul", root$1 = "_1aa9huua", spacer = "_1aa9huug", studio = {
134
- light: "_1aa9huub",
135
- dark: "_1aa9huud _1aa9huub"
118
+ var avatar = "_1lkz59ph", body = "_1lkz59pi", button = "_1lkz59pq", colors = {
119
+ bg: "var(--_1lkz59p0)",
120
+ fg: "var(--_1lkz59p1)",
121
+ mutedFg: "var(--_1lkz59p2)",
122
+ border: "var(--_1lkz59p3)",
123
+ accent: "var(--_1lkz59p4)",
124
+ avatar: "var(--_1lkz59p5)",
125
+ selectedBg: "var(--_1lkz59p6)",
126
+ selectedFg: "var(--_1lkz59p7)",
127
+ inputBg: "var(--_1lkz59p8)",
128
+ inputBorder: "var(--_1lkz59p9)"
129
+ }, field = "_1lkz59pn", footer = "_1lkz59pp", form = "_1lkz59pm", input = "_1lkz59po", line = {
130
+ fg: "_1lkz59ps _1lkz59pr",
131
+ muted: "_1lkz59pt _1lkz59pr",
132
+ selected: "_1lkz59pu _1lkz59pr"
133
+ }, list = "_1lkz59pj", listRow = "_1lkz59pk", logo = "_1lkz59pf", navbar = "_1lkz59pe", pane = "_1lkz59pl", root$1 = "_1lkz59pa", spacer = "_1lkz59pg", studio = {
134
+ light: "_1lkz59pb",
135
+ dark: "_1lkz59pd _1lkz59pb"
136
136
  };
137
137
  /** The document rows in the list pane — the widths of their title lines */
138
138
  const LIST_ROWS = [
@@ -275,7 +275,7 @@ function ThemeThumbnail(props) {
275
275
  children: /* @__PURE__ */ jsx(ThemePreview, { options: props.options })
276
276
  }), $[0] = props.options, $[1] = t0), t0;
277
277
  }
278
- var removedThumbnail = "_1vdkp0v0";
278
+ var removedThumbnail = "_17dsl9w0";
279
279
  /**
280
280
  * The flow for restoring removed themes: the presets and custom themes the
281
281
  * user took out of the list, each with a button to put it back — and, for
@@ -805,7 +805,7 @@ function useImagePalette(onPalette) {
805
805
  function _temp$6(swatch) {
806
806
  return swatch === null;
807
807
  }
808
- var paletteGrid = "_17s80v42", tile = "_17s80v44", variantButton = "_17s80v46", variantFrame = "_17s80v47", variantRow = "_17s80v45", variantScale = "var(--_17s80v41)", variantScaleBox = "_17s80v48", variantWidth = "var(--_17s80v40)";
808
+ var paletteGrid = "xuno562", tile = "xuno564", variantButton = "xuno566", variantFrame = "xuno567", variantRow = "xuno565", variantScale = "var(--xuno561)", variantScaleBox = "xuno568", variantWidth = "var(--xuno560)";
809
809
  /** The swatches on display: the vibrant family over the muted one */
810
810
  const TILES = [
811
811
  "vibrant",
@@ -897,7 +897,7 @@ function ImagePaletteSection(props) {
897
897
  "data-with-image": imageUrl !== void 0,
898
898
  children: [imageUrl && /* @__PURE__ */ jsx("img", {
899
899
  alt: "",
900
- className: "_17s80v43",
900
+ className: "xuno563",
901
901
  src: imageUrl
902
902
  }), TILES.map((key) => {
903
903
  let hex = palette[key], title = IMAGE_PALETTE_TITLES[key];
@@ -1004,7 +1004,7 @@ function ImagePaletteSection(props) {
1004
1004
  function _temp$5(event_0) {
1005
1005
  event_0.preventDefault();
1006
1006
  }
1007
- var colorRowText = "os3rj2", range = "os3rj1", swatch = "os3rj0";
1007
+ var colorRowText = "_458rep2", range = "_458rep1", swatch = "_458rep0";
1008
1008
  const SCHEME_TITLES = {
1009
1009
  dark: "Dark mode",
1010
1010
  light: "Light mode"
@@ -1719,7 +1719,7 @@ function PasteThemeDialog(props) {
1719
1719
  children: t15
1720
1720
  }), $[34] = id, $[35] = onClose, $[36] = t15, $[37] = t6, $[38] = t16) : t16 = $[38], t16;
1721
1721
  }
1722
- var frame$1 = "_1wsn7882", menuCard = "_1wsn7884", menuSlot = "_1wsn7883", pickButton = "_1wsn7881", root = "_1wsn7880";
1722
+ var frame$1 = "_4rpwsi2", menuCard = "_4rpwsi4", menuSlot = "_4rpwsi3", pickButton = "_4rpwsi1", root = "_4rpwsi0";
1723
1723
  /**
1724
1724
  * Scrolls the applied theme's card into view when it is not already, as a
1725
1725
  * ref: the list scrolls to it as it mounts — coming back from the editor or
@@ -2072,7 +2072,7 @@ function ThemeSnippetDialog(props) {
2072
2072
  children: t9
2073
2073
  }), $[19] = id, $[20] = onClose, $[21] = t2, $[22] = t9, $[23] = t10) : t10 = $[23], t10;
2074
2074
  }
2075
- var cardGrid = "twjqgh0";
2075
+ var cardGrid = "_1vaxx8n0";
2076
2076
  /**
2077
2077
  * The flow for picking a theme: a grid of theme cards — the configured theme,
2078
2078
  * the presets and the user's own themes — that drag into the order the user
@@ -2275,7 +2275,7 @@ function selectDialog(snapshot) {
2275
2275
  function useIsTooSmallForSplitScreen() {
2276
2276
  return useMediaIndex() <= 3;
2277
2277
  }
2278
- var title = "c2pqej0";
2278
+ var title = "_13zq9j0";
2279
2279
  const VIEW_TITLES = {
2280
2280
  list: "Themer",
2281
2281
  edit: "Edit theme",
@@ -2407,7 +2407,7 @@ function selectView(snapshot) {
2407
2407
  function sameView(a, b) {
2408
2408
  return a.name === b.name ? a.name !== "edit" || b.name !== "edit" || a.slug === b.slug && a.focusTitle === b.focusTitle : !1;
2409
2409
  }
2410
- var content = "bgn4np3", frame = "bgn4np2", resizeHandle = "bgn4np4", sidebar = "bgn4np1";
2410
+ var content = "nzsfns3", frame = "nzsfns2", resizeHandle = "nzsfns4", sidebar = "nzsfns1";
2411
2411
  /** How far one arrow key press resizes the sidebar */
2412
2412
  const WIDTH_STORAGE_KEY = "sanityStudio:themer:width";
2413
2413
  function clampWidth(width) {
@@ -2523,4 +2523,4 @@ function ResizableSidebar(t0) {
2523
2523
  function _temp() {}
2524
2524
  export { ResizableSidebar as default };
2525
2525
 
2526
- //# sourceMappingURL=ResizableSidebar-C1nr3Ls2.js.map
2526
+ //# sourceMappingURL=ResizableSidebar-B5Px5VCf.js.map