@sps-woodland/zero-state 8.2.2 → 8.3.1

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.
Files changed (3) hide show
  1. package/lib/index.es.js +3 -33
  2. package/lib/style.css +1 -1
  3. package/package.json +7 -7
package/lib/index.es.js CHANGED
@@ -66,29 +66,7 @@ function E({
66
66
  ...m
67
67
  }) {
68
68
  const c = o || e || w;
69
- return /* @__PURE__ */ r.createElement("div", {
70
- className: G({ micro: n })
71
- }, /* @__PURE__ */ r.createElement("div", {
72
- className: h(L({ micro: n }), d),
73
- ...m
74
- }, n ? /* @__PURE__ */ r.createElement(r.Fragment, null, i ? /* @__PURE__ */ r.createElement(b, {
75
- className: y,
76
- icon: i,
77
- "aria-hidden": "true"
78
- }) : /* @__PURE__ */ r.createElement("img", {
79
- style: { height: "3rem" },
80
- src: c
81
- })) : /* @__PURE__ */ r.createElement("img", {
82
- className: Z,
83
- src: c,
84
- alt: ""
85
- }), a && (typeof a == "string" ? /* @__PURE__ */ r.createElement("h1", {
86
- className: H({ micro: n })
87
- }, a) : u(a)), t && (typeof t == "string" ? /* @__PURE__ */ r.createElement("h2", {
88
- className: _
89
- }, t) : u(t)), /* @__PURE__ */ r.createElement("div", {
90
- className: N
91
- }, l)));
69
+ return /* @__PURE__ */ r.createElement("div", { className: G({ micro: n }) }, /* @__PURE__ */ r.createElement("div", { className: h(L({ micro: n }), d), ...m }, n ? /* @__PURE__ */ r.createElement(r.Fragment, null, i ? /* @__PURE__ */ r.createElement(b, { className: y, icon: i, "aria-hidden": "true" }) : /* @__PURE__ */ r.createElement("img", { style: { height: "3rem" }, src: c })) : /* @__PURE__ */ r.createElement("img", { className: Z, 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: _ }, t) : u(t)), /* @__PURE__ */ r.createElement("div", { className: N }, l)));
92
70
  }
93
71
  C.set(E, {
94
72
  name: "ZeroState",
@@ -106,19 +84,11 @@ const j = {
106
84
  examples: {
107
85
  general: {
108
86
  label: "Sizes",
109
- description: () => /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement("h5", {
110
- className: f({ mb: "md" })
111
- }, "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", {
112
- className: f({ mb: "md" })
113
- }, "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."))
87
+ 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."))
114
88
  },
115
89
  regular: {
116
90
  label: "Usage: Large Zero States",
117
- description: ({ NavigateTo: e }) => /* @__PURE__ */ r.createElement("p", null, "Large Zero States may be accompanied by other components such as Headings, Subtitles,", " ", /* @__PURE__ */ r.createElement(e, {
118
- to: "Button"
119
- }, "Buttons"), ",", " ", /* @__PURE__ */ r.createElement(e, {
120
- to: "List Toolbar"
121
- }, "Search Bars"), ", or a combination of these"),
91
+ description: ({ NavigateTo: e }) => /* @__PURE__ */ r.createElement("p", null, "Large Zero States may be accompanied by other components such as Headings, Subtitles,", " ", /* @__PURE__ */ r.createElement(e, { to: "Button" }, "Buttons"), ",", " ", /* @__PURE__ */ r.createElement(e, { to: "List Toolbar" }, "Search Bars"), ", or a combination of these"),
122
92
  examples: {
123
93
  illustrationAndHeading: {
124
94
  description: "Illustration + Heading",
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:#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%}}
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:oklch(43.62% .011 222.24);font-size:1rem;font-weight:600;line-height:1.25rem}.jrytnl9{color:oklch(26.99% .015 226.65);font-size:1.5rem;line-height:1.5rem}.jrytnla{color:oklch(43.62% .011 222.24);font-size:.875rem;line-height:1.25rem;margin-top:.25rem;margin-bottom:0}.jrytnlb{margin-top:1rem}.jrytnlc{color:oklch(56.48% .008 219.62);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.2.2",
4
+ "version": "8.3.1",
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.2.2",
33
- "@sps-woodland/illustrations": "8.2.2",
34
- "@sps-woodland/tokens": "8.2.2"
32
+ "@sps-woodland/core": "8.3.1",
33
+ "@sps-woodland/illustrations": "8.3.1",
34
+ "@sps-woodland/tokens": "8.3.1"
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.2.2",
43
- "@sps-woodland/illustrations": "8.2.2",
44
- "@sps-woodland/tokens": "8.2.2"
42
+ "@sps-woodland/core": "8.3.1",
43
+ "@sps-woodland/illustrations": "8.3.1",
44
+ "@sps-woodland/tokens": "8.3.1"
45
45
  },
46
46
  "scripts": {
47
47
  "build": "pnpm run build:js && pnpm run build:types",