@sps-woodland/feedback-block 7.17.13 → 7.19.0

package/lib/{index.es.js → index.js}

@@ -1,90 +1,90 @@
-import * as t from "react";
-import { Metadata as F, cl as B, Icon as g } from "@sps-woodland/core";
-import { code as n } from "@spscommerce/utils";
-function h(e, o, r) {
-  return o in e ? Object.defineProperty(e, o, {
-    value: r,
+import * as c from "react";
+import { Metadata as u, cl as h, Icon as g } from "@sps-woodland/core";
+import { code as t } from "@spscommerce/utils";
+function w(e, r, o) {
+  return r in e ? Object.defineProperty(e, r, {
+    value: o,
     enumerable: !0,
     configurable: !0,
     writable: !0
-  }) : e[o] = r, e;
+  }) : e[r] = o, e;
 }
-function p(e, o) {
-  var r = Object.keys(e);
+function p(e, r) {
+  var o = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var a = Object.getOwnPropertySymbols(e);
-    o && (a = a.filter(function(c) {
-      return Object.getOwnPropertyDescriptor(e, c).enumerable;
-    })), r.push.apply(r, a);
+    r && (a = a.filter(function(n) {
+      return Object.getOwnPropertyDescriptor(e, n).enumerable;
+    })), o.push.apply(o, a);
   }
-  return r;
+  return o;
 }
-function m(e) {
-  for (var o = 1; o < arguments.length; o++) {
-    var r = arguments[o] != null ? arguments[o] : {};
-    o % 2 ? p(Object(r), !0).forEach(function(a) {
-      h(e, a, r[a]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : p(Object(r)).forEach(function(a) {
-      Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(r, a));
+function b(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var o = arguments[r] != null ? arguments[r] : {};
+    r % 2 ? p(Object(o), !0).forEach(function(a) {
+      w(e, a, o[a]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) : p(Object(o)).forEach(function(a) {
+      Object.defineProperty(e, a, Object.getOwnPropertyDescriptor(o, a));
     });
   }
   return e;
 }
-var w = (e, o, r) => {
+var v = (e, r, o) => {
   for (var a of Object.keys(e)) {
-    var c;
-    if (e[a] !== ((c = o[a]) !== null && c !== void 0 ? c : r[a]))
+    var n;
+    if (e[a] !== ((n = r[a]) !== null && n !== void 0 ? n : o[a]))
       return !1;
   }
   return !0;
-}, d = (e) => (o) => {
-  var r = e.defaultClassName, a = m(m({}, e.defaultVariants), o);
-  for (var c in a) {
-    var s, k = (s = a[c]) !== null && s !== void 0 ? s : e.defaultVariants[c];
+}, l = (e) => (r) => {
+  var o = e.defaultClassName, a = b(b({}, e.defaultVariants), r);
+  for (var n in a) {
+    var d, k = (d = a[n]) !== null && d !== void 0 ? d : e.defaultVariants[n];
     if (k != null) {
-      var l = k;
-      typeof l == "boolean" && (l = l === !0 ? "true" : "false");
-      var f = e.variantClassNames[c][l];
-      f && (r += " " + f);
+      var i = k;
+      typeof i == "boolean" && (i = i === !0 ? "true" : "false");
+      var _ = e.variantClassNames[n][i];
+      _ && (o += " " + _);
     }
   }
-  for (var [b, u] of e.compoundVariants)
-    w(b, a, e.defaultVariants) && (r += " " + u);
-  return r;
-}, v = d({ 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: [] }), y = d({ 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"]] }), C = d({ defaultClassName: "", variantClassNames: { micro: { true: "_1r00l56g", false: "_1r00l56h" } }, defaultVariants: { micro: !1 }, compoundVariants: [] });
-const E = Object.freeze({
+  for (var [f, m] of e.compoundVariants)
+    v(f, a, e.defaultVariants) && (o += " " + m);
+  return o;
+}, F = l({ defaultClassName: "pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l560", variantClassNames: { kind: { tip: "pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l561", success: "pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l562", warning: "pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l563", info: "pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l564", error: "pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l565" }, micro: { true: "pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l566", false: "pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l567" } }, defaultVariants: { kind: "tip", micro: !1 }, compoundVariants: [] }), B = l({ defaultClassName: "", variantClassNames: { kind: { tip: "pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l568", success: "pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l569", warning: "pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l56a", info: "pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l56b", error: "pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l56c" }, micro: { true: "pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l56d", false: "pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l56e" } }, defaultVariants: { kind: "tip", micro: !1 }, compoundVariants: [[{ kind: "tip", micro: !0 }, "pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l56f"]] }), y = l({ defaultClassName: "", variantClassNames: { micro: { true: "pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l56g", false: "pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l56h" } }, defaultVariants: { micro: !1 }, compoundVariants: [] });
+const C = Object.freeze({
   tip: "lightbulb",
   success: "checkmark",
   warning: "exclamation-triangle",
   error: "exclamation-circle",
   info: "info-circle"
 });
-function i({
+function s({
   children: e,
-  className: o,
-  kind: r = "tip",
+  className: r,
+  kind: o = "tip",
   micro: a,
-  ...c
+  ...n
 }) {
-  return /* @__PURE__ */ t.createElement("div", { className: B(v({ kind: r, micro: a }), o), ...c }, /* @__PURE__ */ t.createElement(
+  return /* @__PURE__ */ c.createElement("div", { className: h(F({ kind: o, micro: a }), r), ...n }, /* @__PURE__ */ c.createElement(
     g,
     {
-      className: y({ kind: r, micro: a }),
-      icon: E[r],
+      className: B({ kind: o, micro: a }),
+      icon: C[o],
       "aria-hidden": "true"
     }
-  ), /* @__PURE__ */ t.createElement("span", { className: C({ micro: a }) }, e));
+  ), /* @__PURE__ */ c.createElement("span", { className: y({ micro: a }) }, e));
 }
-F.set(i, {
+u.set(s, {
   name: "FeedbackBlock",
   props: {
     kind: { type: "FeedbackBlockKind", default: "tip" },
     micro: { type: "boolean", default: "false" }
   }
 });
-const O = {
-  components: [i],
-  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")),
+const E = {
+  components: [s],
+  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")),
   examples: {
     standard: {
       label: "Standard Size",
@@ -92,7 +92,7 @@ const O = {
       examples: {
         error: {
           description: "Error",
-          react: n`
+          react: t`
             import { FeedbackBlock } from "@sps-woodland/feedback-block";
 
             function Component() {
@@ -106,7 +106,7 @@ const O = {
         },
         info: {
           description: "Information",
-          react: n`
+          react: t`
             import { FeedbackBlock } from "@sps-woodland/feedback-block";
 
             function Component() {
@@ -120,7 +120,7 @@ const O = {
         },
         proTip: {
           description: "Pro Tip",
-          react: n`
+          react: t`
             import { FeedbackBlock } from "@sps-woodland/feedback-block";
 
             function Component() {
@@ -134,7 +134,7 @@ const O = {
         },
         success: {
           description: "Success",
-          react: n`
+          react: t`
             import { FeedbackBlock } from "@sps-woodland/feedback-block";
 
             function Component() {
@@ -148,7 +148,7 @@ const O = {
         },
         warning: {
           description: "Warning",
-          react: n`
+          react: t`
             import { FeedbackBlock } from "@sps-woodland/feedback-block";
 
             function Component() {
@@ -168,7 +168,7 @@ const O = {
       examples: {
         error: {
           description: "Error",
-          react: n`
+          react: t`
             import { FeedbackBlock } from "@sps-woodland/feedback-block";
 
             function Component() {
@@ -182,7 +182,7 @@ const O = {
         },
         info: {
           description: "Information",
-          react: n`
+          react: t`
             import { FeedbackBlock } from "@sps-woodland/feedback-block";
 
             function Component() {
@@ -196,7 +196,7 @@ const O = {
         },
         proTip: {
           description: "Pro Tip",
-          react: n`
+          react: t`
             import { FeedbackBlock } from "@sps-woodland/feedback-block";
 
             function Component() {
@@ -210,7 +210,7 @@ const O = {
         },
         success: {
           description: "Success",
-          react: n`
+          react: t`
             import { FeedbackBlock } from "@sps-woodland/feedback-block";
 
             function Component() {
@@ -224,7 +224,7 @@ const O = {
         },
         warning: {
           description: "Warning",
-          react: n`
+          react: t`
             import { FeedbackBlock } from "@sps-woodland/feedback-block";
 
             function Component() {
@@ -240,10 +240,10 @@ const O = {
     }
   }
 }, S = {
-  "Feedback Blocks": O
+  "Feedback Blocks": E
 };
 export {
-  i as FeedbackBlock,
-  E as FeedbackBlockIcons,
+  s as FeedbackBlock,
+  C as FeedbackBlockIcons,
   S as MANIFEST
 };

package/lib/index.umd.cjs

@@ -0,0 +1,101 @@
+(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){if(e&&e.__esModule)return 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),S="";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,m=(p=a[t])!==null&&p!==void 0?p:e.defaultVariants[t];if(m!=null){var l=m;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_7_19_0__hash_1r00l560",variantClassNames:{kind:{tip:"pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l561",success:"pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l562",warning:"pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l563",info:"pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l564",error:"pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l565"},micro:{true:"pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l566",false:"pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l567"}},defaultVariants:{kind:"tip",micro:!1},compoundVariants:[]}),B=_({defaultClassName:"",variantClassNames:{kind:{tip:"pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l568",success:"pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l569",warning:"pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l56a",info:"pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l56b",error:"pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l56c"},micro:{true:"pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l56d",false:"pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l56e"}},defaultVariants:{kind:"tip",micro:!1},compoundVariants:[[{kind:"tip",micro:!0},"pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l56f"]]}),y=_({defaultClassName:"",variantClassNames:{micro:{true:"pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l56g",false:"pkg_sps-woodland_feedback-block__version_7_19_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 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:u[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`
+            import { FeedbackBlock } from "@sps-woodland/feedback-block";
+
+            function Component() {
+              return (
+                <FeedbackBlock kind="error" data-testid="feedback-block-error">
+                  We are experiencing difficulties communicating to the server. Please try again later.
+                </FeedbackBlock>
+              );
+            }
+          `},info:{description:"Information",react:s.code`
+            import { FeedbackBlock } from "@sps-woodland/feedback-block";
+
+            function Component() {
+              return (
+                <FeedbackBlock kind="info" data-testid="feedback-block-info">
+                  FYI - This page has been updated. Click refresh to see the most recent version.
+                </FeedbackBlock>
+              );
+            }
+          `},proTip:{description:"Pro Tip",react:s.code`
+            import { FeedbackBlock } from "@sps-woodland/feedback-block";
+
+            function Component() {
+              return (
+                <FeedbackBlock kind="tip" data-testid="feedback-block-tip">
+                  Please Note: Click the Receive button above to check for new transactions from QuickBooks.
+                </FeedbackBlock>
+              );
+            }
+          `},success:{description:"Success",react:s.code`
+            import { FeedbackBlock } from "@sps-woodland/feedback-block";
+
+            function Component() {
+              return (
+                <FeedbackBlock kind="success" data-testid="feedback-block-success">
+                  All items have been uploaded and are ready for export.
+                </FeedbackBlock>
+              );
+            }
+          `},warning:{description:"Warning",react:s.code`
+            import { FeedbackBlock } from "@sps-woodland/feedback-block";
+
+            function Component() {
+              return (
+                <FeedbackBlock kind="warning" data-testid="feedback-block-warning">
+                  Warning! This order is missing a shipment date and is in jeopardy of being past due.
+                </FeedbackBlock>
+              );
+            }
+          `}}},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`
+            import { FeedbackBlock } from "@sps-woodland/feedback-block";
+
+            function Component() {
+              return (
+                <FeedbackBlock kind="error" micro data-testid="feedback-block-micro-error">
+                  We are experiencing difficulties communicating to the server. Please try again later.
+                </FeedbackBlock>
+              );
+            }
+          `},info:{description:"Information",react:s.code`
+            import { FeedbackBlock } from "@sps-woodland/feedback-block";
+
+            function Component() {
+              return (
+                <FeedbackBlock kind="info" micro data-testid="feedback-block-micro-info">
+                  Refresh the page to see the most recent version.
+                </FeedbackBlock>
+              );
+            }
+          `},proTip:{description:"Pro Tip",react:s.code`
+            import { FeedbackBlock } from "@sps-woodland/feedback-block";
+
+            function Component() {
+              return (
+                <FeedbackBlock kind="tip" micro data-testid="feedback-block-micro-tip">
+                  Tip: Click the Receive button to check for new transactions.
+                </FeedbackBlock>
+              );
+            }
+          `},success:{description:"Success",react:s.code`
+            import { FeedbackBlock } from "@sps-woodland/feedback-block";
+
+            function Component() {
+              return (
+                <FeedbackBlock kind="success" micro data-testid="feedback-block-micro-success">
+                  All items have been uploaded and are ready for export.
+                </FeedbackBlock>
+              );
+            }
+          `},warning:{description:"Warning",react:s.code`
+            import { FeedbackBlock } from "@sps-woodland/feedback-block";
+
+            function Component() {
+              return (
+                <FeedbackBlock kind="warning" micro data-testid="feedback-block-micro-warning">
+                  This order is missing a shipment date.
+                </FeedbackBlock>
+              );
+            }
+          `}}}}}};n.FeedbackBlock=d,n.FeedbackBlockIcons=u,n.MANIFEST=O,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/lib/style.css

@@ -1 +1 @@
-._1r00l560{display:flex}._1r00l561{background-color:#fff8e0;border-color:#fc0}._1r00l562{background-color:#e7f3ec;border-color:#0b8940}._1r00l563{background-color:#fcf1e7;border-color:#e7760b}._1r00l564{background-color:#e6f2f8;border-color:#09638d}._1r00l565{background-color:#fbe6ea;border-color:#de002e}._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:#fc0}._1r00l569{color:#0b8940}._1r00l56a{color:#e7760b}._1r00l56b{color:#09638d}._1r00l56c{color:#de002e}._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:#09638d}._1r00l56g{color:#4b5356;font-size:.75rem;font-weight:600;line-height:1.125rem;margin-left:.25rem}
+.pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l560{display:flex}.pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l561{background-color:#fff8e0;border-color:#fc0}.pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l562{background-color:#e7f3ec;border-color:#0b8940}.pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l563{background-color:#fcf1e7;border-color:#e7760b}.pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l564{background-color:#e6f2f8;border-color:#09638d}.pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l565{background-color:#fbe6ea;border-color:#de002e}.pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l566{height:1rem;border:none;background-color:transparent}.pkg_sps-woodland_feedback-block__version_7_19_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_7_19_0__hash_1r00l568{color:#fc0}.pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l569{color:#0b8940}.pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l56a{color:#e7760b}.pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l56b{color:#09638d}.pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l56c{color:#de002e}.pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l56d{font-size:.875rem;font-weight:400;line-height:1.125rem;vertical-align:middle}.pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l56e{margin-right:.5rem;font-size:1.25rem;vertical-align:middle}.pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l56f{color:#09638d}.pkg_sps-woodland_feedback-block__version_7_19_0__hash_1r00l56g{color:#4b5356;font-size:.75rem;font-weight:600;line-height:1.125rem;margin-left:.25rem}

package/package.json

@@ -1,20 +1,20 @@
 {
   "name": "@sps-woodland/feedback-block",
   "description": "SPS Woodland Design System feedback block component",
-  "version": "7.17.13",
+  "version": "7.19.0",
   "author": "SPS Commerce",
   "license": "UNLICENSED",
   "repository": "https://github.com/SPSCommerce/woodland/tree/main/packages/@sps-woodland/feedback-block",
   "homepage": "https://github.com/SPSCommerce/woodland/tree/master/packages/@sps-woodland/feedback-block#readme",
-  "module": "./lib/index.es.js",
   "type": "module",
-  "main": "./lib/index.cjs.js",
+  "module": "./lib/index.js",
+  "main": "./lib/index.umd.cjs",
   "types": "./lib/index.d.ts",
   "exports": {
     ".": {
-      "import": "./lib/index.es.js",
-      "require": "./lib/index.cjs.js",
-      "default": "./lib/index.cjs.js",
+      "require": "./lib/index.umd.cjs",
+      "import": "./lib/index.js",
+      "default": "./lib/index.js",
       "types": "./lib/index.d.ts"
     },
     "./lib/style.css": {
@@ -29,8 +29,8 @@
     "@spscommerce/utils": "^6.12.1",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "@sps-woodland/core": "7.17.13",
-    "@sps-woodland/tokens": "7.17.13"
+    "@sps-woodland/core": "7.19.0",
+    "@sps-woodland/tokens": "7.19.0"
   },
   "devDependencies": {
     "@spscommerce/utils": "^6.12.1",
@@ -38,8 +38,8 @@
     "@vanilla-extract/recipes": "^0.2.5",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
-    "@sps-woodland/tokens": "7.17.13",
-    "@sps-woodland/core": "7.17.13"
+    "@sps-woodland/tokens": "7.19.0",
+    "@sps-woodland/core": "7.19.0"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:types",

package/vite.config.js

@@ -1,16 +1,25 @@
 import path from "path";
 import { vanillaExtractPlugin } from "@vanilla-extract/vite-plugin";
 import { defineConfig } from "vite";
-
+import { getVanillaExtractPluginProps } from "../../../scripts/vanilla-extract-plugin-props.js";
 import pkg from "./package.json";
 
+const packageVersion = process.env.PREDICTED_VERSION || pkg.version;
+
 export default defineConfig({
-  plugins: [vanillaExtractPlugin()],
+  plugins: [
+    vanillaExtractPlugin(
+      getVanillaExtractPluginProps({
+        packageName: pkg.name,
+        packageVersion,
+      })
+    ),
+  ],
   build: {
     lib: {
       entry: path.resolve(__dirname, "src/index.ts"),
-      formats: ["es", "cjs"],
-      fileName: (format) => `index.${format}.js`,
+      name: "FeedbackBlock",
+      fileName: "index",
     },
     outDir: path.resolve(__dirname, "./lib"),
     emptyOutDir: false,

package/lib/index.cjs.js

@@ -1,101 +0,0 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const g=require("react"),d=require("@sps-woodland/core"),n=require("@spscommerce/utils");function w(e){if(e&&e.__esModule)return 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=w(g);function h(e,a,r){return a in e?Object.defineProperty(e,a,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[a]=r,e}function p(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?p(Object(r),!0).forEach(function(o){h(e,o,r[o])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):p(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 l,f=(l=o[c])!==null&&l!==void 0?l:e.defaultVariants[c];if(f!=null){var s=f;typeof s=="boolean"&&(s=s===!0?"true":"false");var u=e.variantClassNames[c][s];u&&(r+=" "+u)}}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"]]}),_=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:d.cl(y({kind:r,micro:o}),a),...c},t.createElement(d.Icon,{className:O({kind:r,micro:o}),icon:m[r],"aria-hidden":"true"}),t.createElement("span",{className:_({micro:o})},e))}d.Metadata.set(i,{name:"FeedbackBlock",props:{kind:{type:"FeedbackBlockKind",default:"tip"},micro:{type:"boolean",default:"false"}}});const E={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`
-            import { FeedbackBlock } from "@sps-woodland/feedback-block";
-
-            function Component() {
-              return (
-                <FeedbackBlock kind="error" data-testid="feedback-block-error">
-                  We are experiencing difficulties communicating to the server. Please try again later.
-                </FeedbackBlock>
-              );
-            }
-          `},info:{description:"Information",react:n.code`
-            import { FeedbackBlock } from "@sps-woodland/feedback-block";
-
-            function Component() {
-              return (
-                <FeedbackBlock kind="info" data-testid="feedback-block-info">
-                  FYI - This page has been updated. Click refresh to see the most recent version.
-                </FeedbackBlock>
-              );
-            }
-          `},proTip:{description:"Pro Tip",react:n.code`
-            import { FeedbackBlock } from "@sps-woodland/feedback-block";
-
-            function Component() {
-              return (
-                <FeedbackBlock kind="tip" data-testid="feedback-block-tip">
-                  Please Note: Click the Receive button above to check for new transactions from QuickBooks.
-                </FeedbackBlock>
-              );
-            }
-          `},success:{description:"Success",react:n.code`
-            import { FeedbackBlock } from "@sps-woodland/feedback-block";
-
-            function Component() {
-              return (
-                <FeedbackBlock kind="success" data-testid="feedback-block-success">
-                  All items have been uploaded and are ready for export.
-                </FeedbackBlock>
-              );
-            }
-          `},warning:{description:"Warning",react:n.code`
-            import { FeedbackBlock } from "@sps-woodland/feedback-block";
-
-            function Component() {
-              return (
-                <FeedbackBlock kind="warning" data-testid="feedback-block-warning">
-                  Warning! This order is missing a shipment date and is in jeopardy of being past due.
-                </FeedbackBlock>
-              );
-            }
-          `}}},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:n.code`
-            import { FeedbackBlock } from "@sps-woodland/feedback-block";
-
-            function Component() {
-              return (
-                <FeedbackBlock kind="error" micro data-testid="feedback-block-micro-error">
-                  We are experiencing difficulties communicating to the server. Please try again later.
-                </FeedbackBlock>
-              );
-            }
-          `},info:{description:"Information",react:n.code`
-            import { FeedbackBlock } from "@sps-woodland/feedback-block";
-
-            function Component() {
-              return (
-                <FeedbackBlock kind="info" micro data-testid="feedback-block-micro-info">
-                  Refresh the page to see the most recent version.
-                </FeedbackBlock>
-              );
-            }
-          `},proTip:{description:"Pro Tip",react:n.code`
-            import { FeedbackBlock } from "@sps-woodland/feedback-block";
-
-            function Component() {
-              return (
-                <FeedbackBlock kind="tip" micro data-testid="feedback-block-micro-tip">
-                  Tip: Click the Receive button to check for new transactions.
-                </FeedbackBlock>
-              );
-            }
-          `},success:{description:"Success",react:n.code`
-            import { FeedbackBlock } from "@sps-woodland/feedback-block";
-
-            function Component() {
-              return (
-                <FeedbackBlock kind="success" micro data-testid="feedback-block-micro-success">
-                  All items have been uploaded and are ready for export.
-                </FeedbackBlock>
-              );
-            }
-          `},warning:{description:"Warning",react:n.code`
-            import { FeedbackBlock } from "@sps-woodland/feedback-block";
-
-            function Component() {
-              return (
-                <FeedbackBlock kind="warning" micro data-testid="feedback-block-micro-warning">
-                  This order is missing a shipment date.
-                </FeedbackBlock>
-              );
-            }
-          `}}}}},C={"Feedback Blocks":E};exports.FeedbackBlock=i;exports.FeedbackBlockIcons=m;exports.MANIFEST=C;