@dynamic-framework/ui-react 1.12.0 → 1.13.0

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

@@ -252,7 +252,7 @@
   --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-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;

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-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)}
+: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)}

package/dist/css/dynamic-ui.css

@@ -253,7 +253,7 @@
   --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-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;
@@ -2650,7 +2650,7 @@ textarea.form-control-lg {
 .form-select:focus {
   border-color: var(--bs-focus-ring-color);
   outline: 0;
-  box-shadow: var(--bs-box-shadow-inset), 0 0 0 0 rgba(var(--bs-secondary-rgb), 0);
+  box-shadow: var(--bs-box-shadow-inset), 0 0 0 1px rgba(var(--bs-secondary-rgb), 1);
 }
 .form-select[multiple], .form-select[size]:not([size="1"]) {
   padding-right: 1rem;
@@ -2813,7 +2813,7 @@ textarea.form-control-lg {
 
 .form-range {
   width: 100%;
-  height: 1rem;
+  height: calc(1rem + 2px);
   padding: 0;
   -webkit-appearance: none;
      -moz-appearance: none;
@@ -3139,7 +3139,7 @@ textarea.form-control-lg {
 }
 .was-validated .form-control:valid:focus, .form-control.is-valid:focus {
   border-color: var(--bs-form-valid-border-color);
-  box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), 0);
+  box-shadow: 0 0 0 1px rgba(var(--bs-success-rgb), 1);
 }
 
 .was-validated .form-select:valid, .form-select.is-valid {
@@ -3147,7 +3147,7 @@ textarea.form-control-lg {
 }
 .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
   border-color: var(--bs-form-valid-border-color);
-  box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), 0);
+  box-shadow: 0 0 0 1px rgba(var(--bs-success-rgb), 1);
 }
 
 .was-validated .form-check-input:valid, .form-check-input.is-valid {
@@ -3157,7 +3157,7 @@ textarea.form-control-lg {
   background-color: var(--bs-form-valid-color);
 }
 .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus {
-  box-shadow: 0 0 0 0 rgba(var(--bs-success-rgb), 0);
+  box-shadow: 0 0 0 1px rgba(var(--bs-success-rgb), 1);
 }
 .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
   color: var(--bs-form-valid-color);
@@ -3209,7 +3209,7 @@ textarea.form-control-lg {
 }
 .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
   border-color: var(--bs-form-invalid-border-color);
-  box-shadow: 0 0 0 0 rgba(var(--bs-danger-rgb), 0);
+  box-shadow: 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
 }
 
 .was-validated .form-select:invalid, .form-select.is-invalid {
@@ -3217,7 +3217,7 @@ textarea.form-control-lg {
 }
 .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
   border-color: var(--bs-form-invalid-border-color);
-  box-shadow: 0 0 0 0 rgba(var(--bs-danger-rgb), 0);
+  box-shadow: 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
 }
 
 .was-validated .form-check-input:invalid, .form-check-input.is-invalid {
@@ -3227,7 +3227,7 @@ textarea.form-control-lg {
   background-color: var(--bs-form-invalid-color);
 }
 .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus {
-  box-shadow: 0 0 0 0 rgba(var(--bs-danger-rgb), 0);
+  box-shadow: 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
 }
 .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
   color: var(--bs-form-invalid-color);
@@ -3677,7 +3677,7 @@ textarea.form-control-lg {
   --bs-nav-link-font-size: var(--bs-body-font-size);
   --bs-nav-link-font-weight: var(--bs-ref-fw-normal);
   --bs-nav-link-color: var(--bs-gray-500);
-  --bs-nav-link-hover-color: var(--bs-gray-600);
+  --bs-nav-link-hover-color: var(--bs-secondary-600);
   --bs-nav-link-disabled-color: var(--bs-gray-200);
   display: flex;
   flex-wrap: wrap;
@@ -3720,7 +3720,7 @@ textarea.form-control-lg {
   --bs-nav-tabs-border-width: 0;
   --bs-nav-tabs-border-color: transparent;
   --bs-nav-tabs-border-radius: 1rem;
-  --bs-nav-tabs-link-hover-border-color: var(--bs-gray-600);
+  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-600);
   --bs-nav-tabs-link-active-color: var(--bs-secondary);
   --bs-nav-tabs-link-active-bg: transparent;
   --bs-nav-tabs-link-active-border-color: transparent;
@@ -7365,7 +7365,7 @@ textarea.form-control-lg {
   --bs-input-form-text-color: var(--bs-gray);
   --bs-input-group-disabled-border-color: var(--bs-gray-200);
   --bs-input-group-disabled-bg: var(--bs-gray-100);
-  --bs-input-group-disabled-color: var(--bs-gray);
+  --bs-input-group-disabled-color: var(--bs-secondary-100);
   display: flex;
   flex-direction: column;
   gap: var(--bs-input-gap);
@@ -7375,12 +7375,6 @@ textarea.form-control-lg {
   border-color: var(--bs-input-group-focus-border-color);
   box-shadow: var(--bs-input-group-focus-box-shadow);
 }
-.d-input:focus-within .input-group:hover:has(.form-control:not(:-moz-placeholder-shown:disabled)) {
-  border-color: var(--bs-input-group-focus-border-color);
-}
-.d-input:focus-within .input-group:hover:has(.form-control:not(:placeholder-shown:disabled)), .d-input:focus-within .input-group:hover {
-  border-color: var(--bs-input-group-focus-border-color);
-}
 .d-input .d-input-control {
   display: flex;
   flex-direction: column;
@@ -7400,14 +7394,15 @@ 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:has(.form-control:not(:-moz-placeholder-shown, :focus)) .input-group {
+.d-input .input-group:not(:focus-within):not(.has-validation):has(.form-control:not(:-moz-placeholder-shown, :disabled)) {
   border-color: var(--bs-input-group-hover-border-color);
 }
-.d-input:has(.form-control:not(:placeholder-shown, :focus)) .input-group {
+.d-input .input-group:not(:focus-within):not(.has-validation):has(.form-control:not(:placeholder-shown, :disabled)) {
   border-color: var(--bs-input-group-hover-border-color);
 }
 .d-input:has(.form-control.is-valid) .input-group {
   border-color: var(--bs-form-valid-border-color);
+  box-shadow: 0 0 0 1px rgba(var(--bs-success-rgb), 1);
 }
 .d-input:has(.form-control.is-valid) .input-group ~ .form-text {
   color: var(--bs-form-valid-border-color);
@@ -7417,6 +7412,7 @@ textarea.form-control-lg {
 }
 .d-input:has(.form-control.is-invalid) .input-group {
   border-color: var(--bs-form-invalid-border-color);
+  box-shadow: 0 0 0 1px rgba(var(--bs-danger-rgb), 1);
 }
 .d-input:has(.form-control.is-invalid) .input-group ~ .form-text {
   color: var(--bs-form-invalid-border-color);
@@ -7449,14 +7445,26 @@ textarea.form-control-lg {
   -webkit-appearance: none;
           appearance: none;
 }
+.d-input .form-control.is-invalid:focus,
+.d-input .form-control.is-valid:focus {
+  border: 0;
+  box-shadow: unset;
+}
 .d-input .input-group-text {
   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 {
@@ -8502,7 +8510,7 @@ label {
   --bs-quick-action-check-border-radius: var(--bs-border-radius-sm);
   --bs-quick-action-check-line1-font-size: var(--bs-body-font-size);
   --bs-quick-action-check-line1-font-weight: var(--bs-ref-fw-bold);
-  --bs-quick-action-check-line1-color: var(--bs-light-text-emphasis);
+  --bs-quick-action-check-line1-color: var(--bs-gray-900);
   --bs-quick-action-check-line2-font-size: var(--bs-ref-fs-small);
   --bs-quick-action-check-line2-font-weight: var(--bs-ref-fw-normal);
   --bs-quick-action-check-line2-color: var(--bs-gray);
@@ -9815,16 +9823,17 @@ label {
   --bs-datepicker-day-names-font-size: var(--bs-ref-spacer-3);
   --bs-datepicker-day-name-weight: var(--bs-ref-fw-bold);
   --bs-datepicker-day-name-margin: 0;
-  --bs-datepicker-day-name-size: 20px;
+  --bs-datepicker-day-name-size: var(--bs-ref-spacer-3);
   --bs-datepicker-day-name-color: var(--bs-gray-500);
-  --bs-datepicker-month-gap: var(--bs-ref-fs-small);
+  --bs-datepicker-month-gap: var(--bs-ref-spacer-2);
   --bs-datepicker-month-padding: var(--bs-ref-spacer-3) var(--bs-ref-spacer-4) var(--bs-ref-spacer-4);
   --bs-datepicker-month-margin: 0;
   --bs-datepicker-month-color: var(--bs-white);
-  --bs-datepicker-week-gap: 1.875rem;
+  --bs-datepicker-week-gap: var(--bs-ref-spacer-2);
   --bs-datepicker-day-margin: 0;
   --bs-datepicker-day-font-size: var(--bs-ref-fs-small);
-  --bs-datepicker-day-size: 20px;
+  --bs-datepicker-day-size: var(--bs-ref-spacer-3);
+  --bs-datepicker-day-padding: var(--bs-ref-spacer-3);
   --bs-datepicker-day-radius: 100%;
   --bs-datepicker-day-bg-hover: var(--bs-body);
   --bs-datepicker-day-color-hover: var(--bs-info-100);
@@ -9863,13 +9872,17 @@ label {
 }
 .react-datepicker .react-datepicker__header .react-datepicker__day-names {
   display: flex;
-  justify-content: space-between;
+  gap: var(--bs-ref-spacer-2);
   margin: var(--bs-datepicker-day-names-margin);
   font-size: var(--bs-datepicker-day-names-font-size);
 }
 .react-datepicker .react-datepicker__header .react-datepicker__day-name {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   width: var(--bs-datepicker-day-name-size);
   height: var(--bs-datepicker-day-name-size);
+  padding: var(--bs-datepicker-day-padding);
   margin: var(--bs-datepicker-day-name-margin);
   font-weight: var(--bs-datepicker-day-name-weight);
   line-height: var(--bs-datepicker-day-name-size);
@@ -9890,8 +9903,12 @@ label {
   gap: var(--bs-datepicker-week-gap);
 }
 .react-datepicker .react-datepicker__month .react-datepicker__day {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   width: var(--bs-datepicker-day-size);
   height: var(--bs-datepicker-day-size);
+  padding: var(--bs-datepicker-day-padding);
   margin: var(--bs-datepicker-day-margin);
   font-size: var(--bs-datepicker-day-font-size);
   line-height: var(--bs-datepicker-day-size);
@@ -9951,6 +9968,9 @@ label {
 .react-datepicker .react-datepicker__day--outside-month {
   color: var(--bs-datepicker-day-outside-month-color);
 }
+.react-datepicker .react-datepicker-wrapper {
+  margin-inline: auto;
+}
 .react-datepicker .react-datepicker__input-time-container {
   width: 100%;
   margin: var(--bs-datepicker-time-container-margin);
@@ -10103,6 +10123,7 @@ 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);
@@ -10118,6 +10139,9 @@ 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);
@@ -10721,7 +10745,7 @@ label {
   width: 0;
   height: 100%;
   content: "";
-  border: var(--bs-step-icon-container-border-width) solid var(--bs-step-icon-container-border-color);
+  border: var(--bs-step-line-stroke) solid var(--bs-step-line-color);
 }
 .d-stepper-desktop.is-vertical .d-step:first-child .d-step-value::after {
   top: 50%;