@sps-woodland/content-tiles 8.10.0 → 8.10.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.cjs.js +2 -2
- package/lib/index.es.js +5 -5
- package/package.json +5 -5
package/lib/index.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@sps-woodland/core"),S=require("react"),h=require("@sps-woodland/tokens"),m=require("@spscommerce/utils");function O(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const s=O(S);var E="_85dplj0",_="_85dplj1";function L(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function v(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),t.push.apply(t,n)}return t}function T(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?v(Object(t),!0).forEach(function(n){L(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):v(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}var D=(e,r,t)=>{for(var n of Object.keys(e)){var o;if(e[n]!==((o=r[n])!==null&&o!==void 0?o:t[n]))return!1}return!0},u=e=>r=>{var t=e.defaultClassName,n=T(T({},e.defaultVariants),r);for(var o in n){var p,c=(p=n[o])!==null&&p!==void 0?p:e.defaultVariants[o];if(c!=null){var l=c;typeof l=="boolean"&&(l=l===!0?"true":"false");var i=e.variantClassNames[o][l];i&&(t+=" "+i)}}for(var[d,f]of e.compoundVariants)D(d,n,e.defaultVariants)&&(t+=" "+f);return t},
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("@sps-woodland/core"),S=require("react"),h=require("@sps-woodland/tokens"),m=require("@spscommerce/utils");function O(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const s=O(S);var E="_85dplj0",_="_85dplj1";function L(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function v(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(e,o).enumerable})),t.push.apply(t,n)}return t}function T(e){for(var r=1;r<arguments.length;r++){var t=arguments[r]!=null?arguments[r]:{};r%2?v(Object(t),!0).forEach(function(n){L(e,n,t[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):v(Object(t)).forEach(function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})}return e}var D=(e,r,t)=>{for(var n of Object.keys(e)){var o;if(e[n]!==((o=r[n])!==null&&o!==void 0?o:t[n]))return!1}return!0},u=e=>r=>{var t=e.defaultClassName,n=T(T({},e.defaultVariants),r);for(var o in n){var p,c=(p=n[o])!==null&&p!==void 0?p:e.defaultVariants[o];if(c!=null){var l=c;typeof l=="boolean"&&(l=l===!0?"true":"false");var i=e.variantClassNames[o][l];i&&(t+=" "+i)}}for(var[d,f]of e.compoundVariants)D(d,n,e.defaultVariants)&&(t+=" "+f);return t},R=u({defaultClassName:"_1k4ncnf4",variantClassNames:{error:{true:"_1k4ncnf5"},warning:{true:"_1k4ncnf6"},disabled:{true:"_1k4ncnf7"}},defaultVariants:{error:!1,warning:!1,disabled:!1},compoundVariants:[]}),j="_1k4ncnf0",x=u({defaultClassName:"_1k4ncnf1",variantClassNames:{disabled:{true:"_1k4ncnf2"}},defaultVariants:{disabled:!1},compoundVariants:[]}),I="_1k4ncnf3",k=u({defaultClassName:"",variantClassNames:{error:{true:"_1k4ncnf8"},warning:{true:"_1k4ncnf9"},disabled:{true:"_1k4ncnfa"}},defaultVariants:{error:!1,disabled:!1,warning:!1},compoundVariants:[]}),A="_1k4ncnfb",P="_1k4ncnff",M="_1k4ncnfc",V="_1k4ncnfe",H="_1k4ncnfd";function g({className:e,href:r,icon:t,error:n=!1,errorIcon:o,title:p,warning:c=!1,warningIcon:l,disabled:i=!1,target:d,onClick:f,tagElement:y,...N}){const[C]=a.selectChildren(y,[{custom:b=>a.Metadata.isWoodlandComponent(b)&&a.Metadata.get(b).name==="Tag"}]);return s.createElement("div",{className:a.cl(h.grid[3],j,e),...N},s.createElement("a",{href:i?void 0:r,className:a.cl(R({error:n,warning:c,disabled:i}),_),target:d,onClick:f},(c||n)&&s.createElement("div",{className:A},c&&(l?a.contentOf(l):s.createElement(a.Icon,{icon:"status-warning",className:a.cl(k({warning:c,disabled:i}))})),n&&(o?a.contentOf(o):s.createElement(a.Icon,{icon:"ban",className:a.cl(k({error:n,disabled:i}))}))),C[0]&&s.createElement("div",{className:a.cl(P)},C[0]),s.createElement("div",null,s.createElement("div",{className:a.cl(I)},typeof t=="string"?s.createElement("img",{className:a.cl(x({disabled:i})),src:t,alt:""}):a.contentOf(t)),s.createElement("div",{className:a.cl(M)},s.createElement("p",{className:a.cl(H)},p,d==="_blank"&&s.createElement(a.Icon,{icon:"tabs",className:a.cl(V)}))))))}a.Metadata.set(g,{name:"Content Tile",props:{href:{type:"string"},icon:{type:"React.ReactNode | (() => React.ReactNode)",required:!0},error:{type:"boolean",default:"false"},errorIcon:{type:"React.ReactNode | (() => React.ReactNode)"},title:{type:"string",required:!0},warning:{type:"boolean",default:"false"},warningIcon:{type:"React.ReactNode | (() => React.ReactNode)"},disabled:{type:"boolean",default:"false"},target:{type:"string"},onClick:{type:"() => void"}}});function w({children:e,className:r,...t}){return s.createElement("div",{className:a.cl(E,r),...t},e)}a.Metadata.set(w,{name:"Content Tile List"});const q={components:[g,w],examples:{basic:{label:"Basic",examples:{basic:{react:m.code`
|
|
2
2
|
import { ContentTileList, ContentTile } from "@sps-woodland/content-tiles";
|
|
3
3
|
|
|
4
4
|
function Component() {
|
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
title="Community"
|
|
115
115
|
icon={"https://cdn.dev.spsc.io/web/framework/assets/21.05.01/icons/community/community.svg"}
|
|
116
116
|
id="tagged-app"
|
|
117
|
-
tagElement={<Tag
|
|
117
|
+
tagElement={<Tag kind="success">New</Tag>}
|
|
118
118
|
/>
|
|
119
119
|
</ContentTileList>
|
|
120
120
|
</>
|
package/lib/index.es.js
CHANGED
|
@@ -2,8 +2,8 @@ import { Metadata as f, selectChildren as L, cl as o, contentOf as g, Icon as w
|
|
|
2
2
|
import * as a from "react";
|
|
3
3
|
import { grid as O } from "@sps-woodland/tokens";
|
|
4
4
|
import { code as p } from "@spscommerce/utils";
|
|
5
|
-
var _ = "_85dplj0",
|
|
6
|
-
function
|
|
5
|
+
var _ = "_85dplj0", D = "_85dplj1";
|
|
6
|
+
function x(e, r, t) {
|
|
7
7
|
return r in e ? Object.defineProperty(e, r, {
|
|
8
8
|
value: t,
|
|
9
9
|
enumerable: !0,
|
|
@@ -25,7 +25,7 @@ function k(e) {
|
|
|
25
25
|
for (var r = 1; r < arguments.length; r++) {
|
|
26
26
|
var t = arguments[r] != null ? arguments[r] : {};
|
|
27
27
|
r % 2 ? T(Object(t), !0).forEach(function(n) {
|
|
28
|
-
|
|
28
|
+
x(e, n, t[n]);
|
|
29
29
|
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : T(Object(t)).forEach(function(n) {
|
|
30
30
|
Object.defineProperty(e, n, Object.getOwnPropertyDescriptor(t, n));
|
|
31
31
|
});
|
|
@@ -81,7 +81,7 @@ function N({
|
|
|
81
81
|
"a",
|
|
82
82
|
{
|
|
83
83
|
href: i ? void 0 : r,
|
|
84
|
-
className: o(A({ error: n, warning: c, disabled: i }),
|
|
84
|
+
className: o(A({ error: n, warning: c, disabled: i }), D),
|
|
85
85
|
target: d,
|
|
86
86
|
onClick: u
|
|
87
87
|
},
|
|
@@ -256,7 +256,7 @@ const q = {
|
|
|
256
256
|
title="Community"
|
|
257
257
|
icon={"https://cdn.dev.spsc.io/web/framework/assets/21.05.01/icons/community/community.svg"}
|
|
258
258
|
id="tagged-app"
|
|
259
|
-
tagElement={<Tag
|
|
259
|
+
tagElement={<Tag kind="success">New</Tag>}
|
|
260
260
|
/>
|
|
261
261
|
</ContentTileList>
|
|
262
262
|
</>
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sps-woodland/content-tiles",
|
|
3
3
|
"description": "SPS Woodland Design System content-tile and content tile list components.",
|
|
4
|
-
"version": "8.10.
|
|
4
|
+
"version": "8.10.2",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/content-tiles",
|
|
@@ -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.10.
|
|
33
|
-
"@sps-woodland/tokens": "8.10.
|
|
32
|
+
"@sps-woodland/core": "8.10.2",
|
|
33
|
+
"@sps-woodland/tokens": "8.10.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.10.
|
|
42
|
-
"@sps-woodland/tokens": "8.10.
|
|
41
|
+
"@sps-woodland/core": "8.10.2",
|
|
42
|
+
"@sps-woodland/tokens": "8.10.2"
|
|
43
43
|
},
|
|
44
44
|
"scripts": {
|
|
45
45
|
"build": "pnpm run build:js && pnpm run build:types",
|