@dialpad/dialtone-css 8.80.0-next.7 → 8.80.0-next.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/build/js/dialtone_migrate/index.mjs +856 -0
- package/lib/build/js/dialtone_migrate_props/index.mjs +2 -1
- package/lib/build/js/dialtone_migration_helper/configs/physical-to-logical.mjs +7 -7
- package/lib/build/js/dialtone_migration_helper/configs/vue3-to-vue-imports.mjs +17 -0
- package/lib/build/less/components/box.less +9 -1
- package/lib/build/less/components/button.less +30 -25
- package/lib/build/less/components/chip.less +32 -0
- package/lib/build/less/recipes/contact_info.less +0 -1
- package/lib/dist/dialtone-default-theme.css +359 -56
- package/lib/dist/dialtone-default-theme.min.css +1 -1
- package/lib/dist/dialtone-docs.json +1 -1
- package/lib/dist/dialtone.css +359 -56
- package/lib/dist/dialtone.min.css +1 -1
- package/lib/dist/js/dialtone_migrate/index.mjs +856 -0
- package/lib/dist/js/dialtone_migrate_props/index.mjs +2 -1
- package/lib/dist/js/dialtone_migrate_tshirt_to_numeric/index.mjs +0 -0
- package/lib/dist/js/dialtone_migration_helper/configs/physical-to-logical.mjs +7 -7
- package/lib/dist/js/dialtone_migration_helper/configs/vue3-to-vue-imports.mjs +17 -0
- package/package.json +5 -2
|
@@ -169,6 +169,7 @@ const UPDATE_EVENT_RENAMES = {
|
|
|
169
169
|
|
|
170
170
|
// Component events removed from emits and replaced by @update:model-value
|
|
171
171
|
const EMIT_EVENT_RENAMES = {
|
|
172
|
+
'dt-checkbox': { input: 'update:model-value' },
|
|
172
173
|
'dt-input': { input: 'update:model-value' },
|
|
173
174
|
'dt-radio': { input: 'update:model-value' },
|
|
174
175
|
'dt-radio-group': { input: 'update:model-value' },
|
|
@@ -630,7 +631,7 @@ Migrations applied:
|
|
|
630
631
|
selected-values → model-value (dt-checkbox-group)
|
|
631
632
|
v-model:selected-values → v-model (dt-checkbox-group)
|
|
632
633
|
@update:selected-values → @update:model-value (dt-checkbox-group)
|
|
633
|
-
@input → @update:model-value (dt-input, dt-radio, dt-radio-group, dt-combobox-multi-select, dt-rich-text-editor, dt-input-group)
|
|
634
|
+
@input → @update:model-value (dt-checkbox, dt-input, dt-radio, dt-radio-group, dt-combobox-multi-select, dt-rich-text-editor, dt-input-group)
|
|
634
635
|
@change → @update:model-value (dt-toggle, dt-select-menu)
|
|
635
636
|
show → open (dt-modal, dt-toast, dt-tooltip)
|
|
636
637
|
@update:show → @update:open (dt-modal, dt-toast, dt-tooltip)
|
|
File without changes
|
|
@@ -33,15 +33,15 @@ export default {
|
|
|
33
33
|
// Generic short slot names (#left, #right, #bottom) are scoped to known
|
|
34
34
|
// Dialtone components to avoid renaming slots on non-Dialtone components.
|
|
35
35
|
// Uses multiline matching to find the slot within a dt-* or dt-recipe-* tag.
|
|
36
|
-
// Components: dt-item-layout, dt-recipe-callbox, dt-recipe-contact-centers-row,
|
|
36
|
+
// Components: dt-item-layout, dt-list-item, dt-recipe-callbox, dt-recipe-contact-centers-row,
|
|
37
37
|
// dt-recipe-general-row, dt-recipe-top-banner-info
|
|
38
38
|
|
|
39
|
-
// #left → #start (only on dt-item-layout, dt-recipe-general-row, dt-recipe-top-banner-info)
|
|
40
|
-
{ from: /(<dt-(?:item-layout|recipe-general-row|recipe-top-banner-info)[\s\S]*?)#left(?=[\s"'>])/gm, to: '$1#start' },
|
|
41
|
-
// #right → #end (only on dt-item-layout, dt-recipe-callbox, dt-recipe-contact-centers-row, dt-recipe-top-banner-info)
|
|
42
|
-
{ from: /(<dt-(?:item-layout|recipe-callbox|recipe-contact-centers-row|recipe-top-banner-info)[\s\S]*?)#right(?=[\s"'>])/gm, to: '$1#end' },
|
|
43
|
-
// #bottom → #blockEnd (only on dt-item-layout, dt-recipe-callbox)
|
|
44
|
-
{ from: /(<dt-(?:item-layout|recipe-callbox)[\s\S]*?)#bottom(?=[\s"'>])/gm, to: '$1#blockEnd' },
|
|
39
|
+
// #left → #start (only on dt-item-layout, dt-list-item, dt-recipe-general-row, dt-recipe-top-banner-info)
|
|
40
|
+
{ from: /(<(?:dt-(?:item-layout|list-item|recipe-general-row|recipe-top-banner-info)|Dt(?:ItemLayout|ListItem|RecipeGeneralRow|RecipeTopBannerInfo))[\s\S]*?)#left(?=[\s"'>])/gm, to: '$1#start' },
|
|
41
|
+
// #right → #end (only on dt-item-layout, dt-list-item, dt-recipe-callbox, dt-recipe-contact-centers-row, dt-recipe-top-banner-info)
|
|
42
|
+
{ from: /(<(?:dt-(?:item-layout|list-item|recipe-callbox|recipe-contact-centers-row|recipe-top-banner-info)|Dt(?:ItemLayout|ListItem|RecipeCallbox|RecipeContactCentersRow|RecipeTopBannerInfo))[\s\S]*?)#right(?=[\s"'>])/gm, to: '$1#end' },
|
|
43
|
+
// #bottom → #blockEnd (only on dt-item-layout, dt-list-item, dt-recipe-callbox)
|
|
44
|
+
{ from: /(<(?:dt-(?:item-layout|list-item|recipe-callbox)|Dt(?:ItemLayout|ListItem|RecipeCallbox))[\s\S]*?)#bottom(?=[\s"'>])/gm, to: '$1#blockEnd' },
|
|
45
45
|
|
|
46
46
|
// ── Prop renames ──────────────────────────────────────────────────────
|
|
47
47
|
// Longer patterns first within each prefix group.
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
// Migration: /vue3 import paths → /vue
|
|
2
|
+
// After Vue 2 removal, the /vue3 subpath exports were renamed to /vue.
|
|
3
|
+
// The /vue3 paths may still work for backwards compatibility in some packages,
|
|
4
|
+
// but @dialpad/dialtone-icons only exports /vue, making this a breaking change.
|
|
5
|
+
|
|
6
|
+
export default {
|
|
7
|
+
description:
|
|
8
|
+
'Renames /vue3 import subpaths to /vue for @dialpad/dialtone-icons and\n' +
|
|
9
|
+
'@dialpad/dialtone-vue. After Vue 2 removal, /vue is the canonical path.',
|
|
10
|
+
patterns: ['**/*.{vue,js,ts,jsx,tsx,mjs,mts}'],
|
|
11
|
+
expressions: [
|
|
12
|
+
// @dialpad/dialtone-icons/vue3 → @dialpad/dialtone-icons/vue
|
|
13
|
+
{ from: /@dialpad\/dialtone-icons\/vue3/g, to: '@dialpad/dialtone-icons/vue' },
|
|
14
|
+
// @dialpad/dialtone-vue/vue3 → @dialpad/dialtone-vue (or /vue if used)
|
|
15
|
+
{ from: /@dialpad\/dialtone-vue\/vue3/g, to: '@dialpad/dialtone-vue' },
|
|
16
|
+
],
|
|
17
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dialpad/dialtone-css",
|
|
3
|
-
"version": "8.80.0-next.
|
|
3
|
+
"version": "8.80.0-next.9",
|
|
4
4
|
"description": "Dialpad's design system",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Dialpad",
|
|
@@ -49,10 +49,13 @@
|
|
|
49
49
|
"lib"
|
|
50
50
|
],
|
|
51
51
|
"bin": {
|
|
52
|
+
"dialtone-migrate": "./lib/dist/js/dialtone_migrate/index.mjs",
|
|
52
53
|
"dialtone-health-check": "./lib/dist/js/dialtone_health_check/index.cjs",
|
|
53
54
|
"dialtone-migration-helper": "./lib/dist/js/dialtone_migration_helper/index.mjs",
|
|
54
55
|
"dialtone-migrate-flex-to-stack": "./lib/dist/js/dialtone_migrate_flex_to_stack/index.mjs",
|
|
55
56
|
"dialtone-migrate-link-rendering": "./lib/dist/js/dialtone_migrate_link_rendering/index.mjs",
|
|
57
|
+
"dialtone-migrate-tshirt-to-numeric": "./lib/dist/js/dialtone_migrate_tshirt_to_numeric/index.mjs",
|
|
58
|
+
"dialtone-migrate-props": "./lib/dist/js/dialtone_migrate_props/index.mjs",
|
|
56
59
|
"dialtone-migrate-chip-interactive": "./lib/dist/js/dialtone_migrate_chip_interactive/index.mjs",
|
|
57
60
|
"dialtone-migrate-scrollbar-always": "./lib/dist/js/dialtone_migrate_scrollbar_always/index.mjs",
|
|
58
61
|
"dialtone-migrate-typography": "./lib/dist/js/dialtone_migrate_typography/index.mjs",
|
|
@@ -88,7 +91,7 @@
|
|
|
88
91
|
"less": "^4.2.0",
|
|
89
92
|
"oslllo-svg-fixer": "^2.2.0",
|
|
90
93
|
"through2": "^4.0.2",
|
|
91
|
-
"@dialpad/dialtone-tokens": "1.48.0-next.
|
|
94
|
+
"@dialpad/dialtone-tokens": "1.48.0-next.19",
|
|
92
95
|
"@dialpad/postcss-responsive-variations": "1.2.4-next.1"
|
|
93
96
|
},
|
|
94
97
|
"peerDependencies": {
|