@sps-woodland/key-value-set 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 (2) hide show
  1. package/lib/index.es.js +8 -50
  2. package/package.json +5 -5
package/lib/index.es.js CHANGED
@@ -58,13 +58,10 @@ function y({
58
58
  inline: l,
59
59
  ...a
60
60
  }) {
61
- return /* @__PURE__ */ e.createElement("div", {
62
- className: f(
63
- g({ inline: l }),
64
- n
65
- ),
66
- ...a
67
- }, t);
61
+ return /* @__PURE__ */ e.createElement("div", { className: f(
62
+ g({ inline: l }),
63
+ n
64
+ ), ...a }, t);
68
65
  }
69
66
  p.set(y, {
70
67
  name: "KeyValueSet",
@@ -79,12 +76,7 @@ function V({
79
76
  ...l
80
77
  }) {
81
78
  const a = h(l);
82
- return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", {
83
- className: I,
84
- ...a("key")
85
- }, n), /* @__PURE__ */ e.createElement("span", {
86
- ...l
87
- }, t));
79
+ return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: I, ...a("key") }, n), /* @__PURE__ */ e.createElement("span", { ...l }, t));
88
80
  }
89
81
  p.set(V, {
90
82
  name: "KeyValueSetItem",
@@ -98,23 +90,7 @@ const N = {
98
90
  examples: {
99
91
  vertical: {
100
92
  label: "Vertical Key Value Sets",
101
- description: () => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("h5", null, "Use:"), /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement("li", {
102
- className: "mb-2"
103
- }, "Vertical containers such as a side bar or general card")), /* @__PURE__ */ e.createElement("h5", null, "Do Not Use:"), /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement("li", {
104
- className: "mb-2"
105
- }, "In Table cells or Description Lists")), /* @__PURE__ */ e.createElement("h5", null, "Usage Rules"), /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement("li", {
106
- className: "mb-2"
107
- }, "Titles must be written in Title Case"), /* @__PURE__ */ e.createElement("li", {
108
- className: "mb-2"
109
- }, "Values can be written in Sentence Case or Title Case as best suits the content"), /* @__PURE__ */ e.createElement("li", {
110
- className: "mb-2"
111
- }, "Titles or Values can include hyperlinks and/or icons", /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement("li", {
112
- className: "mb-2"
113
- }, "Icons should always appear on the left before any text content"))), /* @__PURE__ */ e.createElement("li", {
114
- className: "mb-2"
115
- }, "Values can include tags"), /* @__PURE__ */ e.createElement("li", {
116
- className: "mb-2"
117
- }, "Can include multiple values on additional lines"))),
93
+ description: () => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("h5", null, "Use:"), /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement("li", { className: "mb-2" }, "Vertical containers such as a side bar or general card")), /* @__PURE__ */ e.createElement("h5", null, "Do Not Use:"), /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement("li", { className: "mb-2" }, "In Table cells or Description Lists")), /* @__PURE__ */ e.createElement("h5", null, "Usage Rules"), /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement("li", { className: "mb-2" }, "Titles must be written in Title Case"), /* @__PURE__ */ e.createElement("li", { className: "mb-2" }, "Values can be written in Sentence Case or Title Case as best suits the content"), /* @__PURE__ */ e.createElement("li", { className: "mb-2" }, "Titles or Values can include hyperlinks and/or icons", /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement("li", { className: "mb-2" }, "Icons should always appear on the left before any text content"))), /* @__PURE__ */ e.createElement("li", { className: "mb-2" }, "Values can include tags"), /* @__PURE__ */ e.createElement("li", { className: "mb-2" }, "Can include multiple values on additional lines"))),
118
94
  examples: {
119
95
  standard: {
120
96
  description: () => /* @__PURE__ */ e.createElement("h4", null, "Standard"),
@@ -169,9 +145,7 @@ const N = {
169
145
  `
170
146
  },
171
147
  tags: {
172
- description: ({ NavigateTo: t }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("h4", null, "Tags"), /* @__PURE__ */ e.createElement("p", null, /* @__PURE__ */ e.createElement("b", null, "Note:"), " Tags can appear inline or on individual lines as the length of content requires. Reference the ", /* @__PURE__ */ e.createElement(t, {
173
- to: "tags"
174
- }, "Tag"), " component for spacing rules.")),
148
+ description: ({ NavigateTo: t }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("h4", null, "Tags"), /* @__PURE__ */ e.createElement("p", null, /* @__PURE__ */ e.createElement("b", null, "Note:"), " Tags can appear inline or on individual lines as the length of content requires. Reference the ", /* @__PURE__ */ e.createElement(t, { to: "tags" }, "Tag"), " component for spacing rules.")),
175
149
  react: s`
176
150
  import { SpsTag } from "@spscommerce/ds-react";
177
151
  import { Box } from "@sps-woodland/core";
@@ -213,23 +187,7 @@ const N = {
213
187
  },
214
188
  horizontal: {
215
189
  label: "Horizontal Key Value Sets",
216
- description: () => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("h5", null, "Use:"), /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement("li", {
217
- className: "mb-2"
218
- }, "Horizontal containers such as a content row")), /* @__PURE__ */ e.createElement("h5", null, "Do Not Use:"), /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement("li", {
219
- className: "mb-2"
220
- }, "In Table cells or Description Lists")), /* @__PURE__ */ e.createElement("h5", null, "Usage Rules"), /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement("li", {
221
- className: "mb-2"
222
- }, "Titles must be written in Title Case"), /* @__PURE__ */ e.createElement("li", {
223
- className: "mb-2"
224
- }, "Values can be written in Sentence Case or Title Case as best suits the content"), /* @__PURE__ */ e.createElement("li", {
225
- className: "mb-2"
226
- }, "Titles or Values can include hyperlinks and/or icons", /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement("li", {
227
- className: "mb-2"
228
- }, "Icons should always appear on the left before any text content"))), /* @__PURE__ */ e.createElement("li", {
229
- className: "mb-2"
230
- }, "Can be used individually or stacked on top of one another", /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement("li", {
231
- className: "mb-2"
232
- }, "When stacking, the value lists should share a common category or theme"))))),
190
+ description: () => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("h5", null, "Use:"), /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement("li", { className: "mb-2" }, "Horizontal containers such as a content row")), /* @__PURE__ */ e.createElement("h5", null, "Do Not Use:"), /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement("li", { className: "mb-2" }, "In Table cells or Description Lists")), /* @__PURE__ */ e.createElement("h5", null, "Usage Rules"), /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement("li", { className: "mb-2" }, "Titles must be written in Title Case"), /* @__PURE__ */ e.createElement("li", { className: "mb-2" }, "Values can be written in Sentence Case or Title Case as best suits the content"), /* @__PURE__ */ e.createElement("li", { className: "mb-2" }, "Titles or Values can include hyperlinks and/or icons", /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement("li", { className: "mb-2" }, "Icons should always appear on the left before any text content"))), /* @__PURE__ */ e.createElement("li", { className: "mb-2" }, "Can be used individually or stacked on top of one another", /* @__PURE__ */ e.createElement("ul", null, /* @__PURE__ */ e.createElement("li", { className: "mb-2" }, "When stacking, the value lists should share a common category or theme"))))),
233
191
  examples: {
234
192
  standard: {
235
193
  description: () => /* @__PURE__ */ e.createElement("h4", null, "Standard"),
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sps-woodland/key-value-set",
3
3
  "description": "SPS Woodland Design System key value set 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/key-value-set",
@@ -29,8 +29,8 @@
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/tokens": "8.2.2"
32
+ "@sps-woodland/core": "8.3.1",
33
+ "@sps-woodland/tokens": "8.3.1"
34
34
  },
35
35
  "devDependencies": {
36
36
  "@spscommerce/utils": "^6.12.1",
@@ -38,8 +38,8 @@
38
38
  "@vanilla-extract/recipes": "^0.2.5",
39
39
  "react": "^16.14.0",
40
40
  "react-dom": "^16.14.0",
41
- "@sps-woodland/core": "8.2.2",
42
- "@sps-woodland/tokens": "8.2.2"
41
+ "@sps-woodland/core": "8.3.1",
42
+ "@sps-woodland/tokens": "8.3.1"
43
43
  },
44
44
  "scripts": {
45
45
  "build": "pnpm run build:js && pnpm run build:types",