@sps-woodland/zero-state 8.21.0 → 8.21.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/{index.es.js → index.js} +1 -1
- package/lib/{index.cjs.js → index.umd.cjs} +9 -9
- package/lib/style.css +1 -1
- package/package.json +12 -12
- package/vite.config.mjs +2 -2
|
@@ -56,7 +56,7 @@ var b = (e, a, o) => {
|
|
|
56
56
|
for (var [m, g] of e.compoundVariants)
|
|
57
57
|
b(m, t, e.defaultVariants) && (o += " " + g);
|
|
58
58
|
return o;
|
|
59
|
-
}, R = "pkg_sps-woodland_zero-
|
|
59
|
+
}, R = "pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnlc", y = _({ defaultClassName: "pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl3", variantClassNames: { micro: { true: "pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl4", false: "pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl5" } }, defaultVariants: { micro: !1 }, compoundVariants: [] }), L = "pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnlb", N = _({ defaultClassName: "pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl7", variantClassNames: { micro: { true: "pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl8", false: "pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl9" } }, defaultVariants: { micro: !1 }, compoundVariants: [] }), H = "pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl6", Z = "pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnla", z = _({ defaultClassName: "pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl0", variantClassNames: { micro: { true: "pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl1", false: "pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl2" } }, defaultVariants: {}, compoundVariants: [] });
|
|
60
60
|
function h({
|
|
61
61
|
artwork: e,
|
|
62
62
|
heading: a,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"
|
|
1
|
+
(function(s,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):(s=typeof globalThis<"u"?globalThis:s||self,d(s.ZeroState={},s.React,s.core,s.illustrations,s.utils,s.tokens))})(this,function(s,d,p,E,i,h){"use strict";function b(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);function v(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 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){v(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 A=(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},f=e=>a=>{var t=e.defaultClassName,r=w(w({},e.defaultVariants),a);for(var n in r){var c,u=(c=r[n])!==null&&c!==void 0?c:e.defaultVariants[n];if(u!=null){var l=u;typeof l=="boolean"&&(l=l===!0?"true":"false");var m=e.variantClassNames[n][l];m&&(t+=" "+m)}}for(var[_,O]of e.compoundVariants)A(_,r,e.defaultVariants)&&(t+=" "+O);return t},C="pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnlc",R=f({defaultClassName:"pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl3",variantClassNames:{micro:{true:"pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl4",false:"pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl5"}},defaultVariants:{micro:!1},compoundVariants:[]}),y="pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnlb",L=f({defaultClassName:"pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl7",variantClassNames:{micro:{true:"pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl8",false:"pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl9"}},defaultVariants:{micro:!1},compoundVariants:[]}),N="pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl6",Z="pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnla",H=f({defaultClassName:"pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl0",variantClassNames:{micro:{true:"pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl1",false:"pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl2"}},defaultVariants:{},compoundVariants:[]});function S({artwork:e,heading:a,illustration:t,subHeading:r,micro:n=!1,children:c,className:u,icon:l,...m}){const _=t||e||E.BUILDING_LARGE;return o.createElement("div",{className:H({micro:n})},o.createElement("div",{className:p.cl(R({micro:n}),u),...m},n?o.createElement(o.Fragment,null,l?o.createElement(p.Icon,{className:C,icon:l,"aria-hidden":"true"}):o.createElement("img",{style:{height:"3rem"},src:_})):o.createElement("img",{className:N,src:_,alt:""}),a&&(typeof a=="string"?o.createElement("h1",{className:L({micro:n})},a):p.contentOf(a)),r&&(typeof r=="string"?o.createElement("h2",{className:Z},r):p.contentOf(r)),o.createElement("div",{className:y},c)))}p.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 z={"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:i.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";
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
</Card>
|
|
14
14
|
);
|
|
15
15
|
}
|
|
16
|
-
`},illustrationHeadingAndSubtitle:{description:"Illustration + Heading + Subtitle",react:
|
|
16
|
+
`},illustrationHeadingAndSubtitle:{description:"Illustration + Heading + Subtitle",react:i.code`
|
|
17
17
|
import { ZeroState } from "@sps-woodland/zero-state";
|
|
18
18
|
import { Card } from "@sps-woodland/cards";
|
|
19
19
|
import { GENERAL_SEARCH_LARGE } from "@sps-woodland/illustrations";
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
</Card>
|
|
30
30
|
);
|
|
31
31
|
}
|
|
32
|
-
`},illustrationHeadingAndButton:{description:"Illustration + Heading + Button",react:
|
|
32
|
+
`},illustrationHeadingAndButton:{description:"Illustration + Heading + Button",react:i.code`
|
|
33
33
|
import { ZeroState } from "@sps-woodland/zero-state";
|
|
34
34
|
import { Card } from "@sps-woodland/cards";
|
|
35
35
|
import { GENERAL_SEARCH_LARGE } from "@sps-woodland/illustrations";
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
</Card>
|
|
50
50
|
);
|
|
51
51
|
}
|
|
52
|
-
`},illustrationHeadingSubtitleAndButton:{description:"Illustration + Heading + Subtitle + Button",react:
|
|
52
|
+
`},illustrationHeadingSubtitleAndButton:{description:"Illustration + Heading + Subtitle + Button",react:i.code`
|
|
53
53
|
import { ZeroState } from "@sps-woodland/zero-state";
|
|
54
54
|
import { Card } from "@sps-woodland/cards";
|
|
55
55
|
import { GENERAL_SEARCH_LARGE } from "@sps-woodland/illustrations";
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
</Card>
|
|
71
71
|
);
|
|
72
72
|
}
|
|
73
|
-
`},illustrationHeadingSubtitleAndSearch:{description:"Illustration + Heading + Subtitle + Search",react:
|
|
73
|
+
`},illustrationHeadingSubtitleAndSearch:{description:"Illustration + Heading + Subtitle + Search",react:i.code`
|
|
74
74
|
import { ZeroState } from "@sps-woodland/zero-state";
|
|
75
75
|
import { Card } from "@sps-woodland/cards";
|
|
76
76
|
import { GENERAL_SEARCH_LARGE } from "@sps-woodland/illustrations";
|
|
@@ -103,7 +103,7 @@
|
|
|
103
103
|
</Card>
|
|
104
104
|
);
|
|
105
105
|
}
|
|
106
|
-
`}}},micro:{label:"Usage: Small Zero State",description:"Small Zero States may be accompanied by Headings, Subtitles, or both.",examples:{illustrationAndHeading:{description:"Illustration + Heading",react:
|
|
106
|
+
`}}},micro:{label:"Usage: Small Zero State",description:"Small Zero States may be accompanied by Headings, Subtitles, or both.",examples:{illustrationAndHeading:{description:"Illustration + Heading",react:i.code`
|
|
107
107
|
import { ZeroState } from "@sps-woodland/zero-state";
|
|
108
108
|
import { Card } from "@sps-woodland/cards";
|
|
109
109
|
import { BAR_CHART_SMALL } from "@sps-woodland/illustrations";
|
|
@@ -123,7 +123,7 @@
|
|
|
123
123
|
</div>
|
|
124
124
|
);
|
|
125
125
|
}
|
|
126
|
-
`},illustrationAndSubtitle:{description:"Illustration + Subtitle",react:
|
|
126
|
+
`},illustrationAndSubtitle:{description:"Illustration + Subtitle",react:i.code`
|
|
127
127
|
import { ZeroState } from "@sps-woodland/zero-state";
|
|
128
128
|
import { Card } from "@sps-woodland/cards";
|
|
129
129
|
import { BAR_CHART_SMALL } from "@sps-woodland/illustrations";
|
|
@@ -143,7 +143,7 @@
|
|
|
143
143
|
</div>
|
|
144
144
|
);
|
|
145
145
|
}
|
|
146
|
-
`},illustrationHeadingAndSubtitle:{description:"Illustration + Heading + Subtitle",react:
|
|
146
|
+
`},illustrationHeadingAndSubtitle:{description:"Illustration + Heading + Subtitle",react:i.code`
|
|
147
147
|
import { ZeroState } from "@sps-woodland/zero-state";
|
|
148
148
|
import { Card } from "@sps-woodland/cards";
|
|
149
149
|
import { BAR_CHART_SMALL } from "@sps-woodland/illustrations";
|
|
@@ -164,4 +164,4 @@
|
|
|
164
164
|
</div>
|
|
165
165
|
);
|
|
166
166
|
}
|
|
167
|
-
`}}}}}
|
|
167
|
+
`}}}}}};s.MANIFEST=z,s.ZeroState=S,Object.defineProperty(s,Symbol.toStringTag,{value:"Module"})});
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkg_sps-woodland_zero-
|
|
1
|
+
.pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl2{padding:1rem}.pkg_sps-woodland_zero-state__version_8_21_2__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_8_21_2__hash_jrytnl4{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:auto}.pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl6{height:6.25rem;margin-bottom:1rem;width:12.5rem}.pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl7{margin-bottom:0}.pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl8{color:#4b5356;font-size:1rem;font-weight:600;line-height:1.25rem}.pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl9{color:#1f282c;font-size:1.5rem;line-height:1.5rem}.pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnla{color:#4b5356;font-size:.875rem;line-height:1.25rem;margin-top:.25rem;margin-bottom:0}.pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnlb{margin-top:1rem}.pkg_sps-woodland_zero-state__version_8_21_2__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_8_21_2__hash_jrytnl3{width:75%}}@media screen and (min-width: 992px){.pkg_sps-woodland_zero-state__version_8_21_2__hash_jrytnl3{width:50%}}
|
package/package.json
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sps-woodland/zero-state",
|
|
3
3
|
"description": "SPS Woodland Design System zero state component",
|
|
4
|
-
"version": "8.21.
|
|
4
|
+
"version": "8.21.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",
|
|
8
8
|
"homepage": "https://github.com/SPSCommerce/woodland/tree/master/packages/@sps-woodland/zero-state#readme",
|
|
9
9
|
"type": "module",
|
|
10
|
-
"module": "./lib/index.
|
|
11
|
-
"main": "./lib/index.cjs
|
|
10
|
+
"module": "./lib/index.js",
|
|
11
|
+
"main": "./lib/index.umd.cjs",
|
|
12
12
|
"types": "./lib/index.d.ts",
|
|
13
13
|
"exports": {
|
|
14
14
|
".": {
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"default": "./lib/index.
|
|
15
|
+
"require": "./lib/index.umd.cjs",
|
|
16
|
+
"import": "./lib/index.js",
|
|
17
|
+
"default": "./lib/index.js",
|
|
18
18
|
"types": "./lib/index.d.ts"
|
|
19
19
|
},
|
|
20
20
|
"./lib/style.css": {
|
|
@@ -29,9 +29,9 @@
|
|
|
29
29
|
"@spscommerce/utils": "^7.0.0",
|
|
30
30
|
"react": "^16.14.0",
|
|
31
31
|
"react-dom": "^16.14.0",
|
|
32
|
-
"@sps-woodland/core": "8.21.
|
|
33
|
-
"@sps-woodland/illustrations": "8.21.
|
|
34
|
-
"@sps-woodland/tokens": "8.21.
|
|
32
|
+
"@sps-woodland/core": "8.21.2",
|
|
33
|
+
"@sps-woodland/illustrations": "8.21.2",
|
|
34
|
+
"@sps-woodland/tokens": "8.21.2"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@spscommerce/utils": "^7.0.0",
|
|
@@ -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.21.
|
|
43
|
-
"@sps-woodland/illustrations": "8.21.
|
|
44
|
-
"@sps-woodland/tokens": "8.21.
|
|
42
|
+
"@sps-woodland/core": "8.21.2",
|
|
43
|
+
"@sps-woodland/illustrations": "8.21.2",
|
|
44
|
+
"@sps-woodland/tokens": "8.21.2"
|
|
45
45
|
},
|
|
46
46
|
"scripts": {
|
|
47
47
|
"build": "pnpm run build:js && pnpm run build:types",
|
package/vite.config.mjs
CHANGED
|
@@ -18,8 +18,8 @@ export default defineConfig({
|
|
|
18
18
|
build: {
|
|
19
19
|
lib: {
|
|
20
20
|
entry: path.resolve(__dirname, "src/index.ts"),
|
|
21
|
-
|
|
22
|
-
fileName:
|
|
21
|
+
name: "ZeroState",
|
|
22
|
+
fileName: "index",
|
|
23
23
|
},
|
|
24
24
|
outDir: path.resolve(__dirname, "./lib"),
|
|
25
25
|
emptyOutDir: false,
|