@sps-woodland/feedback-block 8.56.2 → 8.56.4
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 +80 -66
- package/lib/index.umd.cjs +11 -11
- package/lib/style.css +2 -1
- package/package.json +4 -4
package/lib/index.js
CHANGED
|
@@ -1,18 +1,35 @@
|
|
|
1
|
-
import { FeedbackBlock as
|
|
1
|
+
import { FeedbackBlock as e } from "@sps-woodland/core/feedback-block";
|
|
2
|
+
import * as t from "react";
|
|
3
|
+
import { code as n } from "@spscommerce/utils";
|
|
2
4
|
export * from "@sps-woodland/core/feedback-block";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
5
|
+
//#endregion
|
|
6
|
+
//#region src/manifest.ts
|
|
7
|
+
var r = { "Message Blocks": {
|
|
8
|
+
components: [e],
|
|
9
|
+
description: ({ NavigateTo: n }) => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement("p", null, "Message Blocks show static informational messages on a page. They should not dynamically appear or disappear. For feedback that responds to a user action, Use a", " ", /* @__PURE__ */ t.createElement(n, { to: "growler" }, "Growler"), " instead."), /* @__PURE__ */ t.createElement("h5", null, "Variants"), /* @__PURE__ */ t.createElement("p", null, "Variants are generally tied to a specific color and an accompanying icon."), /* @__PURE__ */ t.createElement(e, {
|
|
10
|
+
kind: "error",
|
|
11
|
+
micro: !0
|
|
12
|
+
}, "Error"), /* @__PURE__ */ t.createElement(e, {
|
|
13
|
+
kind: "info",
|
|
14
|
+
micro: !0
|
|
15
|
+
}, "Information"), /* @__PURE__ */ t.createElement(e, {
|
|
16
|
+
kind: "tip",
|
|
17
|
+
micro: !0
|
|
18
|
+
}, "Tip"), /* @__PURE__ */ t.createElement(e, {
|
|
19
|
+
kind: "success",
|
|
20
|
+
micro: !0
|
|
21
|
+
}, "Success"), /* @__PURE__ */ t.createElement(e, {
|
|
22
|
+
kind: "warning",
|
|
23
|
+
micro: !0
|
|
24
|
+
}, "Warning")),
|
|
25
|
+
examples: {
|
|
26
|
+
standard: {
|
|
27
|
+
label: "Standard Size",
|
|
28
|
+
description: "Use Standard Size Message Blocks for the majority of cases. If a smaller or more subtle solution is needed, use the Micro Size Message Block.",
|
|
29
|
+
examples: {
|
|
30
|
+
error: {
|
|
31
|
+
description: "Error",
|
|
32
|
+
react: n`
|
|
16
33
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
17
34
|
|
|
18
35
|
function Component() {
|
|
@@ -23,10 +40,10 @@ const a = {
|
|
|
23
40
|
);
|
|
24
41
|
}
|
|
25
42
|
`
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
43
|
+
},
|
|
44
|
+
info: {
|
|
45
|
+
description: "Information",
|
|
46
|
+
react: n`
|
|
30
47
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
31
48
|
|
|
32
49
|
function Component() {
|
|
@@ -37,10 +54,10 @@ const a = {
|
|
|
37
54
|
);
|
|
38
55
|
}
|
|
39
56
|
`
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
57
|
+
},
|
|
58
|
+
proTip: {
|
|
59
|
+
description: "Pro Tip",
|
|
60
|
+
react: n`
|
|
44
61
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
45
62
|
|
|
46
63
|
function Component() {
|
|
@@ -51,10 +68,10 @@ const a = {
|
|
|
51
68
|
);
|
|
52
69
|
}
|
|
53
70
|
`
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
71
|
+
},
|
|
72
|
+
success: {
|
|
73
|
+
description: "Success",
|
|
74
|
+
react: n`
|
|
58
75
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
59
76
|
|
|
60
77
|
function Component() {
|
|
@@ -65,10 +82,10 @@ const a = {
|
|
|
65
82
|
);
|
|
66
83
|
}
|
|
67
84
|
`
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
85
|
+
},
|
|
86
|
+
warning: {
|
|
87
|
+
description: "Warning",
|
|
88
|
+
react: n`
|
|
72
89
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
73
90
|
|
|
74
91
|
function Component() {
|
|
@@ -79,16 +96,16 @@ const a = {
|
|
|
79
96
|
);
|
|
80
97
|
}
|
|
81
98
|
`
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
},
|
|
102
|
+
micro: {
|
|
103
|
+
label: "Micro Size",
|
|
104
|
+
description: "Use Micro Size Message Blocks when a Standard Size Message Block is too large or too visually overwhelming.",
|
|
105
|
+
examples: {
|
|
106
|
+
error: {
|
|
107
|
+
description: "Error",
|
|
108
|
+
react: n`
|
|
92
109
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
93
110
|
|
|
94
111
|
function Component() {
|
|
@@ -99,10 +116,10 @@ const a = {
|
|
|
99
116
|
);
|
|
100
117
|
}
|
|
101
118
|
`
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
119
|
+
},
|
|
120
|
+
info: {
|
|
121
|
+
description: "Information",
|
|
122
|
+
react: n`
|
|
106
123
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
107
124
|
|
|
108
125
|
function Component() {
|
|
@@ -113,10 +130,10 @@ const a = {
|
|
|
113
130
|
);
|
|
114
131
|
}
|
|
115
132
|
`
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
133
|
+
},
|
|
134
|
+
proTip: {
|
|
135
|
+
description: "Pro Tip",
|
|
136
|
+
react: n`
|
|
120
137
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
121
138
|
|
|
122
139
|
function Component() {
|
|
@@ -127,10 +144,10 @@ const a = {
|
|
|
127
144
|
);
|
|
128
145
|
}
|
|
129
146
|
`
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
147
|
+
},
|
|
148
|
+
success: {
|
|
149
|
+
description: "Success",
|
|
150
|
+
react: n`
|
|
134
151
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
135
152
|
|
|
136
153
|
function Component() {
|
|
@@ -141,10 +158,10 @@ const a = {
|
|
|
141
158
|
);
|
|
142
159
|
}
|
|
143
160
|
`
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
161
|
+
},
|
|
162
|
+
warning: {
|
|
163
|
+
description: "Warning",
|
|
164
|
+
react: n`
|
|
148
165
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
149
166
|
|
|
150
167
|
function Component() {
|
|
@@ -155,13 +172,10 @@ const a = {
|
|
|
155
172
|
);
|
|
156
173
|
}
|
|
157
174
|
`
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
};
|
|
165
|
-
export {
|
|
166
|
-
i as MANIFEST
|
|
167
|
-
};
|
|
175
|
+
}
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
}
|
|
179
|
+
} };
|
|
180
|
+
//#endregion
|
|
181
|
+
export { r as MANIFEST };
|
package/lib/index.umd.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require("@sps-woodland/core/feedback-block"),require("react"),require("@spscommerce/utils")):typeof define==`function`&&define.amd?define([`exports`,`@sps-woodland/core/feedback-block`,`react`,`@spscommerce/utils`],t):(e=typeof globalThis<`u`?globalThis:e||self,t(e.FeedbackBlock={},e.spsWoodlandCoreFeedbackBlock,e.react,e.spscommerceUtils))})(this,function(e,t,n,r){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var i=Object.create,a=Object.defineProperty,o=Object.getOwnPropertyDescriptor,s=Object.getOwnPropertyNames,c=Object.getPrototypeOf,l=Object.prototype.hasOwnProperty,u=(e,t,n,r)=>{if(t&&typeof t==`object`||typeof t==`function`)for(var i=s(t),c=0,u=i.length,d;c<u;c++)d=i[c],!l.call(e,d)&&d!==n&&a(e,d,{get:(e=>t[e]).bind(null,d),enumerable:!(r=o(t,d))||r.enumerable});return e};n=((e,t,n)=>(n=e==null?{}:i(c(e)),u(t||!e||!e.__esModule||!l.call(e,`default`)?a(n,`default`,{value:e,enumerable:!0}):n,e)))(n,1),e.MANIFEST={"Message Blocks":{components:[t.FeedbackBlock],description:({NavigateTo:e})=>n.createElement(n.Fragment,null,n.createElement(`p`,null,`Message Blocks show static informational messages on a page. They should not dynamically appear or disappear. For feedback that responds to a user action, Use a`,` `,n.createElement(e,{to:`growler`},`Growler`),` instead.`),n.createElement(`h5`,null,`Variants`),n.createElement(`p`,null,`Variants are generally tied to a specific color and an accompanying icon.`),n.createElement(t.FeedbackBlock,{kind:`error`,micro:!0},`Error`),n.createElement(t.FeedbackBlock,{kind:`info`,micro:!0},`Information`),n.createElement(t.FeedbackBlock,{kind:`tip`,micro:!0},`Tip`),n.createElement(t.FeedbackBlock,{kind:`success`,micro:!0},`Success`),n.createElement(t.FeedbackBlock,{kind:`warning`,micro:!0},`Warning`)),examples:{standard:{label:`Standard Size`,description:`Use Standard Size Message Blocks for the majority of cases. If a smaller or more subtle solution is needed, use the Micro Size Message Block.`,examples:{error:{description:`Error`,react:r.code`
|
|
2
2
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
3
3
|
|
|
4
4
|
function Component() {
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
</FeedbackBlock>
|
|
9
9
|
);
|
|
10
10
|
}
|
|
11
|
-
`},info:{description
|
|
11
|
+
`},info:{description:`Information`,react:r.code`
|
|
12
12
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
13
13
|
|
|
14
14
|
function Component() {
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
</FeedbackBlock>
|
|
19
19
|
);
|
|
20
20
|
}
|
|
21
|
-
`},proTip:{description
|
|
21
|
+
`},proTip:{description:`Pro Tip`,react:r.code`
|
|
22
22
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
23
23
|
|
|
24
24
|
function Component() {
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
</FeedbackBlock>
|
|
29
29
|
);
|
|
30
30
|
}
|
|
31
|
-
`},success:{description
|
|
31
|
+
`},success:{description:`Success`,react:r.code`
|
|
32
32
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
33
33
|
|
|
34
34
|
function Component() {
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
</FeedbackBlock>
|
|
39
39
|
);
|
|
40
40
|
}
|
|
41
|
-
`},warning:{description
|
|
41
|
+
`},warning:{description:`Warning`,react:r.code`
|
|
42
42
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
43
43
|
|
|
44
44
|
function Component() {
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
</FeedbackBlock>
|
|
49
49
|
);
|
|
50
50
|
}
|
|
51
|
-
`}}},micro:{label
|
|
51
|
+
`}}},micro:{label:`Micro Size`,description:`Use Micro Size Message Blocks when a Standard Size Message Block is too large or too visually overwhelming.`,examples:{error:{description:`Error`,react:r.code`
|
|
52
52
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
53
53
|
|
|
54
54
|
function Component() {
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
</FeedbackBlock>
|
|
59
59
|
);
|
|
60
60
|
}
|
|
61
|
-
`},info:{description
|
|
61
|
+
`},info:{description:`Information`,react:r.code`
|
|
62
62
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
63
63
|
|
|
64
64
|
function Component() {
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
</FeedbackBlock>
|
|
69
69
|
);
|
|
70
70
|
}
|
|
71
|
-
`},proTip:{description
|
|
71
|
+
`},proTip:{description:`Pro Tip`,react:r.code`
|
|
72
72
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
73
73
|
|
|
74
74
|
function Component() {
|
|
@@ -78,7 +78,7 @@
|
|
|
78
78
|
</FeedbackBlock>
|
|
79
79
|
);
|
|
80
80
|
}
|
|
81
|
-
`},success:{description
|
|
81
|
+
`},success:{description:`Success`,react:r.code`
|
|
82
82
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
83
83
|
|
|
84
84
|
function Component() {
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
</FeedbackBlock>
|
|
89
89
|
);
|
|
90
90
|
}
|
|
91
|
-
`},warning:{description
|
|
91
|
+
`},warning:{description:`Warning`,react:r.code`
|
|
92
92
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
93
93
|
|
|
94
94
|
function Component() {
|
|
@@ -98,4 +98,4 @@
|
|
|
98
98
|
</FeedbackBlock>
|
|
99
99
|
);
|
|
100
100
|
}
|
|
101
|
-
`}}}}}}
|
|
101
|
+
`}}}}}},Object.keys(t).forEach(function(n){n!=="default"&&!Object.prototype.hasOwnProperty.call(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:function(){return t[n]}})})});
|
package/lib/style.css
CHANGED
|
@@ -1 +1,2 @@
|
|
|
1
|
-
.pkg_sps-woodland_core__family_feedback-
|
|
1
|
+
.pkg_sps-woodland_core__family_feedback-block__version_8_56_4__hash_1x0ztso0{align-items:center;display:flex}.pkg_sps-woodland_core__family_feedback-block__version_8_56_4__hash_1x0ztso1{background-color:#fff8e0;border-color:#fc0}.pkg_sps-woodland_core__family_feedback-block__version_8_56_4__hash_1x0ztso2{background-color:#e7f3ec;border-color:#0b8940}.pkg_sps-woodland_core__family_feedback-block__version_8_56_4__hash_1x0ztso3{background-color:#fcf1e7;border-color:#e7760b}.pkg_sps-woodland_core__family_feedback-block__version_8_56_4__hash_1x0ztso4{background-color:#e6f2f8;border-color:#09638d}.pkg_sps-woodland_core__family_feedback-block__version_8_56_4__hash_1x0ztso5{background-color:#fbe6ea;border-color:#de002e}.pkg_sps-woodland_core__family_feedback-block__version_8_56_4__hash_1x0ztso6{background-color:#0000;border:none;gap:.125rem;height:1rem}.pkg_sps-woodland_core__family_feedback-block__version_8_56_4__hash_1x0ztso7{border-style:solid;border-width:.0625rem;border-radius:.125rem;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem .5rem .5rem;font-size:.875rem;font-weight:400;line-height:1.25rem}.pkg_sps-woodland_core__family_feedback-block__version_8_56_4__hash_1x0ztso8{color:#fc0}.pkg_sps-woodland_core__family_feedback-block__version_8_56_4__hash_1x0ztso9{color:#0b8940}.pkg_sps-woodland_core__family_feedback-block__version_8_56_4__hash_1x0ztsoa{color:#e7760b}.pkg_sps-woodland_core__family_feedback-block__version_8_56_4__hash_1x0ztsob{color:#09638d}.pkg_sps-woodland_core__family_feedback-block__version_8_56_4__hash_1x0ztsoc{color:#de002e}.pkg_sps-woodland_core__family_feedback-block__version_8_56_4__hash_1x0ztsof{color:#09638d}.pkg_sps-woodland_core__family_feedback-block__version_8_56_4__hash_1x0ztsog{color:#4b5356;margin-left:.25rem;font-size:.75rem;font-weight:600;line-height:1.125rem}
|
|
2
|
+
/*$vite$:1*/
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sps-woodland/feedback-block",
|
|
3
3
|
"description": "SPS Woodland Design System feedback block component",
|
|
4
|
-
"version": "8.56.
|
|
4
|
+
"version": "8.56.4",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/feedback-block",
|
|
@@ -30,13 +30,13 @@
|
|
|
30
30
|
"@spscommerce/utils": "^7.0.0 || ^8.0.0 || ^9.0.0",
|
|
31
31
|
"react": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
32
32
|
"react-dom": "^16.14.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
|
|
33
|
-
"@sps-woodland/core": "8.56.
|
|
33
|
+
"@sps-woodland/core": "8.56.4"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@spscommerce/utils": "9.
|
|
36
|
+
"@spscommerce/utils": "9.3.3",
|
|
37
37
|
"react": "16.14.0",
|
|
38
38
|
"react-dom": "16.14.0",
|
|
39
|
-
"@sps-woodland/core": "8.56.
|
|
39
|
+
"@sps-woodland/core": "8.56.4"
|
|
40
40
|
},
|
|
41
41
|
"scripts": {
|
|
42
42
|
"build": "pnpm run build:js && pnpm run build:types && pnpm run build:css",
|