@sps-woodland/page-title 8.50.2 → 8.51.0

package/README.md

@@ -1,3 +1,28 @@
 ## [@sps-woodland/page-title](https://github.com/SPSCommerce/woodland/tree/master/packages/@sps-woodland/page-title#readme)
 
-SPS Woodland Design System page title component
+SPS Woodland Design System page title component.
+
+> **Heads up — this is a wrapper package.** The component source now lives in
+> [`@sps-woodland/core`](../react). This package re-exports from the
+> mono-package so existing imports keep working, but new code should prefer the
+> mono-package paths.
+
+### Preferred imports (core)
+
+```ts
+import { PageTitle, PageSubtitle } from "@sps-woodland/core/page-title";
+// or, if you only need the subtitle:
+import { PageSubtitle } from "@sps-woodland/core/page-subtitle";
+
+import "@sps-woodland/core/page-title/style.css";
+```
+
+`PageTitle` is barrel-only (the family name and the parent component share a
+name). `PageSubtitle` also has its own flat subpath.
+
+### Legacy imports (still supported)
+
+```ts
+import { PageTitle, PageSubtitle } from "@sps-woodland/page-title";
+import "@sps-woodland/page-title/style.css";
+```

package/lib/index.d.ts

@@ -1,3 +1,2 @@
-export * from "./page-title/PageTitle";
-export * from "./page-subtitle/PageSubtitle";
+export * from "@sps-woodland/core/page-title";
 export * from "./manifest";

package/lib/index.js

@@ -1,40 +1,14 @@
-import * as s from "react";
-import { Metadata as n, selectChildren as m, Icon as _, addClassName as g, cl as l, modChildren as u } from "@sps-woodland/core";
-import { code as r } from "@spscommerce/utils";
-var b = "pkg_sps-woodland_page-title__version_8_50_2__hash_14vazzb0", h = "pkg_sps-woodland_page-title__version_8_50_2__hash_14vazzb1", P = "pkg_sps-woodland_page-title__version_8_50_2__hash_14vazzb2";
-function p({
-  children: a,
-  className: o,
-  ...i
-}) {
-  const [[e], t] = m(a, [{ type: _ }]), d = e ? g(e, P) : "";
-  return /* @__PURE__ */ s.createElement("div", { className: l(b, o), ...i }, d, /* @__PURE__ */ s.createElement("div", { className: h }, t));
-}
-n.set(p, {
-  name: "Page Title"
-});
-var v = "pkg_sps-woodland_page-title__version_8_50_2__hash_30pzwb0", T = "pkg_sps-woodland_page-title__version_8_50_2__hash_30pzwb1";
-function c({
-  children: a,
-  className: o,
-  ...i
-}) {
-  const e = u(a, (t) => t.type === _ ? [{
-    className: l(t.props.className, T)
-  }] : []);
-  return /* @__PURE__ */ s.createElement("div", { className: l(v, o), ...i }, e);
-}
-n.set(c, {
-  name: "Page Subtitle"
-});
-const w = {
-  components: [p, c],
+import { PageTitle as t, PageSubtitle as o } from "@sps-woodland/core/page-title";
+export * from "@sps-woodland/core/page-title";
+import { code as e } from "@spscommerce/utils";
+const a = {
+  components: [t, o],
   examples: {
     basic: {
       label: "Basic",
       examples: {
         basic: {
-          react: r`
+          react: e`
             import { PageTitle } from "@sps-woodland/page-title";
             
             function Component() {
@@ -53,7 +27,7 @@ const w = {
       label: "Subtitle",
       examples: {
         withSubtitle: {
-          react: r`
+          react: e`
             import { PageTitle, PageSubtitle } from "@sps-woodland/page-title";
             import { Icon } from "@sps-woodland/core";
 
@@ -74,11 +48,9 @@ const w = {
       }
     }
   }
-}, z = {
-  "Page Title": w
+}, l = {
+  "Page Title": a
 };
 export {
-  z as MANIFEST,
-  c as PageSubtitle,
-  p as PageTitle
+  l as MANIFEST
 };

package/lib/index.umd.cjs

@@ -1,4 +1,4 @@
-(function(e,s){typeof exports=="object"&&typeof module<"u"?s(exports,require("react"),require("@sps-woodland/core"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@spscommerce/utils"],s):(e=typeof globalThis<"u"?globalThis:e||self,s(e.PageTitle={},e.React,e.core,e.utils))})(this,(function(e,s,t,p){"use strict";function _(a){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const i in a)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(a,i);Object.defineProperty(o,i,n.get?n:{enumerable:!0,get:()=>a[i]})}}return o.default=a,Object.freeze(o)}const r=_(s);var u="pkg_sps-woodland_page-title__version_8_50_2__hash_14vazzb0",m="pkg_sps-woodland_page-title__version_8_50_2__hash_14vazzb1",g="pkg_sps-woodland_page-title__version_8_50_2__hash_14vazzb2";function c({children:a,className:o,...i}){const[[n],l]=t.selectChildren(a,[{type:t.Icon}]),T=n?t.addClassName(n,g):"";return r.createElement("div",{className:t.cl(u,o),...i},T,r.createElement("div",{className:m},l))}t.Metadata.set(c,{name:"Page Title"});var b="pkg_sps-woodland_page-title__version_8_50_2__hash_30pzwb0",f="pkg_sps-woodland_page-title__version_8_50_2__hash_30pzwb1";function d({children:a,className:o,...i}){const n=t.modChildren(a,l=>l.type===t.Icon?[{className:t.cl(l.props.className,f)}]:[]);return r.createElement("div",{className:t.cl(b,o),...i},n)}t.Metadata.set(d,{name:"Page Subtitle"});const P={"Page Title":{components:[c,d],examples:{basic:{label:"Basic",examples:{basic:{react:p.code`
+(function(e,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("@sps-woodland/core/page-title"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","@sps-woodland/core/page-title","@spscommerce/utils"],t):(e=typeof globalThis<"u"?globalThis:e||self,t(e.PageTitle={},e.pageTitle,e.utils))})(this,(function(e,t,i){"use strict";const a={"Page Title":{components:[t.PageTitle,t.PageSubtitle],examples:{basic:{label:"Basic",examples:{basic:{react:i.code`
             import { PageTitle } from "@sps-woodland/page-title";
             
             function Component() {
@@ -9,7 +9,7 @@
                 </PageTitle>
               );
             }
-          `}}},subtitle:{label:"Subtitle",examples:{withSubtitle:{react:p.code`
+          `}}},subtitle:{label:"Subtitle",examples:{withSubtitle:{react:i.code`
             import { PageTitle, PageSubtitle } from "@sps-woodland/page-title";
             import { Icon } from "@sps-woodland/core";
 
@@ -25,4 +25,4 @@
                 </PageTitle>
               );
             }
-          `}}}}}};e.MANIFEST=P,e.PageSubtitle=d,e.PageTitle=c,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
+          `}}}}}};e.MANIFEST=a,Object.keys(t).forEach(o=>{o!=="default"&&!Object.prototype.hasOwnProperty.call(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:()=>t[o]})}),Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));

package/lib/style.css

@@ -1 +1 @@
-.pkg_sps-woodland_page-title__version_8_50_2__hash_14vazzb0{display:flex;flex-direction:row}.pkg_sps-woodland_page-title__version_8_50_2__hash_14vazzb1{color:#1f282c;display:flex;flex-direction:column;font-size:1.5rem;line-height:1.5rem}.pkg_sps-woodland_page-title__version_8_50_2__hash_14vazzb2{align-self:flex-start;font-size:1.125rem;line-height:1.5rem;margin-right:.25rem;margin-top:.1875rem}.pkg_sps-woodland_page-title__version_8_50_2__hash_30pzwb0{color:#4b5356;font-size:1.125rem;line-height:1.125rem;margin-top:.25rem}.pkg_sps-woodland_page-title__version_8_50_2__hash_30pzwb1{font-size:.75rem;line-height:1.125rem;margin-left:.25rem;margin-right:.25rem;margin-top:.25rem}
+.pkg_sps-woodland_core__version_8_51_0__hash_6nwwl00{display:flex;flex-direction:row}.pkg_sps-woodland_core__version_8_51_0__hash_6nwwl01{color:#1f282c;display:flex;flex-direction:column;font-size:1.5rem;line-height:1.5rem}.pkg_sps-woodland_core__version_8_51_0__hash_6nwwl02{align-self:flex-start;font-size:1.125rem;line-height:1.5rem;margin-right:.25rem;margin-top:.1875rem}.pkg_sps-woodland_core__version_8_51_0__hash_14qi3ku0{color:#4b5356;font-size:1.125rem;line-height:1.125rem;margin-top:.25rem}.pkg_sps-woodland_core__version_8_51_0__hash_14qi3ku1{font-size:.75rem;line-height:1.125rem;margin-left:.25rem;margin-right:.25rem;margin-top:.25rem}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sps-woodland/page-title",
   "description": "SPS Woodland Design System page title component",
-  "version": "8.50.2",
+  "version": "8.51.0",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/page-title",
@@ -17,6 +17,7 @@
       "import": "./lib/index.js",
       "default": "./lib/index.js"
     },
+    "./style.css": "./lib/style.css",
     "./lib/style.css": {
       "import": "./lib/style.css",
       "require": "./lib/style.css"
@@ -29,21 +30,19 @@
     "@spscommerce/utils": "^7.0.0 || ^8.0.0 || ^9.0.0",
     "react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
-    "@sps-woodland/core": "8.50.2",
-    "@sps-woodland/tokens": "8.50.2"
+    "@sps-woodland/core": "8.51.0"
   },
   "devDependencies": {
     "@spscommerce/utils": "9.0.3",
-    "@vanilla-extract/css": "1.17.4",
     "react": "16.14.0",
     "react-dom": "16.14.0",
-    "@sps-woodland/core": "8.50.2",
-    "@sps-woodland/tokens": "8.50.2"
+    "@sps-woodland/core": "8.51.0"
   },
   "scripts": {
-    "build": "pnpm run build:js && pnpm run build:types",
+    "build": "pnpm run build:js && pnpm run build:types && pnpm run build:css",
     "build:js": "vite build",
     "build:types": "tsc --emitDeclarationOnly --declaration --declarationDir lib",
+    "build:css": "cp ../core/lib/page-title/style.css lib/style.css 2>/dev/null || echo 'page-title style.css not found, skipping'",
     "watch": "vite build --watch",
     "clean": "git clean -fdX",
     "pub": "node ../../../scripts/publish-package.mjs"

package/vite.config.mjs

@@ -1,31 +1,24 @@
 import path from "node:path";
-import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
 import { defineConfig } from "vite";
-import { getVanillaExtractPluginProps } from "../../../scripts/vanilla-extract-plugin-props.mjs";
 import pkg from "./package.json";
 
-const packageVersion = process.env.PREDICTED_VERSION || pkg.version;
+// Page-title is now a wrapper package that re-exports from @sps-woodland/core.
+// No vanilla-extract needed - CSS is provided by the mono-package.
+
+const peerDeps = pkg.peerDependencies ? Object.keys(pkg.peerDependencies) : [];
 
 export default defineConfig({
-  plugins: [
-    vanillaExtractPlugin(
-      getVanillaExtractPluginProps({
-        packageName: pkg.name,
-        packageVersion,
-      })
-    ),
-  ],
   build: {
     lib: {
       entry: path.resolve(__dirname, "src/index.ts"),
       name: "PageTitle",
       fileName: "index",
-      cssFileName: "style",
     },
     outDir: path.resolve(__dirname, "./lib"),
     emptyOutDir: false,
     rollupOptions: {
-      external: pkg.peerDependencies ? Object.keys(pkg.peerDependencies) : [],
+      // External must match subpath imports like @sps-woodland/core/page-title
+      external: (id) => peerDeps.some((dep) => id === dep || id.startsWith(dep + "/")),
     },
   },
 });

package/lib/page-subtitle/PageSubtitle.css.d.ts

@@ -1,2 +0,0 @@
-export declare const pageSubtitle: string;
-export declare const pageSubtitleIcon: string;

package/lib/page-subtitle/PageSubtitle.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import type { ComponentProps } from "@sps-woodland/core";
-export declare function PageSubtitle({ children, className, ...rest }: ComponentProps<unknown, HTMLDivElement>): React.ReactElement;

package/lib/page-title/PageTitle.css.d.ts

@@ -1,3 +0,0 @@
-export declare const pageTitle: string;
-export declare const pageTitleText: string;
-export declare const pageTitleIcon: string;

package/lib/page-title/PageTitle.d.ts

@@ -1,3 +0,0 @@
-import * as React from "react";
-import type { ComponentProps } from "@sps-woodland/core";
-export declare function PageTitle({ children, className, ...rest }: ComponentProps<unknown, HTMLDivElement>): React.ReactElement;