@dialpad/dialtone 9.151.0 → 9.153.9

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;
 }