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/image/image.variable.css CHANGED
@@ -12,13 +12,13 @@
12
12
  --whitesmoke-color: #fafbfd;
13
13
  --disable-color: #dcdee5;
14
14
  --disable-bg-color: #f9fafd;
15
- --border-color: #dcdee5;
16
15
  --font-size-base: 12px;
17
16
  --font-size-medium: 14px;
18
17
  --font-size-large: 16px;
19
18
  --line-height-base: 16px;
20
19
  --line-height-medium: 16px;
21
20
  --line-height-large: 18px;
21
+ --border-color: #dcdee5;
22
22
  --component-size-small: 26px;
23
23
  --component-size-base: 32px;
24
24
  --component-size-large: 40px;
@@ -111,7 +111,7 @@
111
111
  --table-border-color: #dcdee5;
112
112
  --table-head-bg-color: #fafbfd;
113
113
  --table-head-font-color: #313238;
114
- --table-body-font-color: #63656E;
114
+ --table-body-font-color: #63656e;
115
115
  --table-row-hover-bg-color: #f5f7fa;
116
116
  --table-row-active-bg-color: #f0f1f5;
117
117
  --cascader-panel-border-color: #dcdee5;
@@ -127,7 +127,7 @@
127
127
  --select-active-color: #e1ecff;
128
128
  --select-hover-color: #f5f7fa;
129
129
  }
130
- .bk-image-viewer-wrapper {
130
+ :where(.bk-image-viewer) .bk-image-viewer-wrapper {
131
131
  position: fixed;
132
132
  top: 0;
133
133
  right: 0;
@@ -137,14 +137,14 @@
137
137
  background: rgba(0, 0, 0, 0.6);
138
138
  flex-direction: column;
139
139
  }
140
- .bk-image-viewer-mask {
140
+ :where(.bk-image-viewer) .bk-image-viewer-mask {
141
141
  position: absolute;
142
142
  top: 0;
143
143
  right: 0;
144
144
  bottom: 0;
145
145
  left: 0;
146
146
  }
147
- .bk-image-viewer-header {
147
+ :where(.bk-image-viewer) .bk-image-viewer-header {
148
148
  position: absolute;
149
149
  top: 0;
150
150
  left: 0;
@@ -157,7 +157,7 @@
157
157
  justify-content: space-between;
158
158
  align-items: center;
159
159
  }
160
- .bk-image-viewer-header > div {
160
+ :where(.bk-image-viewer) .bk-image-viewer-header > div {
161
161
  padding: 0 25px;
162
162
  overflow: hidden;
163
163
  font-size: 14px;
@@ -165,16 +165,16 @@
165
165
  white-space: nowrap;
166
166
  flex: 1;
167
167
  }
168
- .bk-image-viewer-header .quit-box {
168
+ :where(.bk-image-viewer) .bk-image-viewer-header .quit-box {
169
169
  display: flex;
170
170
  align-items: center;
171
171
  justify-content: flex-end;
172
172
  }
173
- .bk-image-viewer-header .quit-tips {
173
+ :where(.bk-image-viewer) .bk-image-viewer-header .quit-tips {
174
174
  font-size: 14px;
175
175
  color: #979ba5;
176
176
  }
177
- .bk-image-viewer-btn {
177
+ :where(.bk-image-viewer) .bk-image-viewer-btn {
178
178
  position: absolute;
179
179
  z-index: 1;
180
180
  display: flex;
@@ -187,11 +187,11 @@
187
187
  align-items: center;
188
188
  justify-content: center;
189
189
  }
190
- .bk-image-viewer-btn:hover {
190
+ :where(.bk-image-viewer) .bk-image-viewer-btn:hover {
191
191
  color: #fff;
192
192
  background-color: rgba(0, 0, 0, 0.4);
193
193
  }
194
- .bk-image-viewer-close {
194
+ :where(.bk-image-viewer) .bk-image-viewer-close {
195
195
  height: 52px;
196
196
  font-size: 32px;
197
197
  line-height: 48px;
@@ -199,30 +199,30 @@
199
199
  text-align: center;
200
200
  cursor: pointer;
201
201
  }
202
- .bk-image-viewer-close:hover {
202
+ :where(.bk-image-viewer) .bk-image-viewer-close:hover {
203
203
  color: #fff;
204
204
  }
205
- .bk-image-viewer-canvas {
205
+ :where(.bk-image-viewer) .bk-image-viewer-canvas {
206
206
  display: flex;
207
207
  width: 100%;
208
208
  height: 100%;
209
209
  justify-content: center;
210
210
  align-items: center;
211
211
  }
212
- .bk-image-viewer-has-header {
212
+ :where(.bk-image-viewer) .bk-image-viewer-has-header {
213
213
  padding-top: 52px;
214
214
  }
215
- .bk-image-viewer-error {
215
+ :where(.bk-image-viewer) .bk-image-viewer-error {
216
216
  font-size: 14px;
217
217
  color: #313238;
218
218
  text-align: center;
219
219
  }
220
- .bk-image-viewer-error .bk-icon {
220
+ :where(.bk-image-viewer) .bk-image-viewer-error .bk-icon {
221
221
  margin-bottom: 15px;
222
222
  font-size: 85px;
223
223
  line-height: 1;
224
224
  }
225
- .bk-image-viewer-actions {
225
+ :where(.bk-image-viewer) .bk-image-viewer-actions {
226
226
  bottom: 30px;
227
227
  left: 50%;
228
228
  width: 282px;
@@ -233,10 +233,10 @@
233
233
  border-radius: 22px;
234
234
  transform: translateX(-50%);
235
235
  }
236
- .bk-image-viewer-actions:hover {
236
+ :where(.bk-image-viewer) .bk-image-viewer-actions:hover {
237
237
  background: rgba(0, 0, 0, 0.5);
238
238
  }
239
- .bk-image-viewer-actions-inner {
239
+ :where(.bk-image-viewer) .bk-image-viewer-actions-inner {
240
240
  display: flex;
241
241
  width: 100%;
242
242
  height: 100%;
@@ -246,47 +246,47 @@
246
246
  align-items: center;
247
247
  justify-content: space-around;
248
248
  }
249
- .bk-image-viewer-actions-inner .bk-icon {
249
+ :where(.bk-image-viewer) .bk-image-viewer-actions-inner .bk-icon {
250
250
  cursor: pointer;
251
251
  }
252
- .bk-image-viewer-actions-inner .bk-icon:hover {
252
+ :where(.bk-image-viewer) .bk-image-viewer-actions-inner .bk-icon:hover {
253
253
  color: #fff;
254
254
  }
255
- .bk-image-viewer-next,
256
- .bk-image-viewer-prev {
255
+ :where(.bk-image-viewer) .bk-image-viewer-next,
256
+ :where(.bk-image-viewer) .bk-image-viewer-prev {
257
257
  top: 50%;
258
258
  width: 80px;
259
259
  height: 80px;
260
260
  font-size: 40px;
261
261
  cursor: pointer;
262
262
  }
263
- .bk-image-viewer-prev {
263
+ :where(.bk-image-viewer) .bk-image-viewer-prev {
264
264
  left: 40px;
265
265
  transform: translateY(-50%);
266
266
  }
267
- .bk-image-viewer-next {
267
+ :where(.bk-image-viewer) .bk-image-viewer-next {
268
268
  right: 40px;
269
269
  text-indent: 2px;
270
270
  transform: translateY(-50%);
271
271
  }
272
- .bk-image {
272
+ :where(.bk-image) {
273
273
  position: relative;
274
274
  display: inline-block;
275
275
  overflow: hidden;
276
276
  }
277
- .bk-image-inner {
277
+ :where(.bk-image) .bk-image-inner {
278
278
  width: 100%;
279
279
  height: 100%;
280
280
  vertical-align: top;
281
281
  }
282
- .bk-image-inner-center {
282
+ :where(.bk-image) .bk-image-inner-center {
283
283
  position: relative;
284
284
  top: 50%;
285
285
  left: 50%;
286
286
  display: block;
287
287
  transform: translate(-50%, -50%);
288
288
  }
289
- .bk-image-placeholder {
289
+ :where(.bk-image) .bk-image-placeholder {
290
290
  position: absolute;
291
291
  top: 0;
292
292
  left: 0;
@@ -300,9 +300,9 @@
300
300
  justify-content: center;
301
301
  align-items: center;
302
302
  }
303
- .bk-image-placeholder img {
303
+ :where(.bk-image) .bk-image-placeholder img {
304
304
  width: 100%;
305
305
  }
306
- .bk-image-preview {
306
+ :where(.bk-image) .bk-image-preview {
307
307
  cursor: pointer;
308
308
  }
package/lib/info-box/info-box.css CHANGED
@@ -1,39 +1,39 @@
1
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper {
1
+ :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper {
2
2
  width: 440px;
3
3
  }
4
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.normal {
4
+ :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper.normal {
5
5
  width: 440px;
6
6
  }
7
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.small {
7
+ :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper.small {
8
8
  width: 400px;
9
9
  }
10
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-body {
10
+ :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-modal-body {
11
11
  border-radius: 2px;
12
12
  }
13
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header {
13
+ :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-dialog-header {
14
14
  padding: 24px 24px 0;
15
15
  }
16
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
16
+ :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
17
17
  height: 27px;
18
18
  margin: 15px 0 10px;
19
19
  }
20
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content {
20
+ :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-modal-content {
21
21
  height: 100%;
22
22
  max-height: 100%;
23
23
  min-height: 100%;
24
24
  padding: 0 50px 10px;
25
25
  word-break: break-all;
26
26
  }
27
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
27
+ :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
28
28
  margin-bottom: 10px;
29
29
  text-align: center;
30
30
  word-break: break-all;
31
31
  }
32
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
32
+ :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
33
33
  padding: 0 65px 33px;
34
34
  background-color: #fff;
35
35
  border-top: none;
36
36
  }
37
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-footer button {
37
+ :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-footer button {
38
38
  min-width: 88px;
39
39
  }
package/lib/info-box/info-box.less CHANGED
@@ -1,5 +1,5 @@
1
1
  @import '../styles/themes/themes.less';
2
- .@{bk-prefix}-modal-ctx {
2
+ :where(.@{bk-prefix}-modal-ctx) {
3
3
  &.@{bk-prefix}-info-wrapper {
4
4
  .@{bk-prefix}-modal-wrapper {
5
5
  width: 440px;
@@ -50,6 +50,5 @@
50
50
  }
51
51
  }
52
52
  }
53
-
54
53
  }
55
54
  }
package/lib/info-box/info-box.variable.css CHANGED
@@ -12,13 +12,13 @@
12
12
  --whitesmoke-color: #fafbfd;
13
13
  --disable-color: #dcdee5;
14
14
  --disable-bg-color: #f9fafd;
15
- --border-color: #dcdee5;
16
15
  --font-size-base: 12px;
17
16
  --font-size-medium: 14px;
18
17
  --font-size-large: 16px;
19
18
  --line-height-base: 16px;
20
19
  --line-height-medium: 16px;
21
20
  --line-height-large: 18px;
21
+ --border-color: #dcdee5;
22
22
  --component-size-small: 26px;
23
23
  --component-size-base: 32px;
24
24
  --component-size-large: 40px;
@@ -111,7 +111,7 @@
111
111
  --table-border-color: #dcdee5;
112
112
  --table-head-bg-color: #fafbfd;
113
113
  --table-head-font-color: #313238;
114
- --table-body-font-color: #63656E;
114
+ --table-body-font-color: #63656e;
115
115
  --table-row-hover-bg-color: #f5f7fa;
116
116
  --table-row-active-bg-color: #f0f1f5;
117
117
  --cascader-panel-border-color: #dcdee5;
@@ -127,42 +127,42 @@
127
127
  --select-active-color: #e1ecff;
128
128
  --select-hover-color: #f5f7fa;
129
129
  }
130
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper {
130
+ :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper {
131
131
  width: 440px;
132
132
  }
133
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.normal {
133
+ :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper.normal {
134
134
  width: 440px;
135
135
  }
136
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper.small {
136
+ :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper.small {
137
137
  width: 400px;
138
138
  }
139
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-body {
139
+ :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-modal-body {
140
140
  border-radius: 2px;
141
141
  }
142
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header {
142
+ :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-dialog-header {
143
143
  padding: 24px 24px 0;
144
144
  }
145
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
145
+ :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-dialog-header .bk-dialog-title {
146
146
  height: 27px;
147
147
  margin: 15px 0 10px;
148
148
  }
149
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content {
149
+ :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-modal-content {
150
150
  height: 100%;
151
151
  max-height: 100%;
152
152
  min-height: 100%;
153
153
  padding: 0 50px 10px;
154
154
  word-break: break-all;
155
155
  }
156
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
156
+ :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-modal-content .bk-info-sub-title {
157
157
  margin-bottom: 10px;
158
158
  text-align: center;
159
159
  word-break: break-all;
160
160
  }
161
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
161
+ :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-modal-footer {
162
162
  padding: 0 65px 33px;
163
163
  background-color: #fff;
164
164
  border-top: none;
165
165
  }
166
- .bk-modal-ctx.bk-info-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-footer button {
166
+ :where(.bk-modal-ctx).bk-info-wrapper .bk-modal-wrapper .bk-modal-footer .bk-dialog-footer button {
167
167
  min-width: 88px;
168
168
  }