Refactor adjustments and tweaks

.eslintignore

@@ -18,4 +18,4 @@ storybook-static/
 .yarn/
 project/
 *.d.ts
-packages/tools/outline-cli/
+packages/deprecated

.github/workflows/build.yml

@@ -34,14 +34,19 @@ jobs:
   setup:
     name: Install & Lint Codebase
     runs-on: ubuntu-latest
+    container: 
+      image: node:lts
     # The steps for the setup job.
     steps:
       # @see https://github.com/marketplace/actions/checkout
       - name: Checkout Codebase
-        uses: actions/checkout@v3 
+        uses: actions/checkout@v4 
+
+      - name: Use local Yarn version
+        run: echo "$(pwd)/.yarn/releases" >> $GITHUB_PATH
 
       # @see https://github.com/marketplace/actions/setup-node-js-environment 
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
           node-version-file: '.nvmrc'
           cache: 'yarn'
@@ -54,30 +59,10 @@ jobs:
           registry-url: 'https://npm.pkg.github.com'
           # Defaults to the user or organization that owns the workflow file
           scope: '@phase2'
-        
+
       - name: Initialize .npmrc
         run: cp $NPM_CONFIG_USERCONFIG .npmrc
 
-      # # @see https://github.com/marketplace/actions/cache
-      # # node_modules caching is validated by always running yarn install.
-      # # Turborepo cache lives inside node_modules/.cache/turbo
-      # - name: Get yarn cache directory path
-      #   id: yarn-cache-dir-path
-      #   run: echo "dir=$(yarn cache dir)" >> $GITHUB_OUTPUT
-
-      # - name: Setup Cache
-      #   id: cache-yarn
-      #   uses: actions/cache@v3
-      #   env:
-      #     cache-name: cache-node-modules
-      #   with:
-      #     path: ${{ steps.yarn-cache-dir-path.outputs.dir }}
-      #     key: ${{ runner.os }}-node-yarn-18-${{ env.cache-name }}-${{ hashFiles('**/yarn.lock') }}
-      #     restore-keys:
-      #       ${{ runner.os }}-node-yarn-18-${{ env.cache-name }}-
-      #       ${{ runner.os }}-node-yarn-${{ env.cache-name }}-
-      #       ${{ runner.os }}-node-yarn-
-
       - name: Install
         run: yarn install
         env: 
@@ -92,15 +77,20 @@ jobs:
   build_outline:
     name: Build Outline Codebase
     runs-on: ubuntu-latest
+    container: 
+      image: node:lts
     needs: ['setup']
     # The steps for the setup job.
     steps:
       # @see https://github.com/marketplace/actions/checkout
       - name: Checkout Codebase
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
+
+      - name: Use local Yarn version
+        run: echo "$(pwd)/.yarn/releases" >> $GITHUB_PATH
 
       # @see https://github.com/marketplace/actions/setup-node-js-environment 
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
           node-version-file: '.nvmrc'
           cache: 'yarn'
@@ -128,16 +118,21 @@ jobs:
     name: "Publish: GitHub Pages"
     if: github.ref == 'refs/heads/next'
     runs-on: ubuntu-latest
+    container: 
+      image: node:lts
     needs: ['setup', 'build_outline']
 
     # The steps for the setup job.
     steps:
       # @see https://github.com/marketplace/actions/checkout
       - name: Checkout codebase
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
+
+      - name: Use local Yarn version
+        run: echo "$(pwd)/.yarn/releases" >> $GITHUB_PATH
 
       # @see https://github.com/marketplace/actions/setup-node-js-environment 
-      - uses: actions/setup-node@v3
+      - uses: actions/setup-node@v4
         with:
           node-version-file: '.nvmrc'
           cache: 'yarn'
@@ -150,7 +145,7 @@ jobs:
           registry-url: 'https://npm.pkg.github.com'
           # Defaults to the user or organization that owns the workflow file
           scope: '@phase2'
-
+   
       - name: Install
         run: yarn install
 
@@ -180,7 +175,7 @@ jobs:
 
       # @see https://github.com/marketplace/actions/upload-a-build-artifact
       - name: Upload Storybook artifact
-        uses: actions/upload-artifact@v3
+        uses: actions/upload-artifact@v4
         with:
           name: storybook-latest
           path: storybook-static/

package.json

@@ -13,10 +13,9 @@
   "workspaces": [
     "./packages/*",
     "./packages/components/*",
-    "./packages/components/@deprecated/*",
+    "./packages/deprecated/*",
     "./packages/documentation/*",
     "./packages/controllers/*",
-    "./packages/controllers/@deprecated/*",
     "./packages/tools/*",
     "./docs"
   ],
@@ -34,12 +33,12 @@
   "license": "BSD-3-Clause",
   "scripts": {
     "analyze": "yarn build && wca analyze 'packages/**/*.ts' --outFiles '{dir}/../README.md'",
-    "build": "turbo run build --concurrency=100% --filter=!./packages/**/@deprecated/*",
+    "build": "turbo run build --concurrency=100%",
     "changeset": "changeset",
     "changeset:publish": "yarn build && yarn changeset:version && yarn changeset publish",
     "changeset:version": "changeset version",
     "chromatic": "chromatic --build-script-name storybook:build --exit-zero-on-changes --skip '@(renovate/**|dependabot/**)'",
-    "clean": "npm-run-all -s clean:*",
+    "clean": "npm-run-all -p clean:*",
     "clean:dist": "rimraf dist && rimraf packages/**/dist",
     "clean:turbo": "rimraf packages/**/.turbo",
     "clean:storybook": "rimraf storybook-static",
@@ -56,14 +55,10 @@
     "lint:tsc": "tsc --noEmit",
     "lint:prettier": "prettier --check .",
     "package": "turbo run package --filter=!./packages/**/@deprecated/*",
-    "prep": "npm-run-all -s prep:*",
-    "prep:css": "node scripts/styles.js",
-    "prebuild": "yarn prep",
-    "prestart": "yarn prep",
     "rebuild": "yarn reset && yarn build",
     "reset": "yarn clean && npm-run-all -s reset:*",
     "reset:packages": "rimraf packages/**/node_modules",
-    "reset:root": "rimraf ./node_modules",
+    "reset:root": "rimraf node_modules",
     "reset:install": "yarn install",
     "restart": "yarn reset && yarn start",
     "start": "yarn watch",
@@ -136,5 +131,8 @@
   },
   "readme": "ERROR: No README data found!",
   "homepage": "https://github.com/phase2/outline#readme",
-  "_id": "@phase2/outline@0.1.1"
+  "_id": "@phase2/outline@0.1.1",
+  "dependencies": {
+    "@phase2/outline-adopted-stylesheets-controller": "0.0.6"
+  }
 }

packages/components/outline-core-accordion/src/outline-core-accordion.ts

@@ -1,10 +1,10 @@
-import { html, TemplateResult, CSSResultGroup } from 'lit';
+import { html, TemplateResult } from 'lit';
 import { customElement } from 'lit/decorators.js';
 
 // Our base component, which all others extend.
 import { OutlineElement } from '@phase2/outline-core';
 
-import componentStyles from './outline-core-accordion.css.lit';
+// import componentStyles from './outline-core-accordion.css.lit';
 
 /** The element name, reused throughout the codebase */
 const componentName = 'outline-core-accordion';
@@ -26,7 +26,7 @@ const componentName = 'outline-core-accordion';
  */
 @customElement(componentName)
 export class OutlineCoreAccordion extends OutlineElement {
-  static styles: CSSResultGroup = [componentStyles];
+  // static styles: CSSResultGroup = [componentStyles];
 
   render(): TemplateResult {
     return html` <slot></slot> `;

packages/components/outline-core-alert/src/outline-core-alert.ts

@@ -1,4 +1,4 @@
-import { html, TemplateResult, CSSResultGroup, css } from 'lit';
+import { html, TemplateResult, css } from 'lit';
 import { customElement, property } from 'lit/decorators.js';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { OutlineElement } from '@phase2/outline-core';
@@ -7,9 +7,7 @@ import {
   OutlineCoreAlertInterface,
 } from '@phase2/outline-core-alert';
 import { AdoptedStyleSheets } from '@phase2/outline-adopted-stylesheets-controller';
-import componentStyles from './style/outline-core-alert.css.lit';
-import componentVars from './style/outline-core-alert.vars.css.lit';
-import globalStyles from './style/outline-core-alert.lightDom.css.lit';
+import globalStyles from './style/outline-core-alert.global.css?inline';
 
 /** The element name, reused throughout the codebase */
 const componentName = 'outline-core-alert';
@@ -43,7 +41,7 @@ export class OutlineCoreAlert
   extends OutlineElement
   implements OutlineCoreAlertInterface
 {
-  static styles: CSSResultGroup = [componentStyles];
+  // static styles: CSSResultGroup = [componentStyles];
   adoptedStylesheets: AdoptedStyleSheets;
   debug = false;
 
@@ -62,9 +60,6 @@ export class OutlineCoreAlert
   connectedCallback() {
     super.connectedCallback();
     this.adoptedStylesheets = new AdoptedStyleSheets(css`
-      outline-core-alert {
-        ${componentVars}
-      }
       ${globalStyles}
     `);
     this.addController(this.adoptedStylesheets);

packages/components/outline-core-breadcrumb/src/outline-core-breadcrumb.ts

@@ -1,10 +1,10 @@
-import { html, TemplateResult, CSSResultGroup } from 'lit';
+import { html, TemplateResult } from 'lit';
 import { customElement } from 'lit/decorators.js';
 
 // Our base component, which all others extend.
 import { OutlineElement } from '@phase2/outline-core';
 
-import componentStyles from './outline-core-breadcrumb.css.lit';
+// import componentStyles from './outline-core-breadcrumb.css.lit';
 
 /** The element name, reused throughout the codebase */
 const componentName = 'outline-core-breadcrumb';
@@ -26,7 +26,7 @@ const componentName = 'outline-core-breadcrumb';
  */
 @customElement(componentName)
 export class OutlineCoreBreadcrumb extends OutlineElement {
-  static styles: CSSResultGroup = [componentStyles];
+  // static styles: CSSResultGroup = [componentStyles];
 
   render(): TemplateResult {
     return html` <slot></slot> `;

packages/components/outline-core-button/package.json

@@ -28,7 +28,6 @@
   },
   "dependencies": {
     "@phase2/outline-core": "^0.2.6",
-    "@phase2/outline-link": "^0.1.4",
     "lit": "^2.3.1",
     "tslib": "^2.1.0"
   },