@univerjs/preset-docs-core 1.1.0 → 1.2.0

package/lib/index.css

@@ -297,7 +297,7 @@
   margin-left: .25rem;
 }
 
-.univer-ml-auto {
+.univer-ml-auto, .univer-ms-auto {
   margin-left: auto;
 }
 
@@ -1345,6 +1345,10 @@
   background-color: var(--univer-gray-900);
 }
 
+.univer-bg-primary-100 {
+  background-color: var(--univer-primary-100);
+}
+
 .univer-bg-primary-50 {
   background-color: var(--univer-primary-50);
 }
@@ -1902,6 +1906,10 @@
   --univer-tw-text-opacity: .75;
 }
 
+.univer-decoration-current {
+  text-decoration-color: currentColor;
+}
+
 .univer-underline-offset-4 {
   text-underline-offset: 4px;
 }
@@ -2037,11 +2045,6 @@
   filter: var(--univer-tw-blur) var(--univer-tw-brightness) var(--univer-tw-contrast) var(--univer-tw-grayscale) var(--univer-tw-hue-rotate) var(--univer-tw-invert) var(--univer-tw-saturate) var(--univer-tw-sepia) var(--univer-tw-drop-shadow);
 }
 
-.univer-backdrop-blur-xl {
-  --univer-tw-backdrop-blur: blur(24px);
-  backdrop-filter: var(--univer-tw-backdrop-blur) var(--univer-tw-backdrop-brightness) var(--univer-tw-backdrop-contrast) var(--univer-tw-backdrop-grayscale) var(--univer-tw-backdrop-hue-rotate) var(--univer-tw-backdrop-invert) var(--univer-tw-backdrop-opacity) var(--univer-tw-backdrop-saturate) var(--univer-tw-backdrop-sepia);
-}
-
 .univer-transition-\[color\,box-shadow\] {
   transition-property: color, box-shadow;
   transition-duration: .15s;
@@ -2275,6 +2278,14 @@
   scroll-padding-block: 4px;
 }
 
+.\[transition-timing-function\:cubic-bezier\(0\.08\,0\.82\,0\.17\,1\)\] {
+  transition-timing-function: cubic-bezier(.08, .82, .17, 1);
+}
+
+.\[transition-timing-function\:cubic-bezier\(0\.6\,0\.04\,0\.98\,0\.34\)\] {
+  transition-timing-function: cubic-bezier(.6, .04, .98, .34);
+}
+
 .placeholder\:univer-text-gray-200::placeholder {
   color: var(--univer-gray-200);
 }
@@ -2485,6 +2496,10 @@
     background-color: var(--univer-gray-50);
   }
 
+  .hover\:univer-bg-primary-100:hover {
+    background-color: var(--univer-primary-100);
+  }
+
   .hover\:univer-bg-primary-500:hover {
     background-color: var(--univer-primary-500);
   }
@@ -3146,14 +3161,14 @@
   line-height: 1.25rem;
 }
 
-.\[\&_\[data-description\]\]\:univer-text-gray-200 [data-description] {
-  color: var(--univer-gray-200);
-}
-
 .\[\&_\[data-description\]\]\:univer-text-gray-600 [data-description] {
   color: var(--univer-gray-600);
 }
 
+.dark\:\[\&_\[data-description\]\]\:\!univer-text-gray-200 [data-description]:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-gray-200) !important;
+}
+
 .\[\&_\[data-icon\]\>svg\]\:univer-relative [data-icon] > svg {
   position: relative;
 }
@@ -3229,6 +3244,10 @@
   border-color: var(--univer-gray-200);
 }
 
+.\[\&_\[data-sonner-toast\]\]\:univer-bg-gray-0 [data-sonner-toast] {
+  background-color: var(--univer-gray-0);
+}
+
 .\[\&_\[data-sonner-toast\]\]\:univer-shadow-\[0_16px_40px_-20px_rgba\(15\,23\,42\,0\.55\)\] [data-sonner-toast] {
   --univer-tw-shadow: 0 16px 40px -20px #0f172a8c;
   --univer-tw-shadow-colored: 0 16px 40px -20px var(--univer-tw-shadow-color);
@@ -3252,6 +3271,10 @@
   border-color: var(--univer-gray-600) !important;
 }
 
+.dark\:\[\&_\[data-sonner-toast\]\]\:\!univer-bg-gray-800 [data-sonner-toast]:where(.univer-dark, .univer-dark *) {
+  background-color: var(--univer-gray-800) !important;
+}
+
 .\[\&_\[data-title\]\]\:univer-text-sm [data-title] {
   font-size: .875rem;
   line-height: 1.25rem;
@@ -3356,10 +3379,6 @@
   border-color: var(--univer-gray-200);
 }
 
-.\[\&_input\]\:univer-border-gray-600 input {
-  border-color: var(--univer-gray-600);
-}
-
 .\[\&_input\]\:univer-bg-transparent input {
   background-color: #0000;
 }
@@ -3379,10 +3398,6 @@
   line-height: 1.25rem;
 }
 
-.\[\&_input\]\:univer-text-gray-0 input {
-  color: var(--univer-gray-0);
-}
-
 .\[\&_input\]\:univer-text-gray-700 input {
   color: var(--univer-gray-700);
 }
@@ -3392,6 +3407,14 @@
   outline: 2px solid #0000;
 }
 
+.dark\:\[\&_input\]\:\!univer-border-gray-600 input:where(.univer-dark, .univer-dark *) {
+  border-color: var(--univer-gray-600) !important;
+}
+
+.dark\:\[\&_input\]\:\!univer-text-gray-0 input:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-gray-0) !important;
+}
+
 .\[\&_svg\]\:univer-pointer-events-none svg {
   pointer-events: none;
 }
@@ -3442,10 +3465,6 @@
   bottom: 0;
 }
 
-.univer-bottom-2 {
-  bottom: .5rem;
-}
-
 .univer-bottom-4 {
   bottom: 1rem;
 }
@@ -3462,22 +3481,18 @@
   left: 5px;
 }
 
-.univer-top-0 {
-  top: 0;
+.univer-start-0 {
+  left: 0;
 }
 
-.univer-top-1\.5 {
-  top: .375rem;
+.univer-top-0 {
+  top: 0;
 }
 
 .univer-top-1\/2 {
   top: 50%;
 }
 
-.univer-top-2 {
-  top: .5rem;
-}
-
 .univer-top-\[5px\] {
   top: 5px;
 }
@@ -3528,6 +3543,10 @@
   margin-bottom: .25rem;
 }
 
+.univer-mb-2 {
+  margin-bottom: .5rem;
+}
+
 .univer-mb-3 {
   margin-bottom: .75rem;
 }
@@ -3536,14 +3555,14 @@
   margin-bottom: 1rem;
 }
 
-.univer-ml-3 {
-  margin-left: .75rem;
-}
-
 .univer-mr-1 {
   margin-right: .25rem;
 }
 
+.univer-ms-4 {
+  margin-left: 1rem;
+}
+
 .univer-mt-1\.5 {
   margin-top: .375rem;
 }
@@ -3652,11 +3671,6 @@
   height: 1.75rem;
 }
 
-.univer-size-8 {
-  width: 2rem;
-  height: 2rem;
-}
-
 .univer-size-9 {
   width: 2.25rem;
   height: 2.25rem;
@@ -3743,10 +3757,6 @@
   min-height: 2rem;
 }
 
-.univer-w-0\.5 {
-  width: .125rem;
-}
-
 .univer-w-10 {
   width: 2.5rem;
 }
@@ -4115,10 +4125,6 @@
   background-color: var(--univer-gray-50);
 }
 
-.univer-bg-gray-700 {
-  background-color: var(--univer-gray-700);
-}
-
 .univer-bg-primary-100 {
   background-color: var(--univer-primary-100);
 }
@@ -4171,11 +4177,6 @@
   padding-right: .5rem;
 }
 
-.univer-px-3 {
-  padding-left: .75rem;
-  padding-right: .75rem;
-}
-
 .univer-px-4 {
   padding-left: 1rem;
   padding-right: 1rem;
@@ -4215,14 +4216,14 @@
   padding-bottom: .125rem;
 }
 
-.univer-pb-1 {
-  padding-bottom: .25rem;
-}
-
 .univer-pb-2 {
   padding-bottom: .5rem;
 }
 
+.univer-pe-2 {
+  padding-right: .5rem;
+}
+
 .univer-pl-1\.5 {
   padding-left: .375rem;
 }
@@ -4235,10 +4236,6 @@
   padding-left: 1rem;
 }
 
-.univer-pr-12 {
-  padding-right: 3rem;
-}
-
 .univer-pr-2 {
   padding-right: .5rem;
 }
@@ -4247,12 +4244,12 @@
   padding-top: .375rem;
 }
 
-.univer-pt-2 {
-  padding-top: .5rem;
+.univer-pt-10 {
+  padding-top: 2.5rem;
 }
 
-.univer-text-left {
-  text-align: left;
+.univer-pt-2 {
+  padding-top: .5rem;
 }
 
 .univer-text-center {
@@ -4333,6 +4330,10 @@
   line-height: 1;
 }
 
+.\!univer-text-gray-500 {
+  color: var(--univer-gray-500) !important;
+}
+
 .\!univer-text-gray-600 {
   color: var(--univer-gray-600) !important;
 }
@@ -4345,10 +4346,6 @@
   color: var(--univer-gray-100);
 }
 
-.univer-text-gray-300 {
-  color: var(--univer-gray-300);
-}
-
 .univer-text-gray-400 {
   color: var(--univer-gray-400);
 }
@@ -4373,12 +4370,12 @@
   color: var(--univer-gray-900);
 }
 
-.univer-text-primary-600 {
-  color: var(--univer-primary-600);
+.univer-text-primary-400 {
+  color: var(--univer-primary-400);
 }
 
-.univer-text-primary-700 {
-  color: var(--univer-primary-700);
+.univer-text-primary-600 {
+  color: var(--univer-primary-600);
 }
 
 .univer-text-violet-500 {
@@ -4453,16 +4450,12 @@
     border-color: var(--univer-primary-500);
   }
 
-  .hover\:univer-bg-gray-100:hover {
-    background-color: var(--univer-gray-100);
-  }
-
   .hover\:univer-bg-gray-50:hover {
     background-color: var(--univer-gray-50);
   }
 
-  .hover\:univer-bg-primary-50:hover {
-    background-color: var(--univer-primary-50);
+  .hover\:\!univer-text-gray-900:hover {
+    color: var(--univer-gray-900) !important;
   }
 
   .hover\:univer-text-gray-900:hover {
@@ -4551,10 +4544,6 @@
   border-color: var(--univer-gray-700) !important;
 }
 
-.dark\:univer-border-gray-700:where(.univer-dark, .univer-dark *) {
-  border-color: var(--univer-gray-700);
-}
-
 .dark\:\!univer-bg-gray-500:where(.univer-dark, .univer-dark *) {
   background-color: var(--univer-gray-500) !important;
 }
@@ -4591,10 +4580,6 @@
   background-color: var(--univer-gray-900);
 }
 
-.dark\:univer-bg-primary-400:where(.univer-dark, .univer-dark *) {
-  background-color: var(--univer-primary-400);
-}
-
 .dark\:\!univer-text-gray-0:where(.univer-dark, .univer-dark *) {
   color: var(--univer-gray-0) !important;
 }
@@ -4619,10 +4604,6 @@
   color: var(--univer-primary-400) !important;
 }
 
-.dark\:univer-text-gray-100:where(.univer-dark, .univer-dark *) {
-  color: var(--univer-gray-100);
-}
-
 .dark\:univer-text-gray-200:where(.univer-dark, .univer-dark *) {
   color: var(--univer-gray-200);
 }
@@ -4635,8 +4616,8 @@
   color: var(--univer-gray-400);
 }
 
-.dark\:univer-text-primary-200:where(.univer-dark, .univer-dark *) {
-  color: var(--univer-primary-200);
+.dark\:univer-text-primary-400:where(.univer-dark, .univer-dark *) {
+  color: var(--univer-primary-400);
 }
 
 @media (hover: hover) and (pointer: fine) {
@@ -4648,12 +4629,12 @@
     background-color: var(--univer-gray-800) !important;
   }
 
-  .dark\:hover\:univer-bg-gray-700:hover:where(.univer-dark, .univer-dark *) {
-    background-color: var(--univer-gray-700);
+  .dark\:hover\:\!univer-text-gray-100:hover:where(.univer-dark, .univer-dark *) {
+    color: var(--univer-gray-100) !important;
   }
 
-  .dark\:hover\:univer-bg-gray-800:hover:where(.univer-dark, .univer-dark *) {
-    background-color: var(--univer-gray-800);
+  .dark\:hover\:univer-text-gray-100:hover:where(.univer-dark, .univer-dark *) {
+    color: var(--univer-gray-100);
   }
 }
 
@@ -5301,6 +5282,10 @@
   max-width: 32%;
 }
 
+.univer-max-w-\[50\%\] {
+  max-width: 50%;
+}
+
 .univer-max-w-\[560px\] {
   max-width: 560px;
 }
@@ -5834,6 +5819,10 @@
   background-color: var(--univer-primary-50);
 }
 
+.univer-bg-primary-500 {
+  background-color: var(--univer-primary-500);
+}
+
 .univer-bg-primary-600 {
   background-color: var(--univer-primary-600);
 }
@@ -6172,11 +6161,6 @@
   color: var(--univer-primary-700);
 }
 
-.univer-text-slate-200 {
-  --univer-tw-text-opacity: 1;
-  color: rgba(226, 232, 240, var(--univer-tw-text-opacity, 1));
-}
-
 .univer-underline {
   text-decoration-line: underline;
 }
@@ -6250,11 +6234,6 @@
   backdrop-filter: var(--univer-tw-backdrop-blur) var(--univer-tw-backdrop-brightness) var(--univer-tw-backdrop-contrast) var(--univer-tw-backdrop-grayscale) var(--univer-tw-backdrop-hue-rotate) var(--univer-tw-backdrop-invert) var(--univer-tw-backdrop-opacity) var(--univer-tw-backdrop-saturate) var(--univer-tw-backdrop-sepia);
 }
 
-.univer-backdrop-blur-xl {
-  --univer-tw-backdrop-blur: blur(24px);
-  backdrop-filter: var(--univer-tw-backdrop-blur) var(--univer-tw-backdrop-brightness) var(--univer-tw-backdrop-contrast) var(--univer-tw-backdrop-grayscale) var(--univer-tw-backdrop-hue-rotate) var(--univer-tw-backdrop-invert) var(--univer-tw-backdrop-opacity) var(--univer-tw-backdrop-saturate) var(--univer-tw-backdrop-sepia);
-}
-
 .\!univer-transition-none {
   transition-property: none !important;
 }
@@ -6400,6 +6379,10 @@
     background-color: var(--univer-gray-50);
   }
 
+  .hover\:univer-bg-primary-500:hover {
+    background-color: var(--univer-primary-500);
+  }
+
   .hover\:univer-bg-transparent:hover {
     background-color: #0000;
   }
@@ -6444,6 +6427,10 @@
   box-shadow: var(--univer-tw-ring-offset-shadow), var(--univer-tw-ring-shadow), var(--univer-tw-shadow, 0 0 #0000);
 }
 
+.focus\:univer-ring-primary-500:focus {
+  --univer-tw-ring-color: var(--univer-primary-500);
+}
+
 .focus-visible\:univer-outline-none:focus-visible {
   outline-offset: 2px;
   outline: 2px solid #0000;
@@ -6491,6 +6478,10 @@
   background-color: var(--univer-gray-200);
 }
 
+.active\:univer-bg-primary-500:active {
+  background-color: var(--univer-primary-500);
+}
+
 .enabled\:active\:univer-scale-\[0\.98\]:active:enabled {
   --univer-tw-scale-x: .98;
   --univer-tw-scale-y: .98;
@@ -6747,6 +6738,10 @@
   background-color: var(--univer-gray-900) !important;
 }
 
+.dark\:focus\:\!univer-ring-primary-300:focus:where(.univer-dark, .univer-dark *) {
+  --univer-tw-ring-color: var(--univer-primary-300) !important;
+}
+
 .dark\:active\:\!univer-bg-gray-600:active:where(.univer-dark, .univer-dark *) {
   background-color: var(--univer-gray-600) !important;
 }
@@ -7180,6 +7175,10 @@
   outline: 2px solid #0000 !important;
 }
 
+.\[\&_button\]\:\!\[font-family\:inherit\] button {
+  font-family: inherit !important;
+}
+
 .\[\&_button_svg\]\:\!univer-size-5 button svg {
   width: 1.25rem !important;
   height: 1.25rem !important;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@univerjs/preset-docs-core",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "private": false,
   "description": "Preset for core Univer Docs editing and UI features.",
   "author": "DreamNum Co., Ltd. <developer@univer.ai>",
@@ -56,21 +56,21 @@
     "rxjs": ">=7.0.0"
   },
   "dependencies": {
-    "@univerjs/design": "1.1.0",
-    "@univerjs/docs": "1.1.0",
-    "@univerjs/docs-ui": "1.1.0",
-    "@univerjs/engine-formula": "1.1.0",
-    "@univerjs/engine-render": "1.1.0",
-    "@univerjs/network": "1.1.0",
-    "@univerjs/ui": "1.1.0"
+    "@univerjs/design": "1.2.0",
+    "@univerjs/docs": "1.2.0",
+    "@univerjs/docs-ui": "1.2.0",
+    "@univerjs/engine-formula": "1.2.0",
+    "@univerjs/engine-render": "1.2.0",
+    "@univerjs/network": "1.2.0",
+    "@univerjs/ui": "1.2.0"
   },
   "devDependencies": {
-    "@univerjs-infra/shared": "1.1.0",
-    "@univerjs/core": "1.1.0",
-    "@univerjs/presets": "1.1.0",
+    "@univerjs-infra/shared": "1.2.0",
+    "@univerjs/core": "1.2.0",
+    "@univerjs/presets": "1.2.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "rxjs": "^7.8.2",
+    "rxjs": "7.8.2",
     "typescript": "^6.0.3"
   },
   "scripts": {