@sanity/themer 0.10.1 → 0.10.3

package/dist/bundle.css

@@ -1,22 +1,22 @@
-@keyframes pcwcs07 {
+@keyframes _1wgm57n7 {
   50% {
     filter: blur(6px);
   }
 }
 
-@keyframes pcwcs08 {
+@keyframes _1wgm57n8 {
   to {
     opacity: 0;
   }
 }
 
-@keyframes pcwcs09 {
+@keyframes _1wgm57n9 {
   from {
     opacity: 0;
   }
 }
 
-@keyframes pcwcs0b {
+@keyframes _1wgm57nb {
   from {
     opacity: 0;
     transform: translateX(-100%);
@@ -27,7 +27,7 @@
   }
 }
 
-@keyframes pcwcs0c {
+@keyframes _1wgm57nc {
   to {
     opacity: 0;
     transform: translateX(-100%);
@@ -38,71 +38,71 @@
   }
 }
 
-@keyframes pcwcs0d {
+@keyframes _1wgm57nd {
   from {
     transform: translateX(100%);
   }
 }
 
-@keyframes pcwcs0f {
+@keyframes _1wgm57nf {
   to {
     transform: translateX(100%);
   }
 }
 
-::view-transition-new(.pcwcs05) {
+::view-transition-new(._1wgm57n5) {
   animation: none;
 }
 
-::view-transition-old(.pcwcs05) {
+::view-transition-old(._1wgm57n5) {
   display: none;
 }
 
-::view-transition-new(.pcwcs06) {
+::view-transition-new(._1wgm57n6) {
   object-fit: fill;
   block-size: 100%;
   inline-size: 100%;
 }
 
-::view-transition-old(.pcwcs06) {
+::view-transition-old(._1wgm57n6) {
   object-fit: fill;
   block-size: 100%;
   inline-size: 100%;
 }
 
-::view-transition-new(.pcwcs0a) {
+::view-transition-new(._1wgm57na) {
   object-fit: fill;
   block-size: 100%;
   inline-size: 100%;
-  animation-name: pcwcs09;
+  animation-name: _1wgm57n9;
 }
 
-::view-transition-old(.pcwcs0a) {
+::view-transition-old(._1wgm57na) {
   object-fit: fill;
   block-size: 100%;
   inline-size: 100%;
-  animation-name: pcwcs08;
+  animation-name: _1wgm57n8;
 }
 
-::view-transition-image-pair(.pcwcs0a) {
-  animation-name: pcwcs07;
+::view-transition-image-pair(._1wgm57na) {
+  animation-name: _1wgm57n7;
   animation-timing-function: inherit;
 }
 
-::view-transition-new(.pcwcs0e) {
-  animation-name: pcwcs0d;
+::view-transition-new(._1wgm57ne) {
+  animation-name: _1wgm57nd;
 }
 
-::view-transition-old(.pcwcs0g) {
-  animation-name: pcwcs0f;
+::view-transition-old(._1wgm57ng) {
+  animation-name: _1wgm57nf;
 }
 
-::view-transition-new(.pcwcs0h) {
-  animation-name: pcwcs0b;
+::view-transition-new(._1wgm57nh) {
+  animation-name: _1wgm57nb;
 }
 
-::view-transition-old(.pcwcs0i) {
-  animation-name: pcwcs0c;
+::view-transition-old(._1wgm57ni) {
+  animation-name: _1wgm57nc;
 }
 
 :root:active-view-transition-type(sanity-themer)::view-transition-group(*) {
@@ -110,15 +110,15 @@
   animation-timing-function: cubic-bezier(.65, 0, .35, 1);
 }
 
-:root:active-view-transition-type(pcwcs02)::view-transition-group(*) {
+:root:active-view-transition-type(_1wgm57n2)::view-transition-group(*) {
   animation-duration: .48s;
 }
 
-:root:active-view-transition-type(pcwcs03)::view-transition-group(*) {
+:root:active-view-transition-type(_1wgm57n3)::view-transition-group(*) {
   animation-duration: .48s;
 }
 
-.pcwcs0j {
+._1wgm57nj {
   position: relative;
 }
 
@@ -143,30 +143,30 @@
   }
 }
 
-._1o50s7t0 {
+._1e4mp8t0 {
   scrollbar-gutter: stable;
 }
 
-._1aa9huua {
+._1lkz59pa {
   aspect-ratio: 16 / 9;
   position: relative;
   overflow: hidden;
 }
 
-._1aa9huub {
-  background: var(--_1aa9huu0);
+._1lkz59pb {
+  background: var(--_1lkz59p0);
   flex-direction: column;
   display: flex;
   position: absolute;
   inset: 0;
 }
 
-._1aa9huud {
+._1lkz59pd {
   clip-path: polygon(58% 0, 100% 0, 100% 100%, 42% 100%);
 }
 
-._1aa9huue {
-  border-bottom: 1px solid var(--_1aa9huu3);
+._1lkz59pe {
+  border-bottom: 1px solid var(--_1lkz59p3);
   flex: none;
   align-items: center;
   gap: 5px;
@@ -175,41 +175,41 @@
   display: flex;
 }
 
-._1aa9huuf {
-  background: var(--_1aa9huu4);
+._1lkz59pf {
+  background: var(--_1lkz59p4);
   border-radius: 2px;
   flex: none;
   width: 8px;
   height: 8px;
 }
 
-._1aa9huug {
+._1lkz59pg {
   flex: 1;
 }
 
-._1aa9huuh {
-  background: var(--_1aa9huu5);
+._1lkz59ph {
+  background: var(--_1lkz59p5);
   border-radius: 50%;
   flex: none;
   width: 8px;
   height: 8px;
 }
 
-._1aa9huui {
+._1lkz59pi {
   flex: 1;
   min-height: 0;
   display: flex;
 }
 
-._1aa9huuj {
-  border-right: 1px solid var(--_1aa9huu3);
+._1lkz59pj {
+  border-right: 1px solid var(--_1lkz59p3);
   flex-direction: column;
   flex: none;
   width: 36%;
   display: flex;
 }
 
-._1aa9huuk {
+._1lkz59pk {
   flex: none;
   align-items: center;
   height: 18%;
@@ -217,18 +217,18 @@
   display: flex;
 }
 
-._1aa9huuk[data-selected="true"] {
-  background: var(--_1aa9huu6);
+._1lkz59pk[data-selected="true"] {
+  background: var(--_1lkz59p6);
 }
 
-._1aa9huul {
+._1lkz59pl {
   flex-direction: column;
   flex: 1;
   min-width: 0;
   display: flex;
 }
 
-._1aa9huum {
+._1lkz59pm {
   flex-direction: column;
   flex: 1;
   gap: 7px;
@@ -238,22 +238,22 @@
   overflow: hidden;
 }
 
-._1aa9huun {
+._1lkz59pn {
   flex-direction: column;
   flex: none;
   gap: 3px;
   display: flex;
 }
 
-._1aa9huuo {
-  background: var(--_1aa9huu8);
+._1lkz59po {
+  background: var(--_1lkz59p8);
   height: 12px;
-  box-shadow: inset 0 0 0 1px var(--_1aa9huu9);
+  box-shadow: inset 0 0 0 1px var(--_1lkz59p9);
   border-radius: 3px;
 }
 
-._1aa9huup {
-  border-top: 1px solid var(--_1aa9huu3);
+._1lkz59pp {
+  border-top: 1px solid var(--_1lkz59p3);
   flex: none;
   justify-content: flex-end;
   align-items: center;
@@ -262,47 +262,47 @@
   display: flex;
 }
 
-._1aa9huuq {
-  background: var(--_1aa9huu4);
+._1lkz59pq {
+  background: var(--_1lkz59p4);
   border-radius: 3px;
   width: 32%;
   height: 50%;
 }
 
-._1aa9huur {
+._1lkz59pr {
   border-radius: 2px;
   flex: none;
   height: 4px;
 }
 
-._1aa9huus {
-  background: var(--_1aa9huu1);
+._1lkz59ps {
+  background: var(--_1lkz59p1);
 }
 
-._1aa9huut {
-  background: var(--_1aa9huu2);
+._1lkz59pt {
+  background: var(--_1lkz59p2);
 }
 
-._1aa9huuu {
-  background: var(--_1aa9huu7);
+._1lkz59pu {
+  background: var(--_1lkz59p7);
 }
 
-._1vdkp0v0 {
+._17dsl9w0 {
   opacity: .6;
 }
 
-._17s80v42 {
+.xuno562 {
   grid-template-columns: repeat(3, 24px);
   grid-auto-rows: 24px;
   gap: 4px;
   display: grid;
 }
 
-._17s80v42[data-with-image="true"] {
+.xuno562[data-with-image="true"] {
   grid-template-columns: 52px repeat(3, 24px);
 }
 
-._17s80v43 {
+.xuno563 {
   object-fit: cover;
   width: 52px;
   height: 52px;
@@ -312,17 +312,17 @@
   display: block;
 }
 
-._17s80v44 {
+.xuno564 {
   box-shadow: inset 0 0 0 1px var(--card-border-color);
   border-radius: 3px;
   display: block;
 }
 
-._17s80v44[data-empty="true"] {
+.xuno564[data-empty="true"] {
   background: repeating-linear-gradient(-45deg, transparent 0 3px, var(--card-border-color) 3px 4px);
 }
 
-._17s80v45 {
+.xuno565 {
   scroll-snap-type: x mandatory;
   scrollbar-width: thin;
   gap: 8px;
@@ -333,10 +333,10 @@
   overflow-x: auto;
 }
 
-._17s80v46 {
+.xuno566 {
   appearance: none;
   box-sizing: border-box;
-  width: calc(var(--_17s80v40) + 8px);
+  width: calc(var(--xuno560) + 8px);
   color: inherit;
   font: inherit;
   text-align: center;
@@ -350,14 +350,14 @@
   display: block;
 }
 
-._17s80v46:focus {
+.xuno566:focus {
   outline: none;
 }
 
-._17s80v47 {
+.xuno567 {
   box-sizing: border-box;
-  width: calc(var(--_17s80v40) + 8px);
-  height: calc(var(--_17s80v40) * 9 / 16 + 8px);
+  width: calc(var(--xuno560) + 8px);
+  height: calc(var(--xuno560) * 9 / 16 + 8px);
   border-radius: 7px;
   padding: 4px;
   transition: box-shadow .1s;
@@ -365,27 +365,27 @@
   overflow: hidden;
 }
 
-._17s80v46:hover ._17s80v47 {
+.xuno566:hover .xuno567 {
   box-shadow: inset 0 0 0 2px var(--card-border-color);
 }
 
-._17s80v46[aria-pressed="true"] ._17s80v47 {
+.xuno566[aria-pressed="true"] .xuno567 {
   box-shadow: inset 0 0 0 2px var(--card-focus-ring-color);
 }
 
-._17s80v46:focus-visible ._17s80v47 {
+.xuno566:focus-visible .xuno567 {
   outline: 2px solid var(--card-focus-ring-color);
   outline-offset: -2px;
 }
 
-._17s80v48 {
+.xuno568 {
   width: 144px;
-  transform: scale(var(--_17s80v41));
+  transform: scale(var(--xuno561));
   transform-origin: 0 0;
   display: block;
 }
 
-.os3rj0 {
+._458rep0 {
   box-sizing: border-box;
   border: 1px solid var(--card-border-color);
   cursor: pointer;
@@ -397,36 +397,36 @@
   padding: 0;
 }
 
-.os3rj0::-webkit-color-swatch-wrapper {
+._458rep0::-webkit-color-swatch-wrapper {
   padding: 0;
 }
 
-.os3rj0::-webkit-color-swatch {
+._458rep0::-webkit-color-swatch {
   border: none;
   border-radius: 3px;
 }
 
-.os3rj0::-moz-color-swatch {
+._458rep0::-moz-color-swatch {
   border: none;
   border-radius: 3px;
 }
 
-.os3rj1 {
+._458rep1 {
   width: 100%;
   accent-color: var(--card-focus-ring-color);
   margin: 0;
   display: block;
 }
 
-.os3rj2 {
+._458rep2 {
   min-width: 0;
 }
 
-._1wsn7880 {
+._4rpwsi0 {
   position: relative;
 }
 
-._1wsn7881 {
+._4rpwsi1 {
   appearance: none;
   box-sizing: border-box;
   width: 100%;
@@ -441,31 +441,31 @@
   display: block;
 }
 
-._1wsn7881:focus {
+._4rpwsi1:focus {
   outline: none;
 }
 
-._1wsn7882 {
+._4rpwsi2 {
   border-radius: 10px;
   padding: 4px;
   transition: box-shadow .1s;
   display: block;
 }
 
-._1wsn7881:hover ._1wsn7882 {
+._4rpwsi1:hover ._4rpwsi2 {
   box-shadow: inset 0 0 0 2px var(--card-border-color);
 }
 
-._1wsn7881[aria-pressed="true"] ._1wsn7882 {
+._4rpwsi1[aria-pressed="true"] ._4rpwsi2 {
   box-shadow: inset 0 0 0 2px var(--card-focus-ring-color);
 }
 
-._1wsn7881:focus-visible ._1wsn7882 {
+._4rpwsi1:focus-visible ._4rpwsi2 {
   outline: 2px solid var(--card-focus-ring-color);
   outline-offset: -2px;
 }
 
-._1wsn7883 {
+._4rpwsi3 {
   opacity: 0;
   transition: opacity .1s;
   position: absolute;
@@ -473,27 +473,27 @@
   right: 10px;
 }
 
-._1wsn7880:hover ._1wsn7883, ._1wsn7880:focus-within ._1wsn7883, ._1wsn7883[data-visible="true"] {
+._4rpwsi0:hover ._4rpwsi3, ._4rpwsi0:focus-within ._4rpwsi3, ._4rpwsi3[data-visible="true"] {
   opacity: 1;
 }
 
-._1wsn7884 {
+._4rpwsi4 {
   display: inline-block;
 }
 
-.bgn4np1 {
+.nzsfns1 {
   flex: none;
 }
 
-.bgn4np2 {
+.nzsfns2 {
   position: relative;
 }
 
-.bgn4np3 {
-  container: bgn4np0 / inline-size;
+.nzsfns3 {
+  container: nzsfns0 / inline-size;
 }
 
-.bgn4np4 {
+.nzsfns4 {
   z-index: 1;
   cursor: col-resize;
   touch-action: none;
@@ -504,7 +504,7 @@
   left: -3px;
 }
 
-.bgn4np4:after {
+.nzsfns4:after {
   content: "";
   background: var(--card-focus-ring-color);
   opacity: 0;
@@ -516,26 +516,26 @@
   left: 2px;
 }
 
-.bgn4np4:focus {
+.nzsfns4:focus {
   outline: none;
 }
 
-.bgn4np4:hover:after, .bgn4np4:focus-visible:after, .bgn4np4[data-dragging="true"]:after {
+.nzsfns4:hover:after, .nzsfns4:focus-visible:after, .nzsfns4[data-dragging="true"]:after {
   opacity: 1;
 }
 
-.twjqgh0 {
+._1vaxx8n0 {
   grid-template-columns: minmax(0, 1fr);
   gap: 16px;
   display: grid;
 }
 
-@container bgn4np0 (width >= 260px) {
-  .twjqgh0 {
+@container nzsfns0 (width >= 260px) {
+  ._1vaxx8n0 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
 }
 
-.c2pqej0 {
+._13zq9j0 {
   min-width: 0;
 }

package/dist/index.d.ts

@@ -98,7 +98,7 @@ type GeneratedColorPalettes = Record<ThemeColorSchemeKey, GeneratedColorPalette>
  *
  * @public
  */
-declare function buildPalette(options?: BuildThemeOptions): GeneratedColorPalettes;
+export declare function buildPalette(options?: BuildThemeOptions): GeneratedColorPalettes;
 /**
  * Generates a Studio theme from a handful of colors per color scheme, by
  * replacing the color palette that the `buildTheme` from `@sanity/ui/theme`
@@ -138,7 +138,7 @@ declare function buildPalette(options?: BuildThemeOptions): GeneratedColorPalett
  *
  * @public
  */
-declare function buildTheme(options?: BuildThemeOptions): RootTheme;
+export declare function buildTheme(options?: BuildThemeOptions): RootTheme;
 /**
  * A preset theme: a named set of {@link BuildThemeOptions} ready to pass to
  * `buildTheme`.
@@ -166,6 +166,6 @@ interface ThemePreset {
  *
  * @public
  */
-declare const presets: ThemePreset[];
-export { type BuildThemeOptions, type GeneratedColorPalette, type GeneratedColorPalettes, type SchemeThemeOptions, type ThemePreset, buildPalette, buildTheme, presets };
+export declare const presets: ThemePreset[];
+export type { BuildThemeOptions, GeneratedColorPalette, GeneratedColorPalettes, SchemeThemeOptions, ThemePreset };
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","names":[],"sources":["../src/theme/options.ts","../src/theme/buildPalette.ts","../src/theme/buildTheme.ts","../src/theme/presets.ts"],"mappings":";;;;;;;;;;UAciB;;;;;;;;EAQf;;;;;;;;;;;;;EAcA;;;;;;;;;;EAWA;;;;;;;;;EAUA;;;;;;;;;;;;UAae;;EAEf,OAAO;;EAEP,QAAQ;;;;;;;;KC7BE;EAAyB;EAAe;IAAiB,OACnE,aACA,OAAO;;;;;;KAQG,yBAAyB,OAAO,qBAAqB;;;;;;;;;;;;;;;;;iBAkBjD,aAAa,UAAS,oBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBCvB/C,WAAW,UAAS,oBAAyB;;;;;;;UC1C5C;EACf;EACA;;EAEA,SAAS;;;;;;;;;;;;;;;;;cA6BE,SAAS"}
+{"version":3,"file":"index.d.ts","names":[],"sources":["../src/theme/options.ts","../src/theme/buildPalette.ts","../src/theme/buildTheme.ts","../src/theme/presets.ts"],"mappings":";;;;;;;;;;UAciB;;;;;;;;EAQf;;;;;;;;;;;;;EAcA;;;;;;;;;;EAWA;;;;;;;;;EAUA;;;;;;;;;;;;UAae;;EAEf,OAAO;;EAEP,QAAQ;;;;;;;;KC7BE;EAAyB;EAAe;IAAiB,OACnE,aACA,OAAO;;;;;;KAQG,yBAAyB,OAAO,qBAAqB;;;;;;;;;;;;;;;;;wBAkBjD,aAAa,UAAS,oBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBCvB/C,WAAW,UAAS,oBAAyB;;;;;;;UC1C5C;EACf;EACA;;EAEA,SAAS;;;;;;;;;;;;;;;;;qBA6BE,SAAS"}

package/dist/index.js

@@ -1,2 +1 @@
-import { n as buildTheme, r as buildPalette, t as presets } from "./presets-CqBgS3A-.js";
-export { buildPalette, buildTheme, presets };
+export { r as buildPalette, n as buildTheme, t as presets } from "./presets-CqBgS3A-.js";