@openedx/paragon 22.15.1 → 22.15.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openedx/paragon",
-  "version": "22.15.1",
+  "version": "22.15.3",
   "description": "Accessible, responsive UI component library based on Bootstrap.",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/src/Form/_index.scss

@@ -380,6 +380,7 @@ select.form-control {
   appearance: none;
   height: $custom-control-indicator-size;
   width: $custom-control-indicator-size;
+  min-width: $custom-control-indicator-size;
   background-color: $custom-control-indicator-bg;
   border: solid $custom-control-indicator-border-width $custom-control-indicator-border-color;
   border-radius: $custom-checkbox-indicator-border-radius;
@@ -437,6 +438,7 @@ select.form-control {
 
 .pgn__form-switch-input {
   width: $custom-switch-width;
+  min-width: $custom-switch-width;
   border-radius: $custom-switch-indicator-border-radius;
   background-image: escape-svg($custom-switch-indicator-icon-off);
   background-position: left center;

package/src/Modal/AlertModal.jsx

@@ -20,11 +20,11 @@ function AlertModal({
       <ModalDialog.Header>
         <ModalDialog.Title>
           {icon && (
-          <Icon
-            data-testid="title-icon"
-            src={icon}
-            className={classNames('pgn__alert-modal__title_icon')}
-          />
+            <Icon
+              data-testid="title-icon"
+              src={icon}
+              className={classNames('pgn__alert-modal__title_icon')}
+            />
           )}
           {props.title}
         </ModalDialog.Title>

package/src/Modal/_ModalDialog.scss

@@ -125,6 +125,7 @@
 
   .pgn__modal-title {
     font-size: $h3-font-size;
+    line-height: $h3-font-size * $headings-line-height;
     margin-inline-end: 3rem; // roughly accomodate the width of the close buttonn
     text-align: start;
   }
@@ -310,7 +311,6 @@
   }
 
   .pgn__modal-title {
-    font-size: $h4-font-size;
     display: flex;
     flex-grow: 1;
     align-items: center;