bkui-vue 0.0.1-beta.125 → 0.0.1-beta.126

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 (36) hide show
  1. package/dist/index.cjs.js +22 -22
  2. package/dist/index.esm.js +4 -3
  3. package/dist/index.umd.js +25 -25
  4. package/dist/style.css +1 -1
  5. package/dist/style.variable.css +1 -1
  6. package/lib/breadcrumb/breadcrumb.css +43 -0
  7. package/lib/breadcrumb/breadcrumb.variable.css +43 -0
  8. package/lib/card/card.css +43 -0
  9. package/lib/card/card.variable.css +43 -0
  10. package/lib/container/container.css +43 -0
  11. package/lib/container/container.variable.css +43 -0
  12. package/lib/input/input.css +43 -0
  13. package/lib/input/input.variable.css +43 -0
  14. package/lib/loading/loading.css +43 -0
  15. package/lib/loading/loading.variable.css +43 -0
  16. package/lib/menu/menu.css +43 -0
  17. package/lib/menu/menu.variable.css +43 -0
  18. package/lib/progress/progress.css +43 -0
  19. package/lib/progress/progress.variable.css +43 -0
  20. package/lib/styles/mixins/mixins.css +43 -0
  21. package/lib/styles/mixins/mixins.less +1 -0
  22. package/lib/styles/mixins/mixins.variable.css +43 -0
  23. package/lib/switcher/switcher.css +43 -0
  24. package/lib/switcher/switcher.variable.css +43 -0
  25. package/lib/table/index.d.ts +16 -5
  26. package/lib/table/index.js +1 -1
  27. package/lib/table/plugins/settings.css +1 -0
  28. package/lib/table/plugins/settings.less +1 -0
  29. package/lib/table/plugins/settings.variable.css +1 -0
  30. package/lib/table/props.d.ts +3 -1
  31. package/lib/table/table.css +1 -0
  32. package/lib/table/table.d.ts +7 -2
  33. package/lib/table/table.variable.css +1 -0
  34. package/lib/upload/upload.css +43 -0
  35. package/lib/upload/upload.variable.css +43 -0
  36. package/package.json +1 -1
package/lib/breadcrumb/breadcrumb.css CHANGED
@@ -27,6 +27,49 @@
27
27
  content: '';
28
28
  visibility: hidden;
29
29
  }
30
+ .bk-popper {
31
+ display: none;
32
+ padding: 7px 14px;
33
+ font-size: 12px;
34
+ color: #fff;
35
+ background: #333;
36
+ border-radius: 4px;
37
+ }
38
+ .bk-popper.light {
39
+ color: #63656e;
40
+ background: #fff;
41
+ box-shadow: #dcdee5 0px 0px 6px 0px;
42
+ }
43
+ .bk-popper .bk-popper-arrow,
44
+ .bk-popper .bk-popper-arrow::before {
45
+ position: absolute;
46
+ width: 8px;
47
+ height: 8px;
48
+ background: inherit;
49
+ }
50
+ .bk-popper .bk-popper-arrow {
51
+ visibility: hidden;
52
+ }
53
+ .bk-popper .bk-popper-arrow::before {
54
+ content: '';
55
+ visibility: visible;
56
+ transform: rotate(45deg);
57
+ }
58
+ .bk-popper[data-show] {
59
+ display: block;
60
+ }
61
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
62
+ bottom: -4px;
63
+ }
64
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
65
+ top: -4px;
66
+ }
67
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
68
+ right: -4px;
69
+ }
70
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
71
+ left: -4px;
72
+ }
30
73
  .bk-breadcrumb {
31
74
  display: flex;
32
75
  font-size: 14px;
package/lib/breadcrumb/breadcrumb.variable.css CHANGED
@@ -129,6 +129,49 @@
129
129
  content: '';
130
130
  visibility: hidden;
131
131
  }
132
+ .bk-popper {
133
+ display: none;
134
+ padding: 7px 14px;
135
+ font-size: 12px;
136
+ color: #fff;
137
+ background: #333;
138
+ border-radius: 4px;
139
+ }
140
+ .bk-popper.light {
141
+ color: #63656e;
142
+ background: #fff;
143
+ box-shadow: #dcdee5 0px 0px 6px 0px;
144
+ }
145
+ .bk-popper .bk-popper-arrow,
146
+ .bk-popper .bk-popper-arrow::before {
147
+ position: absolute;
148
+ width: 8px;
149
+ height: 8px;
150
+ background: inherit;
151
+ }
152
+ .bk-popper .bk-popper-arrow {
153
+ visibility: hidden;
154
+ }
155
+ .bk-popper .bk-popper-arrow::before {
156
+ content: '';
157
+ visibility: visible;
158
+ transform: rotate(45deg);
159
+ }
160
+ .bk-popper[data-show] {
161
+ display: block;
162
+ }
163
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
164
+ bottom: -4px;
165
+ }
166
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
167
+ top: -4px;
168
+ }
169
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
170
+ right: -4px;
171
+ }
172
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
173
+ left: -4px;
174
+ }
132
175
  .bk-breadcrumb {
133
176
  display: flex;
134
177
  font-size: 14px;
package/lib/card/card.css CHANGED
@@ -27,6 +27,49 @@
27
27
  content: '';
28
28
  visibility: hidden;
29
29
  }
30
+ .bk-popper {
31
+ display: none;
32
+ padding: 7px 14px;
33
+ font-size: 12px;
34
+ color: #fff;
35
+ background: #333;
36
+ border-radius: 4px;
37
+ }
38
+ .bk-popper.light {
39
+ color: #63656e;
40
+ background: #fff;
41
+ box-shadow: #dcdee5 0px 0px 6px 0px;
42
+ }
43
+ .bk-popper .bk-popper-arrow,
44
+ .bk-popper .bk-popper-arrow::before {
45
+ position: absolute;
46
+ width: 8px;
47
+ height: 8px;
48
+ background: inherit;
49
+ }
50
+ .bk-popper .bk-popper-arrow {
51
+ visibility: hidden;
52
+ }
53
+ .bk-popper .bk-popper-arrow::before {
54
+ content: '';
55
+ visibility: visible;
56
+ transform: rotate(45deg);
57
+ }
58
+ .bk-popper[data-show] {
59
+ display: block;
60
+ }
61
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
62
+ bottom: -4px;
63
+ }
64
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
65
+ top: -4px;
66
+ }
67
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
68
+ right: -4px;
69
+ }
70
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
71
+ left: -4px;
72
+ }
30
73
  .bk-card {
31
74
  position: relative;
32
75
  display: inline-block;
package/lib/card/card.variable.css CHANGED
@@ -129,6 +129,49 @@
129
129
  content: '';
130
130
  visibility: hidden;
131
131
  }
132
+ .bk-popper {
133
+ display: none;
134
+ padding: 7px 14px;
135
+ font-size: 12px;
136
+ color: #fff;
137
+ background: #333;
138
+ border-radius: 4px;
139
+ }
140
+ .bk-popper.light {
141
+ color: #63656e;
142
+ background: #fff;
143
+ box-shadow: #dcdee5 0px 0px 6px 0px;
144
+ }
145
+ .bk-popper .bk-popper-arrow,
146
+ .bk-popper .bk-popper-arrow::before {
147
+ position: absolute;
148
+ width: 8px;
149
+ height: 8px;
150
+ background: inherit;
151
+ }
152
+ .bk-popper .bk-popper-arrow {
153
+ visibility: hidden;
154
+ }
155
+ .bk-popper .bk-popper-arrow::before {
156
+ content: '';
157
+ visibility: visible;
158
+ transform: rotate(45deg);
159
+ }
160
+ .bk-popper[data-show] {
161
+ display: block;
162
+ }
163
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
164
+ bottom: -4px;
165
+ }
166
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
167
+ top: -4px;
168
+ }
169
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
170
+ right: -4px;
171
+ }
172
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
173
+ left: -4px;
174
+ }
132
175
  .bk-card {
133
176
  position: relative;
134
177
  display: inline-block;
package/lib/container/container.css CHANGED
@@ -27,6 +27,49 @@
27
27
  content: '';
28
28
  visibility: hidden;
29
29
  }
30
+ .bk-popper {
31
+ display: none;
32
+ padding: 7px 14px;
33
+ font-size: 12px;
34
+ color: #fff;
35
+ background: #333;
36
+ border-radius: 4px;
37
+ }
38
+ .bk-popper.light {
39
+ color: #63656e;
40
+ background: #fff;
41
+ box-shadow: #dcdee5 0px 0px 6px 0px;
42
+ }
43
+ .bk-popper .bk-popper-arrow,
44
+ .bk-popper .bk-popper-arrow::before {
45
+ position: absolute;
46
+ width: 8px;
47
+ height: 8px;
48
+ background: inherit;
49
+ }
50
+ .bk-popper .bk-popper-arrow {
51
+ visibility: hidden;
52
+ }
53
+ .bk-popper .bk-popper-arrow::before {
54
+ content: '';
55
+ visibility: visible;
56
+ transform: rotate(45deg);
57
+ }
58
+ .bk-popper[data-show] {
59
+ display: block;
60
+ }
61
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
62
+ bottom: -4px;
63
+ }
64
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
65
+ top: -4px;
66
+ }
67
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
68
+ right: -4px;
69
+ }
70
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
71
+ left: -4px;
72
+ }
30
73
  .bk-grid-container {
31
74
  margin-right: auto;
32
75
  margin-left: auto;
package/lib/container/container.variable.css CHANGED
@@ -129,6 +129,49 @@
129
129
  content: '';
130
130
  visibility: hidden;
131
131
  }
132
+ .bk-popper {
133
+ display: none;
134
+ padding: 7px 14px;
135
+ font-size: 12px;
136
+ color: #fff;
137
+ background: #333;
138
+ border-radius: 4px;
139
+ }
140
+ .bk-popper.light {
141
+ color: #63656e;
142
+ background: #fff;
143
+ box-shadow: #dcdee5 0px 0px 6px 0px;
144
+ }
145
+ .bk-popper .bk-popper-arrow,
146
+ .bk-popper .bk-popper-arrow::before {
147
+ position: absolute;
148
+ width: 8px;
149
+ height: 8px;
150
+ background: inherit;
151
+ }
152
+ .bk-popper .bk-popper-arrow {
153
+ visibility: hidden;
154
+ }
155
+ .bk-popper .bk-popper-arrow::before {
156
+ content: '';
157
+ visibility: visible;
158
+ transform: rotate(45deg);
159
+ }
160
+ .bk-popper[data-show] {
161
+ display: block;
162
+ }
163
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
164
+ bottom: -4px;
165
+ }
166
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
167
+ top: -4px;
168
+ }
169
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
170
+ right: -4px;
171
+ }
172
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
173
+ left: -4px;
174
+ }
132
175
  .bk-grid-container {
133
176
  margin-right: auto;
134
177
  margin-left: auto;
package/lib/input/input.css CHANGED
@@ -27,6 +27,49 @@
27
27
  content: '';
28
28
  visibility: hidden;
29
29
  }
30
+ .bk-popper {
31
+ display: none;
32
+ padding: 7px 14px;
33
+ font-size: 12px;
34
+ color: #fff;
35
+ background: #333;
36
+ border-radius: 4px;
37
+ }
38
+ .bk-popper.light {
39
+ color: #63656e;
40
+ background: #fff;
41
+ box-shadow: #dcdee5 0px 0px 6px 0px;
42
+ }
43
+ .bk-popper .bk-popper-arrow,
44
+ .bk-popper .bk-popper-arrow::before {
45
+ position: absolute;
46
+ width: 8px;
47
+ height: 8px;
48
+ background: inherit;
49
+ }
50
+ .bk-popper .bk-popper-arrow {
51
+ visibility: hidden;
52
+ }
53
+ .bk-popper .bk-popper-arrow::before {
54
+ content: '';
55
+ visibility: visible;
56
+ transform: rotate(45deg);
57
+ }
58
+ .bk-popper[data-show] {
59
+ display: block;
60
+ }
61
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
62
+ bottom: -4px;
63
+ }
64
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
65
+ top: -4px;
66
+ }
67
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
68
+ right: -4px;
69
+ }
70
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
71
+ left: -4px;
72
+ }
30
73
  .bk-textarea {
31
74
  display: inline-flex;
32
75
  width: 100%;
package/lib/input/input.variable.css CHANGED
@@ -129,6 +129,49 @@
129
129
  content: '';
130
130
  visibility: hidden;
131
131
  }
132
+ .bk-popper {
133
+ display: none;
134
+ padding: 7px 14px;
135
+ font-size: 12px;
136
+ color: #fff;
137
+ background: #333;
138
+ border-radius: 4px;
139
+ }
140
+ .bk-popper.light {
141
+ color: #63656e;
142
+ background: #fff;
143
+ box-shadow: #dcdee5 0px 0px 6px 0px;
144
+ }
145
+ .bk-popper .bk-popper-arrow,
146
+ .bk-popper .bk-popper-arrow::before {
147
+ position: absolute;
148
+ width: 8px;
149
+ height: 8px;
150
+ background: inherit;
151
+ }
152
+ .bk-popper .bk-popper-arrow {
153
+ visibility: hidden;
154
+ }
155
+ .bk-popper .bk-popper-arrow::before {
156
+ content: '';
157
+ visibility: visible;
158
+ transform: rotate(45deg);
159
+ }
160
+ .bk-popper[data-show] {
161
+ display: block;
162
+ }
163
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
164
+ bottom: -4px;
165
+ }
166
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
167
+ top: -4px;
168
+ }
169
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
170
+ right: -4px;
171
+ }
172
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
173
+ left: -4px;
174
+ }
132
175
  .bk-textarea {
133
176
  display: inline-flex;
134
177
  width: 100%;
package/lib/loading/loading.css CHANGED
@@ -27,6 +27,49 @@
27
27
  content: '';
28
28
  visibility: hidden;
29
29
  }
30
+ .bk-popper {
31
+ display: none;
32
+ padding: 7px 14px;
33
+ font-size: 12px;
34
+ color: #fff;
35
+ background: #333;
36
+ border-radius: 4px;
37
+ }
38
+ .bk-popper.light {
39
+ color: #63656e;
40
+ background: #fff;
41
+ box-shadow: #dcdee5 0px 0px 6px 0px;
42
+ }
43
+ .bk-popper .bk-popper-arrow,
44
+ .bk-popper .bk-popper-arrow::before {
45
+ position: absolute;
46
+ width: 8px;
47
+ height: 8px;
48
+ background: inherit;
49
+ }
50
+ .bk-popper .bk-popper-arrow {
51
+ visibility: hidden;
52
+ }
53
+ .bk-popper .bk-popper-arrow::before {
54
+ content: '';
55
+ visibility: visible;
56
+ transform: rotate(45deg);
57
+ }
58
+ .bk-popper[data-show] {
59
+ display: block;
60
+ }
61
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
62
+ bottom: -4px;
63
+ }
64
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
65
+ top: -4px;
66
+ }
67
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
68
+ right: -4px;
69
+ }
70
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
71
+ left: -4px;
72
+ }
30
73
  .bk-loading-wrapper {
31
74
  position: static;
32
75
  vertical-align: middle;
package/lib/loading/loading.variable.css CHANGED
@@ -129,6 +129,49 @@
129
129
  content: '';
130
130
  visibility: hidden;
131
131
  }
132
+ .bk-popper {
133
+ display: none;
134
+ padding: 7px 14px;
135
+ font-size: 12px;
136
+ color: #fff;
137
+ background: #333;
138
+ border-radius: 4px;
139
+ }
140
+ .bk-popper.light {
141
+ color: #63656e;
142
+ background: #fff;
143
+ box-shadow: #dcdee5 0px 0px 6px 0px;
144
+ }
145
+ .bk-popper .bk-popper-arrow,
146
+ .bk-popper .bk-popper-arrow::before {
147
+ position: absolute;
148
+ width: 8px;
149
+ height: 8px;
150
+ background: inherit;
151
+ }
152
+ .bk-popper .bk-popper-arrow {
153
+ visibility: hidden;
154
+ }
155
+ .bk-popper .bk-popper-arrow::before {
156
+ content: '';
157
+ visibility: visible;
158
+ transform: rotate(45deg);
159
+ }
160
+ .bk-popper[data-show] {
161
+ display: block;
162
+ }
163
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
164
+ bottom: -4px;
165
+ }
166
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
167
+ top: -4px;
168
+ }
169
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
170
+ right: -4px;
171
+ }
172
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
173
+ left: -4px;
174
+ }
132
175
  .bk-loading-wrapper {
133
176
  position: static;
134
177
  vertical-align: middle;
package/lib/menu/menu.css CHANGED
@@ -27,6 +27,49 @@
27
27
  content: '';
28
28
  visibility: hidden;
29
29
  }
30
+ .bk-popper {
31
+ display: none;
32
+ padding: 7px 14px;
33
+ font-size: 12px;
34
+ color: #fff;
35
+ background: #333;
36
+ border-radius: 4px;
37
+ }
38
+ .bk-popper.light {
39
+ color: #63656e;
40
+ background: #fff;
41
+ box-shadow: #dcdee5 0px 0px 6px 0px;
42
+ }
43
+ .bk-popper .bk-popper-arrow,
44
+ .bk-popper .bk-popper-arrow::before {
45
+ position: absolute;
46
+ width: 8px;
47
+ height: 8px;
48
+ background: inherit;
49
+ }
50
+ .bk-popper .bk-popper-arrow {
51
+ visibility: hidden;
52
+ }
53
+ .bk-popper .bk-popper-arrow::before {
54
+ content: '';
55
+ visibility: visible;
56
+ transform: rotate(45deg);
57
+ }
58
+ .bk-popper[data-show] {
59
+ display: block;
60
+ }
61
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
62
+ bottom: -4px;
63
+ }
64
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
65
+ top: -4px;
66
+ }
67
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
68
+ right: -4px;
69
+ }
70
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
71
+ left: -4px;
72
+ }
30
73
  .collapse {
31
74
  width: 60px;
32
75
  }
package/lib/menu/menu.variable.css CHANGED
@@ -129,6 +129,49 @@
129
129
  content: '';
130
130
  visibility: hidden;
131
131
  }
132
+ .bk-popper {
133
+ display: none;
134
+ padding: 7px 14px;
135
+ font-size: 12px;
136
+ color: #fff;
137
+ background: #333;
138
+ border-radius: 4px;
139
+ }
140
+ .bk-popper.light {
141
+ color: #63656e;
142
+ background: #fff;
143
+ box-shadow: #dcdee5 0px 0px 6px 0px;
144
+ }
145
+ .bk-popper .bk-popper-arrow,
146
+ .bk-popper .bk-popper-arrow::before {
147
+ position: absolute;
148
+ width: 8px;
149
+ height: 8px;
150
+ background: inherit;
151
+ }
152
+ .bk-popper .bk-popper-arrow {
153
+ visibility: hidden;
154
+ }
155
+ .bk-popper .bk-popper-arrow::before {
156
+ content: '';
157
+ visibility: visible;
158
+ transform: rotate(45deg);
159
+ }
160
+ .bk-popper[data-show] {
161
+ display: block;
162
+ }
163
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
164
+ bottom: -4px;
165
+ }
166
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
167
+ top: -4px;
168
+ }
169
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
170
+ right: -4px;
171
+ }
172
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
173
+ left: -4px;
174
+ }
132
175
  .collapse {
133
176
  width: var(--menu-collapse-width);
134
177
  }
package/lib/progress/progress.css CHANGED
@@ -27,6 +27,49 @@
27
27
  content: '';
28
28
  visibility: hidden;
29
29
  }
30
+ .bk-popper {
31
+ display: none;
32
+ padding: 7px 14px;
33
+ font-size: 12px;
34
+ color: #fff;
35
+ background: #333;
36
+ border-radius: 4px;
37
+ }
38
+ .bk-popper.light {
39
+ color: #63656e;
40
+ background: #fff;
41
+ box-shadow: #dcdee5 0px 0px 6px 0px;
42
+ }
43
+ .bk-popper .bk-popper-arrow,
44
+ .bk-popper .bk-popper-arrow::before {
45
+ position: absolute;
46
+ width: 8px;
47
+ height: 8px;
48
+ background: inherit;
49
+ }
50
+ .bk-popper .bk-popper-arrow {
51
+ visibility: hidden;
52
+ }
53
+ .bk-popper .bk-popper-arrow::before {
54
+ content: '';
55
+ visibility: visible;
56
+ transform: rotate(45deg);
57
+ }
58
+ .bk-popper[data-show] {
59
+ display: block;
60
+ }
61
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
62
+ bottom: -4px;
63
+ }
64
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
65
+ top: -4px;
66
+ }
67
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
68
+ right: -4px;
69
+ }
70
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
71
+ left: -4px;
72
+ }
30
73
  .bk-progress {
31
74
  display: inline-block;
32
75
  }
package/lib/progress/progress.variable.css CHANGED
@@ -129,6 +129,49 @@
129
129
  content: '';
130
130
  visibility: hidden;
131
131
  }
132
+ .bk-popper {
133
+ display: none;
134
+ padding: 7px 14px;
135
+ font-size: 12px;
136
+ color: #fff;
137
+ background: #333;
138
+ border-radius: 4px;
139
+ }
140
+ .bk-popper.light {
141
+ color: #63656e;
142
+ background: #fff;
143
+ box-shadow: #dcdee5 0px 0px 6px 0px;
144
+ }
145
+ .bk-popper .bk-popper-arrow,
146
+ .bk-popper .bk-popper-arrow::before {
147
+ position: absolute;
148
+ width: 8px;
149
+ height: 8px;
150
+ background: inherit;
151
+ }
152
+ .bk-popper .bk-popper-arrow {
153
+ visibility: hidden;
154
+ }
155
+ .bk-popper .bk-popper-arrow::before {
156
+ content: '';
157
+ visibility: visible;
158
+ transform: rotate(45deg);
159
+ }
160
+ .bk-popper[data-show] {
161
+ display: block;
162
+ }
163
+ .bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
164
+ bottom: -4px;
165
+ }
166
+ .bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
167
+ top: -4px;
168
+ }
169
+ .bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
170
+ right: -4px;
171
+ }
172
+ .bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
173
+ left: -4px;
174
+ }
132
175
  .bk-progress {
133
176
  display: inline-block;
134
177
  }