@sps-woodland/feedback-block 8.7.4 → 8.7.5
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 +4 -1
- package/lib/style.css +1 -1
- package/package.json +5 -5
- /package/{vite.config.js → vite.config.mjs} +0 -0
package/lib/index.cjs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),s=require("@sps-woodland/core"),n=require("@spscommerce/utils");function h(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(a,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return a.default=e,Object.freeze(a)}const t=h(g);function w(e,a,r){return a in e?Object.defineProperty(e,a,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[a]=r,e}function u(e,a){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);a&&(o=o.filter(function(c){return Object.getOwnPropertyDescriptor(e,c).enumerable})),r.push.apply(r,o)}return r}function b(e){for(var a=1;a<arguments.length;a++){var r=arguments[a]!=null?arguments[a]:{};a%2?u(Object(r),!0).forEach(function(o){w(e,o,r[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):u(Object(r)).forEach(function(o){Object.defineProperty(e,o,Object.getOwnPropertyDescriptor(r,o))})}return e}var v=(e,a,r)=>{for(var o of Object.keys(e)){var c;if(e[o]!==((c=a[o])!==null&&c!==void 0?c:r[o]))return!1}return!0},k=e=>a=>{var r=e.defaultClassName,o=b(b({},e.defaultVariants),a);for(var c in o){var d,f=(d=o[c])!==null&&d!==void 0?d:e.defaultVariants[c];if(f!=null){var l=f;typeof l=="boolean"&&(l=l===!0?"true":"false");var p=e.variantClassNames[c][l];p&&(r+=" "+p)}}for(var[F,B]of e.compoundVariants)v(F,o,e.defaultVariants)&&(r+=" "+B);return r},y=k({defaultClassName:"_1r00l560",variantClassNames:{kind:{tip:"_1r00l561",success:"_1r00l562",warning:"_1r00l563",info:"_1r00l564",error:"_1r00l565"},micro:{true:"_1r00l566",false:"_1r00l567"}},defaultVariants:{kind:"tip",micro:!1},compoundVariants:[]}),O=k({defaultClassName:"",variantClassNames:{kind:{tip:"_1r00l568",success:"_1r00l569",warning:"_1r00l56a",info:"_1r00l56b",error:"_1r00l56c"},micro:{true:"_1r00l56d",false:"_1r00l56e"}},defaultVariants:{kind:"tip",micro:!1},compoundVariants:[[{kind:"tip",micro:!0},"_1r00l56f"]]}),E=k({defaultClassName:"",variantClassNames:{micro:{true:"_1r00l56g",false:"_1r00l56h"}},defaultVariants:{micro:!1},compoundVariants:[]});const m=Object.freeze({tip:"lightbulb",success:"checkmark",warning:"exclamation-triangle",error:"exclamation-circle",info:"info-circle"});function i({children:e,className:a,kind:r="tip",micro:o,...c}){return t.createElement("div",{className:s.cl(y({kind:r,micro:o}),a),...c},t.createElement(s.Icon,{className:O({kind:r,micro:o}),icon:m[r],"aria-hidden":"true"}),t.createElement("span",{className:E({micro:o})},e))}s.Metadata.set(i,{name:"FeedbackBlock",props:{kind:{type:"FeedbackBlockKind",default:"tip"},micro:{type:"boolean",default:"false"}}});const C={components:[i],description:({NavigateTo:e})=>t.createElement(t.Fragment,null,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"," ",t.createElement(e,{to:"growler"},"Growler")," instead."),t.createElement("h5",null,"Variants"),t.createElement("p",null,"Variants are generally tied to a specific color and an accompanying icon."),t.createElement(i,{kind:"error",micro:!0},"Error"),t.createElement(i,{kind:"info",micro:!0},"Information"),t.createElement(i,{kind:"tip",micro:!0},"Tip"),t.createElement(i,{kind:"success",micro:!0},"Success"),t.createElement(i,{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:n.code`
|
|
2
2
|
import { FeedbackBlock } from "@sps-woodland/feedback-block";
|
|
3
3
|
|
|
4
4
|
function Component() {
|
|
@@ -98,4 +98,4 @@
|
|
|
98
98
|
</FeedbackBlock>
|
|
99
99
|
);
|
|
100
100
|
}
|
|
101
|
-
`}}}}},
|
|
101
|
+
`}}}}},S={"Feedback Blocks":C};exports.FeedbackBlock=i;exports.FeedbackBlockIcons=m;exports.MANIFEST=S;
|
package/lib/index.es.js
CHANGED
|
@@ -44,7 +44,10 @@ var w = (e, o, r) => {
|
|
|
44
44
|
if (k != null) {
|
|
45
45
|
var l = k;
|
|
46
46
|
typeof l == "boolean" && (l = l === !0 ? "true" : "false");
|
|
47
|
-
var f =
|
|
47
|
+
var f = (
|
|
48
|
+
// @ts-expect-error
|
|
49
|
+
e.variantClassNames[c][l]
|
|
50
|
+
);
|
|
48
51
|
f && (r += " " + f);
|
|
49
52
|
}
|
|
50
53
|
}
|
package/lib/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._1r00l560{display:flex}._1r00l561{background-color
|
|
1
|
+
._1r00l560{display:flex}._1r00l561{background-color:#fff8e0;border-color:#ffcc07}._1r00l562{background-color:#e7f3ec;border-color:#0b8940}._1r00l563{background-color:#fcf1e7;border-color:#e77609}._1r00l564{background-color:#e6f2f8;border-color:#08638d}._1r00l565{background-color:#fbe6ea;border-color:#de012e}._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:#ffcc07}._1r00l569{color:#0b8940}._1r00l56a{color:#e77609}._1r00l56b{color:#08638d}._1r00l56c{color:#de012e}._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:#08638d}._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.7.
|
|
4
|
+
"version": "8.7.5",
|
|
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.7.
|
|
33
|
-
"@sps-woodland/tokens": "8.7.
|
|
32
|
+
"@sps-woodland/core": "8.7.5",
|
|
33
|
+
"@sps-woodland/tokens": "8.7.5"
|
|
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.7.
|
|
42
|
-
"@sps-woodland/tokens": "8.7.
|
|
41
|
+
"@sps-woodland/core": "8.7.5",
|
|
42
|
+
"@sps-woodland/tokens": "8.7.5"
|
|
43
43
|
},
|
|
44
44
|
"scripts": {
|
|
45
45
|
"build": "pnpm run build:js && pnpm run build:types",
|
|
File without changes
|