@gct-paas/scss 0.0.1-dev.8 → 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.min.cjs +1 -0
- package/dist/index.min.css +1 -1
- package/dist/index.min.css.map +1 -1
- package/dist/index.system.min.js +1 -0
- package/dist/scss.css +1 -0
- package/package.json +21 -6
- package/style/generic/reset.scss +27 -2
- package/style/theme/dark/dark-theme.scss +258 -0
- package/style/theme/index.scss +2 -1
- package/style/theme/light/light-theme.scss +262 -0
- package/style/tools/utils.scss +77 -1
- package/style/theme/default/default-theme.scss +0 -639
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var u=Object.defineProperty;var l=(r,t,s)=>t in r?u(r,t,{enumerable:!0,configurable:!0,writable:!0,value:s}):r[t]=s;var d=(r,t,s)=>l(r,typeof t!="symbol"?t+"":t,s);Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),h="gct",m="is-";function o(r,t,s,a,n){let c=`${r}-${t}`;return s&&(c+=`-${s}`),a&&(c+=`__${a}`),n&&(c+=`--${n}`),c}class p{constructor(t,s){d(this,"namespace");this.block=t,this.namespace=s||h}b(t=""){return o(this.namespace,this.block,t,"","")}e(t){return t?o(this.namespace,this.block,"",t,""):""}m(t){return t?o(this.namespace,this.block,"","",t):""}be(t,s){return t&&s?o(this.namespace,this.block,t,s,""):""}em(t,s){return t&&s?o(this.namespace,this.block,"",t,s):""}bm(t,s){return t&&s?o(this.namespace,this.block,t,"",s):""}bem(t,s,a){return t&&s&&a?o(this.namespace,this.block,t,s,a):""}is(t,s){return t&&s?`${m}${t}`:""}cssVar(t){const s={};for(const a in t)t[a]&&(s[this.cssVarName(a)]=t[a]);return s}cssVarBlock(t){const s={};for(const a in t)t[a]&&(s[this.cssVarBlockName(a)]=t[a]);return s}cssVarName(t){return`--${this.namespace}-${t}`}cssVarBlockName(t){return`--${this.namespace}-${this.block}-${t}`}}const i=e.defineComponent({name:"ThemeExample",setup(){const r=new p("theme-example"),t=e.ref("light"),s=document.getElementsByTagName("html").item(0);return e.watch(t,(a,n)=>{s&&(s.classList.remove(n),s.classList.add(a))}),{ns:r,theme:t}},render(){return e.createVNode("div",{class:this.ns.b()},[e.createVNode("div",{class:this.ns.e("action")},[e.createVNode(e.resolveComponent("a-radio-group"),{value:this.theme,"onUpdate:value":r=>this.theme=r,"button-style":"solid"},{default:()=>[e.createVNode(e.resolveComponent("a-radio-button"),{value:"light"},{default:()=>[e.createTextVNode("亮色")]}),e.createVNode(e.resolveComponent("a-radio-button"),{value:"dark"},{default:()=>[e.createTextVNode("暗色")]})]})]),e.createVNode("div",{class:this.ns.e("block")},[e.createVNode("div",{class:this.ns.e("header")},[e.createVNode("div",{class:this.ns.e("title")},[e.createTextVNode("主题色")])]),e.createVNode("div",{class:this.ns.e("container")},[e.createVNode("div",{class:this.ns.e("primary")},[e.createVNode(e.resolveComponent("a-button"),{type:"primary"},{default:()=>[e.createTextVNode("主题色")]})]),e.createVNode("div",{class:this.ns.e("info")},[e.createVNode(e.resolveComponent("a-button"),{type:"primary"},{default:()=>[e.createTextVNode("信息色")]})]),e.createVNode("div",{class:this.ns.e("success")},[e.createVNode(e.resolveComponent("a-button"),{type:"primary"},{default:()=>[e.createTextVNode("成功色")]})]),e.createVNode("div",{class:this.ns.e("warning")},[e.createVNode(e.resolveComponent("a-button"),{type:"primary"},{default:()=>[e.createTextVNode("警示色")]})]),e.createVNode("div",{class:this.ns.e("danger")},[e.createVNode(e.resolveComponent("a-button"),{type:"primary"},{default:()=>[e.createTextVNode("危险色")]})])])]),e.createVNode("div",{class:this.ns.e("block")},[e.createVNode("div",{class:this.ns.e("header")},[e.createVNode("div",{class:this.ns.e("title")},[e.createTextVNode("主题色(禁用)")])]),e.createVNode("div",{class:this.ns.e("container")},[e.createVNode("div",{class:this.ns.e("primary")},[e.createVNode(e.resolveComponent("a-button"),{type:"primary",disabled:!0},{default:()=>[e.createTextVNode("主题色")]})]),e.createVNode("div",{class:this.ns.e("info")},[e.createVNode(e.resolveComponent("a-button"),{type:"primary",disabled:!0},{default:()=>[e.createTextVNode("信息色")]})]),e.createVNode("div",{class:this.ns.e("success")},[e.createVNode(e.resolveComponent("a-button"),{type:"primary",disabled:!0},{default:()=>[e.createTextVNode("成功色")]})]),e.createVNode("div",{class:this.ns.e("warning")},[e.createVNode(e.resolveComponent("a-button"),{type:"primary",disabled:!0},{default:()=>[e.createTextVNode("警示色")]})]),e.createVNode("div",{class:this.ns.e("danger")},[e.createVNode(e.resolveComponent("a-button"),{type:"primary",disabled:!0},{default:()=>[e.createTextVNode("危险色")]})])])])])}}),N={install(r){r.component(i.name,i)}};exports.default=N;
|
package/dist/index.min.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root.default{--gct-red-0:108,9,10;--gct-red-1:144,17,16;--gct-red-2:181,31,25;--gct-red-3:215,51,35;--gct-red-4:251,73,49;--gct-red-5:252,114,90;--gct-red-6:253,153,131;--gct-red-7:254,190,172;--gct-red-8:254,224,213;--gct-red-9:255,243,239;--gct-pink-0:92,7,47;--gct-pink-1:128,15,66;--gct-pink-2:164,23,81;--gct-pink-3:199,34,97;--gct-pink-4:235,47,112;--gct-pink-5:239,86,134;--gct-pink-6:243,126,159;--gct-pink-7:247,168,188;--gct-pink-8:251,211,220;--gct-pink-9:253,239,241;--gct-purple-0:74,16,97;--gct-purple-1:94,23,118;--gct-purple-2:115,31,138;--gct-purple-3:137,40,159;--gct-purple-4:160,51,179;--gct-purple-5:181,83,194;--gct-purple-6:202,120,209;--gct-purple-7:221,160,225;--gct-purple-8:239,206,240;--gct-purple-9:247,235,247;--gct-violet-0:64,27,119;--gct-violet-1:76,36,140;--gct-violet-2:88,46,160;--gct-violet-3:100,57,180;--gct-violet-4:113,70,201;--gct-violet-5:136,101,212;--gct-violet-6:162,136,223;--gct-violet-7:190,173,233;--gct-violet-8:221,212,243;--gct-violet-9:240,238,250;--gct-indigo-0:23,30,101;--gct-indigo-1:32,41,122;--gct-indigo-2:41,54,142;--gct-indigo-3:52,68,163;--gct-indigo-4:64,83,183;--gct-indigo-5:95,113,197;--gct-indigo-6:129,145,212;--gct-indigo-7:167,180,226;--gct-indigo-8:209,216,241;--gct-indigo-9:237,239,248;--gct-blue-0:6,49,112;--gct-blue-1:8,70,148;--gct-blue-2:19,92,184;--gct-blue-3:28,117,219;--gct-blue-4:41,143,255;--gct-blue-5:84,169,255;--gct-blue-6:127,193,255;--gct-blue-7:169,215,255;--gct-blue-8:211,237,255;--gct-blue-9:239,248,255;--gct-light-blue-0:1,55,97;--gct-light-blue-1:0,77,133;--gct-light-blue-2:2,102,169;--gct-light-blue-3:7,129,204;--gct-light-blue-4:19,159,239;--gct-light-blue-5:64,180,243;--gct-light-blue-6:111,200,245;--gct-light-blue-7:157,220,249;--gct-light-blue-8:206,238,252;--gct-light-blue-9:235,248,254;--gct-cyan-0:5,52,61;--gct-cyan-1:6,79,92;--gct-cyan-2:8,108,123;--gct-cyan-3:13,137,153;--gct-cyan-4:20,168,183;--gct-cyan-5:56,187,198;--gct-cyan-6:98,205,212;--gct-cyan-7:145,223,227;--gct-cyan-8:198,239,241;--gct-cyan-9:231,247,248;--gct-teal-0:2,60,57;--gct-teal-1:5,90,85;--gct-teal-2:8,119,111;--gct-teal-3:12,149,136;--gct-teal-4:13,179,161;--gct-teal-5:51,194,176;--gct-teal-6:95,209,193;--gct-teal-7:142,225,211;--gct-teal-8:196,240,232;--gct-teal-9:230,247,244;--gct-green-0:18,60,25;--gct-green-1:27,90,37;--gct-green-2:39,119,49;--gct-green-3:51,149,61;--gct-green-4:62,179,72;--gct-green-5:92,194,100;--gct-green-6:127,209,132;--gct-green-7:165,225,168;--gct-green-8:208,240,208;--gct-green-9:236,246,236;--gct-light-green-0:38,61,19;--gct-light-green-1:58,92,28;--gct-light-green-2:81,123,41;--gct-light-green-3:103,153,51;--gct-light-green-4:127,184,64;--gct-light-green-5:151,198,95;--gct-light-green-6:176,212,129;--gct-light-green-7:201,228,167;--gct-light-green-8:227,241,209;--gct-light-green-9:243,248,237;--gct-lime-0:48,70,2;--gct-lime-1:75,105,6;--gct-lime-2:103,141,9;--gct-lime-3:132,176,9;--gct-lime-4:162,211,16;--gct-lime-5:174,220,58;--gct-lime-6:189,229,102;--gct-lime-7:207,237,150;--gct-lime-8:229,246,201;--gct-lime-9:242,252,233;--gct-yellow-0:84,73,2;--gct-yellow-1:126,108,6;--gct-yellow-2:168,142,12;--gct-yellow-3:211,175,15;--gct-yellow-4:252,206,22;--gct-yellow-5:253,222,68;--gct-yellow-6:253,235,113;--gct-yellow-7:255,245,160;--gct-yellow-8:254,251,207;--gct-yellow-9:255,254,236;--gct-amber-0:81,46,10;--gct-amber-1:121,76,15;--gct-amber-2:161,107,22;--gct-amber-3:201,143,31;--gct-amber-4:242,183,38;--gct-amber-5:245,201,79;--gct-amber-6:248,219,122;--gct-amber-7:249,234,166;--gct-amber-8:252,246,210;--gct-amber-9:255,251,237;--gct-orange-0:230,81,0;--gct-orange-1:239,108,0;--gct-orange-2:245,124,2;--gct-orange-3:250,141,0;--gct-orange-4:255,152,0;--gct-orange-5:255,167,38;--gct-orange-6:255,183,77;--gct-orange-7:255,204,128;--gct-orange-8:255,223,177;--gct-orange-9:255,243,224;--gct-grey-0:29,31,35;--gct-grey-1:46,50,55;--gct-grey-2:65,70,76;--gct-grey-3:85,91,97;--gct-grey-4:107,112,116;--gct-grey-5:136,141,145;--gct-grey-6:167,171,175;--gct-grey-7:198,202,205;--gct-grey-8:230,232,234;--gct-grey-9:249,249,249;--gct-blue-cyan-0:16,41,68;--gct-blue-cyan-1:26,52,79;--gct-blue-cyan-2:36,65,96;--gct-blue-cyan-3:48,81,115;--gct-blue-cyan-4:70,107,144;--gct-blue-cyan-5:85,125,165;--gct-blue-cyan-6:105,148,190;--gct-blue-cyan-7:131,171,212;--gct-blue-cyan-8:164,201,238;--gct-blue-cyan-9:217,236,255;--gct-dark-purple-0:0,0,0;--gct-dark-purple-1:4,3,6;--gct-dark-purple-2:17,16,26;--gct-dark-purple-3:31,31,47;--gct-dark-purple-4:43,43,64;--gct-dark-purple-5:79,79,105;--gct-dark-purple-6:115,116,142;--gct-dark-purple-7:157,158,180;--gct-dark-purple-8:204,205,217;--gct-dark-purple-9:255,255,255;--gct-white:255,255,255;--gct-black:0,0,0;--gct-color-white:rgba(var(--gct-white), 1);--gct-color-black:rgba(var(--gct-black), 1);--gct-color-primary:rgba(var(--gct-blue-4), 1);--gct-color-primary-hover:rgba(var(--gct-blue-6), 1);--gct-color-primary-active:rgba(var(--gct-blue-3), 1);--gct-color-primary-disabled:rgba(var(--gct-blue-2), 1);--gct-color-primary-light-default:rgba(var(--gct-blue-5), 0.2);--gct-color-primary-light-hover:rgba(var(--gct-blue-5), 0.3);--gct-color-primary-light-active:rgba(var(--gct-blue-5), 0.4);--gct-color-secondary:rgba(var(--gct-light-blue-5), 1);--gct-color-secondary-hover:rgba(var(--gct-light-blue-6), 1);--gct-color-secondary-active:rgba(var(--gct-light-blue-7), 1);--gct-color-secondary-disabled:rgba(var(--gct-light-blue-2), 1);--gct-color-secondary-light-default:rgba(var(--gct-light-blue-0), 1);--gct-color-secondary-light-hover:rgba(var(--gct-light-blue-1), 1);--gct-color-secondary-light-active:rgba(var(--gct-light-blue-2), 1);--gct-color-tertiary:rgba(var(--gct-dark-purple-4), 1);--gct-color-tertiary-hover:rgba(var(--gct-dark-purple-6), 1);--gct-color-tertiary-active:rgba(var(--gct-dark-purple-5), 1);--gct-color-tertiary-light-default:rgba(var(--gct-dark-purple-5), 0.2);--gct-color-tertiary-light-hover:rgba(var(--gct-dark-purple-5), 0.3);--gct-color-tertiary-light-active:rgba(var(--gct-dark-purple-5), 0.4);--gct-color-info:rgba(var(--gct-blue-4), 1);--gct-color-info-hover:rgba(var(--gct-blue-6), 1);--gct-color-info-active:rgba(var(--gct-blue-3), 1);--gct-color-info-disabled:rgba(var(--gct-blue-2), 1);--gct-color-info-light-default:rgba(var(--gct-blue-5), 0.2);--gct-color-info-light-hover:rgba(var(--gct-blue-5), 0.3);--gct-color-info-light-active:rgba(var(--gct-blue-5), 0.4);--gct-color-success:rgba(var(--gct-green-5), 1);--gct-color-success-hover:rgba(var(--gct-green-6), 1);--gct-color-success-active:rgba(var(--gct-green-4), 1);--gct-color-success-disabled:rgba(var(--gct-green-2), 1);--gct-color-success-light-default:rgba(var(--gct-green-5), 0.2);--gct-color-success-light-hover:rgba(var(--gct-green-5), 0.3);--gct-color-success-light-active:rgba(var(--gct-green-5), 0.4);--gct-color-warning:rgba(var(--gct-orange-5), 1);--gct-color-warning-hover:rgba(var(--gct-orange-6), 1);--gct-color-warning-active:rgba(var(--gct-orange-4), 1);--gct-color-warning-light-default:rgba(var(--gct-orange-5), 0.2);--gct-color-warning-light-hover:rgba(var(--gct-orange-5), 0.3);--gct-color-warning-light-active:rgba(var(--gct-orange-5), 0.4);--gct-color-danger:rgba(var(--gct-red-5), 1);--gct-color-danger-hover:rgba(var(--gct-red-6), 1);--gct-color-danger-active:rgba(var(--gct-red-4), 1);--gct-color-danger-light-default:rgba(var(--gct-red-5), 0.2);--gct-color-danger-light-hover:rgba(var(--gct-red-5), 0.3);--gct-color-danger-light-active:rgba(var(--gct-red-5), 0.4);--gct-color-text-0:rgba(var(--gct-dark-purple-9), 1);--gct-color-text-1:rgba(var(--gct-dark-purple-8), 1);--gct-color-text-2:rgba(var(--gct-grey-9), 0.6);--gct-color-text-3:rgba(var(--gct-grey-9), 0.35);--gct-color-link:rgba(var(--gct-blue-4), 1);--gct-color-link-hover:rgba(var(--gct-blue-6), 1);--gct-color-link-active:rgba(var(--gct-blue-3), 1);--gct-color-link-visited:rgba(var(--gct-blue-2), 1);--gct-color-bg-0:#121212;--gct-color-bg-1:#1c1c1c;--gct-color-bg-2:#35363c;--gct-color-bg-3:#43444a;--gct-color-bg-4:#4f5159;--gct-color-fill-0:rgba(var(--gct-dark-purple-4), 1);--gct-color-fill-1:rgba(var(--gct-white), 0.16);--gct-color-fill-2:rgba(var(--gct-white), 0.2);--gct-color-border:rgba(var(--gct-white), 0.08);--gct-color-disabled-text:rgba(var(--gct-grey-9), 0.35);--gct-color-disabled-border:rgba(var(--gct-grey-1), 1);--gct-color-disabled-bg:rgba(var(--gct-grey-1), 1);--gct-color-disabled-fill:rgba(var(--gct-grey-8), 0.04);--gct-color-shadow:rgba(var(--gct-black), 0.04);--gct-shadow-elevated:0 0 1px rgba(0,0,0,.3),0 4px 14px rgba(0,0,0,.1);--gct-font-size-small:12px;--gct-font-size-regular:14px;--gct-font-size-header-6:16px;--gct-font-size-header-5:18px;--gct-font-size-header-4:20px;--gct-font-size-header-3:24px;--gct-font-size-header-2:28px;--gct-font-size-header-1:32px;--gct-font-weight-light:200;--gct-font-weight-regular:400;--gct-font-weight-bold:800;--gct-border-radius-extra-small:2px;--gct-border-radius-small:4px;--gct-border-radius-medium:8px;--gct-border-radius-large:12px;--gct-border-radius-circle:50%;--gct-border-radius-full:9999px;--gct-height-control-small:24px;--gct-height-control-default:32px;--gct-height-control-large:40px;--gct-border-thickness:0;--gct-border-thickness-control:1px;--gct-border-thickness-control-focus:1px;--gct-width-icon-extra-small:8px;--gct-width-icon-small:12px;--gct-width-icon-medium:16px;--gct-width-icon-large:20px;--gct-width-icon-extra-large:24px;--gct-spacing-none:0;--gct-spacing-super-tight:2px;--gct-spacing-extra-tight:4px;--gct-spacing-tight:8px;--gct-spacing-base-tight:12px;--gct-spacing-base:16px;--gct-spacing-base-loose:20px;--gct-spacing-loose:24px;--gct-spacing-extra-loose:32px;--gct-spacing-super-loose:40px}/*# sourceMappingURL=index.min.css.map */
|
|
1
|
+
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:rgba(0,0,0,0)}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:auto}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:auto;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background-color:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#555}:root.dark{--gct-blue-1:246,248,254;--gct-blue-2:236,242,253;--gct-blue-3:222,232,252;--gct-blue-4:205,224,255;--gct-blue-5:168,199,255;--gct-blue-6:128,166,246;--gct-blue-7:86,131,239;--gct-blue-8:49,104,236;--gct-blue-9:42,88,201;--gct-blue-10:35,74,168;--gct-blue-11:28,59,135;--gct-blue-12:22,47,106;--gct-red-1:254,236,221;--gct-red-2:252,197,198;--gct-red-3:250,169,170;--gct-red-4:248,130,132;--gct-red-5:247,106,108;--gct-red-6:245,69,71;--gct-red-7:219,34,28;--gct-red-8:197,31,25;--gct-red-9:164,26,21;--gct-red-10:131,20,17;--gct-red-11:99,15,13;--gct-red-12:77,12,10;--gct-green-1:237,249,239;--gct-green-2:211,241,216;--gct-green-3:176,230,185;--gct-green-4:140,219,152;--gct-green-5:105,208,121;--gct-green-6:72,198,92;--gct-green-7:65,178,83;--gct-green-8:58,158,74;--gct-green-9:54,149,69;--gct-green-10:43,119,55;--gct-green-11:32,89,41;--gct-green-12:25,69,32;--gct-orange-1:255,244,236;--gct-orange-2:255,229,210;--gct-orange-3:255,209,174;--gct-orange-4:255,188,136;--gct-orange-5:255,167,100;--gct-orange-6:255,148,66;--gct-orange-7:230,133,59;--gct-orange-8:204,118,53;--gct-orange-9:191,111,50;--gct-orange-10:153,89,40;--gct-orange-11:115,67,30;--gct-orange-12:89,52,23;--gct-pr-gray-1:30,34,43;--gct-pr-gray-2:46,49,56;--gct-pr-gray-3:67,72,85;--gct-pr-gray-4:90,95,107;--gct-pr-gray-5:113,118,131;--gct-pr-gray-6:134,138,150;--gct-pr-gray-7:169,175,188;--gct-pr-gray-8:202,207,216;--gct-pr-gray-9:143,150,163;--gct-pr-gray-10:242,245,248;--gct-pr-gray-11:249,250,251;--gct-pr-gray-12:252,252,253;--gct-gray-1:255,255,255;--gct-gray-2:243,243,243;--gct-gray-3:232,232,232;--gct-gray-4:221,221,221;--gct-gray-5:198,198,198;--gct-gray-6:166,166,166;--gct-gray-7:139,139,139;--gct-gray-8:119,119,119;--gct-gray-9:94,94,94;--gct-gray-10:71,71,71;--gct-gray-11:56,56,56;--gct-gray-12:36,36,36;--gct-color-primary:rgba(var(--gct-blue-8), 1);--gct-color-primary-hover:rgba(var(--gct-blue-9), 1);--gct-color-primary-active:rgba(var(--gct-blue-10), 1);--gct-color-primary-disabled:rgba(var(--gct-blue-4), 1);--gct-color-primary-light:rgba(var(--gct-blue-1), 1);--gct-color-primary-light-hover:rgba(var(--gct-blue-2), 1);--gct-color-primary-light-active:rgba(var(--gct-blue-3), 1);--gct-color-tertiary:rgba(var(--gct-pr-gray-5), 1);--gct-color-tertiary-hover:rgba(var(--gct-pr-gray-6), 1);--gct-color-tertiary-active:rgba(var(--gct-pr-gray-7), 1);--gct-color-tertiary-light:rgba(var(--gct-pr-gray-1), 1);--gct-color-tertiary-light-hover:rgba(var(--gct-pr-gray-2), 1);--gct-color-tertiary-light-active:rgba(var(--gct-pr-gray-3), 1);--gct-color-info:rgba(var(--gct-blue-8), 1);--gct-color-info-hover:rgba(var(--gct-blue-9), 1);--gct-color-info-active:rgba(var(--gct-blue-10), 1);--gct-color-info-disabled:rgba(var(--gct-blue-4), 1);--gct-color-info-light:rgba(var(--gct-blue-1), 1);--gct-color-info-light-hover:rgba(var(--gct-blue-2), 1);--gct-color-info-light-active:rgba(var(--gct-blue-3), 1);--gct-color-success:rgba(var(--gct-green-6), 1);--gct-color-success-hover:rgba(var(--gct-green-7), 1);--gct-color-success-active:rgba(var(--gct-green-8), 1);--gct-color-success-disabled:rgba(var(--gct-green-3), 1);--gct-color-success-light:rgba(var(--gct-green-1), 1);--gct-color-success-light-hover:rgba(var(--gct-green-2), 1);--gct-color-success-light-active:rgba(var(--gct-green-3), 1);--gct-color-warning:rgba(var(--gct-orange-6), 1);--gct-color-warning-hover:rgba(var(--gct-orange-7), 1);--gct-color-warning-active:rgba(var(--gct-orange-8), 1);--gct-color-warning-disabled:rgba(var(--gct-orange-4), 1);--gct-color-warning-light-default:rgba(var(--gct-orange-1), 1);--gct-color-warning-light-hover:rgba(var(--gct-orange-2), 1);--gct-color-warning-light-active:rgba(var(--gct-orange-3), 1);--gct-color-danger:rgba(var(--gct-red-6), 1);--gct-color-danger-hover:rgba(var(--gct-red-7), 1);--gct-color-danger-active:rgba(var(--gct-red-8), 1);--gct-color-danger-disabled:rgba(var(--gct-red-4), 1);--gct-color-danger-light-default:rgba(var(--gct-red-1), 1);--gct-color-danger-light-hover:rgba(var(--gct-red-2), 1);--gct-color-danger-light-active:rgba(var(--gct-red-3), 1);--gct-color-text-1:rgba(var(--gct-gray-12), 1);--gct-color-text-2:rgba(var(--gct-gray-11), 1);--gct-color-text-3:rgba(var(--gct-gray-10), 1);--gct-color-text-4:rgba(var(--gct-gray-7), 1);--gct-color-text-5:rgba(var(--gct-gray-5), 1);--gct-color-text-6:rgba(var(--gct-blue-6), 1);--gct-color-link:rgba(var(--gct-blue-8), 1);--gct-color-link-hover:rgba(var(--gct-blue-9), 1);--gct-color-link-active:rgba(var(--gct-blue-10), 1);--gct-color-link-visited:rgba(var(--gct-blue-10), 1);--gct-color-link-disabled:rgba(var(--gct-blue-4), 1);--gct-color-bg-1:rgba(var(--gct-pr-gray-1), 1);--gct-color-bg-2:rgba(var(--gct-pr-gray-2), 1);--gct-color-bg-3:rgba(var(--gct-pr-gray-3), 1);--gct-color-bg-4:rgba(var(--gct-gray-1), 1);--gct-color-bg-5:rgba(var(--gct-pr-gray-4), 1);--gct-color-bg-6:rgba(var(--gct-pr-gray-5), 0.5);--gct-color-border:rgba(var(--gct-gray-4), 1);--gct-color-border-hover:rgba(var(--gct-blue-8), 1);--gct-color-border-active:rgba(var(--gct-blue-9), 1);--gct-color-border-disabled:rgba(var(--gct-gray-4), 1);--gct-border-radius-xs:2px;--gct-border-radius-s:4px;--gct-border-radius-m:6px;--gct-border-radius-l:8px;--gct-border-radius-xl:10px;--gct-border-radius-xxl:12px;--gct-border-radius-circle:50%;--gct-border-radius-full:9999px;--gct-border-thickness-s:1px;--gct-border-thickness-m:2px;--gct-border-thickness-l:4px;--gct-border-thickness-xl:6px;--gct-border-thickness-xxl:8px;--gct-icon-xs:8px;--gct-icon-s:12px;--gct-icon-m:12px;--gct-icon-l:12px;--gct-icon-xl:12px;--gct-spacing-1:2px;--gct-spacing-2:4px;--gct-spacing-3:6px;--gct-spacing-4:8px;--gct-spacing-5:10px;--gct-spacing-6:12px;--gct-spacing-7:16px;--gct-spacing-8:20px;--gct-spacing-9:24px;--gct-spacing-10:28px;--gct-spacing-11:32px;--gct-spacing-12:36px;--gct-padding-1:2px;--gct-padding-2:4px;--gct-padding-3:6px;--gct-padding-4:8px;--gct-padding-5:10px;--gct-padding-6:12px;--gct-padding-7:16px;--gct-padding-8:20px;--gct-padding-9:24px;--gct-padding-10:28px;--gct-padding-11:32px;--gct-padding-12:36px;--gct-font-1:10px;--gct-font-2:12px;--gct-font-3:14px;--gct-font-4:16px;--gct-font-5:18px;--gct-font-6:20px;--gct-font-7:22px;--gct-font-8:24px;--gct-font-9:28px;--gct-font-10:32px;--gct-font-11:36px;--gct-font-12:40px;--gct-line-height-1:14px;--gct-line-height-2:16px;--gct-line-height-3:22px;--gct-line-height-4:24px;--gct-line-height-5:26px;--gct-line-height-6:28px;--gct-line-height-7:30px;--gct-line-height-8:32px;--gct-line-height-9:36px;--gct-line-height-10:42px;--gct-line-height-11:48px;--gct-line-height-12:54px}:root.light{--gct-color-white:#fff;--gct-color-black:#000;--gct-blue-1:246,250,253;--gct-blue-2:226,238,249;--gct-blue-3:200,223,243;--gct-blue-4:191,216,242;--gct-blue-5:144,187,233;--gct-blue-6:91,156,225;--gct-blue-7:48,126,210;--gct-blue-8:2,106,200;--gct-blue-9:2,90,170;--gct-blue-10:1,75,142;--gct-blue-11:1,60,114;--gct-blue-12:1,48,90;--gct-red-1:254,236,221;--gct-red-2:252,197,198;--gct-red-3:250,169,170;--gct-red-4:248,130,132;--gct-red-5:247,106,108;--gct-red-6:245,69,71;--gct-red-7:219,34,28;--gct-red-8:197,31,25;--gct-red-9:164,26,21;--gct-red-10:131,20,17;--gct-red-11:99,15,13;--gct-red-12:77,12,10;--gct-green-1:237,249,239;--gct-green-2:211,241,216;--gct-green-3:176,230,185;--gct-green-4:140,219,152;--gct-green-5:105,208,121;--gct-green-6:72,198,92;--gct-green-7:65,178,83;--gct-green-8:58,158,74;--gct-green-9:54,149,69;--gct-green-10:43,119,55;--gct-green-11:32,89,41;--gct-green-12:25,69,32;--gct-orange-1:255,244,236;--gct-orange-2:255,229,210;--gct-orange-3:255,209,174;--gct-orange-4:255,188,136;--gct-orange-5:255,167,100;--gct-orange-6:255,148,66;--gct-orange-7:230,133,59;--gct-orange-8:204,118,53;--gct-orange-9:191,111,50;--gct-orange-10:153,89,40;--gct-orange-11:115,67,30;--gct-orange-12:89,52,23;--gct-pr-gray-1:252,252,253;--gct-pr-gray-2:249,250,251;--gct-pr-gray-3:242,245,248;--gct-pr-gray-4:224,227,234;--gct-pr-gray-5:202,207,216;--gct-pr-gray-6:169,175,188;--gct-pr-gray-7:134,138,150;--gct-pr-gray-8:113,118,131;--gct-pr-gray-9:90,95,107;--gct-pr-gray-10:67,72,85;--gct-pr-gray-11:44,51,68;--gct-pr-gray-12:26,29,35;--gct-gray-1:255,255,255;--gct-gray-2:243,243,243;--gct-gray-3:232,232,232;--gct-gray-4:221,221,221;--gct-gray-5:198,198,198;--gct-gray-6:166,166,166;--gct-gray-7:139,139,139;--gct-gray-8:119,119,119;--gct-gray-9:94,94,94;--gct-gray-10:71,71,71;--gct-gray-11:56,56,56;--gct-gray-12:36,36,36;--gct-color-primary:rgba(var(--gct-blue-8), 1);--gct-color-primary-hover:rgba(var(--gct-blue-9), 1);--gct-color-primary-active:rgba(var(--gct-blue-10), 1);--gct-color-primary-disabled:rgba(var(--gct-blue-4), 1);--gct-color-primary-light:rgba(var(--gct-blue-1), 1);--gct-color-primary-light-hover:rgba(var(--gct-blue-2), 1);--gct-color-primary-light-active:rgba(var(--gct-blue-3), 1);--gct-color-tertiary:rgba(var(--gct-pr-gray-5), 1);--gct-color-tertiary-hover:rgba(var(--gct-pr-gray-6), 1);--gct-color-tertiary-active:rgba(var(--gct-pr-gray-7), 1);--gct-color-tertiary-light:rgba(var(--gct-pr-gray-1), 1);--gct-color-tertiary-light-hover:rgba(var(--gct-pr-gray-2), 1);--gct-color-tertiary-light-active:rgba(var(--gct-pr-gray-3), 1);--gct-color-info:rgba(var(--gct-blue-8), 1);--gct-color-info-hover:rgba(var(--gct-blue-9), 1);--gct-color-info-active:rgba(var(--gct-blue-10), 1);--gct-color-info-disabled:rgba(var(--gct-blue-4), 1);--gct-color-info-light:rgba(var(--gct-blue-1), 1);--gct-color-info-light-hover:rgba(var(--gct-blue-2), 1);--gct-color-info-light-active:rgba(var(--gct-blue-3), 1);--gct-color-success:rgba(var(--gct-green-6), 1);--gct-color-success-hover:rgba(var(--gct-green-7), 1);--gct-color-success-active:rgba(var(--gct-green-8), 1);--gct-color-success-disabled:rgba(var(--gct-green-3), 1);--gct-color-success-light:rgba(var(--gct-green-1), 1);--gct-color-success-light-hover:rgba(var(--gct-green-2), 1);--gct-color-success-light-active:rgba(var(--gct-green-3), 1);--gct-color-warning:rgba(var(--gct-orange-6), 1);--gct-color-warning-hover:rgba(var(--gct-orange-7), 1);--gct-color-warning-active:rgba(var(--gct-orange-8), 1);--gct-color-warning-disabled:rgba(var(--gct-orange-4), 1);--gct-color-warning-light-default:rgba(var(--gct-orange-1), 1);--gct-color-warning-light-hover:rgba(var(--gct-orange-2), 1);--gct-color-warning-light-active:rgba(var(--gct-orange-3), 1);--gct-color-danger:rgba(var(--gct-red-6), 1);--gct-color-danger-hover:rgba(var(--gct-red-7), 1);--gct-color-danger-active:rgba(var(--gct-red-8), 1);--gct-color-danger-disabled:rgba(var(--gct-red-4), 1);--gct-color-danger-light-default:rgba(var(--gct-red-1), 1);--gct-color-danger-light-hover:rgba(var(--gct-red-2), 1);--gct-color-danger-light-active:rgba(var(--gct-red-3), 1);--gct-color-text:rgba(var(--gct-gray-1), 1);--gct-color-text-1:rgba(var(--gct-gray-12), 1);--gct-color-text-2:rgba(var(--gct-gray-11), 1);--gct-color-text-3:rgba(var(--gct-gray-10), 1);--gct-color-text-4:rgba(var(--gct-gray-7), 1);--gct-color-text-5:rgba(var(--gct-gray-5), 1);--gct-color-text-6:rgba(var(--gct-blue-6), 1);--gct-color-link:rgba(var(--gct-blue-8), 1);--gct-color-link-hover:rgba(var(--gct-blue-9), 1);--gct-color-link-active:rgba(var(--gct-blue-10), 1);--gct-color-link-visited:rgba(var(--gct-blue-10), 1);--gct-color-link-disabled:rgba(var(--gct-blue-4), 1);--gct-color-bg-1:rgba(var(--gct-pr-gray-1), 1);--gct-color-bg-2:rgba(var(--gct-pr-gray-2), 1);--gct-color-bg-3:rgba(var(--gct-pr-gray-3), 1);--gct-color-bg-4:rgba(var(--gct-gray-1), 1);--gct-color-bg-5:rgba(var(--gct-pr-gray-4), 1);--gct-color-bg-6:rgba(var(--gct-pr-gray-5), 0.5);--gct-color-border:rgba(var(--gct-gray-4), 1);--gct-color-border-hover:rgba(var(--gct-blue-8), 1);--gct-color-border-active:rgba(var(--gct-blue-9), 1);--gct-color-border-disabled:rgba(var(--gct-gray-4), 1);--gct-border-radius-xs:2px;--gct-border-radius-s:4px;--gct-border-radius-m:6px;--gct-border-radius-l:8px;--gct-border-radius-xl:10px;--gct-border-radius-xxl:12px;--gct-border-radius-circle:50%;--gct-border-radius-full:9999px;--gct-border-thickness-s:1px;--gct-border-thickness-m:2px;--gct-border-thickness-l:4px;--gct-border-thickness-xl:6px;--gct-border-thickness-xxl:8px;--gct-icon-xs:8px;--gct-icon-s:12px;--gct-icon-m:12px;--gct-icon-l:12px;--gct-icon-xl:12px;--gct-spacing-1:2px;--gct-spacing-2:4px;--gct-spacing-3:6px;--gct-spacing-4:8px;--gct-spacing-5:10px;--gct-spacing-6:12px;--gct-spacing-7:16px;--gct-spacing-8:20px;--gct-spacing-9:24px;--gct-spacing-10:28px;--gct-spacing-11:32px;--gct-spacing-12:36px;--gct-padding-1:2px;--gct-padding-2:4px;--gct-padding-3:6px;--gct-padding-4:8px;--gct-padding-5:10px;--gct-padding-6:12px;--gct-padding-7:16px;--gct-padding-8:20px;--gct-padding-9:24px;--gct-padding-10:28px;--gct-padding-11:32px;--gct-padding-12:36px;--gct-font-1:10px;--gct-font-2:12px;--gct-font-3:14px;--gct-font-4:16px;--gct-font-5:18px;--gct-font-6:20px;--gct-font-7:22px;--gct-font-8:24px;--gct-font-9:28px;--gct-font-10:32px;--gct-font-11:36px;--gct-font-12:40px;--gct-line-height-1:14px;--gct-line-height-2:16px;--gct-line-height-3:22px;--gct-line-height-4:24px;--gct-line-height-5:26px;--gct-line-height-6:28px;--gct-line-height-7:30px;--gct-line-height-8:32px;--gct-line-height-9:36px;--gct-line-height-10:42px;--gct-line-height-11:48px;--gct-line-height-12:54px}/*# sourceMappingURL=index.min.css.map */
|
package/dist/index.min.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../style/generic/reset.scss","../style/theme/
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../style/generic/reset.scss","../style/theme/dark/dark-theme.scss","../style/theme/light/light-theme.scss"],"names":[],"mappings":"AAGA,4EAUA,KACE,iBACA,sBAUF,KACE,SAOF,KACE,cAQF,GACE,cACA,eAWF,GACE,uBACA,SACA,iBAQF,IACE,gCACA,cAUF,EACE,+BAQF,YACE,mBACA,0BACA,iCAOF,SAEE,mBAQF,cAGE,gCACA,cAOF,MACE,cAQF,QAEE,cACA,cACA,kBACA,wBAGF,IACE,eAGF,IACE,WAUF,IACE,kBAWF,sCAKE,oBACA,eACA,iBACA,SAQF,aAEE,iBAQF,cAEE,oBAOF,gDAIE,gBAOF,wHAIE,kBACA,UAOF,4GAIE,8BAOF,SACE,2BAUF,OACE,sBACA,cACA,cACA,eACA,UACA,mBAOF,SACE,wBAOF,SACE,cAQF,6BAEE,sBACA,UAOF,kFAEE,YAQF,cACE,qBACA,oBAOF,yCACE,gBAQF,6BACE,gBACA,aAUF,QACE,cAOF,QACE,kBAUF,SACE,aAOF,SACE,aAMF,oBACE,UACA,WAIF,0BACE,yBACA,kBAIF,0BACE,sBACA,kBAIF,gCACE,sBCrXF,WAEE,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,wBACA,wBACA,uBACA,wBACA,wBACA,wBAGA,wBACA,wBACA,wBACA,wBACA,wBACA,sBACA,sBACA,sBACA,sBACA,uBACA,sBACA,sBAGA,0BACA,0BACA,0BACA,0BACA,0BACA,wBACA,wBACA,wBACA,wBACA,yBACA,wBACA,wBAGA,2BACA,2BACA,2BACA,2BACA,2BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,yBAGA,yBACA,yBACA,yBACA,0BACA,4BACA,4BACA,4BACA,4BACA,4BACA,6BACA,6BACA,6BAGA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,sBACA,uBACA,uBACA,uBAGA,+CACA,qDACA,uDACA,wDACA,qDACA,2DACA,4DAYA,mDACA,yDACA,0DACA,yDACA,+DACA,gEAGA,4CACA,kDACA,oDACA,qDACA,kDACA,wDACA,yDAGA,gDACA,sDACA,uDACA,yDACA,sDACA,4DACA,6DAGA,iDACA,uDACA,wDACA,0DACA,+DACA,6DACA,8DAGA,6CACA,mDACA,oDACA,sDACA,2DACA,yDACA,0DAGA,+CACA,+CACA,+CACA,8CACA,8CACA,8CAGA,4CACA,kDACA,oDACA,qDACA,qDAGA,+CACA,+CACA,+CACA,4CACA,+CACA,iDAGA,8CACA,oDACA,qDACA,uDAGA,2BACA,0BACA,0BACA,0BACA,4BACA,6BACA,+BACA,gCAGA,6BACA,6BACA,6BACA,8BACA,+BAGA,kBACA,kBACA,kBACA,kBACA,mBAGA,oBACA,oBACA,oBACA,oBACA,qBACA,qBACA,qBACA,qBACA,qBACA,sBACA,sBACA,sBAGA,oBACA,oBACA,oBACA,oBACA,qBACA,qBACA,qBACA,qBACA,qBACA,sBACA,sBACA,sBAGA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,mBACA,mBACA,mBAGA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,0BACA,0BACA,0BC9PF,YACE,uBACA,uBAGA,yBACA,yBACA,yBACA,yBACA,yBACA,wBACA,wBACA,uBACA,sBACA,uBACA,uBACA,sBAGA,wBACA,wBACA,wBACA,wBACA,wBACA,sBACA,sBACA,sBACA,sBACA,uBACA,sBACA,sBAGA,0BACA,0BACA,0BACA,0BACA,0BACA,wBACA,wBACA,wBACA,wBACA,yBACA,wBACA,wBAGA,2BACA,2BACA,2BACA,2BACA,2BACA,0BACA,0BACA,0BACA,0BACA,0BACA,0BACA,yBAGA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,4BACA,0BACA,0BACA,0BACA,0BAGA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,sBACA,uBACA,uBACA,uBAGA,+CACA,qDACA,uDACA,wDACA,qDACA,2DACA,4DAYA,mDACA,yDACA,0DACA,yDACA,+DACA,gEAGA,4CACA,kDACA,oDACA,qDACA,kDACA,wDACA,yDAGA,gDACA,sDACA,uDACA,yDACA,sDACA,4DACA,6DAGA,iDACA,uDACA,wDACA,0DACA,+DACA,6DACA,8DAGA,6CACA,mDACA,oDACA,sDACA,2DACA,yDACA,0DAGA,4CACA,+CACA,+CACA,+CACA,8CACA,8CACA,8CAGA,4CACA,kDACA,oDACA,qDACA,qDAGA,+CACA,+CACA,+CACA,4CACA,+CACA,iDAGA,8CACA,oDACA,qDACA,uDAGA,2BACA,0BACA,0BACA,0BACA,4BACA,6BACA,+BACA,gCAGA,6BACA,6BACA,6BACA,8BACA,+BAGA,kBACA,kBACA,kBACA,kBACA,mBAGA,oBACA,oBACA,oBACA,oBACA,qBACA,qBACA,qBACA,qBACA,qBACA,sBACA,sBACA,sBAGA,oBACA,oBACA,oBACA,oBACA,qBACA,qBACA,qBACA,qBACA,qBACA,sBACA,sBACA,sBAGA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,kBACA,mBACA,mBACA,mBAGA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,0BACA,0BACA","file":"index.min.css"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var k=Object.defineProperty;var $=(l,u,h)=>u in l?k(l,u,{enumerable:!0,configurable:!0,writable:!0,value:h}):l[u]=h;var b=(l,u,h)=>$(l,typeof u!="symbol"?u+"":u,h);System.register(["vue"],function(l,u){"use strict";var h,t,i,a,m,v;return{setters:[r=>{h=r.defineComponent,t=r.createVNode,i=r.resolveComponent,a=r.createTextVNode,m=r.ref,v=r.watch}],execute:function(){const r="gct",f="is-";function o(c,s,e,n,d){let p=`${c}-${s}`;return e&&(p+=`-${e}`),n&&(p+=`__${n}`),d&&(p+=`--${d}`),p}class E{constructor(s,e){b(this,"namespace");this.block=s,this.namespace=e||r}b(s=""){return o(this.namespace,this.block,s,"","")}e(s){return s?o(this.namespace,this.block,"",s,""):""}m(s){return s?o(this.namespace,this.block,"","",s):""}be(s,e){return s&&e?o(this.namespace,this.block,s,e,""):""}em(s,e){return s&&e?o(this.namespace,this.block,"",s,e):""}bm(s,e){return s&&e?o(this.namespace,this.block,s,"",e):""}bem(s,e,n){return s&&e&&n?o(this.namespace,this.block,s,e,n):""}is(s,e){return s&&e?`${f}${s}`:""}cssVar(s){const e={};for(const n in s)s[n]&&(e[this.cssVarName(n)]=s[n]);return e}cssVarBlock(s){const e={};for(const n in s)s[n]&&(e[this.cssVarBlockName(n)]=s[n]);return e}cssVarName(s){return`--${this.namespace}-${s}`}cssVarBlockName(s){return`--${this.namespace}-${this.block}-${s}`}}const y=h({name:"ThemeExample",setup(){const c=new E("theme-example"),s=m("light"),e=document.getElementsByTagName("html").item(0);return v(s,(n,d)=>{e&&(e.classList.remove(d),e.classList.add(n))}),{ns:c,theme:s}},render(){return t("div",{class:this.ns.b()},[t("div",{class:this.ns.e("action")},[t(i("a-radio-group"),{value:this.theme,"onUpdate:value":c=>this.theme=c,"button-style":"solid"},{default:()=>[t(i("a-radio-button"),{value:"light"},{default:()=>[a("亮色")]}),t(i("a-radio-button"),{value:"dark"},{default:()=>[a("暗色")]})]})]),t("div",{class:this.ns.e("block")},[t("div",{class:this.ns.e("header")},[t("div",{class:this.ns.e("title")},[a("主题色")])]),t("div",{class:this.ns.e("container")},[t("div",{class:this.ns.e("primary")},[t(i("a-button"),{type:"primary"},{default:()=>[a("主题色")]})]),t("div",{class:this.ns.e("info")},[t(i("a-button"),{type:"primary"},{default:()=>[a("信息色")]})]),t("div",{class:this.ns.e("success")},[t(i("a-button"),{type:"primary"},{default:()=>[a("成功色")]})]),t("div",{class:this.ns.e("warning")},[t(i("a-button"),{type:"primary"},{default:()=>[a("警示色")]})]),t("div",{class:this.ns.e("danger")},[t(i("a-button"),{type:"primary"},{default:()=>[a("危险色")]})])])]),t("div",{class:this.ns.e("block")},[t("div",{class:this.ns.e("header")},[t("div",{class:this.ns.e("title")},[a("主题色(禁用)")])]),t("div",{class:this.ns.e("container")},[t("div",{class:this.ns.e("primary")},[t(i("a-button"),{type:"primary",disabled:!0},{default:()=>[a("主题色")]})]),t("div",{class:this.ns.e("info")},[t(i("a-button"),{type:"primary",disabled:!0},{default:()=>[a("信息色")]})]),t("div",{class:this.ns.e("success")},[t(i("a-button"),{type:"primary",disabled:!0},{default:()=>[a("成功色")]})]),t("div",{class:this.ns.e("warning")},[t(i("a-button"),{type:"primary",disabled:!0},{default:()=>[a("警示色")]})]),t("div",{class:this.ns.e("danger")},[t(i("a-button"),{type:"primary",disabled:!0},{default:()=>[a("危险色")]})])])])])}}),g=l("default",{install(c){c.component(y.name,y)}})}}});
|
package/dist/scss.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
.gct-theme-example{height:100%;background-color:var(--gct-color-bg-1);padding:var(--gct-padding-4)}.gct-theme-example__action .ant-radio-button-wrapper-checked:focus-visible{outline:0}.gct-theme-example__action .ant-radio-button-wrapper-checked:focus-within{box-shadow:0}.gct-theme-example__action .ant-radio-group-solid .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):focus-within{box-shadow:none}.gct-theme-example__header{font-size:32px;line-height:42px;color:rgb(var(--gct-pr-gray-12));margin-bottom:var(--gct-spacing-4)}.gct-theme-example__container{display:flex;gap:8px}.gct-theme-example__primary .ant-btn-primary{color:rgb(var(--gct-gray-1));border-color:var(--gct-color-primary);background:var(--gct-color-primary)}.gct-theme-example__primary .ant-btn-primary:hover{color:rgb(var(--gct-gray-1));border-color:var(--gct-color-primary-hover);background:var(--gct-color-primary-hover)}.gct-theme-example__primary .ant-btn-primary:disabled{border-color:var(--gct-color-primary-disabled);background:var(--gct-color-primary-disabled)}.gct-theme-example__primary .ant-btn-primary:not([disabled]):active{border-color:var(--gct-color-primary-active);background:var(--gct-color-primary-active)}.gct-theme-example__info .ant-btn-primary{color:rgb(var(--gct-gray-1));border-color:var(--gct-color-info);background:var(--gct-color-info)}.gct-theme-example__info .ant-btn-primary:hover{color:rgb(var(--gct-gray-1));border-color:var(--gct-color-info-hover);background:var(--gct-color-info-hover)}.gct-theme-example__info .ant-btn-primary:disabled{border-color:var(--gct-color-info-disabled);background:var(--gct-color-info-disabled)}.gct-theme-example__info .ant-btn-primary:not([disabled]):active{border-color:var(--gct-color-info-active);background:var(--gct-color-info-active)}.gct-theme-example__success .ant-btn-primary{color:rgb(var(--gct-gray-1));border-color:var(--gct-color-success);background:var(--gct-color-success)}.gct-theme-example__success .ant-btn-primary:hover{color:rgb(var(--gct-gray-1));border-color:var(--gct-color-success-hover);background:var(--gct-color-success-hover)}.gct-theme-example__success .ant-btn-primary:disabled{border-color:var(--gct-color-success-disabled);background:var(--gct-color-success-disabled)}.gct-theme-example__success .ant-btn-primary:not([disabled]):active{border-color:var(--gct-color-success-active);background:var(--gct-color-success-active)}.gct-theme-example__warning .ant-btn-primary{color:rgb(var(--gct-gray-1));border-color:var(--gct-color-warning);background:var(--gct-color-warning)}.gct-theme-example__warning .ant-btn-primary:hover{color:rgb(var(--gct-gray-1));border-color:var(--gct-color-warning-hover);background:var(--gct-color-warning-hover)}.gct-theme-example__warning .ant-btn-primary:disabled{border-color:var(--gct-color-warning-disabled);background:var(--gct-color-warning-disabled)}.gct-theme-example__warning .ant-btn-primary:not([disabled]):active{border-color:var(--gct-color-warning-active);background:var(--gct-color-warning-active)}.gct-theme-example__danger .ant-btn-primary{color:rgb(var(--gct-gray-1));border-color:var(--gct-color-danger);background:var(--gct-color-danger)}.gct-theme-example__danger .ant-btn-primary:hover{color:rgb(var(--gct-gray-1));border-color:var(--gct-color-danger-hover);background:var(--gct-color-danger-hover)}.gct-theme-example__danger .ant-btn-primary:disabled{border-color:var(--gct-color-danger-disabled);background:var(--gct-color-danger-disabled)}.gct-theme-example__danger .ant-btn-primary:not([disabled]):active{border-color:var(--gct-color-danger-active);background:var(--gct-color-danger-active)}
|
package/package.json
CHANGED
|
@@ -1,12 +1,22 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gct-paas/scss",
|
|
3
|
-
"version": "0.0.1
|
|
3
|
+
"version": "0.0.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "paas 平台样式框架包",
|
|
6
|
-
"main": "
|
|
6
|
+
"main": "dist/index.min.cjs",
|
|
7
|
+
"module": "es/index.mjs",
|
|
8
|
+
"types": "es/index.d.ts",
|
|
9
|
+
"system": "dist/index.system.min.js",
|
|
7
10
|
"exports": {
|
|
11
|
+
".": {
|
|
12
|
+
"types": "./es/index.d.ts",
|
|
13
|
+
"import": "./es/index.mjs",
|
|
14
|
+
"require": "./dist/index.min.cjs"
|
|
15
|
+
},
|
|
8
16
|
"./style/global.scss": "./style/global.scss",
|
|
9
|
-
"./style/index.scss": "./style/index.scss"
|
|
17
|
+
"./style/index.scss": "./style/index.scss",
|
|
18
|
+
"./style/global": "./style/global.scss",
|
|
19
|
+
"./style/index": "./style/index.scss"
|
|
10
20
|
},
|
|
11
21
|
"files": [
|
|
12
22
|
"dist",
|
|
@@ -28,7 +38,8 @@
|
|
|
28
38
|
"license": "MIT",
|
|
29
39
|
"author": "gct",
|
|
30
40
|
"scripts": {
|
|
31
|
-
"
|
|
41
|
+
"dev": "rollup -c -w --environment=NODE_ENV:development",
|
|
42
|
+
"build": "rollup -c --environment=NODE_ENV:production && vite build --mode production --config vite.config.ts && sass style/index.scss dist/index.min.css --style=compressed",
|
|
32
43
|
"publish:next": "npm run build && npm publish --access public --tag=next --registry=https://registry.npmjs.org/",
|
|
33
44
|
"publish:dev": "npm run build && npm publish --access public --tag=dev --registry=https://registry.npmjs.org/",
|
|
34
45
|
"publish:alpha": "npm run build && npm publish --access public --tag=alpha --registry=https://registry.npmjs.org/",
|
|
@@ -37,6 +48,10 @@
|
|
|
37
48
|
},
|
|
38
49
|
"dependencies": {
|
|
39
50
|
"normalize.css": "^8.0.1",
|
|
40
|
-
"
|
|
41
|
-
}
|
|
51
|
+
"vue": "^3.5.13"
|
|
52
|
+
},
|
|
53
|
+
"devDependencies": {
|
|
54
|
+
"sass": "^1.85.1"
|
|
55
|
+
},
|
|
56
|
+
"gitHead": "9facb3521bdf435120898d743c13610da0250610"
|
|
42
57
|
}
|
package/style/generic/reset.scss
CHANGED
|
@@ -199,7 +199,7 @@ button,
|
|
|
199
199
|
[type="button"],
|
|
200
200
|
[type="reset"],
|
|
201
201
|
[type="submit"] {
|
|
202
|
-
appearance:
|
|
202
|
+
appearance: auto;
|
|
203
203
|
}
|
|
204
204
|
|
|
205
205
|
/**
|
|
@@ -309,7 +309,7 @@ textarea {
|
|
|
309
309
|
*/
|
|
310
310
|
|
|
311
311
|
::-webkit-file-upload-button {
|
|
312
|
-
appearance:
|
|
312
|
+
appearance: auto; /* 1 */
|
|
313
313
|
font: inherit; /* 2 */
|
|
314
314
|
}
|
|
315
315
|
|
|
@@ -350,3 +350,28 @@ template {
|
|
|
350
350
|
[hidden] {
|
|
351
351
|
display: none;
|
|
352
352
|
}
|
|
353
|
+
|
|
354
|
+
// 滚动条样式
|
|
355
|
+
|
|
356
|
+
/* 定义滚动条整体样式 */
|
|
357
|
+
::-webkit-scrollbar {
|
|
358
|
+
width: 4px; /* 滚动条宽度 */
|
|
359
|
+
height: 4px; /* 滚动条高度 */
|
|
360
|
+
}
|
|
361
|
+
|
|
362
|
+
/* 定义滚动条轨道样式 */
|
|
363
|
+
::-webkit-scrollbar-track {
|
|
364
|
+
background-color: #f1f1f1; /* 轨道背景色 */
|
|
365
|
+
border-radius: 4px; /* 轨道圆角 */
|
|
366
|
+
}
|
|
367
|
+
|
|
368
|
+
/* 定义滚动条滑块样式 */
|
|
369
|
+
::-webkit-scrollbar-thumb {
|
|
370
|
+
background-color: #888; /* 滑块背景色 */
|
|
371
|
+
border-radius: 4px; /* 滑块圆角 */
|
|
372
|
+
}
|
|
373
|
+
|
|
374
|
+
/* 鼠标悬停在滑块上时的样式 */
|
|
375
|
+
::-webkit-scrollbar-thumb:hover {
|
|
376
|
+
background-color: #555; /* 悬停时滑块背景色 */
|
|
377
|
+
}
|
|
@@ -0,0 +1,258 @@
|
|
|
1
|
+
@use '../../global.scss' as *;
|
|
2
|
+
|
|
3
|
+
:root.dark {
|
|
4
|
+
// 主色
|
|
5
|
+
#{getCssVarName(blue, 1)}: 246, 248, 254;
|
|
6
|
+
#{getCssVarName(blue, 2)}: 236, 242, 253;
|
|
7
|
+
#{getCssVarName(blue, 3)}: 222, 232, 252;
|
|
8
|
+
#{getCssVarName(blue, 4)}: 205, 224, 255;
|
|
9
|
+
#{getCssVarName(blue, 5)}: 168, 199, 255;
|
|
10
|
+
#{getCssVarName(blue, 6)}: 128, 166, 246;
|
|
11
|
+
#{getCssVarName(blue, 7)}: 86, 131, 239;
|
|
12
|
+
#{getCssVarName(blue, 8)}: 49, 104, 236;
|
|
13
|
+
#{getCssVarName(blue, 9)}: 42, 88, 201;
|
|
14
|
+
#{getCssVarName(blue, 10)}: 35, 74, 168;
|
|
15
|
+
#{getCssVarName(blue, 11)}: 28, 59, 135;
|
|
16
|
+
#{getCssVarName(blue, 12)}: 22, 47, 106;
|
|
17
|
+
|
|
18
|
+
// 危险色
|
|
19
|
+
#{getCssVarName(red, 1)}: 254, 236, 221;
|
|
20
|
+
#{getCssVarName(red, 2)}: 252, 197, 198;
|
|
21
|
+
#{getCssVarName(red, 3)}: 250, 169, 170;
|
|
22
|
+
#{getCssVarName(red, 4)}: 248, 130, 132;
|
|
23
|
+
#{getCssVarName(red, 5)}: 247, 106, 108;
|
|
24
|
+
#{getCssVarName(red, 6)}: 245, 69, 71;
|
|
25
|
+
#{getCssVarName(red, 7)}: 219, 34, 28;
|
|
26
|
+
#{getCssVarName(red, 8)}: 197, 31, 25;
|
|
27
|
+
#{getCssVarName(red, 9)}: 164, 26, 21;
|
|
28
|
+
#{getCssVarName(red, 10)}: 131, 20, 17;
|
|
29
|
+
#{getCssVarName(red, 11)}: 99, 15, 13;
|
|
30
|
+
#{getCssVarName(red, 12)}: 77, 12, 10;
|
|
31
|
+
|
|
32
|
+
// 成功色
|
|
33
|
+
#{getCssVarName(green, 1)}: 237, 249, 239;
|
|
34
|
+
#{getCssVarName(green, 2)}: 211, 241, 216;
|
|
35
|
+
#{getCssVarName(green, 3)}: 176, 230, 185;
|
|
36
|
+
#{getCssVarName(green, 4)}: 140, 219, 152;
|
|
37
|
+
#{getCssVarName(green, 5)}: 105, 208, 121;
|
|
38
|
+
#{getCssVarName(green, 6)}: 72, 198, 92;
|
|
39
|
+
#{getCssVarName(green, 7)}: 65, 178, 83;
|
|
40
|
+
#{getCssVarName(green, 8)}: 58, 158, 74;
|
|
41
|
+
#{getCssVarName(green, 9)}: 54, 149, 69;
|
|
42
|
+
#{getCssVarName(green, 10)}: 43, 119, 55;
|
|
43
|
+
#{getCssVarName(green, 11)}: 32, 89, 41;
|
|
44
|
+
#{getCssVarName(green, 12)}: 25, 69, 32;
|
|
45
|
+
|
|
46
|
+
// 警告色
|
|
47
|
+
#{getCssVarName(orange, 1)}: 255, 244, 236;
|
|
48
|
+
#{getCssVarName(orange, 2)}: 255, 229, 210;
|
|
49
|
+
#{getCssVarName(orange, 3)}: 255, 209, 174;
|
|
50
|
+
#{getCssVarName(orange, 4)}: 255, 188, 136;
|
|
51
|
+
#{getCssVarName(orange, 5)}: 255, 167, 100;
|
|
52
|
+
#{getCssVarName(orange, 6)}: 255, 148, 66;
|
|
53
|
+
#{getCssVarName(orange, 7)}: 230, 133, 59;
|
|
54
|
+
#{getCssVarName(orange, 8)}: 204, 118, 53;
|
|
55
|
+
#{getCssVarName(orange, 9)}: 191, 111, 50;
|
|
56
|
+
#{getCssVarName(orange, 10)}: 153, 89, 40;
|
|
57
|
+
#{getCssVarName(orange, 11)}: 115, 67, 30;
|
|
58
|
+
#{getCssVarName(orange, 12)}: 89, 52, 23;
|
|
59
|
+
|
|
60
|
+
// 品牌灰度
|
|
61
|
+
#{getCssVarName(pr-gray, 1)}: 30, 34, 43;
|
|
62
|
+
#{getCssVarName(pr-gray, 2)}: 46, 49, 56;
|
|
63
|
+
#{getCssVarName(pr-gray, 3)}: 67, 72, 85;
|
|
64
|
+
#{getCssVarName(pr-gray, 4)}: 90, 95, 107;
|
|
65
|
+
#{getCssVarName(pr-gray, 5)}: 113, 118, 131;
|
|
66
|
+
#{getCssVarName(pr-gray, 6)}: 134, 138, 150;
|
|
67
|
+
#{getCssVarName(pr-gray, 7)}: 169, 175, 188;
|
|
68
|
+
#{getCssVarName(pr-gray, 8)}: 202, 207, 216;
|
|
69
|
+
#{getCssVarName(pr-gray, 9)}: 143, 150, 163;
|
|
70
|
+
#{getCssVarName(pr-gray, 10)}: 242, 245, 248;
|
|
71
|
+
#{getCssVarName(pr-gray, 11)}: 249, 250, 251;
|
|
72
|
+
#{getCssVarName(pr-gray, 12)}: 252, 252, 253;
|
|
73
|
+
|
|
74
|
+
// 灰色
|
|
75
|
+
#{getCssVarName(gray, 1)}: 255, 255, 255;
|
|
76
|
+
#{getCssVarName(gray, 2)}: 243, 243, 243;
|
|
77
|
+
#{getCssVarName(gray, 3)}: 232, 232, 232;
|
|
78
|
+
#{getCssVarName(gray, 4)}: 221, 221, 221;
|
|
79
|
+
#{getCssVarName(gray, 5)}: 198, 198, 198;
|
|
80
|
+
#{getCssVarName(gray, 6)}: 166, 166, 166;
|
|
81
|
+
#{getCssVarName(gray, 7)}: 139, 139, 139;
|
|
82
|
+
#{getCssVarName(gray, 8)}: 119, 119, 119;
|
|
83
|
+
#{getCssVarName(gray, 9)}: 94, 94, 94;
|
|
84
|
+
#{getCssVarName(gray, 10)}: 71, 71, 71;
|
|
85
|
+
#{getCssVarName(gray, 11)}: 56, 56, 56;
|
|
86
|
+
#{getCssVarName(gray, 12)}: 36, 36, 36;
|
|
87
|
+
|
|
88
|
+
// 主要颜色
|
|
89
|
+
#{getCssVarName(color, primary)}: rgba(var(#{getCssVarName(blue, 8)}), 1);
|
|
90
|
+
#{getCssVarName(color, primary, hover)}: rgba(var(#{getCssVarName(blue, 9)}), 1);
|
|
91
|
+
#{getCssVarName(color, primary, active)}: rgba(var(#{getCssVarName(blue, 10)}), 1);
|
|
92
|
+
#{getCssVarName(color, primary, disabled)}: rgba(var(#{getCssVarName(blue, 4)}), 1);
|
|
93
|
+
#{getCssVarName(color, primary, light)}: rgba(var(#{getCssVarName(blue, 1)}), 1);
|
|
94
|
+
#{getCssVarName(color, primary, light, hover)}: rgba(var(#{getCssVarName(blue, 2)}), 1);
|
|
95
|
+
#{getCssVarName(color, primary, light, active)}: rgba(var(#{getCssVarName(blue, 3)}), 1);
|
|
96
|
+
|
|
97
|
+
// 第二颜色
|
|
98
|
+
// #{getCssVarName(color, secondary)}: rgba(var(#{getCssVarName(pr-gray, 10)}), 1);
|
|
99
|
+
// #{getCssVarName(color, secondary, hover)}: rgba(var(#{getCssVarName(pr-gray, 11)}), 1);
|
|
100
|
+
// #{getCssVarName(color, secondary, active)}: rgba(var(#{getCssVarName(pr-gray, 12)}), 1);
|
|
101
|
+
// #{getCssVarName(color, secondary, disabled)}: rgba(var(#{getCssVarName(pr-gray, 5)}), 1);
|
|
102
|
+
// #{getCssVarName(color, secondary, light)}: rgba(var(#{getCssVarName(pr-gray, 4)}), 1);
|
|
103
|
+
// #{getCssVarName(color, secondary, light, hover)}: rgba(var(#{getCssVarName(pr-gray, 5)}), 1);
|
|
104
|
+
// #{getCssVarName(color, secondary, light, active)}: rgba(var(#{getCssVarName(pr-gray, 6)}), 1);
|
|
105
|
+
|
|
106
|
+
// 第三颜色
|
|
107
|
+
#{getCssVarName(color, tertiary)}: rgba(var(#{getCssVarName(pr-gray, 5)}), 1);
|
|
108
|
+
#{getCssVarName(color, tertiary, hover)}: rgba(var(#{getCssVarName(pr-gray, 6)}), 1);
|
|
109
|
+
#{getCssVarName(color, tertiary, active)}: rgba(var(#{getCssVarName(pr-gray, 7)}), 1);
|
|
110
|
+
#{getCssVarName(color, tertiary, light)}: rgba(var(#{getCssVarName(pr-gray, 1)}), 1);
|
|
111
|
+
#{getCssVarName(color, tertiary, light, hover)}: rgba(var(#{getCssVarName(pr-gray, 2)}), 1);
|
|
112
|
+
#{getCssVarName(color, tertiary, light, active)}: rgba(var(#{getCssVarName(pr-gray, 3)}), 1);
|
|
113
|
+
|
|
114
|
+
// 信息色
|
|
115
|
+
#{getCssVarName(color, info)}: rgba(var(#{getCssVarName(blue, 8)}), 1);
|
|
116
|
+
#{getCssVarName(color, info, hover)}: rgba(var(#{getCssVarName(blue, 9)}), 1);
|
|
117
|
+
#{getCssVarName(color, info, active)}: rgba(var(#{getCssVarName(blue, 10)}), 1);
|
|
118
|
+
#{getCssVarName(color, info, disabled)}: rgba(var(#{getCssVarName(blue, 4)}), 1);
|
|
119
|
+
#{getCssVarName(color, info, light)}: rgba(var(#{getCssVarName(blue, 1)}), 1);
|
|
120
|
+
#{getCssVarName(color, info, light, hover)}: rgba(var(#{getCssVarName(blue, 2)}), 1);
|
|
121
|
+
#{getCssVarName(color, info, light, active)}: rgba(var(#{getCssVarName(blue, 3)}), 1);
|
|
122
|
+
|
|
123
|
+
// 成功色
|
|
124
|
+
#{getCssVarName(color, success)}: rgba(var(#{getCssVarName(green, 6)}), 1);
|
|
125
|
+
#{getCssVarName(color, success, hover)}: rgba(var(#{getCssVarName(green, 7)}), 1);
|
|
126
|
+
#{getCssVarName(color, success, active)}: rgba(var(#{getCssVarName(green, 8)}), 1);
|
|
127
|
+
#{getCssVarName(color, success, disabled)}: rgba(var(#{getCssVarName(green, 3)}), 1);
|
|
128
|
+
#{getCssVarName(color, success, light)}: rgba(var(#{getCssVarName(green, 1)}), 1);
|
|
129
|
+
#{getCssVarName(color, success, light, hover)}: rgba(var(#{getCssVarName(green, 2)}), 1);
|
|
130
|
+
#{getCssVarName(color, success, light, active)}: rgba(var(#{getCssVarName(green, 3)}), 1);
|
|
131
|
+
|
|
132
|
+
// 警示色
|
|
133
|
+
#{getCssVarName(color, warning)}: rgba(var(#{getCssVarName(orange, 6)}),1);
|
|
134
|
+
#{getCssVarName(color, warning, hover)}: rgba(var(#{getCssVarName(orange, 7)}),1);
|
|
135
|
+
#{getCssVarName(color, warning, active)}: rgba(var(#{getCssVarName(orange, 8)}),1);
|
|
136
|
+
#{getCssVarName(color, warning, disabled)}: rgba(var(#{getCssVarName(orange, 4)}),1);
|
|
137
|
+
#{getCssVarName(color, warning, light, default)}: rgba(var(#{getCssVarName(orange, 1)}),1);
|
|
138
|
+
#{getCssVarName(color, warning, light, hover)}: rgba(var(#{getCssVarName(orange, 2)}),1);
|
|
139
|
+
#{getCssVarName(color, warning, light, active)}: rgba(var(#{getCssVarName(orange, 3)}),1);
|
|
140
|
+
|
|
141
|
+
// 危险色
|
|
142
|
+
#{getCssVarName(color, danger)}: rgba(var(#{getCssVarName(red, 6)}),1);
|
|
143
|
+
#{getCssVarName(color, danger, hover)}: rgba(var(#{getCssVarName(red, 7)}),1);
|
|
144
|
+
#{getCssVarName(color, danger, active)}: rgba(var(#{getCssVarName(red, 8)}),1);
|
|
145
|
+
#{getCssVarName(color, danger, disabled)}: rgba(var(#{getCssVarName(red, 4)}),1);
|
|
146
|
+
#{getCssVarName(color, danger, light, default)}: rgba(var(#{getCssVarName(red, 1)}),1);
|
|
147
|
+
#{getCssVarName(color, danger, light, hover)}: rgba(var(#{getCssVarName(red, 2)}),1);
|
|
148
|
+
#{getCssVarName(color, danger, light, active)}: rgba(var(#{getCssVarName(red, 3)}),1);
|
|
149
|
+
|
|
150
|
+
// 文本/图标颜色
|
|
151
|
+
#{getCssVarName(color, text, 1)}: rgba(var(#{getCssVarName(gray, 12)}),1);
|
|
152
|
+
#{getCssVarName(color, text, 2)}: rgba(var(#{getCssVarName(gray, 11)}),1);
|
|
153
|
+
#{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(gray, 10)}),1);
|
|
154
|
+
#{getCssVarName(color, text, 4)}: rgba(var(#{getCssVarName(gray, 7)}),1);
|
|
155
|
+
#{getCssVarName(color, text, 5)}: rgba(var(#{getCssVarName(gray, 5)}),1);
|
|
156
|
+
#{getCssVarName(color, text, 6)}: rgba(var(#{getCssVarName(blue, 6)}),1);
|
|
157
|
+
|
|
158
|
+
// 链接颜色
|
|
159
|
+
#{getCssVarName(color, link)}: rgba(var(#{getCssVarName(blue, 8)}),1);
|
|
160
|
+
#{getCssVarName(color, link, hover)}: rgba(var(#{getCssVarName(blue, 9)}),1);
|
|
161
|
+
#{getCssVarName(color, link, active)}: rgba(var(#{getCssVarName(blue, 10)}),1);
|
|
162
|
+
#{getCssVarName(color, link, visited)}: rgba(var(#{getCssVarName(blue, 10)}),1);
|
|
163
|
+
#{getCssVarName(color, link, disabled)}: rgba(var(#{getCssVarName(blue, 4)}),1);
|
|
164
|
+
|
|
165
|
+
// 背景色
|
|
166
|
+
#{getCssVarName(color, bg, 1)}: rgba(var(#{getCssVarName(pr-gray, 1)}),1);
|
|
167
|
+
#{getCssVarName(color, bg, 2)}: rgba(var(#{getCssVarName(pr-gray, 2)}),1);
|
|
168
|
+
#{getCssVarName(color, bg, 3)}: rgba(var(#{getCssVarName(pr-gray, 3)}),1);
|
|
169
|
+
#{getCssVarName(color, bg, 4)}: rgba(var(#{getCssVarName(gray, 1)}),1);
|
|
170
|
+
#{getCssVarName(color, bg, 5)}: rgba(var(#{getCssVarName(pr-gray, 4)}),1);
|
|
171
|
+
#{getCssVarName(color, bg, 6)}: rgba(var(#{getCssVarName(pr-gray, 5)}),0.5);
|
|
172
|
+
|
|
173
|
+
// 描边色
|
|
174
|
+
#{getCssVarName(color, border)}: rgba(var(#{getCssVarName(gray, 4)}),1);
|
|
175
|
+
#{getCssVarName(color, border, hover)}: rgba(var(#{getCssVarName(blue, 8)}),1);
|
|
176
|
+
#{getCssVarName(color, border, active)}: rgba(var(#{getCssVarName(blue, 9)}),1);
|
|
177
|
+
#{getCssVarName(color, border, disabled)}: rgba(var(#{getCssVarName(gray, 4)}),1);
|
|
178
|
+
|
|
179
|
+
// 圆角
|
|
180
|
+
#{getCssVarName(border, radius, xs)}: 2px;
|
|
181
|
+
#{getCssVarName(border, radius, s)}: 4px;
|
|
182
|
+
#{getCssVarName(border, radius, m)}: 6px;
|
|
183
|
+
#{getCssVarName(border, radius, l)}: 8px;
|
|
184
|
+
#{getCssVarName(border, radius, xl)}: 10px;
|
|
185
|
+
#{getCssVarName(border, radius, xxl)}: 12px;
|
|
186
|
+
#{getCssVarName(border, radius, circle)}: 50%;
|
|
187
|
+
#{getCssVarName(border, radius, full)}: 9999px;
|
|
188
|
+
|
|
189
|
+
// 描边尺寸
|
|
190
|
+
#{getCssVarName(border, thickness, s)}: 1px;
|
|
191
|
+
#{getCssVarName(border, thickness, m)}: 2px;
|
|
192
|
+
#{getCssVarName(border, thickness, l)}: 4px;
|
|
193
|
+
#{getCssVarName(border, thickness, xl)}: 6px;
|
|
194
|
+
#{getCssVarName(border, thickness, xxl)}: 8px;
|
|
195
|
+
|
|
196
|
+
// 图标尺寸
|
|
197
|
+
#{getCssVarName(icon, xs)}: 8px;
|
|
198
|
+
#{getCssVarName(icon, s)}: 12px;
|
|
199
|
+
#{getCssVarName(icon, m)}: 12px;
|
|
200
|
+
#{getCssVarName(icon, l)}: 12px;
|
|
201
|
+
#{getCssVarName(icon, xl)}: 12px;
|
|
202
|
+
|
|
203
|
+
// 间距
|
|
204
|
+
#{getCssVarName(spacing, 1)}: 2px;
|
|
205
|
+
#{getCssVarName(spacing, 2)}: 4px;
|
|
206
|
+
#{getCssVarName(spacing, 3)}: 6px;
|
|
207
|
+
#{getCssVarName(spacing, 4)}: 8px;
|
|
208
|
+
#{getCssVarName(spacing, 5)}: 10px;
|
|
209
|
+
#{getCssVarName(spacing, 6)}: 12px;
|
|
210
|
+
#{getCssVarName(spacing, 7)}: 16px;
|
|
211
|
+
#{getCssVarName(spacing, 8)}: 20px;
|
|
212
|
+
#{getCssVarName(spacing, 9)}: 24px;
|
|
213
|
+
#{getCssVarName(spacing, 10)}: 28px;
|
|
214
|
+
#{getCssVarName(spacing, 11)}: 32px;
|
|
215
|
+
#{getCssVarName(spacing, 12)}: 36px;
|
|
216
|
+
|
|
217
|
+
// padding
|
|
218
|
+
#{getCssVarName(padding, 1)}: 2px;
|
|
219
|
+
#{getCssVarName(padding, 2)}: 4px;
|
|
220
|
+
#{getCssVarName(padding, 3)}: 6px;
|
|
221
|
+
#{getCssVarName(padding, 4)}: 8px;
|
|
222
|
+
#{getCssVarName(padding, 5)}: 10px;
|
|
223
|
+
#{getCssVarName(padding, 6)}: 12px;
|
|
224
|
+
#{getCssVarName(padding, 7)}: 16px;
|
|
225
|
+
#{getCssVarName(padding, 8)}: 20px;
|
|
226
|
+
#{getCssVarName(padding, 9)}: 24px;
|
|
227
|
+
#{getCssVarName(padding, 10)}: 28px;
|
|
228
|
+
#{getCssVarName(padding, 11)}: 32px;
|
|
229
|
+
#{getCssVarName(padding, 12)}: 36px;
|
|
230
|
+
|
|
231
|
+
// 字体大小
|
|
232
|
+
#{getCssVarName(font, 1)}: 10px;
|
|
233
|
+
#{getCssVarName(font, 2)}: 12px;
|
|
234
|
+
#{getCssVarName(font, 3)}: 14px;
|
|
235
|
+
#{getCssVarName(font, 4)}: 16px;
|
|
236
|
+
#{getCssVarName(font, 5)}: 18px;
|
|
237
|
+
#{getCssVarName(font, 6)}: 20px;
|
|
238
|
+
#{getCssVarName(font, 7)}: 22px;
|
|
239
|
+
#{getCssVarName(font, 8)}: 24px;
|
|
240
|
+
#{getCssVarName(font, 9)}: 28px;
|
|
241
|
+
#{getCssVarName(font, 10)}: 32px;
|
|
242
|
+
#{getCssVarName(font, 11)}: 36px;
|
|
243
|
+
#{getCssVarName(font, 12)}: 40px;
|
|
244
|
+
|
|
245
|
+
// line-height ps: 和字体大小一一对应
|
|
246
|
+
#{getCssVarName(line, height, 1)}: 14px;
|
|
247
|
+
#{getCssVarName(line, height, 2)}: 16px;
|
|
248
|
+
#{getCssVarName(line, height, 3)}: 22px;
|
|
249
|
+
#{getCssVarName(line, height, 4)}: 24px;
|
|
250
|
+
#{getCssVarName(line, height, 5)}: 26px;
|
|
251
|
+
#{getCssVarName(line, height, 6)}: 28px;
|
|
252
|
+
#{getCssVarName(line, height, 7)}: 30px;
|
|
253
|
+
#{getCssVarName(line, height, 8)}: 32px;
|
|
254
|
+
#{getCssVarName(line, height, 9)}: 36px;
|
|
255
|
+
#{getCssVarName(line, height, 10)}: 42px;
|
|
256
|
+
#{getCssVarName(line, height, 11)}: 48px;
|
|
257
|
+
#{getCssVarName(line, height, 12)}: 54px;
|
|
258
|
+
}
|
package/style/theme/index.scss
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
@forward './
|
|
1
|
+
@forward './dark/dark-theme';
|
|
2
|
+
@forward './light/light-theme';
|