bkui-vue 0.0.2-beta.123 → 0.0.2-beta.124

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 (143) hide show
  1. package/dist/style.css +1 -1
  2. package/dist/style.variable.css +1 -1
  3. package/lib/affix/affix.css +0 -123
  4. package/lib/affix/affix.variable.css +0 -246
  5. package/lib/alert/alert.css +3 -126
  6. package/lib/alert/alert.variable.css +0 -246
  7. package/lib/backtop/backtop.css +3 -126
  8. package/lib/backtop/backtop.variable.css +3 -372
  9. package/lib/badge/badge.css +26 -149
  10. package/lib/badge/badge.variable.css +0 -246
  11. package/lib/breadcrumb/breadcrumb.css +5 -128
  12. package/lib/breadcrumb/breadcrumb.variable.css +5 -374
  13. package/lib/button/button.css +128 -251
  14. package/lib/button/button.less +7 -6
  15. package/lib/button/button.variable.css +0 -246
  16. package/lib/card/card.css +4 -127
  17. package/lib/card/card.variable.css +4 -373
  18. package/lib/cascader/cascader.css +23 -146
  19. package/lib/cascader/cascader.variable.css +23 -392
  20. package/lib/checkbox/checkbox.css +9 -132
  21. package/lib/checkbox/checkbox.variable.css +0 -246
  22. package/lib/code-diff/code-diff.css +0 -123
  23. package/lib/code-diff/code-diff.variable.css +0 -246
  24. package/lib/collapse/collapse.css +1 -124
  25. package/lib/collapse/collapse.variable.css +0 -246
  26. package/lib/collapse-transition/collapse-transition.css +0 -123
  27. package/lib/collapse-transition/collapse-transition.variable.css +0 -246
  28. package/lib/color-picker/color-picker.css +0 -123
  29. package/lib/color-picker/color-picker.variable.css +0 -246
  30. package/lib/config-provider/config-provider.css +0 -123
  31. package/lib/config-provider/config-provider.variable.css +0 -246
  32. package/lib/container/container.css +0 -123
  33. package/lib/container/container.variable.css +0 -369
  34. package/lib/date-picker/date-picker.css +17 -140
  35. package/lib/date-picker/date-picker.variable.css +0 -246
  36. package/lib/dialog/dialog.css +9 -132
  37. package/lib/dialog/dialog.variable.css +9 -378
  38. package/lib/divider/divider.css +3 -126
  39. package/lib/divider/divider.variable.css +0 -246
  40. package/lib/dropdown/dropdown.css +0 -123
  41. package/lib/dropdown/dropdown.variable.css +0 -369
  42. package/lib/exception/exception.css +0 -123
  43. package/lib/exception/exception.variable.css +0 -246
  44. package/lib/fixed-navbar/fixed-navbar.css +4 -127
  45. package/lib/fixed-navbar/fixed-navbar.variable.css +0 -246
  46. package/lib/form/form.css +0 -123
  47. package/lib/form/form.variable.css +0 -246
  48. package/lib/image/image-viewer.css +0 -123
  49. package/lib/image/image-viewer.variable.css +0 -246
  50. package/lib/image/image.css +0 -123
  51. package/lib/image/image.variable.css +0 -369
  52. package/lib/info-box/info-box.css +0 -123
  53. package/lib/info-box/info-box.variable.css +0 -246
  54. package/lib/input/input.css +72 -195
  55. package/lib/input/input.variable.css +72 -441
  56. package/lib/link/link.css +16 -139
  57. package/lib/link/link.variable.css +0 -246
  58. package/lib/loading/loading.css +16 -139
  59. package/lib/loading/loading.variable.css +16 -385
  60. package/lib/menu/menu.css +18 -141
  61. package/lib/menu/menu.variable.css +18 -387
  62. package/lib/menu/submenu.css +0 -123
  63. package/lib/menu/submenu.variable.css +0 -246
  64. package/lib/message/message.css +21 -144
  65. package/lib/message/message.variable.css +0 -246
  66. package/lib/modal/modal.css +0 -123
  67. package/lib/modal/modal.variable.css +0 -369
  68. package/lib/navigation/navigation.css +2 -125
  69. package/lib/navigation/navigation.variable.css +0 -246
  70. package/lib/notify/notify.css +7 -130
  71. package/lib/notify/notify.variable.css +0 -246
  72. package/lib/pagination/pagination.css +1 -124
  73. package/lib/pagination/pagination.variable.css +0 -246
  74. package/lib/pop-confirm/pop-confirm.css +0 -123
  75. package/lib/pop-confirm/pop-confirm.variable.css +0 -246
  76. package/lib/popover/popover.css +0 -123
  77. package/lib/popover/popover.variable.css +0 -246
  78. package/lib/process/process.css +13 -136
  79. package/lib/process/process.variable.css +0 -246
  80. package/lib/progress/progress.css +4 -127
  81. package/lib/progress/progress.variable.css +4 -373
  82. package/lib/radio/radio.css +31 -154
  83. package/lib/radio/radio.variable.css +0 -246
  84. package/lib/rate/rate.css +0 -123
  85. package/lib/rate/rate.variable.css +0 -246
  86. package/lib/rate/star.css +0 -123
  87. package/lib/rate/star.variable.css +0 -246
  88. package/lib/resize-layout/resize-layout.css +0 -123
  89. package/lib/resize-layout/resize-layout.variable.css +0 -246
  90. package/lib/search-select/search-select.css +33 -156
  91. package/lib/search-select/search-select.variable.css +33 -402
  92. package/lib/select/select.css +24 -147
  93. package/lib/select/select.variable.css +24 -393
  94. package/lib/sideslider/sideslider.css +1 -124
  95. package/lib/sideslider/sideslider.variable.css +0 -246
  96. package/lib/slider/slider.css +4 -127
  97. package/lib/slider/slider.variable.css +0 -246
  98. package/lib/steps/steps.css +38 -161
  99. package/lib/steps/steps.variable.css +0 -246
  100. package/lib/styles/mixins/animate.css +0 -123
  101. package/lib/styles/mixins/animate.variable.css +0 -246
  102. package/lib/styles/mixins/mixins.css +0 -123
  103. package/lib/styles/mixins/mixins.variable.css +0 -123
  104. package/lib/styles/mixins/popper.css +0 -123
  105. package/lib/styles/mixins/popper.variable.css +0 -246
  106. package/lib/styles/mixins/scroll.css +0 -123
  107. package/lib/styles/mixins/scroll.variable.css +0 -246
  108. package/lib/styles/reset.css +0 -123
  109. package/lib/styles/reset.variable.css +0 -246
  110. package/lib/styles/themes/themes.less +126 -300
  111. package/lib/swiper/swiper.css +0 -123
  112. package/lib/swiper/swiper.variable.css +0 -246
  113. package/lib/switcher/switcher.css +17 -140
  114. package/lib/switcher/switcher.variable.css +17 -386
  115. package/lib/tab/tab.css +17 -140
  116. package/lib/tab/tab.variable.css +0 -246
  117. package/lib/table/plugins/head-filter.css +0 -123
  118. package/lib/table/plugins/head-filter.variable.css +0 -246
  119. package/lib/table/plugins/head-sort.css +0 -123
  120. package/lib/table/plugins/head-sort.variable.css +0 -246
  121. package/lib/table/plugins/settings.css +0 -123
  122. package/lib/table/plugins/settings.variable.css +0 -246
  123. package/lib/table/table.css +159 -282
  124. package/lib/table/table.variable.css +159 -528
  125. package/lib/tag/tag.css +5 -128
  126. package/lib/tag/tag.variable.css +0 -246
  127. package/lib/tag-input/tag-input.css +18 -141
  128. package/lib/tag-input/tag-input.variable.css +0 -246
  129. package/lib/time-picker/time-picker.css +0 -123
  130. package/lib/time-picker/time-picker.variable.css +0 -246
  131. package/lib/timeline/timeline.css +19 -142
  132. package/lib/timeline/timeline.variable.css +0 -246
  133. package/lib/transfer/transfer.css +19 -142
  134. package/lib/transfer/transfer.variable.css +0 -246
  135. package/lib/tree/tree.css +9 -132
  136. package/lib/tree/tree.variable.css +9 -378
  137. package/lib/upload/upload.css +27 -150
  138. package/lib/upload/upload.variable.css +27 -396
  139. package/lib/virtual-render/virtual-render.css +0 -123
  140. package/lib/virtual-render/virtual-render.variable.css +0 -369
  141. package/package.json +1 -1
  142. package/lib/styles/themes/themes.css +0 -123
  143. package/lib/styles/themes/themes.variable.css +0 -123
@@ -1,137 +1,14 @@
1
- :root {
2
- --bk-prefix: bk;
3
- --popover-max-height: 216px;
4
- --primary-color: #3a84ff;
5
- --success-color: #2dcb56;
6
- --warning-color: #ff9c01;
7
- --danger-color: #ea3636;
8
- --default-color: #63656e;
9
- --gray-color: #979ba5;
10
- --light-gray: #c4c6cc;
11
- --white-color: white;
12
- --whitesmoke-color: #fafbfd;
13
- --disable-color: #dcdee5;
14
- --disable-bg-color: #f9fafd;
15
- --font-size-base: 12px;
16
- --font-size-medium: 14px;
17
- --font-size-large: 16px;
18
- --line-height-base: 16px;
19
- --line-height-medium: 16px;
20
- --line-height-large: 18px;
21
- --component-size-small: 26px;
22
- --component-size-base: 32px;
23
- --component-size-large: 40px;
24
- --border-width-base: 1px;
25
- --border-style-base: solid;
26
- --border-radius-base: 2px;
27
- --border-style-color: var(--light-gray);
28
- --input-disabled-bg: #fafbfd;
29
- --input-disabled-border: var(--disable-color);
30
- --input-height-base: var(--component-size-base);
31
- --input-color: var(--default-color);
32
- --input-bg: white;
33
- --input-border-color: var(--light-gray);
34
- --input-broder-radius: 3px;
35
- --input-shadow-color: #a3c5fd;
36
- --input-horizontal-padding: 8px;
37
- --input-block-color: #f5f7fa;
38
- --input-block-hover-color: #eaebf0;
39
- --input-icon-size: var(--font-size-medium);
40
- --input-maxlength-color: #979ba5;
41
- --button-primary-hover-color: #5594fa;
42
- --button-danger-hover-color: #ff5656;
43
- --button-success-hover-color: #45e35f;
44
- --button-warning-hover-color: #ffb848;
45
- --button-default-hover-border-color: #979ba5;
46
- --button-primary-active-color: #2c77f4;
47
- --button-danger-active-color: #db2626;
48
- --button-success-active-color: #1ab943;
49
- --button-warning-active-color: #eb9000;
50
- --button-selected-bg-color: #e1ecff;
51
- --button-disabled-selected-bg-color: #f0f1f5;
52
- --radio-font-color: #63656e;
53
- --radio-active-color: #3a84ff;
54
- --radio-hover-border-color: #979ba5;
55
- --radio-disabled-border: #dcdee5;
56
- --radio-disabled-font-color: #c4c6cc;
57
- --radio-disabled-checked-bg: #a3c5fd;
58
- --radio-button-checked-bg: #e1ecff;
59
- --radio-button-disabled-checked-bg: #fafbfd;
60
- --checkbox-disabled-checked-bg: #a3c5fd;
61
- --fixed-navbar-background: #fff;
62
- --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
63
- --switch-default-color: #fff;
64
- --switch-grey-color: #c4c6cc;
65
- --breadcrumb-black-color: #979ba5;
66
- --breadcrumb-primary-hover-color: #0082ff;
67
- --breadcrumb-fn-main-color: #63656e;
68
- --link-default-hover-color: #979ba5;
69
- --link-primary-hover-color: #699df4;
70
- --link-success-hover-color: #45e35f;
71
- --link-warning-hover-color: #ffb848;
72
- --link-danger-hover-color: #ff5656;
73
- --link-default-disabled-color: #dcdee5;
74
- --link-primary-disabled-color: #a3c5fd;
75
- --link-success-disabled-color: #94f5a4;
76
- --link-warning-disabled-color: #ffd695;
77
- --link-danger-disabled-color: #fd9c9c;
78
- --message-color: var(--default-color);
79
- --message-primary-bg-color: #f0f8ff;
80
- --message-primary-border-color: #e1ecff;
81
- --message-primary-shadow-color: #e1e8f4;
82
- --message-warning-bg-color: #fff4e2;
83
- --message-warning-border-color: #ffe8c3;
84
- --message-warning-shadow-color: #ede6db;
85
- --message-success-bg-color: #f2fff4;
86
- --message-success-border-color: #dcffe2;
87
- --message-success-shadow-color: #cef0d7;
88
- --message-danger-bg-color: #ffeded;
89
- --message-danger-border-color: #ffdddd;
90
- --message-danger-shadow-color: #f6dada;
91
- --slider-default-bg: #dcdee5;
92
- --slider-disable-bar-bg: #979ba5;
93
- --menu-bg-color: #182132;
94
- --submenu-bg-color: #151d2c;
95
- --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
96
- --menu-color: #96a2b9;
97
- --menu-group-color: var(--default-color);
98
- --menu-width: 260px;
99
- --menu-collapse-width: 60px;
100
- --menu-active-color: white;
101
- --nav-header-bg-color: #182132;
102
- --nav-bg-color: #182132;
103
- --date-picker-disabled-bg: #fafbfd;
104
- --date-picker-dropdown-mb: 4px;
105
- --date-picker-dropdown-bg: #fff;
106
- --table-bg-color: var(--white-color);
107
- --table-border-color: #dcdee5;
108
- --table-head-bg-color: #fafbfd;
109
- --table-head-font-color: #313238;
110
- --table-body-font-color: #63656E;
111
- --table-row-hover-bg-color: #f5f7fa;
112
- --table-row-active-bg-color: #f0f1f5;
113
- --cascader-panel-border-color: #dcdee5;
114
- --cascader-panel-hover: #f5f7fa;
115
- --cascader-panel-active: #e1ecff;
116
- --cascader-panel-disabled-bg: #fff;
117
- --search-select-focus-border-color: var(--primary-color);
118
- --search-select-focus-color: #3c96ff;
119
- --search-select-font-color: var(--default-color);
120
- --search-select-placeholder-color: var(--light-gray);
121
- --search-select-message-color: var(--danger-color);
122
- --search-select-menu-border-color: var(--disable-color);
123
- }
124
1
  .bk-button {
125
2
  display: inline-flex;
126
3
  height: 32px;
127
4
  padding: 5px 12px;
128
- font-size: var(--font-size-medium);
129
- color: var(--default-color);
5
+ font-size: 14px;
6
+ color: #63656e;
130
7
  text-decoration: none;
131
8
  white-space: nowrap;
132
9
  cursor: pointer;
133
- background-color: var(--white-color);
134
- border: 1px solid var(--light-gray);
10
+ background-color: white;
11
+ border: 1px solid #c4c6cc;
135
12
  border-radius: 2px;
136
13
  outline: none;
137
14
  box-sizing: border-box;
@@ -141,218 +18,218 @@
141
18
  justify-content: center;
142
19
  }
143
20
  .bk-button.bk-button-primary {
144
- background-color: var(--primary-color);
145
- color: var(--white-color);
146
- border-color: var(--primary-color);
21
+ background-color: #3a84ff;
22
+ color: white;
23
+ border-color: #3a84ff;
147
24
  }
148
25
  .bk-button.bk-button-primary:hover {
149
- background-color: var(--button-primary-hover-color);
150
- border-color: var(--button-primary-hover-color);
26
+ background-color: #5594fa;
27
+ border-color: #5594fa;
151
28
  }
152
29
  .bk-button.bk-button-primary:active {
153
- background-color: var(--button-primary-active-color);
154
- border-color: var(--button-primary-active-color);
155
- color: var(--white-color);
30
+ background-color: #2c77f4;
31
+ border-color: #2c77f4;
32
+ color: white;
156
33
  }
157
34
  .bk-button.bk-button-primary.is-outline {
158
- color: var(--primary-color);
159
- border-color: var(--primary-color);
160
- background-color: var(--white-color);
35
+ color: #3a84ff;
36
+ border-color: #3a84ff;
37
+ background-color: white;
161
38
  }
162
39
  .bk-button.bk-button-primary.is-outline:hover {
163
- background-color: var(--button-primary-hover-color);
164
- border-color: var(--button-primary-hover-color);
165
- color: var(--white-color);
40
+ background-color: #5594fa;
41
+ border-color: #5594fa;
42
+ color: white;
166
43
  }
167
44
  .bk-button.bk-button-primary.is-outline:active {
168
- background-color: var(--button-primary-active-color);
169
- border-color: var(--button-primary-active-color);
170
- color: var(--white-color);
45
+ background-color: #2c77f4;
46
+ border-color: #2c77f4;
47
+ color: white;
171
48
  }
172
49
  .bk-button.bk-button-primary.is-text {
173
- color: var(--primary-color);
50
+ color: #3a84ff;
174
51
  background-color: transparent;
175
52
  border: none;
176
53
  }
177
54
  .bk-button.bk-button-primary.is-text:not(.is-disabled):hover {
178
- color: var(--button-primary-hover-color);
55
+ color: #5594fa;
179
56
  }
180
57
  .bk-button.bk-button-primary.is-disabled {
181
- color: var(--disable-color);
58
+ color: #dcdee5;
182
59
  cursor: not-allowed;
183
60
  }
184
61
  .bk-button.bk-button-primary.is-disabled:not(.is-text) {
185
- background-color: var(--disable-color);
186
- color: var(--white-color);
187
- border-color: var(--disable-color);
62
+ background-color: #dcdee5;
63
+ color: white;
64
+ border-color: #dcdee5;
188
65
  }
189
66
  .bk-button.bk-button-hover-primary:hover {
190
- background-color: var(--button-primary-hover-color);
191
- border-color: var(--button-primary-hover-color);
192
- color: var(--white-color);
67
+ background-color: #5594fa;
68
+ border-color: #5594fa;
69
+ color: white;
193
70
  }
194
71
  .bk-button.bk-button-warning {
195
- background-color: var(--warning-color);
196
- color: var(--white-color);
197
- border-color: var(--warning-color);
72
+ background-color: #ff9c01;
73
+ color: white;
74
+ border-color: #ff9c01;
198
75
  }
199
76
  .bk-button.bk-button-warning:hover {
200
- background-color: var(--button-warning-hover-color);
201
- border-color: var(--button-warning-hover-color);
77
+ background-color: #ffb848;
78
+ border-color: #ffb848;
202
79
  }
203
80
  .bk-button.bk-button-warning:active {
204
- background-color: var(--button-warning-active-color);
205
- border-color: var(--button-warning-active-color);
206
- color: var(--white-color);
81
+ background-color: #eb9000;
82
+ border-color: #eb9000;
83
+ color: white;
207
84
  }
208
85
  .bk-button.bk-button-warning.is-outline {
209
- color: var(--warning-color);
210
- border-color: var(--warning-color);
211
- background-color: var(--white-color);
86
+ color: #ff9c01;
87
+ border-color: #ff9c01;
88
+ background-color: white;
212
89
  }
213
90
  .bk-button.bk-button-warning.is-outline:hover {
214
- background-color: var(--button-warning-hover-color);
215
- border-color: var(--button-warning-hover-color);
216
- color: var(--white-color);
91
+ background-color: #ffb848;
92
+ border-color: #ffb848;
93
+ color: white;
217
94
  }
218
95
  .bk-button.bk-button-warning.is-outline:active {
219
- background-color: var(--button-warning-active-color);
220
- border-color: var(--button-warning-active-color);
221
- color: var(--white-color);
96
+ background-color: #eb9000;
97
+ border-color: #eb9000;
98
+ color: white;
222
99
  }
223
100
  .bk-button.bk-button-warning.is-text {
224
- color: var(--warning-color);
101
+ color: #ff9c01;
225
102
  background-color: transparent;
226
103
  border: none;
227
104
  }
228
105
  .bk-button.bk-button-warning.is-text:not(.is-disabled):hover {
229
- color: var(--button-warning-hover-color);
106
+ color: #ffb848;
230
107
  }
231
108
  .bk-button.bk-button-warning.is-disabled {
232
- color: var(--disable-color);
109
+ color: #dcdee5;
233
110
  cursor: not-allowed;
234
111
  }
235
112
  .bk-button.bk-button-warning.is-disabled:not(.is-text) {
236
- background-color: var(--disable-color);
237
- color: var(--white-color);
238
- border-color: var(--disable-color);
113
+ background-color: #dcdee5;
114
+ color: white;
115
+ border-color: #dcdee5;
239
116
  }
240
117
  .bk-button.bk-button-hover-warning:hover {
241
- background-color: var(--button-warning-hover-color);
242
- border-color: var(--button-warning-hover-color);
243
- color: var(--white-color);
118
+ background-color: #ffb848;
119
+ border-color: #ffb848;
120
+ color: white;
244
121
  }
245
122
  .bk-button.bk-button-success {
246
- background-color: var(--success-color);
247
- color: var(--white-color);
248
- border-color: var(--success-color);
123
+ background-color: #2dcb56;
124
+ color: white;
125
+ border-color: #2dcb56;
249
126
  }
250
127
  .bk-button.bk-button-success:hover {
251
- background-color: var(--button-success-hover-color);
252
- border-color: var(--button-success-hover-color);
128
+ background-color: #45e35f;
129
+ border-color: #45e35f;
253
130
  }
254
131
  .bk-button.bk-button-success:active {
255
- background-color: var(--button-success-active-color);
256
- border-color: var(--button-success-active-color);
257
- color: var(--white-color);
132
+ background-color: #1ab943;
133
+ border-color: #1ab943;
134
+ color: white;
258
135
  }
259
136
  .bk-button.bk-button-success.is-outline {
260
- color: var(--success-color);
261
- border-color: var(--success-color);
262
- background-color: var(--white-color);
137
+ color: #2dcb56;
138
+ border-color: #2dcb56;
139
+ background-color: white;
263
140
  }
264
141
  .bk-button.bk-button-success.is-outline:hover {
265
- background-color: var(--button-success-hover-color);
266
- border-color: var(--button-success-hover-color);
267
- color: var(--white-color);
142
+ background-color: #45e35f;
143
+ border-color: #45e35f;
144
+ color: white;
268
145
  }
269
146
  .bk-button.bk-button-success.is-outline:active {
270
- background-color: var(--button-success-active-color);
271
- border-color: var(--button-success-active-color);
272
- color: var(--white-color);
147
+ background-color: #1ab943;
148
+ border-color: #1ab943;
149
+ color: white;
273
150
  }
274
151
  .bk-button.bk-button-success.is-text {
275
- color: var(--success-color);
152
+ color: #2dcb56;
276
153
  background-color: transparent;
277
154
  border: none;
278
155
  }
279
156
  .bk-button.bk-button-success.is-text:not(.is-disabled):hover {
280
- color: var(--button-success-hover-color);
157
+ color: #45e35f;
281
158
  }
282
159
  .bk-button.bk-button-success.is-disabled {
283
- color: var(--disable-color);
160
+ color: #dcdee5;
284
161
  cursor: not-allowed;
285
162
  }
286
163
  .bk-button.bk-button-success.is-disabled:not(.is-text) {
287
- background-color: var(--disable-color);
288
- color: var(--white-color);
289
- border-color: var(--disable-color);
164
+ background-color: #dcdee5;
165
+ color: white;
166
+ border-color: #dcdee5;
290
167
  }
291
168
  .bk-button.bk-button-hover-success:hover {
292
- background-color: var(--button-success-hover-color);
293
- border-color: var(--button-success-hover-color);
294
- color: var(--white-color);
169
+ background-color: #45e35f;
170
+ border-color: #45e35f;
171
+ color: white;
295
172
  }
296
173
  .bk-button.bk-button-danger {
297
- background-color: var(--danger-color);
298
- color: var(--white-color);
299
- border-color: var(--danger-color);
174
+ background-color: #ea3636;
175
+ color: white;
176
+ border-color: #ea3636;
300
177
  }
301
178
  .bk-button.bk-button-danger:hover {
302
- background-color: var(--button-danger-hover-color);
303
- border-color: var(--button-danger-hover-color);
179
+ background-color: #ff5656;
180
+ border-color: #ff5656;
304
181
  }
305
182
  .bk-button.bk-button-danger:active {
306
- background-color: var(--button-danger-active-color);
307
- border-color: var(--button-danger-active-color);
308
- color: var(--white-color);
183
+ background-color: #db2626;
184
+ border-color: #db2626;
185
+ color: white;
309
186
  }
310
187
  .bk-button.bk-button-danger.is-outline {
311
- color: var(--danger-color);
312
- border-color: var(--danger-color);
313
- background-color: var(--white-color);
188
+ color: #ea3636;
189
+ border-color: #ea3636;
190
+ background-color: white;
314
191
  }
315
192
  .bk-button.bk-button-danger.is-outline:hover {
316
- background-color: var(--button-danger-hover-color);
317
- border-color: var(--button-danger-hover-color);
318
- color: var(--white-color);
193
+ background-color: #ff5656;
194
+ border-color: #ff5656;
195
+ color: white;
319
196
  }
320
197
  .bk-button.bk-button-danger.is-outline:active {
321
- background-color: var(--button-danger-active-color);
322
- border-color: var(--button-danger-active-color);
323
- color: var(--white-color);
198
+ background-color: #db2626;
199
+ border-color: #db2626;
200
+ color: white;
324
201
  }
325
202
  .bk-button.bk-button-danger.is-text {
326
- color: var(--danger-color);
203
+ color: #ea3636;
327
204
  background-color: transparent;
328
205
  border: none;
329
206
  }
330
207
  .bk-button.bk-button-danger.is-text:not(.is-disabled):hover {
331
- color: var(--button-danger-hover-color);
208
+ color: #ff5656;
332
209
  }
333
210
  .bk-button.bk-button-danger.is-disabled {
334
- color: var(--disable-color);
211
+ color: #dcdee5;
335
212
  cursor: not-allowed;
336
213
  }
337
214
  .bk-button.bk-button-danger.is-disabled:not(.is-text) {
338
- background-color: var(--disable-color);
339
- color: var(--white-color);
340
- border-color: var(--disable-color);
215
+ background-color: #dcdee5;
216
+ color: white;
217
+ border-color: #dcdee5;
341
218
  }
342
219
  .bk-button.bk-button-hover-danger:hover {
343
- background-color: var(--button-danger-hover-color);
344
- border-color: var(--button-danger-hover-color);
345
- color: var(--white-color);
220
+ background-color: #ff5656;
221
+ border-color: #ff5656;
222
+ color: white;
346
223
  }
347
224
  .bk-button.bk-button-small {
348
225
  height: 26px;
349
226
  padding: 3px 12px;
350
- font-size: var(--font-size-base);
227
+ font-size: 12px;
351
228
  }
352
229
  .bk-button.bk-button-large {
353
230
  height: 38px;
354
231
  padding: 8px 20px;
355
- font-size: var(--font-size-large);
232
+ font-size: 16px;
356
233
  }
357
234
  .bk-button .bk-button-text {
358
235
  display: inline-flex;
@@ -369,17 +246,17 @@
369
246
  visibility: hidden;
370
247
  }
371
248
  .bk-button:hover {
372
- border-color: var(--button-default-hover-border-color);
249
+ border-color: #979ba5;
373
250
  }
374
251
  .bk-button:active {
375
- color: var(--primary-color);
376
- border-color: var(--primary-color);
252
+ color: #3a84ff;
253
+ border-color: #3a84ff;
377
254
  }
378
255
  .bk-button.is-text {
379
256
  height: auto;
380
257
  padding: 0;
381
258
  font-size: inherit;
382
- color: var(--default-color);
259
+ color: #63656e;
383
260
  text-decoration: none;
384
261
  cursor: pointer;
385
262
  background-color: transparent;
@@ -387,12 +264,12 @@
387
264
  outline: none;
388
265
  }
389
266
  .bk-button.is-disabled {
390
- color: var(--disable-color);
267
+ color: #dcdee5;
391
268
  cursor: not-allowed;
392
- border-color: var(--disable-color);
269
+ border-color: #dcdee5;
393
270
  }
394
271
  .bk-button.is-disabled:not(.is-text) {
395
- background-color: var(--disable-bg-color);
272
+ background-color: #f9fafd;
396
273
  }
397
274
  .bk-button-group {
398
275
  display: inline-block;
@@ -401,12 +278,12 @@
401
278
  .bk-button-group.bk-button-group-small .bk-button {
402
279
  height: 26px;
403
280
  padding: 3px 12px;
404
- font-size: var(--font-size-base);
281
+ font-size: 12px;
405
282
  }
406
283
  .bk-button-group.bk-button-group-large .bk-button {
407
284
  height: 38px;
408
285
  padding: 8px 20px;
409
- font-size: var(--font-size-large);
286
+ font-size: 16px;
410
287
  }
411
288
  .bk-button-group .bk-button {
412
289
  height: 32px;
@@ -414,12 +291,12 @@
414
291
  border-radius: 0;
415
292
  }
416
293
  .bk-button-group .bk-button:not(.is-disabled) {
417
- color: var(--default-color);
418
- background-color: var(--white-color);
419
- border-color: var(--light-gray);
294
+ color: #63656e;
295
+ background-color: white;
296
+ border-color: #c4c6cc;
420
297
  }
421
298
  .bk-button-group .bk-button.is-disabled {
422
- color: var(--light-gray);
299
+ color: #c4c6cc;
423
300
  }
424
301
  .bk-button-group .bk-button:first-child {
425
302
  border-radius: 2px 0 0 2px;
@@ -434,13 +311,13 @@
434
311
  .bk-button-group .bk-button.is-selected:not(.is-disabled) {
435
312
  position: relative;
436
313
  z-index: 1;
437
- color: var(--primary-color);
438
- background-color: var(--white-color);
439
- border-color: var(--primary-color);
314
+ color: #3a84ff;
315
+ background-color: white;
316
+ border-color: #3a84ff;
440
317
  }
441
318
  .bk-button-group .bk-button.is-selected:not(.is-disabled) {
442
- background-color: var(--button-selected-bg-color);
319
+ background-color: #e1ecff;
443
320
  }
444
321
  .bk-button-group .bk-button.is-selected.is-disabled {
445
- background-color: var(--button-disabled-selected-bg-color);
322
+ background-color: #f0f1f5;
446
323
  }
@@ -104,7 +104,7 @@
104
104
  }
105
105
  })
106
106
 
107
- each(@sizeSelectors, {
107
+ each(@sizeSelectors, {
108
108
  @sizeBtnHeight: '@{value}BtnHeight';
109
109
  @sizeBtnPadding: '@{value}BtnPadding';
110
110
  @sizeBtnFontSize: '@{value}BtnFontSize';
@@ -161,16 +161,17 @@
161
161
  color: @disable-color;
162
162
  cursor: not-allowed;
163
163
  border-color: @disable-color;
164
+
164
165
  &:not(.is-text) {
165
166
  background-color: @disable-bg-color;
166
167
  }
167
168
  }
168
169
 
169
- // &.is-circle {
170
- // padding: 8px;
171
- // line-height: 1;
172
- // border-radius: 50%;
173
- // }
170
+ // &.is-circle {
171
+ // padding: 8px;
172
+ // line-height: 1;
173
+ // border-radius: 50%;
174
+ // }
174
175
  }
175
176
 
176
177