@rikstv/shared-components 2.0.13 → 2.0.15

package/dist/components/accordion/{Accordion-4b8edd28.mjs → Accordion-5e72e67b.mjs}

@@ -1,5 +1,5 @@
 import Ce, { useRef as ir, useEffect as ur } from "react";
-import { C as sr } from "../icons/Chevron-ef147695.mjs";
+import { C as sr } from "../icons/Chevron-4e0258de.mjs";
 var k = {}, fr = {
   get exports() {
     return k;
@@ -7,7 +7,7 @@ var k = {}, fr = {
   set exports(m) {
     k = m;
   }
-}, $ = {};
+}, I = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -20,22 +20,22 @@ var k = {}, fr = {
 var Re;
 function lr() {
   if (Re)
-    return $;
+    return I;
   Re = 1;
   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 h(T, l, P) {
-    var v, _ = {}, C = null, W = null;
+  function _(T, l, P) {
+    var v, h = {}, C = null, W = null;
     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) && (_[v] = l[v]);
+      y.call(l, v) && !w.hasOwnProperty(v) && (h[v] = l[v]);
     if (T && T.defaultProps)
       for (v in l = T.defaultProps, l)
-        _[v] === void 0 && (_[v] = l[v]);
-    return { $$typeof: b, type: T, key: C, ref: W, props: _, _owner: R.current };
+        h[v] === void 0 && (h[v] = l[v]);
+    return { $$typeof: b, type: T, key: C, ref: W, props: h, _owner: R.current };
   }
-  return $.Fragment = D, $.jsx = h, $.jsxs = h, $;
+  return I.Fragment = D, I.jsx = _, I.jsxs = _, I;
 }
-var I = {};
+var $ = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -48,7 +48,7 @@ var I = {};
 var Te;
 function cr() {
   return Te || (Te = 1, process.env.NODE_ENV !== "production" && function() {
-    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"), h = 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"), _ = 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;
@@ -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 === 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 === _ || e.$$typeof === h || e.$$typeof === T || e.$$typeof === l || // 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.
@@ -118,12 +118,12 @@ function cr() {
           case T:
             var r = e;
             return Q(r) + ".Consumer";
-          case h:
+          case _:
             var t = e;
             return Q(t._context) + ".Provider";
           case l:
             return Ae(e, e.render, "ForwardRef");
-          case _:
+          case h:
             var n = e.displayName || null;
             return n !== null ? n : g(e.type) || "Memo";
           case C: {
@@ -141,7 +141,7 @@ function cr() {
     function ue() {
     }
     ue.__reactDisabledLog = !0;
-    function $e() {
+    function Ie() {
       {
         if (F === 0) {
           ee = console.log, re = console.info, te = console.warn, ne = console.error, ae = console.group, oe = console.groupCollapsed, ie = console.groupEnd;
@@ -164,7 +164,7 @@ function cr() {
         F++;
       }
     }
-    function Ie() {
+    function $e() {
       {
         if (F--, F === 0) {
           var e = {
@@ -199,27 +199,27 @@ function cr() {
         F < 0 && c("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var U = S.ReactCurrentDispatcher, q;
+    var U = S.ReactCurrentDispatcher, B;
     function Y(e, r, t) {
       {
-        if (q === void 0)
+        if (B === void 0)
           try {
             throw Error();
           } catch (i) {
             var n = i.stack.trim().match(/\n( *(at )?)/);
-            q = n && n[1] || "";
+            B = n && n[1] || "";
           }
         return `
-` + q + e;
+` + B + e;
       }
     }
-    var B = !1, N;
+    var q = !1, N;
     {
       var We = typeof WeakMap == "function" ? WeakMap : Map;
       N = new We();
     }
     function se(e, r) {
-      if (!e || B)
+      if (!e || q)
         return "";
       {
         var t = N.get(e);
@@ -227,11 +227,11 @@ function cr() {
           return t;
       }
       var n;
-      B = !0;
+      q = !0;
       var i = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var u;
-      u = U.current, U.current = null, $e();
+      u = U.current, U.current = null, Ie();
       try {
         if (r) {
           var o = function() {
@@ -284,7 +284,7 @@ function cr() {
             }
         }
       } finally {
-        B = !1, U.current = u, Ie(), Error.prepareStackTrace = i;
+        q = !1, U.current = u, $e(), Error.prepareStackTrace = i;
       }
       var j = e ? e.displayName || e.name : "", be = j ? Y(j) : "";
       return typeof e == "function" && N.set(e, be), be;
@@ -313,7 +313,7 @@ function cr() {
         switch (e.$$typeof) {
           case l:
             return Ye(e.render);
-          case _:
+          case h:
             return L(e.type, r, t);
           case C: {
             var n = e, i = n._payload, u = n._init;
@@ -376,14 +376,14 @@ 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 = S.ReactCurrentOwner, qe = {
+    var A = S.ReactCurrentOwner, Be = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, ve, pe, G;
     G = {};
-    function Be(e) {
+    function qe(e) {
       if (V.call(e, "ref")) {
         var r = Object.getOwnPropertyDescriptor(e, "ref").get;
         if (r && r.isReactWarning)
@@ -459,9 +459,9 @@ function cr() {
     function Xe(e, r, t, n, i) {
       {
         var u, o = {}, a = null, d = null;
-        t !== void 0 && (de(t), a = "" + t), Je(r) && (de(r.key), a = "" + r.key), Be(r) && (d = r.ref, Ge(r, i));
+        t !== void 0 && (de(t), a = "" + t), Je(r) && (de(r.key), a = "" + r.key), qe(r) && (d = r.ref, Ge(r, i));
         for (u in r)
-          V.call(r, u) && !qe.hasOwnProperty(u) && (o[u] = r[u]);
+          V.call(r, u) && !Be.hasOwnProperty(u) && (o[u] = r[u]);
         if (e && e.defaultProps) {
           var s = e.defaultProps;
           for (u in s)
@@ -487,7 +487,7 @@ function cr() {
     function H(e) {
       return typeof e == "object" && e !== null && e.$$typeof === b;
     }
-    function he() {
+    function _e() {
       {
         if (z.current) {
           var e = g(z.current.type);
@@ -510,10 +510,10 @@ Check your code at ` + r + ":" + t + ".";
         return "";
       }
     }
-    var _e = {};
+    var he = {};
     function Qe(e) {
       {
-        var r = he();
+        var r = _e();
         if (!r) {
           var t = typeof e == "string" ? e : e.displayName || e.name;
           t && (r = `
@@ -529,9 +529,9 @@ Check the top-level render call using <` + t + ">.");
           return;
         e._store.validated = !0;
         var t = Qe(r);
-        if (_e[t])
+        if (he[t])
           return;
-        _e[t] = !0;
+        he[t] = !0;
         var n = "";
         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);
       }
@@ -565,7 +565,7 @@ Check the top-level render call using <` + t + ">.");
           t = r.propTypes;
         else if (typeof r == "object" && (r.$$typeof === l || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        r.$$typeof === _))
+        r.$$typeof === h))
           t = r.propTypes;
         else
           return;
@@ -599,7 +599,7 @@ Check the top-level render call using <` + t + ">.");
           var a = "";
           (e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var d = Ze(i);
-          d ? a += d : a += he();
+          d ? a += d : a += _e();
           var s;
           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);
         }
@@ -629,8 +629,8 @@ Check the top-level render call using <` + t + ">.");
       return ye(e, r, t, !1);
     }
     var ar = nr, or = tr;
-    I.Fragment = y, I.jsx = ar, I.jsxs = or;
-  }()), I;
+    $.Fragment = y, $.jsx = ar, $.jsxs = or;
+  }()), $;
 }
 (function(m) {
   process.env.NODE_ENV === "production" ? m.exports = lr() : m.exports = cr();
@@ -643,13 +643,13 @@ const pr = ({
   lightBackground: R = !1,
   ...w
 }) => {
-  const h = ir(null);
+  const _ = ir(null);
   return ur(() => {
-    h.current && (h.current.open = m);
+    _.current && (_.current.open = m);
   }, [m]), /* @__PURE__ */ k.jsxs(
     "details",
     {
-      ref: h,
+      ref: _,
       "data-testid": "rds-accordion",
       className: `rds-accordion-details ${R ? "rds-accordion-details--light" : ""} ${R === "white" ? "rds-accordion-details--white" : ""} ${y}`,
       ...w,

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

@@ -1,6 +1,6 @@
-import { j as r } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as r } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as b } from "react";
-import { S as d } from "../typography/Typography-b748b77a.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-af5de307.mjs → ArrowButton-4fa3c028.mjs}

@@ -1,7 +1,7 @@
-import { j as s } from "../accordion/Accordion-4b8edd28.mjs";
+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-ab90a6bd.mjs";
-import { A as c } from "../icons/Arrow-feb3e25e.mjs";
+import { P as u, S as w, T as d } from "./DecoratedButton-373af81a.mjs";
+import { A as c } from "../icons/Arrow-48abbbdf.mjs";
 const e = () => /* @__PURE__ */ s.jsx(c, {}), m = n(
   ({ forwards: r = !0, className: t = "", ...o }, a) => /* @__PURE__ */ s.jsx(
     u,

package/dist/components/button/{BaseButton-4f6e9dd4.mjs → BaseButton-4350803a.mjs}

@@ -1,4 +1,4 @@
-import { j as s } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as c } from "react";
 const f = c(
   ({

package/dist/components/button/{BaseDecoratedButton-c5799b0f.mjs → BaseDecoratedButton-510bde9f.mjs}

@@ -1,6 +1,6 @@
-import { j as s } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as c } from "react";
-import { B as m } from "./BaseButton-4f6e9dd4.mjs";
+import { B as m } from "./BaseButton-4350803a.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: [
     a && /* @__PURE__ */ s.jsx("span", { "data-testid": "rds-button__icon", className: `rds-button__icon ${e}`, children: /* @__PURE__ */ s.jsx(a, {}) }),

package/dist/components/button/{BaseLinkButton-348be18c.mjs → BaseLinkButton-d325fecb.mjs}

@@ -1,7 +1,7 @@
-import { j as s } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as b } from "react";
-import "./ArrowButton-af5de307.mjs";
-import { A as c } from "../icons/Arrow-feb3e25e.mjs";
+import "./ArrowButton-4fa3c028.mjs";
+import { A as c } from "../icons/Arrow-48abbbdf.mjs";
 const p = () => /* @__PURE__ */ s.jsx(c, {}), x = b(
   ({
     element: a,

package/dist/components/button/{Button-4e09c58d.mjs → Button-3754ac0a.mjs}

@@ -1,9 +1,9 @@
-import { j as r } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as r } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as n } from "react";
-import { B as a } from "./BaseButton-4f6e9dd4.mjs";
-import "./ArrowButton-af5de307.mjs";
-import "./LinkButton-85fc759b.mjs";
-import "./BaseLinkButton-348be18c.mjs";
+import { B as a } from "./BaseButton-4350803a.mjs";
+import "./ArrowButton-4fa3c028.mjs";
+import "./LinkButton-3a3f73b6.mjs";
+import "./BaseLinkButton-d325fecb.mjs";
 const s = n((t, o) => /* @__PURE__ */ r.jsx(a, { buttonStyle: "rds-button", buttonType: "primary", ref: o, ...t }));
 s.displayName = "PrimaryButton";
 const e = n((t, o) => /* @__PURE__ */ r.jsx(a, { buttonStyle: "rds-button", buttonType: "secondary", ref: o, ...t }));

package/dist/components/button/{DecoratedButton-ab90a6bd.mjs → DecoratedButton-373af81a.mjs}

@@ -1,7 +1,7 @@
-import { j as r } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as r } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as e } from "react";
-import { B as a } from "./BaseDecoratedButton-c5799b0f.mjs";
-import "./ArrowButton-af5de307.mjs";
+import { B as a } from "./BaseDecoratedButton-510bde9f.mjs";
+import "./ArrowButton-4fa3c028.mjs";
 const s = e(
   (t, o) => /* @__PURE__ */ r.jsx(a, { buttonType: "primary", ref: o, ...t })
 );

package/dist/components/button/{IconButton-dd3478ff.mjs → IconButton-be3ae8eb.mjs}

@@ -1,7 +1,7 @@
-import { j as n } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as n } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as r } from "react";
-import { P as a, S as s, T as e } from "./DecoratedButton-ab90a6bd.mjs";
-import "./ArrowButton-af5de307.mjs";
+import { P as a, S as s, T as e } from "./DecoratedButton-373af81a.mjs";
+import "./ArrowButton-4fa3c028.mjs";
 const c = r((t, o) => /* @__PURE__ */ n.jsx(a, { buttonStyle: "rds-icon-button", ref: o, ...t }));
 c.displayName = "PrimaryIconButton";
 const i = r((t, o) => /* @__PURE__ */ n.jsx(s, { buttonStyle: "rds-icon-button", ref: o, ...t }));

package/dist/components/button/{LinkButton-85fc759b.mjs → LinkButton-3a3f73b6.mjs}

@@ -1,6 +1,6 @@
-import { j as r } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as r } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as m } from "react";
-import { B as n } from "./BaseLinkButton-348be18c.mjs";
+import { B as n } from "./BaseLinkButton-d325fecb.mjs";
 const s = m((t, o) => /* @__PURE__ */ r.jsx(n, { element: "a", ...t, ref: o }));
 s.displayName = "LinkButton";
 export {

package/dist/components/checkbox/{BaseCheckbox-6fed1663.mjs → BaseCheckbox-9b7c43b3.mjs}

@@ -1,4 +1,4 @@
-import { j as s } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as s } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as x } from "react";
 const b = (e) => {
   if (e)

package/dist/components/checkbox/{Checkbox-cc58a275.mjs → Checkbox-b534a84c.mjs}

@@ -1,6 +1,6 @@
-import { j as x } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as x } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as b } from "react";
-import { B as p } from "./BaseCheckbox-6fed1663.mjs";
+import { B as p } from "./BaseCheckbox-9b7c43b3.mjs";
 const i = b(
   ({ className: o = "", id: r, lightBackground: s, hasError: e, style: a, children: c, ...m }, t) => /* @__PURE__ */ x.jsx(
     p,

package/dist/components/core/{Core-ba0340f6.mjs → Core-5cdbbcd4.mjs}

@@ -1,4 +1,4 @@
-import { j as i } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as i } from "../accordion/Accordion-5e72e67b.mjs";
 let a = !1, n = !1, u = !1;
 const s = {
   mousedown: c,

package/dist/components/core/{LightMode-b458f91d.mjs → LightMode-481a9782.mjs}

@@ -1,4 +1,4 @@
-import { j as i } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as i } from "../accordion/Accordion-5e72e67b.mjs";
 import { forwardRef as a } from "react";
 const e = a(
   ({ children: o, className: s = "", ...r }, t) => /* @__PURE__ */ i.jsx("div", { ref: t, className: `rds-light ${s}`, ...r, children: o })

package/dist/components/core/{RiksTV-698a6154.mjs → RiksTV-2cc96840.mjs}

@@ -1,5 +1,5 @@
-import { j as o } from "../accordion/Accordion-4b8edd28.mjs";
-import { C as s } from "./Core-ba0340f6.mjs";
+import { j as o } from "../accordion/Accordion-5e72e67b.mjs";
+import { C as s } from "./Core-5cdbbcd4.mjs";
 const m = ({ children: r }) => /* @__PURE__ */ o.jsx(s, { brand: "rtv", children: r });
 export {
   m as R

package/dist/components/core/{Strim-51ea8e08.mjs → Strim-d7ebdcac.mjs}

@@ -1,5 +1,5 @@
-import { j as o } from "../accordion/Accordion-4b8edd28.mjs";
-import { C as s } from "./Core-ba0340f6.mjs";
+import { j as o } from "../accordion/Accordion-5e72e67b.mjs";
+import { C as s } from "./Core-5cdbbcd4.mjs";
 const i = ({ children: r }) => /* @__PURE__ */ o.jsx(s, { brand: "strm", children: r });
 export {
   i as S

package/dist/components/dropdown/Dropdown-499736ab.mjs

@@ -0,0 +1,35 @@
+import { j as e } from "../accordion/Accordion-5e72e67b.mjs";
+import { forwardRef as j } from "react";
+const u = j(
+  ({ label: d, id: n, options: r, onChange: i, className: o = "", defaultValue: t, rightIcon: m, leftIcon: a }, h) => {
+    var c;
+    const p = `dropdown-styling ${a ? "menu-with-left-icon" : ""} ${o}`;
+    return /* @__PURE__ */ e.jsxs("span", { className: p, children: [
+      /* @__PURE__ */ e.jsx("label", { htmlFor: n, children: d }),
+      /* @__PURE__ */ e.jsxs("div", { className: "select-wrapper", children: [
+        /* @__PURE__ */ e.jsx(
+          "select",
+          {
+            defaultValue: t,
+            value: (c = r.find((s) => s.selected)) == null ? void 0 : c.value,
+            id: n,
+            ref: h,
+            onChange: ({ target: s }) => {
+              const l = r.find((x) => x.value === s.value) ?? r[0];
+              i(l);
+            },
+            children: r.map((s, l) => /* @__PURE__ */ e.jsx("option", { value: s.value, children: s.title }, `dropdown-${d}-${s.title}-${l}`))
+          }
+        ),
+        /* @__PURE__ */ e.jsxs("div", { children: [
+          /* @__PURE__ */ e.jsx("div", { className: "left-icon", children: a }),
+          /* @__PURE__ */ e.jsx("div", { className: "right-icon", children: m })
+        ] })
+      ] })
+    ] });
+  }
+);
+u.displayName = "Dropdown";
+export {
+  u as D
+};

package/dist/components/dropdown/Dropdown.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+interface BaseDropdownOption {
+    title: string;
+    value: string;
+    selected?: boolean;
+}
+interface DropdownProps<T extends BaseDropdownOption> {
+    label: string | JSX.Element;
+    id: string;
+    options: T[];
+    onChange: (option: T) => void;
+    className?: string;
+    defaultValue?: string;
+    isFilter?: boolean;
+    rightIcon?: JSX.Element;
+    leftIcon?: JSX.Element;
+}
+export declare const Dropdown: import("react").ForwardRefExoticComponent<DropdownProps<BaseDropdownOption> & import("react").RefAttributes<HTMLSelectElement>>;
+export {};

package/dist/components/dropdown/dropdown.scss

@@ -0,0 +1,59 @@
+@use "../core/mixin/focus.scss";
+.dropdown-styling {
+  display: flex;
+  flex-direction: column;
+
+  .select-wrapper {
+    position: relative;
+    max-width: fit-content;
+  }
+
+  select {
+    appearance: none;
+    box-sizing: border-box;
+    font-family: var(--rds-font-family-m-headlines);
+    background-color: var(--rds-button-tertiary-bg);
+    color: var(--common-button--primary-color) !important;
+    border-radius: var(--rds-roundness--button);
+    border-style: none;
+    height: 45px;
+    font-size: 1.125rem;
+    --fluid-block: max(0.65625rem, min(2vw, 0.78125rem));
+    --fluid-inline: max(1rem, min(2vw, 1.5rem));
+    padding-left: var(--fluid-inline);
+    padding-right: 35px;
+    /* hide scrollbars */
+    /*  - in Firefox */
+    overflow: -moz-scrollbars-none;
+    scrollbar-width: none;
+    cursor: pointer;
+
+    &::-webkit-scrollbar {
+      display: none;
+    }
+    @include focus.with-keyboard-focus();
+  }
+
+  &.menu-with-left-icon select {
+    padding-left: 46px;
+    padding-right: 42px;
+  }
+
+  label {
+    margin-bottom: var(--rds-spacing--16);
+  }
+
+  .right-icon {
+    position: absolute;
+    right: 9%;
+    top: calc(50% - 12px);
+    pointer-events: none;
+  }
+
+  .left-icon {
+    position: absolute;
+    left: 8%;
+    top: calc(50% - 12px);
+    pointer-events: none;
+  }
+}

package/dist/components/dropdown/dropdown.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/icons/{Arrow-feb3e25e.mjs → Arrow-48abbbdf.mjs}

@@ -1,4 +1,4 @@
-import { j as l } from "../accordion/Accordion-4b8edd28.mjs";
+import { j as l } from "../accordion/Accordion-5e72e67b.mjs";
 const o = () => /* @__PURE__ */ l.jsx("svg", { "aria-label": "Pil", viewBox: "0 0 32 32", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ l.jsx(
   "path",
   {

package/dist/components/icons/Chevron-4e0258de.mjs

@@ -0,0 +1,24 @@
+import { j as e } from "../accordion/Accordion-5e72e67b.mjs";
+const i = () => /* @__PURE__ */ e.jsx(
+  "svg",
+  {
+    "aria-label": "Vertikal pil",
+    width: "24",
+    height: "25",
+    viewBox: "0 0 24 25",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ e.jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M5.00962 7.91897C4.64323 7.53475 4.0374 7.52589 3.66026 7.89988C3.2872 8.26982 3.27911 8.87487 3.64154 9.25495L10.9543 16.9237C11.0883 17.0644 11.2493 17.1779 11.429 17.256C11.6089 17.3342 11.8031 17.375 12 17.375C12.1969 17.375 12.3911 17.3342 12.571 17.256C12.7508 17.1778 12.9121 17.0639 13.046 16.9234L20.3585 9.25495C20.7209 8.87486 20.7128 8.26982 20.3397 7.89988C19.9626 7.52589 19.3568 7.53475 18.9904 7.91897L12 15.2496L5.00962 7.91897Z",
+        fill: "white"
+      }
+    )
+  }
+);
+export {
+  i as C
+};

package/dist/components/icons/HeartToggle-a5a93ca7.mjs

@@ -0,0 +1,2 @@
+import "react";
+import "../accordion/Accordion-5e72e67b.mjs";

package/dist/components/icons/Icons-32b173f0.mjs

@@ -0,0 +1,7 @@
+import * as e from "react";
+import "../accordion/Accordion-5e72e67b.mjs";
+import "./HeartToggle-a5a93ca7.mjs";
+const l = (r) => /* @__PURE__ */ e.createElement("svg", { viewBox: "7 8 18 16", xmlns: "http://www.w3.org/2000/svg", "aria-label": "Avmerking", ...r }, /* @__PURE__ */ e.createElement("path", { fill: "currentColor", d: "M13.461 23.777c-.23 0-.45-.09-.61-.26l-5.61-5.79a.842.842 0 0 1 .02-1.2c.34-.33.88-.32 1.2.02l4.91 5.07 9.8-13.27c.28-.38.81-.46 1.19-.18.38.28.46.81.18 1.19l-10.39 14.07c-.15.2-.38.33-.63.34h-.06v.01Z" }));
+export {
+  l as S
+};

package/dist/components/icons/Icons.d.ts

@@ -1,8 +1,9 @@
-import { ReactComponent as Play } from "./Play.svg";
-import { ReactComponent as Pause } from "./Pause.svg";
+import { Arrow } from "./Arrow";
+import { Chevron } from "./Chevron";
+import { HeartToggle } from "./HeartToggle";
+import { ReactComponent as Checkmark } from "./Checkmark.svg";
 import { ReactComponent as Heart } from "./HeartFilled.svg";
 import { ReactComponent as HeartUnfilled } from "./HeartUnfilled.svg";
-import { HeartToggle } from "./HeartToggle";
-import { Chevron } from "./Chevron";
-import { Arrow } from "./Arrow";
-export { Arrow, Play, Pause, Chevron, HeartToggle, Heart, HeartUnfilled };
+import { ReactComponent as Pause } from "./Pause.svg";
+import { ReactComponent as Play } from "./Play.svg";
+export { Arrow, Checkmark, Chevron, Heart, HeartToggle, HeartUnfilled, Pause, Play };

package/dist/components/index.d.ts

@@ -10,6 +10,7 @@ export { Breadcrumb, BreadcrumbCurrent } from "./breadcrumb/Breadcrumb";
 export { Progress } from "./progress/Progress";
 export { Loader } from "./loader/Loader";
 export { CircularProgress } from "./progress/CircularProgress";
+export { Dropdown } from "./dropdown/Dropdown";
 export { PrimaryButton, SecondaryButton, TertiaryButton, LinkButton, BaseLinkButton } from "./button/Button";
 export { PrimaryArrowButton, SecondaryArrowButton, TertiaryArrowButton } from "./button/ArrowButton";
 export { PrimaryIconButton, SecondaryIconButton, TertiaryIconButton } from "./button/IconButton";