bge-ui 1.0.17 → 1.0.19
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.
- package/dist/index.js +4 -4
- package/dist/style.css +8 -2
- package/package.json +1 -1
- package/src/checkbox/index.vue +7 -3
- package/src/radio/index.vue +7 -3
package/dist/index.js
CHANGED
|
@@ -9391,10 +9391,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
9391
9391
|
]),
|
|
9392
9392
|
createElementVNode("label", {
|
|
9393
9393
|
for: id.value,
|
|
9394
|
-
class: "bge-checkbox__label"
|
|
9394
|
+
class: normalizeClass(["bge-checkbox__label", { checked: input.value }])
|
|
9395
9395
|
}, [
|
|
9396
9396
|
renderSlot(_ctx.$slots, "default")
|
|
9397
|
-
],
|
|
9397
|
+
], 10, _hoisted_7$1)
|
|
9398
9398
|
], 2);
|
|
9399
9399
|
};
|
|
9400
9400
|
}
|
|
@@ -9531,10 +9531,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
9531
9531
|
]),
|
|
9532
9532
|
createElementVNode("label", {
|
|
9533
9533
|
for: id.value,
|
|
9534
|
-
class: "bge-radio__label"
|
|
9534
|
+
class: normalizeClass(["bge-radio__label", { checked: input.value }])
|
|
9535
9535
|
}, [
|
|
9536
9536
|
renderSlot(_ctx.$slots, "default")
|
|
9537
|
-
],
|
|
9537
|
+
], 10, _hoisted_7)
|
|
9538
9538
|
], 2);
|
|
9539
9539
|
};
|
|
9540
9540
|
}
|
package/dist/style.css
CHANGED
|
@@ -3805,7 +3805,6 @@ to {
|
|
|
3805
3805
|
font-size: 14px;
|
|
3806
3806
|
font-weight: 500;
|
|
3807
3807
|
line-height: 24px;
|
|
3808
|
-
color: var(--tc-primary);
|
|
3809
3808
|
}
|
|
3810
3809
|
.bge-checkbox_large .bge-checkbox__inner,
|
|
3811
3810
|
.bge-checkbox_large .bge-checkbox__original {
|
|
@@ -3813,6 +3812,7 @@ to {
|
|
|
3813
3812
|
height: 20px;
|
|
3814
3813
|
}
|
|
3815
3814
|
.bge-checkbox_disabled {
|
|
3815
|
+
--tc-secondary: var(--tc-quaternary);
|
|
3816
3816
|
--tc-primary: var(--tc-quaternary);
|
|
3817
3817
|
--tc-quaternary: var(--separator-separator);
|
|
3818
3818
|
}
|
|
@@ -3834,6 +3834,9 @@ to {
|
|
|
3834
3834
|
font-size: 12px;
|
|
3835
3835
|
font-weight: 500;
|
|
3836
3836
|
line-height: 20px;
|
|
3837
|
+
color: var(--tc-secondary);
|
|
3838
|
+
}
|
|
3839
|
+
.bge-checkbox__label.checked {
|
|
3837
3840
|
color: var(--tc-primary);
|
|
3838
3841
|
}
|
|
3839
3842
|
.bge-checkbox__input {
|
|
@@ -3883,7 +3886,6 @@ to {
|
|
|
3883
3886
|
font-size: 14px;
|
|
3884
3887
|
font-weight: 500;
|
|
3885
3888
|
line-height: 24px;
|
|
3886
|
-
color: var(--tc-primary);
|
|
3887
3889
|
}
|
|
3888
3890
|
.bge-radio_large .bge-radio__inner,
|
|
3889
3891
|
.bge-radio_large .bge-radio__original {
|
|
@@ -3891,6 +3893,7 @@ to {
|
|
|
3891
3893
|
height: 20px;
|
|
3892
3894
|
}
|
|
3893
3895
|
.bge-radio_disabled {
|
|
3896
|
+
--tc-secondary: var(--tc-quaternary);
|
|
3894
3897
|
--tc-primary: var(--tc-quaternary);
|
|
3895
3898
|
--tc-quaternary: var(--separator-separator);
|
|
3896
3899
|
}
|
|
@@ -3912,6 +3915,9 @@ to {
|
|
|
3912
3915
|
font-size: 12px;
|
|
3913
3916
|
font-weight: 500;
|
|
3914
3917
|
line-height: 20px;
|
|
3918
|
+
color: var(--tc-secondary);
|
|
3919
|
+
}
|
|
3920
|
+
.bge-radio__label.checked {
|
|
3915
3921
|
color: var(--tc-primary);
|
|
3916
3922
|
}
|
|
3917
3923
|
.bge-radio__input {
|
package/package.json
CHANGED
package/src/checkbox/index.vue
CHANGED
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
</template>
|
|
19
19
|
</svg>
|
|
20
20
|
</span>
|
|
21
|
-
<label :for="id" class="bge-checkbox__label">
|
|
21
|
+
<label :for="id" class="bge-checkbox__label" :class="{checked: input}">
|
|
22
22
|
<slot />
|
|
23
23
|
</label>
|
|
24
24
|
</label>
|
|
@@ -138,7 +138,6 @@ function handleChange (e: Event) {
|
|
|
138
138
|
font-size: 14px;
|
|
139
139
|
font-weight: 500;
|
|
140
140
|
line-height: 24px;
|
|
141
|
-
color: var(--tc-primary);
|
|
142
141
|
}
|
|
143
142
|
|
|
144
143
|
.bge-checkbox__inner,
|
|
@@ -149,6 +148,7 @@ function handleChange (e: Event) {
|
|
|
149
148
|
}
|
|
150
149
|
|
|
151
150
|
.bge-checkbox_disabled {
|
|
151
|
+
--tc-secondary: var(--tc-quaternary);
|
|
152
152
|
--tc-primary: var(--tc-quaternary);
|
|
153
153
|
--tc-quaternary: var(--separator-separator);
|
|
154
154
|
|
|
@@ -179,7 +179,11 @@ function handleChange (e: Event) {
|
|
|
179
179
|
font-size: 12px;
|
|
180
180
|
font-weight: 500;
|
|
181
181
|
line-height: 20px;
|
|
182
|
-
color: var(--tc-
|
|
182
|
+
color: var(--tc-secondary);
|
|
183
|
+
|
|
184
|
+
&.checked {
|
|
185
|
+
color: var(--tc-primary);
|
|
186
|
+
}
|
|
183
187
|
}
|
|
184
188
|
|
|
185
189
|
.bge-checkbox__input {
|
package/src/radio/index.vue
CHANGED
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
</template>
|
|
19
19
|
</svg>
|
|
20
20
|
</span>
|
|
21
|
-
<label :for="id" class="bge-radio__label">
|
|
21
|
+
<label :for="id" class="bge-radio__label" :class="{checked: input}">
|
|
22
22
|
<slot />
|
|
23
23
|
</label>
|
|
24
24
|
</label>
|
|
@@ -117,7 +117,6 @@ function handleChange (e: Event) {
|
|
|
117
117
|
font-size: 14px;
|
|
118
118
|
font-weight: 500;
|
|
119
119
|
line-height: 24px;
|
|
120
|
-
color: var(--tc-primary);
|
|
121
120
|
}
|
|
122
121
|
|
|
123
122
|
.bge-radio__inner,
|
|
@@ -128,6 +127,7 @@ function handleChange (e: Event) {
|
|
|
128
127
|
}
|
|
129
128
|
|
|
130
129
|
.bge-radio_disabled {
|
|
130
|
+
--tc-secondary: var(--tc-quaternary);
|
|
131
131
|
--tc-primary: var(--tc-quaternary);
|
|
132
132
|
--tc-quaternary: var(--separator-separator);
|
|
133
133
|
|
|
@@ -158,7 +158,11 @@ function handleChange (e: Event) {
|
|
|
158
158
|
font-size: 12px;
|
|
159
159
|
font-weight: 500;
|
|
160
160
|
line-height: 20px;
|
|
161
|
-
color: var(--tc-
|
|
161
|
+
color: var(--tc-secondary);
|
|
162
|
+
|
|
163
|
+
&.checked {
|
|
164
|
+
color: var(--tc-primary);
|
|
165
|
+
}
|
|
162
166
|
}
|
|
163
167
|
|
|
164
168
|
.bge-radio__input {
|