gd-bs 5.9.1 → 5.9.4

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "gd-bs",
-    "version": "5.9.1",
+    "version": "5.9.4",
     "description": "Bootstrap JavaScript, TypeScript and Web Components library.",
     "main": "build/index.js",
     "typings": "src/index.d.ts",

package/src/components/listBox/types.d.ts

@@ -70,7 +70,7 @@
  */
 export const ListBox: (props: IListBoxProps, template?: string) => IListBox;
 
-import { IBase } from "../types";
+import { IBase, IBaseProps } from "../types";
 import { IDropdownItem } from "../dropdown/types";
 
 /**
@@ -93,7 +93,7 @@ export interface IListBox extends IBase<IListBoxProps> {
 /**
  * List Box Properties
  */
-export interface IListBoxProps {
+export interface IListBoxProps extends IBaseProps<IListBox> {
     label?: string;
     id?: string;
     isReadonly?: boolean;

package/src/styles/_custom.scss

@@ -164,9 +164,18 @@
         display: inherit;
     }
     /* Show the toggles as buttons */
-    .form-check-input {
+    .form-check .form-check-input {
         cursor: pointer;
-        height: 1.25em;
+        margin-left: -0.5rem;
+    }
+    /* Adjust checkbox size */
+    .form-check .form-check-input[type=checkbox] {
+        height: 1.25rem;
+        width: 1.25rem;
+    }
+    /* Fix label alignment */
+    .form-check .form-check-label {
+        margin-left: 0.5rem;
     }
     /** Color match the toggle background color to 'SharePoint Blue' */
     .form-check-input:checked {
@@ -202,6 +211,9 @@
     .form-select-sm {
         padding-right: 1.65rem;
     }
+    .form-switch .form-check-input {
+        height: 1.25em;
+    }
     /* Color match the toggle on focus */
     .form-switch .form-check-input:focus {
         background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%232d8ad6'/%3e%3c/svg%3e");
@@ -320,16 +332,21 @@
     .page-link {
         border-color: #6c757d;
         color: #0078d4;
+        font-size: 13px;
     }
     /* Color match the pagination active link colors */
     .page-item.active .page-link {
         background-color: #6c757d;
         border-color: #6c757d;
+        color: #fff;
         z-index: inherit;
     }
     /* Color match the pagination disabled border colors */
     .page-item.disabled .page-link {
+        background-color: #fff;
         border-color: #6c757d;
+        color: #6c757d;
+        pointer-events: none;
     }
     /* Color match for SharePoint */
     .page-link:focus {
@@ -441,4 +458,4 @@
     &.show {
         opacity: $offcanvas-backdrop-opacity;
     }
-}
+}