@dialpad/dialtone 9.151.0 → 9.154.0

package/README.md

@@ -12,17 +12,10 @@ The below usage instructions are for the combined package.
 
 ### Install it via NPM:
 
-#### Using Vue@3
-
 ```shell
 npm install @dialpad/dialtone @dialpad/i18n
 ```
 
-#### Using Vue@2
-
-```shell
-npm install @dialpad/dialtone @dialpad/i18n-vue2
-
 ### Import packages:
 
 #### Without theming
@@ -110,20 +103,6 @@ import "@dialpad/dialtone/tokens/tokens-dp-light.css" // Dialpad light brand
 
 #### Dialtone icons
 
-- Vue 2:
-
-```js
-// Named import
-import { DtIconArrowUp } from '@dialpad/dialtone-icons/vue2';
-import { DtIllustrationBlankSpace } from '@dialpad/dialtone-icons/vue2';
-
-// Default import (Preferred if using webpack as it is tree-shakeable by default)
-import DtIconArrowUp from '@dialpad/dialtone-icons/vue2/arrow-up';
-import DtIllustrationBlankSpace from '@dialpad/dialtone-icons/vue2/blank-space';
-```
-
-- Vue 3:
-
 ```js
 // Named import
 import { DtIconArrowUp } from '@dialpad/dialtone-icons/vue3';
@@ -136,18 +115,6 @@ import DtIllustrationBlankSpace from '@dialpad/dialtone-icons/vue3/blank-space';
 
 #### Dialtone Vue components
 
-- Vue 2
-
-```js
-// Named import
-import { DtButton } from "@dialpad/dialtone/vue2"
-
-// Default import (Preferred if using webpack as it is tree-shakeable by default)
-import { DtButton } from "@dialpad/dialtone/vue2/lib/button"
-```
-
-- Vue 3
-
 ```js
 // Named import
 import { DtButton } from "@dialpad/dialtone/vue3"
@@ -156,7 +123,7 @@ import { DtButton } from "@dialpad/dialtone/vue3"
 import { DtButton } from "@dialpad/dialtone/vue3/lib/button"
 ```
 
-#### Dialtine MCP Server
+#### Dialtone MCP Server
 
 Install the MCP server to use it in your local environment and develop efficiently with Dialtone.
 Follow the instructions in the [MCP Server](https://github.com/dialpad/dialtone/tree/staging/packages/dialtone-mcp-server) folder.

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

@@ -2202,7 +2202,8 @@ template {
   flex-direction: column;
   justify-content: center;
   background: var(--dt-color-surface-primary);
-  border-radius: var(--dt-size-300);
+  border: var(--dt-size-border-100) solid var(--dt-color-border-subtle);
+  border-radius: var(--dt-size-radius-300);
   box-shadow: var(--dt-shadow-card);
 }
 .d-card__header {
@@ -3610,6 +3611,9 @@ legend .d-label--md {
   opacity: 0;
   will-change: visibility, z-index, opacity, transform;
 }
+.d-modal__dialog:has(.d-modal) {
+  background-clip: padding-box;
+}
 .d-modal[aria-hidden='false'],
 .d-modal[aria-hidden='false'] .d-modal__dialog,
 .d-modal--transparent[aria-hidden='false'],
@@ -4127,7 +4131,6 @@ legend .d-label--md {
   display: flex;
   align-items: center;
   width: 100%;
-  max-width: 128rem;
   min-height: 100%;
   margin: 0 auto;
   padding: var(--banner-dialog-padding-y) var(--banner-dialog-padding-x);
@@ -4137,6 +4140,9 @@ legend .d-label--md {
   gap: var(--dt-space-300);
   align-items: baseline;
 }
+.d-banner__dialog .d-notice__message {
+  font-size: var(--dt-font-size-200) !important;
+}
 .d-banner.d-banner--important {
   --banner-color-border: transparent;
 }
@@ -6582,10 +6588,12 @@ legend .d-label--md {
 .d-ac-center {
   align-content: center !important;
 }
-.d-ac-flex-end {
+.d-ac-flex-end,
+.d-ac-end {
   align-content: flex-end !important;
 }
-.d-ac-flex-start {
+.d-ac-flex-start,
+.d-ac-start {
   align-content: flex-start !important;
 }
 .d-ac-space-around {
@@ -6612,10 +6620,12 @@ legend .d-label--md {
 .d-ai-center {
   align-items: center !important;
 }
-.d-ai-flex-end {
+.d-ai-flex-end,
+.d-ai-end {
   align-items: flex-end !important;
 }
-.d-ai-flex-start {
+.d-ai-flex-start,
+.d-ai-start {
   align-items: flex-start !important;
 }
 .d-ai-baseline {
@@ -6633,10 +6643,12 @@ legend .d-label--md {
 .d-as-center {
   align-self: center !important;
 }
-.d-as-flex-end {
+.d-as-flex-end,
+.d-as-end {
   align-self: flex-end !important;
 }
-.d-as-flex-start {
+.d-as-flex-start,
+.d-as-start {
   align-self: flex-start !important;
 }
 .d-as-baseline {
@@ -6828,19 +6840,24 @@ legend .d-label--md {
 .d-jc-center {
   justify-content: center !important;
 }
-.d-jc-flex-end {
+.d-jc-flex-end,
+.d-jc-end {
   justify-content: flex-end !important;
 }
-.d-jc-flex-start {
+.d-jc-flex-start,
+.d-jc-start {
   justify-content: flex-start !important;
 }
-.d-jc-space-around {
+.d-jc-space-around,
+.d-jc-around {
   justify-content: space-around !important;
 }
-.d-jc-space-between {
+.d-jc-space-between,
+.d-jc-between {
   justify-content: space-between !important;
 }
-.d-jc-space-evenly {
+.d-jc-space-evenly,
+.d-jc-evenly {
   justify-content: space-evenly !important;
 }
 .d-jc-baseline {
@@ -10167,12 +10184,12 @@ ul {
   display: contents;
 }
 .dt-recipe-motion-text__char {
-  display: inline-block;
+  display: inline;
   white-space: pre;
 }
 .dt-recipe-motion-text__word {
   position: relative;
-  display: inline;
+  display: inline-block;
   white-space: nowrap;
 }
 @-webkit-keyframes dt-recipe-motion-text-gradient-in-char-appear {