@sps-woodland/key-value-set 8.26.8 → 8.27.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.js +9 -9
- package/lib/index.umd.cjs +1 -1
- package/lib/style.css +1 -1
- package/package.json +5 -5
package/lib/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Metadata as p, cl as
|
|
1
|
+
import { Metadata as p, cl as h, useChildTestIdAttrBuilder as K } from "@sps-woodland/core";
|
|
2
2
|
import * as e from "react";
|
|
3
3
|
import { code as s } from "@spscommerce/utils";
|
|
4
4
|
function E(t, n, l) {
|
|
@@ -54,14 +54,14 @@ var b = (t, n, l) => {
|
|
|
54
54
|
for (var [S, f] of t.compoundVariants)
|
|
55
55
|
b(S, a, t.defaultVariants) && (l += " " + f);
|
|
56
56
|
return l;
|
|
57
|
-
}, g = v({ defaultClassName: "pkg_sps-woodland_key-value-
|
|
57
|
+
}, g = v({ defaultClassName: "pkg_sps-woodland_key-value-set__version_8_27_2__hash_1i7enhj1", variantClassNames: { inline: { true: "pkg_sps-woodland_key-value-set__version_8_27_2__hash_1i7enhj2 pkg_sps-woodland_key-value-set__version_8_27_2__hash_1i7enhj0" } }, defaultVariants: {}, compoundVariants: [] });
|
|
58
58
|
function y({
|
|
59
59
|
children: t,
|
|
60
60
|
className: n,
|
|
61
61
|
inline: l,
|
|
62
62
|
...a
|
|
63
63
|
}) {
|
|
64
|
-
return /* @__PURE__ */ e.createElement("div", { className:
|
|
64
|
+
return /* @__PURE__ */ e.createElement("div", { className: h(
|
|
65
65
|
g({ inline: l }),
|
|
66
66
|
n
|
|
67
67
|
), ...a }, t);
|
|
@@ -72,13 +72,13 @@ p.set(y, {
|
|
|
72
72
|
inline: { type: "boolean", default: "false" }
|
|
73
73
|
}
|
|
74
74
|
});
|
|
75
|
-
var I = "pkg_sps-woodland_key-value-
|
|
75
|
+
var I = "pkg_sps-woodland_key-value-set__version_8_27_2__hash_18tyj090";
|
|
76
76
|
function V({
|
|
77
77
|
children: t,
|
|
78
78
|
itemKey: n,
|
|
79
79
|
...l
|
|
80
80
|
}) {
|
|
81
|
-
const a =
|
|
81
|
+
const a = K(l);
|
|
82
82
|
return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: I, ...a("key") }, n), /* @__PURE__ */ e.createElement("span", { ...l }, t));
|
|
83
83
|
}
|
|
84
84
|
p.set(V, {
|
|
@@ -87,7 +87,7 @@ p.set(V, {
|
|
|
87
87
|
itemKey: { type: "React.ReactNode | (() => React.ReactNode)", required: !0 }
|
|
88
88
|
}
|
|
89
89
|
});
|
|
90
|
-
const
|
|
90
|
+
const _ = {
|
|
91
91
|
description: () => /* @__PURE__ */ e.createElement("p", null, "Key Value Sets consist of a title and value, or values, paired together visually. They are ideal for displaying details (a value or values) that require additional context (title)."),
|
|
92
92
|
components: [y, V],
|
|
93
93
|
examples: {
|
|
@@ -263,11 +263,11 @@ const w = {
|
|
|
263
263
|
}
|
|
264
264
|
}
|
|
265
265
|
}
|
|
266
|
-
},
|
|
267
|
-
"Key Value Sets":
|
|
266
|
+
}, T = {
|
|
267
|
+
"Key Value Sets": _
|
|
268
268
|
};
|
|
269
269
|
export {
|
|
270
270
|
y as KeyValueSet,
|
|
271
271
|
V as KeyValueSetItem,
|
|
272
|
-
|
|
272
|
+
T as MANIFEST
|
|
273
273
|
};
|
package/lib/index.umd.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(r,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("@sps-woodland/core"),require("react"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","@sps-woodland/core","react","@spscommerce/utils"],o):(r=typeof globalThis<"u"?globalThis:r||self,o(r.KeyValueSet={},r.core,r.React,r.utils))})(this,function(r,o,V,u){"use strict";function K(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(n,a,l.get?l:{enumerable:!0,get:()=>t[a]})}}return n.default=t,Object.freeze(n)}const e=K(V);function h(t,n,a){return n in t?Object.defineProperty(t,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[n]=a,t}function p(t,n){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(t);n&&(l=l.filter(function(s){return Object.getOwnPropertyDescriptor(t,s).enumerable})),a.push.apply(a,l)}return a}function y(t){for(var n=1;n<arguments.length;n++){var a=arguments[n]!=null?arguments[n]:{};n%2?p(Object(a),!0).forEach(function(l){h(t,l,a[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):p(Object(a)).forEach(function(l){Object.defineProperty(t,l,Object.getOwnPropertyDescriptor(a,l))})}return t}var b=(t,n,a)=>{for(var l of Object.keys(t)){var s;if(t[l]!==((s=n[l])!==null&&s!==void 0?s:a[l]))return!1}return!0},E=t=>n=>{var a=t.defaultClassName,l=y(y({},t.defaultVariants),n);for(var s in l){var d,f=(d=l[s])!==null&&d!==void 0?d:t.defaultVariants[s];if(f!=null){var i=f;typeof i=="boolean"&&(i=i===!0?"true":"false");var S=t.variantClassNames[s][i];S&&(a+=" "+S)}}for(var[w
|
|
1
|
+
(function(r,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("@sps-woodland/core"),require("react"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","@sps-woodland/core","react","@spscommerce/utils"],o):(r=typeof globalThis<"u"?globalThis:r||self,o(r.KeyValueSet={},r.core,r.React,r.utils))})(this,function(r,o,V,u){"use strict";function K(t){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const l=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(n,a,l.get?l:{enumerable:!0,get:()=>t[a]})}}return n.default=t,Object.freeze(n)}const e=K(V);function h(t,n,a){return n in t?Object.defineProperty(t,n,{value:a,enumerable:!0,configurable:!0,writable:!0}):t[n]=a,t}function p(t,n){var a=Object.keys(t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(t);n&&(l=l.filter(function(s){return Object.getOwnPropertyDescriptor(t,s).enumerable})),a.push.apply(a,l)}return a}function y(t){for(var n=1;n<arguments.length;n++){var a=arguments[n]!=null?arguments[n]:{};n%2?p(Object(a),!0).forEach(function(l){h(t,l,a[l])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(a)):p(Object(a)).forEach(function(l){Object.defineProperty(t,l,Object.getOwnPropertyDescriptor(a,l))})}return t}var b=(t,n,a)=>{for(var l of Object.keys(t)){var s;if(t[l]!==((s=n[l])!==null&&s!==void 0?s:a[l]))return!1}return!0},E=t=>n=>{var a=t.defaultClassName,l=y(y({},t.defaultVariants),n);for(var s in l){var d,f=(d=l[s])!==null&&d!==void 0?d:t.defaultVariants[s];if(f!=null){var i=f;typeof i=="boolean"&&(i=i===!0?"true":"false");var S=t.variantClassNames[s][i];S&&(a+=" "+S)}}for(var[_,w]of t.compoundVariants)b(_,l,t.defaultVariants)&&(a+=" "+w);return a},v=E({defaultClassName:"pkg_sps-woodland_key-value-set__version_8_27_2__hash_1i7enhj1",variantClassNames:{inline:{true:"pkg_sps-woodland_key-value-set__version_8_27_2__hash_1i7enhj2 pkg_sps-woodland_key-value-set__version_8_27_2__hash_1i7enhj0"}},defaultVariants:{},compoundVariants:[]});function m({children:t,className:n,inline:a,...l}){return e.createElement("div",{className:o.cl(v({inline:a}),n),...l},t)}o.Metadata.set(m,{name:"KeyValueSet",props:{inline:{type:"boolean",default:"false"}}});var g="pkg_sps-woodland_key-value-set__version_8_27_2__hash_18tyj090";function c({children:t,itemKey:n,...a}){const l=o.useChildTestIdAttrBuilder(a);return e.createElement(e.Fragment,null,e.createElement("span",{className:g,...l("key")},n),e.createElement("span",{...a},t))}o.Metadata.set(c,{name:"KeyValueSetItem",props:{itemKey:{type:"React.ReactNode | (() => React.ReactNode)",required:!0}}});const I={"Key Value Sets":{description:()=>e.createElement("p",null,"Key Value Sets consist of a title and value, or values, paired together visually. They are ideal for displaying details (a value or values) that require additional context (title)."),components:[m,c],examples:{vertical:{label:"Vertical Key Value Sets",description:()=>e.createElement(e.Fragment,null,e.createElement("h5",null,"Use:"),e.createElement("ul",null,e.createElement("li",{className:"mb-2"},"Vertical containers such as a side bar or general card")),e.createElement("h5",null,"Do Not Use:"),e.createElement("ul",null,e.createElement("li",{className:"mb-2"},"In Table cells or Description Lists")),e.createElement("h5",null,"Usage Rules"),e.createElement("ul",null,e.createElement("li",{className:"mb-2"},"Titles must be written in Title Case"),e.createElement("li",{className:"mb-2"},"Values can be written in Sentence Case or Title Case as best suits the content"),e.createElement("li",{className:"mb-2"},"Titles or Values can include hyperlinks and/or icons",e.createElement("ul",null,e.createElement("li",{className:"mb-2"},"Icons should always appear on the left before any text content"))),e.createElement("li",{className:"mb-2"},"Values can include tags"),e.createElement("li",{className:"mb-2"},"Can include multiple values on additional lines"))),examples:{standard:{description:()=>e.createElement("h4",null,"Standard"),react:u.code`
|
|
2
2
|
import { KeyValueSet, KeyValueSetItem } from "@sps-woodland/key-value-set";
|
|
3
3
|
|
|
4
4
|
function Component() {
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkg_sps-woodland_key-value-
|
|
1
|
+
.pkg_sps-woodland_key-value-set__version_8_27_2__hash_1i7enhj0{grid-template-columns:auto auto}.pkg_sps-woodland_key-value-set__version_8_27_2__hash_1i7enhj1{column-gap:.5rem;display:inline-grid;font-size:.75rem;line-height:1.125rem}.pkg_sps-woodland_key-value-set__version_8_27_2__hash_18tyj090{font-weight:600}.pkg_sps-woodland_key-value-set__version_8_27_2__hash_1i7enhj0 .pkg_sps-woodland_key-value-set__version_8_27_2__hash_18tyj090{text-align:right}
|
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.
|
|
4
|
+
"version": "8.27.2",
|
|
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": "^7.0.0",
|
|
30
30
|
"react": "^16.14.0",
|
|
31
31
|
"react-dom": "^16.14.0",
|
|
32
|
-
"@sps-woodland/core": "8.
|
|
33
|
-
"@sps-woodland/tokens": "8.
|
|
32
|
+
"@sps-woodland/core": "8.27.2",
|
|
33
|
+
"@sps-woodland/tokens": "8.27.2"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@spscommerce/utils": "^7.0.0",
|
|
@@ -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.
|
|
42
|
-
"@sps-woodland/tokens": "8.
|
|
41
|
+
"@sps-woodland/core": "8.27.2",
|
|
42
|
+
"@sps-woodland/tokens": "8.27.2"
|
|
43
43
|
},
|
|
44
44
|
"scripts": {
|
|
45
45
|
"build": "pnpm run build:js && pnpm run build:types",
|