@univerjs-pro/slides-ui 1.0.0-alpha.1 → 1.0.0-alpha.2

package/lib/index.css

@@ -70,18 +70,10 @@
   right: 0;
 }
 
-.univer-right-2\.5 {
-  right: .625rem;
-}
-
 .univer-top-0 {
   top: 0;
 }
 
-.univer-top-1\/2 {
-  top: 50%;
-}
-
 .univer-top-\[calc\(100\%\+6px\)\] {
   top: calc(100% + 6px);
 }
@@ -128,10 +120,6 @@
   margin-bottom: .25rem;
 }
 
-.univer-mb-1\.5 {
-  margin-bottom: .375rem;
-}
-
 .univer-mb-2 {
   margin-bottom: .5rem;
 }
@@ -196,10 +184,6 @@
   display: none;
 }
 
-.univer-aspect-square {
-  aspect-ratio: 1;
-}
-
 .univer-aspect-video {
   aspect-ratio: 16 / 9;
 }
@@ -244,6 +228,10 @@
   height: 100%;
 }
 
+.\!univer-h-7 {
+  height: 1.75rem !important;
+}
+
 .\!univer-h-8 {
   height: 2rem !important;
 }
@@ -300,10 +288,6 @@
   max-height: 20rem;
 }
 
-.univer-max-h-\[75vh\] {
-  max-height: 75vh;
-}
-
 .univer-min-h-0 {
   min-height: 0;
 }
@@ -352,8 +336,8 @@
   width: 24rem;
 }
 
-.univer-w-\[320px\] {
-  width: 320px;
+.univer-w-\[154px\] {
+  width: 154px;
 }
 
 .univer-w-\[360px\] {
@@ -372,6 +356,10 @@
   width: min(520px, 48vw);
 }
 
+.univer-w-auto {
+  width: auto;
+}
+
 .univer-w-full {
   width: 100%;
 }
@@ -412,10 +400,6 @@
   min-width: 16rem;
 }
 
-.univer-max-w-\[154px\] {
-  max-width: 154px;
-}
-
 .univer-max-w-full {
   max-width: 100%;
 }
@@ -448,6 +432,10 @@
   cursor: default;
 }
 
+.univer-cursor-not-allowed {
+  cursor: not-allowed;
+}
+
 .univer-cursor-pointer {
   cursor: pointer;
 }
@@ -464,15 +452,6 @@
   resize: vertical;
 }
 
-.univer-appearance-none {
-  -webkit-appearance: none;
-  appearance: none;
-}
-
-.univer-grid-cols-10 {
-  grid-template-columns: repeat(10, minmax(0, 1fr));
-}
-
 .univer-grid-cols-2 {
   grid-template-columns: repeat(2, minmax(0, 1fr));
 }
@@ -579,6 +558,10 @@
   white-space: pre-wrap;
 }
 
+.\!univer-rounded {
+  border-radius: .25rem !important;
+}
+
 .univer-rounded {
   border-radius: .25rem;
 }
@@ -651,6 +634,10 @@
   border-style: none;
 }
 
+.\!univer-border-transparent {
+  border-color: #0000 !important;
+}
+
 .univer-border-gray-100 {
   border-color: var(--univer-gray-100);
 }
@@ -693,6 +680,10 @@
   border-left-color: var(--univer-gray-200);
 }
 
+.\!univer-bg-transparent {
+  background-color: #0000 !important;
+}
+
 .univer-bg-black {
   background-color: var(--univer-black);
 }
@@ -779,9 +770,9 @@
   padding: 1.5rem;
 }
 
-.univer-px-1 {
-  padding-left: .25rem;
-  padding-right: .25rem;
+.\!univer-px-1 {
+  padding-left: .25rem !important;
+  padding-right: .25rem !important;
 }
 
 .univer-px-1\.5 {
@@ -824,11 +815,6 @@
   padding-right: 2rem;
 }
 
-.univer-py-0 {
-  padding-top: 0;
-  padding-bottom: 0;
-}
-
 .univer-py-0\.5 {
   padding-top: .125rem;
   padding-bottom: .125rem;
@@ -880,10 +866,6 @@
   padding-right: .375rem;
 }
 
-.univer-pr-7 {
-  padding-right: 1.75rem;
-}
-
 .univer-pt-2 {
   padding-top: .5rem;
 }
@@ -1030,6 +1012,13 @@
   opacity: .5;
 }
 
+.\!univer-shadow-none {
+  --univer-tw-shadow: 0 0 #0000 !important;
+  --univer-tw-shadow-colored: 0 0 #0000 !important;
+  box-shadow: 0 0 #0000, 0 0 #0000, 0 0 #0000 !important;
+  box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow) !important;
+}
+
 .univer-shadow {
   --univer-tw-shadow: 0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;
   --univer-tw-shadow-colored: 0 1px 3px 0 var(--univer-tw-shadow-color), 0 1px 2px -1px var(--univer-tw-shadow-color);
@@ -1131,10 +1120,6 @@
   background-color: var(--univer-gray-100);
 }
 
-.hover\:univer-bg-gray-200:hover {
-  background-color: var(--univer-gray-200);
-}
-
 .hover\:univer-bg-gray-50:hover {
   background-color: var(--univer-gray-50);
 }
@@ -1177,42 +1162,27 @@
   color: var(--univer-white);
 }
 
-.focus\:univer-border-primary-500:focus {
-  border-color: var(--univer-primary-500);
-}
-
-.focus\:univer-bg-slate-100:focus {
-  --univer-tw-bg-opacity: 1;
-  background-color: #f1f5f9;
-  background-color: rgba(241, 245, 249, var(--univer-tw-bg-opacity, 1));
-}
-
-.focus\:univer-outline-none:focus {
-  outline-offset: 2px;
-  outline: 2px solid #0000;
+.focus\:\!univer-border-primary-500:focus {
+  border-color: var(--univer-primary-500) !important;
 }
 
-.focus-visible\:univer-outline-none:focus-visible {
-  outline-offset: 2px;
-  outline: 2px solid #0000;
+.focus\:univer-border-primary-500:focus {
+  border-color: var(--univer-primary-500);
 }
 
-.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\:\!univer-bg-white:focus {
+  background-color: var(--univer-white) !important;
 }
 
-.focus-visible\:univer-ring-primary-400:focus-visible {
-  --univer-tw-ring-color: var(--univer-primary-400);
+.focus\:\!univer-ring-1:focus {
+  --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) !important;
+  --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) !important;
+  box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), 0 0 #0000 !important;
+  box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), var(--univer-tw-shadow, 0 0 #0000) !important;
 }
 
-.active\:univer-scale-95:active {
-  --univer-tw-scale-x: .95;
-  --univer-tw-scale-y: .95;
-  transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(.95) scaleY(.95);
-  transform: translate(var(--univer-tw-translate-x), var(--univer-tw-translate-y)) rotate(var(--univer-tw-rotate)) skewX(var(--univer-tw-skew-x)) skewY(var(--univer-tw-skew-y)) scaleX(var(--univer-tw-scale-x)) scaleY(var(--univer-tw-scale-y));
+.focus\:\!univer-ring-primary-100:focus {
+  --univer-tw-ring-color: var(--univer-primary-100) !important;
 }
 
 .active\:univer-bg-primary-300:active {
@@ -1231,12 +1201,12 @@
   border-color: var(--univer-gray-200);
 }
 
-.disabled\:univer-bg-gray-100:disabled {
-  background-color: var(--univer-gray-100);
+.disabled\:\!univer-bg-transparent:disabled {
+  background-color: #0000 !important;
 }
 
-.disabled\:univer-bg-transparent:disabled {
-  background-color: #0000;
+.disabled\:univer-bg-gray-100:disabled {
+  background-color: var(--univer-gray-100);
 }
 
 .disabled\:univer-text-gray-400:disabled {
@@ -1367,6 +1337,14 @@
   border-color: var(--univer-primary-500) !important;
 }
 
+.dark\:focus\:\!univer-bg-gray-900:focus:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-900) !important;
+}
+
+.dark\:focus\:\!univer-ring-primary-900:focus:where(.univer-dark, .univer-dark *) {
+  --univer-tw-ring-color: var(--univer-primary-900) !important;
+}
+
 .dark\:active\:\!univer-bg-primary-600:active:where(.univer-dark, .univer-dark *) {
   background-color: var(--univer-primary-600) !important;
 }