@univerjs-pro/slides-table-ui 1.0.0-beta.0 → 1.0.0-beta.2

package/lib/index.css

@@ -34,6 +34,10 @@
   z-index: 10;
 }
 
+.univer-m-0 {
+  margin: 0;
+}
+
 .univer-mb-1 {
   margin-bottom: .25rem;
 }
@@ -76,9 +80,14 @@
   height: 1rem;
 }
 
-.univer-size-7 {
-  width: 1.75rem;
-  height: 1.75rem;
+.univer-size-5 {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+.univer-size-6 {
+  width: 1.5rem;
+  height: 1.5rem;
 }
 
 .\!univer-h-6 {
@@ -109,10 +118,18 @@
   height: 2rem;
 }
 
+.univer-h-full {
+  height: 100%;
+}
+
 .univer-max-h-\[420px\] {
   max-height: 420px;
 }
 
+.univer-w-10 {
+  width: 2.5rem;
+}
+
 .univer-w-14 {
   width: 3.5rem;
 }
@@ -129,10 +146,22 @@
   width: .75rem;
 }
 
+.univer-w-32 {
+  width: 8rem;
+}
+
+.univer-w-4 {
+  width: 1rem;
+}
+
 .univer-w-5 {
   width: 1.25rem;
 }
 
+.univer-w-\[120px\] {
+  width: 120px;
+}
+
 .univer-w-\[280px\] {
   width: 280px;
 }
@@ -161,10 +190,6 @@
   min-width: 8rem;
 }
 
-.univer-min-w-9 {
-  min-width: 2.25rem;
-}
-
 .univer-max-w-\[760px\] {
   max-width: 760px;
 }
@@ -205,6 +230,10 @@
   align-items: center;
 }
 
+.univer-justify-start {
+  justify-content: flex-start;
+}
+
 .univer-justify-center {
   justify-content: center;
 }
@@ -213,6 +242,10 @@
   justify-content: space-between;
 }
 
+.univer-gap-0\.5 {
+  gap: .125rem;
+}
+
 .univer-gap-1 {
   gap: .25rem;
 }
@@ -267,6 +300,10 @@
   border-width: 1px;
 }
 
+.univer-border-0 {
+  border-width: 0;
+}
+
 .univer-border-solid {
   border-style: solid;
 }
@@ -311,6 +348,10 @@
   background-color: currentColor;
 }
 
+.univer-bg-gray-0 {
+  background-color: var(--univer-gray-0);
+}
+
 .univer-bg-gray-100 {
   background-color: var(--univer-gray-100);
 }
@@ -328,7 +369,9 @@
 }
 
 .univer-bg-white {
-  background-color: var(--univer-white);
+  --univer-tw-bg-opacity: 1;
+  background-color: #fff;
+  background-color: rgba(255, 255, 255, var(--univer-tw-bg-opacity, 1));
 }
 
 .univer-fill-primary-600 {
@@ -366,11 +409,6 @@
   padding-right: .25rem;
 }
 
-.univer-px-1\.5 {
-  padding-left: .375rem;
-  padding-right: .375rem;
-}
-
 .univer-px-2 {
   padding-left: .5rem;
   padding-right: .5rem;
@@ -394,6 +432,16 @@
   text-align: left;
 }
 
+.univer-text-3xl {
+  font-size: 1.875rem;
+  line-height: 2.25rem;
+}
+
+.univer-text-lg {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
+}
+
 .univer-text-sm {
   font-size: .875rem;
   line-height: 1.25rem;
@@ -412,10 +460,18 @@
   color: var(--univer-primary-300) !important;
 }
 
+.\!univer-text-primary-600 {
+  color: var(--univer-primary-600) !important;
+}
+
 .univer-text-current {
   color: currentColor;
 }
 
+.univer-text-gray-0 {
+  color: var(--univer-gray-0);
+}
+
 .univer-text-gray-500 {
   color: var(--univer-gray-500);
 }
@@ -436,10 +492,6 @@
   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);
@@ -476,6 +528,10 @@
   background-color: var(--univer-primary-50);
 }
 
+.hover\:univer-text-primary-600:hover {
+  color: var(--univer-primary-600);
+}
+
 .focus-visible\:univer-outline:focus-visible {
   outline-style: solid;
 }
@@ -492,6 +548,14 @@
   outline-color: var(--univer-primary-500);
 }
 
+.disabled\:univer-cursor-not-allowed:disabled {
+  cursor: not-allowed;
+}
+
+.disabled\:univer-opacity-50:disabled {
+  opacity: .5;
+}
+
 .rtl\:univer-left-0\.5:where([dir="rtl"], [dir="rtl"] *) {
   left: .125rem;
 }
@@ -500,6 +564,10 @@
   right: auto;
 }
 
+.rtl\:univer-justify-end:where([dir="rtl"], [dir="rtl"] *) {
+  justify-content: flex-end;
+}
+
 .rtl\:univer-text-right:where([dir="rtl"], [dir="rtl"] *) {
   text-align: right;
 }
@@ -551,3 +619,82 @@
 .dark\:hover\:\!univer-bg-gray-800:hover:where(.univer-dark, .univer-dark *) {
   background-color: var(--univer-gray-800) !important;
 }
+
+.\[\&\>span\]\:univer-h-full > span {
+  height: 100%;
+}
+
+.\[\&\>span\]\:univer-w-full > span {
+  width: 100%;
+}
+
+[data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-grid {
+  display: grid;
+}
+
+[data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:\!univer-size-8 {
+  width: 2rem !important;
+  height: 2rem !important;
+}
+
+[data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-h-full {
+  height: 100%;
+}
+
+[data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-w-11 {
+  width: 2.75rem;
+}
+
+[data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-w-\[120px\] {
+  width: 120px;
+}
+
+[data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-w-full {
+  width: 100%;
+}
+
+[data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-min-w-28 {
+  min-width: 7rem;
+}
+
+[data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-flex-none {
+  flex: none;
+}
+
+[data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+[data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-grid-rows-2 {
+  grid-template-rows: repeat(2, minmax(0, 1fr));
+}
+
+[data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-flex-col {
+  flex-direction: column;
+}
+
+[data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-content-center {
+  align-content: center;
+}
+
+[data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-justify-items-stretch {
+  justify-items: stretch;
+}
+
+[data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-gap-1 {
+  gap: .25rem;
+}
+
+[data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-gap-x-2 {
+  -moz-column-gap: .5rem;
+  column-gap: .5rem;
+}
+
+[data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-gap-y-2 {
+  row-gap: .5rem;
+}
+
+[data-u-comp="ribbon-grid-toolbar"] .\[\[data-u-comp\=\'ribbon-grid-toolbar\'\]_\&\]\:univer-px-1\.5 {
+  padding-left: .375rem;
+  padding-right: .375rem;
+}