sard 1.0.18 → 1.0.20

package/components/status-bar/status-bar.vue.js

@@ -1,23 +1,13 @@
 import { createBem } from "../../utils/bem.js";
-import { windowInfo } from "../config/windowInfo.js";
-import { computed, createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, unref } from "vue";
+import { createElementBlock, defineComponent, normalizeClass, openBlock, unref } from "vue";
 //#region packages/sard/components/status-bar/status-bar.vue
 var status_bar_default = /*@__PURE__*/ defineComponent({
 	__name: "status-bar",
 	setup(__props, { expose: __expose }) {
 		const bem = createBem("status-bar");
-		const statusBarHeight = computed(() => {
-			return windowInfo.statusBarHeight + "px";
-		});
-		const statusBarStyle = computed(() => {
-			return { height: statusBarHeight.value };
-		});
 		__expose();
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				class: normalizeClass(unref(bem).b()),
-				style: normalizeStyle(statusBarStyle.value)
-			}, null, 6);
+			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(bem).b()) }, null, 2);
 		};
 	}
 });

package/components/stepper/index.css

@@ -1 +1 @@
-:root{--s-stepper-height:var(--s-content-height-xs);--s-stepper-accent-height:var(--s-content-height-2xs);--s-stepper-gap:var(--s-size-2xs);--s-stepper-bg:var(--s-fill-color-secondary);--s-stepper-input-width:40px;--s-stepper-input-padding-x:var(--s-size-2xs);--s-stepper-input-font-size:var(--s-font-size);--s-stepper-button-font-size:var(--s-font-size-lg);--s-stepper-button-border-radius:var(--s-border-radius-sm);--s-stepper-button-bg-active:var(--s-bg-color-active-dark);--s-stepper-height-sm:26px;--s-stepper-accent-height-sm:20px;--s-stepper-input-width-sm:36px;--s-stepper-input-font-size-sm:var(--s-font-size-sm);--s-stepper-button-font-size-sm:var(--s-font-size)}.s-stepper{display:inline-flex;align-items:stretch;height:var(--s-stepper-height);color:var(--s-text-color-primary)}.s-stepper__button{flex:none;display:flex;justify-content:center;align-items:center;width:var(--s-stepper-height);font-size:var(--s-stepper-button-font-size);line-height:var(--s-line-height-none);-webkit-user-select:none;user-select:none;cursor:pointer}.s-stepper__button--readonly{cursor:unset}.s-stepper__button:is(.is-disabled){opacity:var(--s-opacity-disabled);cursor:var(--s-cursor-disabled);filter:var(--s-filter-disabled)}:root:not([dir=rtl]) .s-stepper__button--decrease{border-top-left-radius:var(--s-stepper-button-border-radius);border-bottom-left-radius:var(--s-stepper-button-border-radius)}:root[dir=rtl] .s-stepper__button--decrease{border-top-right-radius:var(--s-stepper-button-border-radius);border-bottom-right-radius:var(--s-stepper-button-border-radius)}:root:not([dir=rtl]) .s-stepper__button--increase{border-top-right-radius:var(--s-stepper-button-border-radius);border-bottom-right-radius:var(--s-stepper-button-border-radius)}:root[dir=rtl] .s-stepper__button--increase{border-top-left-radius:var(--s-stepper-button-border-radius);border-bottom-left-radius:var(--s-stepper-button-border-radius)}.s-stepper__input{flex:none;width:var(--s-stepper-input-width);height:100%;padding:0 var(--s-stepper-input-padding-x);border:0;border-radius:0;font-size:var(--s-stepper-input-font-size);line-height:var(--s-line-height-none);text-align:center}.s-stepper--solid{gap:var(--s-stepper-gap)}.s-stepper--solid .s-stepper__button{background:var(--s-stepper-bg)}.s-stepper--solid .s-stepper__button:not(.is-disabled,.is-readonly):active{background:var(--s-stepper-button-bg-active)}.s-stepper--solid .s-stepper__input{background:var(--s-stepper-bg)}.s-stepper--outlined .s-stepper__button{color:var(--s-color-primary);border:1px solid var(--s-color-primary)}.s-stepper--outlined .s-stepper__button:not(.is-disabled,.is-readonly):active{background:var(--s-bg-color-active)}.s-stepper--outlined .s-stepper__input{border-top:1px solid var(--s-color-primary);border-bottom:1px solid var(--s-color-primary)}.s-stepper--accent{height:var(--s-stepper-accent-height);gap:var(--s-stepper-gap)}.s-stepper--accent .s-stepper__button{border-radius:50%;width:var(--s-stepper-accent-height)}.s-stepper--accent .s-stepper__button:not(.is-disabled,.is-readonly):active{opacity:var(--s-opacity-active)}.s-stepper--accent .s-stepper__button--decrease{color:var(--s-color-primary);border:1px solid var(--s-color-primary)}.s-stepper--accent .s-stepper__button--increase{color:var(--s-white);background:var(--s-color-primary)}.s-stepper--accent .s-stepper__input{padding:0}.s-stepper--ghost{gap:var(--s-stepper-gap)}.s-stepper--ghost .s-stepper__button:not(.is-disabled,.is-readonly):active{opacity:var(--s-opacity-active)}.s-stepper--ghost .s-stepper__input{border-radius:var(--s-stepper-button-border-radius);background:var(--s-stepper-bg)}.s-stepper--small{height:var(--s-stepper-height-sm)}.s-stepper--small .s-stepper__input{width:var(--s-stepper-input-width-sm);font-size:var(--s-stepper-input-font-size-sm)}.s-stepper--small .s-stepper__button{width:var(--s-stepper-height-sm);font-size:var(--s-stepper-button-font-size-sm)}.s-stepper--small.s-stepper--accent{height:var(--s-stepper-accent-height-sm)}.s-stepper--small.s-stepper--accent .s-stepper__button{width:var(--s-stepper-accent-height-sm)}
+:root{--s-stepper-height:var(--s-content-height-xs);--s-stepper-accent-height:var(--s-content-height-2xs);--s-stepper-gap:var(--s-size-2xs);--s-stepper-bg:var(--s-fill-color-secondary);--s-stepper-input-width:40px;--s-stepper-input-padding-x:var(--s-size-2xs);--s-stepper-input-font-size:var(--s-font-size);--s-stepper-button-font-size:var(--s-font-size-lg);--s-stepper-button-border-radius:var(--s-border-radius-sm);--s-stepper-button-bg-active:var(--s-bg-color-active-dark);--s-stepper-height-sm:26px;--s-stepper-accent-height-sm:20px;--s-stepper-input-width-sm:36px;--s-stepper-input-font-size-sm:var(--s-font-size-sm);--s-stepper-button-font-size-sm:var(--s-font-size)}.s-stepper{display:inline-flex;align-items:stretch;height:var(--s-stepper-height);color:var(--s-text-color-primary)}.s-stepper__button{flex:none;display:flex;justify-content:center;align-items:center;width:var(--s-stepper-height);font-size:var(--s-stepper-button-font-size);line-height:var(--s-line-height-none);-webkit-user-select:none;user-select:none;cursor:pointer}.s-stepper__button--readonly{cursor:unset}.s-stepper__button:is(.is-disabled){opacity:var(--s-opacity-disabled);cursor:var(--s-cursor-disabled);filter:var(--s-filter-disabled)}:root:not([dir=rtl]) .s-stepper__button--decrease{border-top-left-radius:var(--s-stepper-button-border-radius);border-bottom-left-radius:var(--s-stepper-button-border-radius)}:root[dir=rtl] .s-stepper__button--decrease{border-top-right-radius:var(--s-stepper-button-border-radius);border-bottom-right-radius:var(--s-stepper-button-border-radius)}:root:not([dir=rtl]) .s-stepper__button--increase{border-top-right-radius:var(--s-stepper-button-border-radius);border-bottom-right-radius:var(--s-stepper-button-border-radius)}:root[dir=rtl] .s-stepper__button--increase{border-top-left-radius:var(--s-stepper-button-border-radius);border-bottom-left-radius:var(--s-stepper-button-border-radius)}.s-stepper__input{flex:none;width:var(--s-stepper-input-width);height:100%;padding:0 var(--s-stepper-input-padding-x);border:0;border-radius:0;font-size:var(--s-stepper-input-font-size);line-height:var(--s-line-height-none);text-align:center}.s-stepper--solid{gap:var(--s-stepper-gap)}.s-stepper--solid .s-stepper__button{background:var(--s-stepper-bg)}.s-stepper--solid .s-stepper__button:not(.is-disabled,.is-readonly):active{background:var(--s-stepper-button-bg-active)}.s-stepper--solid .s-stepper__input{background:var(--s-stepper-bg)}.s-stepper--outlined .s-stepper__button{color:var(--s-color-primary);border:1px solid var(--s-color-primary)}.s-stepper--outlined .s-stepper__button:not(.is-disabled,.is-readonly):active{background:var(--s-bg-color-active)}.s-stepper--outlined .s-stepper__input{border-top:1px solid var(--s-color-primary);border-bottom:1px solid var(--s-color-primary)}.s-stepper--accent{height:var(--s-stepper-accent-height);gap:var(--s-stepper-gap)}.s-stepper--accent .s-stepper__button{border-radius:50% !important;width:var(--s-stepper-accent-height)}.s-stepper--accent .s-stepper__button:not(.is-disabled,.is-readonly):active{opacity:var(--s-opacity-active)}.s-stepper--accent .s-stepper__button--decrease{color:var(--s-color-primary);border:1px solid var(--s-color-primary)}.s-stepper--accent .s-stepper__button--increase{color:var(--s-white);background:var(--s-color-primary)}.s-stepper--accent .s-stepper__input{padding:0}.s-stepper--ghost{gap:var(--s-stepper-gap)}.s-stepper--ghost .s-stepper__button:not(.is-disabled,.is-readonly):active{opacity:var(--s-opacity-active)}.s-stepper--ghost .s-stepper__input{border-radius:var(--s-stepper-button-border-radius);background:var(--s-stepper-bg)}.s-stepper--small{height:var(--s-stepper-height-sm)}.s-stepper--small .s-stepper__input{width:var(--s-stepper-input-width-sm);font-size:var(--s-stepper-input-font-size-sm)}.s-stepper--small .s-stepper__button{width:var(--s-stepper-height-sm);font-size:var(--s-stepper-button-font-size-sm)}.s-stepper--small.s-stepper--accent{height:var(--s-stepper-accent-height-sm)}.s-stepper--small.s-stepper--accent .s-stepper__button{width:var(--s-stepper-accent-height-sm)}

package/components/style/index.css

@@ -1 +1 @@
-:root{--s-white:#fff;--s-gray-50:#fafafa;--s-gray-100:#f3f3f3;--s-gray-125:#ececec;--s-gray-150:#e5e5e5;--s-gray-200:#dedede;--s-gray-300:#c4c4c4;--s-gray-400:#ababab;--s-gray-500:#8f8f8f;--s-gray-600:#717171;--s-gray-700:#525252;--s-gray-800:#353535;--s-gray-900:#181818;--s-gray-950:#0e0e0e;--s-black:#000;--s-white-rgb:255,255,255;--s-gray-50-rgb:250,250,250;--s-gray-100-rgb:243,243,243;--s-gray-125-rgb:236,236,236;--s-gray-150-rgb:229,229,229;--s-gray-200-rgb:222,222,222;--s-gray-300-rgb:196,196,196;--s-gray-400-rgb:171,171,171;--s-gray-500-rgb:143,143,143;--s-gray-600-rgb:113,113,113;--s-gray-700-rgb:82,82,82;--s-gray-800-rgb:53,53,53;--s-gray-900-rgb:24,24,24;--s-gray-950-rgb:14,14,14;--s-black-rgb:0,0,0;--s-color-primary:#3b82f6;--s-color-secondary:var(--s-gray-600);--s-color-success:#22c55e;--s-color-warning:#eab308;--s-color-danger:#ef4444;--s-color-primary-rgb:59,130,246;--s-color-secondary-rgb:113,113,113;--s-color-success-rgb:34,197,94;--s-color-warning-rgb:234,179,8;--s-color-danger-rgb:239,68,68;--s-text-color-emphasis:var(--s-black);--s-text-color-primary:var(--s-gray-900);--s-text-color-secondary:var(--s-gray-700);--s-text-color-tertiary:var(--s-gray-600);--s-text-color-fourth:var(--s-gray-400);--s-text-color-disabled:var(--s-gray-400);--s-bg-color-layout:var(--s-gray-100);--s-bg-color-container:var(--s-white);--s-bg-color-container-rgb:var(--s-white-rgb);--s-bg-color-elevated:var(--s-white);--s-bg-color-elevated-rgb:var(--s-white-rgb);--s-bg-color-extreme:var(--s-white);--s-bg-color-disabled:var(--s-gray-150);--s-bg-color-active:var(--s-gray-125);--s-bg-color-active-dark:var(--s-gray-200);--s-fill-color:var(--s-gray-200);--s-fill-color-secondary:var(--s-gray-150);--s-fill-color-tertiary:var(--s-gray-125);--s-fill-color-fourth:var(--s-gray-100);--s-border-style:solid;--s-border-width:1px;--s-border-color-dark:var(--s-gray-300);--s-border-color:var(--s-gray-200);--s-border-color-light:var(--s-gray-100);--s-border-radius-xs:2px;--s-border-radius-sm:4px;--s-border-radius:6px;--s-border-radius-lg:10px;--s-border-radius-xl:14px;--s-border-radius-full:9999px;--s-font-family:-apple-system,blinkmacsystemfont,"Helvetica Neue",helvetica,segoe ui,arial,roboto,"PingFang SC","miui","Hiragino Sans GB","Microsoft Yahei",sans-serif;--s-font-family-code:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--s-font-size-xs:10px;--s-font-size-sm:12px;--s-font-size:14px;--s-font-size-lg:16px;--s-font-size-xl:24px;--s-font-size-2xl:32px;--s-font-weight-bold:600;--s-font-weight-normal:400;--s-font-weight-light:300;--s-line-height-none:1;--s-line-height-tight:1.25;--s-line-height-snug:1.375;--s-line-height-normal:1.5;--s-line-height-relaxed:1.625;--s-line-height-loose:2;--s-size-3xs:2px;--s-size-2xs:4px;--s-size-xs:8px;--s-size-sm:12px;--s-size:16px;--s-size-lg:20px;--s-size-xl:24px;--s-size-2xl:32px;--s-size-3xl:40px;--s-size-4xl:48px;--s-size-5xl:56px;--s-size-6xl:64px;--s-content-height-2xs:24px;--s-content-height-xs:32px;--s-content-height-sm:40px;--s-content-height:44px;--s-content-height-lg:48px;--s-content-padding-y:var(--s-size-xs);--s-content-padding-x:var(--s-size);--s-content-padding:var(--s-size-xs) var(--s-size);--s-z-index:1000;--s-z-index-secondary:100;--s-z-index-tertiary:10;--s-box-shadow:0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05);--s-box-shadow-secondary:0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05);--s-box-shadow-tertiary:0 1px 2px 0 rgba(0,0,0,.05),0 1px 6px -1px rgba(0,0,0,.03),0 2px 4px 0 rgba(0,0,0,.03);--s-box-shadow-side-color:rgba(0,0,0,.15);--s-box-shadow-left:inset 10px 0 10px -10px var(--s-box-shadow-side-color);--s-box-shadow-right:inset -10px 0 10px -10px var(--s-box-shadow-side-color);--s-box-shadow-top:inset 0 10px 10px -10px var(--s-box-shadow-side-color);--s-box-shadow-bottom:inset 0 -10px 10px -10px var(--s-box-shadow-side-color);--s-overlay-legible:rgba(0,0,0,.1);--s-overlay:rgba(0,0,0,.5);--s-overlay-illegible:rgba(0,0,0,.7);--s-opacity-disabled:.6;--s-opacity-active:.5;--s-opacity-loading:.6;--s-opacity-theme-bg:.1;--s-cursor-disabled:not-allowed;--s-cursor-loading:wait;--s-filter-disabled:grayscale(100%);--s-duration-slow:350ms;--s-duration:250ms;--s-duration-fast:150ms;--s-safe-bottom:env(safe-area-inset-bottom);--s-status-bar-height:0}.dark{--s-text-color-emphasis:var(--s-white);--s-text-color-primary:var(--s-gray-100);--s-text-color-secondary:var(--s-gray-300);--s-text-color-tertiary:var(--s-gray-500);--s-text-color-fourth:var(--s-gray-600);--s-text-color-disabled:var(--s-gray-600);--s-bg-color-layout:var(--s-black);--s-bg-color-container:var(--s-gray-950);--s-bg-color-container-rgb:var(--s-gray-950-rgb);--s-bg-color-elevated:var(--s-gray-950);--s-bg-color-elevated-rgb:var(--s-gray-950-rgb);--s-bg-color-extreme:var(--s-black);--s-bg-color-disabled:var(--s-gray-700);--s-bg-color-active:var(--s-gray-800);--s-bg-color-active-dark:var(--s-gray-600);--s-fill-color:var(--s-gray-600);--s-fill-color-secondary:var(--s-gray-700);--s-fill-color-tertiary:var(--s-gray-800);--s-fill-color-fourth:var(--s-gray-900);--s-border-color-dark:var(--s-gray-600);--s-border-color:var(--s-gray-700);--s-border-color-light:var(--s-gray-800);--s-box-shadow:0 6px 16px 0 hsla(0,0%,100%,.04),0 3px 6px -4px hsla(0,0%,100%,.06),0 9px 28px 8px hsla(0,0%,100%,.02);--s-box-shadow-secondary:0 6px 16px 0 hsla(0,0%,100%,.04),0 3px 6px -4px hsla(0,0%,100%,.06),0 9px 28px 8px hsla(0,0%,100%,.02);--s-box-shadow-tertiary:0 1px 2px 0 hsla(0,0%,100%,.05),0 1px 6px -1px hsla(0,0%,100%,.03),0 2px 4px 0 hsla(0,0%,100%,.03);--s-box-shadow-side-color:hsla(0,0%,100%,.1)}
+:root{--s-white:#fff;--s-gray-50:#fafafa;--s-gray-100:#f3f3f3;--s-gray-125:#ececec;--s-gray-150:#e5e5e5;--s-gray-200:#dedede;--s-gray-300:#c4c4c4;--s-gray-400:#ababab;--s-gray-500:#8f8f8f;--s-gray-600:#717171;--s-gray-700:#525252;--s-gray-800:#353535;--s-gray-900:#181818;--s-gray-950:#0e0e0e;--s-black:#000;--s-white-rgb:255,255,255;--s-gray-50-rgb:250,250,250;--s-gray-100-rgb:243,243,243;--s-gray-125-rgb:236,236,236;--s-gray-150-rgb:229,229,229;--s-gray-200-rgb:222,222,222;--s-gray-300-rgb:196,196,196;--s-gray-400-rgb:171,171,171;--s-gray-500-rgb:143,143,143;--s-gray-600-rgb:113,113,113;--s-gray-700-rgb:82,82,82;--s-gray-800-rgb:53,53,53;--s-gray-900-rgb:24,24,24;--s-gray-950-rgb:14,14,14;--s-black-rgb:0,0,0;--s-color-primary:#3b82f6;--s-color-secondary:var(--s-gray-600);--s-color-success:#22c55e;--s-color-warning:#eab308;--s-color-danger:#ef4444;--s-color-primary-rgb:59,130,246;--s-color-secondary-rgb:113,113,113;--s-color-success-rgb:34,197,94;--s-color-warning-rgb:234,179,8;--s-color-danger-rgb:239,68,68;--s-text-color-emphasis:var(--s-black);--s-text-color-primary:var(--s-gray-900);--s-text-color-secondary:var(--s-gray-700);--s-text-color-tertiary:var(--s-gray-600);--s-text-color-fourth:var(--s-gray-400);--s-text-color-disabled:var(--s-gray-400);--s-bg-color-layout:var(--s-gray-100);--s-bg-color-container:var(--s-white);--s-bg-color-container-rgb:var(--s-white-rgb);--s-bg-color-elevated:var(--s-white);--s-bg-color-elevated-rgb:var(--s-white-rgb);--s-bg-color-extreme:var(--s-white);--s-bg-color-disabled:var(--s-gray-150);--s-bg-color-active:var(--s-gray-125);--s-bg-color-active-dark:var(--s-gray-200);--s-fill-color:var(--s-gray-200);--s-fill-color-secondary:var(--s-gray-150);--s-fill-color-tertiary:var(--s-gray-125);--s-fill-color-fourth:var(--s-gray-100);--s-border-style:solid;--s-border-width:1px;--s-border-color-dark:var(--s-gray-300);--s-border-color:var(--s-gray-200);--s-border-color-light:var(--s-gray-100);--s-border-radius-xs:2px;--s-border-radius-sm:4px;--s-border-radius:6px;--s-border-radius-lg:10px;--s-border-radius-xl:14px;--s-border-radius-full:9999px;--s-font-family:-apple-system,blinkmacsystemfont,"Helvetica Neue",helvetica,segoe ui,arial,roboto,"PingFang SC","miui","Hiragino Sans GB","Microsoft Yahei",sans-serif;--s-font-family-code:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--s-font-size-xs:10px;--s-font-size-sm:12px;--s-font-size:14px;--s-font-size-lg:16px;--s-font-size-xl:24px;--s-font-size-2xl:32px;--s-font-weight-bold:600;--s-font-weight-normal:400;--s-font-weight-light:300;--s-line-height-none:1;--s-line-height-tight:1.25;--s-line-height-snug:1.375;--s-line-height-normal:1.5;--s-line-height-relaxed:1.625;--s-line-height-loose:2;--s-size-3xs:2px;--s-size-2xs:4px;--s-size-xs:8px;--s-size-sm:12px;--s-size:16px;--s-size-lg:20px;--s-size-xl:24px;--s-size-2xl:32px;--s-size-3xl:40px;--s-size-4xl:48px;--s-size-5xl:56px;--s-size-6xl:64px;--s-content-height-2xs:24px;--s-content-height-xs:32px;--s-content-height-sm:40px;--s-content-height:44px;--s-content-height-lg:48px;--s-content-padding-y:var(--s-size-xs);--s-content-padding-x:var(--s-size);--s-content-padding:var(--s-size-xs) var(--s-size);--s-z-index:1000;--s-z-index-secondary:100;--s-z-index-tertiary:10;--s-box-shadow:0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05);--s-box-shadow-secondary:0 6px 16px 0 rgba(0,0,0,.08),0 3px 6px -4px rgba(0,0,0,.12),0 9px 28px 8px rgba(0,0,0,.05);--s-box-shadow-tertiary:0 1px 2px 0 rgba(0,0,0,.05),0 1px 6px -1px rgba(0,0,0,.03),0 2px 4px 0 rgba(0,0,0,.03);--s-box-shadow-side-color:rgba(0,0,0,.15);--s-box-shadow-left:inset 10px 0 10px -10px var(--s-box-shadow-side-color);--s-box-shadow-right:inset -10px 0 10px -10px var(--s-box-shadow-side-color);--s-box-shadow-top:inset 0 10px 10px -10px var(--s-box-shadow-side-color);--s-box-shadow-bottom:inset 0 -10px 10px -10px var(--s-box-shadow-side-color);--s-overlay-legible:rgba(0,0,0,.1);--s-overlay:rgba(0,0,0,.5);--s-overlay-illegible:rgba(0,0,0,.7);--s-opacity-disabled:.6;--s-opacity-active:.5;--s-opacity-loading:.6;--s-opacity-theme-bg:.1;--s-cursor-disabled:not-allowed;--s-cursor-loading:wait;--s-filter-disabled:grayscale(100%);--s-duration-slow:350ms;--s-duration:250ms;--s-duration-fast:150ms;--s-safe-bottom:env(safe-area-inset-bottom);--s-status-bar-height:0px}.dark{--s-text-color-emphasis:var(--s-white);--s-text-color-primary:var(--s-gray-100);--s-text-color-secondary:var(--s-gray-300);--s-text-color-tertiary:var(--s-gray-500);--s-text-color-fourth:var(--s-gray-600);--s-text-color-disabled:var(--s-gray-600);--s-bg-color-layout:var(--s-black);--s-bg-color-container:var(--s-gray-950);--s-bg-color-container-rgb:var(--s-gray-950-rgb);--s-bg-color-elevated:var(--s-gray-950);--s-bg-color-elevated-rgb:var(--s-gray-950-rgb);--s-bg-color-extreme:var(--s-black);--s-bg-color-disabled:var(--s-gray-700);--s-bg-color-active:var(--s-gray-800);--s-bg-color-active-dark:var(--s-gray-600);--s-fill-color:var(--s-gray-600);--s-fill-color-secondary:var(--s-gray-700);--s-fill-color-tertiary:var(--s-gray-800);--s-fill-color-fourth:var(--s-gray-900);--s-border-color-dark:var(--s-gray-600);--s-border-color:var(--s-gray-700);--s-border-color-light:var(--s-gray-800);--s-box-shadow:0 6px 16px 0 hsla(0,0%,100%,.04),0 3px 6px -4px hsla(0,0%,100%,.06),0 9px 28px 8px hsla(0,0%,100%,.02);--s-box-shadow-secondary:0 6px 16px 0 hsla(0,0%,100%,.04),0 3px 6px -4px hsla(0,0%,100%,.06),0 9px 28px 8px hsla(0,0%,100%,.02);--s-box-shadow-tertiary:0 1px 2px 0 hsla(0,0%,100%,.05),0 1px 6px -1px hsla(0,0%,100%,.03),0 2px 4px 0 hsla(0,0%,100%,.03);--s-box-shadow-side-color:hsla(0,0%,100%,.1)}

package/components/switch/index.css

@@ -1 +1 @@
-:root{--s-switch-size:30px;--s-switch-width:calc(var(--s-switch-size)/6*10);--s-switch-height:var(--s-switch-size);--s-switch-bg:var(--s-fill-color-secondary);--s-switch-bg-checked:var(--s-color-primary);--s-switch-opacity-loading:var(--s-opacity-loading);--s-switch-thumb-gap:3px;--s-switch-thumb-width:calc(var(--s-switch-height) - var(--s-switch-thumb-gap)*2);--s-switch-thumb-height:var(--s-switch-thumb-width);--s-switch-thumb-radius:var(--s-border-radius-full);--s-switch-thumb-bg:var(--s-white);--s-switch-thumb-color:var(--s-gray-600);--s-switch-text-min-margin:9px;--s-switch-text-max-margin:calc(var(--s-switch-thumb-width) + var(--s-switch-text-min-margin));--s-switch-text-color:var(--s-white);--s-switch-text-font-size:var(--s-font-size)}.dark{--s-switch-thumb-bg:var(--s-gray-200)}.s-switch{--s-switch-overflow-margin:calc(100% + var(--s-switch-text-max-margin) + var(--s-switch-thumb-gap));position:relative;display:inline-flex;width:fit-content;height:var(--s-switch-height);border-radius:var(--s-border-radius-full);font-size:var(--s-switch-size);vertical-align:middle;background:var(--s-switch-bg);cursor:pointer;transition:background-color var(--s-duration),opacity var(--s-duration)}.s-switch--checked{background:var(--s-switch-bg-checked)}.s-switch--disabled{opacity:var(--s-opacity-disabled);cursor:not-allowed}.s-switch--readonly{cursor:unset}.s-switch--loading{opacity:var(--s-switch-opacity-loading);cursor:wait}.s-switch__thumb{position:absolute;top:var(--s-switch-thumb-gap);display:flex;justify-content:center;align-items:center;width:var(--s-switch-thumb-width);height:var(--s-switch-thumb-height);inset-inline-start:var(--s-switch-thumb-gap);border-radius:var(--s-border-radius-full);color:var(--s-switch-thumb-color);background:var(--s-switch-thumb-bg);transition:var(--s-duration)}.s-switch__text{overflow:hidden;height:100%;min-width:var(--s-switch-width);padding-inline-start:var(--s-switch-text-max-margin);padding-inline-end:var(--s-switch-text-min-margin);border-radius:var(--s-border-radius-full);transition:padding var(--s-duration)}.s-switch__text-checked,.s-switch__text-unchecked{position:relative;display:flex;justify-content:center;align-items:center;height:100%;flex:none;text-align:center;font-size:var(--s-switch-text-font-size);line-height:var(--s-line-height-none);color:var(--s-switch-text-color);pointer-events:none;transition:margin var(--s-duration)}.s-switch__text-checked{margin-inline-start:calc(var(--s-switch-overflow-margin)*-1);margin-inline-end:var(--s-switch-overflow-margin)}.s-switch__text-unchecked{margin-inline-start:0;margin-inline-end:0;top:-100%}.s-switch--checked .s-switch__thumb{inset-inline-start:calc(100% - var(--s-switch-thumb-width) - var(--s-switch-thumb-gap))}.s-switch--checked .s-switch__text{padding-inline-start:var(--s-switch-text-min-margin);padding-inline-end:var(--s-switch-text-max-margin)}.s-switch--checked .s-switch__text-checked{margin-inline-start:0;margin-inline-end:0}.s-switch--checked .s-switch__text-unchecked{margin-inline-start:var(--s-switch-overflow-margin);margin-inline-end:calc(var(--s-switch-overflow-margin)*-1)}
+:root{--s-switch-size:30px;--s-switch-width:calc(var(--s-switch-size)/6*10);--s-switch-height:var(--s-switch-size);--s-switch-bg:var(--s-fill-color-secondary);--s-switch-bg-checked:var(--s-color-primary);--s-switch-opacity-loading:var(--s-opacity-loading);--s-switch-thumb-gap:3px;--s-switch-thumb-width:calc(var(--s-switch-height) - var(--s-switch-thumb-gap)*2);--s-switch-thumb-height:var(--s-switch-thumb-width);--s-switch-thumb-bg:var(--s-white);--s-switch-thumb-color:var(--s-gray-600);--s-switch-text-min-margin:9px;--s-switch-text-max-margin:calc(var(--s-switch-thumb-width) + var(--s-switch-text-min-margin));--s-switch-text-color:var(--s-white);--s-switch-text-font-size:var(--s-font-size)}.dark{--s-switch-thumb-bg:var(--s-gray-200)}.s-switch{--s-switch-overflow-margin:calc(100% + var(--s-switch-text-max-margin) + var(--s-switch-thumb-gap));position:relative;display:inline-flex;width:fit-content;height:var(--s-switch-height);border-radius:var(--s-border-radius-full);font-size:var(--s-switch-size);vertical-align:middle;background:var(--s-switch-bg);cursor:pointer;transition:background-color var(--s-duration),opacity var(--s-duration)}.s-switch--checked{background:var(--s-switch-bg-checked)}.s-switch--disabled{opacity:var(--s-opacity-disabled);cursor:not-allowed}.s-switch--readonly{cursor:unset}.s-switch--loading{opacity:var(--s-switch-opacity-loading);cursor:wait}.s-switch__thumb{position:absolute;top:var(--s-switch-thumb-gap);display:flex;justify-content:center;align-items:center;width:var(--s-switch-thumb-width);height:var(--s-switch-thumb-height);inset-inline-start:var(--s-switch-thumb-gap);border-radius:var(--s-border-radius-full);color:var(--s-switch-thumb-color);background:var(--s-switch-thumb-bg);transition:var(--s-duration)}.s-switch__text{overflow:hidden;height:100%;min-width:var(--s-switch-width);padding-inline-start:var(--s-switch-text-max-margin);padding-inline-end:var(--s-switch-text-min-margin);border-radius:var(--s-border-radius-full);transition:padding var(--s-duration)}.s-switch__text-checked,.s-switch__text-unchecked{position:relative;display:flex;justify-content:center;align-items:center;height:100%;flex:none;text-align:center;font-size:var(--s-switch-text-font-size);line-height:var(--s-line-height-none);color:var(--s-switch-text-color);pointer-events:none;transition:margin var(--s-duration)}.s-switch__text-checked{margin-inline-start:calc(var(--s-switch-overflow-margin)*-1);margin-inline-end:var(--s-switch-overflow-margin)}.s-switch__text-unchecked{margin-inline-start:0;margin-inline-end:0;top:-100%}.s-switch--checked .s-switch__thumb{inset-inline-start:calc(100% - var(--s-switch-thumb-width) - var(--s-switch-thumb-gap))}.s-switch--checked .s-switch__text{padding-inline-start:var(--s-switch-text-min-margin);padding-inline-end:var(--s-switch-text-max-margin)}.s-switch--checked .s-switch__text-checked{margin-inline-start:0;margin-inline-end:0}.s-switch--checked .s-switch__text-unchecked{margin-inline-start:var(--s-switch-overflow-margin);margin-inline-end:calc(var(--s-switch-overflow-margin)*-1)}

package/components/upload/index.css

@@ -1 +1 @@
-:root{--s-upload-preview-width:88px;--s-upload-preview-height:88px;--s-upload-preview-gap:var(--s-size-xs);--s-upload-preview-border-radius:var(--s-border-radius);--s-upload-preview-bg:var(--s-fill-color-secondary);--s-upload-preview-video-bg:var(--s-black);--s-upload-file-color:var(--s-text-color-primary);--s-upload-file-icon-font-size:var(--s-size-lg);--s-upload-file-name-margin-top:var(--s-size-2xs);--s-upload-file-name-padding-x:var(--s-size-2xs);--s-upload-file-name-font-size:var(--s-font-size-sm);--s-upload-status-color:var(--s-white);--s-upload-status-bg:var(--s-overlay-illegible);--s-upload-status-icon-font-size:var(--s-size-lg);--s-upload-status-message-margin-top:var(--s-size-2xs);--s-upload-status-message-padding-x:var(--s-size-2xs);--s-upload-status-message-font-size:var(--s-font-size-sm);--s-upload-close-top:2px;--s-upload-close-right:2px;--s-upload-close-size:var(--s-size-lg);--s-upload-close-font-size:var(--s-font-size-sm);--s-upload-close-color:var(--s-white);--s-upload-close-bg:var(--s-overlay-illegible);--s-upload-select-width:88px;--s-upload-select-height:88px;--s-upload-select-font-size:var(--s-size-xl);--s-upload-select-color:var(--s-text-color-secondary);--s-upload-select-radius:var(--s-border-radius);--s-upload-select-bg:var(--s-fill-color-secondary);--s-upload-select-bg-active:var(--s-bg-color-active-dark);--s-upload-video-play-bg:var(--s-overlay-legible);--s-upload-video-play-color:rgba(var(--s-white-rgb), 0.8);--s-upload-loading-size:var(--s-size-lg)}.s-upload__wrapper{display:flex;flex-wrap:wrap;gap:var(--s-upload-preview-gap)}.s-upload__select{display:flex;align-items:center;justify-content:center;width:var(--s-upload-select-width);height:var(--s-upload-select-height);color:var(--s-upload-select-color);border-radius:var(--s-upload-select-radius);background:var(--s-upload-select-bg);cursor:pointer}.s-upload__select-icon{font-size:var(--s-upload-select-font-size);line-height:var(--s-line-height-none)}.s-upload:not(.is-disabled,.is-readonly) .s-upload__select:active{background:var(--s-upload-select-bg-active)}.s-upload:is(.is-disabled) .s-upload__select{color:var(--s-text-color-disabled);cursor:var(--s-cursor-disabled)}.s-upload:is(.is-readonly) .s-upload__select{cursor:unset}.s-upload__preview{position:relative;display:flex;align-items:center;justify-content:center;width:var(--s-upload-preview-width);height:var(--s-upload-preview-height);overflow:hidden;border-radius:var(--s-upload-preview-border-radius);background:var(--s-upload-preview-bg)}.s-upload__preview--is-video{background:var(--s-upload-preview-video-bg)}.s-upload__image{width:100%;height:100%}.s-upload__video-wrapper{width:100%;height:100%;border-radius:inherit}.s-upload__video{width:100%;height:100%;border-radius:inherit}.s-upload__video-play{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;justify-content:center;align-items:center;font-size:40px;color:var(--s-upload-video-play-color);background:var(--s-upload-video-play-bg);cursor:pointer}.s-upload__video-play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:40px;height:40px}.s-upload__file{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--s-upload-file-color)}.s-upload__file-icon{font-size:var(--s-upload-file-icon-font-size)}.s-upload__file-name{max-width:100%;padding:0 var(--s-upload-file-name-padding-x);margin-top:var(--s-upload-file-name-margin-top);font-size:var(--s-upload-file-name-font-size)}.s-upload__status{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--s-upload-status-color);background:var(--s-upload-status-bg)}.s-upload__status-icon{font-size:var(--s-upload-status-icon-font-size)}.s-upload__status-message{max-width:100%;padding:0 var(--s-upload-status-message-padding-x);margin-top:var(--s-upload-status-message-margin-top);font-size:var(--s-upload-status-message-font-size);text-align:center}.s-upload__remove{position:absolute;top:0;inset-inline-end:0;z-index:2;padding-inline-end:var(--s-upload-close-right);padding-top:var(--s-upload-close-top)}.s-upload__close{display:flex;align-items:center;justify-content:center;width:var(--s-upload-close-size);height:var(--s-upload-close-size);border-radius:var(--s-border-radius-full);font-size:var(--s-upload-close-font-size);color:var(--s-upload-close-color);background:var(--s-upload-close-bg);cursor:pointer}
+:root{--s-upload-preview-width:88px;--s-upload-preview-height:88px;--s-upload-preview-gap:var(--s-size-xs);--s-upload-preview-border-radius:var(--s-border-radius);--s-upload-preview-bg:var(--s-fill-color-secondary);--s-upload-preview-video-bg:var(--s-black);--s-upload-file-color:var(--s-text-color-primary);--s-upload-file-icon-font-size:var(--s-size-lg);--s-upload-file-name-margin-top:var(--s-size-2xs);--s-upload-file-name-padding-x:var(--s-size-2xs);--s-upload-file-name-font-size:var(--s-font-size-sm);--s-upload-status-color:var(--s-white);--s-upload-status-bg:var(--s-overlay-illegible);--s-upload-status-icon-font-size:var(--s-size-lg);--s-upload-status-message-margin-top:var(--s-size-2xs);--s-upload-status-message-padding-x:var(--s-size-2xs);--s-upload-status-message-font-size:var(--s-font-size-sm);--s-upload-close-top:2px;--s-upload-close-right:2px;--s-upload-close-size:var(--s-size-lg);--s-upload-close-font-size:var(--s-font-size-sm);--s-upload-close-color:var(--s-white);--s-upload-close-bg:var(--s-overlay-illegible);--s-upload-select-width:88px;--s-upload-select-height:88px;--s-upload-select-font-size:var(--s-size-xl);--s-upload-select-color:var(--s-text-color-secondary);--s-upload-select-border-radius:var(--s-border-radius);--s-upload-select-bg:var(--s-fill-color-secondary);--s-upload-select-bg-active:var(--s-bg-color-active-dark);--s-upload-video-play-bg:var(--s-overlay-legible);--s-upload-video-play-color:rgba(var(--s-white-rgb), 0.8);--s-upload-loading-size:var(--s-size-lg)}.s-upload__wrapper{display:flex;flex-wrap:wrap;gap:var(--s-upload-preview-gap)}.s-upload__select{display:flex;align-items:center;justify-content:center;width:var(--s-upload-select-width);height:var(--s-upload-select-height);color:var(--s-upload-select-color);border-radius:var(--s-upload-select-border-radius);background:var(--s-upload-select-bg);cursor:pointer}.s-upload__select-icon{font-size:var(--s-upload-select-font-size);line-height:var(--s-line-height-none)}.s-upload:not(.is-disabled,.is-readonly) .s-upload__select:active{background:var(--s-upload-select-bg-active)}.s-upload:is(.is-disabled) .s-upload__select{color:var(--s-text-color-disabled);cursor:var(--s-cursor-disabled)}.s-upload:is(.is-readonly) .s-upload__select{cursor:unset}.s-upload__preview{position:relative;display:flex;align-items:center;justify-content:center;width:var(--s-upload-preview-width);height:var(--s-upload-preview-height);overflow:hidden;border-radius:var(--s-upload-preview-border-radius);background:var(--s-upload-preview-bg)}.s-upload__preview--is-video{background:var(--s-upload-preview-video-bg)}.s-upload__image{width:100%;height:100%}.s-upload__video-wrapper{width:100%;height:100%;border-radius:inherit}.s-upload__video{width:100%;height:100%;border-radius:inherit}.s-upload__video-play{position:absolute;top:0;left:0;display:flex;width:100%;height:100%;justify-content:center;align-items:center;font-size:40px;color:var(--s-upload-video-play-color);background:var(--s-upload-video-play-bg);cursor:pointer}.s-upload__video-play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:40px;height:40px}.s-upload__file{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--s-upload-file-color)}.s-upload__file-icon{font-size:var(--s-upload-file-icon-font-size)}.s-upload__file-name{max-width:100%;padding:0 var(--s-upload-file-name-padding-x);margin-top:var(--s-upload-file-name-margin-top);font-size:var(--s-upload-file-name-font-size)}.s-upload__status{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--s-upload-status-color);background:var(--s-upload-status-bg)}.s-upload__status-icon{font-size:var(--s-upload-status-icon-font-size)}.s-upload__status-message{max-width:100%;padding:0 var(--s-upload-status-message-padding-x);margin-top:var(--s-upload-status-message-margin-top);font-size:var(--s-upload-status-message-font-size);text-align:center}.s-upload__remove{position:absolute;top:0;inset-inline-end:0;z-index:2;padding-inline-end:var(--s-upload-close-right);padding-top:var(--s-upload-close-top)}.s-upload__close{display:flex;align-items:center;justify-content:center;width:var(--s-upload-close-size);height:var(--s-upload-close-size);border-radius:var(--s-border-radius-full);font-size:var(--s-upload-close-font-size);color:var(--s-upload-close-color);background:var(--s-upload-close-bg);cursor:pointer}

package/global.d.ts

@@ -52,6 +52,7 @@ declare module 'vue' {
     SEmpty: typeof import('./components/empty/empty').default
     SFab: typeof import('./components/fab/fab').default
     SFabItem: typeof import('./components/fab/fab-item').default
+    SFlex: typeof import('./components/flex/flex').default
     SFloatingBubble: typeof import('./components/floating-bubble/floating-bubble').default
     SFloatingPanel: typeof import('./components/floating-panel/floating-panel').default
     SForm: typeof import('./components/form/form').default
@@ -132,7 +133,6 @@ declare module 'vue' {
     SSkeletonTitle: typeof import('./components/skeleton/skeleton-title').default
     SSlideVerify: typeof import('./components/slide-verify/slide-verify').default
     SSlider: typeof import('./components/slider/slider').default
-    SSpace: typeof import('./components/space/space').default
     SStatusBar: typeof import('./components/status-bar/status-bar').default
     SStep: typeof import('./components/steps/step').default
     SStepper: typeof import('./components/stepper/stepper').default