@gct-paas/scss 0.1.1 → 0.1.3

package/README.md

@@ -1 +1,106 @@
 
+# 样式工具文档
+
+本文档总结了样式系统中的所有 SCSS 方法，包括函数（function）、混合（mixin）等。
+
+## 目录
+
+- [函数 (Functions)](#函数-functions)
+  - [CSS 变量函数](#css-变量函数)
+  - [工具函数](#工具函数)
+- [混合 (Mixins)](#混合-mixins)
+  - [BEM 混合](#bem-混合)
+  - [CSS 变量混合](#css-变量混合)
+  - [工具混合](#工具混合)
+  - [排版混合](#排版混合)
+  - [布局混合](#布局混合)
+
+## 函数 (Functions)
+
+### CSS 变量函数
+
+这些函数用于管理和使用 CSS 变量。
+
+| 函数名 | 描述 | 参数 | 返回值示例 |
+|--------|------|------|------------|
+| `joinVarName` | 连接变量名 | `$list` (变量名列表) | `'--gct-button-text-color'` |
+| `getCssVarName` | 获取 CSS 变量名 | `$args...` (变量名组件) | `'--gct-button-text-color'` |
+| `getCssVar` | 获取 CSS 变量 | `$args...` (变量名组件) | `var(--gct-button-text-color)` |
+| `getCssVarWithDefault` | 获取带默认值的 CSS 变量 | `$args` (变量名组件), `$default` (默认值) | `var(--gct-button-text-color, red)` |
+
+### 工具函数
+
+其他工具函数。
+
+| 函数名 | 描述 | 参数 | 返回值示例 |
+|--------|------|------|------------|
+| `rem` | 将像素值转换为 rem 单位 | `$values` (值列表) | `0.625rem 10rem 0 auto` (从 `10px 10rem 0 auto`) |
+
+## 混合 (Mixins)
+
+### BEM 混合
+
+这些混合用于实现 BEM 命名方法的 SCSS 支持。
+
+| 混合名 | 描述 | 参数 |
+|--------|------|------|
+| `b` | 定义 BEM 块 | `$block` (块名) |
+| `e` | 定义 BEM 元素 | `$element` (元素名) |
+| `m` | 定义 BEM 修饰符 | `$modifier` (修饰符名) |
+| `when` | 定义状态类 | `$state` (状态名) |
+| `dark` | 定义暗黑模式下的样式 | `$block` (块名) |
+| `bem` | 生成 BEM 格式的类名 | `$block`, `$element`, `$modifier` |
+
+### CSS 变量混合
+
+这些混合用于设置和操作 CSS 变量。
+
+| 混合名 | 描述 | 参数 |
+|--------|------|------|
+| `set-css-var-value` | 设置 CSS 变量值 | `$name` (变量名), `$value` (值) |
+| `set-css-var-type` | 根据类型设置 CSS 变量 | `$name` (名称), `$type` (类型), `$variables` (变量映射) |
+| `set-css-color-type` | 设置 CSS 颜色类型及其变体 | `$colors` (颜色映射), `$type` (颜色类型) |
+| `set-component-css-var` | 为组件设置所有 CSS 变量 | `$name` (组件名), `$variables` (变量映射) |
+| `set-css-color-rgb` | 设置 CSS 颜色 RGB 值 | `$type` (颜色类型) |
+| `css-var-from-global` | 从全局 CSS 变量生成新的 CSS 变量 | `$var` (新变量), `$gVar` (全局变量) |
+
+### 工具混合
+
+通用工具混合。
+
+| 混合名 | 描述 | 参数 |
+|--------|------|------|
+| `utils-ellipsis` | 文本溢出时显示省略号 | 无 |
+| `overflow-wrap` | 超出自动换行，识别换行空白符 | 无 |
+| `no-repeat` | 分隔符样式复用，相邻不重复显示 | 无 |
+| `mask` | 创建遮罩层样式 | `$bg-color` (背景颜色) |
+
+### 排版混合
+
+字体和排版相关混合。
+
+| 混合名 | 描述 | 参数 |
+|--------|------|------|
+| `font-1` | 10px/14px 字体样式 | 无 |
+| `font-2` | 12px/16px 字体样式 | 无 |
+| `font-3` | 14px/22px 字体样式 | 无 |
+| `font-4` | 16px/24px 字体样式 | 无 |
+| `font-5` | 18px/26px 字体样式 | 无 |
+| `font-6` | 20px/28px 字体样式 | 无 |
+| `font-7` | 22px/30px 字体样式 | 无 |
+| `font-8` | 24px/32px 字体样式 | 无 |
+| `font-9` | 28px/36px 字体样式 | 无 |
+| `font-10` | 32px/42px 字体样式 | 无 |
+| `font-11` | 36px/48px 字体样式 | 无 |
+| `font-12` | 40px/54px 字体样式 | 无 |
+
+### 布局混合
+
+布局相关混合。
+
+| 混合名 | 描述 | 参数 |
+|--------|------|------|
+| `flex-center` | 完全居中的弹性容器 | 无 |
+| `flex` | 弹性布局复用 | `$direction` (方向), `$horizontal` (水平对齐), `$vertical` (垂直对齐), `$wrap` (换行) |
+
+> 注：样式规范参考 Semi Design (https://semi.design/zh-CN/basic/tokens)

package/dist/index.min.cjs

@@ -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;
+"use strict";var i=Object.defineProperty;var o=(c,s,t)=>s in c?i(c,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):c[s]=t;var h=(c,s,t)=>o(c,typeof s!="symbol"?s+"":s,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p="gct",u="is-";function e(c,s,t,a,n){let r=`${c}-${s}`;return t&&(r+=`-${t}`),a&&(r+=`__${a}`),n&&(r+=`--${n}`),r}class m{constructor(s,t){h(this,"namespace");this.block=s,this.namespace=t||p}b(s=""){return e(this.namespace,this.block,s,"","")}e(s){return s?e(this.namespace,this.block,"",s,""):""}m(s){return s?e(this.namespace,this.block,"","",s):""}be(s,t){return s&&t?e(this.namespace,this.block,s,t,""):""}em(s,t){return s&&t?e(this.namespace,this.block,"",s,t):""}bm(s,t){return s&&t?e(this.namespace,this.block,s,"",t):""}bem(s,t,a){return s&&t&&a?e(this.namespace,this.block,s,t,a):""}is(s,t){return s&&t?`${u}${s}`:""}cssVar(s){const t={};for(const a in s)s[a]&&(t[this.cssVarName(a)]=s[a]);return t}cssVarBlock(s){const t={};for(const a in s)s[a]&&(t[this.cssVarBlockName(a)]=s[a]);return t}cssVarName(s){return`--${this.namespace}-${s}`}cssVarBlockName(s){return`--${this.namespace}-${this.block}-${s}`}}exports.Namespace=m;

package/dist/index.min.css

@@ -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: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 */
+/*! 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-7), 1);--gct-color-primary-active:rgba(var(--gct-blue-9), 1);--gct-color-primary-disabled:rgba(var(--gct-blue-3), 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-4), 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: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: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-9), 1);--gct-color-text-5:rgba(var(--gct-gray-7), 1);--gct-color-text-6:rgba(var(--gct-gray-6), 1);--gct-color-text-7:rgba(var(--gct-gray-5), 1);--gct-color-text-pr:--gct-color-primary;--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-pr-gray-4), 1);--gct-color-bg-5:rgba(var(--gct-pr-gray-5), 1);--gct-color-bg-6:rgba(var(--gct-pr-gray-10), 1);--gct-color-bg-7:rgba(var(--gct-pr-gray-11), 1);--gct-color-bg-8:rgba(var(--gct-pr-gray-12), 1);--gct-color-border:rgba(var(--gct-pr-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-color-border-line-1:rgba(var(--gct-gray-3), 1);--gct-color-border-line-2: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:12px;--gct-icon-s:16px;--gct-icon-m:20px;--gct-icon-l:24px;--gct-icon-xl:32px;--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-font-13:48px;--gct-font-14:56px;--gct-font-15:64px;--gct-font-16:72px;--gct-line-height-1:14px;--gct-line-height-2:18px;--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;--gct-shadow-s:0 2px 6px 0 rgba(0,0,0,.05);--gct-shadow-m:0 4px 12px 0 rgba(0,0,0,.08);--gct-shadow-l:0 8px 24px 0 rgba(0,0,0,.12);--gct-shadow-xl:0 16px 48px 0 rgba(0,0,0,.18);--gct-transition-s:.1s;--gct-transition-m:.2s;--gct-transition-l:.3s;--gct-transition-xl:.5s;--gct-z-index-xs:1;--gct-z-index-s:100;--gct-z-index-m:1000;--gct-z-index-l:2000;--gct-z-index-xl:9999}/*# sourceMappingURL=index.min.css.map */

package/dist/index.min.css.map

@@ -1 +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"}
+{"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,sDACA,wDACA,qDACA,2DACA,4DAGA,mDACA,yDACA,0DACA,yDACA,+DACA,gEAGA,4CACA,kDACA,oDACA,qDACA,kDACA,wDACA,yDAGA,gDACA,sDACA,uDACA,yDACA,sDACA,4DACA,6DAGA,iDACA,uDACA,wDACA,0DACA,uDACA,6DACA,8DAGA,6CACA,mDACA,oDACA,sDACA,mDACA,yDACA,0DAGA,4CACA,+CACA,+CACA,+CACA,8CACA,8CACA,8CACA,8CACA,wCAGA,4CACA,kDACA,oDACA,qDACA,qDAGA,+CACA,+CACA,+CACA,+CACA,+CACA,gDACA,gDACA,gDAGA,iDACA,oDACA,qDACA,uDACA,qDACA,qDAGA,2BACA,0BACA,0BACA,0BACA,4BACA,6BACA,+BACA,gCAGA,6BACA,6BACA,6BACA,8BACA,+BAGA,mBACA,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,mBACA,mBACA,mBACA,mBACA,mBAGA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,yBACA,0BACA,0BACA,0BAGA,2CACA,4CACA,4CACA,8CAGA,uBACA,uBACA,uBACA,wBAGA,mBACA,oBACA,qBACA,qBACA","file":"index.min.css"}

package/dist/index.system.min.js

@@ -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)}})}}});
+var $=Object.defineProperty;var k=(a,e,n)=>e in a?$(a,e,{enumerable:!0,configurable:!0,writable:!0,value:n}):a[e]=n;var m=(a,e,n)=>k(a,typeof e!="symbol"?e+"":e,n);System.register([],function(a,e){"use strict";return{execute:function(){const n="gct",o="is-";function r(h,s,t,c,u){let i=`${h}-${s}`;return t&&(i+=`-${t}`),c&&(i+=`__${c}`),u&&(i+=`--${u}`),i}class p{constructor(s,t){m(this,"namespace");this.block=s,this.namespace=t||n}b(s=""){return r(this.namespace,this.block,s,"","")}e(s){return s?r(this.namespace,this.block,"",s,""):""}m(s){return s?r(this.namespace,this.block,"","",s):""}be(s,t){return s&&t?r(this.namespace,this.block,s,t,""):""}em(s,t){return s&&t?r(this.namespace,this.block,"",s,t):""}bm(s,t){return s&&t?r(this.namespace,this.block,s,"",t):""}bem(s,t,c){return s&&t&&c?r(this.namespace,this.block,s,t,c):""}is(s,t){return s&&t?`${o}${s}`:""}cssVar(s){const t={};for(const c in s)s[c]&&(t[this.cssVarName(c)]=s[c]);return t}cssVarBlock(s){const t={};for(const c in s)s[c]&&(t[this.cssVarBlockName(c)]=s[c]);return t}cssVarName(s){return`--${this.namespace}-${s}`}cssVarBlockName(s){return`--${this.namespace}-${this.block}-${s}`}}a("Namespace",p)}}});

package/docs/theme-tokens.md

@@ -0,0 +1,318 @@
+# Light Theme Design Tokens
+
+This document outlines all design tokens available in the light theme.
+
+## Colors
+
+### Base Colors
+- **White**: `var(--color-white)`
+- **Black**: `var(--color-black)`
+
+### Blue (Primary)
+| Token | Value |
+|-------|-------|
+| `--gct--blue-1` | RGB(246, 250, 253) |
+| `--gct--blue-2` | RGB(226, 238, 249) |
+| `--gct--blue-3` | RGB(200, 223, 243) |
+| `--gct--blue-4` | RGB(191, 216, 242) |
+| `--gct--blue-5` | RGB(144, 187, 233) |
+| `--gct--blue-6` | RGB(91, 156, 225) |
+| `--gct--blue-7` | RGB(48, 126, 210) |
+| `--gct--blue-8` | RGB(2, 106, 200) |
+| `--gct--blue-9` | RGB(2, 90, 170) |
+| `--gct--blue-10` | RGB(1, 75, 142) |
+| `--gct--blue-11` | RGB(1, 60, 114) |
+| `--gct--blue-12` | RGB(1, 48, 90) |
+
+### Red (Danger)
+| Token | Value |
+|-------|-------|
+| `--gct--red-1` | RGB(254, 236, 221) |
+| `--gct--red-2` | RGB(252, 197, 198) |
+| `--gct--red-3` | RGB(250, 169, 170) |
+| `--gct--red-4` | RGB(248, 130, 132) |
+| `--gct--red-5` | RGB(247, 106, 108) |
+| `--gct--red-6` | RGB(245, 69, 71) |
+| `--gct--red-7` | RGB(219, 34, 28) |
+| `--gct--red-8` | RGB(197, 31, 25) |
+| `--gct--red-9` | RGB(164, 26, 21) |
+| `--gct--red-10` | RGB(131, 20, 17) |
+| `--gct--red-11` | RGB(99, 15, 13) |
+| `--gct--red-12` | RGB(77, 12, 10) |
+
+### Green (Success)
+| Token | Value |
+|-------|-------|
+| `--gct--green-1` | RGB(237, 249, 239) |
+| `--gct--green-2` | RGB(211, 241, 216) |
+| `--gct--green-3` | RGB(176, 230, 185) |
+| `--gct--green-4` | RGB(140, 219, 152) |
+| `--gct--green-5` | RGB(105, 208, 121) |
+| `--gct--green-6` | RGB(72, 198, 92) |
+| `--gct--green-7` | RGB(65, 178, 83) |
+| `--gct--green-8` | RGB(58, 158, 74) |
+| `--gct--green-9` | RGB(54, 149, 69) |
+| `--gct--green-10` | RGB(43, 119, 55) |
+| `--gct--green-11` | RGB(32, 89, 41) |
+| `--gct--green-12` | RGB(25, 69, 32) |
+
+### Orange (Warning)
+| Token | Value |
+|-------|-------|
+| `--gct--orange-1` | RGB(255, 244, 236) |
+| `--gct--orange-2` | RGB(255, 229, 210) |
+| `--gct--orange-3` | RGB(255, 209, 174) |
+| `--gct--orange-4` | RGB(255, 188, 136) |
+| `--gct--orange-5` | RGB(255, 167, 100) |
+| `--gct--orange-6` | RGB(255, 148, 66) |
+| `--gct--orange-7` | RGB(230, 133, 59) |
+| `--gct--orange-8` | RGB(204, 118, 53) |
+| `--gct--orange-9` | RGB(191, 111, 50) |
+| `--gct--orange-10` | RGB(153, 89, 40) |
+| `--gct--orange-11` | RGB(115, 67, 30) |
+| `--gct--orange-12` | RGB(89, 52, 23) |
+
+### Product Gray (Brand Gray)
+| Token | Value |
+|-------|-------|
+| `--gct--pr-gray-1` | RGB(252, 252, 253) |
+| `--gct--pr-gray-2` | RGB(249, 250, 251) |
+| `--gct--pr-gray-3` | RGB(242, 245, 248) |
+| `--gct--pr-gray-4` | RGB(224, 227, 234) |
+| `--gct--pr-gray-5` | RGB(202, 207, 216) |
+| `--gct--pr-gray-6` | RGB(169, 175, 188) |
+| `--gct--pr-gray-7` | RGB(134, 138, 150) |
+| `--gct--pr-gray-8` | RGB(113, 118, 131) |
+| `--gct--pr-gray-9` | RGB(90, 95, 107) |
+| `--gct--pr-gray-10` | RGB(67, 72, 85) |
+| `--gct--pr-gray-11` | RGB(44, 51, 68) |
+| `--gct--pr-gray-12` | RGB(26, 29, 35) |
+
+### Gray
+| Token | Value |
+|-------|-------|
+| `--gct--gray-1` | RGB(255, 255, 255) |
+| `--gct--gray-2` | RGB(243, 243, 243) |
+| `--gct--gray-3` | RGB(232, 232, 232) |
+| `--gct--gray-4` | RGB(221, 221, 221) |
+| `--gct--gray-5` | RGB(198, 198, 198) |
+| `--gct--gray-6` | RGB(166, 166, 166) |
+| `--gct--gray-7` | RGB(139, 139, 139) |
+| `--gct--gray-8` | RGB(119, 119, 119) |
+| `--gct--gray-9` | RGB(94, 94, 94) |
+| `--gct--gray-10` | RGB(71, 71, 71) |
+| `--gct--gray-11` | RGB(56, 56, 56) |
+| `--gct--gray-12` | RGB(36, 36, 36) |
+
+## Semantic Colors
+
+### Primary Colors
+| Token | Value |
+|-------|-------|
+| `--gct--color-primary` | Blue-8 |
+| `--gct--color-primary-hover` | Blue-7 |
+| `--gct--color-primary-active` | Blue-9 |
+| `--gct--color-primary-disabled` | Blue-3 |
+| `--gct--color-primary-light` | Blue-1 |
+| `--gct--color-primary-light-hover` | Blue-2 |
+| `--gct--color-primary-light-active` | Blue-3 |
+
+### Tertiary Colors
+| Token | Value |
+|-------|-------|
+| `--gct--color-tertiary` | PR-Gray-5 |
+| `--gct--color-tertiary-hover` | PR-Gray-6 |
+| `--gct--color-tertiary-active` | PR-Gray-7 |
+| `--gct--color-tertiary-light` | PR-Gray-1 |
+| `--gct--color-tertiary-light-hover` | PR-Gray-2 |
+| `--gct--color-tertiary-light-active` | PR-Gray-3 |
+
+### Info Colors
+| Token | Value |
+|-------|-------|
+| `--gct--color-info` | Blue-8 |
+| `--gct--color-info-hover` | Blue-9 |
+| `--gct--color-info-active` | Blue-10 |
+| `--gct--color-info-disabled` | Blue-4 |
+| `--gct--color-info-light` | Blue-1 |
+| `--gct--color-info-light-hover` | Blue-2 |
+| `--gct--color-info-light-active` | Blue-3 |
+
+### Success Colors
+| Token | Value |
+|-------|-------|
+| `--gct--color-success` | Green-6 |
+| `--gct--color-success-hover` | Green-7 |
+| `--gct--color-success-active` | Green-8 |
+| `--gct--color-success-disabled` | Green-4 |
+| `--gct--color-success-light` | Green-1 |
+| `--gct--color-success-light-hover` | Green-2 |
+| `--gct--color-success-light-active` | Green-3 |
+
+### Warning Colors
+| Token | Value |
+|-------|-------|
+| `--gct--color-warning` | Orange-6 |
+| `--gct--color-warning-hover` | Orange-7 |
+| `--gct--color-warning-active` | Orange-8 |
+| `--gct--color-warning-disabled` | Orange-4 |
+| `--gct--color-warning-light` | Orange-1 |
+| `--gct--color-warning-light-hover` | Orange-2 |
+| `--gct--color-warning-light-active` | Orange-3 |
+
+### Danger Colors
+| Token | Value |
+|-------|-------|
+| `--gct--color-danger` | Red-6 |
+| `--gct--color-danger-hover` | Red-7 |
+| `--gct--color-danger-active` | Red-8 |
+| `--gct--color-danger-disabled` | Red-4 |
+| `--gct--color-danger-light` | Red-1 |
+| `--gct--color-danger-light-hover` | Red-2 |
+| `--gct--color-danger-light-active` | Red-3 |
+
+### Text Colors
+| Token | Value |
+|-------|-------|
+| `--gct--color-text` | Gray-1 |
+| `--gct--color-text-1` | Gray-12 |
+| `--gct--color-text-2` | Gray-11 |
+| `--gct--color-text-3` | Gray-10 |
+| `--gct--color-text-4` | Gray-9 |
+| `--gct--color-text-5` | Gray-7 |
+| `--gct--color-text-6` | Gray-6 |
+| `--gct--color-text-7` | Gray-5 |
+| `--gct--color-text-pr` | Primary Color |
+
+### Link Colors
+| Token | Value |
+|-------|-------|
+| `--gct--color-link` | Blue-8 |
+| `--gct--color-link-hover` | Blue-9 |
+| `--gct--color-link-active` | Blue-10 |
+| `--gct--color-link-visited` | Blue-10 |
+| `--gct--color-link-disabled` | Blue-4 |
+
+### Background Colors
+| Token | Value |
+|-------|-------|
+| `--gct--color-bg-1` | PR-Gray-1 |
+| `--gct--color-bg-2` | PR-Gray-2 |
+| `--gct--color-bg-3` | PR-Gray-3 |
+| `--gct--color-bg-4` | PR-Gray-4 |
+| `--gct--color-bg-5` | PR-Gray-5 |
+| `--gct--color-bg-6` | PR-Gray-10 |
+| `--gct--color-bg-7` | PR-Gray-11 |
+| `--gct--color-bg-8` | PR-Gray-12 |
+
+### Border Colors
+| Token | Value |
+|-------|-------|
+| `--gct--color-border` | PR-Gray-4 |
+| `--gct--color-border-hover` | Blue-8 |
+| `--gct--color-border-active` | Blue-9 |
+| `--gct--color-border-disabled` | Gray-4 |
+| `--gct--color-border-line-1` | Gray-3 |
+| `--gct--color-border-line-2` | Gray-4 |
+
+## Border Properties
+
+### Border Radius
+| Token | Value |
+|-------|-------|
+| `--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 |
+
+### Border Thickness
+| Token | Value |
+|-------|-------|
+| `--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 |
+
+## Icon Sizes
+| Token | Value |
+|-------|-------|
+| `--gct--icon-xs` | 12px |
+| `--gct--icon-s` | 16px |
+| `--gct--icon-m` | 20px |
+| `--gct--icon-l` | 24px |
+| `--gct--icon-xl` | 32px |
+
+## Spacing
+| Token | Value |
+|-------|-------|
+| `--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 |
+
+## Padding
+| Token | Value |
+|-------|-------|
+| `--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 |
+
+## Typography
+
+### Font Sizes
+| Token | Value |
+|-------|-------|
+| `--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--font-13` | 48px |
+| `--gct--font-14` | 56px |
+| `--gct--font-15` | 64px |
+| `--gct--font-16` | 72px |
+
+### Line Heights
+| Token | Value |
+|-------|-------|
+| `--gct--line-height-1` | 14px |
+| `--gct--line-height-2` | 18px |
+| `--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 |

package/es/index.d.ts

@@ -0,0 +1 @@
+export * from './utils';

package/es/index.mjs

@@ -0,0 +1,4 @@
+import './utils/index.mjs';
+export { Namespace } from './utils/namespace/namespace.mjs';
+
+"use strict";

package/es/utils/index.d.ts

@@ -0,0 +1 @@
+export { Namespace } from './namespace/namespace';

package/es/utils/index.mjs

@@ -0,0 +1,3 @@
+export { Namespace } from './namespace/namespace.mjs';
+
+"use strict";

package/es/utils/namespace/namespace.d.ts

@@ -0,0 +1,117 @@
+export declare const STYLE_NAMESPACE_TAG = "gct";
+/**
+ * 全局样式处理命名空间
+ *
+ * @export
+ * @class Namespace
+ */
+export declare class Namespace {
+    protected block: string;
+    /**
+     * 命名空间
+     *
+     * @type {string}
+     */
+    readonly namespace: string;
+    /**
+     * Creates an instance of Namespace.
+     *
+     * @param {string} block 当前命名空间的根模块,例如组件的名称
+     * @param {string} [namespace] 指定命名空间，未指定使用默认值 gct
+     */
+    constructor(block: string, namespace?: string);
+    /**
+     * namespace-block
+     * namespace-block-blockSuffix
+     *
+     * @param {string} [blockSuffix='']
+     * @return {*}  {string}
+     */
+    b(blockSuffix?: string): string;
+    /**
+     * namespace-block__element
+     *
+     * @param {string} [element]
+     * @return {*}  {string}
+     */
+    e(element?: string): string;
+    /**
+     * namespace-block--modifier
+     *
+     * @param {string} [modifier]
+     * @return {*}  {string}
+     */
+    m(modifier?: string): string;
+    /**
+     * namespace-block-blockSuffix__element
+     *
+     * @param {string} [blockSuffix]
+     * @param {string} [element]
+     * @return {*}  {string}
+     */
+    be(blockSuffix?: string, element?: string): string;
+    /**
+     * namespace-block__element--modifier
+     *
+     * @param {string} [element]
+     * @param {string} [modifier]
+     * @return {*}  {string}
+     */
+    em(element?: string, modifier?: string): string;
+    /**
+     * namespace-block-blockSuffix--modifier
+     *
+     * @param {string} [blockSuffix]
+     * @param {string} [modifier]
+     * @return {*}  {string}
+     */
+    bm(blockSuffix?: string, modifier?: string): string;
+    /**
+     * namespace-block-blockSuffix__element--modifier
+     *
+     * @param {string} [blockSuffix]
+     * @param {string} [element]
+     * @param {string} [modifier]
+     * @return {*}  {string}
+     */
+    bem(blockSuffix?: string, element?: string, modifier?: string): string;
+    /**
+     * 返回状态 class
+     *
+     * is('loading', false) => '';
+     * is('loading', true) => 'is-loading';
+     *
+     * @param {string} name
+     * @param {boolean} [state]
+     * @return {*}  {string}
+     */
+    is(name: string, state?: boolean): string;
+    /**
+     * 生成使用到的 css 变量 style 对象
+     *
+     * @param {Record<string, string>} object
+     * @return {*}  {Record<string, string>}
+     */
+    cssVar(object: Record<string, string>): Record<string, string>;
+    /**
+     * 生成使用到的 css block 变量 style 对象
+     *
+     * @param {Record<string, string>} object
+     * @return {*}  {Record<string, string>}
+     */
+    cssVarBlock(object: Record<string, string>): Record<string, string>;
+    /**
+     * 生成 css var 变量名称
+     *
+     * @param {string} name
+     * @return {*}  {string}
+     */
+    cssVarName(name: string): string;
+    /**
+     * 生成块 css var 变量名称
+     *
+     * @param {string} name
+     * @return {*}  {string}
+     */
+    cssVarBlockName(name: string): string;
+}

package/es/utils/namespace/namespace.mjs

@@ -0,0 +1,166 @@
+"use strict";
+const STYLE_NAMESPACE_TAG = "gct";
+const statePrefix = "is-";
+function _bem(namespace, block, blockSuffix, element, modifier) {
+  let cls = `${namespace}-${block}`;
+  if (blockSuffix) {
+    cls += `-${blockSuffix}`;
+  }
+  if (element) {
+    cls += `__${element}`;
+  }
+  if (modifier) {
+    cls += `--${modifier}`;
+  }
+  return cls;
+}
+class Namespace {
+  /**
+   * Creates an instance of Namespace.
+   *
+   * @param {string} block 当前命名空间的根模块,例如组件的名称
+   * @param {string} [namespace] 指定命名空间，未指定使用默认值 gct
+   */
+  constructor(block, namespace) {
+    this.block = block;
+    this.namespace = namespace || STYLE_NAMESPACE_TAG;
+  }
+  /**
+   * 命名空间
+   *
+   * @type {string}
+   */
+  namespace;
+  /**
+   * namespace-block
+   * namespace-block-blockSuffix
+   *
+   * @param {string} [blockSuffix='']
+   * @return {*}  {string}
+   */
+  b(blockSuffix = "") {
+    return _bem(this.namespace, this.block, blockSuffix, "", "");
+  }
+  /**
+   * namespace-block__element
+   *
+   * @param {string} [element]
+   * @return {*}  {string}
+   */
+  e(element) {
+    return element ? _bem(this.namespace, this.block, "", element, "") : "";
+  }
+  /**
+   * namespace-block--modifier
+   *
+   * @param {string} [modifier]
+   * @return {*}  {string}
+   */
+  m(modifier) {
+    return modifier ? _bem(this.namespace, this.block, "", "", modifier) : "";
+  }
+  /**
+   * namespace-block-blockSuffix__element
+   *
+   * @param {string} [blockSuffix]
+   * @param {string} [element]
+   * @return {*}  {string}
+   */
+  be(blockSuffix, element) {
+    return blockSuffix && element ? _bem(this.namespace, this.block, blockSuffix, element, "") : "";
+  }
+  /**
+   * namespace-block__element--modifier
+   *
+   * @param {string} [element]
+   * @param {string} [modifier]
+   * @return {*}  {string}
+   */
+  em(element, modifier) {
+    return element && modifier ? _bem(this.namespace, this.block, "", element, modifier) : "";
+  }
+  /**
+   * namespace-block-blockSuffix--modifier
+   *
+   * @param {string} [blockSuffix]
+   * @param {string} [modifier]
+   * @return {*}  {string}
+   */
+  bm(blockSuffix, modifier) {
+    return blockSuffix && modifier ? _bem(this.namespace, this.block, blockSuffix, "", modifier) : "";
+  }
+  /**
+   * namespace-block-blockSuffix__element--modifier
+   *
+   * @param {string} [blockSuffix]
+   * @param {string} [element]
+   * @param {string} [modifier]
+   * @return {*}  {string}
+   */
+  bem(blockSuffix, element, modifier) {
+    return blockSuffix && element && modifier ? _bem(this.namespace, this.block, blockSuffix, element, modifier) : "";
+  }
+  /**
+   * 返回状态 class
+   *
+   * is('loading', false) => '';
+   * is('loading', true) => 'is-loading';
+   *
+   * @param {string} name
+   * @param {boolean} [state]
+   * @return {*}  {string}
+   */
+  is(name, state) {
+    return name && state ? `${statePrefix}${name}` : "";
+  }
+  /**
+   * 生成使用到的 css 变量 style 对象
+   *
+   * @param {Record<string, string>} object
+   * @return {*}  {Record<string, string>}
+   */
+  cssVar(object) {
+    const styles = {};
+    for (const key in object) {
+      if (object[key]) {
+        styles[this.cssVarName(key)] = object[key];
+      }
+    }
+    return styles;
+  }
+  /**
+   * 生成使用到的 css block 变量 style 对象
+   *
+   * @param {Record<string, string>} object
+   * @return {*}  {Record<string, string>}
+   */
+  cssVarBlock(object) {
+    const styles = {};
+    for (const key in object) {
+      if (object[key]) {
+        styles[this.cssVarBlockName(key)] = object[key];
+      }
+    }
+    return styles;
+  }
+  /**
+   * 生成 css var 变量名称
+   *
+   * @param {string} name
+   * @return {*}  {string}
+   */
+  cssVarName(name) {
+    return `--${this.namespace}-${name}`;
+  }
+  /**
+   * 生成块 css var 变量名称
+   *
+   * @param {string} name
+   * @return {*}  {string}
+   */
+  cssVarBlockName(name) {
+    return `--${this.namespace}-${this.block}-${name}`;
+  }
+}
+
+export { Namespace, STYLE_NAMESPACE_TAG };

package/es/vite-env.d.ts

@@ -0,0 +1 @@
+/// <reference types="vite/client" />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/scss",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "type": "module",
   "description": "paas 平台样式框架包",
   "main": "dist/index.min.cjs",
@@ -20,6 +20,8 @@
   },
   "files": [
     "dist",
+    "docs",
+    "es",
     "style",
     "CHANGELOG.md",
     "README.md"
@@ -40,6 +42,7 @@
   "scripts": {
     "dev": "rollup -c -w --environment=NODE_ENV:development",
     "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",
+    "link2global": "pnpm link --global",
     "publish:next": "npm run build && npm publish --access public --tag=next --registry=https://registry.npmjs.org/",
     "publish:dev": "npm run build && npm publish --access public --tag=dev --registry=https://registry.npmjs.org/",
     "publish:alpha": "npm run build && npm publish --access public --tag=alpha --registry=https://registry.npmjs.org/",
@@ -53,5 +56,5 @@
   "devDependencies": {
     "sass": "^1.85.1"
   },
-  "gitHead": "7a166eedf06af8342dfe256c5c57dfe2a304a9bd"
+  "gitHead": "448e4f6ee1fbeaee87815ede3d8509718473de9a"
 }

package/style/theme/light/light-theme.scss

@@ -90,22 +90,13 @@
 
   // 主要颜色
   #{getCssVarName(color, primary)}: rgba(var(#{getCssVarName(blue, 8)}), 1);
-  #{getCssVarName(color, primary, hover)}: rgba(var(#{getCssVarName(blue, 9)}), 1);
-  #{getCssVarName(color, primary, active)}: rgba(var(#{getCssVarName(blue, 10)}), 1);
-  #{getCssVarName(color, primary, disabled)}: rgba(var(#{getCssVarName(blue, 4)}), 1);
+  #{getCssVarName(color, primary, hover)}: rgba(var(#{getCssVarName(blue, 7)}), 1);
+  #{getCssVarName(color, primary, active)}: rgba(var(#{getCssVarName(blue, 9)}), 1);
+  #{getCssVarName(color, primary, disabled)}: rgba(var(#{getCssVarName(blue, 3)}), 1);
   #{getCssVarName(color, primary, light)}: rgba(var(#{getCssVarName(blue, 1)}), 1);
   #{getCssVarName(color, primary, light, hover)}: rgba(var(#{getCssVarName(blue, 2)}), 1);
   #{getCssVarName(color, primary, light, active)}: rgba(var(#{getCssVarName(blue, 3)}), 1);
 
-  // 第二颜色
-  // #{getCssVarName(color, secondary)}: rgba(var(#{getCssVarName(pr-gray, 10)}), 1);
-  // #{getCssVarName(color, secondary, hover)}: rgba(var(#{getCssVarName(pr-gray, 11)}), 1);
-  // #{getCssVarName(color, secondary, active)}: rgba(var(#{getCssVarName(pr-gray, 12)}), 1);
-  // #{getCssVarName(color, secondary, disabled)}: rgba(var(#{getCssVarName(pr-gray, 5)}), 1);
-  // #{getCssVarName(color, secondary, light)}: rgba(var(#{getCssVarName(pr-gray, 4)}), 1);
-  // #{getCssVarName(color, secondary, light, hover)}: rgba(var(#{getCssVarName(pr-gray, 5)}), 1);
-  // #{getCssVarName(color, secondary, light, active)}: rgba(var(#{getCssVarName(pr-gray, 6)}), 1);
-
   // 第三颜色
   #{getCssVarName(color, tertiary)}: rgba(var(#{getCssVarName(pr-gray, 5)}), 1);
   #{getCssVarName(color, tertiary, hover)}: rgba(var(#{getCssVarName(pr-gray, 6)}), 1);
@@ -127,58 +118,64 @@
   #{getCssVarName(color, success)}: rgba(var(#{getCssVarName(green, 6)}), 1);
   #{getCssVarName(color, success, hover)}: rgba(var(#{getCssVarName(green, 7)}), 1);
   #{getCssVarName(color, success, active)}: rgba(var(#{getCssVarName(green, 8)}), 1);
-  #{getCssVarName(color, success, disabled)}: rgba(var(#{getCssVarName(green, 3)}), 1);
+  #{getCssVarName(color, success, disabled)}: rgba(var(#{getCssVarName(green, 4)}), 1);
   #{getCssVarName(color, success, light)}: rgba(var(#{getCssVarName(green, 1)}), 1);
   #{getCssVarName(color, success, light, hover)}: rgba(var(#{getCssVarName(green, 2)}), 1);
   #{getCssVarName(color, success, light, active)}: rgba(var(#{getCssVarName(green, 3)}), 1);
 
   // 警示色
-  #{getCssVarName(color, warning)}: rgba(var(#{getCssVarName(orange, 6)}),1);
-  #{getCssVarName(color, warning, hover)}: rgba(var(#{getCssVarName(orange, 7)}),1);
-  #{getCssVarName(color, warning, active)}: rgba(var(#{getCssVarName(orange, 8)}),1);
-  #{getCssVarName(color, warning, disabled)}: rgba(var(#{getCssVarName(orange, 4)}),1);
-  #{getCssVarName(color, warning, light, default)}: rgba(var(#{getCssVarName(orange, 1)}),1);
-  #{getCssVarName(color, warning, light, hover)}: rgba(var(#{getCssVarName(orange, 2)}),1);
-  #{getCssVarName(color, warning, light, active)}: rgba(var(#{getCssVarName(orange, 3)}),1);
+  #{getCssVarName(color, warning)}: rgba(var(#{getCssVarName(orange, 6)}), 1);
+  #{getCssVarName(color, warning, hover)}: rgba(var(#{getCssVarName(orange, 7)}), 1);
+  #{getCssVarName(color, warning, active)}: rgba(var(#{getCssVarName(orange, 8)}), 1);
+  #{getCssVarName(color, warning, disabled)}: rgba(var(#{getCssVarName(orange, 4)}), 1);
+  #{getCssVarName(color, warning, light)}: rgba(var(#{getCssVarName(orange, 1)}), 1);
+  #{getCssVarName(color, warning, light, hover)}: rgba(var(#{getCssVarName(orange, 2)}), 1);
+  #{getCssVarName(color, warning, light, active)}: rgba(var(#{getCssVarName(orange, 3)}), 1);
 
   // 危险色
-  #{getCssVarName(color, danger)}: rgba(var(#{getCssVarName(red, 6)}),1);
-  #{getCssVarName(color, danger, hover)}: rgba(var(#{getCssVarName(red, 7)}),1);
-  #{getCssVarName(color, danger, active)}: rgba(var(#{getCssVarName(red, 8)}),1);
-  #{getCssVarName(color, danger, disabled)}: rgba(var(#{getCssVarName(red, 4)}),1);
-  #{getCssVarName(color, danger, light, default)}: rgba(var(#{getCssVarName(red, 1)}),1);
-  #{getCssVarName(color, danger, light, hover)}: rgba(var(#{getCssVarName(red, 2)}),1);
-  #{getCssVarName(color, danger, light, active)}: rgba(var(#{getCssVarName(red, 3)}),1);
+  #{getCssVarName(color, danger)}: rgba(var(#{getCssVarName(red, 6)}), 1);
+  #{getCssVarName(color, danger, hover)}: rgba(var(#{getCssVarName(red, 7)}), 1);
+  #{getCssVarName(color, danger, active)}: rgba(var(#{getCssVarName(red, 8)}), 1);
+  #{getCssVarName(color, danger, disabled)}: rgba(var(#{getCssVarName(red, 4)}), 1);
+  #{getCssVarName(color, danger, light)}: rgba(var(#{getCssVarName(red, 1)}), 1);
+  #{getCssVarName(color, danger, light, hover)}: rgba(var(#{getCssVarName(red, 2)}), 1);
+  #{getCssVarName(color, danger, light, active)}: rgba(var(#{getCssVarName(red, 3)}), 1);
 
   // 文本/图标颜色
-  #{getCssVarName(color, text)}: rgba(var(#{getCssVarName(gray, 1)}),1);
-  #{getCssVarName(color, text, 1)}: rgba(var(#{getCssVarName(gray, 12)}),1);
-  #{getCssVarName(color, text, 2)}: rgba(var(#{getCssVarName(gray, 11)}),1);
-  #{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(gray, 10)}),1);
-  #{getCssVarName(color, text, 4)}: rgba(var(#{getCssVarName(gray, 7)}),1);
-  #{getCssVarName(color, text, 5)}: rgba(var(#{getCssVarName(gray, 5)}),1);
-  #{getCssVarName(color, text, 6)}: rgba(var(#{getCssVarName(blue, 6)}),1);
+  #{getCssVarName(color, text)}: rgba(var(#{getCssVarName(gray, 1)}), 1);
+  #{getCssVarName(color, text, 1)}: rgba(var(#{getCssVarName(gray, 12)}), 1);
+  #{getCssVarName(color, text, 2)}: rgba(var(#{getCssVarName(gray, 11)}), 1);
+  #{getCssVarName(color, text, 3)}: rgba(var(#{getCssVarName(gray, 10)}), 1);
+  #{getCssVarName(color, text, 4)}: rgba(var(#{getCssVarName(gray, 9)}), 1);
+  #{getCssVarName(color, text, 5)}: rgba(var(#{getCssVarName(gray, 7)}), 1);
+  #{getCssVarName(color, text, 6)}: rgba(var(#{getCssVarName(gray, 6)}), 1);
+  #{getCssVarName(color, text, 7)}: rgba(var(#{getCssVarName(gray, 5)}), 1);
+  #{getCssVarName(color, text, pr)}: #{getCssVarName(color, primary)};
 
   // 链接颜色
-  #{getCssVarName(color, link)}: rgba(var(#{getCssVarName(blue, 8)}),1);
-  #{getCssVarName(color, link, hover)}: rgba(var(#{getCssVarName(blue, 9)}),1);
-  #{getCssVarName(color, link, active)}: rgba(var(#{getCssVarName(blue, 10)}),1);
-  #{getCssVarName(color, link, visited)}: rgba(var(#{getCssVarName(blue, 10)}),1);
-  #{getCssVarName(color, link, disabled)}: rgba(var(#{getCssVarName(blue, 4)}),1);
+  #{getCssVarName(color, link)}: rgba(var(#{getCssVarName(blue, 8)}), 1);
+  #{getCssVarName(color, link, hover)}: rgba(var(#{getCssVarName(blue, 9)}), 1);
+  #{getCssVarName(color, link, active)}: rgba(var(#{getCssVarName(blue, 10)}), 1);
+  #{getCssVarName(color, link, visited)}: rgba(var(#{getCssVarName(blue, 10)}), 1);
+  #{getCssVarName(color, link, disabled)}: rgba(var(#{getCssVarName(blue, 4)}), 1);
 
   // 背景色
-  #{getCssVarName(color, bg, 1)}: rgba(var(#{getCssVarName(pr-gray, 1)}),1);
-  #{getCssVarName(color, bg, 2)}: rgba(var(#{getCssVarName(pr-gray, 2)}),1);
-  #{getCssVarName(color, bg, 3)}: rgba(var(#{getCssVarName(pr-gray, 3)}),1);
-  #{getCssVarName(color, bg, 4)}: rgba(var(#{getCssVarName(gray, 1)}),1);
-  #{getCssVarName(color, bg, 5)}: rgba(var(#{getCssVarName(pr-gray, 4)}),1);
-  #{getCssVarName(color, bg, 6)}: rgba(var(#{getCssVarName(pr-gray, 5)}),0.5);
+  #{getCssVarName(color, bg, 1)}: rgba(var(#{getCssVarName(pr-gray, 1)}), 1);
+  #{getCssVarName(color, bg, 2)}: rgba(var(#{getCssVarName(pr-gray, 2)}), 1);
+  #{getCssVarName(color, bg, 3)}: rgba(var(#{getCssVarName(pr-gray, 3)}), 1);
+  #{getCssVarName(color, bg, 4)}: rgba(var(#{getCssVarName(pr-gray, 4)}), 1);
+  #{getCssVarName(color, bg, 5)}: rgba(var(#{getCssVarName(pr-gray, 5)}), 1);
+  #{getCssVarName(color, bg, 6)}: rgba(var(#{getCssVarName(pr-gray, 10)}), 1);
+  #{getCssVarName(color, bg, 7)}: rgba(var(#{getCssVarName(pr-gray, 11)}), 1);
+  #{getCssVarName(color, bg, 8)}: rgba(var(#{getCssVarName(pr-gray, 12)}), 1);
 
   // 描边色
-  #{getCssVarName(color, border)}: rgba(var(#{getCssVarName(gray, 4)}),1);
-  #{getCssVarName(color, border, hover)}: rgba(var(#{getCssVarName(blue, 8)}),1);
-  #{getCssVarName(color, border, active)}: rgba(var(#{getCssVarName(blue, 9)}),1);
-  #{getCssVarName(color, border, disabled)}: rgba(var(#{getCssVarName(gray, 4)}),1);
+  #{getCssVarName(color, border)}: rgba(var(#{getCssVarName(pr-gray, 4)}), 1);
+  #{getCssVarName(color, border, hover)}: rgba(var(#{getCssVarName(blue, 8)}), 1);
+  #{getCssVarName(color, border, active)}: rgba(var(#{getCssVarName(blue, 9)}), 1);
+  #{getCssVarName(color, border, disabled)}: rgba(var(#{getCssVarName(gray, 4)}), 1);
+  #{getCssVarName(color, border, line-1)}: rgba(var(#{getCssVarName(gray, 3)}), 1);
+  #{getCssVarName(color, border, line-2)}: rgba(var(#{getCssVarName(gray, 4)}), 1);
 
   // 圆角
   #{getCssVarName(border, radius, xs)}: 2px;
@@ -198,11 +195,11 @@
   #{getCssVarName(border, thickness, xxl)}: 8px;
 
   // 图标尺寸
-  #{getCssVarName(icon, xs)}: 8px;
-  #{getCssVarName(icon, s)}: 12px;
-  #{getCssVarName(icon, m)}: 12px;
-  #{getCssVarName(icon, l)}: 12px;
-  #{getCssVarName(icon, xl)}: 12px;
+  #{getCssVarName(icon, xs)}: 12px;
+  #{getCssVarName(icon, s)}: 16px;
+  #{getCssVarName(icon, m)}: 20px;
+  #{getCssVarName(icon, l)}: 24px;
+  #{getCssVarName(icon, xl)}: 32px;
 
   // 间距
   #{getCssVarName(spacing, 1)}: 2px;
@@ -245,10 +242,14 @@
   #{getCssVarName(font, 10)}: 32px;
   #{getCssVarName(font, 11)}: 36px;
   #{getCssVarName(font, 12)}: 40px;
+  #{getCssVarName(font, 13)}: 48px;
+  #{getCssVarName(font, 14)}: 56px;
+  #{getCssVarName(font, 15)}: 64px;
+  #{getCssVarName(font, 16)}: 72px;
 
-  // line-height ps: 和字体大小一一对应
+  // line-height
   #{getCssVarName(line, height, 1)}: 14px;
-  #{getCssVarName(line, height, 2)}: 16px;
+  #{getCssVarName(line, height, 2)}: 18px;
   #{getCssVarName(line, height, 3)}: 22px;
   #{getCssVarName(line, height, 4)}: 24px;
   #{getCssVarName(line, height, 5)}: 26px;
@@ -259,4 +260,23 @@
   #{getCssVarName(line, height, 10)}: 42px;
   #{getCssVarName(line, height, 11)}: 48px;
   #{getCssVarName(line, height, 12)}: 54px;
+
+  // 阴影
+  #{getCssVarName(shadow, s)}: 0 2px 6px 0 rgb(0 0 0 / 5%);
+  #{getCssVarName(shadow, m)}: 0 4px 12px 0 rgb(0 0 0 / 8%);
+  #{getCssVarName(shadow, l)}: 0 8px 24px 0 rgb(0 0 0 / 12%);
+  #{getCssVarName(shadow, xl)}: 0 16px 48px 0 rgb(0 0 0 / 18%);
+
+  // 过渡
+  #{getCssVarName(transition, s)}: 0.1s;
+  #{getCssVarName(transition, m)}: 0.2s;
+  #{getCssVarName(transition, l)}: 0.3s;
+  #{getCssVarName(transition, xl)}: 0.5s;
+
+  // z-index
+  #{getCssVarName(z-index, xs)}: 1;
+  #{getCssVarName(z-index, s)}: 100;
+  #{getCssVarName(z-index, m)}: 1000;
+  #{getCssVarName(z-index, l)}: 2000;
+  #{getCssVarName(z-index, xl)}: 9999;
 }

package/dist/scss.css

@@ -1 +0,0 @@
-.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)}