@univerjs/preset-sheets-core 1.1.0 → 1.3.0

package/lib/index.css

@@ -192,10 +192,6 @@
   top: 1px;
 }
 
-.\!univer-z-\[1090\] {
-  z-index: 1090 !important;
-}
-
 .\!univer-z-\[1390\] {
   z-index: 1390 !important;
 }
@@ -297,7 +293,7 @@
   margin-left: .25rem;
 }
 
-.univer-ml-auto {
+.univer-ml-auto, .univer-ms-auto {
   margin-left: auto;
 }
 
@@ -479,6 +475,10 @@
   height: 1rem;
 }
 
+.univer-h-40 {
+  height: 10rem;
+}
+
 .univer-h-44 {
   height: 11rem;
 }
@@ -571,10 +571,6 @@
   min-height: 520px;
 }
 
-.\!univer-w-fit {
-  width: fit-content !important;
-}
-
 .\!univer-w-full {
   width: 100% !important;
 }
@@ -979,6 +975,16 @@
   margin-bottom: calc(.5rem * var(--univer-tw-space-y-reverse));
 }
 
+.univer-space-y-3 > :not([hidden]) ~ :not([hidden]) {
+  --univer-tw-space-y-reverse: 0;
+  margin-top: .75rem;
+  margin-top: calc(.75rem * (1 - var(--univer-tw-space-y-reverse)));
+  margin-top: .75rem;
+  margin-top: calc(.75rem * calc(1 - var(--univer-tw-space-y-reverse)));
+  margin-bottom: 0;
+  margin-bottom: calc(.75rem * var(--univer-tw-space-y-reverse));
+}
+
 .univer-divide-x > :not([hidden]) ~ :not([hidden]) {
   --univer-tw-divide-x-reverse: 0;
   border-right-width: 0;
@@ -1231,6 +1237,10 @@
   border-color: #0000 !important;
 }
 
+.univer-border-black\/10 {
+  border-color: #0000001a;
+}
+
 .univer-border-gray-0 {
   border-color: var(--univer-gray-0);
 }
@@ -1345,6 +1355,10 @@
   background-color: var(--univer-gray-900);
 }
 
+.univer-bg-primary-100 {
+  background-color: var(--univer-primary-100);
+}
+
 .univer-bg-primary-50 {
   background-color: var(--univer-primary-50);
 }
@@ -1902,6 +1916,10 @@
   --univer-tw-text-opacity: .75;
 }
 
+.univer-decoration-current {
+  text-decoration-color: currentColor;
+}
+
 .univer-underline-offset-4 {
   text-underline-offset: 4px;
 }
@@ -2020,8 +2038,8 @@
   --univer-tw-ring-offset-width: 2px;
 }
 
-.\!univer-ring-offset-gray-600 {
-  --univer-tw-ring-offset-color: var(--univer-gray-600) !important;
+.\!univer-ring-offset-gray-700 {
+  --univer-tw-ring-offset-color: var(--univer-gray-700) !important;
 }
 
 .\!univer-ring-offset-gray-800 {
@@ -2037,11 +2055,6 @@
   filter: var(--univer-tw-blur) var(--univer-tw-brightness) var(--univer-tw-contrast) var(--univer-tw-grayscale) var(--univer-tw-hue-rotate) var(--univer-tw-invert) var(--univer-tw-saturate) var(--univer-tw-sepia) var(--univer-tw-drop-shadow);
 }
 
-.univer-backdrop-blur-xl {
-  --univer-tw-backdrop-blur: blur(24px);
-  backdrop-filter: var(--univer-tw-backdrop-blur) var(--univer-tw-backdrop-brightness) var(--univer-tw-backdrop-contrast) var(--univer-tw-backdrop-grayscale) var(--univer-tw-backdrop-hue-rotate) var(--univer-tw-backdrop-invert) var(--univer-tw-backdrop-opacity) var(--univer-tw-backdrop-saturate) var(--univer-tw-backdrop-sepia);
-}
-
 .univer-transition-\[color\,box-shadow\] {
   transition-property: color, box-shadow;
   transition-duration: .15s;
@@ -2078,12 +2091,6 @@
   transition-timing-function: cubic-bezier(.4, 0, .2, 1);
 }
 
-.univer-transition-shadow {
-  transition-property: box-shadow;
-  transition-duration: .15s;
-  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-}
-
 .univer-transition-transform {
   transition-property: transform;
   transition-duration: .15s;
@@ -2275,6 +2282,14 @@
   scroll-padding-block: 4px;
 }
 
+.\[transition-timing-function\:cubic-bezier\(0\.08\,0\.82\,0\.17\,1\)\] {
+  transition-timing-function: cubic-bezier(.08, .82, .17, 1);
+}
+
+.\[transition-timing-function\:cubic-bezier\(0\.6\,0\.04\,0\.98\,0\.34\)\] {
+  transition-timing-function: cubic-bezier(.6, .04, .98, .34);
+}
+
 .placeholder\:univer-text-gray-200::placeholder {
   color: var(--univer-gray-200);
 }
@@ -2485,6 +2500,10 @@
     background-color: var(--univer-gray-50);
   }
 
+  .hover\:univer-bg-primary-100:hover {
+    background-color: var(--univer-primary-100);
+  }
+
   .hover\:univer-bg-primary-500:hover {
     background-color: var(--univer-primary-500);
   }
@@ -2529,10 +2548,6 @@
     opacity: .7;
   }
 
-  .hover\:univer-opacity-80:hover {
-    opacity: .8;
-  }
-
   .hover\:\[--gutter\:1rem\]:hover {
     --gutter: 1rem;
   }
@@ -2618,6 +2633,10 @@
   outline-color: var(--univer-primary-500);
 }
 
+.focus-visible\:univer-outline-primary-600:focus-visible {
+  outline-color: var(--univer-primary-600);
+}
+
 .focus-visible\:\!univer-ring-2:focus-visible {
   --univer-tw-ring-offset-shadow: var(--univer-tw-ring-inset) 0 0 0 var(--univer-tw-ring-offset-width) var(--univer-tw-ring-offset-color) !important;
   --univer-tw-ring-shadow: var(--univer-tw-ring-inset) 0 0 0 calc(2px + var(--univer-tw-ring-offset-width)) var(--univer-tw-ring-color) !important;
@@ -2925,16 +2944,12 @@
   --univer-tw-ring-color: var(--univer-primary-400) !important;
 }
 
-.dark\:\!univer-ring-primary-600:where(.univer-dark, .univer-dark *) {
-  --univer-tw-ring-color: var(--univer-primary-600) !important;
-}
-
 .dark\:\!univer-ring-primary-900:where(.univer-dark, .univer-dark *) {
   --univer-tw-ring-color: var(--univer-primary-900) !important;
 }
 
-.dark\:\!univer-ring-offset-gray-600:where(.univer-dark, .univer-dark *) {
-  --univer-tw-ring-offset-color: var(--univer-gray-600) !important;
+.dark\:\!univer-ring-offset-gray-700:where(.univer-dark, .univer-dark *) {
+  --univer-tw-ring-offset-color: var(--univer-gray-700) !important;
 }
 
 .dark\:\!univer-ring-offset-gray-800:where(.univer-dark, .univer-dark *) {
@@ -3146,14 +3161,14 @@
   line-height: 1.25rem;
 }
 
-.\[\&_\[data-description\]\]\:univer-text-gray-200 [data-description] {
-  color: var(--univer-gray-200);
-}
-
 .\[\&_\[data-description\]\]\:univer-text-gray-600 [data-description] {
   color: var(--univer-gray-600);
 }
 
+.dark\:\[\&_\[data-description\]\]\:\!univer-text-gray-200 [data-description]:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-gray-200) !important;
+}
+
 .\[\&_\[data-icon\]\>svg\]\:univer-relative [data-icon] > svg {
   position: relative;
 }
@@ -3229,6 +3244,10 @@
   border-color: var(--univer-gray-200);
 }
 
+.\[\&_\[data-sonner-toast\]\]\:univer-bg-gray-0 [data-sonner-toast] {
+  background-color: var(--univer-gray-0);
+}
+
 .\[\&_\[data-sonner-toast\]\]\:univer-shadow-\[0_16px_40px_-20px_rgba\(15\,23\,42\,0\.55\)\] [data-sonner-toast] {
   --univer-tw-shadow: 0 16px 40px -20px #0f172a8c;
   --univer-tw-shadow-colored: 0 16px 40px -20px var(--univer-tw-shadow-color);
@@ -3252,6 +3271,10 @@
   border-color: var(--univer-gray-600) !important;
 }
 
+.dark\:\[\&_\[data-sonner-toast\]\]\:\!univer-bg-gray-800 [data-sonner-toast]:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-800) !important;
+}
+
 .\[\&_\[data-title\]\]\:univer-text-sm [data-title] {
   font-size: .875rem;
   line-height: 1.25rem;
@@ -3356,10 +3379,6 @@
   border-color: var(--univer-gray-200);
 }
 
-.\[\&_input\]\:univer-border-gray-600 input {
-  border-color: var(--univer-gray-600);
-}
-
 .\[\&_input\]\:univer-bg-transparent input {
   background-color: #0000;
 }
@@ -3379,10 +3398,6 @@
   line-height: 1.25rem;
 }
 
-.\[\&_input\]\:univer-text-gray-0 input {
-  color: var(--univer-gray-0);
-}
-
 .\[\&_input\]\:univer-text-gray-700 input {
   color: var(--univer-gray-700);
 }
@@ -3392,6 +3407,14 @@
   outline: 2px solid #0000;
 }
 
+.dark\:\[\&_input\]\:\!univer-border-gray-600 input:where(.univer-dark, .univer-dark *) {
+  border-color: var(--univer-gray-600) !important;
+}
+
+.dark\:\[\&_input\]\:\!univer-text-gray-0 input:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-gray-0) !important;
+}
+
 .\[\&_svg\]\:univer-pointer-events-none svg {
   pointer-events: none;
 }
@@ -3442,10 +3465,6 @@
   bottom: 0;
 }
 
-.univer-bottom-2 {
-  bottom: .5rem;
-}
-
 .univer-bottom-4 {
   bottom: 1rem;
 }
@@ -3462,22 +3481,18 @@
   left: 5px;
 }
 
-.univer-top-0 {
-  top: 0;
+.univer-start-0 {
+  left: 0;
 }
 
-.univer-top-1\.5 {
-  top: .375rem;
+.univer-top-0 {
+  top: 0;
 }
 
 .univer-top-1\/2 {
   top: 50%;
 }
 
-.univer-top-2 {
-  top: .5rem;
-}
-
 .univer-top-\[5px\] {
   top: 5px;
 }
@@ -3528,6 +3543,10 @@
   margin-bottom: .25rem;
 }
 
+.univer-mb-2 {
+  margin-bottom: .5rem;
+}
+
 .univer-mb-3 {
   margin-bottom: .75rem;
 }
@@ -3536,14 +3555,14 @@
   margin-bottom: 1rem;
 }
 
-.univer-ml-3 {
-  margin-left: .75rem;
-}
-
 .univer-mr-1 {
   margin-right: .25rem;
 }
 
+.univer-ms-4 {
+  margin-left: 1rem;
+}
+
 .univer-mt-1\.5 {
   margin-top: .375rem;
 }
@@ -3652,11 +3671,6 @@
   height: 1.75rem;
 }
 
-.univer-size-8 {
-  width: 2rem;
-  height: 2rem;
-}
-
 .univer-size-9 {
   width: 2.25rem;
   height: 2.25rem;
@@ -3743,10 +3757,6 @@
   min-height: 2rem;
 }
 
-.univer-w-0\.5 {
-  width: .125rem;
-}
-
 .univer-w-10 {
   width: 2.5rem;
 }
@@ -3863,6 +3873,10 @@
   cursor: pointer;
 }
 
+.univer-select-none {
+  user-select: none;
+}
+
 .univer-list-none {
   list-style-type: none;
 }
@@ -4115,10 +4129,6 @@
   background-color: var(--univer-gray-50);
 }
 
-.univer-bg-gray-700 {
-  background-color: var(--univer-gray-700);
-}
-
 .univer-bg-primary-100 {
   background-color: var(--univer-primary-100);
 }
@@ -4171,11 +4181,6 @@
   padding-right: .5rem;
 }
 
-.univer-px-3 {
-  padding-left: .75rem;
-  padding-right: .75rem;
-}
-
 .univer-px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
@@ -4215,14 +4220,14 @@
   padding-bottom: .125rem;
 }
 
-.univer-pb-1 {
-  padding-bottom: .25rem;
-}
-
 .univer-pb-2 {
   padding-bottom: .5rem;
 }
 
+.univer-pe-2 {
+  padding-right: .5rem;
+}
+
 .univer-pl-1\.5 {
   padding-left: .375rem;
 }
@@ -4235,10 +4240,6 @@
   padding-left: 1rem;
 }
 
-.univer-pr-12 {
-  padding-right: 3rem;
-}
-
 .univer-pr-2 {
   padding-right: .5rem;
 }
@@ -4247,12 +4248,12 @@
   padding-top: .375rem;
 }
 
-.univer-pt-2 {
-  padding-top: .5rem;
+.univer-pt-10 {
+  padding-top: 2.5rem;
 }
 
-.univer-text-left {
-  text-align: left;
+.univer-pt-2 {
+  padding-top: .5rem;
 }
 
 .univer-text-center {
@@ -4333,6 +4334,10 @@
   line-height: 1;
 }
 
+.\!univer-text-gray-500 {
+  color: var(--univer-gray-500) !important;
+}
+
 .\!univer-text-gray-600 {
   color: var(--univer-gray-600) !important;
 }
@@ -4345,10 +4350,6 @@
   color: var(--univer-gray-100);
 }
 
-.univer-text-gray-300 {
-  color: var(--univer-gray-300);
-}
-
 .univer-text-gray-400 {
   color: var(--univer-gray-400);
 }
@@ -4373,12 +4374,12 @@
   color: var(--univer-gray-900);
 }
 
-.univer-text-primary-600 {
-  color: var(--univer-primary-600);
+.univer-text-primary-400 {
+  color: var(--univer-primary-400);
 }
 
-.univer-text-primary-700 {
-  color: var(--univer-primary-700);
+.univer-text-primary-600 {
+  color: var(--univer-primary-600);
 }
 
 .univer-text-violet-500 {
@@ -4453,16 +4454,12 @@
     border-color: var(--univer-primary-500);
   }
 
-  .hover\:univer-bg-gray-100:hover {
-    background-color: var(--univer-gray-100);
-  }
-
   .hover\:univer-bg-gray-50:hover {
     background-color: var(--univer-gray-50);
   }
 
-  .hover\:univer-bg-primary-50:hover {
-    background-color: var(--univer-primary-50);
+  .hover\:\!univer-text-gray-900:hover {
+    color: var(--univer-gray-900) !important;
   }
 
   .hover\:univer-text-gray-900:hover {
@@ -4551,10 +4548,6 @@
   border-color: var(--univer-gray-700) !important;
 }
 
-.dark\:univer-border-gray-700:where(.univer-dark, .univer-dark *) {
-  border-color: var(--univer-gray-700);
-}
-
 .dark\:\!univer-bg-gray-500:where(.univer-dark, .univer-dark *) {
   background-color: var(--univer-gray-500) !important;
 }
@@ -4591,10 +4584,6 @@
   background-color: var(--univer-gray-900);
 }
 
-.dark\:univer-bg-primary-400:where(.univer-dark, .univer-dark *) {
-  background-color: var(--univer-primary-400);
-}
-
 .dark\:\!univer-text-gray-0:where(.univer-dark, .univer-dark *) {
   color: var(--univer-gray-0) !important;
 }
@@ -4619,10 +4608,6 @@
   color: var(--univer-primary-400) !important;
 }
 
-.dark\:univer-text-gray-100:where(.univer-dark, .univer-dark *) {
-  color: var(--univer-gray-100);
-}
-
 .dark\:univer-text-gray-200:where(.univer-dark, .univer-dark *) {
   color: var(--univer-gray-200);
 }
@@ -4635,8 +4620,8 @@
   color: var(--univer-gray-400);
 }
 
-.dark\:univer-text-primary-200:where(.univer-dark, .univer-dark *) {
-  color: var(--univer-primary-200);
+.dark\:univer-text-primary-400:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-primary-400);
 }
 
 @media (hover: hover) and (pointer: fine) {
@@ -4648,12 +4633,12 @@
     background-color: var(--univer-gray-800) !important;
   }
 
-  .dark\:hover\:univer-bg-gray-700:hover:where(.univer-dark, .univer-dark *) {
-    background-color: var(--univer-gray-700);
+  .dark\:hover\:\!univer-text-gray-100:hover:where(.univer-dark, .univer-dark *) {
+    color: var(--univer-gray-100) !important;
   }
 
-  .dark\:hover\:univer-bg-gray-800:hover:where(.univer-dark, .univer-dark *) {
-    background-color: var(--univer-gray-800);
+  .dark\:hover\:univer-text-gray-100:hover:where(.univer-dark, .univer-dark *) {
+    color: var(--univer-gray-100);
   }
 }
 
@@ -6201,6 +6186,10 @@
   min-width: 18rem;
 }
 
+.univer-min-w-px {
+  min-width: 1px;
+}
+
 .univer-max-w-36 {
   max-width: 9rem;
 }
@@ -7510,6 +7499,10 @@
   margin-bottom: 0;
 }
 
+.univer-mb-1 {
+  margin-bottom: .25rem;
+}
+
 .univer-ml-2 {
   margin-left: .5rem;
 }
@@ -7592,11 +7585,6 @@
   height: 1rem !important;
 }
 
-.univer-size-1\.5 {
-  width: .375rem;
-  height: .375rem;
-}
-
 .univer-size-10 {
   width: 2.5rem;
   height: 2.5rem;
@@ -7657,6 +7645,14 @@
   height: 100%;
 }
 
+.\!univer-h-14 {
+  height: 3.5rem !important;
+}
+
+.\!univer-h-auto {
+  height: auto !important;
+}
+
 .univer-h-0 {
   height: 0;
 }
@@ -7693,6 +7689,10 @@
   height: .5rem;
 }
 
+.univer-h-3 {
+  height: .75rem;
+}
+
 .univer-h-4 {
   height: 1rem;
 }
@@ -7725,6 +7725,10 @@
   height: 340px;
 }
 
+.univer-h-\[73px\] {
+  height: 73px;
+}
+
 .univer-h-full {
   height: 100%;
 }
@@ -7753,6 +7757,10 @@
   min-height: 5rem;
 }
 
+.univer-min-h-7 {
+  min-height: 1.75rem;
+}
+
 .univer-min-h-8 {
   min-height: 2rem;
 }
@@ -7765,6 +7773,10 @@
   min-height: 100%;
 }
 
+.\!univer-w-14 {
+  width: 3.5rem !important;
+}
+
 .\!univer-w-full {
   width: 100% !important;
 }
@@ -7825,6 +7837,10 @@
   width: 2rem;
 }
 
+.univer-w-80 {
+  width: 20rem;
+}
+
 .univer-w-9 {
   width: 2.25rem;
 }
@@ -7909,6 +7925,10 @@
   max-width: 32%;
 }
 
+.univer-max-w-\[50\%\] {
+  max-width: 50%;
+}
+
 .univer-max-w-\[560px\] {
   max-width: 560px;
 }
@@ -8228,6 +8248,10 @@
   overflow: hidden;
 }
 
+.univer-whitespace-normal {
+  white-space: normal;
+}
+
 .univer-whitespace-nowrap {
   white-space: nowrap;
 }
@@ -8422,14 +8446,14 @@
   background-color: var(--univer-gray-300);
 }
 
-.univer-bg-gray-400 {
-  background-color: var(--univer-gray-400);
-}
-
 .univer-bg-gray-50 {
   background-color: var(--univer-gray-50);
 }
 
+.univer-bg-gray-600 {
+  background-color: var(--univer-gray-600);
+}
+
 .univer-bg-gray-700 {
   background-color: var(--univer-gray-700);
 }
@@ -8442,6 +8466,10 @@
   background-color: var(--univer-primary-50);
 }
 
+.univer-bg-primary-500 {
+  background-color: var(--univer-primary-500);
+}
+
 .univer-bg-primary-600 {
   background-color: var(--univer-primary-600);
 }
@@ -8666,6 +8694,10 @@
   text-align: right;
 }
 
+.univer-text-start {
+  text-align: left;
+}
+
 .univer-font-sans {
   font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
 }
@@ -8768,6 +8800,10 @@
   color: var(--univer-gray-900);
 }
 
+.univer-text-inherit {
+  color: inherit;
+}
+
 .univer-text-primary-500 {
   color: var(--univer-primary-500);
 }
@@ -8780,11 +8816,6 @@
   color: var(--univer-primary-700);
 }
 
-.univer-text-slate-200 {
-  --univer-tw-text-opacity: 1;
-  color: rgba(226, 232, 240, var(--univer-tw-text-opacity, 1));
-}
-
 .univer-underline {
   text-decoration-line: underline;
 }
@@ -8858,15 +8889,16 @@
   backdrop-filter: var(--univer-tw-backdrop-blur) var(--univer-tw-backdrop-brightness) var(--univer-tw-backdrop-contrast) var(--univer-tw-backdrop-grayscale) var(--univer-tw-backdrop-hue-rotate) var(--univer-tw-backdrop-invert) var(--univer-tw-backdrop-opacity) var(--univer-tw-backdrop-saturate) var(--univer-tw-backdrop-sepia);
 }
 
-.univer-backdrop-blur-xl {
-  --univer-tw-backdrop-blur: blur(24px);
-  backdrop-filter: var(--univer-tw-backdrop-blur) var(--univer-tw-backdrop-brightness) var(--univer-tw-backdrop-contrast) var(--univer-tw-backdrop-grayscale) var(--univer-tw-backdrop-hue-rotate) var(--univer-tw-backdrop-invert) var(--univer-tw-backdrop-opacity) var(--univer-tw-backdrop-saturate) var(--univer-tw-backdrop-sepia);
-}
-
 .\!univer-transition-none {
   transition-property: none !important;
 }
 
+.univer-transition {
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
+  transition-duration: .15s;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+}
+
 .univer-transition-\[height\] {
   transition-property: height;
   transition-duration: .15s;
@@ -8987,6 +9019,14 @@
   opacity: .4;
 }
 
+.data-\[state\=open\]\:univer-bg-primary-50[data-state="open"] {
+  background-color: var(--univer-primary-50);
+}
+
+.data-\[state\=open\]\:univer-text-primary-600[data-state="open"] {
+  color: var(--univer-primary-600);
+}
+
 @media (hover: hover) and (pointer: fine) {
   .hover\:univer-border-primary-600:hover {
     border-color: var(--univer-primary-600);
@@ -9008,6 +9048,10 @@
     background-color: var(--univer-gray-50);
   }
 
+  .hover\:univer-bg-primary-500:hover {
+    background-color: var(--univer-primary-500);
+  }
+
   .hover\:univer-bg-transparent:hover {
     background-color: #0000;
   }
@@ -9032,14 +9076,14 @@
   }
 }
 
-.focus\:univer-bg-gray-0:focus {
-  background-color: var(--univer-gray-0);
-}
-
 .focus\:univer-bg-gray-50:focus {
   background-color: var(--univer-gray-50);
 }
 
+.focus\:univer-bg-transparent:focus {
+  background-color: #0000;
+}
+
 .focus\:univer-outline-none:focus {
   outline-offset: 2px;
   outline: 2px solid #0000;
@@ -9052,6 +9096,10 @@
   box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), var(--univer-tw-shadow, 0 0 #0000);
 }
 
+.focus\:univer-ring-primary-500:focus {
+  --univer-tw-ring-color: var(--univer-primary-500);
+}
+
 .focus-visible\:univer-outline-none:focus-visible {
   outline-offset: 2px;
   outline: 2px solid #0000;
@@ -9099,6 +9147,10 @@
   background-color: var(--univer-gray-200);
 }
 
+.active\:univer-bg-primary-500:active {
+  background-color: var(--univer-primary-500);
+}
+
 .enabled\:active\:univer-scale-\[0\.98\]:active:enabled {
   --univer-tw-scale-x: .98;
   --univer-tw-scale-y: .98;
@@ -9198,6 +9250,10 @@
   border-bottom-right-radius: 0;
 }
 
+.rtl\:univer-pl-0:where([dir="rtl"], [dir="rtl"] *) {
+  padding-left: 0;
+}
+
 .rtl\:univer-pl-1\.5:where([dir="rtl"], [dir="rtl"] *) {
   padding-left: .375rem;
 }
@@ -9222,12 +9278,16 @@
   border-color: var(--univer-gray-700) !important;
 }
 
-.dark\:\!univer-bg-gray-200:where(.univer-dark, .univer-dark *) {
-  background-color: var(--univer-gray-200) !important;
+.dark\:\!univer-border-gray-800:where(.univer-dark, .univer-dark *) {
+  border-color: var(--univer-gray-800) !important;
 }
 
-.dark\:\!univer-bg-gray-300:where(.univer-dark, .univer-dark *) {
-  background-color: var(--univer-gray-300) !important;
+.dark\:\!univer-bg-gray-100:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-100) !important;
+}
+
+.dark\:\!univer-bg-gray-200:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-200) !important;
 }
 
 .dark\:\!univer-bg-gray-500:where(.univer-dark, .univer-dark *) {
@@ -9313,6 +9373,14 @@
   box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow) !important;
 }
 
+.dark\:data-\[state\=open\]\:\!univer-bg-gray-700[data-state="open"]:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-700) !important;
+}
+
+.dark\:data-\[state\=open\]\:\!univer-text-primary-300[data-state="open"]:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-primary-300) !important;
+}
+
 @media (hover: hover) and (pointer: fine) {
   .dark\:hover\:\!univer-bg-gray-600:hover:where(.univer-dark, .univer-dark *) {
     background-color: var(--univer-gray-600) !important;
@@ -9347,14 +9415,18 @@
   background-color: var(--univer-gray-600) !important;
 }
 
-.dark\:focus\:\!univer-bg-gray-800:focus:where(.univer-dark, .univer-dark *) {
-  background-color: var(--univer-gray-800) !important;
-}
-
 .dark\:focus\:\!univer-bg-gray-900:focus:where(.univer-dark, .univer-dark *) {
   background-color: var(--univer-gray-900) !important;
 }
 
+.dark\:focus\:\!univer-bg-transparent:focus:where(.univer-dark, .univer-dark *) {
+  background-color: #0000 !important;
+}
+
+.dark\:focus\:\!univer-ring-primary-300:focus:where(.univer-dark, .univer-dark *) {
+  --univer-tw-ring-color: var(--univer-primary-300) !important;
+}
+
 .dark\:active\:\!univer-bg-gray-600:active:where(.univer-dark, .univer-dark *) {
   background-color: var(--univer-gray-600) !important;
 }
@@ -9523,12 +9595,20 @@
   width: 100%;
 }
 
+.\[\&\>span\]\:univer-min-w-0 > span {
+  min-width: 0;
+}
+
 .\[\&\>span\]\:univer-truncate > span {
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
 }
 
+.\[\&\>span\]\:univer-whitespace-normal > span {
+  white-space: normal;
+}
+
 .\[\&\>span\]\:univer-text-base > span {
   font-size: 1rem;
   line-height: 1.5rem;
@@ -9788,6 +9868,10 @@
   outline: 2px solid #0000 !important;
 }
 
+.\[\&_button\]\:\!\[font-family\:inherit\] button {
+  font-family: inherit !important;
+}
+
 .\[\&_button_svg\]\:\!univer-size-5 button svg {
   width: 1.25rem !important;
   height: 1.25rem !important;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/preset-sheets-core",
-  "version": "1.1.0",
+  "version": "1.3.0",
   "private": false,
   "description": "Preset for core Univer Sheets spreadsheet features.",
   "author": "DreamNum Co., Ltd. <developer@univer.ai>",
@@ -61,28 +61,28 @@
     "rxjs": ">=7.0.0"
   },
   "dependencies": {
-    "@univerjs/design": "1.1.0",
-    "@univerjs/docs": "1.1.0",
-    "@univerjs/docs-ui": "1.1.0",
-    "@univerjs/engine-formula": "1.1.0",
-    "@univerjs/engine-render": "1.1.0",
-    "@univerjs/network": "1.1.0",
-    "@univerjs/rpc": "1.1.0",
-    "@univerjs/sheets": "1.1.0",
-    "@univerjs/sheets-formula": "1.1.0",
-    "@univerjs/sheets-formula-ui": "1.1.0",
-    "@univerjs/sheets-numfmt": "1.1.0",
-    "@univerjs/sheets-numfmt-ui": "1.1.0",
-    "@univerjs/sheets-ui": "1.1.0",
-    "@univerjs/ui": "1.1.0"
+    "@univerjs/design": "1.3.0",
+    "@univerjs/docs": "1.3.0",
+    "@univerjs/docs-ui": "1.3.0",
+    "@univerjs/engine-formula": "1.3.0",
+    "@univerjs/engine-render": "1.3.0",
+    "@univerjs/network": "1.3.0",
+    "@univerjs/rpc": "1.3.0",
+    "@univerjs/sheets": "1.3.0",
+    "@univerjs/sheets-formula": "1.3.0",
+    "@univerjs/sheets-formula-ui": "1.3.0",
+    "@univerjs/sheets-numfmt": "1.3.0",
+    "@univerjs/sheets-numfmt-ui": "1.3.0",
+    "@univerjs/sheets-ui": "1.3.0",
+    "@univerjs/ui": "1.3.0"
   },
   "devDependencies": {
-    "@univerjs-infra/shared": "1.1.0",
-    "@univerjs/core": "1.1.0",
-    "@univerjs/presets": "1.1.0",
+    "@univerjs-infra/shared": "1.3.0",
+    "@univerjs/core": "1.3.0",
+    "@univerjs/presets": "1.3.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "rxjs": "^7.8.2",
+    "rxjs": "7.8.2",
     "typescript": "^6.0.3"
   },
   "scripts": {