@carbon/web-components 2.0.0-alpha.0 → 2.0.0-beta.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 (246) hide show
  1. package/README.md +19 -19
  2. package/custom-elements.json +474 -200
  3. package/es/components/accordion/accordion-item-skeleton.d.ts +20 -0
  4. package/es/components/accordion/accordion-item-skeleton.d.ts.map +1 -0
  5. package/es/components/accordion/accordion-item-skeleton.js +60 -0
  6. package/es/components/accordion/accordion-item-skeleton.js.map +1 -0
  7. package/es/components/accordion/accordion-item.d.ts +5 -4
  8. package/es/components/accordion/accordion-item.d.ts.map +1 -1
  9. package/es/components/accordion/accordion-item.js +24 -9
  10. package/es/components/accordion/accordion-item.js.map +1 -1
  11. package/es/components/accordion/accordion-skeleton.d.ts +40 -0
  12. package/es/components/accordion/accordion-skeleton.d.ts.map +1 -0
  13. package/es/components/accordion/accordion-skeleton.js +166 -0
  14. package/es/components/accordion/accordion-skeleton.js.map +1 -0
  15. package/es/components/accordion/accordion.css.js +1 -1
  16. package/es/components/accordion/accordion.d.ts +2 -2
  17. package/es/components/accordion/accordion.d.ts.map +1 -1
  18. package/es/components/accordion/accordion.js +5 -5
  19. package/es/components/accordion/accordion.js.map +1 -1
  20. package/es/components/accordion/accordion.rtl.css.js +1 -1
  21. package/es/components/accordion/index.d.ts +3 -1
  22. package/es/components/accordion/index.d.ts.map +1 -1
  23. package/es/components/accordion/index.js +3 -1
  24. package/es/components/accordion/index.js.map +1 -1
  25. package/es/components/breadcrumb/breadcrumb-item.d.ts +2 -2
  26. package/es/components/breadcrumb/breadcrumb-item.d.ts.map +1 -1
  27. package/es/components/breadcrumb/breadcrumb-item.js +5 -5
  28. package/es/components/breadcrumb/breadcrumb-item.js.map +1 -1
  29. package/es/components/breadcrumb/breadcrumb-link.d.ts +4 -3
  30. package/es/components/breadcrumb/breadcrumb-link.d.ts.map +1 -1
  31. package/es/components/breadcrumb/breadcrumb-link.js +20 -6
  32. package/es/components/breadcrumb/breadcrumb-link.js.map +1 -1
  33. package/es/components/breadcrumb/breadcrumb-overflow-menu.d.ts +3 -3
  34. package/es/components/breadcrumb/breadcrumb-overflow-menu.d.ts.map +1 -1
  35. package/es/components/breadcrumb/breadcrumb-overflow-menu.js +6 -6
  36. package/es/components/breadcrumb/breadcrumb-overflow-menu.js.map +1 -1
  37. package/es/components/breadcrumb/breadcrumb-skeleton.d.ts +19 -0
  38. package/es/components/breadcrumb/breadcrumb-skeleton.d.ts.map +1 -0
  39. package/es/components/breadcrumb/breadcrumb-skeleton.js +59 -0
  40. package/es/components/breadcrumb/breadcrumb-skeleton.js.map +1 -0
  41. package/es/components/breadcrumb/breadcrumb.css.js +1 -1
  42. package/es/components/breadcrumb/breadcrumb.d.ts +6 -2
  43. package/es/components/breadcrumb/breadcrumb.d.ts.map +1 -1
  44. package/es/components/breadcrumb/breadcrumb.js +30 -10
  45. package/es/components/breadcrumb/breadcrumb.js.map +1 -1
  46. package/es/components/breadcrumb/breadcrumb.rtl.css.js +1 -1
  47. package/es/components/breadcrumb/index.d.ts +2 -1
  48. package/es/components/breadcrumb/index.d.ts.map +1 -1
  49. package/es/components/breadcrumb/index.js +2 -1
  50. package/es/components/breadcrumb/index.js.map +1 -1
  51. package/es/components/button/button-set.d.ts +32 -0
  52. package/es/components/button/button-set.d.ts.map +1 -0
  53. package/es/components/button/button-set.js +92 -0
  54. package/es/components/button/button-set.js.map +1 -0
  55. package/es/components/button/button.css.js +1 -1
  56. package/es/components/button/button.d.ts +47 -8
  57. package/es/components/button/button.d.ts.map +1 -1
  58. package/es/components/button/button.js +187 -34
  59. package/es/components/button/button.js.map +1 -1
  60. package/es/components/button/button.rtl.css.js +1 -1
  61. package/es/components/button/defs.d.ts +60 -14
  62. package/es/components/button/defs.d.ts.map +1 -1
  63. package/es/components/button/defs.js +34 -11
  64. package/es/components/button/defs.js.map +1 -1
  65. package/es/components/button/index.d.ts +2 -1
  66. package/es/components/button/index.d.ts.map +1 -1
  67. package/es/components/button/index.js +2 -1
  68. package/es/components/button/index.js.map +1 -1
  69. package/es/components/checkbox/checkbox.css.js +1 -1
  70. package/es/components/checkbox/checkbox.rtl.css.js +1 -1
  71. package/es/components/code-snippet/code-snippet.css.js +1 -1
  72. package/es/components/code-snippet/code-snippet.rtl.css.js +1 -1
  73. package/es/components/combo-box/combo-box.css.js +1 -1
  74. package/es/components/combo-box/combo-box.rtl.css.js +1 -1
  75. package/es/components/data-table/data-table.css.js +1 -1
  76. package/es/components/data-table/data-table.rtl.css.js +1 -1
  77. package/es/components/date-picker/date-picker.css.js +1 -1
  78. package/es/components/date-picker/date-picker.rtl.css.js +1 -1
  79. package/es/components/dropdown/dropdown.css.js +1 -1
  80. package/es/components/dropdown/dropdown.rtl.css.js +1 -1
  81. package/es/components/file-uploader/file-uploader.css.js +1 -1
  82. package/es/components/file-uploader/file-uploader.rtl.css.js +1 -1
  83. package/es/components/form/form-item.css.js +1 -1
  84. package/es/components/form/form-item.rtl.css.js +1 -1
  85. package/es/components/input/input.css.js +1 -1
  86. package/es/components/input/input.rtl.css.js +1 -1
  87. package/es/components/layer/index.d.ts +11 -0
  88. package/es/components/layer/index.d.ts.map +1 -0
  89. package/es/components/layer/index.js +11 -0
  90. package/es/components/layer/index.js.map +1 -0
  91. package/es/components/layer/layer.css.js +12 -0
  92. package/es/components/layer/layer.d.ts +36 -0
  93. package/es/components/layer/layer.d.ts.map +1 -0
  94. package/es/components/layer/layer.js +117 -0
  95. package/es/components/layer/layer.js.map +1 -0
  96. package/es/components/layer/layer.rtl.css.js +12 -0
  97. package/es/components/link/link.d.ts +16 -8
  98. package/es/components/link/link.d.ts.map +1 -1
  99. package/es/components/link/link.js +41 -9
  100. package/es/components/link/link.js.map +1 -1
  101. package/es/components/multi-select/multi-select.css.js +1 -1
  102. package/es/components/multi-select/multi-select.rtl.css.js +1 -1
  103. package/es/components/number-input/number-input.css.js +1 -1
  104. package/es/components/number-input/number-input.rtl.css.js +1 -1
  105. package/es/components/pagination/pagination.css.js +1 -1
  106. package/es/components/pagination/pagination.rtl.css.js +1 -1
  107. package/es/components/radio-button/radio-button-group.d.ts +16 -4
  108. package/es/components/radio-button/radio-button-group.d.ts.map +1 -1
  109. package/es/components/radio-button/radio-button-group.js +55 -8
  110. package/es/components/radio-button/radio-button-group.js.map +1 -1
  111. package/es/components/radio-button/radio-button.css.js +1 -1
  112. package/es/components/radio-button/radio-button.d.ts +12 -4
  113. package/es/components/radio-button/radio-button.d.ts.map +1 -1
  114. package/es/components/radio-button/radio-button.js +44 -12
  115. package/es/components/radio-button/radio-button.js.map +1 -1
  116. package/es/components/radio-button/radio-button.rtl.css.js +1 -1
  117. package/es/components/search/search.css.js +1 -1
  118. package/es/components/search/search.rtl.css.js +1 -1
  119. package/es/components/select/select.css.js +1 -1
  120. package/es/components/select/select.rtl.css.js +1 -1
  121. package/es/components/slider/slider.css.js +1 -1
  122. package/es/components/slider/slider.rtl.css.js +1 -1
  123. package/es/components/tabs/tabs.css.js +1 -1
  124. package/es/components/tabs/tabs.rtl.css.js +1 -1
  125. package/es/components/tag/defs.d.ts +3 -3
  126. package/es/components/tag/defs.d.ts.map +1 -1
  127. package/es/components/tag/defs.js +2 -2
  128. package/es/components/tag/defs.js.map +1 -1
  129. package/es/components/tag/index.d.ts +1 -2
  130. package/es/components/tag/index.d.ts.map +1 -1
  131. package/es/components/tag/index.js +1 -2
  132. package/es/components/tag/index.js.map +1 -1
  133. package/es/components/tag/tag.css.js +1 -1
  134. package/es/components/tag/tag.d.ts +660 -3
  135. package/es/components/tag/tag.d.ts.map +1 -1
  136. package/es/components/tag/tag.js +160 -13
  137. package/es/components/tag/tag.js.map +1 -1
  138. package/es/components/tag/tag.rtl.css.js +1 -1
  139. package/es/components/textarea/textarea.css.js +1 -1
  140. package/es/components/textarea/textarea.rtl.css.js +1 -1
  141. package/es/components/tile/expandable-tile.d.ts +5 -5
  142. package/es/components/tile/expandable-tile.d.ts.map +1 -1
  143. package/es/components/tile/expandable-tile.js +50 -36
  144. package/es/components/tile/expandable-tile.js.map +1 -1
  145. package/es/components/tile/radio-tile.d.ts +6 -338
  146. package/es/components/tile/radio-tile.d.ts.map +1 -1
  147. package/es/components/tile/radio-tile.js +36 -127
  148. package/es/components/tile/radio-tile.js.map +1 -1
  149. package/es/components/tile/selectable-tile.d.ts +322 -1
  150. package/es/components/tile/selectable-tile.d.ts.map +1 -1
  151. package/es/components/tile/selectable-tile.js +26 -10
  152. package/es/components/tile/selectable-tile.js.map +1 -1
  153. package/es/components/tile/tile-group.d.ts +380 -3
  154. package/es/components/tile/tile-group.d.ts.map +1 -1
  155. package/es/components/tile/tile-group.js +336 -19
  156. package/es/components/tile/tile-group.js.map +1 -1
  157. package/es/components/tile/tile.css.js +1 -1
  158. package/es/components/tile/tile.rtl.css.js +1 -1
  159. package/es/components/toggle/toggle.css.js +1 -1
  160. package/es/components/toggle/toggle.d.ts +13 -5
  161. package/es/components/toggle/toggle.d.ts.map +1 -1
  162. package/es/components/toggle/toggle.js +46 -15
  163. package/es/components/toggle/toggle.js.map +1 -1
  164. package/es/components/toggle/toggle.rtl.css.js +1 -1
  165. package/es/components/toggle-tip/toggletip.css.js +1 -1
  166. package/es/components/toggle-tip/toggletip.d.ts +5 -1
  167. package/es/components/toggle-tip/toggletip.d.ts.map +1 -1
  168. package/es/components/toggle-tip/toggletip.js +12 -12
  169. package/es/components/toggle-tip/toggletip.js.map +1 -1
  170. package/es/components/toggle-tip/toggletip.rtl.css.js +1 -1
  171. package/es/components/tooltip/tooltip-body.d.ts.map +1 -1
  172. package/es/components/tooltip/tooltip-body.js +1 -5
  173. package/es/components/tooltip/tooltip-body.js.map +1 -1
  174. package/es/components/tooltip/tooltip.css.js +1 -1
  175. package/es/components/tooltip/tooltip.d.ts +1 -2
  176. package/es/components/tooltip/tooltip.d.ts.map +1 -1
  177. package/es/components/tooltip/tooltip.js +9 -3
  178. package/es/components/tooltip/tooltip.js.map +1 -1
  179. package/es/components/tooltip/tooltip.rtl.css.js +1 -1
  180. package/es/components-react/accordion/accordion-item-skeleton.d.ts +15 -0
  181. package/es/components-react/accordion/accordion-item-skeleton.js +21 -0
  182. package/es/components-react/accordion/accordion-item.d.ts +2 -2
  183. package/es/components-react/accordion/accordion-skeleton.d.ts +15 -0
  184. package/es/components-react/accordion/accordion-skeleton.js +21 -0
  185. package/es/components-react/accordion/accordion.d.ts +2 -2
  186. package/es/components-react/breadcrumb/breadcrumb-item.d.ts +2 -2
  187. package/es/components-react/breadcrumb/breadcrumb-link.d.ts +2 -2
  188. package/es/components-react/breadcrumb/breadcrumb-overflow-menu.d.ts +2 -2
  189. package/es/components-react/breadcrumb/breadcrumb-skeleton.d.ts +15 -0
  190. package/es/components-react/breadcrumb/breadcrumb-skeleton.js +21 -0
  191. package/es/components-react/breadcrumb/breadcrumb.d.ts +2 -2
  192. package/es/components-react/button/button-set.d.ts +15 -0
  193. package/es/components-react/button/button-set.js +21 -0
  194. package/es/components-react/button/button.js +7 -1
  195. package/es/components-react/layer/index.d.ts +14 -0
  196. package/es/components-react/layer/index.js +8 -0
  197. package/es/components-react/layer/layer.d.ts +19 -0
  198. package/es/components-react/{tag/filter-tag.js → layer/layer.js} +5 -10
  199. package/es/components-react/link/link.d.ts +2 -2
  200. package/es/components-react/radio-button/radio-button-group.d.ts +2 -2
  201. package/es/components-react/radio-button/radio-button.d.ts +2 -2
  202. package/es/components-react/tag/tag.d.ts +11 -2
  203. package/es/components-react/tag/tag.js +12 -2
  204. package/es/components-react/tile/radio-tile.d.ts +8 -3
  205. package/es/components-react/tile/radio-tile.js +8 -2
  206. package/es/components-react/tile/tile-group.d.ts +10 -2
  207. package/es/components-react/tile/tile-group.js +12 -2
  208. package/es/components-react/toggle/toggle.d.ts +2 -2
  209. package/es/globals/internal/radio-group-manager.d.ts +3 -2
  210. package/es/globals/internal/radio-group-manager.d.ts.map +1 -1
  211. package/es/globals/internal/radio-group-manager.js +5 -4
  212. package/es/globals/internal/radio-group-manager.js.map +1 -1
  213. package/es/index.d.ts +0 -1
  214. package/es/index.d.ts.map +1 -1
  215. package/es/index.js +0 -1
  216. package/es/index.js.map +1 -1
  217. package/lib/components/button/defs.js +36 -13
  218. package/lib/components/button/defs.js.map +1 -1
  219. package/lib/components/tag/defs.js +2 -2
  220. package/lib/components/tag/defs.js.map +1 -1
  221. package/lib/components-react-node/accordion/accordion-item-skeleton.js +36 -0
  222. package/lib/components-react-node/accordion/accordion-skeleton.js +36 -0
  223. package/lib/components-react-node/breadcrumb/breadcrumb-skeleton.js +36 -0
  224. package/lib/components-react-node/button/button-set.js +36 -0
  225. package/lib/components-react-node/button/button.js +18 -6
  226. package/lib/components-react-node/layer/index.js +9 -0
  227. package/lib/components-react-node/{tag/filter-tag.js → layer/layer.js} +4 -21
  228. package/lib/components-react-node/tag/tag.js +12 -2
  229. package/lib/components-react-node/tile/radio-tile.js +8 -2
  230. package/lib/components-react-node/tile/tile-group.js +12 -2
  231. package/package.json +6 -7
  232. package/scss/components/accordion/accordion.scss +24 -10
  233. package/scss/components/breadcrumb/breadcrumb.scss +6 -3
  234. package/scss/components/button/button.scss +16 -34
  235. package/scss/components/combo-box/combo-box.scss +0 -1
  236. package/scss/components/layer/layer.scss +29 -0
  237. package/scss/components/radio-button/radio-button.scss +6 -6
  238. package/scss/components/tag/tag.scss +69 -72
  239. package/scss/components/tile/tile.scss +38 -16
  240. package/scss/components/toggle/toggle.scss +4 -0
  241. package/CHANGELOG.md +0 -87
  242. package/es/components/tag/filter-tag.d.ts +0 -680
  243. package/es/components/tag/filter-tag.d.ts.map +0 -1
  244. package/es/components/tag/filter-tag.js +0 -194
  245. package/es/components/tag/filter-tag.js.map +0 -1
  246. package/es/components-react/tag/filter-tag.d.ts +0 -24
package/README.md CHANGED
@@ -13,7 +13,7 @@ with no framework tax, no framework silo.
13
13
  > contributors.
14
14
 
15
15
  <p align="center">
16
- <a href="https://github.com/carbon-design-system/carbon-web-components/blob/main/LICENSE">
16
+ <a href="https://github.com/carbon-design-system/carbon-for-ibm-dotcom/blob/main/LICENSE">
17
17
  <img src="https://img.shields.io/badge/license-Apache--2.0-blue.svg" alt="Carbon is released under the Apache-2.0 license" />
18
18
  </a>
19
19
  </p>
@@ -161,21 +161,21 @@ directly used once the script tag has been added to the page. For example:
161
161
  src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/dropdown.min.js"></script>
162
162
  <style type="text/css">
163
163
  // Suppresses the custom element until it has been defined
164
- bx-dropdown:not(:defined),
165
- bx-dropdown-item:not(:defined) {
164
+ cds-dropdown:not(:defined),
165
+ cds-dropdown-item:not(:defined) {
166
166
  visibility: hidden;
167
167
  }
168
168
  </style>
169
169
  </head>
170
170
  <body>
171
171
  <div id="app">
172
- <bx-dropdown trigger-content="Select an item">
173
- <bx-dropdown-item value="all">Option 1</bx-dropdown-item>
174
- <bx-dropdown-item value="cloudFoundry">Option 2</bx-dropdown-item>
175
- <bx-dropdown-item value="staging">Option 3</bx-dropdown-item>
176
- <bx-dropdown-item value="dea">Option 4</bx-dropdown-item>
177
- <bx-dropdown-item value="router">Option 5</bx-dropdown-item>
178
- </bx-dropdown>
172
+ <cds-dropdown trigger-content="Select an item">
173
+ <cds-dropdown-item value="all">Option 1</cds-dropdown-item>
174
+ <cds-dropdown-item value="cloudFoundry">Option 2</cds-dropdown-item>
175
+ <cds-dropdown-item value="staging">Option 3</cds-dropdown-item>
176
+ <cds-dropdown-item value="dea">Option 4</cds-dropdown-item>
177
+ <cds-dropdown-item value="router">Option 5</cds-dropdown-item>
178
+ </cds-dropdown>
179
179
  </div>
180
180
  </body>
181
181
  </html>
@@ -242,13 +242,13 @@ Once you've imported the component modules, you can use our components in the
242
242
  same manner as native HTML tags, for example:
243
243
 
244
244
  ```html
245
- <bx-dropdown trigger-content="Select an item">
246
- <bx-dropdown-item value="all">Option 1</bx-dropdown-item>
247
- <bx-dropdown-item value="cloudFoundry">Option 2</bx-dropdown-item>
248
- <bx-dropdown-item value="staging">Option 3</bx-dropdown-item>
249
- <bx-dropdown-item value="dea">Option 4</bx-dropdown-item>
250
- <bx-dropdown-item value="router">Option 5</bx-dropdown-item>
251
- </bx-dropdown>
245
+ <cds-dropdown trigger-content="Select an item">
246
+ <cds-dropdown-item value="all">Option 1</cds-dropdown-item>
247
+ <cds-dropdown-item value="cloudFoundry">Option 2</cds-dropdown-item>
248
+ <cds-dropdown-item value="staging">Option 3</cds-dropdown-item>
249
+ <cds-dropdown-item value="dea">Option 4</cds-dropdown-item>
250
+ <cds-dropdown-item value="router">Option 5</cds-dropdown-item>
251
+ </cds-dropdown>
252
252
  ```
253
253
 
254
254
  ### Other usage guides
@@ -383,7 +383,7 @@ information in several ways:
383
383
  knobs are shown as something like `Button kind (kind)`, where `kind` is the
384
384
  attribute name
385
385
  3. Clicking the **ACTION LOGGER** tab at the bottom and interacting with the
386
- selected component. You may see something like `bx-modal-closed` which
386
+ selected component. You may see something like `cds-modal-closed` which
387
387
  typically indicates that an event with such event type is fired. You can also
388
388
  expand the twistie to see the details of the event
389
389
 
@@ -399,7 +399,7 @@ To support IE, you need a couple additional setups:
399
399
  [`@babel/preset-env`](https://babeljs.io/docs/en/babel-preset-env)
400
400
  configuration)
401
401
  - Polyfills, listed
402
- [here](https://github.com/carbon-design-system/carbon-web-components/blob/main/src/polyfills/index.ts)
402
+ [here](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/blob/main/packages/carbon-web-components/src/polyfills/index.ts)
403
403
 
404
404
  Here's an example code that shows such setup:
405
405