@univerjs/sheets-conditional-formatting-ui 1.0.0-alpha.3 → 1.0.0-alpha.4

package/lib/index.css

@@ -31,10 +31,6 @@
   margin-bottom: .625rem;
 }
 
-.univer-mb-1 {
-  margin-bottom: .25rem;
-}
-
 .univer-mb-2 {
   margin-bottom: .5rem;
 }
@@ -43,8 +39,8 @@
   margin-bottom: .625rem;
 }
 
-.univer-mb-3 {
-  margin-bottom: .75rem;
+.univer-mb-4 {
+  margin-bottom: 1rem;
 }
 
 .univer-ml-1 {
@@ -206,6 +202,14 @@
   justify-content: space-between;
 }
 
+.univer-gap-0\.5 {
+  gap: .125rem;
+}
+
+.univer-gap-1 {
+  gap: .25rem;
+}
+
 .univer-gap-2 {
   gap: .5rem;
 }
@@ -252,6 +256,10 @@
   border-width: 1px;
 }
 
+.univer-border-0 {
+  border-width: 0;
+}
+
 .univer-border-solid {
   border-style: solid;
 }
@@ -268,6 +276,14 @@
   background-color: var(--univer-gray-100);
 }
 
+.univer-bg-primary-50 {
+  background-color: var(--univer-primary-50);
+}
+
+.univer-bg-transparent {
+  background-color: #0000;
+}
+
 .univer-bg-white {
   background-color: var(--univer-white);
 }
@@ -280,6 +296,10 @@
   padding: .25rem;
 }
 
+.univer-p-3 {
+  padding: .75rem;
+}
+
 .univer-p-4 {
   padding: 1rem;
 }
@@ -289,6 +309,11 @@
   padding-right: .25rem;
 }
 
+.univer-px-2 {
+  padding-left: .5rem;
+  padding-right: .5rem;
+}
+
 .univer-px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
@@ -350,6 +375,10 @@
   color: var(--univer-gray-400);
 }
 
+.univer-text-gray-500 {
+  color: var(--univer-gray-500);
+}
+
 .univer-text-gray-600 {
   color: var(--univer-gray-600);
 }
@@ -362,6 +391,22 @@
   color: var(--univer-red-500);
 }
 
+.univer-outline-none {
+  outline-offset: 2px;
+  outline: 2px solid #0000;
+}
+
+.univer-ring-1 {
+  --univer-tw-ring-offset-shadow: var(--univer-tw-ring-inset) 0 0 0 var(--univer-tw-ring-offset-width) var(--univer-tw-ring-offset-color);
+  --univer-tw-ring-shadow: var(--univer-tw-ring-inset) 0 0 0 calc(1px + var(--univer-tw-ring-offset-width)) var(--univer-tw-ring-color);
+  box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), 0 0 #0000;
+  box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), var(--univer-tw-shadow, 0 0 #0000);
+}
+
+.univer-ring-primary-600 {
+  --univer-tw-ring-color: var(--univer-primary-600);
+}
+
 .univer-transition-all {
   transition-property: all;
   transition-duration: .15s;
@@ -374,6 +419,10 @@
   transition-timing-function: cubic-bezier(.4, 0, .2, 1);
 }
 
+.last\:univer-mb-0:last-child {
+  margin-bottom: 0;
+}
+
 .univer-group:hover .group-hover\:univer-flex {
   display: flex;
 }
@@ -390,6 +439,17 @@
   background-color: var(--univer-gray-200);
 }
 
+.focus-visible\:univer-ring-2:focus-visible {
+  --univer-tw-ring-offset-shadow: var(--univer-tw-ring-inset) 0 0 0 var(--univer-tw-ring-offset-width) var(--univer-tw-ring-offset-color);
+  --univer-tw-ring-shadow: var(--univer-tw-ring-inset) 0 0 0 calc(2px + var(--univer-tw-ring-offset-width)) var(--univer-tw-ring-color);
+  box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), 0 0 #0000;
+  box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), var(--univer-tw-shadow, 0 0 #0000);
+}
+
+.focus-visible\:univer-ring-primary-600:focus-visible {
+  --univer-tw-ring-color: var(--univer-primary-600);
+}
+
 .rtl\:univer-grid-flow-dense:where([dir="rtl"], [dir="rtl"] *) {
   grid-auto-flow: dense;
 }
@@ -406,10 +466,18 @@
   background-color: var(--univer-gray-700) !important;
 }
 
+.dark\:\!univer-bg-primary-900:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-primary-900) !important;
+}
+
 .dark\:\!univer-text-gray-200:where(.univer-dark, .univer-dark *) {
   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-white:where(.univer-dark, .univer-dark *) {
   color: var(--univer-white) !important;
 }