@sps-woodland/zero-state 7.0.0 → 7.0.2
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/ZeroState.css.d.ts +0 -3
- package/lib/index.cjs.js +1 -1
- package/lib/index.es.js +1 -1
- package/lib/style.css +1 -1
- package/package.json +7 -7
package/lib/ZeroState.css.d.ts
CHANGED
|
@@ -1,11 +1,8 @@
|
|
|
1
|
-
export declare const zeroStateContainer: string;
|
|
2
1
|
export declare const zeroStateWrapper: import("@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<{
|
|
3
2
|
micro: {
|
|
4
3
|
true: {};
|
|
5
4
|
false: {
|
|
6
5
|
padding: string;
|
|
7
|
-
containerName: string;
|
|
8
|
-
containerType: "size";
|
|
9
6
|
};
|
|
10
7
|
};
|
|
11
8
|
}>;
|
package/lib/index.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("react"),m=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 I(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){I(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 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,d=(i=r[n])!==null&&i!==void 0?i:e.defaultVariants[n];if(d!=null){var l=d;typeof l=="boolean"&&(l=l===!0?"true":"false");var c=e.variantClassNames[n][l];c&&(t+=" "+c)}}for(var[u,h]of e.compoundVariants)y(u,r,e.defaultVariants)&&(t+=" "+h);return t},E="
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const C=require("react"),m=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 I(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){I(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 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,d=(i=r[n])!==null&&i!==void 0?i:e.defaultVariants[n];if(d!=null){var l=d;typeof l=="boolean"&&(l=l===!0?"true":"false");var c=e.variantClassNames[n][l];c&&(t+=" "+c)}}for(var[u,h]of e.compoundVariants)y(u,r,e.defaultVariants)&&(t+=" "+h);return t},E="jrytnlc",Z=p({defaultClassName:"jrytnl3",variantClassNames:{micro:{true:"jrytnl4",false:"jrytnl5"}},defaultVariants:{micro:!1},compoundVariants:[]}),N="jrytnlb",H=p({defaultClassName:"jrytnl7",variantClassNames:{micro:{true:"jrytnl8",false:"jrytnl9"}},defaultVariants:{micro:!1},compoundVariants:[]}),A="jrytnl6",O="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:d,icon:l,...c}){const u=t||e||v.Illustrations.Large.BUILDING;return o.createElement("div",{className:j({micro:n})},o.createElement("div",{className:m.cl(Z({micro:n}),d),...c},n?o.createElement(o.Fragment,null,l?o.createElement(m.Icon,{className:E,icon:l,"aria-hidden":"true"}):o.createElement("img",{style:{height:"3rem"},src:u})):o.createElement("img",{className:A,src:u,alt:""}),o.createElement("h1",{className:H({micro:n})},a),o.createElement("h2",{className:O},r),o.createElement("div",{className:N},i)))}m.Metadata.set(f,{name:"ZeroState",props:{artwork:{type:"string"},heading:{type:"string"},illustration:{type:"string"},subHeading:{type:"string"},micro:{type:"boolean",default:"false"}}});const B={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 { Illustrations } from "@sps-woodland/core";
|
package/lib/index.es.js
CHANGED
|
@@ -53,7 +53,7 @@ var E = (e, o, r) => {
|
|
|
53
53
|
for (var [c, h] of e.compoundVariants)
|
|
54
54
|
E(c, a, e.defaultVariants) && (r += " " + h);
|
|
55
55
|
return r;
|
|
56
|
-
}, y = "
|
|
56
|
+
}, y = "jrytnlc", Z = u({ defaultClassName: "jrytnl3", variantClassNames: { micro: { true: "jrytnl4", false: "jrytnl5" } }, defaultVariants: { micro: !1 }, compoundVariants: [] }), N = "jrytnlb", H = u({ defaultClassName: "jrytnl7", variantClassNames: { micro: { true: "jrytnl8", false: "jrytnl9" } }, defaultVariants: { micro: !1 }, compoundVariants: [] }), A = "jrytnl6", B = "jrytnla", j = u({ defaultClassName: "jrytnl0", variantClassNames: { micro: { true: "jrytnl1", false: "jrytnl2" } }, defaultVariants: {}, compoundVariants: [] });
|
|
57
57
|
function g({
|
|
58
58
|
artwork: e,
|
|
59
59
|
heading: o,
|
package/lib/style.css
CHANGED
|
@@ -1 +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:#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": "7.0.
|
|
4
|
+
"version": "7.0.2",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/zero-state",
|
|
@@ -14,9 +14,9 @@
|
|
|
14
14
|
},
|
|
15
15
|
"peerDependencies": {
|
|
16
16
|
"@spscommerce/utils": "^6.12.1",
|
|
17
|
-
"@sps-woodland/core": "7.0.
|
|
18
|
-
"@sps-woodland/tokens": "7.0.
|
|
19
|
-
"@sps-woodland/illustrations": "7.0.
|
|
17
|
+
"@sps-woodland/core": "7.0.2",
|
|
18
|
+
"@sps-woodland/tokens": "7.0.2",
|
|
19
|
+
"@sps-woodland/illustrations": "7.0.2",
|
|
20
20
|
"react": "^16.9.0",
|
|
21
21
|
"react-dom": "^16.9.0"
|
|
22
22
|
},
|
|
@@ -24,9 +24,9 @@
|
|
|
24
24
|
"@vanilla-extract/css": "^1.9.1",
|
|
25
25
|
"@vanilla-extract/recipes": "^0.2.5",
|
|
26
26
|
"@spscommerce/utils": "^6.12.1",
|
|
27
|
-
"@sps-woodland/core": "7.0.
|
|
28
|
-
"@sps-woodland/tokens": "7.0.
|
|
29
|
-
"@sps-woodland/illustrations": "7.0.
|
|
27
|
+
"@sps-woodland/core": "7.0.2",
|
|
28
|
+
"@sps-woodland/tokens": "7.0.2",
|
|
29
|
+
"@sps-woodland/illustrations": "7.0.2",
|
|
30
30
|
"react": "^16.9.0",
|
|
31
31
|
"react-dom": "^16.9.0"
|
|
32
32
|
},
|