@sps-woodland/feedback-block 8.17.1 → 8.18.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.cjs.js +11 -11
- package/lib/index.es.js +62 -62
- package/lib/style.css +1 -1
- package/package.json +5 -5
- package/vite.config.mjs +11 -2
package/lib/index.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),
|
|
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_18_0__hash_1r00l560",variantClassNames:{kind:{tip:"pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l561",success:"pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l562",warning:"pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l563",info:"pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l564",error:"pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l565"},micro:{true:"pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l566",false:"pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l567"}},defaultVariants:{kind:"tip",micro:!1},compoundVariants:[]}),y=k({defaultClassName:"",variantClassNames:{kind:{tip:"pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l568",success:"pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l569",warning:"pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l56a",info:"pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l56b",error:"pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l56c"},micro:{true:"pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l56d",false:"pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l56e"}},defaultVariants:{kind:"tip",micro:!1},compoundVariants:[[{kind:"tip",micro:!0},"pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l56f"]]}),O=k({defaultClassName:"",variantClassNames:{micro:{true:"pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l56g",false:"pkg_sps-woodland_feedback-block__version_8_18_0__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
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:"Information",react:
|
|
11
|
+
`},info:{description:"Information",react:t.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:"Pro Tip",react:
|
|
21
|
+
`},proTip:{description:"Pro Tip",react:t.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:"Success",react:
|
|
31
|
+
`},success:{description:"Success",react:t.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:"Warning",react:
|
|
41
|
+
`},warning:{description:"Warning",react:t.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:"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:
|
|
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
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:"Information",react:
|
|
61
|
+
`},info:{description:"Information",react:t.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:"Pro Tip",react:
|
|
71
|
+
`},proTip:{description:"Pro Tip",react:t.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:"Success",react:
|
|
81
|
+
`},success:{description:"Success",react:t.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:"Warning",react:
|
|
91
|
+
`},warning:{description:"Warning",react:t.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
|
+
`}}}}},C={"Feedback Blocks":E};exports.FeedbackBlock=s;exports.FeedbackBlockIcons=u;exports.MANIFEST=C;
|
package/lib/index.es.js
CHANGED
|
@@ -1,93 +1,93 @@
|
|
|
1
|
-
import * as
|
|
2
|
-
import { Metadata as
|
|
3
|
-
import { code as
|
|
4
|
-
function
|
|
5
|
-
return
|
|
6
|
-
value:
|
|
1
|
+
import * as c from "react";
|
|
2
|
+
import { Metadata as u, cl as h, Icon as g } from "@sps-woodland/core";
|
|
3
|
+
import { code as t } from "@spscommerce/utils";
|
|
4
|
+
function w(e, r, o) {
|
|
5
|
+
return r in e ? Object.defineProperty(e, r, {
|
|
6
|
+
value: o,
|
|
7
7
|
enumerable: !0,
|
|
8
8
|
configurable: !0,
|
|
9
9
|
writable: !0
|
|
10
|
-
}) : e[
|
|
10
|
+
}) : e[r] = o, e;
|
|
11
11
|
}
|
|
12
|
-
function p(e,
|
|
13
|
-
var
|
|
12
|
+
function p(e, r) {
|
|
13
|
+
var o = Object.keys(e);
|
|
14
14
|
if (Object.getOwnPropertySymbols) {
|
|
15
15
|
var a = Object.getOwnPropertySymbols(e);
|
|
16
|
-
|
|
17
|
-
return Object.getOwnPropertyDescriptor(e,
|
|
18
|
-
})),
|
|
16
|
+
r && (a = a.filter(function(n) {
|
|
17
|
+
return Object.getOwnPropertyDescriptor(e, n).enumerable;
|
|
18
|
+
})), o.push.apply(o, a);
|
|
19
19
|
}
|
|
20
|
-
return
|
|
20
|
+
return o;
|
|
21
21
|
}
|
|
22
|
-
function
|
|
23
|
-
for (var
|
|
24
|
-
var
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(
|
|
28
|
-
Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(
|
|
22
|
+
function b(e) {
|
|
23
|
+
for (var r = 1; r < arguments.length; r++) {
|
|
24
|
+
var o = arguments[r] != null ? arguments[r] : {};
|
|
25
|
+
r % 2 ? p(Object(o), !0).forEach(function(a) {
|
|
26
|
+
w(e, a, o[a]);
|
|
27
|
+
}) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) : p(Object(o)).forEach(function(a) {
|
|
28
|
+
Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(o, a));
|
|
29
29
|
});
|
|
30
30
|
}
|
|
31
31
|
return e;
|
|
32
32
|
}
|
|
33
|
-
var
|
|
33
|
+
var v = (e, r, o) => {
|
|
34
34
|
for (var a of Object.keys(e)) {
|
|
35
|
-
var
|
|
36
|
-
if (e[a] !== ((
|
|
35
|
+
var n;
|
|
36
|
+
if (e[a] !== ((n = r[a]) !== null && n !== void 0 ? n : o[a]))
|
|
37
37
|
return !1;
|
|
38
38
|
}
|
|
39
39
|
return !0;
|
|
40
|
-
},
|
|
41
|
-
var
|
|
42
|
-
for (var
|
|
43
|
-
var
|
|
40
|
+
}, l = (e) => (r) => {
|
|
41
|
+
var o = e.defaultClassName, a = b(b({}, e.defaultVariants), r);
|
|
42
|
+
for (var n in a) {
|
|
43
|
+
var d, k = (d = a[n]) !== null && d !== void 0 ? d : e.defaultVariants[n];
|
|
44
44
|
if (k != null) {
|
|
45
|
-
var
|
|
46
|
-
typeof
|
|
47
|
-
var
|
|
45
|
+
var i = k;
|
|
46
|
+
typeof i == "boolean" && (i = i === !0 ? "true" : "false");
|
|
47
|
+
var _ = (
|
|
48
48
|
// @ts-expect-error
|
|
49
|
-
e.variantClassNames[
|
|
49
|
+
e.variantClassNames[n][i]
|
|
50
50
|
);
|
|
51
|
-
|
|
51
|
+
_ && (o += " " + _);
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
|
-
for (var [
|
|
55
|
-
|
|
56
|
-
return
|
|
57
|
-
},
|
|
58
|
-
const
|
|
54
|
+
for (var [f, m] of e.compoundVariants)
|
|
55
|
+
v(f, a, e.defaultVariants) && (o += " " + m);
|
|
56
|
+
return o;
|
|
57
|
+
}, F = l({ defaultClassName: "pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l560", variantClassNames: { kind: { tip: "pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l561", success: "pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l562", warning: "pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l563", info: "pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l564", error: "pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l565" }, micro: { true: "pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l566", false: "pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l567" } }, defaultVariants: { kind: "tip", micro: !1 }, compoundVariants: [] }), B = l({ defaultClassName: "", variantClassNames: { kind: { tip: "pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l568", success: "pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l569", warning: "pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l56a", info: "pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l56b", error: "pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l56c" }, micro: { true: "pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l56d", false: "pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l56e" } }, defaultVariants: { kind: "tip", micro: !1 }, compoundVariants: [[{ kind: "tip", micro: !0 }, "pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l56f"]] }), y = l({ defaultClassName: "", variantClassNames: { micro: { true: "pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l56g", false: "pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l56h" } }, defaultVariants: { micro: !1 }, compoundVariants: [] });
|
|
58
|
+
const C = Object.freeze({
|
|
59
59
|
tip: "lightbulb",
|
|
60
60
|
success: "checkmark",
|
|
61
61
|
warning: "exclamation-triangle",
|
|
62
62
|
error: "exclamation-circle",
|
|
63
63
|
info: "info-circle"
|
|
64
64
|
});
|
|
65
|
-
function
|
|
65
|
+
function s({
|
|
66
66
|
children: e,
|
|
67
|
-
className:
|
|
68
|
-
kind:
|
|
67
|
+
className: r,
|
|
68
|
+
kind: o = "tip",
|
|
69
69
|
micro: a,
|
|
70
|
-
...
|
|
70
|
+
...n
|
|
71
71
|
}) {
|
|
72
|
-
return /* @__PURE__ */
|
|
72
|
+
return /* @__PURE__ */ c.createElement("div", { className: h(F({ kind: o, micro: a }), r), ...n }, /* @__PURE__ */ c.createElement(
|
|
73
73
|
g,
|
|
74
74
|
{
|
|
75
|
-
className:
|
|
76
|
-
icon:
|
|
75
|
+
className: B({ kind: o, micro: a }),
|
|
76
|
+
icon: C[o],
|
|
77
77
|
"aria-hidden": "true"
|
|
78
78
|
}
|
|
79
|
-
), /* @__PURE__ */
|
|
79
|
+
), /* @__PURE__ */ c.createElement("span", { className: y({ micro: a }) }, e));
|
|
80
80
|
}
|
|
81
|
-
|
|
81
|
+
u.set(s, {
|
|
82
82
|
name: "FeedbackBlock",
|
|
83
83
|
props: {
|
|
84
84
|
kind: { type: "FeedbackBlockKind", default: "tip" },
|
|
85
85
|
micro: { type: "boolean", default: "false" }
|
|
86
86
|
}
|
|
87
87
|
});
|
|
88
|
-
const
|
|
89
|
-
components: [
|
|
90
|
-
description: ({ NavigateTo: e }) => /* @__PURE__ */
|
|
88
|
+
const E = {
|
|
89
|
+
components: [s],
|
|
90
|
+
description: ({ NavigateTo: e }) => /* @__PURE__ */ c.createElement(c.Fragment, null, /* @__PURE__ */ 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", " ", /* @__PURE__ */ c.createElement(e, { to: "growler" }, "Growler"), " instead."), /* @__PURE__ */ c.createElement("h5", null, "Variants"), /* @__PURE__ */ c.createElement("p", null, "Variants are generally tied to a specific color and an accompanying icon."), /* @__PURE__ */ c.createElement(s, { kind: "error", micro: !0 }, "Error"), /* @__PURE__ */ c.createElement(s, { kind: "info", micro: !0 }, "Information"), /* @__PURE__ */ c.createElement(s, { kind: "tip", micro: !0 }, "Tip"), /* @__PURE__ */ c.createElement(s, { kind: "success", micro: !0 }, "Success"), /* @__PURE__ */ c.createElement(s, { kind: "warning", micro: !0 }, "Warning")),
|
|
91
91
|
examples: {
|
|
92
92
|
standard: {
|
|
93
93
|
label: "Standard Size",
|
|
@@ -95,7 +95,7 @@ const O = {
|
|
|
95
95
|
examples: {
|
|
96
96
|
error: {
|
|
97
97
|
description: "Error",
|
|
98
|
-
react:
|
|
98
|
+
react: t`
|
|
99
99
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
100
100
|
|
|
101
101
|
function Component() {
|
|
@@ -109,7 +109,7 @@ const O = {
|
|
|
109
109
|
},
|
|
110
110
|
info: {
|
|
111
111
|
description: "Information",
|
|
112
|
-
react:
|
|
112
|
+
react: t`
|
|
113
113
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
114
114
|
|
|
115
115
|
function Component() {
|
|
@@ -123,7 +123,7 @@ const O = {
|
|
|
123
123
|
},
|
|
124
124
|
proTip: {
|
|
125
125
|
description: "Pro Tip",
|
|
126
|
-
react:
|
|
126
|
+
react: t`
|
|
127
127
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
128
128
|
|
|
129
129
|
function Component() {
|
|
@@ -137,7 +137,7 @@ const O = {
|
|
|
137
137
|
},
|
|
138
138
|
success: {
|
|
139
139
|
description: "Success",
|
|
140
|
-
react:
|
|
140
|
+
react: t`
|
|
141
141
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
142
142
|
|
|
143
143
|
function Component() {
|
|
@@ -151,7 +151,7 @@ const O = {
|
|
|
151
151
|
},
|
|
152
152
|
warning: {
|
|
153
153
|
description: "Warning",
|
|
154
|
-
react:
|
|
154
|
+
react: t`
|
|
155
155
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
156
156
|
|
|
157
157
|
function Component() {
|
|
@@ -171,7 +171,7 @@ const O = {
|
|
|
171
171
|
examples: {
|
|
172
172
|
error: {
|
|
173
173
|
description: "Error",
|
|
174
|
-
react:
|
|
174
|
+
react: t`
|
|
175
175
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
176
176
|
|
|
177
177
|
function Component() {
|
|
@@ -185,7 +185,7 @@ const O = {
|
|
|
185
185
|
},
|
|
186
186
|
info: {
|
|
187
187
|
description: "Information",
|
|
188
|
-
react:
|
|
188
|
+
react: t`
|
|
189
189
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
190
190
|
|
|
191
191
|
function Component() {
|
|
@@ -199,7 +199,7 @@ const O = {
|
|
|
199
199
|
},
|
|
200
200
|
proTip: {
|
|
201
201
|
description: "Pro Tip",
|
|
202
|
-
react:
|
|
202
|
+
react: t`
|
|
203
203
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
204
204
|
|
|
205
205
|
function Component() {
|
|
@@ -213,7 +213,7 @@ const O = {
|
|
|
213
213
|
},
|
|
214
214
|
success: {
|
|
215
215
|
description: "Success",
|
|
216
|
-
react:
|
|
216
|
+
react: t`
|
|
217
217
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
218
218
|
|
|
219
219
|
function Component() {
|
|
@@ -227,7 +227,7 @@ const O = {
|
|
|
227
227
|
},
|
|
228
228
|
warning: {
|
|
229
229
|
description: "Warning",
|
|
230
|
-
react:
|
|
230
|
+
react: t`
|
|
231
231
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
232
232
|
|
|
233
233
|
function Component() {
|
|
@@ -243,10 +243,10 @@ const O = {
|
|
|
243
243
|
}
|
|
244
244
|
}
|
|
245
245
|
}, S = {
|
|
246
|
-
"Feedback Blocks":
|
|
246
|
+
"Feedback Blocks": E
|
|
247
247
|
};
|
|
248
248
|
export {
|
|
249
|
-
|
|
250
|
-
|
|
249
|
+
s as FeedbackBlock,
|
|
250
|
+
C as FeedbackBlockIcons,
|
|
251
251
|
S as MANIFEST
|
|
252
252
|
};
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l560{display:flex}.pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l561{background-color:#fff8e0;border-color:#ffcc07}.pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l562{background-color:#e7f3ec;border-color:#0b8940}.pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l563{background-color:#fcf1e7;border-color:#e77609}.pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l564{background-color:#e6f2f8;border-color:#08638d}.pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l565{background-color:#fbe6ea;border-color:#de012e}.pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l566{height:1rem;border:none;background-color:transparent}.pkg_sps-woodland_feedback-block__version_8_18_0__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_18_0__hash_1r00l568{color:#ffcc07}.pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l569{color:#0b8940}.pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l56a{color:#e77609}.pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l56b{color:#08638d}.pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l56c{color:#de012e}.pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l56d{font-size:.875rem;font-weight:400;line-height:1.125rem;vertical-align:middle}.pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l56e{margin-right:.5rem;font-size:1.25rem;vertical-align:middle}.pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l56f{color:#08638d}.pkg_sps-woodland_feedback-block__version_8_18_0__hash_1r00l56g{color:#4b5356;font-size:.75rem;font-weight:600;line-height:1.125rem;margin-left:.25rem}
|
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.
|
|
4
|
+
"version": "8.18.0",
|
|
5
5
|
"author": "SPS Commerce",
|
|
6
6
|
"license": "UNLICENSED",
|
|
7
7
|
"repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/feedback-block",
|
|
@@ -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.18.0",
|
|
33
|
+
"@sps-woodland/tokens": "8.18.0"
|
|
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.18.0",
|
|
42
|
+
"@sps-woodland/tokens": "8.18.0"
|
|
43
43
|
},
|
|
44
44
|
"scripts": {
|
|
45
45
|
"build": "pnpm run build:js && pnpm run build:types",
|
package/vite.config.mjs
CHANGED
|
@@ -1,11 +1,20 @@
|
|
|
1
1
|
import path from "path";
|
|
2
2
|
import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
|
|
3
3
|
import { defineConfig } from "vite";
|
|
4
|
-
|
|
4
|
+
import { getVanillaExtractPluginProps } from "../../../scripts/vanilla-extract-plugin-props.mjs";
|
|
5
5
|
import pkg from "./package.json";
|
|
6
6
|
|
|
7
|
+
const packageVersion = process.env.PREDICTED_VERSION || pkg.version;
|
|
8
|
+
|
|
7
9
|
export default defineConfig({
|
|
8
|
-
plugins: [
|
|
10
|
+
plugins: [
|
|
11
|
+
vanillaExtractPlugin(
|
|
12
|
+
getVanillaExtractPluginProps({
|
|
13
|
+
packageName: pkg.name,
|
|
14
|
+
packageVersion,
|
|
15
|
+
})
|
|
16
|
+
),
|
|
17
|
+
],
|
|
9
18
|
build: {
|
|
10
19
|
lib: {
|
|
11
20
|
entry: path.resolve(__dirname, "src/index.ts"),
|