@sps-woodland/page-title 7.17.13 → 7.19.0

package/lib/{index.es.js → index.js}

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

package/lib/index.umd.cjs

@@ -0,0 +1,28 @@
+(function(t,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("react"),require("@sps-woodland/core"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@spscommerce/utils"],o):(t=typeof globalThis<"u"?globalThis:t||self,o(t.PageTitle={},t.React,t.core,t.utils))})(this,function(t,o,a,_){"use strict";function p(e){if(e&&e.__esModule)return e;const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const i in e)if(i!=="default"){const n=Object.getOwnPropertyDescriptor(e,i);Object.defineProperty(s,i,n.get?n:{enumerable:!0,get:()=>e[i]})}}return s.default=e,Object.freeze(s)}const r=p(o),v="";var u="pkg_sps-woodland_page-title__version_7_19_0__hash_14vazzb0",g="pkg_sps-woodland_page-title__version_7_19_0__hash_14vazzb2",m="pkg_sps-woodland_page-title__version_7_19_0__hash_14vazzb1";function c({children:e,className:s,...i}){const[[n],l]=a.selectChildren(e,[{type:a.Icon}]),T=n?a.addClassName(n,g):"";return r.createElement("div",{className:a.cl(u,s),...i},T,r.createElement("div",{className:m},l))}a.Metadata.set(c,{name:"Page Title"});const h="";var b="pkg_sps-woodland_page-title__version_7_19_0__hash_30pzwb0",f="pkg_sps-woodland_page-title__version_7_19_0__hash_30pzwb1";function d({children:e,className:s,...i}){const n=a.modChildren(e,l=>l.type===a.Icon?[{className:a.cl(l.props.className,f)}]:[]);return r.createElement("div",{className:a.cl(b,s),...i},n)}a.Metadata.set(d,{name:"Page Subtitle"});const P={"Page Title":{components:[c,d],examples:{basic:{label:"Basic",examples:{basic:{react:_.code`
+            import { PageTitle } from "@sps-woodland/page-title";
+            
+            function Component() {
+              return (
+                <PageTitle>
+                  <Icon icon="status-error" color="red-medium" />
+                  Cabela's Purchase Order #123456789012
+                </PageTitle>
+              );
+            }
+          `}}},subtitle:{label:"Subtitle",examples:{withSubtitle:{react:_.code`
+            import { PageTitle, PageSubtitle } from "@sps-woodland/page-title";
+            import { Icon } from "@sps-woodland/core";
+
+            function Component() {
+              return (
+                <PageTitle>
+                  <Icon aria-hidden="true" icon="status-error" color="red-medium" size="lg"/>
+                  Cabela's Purchase Order #123456789012
+                  <PageSubtitle>
+                    MacNeil Automotive Parts
+                    <Icon icon="outgoing" />
+                  </PageSubtitle>
+                </PageTitle>
+              );
+            }
+          `}}}}}};t.MANIFEST=P,t.PageSubtitle=d,t.PageTitle=c,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/lib/style.css

@@ -1 +1 @@
-._14vazzb0{display:flex;flex-direction:row}._14vazzb1{color:#1f282c;display:flex;flex-direction:column;font-size:1.5rem;line-height:1.5rem}._14vazzb2{align-self:flex-start;font-size:1.125rem;line-height:1.5rem;margin-right:.25rem}._30pzwb0{color:#4b5356;font-size:1.125rem;line-height:1.125rem;margin-top:.25rem}._30pzwb1{font-size:.75rem;line-height:1.125rem;margin-left:.25rem;margin-right:.25rem}
+.pkg_sps-woodland_page-title__version_7_19_0__hash_14vazzb0{display:flex;flex-direction:row}.pkg_sps-woodland_page-title__version_7_19_0__hash_14vazzb1{color:#1f282c;display:flex;flex-direction:column;font-size:1.5rem;line-height:1.5rem}.pkg_sps-woodland_page-title__version_7_19_0__hash_14vazzb2{align-self:flex-start;font-size:1.125rem;line-height:1.5rem;margin-right:.25rem}.pkg_sps-woodland_page-title__version_7_19_0__hash_30pzwb0{color:#4b5356;font-size:1.125rem;line-height:1.125rem;margin-top:.25rem}.pkg_sps-woodland_page-title__version_7_19_0__hash_30pzwb1{font-size:.75rem;line-height:1.125rem;margin-left:.25rem;margin-right:.25rem}

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@sps-woodland/page-title",
   "description": "SPS Woodland Design System page title component",
-  "version": "7.17.13",
+  "version": "7.19.0",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/page-title",
   "homepage": "https://github.com/SPSCommerce/woodland/tree/master/packages/@sps-woodland/page-title#readme",
-  "module": "./lib/index.es.js",
   "type": "module",
-  "main": "./lib/index.cjs.js",
+  "module": "./lib/index.js",
+  "main": "./lib/index.umd.cjs",
   "types": "./lib/index.d.ts",
   "exports": {
     ".": {
-      "import": "./lib/index.es.js",
-      "require": "./lib/index.cjs.js",
-      "default": "./lib/index.cjs.js",
+      "require": "./lib/index.umd.cjs",
+      "import": "./lib/index.js",
+      "default": "./lib/index.js",
       "types": "./lib/index.d.ts"
     },
     "./lib/style.css": {
@@ -29,16 +29,16 @@
     "@spscommerce/utils": "^6.12.1",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "@sps-woodland/core": "7.17.13",
-    "@sps-woodland/tokens": "7.17.13"
+    "@sps-woodland/core": "7.19.0",
+    "@sps-woodland/tokens": "7.19.0"
   },
   "devDependencies": {
     "@spscommerce/utils": "^6.12.1",
     "@vanilla-extract/css": "^1.9.3",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "@sps-woodland/core": "7.17.13",
-    "@sps-woodland/tokens": "7.17.13"
+    "@sps-woodland/core": "7.19.0",
+    "@sps-woodland/tokens": "7.19.0"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:types",

package/vite.config.js

@@ -1,16 +1,25 @@
 import path from "path";
 import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
 import { defineConfig } from "vite";
-
+import { getVanillaExtractPluginProps } from "../../../scripts/vanilla-extract-plugin-props.js";
 import pkg from "./package.json";
 
+const packageVersion = process.env.PREDICTED_VERSION || pkg.version;
+
 export default defineConfig({
-  plugins: [vanillaExtractPlugin()],
+  plugins: [
+    vanillaExtractPlugin(
+      getVanillaExtractPluginProps({
+        packageName: pkg.name,
+        packageVersion,
+      })
+    ),
+  ],
   build: {
     lib: {
       entry: path.resolve(__dirname, "src/index.ts"),
-      formats: ["es", "cjs"],
-      fileName: (format) => `index.${format}.js`,
+      name: "PageTitle",
+      fileName: "index",
     },
     outDir: path.resolve(__dirname, "./lib"),
     emptyOutDir: false,

package/lib/index.cjs.js

@@ -1,28 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("react"),t=require("@sps-woodland/core"),s=require("@spscommerce/utils");function m(e){if(e&&e.__esModule)return e;const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(o,a,l.get?l:{enumerable:!0,get:()=>e[a]})}}return o.default=e,Object.freeze(o)}const i=m(d);var g="_14vazzb0",p="_14vazzb2",b="_14vazzb1";function n({children:e,className:o,...a}){const[[l],r]=t.selectChildren(e,[{type:t.Icon}]),u=l?t.addClassName(l,p):"";return i.createElement("div",{className:t.cl(g,o),...a},u,i.createElement("div",{className:b},r))}t.Metadata.set(n,{name:"Page Title"});var P="_30pzwb0",T="_30pzwb1";function c({children:e,className:o,...a}){const l=t.modChildren(e,r=>r.type===t.Icon?[{className:t.cl(r.props.className,T)}]:[]);return i.createElement("div",{className:t.cl(P,o),...a},l)}t.Metadata.set(c,{name:"Page Subtitle"});const _={components:[n,c],examples:{basic:{label:"Basic",examples:{basic:{react:s.code`
-            import { PageTitle } from "@sps-woodland/page-title";
-            
-            function Component() {
-              return (
-                <PageTitle>
-                  <Icon icon="status-error" color="red-medium" />
-                  Cabela's Purchase Order #123456789012
-                </PageTitle>
-              );
-            }
-          `}}},subtitle:{label:"Subtitle",examples:{withSubtitle:{react:s.code`
-            import { PageTitle, PageSubtitle } from "@sps-woodland/page-title";
-            import { Icon } from "@sps-woodland/core";
-
-            function Component() {
-              return (
-                <PageTitle>
-                  <Icon aria-hidden="true" icon="status-error" color="red-medium" size="lg"/>
-                  Cabela's Purchase Order #123456789012
-                  <PageSubtitle>
-                    MacNeil Automotive Parts
-                    <Icon icon="outgoing" />
-                  </PageSubtitle>
-                </PageTitle>
-              );
-            }
-          `}}}}},f={"Page Title":_};exports.MANIFEST=f;exports.PageSubtitle=c;exports.PageTitle=n;