@sps-woodland/feedback-block 8.2.2 → 8.3.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.es.js +9 -28
- package/lib/style.css +1 -1
- package/package.json +5 -5
package/lib/index.es.js
CHANGED
|
@@ -66,16 +66,14 @@ function i({
|
|
|
66
66
|
micro: a,
|
|
67
67
|
...c
|
|
68
68
|
}) {
|
|
69
|
-
return /* @__PURE__ */ t.createElement("div", {
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
className: C({ micro: a })
|
|
78
|
-
}, e));
|
|
69
|
+
return /* @__PURE__ */ t.createElement("div", { className: B(v({ kind: r, micro: a }), o), ...c }, /* @__PURE__ */ t.createElement(
|
|
70
|
+
g,
|
|
71
|
+
{
|
|
72
|
+
className: y({ kind: r, micro: a }),
|
|
73
|
+
icon: E[r],
|
|
74
|
+
"aria-hidden": "true"
|
|
75
|
+
}
|
|
76
|
+
), /* @__PURE__ */ t.createElement("span", { className: C({ micro: a }) }, e));
|
|
79
77
|
}
|
|
80
78
|
F.set(i, {
|
|
81
79
|
name: "FeedbackBlock",
|
|
@@ -86,24 +84,7 @@ F.set(i, {
|
|
|
86
84
|
});
|
|
87
85
|
const O = {
|
|
88
86
|
components: [i],
|
|
89
|
-
description: ({ NavigateTo: e }) => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.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__ */ t.createElement(e, {
|
|
90
|
-
to: "growler"
|
|
91
|
-
}, "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(i, {
|
|
92
|
-
kind: "error",
|
|
93
|
-
micro: !0
|
|
94
|
-
}, "Error"), /* @__PURE__ */ t.createElement(i, {
|
|
95
|
-
kind: "info",
|
|
96
|
-
micro: !0
|
|
97
|
-
}, "Information"), /* @__PURE__ */ t.createElement(i, {
|
|
98
|
-
kind: "tip",
|
|
99
|
-
micro: !0
|
|
100
|
-
}, "Tip"), /* @__PURE__ */ t.createElement(i, {
|
|
101
|
-
kind: "success",
|
|
102
|
-
micro: !0
|
|
103
|
-
}, "Success"), /* @__PURE__ */ t.createElement(i, {
|
|
104
|
-
kind: "warning",
|
|
105
|
-
micro: !0
|
|
106
|
-
}, "Warning")),
|
|
87
|
+
description: ({ NavigateTo: e }) => /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.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__ */ t.createElement(e, { 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(i, { kind: "error", micro: !0 }, "Error"), /* @__PURE__ */ t.createElement(i, { kind: "info", micro: !0 }, "Information"), /* @__PURE__ */ t.createElement(i, { kind: "tip", micro: !0 }, "Tip"), /* @__PURE__ */ t.createElement(i, { kind: "success", micro: !0 }, "Success"), /* @__PURE__ */ t.createElement(i, { kind: "warning", micro: !0 }, "Warning")),
|
|
107
88
|
examples: {
|
|
108
89
|
standard: {
|
|
109
90
|
label: "Standard Size",
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._1r00l560{display:flex}._1r00l561{background-color
|
|
1
|
+
._1r00l560{display:flex}._1r00l561{background-color:oklch(97.83% .032 93.51);border-color:oklch(86.52% .176 90.38)}._1r00l562{background-color:oklch(95.32% .016 160.62);border-color:oklch(55.21% .148 150.27)}._1r00l563{background-color:oklch(96.4% .018 64.93);border-color:oklch(68.35% .17 53.59)}._1r00l564{background-color:oklch(95.39% .015 228.96);border-color:oklch(47.39% .101 237.12)}._1r00l565{background-color:oklch(94.29% .023 4.49);border-color:oklch(56.83% .229 22.94)}._1r00l566{height:1rem;border:none;background-color:transparent}._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}._1r00l568{color:oklch(86.52% .176 90.38)}._1r00l569{color:oklch(55.21% .148 150.27)}._1r00l56a{color:oklch(68.35% .17 53.59)}._1r00l56b{color:oklch(47.39% .101 237.12)}._1r00l56c{color:oklch(56.83% .229 22.94)}._1r00l56d{font-size:.875rem;font-weight:400;line-height:1.125rem;vertical-align:middle}._1r00l56e{margin-right:.5rem;font-size:1.25rem;vertical-align:middle}._1r00l56f{color:oklch(47.39% .101 237.12)}._1r00l56g{color:oklch(43.62% .011 222.24);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.3.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": "^6.12.1",
|
|
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.3.0",
|
|
33
|
+
"@sps-woodland/tokens": "8.3.0"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
36
|
"@spscommerce/utils": "^6.12.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.3.0",
|
|
42
|
+
"@sps-woodland/tokens": "8.3.0"
|
|
43
43
|
},
|
|
44
44
|
"scripts": {
|
|
45
45
|
"build": "pnpm run build:js && pnpm run build:types",
|