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

package/lib/index.css

@@ -111,6 +111,10 @@
   margin-bottom: .5rem;
 }
 
+.-univer-ml-2 {
+  margin-left: -.5rem;
+}
+
 .univer-mb-0 {
   margin-bottom: 0;
 }
@@ -345,6 +349,10 @@
   width: 216px !important;
 }
 
+.\!univer-w-\[calc\(100vw-32px\)\] {
+  width: calc(100vw - 32px) !important;
+}
+
 .\!univer-w-full {
   width: 100% !important;
 }
@@ -469,6 +477,10 @@
   min-width: 2rem;
 }
 
+.\!univer-max-w-\[680px\] {
+  max-width: 680px !important;
+}
+
 .\!univer-max-w-none {
   max-width: none !important;
 }
@@ -722,10 +734,6 @@
   border-style: none !important;
 }
 
-.univer-border-none {
-  border-style: none;
-}
-
 .univer-border-current {
   border-color: currentColor;
 }
@@ -750,6 +758,10 @@
   background-color: #0000 !important;
 }
 
+.univer-bg-gray-0 {
+  background-color: var(--univer-gray-0);
+}
+
 .univer-bg-gray-100 {
   background-color: var(--univer-gray-100);
 }
@@ -770,14 +782,6 @@
   background-color: var(--univer-primary-600);
 }
 
-.univer-bg-transparent {
-  background-color: #0000;
-}
-
-.univer-bg-white {
-  background-color: var(--univer-white);
-}
-
 .univer-fill-gray-200 {
   fill: var(--univer-gray-200);
 }
@@ -806,6 +810,11 @@
   padding: 1rem;
 }
 
+.univer-px-0 {
+  padding-left: 0;
+  padding-right: 0;
+}
+
 .univer-px-1 {
   padding-left: .25rem;
   padding-right: .25rem;
@@ -907,6 +916,10 @@
   line-height: 1;
 }
 
+.univer-text-gray-0 {
+  color: var(--univer-gray-0);
+}
+
 .univer-text-gray-400 {
   color: var(--univer-gray-400);
 }
@@ -943,10 +956,6 @@
   color: var(--univer-red-500);
 }
 
-.univer-text-white {
-  color: var(--univer-white);
-}
-
 .univer-opacity-50 {
   opacity: .5;
 }
@@ -1034,10 +1043,6 @@
   background-color: var(--univer-red-50) !important;
 }
 
-.hover\:univer-bg-gray-100:hover {
-  background-color: var(--univer-gray-100);
-}
-
 .hover\:univer-bg-gray-50:hover {
   background-color: var(--univer-gray-50);
 }
@@ -1061,16 +1066,16 @@
   box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
 }
 
-.disabled\:univer-cursor-not-allowed:disabled {
-  cursor: not-allowed;
-}
-
-.disabled\:univer-text-gray-400:disabled {
-  color: var(--univer-gray-400);
+@media (min-width: 768px) {
+  .md\:\!univer-max-w-\[960px\] {
+    max-width: 960px !important;
+  }
 }
 
-.disabled\:hover\:univer-bg-transparent:hover:disabled {
-  background-color: #0000;
+@media (min-width: 1280px) {
+  .xl\:\!univer-max-w-\[1200px\] {
+    max-width: 1200px !important;
+  }
 }
 
 .rtl\:univer-left-5:where([dir="rtl"], [dir="rtl"] *) {
@@ -1089,6 +1094,10 @@
   right: auto;
 }
 
+.rtl\:-univer-mr-2:where([dir="rtl"], [dir="rtl"] *) {
+  margin-right: -.5rem;
+}
+
 .rtl\:univer-ml-0:where([dir="rtl"], [dir="rtl"] *) {
   margin-left: 0;
 }
@@ -1147,6 +1156,10 @@
   background-color: rgba(3, 7, 18, var(--univer-tw-bg-opacity, 1)) !important;
 }
 
+.dark\:\!univer-bg-primary-900:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-primary-900) !important;
+}
+
 .dark\:\!univer-bg-transparent:where(.univer-dark, .univer-dark *) {
   background-color: #0000 !important;
 }
@@ -1155,6 +1168,10 @@
   fill: var(--univer-gray-600) !important;
 }
 
+.dark\:\!univer-text-gray-0:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-gray-0) !important;
+}
+
 .dark\:\!univer-text-gray-100:where(.univer-dark, .univer-dark *) {
   color: var(--univer-gray-100) !important;
 }
@@ -1179,10 +1196,6 @@
   color: var(--univer-red-400) !important;
 }
 
-.dark\:\!univer-text-white:where(.univer-dark, .univer-dark *) {
-  color: var(--univer-white) !important;
-}
-
 .dark\:hover\:\!univer-border-primary-500:hover:where(.univer-dark, .univer-dark *) {
   border-color: var(--univer-primary-500) !important;
 }
@@ -1196,11 +1209,3 @@
   background-color: #450a0a !important;
   background-color: rgba(69, 10, 10, var(--univer-tw-bg-opacity, 1)) !important;
 }
-
-.dark\:disabled\:\!univer-text-gray-500:disabled:where(.univer-dark, .univer-dark *) {
-  color: var(--univer-gray-500) !important;
-}
-
-.dark\:disabled\:hover\:\!univer-bg-transparent:hover:disabled:where(.univer-dark, .univer-dark *) {
-  background-color: #0000 !important;
-}