@sps-woodland/key-value-set 8.37.7 → 8.38.0
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 +2 -2
- package/lib/index.umd.cjs +1 -1
- package/lib/style.css +1 -1
- package/package.json +5 -5
package/lib/index.js
CHANGED
|
@@ -54,7 +54,7 @@ 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_38_0__hash_1i7enhj1", variantClassNames: { inline: { true: "pkg_sps-woodland_key-value-set__version_8_38_0__hash_1i7enhj2 pkg_sps-woodland_key-value-set__version_8_38_0__hash_1i7enhj0" } }, defaultVariants: {}, compoundVariants: [] });
|
|
58
58
|
function y({
|
|
59
59
|
children: t,
|
|
60
60
|
className: n,
|
|
@@ -72,7 +72,7 @@ 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_38_0__hash_18tyj090";
|
|
76
76
|
function V({
|
|
77
77
|
children: t,
|
|
78
78
|
itemKey: n,
|
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]of t.compoundVariants)b(_,l,t.defaultVariants)&&(a+=" "+w);return a},v=E({defaultClassName:"pkg_sps-woodland_key-value-
|
|
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_38_0__hash_1i7enhj1",variantClassNames:{inline:{true:"pkg_sps-woodland_key-value-set__version_8_38_0__hash_1i7enhj2 pkg_sps-woodland_key-value-set__version_8_38_0__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_38_0__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_38_0__hash_1i7enhj0{grid-template-columns:auto auto}.pkg_sps-woodland_key-value-set__version_8_38_0__hash_1i7enhj1{column-gap:.5rem;display:inline-grid;font-size:.75rem;line-height:1.125rem}.pkg_sps-woodland_key-value-set__version_8_38_0__hash_18tyj090{font-weight:600}.pkg_sps-woodland_key-value-set__version_8_38_0__hash_1i7enhj0 .pkg_sps-woodland_key-value-set__version_8_38_0__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.38.0",
|
|
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 || ^8.0.0",
|
|
30
30
|
"react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
31
31
|
"react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
32
|
-
"@sps-woodland/core": "8.
|
|
33
|
-
"@sps-woodland/tokens": "8.
|
|
32
|
+
"@sps-woodland/core": "8.38.0",
|
|
33
|
+
"@sps-woodland/tokens": "8.38.0"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@spscommerce/utils": "^8.1.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.
|
|
42
|
-
"@sps-woodland/tokens": "8.
|
|
41
|
+
"@sps-woodland/core": "8.38.0",
|
|
42
|
+
"@sps-woodland/tokens": "8.38.0"
|
|
43
43
|
},
|
|
44
44
|
"scripts": {
|
|
45
45
|
"build": "pnpm run build:js && pnpm run build:types",
|