chore(project): create framework subdirectory for web components

.github/workflows/ci.yml

@@ -41,7 +41,7 @@ jobs:
         run: yarn install
       - name: Check formatting of project files (staged)
         if: ${{ github.event_name == 'pull_request' }}
-        run: yarn format:staged
+        run: yarn format:diff
       - name: Check formatting of project files (non-staged)
         if: ${{ github.event_name != 'pull_request' }}
         run: yarn format

.github/workflows/publish-canary-cdn.yml

@@ -9,9 +9,12 @@ concurrency:
   cancel-in-progress: true
 
 jobs:
-  build:
+  web-components:
     if: github.repository == 'carbon-design-system/carbon-labs'
     runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: 'packages/web-components'
     steps:
       - uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4.2.2
         with:
@@ -33,7 +36,7 @@ jobs:
       - name: Create one folder with dist contents from each package
         run: |
           mkdir dist
-          cp -r packages/*/dist/. dist/
+          cp -r src/components/**/dist/. dist/
       - uses: jakejarvis/s3-sync-action@master
         with:
           args: --acl public-read --follow-symlinks
@@ -44,4 +47,4 @@ jobs:
           AWS_REGION: ${{ secrets.COMMON_COS_REGION }}
           AWS_S3_ENDPOINT: https://${{ secrets.COMMON_COS_ENDPOINT }}
           SOURCE_DIR: 'dist'
-          DEST_DIR: 'common/carbon/labs'
+          DEST_DIR: 'common/carbon/labs/web-components'

.github/workflows/publish-cdn.yml

@@ -11,10 +11,13 @@ concurrency:
   cancel-in-progress: true
 
 jobs:
-  publish-cdn:
+  web-components:
     if: |
       github.repository == 'carbon-design-system/carbon-labs'
     runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: 'packages/web-components'
     steps:
       - uses: actions/checkout@11bd71901bbe5b1630ceea73d27597364c9af683 # v4.2.2
         with:
@@ -33,7 +36,7 @@ jobs:
       - name: Create one folder with dist contents from each package
         run: |
           mkdir dist
-          cp -r packages/*/dist/. dist/
+          cp -r src/components/**/dist/. dist/
       - uses: jakejarvis/s3-sync-action@master
         with:
           args: --acl public-read --follow-symlinks
@@ -44,4 +47,4 @@ jobs:
           AWS_REGION: ${{ secrets.COMMON_COS_REGION }}
           AWS_S3_ENDPOINT: https://${{ secrets.COMMON_COS_ENDPOINT }}
           SOURCE_DIR: 'dist'
-          DEST_DIR: 'common/carbon/labs'
+          DEST_DIR: 'common/carbon/labs/web-components'

.github/workflows/storybook-publish-production.yml

@@ -11,9 +11,12 @@ on:
     types: [deploy-latest-storybook]
 
 jobs:
-  build:
+  web-components:
     if: github.repository == 'carbon-design-system/carbon-labs'
     runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: 'packages/web-components'
     steps:
       - uses: actions/checkout@v4
       - name: Use Node.js 18.x
@@ -26,7 +29,7 @@ jobs:
         run: yarn install
 
       - name: Build storybook
-        run: yarn build-storybook
+        run: npx storybook build
 
       - uses: jakejarvis/s3-sync-action@master
         with:

.github/workflows/storybook-publish-staging.yml

@@ -11,9 +11,12 @@ on:
     types: [deploy-staging-storybook]
 
 jobs:
-  build:
+  web-components:
     if: github.repository == 'carbon-design-system/carbon-labs'
     runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: 'packages/web-components'
     steps:
       - uses: actions/checkout@v4
       - name: Use Node.js 18.x
@@ -26,7 +29,7 @@ jobs:
         run: yarn install
 
       - name: Build storybook
-        run: yarn build-storybook
+        run: npx storybook build
 
       - uses: jakejarvis/s3-sync-action@master
         with:

packages/feedback/examples/feedback/cdn.html → examples/web-components/feedback/cdn.html

@@ -13,16 +13,13 @@
     <meta charset="UTF-8" />
     <link
       rel="stylesheet"
-      href="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/tag/v1/latest/plex.css"
-    />
+      href="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/tag/v1/latest/plex.css" />
     <link
       rel="stylesheet"
-      href="https://1.www.s81c.com/common/carbon/web-components/tag/v2/latest/grid.css"
-    />
+      href="https://1.www.s81c.com/common/carbon/web-components/tag/v2/latest/grid.css" />
     <link
       rel="stylesheet"
-      href="https://1.www.s81c.com/common/carbon/web-components/tag/v2/latest/themes.css"
-    />
+      href="https://1.www.s81c.com/common/carbon/web-components/tag/v2/latest/themes.css" />
     <style>
       /* Suppress custom element until styles are loaded */
       clabs-feedback:not(:defined) {
@@ -31,8 +28,7 @@
     </style>
     <script
       type="module"
-      src="https://1.www.s81c.com/common/carbon/labs/feedback/v0.3.0/index.min.js"
-    ></script>
+      src="https://1.www.s81c.com/common/carbon/labs/feedback/v0.3.0/index.min.js"></script>
   </head>
   <body class="cds-theme-zone-white">
     <clabs-feedback model="llama-2"
@@ -45,12 +41,10 @@
         width="24"
         height="24"
         viewBox="0 0 32 32"
-        slot="icon"
-      >
+        slot="icon">
         <!--?lit$372005272$-->
         <path
-          d="M6,30H4V2H28l-5.8,9L28,20H6ZM6,18H24.33L19.8,11l4.53-7H6Z"
-        ></path></svg
+          d="M6,30H4V2H28l-5.8,9L28,20H6ZM6,18H24.33L19.8,11l4.53-7H6Z"></path></svg
       >The standard chunk of Lorem Ipsum used since the 1500s is reproduced
       below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus
       Bonorum et Malorum" by Cicero are also reproduced in their exact original

packages/feedback/examples/feedback/index.html → examples/web-components/feedback/index.html

@@ -13,8 +13,7 @@
     <meta charset="UTF-8" />
     <link
       rel="stylesheet"
-      href="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/tag/v1/latest/plex.css"
-    />
+      href="https://1.www.s81c.com/common/carbon-for-ibm-dotcom/tag/v1/latest/plex.css" />
     <link rel="stylesheet" href="src/styles.scss" />
     <script type="module" src="src/index.js"></script>
   </head>
@@ -29,11 +28,9 @@
         width="24"
         height="24"
         viewBox="0 0 32 32"
-        slot="icon"
-      >
+        slot="icon">
         <path
-          d="M6,30H4V2H28l-5.8,9L28,20H6ZM6,18H24.33L19.8,11l4.53-7H6Z"
-        ></path></svg
+          d="M6,30H4V2H28l-5.8,9L28,20H6ZM6,18H24.33L19.8,11l4.53-7H6Z"></path></svg
       >The standard chunk of Lorem Ipsum used since the 1500s is reproduced
       below for those interested. Sections 1.10.32 and 1.10.33 from "de Finibus
       Bonorum et Malorum" by Cicero are also reproduced in their exact original

packages/feedback/examples/feedback/package.json → examples/web-components/feedback/package.json

@@ -15,7 +15,7 @@
     "vite": "^3.2.2"
   },
   "dependencies": {
-    "@carbon/styles": "^1.53.0",
-    "@carbon-labs/ai-feedback": "latest"
+    "@carbon-labs/ai-feedback": "latest",
+    "@carbon/styles": "^1.69.0"
   }
 }