@univerjs/preset-sheets-core 1.0.0-alpha.6 → 1.0.0-alpha.8

package/lib/index.css

@@ -191,6 +191,10 @@
   z-index: 10;
 }
 
+.univer-z-\[1070\] {
+  z-index: 1070;
+}
+
 .univer-z-\[1080\] {
   z-index: 1080;
 }
@@ -456,6 +460,10 @@
   max-height: 1000px;
 }
 
+.univer-max-h-\[300px\] {
+  max-height: 300px;
+}
+
 .univer-max-h-full {
   max-height: 100%;
 }
@@ -604,6 +612,10 @@
   transform-origin: var(--radix-hover-card-content-transform-origin);
 }
 
+.univer-origin-top-left {
+  transform-origin: 0 0;
+}
+
 .-univer-translate-x-1\/2 {
   --univer-tw-translate-x: -50%;
   transform: translate(-50%, var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
@@ -652,6 +664,18 @@
   transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
 }
 
+.univer-scale-y-0 {
+  --univer-tw-scale-y: 0;
+  transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(0);
+  transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
+}
+
+.univer-scale-y-100 {
+  --univer-tw-scale-y: 1;
+  transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(1);
+  transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
+}
+
 .\!univer-animate-none {
   animation: none !important;
 }
@@ -867,6 +891,10 @@
   overflow-y: auto;
 }
 
+.univer-overflow-x-hidden {
+  overflow-x: hidden;
+}
+
 .univer-truncate {
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -1280,6 +1308,11 @@
   padding-bottom: .75rem;
 }
 
+.univer-py-6 {
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+}
+
 .\!univer-pl-4 {
   padding-left: 1rem !important;
 }
@@ -1685,6 +1718,12 @@
   transition-timing-function: cubic-bezier(.4, 0, .2, 1);
 }
 
+.univer-transition-\[transform\,opacity\] {
+  transition-property: transform, opacity;
+  transition-duration: .15s;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+}
+
 .univer-transition-all {
   transition-property: all;
   transition-duration: .15s;
@@ -1884,6 +1923,10 @@
   animation-timing-function: cubic-bezier(0, 0, .2, 1);
 }
 
+.\[scroll-padding-block\:4px\] {
+  scroll-padding-block: 4px;
+}
+
 .placeholder\:univer-text-gray-200::placeholder {
   color: var(--univer-gray-200);
 }
@@ -1939,7 +1982,7 @@
   margin-bottom: 0;
 }
 
-.data-\[disabled\]\:univer-pointer-events-none[data-disabled] {
+.data-\[disabled\=true\]\:univer-pointer-events-none[data-disabled="true"], .data-\[disabled\]\:univer-pointer-events-none[data-disabled] {
   pointer-events: none;
 }
 
@@ -1959,7 +2002,7 @@
   width: 1px;
 }
 
-.data-\[state\=open\]\:univer-bg-gray-100[data-state="open"] {
+.data-\[selected\=true\]\:univer-bg-gray-100[data-selected="true"], .data-\[state\=open\]\:univer-bg-gray-100[data-state="open"] {
   background-color: var(--univer-gray-100);
 }
 
@@ -1967,7 +2010,7 @@
   color: var(--univer-red-600);
 }
 
-.data-\[disabled\]\:univer-opacity-50[data-disabled] {
+.data-\[disabled\=true\]\:univer-opacity-50[data-disabled="true"], .data-\[disabled\]\:univer-opacity-50[data-disabled] {
   opacity: .5;
 }
 
@@ -2221,6 +2264,14 @@
   right: auto;
 }
 
+.rtl\:univer-ml-0:where([dir="rtl"], [dir="rtl"] *) {
+  margin-left: 0;
+}
+
+.rtl\:univer-mr-auto:where([dir="rtl"], [dir="rtl"] *) {
+  margin-right: auto;
+}
+
 .rtl\:\!univer-rotate-0:where([dir="rtl"], [dir="rtl"] *) {
   --univer-tw-rotate: 0deg !important;
   transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(0deg) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y)) !important;
@@ -2395,6 +2446,10 @@
   background-color: var(--univer-gray-600) !important;
 }
 
+.dark\:data-\[selected\=true\]\:\!univer-bg-gray-600[data-selected="true"]:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-600) !important;
+}
+
 .dark\:data-\[state\=open\]\:\!univer-bg-gray-600[data-state="open"]:where(.univer-dark, .univer-dark *) {
   background-color: var(--univer-gray-600) !important;
 }
@@ -2485,6 +2540,10 @@
   flex-shrink: 0;
 }
 
+.\[\&\>svg\]\:univer-text-gray-400 > svg {
+  color: var(--univer-gray-400);
+}
+
 .\[\&\>ul\:not\(\:last-child\)\]\:univer-border-0 > ul:not(:last-child) {
   border-width: 0;
 }
@@ -2501,6 +2560,29 @@
   border-right-color: var(--univer-gray-200);
 }
 
+.\[\&_\[cmdk-group-heading\]\]\:univer-px-2 [cmdk-group-heading] {
+  padding-left: .5rem;
+  padding-right: .5rem;
+}
+
+.\[\&_\[cmdk-group-heading\]\]\:univer-py-1\.5 [cmdk-group-heading] {
+  padding-top: .375rem;
+  padding-bottom: .375rem;
+}
+
+.\[\&_\[cmdk-group-heading\]\]\:univer-text-xs [cmdk-group-heading] {
+  font-size: .75rem;
+  line-height: 1rem;
+}
+
+.\[\&_\[cmdk-group-heading\]\]\:univer-font-medium [cmdk-group-heading] {
+  font-weight: 500;
+}
+
+.\[\&_\[cmdk-group-heading\]\]\:univer-text-gray-500 [cmdk-group-heading] {
+  color: var(--univer-gray-500);
+}
+
 .\[\&_\[data-description\]\]\:univer-text-sm [data-description] {
   font-size: .875rem;
   line-height: 1.25rem;
@@ -2712,83 +2794,6 @@
 .\[\&_svg\]\:univer-shrink-0 svg {
   flex-shrink: 0;
 }
-.univer-popup {
-  z-index: 1070;
-  --univer-tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
-  --univer-tw-shadow-colored: 0 1px 3px 0 var(--univer-tw-shadow-color), 0 1px 2px -1px var(--univer-tw-shadow-color);
-  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a;
-  box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
-  border-radius: 6px;
-  position: fixed;
-  top: -9999px;
-  left: -9999px;
-  overflow: hidden;
-}
-
-.univer-popup-enter {
-  transform-origin: 0 0;
-  opacity: 0;
-  animation-duration: .15s;
-  animation-timing-function: cubic-bezier(.08, .82, .17, 1);
-  animation-play-state: paused;
-  animation-fill-mode: both;
-}
-
-.univer-popup-enter-active {
-  animation-name: popup-slide-up-in;
-  animation-play-state: running;
-}
-
-.univer-popup-exit {
-  transform-origin: 0 0;
-  opacity: 1;
-  animation-name: popup-slide-up-out;
-  animation-duration: .15s;
-  animation-timing-function: cubic-bezier(.6, .04, .98, .34);
-  animation-play-state: running;
-  animation-fill-mode: both;
-}
-
-.univer-popup-exit-active {
-  display: none;
-}
-
-@keyframes popup-slide-up-in {
-  0% {
-    transform-origin: 0 0;
-    opacity: 0;
-    transform: scaleY(0);
-  }
-
-  100% {
-    transform-origin: 0 0;
-    opacity: 1;
-    transform: scaleY(1);
-  }
-}
-
-@keyframes popup-slide-up-out {
-  0% {
-    transform-origin: 0 0;
-    opacity: 1;
-    transform: scaleY(1);
-  }
-
-  100% {
-    transform-origin: 0 0;
-    opacity: 0;
-    transform: scaleY(0);
-  }
-}
-
-.univer-popup-mask {
-  z-index: 1060;
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-}
 .univer-pointer-events-none {
   pointer-events: none;
 }
@@ -3134,10 +3139,6 @@
   border-width: 1px;
 }
 
-.univer-border-solid {
-  border-style: solid;
-}
-
 .univer-border-none {
   border-style: none;
 }
@@ -3267,6 +3268,10 @@
   padding-top: 3.5rem;
 }
 
+.univer-pt-2 {
+  padding-top: .5rem;
+}
+
 .univer-text-base {
   font-size: 1rem;
   line-height: 1.5rem;
@@ -3424,10 +3429,6 @@
   cursor: grabbing;
 }
 
-.dark\:\!univer-border-gray-600:where(.univer-dark, .univer-dark *) {
-  border-color: var(--univer-gray-600) !important;
-}
-
 .dark\:\!univer-border-gray-700:where(.univer-dark, .univer-dark *) {
   border-color: var(--univer-gray-700) !important;
 }
@@ -4546,6 +4547,10 @@
   width: 90px !important;
 }
 
+.\!univer-w-full {
+  width: 100% !important;
+}
+
 .univer-w-16 {
   width: 4rem;
 }
@@ -5564,6 +5569,10 @@
   right: 0;
 }
 
+.\!univer-top-auto {
+  top: auto !important;
+}
+
 .-univer-left-\[99999\] {
   left: -99999px;
 }
@@ -5576,6 +5585,10 @@
   bottom: 0;
 }
 
+.univer-bottom-1\.5 {
+  bottom: .375rem;
+}
+
 .univer-left-0 {
   left: 0;
 }
@@ -5604,6 +5617,10 @@
   top: 50%;
 }
 
+.univer-top-3\.5 {
+  top: .875rem;
+}
+
 .univer-top-\[-9999px\] {
   top: -9999px;
 }
@@ -5616,6 +5633,10 @@
   z-index: 20;
 }
 
+.univer-z-50 {
+  z-index: 50;
+}
+
 .univer-z-\[100\] {
   z-index: 100;
 }
@@ -5650,6 +5671,10 @@
   margin-bottom: 0;
 }
 
+.univer-ml-2 {
+  margin-left: .5rem;
+}
+
 .univer-ml-auto {
   margin-left: auto;
 }
@@ -5658,6 +5683,10 @@
   margin-right: .5rem;
 }
 
+.univer-mr-auto {
+  margin-right: auto;
+}
+
 .univer-mt-2 {
   margin-top: .5rem;
 }
@@ -5787,6 +5816,22 @@
   height: 2.5rem;
 }
 
+.univer-h-11 {
+  height: 2.75rem;
+}
+
+.univer-h-2 {
+  height: .5rem;
+}
+
+.univer-h-4 {
+  height: 1rem;
+}
+
+.univer-h-5 {
+  height: 1.25rem;
+}
+
 .univer-h-6 {
   height: 1.5rem;
 }
@@ -5811,6 +5856,10 @@
   height: 340px;
 }
 
+.univer-h-\[88px\] {
+  height: 88px;
+}
+
 .univer-h-full {
   height: 100%;
 }
@@ -5851,6 +5900,10 @@
   min-height: 100%;
 }
 
+.\!univer-w-full {
+  width: 100% !important;
+}
+
 .univer-w-0 {
   width: 0;
 }
@@ -5859,10 +5912,18 @@
   width: .25rem;
 }
 
+.univer-w-1\/3 {
+  width: 33.3333%;
+}
+
 .univer-w-10 {
   width: 2.5rem;
 }
 
+.univer-w-14 {
+  width: 3.5rem;
+}
+
 .univer-w-24 {
   width: 6rem;
 }
@@ -5899,10 +5960,6 @@
   width: 420px;
 }
 
-.univer-w-\[52px\] {
-  width: 52px;
-}
-
 .univer-w-\[68px\] {
   width: 68px;
 }
@@ -5923,6 +5980,14 @@
   min-width: 0;
 }
 
+.univer-min-w-14 {
+  min-width: 3.5rem;
+}
+
+.univer-min-w-16 {
+  min-width: 4rem;
+}
+
 .univer-min-w-44 {
   min-width: 11rem;
 }
@@ -5939,6 +6004,10 @@
   min-width: 16rem;
 }
 
+.univer-min-w-8 {
+  min-width: 2rem;
+}
+
 .univer-min-w-min {
   min-width: min-content;
 }
@@ -6024,6 +6093,16 @@
   transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
 }
 
+@keyframes univer-pulse {
+  50% {
+    opacity: .5;
+  }
+}
+
+.univer-animate-pulse {
+  animation: 2s cubic-bezier(.4, 0, .6, 1) infinite univer-pulse;
+}
+
 .univer-cursor-col-resize {
   cursor: col-resize;
 }
@@ -6093,6 +6172,10 @@
   grid-template-columns: auto 1fr auto;
 }
 
+.univer-grid-rows-2 {
+  grid-template-rows: repeat(2, minmax(0, 1fr));
+}
+
 .univer-grid-rows-\[100\%\] {
   grid-template-rows: 100%;
 }
@@ -6117,6 +6200,10 @@
   flex-wrap: wrap;
 }
 
+.univer-content-center {
+  align-content: center;
+}
+
 .univer-items-end {
   align-items: flex-end;
 }
@@ -6125,6 +6212,14 @@
   align-items: center;
 }
 
+.univer-items-stretch {
+  align-items: stretch;
+}
+
+.univer-justify-start {
+  justify-content: flex-start;
+}
+
 .univer-justify-end {
   justify-content: flex-end;
 }
@@ -6177,10 +6272,23 @@
   gap: 1rem;
 }
 
+.univer-gap-5 {
+  gap: 1.25rem;
+}
+
 .univer-gap-6 {
   gap: 1.5rem;
 }
 
+.univer-gap-x-1 {
+  -moz-column-gap: .25rem;
+  column-gap: .25rem;
+}
+
+.univer-gap-y-2 {
+  row-gap: .5rem;
+}
+
 .univer-overflow-hidden {
   overflow: hidden;
 }
@@ -6193,6 +6301,10 @@
   overflow-y: auto;
 }
 
+.univer-overflow-y-hidden {
+  overflow-y: hidden;
+}
+
 .univer-overscroll-contain {
   overscroll-behavior: contain;
 }
@@ -6263,6 +6375,11 @@
   border-radius: .75rem;
 }
 
+.univer-rounded-b {
+  border-bottom-right-radius: .25rem;
+  border-bottom-left-radius: .25rem;
+}
+
 .univer-rounded-l {
   border-top-left-radius: .25rem;
   border-bottom-left-radius: .25rem;
@@ -6283,6 +6400,11 @@
   border-top-right-radius: 28px;
 }
 
+.univer-rounded-t-none {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
 .univer-border {
   border-width: 1px;
 }
@@ -6295,6 +6417,14 @@
   border-bottom-width: 1px;
 }
 
+.univer-border-b-\[3px\] {
+  border-bottom-width: 3px;
+}
+
+.univer-border-t {
+  border-top-width: 1px;
+}
+
 .univer-border-solid {
   border-style: solid;
 }
@@ -6303,6 +6433,10 @@
   border-style: none;
 }
 
+.\!univer-border-gray-300 {
+  border-color: var(--univer-gray-300) !important;
+}
+
 .univer-border-gray-200 {
   border-color: var(--univer-gray-200);
 }
@@ -6315,6 +6449,10 @@
   border-color: var(--univer-primary-600);
 }
 
+.univer-border-transparent {
+  border-color: #0000;
+}
+
 .univer-border-white {
   border-color: var(--univer-white);
 }
@@ -6323,6 +6461,10 @@
   background-color: var(--univer-gray-200) !important;
 }
 
+.\!univer-bg-gray-800 {
+  background-color: var(--univer-gray-800) !important;
+}
+
 .univer-bg-\[rgba\(15\,23\,42\,0\.32\)\] {
   background-color: #0f172a52;
 }
@@ -6386,6 +6528,10 @@
   --univer-tw-gradient-to: #164e63 var(--univer-tw-gradient-to-position);
 }
 
+.\!univer-p-0 {
+  padding: 0 !important;
+}
+
 .univer-p-0 {
   padding: 0;
 }
@@ -6414,6 +6560,11 @@
   padding: 2rem;
 }
 
+.\!univer-px-0 {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+
 .univer-px-0 {
   padding-left: 0;
   padding-right: 0;
@@ -6484,6 +6635,10 @@
   padding-bottom: 1.75rem;
 }
 
+.\!univer-pr-0 {
+  padding-right: 0 !important;
+}
+
 .univer-pb-1 {
   padding-bottom: .25rem;
 }
@@ -6496,6 +6651,10 @@
   padding-bottom: .75rem;
 }
 
+.univer-pb-4 {
+  padding-bottom: 1rem;
+}
+
 .univer-pl-2 {
   padding-left: .5rem;
 }
@@ -6682,6 +6841,10 @@
   opacity: .4;
 }
 
+.univer-opacity-50 {
+  opacity: .5;
+}
+
 .univer-opacity-60 {
   opacity: .6;
 }
@@ -6841,6 +7004,10 @@
   color: var(--univer-gray-700);
 }
 
+.hover\:univer-text-gray-900:hover {
+  color: var(--univer-gray-900);
+}
+
 .hover\:univer-opacity-50:hover {
   opacity: .5;
 }
@@ -6884,10 +7051,18 @@
   box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), var(--univer-tw-shadow, 0 0 #0000);
 }
 
+.focus-visible\:univer-ring-inset:focus-visible {
+  --univer-tw-ring-inset: inset;
+}
+
 .focus-visible\:univer-ring-primary-100:focus-visible {
   --univer-tw-ring-color: var(--univer-primary-100);
 }
 
+.focus-visible\:univer-ring-primary-500:focus-visible {
+  --univer-tw-ring-color: var(--univer-primary-500);
+}
+
 .focus-visible\:univer-ring-primary-600:focus-visible {
   --univer-tw-ring-color: var(--univer-primary-600);
 }
@@ -6924,6 +7099,12 @@
   background-color: #0000;
 }
 
+@media (prefers-reduced-motion: reduce) {
+  .motion-reduce\:univer-animate-none {
+    animation: none;
+  }
+}
+
 @media (min-width: 640px) {
   .sm\:\!univer-flex {
     display: flex !important;
@@ -6942,6 +7123,14 @@
   right: auto;
 }
 
+.rtl\:univer-ml-0:where([dir="rtl"], [dir="rtl"] *) {
+  margin-left: 0;
+}
+
+.rtl\:univer-mr-auto:where([dir="rtl"], [dir="rtl"] *) {
+  margin-right: auto;
+}
+
 .rtl\:univer-rounded-l:where([dir="rtl"], [dir="rtl"] *) {
   border-top-left-radius: .25rem;
   border-bottom-left-radius: .25rem;
@@ -7097,6 +7286,10 @@
   color: var(--univer-gray-300) !important;
 }
 
+.dark\:hover\:\!univer-text-white:hover:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-white) !important;
+}
+
 .dark\:focus\:\!univer-bg-gray-600:focus:where(.univer-dark, .univer-dark *) {
   background-color: var(--univer-gray-600) !important;
 }
@@ -7191,6 +7384,22 @@
   background-color: var(--univer-gray-100);
 }
 
+.\[\&\>div\>span\>span\]\:univer-h-full > div > span > span, .\[\&\>span\>button\]\:univer-h-full > span > button {
+  height: 100%;
+}
+
+.\[\&\>span\>span\]\:univer-w-full > span > span {
+  width: 100%;
+}
+
+.\[\&\>span\]\:univer-h-full > span {
+  height: 100%;
+}
+
+.\[\&\>span\]\:univer-w-full > span {
+  width: 100%;
+}
+
 .\[\&\>span\]\:univer-truncate > span {
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -7206,6 +7415,16 @@
   font-weight: 500;
 }
 
+.\[\&\>svg\]\:univer-size-4 > svg {
+  width: 1rem;
+  height: 1rem;
+}
+
+.\[\&\>svg\]\:univer-size-8 > svg {
+  width: 2rem;
+  height: 2rem;
+}
+
 .\[\&\>svg\]\:univer-shrink-0 > svg {
   flex-shrink: 0;
 }
@@ -7328,6 +7547,10 @@
   min-height: 2rem !important;
 }
 
+.\[\&_\[data-u-command\]\]\:univer-w-full [data-u-command] {
+  width: 100%;
+}
+
 .\[\&_\[data-u-command\]\]\:\!univer-rounded-md [data-u-command] {
   border-radius: .375rem !important;
 }
@@ -7403,8 +7626,8 @@
   width: 1.75rem;
 }
 
-.\[\&_input\]\:univer-w-\[52px\] input {
-  width: 52px;
+.\[\&_input\]\:univer-w-full input {
+  width: 100%;
 }
 
 .\[\&_input\]\:\!univer-appearance-none input {