@ds-mo/ui 14.14.0 → 14.15.0
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/README.md +10 -2
- package/dist/.package-ready.json +1 -1
- package/dist/agent-patterns.json +50 -1
- package/dist/agent.json +91 -3
- package/dist/docs/components.json +1 -1
- package/dist/mcp/cli.js +19 -4
- package/dist/mcp-data/registry/agent-activity.json +6 -1
- package/dist/mcp-data/registry/agent-questionnaire.json +6 -1
- package/dist/mcp-data/registry/agent-response.json +6 -1
- package/dist/mcp-data/registry/agent-source-list.json +6 -1
- package/dist/mcp-data/registry/agent-tool-call.json +6 -1
- package/dist/mcp-data/registry/attachment-list.json +6 -1
- package/dist/mcp-data/registry/avatar.json +6 -1
- package/dist/mcp-data/registry/badge.json +6 -1
- package/dist/mcp-data/registry/banner.json +6 -1
- package/dist/mcp-data/registry/bar-action.json +6 -1
- package/dist/mcp-data/registry/bar-nav.json +6 -1
- package/dist/mcp-data/registry/bar-title.json +6 -1
- package/dist/mcp-data/registry/bar-workflow.json +6 -1
- package/dist/mcp-data/registry/breadcrumb.json +6 -1
- package/dist/mcp-data/registry/button-filled.json +6 -1
- package/dist/mcp-data/registry/button-unfilled.json +6 -1
- package/dist/mcp-data/registry/card-chart.json +6 -1
- package/dist/mcp-data/registry/card-overview.json +6 -1
- package/dist/mcp-data/registry/card-setting.json +6 -1
- package/dist/mcp-data/registry/chart-legend.json +6 -1
- package/dist/mcp-data/registry/chart.json +6 -1
- package/dist/mcp-data/registry/checkbox.json +9 -1
- package/dist/mcp-data/registry/chip.json +6 -1
- package/dist/mcp-data/registry/code-block.json +6 -1
- package/dist/mcp-data/registry/conversation-list-item.json +6 -1
- package/dist/mcp-data/registry/conversation-list-section.json +6 -1
- package/dist/mcp-data/registry/conversation-list.json +6 -1
- package/dist/mcp-data/registry/divider.json +6 -1
- package/dist/mcp-data/registry/empty-state.json +6 -1
- package/dist/mcp-data/registry/field.json +6 -1
- package/dist/mcp-data/registry/filter-menu.json +6 -1
- package/dist/mcp-data/registry/icon.json +6 -1
- package/dist/mcp-data/registry/input.json +10 -2
- package/dist/mcp-data/registry/loader.json +6 -1
- package/dist/mcp-data/registry/markdown.json +6 -1
- package/dist/mcp-data/registry/menu.json +6 -1
- package/dist/mcp-data/registry/message-actions.json +6 -1
- package/dist/mcp-data/registry/message-bubble.json +6 -1
- package/dist/mcp-data/registry/message-composer.json +6 -1
- package/dist/mcp-data/registry/message-scroller.json +6 -1
- package/dist/mcp-data/registry/message.json +6 -1
- package/dist/mcp-data/registry/mobile-bar-nav.json +6 -1
- package/dist/mcp-data/registry/mobile-header.json +6 -1
- package/dist/mcp-data/registry/mobile-section-switcher.json +6 -1
- package/dist/mcp-data/registry/mobile-sheet-nav.json +6 -1
- package/dist/mcp-data/registry/modal.json +6 -1
- package/dist/mcp-data/registry/pagination.json +6 -1
- package/dist/mcp-data/registry/panel-nav.json +6 -1
- package/dist/mcp-data/registry/panel-sub-nav.json +6 -1
- package/dist/mcp-data/registry/panel-tool-header.json +6 -1
- package/dist/mcp-data/registry/panel-tool-search.json +6 -1
- package/dist/mcp-data/registry/panel-tools.json +6 -1
- package/dist/mcp-data/registry/paper-texture.json +6 -1
- package/dist/mcp-data/registry/radio.json +9 -1
- package/dist/mcp-data/registry/registry.json +92 -4
- package/dist/mcp-data/registry/scroll-overlay.json +6 -1
- package/dist/mcp-data/registry/select.json +10 -2
- package/dist/mcp-data/registry/shell-app.json +6 -1
- package/dist/mcp-data/registry/shell-page.json +6 -1
- package/dist/mcp-data/registry/shell-tools.json +6 -1
- package/dist/mcp-data/registry/skeleton.json +6 -1
- package/dist/mcp-data/registry/slider.json +6 -1
- package/dist/mcp-data/registry/swatch-picker.json +6 -1
- package/dist/mcp-data/registry/switch.json +9 -1
- package/dist/mcp-data/registry/tab-group.json +6 -1
- package/dist/mcp-data/registry/table-saved-views.json +6 -1
- package/dist/mcp-data/registry/table-toolbar.json +6 -1
- package/dist/mcp-data/registry/table.json +6 -1
- package/dist/mcp-data/registry/tag.json +6 -1
- package/dist/mcp-data/registry/text.json +6 -1
- package/dist/mcp-data/registry/toast.json +6 -1
- package/dist/mcp-data/registry/tooltip-chart.json +6 -1
- package/dist/mcp-data/registry/tooltip.json +6 -1
- package/dist/mcp-data/registry/typing-indicator.json +6 -1
- package/dist/vue/components.d.ts +77 -0
- package/dist/vue/components.js +79 -0
- package/dist/vue/ds-agent-activity.d.ts +3 -0
- package/dist/vue/ds-agent-activity.js +10 -0
- package/dist/vue/ds-agent-questionnaire.d.ts +3 -0
- package/dist/vue/ds-agent-questionnaire.js +19 -0
- package/dist/vue/ds-agent-response.d.ts +3 -0
- package/dist/vue/ds-agent-response.js +15 -0
- package/dist/vue/ds-agent-source-list.d.ts +3 -0
- package/dist/vue/ds-agent-source-list.js +13 -0
- package/dist/vue/ds-agent-tool-call.d.ts +3 -0
- package/dist/vue/ds-agent-tool-call.js +18 -0
- package/dist/vue/ds-attachment-list.d.ts +3 -0
- package/dist/vue/ds-attachment-list.js +9 -0
- package/dist/vue/ds-avatar.d.ts +3 -0
- package/dist/vue/ds-avatar.js +11 -0
- package/dist/vue/ds-badge.d.ts +3 -0
- package/dist/vue/ds-badge.js +15 -0
- package/dist/vue/ds-banner.d.ts +3 -0
- package/dist/vue/ds-banner.js +20 -0
- package/dist/vue/ds-bar-action.d.ts +3 -0
- package/dist/vue/ds-bar-action.js +14 -0
- package/dist/vue/ds-bar-nav.d.ts +3 -0
- package/dist/vue/ds-bar-nav.js +17 -0
- package/dist/vue/ds-bar-title.d.ts +3 -0
- package/dist/vue/ds-bar-title.js +32 -0
- package/dist/vue/ds-bar-workflow.d.ts +3 -0
- package/dist/vue/ds-bar-workflow.js +24 -0
- package/dist/vue/ds-breadcrumb.d.ts +3 -0
- package/dist/vue/ds-breadcrumb.js +12 -0
- package/dist/vue/ds-button-filled.d.ts +3 -0
- package/dist/vue/ds-button-filled.js +31 -0
- package/dist/vue/ds-button-unfilled.d.ts +3 -0
- package/dist/vue/ds-button-unfilled.js +36 -0
- package/dist/vue/ds-card-chart.d.ts +3 -0
- package/dist/vue/ds-card-chart.js +15 -0
- package/dist/vue/ds-card-overview.d.ts +3 -0
- package/dist/vue/ds-card-overview.js +21 -0
- package/dist/vue/ds-card-setting.d.ts +3 -0
- package/dist/vue/ds-card-setting.js +16 -0
- package/dist/vue/ds-chart-legend.d.ts +3 -0
- package/dist/vue/ds-chart-legend.js +19 -0
- package/dist/vue/ds-chart.d.ts +3 -0
- package/dist/vue/ds-chart.js +17 -0
- package/dist/vue/ds-checkbox.d.ts +3 -0
- package/dist/vue/ds-checkbox.js +22 -0
- package/dist/vue/ds-chip.d.ts +3 -0
- package/dist/vue/ds-chip.js +17 -0
- package/dist/vue/ds-code-block.d.ts +3 -0
- package/dist/vue/ds-code-block.js +10 -0
- package/dist/vue/ds-conversation-list-item.d.ts +3 -0
- package/dist/vue/ds-conversation-list-item.js +19 -0
- package/dist/vue/ds-conversation-list-section.d.ts +3 -0
- package/dist/vue/ds-conversation-list-section.js +9 -0
- package/dist/vue/ds-conversation-list.d.ts +3 -0
- package/dist/vue/ds-conversation-list.js +8 -0
- package/dist/vue/ds-divider.d.ts +3 -0
- package/dist/vue/ds-divider.js +12 -0
- package/dist/vue/ds-empty-state.d.ts +3 -0
- package/dist/vue/ds-empty-state.js +10 -0
- package/dist/vue/ds-field.d.ts +3 -0
- package/dist/vue/ds-field.js +12 -0
- package/dist/vue/ds-filter-menu.d.ts +3 -0
- package/dist/vue/ds-filter-menu.js +43 -0
- package/dist/vue/ds-icon.d.ts +3 -0
- package/dist/vue/ds-icon.js +11 -0
- package/dist/vue/ds-input.d.ts +3 -0
- package/dist/vue/ds-input.js +40 -0
- package/dist/vue/ds-loader.d.ts +3 -0
- package/dist/vue/ds-loader.js +10 -0
- package/dist/vue/ds-markdown.d.ts +3 -0
- package/dist/vue/ds-markdown.js +9 -0
- package/dist/vue/ds-menu.d.ts +3 -0
- package/dist/vue/ds-menu.js +34 -0
- package/dist/vue/ds-message-actions.d.ts +3 -0
- package/dist/vue/ds-message-actions.js +15 -0
- package/dist/vue/ds-message-bubble.d.ts +3 -0
- package/dist/vue/ds-message-bubble.js +8 -0
- package/dist/vue/ds-message-composer.d.ts +3 -0
- package/dist/vue/ds-message-composer.js +21 -0
- package/dist/vue/ds-message-scroller.d.ts +3 -0
- package/dist/vue/ds-message-scroller.js +14 -0
- package/dist/vue/ds-message.d.ts +3 -0
- package/dist/vue/ds-message.js +17 -0
- package/dist/vue/ds-mobile-bar-nav.d.ts +3 -0
- package/dist/vue/ds-mobile-bar-nav.js +25 -0
- package/dist/vue/ds-mobile-header.d.ts +3 -0
- package/dist/vue/ds-mobile-header.js +23 -0
- package/dist/vue/ds-mobile-section-switcher.d.ts +3 -0
- package/dist/vue/ds-mobile-section-switcher.js +13 -0
- package/dist/vue/ds-mobile-sheet-nav.d.ts +3 -0
- package/dist/vue/ds-mobile-sheet-nav.js +26 -0
- package/dist/vue/ds-modal.d.ts +3 -0
- package/dist/vue/ds-modal.js +18 -0
- package/dist/vue/ds-pagination.d.ts +3 -0
- package/dist/vue/ds-pagination.js +25 -0
- package/dist/vue/ds-panel-nav.d.ts +3 -0
- package/dist/vue/ds-panel-nav.js +40 -0
- package/dist/vue/ds-panel-sub-nav.d.ts +3 -0
- package/dist/vue/ds-panel-sub-nav.js +15 -0
- package/dist/vue/ds-panel-tool-header.d.ts +3 -0
- package/dist/vue/ds-panel-tool-header.js +24 -0
- package/dist/vue/ds-panel-tool-search.d.ts +3 -0
- package/dist/vue/ds-panel-tool-search.js +25 -0
- package/dist/vue/ds-panel-tools.d.ts +3 -0
- package/dist/vue/ds-panel-tools.js +29 -0
- package/dist/vue/ds-paper-texture.d.ts +3 -0
- package/dist/vue/ds-paper-texture.js +8 -0
- package/dist/vue/ds-radio.d.ts +3 -0
- package/dist/vue/ds-radio.js +22 -0
- package/dist/vue/ds-scroll-overlay.d.ts +3 -0
- package/dist/vue/ds-scroll-overlay.js +11 -0
- package/dist/vue/ds-select.d.ts +3 -0
- package/dist/vue/ds-select.js +57 -0
- package/dist/vue/ds-shell-app.d.ts +3 -0
- package/dist/vue/ds-shell-app.js +46 -0
- package/dist/vue/ds-shell-page.d.ts +3 -0
- package/dist/vue/ds-shell-page.js +16 -0
- package/dist/vue/ds-shell-tools.d.ts +3 -0
- package/dist/vue/ds-shell-tools.js +28 -0
- package/dist/vue/ds-skeleton.d.ts +3 -0
- package/dist/vue/ds-skeleton.js +15 -0
- package/dist/vue/ds-slider.d.ts +3 -0
- package/dist/vue/ds-slider.js +40 -0
- package/dist/vue/ds-swatch-picker.d.ts +3 -0
- package/dist/vue/ds-swatch-picker.js +14 -0
- package/dist/vue/ds-switch.d.ts +3 -0
- package/dist/vue/ds-switch.js +22 -0
- package/dist/vue/ds-tab-group.d.ts +3 -0
- package/dist/vue/ds-tab-group.js +17 -0
- package/dist/vue/ds-table-saved-views.d.ts +3 -0
- package/dist/vue/ds-table-saved-views.js +28 -0
- package/dist/vue/ds-table-toolbar.d.ts +3 -0
- package/dist/vue/ds-table-toolbar.js +8 -0
- package/dist/vue/ds-table.d.ts +3 -0
- package/dist/vue/ds-table.js +86 -0
- package/dist/vue/ds-tag.d.ts +3 -0
- package/dist/vue/ds-tag.js +23 -0
- package/dist/vue/ds-text.d.ts +3 -0
- package/dist/vue/ds-text.js +20 -0
- package/dist/vue/ds-toast.d.ts +3 -0
- package/dist/vue/ds-toast.js +21 -0
- package/dist/vue/ds-tooltip-chart.d.ts +3 -0
- package/dist/vue/ds-tooltip-chart.js +14 -0
- package/dist/vue/ds-tooltip.d.ts +3 -0
- package/dist/vue/ds-tooltip.js +18 -0
- package/dist/vue/ds-typing-indicator.d.ts +3 -0
- package/dist/vue/ds-typing-indicator.js +8 -0
- package/dist/vue/vue-runtime.d.ts +32 -0
- package/dist/vue/vue-runtime.js +218 -0
- package/package.json +14 -2
|
@@ -209,6 +209,7 @@
|
|
|
209
209
|
"exports": {
|
|
210
210
|
"customElement": "ds-chart",
|
|
211
211
|
"react": "DsChart",
|
|
212
|
+
"vue": "DsChart",
|
|
212
213
|
"angular": "DsChart"
|
|
213
214
|
},
|
|
214
215
|
"consumption": {
|
|
@@ -222,6 +223,10 @@
|
|
|
222
223
|
"import": "import { DsChart } from '@ds-mo/ui/react';",
|
|
223
224
|
"example": "<DsChart />"
|
|
224
225
|
},
|
|
226
|
+
"vue": {
|
|
227
|
+
"import": "import { DsChart } from '@ds-mo/ui/vue';",
|
|
228
|
+
"example": "<DsChart />"
|
|
229
|
+
},
|
|
225
230
|
"angular": {
|
|
226
231
|
"import": "import { DsChart } from '@ds-mo/ui/angular/ds-chart';",
|
|
227
232
|
"example": "<ds-chart></ds-chart>"
|
|
@@ -232,7 +237,7 @@
|
|
|
232
237
|
"@ds-mo/tokens ^6.5.0",
|
|
233
238
|
"@ds-mo/icons ^7.0.0"
|
|
234
239
|
],
|
|
235
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
240
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
236
241
|
}
|
|
237
242
|
}
|
|
238
243
|
},
|
|
@@ -72,6 +72,9 @@
|
|
|
72
72
|
"react": [
|
|
73
73
|
"Use DsCheckbox and handle onDsChange; checked and indeterminate are mutable and update after user activation."
|
|
74
74
|
],
|
|
75
|
+
"vue": [
|
|
76
|
+
"Use DsCheckbox with v-model for checked, bind indeterminate as a property, and listen for dsChange."
|
|
77
|
+
],
|
|
75
78
|
"angular": [
|
|
76
79
|
"Use DsCheckbox with checked binding and dsChange, or the generated boolean value accessor in Angular forms."
|
|
77
80
|
]
|
|
@@ -330,6 +333,7 @@
|
|
|
330
333
|
"exports": {
|
|
331
334
|
"customElement": "ds-checkbox",
|
|
332
335
|
"react": "DsCheckbox",
|
|
336
|
+
"vue": "DsCheckbox",
|
|
333
337
|
"angular": "DsCheckbox"
|
|
334
338
|
},
|
|
335
339
|
"consumption": {
|
|
@@ -343,6 +347,10 @@
|
|
|
343
347
|
"import": "import { DsCheckbox } from '@ds-mo/ui/react';",
|
|
344
348
|
"example": "<DsCheckbox />"
|
|
345
349
|
},
|
|
350
|
+
"vue": {
|
|
351
|
+
"import": "import { DsCheckbox } from '@ds-mo/ui/vue';",
|
|
352
|
+
"example": "<DsCheckbox />"
|
|
353
|
+
},
|
|
346
354
|
"angular": {
|
|
347
355
|
"import": "import { DsCheckbox } from '@ds-mo/ui/angular/ds-checkbox';",
|
|
348
356
|
"example": "<ds-checkbox></ds-checkbox>"
|
|
@@ -352,7 +360,7 @@
|
|
|
352
360
|
"@ds-mo/tokens ^6.5.0",
|
|
353
361
|
"@ds-mo/icons ^7.0.0"
|
|
354
362
|
],
|
|
355
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
363
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
356
364
|
}
|
|
357
365
|
}
|
|
358
366
|
},
|
|
@@ -226,6 +226,7 @@
|
|
|
226
226
|
"exports": {
|
|
227
227
|
"customElement": "ds-chip",
|
|
228
228
|
"react": "DsChip",
|
|
229
|
+
"vue": "DsChip",
|
|
229
230
|
"angular": "DsChip"
|
|
230
231
|
},
|
|
231
232
|
"consumption": {
|
|
@@ -239,6 +240,10 @@
|
|
|
239
240
|
"import": "import { DsChip } from '@ds-mo/ui/react';",
|
|
240
241
|
"example": "<DsChip />"
|
|
241
242
|
},
|
|
243
|
+
"vue": {
|
|
244
|
+
"import": "import { DsChip } from '@ds-mo/ui/vue';",
|
|
245
|
+
"example": "<DsChip />"
|
|
246
|
+
},
|
|
242
247
|
"angular": {
|
|
243
248
|
"import": "import { DsChip } from '@ds-mo/ui/angular/ds-chip';",
|
|
244
249
|
"example": "<ds-chip></ds-chip>"
|
|
@@ -248,7 +253,7 @@
|
|
|
248
253
|
"@ds-mo/tokens ^6.5.0",
|
|
249
254
|
"@ds-mo/icons ^7.0.0"
|
|
250
255
|
],
|
|
251
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
256
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
252
257
|
}
|
|
253
258
|
}
|
|
254
259
|
},
|
|
@@ -109,6 +109,7 @@
|
|
|
109
109
|
"exports": {
|
|
110
110
|
"customElement": "ds-code-block",
|
|
111
111
|
"react": "DsCodeBlock",
|
|
112
|
+
"vue": "DsCodeBlock",
|
|
112
113
|
"angular": "DsCodeBlock"
|
|
113
114
|
},
|
|
114
115
|
"consumption": {
|
|
@@ -122,6 +123,10 @@
|
|
|
122
123
|
"import": "import { DsCodeBlock } from '@ds-mo/ui/react';",
|
|
123
124
|
"example": "<DsCodeBlock />"
|
|
124
125
|
},
|
|
126
|
+
"vue": {
|
|
127
|
+
"import": "import { DsCodeBlock } from '@ds-mo/ui/vue';",
|
|
128
|
+
"example": "<DsCodeBlock />"
|
|
129
|
+
},
|
|
125
130
|
"angular": {
|
|
126
131
|
"import": "import { DsCodeBlock } from '@ds-mo/ui/angular/ds-code-block';",
|
|
127
132
|
"example": "<ds-code-block></ds-code-block>"
|
|
@@ -131,7 +136,7 @@
|
|
|
131
136
|
"@ds-mo/tokens ^6.5.0",
|
|
132
137
|
"@ds-mo/icons ^7.0.0"
|
|
133
138
|
],
|
|
134
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
139
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
135
140
|
}
|
|
136
141
|
}
|
|
137
142
|
},
|
|
@@ -234,6 +234,7 @@
|
|
|
234
234
|
"exports": {
|
|
235
235
|
"customElement": "ds-conversation-list-item",
|
|
236
236
|
"react": "DsConversationListItem",
|
|
237
|
+
"vue": "DsConversationListItem",
|
|
237
238
|
"angular": "DsConversationListItem"
|
|
238
239
|
},
|
|
239
240
|
"consumption": {
|
|
@@ -247,6 +248,10 @@
|
|
|
247
248
|
"import": "import { DsConversationListItem } from '@ds-mo/ui/react';",
|
|
248
249
|
"example": "<DsConversationListItem />"
|
|
249
250
|
},
|
|
251
|
+
"vue": {
|
|
252
|
+
"import": "import { DsConversationListItem } from '@ds-mo/ui/vue';",
|
|
253
|
+
"example": "<DsConversationListItem />"
|
|
254
|
+
},
|
|
250
255
|
"angular": {
|
|
251
256
|
"import": "import { DsConversationListItem } from '@ds-mo/ui/angular/ds-conversation-list-item';",
|
|
252
257
|
"example": "<ds-conversation-list-item></ds-conversation-list-item>"
|
|
@@ -256,7 +261,7 @@
|
|
|
256
261
|
"@ds-mo/tokens ^6.5.0",
|
|
257
262
|
"@ds-mo/icons ^7.0.0"
|
|
258
263
|
],
|
|
259
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
264
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
260
265
|
}
|
|
261
266
|
}
|
|
262
267
|
},
|
|
@@ -91,6 +91,7 @@
|
|
|
91
91
|
"exports": {
|
|
92
92
|
"customElement": "ds-conversation-list-section",
|
|
93
93
|
"react": "DsConversationListSection",
|
|
94
|
+
"vue": "DsConversationListSection",
|
|
94
95
|
"angular": "DsConversationListSection"
|
|
95
96
|
},
|
|
96
97
|
"consumption": {
|
|
@@ -104,6 +105,10 @@
|
|
|
104
105
|
"import": "import { DsConversationListSection } from '@ds-mo/ui/react';",
|
|
105
106
|
"example": "<DsConversationListSection />"
|
|
106
107
|
},
|
|
108
|
+
"vue": {
|
|
109
|
+
"import": "import { DsConversationListSection } from '@ds-mo/ui/vue';",
|
|
110
|
+
"example": "<DsConversationListSection />"
|
|
111
|
+
},
|
|
107
112
|
"angular": {
|
|
108
113
|
"import": "import { DsConversationListSection } from '@ds-mo/ui/angular/ds-conversation-list-section';",
|
|
109
114
|
"example": "<ds-conversation-list-section></ds-conversation-list-section>"
|
|
@@ -113,7 +118,7 @@
|
|
|
113
118
|
"@ds-mo/tokens ^6.5.0",
|
|
114
119
|
"@ds-mo/icons ^7.0.0"
|
|
115
120
|
],
|
|
116
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
121
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
117
122
|
}
|
|
118
123
|
}
|
|
119
124
|
},
|
|
@@ -83,6 +83,7 @@
|
|
|
83
83
|
"exports": {
|
|
84
84
|
"customElement": "ds-conversation-list",
|
|
85
85
|
"react": "DsConversationList",
|
|
86
|
+
"vue": "DsConversationList",
|
|
86
87
|
"angular": "DsConversationList"
|
|
87
88
|
},
|
|
88
89
|
"consumption": {
|
|
@@ -96,6 +97,10 @@
|
|
|
96
97
|
"import": "import { DsConversationList } from '@ds-mo/ui/react';",
|
|
97
98
|
"example": "<DsConversationList />"
|
|
98
99
|
},
|
|
100
|
+
"vue": {
|
|
101
|
+
"import": "import { DsConversationList } from '@ds-mo/ui/vue';",
|
|
102
|
+
"example": "<DsConversationList />"
|
|
103
|
+
},
|
|
99
104
|
"angular": {
|
|
100
105
|
"import": "import { DsConversationList } from '@ds-mo/ui/angular/ds-conversation-list';",
|
|
101
106
|
"example": "<ds-conversation-list></ds-conversation-list>"
|
|
@@ -105,7 +110,7 @@
|
|
|
105
110
|
"@ds-mo/tokens ^6.5.0",
|
|
106
111
|
"@ds-mo/icons ^7.0.0"
|
|
107
112
|
],
|
|
108
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
113
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
109
114
|
}
|
|
110
115
|
}
|
|
111
116
|
},
|
|
@@ -179,6 +179,7 @@
|
|
|
179
179
|
"exports": {
|
|
180
180
|
"customElement": "ds-divider",
|
|
181
181
|
"react": "DsDivider",
|
|
182
|
+
"vue": "DsDivider",
|
|
182
183
|
"angular": "DsDivider"
|
|
183
184
|
},
|
|
184
185
|
"consumption": {
|
|
@@ -192,6 +193,10 @@
|
|
|
192
193
|
"import": "import { DsDivider } from '@ds-mo/ui/react';",
|
|
193
194
|
"example": "<DsDivider />"
|
|
194
195
|
},
|
|
196
|
+
"vue": {
|
|
197
|
+
"import": "import { DsDivider } from '@ds-mo/ui/vue';",
|
|
198
|
+
"example": "<DsDivider />"
|
|
199
|
+
},
|
|
195
200
|
"angular": {
|
|
196
201
|
"import": "import { DsDivider } from '@ds-mo/ui/angular/ds-divider';",
|
|
197
202
|
"example": "<ds-divider></ds-divider>"
|
|
@@ -201,7 +206,7 @@
|
|
|
201
206
|
"@ds-mo/tokens ^6.5.0",
|
|
202
207
|
"@ds-mo/icons ^7.0.0"
|
|
203
208
|
],
|
|
204
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
209
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
205
210
|
}
|
|
206
211
|
}
|
|
207
212
|
},
|
|
@@ -152,6 +152,7 @@
|
|
|
152
152
|
"exports": {
|
|
153
153
|
"customElement": "ds-empty-state",
|
|
154
154
|
"react": "DsEmptyState",
|
|
155
|
+
"vue": "DsEmptyState",
|
|
155
156
|
"angular": "DsEmptyState"
|
|
156
157
|
},
|
|
157
158
|
"consumption": {
|
|
@@ -165,6 +166,10 @@
|
|
|
165
166
|
"import": "import { DsEmptyState } from '@ds-mo/ui/react';",
|
|
166
167
|
"example": "<DsEmptyState />"
|
|
167
168
|
},
|
|
169
|
+
"vue": {
|
|
170
|
+
"import": "import { DsEmptyState } from '@ds-mo/ui/vue';",
|
|
171
|
+
"example": "<DsEmptyState />"
|
|
172
|
+
},
|
|
168
173
|
"angular": {
|
|
169
174
|
"import": "import { DsEmptyState } from '@ds-mo/ui/angular/ds-empty-state';",
|
|
170
175
|
"example": "<ds-empty-state></ds-empty-state>"
|
|
@@ -174,7 +179,7 @@
|
|
|
174
179
|
"@ds-mo/tokens ^6.5.0",
|
|
175
180
|
"@ds-mo/icons ^7.0.0"
|
|
176
181
|
],
|
|
177
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
182
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
178
183
|
}
|
|
179
184
|
}
|
|
180
185
|
},
|
|
@@ -174,6 +174,7 @@
|
|
|
174
174
|
"exports": {
|
|
175
175
|
"customElement": "ds-field",
|
|
176
176
|
"react": "DsField",
|
|
177
|
+
"vue": "DsField",
|
|
177
178
|
"angular": "DsField"
|
|
178
179
|
},
|
|
179
180
|
"consumption": {
|
|
@@ -187,6 +188,10 @@
|
|
|
187
188
|
"import": "import { DsField } from '@ds-mo/ui/react';",
|
|
188
189
|
"example": "<DsField />"
|
|
189
190
|
},
|
|
191
|
+
"vue": {
|
|
192
|
+
"import": "import { DsField } from '@ds-mo/ui/vue';",
|
|
193
|
+
"example": "<DsField />"
|
|
194
|
+
},
|
|
190
195
|
"angular": {
|
|
191
196
|
"import": "import { DsField } from '@ds-mo/ui/angular/ds-field';",
|
|
192
197
|
"example": "<ds-field></ds-field>"
|
|
@@ -196,7 +201,7 @@
|
|
|
196
201
|
"@ds-mo/tokens ^6.5.0",
|
|
197
202
|
"@ds-mo/icons ^7.0.0"
|
|
198
203
|
],
|
|
199
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
204
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
200
205
|
}
|
|
201
206
|
}
|
|
202
207
|
},
|
|
@@ -589,6 +589,7 @@
|
|
|
589
589
|
"exports": {
|
|
590
590
|
"customElement": "ds-filter-menu",
|
|
591
591
|
"react": "DsFilterMenu",
|
|
592
|
+
"vue": "DsFilterMenu",
|
|
592
593
|
"angular": "DsFilterMenu"
|
|
593
594
|
},
|
|
594
595
|
"consumption": {
|
|
@@ -602,6 +603,10 @@
|
|
|
602
603
|
"import": "import { DsFilterMenu } from '@ds-mo/ui/react';",
|
|
603
604
|
"example": "<DsFilterMenu />"
|
|
604
605
|
},
|
|
606
|
+
"vue": {
|
|
607
|
+
"import": "import { DsFilterMenu } from '@ds-mo/ui/vue';",
|
|
608
|
+
"example": "<DsFilterMenu />"
|
|
609
|
+
},
|
|
605
610
|
"angular": {
|
|
606
611
|
"import": "import { DsFilterMenu } from '@ds-mo/ui/angular/ds-filter-menu';",
|
|
607
612
|
"example": "<ds-filter-menu></ds-filter-menu>"
|
|
@@ -612,7 +617,7 @@
|
|
|
612
617
|
"@ds-mo/tokens ^6.5.0",
|
|
613
618
|
"@ds-mo/icons ^7.0.0"
|
|
614
619
|
],
|
|
615
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
620
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
616
621
|
}
|
|
617
622
|
}
|
|
618
623
|
},
|
|
@@ -175,6 +175,7 @@
|
|
|
175
175
|
"exports": {
|
|
176
176
|
"customElement": "ds-icon",
|
|
177
177
|
"react": "DsIcon",
|
|
178
|
+
"vue": "DsIcon",
|
|
178
179
|
"angular": "DsIcon"
|
|
179
180
|
},
|
|
180
181
|
"consumption": {
|
|
@@ -188,6 +189,10 @@
|
|
|
188
189
|
"import": "import { DsIcon } from '@ds-mo/ui/react';",
|
|
189
190
|
"example": "<DsIcon />"
|
|
190
191
|
},
|
|
192
|
+
"vue": {
|
|
193
|
+
"import": "import { DsIcon } from '@ds-mo/ui/vue';",
|
|
194
|
+
"example": "<DsIcon />"
|
|
195
|
+
},
|
|
191
196
|
"angular": {
|
|
192
197
|
"import": "import { DsIcon } from '@ds-mo/ui/angular/ds-icon';",
|
|
193
198
|
"example": "<ds-icon></ds-icon>"
|
|
@@ -197,7 +202,7 @@
|
|
|
197
202
|
"@ds-mo/tokens ^6.5.0",
|
|
198
203
|
"@ds-mo/icons ^7.0.0"
|
|
199
204
|
],
|
|
200
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
205
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
201
206
|
}
|
|
202
207
|
}
|
|
203
208
|
},
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
"summary": "Form-associated single-line text and number field for primary and secondary application backgrounds, with native input behavior, four control densities, optional leading and trailing content, search clearing, and validation.",
|
|
17
17
|
"useWhen": [
|
|
18
18
|
"A user must enter or edit one line of text, an email address, telephone number, URL, search query, password, or exact number.",
|
|
19
|
-
"The value must participate in native, Angular, or
|
|
19
|
+
"The value must participate in native, Angular, React, or Vue form state.",
|
|
20
20
|
"A compact filter or toolbar needs a single-line search field that follows the shared control-density recipe."
|
|
21
21
|
],
|
|
22
22
|
"avoidWhen": [
|
|
@@ -78,6 +78,9 @@
|
|
|
78
78
|
"react": [
|
|
79
79
|
"Use DsInput, bind value for controlled application state, and handle onDsChange and onDsClear."
|
|
80
80
|
],
|
|
81
|
+
"vue": [
|
|
82
|
+
"Use DsInput with v-model for the value, and listen for dsChange and dsClear."
|
|
83
|
+
],
|
|
81
84
|
"angular": [
|
|
82
85
|
"Import DsInput with TextValueAccessor when integrating with Angular Forms."
|
|
83
86
|
]
|
|
@@ -596,6 +599,7 @@
|
|
|
596
599
|
"exports": {
|
|
597
600
|
"customElement": "ds-input",
|
|
598
601
|
"react": "DsInput",
|
|
602
|
+
"vue": "DsInput",
|
|
599
603
|
"angular": "DsInput"
|
|
600
604
|
},
|
|
601
605
|
"consumption": {
|
|
@@ -609,6 +613,10 @@
|
|
|
609
613
|
"import": "import { DsInput } from '@ds-mo/ui/react';",
|
|
610
614
|
"example": "<DsInput />"
|
|
611
615
|
},
|
|
616
|
+
"vue": {
|
|
617
|
+
"import": "import { DsInput } from '@ds-mo/ui/vue';",
|
|
618
|
+
"example": "<DsInput />"
|
|
619
|
+
},
|
|
612
620
|
"angular": {
|
|
613
621
|
"import": "import { DsInput } from '@ds-mo/ui/angular/ds-input';",
|
|
614
622
|
"example": "<ds-input></ds-input>"
|
|
@@ -618,7 +626,7 @@
|
|
|
618
626
|
"@ds-mo/tokens ^6.5.0",
|
|
619
627
|
"@ds-mo/icons ^7.0.0"
|
|
620
628
|
],
|
|
621
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
629
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
622
630
|
}
|
|
623
631
|
}
|
|
624
632
|
},
|
|
@@ -146,6 +146,7 @@
|
|
|
146
146
|
"exports": {
|
|
147
147
|
"customElement": "ds-loader",
|
|
148
148
|
"react": "DsLoader",
|
|
149
|
+
"vue": "DsLoader",
|
|
149
150
|
"angular": "DsLoader"
|
|
150
151
|
},
|
|
151
152
|
"consumption": {
|
|
@@ -159,6 +160,10 @@
|
|
|
159
160
|
"import": "import { DsLoader } from '@ds-mo/ui/react';",
|
|
160
161
|
"example": "<DsLoader />"
|
|
161
162
|
},
|
|
163
|
+
"vue": {
|
|
164
|
+
"import": "import { DsLoader } from '@ds-mo/ui/vue';",
|
|
165
|
+
"example": "<DsLoader />"
|
|
166
|
+
},
|
|
162
167
|
"angular": {
|
|
163
168
|
"import": "import { DsLoader } from '@ds-mo/ui/angular/ds-loader';",
|
|
164
169
|
"example": "<ds-loader></ds-loader>"
|
|
@@ -168,7 +173,7 @@
|
|
|
168
173
|
"@ds-mo/tokens ^6.5.0",
|
|
169
174
|
"@ds-mo/icons ^7.0.0"
|
|
170
175
|
],
|
|
171
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
176
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
172
177
|
}
|
|
173
178
|
}
|
|
174
179
|
},
|
|
@@ -98,6 +98,7 @@
|
|
|
98
98
|
"exports": {
|
|
99
99
|
"customElement": "ds-markdown",
|
|
100
100
|
"react": "DsMarkdown",
|
|
101
|
+
"vue": "DsMarkdown",
|
|
101
102
|
"angular": "DsMarkdown"
|
|
102
103
|
},
|
|
103
104
|
"consumption": {
|
|
@@ -111,6 +112,10 @@
|
|
|
111
112
|
"import": "import { DsMarkdown } from '@ds-mo/ui/react';",
|
|
112
113
|
"example": "<DsMarkdown />"
|
|
113
114
|
},
|
|
115
|
+
"vue": {
|
|
116
|
+
"import": "import { DsMarkdown } from '@ds-mo/ui/vue';",
|
|
117
|
+
"example": "<DsMarkdown />"
|
|
118
|
+
},
|
|
114
119
|
"angular": {
|
|
115
120
|
"import": "import { DsMarkdown } from '@ds-mo/ui/angular/ds-markdown';",
|
|
116
121
|
"example": "<ds-markdown></ds-markdown>"
|
|
@@ -120,7 +125,7 @@
|
|
|
120
125
|
"@ds-mo/tokens ^6.5.0",
|
|
121
126
|
"@ds-mo/icons ^7.0.0"
|
|
122
127
|
],
|
|
123
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
128
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
124
129
|
}
|
|
125
130
|
}
|
|
126
131
|
},
|
|
@@ -456,6 +456,7 @@
|
|
|
456
456
|
"exports": {
|
|
457
457
|
"customElement": "ds-menu",
|
|
458
458
|
"react": "DsMenu",
|
|
459
|
+
"vue": "DsMenu",
|
|
459
460
|
"angular": "DsMenu"
|
|
460
461
|
},
|
|
461
462
|
"consumption": {
|
|
@@ -469,6 +470,10 @@
|
|
|
469
470
|
"import": "import { DsMenu } from '@ds-mo/ui/react';",
|
|
470
471
|
"example": "<DsMenu />"
|
|
471
472
|
},
|
|
473
|
+
"vue": {
|
|
474
|
+
"import": "import { DsMenu } from '@ds-mo/ui/vue';",
|
|
475
|
+
"example": "<DsMenu />"
|
|
476
|
+
},
|
|
472
477
|
"angular": {
|
|
473
478
|
"import": "import { DsMenu } from '@ds-mo/ui/angular/ds-menu';",
|
|
474
479
|
"example": "<ds-menu></ds-menu>"
|
|
@@ -479,7 +484,7 @@
|
|
|
479
484
|
"@ds-mo/tokens ^6.5.0",
|
|
480
485
|
"@ds-mo/icons ^7.0.0"
|
|
481
486
|
],
|
|
482
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
487
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
483
488
|
}
|
|
484
489
|
}
|
|
485
490
|
},
|
|
@@ -138,6 +138,7 @@
|
|
|
138
138
|
"exports": {
|
|
139
139
|
"customElement": "ds-message-actions",
|
|
140
140
|
"react": "DsMessageActions",
|
|
141
|
+
"vue": "DsMessageActions",
|
|
141
142
|
"angular": "DsMessageActions"
|
|
142
143
|
},
|
|
143
144
|
"consumption": {
|
|
@@ -151,6 +152,10 @@
|
|
|
151
152
|
"import": "import { DsMessageActions } from '@ds-mo/ui/react';",
|
|
152
153
|
"example": "<DsMessageActions />"
|
|
153
154
|
},
|
|
155
|
+
"vue": {
|
|
156
|
+
"import": "import { DsMessageActions } from '@ds-mo/ui/vue';",
|
|
157
|
+
"example": "<DsMessageActions />"
|
|
158
|
+
},
|
|
154
159
|
"angular": {
|
|
155
160
|
"import": "import { DsMessageActions } from '@ds-mo/ui/angular/ds-message-actions';",
|
|
156
161
|
"example": "<ds-message-actions></ds-message-actions>"
|
|
@@ -160,7 +165,7 @@
|
|
|
160
165
|
"@ds-mo/tokens ^6.5.0",
|
|
161
166
|
"@ds-mo/icons ^7.0.0"
|
|
162
167
|
],
|
|
163
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
168
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
164
169
|
}
|
|
165
170
|
}
|
|
166
171
|
},
|
|
@@ -78,6 +78,7 @@
|
|
|
78
78
|
"exports": {
|
|
79
79
|
"customElement": "ds-message-bubble",
|
|
80
80
|
"react": "DsMessageBubble",
|
|
81
|
+
"vue": "DsMessageBubble",
|
|
81
82
|
"angular": "DsMessageBubble"
|
|
82
83
|
},
|
|
83
84
|
"consumption": {
|
|
@@ -91,6 +92,10 @@
|
|
|
91
92
|
"import": "import { DsMessageBubble } from '@ds-mo/ui/react';",
|
|
92
93
|
"example": "<DsMessageBubble />"
|
|
93
94
|
},
|
|
95
|
+
"vue": {
|
|
96
|
+
"import": "import { DsMessageBubble } from '@ds-mo/ui/vue';",
|
|
97
|
+
"example": "<DsMessageBubble />"
|
|
98
|
+
},
|
|
94
99
|
"angular": {
|
|
95
100
|
"import": "import { DsMessageBubble } from '@ds-mo/ui/angular/ds-message-bubble';",
|
|
96
101
|
"example": "<ds-message-bubble></ds-message-bubble>"
|
|
@@ -100,7 +105,7 @@
|
|
|
100
105
|
"@ds-mo/tokens ^6.5.0",
|
|
101
106
|
"@ds-mo/icons ^7.0.0"
|
|
102
107
|
],
|
|
103
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
108
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
104
109
|
}
|
|
105
110
|
}
|
|
106
111
|
},
|
|
@@ -238,6 +238,7 @@
|
|
|
238
238
|
"exports": {
|
|
239
239
|
"customElement": "ds-message-composer",
|
|
240
240
|
"react": "DsMessageComposer",
|
|
241
|
+
"vue": "DsMessageComposer",
|
|
241
242
|
"angular": "DsMessageComposer"
|
|
242
243
|
},
|
|
243
244
|
"consumption": {
|
|
@@ -251,6 +252,10 @@
|
|
|
251
252
|
"import": "import { DsMessageComposer } from '@ds-mo/ui/react';",
|
|
252
253
|
"example": "<DsMessageComposer />"
|
|
253
254
|
},
|
|
255
|
+
"vue": {
|
|
256
|
+
"import": "import { DsMessageComposer } from '@ds-mo/ui/vue';",
|
|
257
|
+
"example": "<DsMessageComposer />"
|
|
258
|
+
},
|
|
254
259
|
"angular": {
|
|
255
260
|
"import": "import { DsMessageComposer } from '@ds-mo/ui/angular/ds-message-composer';",
|
|
256
261
|
"example": "<ds-message-composer></ds-message-composer>"
|
|
@@ -260,7 +265,7 @@
|
|
|
260
265
|
"@ds-mo/tokens ^6.5.0",
|
|
261
266
|
"@ds-mo/icons ^7.0.0"
|
|
262
267
|
],
|
|
263
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
268
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
264
269
|
}
|
|
265
270
|
}
|
|
266
271
|
},
|
|
@@ -175,6 +175,7 @@
|
|
|
175
175
|
"exports": {
|
|
176
176
|
"customElement": "ds-message-scroller",
|
|
177
177
|
"react": "DsMessageScroller",
|
|
178
|
+
"vue": "DsMessageScroller",
|
|
178
179
|
"angular": "DsMessageScroller"
|
|
179
180
|
},
|
|
180
181
|
"consumption": {
|
|
@@ -188,6 +189,10 @@
|
|
|
188
189
|
"import": "import { DsMessageScroller } from '@ds-mo/ui/react';",
|
|
189
190
|
"example": "<DsMessageScroller />"
|
|
190
191
|
},
|
|
192
|
+
"vue": {
|
|
193
|
+
"import": "import { DsMessageScroller } from '@ds-mo/ui/vue';",
|
|
194
|
+
"example": "<DsMessageScroller />"
|
|
195
|
+
},
|
|
191
196
|
"angular": {
|
|
192
197
|
"import": "import { DsMessageScroller } from '@ds-mo/ui/angular/ds-message-scroller';",
|
|
193
198
|
"example": "<ds-message-scroller></ds-message-scroller>"
|
|
@@ -197,7 +202,7 @@
|
|
|
197
202
|
"@ds-mo/tokens ^6.5.0",
|
|
198
203
|
"@ds-mo/icons ^7.0.0"
|
|
199
204
|
],
|
|
200
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
205
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
201
206
|
}
|
|
202
207
|
}
|
|
203
208
|
},
|
|
@@ -230,6 +230,7 @@
|
|
|
230
230
|
"exports": {
|
|
231
231
|
"customElement": "ds-message",
|
|
232
232
|
"react": "DsMessage",
|
|
233
|
+
"vue": "DsMessage",
|
|
233
234
|
"angular": "DsMessage"
|
|
234
235
|
},
|
|
235
236
|
"consumption": {
|
|
@@ -243,6 +244,10 @@
|
|
|
243
244
|
"import": "import { DsMessage } from '@ds-mo/ui/react';",
|
|
244
245
|
"example": "<DsMessage />"
|
|
245
246
|
},
|
|
247
|
+
"vue": {
|
|
248
|
+
"import": "import { DsMessage } from '@ds-mo/ui/vue';",
|
|
249
|
+
"example": "<DsMessage />"
|
|
250
|
+
},
|
|
246
251
|
"angular": {
|
|
247
252
|
"import": "import { DsMessage } from '@ds-mo/ui/angular/ds-message';",
|
|
248
253
|
"example": "<ds-message></ds-message>"
|
|
@@ -252,7 +257,7 @@
|
|
|
252
257
|
"@ds-mo/tokens ^6.5.0",
|
|
253
258
|
"@ds-mo/icons ^7.0.0"
|
|
254
259
|
],
|
|
255
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
260
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
256
261
|
}
|
|
257
262
|
}
|
|
258
263
|
},
|
|
@@ -311,6 +311,7 @@
|
|
|
311
311
|
"exports": {
|
|
312
312
|
"customElement": "ds-mobile-bar-nav",
|
|
313
313
|
"react": "DsMobileBarNav",
|
|
314
|
+
"vue": "DsMobileBarNav",
|
|
314
315
|
"angular": "DsMobileBarNav"
|
|
315
316
|
},
|
|
316
317
|
"consumption": {
|
|
@@ -324,6 +325,10 @@
|
|
|
324
325
|
"import": "import { DsMobileBarNav } from '@ds-mo/ui/react';",
|
|
325
326
|
"example": "<DsMobileBarNav />"
|
|
326
327
|
},
|
|
328
|
+
"vue": {
|
|
329
|
+
"import": "import { DsMobileBarNav } from '@ds-mo/ui/vue';",
|
|
330
|
+
"example": "<DsMobileBarNav />"
|
|
331
|
+
},
|
|
327
332
|
"angular": {
|
|
328
333
|
"import": "import { DsMobileBarNav } from '@ds-mo/ui/angular/ds-mobile-bar-nav';",
|
|
329
334
|
"example": "<ds-mobile-bar-nav></ds-mobile-bar-nav>"
|
|
@@ -334,7 +339,7 @@
|
|
|
334
339
|
"@ds-mo/tokens ^6.5.0",
|
|
335
340
|
"@ds-mo/icons ^7.0.0"
|
|
336
341
|
],
|
|
337
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
342
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
338
343
|
}
|
|
339
344
|
}
|
|
340
345
|
},
|