@dialpad/dialtone 6.2.1 → 6.4.1

package/README.md

@@ -21,7 +21,7 @@ If you only need access to Dialtone's variables and customizations to build a fi
 
 ## Building Dialtone locally
 
-To build Dialtone locally, visit our [installation instructions](https://dialpad.design/getting-started/installation/).
+To build Dialtone locally, visit our [installation instructions](https://dialpad.design/getting-started/building-locally/).
 
 ## Contributing
 

package/lib/build/less/components/banner.less

@@ -1,3 +1,5 @@
+@import (reference) "../utilities/spacing.less";
+
 //
 //  DIALTONE
 //  COMPONENTS: BANNERS

package/lib/build/less/components/button.less

@@ -1,3 +1,5 @@
+@import (reference) "../variables/icons.less";
+
 //
 //  DIALTONE
 //  COMPONENTS: BUTTONS

package/lib/build/less/components/forms.less

@@ -1,3 +1,5 @@
+@import (reference) "../variables/typography.less";
+
 //
 //  DIALTONE
 //  COMPONENTS: FORMS

package/lib/build/less/components/input.less

@@ -1,3 +1,6 @@
+@import (reference) '../variables/icons.less';
+@import (reference) '../variables/sizes.less';
+
 //
 //  DIALTONE
 //  COMPONENTS: INPUTS
@@ -86,8 +89,9 @@
     //  --  DISABLED / READ-ONLY
     &[disabled],
     &[read-only] {
-        --input--bc:           var(--black-500)!important;
-        --input--bgc:          var(--black-200);
+        --input--bc:           var(--black-200)!important;
+        --input--bgc:          var(--black-075);
+        --input--fc:           var(--black-400);
 
         &:focus {
             box-shadow: none!important;
@@ -239,6 +243,8 @@
     //  ------------------------------------------------------------------------
     --input-icon-size: @icon16;
 
+    display: inline-flex;
+    align-items: center;
     position: absolute;
     top: 0;
     z-index:  var(--zi-base1);

package/lib/build/less/components/modal.less

@@ -1,3 +1,5 @@
+@import (reference) '../utilities/spacing.less';
+
 //
 //  DIALTONE
 //  COMPONENTS: MODALS

package/lib/build/less/components/notice.less

@@ -1,3 +1,5 @@
+@import (reference) '../utilities/spacing.less';
+
 //
 //  DIALTONE
 //  COMPONENTS: NOTICES
@@ -9,6 +11,7 @@
 //  ============================================================================
 //  $   BASE WRAPPER
 //  ----------------------------------------------------------------------------
+
 .d-notice {
     //  Component CSS Vars
     //  ------------------------------------------------------------------------

package/lib/build/less/components/radio-checkbox.less

@@ -68,10 +68,12 @@
     align-self: flex-start;
 
     //  --  DISABLED
-    &[disabled] {
-        --check-radio--bc:  var(--black-200);
-        --check-radio--bgc: var(--black-100);
-        cursor: not-allowed;
+    &[disabled],
+    &--disabled {
+        --check-radio--color:   var(--black-200);
+        --check-radio--bc:      var(--black-200);
+        --check-radio--bgc:     var(--black-075);
+        cursor:                 not-allowed;
     }
 }
 
@@ -91,7 +93,7 @@
     &.d-radio-group--disabled {
         .d-checkbox__label,
         .d-radio__label {
-            color: var(--black-400);
+            color: var(--black-200);
             cursor: not-allowed;
         }
     }
@@ -148,12 +150,6 @@
         background-repeat: no-repeat;
         background-size: contain;
 
-        //  Disabled
-        &[disabled] {
-            --check-radio--bc:      var(--black-400);
-            --check-radio--bgc:     var(--black-200);
-        }
-
         &:focus,
         &:checked:focus {
             border-radius: var(--br2);
@@ -165,10 +161,41 @@
 
             //  Disabled
             &[disabled] {
-                --check-radio--bgc:     var(--black-200);
+                --check-radio--bgc:     var(--black-075);
                 background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z' fill='hsl(240, 10%, 51%)'/%3E%3C/svg%3E");
             }
         }
+
+        &--disabled:checked {
+            --check-radio--bgc:     var(--black-075);
+            background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z' fill='hsl(240, 10%, 51%)'/%3E%3C/svg%3E");
+        }
+
+        &--indeterminate,
+        &:indeterminate {
+            --check-radio--bgc:     var(--check-radio--color);
+            background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 13H5v-2h14v2z' fill='%23fff'/%3E%3C/svg%3E");
+
+            &[disabled] {
+                --check-radio--bgc:     var(--black-075);
+                background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 13H5v-2h14v2z' fill='hsl(240, 10%, 51%)'/%3E%3C/svg%3E");
+            }
+        }
+
+        &--indeterminate&--disabled,
+        &:indeterminate&--disabled {
+            --check-radio--bgc:     var(--black-075);
+            background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 13H5v-2h14v2z' fill='hsl(240, 10%, 51%)'/%3E%3C/svg%3E");
+        }
+
+        //  Disabled
+        &[disabled],
+        &--disabled {
+            --check-radio--color:   var(--black-200);
+            --check-radio--bc:      var(--black-200);
+            --check-radio--bgc:     var(--black-075);
+        }
+
     }
 }
 
@@ -177,7 +204,7 @@
 .d-checkbox--warning {
     --check-radio--color:         var(--warning-color);
     --check-radio--bc:            var(--check-radio--color);
-    
+
     &:focus,
     &:checked:focus {
         box-shadow:               var(--bs-focus-ring-warning);
@@ -186,7 +213,7 @@
 .d-checkbox--error {
     --check-radio--color:         var(--error-color);
     --check-radio--bc:            var(--check-radio--color);
-    
+
     &:focus,
     &:checked:focus {
         box-shadow:               var(--bs-focus-ring-error);
@@ -211,9 +238,11 @@
         border-radius: var(--br-circle);
 
         // Disabled
-        &[disabled] {
-            --check-radio--bc:      var(--black-400);
-            --check-radio--bgc:     var(--black-200);
+        &[disabled],
+        &--disabled {
+            --check-radio--color:   var(--black-200);
+            --check-radio--bc:      var(--black-200);
+            --check-radio--bgc:     var(--black-075);
         }
 
         &:focus,
@@ -227,9 +256,13 @@
 
             // Disabled
             &[disabled] {
-                --check-radio--bgc:     var(--black-400);
+                --check-radio--bgc:     var(--black-200);
             }
         }
+
+        &--disabled:checked {
+            --check-radio--bgc:     var(--black-200);
+        }
     }
 }
 
@@ -252,7 +285,7 @@
     &:focus,
     &:checked:focus {
         box-shadow:               var(--bs-focus-ring-error), inset 0 0 0 var(--su2) var(--white);
-    } 
+    }
 }
 
 .d-radio--success {
@@ -262,5 +295,5 @@
     &:focus,
     &:checked:focus {
         box-shadow:               var(--bs-focus-ring-success), inset 0 0 0 var(--su2) var(--white);
-    } 
-}
+    }
+}

package/lib/build/less/components/selects.less

@@ -1,3 +1,7 @@
+@import (reference) '../variables/sizes.less';
+@import (reference) '../variables/icons.less';
+@import (reference) 'input.less';
+
 //
 //  DIALTONE
 //  COMPONENTS: SELECT MENUS
@@ -119,8 +123,9 @@
     box-shadow: var(--bs-focus-ring);
   }
   &:disabled {
-    background: var(--black-200);
-    border: 1px solid var(--black-500);
+    color: var(--black-400);
+    background: var(--black-075);
+    border: 1px solid var(--black-200);
   }
   &::-moz-focus-inner {
     outline: none !important;
@@ -162,3 +167,10 @@
     box-shadow: var(--bs-focus-ring-warning);
   }
 }
+
+.d-select--disabled {
+  &:before,
+  &:after {
+    border-color: var(--black-400) transparent;
+  }
+}

package/lib/build/less/components/table.less

@@ -1,3 +1,5 @@
+@import (reference) '../utilities/typography.less';
+
 //
 //  DIALTONE
 //  COMPONENTS: TABLES

package/lib/build/less/components/toast.less

@@ -1,3 +1,6 @@
+@import (reference) "../utilities/spacing.less";
+@import (reference) "../utilities/effects.less";
+
 //
 //  DIALTONE
 //  COMPONENTS: TOAST

package/lib/build/less/themes/default.less

@@ -1,3 +1,13 @@
+@import (reference) "../variables/colors.less";
+@import (reference) "../variables/layout.less";
+@import (reference) "../variables/borders.less";
+@import (reference) "../variables/visual-styles.less";
+@import (reference) "../variables/icons.less";
+@import (reference) "../variables/sizes.less";
+@import (reference) "../variables/typography.less";
+@import (reference) "../utilities/internals.less";
+@import (reference) "../utilities/grid.less";
+
 //
 //  DIALTONE
 //  THEME VARIABLES
@@ -21,6 +31,8 @@
 //  ============================================================================
 //  $   SET VARIABLES
 //  ----------------------------------------------------------------------------
+
+
 @theme-vars: {
     primary-color-h:                        var(--purple-500-h);
     primary-color-s:                        var(--purple-500-s);

package/lib/build/less/themes/example.less

@@ -33,9 +33,9 @@
 //
 //      @nav__background-color: This sets the navigation background color.
 //  ----------------------------------------------------------------------------
-@primary-color:                 @navy;
+@primary-color:                 @purple-500;
 @primary-color--hover:          darken(@primary-color, 10%);
-@nav__background-color:         @ash;
+@nav__background-color:         @black-400;
 
 //  \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
 //  ----------------------------------------------------------------------------

package/lib/build/less/utilities/backgrounds.less

@@ -1,3 +1,6 @@
+@import (reference) "../variables/colors.less";
+@import (reference) "../utilities/internals.less";
+
 //
 //  DIALTONE
 //  UTILITIES: BACKGROUNDS

package/lib/build/less/utilities/borders.less

@@ -1,3 +1,7 @@
+@import (reference) "../variables/spacing.less";
+@import (reference) "../utilities/internals.less";
+@import (reference) "../variables/borders.less";
+
 //
 //  DIALTONE
 //  UTILITIES: BORDERS

package/lib/build/less/utilities/colors.less

@@ -1,3 +1,5 @@
+@import (reference) "../utilities/internals.less";
+
 //
 //  DIALTONE
 //  UTILITIES: COLORS

package/lib/build/less/utilities/effects.less

@@ -1,3 +1,5 @@
+@import (reference) "../variables/spacing.less";
+
 //
 //  DIALTONE
 //  UTILITIES: EFFECTS

package/lib/build/less/utilities/grid.less

@@ -1,3 +1,5 @@
+@import (reference) "../utilities/spacing.less";
+
 //
 //  DIALTONE
 //  UTILITIES: GRID

package/lib/build/less/utilities/layout.less

@@ -1,3 +1,7 @@
+@import (reference) "../variables/spacing.less";
+@import (reference) "../utilities/internals.less";
+@import (reference) "../utilities/responsive.less";
+
 //
 //  DIALTONE
 //  UTILITIES: LAYOUT

package/lib/build/less/utilities/sizing.less

@@ -1,3 +1,6 @@
+@import (reference) "../variables/layout.less";
+@import (reference) "../utilities/internals.less";
+
 //
 //  DIALTONE
 //  UTILITIES: SIZING

package/lib/build/less/utilities/spacing.less

@@ -1,3 +1,6 @@
+@import (reference) "../variables/spacing.less";
+@import (reference) "internals.less";
+
 //
 //  DIALTONE
 //  UTILITIES: SPACING
@@ -45,6 +48,7 @@
 //      this applies margin to context. The margin is only applied when an
 //      element is proceeded by another element.
 //  ----------------------------------------------------------------------------
+.d-stack0                       { > * + * { margin-top: @su0 !important; } }
 .d-stack1                       { > * + * { margin-top: @su1 !important; } }
 .d-stack2                       { > * + * { margin-top: @su2 !important; } }
 .d-stack4                       { > * + * { margin-top: @su4 !important; } }
@@ -57,6 +61,7 @@
 .d-stack48                      { > * + * { margin-top: @su48 !important; } }
 .d-stack64                      { > * + * { margin-top: @su64 !important; } }
 
+.d-flow0                        { > * + * { margin-left: @su0 !important; } }
 .d-flow1                        { > * + * { margin-left: @su1 !important; } }
 .d-flow2                        { > * + * { margin-left: @su2 !important; } }
 .d-flow4                        { > * + * { margin-left: @su4 !important; } }

package/lib/build/less/utilities/svg.less

@@ -1,3 +1,5 @@
+@import (reference) "../variables/icons.less";
+
 //
 //  DIALTONE
 //  UTILITIES: SVG

package/lib/build/less/utilities/typography.less

@@ -1,3 +1,8 @@
+@import (reference) '../variables/typography.less';
+@import (reference) '../variables/spacing.less';
+@import (reference) '../utilities/internals.less';
+@import (reference) '../utilities/grid.less';
+
 //
 //  DIALTONE
 //  UTILTIES: TYPOGRAPHY

package/lib/build/svg/system/arrow-accordion-closed.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8 15.2623C8 16.0333 8.83578 16.5143 9.50245 16.1269L15.1162 12.8646C15.7796 12.4791 15.7796 11.5209 15.1162 11.1354L9.50245 7.87311C8.83578 7.48569 8 7.96666 8 8.73772V15.2623Z" fill="#141721"/>
+<path d="M8 15.2623C8 16.0333 8.83578 16.5143 9.50245 16.1269L15.1162 12.8646C15.7796 12.4791 15.7796 11.5209 15.1162 11.1354L9.50245 7.87311C8.83578 7.48569 8 7.96666 8 8.73772V15.2623Z" fill="black"/>
 </svg>

package/lib/build/svg/system/arrow-accordion-open.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.73772 8C7.96666 8 7.48569 8.83578 7.87311 9.50245L11.1354 15.1162C11.5209 15.7796 12.4791 15.7796 12.8646 15.1162L16.1269 9.50245C16.5143 8.83578 16.0333 8 15.2623 8H8.73772Z" fill="#141721"/>
+<path d="M8.73772 8C7.96666 8 7.48569 8.83578 7.87311 9.50245L11.1354 15.1162C11.5209 15.7796 12.4791 15.7796 12.8646 15.1162L16.1269 9.50245C16.5143 8.83578 16.0333 8 15.2623 8H8.73772Z" fill="black"/>
 </svg>

package/lib/build/svg/system/arrow-back--ios.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M17 19.88L9.12 12L17 4.12L14.88 2L4.88 12L14.88 22L17 19.88Z" fill="#141721"/>
+<path d="M17 19.88L9.12 12L17 4.12L14.88 2L4.88 12L14.88 22L17 19.88Z" fill="black"/>
 </svg>

package/lib/build/svg/system/arrow-backwards.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M12 20L13.41 18.59L7.83 13L20 13V11L7.83 11L13.41 5.41L12 4L4 12L12 20Z" fill="#0D0C0F"/>
+<path d="M12 20L13.41 18.59L7.83 13L20 13V11L7.83 11L13.41 5.41L12 4L4 12L12 20Z" fill="black"/>
 </svg>

package/lib/build/svg/system/arrow-downward.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20 12L18.59 10.59L13 16.17V4H11V16.17L5.42 10.58L4 12L12 20L20 12Z" fill="#010101"/>
+<path d="M20 12L18.59 10.59L13 16.17V4H11V16.17L5.42 10.58L4 12L12 20L20 12Z" fill="black"/>
 </svg>

package/lib/build/svg/system/arrow-right.svg

@@ -1,3 +1,3 @@
 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M9 7L14 12L9 17V7Z" fill="#141721"/>
+<path d="M9 7L14 12L9 17V7Z" fill="black"/>
 </svg>

package/lib/dist/css/dialtone.css

@@ -1136,8 +1136,9 @@ legend .d-label {
 .d-textarea[disabled],
 .d-input[read-only],
 .d-textarea[read-only] {
-  --input--bc: var(--black-500)!important;
-  --input--bgc: var(--black-200);
+  --input--bc: var(--black-200)!important;
+  --input--bgc: var(--black-075);
+  --input--fc: var(--black-400);
 }
 .d-input[disabled]:focus,
 .d-textarea[disabled]:focus,
@@ -1345,9 +1346,11 @@ legend .d-label {
 }
 .d-input-icon {
   --input-icon-size: 1.6rem;
+  display: inline-flex;
   position: absolute;
   z-index: var(--zi-base1);
   top: 0;
+  align-items: center;
   width: var(--input-icon-size);
   height: var(--input-icon-size);
   margin: 0;
@@ -1971,9 +1974,12 @@ legend .d-label {
   }
 }
 .d-checkbox[disabled],
-.d-radio[disabled] {
+.d-radio[disabled],
+.d-checkbox--disabled,
+.d-radio--disabled {
+  --check-radio--color: var(--black-200);
   --check-radio--bc: var(--black-200);
-  --check-radio--bgc: var(--black-100);
+  --check-radio--bgc: var(--black-075);
   cursor: not-allowed;
 }
 .d-checkbox-group,
@@ -1991,7 +1997,7 @@ legend .d-label {
 .d-radio-group.d-checkbox-group--disabled .d-radio__label,
 .d-checkbox-group.d-radio-group--disabled .d-radio__label,
 .d-radio-group.d-radio-group--disabled .d-radio__label {
-  color: var(--black-400);
+  color: var(--black-200);
   cursor: not-allowed;
 }
 .d-checkbox__input,
@@ -2025,10 +2031,6 @@ legend .d-label {
     background-repeat: no-repeat;
     background-size: contain;
   }
-  .d-checkbox[disabled] {
-    --check-radio--bc: var(--black-400);
-    --check-radio--bgc: var(--black-200);
-  }
   .d-checkbox:focus,
   .d-checkbox:checked:focus {
     border-radius: var(--br2);
@@ -2038,9 +2040,34 @@ legend .d-label {
     background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z' fill='%23fff'/%3E%3C/svg%3E");
   }
   .d-checkbox:checked[disabled] {
-    --check-radio--bgc: var(--black-200);
+    --check-radio--bgc: var(--black-075);
     background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z' fill='hsl(240, 10%, 51%)'/%3E%3C/svg%3E");
   }
+  .d-checkbox--disabled:checked {
+    --check-radio--bgc: var(--black-075);
+    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z' fill='hsl(240, 10%, 51%)'/%3E%3C/svg%3E");
+  }
+  .d-checkbox--indeterminate,
+  .d-checkbox:indeterminate {
+    --check-radio--bgc: var(--check-radio--color);
+    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 13H5v-2h14v2z' fill='%23fff'/%3E%3C/svg%3E");
+  }
+  .d-checkbox--indeterminate[disabled],
+  .d-checkbox:indeterminate[disabled] {
+    --check-radio--bgc: var(--black-075);
+    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 13H5v-2h14v2z' fill='hsl(240, 10%, 51%)'/%3E%3C/svg%3E");
+  }
+  .d-checkbox--indeterminate.d-checkbox--disabled,
+  .d-checkbox:indeterminate.d-checkbox--disabled {
+    --check-radio--bgc: var(--black-075);
+    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 13H5v-2h14v2z' fill='hsl(240, 10%, 51%)'/%3E%3C/svg%3E");
+  }
+  .d-checkbox[disabled],
+  .d-checkbox--disabled {
+    --check-radio--color: var(--black-200);
+    --check-radio--bc: var(--black-200);
+    --check-radio--bgc: var(--black-075);
+  }
 }
 .d-checkbox--warning {
   --check-radio--color: var(--warning-color);
@@ -2070,9 +2097,11 @@ legend .d-label {
   .d-radio {
     border-radius: var(--br-circle);
   }
-  .d-radio[disabled] {
-    --check-radio--bc: var(--black-400);
-    --check-radio--bgc: var(--black-200);
+  .d-radio[disabled],
+  .d-radio--disabled {
+    --check-radio--color: var(--black-200);
+    --check-radio--bc: var(--black-200);
+    --check-radio--bgc: var(--black-075);
   }
   .d-radio:focus,
   .d-radio:checked:focus {
@@ -2083,7 +2112,10 @@ legend .d-label {
     box-shadow: inset 0 0 0 var(--su2) var(--white);
   }
   .d-radio:checked[disabled] {
-    --check-radio--bgc: var(--black-400);
+    --check-radio--bgc: var(--black-200);
+  }
+  .d-radio--disabled:checked {
+    --check-radio--bgc: var(--black-200);
   }
 }
 .d-radio--warning {
@@ -2258,8 +2290,9 @@ legend .d-label {
 }
 .d-select__input[disabled],
 .d-select__input[read-only] {
-  --input--bc: var(--black-500)!important;
-  --input--bgc: var(--black-200);
+  --input--bc: var(--black-200)!important;
+  --input--bgc: var(--black-075);
+  --input--fc: var(--black-400);
 }
 .d-select__input[disabled]:focus,
 .d-select__input[read-only]:focus {
@@ -2301,8 +2334,9 @@ legend .d-label {
   box-shadow: var(--bs-focus-ring);
 }
 .d-select__input:disabled {
-  border: 1px solid var(--black-500);
-  background: var(--black-200);
+  border: 1px solid var(--black-200);
+  background: var(--black-075);
+  color: var(--black-400);
 }
 .d-select__input::-moz-focus-inner {
   outline: none !important;
@@ -2335,6 +2369,10 @@ legend .d-label {
   --select--bc: var(--warning-color);
   box-shadow: var(--bs-focus-ring-warning);
 }
+.d-select--disabled:before,
+.d-select--disabled:after {
+  border-color: var(--black-400) transparent;
+}
 .d-table {
   --table--th: var(--black-700);
   --table--td: var(--black-600);
@@ -34482,6 +34520,9 @@ body.theme-dark .d\:d-bgg-to-0 {
 .d-wmx-unset {
   max-width: unset !important;
 }
+.d-stack0 > * + * {
+  margin-top: 0 !important;
+}
 .d-stack1 > * + * {
   margin-top: 0.1rem !important;
 }
@@ -34515,6 +34556,9 @@ body.theme-dark .d\:d-bgg-to-0 {
 .d-stack64 > * + * {
   margin-top: 6.4rem !important;
 }
+.d-flow0 > * + * {
+  margin-left: 0 !important;
+}
 .d-flow1 > * + * {
   margin-left: 0.1rem !important;
 }