gd-bs 5.3.6 → 5.3.9

package/src/bs.scss

@@ -41,7 +41,6 @@
     @import "~bootstrap/scss/placeholders";
 }
 
-
 /** Helpers */
 
 @import "~bootstrap/scss/helpers";
@@ -53,6 +52,65 @@
 /** Customizations */
 
 .bs {
+    /* Color match links to 'SharePoint Blue' */
+    a,
+    .link-primary {
+        color: #0078d4;
+    }
+    /* Color match hover links */
+    a:hover,
+    a:focus,
+    .link-primary:hover,
+    .link-primary:focus {
+        color: #004c86;
+    }
+    /* Color match active links */
+    a:active,
+    .link-primary:active {
+        color: #c4e4ff;
+    }
+    /* Color match accordion on focus */
+    .accordion-button:focus {
+        border-color: #2d8ad6;
+        box-shadow: 0 0 0 0.25rem rgba(45, 138, 214, 0.25);
+    }
+    /* Color match accordion while expanded */
+    .accordion-button:not(.collapsed) {
+        background-color: #c4e4ff;
+        color: #0078d4;
+    }
+    /* Create a reusable 'SharePoint Blue' background color */
+    .bg-sharepoint {
+        background-color: #0078d4 !important;
+    }
+    /* Fix breadcrumb alignment */
+    .breadcrumb {
+        margin-bottom: 0;
+    }
+    /* Color match breadcrumb links */
+    .breadcrumb-item.active, .breadcrumb-item > a {
+        color: #fff;
+        text-decoration: none;
+    }
+    /* Color match breadcrumb hover links */
+    .breadcrumb-item > a:hover, .breadcrumb-item > a:focus {
+        color: #dee2e6;
+        text-decoration: underline;
+    }
+    /* Color match breadcrumb active links */
+    .breadcrumb-item > a:active {
+        color: #333333;
+        font-weight: 500;
+        text-decoration: underline;
+    }
+    /* Fix breadcrumb alignment */
+    .breadcrumb-item+.breadcrumb-item::before {
+        padding-top: 0.15rem;
+    }
+    /* Close button alignment */
+    .btn-close {
+        min-width: auto;
+    }
     /** Button Icon - Custom class */
     .btn-icon {
         font-size: inherit;
@@ -60,9 +118,91 @@
         min-width: 0px;
         padding: 2px;
     }
-    /* Close button alignment */
-    .btn-close {
-        min-width: auto;
+    /* Align icon properly when using btn-sm */
+    .btn-icon-sm {
+        margin: 0 0.25rem 0.14rem -0.25rem;
+    }
+    /* Color match the primary button to 'SharePoint Blue' */
+    /* Don't reorder the btn-primary classes. It breaks active colors. */
+    .btn-primary,
+    .btn-primary:disabled,
+    .btn-primary.disabled {
+        background-color: #0078d4;
+        border-color: #0078d4;
+    }
+    /* Color match the primary button hover */
+    .btn-primary:hover {
+        background-color: #004c86;
+        border-color: #004c86;
+    }
+    /* Color match primary outline button */
+    .btn-outline-primary,
+    .btn-outline-primary:disabled,
+    .btn-outline-primary.disabled {
+        border-color: #0078d4;
+        color: #0078d4;
+    }
+    /* Color match primary outline button hover */
+    .btn-outline-primary:hover {
+        background-color: #0078d4;
+        border-color: #0078d4;
+    }
+    /* Fix color for outline light focus */
+    .btn-outline-light:focus {
+        color: #f8f9fa;
+    }
+    /* Fix color for outline light active */
+    .btn-outline-light:active,
+    .btn-outline-light:hover {
+        color: #000;
+    }
+    /* Color match primary outline button focus */
+    .btn-check:focus+.bs .btn-outline-primary,
+    .btn-outline-primary:focus {
+        box-shadow: 0 0 0 0.25rem rgba(45, 138, 214, 0.5);
+    }
+    /* Color match primary outline button active */
+    .btn-check:checked+.bs .btn-outline-primary,
+    .btn-check:active+.bs .btn-outline-primary,
+    .btn-outline-primary:active,
+    .btn-outline-primary.active,
+    .btn-outline-primary.dropdown-toggle.show {
+        background-color: #004c86;
+        border-color: #004c86;
+    }
+    /* Color match the primary button focus */
+    .btn-check:focus+.btn-primary,
+    .btn-primary:focus {
+        background-color: #004c86;
+        border-color: #004c86;
+        box-shadow: 0 0 0 0.25rem rgba(45, 138, 214, 0.5);
+    }
+    /* Color match the primary button active */
+    .bs .btn-check:checked+.btn-primary,
+    .btn-check:active+.btn-primary,
+    .btn-primary:active,
+    .btn-primary.active,
+    .show>.btn-primary.dropdown-toggle {
+        background-color: #c4e4ff;
+        border-color: #c4e4ff;
+    }
+    /* Color match the shadow on active */
+    .btn-check:checked+.btn-primary:focus,
+    .btn-check:active+.btn-primary:focus,
+    .btn-primary:active:focus,
+    .btn-primary.active:focus,
+    .show>.btn-primary.dropdown-toggle:focus {
+        box-shadow: 0 0 0 0.25rem rgba(45, 138, 214, 0.5);
+    }
+    /* Color match dropdown hover */
+    .dropdown-item:hover,
+    .dropdown-item:focus {
+        background-color: #dee2e6;
+    }
+    /* Color match dropdown active */
+    .dropdown-item.active,
+    .dropdown-item:active {
+        background-color: #0078d4;
     }
     /* Dropdown Menu - Using the popover component for the menu, so we don't need to hide it by default */
     .dropdown-menu {
@@ -73,6 +213,15 @@
         cursor: pointer;
         height: 1.25em;
     }
+    /** Color match the toggle background color to 'SharePoint Blue' */
+    .form-check-input:checked {
+        background-color: #0078d4;
+        border-color: #0078d4;
+    }
+    /* Color match disabled form elements */
+    .form-control:disabled, .form-control[readonly] {
+        color: #a6a6a6;
+    }
     /* Bootstrap Icon: Custom - caret-up-fill + caret-down-fill */
     .form-select {
         background: #fff url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 16 25.333' fill='%236c757d' width='1em' height='1em'><path d='M0.34 8.03C-0.44 8.92 0.2 10.32 1.38 10.32C2.71 10.32 13.3 10.32 14.62 10.32C15.38 10.32 16 9.7 16 8.94C16 8.61 15.88 8.28 15.66 8.03C15 7.28 9.7 1.23 9.04 0.47C8.54 -0.1 7.67 -0.16 7.09 0.34C7.05 0.38 7 0.43 6.96 0.47C6.96 0.47 1.01 7.28 0.34 8.03Z'/><path d='M0.34 17.3C-0.44 16.41 0.2 15.01 1.38 15.01C2.71 15.01 13.3 15.01 14.62 15.01C15.38 15.01 16 15.63 16 16.39C16 16.73 15.88 17.05 15.66 17.3C15 18.06 9.7 24.11 9.04 24.86C8.54 25.43 7.67 25.49 7.09 24.99C7.05 24.95 7 24.91 6.96 24.86C6.96 24.86 1.01 18.06 0.34 17.3Z'/></svg>") no-repeat right 0.75rem center/8px 10px !important;
@@ -82,10 +231,24 @@
     .form-select:hover {
         cursor: pointer;
     }
+    /* Color match form-select active */
+    .form-select:active,
+    .form-select:focus {
+        border-color: #2d8ad6;
+        box-shadow: 0 0 0 0.25rem rgba(45, 138, 214, 0.25);
+    }
     /* Fix text width on dataTables_length */
     .form-select-sm {
         padding-right: 1.65rem;
     }
+    /* 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");
+    }
+    /* Update toggle to white after checked */
+    .form-switch .form-check-input:checked {
+        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='%23fff'/%3e%3c/svg%3e");
+    }
     /* Increase modal border size */
     .modal-footer {
         border-top: 2px solid #dee2e6;
@@ -102,6 +265,52 @@
         line-height: 1.2;
         margin: 0;
     }
+    /* Define a custom margin-end value */
+    .me-75 {
+        margin-right: 0.75rem !important;
+    }
+    /* Define a custom margin-start value */
+    .ms-75 {
+        margin-left: 0.75rem !important;
+    }
+    /* Define a custom margin-x value */
+    .mx-75 {
+        margin-left: 0.75rem !important;
+        margin-right: 0.75rem !important;
+    }
+    /* Set max-width to fit content */
+    .mw-fit {
+        max-width: fit-content !important;
+    }
+    /* Fix padding on the nav links */
+    .nav-link {
+        color: #0078d4;
+        padding: 0 !important;
+    }
+    /* Set background color and border for nav-tabs */
+    .nav-tabs .nav-link {
+        background-color: rgba(0, 0, 0, 0.05);
+        border-radius: 0.25rem 0.25rem 0 0;
+        border: 2px solid #dee2e6;
+    }
+    /* Color match nav-tabs hover to secondary color */
+    .nav-tabs .nav-link:hover {
+        background-color: #6c757d;
+        border-color: #6c757d;
+        color: #fff;
+    }
+    /* Color match nav-tabs active to SharePoint */
+    .nav-tabs .nav-link.active,
+    .nav-tabs .show>.nav-link,
+    .nav-tabs .nav-link:focus {
+        background-color: #0078d4;
+        border-color: #0078d4;
+        color: #fff;
+    }
+    /* Properly align the navbar brand text */
+    .navbar-brand {
+        align-items: baseline;
+    }
     /* Match off-canvas border color to modal */
     .offcanvas-header {
         border-bottom: 2px solid #dee2e6;
@@ -112,10 +321,80 @@
         margin: 0rem 0rem 0rem auto;
         padding: 1rem;
     }
+    /* Color match the pagination link color to 'SharePoint Blue' */
+    .page-link {
+        border-color: #6c757d;
+        color: #0078d4;
+    }
+    /* Color match the pagination active link colors */
+    .page-item.active .page-link {
+        background-color: #6c757d;
+        border-color: #6c757d;
+        z-index: inherit;
+    }
+    /* Color match the pagination disabled border colors */
+    .page-item.disabled .page-link {
+        border-color: #6c757d;
+    }
+    /* Color match for SharePoint */
+    .page-link:focus {
+        background-color: #dee2e6;
+    }
+    /* Color match for SharePoint */
+    .page-link:hover {
+        color: #333333;
+        background-color: #dee2e6;
+        border-color: #6c757d;
+    }
+    /* Color match for SharePoint */
+    .page-link:focus,
+    .form-control:focus,
+    .form-check-input:focus {
+        border-color: #2d8ad6;
+        box-shadow: 0 0 0 0.25rem rgba(45, 138, 214, 0.25);
+        color: #333333;
+    }
+    /* Define a custom padding-end value */
+    .pe-06 {
+        padding-right: 0.6rem !important;
+    }
+    /* Define a custom padding-end value */
+    .pe-75 {
+        padding-right: 0.75rem !important;
+    }
+    /* Define a custom padding-start value */
+    .ps-75 {
+        padding-left: 0.75rem !important;
+    }
+    /* Define a custom padding-top value */
+    .pt-03 {
+        padding-top: 0.3rem !important;
+    }
+    /* Define a custom padding-x value */
+    .px-75 {
+        padding-left: 0.75rem !important;
+        padding-right: 0.75rem !important;
+    }
     /* Fix for TippyJS Placement */
     .popover-body>* {
         position: relative !important;
     }
+    /* Fix extra top margin in Firefox */
+    table.dataTable {
+        margin-top: 0rem !important;
+    }
+    /* Match the table header to the table footer; size & color */
+    .table>:not(:last-child)>:last-child>* {
+        border-bottom: 3px solid #dee2e6;
+    }
+    /* Match the table footer to the table header; size & color */
+    .tbl-footer {
+        border-bottom: 2px solid #dee2e6;
+    }
+    /* Add the default text color */
+    .text-default {
+        color: #333333;
+    }
     /* Auto size the toast width */
     .toast {
         width: auto;
@@ -124,23 +403,13 @@
     .tooltip-body>* {
         position: relative !important;
     }
-    /* Center the dataTables_info element properly */
-    div.dataTables_wrapper div.dataTables_info {
-        padding-top: 0.9rem;
-    }
-    /* Add proper width for dataTables_length select */
-    div.dataTables_wrapper div.dataTables_length select {
-        width: 3.75rem;
-    }
-    /* Fix extra top margin in Firefox */
-    table.dataTable {
-        margin-top: 0rem !important;
+    /* Define a custom width value */
+    .w-5 {
+        width: 5% !important;
     }
 }
 
-
 /** Modal background - Shouldn't be under the .bs class */
-
 .modal-backdrop {
     position: fixed;
     top: 0;
@@ -158,9 +427,7 @@
     }
 }
 
-
 /** Offcanvas background - Shouldn't be under the .bs class */
-
 .offcanvas-backdrop {
     position: fixed;
     top: 0;
@@ -178,12 +445,23 @@
     }
 }
 
+/* Center the dataTables_info element properly */
+div.dataTables_wrapper div.dataTables_info {
+    padding-top: 0.9rem;
+}
 
-/* DataTables sorting with Bootstrap Icons */
+/* Add proper width for dataTables_length select */
+div.dataTables_wrapper div.dataTables_length select {
+    width: 3.75rem;
+}
 
+/* Color match colReorder line */
+div.DTCR_pointer {
+    background-color: #0078d4;
+}
 
 /* Be sure to escape any characters, such as # to %23 when specifying hex color values in background-image */
-
+/* DataTables sorting with Bootstrap Icons */
 table.dataTable thead .sorting,
 table.dataTable thead .sorting_asc,
 table.dataTable thead .sorting_desc,
@@ -206,28 +484,21 @@ table.dataTable thead .sorting_desc_disabled:after {
     content: "" !important;
 }
 
-
 /* Bootstrap Icon: caret-up */
-
 table.dataTable thead .sorting {
     background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%236c757d' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M3.204 11L8 5.519 12.796 11H3.204zm-.753-.659l4.796-5.48a1 1 0 0 1 1.506 0l4.796 5.48c.566.647.106 1.659-.753 1.659H3.204a1 1 0 0 1-.753-1.659z'/></svg>");
 }
 
-
 /* Bootstrap Icon: caret-up-fill */
-
 table.dataTable thead .sorting_asc {
     background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%236c757d' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 4.86l-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z'/></svg>");
 }
 
-
 /* Bootstrap Icon: caret-down-fill */
-
 table.dataTable thead .sorting_desc {
     background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='%236c757d' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>");
 }
 
-
 /* Tippy Tooltip primary theme color */
 
 .tippy-box[data-theme~='primary'] {
@@ -250,7 +521,6 @@ table.dataTable thead .sorting_desc {
     border-right-color: #0078d4;
 }
 
-
 /* Tippy Tooltip secondary theme color */
 
 .tippy-box[data-theme~='secondary'] {
@@ -273,7 +543,6 @@ table.dataTable thead .sorting_desc {
     border-right-color: #6c757d;
 }
 
-
 /* Tippy Tooltip success theme color */
 
 .tippy-box[data-theme~='success'] {
@@ -296,7 +565,6 @@ table.dataTable thead .sorting_desc {
     border-right-color: #198754;
 }
 
-
 /* Tippy Tooltip info theme color */
 
 .tippy-box[data-theme~='info'] {
@@ -320,7 +588,6 @@ table.dataTable thead .sorting_desc {
     border-right-color: #0dcaf0;
 }
 
-
 /* Tippy Tooltip warning theme color */
 
 .tippy-box[data-theme~='warning'] {
@@ -344,7 +611,6 @@ table.dataTable thead .sorting_desc {
     border-right-color: #ffc107;
 }
 
-
 /* Tippy Tooltip danger theme color */
 
 .tippy-box[data-theme~='danger'] {
@@ -367,7 +633,6 @@ table.dataTable thead .sorting_desc {
     border-right-color: #dc3545;
 }
 
-
 /* Tippy Tooltip light theme color - override Tippy default to match Bootstrap */
 
 .tippy-box[data-theme~='light'] {
@@ -391,7 +656,6 @@ table.dataTable thead .sorting_desc {
     border-right-color: #f8f9fa !important;
 }
 
-
 /* Tippy Tooltip dark theme color */
 
 .tippy-box[data-theme~='dark'] {
@@ -412,4 +676,4 @@ table.dataTable thead .sorting_desc {
 
 .tippy-box[data-theme~='dark'][data-placement^='right']>.tippy-arrow::before {
     border-right-color: #212529;
-}
+}

package/src/components/form/control.ts

@@ -615,11 +615,29 @@ export class FormControl implements IFormControl {
         if (elFormControl) {
             let useTooltip = this._formProps.validationType == FormValidationTypes.Tooltip;
 
+            // Clear the old valid message if it exists
+            let validClassName = useTooltip ? "valid-tooltip" : "valid-feedback";
+            let elMessage = elFormControl.parentNode.querySelector("." + validClassName) as HTMLElement;
+            if (elMessage) {
+                // Clear the message
+                elMessage.innerHTML = "";
+                elMessage.style.display = "";
+            }
+
+            // Clear the old valid message if it exists
+            let invalidClassName = useTooltip ? "invalid-tooltip" : "invalid-feedback";
+            elMessage = elFormControl.parentNode.querySelector("." + invalidClassName) as HTMLElement;
+            if (elMessage) {
+                // Clear the message
+                elMessage.innerHTML = "";
+                elMessage.style.display = "";
+            }
+
             // See if there is invalid feedback
             if (validation.invalidMessage || this._props.errorMessage) {
                 // Get the element
                 let invalidClassName = useTooltip ? "invalid-tooltip" : "invalid-feedback";
-                let elMessage = elFormControl.parentNode.querySelector("." + invalidClassName) as HTMLElement;
+                elMessage = elFormControl.parentNode.querySelector("." + invalidClassName) as HTMLElement;
                 if (elMessage == null) {
                     // Create the element
                     elMessage = document.createElement("div");
@@ -632,22 +650,13 @@ export class FormControl implements IFormControl {
 
                 // Update the display
                 elMessage.style.display = validation.isValid ? "" : "block";
-            } else {
-                // See if there is valid feedback
-                let validClassName = useTooltip ? "valid-tooltip" : "valid-feedback";
-                let elMessage = elFormControl.parentNode.querySelector("." + validClassName) as HTMLElement;
-                if (elMessage) {
-                    // Clear the message
-                    elMessage.innerHTML = "";
-                    elMessage.style.display = "";
-                }
             }
 
             // See if there is valid feedback
             if (validation.validMessage) {
                 // Get the element
                 let validClassName = useTooltip ? "valid-tooltip" : "valid-feedback";
-                let elMessage = elFormControl.parentNode.querySelector("." + validClassName) as HTMLElement;
+                elMessage = elFormControl.parentNode.querySelector("." + validClassName) as HTMLElement;
                 if (elMessage == null) {
                     // Create the element
                     elMessage = document.createElement("div");
@@ -660,15 +669,6 @@ export class FormControl implements IFormControl {
 
                 // Update the display
                 elMessage.style.display = validation.isValid ? "block" : "";
-            } else {
-                // See if there is invalid feedback
-                let invalidClassName = useTooltip ? "invalid-tooltip" : "invalid-feedback";
-                let elMessage = elFormControl.parentNode.querySelector("." + invalidClassName) as HTMLElement;
-                if (elMessage) {
-                    // Clear the message
-                    elMessage.innerHTML = "";
-                    elMessage.style.display = "";
-                }
             }
         }
     }

package/src/icons/iconTypes.ts

@@ -1650,7 +1650,7 @@ export enum IconTypes {
 	Windows = 1648,
 	Wordpress = 1649,
 	WrenchAdjustableCircleFill = 1650,
-	WrenchAdjustableCricle = 1651,
+	WrenchAdjustableCircle = 1651,
 	WrenchAdjustable = 1652,
 	Wrench = 1653,
 	XCircleFill = 1654,

package/src/icons/index.d.ts

@@ -3330,8 +3330,8 @@ export const IconTypes: {
 	Wordpress: number;
 	// wrench-adjustable-circle-fill.svg
 	WrenchAdjustableCircleFill: number;
-	// wrench-adjustable-cricle.svg
-	WrenchAdjustableCricle: number;
+	// wrench-adjustable-circle.svg
+	WrenchAdjustableCircle: number;
 	// wrench-adjustable.svg
 	WrenchAdjustable: number;
 	// wrench.svg

package/src/icons/index.ts

@@ -4956,9 +4956,9 @@ export const Icons = (iconType:number, height?:number, width?:number, className?
 		// wrench-adjustable-circle-fill.svg
 		case 1650:
 			return SVGIcons.wrenchAdjustableCircleFill(height, width, className);
-		// wrench-adjustable-cricle.svg
+		// wrench-adjustable-circle.svg
 		case 1651:
-			return SVGIcons.wrenchAdjustableCricle(height, width, className);
+			return SVGIcons.wrenchAdjustableCircle(height, width, className);
 		// wrench-adjustable.svg
 		case 1652:
 			return SVGIcons.wrenchAdjustable(height, width, className);

package/src/icons/svgs/badgeSdFill.ts

@@ -1,4 +1,4 @@
 import { generateIcon } from "../generate";
 export function badgeSdFill(height, width, className?) {
-  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-badge-sd-fill' viewBox='0 0 16 16'>   <path fill-rule='evenodd' d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm5.077 7.114c-1.524 0-2.263-.8-2.315-1.749h1.147c.079.466.527.809 1.234.809.739 0 1.13-.339 1.13-.83 0-.418-.3-.634-.923-.779l-.927-.215c-.932-.21-1.52-.747-1.52-1.657 0-1.098.918-1.815 2.24-1.815 1.371 0 2.162.77 2.22 1.692H6.238c-.075-.43-.466-.76-1.103-.76-.655 0-1.046.338-1.046.804 0 .36.294.598.821.712l.932.216c.971.22 1.613.685 1.613 1.691 0 1.117-.857 1.881-2.378 1.881ZM8.307 11V5.001h2.19c1.823 0 2.684 1.09 2.684 2.984 0 1.908-.874 3.015-2.685 3.015H8.308Zm2.031-5.032h-.844v4.06h.844c1.116 0 1.622-.667 1.622-2.02 0-1.354-.51-2.04-1.622-2.04Z'/> </svg>`, height, width, className);
+  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-badge-sd-fill' viewBox='0 0 16 16'>   <path d='M10.338 5.968h-.844v4.06h.844c1.116 0 1.622-.667 1.622-2.02 0-1.354-.51-2.04-1.622-2.04Z'/>   <path d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4Zm5.077 7.114c1.521 0 2.378-.764 2.378-1.88 0-1.007-.642-1.473-1.613-1.692l-.932-.216c-.527-.114-.821-.351-.821-.712 0-.466.39-.804 1.046-.804.637 0 1.028.33 1.103.76h1.125c-.058-.923-.849-1.692-2.22-1.692-1.322 0-2.24.717-2.24 1.815 0 .91.588 1.446 1.52 1.657l.927.215c.624.145.923.36.923.778 0 .492-.391.83-1.13.83-.707 0-1.155-.342-1.234-.808H2.762c.052.95.79 1.75 2.315 1.75ZM8.307 11h2.19c1.81 0 2.684-1.107 2.684-3.015 0-1.894-.861-2.984-2.685-2.984H8.308V11Z'/> </svg>`, height, width, className);
 }

package/src/icons/svgs/bagHeartFill.ts

@@ -1,4 +1,4 @@
 import { generateIcon } from "../generate";
 export function bagHeartFill(height, width, className?) {
-  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-bag-heart-fill' viewBox='0 0 16 16'>   <path fill-rule='evenodd' d='M10.5 3.5a2.5 2.5 0 0 0-5 0V4h5v-.5Zm1 0V4H15v10a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V4h3.5v-.5a3.5 3.5 0 1 1 7 0ZM8 7.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z'/> </svg>`, height, width, className);
+  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-bag-heart-fill' viewBox='0 0 16 16'>   <path d='M11.5 4v-.5a3.5 3.5 0 1 0-7 0V4H1v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V4h-3.5ZM8 1a2.5 2.5 0 0 1 2.5 2.5V4h-5v-.5A2.5 2.5 0 0 1 8 1Zm0 6.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z'/> </svg>`, height, width, className);
 }

package/src/icons/svgs/box2.ts

@@ -1,4 +1,4 @@
 import { generateIcon } from "../generate";
 export function box2(height, width, className?) {
-  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-box2' viewBox='0 0 16 16'>   <path stroke='#000' stroke-linejoin='round' d='M.5 4.5V15a.5.5 0 0 0 .5.5h14a.5.5 0 0 0 .5-.5V4.5m-15 0L3.35.7a.5.5 0 0 1 .4-.2H8m-7.5 4H8m7.5 0L12.65.7a.5.5 0 0 0-.4-.2H8m7.5 4H8m0-4v4'/> </svg>`, height, width, className);
+  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-box2' viewBox='0 0 16 16'>   <path d='M2.95.4a1 1 0 0 1 .8-.4h8.5a1 1 0 0 1 .8.4l2.85 3.8a.5.5 0 0 1 .1.3V15a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V4.5a.5.5 0 0 1 .1-.3L2.95.4ZM7.5 1H3.75L1.5 4h6V1Zm1 0v3h6l-2.25-3H8.5ZM15 5H1v10h14V5Z'/> </svg>`, height, width, className);
 }

package/src/icons/svgs/box2Fill.ts

@@ -1,4 +1,4 @@
 import { generateIcon } from "../generate";
 export function box2Fill(height, width, className?) {
-  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-box2-fill' viewBox='0 0 16 16'>   <path fill-rule='evenodd' d='M3.75 0a1 1 0 0 0-.8.4L.1 4.2a.5.5 0 0 0-.1.3V15a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V4.5a.5.5 0 0 0-.1-.3L13.05.4a1 1 0 0 0-.8-.4h-8.5ZM15 4.667 14.5 4h-6V1h-1v3h-6l-.5.667V5h14v-.333Z'/> </svg>`, height, width, className);
+  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-box2-fill' viewBox='0 0 16 16'>   <path d='M3.75 0a1 1 0 0 0-.8.4L.1 4.2a.5.5 0 0 0-.1.3V15a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V4.5a.5.5 0 0 0-.1-.3L13.05.4a1 1 0 0 0-.8-.4h-8.5ZM15 4.667V5H1v-.333L1.5 4h6V1h1v3h6l.5.667Z'/> </svg>`, height, width, className);
 }

package/src/icons/svgs/box2Heart.ts

@@ -1,4 +1,4 @@
 import { generateIcon } from "../generate";
 export function box2Heart(height, width, className?) {
-  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-box2-heart' viewBox='0 0 16 16'>   <path fill-rule='evenodd' d='M3.75 0a1 1 0 0 0-.8.4L.1 4.2a.5.5 0 0 0-.1.3V15a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V4.5a.5.5 0 0 0-.1-.3L13.05.4a1 1 0 0 0-.8-.4h-8.5Zm0 1H7.5v3h-6l2.25-3ZM8.5 4V1h3.75l2.25 3h-6ZM8 5h7v10H1V5h7Zm0 2.982C9.664 6.309 13.825 9.236 8 13 2.175 9.236 6.336 6.31 8 7.982Z'/> </svg>`, height, width, className);
+  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-box2-heart' viewBox='0 0 16 16'>   <path d='M8 7.982C9.664 6.309 13.825 9.236 8 13 2.175 9.236 6.336 6.31 8 7.982Z'/>   <path d='M3.75 0a1 1 0 0 0-.8.4L.1 4.2a.5.5 0 0 0-.1.3V15a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V4.5a.5.5 0 0 0-.1-.3L13.05.4a1 1 0 0 0-.8-.4h-8.5Zm0 1H7.5v3h-6l2.25-3ZM8.5 4V1h3.75l2.25 3h-6ZM15 5v10H1V5h14Z'/> </svg>`, height, width, className);
 }

package/src/icons/svgs/box2HeartFill.ts

@@ -1,4 +1,4 @@
 import { generateIcon } from "../generate";
 export function box2HeartFill(height, width, className?) {
-  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-box2-heart-fill' viewBox='0 0 16 16'>   <path fill-rule='evenodd' d='M2.95.4a1 1 0 0 1 .8-.4h8.5a1 1 0 0 1 .8.4l2.85 3.8a.5.5 0 0 1 .1.3V15a1 1 0 0 1-1 1H1a1 1 0 0 1-1-1V4.5a.5.5 0 0 1 .1-.3L2.95.4ZM14.5 4l.5.667V5H1v-.333L1.5 4h6V1h1v3h6ZM8 7.982C9.664 6.309 13.825 9.236 8 13 2.175 9.236 6.336 6.31 8 7.982Z'/> </svg>`, height, width, className);
+  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-box2-heart-fill' viewBox='0 0 16 16'>   <path d='M3.75 0a1 1 0 0 0-.8.4L.1 4.2a.5.5 0 0 0-.1.3V15a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V4.5a.5.5 0 0 0-.1-.3L13.05.4a1 1 0 0 0-.8-.4h-8.5ZM8.5 4h6l.5.667V5H1v-.333L1.5 4h6V1h1v3ZM8 7.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z'/> </svg>`, height, width, className);
 }

package/src/icons/svgs/calendar2HeartFill.ts

@@ -1,4 +1,4 @@
 import { generateIcon } from "../generate";
 export function calendar2HeartFill(height, width, className?) {
-  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-calendar2-heart-fill' viewBox='0 0 16 16'>   <path fill-rule='evenodd' d='M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5Zm-2 4v-1c0-.276.244-.5.545-.5h10.91c.3 0 .545.224.545.5v1c0 .276-.244.5-.546.5H2.545C2.245 5 2 4.776 2 4.5Zm6 3.493c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z'/> </svg>`, height, width, className);
+  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-calendar2-heart-fill' viewBox='0 0 16 16'>   <path d='M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v11a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5Zm-2 4v-1c0-.276.244-.5.545-.5h10.91c.3 0 .545.224.545.5v1c0 .276-.244.5-.546.5H2.545C2.245 5 2 4.776 2 4.5Zm6 3.493c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z'/> </svg>`, height, width, className);
 }

package/src/icons/svgs/calendarHeartFill.ts

@@ -1,4 +1,4 @@
 import { generateIcon } from "../generate";
 export function calendarHeartFill(height, width, className?) {
-  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-calendar-heart-fill' viewBox='0 0 16 16'>   <path fill-rule='evenodd' d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v1H0V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5ZM16 5v9a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V5h16ZM8 8.493c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z'/> </svg>`, height, width, className);
+  return generateIcon(`<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-calendar-heart-fill' viewBox='0 0 16 16'>   <path d='M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4V.5ZM16 14V5H0v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2ZM8 7.993c1.664-1.711 5.825 1.283 0 5.132-5.825-3.85-1.664-6.843 0-5.132Z'/> </svg>`, height, width, className);
 }