@sanity/ui 3.0.0-static.6 → 3.0.0-static.7

package/dist/system.css

@@ -1182,6 +1182,30 @@
   max-width: 100%;
 }
 
+.s-min-w-0 {
+  min-width: 0;
+}
+
+.s-min-w-auto {
+  min-width: auto;
+}
+
+.s-min-w-full {
+  min-width: 100%;
+}
+
+.s-min-w-min {
+  min-width: min-content;
+}
+
+.s-min-w-max {
+  min-width: max-content;
+}
+
+.s-min-w-fit {
+  min-width: fit-content;
+}
+
 .s-outline-none {
   outline: none;
 }
@@ -2784,6 +2808,30 @@
   max-width: 100%;
 }
 
+.s-1\:min-w-0 {
+  min-width: 0;
+}
+
+.s-1\:min-w-auto {
+  min-width: auto;
+}
+
+.s-1\:min-w-full {
+  min-width: 100%;
+}
+
+.s-1\:min-w-min {
+  min-width: min-content;
+}
+
+.s-1\:min-w-max {
+  min-width: max-content;
+}
+
+.s-1\:min-w-fit {
+  min-width: fit-content;
+}
+
 .s-1\:overflow-visible {
   overflow: visible;
 }
@@ -4360,6 +4408,30 @@
   max-width: 100%;
 }
 
+.s-2\:min-w-0 {
+  min-width: 0;
+}
+
+.s-2\:min-w-auto {
+  min-width: auto;
+}
+
+.s-2\:min-w-full {
+  min-width: 100%;
+}
+
+.s-2\:min-w-min {
+  min-width: min-content;
+}
+
+.s-2\:min-w-max {
+  min-width: max-content;
+}
+
+.s-2\:min-w-fit {
+  min-width: fit-content;
+}
+
 .s-2\:overflow-visible {
   overflow: visible;
 }
@@ -5936,6 +6008,30 @@
   max-width: 100%;
 }
 
+.s-3\:min-w-0 {
+  min-width: 0;
+}
+
+.s-3\:min-w-auto {
+  min-width: auto;
+}
+
+.s-3\:min-w-full {
+  min-width: 100%;
+}
+
+.s-3\:min-w-min {
+  min-width: min-content;
+}
+
+.s-3\:min-w-max {
+  min-width: max-content;
+}
+
+.s-3\:min-w-fit {
+  min-width: fit-content;
+}
+
 .s-3\:overflow-visible {
   overflow: visible;
 }
@@ -7512,6 +7608,30 @@
   max-width: 100%;
 }
 
+.s-4\:min-w-0 {
+  min-width: 0;
+}
+
+.s-4\:min-w-auto {
+  min-width: auto;
+}
+
+.s-4\:min-w-full {
+  min-width: 100%;
+}
+
+.s-4\:min-w-min {
+  min-width: min-content;
+}
+
+.s-4\:min-w-max {
+  min-width: max-content;
+}
+
+.s-4\:min-w-fit {
+  min-width: fit-content;
+}
+
 .s-4\:overflow-visible {
   overflow: visible;
 }
@@ -9088,6 +9208,30 @@
   max-width: 100%;
 }
 
+.s-5\:min-w-0 {
+  min-width: 0;
+}
+
+.s-5\:min-w-auto {
+  min-width: auto;
+}
+
+.s-5\:min-w-full {
+  min-width: 100%;
+}
+
+.s-5\:min-w-min {
+  min-width: min-content;
+}
+
+.s-5\:min-w-max {
+  min-width: max-content;
+}
+
+.s-5\:min-w-fit {
+  min-width: fit-content;
+}
+
 .s-5\:overflow-visible {
   overflow: visible;
 }
@@ -10664,6 +10808,30 @@
   max-width: 100%;
 }
 
+.s-6\:min-w-0 {
+  min-width: 0;
+}
+
+.s-6\:min-w-auto {
+  min-width: auto;
+}
+
+.s-6\:min-w-full {
+  min-width: 100%;
+}
+
+.s-6\:min-w-min {
+  min-width: min-content;
+}
+
+.s-6\:min-w-max {
+  min-width: max-content;
+}
+
+.s-6\:min-w-fit {
+  min-width: fit-content;
+}
+
 .s-6\:overflow-visible {
   overflow: visible;
 }
@@ -11764,7 +11932,7 @@
   box-shadow: none;
 }
 
-:disabled .s-avatar, [data-disabled] & {
+:disabled .s-avatar, [data-disabled] .s-avatar {
   --color-avatar-bg: var(--color-border);
   --color-avatar-fg: var(--color-bg);
 }
@@ -11887,7 +12055,7 @@
   height: var(--avatar-size);
 }
 
-.s-avatar-counter& {
+.s-avatar-counter.s-avatar-counter {
   min-width: var(--avatar-size);
 }
 
@@ -11961,11 +12129,10 @@
 }
 
 .s-box {
-  min-width: 0;
   min-height: 0;
 }
 
-.s-box:is(ul), &:is(ol) {
+.s-box:is(ul), .s-box:is(ol) {
   list-style: none;
 }
 
@@ -12780,7 +12947,7 @@
   --color-muted-fg: var(--color-tinted-default-fg-4);
 }
 
-.s-card:is(button) {
+button.s-card {
   -webkit-font-smoothing: inherit;
   appearance: none;
   outline: none;
@@ -12792,16 +12959,64 @@
   width: fill-available;
 }
 
-.s-card:is(a) {
+a.s-card {
   outline: none;
   text-decoration: none;
 }
 
-.s-card:is(pre) {
+pre.s-card {
   font: inherit;
   white-space: inherit;
 }
 
+a.s-card:not([data-disabled]):hover, button.s-card:not([data-disabled]):hover {
+  --color-bg: var(--color-tinted-default-bg-1);
+  --color-border: var(--color-tinted-default-border-3);
+  --color-fg: var(--color-tinted-default-fg-1);
+  --color-muted-bg: var(--color-tinted-default-bg-2);
+  --color-muted-fg: var(--color-tinted-default-fg-4);
+}
+
+a.s-card:not([data-disabled]):active, button.s-card:not([data-disabled]):active {
+  --color-bg: var(--color-tinted-default-bg-2);
+  --color-border: var(--color-tinted-default-border-4);
+  --color-fg: var(--color-tinted-default-fg-0);
+  --color-muted-bg: var(--color-tinted-default-bg-3);
+  --color-muted-fg: var(--color-tinted-default-fg-4);
+}
+
+a.s-card:not([data-disabled])[aria-pressed="true"], button.s-card:not([data-disabled])[aria-pressed="true"] {
+  --color-bg: var(--color-tinted-default-bg-2);
+  --color-border: var(--color-tinted-default-border-4);
+  --color-fg: var(--color-tinted-default-fg-0);
+  --color-muted-bg: var(--color-tinted-default-bg-3);
+  --color-muted-fg: var(--color-tinted-default-fg-4);
+}
+
+a.s-card:not([data-disabled])[data-pressed], button.s-card:not([data-disabled])[data-pressed] {
+  --color-bg: var(--color-tinted-default-bg-2);
+  --color-border: var(--color-tinted-default-border-4);
+  --color-fg: var(--color-tinted-default-fg-0);
+  --color-muted-bg: var(--color-tinted-default-bg-3);
+  --color-muted-fg: var(--color-tinted-default-fg-4);
+}
+
+a.s-card:not([data-disabled])[data-selected], button.s-card:not([data-disabled])[data-selected] {
+  --color-bg: var(--color-solid-primary-bg-0);
+  --color-border: var(--color-solid-primary-border-1);
+  --color-fg: var(--color-solid-primary-fg-0);
+  --color-muted-bg: var(--color-solid-primary-bg-1);
+  --color-muted-fg: var(--color-solid-primary-fg-3);
+}
+
+a.s-card[data-disabled]), button.s-card[data-disabled] {
+  --color-bg: var(--color-tinted-default-bg-2);
+  --color-border: var(--color-tinted-default-border-4);
+  --color-fg: var(--color-tinted-default-fg-0);
+  --color-muted-bg: var(--color-tinted-default-bg-3);
+  --color-muted-fg: var(--color-tinted-default-fg-4);
+}
+
 .s-card.s-light {
   color-scheme: light;
   --color-transparent-accent-fg: var(--color-light-transparent-accent-fg);
@@ -19548,7 +19763,7 @@
 .s-checkbox-input:not(:disabled):focus:focus-visible + span {
 }
 
-.s-checkbox-input:not(:disabled):focus:focus-visible&:checked + span {
+.s-checkbox-input:not(:disabled):focus:focus-visible.s-checkbox-input:checked + span {
 }
 
 .s-checkbox-input[data-error] + span {
@@ -19961,6 +20176,10 @@ input:checked + .s-switch-presentation {
   --switch-thumb-offset: calc(var(--input-switch-width) - (var(--input-switch-padding) * 2) - var(--switch-thumb-size));
 }
 
+[data-indeterminate] > .s-switch-element + .s-switch-presentation {
+  --switch-thumb-offset: calc(var(--input-switch-width) / 2 - var(--switch-thumb-size) / 2 - var(--input-switch-padding));
+}
+
 .s-switch-track {
   display: block;
   background-color: var(--switch-bg-color);
@@ -20201,7 +20420,7 @@ input:checked + .s-switch-presentation {
   color: var(--color-token-punctuation);
 }
 
-.token.attr-value &:not(.attr-equals).punctuation {
+.token.attr-value .token:not(.attr-equals).punctuation {
   color: inherit;
 }
 
@@ -21708,7 +21927,7 @@ input:checked + .s-switch-presentation {
   --color-muted-fg: var(--color-tinted-fg-4);
 }
 
-.s-selectable:not([data-disabled]):active, &:not([data-disabled])[aria-pressed="true"], &:not([data-disabled])[data-pressed] {
+.s-selectable:not([data-disabled]):active, .s-selectable:not([data-disabled])[aria-pressed="true"], .s-selectable:not([data-disabled])[data-pressed] {
   --color-bg: var(--color-tinted-bg-2);
   --color-border: var(--color-tinted-border-4);
   --color-fg: var(--color-tinted-fg-0);

package/dist/theme.js

@@ -1695,7 +1695,7 @@ const defaultTokens = {
     "*": {
       // backdrop: ['black/0.2', '200/0.2'],
       backdrop: ["black/0.5", "gray/100/0.5"],
-      focusRing: ["blue/500", "blue/300"],
+      focusRing: ["blue/500", "blue/500"],
       link: {
         fg: ["blue/400", "blue/600"]
       },