@citolab/qti-components 6.9.1-beta.46 → 6.9.1-beta.47

package/dist/item.css

@@ -35,6 +35,7 @@ https://www.imsglobal.org/spec/qti/v3p0/impl#h.e0onr51nghyl
   --qti-border-thickness: 1.5px;
   --qti-border-style: solid;
   --qti-border-color-gray: #c6cad0; /* Corresponding to border-gray-400 */
+  --qti-border-radius-sm: 0.1rem;
   --qti-border-radius-md: 0.375rem;
   --qti-border-radius-lg: 0.5rem;
   --qti-border-radius-full: 9999px;
@@ -108,9 +109,10 @@ https://www.imsglobal.org/spec/qti/v3p0/impl#h.e0onr51nghyl
 
 .form {
 
+  display: grid;
+  place-content: center;
   width: var(--qti-form-size);
   height: var(--qti-form-size);
-  align-self: 1;
   border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color-gray);
   outline: none;
 }
@@ -229,18 +231,15 @@ https://www.imsglobal.org/spec/qti/v3p0/impl#h.e0onr51nghyl
 }
 
 .check-size {
-  width: calc(var(--qti-form-size) - 4px);
-  height: calc(var(--qti-form-size) - 4px);
+  width: calc(var(--qti-form-size) - 6px);
+  height: calc(var(--qti-form-size) - 6px);
 }
 
 .check {
-  /* display: flex; */
-
-  /* align-items: center; */
   gap: 0.5rem;
+  border-radius: var(--qti-border-radius-md);
   padding: var(--qti-padding-md) var(--qti-padding-md); /* Padding shorthand */
   outline: none;
-  border-radius: var(--qti-border-radius-md);
   cursor: pointer;
 }
 
@@ -248,12 +247,14 @@ https://www.imsglobal.org/spec/qti/v3p0/impl#h.e0onr51nghyl
 
   border-radius: var(--qti-border-radius-full);
 
+  display: grid;
+
+  place-content: center;
+
   width: var(--qti-form-size);
 
   height: var(--qti-form-size);
 
-  align-self: 1;
-
   border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color-gray);
 
   outline: none;
@@ -266,16 +267,14 @@ https://www.imsglobal.org/spec/qti/v3p0/impl#h.e0onr51nghyl
 
 .check-checkbox {
 
-  border-radius: var(--qti-border-radius-md);
-
+  display: flex;
+  place-items: center;
+  border-radius: var(--qti-border-radius-sm);
+  display: grid;
+  place-content: center;
   width: var(--qti-form-size);
-
   height: var(--qti-form-size);
-
-  align-self: 1;
-
   border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color-gray);
-
   outline: none;
 }
 
@@ -2014,15 +2013,16 @@ qti-response-declaration {
         }
 
         &::part(cha) {
-          width: calc(var(--qti-form-size) - 4px);
-          height: calc(var(--qti-form-size) - 4px);
+          width: calc(var(--qti-form-size) - 6px);
+          height: calc(var(--qti-form-size) - 6px);
         }
 
         &[role='radio']::part(ch) {
           border-radius: var(--qti-border-radius-full);
+          display: grid;
+          place-content: center;
           width: var(--qti-form-size);
           height: var(--qti-form-size);
-          align-self: 1;
           border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color-gray);
           outline: none;
         }
@@ -2033,10 +2033,13 @@ qti-response-declaration {
         }
 
         &[role='checkbox']::part(ch) {
-          border-radius: var(--qti-border-radius-md);
+          display: flex;
+          place-items: center;
+          border-radius: var(--qti-border-radius-sm);
+          display: grid;
+          place-content: center;
           width: var(--qti-form-size);
           height: var(--qti-form-size);
-          align-self: 1;
           border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color-gray);
           outline: none;
         }
@@ -2051,12 +2054,12 @@ qti-response-declaration {
 
         gap: 0.5rem;
 
+        border-radius: var(--qti-border-radius-md);
+
         padding: var(--qti-padding-md) var(--qti-padding-md);
 
         outline: none;
 
-        border-radius: var(--qti-border-radius-md);
-
         cursor: pointer
       }
     }
@@ -2360,15 +2363,16 @@ qti-response-declaration {
       }
 
       &::part(cha) {
-        width: calc(var(--qti-form-size) - 4px);
-        height: calc(var(--qti-form-size) - 4px);
+        width: calc(var(--qti-form-size) - 6px);
+        height: calc(var(--qti-form-size) - 6px);
       }
 
       &[role='radio']::part(ch) {
         border-radius: var(--qti-border-radius-full);
+        display: grid;
+        place-content: center;
         width: var(--qti-form-size);
         height: var(--qti-form-size);
-        align-self: 1;
         border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color-gray);
         outline: none;
       }
@@ -2379,10 +2383,13 @@ qti-response-declaration {
       }
 
       &[role='checkbox']::part(ch) {
-        border-radius: var(--qti-border-radius-md);
+        display: flex;
+        place-items: center;
+        border-radius: var(--qti-border-radius-sm);
+        display: grid;
+        place-content: center;
         width: var(--qti-form-size);
         height: var(--qti-form-size);
-        align-self: 1;
         border: var(--qti-border-thickness) var(--qti-border-style) var(--qti-border-color-gray);
         outline: none;
       }
@@ -2397,12 +2404,12 @@ qti-response-declaration {
 
       gap: 0.5rem;
 
+      border-radius: var(--qti-border-radius-md);
+
       padding: var(--qti-padding-md) var(--qti-padding-md);
 
       outline: none;
 
-      border-radius: var(--qti-border-radius-md);
-
       cursor: pointer
     }
 

package/package.json

@@ -21,7 +21,7 @@
   "engines": {
     "node": ">=20.0.0"
   },
-  "version": "6.9.1-beta.46",
+  "version": "6.9.1-beta.47",
   "type": "module",
   "exports": {
     "./qti-components": "./dist/qti-components/index.js",