@sps-woodland/feedback-block 8.20.17 → 8.21.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.
- package/lib/{index.es.js → index.js} +1 -1
- package/lib/index.umd.cjs +101 -0
- package/lib/style.css +1 -1
- package/package.json +10 -10
- package/vite.config.mjs +2 -2
- package/lib/index.cjs.js +0 -101
|
@@ -54,7 +54,7 @@ var v = (e, r, o) => {
|
|
|
54
54
|
for (var [f, m] of e.compoundVariants)
|
|
55
55
|
v(f, a, e.defaultVariants) && (o += " " + m);
|
|
56
56
|
return o;
|
|
57
|
-
}, F = l({ defaultClassName: "pkg_sps-woodland_feedback-
|
|
57
|
+
}, F = l({ defaultClassName: "pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l560", variantClassNames: { kind: { tip: "pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l561", success: "pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l562", warning: "pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l563", info: "pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l564", error: "pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l565" }, micro: { true: "pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l566", false: "pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l567" } }, defaultVariants: { kind: "tip", micro: !1 }, compoundVariants: [] }), B = l({ defaultClassName: "", variantClassNames: { kind: { tip: "pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l568", success: "pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l569", warning: "pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l56a", info: "pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l56b", error: "pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l56c" }, micro: { true: "pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l56d", false: "pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l56e" } }, defaultVariants: { kind: "tip", micro: !1 }, compoundVariants: [[{ kind: "tip", micro: !0 }, "pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l56f"]] }), y = l({ defaultClassName: "", variantClassNames: { micro: { true: "pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l56g", false: "pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l56h" } }, defaultVariants: { micro: !1 }, compoundVariants: [] });
|
|
58
58
|
const C = Object.freeze({
|
|
59
59
|
tip: "lightbulb",
|
|
60
60
|
success: "checkmark",
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
(function(n,i){typeof exports=="object"&&typeof module<"u"?i(exports,require("react"),require("@sps-woodland/core"),require("@spscommerce/utils")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@spscommerce/utils"],i):(n=typeof globalThis<"u"?globalThis:n||self,i(n.FeedbackBlock={},n.React,n.core,n.utils))})(this,function(n,i,k,s){"use strict";function g(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(r,o,a.get?a:{enumerable:!0,get:()=>e[o]})}}return r.default=e,Object.freeze(r)}const c=g(i);function w(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}function f(e,r){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r&&(a=a.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),o.push.apply(o,a)}return o}function b(e){for(var r=1;r<arguments.length;r++){var o=arguments[r]!=null?arguments[r]:{};r%2?f(Object(o),!0).forEach(function(a){w(e,a,o[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):f(Object(o)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(o,a))})}return e}var v=(e,r,o)=>{for(var a of Object.keys(e)){var t;if(e[a]!==((t=r[a])!==null&&t!==void 0?t:o[a]))return!1}return!0},_=e=>r=>{var o=e.defaultClassName,a=b(b({},e.defaultVariants),r);for(var t in a){var p,u=(p=a[t])!==null&&p!==void 0?p:e.defaultVariants[t];if(u!=null){var l=u;typeof l=="boolean"&&(l=l===!0?"true":"false");var h=e.variantClassNames[t][l];h&&(o+=" "+h)}}for(var[E,C]of e.compoundVariants)v(E,a,e.defaultVariants)&&(o+=" "+C);return o},F=_({defaultClassName:"pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l560",variantClassNames:{kind:{tip:"pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l561",success:"pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l562",warning:"pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l563",info:"pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l564",error:"pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l565"},micro:{true:"pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l566",false:"pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l567"}},defaultVariants:{kind:"tip",micro:!1},compoundVariants:[]}),B=_({defaultClassName:"",variantClassNames:{kind:{tip:"pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l568",success:"pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l569",warning:"pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l56a",info:"pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l56b",error:"pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l56c"},micro:{true:"pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l56d",false:"pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l56e"}},defaultVariants:{kind:"tip",micro:!1},compoundVariants:[[{kind:"tip",micro:!0},"pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l56f"]]}),y=_({defaultClassName:"",variantClassNames:{micro:{true:"pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l56g",false:"pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l56h"}},defaultVariants:{micro:!1},compoundVariants:[]});const m=Object.freeze({tip:"lightbulb",success:"checkmark",warning:"exclamation-triangle",error:"exclamation-circle",info:"info-circle"});function d({children:e,className:r,kind:o="tip",micro:a,...t}){return c.createElement("div",{className:k.cl(F({kind:o,micro:a}),r),...t},c.createElement(k.Icon,{className:B({kind:o,micro:a}),icon:m[o],"aria-hidden":"true"}),c.createElement("span",{className:y({micro:a})},e))}k.Metadata.set(d,{name:"FeedbackBlock",props:{kind:{type:"FeedbackBlockKind",default:"tip"},micro:{type:"boolean",default:"false"}}});const O={"Feedback Blocks":{components:[d],description:({NavigateTo:e})=>c.createElement(c.Fragment,null,c.createElement("p",null,"Feedback 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"," ",c.createElement(e,{to:"growler"},"Growler")," instead."),c.createElement("h5",null,"Variants"),c.createElement("p",null,"Variants are generally tied to a specific color and an accompanying icon."),c.createElement(d,{kind:"error",micro:!0},"Error"),c.createElement(d,{kind:"info",micro:!0},"Information"),c.createElement(d,{kind:"tip",micro:!0},"Tip"),c.createElement(d,{kind:"success",micro:!0},"Success"),c.createElement(d,{kind:"warning",micro:!0},"Warning")),examples:{standard:{label:"Standard Size",description:"Use Standard Size Feedback Blocks for the majority of cases. If a smaller or more subtle solution is needed, use the Micro Size Feedback Block.",examples:{error:{description:"Error",react:s.code`
|
|
2
|
+
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
3
|
+
|
|
4
|
+
function Component() {
|
|
5
|
+
return (
|
|
6
|
+
<FeedbackBlock kind="error" data-testid="feedback-block-error">
|
|
7
|
+
We are experiencing difficulties communicating to the server. Please try again later.
|
|
8
|
+
</FeedbackBlock>
|
|
9
|
+
);
|
|
10
|
+
}
|
|
11
|
+
`},info:{description:"Information",react:s.code`
|
|
12
|
+
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
13
|
+
|
|
14
|
+
function Component() {
|
|
15
|
+
return (
|
|
16
|
+
<FeedbackBlock kind="info" data-testid="feedback-block-info">
|
|
17
|
+
FYI - This page has been updated. Click refresh to see the most recent version.
|
|
18
|
+
</FeedbackBlock>
|
|
19
|
+
);
|
|
20
|
+
}
|
|
21
|
+
`},proTip:{description:"Pro Tip",react:s.code`
|
|
22
|
+
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
23
|
+
|
|
24
|
+
function Component() {
|
|
25
|
+
return (
|
|
26
|
+
<FeedbackBlock kind="tip" data-testid="feedback-block-tip">
|
|
27
|
+
Please Note: Click the Receive button above to check for new transactions from QuickBooks.
|
|
28
|
+
</FeedbackBlock>
|
|
29
|
+
);
|
|
30
|
+
}
|
|
31
|
+
`},success:{description:"Success",react:s.code`
|
|
32
|
+
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
33
|
+
|
|
34
|
+
function Component() {
|
|
35
|
+
return (
|
|
36
|
+
<FeedbackBlock kind="success" data-testid="feedback-block-success">
|
|
37
|
+
All items have been uploaded and are ready for export.
|
|
38
|
+
</FeedbackBlock>
|
|
39
|
+
);
|
|
40
|
+
}
|
|
41
|
+
`},warning:{description:"Warning",react:s.code`
|
|
42
|
+
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
43
|
+
|
|
44
|
+
function Component() {
|
|
45
|
+
return (
|
|
46
|
+
<FeedbackBlock kind="warning" data-testid="feedback-block-warning">
|
|
47
|
+
Warning! This order is missing a shipment date and is in jeopardy of being past due.
|
|
48
|
+
</FeedbackBlock>
|
|
49
|
+
);
|
|
50
|
+
}
|
|
51
|
+
`}}},micro:{label:"Micro Size",description:"Use Micro Size Feedback Blocks when a Standard Size Feedback Block is too large or too visually overwhelming.",examples:{error:{description:"Error",react:s.code`
|
|
52
|
+
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
53
|
+
|
|
54
|
+
function Component() {
|
|
55
|
+
return (
|
|
56
|
+
<FeedbackBlock kind="error" micro data-testid="feedback-block-micro-error">
|
|
57
|
+
We are experiencing difficulties communicating to the server. Please try again later.
|
|
58
|
+
</FeedbackBlock>
|
|
59
|
+
);
|
|
60
|
+
}
|
|
61
|
+
`},info:{description:"Information",react:s.code`
|
|
62
|
+
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
63
|
+
|
|
64
|
+
function Component() {
|
|
65
|
+
return (
|
|
66
|
+
<FeedbackBlock kind="info" micro data-testid="feedback-block-micro-info">
|
|
67
|
+
Refresh the page to see the most recent version.
|
|
68
|
+
</FeedbackBlock>
|
|
69
|
+
);
|
|
70
|
+
}
|
|
71
|
+
`},proTip:{description:"Pro Tip",react:s.code`
|
|
72
|
+
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
73
|
+
|
|
74
|
+
function Component() {
|
|
75
|
+
return (
|
|
76
|
+
<FeedbackBlock kind="tip" micro data-testid="feedback-block-micro-tip">
|
|
77
|
+
Tip: Click the Receive button to check for new transactions.
|
|
78
|
+
</FeedbackBlock>
|
|
79
|
+
);
|
|
80
|
+
}
|
|
81
|
+
`},success:{description:"Success",react:s.code`
|
|
82
|
+
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
83
|
+
|
|
84
|
+
function Component() {
|
|
85
|
+
return (
|
|
86
|
+
<FeedbackBlock kind="success" micro data-testid="feedback-block-micro-success">
|
|
87
|
+
All items have been uploaded and are ready for export.
|
|
88
|
+
</FeedbackBlock>
|
|
89
|
+
);
|
|
90
|
+
}
|
|
91
|
+
`},warning:{description:"Warning",react:s.code`
|
|
92
|
+
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
93
|
+
|
|
94
|
+
function Component() {
|
|
95
|
+
return (
|
|
96
|
+
<FeedbackBlock kind="warning" micro data-testid="feedback-block-micro-warning">
|
|
97
|
+
This order is missing a shipment date.
|
|
98
|
+
</FeedbackBlock>
|
|
99
|
+
);
|
|
100
|
+
}
|
|
101
|
+
`}}}}}};n.FeedbackBlock=d,n.FeedbackBlockIcons=m,n.MANIFEST=O,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.pkg_sps-woodland_feedback-
|
|
1
|
+
.pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l560{display:flex}.pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l561{background-color:#fff8e0;border-color:#ffcc07}.pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l562{background-color:#e7f3ec;border-color:#0b8940}.pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l563{background-color:#fcf1e7;border-color:#e77609}.pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l564{background-color:#e6f2f8;border-color:#08638d}.pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l565{background-color:#fbe6ea;border-color:#de012e}.pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l566{height:1rem;border:none;background-color:transparent}.pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l567{border-radius:.125rem;border-style:solid;border-width:.0625rem;font-size:.875rem;font-weight:400;line-height:1.25rem;margin-bottom:1rem;padding:.5rem 1rem}.pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l568{color:#ffcc07}.pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l569{color:#0b8940}.pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l56a{color:#e77609}.pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l56b{color:#08638d}.pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l56c{color:#de012e}.pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l56d{font-size:.875rem;font-weight:400;line-height:1.125rem;vertical-align:middle}.pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l56e{margin-right:.5rem;font-size:1.25rem;vertical-align:middle}.pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l56f{color:#08638d}.pkg_sps-woodland_feedback-block__version_8_21_1__hash_1r00l56g{color:#4b5356;font-size:.75rem;font-weight:600;line-height:1.125rem;margin-left:.25rem}
|
package/package.json
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sps-woodland/feedback-block",
|
|
3
3
|
"description": "SPS Woodland Design System feedback block component",
|
|
4
|
-
"version": "8.
|
|
4
|
+
"version": "8.21.1",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/feedback-block",
|
|
8
8
|
"homepage": "https://github.com/SPSCommerce/woodland/tree/master/packages/@sps-woodland/feedback-block#readme",
|
|
9
9
|
"type": "module",
|
|
10
|
-
"module": "./lib/index.
|
|
11
|
-
"main": "./lib/index.cjs
|
|
10
|
+
"module": "./lib/index.js",
|
|
11
|
+
"main": "./lib/index.umd.cjs",
|
|
12
12
|
"types": "./lib/index.d.ts",
|
|
13
13
|
"exports": {
|
|
14
14
|
".": {
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"default": "./lib/index.
|
|
15
|
+
"require": "./lib/index.umd.cjs",
|
|
16
|
+
"import": "./lib/index.js",
|
|
17
|
+
"default": "./lib/index.js",
|
|
18
18
|
"types": "./lib/index.d.ts"
|
|
19
19
|
},
|
|
20
20
|
"./lib/style.css": {
|
|
@@ -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.21.1",
|
|
33
|
+
"@sps-woodland/tokens": "8.21.1"
|
|
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/
|
|
42
|
-
"@sps-woodland/
|
|
41
|
+
"@sps-woodland/core": "8.21.1",
|
|
42
|
+
"@sps-woodland/tokens": "8.21.1"
|
|
43
43
|
},
|
|
44
44
|
"scripts": {
|
|
45
45
|
"build": "pnpm run build:js && pnpm run build:types",
|
package/vite.config.mjs
CHANGED
|
@@ -18,8 +18,8 @@ export default defineConfig({
|
|
|
18
18
|
build: {
|
|
19
19
|
lib: {
|
|
20
20
|
entry: path.resolve(__dirname, "src/index.ts"),
|
|
21
|
-
|
|
22
|
-
fileName:
|
|
21
|
+
name: "FeedbackBlock",
|
|
22
|
+
fileName: "index",
|
|
23
23
|
},
|
|
24
24
|
outDir: path.resolve(__dirname, "./lib"),
|
|
25
25
|
emptyOutDir: false,
|
package/lib/index.cjs.js
DELETED
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),l=require("@sps-woodland/core"),t=require("@spscommerce/utils");function w(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const a=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(r,o,a.get?a:{enumerable:!0,get:()=>e[o]})}}return r.default=e,Object.freeze(r)}const c=w(g);function v(e,r,o){return r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o,e}function b(e,r){var o=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r&&(a=a.filter(function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable})),o.push.apply(o,a)}return o}function f(e){for(var r=1;r<arguments.length;r++){var o=arguments[r]!=null?arguments[r]:{};r%2?b(Object(o),!0).forEach(function(a){v(e,a,o[a])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(o)):b(Object(o)).forEach(function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(o,a))})}return e}var F=(e,r,o)=>{for(var a of Object.keys(e)){var n;if(e[a]!==((n=r[a])!==null&&n!==void 0?n:o[a]))return!1}return!0},k=e=>r=>{var o=e.defaultClassName,a=f(f({},e.defaultVariants),r);for(var n in a){var d,_=(d=a[n])!==null&&d!==void 0?d:e.defaultVariants[n];if(_!=null){var i=_;typeof i=="boolean"&&(i=i===!0?"true":"false");var p=e.variantClassNames[n][i];p&&(o+=" "+p)}}for(var[m,h]of e.compoundVariants)F(m,a,e.defaultVariants)&&(o+=" "+h);return o},B=k({defaultClassName:"pkg_sps-woodland_feedback-block__version_8_20_17__hash_1r00l560",variantClassNames:{kind:{tip:"pkg_sps-woodland_feedback-block__version_8_20_17__hash_1r00l561",success:"pkg_sps-woodland_feedback-block__version_8_20_17__hash_1r00l562",warning:"pkg_sps-woodland_feedback-block__version_8_20_17__hash_1r00l563",info:"pkg_sps-woodland_feedback-block__version_8_20_17__hash_1r00l564",error:"pkg_sps-woodland_feedback-block__version_8_20_17__hash_1r00l565"},micro:{true:"pkg_sps-woodland_feedback-block__version_8_20_17__hash_1r00l566",false:"pkg_sps-woodland_feedback-block__version_8_20_17__hash_1r00l567"}},defaultVariants:{kind:"tip",micro:!1},compoundVariants:[]}),y=k({defaultClassName:"",variantClassNames:{kind:{tip:"pkg_sps-woodland_feedback-block__version_8_20_17__hash_1r00l568",success:"pkg_sps-woodland_feedback-block__version_8_20_17__hash_1r00l569",warning:"pkg_sps-woodland_feedback-block__version_8_20_17__hash_1r00l56a",info:"pkg_sps-woodland_feedback-block__version_8_20_17__hash_1r00l56b",error:"pkg_sps-woodland_feedback-block__version_8_20_17__hash_1r00l56c"},micro:{true:"pkg_sps-woodland_feedback-block__version_8_20_17__hash_1r00l56d",false:"pkg_sps-woodland_feedback-block__version_8_20_17__hash_1r00l56e"}},defaultVariants:{kind:"tip",micro:!1},compoundVariants:[[{kind:"tip",micro:!0},"pkg_sps-woodland_feedback-block__version_8_20_17__hash_1r00l56f"]]}),O=k({defaultClassName:"",variantClassNames:{micro:{true:"pkg_sps-woodland_feedback-block__version_8_20_17__hash_1r00l56g",false:"pkg_sps-woodland_feedback-block__version_8_20_17__hash_1r00l56h"}},defaultVariants:{micro:!1},compoundVariants:[]});const u=Object.freeze({tip:"lightbulb",success:"checkmark",warning:"exclamation-triangle",error:"exclamation-circle",info:"info-circle"});function s({children:e,className:r,kind:o="tip",micro:a,...n}){return c.createElement("div",{className:l.cl(B({kind:o,micro:a}),r),...n},c.createElement(l.Icon,{className:y({kind:o,micro:a}),icon:u[o],"aria-hidden":"true"}),c.createElement("span",{className:O({micro:a})},e))}l.Metadata.set(s,{name:"FeedbackBlock",props:{kind:{type:"FeedbackBlockKind",default:"tip"},micro:{type:"boolean",default:"false"}}});const E={components:[s],description:({NavigateTo:e})=>c.createElement(c.Fragment,null,c.createElement("p",null,"Feedback 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"," ",c.createElement(e,{to:"growler"},"Growler")," instead."),c.createElement("h5",null,"Variants"),c.createElement("p",null,"Variants are generally tied to a specific color and an accompanying icon."),c.createElement(s,{kind:"error",micro:!0},"Error"),c.createElement(s,{kind:"info",micro:!0},"Information"),c.createElement(s,{kind:"tip",micro:!0},"Tip"),c.createElement(s,{kind:"success",micro:!0},"Success"),c.createElement(s,{kind:"warning",micro:!0},"Warning")),examples:{standard:{label:"Standard Size",description:"Use Standard Size Feedback Blocks for the majority of cases. If a smaller or more subtle solution is needed, use the Micro Size Feedback Block.",examples:{error:{description:"Error",react:t.code`
|
|
2
|
-
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
3
|
-
|
|
4
|
-
function Component() {
|
|
5
|
-
return (
|
|
6
|
-
<FeedbackBlock kind="error" data-testid="feedback-block-error">
|
|
7
|
-
We are experiencing difficulties communicating to the server. Please try again later.
|
|
8
|
-
</FeedbackBlock>
|
|
9
|
-
);
|
|
10
|
-
}
|
|
11
|
-
`},info:{description:"Information",react:t.code`
|
|
12
|
-
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
13
|
-
|
|
14
|
-
function Component() {
|
|
15
|
-
return (
|
|
16
|
-
<FeedbackBlock kind="info" data-testid="feedback-block-info">
|
|
17
|
-
FYI - This page has been updated. Click refresh to see the most recent version.
|
|
18
|
-
</FeedbackBlock>
|
|
19
|
-
);
|
|
20
|
-
}
|
|
21
|
-
`},proTip:{description:"Pro Tip",react:t.code`
|
|
22
|
-
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
23
|
-
|
|
24
|
-
function Component() {
|
|
25
|
-
return (
|
|
26
|
-
<FeedbackBlock kind="tip" data-testid="feedback-block-tip">
|
|
27
|
-
Please Note: Click the Receive button above to check for new transactions from QuickBooks.
|
|
28
|
-
</FeedbackBlock>
|
|
29
|
-
);
|
|
30
|
-
}
|
|
31
|
-
`},success:{description:"Success",react:t.code`
|
|
32
|
-
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
33
|
-
|
|
34
|
-
function Component() {
|
|
35
|
-
return (
|
|
36
|
-
<FeedbackBlock kind="success" data-testid="feedback-block-success">
|
|
37
|
-
All items have been uploaded and are ready for export.
|
|
38
|
-
</FeedbackBlock>
|
|
39
|
-
);
|
|
40
|
-
}
|
|
41
|
-
`},warning:{description:"Warning",react:t.code`
|
|
42
|
-
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
43
|
-
|
|
44
|
-
function Component() {
|
|
45
|
-
return (
|
|
46
|
-
<FeedbackBlock kind="warning" data-testid="feedback-block-warning">
|
|
47
|
-
Warning! This order is missing a shipment date and is in jeopardy of being past due.
|
|
48
|
-
</FeedbackBlock>
|
|
49
|
-
);
|
|
50
|
-
}
|
|
51
|
-
`}}},micro:{label:"Micro Size",description:"Use Micro Size Feedback Blocks when a Standard Size Feedback Block is too large or too visually overwhelming.",examples:{error:{description:"Error",react:t.code`
|
|
52
|
-
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
53
|
-
|
|
54
|
-
function Component() {
|
|
55
|
-
return (
|
|
56
|
-
<FeedbackBlock kind="error" micro data-testid="feedback-block-micro-error">
|
|
57
|
-
We are experiencing difficulties communicating to the server. Please try again later.
|
|
58
|
-
</FeedbackBlock>
|
|
59
|
-
);
|
|
60
|
-
}
|
|
61
|
-
`},info:{description:"Information",react:t.code`
|
|
62
|
-
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
63
|
-
|
|
64
|
-
function Component() {
|
|
65
|
-
return (
|
|
66
|
-
<FeedbackBlock kind="info" micro data-testid="feedback-block-micro-info">
|
|
67
|
-
Refresh the page to see the most recent version.
|
|
68
|
-
</FeedbackBlock>
|
|
69
|
-
);
|
|
70
|
-
}
|
|
71
|
-
`},proTip:{description:"Pro Tip",react:t.code`
|
|
72
|
-
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
73
|
-
|
|
74
|
-
function Component() {
|
|
75
|
-
return (
|
|
76
|
-
<FeedbackBlock kind="tip" micro data-testid="feedback-block-micro-tip">
|
|
77
|
-
Tip: Click the Receive button to check for new transactions.
|
|
78
|
-
</FeedbackBlock>
|
|
79
|
-
);
|
|
80
|
-
}
|
|
81
|
-
`},success:{description:"Success",react:t.code`
|
|
82
|
-
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
83
|
-
|
|
84
|
-
function Component() {
|
|
85
|
-
return (
|
|
86
|
-
<FeedbackBlock kind="success" micro data-testid="feedback-block-micro-success">
|
|
87
|
-
All items have been uploaded and are ready for export.
|
|
88
|
-
</FeedbackBlock>
|
|
89
|
-
);
|
|
90
|
-
}
|
|
91
|
-
`},warning:{description:"Warning",react:t.code`
|
|
92
|
-
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
93
|
-
|
|
94
|
-
function Component() {
|
|
95
|
-
return (
|
|
96
|
-
<FeedbackBlock kind="warning" micro data-testid="feedback-block-micro-warning">
|
|
97
|
-
This order is missing a shipment date.
|
|
98
|
-
</FeedbackBlock>
|
|
99
|
-
);
|
|
100
|
-
}
|
|
101
|
-
`}}}}},C={"Feedback Blocks":E};exports.FeedbackBlock=s;exports.FeedbackBlockIcons=u;exports.MANIFEST=C;
|