@rikstv/shared-components 2.0.18 → 2.0.20

package/dist/components/accordion/{Accordion-99b76aba.mjs → Accordion-5e72e67b.mjs}

@@ -1,11 +1,11 @@
 import Ce, { useRef as ir, useEffect as ur } from "react";
-import { C as sr } from "../icons/Chevron-53ae63f1.mjs";
-var D = {}, lr = {
+import { C as sr } from "../icons/Chevron-4e0258de.mjs";
+var k = {}, fr = {
   get exports() {
-    return D;
+    return k;
   },
   set exports(m) {
-    D = m;
+    k = m;
   }
 }, I = {};
 /**
@@ -18,22 +18,22 @@ var D = {}, lr = {
  * LICENSE file in the root directory of this source tree.
  */
 var Re;
-function fr() {
+function lr() {
   if (Re)
     return I;
   Re = 1;
-  var m = Ce, b = Symbol.for("react.element"), w = Symbol.for("react.fragment"), g = Object.prototype.hasOwnProperty, R = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, P = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function _(T, f, S) {
+  var m = Ce, b = Symbol.for("react.element"), D = Symbol.for("react.fragment"), y = Object.prototype.hasOwnProperty, R = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, w = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function _(T, l, P) {
     var v, h = {}, C = null, W = null;
-    S !== void 0 && (C = "" + S), f.key !== void 0 && (C = "" + f.key), f.ref !== void 0 && (W = f.ref);
-    for (v in f)
-      g.call(f, v) && !P.hasOwnProperty(v) && (h[v] = f[v]);
+    P !== void 0 && (C = "" + P), l.key !== void 0 && (C = "" + l.key), l.ref !== void 0 && (W = l.ref);
+    for (v in l)
+      y.call(l, v) && !w.hasOwnProperty(v) && (h[v] = l[v]);
     if (T && T.defaultProps)
-      for (v in f = T.defaultProps, f)
-        h[v] === void 0 && (h[v] = f[v]);
+      for (v in l = T.defaultProps, l)
+        h[v] === void 0 && (h[v] = l[v]);
     return { $$typeof: b, type: T, key: C, ref: W, props: h, _owner: R.current };
   }
-  return I.Fragment = w, I.jsx = _, I.jsxs = _, I;
+  return I.Fragment = D, I.jsx = _, I.jsxs = _, I;
 }
 var $ = {};
 /**
@@ -48,14 +48,14 @@ var $ = {};
 var Te;
 function cr() {
   return Te || (Te = 1, process.env.NODE_ENV !== "production" && function() {
-    var m = Ce, b = Symbol.for("react.element"), w = Symbol.for("react.portal"), g = Symbol.for("react.fragment"), R = Symbol.for("react.strict_mode"), P = Symbol.for("react.profiler"), _ = Symbol.for("react.provider"), T = Symbol.for("react.context"), f = Symbol.for("react.forward_ref"), S = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), X = Symbol.iterator, Oe = "@@iterator";
+    var m = Ce, b = Symbol.for("react.element"), D = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), R = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), _ = Symbol.for("react.provider"), T = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), P = Symbol.for("react.suspense"), v = Symbol.for("react.suspense_list"), h = Symbol.for("react.memo"), C = Symbol.for("react.lazy"), W = Symbol.for("react.offscreen"), X = Symbol.iterator, Oe = "@@iterator";
     function we(e) {
       if (e === null || typeof e != "object")
         return null;
       var r = X && e[X] || e[Oe];
       return typeof r == "function" ? r : null;
     }
-    var x = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var S = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function c(e) {
       {
         for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
@@ -65,7 +65,7 @@ function cr() {
     }
     function Pe(e, r, t) {
       {
-        var n = x.ReactDebugCurrentFrame, i = n.getStackAddendum();
+        var n = S.ReactDebugCurrentFrame, i = n.getStackAddendum();
         i !== "" && (r += "%s", t = t.concat([i]));
         var u = t.map(function(o) {
           return String(o);
@@ -76,7 +76,7 @@ function cr() {
     var Se = !1, xe = !1, je = !1, ke = !1, De = !1, Z;
     Z = Symbol.for("react.module.reference");
     function Fe(e) {
-      return !!(typeof e == "string" || typeof e == "function" || e === g || e === P || De || e === R || e === S || e === v || ke || e === W || Se || xe || je || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === h || e.$$typeof === _ || e.$$typeof === T || e.$$typeof === f || // This needs to include all possible module reference object
+      return !!(typeof e == "string" || typeof e == "function" || e === y || e === w || De || e === R || e === P || e === v || ke || e === W || Se || xe || je || typeof e == "object" && e !== null && (e.$$typeof === C || e.$$typeof === h || e.$$typeof === _ || e.$$typeof === T || e.$$typeof === l || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -92,7 +92,7 @@ function cr() {
     function Q(e) {
       return e.displayName || "Context";
     }
-    function y(e) {
+    function g(e) {
       if (e == null)
         return null;
       if (typeof e.tag == "number" && c("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
@@ -100,15 +100,15 @@ function cr() {
       if (typeof e == "string")
         return e;
       switch (e) {
-        case g:
+        case y:
           return "Fragment";
-        case w:
+        case D:
           return "Portal";
-        case P:
+        case w:
           return "Profiler";
         case R:
           return "StrictMode";
-        case S:
+        case P:
           return "Suspense";
         case v:
           return "SuspenseList";
@@ -121,15 +121,15 @@ function cr() {
           case _:
             var t = e;
             return Q(t._context) + ".Provider";
-          case f:
+          case l:
             return Ae(e, e.render, "ForwardRef");
           case h:
             var n = e.displayName || null;
-            return n !== null ? n : y(e.type) || "Memo";
+            return n !== null ? n : g(e.type) || "Memo";
           case C: {
             var i = e, u = i._payload, o = i._init;
             try {
-              return y(o(u));
+              return g(o(u));
             } catch {
               return null;
             }
@@ -199,7 +199,7 @@ function cr() {
         F < 0 && c("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var U = x.ReactCurrentDispatcher, B;
+    var U = S.ReactCurrentDispatcher, B;
     function Y(e, r, t) {
       {
         if (B === void 0)
@@ -268,25 +268,25 @@ function cr() {
         if (E && n && typeof E.stack == "string") {
           for (var a = E.stack.split(`
 `), d = n.stack.split(`
-`), s = a.length - 1, l = d.length - 1; s >= 1 && l >= 0 && a[s] !== d[l]; )
-            l--;
-          for (; s >= 1 && l >= 0; s--, l--)
-            if (a[s] !== d[l]) {
-              if (s !== 1 || l !== 1)
+`), s = a.length - 1, f = d.length - 1; s >= 1 && f >= 0 && a[s] !== d[f]; )
+            f--;
+          for (; s >= 1 && f >= 0; s--, f--)
+            if (a[s] !== d[f]) {
+              if (s !== 1 || f !== 1)
                 do
-                  if (s--, l--, l < 0 || a[s] !== d[l]) {
+                  if (s--, f--, f < 0 || a[s] !== d[f]) {
                     var p = `
 ` + a[s].replace(" at new ", " at ");
                     return e.displayName && p.includes("<anonymous>") && (p = p.replace("<anonymous>", e.displayName)), typeof e == "function" && N.set(e, p), p;
                   }
-                while (s >= 1 && l >= 0);
+                while (s >= 1 && f >= 0);
               break;
             }
         }
       } finally {
         q = !1, U.current = u, $e(), Error.prepareStackTrace = i;
       }
-      var k = e ? e.displayName || e.name : "", be = k ? Y(k) : "";
+      var j = e ? e.displayName || e.name : "", be = j ? Y(j) : "";
       return typeof e == "function" && N.set(e, be), be;
     }
     function Ye(e, r, t) {
@@ -304,14 +304,14 @@ function cr() {
       if (typeof e == "string")
         return Y(e);
       switch (e) {
-        case S:
+        case P:
           return Y("Suspense");
         case v:
           return Y("SuspenseList");
       }
       if (typeof e == "object")
         switch (e.$$typeof) {
-          case f:
+          case l:
             return Ye(e.render);
           case h:
             return L(e.type, r, t);
@@ -325,13 +325,13 @@ function cr() {
         }
       return "";
     }
-    var V = Object.prototype.hasOwnProperty, le = {}, fe = x.ReactDebugCurrentFrame;
+    var V = Object.prototype.hasOwnProperty, fe = {}, le = S.ReactDebugCurrentFrame;
     function M(e) {
       if (e) {
         var r = e._owner, t = L(e.type, e._source, r ? r.type : null);
-        fe.setExtraStackFrame(t);
+        le.setExtraStackFrame(t);
       } else
-        fe.setExtraStackFrame(null);
+        le.setExtraStackFrame(null);
     }
     function Le(e, r, t, n, i) {
       {
@@ -348,7 +348,7 @@ function cr() {
             } catch (s) {
               a = s;
             }
-            a && !(a instanceof Error) && (M(i), c("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, o, typeof a), M(null)), a instanceof Error && !(a.message in le) && (le[a.message] = !0, M(i), c("Failed %s type: %s", t, a.message), M(null));
+            a && !(a instanceof Error) && (M(i), c("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, o, typeof a), M(null)), a instanceof Error && !(a.message in fe) && (fe[a.message] = !0, M(i), c("Failed %s type: %s", t, a.message), M(null));
           }
       }
     }
@@ -376,7 +376,7 @@ function cr() {
       if (Ue(e))
         return c("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Me(e)), ce(e);
     }
-    var A = x.ReactCurrentOwner, Be = {
+    var A = S.ReactCurrentOwner, Be = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -401,8 +401,8 @@ function cr() {
     }
     function Ge(e, r) {
       if (typeof e.ref == "string" && A.current && r && A.current.stateNode !== r) {
-        var t = y(A.current.type);
-        G[t] || (c('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', y(A.current.type), e.ref), G[t] = !0);
+        var t = g(A.current.type);
+        G[t] || (c('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref', g(A.current.type), e.ref), G[t] = !0);
       }
     }
     function ze(e, r) {
@@ -468,14 +468,14 @@ function cr() {
             o[u] === void 0 && (o[u] = s[u]);
         }
         if (a || d) {
-          var l = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
-          a && ze(o, l), d && Ke(o, l);
+          var f = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
+          a && ze(o, f), d && Ke(o, f);
         }
         return He(e, a, d, i, n, A.current, o);
       }
     }
-    var z = x.ReactCurrentOwner, me = x.ReactDebugCurrentFrame;
-    function j(e) {
+    var z = S.ReactCurrentOwner, me = S.ReactDebugCurrentFrame;
+    function x(e) {
       if (e) {
         var r = e._owner, t = L(e.type, e._source, r ? r.type : null);
         me.setExtraStackFrame(t);
@@ -490,7 +490,7 @@ function cr() {
     function _e() {
       {
         if (z.current) {
-          var e = y(z.current.type);
+          var e = g(z.current.type);
           if (e)
             return `
 
@@ -523,7 +523,7 @@ Check the top-level render call using <` + t + ">.");
         return r;
       }
     }
-    function ye(e, r) {
+    function ge(e, r) {
       {
         if (!e._store || e._store.validated || e.key != null)
           return;
@@ -533,7 +533,7 @@ Check the top-level render call using <` + t + ">.");
           return;
         he[t] = !0;
         var n = "";
-        e && e._owner && e._owner !== z.current && (n = " It was passed a child from " + y(e._owner.type) + "."), j(e), c('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), j(null);
+        e && e._owner && e._owner !== z.current && (n = " It was passed a child from " + g(e._owner.type) + "."), x(e), c('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), x(null);
       }
     }
     function Ee(e, r) {
@@ -543,7 +543,7 @@ Check the top-level render call using <` + t + ">.");
         if (J(e))
           for (var t = 0; t < e.length; t++) {
             var n = e[t];
-            H(n) && ye(n, r);
+            H(n) && ge(n, r);
           }
         else if (H(e))
           e._store && (e._store.validated = !0);
@@ -551,7 +551,7 @@ Check the top-level render call using <` + t + ">.");
           var i = we(e);
           if (typeof i == "function" && i !== e.entries)
             for (var u = i.call(e), o; !(o = u.next()).done; )
-              H(o.value) && ye(o.value, r);
+              H(o.value) && ge(o.value, r);
         }
       }
     }
@@ -563,18 +563,18 @@ Check the top-level render call using <` + t + ">.");
         var t;
         if (typeof r == "function")
           t = r.propTypes;
-        else if (typeof r == "object" && (r.$$typeof === f || // Note: Memo only checks outer props here.
+        else if (typeof r == "object" && (r.$$typeof === l || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
         r.$$typeof === h))
           t = r.propTypes;
         else
           return;
         if (t) {
-          var n = y(r);
+          var n = g(r);
           Le(t, e.props, "prop", n, e);
         } else if (r.PropTypes !== void 0 && !K) {
           K = !0;
-          var i = y(r);
+          var i = g(r);
           c("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", i || "Unknown");
         }
         typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && c("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -585,14 +585,14 @@ Check the top-level render call using <` + t + ">.");
         for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
           var n = r[t];
           if (n !== "children" && n !== "key") {
-            j(e), c("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), j(null);
+            x(e), c("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), x(null);
             break;
           }
         }
-        e.ref !== null && (j(e), c("Invalid attribute `ref` supplied to `React.Fragment`."), j(null));
+        e.ref !== null && (x(e), c("Invalid attribute `ref` supplied to `React.Fragment`."), x(null));
       }
     }
-    function ge(e, r, t, n, i, u) {
+    function ye(e, r, t, n, i, u) {
       {
         var o = Fe(e);
         if (!o) {
@@ -601,64 +601,62 @@ Check the top-level render call using <` + t + ">.");
           var d = Ze(i);
           d ? a += d : a += _e();
           var s;
-          e === null ? s = "null" : J(e) ? s = "array" : e !== void 0 && e.$$typeof === b ? (s = "<" + (y(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : s = typeof e, c("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", s, a);
+          e === null ? s = "null" : J(e) ? s = "array" : e !== void 0 && e.$$typeof === b ? (s = "<" + (g(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : s = typeof e, c("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", s, a);
         }
-        var l = Xe(e, r, t, i, u);
-        if (l == null)
-          return l;
+        var f = Xe(e, r, t, i, u);
+        if (f == null)
+          return f;
         if (o) {
           var p = r.children;
           if (p !== void 0)
             if (n)
               if (J(p)) {
-                for (var k = 0; k < p.length; k++)
-                  Ee(p[k], e);
+                for (var j = 0; j < p.length; j++)
+                  Ee(p[j], e);
                 Object.freeze && Object.freeze(p);
               } else
                 c("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               Ee(p, e);
         }
-        return e === g ? rr(l) : er(l), l;
+        return e === y ? rr(f) : er(f), f;
       }
     }
     function tr(e, r, t) {
-      return ge(e, r, t, !0);
+      return ye(e, r, t, !0);
     }
     function nr(e, r, t) {
-      return ge(e, r, t, !1);
+      return ye(e, r, t, !1);
     }
     var ar = nr, or = tr;
-    $.Fragment = g, $.jsx = ar, $.jsxs = or;
+    $.Fragment = y, $.jsx = ar, $.jsxs = or;
   }()), $;
 }
 (function(m) {
-  process.env.NODE_ENV === "production" ? m.exports = fr() : m.exports = cr();
-})(lr);
+  process.env.NODE_ENV === "production" ? m.exports = lr() : m.exports = cr();
+})(fr);
 const pr = ({
   initialOpen: m = !0,
   children: b,
-  heading: w,
-  className: g = "",
+  heading: D,
+  className: y = "",
   lightBackground: R = !1,
-  ...P
+  ...w
 }) => {
   const _ = ir(null);
   return ur(() => {
     _.current && (_.current.open = m);
-  }, [m]), /* @__PURE__ */ D.jsxs(
+  }, [m]), /* @__PURE__ */ k.jsxs(
     "details",
     {
       ref: _,
-      "data-module": "accordion",
-      "data-details-summary": w,
       "data-testid": "rds-accordion",
-      className: `rds-accordion-details ${R ? "rds-accordion-details--light" : ""} ${R === "white" ? "rds-accordion-details--white" : ""} ${g}`,
-      ...P,
+      className: `rds-accordion-details ${R ? "rds-accordion-details--light" : ""} ${R === "white" ? "rds-accordion-details--white" : ""} ${y}`,
+      ...w,
       children: [
-        /* @__PURE__ */ D.jsxs("summary", { "data-testid": "rds-accordion-summary", className: "rds-accordion-details__summary", children: [
-          /* @__PURE__ */ D.jsx(sr, {}),
-          /* @__PURE__ */ D.jsx("div", { className: "rds-accordion-details__summary__content", children: w })
+        /* @__PURE__ */ k.jsxs("summary", { "data-testid": "rds-accordion-summary", className: "rds-accordion-details__summary", children: [
+          /* @__PURE__ */ k.jsx(sr, {}),
+          /* @__PURE__ */ k.jsx("div", { className: "rds-accordion-details__summary__content", children: D })
         ] }),
         b
       ]
@@ -667,5 +665,5 @@ const pr = ({
 };
 export {
   pr as A,
-  D as j
+  k as j
 };

package/dist/components/breadcrumb/{Breadcrumb-e35d6c52.mjs → Breadcrumb-19678339.mjs}

@@ -1,6 +1,6 @@
-import { j as r } from "../accordion/Accordion-99b76aba.mjs";
+import { j as r } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as b } from "react";
-import { S as d } from "../typography/Typography-afd3a0a3.mjs";
+import { S as d } from "../typography/Typography-61ad3ca9.mjs";
 const u = b(({ className: a = "", crumbs: s, render: c, ...m }, i) => /* @__PURE__ */ r.jsx("nav", { className: `rds-breadcrumb ${a}`, ref: i, ...m, children: /* @__PURE__ */ r.jsx(d, { children: /* @__PURE__ */ r.jsx("ol", { className: "rds-breadcrumb__list", children: s.map(({ name: e, href: l }, n) => {
   const t = n === s.length - 1;
   return /* @__PURE__ */ r.jsx(

package/dist/components/button/ArrowButton-470c0575.mjs

@@ -0,0 +1,48 @@
+import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
+import { forwardRef as n } from "react";
+import { P as u, S as w, T as d } from "./DecoratedButton-ab2e8ed4.mjs";
+import { A as c } from "../icons/Arrow-48abbbdf.mjs";
+const e = () => /* @__PURE__ */ s.jsx(c, {}), m = n(
+  ({ forwards: r = !0, className: o = "", ...t }, a) => /* @__PURE__ */ s.jsx(
+    u,
+    {
+      className: `${o} ${r ? "rds-arrow-button--forwards" : "rds-arrow-button--backwards"}`,
+      arrow: e,
+      buttonType: "rds-arrow-button",
+      ref: a,
+      ...t
+    }
+  )
+);
+m.displayName = "PrimaryArrowButton";
+const b = n(
+  ({ forwards: r = !0, className: o = "", ...t }, a) => /* @__PURE__ */ s.jsx(
+    w,
+    {
+      className: `${o} ${r ? "rds-arrow-button--forwards" : "rds-arrow-button--backwards"}`,
+      arrow: e,
+      buttonType: "rds-arrow-button",
+      ref: a,
+      ...t
+    }
+  )
+);
+b.displayName = "SecondaryArrowButton";
+const y = n(
+  ({ forwards: r = !0, className: o = "", ...t }, a) => /* @__PURE__ */ s.jsx(
+    d,
+    {
+      className: `${o} ${r ? "rds-arrow-button--forwards" : "rds-arrow-button--backwards"}`,
+      arrow: e,
+      buttonType: "rds-arrow-button",
+      ref: a,
+      ...t
+    }
+  )
+);
+y.displayName = "TertiaryArrowButton";
+export {
+  m as P,
+  b as S,
+  y as T
+};

package/dist/components/button/{BaseButton-078de736.mjs → BaseButton-82123b7e.mjs}

@@ -1,17 +1,17 @@
-import { j as s } from "../accordion/Accordion-99b76aba.mjs";
+import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as c } from "react";
 const f = c(
   ({
     children: d,
-    buttonType: r,
-    buttonStyle: n,
+    buttonType: n,
+    buttonStyle: r,
     type: o = "button",
     isLoading: t = !1,
     lightBackground: a = !1,
     transparent: i = !1,
-    disabled: l,
-    className: u = "",
-    "aria-busy": b,
+    disabled: u,
+    className: b = "",
+    "aria-busy": l,
     icon: e,
     iconClass: m = "",
     ...$
@@ -21,8 +21,8 @@ const f = c(
       type: o,
       ...$,
       ref: _,
-      disabled: t || l,
-      "aria-busy": t || b,
+      disabled: t || u,
+      "aria-busy": t || l,
       className: `
         ${n}
         rds-button__shared
@@ -32,7 +32,7 @@ const f = c(
         ${a ? "rds-light" : ""}
         ${a === "white" ? "rds-white" : ""}
         ${i ? "rds-transparent" : ""}
-        ${u}`,
+        ${b}`,
       children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
         e && /* @__PURE__ */ s.jsx("span", { "data-testid": "rds-button__icon", className: `rds-button__icon ${m}`, children: /* @__PURE__ */ s.jsx(e, {}) }),
         d

package/dist/components/button/BaseButton.d.ts

@@ -1,5 +1,5 @@
 import { ButtonHTMLAttributes } from "react";
-export type ButtonVariants = "primary" | "secondary" | "tertiary";
+export type ButtonStyles = "primary" | "secondary" | "tertiary";
 export type ButtonBackgroundStyles = boolean | "white";
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     isLoading?: boolean;
@@ -12,7 +12,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     iconClass?: string;
 }
 export interface BaseButtonProps extends ButtonProps {
-    buttonType: ButtonVariants;
-    buttonStyle: "rds-button" | "rds-arrow-button" | "rds-icon-button";
+    buttonStyle: ButtonStyles;
+    buttonType: "rds-button" | "rds-arrow-button" | "rds-icon-button";
 }
 export declare const BaseButton: import("react").ForwardRefExoticComponent<BaseButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/button/{BaseDecoratedButton-8e565d5c.mjs → BaseDecoratedButton-9280b7ce.mjs}

@@ -1,8 +1,8 @@
-import { j as s } from "../accordion/Accordion-99b76aba.mjs";
+import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as c } from "react";
-import { B as m } from "./BaseButton-078de736.mjs";
+import { B as m } from "./BaseButton-82123b7e.mjs";
 const x = c(
-  ({ children: n, buttonStyle: t, postfix: r, icon: a, arrow: o, iconClass: e = "", ...d }, i) => /* @__PURE__ */ s.jsx(m, { buttonStyle: t, ref: i, ...d, children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+  ({ children: n, buttonType: t, postfix: r, icon: a, arrow: o, iconClass: e = "", ...d }, i) => /* @__PURE__ */ s.jsx(m, { buttonType: t, ref: i, ...d, children: /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
     a && /* @__PURE__ */ s.jsx("span", { "data-testid": "rds-button__icon", className: `rds-button__icon ${e}`, children: /* @__PURE__ */ s.jsx(a, {}) }),
     o && /* @__PURE__ */ s.jsx("span", { "data-testid": "rds-button__arrow", className: `rds-button__arrow ${e}`, children: /* @__PURE__ */ s.jsx(o, {}) }),
     n,

package/dist/components/button/BaseLinkButton-e79602f8.mjs

@@ -0,0 +1,41 @@
+import { j as r } from "../accordion/Accordion-5e72e67b.mjs";
+import { forwardRef as h } from "react";
+import "./ArrowButton-470c0575.mjs";
+import { A as l } from "../icons/Arrow-48abbbdf.mjs";
+const u = () => /* @__PURE__ */ r.jsx(l, {}), p = h(
+  ({
+    element: o,
+    buttonStyle: s = "primary",
+    className: n = "",
+    withArrow: t,
+    arrowBackward: d,
+    iconClass: e = "",
+    children: i,
+    lightBackground: a,
+    transparent: m,
+    ...b
+  }, c) => /* @__PURE__ */ r.jsx("div", { className: `rds-baselink-button ${n}`, children: /* @__PURE__ */ r.jsx(
+    o,
+    {
+      className: `
+        rds-button rds-button__shared 
+        ${s === "highlighted" ? "rds-baselink-button--highlighted" : `rds-button__shared--${s}`}
+        ${a ? "rds-light" : ""} 
+        ${a === "white" ? "rds-white" : ""} 
+        ${m && s === "secondary" ? "rds-transparent" : ""}
+        ${t ? "rds-arrow-button" : ""}
+        ${t === void 0 ? "" : d ? "rds-arrow-button--backwards" : "rds-arrow-button--forwards"}
+      `,
+      ref: c,
+      ...b,
+      children: /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+        t && /* @__PURE__ */ r.jsx("span", { "data-testid": "rds-button__arrow", className: `rds-button__arrow ${e}`, children: /* @__PURE__ */ r.jsx(u, {}) }),
+        i
+      ] })
+    }
+  ) })
+);
+p.displayName = "BaseLinkButton";
+export {
+  p as B
+};

package/dist/components/button/BaseLinkButton.d.ts

@@ -1,17 +1,31 @@
 /// <reference types="react" />
-import { ButtonBackgroundStyles } from "./BaseButton";
-export type LinkButtonVariants = "primary" | "secondary" | "tertiary" | "highlighted";
+import { ButtonBackgroundStyles, ButtonStyles } from "./BaseButton";
+export type LinkButtonStyles = ButtonStyles | "highlighted";
 interface BaseLinkButtonPropsWithElement<ElementProps> {
     element: (props: ElementProps) => JSX.Element;
-    variant?: LinkButtonVariants;
+    buttonStyle?: LinkButtonStyles;
     lightBackground?: ButtonBackgroundStyles;
     transparent?: boolean;
     className?: string;
     withArrow?: boolean;
-    arrowForward?: boolean;
+    arrowBackward?: boolean;
     iconClass?: string;
 }
 type Props<ElementProps> = BaseLinkButtonPropsWithElement<ElementProps> & ElementProps;
 export type BaseLinkButtonProps<ElementProps> = Omit<Props<ElementProps>, "element">;
+/**
+ * We don't know the type of the element being passed (react router link, wouter link, etc),
+ * so we let it through. You should create a wrapper component in your
+ * client app to add correct types back.
+ *
+ * @example
+ * // LinkProps imported from react-router-dom
+ * type LinkBtnProps = BaseLinkButtonProps<LinkProps>;
+ *
+ * const LinkBtn = ((props: LinkBtnProps) => (
+ *  <BaseLinkButton element={Link} {...props} />
+ * ))
+ * const TestApp = () => <LinkBtn to="#">React Router Link</LinkBtn>
+ */
 export declare const BaseLinkButton: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
 export {};

package/dist/components/button/Button-ec434dd2.mjs

@@ -0,0 +1,16 @@
+import { j as r } from "../accordion/Accordion-5e72e67b.mjs";
+import { forwardRef as n } from "react";
+import { B as a } from "./BaseButton-82123b7e.mjs";
+import "./ArrowButton-470c0575.mjs";
+import "./BaseLinkButton-e79602f8.mjs";
+const s = n((t, o) => /* @__PURE__ */ r.jsx(a, { buttonType: "rds-button", buttonStyle: "primary", ref: o, ...t }));
+s.displayName = "PrimaryButton";
+const e = n((t, o) => /* @__PURE__ */ r.jsx(a, { buttonType: "rds-button", buttonStyle: "secondary", ref: o, ...t }));
+e.displayName = "SecondaryButton";
+const y = n((t, o) => /* @__PURE__ */ r.jsx(a, { buttonType: "rds-button", buttonStyle: "tertiary", ref: o, ...t }));
+y.displayName = "TertiaryButton";
+export {
+  s as P,
+  e as S,
+  y as T
+};