@openedx/paragon 23.4.2 → 23.4.4

package/dist/Form/_index.scss

@@ -412,7 +412,6 @@ select.form-control {
   border:
     solid var(--pgn-size-form-control-indicator-border-width)
     var(--pgn-color-form-control-indicator-border);
-  border-radius: var(--pgn-size-form-control-border-checkbox-indicator-radius) radius;
   margin-inline-end: var(--pgn-spacing-form-control-gutter);
   background-position: center;
 
@@ -434,6 +433,8 @@ select.form-control {
 }
 
 .pgn__form-checkbox-input {
+  border-radius: var(--pgn-size-form-control-border-checkbox-indicator-radius);
+
   &:checked {
     background-image: var(--pgn-other-content-form-control-checkbox-indicator-icon-checked-base);
   }

package/dist/core.css

@@ -1154,6 +1154,7 @@ p {
 }
 abbr[title],
 abbr[data-original-title] {
+  text-decoration: underline;
   text-decoration: underline dotted;
   cursor: help;
   border-bottom: 0;
@@ -1262,6 +1263,7 @@ caption {
 }
 th {
   font-weight: var(--pgn-typography-font-weight-table-th);
+  text-align: inherit;
   text-align: -webkit-match-parent;
 }
 label {
@@ -11152,12 +11154,16 @@ a.pgn__card {
   flex-shrink: 0;
 }
 .pgn__card .pgn__card-status.pgn__card-status__primary {
+  color: inherit;
+  background-color: var(--pgn-color-primary-100);
+  border-color: var(--pgn-color-primary-200);
   color: var(--pgn-color-white);
   background-color: var(--pgn-color-primary-500);
   border-color: var(--pgn-color-primary-500);
   box-shadow: 0 0 0 1px var(--pgn-color-primary-500);
 }
 .pgn__card .pgn__card-status.pgn__card-status__primary .pgn__card-status__content-icon {
+  color: var(--pgn-color-primary-500);
   color: var(--pgn-color-white);
 }
 .pgn__card .pgn__card-status.pgn__card-status__secondary {
@@ -11985,6 +11991,7 @@ pre code {
 .dropright .dropdown-toggle::after {
   display: inline-block;
   margin-left: var(--pgn-spacing-caret-base);
+  vertical-align: var(--pgn-spacing-caret-vertical-align);
   content: "";
   border-top: var(--pgn-size-caret-width) solid transparent;
   border-right: 0;
@@ -12003,6 +12010,7 @@ pre code {
   margin-right: var(--pgn-spacing-dropdown-spacer);
 }
 .dropleft .dropdown-toggle::after {
+  display: inline-block;
   margin-left: var(--pgn-spacing-caret-base);
   vertical-align: var(--pgn-spacing-caret-vertical-align);
   content: "";
@@ -12011,6 +12019,7 @@ pre code {
 .dropleft .dropdown-toggle::before {
   display: inline-block;
   margin-right: var(--pgn-spacing-caret-base);
+  vertical-align: var(--pgn-spacing-caret-vertical-align);
   content: "";
   border-top: var(--pgn-size-caret-width) solid transparent;
   border-right: var(--pgn-size-caret-width) solid;
@@ -13351,7 +13360,6 @@ select.form-control {
   width: var(--pgn-size-form-control-indicator-base);
   background-color: var(--pgn-color-form-control-indicator-bg-base);
   border: solid var(--pgn-size-form-control-indicator-border-width) var(--pgn-color-form-control-indicator-border);
-  border-radius: var(--pgn-size-form-control-border-checkbox-indicator-radius) radius;
   margin-inline-end: var(--pgn-spacing-form-control-gutter);
   background-position: center;
 }
@@ -13375,6 +13383,9 @@ select.form-control {
 .pgn__form-switch-input:checked {
   border-color: var(--pgn-color-form-control-indicator-checked-border-base);
 }
+.pgn__form-checkbox-input {
+  border-radius: var(--pgn-size-form-control-border-checkbox-indicator-radius);
+}
 .pgn__form-checkbox-input:checked {
   background-image: var(--pgn-other-content-form-control-checkbox-indicator-icon-checked-base);
 }
@@ -13973,6 +13984,7 @@ select.form-control {
   align-items: center;
   display: flex;
   justify-content: center;
+  min-height: 100vh;
   min-height: -webkit-fill-available;
   padding: 0.1px;
   position: relative;
@@ -14998,6 +15010,7 @@ select.form-control {
   font-style: normal;
   font-weight: var(--pgn-typography-font-weight-normal);
   line-height: var(--pgn-typography-line-height-base);
+  text-align: left;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
@@ -15742,6 +15755,7 @@ select.form-control {
   font-style: normal;
   font-weight: var(--pgn-typography-font-weight-normal);
   line-height: var(--pgn-typography-line-height-base);
+  text-align: left;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
@@ -16534,6 +16548,7 @@ select.form-control {
   opacity: 1;
 }
 .toast.show {
+  display: block;
   opacity: 1;
   display: flex;
   flex-direction: column;