@aloudata/aloudata-design 0.2.0-beta.5 → 0.2.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 (141) hide show
  1. package/es/Button/index.d.ts +0 -1
  2. package/es/Button/index.js +0 -1
  3. package/es/Button/style/index.js +1 -1
  4. package/es/Button/style/index.less +265 -0
  5. package/es/Dropdown/Button.d.ts +0 -1
  6. package/es/Dropdown/Button.js +0 -1
  7. package/es/Dropdown/index.d.ts +0 -1
  8. package/es/Dropdown/index.js +0 -1
  9. package/es/Dropdown/style/index.js +1 -1
  10. package/es/Dropdown/style/index.less +40 -0
  11. package/es/Empty/index.d.ts +0 -1
  12. package/es/Empty/index.js +0 -1
  13. package/es/Empty/style/index.js +1 -1
  14. package/es/Empty/style/index.less +24 -0
  15. package/es/Icon/index.js +3 -1
  16. package/es/Icon/index.less +32 -0
  17. package/es/Input/index.d.ts +0 -1
  18. package/es/Input/index.js +1 -2
  19. package/es/Input/style/index.js +1 -1
  20. package/es/Input/style/index.less +67 -0
  21. package/es/Menu/Divider.d.ts +0 -1
  22. package/es/Menu/Divider.js +0 -1
  23. package/es/Menu/MenuItem.d.ts +0 -1
  24. package/es/Menu/MenuItem.js +0 -1
  25. package/es/Menu/SubMenu.d.ts +0 -1
  26. package/es/Menu/SubMenu.js +0 -1
  27. package/es/Menu/index.d.ts +0 -1
  28. package/es/Menu/index.js +0 -1
  29. package/es/Menu/style/index.js +1 -1
  30. package/es/Menu/style/index.less +37 -0
  31. package/es/Navigator/index.d.ts +0 -1
  32. package/es/Navigator/index.js +0 -1
  33. package/es/Navigator/style/index.js +1 -1
  34. package/es/Navigator/style/index.less +228 -0
  35. package/es/Select/Selector/index.js +1 -1
  36. package/es/Select/index.d.ts +0 -1
  37. package/es/Select/index.js +0 -1
  38. package/es/Select/style/index.js +1 -1
  39. package/es/Select/style/index.less +532 -0
  40. package/es/Table/index.d.ts +0 -1
  41. package/es/Table/index.js +0 -1
  42. package/es/Table/style/index.js +1 -1
  43. package/es/Table/style/index.less +149 -0
  44. package/es/Tabs/index.d.ts +0 -1
  45. package/es/Tabs/index.js +0 -1
  46. package/es/Tabs/style/index.js +1 -1
  47. package/es/Tabs/style/index.less +61 -0
  48. package/es/Tooltip/index.d.ts +0 -1
  49. package/es/Tooltip/index.js +0 -1
  50. package/es/Tooltip/style/index.js +1 -1
  51. package/es/Tooltip/style/index.less +14 -0
  52. package/es/style/index.js +1 -1
  53. package/es/style/index.less +3 -0
  54. package/es/style/mixins/{index.css → index.less} +0 -0
  55. package/es/style/themes/default/index.less +36 -0
  56. package/es/style/themes/default/themeColor.module.less +259 -0
  57. package/lib/Button/index.d.ts +0 -1
  58. package/lib/Button/index.js +0 -2
  59. package/lib/Button/style/index.js +1 -1
  60. package/lib/Button/style/index.less +265 -0
  61. package/lib/Dropdown/Button.d.ts +0 -1
  62. package/lib/Dropdown/Button.js +0 -2
  63. package/lib/Dropdown/index.d.ts +0 -1
  64. package/lib/Dropdown/index.js +0 -2
  65. package/lib/Dropdown/style/index.js +1 -1
  66. package/lib/Dropdown/style/index.less +40 -0
  67. package/lib/Empty/index.d.ts +0 -1
  68. package/lib/Empty/index.js +0 -2
  69. package/lib/Empty/style/index.js +1 -1
  70. package/lib/Empty/style/index.less +24 -0
  71. package/lib/Icon/index.js +5 -3
  72. package/lib/Icon/index.less +32 -0
  73. package/lib/Input/index.d.ts +0 -1
  74. package/lib/Input/index.js +0 -2
  75. package/lib/Input/style/index.js +1 -1
  76. package/lib/Input/style/index.less +67 -0
  77. package/lib/Menu/Divider.d.ts +0 -1
  78. package/lib/Menu/Divider.js +0 -2
  79. package/lib/Menu/MenuItem.d.ts +0 -1
  80. package/lib/Menu/MenuItem.js +0 -2
  81. package/lib/Menu/SubMenu.d.ts +0 -1
  82. package/lib/Menu/SubMenu.js +0 -2
  83. package/lib/Menu/index.d.ts +0 -1
  84. package/lib/Menu/index.js +0 -2
  85. package/lib/Menu/style/index.js +1 -1
  86. package/lib/Menu/style/index.less +37 -0
  87. package/lib/Navigator/index.d.ts +0 -1
  88. package/lib/Navigator/index.js +0 -2
  89. package/lib/Navigator/style/index.js +1 -1
  90. package/lib/Navigator/style/index.less +228 -0
  91. package/lib/Select/Selector/index.js +1 -1
  92. package/lib/Select/index.d.ts +0 -1
  93. package/lib/Select/index.js +0 -2
  94. package/lib/Select/style/index.js +1 -1
  95. package/lib/Select/style/index.less +532 -0
  96. package/lib/Table/index.d.ts +0 -1
  97. package/lib/Table/index.js +0 -2
  98. package/lib/Table/style/index.js +1 -1
  99. package/lib/Table/style/index.less +149 -0
  100. package/lib/Tabs/index.d.ts +0 -1
  101. package/lib/Tabs/index.js +0 -2
  102. package/lib/Tabs/style/index.js +1 -1
  103. package/lib/Tabs/style/index.less +61 -0
  104. package/lib/Tooltip/index.d.ts +0 -1
  105. package/lib/Tooltip/index.js +0 -2
  106. package/lib/Tooltip/style/index.js +1 -1
  107. package/lib/Tooltip/style/index.less +14 -0
  108. package/lib/style/index.js +1 -1
  109. package/lib/style/index.less +3 -0
  110. package/lib/style/mixins/{index.css → index.less} +0 -0
  111. package/lib/style/themes/default/index.less +36 -0
  112. package/lib/style/themes/default/themeColor.module.less +259 -0
  113. package/package.json +11 -2
  114. package/es/Button/style/index.css +0 -374
  115. package/es/Dropdown/style/index.css +0 -178
  116. package/es/Empty/style/index.css +0 -162
  117. package/es/Icon/index.css +0 -8
  118. package/es/Input/style/index.css +0 -215
  119. package/es/Menu/style/index.css +0 -208
  120. package/es/Navigator/style/index.css +0 -328
  121. package/es/Select/style/index.css +0 -493
  122. package/es/Table/style/index.css +0 -248
  123. package/es/Tabs/style/index.css +0 -194
  124. package/es/Tooltip/style/index.css +0 -154
  125. package/es/style/index.css +0 -145
  126. package/es/style/themes/default/index.css +0 -145
  127. package/es/style/themes/default/themeColor.module.css +0 -145
  128. package/lib/Button/style/index.css +0 -374
  129. package/lib/Dropdown/style/index.css +0 -178
  130. package/lib/Empty/style/index.css +0 -162
  131. package/lib/Icon/index.css +0 -8
  132. package/lib/Input/style/index.css +0 -215
  133. package/lib/Menu/style/index.css +0 -208
  134. package/lib/Navigator/style/index.css +0 -328
  135. package/lib/Select/style/index.css +0 -493
  136. package/lib/Table/style/index.css +0 -248
  137. package/lib/Tabs/style/index.css +0 -194
  138. package/lib/Tooltip/style/index.css +0 -154
  139. package/lib/style/index.css +0 -145
  140. package/lib/style/themes/default/index.css +0 -145
  141. package/lib/style/themes/default/themeColor.module.css +0 -145
@@ -1,145 +0,0 @@
1
- /**
2
- *中性浅色背景 Neutral Light
3
- * 主要用于文字颜色
4
- **/
5
- /**
6
- *中性深色背景 Neutral Dark
7
- * 主要用于文字颜色
8
- **/
9
- /**
10
- * 品牌色 Brand
11
- * 用作主操作强调、文字链、品牌传递
12
- **/
13
- /**
14
- * 辅助A Secondary A
15
- * 表达完成、成功
16
- **/
17
- /**
18
- * 辅助B Secondary B
19
- * 表达提醒、警告
20
- **/
21
- /**
22
- * 辅助C Secondary C
23
- * 表达错误、失败
24
- **/
25
- /**
26
- * 背景色 Background
27
- * 主要用于背景色
28
- **/
29
- /**
30
- * 品牌背景 Brand Background
31
- * 品牌色衍生灰调背景
32
- **/
33
- /***
34
- * 黑白
35
- ***/
36
- /***
37
- * 图片
38
- ***/
39
- /***
40
- * 投影
41
- ***/
42
- :export {
43
- NL0: #121212;
44
- NL97: rgba(18, 18, 18, 0.03);
45
- NL95: rgba(18, 18, 18, 0.05);
46
- NL90: rgba(18, 18, 18, 0.1);
47
- NL80: rgba(18, 18, 18, 0.2);
48
- NL70: rgba(18, 18, 18, 0.3);
49
- NL60: rgba(18, 18, 18, 0.4);
50
- NL50: rgba(18, 18, 18, 0.5);
51
- NL40: rgba(18, 18, 18, 0.6);
52
- NL30: rgba(18, 18, 18, 0.7);
53
- NL20: rgba(18, 18, 18, 0.8);
54
- NL10: rgba(18, 18, 18, 0.9);
55
- ND0: #FFFFFF;
56
- ND97: rgba(255, 255, 255, 0.03);
57
- ND95: rgba(255, 255, 255, 0.05);
58
- ND90: rgba(255, 255, 255, 0.1);
59
- ND80: rgba(255, 255, 255, 0.2);
60
- ND70: rgba(255, 255, 255, 0.3);
61
- ND60: rgba(255, 255, 255, 0.4);
62
- ND50: rgba(255, 255, 255, 0.5);
63
- ND40: rgba(255, 255, 255, 0.6);
64
- ND30: rgba(255, 255, 255, 0.7);
65
- ND20: rgba(255, 255, 255, 0.8);
66
- ND10: rgba(255, 255, 255, 0.9);
67
- B10: #00127B;
68
- B20: #1029BC;
69
- B30: #2944D7;
70
- B40: #435CF0;
71
- B50: #6077FF;
72
- B60: #7F92FF;
73
- B70: #9FADFF;
74
- B80: #BDC9FF;
75
- B90: #DFE3FE;
76
- B95: #EFF1FF;
77
- B98: #F8F9FF;
78
- SA10: #00270F;
79
- SA20: #024F20;
80
- SA30: #007830;
81
- SA40: #059F41;
82
- SA50: #08C552;
83
- SA60: #1BDE6D;
84
- SA70: #35F886;
85
- SA80: #70FFAB;
86
- SA90: #B8FFD5;
87
- SA95: #DBFFEA;
88
- SA98: #EFFFF5;
89
- SB10: #261600;
90
- SB20: #542B00;
91
- SB30: #7E4100;
92
- SB40: #A85700;
93
- SB50: #D26E00;
94
- SB60: #F48500;
95
- SB70: #FFA000;
96
- SB80: #FFBF5B;
97
- SB90: #FFDEB0;
98
- SB95: #FFF0D9;
99
- SB98: #FFF8EE;
100
- SC10: #550005;
101
- SC20: #AF0001;
102
- SC30: #EC0011;
103
- SC40: #FF0033;
104
- SC50: #FF2755;
105
- SC60: #FF5B78;
106
- SC70: #FF879A;
107
- SC80: #FFAFBB;
108
- SC90: #FFD7DE;
109
- SC95: #FFEBEE;
110
- SC98: #FFF6F7;
111
- BG0: #121212;
112
- BG10: #2A2A2A;
113
- BG20: #414141;
114
- BG30: #595959;
115
- BG40: #717171;
116
- BG50: #88888B;
117
- BG60: #A0A0A0;
118
- BG70: #B7B7B7;
119
- BG80: #D0D0D0;
120
- BG90: #E7E8E8;
121
- BG95: #F3F3F3;
122
- BG97: #F8F8F8;
123
- BG100: #FFFFFF;
124
- BBG10: #061B3B;
125
- BBG15: #112645;
126
- BBG20: #203555;
127
- BBG30: #3B4F6E;
128
- BBG40: #536788;
129
- BBG50: #6C82A3;
130
- BBG60: #869BBB;
131
- BBG70: #A0B5D5;
132
- BBG80: #BACDEE;
133
- BBG90: #D7E7FE;
134
- BBG95: #EBF3FF;
135
- BBG97: #F3F8FF;
136
- BBG98: #F7F8FF;
137
- WHITE: #FFFFFF;
138
- BLACK: #121212;
139
- IMAGE_HOLDER: rgba(153, 152, 152, 0.3);
140
- MATE: rgba(0, 0, 0, 0.5);
141
- SHADOW_OPTION: 0 1px 1px rgba(0, 0, 0, 0.12);
142
- SHADOW_CARD: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 1px rgba(0, 0, 0, 0.06), 0 1px 1px rgba(0, 0, 0, 0.08);
143
- SHADOW_ACTIONSHEET: 0 3px 5px rgba(0, 0, 0, 0.1), 0 1px 18px rgba(0, 0, 0, 0.06), 0 6px 10px rgba(0, 0, 0, 0.08);
144
- SHADOW_NOTIFICATION: 0 11px 15px rgba(0, 0, 0, 0.1), 0 9px 46px rgba(0, 0, 0, 0.08), 0 24px 38px rgba(0, 0, 0, 0.04);
145
- }
@@ -1,374 +0,0 @@
1
- /**
2
- *中性浅色背景 Neutral Light
3
- * 主要用于文字颜色
4
- **/
5
- /**
6
- *中性深色背景 Neutral Dark
7
- * 主要用于文字颜色
8
- **/
9
- /**
10
- * 品牌色 Brand
11
- * 用作主操作强调、文字链、品牌传递
12
- **/
13
- /**
14
- * 辅助A Secondary A
15
- * 表达完成、成功
16
- **/
17
- /**
18
- * 辅助B Secondary B
19
- * 表达提醒、警告
20
- **/
21
- /**
22
- * 辅助C Secondary C
23
- * 表达错误、失败
24
- **/
25
- /**
26
- * 背景色 Background
27
- * 主要用于背景色
28
- **/
29
- /**
30
- * 品牌背景 Brand Background
31
- * 品牌色衍生灰调背景
32
- **/
33
- /***
34
- * 黑白
35
- ***/
36
- /***
37
- * 图片
38
- ***/
39
- /***
40
- * 投影
41
- ***/
42
- :export {
43
- NL0: #121212;
44
- NL97: rgba(18, 18, 18, 0.03);
45
- NL95: rgba(18, 18, 18, 0.05);
46
- NL90: rgba(18, 18, 18, 0.1);
47
- NL80: rgba(18, 18, 18, 0.2);
48
- NL70: rgba(18, 18, 18, 0.3);
49
- NL60: rgba(18, 18, 18, 0.4);
50
- NL50: rgba(18, 18, 18, 0.5);
51
- NL40: rgba(18, 18, 18, 0.6);
52
- NL30: rgba(18, 18, 18, 0.7);
53
- NL20: rgba(18, 18, 18, 0.8);
54
- NL10: rgba(18, 18, 18, 0.9);
55
- ND0: #FFFFFF;
56
- ND97: rgba(255, 255, 255, 0.03);
57
- ND95: rgba(255, 255, 255, 0.05);
58
- ND90: rgba(255, 255, 255, 0.1);
59
- ND80: rgba(255, 255, 255, 0.2);
60
- ND70: rgba(255, 255, 255, 0.3);
61
- ND60: rgba(255, 255, 255, 0.4);
62
- ND50: rgba(255, 255, 255, 0.5);
63
- ND40: rgba(255, 255, 255, 0.6);
64
- ND30: rgba(255, 255, 255, 0.7);
65
- ND20: rgba(255, 255, 255, 0.8);
66
- ND10: rgba(255, 255, 255, 0.9);
67
- B10: #00127B;
68
- B20: #1029BC;
69
- B30: #2944D7;
70
- B40: #435CF0;
71
- B50: #6077FF;
72
- B60: #7F92FF;
73
- B70: #9FADFF;
74
- B80: #BDC9FF;
75
- B90: #DFE3FE;
76
- B95: #EFF1FF;
77
- B98: #F8F9FF;
78
- SA10: #00270F;
79
- SA20: #024F20;
80
- SA30: #007830;
81
- SA40: #059F41;
82
- SA50: #08C552;
83
- SA60: #1BDE6D;
84
- SA70: #35F886;
85
- SA80: #70FFAB;
86
- SA90: #B8FFD5;
87
- SA95: #DBFFEA;
88
- SA98: #EFFFF5;
89
- SB10: #261600;
90
- SB20: #542B00;
91
- SB30: #7E4100;
92
- SB40: #A85700;
93
- SB50: #D26E00;
94
- SB60: #F48500;
95
- SB70: #FFA000;
96
- SB80: #FFBF5B;
97
- SB90: #FFDEB0;
98
- SB95: #FFF0D9;
99
- SB98: #FFF8EE;
100
- SC10: #550005;
101
- SC20: #AF0001;
102
- SC30: #EC0011;
103
- SC40: #FF0033;
104
- SC50: #FF2755;
105
- SC60: #FF5B78;
106
- SC70: #FF879A;
107
- SC80: #FFAFBB;
108
- SC90: #FFD7DE;
109
- SC95: #FFEBEE;
110
- SC98: #FFF6F7;
111
- BG0: #121212;
112
- BG10: #2A2A2A;
113
- BG20: #414141;
114
- BG30: #595959;
115
- BG40: #717171;
116
- BG50: #88888B;
117
- BG60: #A0A0A0;
118
- BG70: #B7B7B7;
119
- BG80: #D0D0D0;
120
- BG90: #E7E8E8;
121
- BG95: #F3F3F3;
122
- BG97: #F8F8F8;
123
- BG100: #FFFFFF;
124
- BBG10: #061B3B;
125
- BBG15: #112645;
126
- BBG20: #203555;
127
- BBG30: #3B4F6E;
128
- BBG40: #536788;
129
- BBG50: #6C82A3;
130
- BBG60: #869BBB;
131
- BBG70: #A0B5D5;
132
- BBG80: #BACDEE;
133
- BBG90: #D7E7FE;
134
- BBG95: #EBF3FF;
135
- BBG97: #F3F8FF;
136
- BBG98: #F7F8FF;
137
- WHITE: #FFFFFF;
138
- BLACK: #121212;
139
- IMAGE_HOLDER: rgba(153, 152, 152, 0.3);
140
- MATE: rgba(0, 0, 0, 0.5);
141
- SHADOW_OPTION: 0 1px 1px rgba(0, 0, 0, 0.12);
142
- SHADOW_CARD: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 1px rgba(0, 0, 0, 0.06), 0 1px 1px rgba(0, 0, 0, 0.08);
143
- SHADOW_ACTIONSHEET: 0 3px 5px rgba(0, 0, 0, 0.1), 0 1px 18px rgba(0, 0, 0, 0.06), 0 6px 10px rgba(0, 0, 0, 0.08);
144
- SHADOW_NOTIFICATION: 0 11px 15px rgba(0, 0, 0, 0.1), 0 9px 46px rgba(0, 0, 0, 0.08), 0 24px 38px rgba(0, 0, 0, 0.04);
145
- }
146
- .ant-btn.ant-btn-primary,
147
- .ant-btn.ant-btn-dangerous,
148
- .ant-btn.ant-btn-secondary,
149
- .ant-btn.ant-btn-text,
150
- .ant-btn.ant-btn-link {
151
- font-size: 12px;
152
- height: 28px;
153
- padding: 0 12px;
154
- display: inline-flex;
155
- line-height: 28px;
156
- align-items: center;
157
- font-weight: 500;
158
- justify-content: center;
159
- }
160
- .ant-btn.ant-btn-primary .anticon + span,
161
- .ant-btn.ant-btn-dangerous .anticon + span,
162
- .ant-btn.ant-btn-secondary .anticon + span,
163
- .ant-btn.ant-btn-text .anticon + span,
164
- .ant-btn.ant-btn-link .anticon + span {
165
- margin-left: 4px;
166
- }
167
- .ant-btn.ant-btn-primary .anticon-icon-left,
168
- .ant-btn.ant-btn-dangerous .anticon-icon-left,
169
- .ant-btn.ant-btn-secondary .anticon-icon-left,
170
- .ant-btn.ant-btn-text .anticon-icon-left,
171
- .ant-btn.ant-btn-link .anticon-icon-left {
172
- margin-left: -4px;
173
- }
174
- .ant-btn.ant-btn-primary .anticon-icon-right,
175
- .ant-btn.ant-btn-dangerous .anticon-icon-right,
176
- .ant-btn.ant-btn-secondary .anticon-icon-right,
177
- .ant-btn.ant-btn-text .anticon-icon-right,
178
- .ant-btn.ant-btn-link .anticon-icon-right {
179
- margin-right: -4px;
180
- }
181
- .ant-btn.ant-btn-primary {
182
- background-color: #435CF0;
183
- border-color: #435CF0;
184
- box-shadow: none;
185
- border-radius: 8px;
186
- text-shadow: unset;
187
- }
188
- .ant-btn.ant-btn-primary:hover,
189
- .ant-btn.ant-btn-primary:focus,
190
- .ant-btn.ant-btn-primary:active,
191
- .ant-btn.ant-btn-primary.ant-btn-loading {
192
- background-color: #1029BC;
193
- border-color: #1029BC;
194
- color: #FFFFFF;
195
- }
196
- .ant-btn.ant-btn-primary[disabled] {
197
- background-color: rgba(18, 18, 18, 0.1);
198
- border-color: transparent;
199
- color: rgba(18, 18, 18, 0.2);
200
- }
201
- .ant-btn.ant-btn-primary[disabled]:hover,
202
- .ant-btn.ant-btn-primary[disabled]:focus,
203
- .ant-btn.ant-btn-primary[disabled]:active {
204
- background-color: rgba(18, 18, 18, 0.1);
205
- border-color: transparent;
206
- color: rgba(18, 18, 18, 0.2);
207
- }
208
- .ant-btn.ant-btn-dangerous.ant-btn-primary {
209
- background-color: #FF0033;
210
- border-color: #FF0033;
211
- color: #FFFFFF;
212
- text-shadow: unset;
213
- box-shadow: unset;
214
- }
215
- .ant-btn.ant-btn-dangerous.ant-btn-primary:hover {
216
- background-color: #AF0001;
217
- border-color: #AF0001;
218
- color: #FFFFFF;
219
- }
220
- .ant-btn.ant-btn-dangerous.ant-btn-primary:focus,
221
- .ant-btn.ant-btn-dangerous.ant-btn-primary:active,
222
- .ant-btn.ant-btn-dangerous.ant-btn-primary.ant-btn-loading {
223
- background-color: #AF0001;
224
- border-color: #AF0001;
225
- color: #FFFFFF;
226
- }
227
- .ant-btn.ant-btn-dangerous.ant-btn-primary[disabled] {
228
- background-color: rgba(18, 18, 18, 0.1);
229
- border-color: transparent;
230
- color: rgba(18, 18, 18, 0.2);
231
- }
232
- .ant-btn.ant-btn-dangerous.ant-btn-primary[disabled]:hover,
233
- .ant-btn.ant-btn-dangerous.ant-btn-primary[disabled]:focus,
234
- .ant-btn.ant-btn-dangerous.ant-btn-primary[disabled]:active {
235
- background-color: rgba(18, 18, 18, 0.1);
236
- border-color: transparent;
237
- color: rgba(18, 18, 18, 0.2);
238
- }
239
- .ant-btn.ant-btn-secondary {
240
- background-color: #FFFFFF;
241
- border-color: rgba(18, 18, 18, 0.1);
242
- color: rgba(18, 18, 18, 0.7);
243
- box-shadow: none;
244
- border-radius: 8px;
245
- text-shadow: unset;
246
- }
247
- .ant-btn.ant-btn-secondary:hover,
248
- .ant-btn.ant-btn-secondary:focus,
249
- .ant-btn.ant-btn-secondary:active,
250
- .ant-btn.ant-btn-secondary.ant-btn-loading {
251
- background-color: rgba(18, 18, 18, 0.03);
252
- border-color: rgba(18, 18, 18, 0.1);
253
- color: rgba(18, 18, 18, 0.7);
254
- }
255
- .ant-btn.ant-btn-secondary[disabled] {
256
- background-color: #FFFFFF;
257
- border-color: rgba(18, 18, 18, 0.1);
258
- color: rgba(18, 18, 18, 0.2);
259
- }
260
- .ant-btn.ant-btn-secondary[disabled]:hover,
261
- .ant-btn.ant-btn-secondary[disabled]:focus,
262
- .ant-btn.ant-btn-secondary[disabled]:active {
263
- background-color: #FFFFFF;
264
- border-color: rgba(18, 18, 18, 0.1);
265
- color: rgba(18, 18, 18, 0.2);
266
- }
267
- .ant-btn.ant-btn-text {
268
- background-color: #FFFFFF;
269
- border-color: #FFFFFF;
270
- color: rgba(18, 18, 18, 0.7);
271
- box-shadow: none;
272
- border-radius: 8px;
273
- text-shadow: unset;
274
- }
275
- .ant-btn.ant-btn-text:hover,
276
- .ant-btn.ant-btn-text:focus,
277
- .ant-btn.ant-btn-text:active,
278
- .ant-btn.ant-btn-text.ant-btn-loading {
279
- background-color: rgba(18, 18, 18, 0.03);
280
- color: rgba(18, 18, 18, 0.7);
281
- }
282
- .ant-btn.ant-btn-text[disabled] {
283
- background-color: transparent;
284
- border-color: transparent;
285
- color: rgba(18, 18, 18, 0.2);
286
- }
287
- .ant-btn.ant-btn-text[disabled]:hover,
288
- .ant-btn.ant-btn-text[disabled]:focus,
289
- .ant-btn.ant-btn-text[disabled]:active {
290
- background-color: transparent;
291
- border-color: transparent;
292
- color: rgba(18, 18, 18, 0.2);
293
- }
294
- .ant-btn.ant-btn-link {
295
- background-color: #FFFFFF;
296
- border-color: #FFFFFF;
297
- color: #435CF0;
298
- font-weight: 400;
299
- box-shadow: none;
300
- border-radius: 8px;
301
- text-shadow: unset;
302
- }
303
- .ant-btn.ant-btn-link:hover,
304
- .ant-btn.ant-btn-link:focus,
305
- .ant-btn.ant-btn-link:active,
306
- .ant-btn.ant-btn-link.ant-btn-loading {
307
- background-color: #FFFFFF;
308
- border-color: #FFFFFF;
309
- color: #1029BC;
310
- }
311
- .ant-btn.ant-btn-link[disabled] {
312
- background-color: transparent;
313
- border-color: transparent;
314
- color: rgba(18, 18, 18, 0.2);
315
- }
316
- .ant-btn.ant-btn-link[disabled]:hover,
317
- .ant-btn.ant-btn-link[disabled]:focus,
318
- .ant-btn.ant-btn-link[disabled]:active {
319
- background-color: transparent;
320
- border-color: transparent;
321
- color: rgba(18, 18, 18, 0.2);
322
- }
323
- .ant-btn.ant-btn-icon-only {
324
- justify-content: center;
325
- padding: 0;
326
- vertical-align: bottom;
327
- height: 28px;
328
- width: 28px;
329
- }
330
- .ant-btn.ant-btn-icon-only.ant-btn-loading-icon {
331
- vertical-align: baseline;
332
- }
333
- .ant-btn.ant-btn-icon-only .anticon {
334
- display: flex;
335
- align-items: center;
336
- justify-content: center;
337
- margin-left: 0;
338
- }
339
- .ant-btn.ant-btn-circle {
340
- width: 28px;
341
- min-width: auto;
342
- padding: 0;
343
- justify-content: center;
344
- border-radius: 50%;
345
- }
346
- .ant-btn.ant-btn-lg {
347
- height: 32px;
348
- font-size: 14px;
349
- min-width: auto;
350
- }
351
- .ant-btn.ant-btn-lg.ant-btn-icon-only {
352
- height: 32px;
353
- width: 32px;
354
- min-width: auto;
355
- }
356
- .ant-btn.ant-btn-lg.ant-btn-circle {
357
- width: 32px;
358
- height: 32px;
359
- border-radius: 50%;
360
- }
361
- .ant-btn.ant-btn-sm {
362
- height: 24px;
363
- border-radius: 6px;
364
- }
365
- .ant-btn.ant-btn-sm.ant-btn-icon-only {
366
- height: 24px;
367
- width: 24px;
368
- border-radius: 6px;
369
- }
370
- .ant-btn.ant-btn-sm.ant-btn-circle {
371
- width: 32px;
372
- height: 32px;
373
- border-radius: 50%;
374
- }
@@ -1,178 +0,0 @@
1
- /**
2
- *中性浅色背景 Neutral Light
3
- * 主要用于文字颜色
4
- **/
5
- /**
6
- *中性深色背景 Neutral Dark
7
- * 主要用于文字颜色
8
- **/
9
- /**
10
- * 品牌色 Brand
11
- * 用作主操作强调、文字链、品牌传递
12
- **/
13
- /**
14
- * 辅助A Secondary A
15
- * 表达完成、成功
16
- **/
17
- /**
18
- * 辅助B Secondary B
19
- * 表达提醒、警告
20
- **/
21
- /**
22
- * 辅助C Secondary C
23
- * 表达错误、失败
24
- **/
25
- /**
26
- * 背景色 Background
27
- * 主要用于背景色
28
- **/
29
- /**
30
- * 品牌背景 Brand Background
31
- * 品牌色衍生灰调背景
32
- **/
33
- /***
34
- * 黑白
35
- ***/
36
- /***
37
- * 图片
38
- ***/
39
- /***
40
- * 投影
41
- ***/
42
- :export {
43
- NL0: #121212;
44
- NL97: rgba(18, 18, 18, 0.03);
45
- NL95: rgba(18, 18, 18, 0.05);
46
- NL90: rgba(18, 18, 18, 0.1);
47
- NL80: rgba(18, 18, 18, 0.2);
48
- NL70: rgba(18, 18, 18, 0.3);
49
- NL60: rgba(18, 18, 18, 0.4);
50
- NL50: rgba(18, 18, 18, 0.5);
51
- NL40: rgba(18, 18, 18, 0.6);
52
- NL30: rgba(18, 18, 18, 0.7);
53
- NL20: rgba(18, 18, 18, 0.8);
54
- NL10: rgba(18, 18, 18, 0.9);
55
- ND0: #FFFFFF;
56
- ND97: rgba(255, 255, 255, 0.03);
57
- ND95: rgba(255, 255, 255, 0.05);
58
- ND90: rgba(255, 255, 255, 0.1);
59
- ND80: rgba(255, 255, 255, 0.2);
60
- ND70: rgba(255, 255, 255, 0.3);
61
- ND60: rgba(255, 255, 255, 0.4);
62
- ND50: rgba(255, 255, 255, 0.5);
63
- ND40: rgba(255, 255, 255, 0.6);
64
- ND30: rgba(255, 255, 255, 0.7);
65
- ND20: rgba(255, 255, 255, 0.8);
66
- ND10: rgba(255, 255, 255, 0.9);
67
- B10: #00127B;
68
- B20: #1029BC;
69
- B30: #2944D7;
70
- B40: #435CF0;
71
- B50: #6077FF;
72
- B60: #7F92FF;
73
- B70: #9FADFF;
74
- B80: #BDC9FF;
75
- B90: #DFE3FE;
76
- B95: #EFF1FF;
77
- B98: #F8F9FF;
78
- SA10: #00270F;
79
- SA20: #024F20;
80
- SA30: #007830;
81
- SA40: #059F41;
82
- SA50: #08C552;
83
- SA60: #1BDE6D;
84
- SA70: #35F886;
85
- SA80: #70FFAB;
86
- SA90: #B8FFD5;
87
- SA95: #DBFFEA;
88
- SA98: #EFFFF5;
89
- SB10: #261600;
90
- SB20: #542B00;
91
- SB30: #7E4100;
92
- SB40: #A85700;
93
- SB50: #D26E00;
94
- SB60: #F48500;
95
- SB70: #FFA000;
96
- SB80: #FFBF5B;
97
- SB90: #FFDEB0;
98
- SB95: #FFF0D9;
99
- SB98: #FFF8EE;
100
- SC10: #550005;
101
- SC20: #AF0001;
102
- SC30: #EC0011;
103
- SC40: #FF0033;
104
- SC50: #FF2755;
105
- SC60: #FF5B78;
106
- SC70: #FF879A;
107
- SC80: #FFAFBB;
108
- SC90: #FFD7DE;
109
- SC95: #FFEBEE;
110
- SC98: #FFF6F7;
111
- BG0: #121212;
112
- BG10: #2A2A2A;
113
- BG20: #414141;
114
- BG30: #595959;
115
- BG40: #717171;
116
- BG50: #88888B;
117
- BG60: #A0A0A0;
118
- BG70: #B7B7B7;
119
- BG80: #D0D0D0;
120
- BG90: #E7E8E8;
121
- BG95: #F3F3F3;
122
- BG97: #F8F8F8;
123
- BG100: #FFFFFF;
124
- BBG10: #061B3B;
125
- BBG15: #112645;
126
- BBG20: #203555;
127
- BBG30: #3B4F6E;
128
- BBG40: #536788;
129
- BBG50: #6C82A3;
130
- BBG60: #869BBB;
131
- BBG70: #A0B5D5;
132
- BBG80: #BACDEE;
133
- BBG90: #D7E7FE;
134
- BBG95: #EBF3FF;
135
- BBG97: #F3F8FF;
136
- BBG98: #F7F8FF;
137
- WHITE: #FFFFFF;
138
- BLACK: #121212;
139
- IMAGE_HOLDER: rgba(153, 152, 152, 0.3);
140
- MATE: rgba(0, 0, 0, 0.5);
141
- SHADOW_OPTION: 0 1px 1px rgba(0, 0, 0, 0.12);
142
- SHADOW_CARD: 0 1px 3px rgba(0, 0, 0, 0.1), 0 2px 1px rgba(0, 0, 0, 0.06), 0 1px 1px rgba(0, 0, 0, 0.08);
143
- SHADOW_ACTIONSHEET: 0 3px 5px rgba(0, 0, 0, 0.1), 0 1px 18px rgba(0, 0, 0, 0.06), 0 6px 10px rgba(0, 0, 0, 0.08);
144
- SHADOW_NOTIFICATION: 0 11px 15px rgba(0, 0, 0, 0.1), 0 9px 46px rgba(0, 0, 0, 0.08), 0 24px 38px rgba(0, 0, 0, 0.04);
145
- }
146
- .ant-dropdown-menu > .ant-dropdown-menu {
147
- padding: 0;
148
- box-shadow: none;
149
- }
150
- .ald-menu .ant-dropdown-menu-item-active,
151
- .ald-submenu .ant-dropdown-menu-item-active {
152
- background-color: rgba(18, 18, 18, 0.03);
153
- }
154
- .ald-menu .ant-dropdown-menu-item-disabled,
155
- .ald-submenu .ant-dropdown-menu-item-disabled {
156
- color: rgba(18, 18, 18, 0.2);
157
- }
158
- .ald-menu .ant-dropdown-menu-submenu-title,
159
- .ald-submenu .ant-dropdown-menu-submenu-title {
160
- padding: 5px 24px 5px 12px;
161
- }
162
- .ald-menu .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon,
163
- .ald-submenu .ant-dropdown-menu-submenu-title .ant-dropdown-menu-submenu-expand-icon {
164
- right: 12px;
165
- }
166
- .ald-menu .ant-dropdown-menu-item,
167
- .ald-submenu .ant-dropdown-menu-item {
168
- padding: 5px 12px;
169
- }
170
- .ald-menu .ant-dropdown-menu-item:hover,
171
- .ald-submenu .ant-dropdown-menu-item:hover,
172
- .ald-menu .ant-dropdown-menu-submenu-title:hover,
173
- .ald-submenu .ant-dropdown-menu-submenu-title:hover {
174
- background-color: rgba(18, 18, 18, 0.03);
175
- }
176
- .ald-submenu.ant-dropdown-menu-submenu-popup ul {
177
- margin: 0;
178
- }