@ds-mo/ui 14.13.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 +107 -6
- package/dist/angular/ds-input.d.ts +1 -1
- package/dist/angular/ds-input.js +3 -3
- package/dist/components/ds-input.js +1 -1
- package/dist/components/ds-paper-texture.js +1 -1
- package/dist/components/ds-shell-app.js +1 -1
- package/dist/components/ds-table-saved-views.js +1 -1
- package/dist/components/{p-DIEx1e0M.js → p-B80NfEqc.js} +2 -2
- package/dist/components/p-B80NfEqc.js.map +1 -0
- package/dist/components/{p-iBuPFJL9.js → p-CKY989vF.js} +2 -2
- package/dist/components/p-CKY989vF.js.map +1 -0
- package/dist/docs/components.json +86 -4
- 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 +65 -8
- 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 +7 -2
- package/dist/mcp-data/registry/radio.json +9 -1
- package/dist/mcp-data/registry/registry.json +108 -7
- 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/types/components/Input/Input.d.ts +7 -1
- package/dist/types/components/PaperTexture/PaperTexture.d.ts +1 -0
- package/dist/types/components.d.ts +27 -0
- 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
- package/dist/components/p-DIEx1e0M.js.map +0 -1
- package/dist/components/p-iBuPFJL9.js.map +0 -1
|
@@ -189,6 +189,7 @@
|
|
|
189
189
|
"exports": {
|
|
190
190
|
"customElement": "ds-bar-action",
|
|
191
191
|
"react": "DsBarAction",
|
|
192
|
+
"vue": "DsBarAction",
|
|
192
193
|
"angular": "DsBarAction"
|
|
193
194
|
},
|
|
194
195
|
"consumption": {
|
|
@@ -202,6 +203,10 @@
|
|
|
202
203
|
"import": "import { DsBarAction } from '@ds-mo/ui/react';",
|
|
203
204
|
"example": "<DsBarAction />"
|
|
204
205
|
},
|
|
206
|
+
"vue": {
|
|
207
|
+
"import": "import { DsBarAction } from '@ds-mo/ui/vue';",
|
|
208
|
+
"example": "<DsBarAction />"
|
|
209
|
+
},
|
|
205
210
|
"angular": {
|
|
206
211
|
"import": "import { DsBarAction } from '@ds-mo/ui/angular/ds-bar-action';",
|
|
207
212
|
"example": "<ds-bar-action></ds-bar-action>"
|
|
@@ -211,7 +216,7 @@
|
|
|
211
216
|
"@ds-mo/tokens ^6.5.0",
|
|
212
217
|
"@ds-mo/icons ^7.0.0"
|
|
213
218
|
],
|
|
214
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
219
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
215
220
|
}
|
|
216
221
|
}
|
|
217
222
|
},
|
|
@@ -256,6 +256,7 @@
|
|
|
256
256
|
"exports": {
|
|
257
257
|
"customElement": "ds-bar-nav",
|
|
258
258
|
"react": "DsBarNav",
|
|
259
|
+
"vue": "DsBarNav",
|
|
259
260
|
"angular": "DsBarNav"
|
|
260
261
|
},
|
|
261
262
|
"consumption": {
|
|
@@ -269,6 +270,10 @@
|
|
|
269
270
|
"import": "import { DsBarNav } from '@ds-mo/ui/react';",
|
|
270
271
|
"example": "<DsBarNav />"
|
|
271
272
|
},
|
|
273
|
+
"vue": {
|
|
274
|
+
"import": "import { DsBarNav } from '@ds-mo/ui/vue';",
|
|
275
|
+
"example": "<DsBarNav />"
|
|
276
|
+
},
|
|
272
277
|
"angular": {
|
|
273
278
|
"import": "import { DsBarNav } from '@ds-mo/ui/angular/ds-bar-nav';",
|
|
274
279
|
"example": "<ds-bar-nav></ds-bar-nav>"
|
|
@@ -279,7 +284,7 @@
|
|
|
279
284
|
"@ds-mo/tokens ^6.5.0",
|
|
280
285
|
"@ds-mo/icons ^7.0.0"
|
|
281
286
|
],
|
|
282
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
287
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
283
288
|
}
|
|
284
289
|
}
|
|
285
290
|
},
|
|
@@ -465,6 +465,7 @@
|
|
|
465
465
|
"exports": {
|
|
466
466
|
"customElement": "ds-bar-title",
|
|
467
467
|
"react": "DsBarTitle",
|
|
468
|
+
"vue": "DsBarTitle",
|
|
468
469
|
"angular": "DsBarTitle"
|
|
469
470
|
},
|
|
470
471
|
"consumption": {
|
|
@@ -478,6 +479,10 @@
|
|
|
478
479
|
"import": "import { DsBarTitle } from '@ds-mo/ui/react';",
|
|
479
480
|
"example": "<DsBarTitle />"
|
|
480
481
|
},
|
|
482
|
+
"vue": {
|
|
483
|
+
"import": "import { DsBarTitle } from '@ds-mo/ui/vue';",
|
|
484
|
+
"example": "<DsBarTitle />"
|
|
485
|
+
},
|
|
481
486
|
"angular": {
|
|
482
487
|
"import": "import { DsBarTitle } from '@ds-mo/ui/angular/ds-bar-title';",
|
|
483
488
|
"example": "<ds-bar-title></ds-bar-title>"
|
|
@@ -488,7 +493,7 @@
|
|
|
488
493
|
"@ds-mo/tokens ^6.5.0",
|
|
489
494
|
"@ds-mo/icons ^7.0.0"
|
|
490
495
|
],
|
|
491
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
496
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
492
497
|
}
|
|
493
498
|
}
|
|
494
499
|
},
|
|
@@ -331,6 +331,7 @@
|
|
|
331
331
|
"exports": {
|
|
332
332
|
"customElement": "ds-bar-workflow",
|
|
333
333
|
"react": "DsBarWorkflow",
|
|
334
|
+
"vue": "DsBarWorkflow",
|
|
334
335
|
"angular": "DsBarWorkflow"
|
|
335
336
|
},
|
|
336
337
|
"consumption": {
|
|
@@ -344,6 +345,10 @@
|
|
|
344
345
|
"import": "import { DsBarWorkflow } from '@ds-mo/ui/react';",
|
|
345
346
|
"example": "<DsBarWorkflow />"
|
|
346
347
|
},
|
|
348
|
+
"vue": {
|
|
349
|
+
"import": "import { DsBarWorkflow } from '@ds-mo/ui/vue';",
|
|
350
|
+
"example": "<DsBarWorkflow />"
|
|
351
|
+
},
|
|
347
352
|
"angular": {
|
|
348
353
|
"import": "import { DsBarWorkflow } from '@ds-mo/ui/angular/ds-bar-workflow';",
|
|
349
354
|
"example": "<ds-bar-workflow></ds-bar-workflow>"
|
|
@@ -354,7 +359,7 @@
|
|
|
354
359
|
"@ds-mo/tokens ^6.5.0",
|
|
355
360
|
"@ds-mo/icons ^7.0.0"
|
|
356
361
|
],
|
|
357
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
362
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
358
363
|
}
|
|
359
364
|
}
|
|
360
365
|
},
|
|
@@ -151,6 +151,7 @@
|
|
|
151
151
|
"exports": {
|
|
152
152
|
"customElement": "ds-breadcrumb",
|
|
153
153
|
"react": "DsBreadcrumb",
|
|
154
|
+
"vue": "DsBreadcrumb",
|
|
154
155
|
"angular": "DsBreadcrumb"
|
|
155
156
|
},
|
|
156
157
|
"consumption": {
|
|
@@ -164,6 +165,10 @@
|
|
|
164
165
|
"import": "import { DsBreadcrumb } from '@ds-mo/ui/react';",
|
|
165
166
|
"example": "<DsBreadcrumb />"
|
|
166
167
|
},
|
|
168
|
+
"vue": {
|
|
169
|
+
"import": "import { DsBreadcrumb } from '@ds-mo/ui/vue';",
|
|
170
|
+
"example": "<DsBreadcrumb />"
|
|
171
|
+
},
|
|
167
172
|
"angular": {
|
|
168
173
|
"import": "import { DsBreadcrumb } from '@ds-mo/ui/angular/ds-breadcrumb';",
|
|
169
174
|
"example": "<ds-breadcrumb></ds-breadcrumb>"
|
|
@@ -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
|
},
|
|
@@ -509,6 +509,7 @@
|
|
|
509
509
|
"exports": {
|
|
510
510
|
"customElement": "ds-button-filled",
|
|
511
511
|
"react": "DsButtonFilled",
|
|
512
|
+
"vue": "DsButtonFilled",
|
|
512
513
|
"angular": "DsButtonFilled"
|
|
513
514
|
},
|
|
514
515
|
"consumption": {
|
|
@@ -522,6 +523,10 @@
|
|
|
522
523
|
"import": "import { DsButtonFilled } from '@ds-mo/ui/react';",
|
|
523
524
|
"example": "<DsButtonFilled />"
|
|
524
525
|
},
|
|
526
|
+
"vue": {
|
|
527
|
+
"import": "import { DsButtonFilled } from '@ds-mo/ui/vue';",
|
|
528
|
+
"example": "<DsButtonFilled />"
|
|
529
|
+
},
|
|
525
530
|
"angular": {
|
|
526
531
|
"import": "import { DsButtonFilled } from '@ds-mo/ui/angular/ds-button-filled';",
|
|
527
532
|
"example": "<ds-button-filled></ds-button-filled>"
|
|
@@ -531,7 +536,7 @@
|
|
|
531
536
|
"@ds-mo/tokens ^6.5.0",
|
|
532
537
|
"@ds-mo/icons ^7.0.0"
|
|
533
538
|
],
|
|
534
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
539
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
535
540
|
}
|
|
536
541
|
}
|
|
537
542
|
},
|
|
@@ -572,6 +572,7 @@
|
|
|
572
572
|
"exports": {
|
|
573
573
|
"customElement": "ds-button-unfilled",
|
|
574
574
|
"react": "DsButtonUnfilled",
|
|
575
|
+
"vue": "DsButtonUnfilled",
|
|
575
576
|
"angular": "DsButtonUnfilled"
|
|
576
577
|
},
|
|
577
578
|
"consumption": {
|
|
@@ -585,6 +586,10 @@
|
|
|
585
586
|
"import": "import { DsButtonUnfilled } from '@ds-mo/ui/react';",
|
|
586
587
|
"example": "<DsButtonUnfilled />"
|
|
587
588
|
},
|
|
589
|
+
"vue": {
|
|
590
|
+
"import": "import { DsButtonUnfilled } from '@ds-mo/ui/vue';",
|
|
591
|
+
"example": "<DsButtonUnfilled />"
|
|
592
|
+
},
|
|
588
593
|
"angular": {
|
|
589
594
|
"import": "import { DsButtonUnfilled } from '@ds-mo/ui/angular/ds-button-unfilled';",
|
|
590
595
|
"example": "<ds-button-unfilled></ds-button-unfilled>"
|
|
@@ -594,7 +599,7 @@
|
|
|
594
599
|
"@ds-mo/tokens ^6.5.0",
|
|
595
600
|
"@ds-mo/icons ^7.0.0"
|
|
596
601
|
],
|
|
597
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
602
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
598
603
|
}
|
|
599
604
|
}
|
|
600
605
|
},
|
|
@@ -189,6 +189,7 @@
|
|
|
189
189
|
"exports": {
|
|
190
190
|
"customElement": "ds-card-chart",
|
|
191
191
|
"react": "DsCardChart",
|
|
192
|
+
"vue": "DsCardChart",
|
|
192
193
|
"angular": "DsCardChart"
|
|
193
194
|
},
|
|
194
195
|
"consumption": {
|
|
@@ -202,6 +203,10 @@
|
|
|
202
203
|
"import": "import { DsCardChart } from '@ds-mo/ui/react';",
|
|
203
204
|
"example": "<DsCardChart />"
|
|
204
205
|
},
|
|
206
|
+
"vue": {
|
|
207
|
+
"import": "import { DsCardChart } from '@ds-mo/ui/vue';",
|
|
208
|
+
"example": "<DsCardChart />"
|
|
209
|
+
},
|
|
205
210
|
"angular": {
|
|
206
211
|
"import": "import { DsCardChart } from '@ds-mo/ui/angular/ds-card-chart';",
|
|
207
212
|
"example": "<ds-card-chart></ds-card-chart>"
|
|
@@ -211,7 +216,7 @@
|
|
|
211
216
|
"@ds-mo/tokens ^6.5.0",
|
|
212
217
|
"@ds-mo/icons ^7.0.0"
|
|
213
218
|
],
|
|
214
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
219
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
215
220
|
}
|
|
216
221
|
}
|
|
217
222
|
},
|
|
@@ -325,6 +325,7 @@
|
|
|
325
325
|
"exports": {
|
|
326
326
|
"customElement": "ds-card-overview",
|
|
327
327
|
"react": "DsCardOverview",
|
|
328
|
+
"vue": "DsCardOverview",
|
|
328
329
|
"angular": "DsCardOverview"
|
|
329
330
|
},
|
|
330
331
|
"consumption": {
|
|
@@ -338,6 +339,10 @@
|
|
|
338
339
|
"import": "import { DsCardOverview } from '@ds-mo/ui/react';",
|
|
339
340
|
"example": "<DsCardOverview />"
|
|
340
341
|
},
|
|
342
|
+
"vue": {
|
|
343
|
+
"import": "import { DsCardOverview } from '@ds-mo/ui/vue';",
|
|
344
|
+
"example": "<DsCardOverview />"
|
|
345
|
+
},
|
|
341
346
|
"angular": {
|
|
342
347
|
"import": "import { DsCardOverview } from '@ds-mo/ui/angular/ds-card-overview';",
|
|
343
348
|
"example": "<ds-card-overview></ds-card-overview>"
|
|
@@ -348,7 +353,7 @@
|
|
|
348
353
|
"@ds-mo/tokens ^6.5.0",
|
|
349
354
|
"@ds-mo/icons ^7.0.0"
|
|
350
355
|
],
|
|
351
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
356
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
352
357
|
}
|
|
353
358
|
}
|
|
354
359
|
},
|
|
@@ -230,6 +230,7 @@
|
|
|
230
230
|
"exports": {
|
|
231
231
|
"customElement": "ds-card-setting",
|
|
232
232
|
"react": "DsCardSetting",
|
|
233
|
+
"vue": "DsCardSetting",
|
|
233
234
|
"angular": "DsCardSetting"
|
|
234
235
|
},
|
|
235
236
|
"consumption": {
|
|
@@ -243,6 +244,10 @@
|
|
|
243
244
|
"import": "import { DsCardSetting } from '@ds-mo/ui/react';",
|
|
244
245
|
"example": "<DsCardSetting />"
|
|
245
246
|
},
|
|
247
|
+
"vue": {
|
|
248
|
+
"import": "import { DsCardSetting } from '@ds-mo/ui/vue';",
|
|
249
|
+
"example": "<DsCardSetting />"
|
|
250
|
+
},
|
|
246
251
|
"angular": {
|
|
247
252
|
"import": "import { DsCardSetting } from '@ds-mo/ui/angular/ds-card-setting';",
|
|
248
253
|
"example": "<ds-card-setting></ds-card-setting>"
|
|
@@ -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
|
},
|
|
@@ -247,6 +247,7 @@
|
|
|
247
247
|
"exports": {
|
|
248
248
|
"customElement": "ds-chart-legend",
|
|
249
249
|
"react": "DsChartLegend",
|
|
250
|
+
"vue": "DsChartLegend",
|
|
250
251
|
"angular": "DsChartLegend"
|
|
251
252
|
},
|
|
252
253
|
"consumption": {
|
|
@@ -260,6 +261,10 @@
|
|
|
260
261
|
"import": "import { DsChartLegend } from '@ds-mo/ui/react';",
|
|
261
262
|
"example": "<DsChartLegend />"
|
|
262
263
|
},
|
|
264
|
+
"vue": {
|
|
265
|
+
"import": "import { DsChartLegend } from '@ds-mo/ui/vue';",
|
|
266
|
+
"example": "<DsChartLegend />"
|
|
267
|
+
},
|
|
263
268
|
"angular": {
|
|
264
269
|
"import": "import { DsChartLegend } from '@ds-mo/ui/angular/ds-chart-legend';",
|
|
265
270
|
"example": "<ds-chart-legend></ds-chart-legend>"
|
|
@@ -270,7 +275,7 @@
|
|
|
270
275
|
"@ds-mo/tokens ^6.5.0",
|
|
271
276
|
"@ds-mo/icons ^7.0.0"
|
|
272
277
|
],
|
|
273
|
-
"frameworks": "Custom Elements; React 18/19 wrappers; Angular 19-22 standalone adapters."
|
|
278
|
+
"frameworks": "Custom Elements; React 18/19 wrappers; Vue 3 wrappers; Angular 19-22 standalone adapters."
|
|
274
279
|
}
|
|
275
280
|
}
|
|
276
281
|
},
|
|
@@ -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
|
},
|