@univerjs/sheets-ui 1.0.0-alpha.8 → 1.0.0-beta.1

package/lib/index.css

@@ -11,10 +11,7 @@
 }
 
 .univer-inset-0 {
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
+  inset: 0;
 }
 
 .-univer-bottom-0\.5 {
@@ -33,10 +30,6 @@
   top: -.125rem;
 }
 
-.univer-bottom-0 {
-  bottom: 0;
-}
-
 .univer-left-0 {
   left: 0;
 }
@@ -45,10 +38,6 @@
   left: .25rem;
 }
 
-.univer-left-1\/2 {
-  left: 50%;
-}
-
 .univer-left-3 {
   left: .75rem;
 }
@@ -161,6 +150,10 @@
   margin-right: 1.25rem;
 }
 
+.univer-mr-px {
+  margin-right: 1px;
+}
+
 .univer-mt-1 {
   margin-top: .25rem;
 }
@@ -338,6 +331,10 @@
   width: 6rem;
 }
 
+.univer-w-3 {
+  width: .75rem;
+}
+
 .univer-w-5 {
   width: 1.25rem;
 }
@@ -374,6 +371,10 @@
   width: 100%;
 }
 
+.univer-w-max {
+  width: max-content;
+}
+
 .univer-min-w-0 {
   min-width: 0;
 }
@@ -382,10 +383,6 @@
   min-width: 18rem;
 }
 
-.univer-max-w-32 {
-  max-width: 8rem;
-}
-
 .univer-max-w-36 {
   max-width: 9rem;
 }
@@ -406,8 +403,12 @@
   max-width: calc(100% - 112px);
 }
 
-.univer-max-w-fit {
-  max-width: fit-content;
+.univer-max-w-\[calc\(100vw-16px\)\] {
+  max-width: calc(100vw - 16px);
+}
+
+.univer-max-w-full {
+  max-width: 100%;
 }
 
 .univer-max-w-lg {
@@ -434,12 +435,6 @@
   flex-basis: 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));
-  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-translate-y-1\/2 {
   --univer-tw-translate-y: -50%;
   transform: translate(var(--univer-tw-translate-x), -50%) 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));
@@ -452,16 +447,6 @@
   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;
-}
-
 @keyframes univer-spin {
   to {
     transform: rotate(360deg);
@@ -493,7 +478,6 @@
 }
 
 .univer-appearance-none {
-  -webkit-appearance: none;
   appearance: none;
 }
 
@@ -541,6 +525,10 @@
   justify-content: space-between;
 }
 
+.univer-gap-0\.5 {
+  gap: .125rem;
+}
+
 .univer-gap-1 {
   gap: .25rem;
 }
@@ -553,9 +541,9 @@
   gap: 1.75rem;
 }
 
-.univer-gap-x-2 {
-  -moz-column-gap: .5rem;
-  column-gap: .5rem;
+.univer-gap-x-1\.5 {
+  -moz-column-gap: .375rem;
+  column-gap: .375rem;
 }
 
 .univer-space-y-2 > :not([hidden]) ~ :not([hidden]) {
@@ -650,6 +638,15 @@
   border-radius: .125rem;
 }
 
+.univer-rounded-t {
+  border-top-left-radius: .25rem;
+  border-top-right-radius: .25rem;
+}
+
+.univer-border {
+  border-width: 1px;
+}
+
 .univer-border-2 {
   border-width: 2px;
 }
@@ -662,10 +659,6 @@
   border-bottom-width: 1px;
 }
 
-.univer-border-r {
-  border-right-width: 1px;
-}
-
 .univer-border-solid {
   border-style: solid;
 }
@@ -722,6 +715,10 @@
   background-color: var(--univer-blue-600);
 }
 
+.univer-bg-gray-0 {
+  background-color: var(--univer-gray-0);
+}
+
 .univer-bg-gray-100 {
   background-color: var(--univer-gray-100);
 }
@@ -730,18 +727,10 @@
   background-color: var(--univer-gray-200);
 }
 
-.univer-bg-gray-50 {
-  background-color: var(--univer-gray-50);
-}
-
 .univer-bg-transparent {
   background-color: #0000;
 }
 
-.univer-bg-white {
-  background-color: var(--univer-white);
-}
-
 .univer-bg-gradient-to-b {
   background-image: linear-gradient(to bottom, var(--univer-tw-gradient-stops));
 }
@@ -871,8 +860,8 @@
   padding-top: .5rem;
 }
 
-.univer-text-center {
-  text-align: center;
+.univer-text-left {
+  text-align: left;
 }
 
 .univer-text-base {
@@ -918,12 +907,12 @@
   color: var(--univer-blue-400) !important;
 }
 
-.\!univer-text-gray-700 {
-  color: var(--univer-gray-700) !important;
+.\!univer-text-gray-0 {
+  color: var(--univer-gray-0) !important;
 }
 
-.\!univer-text-white {
-  color: var(--univer-white) !important;
+.\!univer-text-gray-700 {
+  color: var(--univer-gray-700) !important;
 }
 
 .univer-text-blue-500 {
@@ -934,6 +923,10 @@
   color: var(--univer-blue-600);
 }
 
+.univer-text-gray-0 {
+  color: var(--univer-gray-0);
+}
+
 .univer-text-gray-200 {
   color: var(--univer-gray-200);
 }
@@ -991,15 +984,6 @@
   color: rgba(225, 29, 72, var(--univer-tw-text-opacity, 1));
 }
 
-.univer-text-violet-500 {
-  --univer-tw-text-opacity: 1;
-  color: rgba(139, 92, 246, var(--univer-tw-text-opacity, 1));
-}
-
-.univer-text-white {
-  color: var(--univer-white);
-}
-
 .univer-text-yellow-500 {
   color: var(--univer-yellow-500);
 }
@@ -1165,26 +1149,10 @@
   background-color: var(--univer-gray-100);
 }
 
-.rtl\:univer-left-0:where([dir="rtl"], [dir="rtl"] *) {
-  left: 0;
-}
-
-.rtl\:univer-right-auto:where([dir="rtl"], [dir="rtl"] *) {
-  right: auto;
-}
-
 .rtl\:univer-flex-row-reverse:where([dir="rtl"], [dir="rtl"] *) {
   flex-direction: row-reverse;
 }
 
-.rtl\:univer-pl-5:where([dir="rtl"], [dir="rtl"] *) {
-  padding-left: 1.25rem;
-}
-
-.rtl\:univer-pr-1\.5:where([dir="rtl"], [dir="rtl"] *) {
-  padding-right: .375rem;
-}
-
 .rtl\:univer-text-right:where([dir="rtl"], [dir="rtl"] *) {
   text-align: right;
 }
@@ -1199,7 +1167,7 @@
   right: auto;
 }
 
-.dark\:\!univer-divide-gray-600:where(.univer-dark, .univer-dark *) > :not([hidden]) ~ :not([hidden]) {
+.dark\:\!univer-divide-gray-600:where(.univer-dark, .univer-dark *) > :not([hidden]) ~ :not([hidden]), .dark\:\!univer-border-gray-600:where(.univer-dark, .univer-dark *) {
   border-color: var(--univer-gray-600) !important;
 }
 
@@ -1211,14 +1179,14 @@
   border-right-color: var(--univer-gray-700) !important;
 }
 
-.dark\:\!univer-bg-black:where(.univer-dark, .univer-dark *) {
-  background-color: var(--univer-black) !important;
-}
-
 .dark\:\!univer-bg-blue-400:where(.univer-dark, .univer-dark *) {
   background-color: var(--univer-blue-400) !important;
 }
 
+.dark\:\!univer-bg-gray-1000:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-1000) !important;
+}
+
 .dark\:\!univer-bg-gray-600:where(.univer-dark, .univer-dark *) {
   background-color: var(--univer-gray-600) !important;
 }
@@ -1249,14 +1217,18 @@
   --univer-tw-gradient-to: var(--univer-gray-900) var(--univer-tw-gradient-to-position) !important;
 }
 
-.dark\:\!univer-fill-white:where(.univer-dark, .univer-dark *) {
-  fill: var(--univer-white) !important;
+.dark\:\!univer-fill-gray-0:where(.univer-dark, .univer-dark *) {
+  fill: var(--univer-gray-0) !important;
 }
 
 .dark\:\!univer-text-blue-400:where(.univer-dark, .univer-dark *) {
   color: var(--univer-blue-400) !important;
 }
 
+.dark\:\!univer-text-gray-0:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-gray-0) !important;
+}
+
 .dark\:\!univer-text-gray-200:where(.univer-dark, .univer-dark *) {
   color: var(--univer-gray-200) !important;
 }
@@ -1277,10 +1249,6 @@
   color: var(--univer-red-400) !important;
 }
 
-.dark\:\!univer-text-white:where(.univer-dark, .univer-dark *) {
-  color: var(--univer-white) !important;
-}
-
 .dark\:hover\:\!univer-bg-gray-600:hover:where(.univer-dark, .univer-dark *) {
   background-color: var(--univer-gray-600) !important;
 }