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

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 +13 -7
  3. package/teambition/js/index.js +13 -7
  4. package/teambition/less/index.less +13 -7
  5. package/teambition/scss/variables/color.scss +12 -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-2",
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);
@@ -256,8 +262,8 @@
256
262
  --nav-primary-sub-nav-bg-color: rgba(0, 0, 0, 0);
257
263
  --table-row-hover-bg: var(--CDS_gray_fill);
258
264
  --menu-background-hover: var(--CDS_gray_fill);
259
- --menu-background-selected: var(--CDS_gray_02);
260
- --menu-background-focus: var(--CDS_gray_02);
265
+ --menu-background-selected: var(--CDS_gray_filled);
266
+ --menu-background-focus: var(--CDS_gray_filled);
261
267
  --menu-divider-color: var(--CDS_gray_03);
262
268
  --input-bg-color: rgba(0, 0, 0, 0);
263
269
  --input-focus-bg-color: rgba(0, 0, 0, 0);
@@ -338,10 +344,10 @@
338
344
  --shape-radius: 4px;
339
345
  --shape-checkbox: 2px;
340
346
  --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);
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);
345
351
  --AT_THEME: teambition;
346
352
  --AT_THEME_TYPE: light;
347
353
  }
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)",
@@ -258,8 +264,8 @@ module.exports = {
258
264
  "nav-primary-sub-nav-bg-color": "rgba(0, 0, 0, 0)",
259
265
  "table-row-hover-bg": "var(--CDS_gray_fill)",
260
266
  "menu-background-hover": "var(--CDS_gray_fill)",
261
- "menu-background-selected": "var(--CDS_gray_02)",
262
- "menu-background-focus": "var(--CDS_gray_02)",
267
+ "menu-background-selected": "var(--CDS_gray_filled)",
268
+ "menu-background-focus": "var(--CDS_gray_filled)",
263
269
  "menu-divider-color": "var(--CDS_gray_03)",
264
270
  "input-bg-color": "rgba(0, 0, 0, 0)",
265
271
  "input-focus-bg-color": "rgba(0, 0, 0, 0)",
@@ -340,10 +346,10 @@ module.exports = {
340
346
  "shape-radius": "4px",
341
347
  "shape-checkbox": "2px",
342
348
  "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)",
349
+ "shadow-01": "var(--CDS_shadow_01)",
350
+ "shadow-02": "var(--CDS_shadow_01)",
351
+ "shadow-03": "var(--CDS_shadow_03)",
352
+ "shadow-04": "var(--CDS_shadow_04)",
347
353
  AT_THEME: "teambition",
348
354
  AT_THEME_TYPE: "light"
349
355
  };
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);
@@ -255,8 +261,8 @@
255
261
  @nav-primary-sub-nav-bg-color: rgba(0, 0, 0, 0);
256
262
  @table-row-hover-bg: var(--CDS_gray_fill);
257
263
  @menu-background-hover: var(--CDS_gray_fill);
258
- @menu-background-selected: var(--CDS_gray_02);
259
- @menu-background-focus: var(--CDS_gray_02);
264
+ @menu-background-selected: var(--CDS_gray_filled);
265
+ @menu-background-focus: var(--CDS_gray_filled);
260
266
  @menu-divider-color: var(--CDS_gray_03);
261
267
  @input-bg-color: rgba(0, 0, 0, 0);
262
268
  @input-focus-bg-color: rgba(0, 0, 0, 0);
@@ -337,9 +343,9 @@
337
343
  @shape-radius: 4px;
338
344
  @shape-checkbox: 2px;
339
345
  @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);
346
+ @shadow-01: var(--CDS_shadow_01);
347
+ @shadow-02: var(--CDS_shadow_01);
348
+ @shadow-03: var(--CDS_shadow_03);
349
+ @shadow-04: var(--CDS_shadow_04);
344
350
  @AT_THEME: teambition;
345
351
  @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;
@@ -134,11 +143,10 @@ $table-row-hover-bg: var(--CDS_gray_fill) !default;
134
143
 
135
144
  // menu
136
145
  $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;
146
+ $menu-background-selected: var(--CDS_gray_filled) !default;
147
+ $menu-background-focus: var(--CDS_gray_filled) !default;
139
148
  $menu-divider-color: var(--CDS_gray_03) !default;
140
149
 
141
-
142
150
  // input
143
151
  $input-bg-color: transparent !default;
144
152
  $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;