Skip to content

chore: upgrade SLASHED framework to v0.7.7 #180

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
jackgranatowski merged 4 commits into from
Jul 8, 2026
Merged

chore: upgrade SLASHED framework to v0.7.7 #180

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
96d0282
fix(update-framework): resolve "latest" from GitHub API, fall back to…
claude Jul 8, 2026
8041dcb
chore: sync bundled framework to v0.7.7 (button component rework)
claude Jul 8, 2026
3ff1065
fix(update-framework): sanitize resolved framework tag before use
claude Jul 8, 2026
f8be017
fix(wp): recognize renamed -tint color alias in WP integrations
claude Jul 8, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
108 changes: 54 additions & 54 deletions SLASHED-for-WP/admin-app/.vendored-manifest.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,217 +3,217 @@
"description": "Files vendored from the SLASHED framework configurator. DO NOT edit directly — make changes in codeslash-dev/SLASHED → configurator/src/ and re-run npm run sync.",
"frameworkRepo": "https://github.com/codeslash-dev/SLASHED",
"configuratorSrc": "configurator/src/",
"source": "github:codeslash-dev/slashed@v0.7.6",
"syncedAt": "2026-07-08T21:46:39.557Z"
"source": "local:SLASHED_CONFIGURATOR_SRC",
"syncedAt": "2026-07-08T22:02:34.782Z"
},
"vendoredFiles": [
{
"file": "src/app.css",
"source": "github:codeslash-dev/slashed/configurator/src/app.css@v0.7.6"
"source": "local:configurator/src/app.css"
},
{
"file": "src/App.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/App.svelte@v0.7.6"
"source": "local:configurator/src/App.svelte"
},
{
"file": "src/components/CommandPalette.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/CommandPalette.svelte@v0.7.6"
"source": "local:configurator/src/components/CommandPalette.svelte"
},
{
"file": "src/components/DomainPanel.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/DomainPanel.svelte@v0.7.6"
"source": "local:configurator/src/components/DomainPanel.svelte"
},
{
"file": "src/components/inputs/ClampField.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/inputs/ClampField.svelte@v0.7.6"
"source": "local:configurator/src/components/inputs/ClampField.svelte"
},
{
"file": "src/components/inputs/ColorInput.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/inputs/ColorInput.svelte@v0.7.6"
"source": "local:configurator/src/components/inputs/ColorInput.svelte"
},
{
"file": "src/components/inputs/OklchColorDesk.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/inputs/OklchColorDesk.svelte@v0.7.6"
"source": "local:configurator/src/components/inputs/OklchColorDesk.svelte"
},
{
"file": "src/components/inputs/PowerKnobRow.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/inputs/PowerKnobRow.svelte@v0.7.6"
"source": "local:configurator/src/components/inputs/PowerKnobRow.svelte"
},
{
"file": "src/components/inputs/RangeWithNumber.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/inputs/RangeWithNumber.svelte@v0.7.6"
"source": "local:configurator/src/components/inputs/RangeWithNumber.svelte"
},
{
"file": "src/components/inputs/SliderRow.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/inputs/SliderRow.svelte@v0.7.6"
"source": "local:configurator/src/components/inputs/SliderRow.svelte"
},
{
"file": "src/components/inputs/TokenRow.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/inputs/TokenRow.svelte@v0.7.6"
"source": "local:configurator/src/components/inputs/TokenRow.svelte"
},
{
"file": "src/components/panels/AllTokensTab.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/panels/AllTokensTab.svelte@v0.7.6"
"source": "local:configurator/src/components/panels/AllTokensTab.svelte"
},
{
"file": "src/components/panels/BordersPanel.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/panels/BordersPanel.svelte@v0.7.6"
"source": "local:configurator/src/components/panels/BordersPanel.svelte"
},
{
"file": "src/components/panels/CheatsheetPanel.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/panels/CheatsheetPanel.svelte@v0.7.6"
"source": "local:configurator/src/components/panels/CheatsheetPanel.svelte"
},
{
"file": "src/components/panels/ColorsPanel.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/panels/ColorsPanel.svelte@v0.7.6"
"source": "local:configurator/src/components/panels/ColorsPanel.svelte"
},
{
"file": "src/components/panels/ComponentsPanel.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/panels/ComponentsPanel.svelte@v0.7.6"
"source": "local:configurator/src/components/panels/ComponentsPanel.svelte"
},
{
"file": "src/components/panels/EffectsPanel.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/panels/EffectsPanel.svelte@v0.7.6"
"source": "local:configurator/src/components/panels/EffectsPanel.svelte"
},
{
"file": "src/components/panels/ExportPanel.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/panels/ExportPanel.svelte@v0.7.6"
"source": "local:configurator/src/components/panels/ExportPanel.svelte"
},
{
"file": "src/components/panels/GenericTokenPanel.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/panels/GenericTokenPanel.svelte@v0.7.6"
"source": "local:configurator/src/components/panels/GenericTokenPanel.svelte"
},
{
"file": "src/components/panels/HomePanel.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/panels/HomePanel.svelte@v0.7.6"
"source": "local:configurator/src/components/panels/HomePanel.svelte"
},
{
"file": "src/components/panels/LayoutPanel.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/panels/LayoutPanel.svelte@v0.7.6"
"source": "local:configurator/src/components/panels/LayoutPanel.svelte"
},
{
"file": "src/components/panels/MacrosPanel.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/panels/MacrosPanel.svelte@v0.7.6"
"source": "local:configurator/src/components/panels/MacrosPanel.svelte"
},
{
"file": "src/components/panels/MiscPanel.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/panels/MiscPanel.svelte@v0.7.6"
"source": "local:configurator/src/components/panels/MiscPanel.svelte"
},
{
"file": "src/components/panels/MotionPanel.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/panels/MotionPanel.svelte@v0.7.6"
"source": "local:configurator/src/components/panels/MotionPanel.svelte"
},
{
"file": "src/components/panels/ShadowsPanel.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/panels/ShadowsPanel.svelte@v0.7.6"
"source": "local:configurator/src/components/panels/ShadowsPanel.svelte"
},
{
"file": "src/components/panels/SpacingPanel.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/panels/SpacingPanel.svelte@v0.7.6"
"source": "local:configurator/src/components/panels/SpacingPanel.svelte"
},
{
"file": "src/components/panels/ThemesPanel.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/panels/ThemesPanel.svelte@v0.7.6"
"source": "local:configurator/src/components/panels/ThemesPanel.svelte"
},
{
"file": "src/components/panels/TypographyPanel.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/panels/TypographyPanel.svelte@v0.7.6"
"source": "local:configurator/src/components/panels/TypographyPanel.svelte"
},
{
"file": "src/components/panels/WcagPanel.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/panels/WcagPanel.svelte@v0.7.6"
"source": "local:configurator/src/components/panels/WcagPanel.svelte"
},
{
"file": "src/components/shell/PreviewPanel.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/shell/PreviewPanel.svelte@v0.7.6"
"source": "local:configurator/src/components/shell/PreviewPanel.svelte"
},
{
"file": "src/components/shell/SidebarNav.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/shell/SidebarNav.svelte@v0.7.6"
"source": "local:configurator/src/components/shell/SidebarNav.svelte"
},
{
"file": "src/components/shell/StatusBar.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/shell/StatusBar.svelte@v0.7.6"
"source": "local:configurator/src/components/shell/StatusBar.svelte"
},
{
"file": "src/components/shell/StudioHeader.svelte",
"source": "github:codeslash-dev/slashed/configurator/src/components/shell/StudioHeader.svelte@v0.7.6"
"source": "local:configurator/src/components/shell/StudioHeader.svelte"
},
{
"file": "src/data/api-index.generated.json",
"source": "github:codeslash-dev/slashed/configurator/src/data/api-index.generated.json@v0.7.6"
"source": "local:configurator/src/data/api-index.generated.json"
},
{
"file": "src/data/bundles.generated.json",
"source": "github:codeslash-dev/slashed/configurator/src/data/bundles.generated.json@v0.7.6"
"source": "local:configurator/src/data/bundles.generated.json"
},
{
"file": "src/data/classes.generated.json",
"source": "github:codeslash-dev/slashed/configurator/src/data/classes.generated.json@v0.7.6"
"source": "local:configurator/src/data/classes.generated.json"
},
{
"file": "src/data/domain-patterns.json",
"source": "github:codeslash-dev/slashed/configurator/src/data/domain-patterns.json@v0.7.6"
"source": "local:configurator/src/data/domain-patterns.json"
},
{
"file": "src/data/token-registry.generated.json",
"source": "github:codeslash-dev/slashed/configurator/src/data/token-registry.generated.json@v0.7.6"
"source": "local:configurator/src/data/token-registry.generated.json"
},
{
"file": "src/lib/basics.ts",
"source": "github:codeslash-dev/slashed/configurator/src/lib/basics.ts@v0.7.6"
"source": "local:configurator/src/lib/basics.ts"
},
{
"file": "src/lib/codec.ts",
"source": "github:codeslash-dev/slashed/configurator/src/lib/codec.ts@v0.7.6"
"source": "local:configurator/src/lib/codec.ts"
},
{
"file": "src/lib/colorUtils.ts",
"source": "github:codeslash-dev/slashed/configurator/src/lib/colorUtils.ts@v0.7.6"
"source": "local:configurator/src/lib/colorUtils.ts"
},
{
"file": "src/lib/domains.ts",
"source": "github:codeslash-dev/slashed/configurator/src/lib/domains.ts@v0.7.6"
"source": "local:configurator/src/lib/domains.ts"
},
{
"file": "src/lib/lumlockerPreview.svelte.ts",
"source": "github:codeslash-dev/slashed/configurator/src/lib/lumlockerPreview.svelte.ts@v0.7.6"
"source": "local:configurator/src/lib/lumlockerPreview.svelte.ts"
},
{
"file": "src/lib/persistence.ts",
"source": "github:codeslash-dev/slashed/configurator/src/lib/persistence.ts@v0.7.6"
"source": "local:configurator/src/lib/persistence.ts"
},
{
"file": "src/lib/powerKnobs.ts",
"source": "github:codeslash-dev/slashed/configurator/src/lib/powerKnobs.ts@v0.7.6"
"source": "local:configurator/src/lib/powerKnobs.ts"
},
{
"file": "src/lib/previewResolver.svelte.ts",
"source": "github:codeslash-dev/slashed/configurator/src/lib/previewResolver.svelte.ts@v0.7.6"
"source": "local:configurator/src/lib/previewResolver.svelte.ts"
},
{
"file": "src/lib/savedThemes.ts",
"source": "github:codeslash-dev/slashed/configurator/src/lib/savedThemes.ts@v0.7.6"
"source": "local:configurator/src/lib/savedThemes.ts"
},
{
"file": "src/lib/theme.svelte.ts",
"source": "github:codeslash-dev/slashed/configurator/src/lib/theme.svelte.ts@v0.7.6"
"source": "local:configurator/src/lib/theme.svelte.ts"
},
{
"file": "src/lib/variableScales.ts",
"source": "github:codeslash-dev/slashed/configurator/src/lib/variableScales.ts@v0.7.6"
"source": "local:configurator/src/lib/variableScales.ts"
},
{
"file": "src/main.ts",
"source": "github:codeslash-dev/slashed/configurator/src/main.ts@v0.7.6"
"source": "local:configurator/src/main.ts"
},
{
"file": "src/types.ts",
"source": "github:codeslash-dev/slashed/configurator/src/types.ts@v0.7.6"
"source": "local:configurator/src/types.ts"
},
{
"file": "src/vite-env.d.ts",
"source": "github:codeslash-dev/slashed/configurator/src/vite-env.d.ts@v0.7.6"
"source": "local:configurator/src/vite-env.d.ts"
}
]
}
32 changes: 23 additions & 9 deletions SLASHED-for-WP/admin-app/framework-css/core/tokens.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -586,27 +586,38 @@
--sf-color-mark-bg: oklch(from var(--sf-color-warning) l c h / 0.25);

/* ----------------------------------------------------------
Status triplets — subtle/muted (alpha variants)
bg/border use same formula both modes
Status triplets — subtle/muted/tint (alpha variants)
bg/border use same formula both modes. -tint is the 5%
near-transparent rung, mirroring the brand families'
--sf-color-{family}-tint aliases (full 10-family coverage).
---------------------------------------------------------- */
--sf-color-success-subtle: oklch(from var(--sf-color-success) l c h / 0.12);
--sf-color-success-muted: oklch(from var(--sf-color-success) l c h / 0.3);
--sf-color-success-tint: oklch(from var(--sf-color-success) l c h / 0.05);

--sf-color-warning-subtle: oklch(from var(--sf-color-warning) l c h / 0.12);
--sf-color-warning-muted: oklch(from var(--sf-color-warning) l c h / 0.3);
--sf-color-warning-tint: oklch(from var(--sf-color-warning) l c h / 0.05);

--sf-color-info-subtle: oklch(from var(--sf-color-info) l c h / 0.1);
--sf-color-info-muted: oklch(from var(--sf-color-info) l c h / 0.3);
--sf-color-info-tint: oklch(from var(--sf-color-info) l c h / 0.05);

--sf-color-danger-subtle: oklch(from var(--sf-color-danger) l c h / 0.1);
--sf-color-danger-muted: oklch(from var(--sf-color-danger) l c h / 0.3);
--sf-color-danger-tint: oklch(from var(--sf-color-danger) l c h / 0.05);

/* ----------------------------------------------------------
Gradients — derived from brand colors (auto-adapt)
All 4 core brand families (primary/secondary/tertiary/action)
share the same darkening formula; --sf-gradient-brand is a
separate decorative hue-shift option, independent of the
colour axis.
---------------------------------------------------------- */
--sf-gradient-primary: linear-gradient(in oklch 135deg, var(--sf-color-primary), oklch(from var(--sf-color-primary) calc(l - 0.08) c h));
--sf-gradient-secondary: linear-gradient(in oklch 135deg, var(--sf-color-secondary), oklch(from var(--sf-color-secondary) calc(l - 0.08) c h));
--sf-gradient-tertiary: linear-gradient(in oklch 135deg, var(--sf-color-tertiary), oklch(from var(--sf-color-tertiary) calc(l - 0.08) c h));
--sf-gradient-action: linear-gradient(in oklch 135deg, var(--sf-color-action), oklch(from var(--sf-color-action) calc(l - 0.08) c h));
--sf-gradient-brand: linear-gradient(in oklch 135deg, var(--sf-color-primary), oklch(from var(--sf-color-primary) l c calc(h + 30)));
--sf-gradient-surface: linear-gradient(in oklab 180deg, var(--sf-color-surface), var(--sf-color-bg));

Expand Down Expand Up @@ -732,7 +743,7 @@
--sf-color-primary--active: var(--sf-color-primary-xdark);
--sf-color-primary-subtle: var(--sf-color-primary-a10);
--sf-color-primary-muted: var(--sf-color-primary-a30);
--sf-color-primary-ghost: var(--sf-color-primary-a5);
--sf-color-primary-tint: var(--sf-color-primary-a5);



Expand Down Expand Up @@ -767,7 +778,7 @@
--sf-color-secondary--active: var(--sf-color-secondary-xdark);
--sf-color-secondary-subtle: var(--sf-color-secondary-a10);
--sf-color-secondary-muted: var(--sf-color-secondary-a30);
--sf-color-secondary-ghost: var(--sf-color-secondary-a5);
--sf-color-secondary-tint: var(--sf-color-secondary-a5);



Expand Down Expand Up @@ -802,7 +813,7 @@
--sf-color-tertiary--active: var(--sf-color-tertiary-xdark);
--sf-color-tertiary-subtle: var(--sf-color-tertiary-a10);
--sf-color-tertiary-muted: var(--sf-color-tertiary-a30);
--sf-color-tertiary-ghost: var(--sf-color-tertiary-a5);
--sf-color-tertiary-tint: var(--sf-color-tertiary-a5);



Expand Down Expand Up @@ -837,7 +848,7 @@
--sf-color-action--active: var(--sf-color-action-xdark);
--sf-color-action-subtle: var(--sf-color-action-a10);
--sf-color-action-muted: var(--sf-color-action-a30);
--sf-color-action-ghost: var(--sf-color-action-a5);
--sf-color-action-tint: var(--sf-color-action-a5);



Expand Down Expand Up @@ -872,7 +883,7 @@
--sf-color-neutral--active: var(--sf-color-neutral-xdark);
--sf-color-neutral-subtle: var(--sf-color-neutral-a10);
--sf-color-neutral-muted: var(--sf-color-neutral-a30);
--sf-color-neutral-ghost: var(--sf-color-neutral-a5);
--sf-color-neutral-tint: var(--sf-color-neutral-a5);



Expand Down Expand Up @@ -930,7 +941,7 @@
--sf-color-base--active: oklch(from var(--sf-color-base) clamp(0.01, calc(l - 0.08 + var(--sf-is-dark) * 0.16), 0.99) c h);
--sf-color-base-subtle: var(--sf-color-base-a10);
--sf-color-base-muted: var(--sf-color-base-a30);
--sf-color-base-ghost: var(--sf-color-base-a5);
--sf-color-base-tint: var(--sf-color-base-a5);


}
Expand Down Expand Up @@ -987,7 +998,10 @@
--sf-font-weight-body: var(--sf-font-weight-normal); /* body copy */
--sf-font-weight-heading: var(--sf-font-weight-semibold); /* h1–h6 */
--sf-font-weight-display: var(--sf-font-weight-bold); /* hero / display */
--sf-font-weight-interactive: var(--sf-font-weight-semibold); /* buttons, badges, nav */
--sf-font-weight-interactive: var(--sf-font-weight-semibold); /* buttons, badges, nav.
Note: "interactive" here names a TYPOGRAPHY WEIGHT TIER; .sf-card--interactive
names a card BEHAVIOUR modifier. Deliberate coexistence (different property
spaces) — do not introduce a third meaning of "interactive". */
--sf-font-weight-strong: var(--sf-font-weight-bold); /* <strong> / emphasis */

/* State token — consumed by .sf-is-current in states.css.
Expand Down
Loading