@descope/web-components-ui 1.0.81 → 1.0.83

Sign up to get free protection for your applications and to get access to all the features.
package/dist/index.esm.js CHANGED
@@ -1178,6 +1178,9 @@ class CheckboxInternal extends BaseInputClass$3 {
1178
1178
 
1179
1179
  forwardAttrs(this, this.checkbox, { includeAttrs: forwardAttributes$1 });
1180
1180
  syncAttrs(this, this.checkbox, { includeAttrs: ['checked'] });
1181
+
1182
+ // we need it in order to set the focus ring and trigger validation on descope-checkbox
1183
+ this.handleFocusEventsDispatching([this.checkbox]);
1181
1184
  }
1182
1185
 
1183
1186
  getValidity() {
@@ -1259,10 +1262,10 @@ const Checkbox = compose(
1259
1262
  ],
1260
1263
  checkboxHeight: { ...checkboxElement, property: 'height' },
1261
1264
 
1262
- checkboxOutlineWidth: { ...checkboxElement },
1263
- checkboxOutlineOffset: { ...checkboxElement },
1264
- checkboxOutlineColor: { ...checkboxElement },
1265
- checkboxOutlineStyle: { ...checkboxElement },
1265
+ checkboxOutlineWidth: { ...checkboxElement, property: 'outline-width' },
1266
+ checkboxOutlineOffset: { ...checkboxElement, property: 'outline-offset' },
1267
+ checkboxOutlineColor: { ...checkboxElement, property: 'outline-color' },
1268
+ checkboxOutlineStyle: { ...checkboxElement, property: 'outline-style' },
1266
1269
 
1267
1270
  // Checkmark
1268
1271
  checkmarkSize: [{ ...checkboxSurface, property: 'font-size' }, { ...component, property: 'font-size' }],