@txdfe/at-theme 2.0.1-18 → 2.0.1-20

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 (21) hide show
  1. package/apsara/css/index.css +3 -3
  2. package/apsara/js/index.js +3 -3
  3. package/apsara/less/index.less +3 -3
  4. package/apsara-dark/css/index.css +3 -3
  5. package/apsara-dark/js/index.js +3 -3
  6. package/apsara-dark/less/index.less +3 -3
  7. package/common/variables/radius.scss +2 -2
  8. package/infra/css/index.css +4 -4
  9. package/infra/js/index.js +4 -4
  10. package/infra/less/index.less +4 -4
  11. package/infra-dark/css/index.css +4 -4
  12. package/infra-dark/js/index.js +4 -4
  13. package/infra-dark/less/index.less +4 -4
  14. package/package.json +1 -1
  15. package/teambition/css/index.css +9 -8
  16. package/teambition/js/index.js +9 -8
  17. package/teambition/less/index.less +9 -8
  18. package/teambition/scss/variables/color.scss +5 -4
  19. package/teambition-dark/css/index.css +4 -4
  20. package/teambition-dark/js/index.js +4 -4
  21. package/teambition-dark/less/index.less +4 -4
package/apsara/css/index.css CHANGED
@@ -86,7 +86,7 @@
86
86
  --line-height-display-3: 36px;
87
87
  --line-height-display-4: 40px;
88
88
  --border-opacity: 1;
89
- --shape-radius: 2px;
89
+ --shape-radius: 4px;
90
90
  --shape-checkbox: 0;
91
91
  --shape-circular: 50%;
92
92
  --shadow-01: 0 1px 4px 0 rgba(0, 0, 0, 0.13);
@@ -218,8 +218,8 @@
218
218
  --ALPHA1: 1;
219
219
  --css-prefix: next-;
220
220
  --R0: 0;
221
- --R2: 2px;
222
- --R4: 4px;
221
+ --R2: 4px;
222
+ --R4: 8px;
223
223
  --R6: 50%;
224
224
  --SH1: 0 1px 4px 0 rgba(0, 0, 0, 0.13);
225
225
  --SH2: 0 2px 8px 0 rgba(0, 0, 0, 0.13);
package/apsara/js/index.js CHANGED
@@ -86,7 +86,7 @@ module.exports = {
86
86
  "line-height-display-3": "36px",
87
87
  "line-height-display-4": "40px",
88
88
  "border-opacity": 1,
89
- "shape-radius": "2px",
89
+ "shape-radius": "4px",
90
90
  "shape-checkbox": 0,
91
91
  "shape-circular": "50%",
92
92
  "shadow-01": "0 1px 4px 0 rgba(0, 0, 0, 0.13)",
@@ -220,8 +220,8 @@ module.exports = {
220
220
  ALPHA1: 1,
221
221
  "css-prefix": "next-",
222
222
  R0: 0,
223
- R2: "2px",
224
- R4: "4px",
223
+ R2: "4px",
224
+ R4: "8px",
225
225
  R6: "50%",
226
226
  SH1: "0 1px 4px 0 rgba(0, 0, 0, 0.13)",
227
227
  SH2: "0 2px 8px 0 rgba(0, 0, 0, 0.13)",
package/apsara/less/index.less CHANGED
@@ -85,7 +85,7 @@
85
85
  @line-height-display-3: 36px;
86
86
  @line-height-display-4: 40px;
87
87
  @border-opacity: 1;
88
- @shape-radius: 2px;
88
+ @shape-radius: 4px;
89
89
  @shape-checkbox: 0;
90
90
  @shape-circular: 50%;
91
91
  @shadow-01: 0 1px 4px 0 rgba(0, 0, 0, 0.13);
@@ -217,8 +217,8 @@
217
217
  @ALPHA1: 1;
218
218
  @css-prefix: next-;
219
219
  @R0: 0;
220
- @R2: 2px;
221
- @R4: 4px;
220
+ @R2: 4px;
221
+ @R4: 8px;
222
222
  @R6: 50%;
223
223
  @SH1: 0 1px 4px 0 rgba(0, 0, 0, 0.13);
224
224
  @SH2: 0 2px 8px 0 rgba(0, 0, 0, 0.13);
package/apsara-dark/css/index.css CHANGED
@@ -86,7 +86,7 @@
86
86
  --line-height-display-3: 36px;
87
87
  --line-height-display-4: 40px;
88
88
  --border-opacity: 0;
89
- --shape-radius: 2px;
89
+ --shape-radius: 4px;
90
90
  --shape-checkbox: 0;
91
91
  --shape-circular: 50%;
92
92
  --shadow-01: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
@@ -218,8 +218,8 @@
218
218
  --ALPHA1: 1;
219
219
  --css-prefix: next-;
220
220
  --R0: 0;
221
- --R2: 2px;
222
- --R4: 4px;
221
+ --R2: 4px;
222
+ --R4: 8px;
223
223
  --R6: 50%;
224
224
  --SH1: 0 1px 4px 0 rgba(0, 0, 0, 0.13);
225
225
  --SH2: 0 2px 8px 0 rgba(0, 0, 0, 0.13);
package/apsara-dark/js/index.js CHANGED
@@ -86,7 +86,7 @@ module.exports = {
86
86
  "line-height-display-3": "36px",
87
87
  "line-height-display-4": "40px",
88
88
  "border-opacity": 0,
89
- "shape-radius": "2px",
89
+ "shape-radius": "4px",
90
90
  "shape-checkbox": 0,
91
91
  "shape-circular": "50%",
92
92
  "shadow-01": "0 1px 5px 0 rgba(0, 0, 0, 0.1)",
@@ -220,8 +220,8 @@ module.exports = {
220
220
  ALPHA1: 1,
221
221
  "css-prefix": "next-",
222
222
  R0: 0,
223
- R2: "2px",
224
- R4: "4px",
223
+ R2: "4px",
224
+ R4: "8px",
225
225
  R6: "50%",
226
226
  SH1: "0 1px 4px 0 rgba(0, 0, 0, 0.13)",
227
227
  SH2: "0 2px 8px 0 rgba(0, 0, 0, 0.13)",
package/apsara-dark/less/index.less CHANGED
@@ -85,7 +85,7 @@
85
85
  @line-height-display-3: 36px;
86
86
  @line-height-display-4: 40px;
87
87
  @border-opacity: 0;
88
- @shape-radius: 2px;
88
+ @shape-radius: 4px;
89
89
  @shape-checkbox: 0;
90
90
  @shape-circular: 50%;
91
91
  @shadow-01: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
@@ -217,8 +217,8 @@
217
217
  @ALPHA1: 1;
218
218
  @css-prefix: next-;
219
219
  @R0: 0;
220
- @R2: 2px;
221
- @R4: 4px;
220
+ @R2: 4px;
221
+ @R4: 8px;
222
222
  @R6: 50%;
223
223
  @SH1: 0 1px 4px 0 rgba(0, 0, 0, 0.13);
224
224
  @SH2: 0 2px 8px 0 rgba(0, 0, 0, 0.13);
package/common/variables/radius.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  // 圆角半径
2
2
 
3
3
  $R0: 0;
4
- $R2: 2px;
5
- $R4: 4px;
4
+ $R2: 4px;
5
+ $R4: 8px;
6
6
  $R6: 50%;
package/infra/css/index.css CHANGED
@@ -124,8 +124,8 @@
124
124
  --ALPHA1: 1;
125
125
  --css-prefix: next-;
126
126
  --R0: 0;
127
- --R2: 2px;
128
- --R4: 4px;
127
+ --R2: 4px;
128
+ --R4: 8px;
129
129
  --R6: 50%;
130
130
  --SH1: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
131
131
  --SH2: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
@@ -238,8 +238,8 @@
238
238
  --line-height-display-3: 36px;
239
239
  --line-height-display-4: 40px;
240
240
  --border-opacity: 1;
241
- --shape-radius: 2px;
242
- --shape-checkbox: 2px;
241
+ --shape-radius: 4px;
242
+ --shape-checkbox: 4px;
243
243
  --shape-circular: 50%;
244
244
  --shadow-01: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
245
245
  --shadow-02: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
package/infra/js/index.js CHANGED
@@ -126,8 +126,8 @@ module.exports = {
126
126
  ALPHA1: 1,
127
127
  "css-prefix": "next-",
128
128
  R0: 0,
129
- R2: "2px",
130
- R4: "4px",
129
+ R2: "4px",
130
+ R4: "8px",
131
131
  R6: "50%",
132
132
  SH1: "0 1px 2px 0 rgba(0, 0, 0, 0.1)",
133
133
  SH2: "0 4px 8px 0 rgba(0, 0, 0, 0.1)",
@@ -240,8 +240,8 @@ module.exports = {
240
240
  "line-height-display-3": "36px",
241
241
  "line-height-display-4": "40px",
242
242
  "border-opacity": 1,
243
- "shape-radius": "2px",
244
- "shape-checkbox": "2px",
243
+ "shape-radius": "4px",
244
+ "shape-checkbox": "4px",
245
245
  "shape-circular": "50%",
246
246
  "shadow-01": "0 1px 2px 0 rgba(0, 0, 0, 0.1)",
247
247
  "shadow-02": "0 4px 8px 0 rgba(0, 0, 0, 0.1)",
package/infra/less/index.less CHANGED
@@ -123,8 +123,8 @@
123
123
  @ALPHA1: 1;
124
124
  @css-prefix: next-;
125
125
  @R0: 0;
126
- @R2: 2px;
127
- @R4: 4px;
126
+ @R2: 4px;
127
+ @R4: 8px;
128
128
  @R6: 50%;
129
129
  @SH1: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
130
130
  @SH2: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
@@ -237,8 +237,8 @@
237
237
  @line-height-display-3: 36px;
238
238
  @line-height-display-4: 40px;
239
239
  @border-opacity: 1;
240
- @shape-radius: 2px;
241
- @shape-checkbox: 2px;
240
+ @shape-radius: 4px;
241
+ @shape-checkbox: 4px;
242
242
  @shape-circular: 50%;
243
243
  @shadow-01: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
244
244
  @shadow-02: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
package/infra-dark/css/index.css CHANGED
@@ -124,8 +124,8 @@
124
124
  --ALPHA1: 1;
125
125
  --css-prefix: next-;
126
126
  --R0: 0;
127
- --R2: 2px;
128
- --R4: 4px;
127
+ --R2: 4px;
128
+ --R4: 8px;
129
129
  --R6: 50%;
130
130
  --SH1: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
131
131
  --SH2: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
@@ -238,8 +238,8 @@
238
238
  --line-height-display-3: 36px;
239
239
  --line-height-display-4: 40px;
240
240
  --border-opacity: 0;
241
- --shape-radius: 2px;
242
- --shape-checkbox: 2px;
241
+ --shape-radius: 4px;
242
+ --shape-checkbox: 4px;
243
243
  --shape-circular: 50%;
244
244
  --shadow-01: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
245
245
  --shadow-02: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
package/infra-dark/js/index.js CHANGED
@@ -126,8 +126,8 @@ module.exports = {
126
126
  ALPHA1: 1,
127
127
  "css-prefix": "next-",
128
128
  R0: 0,
129
- R2: "2px",
130
- R4: "4px",
129
+ R2: "4px",
130
+ R4: "8px",
131
131
  R6: "50%",
132
132
  SH1: "0 1px 2px 0 rgba(0, 0, 0, 0.1)",
133
133
  SH2: "0 4px 8px 0 rgba(0, 0, 0, 0.1)",
@@ -240,8 +240,8 @@ module.exports = {
240
240
  "line-height-display-3": "36px",
241
241
  "line-height-display-4": "40px",
242
242
  "border-opacity": 0,
243
- "shape-radius": "2px",
244
- "shape-checkbox": "2px",
243
+ "shape-radius": "4px",
244
+ "shape-checkbox": "4px",
245
245
  "shape-circular": "50%",
246
246
  "shadow-01": "0 1px 2px 0 rgba(0, 0, 0, 0.2)",
247
247
  "shadow-02": "0 4px 8px 0 rgba(0, 0, 0, 0.2)",
package/infra-dark/less/index.less CHANGED
@@ -123,8 +123,8 @@
123
123
  @ALPHA1: 1;
124
124
  @css-prefix: next-;
125
125
  @R0: 0;
126
- @R2: 2px;
127
- @R4: 4px;
126
+ @R2: 4px;
127
+ @R4: 8px;
128
128
  @R6: 50%;
129
129
  @SH1: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
130
130
  @SH2: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
@@ -237,8 +237,8 @@
237
237
  @line-height-display-3: 36px;
238
238
  @line-height-display-4: 40px;
239
239
  @border-opacity: 0;
240
- @shape-radius: 2px;
241
- @shape-checkbox: 2px;
240
+ @shape-radius: 4px;
241
+ @shape-checkbox: 4px;
242
242
  @shape-circular: 50%;
243
243
  @shadow-01: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
244
244
  @shadow-02: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@txdfe/at-theme",
3
- "version": "2.0.1-18",
3
+ "version": "2.0.1-20",
4
4
  "description": "at主题包",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1",
package/teambition/css/index.css CHANGED
@@ -124,8 +124,8 @@
124
124
  --ALPHA1: 1;
125
125
  --css-prefix: next-;
126
126
  --R0: 0;
127
- --R2: 2px;
128
- --R4: 4px;
127
+ --R2: 4px;
128
+ --R4: 8px;
129
129
  --R6: 50%;
130
130
  --SH1: 0 1px 3px 0 rgba(38, 38, 38, 0.1);
131
131
  --SH2: 0 4px 16px 0 rgba(38, 38, 38, 0.12);
@@ -224,13 +224,14 @@
224
224
  --black-01: var(--CDS_black_01, black);
225
225
  --black-02: var(--CDS_black_02, #44474b);
226
226
  --gray-fill: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
227
+ --gray-hover: var(--CDS_gray_fill, rgba(38, 38, 38, 0.05));
227
228
  --line-hover: var(--CDS_gray_hover, rgba(38, 38, 38, 0.05));
228
229
  --gray-fillover: var(--CDS_gray_fillover, rgba(38, 38, 38, 0.08));
229
230
  --gray-filled: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
230
231
  --line-actived: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
231
232
  --line-select: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
232
233
  --line-selected: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
233
- --gray-click: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
234
+ --gray-click: var(--CDS_gray_fill, rgba(38, 38, 38, 0.09));
234
235
  --line-click: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
235
236
  --gray-basic: var(--CDS_gray_basic, white);
236
237
  --basic: var(--CDS_gray_basic, white);
@@ -367,7 +368,7 @@
367
368
  --calendar-card-table-cell-disabled-background: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
368
369
  --calendar-fullscreen-table-cell-disabled-background: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
369
370
  --checkbox-bg-color: rgba(0, 0, 0, 0);
370
- --checkbox-disabled-bg-color: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
371
+ --checkbox-disabled-bg-color: var(--CDS_gray_pale, rgba(38, 38, 38, 0.12));
371
372
  --balloon-tooltip-color-primary-bg: rgba(0, 0, 0, 0.9) !important;
372
373
  --balloon-tooltip-color-normal-bg: 'var(--CDS_gray_popover, white)', '!important';
373
374
  --balloon-tooltip-color-normal: var(--CDS_gray_08, #262626);
@@ -376,8 +377,8 @@
376
377
  --btn-warning-primary-color-disabled: var(--CDS_white_01, white);
377
378
  --btn-warning-primary-border-color-disabled: rgba(0, 0, 0, 0);
378
379
  --btn-pure-color-disabled: var(--CDS_white_01, white);
379
- --btn-pure-bg-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.4));
380
- --btn-pure-border-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.4));
380
+ --btn-pure-bg-disabled: var(--CDS_gray_04, rgba(38, 38, 38, 0.4));
381
+ --btn-pure-border-color-disabled: var(--CDS_gray_04, rgba(38, 38, 38, 0.4));
381
382
  --btn-ghost-dark-bg-normal: rgba(0, 0, 0, 0);
382
383
  --btn-ghost-dark-color: var(--CDS_gray_08, #262626);
383
384
  --btn-ghost-dark-color-hover: var(--CDS_gray_08, #262626);
@@ -429,8 +430,8 @@
429
430
  --line-height-display-3: 36px;
430
431
  --line-height-display-4: 40px;
431
432
  --border-opacity: 1;
432
- --shape-radius: 4px;
433
- --shape-checkbox: 2px;
433
+ --shape-radius: 8px;
434
+ --shape-checkbox: 4px;
434
435
  --shape-circular: 50%;
435
436
  --shadow-card: var(--CDS_shadow_01);
436
437
  --shadow-card-hover: var(--CDS_shadow_01);
package/teambition/js/index.js CHANGED
@@ -126,8 +126,8 @@ module.exports = {
126
126
  ALPHA1: 1,
127
127
  "css-prefix": "next-",
128
128
  R0: 0,
129
- R2: "2px",
130
- R4: "4px",
129
+ R2: "4px",
130
+ R4: "8px",
131
131
  R6: "50%",
132
132
  SH1: "0 1px 3px 0 rgba(38, 38, 38, 0.1)",
133
133
  SH2: "0 4px 16px 0 rgba(38, 38, 38, 0.12)",
@@ -227,13 +227,14 @@ module.exports = {
227
227
  "black-01": "var(--CDS_black_01, black)",
228
228
  "black-02": "var(--CDS_black_02, #44474b)",
229
229
  "gray-fill": "var(--CDS_gray_fill, rgba(38, 38, 38, 0.06))",
230
+ "gray-hover": "var(--CDS_gray_fill, rgba(38, 38, 38, 0.05))",
230
231
  "line-hover": "var(--CDS_gray_hover, rgba(38, 38, 38, 0.05))",
231
232
  "gray-fillover": "var(--CDS_gray_fillover, rgba(38, 38, 38, 0.08))",
232
233
  "gray-filled": "var(--CDS_gray_fill, rgba(38, 38, 38, 0.06))",
233
234
  "line-actived": "var(--CDS_gray_fill, rgba(38, 38, 38, 0.06))",
234
235
  "line-select": "var(--CDS_gray_fill, rgba(38, 38, 38, 0.06))",
235
236
  "line-selected": "var(--CDS_gray_fill, rgba(38, 38, 38, 0.06))",
236
- "gray-click": "var(--CDS_gray_fill, rgba(38, 38, 38, 0.06))",
237
+ "gray-click": "var(--CDS_gray_fill, rgba(38, 38, 38, 0.09))",
237
238
  "line-click": "var(--CDS_gray_fill, rgba(38, 38, 38, 0.06))",
238
239
  "gray-basic": "var(--CDS_gray_basic, white)",
239
240
  basic: "var(--CDS_gray_basic, white)",
@@ -394,7 +395,7 @@ module.exports = {
394
395
  "calendar-fullscreen-table-cell-disabled-background":
395
396
  "var(--CDS_gray_fill, rgba(38, 38, 38, 0.06))",
396
397
  "checkbox-bg-color": "rgba(0, 0, 0, 0)",
397
- "checkbox-disabled-bg-color": "var(--CDS_gray_03, rgba(38, 38, 38, 0.12))",
398
+ "checkbox-disabled-bg-color": "var(--CDS_gray_pale, rgba(38, 38, 38, 0.12))",
398
399
  "balloon-tooltip-color-primary-bg": "rgba(0, 0, 0, 0.9) !important",
399
400
  "balloon-tooltip-color-normal-bg":
400
401
  "'var(--CDS_gray_popover, white)', '!important'",
@@ -405,8 +406,8 @@ module.exports = {
405
406
  "btn-warning-primary-color-disabled": "var(--CDS_white_01, white)",
406
407
  "btn-warning-primary-border-color-disabled": "rgba(0, 0, 0, 0)",
407
408
  "btn-pure-color-disabled": "var(--CDS_white_01, white)",
408
- "btn-pure-bg-disabled": "var(--CDS_gray_05, rgba(38, 38, 38, 0.4))",
409
- "btn-pure-border-color-disabled": "var(--CDS_gray_05, rgba(38, 38, 38, 0.4))",
409
+ "btn-pure-bg-disabled": "var(--CDS_gray_04, rgba(38, 38, 38, 0.4))",
410
+ "btn-pure-border-color-disabled": "var(--CDS_gray_04, rgba(38, 38, 38, 0.4))",
410
411
  "btn-ghost-dark-bg-normal": "rgba(0, 0, 0, 0)",
411
412
  "btn-ghost-dark-color": "var(--CDS_gray_08, #262626)",
412
413
  "btn-ghost-dark-color-hover": "var(--CDS_gray_08, #262626)",
@@ -460,8 +461,8 @@ module.exports = {
460
461
  "line-height-display-3": "36px",
461
462
  "line-height-display-4": "40px",
462
463
  "border-opacity": 1,
463
- "shape-radius": "4px",
464
- "shape-checkbox": "2px",
464
+ "shape-radius": "8px",
465
+ "shape-checkbox": "4px",
465
466
  "shape-circular": "50%",
466
467
  "shadow-card": "var(--CDS_shadow_01)",
467
468
  "shadow-card-hover": "var(--CDS_shadow_01)",
package/teambition/less/index.less CHANGED
@@ -123,8 +123,8 @@
123
123
  @ALPHA1: 1;
124
124
  @css-prefix: next-;
125
125
  @R0: 0;
126
- @R2: 2px;
127
- @R4: 4px;
126
+ @R2: 4px;
127
+ @R4: 8px;
128
128
  @R6: 50%;
129
129
  @SH1: 0 1px 3px 0 rgba(38, 38, 38, 0.1);
130
130
  @SH2: 0 4px 16px 0 rgba(38, 38, 38, 0.12);
@@ -223,13 +223,14 @@
223
223
  @black-01: var(--CDS_black_01, black);
224
224
  @black-02: var(--CDS_black_02, #44474b);
225
225
  @gray-fill: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
226
+ @gray-hover: var(--CDS_gray_fill, rgba(38, 38, 38, 0.05));
226
227
  @line-hover: var(--CDS_gray_hover, rgba(38, 38, 38, 0.05));
227
228
  @gray-fillover: var(--CDS_gray_fillover, rgba(38, 38, 38, 0.08));
228
229
  @gray-filled: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
229
230
  @line-actived: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
230
231
  @line-select: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
231
232
  @line-selected: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
232
- @gray-click: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
233
+ @gray-click: var(--CDS_gray_fill, rgba(38, 38, 38, 0.09));
233
234
  @line-click: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
234
235
  @gray-basic: var(--CDS_gray_basic, white);
235
236
  @basic: var(--CDS_gray_basic, white);
@@ -366,7 +367,7 @@
366
367
  @calendar-card-table-cell-disabled-background: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
367
368
  @calendar-fullscreen-table-cell-disabled-background: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06));
368
369
  @checkbox-bg-color: rgba(0, 0, 0, 0);
369
- @checkbox-disabled-bg-color: var(--CDS_gray_03, rgba(38, 38, 38, 0.12));
370
+ @checkbox-disabled-bg-color: var(--CDS_gray_pale, rgba(38, 38, 38, 0.12));
370
371
  @balloon-tooltip-color-primary-bg: rgba(0, 0, 0, 0.9) !important;
371
372
  @balloon-tooltip-color-normal-bg: 'var(--CDS_gray_popover, white)', '!important';
372
373
  @balloon-tooltip-color-normal: var(--CDS_gray_08, #262626);
@@ -375,8 +376,8 @@
375
376
  @btn-warning-primary-color-disabled: var(--CDS_white_01, white);
376
377
  @btn-warning-primary-border-color-disabled: rgba(0, 0, 0, 0);
377
378
  @btn-pure-color-disabled: var(--CDS_white_01, white);
378
- @btn-pure-bg-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.4));
379
- @btn-pure-border-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.4));
379
+ @btn-pure-bg-disabled: var(--CDS_gray_04, rgba(38, 38, 38, 0.4));
380
+ @btn-pure-border-color-disabled: var(--CDS_gray_04, rgba(38, 38, 38, 0.4));
380
381
  @btn-ghost-dark-bg-normal: rgba(0, 0, 0, 0);
381
382
  @btn-ghost-dark-color: var(--CDS_gray_08, #262626);
382
383
  @btn-ghost-dark-color-hover: var(--CDS_gray_08, #262626);
@@ -428,8 +429,8 @@
428
429
  @line-height-display-3: 36px;
429
430
  @line-height-display-4: 40px;
430
431
  @border-opacity: 1;
431
- @shape-radius: 4px;
432
- @shape-checkbox: 2px;
432
+ @shape-radius: 8px;
433
+ @shape-checkbox: 4px;
433
434
  @shape-circular: 50%;
434
435
  @shadow-card: var(--CDS_shadow_01);
435
436
  @shadow-card-hover: var(--CDS_shadow_01);
package/teambition/scss/variables/color.scss CHANGED
@@ -85,6 +85,7 @@ $black-01: var(--CDS_black_01, rgba(0, 0, 0, 1)) !default;
85
85
  $black-02: var(--CDS_black_02, rgba(68, 71, 75, 1)) !default;
86
86
 
87
87
  $gray-fill: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
88
+ $gray-hover: var(--CDS_gray_fill, rgba(38, 38, 38, 0.05)) !default;
88
89
  $line-hover: var(--CDS_gray_hover, rgba(38, 38, 38, 0.05)) !default;
89
90
  $gray-fillover: var(--CDS_gray_fillover, rgba(38, 38, 38, 0.08)) !default;
90
91
 
@@ -93,7 +94,7 @@ $line-actived: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
93
94
  $line-select: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
94
95
  $line-selected: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
95
96
 
96
- $gray-click: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
97
+ $gray-click: var(--CDS_gray_fill, rgba(38, 38, 38, 0.09)) !default;
97
98
  $line-click: var(--CDS_gray_fill, rgba(38, 38, 38, 0.06)) !default;
98
99
 
99
100
  $gray-basic: var(--CDS_gray_basic, rgba(255, 255, 255, 1)) !default;
@@ -281,7 +282,7 @@ $calendar-fullscreen-table-cell-disabled-background: var(--CDS_gray_fill, rgba(3
281
282
 
282
283
  // checkbox
283
284
  $checkbox-bg-color: transparent !default;
284
- $checkbox-disabled-bg-color: var(--CDS_gray_03, rgba(38, 38, 38, 0.12)) !default;
285
+ $checkbox-disabled-bg-color: var(--CDS_gray_pale, rgba(38, 38, 38, 0.12)) !default;
285
286
 
286
287
  // ballon
287
288
  $balloon-tooltip-color-primary-bg: rgba(0, 0, 0, .9) !important !default;
@@ -294,8 +295,8 @@ $btn-warning-primary-bg-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.4)) !def
294
295
  $btn-warning-primary-color-disabled: var(--CDS_white_01, rgba(255, 255, 255, 1)) !default;
295
296
  $btn-warning-primary-border-color-disabled: transparent !default;
296
297
  $btn-pure-color-disabled: var(--CDS_white_01, rgba(255, 255, 255, 1)) !default;
297
- $btn-pure-bg-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.4)) !default;
298
- $btn-pure-border-color-disabled: var(--CDS_gray_05, rgba(38, 38, 38, 0.4)) !default;
298
+ $btn-pure-bg-disabled: var(--CDS_gray_04, rgba(38, 38, 38, 0.4)) !default;
299
+ $btn-pure-border-color-disabled: var(--CDS_gray_04, rgba(38, 38, 38, 0.4)) !default;
299
300
  // button ghost dark
300
301
  $btn-ghost-dark-bg-normal: transparent !default;
301
302
  $btn-ghost-dark-color: var(--CDS_gray_08, rgba(38, 38, 38, 1)) !default;
package/teambition-dark/css/index.css CHANGED
@@ -124,8 +124,8 @@
124
124
  --ALPHA1: 1;
125
125
  --css-prefix: next-;
126
126
  --R0: 0;
127
- --R2: 2px;
128
- --R4: 4px;
127
+ --R2: 4px;
128
+ --R4: 8px;
129
129
  --R6: 50%;
130
130
  --SH1: 0 1px 3px 0 rgba(38, 38, 38, 0.1);
131
131
  --SH2: 0 4px 16px 0 rgba(38, 38, 38, 0.12);
@@ -238,8 +238,8 @@
238
238
  --line-height-display-3: 36px;
239
239
  --line-height-display-4: 40px;
240
240
  --border-opacity: 0;
241
- --shape-radius: 4px;
242
- --shape-checkbox: 2px;
241
+ --shape-radius: 8px;
242
+ --shape-checkbox: 4px;
243
243
  --shape-circular: 50%;
244
244
  --shadow-01: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
245
245
  --shadow-02: 0 6px 18px 0 rgba(0, 0, 0, 0.4);
package/teambition-dark/js/index.js CHANGED
@@ -126,8 +126,8 @@ module.exports = {
126
126
  ALPHA1: 1,
127
127
  "css-prefix": "next-",
128
128
  R0: 0,
129
- R2: "2px",
130
- R4: "4px",
129
+ R2: "4px",
130
+ R4: "8px",
131
131
  R6: "50%",
132
132
  SH1: "0 1px 3px 0 rgba(38, 38, 38, 0.1)",
133
133
  SH2: "0 4px 16px 0 rgba(38, 38, 38, 0.12)",
@@ -240,8 +240,8 @@ module.exports = {
240
240
  "line-height-display-3": "36px",
241
241
  "line-height-display-4": "40px",
242
242
  "border-opacity": 0,
243
- "shape-radius": "4px",
244
- "shape-checkbox": "2px",
243
+ "shape-radius": "8px",
244
+ "shape-checkbox": "4px",
245
245
  "shape-circular": "50%",
246
246
  "shadow-01": "0 1px 5px 0 rgba(0, 0, 0, 0.1)",
247
247
  "shadow-02": "0 6px 18px 0 rgba(0, 0, 0, 0.4)",
package/teambition-dark/less/index.less CHANGED
@@ -123,8 +123,8 @@
123
123
  @ALPHA1: 1;
124
124
  @css-prefix: next-;
125
125
  @R0: 0;
126
- @R2: 2px;
127
- @R4: 4px;
126
+ @R2: 4px;
127
+ @R4: 8px;
128
128
  @R6: 50%;
129
129
  @SH1: 0 1px 3px 0 rgba(38, 38, 38, 0.1);
130
130
  @SH2: 0 4px 16px 0 rgba(38, 38, 38, 0.12);
@@ -237,8 +237,8 @@
237
237
  @line-height-display-3: 36px;
238
238
  @line-height-display-4: 40px;
239
239
  @border-opacity: 0;
240
- @shape-radius: 4px;
241
- @shape-checkbox: 2px;
240
+ @shape-radius: 8px;
241
+ @shape-checkbox: 4px;
242
242
  @shape-circular: 50%;
243
243
  @shadow-01: 0 1px 5px 0 rgba(0, 0, 0, 0.1);
244
244
  @shadow-02: 0 6px 18px 0 rgba(0, 0, 0, 0.4);