@dialpad/dialtone 9.123.0 → 9.123.1

package/dist/css/dialtone-default-theme.css

@@ -5442,16 +5442,16 @@ legend .d-label--md {
 .d-bga-unset {
   background-attachment: unset !important;
 }
-.d-bgc-border-box {
+.d-bgclip-border-box {
   background-clip: border-box !important;
 }
-.d-bgc-padding-box {
+.d-bgclip-padding-box {
   background-clip: padding-box !important;
 }
-.d-bgc-content-box {
+.d-bgclip-content-box {
   background-clip: content-box !important;
 }
-.d-bgc-text {
+.d-bgclip-text {
   color: transparent !important;
   -webkit-background-clip: text !important;
   background-clip: text !important;
@@ -5636,9 +5636,6 @@ legend .d-label--md {
 .d-bgg-pattern-stripe-light {
   --bgg-pattern: var(--bgg-pattern-stripe-light) !important;
 }
-.d-bgc-ai {
-  background-image: var(--dt-color-surface-ai) !important;
-}
 .d-ba {
   border: var(--dt-size-100) solid !important;
 }
@@ -5903,14 +5900,6 @@ legend .d-label--md {
 .d-divide-x-reverse > * + * {
   --divide-x-reverse: 1;
 }
-/*
- * Note: border-image is not compatible with border-radius, but it's the easiest way to get a linear gradient border.
- * https://dev.to/afif/border-with-gradient-and-radius-387f
- */
-.d-bc-ai {
-  -o-border-image: var(--dt-color-border-ai) 1 !important;
-     border-image: var(--dt-color-border-ai) 1 !important;
-}
 .d-divide-ai > * + * {
   -o-border-image: var(--dt-color-border-ai) 1 !important;
      border-image: var(--dt-color-border-ai) 1 !important;
@@ -5932,6 +5921,9 @@ legend .d-label--md {
   background-color: unset !important;
   background-image: unset !important;
 }
+.d-bgc-ai {
+  background-image: var(--dt-color-surface-ai) !important;
+}
 .d-bc-transparent, .h\:d-bc-transparent:hover, .f\:d-bc-transparent:focus, .f\:d-bc-transparent:focus-within, .fv\:d-bc-transparent:focus-visible {
   border-color: transparent !important;
 }
@@ -5941,6 +5933,14 @@ legend .d-label--md {
 .d-bc-unset, .h\:d-bc-unset:hover, .f\:d-bc-unset:focus, .f\:d-bc-unset:focus-within, .fv\:d-bc-unset:focus-visible {
   border-color: unset !important;
 }
+/*
+ * Note: border-image is not compatible with border-radius, but it's the easiest way to get a linear gradient border.
+ * https://dev.to/afif/border-with-gradient-and-radius-387f
+ */
+.d-bc-ai {
+  -o-border-image: var(--dt-color-border-ai) 1 !important;
+     border-image: var(--dt-color-border-ai) 1 !important;
+}
 @-webkit-keyframes d-loading-circle {
   from {
     -webkit-transform: rotate(0deg);
@@ -7946,19 +7946,19 @@ legend .d-label--md {
 .d-g-unset {
   gap: unset !important;
 }
-.d-ff-custom {
+.d-font-family-custom {
   font-family: var(--dt-font-family-body) !important;
 }
-.d-ff-sans {
+.d-font-family-sans {
   font-family: var(--dt-font-family-body) !important;
 }
-.d-ff-mono {
+.d-font-family-mono {
   font-family: var(--dt-font-family-mono) !important;
 }
-.d-ff-marketing {
+.d-font-family-marketing {
   font-family: var(--dt-font-family-expressive) !important;
 }
-.d-ff-unset {
+.d-font-family-unset {
   font-family: unset !important;
 }
 h1,
@@ -8179,28 +8179,28 @@ ul {
 .d-headline54 {
   font: var(--dt-typography-headline-xxl);
 }
-.d-fs-normal {
+.d-font-style-normal {
   font-style: normal !important;
 }
-.d-fs-italic {
+.d-font-style-italic {
   font-style: italic !important;
 }
-.d-fs-unset {
+.d-font-style-unset {
   font-style: unset !important;
 }
-.d-fw-normal {
+.d-font-weight-normal {
   font-weight: var(--dt-font-weight-normal) !important;
 }
-.d-fw-medium {
+.d-font-weight-medium {
   font-weight: var(--dt-font-weight-medium) !important;
 }
-.d-fw-semibold {
+.d-font-weight-semibold {
   font-weight: var(--dt-font-weight-semi-bold) !important;
 }
-.d-fw-bold {
+.d-font-weight-bold {
   font-weight: var(--dt-font-weight-bold) !important;
 }
-.d-fw-unset {
+.d-font-weight-unset {
   font-weight: unset !important;
 }
 .d-lh0 {