@dynamic-framework/ui-react 1.14.1 → 1.15.1

package/dist/css/dynamic-ui-root.css

@@ -212,7 +212,7 @@
   --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-body-bg-rgb: var(--bs-secondary-soft-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);
@@ -225,10 +225,10 @@
   --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-color-rgb: var(--bs-primary-rgb);
   --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-color-rgb: var(--bs-primary-700-rgb);
   --bs-link-hover-decoration: underline;
   --bs-code-color: rgb(var(--bs-code-color-rgb));
   --bs-code-color-rgb: var(--bs-primary-rgb);

package/dist/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-success);--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)}
+: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-secondary-soft-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-rgb);--bs-link-decoration: underline;--bs-link-hover-color: rgb(var(--bs-link-hover-color-rgb));--bs-link-hover-color-rgb: var(--bs-primary-700-rgb);--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-success);--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

@@ -213,7 +213,7 @@
   --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-body-bg-rgb: var(--bs-secondary-soft-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);
@@ -226,10 +226,10 @@
   --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-color-rgb: var(--bs-primary-rgb);
   --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-color-rgb: var(--bs-primary-700-rgb);
   --bs-link-hover-decoration: underline;
   --bs-code-color: rgb(var(--bs-code-color-rgb));
   --bs-code-color-rgb: var(--bs-primary-rgb);
@@ -2437,7 +2437,7 @@ progress {
           appearance: none;
   background-color: var(--bs-white);
   background-clip: padding-box;
-  border: 1px solid var(--bs-gray-200);
+  border: 1px solid var(--bs-gray-300);
   border-radius: 0.5rem;
   box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -2480,7 +2480,7 @@ progress {
 .form-control:disabled {
   color: var(--bs-gray);
   background-color: var(--bs-gray-100);
-  border-color: var(--bs-gray-200);
+  border-color: var(--bs-gray-300);
   opacity: 1;
 }
 .form-control::-webkit-file-upload-button {
@@ -2637,7 +2637,7 @@ textarea.form-control-lg {
   background-repeat: no-repeat;
   background-position: right 1rem center;
   background-size: 24px;
-  border: 1px solid var(--bs-gray-200);
+  border: 1px solid var(--bs-gray-300);
   border-radius: 0.5rem;
   box-shadow: var(--bs-box-shadow-inset);
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
@@ -2658,7 +2658,7 @@ textarea.form-control-lg {
 }
 .form-select:disabled {
   background-color: var(--bs-gray-100);
-  border-color: var(--bs-gray-200);
+  border-color: var(--bs-gray-300);
 }
 .form-select:-moz-focusring {
   color: transparent;
@@ -3604,7 +3604,7 @@ textarea.form-control-lg {
 }
 .btn-group > :not(.btn-check:first-child) + .btn,
 .btn-group > .btn-group:not(:first-child) {
-  margin-left: calc(2px * -1);
+  margin-left: calc(1px * -1);
 }
 .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
 .btn-group > .btn.dropdown-toggle-split:first-child,
@@ -3658,7 +3658,7 @@ textarea.form-control-lg {
 }
 .btn-group-vertical > .btn:not(:first-child),
 .btn-group-vertical > .btn-group:not(:first-child) {
-  margin-top: calc(2px * -1);
+  margin-top: calc(1px * -1);
 }
 .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
 .btn-group-vertical > .btn-group:not(:last-child) > .btn {
@@ -7320,13 +7320,13 @@ textarea.form-control-lg {
   --bs-icon-size: var(--bs-icon-component-size, 1.5rem);
   --bs-icon-padding: var(--bs-icon-component-padding, 0);
   --bs-icon-loading-duration: var(--bs-icon-component-loading-duration, 1.8);
-  display: inline-flex !important;
+  display: inline-flex !important; /* stylelint-disable-line declaration-no-important */
   align-items: center;
   justify-content: center;
   width: var(--bs-icon-size);
   height: var(--bs-icon-size);
   padding: var(--bs-icon-padding);
-  font-size: var(--bs-icon-size) !important;
+  font-size: var(--bs-icon-size) !important; /* stylelint-disable-line declaration-no-important */
   color: var(--bs-icon-color);
   background-color: var(--bs-icon-bg-color);
   border-radius: var(--bs-icon-padding);
@@ -7352,7 +7352,6 @@ textarea.form-control-lg {
   --bs-input-label-padding-x: var(--bs-ref-spacer-2);
   --bs-input-label-padding-y: 0;
   --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;
   --bs-input-group-border-radius: 0.5rem;
@@ -7363,9 +7362,9 @@ textarea.form-control-lg {
   --bs-input-form-text-padding: 0 0.5rem;
   --bs-input-form-text-gap: 0.5rem;
   --bs-input-form-text-color: var(--bs-gray);
-  --bs-input-group-disabled-border-color: var(--bs-gray-200);
+  --bs-input-group-disabled-border-color: var(--bs-gray-300);
   --bs-input-group-disabled-bg: var(--bs-gray-100);
-  --bs-input-group-disabled-color: var(--bs-secondary-100);
+  --bs-input-group-disabled-color: var(--bs-gray);
   display: flex;
   flex-direction: column;
   gap: var(--bs-input-gap);
@@ -7394,10 +7393,10 @@ textarea.form-control-lg {
   border: var(--bs-input-group-border-width) solid var(--bs-input-group-border-color);
   border-radius: var(--bs-input-group-border-radius);
 }
-.d-input .input-group:not(:focus-within):not(.has-validation):has(.form-control:not(:-moz-placeholder-shown, :disabled)) {
+.d-input .input-group:not(:focus-within):not(.has-validation):has(.form-control:not(:-moz-placeholder-shown)) {
   border-color: var(--bs-input-group-hover-border-color);
 }
-.d-input .input-group:not(:focus-within):not(.has-validation):has(.form-control:not(:placeholder-shown, :disabled)) {
+.d-input .input-group:not(:focus-within):not(.has-validation):has(.form-control:not(:placeholder-shown)) {
   border-color: var(--bs-input-group-hover-border-color);
 }
 .d-input:has(.form-control.is-valid) .input-group {
@@ -7407,7 +7406,7 @@ textarea.form-control-lg {
 .d-input:has(.form-control.is-valid) .input-group ~ .form-text {
   color: var(--bs-form-valid-border-color);
 }
-.d-input:has(.form-control.is-valid) .d-input-validation-icon .d-icon {
+.d-input:has(.form-control.is-valid) .d-input-validation-icon {
   --bs-icon-color: var(--bs-success);
 }
 .d-input:has(.form-control.is-invalid) .input-group {
@@ -7417,7 +7416,7 @@ textarea.form-control-lg {
 .d-input:has(.form-control.is-invalid) .input-group ~ .form-text {
   color: var(--bs-form-invalid-border-color);
 }
-.d-input:has(.form-control.is-invalid) .d-input-validation-icon .d-icon {
+.d-input:has(.form-control.is-invalid) .d-input-validation-icon {
   --bs-icon-color: var(--bs-danger);
 }
 .d-input .input-group ~ .form-text {
@@ -7454,17 +7453,10 @@ textarea.form-control-lg {
   border: 0;
   outline: 0;
 }
-.d-input .input-group-text:disabled {
-  color: var(--bs-input-group-disabled-color);
-}
 .d-input .form-control:disabled {
   background: var(--bs-input-group-disabled-bg);
 }
-.d-input:has(.form-control:disabled) {
-  border-color: var(--bs-input-group-disabled-color);
-}
 .d-input:has(.form-control:disabled) .input-group-text {
-  color: var(--bs-input-group-disabled-color);
   background: var(--bs-input-group-disabled-bg);
 }
 .d-input:has(.form-control:disabled) .d-input-icon .d-icon {
@@ -7671,7 +7663,7 @@ label {
   --bs-btn-line-height: 1.2rem;
   --bs-btn-color: var(--bs-body-color);
   --bs-btn-bg: transparent;
-  --bs-btn-border-width: 2px;
+  --bs-btn-border-width: 1px;
   --bs-btn-border-color: transparent;
   --bs-btn-border-radius: var(--bs-btn-component-border-radius, 0.5rem);
   --bs-btn-hover-border-color: transparent;
@@ -7682,12 +7674,12 @@ label {
   --bs-btn-lg-padding-y: 0.875rem;
   --bs-btn-lg-padding-x: 1.5rem;
   --bs-btn-lg-font-size: 1.125rem;
-  --bs-btn-lg-border-radius: var(--bs-btn-component-lg-border-radius, 1.5rem);
+  --bs-btn-lg-border-radius: var(--bs-btn-component-lg-border-radius, 1rem);
   --bs-btn-sm-padding-y: 0.25rem;
   --bs-btn-sm-padding-x: 1rem;
   --bs-btn-sm-font-size: 0.875rem;
   --bs-btn-sm-border-radius: var(--bs-btn-component-sm-border-radius, 0.5rem);
-  display: flex;
+  display: inline-flex;
   flex-direction: row;
   gap: var(--bs-btn-gap, 0.5rem);
   align-items: center;
@@ -7722,6 +7714,7 @@ label {
 }
 .btn:hover, .btn.hover {
   color: var(--bs-btn-hover-color);
+  text-decoration: none;
   background-color: var(--bs-btn-hover-bg);
   border-color: var(--bs-btn-hover-border-color);
 }
@@ -7825,6 +7818,9 @@ label {
   --bs-btn-disabled-color: var(--bs-primary-300);
   --bs-btn-focus-outline-offset: 0;
 }
+.btn-link-primary span {
+  text-decoration: underline;
+}
 .btn-link-primary.loading {
   --bs-btn-disabled-opacity: 1;
   --bs-btn-disabled-bg: transparent;
@@ -7899,6 +7895,9 @@ label {
   --bs-btn-disabled-color: var(--bs-secondary-300);
   --bs-btn-focus-outline-offset: 0;
 }
+.btn-link-secondary span {
+  text-decoration: underline;
+}
 .btn-link-secondary.loading {
   --bs-btn-disabled-opacity: 1;
   --bs-btn-disabled-bg: transparent;
@@ -7973,6 +7972,9 @@ label {
   --bs-btn-disabled-color: var(--bs-success-300);
   --bs-btn-focus-outline-offset: 0;
 }
+.btn-link-success span {
+  text-decoration: underline;
+}
 .btn-link-success.loading {
   --bs-btn-disabled-opacity: 1;
   --bs-btn-disabled-bg: transparent;
@@ -8047,6 +8049,9 @@ label {
   --bs-btn-disabled-color: var(--bs-info-300);
   --bs-btn-focus-outline-offset: 0;
 }
+.btn-link-info span {
+  text-decoration: underline;
+}
 .btn-link-info.loading {
   --bs-btn-disabled-opacity: 1;
   --bs-btn-disabled-bg: transparent;
@@ -8121,6 +8126,9 @@ label {
   --bs-btn-disabled-color: var(--bs-warning-300);
   --bs-btn-focus-outline-offset: 0;
 }
+.btn-link-warning span {
+  text-decoration: underline;
+}
 .btn-link-warning.loading {
   --bs-btn-disabled-opacity: 1;
   --bs-btn-disabled-bg: transparent;
@@ -8195,6 +8203,9 @@ label {
   --bs-btn-disabled-color: var(--bs-danger-300);
   --bs-btn-focus-outline-offset: 0;
 }
+.btn-link-danger span {
+  text-decoration: underline;
+}
 .btn-link-danger.loading {
   --bs-btn-disabled-opacity: 1;
   --bs-btn-disabled-bg: transparent;
@@ -8254,6 +8265,9 @@ label {
   --bs-btn-disabled-color: var(--bs-light-300);
   --bs-btn-focus-outline-offset: 0;
 }
+.btn-link-light span {
+  text-decoration: underline;
+}
 .btn-link-light.loading {
   --bs-btn-disabled-opacity: 1;
   --bs-btn-disabled-bg: transparent;
@@ -8313,6 +8327,9 @@ label {
   --bs-btn-disabled-color: var(--bs-dark-300);
   --bs-btn-focus-outline-offset: 0;
 }
+.btn-link-dark span {
+  text-decoration: underline;
+}
 .btn-link-dark.loading {
   --bs-btn-disabled-opacity: 1;
   --bs-btn-disabled-bg: transparent;
@@ -8746,7 +8763,7 @@ label {
 .badge {
   --bs-badge-bg: var(--bs-white);
   --bs-badge-dot-height: var(--bs-ref-spacer-3);
-  display: block;
+  display: inline-block;
   background-color: var(--bs-badge-bg);
 }
 .badge.badge-primary {
@@ -10123,7 +10140,6 @@ label {
   --bs-tabs-nav-padding-y: 1rem;
   --bs-tabs-link-border-height: 2px;
   --bs-tabs-link-line-height: 1.5rem;
-  --bs-tabs-link-hover-color: var(--bs-secondary-600);
   --bs-tabs-link-border-border-radius: 50rem;
   --bs-tabs-link-border-active-color: var(--bs-secondary);
   --bs-tabs-link-border-active-font-weight: var(--bs-ref-fw-bold);
@@ -10139,9 +10155,6 @@ label {
   position: relative;
   line-height: var(--bs-tabs-link-line-height);
 }
-.d-tabs .nav-link:hover {
-  color: var(--bs-tabs-link-hover-color);
-}
 .d-tabs .nav-link.active {
   font-weight: var(--bs-tabs-link-border-active-font-weight);
   color: var(--bs-tabs-link-border-active-color);
@@ -10975,6 +10988,198 @@ label {
   --bs-tooltip-bg: var(--bs-tooltip-component-bg, var(--bs-dark));
 }
 
+.d-select {
+  --bs-input-gap: 0.5rem;
+  --bs-input-label-color: var(--bs-gray);
+  --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: var(--bs-ref-spacer-1);
+  --bs-input-group-border-color: var(--bs-gray-300);
+  --bs-input-group-border-width: 1px;
+  --bs-input-group-border-radius: 0.5rem;
+  --bs-input-group-hover-border-color: var(--bs-gray);
+  --bs-input-group-focus-border-color: var(--bs-secondary);
+  --bs-input-group-focus-box-shadow: 0 0 0 1px rgba(var(--bs-secondary-rgb));
+  --bs-input-padding-y: 0.75rem;
+  --bs-input-padding-x: 1rem;
+  --bs-input-font-family: ;
+  --bs-input-font-size: 1rem;
+  --bs-input-font-weight: 400;
+  --bs-input-line-height: 1.375;
+  --bs-input-color: var(--bs-gray);
+  --bs-input-bg: var(--bs-white);
+  --bs-input-focus-color: var(--bs-gray);
+  --bs-input-focus-bg: var(--bs-white);
+  --bs-input-placeholder-color: var(--bs-gray-500);
+  --bs-input-form-text-padding: 0 0.5rem;
+  --bs-input-form-text-gap: 0.5rem;
+  --bs-input-form-text-color: var(--bs-gray);
+  --bs-input-group-disabled-border-color: var(--bs-gray-300);
+  --bs-input-group-disabled-bg: var(--bs-gray-100);
+  --bs-input-group-disabled-color: var(--bs-gray);
+  --bs-select-menu-shadow: 0 8px 12px 0 rgba(22, 23, 35, 0.05);
+  --bs-select-option-focus-bg: var(--bs-gray-100);
+  --bs-select-option-selected-color: var(--bs-secondary);
+  --bs-select-option-selected-bg: var(--bs-gray-100);
+  --bs-select-option-is-checkbox-font-size: var(--bs-body-font-size);
+  --bs-select-option-is-checkbox-font-weight: var(--bs-ref-fw-normal);
+  --bs-select-option-is-checkbox-color: var(--bs-gray-900);
+  --bs-select-option-has-icon-icon-size: 1rem;
+  --bs-select-multi-value-padding-x: var(--bs-input-gap);
+  --bs-select-multi-value-padding-y: 0;
+  --bs-select-multi-value-margin-right: var(--bs-input-gap);
+  --bs-select-multi-value-background: var(--bs-gray-100);
+  --bs-select-multi-value-border-radius: 0.25rem;
+  --bs-select-multi-value-label-color: var(--bs-secondary);
+  --bs-select-indicator-width: 1.5rem;
+  --bs-select-indicator-height: 1.5rem;
+  display: flex;
+  flex-direction: column;
+  gap: var(--bs-input-gap);
+  align-items: flex-start;
+}
+.d-select:focus-within .input-group {
+  border-color: var(--bs-input-group-focus-border-color);
+  box-shadow: var(--bs-input-group-focus-box-shadow);
+}
+.d-select .d-select-control {
+  display: flex;
+  flex-direction: column;
+  gap: var(--bs-input-gap);
+  width: 100%;
+}
+.d-select label {
+  display: inline-flex;
+  flex-direction: row;
+  gap: var(--bs-input-label-gap);
+  align-items: center;
+}
+.d-select label .d-select-icon .d-icon {
+  --bs-icon-color: var(--bs-focus-ring-color);
+}
+.d-select .input-group {
+  border: var(--bs-input-group-border-width) solid var(--bs-input-group-border-color);
+  border-radius: var(--bs-input-group-border-radius);
+}
+.d-select .input-group:not(.disabled):not(:focus-within):not(.has-validation):has(.d-select__value-container--has-value) {
+  border-color: var(--bs-input-group-hover-border-color);
+}
+.d-select .input-group ~ .form-text {
+  display: inline-flex;
+  flex-direction: row;
+  gap: var(--bs-input-form-text-gap);
+  align-items: center;
+  padding: var(--bs-input-form-text-padding);
+  color: var(--bs-input-form-text-color);
+}
+.d-select .d-select-component {
+  border-radius: var(--bs-input-group-border-radius);
+}
+.d-select .d-select__control {
+  width: 100%;
+  padding: var(--bs-input-padding-y) var(--bs-input-padding-x);
+  font-family: var(--bs-input-font-family);
+  --bs-input-font-size: 1rem;
+  font-weight: var(--bs-input-font-weight);
+  line-height: var(--bs-input-line-height);
+  color: var(--bs-input-color);
+  -webkit-appearance: none;
+     -moz-appearance: none;
+          appearance: none;
+  background-color: var(--bs-input-bg);
+  background-clip: padding-box;
+  border-radius: 0.5rem;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+  .d-select .d-select__control {
+    transition: none;
+  }
+}
+.d-select .d-select__control:focus {
+  color: var(--bs-input-focus-color);
+  background-color: var(--bs-input-focus-bg);
+  outline: 0;
+}
+.d-select .d-select__placeholder {
+  color: var(--bs-input-placeholder-color);
+  opacity: 1;
+}
+.d-select .d-select__menu-list {
+  top: calc(var(--bs-input-group-border-width) * 2);
+  background: var(--bs-input-bg);
+  border-radius: var(--bs-input-group-border-radius);
+  box-shadow: var(--bs-select-menu-shadow);
+}
+.d-select .d-select__control--menu-is-open .d-select__dropdown-indicator {
+  transform: rotateX(180deg);
+}
+.d-select .d-select__option {
+  display: block;
+  padding: var(--bs-input-padding-y) var(--bs-input-padding-x);
+}
+.d-select .d-select__option--is-focused {
+  background: var(--bs-select-option-focus-bg);
+}
+.d-select .d-select__option--is-selected {
+  color: var(--bs-select-option-selected-color);
+  background: var(--bs-select-option-selected-bg);
+}
+.d-select .d-select__option--is-checkbox {
+  padding: 0;
+}
+.d-select .d-select__option--is-checkbox > label {
+  width: 100%;
+  padding: var(--bs-input-padding-x);
+}
+.d-select .d-select__option--is-checkbox .form-check-input {
+  margin-right: var(--bs-input-padding-x);
+}
+.d-select .d-select__option--is-checkbox label {
+  font-size: var(--bs-select-option-is-checkbox-font-size);
+  font-weight: var(--bs-select-option-is-checkbox-font-weight);
+  color: var(--bs-select-option-is-checkbox-color);
+}
+.d-select .d-select__multi-value {
+  padding: var(--bs-select-multi-value-padding-y) var(--bs-select-multi-value-padding-x);
+  margin-right: var(--bs-select-multi-value-margin-right);
+  background: var(--bs-select-multi-value-background);
+  border-radius: var(--bs-select-multi-value-border-radius);
+}
+.d-select .d-select__multi-value__label {
+  color: var(--bs-select-multi-value-label-color);
+}
+.d-select .d-select__control--has-icon,
+.d-select .d-select__option--has-icon {
+  display: flex;
+  flex-direction: row;
+  gap: var(--bs-input-padding-x);
+  align-items: center;
+  white-space: nowrap;
+}
+.d-select .d-select__control--has-icon .d-icon,
+.d-select .d-select__option--has-icon .d-icon {
+  --bs-icon-size: var(--bs-select-option-has-icon-icon-size);
+}
+.d-select .d-select__indicator {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: var(--bs-select-indicator-width);
+  height: var(--bs-select-indicator-height);
+}
+.d-select .d-select__indicator-separator {
+  width: var(--bs-input-gap);
+}
+.d-select.disabled .d-select__control {
+  background: var(--bs-input-group-disabled-bg);
+}
+.d-select.disabled .input-group {
+  border-color: var(--bs-input-group-disabled-border-color);
+}
+
 .operation-group:not(:last-child) {
   border-bottom: 1px solid var(--bs-gray-300);
 }