@sps-woodland/zero-state 7.17.12 → 7.19.0

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

@@ -1,9 +1,9 @@
 import * as r from "react";
-import { Metadata as b, cl as v, Icon as w, contentOf as u } from "@sps-woodland/core";
-import { Illustrations as I } from "@sps-woodland/illustrations";
-import { code as s } from "@spscommerce/utils";
-import { sprinkles as f } from "@sps-woodland/tokens";
-function y(e, a, o) {
+import { Metadata as v, cl as w, Icon as C, contentOf as u } from "@sps-woodland/core";
+import { Illustrations as b } from "@sps-woodland/illustrations";
+import { code as n } from "@spscommerce/utils";
+import { sprinkles as _ } from "@sps-woodland/tokens";
+function I(e, a, o) {
   return a in e ? Object.defineProperty(e, a, {
     value: o,
     enumerable: !0,
@@ -11,64 +11,64 @@ function y(e, a, o) {
     writable: !0
   }) : e[a] = o, e;
 }
-function S(e, a) {
+function f(e, a) {
   var o = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var t = Object.getOwnPropertySymbols(e);
-    a && (t = t.filter(function(n) {
-      return Object.getOwnPropertyDescriptor(e, n).enumerable;
+    a && (t = t.filter(function(s) {
+      return Object.getOwnPropertyDescriptor(e, s).enumerable;
     })), o.push.apply(o, t);
   }
   return o;
 }
-function g(e) {
+function S(e) {
   for (var a = 1; a < arguments.length; a++) {
     var o = arguments[a] != null ? arguments[a] : {};
-    a % 2 ? S(Object(o), !0).forEach(function(t) {
-      y(e, t, o[t]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) : S(Object(o)).forEach(function(t) {
+    a % 2 ? f(Object(o), !0).forEach(function(t) {
+      I(e, t, o[t]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) : f(Object(o)).forEach(function(t) {
       Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(o, t));
     });
   }
   return e;
 }
-var E = (e, a, o) => {
+var y = (e, a, o) => {
   for (var t of Object.keys(e)) {
-    var n;
-    if (e[t] !== ((n = a[t]) !== null && n !== void 0 ? n : o[t]))
+    var s;
+    if (e[t] !== ((s = a[t]) !== null && s !== void 0 ? s : o[t]))
       return !1;
   }
   return !0;
-}, p = (e) => (a) => {
-  var o = e.defaultClassName, t = g(g({}, e.defaultVariants), a);
-  for (var n in t) {
-    var i, d = (i = t[n]) !== null && i !== void 0 ? i : e.defaultVariants[n];
+}, c = (e) => (a) => {
+  var o = e.defaultClassName, t = S(S({}, e.defaultVariants), a);
+  for (var s in t) {
+    var i, d = (i = t[s]) !== null && i !== void 0 ? i : e.defaultVariants[s];
     if (d != null) {
       var l = d;
       typeof l == "boolean" && (l = l === !0 ? "true" : "false");
-      var m = e.variantClassNames[n][l];
-      m && (o += " " + m);
+      var p = e.variantClassNames[s][l];
+      p && (o += " " + p);
     }
   }
-  for (var [c, C] of e.compoundVariants)
-    E(c, t, e.defaultVariants) && (o += " " + C);
+  for (var [m, g] of e.compoundVariants)
+    y(m, t, e.defaultVariants) && (o += " " + g);
   return o;
-}, Z = "jrytnlc", N = p({ defaultClassName: "jrytnl3", variantClassNames: { micro: { true: "jrytnl4", false: "jrytnl5" } }, defaultVariants: { micro: !1 }, compoundVariants: [] }), A = "jrytnlb", H = p({ defaultClassName: "jrytnl7", variantClassNames: { micro: { true: "jrytnl8", false: "jrytnl9" } }, defaultVariants: { micro: !1 }, compoundVariants: [] }), R = "jrytnl6", B = "jrytnla", O = p({ defaultClassName: "jrytnl0", variantClassNames: { micro: { true: "jrytnl1", false: "jrytnl2" } }, defaultVariants: {}, compoundVariants: [] });
+}, E = "pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnlc", Z = c({ defaultClassName: "pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl3", variantClassNames: { micro: { true: "pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl4", false: "pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl5" } }, defaultVariants: { micro: !1 }, compoundVariants: [] }), N = "pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnlb", z = c({ defaultClassName: "pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl7", variantClassNames: { micro: { true: "pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl8", false: "pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl9" } }, defaultVariants: { micro: !1 }, compoundVariants: [] }), A = "pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl6", H = "pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnla", R = c({ defaultClassName: "pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl0", variantClassNames: { micro: { true: "pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl1", false: "pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl2" } }, defaultVariants: {}, compoundVariants: [] });
 function h({
   artwork: e,
   heading: a,
   illustration: o,
   subHeading: t,
-  micro: n = !1,
+  micro: s = !1,
   children: i,
   className: d,
   icon: l,
-  ...m
+  ...p
 }) {
-  const c = o || e || I.Large.BUILDING;
-  return /* @__PURE__ */ r.createElement("div", { className: O({ micro: n }) }, /* @__PURE__ */ r.createElement("div", { className: v(N({ micro: n }), d), ...m }, n ? /* @__PURE__ */ r.createElement(r.Fragment, null, l ? /* @__PURE__ */ r.createElement(w, { className: Z, icon: l, "aria-hidden": "true" }) : /* @__PURE__ */ r.createElement("img", { style: { height: "3rem" }, src: c })) : /* @__PURE__ */ r.createElement("img", { className: R, src: c, alt: "" }), a && (typeof a == "string" ? /* @__PURE__ */ r.createElement("h1", { className: H({ micro: n }) }, a) : u(a)), t && (typeof t == "string" ? /* @__PURE__ */ r.createElement("h2", { className: B }, t) : u(t)), /* @__PURE__ */ r.createElement("div", { className: A }, i)));
+  const m = o || e || b.Large.BUILDING;
+  return /* @__PURE__ */ r.createElement("div", { className: R({ micro: s }) }, /* @__PURE__ */ r.createElement("div", { className: w(Z({ micro: s }), d), ...p }, s ? /* @__PURE__ */ r.createElement(r.Fragment, null, l ? /* @__PURE__ */ r.createElement(C, { className: E, icon: l, "aria-hidden": "true" }) : /* @__PURE__ */ r.createElement("img", { style: { height: "3rem" }, src: m })) : /* @__PURE__ */ r.createElement("img", { className: A, src: m, alt: "" }), a && (typeof a == "string" ? /* @__PURE__ */ r.createElement("h1", { className: z({ micro: s }) }, a) : u(a)), t && (typeof t == "string" ? /* @__PURE__ */ r.createElement("h2", { className: H }, t) : u(t)), /* @__PURE__ */ r.createElement("div", { className: N }, i)));
 }
-b.set(h, {
+v.set(h, {
   name: "ZeroState",
   props: {
     artwork: { type: "string" },
@@ -78,13 +78,13 @@ b.set(h, {
     micro: { type: "boolean", default: "false" }
   }
 });
-const j = {
+const B = {
   description: () => /* @__PURE__ */ r.createElement("p", null, "Zero States are placeholders in content areas when there is no content to show. You can view all available illustrations on the Illustrations page."),
   components: [h],
   examples: {
     general: {
       label: "Sizes",
-      description: () => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("h5", { className: f({ mb: "md" }) }, "There are 2 sizes of Zero States: Large and Small. They differ in appearance and are used in different cases."), /* @__PURE__ */ r.createElement("h4", null, "Large Zero States"), /* @__PURE__ */ r.createElement("h5", { className: f({ mb: "md" }) }, "Use Large Zero States in primary or large areas of a page."), /* @__PURE__ */ r.createElement("h4", null, "Small Zero States"), /* @__PURE__ */ r.createElement("h5", null, "Use Small Zero States in secondary or small areas of a page."))
+      description: () => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("h5", { className: _({ mb: "md" }) }, "There are 2 sizes of Zero States: Large and Small. They differ in appearance and are used in different cases."), /* @__PURE__ */ r.createElement("h4", null, "Large Zero States"), /* @__PURE__ */ r.createElement("h5", { className: _({ mb: "md" }) }, "Use Large Zero States in primary or large areas of a page."), /* @__PURE__ */ r.createElement("h4", null, "Small Zero States"), /* @__PURE__ */ r.createElement("h5", null, "Use Small Zero States in secondary or small areas of a page."))
     },
     regular: {
       label: "Usage: Large Zero States",
@@ -92,7 +92,7 @@ const j = {
       examples: {
         illustrationAndHeading: {
           description: "Illustration + Heading",
-          react: s`
+          react: n`
             import { ZeroState } from "@sps-woodland/zero-state";
             import { Card } from "@sps-woodland/cards";
             import { Illustrations } from "@sps-woodland/core";
@@ -111,7 +111,7 @@ const j = {
         },
         illustrationHeadingAndSubtitle: {
           description: "Illustration + Heading + Subtitle",
-          react: s`
+          react: n`
             import { ZeroState } from "@sps-woodland/zero-state";
             import { Card } from "@sps-woodland/cards";
             import { Illustrations } from "@sps-woodland/core";
@@ -131,7 +131,7 @@ const j = {
         },
         illustrationHeadingAndButton: {
           description: "Illustration + Heading + Button",
-          react: s`
+          react: n`
             import { ZeroState } from "@sps-woodland/zero-state";
             import { Card } from "@sps-woodland/cards";
             import { Illustrations } from "@sps-woodland/core";
@@ -156,7 +156,7 @@ const j = {
         },
         illustrationHeadingSubtitleAndButton: {
           description: "Illustration + Heading + Subtitle + Button",
-          react: s`
+          react: n`
             import { ZeroState } from "@sps-woodland/zero-state";
             import { Card } from "@sps-woodland/cards";
             import { Illustrations } from "@sps-woodland/core";
@@ -182,7 +182,7 @@ const j = {
         },
         illustrationHeadingSubtitleAndSearch: {
           description: "Illustration + Heading + Subtitle + Search",
-          react: s`
+          react: n`
             import { ZeroState } from "@sps-woodland/zero-state";
             import { Card } from "@sps-woodland/cards";
             import { Illustrations } from "@sps-woodland/core";
@@ -225,7 +225,7 @@ const j = {
       examples: {
         illustrationAndHeading: {
           description: "Illustration + Heading",
-          react: s`
+          react: n`
             import { ZeroState } from "@sps-woodland/zero-state";
             import { Card } from "@sps-woodland/cards";
             import { Illustrations } from "@sps-woodland/core";
@@ -249,7 +249,7 @@ const j = {
         },
         illustrationAndSubtitle: {
           description: "Illustration + Subtitle",
-          react: s`
+          react: n`
             import { ZeroState } from "@sps-woodland/zero-state";
             import { Card } from "@sps-woodland/cards";
             import { Illustrations } from "@sps-woodland/core";
@@ -273,7 +273,7 @@ const j = {
         },
         illustrationHeadingAndSubtitle: {
           description: "Illustration + Heading + Subtitle",
-          react: s`
+          react: n`
             import { ZeroState } from "@sps-woodland/zero-state";
             import { Card } from "@sps-woodland/cards";
             import { Illustrations } from "@sps-woodland/core";
@@ -299,10 +299,10 @@ const j = {
       }
     }
   }
-}, F = {
-  "Zero States": j
+}, x = {
+  "Zero States": B
 };
 export {
-  F as MANIFEST,
+  x as MANIFEST,
   h as ZeroState
 };

package/lib/{index.cjs.js → index.umd.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("react"),d=require("@sps-woodland/core"),v=require("@sps-woodland/illustrations"),s=require("@spscommerce/utils"),S=require("@sps-woodland/tokens");function w(e){if(e&&e.__esModule)return e;const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const o=w(C);function y(e,a,t){return a in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}function g(e,a){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);a&&(r=r.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),t.push.apply(t,r)}return t}function b(e){for(var a=1;a<arguments.length;a++){var t=arguments[a]!=null?arguments[a]:{};a%2?g(Object(t),!0).forEach(function(r){y(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):g(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}var I=(e,a,t)=>{for(var r of Object.keys(e)){var n;if(e[r]!==((n=a[r])!==null&&n!==void 0?n:t[r]))return!1}return!0},p=e=>a=>{var t=e.defaultClassName,r=b(b({},e.defaultVariants),a);for(var n in r){var i,c=(i=r[n])!==null&&i!==void 0?i:e.defaultVariants[n];if(c!=null){var l=c;typeof l=="boolean"&&(l=l===!0?"true":"false");var u=e.variantClassNames[n][l];u&&(t+=" "+u)}}for(var[m,h]of e.compoundVariants)I(m,r,e.defaultVariants)&&(t+=" "+h);return t},E="jrytnlc",N=p({defaultClassName:"jrytnl3",variantClassNames:{micro:{true:"jrytnl4",false:"jrytnl5"}},defaultVariants:{micro:!1},compoundVariants:[]}),Z="jrytnlb",O=p({defaultClassName:"jrytnl7",variantClassNames:{micro:{true:"jrytnl8",false:"jrytnl9"}},defaultVariants:{micro:!1},compoundVariants:[]}),A="jrytnl6",H="jrytnla",j=p({defaultClassName:"jrytnl0",variantClassNames:{micro:{true:"jrytnl1",false:"jrytnl2"}},defaultVariants:{},compoundVariants:[]});function f({artwork:e,heading:a,illustration:t,subHeading:r,micro:n=!1,children:i,className:c,icon:l,...u}){const m=t||e||v.Illustrations.Large.BUILDING;return o.createElement("div",{className:j({micro:n})},o.createElement("div",{className:d.cl(N({micro:n}),c),...u},n?o.createElement(o.Fragment,null,l?o.createElement(d.Icon,{className:E,icon:l,"aria-hidden":"true"}):o.createElement("img",{style:{height:"3rem"},src:m})):o.createElement("img",{className:A,src:m,alt:""}),a&&(typeof a=="string"?o.createElement("h1",{className:O({micro:n})},a):d.contentOf(a)),r&&(typeof r=="string"?o.createElement("h2",{className:H},r):d.contentOf(r)),o.createElement("div",{className:Z},i)))}d.Metadata.set(f,{name:"ZeroState",props:{artwork:{type:"string"},heading:{type:"string | ReactNodeOrRenderFn"},illustration:{type:"string"},subHeading:{type:"string | ReactNodeOrRenderFn"},micro:{type:"boolean",default:"false"}}});const R={description:()=>o.createElement("p",null,"Zero States are placeholders in content areas when there is no content to show. You can view all available illustrations on the Illustrations page."),components:[f],examples:{general:{label:"Sizes",description:()=>o.createElement(o.Fragment,null,o.createElement("h5",{className:S.sprinkles({mb:"md"})},"There are 2 sizes of Zero States: Large and Small. They differ in appearance and are used in different cases."),o.createElement("h4",null,"Large Zero States"),o.createElement("h5",{className:S.sprinkles({mb:"md"})},"Use Large Zero States in primary or large areas of a page."),o.createElement("h4",null,"Small Zero States"),o.createElement("h5",null,"Use Small Zero States in secondary or small areas of a page."))},regular:{label:"Usage: Large Zero States",description:({NavigateTo:e})=>o.createElement("p",null,"Large Zero States may be accompanied by other components such as Headings, Subtitles,"," ",o.createElement(e,{to:"Button"},"Buttons"),","," ",o.createElement(e,{to:"List Toolbar"},"Search Bars"),", or a combination of these"),examples:{illustrationAndHeading:{description:"Illustration + Heading",react:s.code`
+(function(n,d){typeof exports=="object"&&typeof module<"u"?d(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/illustrations"),require("@spscommerce/utils"),require("@sps-woodland/tokens")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/illustrations","@spscommerce/utils","@sps-woodland/tokens"],d):(n=typeof globalThis<"u"?globalThis:n||self,d(n.ZeroState={},n.React,n.core,n.illustrations,n.utils,n.tokens))})(this,function(n,d,c,v,l,h){"use strict";function b(e){if(e&&e.__esModule)return e;const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(a,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return a.default=e,Object.freeze(a)}const o=b(d),R="";function C(e,a,t){return a in e?Object.defineProperty(e,a,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[a]=t,e}function g(e,a){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);a&&(r=r.filter(function(s){return Object.getOwnPropertyDescriptor(e,s).enumerable})),t.push.apply(t,r)}return t}function w(e){for(var a=1;a<arguments.length;a++){var t=arguments[a]!=null?arguments[a]:{};a%2?g(Object(t),!0).forEach(function(r){C(e,r,t[r])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):g(Object(t)).forEach(function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})}return e}var y=(e,a,t)=>{for(var r of Object.keys(e)){var s;if(e[r]!==((s=a[r])!==null&&s!==void 0?s:t[r]))return!1}return!0},f=e=>a=>{var t=e.defaultClassName,r=w(w({},e.defaultVariants),a);for(var s in r){var p,u=(p=r[s])!==null&&p!==void 0?p:e.defaultVariants[s];if(u!=null){var i=u;typeof i=="boolean"&&(i=i===!0?"true":"false");var m=e.variantClassNames[s][i];m&&(t+=" "+m)}}for(var[_,H]of e.compoundVariants)y(_,r,e.defaultVariants)&&(t+=" "+H);return t},I="pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnlc",E=f({defaultClassName:"pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl3",variantClassNames:{micro:{true:"pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl4",false:"pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl5"}},defaultVariants:{micro:!1},compoundVariants:[]}),Z="pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnlb",N=f({defaultClassName:"pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl7",variantClassNames:{micro:{true:"pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl8",false:"pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl9"}},defaultVariants:{micro:!1},compoundVariants:[]}),O="pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl6",z="pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnla",A=f({defaultClassName:"pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl0",variantClassNames:{micro:{true:"pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl1",false:"pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl2"}},defaultVariants:{},compoundVariants:[]});function S({artwork:e,heading:a,illustration:t,subHeading:r,micro:s=!1,children:p,className:u,icon:i,...m}){const _=t||e||v.Illustrations.Large.BUILDING;return o.createElement("div",{className:A({micro:s})},o.createElement("div",{className:c.cl(E({micro:s}),u),...m},s?o.createElement(o.Fragment,null,i?o.createElement(c.Icon,{className:I,icon:i,"aria-hidden":"true"}):o.createElement("img",{style:{height:"3rem"},src:_})):o.createElement("img",{className:O,src:_,alt:""}),a&&(typeof a=="string"?o.createElement("h1",{className:N({micro:s})},a):c.contentOf(a)),r&&(typeof r=="string"?o.createElement("h2",{className:z},r):c.contentOf(r)),o.createElement("div",{className:Z},p)))}c.Metadata.set(S,{name:"ZeroState",props:{artwork:{type:"string"},heading:{type:"string | ReactNodeOrRenderFn"},illustration:{type:"string"},subHeading:{type:"string | ReactNodeOrRenderFn"},micro:{type:"boolean",default:"false"}}});const j={"Zero States":{description:()=>o.createElement("p",null,"Zero States are placeholders in content areas when there is no content to show. You can view all available illustrations on the Illustrations page."),components:[S],examples:{general:{label:"Sizes",description:()=>o.createElement(o.Fragment,null,o.createElement("h5",{className:h.sprinkles({mb:"md"})},"There are 2 sizes of Zero States: Large and Small. They differ in appearance and are used in different cases."),o.createElement("h4",null,"Large Zero States"),o.createElement("h5",{className:h.sprinkles({mb:"md"})},"Use Large Zero States in primary or large areas of a page."),o.createElement("h4",null,"Small Zero States"),o.createElement("h5",null,"Use Small Zero States in secondary or small areas of a page."))},regular:{label:"Usage: Large Zero States",description:({NavigateTo:e})=>o.createElement("p",null,"Large Zero States may be accompanied by other components such as Headings, Subtitles,"," ",o.createElement(e,{to:"Button"},"Buttons"),","," ",o.createElement(e,{to:"List Toolbar"},"Search Bars"),", or a combination of these"),examples:{illustrationAndHeading:{description:"Illustration + Heading",react:l.code`
             import { ZeroState } from "@sps-woodland/zero-state";
             import { Card } from "@sps-woodland/cards";
             import { Illustrations } from "@sps-woodland/core";
@@ -13,7 +13,7 @@
                 </Card>
               );
             }
-          `},illustrationHeadingAndSubtitle:{description:"Illustration + Heading + Subtitle",react:s.code`
+          `},illustrationHeadingAndSubtitle:{description:"Illustration + Heading + Subtitle",react:l.code`
             import { ZeroState } from "@sps-woodland/zero-state";
             import { Card } from "@sps-woodland/cards";
             import { Illustrations } from "@sps-woodland/core";
@@ -29,7 +29,7 @@
                 </Card>
               );
             }
-          `},illustrationHeadingAndButton:{description:"Illustration + Heading + Button",react:s.code`
+          `},illustrationHeadingAndButton:{description:"Illustration + Heading + Button",react:l.code`
             import { ZeroState } from "@sps-woodland/zero-state";
             import { Card } from "@sps-woodland/cards";
             import { Illustrations } from "@sps-woodland/core";
@@ -50,7 +50,7 @@
                 </Card>
               );
             }
-          `},illustrationHeadingSubtitleAndButton:{description:"Illustration + Heading + Subtitle + Button",react:s.code`
+          `},illustrationHeadingSubtitleAndButton:{description:"Illustration + Heading + Subtitle + Button",react:l.code`
             import { ZeroState } from "@sps-woodland/zero-state";
             import { Card } from "@sps-woodland/cards";
             import { Illustrations } from "@sps-woodland/core";
@@ -72,7 +72,7 @@
                 </Card>
               );
             }
-          `},illustrationHeadingSubtitleAndSearch:{description:"Illustration + Heading + Subtitle + Search",react:s.code`
+          `},illustrationHeadingSubtitleAndSearch:{description:"Illustration + Heading + Subtitle + Search",react:l.code`
             import { ZeroState } from "@sps-woodland/zero-state";
             import { Card } from "@sps-woodland/cards";
             import { Illustrations } from "@sps-woodland/core";
@@ -105,7 +105,7 @@
                 </Card>
               );
             }
-          `}}},micro:{label:"Usage: Small Zero State",description:"Small Zero States may be accompanied by Headings, Subtitles, or both.",examples:{illustrationAndHeading:{description:"Illustration + Heading",react:s.code`
+          `}}},micro:{label:"Usage: Small Zero State",description:"Small Zero States may be accompanied by Headings, Subtitles, or both.",examples:{illustrationAndHeading:{description:"Illustration + Heading",react:l.code`
             import { ZeroState } from "@sps-woodland/zero-state";
             import { Card } from "@sps-woodland/cards";
             import { Illustrations } from "@sps-woodland/core";
@@ -125,7 +125,7 @@
                 </div>
               );
             }
-          `},illustrationAndSubtitle:{description:"Illustration + Subtitle",react:s.code`
+          `},illustrationAndSubtitle:{description:"Illustration + Subtitle",react:l.code`
             import { ZeroState } from "@sps-woodland/zero-state";
             import { Card } from "@sps-woodland/cards";
             import { Illustrations } from "@sps-woodland/core";
@@ -145,7 +145,7 @@
                 </div>
               );
             }
-          `},illustrationHeadingAndSubtitle:{description:"Illustration + Heading + Subtitle",react:s.code`
+          `},illustrationHeadingAndSubtitle:{description:"Illustration + Heading + Subtitle",react:l.code`
             import { ZeroState } from "@sps-woodland/zero-state";
             import { Card } from "@sps-woodland/cards";
             import { Illustrations } from "@sps-woodland/core";
@@ -166,4 +166,4 @@
                 </div>
               );
             }
-          `}}}}},B={"Zero States":R};exports.MANIFEST=B;exports.ZeroState=f;
+          `}}}}}};n.MANIFEST=j,n.ZeroState=S,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/lib/style.css

@@ -1 +1 @@
-.jrytnl2{padding:1rem}.jrytnl3{margin:auto;padding-top:2rem;padding-right:0;padding-bottom:2rem;padding-left:0;text-align:center}.jrytnl4{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:auto}.jrytnl6{height:6.25rem;margin-bottom:1rem;width:12.5rem}.jrytnl7{margin-bottom:0}.jrytnl8{color:#4b5356;font-size:1rem;font-weight:600;line-height:1.25rem}.jrytnl9{color:#1f282c;font-size:1.5rem;line-height:1.5rem}.jrytnla{color:#4b5356;font-size:.875rem;line-height:1.25rem;margin-top:.25rem;margin-bottom:0}.jrytnlb{margin-top:1rem}.jrytnlc{color:#717779;font-size:3rem;line-height:3rem;padding-bottom:.25rem}@media screen and (min-width: 768px){.jrytnl3{width:75%}}@media screen and (min-width: 992px){.jrytnl3{width:50%}}
+.pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl2{padding:1rem}.pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl3{margin:auto;padding-top:2rem;padding-right:0;padding-bottom:2rem;padding-left:0;text-align:center}.pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl4{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:auto}.pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl6{height:6.25rem;margin-bottom:1rem;width:12.5rem}.pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl7{margin-bottom:0}.pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl8{color:#4b5356;font-size:1rem;font-weight:600;line-height:1.25rem}.pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl9{color:#1f282c;font-size:1.5rem;line-height:1.5rem}.pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnla{color:#4b5356;font-size:.875rem;line-height:1.25rem;margin-top:.25rem;margin-bottom:0}.pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnlb{margin-top:1rem}.pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnlc{color:#717779;font-size:3rem;line-height:3rem;padding-bottom:.25rem}@media screen and (min-width: 768px){.pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl3{width:75%}}@media screen and (min-width: 992px){.pkg_sps-woodland_zero-state__version_7_19_0__hash_jrytnl3{width:50%}}

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@sps-woodland/zero-state",
   "description": "SPS Woodland Design System zero state component",
-  "version": "7.17.12",
+  "version": "7.19.0",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/zero-state",
   "homepage": "https://github.com/SPSCommerce/woodland/tree/master/packages/@sps-woodland/zero-state#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": {
@@ -26,22 +26,22 @@
     "access": "public"
   },
   "peerDependencies": {
-    "@sps-woodland/core": "7.17.12",
-    "@sps-woodland/illustrations": "7.17.12",
-    "@sps-woodland/tokens": "7.17.12",
     "@spscommerce/utils": "^6.12.1",
     "react": "^16.14.0",
-    "react-dom": "^16.14.0"
+    "react-dom": "^16.14.0",
+    "@sps-woodland/core": "7.19.0",
+    "@sps-woodland/illustrations": "7.19.0",
+    "@sps-woodland/tokens": "7.19.0"
   },
   "devDependencies": {
-    "@sps-woodland/core": "7.17.12",
-    "@sps-woodland/illustrations": "7.17.12",
-    "@sps-woodland/tokens": "7.17.12",
     "@spscommerce/utils": "^6.12.1",
     "@vanilla-extract/css": "^1.9.3",
     "@vanilla-extract/recipes": "^0.2.5",
     "react": "^16.14.0",
-    "react-dom": "^16.14.0"
+    "react-dom": "^16.14.0",
+    "@sps-woodland/core": "7.19.0",
+    "@sps-woodland/tokens": "7.19.0",
+    "@sps-woodland/illustrations": "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: "ZeroState",
+      fileName: "index",
     },
     outDir: path.resolve(__dirname, "./lib"),
     emptyOutDir: false,