@nutui/nutui-react 3.0.16 → 3.0.17-beta.1

package/dist/styles/theme-default.scss

@@ -1,330 +0,0 @@
-@import './jd-font';
-:root,
-page {
-  // 品牌颜色
-  --nutui-brand-1: #ffebf1; // 梯度1
-  --nutui-brand-2: #ffd6e1; // 梯度2
-  --nutui-brand-3: #ffadbe; // 梯度3
-  --nutui-brand-4: #ff8595; // 梯度4
-  --nutui-brand-5: #ff5c67; // 梯度5
-  --nutui-brand-6: #ff0f23; // 梯度6
-  --nutui-brand-7: #e53029; // 梯度7
-  --nutui-brand-8: #cc2c21; // 梯度8
-  --nutui-brand-9: #992412; // 梯度9
-  --nutui-brand-10: #661b08; // 梯度10
-  --nutui-brand-11: #330f02; // 梯度11
-
-  --nutui-brand-stop-1: #ff475d; // 渐变色起
-  --nutui-brand-stop-2: #ff0f23; // 渐变色止
-
-  // 品牌颜色语义化
-  // 品牌主色调默认态，主要功能控件的背景、边框、镂空状态下的文字等
-  --nutui-color-primary: var(--nutui-brand-6);
-  // 品牌渐变色左端
-  --nutui-color-primary-stop-1: var(--nutui-brand-stop-1);
-  // 品牌渐变色右端
-  --nutui-color-primary-stop-2: var(--nutui-brand-stop-2);
-  // 品牌主色调或其他深色背景下的文字
-  --nutui-color-primary-text: var(--nutui-color-background-gray-1);
-  // 品牌主色调点击态，背景、边框、镂空状态下的文字
-  --nutui-color-primary-pressed: var(--nutui-brand-7);
-  // 品牌主色调禁用态，背景、边框、镂空状态下的文字
-  --nutui-color-primary-disabled: var(--nutui-color-content-gray-1);
-  // 品牌主色调特殊禁用态，通过操作后可转位默认态
-  --nutui-color-primary-disabled-special: var(--nutui-brand-3);
-  // 品牌主色调镂空背景点击态
-  --nutui-color-primary-light-pressed: var(--nutui-brand-1);
-  --nutui-color-primary-specialdisabled: var(--nutui-red-3);
-
-  // service color
-  --nutui-golden-1: #fff2e0;
-  --nutui-golden-2: #ffd4a3;
-  --nutui-golden-3: #cc8241;
-  --nutui-golden-4: #994d00;
-
-  --nutui-golden-stop-1: #fff9f0;
-  --nutui-golden-stop-2: #ffe3c2;
-
-  // service color 语义化
-  --nutui-color-service: var(--nutui-golden-1);
-  --nutui-color-service-border: var(--nutui-golden-2);
-  --nutui-color-service-pressed: var(--nutui-golden-4);
-  --nutui-color-service-stop-1: var(--nutui-golden-stop-1);
-  --nutui-color-service-stop-2: var(--nutui-golden-stop-2);
-  --nutui-color-service-text: var(--nutui-golden-3);
-
-  // success color
-  --nutui-green-1: #ebfbeb;
-  --nutui-green-2: #00d900;
-  --nutui-green-3: #2aa32a;
-
-  // success color 语义化
-  --nutui-color-success: var(--nutui-green-2); // 深背景
-  --nutui-color-success-light: var(--nutui-green-1); // 浅背景
-  --nutui-color-success-pressed: var(--nutui-green-3); // 文字
-
-  // danger color
-  --nutui-red-1: #ffebef;
-  --nutui-red-3: #ffadbe;
-  --nutui-red-2: #ff0f23;
-  --nutui-red-6: #ff3333;
-
-  // danger color 语义化
-  --nutui-color-danger: var(--nutui-red-2); // 背景或文字
-  --nutui-color-danger-light: var(--nutui-red-1); // 背景
-
-  // warning color
-  --nutui-yellow-1: #fff5cc;
-  --nutui-yellow-2: #ffbf00;
-  --nutui-yellow-3: #c47600;
-
-  // warning color 语义化
-  --nutui-color-warning: var(--nutui-yellow-2); // 深背景
-  --nutui-color-warning-light: var(--nutui-yellow-1); // 浅背景
-  --nutui-color-warning-pressed: var(--nutui-yellow-3); // 文字
-
-  // info color
-  --nutui-blue-1: #e5f5ff;
-  --nutui-blue-2: #0073ff;
-
-  // info color 语义化
-  --nutui-color-info: var(--nutui-blue-2); // 背景或文字，链接色
-  --nutui-color-info-light: var(--nutui-blue-1); // 背景
-
-  --nutui-secondary-1: #14cc33; // 辅助色
-  --nutui-color-text-link: var(--nutui-blue-2);
-
-  // 背景色
-  // 卡片背景色
-  --nutui-gray-1: #ffffff;
-  // 卡片内嵌背景色，用于卡片内部的信息包裹，感知较弱。
-  --nutui-gray-2: #f7f8fc;
-  // 页面基底色，用于卡片式页面的兜底，永远置于页面最底层。
-  --nutui-gray-3: #f2f3f5;
-  // 文字色
-  // 四级文字色，不可操作内容色，用于预置内容、无效内容、特殊不可点击按钮、组件边框线等。
-  --nutui-gray-4: #c2c4cc;
-  // 三级文字色（次要）
-  --nutui-gray-5: #888b94;
-  // 二级文字色（常规），用于次级标题、属性标示、非主要信息引导等。
-  --nutui-gray-6: #505259;
-  // 一级文字色（重要）主要内容用色，常用语常规标题内容、细文浏览、常规按钮文字以及图表引导。
-  --nutui-gray-7: #1a1a1a;
-  // icon 未选中颜色
-  --nutui-gray-8: #dadce0;
-
-  --nutui-black-1: rgba(0, 0, 0, 0);
-  // 蒙层色
-  // 容错蒙层
-  --nutui-black-2: rgba(0, 0, 0, 0.02);
-  // 线条色
-  // 间隔线/容错线，用于结构或信息分割
-  --nutui-black-3: rgba(0, 0, 0, 0.06);
-  --nutui-black-4: rgba(0, 0, 0, 0.1);
-  --nutui-black-5: rgba(0, 0, 0, 0.2);
-  --nutui-black-6: rgba(0, 0, 0, 0.3);
-  // 蒙层色
-  // 局部蒙层，像图片上的小蒙层，无货、采购中等
-  --nutui-black-7: rgba(0, 0, 0, 0.4);
-  --nutui-black-8: rgba(0, 0, 0, 0.5);
-  --nutui-black-9: rgba(0, 0, 0, 0.6);
-  // 蒙层色
-  // 全局蒙层，用于弹出层、弹窗、新功能引导出现的整页遮罩
-  --nutui-black-10: rgba(0, 0, 0, 0.7);
-  --nutui-black-11: rgba(0, 0, 0, 0.8);
-  --nutui-black-12: rgba(0, 0, 0, 0.9);
-  --nutui-black-13: rgba(0, 0, 0, 1);
-
-  --nutui-white-1: rgba(255, 255, 255, 0);
-  --nutui-white-2: rgba(255, 255, 255, 0.02);
-  --nutui-white-3: rgba(255, 255, 255, 0.05);
-  --nutui-white-4: rgba(255, 255, 255, 0.1);
-  --nutui-white-5: rgba(255, 255, 255, 0.2);
-  --nutui-white-6: rgba(255, 255, 255, 0.3);
-  --nutui-white-7: rgba(255, 255, 255, 0.4);
-  --nutui-white-8: rgba(255, 255, 255, 0.5);
-  --nutui-white-9: rgba(255, 255, 255, 0.6);
-  --nutui-white-10: rgba(255, 255, 255, 0.7);
-  --nutui-white-11: rgba(255, 255, 255, 0.8);
-  --nutui-white-12: rgba(255, 255, 255, 0.9);
-  --nutui-white-13: rgba(255, 255, 255, 1);
-
-  // 文字颜色值 语义化
-  --nutui-color-content-gray-1: var(--nutui-gray-4);
-  --nutui-color-content-gray-2: var(--nutui-gray-5);
-  --nutui-color-content-gray-3: var(--nutui-gray-6);
-  --nutui-color-content-gray-4: var(--nutui-gray-7);
-  // 一级文字色（重要）
-  --nutui-color-title: var(--nutui-color-content-gray-4);
-  // 二级文字色或可操作用色（常规）
-  --nutui-color-text: var(--nutui-color-content-gray-3);
-  // 三级文字色（次要）
-  --nutui-color-text-help: var(--nutui-color-content-gray-2);
-  // 四级文字色（不可操作）
-  --nutui-color-text-disabled: var(--nutui-color-content-gray-1);
-
-  // 背景颜色值 语义化
-  --nutui-color-background-gray-1: var(--nutui-gray-1);
-  --nutui-color-background-gray-2: var(--nutui-gray-2);
-  --nutui-color-background-gray-3: var(--nutui-gray-3);
-  // 页面背景
-  --nutui-color-background: var(--nutui-color-background-gray-3);
-  // 卡片背景
-  --nutui-color-background-overlay: var(--nutui-color-background-gray-1);
-  // 卡片内容器背景
-  --nutui-color-background-sunken: var(--nutui-color-background-gray-2);
-
-  // 蒙层颜色值 语义化
-  --nutui-color-mask-gray-1: var(--nutui-black-2);
-  --nutui-color-mask-gray-2: var(--nutui-black-7);
-  --nutui-color-mask-gray-3: var(--nutui-black-10);
-  // 全部蒙层
-  --nutui-color-mask: var(--nutui-color-mask-gray-3);
-  // 局部弹层
-  --nutui-color-mask-part: var(--nutui-color-mask-gray-2);
-  // 容错弹层
-  --nutui-color-mask-fault-toleran: var(--nutui-color-mask-gray-1);
-
-  // 线颜色值 语义化
-  --nutui-color-line-gray-1: var(--nutui-black-3);
-  // 间隔线或容错线
-  --nutui-color-border: var(--nutui-color-line-gray-1);
-  // 组件边框禁用色
-  --nutui-color-border-disabled: var(--nutui-color-content-gray-1);
-
-  // 字体 ok
-  --nutui-font-size-8: 8px;
-  --nutui-font-size-9: 9px;
-  --nutui-font-size-10: 10px;
-  --nutui-font-size-11: 11px;
-  --nutui-font-size-12: 12px;
-  --nutui-font-size-13: 13px;
-  --nutui-font-size-14: 14px;
-  --nutui-font-size-15: 15px;
-  --nutui-font-size-16: 16px;
-  --nutui-font-size-17: 17px;
-  --nutui-font-size-18: 18px;
-  --nutui-font-size-19: 19px;
-  --nutui-font-size-20: 20px;
-  --nutui-font-size-21: 21px;
-  --nutui-font-size-22: 22px;
-  --nutui-font-size-23: 23px;
-  --nutui-font-size-24: 24px;
-  --nutui-font-size-25: 25px;
-  --nutui-font-size-26: 26px;
-
-  // 字号语义化
-  // 徽标文字
-  --nutui-font-size-xxxs: var(--nutui-font-size-9);
-  // 标签内文字
-  --nutui-font-size-xxs: var(--nutui-font-size-10);
-  // 导购或信息密集的次要内容、辅助信息
-  --nutui-font-size-xs: var(--nutui-font-size-11);
-  // 汉字：次要内容、辅助类信息 数字：羊角符号、小数点及角分
-  --nutui-font-size-s: var(--nutui-font-size-12);
-  // 标准内容、名称类关键信息
-  --nutui-font-size-base: var(--nutui-font-size-14);
-  // 汉字：楼层标题、卡片标题 数字：重复型价格，如搜推商卡
-  --nutui-font-size-l: var(--nutui-font-size-16);
-  // 汉字：页面标题、页面级最重要内容 数字：模块级主价格，如购物车、结算、底导
-  --nutui-font-size-xl: var(--nutui-font-size-18);
-  // 数字：页面级主价格，如商详、收银台
-  --nutui-font-size-xxl: var(--nutui-font-size-24);
-  // zanwu
-  --nutui-font-size-xxxl: var(--nutui-font-size-26);
-
-  // 字重 ok
-  // 次要内容
-  --nutui-font-weight-light: 300;
-  // 常规内容
-  --nutui-font-weight: 400;
-  // 强化内容
-  --nutui-font-weight-bold: 600;
-
-  // 行高
-  --nutui-line-height-base: 1.5;
-
-  // 对齐方式
-  --nutui-text-align: left;
-
-  // space
-  --nutui-spacing-1: 1px;
-  --nutui-spacing-2: 2px;
-  --nutui-spacing-3: 3px;
-  --nutui-spacing-4: 4px;
-  --nutui-spacing-5: 5px;
-  --nutui-spacing-6: 6px;
-  --nutui-spacing-7: 7px;
-  --nutui-spacing-8: 8px;
-  --nutui-spacing-9: 9px;
-  --nutui-spacing-10: 10px;
-  --nutui-spacing-11: 11px;
-  --nutui-spacing-12: 12px;
-  --nutui-spacing-13: 13px;
-  --nutui-spacing-14: 14px;
-  --nutui-spacing-15: 15px;
-  --nutui-spacing-16: 16px;
-
-  // space 语义化
-  // 狭小空间内的紧密关联内容
-  --nutui-spacing-xxxs: var(--nutui-spacing-2);
-  // 导购：紧密关联内容；平台：紧密关联内容
-  --nutui-spacing-xxs: var(--nutui-spacing-4);
-  // 导购：常规关联内容；平台：替代常规关联内容
-  --nutui-spacing-xs: var(--nutui-spacing-6);
-  // 一行二、一行三卡片间距
-  --nutui-spacing-s: var(--nutui-spacing-7);
-  // 导购：弱关联内容；平台：常规关联内容
-  --nutui-spacing-base: var(--nutui-spacing-8);
-  // 一行四卡片间距
-  --nutui-spacing-l: var(--nutui-spacing-9);
-  // 导购：无关联内容；平台：弱关联内容
-  --nutui-spacing-xl: var(--nutui-spacing-12);
-  // 平台：无关联内容
-  --nutui-spacing-xxl: var(--nutui-spacing-16);
-
-  // radius ok
-  --nutui-radius-0: 0px;
-  --nutui-radius-1: 1px;
-  --nutui-radius-2: 2px;
-  --nutui-radius-3: 3px;
-  --nutui-radius-4: 4px;
-  --nutui-radius-5: 5px;
-  --nutui-radius-6: 6px;
-  --nutui-radius-7: 7px;
-  --nutui-radius-8: 8px;
-  --nutui-radius-9: 9px;
-  --nutui-radius-10: 10px;
-  --nutui-radius-11: 11px;
-  --nutui-radius-12: 12px;
-  --nutui-radius-13: 13px;
-  --nutui-radius-14: 14px;
-  --nutui-radius-15: 15px;
-  --nutui-radius-16: 16px;
-  --nutui-radius-17: 17px;
-  --nutui-radius-18: 18px;
-  --nutui-radius-19: 19px;
-  --nutui-radius-20: 20px;
-  --nutui-radius-21: 21px;
-  --nutui-radius-22: 22px;
-  --nutui-radius-23: 23px;
-  --nutui-radius-24: 24px;
-
-  // radius 语义化
-  // 内容描述型的详情页面通栏结构
-  --nutui-radius-xxxs: var(--nutui-radius-0);
-  // 标签
-  --nutui-radius-xxs: var(--nutui-radius-2);
-  // 单行高度20、24、28的组件
-  --nutui-radius-xs: var(--nutui-radius-4);
-  // 单行高度32、36的组件
-  --nutui-radius-s: var(--nutui-radius-6);
-  // 单行高度40及以上的组件
-  --nutui-radius-base: var(--nutui-radius-8);
-  // 入口型非通栏卡片
-  --nutui-radius-l: var(--nutui-radius-8);
-  // 结构分割、通栏卡片、临时操作层组件等场景
-  --nutui-radius-xl: var(--nutui-radius-12);
-  --nutui-radius-xxl: var(--nutui-radius-14); // zanwu
-  --nutui-radius-xxxl: var(--nutui-radius-16); // zanwu
-}

package/dist/styles/theme-jmapp.scss

@@ -1,255 +0,0 @@
-:root,
-page {
-  --nutui-brand-1: #edf4ff; // 梯度1
-  --nutui-brand-2: #dce9ff; // 梯度2
-  --nutui-brand-3: #ccdefb; // 梯度3
-  --nutui-brand-4: #a6c8ff; // 梯度4
-  --nutui-brand-5: #82b1ff; // 梯度5
-  --nutui-brand-6: #5c99ff; // 梯度6
-  --nutui-brand-7: #317fff; // 梯度7
-  --nutui-brand-8: #3768fa; // 梯度8 * 主题色 primary brand
-  --nutui-brand-9: #1b58ba; // 梯度9
-  --nutui-brand-10: #244986; // 梯度10
-  --nutui-brand-11: #193666; // 梯度11
-  --nutui-brand-12: #16243e; // 梯度12
-
-  --nutui-brand-stop-1: var(--nutui-brand-8); // 渐变色起
-  --nutui-brand-stop-2: var(--nutui-brand-8); // 渐变色止
-
-  --nutui-gray-0: #f4f4f4; // color-background
-  // 卡片背景色
-  --nutui-gray-1: #f7f7f7; // color-border-tint
-  // 通用背景色、轮廓描边色
-  --nutui-gray-2: #f0f0f0; // color-border-base
-  // 轮廓描边色（适中）
-  --nutui-gray-3: #ebebeb; // color-border-shade
-  // 轮廓描边色（深）
-  --nutui-gray-4: #e6e6e6;
-  --nutui-gray-5: #d9d9d9;
-  --nutui-gray-6: #cccccc;
-  --nutui-gray-7: #b5b5b5;
-  --nutui-gray-8: #888b94;
-  --nutui-gray-9: #666666;
-  --nutui-gray-10: #505259;
-  --nutui-gray-11: #333333;
-  --nutui-gray-12: #262626;
-
-  --nutui-black-1: rgba(0, 0, 0, 0.02);
-  --nutui-black-2: rgba(0, 0, 0, 0.05);
-  --nutui-black-3: rgba(0, 0, 0, 0.1);
-  --nutui-black-4: rgba(0, 0, 0, 0.2);
-  --nutui-black-5: rgba(0, 0, 0, 0.3); // color-text-disabled
-  // 四级文本色，禁用文本色，用于表达禁用状态，占位符等需弱化呈现的文本
-  --nutui-black-6: rgba(0, 0, 0, 0.4);
-  --nutui-black-7: rgba(0, 0, 0, 0.5); // color-text-description
-  // 三级文本色，描述文本色，用于对正文级标题做注释说明
-  --nutui-black-8: rgba(0, 0, 0, 0.6); //
-  // 全局蒙层，用于弹出层、弹窗、新功能引导出现的整页遮罩
-  --nutui-black-9: rgba(0, 0, 0, 0.7); //  color-text-regular
-  // 二级文本色，正文文本色，用于次级标题，属性标示、非主要信息引导等
-  --nutui-black-10: rgba(0, 0, 0, 0.8); //
-  --nutui-black-11: rgba(0, 0, 0, 0.9); //  color-text-title
-  // 一级文字色，标题文本色，主要内容用色，常用语常规标题内容等
-  --nutui-black-12: rgba(0, 0, 0, 1); //
-
-  --nutui-white-1: rgba(255, 255, 255, 0.02);
-  --nutui-white-2: rgba(255, 255, 255, 0.05);
-  --nutui-white-3: rgba(255, 255, 255, 0.1);
-  --nutui-white-4: rgba(255, 255, 255, 0.2);
-  --nutui-white-5: rgba(255, 255, 255, 0.3);
-  --nutui-white-6: rgba(255, 255, 255, 0.4);
-  --nutui-white-7: rgba(255, 255, 255, 0.5);
-  --nutui-white-8: rgba(255, 255, 255, 0.6);
-  --nutui-white-9: rgba(255, 255, 255, 0.7);
-  --nutui-white-10: rgba(255, 255, 255, 0.8);
-  --nutui-white-11: rgba(255, 255, 255, 0.9);
-  --nutui-white-12: rgba(255, 255, 255, 1);
-
-  --nutui-green-1: #eaf9e8;
-  --nutui-green-2: #cdf5c9;
-  --nutui-green-3: #b2f0ae;
-  --nutui-green-4: #7de279;
-  --nutui-green-5: #51d04f;
-  --nutui-green-6: #00bc14; // * 成功色 success
-  --nutui-green-7: #12a300;
-  --nutui-green-8: #2b8e23;
-  --nutui-green-9: #007308;
-  --nutui-green-10: #005c05;
-  --nutui-green-11: #243f23;
-  --nutui-green-12: #192a18;
-
-  --nutui-orange-1: #fdf1ea;
-  --nutui-orange-2: #fee2d1;
-  --nutui-orange-3: #f5d6c3;
-  --nutui-orange-4: #fdd3b9;
-  --nutui-orange-5: #fcb487;
-  --nutui-orange-6: #ec7600; // * 警告色 warning
-  --nutui-orange-7: #cd6600;
-  --nutui-orange-8: #ae5604;
-  --nutui-orange-9: #914600;
-  --nutui-orange-10: #743702;
-  --nutui-orange-11: #562a09;
-  --nutui-orange-12: #351f11;
-
-  --nutui-red-1: #fff0ed;
-  --nutui-red-2: #fee1da;
-  --nutui-red-3: #fdd1ca;
-  --nutui-red-4: #fbb1a5;
-  --nutui-red-5: #ff8b79;
-  --nutui-red-6: #ff5e4a;
-  --nutui-red-7: #ea3f2d;
-  --nutui-red-8: #d82515; // * 危险色 danger
-  --nutui-red-9: #b7180a;
-  --nutui-red-10: #960800;
-  --nutui-red-11: #611d15;
-  --nutui-red-12: #3a1a16;
-
-  --nutui-info-1: #e5f8fa;
-  --nutui-info-2: #c4f0f7;
-  --nutui-info-3: #a3e8f2;
-  --nutui-info-4: #73d6ed;
-  --nutui-info-5: #00c2e3;
-  --nutui-info-6: #00abcc; // * 说明色 info
-  --nutui-info-7: #0094b5;
-  --nutui-info-8: #007d9e;
-  --nutui-info-9: #006985;
-  --nutui-info-10: #00526e;
-  --nutui-info-11: #003d59;
-  --nutui-info-12: #00324a;
-
-  --nutui-color-info: var(--nutui-info-6);
-  --nutui-color-text-disabled: var(--nutui-black-6);
-  // 字体
-  --nutui-font-size-1: 10px; // font-text-mini
-  --nutui-font-size-2: 11px;
-  --nutui-font-size-3: 12px; // font-text-small
-  --nutui-font-size-4: 14px; // font-text、font-h3
-  --nutui-font-size-5: 16px; // font-text-large、font-h2
-  --nutui-font-size-6: 18px;
-  --nutui-font-size-7: 20px; // font-h1
-  --nutui-font-size-8: 24px; // 板块标题，指标数值、价格金额
-  --nutui-font-size-9: 32px; // 运营小标题
-  --nutui-font-size-10: 40px; // 运营大标题
-  // 字重
-  --nutui-font-weight: 400;
-  // 行高
-  --nutui-line-height-base: 1.5;
-
-  // space
-  --nutui-spacing-1: 2px; // spacing-xxs
-  --nutui-spacing-2: 4px; // spacing-xs
-  --nutui-spacing-3: 6px; // spacing-s
-  --nutui-spacing-4: 8px; // spacing-base
-  --nutui-spacing-5: 10px; // spacing-l
-  --nutui-spacing-6: 12px; // spacing-xl
-  --nutui-spacing-7: 14px; // spacing-xxl
-  --nutui-spacing-8: 16px; // spacing-xxxl
-  --nutui-spacing-9: 18px;
-  --nutui-spacing-10: 20px;
-
-  // radius
-  --nutui-radius-1: 2px; // radius-xxs
-  --nutui-radius-2: 4px; // radius-xs
-  --nutui-radius-3: 6px; // radius-s
-  --nutui-radius-4: 8px; // radius-base
-  --nutui-radius-5: 12px; // radius-l
-  --nutui-radius-6: 16px; // radius-xl
-
-  // 语义名
-  --nutui-color-default: var(--nutui-gray-2);
-  --nutui-color-default-press: var(--nutui-gray-3);
-  --nutui-color-default-disabled: var(--nutui-gray-1);
-  --nutui-color-default-light: var(--nutui-gray-1);
-
-  --nutui-color-primary: var(--nutui-brand-8);
-  --nutui-color-primary-pressed: var(--nutui-brand-9);
-  --nutui-color-primary-disabled: var(--nutui-brand-3);
-  --nutui-color-primary-light-pressed: var(--nutui-brand-1);
-
-  --nutui-color-success: var(--nutui-green-6);
-  --nutui-color-success-press: var(--nutui-green-8);
-  --nutui-color-success-disabled: var(--nutui-green-3);
-  --nutui-color-success-light: var(--nutui-green-1);
-
-  --nutui-color-warning: var(--nutui-orange-6);
-  --nutui-color-warning-press: var(--nutui-orange-8);
-  --nutui-color-warning-disabled: var(--nutui-orange-3);
-  --nutui-color-warning-light: var(--nutui-orange-1);
-
-  --nutui-color-danger: var(--nutui-red-8);
-  --nutui-color-danger-press: var(--nutui-red-9);
-  --nutui-color-danger-disabled: var(--nutui-red-3);
-  --nutui-color-danger-light: var(--nutui-red-1);
-
-  --nutui-color-info: var(--nutui-info-6);
-  --nutui-color-info-press: var(--nutui-info-7);
-  --nutui-color-info-disabled: var(--nutui-info-3);
-  --nutui-color-info-light: var(--nutui-info-1);
-
-  --nutui-color-dark: var(--nutui-gray-12);
-  --nutui-color-light: var(--nutui-gray-0);
-
-  --nutui-color-surface-1: var(--nutui-gray-0);
-  --nutui-color-surface-2: var(--nutui-white-12);
-  --nutui-color-surface-3: var(--nutui-white-12);
-  --nutui-color-surface-4: var(--nutui-white-12);
-  --nutui-color-surface-overlay: var(--nutui-black-8);
-
-  --nutui-color-border-shade: var(--nutui-gray-3);
-  --nutui-color-border: var(--nutui-gray-2);
-  --nutui-color-border-tint: var(--nutui-gray-1);
-
-  --nutui-color-title: var(--nutui-gray-12);
-  --nutui-color-text: var(--nutui-gray-10);
-  --nutui-color-text-help: var(--nutui-gray-8);
-  --nutui-color-text-disabled: var(--nutui-gray-7);
-  --nutui-color-text-dark: var(--nutui-white-12);
-  --nutui-color-text-link: var(--nutui-color-primary);
-
-  --nutui-font-h1: var(--nutui-font-size-7);
-  --nutui-font-h2: var(--nutui-font-size-6);
-  --nutui-font-h3: var(--nutui-font-size-5);
-  --nutui-font-h4: var(--nutui-font-size-4);
-  --nutui-font-h5: var(--nutui-font-size-3);
-  --nutui-font-text-large: var(--nutui-font-size-5);
-  --nutui-font-text: var(--nutui-font-size-4);
-  --nutui-font-text-small: var(--nutui-font-size-3);
-  --nutui-font-text-xs: var(--nutui-font-size-2);
-  --nutui-font-text-mini: var(--nutui-font-size-1);
-
-  --nutui-font-weight: 400;
-  --nutui-font-weight-bold: 600;
-  --nutui-line-height: 140%;
-
-  --nutui-spacing-xxxs: var(--nutui-spacing-1);
-  --nutui-spacing-xxs: var(--nutui-spacing-1);
-  --nutui-spacing-xs: var(--nutui-spacing-2);
-  --nutui-spacing-s: var(--nutui-spacing-3);
-  --nutui-spacing-base: var(--nutui-spacing-4);
-  --nutui-spacing-l: var(--nutui-spacing-5);
-  --nutui-spacing-xl: var(--nutui-spacing-6);
-  --nutui-spacing-xxl: var(--nutui-spacing-7);
-  --nutui-spacing-xxxl: var(--nutui-spacing-8);
-  --nutui-spacing-4xl: var(--nutui-spacing-9);
-  --nutui-spacing-5xl: var(--nutui-spacing-10);
-
-  --nutui-radius-xxs: var(--nutui-radius-1);
-  --nutui-radius-xs: var(--nutui-radius-2);
-  --nutui-radius-s: var(--nutui-radius-3);
-  --nutui-radius-base: var(--nutui-radius-4);
-  --nutui-radius-l: var(--nutui-radius-5);
-  --nutui-radius-xl: var(--nutui-radius-6);
-  // --nutui-radius-circle: 50%;
-  --nutui-radius-full: 50%;
-
-  --nutui-shadow-light: 0 0 4 0 rgba(0, 0, 0, 0.05);
-  --nutui-shadow-raised: 0 0 6 0 rgba(0, 0, 0, 0.1);
-  --nutui-shadow-overlay: 0 0 8 0 rgba(0, 0, 0, 0.2);
-
-  // 其他语义变量
-  --nutui-color-primary-stop-1: var(--nutui-brand-stop-1);
-  --nutui-color-primary-stop-2: var(--nutui-brand-stop-2);
-  --nutui-color-primary-text: #ffffff;
-  --nutui-color-primary-light-pressed: var(--nutui-brand-2);
-  --nutui-color-text-link: var(--nutui-brand-8);
-}