bkui-vue 1.0.3-beta.25 → 1.0.3-beta.26

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 (219) hide show
  1. package/dist/index.cjs.js +46 -46
  2. package/dist/index.esm.js +6148 -6162
  3. package/dist/index.umd.js +46 -46
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/affix/affix.css +1 -1
  7. package/lib/affix/affix.less +2 -2
  8. package/lib/affix/affix.variable.css +3 -3
  9. package/lib/alert/alert.css +21 -21
  10. package/lib/alert/alert.less +17 -16
  11. package/lib/alert/alert.variable.css +23 -23
  12. package/lib/backtop/backtop.css +11 -11
  13. package/lib/backtop/backtop.less +3 -3
  14. package/lib/backtop/backtop.variable.css +13 -13
  15. package/lib/badge/badge.css +32 -32
  16. package/lib/badge/badge.less +5 -5
  17. package/lib/badge/badge.variable.css +34 -34
  18. package/lib/breadcrumb/breadcrumb.css +31 -31
  19. package/lib/breadcrumb/breadcrumb.less +8 -8
  20. package/lib/breadcrumb/breadcrumb.variable.css +33 -33
  21. package/lib/button/button.css +69 -69
  22. package/lib/button/button.less +3 -5
  23. package/lib/button/button.variable.css +71 -71
  24. package/lib/card/card.css +31 -31
  25. package/lib/card/card.less +4 -4
  26. package/lib/card/card.variable.css +33 -33
  27. package/lib/cascader/cascader.css +63 -63
  28. package/lib/cascader/cascader.less +12 -11
  29. package/lib/cascader/cascader.variable.css +65 -65
  30. package/lib/checkbox/checkbox.css +21 -21
  31. package/lib/checkbox/checkbox.less +8 -8
  32. package/lib/checkbox/checkbox.variable.css +23 -23
  33. package/lib/code-diff/code-diff.css +97 -97
  34. package/lib/code-diff/code-diff.less +3 -4
  35. package/lib/code-diff/code-diff.variable.css +99 -99
  36. package/lib/collapse/collapse.css +30 -30
  37. package/lib/collapse/collapse.less +25 -24
  38. package/lib/collapse/collapse.variable.css +32 -32
  39. package/lib/collapse-transition/collapse-transition.css +32 -32
  40. package/lib/collapse-transition/collapse-transition.less +59 -48
  41. package/lib/collapse-transition/collapse-transition.variable.css +34 -34
  42. package/lib/color-picker/color-picker.css +57 -57
  43. package/lib/color-picker/color-picker.less +36 -30
  44. package/lib/color-picker/color-picker.variable.css +59 -59
  45. package/lib/config-provider/config-provider.variable.css +2 -2
  46. package/lib/container/container.css +19 -19
  47. package/lib/container/container.less +3 -3
  48. package/lib/container/container.variable.css +21 -21
  49. package/lib/date-picker/date-picker.css +92 -92
  50. package/lib/date-picker/date-picker.d.ts +0 -1
  51. package/lib/date-picker/date-picker.less +55 -54
  52. package/lib/date-picker/date-picker.variable.css +94 -94
  53. package/lib/date-picker/index.d.ts +0 -3
  54. package/lib/date-picker/index.js +8 -8
  55. package/lib/date-picker/time-picker.d.ts +0 -1
  56. package/lib/dialog/dialog.css +51 -51
  57. package/lib/dialog/dialog.less +1 -1
  58. package/lib/dialog/dialog.variable.css +53 -53
  59. package/lib/divider/divider.css +8 -8
  60. package/lib/divider/divider.less +5 -8
  61. package/lib/divider/divider.variable.css +10 -10
  62. package/lib/dropdown/dropdown.css +15 -15
  63. package/lib/dropdown/dropdown.less +6 -6
  64. package/lib/dropdown/dropdown.variable.css +17 -17
  65. package/lib/exception/exception.css +13 -13
  66. package/lib/exception/exception.less +6 -6
  67. package/lib/exception/exception.variable.css +15 -15
  68. package/lib/fixed-navbar/fixed-navbar.css +9 -9
  69. package/lib/fixed-navbar/fixed-navbar.less +1 -2
  70. package/lib/fixed-navbar/fixed-navbar.variable.css +11 -11
  71. package/lib/form/form.css +63 -63
  72. package/lib/form/form.less +14 -16
  73. package/lib/form/form.variable.css +65 -65
  74. package/lib/image/image-viewer.css +23 -23
  75. package/lib/image/image-viewer.less +24 -25
  76. package/lib/image/image-viewer.variable.css +25 -25
  77. package/lib/image/image.css +29 -29
  78. package/lib/image/image.less +6 -8
  79. package/lib/image/image.variable.css +31 -31
  80. package/lib/info-box/info-box.css +10 -10
  81. package/lib/info-box/info-box.less +1 -2
  82. package/lib/info-box/info-box.variable.css +12 -12
  83. package/lib/input/input.css +102 -104
  84. package/lib/input/input.less +27 -33
  85. package/lib/input/input.variable.css +104 -106
  86. package/lib/link/link.css +18 -18
  87. package/lib/link/link.less +1 -3
  88. package/lib/link/link.variable.css +20 -20
  89. package/lib/loading/loading.css +94 -94
  90. package/lib/loading/loading.less +4 -4
  91. package/lib/loading/loading.variable.css +96 -96
  92. package/lib/menu/menu.css +38 -38
  93. package/lib/menu/menu.less +10 -10
  94. package/lib/menu/menu.variable.css +40 -40
  95. package/lib/menu/submenu.css +1 -1
  96. package/lib/menu/submenu.less +1 -1
  97. package/lib/menu/submenu.variable.css +3 -3
  98. package/lib/message/message.css +59 -59
  99. package/lib/message/message.less +25 -24
  100. package/lib/message/message.variable.css +61 -61
  101. package/lib/modal/modal.css +26 -26
  102. package/lib/modal/modal.less +8 -12
  103. package/lib/modal/modal.variable.css +28 -28
  104. package/lib/navigation/navigation.css +25 -25
  105. package/lib/navigation/navigation.less +9 -9
  106. package/lib/navigation/navigation.variable.css +27 -27
  107. package/lib/notify/notify.css +17 -17
  108. package/lib/notify/notify.less +8 -6
  109. package/lib/notify/notify.variable.css +19 -19
  110. package/lib/pagination/pagination.css +60 -60
  111. package/lib/pagination/pagination.less +24 -25
  112. package/lib/pagination/pagination.variable.css +62 -62
  113. package/lib/pop-confirm/pop-confirm.css +10 -10
  114. package/lib/pop-confirm/pop-confirm.less +14 -11
  115. package/lib/pop-confirm/pop-confirm.variable.css +12 -12
  116. package/lib/popover/popover.css +5 -5
  117. package/lib/popover/popover.less +5 -6
  118. package/lib/popover/popover.variable.css +7 -7
  119. package/lib/process/process.css +36 -33
  120. package/lib/process/process.less +8 -7
  121. package/lib/process/process.variable.css +38 -35
  122. package/lib/progress/progress.css +33 -33
  123. package/lib/progress/progress.less +6 -5
  124. package/lib/progress/progress.variable.css +35 -35
  125. package/lib/radio/radio.css +51 -51
  126. package/lib/radio/radio.less +13 -20
  127. package/lib/radio/radio.variable.css +53 -53
  128. package/lib/rate/rate.css +2 -2
  129. package/lib/rate/rate.less +1 -1
  130. package/lib/rate/rate.variable.css +4 -4
  131. package/lib/rate/star.css +7 -7
  132. package/lib/rate/star.less +1 -1
  133. package/lib/rate/star.variable.css +9 -9
  134. package/lib/resize-layout/resize-layout.css +42 -42
  135. package/lib/resize-layout/resize-layout.less +17 -10
  136. package/lib/resize-layout/resize-layout.variable.css +44 -44
  137. package/lib/search-select/search-select.css +15 -15
  138. package/lib/search-select/search-select.variable.css +17 -17
  139. package/lib/select/select.css +87 -87
  140. package/lib/select/select.less +27 -22
  141. package/lib/select/select.variable.css +89 -89
  142. package/lib/shared/index.js +6 -4
  143. package/lib/sideslider/sideslider.css +14 -14
  144. package/lib/sideslider/sideslider.less +9 -13
  145. package/lib/sideslider/sideslider.variable.css +16 -16
  146. package/lib/slider/slider.css +31 -31
  147. package/lib/slider/slider.less +8 -8
  148. package/lib/slider/slider.variable.css +33 -33
  149. package/lib/steps/steps.css +134 -134
  150. package/lib/steps/steps.less +44 -48
  151. package/lib/steps/steps.variable.css +136 -136
  152. package/lib/styles/mixins/animate.css +4 -4
  153. package/lib/styles/mixins/animate.less +3 -3
  154. package/lib/styles/mixins/animate.variable.css +6 -6
  155. package/lib/styles/mixins/mixins.css +15 -15
  156. package/lib/styles/mixins/mixins.variable.css +15 -15
  157. package/lib/styles/mixins/popper.css +11 -11
  158. package/lib/styles/mixins/popper.less +6 -6
  159. package/lib/styles/mixins/popper.variable.css +13 -13
  160. package/lib/styles/mixins/scroll.css +5 -5
  161. package/lib/styles/mixins/scroll.less +4 -4
  162. package/lib/styles/mixins/scroll.variable.css +7 -7
  163. package/lib/styles/reset.css +6 -6
  164. package/lib/styles/reset.less +4 -5
  165. package/lib/styles/reset.variable.css +8 -8
  166. package/lib/styles/themes/themes copy.less +167 -0
  167. package/lib/styles/themes/themes.less +3 -10
  168. package/lib/swiper/swiper.css +15 -15
  169. package/lib/swiper/swiper.less +8 -8
  170. package/lib/swiper/swiper.variable.css +17 -17
  171. package/lib/switcher/switcher.css +57 -57
  172. package/lib/switcher/switcher.less +14 -22
  173. package/lib/switcher/switcher.variable.css +59 -59
  174. package/lib/tab/tab.css +78 -78
  175. package/lib/tab/tab.less +40 -39
  176. package/lib/tab/tab.variable.css +80 -80
  177. package/lib/table/components/table-column.d.ts +0 -1
  178. package/lib/table/index.d.ts +0 -1
  179. package/lib/table/index.js +0 -20
  180. package/lib/table/plugins/head-filter.css +13 -13
  181. package/lib/table/plugins/head-filter.less +3 -3
  182. package/lib/table/plugins/head-filter.variable.css +15 -15
  183. package/lib/table/plugins/head-sort.css +5 -5
  184. package/lib/table/plugins/head-sort.less +2 -2
  185. package/lib/table/plugins/head-sort.variable.css +7 -7
  186. package/lib/table/plugins/settings.css +26 -26
  187. package/lib/table/plugins/settings.less +1 -3
  188. package/lib/table/plugins/settings.variable.css +28 -28
  189. package/lib/table/table.css +380 -380
  190. package/lib/table/table.less +10 -14
  191. package/lib/table/table.variable.css +382 -382
  192. package/lib/table-column/index.d.ts +0 -3
  193. package/lib/table-column/index.js +0 -15
  194. package/lib/tag/tag.css +51 -51
  195. package/lib/tag/tag.less +34 -34
  196. package/lib/tag/tag.variable.css +53 -53
  197. package/lib/tag-input/tag-input.css +38 -38
  198. package/lib/tag-input/tag-input.less +3 -3
  199. package/lib/tag-input/tag-input.variable.css +40 -40
  200. package/lib/time-picker/index.d.ts +0 -3
  201. package/lib/time-picker/time-picker.css +40 -40
  202. package/lib/time-picker/time-picker.less +76 -44
  203. package/lib/time-picker/time-picker.variable.css +42 -42
  204. package/lib/timeline/timeline.css +69 -69
  205. package/lib/timeline/timeline.less +6 -12
  206. package/lib/timeline/timeline.variable.css +71 -71
  207. package/lib/transfer/transfer.css +89 -89
  208. package/lib/transfer/transfer.less +1 -1
  209. package/lib/transfer/transfer.variable.css +91 -91
  210. package/lib/tree/tree.css +49 -49
  211. package/lib/tree/tree.less +6 -7
  212. package/lib/tree/tree.variable.css +51 -51
  213. package/lib/upload/upload.css +98 -98
  214. package/lib/upload/upload.less +68 -69
  215. package/lib/upload/upload.variable.css +100 -100
  216. package/lib/virtual-render/virtual-render.css +9 -9
  217. package/lib/virtual-render/virtual-render.less +1 -1
  218. package/lib/virtual-render/virtual-render.variable.css +11 -11
  219. package/package.json +1 -1
package/lib/button/button.css CHANGED
@@ -1,4 +1,4 @@
1
- .bk-button {
1
+ :where(.bk-button) {
2
2
  display: inline-flex;
3
3
  height: 32px;
4
4
  padding: 0 14px;
@@ -17,242 +17,242 @@
17
17
  align-items: center;
18
18
  justify-content: center;
19
19
  }
20
- .bk-button.bk-button-primary {
20
+ :where(.bk-button).bk-button-primary {
21
21
  background-color: #3a84ff;
22
22
  color: white;
23
23
  border-color: #3a84ff;
24
24
  }
25
- .bk-button.bk-button-primary:hover {
25
+ :where(.bk-button).bk-button-primary:hover {
26
26
  background-color: #5594fa;
27
27
  border-color: #5594fa;
28
28
  }
29
- .bk-button.bk-button-primary:active {
29
+ :where(.bk-button).bk-button-primary:active {
30
30
  background-color: #2c77f4;
31
31
  border-color: #2c77f4;
32
32
  color: white;
33
33
  }
34
- .bk-button.bk-button-primary.is-outline {
34
+ :where(.bk-button).bk-button-primary.is-outline {
35
35
  color: #3a84ff;
36
36
  border-color: #3a84ff;
37
37
  background-color: white;
38
38
  }
39
- .bk-button.bk-button-primary.is-outline:hover {
39
+ :where(.bk-button).bk-button-primary.is-outline:hover {
40
40
  background-color: #5594fa;
41
41
  border-color: #5594fa;
42
42
  color: white;
43
43
  }
44
- .bk-button.bk-button-primary.is-outline:active {
44
+ :where(.bk-button).bk-button-primary.is-outline:active {
45
45
  background-color: #2c77f4;
46
46
  border-color: #2c77f4;
47
47
  color: white;
48
48
  }
49
- .bk-button.bk-button-primary.is-text {
49
+ :where(.bk-button).bk-button-primary.is-text {
50
50
  color: #3a84ff;
51
51
  background-color: transparent;
52
52
  border: none;
53
53
  }
54
- .bk-button.bk-button-primary.is-text:not(.is-disabled):hover {
54
+ :where(.bk-button).bk-button-primary.is-text:not(.is-disabled):hover {
55
55
  color: #5594fa;
56
56
  }
57
- .bk-button.bk-button-primary.is-disabled {
57
+ :where(.bk-button).bk-button-primary.is-disabled {
58
58
  color: #dcdee5;
59
59
  cursor: not-allowed;
60
60
  }
61
- .bk-button.bk-button-primary.is-disabled:not(.is-text) {
61
+ :where(.bk-button).bk-button-primary.is-disabled:not(.is-text) {
62
62
  background-color: #dcdee5;
63
63
  color: white;
64
64
  border-color: #dcdee5;
65
65
  }
66
- .bk-button.bk-button-hover-primary:hover {
66
+ :where(.bk-button).bk-button-hover-primary:hover {
67
67
  background-color: #5594fa;
68
68
  border-color: #5594fa;
69
69
  color: white;
70
70
  }
71
- .bk-button.bk-button-warning {
71
+ :where(.bk-button).bk-button-warning {
72
72
  background-color: #ff9c01;
73
73
  color: white;
74
74
  border-color: #ff9c01;
75
75
  }
76
- .bk-button.bk-button-warning:hover {
76
+ :where(.bk-button).bk-button-warning:hover {
77
77
  background-color: #ffb848;
78
78
  border-color: #ffb848;
79
79
  }
80
- .bk-button.bk-button-warning:active {
80
+ :where(.bk-button).bk-button-warning:active {
81
81
  background-color: #eb9000;
82
82
  border-color: #eb9000;
83
83
  color: white;
84
84
  }
85
- .bk-button.bk-button-warning.is-outline {
85
+ :where(.bk-button).bk-button-warning.is-outline {
86
86
  color: #ff9c01;
87
87
  border-color: #ff9c01;
88
88
  background-color: white;
89
89
  }
90
- .bk-button.bk-button-warning.is-outline:hover {
90
+ :where(.bk-button).bk-button-warning.is-outline:hover {
91
91
  background-color: #ffb848;
92
92
  border-color: #ffb848;
93
93
  color: white;
94
94
  }
95
- .bk-button.bk-button-warning.is-outline:active {
95
+ :where(.bk-button).bk-button-warning.is-outline:active {
96
96
  background-color: #eb9000;
97
97
  border-color: #eb9000;
98
98
  color: white;
99
99
  }
100
- .bk-button.bk-button-warning.is-text {
100
+ :where(.bk-button).bk-button-warning.is-text {
101
101
  color: #ff9c01;
102
102
  background-color: transparent;
103
103
  border: none;
104
104
  }
105
- .bk-button.bk-button-warning.is-text:not(.is-disabled):hover {
105
+ :where(.bk-button).bk-button-warning.is-text:not(.is-disabled):hover {
106
106
  color: #ffb848;
107
107
  }
108
- .bk-button.bk-button-warning.is-disabled {
108
+ :where(.bk-button).bk-button-warning.is-disabled {
109
109
  color: #dcdee5;
110
110
  cursor: not-allowed;
111
111
  }
112
- .bk-button.bk-button-warning.is-disabled:not(.is-text) {
112
+ :where(.bk-button).bk-button-warning.is-disabled:not(.is-text) {
113
113
  background-color: #dcdee5;
114
114
  color: white;
115
115
  border-color: #dcdee5;
116
116
  }
117
- .bk-button.bk-button-hover-warning:hover {
117
+ :where(.bk-button).bk-button-hover-warning:hover {
118
118
  background-color: #ffb848;
119
119
  border-color: #ffb848;
120
120
  color: white;
121
121
  }
122
- .bk-button.bk-button-success {
122
+ :where(.bk-button).bk-button-success {
123
123
  background-color: #2dcb56;
124
124
  color: white;
125
125
  border-color: #2dcb56;
126
126
  }
127
- .bk-button.bk-button-success:hover {
127
+ :where(.bk-button).bk-button-success:hover {
128
128
  background-color: #45e35f;
129
129
  border-color: #45e35f;
130
130
  }
131
- .bk-button.bk-button-success:active {
131
+ :where(.bk-button).bk-button-success:active {
132
132
  background-color: #1ab943;
133
133
  border-color: #1ab943;
134
134
  color: white;
135
135
  }
136
- .bk-button.bk-button-success.is-outline {
136
+ :where(.bk-button).bk-button-success.is-outline {
137
137
  color: #2dcb56;
138
138
  border-color: #2dcb56;
139
139
  background-color: white;
140
140
  }
141
- .bk-button.bk-button-success.is-outline:hover {
141
+ :where(.bk-button).bk-button-success.is-outline:hover {
142
142
  background-color: #45e35f;
143
143
  border-color: #45e35f;
144
144
  color: white;
145
145
  }
146
- .bk-button.bk-button-success.is-outline:active {
146
+ :where(.bk-button).bk-button-success.is-outline:active {
147
147
  background-color: #1ab943;
148
148
  border-color: #1ab943;
149
149
  color: white;
150
150
  }
151
- .bk-button.bk-button-success.is-text {
151
+ :where(.bk-button).bk-button-success.is-text {
152
152
  color: #2dcb56;
153
153
  background-color: transparent;
154
154
  border: none;
155
155
  }
156
- .bk-button.bk-button-success.is-text:not(.is-disabled):hover {
156
+ :where(.bk-button).bk-button-success.is-text:not(.is-disabled):hover {
157
157
  color: #45e35f;
158
158
  }
159
- .bk-button.bk-button-success.is-disabled {
159
+ :where(.bk-button).bk-button-success.is-disabled {
160
160
  color: #dcdee5;
161
161
  cursor: not-allowed;
162
162
  }
163
- .bk-button.bk-button-success.is-disabled:not(.is-text) {
163
+ :where(.bk-button).bk-button-success.is-disabled:not(.is-text) {
164
164
  background-color: #dcdee5;
165
165
  color: white;
166
166
  border-color: #dcdee5;
167
167
  }
168
- .bk-button.bk-button-hover-success:hover {
168
+ :where(.bk-button).bk-button-hover-success:hover {
169
169
  background-color: #45e35f;
170
170
  border-color: #45e35f;
171
171
  color: white;
172
172
  }
173
- .bk-button.bk-button-danger {
173
+ :where(.bk-button).bk-button-danger {
174
174
  background-color: #ea3636;
175
175
  color: white;
176
176
  border-color: #ea3636;
177
177
  }
178
- .bk-button.bk-button-danger:hover {
178
+ :where(.bk-button).bk-button-danger:hover {
179
179
  background-color: #ff5656;
180
180
  border-color: #ff5656;
181
181
  }
182
- .bk-button.bk-button-danger:active {
182
+ :where(.bk-button).bk-button-danger:active {
183
183
  background-color: #db2626;
184
184
  border-color: #db2626;
185
185
  color: white;
186
186
  }
187
- .bk-button.bk-button-danger.is-outline {
187
+ :where(.bk-button).bk-button-danger.is-outline {
188
188
  color: #ea3636;
189
189
  border-color: #ea3636;
190
190
  background-color: white;
191
191
  }
192
- .bk-button.bk-button-danger.is-outline:hover {
192
+ :where(.bk-button).bk-button-danger.is-outline:hover {
193
193
  background-color: #ff5656;
194
194
  border-color: #ff5656;
195
195
  color: white;
196
196
  }
197
- .bk-button.bk-button-danger.is-outline:active {
197
+ :where(.bk-button).bk-button-danger.is-outline:active {
198
198
  background-color: #db2626;
199
199
  border-color: #db2626;
200
200
  color: white;
201
201
  }
202
- .bk-button.bk-button-danger.is-text {
202
+ :where(.bk-button).bk-button-danger.is-text {
203
203
  color: #ea3636;
204
204
  background-color: transparent;
205
205
  border: none;
206
206
  }
207
- .bk-button.bk-button-danger.is-text:not(.is-disabled):hover {
207
+ :where(.bk-button).bk-button-danger.is-text:not(.is-disabled):hover {
208
208
  color: #ff5656;
209
209
  }
210
- .bk-button.bk-button-danger.is-disabled {
210
+ :where(.bk-button).bk-button-danger.is-disabled {
211
211
  color: #dcdee5;
212
212
  cursor: not-allowed;
213
213
  }
214
- .bk-button.bk-button-danger.is-disabled:not(.is-text) {
214
+ :where(.bk-button).bk-button-danger.is-disabled:not(.is-text) {
215
215
  background-color: #dcdee5;
216
216
  color: white;
217
217
  border-color: #dcdee5;
218
218
  }
219
- .bk-button.bk-button-hover-danger:hover {
219
+ :where(.bk-button).bk-button-hover-danger:hover {
220
220
  background-color: #ff5656;
221
221
  border-color: #ff5656;
222
222
  color: white;
223
223
  }
224
- .bk-button.bk-button-small {
224
+ :where(.bk-button).bk-button-small {
225
225
  height: 26px;
226
226
  padding: 0 12px;
227
227
  font-size: 12px;
228
228
  }
229
- .bk-button.bk-button-large {
229
+ :where(.bk-button).bk-button-large {
230
230
  height: 40px;
231
231
  padding: 0 16px;
232
232
  font-size: 16px;
233
233
  }
234
- .bk-button .bk-button-text {
234
+ :where(.bk-button) .bk-button-text {
235
235
  display: inline-flex;
236
236
  align-items: center;
237
237
  line-height: 1;
238
238
  }
239
- .bk-button.is-loading {
239
+ :where(.bk-button).is-loading {
240
240
  position: relative;
241
241
  }
242
- .bk-button.is-loading .bk-button-loading:not(:last-child) {
242
+ :where(.bk-button).is-loading .bk-button-loading:not(:last-child) {
243
243
  position: absolute;
244
244
  }
245
- .bk-button.is-loading .bk-button-text {
245
+ :where(.bk-button).is-loading .bk-button-text {
246
246
  visibility: hidden;
247
247
  }
248
- .bk-button:hover {
248
+ :where(.bk-button):hover {
249
249
  border-color: #979ba5;
250
250
  }
251
- .bk-button:active {
251
+ :where(.bk-button):active {
252
252
  color: #3a84ff;
253
253
  border-color: #3a84ff;
254
254
  }
255
- .bk-button.is-text {
255
+ :where(.bk-button).is-text {
256
256
  height: auto;
257
257
  padding: 0;
258
258
  font-size: inherit;
@@ -263,61 +263,61 @@
263
263
  border: none;
264
264
  outline: none;
265
265
  }
266
- .bk-button.is-disabled {
266
+ :where(.bk-button).is-disabled {
267
267
  color: #dcdee5;
268
268
  cursor: not-allowed;
269
269
  border-color: #dcdee5;
270
270
  }
271
- .bk-button.is-disabled:not(.is-text) {
271
+ :where(.bk-button).is-disabled:not(.is-text) {
272
272
  background-color: #f9fafd;
273
273
  }
274
- .bk-button-group {
274
+ :where(.bk-button-group) {
275
275
  display: inline-block;
276
276
  font-size: 0;
277
277
  }
278
- .bk-button-group.bk-button-group-small .bk-button {
278
+ :where(.bk-button-group).bk-button-group-small .bk-button {
279
279
  height: 26px;
280
280
  padding: 0 12px;
281
281
  font-size: 12px;
282
282
  }
283
- .bk-button-group.bk-button-group-large .bk-button {
283
+ :where(.bk-button-group).bk-button-group-large .bk-button {
284
284
  height: 40px;
285
285
  padding: 0 16px;
286
286
  font-size: 16px;
287
287
  }
288
- .bk-button-group .bk-button {
288
+ :where(.bk-button-group) .bk-button {
289
289
  height: 32px;
290
290
  margin: 0 0 0 -1px;
291
291
  border-radius: 0;
292
292
  }
293
- .bk-button-group .bk-button:not(.is-disabled) {
293
+ :where(.bk-button-group) .bk-button:not(.is-disabled) {
294
294
  color: #63656e;
295
295
  background-color: white;
296
296
  border-color: #c4c6cc;
297
297
  }
298
- .bk-button-group .bk-button.is-disabled {
298
+ :where(.bk-button-group) .bk-button.is-disabled {
299
299
  color: #c4c6cc;
300
300
  }
301
- .bk-button-group .bk-button:first-child {
301
+ :where(.bk-button-group) .bk-button:first-child {
302
302
  border-radius: 2px 0 0 2px;
303
303
  }
304
- .bk-button-group .bk-button:last-child {
304
+ :where(.bk-button-group) .bk-button:last-child {
305
305
  border-radius: 0 2px 2px 0;
306
306
  }
307
- .bk-button-group .bk-button:only-child {
307
+ :where(.bk-button-group) .bk-button:only-child {
308
308
  border-radius: 2px;
309
309
  }
310
- .bk-button-group .bk-button:hover:not(.is-disabled),
311
- .bk-button-group .bk-button.is-selected:not(.is-disabled) {
310
+ :where(.bk-button-group) .bk-button:hover:not(.is-disabled),
311
+ :where(.bk-button-group) .bk-button.is-selected:not(.is-disabled) {
312
312
  position: relative;
313
313
  z-index: 1;
314
314
  color: #3a84ff;
315
315
  background-color: white;
316
316
  border-color: #3a84ff;
317
317
  }
318
- .bk-button-group .bk-button.is-selected:not(.is-disabled) {
318
+ :where(.bk-button-group) .bk-button.is-selected:not(.is-disabled) {
319
319
  background-color: #e1ecff;
320
320
  }
321
- .bk-button-group .bk-button.is-selected.is-disabled {
321
+ :where(.bk-button-group) .bk-button.is-selected.is-disabled {
322
322
  background-color: #f0f1f5;
323
323
  }
package/lib/button/button.less CHANGED
@@ -15,7 +15,7 @@
15
15
  @themeSelectors: primary, warning, success, danger;
16
16
  @sizeSelectors: small, large;
17
17
 
18
- .@{bk-prefix}-button {
18
+ :where(.@{bk-prefix}-button) {
19
19
  display: inline-flex;
20
20
  height: @btnHeight;
21
21
  padding: @btnPadding;
@@ -29,7 +29,7 @@
29
29
  border-radius: @btnBorderRadius;
30
30
  outline: none;
31
31
  box-sizing: border-box;
32
- transition: background-color ease .3s;
32
+ transition: background-color ease 0.3s;
33
33
  appearance: none;
34
34
  align-items: center;
35
35
  justify-content: center;
@@ -174,8 +174,7 @@
174
174
  // }
175
175
  }
176
176
 
177
-
178
- .@{bk-prefix}-button-group {
177
+ :where(.@{bk-prefix}-button-group) {
179
178
  display: inline-block;
180
179
  font-size: 0;
181
180
 
@@ -236,6 +235,5 @@
236
235
  &.is-selected.is-disabled {
237
236
  background-color: @button-disabled-selected-bg-color;
238
237
  }
239
-
240
238
  }
241
239
  }