npm - @carbon/web-components - Versions diffs - 2.0.0-alpha.0 → 2.0.0-beta.1 - Mend

@carbon/web-components 2.0.0-alpha.0 → 2.0.0-beta.1

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 (737) hide show

package/README.md CHANGED Viewed

@@ -13,7 +13,7 @@ with no framework tax, no framework silo.
 > contributors.
 <p align="center">
-  <a href="https://github.com/carbon-design-system/carbon-web-components/blob/main/LICENSE">
+  <a href="https://github.com/carbon-design-system/carbon-for-ibm-dotcom/blob/main/LICENSE">
     <img src="https://img.shields.io/badge/license-Apache--2.0-blue.svg" alt="Carbon is released under the Apache-2.0 license" />
   </a>
 </p>
@@ -161,21 +161,21 @@ directly used once the script tag has been added to the page. For example:
       src="https://1.www.s81c.com/common/carbon/web-components/tag/latest/dropdown.min.js"></script>
     <style type="text/css">
       // Suppresses the custom element until it has been defined
-      bx-dropdown:not(:defined),
-      bx-dropdown-item:not(:defined) {
+      cds-dropdown:not(:defined),
+      cds-dropdown-item:not(:defined) {
         visibility: hidden;
       }
     </style>
   </head>
   <body>
     <div id="app">
-      <bx-dropdown trigger-content="Select an item">
-        <bx-dropdown-item value="all">Option 1</bx-dropdown-item>
-        <bx-dropdown-item value="cloudFoundry">Option 2</bx-dropdown-item>
-        <bx-dropdown-item value="staging">Option 3</bx-dropdown-item>
-        <bx-dropdown-item value="dea">Option 4</bx-dropdown-item>
-        <bx-dropdown-item value="router">Option 5</bx-dropdown-item>
-      </bx-dropdown>
+      <cds-dropdown trigger-content="Select an item">
+        <cds-dropdown-item value="all">Option 1</cds-dropdown-item>
+        <cds-dropdown-item value="cloudFoundry">Option 2</cds-dropdown-item>
+        <cds-dropdown-item value="staging">Option 3</cds-dropdown-item>
+        <cds-dropdown-item value="dea">Option 4</cds-dropdown-item>
+        <cds-dropdown-item value="router">Option 5</cds-dropdown-item>
+      </cds-dropdown>
     </div>
   </body>
 </html>
@@ -242,13 +242,13 @@ Once you've imported the component modules, you can use our components in the
 same manner as native HTML tags, for example:
 ```html
-<bx-dropdown trigger-content="Select an item">
-  <bx-dropdown-item value="all">Option 1</bx-dropdown-item>
-  <bx-dropdown-item value="cloudFoundry">Option 2</bx-dropdown-item>
-  <bx-dropdown-item value="staging">Option 3</bx-dropdown-item>
-  <bx-dropdown-item value="dea">Option 4</bx-dropdown-item>
-  <bx-dropdown-item value="router">Option 5</bx-dropdown-item>
-</bx-dropdown>
+<cds-dropdown trigger-content="Select an item">
+  <cds-dropdown-item value="all">Option 1</cds-dropdown-item>
+  <cds-dropdown-item value="cloudFoundry">Option 2</cds-dropdown-item>
+  <cds-dropdown-item value="staging">Option 3</cds-dropdown-item>
+  <cds-dropdown-item value="dea">Option 4</cds-dropdown-item>
+  <cds-dropdown-item value="router">Option 5</cds-dropdown-item>
+</cds-dropdown>
 ```
 ### Other usage guides
@@ -383,7 +383,7 @@ information in several ways:
    knobs are shown as something like `Button kind (kind)`, where `kind` is the
    attribute name
 3. Clicking the **ACTION LOGGER** tab at the bottom and interacting with the
-   selected component. You may see something like `bx-modal-closed` which
+   selected component. You may see something like `cds-modal-closed` which
    typically indicates that an event with such event type is fired. You can also
    expand the twistie to see the details of the event
@@ -399,7 +399,7 @@ To support IE, you need a couple additional setups:
   [`@babel/preset-env`](https://babeljs.io/docs/en/babel-preset-env)
   configuration)
 - Polyfills, listed
-  [here](https://github.com/carbon-design-system/carbon-web-components/blob/main/src/polyfills/index.ts)
+  [here](https://github.com/carbon-design-system/carbon-for-ibm-dotcom/blob/main/packages/carbon-web-components/src/polyfills/index.ts)
 Here's an example code that shows such setup: