@dynamic-framework/ui-react 1.36.1 → 2.0.0-dev.1

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

@@ -1,5 +1,5 @@
 /*!
- * dynamic-framework 1.36.1
+ * dynamic-framework 2.0.0-dev.1
  * bootstrap ~5.3.3
  * license https://github.com/dynamic-framework/dynamic-ui/blob/master/libraries/dynamic-ui-react/LICENSE.md
  */
@@ -355,6 +355,10 @@ legend + * {
   -webkit-appearance: textfield;
   outline-offset: -2px;
 }
+[type=search]::-webkit-search-cancel-button {
+  cursor: pointer;
+  filter: grayscale(1);
+}
 
 /* rtl:raw:
 [type="tel"],
@@ -3745,7 +3749,7 @@ textarea.form-control-lg {
   background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
   background-repeat: no-repeat;
   background-position: right 1rem center;
-  background-size: 16px;
+  background-size: 20px;
   border: var(--bs-border-width) solid var(--bs-border-color);
   border-radius: var(--bs-border-radius-sm);
   box-shadow: none;
@@ -3759,7 +3763,7 @@ textarea.form-control-lg {
 .form-select:focus {
   border-color: var(--bs-focus-ring-border-color);
   outline: 0;
-  box-shadow: none, 0 0 0 0.25rem var(--bs-focus-ring-color);
+  box-shadow: none;
 }
 .form-select[multiple], .form-select[size]:not([size="1"]) {
   padding-right: 1rem;
@@ -4266,11 +4270,11 @@ textarea.form-control-lg {
   --bs-form-select-bg-icon: var(--bs-form-feedback-icon-valid);
   padding-right: 5.5rem;
   background-position: right 1rem center, center right 3rem;
-  background-size: 16px, calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
+  background-size: 20px, calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
 }
 .was-validated .form-select:valid:focus, .form-select.is-valid:focus {
   border-color: var(--bs-form-valid-border-color);
-  box-shadow: none, 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
+  box-shadow: none;
 }
 
 .was-validated .form-control-color:valid, .form-control-color.is-valid {
@@ -4356,11 +4360,11 @@ textarea.form-control-lg {
   --bs-form-select-bg-icon: var(--bs-form-feedback-icon-invalid);
   padding-right: 5.5rem;
   background-position: right 1rem center, center right 3rem;
-  background-size: 16px, calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
+  background-size: 20px, calc(0.75em + 0.75rem) calc(0.75em + 0.75rem);
 }
 .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus {
   border-color: var(--bs-form-invalid-border-color);
-  box-shadow: none, 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
+  box-shadow: none;
 }
 
 .was-validated .form-control-color:invalid, .form-control-color.is-invalid {
@@ -7204,6 +7208,7 @@ textarea.form-control-lg {
 .spinner-grow,
 .spinner-border {
   display: inline-block;
+  flex-shrink: 0;
   width: var(--bs-spinner-width);
   height: var(--bs-spinner-height);
   vertical-align: var(--bs-spinner-vertical-align);
@@ -8142,7 +8147,7 @@ body {
   --bs-input-disabled-bg: var(--bs-gray-100);
   --bs-input-disabled-color: var(--bs-body-color);
   --bs-input-group-sm-icon-size: 1rem;
-  --bs-input-group-lg-icon-size: 1.75rem;
+  --bs-input-group-lg-icon-size: 1.5rem;
   border: var(--bs-input-border-width) solid var(--bs-input-border-color);
   border-radius: var(--bs-input-border-radius);
 }
@@ -9601,7 +9606,7 @@ label .d-icon {
 .d-icon {
   --bs-icon-color: var(--bs-icon-component-color, inherit);
   --bs-icon-bg-color: var(--bs-icon-component-bg-color, inherit);
-  --bs-icon-size: var(--bs-icon-component-size, var(--bs-ref-spacer-6));
+  --bs-icon-size: var(--bs-icon-component-size, var(--bs-ref-spacer-5));
   --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; /* stylelint-disable-line declaration-no-important */
@@ -11667,7 +11672,7 @@ react-datepicker__navigation
   --bs-select-option-is-checkbox-font-size: var(--bs-body-font-size);
   --bs-select-option-is-checkbox-font-weight: var(--bs-fw-normal);
   --bs-select-option-is-checkbox-color: var(--bs-gray-900);
-  --bs-select-option-has-icon-icon-size: var(--bs-ref-spacer-4);
+  --bs-select-option-has-icon-icon-size: var(--bs-ref-spacer-5);
   --bs-select-multi-value-padding: 0 var(--bs-ref-spacer-1) 0 var(--bs-select-gap);
   --bs-select-multi-value-margin-right: var(--bs-select-gap);
   --bs-select-multi-value-background: var(--bs-secondary-100);
@@ -11679,8 +11684,8 @@ react-datepicker__navigation
   --bs-select-indicator-separator-width: 1px;
   --bs-select-indicator-separator-margin: var(--bs-ref-spacer-0) var(--bs-ref-spacer-1);
   --bs-select-indicator-separator-color: var(--bs-transparent);
-  --bs-select-indicator-width: var(--bs-ref-spacer-4);
-  --bs-select-indicator-height: var(--bs-ref-spacer-4);
+  --bs-select-indicator-width: var(--bs-ref-spacer-5);
+  --bs-select-indicator-height: var(--bs-ref-spacer-5);
 }
 .d-select:focus-within .input-group {
   border-color: var(--bs-input-focus-border-color);
@@ -17669,6 +17674,70 @@ react-datepicker__navigation
   z-index: 3 !important;
 }
 
+.z-4 {
+  z-index: 4 !important;
+}
+
+.z-5 {
+  z-index: 5 !important;
+}
+
+.z-6 {
+  z-index: 6 !important;
+}
+
+.z-7 {
+  z-index: 7 !important;
+}
+
+.z-8 {
+  z-index: 8 !important;
+}
+
+.z-9 {
+  z-index: 9 !important;
+}
+
+.z-10 {
+  z-index: 10 !important;
+}
+
+.z-20 {
+  z-index: 20 !important;
+}
+
+.z-30 {
+  z-index: 30 !important;
+}
+
+.z-40 {
+  z-index: 40 !important;
+}
+
+.z-50 {
+  z-index: 50 !important;
+}
+
+.z-60 {
+  z-index: 60 !important;
+}
+
+.z-70 {
+  z-index: 70 !important;
+}
+
+.z-80 {
+  z-index: 80 !important;
+}
+
+.z-90 {
+  z-index: 90 !important;
+}
+
+.z-100 {
+  z-index: 100 !important;
+}
+
 .overlay-0 {
   --bs-overlay: 0;
 }