@univerjs-pro/slides-table-ui 1.0.0-alpha.2 → 1.0.0-alpha.4

package/lib/index.css

@@ -1,7 +1,51 @@
+.univer-pointer-events-none {
+  pointer-events: none;
+}
+
 .univer-fixed {
   position: fixed;
 }
 
+.univer-absolute {
+  position: absolute;
+}
+
+.univer-relative {
+  position: relative;
+}
+
+.univer-sticky {
+  position: sticky;
+}
+
+.univer-right-0\.5 {
+  right: .125rem;
+}
+
+.univer-top-0 {
+  top: 0;
+}
+
+.univer-top-0\.5 {
+  top: .125rem;
+}
+
+.univer-z-10 {
+  z-index: 10;
+}
+
+.univer-mb-1 {
+  margin-bottom: .25rem;
+}
+
+.univer-mb-2 {
+  margin-bottom: .5rem;
+}
+
+.univer-mb-3 {
+  margin-bottom: .75rem;
+}
+
 .univer-box-border {
   box-sizing: border-box;
 }
@@ -22,6 +66,11 @@
   display: none;
 }
 
+.univer-size-3 {
+  width: .75rem;
+  height: .75rem;
+}
+
 .univer-size-4 {
   width: 1rem;
   height: 1rem;
@@ -36,6 +85,10 @@
   height: 1.5rem !important;
 }
 
+.univer-h-11 {
+  height: 2.75rem;
+}
+
 .univer-h-14 {
   height: 3.5rem;
 }
@@ -44,10 +97,6 @@
   height: .75rem;
 }
 
-.univer-h-5 {
-  height: 1.25rem;
-}
-
 .univer-h-6 {
   height: 1.5rem;
 }
@@ -60,8 +109,8 @@
   height: 2rem;
 }
 
-.univer-h-px {
-  height: 1px;
+.univer-max-h-\[420px\] {
+  max-height: 420px;
 }
 
 .univer-w-14 {
@@ -88,6 +137,10 @@
   width: 280px;
 }
 
+.univer-w-\[420px\] {
+  width: 420px;
+}
+
 .univer-w-auto {
   width: auto;
 }
@@ -96,14 +149,14 @@
   width: 100%;
 }
 
-.univer-w-px {
-  width: 1px;
-}
-
 .\!univer-min-w-0 {
   min-width: 0 !important;
 }
 
+.univer-min-w-0 {
+  min-width: 0;
+}
+
 .univer-min-w-32 {
   min-width: 8rem;
 }
@@ -124,6 +177,18 @@
   flex-shrink: 0;
 }
 
+.univer-cursor-pointer {
+  cursor: pointer;
+}
+
+.univer-grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.univer-grid-cols-4 {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
 .univer-grid-cols-5 {
   grid-template-columns: repeat(5, minmax(0, 1fr));
 }
@@ -160,6 +225,20 @@
   gap: .75rem;
 }
 
+.univer-overflow-hidden {
+  overflow: hidden;
+}
+
+.univer-overflow-y-auto {
+  overflow-y: auto;
+}
+
+.univer-truncate {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+}
+
 .\!univer-rounded-md {
   border-radius: .375rem !important;
 }
@@ -208,6 +287,18 @@
   border-color: var(--univer-gray-300);
 }
 
+.univer-border-primary-600 {
+  border-color: var(--univer-primary-600);
+}
+
+.univer-border-transparent {
+  border-color: #0000;
+}
+
+.\!univer-bg-gray-800 {
+  background-color: var(--univer-gray-800) !important;
+}
+
 .\!univer-bg-transparent {
   background-color: #0000 !important;
 }
@@ -220,14 +311,14 @@
   background-color: var(--univer-gray-100);
 }
 
-.univer-bg-gray-200 {
-  background-color: var(--univer-gray-200);
-}
-
 .univer-bg-primary-50 {
   background-color: var(--univer-primary-50);
 }
 
+.univer-bg-primary-600 {
+  background-color: var(--univer-primary-600);
+}
+
 .univer-bg-transparent {
   background-color: #0000;
 }
@@ -286,6 +377,15 @@
   padding-bottom: .25rem;
 }
 
+.univer-py-1\.5 {
+  padding-top: .375rem;
+  padding-bottom: .375rem;
+}
+
+.univer-pt-1 {
+  padding-top: .25rem;
+}
+
 .univer-text-left {
   text-align: left;
 }
@@ -300,10 +400,22 @@
   line-height: 1rem;
 }
 
+.univer-font-medium {
+  font-weight: 500;
+}
+
 .\!univer-text-primary-300 {
   color: var(--univer-primary-300) !important;
 }
 
+.univer-text-current {
+  color: currentColor;
+}
+
+.univer-text-gray-500 {
+  color: var(--univer-gray-500);
+}
+
 .univer-text-gray-600 {
   color: var(--univer-gray-600);
 }
@@ -312,10 +424,18 @@
   color: var(--univer-gray-700);
 }
 
+.univer-text-gray-900 {
+  color: var(--univer-gray-900);
+}
+
 .univer-text-primary-600 {
   color: var(--univer-primary-600);
 }
 
+.univer-text-white {
+  color: var(--univer-white);
+}
+
 .univer-shadow-lg {
   --univer-tw-shadow: 0px 4px 6px 0px #1e284d0d, 0px 10px 15px -3px #1e284d1a;
   --univer-tw-shadow-colored: 0px 4px 6px 0px var(--univer-tw-shadow-color), 0px 10px 15px -3px var(--univer-tw-shadow-color);
@@ -336,10 +456,50 @@
   transition-timing-function: cubic-bezier(.4, 0, .2, 1);
 }
 
+.last\:univer-mb-0:last-child {
+  margin-bottom: 0;
+}
+
+.hover\:univer-border-primary-300:hover {
+  border-color: var(--univer-primary-300);
+}
+
 .hover\:univer-bg-gray-100:hover {
   background-color: var(--univer-gray-100);
 }
 
+.hover\:univer-bg-primary-50:hover {
+  background-color: var(--univer-primary-50);
+}
+
+.focus-visible\:univer-outline:focus-visible {
+  outline-style: solid;
+}
+
+.focus-visible\:univer-outline-2:focus-visible {
+  outline-width: 2px;
+}
+
+.focus-visible\:univer-outline-offset-1:focus-visible {
+  outline-offset: 1px;
+}
+
+.focus-visible\:univer-outline-primary-500:focus-visible {
+  outline-color: var(--univer-primary-500);
+}
+
+.rtl\:univer-left-0\.5:where([dir="rtl"], [dir="rtl"] *) {
+  left: .125rem;
+}
+
+.rtl\:univer-right-auto:where([dir="rtl"], [dir="rtl"] *) {
+  right: auto;
+}
+
+.rtl\:univer-text-right:where([dir="rtl"], [dir="rtl"] *) {
+  text-align: right;
+}
+
 .dark\:\!univer-border-gray-600:where(.univer-dark, .univer-dark *) {
   border-color: var(--univer-gray-600) !important;
 }
@@ -348,6 +508,10 @@
   border-color: var(--univer-gray-700) !important;
 }
 
+.dark\:\!univer-border-primary-500:where(.univer-dark, .univer-dark *) {
+  border-color: var(--univer-primary-500) !important;
+}
+
 .dark\:\!univer-bg-gray-700:where(.univer-dark, .univer-dark *) {
   background-color: var(--univer-gray-700) !important;
 }
@@ -368,6 +532,10 @@
   color: var(--univer-gray-200) !important;
 }
 
+.dark\:\!univer-text-gray-400:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-gray-400) !important;
+}
+
 .dark\:\!univer-text-primary-300:where(.univer-dark, .univer-dark *) {
   color: var(--univer-primary-300) !important;
 }