@descope/web-components-ui 1.0.81 → 1.0.82
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/index.esm.js +6 -6
- package/dist/index.esm.js.map +1 -1
- package/dist/umd/descope-checkbox-descope-checkbox-internal-index-js.js +1 -1
- package/dist/umd/descope-checkbox-index-js.js +1 -1
- package/package.json +1 -1
- package/src/components/descope-checkbox/Checkbox.js +5 -5
- package/src/components/descope-checkbox/descope-checkbox-internal/CheckboxInternal.js +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -1177,7 +1177,7 @@ class CheckboxInternal extends BaseInputClass$3 {
|
|
|
1177
1177
|
super.init?.();
|
|
1178
1178
|
|
|
1179
1179
|
forwardAttrs(this, this.checkbox, { includeAttrs: forwardAttributes$1 });
|
|
1180
|
-
syncAttrs(this, this.checkbox, { includeAttrs: ['checked'] });
|
|
1180
|
+
syncAttrs(this, this.checkbox, { includeAttrs: ['checked', 'focused', 'focus-ring'] });
|
|
1181
1181
|
}
|
|
1182
1182
|
|
|
1183
1183
|
getValidity() {
|
|
@@ -1222,7 +1222,7 @@ const customMixin$4 = (superclass) =>
|
|
|
1222
1222
|
});
|
|
1223
1223
|
|
|
1224
1224
|
forwardProps(this.inputElement, this, ['checked']);
|
|
1225
|
-
syncAttrs(this, this.inputElement, { includeAttrs: ['checked'] });
|
|
1225
|
+
syncAttrs(this, this.inputElement, { includeAttrs: ['checked', 'focused', 'focus-ring'] });
|
|
1226
1226
|
}
|
|
1227
1227
|
};
|
|
1228
1228
|
|
|
@@ -1259,10 +1259,10 @@ const Checkbox = compose(
|
|
|
1259
1259
|
],
|
|
1260
1260
|
checkboxHeight: { ...checkboxElement, property: 'height' },
|
|
1261
1261
|
|
|
1262
|
-
checkboxOutlineWidth: { ...checkboxElement },
|
|
1263
|
-
checkboxOutlineOffset: { ...checkboxElement },
|
|
1264
|
-
checkboxOutlineColor: { ...checkboxElement },
|
|
1265
|
-
checkboxOutlineStyle: { ...checkboxElement },
|
|
1262
|
+
checkboxOutlineWidth: { ...checkboxElement, property: 'outline-width' },
|
|
1263
|
+
checkboxOutlineOffset: { ...checkboxElement, property: 'outline-offset' },
|
|
1264
|
+
checkboxOutlineColor: { ...checkboxElement, property: 'outline-color' },
|
|
1265
|
+
checkboxOutlineStyle: { ...checkboxElement, property: 'outline-style' },
|
|
1266
1266
|
|
|
1267
1267
|
// Checkmark
|
|
1268
1268
|
checkmarkSize: [{ ...checkboxSurface, property: 'font-size' }, { ...component, property: 'font-size' }],
|