@txdfe/at-theme 2.0.1-11 → 2.0.1-13

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 +21 -6
  3. package/teambition/js/index.js +21 -6
  4. package/teambition/less/index.less +21 -6
  5. package/teambition/scss/variables/color.scss +20 -2
  6. package/teambition/scss/variables/shadow.scss +5 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@txdfe/at-theme",
3
- "version": "2.0.1-11",
3
+ "version": "2.0.1-13",
4
4
  "description": "at主题包",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1",
package/teambition/css/index.css CHANGED
@@ -203,13 +203,15 @@
203
203
  --border-purple: var(--CDS_border_purple);
204
204
  --primary-purple: var(--CDS_primary_purple);
205
205
  --hover-purple: var(--CDS_hover_purple);
206
- --snow: var(--CDS_white_01);
206
+ --snow: var(---CDS_gray_00);
207
207
  --black: var(--CDS_black_01);
208
208
  --white: var(--CDS_white_01);
209
+ --abs-white: var(--CDS_white_01);
209
210
  --white-01: var(--CDS_white_01);
210
211
  --white-02: var(--CDS_white_02);
211
212
  --white-03: var(--CDS_white_03);
212
213
  --white-04: var(--CDS_white_04);
214
+ --white-05: var(--CDS_white_05);
213
215
  --black-01: var(--CDS_black_01);
214
216
  --black-02: var(--CDS_black_02);
215
217
  --gray-fill: var(--CDS_gray_fill);
@@ -223,10 +225,11 @@
223
225
  --gray-basic: var(--CDS_gray_basic);
224
226
  --basic: var(--CDS_gray_basic);
225
227
  --basic-fg: var(--CDS_gray_basic);
228
+ --basic-bg: var(--CDS_gray_00);
226
229
  --line-color: var(--CDS_gray_basic);
227
230
  --gray-modal: var(--CDS_gray_modal);
231
+ --modal-color: var(--CDS_gray_modal);
228
232
  --gray-popover: var(--CDS_gray_popover);
229
- --modal-color: var(--CDS_gray_popover);
230
233
  --popover-color: var(--CDS_gray_popover);
231
234
  --gray-00: var(--CDS_gray_00);
232
235
  --gray-01: var(--CDS_gray_01);
@@ -282,6 +285,18 @@
282
285
  --background-overlay: var(--CDS_gray_modal);
283
286
  --background-switch-trigger: var(--CDS_white_01);
284
287
  --background-base: var(--CDS_gray_fill);
288
+ --mask: var(--CDS_black_overlay);
289
+ --overlay: var(--CDS_black_overlay);
290
+ --shadow-00: var(--CDS_shadow_00);
291
+ --shadow-01: var(--CDS_shadow_01);
292
+ --shadow-02: var(--CDS_shadow_02);
293
+ --shadow-03: var(--CDS_shadow_03);
294
+ --shadow-04: var(--CDS_shadow_04);
295
+ --shadow-color-00: var(--CDS_shadow_color_00, rgba(38, 38, 38, 0.4));
296
+ --shadow-color-01: var(--CDS_shadow_color_01, rgba(38, 38, 38, 0.1));
297
+ --shadow-color-02: var(--CDS_shadow_color_02, rgba(38, 38, 38, 0.14));
298
+ --shadow-color-03: var(--CDS_shadow_color_03, rgba(38, 38, 38, 0.18));
299
+ --shadow-color-04: var(--CDS_shadow_color_04, rgba(38, 38, 38, 0.24));
285
300
  --cell-line-hover: var(--CDS_gray_fill);
286
301
  --cell-line-active: var(--CDS_gray_02);
287
302
  --tab-wrapped-bg-color-hover: rgba(0, 0, 0, 0);
@@ -392,10 +407,10 @@
392
407
  --shape-radius: 4px;
393
408
  --shape-checkbox: 2px;
394
409
  --shape-circular: 50%;
395
- --shadow-01: var(--CDS_shadow_01);
396
- --shadow-02: var(--CDS_shadow_01);
397
- --shadow-03: var(--CDS_shadow_03);
398
- --shadow-04: var(--CDS_shadow_04);
410
+ --shadow-card: var(--CDS_shadow_01);
411
+ --shadow-card-hover: var(--CDS_shadow_01);
412
+ --shadow-popover: var(--CDS_shadow_03);
413
+ --shadow-modal: var(--CDS_shadow_04);
399
414
  --AT_THEME: teambition;
400
415
  --AT_THEME_TYPE: light;
401
416
  }
package/teambition/js/index.js CHANGED
@@ -205,13 +205,15 @@ module.exports = {
205
205
  "border-purple": "var(--CDS_border_purple)",
206
206
  "primary-purple": "var(--CDS_primary_purple)",
207
207
  "hover-purple": "var(--CDS_hover_purple)",
208
- snow: "var(--CDS_white_01)",
208
+ snow: "var(---CDS_gray_00)",
209
209
  black: "var(--CDS_black_01)",
210
210
  white: "var(--CDS_white_01)",
211
+ "abs-white": "var(--CDS_white_01)",
211
212
  "white-01": "var(--CDS_white_01)",
212
213
  "white-02": "var(--CDS_white_02)",
213
214
  "white-03": "var(--CDS_white_03)",
214
215
  "white-04": "var(--CDS_white_04)",
216
+ "white-05": "var(--CDS_white_05)",
215
217
  "black-01": "var(--CDS_black_01)",
216
218
  "black-02": "var(--CDS_black_02)",
217
219
  "gray-fill": "var(--CDS_gray_fill)",
@@ -225,10 +227,11 @@ module.exports = {
225
227
  "gray-basic": "var(--CDS_gray_basic)",
226
228
  basic: "var(--CDS_gray_basic)",
227
229
  "basic-fg": "var(--CDS_gray_basic)",
230
+ "basic-bg": "var(--CDS_gray_00)",
228
231
  "line-color": "var(--CDS_gray_basic)",
229
232
  "gray-modal": "var(--CDS_gray_modal)",
233
+ "modal-color": "var(--CDS_gray_modal)",
230
234
  "gray-popover": "var(--CDS_gray_popover)",
231
- "modal-color": "var(--CDS_gray_popover)",
232
235
  "popover-color": "var(--CDS_gray_popover)",
233
236
  "gray-00": "var(--CDS_gray_00)",
234
237
  "gray-01": "var(--CDS_gray_01)",
@@ -284,6 +287,18 @@ module.exports = {
284
287
  "background-overlay": "var(--CDS_gray_modal)",
285
288
  "background-switch-trigger": "var(--CDS_white_01)",
286
289
  "background-base": "var(--CDS_gray_fill)",
290
+ mask: "var(--CDS_black_overlay)",
291
+ overlay: "var(--CDS_black_overlay)",
292
+ "shadow-00": "var(--CDS_shadow_00)",
293
+ "shadow-01": "var(--CDS_shadow_01)",
294
+ "shadow-02": "var(--CDS_shadow_02)",
295
+ "shadow-03": "var(--CDS_shadow_03)",
296
+ "shadow-04": "var(--CDS_shadow_04)",
297
+ "shadow-color-00": "var(--CDS_shadow_color_00, rgba(38, 38, 38, 0.4))",
298
+ "shadow-color-01": "var(--CDS_shadow_color_01, rgba(38, 38, 38, 0.1))",
299
+ "shadow-color-02": "var(--CDS_shadow_color_02, rgba(38, 38, 38, 0.14))",
300
+ "shadow-color-03": "var(--CDS_shadow_color_03, rgba(38, 38, 38, 0.18))",
301
+ "shadow-color-04": "var(--CDS_shadow_color_04, rgba(38, 38, 38, 0.24))",
287
302
  "cell-line-hover": "var(--CDS_gray_fill)",
288
303
  "cell-line-active": "var(--CDS_gray_02)",
289
304
  "tab-wrapped-bg-color-hover": "rgba(0, 0, 0, 0)",
@@ -394,10 +409,10 @@ module.exports = {
394
409
  "shape-radius": "4px",
395
410
  "shape-checkbox": "2px",
396
411
  "shape-circular": "50%",
397
- "shadow-01": "var(--CDS_shadow_01)",
398
- "shadow-02": "var(--CDS_shadow_01)",
399
- "shadow-03": "var(--CDS_shadow_03)",
400
- "shadow-04": "var(--CDS_shadow_04)",
412
+ "shadow-card": "var(--CDS_shadow_01)",
413
+ "shadow-card-hover": "var(--CDS_shadow_01)",
414
+ "shadow-popover": "var(--CDS_shadow_03)",
415
+ "shadow-modal": "var(--CDS_shadow_04)",
401
416
  AT_THEME: "teambition",
402
417
  AT_THEME_TYPE: "light"
403
418
  };
package/teambition/less/index.less CHANGED
@@ -202,13 +202,15 @@
202
202
  @border-purple: var(--CDS_border_purple);
203
203
  @primary-purple: var(--CDS_primary_purple);
204
204
  @hover-purple: var(--CDS_hover_purple);
205
- @snow: var(--CDS_white_01);
205
+ @snow: var(---CDS_gray_00);
206
206
  @black: var(--CDS_black_01);
207
207
  @white: var(--CDS_white_01);
208
+ @abs-white: var(--CDS_white_01);
208
209
  @white-01: var(--CDS_white_01);
209
210
  @white-02: var(--CDS_white_02);
210
211
  @white-03: var(--CDS_white_03);
211
212
  @white-04: var(--CDS_white_04);
213
+ @white-05: var(--CDS_white_05);
212
214
  @black-01: var(--CDS_black_01);
213
215
  @black-02: var(--CDS_black_02);
214
216
  @gray-fill: var(--CDS_gray_fill);
@@ -222,10 +224,11 @@
222
224
  @gray-basic: var(--CDS_gray_basic);
223
225
  @basic: var(--CDS_gray_basic);
224
226
  @basic-fg: var(--CDS_gray_basic);
227
+ @basic-bg: var(--CDS_gray_00);
225
228
  @line-color: var(--CDS_gray_basic);
226
229
  @gray-modal: var(--CDS_gray_modal);
230
+ @modal-color: var(--CDS_gray_modal);
227
231
  @gray-popover: var(--CDS_gray_popover);
228
- @modal-color: var(--CDS_gray_popover);
229
232
  @popover-color: var(--CDS_gray_popover);
230
233
  @gray-00: var(--CDS_gray_00);
231
234
  @gray-01: var(--CDS_gray_01);
@@ -281,6 +284,18 @@
281
284
  @background-overlay: var(--CDS_gray_modal);
282
285
  @background-switch-trigger: var(--CDS_white_01);
283
286
  @background-base: var(--CDS_gray_fill);
287
+ @mask: var(--CDS_black_overlay);
288
+ @overlay: var(--CDS_black_overlay);
289
+ @shadow-00: var(--CDS_shadow_00);
290
+ @shadow-01: var(--CDS_shadow_01);
291
+ @shadow-02: var(--CDS_shadow_02);
292
+ @shadow-03: var(--CDS_shadow_03);
293
+ @shadow-04: var(--CDS_shadow_04);
294
+ @shadow-color-00: var(--CDS_shadow_color_00, rgba(38, 38, 38, 0.4));
295
+ @shadow-color-01: var(--CDS_shadow_color_01, rgba(38, 38, 38, 0.1));
296
+ @shadow-color-02: var(--CDS_shadow_color_02, rgba(38, 38, 38, 0.14));
297
+ @shadow-color-03: var(--CDS_shadow_color_03, rgba(38, 38, 38, 0.18));
298
+ @shadow-color-04: var(--CDS_shadow_color_04, rgba(38, 38, 38, 0.24));
284
299
  @cell-line-hover: var(--CDS_gray_fill);
285
300
  @cell-line-active: var(--CDS_gray_02);
286
301
  @tab-wrapped-bg-color-hover: rgba(0, 0, 0, 0);
@@ -391,9 +406,9 @@
391
406
  @shape-radius: 4px;
392
407
  @shape-checkbox: 2px;
393
408
  @shape-circular: 50%;
394
- @shadow-01: var(--CDS_shadow_01);
395
- @shadow-02: var(--CDS_shadow_01);
396
- @shadow-03: var(--CDS_shadow_03);
397
- @shadow-04: var(--CDS_shadow_04);
409
+ @shadow-card: var(--CDS_shadow_01);
410
+ @shadow-card-hover: var(--CDS_shadow_01);
411
+ @shadow-popover: var(--CDS_shadow_03);
412
+ @shadow-modal: var(--CDS_shadow_04);
398
413
  @AT_THEME: teambition;
399
414
  @AT_THEME_TYPE: light;
package/teambition/scss/variables/color.scss CHANGED
@@ -60,14 +60,17 @@ $border-purple: var(--CDS_border_purple) !default;
60
60
  $primary-purple: var(--CDS_primary_purple) !default;
61
61
  $hover-purple: var(--CDS_hover_purple) !default;
62
62
 
63
- $snow: var(--CDS_white_01) !default;
63
+ $snow: var(---CDS_gray_00) !default;
64
64
  $black: var(--CDS_black_01) !default;
65
65
  $white: var(--CDS_white_01) !default;
66
66
 
67
+ $abs-white: var(--CDS_white_01) !default;
68
+
67
69
  $white-01: var(--CDS_white_01) !default;
68
70
  $white-02: var(--CDS_white_02) !default;
69
71
  $white-03: var(--CDS_white_03) !default;
70
72
  $white-04: var(--CDS_white_04) !default;
73
+ $white-05: var(--CDS_white_05) !default;
71
74
 
72
75
  $black-01: var(--CDS_black_01) !default;
73
76
  $black-02: var(--CDS_black_02) !default;
@@ -86,12 +89,13 @@ $line-click: var(--CDS_gray_fill) !default;
86
89
  $gray-basic: var(--CDS_gray_basic) !default;
87
90
  $basic: var(--CDS_gray_basic) !default;
88
91
  $basic-fg: var(--CDS_gray_basic) !default;
92
+ $basic-bg: var(--CDS_gray_00) !default;
89
93
 
90
94
  $line-color: var(--CDS_gray_basic) !default;
91
95
 
92
96
  $gray-modal: var(--CDS_gray_modal) !default;
97
+ $modal-color: var(--CDS_gray_modal) !default;
93
98
  $gray-popover: var(--CDS_gray_popover) !default;
94
- $modal-color: var(--CDS_gray_popover) !default;
95
99
  $popover-color: var(--CDS_gray_popover) !default;
96
100
 
97
101
  $gray-00: var(--CDS_gray_00) !default;
@@ -161,6 +165,20 @@ $background-overlay: var(--CDS_gray_modal) !default; // mark ！！
161
165
  $background-switch-trigger: var(--CDS_white_01) !default;
162
166
  $background-base: var(--CDS_gray_fill) !default;
163
167
 
168
+ $mask: var(--CDS_black_overlay) !default;
169
+ $overlay: var(--CDS_black_overlay) !default;
170
+
171
+ $shadow-00: var(--CDS_shadow_00) !default;
172
+ $shadow-01: var(--CDS_shadow_01) !default;
173
+ $shadow-02: var(--CDS_shadow_02) !default;
174
+ $shadow-03: var(--CDS_shadow_03) !default;
175
+ $shadow-04: var(--CDS_shadow_04) !default;
176
+ $shadow-color-00: var(--CDS_shadow_color_00, rgba(38, 38, 38, 0.4)) !default;
177
+ $shadow-color-01: var(--CDS_shadow_color_01, rgba(38, 38, 38, 0.1)) !default;
178
+ $shadow-color-02: var(--CDS_shadow_color_02, rgba(38, 38, 38, 0.14)) !default;
179
+ $shadow-color-03: var(--CDS_shadow_color_03, rgba(38, 38, 38, 0.18)) !default;
180
+ $shadow-color-04: var(--CDS_shadow_color_04, rgba(38, 38, 38, 0.24)) !default;
181
+
164
182
  $cell-line-hover: var(--CDS_gray_fill) !default;
165
183
  $cell-line-active: var(--CDS_gray_02) !default;
166
184
 
package/teambition/scss/variables/shadow.scss CHANGED
@@ -4,3 +4,8 @@ $shadow-01: var(--CDS_shadow_01) !default;
4
4
  $shadow-02: var(--CDS_shadow_01) !default;
5
5
  $shadow-03: var(--CDS_shadow_03) !default;
6
6
  $shadow-04: var(--CDS_shadow_04) !default;
7
+
8
+ $shadow-card: var(--CDS_shadow_01) !default;
9
+ $shadow-card-hover: var(--CDS_shadow_01) !default;
10
+ $shadow-popover: var(--CDS_shadow_03) !default;
11
+ $shadow-modal: var(--CDS_shadow_04) !default;