@sps-woodland/core 8.50.2 → 8.51.0

package/lib/product-bar-vertical/product-bar-vertical-section/ProductBarVerticalSection.js

@@ -0,0 +1,30 @@
+import * as t from "react";
+import { Metadata as p, selectChildren as d } from "@sps-woodland/core";
+import { ProductBarVerticalItem as u } from "../product-bar-vertical-item/ProductBarVerticalItem.js";
+import { productBarVerticalSection as f, productBarVerticalBranch as B } from "../product-bar-vertical/ProductBarVertical.css.js";
+const V = "file";
+function C({
+  children: o,
+  className: E,
+  title: S,
+  onSelect: N,
+  isMinimized: a,
+  isMinimizable: c,
+  onExpandSidebar: n,
+  ...i
+}) {
+  const [l, m] = d(o, [
+    { type: u }
+  ]), s = l.map((e) => {
+    if (!t.isValidElement(e)) return e;
+    const r = { isMinimized: a, onExpandSidebar: n };
+    return c && !e.props.icon && (r.icon = V), t.cloneElement(e, r);
+  });
+  return /* @__PURE__ */ t.createElement("div", { className: f, ...i }, /* @__PURE__ */ t.createElement("ul", { className: B }, s), m);
+}
+p.set(C, {
+  name: "ProductBarVerticalSection"
+});
+export {
+  C as ProductBarVerticalSection
+};

package/lib/product-bar-vertical/style.css

@@ -0,0 +1 @@
+.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb800{word-wrap:break-word;background-clip:border-box;background-color:#fff;border-width:.0625rem;border-style:solid;border-color:#d2d4d4;border-radius:.125rem;display:flex;flex-direction:column;width:19.25rem;height:100vh;position:sticky;top:0;overflow-y:auto}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb801{width:48px;overflow:hidden}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb802{position:sticky;top:0;z-index:1}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb803{position:absolute;right:.625rem;width:1.625rem;top:50%;transform:translateY(-50%)}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb804{top:3rem;transform:none}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb806{background-color:#fff;border-bottom:.0625rem solid #d2d4d4ff;margin-bottom:0;padding:.5rem;display:flex;flex-direction:column;justify-content:center;height:3.5rem}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb807{height:5.625rem;padding:.98rem .5rem;justify-content:start}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb809{align-content:center;cursor:pointer;display:flex;text-decoration:none}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb809:hover{text-decoration:none}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80a{align-content:center;display:flex;height:1.5rem;width:1.5rem;margin-right:.5rem;margin-left:3px}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80b{margin-left:auto;margin-right:auto}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80d{align-content:center;color:#1f282c;display:flex;font-size:1rem;font-weight:600}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80e{margin:0}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80e:last-of-type{border-bottom:.0625rem solid #d2d4d4ff}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80e+.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80e{border-top:.0625rem solid #d2d4d4ff}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80f{list-style:none;margin-top:0;margin-bottom:0;padding:0;font-size:.875rem;line-height:1.25rem}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g{list-style:none;margin:0;padding-left:0}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80h{display:block;width:100%}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80i{background-color:#007db8;color:#fff}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80j:hover{background-color:#f3f4f4}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80k{display:block;width:100%}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80l{background-color:#007db8;color:#fff}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80m:hover{background-color:#f3f4f4}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80n{font-size:.625rem;vertical-align:middle;display:inline-block;line-height:1.25rem;margin-top:0;margin-right:.25rem;margin-bottom:0;margin-left:-.875rem}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80o{color:inherit;cursor:pointer;display:flex;font-size:.875rem;line-height:1.5rem;padding-top:.5rem;padding-right:1rem;padding-bottom:.5rem;text-decoration:none;min-height:2.5rem}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80o:hover{color:inherit;text-decoration:none}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80p{flex:1;padding-left:1rem}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80q>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g>li>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80o>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80p{margin-left:2rem}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80r{display:flex;justify-content:space-between;align-items:center;width:100%}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80h>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80o>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80p{padding-left:2.125rem}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80h>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80o>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80p{padding-left:3rem}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80h>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80o>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80p{padding-left:3.875rem}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80h>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80o>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80p{padding-left:4.75rem}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80k>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80o>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80p{padding-left:2.125rem}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80k>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80o>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80p{padding-left:3rem}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80k>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80o>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80p{padding-left:3.875rem}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80g>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80k>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80o>.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80p{padding-left:4.75rem}.pkg_sps-woodland_core__version_8_51_0__hash_1l0rb80u{background-color:#fff!important;color:#4b5356!important}

package/lib/progress-indicators/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./progress-bar/ProgressBar";
+export * from "./progress-bar/progress-bar-step/ProgressBarStep";
+export * from "./progress-ring/ProgressRing";
+//# sourceMappingURL=index.d.ts.map

package/lib/progress-indicators/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/progress-indicators/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kDAAkD,CAAC;AACjE,cAAc,8BAA8B,CAAC"}

package/lib/progress-indicators/index.js

@@ -0,0 +1,264 @@
+import * as r from "react";
+import { Metadata as w, useElementId as E, cl as v, Icon as N, selectChildren as B } from "@sps-woodland/core";
+import { Button as P } from "@sps-woodland/core/button";
+import { SpsTooltip as O } from "@spscommerce/ds-react";
+import { useWoodlandLanguage as V } from "@spscommerce/i18n";
+import { Tokens as d } from "@sps-woodland/tokens";
+function S(e, _, o) {
+  return _ in e ? Object.defineProperty(e, _, {
+    value: o,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[_] = o, e;
+}
+function k(e, _) {
+  var o = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var s = Object.getOwnPropertySymbols(e);
+    _ && (s = s.filter(function(a) {
+      return Object.getOwnPropertyDescriptor(e, a).enumerable;
+    })), o.push.apply(o, s);
+  }
+  return o;
+}
+function b(e) {
+  for (var _ = 1; _ < arguments.length; _++) {
+    var o = arguments[_] != null ? arguments[_] : {};
+    _ % 2 ? k(Object(o), !0).forEach(function(s) {
+      S(e, s, o[s]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(o)) : k(Object(o)).forEach(function(s) {
+      Object.defineProperty(e, s, Object.getOwnPropertyDescriptor(o, s));
+    });
+  }
+  return e;
+}
+var j = (e, _, o) => {
+  for (var s of Object.keys(e)) {
+    var a;
+    if (e[s] !== ((a = _[s]) !== null && a !== void 0 ? a : o[s]))
+      return !1;
+  }
+  return !0;
+}, h = (e) => (_) => {
+  var o = e.defaultClassName, s = b(b({}, e.defaultVariants), _);
+  for (var a in s) {
+    var n, t = (n = s[a]) !== null && n !== void 0 ? n : e.defaultVariants[a];
+    if (t != null) {
+      var l = t;
+      typeof l == "boolean" && (l = l === !0 ? "true" : "false");
+      var p = (
+        // @ts-expect-error
+        e.variantClassNames[a][l]
+      );
+      p && (o += " " + p);
+    }
+  }
+  for (var [i, g] of e.compoundVariants)
+    j(i, s, e.defaultVariants) && (o += " " + g);
+  return o;
+}, D = "pkg_sps-woodland_core__version_8_51_0__hash_aun9aq0", x = "pkg_sps-woodland_core__version_8_51_0__hash_aun9aq1", T = "pkg_sps-woodland_core__version_8_51_0__hash_aun9aq2", I = "pkg_sps-woodland_core__version_8_51_0__hash_aun9aq3", R = "pkg_sps-woodland_core__version_8_51_0__hash_aun9aq4", W = h({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aq5", variantClassNames: { completed: { true: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aq6", false: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aq7" }, disabled: { true: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aq8", false: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aq9" }, color: { purple: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqa", blue: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqb", red: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqc", orange: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqd", grey: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqe" } }, defaultVariants: { completed: !1, disabled: !1, color: "purple" }, compoundVariants: [] }), $ = h({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqf", variantClassNames: { disabled: { true: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqg", false: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqh" } }, defaultVariants: { disabled: !1 }, compoundVariants: [] }), M = h({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqi", variantClassNames: { completed: { true: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqj", false: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqk" }, disabled: { true: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aql", false: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqm" }, color: { purple: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqn", blue: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqo", red: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqp", orange: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqq", grey: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqr" } }, defaultVariants: { completed: !1, disabled: !1, color: "purple" }, compoundVariants: [[{ completed: !0, disabled: !0 }, "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqs"]] }), F = "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqt", A = h({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf80", variantClassNames: { barCompleted: { true: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf81", false: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf82" }, disabled: { true: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf83", false: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf84" }, color: { purple: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf85", blue: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf86", red: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf87", orange: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf88", grey: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf89" } }, defaultVariants: { barCompleted: !1, disabled: !1, color: "purple" }, compoundVariants: [] }), H = h({ defaultClassName: "", variantClassNames: { barCompleted: { true: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8a", false: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8b" }, color: { purple: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8c", blue: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8d", red: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8e", orange: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8f", grey: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8g" }, disabled: { true: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8h", false: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8i" } }, defaultVariants: { barCompleted: !1, color: "purple", disabled: !1 }, compoundVariants: [] }), K = h({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8j", variantClassNames: { stepCompleted: { true: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8k", false: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8l" } }, defaultVariants: { stepCompleted: !1 }, compoundVariants: [] }), L = h({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8m", variantClassNames: { stepCompleted: { true: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8n", false: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8o" }, disabled: { true: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8p", false: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8q" }, barCompleted: { true: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8r", false: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8s" }, color: { purple: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8t", red: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8u", blue: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8v", orange: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8w", grey: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8x" } }, defaultVariants: { stepCompleted: !1, disabled: !1, barCompleted: !1, color: "purple" }, compoundVariants: [[{ barCompleted: !0, disabled: !0 }, "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8y"], [{ barCompleted: !0, disabled: !1 }, "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8z"], [{ stepCompleted: !0, disabled: !0 }, "pkg_sps-woodland_core__version_8_51_0__hash_2etnf810"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "purple" }, "pkg_sps-woodland_core__version_8_51_0__hash_2etnf811"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "red" }, "pkg_sps-woodland_core__version_8_51_0__hash_2etnf812"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "blue" }, "pkg_sps-woodland_core__version_8_51_0__hash_2etnf813"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "orange" }, "pkg_sps-woodland_core__version_8_51_0__hash_2etnf814"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "grey" }, "pkg_sps-woodland_core__version_8_51_0__hash_2etnf815"]] });
+function C({
+  className: e,
+  title: _,
+  description: o,
+  icon: s,
+  complete: a = !1,
+  disabled: n,
+  barCompleted: t,
+  progressColor: l,
+  ...p
+}) {
+  const i = E().current || void 0;
+  return /* @__PURE__ */ r.createElement(
+    "li",
+    {
+      id: i,
+      className: v(
+        L({
+          stepCompleted: a,
+          disabled: n,
+          barCompleted: t,
+          color: l
+        }),
+        e
+      ),
+      ...p
+    },
+    s && /* @__PURE__ */ r.createElement(
+      N,
+      {
+        icon: s,
+        size: "sm",
+        className: K({
+          stepCompleted: a
+        })
+      }
+    ),
+    _ && i && /* @__PURE__ */ r.createElement(O, { for: i, title: _ }, o)
+  );
+}
+w.set(C, {
+  name: "ProgressBarStep",
+  props: {
+    icon: { type: "IconName" },
+    complete: { type: "boolean" },
+    title: { type: "string" },
+    description: { type: "string" }
+  }
+});
+function G({
+  className: e,
+  children: _,
+  detail: o,
+  disabled: s,
+  onClose: a,
+  percentComplete: n = 0,
+  title: t,
+  showStepsCounter: l,
+  progressColor: p = "purple",
+  ...i
+}) {
+  const { t: g } = V(), [f, y] = r.useState([]), [c] = B(_, [
+    { type: C }
+  ]);
+  r.useEffect(() => {
+    let u = [];
+    c.forEach((m) => {
+      m.hasOwnProperty("props") && m.props.complete === !0 && u.push(m), y(u);
+    });
+  }, []), n && c && console.warn(
+    [
+      "The percentComplete prop can't be used with the ProgressBarStep subcomponent.",
+      "The progress will be determined by how many nested ProgressBarStep components have the completed prop."
+    ].join(" ")
+  );
+  const q = r.Children.map(_, (u) => r.isValidElement(u) ? r.cloneElement(u, {
+    disabled: s,
+    barCompleted: f.length === c.length,
+    progressColor: p
+  }) : u);
+  return /* @__PURE__ */ r.createElement("div", { className: v(D, e), ...i }, /* @__PURE__ */ r.createElement("div", { className: x }, t && /* @__PURE__ */ r.createElement("div", { className: I }, /* @__PURE__ */ r.createElement("div", { className: R }, t), c.length > 0 ? /* @__PURE__ */ r.createElement(r.Fragment, null, l === !0 && /* @__PURE__ */ r.createElement(
+    "div",
+    {
+      className: A({
+        barCompleted: f.length === c.length,
+        disabled: s,
+        color: p
+      })
+    },
+    `${f.length} of ${c.length} Complete`
+  )) : /* @__PURE__ */ r.createElement(
+    "div",
+    {
+      className: W({
+        completed: n === 1,
+        disabled: s,
+        color: p
+      })
+    },
+    `${Math.floor(n * 100)}%`
+  )), c.length > 0 ? /* @__PURE__ */ r.createElement(
+    "ul",
+    {
+      className: v(
+        H({
+          barCompleted: f.length === c.length,
+          disabled: s,
+          color: p
+        }),
+        "d-flex align-items-center list-unstyled mb-0"
+      )
+    },
+    q
+  ) : /* @__PURE__ */ r.createElement(
+    "div",
+    {
+      className: $({
+        disabled: s
+      })
+    },
+    /* @__PURE__ */ r.createElement(
+      "div",
+      {
+        className: M({
+          completed: n === 1,
+          disabled: s,
+          color: p
+        }),
+        style: { width: `${n * 100}%` }
+      }
+    )
+  ), o && /* @__PURE__ */ r.createElement("div", { className: F }, o)), a && n !== 1 && /* @__PURE__ */ r.createElement("div", { className: T }, /* @__PURE__ */ r.createElement(
+    P,
+    {
+      kind: "icon",
+      icon: "x",
+      onClick: a,
+      title: g("progressBar.closeButtonTitle", { defaultValue: "Close progress bar" })
+    }
+  )));
+}
+w.set(G, {
+  name: "Progress Bar",
+  props: {
+    detail: { type: "string" },
+    disabled: { type: "boolean" },
+    onClose: { type: "() => void" },
+    percentComplete: { type: "number", default: "0" },
+    progressColor: { type: '"purple" | "blue" | "red" | "orange" | "grey"', default: '"purple"' }
+  }
+});
+function J({
+  className: e,
+  size: _ = "sm",
+  progress: o = 0,
+  ...s
+}) {
+  const n = d.component["progress-ring"][_] - 4, t = n * 2 * Math.PI, l = t - o / 100 * t;
+  return /* @__PURE__ */ r.createElement("div", { className: e, ...s }, /* @__PURE__ */ r.createElement(
+    "svg",
+    {
+      height: d.component["progress-ring"][_] * 2,
+      width: d.component["progress-ring"][_] * 2,
+      style: { transform: "rotate(-90deg)" }
+    },
+    /* @__PURE__ */ r.createElement(
+      "circle",
+      {
+        stroke: d.color.grey["medium-light"],
+        fill: "transparent",
+        strokeWidth: 4,
+        strokeDasharray: `${t} ${t}`,
+        r: n,
+        cx: d.component["progress-ring"][_],
+        cy: d.component["progress-ring"][_]
+      }
+    ),
+    /* @__PURE__ */ r.createElement(
+      "circle",
+      {
+        stroke: d.color.purple.medium,
+        fill: "transparent",
+        strokeWidth: 4,
+        strokeDasharray: `${t} ${t}`,
+        style: { strokeDashoffset: l },
+        r: n,
+        cx: d.component["progress-ring"][_],
+        cy: d.component["progress-ring"][_]
+      }
+    )
+  ));
+}
+w.set(J, {
+  name: "Progress Ring",
+  props: {
+    size: { type: '"sm" | "md" | "lg"', default: '"sm"' },
+    progress: { type: "number", default: "0" }
+  }
+});
+export {
+  G as ProgressBar,
+  C as ProgressBarStep,
+  J as ProgressRing
+};

package/lib/progress-indicators/index.umd.cjs

@@ -0,0 +1 @@
+(function(t,m){typeof exports=="object"&&typeof module<"u"?m(exports,require("react"),require("@sps-woodland/core"),require("@sps-woodland/core/button"),require("@spscommerce/ds-react"),require("@spscommerce/i18n"),require("@sps-woodland/tokens")):typeof define=="function"&&define.amd?define(["exports","react","@sps-woodland/core","@sps-woodland/core/button","@spscommerce/ds-react","@spscommerce/i18n","@sps-woodland/tokens"],m):(t=typeof globalThis<"u"?globalThis:t||self,m(t.ProgressIndicators={},t.React,t.core,t.button,t.dsReact,t.i18n,t.tokens))})(this,(function(t,m,c,B,E,N,i){"use strict";function O(e){const _=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(_,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return _.default=e,Object.freeze(_)}const o=O(m);function V(e,_,r){return _ in e?Object.defineProperty(e,_,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[_]=r,e}function y(e,_){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);_&&(s=s.filter(function(a){return Object.getOwnPropertyDescriptor(e,a).enumerable})),r.push.apply(r,s)}return r}function C(e){for(var _=1;_<arguments.length;_++){var r=arguments[_]!=null?arguments[_]:{};_%2?y(Object(r),!0).forEach(function(s){V(e,s,r[s])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):y(Object(r)).forEach(function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(r,s))})}return e}var j=(e,_,r)=>{for(var s of Object.keys(e)){var a;if(e[s]!==((a=_[s])!==null&&a!==void 0?a:r[s]))return!1}return!0},h=e=>_=>{var r=e.defaultClassName,s=C(C({},e.defaultVariants),_);for(var a in s){var n,l=(n=s[a])!==null&&n!==void 0?n:e.defaultVariants[a];if(l!=null){var p=l;typeof p=="boolean"&&(p=p===!0?"true":"false");var d=e.variantClassNames[a][p];d&&(r+=" "+d)}}for(var[f,k]of e.compoundVariants)j(f,s,e.defaultVariants)&&(r+=" "+k);return r},S="pkg_sps-woodland_core__version_8_51_0__hash_aun9aq0",T="pkg_sps-woodland_core__version_8_51_0__hash_aun9aq1",D="pkg_sps-woodland_core__version_8_51_0__hash_aun9aq2",R="pkg_sps-woodland_core__version_8_51_0__hash_aun9aq3",M="pkg_sps-woodland_core__version_8_51_0__hash_aun9aq4",I=h({defaultClassName:"pkg_sps-woodland_core__version_8_51_0__hash_aun9aq5",variantClassNames:{completed:{true:"pkg_sps-woodland_core__version_8_51_0__hash_aun9aq6",false:"pkg_sps-woodland_core__version_8_51_0__hash_aun9aq7"},disabled:{true:"pkg_sps-woodland_core__version_8_51_0__hash_aun9aq8",false:"pkg_sps-woodland_core__version_8_51_0__hash_aun9aq9"},color:{purple:"pkg_sps-woodland_core__version_8_51_0__hash_aun9aqa",blue:"pkg_sps-woodland_core__version_8_51_0__hash_aun9aqb",red:"pkg_sps-woodland_core__version_8_51_0__hash_aun9aqc",orange:"pkg_sps-woodland_core__version_8_51_0__hash_aun9aqd",grey:"pkg_sps-woodland_core__version_8_51_0__hash_aun9aqe"}},defaultVariants:{completed:!1,disabled:!1,color:"purple"},compoundVariants:[]}),x=h({defaultClassName:"pkg_sps-woodland_core__version_8_51_0__hash_aun9aqf",variantClassNames:{disabled:{true:"pkg_sps-woodland_core__version_8_51_0__hash_aun9aqg",false:"pkg_sps-woodland_core__version_8_51_0__hash_aun9aqh"}},defaultVariants:{disabled:!1},compoundVariants:[]}),W=h({defaultClassName:"pkg_sps-woodland_core__version_8_51_0__hash_aun9aqi",variantClassNames:{completed:{true:"pkg_sps-woodland_core__version_8_51_0__hash_aun9aqj",false:"pkg_sps-woodland_core__version_8_51_0__hash_aun9aqk"},disabled:{true:"pkg_sps-woodland_core__version_8_51_0__hash_aun9aql",false:"pkg_sps-woodland_core__version_8_51_0__hash_aun9aqm"},color:{purple:"pkg_sps-woodland_core__version_8_51_0__hash_aun9aqn",blue:"pkg_sps-woodland_core__version_8_51_0__hash_aun9aqo",red:"pkg_sps-woodland_core__version_8_51_0__hash_aun9aqp",orange:"pkg_sps-woodland_core__version_8_51_0__hash_aun9aqq",grey:"pkg_sps-woodland_core__version_8_51_0__hash_aun9aqr"}},defaultVariants:{completed:!1,disabled:!1,color:"purple"},compoundVariants:[[{completed:!0,disabled:!0},"pkg_sps-woodland_core__version_8_51_0__hash_aun9aqs"]]}),$="pkg_sps-woodland_core__version_8_51_0__hash_aun9aqt",F=h({defaultClassName:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf80",variantClassNames:{barCompleted:{true:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf81",false:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf82"},disabled:{true:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf83",false:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf84"},color:{purple:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf85",blue:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf86",red:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf87",orange:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf88",grey:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf89"}},defaultVariants:{barCompleted:!1,disabled:!1,color:"purple"},compoundVariants:[]}),A=h({defaultClassName:"",variantClassNames:{barCompleted:{true:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8a",false:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8b"},color:{purple:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8c",blue:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8d",red:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8e",orange:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8f",grey:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8g"},disabled:{true:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8h",false:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8i"}},defaultVariants:{barCompleted:!1,color:"purple",disabled:!1},compoundVariants:[]}),H=h({defaultClassName:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8j",variantClassNames:{stepCompleted:{true:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8k",false:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8l"}},defaultVariants:{stepCompleted:!1},compoundVariants:[]}),K=h({defaultClassName:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8m",variantClassNames:{stepCompleted:{true:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8n",false:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8o"},disabled:{true:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8p",false:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8q"},barCompleted:{true:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8r",false:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8s"},color:{purple:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8t",red:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8u",blue:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8v",orange:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8w",grey:"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8x"}},defaultVariants:{stepCompleted:!1,disabled:!1,barCompleted:!1,color:"purple"},compoundVariants:[[{barCompleted:!0,disabled:!0},"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8y"],[{barCompleted:!0,disabled:!1},"pkg_sps-woodland_core__version_8_51_0__hash_2etnf8z"],[{stepCompleted:!0,disabled:!0},"pkg_sps-woodland_core__version_8_51_0__hash_2etnf810"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"purple"},"pkg_sps-woodland_core__version_8_51_0__hash_2etnf811"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"red"},"pkg_sps-woodland_core__version_8_51_0__hash_2etnf812"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"blue"},"pkg_sps-woodland_core__version_8_51_0__hash_2etnf813"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"orange"},"pkg_sps-woodland_core__version_8_51_0__hash_2etnf814"],[{barCompleted:!1,disabled:!1,stepCompleted:!0,color:"grey"},"pkg_sps-woodland_core__version_8_51_0__hash_2etnf815"]]});function w({className:e,title:_,description:r,icon:s,complete:a=!1,disabled:n,barCompleted:l,progressColor:p,...d}){const f=c.useElementId().current||void 0;return o.createElement("li",{id:f,className:c.cl(K({stepCompleted:a,disabled:n,barCompleted:l,color:p}),e),...d},s&&o.createElement(c.Icon,{icon:s,size:"sm",className:H({stepCompleted:a})}),_&&f&&o.createElement(E.SpsTooltip,{for:f,title:_},r))}c.Metadata.set(w,{name:"ProgressBarStep",props:{icon:{type:"IconName"},complete:{type:"boolean"},title:{type:"string"},description:{type:"string"}}});function q({className:e,children:_,detail:r,disabled:s,onClose:a,percentComplete:n=0,title:l,showStepsCounter:p,progressColor:d="purple",...f}){const{t:k}=N.useWoodlandLanguage(),[v,L]=o.useState([]),[u]=c.selectChildren(_,[{type:w}]);o.useEffect(()=>{let g=[];u.forEach(b=>{b.hasOwnProperty("props")&&b.props.complete===!0&&g.push(b),L(g)})},[]),n&&u&&console.warn(["The percentComplete prop can't be used with the ProgressBarStep subcomponent.","The progress will be determined by how many nested ProgressBarStep components have the completed prop."].join(" "));const G=o.Children.map(_,g=>o.isValidElement(g)?o.cloneElement(g,{disabled:s,barCompleted:v.length===u.length,progressColor:d}):g);return o.createElement("div",{className:c.cl(S,e),...f},o.createElement("div",{className:T},l&&o.createElement("div",{className:R},o.createElement("div",{className:M},l),u.length>0?o.createElement(o.Fragment,null,p===!0&&o.createElement("div",{className:F({barCompleted:v.length===u.length,disabled:s,color:d})},`${v.length} of ${u.length} Complete`)):o.createElement("div",{className:I({completed:n===1,disabled:s,color:d})},`${Math.floor(n*100)}%`)),u.length>0?o.createElement("ul",{className:c.cl(A({barCompleted:v.length===u.length,disabled:s,color:d}),"d-flex align-items-center list-unstyled mb-0")},G):o.createElement("div",{className:x({disabled:s})},o.createElement("div",{className:W({completed:n===1,disabled:s,color:d}),style:{width:`${n*100}%`}})),r&&o.createElement("div",{className:$},r)),a&&n!==1&&o.createElement("div",{className:D},o.createElement(B.Button,{kind:"icon",icon:"x",onClick:a,title:k("progressBar.closeButtonTitle",{defaultValue:"Close progress bar"})})))}c.Metadata.set(q,{name:"Progress Bar",props:{detail:{type:"string"},disabled:{type:"boolean"},onClose:{type:"() => void"},percentComplete:{type:"number",default:"0"},progressColor:{type:'"purple" | "blue" | "red" | "orange" | "grey"',default:'"purple"'}}});function P({className:e,size:_="sm",progress:r=0,...s}){const n=i.Tokens.component["progress-ring"][_]-4,l=n*2*Math.PI,p=l-r/100*l;return o.createElement("div",{className:e,...s},o.createElement("svg",{height:i.Tokens.component["progress-ring"][_]*2,width:i.Tokens.component["progress-ring"][_]*2,style:{transform:"rotate(-90deg)"}},o.createElement("circle",{stroke:i.Tokens.color.grey["medium-light"],fill:"transparent",strokeWidth:4,strokeDasharray:`${l} ${l}`,r:n,cx:i.Tokens.component["progress-ring"][_],cy:i.Tokens.component["progress-ring"][_]}),o.createElement("circle",{stroke:i.Tokens.color.purple.medium,fill:"transparent",strokeWidth:4,strokeDasharray:`${l} ${l}`,style:{strokeDashoffset:p},r:n,cx:i.Tokens.component["progress-ring"][_],cy:i.Tokens.component["progress-ring"][_]})))}c.Metadata.set(P,{name:"Progress Ring",props:{size:{type:'"sm" | "md" | "lg"',default:'"sm"'},progress:{type:"number",default:"0"}}}),t.ProgressBar=q,t.ProgressBarStep=w,t.ProgressRing=P,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));

package/lib/progress-indicators/progress-bar/ProgressBar.css.d.ts

@@ -0,0 +1,19 @@
+import { Tokens } from "@sps-woodland/tokens";
+import { BooleanRecipeVariant, RecipeVariant, VariantDefinitions } from "@sps-woodland/core";
+export type ProgressBarKind = keyof typeof Tokens.component["progress-bar"]["progress-color"];
+interface ProgressBarVariantDefinitions extends VariantDefinitions {
+    completed: BooleanRecipeVariant;
+    disabled: BooleanRecipeVariant;
+    color: RecipeVariant<ProgressBarKind>;
+}
+export declare const progressBar: string;
+export declare const progressBarContent: string;
+export declare const progressBarCloseButton: string;
+export declare const progressBarHeading: string;
+export declare const progressBarTitle: string;
+export declare const progressBarPercentage: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<ProgressBarVariantDefinitions>;
+export declare const progressBarBackground: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<Pick<ProgressBarVariantDefinitions, "disabled">>;
+export declare const progressBarProgress: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<ProgressBarVariantDefinitions>;
+export declare const progressBarDetail: string;
+export {};
+//# sourceMappingURL=ProgressBar.css.d.ts.map

package/lib/progress-indicators/progress-bar/ProgressBar.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.css.d.ts","sourceRoot":"","sources":["../../../src/progress-indicators/progress-bar/ProgressBar.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAG9C,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAG7F,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,gBAAgB,CAAC,CAAC;AAE9F,UAAU,6BAA8B,SAAQ,kBAAkB;IAChE,SAAS,EAAE,oBAAoB,CAAC;IAChC,QAAQ,EAAE,oBAAoB,CAAC;IAC/B,KAAK,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;CACvC;AAED,eAAO,MAAM,WAAW,QAGtB,CAAC;AAEH,eAAO,MAAM,kBAAkB,QAE7B,CAAC;AAEH,eAAO,MAAM,sBAAsB,QAGjC,CAAC;AAEH,eAAO,MAAM,kBAAkB,QAK7B,CAAC;AAEH,eAAO,MAAM,gBAAgB,QAG3B,CAAC;AAEH,eAAO,MAAM,qBAAqB,sHA2ChC,CAAC;AAEH,eAAO,MAAM,qBAAqB,wIAmBhC,CAAC;AAEH,eAAO,MAAM,mBAAmB,sHA8E9B,CAAC;AAEH,eAAO,MAAM,iBAAiB,QAK5B,CAAC"}

package/lib/progress-indicators/progress-bar/ProgressBar.css.js

@@ -0,0 +1,14 @@
+/* empty css                               */
+import { createRuntimeFn as _ } from "../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.17.4/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
+var o = "pkg_sps-woodland_core__version_8_51_0__hash_aun9aq0", e = "pkg_sps-woodland_core__version_8_51_0__hash_aun9aq1", r = "pkg_sps-woodland_core__version_8_51_0__hash_aun9aq2", n = "pkg_sps-woodland_core__version_8_51_0__hash_aun9aq3", d = "pkg_sps-woodland_core__version_8_51_0__hash_aun9aq4", p = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aq5", variantClassNames: { completed: { true: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aq6", false: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aq7" }, disabled: { true: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aq8", false: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aq9" }, color: { purple: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqa", blue: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqb", red: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqc", orange: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqd", grey: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqe" } }, defaultVariants: { completed: !1, disabled: !1, color: "purple" }, compoundVariants: [] }), l = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqf", variantClassNames: { disabled: { true: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqg", false: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqh" } }, defaultVariants: { disabled: !1 }, compoundVariants: [] }), h = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqi", variantClassNames: { completed: { true: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqj", false: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqk" }, disabled: { true: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aql", false: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqm" }, color: { purple: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqn", blue: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqo", red: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqp", orange: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqq", grey: "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqr" } }, defaultVariants: { completed: !1, disabled: !1, color: "purple" }, compoundVariants: [[{ completed: !0, disabled: !0 }, "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqs"]] }), u = "pkg_sps-woodland_core__version_8_51_0__hash_aun9aqt";
+export {
+  o as progressBar,
+  l as progressBarBackground,
+  r as progressBarCloseButton,
+  e as progressBarContent,
+  u as progressBarDetail,
+  n as progressBarHeading,
+  p as progressBarPercentage,
+  h as progressBarProgress,
+  d as progressBarTitle
+};

package/lib/progress-indicators/progress-bar/ProgressBar.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { ComponentProps } from "@sps-woodland/core";
+import { ProgressBarKind } from "./ProgressBar.css";
+export declare function ProgressBar({ className, children, detail, disabled, onClose, percentComplete, title, showStepsCounter, progressColor, ...rest }: ComponentProps<{
+    detail?: string;
+    disabled?: boolean;
+    onClose?: () => void;
+    percentComplete?: number;
+    title?: string;
+    showStepsCounter?: boolean;
+    progressColor?: ProgressBarKind;
+}, HTMLDivElement>): React.ReactElement;
+//# sourceMappingURL=ProgressBar.d.ts.map

package/lib/progress-indicators/progress-bar/ProgressBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/progress-indicators/progress-bar/ProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,cAAc,EAKf,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAOL,eAAe,EAIhB,MAAM,mBAAmB,CAAC;AAS3B,wBAAgB,WAAW,CAAC,EAC1B,SAAS,EACT,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,EACP,eAAmB,EACnB,KAAK,EACL,gBAAgB,EAChB,aAAwB,EACxB,GAAG,IAAI,EACR,EAAE,cAAc,CACf;IACE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,eAAe,CAAC;CACjC,EACD,cAAc,CACf,GAAG,KAAK,CAAC,YAAY,CAuHrB"}

package/lib/progress-indicators/progress-bar/ProgressBar.js

@@ -0,0 +1,112 @@
+import * as e from "react";
+import { Metadata as v, selectChildren as y, cl as i } from "@sps-woodland/core";
+import { Button as N } from "@sps-woodland/core/button";
+import { progressBar as P, progressBarContent as b, progressBarHeading as S, progressBarTitle as w, progressBarPercentage as C, progressBarBackground as k, progressBarProgress as T, progressBarDetail as $, progressBarCloseButton as x } from "./ProgressBar.css.js";
+import { ProgressBarStep as M } from "./progress-bar-step/ProgressBarStep.js";
+import { progressBarStepsComplete as V, progressBarStepBackground as W } from "./progress-bar-step/ProgressBarStep.css.js";
+import { useWoodlandLanguage as j } from "@spscommerce/i18n";
+function D({
+  className: d,
+  children: m,
+  detail: p,
+  disabled: r,
+  onClose: c,
+  percentComplete: s = 0,
+  title: g,
+  showStepsCounter: u,
+  progressColor: a = "purple",
+  ...h
+}) {
+  const { t: B } = j(), [l, f] = e.useState([]), [t] = y(m, [
+    { type: M }
+  ]);
+  e.useEffect(() => {
+    let o = [];
+    t.forEach((n) => {
+      n.hasOwnProperty("props") && n.props.complete === !0 && o.push(n), f(o);
+    });
+  }, []), s && t && console.warn(
+    [
+      "The percentComplete prop can't be used with the ProgressBarStep subcomponent.",
+      "The progress will be determined by how many nested ProgressBarStep components have the completed prop."
+    ].join(" ")
+  );
+  const E = e.Children.map(m, (o) => e.isValidElement(o) ? e.cloneElement(o, {
+    disabled: r,
+    barCompleted: l.length === t.length,
+    progressColor: a
+  }) : o);
+  return /* @__PURE__ */ e.createElement("div", { className: i(P, d), ...h }, /* @__PURE__ */ e.createElement("div", { className: b }, g && /* @__PURE__ */ e.createElement("div", { className: S }, /* @__PURE__ */ e.createElement("div", { className: w }, g), t.length > 0 ? /* @__PURE__ */ e.createElement(e.Fragment, null, u === !0 && /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: V({
+        barCompleted: l.length === t.length,
+        disabled: r,
+        color: a
+      })
+    },
+    `${l.length} of ${t.length} Complete`
+  )) : /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: C({
+        completed: s === 1,
+        disabled: r,
+        color: a
+      })
+    },
+    `${Math.floor(s * 100)}%`
+  )), t.length > 0 ? /* @__PURE__ */ e.createElement(
+    "ul",
+    {
+      className: i(
+        W({
+          barCompleted: l.length === t.length,
+          disabled: r,
+          color: a
+        }),
+        "d-flex align-items-center list-unstyled mb-0"
+      )
+    },
+    E
+  ) : /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: k({
+        disabled: r
+      })
+    },
+    /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        className: T({
+          completed: s === 1,
+          disabled: r,
+          color: a
+        }),
+        style: { width: `${s * 100}%` }
+      }
+    )
+  ), p && /* @__PURE__ */ e.createElement("div", { className: $ }, p)), c && s !== 1 && /* @__PURE__ */ e.createElement("div", { className: x }, /* @__PURE__ */ e.createElement(
+    N,
+    {
+      kind: "icon",
+      icon: "x",
+      onClick: c,
+      title: B("progressBar.closeButtonTitle", { defaultValue: "Close progress bar" })
+    }
+  )));
+}
+v.set(D, {
+  name: "Progress Bar",
+  props: {
+    detail: { type: "string" },
+    disabled: { type: "boolean" },
+    onClose: { type: "() => void" },
+    percentComplete: { type: "number", default: "0" },
+    progressColor: { type: '"purple" | "blue" | "red" | "orange" | "grey"', default: '"purple"' }
+  }
+});
+export {
+  D as ProgressBar
+};

package/lib/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.css.d.ts

@@ -0,0 +1,14 @@
+import { Tokens } from "@sps-woodland/tokens";
+import type { VariantDefinitions, RecipeVariant, BooleanRecipeVariant } from "@sps-woodland/core";
+export type SteppedProgressBarKind = keyof typeof Tokens.component["stepped-progress-bar"]["progress-color"];
+interface ProgressBarStepVariantDefinitions extends VariantDefinitions {
+    color: RecipeVariant<SteppedProgressBarKind>;
+    stepCompleted: BooleanRecipeVariant;
+    barComplete: BooleanRecipeVariant;
+}
+export declare const progressBarStepsComplete: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<Pick<ProgressBarStepVariantDefinitions, "color" | "disabled" | "barCompleted">>;
+export declare const progressBarStepBackground: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<Pick<ProgressBarStepVariantDefinitions, "color" | "disabled" | "barCompleted">>;
+export declare const progressBarIcon: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<Pick<ProgressBarStepVariantDefinitions, "stepCompleted">>;
+export declare const progressBarStep: import("node_modules/@vanilla-extract/recipes/dist/declarations/src/types").RuntimeFn<Pick<ProgressBarStepVariantDefinitions, "color" | "disabled" | "stepCompleted" | "barCompleted">>;
+export {};
+//# sourceMappingURL=ProgressBarStep.css.d.ts.map

package/lib/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBarStep.css.d.ts","sourceRoot":"","sources":["../../../../src/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,OAAO,KAAK,EAAE,kBAAkB,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAGlG,MAAM,MAAM,sBAAsB,GAChC,MAAM,OAAO,MAAM,CAAC,SAAS,CAAC,sBAAsB,CAAC,CAAC,gBAAgB,CAAC,CAAC;AAE1E,UAAU,iCAAkC,SAAQ,kBAAkB;IACpE,KAAK,EAAE,aAAa,CAAC,sBAAsB,CAAC,CAAC;IAC7C,aAAa,EAAE,oBAAoB,CAAC;IACpC,WAAW,EAAE,oBAAoB,CAAC;CACnC;AAED,eAAO,MAAM,wBAAwB,uKA0CnC,CAAC;AAEH,eAAO,MAAM,yBAAyB,uKA2BpC,CAAC;AAEH,eAAO,MAAM,eAAe,iJAkB1B,CAAC;AAEH,eAAO,MAAM,eAAe,yLAgL1B,CAAC"}

package/lib/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.css.js

@@ -0,0 +1,9 @@
+/* empty css                                   */
+import { createRuntimeFn as _ } from "../../../node_modules/.pnpm/@vanilla-extract_recipes@0.2.5_@vanilla-extract_css@1.17.4/node_modules/@vanilla-extract/recipes/createRuntimeFn/dist/vanilla-extract-recipes-createRuntimeFn.esm.js";
+var o = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf80", variantClassNames: { barCompleted: { true: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf81", false: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf82" }, disabled: { true: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf83", false: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf84" }, color: { purple: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf85", blue: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf86", red: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf87", orange: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf88", grey: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf89" } }, defaultVariants: { barCompleted: !1, disabled: !1, color: "purple" }, compoundVariants: [] }), a = _({ defaultClassName: "", variantClassNames: { barCompleted: { true: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8a", false: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8b" }, color: { purple: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8c", blue: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8d", red: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8e", orange: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8f", grey: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8g" }, disabled: { true: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8h", false: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8i" } }, defaultVariants: { barCompleted: !1, color: "purple", disabled: !1 }, compoundVariants: [] }), r = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8j", variantClassNames: { stepCompleted: { true: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8k", false: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8l" } }, defaultVariants: { stepCompleted: !1 }, compoundVariants: [] }), d = _({ defaultClassName: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8m", variantClassNames: { stepCompleted: { true: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8n", false: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8o" }, disabled: { true: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8p", false: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8q" }, barCompleted: { true: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8r", false: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8s" }, color: { purple: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8t", red: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8u", blue: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8v", orange: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8w", grey: "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8x" } }, defaultVariants: { stepCompleted: !1, disabled: !1, barCompleted: !1, color: "purple" }, compoundVariants: [[{ barCompleted: !0, disabled: !0 }, "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8y"], [{ barCompleted: !0, disabled: !1 }, "pkg_sps-woodland_core__version_8_51_0__hash_2etnf8z"], [{ stepCompleted: !0, disabled: !0 }, "pkg_sps-woodland_core__version_8_51_0__hash_2etnf810"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "purple" }, "pkg_sps-woodland_core__version_8_51_0__hash_2etnf811"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "red" }, "pkg_sps-woodland_core__version_8_51_0__hash_2etnf812"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "blue" }, "pkg_sps-woodland_core__version_8_51_0__hash_2etnf813"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "orange" }, "pkg_sps-woodland_core__version_8_51_0__hash_2etnf814"], [{ barCompleted: !1, disabled: !1, stepCompleted: !0, color: "grey" }, "pkg_sps-woodland_core__version_8_51_0__hash_2etnf815"]] });
+export {
+  r as progressBarIcon,
+  d as progressBarStep,
+  a as progressBarStepBackground,
+  o as progressBarStepsComplete
+};

package/lib/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { ComponentProps } from "@sps-woodland/core";
+import { IconName } from "@sps-woodland/tokens";
+import { ProgressBarKind } from "../ProgressBar.css";
+export declare function ProgressBarStep({ className, title, description, icon, complete, disabled, barCompleted, progressColor, ...rest }: ComponentProps<{
+    title?: string;
+    description?: string;
+    icon?: IconName;
+    complete?: boolean;
+    disabled?: boolean;
+    barCompleted?: boolean;
+    progressColor?: ProgressBarKind;
+}, HTMLElement>): React.ReactElement;
+//# sourceMappingURL=ProgressBarStep.d.ts.map

package/lib/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressBarStep.d.ts","sourceRoot":"","sources":["../../../../src/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAoC,MAAM,oBAAoB,CAAC;AACtF,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAGhD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,KAAK,EACL,WAAW,EACX,IAAI,EACJ,QAAgB,EAChB,QAAQ,EACR,YAAY,EACZ,aAAa,EACb,GAAG,IAAI,EACR,EAAE,cAAc,CACf;IACE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,eAAe,CAAC;CACjC,EACD,WAAW,CACZ,GAAG,KAAK,CAAC,YAAY,CAiCrB"}

package/lib/progress-indicators/progress-bar/progress-bar-step/ProgressBarStep.js

@@ -0,0 +1,56 @@
+import * as t from "react";
+import { Metadata as l, useElementId as d, cl as f, Icon as g } from "@sps-woodland/core";
+import { SpsTooltip as u } from "@spscommerce/ds-react";
+import { progressBarStep as y, progressBarIcon as B } from "./ProgressBarStep.css.js";
+function E({
+  className: p,
+  title: r,
+  description: a,
+  icon: o,
+  complete: s = !1,
+  disabled: m,
+  barCompleted: n,
+  progressColor: c,
+  ...i
+}) {
+  const e = d().current || void 0;
+  return /* @__PURE__ */ t.createElement(
+    "li",
+    {
+      id: e,
+      className: f(
+        y({
+          stepCompleted: s,
+          disabled: m,
+          barCompleted: n,
+          color: c
+        }),
+        p
+      ),
+      ...i
+    },
+    o && /* @__PURE__ */ t.createElement(
+      g,
+      {
+        icon: o,
+        size: "sm",
+        className: B({
+          stepCompleted: s
+        })
+      }
+    ),
+    r && e && /* @__PURE__ */ t.createElement(u, { for: e, title: r }, a)
+  );
+}
+l.set(E, {
+  name: "ProgressBarStep",
+  props: {
+    icon: { type: "IconName" },
+    complete: { type: "boolean" },
+    title: { type: "string" },
+    description: { type: "string" }
+  }
+});
+export {
+  E as ProgressBarStep
+};