@univerjs/design 1.0.0-alpha.7 → 1.0.0-beta.0

package/lib/es/locale/ar-SA.js

@@ -16,7 +16,7 @@ const locale = { design: {
 	},
 	CascaderList: { empty: "لا شيء" },
 	Calendar: {
-		year: "",
+		year: "سنة",
 		weekDays: [
 			"ح",
 			"ن",

package/lib/es/locale/ca-ES.js

@@ -12,11 +12,11 @@ const locale = { design: {
 	},
 	Confirm: {
 		cancel: "cancel·la",
-		confirm: "ok"
+		confirm: "D'acord"
 	},
 	CascaderList: { empty: "Cap" },
 	Calendar: {
-		year: "",
+		year: "Any",
 		weekDays: [
 			"dg",
 			"dl",
@@ -51,7 +51,7 @@ const locale = { design: {
 	ColorPicker: {
 		more: "Més colors",
 		cancel: "cancel·la",
-		confirm: "ok"
+		confirm: "D'acord"
 	},
 	GradientColorPicker: {
 		linear: "Lineal",

package/lib/es/locale/de-DE.js

@@ -16,7 +16,7 @@ const locale = { design: {
 	},
 	CascaderList: { empty: "Keine" },
 	Calendar: {
-		year: "",
+		year: "Jahr",
 		weekDays: [
 			"So",
 			"Mo",

package/lib/es/locale/es-ES.js

@@ -16,7 +16,7 @@ const locale = { design: {
 	},
 	CascaderList: { empty: "Cap" },
 	Calendar: {
-		year: "",
+		year: "Año",
 		weekDays: [
 			"Dg",
 			"Dl",

package/lib/es/locale/fr-FR.js

@@ -12,11 +12,11 @@ const locale = { design: {
 	},
 	Confirm: {
 		cancel: "annuler",
-		confirm: "ok"
+		confirm: "OK"
 	},
 	CascaderList: { empty: "Aucun" },
 	Calendar: {
-		year: "",
+		year: "Année",
 		weekDays: [
 			"Dim",
 			"Lun",
@@ -51,7 +51,7 @@ const locale = { design: {
 	ColorPicker: {
 		more: "Plus de couleurs",
 		cancel: "annuler",
-		confirm: "ok"
+		confirm: "OK"
 	},
 	GradientColorPicker: {
 		linear: "Linéaire",

package/lib/es/locale/id-ID.js

@@ -16,7 +16,7 @@ const locale = { design: {
 	},
 	CascaderList: { empty: "Tidak ada" },
 	Calendar: {
-		year: "",
+		year: "Tahun",
 		weekDays: [
 			"Min",
 			"Sen",

package/lib/es/locale/it-IT.js

@@ -12,11 +12,11 @@ const locale = { design: {
 	},
 	Confirm: {
 		cancel: "annulla",
-		confirm: "ok"
+		confirm: "OK"
 	},
 	CascaderList: { empty: "Nessuno" },
 	Calendar: {
-		year: "",
+		year: "Anno",
 		weekDays: [
 			"Dom",
 			"Lun",
@@ -51,7 +51,7 @@ const locale = { design: {
 	ColorPicker: {
 		more: "Altri Colori",
 		cancel: "annulla",
-		confirm: "ok"
+		confirm: "OK"
 	},
 	GradientColorPicker: {
 		linear: "Lineare",

package/lib/es/locale/pl-PL.js

@@ -12,11 +12,11 @@ const locale = { design: {
 	},
 	Confirm: {
 		cancel: "anuluj",
-		confirm: "ok"
+		confirm: "OK"
 	},
 	CascaderList: { empty: "Brak" },
 	Calendar: {
-		year: "",
+		year: "Rok",
 		weekDays: [
 			"nd",
 			"pn",
@@ -51,7 +51,7 @@ const locale = { design: {
 	ColorPicker: {
 		more: "Więcej kolorów",
 		cancel: "anuluj",
-		confirm: "ok"
+		confirm: "OK"
 	},
 	GradientColorPicker: {
 		linear: "Liniowy",

package/lib/es/locale/pt-BR.js

@@ -12,11 +12,11 @@ const locale = { design: {
 	},
 	Confirm: {
 		cancel: "cancelar",
-		confirm: "ok"
+		confirm: "OK"
 	},
 	CascaderList: { empty: "Nenhum" },
 	Calendar: {
-		year: "",
+		year: "Ano",
 		weekDays: [
 			"Dom",
 			"Seg",
@@ -51,7 +51,7 @@ const locale = { design: {
 	ColorPicker: {
 		more: "Mais Cores",
 		cancel: "cancelar",
-		confirm: "ok"
+		confirm: "OK"
 	},
 	GradientColorPicker: {
 		linear: "Linear",

package/lib/es/locale/ru-RU.js

@@ -17,7 +17,7 @@ const locale = { design: {
 	CascaderList: { empty: "Нет" },
 	Select: { empty: "Нет" },
 	Calendar: {
-		year: "",
+		year: "Год",
 		weekDays: [
 			"Вс",
 			"Пн",

package/lib/es/locale/sk-SK.js

@@ -12,11 +12,11 @@ const locale = { design: {
 	},
 	Confirm: {
 		cancel: "zrušiť",
-		confirm: "ok"
+		confirm: "OK"
 	},
 	CascaderList: { empty: "Žiadne" },
 	Calendar: {
-		year: "",
+		year: "Rok",
 		weekDays: [
 			"Ne",
 			"Po",
@@ -51,7 +51,7 @@ const locale = { design: {
 	ColorPicker: {
 		more: "Viac farieb",
 		cancel: "zrušiť",
-		confirm: "ok"
+		confirm: "OK"
 	},
 	GradientColorPicker: {
 		linear: "Lineárny",

package/lib/index.css

@@ -91,10 +91,7 @@
 }
 
 .univer-inset-0 {
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
+  inset: 0;
 }
 
 .univer-inset-x-0 {
@@ -191,6 +188,10 @@
   z-index: 10;
 }
 
+.univer-z-\[1070\] {
+  z-index: 1070;
+}
+
 .univer-z-\[1080\] {
   z-index: 1080;
 }
@@ -608,6 +609,10 @@
   transform-origin: var(--radix-hover-card-content-transform-origin);
 }
 
+.univer-origin-top-left {
+  transform-origin: 0 0;
+}
+
 .-univer-translate-x-1\/2 {
   --univer-tw-translate-x: -50%;
   transform: translate(-50%, 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));
@@ -656,6 +661,18 @@
   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));
 }
 
+.univer-scale-y-0 {
+  --univer-tw-scale-y: 0;
+  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(0);
+  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));
+}
+
+.univer-scale-y-100 {
+  --univer-tw-scale-y: 1;
+  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(1);
+  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));
+}
+
 .\!univer-animate-none {
   animation: none !important;
 }
@@ -703,7 +720,6 @@
 }
 
 .univer-appearance-none {
-  -webkit-appearance: none;
   appearance: none;
 }
 
@@ -1698,6 +1714,12 @@
   transition-timing-function: cubic-bezier(.4, 0, .2, 1);
 }
 
+.univer-transition-\[transform\,opacity\] {
+  transition-property: transform, opacity;
+  transition-duration: .15s;
+  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
+}
+
 .univer-transition-all {
   transition-property: all;
   transition-duration: .15s;
@@ -2258,6 +2280,10 @@
   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));
 }
 
+.rtl\:univer-flex-row-reverse:where([dir="rtl"], [dir="rtl"] *) {
+  flex-direction: row-reverse;
+}
+
 .rtl\:univer-rounded-l-md:where([dir="rtl"], [dir="rtl"] *) {
   border-top-left-radius: .375rem;
   border-bottom-left-radius: .375rem;
@@ -2420,11 +2446,7 @@
   background-color: var(--univer-gray-600) !important;
 }
 
-.dark\:data-\[selected\=true\]\:\!univer-bg-gray-600[data-selected="true"]:where(.univer-dark, .univer-dark *) {
-  background-color: var(--univer-gray-600) !important;
-}
-
-.dark\:data-\[state\=open\]\:\!univer-bg-gray-600[data-state="open"]:where(.univer-dark, .univer-dark *) {
+.dark\:data-\[selected\=true\]\:\!univer-bg-gray-600[data-selected="true"]:where(.univer-dark, .univer-dark *), .dark\:data-\[state\=open\]\:\!univer-bg-gray-600[data-state="open"]:where(.univer-dark, .univer-dark *) {
   background-color: var(--univer-gray-600) !important;
 }
 
@@ -2477,7 +2499,6 @@
 }
 
 .\[\&\:\:-webkit-calendar-picker-indicator\]\:univer-appearance-none::-webkit-calendar-picker-indicator {
-  -webkit-appearance: none;
   appearance: none;
 }
 
@@ -2768,80 +2789,3 @@
 .\[\&_svg\]\:univer-shrink-0 svg {
   flex-shrink: 0;
 }
-.univer-popup {
-  z-index: 1070;
-  --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);
-  box-shadow: 0 0 #0000, 0 0 #0000, 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a;
-  box-shadow: var(--univer-tw-ring-offset-shadow, 0 0 #0000), var(--univer-tw-ring-shadow, 0 0 #0000), var(--univer-tw-shadow);
-  border-radius: 6px;
-  position: fixed;
-  top: -9999px;
-  left: -9999px;
-  overflow: hidden;
-}
-
-.univer-popup-enter {
-  transform-origin: 0 0;
-  opacity: 0;
-  animation-duration: .15s;
-  animation-timing-function: cubic-bezier(.08, .82, .17, 1);
-  animation-play-state: paused;
-  animation-fill-mode: both;
-}
-
-.univer-popup-enter-active {
-  animation-name: popup-slide-up-in;
-  animation-play-state: running;
-}
-
-.univer-popup-exit {
-  transform-origin: 0 0;
-  opacity: 1;
-  animation-name: popup-slide-up-out;
-  animation-duration: .15s;
-  animation-timing-function: cubic-bezier(.6, .04, .98, .34);
-  animation-play-state: running;
-  animation-fill-mode: both;
-}
-
-.univer-popup-exit-active {
-  display: none;
-}
-
-@keyframes popup-slide-up-in {
-  0% {
-    transform-origin: 0 0;
-    opacity: 0;
-    transform: scaleY(0);
-  }
-
-  100% {
-    transform-origin: 0 0;
-    opacity: 1;
-    transform: scaleY(1);
-  }
-}
-
-@keyframes popup-slide-up-out {
-  0% {
-    transform-origin: 0 0;
-    opacity: 1;
-    transform: scaleY(1);
-  }
-
-  100% {
-    transform-origin: 0 0;
-    opacity: 0;
-    transform: scaleY(0);
-  }
-}
-
-.univer-popup-mask {
-  z-index: 1060;
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-}