@txdfe/at-theme 2.0.1-0 → 2.0.1-2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@txdfe/at-theme",
-  "version": "2.0.1-0",
+  "version": "2.0.1-2",
   "description": "at主题包",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",

package/teambition/css/index.css

@@ -169,7 +169,7 @@
 --bright-warning: var(--CDS_bright_warning);
 --border-warning: var(--CDS_border_warning);
 --primary-warning: var(--CDS_primary_warning);
---hover-warning: var(---CDS_hover_warning);
+--hover-warning: var(--CDS_hover_warning);
 --click-warning: var(--CDS_click_warning);
 --heavy-warning: var(--CDS_heavy_warning);
 --highlight-alert: var(--CDS_highlight_alert);
@@ -186,11 +186,25 @@
 --hover-success: var(--CDS_hover_success);
 --click-success: var(--CDS_click_success);
 --heavy-success: var(--CDS_heavy_success);
---snow: var(--CDS_snow);
+--snow: var(--CDS_white_01);
+--black: var(--CDS_black_01);
+--white: var(--CDS_white_01);
+--white-01: var(--CDS_white_01);
+--white-02: var(--CDS_white_02);
+--white-03: var(--CDS_white_03);
+--white-04: var(--CDS_white_04);
+--black-01: var(--CDS_black_01);
 --gray-fill: var(--CDS_gray_fill);
+--line-hover: var(--CDS_gray_fill);
+--gray-filled: var(--CDS_gray_fill);
+--line-actived: var(--CDS_gray_fill);
+--gray-basic: var(--CDS_gray_basic);
+--line-color: var(--CDS_gray_basic);
 --gray-modal: var(--CDS_gray_modal);
+--modal-color: var(--CDS_gray_popover);
 --gray-popover: var(--CDS_gray_popover);
---gray-basic: var(--CDS_gray_basic);
+--popover-color: var(--CDS_gray_popover);
+--gray-00: var(--CDS_gray_00);
 --gray-01: var(--CDS_gray_01);
 --gray-02: var(--CDS_gray_02);
 --gray-03: var(--CDS_gray_03);
@@ -217,7 +231,7 @@
 --background-fill: #ffffff;
 --background-nav-search: rgba(0, 0, 0, 0);
 --background-section: var(--CDS_gray_modal);
---background-layout: var(--CDS_snow);
+--background-layout: var(--CDS_gray_00);
 --background-overlay: var(--CDS_gray_modal);
 --background-switch-trigger: var(--CDS_white_01);
 --background-base: var(--CDS_gray_fill);
@@ -248,8 +262,8 @@
 --nav-primary-sub-nav-bg-color: rgba(0, 0, 0, 0);
 --table-row-hover-bg: var(--CDS_gray_fill);
 --menu-background-hover: var(--CDS_gray_fill);
---menu-background-selected: var(--CDS_gray_02);
---menu-background-focus: var(--CDS_gray_02);
+--menu-background-selected: var(--CDS_gray_filled);
+--menu-background-focus: var(--CDS_gray_filled);
 --menu-divider-color: var(--CDS_gray_03);
 --input-bg-color: rgba(0, 0, 0, 0);
 --input-focus-bg-color: rgba(0, 0, 0, 0);
@@ -330,10 +344,10 @@
 --shape-radius: 4px;
 --shape-checkbox: 2px;
 --shape-circular: 50%;
---shadow-01: var(--XDS_shadow_small);
---shadow-02: var(--XDS_shadow_card);
---shadow-03: var(--XDS_shadow_bold_card);
---shadow-04: var(--XDS_shadow_bold_card);
+--shadow-01: var(--CDS_shadow_01);
+--shadow-02: var(--CDS_shadow_01);
+--shadow-03: var(--CDS_shadow_03);
+--shadow-04: var(--CDS_shadow_04);
 --AT_THEME: teambition;
 --AT_THEME_TYPE: light;
 }

package/teambition/js/index.js

@@ -171,7 +171,7 @@ module.exports = {
   "bright-warning": "var(--CDS_bright_warning)",
   "border-warning": "var(--CDS_border_warning)",
   "primary-warning": "var(--CDS_primary_warning)",
-  "hover-warning": "var(---CDS_hover_warning)",
+  "hover-warning": "var(--CDS_hover_warning)",
   "click-warning": "var(--CDS_click_warning)",
   "heavy-warning": "var(--CDS_heavy_warning)",
   "highlight-alert": "var(--CDS_highlight_alert)",
@@ -188,11 +188,25 @@ module.exports = {
   "hover-success": "var(--CDS_hover_success)",
   "click-success": "var(--CDS_click_success)",
   "heavy-success": "var(--CDS_heavy_success)",
-  snow: "var(--CDS_snow)",
+  snow: "var(--CDS_white_01)",
+  black: "var(--CDS_black_01)",
+  white: "var(--CDS_white_01)",
+  "white-01": "var(--CDS_white_01)",
+  "white-02": "var(--CDS_white_02)",
+  "white-03": "var(--CDS_white_03)",
+  "white-04": "var(--CDS_white_04)",
+  "black-01": "var(--CDS_black_01)",
   "gray-fill": "var(--CDS_gray_fill)",
+  "line-hover": "var(--CDS_gray_fill)",
+  "gray-filled": "var(--CDS_gray_fill)",
+  "line-actived": "var(--CDS_gray_fill)",
+  "gray-basic": "var(--CDS_gray_basic)",
+  "line-color": "var(--CDS_gray_basic)",
   "gray-modal": "var(--CDS_gray_modal)",
+  "modal-color": "var(--CDS_gray_popover)",
   "gray-popover": "var(--CDS_gray_popover)",
-  "gray-basic": "var(--CDS_gray_basic)",
+  "popover-color": "var(--CDS_gray_popover)",
+  "gray-00": "var(--CDS_gray_00)",
   "gray-01": "var(--CDS_gray_01)",
   "gray-02": "var(--CDS_gray_02)",
   "gray-03": "var(--CDS_gray_03)",
@@ -219,7 +233,7 @@ module.exports = {
   "background-fill": "#ffffff",
   "background-nav-search": "rgba(0, 0, 0, 0)",
   "background-section": "var(--CDS_gray_modal)",
-  "background-layout": "var(--CDS_snow)",
+  "background-layout": "var(--CDS_gray_00)",
   "background-overlay": "var(--CDS_gray_modal)",
   "background-switch-trigger": "var(--CDS_white_01)",
   "background-base": "var(--CDS_gray_fill)",
@@ -250,8 +264,8 @@ module.exports = {
   "nav-primary-sub-nav-bg-color": "rgba(0, 0, 0, 0)",
   "table-row-hover-bg": "var(--CDS_gray_fill)",
   "menu-background-hover": "var(--CDS_gray_fill)",
-  "menu-background-selected": "var(--CDS_gray_02)",
-  "menu-background-focus": "var(--CDS_gray_02)",
+  "menu-background-selected": "var(--CDS_gray_filled)",
+  "menu-background-focus": "var(--CDS_gray_filled)",
   "menu-divider-color": "var(--CDS_gray_03)",
   "input-bg-color": "rgba(0, 0, 0, 0)",
   "input-focus-bg-color": "rgba(0, 0, 0, 0)",
@@ -332,10 +346,10 @@ module.exports = {
   "shape-radius": "4px",
   "shape-checkbox": "2px",
   "shape-circular": "50%",
-  "shadow-01": "var(--XDS_shadow_small)",
-  "shadow-02": "var(--XDS_shadow_card)",
-  "shadow-03": "var(--XDS_shadow_bold_card)",
-  "shadow-04": "var(--XDS_shadow_bold_card)",
+  "shadow-01": "var(--CDS_shadow_01)",
+  "shadow-02": "var(--CDS_shadow_01)",
+  "shadow-03": "var(--CDS_shadow_03)",
+  "shadow-04": "var(--CDS_shadow_04)",
   AT_THEME: "teambition",
   AT_THEME_TYPE: "light"
 };

package/teambition/less/index.less

@@ -168,7 +168,7 @@
 @bright-warning: var(--CDS_bright_warning);
 @border-warning: var(--CDS_border_warning);
 @primary-warning: var(--CDS_primary_warning);
-@hover-warning: var(---CDS_hover_warning);
+@hover-warning: var(--CDS_hover_warning);
 @click-warning: var(--CDS_click_warning);
 @heavy-warning: var(--CDS_heavy_warning);
 @highlight-alert: var(--CDS_highlight_alert);
@@ -185,11 +185,25 @@
 @hover-success: var(--CDS_hover_success);
 @click-success: var(--CDS_click_success);
 @heavy-success: var(--CDS_heavy_success);
-@snow: var(--CDS_snow);
+@snow: var(--CDS_white_01);
+@black: var(--CDS_black_01);
+@white: var(--CDS_white_01);
+@white-01: var(--CDS_white_01);
+@white-02: var(--CDS_white_02);
+@white-03: var(--CDS_white_03);
+@white-04: var(--CDS_white_04);
+@black-01: var(--CDS_black_01);
 @gray-fill: var(--CDS_gray_fill);
+@line-hover: var(--CDS_gray_fill);
+@gray-filled: var(--CDS_gray_fill);
+@line-actived: var(--CDS_gray_fill);
+@gray-basic: var(--CDS_gray_basic);
+@line-color: var(--CDS_gray_basic);
 @gray-modal: var(--CDS_gray_modal);
+@modal-color: var(--CDS_gray_popover);
 @gray-popover: var(--CDS_gray_popover);
-@gray-basic: var(--CDS_gray_basic);
+@popover-color: var(--CDS_gray_popover);
+@gray-00: var(--CDS_gray_00);
 @gray-01: var(--CDS_gray_01);
 @gray-02: var(--CDS_gray_02);
 @gray-03: var(--CDS_gray_03);
@@ -216,7 +230,7 @@
 @background-fill: #ffffff;
 @background-nav-search: rgba(0, 0, 0, 0);
 @background-section: var(--CDS_gray_modal);
-@background-layout: var(--CDS_snow);
+@background-layout: var(--CDS_gray_00);
 @background-overlay: var(--CDS_gray_modal);
 @background-switch-trigger: var(--CDS_white_01);
 @background-base: var(--CDS_gray_fill);
@@ -247,8 +261,8 @@
 @nav-primary-sub-nav-bg-color: rgba(0, 0, 0, 0);
 @table-row-hover-bg: var(--CDS_gray_fill);
 @menu-background-hover: var(--CDS_gray_fill);
-@menu-background-selected: var(--CDS_gray_02);
-@menu-background-focus: var(--CDS_gray_02);
+@menu-background-selected: var(--CDS_gray_filled);
+@menu-background-focus: var(--CDS_gray_filled);
 @menu-divider-color: var(--CDS_gray_03);
 @input-bg-color: rgba(0, 0, 0, 0);
 @input-focus-bg-color: rgba(0, 0, 0, 0);
@@ -329,9 +343,9 @@
 @shape-radius: 4px;
 @shape-checkbox: 2px;
 @shape-circular: 50%;
-@shadow-01: var(--XDS_shadow_small);
-@shadow-02: var(--XDS_shadow_card);
-@shadow-03: var(--XDS_shadow_bold_card);
-@shadow-04: var(--XDS_shadow_bold_card);
+@shadow-01: var(--CDS_shadow_01);
+@shadow-02: var(--CDS_shadow_01);
+@shadow-03: var(--CDS_shadow_03);
+@shadow-04: var(--CDS_shadow_04);
 @AT_THEME: teambition;
 @AT_THEME_TYPE: light;

package/teambition/scss/variables/color.scss

@@ -21,7 +21,7 @@ $highlight-warning: var(--CDS_highlight_warning) !default;
 $bright-warning: var(--CDS_bright_warning) !default;
 $border-warning: var(--CDS_border_warning) !default;
 $primary-warning: var(--CDS_primary_warning) !default;
-$hover-warning: var(---CDS_hover_warning) !default;
+$hover-warning: var(--CDS_hover_warning) !default;
 $click-warning: var(--CDS_click_warning) !default;
 $heavy-warning: var(--CDS_heavy_warning) !default;
 
@@ -41,12 +41,32 @@ $hover-success: var(--CDS_hover_success) !default;
 $click-success: var(--CDS_click_success) !default;
 $heavy-success: var(--CDS_heavy_success) !default;
 
-$snow: var(--CDS_snow) !default;
+$snow: var(--CDS_white_01) !default;
+$black: var(--CDS_black_01) !default;
+$white: var(--CDS_white_01) !default;
+
+$white-01: var(--CDS_white_01) !default;
+$white-02: var(--CDS_white_02) !default;
+$white-03: var(--CDS_white_03) !default;
+$white-04: var(--CDS_white_04) !default;
+
+$black-01: var(--CDS_black_01) !default;
+
 $gray-fill: var(--CDS_gray_fill) !default;
+$line-hover: var(--CDS_gray_fill) !default;
+
+$gray-filled: var(--CDS_gray_fill) !default;
+$line-actived: var(--CDS_gray_fill) !default;
+
+$gray-basic: var(--CDS_gray_basic) !default;
+$line-color: var(--CDS_gray_basic) !default;
+
 $gray-modal: var(--CDS_gray_modal) !default;
+$modal-color: var(--CDS_gray_popover) !default;
 $gray-popover: var(--CDS_gray_popover) !default;
-$gray-basic: var(--CDS_gray_basic) !default;
+$popover-color: var(--CDS_gray_popover) !default;
 
+$gray-00: var(--CDS_gray_00) !default;
 $gray-01: var(--CDS_gray_01) !default;
 $gray-02: var(--CDS_gray_02) !default;
 $gray-03: var(--CDS_gray_03) !default;
@@ -77,7 +97,7 @@ $background-fill: $G0 !default;
 $background-nav-search: transparent !default;
 
 $background-section: var(--CDS_gray_modal) !default;
-$background-layout: var(--CDS_snow) !default;
+$background-layout: var(--CDS_gray_00) !default;
 $background-overlay: var(--CDS_gray_modal) !default; // mark ！！
 $background-switch-trigger: var(--CDS_white_01) !default;
 $background-base: var(--CDS_gray_fill) !default;
@@ -123,11 +143,10 @@ $table-row-hover-bg: var(--CDS_gray_fill) !default;
 
 // menu
 $menu-background-hover: var(--CDS_gray_fill) !default;
-$menu-background-selected: var(--CDS_gray_02) !default;
-$menu-background-focus: var(--CDS_gray_02) !default;
+$menu-background-selected: var(--CDS_gray_filled) !default;
+$menu-background-focus: var(--CDS_gray_filled) !default;
 $menu-divider-color: var(--CDS_gray_03) !default;
 
-
 // input
 $input-bg-color: transparent !default;
 $input-focus-bg-color: transparent !default;

package/teambition/scss/variables/shadow.scss

@@ -1,6 +1,6 @@
 @import '../../../common/variables/shadow.scss';
 
-$shadow-01: var(--XDS_shadow_small) !default;
-$shadow-02: var(--XDS_shadow_card) !default;
-$shadow-03: var(--XDS_shadow_bold_card) !default;
-$shadow-04: var(--XDS_shadow_bold_card) !default;
+$shadow-01: var(--CDS_shadow_01) !default;
+$shadow-02: var(--CDS_shadow_01) !default;
+$shadow-03: var(--CDS_shadow_03) !default;
+$shadow-04: var(--CDS_shadow_04) !default;