@alifd/chat 0.3.0-beta.7 → 0.3.0-beta.8

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 (7) hide show
  1. package/es/core/variables.scss +24 -0
  2. package/es/index.js +1 -1
  3. package/es/markdown/main.scss +42 -43
  4. package/lib/core/variables.scss +24 -0
  5. package/lib/index.js +1 -1
  6. package/lib/markdown/main.scss +42 -43
  7. package/package.json +1 -1
package/es/core/variables.scss CHANGED
@@ -5,6 +5,9 @@ $size-base: 4px !default;
5
5
  $shadow-1: 1px 1px 4px 0px rgba(0, 0, 0, 0.16) !default;
6
6
  $shadow-2: 2px 4px 16px 0px rgba(0, 0, 0, 0.12) !default;
7
7
 
8
+ $font-size-display-3: var(--font-size-display-3, 56px) !default;
9
+ $font-size-display-2: var(--font-size-display-2, 48px) !default;
10
+
8
11
  $font-size-headline: var(--font-size-headline, 24px) !default;
9
12
  $font-size-title: var(--font-size-title, 20px) !default;
10
13
  $font-size-subhead: var(--font-size-subhead, 16px) !default;
@@ -34,3 +37,24 @@ $color-line1-4: var(--color-line1-4, #a0a2ad) !default;
34
37
 
35
38
  $color-brand1-1: var(--color-brand1-1, #DEE8FF) !default;
36
39
 
40
+ $color-fill1-2: var(--color-fill1-2, #f2f3f7) !default;
41
+
42
+ $color-fill1-1: var(--color-fill1-1, #030b35) !default;
43
+
44
+ $color-data1-1: var(--color-data1-1, #DEE8FF) !default; // ??
45
+
46
+ $color-data1-2: var(--color-data1-2, #007FFF) !default; // blue
47
+
48
+ $color-data1-3: var(--color-data1-3, #B963D3) !default; // purple
49
+
50
+ $color-data1-4: var(--color-data1-4, #FF5219) !default; // red
51
+
52
+ $color-data1-5: var(--color-data1-5, #FF9200) !default; // orange
53
+
54
+ $color-data1-6: var(--color-data1-6, #F4C800) !default; // yellow
55
+
56
+ $color-data1-7: var(--color-data1-7, #77912b) !default; // ?
57
+
58
+ $color-data1-8: var(--color-data1-8, #4fae51) !default; // water
59
+
60
+ $color-data1-9: var(--color-data1-9, #da5388) !default; // ?
package/es/index.js CHANGED
@@ -19,4 +19,4 @@ export { default as Markdown } from './markdown';
19
19
  export { default as CardLoading } from './card-loading';
20
20
  export { default as Origin } from './origin';
21
21
  export { default as Loading } from './loading';
22
- export const version = '0.3.0-beta.7';
22
+ export const version = '0.3.0-beta.8';
package/es/markdown/main.scss CHANGED
@@ -106,50 +106,49 @@ $subTextColor: $color-text1-2;
106
106
  background-color: #d2d2d2;
107
107
  }
108
108
 
109
+ //https://done.alibaba-inc.com/dsm/16247/theme/style/font?type=theme&themeid=126576
109
110
  :root {
110
- --common_hypertitle_text_style__font_size: 64px;
111
- --common_largetitle_text_style__font_size: 32px;
112
- --common_h1_text_style__font_size: 24px;
113
- --common_h2_text_style__font_size: 20px;
111
+ --common_hypertitle_text_style__font_size: #{$font-size-display-3};
112
+ --common_largetitle_text_style__font_size: #{$font-size-display-2};
113
+
114
+ --common_h1_text_style__font_size: #{$font-size-headline};
115
+ --common_h2_text_style__font_size: #{$font-size-title};
114
116
  --common_h3_text_style__font_size: 18px;
115
- --common_h4_text_style__font_size: 16px;
117
+ --common_h4_text_style__font_size: #{$font-size-subhead};
116
118
  --common_h5_text_style__font_size: 15px;
117
- --common_body_text_style__font_size: 14px;
118
- --common_footnote_text_style__font_size: 12px;
119
-
120
- --common_yellow1_color: #e5c442;
121
- --common_orange1_color: #f1a13b;
122
- --common_red1_color: #ec6033;
123
- --common_pink1_color: #da5388;
124
- --common_purple1_color: #af68cd;
125
- --common_blue1_color: #387df6;
126
- --common_water1_color: #79c6f5;
127
- --common_olive1_color: #77912b;
128
- --common_green1_color: #4fae51;
129
- --common_level1_base_color: #1a1a1f;
130
- --common_level2_base_color: #777578;
131
- --common_level3_base_color: #a2a3a5;
132
- --common_level4_base_color: #c8c8c9;
133
- --common_gray1_color: #888f94;
134
- --common_gray2_color: #abafb3;
135
- --common_gray3_color: #c4c7ca;
136
- --common_gray4_color: #696969;
137
- --common_gray5_color: #e5e6e8;
138
- --common_gray6_color: #f0f1f2;
119
+ --common_body_text_style__font_size: #{$font-size-body-2};
120
+ --common_footnote_text_style__font_size: #{$font-size-body-1};
121
+
122
+ // --common_h1_text_style__font_size: #{$s-6;
123
+ // --common_h2_text_style__font_size: 20px;
124
+ // --common_h3_text_style__font_size: 18px;
125
+ // --common_h4_text_style__font_size: 16px;
126
+ // --common_h5_text_style__font_size: 15px;
127
+ // --common_body_text_style__font_size: 14px;
128
+ // --common_footnote_text_style__font_size: 12px;
129
+
130
+ --common_yellow1_color: #{$color-data1-6}; // #F4C800
131
+ --common_orange1_color: #{$color-data1-5}; // #FF9200
132
+ --common_red1_color: #{$color-data1-4}; // #FF5219
133
+ --common_pink1_color: #da5388; //
134
+ --common_purple1_color: #{$color-data1-3}; // #B963D3
135
+ --common_blue1_color: #{$color-data1-2}; // #007FFF
136
+
137
+ --common_water1_color: #{$color-data1-8}; //浅蓝 #5AC8FA
138
+ --common_olive1_color: #77912b; // #6F9200 通用草绿色
139
+ --common_green1_color: #4fae51; // #00B042 通用绿色
140
+
141
+ --common_level1_base_color: #{$color-text1-4};
142
+ --common_level2_base_color: #{$color-text1-3};
143
+ --common_level3_base_color: #{$color-text1-2};
144
+ --common_level4_base_color: #{$color-text1-1};
145
+
146
+ --common_gray1_color: #{$color-line1-1};
147
+ --common_gray2_color: #{$color-line1-2};
148
+ --common_gray3_color: #{$color-line1-3};
149
+ --common_gray4_color: #{$color-line1-4};
150
+
151
+ --common_gray5_color: #{$color-fill1-2};
152
+ --common_gray6_color: #{$color-fill1-1};
139
153
  }
140
-
141
- //暗黑模式的变量设置
142
- @media (prefers-color-scheme: dark), (min-width: 0px) {
143
- :root {
144
- --common_level4_base_color:#47484a;
145
- --common_gray1_color:#bebebe;
146
- --common_gray2_color:#646464;
147
- --common_gray3_color:#4b4b4b;
148
- --common_gray4_color:#3a3a3a;
149
- --common_gray5_color:#2c2c2c;
150
- --common_gray6_color:#1e1e1e;
151
- --common_level1_base_color:#D1D1D1;
152
- --common_level2_base_color: #8C8C8D;
153
- --common_level3_base_color:#757577;
154
- }
155
- }
154
+
package/lib/core/variables.scss CHANGED
@@ -5,6 +5,9 @@ $size-base: 4px !default;
5
5
  $shadow-1: 1px 1px 4px 0px rgba(0, 0, 0, 0.16) !default;
6
6
  $shadow-2: 2px 4px 16px 0px rgba(0, 0, 0, 0.12) !default;
7
7
 
8
+ $font-size-display-3: var(--font-size-display-3, 56px) !default;
9
+ $font-size-display-2: var(--font-size-display-2, 48px) !default;
10
+
8
11
  $font-size-headline: var(--font-size-headline, 24px) !default;
9
12
  $font-size-title: var(--font-size-title, 20px) !default;
10
13
  $font-size-subhead: var(--font-size-subhead, 16px) !default;
@@ -34,3 +37,24 @@ $color-line1-4: var(--color-line1-4, #a0a2ad) !default;
34
37
 
35
38
  $color-brand1-1: var(--color-brand1-1, #DEE8FF) !default;
36
39
 
40
+ $color-fill1-2: var(--color-fill1-2, #f2f3f7) !default;
41
+
42
+ $color-fill1-1: var(--color-fill1-1, #030b35) !default;
43
+
44
+ $color-data1-1: var(--color-data1-1, #DEE8FF) !default; // ??
45
+
46
+ $color-data1-2: var(--color-data1-2, #007FFF) !default; // blue
47
+
48
+ $color-data1-3: var(--color-data1-3, #B963D3) !default; // purple
49
+
50
+ $color-data1-4: var(--color-data1-4, #FF5219) !default; // red
51
+
52
+ $color-data1-5: var(--color-data1-5, #FF9200) !default; // orange
53
+
54
+ $color-data1-6: var(--color-data1-6, #F4C800) !default; // yellow
55
+
56
+ $color-data1-7: var(--color-data1-7, #77912b) !default; // ?
57
+
58
+ $color-data1-8: var(--color-data1-8, #4fae51) !default; // water
59
+
60
+ $color-data1-9: var(--color-data1-9, #da5388) !default; // ?
package/lib/index.js CHANGED
@@ -44,4 +44,4 @@ var origin_1 = require("./origin");
44
44
  Object.defineProperty(exports, "Origin", { enumerable: true, get: function () { return tslib_1.__importDefault(origin_1).default; } });
45
45
  var loading_1 = require("./loading");
46
46
  Object.defineProperty(exports, "Loading", { enumerable: true, get: function () { return tslib_1.__importDefault(loading_1).default; } });
47
- exports.version = '0.3.0-beta.7';
47
+ exports.version = '0.3.0-beta.8';
package/lib/markdown/main.scss CHANGED
@@ -106,50 +106,49 @@ $subTextColor: $color-text1-2;
106
106
  background-color: #d2d2d2;
107
107
  }
108
108
 
109
+ //https://done.alibaba-inc.com/dsm/16247/theme/style/font?type=theme&themeid=126576
109
110
  :root {
110
- --common_hypertitle_text_style__font_size: 64px;
111
- --common_largetitle_text_style__font_size: 32px;
112
- --common_h1_text_style__font_size: 24px;
113
- --common_h2_text_style__font_size: 20px;
111
+ --common_hypertitle_text_style__font_size: #{$font-size-display-3};
112
+ --common_largetitle_text_style__font_size: #{$font-size-display-2};
113
+
114
+ --common_h1_text_style__font_size: #{$font-size-headline};
115
+ --common_h2_text_style__font_size: #{$font-size-title};
114
116
  --common_h3_text_style__font_size: 18px;
115
- --common_h4_text_style__font_size: 16px;
117
+ --common_h4_text_style__font_size: #{$font-size-subhead};
116
118
  --common_h5_text_style__font_size: 15px;
117
- --common_body_text_style__font_size: 14px;
118
- --common_footnote_text_style__font_size: 12px;
119
-
120
- --common_yellow1_color: #e5c442;
121
- --common_orange1_color: #f1a13b;
122
- --common_red1_color: #ec6033;
123
- --common_pink1_color: #da5388;
124
- --common_purple1_color: #af68cd;
125
- --common_blue1_color: #387df6;
126
- --common_water1_color: #79c6f5;
127
- --common_olive1_color: #77912b;
128
- --common_green1_color: #4fae51;
129
- --common_level1_base_color: #1a1a1f;
130
- --common_level2_base_color: #777578;
131
- --common_level3_base_color: #a2a3a5;
132
- --common_level4_base_color: #c8c8c9;
133
- --common_gray1_color: #888f94;
134
- --common_gray2_color: #abafb3;
135
- --common_gray3_color: #c4c7ca;
136
- --common_gray4_color: #696969;
137
- --common_gray5_color: #e5e6e8;
138
- --common_gray6_color: #f0f1f2;
119
+ --common_body_text_style__font_size: #{$font-size-body-2};
120
+ --common_footnote_text_style__font_size: #{$font-size-body-1};
121
+
122
+ // --common_h1_text_style__font_size: #{$s-6;
123
+ // --common_h2_text_style__font_size: 20px;
124
+ // --common_h3_text_style__font_size: 18px;
125
+ // --common_h4_text_style__font_size: 16px;
126
+ // --common_h5_text_style__font_size: 15px;
127
+ // --common_body_text_style__font_size: 14px;
128
+ // --common_footnote_text_style__font_size: 12px;
129
+
130
+ --common_yellow1_color: #{$color-data1-6}; // #F4C800
131
+ --common_orange1_color: #{$color-data1-5}; // #FF9200
132
+ --common_red1_color: #{$color-data1-4}; // #FF5219
133
+ --common_pink1_color: #da5388; //
134
+ --common_purple1_color: #{$color-data1-3}; // #B963D3
135
+ --common_blue1_color: #{$color-data1-2}; // #007FFF
136
+
137
+ --common_water1_color: #{$color-data1-8}; //浅蓝 #5AC8FA
138
+ --common_olive1_color: #77912b; // #6F9200 通用草绿色
139
+ --common_green1_color: #4fae51; // #00B042 通用绿色
140
+
141
+ --common_level1_base_color: #{$color-text1-4};
142
+ --common_level2_base_color: #{$color-text1-3};
143
+ --common_level3_base_color: #{$color-text1-2};
144
+ --common_level4_base_color: #{$color-text1-1};
145
+
146
+ --common_gray1_color: #{$color-line1-1};
147
+ --common_gray2_color: #{$color-line1-2};
148
+ --common_gray3_color: #{$color-line1-3};
149
+ --common_gray4_color: #{$color-line1-4};
150
+
151
+ --common_gray5_color: #{$color-fill1-2};
152
+ --common_gray6_color: #{$color-fill1-1};
139
153
  }
140
-
141
- //暗黑模式的变量设置
142
- @media (prefers-color-scheme: dark), (min-width: 0px) {
143
- :root {
144
- --common_level4_base_color:#47484a;
145
- --common_gray1_color:#bebebe;
146
- --common_gray2_color:#646464;
147
- --common_gray3_color:#4b4b4b;
148
- --common_gray4_color:#3a3a3a;
149
- --common_gray5_color:#2c2c2c;
150
- --common_gray6_color:#1e1e1e;
151
- --common_level1_base_color:#D1D1D1;
152
- --common_level2_base_color: #8C8C8D;
153
- --common_level3_base_color:#757577;
154
- }
155
- }
154
+
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alifd/chat",
3
- "version": "0.3.0-beta.7",
3
+ "version": "0.3.0-beta.8",
4
4
  "description": "A configurable component library for chat built on React.",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",