@univerjs/design 0.25.1 → 1.0.0-alpha.1

package/lib/index.css

@@ -102,6 +102,15 @@
   right: 0;
 }
 
+.univer-inset-x-2 {
+  left: .5rem;
+  right: .5rem;
+}
+
+.-univer-bottom-px {
+  bottom: -1px;
+}
+
 .univer-bottom-0 {
   bottom: 0;
 }
@@ -219,6 +228,10 @@
   margin-bottom: 0;
 }
 
+.univer-mb-0\.5 {
+  margin-bottom: .125rem;
+}
+
 .univer-mb-1 {
   margin-bottom: .25rem;
 }
@@ -366,6 +379,10 @@
   height: .5rem;
 }
 
+.univer-h-20 {
+  height: 5rem;
+}
+
 .univer-h-32 {
   height: 8rem;
 }
@@ -406,6 +423,10 @@
   height: 1px;
 }
 
+.univer-h-screen {
+  height: 100vh;
+}
+
 .univer-max-h-0 {
   max-height: 0;
 }
@@ -422,10 +443,6 @@
   max-height: 1000px;
 }
 
-.univer-max-h-\[40vh\] {
-  max-height: 40vh;
-}
-
 .univer-max-h-full {
   max-height: 100%;
 }
@@ -454,6 +471,10 @@
   width: .625rem;
 }
 
+.univer-w-24 {
+  width: 6rem;
+}
+
 .univer-w-5 {
   width: 1.25rem;
 }
@@ -494,6 +515,18 @@
   width: 100%;
 }
 
+.univer-w-screen {
+  width: 100vw;
+}
+
+.univer-min-w-0 {
+  min-width: 0;
+}
+
+.univer-min-w-28 {
+  min-width: 7rem;
+}
+
 .univer-min-w-36 {
   min-width: 9rem;
 }
@@ -514,12 +547,12 @@
   max-width: 64rem;
 }
 
-.univer-max-w-\[520px\] {
-  max-width: 520px;
+.univer-max-w-80 {
+  max-width: 20rem;
 }
 
-.univer-max-w-\[60vw\] {
-  max-width: 60vw;
+.univer-max-w-\[520px\] {
+  max-width: 520px;
 }
 
 .univer-max-w-full {
@@ -900,6 +933,10 @@
   border-width: 1px;
 }
 
+.univer-border-0 {
+  border-width: 0;
+}
+
 .univer-border-2 {
   border-width: 2px;
 }
@@ -1099,6 +1136,11 @@
   fill: currentColor;
 }
 
+.univer-object-contain {
+  -o-object-fit: contain;
+  object-fit: contain;
+}
+
 .\!univer-p-2\.5 {
   padding: .625rem !important;
 }
@@ -1131,6 +1173,11 @@
   padding: 2rem;
 }
 
+.univer-px-0 {
+  padding-left: 0;
+  padding-right: 0;
+}
+
 .univer-px-1 {
   padding-left: .25rem;
   padding-right: .25rem;
@@ -1205,6 +1252,10 @@
   padding-left: 1rem !important;
 }
 
+.univer-pb-2 {
+  padding-bottom: .5rem;
+}
+
 .univer-pb-2\.5 {
   padding-bottom: .625rem;
 }
@@ -1233,6 +1284,14 @@
   padding-right: 2rem;
 }
 
+.univer-pt-0 {
+  padding-top: 0;
+}
+
+.univer-pt-3 {
+  padding-top: .75rem;
+}
+
 .univer-pt-4 {
   padding-top: 1rem;
 }
@@ -1872,6 +1931,10 @@
   background-color: var(--univer-gray-100);
 }
 
+.data-\[variant\=destructive\]\:univer-text-red-600[data-variant="destructive"] {
+  color: var(--univer-red-600);
+}
+
 .data-\[disabled\]\:univer-opacity-50[data-disabled] {
   opacity: .5;
 }
@@ -2036,6 +2099,10 @@
   --univer-tw-ring-color: var(--univer-primary-50);
 }
 
+.data-\[variant\=destructive\]\:focus\:univer-bg-red-50:focus[data-variant="destructive"] {
+  background-color: var(--univer-red-50);
+}
+
 .active\:univer-border-red-600:active {
   border-color: var(--univer-red-600);
 }
@@ -2172,10 +2239,18 @@
   background-color: var(--univer-gray-900) !important;
 }
 
+.dark\:\!univer-bg-primary-300:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-primary-300) !important;
+}
+
 .dark\:\!univer-bg-primary-600:where(.univer-dark, .univer-dark *) {
   background-color: var(--univer-primary-600) !important;
 }
 
+.dark\:\!univer-bg-transparent:where(.univer-dark, .univer-dark *) {
+  background-color: #0000 !important;
+}
+
 .dark\:\!univer-text-gray-100:where(.univer-dark, .univer-dark *) {
   color: var(--univer-gray-100) !important;
 }
@@ -2200,6 +2275,10 @@
   color: var(--univer-gray-900) !important;
 }
 
+.dark\:\!univer-text-primary-300:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-primary-300) !important;
+}
+
 .dark\:\!univer-text-primary-500:where(.univer-dark, .univer-dark *) {
   color: var(--univer-primary-500) !important;
 }
@@ -2242,6 +2321,10 @@
   background-color: var(--univer-gray-600) !important;
 }
 
+.dark\:data-\[variant\=destructive\]\:\!univer-text-red-400[data-variant="destructive"]:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-red-400) !important;
+}
+
 .dark\:hover\:\!univer-bg-gray-600:hover:where(.univer-dark, .univer-dark *) {
   background-color: var(--univer-gray-600) !important;
 }
@@ -2266,6 +2349,10 @@
   --univer-tw-ring-color: var(--univer-primary-900) !important;
 }
 
+.dark\:data-\[variant\=destructive\]\:focus\:\!univer-bg-red-900:focus[data-variant="destructive"]:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-red-900) !important;
+}
+
 .dark\:focus-visible\:\!univer-border-gray-600:focus-visible:where(.univer-dark, .univer-dark *) {
   border-color: var(--univer-gray-600) !important;
 }