From 3c2ec02bf40684c413ae218ef8771505647968f0 Mon Sep 17 00:00:00 2001 From: Dane Hillard Date: Tue, 21 Jul 2026 08:36:47 -0400 Subject: [PATCH 01/12] chore(infra): add turbosnap --- .github/workflows/chromatic.yml | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml index 9af2df0b1..3551c55a7 100644 --- a/.github/workflows/chromatic.yml +++ b/.github/workflows/chromatic.yml @@ -75,5 +75,9 @@ jobs: token: ${{ secrets.GITHUB_TOKEN }} projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }} storybookBuildDir: .storybook-static/wc + onlyChanged: true + externals: | + packages/pharos/assets/* + packages/pharos/tokens/* exitZeroOnChanges: true exitOnceUploaded: true From d816e4a68c9331424717d7e385e9d86b0d308218 Mon Sep 17 00:00:00 2001 From: Dane Hillard Date: Tue, 21 Jul 2026 08:40:20 -0400 Subject: [PATCH 02/12] fix(infra): add stats output to storybook build --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 9a71583ab..a69347187 100644 --- a/package.json +++ b/package.json @@ -26,7 +26,7 @@ "test-storybook:react": "test-storybook --ci --config-dir .storybook/react --url http://127.0.0.1:9001", "prestorybook:wc:dev": "yarn storybook:setup", "storybook:wc:dev": "yarn prestorybook:wc:dev && concurrently \"yarn:storybook:wc:start\" \"yarn:watch:styles\" --raw --kill-others", - "storybook:wc:build": "storybook build -c .storybook/wc -o .storybook-static/wc", + "storybook:wc:build": "storybook build --webpack-stats-json -c .storybook/wc -o .storybook-static/wc", "prestorybook:react": "yarn storybook:setup", "storybook:react": "yarn prestorybook:react && yarn storybook:react:start", "storybook:react:start": "storybook dev -c .storybook/react -p 9001", From d6c0beb3ae96790b47caf1671194518379442c7f Mon Sep 17 00:00:00 2001 From: Dane Hillard Date: Fri, 24 Jul 2026 19:45:59 -0400 Subject: [PATCH 03/12] fix(infra): fix turbosnap config --- .github/workflows/chromatic.yml | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/.github/workflows/chromatic.yml b/.github/workflows/chromatic.yml index 3551c55a7..bb3a4afde 100644 --- a/.github/workflows/chromatic.yml +++ b/.github/workflows/chromatic.yml @@ -77,7 +77,7 @@ jobs: storybookBuildDir: .storybook-static/wc onlyChanged: true externals: | - packages/pharos/assets/* - packages/pharos/tokens/* + packages/pharos/assets/** + packages/pharos/tokens/** exitZeroOnChanges: true exitOnceUploaded: true From bf5aef3b688cf68dbbc545fbab95bd03b4afbad1 Mon Sep 17 00:00:00 2001 From: Dane Hillard Date: Fri, 24 Jul 2026 20:09:54 -0400 Subject: [PATCH 04/12] chore(alert): try another minor change --- packages/pharos/tokens/components/alert.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/pharos/tokens/components/alert.json b/packages/pharos/tokens/components/alert.json index 647bea48a..d5ebb586a 100644 --- a/packages/pharos/tokens/components/alert.json +++ b/packages/pharos/tokens/components/alert.json @@ -13,7 +13,7 @@ "info" : { "value": "{color.glacier-blue.40}" }, "error" : { "value": "{color.feedback.error}" }, "success": { "value": "{color.feedback.success}" }, - "warning": { "value": "{color.feedback.warning}" } + "warning": { "value": "{color.feedback.error}" } }, "text": { "base" : { "value": "{color.text.base}" }, From 2bb40121d1a293585b12a11972d59c4d52b4f92f Mon Sep 17 00:00:00 2001 From: Dane Hillard Date: Fri, 24 Jul 2026 20:15:49 -0400 Subject: [PATCH 05/12] chore(alert): try another minor change --- packages/pharos/src/components/alert/pharos-alert.ts | 2 +- packages/pharos/tokens/components/alert.json | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/pharos/src/components/alert/pharos-alert.ts b/packages/pharos/src/components/alert/pharos-alert.ts index a6c97ea45..805e3a987 100644 --- a/packages/pharos/src/components/alert/pharos-alert.ts +++ b/packages/pharos/src/components/alert/pharos-alert.ts @@ -17,7 +17,7 @@ export enum ALERT_ICON { INFO = 'info-inverse', ERROR = 'exclamation-inverse', SUCCESS = 'checkmark-inverse', - WARNING = 'exclamation-inverse', // eslint-disable-line @typescript-eslint/no-duplicate-enum-values + WARNING = 'checkmark-inverse', // eslint-disable-line @typescript-eslint/no-duplicate-enum-values } const STATUSES = ['info', 'success', 'warning', 'error'] as AlertStatus[]; diff --git a/packages/pharos/tokens/components/alert.json b/packages/pharos/tokens/components/alert.json index d5ebb586a..647bea48a 100644 --- a/packages/pharos/tokens/components/alert.json +++ b/packages/pharos/tokens/components/alert.json @@ -13,7 +13,7 @@ "info" : { "value": "{color.glacier-blue.40}" }, "error" : { "value": "{color.feedback.error}" }, "success": { "value": "{color.feedback.success}" }, - "warning": { "value": "{color.feedback.error}" } + "warning": { "value": "{color.feedback.warning}" } }, "text": { "base" : { "value": "{color.text.base}" }, From 05d77921283c29274a0b8d92d88a7d16261408b9 Mon Sep 17 00:00:00 2001 From: Dane Hillard Date: Fri, 24 Jul 2026 20:20:32 -0400 Subject: [PATCH 06/12] chore(alert): try another minor change --- packages/pharos/src/components/alert/pharos-alert.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/pharos/src/components/alert/pharos-alert.ts b/packages/pharos/src/components/alert/pharos-alert.ts index 805e3a987..76ae313c2 100644 --- a/packages/pharos/src/components/alert/pharos-alert.ts +++ b/packages/pharos/src/components/alert/pharos-alert.ts @@ -15,9 +15,9 @@ export type AlertStatus = 'info' | 'success' | 'warning' | 'error'; export enum ALERT_ICON { INFO = 'info-inverse', - ERROR = 'exclamation-inverse', + ERROR = 'info-inverse', SUCCESS = 'checkmark-inverse', - WARNING = 'checkmark-inverse', // eslint-disable-line @typescript-eslint/no-duplicate-enum-values + WARNING = 'exclamation-inverse', // eslint-disable-line @typescript-eslint/no-duplicate-enum-values } const STATUSES = ['info', 'success', 'warning', 'error'] as AlertStatus[]; From b07412b12230acd52672c567b76fa3e28113e6d3 Mon Sep 17 00:00:00 2001 From: Dane Hillard Date: Fri, 24 Jul 2026 20:29:28 -0400 Subject: [PATCH 07/12] chore(alert): try another minor change --- packages/pharos/src/components/alert/pharos-alert.ts | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/packages/pharos/src/components/alert/pharos-alert.ts b/packages/pharos/src/components/alert/pharos-alert.ts index 76ae313c2..7b605839f 100644 --- a/packages/pharos/src/components/alert/pharos-alert.ts +++ b/packages/pharos/src/components/alert/pharos-alert.ts @@ -15,7 +15,7 @@ export type AlertStatus = 'info' | 'success' | 'warning' | 'error'; export enum ALERT_ICON { INFO = 'info-inverse', - ERROR = 'info-inverse', + ERROR = 'exclamation-inverse', SUCCESS = 'checkmark-inverse', WARNING = 'exclamation-inverse', // eslint-disable-line @typescript-eslint/no-duplicate-enum-values } @@ -111,7 +111,6 @@ export class PharosAlert extends ScopedRegistryMixin(FocusMixin(PharosElement)) return this.closable ? html` Date: Fri, 24 Jul 2026 20:34:42 -0400 Subject: [PATCH 08/12] fix(infra): update build flag alias --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index 3649a4dbe..165e671d5 100644 --- a/package.json +++ b/package.json @@ -26,7 +26,7 @@ "test-storybook:react": "test-storybook --ci --config-dir .storybook/react --url http://127.0.0.1:9001", "prestorybook:wc:dev": "yarn storybook:setup", "storybook:wc:dev": "yarn prestorybook:wc:dev && concurrently \"yarn:storybook:wc:start\" \"yarn:watch:styles\" --raw --kill-others", - "storybook:wc:build": "storybook build --webpack-stats-json -c .storybook/wc -o .storybook-static/wc", + "storybook:wc:build": "storybook build --stats-json -c .storybook/wc -o .storybook-static/wc", "prestorybook:react": "yarn storybook:setup", "storybook:react": "yarn prestorybook:react && yarn storybook:react:start", "storybook:react:start": "storybook dev -c .storybook/react -p 9001", From 0bd08efdb92cf9af7d30af16f5bb4f7bbcdefd9b Mon Sep 17 00:00:00 2001 From: Dane Hillard Date: Fri, 24 Jul 2026 20:44:37 -0400 Subject: [PATCH 09/12] chore(alert): test registered dependency --- packages/pharos/src/components/alert/pharos-alert.wc.stories.ts | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/pharos/src/components/alert/pharos-alert.wc.stories.ts b/packages/pharos/src/components/alert/pharos-alert.wc.stories.ts index 02e0f9fff..743dd4d97 100644 --- a/packages/pharos/src/components/alert/pharos-alert.wc.stories.ts +++ b/packages/pharos/src/components/alert/pharos-alert.wc.stories.ts @@ -3,6 +3,7 @@ import { html } from 'lit'; import { configureDocsPage } from '../../utils/_storybook/docsPageConfig'; import { defaultArgs, argTypes } from './storyArgs'; import type { ComponentArgs, StoryArgs } from './storyArgs'; +import { PharosAlert } from './pharos-alert'; const meta = { title: 'Components/Alert', From 51346ab1d1cc6f59bee73c7f3043cdae0f51513a Mon Sep 17 00:00:00 2001 From: Brent Swisher Date: Fri, 31 Jul 2026 16:18:07 -0400 Subject: [PATCH 10/12] fix: point storybook components at src instead of lib --- .storybook/initComponents.js | 4 ++-- .storybook/main.ts | 1 + .../pharos/src/components/alert/pharos-alert.wc.stories.ts | 1 - 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/.storybook/initComponents.js b/.storybook/initComponents.js index b7fe6cedd..f4b589f06 100644 --- a/.storybook/initComponents.js +++ b/.storybook/initComponents.js @@ -54,8 +54,8 @@ import { PharosToggleButton, PharosToggleButtonGroup, PharosTooltip, -} from '../packages/pharos/lib/index'; -import registerComponents from '../packages/pharos/lib/utils/registerComponents'; +} from '@src/index'; +import registerComponents from '@src/utils/registerComponents'; registerComponents('storybook', [ PharosAlert, diff --git a/.storybook/main.ts b/.storybook/main.ts index 82065e704..e93f45777 100644 --- a/.storybook/main.ts +++ b/.storybook/main.ts @@ -58,6 +58,7 @@ const config = { resolve: { alias: { '@lib': path.resolve(__dirname, '../packages/pharos/lib'), + '@src': path.resolve(__dirname, '../packages/pharos/src'), '@config': path.resolve(__dirname, './'), }, }, diff --git a/packages/pharos/src/components/alert/pharos-alert.wc.stories.ts b/packages/pharos/src/components/alert/pharos-alert.wc.stories.ts index 743dd4d97..02e0f9fff 100644 --- a/packages/pharos/src/components/alert/pharos-alert.wc.stories.ts +++ b/packages/pharos/src/components/alert/pharos-alert.wc.stories.ts @@ -3,7 +3,6 @@ import { html } from 'lit'; import { configureDocsPage } from '../../utils/_storybook/docsPageConfig'; import { defaultArgs, argTypes } from './storyArgs'; import type { ComponentArgs, StoryArgs } from './storyArgs'; -import { PharosAlert } from './pharos-alert'; const meta = { title: 'Components/Alert', From 7d5e78afa7333da1db12977f88fe861e55bd02f7 Mon Sep 17 00:00:00 2001 From: Brent Swisher Date: Fri, 31 Jul 2026 16:23:54 -0400 Subject: [PATCH 11/12] test: change heading style to test turbosnap --- packages/pharos/src/components/heading/pharos-heading.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/pharos/src/components/heading/pharos-heading.scss b/packages/pharos/src/components/heading/pharos-heading.scss index ee597483a..300e77ece 100644 --- a/packages/pharos/src/components/heading/pharos-heading.scss +++ b/packages/pharos/src/components/heading/pharos-heading.scss @@ -10,6 +10,7 @@ font-weight: var(--pharos-font-weight-regular); margin-top: 0; margin-bottom: 0.5em; + color: papayawhip; } :host([preset='1']), From a075a49e161f34b06810b4676f161e48448be469 Mon Sep 17 00:00:00 2001 From: Brent Swisher Date: Fri, 31 Jul 2026 16:41:37 -0400 Subject: [PATCH 12/12] test: try to trigger turbosnap change --- packages/pharos/src/components/heading/pharos-heading.ts | 3 +++ 1 file changed, 3 insertions(+) diff --git a/packages/pharos/src/components/heading/pharos-heading.ts b/packages/pharos/src/components/heading/pharos-heading.ts index f641579bc..521ebee68 100644 --- a/packages/pharos/src/components/heading/pharos-heading.ts +++ b/packages/pharos/src/components/heading/pharos-heading.ts @@ -100,6 +100,9 @@ export class PharosHeading extends PharosElement { protected override render(): TemplateResult { const template = ` +
+
+
`;