@sheinx/theme 3.9.0-beta.8 → 3.9.0

package/esm/tag/tag.js

@@ -14,12 +14,20 @@ var tagTokens = {
   tagInfoOutlineDisabledFontColor: 'Brand-3',
   tagInfoOutlineDisabledBackgroundColor: 'Neutral-fill-1',
   tagInfoOutlineDisabledBorderColor: 'Brand-3',
+  tagInfoOutlineIconDisabledFontColor: 'Brand-3',
+  tagInfoOutlineIconHoverBackgroundColor: 'Brand-1',
+  tagInfoOutlineIconHoverFontColor: 'Brand-6',
   tagInfoFillFontColor: 'Neutral-text-1',
   tagInfoFillBackgroundColor: 'Brand-6',
   tagInfoFillBorderColor: 'Brand-6',
   tagInfoFillDisabledFontColor: 'Neutral-text-1',
   tagInfoFillDisabledBackgroundColor: 'Brand-3',
   tagInfoFillDisabledBorderColor: 'Brand-3',
+  tagInfoFillIconHoverBackgroundColor: 'Brand-5',
+  tagInfoIconFontColor: 'Brand-6',
+  tagInfoIconDisabledFontColor: 'Brand-3',
+  tagInfoIconHoverBackgroundColor: 'Brand-2',
+  tagDefaultLineHeight: 'Line-height-dynamic',
   tagDefaultFontColor: 'Neutral-text-5',
   tagDefaultBackgroundColor: 'Neutral-fill-2',
   tagDefaultBorderColor: 'Neutral-fill-2',
@@ -38,6 +46,11 @@ var tagTokens = {
   tagDefaultFillDisabledFontColor: 'Neutral-text-2',
   tagDefaultFillDisabledBackgroundColor: 'Neutral-fill-3',
   tagDefaultFillDisabledBorderColor: 'Neutral-fill-3',
+  tagDefaultFillIconHoverBackgroundColor: 'Neutral-fill-4',
+  tagDefaultIconFontColor: 'Neutral-text-4',
+  tagDefaultIconDisabledFontColor: 'Neutral-text-2',
+  tagDefaultIconHoverBackgroundColor: 'Neutral-fill-3',
+  tagDefaultIconHoverFontColor: 'Neutral-text-5',
   tagSuccessFontColor: 'Success-6',
   tagSuccessBackgroundColor: 'Success-1',
   tagSuccessBorderColor: 'Success-1',
@@ -50,12 +63,18 @@ var tagTokens = {
   tagSuccessOutlineDisabledFontColor: 'Success-3',
   tagSuccessOutlineDisabledBackgroundColor: 'Neutral-fill-1',
   tagSuccessOutlineDisabledBorderColor: 'Success-3',
+  tagSuccessOutlineIconDisabledFontColor: 'Success-3',
+  tagSuccessOutlineIconHoverBackgroundColor: 'Success-2',
   tagSuccessFillFontColor: 'Neutral-text-1',
   tagSuccessFillBackgroundColor: 'Success-6',
   tagSuccessFillBorderColor: 'Success-6',
   tagSuccessFillDisabledFontColor: 'Neutral-text-1',
   tagSuccessFillDisabledBackgroundColor: 'Success-3',
   tagSuccessFillDisabledBorderColor: 'Success-3',
+  tagSuccessFillIconHoverBackgroundColor: 'Success-5',
+  tagSuccessIconFontColor: 'Success-6',
+  tagSuccessIconDisabledFontColor: 'Success-3',
+  tagSuccessIconHoverBackgroundColor: 'Success-2',
   tagWarningFontColor: 'Warning-6',
   tagWarningBackgroundColor: 'Warning-1',
   tagWarningBorderColor: 'Warning-1',
@@ -74,6 +93,10 @@ var tagTokens = {
   tagWarningFillDisabledFontColor: 'Neutral-text-1',
   tagWarningFillDisabledBackgroundColor: 'Warning-3',
   tagWarningFillDisabledBorderColor: 'Warning-3',
+  tagWarningFillIconFontColor: 'Warning-6',
+  tagWarningFillIconHoverBackgroundColor: 'Warning-5',
+  tagWarningIconDisabledFontColor: 'Warning-3',
+  tagWarningIconHoverBackgroundColor: 'Warning-2',
   tagDangerFontColor: 'Danger-6',
   tagDangerBackgroundColor: 'Danger-1',
   tagDangerBorderColor: 'Danger-1',
@@ -92,6 +115,10 @@ var tagTokens = {
   tagDangerFillDisabledFontColor: 'Neutral-text-1',
   tagDangerFillDisabledBackgroundColor: 'Danger-3',
   tagDangerFillDisabledBorderColor: 'Danger-3',
+  tagDangerFillIconHoverBackgroundColor: 'Danger-5',
+  tagDangerIconFontColor: 'Danger-6',
+  tagDangerIconDisabledFontColor: 'Danger-3',
+  tagDangerIconHoverBackgroundColor: 'Danger-2',
   tagMagentaFontColor: 'Magenta-6',
   tagMagentaBackgroundColor: 'Magenta-1',
   tagMagentaBorderColor: 'Magenta-1',
@@ -110,6 +137,10 @@ var tagTokens = {
   tagMagentaFillDisabledFontColor: 'Neutral-text-1',
   tagMagentaFillDisabledBackgroundColor: 'Magenta-3',
   tagMagentaFillDisabledBorderColor: 'Magenta-3',
+  tagMagentaFillIconHoverBackgroundColor: 'Magenta-5',
+  tagMagentaIconFontColor: 'Magenta-6',
+  tagMagentaIconDisabledFontColor: 'Magenta-3',
+  tagMagentaIconHoverBackgroundColor: 'Magenta-2',
   tagBrownFontColor: 'Brown-6',
   tagBrownBackgroundColor: 'Brown-1',
   tagBrownBorderColor: 'Brown-1',
@@ -128,6 +159,10 @@ var tagTokens = {
   tagBrownFillDisabledFontColor: 'Neutral-text-1',
   tagBrownFillDisabledBackgroundColor: 'Brown-3',
   tagBrownFillDisabledBorderColor: 'Brown-3',
+  tagBrownFillIconHoverBackgroundColor: 'Brown-5',
+  tagBrownIconFontColor: 'Brown-6',
+  tagBrownIconDisabledFontColor: 'Brown-3',
+  tagBrownIconHoverBackgroundColor: 'Brown-2',
   tagPurpleFontColor: 'Purple-6',
   tagPurpleBackgroundColor: 'Purple-1',
   tagPurpleBorderColor: 'Purple-1',
@@ -146,6 +181,10 @@ var tagTokens = {
   tagPurpleFillDisabledFontColor: 'Neutral-text-1',
   tagPurpleFillDisabledBackgroundColor: 'Purple-3',
   tagPurpleFillDisabledBorderColor: 'Purple-3',
+  tagPurpleFillIconHoverBackgroundColor: 'Purple-5',
+  tagPurpleIconFontColor: 'Purple-6',
+  tagPurpleIconDisabledFontColor: 'Purple-3',
+  tagPurpleIconHoverBackgroundColor: 'Purple-2',
   tagIndigoFontColor: 'Indigo-6',
   tagIndigoBackgroundColor: 'Indigo-1',
   tagIndigoBorderColor: 'Indigo-1',
@@ -164,6 +203,10 @@ var tagTokens = {
   tagIndigoFillDisabledFontColor: 'Neutral-text-1',
   tagIndigoFillDisabledBackgroundColor: 'Indigo-3',
   tagIndigoFillDisabledBorderColor: 'Indigo-3',
+  tagIndigoFillIconHoverBackgroundColor: 'Indigo-5',
+  tagIndigoIconFontColor: 'Indigo-6',
+  tagIndigoIconDisabledFontColor: 'Indigo-3',
+  tagIndigoIconHoverBackgroundColor: 'Indigo-2',
   tagCyanFontColor: 'Cyan-6',
   tagCyanBackgroundColor: 'Cyan-1',
   tagCyanBorderColor: 'Cyan-1',
@@ -182,6 +225,10 @@ var tagTokens = {
   tagCyanFillDisabledFontColor: 'Neutral-text-1',
   tagCyanFillDisabledBackgroundColor: 'Cyan-3',
   tagCyanFillDisabledBorderColor: 'Cyan-3',
+  tagCyanFillIconHoverBackgroundColor: 'Cyan-5',
+  tagCyanIconFontColor: 'Cyan-6',
+  tagCyanIconDisabledFontColor: 'Cyan-3',
+  tagCyanIconHoverBackgroundColor: 'Cyan-2',
   tagNeonFontColor: 'Neon-6',
   tagNeonBackgroundColor: 'Neon-1',
   tagNeonBorderColor: 'Neon-1',
@@ -200,6 +247,10 @@ var tagTokens = {
   tagNeonFillDisabledFontColor: 'Neutral-text-1',
   tagNeonFillDisabledBackgroundColor: 'Neon-3',
   tagNeonFillDisabledBorderColor: 'Neon-3',
+  tagNeonFillIconHoverBackgroundColor: 'Neon-5',
+  tagNeonIconFontColor: 'Neon-6',
+  tagNeonIconDisabledFontColor: 'Neon-3',
+  tagNeonIconHoverBackgroundColor: 'Neon-2',
   tagLemonFontColor: 'Lemon-6',
   tagLemonBackgroundColor: 'Lemon-1',
   tagLemonBorderColor: 'Lemon-1',
@@ -218,6 +269,32 @@ var tagTokens = {
   tagLemonFillDisabledFontColor: 'Neutral-text-1',
   tagLemonFillDisabledBackgroundColor: 'Lemon-3',
   tagLemonFillDisabledBorderColor: 'Lemon-3',
+  tagLemonFillIconHoverBackgroundColor: 'Lemon-5',
+  tagLemonIconFontColor: 'Lemon-6',
+  tagLemonIconDisabledFontColor: 'Lemon-3',
+  tagLemonIconHoverBackgroundColor: 'Lemon-2',
+  tagOrangeFontColor: 'Orange-6',
+  tagOrangeBackgroundColor: 'Orange-1',
+  tagOrangeBorderColor: 'Orange-1',
+  tagOrangeDisabledFontColor: 'Orange-3',
+  tagOrangeDisabledBackgroundColor: 'Orange-1',
+  tagOrangeDisabledBorderColor: 'Orange-1',
+  tagOrangeOutlineFontColor: 'Orange-6',
+  tagOrangeOutlineBackgroundColor: 'Neutral-fill-1',
+  tagOrangeOutlineBorderColor: 'Orange-6',
+  tagOrangeOutlineDisabledFontColor: 'Orange-3',
+  tagOrangeOutlineDisabledBackgroundColor: 'Neutral-fill-1',
+  tagOrangeOutlineDisabledBorderColor: 'Orange-3',
+  tagOrangeFillFontColor: 'Neutral-text-1',
+  tagOrangeFillBackgroundColor: 'Orange-6',
+  tagOrangeFillBorderColor: 'Orange-6',
+  tagOrangeFillDisabledFontColor: 'Neutral-text-1',
+  tagOrangeFillDisabledBackgroundColor: 'Orange-3',
+  tagOrangeFillDisabledBorderColor: 'Orange-3',
+  tagOrangeFillIconHoverBackgroundColor: 'Orange-5',
+  tagOrangeIconFontColor: 'Orange-6',
+  tagOrangeIconDisabledFontColor: 'Orange-3',
+  tagOrangeIconHoverBackgroundColor: 'Orange-2',
   tagTangerineFontColor: 'Tangerine-6',
   tagTangerineBackgroundColor: 'Tangerine-1',
   tagTangerineBorderColor: 'Tangerine-1',
@@ -236,86 +313,34 @@ var tagTokens = {
   tagTangerineFillDisabledFontColor: 'Neutral-text-1',
   tagTangerineFillDisabledBackgroundColor: 'Tangerine-3',
   tagTangerineFillDisabledBorderColor: 'Tangerine-3',
+  tagTangerineFillIconHoverBackgroundColor: 'Tangerine-5',
+  tagTangerineIconFontColor: 'Tangerine-6',
+  tagTangerineIconDisabledFontColor: 'Tangerine-3',
+  tagTangerineIconHoverBackgroundColor: 'Tangerine-2',
   tagFontSize: 'Font-12',
+  tagFontWeight: 'Weight-regular',
   tagBorderRadius: 'Radius-small',
   tagPaddingX: 'Spacing-6',
   tagPaddingY: 'Spacing-0',
   tagHeight: 'Size-11',
-  tagFontWeight: 'Weight-regular',
   tagSmallFontSize: 'Font-12',
+  tagSmallFontWeight: 'Weight-regular',
   tagSmallBorderRadius: 'Radius-small',
   tagSmallPaddingX: 'Spacing-4',
   tagSmallHeight: 'Size-10',
-  tagSmallFontWeight: 'Weight-regular',
+  tagSmallInputPaddingX: 'Spacing-4',
+  tagSmallInputFontSize: 'Font-12',
+  tagSmallLineHeight: 'Line-height-dynamic',
   tagLargeFontSize: 'Font-14',
+  tagLargeFontWeight: 'Weight-regular',
   tagLargeBorderRadius: 'Radius-default',
   tagLargePaddingX: 'Spacing-12',
   tagLargePaddingY: 'Spacing-2',
   tagLargeHeight: 'Size-14',
-  tagLargeFontWeight: 'Weight-regular',
-  tagInputPaddingX: 'Spacing-4',
-  tagInputFontSize: 'Font-12',
-  tagSmallInputPaddingX: 'Spacing-4',
-  tagSmallInputFontSize: 'Font-12',
   tagLargeInputPaddingX: 'Spacing-4',
   tagLargeInputFontSize: 'Font-14',
-  tagInfoIconFontColor: 'Brand-6',
-  tagInfoIconDisabledFontColor: 'Brand-3',
-  tagInfoIconHoverBackgroundColor: 'Brand-2',
-  tagInfoOutlineIconDisabledFontColor: 'Brand-3',
-  tagInfoOutlineIconHoverBackgroundColor: 'Brand-1',
-  tagInfoOutlineIconHoverFontColor: 'Brand-6',
-  tagInfoFillIconHoverBackgroundColor: 'Brand-5',
-  tagDefaultIconFontColor: 'Neutral-text-4',
-  tagDefaultIconDisabledFontColor: 'Neutral-text-2',
-  tagDefaultIconHoverBackgroundColor: 'Neutral-fill-3',
-  tagDefaultIconHoverFontColor: 'Neutral-text-5',
-  tagDefaultFillIconHoverBackgroundColor: 'Neutral-fill-4',
-  tagSuccessIconFontColor: 'Success-6',
-  tagSuccessIconDisabledFontColor: 'Success-3',
-  tagSuccessIconHoverBackgroundColor: 'Success-2',
-  tagSuccessOutlineIconDisabledFontColor: 'Success-3',
-  tagSuccessOutlineIconHoverBackgroundColor: 'Success-2',
-  tagSuccessFillIconHoverBackgroundColor: 'Success-5',
-  tagWarningIconDisabledFontColor: 'Warning-3',
-  tagWarningIconHoverBackgroundColor: 'Warning-2',
-  tagWarningFillIconFontColor: 'Warning-6',
-  tagWarningFillIconHoverBackgroundColor: 'Warning-5',
-  tagDangerIconFontColor: 'Danger-6',
-  tagDangerIconDisabledFontColor: 'Danger-3',
-  tagDangerIconHoverBackgroundColor: 'Danger-2',
-  tagDangerFillIconHoverBackgroundColor: 'Danger-5',
-  tagMagentaIconFontColor: 'Magenta-6',
-  tagMagentaIconDisabledFontColor: 'Magenta-3',
-  tagMagentaIconHoverBackgroundColor: 'Magenta-2',
-  tagMagentaFillIconHoverBackgroundColor: 'Magenta-5',
-  tagBrownIconFontColor: 'Brown-6',
-  tagBrownIconDisabledFontColor: 'Brown-3',
-  tagBrownIconHoverBackgroundColor: 'Brown-2',
-  tagBrownFillIconHoverBackgroundColor: 'Brown-5',
-  tagPurpleIconFontColor: 'Purple-6',
-  tagPurpleIconDisabledFontColor: 'Purple-3',
-  tagPurpleIconHoverBackgroundColor: 'Purple-2',
-  tagPurpleFillIconHoverBackgroundColor: 'Purple-5',
-  tagIndigoIconFontColor: 'Indigo-6',
-  tagIndigoIconDisabledFontColor: 'Indigo-3',
-  tagIndigoIconHoverBackgroundColor: 'Indigo-2',
-  tagIndigoFillIconHoverBackgroundColor: 'Indigo-5',
-  tagCyanIconFontColor: 'Cyan-6',
-  tagCyanIconDisabledFontColor: 'Cyan-3',
-  tagCyanIconHoverBackgroundColor: 'Cyan-2',
-  tagCyanFillIconHoverBackgroundColor: 'Cyan-5',
-  tagNeonIconFontColor: 'Neon-6',
-  tagNeonIconDisabledFontColor: 'Neon-3',
-  tagNeonIconHoverBackgroundColor: 'Neon-2',
-  tagNeonFillIconHoverBackgroundColor: 'Neon-5',
-  tagLemonIconFontColor: 'Lemon-6',
-  tagLemonIconDisabledFontColor: 'Lemon-3',
-  tagLemonIconHoverBackgroundColor: 'Lemon-2',
-  tagLemonFillIconHoverBackgroundColor: 'Lemon-5',
-  tagTangerineIconFontColor: 'Tangerine-6',
-  tagTangerineIconDisabledFontColor: 'Tangerine-3',
-  tagTangerineIconHoverBackgroundColor: 'Tangerine-2',
-  tagTangerineFillIconHoverBackgroundColor: 'Tangerine-5'
+  tagLargeLineHeight: 'Line-height-dynamic',
+  tagInputPaddingX: 'Spacing-4',
+  tagInputFontSize: 'Font-12'
 };
 export default tagTokens;

package/esm/tag/token.js

@@ -19,6 +19,7 @@ var tagTokenDescription = {
   neon: '荧光色',
   lemon: '柠檬色',
   tangerine: '橘红色',
+  orange: '橙色',
   fill: '填充风格',
   input: '输入框'
 };
@@ -30,7 +31,8 @@ var tagTokenDescription = {
  * 该映射表将根据规则自动生成，并与公共 token 进行合并。若有相同 token，将覆盖公共 token。默认不包含公共 token，除非在映射表中添加覆盖。
  * 注意，该映射表的内容不与 tagRules 强关联，非 tagRules 规则内的 token 需手动增加或删减。
  */
-var tagTokenValue = {
+var tagTokenValue = {};
+var tagTokenExtraValue = {
   info: {
     font: {
       color: 'Brand-6'
@@ -170,6 +172,9 @@ var tagTokenValue = {
     }
   },
   default: {
+    line: {
+      height: 'Line-height-dynamic'
+    },
     font: {
       color: 'Neutral-text-5'
     },
@@ -1687,6 +1692,144 @@ var tagTokenValue = {
       }
     }
   },
+  orange: {
+    font: {
+      color: 'Orange-6'
+    },
+    background: {
+      color: 'Orange-1'
+    },
+    border: {
+      color: 'Orange-1'
+    },
+    disabled: {
+      font: {
+        color: 'Orange-3'
+      },
+      background: {
+        color: 'Orange-1'
+      },
+      border: {
+        color: 'Orange-1'
+      }
+    },
+    outline: {
+      font: {
+        color: 'Orange-6'
+      },
+      background: {
+        color: 'Neutral-fill-1'
+      },
+      border: {
+        color: 'Orange-6'
+      },
+      disabled: {
+        font: {
+          color: 'Orange-3'
+        },
+        background: {
+          color: 'Neutral-fill-1'
+        },
+        border: {
+          color: 'Orange-3'
+        }
+      },
+      icon: {
+        background: {
+          color: ''
+        },
+        font: {
+          color: ''
+        },
+        disabled: {
+          background: {
+            color: ''
+          },
+          font: {
+            color: ''
+          }
+        },
+        hover: {
+          background: {
+            color: ''
+          },
+          font: {
+            color: ''
+          }
+        }
+      }
+    },
+    fill: {
+      font: {
+        color: 'Neutral-text-1'
+      },
+      background: {
+        color: 'Orange-6'
+      },
+      border: {
+        color: 'Orange-6'
+      },
+      disabled: {
+        font: {
+          color: 'Neutral-text-1'
+        },
+        background: {
+          color: 'Orange-3'
+        },
+        border: {
+          color: 'Orange-3'
+        }
+      },
+      icon: {
+        background: {
+          color: ''
+        },
+        font: {
+          color: ''
+        },
+        disabled: {
+          background: {
+            color: ''
+          },
+          font: {
+            color: ''
+          }
+        },
+        hover: {
+          background: {
+            color: 'Orange-5'
+          },
+          font: {
+            color: ''
+          }
+        }
+      }
+    },
+    icon: {
+      background: {
+        color: ''
+      },
+      font: {
+        color: 'Orange-6'
+      },
+      disabled: {
+        background: {
+          color: ''
+        },
+        font: {
+          color: 'Orange-3'
+        }
+      },
+      hover: {
+        background: {
+          color: 'Orange-2'
+        },
+        font: {
+          color: ''
+        }
+      }
+    }
+  },
   tangerine: {
     font: {
       color: 'Tangerine-6'
@@ -1858,6 +2001,9 @@ var tagTokenValue = {
       font: {
         size: 'Font-12'
       }
+    },
+    line: {
+      height: 'Line-height-dynamic'
     }
   },
   large: {
@@ -1881,6 +2027,9 @@ var tagTokenValue = {
       font: {
         size: 'Font-14'
       }
+    },
+    line: {
+      height: 'Line-height-dynamic'
     }
   },
   input: {
@@ -1893,7 +2042,6 @@ var tagTokenValue = {
     }
   }
 };
-var tagTokenExtraValue = {};
 module.exports = {
   tagTokenValue: tagTokenValue,
   tagTokenExtraValue: tagTokenExtraValue,