@dynamic-framework/ui-react 1.7.2 → 1.8.0

package/dist/css/{dynamic-root.css → dynamic-ui-root.css}

@@ -283,4 +283,9 @@
   --bs-ref-fw-semibold: 600;
   --bs-ref-fw-bold: 700;
   --bs-ref-fw-bolder: 800;
+  --bs-label-padding-y: var(--bs-ref-spacer-0);
+  --bs-label-padding-x: var(--bs-ref-spacer-2);
+  --bs-label-font-size: var(--bs-ref-fs-small);
+  --bs-label-font-weight: var(--bs-ref-fw-bold);
+  --bs-label-color: var(--bs-gray);
 }

package/dist/css/{dynamic-root.min.css → dynamic-ui-root.min.css}

@@ -1 +1 @@
-:root,[data-bs-theme=dynamic]{--bs-blue-rgb: 54, 109, 219;--bs-indigo-rgb: 72, 72, 183;--bs-purple-rgb: 82, 82, 152;--bs-pink-rgb: 230, 0, 99;--bs-red-rgb: 216, 27, 96;--bs-orange-rgb: 211, 47, 47;--bs-yellow-rgb: 251, 192, 45;--bs-green-rgb: 2, 135, 89;--bs-teal-rgb: 32, 201, 151;--bs-cyan-rgb: 13, 202, 240;--bs-black-rgb: 0, 0, 0;--bs-white-rgb: 255, 255, 255;--bs-gray-rgb: 109, 109, 130;--bs-gray-dark-rgb: 54, 55, 68;--bs-gray-100-rgb: 247, 247, 255;--bs-gray-200-rgb: 230, 230, 243;--bs-gray-300-rgb: 213, 212, 230;--bs-gray-400-rgb: 161, 161, 181;--bs-gray-500-rgb: 109, 109, 130;--bs-gray-600-rgb: 97, 97, 115;--bs-gray-700-rgb: 85, 85, 100;--bs-gray-800-rgb: 54, 55, 68;--bs-gray-900-rgb: 22, 23, 35;--bs-gray-soft-rgb: 250, 250, 250;--bs-primary-soft-rgb: 255, 249, 250;--bs-secondary-soft-rgb: 251, 250, 255;--bs-primary-100-rgb: 247, 209, 223;--bs-primary-200-rgb: 239, 164, 191;--bs-primary-300-rgb: 232, 118, 160;--bs-primary-400-rgb: 224, 73, 128;--bs-primary-500-rgb: var(--bs-primary-rgb);--bs-primary-600-rgb: 173, 22, 77;--bs-primary-700-rgb: 130, 16, 58;--bs-primary-800-rgb: 86, 11, 38;--bs-primary-900-rgb: 43, 5, 19;--bs-secondary-100-rgb: 218, 218, 241;--bs-secondary-200-rgb: 182, 182, 226;--bs-secondary-300-rgb: 145, 145, 212;--bs-secondary-400-rgb: 109, 109, 197;--bs-secondary-500-rgb: var(--bs-secondary-rgb);--bs-secondary-600-rgb: 58, 58, 146;--bs-secondary-700-rgb: 43, 43, 110;--bs-secondary-800-rgb: 29, 29, 73;--bs-secondary-900-rgb: 14, 14, 37;--bs-success-100-rgb: 204, 231, 222;--bs-success-200-rgb: 154, 207, 189;--bs-success-300-rgb: 103, 183, 155;--bs-success-400-rgb: 53, 159, 122;--bs-success-500-rgb: var(--bs-success-rgb);--bs-success-600-rgb: 2, 108, 71;--bs-success-700-rgb: 1, 81, 53;--bs-success-800-rgb: 1, 54, 36;--bs-success-900-rgb: 0, 27, 18;--bs-info-100-rgb: 215, 226, 248;--bs-info-200-rgb: 175, 197, 241;--bs-info-300-rgb: 134, 167, 233;--bs-info-400-rgb: 94, 138, 226;--bs-info-500-rgb: var(--bs-info-rgb);--bs-info-600-rgb: 43, 87, 175;--bs-info-700-rgb: 32, 65, 131;--bs-info-800-rgb: 22, 44, 88;--bs-info-900-rgb: 11, 22, 44;--bs-warning-100-rgb: 254, 242, 213;--bs-warning-200-rgb: 253, 230, 171;--bs-warning-300-rgb: 253, 217, 129;--bs-warning-400-rgb: 252, 205, 87;--bs-warning-500-rgb: var(--bs-warning-rgb);--bs-warning-600-rgb: 201, 154, 36;--bs-warning-700-rgb: 151, 115, 27;--bs-warning-800-rgb: 100, 77, 18;--bs-warning-900-rgb: 50, 38, 9;--bs-danger-100-rgb: 246, 213, 213;--bs-danger-200-rgb: 237, 172, 172;--bs-danger-300-rgb: 229, 130, 130;--bs-danger-400-rgb: 220, 89, 89;--bs-danger-500-rgb: var(--bs-danger-rgb);--bs-danger-600-rgb: 169, 38, 38;--bs-danger-700-rgb: 127, 28, 28;--bs-danger-800-rgb: 84, 19, 19;--bs-danger-900-rgb: 42, 9, 9;--bs-blue: rgb(var(--bs-blue-rgb));--bs-indigo: rgb(var(--bs-indigo-rgb));--bs-purple: rgb(var(--bs-purple-rgb));--bs-pink: rgb(var(--bs-pink-rgb));--bs-red: rgb(var(--bs-red-rgb));--bs-orange: rgb(var(--bs-orange-rgb));--bs-yellow: rgb(var(--bs-yellow-rgb));--bs-green: rgb(var(--bs-green-rgb));--bs-teal: rgb(var(--bs-teal-rgb));--bs-cyan: rgb(var(--bs-cyan-rgb));--bs-black: rgb(var(--bs-black-rgb));--bs-white: rgb(var(--bs-white-rgb));--bs-gray: rgb(var(--bs-gray-rgb));--bs-gray-dark: rgb(var(--bs-gray-dark-rgb));--bs-gray-100: rgb(var(--bs-gray-100-rgb));--bs-gray-200: rgb(var(--bs-gray-200-rgb));--bs-gray-300: rgb(var(--bs-gray-300-rgb));--bs-gray-400: rgb(var(--bs-gray-400-rgb));--bs-gray-500: rgb(var(--bs-gray-500-rgb));--bs-gray-600: rgb(var(--bs-gray-600-rgb));--bs-gray-700: rgb(var(--bs-gray-700-rgb));--bs-gray-800: rgb(var(--bs-gray-800-rgb));--bs-gray-900: rgb(var(--bs-gray-900-rgb));--bs-gray-soft: rgb(var(--bs-gray-soft-rgb));--bs-primary-soft: rgb(var(--bs-primary-soft-rgb));--bs-secondary-soft: rgb(var(--bs-secondary-soft-rgb));--bs-primary: rgb(var(--bs-primary-rgb));--bs-secondary: rgb(var(--bs-secondary-rgb));--bs-success: rgb(var(--bs-success-rgb));--bs-info: rgb(var(--bs-info-rgb));--bs-warning: rgb(var(--bs-warning-rgb));--bs-danger: rgb(var(--bs-danger-rgb));--bs-light: rgb(var(--bs-light-rgb));--bs-dark: rgb(var(--bs-dark-rgb));--bs-primary-rgb: var(--bs-red-rgb);--bs-secondary-rgb: var(--bs-indigo-rgb);--bs-success-rgb: var(--bs-green-rgb);--bs-info-rgb: var(--bs-blue-rgb);--bs-warning-rgb: var(--bs-yellow-rgb);--bs-danger-rgb: var(--bs-orange-rgb);--bs-light-rgb: var(--bs-gray-100-rgb);--bs-dark-rgb: var(--bs-gray-900-rgb);--bs-primary-100: rgb(var(--bs-primary-100-rgb));--bs-primary-200: rgb(var(--bs-primary-200-rgb));--bs-primary-300: rgb(var(--bs-primary-300-rgb));--bs-primary-400: rgb(var(--bs-primary-400-rgb));--bs-primary-500: rgb(var(--bs-primary-500-rgb));--bs-primary-600: rgb(var(--bs-primary-600-rgb));--bs-primary-700: rgb(var(--bs-primary-700-rgb));--bs-primary-800: rgb(var(--bs-primary-800-rgb));--bs-primary-900: rgb(var(--bs-primary-900-rgb));--bs-secondary-100: rgb(var(--bs-secondary-100-rgb));--bs-secondary-200: rgb(var(--bs-secondary-200-rgb));--bs-secondary-300: rgb(var(--bs-secondary-300-rgb));--bs-secondary-400: rgb(var(--bs-secondary-400-rgb));--bs-secondary-500: rgb(var(--bs-secondary-500-rgb));--bs-secondary-600: rgb(var(--bs-secondary-600-rgb));--bs-secondary-700: rgb(var(--bs-secondary-700-rgb));--bs-secondary-800: rgb(var(--bs-secondary-800-rgb));--bs-secondary-900: rgb(var(--bs-secondary-900-rgb));--bs-success-100: rgb(var(--bs-success-100-rgb));--bs-success-200: rgb(var(--bs-success-200-rgb));--bs-success-300: rgb(var(--bs-success-300-rgb));--bs-success-400: rgb(var(--bs-success-400-rgb));--bs-success-500: rgb(var(--bs-success-500-rgb));--bs-success-600: rgb(var(--bs-success-600-rgb));--bs-success-700: rgb(var(--bs-success-700-rgb));--bs-success-800: rgb(var(--bs-success-800-rgb));--bs-success-900: rgb(var(--bs-success-900-rgb));--bs-info-100: rgb(var(--bs-info-100-rgb));--bs-info-200: rgb(var(--bs-info-200-rgb));--bs-info-300: rgb(var(--bs-info-300-rgb));--bs-info-400: rgb(var(--bs-info-400-rgb));--bs-info-500: rgb(var(--bs-info-500-rgb));--bs-info-600: rgb(var(--bs-info-600-rgb));--bs-info-700: rgb(var(--bs-info-700-rgb));--bs-info-800: rgb(var(--bs-info-800-rgb));--bs-info-900: rgb(var(--bs-info-900-rgb));--bs-warning-100: rgb(var(--bs-warning-100-rgb));--bs-warning-200: rgb(var(--bs-warning-200-rgb));--bs-warning-300: rgb(var(--bs-warning-300-rgb));--bs-warning-400: rgb(var(--bs-warning-400-rgb));--bs-warning-500: rgb(var(--bs-warning-500-rgb));--bs-warning-600: rgb(var(--bs-warning-600-rgb));--bs-warning-700: rgb(var(--bs-warning-700-rgb));--bs-warning-800: rgb(var(--bs-warning-800-rgb));--bs-warning-900: rgb(var(--bs-warning-900-rgb));--bs-danger-100: rgb(var(--bs-danger-100-rgb));--bs-danger-200: rgb(var(--bs-danger-200-rgb));--bs-danger-300: rgb(var(--bs-danger-300-rgb));--bs-danger-400: rgb(var(--bs-danger-400-rgb));--bs-danger-500: rgb(var(--bs-danger-500-rgb));--bs-danger-600: rgb(var(--bs-danger-600-rgb));--bs-danger-700: rgb(var(--bs-danger-700-rgb));--bs-danger-800: rgb(var(--bs-danger-800-rgb));--bs-danger-900: rgb(var(--bs-danger-900-rgb));--bs-primary-text-emphasis: var(--bs-primary-600);--bs-secondary-text-emphasis: var(--bs-secondary-600);--bs-success-text-emphasis: var(--bs-success-600);--bs-info-text-emphasis: var(--bs-info-600);--bs-warning-text-emphasis: var(--bs-warning-600);--bs-danger-text-emphasis: var(--bs-danger-600);--bs-light-text-emphasis: var(--bs-gray-600);--bs-dark-text-emphasis: var(--bs-gray-600);--bs-primary-bg-subtle: var(--bs-primary-100);--bs-secondary-bg-subtle: var(--bs-secondary-100);--bs-success-bg-subtle: var(--bs-success-100);--bs-info-bg-subtle: var(--bs-info-100);--bs-warning-bg-subtle: var(--bs-warning-100);--bs-danger-bg-subtle: var(--bs-danger-100);--bs-light-bg-subtle: var(--bs-gray-100);--bs-dark-bg-subtle: var(--bs-gray-400);--bs-primary-border-subtle: var(--bs-primary-100);--bs-secondary-border-subtle: var(--bs-secondary-100);--bs-success-border-subtle: var(--bs-success-100);--bs-info-border-subtle: var(--bs-info-100);--bs-warning-border-subtle: var(--bs-warning-100);--bs-danger-border-subtle: var(--bs-danger-100);--bs-light-border-subtle: var(--bs-gray-100);--bs-dark-border-subtle: var(--bs-gray-400);--bs-font-sans-serif: "Source Sans Pro", sans-serif;--bs-font-monospace: sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-root-font-size: 16px;--bs-body-font-family: var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight: 400;--bs-body-line-height: 1.2;--bs-body-color: rgb(var(--bs-body-color-rgb));--bs-body-color-rgb: var(--bs-gray-900-rgb);--bs-body-bg: rgb(var(--bs-body-bg-rgb));--bs-body-bg-rgb: var(--bs-white-rgb);--bs-emphasis-color: rgb(var(--bs-emphasis-color-rgb));--bs-emphasis-color-rgb: var(--bs-black);--bs-secondary-color: rgba(var(--bs-secondary-color-rgb), .75);--bs-secondary-color-rgb: var(--bs-body-color-rgb);--bs-secondary-bg: rgb(var(--bs-secondary-bg-rgb));--bs-secondary-bg-rgb: var(--bs-gray-200);--bs-tertiary-color: rgba(var(--bs-tertiary-color-rgb), .5);--bs-tertiary-color-rgb: var(--bs-body-color-rgb);--bs-tertiary-bg: rgb(var(--bs-tertiary-bg-rgb));--bs-tertiary-bg-rgb: var(--bs-gray-100);--bs-heading-color: inherit;--bs-link-color: rgb(var(--bs-link-color-rgb));--bs-link-color-rgb: var(--bs-primary);--bs-link-decoration: underline;--bs-link-hover-color: rgb(var(--bs-link-hover-color-rgb));--bs-link-hover-color-rgb: var(--bs-primary-700);--bs-link-hover-decoration: underline;--bs-code-color: rgb(var(--bs-code-color-rgb));--bs-code-color-rgb: var(--bs-primary-rgb);--bs-highlight-bg: var(--bs-warning-100);--bs-border-width: 1px;--bs-border-style: solid;--bs-border-color: var(--bs-gray-200);--bs-border-color-translucent: rgba(var(--bs-black-rgb), 0.175);--bs-border-radius: 1rem;--bs-border-radius-sm: 0.5rem;--bs-border-radius-lg: 1.5rem;--bs-border-radius-xl: 2rem;--bs-border-radius-xxl: 2.5rem;--bs-border-radius-2xl: var(--bs-border-radius-xxl);--bs-border-radius-pill: 50rem;--bs-box-shadow: 0 12px 14px 0 rgba(22, 23, 35, 0.2);--bs-box-shadow-sm: 0 8px 12px 0 rgba(22, 23, 35, 0.05);--bs-box-shadow-lg: 0 20px 22px 0 rgba(22, 23, 35, 0.25);--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width: 0.25rem;--bs-focus-ring-opacity: 1;--bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));--bs-form-valid-color: var(--bs-gray);--bs-form-valid-border-color: var(--bs-gray);--bs-form-invalid-color: var(--bs-danger);--bs-form-invalid-border-color: var(--bs-danger);--bs-ref-spacer-0: 0;--bs-ref-spacer-1: 0.25rem;--bs-ref-spacer-2: 0.5rem;--bs-ref-spacer-3: 1rem;--bs-ref-spacer-4: 1.5rem;--bs-ref-spacer-5: 2rem;--bs-ref-spacer-6: 2.5rem;--bs-ref-spacer-7: 3rem;--bs-ref-spacer-8: 3.5rem;--bs-ref-display-1: 7.5rem;--bs-ref-display-2: 4.5rem;--bs-ref-display-3: 4rem;--bs-ref-display-4: 3.5rem;--bs-ref-display-5: 3rem;--bs-ref-display-6: 2.5rem;--bs-ref-fs-1: 4rem;--bs-ref-fs-2: 3.5rem;--bs-ref-fs-3: 3rem;--bs-ref-fs-4: 2rem;--bs-ref-fs-5: 1.5rem;--bs-ref-fs-6: 1.125rem;--bs-ref-fs-small: 0.875rem;--bs-ref-fw-lighter: lighter;--bs-ref-fw-light: 200;--bs-ref-fw-normal: 400;--bs-ref-fw-semibold: 600;--bs-ref-fw-bold: 700;--bs-ref-fw-bolder: 800}
+:root,[data-bs-theme=dynamic]{--bs-blue-rgb: 54, 109, 219;--bs-indigo-rgb: 72, 72, 183;--bs-purple-rgb: 82, 82, 152;--bs-pink-rgb: 230, 0, 99;--bs-red-rgb: 216, 27, 96;--bs-orange-rgb: 211, 47, 47;--bs-yellow-rgb: 251, 192, 45;--bs-green-rgb: 2, 135, 89;--bs-teal-rgb: 32, 201, 151;--bs-cyan-rgb: 13, 202, 240;--bs-black-rgb: 0, 0, 0;--bs-white-rgb: 255, 255, 255;--bs-gray-rgb: 109, 109, 130;--bs-gray-dark-rgb: 54, 55, 68;--bs-gray-100-rgb: 247, 247, 255;--bs-gray-200-rgb: 230, 230, 243;--bs-gray-300-rgb: 213, 212, 230;--bs-gray-400-rgb: 161, 161, 181;--bs-gray-500-rgb: 109, 109, 130;--bs-gray-600-rgb: 97, 97, 115;--bs-gray-700-rgb: 85, 85, 100;--bs-gray-800-rgb: 54, 55, 68;--bs-gray-900-rgb: 22, 23, 35;--bs-gray-soft-rgb: 250, 250, 250;--bs-primary-soft-rgb: 255, 249, 250;--bs-secondary-soft-rgb: 251, 250, 255;--bs-primary-100-rgb: 247, 209, 223;--bs-primary-200-rgb: 239, 164, 191;--bs-primary-300-rgb: 232, 118, 160;--bs-primary-400-rgb: 224, 73, 128;--bs-primary-500-rgb: var(--bs-primary-rgb);--bs-primary-600-rgb: 173, 22, 77;--bs-primary-700-rgb: 130, 16, 58;--bs-primary-800-rgb: 86, 11, 38;--bs-primary-900-rgb: 43, 5, 19;--bs-secondary-100-rgb: 218, 218, 241;--bs-secondary-200-rgb: 182, 182, 226;--bs-secondary-300-rgb: 145, 145, 212;--bs-secondary-400-rgb: 109, 109, 197;--bs-secondary-500-rgb: var(--bs-secondary-rgb);--bs-secondary-600-rgb: 58, 58, 146;--bs-secondary-700-rgb: 43, 43, 110;--bs-secondary-800-rgb: 29, 29, 73;--bs-secondary-900-rgb: 14, 14, 37;--bs-success-100-rgb: 204, 231, 222;--bs-success-200-rgb: 154, 207, 189;--bs-success-300-rgb: 103, 183, 155;--bs-success-400-rgb: 53, 159, 122;--bs-success-500-rgb: var(--bs-success-rgb);--bs-success-600-rgb: 2, 108, 71;--bs-success-700-rgb: 1, 81, 53;--bs-success-800-rgb: 1, 54, 36;--bs-success-900-rgb: 0, 27, 18;--bs-info-100-rgb: 215, 226, 248;--bs-info-200-rgb: 175, 197, 241;--bs-info-300-rgb: 134, 167, 233;--bs-info-400-rgb: 94, 138, 226;--bs-info-500-rgb: var(--bs-info-rgb);--bs-info-600-rgb: 43, 87, 175;--bs-info-700-rgb: 32, 65, 131;--bs-info-800-rgb: 22, 44, 88;--bs-info-900-rgb: 11, 22, 44;--bs-warning-100-rgb: 254, 242, 213;--bs-warning-200-rgb: 253, 230, 171;--bs-warning-300-rgb: 253, 217, 129;--bs-warning-400-rgb: 252, 205, 87;--bs-warning-500-rgb: var(--bs-warning-rgb);--bs-warning-600-rgb: 201, 154, 36;--bs-warning-700-rgb: 151, 115, 27;--bs-warning-800-rgb: 100, 77, 18;--bs-warning-900-rgb: 50, 38, 9;--bs-danger-100-rgb: 246, 213, 213;--bs-danger-200-rgb: 237, 172, 172;--bs-danger-300-rgb: 229, 130, 130;--bs-danger-400-rgb: 220, 89, 89;--bs-danger-500-rgb: var(--bs-danger-rgb);--bs-danger-600-rgb: 169, 38, 38;--bs-danger-700-rgb: 127, 28, 28;--bs-danger-800-rgb: 84, 19, 19;--bs-danger-900-rgb: 42, 9, 9;--bs-blue: rgb(var(--bs-blue-rgb));--bs-indigo: rgb(var(--bs-indigo-rgb));--bs-purple: rgb(var(--bs-purple-rgb));--bs-pink: rgb(var(--bs-pink-rgb));--bs-red: rgb(var(--bs-red-rgb));--bs-orange: rgb(var(--bs-orange-rgb));--bs-yellow: rgb(var(--bs-yellow-rgb));--bs-green: rgb(var(--bs-green-rgb));--bs-teal: rgb(var(--bs-teal-rgb));--bs-cyan: rgb(var(--bs-cyan-rgb));--bs-black: rgb(var(--bs-black-rgb));--bs-white: rgb(var(--bs-white-rgb));--bs-gray: rgb(var(--bs-gray-rgb));--bs-gray-dark: rgb(var(--bs-gray-dark-rgb));--bs-gray-100: rgb(var(--bs-gray-100-rgb));--bs-gray-200: rgb(var(--bs-gray-200-rgb));--bs-gray-300: rgb(var(--bs-gray-300-rgb));--bs-gray-400: rgb(var(--bs-gray-400-rgb));--bs-gray-500: rgb(var(--bs-gray-500-rgb));--bs-gray-600: rgb(var(--bs-gray-600-rgb));--bs-gray-700: rgb(var(--bs-gray-700-rgb));--bs-gray-800: rgb(var(--bs-gray-800-rgb));--bs-gray-900: rgb(var(--bs-gray-900-rgb));--bs-gray-soft: rgb(var(--bs-gray-soft-rgb));--bs-primary-soft: rgb(var(--bs-primary-soft-rgb));--bs-secondary-soft: rgb(var(--bs-secondary-soft-rgb));--bs-primary: rgb(var(--bs-primary-rgb));--bs-secondary: rgb(var(--bs-secondary-rgb));--bs-success: rgb(var(--bs-success-rgb));--bs-info: rgb(var(--bs-info-rgb));--bs-warning: rgb(var(--bs-warning-rgb));--bs-danger: rgb(var(--bs-danger-rgb));--bs-light: rgb(var(--bs-light-rgb));--bs-dark: rgb(var(--bs-dark-rgb));--bs-primary-rgb: var(--bs-red-rgb);--bs-secondary-rgb: var(--bs-indigo-rgb);--bs-success-rgb: var(--bs-green-rgb);--bs-info-rgb: var(--bs-blue-rgb);--bs-warning-rgb: var(--bs-yellow-rgb);--bs-danger-rgb: var(--bs-orange-rgb);--bs-light-rgb: var(--bs-gray-100-rgb);--bs-dark-rgb: var(--bs-gray-900-rgb);--bs-primary-100: rgb(var(--bs-primary-100-rgb));--bs-primary-200: rgb(var(--bs-primary-200-rgb));--bs-primary-300: rgb(var(--bs-primary-300-rgb));--bs-primary-400: rgb(var(--bs-primary-400-rgb));--bs-primary-500: rgb(var(--bs-primary-500-rgb));--bs-primary-600: rgb(var(--bs-primary-600-rgb));--bs-primary-700: rgb(var(--bs-primary-700-rgb));--bs-primary-800: rgb(var(--bs-primary-800-rgb));--bs-primary-900: rgb(var(--bs-primary-900-rgb));--bs-secondary-100: rgb(var(--bs-secondary-100-rgb));--bs-secondary-200: rgb(var(--bs-secondary-200-rgb));--bs-secondary-300: rgb(var(--bs-secondary-300-rgb));--bs-secondary-400: rgb(var(--bs-secondary-400-rgb));--bs-secondary-500: rgb(var(--bs-secondary-500-rgb));--bs-secondary-600: rgb(var(--bs-secondary-600-rgb));--bs-secondary-700: rgb(var(--bs-secondary-700-rgb));--bs-secondary-800: rgb(var(--bs-secondary-800-rgb));--bs-secondary-900: rgb(var(--bs-secondary-900-rgb));--bs-success-100: rgb(var(--bs-success-100-rgb));--bs-success-200: rgb(var(--bs-success-200-rgb));--bs-success-300: rgb(var(--bs-success-300-rgb));--bs-success-400: rgb(var(--bs-success-400-rgb));--bs-success-500: rgb(var(--bs-success-500-rgb));--bs-success-600: rgb(var(--bs-success-600-rgb));--bs-success-700: rgb(var(--bs-success-700-rgb));--bs-success-800: rgb(var(--bs-success-800-rgb));--bs-success-900: rgb(var(--bs-success-900-rgb));--bs-info-100: rgb(var(--bs-info-100-rgb));--bs-info-200: rgb(var(--bs-info-200-rgb));--bs-info-300: rgb(var(--bs-info-300-rgb));--bs-info-400: rgb(var(--bs-info-400-rgb));--bs-info-500: rgb(var(--bs-info-500-rgb));--bs-info-600: rgb(var(--bs-info-600-rgb));--bs-info-700: rgb(var(--bs-info-700-rgb));--bs-info-800: rgb(var(--bs-info-800-rgb));--bs-info-900: rgb(var(--bs-info-900-rgb));--bs-warning-100: rgb(var(--bs-warning-100-rgb));--bs-warning-200: rgb(var(--bs-warning-200-rgb));--bs-warning-300: rgb(var(--bs-warning-300-rgb));--bs-warning-400: rgb(var(--bs-warning-400-rgb));--bs-warning-500: rgb(var(--bs-warning-500-rgb));--bs-warning-600: rgb(var(--bs-warning-600-rgb));--bs-warning-700: rgb(var(--bs-warning-700-rgb));--bs-warning-800: rgb(var(--bs-warning-800-rgb));--bs-warning-900: rgb(var(--bs-warning-900-rgb));--bs-danger-100: rgb(var(--bs-danger-100-rgb));--bs-danger-200: rgb(var(--bs-danger-200-rgb));--bs-danger-300: rgb(var(--bs-danger-300-rgb));--bs-danger-400: rgb(var(--bs-danger-400-rgb));--bs-danger-500: rgb(var(--bs-danger-500-rgb));--bs-danger-600: rgb(var(--bs-danger-600-rgb));--bs-danger-700: rgb(var(--bs-danger-700-rgb));--bs-danger-800: rgb(var(--bs-danger-800-rgb));--bs-danger-900: rgb(var(--bs-danger-900-rgb));--bs-primary-text-emphasis: var(--bs-primary-600);--bs-secondary-text-emphasis: var(--bs-secondary-600);--bs-success-text-emphasis: var(--bs-success-600);--bs-info-text-emphasis: var(--bs-info-600);--bs-warning-text-emphasis: var(--bs-warning-600);--bs-danger-text-emphasis: var(--bs-danger-600);--bs-light-text-emphasis: var(--bs-gray-600);--bs-dark-text-emphasis: var(--bs-gray-600);--bs-primary-bg-subtle: var(--bs-primary-100);--bs-secondary-bg-subtle: var(--bs-secondary-100);--bs-success-bg-subtle: var(--bs-success-100);--bs-info-bg-subtle: var(--bs-info-100);--bs-warning-bg-subtle: var(--bs-warning-100);--bs-danger-bg-subtle: var(--bs-danger-100);--bs-light-bg-subtle: var(--bs-gray-100);--bs-dark-bg-subtle: var(--bs-gray-400);--bs-primary-border-subtle: var(--bs-primary-100);--bs-secondary-border-subtle: var(--bs-secondary-100);--bs-success-border-subtle: var(--bs-success-100);--bs-info-border-subtle: var(--bs-info-100);--bs-warning-border-subtle: var(--bs-warning-100);--bs-danger-border-subtle: var(--bs-danger-100);--bs-light-border-subtle: var(--bs-gray-100);--bs-dark-border-subtle: var(--bs-gray-400);--bs-font-sans-serif: "Source Sans Pro", sans-serif;--bs-font-monospace: sfmono-regular, menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;--bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-root-font-size: 16px;--bs-body-font-family: var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight: 400;--bs-body-line-height: 1.2;--bs-body-color: rgb(var(--bs-body-color-rgb));--bs-body-color-rgb: var(--bs-gray-900-rgb);--bs-body-bg: rgb(var(--bs-body-bg-rgb));--bs-body-bg-rgb: var(--bs-white-rgb);--bs-emphasis-color: rgb(var(--bs-emphasis-color-rgb));--bs-emphasis-color-rgb: var(--bs-black);--bs-secondary-color: rgba(var(--bs-secondary-color-rgb), .75);--bs-secondary-color-rgb: var(--bs-body-color-rgb);--bs-secondary-bg: rgb(var(--bs-secondary-bg-rgb));--bs-secondary-bg-rgb: var(--bs-gray-200);--bs-tertiary-color: rgba(var(--bs-tertiary-color-rgb), .5);--bs-tertiary-color-rgb: var(--bs-body-color-rgb);--bs-tertiary-bg: rgb(var(--bs-tertiary-bg-rgb));--bs-tertiary-bg-rgb: var(--bs-gray-100);--bs-heading-color: inherit;--bs-link-color: rgb(var(--bs-link-color-rgb));--bs-link-color-rgb: var(--bs-primary);--bs-link-decoration: underline;--bs-link-hover-color: rgb(var(--bs-link-hover-color-rgb));--bs-link-hover-color-rgb: var(--bs-primary-700);--bs-link-hover-decoration: underline;--bs-code-color: rgb(var(--bs-code-color-rgb));--bs-code-color-rgb: var(--bs-primary-rgb);--bs-highlight-bg: var(--bs-warning-100);--bs-border-width: 1px;--bs-border-style: solid;--bs-border-color: var(--bs-gray-200);--bs-border-color-translucent: rgba(var(--bs-black-rgb), 0.175);--bs-border-radius: 1rem;--bs-border-radius-sm: 0.5rem;--bs-border-radius-lg: 1.5rem;--bs-border-radius-xl: 2rem;--bs-border-radius-xxl: 2.5rem;--bs-border-radius-2xl: var(--bs-border-radius-xxl);--bs-border-radius-pill: 50rem;--bs-box-shadow: 0 12px 14px 0 rgba(22, 23, 35, 0.2);--bs-box-shadow-sm: 0 8px 12px 0 rgba(22, 23, 35, 0.05);--bs-box-shadow-lg: 0 20px 22px 0 rgba(22, 23, 35, 0.25);--bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width: 0.25rem;--bs-focus-ring-opacity: 1;--bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));--bs-form-valid-color: var(--bs-gray);--bs-form-valid-border-color: var(--bs-gray);--bs-form-invalid-color: var(--bs-danger);--bs-form-invalid-border-color: var(--bs-danger);--bs-ref-spacer-0: 0;--bs-ref-spacer-1: 0.25rem;--bs-ref-spacer-2: 0.5rem;--bs-ref-spacer-3: 1rem;--bs-ref-spacer-4: 1.5rem;--bs-ref-spacer-5: 2rem;--bs-ref-spacer-6: 2.5rem;--bs-ref-spacer-7: 3rem;--bs-ref-spacer-8: 3.5rem;--bs-ref-display-1: 7.5rem;--bs-ref-display-2: 4.5rem;--bs-ref-display-3: 4rem;--bs-ref-display-4: 3.5rem;--bs-ref-display-5: 3rem;--bs-ref-display-6: 2.5rem;--bs-ref-fs-1: 4rem;--bs-ref-fs-2: 3.5rem;--bs-ref-fs-3: 3rem;--bs-ref-fs-4: 2rem;--bs-ref-fs-5: 1.5rem;--bs-ref-fs-6: 1.125rem;--bs-ref-fs-small: 0.875rem;--bs-ref-fw-lighter: lighter;--bs-ref-fw-light: 200;--bs-ref-fw-normal: 400;--bs-ref-fw-semibold: 600;--bs-ref-fw-bold: 700;--bs-ref-fw-bolder: 800;--bs-label-padding-y: var(--bs-ref-spacer-0);--bs-label-padding-x: var(--bs-ref-spacer-2);--bs-label-font-size: var(--bs-ref-fs-small);--bs-label-font-weight: var(--bs-ref-fw-bold);--bs-label-color: var(--bs-gray)}

package/dist/css/dynamic-ui.css

@@ -284,6 +284,11 @@
   --bs-ref-fw-semibold: 600;
   --bs-ref-fw-bold: 700;
   --bs-ref-fw-bolder: 800;
+  --bs-label-padding-y: var(--bs-ref-spacer-0);
+  --bs-label-padding-x: var(--bs-ref-spacer-2);
+  --bs-label-font-size: var(--bs-ref-fs-small);
+  --bs-label-font-weight: var(--bs-ref-fw-bold);
+  --bs-label-color: var(--bs-gray);
 }
 
 *,
@@ -2386,8 +2391,8 @@ progress {
 
 .form-label {
   margin-bottom: 0;
-  font-size: 0.875rem;
-  font-weight: 700;
+  font-size: var(--bs-ref-fs-small);
+  font-weight: var(--bs-ref-fw-bold);
   color: var(--bs-gray);
 }
 
@@ -2396,7 +2401,7 @@ progress {
   padding-bottom: calc(0.75rem + 1px);
   margin-bottom: 0;
   font-size: inherit;
-  font-weight: 700;
+  font-weight: var(--bs-ref-fw-bold);
   line-height: 1.375;
   color: var(--bs-gray);
 }
@@ -6743,7 +6748,7 @@ textarea.form-control-lg {
 
 .Toastify__toast-container {
   z-index: var(--toastify-z-index);
-  -webkit-transform: translate3d(0, 0, var(--toastify-z-index) px);
+  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
   position: fixed;
   padding: 4px;
   width: var(--toastify-toast-width);
@@ -6810,7 +6815,7 @@ textarea.form-control-lg {
   max-height: var(--toastify-toast-max-height);
   overflow: hidden;
   font-family: var(--toastify-font-family);
-  cursor: pointer;
+  cursor: default;
   direction: ltr;
   /* webkit only issue #791 */
   z-index: 0;
@@ -6818,6 +6823,9 @@ textarea.form-control-lg {
 .Toastify__toast--rtl {
   direction: rtl;
 }
+.Toastify__toast--close-on-click {
+  cursor: pointer;
+}
 .Toastify__toast-body {
   margin: auto 0;
   flex: 1 1 auto;
@@ -6826,6 +6834,7 @@ textarea.form-control-lg {
   align-items: center;
 }
 .Toastify__toast-body > div:last-child {
+  word-break: break-word;
   flex: 1;
 }
 .Toastify__toast-icon {
@@ -7338,11 +7347,11 @@ textarea.form-control-lg {
 .d-input {
   --bs-input-gap: 0.5rem;
   --bs-input-label-color: var(--bs-gray);
-  --bs-input-label-font-weight: 700;
-  --bs-input-label-font-size: 0.875rem;
-  --bs-input-label-padding-x: 0.5rem;
+  --bs-input-label-font-weight: var(--bs-ref-fw-bold);
+  --bs-input-label-font-size: var(--bs-ref-fs-small);
+  --bs-input-label-padding-x: var(--bs-ref-spacer-2);
   --bs-input-label-padding-y: 0;
-  --bs-input-label-gap: 0.25rem;
+  --bs-input-label-gap: var(--bs-ref-spacer-1);
   --bs-input-label-has-value-color: var(--bs-dark);
   --bs-input-group-border-color: var(--bs-gray-300);
   --bs-input-group-border-width: 1px;
@@ -7383,10 +7392,6 @@ textarea.form-control-lg {
   flex-direction: row;
   gap: var(--bs-input-label-gap);
   align-items: center;
-  padding: var(--bs-input-label-padding-y) var(--bs-input-label-padding-x);
-  font-size: var(--bs-input-label-font-size);
-  font-weight: var(--bs-input-label-font-weight);
-  color: var(--bs-input-label-color);
 }
 .d-input label .d-input-icon .d-icon {
   --bs-icon-color: var(--bs-focus-ring-color);
@@ -7455,6 +7460,14 @@ textarea.form-control-lg {
   border-color: var(--bs-input-group-disabled-border-color);
 }
 
+.label,
+label {
+  padding: var(--bs-input-label-padding-y, var(--bs-label-padding-y)) var(--bs-input-label-padding-x, var(--bs-label-padding-x));
+  font-size: var(--bs-input-label-font-size, var(--bs-label-font-size));
+  font-weight: var(--bs-input-label-font-weight, var(--bs-label-font-weight));
+  color: var(--bs-input-label-color, var(--bs-label-color));
+}
+
 .form-switch {
   --bs-input-switch-bg: var(--bs-gray-300);
   --bs-input-switch-border-color: var(--bs-gray-500);
@@ -7532,12 +7545,12 @@ textarea.form-control-lg {
 
 .d-input-pin {
   --bs-input-pin-gap: 0.5rem;
-  --bs-input-pin-label-gap: 0.25rem;
+  --bs-input-pin-label-gap: var(--bs-ref-spacer-1);
   --bs-input-pin-label-focus-color: var(--bs-secondary);
-  --bs-input-pin-label-padding-x: 0.5rem;
+  --bs-input-pin-label-padding-x: var(--bs-ref-spacer-2);
   --bs-input-pin-label-padding-y: 0;
-  --bs-input-pin-label-font-weight: 700;
-  --bs-input-pin-label-font-size: 0.875rem;
+  --bs-input-pin-label-font-weight: var(--bs-ref-fw-bold);
+  --bs-input-pin-label-font-size: var(--bs-ref-fs-small);
   --bs-input-pin-label-color: var(--bs-gray);
   --bs-input-pin-form-control-gap: 0.25rem;
   --bs-input-pin-form-control-width: 4rem;
@@ -8452,7 +8465,7 @@ textarea.form-control-lg {
   --bs-quick-action-switch-border-radius: var(--bs-border-radius-sm);
   --bs-quick-action-switch-content-gap: var(--bs-ref-spacer-1);
   --bs-quick-action-switch-label-font-size: 1rem;
-  --bs-quick-action-switch-label-font-weight: 700;
+  --bs-quick-action-switch-label-font-weight: var(--bs-ref-fw-bold);
   --bs-quick-action-switch-label-color: var(--bs-gray);
   --bs-quick-action-switch-hint-font-size: var(--bs-ref-fs-small);
   --bs-quick-action-switch-hint-font-weight: var(--bs-ref-fw-normal);
@@ -8916,7 +8929,6 @@ textarea.form-control-lg {
   display: inline-block;
   padding: 0;
   border: 0;
-  width: 100%;
 }
 
 .react-datepicker {
@@ -9002,7 +9014,7 @@ textarea.form-control-lg {
 .react-datepicker__month-dropdown-container--scroll,
 .react-datepicker__month-year-dropdown-container--scroll {
   display: inline-block;
-  margin: 0 2px;
+  margin: 0 15px;
 }
 
 .react-datepicker__current-month,
@@ -9157,7 +9169,7 @@ textarea.form-control-lg {
   border: 1px solid #aeaeae;
   border-radius: 0.3rem;
   position: absolute;
-  right: -72px;
+  right: -87px;
   top: 0;
 }
 .react-datepicker__time-container .react-datepicker__time {
@@ -9243,31 +9255,6 @@ textarea.form-control-lg {
   margin: 0.166rem;
 }
 
-.react-datepicker__month--selected, .react-datepicker__month--in-selecting-range, .react-datepicker__month--in-range,
-.react-datepicker__quarter--selected,
-.react-datepicker__quarter--in-selecting-range,
-.react-datepicker__quarter--in-range {
-  border-radius: 0.3rem;
-  background-color: #216ba5;
-  color: #fff;
-}
-.react-datepicker__month--selected:hover, .react-datepicker__month--in-selecting-range:hover, .react-datepicker__month--in-range:hover,
-.react-datepicker__quarter--selected:hover,
-.react-datepicker__quarter--in-selecting-range:hover,
-.react-datepicker__quarter--in-range:hover {
-  background-color: #1d5d90;
-}
-.react-datepicker__month--disabled,
-.react-datepicker__quarter--disabled {
-  color: #ccc;
-  pointer-events: none;
-}
-.react-datepicker__month--disabled:hover,
-.react-datepicker__quarter--disabled:hover {
-  cursor: default;
-  background-color: transparent;
-}
-
 .react-datepicker__day,
 .react-datepicker__month-text,
 .react-datepicker__quarter-text,
@@ -9313,6 +9300,45 @@ textarea.form-control-lg {
 .react-datepicker__year-text--highlighted-custom-2 {
   color: green;
 }
+.react-datepicker__day--holidays,
+.react-datepicker__month-text--holidays,
+.react-datepicker__quarter-text--holidays,
+.react-datepicker__year-text--holidays {
+  position: relative;
+  border-radius: 0.3rem;
+  background-color: #ff6803;
+  color: #fff;
+}
+.react-datepicker__day--holidays .holiday-overlay,
+.react-datepicker__month-text--holidays .holiday-overlay,
+.react-datepicker__quarter-text--holidays .holiday-overlay,
+.react-datepicker__year-text--holidays .holiday-overlay {
+  position: absolute;
+  bottom: 100%;
+  left: 50%;
+  transform: translateX(-50%);
+  background-color: #333;
+  color: #fff;
+  padding: 4px;
+  border-radius: 4px;
+  white-space: nowrap;
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 0s, opacity 0.3s ease-in-out;
+}
+.react-datepicker__day--holidays:hover,
+.react-datepicker__month-text--holidays:hover,
+.react-datepicker__quarter-text--holidays:hover,
+.react-datepicker__year-text--holidays:hover {
+  background-color: #cf5300;
+}
+.react-datepicker__day--holidays:hover .holiday-overlay,
+.react-datepicker__month-text--holidays:hover .holiday-overlay,
+.react-datepicker__quarter-text--holidays:hover .holiday-overlay,
+.react-datepicker__year-text--holidays:hover .holiday-overlay {
+  visibility: visible;
+  opacity: 1;
+}
 .react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
 .react-datepicker__month-text--selected,
 .react-datepicker__month-text--in-selecting-range,
@@ -9344,8 +9370,8 @@ textarea.form-control-lg {
 .react-datepicker__quarter-text--keyboard-selected,
 .react-datepicker__year-text--keyboard-selected {
   border-radius: 0.3rem;
-  background-color: #2579ba;
-  color: #fff;
+  background-color: #bad9f1;
+  color: rgb(0, 0, 0);
 }
 .react-datepicker__day--keyboard-selected:hover,
 .react-datepicker__month-text--keyboard-selected:hover,
@@ -9374,18 +9400,33 @@ textarea.form-control-lg {
 .react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
 .react-datepicker__month-text--in-selecting-range,
 .react-datepicker__quarter-text--in-selecting-range,
+.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
+.react-datepicker__month-text--in-selecting-range,
+.react-datepicker__quarter-text--in-selecting-range,
 .react-datepicker__year-text--in-selecting-range),
 .react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
 .react-datepicker__month-text--in-selecting-range,
 .react-datepicker__quarter-text--in-selecting-range,
 .react-datepicker__year-text--in-selecting-range),
+.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
+.react-datepicker__month-text--in-selecting-range,
+.react-datepicker__quarter-text--in-selecting-range,
+.react-datepicker__year-text--in-selecting-range),
 .react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
 .react-datepicker__month-text--in-selecting-range,
 .react-datepicker__quarter-text--in-selecting-range,
 .react-datepicker__year-text--in-selecting-range),
+.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
+.react-datepicker__month-text--in-selecting-range,
+.react-datepicker__quarter-text--in-selecting-range,
+.react-datepicker__year-text--in-selecting-range),
 .react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
 .react-datepicker__month-text--in-selecting-range,
 .react-datepicker__quarter-text--in-selecting-range,
+.react-datepicker__year-text--in-selecting-range),
+.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
+.react-datepicker__month-text--in-selecting-range,
+.react-datepicker__quarter-text--in-selecting-range,
 .react-datepicker__year-text--in-selecting-range) {
   background-color: #f0f0f0;
   color: #000;
@@ -9404,23 +9445,20 @@ textarea.form-control-lg {
   background-color: transparent;
 }
 
-.react-datepicker__month-text.react-datepicker__month--selected:hover, .react-datepicker__month-text.react-datepicker__month--in-range:hover, .react-datepicker__month-text.react-datepicker__quarter--selected:hover, .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
-.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
-.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
-.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
-.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
-  background-color: #216ba5;
-}
-.react-datepicker__month-text:hover,
-.react-datepicker__quarter-text:hover {
-  background-color: #f0f0f0;
-}
-
 .react-datepicker__input-container {
   position: relative;
   display: inline-block;
   width: 100%;
 }
+.react-datepicker__input-container .react-datepicker__calendar-icon {
+  position: absolute;
+  padding: 0.5rem;
+  box-sizing: content-box;
+}
+
+.react-datepicker__view-calendar-icon input {
+  padding: 6px 10px 5px 25px;
+}
 
 .react-datepicker__year-read-view,
 .react-datepicker__month-read-view,
@@ -9591,6 +9629,33 @@ textarea.form-control-lg {
   font-size: 1.44rem;
 }
 
+.react-datepicker__children-container {
+  width: 13.8rem;
+  margin: 0.4rem;
+  padding-right: 0.2rem;
+  padding-left: 0.2rem;
+  height: auto;
+}
+
+.react-datepicker__aria-live {
+  position: absolute;
+  -webkit-clip-path: circle(0);
+          clip-path: circle(0);
+  border: 0;
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  width: 1px;
+  white-space: nowrap;
+}
+
+.react-datepicker__calendar-icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.125em;
+}
+
 .react-datepicker {
   --bs-datepicker-font-family: var(--bs-font-sans-serif);
   --bs-datepicker-border: 0px;
@@ -9824,6 +9889,7 @@ textarea.form-control-lg {
   --bs-monthpicker-single-month-margin: 0;
   --bs-monthpicker-single-month-text-transform: capitalize;
   --bs-monthpicker-single-month-radius: var(--bs-ref-spacer-4);
+  --bs-monthpicker-single-month-line-height: var(--bs-ref-fs-6);
   --bs-monthpicker-single-month-after-display: inline;
   --bs-monthpicker-single-month-after-content: ".";
   --bs-datepicker-triangle-color: var(--bs-dark);
@@ -9837,6 +9903,11 @@ textarea.form-control-lg {
   color: var(--bs-monthpicker-header-color);
   background-color: var(--bs-monthpicker-header-bg);
 }
+.react-datepicker.d-month-picker .react-datepicker__header .btn-sm, .react-datepicker.d-month-picker .react-datepicker__header .btn-group-sm > .btn {
+  --bs-btn-padding-x: 0;
+  --bs-btn-padding-y: 0;
+  --bs-btn-font-size: var(--bs-ref-fs-5);
+}
 .react-datepicker.d-month-picker .react-datepicker__month.react-datepicker__monthPicker,
 .react-datepicker.d-month-picker .react-datepicker__header.react-datepicker-year-header {
   gap: var(--bs-monthpicker-month-gap);
@@ -9864,6 +9935,7 @@ textarea.form-control-lg {
   width: var(--bs-monthpicker-single-month-width);
   padding: var(--bs-monthpicker-single-month-padding);
   margin: var(--bs-monthpicker-single-month-margin);
+  line-height: var(--bs-monthpicker-single-month-line-height);
   text-transform: var(--bs-monthpicker-single-month-text-transform);
   border-radius: var(--bs-monthpicker-single-month-radius);
 }