bkui-vue 0.0.2-beta.113 → 0.0.2-beta.115

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 (165) hide show
  1. package/dist/index.cjs.js +30 -30
  2. package/dist/index.esm.js +5261 -5233
  3. package/dist/index.umd.js +30 -30
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/affix/affix.css +1 -0
  7. package/lib/affix/affix.variable.css +3 -0
  8. package/lib/alert/alert.css +1 -0
  9. package/lib/alert/alert.variable.css +3 -0
  10. package/lib/backtop/backtop.css +1 -0
  11. package/lib/backtop/backtop.variable.css +4 -0
  12. package/lib/badge/badge.css +1 -0
  13. package/lib/badge/badge.variable.css +3 -0
  14. package/lib/breadcrumb/breadcrumb.css +1 -0
  15. package/lib/breadcrumb/breadcrumb.variable.css +4 -0
  16. package/lib/button/button.css +4 -0
  17. package/lib/button/button.less +86 -82
  18. package/lib/button/button.variable.css +6 -0
  19. package/lib/card/card.css +1 -0
  20. package/lib/card/card.variable.css +4 -0
  21. package/lib/cascader/cascader.css +1 -0
  22. package/lib/cascader/cascader.variable.css +4 -0
  23. package/lib/checkbox/checkbox.css +1 -0
  24. package/lib/checkbox/checkbox.variable.css +3 -0
  25. package/lib/code-diff/code-diff.css +1 -0
  26. package/lib/code-diff/code-diff.variable.css +3 -0
  27. package/lib/collapse/collapse.css +1 -0
  28. package/lib/collapse/collapse.variable.css +3 -0
  29. package/lib/collapse-transition/collapse-transition.css +1 -0
  30. package/lib/collapse-transition/collapse-transition.variable.css +3 -0
  31. package/lib/color-picker/color-picker.css +1 -0
  32. package/lib/color-picker/color-picker.variable.css +3 -0
  33. package/lib/config-provider/config-provider.css +1 -0
  34. package/lib/config-provider/config-provider.variable.css +3 -0
  35. package/lib/container/container.css +1 -0
  36. package/lib/container/container.variable.css +4 -0
  37. package/lib/date-picker/date-picker.css +1 -0
  38. package/lib/date-picker/date-picker.variable.css +3 -0
  39. package/lib/dialog/dialog.css +1 -0
  40. package/lib/dialog/dialog.variable.css +4 -0
  41. package/lib/divider/divider.css +1 -0
  42. package/lib/divider/divider.variable.css +3 -0
  43. package/lib/dropdown/dropdown.css +1 -0
  44. package/lib/dropdown/dropdown.variable.css +4 -0
  45. package/lib/dropdown/index.js +2 -2
  46. package/lib/exception/exception.css +1 -0
  47. package/lib/exception/exception.variable.css +3 -0
  48. package/lib/fixed-navbar/fixed-navbar.css +1 -0
  49. package/lib/fixed-navbar/fixed-navbar.variable.css +3 -0
  50. package/lib/form/form.css +1 -0
  51. package/lib/form/form.variable.css +3 -0
  52. package/lib/image/image-viewer.css +1 -0
  53. package/lib/image/image-viewer.variable.css +3 -0
  54. package/lib/image/image.css +1 -0
  55. package/lib/image/image.variable.css +4 -0
  56. package/lib/info-box/info-box.css +1 -0
  57. package/lib/info-box/info-box.variable.css +3 -0
  58. package/lib/input/input.css +1 -0
  59. package/lib/input/input.variable.css +4 -0
  60. package/lib/link/link.css +1 -0
  61. package/lib/link/link.variable.css +3 -0
  62. package/lib/loading/loading.css +1 -0
  63. package/lib/loading/loading.variable.css +4 -0
  64. package/lib/menu/menu.css +1 -0
  65. package/lib/menu/menu.variable.css +4 -0
  66. package/lib/menu/submenu.css +1 -0
  67. package/lib/menu/submenu.variable.css +3 -0
  68. package/lib/message/message.css +1 -0
  69. package/lib/message/message.variable.css +3 -0
  70. package/lib/modal/modal.css +1 -0
  71. package/lib/modal/modal.variable.css +4 -0
  72. package/lib/navigation/navigation.css +1 -0
  73. package/lib/navigation/navigation.variable.css +3 -0
  74. package/lib/notify/notify.css +1 -0
  75. package/lib/notify/notify.variable.css +3 -0
  76. package/lib/pagination/pagination.css +2 -0
  77. package/lib/pagination/pagination.less +1 -0
  78. package/lib/pagination/pagination.variable.css +4 -0
  79. package/lib/pop-confirm/pop-confirm.css +1 -0
  80. package/lib/pop-confirm/pop-confirm.variable.css +3 -0
  81. package/lib/popover/popover.css +1 -0
  82. package/lib/popover/popover.variable.css +3 -0
  83. package/lib/process/process.css +1 -0
  84. package/lib/process/process.variable.css +3 -0
  85. package/lib/progress/progress.css +1 -0
  86. package/lib/progress/progress.variable.css +4 -0
  87. package/lib/radio/radio.css +1 -0
  88. package/lib/radio/radio.variable.css +3 -0
  89. package/lib/rate/index.js +16 -4
  90. package/lib/rate/rate.css +1 -0
  91. package/lib/rate/rate.variable.css +3 -0
  92. package/lib/rate/star.css +4 -0
  93. package/lib/rate/star.less +3 -0
  94. package/lib/rate/star.variable.css +6 -0
  95. package/lib/resize-layout/resize-layout.css +3 -2
  96. package/lib/resize-layout/resize-layout.less +2 -2
  97. package/lib/resize-layout/resize-layout.variable.css +5 -2
  98. package/lib/search-select/search-select.css +1 -0
  99. package/lib/search-select/search-select.variable.css +4 -0
  100. package/lib/select/index.js +10 -0
  101. package/lib/select/select.css +1 -0
  102. package/lib/select/select.variable.css +4 -0
  103. package/lib/sideslider/sideslider.css +1 -0
  104. package/lib/sideslider/sideslider.variable.css +3 -0
  105. package/lib/slider/index.js +7 -1
  106. package/lib/slider/slider.css +3 -0
  107. package/lib/slider/slider.less +2 -0
  108. package/lib/slider/slider.variable.css +5 -0
  109. package/lib/steps/steps.css +1 -0
  110. package/lib/steps/steps.variable.css +3 -0
  111. package/lib/styles/mixins/animate.css +1 -0
  112. package/lib/styles/mixins/animate.variable.css +3 -0
  113. package/lib/styles/mixins/mixins.css +1 -0
  114. package/lib/styles/mixins/mixins.variable.css +1 -0
  115. package/lib/styles/mixins/popper.css +1 -0
  116. package/lib/styles/mixins/popper.variable.css +3 -0
  117. package/lib/styles/mixins/scroll.css +1 -0
  118. package/lib/styles/mixins/scroll.variable.css +3 -0
  119. package/lib/styles/reset.css +1 -0
  120. package/lib/styles/reset.variable.css +3 -0
  121. package/lib/styles/themes/themes.css +1 -0
  122. package/lib/styles/themes/themes.less +2 -0
  123. package/lib/styles/themes/themes.variable.css +1 -0
  124. package/lib/swiper/swiper.css +1 -0
  125. package/lib/swiper/swiper.variable.css +3 -0
  126. package/lib/switcher/switcher.css +1 -0
  127. package/lib/switcher/switcher.variable.css +4 -0
  128. package/lib/tab/tab.css +1 -0
  129. package/lib/tab/tab.variable.css +3 -0
  130. package/lib/table/index.d.ts +0 -18
  131. package/lib/table/index.js +72 -33
  132. package/lib/table/plugins/head-filter.css +1 -0
  133. package/lib/table/plugins/head-filter.variable.css +3 -0
  134. package/lib/table/plugins/head-sort.css +1 -0
  135. package/lib/table/plugins/head-sort.variable.css +3 -0
  136. package/lib/table/plugins/settings.css +1 -0
  137. package/lib/table/plugins/settings.d.ts +0 -7
  138. package/lib/table/plugins/settings.variable.css +3 -0
  139. package/lib/table/props.d.ts +0 -8
  140. package/lib/table/table.css +5 -0
  141. package/lib/table/table.d.ts +0 -11
  142. package/lib/table/table.variable.css +8 -0
  143. package/lib/table/use-attributes.d.ts +4 -1
  144. package/lib/table-column/index.js +1 -5
  145. package/lib/tag/tag.css +1 -0
  146. package/lib/tag/tag.variable.css +3 -0
  147. package/lib/tag-input/index.js +7 -4
  148. package/lib/tag-input/list-tag-render.d.ts +11 -0
  149. package/lib/tag-input/tag-input.css +1 -0
  150. package/lib/tag-input/tag-input.variable.css +3 -0
  151. package/lib/time-picker/time-picker.css +1 -0
  152. package/lib/time-picker/time-picker.variable.css +3 -0
  153. package/lib/timeline/timeline.css +1 -0
  154. package/lib/timeline/timeline.variable.css +3 -0
  155. package/lib/transfer/transfer.css +1 -0
  156. package/lib/transfer/transfer.variable.css +3 -0
  157. package/lib/tree/index.js +2 -1
  158. package/lib/tree/tree.css +1 -0
  159. package/lib/tree/tree.variable.css +4 -0
  160. package/lib/upload/upload.css +1 -0
  161. package/lib/upload/upload.variable.css +4 -0
  162. package/lib/virtual-render/virtual-render.css +1 -0
  163. package/lib/virtual-render/virtual-render.variable.css +4 -0
  164. package/package.json +1 -1
  165. package/lib/table/render.d.ts +0 -130
package/lib/affix/affix.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --white-color: white;
12
12
  --whitesmoke-color: #fafbfd;
13
13
  --disable-color: #dcdee5;
14
+ --disable-bg-color: #f9fafd;
14
15
  --font-size-base: 12px;
15
16
  --font-size-medium: 14px;
16
17
  --font-size-large: 16px;
package/lib/affix/affix.variable.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --white-color: var(--white-color);
12
12
  --whitesmoke-color: var(--whitesmoke-color);
13
13
  --disable-color: var(--disable-color);
14
+ --disable-bg-color: var(--disable-bg-color);
14
15
  --font-size-base: var(--font-size-base);
15
16
  --font-size-medium: var(--font-size-medium);
16
17
  --font-size-large: var(--font-size-large);
@@ -133,6 +134,7 @@
133
134
  --white-color: white;
134
135
  --whitesmoke-color: #fafbfd;
135
136
  --disable-color: #dcdee5;
137
+ --disable-bg-color: #f9fafd;
136
138
  --font-size-base: 12px;
137
139
  --font-size-medium: 14px;
138
140
  --font-size-large: 16px;
@@ -255,6 +257,7 @@
255
257
  --white-color: white;
256
258
  --whitesmoke-color: #fafbfd;
257
259
  --disable-color: #dcdee5;
260
+ --disable-bg-color: #f9fafd;
258
261
  --font-size-base: 12px;
259
262
  --font-size-medium: 14px;
260
263
  --font-size-large: 16px;
package/lib/alert/alert.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --white-color: white;
12
12
  --whitesmoke-color: #fafbfd;
13
13
  --disable-color: #dcdee5;
14
+ --disable-bg-color: #f9fafd;
14
15
  --font-size-base: 12px;
15
16
  --font-size-medium: 14px;
16
17
  --font-size-large: 16px;
package/lib/alert/alert.variable.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --white-color: var(--white-color);
12
12
  --whitesmoke-color: var(--whitesmoke-color);
13
13
  --disable-color: var(--disable-color);
14
+ --disable-bg-color: var(--disable-bg-color);
14
15
  --font-size-base: var(--font-size-base);
15
16
  --font-size-medium: var(--font-size-medium);
16
17
  --font-size-large: var(--font-size-large);
@@ -133,6 +134,7 @@
133
134
  --white-color: white;
134
135
  --whitesmoke-color: #fafbfd;
135
136
  --disable-color: #dcdee5;
137
+ --disable-bg-color: #f9fafd;
136
138
  --font-size-base: 12px;
137
139
  --font-size-medium: 14px;
138
140
  --font-size-large: 16px;
@@ -255,6 +257,7 @@
255
257
  --white-color: white;
256
258
  --whitesmoke-color: #fafbfd;
257
259
  --disable-color: #dcdee5;
260
+ --disable-bg-color: #f9fafd;
258
261
  --font-size-base: 12px;
259
262
  --font-size-medium: 14px;
260
263
  --font-size-large: 16px;
package/lib/backtop/backtop.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --white-color: white;
12
12
  --whitesmoke-color: #fafbfd;
13
13
  --disable-color: #dcdee5;
14
+ --disable-bg-color: #f9fafd;
14
15
  --font-size-base: 12px;
15
16
  --font-size-medium: 14px;
16
17
  --font-size-large: 16px;
package/lib/backtop/backtop.variable.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --white-color: var(--white-color);
12
12
  --whitesmoke-color: var(--whitesmoke-color);
13
13
  --disable-color: var(--disable-color);
14
+ --disable-bg-color: var(--disable-bg-color);
14
15
  --font-size-base: var(--font-size-base);
15
16
  --font-size-medium: var(--font-size-medium);
16
17
  --font-size-large: var(--font-size-large);
@@ -133,6 +134,7 @@
133
134
  --white-color: white;
134
135
  --whitesmoke-color: #fafbfd;
135
136
  --disable-color: #dcdee5;
137
+ --disable-bg-color: #f9fafd;
136
138
  --font-size-base: 12px;
137
139
  --font-size-medium: 14px;
138
140
  --font-size-large: 16px;
@@ -255,6 +257,7 @@
255
257
  --white-color: white;
256
258
  --whitesmoke-color: #fafbfd;
257
259
  --disable-color: #dcdee5;
260
+ --disable-bg-color: #f9fafd;
258
261
  --font-size-base: 12px;
259
262
  --font-size-medium: 14px;
260
263
  --font-size-large: 16px;
@@ -377,6 +380,7 @@
377
380
  --white-color: white;
378
381
  --whitesmoke-color: #fafbfd;
379
382
  --disable-color: #dcdee5;
383
+ --disable-bg-color: #f9fafd;
380
384
  --font-size-base: 12px;
381
385
  --font-size-medium: 14px;
382
386
  --font-size-large: 16px;
package/lib/badge/badge.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --white-color: white;
12
12
  --whitesmoke-color: #fafbfd;
13
13
  --disable-color: #dcdee5;
14
+ --disable-bg-color: #f9fafd;
14
15
  --font-size-base: 12px;
15
16
  --font-size-medium: 14px;
16
17
  --font-size-large: 16px;
package/lib/badge/badge.variable.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --white-color: var(--white-color);
12
12
  --whitesmoke-color: var(--whitesmoke-color);
13
13
  --disable-color: var(--disable-color);
14
+ --disable-bg-color: var(--disable-bg-color);
14
15
  --font-size-base: var(--font-size-base);
15
16
  --font-size-medium: var(--font-size-medium);
16
17
  --font-size-large: var(--font-size-large);
@@ -133,6 +134,7 @@
133
134
  --white-color: white;
134
135
  --whitesmoke-color: #fafbfd;
135
136
  --disable-color: #dcdee5;
137
+ --disable-bg-color: #f9fafd;
136
138
  --font-size-base: 12px;
137
139
  --font-size-medium: 14px;
138
140
  --font-size-large: 16px;
@@ -255,6 +257,7 @@
255
257
  --white-color: white;
256
258
  --whitesmoke-color: #fafbfd;
257
259
  --disable-color: #dcdee5;
260
+ --disable-bg-color: #f9fafd;
258
261
  --font-size-base: 12px;
259
262
  --font-size-medium: 14px;
260
263
  --font-size-large: 16px;
package/lib/breadcrumb/breadcrumb.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --white-color: white;
12
12
  --whitesmoke-color: #fafbfd;
13
13
  --disable-color: #dcdee5;
14
+ --disable-bg-color: #f9fafd;
14
15
  --font-size-base: 12px;
15
16
  --font-size-medium: 14px;
16
17
  --font-size-large: 16px;
package/lib/breadcrumb/breadcrumb.variable.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --white-color: var(--white-color);
12
12
  --whitesmoke-color: var(--whitesmoke-color);
13
13
  --disable-color: var(--disable-color);
14
+ --disable-bg-color: var(--disable-bg-color);
14
15
  --font-size-base: var(--font-size-base);
15
16
  --font-size-medium: var(--font-size-medium);
16
17
  --font-size-large: var(--font-size-large);
@@ -133,6 +134,7 @@
133
134
  --white-color: white;
134
135
  --whitesmoke-color: #fafbfd;
135
136
  --disable-color: #dcdee5;
137
+ --disable-bg-color: #f9fafd;
136
138
  --font-size-base: 12px;
137
139
  --font-size-medium: 14px;
138
140
  --font-size-large: 16px;
@@ -255,6 +257,7 @@
255
257
  --white-color: white;
256
258
  --whitesmoke-color: #fafbfd;
257
259
  --disable-color: #dcdee5;
260
+ --disable-bg-color: #f9fafd;
258
261
  --font-size-base: 12px;
259
262
  --font-size-medium: 14px;
260
263
  --font-size-large: 16px;
@@ -377,6 +380,7 @@
377
380
  --white-color: white;
378
381
  --whitesmoke-color: #fafbfd;
379
382
  --disable-color: #dcdee5;
383
+ --disable-bg-color: #f9fafd;
380
384
  --font-size-base: 12px;
381
385
  --font-size-medium: 14px;
382
386
  --font-size-large: 16px;
package/lib/button/button.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --white-color: white;
12
12
  --whitesmoke-color: #fafbfd;
13
13
  --disable-color: #dcdee5;
14
+ --disable-bg-color: #f9fafd;
14
15
  --font-size-base: 12px;
15
16
  --font-size-medium: 14px;
16
17
  --font-size-large: 16px;
@@ -390,6 +391,9 @@
390
391
  cursor: not-allowed;
391
392
  border-color: var(--disable-color);
392
393
  }
394
+ .bk-button.is-disabled:not(.is-text) {
395
+ background-color: var(--disable-bg-color);
396
+ }
393
397
  .bk-button-group {
394
398
  display: inline-block;
395
399
  font-size: 0;
package/lib/button/button.less CHANGED
@@ -102,65 +102,69 @@
102
102
  color: @white-color;
103
103
  }
104
104
  }
105
+ })
105
106
 
106
- }) each(@sizeSelectors, {
107
- @sizeBtnHeight: '@{value}BtnHeight';
108
- @sizeBtnPadding: '@{value}BtnPadding';
109
- @sizeBtnFontSize: '@{value}BtnFontSize';
107
+ each(@sizeSelectors, {
108
+ @sizeBtnHeight: '@{value}BtnHeight';
109
+ @sizeBtnPadding: '@{value}BtnPadding';
110
+ @sizeBtnFontSize: '@{value}BtnFontSize';
111
+
112
+ &.@{bk-prefix}-button-@{value} {
113
+ height: @@sizeBtnHeight;
114
+ padding: @@sizeBtnPadding;
115
+ font-size: @@sizeBtnFontSize;
116
+ }
117
+ });
110
118
 
111
- &.@{bk-prefix}-button-@{value} {
112
- height: @@sizeBtnHeight;
113
- padding: @@sizeBtnPadding;
114
- font-size: @@sizeBtnFontSize;
119
+ .@{bk-prefix}-button-text {
120
+ display: inline-flex;
121
+ align-items: center;
122
+ line-height: 1;
115
123
  }
116
- });
117
124
 
118
- .@{bk-prefix}-button-text {
119
- display: inline-flex;
120
- align-items: center;
121
- line-height: 1;
122
- }
125
+ &.is-loading {
126
+ position: relative;
123
127
 
124
- &.is-loading {
125
- position: relative;
128
+ .@{bk-prefix}-button-loading {
129
+ &:not(:last-child) {
130
+ position: absolute;
131
+ }
132
+ }
126
133
 
127
- .@{bk-prefix}-button-loading {
128
- &:not(:last-child) {
129
- position: absolute;
134
+ .@{bk-prefix}-button-text {
135
+ visibility: hidden;
130
136
  }
131
137
  }
132
138
 
133
- .@{bk-prefix}-button-text {
134
- visibility: hidden;
139
+ &:hover {
140
+ border-color: @button-default-hover-border-color;
135
141
  }
136
- }
137
-
138
- &:hover {
139
- border-color: @button-default-hover-border-color;
140
- }
141
142
 
142
- &:active {
143
- color: @primary-color;
144
- border-color: @primary-color;
145
- }
143
+ &:active {
144
+ color: @primary-color;
145
+ border-color: @primary-color;
146
+ }
146
147
 
147
- &.is-text {
148
- height: auto;
149
- padding: 0;
150
- font-size: inherit;
151
- color: @default-color;
152
- text-decoration: none;
153
- cursor: pointer;
154
- background-color: transparent;
155
- border: none;
156
- outline: none;
157
- }
148
+ &.is-text {
149
+ height: auto;
150
+ padding: 0;
151
+ font-size: inherit;
152
+ color: @default-color;
153
+ text-decoration: none;
154
+ cursor: pointer;
155
+ background-color: transparent;
156
+ border: none;
157
+ outline: none;
158
+ }
158
159
 
159
- &.is-disabled {
160
- color: @disable-color;
161
- cursor: not-allowed;
162
- border-color: @disable-color;
163
- }
160
+ &.is-disabled {
161
+ color: @disable-color;
162
+ cursor: not-allowed;
163
+ border-color: @disable-color;
164
+ &:not(.is-text) {
165
+ background-color: @disable-bg-color;
166
+ }
167
+ }
164
168
 
165
169
  // &.is-circle {
166
170
  // padding: 8px;
@@ -188,49 +192,49 @@
188
192
  }
189
193
  });
190
194
 
191
- .@{bk-prefix}-button {
192
- height: @btnHeight;
193
- margin: 0 0 0 -1px;
194
- border-radius: 0;
195
+ .@{bk-prefix}-button {
196
+ height: @btnHeight;
197
+ margin: 0 0 0 -1px;
198
+ border-radius: 0;
195
199
 
196
- &:not(.is-disabled) {
197
- color: @default-color;
198
- background-color: @white-color;
199
- border-color: @light-gray;
200
- }
200
+ &:not(.is-disabled) {
201
+ color: @default-color;
202
+ background-color: @white-color;
203
+ border-color: @light-gray;
204
+ }
201
205
 
202
- &.is-disabled {
203
- color: @light-gray;
204
- }
206
+ &.is-disabled {
207
+ color: @light-gray;
208
+ }
205
209
 
206
- &:first-child {
207
- border-radius: @btnBorderRadius 0 0 @btnBorderRadius;
208
- }
210
+ &:first-child {
211
+ border-radius: @btnBorderRadius 0 0 @btnBorderRadius;
212
+ }
209
213
 
210
- &:last-child {
211
- border-radius: 0 @btnBorderRadius @btnBorderRadius 0;
212
- }
214
+ &:last-child {
215
+ border-radius: 0 @btnBorderRadius @btnBorderRadius 0;
216
+ }
213
217
 
214
- &:only-child {
215
- border-radius: @btnBorderRadius;
216
- }
218
+ &:only-child {
219
+ border-radius: @btnBorderRadius;
220
+ }
217
221
 
218
- &:hover:not(.is-disabled),
219
- &.is-selected:not(.is-disabled) {
220
- position: relative;
221
- z-index: 1;
222
- color: @primary-color;
223
- background-color: @white-color;
224
- border-color: @primary-color;
225
- }
222
+ &:hover:not(.is-disabled),
223
+ &.is-selected:not(.is-disabled) {
224
+ position: relative;
225
+ z-index: 1;
226
+ color: @primary-color;
227
+ background-color: @white-color;
228
+ border-color: @primary-color;
229
+ }
226
230
 
227
- &.is-selected:not(.is-disabled) {
228
- background-color: @button-selected-bg-color;
229
- }
231
+ &.is-selected:not(.is-disabled) {
232
+ background-color: @button-selected-bg-color;
233
+ }
230
234
 
231
- &.is-selected.is-disabled {
232
- background-color: @button-disabled-selected-bg-color;
233
- }
235
+ &.is-selected.is-disabled {
236
+ background-color: @button-disabled-selected-bg-color;
237
+ }
234
238
 
239
+ }
235
240
  }
236
- }
package/lib/button/button.variable.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --white-color: var(--white-color);
12
12
  --whitesmoke-color: var(--whitesmoke-color);
13
13
  --disable-color: var(--disable-color);
14
+ --disable-bg-color: var(--disable-bg-color);
14
15
  --font-size-base: var(--font-size-base);
15
16
  --font-size-medium: var(--font-size-medium);
16
17
  --font-size-large: var(--font-size-large);
@@ -133,6 +134,7 @@
133
134
  --white-color: white;
134
135
  --whitesmoke-color: #fafbfd;
135
136
  --disable-color: #dcdee5;
137
+ --disable-bg-color: #f9fafd;
136
138
  --font-size-base: 12px;
137
139
  --font-size-medium: 14px;
138
140
  --font-size-large: 16px;
@@ -255,6 +257,7 @@
255
257
  --white-color: white;
256
258
  --whitesmoke-color: #fafbfd;
257
259
  --disable-color: #dcdee5;
260
+ --disable-bg-color: #f9fafd;
258
261
  --font-size-base: 12px;
259
262
  --font-size-medium: 14px;
260
263
  --font-size-large: 16px;
@@ -634,6 +637,9 @@
634
637
  cursor: not-allowed;
635
638
  border-color: var(--disable-color);
636
639
  }
640
+ .bk-button.is-disabled:not(.is-text) {
641
+ background-color: var(--disable-bg-color);
642
+ }
637
643
  .bk-button-group {
638
644
  display: inline-block;
639
645
  font-size: 0;
package/lib/card/card.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --white-color: white;
12
12
  --whitesmoke-color: #fafbfd;
13
13
  --disable-color: #dcdee5;
14
+ --disable-bg-color: #f9fafd;
14
15
  --font-size-base: 12px;
15
16
  --font-size-medium: 14px;
16
17
  --font-size-large: 16px;
package/lib/card/card.variable.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --white-color: var(--white-color);
12
12
  --whitesmoke-color: var(--whitesmoke-color);
13
13
  --disable-color: var(--disable-color);
14
+ --disable-bg-color: var(--disable-bg-color);
14
15
  --font-size-base: var(--font-size-base);
15
16
  --font-size-medium: var(--font-size-medium);
16
17
  --font-size-large: var(--font-size-large);
@@ -133,6 +134,7 @@
133
134
  --white-color: white;
134
135
  --whitesmoke-color: #fafbfd;
135
136
  --disable-color: #dcdee5;
137
+ --disable-bg-color: #f9fafd;
136
138
  --font-size-base: 12px;
137
139
  --font-size-medium: 14px;
138
140
  --font-size-large: 16px;
@@ -255,6 +257,7 @@
255
257
  --white-color: white;
256
258
  --whitesmoke-color: #fafbfd;
257
259
  --disable-color: #dcdee5;
260
+ --disable-bg-color: #f9fafd;
258
261
  --font-size-base: 12px;
259
262
  --font-size-medium: 14px;
260
263
  --font-size-large: 16px;
@@ -377,6 +380,7 @@
377
380
  --white-color: white;
378
381
  --whitesmoke-color: #fafbfd;
379
382
  --disable-color: #dcdee5;
383
+ --disable-bg-color: #f9fafd;
380
384
  --font-size-base: 12px;
381
385
  --font-size-medium: 14px;
382
386
  --font-size-large: 16px;
package/lib/cascader/cascader.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --white-color: white;
12
12
  --whitesmoke-color: #fafbfd;
13
13
  --disable-color: #dcdee5;
14
+ --disable-bg-color: #f9fafd;
14
15
  --font-size-base: 12px;
15
16
  --font-size-medium: 14px;
16
17
  --font-size-large: 16px;
package/lib/cascader/cascader.variable.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --white-color: var(--white-color);
12
12
  --whitesmoke-color: var(--whitesmoke-color);
13
13
  --disable-color: var(--disable-color);
14
+ --disable-bg-color: var(--disable-bg-color);
14
15
  --font-size-base: var(--font-size-base);
15
16
  --font-size-medium: var(--font-size-medium);
16
17
  --font-size-large: var(--font-size-large);
@@ -133,6 +134,7 @@
133
134
  --white-color: white;
134
135
  --whitesmoke-color: #fafbfd;
135
136
  --disable-color: #dcdee5;
137
+ --disable-bg-color: #f9fafd;
136
138
  --font-size-base: 12px;
137
139
  --font-size-medium: 14px;
138
140
  --font-size-large: 16px;
@@ -255,6 +257,7 @@
255
257
  --white-color: white;
256
258
  --whitesmoke-color: #fafbfd;
257
259
  --disable-color: #dcdee5;
260
+ --disable-bg-color: #f9fafd;
258
261
  --font-size-base: 12px;
259
262
  --font-size-medium: 14px;
260
263
  --font-size-large: 16px;
@@ -377,6 +380,7 @@
377
380
  --white-color: white;
378
381
  --whitesmoke-color: #fafbfd;
379
382
  --disable-color: #dcdee5;
383
+ --disable-bg-color: #f9fafd;
380
384
  --font-size-base: 12px;
381
385
  --font-size-medium: 14px;
382
386
  --font-size-large: 16px;
package/lib/checkbox/checkbox.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --white-color: white;
12
12
  --whitesmoke-color: #fafbfd;
13
13
  --disable-color: #dcdee5;
14
+ --disable-bg-color: #f9fafd;
14
15
  --font-size-base: 12px;
15
16
  --font-size-medium: 14px;
16
17
  --font-size-large: 16px;
package/lib/checkbox/checkbox.variable.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --white-color: var(--white-color);
12
12
  --whitesmoke-color: var(--whitesmoke-color);
13
13
  --disable-color: var(--disable-color);
14
+ --disable-bg-color: var(--disable-bg-color);
14
15
  --font-size-base: var(--font-size-base);
15
16
  --font-size-medium: var(--font-size-medium);
16
17
  --font-size-large: var(--font-size-large);
@@ -133,6 +134,7 @@
133
134
  --white-color: white;
134
135
  --whitesmoke-color: #fafbfd;
135
136
  --disable-color: #dcdee5;
137
+ --disable-bg-color: #f9fafd;
136
138
  --font-size-base: 12px;
137
139
  --font-size-medium: 14px;
138
140
  --font-size-large: 16px;
@@ -255,6 +257,7 @@
255
257
  --white-color: white;
256
258
  --whitesmoke-color: #fafbfd;
257
259
  --disable-color: #dcdee5;
260
+ --disable-bg-color: #f9fafd;
258
261
  --font-size-base: 12px;
259
262
  --font-size-medium: 14px;
260
263
  --font-size-large: 16px;
package/lib/code-diff/code-diff.css CHANGED
@@ -12,6 +12,7 @@
12
12
  --white-color: white;
13
13
  --whitesmoke-color: #fafbfd;
14
14
  --disable-color: #dcdee5;
15
+ --disable-bg-color: #f9fafd;
15
16
  --font-size-base: 12px;
16
17
  --font-size-medium: 14px;
17
18
  --font-size-large: 16px;
package/lib/code-diff/code-diff.variable.css CHANGED
@@ -12,6 +12,7 @@
12
12
  --white-color: var(--white-color);
13
13
  --whitesmoke-color: var(--whitesmoke-color);
14
14
  --disable-color: var(--disable-color);
15
+ --disable-bg-color: var(--disable-bg-color);
15
16
  --font-size-base: var(--font-size-base);
16
17
  --font-size-medium: var(--font-size-medium);
17
18
  --font-size-large: var(--font-size-large);
@@ -134,6 +135,7 @@
134
135
  --white-color: white;
135
136
  --whitesmoke-color: #fafbfd;
136
137
  --disable-color: #dcdee5;
138
+ --disable-bg-color: #f9fafd;
137
139
  --font-size-base: 12px;
138
140
  --font-size-medium: 14px;
139
141
  --font-size-large: 16px;
@@ -256,6 +258,7 @@
256
258
  --white-color: white;
257
259
  --whitesmoke-color: #fafbfd;
258
260
  --disable-color: #dcdee5;
261
+ --disable-bg-color: #f9fafd;
259
262
  --font-size-base: 12px;
260
263
  --font-size-medium: 14px;
261
264
  --font-size-large: 16px;
package/lib/collapse/collapse.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --white-color: white;
12
12
  --whitesmoke-color: #fafbfd;
13
13
  --disable-color: #dcdee5;
14
+ --disable-bg-color: #f9fafd;
14
15
  --font-size-base: 12px;
15
16
  --font-size-medium: 14px;
16
17
  --font-size-large: 16px;
package/lib/collapse/collapse.variable.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --white-color: var(--white-color);
12
12
  --whitesmoke-color: var(--whitesmoke-color);
13
13
  --disable-color: var(--disable-color);
14
+ --disable-bg-color: var(--disable-bg-color);
14
15
  --font-size-base: var(--font-size-base);
15
16
  --font-size-medium: var(--font-size-medium);
16
17
  --font-size-large: var(--font-size-large);
@@ -133,6 +134,7 @@
133
134
  --white-color: white;
134
135
  --whitesmoke-color: #fafbfd;
135
136
  --disable-color: #dcdee5;
137
+ --disable-bg-color: #f9fafd;
136
138
  --font-size-base: 12px;
137
139
  --font-size-medium: 14px;
138
140
  --font-size-large: 16px;
@@ -255,6 +257,7 @@
255
257
  --white-color: white;
256
258
  --whitesmoke-color: #fafbfd;
257
259
  --disable-color: #dcdee5;
260
+ --disable-bg-color: #f9fafd;
258
261
  --font-size-base: 12px;
259
262
  --font-size-medium: 14px;
260
263
  --font-size-large: 16px;
package/lib/collapse-transition/collapse-transition.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --white-color: white;
12
12
  --whitesmoke-color: #fafbfd;
13
13
  --disable-color: #dcdee5;
14
+ --disable-bg-color: #f9fafd;
14
15
  --font-size-base: 12px;
15
16
  --font-size-medium: 14px;
16
17
  --font-size-large: 16px;
package/lib/collapse-transition/collapse-transition.variable.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --white-color: var(--white-color);
12
12
  --whitesmoke-color: var(--whitesmoke-color);
13
13
  --disable-color: var(--disable-color);
14
+ --disable-bg-color: var(--disable-bg-color);
14
15
  --font-size-base: var(--font-size-base);
15
16
  --font-size-medium: var(--font-size-medium);
16
17
  --font-size-large: var(--font-size-large);
@@ -133,6 +134,7 @@
133
134
  --white-color: white;
134
135
  --whitesmoke-color: #fafbfd;
135
136
  --disable-color: #dcdee5;
137
+ --disable-bg-color: #f9fafd;
136
138
  --font-size-base: 12px;
137
139
  --font-size-medium: 14px;
138
140
  --font-size-large: 16px;
@@ -255,6 +257,7 @@
255
257
  --white-color: white;
256
258
  --whitesmoke-color: #fafbfd;
257
259
  --disable-color: #dcdee5;
260
+ --disable-bg-color: #f9fafd;
258
261
  --font-size-base: 12px;
259
262
  --font-size-medium: 14px;
260
263
  --font-size-large: 16px;
package/lib/color-picker/color-picker.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --white-color: white;
12
12
  --whitesmoke-color: #fafbfd;
13
13
  --disable-color: #dcdee5;
14
+ --disable-bg-color: #f9fafd;
14
15
  --font-size-base: 12px;
15
16
  --font-size-medium: 14px;
16
17
  --font-size-large: 16px;
package/lib/color-picker/color-picker.variable.css CHANGED
@@ -11,6 +11,7 @@
11
11
  --white-color: var(--white-color);
12
12
  --whitesmoke-color: var(--whitesmoke-color);
13
13
  --disable-color: var(--disable-color);
14
+ --disable-bg-color: var(--disable-bg-color);
14
15
  --font-size-base: var(--font-size-base);
15
16
  --font-size-medium: var(--font-size-medium);
16
17
  --font-size-large: var(--font-size-large);
@@ -133,6 +134,7 @@
133
134
  --white-color: white;
134
135
  --whitesmoke-color: #fafbfd;
135
136
  --disable-color: #dcdee5;
137
+ --disable-bg-color: #f9fafd;
136
138
  --font-size-base: 12px;
137
139
  --font-size-medium: 14px;
138
140
  --font-size-large: 16px;
@@ -255,6 +257,7 @@
255
257
  --white-color: white;
256
258
  --whitesmoke-color: #fafbfd;
257
259
  --disable-color: #dcdee5;
260
+ --disable-bg-color: #f9fafd;
258
261
  --font-size-base: 12px;
259
262
  --font-size-medium: 14px;
260
263
  --font-size-large: 16px;