@sheinx/theme 3.9.12 → 3.9.13-beta.10

package/cjs/input/input.js

@@ -45,9 +45,9 @@ var inputTokens = {
   inputDisabledBackgroundColor: 'Neutral-fill-2',
   inputErrorBorderColor: 'Danger-6',
   inputErrorBackgroundColor: 'Neutral-fill-1',
-  inputErrorHoverBorderColor: 'Danger-6',
+  inputErrorHoverBorderColor: 'Danger-5',
   inputErrorHoverBackgroundColor: 'Neutral-fill-1',
-  inputErrorFocusBorderColor: 'Danger-6',
+  inputErrorFocusBorderColor: 'Danger-7',
   inputErrorFocusBackgroundColor: 'Neutral-fill-1',
   inputErrorFocusShadow: 'Danger-1',
   inputGroupFontColor: 'Neutral-text-5',

package/cjs/input/token.js

@@ -243,7 +243,7 @@ var inputTokenExtraValue = {
         color: ''
       },
       border: {
-        color: 'Danger-6'
+        color: 'Danger-5'
       },
       background: {
         color: 'Neutral-fill-1'
@@ -267,7 +267,7 @@ var inputTokenExtraValue = {
         color: ''
       },
       border: {
-        color: 'Danger-6'
+        color: 'Danger-7'
       },
       background: {
         color: 'Neutral-fill-1'

package/cjs/input/type.d.ts

@@ -223,7 +223,7 @@ export interface InputTokens {
     inputErrorBackgroundColor: string;
     /**
      * @type {string}
-     * @token Danger-6
+     * @token Danger-5
      * @description 输入框错误状态的鼠标移入时的边框颜色
      */
     inputErrorHoverBorderColor: string;
@@ -235,7 +235,7 @@ export interface InputTokens {
     inputErrorHoverBackgroundColor: string;
     /**
      * @type {string}
-     * @token Danger-6
+     * @token Danger-7
      * @description 输入框错误状态的鼠标聚焦时的边框颜色
      */
     inputErrorFocusBorderColor: string;

package/cjs/modal/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAErC,QAAA,MAAM,WAAW,EAAE,WAkClB,CAAC;AAEF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["modal.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAC;AAErC,QAAA,MAAM,WAAW,EAAE,WAsClB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/cjs/modal/modal.js

@@ -35,8 +35,12 @@ var modalTokens = {
   modalDrawerTitlePaddingY: 'Spacing-12',
   modalDrawerTitlePaddingX: 'Spacing-16',
   modalDrawerTitleBackgroundColor: 'Neutral-fill-2',
+  modalDrawerHeaderBorderColor: 'Neutral-border-1',
+  modalDrawerHeaderBorderWidth: 'Border-0',
   modalDrawerBodyPaddingY: 'Spacing-16',
   modalDrawerBodyPaddingX: 'Spacing-16',
+  modalDrawerFooterBorderColor: 'Neutral-border-1',
+  modalDrawerFooterBorderWidth: 'Border-0',
   modalDrawerFooterPaddingY: 'Spacing-16',
   modalDrawerFooterPaddingX: 'Spacing-16',
   modalDrawerCloseBackgroundColor: 'Neutral-fill-3',

package/cjs/modal/token.js

@@ -103,6 +103,12 @@ var modalTokenExtraValue = {
         color: 'Neutral-fill-2'
       }
     },
+    header: {
+      border: {
+        color: 'Neutral-border-1',
+        width: 'Border-0'
+      }
+    },
     body: {
       padding: {
         y: 'Spacing-16',
@@ -110,6 +116,10 @@ var modalTokenExtraValue = {
       }
     },
     footer: {
+      border: {
+        color: 'Neutral-border-1',
+        width: 'Border-0'
+      },
       padding: {
         y: 'Spacing-16',
         x: 'Spacing-16'

package/cjs/modal/type.d.ts

@@ -161,6 +161,18 @@ export interface ModalTokens {
      * @description 对话框抽屉模式标题的背景颜色
      */
     modalDrawerTitleBackgroundColor: string;
+    /**
+     * @type {string}
+     * @token Neutral-border-1
+     * @description 对话框抽屉模式头部区域边框颜色
+     */
+    modalDrawerHeaderBorderColor: string;
+    /**
+     * @type {string}
+     * @token Border-0
+     * @description 对话框抽屉模式头部区域边框宽度
+     */
+    modalDrawerHeaderBorderWidth: string;
     /**
      * @type {string}
      * @token Spacing-16
@@ -173,6 +185,18 @@ export interface ModalTokens {
      * @description 对话框抽屉模式主区域内边距（水平方向）
      */
     modalDrawerBodyPaddingX: string;
+    /**
+     * @type {string}
+     * @token Neutral-border-1
+     * @description 对话框抽屉模式底部区域边框颜色
+     */
+    modalDrawerFooterBorderColor: string;
+    /**
+     * @type {string}
+     * @token Border-0
+     * @description 对话框抽屉模式底部区域边框宽度
+     */
+    modalDrawerFooterBorderWidth: string;
     /**
      * @type {string}
      * @token Spacing-16

package/cjs/modal/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["type.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,WAAW;IAC1B;;;;OAIG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,wBAAwB,EAAE,MAAM,CAAC;IACjC;;;;OAIG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,gBAAgB,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,gBAAgB,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,gBAAgB,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,wBAAwB,EAAE,MAAM,CAAC;IACjC;;;;OAIG;IACH,wBAAwB,EAAE,MAAM,CAAC;IACjC;;;;OAIG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,4BAA4B,EAAE,MAAM,CAAC;IACrC;;;;OAIG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,qBAAqB,EAAE,MAAM,CAAC;IAC9B;;;;OAIG;IACH,+BAA+B,EAAE,MAAM,CAAC;IACxC;;;;OAIG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,qBAAqB,EAAE,MAAM,CAAC;IAC9B;;;;OAIG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,wBAAwB,EAAE,MAAM,CAAC;IACjC;;;;OAIG;IACH,wBAAwB,EAAE,MAAM,CAAC;IACjC;;;;OAIG;IACH,+BAA+B,EAAE,MAAM,CAAC;IACxC;;;;OAIG;IACH,uBAAuB,EAAE,MAAM,CAAC;IAChC;;;;OAIG;IACH,uBAAuB,EAAE,MAAM,CAAC;IAChC;;;;OAIG;IACH,yBAAyB,EAAE,MAAM,CAAC;IAClC;;;;OAIG;IACH,yBAAyB,EAAE,MAAM,CAAC;IAClC;;;;OAIG;IACH,+BAA+B,EAAE,MAAM,CAAC;IACxC;;;;OAIG;IACH,aAAa,EAAE,MAAM,CAAC;CACvB"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["type.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,WAAW;IAC1B;;;;OAIG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,wBAAwB,EAAE,MAAM,CAAC;IACjC;;;;OAIG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,gBAAgB,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,gBAAgB,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;;;OAIG;IACH,gBAAgB,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,wBAAwB,EAAE,MAAM,CAAC;IACjC;;;;OAIG;IACH,wBAAwB,EAAE,MAAM,CAAC;IACjC;;;;OAIG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,4BAA4B,EAAE,MAAM,CAAC;IACrC;;;;OAIG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,qBAAqB,EAAE,MAAM,CAAC;IAC9B;;;;OAIG;IACH,+BAA+B,EAAE,MAAM,CAAC;IACxC;;;;OAIG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,qBAAqB,EAAE,MAAM,CAAC;IAC9B;;;;OAIG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,mBAAmB,EAAE,MAAM,CAAC;IAC5B;;;;OAIG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,wBAAwB,EAAE,MAAM,CAAC;IACjC;;;;OAIG;IACH,wBAAwB,EAAE,MAAM,CAAC;IACjC;;;;OAIG;IACH,+BAA+B,EAAE,MAAM,CAAC;IACxC;;;;OAIG;IACH,4BAA4B,EAAE,MAAM,CAAC;IACrC;;;;OAIG;IACH,4BAA4B,EAAE,MAAM,CAAC;IACrC;;;;OAIG;IACH,uBAAuB,EAAE,MAAM,CAAC;IAChC;;;;OAIG;IACH,uBAAuB,EAAE,MAAM,CAAC;IAChC;;;;OAIG;IACH,4BAA4B,EAAE,MAAM,CAAC;IACrC;;;;OAIG;IACH,4BAA4B,EAAE,MAAM,CAAC;IACrC;;;;OAIG;IACH,yBAAyB,EAAE,MAAM,CAAC;IAClC;;;;OAIG;IACH,yBAAyB,EAAE,MAAM,CAAC;IAClC;;;;OAIG;IACH,+BAA+B,EAAE,MAAM,CAAC;IACxC;;;;OAIG;IACH,aAAa,EAAE,MAAM,CAAC;CACvB"}

package/cjs/progress/progress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["progress.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAExC,QAAA,MAAM,cAAc,EAAE,cAiCrB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["progress.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAExC,QAAA,MAAM,cAAc,EAAE,cAqCrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/cjs/progress/progress.js

@@ -13,12 +13,16 @@ var progressTokens = {
   progressBackground: 'Neutral-fill-3',
   progressInfoFrontBackgroundColor: 'Brand-6',
   progressInfoInnerFontColor: 'Neutral-text-1',
+  progressInfoBackgroundColor: 'Neutral-fill-3',
   progressWarningFrontBackgroundColor: 'Warning-6',
   progressWarningInnerFontColor: 'Neutral-text-1',
+  progressWarningBackgroundColor: 'Neutral-fill-3',
   progressSuccessFrontBackgroundColor: 'Success-6',
   progressSuccessInnerFontColor: 'Neutral-text-1',
+  progressSuccessBackgroundColor: 'Neutral-fill-3',
   progressDangerFrontBackgroundColor: 'Danger-6',
   progressDangerInnerFontColor: 'Neutral-text-1',
+  progressDangerBackgroundColor: 'Neutral-fill-3',
   progressCircleInfoFontColor: 'Neutral-text-4',
   progressCircleWarningFontColor: 'Warning-6',
   progressCircleSuccessFontColor: 'success-6',

package/cjs/progress/token.js

@@ -41,6 +41,9 @@ var progressTokenExtraValue = {
       font: {
         color: 'Neutral-text-1'
       }
+    },
+    background: {
+      color: 'Neutral-fill-3'
     }
   },
   warning: {
@@ -53,6 +56,9 @@ var progressTokenExtraValue = {
       font: {
         color: 'Neutral-text-1'
       }
+    },
+    background: {
+      color: 'Neutral-fill-3'
     }
   },
   success: {
@@ -65,6 +71,9 @@ var progressTokenExtraValue = {
       font: {
         color: 'Neutral-text-1'
       }
+    },
+    background: {
+      color: 'Neutral-fill-3'
     }
   },
   danger: {
@@ -77,6 +86,9 @@ var progressTokenExtraValue = {
       font: {
         color: 'Neutral-text-1'
       }
+    },
+    background: {
+      color: 'Neutral-fill-3'
     }
   },
   circle: {

package/cjs/progress/type.d.ts

@@ -29,6 +29,12 @@ export interface ProgressTokens {
      * @description 进度条基础色内嵌文案模式字体颜色
      */
     progressInfoInnerFontColor: string;
+    /**
+     * @type {string}
+     * @token Neutral-fill-3
+     * @description 进度条基础色背景颜色
+     */
+    progressInfoBackgroundColor: string;
     /**
      * @type {string}
      * @token Warning-6
@@ -41,6 +47,12 @@ export interface ProgressTokens {
      * @description 进度条警告色内嵌文案模式字体颜色
      */
     progressWarningInnerFontColor: string;
+    /**
+     * @type {string}
+     * @token Neutral-fill-3
+     * @description 进度条警告色背景颜色
+     */
+    progressWarningBackgroundColor: string;
     /**
      * @type {string}
      * @token Success-6
@@ -53,6 +65,12 @@ export interface ProgressTokens {
      * @description 进度条成功色内嵌文案模式字体颜色
      */
     progressSuccessInnerFontColor: string;
+    /**
+     * @type {string}
+     * @token Neutral-fill-3
+     * @description 进度条成功色背景颜色
+     */
+    progressSuccessBackgroundColor: string;
     /**
      * @type {string}
      * @token Danger-6
@@ -65,6 +83,12 @@ export interface ProgressTokens {
      * @description 进度条危险色内嵌文案模式字体颜色
      */
     progressDangerInnerFontColor: string;
+    /**
+     * @type {string}
+     * @token Neutral-fill-3
+     * @description 进度条危险色背景颜色
+     */
+    progressDangerBackgroundColor: string;
     /**
      * @type {string}
      * @token Neutral-text-4

package/cjs/progress/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["type.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,gBAAgB,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,gCAAgC,EAAE,MAAM,CAAC;IACzC;;;;OAIG;IACH,0BAA0B,EAAE,MAAM,CAAC;IACnC;;;;OAIG;IACH,mCAAmC,EAAE,MAAM,CAAC;IAC5C;;;;OAIG;IACH,6BAA6B,EAAE,MAAM,CAAC;IACtC;;;;OAIG;IACH,mCAAmC,EAAE,MAAM,CAAC;IAC5C;;;;OAIG;IACH,6BAA6B,EAAE,MAAM,CAAC;IACtC;;;;OAIG;IACH,kCAAkC,EAAE,MAAM,CAAC;IAC3C;;;;OAIG;IACH,4BAA4B,EAAE,MAAM,CAAC;IACrC;;;;OAIG;IACH,2BAA2B,EAAE,MAAM,CAAC;IACpC;;;;OAIG;IACH,8BAA8B,EAAE,MAAM,CAAC;IACvC;;;;OAIG;IACH,8BAA8B,EAAE,MAAM,CAAC;IACvC;;;;OAIG;IACH,6BAA6B,EAAE,MAAM,CAAC;IACtC;;;;OAIG;IACH,wBAAwB,EAAE,MAAM,CAAC;IACjC;;;;OAIG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,uBAAuB,EAAE,MAAM,CAAC;IAChC;;;;OAIG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,yBAAyB,EAAE,MAAM,CAAC;IAClC;;;;OAIG;IACH,0BAA0B,EAAE,MAAM,CAAC;IACnC;;;;OAIG;IACH,yBAAyB,EAAE,MAAM,CAAC;IAClC;;;;OAIG;IACH,+BAA+B,EAAE,MAAM,CAAC;IACxC;;;;OAIG;IACH,yCAAyC,EAAE,MAAM,CAAC;IAClD;;;;OAIG;IACH,4CAA4C,EAAE,MAAM,CAAC;IACrD;;;;OAIG;IACH,4CAA4C,EAAE,MAAM,CAAC;IACrD;;;;OAIG;IACH,2CAA2C,EAAE,MAAM,CAAC;IACpD;;;;OAIG;IACH,wBAAwB,EAAE,MAAM,CAAC;IACjC;;;;OAIG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,2BAA2B,EAAE,MAAM,CAAC;IACpC;;;;OAIG;IACH,sBAAsB,EAAE,MAAM,CAAC;CAChC"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["type.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,gBAAgB,EAAE,MAAM,CAAC;IACzB;;;;OAIG;IACH,iBAAiB,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,gCAAgC,EAAE,MAAM,CAAC;IACzC;;;;OAIG;IACH,0BAA0B,EAAE,MAAM,CAAC;IACnC;;;;OAIG;IACH,2BAA2B,EAAE,MAAM,CAAC;IACpC;;;;OAIG;IACH,mCAAmC,EAAE,MAAM,CAAC;IAC5C;;;;OAIG;IACH,6BAA6B,EAAE,MAAM,CAAC;IACtC;;;;OAIG;IACH,8BAA8B,EAAE,MAAM,CAAC;IACvC;;;;OAIG;IACH,mCAAmC,EAAE,MAAM,CAAC;IAC5C;;;;OAIG;IACH,6BAA6B,EAAE,MAAM,CAAC;IACtC;;;;OAIG;IACH,8BAA8B,EAAE,MAAM,CAAC;IACvC;;;;OAIG;IACH,kCAAkC,EAAE,MAAM,CAAC;IAC3C;;;;OAIG;IACH,4BAA4B,EAAE,MAAM,CAAC;IACrC;;;;OAIG;IACH,6BAA6B,EAAE,MAAM,CAAC;IACtC;;;;OAIG;IACH,2BAA2B,EAAE,MAAM,CAAC;IACpC;;;;OAIG;IACH,8BAA8B,EAAE,MAAM,CAAC;IACvC;;;;OAIG;IACH,8BAA8B,EAAE,MAAM,CAAC;IACvC;;;;OAIG;IACH,6BAA6B,EAAE,MAAM,CAAC;IACtC;;;;OAIG;IACH,wBAAwB,EAAE,MAAM,CAAC;IACjC;;;;OAIG;IACH,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;;;OAIG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;;;OAIG;IACH,uBAAuB,EAAE,MAAM,CAAC;IAChC;;;;OAIG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,yBAAyB,EAAE,MAAM,CAAC;IAClC;;;;OAIG;IACH,0BAA0B,EAAE,MAAM,CAAC;IACnC;;;;OAIG;IACH,yBAAyB,EAAE,MAAM,CAAC;IAClC;;;;OAIG;IACH,+BAA+B,EAAE,MAAM,CAAC;IACxC;;;;OAIG;IACH,yCAAyC,EAAE,MAAM,CAAC;IAClD;;;;OAIG;IACH,4CAA4C,EAAE,MAAM,CAAC;IACrD;;;;OAIG;IACH,4CAA4C,EAAE,MAAM,CAAC;IACrD;;;;OAIG;IACH,2CAA2C,EAAE,MAAM,CAAC;IACpD;;;;OAIG;IACH,wBAAwB,EAAE,MAAM,CAAC;IACjC;;;;OAIG;IACH,oBAAoB,EAAE,MAAM,CAAC;IAC7B;;;;OAIG;IACH,2BAA2B,EAAE,MAAM,CAAC;IACpC;;;;OAIG;IACH,sBAAsB,EAAE,MAAM,CAAC;CAChC"}

package/cjs/tabs/tabs.js

@@ -26,7 +26,6 @@ var tabsTokens = {
   tabsLinePaddingTop: 'Spacing-6',
   tabsLinePaddingBottom: 'Spacing-6',
   tabsLineHrBackgroundColor: 'Neutral-border-1',
-  tabsLineAfterBackgroundColor: 'Brand-6',
   tabsLineInnerPaddingX: 'Spacing-8',
   tabsLineInnerPaddingY: 'Spacing-4',
   tabsLineFontColor: 'Neutral-text-5',
@@ -38,6 +37,8 @@ var tabsTokens = {
   tabsLineCheckedFontSize: 'Font-14',
   tabsLineCheckedFontWeight: 'Weight-medium',
   tabsLineCheckedBackgroundColor: 'transparent',
+  tabsLineCheckedInkColor: 'Brand-6',
+  tabsLineCheckedInkHeight: 'Spacing-2',
   tabsLineHoverFontSize: 'Font-14',
   tabsLineHoverBackgroundColor: 'Neutral-fill-2',
   tabsLineDisabledFontColor: 'Neutral-text-2',
@@ -71,7 +72,6 @@ var tabsTokens = {
   tabsCardActiveFontWeight: 'Weight-medium',
   tabsCardActiveFontSize: 'Font-14',
   tabsCardActiveBackgroundColor: 'Neutral-fill-4',
-  tabsCardBorderColor: 'Neutral-border-1',
   tabsCardCheckedFontColor: 'Brand-6',
   tabsCardCheckedFontSize: 'Font-14',
   tabsCardCheckedFontWeight: 'Weight-medium',

package/cjs/tabs/token.js

@@ -25,7 +25,8 @@ var tabsTokenDescription = {
   horizontal: '水平模式',
   checked: '选中状态',
   top: '上',
-  bottom: '下'
+  bottom: '下',
+  after: '下划线指示器'
 };
 
 /**
@@ -116,11 +117,6 @@ var tabsTokenExtraValue = {
         color: 'Neutral-border-1'
       }
     },
-    after: {
-      background: {
-        color: 'Brand-6'
-      }
-    },
     inner: {
       padding: {
         x: 'Spacing-8',
@@ -152,6 +148,10 @@ var tabsTokenExtraValue = {
       },
       background: {
         color: 'transparent'
+      },
+      ink: {
+        color: 'Brand-6',
+        height: 'Spacing-2'
       }
     },
     hover: {
@@ -293,9 +293,6 @@ var tabsTokenExtraValue = {
         color: 'Neutral-fill-4'
       }
     },
-    border: {
-      color: 'Neutral-border-1'
-    },
     checked: {
       font: {
         color: 'Brand-6',

package/cjs/tabs/type.d.ts

@@ -107,12 +107,6 @@ export interface TabsTokens {
      * @description 标签页长线条模式undefined背景颜色
      */
     tabsLineHrBackgroundColor: string;
-    /**
-     * @type {string}
-     * @token Brand-6
-     * @description 标签页长线条模式undefined背景颜色
-     */
-    tabsLineAfterBackgroundColor: string;
     /**
      * @type {string}
      * @token Spacing-8
@@ -179,6 +173,18 @@ export interface TabsTokens {
      * @description 标签页长线条模式选中状态背景颜色
      */
     tabsLineCheckedBackgroundColor: string;
+    /**
+     * @type {string}
+     * @token Brand-6
+     * @description 标签页长线条模式选中状态undefined颜色
+     */
+    tabsLineCheckedInkColor: string;
+    /**
+     * @type {string}
+     * @token Spacing-2
+     * @description 标签页长线条模式选中状态undefined高度
+     */
+    tabsLineCheckedInkHeight: string;
     /**
      * @type {string}
      * @token Font-14
@@ -377,12 +383,6 @@ export interface TabsTokens {
      * @description 标签页卡片模式鼠标点击时的背景颜色
      */
     tabsCardActiveBackgroundColor: string;
-    /**
-     * @type {string}
-     * @token Neutral-border-1
-     * @description 标签页卡片模式边框颜色
-     */
-    tabsCardBorderColor: string;
     /**
      * @type {string}
      * @token Brand-6

package/cjs/tabs/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["type.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["type.ts"],"names":[],"mappings":"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"}

package/cjs/tag/tag.js

@@ -15,10 +15,10 @@ var tagTokens = {
   tagInfoDisabledBackgroundColor: 'Brand-1',
   tagInfoDisabledBorderColor: 'Brand-1',
   tagInfoOutlineFontColor: 'Brand-6',
-  tagInfoOutlineBackgroundColor: 'Neutral-fill-1',
-  tagInfoOutlineBorderColor: 'Brand-6',
+  tagInfoOutlineBackgroundColor: 'Transparent',
+  tagInfoOutlineBorderColor: 'Brand-3',
   tagInfoOutlineDisabledFontColor: 'Brand-3',
-  tagInfoOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagInfoOutlineDisabledBackgroundColor: 'Transparent',
   tagInfoOutlineDisabledBorderColor: 'Brand-3',
   tagInfoOutlineIconDisabledFontColor: 'Brand-3',
   tagInfoOutlineIconHoverBackgroundColor: 'Brand-1',
@@ -42,10 +42,10 @@ var tagTokens = {
   tagDefaultDisabledBackgroundColor: 'Neutral-fill-2',
   tagDefaultDisabledBorderColor: 'Neutral-fill-2',
   tagDefaultOutlineFontColor: 'Neutral-text-5',
-  tagDefaultOutlineBackgroundColor: 'Neutral-fill-1',
+  tagDefaultOutlineBackgroundColor: 'Transparent',
   tagDefaultOutlineBorderColor: 'Neutral-border-2',
   tagDefaultOutlineDisabledFontColor: 'Neutral-text-2',
-  tagDefaultOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagDefaultOutlineDisabledBackgroundColor: 'Transparent',
   tagDefaultOutlineDisabledBorderColor: 'Neutral-border-2',
   tagDefaultFillFontColor: 'Neutral-text-5',
   tagDefaultFillBackgroundColor: 'Neutral-fill-3',
@@ -65,10 +65,10 @@ var tagTokens = {
   tagSuccessDisabledBackgroundColor: 'Success-1',
   tagSuccessDisabledBorderColor: 'Success-1',
   tagSuccessOutlineFontColor: 'Success-6',
-  tagSuccessOutlineBackgroundColor: 'Neutral-fill-1',
-  tagSuccessOutlineBorderColor: 'Success-6',
+  tagSuccessOutlineBackgroundColor: 'Transparent',
+  tagSuccessOutlineBorderColor: 'Success-3',
   tagSuccessOutlineDisabledFontColor: 'Success-3',
-  tagSuccessOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagSuccessOutlineDisabledBackgroundColor: 'Transparent',
   tagSuccessOutlineDisabledBorderColor: 'Success-3',
   tagSuccessOutlineIconDisabledFontColor: 'Success-3',
   tagSuccessOutlineIconHoverBackgroundColor: 'Success-2',
@@ -89,10 +89,10 @@ var tagTokens = {
   tagWarningDisabledBackgroundColor: 'Warning-1',
   tagWarningDisabledBorderColor: 'Warning-1',
   tagWarningOutlineFontColor: 'Warning-6',
-  tagWarningOutlineBackgroundColor: 'Neutral-fill-1',
-  tagWarningOutlineBorderColor: 'Warning-6',
+  tagWarningOutlineBackgroundColor: 'Transparent',
+  tagWarningOutlineBorderColor: 'Warning-3',
   tagWarningOutlineDisabledFontColor: 'Warning-3',
-  tagWarningOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagWarningOutlineDisabledBackgroundColor: 'Transparent',
   tagWarningOutlineDisabledBorderColor: 'Warning-3',
   tagWarningFillFontColor: 'Neutral-text-1',
   tagWarningFillBackgroundColor: 'Warning-6',
@@ -111,10 +111,10 @@ var tagTokens = {
   tagDangerDisabledBackgroundColor: 'Danger-1',
   tagDangerDisabledBorderColor: 'Danger-1',
   tagDangerOutlineFontColor: 'Danger-6',
-  tagDangerOutlineBackgroundColor: 'Neutral-fill-1',
-  tagDangerOutlineBorderColor: 'Danger-6',
+  tagDangerOutlineBackgroundColor: 'Transparent',
+  tagDangerOutlineBorderColor: 'Danger-3',
   tagDangerOutlineDisabledFontColor: 'Danger-3',
-  tagDangerOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagDangerOutlineDisabledBackgroundColor: 'Transparent',
   tagDangerOutlineDisabledBorderColor: 'Danger-3',
   tagDangerFillFontColor: 'Neutral-text-1',
   tagDangerFillBackgroundColor: 'Danger-6',
@@ -133,10 +133,10 @@ var tagTokens = {
   tagMagentaDisabledBackgroundColor: 'Magenta-1',
   tagMagentaDisabledBorderColor: 'Magenta-1',
   tagMagentaOutlineFontColor: 'Magenta-6',
-  tagMagentaOutlineBackgroundColor: 'Neutral-fill-1',
-  tagMagentaOutlineBorderColor: 'Magenta-6',
+  tagMagentaOutlineBackgroundColor: 'Transparent',
+  tagMagentaOutlineBorderColor: 'Magenta-3',
   tagMagentaOutlineDisabledFontColor: 'Magenta-3',
-  tagMagentaOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagMagentaOutlineDisabledBackgroundColor: 'Transparent',
   tagMagentaOutlineDisabledBorderColor: 'Magenta-3',
   tagMagentaFillFontColor: 'Neutral-text-1',
   tagMagentaFillBackgroundColor: 'Magenta-6',
@@ -155,10 +155,10 @@ var tagTokens = {
   tagBrownDisabledBackgroundColor: 'Brown-1',
   tagBrownDisabledBorderColor: 'Brown-1',
   tagBrownOutlineFontColor: 'Brown-6',
-  tagBrownOutlineBackgroundColor: 'Neutral-fill-1',
-  tagBrownOutlineBorderColor: 'Brown-6',
+  tagBrownOutlineBackgroundColor: 'Transparent',
+  tagBrownOutlineBorderColor: 'Brown-3',
   tagBrownOutlineDisabledFontColor: 'Brown-3',
-  tagBrownOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagBrownOutlineDisabledBackgroundColor: 'Transparent',
   tagBrownOutlineDisabledBorderColor: 'Brown-3',
   tagBrownFillFontColor: 'Neutral-text-1',
   tagBrownFillBackgroundColor: 'Brown-6',
@@ -177,10 +177,10 @@ var tagTokens = {
   tagPurpleDisabledBackgroundColor: 'Purple-1',
   tagPurpleDisabledBorderColor: 'Purple-1',
   tagPurpleOutlineFontColor: 'Purple-6',
-  tagPurpleOutlineBackgroundColor: 'Neutral-fill-1',
-  tagPurpleOutlineBorderColor: 'Purple-6',
+  tagPurpleOutlineBackgroundColor: 'Transparent',
+  tagPurpleOutlineBorderColor: 'Purple-3',
   tagPurpleOutlineDisabledFontColor: 'Purple-3',
-  tagPurpleOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagPurpleOutlineDisabledBackgroundColor: 'Transparent',
   tagPurpleOutlineDisabledBorderColor: 'Purple-3',
   tagPurpleFillFontColor: 'Neutral-text-1',
   tagPurpleFillBackgroundColor: 'Purple-6',
@@ -199,10 +199,10 @@ var tagTokens = {
   tagIndigoDisabledBackgroundColor: 'Indigo-1',
   tagIndigoDisabledBorderColor: 'Indigo-1',
   tagIndigoOutlineFontColor: 'Indigo-6',
-  tagIndigoOutlineBackgroundColor: 'Neutral-fill-1',
-  tagIndigoOutlineBorderColor: 'Indigo-6',
+  tagIndigoOutlineBackgroundColor: 'Transparent',
+  tagIndigoOutlineBorderColor: 'Indigo-3',
   tagIndigoOutlineDisabledFontColor: 'Indigo-3',
-  tagIndigoOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagIndigoOutlineDisabledBackgroundColor: 'Transparent',
   tagIndigoOutlineDisabledBorderColor: 'Indigo-3',
   tagIndigoFillFontColor: 'Neutral-text-1',
   tagIndigoFillBackgroundColor: 'Indigo-6',
@@ -221,10 +221,10 @@ var tagTokens = {
   tagCyanDisabledBackgroundColor: 'Cyan-1',
   tagCyanDisabledBorderColor: 'Cyan-1',
   tagCyanOutlineFontColor: 'Cyan-6',
-  tagCyanOutlineBackgroundColor: 'Neutral-fill-1',
-  tagCyanOutlineBorderColor: 'Cyan-6',
+  tagCyanOutlineBackgroundColor: 'Transparent',
+  tagCyanOutlineBorderColor: 'Cyan-3',
   tagCyanOutlineDisabledFontColor: 'Cyan-3',
-  tagCyanOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagCyanOutlineDisabledBackgroundColor: 'Transparent',
   tagCyanOutlineDisabledBorderColor: 'Cyan-3',
   tagCyanFillFontColor: 'Neutral-text-1',
   tagCyanFillBackgroundColor: 'Cyan-6',
@@ -243,10 +243,10 @@ var tagTokens = {
   tagNeonDisabledBackgroundColor: 'Neon-1',
   tagNeonDisabledBorderColor: 'Neon-1',
   tagNeonOutlineFontColor: 'Neon-6',
-  tagNeonOutlineBackgroundColor: 'Neutral-fill-1',
-  tagNeonOutlineBorderColor: 'Neon-6',
+  tagNeonOutlineBackgroundColor: 'Transparent',
+  tagNeonOutlineBorderColor: 'Neon-3',
   tagNeonOutlineDisabledFontColor: 'Neon-3',
-  tagNeonOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagNeonOutlineDisabledBackgroundColor: 'Transparent',
   tagNeonOutlineDisabledBorderColor: 'Neon-3',
   tagNeonFillFontColor: 'Neutral-text-1',
   tagNeonFillBackgroundColor: 'Neon-6',
@@ -265,10 +265,10 @@ var tagTokens = {
   tagLemonDisabledBackgroundColor: 'Lemon-1',
   tagLemonDisabledBorderColor: 'Lemon-1',
   tagLemonOutlineFontColor: 'Lemon-6',
-  tagLemonOutlineBackgroundColor: 'Neutral-fill-1',
-  tagLemonOutlineBorderColor: 'Lemon-6',
+  tagLemonOutlineBackgroundColor: 'Transparent',
+  tagLemonOutlineBorderColor: 'Lemon-3',
   tagLemonOutlineDisabledFontColor: 'Lemon-3',
-  tagLemonOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagLemonOutlineDisabledBackgroundColor: 'Transparent',
   tagLemonOutlineDisabledBorderColor: 'Lemon-3',
   tagLemonFillFontColor: 'Neutral-text-1',
   tagLemonFillBackgroundColor: 'Lemon-6',
@@ -287,10 +287,10 @@ var tagTokens = {
   tagOrangeDisabledBackgroundColor: 'Orange-1',
   tagOrangeDisabledBorderColor: 'Orange-1',
   tagOrangeOutlineFontColor: 'Orange-6',
-  tagOrangeOutlineBackgroundColor: 'Neutral-fill-1',
-  tagOrangeOutlineBorderColor: 'Orange-6',
+  tagOrangeOutlineBackgroundColor: 'Transparent',
+  tagOrangeOutlineBorderColor: 'Orange-3',
   tagOrangeOutlineDisabledFontColor: 'Orange-3',
-  tagOrangeOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagOrangeOutlineDisabledBackgroundColor: 'Transparent',
   tagOrangeOutlineDisabledBorderColor: 'Orange-3',
   tagOrangeFillFontColor: 'Neutral-text-1',
   tagOrangeFillBackgroundColor: 'Orange-6',
@@ -309,10 +309,10 @@ var tagTokens = {
   tagTangerineDisabledBackgroundColor: 'Tangerine-1',
   tagTangerineDisabledBorderColor: 'Tangerine-1',
   tagTangerineOutlineFontColor: 'Tangerine-6',
-  tagTangerineOutlineBackgroundColor: 'Neutral-fill-1',
-  tagTangerineOutlineBorderColor: 'Tangerine-6',
+  tagTangerineOutlineBackgroundColor: 'Transparent',
+  tagTangerineOutlineBorderColor: 'Tangerine-3',
   tagTangerineOutlineDisabledFontColor: 'Tangerine-3',
-  tagTangerineOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagTangerineOutlineDisabledBackgroundColor: 'Transparent',
   tagTangerineOutlineDisabledBorderColor: 'Tangerine-3',
   tagTangerineFillFontColor: 'Neutral-text-1',
   tagTangerineFillBackgroundColor: 'Tangerine-6',