@univerjs-pro/slides-table-ui 1.0.0-beta.1 → 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,6 +80,16 @@
   height: 1rem;
 }
 
+.univer-size-5 {
+  width: 1.25rem;
+  height: 1.25rem;
+}
+
+.univer-size-6 {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
 .\!univer-h-6 {
   height: 1.5rem !important;
 }
@@ -92,14 +106,30 @@
   height: .75rem;
 }
 
+.univer-h-6 {
+  height: 1.5rem;
+}
+
 .univer-h-7 {
   height: 1.75rem;
 }
 
+.univer-h-8 {
+  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;
 }
@@ -116,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;
 }
@@ -200,6 +242,10 @@
   justify-content: space-between;
 }
 
+.univer-gap-0\.5 {
+  gap: .125rem;
+}
+
 .univer-gap-1 {
   gap: .25rem;
 }
@@ -254,10 +300,18 @@
   border-width: 1px;
 }
 
+.univer-border-0 {
+  border-width: 0;
+}
+
 .univer-border-solid {
   border-style: solid;
 }
 
+.univer-border-none {
+  border-style: none;
+}
+
 .\!univer-border-transparent {
   border-color: #0000 !important;
 }
@@ -314,6 +368,12 @@
   background-color: #0000;
 }
 
+.univer-bg-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 {
   fill: var(--univer-primary-600);
 }
@@ -323,6 +383,10 @@
   object-fit: cover;
 }
 
+.univer-p-0 {
+  padding: 0;
+}
+
 .univer-p-1 {
   padding: .25rem;
 }
@@ -364,6 +428,20 @@
   padding-top: .25rem;
 }
 
+.univer-text-left {
+  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;
@@ -382,6 +460,10 @@
   color: var(--univer-primary-300) !important;
 }
 
+.\!univer-text-primary-600 {
+  color: var(--univer-primary-600) !important;
+}
+
 .univer-text-current {
   color: currentColor;
 }
@@ -398,6 +480,10 @@
   color: var(--univer-gray-600);
 }
 
+.univer-text-gray-700 {
+  color: var(--univer-gray-700);
+}
+
 .univer-text-gray-900 {
   color: var(--univer-gray-900);
 }
@@ -434,10 +520,18 @@
   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);
 }
 
+.hover\:univer-text-primary-600:hover {
+  color: var(--univer-primary-600);
+}
+
 .focus-visible\:univer-outline:focus-visible {
   outline-style: solid;
 }
@@ -454,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;
 }
@@ -466,6 +568,10 @@
   justify-content: flex-end;
 }
 
+.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;
 }
@@ -506,6 +612,89 @@
   color: var(--univer-primary-300) !important;
 }
 
+.dark\:hover\:\!univer-bg-gray-700:hover:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-700) !important;
+}
+
 .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;
+}