bkui-vue 1.0.3-beta.24 → 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 (205) hide show
  1. package/dist/style.css +1 -1
  2. package/dist/style.variable.css +1 -1
  3. package/lib/affix/affix.css +1 -1
  4. package/lib/affix/affix.less +2 -2
  5. package/lib/affix/affix.variable.css +3 -3
  6. package/lib/alert/alert.css +21 -21
  7. package/lib/alert/alert.less +17 -16
  8. package/lib/alert/alert.variable.css +23 -23
  9. package/lib/backtop/backtop.css +11 -11
  10. package/lib/backtop/backtop.less +3 -3
  11. package/lib/backtop/backtop.variable.css +13 -13
  12. package/lib/badge/badge.css +32 -32
  13. package/lib/badge/badge.less +5 -5
  14. package/lib/badge/badge.variable.css +34 -34
  15. package/lib/breadcrumb/breadcrumb.css +31 -31
  16. package/lib/breadcrumb/breadcrumb.less +8 -8
  17. package/lib/breadcrumb/breadcrumb.variable.css +33 -33
  18. package/lib/button/button.css +69 -69
  19. package/lib/button/button.less +3 -5
  20. package/lib/button/button.variable.css +71 -71
  21. package/lib/card/card.css +31 -31
  22. package/lib/card/card.less +4 -4
  23. package/lib/card/card.variable.css +33 -33
  24. package/lib/cascader/cascader.css +63 -63
  25. package/lib/cascader/cascader.less +12 -11
  26. package/lib/cascader/cascader.variable.css +65 -65
  27. package/lib/checkbox/checkbox.css +21 -21
  28. package/lib/checkbox/checkbox.less +8 -8
  29. package/lib/checkbox/checkbox.variable.css +23 -23
  30. package/lib/code-diff/code-diff.css +97 -97
  31. package/lib/code-diff/code-diff.less +3 -4
  32. package/lib/code-diff/code-diff.variable.css +99 -99
  33. package/lib/collapse/collapse.css +30 -30
  34. package/lib/collapse/collapse.less +25 -24
  35. package/lib/collapse/collapse.variable.css +32 -32
  36. package/lib/collapse-transition/collapse-transition.css +32 -32
  37. package/lib/collapse-transition/collapse-transition.less +59 -48
  38. package/lib/collapse-transition/collapse-transition.variable.css +34 -34
  39. package/lib/color-picker/color-picker.css +57 -57
  40. package/lib/color-picker/color-picker.less +36 -30
  41. package/lib/color-picker/color-picker.variable.css +59 -59
  42. package/lib/config-provider/config-provider.variable.css +2 -2
  43. package/lib/container/container.css +19 -19
  44. package/lib/container/container.less +3 -3
  45. package/lib/container/container.variable.css +21 -21
  46. package/lib/date-picker/date-picker.css +92 -92
  47. package/lib/date-picker/date-picker.less +55 -54
  48. package/lib/date-picker/date-picker.variable.css +94 -94
  49. package/lib/dialog/dialog.css +51 -51
  50. package/lib/dialog/dialog.less +1 -1
  51. package/lib/dialog/dialog.variable.css +53 -53
  52. package/lib/divider/divider.css +8 -8
  53. package/lib/divider/divider.less +5 -8
  54. package/lib/divider/divider.variable.css +10 -10
  55. package/lib/dropdown/dropdown.css +15 -15
  56. package/lib/dropdown/dropdown.less +6 -6
  57. package/lib/dropdown/dropdown.variable.css +17 -17
  58. package/lib/exception/exception.css +13 -13
  59. package/lib/exception/exception.less +6 -6
  60. package/lib/exception/exception.variable.css +15 -15
  61. package/lib/fixed-navbar/fixed-navbar.css +9 -9
  62. package/lib/fixed-navbar/fixed-navbar.less +1 -2
  63. package/lib/fixed-navbar/fixed-navbar.variable.css +11 -11
  64. package/lib/form/form.css +63 -63
  65. package/lib/form/form.less +14 -16
  66. package/lib/form/form.variable.css +65 -65
  67. package/lib/image/image-viewer.css +23 -23
  68. package/lib/image/image-viewer.less +24 -25
  69. package/lib/image/image-viewer.variable.css +25 -25
  70. package/lib/image/image.css +29 -29
  71. package/lib/image/image.less +6 -8
  72. package/lib/image/image.variable.css +31 -31
  73. package/lib/info-box/info-box.css +10 -10
  74. package/lib/info-box/info-box.less +1 -2
  75. package/lib/info-box/info-box.variable.css +12 -12
  76. package/lib/input/input.css +102 -104
  77. package/lib/input/input.less +27 -33
  78. package/lib/input/input.variable.css +104 -106
  79. package/lib/link/link.css +18 -18
  80. package/lib/link/link.less +1 -3
  81. package/lib/link/link.variable.css +20 -20
  82. package/lib/loading/loading.css +94 -94
  83. package/lib/loading/loading.less +4 -4
  84. package/lib/loading/loading.variable.css +96 -96
  85. package/lib/menu/menu.css +38 -38
  86. package/lib/menu/menu.less +10 -10
  87. package/lib/menu/menu.variable.css +40 -40
  88. package/lib/menu/submenu.css +1 -1
  89. package/lib/menu/submenu.less +1 -1
  90. package/lib/menu/submenu.variable.css +3 -3
  91. package/lib/message/message.css +59 -59
  92. package/lib/message/message.less +25 -24
  93. package/lib/message/message.variable.css +61 -61
  94. package/lib/modal/modal.css +26 -26
  95. package/lib/modal/modal.less +8 -12
  96. package/lib/modal/modal.variable.css +28 -28
  97. package/lib/navigation/navigation.css +25 -25
  98. package/lib/navigation/navigation.less +9 -9
  99. package/lib/navigation/navigation.variable.css +27 -27
  100. package/lib/notify/notify.css +17 -17
  101. package/lib/notify/notify.less +8 -6
  102. package/lib/notify/notify.variable.css +19 -19
  103. package/lib/pagination/pagination.css +60 -60
  104. package/lib/pagination/pagination.less +24 -25
  105. package/lib/pagination/pagination.variable.css +62 -62
  106. package/lib/pop-confirm/pop-confirm.css +10 -10
  107. package/lib/pop-confirm/pop-confirm.less +14 -11
  108. package/lib/pop-confirm/pop-confirm.variable.css +12 -12
  109. package/lib/popover/popover.css +5 -5
  110. package/lib/popover/popover.less +5 -6
  111. package/lib/popover/popover.variable.css +7 -7
  112. package/lib/process/process.css +36 -33
  113. package/lib/process/process.less +8 -7
  114. package/lib/process/process.variable.css +38 -35
  115. package/lib/progress/progress.css +33 -33
  116. package/lib/progress/progress.less +6 -5
  117. package/lib/progress/progress.variable.css +35 -35
  118. package/lib/radio/radio.css +51 -51
  119. package/lib/radio/radio.less +13 -20
  120. package/lib/radio/radio.variable.css +53 -53
  121. package/lib/rate/rate.css +2 -2
  122. package/lib/rate/rate.less +1 -1
  123. package/lib/rate/rate.variable.css +4 -4
  124. package/lib/rate/star.css +7 -7
  125. package/lib/rate/star.less +1 -1
  126. package/lib/rate/star.variable.css +9 -9
  127. package/lib/resize-layout/resize-layout.css +42 -42
  128. package/lib/resize-layout/resize-layout.less +17 -10
  129. package/lib/resize-layout/resize-layout.variable.css +44 -44
  130. package/lib/search-select/search-select.css +15 -15
  131. package/lib/search-select/search-select.variable.css +17 -17
  132. package/lib/select/select.css +87 -87
  133. package/lib/select/select.less +27 -22
  134. package/lib/select/select.variable.css +89 -89
  135. package/lib/sideslider/sideslider.css +14 -14
  136. package/lib/sideslider/sideslider.less +9 -13
  137. package/lib/sideslider/sideslider.variable.css +16 -16
  138. package/lib/slider/slider.css +31 -31
  139. package/lib/slider/slider.less +8 -8
  140. package/lib/slider/slider.variable.css +33 -33
  141. package/lib/steps/steps.css +134 -134
  142. package/lib/steps/steps.less +44 -48
  143. package/lib/steps/steps.variable.css +136 -136
  144. package/lib/styles/mixins/animate.css +4 -4
  145. package/lib/styles/mixins/animate.less +3 -3
  146. package/lib/styles/mixins/animate.variable.css +6 -6
  147. package/lib/styles/mixins/mixins.css +15 -15
  148. package/lib/styles/mixins/mixins.variable.css +15 -15
  149. package/lib/styles/mixins/popper.css +11 -11
  150. package/lib/styles/mixins/popper.less +6 -6
  151. package/lib/styles/mixins/popper.variable.css +13 -13
  152. package/lib/styles/mixins/scroll.css +5 -5
  153. package/lib/styles/mixins/scroll.less +4 -4
  154. package/lib/styles/mixins/scroll.variable.css +7 -7
  155. package/lib/styles/reset.css +6 -6
  156. package/lib/styles/reset.less +4 -5
  157. package/lib/styles/reset.variable.css +8 -8
  158. package/lib/styles/themes/themes copy.less +167 -0
  159. package/lib/styles/themes/themes.less +3 -10
  160. package/lib/swiper/swiper.css +15 -15
  161. package/lib/swiper/swiper.less +8 -8
  162. package/lib/swiper/swiper.variable.css +17 -17
  163. package/lib/switcher/switcher.css +57 -57
  164. package/lib/switcher/switcher.less +14 -22
  165. package/lib/switcher/switcher.variable.css +59 -59
  166. package/lib/tab/tab.css +78 -78
  167. package/lib/tab/tab.less +40 -39
  168. package/lib/tab/tab.variable.css +80 -80
  169. package/lib/table/plugins/head-filter.css +13 -13
  170. package/lib/table/plugins/head-filter.less +3 -3
  171. package/lib/table/plugins/head-filter.variable.css +15 -15
  172. package/lib/table/plugins/head-sort.css +5 -5
  173. package/lib/table/plugins/head-sort.less +2 -2
  174. package/lib/table/plugins/head-sort.variable.css +7 -7
  175. package/lib/table/plugins/settings.css +26 -26
  176. package/lib/table/plugins/settings.less +1 -3
  177. package/lib/table/plugins/settings.variable.css +28 -28
  178. package/lib/table/table.css +380 -380
  179. package/lib/table/table.less +10 -14
  180. package/lib/table/table.variable.css +382 -382
  181. package/lib/tag/tag.css +51 -51
  182. package/lib/tag/tag.less +34 -34
  183. package/lib/tag/tag.variable.css +53 -53
  184. package/lib/tag-input/tag-input.css +38 -38
  185. package/lib/tag-input/tag-input.less +3 -3
  186. package/lib/tag-input/tag-input.variable.css +40 -40
  187. package/lib/time-picker/time-picker.css +40 -40
  188. package/lib/time-picker/time-picker.less +76 -44
  189. package/lib/time-picker/time-picker.variable.css +42 -42
  190. package/lib/timeline/timeline.css +69 -69
  191. package/lib/timeline/timeline.less +6 -12
  192. package/lib/timeline/timeline.variable.css +71 -71
  193. package/lib/transfer/transfer.css +89 -89
  194. package/lib/transfer/transfer.less +1 -1
  195. package/lib/transfer/transfer.variable.css +91 -91
  196. package/lib/tree/tree.css +49 -49
  197. package/lib/tree/tree.less +6 -7
  198. package/lib/tree/tree.variable.css +51 -51
  199. package/lib/upload/upload.css +98 -98
  200. package/lib/upload/upload.less +68 -69
  201. package/lib/upload/upload.variable.css +100 -100
  202. package/lib/virtual-render/virtual-render.css +9 -9
  203. package/lib/virtual-render/virtual-render.less +1 -1
  204. package/lib/virtual-render/virtual-render.variable.css +11 -11
  205. package/package.json +1 -1
package/lib/date-picker/date-picker.css CHANGED
@@ -1,21 +1,21 @@
1
- .bk-date-picker {
1
+ :where(.bk-date-picker) {
2
2
  display: inline-block;
3
3
  width: 261px;
4
4
  line-height: normal;
5
5
  }
6
- .bk-date-picker.long {
6
+ :where(.bk-date-picker).long {
7
7
  width: 342px;
8
8
  }
9
- .bk-date-picker.medium-width {
9
+ :where(.bk-date-picker).medium-width {
10
10
  width: 362px;
11
11
  }
12
- .bk-date-picker.large-width {
12
+ :where(.bk-date-picker).large-width {
13
13
  width: 402px;
14
14
  }
15
- .bk-date-picker-rel {
15
+ :where(.bk-date-picker-rel) {
16
16
  position: relative;
17
17
  }
18
- .bk-date-picker-rel .bk-date-picker-editor {
18
+ :where(.bk-date-picker-rel) .bk-date-picker-editor {
19
19
  display: block;
20
20
  width: 100%;
21
21
  height: 32px;
@@ -29,40 +29,40 @@
29
29
  outline: none;
30
30
  box-sizing: border-box;
31
31
  }
32
- .bk-date-picker-rel .bk-date-picker-editor.only-bottom-border {
32
+ :where(.bk-date-picker-rel) .bk-date-picker-editor.only-bottom-border {
33
33
  border-color: transparent transparent #c4c6cc transparent;
34
34
  }
35
- .bk-date-picker-rel .bk-date-picker-editor.only-bottom-border:focus {
35
+ :where(.bk-date-picker-rel) .bk-date-picker-editor.only-bottom-border:focus {
36
36
  border-color: transparent transparent #3a84ff transparent;
37
37
  box-shadow: none;
38
38
  }
39
- .bk-date-picker-rel .bk-date-picker-editor.only-bottom-border[disabled],
40
- .bk-date-picker-rel .bk-date-picker-editor.only-bottom-border.readonly {
39
+ :where(.bk-date-picker-rel) .bk-date-picker-editor.only-bottom-border[disabled],
40
+ :where(.bk-date-picker-rel) .bk-date-picker-editor.only-bottom-border.readonly {
41
41
  border-color: transparent transparent #dcdee5 transparent;
42
42
  }
43
- .bk-date-picker-rel .bk-date-picker-editor:focus {
43
+ :where(.bk-date-picker-rel) .bk-date-picker-editor:focus {
44
44
  border: 1px solid #3a84ff;
45
45
  }
46
- .bk-date-picker-rel .bk-date-picker-editor::placeholder {
46
+ :where(.bk-date-picker-rel) .bk-date-picker-editor::placeholder {
47
47
  color: #c4c6cc;
48
48
  }
49
- .bk-date-picker-rel .bk-date-picker-editor[disabled] {
49
+ :where(.bk-date-picker-rel) .bk-date-picker-editor[disabled] {
50
50
  color: #c4c6cc;
51
51
  cursor: not-allowed;
52
52
  background-color: #fafbfd;
53
53
  border-color: #c4c6cc;
54
54
  }
55
- .bk-date-picker-rel .bk-date-picker-editor.readonly {
55
+ :where(.bk-date-picker-rel) .bk-date-picker-editor.readonly {
56
56
  background-color: #fafbfd;
57
57
  border-color: #c4c6cc;
58
58
  }
59
- .bk-date-picker-rel .bk-date-picker-editor.medium-font {
59
+ :where(.bk-date-picker-rel) .bk-date-picker-editor.medium-font {
60
60
  font-size: 14px;
61
61
  }
62
- .bk-date-picker-rel .bk-date-picker-editor.large-font {
62
+ :where(.bk-date-picker-rel) .bk-date-picker-editor.large-font {
63
63
  font-size: 16px;
64
64
  }
65
- .bk-date-picker-rel .clear-action {
65
+ :where(.bk-date-picker-rel) .clear-action {
66
66
  position: absolute;
67
67
  top: 50%;
68
68
  right: 10px;
@@ -72,10 +72,10 @@
72
72
  cursor: pointer;
73
73
  transform: translateY(-50%);
74
74
  }
75
- .bk-date-picker-rel .clear-action:hover {
75
+ :where(.bk-date-picker-rel) .clear-action:hover {
76
76
  color: #979ba5;
77
77
  }
78
- .bk-date-picker-rel .icon-wrapper {
78
+ :where(.bk-date-picker-rel) .icon-wrapper {
79
79
  position: absolute;
80
80
  top: 0;
81
81
  left: 0;
@@ -86,16 +86,16 @@
86
86
  cursor: pointer;
87
87
  background-color: transparent;
88
88
  }
89
- .bk-date-picker-rel .icon-wrapper.disabled {
89
+ :where(.bk-date-picker-rel) .icon-wrapper.disabled {
90
90
  cursor: not-allowed;
91
91
  }
92
- .bk-date-picker-rel .icon-wrapper i.icon-clock {
92
+ :where(.bk-date-picker-rel) .icon-wrapper i.icon-clock {
93
93
  position: absolute;
94
94
  top: 50%;
95
95
  left: 50%;
96
96
  transform: translate(-50%, -50%);
97
97
  }
98
- .bk-date-picker-rel .icon-wrapper .picker-icon {
98
+ :where(.bk-date-picker-rel) .icon-wrapper .picker-icon {
99
99
  position: absolute;
100
100
  top: 50%;
101
101
  left: 50%;
@@ -103,7 +103,7 @@
103
103
  height: 18px;
104
104
  transform: translate(-50%, -50%);
105
105
  }
106
- .bk-date-picker-dropdown {
106
+ :where(.bk-date-picker-dropdown) {
107
107
  position: absolute;
108
108
  z-index: 900;
109
109
  padding: 5px 0 0 0;
@@ -114,28 +114,28 @@
114
114
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
115
115
  box-sizing: border-box;
116
116
  }
117
- .bk-date-picker .bk-select-dropdown {
117
+ :where(.bk-date-picker) .bk-select-dropdown {
118
118
  max-height: none;
119
119
  padding: 0;
120
120
  overflow: visible;
121
121
  }
122
- .bk-date-picker-footer-wrapper {
122
+ :where(.bk-date-picker-footer-wrapper) {
123
123
  clear: both;
124
124
  font-size: 14px;
125
125
  color: #979ba5;
126
126
  background-color: #fafbfd;
127
127
  border-top: 1px solid #dcdee5;
128
128
  }
129
- .bk-date-picker-top-wrapper {
129
+ :where(.bk-date-picker-top-wrapper) {
130
130
  margin-top: -5px;
131
131
  clear: both;
132
132
  font-size: 14px;
133
133
  color: #979ba5;
134
134
  }
135
- .bk-picker-panel-body-wrapper.bk-picker-panel-with-sidebar {
135
+ :where(.bk-picker-panel-body-wrapper).bk-picker-panel-with-sidebar {
136
136
  padding-right: 140px;
137
137
  }
138
- .bk-picker-panel-sidebar {
138
+ :where(.bk-picker-panel-sidebar) {
139
139
  position: absolute;
140
140
  top: 0;
141
141
  right: 0;
@@ -148,7 +148,7 @@
148
148
  background-color: #fafbfd;
149
149
  border-left: 1px solid #dcdee5;
150
150
  }
151
- .bk-picker-panel-sidebar .bk-picker-panel-shortcut {
151
+ :where(.bk-picker-panel-sidebar) .bk-picker-panel-shortcut {
152
152
  /* &:nth-of-type(1) {
153
153
  padding-top: 18px;
154
154
  }
@@ -161,31 +161,31 @@
161
161
  white-space: nowrap;
162
162
  cursor: pointer;
163
163
  }
164
- .bk-picker-panel-sidebar .bk-picker-panel-shortcut:hover {
164
+ :where(.bk-picker-panel-sidebar) .bk-picker-panel-shortcut:hover {
165
165
  background-color: #e1ecff;
166
166
  }
167
- .bk-picker-panel-sidebar .bk-picker-panel-shortcuts {
167
+ :where(.bk-picker-panel-sidebar) .bk-picker-panel-shortcuts {
168
168
  height: 100%;
169
169
  overflow: auto;
170
170
  }
171
- .bk-picker-panel-sidebar .bk-picker-panel-shortcuts > div {
171
+ :where(.bk-picker-panel-sidebar) .bk-picker-panel-shortcuts > div {
172
172
  height: 32px;
173
173
  padding-left: 30px;
174
174
  line-height: 32px;
175
175
  color: #63656e;
176
176
  cursor: pointer;
177
177
  }
178
- .bk-picker-panel-sidebar .bk-picker-panel-shortcuts > div:hover {
178
+ :where(.bk-picker-panel-sidebar) .bk-picker-panel-shortcuts > div:hover {
179
179
  background-color: #f5f7fa;
180
180
  }
181
- .bk-picker-panel-sidebar .bk-picker-panel-shortcuts .shortcuts-item-active {
181
+ :where(.bk-picker-panel-sidebar) .bk-picker-panel-shortcuts .shortcuts-item-active {
182
182
  color: #3a84ff;
183
183
  background-color: #e1ecff;
184
184
  }
185
- .bk-picker-panel-body {
185
+ :where(.bk-picker-panel-body) {
186
186
  float: left;
187
187
  }
188
- .bk-picker-confirm {
188
+ :where(.bk-picker-confirm) {
189
189
  display: flex;
190
190
  height: 42px;
191
191
  padding: 0 20px;
@@ -197,29 +197,29 @@
197
197
  border-top: 1px solid #dcdee5;
198
198
  justify-content: flex-end;
199
199
  }
200
- .bk-picker-confirm a {
200
+ :where(.bk-picker-confirm) a {
201
201
  color: #979ba5;
202
202
  }
203
- .bk-picker-confirm a.confirm {
203
+ :where(.bk-picker-confirm) a.confirm {
204
204
  margin-left: 10px;
205
205
  color: #3a84ff;
206
206
  }
207
- .bk-picker-confirm a[disabled] {
207
+ :where(.bk-picker-confirm) a[disabled] {
208
208
  color: #c4c6cc;
209
209
  cursor: not-allowed;
210
210
  }
211
- .bk-picker-confirm .bk-picker-confirm-time {
211
+ :where(.bk-picker-confirm) .bk-picker-confirm-time {
212
212
  height: 100%;
213
213
  margin-right: auto;
214
214
  color: #979ba5;
215
215
  }
216
- .bk-picker-confirm .bk-picker-confirm-time.is-disabled {
216
+ :where(.bk-picker-confirm) .bk-picker-confirm-time.is-disabled {
217
217
  color: #c4c6cc;
218
218
  }
219
- .bk-picker-confirm .bk-picker-confirm-action {
219
+ :where(.bk-picker-confirm) .bk-picker-confirm-action {
220
220
  flex: 1;
221
221
  }
222
- .bk-date-picker-header {
222
+ :where(.bk-date-picker-header) {
223
223
  height: 46px;
224
224
  font-size: 14px;
225
225
  font-weight: 700;
@@ -228,35 +228,35 @@
228
228
  text-align: center;
229
229
  border-bottom: 1px solid #dcdee5;
230
230
  }
231
- .bk-date-picker-header .bk-date-picker-header-label {
231
+ :where(.bk-date-picker-header) .bk-date-picker-header-label {
232
232
  cursor: pointer;
233
233
  }
234
- .bk-date-picker-header .bk-date-picker-header-label:hover {
234
+ :where(.bk-date-picker-header) .bk-date-picker-header-label:hover {
235
235
  color: #3a84ff;
236
236
  }
237
- .bk-date-picker-header .up-to-now {
237
+ :where(.bk-date-picker-header) .up-to-now {
238
238
  margin-left: 3px;
239
239
  font-weight: 400;
240
240
  cursor: pointer;
241
241
  }
242
- .bk-date-picker-header .up-to-now.disabled {
242
+ :where(.bk-date-picker-header) .up-to-now.disabled {
243
243
  color: #c4c6cc;
244
244
  cursor: not-allowed;
245
245
  }
246
- .bk-date-picker-cells {
246
+ :where(.bk-date-picker-cells) {
247
247
  margin: 9px;
248
248
  font-size: 12px;
249
249
  color: #63656e;
250
250
  white-space: normal;
251
251
  }
252
- .bk-date-picker-cells span {
252
+ :where(.bk-date-picker-cells) span {
253
253
  display: inline-block;
254
254
  width: 34px;
255
255
  height: 32px;
256
256
  line-height: 32px;
257
257
  text-align: center;
258
258
  }
259
- .bk-date-picker-cells span em {
259
+ :where(.bk-date-picker-cells) span em {
260
260
  display: inline-block;
261
261
  width: 34px;
262
262
  height: 32px;
@@ -264,10 +264,10 @@
264
264
  line-height: 32px;
265
265
  cursor: pointer;
266
266
  }
267
- .bk-date-picker-cells .bk-date-picker-cells-header {
267
+ :where(.bk-date-picker-cells) .bk-date-picker-cells-header {
268
268
  text-align: center;
269
269
  }
270
- .bk-date-picker-cells .bk-date-picker-cells-header span {
270
+ :where(.bk-date-picker-cells) .bk-date-picker-cells-header span {
271
271
  width: 28px;
272
272
  height: 26px;
273
273
  margin: 3px;
@@ -276,20 +276,20 @@
276
276
  text-align: center;
277
277
  cursor: default;
278
278
  }
279
- .bk-date-picker-cells-cell:hover em {
279
+ :where(.bk-date-picker-cells-cell:hover) em {
280
280
  /* background-color: #e1ecff; */
281
281
  background-color: #f0f1f5;
282
282
  }
283
- .bk-date-picker-cells-focused em {
283
+ :where(.bk-date-picker-cells-focused) em {
284
284
  color: #3a84ff;
285
285
  box-shadow: 0 0 0 1px #a3c5fd inset;
286
286
  }
287
- .bk-date-picker-cells-cell-prev-month em,
288
- .bk-date-picker-cells-cell-next-month em {
287
+ :where(.bk-date-picker-cells-cell-prev-month) em,
288
+ :where(.bk-date-picker-cells-cell-next-month) em {
289
289
  color: #c4c6cc;
290
290
  }
291
- .bk-date-picker-cells-cell-prev-month:hover em,
292
- .bk-date-picker-cells-cell-next-month:hover em {
291
+ :where(.bk-date-picker-cells-cell-prev-month:hover) em,
292
+ :where(.bk-date-picker-cells-cell-next-month:hover) em {
293
293
  background: transparent;
294
294
  }
295
295
  span.bk-date-picker-cells-cell-week-label,
@@ -311,15 +311,15 @@ span.bk-date-picker-cells-cell-disabled,
311
311
  span.bk-date-picker-cells-cell-disabled:hover {
312
312
  background-color: #f0f1f5;
313
313
  }
314
- .bk-date-picker-cells-cell-today em {
314
+ :where(.bk-date-picker-cells-cell-today) em {
315
315
  position: relative;
316
316
  color: #3a84ff;
317
317
  box-shadow: 0 0 0 1px #a3c5fd inset;
318
318
  }
319
- .bk-date-picker-cells-cell-range {
319
+ :where(.bk-date-picker-cells-cell-range) {
320
320
  position: relative;
321
321
  }
322
- .bk-date-picker-cells-cell-range:before {
322
+ :where(.bk-date-picker-cells-cell-range):before {
323
323
  position: absolute;
324
324
  top: 0;
325
325
  right: 0;
@@ -331,12 +331,12 @@ span.bk-date-picker-cells-cell-disabled:hover {
331
331
  border-radius: 0;
332
332
  content: '';
333
333
  }
334
- .bk-date-picker-cells-cell-range em {
334
+ :where(.bk-date-picker-cells-cell-range) em {
335
335
  position: relative;
336
336
  z-index: 1;
337
337
  }
338
- .bk-date-picker-cells-cell-selected em,
339
- .bk-date-picker-cells-cell-selected:hover em {
338
+ :where(.bk-date-picker-cells-cell-selected) em,
339
+ :where(.bk-date-picker-cells-cell-selected:hover) em {
340
340
  color: #fff;
341
341
  background-color: #3a84ff;
342
342
  box-shadow: 0 0 0 1px #3a84ff inset;
@@ -345,19 +345,19 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em {
345
345
  color: #f7f7f7;
346
346
  background: #c4c6cc;
347
347
  }
348
- .bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em:after {
348
+ :where(.bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected) em:after {
349
349
  background: #fff;
350
350
  }
351
- .bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em,
352
- .bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected em:hover {
351
+ :where(.bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected) em,
352
+ :where(.bk-date-picker-cells-cell-today.bk-date-picker-cells-cell-selected) em:hover {
353
353
  box-shadow: 0 0 0 1px #3a84ff inset;
354
354
  }
355
- .bk-date-picker-cells-year,
356
- .bk-date-picker-cells-month {
355
+ :where(.bk-date-picker-cells-year),
356
+ :where(.bk-date-picker-cells-month) {
357
357
  margin-top: 7px;
358
358
  }
359
- .bk-date-picker-cells-year span,
360
- .bk-date-picker-cells-month span {
359
+ :where(.bk-date-picker-cells-year) span,
360
+ :where(.bk-date-picker-cells-month) span {
361
361
  width: 36px;
362
362
  height: 32px;
363
363
  margin: 10px 12px;
@@ -365,14 +365,14 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em {
365
365
  text-align: center;
366
366
  border-radius: 3px;
367
367
  }
368
- .bk-date-picker-cells-year span em,
369
- .bk-date-picker-cells-month span em {
368
+ :where(.bk-date-picker-cells-year) span em,
369
+ :where(.bk-date-picker-cells-month) span em {
370
370
  width: 36px;
371
371
  height: 32px;
372
372
  line-height: 32px;
373
373
  text-align: center;
374
374
  }
375
- .bk-picker-panel-icon-btn {
375
+ :where(.bk-picker-panel-icon-btn) {
376
376
  display: inline-block;
377
377
  width: 20px;
378
378
  height: 46px;
@@ -382,56 +382,56 @@ span.bk-date-picker-cells-cell-disabled.bk-date-picker-cells-cell-selected em {
382
382
  cursor: pointer;
383
383
  transition: color 0.2s ease-in-out;
384
384
  }
385
- .bk-picker-panel-icon-btn:hover {
385
+ :where(.bk-picker-panel-icon-btn:hover) {
386
386
  color: #2d8cf0;
387
387
  }
388
- .bk-picker-panel-icon-btn i {
388
+ :where(.bk-picker-panel-icon-btn) i {
389
389
  font-size: 20px;
390
390
  }
391
- .bk-date-picker-prev-btn {
391
+ :where(.bk-date-picker-prev-btn) {
392
392
  float: left;
393
393
  }
394
- .bk-date-picker-prev-btn-arrow-double {
394
+ :where(.bk-date-picker-prev-btn-arrow-double) {
395
395
  margin-left: 10px;
396
396
  }
397
- .bk-date-picker-prev-btn-arrow-double i:after {
397
+ :where(.bk-date-picker-prev-btn-arrow-double) i:after {
398
398
  margin-left: -8px;
399
399
  }
400
- .bk-date-picker-next-btn {
400
+ :where(.bk-date-picker-next-btn) {
401
401
  float: right;
402
402
  }
403
- .bk-date-picker-next-btn-arrow-double {
403
+ :where(.bk-date-picker-next-btn-arrow-double) {
404
404
  margin-right: 10px;
405
405
  }
406
- .bk-date-picker-next-btn-arrow-double i:after {
406
+ :where(.bk-date-picker-next-btn-arrow-double) i:after {
407
407
  margin-left: -8px;
408
408
  }
409
- .bk-date-picker-with-range .bk-picker-panel-body {
409
+ :where(.bk-date-picker-with-range) .bk-picker-panel-body {
410
410
  min-width: 532px;
411
411
  }
412
- .bk-date-picker-with-range .bk-picker-panel-content {
412
+ :where(.bk-date-picker-with-range) .bk-picker-panel-content {
413
413
  float: left;
414
414
  }
415
- .bk-date-picker-with-range .bk-picker-cells-show-week-numbers {
415
+ :where(.bk-date-picker-with-range) .bk-picker-cells-show-week-numbers {
416
416
  min-width: 492px;
417
417
  }
418
- .bk-date-picker-transfer {
418
+ :where(.bk-date-picker-transfer) {
419
419
  z-index: 1060;
420
420
  max-height: none;
421
421
  }
422
- .bk-fade-down-transition-enter-from,
423
- .bk-fade-down-transition-leave-to {
422
+ :where(.bk-fade-down-transition-enter-from),
423
+ :where(.bk-fade-down-transition-leave-to) {
424
424
  opacity: 0;
425
425
  transform: translateY(-20px);
426
426
  }
427
- .bk-fade-down-transition-enter-to,
428
- .bk-fade-down-transition-leave-from {
427
+ :where(.bk-fade-down-transition-enter-to),
428
+ :where(.bk-fade-down-transition-leave-from) {
429
429
  opacity: 1;
430
430
  transform: translateY(0);
431
431
  }
432
- .bk-fade-down-transition-enter-active {
432
+ :where(.bk-fade-down-transition-enter-active) {
433
433
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
434
434
  }
435
- .bk-fade-down-transition-leave-active {
435
+ :where(.bk-fade-down-transition-leave-active) {
436
436
  transition: transform 0.3s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.3s cubic-bezier(0.23, 1, 0.32, 1);
437
437
  }