@txdfe/at-theme 2.0.1-1 → 2.0.1-3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/package.json +1 -1
  2. package/teambition/css/index.css +14 -7
  3. package/teambition/js/index.js +14 -7
  4. package/teambition/less/index.less +14 -7
  5. package/teambition/scss/variables/color.scss +13 -4
  6. package/teambition/scss/variables/shadow.scss +4 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@txdfe/at-theme",
3
- "version": "2.0.1-1",
3
+ "version": "2.0.1-3",
4
4
  "description": "at主题包",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1",
package/teambition/css/index.css CHANGED
@@ -195,9 +195,15 @@
195
195
  --white-04: var(--CDS_white_04);
196
196
  --black-01: var(--CDS_black_01);
197
197
  --gray-fill: var(--CDS_gray_fill);
198
+ --line-hover: var(--CDS_gray_fill);
199
+ --gray-filled: var(--CDS_gray_fill);
200
+ --line-actived: var(--CDS_gray_fill);
201
+ --gray-basic: var(--CDS_gray_basic);
202
+ --line-color: var(--CDS_gray_basic);
198
203
  --gray-modal: var(--CDS_gray_modal);
204
+ --modal-color: var(--CDS_gray_popover);
199
205
  --gray-popover: var(--CDS_gray_popover);
200
- --gray-basic: var(--CDS_gray_basic);
206
+ --popover-color: var(--CDS_gray_popover);
201
207
  --gray-00: var(--CDS_gray_00);
202
208
  --gray-01: var(--CDS_gray_01);
203
209
  --gray-02: var(--CDS_gray_02);
@@ -255,9 +261,10 @@
255
261
  --nav-primary-sub-nav-selected-bg-color: var(--XDS_line_hard_color);
256
262
  --nav-primary-sub-nav-bg-color: rgba(0, 0, 0, 0);
257
263
  --table-row-hover-bg: var(--CDS_gray_fill);
264
+ --menu-background: var(--CDS_gray_popover);
258
265
  --menu-background-hover: var(--CDS_gray_fill);
259
- --menu-background-selected: var(--CDS_gray_02);
260
- --menu-background-focus: var(--CDS_gray_02);
266
+ --menu-background-selected: var(--CDS_gray_filled);
267
+ --menu-background-focus: var(--CDS_gray_filled);
261
268
  --menu-divider-color: var(--CDS_gray_03);
262
269
  --input-bg-color: rgba(0, 0, 0, 0);
263
270
  --input-focus-bg-color: rgba(0, 0, 0, 0);
@@ -338,10 +345,10 @@
338
345
  --shape-radius: 4px;
339
346
  --shape-checkbox: 2px;
340
347
  --shape-circular: 50%;
341
- --shadow-01: var(--XDS_shadow_small);
342
- --shadow-02: var(--XDS_shadow_card);
343
- --shadow-03: var(--XDS_shadow_bold_card);
344
- --shadow-04: var(--XDS_shadow_bold_card);
348
+ --shadow-01: var(--CDS_shadow_01);
349
+ --shadow-02: var(--CDS_shadow_01);
350
+ --shadow-03: var(--CDS_shadow_03);
351
+ --shadow-04: var(--CDS_shadow_04);
345
352
  --AT_THEME: teambition;
346
353
  --AT_THEME_TYPE: light;
347
354
  }
package/teambition/js/index.js CHANGED
@@ -197,9 +197,15 @@ module.exports = {
197
197
  "white-04": "var(--CDS_white_04)",
198
198
  "black-01": "var(--CDS_black_01)",
199
199
  "gray-fill": "var(--CDS_gray_fill)",
200
+ "line-hover": "var(--CDS_gray_fill)",
201
+ "gray-filled": "var(--CDS_gray_fill)",
202
+ "line-actived": "var(--CDS_gray_fill)",
203
+ "gray-basic": "var(--CDS_gray_basic)",
204
+ "line-color": "var(--CDS_gray_basic)",
200
205
  "gray-modal": "var(--CDS_gray_modal)",
206
+ "modal-color": "var(--CDS_gray_popover)",
201
207
  "gray-popover": "var(--CDS_gray_popover)",
202
- "gray-basic": "var(--CDS_gray_basic)",
208
+ "popover-color": "var(--CDS_gray_popover)",
203
209
  "gray-00": "var(--CDS_gray_00)",
204
210
  "gray-01": "var(--CDS_gray_01)",
205
211
  "gray-02": "var(--CDS_gray_02)",
@@ -257,9 +263,10 @@ module.exports = {
257
263
  "nav-primary-sub-nav-selected-bg-color": "var(--XDS_line_hard_color)",
258
264
  "nav-primary-sub-nav-bg-color": "rgba(0, 0, 0, 0)",
259
265
  "table-row-hover-bg": "var(--CDS_gray_fill)",
266
+ "menu-background": "var(--CDS_gray_popover)",
260
267
  "menu-background-hover": "var(--CDS_gray_fill)",
261
- "menu-background-selected": "var(--CDS_gray_02)",
262
- "menu-background-focus": "var(--CDS_gray_02)",
268
+ "menu-background-selected": "var(--CDS_gray_filled)",
269
+ "menu-background-focus": "var(--CDS_gray_filled)",
263
270
  "menu-divider-color": "var(--CDS_gray_03)",
264
271
  "input-bg-color": "rgba(0, 0, 0, 0)",
265
272
  "input-focus-bg-color": "rgba(0, 0, 0, 0)",
@@ -340,10 +347,10 @@ module.exports = {
340
347
  "shape-radius": "4px",
341
348
  "shape-checkbox": "2px",
342
349
  "shape-circular": "50%",
343
- "shadow-01": "var(--XDS_shadow_small)",
344
- "shadow-02": "var(--XDS_shadow_card)",
345
- "shadow-03": "var(--XDS_shadow_bold_card)",
346
- "shadow-04": "var(--XDS_shadow_bold_card)",
350
+ "shadow-01": "var(--CDS_shadow_01)",
351
+ "shadow-02": "var(--CDS_shadow_01)",
352
+ "shadow-03": "var(--CDS_shadow_03)",
353
+ "shadow-04": "var(--CDS_shadow_04)",
347
354
  AT_THEME: "teambition",
348
355
  AT_THEME_TYPE: "light"
349
356
  };
package/teambition/less/index.less CHANGED
@@ -194,9 +194,15 @@
194
194
  @white-04: var(--CDS_white_04);
195
195
  @black-01: var(--CDS_black_01);
196
196
  @gray-fill: var(--CDS_gray_fill);
197
+ @line-hover: var(--CDS_gray_fill);
198
+ @gray-filled: var(--CDS_gray_fill);
199
+ @line-actived: var(--CDS_gray_fill);
200
+ @gray-basic: var(--CDS_gray_basic);
201
+ @line-color: var(--CDS_gray_basic);
197
202
  @gray-modal: var(--CDS_gray_modal);
203
+ @modal-color: var(--CDS_gray_popover);
198
204
  @gray-popover: var(--CDS_gray_popover);
199
- @gray-basic: var(--CDS_gray_basic);
205
+ @popover-color: var(--CDS_gray_popover);
200
206
  @gray-00: var(--CDS_gray_00);
201
207
  @gray-01: var(--CDS_gray_01);
202
208
  @gray-02: var(--CDS_gray_02);
@@ -254,9 +260,10 @@
254
260
  @nav-primary-sub-nav-selected-bg-color: var(--XDS_line_hard_color);
255
261
  @nav-primary-sub-nav-bg-color: rgba(0, 0, 0, 0);
256
262
  @table-row-hover-bg: var(--CDS_gray_fill);
263
+ @menu-background: var(--CDS_gray_popover);
257
264
  @menu-background-hover: var(--CDS_gray_fill);
258
- @menu-background-selected: var(--CDS_gray_02);
259
- @menu-background-focus: var(--CDS_gray_02);
265
+ @menu-background-selected: var(--CDS_gray_filled);
266
+ @menu-background-focus: var(--CDS_gray_filled);
260
267
  @menu-divider-color: var(--CDS_gray_03);
261
268
  @input-bg-color: rgba(0, 0, 0, 0);
262
269
  @input-focus-bg-color: rgba(0, 0, 0, 0);
@@ -337,9 +344,9 @@
337
344
  @shape-radius: 4px;
338
345
  @shape-checkbox: 2px;
339
346
  @shape-circular: 50%;
340
- @shadow-01: var(--XDS_shadow_small);
341
- @shadow-02: var(--XDS_shadow_card);
342
- @shadow-03: var(--XDS_shadow_bold_card);
343
- @shadow-04: var(--XDS_shadow_bold_card);
347
+ @shadow-01: var(--CDS_shadow_01);
348
+ @shadow-02: var(--CDS_shadow_01);
349
+ @shadow-03: var(--CDS_shadow_03);
350
+ @shadow-04: var(--CDS_shadow_04);
344
351
  @AT_THEME: teambition;
345
352
  @AT_THEME_TYPE: light;
package/teambition/scss/variables/color.scss CHANGED
@@ -53,9 +53,18 @@ $white-04: var(--CDS_white_04) !default;
53
53
  $black-01: var(--CDS_black_01) !default;
54
54
 
55
55
  $gray-fill: var(--CDS_gray_fill) !default;
56
+ $line-hover: var(--CDS_gray_fill) !default;
57
+
58
+ $gray-filled: var(--CDS_gray_fill) !default;
59
+ $line-actived: var(--CDS_gray_fill) !default;
60
+
61
+ $gray-basic: var(--CDS_gray_basic) !default;
62
+ $line-color: var(--CDS_gray_basic) !default;
63
+
56
64
  $gray-modal: var(--CDS_gray_modal) !default;
65
+ $modal-color: var(--CDS_gray_popover) !default;
57
66
  $gray-popover: var(--CDS_gray_popover) !default;
58
- $gray-basic: var(--CDS_gray_basic) !default;
67
+ $popover-color: var(--CDS_gray_popover) !default;
59
68
 
60
69
  $gray-00: var(--CDS_gray_00) !default;
61
70
  $gray-01: var(--CDS_gray_01) !default;
@@ -133,12 +142,12 @@ $nav-primary-sub-nav-bg-color: transparent !default;
133
142
  $table-row-hover-bg: var(--CDS_gray_fill) !default;
134
143
 
135
144
  // menu
145
+ $menu-background: $popover-color !default;
136
146
  $menu-background-hover: var(--CDS_gray_fill) !default;
137
- $menu-background-selected: var(--CDS_gray_02) !default;
138
- $menu-background-focus: var(--CDS_gray_02) !default;
147
+ $menu-background-selected: var(--CDS_gray_filled) !default;
148
+ $menu-background-focus: var(--CDS_gray_filled) !default;
139
149
  $menu-divider-color: var(--CDS_gray_03) !default;
140
150
 
141
-
142
151
  // input
143
152
  $input-bg-color: transparent !default;
144
153
  $input-focus-bg-color: transparent !default;
package/teambition/scss/variables/shadow.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  @import '../../../common/variables/shadow.scss';
2
2
 
3
- $shadow-01: var(--XDS_shadow_small) !default;
4
- $shadow-02: var(--XDS_shadow_card) !default;
5
- $shadow-03: var(--XDS_shadow_bold_card) !default;
6
- $shadow-04: var(--XDS_shadow_bold_card) !default;
3
+ $shadow-01: var(--CDS_shadow_01) !default;
4
+ $shadow-02: var(--CDS_shadow_01) !default;
5
+ $shadow-03: var(--CDS_shadow_03) !default;
6
+ $shadow-04: var(--CDS_shadow_04) !default;