@sanity/ui 4.5.0-panda.0 → 4.5.0-panda.2

package/dist/styles.css

@@ -1,5 +1,5 @@
 @layer tokens {
-  @keyframes kf_dpDvYi {
+  @keyframes u-kf_dpDvYi {
     from {
       opacity: 0;
       transform: scale(.95);
@@ -11,7 +11,7 @@
     }
   }
 
-  @keyframes kf_feVUdh {
+  @keyframes u-kf_feVUdh {
     from {
       opacity: 0;
     }
@@ -21,7 +21,7 @@
     }
   }
 
-  @keyframes kf_fhCilR {
+  @keyframes u-kf_fhCilR {
     from {
       transform: rotate(0);
     }
@@ -31,7 +31,7 @@
     }
   }
 
-  @keyframes kf_kxFdEh {
+  @keyframes u-kf_kxFdEh {
     from {
       transform: translateX(-100%);
     }
@@ -43,786 +43,786 @@
 }
 
 @layer utilities {
-  .dJgWtv {
+  .u-dJgWtv {
     --switch-box-shadow: none;
   }
 
-  .eKvwpd {
-    animation: .2s ease-out kf_feVUdh;
+  .u-evIBAF {
+    animation: .2s ease-out u-kf_feVUdh;
   }
 
-  .ljhKOt {
-    animation: .5s linear infinite kf_fhCilR;
+  .u-fteRbN {
+    animation: .5s linear infinite u-kf_fhCilR;
   }
 
-  .fUjdzo {
+  .u-fUjdzo {
     background: none;
   }
 
-  .dNSLRW {
+  .u-dNSLRW {
     background: var(--card-bg-color);
   }
 
-  .cCeIjY {
+  .u-cCeIjY {
     background: var(--card-hairline-soft-color);
   }
 
-  .eHHXIg {
+  .u-eHHXIg {
     background: var(--switch-fg-color);
   }
 
-  .MrtSM {
+  .u-MrtSM {
     border: 0;
   }
 
-  .kWIjhW {
+  .u-kWIjhW {
     font: inherit;
   }
 
-  .jZsjHW {
+  .u-jZsjHW {
     margin: 0;
   }
 
-  .bnBrYd {
+  .u-bnBrYd {
     padding: 0;
   }
 
-  .cJTEQk {
+  .u-cJTEQk {
     padding: 1px;
   }
 
-  .gHYZIR {
+  .u-gHYZIR {
     border-radius: 50%;
   }
 
-  .gcUkTl {
+  .u-gcUkTl {
     border-radius: calc(var(--avatar-size) / 2);
   }
 
-  .hrbqoU {
+  .u-hrbqoU {
     border-radius: inherit;
   }
 
-  .kdFIjO {
+  .u-kdFIjO {
     flex: 1;
   }
 
-  .hEzNkW {
+  .u-hEzNkW {
     list-style: none;
   }
 
-  .dFXmkO {
+  .u-dFXmkO {
     outline: none;
   }
 
-  .gWzzAr {
+  .u-gWzzAr {
     overflow: auto;
   }
 
-  .fqYOpD {
+  .u-fqYOpD {
     overflow: clip;
   }
 
-  .gBjSqI {
+  .u-gBjSqI {
     text-decoration: none;
   }
 
-  .dpkMvs {
+  .u-dpkMvs {
     transition: all .2s linear;
   }
 
-  .eyEVfe {
+  .u-eyEVfe {
     transition: opacity .2s ease-in;
   }
 
-  .fIJvmj {
+  .u-fIJvmj {
     transition: transform .1s;
   }
 
-  .bNEqsD {
+  .u-bNEqsD {
     -webkit-font-smoothing: inherit;
   }
 
-  .fAtomh {
+  .u-fAtomh {
     align-items: center;
   }
 
-  .hxBzcr {
+  .u-hxBzcr {
     align-items: flex-end;
   }
 
-  .bGTgkg {
+  .u-bGTgkg {
     appearance: none;
   }
 
-  .jOHnOz {
+  .u-jOHnOz {
     background-color: var(--avatar-bg-color);
   }
 
-  .dhlXri {
+  .u-dhlXri {
     background-color: var(--card-bg-color);
   }
 
-  .indMik {
+  .u-indMik {
     background-color: var(--switch-bg-color);
   }
 
-  .fMVBjb {
+  .u-fMVBjb {
     box-shadow: 0 0 0 1px var(--card-bg-color);
   }
 
-  .dupTko {
+  .u-dupTko {
     box-shadow: 0 0 0 1px var(--card-bg-color), inset 0 0 0 1px var(--card-hairline-hard-color);
   }
 
-  .kecFSQ {
+  .u-kecFSQ {
     box-shadow: 0 1px #0000000d;
   }
 
-  .gpkhCb {
+  .u-gpkhCb {
     box-shadow: inherit;
   }
 
-  .ixvSSg {
+  .u-ixvSSg {
     box-sizing: border-box;
   }
 
-  .fuocjA {
+  .u-fuocjA {
     color: var(--avatar-fg-color);
   }
 
-  .fIoZKR {
+  .u-fIoZKR {
     color: var(--card-fg-color);
   }
 
-  .krAvjf {
+  .u-krAvjf {
     display: block;
   }
 
-  .HgOzd {
+  .u-HgOzd {
     display: flex;
   }
 
-  .gSxJLz {
+  .u-gSxJLz {
     display: inline-block;
   }
 
-  .cfsavV {
+  .u-cfsavV {
     display: inline-flex;
   }
 
-  .iPpIdb {
+  .u-iPpIdb {
     fill: var(--card-bg-color);
   }
 
-  .bhTTzp {
+  .u-bhTTzp {
     flex-direction: column;
   }
 
-  .bsGhWR {
+  .u-bsGhWR {
     justify-content: center;
   }
 
-  .eGjDnc {
+  .u-eGjDnc {
     line-height: 0;
   }
 
-  .exIGLf {
+  .u-exIGLf {
     object-fit: contain;
   }
 
-  .bgTIyZ {
+  .u-bgTIyZ {
     opacity: 0;
   }
 
-  .frJqtw {
+  .u-frJqtw {
     opacity: 1;
   }
 
-  .jieZfE {
+  .u-jieZfE {
     pointer-events: all;
   }
 
-  .cERSkX {
+  .u-cERSkX {
     pointer-events: none;
   }
 
-  .lhPceK {
+  .u-lhPceK {
     position: absolute;
   }
 
-  .kdNbGf {
+  .u-kdNbGf {
     position: fixed;
   }
 
-  .emPzDJ {
+  .u-emPzDJ {
     position: relative;
   }
 
-  .ggmhkl {
+  .u-ggmhkl {
     stroke: var(--avatar-bg-color);
   }
 
-  .iMJkVA {
+  .u-iMJkVA {
     stroke: var(--card-bg-color);
   }
 
-  .duAXIW {
+  .u-duAXIW {
     stroke: var(--card-shadow-outline-color);
   }
 
-  .ksRPkh {
+  .u-ksRPkh {
     stroke-width: 2px;
   }
 
-  .ysDJT {
+  .u-ysDJT {
     stroke-width: 4px;
   }
 
-  .dBwzdG {
+  .u-dBwzdG {
     text-align: center;
   }
 
-  .iAFgHi {
+  .u-iAFgHi {
     text-align: left;
   }
 
-  .iteyqJ {
+  .u-iteyqJ {
     text-overflow: ellipsis;
   }
 
-  .cPyXJe {
+  .u-cPyXJe {
     text-transform: uppercase;
   }
 
-  .iFTChX {
+  .u-iFTChX {
     transform: rotate(-90deg) translate3d(0, 6px, 0);
   }
 
-  .dszIPX {
+  .u-dszIPX {
     transform-origin: 0%;
   }
 
-  .bNSskR {
+  .u-bNSskR {
     transition-property: transform;
   }
 
-  .eIsAcC {
+  .u-eIsAcC {
     -webkit-user-select: none;
     user-select: none;
   }
 
-  .eSsDnV {
+  .u-eSsDnV {
     vertical-align: top;
   }
 
-  .cbkwRf {
+  .u-cbkwRf {
     white-space: nowrap;
   }
 
-  .hTsYDY {
+  .u-hTsYDY {
     will-change: opacity;
   }
 
-  .hVYkZh {
+  .u-hVYkZh {
     will-change: transform;
   }
 
-  .jBWBiF {
+  .u-jBWBiF {
     z-index: -1;
   }
 
-  .fRJJGt {
+  .u-fRJJGt {
     z-index: 0;
   }
 
-  .dStxMA {
+  .u-dStxMA {
     z-index: 1;
   }
 
-  .eYlglL {
+  .u-eYlglL {
     z-index: 2;
   }
 
-  .cYUUrS {
+  .u-cYUUrS {
     z-index: 3;
   }
 
-  .hWHAvy {
+  .u-hWHAvy {
     overflow-x: auto;
   }
 
-  .kyGdCf, .klNMOT {
+  .u-kyGdCf, .u-klNMOT {
     bottom: 0;
   }
 
-  .oQGpJ {
+  .u-oQGpJ {
     bottom: 2px;
   }
 
-  .bLvdID {
+  .u-bLvdID {
     height: 0;
   }
 
-  .ePwsZv {
+  .u-ePwsZv {
     height: 100%;
   }
 
-  .huoTQe {
+  .u-huoTQe {
     height: 1px;
   }
 
-  .jmIqco {
+  .u-jmIqco {
     height: round(1em, 2px);
   }
 
-  .cXkSBu {
+  .u-cXkSBu {
     height: var(--arrow-size);
   }
 
-  .kwLhwW {
+  .u-kwLhwW {
     height: var(--avatar-size);
   }
 
-  .kiKDyH {
+  .u-kiKDyH {
     left: 0;
   }
 
-  .fkylxA {
+  .u-fkylxA {
     left: -2px;
   }
 
-  .dYEDcH {
+  .u-dYEDcH {
     left: 0;
   }
 
-  .ftCJS {
+  .u-ftCJS {
     max-height: 100%;
   }
 
-  .hPjhXT {
+  .u-hPjhXT {
     max-width: 100%;
   }
 
-  .hyZffN {
+  .u-hyZffN {
     max-width: 420px;
   }
 
-  .jLKaQQ {
+  .u-jLKaQQ {
     min-height: 0;
   }
 
-  .iDEBOB {
+  .u-iDEBOB {
     min-width: 0;
   }
 
-  .hWgptE {
+  .u-hWgptE {
     right: 0;
   }
 
-  .ckbANH {
+  .u-ckbANH {
     right: -2px;
   }
 
-  .gRUupw {
+  .u-gRUupw {
     right: 0;
   }
 
-  .qbeer, .jsTwnL {
+  .u-qbeer, .u-jsTwnL {
     top: 0;
   }
 
-  .hRLrZa {
+  .u-hRLrZa {
     width: 0;
   }
 
-  .diGfnu {
+  .u-diGfnu {
     width: 100%;
   }
 
-  .iQYtgN {
+  .u-iQYtgN {
     width: -moz-available;
     width: -webkit-fill-available;
     width: stretch;
   }
 
-  .iNjdVt {
+  .u-iNjdVt {
     width: round(1em, 2px);
   }
 
-  .dxAhXf {
+  .u-dxAhXf {
     width: var(--arrow-size);
   }
 
-  .hhRcrn {
+  .u-hhRcrn {
     width: var(--avatar-size);
   }
 
-  .foMIZB > [data-ui="DialogCard"] {
-    animation: .2s ease-out kf_dpDvYi;
+  .u-tKGdt > [data-ui="DialogCard"] {
+    animation: .2s ease-out u-kf_dpDvYi;
   }
 
-  .fKaiaP > div {
+  .u-fKaiaP > div {
     box-sizing: border-box;
   }
 
-  .eJIKXE > div {
+  .u-eJIKXE > div {
     display: inline-block;
   }
 
-  .hlTznM > div {
+  .u-hlTznM > div {
     vertical-align: middle;
   }
 
-  .isxeDy > div {
+  .u-isxeDy > div {
     vertical-align: top;
   }
 
-  .bCEGXA > div {
+  .u-bCEGXA > div {
     max-width: 100%;
   }
 
-  .mMFSU > span {
+  .u-mMFSU > span {
     border-radius: inherit;
   }
 
-  .kWkaYS > span {
+  .u-kWkaYS > span {
     flex: 1;
   }
 
-  .gSwZVf > span {
+  .u-gSwZVf > span {
     display: block;
   }
 
-  .iDJVyZ > span {
+  .u-iDJVyZ > span {
     min-width: 0;
   }
 
-  .jNWDtd > svg {
+  .u-jNWDtd > svg {
     display: block;
   }
 
-  .fDskaq > svg {
+  .u-fDskaq > svg {
     line-height: 0;
   }
 
-  .hCrTsA > svg {
+  .u-hCrTsA > svg {
     position: absolute;
   }
 
-  .bbpCZG > svg {
+  .u-bbpCZG > svg {
     transform: translateX(-6px);
   }
 
-  .czwhQE > svg {
+  .u-czwhQE > svg {
     transform-origin: calc(var(--arrow-size) / 2) calc(var(--arrow-size) / 2);
   }
 
-  .fXXdBW > svg {
+  .u-fXXdBW > svg {
     height: 7px;
   }
 
-  .dGSZft > svg {
+  .u-dGSZft > svg {
     left: 50%;
   }
 
-  .eTFVft > svg {
+  .u-eTFVft > svg {
     top: -5px;
   }
 
-  .entgPE > svg {
+  .u-entgPE > svg {
     width: 11px;
   }
 
-  [data-placement^="bottom"] > .ePAzun > svg {
+  [data-placement^="bottom"] > .u-ePAzun > svg {
     transform: rotate(180deg);
   }
 
-  [data-placement^="left"] > .gQimFy > svg {
+  [data-placement^="left"] > .u-gQimFy > svg {
     transform: rotate(-90deg);
   }
 
-  [data-placement^="right"] > .cwZwVg > svg {
+  [data-placement^="right"] > .u-cwZwVg > svg {
     transform: rotate(90deg);
   }
 
-  [data-placement^="top"] > .hIhfXc > svg {
+  [data-placement^="top"] > .u-hIhfXc > svg {
     transform: rotate(0);
   }
 
-  .cRpRRD > ul {
+  .u-cRpRRD > ul {
     margin: 0;
   }
 
-  .juqQPY > ul {
+  .u-juqQPY > ul {
     padding: 0;
   }
 
-  .hDvsDr > ul {
+  .u-hDvsDr > ul {
     list-style: none;
   }
 
-  .hdBYnA[data-as="button"] {
+  .u-hdBYnA[data-as="button"] {
     border: 0;
   }
 
-  .eKhxNy[data-as="button"] {
+  .u-eKhxNy[data-as="button"] {
     font: inherit;
   }
 
-  .igUxFW[data-as="button"] {
+  .u-igUxFW[data-as="button"] {
     margin: 0;
   }
 
-  .ddjAuZ[data-as="button"] {
+  .u-ddjAuZ[data-as="button"] {
     padding: 0;
   }
 
-  .jKeppS[data-as="button"] {
+  .u-jKeppS[data-as="button"] {
     outline: none;
   }
 
-  .iMJsxr[data-as="button"] {
+  .u-iMJsxr[data-as="button"] {
     -webkit-font-smoothing: inherit;
   }
 
-  .hykRjY[data-as="button"] {
+  .u-hykRjY[data-as="button"] {
     appearance: none;
   }
 
-  .dRiciA[data-as="button"] {
+  .u-dRiciA[data-as="button"] {
     color: inherit;
   }
 
-  .kHypAY[data-has-duration] {
+  .u-kHypAY[data-has-duration] {
     padding-bottom: 1px;
   }
 
-  .dYvYSB[data-status="inactive"] {
+  .u-dYvYSB[data-status="inactive"] {
     opacity: .5;
   }
 
-  .VaYZP[role="none"] > [role="treeitem"] {
+  .u-VaYZP[role="none"] > [role="treeitem"] {
     border-radius: 3px;
   }
 
-  .igTsvP[role="none"] > [role="treeitem"] {
+  .u-igTsvP[role="none"] > [role="treeitem"] {
     outline: none;
   }
 
-  .ZyINL[role="none"] > [role="treeitem"] {
+  .u-ZyINL[role="none"] > [role="treeitem"] {
     background-color: var(--card-bg-color);
   }
 
-  .hYXSkP[role="none"] > [role="treeitem"] {
+  .u-hYXSkP[role="none"] > [role="treeitem"] {
     color: var(--treeitem-fg-color);
   }
 
-  .kyddSM[role="none"] > [role="treeitem"] {
+  .u-kyddSM[role="none"] > [role="treeitem"] {
     cursor: default;
   }
 
-  .duclHY[role="treeitem"] {
+  .u-duclHY[role="treeitem"] {
     outline: none;
   }
 
-  .ihcTNF[role="treeitem"] > div {
+  .u-ihcTNF[role="treeitem"] > div {
     border-radius: 3px;
   }
 
-  .BXTsx[role="treeitem"] > div {
+  .u-BXTsx[role="treeitem"] > div {
     background-color: var(--card-bg-color);
   }
 
-  .dRJpaF[role="treeitem"] > div {
+  .u-dRJpaF[role="treeitem"] > div {
     color: var(--treeitem-fg-color);
   }
 
-  .oWpmy[role="treeitem"] > div {
+  .u-oWpmy[role="treeitem"] > div {
     cursor: default;
   }
 
-  [data-arrow-position="bottom"] > .iVKMrE {
+  [data-arrow-position="bottom"] > .u-iVKMrE {
     opacity: 1;
   }
 
-  [data-arrow-position="bottom"] > .fgylBq {
+  [data-arrow-position="bottom"] > .u-fgylBq {
     transform: rotate(-180deg);
   }
 
-  [data-arrow-position="inside"] > .ktJvyW {
+  [data-arrow-position="inside"] > .u-ktJvyW {
     opacity: 0;
   }
 
-  [data-arrow-position="inside"] > .jAObRc {
+  [data-arrow-position="inside"] > .u-jAObRc {
     transform: rotate(-90deg) translate3d(0, 6px, 0);
   }
 
-  [data-arrow-position="top"] > .fNiGDY {
+  [data-arrow-position="top"] > .u-fNiGDY {
     opacity: 1;
   }
 
-  [data-arrow-position="top"] > .jKggCm {
+  [data-arrow-position="top"] > .u-jKggCm {
     transform: rotate(0);
   }
 
-  [data-placement^="bottom"] > .ejXzrG {
+  [data-placement^="bottom"] > .u-ejXzrG {
     top: calc(-1 * var(--arrow-size));
   }
 
-  [data-placement^="left"] > .iDWtIJ {
+  [data-placement^="left"] > .u-iDWtIJ {
     right: calc(-1 * var(--arrow-size));
   }
 
-  [data-placement^="right"] > .dhENJV {
+  [data-placement^="right"] > .u-dhENJV {
     left: calc(-1 * var(--arrow-size));
   }
 
-  [data-placement^="top"] > .elNbcS {
+  [data-placement^="top"] > .u-elNbcS {
     bottom: calc(-1 * var(--arrow-size));
   }
 
-  [data-status="editing"] .hxmycU {
+  [data-status="editing"] .u-hxmycU {
     stroke-dasharray: 2 4;
   }
 
-  [data-status="editing"] .fgUwLY {
+  [data-status="editing"] .u-fgUwLY {
     stroke-linecap: round;
   }
 
-  .cnjfpu > div:not([hidden]) {
+  .u-cnjfpu > div:not([hidden]) {
     display: inline-block;
   }
 
-  .eHFqYL > svg:not([hidden]), .gIVJpv:not([hidden]) {
+  .u-eHFqYL > svg:not([hidden]), .u-gIVJpv:not([hidden]) {
     display: block;
   }
 
-  .djbxbl:not([hidden]) {
+  .u-djbxbl:not([hidden]) {
     display: flex;
   }
 
-  .cXmUGv:not([hidden]) {
+  .u-cXmUGv:not([hidden]) {
     display: inline-block;
   }
 
-  :empty + .kWaIza {
+  :empty + .u-kWaIza {
     display: none;
   }
 
-  .kyTYla[role="none"] > [role="treeitem"]:focus, .hdUmmY[role="treeitem"]:focus > div {
+  .u-kyTYla[role="none"] > [role="treeitem"]:focus, .u-hdUmmY[role="treeitem"]:focus > div {
     position: relative;
   }
 
-  .grxHnN::-moz-focus-inner {
+  .u-grxHnN::-moz-focus-inner {
     border: 0;
   }
 
-  .cpxeAE::-moz-focus-inner {
+  .u-cpxeAE::-moz-focus-inner {
     padding: 0;
   }
 
-  .kmCWMa:after {
+  .u-kmCWMa:after {
     border-radius: inherit;
   }
 
-  .dbSCHR:after {
+  .u-dbSCHR:after {
     box-shadow: var(--switch-box-shadow);
   }
 
-  .dMOWAL:after {
+  .u-dMOWAL:after {
     content: "";
   }
 
-  .dRmRBl:after {
+  .u-dRmRBl:after {
     display: block;
   }
 
-  .iqwUak:after {
+  .u-iqwUak:after {
     position: absolute;
   }
 
-  .yDftq:after {
+  .u-yDftq:after {
     z-index: 1;
   }
 
-  .bpuMrN:after {
+  .u-bpuMrN:after {
     bottom: 0;
   }
 
-  .lhNBpt:after {
+  .u-lhNBpt:after {
     left: 0;
   }
 
-  .eKJNom:after {
+  .u-eKJNom:after {
     right: 0;
   }
 
-  .dCrjkN:after {
+  .u-dCrjkN:after {
     top: 0;
   }
 
   @media screen and (prefers-reduced-motion: no-preference) {
-    .bjraDg {
+    .u-bjraDg {
       -webkit-mask-image: linear-gradient(#fff, #fff);
     }
 
-    .iWSyZJ {
+    .u-iWSyZJ {
       background-color: var(--card-skeleton-color-from);
     }
 
-    .dJxRDW {
+    .u-dJxRDW {
       contain: paint;
     }
 
-    .eYpbHi {
+    .u-eYpbHi {
       -webkit-mask-image: linear-gradient(#fff, #fff);
       mask-image: linear-gradient(#fff, #fff);
     }
 
-    .UPzAf:after {
+    .u-UPzAf:after {
       inset: 0;
     }
 
-    .krabKr:after {
+    .u-krabKr:after {
       animation-duration: 2s;
     }
 
-    .TeBDG:after {
+    .u-TeBDG:after {
       animation-iteration-count: infinite;
     }
 
-    .cWHiZE:after {
-      animation-name: kf_kxFdEh;
+    .u-kugzhg:after {
+      animation-name: u-kf_kxFdEh;
     }
 
-    .gPHhfd:after {
+    .u-gPHhfd:after {
       animation-timing-function: ease-in-out;
     }
 
-    .anCSM:after {
+    .u-anCSM:after {
       background-image: linear-gradient(to right, transparent, var(--card-skeleton-color-to), transparent);
     }
 
-    .kAaLvT:after {
+    .u-kAaLvT:after {
       content: "";
     }
 
-    .kNAlYZ:after {
+    .u-kNAlYZ:after {
       pointer-events: none;
     }
 
-    .eBCRlA:after {
+    .u-eBCRlA:after {
       position: absolute;
     }
 
-    .cgyejD:after {
+    .u-cgyejD:after {
       will-change: transform;
     }
   }
 
   @media screen and (prefers-reduced-motion: reduce) {
-    .eCMeFC {
+    .u-eCMeFC {
       background-color: var(--card-skeleton-color-from);
     }
   }