@citolab/qti-components 6.9.1-beta.52 → 6.9.1-beta.53

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 (2) hide show
  1. package/dist/item.css +6 -6
  2. package/package.json +1 -1
package/dist/item.css CHANGED
@@ -2397,7 +2397,7 @@ qti-response-declaration {
2397
2397
  height: calc(var(--qti-form-size) - 6px);
2398
2398
  }
2399
2399
 
2400
- &[role='radio']::part(ch) {
2400
+ &:state(radio)::part(ch) {
2401
2401
  border-radius: var(--qti-border-radius-full);
2402
2402
  display: grid;
2403
2403
  place-content: center;
@@ -2407,12 +2407,12 @@ qti-response-declaration {
2407
2407
  outline: none;
2408
2408
  }
2409
2409
 
2410
- &[role='radio'][aria-checked='true']::part(cha) {
2410
+ &:state(radio):state(--checked)::part(cha) {
2411
2411
  background-color: var(--qti-bg-primary);
2412
2412
  border-radius: var(--qti-border-radius-full);
2413
2413
  }
2414
2414
 
2415
- &[role='checkbox']::part(ch) {
2415
+ &:state(checkbox)::part(ch) {
2416
2416
  display: flex;
2417
2417
  place-items: center;
2418
2418
  border-radius: var(--qti-border-radius-sm);
@@ -2424,7 +2424,7 @@ qti-response-declaration {
2424
2424
  outline: none;
2425
2425
  }
2426
2426
 
2427
- &[role='checkbox'][aria-checked='true']::part(cha) {
2427
+ &:state(checkbox):state(--checked)::part(cha) {
2428
2428
  background-color: var(--qti-bg-primary);
2429
2429
  -webkit-mask-image: var(--check-mask);
2430
2430
  mask-image: var(--check-mask);
@@ -2466,7 +2466,7 @@ qti-response-declaration {
2466
2466
  display: none;
2467
2467
  }
2468
2468
 
2469
- &[aria-checked='true'] {
2469
+ :state(--checked) {
2470
2470
  border-color: var(--qti-bg-primary);
2471
2471
  background-color: var(--qti-primary-light);
2472
2472
  }
@@ -2516,7 +2516,7 @@ qti-response-declaration {
2516
2516
  display: none;
2517
2517
  }
2518
2518
 
2519
- &[aria-checked='true'] {
2519
+ :state(--checked) {
2520
2520
  background-color: var(--qti-primary-light); /* bg-blue-200 */
2521
2521
  }
2522
2522
 
package/package.json CHANGED
@@ -21,7 +21,7 @@
21
21
  "engines": {
22
22
  "node": ">=20.0.0"
23
23
  },
24
- "version": "6.9.1-beta.52",
24
+ "version": "6.9.1-beta.53",
25
25
  "type": "module",
26
26
  "exports": {
27
27
  "./qti-components": "./dist/qti-components/index.js",