carbon-design-system · kodiakhq · Feb 20, 2023 · Aug 16, 2022 · Aug 17, 2022 · Aug 17, 2022
@@ -14,25 +14,45 @@ on:
 
   # Enable running this workflow manually from the Actions tab
   workflow_dispatch: # Allow for running this manually.
-
+          
 jobs:
   sync-branches:
     runs-on: ubuntu-latest
-    name: Syncing branches
     steps:
       - name: Checkout
         uses: actions/checkout@v3
-      - name: Set up Node
-        uses: actions/setup-node@v3
+
+      - name: Create PR branch 🤖
+        run: |
+          git branch carbon-platform-sync
+          git push origin carbon-platform-sync
+
+      - name: Create Pull Request
+        uses: actions/github-script@v6
         with:
-          node-version: 16
-      - name: Opening pull request
-        id: pull
-        uses: tretuna/sync-branches@1.4.0
-        with:
-          GITHUB_TOKEN: ${{secrets.GITHUB_TOKEN}}
-          FROM_BRANCH: "main"
-          TO_BRANCH: "carbon-platform"
-          PULL_REQUEST_BODY: "Platform Sync, pulling in new content from main into carbon-platform branch"
-          CONTENT_COMPARISON: true
-          REVIEWERS: '["francinelucca","andreancardona","alisonjoseph"]'
+          script: |
+            const { repo, owner } = context.repo;
+            const result = await github.rest.pulls.create({
+              title: 'Sync carbon-platform branch',
+              owner,
+              repo,
+              head: 'carbon-platform-sync',
+              base: 'carbon-platform',
+              body: [
+              'Platform Sync, pulling in new content from main into carbon-platform branch',
+              'This PR is auto-generated by [actions/github-script](https://github.com/actions/github-script).',
+              "**Note**: It’s ok for the CI cheks to fail on this PR, this code is not runnable due to the platform changes"
+              ].join('\n')
+            });
+            github.rest.issues.addLabels({
+              owner,
+              repo,
+              issue_number: result.data.number,
+              labels: ['status: enable automerge 🟠', 'status: ready for review 👀']
+            });
+            github.rest.pulls.requestReviewers({
+              owner,
+              repo,
+              pull_number: result.data.number,
+              reviewers: ['francinelucca', 'andreancardona', 'alisonjoseph']
+            });
@@ -6,6 +6,7 @@ import { mdxIcon, iconInverse } from './MdxIcon.module.scss';
 import sketch from './icons/sketch.svg';
 import ase from './icons/ase.png';
 import codesandbox from './icons/codesandbox.svg';
+import stackblitz from './icons/stackblitz.svg';
 import codepen from './icons/codepen.svg';
 import illustrator from './icons/illustrator.svg';
 import react from './icons/react.png';
@@ -23,6 +24,7 @@ const localIcons = {
   sketch,
   ase,
   codesandbox,
+  stackblitz,
   codepen,
   illustrator,
   react,

@@ -86,7 +86,7 @@ usage documentation, see the Storybooks for each framework below.
     knobs={{ DataTable: ['isSortable'], Table: ['size', 'useZebraStyles'] }}
     links={{
       React:
-        'https://react.carbondesignsystem.com/?path=/story/components-datatable--usage',
+        'https://react.carbondesignsystem.com/?path=/story/components-datatable--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-table--basic',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvdatatable--minimal',
@@ -126,7 +126,7 @@ usage documentation, see the Storybooks for each framework below.
     knobs={{ DataTable: ['isSortable'], Table: ['size', 'useZebraStyles'] }}
     links={{
       React:
-        'https://react.carbondesignsystem.com/?path=/story/components-datatable-selection--usage',
+        'https://react.carbondesignsystem.com/?path=/story/components-datatable-selection--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-table--basic',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvdatatable--default',
@@ -175,7 +175,7 @@ usage documentation, see the Storybooks for each framework below.
     knobs={{ DataTable: ['isSortable'] }}
     links={{
       React:
-        'https://react.carbondesignsystem.com/?path=/story/components-datatable-expansion--usage',
+        'https://react.carbondesignsystem.com/?path=/story/components-datatable-expansion--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-table--with-expansion',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvdatatable--slotted-expanding-data',
@@ -224,7 +224,7 @@ usage documentation, see the Storybooks for each framework below.
     id="with-batch-actions"
     links={{
       React:
-        'https://react.carbondesignsystem.com/?path=/story/components-datatable-batch-actions--usage',
+        'https://react.carbondesignsystem.com/?path=/story/components-datatable-batch-actions--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-table--with-toolbar',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvdatatable--default',

@@ -84,7 +84,7 @@ table display settings, and other utilities.
     knobs={{ DataTable: ['isSortable'], Table: ['size', 'useZebraStyles'] }}
     links={{
       React:
-        'https://react.carbondesignsystem.com/?path=/story/components-datatable--usage',
+        'https://react.carbondesignsystem.com/?path=/story/components-datatable--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-table--basic',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvdatatable--minimal',
@@ -124,7 +124,7 @@ table display settings, and other utilities.
     knobs={{ DataTable: ['isSortable'], Table: ['size', 'useZebraStyles'] }}
     links={{
       React:
-        'https://react.carbondesignsystem.com/?path=/story/components-datatable-selection--usage',
+        'https://react.carbondesignsystem.com/?path=/story/components-datatable-selection--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-table--basic',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvdatatable--default',
@@ -173,7 +173,7 @@ table display settings, and other utilities.
     knobs={{ DataTable: ['isSortable'] }}
     links={{
       React:
-        'https://react.carbondesignsystem.com/?path=/story/components-datatable-expansion--usage',
+        'https://react.carbondesignsystem.com/?path=/story/components-datatable-expansion--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-table--with-expansion',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvdatatable--slotted-expanding-data',
@@ -222,7 +222,7 @@ table display settings, and other utilities.
     id="with-batch-actions"
     links={{
       React:
-        'https://react.carbondesignsystem.com/?path=/story/components-datatable-batch-actions--usage',
+        'https://react.carbondesignsystem.com/?path=/story/components-datatable-batch-actions--default',
       Angular:
         'https://angular.carbondesignsystem.com/?path=/story/components-table--with-toolbar',
       Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvdatatable--default',
@@ -592,7 +592,7 @@ A sorted data table has three states: unsorted (`arrows`), sorted-up
 sorted state and is only shown if sorting is activated. Only the column being
 sorted should display an icon, and unsorted icons are only visible on hover. You
 can see a demo of table sorting in
-Carbon’s [React Storybook](https://react.carbondesignsystem.com/?path=/story/components-datatable-sorting--usage).
+Carbon’s [React Storybook](https://react.carbondesignsystem.com/?path=/story/components-datatable-sorting--default).
 
 <Row>
 <Column colLg={12}>

@@ -50,9 +50,9 @@ behavior in prototype and production work.
 </Column>
     <Column colMd={4} colLg={4} noGutterSm>
     <ResourceCard
-      subTitle="Try React components with CodeSandbox"
-      href="https://codesandbox.io/s/x2mjypo6pp">
-      <MdxIcon name="codesandbox" />
+      subTitle="Try React components with Stackblitz"
+      href="https://stackblitz.com/github/carbon-design-system/carbon/tree/main/examples/vite">
+      <MdxIcon name="stackblitz" />
     </ResourceCard>
   </Column>
 </Row>

@@ -797,7 +797,7 @@ export default RepoTable;
 
 This component uses two props, `rows` and `headers`, and returns a Carbon
 `DataTable`. As for where the various `Table*` components came from? The
-[DataTable story](https://react.carbondesignsystem.com/?path=/story/components-datatable-expansion--usage)
+[DataTable story](https://react.carbondesignsystem.com/?path=/story/components-datatable-expansion--default)
 in Storybook was used to put together the data table structure.
 
 <InlineNotification>

@@ -507,8 +507,7 @@ rows for the current "page". Update
 <InlineNotification>
 
 **Note:** We only pass the rows that we want our table to display. We can do
-this by slicing the our array of rows depending on the first item and the page
-size.
+this by slicing the array of rows depending on the first item and the page size.
 
 </InlineNotification>
 

@@ -34,7 +34,6 @@ have not been updated to reflect changes for our next major version.
 
 <AnchorLink>Fork, clone and branch</AnchorLink>
 <AnchorLink>Create IBM Cloud account</AnchorLink>
-<AnchorLink>Optimize Sass</AnchorLink>
 <AnchorLink>Build for production</AnchorLink>
 <AnchorLink>Create manifest file</AnchorLink>
 <AnchorLink>Create static file</AnchorLink>

@@ -60,8 +60,7 @@ around in v11 but they will only be re-exports of `@carbon/styles` and
 ## carbon-components-react
 
 Starting in v11, the React components for Carbon live in the `@carbon/react`
-package. Alternatively, you can continue to use `carbon-components` as it
-re-exports components from the `@carbon/react` package.
+package.
 
 The `@carbon/react` package also includes the styles for Carbon along with
 icons.