@boostdev/design-system-components 1.2.8 → 2.0.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 (160) hide show
  1. package/AGENTS.md +5 -3
  2. package/README.md +55 -37
  3. package/dist/client.cjs +50 -50
  4. package/dist/client.css +524 -524
  5. package/dist/client.d.cts +28 -0
  6. package/dist/client.d.ts +28 -0
  7. package/dist/client.js +50 -50
  8. package/dist/index.cjs +50 -50
  9. package/dist/index.css +524 -524
  10. package/dist/index.d.cts +28 -0
  11. package/dist/index.d.ts +28 -0
  12. package/dist/index.js +50 -50
  13. package/dist/web-components/{chunk-DZRSJGPB.js → chunk-3S42DZ7W.js} +1 -1
  14. package/dist/web-components/globals.js +1 -1
  15. package/dist/web-components/index.js +1 -1
  16. package/package.json +3 -3
  17. package/src/components/interaction/Button/Button.mdx +13 -3
  18. package/src/components/interaction/Button/Button.module.css +1 -1
  19. package/src/components/interaction/Button/Button.native.mdx +2 -2
  20. package/src/components/interaction/Button/Button.tsx +28 -0
  21. package/src/components/interaction/Command/Command.module.css +1 -1
  22. package/src/components/interaction/Dialog/Dialog.module.css +1 -1
  23. package/src/components/interaction/Dialog/Dialog.native.mdx +2 -2
  24. package/src/components/interaction/Drawer/Drawer.module.css +1 -1
  25. package/src/components/interaction/Drawer/Drawer.native.mdx +2 -2
  26. package/src/components/interaction/DropdownMenu/DropdownMenu.module.css +1 -1
  27. package/src/components/interaction/DropdownMenu/DropdownMenu.native.mdx +2 -2
  28. package/src/components/interaction/Popover/Popover.module.css +1 -1
  29. package/src/components/interaction/Popover/Popover.native.mdx +2 -2
  30. package/src/components/interaction/Rating/Rating.module.css +1 -1
  31. package/src/components/interaction/Rating/Rating.native.mdx +1 -1
  32. package/src/components/interaction/Toast/Toast.module.css +1 -1
  33. package/src/components/interaction/Toast/Toast.native.mdx +3 -3
  34. package/src/components/interaction/form/Checkbox/Checkbox.module.css +1 -1
  35. package/src/components/interaction/form/Checkbox/Checkbox.native.mdx +1 -1
  36. package/src/components/interaction/form/CheckboxGroup/CheckboxGroup.module.css +1 -1
  37. package/src/components/interaction/form/CheckboxGroup/CheckboxGroup.native.mdx +1 -1
  38. package/src/components/interaction/form/Combobox/Combobox.module.css +1 -1
  39. package/src/components/interaction/form/Combobox/Combobox.native.mdx +1 -1
  40. package/src/components/interaction/form/FileInput/FileInput.module.css +1 -1
  41. package/src/components/interaction/form/FileInput/FileInput.native.mdx +1 -1
  42. package/src/components/interaction/form/FormInput/FormInput.module.css +1 -1
  43. package/src/components/interaction/form/FormInput/FormInput.native.mdx +1 -1
  44. package/src/components/interaction/form/NumberInput/NumberInput.module.css +1 -1
  45. package/src/components/interaction/form/NumberInput/NumberInput.native.mdx +1 -1
  46. package/src/components/interaction/form/Radio/Radio.module.css +1 -1
  47. package/src/components/interaction/form/RadioGroup/RadioGroup.module.css +1 -1
  48. package/src/components/interaction/form/RadioGroup/RadioGroup.native.mdx +1 -1
  49. package/src/components/interaction/form/SegmentedControl/SegmentedControl.module.css +1 -1
  50. package/src/components/interaction/form/SegmentedControl/SegmentedControl.native.mdx +1 -1
  51. package/src/components/interaction/form/Select/Select.module.css +1 -1
  52. package/src/components/interaction/form/Select/Select.native.mdx +1 -1
  53. package/src/components/interaction/form/Slider/Slider.module.css +1 -1
  54. package/src/components/interaction/form/Slider/Slider.native.mdx +1 -1
  55. package/src/components/interaction/form/Switch/Switch.module.css +1 -1
  56. package/src/components/interaction/form/Textarea/Textarea.module.css +1 -1
  57. package/src/components/interaction/form/Textarea/Textarea.native.mdx +1 -1
  58. package/src/components/interaction/form/atoms/InputContainer.module.css +1 -1
  59. package/src/components/interaction/form/atoms/Label.module.css +1 -1
  60. package/src/components/interaction/form/atoms/Message.module.css +1 -1
  61. package/src/components/layout/ButtonGroup/ButtonGroup.module.css +1 -1
  62. package/src/components/layout/Card/Card.module.css +1 -1
  63. package/src/components/layout/IconWrapper/IconWrapper.module.css +1 -1
  64. package/src/components/layout/SectionHeader/SectionHeader.module.css +1 -1
  65. package/src/components/ui/Accordion/Accordion.module.css +1 -1
  66. package/src/components/ui/Accordion/Accordion.native.mdx +1 -1
  67. package/src/components/ui/Accordion/Accordion.native.stories.tsx +1 -1
  68. package/src/components/ui/Alert/Alert.module.css +1 -1
  69. package/src/components/ui/Alert/Alert.native.mdx +1 -1
  70. package/src/components/ui/Avatar/Avatar.module.css +1 -1
  71. package/src/components/ui/Avatar/Avatar.native.mdx +1 -1
  72. package/src/components/ui/Badge/Badge.module.css +1 -1
  73. package/src/components/ui/Badge/Badge.native.mdx +1 -1
  74. package/src/components/ui/Breadcrumb/Breadcrumb.module.css +1 -1
  75. package/src/components/ui/Breadcrumb/Breadcrumb.native.mdx +1 -1
  76. package/src/components/ui/Calendar/Calendar.module.css +1 -1
  77. package/src/components/ui/Calendar/Calendar.native.mdx +1 -1
  78. package/src/components/ui/Carousel/Carousel.module.css +1 -1
  79. package/src/components/ui/Carousel/Carousel.native.mdx +1 -1
  80. package/src/components/ui/Collapsible/Collapsible.module.css +1 -1
  81. package/src/components/ui/Collapsible/Collapsible.native.mdx +1 -1
  82. package/src/components/ui/DescriptionList/DescriptionList.module.css +1 -1
  83. package/src/components/ui/DescriptionList/DescriptionList.native.mdx +1 -1
  84. package/src/components/ui/Link/Link.module.css +1 -1
  85. package/src/components/ui/Link/Link.native.mdx +1 -1
  86. package/src/components/ui/Loading/Loading.module.css +1 -1
  87. package/src/components/ui/NotificationBanner/NotificationBanner.module.css +1 -1
  88. package/src/components/ui/Pagination/Pagination.module.css +1 -1
  89. package/src/components/ui/Pagination/Pagination.native.mdx +1 -1
  90. package/src/components/ui/Progress/Progress.module.css +1 -1
  91. package/src/components/ui/ProgressCircle/ProgressCircle.module.css +1 -1
  92. package/src/components/ui/ProgressCircle/ProgressCircle.native.mdx +1 -1
  93. package/src/components/ui/Separator/Separator.module.css +1 -1
  94. package/src/components/ui/Skeleton/Skeleton.module.css +1 -1
  95. package/src/components/ui/SkipLink/SkipLink.module.css +1 -1
  96. package/src/components/ui/Table/Table.module.css +1 -1
  97. package/src/components/ui/Table/Table.native.mdx +1 -1
  98. package/src/components/ui/Tabs/Tabs.module.css +1 -1
  99. package/src/components/ui/Tabs/Tabs.native.mdx +1 -1
  100. package/src/components/ui/Tooltip/Tooltip.module.css +1 -1
  101. package/src/components/ui/Tooltip/Tooltip.native.mdx +1 -1
  102. package/src/components/ui/Typography/Typography.module.css +1 -1
  103. package/src/components/ui/Typography/Typography.native.mdx +1 -1
  104. package/src/css/bdc.css +1 -1
  105. package/src/css/index.css +1 -1
  106. package/src/stories/DesignSystem/Borders.mdx +3 -3
  107. package/src/stories/DesignSystem/Colors.mdx +1 -1
  108. package/src/stories/DesignSystem/DarkMode.mdx +3 -3
  109. package/src/stories/DesignSystem/Overview.mdx +16 -5
  110. package/src/stories/DesignSystem/Typography.mdx +1 -1
  111. package/src/stories/Introduction.mdx +4 -4
  112. package/src/stories/ReactNative.mdx +6 -6
  113. package/src/web-components/globals.ts +1 -1
  114. package/src/web-components/interaction/BdsAccordion.mdx +3 -3
  115. package/src/web-components/interaction/BdsAccordion.stories.tsx +1 -1
  116. package/src/web-components/interaction/BdsButton.mdx +2 -2
  117. package/src/web-components/interaction/BdsCollapsible.mdx +2 -2
  118. package/src/web-components/interaction/BdsDialog.mdx +2 -2
  119. package/src/web-components/interaction/BdsDrawer.mdx +2 -2
  120. package/src/web-components/interaction/BdsDropdownMenu.mdx +2 -2
  121. package/src/web-components/interaction/BdsPopover.mdx +1 -1
  122. package/src/web-components/interaction/BdsSkipLink.mdx +2 -2
  123. package/src/web-components/interaction/BdsTabs.mdx +2 -2
  124. package/src/web-components/interaction/BdsToastProvider.mdx +3 -3
  125. package/src/web-components/interaction/BdsTooltip.mdx +2 -2
  126. package/src/web-components/interaction/form/BdsCheckbox.mdx +1 -1
  127. package/src/web-components/interaction/form/BdsCheckboxGroup.mdx +1 -1
  128. package/src/web-components/interaction/form/BdsCombobox.mdx +1 -1
  129. package/src/web-components/interaction/form/BdsFileInput.mdx +1 -1
  130. package/src/web-components/interaction/form/BdsFormInput.mdx +1 -1
  131. package/src/web-components/interaction/form/BdsNumberInput.mdx +1 -1
  132. package/src/web-components/interaction/form/BdsRadio.mdx +1 -1
  133. package/src/web-components/interaction/form/BdsRadioGroup.mdx +1 -1
  134. package/src/web-components/interaction/form/BdsSegmentedControl.mdx +1 -1
  135. package/src/web-components/interaction/form/BdsSelect.mdx +1 -1
  136. package/src/web-components/interaction/form/BdsSlider.mdx +1 -1
  137. package/src/web-components/interaction/form/BdsSwitch.mdx +1 -1
  138. package/src/web-components/interaction/form/BdsTextarea.mdx +1 -1
  139. package/src/web-components/ui/BdsAlert.mdx +1 -1
  140. package/src/web-components/ui/BdsAvatar.mdx +1 -1
  141. package/src/web-components/ui/BdsBadge.mdx +1 -1
  142. package/src/web-components/ui/BdsBreadcrumb.mdx +1 -1
  143. package/src/web-components/ui/BdsButtonGroup.mdx +1 -1
  144. package/src/web-components/ui/BdsCalendar.mdx +1 -1
  145. package/src/web-components/ui/BdsCard.mdx +1 -1
  146. package/src/web-components/ui/BdsCarousel.mdx +1 -1
  147. package/src/web-components/ui/BdsDescriptionList.mdx +1 -1
  148. package/src/web-components/ui/BdsIconWrapper.mdx +1 -1
  149. package/src/web-components/ui/BdsLink.mdx +1 -1
  150. package/src/web-components/ui/BdsLoading.mdx +1 -1
  151. package/src/web-components/ui/BdsNotificationBanner.mdx +1 -1
  152. package/src/web-components/ui/BdsPagination.mdx +1 -1
  153. package/src/web-components/ui/BdsProgress.mdx +1 -1
  154. package/src/web-components/ui/BdsProgressCircle.mdx +1 -1
  155. package/src/web-components/ui/BdsRating.mdx +1 -1
  156. package/src/web-components/ui/BdsSectionHeader.mdx +1 -1
  157. package/src/web-components/ui/BdsSeparator.mdx +2 -2
  158. package/src/web-components/ui/BdsSkeleton.mdx +1 -1
  159. package/src/web-components/ui/BdsTable.mdx +1 -1
  160. package/src/web-components/ui/BdsTypography.mdx +1 -1
@@ -12,7 +12,7 @@ Framework-agnostic toast notification provider. Wrap your page content in `<bds-
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## Examples
@@ -34,7 +34,7 @@ import '@boostdev/components/web-components';
34
34
  ### 1. Static method (import required)
35
35
 
36
36
  ```js
37
- import { BdsToastProvider } from '@boostdev/components/web-components';
37
+ import { BdsToastProvider } from '@boostdev/design-system-components/web-components';
38
38
 
39
39
  BdsToastProvider.show('File saved', 'success');
40
40
  BdsToastProvider.show('Something went wrong', 'error');
@@ -75,7 +75,7 @@ document.dispatchEvent(new CustomEvent('bds-show-toast', {
75
75
  </bds-toast-provider>
76
76
 
77
77
  <script type="module">
78
- import '@boostdev/components/web-components';
78
+ import '@boostdev/design-system-components/web-components';
79
79
  // or use the document event API — no import needed
80
80
  </script>
81
81
  ```
@@ -12,14 +12,14 @@ Framework-agnostic Tooltip custom element. Displays a small informational label
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  Or in HTML without a bundler:
19
19
 
20
20
  ```html
21
21
  <script type="module">
22
- import '@boostdev/components/web-components';
22
+ import '@boostdev/design-system-components/web-components';
23
23
  </script>
24
24
  ```
25
25
 
@@ -12,7 +12,7 @@ Form-associated checkbox custom element. Participates in HTML forms via the Form
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Groups related checkboxes with a shared label, hint, and error message. Renders
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Form-associated autocomplete combobox. Renders a text input with a filterable dr
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Form-associated file upload zone with drag-and-drop support. Renders a styled dr
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Form-associated text input with label, hint, error, and prefix/suffix slot suppo
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Form-associated number input with increment and decrement stepper buttons. Hides
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Form-associated radio button custom element. Use multiple `<bds-radio>` elements
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Groups related radio buttons with a shared label and name. Renders a `<fieldset>
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Form-associated segmented control. Renders a group of radio buttons (or anchor l
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Form-associated select custom element. Wraps a native `<select>` with consistent
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Form-associated range slider. Wraps a native `<input type="range">` with a style
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Form-associated toggle switch. Visually a sliding toggle but semantically equiva
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Form-associated multiline text input. Wraps a native `<textarea>` with consisten
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Framework-agnostic alert custom element for inline status messages. Supports fou
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## Examples
@@ -12,7 +12,7 @@ Framework-agnostic Avatar custom element. Displays a user photo when `src` is pr
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Framework-agnostic badge custom element for short status labels and counts. Five
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## Examples
@@ -12,7 +12,7 @@ Framework-agnostic Breadcrumb custom element. Renders a horizontal navigation tr
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Framework-agnostic Button Group custom element. Groups related `<bds-button>` el
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Framework-agnostic Calendar date picker custom element. Renders a keyboard-navig
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Framework-agnostic Card layout custom element. A versatile container with three
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Framework-agnostic Carousel custom element. A scroll-snap based slider where eac
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Framework-agnostic Description List custom element. Wraps slotted `<dt>`/`<dd>`
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Framework-agnostic Icon Wrapper custom element. Displays a slotted icon inside a
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Framework-agnostic Link custom element. Renders a styled `<a>` tag with three vi
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Framework-agnostic Loading spinner custom element. Displays an animated circular
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Framework-agnostic Notification Banner custom element. Renders a full-width stat
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Framework-agnostic Pagination navigation custom element. Renders previous/next b
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Framework-agnostic horizontal Progress bar custom element. Tracks progress towar
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Framework-agnostic circular Progress custom element. Renders an SVG ring that fi
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Framework-agnostic read-only star Rating custom element. Renders a row of SVG st
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Framework-agnostic Section Header custom element. Combines a title and optional
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -13,14 +13,14 @@ Framework-agnostic Separator custom element. Renders a thin decorative line to v
13
13
 
14
14
  ```js
15
15
  // Register all web components at once
16
- import '@boostdev/components/web-components';
16
+ import '@boostdev/design-system-components/web-components';
17
17
  ```
18
18
 
19
19
  Or in HTML without a bundler:
20
20
 
21
21
  ```html
22
22
  <script type="module">
23
- import '@boostdev/components/web-components';
23
+ import '@boostdev/design-system-components/web-components';
24
24
  </script>
25
25
  ```
26
26
 
@@ -12,7 +12,7 @@ Framework-agnostic Skeleton loading placeholder custom element. Displays an anim
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Framework-agnostic scrollable Table wrapper custom element. Apply design-system
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use
@@ -12,7 +12,7 @@ Framework-agnostic Typography custom element. Renders slotted text inside the ap
12
12
  ## Installation
13
13
 
14
14
  ```js
15
- import '@boostdev/components/web-components';
15
+ import '@boostdev/design-system-components/web-components';
16
16
  ```
17
17
 
18
18
  ## When to use