@txdfe/at-theme 2.0.0-compatiable.1 → 2.0.0-compatiable.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 (5) hide show
  1. package/package.json +1 -1
  2. package/teambition/css/index.css +20 -14
  3. package/teambition/js/index.js +20 -14
  4. package/teambition/less/index.less +20 -14
  5. package/teambition/scss/variables/color.scss +22 -14
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@txdfe/at-theme",
3
- "version": "2.0.0-compatiable.1",
3
+ "version": "2.0.0-compatiable.2",
4
4
  "description": "at主题包",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1",
package/teambition/css/index.css CHANGED
@@ -245,13 +245,6 @@
245
245
  --hover-turquoise: #008086;
246
246
  --black: #000000;
247
247
  --white: #ffffff;
248
- --white-01: #ffffff;
249
- --white-02: rgba(255, 255, 255, 0.72);
250
- --white-03: rgba(255, 255, 255, 0.36);
251
- --white-04: rgba(255, 255, 255, 0.18);
252
- --white-05: rgba(255, 255, 255, 0.08);
253
- --black-01: #000000;
254
- --black-02: #44474b;
255
248
  --data-orange: #fab34f;
256
249
  --data-red: #ff656b;
257
250
  --data-green: #4ad051;
@@ -267,29 +260,42 @@
267
260
  --ph-sky: #29b3f0;
268
261
  --ph-blue: #3885ea;
269
262
  --gray-fill: #f7f7f7;
270
- --line-hover: #f7f7f7;
263
+ --line-hover: rgba(38, 38, 38, 0.05);
271
264
  --gray-filled: #f7f7f7;
272
- --line-actived: #f7f7f7;
273
- --line-select: #f7f7f7;
274
- --line-selected: #f7f7f7;
275
- --gray-click: #f7f7f7;
276
- --line-click: #f7f7f7;
265
+ --line-actived: rgba(38, 38, 38, 0.06);
266
+ --line-select: rgba(38, 38, 38, 0.06);
267
+ --line-selected: rgba(38, 38, 38, 0.06);
268
+ --gray-click: rgba(38, 38, 38, 0.06);
269
+ --line-click: rgba(38, 38, 38, 0.06);
277
270
  --gray-basic: #ffffff;
278
271
  --basic: #ffffff;
279
272
  --basic-fg: #ffffff;
273
+ --basic-bg: #ffffff;
280
274
  --line-color: #ffffff;
281
275
  --gray-modal: #ffffff;
282
276
  --modal-color: #ffffff;
283
277
  --gray-popover: #ffffff;
284
278
  --popover-color: #ffffff;
285
279
  --background-base: #ffffff;
286
- --cell-line-hover: #f7f7f7;
280
+ --cell-line-hover: rgba(38, 38, 38, 0.06);
287
281
  --cell-line-active: #f0f0f0;
282
+ --white-01: #ffffff;
283
+ --white-02: rgba(255, 255, 255, 0.72);
284
+ --white-03: rgba(255, 255, 255, 0.36);
285
+ --white-04: rgba(255, 255, 255, 0.18);
286
+ --white-05: rgba(255, 255, 255, 0.08);
287
+ --black-01: #000000;
288
+ --black-02: #44474b;
288
289
  --shadow-00: 0px 1px 4px 0px rgba(38, 38, 38, 0.4);
289
290
  --shadow-01: 0px 1px 5px 0px rgba(38, 38, 38, 0.1);
290
291
  --shadow-02: 0px 1px 5px 0px rgba(38, 38, 38, 0.1);
291
292
  --shadow-03: 0px 10px 32px 0px rgba(38, 38, 38, 0.18);
292
293
  --shadow-04: 0px 12px 42px 0px rgba(38, 38, 38, 0.24);
294
+ --shadow-color-00: rgba(38, 38, 38, 0.4);
295
+ --shadow-color-01: rgba(38, 38, 38, 0.1);
296
+ --shadow-color-02: rgba(38, 38, 38, 0.14);
297
+ --shadow-color-03: rgba(38, 38, 38, 0.18);
298
+ --shadow-color-04: rgba(38, 38, 38, 0.24);
293
299
  --font-size-caption: 12px;
294
300
  --font-size-body: 14px;
295
301
  --font-size-subhead: 14px;
package/teambition/js/index.js CHANGED
@@ -247,13 +247,6 @@ module.exports = {
247
247
  "hover-turquoise": "#008086",
248
248
  black: "#000000",
249
249
  white: "#ffffff",
250
- "white-01": "#ffffff",
251
- "white-02": "rgba(255, 255, 255, 0.72)",
252
- "white-03": "rgba(255, 255, 255, 0.36)",
253
- "white-04": "rgba(255, 255, 255, 0.18)",
254
- "white-05": "rgba(255, 255, 255, 0.08)",
255
- "black-01": "#000000",
256
- "black-02": "#44474b",
257
250
  "data-orange": "#fab34f",
258
251
  "data-red": "#ff656b",
259
252
  "data-green": "#4ad051",
@@ -269,29 +262,42 @@ module.exports = {
269
262
  "ph-sky": "#29b3f0",
270
263
  "ph-blue": "#3885ea",
271
264
  "gray-fill": "#f7f7f7",
272
- "line-hover": "#f7f7f7",
265
+ "line-hover": "rgba(38, 38, 38, 0.05)",
273
266
  "gray-filled": "#f7f7f7",
274
- "line-actived": "#f7f7f7",
275
- "line-select": "#f7f7f7",
276
- "line-selected": "#f7f7f7",
277
- "gray-click": "#f7f7f7",
278
- "line-click": "#f7f7f7",
267
+ "line-actived": "rgba(38, 38, 38, 0.06)",
268
+ "line-select": "rgba(38, 38, 38, 0.06)",
269
+ "line-selected": "rgba(38, 38, 38, 0.06)",
270
+ "gray-click": "rgba(38, 38, 38, 0.06)",
271
+ "line-click": "rgba(38, 38, 38, 0.06)",
279
272
  "gray-basic": "#ffffff",
280
273
  basic: "#ffffff",
281
274
  "basic-fg": "#ffffff",
275
+ "basic-bg": "#ffffff",
282
276
  "line-color": "#ffffff",
283
277
  "gray-modal": "#ffffff",
284
278
  "modal-color": "#ffffff",
285
279
  "gray-popover": "#ffffff",
286
280
  "popover-color": "#ffffff",
287
281
  "background-base": "#ffffff",
288
- "cell-line-hover": "#f7f7f7",
282
+ "cell-line-hover": "rgba(38, 38, 38, 0.06)",
289
283
  "cell-line-active": "#f0f0f0",
284
+ "white-01": "#ffffff",
285
+ "white-02": "rgba(255, 255, 255, 0.72)",
286
+ "white-03": "rgba(255, 255, 255, 0.36)",
287
+ "white-04": "rgba(255, 255, 255, 0.18)",
288
+ "white-05": "rgba(255, 255, 255, 0.08)",
289
+ "black-01": "#000000",
290
+ "black-02": "#44474b",
290
291
  "shadow-00": "0px 1px 4px 0px rgba(38, 38, 38, 0.4)",
291
292
  "shadow-01": "0px 1px 5px 0px rgba(38, 38, 38, 0.1)",
292
293
  "shadow-02": "0px 1px 5px 0px rgba(38, 38, 38, 0.1)",
293
294
  "shadow-03": "0px 10px 32px 0px rgba(38, 38, 38, 0.18)",
294
295
  "shadow-04": "0px 12px 42px 0px rgba(38, 38, 38, 0.24)",
296
+ "shadow-color-00": "rgba(38, 38, 38, 0.4)",
297
+ "shadow-color-01": "rgba(38, 38, 38, 0.1)",
298
+ "shadow-color-02": "rgba(38, 38, 38, 0.14)",
299
+ "shadow-color-03": "rgba(38, 38, 38, 0.18)",
300
+ "shadow-color-04": "rgba(38, 38, 38, 0.24)",
295
301
  "font-size-caption": "12px",
296
302
  "font-size-body": "14px",
297
303
  "font-size-subhead": "14px",
package/teambition/less/index.less CHANGED
@@ -244,13 +244,6 @@
244
244
  @hover-turquoise: #008086;
245
245
  @black: #000000;
246
246
  @white: #ffffff;
247
- @white-01: #ffffff;
248
- @white-02: rgba(255, 255, 255, 0.72);
249
- @white-03: rgba(255, 255, 255, 0.36);
250
- @white-04: rgba(255, 255, 255, 0.18);
251
- @white-05: rgba(255, 255, 255, 0.08);
252
- @black-01: #000000;
253
- @black-02: #44474b;
254
247
  @data-orange: #fab34f;
255
248
  @data-red: #ff656b;
256
249
  @data-green: #4ad051;
@@ -266,29 +259,42 @@
266
259
  @ph-sky: #29b3f0;
267
260
  @ph-blue: #3885ea;
268
261
  @gray-fill: #f7f7f7;
269
- @line-hover: #f7f7f7;
262
+ @line-hover: rgba(38, 38, 38, 0.05);
270
263
  @gray-filled: #f7f7f7;
271
- @line-actived: #f7f7f7;
272
- @line-select: #f7f7f7;
273
- @line-selected: #f7f7f7;
274
- @gray-click: #f7f7f7;
275
- @line-click: #f7f7f7;
264
+ @line-actived: rgba(38, 38, 38, 0.06);
265
+ @line-select: rgba(38, 38, 38, 0.06);
266
+ @line-selected: rgba(38, 38, 38, 0.06);
267
+ @gray-click: rgba(38, 38, 38, 0.06);
268
+ @line-click: rgba(38, 38, 38, 0.06);
276
269
  @gray-basic: #ffffff;
277
270
  @basic: #ffffff;
278
271
  @basic-fg: #ffffff;
272
+ @basic-bg: #ffffff;
279
273
  @line-color: #ffffff;
280
274
  @gray-modal: #ffffff;
281
275
  @modal-color: #ffffff;
282
276
  @gray-popover: #ffffff;
283
277
  @popover-color: #ffffff;
284
278
  @background-base: #ffffff;
285
- @cell-line-hover: #f7f7f7;
279
+ @cell-line-hover: rgba(38, 38, 38, 0.06);
286
280
  @cell-line-active: #f0f0f0;
281
+ @white-01: #ffffff;
282
+ @white-02: rgba(255, 255, 255, 0.72);
283
+ @white-03: rgba(255, 255, 255, 0.36);
284
+ @white-04: rgba(255, 255, 255, 0.18);
285
+ @white-05: rgba(255, 255, 255, 0.08);
286
+ @black-01: #000000;
287
+ @black-02: #44474b;
287
288
  @shadow-00: 0px 1px 4px 0px rgba(38, 38, 38, 0.4);
288
289
  @shadow-01: 0px 1px 5px 0px rgba(38, 38, 38, 0.1);
289
290
  @shadow-02: 0px 1px 5px 0px rgba(38, 38, 38, 0.1);
290
291
  @shadow-03: 0px 10px 32px 0px rgba(38, 38, 38, 0.18);
291
292
  @shadow-04: 0px 12px 42px 0px rgba(38, 38, 38, 0.24);
293
+ @shadow-color-00: rgba(38, 38, 38, 0.4);
294
+ @shadow-color-01: rgba(38, 38, 38, 0.1);
295
+ @shadow-color-02: rgba(38, 38, 38, 0.14);
296
+ @shadow-color-03: rgba(38, 38, 38, 0.18);
297
+ @shadow-color-04: rgba(38, 38, 38, 0.24);
292
298
  @font-size-caption: 12px;
293
299
  @font-size-body: 14px;
294
300
  @font-size-subhead: 14px;
package/teambition/scss/variables/color.scss CHANGED
@@ -97,13 +97,6 @@ $primary-turquoise: #009c95 !default;
97
97
  $hover-turquoise: #008086 !default;
98
98
  $black: #000000 !default;
99
99
  $white: #ffffff !default;
100
- $white-01: #ffffff !default;
101
- $white-02: rgba(255, 255, 255, 0.72) !default;
102
- $white-03: rgba(255, 255, 255, 0.36) !default;
103
- $white-04: rgba(255, 255, 255, 0.18) !default;
104
- $white-05: rgba(255, 255, 255, 0.08) !default;
105
- $black-01: #000000 !default;
106
- $black-02: #44474b !default;
107
100
  $data-orange: #fab34f !default;
108
101
  $data-red: #ff656b !default;
109
102
  $data-green: #4ad051 !default;
@@ -119,27 +112,42 @@ $ph-olive: #cbd057 !default;
119
112
  $ph-sky: #29b3f0 !default;
120
113
  $ph-blue: #3885ea !default;
121
114
  $gray-fill: #f7f7f7 !default;
122
- $line-hover: #f7f7f7 !default;
115
+ $line-hover: rgba(38, 38, 38, 0.05) !default;
123
116
  $gray-filled: #f7f7f7 !default;
124
- $line-actived: #f7f7f7 !default;
125
- $line-select: #f7f7f7 !default;
126
- $line-selected: #f7f7f7 !default;
127
- $gray-click: #f7f7f7 !default;
128
- $line-click: #f7f7f7 !default;
117
+ $line-actived: rgba(38, 38, 38, 0.06) !default;
118
+ $line-select: rgba(38, 38, 38, 0.06) !default;
119
+ $line-selected: rgba(38, 38, 38, 0.06) !default;
120
+ $gray-click: rgba(38, 38, 38, 0.06) !default;
121
+ $line-click: rgba(38, 38, 38, 0.06) !default;
129
122
  $gray-basic: #fff !default;
130
123
  $basic: #fff !default;
131
124
  $basic-fg: #fff !default;
125
+ $basic-bg: #fff !default;
132
126
  $line-color: #fff !default;
133
127
  $gray-modal: #fff !default;
134
128
  $modal-color: #fff !default;
135
129
  $gray-popover: #fff !default;
136
130
  $popover-color: #fff !default;
137
131
  $background-base: #fff !default;
138
- $cell-line-hover: #f7f7f7 !default;
132
+ $cell-line-hover: rgba(38, 38, 38, 0.06) !default;
139
133
  $cell-line-active: $G20 !default;
140
134
 
135
+ $white-01: rgba(255, 255, 255, 1) !default;
136
+ $white-02: rgba(255, 255, 255, 0.72) !default;
137
+ $white-03: rgba(255, 255, 255, 0.36) !default;
138
+ $white-04: rgba(255, 255, 255, 0.18) !default;
139
+ $white-05: rgba(255, 255, 255, 0.08) !default;
140
+ $black-01: rgba(0, 0, 0, 1) !default;
141
+ $black-02: rgba(68, 71, 75, 1) !default;
142
+
141
143
  $shadow-00: 0px 1px 4px 0px rgba(38, 38, 38, 0.4) !default;
142
144
  $shadow-01: 0px 1px 5px 0px rgba(38, 38, 38, 0.1) !default;
143
145
  $shadow-02: 0px 1px 5px 0px rgba(38, 38, 38, 0.1) !default;
144
146
  $shadow-03: 0px 10px 32px 0px rgba(38, 38, 38, 0.18) !default;
145
147
  $shadow-04: 0px 12px 42px 0px rgba(38, 38, 38, 0.24) !default;
148
+
149
+ $shadow-color-00: rgba(38, 38, 38, 0.4) !default;
150
+ $shadow-color-01: rgba(38, 38, 38, 0.1) !default;
151
+ $shadow-color-02: rgba(38, 38, 38, 0.14) !default;
152
+ $shadow-color-03: rgba(38, 38, 38, 0.18) !default;
153
+ $shadow-color-04: rgba(38, 38, 38, 0.24) !default;