bge-ui 1.0.17 → 1.0.18

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 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
- ], 8, _hoisted_7$1)
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
- ], 8, _hoisted_7)
9537
+ ], 10, _hoisted_7)
9538
9538
  ], 2);
9539
9539
  };
9540
9540
  }
package/dist/style.css CHANGED
@@ -3813,6 +3813,7 @@ to {
3813
3813
  height: 20px;
3814
3814
  }
3815
3815
  .bge-checkbox_disabled {
3816
+ --tc-secondary: var(--tc-quaternary);
3816
3817
  --tc-primary: var(--tc-quaternary);
3817
3818
  --tc-quaternary: var(--separator-separator);
3818
3819
  }
@@ -3834,6 +3835,9 @@ to {
3834
3835
  font-size: 12px;
3835
3836
  font-weight: 500;
3836
3837
  line-height: 20px;
3838
+ color: var(--tc-secondary);
3839
+ }
3840
+ .bge-checkbox__label.checked {
3837
3841
  color: var(--tc-primary);
3838
3842
  }
3839
3843
  .bge-checkbox__input {
@@ -3891,6 +3895,7 @@ to {
3891
3895
  height: 20px;
3892
3896
  }
3893
3897
  .bge-radio_disabled {
3898
+ --tc-secondary: var(--tc-quaternary);
3894
3899
  --tc-primary: var(--tc-quaternary);
3895
3900
  --tc-quaternary: var(--separator-separator);
3896
3901
  }
@@ -3912,6 +3917,9 @@ to {
3912
3917
  font-size: 12px;
3913
3918
  font-weight: 500;
3914
3919
  line-height: 20px;
3920
+ color: var(--tc-secondary);
3921
+ }
3922
+ .bge-radio__label.checked {
3915
3923
  color: var(--tc-primary);
3916
3924
  }
3917
3925
  .bge-radio__input {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "bge-ui",
3
- "version": "1.0.17",
3
+ "version": "1.0.18",
4
4
  "description": "",
5
5
  "type": "module",
6
6
  "main": "./src/index.ts",
@@ -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>
@@ -149,6 +149,7 @@ function handleChange (e: Event) {
149
149
  }
150
150
 
151
151
  .bge-checkbox_disabled {
152
+ --tc-secondary: var(--tc-quaternary);
152
153
  --tc-primary: var(--tc-quaternary);
153
154
  --tc-quaternary: var(--separator-separator);
154
155
 
@@ -179,7 +180,11 @@ function handleChange (e: Event) {
179
180
  font-size: 12px;
180
181
  font-weight: 500;
181
182
  line-height: 20px;
182
- color: var(--tc-primary);
183
+ color: var(--tc-secondary);
184
+
185
+ &.checked {
186
+ color: var(--tc-primary);
187
+ }
183
188
  }
184
189
 
185
190
  .bge-checkbox__input {
@@ -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>
@@ -128,6 +128,7 @@ function handleChange (e: Event) {
128
128
  }
129
129
 
130
130
  .bge-radio_disabled {
131
+ --tc-secondary: var(--tc-quaternary);
131
132
  --tc-primary: var(--tc-quaternary);
132
133
  --tc-quaternary: var(--separator-separator);
133
134
 
@@ -158,7 +159,11 @@ function handleChange (e: Event) {
158
159
  font-size: 12px;
159
160
  font-weight: 500;
160
161
  line-height: 20px;
161
- color: var(--tc-primary);
162
+ color: var(--tc-secondary);
163
+
164
+ &.checked {
165
+ color: var(--tc-primary);
166
+ }
162
167
  }
163
168
 
164
169
  .bge-radio__input {