@carbon/vue 2.45.1 → 3.0.4-alpha.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.
Files changed (354) hide show
  1. package/README.md +34 -264
  2. package/dist/carbon-vue-3.common.js +27392 -0
  3. package/dist/carbon-vue-3.common.js.map +1 -0
  4. package/dist/carbon-vue-3.umd.js +27403 -0
  5. package/dist/carbon-vue-3.umd.js.map +1 -0
  6. package/dist/carbon-vue-3.umd.min.js +17 -0
  7. package/dist/carbon-vue-3.umd.min.js.map +1 -0
  8. package/dist/demo.html +1 -34
  9. package/package.json +185 -62
  10. package/src/components/CvAccordion/CvAccordion.stories.js +54 -0
  11. package/src/components/CvAccordion/CvAccordion.vue +95 -0
  12. package/src/components/CvAccordion/CvAccordionItem.vue +101 -0
  13. package/src/components/{cv-accordion/cv-accordion-skeleton.vue → CvAccordion/CvAccordionSkeleton.vue} +14 -18
  14. package/src/components/CvAccordion/_CvAccordionItemSkeleton.vue +30 -0
  15. package/src/components/CvAccordion/consts.js +17 -0
  16. package/src/components/CvAccordion/index.js +6 -0
  17. package/src/components/CvAspectRatio/CvAspectRatio.stories.js +56 -0
  18. package/src/components/CvAspectRatio/CvAspectRatio.stories.scss +4 -0
  19. package/src/components/CvAspectRatio/CvAspectRatio.vue +33 -0
  20. package/src/components/CvAspectRatio/consts.js +2 -0
  21. package/src/components/CvAspectRatio/index.js +4 -0
  22. package/src/components/CvBreadcrumb/CvBreadcrumb.stories.js +75 -0
  23. package/src/components/CvBreadcrumb/CvBreadcrumb.vue +37 -0
  24. package/src/components/CvBreadcrumb/CvBreadcrumbItem.vue +28 -0
  25. package/src/components/CvBreadcrumb/CvBreadcrumbSkeleton.vue +29 -0
  26. package/src/components/CvBreadcrumb/CvBreadcrumbSkeletonItem.vue +14 -0
  27. package/src/components/CvBreadcrumb/index.js +11 -0
  28. package/src/components/CvButton/CvButton.stories.js +119 -0
  29. package/src/components/CvButton/CvButton.vue +68 -0
  30. package/src/components/CvButton/CvButtonCommon.js +75 -0
  31. package/src/components/CvButton/CvButtonSet.stories.js +36 -0
  32. package/src/components/CvButton/CvButtonSet.vue +30 -0
  33. package/src/components/CvButton/CvIconButton.stories.js +139 -0
  34. package/src/components/CvButton/CvIconButton.vue +88 -0
  35. package/src/components/CvButton/index.js +7 -0
  36. package/src/components/CvButton/sbBtnPrefix.js +2 -0
  37. package/src/components/CvCheckbox/CvCheckbox.stories.js +111 -0
  38. package/src/components/CvCheckbox/CvCheckbox.vue +73 -0
  39. package/src/components/CvCheckbox/index.js +3 -0
  40. package/src/components/CvCodeSnippet/CvCodeSnippet.stories.js +181 -0
  41. package/src/components/CvCodeSnippet/CvCodeSnippet.stories.scss +4 -0
  42. package/src/components/CvCodeSnippet/CvCodeSnippet.vue +125 -0
  43. package/src/components/CvCodeSnippet/CvCodeSnippetSkeleton.vue +43 -0
  44. package/src/components/CvCodeSnippet/_CviCodeSnippetInline.vue +72 -0
  45. package/src/components/CvCodeSnippet/_CviCodeSnippetMultiline.vue +199 -0
  46. package/src/components/CvCodeSnippet/_CviCodeSnippetOneline.vue +106 -0
  47. package/src/components/CvCodeSnippet/consts.js +2 -0
  48. package/src/components/CvCodeSnippet/index.js +4 -0
  49. package/src/components/CvComboBox/CvComboBox.stories.js +174 -0
  50. package/src/components/CvComboBox/CvComboBox.vue +460 -0
  51. package/src/components/CvComboBox/index.js +3 -0
  52. package/src/components/CvContentSwitcher/CvContentSwitcher.stories.mdx +196 -0
  53. package/src/components/CvContentSwitcher/CvContentSwitcher.vue +64 -0
  54. package/src/components/CvContentSwitcher/CvContentSwitcherButton.vue +117 -0
  55. package/src/components/CvContentSwitcher/CvContentSwitcherContent.vue +21 -0
  56. package/src/components/CvContentSwitcher/cvContentSwitcherStore.js +30 -0
  57. package/src/components/CvContentSwitcher/index.js +3 -0
  58. package/src/components/CvCopyButton/CvCopyButton.stories.js +28 -0
  59. package/src/components/CvCopyButton/CvCopyButton.vue +45 -0
  60. package/src/components/CvCopyButton/_CviCopyButton.vue +71 -0
  61. package/src/components/CvCopyButton/index.js +3 -0
  62. package/src/components/CvDataTable/CvDataTable.stories.mdx +304 -0
  63. package/src/components/CvDataTable/CvDataTable.vue +648 -0
  64. package/src/components/CvDataTable/CvDataTableAction.vue +22 -0
  65. package/src/components/CvDataTable/CvDataTableCell.vue +11 -0
  66. package/src/components/CvDataTable/CvDataTableHeading.vue +143 -0
  67. package/src/components/CvDataTable/CvDataTableRow.vue +139 -0
  68. package/src/components/CvDataTable/CvDataTableSkeleton.vue +48 -0
  69. package/src/components/CvDataTable/_CvDataTableRowInner.vue +169 -0
  70. package/src/components/CvDataTable/cvDataTableStore.js +340 -0
  71. package/src/components/CvDataTable/index.js +3 -0
  72. package/src/components/CvEmpty/_CvEmpty.vue +22 -0
  73. package/src/components/CvGrid/CvColumn.vue +85 -0
  74. package/src/components/CvGrid/CvGrid.vue +42 -0
  75. package/src/components/{cv-grid/cv-row.vue → CvGrid/CvRow.vue} +8 -12
  76. package/src/components/CvGrid/GvGrid.stories.mdx +217 -0
  77. package/src/components/CvGrid/_SbContainer.vue +22 -0
  78. package/src/components/CvGrid/_cvColumnValidation.js +48 -0
  79. package/src/components/CvLink/CvLink.stories.js +169 -0
  80. package/src/components/CvLink/CvLink.vue +38 -0
  81. package/src/components/CvLink/index.js +4 -0
  82. package/src/components/CvList/CvList.stories.js +88 -0
  83. package/src/components/CvList/CvList.vue +50 -0
  84. package/src/components/CvList/CvListItem.vue +12 -0
  85. package/src/components/CvList/index.js +4 -0
  86. package/src/components/CvLoading/CvLoading.stories.js +78 -0
  87. package/src/components/CvLoading/CvLoading.stories.scss +4 -0
  88. package/src/components/CvLoading/CvLoading.vue +106 -0
  89. package/src/components/CvLoading/index.js +4 -0
  90. package/src/components/CvNotification/CvInlineNotification.stories.js +109 -0
  91. package/src/components/CvNotification/CvInlineNotification.vue +102 -0
  92. package/src/components/CvNotification/CvToastNotification.stories.js +108 -0
  93. package/src/components/CvNotification/CvToastNotification.vue +88 -0
  94. package/src/components/CvNotification/consts.js +31 -0
  95. package/src/components/CvNotification/index.js +5 -0
  96. package/src/components/CvOverflowMenu/CvOverflowMenu.stories.mdx +119 -0
  97. package/src/components/CvOverflowMenu/CvOverflowMenu.vue +283 -0
  98. package/src/components/{cv-overflow-menu/cv-overflow-menu-item.vue → CvOverflowMenu/CvOverflowMenuItem.vue} +26 -20
  99. package/src/components/CvOverflowMenu/index.js +3 -0
  100. package/src/components/CvPagination/CvPagination.stories.mdx +160 -0
  101. package/src/components/CvPagination/CvPagination.vue +246 -0
  102. package/src/components/CvPagination/index.js +3 -0
  103. package/src/components/CvSelect/CvSelect.stories.mdx +227 -0
  104. package/src/components/CvSelect/CvSelect.vue +224 -0
  105. package/src/components/CvSelect/CvSelectOptgroup.vue +9 -0
  106. package/src/components/CvSelect/CvSelectOption.vue +22 -0
  107. package/src/components/CvSelect/index.js +3 -0
  108. package/src/components/CvSkeletonText/CvSkeletonText.stories.js +56 -0
  109. package/src/components/CvSkeletonText/CvSkeletonText.vue +63 -0
  110. package/src/components/CvSkeletonText/index.js +3 -0
  111. package/src/components/CvSvg/_CvSvg.vue +48 -0
  112. package/src/components/CvSvg/__tests__/_TestIcon.vue +19 -0
  113. package/src/components/CvSvg/__tests__/test-svg.svg +5 -0
  114. package/src/components/CvTag/CvTag.stories.js +64 -0
  115. package/src/components/CvTag/CvTag.vue +105 -0
  116. package/src/components/CvTag/consts.js +15 -0
  117. package/src/components/CvTag/index.js +5 -0
  118. package/src/components/CvUIShell/CvHeader.vue +203 -0
  119. package/src/components/CvUIShell/CvHeaderGlobalAction.vue +105 -0
  120. package/src/components/{cv-ui-shell/cv-header-menu.vue → CvUIShell/CvHeaderMenu.vue} +41 -37
  121. package/src/components/CvUIShell/CvHeaderMenuButton.vue +103 -0
  122. package/src/components/CvUIShell/CvHeaderMenuItem.vue +38 -0
  123. package/src/components/CvUIShell/CvHeaderName.vue +25 -0
  124. package/src/components/CvUIShell/CvHeaderNav.vue +18 -0
  125. package/src/components/CvUIShell/CvHeaderPanel.vue +106 -0
  126. package/src/components/CvUIShell/CvSideNav.vue +131 -0
  127. package/src/components/CvUIShell/CvSideNavIcon.vue +17 -0
  128. package/src/components/CvUIShell/CvSideNavItems.vue +22 -0
  129. package/src/components/CvUIShell/CvSideNavLink.vue +47 -0
  130. package/src/components/CvUIShell/CvSideNavMenu.vue +85 -0
  131. package/src/components/CvUIShell/CvSideNavMenuDivider.vue +7 -0
  132. package/src/components/CvUIShell/CvSideNavMenuItem.vue +31 -0
  133. package/src/components/CvUIShell/CvSkipToContent.vue +20 -0
  134. package/src/components/CvUIShell/CvSwitcher.vue +9 -0
  135. package/src/components/CvUIShell/CvSwitcherItem.vue +9 -0
  136. package/src/components/CvUIShell/CvSwitcherItemLink.vue +26 -0
  137. package/src/components/CvUIShell/CvUIShell.stories.mdx +454 -0
  138. package/src/components/{cv-ui-shell/_cv-side-nav-footer.vue → CvUIShell/_CvSideNavFooter.vue} +11 -15
  139. package/src/components/CvUIShell/_CvSideNavLinkText.vue +9 -0
  140. package/src/components/CvWrapper/CvWrapper.js +23 -0
  141. package/src/global/component-utils/event-bus.js +23 -0
  142. package/src/global/component-utils/validators.js +14 -0
  143. package/src/global/settings.js +5 -0
  144. package/src/global/storybook-utils/__tests__/story-source-code.js +162 -0
  145. package/src/global/storybook-utils/controls-from-props.js +72 -0
  146. package/src/global/storybook-utils/index.js +5 -0
  147. package/src/global/storybook-utils/sbCompPrefix.js +1 -0
  148. package/src/global/storybook-utils/split-slot-args.js +14 -0
  149. package/src/global/storybook-utils/story-source-code.js +52 -0
  150. package/src/index.js +13 -83
  151. package/src/use/components.js +24 -0
  152. package/src/use/cvCheck.js +94 -0
  153. package/src/use/cvId.js +57 -0
  154. package/src/use/cvLink.js +42 -0
  155. package/src/use/cvTheme.js +30 -0
  156. package/src/use/index.js +1 -0
  157. package/src/use/overflow.js +37 -0
  158. package/dist/carbon-vue.common.js +0 -23411
  159. package/dist/carbon-vue.common.js.map +0 -1
  160. package/dist/carbon-vue.umd.js +0 -23421
  161. package/dist/carbon-vue.umd.js.map +0 -1
  162. package/dist/carbon-vue.umd.min.js +0 -30
  163. package/dist/carbon-vue.umd.min.js.map +0 -1
  164. package/src/assets/images/component-icons.svg +0 -57
  165. package/src/assets/images/example-icon-svg.js +0 -10
  166. package/src/assets/images/example-icon.svg +0 -6
  167. package/src/assets/images/example-icons.svg +0 -6
  168. package/src/carbon.yml +0 -442
  169. package/src/components/cv-accordion/_cv-accordion-item-skeleton.vue +0 -29
  170. package/src/components/cv-accordion/cv-accordion-item.vue +0 -87
  171. package/src/components/cv-accordion/cv-accordion.vue +0 -59
  172. package/src/components/cv-accordion/index.js +0 -5
  173. package/src/components/cv-aspect-ratio/cv-aspect-ratio.vue +0 -28
  174. package/src/components/cv-aspect-ratio/index.js +0 -2
  175. package/src/components/cv-breadcrumb/_cv-breadcrumb-item-skeleton.vue +0 -13
  176. package/src/components/cv-breadcrumb/cv-breadcrumb-item.vue +0 -28
  177. package/src/components/cv-breadcrumb/cv-breadcrumb-skeleton.vue +0 -30
  178. package/src/components/cv-breadcrumb/cv-breadcrumb.vue +0 -21
  179. package/src/components/cv-breadcrumb/index.js +0 -5
  180. package/src/components/cv-button/button-mixin.js +0 -91
  181. package/src/components/cv-button/cv-button-set.vue +0 -17
  182. package/src/components/cv-button/cv-button-skeleton.vue +0 -12
  183. package/src/components/cv-button/cv-button.vue +0 -19
  184. package/src/components/cv-button/cv-icon-button.vue +0 -42
  185. package/src/components/cv-button/index.js +0 -6
  186. package/src/components/cv-checkbox/cv-checkbox-skeleton.vue +0 -15
  187. package/src/components/cv-checkbox/cv-checkbox.vue +0 -70
  188. package/src/components/cv-checkbox/index.js +0 -3
  189. package/src/components/cv-code-snippet/_cv-code-snippet-inline.vue +0 -39
  190. package/src/components/cv-code-snippet/_cv-code-snippet-multiline.vue +0 -79
  191. package/src/components/cv-code-snippet/_cv-code-snippet-oneline.vue +0 -47
  192. package/src/components/cv-code-snippet/cv-code-snippet-skeleton.vue +0 -30
  193. package/src/components/cv-code-snippet/cv-code-snippet.vue +0 -83
  194. package/src/components/cv-code-snippet/index.js +0 -3
  195. package/src/components/cv-combo-box/cv-combo-box.vue +0 -386
  196. package/src/components/cv-combo-box/index.js +0 -3
  197. package/src/components/cv-content-switcher/cv-content-switcher-button.vue +0 -104
  198. package/src/components/cv-content-switcher/cv-content-switcher-content.vue +0 -26
  199. package/src/components/cv-content-switcher/cv-content-switcher-store.js +0 -22
  200. package/src/components/cv-content-switcher/cv-content-switcher.vue +0 -117
  201. package/src/components/cv-content-switcher/index.js +0 -4
  202. package/src/components/cv-data-table/_cv-data-table-row-inner.vue +0 -139
  203. package/src/components/cv-data-table/cv-data-table-action.vue +0 -25
  204. package/src/components/cv-data-table/cv-data-table-cell.vue +0 -14
  205. package/src/components/cv-data-table/cv-data-table-heading.vue +0 -109
  206. package/src/components/cv-data-table/cv-data-table-row.vue +0 -113
  207. package/src/components/cv-data-table/cv-data-table-skeleton.vue +0 -64
  208. package/src/components/cv-data-table/cv-data-table.vue +0 -525
  209. package/src/components/cv-data-table/index.js +0 -8
  210. package/src/components/cv-date-picker/cv-date-picker.vue +0 -362
  211. package/src/components/cv-date-picker/index.js +0 -3
  212. package/src/components/cv-date-picker/plugins/appendToPlugin.js +0 -52
  213. package/src/components/cv-date-picker/plugins/fixEventsPlugin.js +0 -75
  214. package/src/components/cv-date-picker/plugins/monthSelectPlugin.js +0 -66
  215. package/src/components/cv-date-picker/plugins/rangePlugin.js +0 -45
  216. package/src/components/cv-dropdown/cv-dropdown-item.vue +0 -84
  217. package/src/components/cv-dropdown/cv-dropdown-skeleton.vue +0 -20
  218. package/src/components/cv-dropdown/cv-dropdown.vue +0 -373
  219. package/src/components/cv-dropdown/index.js +0 -5
  220. package/src/components/cv-feedback-button/_cv-feedback-button.vue +0 -74
  221. package/src/components/cv-file-uploader/consts.js +0 -12
  222. package/src/components/cv-file-uploader/cv-file-uploader-skeleton.vue +0 -22
  223. package/src/components/cv-file-uploader/cv-file-uploader.vue +0 -348
  224. package/src/components/cv-file-uploader/index.js +0 -5
  225. package/src/components/cv-form/cv-form-group.vue +0 -32
  226. package/src/components/cv-form/cv-form-item.vue +0 -13
  227. package/src/components/cv-form/cv-form.vue +0 -13
  228. package/src/components/cv-form/index.js +0 -5
  229. package/src/components/cv-grid/cv-column.vue +0 -77
  230. package/src/components/cv-grid/cv-grid.vue +0 -32
  231. package/src/components/cv-grid/index.js +0 -5
  232. package/src/components/cv-icon/_cv-icon.vue +0 -30
  233. package/src/components/cv-inline-loading/consts.js +0 -8
  234. package/src/components/cv-inline-loading/cv-inline-loading.vue +0 -91
  235. package/src/components/cv-inline-loading/index.js +0 -4
  236. package/src/components/cv-inline-notification/cv-inline-notification.vue +0 -89
  237. package/src/components/cv-inline-notification/index.js +0 -3
  238. package/src/components/cv-link/cv-link.vue +0 -30
  239. package/src/components/cv-link/index.js +0 -3
  240. package/src/components/cv-list/cv-list-item.vue +0 -13
  241. package/src/components/cv-list/cv-list.vue +0 -42
  242. package/src/components/cv-list/index.js +0 -4
  243. package/src/components/cv-loading/cv-loading.vue +0 -86
  244. package/src/components/cv-loading/index.js +0 -3
  245. package/src/components/cv-modal/cv-modal.vue +0 -299
  246. package/src/components/cv-modal/index.js +0 -2
  247. package/src/components/cv-multi-select/cv-multi-select.vue +0 -484
  248. package/src/components/cv-multi-select/index.js +0 -3
  249. package/src/components/cv-number-input/cv-number-input-skeleton.vue +0 -14
  250. package/src/components/cv-number-input/cv-number-input.vue +0 -215
  251. package/src/components/cv-number-input/index.js +0 -3
  252. package/src/components/cv-overflow-menu/cv-overflow-menu.vue +0 -253
  253. package/src/components/cv-overflow-menu/index.js +0 -4
  254. package/src/components/cv-pagination/cv-pagination.vue +0 -268
  255. package/src/components/cv-pagination/index.js +0 -2
  256. package/src/components/cv-progress/cv-progress-step.vue +0 -135
  257. package/src/components/cv-progress/cv-progress.vue +0 -82
  258. package/src/components/cv-progress/index.js +0 -4
  259. package/src/components/cv-radio-button/cv-radio-button.vue +0 -40
  260. package/src/components/cv-radio-button/cv-radio-group.vue +0 -24
  261. package/src/components/cv-radio-button/index.js +0 -4
  262. package/src/components/cv-search/cv-search.vue +0 -194
  263. package/src/components/cv-search/index.js +0 -2
  264. package/src/components/cv-select/cv-select-optgroup.vue +0 -14
  265. package/src/components/cv-select/cv-select-option.vue +0 -14
  266. package/src/components/cv-select/cv-select.vue +0 -158
  267. package/src/components/cv-select/index.js +0 -4
  268. package/src/components/cv-skeleton-text/cv-skeleton-text.vue +0 -64
  269. package/src/components/cv-skeleton-text/index.js +0 -2
  270. package/src/components/cv-slider/cv-slider-skeleton.vue +0 -22
  271. package/src/components/cv-slider/cv-slider.vue +0 -247
  272. package/src/components/cv-slider/index.js +0 -4
  273. package/src/components/cv-structured-list/_cv-structured-list-item-selectable.vue +0 -37
  274. package/src/components/cv-structured-list/_cv-structured-list-item-standard.vue +0 -13
  275. package/src/components/cv-structured-list/cv-structured-list-data.vue +0 -23
  276. package/src/components/cv-structured-list/cv-structured-list-heading.vue +0 -13
  277. package/src/components/cv-structured-list/cv-structured-list-item.vue +0 -46
  278. package/src/components/cv-structured-list/cv-structured-list.vue +0 -38
  279. package/src/components/cv-structured-list/index.js +0 -5
  280. package/src/components/cv-svg/_cv-svg.vue +0 -38
  281. package/src/components/cv-tabs/cv-tab.vue +0 -68
  282. package/src/components/cv-tabs/cv-tabs-skeleton.vue +0 -20
  283. package/src/components/cv-tabs/cv-tabs.vue +0 -410
  284. package/src/components/cv-tabs/index.js +0 -5
  285. package/src/components/cv-tag/cv-tag-skeleton.vue +0 -19
  286. package/src/components/cv-tag/cv-tag.vue +0 -121
  287. package/src/components/cv-tag/index.js +0 -4
  288. package/src/components/cv-text-area/cv-text-area.vue +0 -98
  289. package/src/components/cv-text-area/index.js +0 -2
  290. package/src/components/cv-text-input/cv-text-input.vue +0 -173
  291. package/src/components/cv-text-input/index.js +0 -2
  292. package/src/components/cv-tile/_cv-tile-clickable.vue +0 -22
  293. package/src/components/cv-tile/_cv-tile-expandable.vue +0 -92
  294. package/src/components/cv-tile/_cv-tile-selectable.vue +0 -48
  295. package/src/components/cv-tile/_cv-tile-standard.vue +0 -11
  296. package/src/components/cv-tile/cv-tile.vue +0 -83
  297. package/src/components/cv-tile/index.js +0 -2
  298. package/src/components/cv-time-picker/cv-time-picker.vue +0 -138
  299. package/src/components/cv-time-picker/index.js +0 -2
  300. package/src/components/cv-toast-notification/cv-toast-notification.vue +0 -72
  301. package/src/components/cv-toast-notification/index.js +0 -2
  302. package/src/components/cv-toggle/cv-toggle-skeleton.vue +0 -25
  303. package/src/components/cv-toggle/cv-toggle.vue +0 -52
  304. package/src/components/cv-toggle/index.js +0 -3
  305. package/src/components/cv-toolbar/cv-toolbar-divider.vue +0 -11
  306. package/src/components/cv-toolbar/cv-toolbar-option.vue +0 -16
  307. package/src/components/cv-toolbar/cv-toolbar-search.vue +0 -40
  308. package/src/components/cv-toolbar/cv-toolbar-title.vue +0 -14
  309. package/src/components/cv-toolbar/cv-toolbar.vue +0 -13
  310. package/src/components/cv-toolbar/index.js +0 -6
  311. package/src/components/cv-tooltip/consts.js +0 -2
  312. package/src/components/cv-tooltip/cv-definition-tooltip.vue +0 -44
  313. package/src/components/cv-tooltip/cv-interactive-tooltip.vue +0 -241
  314. package/src/components/cv-tooltip/cv-tooltip.vue +0 -44
  315. package/src/components/cv-tooltip/index.js +0 -6
  316. package/src/components/cv-ui-shell/_cv-side-nav-link-text.vue +0 -13
  317. package/src/components/cv-ui-shell/cv-content.vue +0 -16
  318. package/src/components/cv-ui-shell/cv-header-global-action.vue +0 -84
  319. package/src/components/cv-ui-shell/cv-header-menu-button.vue +0 -80
  320. package/src/components/cv-ui-shell/cv-header-menu-item.vue +0 -36
  321. package/src/components/cv-ui-shell/cv-header-name.vue +0 -18
  322. package/src/components/cv-ui-shell/cv-header-nav.vue +0 -18
  323. package/src/components/cv-ui-shell/cv-header-panel.vue +0 -72
  324. package/src/components/cv-ui-shell/cv-header-side-nav-items.vue +0 -21
  325. package/src/components/cv-ui-shell/cv-header.vue +0 -119
  326. package/src/components/cv-ui-shell/cv-side-nav-divider.vue +0 -12
  327. package/src/components/cv-ui-shell/cv-side-nav-icon.vue +0 -16
  328. package/src/components/cv-ui-shell/cv-side-nav-items.vue +0 -21
  329. package/src/components/cv-ui-shell/cv-side-nav-link.vue +0 -54
  330. package/src/components/cv-ui-shell/cv-side-nav-menu-item.vue +0 -30
  331. package/src/components/cv-ui-shell/cv-side-nav-menu.vue +0 -84
  332. package/src/components/cv-ui-shell/cv-side-nav.vue +0 -97
  333. package/src/components/cv-ui-shell/cv-skip-to-content.vue +0 -19
  334. package/src/components/cv-ui-shell/cv-switcher-item-link.vue +0 -26
  335. package/src/components/cv-ui-shell/cv-switcher-item.vue +0 -13
  336. package/src/components/cv-ui-shell/cv-switcher.vue +0 -13
  337. package/src/components/cv-ui-shell/index.js +0 -45
  338. package/src/components/cv-wrapper/_cv-wrapper.js +0 -33
  339. package/src/directives/clickout.js +0 -29
  340. package/src/index-components-vue.js +0 -5
  341. package/src/internal/feature-flags.js +0 -22
  342. package/src/mixins/carbon-prefix-mixin.js +0 -7
  343. package/src/mixins/check-mixin.js +0 -106
  344. package/src/mixins/index.js +0 -12
  345. package/src/mixins/link-mixin.js +0 -23
  346. package/src/mixins/methods-mixin.js +0 -18
  347. package/src/mixins/notification-mixin.js +0 -18
  348. package/src/mixins/radio-mixin.js +0 -36
  349. package/src/mixins/theme-mixin.js +0 -23
  350. package/src/mixins/uid-mixin.js +0 -23
  351. package/src/thumbnails/inline-notification.svg +0 -23
  352. package/src/thumbnails/skeleton-text.svg +0 -15
  353. package/src/thumbnails/toast-notification.svg +0 -34
  354. /package/src/components/{cv-button → CvButton}/consts.js +0 -0
@@ -1,57 +0,0 @@
1
- <?xml version="1.0" encoding="utf-8"?>
2
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
- <symbol id="icon--chevron--right" fill-rule="evenodd" viewBox="0 0 7 12">
4
- <path fill-rule="nonzero" d="M5.569 5.994L0 .726.687 0l6.336 5.994-6.335 6.002L0 11.27z"/>
5
- </symbol>
6
- <symbol id="icon--chevron--down" fill-rule="evenodd" viewBox="0 0 12 7">
7
- <path fill-rule="nonzero" d="M6.002 5.55L11.27 0l.726.685L6.003 7 0 .685.726 0z"/>
8
- </symbol>
9
- <symbol id="icon--chevron--left" fill-rule="evenodd" viewBox="0 0 7 12">
10
- <path fill-rule="nonzero" d="M1.45 6.002L7 11.27l-.685.726L0 6.003 6.315 0 7 .726z"/>
11
- </symbol>
12
- <symbol id="icon--copy" fill-rule="evenodd" viewBox="0 0 16 16">
13
- <path d="M1 10H0V2C0 .9.9 0 2 0h8v1H2c-.6 0-1 .5-1 1v8z"/>
14
- <path d="M11 4.2V8h3.8L11 4.2zM15 9h-4c-.6 0-1-.4-1-1V4H4.5c-.3 0-.5.2-.5.5v10c0 .3.2.5.5.5h10c.3 0 .5-.2.5-.5V9zm-4-6c.1 0 .3.1.4.1l4.5 4.5c0 .1.1.3.1.4v6.5c0 .8-.7 1.5-1.5 1.5h-10c-.8 0-1.5-.7-1.5-1.5v-10C3 3.7 3.7 3 4.5 3H11z"/>
15
- </symbol>
16
- <symbol id="icon--search" fill-rule="evenodd" viewBox="0 0 16 16">
17
- <path fill-rule="nonzero" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zm4.936-1.27l4.563 4.557-.707.708-4.563-4.558a6.5 6.5 0 1 1 .707-.707z"/>
18
- </symbol>
19
- <symbol id="icon--caret--down" fill-rule="evenodd" viewBox="0 0 10 5">
20
- <path d="M0 0l5 4.998L10 0z"/>
21
- </symbol>
22
- <symbol id="icon--caret--up" fill-rule="evenodd" viewBox="0 0 10 5">
23
- <path d="M0 5L5 .002 10 5z"/>
24
- </symbol>
25
- <symbol id="icon--info--solid" fill-rule="evenodd" viewBox="0 0 16 16">
26
- <path d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm1-3V7H7v6h2zM8 5a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
27
- </symbol>
28
- <symbol id="icon--error--solid" fill-rule="evenodd" viewBox="0 0 16 16">
29
- <path d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zM3.293 4.707l8 8 1.414-1.414-8-8-1.414 1.414z"/>
30
- </symbol>
31
- <symbol id="icon--checkmark--solid" fill-rule="evenodd" viewBox="0 0 16 16">
32
- <path d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm3.293-11.332L6.75 9.21 4.707 7.168 3.293 8.582 6.75 12.04l5.957-5.957-1.414-1.414z"/>
33
- </symbol>
34
- <symbol id="icon--warning--solid" fill-rule="evenodd" viewBox="0 0 16 16">
35
- <path fill-rule="nonzero" d="M.75 16a.75.75 0 0 1-.67-1.085L7.33.415a.75.75 0 0 1 1.34 0l7.25 14.5A.75.75 0 0 1 15.25 16H.75zm6.5-10v5h1.5V6h-1.5zM8 13.5A.75.75 0 1 0 8 12a.75.75 0 0 0 0 1.5z"/>
36
- </symbol>
37
- <symbol id="icon--overflow-menu" fill-rule="evenodd" viewBox="0 0 3 15">
38
- <path d="M0 1.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 1 1-3 0M0 7.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 1 1-3 0M0 13.5a1.5 1.5 0 1 1 3 0 1.5 1.5 0 1 1-3 0"/>
39
- </symbol>
40
- <symbol id="icon--close--solid" fill-rule="evenodd" viewBox="0 0 16 16">
41
- <path d="M8 6.586L5.879 4.464 4.464 5.88 6.586 8l-2.122 2.121 1.415 1.415L8 9.414l2.121 2.122 1.415-1.415L9.414 8l2.122-2.121-1.415-1.415L8 6.586zM8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
42
- </symbol>
43
- <symbol id="icon--selectable" fill-rule="evenodd" viewBox="0 0 16 16">
44
- <path d="M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm3.646-10.854L6.75 10.043 4.354 7.646l-.708.708 3.104 3.103 5.604-5.603-.708-.708z"/>
45
- </symbol>
46
- <symbol id="icon--help--outline" fill-rule="evenodd" viewBox="0 0 16 16">
47
- <path fill-rule="nonzero" d="M8 14.5a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13zM8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
48
- <path fill-rule="nonzero" d="M8.75 9.364V10.5h-1.5V7.863h1.5A1.682 1.682 0 0 0 8.678 4.5h-.996C6.753 4.5 6 5.253 6 6.182H4.5A3.182 3.182 0 0 1 7.682 3h.996a3.182 3.182 0 0 1 .072 6.364z"/>
49
- <path d="M7 13a1 1 0 1 1 2 0 1 1 0 1 1-2 0"/>
50
- </symbol>
51
- <symbol id="icon--calendar" fill-rule="evenodd" viewBox="0 0 14 16">
52
- <path fill-rule="nonzero" d="M0 5h14v1H0V5zm3-5h1v4H3V0zm7 0h1v4h-1V0zM0 2.5A1.5 1.5 0 0 1 1.5 1h11A1.5 1.5 0 0 1 14 2.5v12a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 0 14.5v-12zm1 0v12a.5.5 0 0 0 .5.5h11a.5.5 0 0 0 .5-.5v-12a.5.5 0 0 0-.5-.5h-11a.5.5 0 0 0-.5.5z"/>
53
- </symbol>
54
- <symbol id="icon--close" fill-rule="evenodd" viewBox="0 0 10 10">
55
- <path fill-rule="nonzero" d="M6.32 5L10 8.68 8.68 10 5 6.32 1.32 10 0 8.68 3.68 5 0 1.32 1.32 0 5 3.68 8.68 0 10 1.32 6.32 5z"/>
56
- </symbol>
57
- </svg>
@@ -1,10 +0,0 @@
1
- export default {
2
- exampleSvgString: `
3
- <?xml version="1.0" encoding="utf-8"?>
4
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="root">
5
- <g fill-rule="evenodd" id="g">
6
- <path id="path" d="M7 7H4v2h3v3h2V9h3V7H9V4H7v3zm1 9A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
7
- </g>
8
- </svg>
9
- `,
10
- };
@@ -1,6 +0,0 @@
1
- <?xml version="1.0" encoding="utf-8"?>
2
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" id="root">
3
- <g fill-rule="evenodd" id="g">
4
- <path id="path" d="M7 7H4v2h3v3h2V9h3V7H9V4H7v3zm1 9A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
5
- </g>
6
- </svg>
@@ -1,6 +0,0 @@
1
- <?xml version="1.0" encoding="utf-8"?>
2
- <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
- <symbol id="icon--add--solid" fill-rule="evenodd" viewBox="0 0 16 16">
4
- <path d="M7 7H4v2h3v3h2V9h3V7H9V4H7v3zm1 9A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"/>
5
- </symbol>
6
- </svg>
package/src/carbon.yml DELETED
@@ -1,442 +0,0 @@
1
- # yaml-language-server: $schema=https://unpkg.com/@carbon-platform/schemas@v1/carbon-resources.schema.json
2
- library:
3
- id: carbon-components-vue
4
- name: Carbon Vue
5
- description: Build user interfaces with Carbon's core components.
6
- externalDocsUrl: https://vue.carbondesignsystem.com/?path=/story/welcome
7
- inherits: carbon-styles
8
- packageJsonPath: /../package.json
9
- navData:
10
- - title: Get started
11
- path: "https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/developing/frameworks/vue.mdx"
12
- - title: Tutorial
13
- items:
14
- - title: Overview
15
- path: 'https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/developing/vue-tutorial/overview.mdx'
16
- - title: Step 1
17
- path: 'https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/developing/vue-tutorial/step-1.mdx'
18
- - title: Step 2
19
- path: 'https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/developing/vue-tutorial/step-2.mdx'
20
- - title: Step 3
21
- path: 'https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/developing/vue-tutorial/step-3.mdx'
22
- - title: Step 4
23
- path: 'https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/developing/vue-tutorial/step-4.mdx'
24
- - title: Step 5
25
- path: 'https://github.com/carbon-design-system/carbon-website/blob/carbon-platform/src/pages/developing/vue-tutorial/step-5.mdx'
26
- - title: Wrapping up
27
- path: 'https://github.com/carbon-design-system/carbon-website/blob/main/src/pages/developing/vue-tutorial/wrapping-up.mdx'
28
- designKits:
29
- carbon-white-sketch:
30
- $ref: https://unpkg.com/@carbon-platform/resources/carbon.yml#/designKits/carbon-white-sketch
31
- carbon-g10-sketch:
32
- $ref: https://unpkg.com/@carbon-platform/resources/carbon.yml#/designKits/carbon-g10-sketch
33
- carbon-g90-sketch:
34
- $ref: https://unpkg.com/@carbon-platform/resources/carbon.yml#/designKits/carbon-g90-sketch
35
- carbon-g100-sketch:
36
- $ref: https://unpkg.com/@carbon-platform/resources/carbon.yml#/designKits/carbon-g100-sketch
37
- carbon-shell-sketch:
38
- $ref: https://unpkg.com/@carbon-platform/resources/carbon.yml#/designKits/carbon-shell-sketch
39
- carbon-white-adobe-xd:
40
- $ref: https://unpkg.com/@carbon-platform/resources/carbon.yml#/designKits/carbon-white-adobe-xd
41
- carbon-g10-adobe-xd:
42
- $ref: https://unpkg.com/@carbon-platform/resources/carbon.yml#/designKits/carbon-g10-adobe-xd
43
- carbon-g90-adobe-xd:
44
- $ref: https://unpkg.com/@carbon-platform/resources/carbon.yml#/designKits/carbon-g90-adobe-xd
45
- carbon-g100-adobe-xd:
46
- $ref: https://unpkg.com/@carbon-platform/resources/carbon.yml#/designKits/carbon-g100-adobe-xd
47
- axure-widget-library:
48
- $ref: https://unpkg.com/@carbon-platform/resources/carbon.yml#/designKits/axure-widget-library
49
- text-toolbar-sketch:
50
- $ref: https://unpkg.com/@carbon-platform/resources/carbon.yml#/designKits/text-toolbar-sketch
51
- carbon-mid-fi-sketch:
52
- $ref: https://unpkg.com/@carbon-platform/resources/carbon.yml#/designKits/carbon-mid-fi-sketch
53
- carbon-wireframe-invision-freehand:
54
- $ref: https://unpkg.com/@carbon-platform/resources/carbon.yml#/designKits/carbon-wireframe-invision-freehand
55
- carbon-white-figma:
56
- $ref: https://unpkg.com/@carbon-platform/resources/carbon.yml#/designKits/carbon-white-figma
57
- carbon-g10-figma:
58
- $ref: https://unpkg.com/@carbon-platform/resources/carbon.yml#/designKits/carbon-g10-figma
59
- carbon-g90-figma:
60
- $ref: https://unpkg.com/@carbon-platform/resources/carbon.yml#/designKits/carbon-g90-figma
61
- carbon-g100-figma:
62
- $ref: https://unpkg.com/@carbon-platform/resources/carbon.yml#/designKits/carbon-g100-figma
63
- assets:
64
- accordion:
65
- status: stable
66
- externalDocsUrl: https://www.carbondesignsystem.com/components/accordion/usage
67
- framework: vue
68
- demoLinks:
69
- - type: storybook
70
- name: Storybook
71
- action: link
72
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvaccordion
73
- aspect-ratio:
74
- status: stable
75
- framework: vue
76
- demoLinks:
77
- - type: storybook
78
- name: Storybook
79
- action: link
80
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvaspectratio
81
- breadcrumb:
82
- status: stable
83
- externalDocsUrl: https://www.carbondesignsystem.com/components/breadcrumb/usage
84
- framework: vue
85
- demoLinks:
86
- - type: storybook
87
- name: Storybook
88
- action: link
89
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvbreadcrumb
90
- button:
91
- status: stable
92
- externalDocsUrl: https://www.carbondesignsystem.com/components/button/usage
93
- framework: vue
94
- demoLinks:
95
- - type: storybook
96
- name: Storybook
97
- action: link
98
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvbutton
99
- checkbox:
100
- status: stable
101
- externalDocsUrl: https://www.carbondesignsystem.com/components/checkbox/usage
102
- framework: vue
103
- demoLinks:
104
- - type: storybook
105
- name: Storybook
106
- action: link
107
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvcheckbox
108
- code-snippet:
109
- status: stable
110
- externalDocsUrl: https://www.carbondesignsystem.com/components/code-snippet/usage
111
- framework: vue
112
- demoLinks:
113
- - type: storybook
114
- name: Storybook
115
- action: link
116
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvcodesnippet
117
- combo-box:
118
- status: stable
119
- framework: vue
120
- demoLinks:
121
- - type: storybook
122
- name: Storybook
123
- action: link
124
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvcombobox
125
- content-switcher:
126
- status: stable
127
- externalDocsUrl: https://www.carbondesignsystem.com/components/data-table/usage
128
- framework: vue
129
- demoLinks:
130
- - type: storybook
131
- name: Storybook
132
- action: link
133
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvcontentswitcher
134
- data-table:
135
- status: stable
136
- externalDocsUrl: https://www.carbondesignsystem.com/components/accordion/usage
137
- framework: vue
138
- demoLinks:
139
- - type: storybook
140
- name: Storybook
141
- action: link
142
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvdatatable
143
- date-picker:
144
- status: stable
145
- externalDocsUrl: https://www.carbondesignsystem.com/components/date-picker/usage
146
- framework: vue
147
- demoLinks:
148
- - type: storybook
149
- name: Storybook
150
- action: link
151
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvdatatable
152
- dropdown:
153
- status: stable
154
- externalDocsUrl: https://www.carbondesignsystem.com/components/dropdown/usage/
155
- framework: vue
156
- demoLinks:
157
- - type: storybook
158
- name: Storybook
159
- action: link
160
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvdropdown
161
- file-uploader:
162
- status: stable
163
- externalDocsUrl: https://www.carbondesignsystem.com/components/file-uploader/usage
164
- framework: vue
165
- demoLinks:
166
- - type: storybook
167
- name: Storybook
168
- action: link
169
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvfileuploader
170
- form:
171
- status: stable
172
- externalDocsUrl: https://www.carbondesignsystem.com/components/form/usage
173
- framework: vue
174
- demoLinks:
175
- - type: storybook
176
- name: Storybook
177
- action: link
178
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvform
179
- grid:
180
- status: stable
181
- framework: vue
182
- demoLinks:
183
- - type: storybook
184
- name: Storybook
185
- action: link
186
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvgrid
187
- inline-loading:
188
- status: stable
189
- externalDocsUrl: https://www.carbondesignsystem.com/components/inline-loading/usage
190
- framework: vue
191
- demoLinks:
192
- - type: storybook
193
- name: Storybook
194
- action: link
195
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvinlineloading
196
- inline-notification:
197
- name: Inline notification
198
- status: stable
199
- type: component
200
- platform: web
201
- framework: vue
202
- thumbnailPath: './thumbnails/inline-notification.svg'
203
- demoLinks:
204
- - type: storybook
205
- name: Storybook
206
- action: link
207
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvinlinenotification
208
- tags:
209
- - system-feedback
210
- link:
211
- status: stable
212
- externalDocsUrl: https://www.carbondesignsystem.com/components/link/usage
213
- framework: vue
214
- demoLinks:
215
- - type: storybook
216
- name: Storybook
217
- action: link
218
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvlink
219
- list:
220
- status: stable
221
- externalDocsUrl: https://www.carbondesignsystem.com/components/list/usage
222
- framework: vue
223
- demoLinks:
224
- - type: storybook
225
- name: Storybook
226
- action: link
227
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvlist
228
- loading:
229
- status: stable
230
- externalDocsUrl: https://www.carbondesignsystem.com/components/loading/usage
231
- framework: vue
232
- demoLinks:
233
- - type: storybook
234
- name: Storybook
235
- action: link
236
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvloading
237
- modal:
238
- status: stable
239
- externalDocsUrl: https://www.carbondesignsystem.com/components/modal/usage
240
- framework: vue
241
- demoLinks:
242
- - type: storybook
243
- name: Storybook
244
- action: link
245
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvmodal
246
- multiselect:
247
- status: stable
248
- externalDocsUrl: https://www.carbondesignsystem.com/components/dropdown/usage/#multiselect
249
- framework: vue
250
- demoLinks:
251
- - type: storybook
252
- name: Storybook
253
- action: link
254
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvmultiselect
255
- number-input:
256
- status: stable
257
- externalDocsUrl: https://www.carbondesignsystem.com/components/number-input/usage
258
- framework: vue
259
- demoLinks:
260
- - type: storybook
261
- name: Storybook
262
- action: link
263
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvnumberinput
264
- overflow-menu:
265
- status: stable
266
- externalDocsUrl: https://www.carbondesignsystem.com/components/overflow-menu/usage
267
- framework: vue
268
- demoLinks:
269
- - type: storybook
270
- name: Storybook
271
- action: link
272
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvoverflowmenu
273
- pagination:
274
- status: stable
275
- externalDocsUrl: https://www.carbondesignsystem.com/components/pagination/usage
276
- framework: vue
277
- demoLinks:
278
- - type: storybook
279
- name: Storybook
280
- action: link
281
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvpagination
282
- progress-indicator:
283
- status: stable
284
- externalDocsUrl: https://carbondesignsystem.com/components/progress-indicator/usage/
285
- framework: vue
286
- demoLinks:
287
- - type: storybook
288
- name: Storybook
289
- action: link
290
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvprogress
291
- radio-button:
292
- status: stable
293
- externalDocsUrl: https://www.carbondesignsystem.com/components/radio-button/usage
294
- framework: vue
295
- demoLinks:
296
- - type: storybook
297
- name: Storybook
298
- action: link
299
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvradiobutton
300
- search:
301
- status: stable
302
- externalDocsUrl: https://www.carbondesignsystem.com/components/search/usage
303
- framework: vue
304
- demoLinks:
305
- - type: storybook
306
- name: Storybook
307
- action: link
308
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvsearch
309
- select:
310
- status: stable
311
- externalDocsUrl: https://www.carbondesignsystem.com/components/select/usage
312
- framework: vue
313
- demoLinks:
314
- - type: storybook
315
- name: Storybook
316
- action: link
317
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvselect
318
- skeleton-text:
319
- name: Skeleton text
320
- status: stable
321
- type: component
322
- platform: web
323
- framework: vue
324
- thumbnailPath: './thumbnails/skeleton-text.svg'
325
- demoLinks:
326
- - type: storybook
327
- name: Storybook
328
- action: link
329
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvskeletontext
330
- tags:
331
- - data-display
332
- slider:
333
- status: stable
334
- externalDocsUrl: https://www.carbondesignsystem.com/components/slider/usage
335
- framework: vue
336
- demoLinks:
337
- - type: storybook
338
- name: Storybook
339
- action: link
340
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvslider
341
- structured-list:
342
- status: stable
343
- externalDocsUrl: https://www.carbondesignsystem.com/components/structured-list/usage
344
- framework: vue
345
- demoLinks:
346
- - type: storybook
347
- name: Storybook
348
- action: link
349
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvstructuredlist
350
- tabs:
351
- status: stable
352
- externalDocsUrl: https://www.carbondesignsystem.com/components/tabs/usage
353
- framework: vue
354
- demoLinks:
355
- - type: storybook
356
- name: Storybook
357
- action: link
358
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvtabs
359
- tag:
360
- status: stable
361
- externalDocsUrl: https://www.carbondesignsystem.com/components/tag/usage
362
- framework: vue
363
- demoLinks:
364
- - type: storybook
365
- name: Storybook
366
- action: link
367
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvtag
368
- text-area:
369
- status: stable
370
- framework: vue
371
- demoLinks:
372
- - type: storybook
373
- name: Storybook
374
- action: link
375
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvtextarea
376
- text-input:
377
- status: stable
378
- externalDocsUrl: https://www.carbondesignsystem.com/components/text-input/usage
379
- framework: vue
380
- demoLinks:
381
- - type: storybook
382
- name: Storybook
383
- action: link
384
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvtextinput
385
- tile:
386
- status: stable
387
- externalDocsUrl: https://www.carbondesignsystem.com/components/tile/usage
388
- framework: vue
389
- demoLinks:
390
- - type: storybook
391
- name: Storybook
392
- action: link
393
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvtile
394
- time-picker:
395
- status: stable
396
- framework: vue
397
- demoLinks:
398
- - type: storybook
399
- name: Storybook
400
- action: link
401
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvtimepicker
402
- toast-notification:
403
- name: Toast notification
404
- status: stable
405
- type: component
406
- platform: web
407
- framework: vue
408
- thumbnailPath: './thumbnails/toast-notification.svg'
409
- demoLinks:
410
- - type: storybook
411
- name: Storybook
412
- action: link
413
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvtoastnotification
414
- tags:
415
- - system-feedback
416
- toggle:
417
- status: stable
418
- externalDocsUrl: https://www.carbondesignsystem.com/components/toggle/usage
419
- framework: vue
420
- demoLinks:
421
- - type: storybook
422
- name: Storybook
423
- action: link
424
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvtoggle
425
- tooltip:
426
- status: stable
427
- externalDocsUrl: https://www.carbondesignsystem.com/components/tooltip/usage
428
- framework: vue
429
- demoLinks:
430
- - type: storybook
431
- name: Storybook
432
- action: link
433
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvtooltip-interactive-tootlip
434
- ui-shell-header:
435
- status: stable
436
- externalDocsUrl: https://www.carbondesignsystem.com/components/UI-shell-header/usage
437
- framework: vue
438
- demoLinks:
439
- - type: storybook
440
- name: Storybook
441
- action: link
442
- url: https://vue.carbondesignsystem.com/?path=/story/components-cvuishell
@@ -1,29 +0,0 @@
1
- <template>
2
- <li :class="[`${carbonPrefix}--accordion__item`, { [`${carbonPrefix}--accordion__item--active`]: open }]">
3
- <button disabled type="button" :class="`${carbonPrefix}--accordion__heading`">
4
- <ChevronRight16 :class="`${carbonPrefix}--accordion__arrow`" />
5
- <cv-skeleton-text :class="`${carbonPrefix}--accordion__title`"></cv-skeleton-text>
6
- </button>
7
- <div :class="`${carbonPrefix}--accordion__content`">
8
- <slot></slot>
9
- </div>
10
- </li>
11
- </template>
12
-
13
- <script>
14
- import CvSkeletonText from '../cv-skeleton-text/cv-skeleton-text';
15
- import ChevronRight16 from '@carbon/icons-vue/es/chevron--right/16';
16
- import { carbonPrefixMixin } from '../../mixins';
17
-
18
- export default {
19
- name: 'CvAccordionItemSkeleton',
20
- mixins: [carbonPrefixMixin],
21
- components: {
22
- ChevronRight16,
23
- CvSkeletonText,
24
- },
25
- props: {
26
- open: { type: Boolean, default: false },
27
- },
28
- };
29
- </script>
@@ -1,87 +0,0 @@
1
- <!--
2
- An item in a Carbon accordion.
3
-
4
- Usage:
5
- See accordion.vue
6
- -->
7
-
8
- <template>
9
- <li
10
- data-accordion-item
11
- class="cv-accordion-item"
12
- :class="[
13
- `${carbonPrefix}--accordion__item`,
14
-
15
- {
16
- [`${carbonPrefix}--accordion__item--disabled`]: disabled,
17
- [`${carbonPrefix}--accordion__item--active`]: dataOpen,
18
- [`${carbonPrefix}--accordion__item--${this.animation}`]: animation,
19
- },
20
- ]"
21
- @animationend="onAnimationEnd"
22
- >
23
- <button
24
- :disabled="disabled"
25
- ref="button"
26
- type="button"
27
- :class="`${carbonPrefix}--accordion__heading`"
28
- :aria-expanded="dataOpen ? 'true' : 'false'"
29
- :aria-controls="uid"
30
- @click="toggle"
31
- >
32
- <ChevronRight16 :class="`${carbonPrefix}--accordion__arrow`" />
33
- <p :class="`${carbonPrefix}--accordion__title`">
34
- <slot name="title"></slot>
35
- </p>
36
- </button>
37
- <div :id="uid" :class="`${carbonPrefix}--accordion__content`">
38
- <slot name="content"></slot>
39
- </div>
40
- </li>
41
- </template>
42
-
43
- <script>
44
- import ChevronRight16 from '@carbon/icons-vue/es/chevron--right/16';
45
- import { uidMixin, carbonPrefixMixin, methodsMixin } from '../../mixins';
46
- export default {
47
- name: 'CvAccordionItem',
48
- mixins: [uidMixin, carbonPrefixMixin, methodsMixin({ button: ['blur', 'focus'] })],
49
- components: { ChevronRight16 },
50
- props: {
51
- disabled: Boolean,
52
- open: { type: Boolean, default: false },
53
- },
54
- watch: {
55
- open: {
56
- immediate: true,
57
- handler(value) {
58
- this.dataOpen = value;
59
- },
60
- },
61
- },
62
- data() {
63
- return {
64
- animation: '',
65
- dataOpen: false,
66
- };
67
- },
68
- mounted() {
69
- this.$_CvAccordionItem = true; // for use by parent with $children
70
- },
71
- methods: {
72
- toggle(force) {
73
- this.animation = this.dataOpen ? 'collapsing' : 'expanding';
74
- const newValue = typeof force === 'boolean' ? !!force : !this.dataOpen;
75
- const change = this.dataOpen !== undefined && newValue !== this.dataOpen;
76
-
77
- this.dataOpen = newValue;
78
- if (change) {
79
- this.$parent.$emit('cv:change', this);
80
- }
81
- },
82
- onAnimationEnd() {
83
- this.animation = '';
84
- },
85
- },
86
- };
87
- </script>