@grantcodes/ui 2.9.0 → 2.9.2

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # Changelog
 
+## [2.9.2](https://github.com/grantcodes/ui/compare/ui-v2.9.1...ui-v2.9.2) (2026-04-19)
+
+
+### Bug Fixes
+
+* **ui:** replace #styles/ subpath imports with relative paths for SSR/Vite compatibility ([1bb7490](https://github.com/grantcodes/ui/commit/1bb749028328bd573524c9c72f7c830098c23850)), closes [#53](https://github.com/grantcodes/ui/issues/53)
+
+## [2.9.1](https://github.com/grantcodes/ui/compare/ui-v2.9.0...ui-v2.9.1) (2026-04-18)
+
+
+### Bug Fixes
+
+* **ui:** improve hero and button colors across all themes ([523d783](https://github.com/grantcodes/ui/commit/523d78376ee263edd0b3ce08dbca48a71f5c33a7))
+* **ui:** improve hero and button colors across all themes ([04fbe12](https://github.com/grantcodes/ui/commit/04fbe12979678de97771ba811e4a150f5cf46cca))
+
 ## [2.9.0](https://github.com/grantcodes/ui/compare/ui-v2.8.1...ui-v2.9.0) (2026-04-17)
 
 

package/package.json

@@ -1,15 +1,12 @@
 {
   "name": "@grantcodes/ui",
-  "version": "2.9.0",
+  "version": "2.9.2",
   "description": "A personal component system built with Lit web components",
   "type": "module",
   "main": "src/main.js",
   "module": "src/main.js",
   "types": "src/types.d.ts",
   "author": "grantcodes",
-  "imports": {
-    "#styles/*": "./src/lib/styles/*"
-  },
   "exports": {
     ".": {
       "types": "./src/types.d.ts",
@@ -47,7 +44,7 @@
     "@lit/react": "^1.0.8",
     "lit": "^3.3.1",
     "shiki": "^3.17.1",
-    "@grantcodes/style-dictionary": "^1.5.0"
+    "@grantcodes/style-dictionary": "^1.5.1"
   },
   "devDependencies": {
     "@arcmantle/vite-plugin-import-css-sheet": "^1.0.12",

package/src/components/accordion/accordion.component.js

@@ -1,6 +1,6 @@
 import { LitElement } from "lit";
 import { html } from "lit/static-html.js";
-import focusRingStyles from "#styles/focus-ring.css" with { type: "css" };
+import focusRingStyles from "../../lib/styles/focus-ring.css" with { type: "css" };
 import accordionStyles from "./accordion.css" with { type: "css" };
 
 export class GrantCodesAccordion extends LitElement {

package/src/components/app-bar/app-bar.component.js

@@ -1,7 +1,7 @@
 import { LitElement } from "lit";
 import { html } from "lit";
 import { classMap } from "lit/directives/class-map.js";
-import focusRingStyles from "#styles/focus-ring.css" with { type: "css" };
+import focusRingStyles from "../../lib/styles/focus-ring.css" with { type: "css" };
 import appBarStyles from "./app-bar.css" with { type: "css" };
 
 export class GrantCodesAppBar extends LitElement {

package/src/components/app-bar/nav-link.component.js

@@ -1,5 +1,5 @@
 import { LitElement, html } from "lit";
-import focusRingStyles from "#styles/focus-ring.css" with { type: "css" };
+import focusRingStyles from "../../lib/styles/focus-ring.css" with { type: "css" };
 import navLinkStyles from "./nav-link.css" with { type: "css" };
 
 export class GrantCodesNavLink extends LitElement {

package/src/components/breadcrumb/breadcrumb.component.js

@@ -1,6 +1,6 @@
 import { LitElement } from "lit";
 import { html } from "lit/static-html.js";
-import focusRingStyles from "#styles/focus-ring.css" with { type: "css" };
+import focusRingStyles from "../../lib/styles/focus-ring.css" with { type: "css" };
 import breadcrumbStyles from "./breadcrumb.css" with { type: "css" };
 
 export class GrantCodesBreadcrumb extends LitElement {

package/src/components/button/button.component.js

@@ -1,5 +1,5 @@
 import { html, LitElement } from "lit";
-import focusRingStyles from "#styles/focus-ring.css" with { type: "css" };
+import focusRingStyles from "../../lib/styles/focus-ring.css" with { type: "css" };
 import buttonStyles from "./button.css" with { type: "css" };
 
 export class GrantCodesButton extends LitElement {

package/src/components/hero/hero.css

@@ -15,7 +15,7 @@
 		align-items: center;
 		min-height: 50vh;
 		padding: var(--g-theme-spacing-2xl) var(--g-theme-spacing-md);
-		background: var(--g-theme-color-background-primary-knockout, #7c3aed);
+		background: linear-gradient(135deg, var(--g-theme-color-background-primary-knockout), var(--g-color-primary-900));
 	}
 
 	.hero__container {
@@ -34,13 +34,12 @@
 
 	.hero__title {
 		font: var(--g-typography-h1-font);
-		font-size: clamp(2rem, 5vw, 4rem);
-		color: var(--g-theme-color-content-primary-knockout, #ffffff);
+		color: var(--g-theme-color-content-primary-knockout);
 	}
 
 	.hero__text {
-		font: var(--g-theme-typography-body-lg);
-		color: var(--g-theme-color-content-primary-knockout, #ffffff);
+		font: var(--g-typography-body-lg);
+		color: var(--g-theme-color-content-primary-knockout);
 	}
 
 	:host([size="sm"]) .hero {

package/src/components/sidebar/sidebar.component.js

@@ -1,6 +1,6 @@
 import { html, LitElement } from "lit";
 import { classMap } from "lit/directives/class-map.js";
-import focusRingStyles from "#styles/focus-ring.css" with { type: "css" };
+import focusRingStyles from "../../lib/styles/focus-ring.css" with { type: "css" };
 import sidebarStyles from "./sidebar.css" with { type: "css" };
 
 export class GrantCodesSidebar extends LitElement {

package/src/components/tabs/internal/tabs-button.component.js

@@ -2,7 +2,7 @@ import { LitElement } from "lit";
 import { html } from "lit/static-html.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { GrantCodesTabsItem } from "./tabs-item.component.js";
-import focusRingStyles from "#styles/focus-ring.css" with { type: "css" };
+import focusRingStyles from "../../../lib/styles/focus-ring.css" with { type: "css" };
 import tabsStyles from "../tabs.css" with { type: "css" };
 
 export class GrantCodesTabsButton extends GrantCodesTabsItem {

package/src/components/tabs/tab.component.js

@@ -1,6 +1,6 @@
 import { GrantCodesTabsItem } from "./internal/tabs-item.component.js";
 import { html } from "lit/static-html.js";
-import focusRingStyles from "#styles/focus-ring.css" with { type: "css" };
+import focusRingStyles from "../../lib/styles/focus-ring.css" with { type: "css" };
 import tabsStyles from "./tabs.css" with { type: "css" };
 
 export class GrantCodesTab extends GrantCodesTabsItem {

package/src/components/tabs/tabs.component.js

@@ -1,6 +1,6 @@
 import { html, LitElement } from "lit";
 import { ifDefined } from "lit/directives/if-defined.js";
-import focusRingStyles from "#styles/focus-ring.css" with { type: "css" };
+import focusRingStyles from "../../lib/styles/focus-ring.css" with { type: "css" };
 import tabsStyles from "./tabs.css" with { type: "css" };
 import { GrantCodesTab } from "./tab.component.js";
 import { GrantCodesTabsButton } from "./internal/tabs-button.component.js";

package/src/components/toast/toast.component.js

@@ -1,7 +1,7 @@
 import { html, LitElement } from "lit";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import { classMap } from "lit/directives/class-map.js";
-import focusRingStyles from "#styles/focus-ring.css" with { type: "css" };
+import focusRingStyles from "../../lib/styles/focus-ring.css" with { type: "css" };
 import toastStyles from "./toast.css" with { type: "css" };
 import { GrantCodesIcon } from "../icon/icon.component.js";
 import { AlertCircle, Info, CheckCircle2, XCircle, X } from "../../icons.js";