@sps-woodland/zero-state 8.7.4 → 8.7.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.cjs.js +1 -1
- package/lib/index.es.js +4 -1
- package/lib/style.css +1 -1
- package/package.json +7 -7
- /package/{vite.config.js → vite.config.mjs} +0 -0
package/lib/index.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("react"),d=require("@sps-woodland/core"),C=require("@sps-woodland/illustrations"),s=require("@spscommerce/utils"),S=require("@sps-woodland/tokens");function h(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=h(A);function w(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){w(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 R=(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 l,c=(l=r[n])!==null&&l!==void 0?l:e.defaultVariants[n];if(c!=null){var i=c;typeof i=="boolean"&&(i=i===!0?"true":"false");var u=e.variantClassNames[n][i];u&&(t+=" "+u)}}for(var[m,E]of e.compoundVariants)R(m,r,e.defaultVariants)&&(t+=" "+E);return t},v="jrytnlc",y=p({defaultClassName:"jrytnl3",variantClassNames:{micro:{true:"jrytnl4",false:"jrytnl5"}},defaultVariants:{micro:!1},compoundVariants:[]}),L="jrytnlb",N=p({defaultClassName:"jrytnl7",variantClassNames:{micro:{true:"jrytnl8",false:"jrytnl9"}},defaultVariants:{micro:!1},compoundVariants:[]}),H="jrytnl6",Z="jrytnla",_=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:l,className:c,icon:i,...u}){const m=t||e||C.BUILDING_LARGE;return o.createElement("div",{className:_({micro:n})},o.createElement("div",{className:d.cl(y({micro:n}),c),...u},n?o.createElement(o.Fragment,null,i?o.createElement(d.Icon,{className:v,icon:i,"aria-hidden":"true"}):o.createElement("img",{style:{height:"3rem"},src:m})):o.createElement("img",{className:H,src:m,alt:""}),a&&(typeof a=="string"?o.createElement("h1",{className:N({micro:n})},a):d.contentOf(a)),r&&(typeof r=="string"?o.createElement("h2",{className:Z},r):d.contentOf(r)),o.createElement("div",{className:L},l)))}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 O={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`
|
|
2
2
|
import { ZeroState } from "@sps-woodland/zero-state";
|
|
3
3
|
import { Card } from "@sps-woodland/cards";
|
|
4
4
|
import { GENERAL_SEARCH_LARGE } from "@sps-woodland/illustrations";
|
package/lib/index.es.js
CHANGED
|
@@ -46,7 +46,10 @@ var v = (e, a, o) => {
|
|
|
46
46
|
if (d != null) {
|
|
47
47
|
var i = d;
|
|
48
48
|
typeof i == "boolean" && (i = i === !0 ? "true" : "false");
|
|
49
|
-
var m =
|
|
49
|
+
var m = (
|
|
50
|
+
// @ts-expect-error
|
|
51
|
+
e.variantClassNames[n][i]
|
|
52
|
+
);
|
|
50
53
|
m && (o += " " + m);
|
|
51
54
|
}
|
|
52
55
|
}
|
package/lib/style.css
CHANGED
|
@@ -1 +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
|
|
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%}}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sps-woodland/zero-state",
|
|
3
3
|
"description": "SPS Woodland Design System zero state component",
|
|
4
|
-
"version": "8.7.
|
|
4
|
+
"version": "8.7.5",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/zero-state",
|
|
@@ -29,9 +29,9 @@
|
|
|
29
29
|
"@spscommerce/utils": "^6.12.1",
|
|
30
30
|
"react": "^16.14.0",
|
|
31
31
|
"react-dom": "^16.14.0",
|
|
32
|
-
"@sps-woodland/core": "8.7.
|
|
33
|
-
"@sps-woodland/illustrations": "8.7.
|
|
34
|
-
"@sps-woodland/tokens": "8.7.
|
|
32
|
+
"@sps-woodland/core": "8.7.5",
|
|
33
|
+
"@sps-woodland/illustrations": "8.7.5",
|
|
34
|
+
"@sps-woodland/tokens": "8.7.5"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@spscommerce/utils": "^6.12.1",
|
|
@@ -39,9 +39,9 @@
|
|
|
39
39
|
"@vanilla-extract/recipes": "^0.2.5",
|
|
40
40
|
"react": "^16.14.0",
|
|
41
41
|
"react-dom": "^16.14.0",
|
|
42
|
-
"@sps-woodland/core": "8.7.
|
|
43
|
-
"@sps-woodland/illustrations": "8.7.
|
|
44
|
-
"@sps-woodland/tokens": "8.7.
|
|
42
|
+
"@sps-woodland/core": "8.7.5",
|
|
43
|
+
"@sps-woodland/illustrations": "8.7.5",
|
|
44
|
+
"@sps-woodland/tokens": "8.7.5"
|
|
45
45
|
},
|
|
46
46
|
"scripts": {
|
|
47
47
|
"build": "pnpm run build:js && pnpm run build:types",
|
|
File without changes
|