@rikstv/shared-components 0.6.5 → 0.6.6

package/dist/accordion/Accordion.css

@@ -0,0 +1 @@
+.rds-link{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;color:var(--rds-foreground-primary);transition:75ms ease color}.rds-link:visited{color:var(--rds-foreground-primary)}.rds-link:hover{text-decoration-thickness:2px;color:var(--rds-heading-accent)}.rds-link:active{text-decoration:none;text-shadow:0px 0px 1px var(--rds-foreground-primary)}.rds-link--active,.rds-link[aria-current=page]{text-shadow:0px 0px 1px var(--rds-foreground-primary)}.rds-link:focus::-moz-focus-inner{border-style:none;outline:0}.rds-link:focus button::-moz-focus-inner,.rds-link:focus [type=button]::-moz-focus-inner,.rds-link:focus [type=reset]::-moz-focus-inner,.rds-link:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-link:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-link:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-display-title{font-family:var(--rds-font-family-lg-headlines);font-size:clamp(2.5rem,calc(1.4285714286rem + 2.9761904762vw),5rem);font-weight:normal;line-height:1.2;color:var(--rds-foreground-primary)}.rds-title-1{font-family:var(--rds-font-family-lg-headlines);font-size:clamp(1.875rem,calc(1.1785714286rem + 1.9345238095vw),3.5rem);font-weight:normal;line-height:1.2;color:var(--rds-foreground-primary)}.rds-title-2{font-family:var(--rds-font-family-lg-headlines);font-size:clamp(1.5rem,calc(1.0714285714rem + 1.1904761905vw),2.5rem);font-weight:normal;line-height:1.2;color:var(--rds-foreground-primary)}.rds-title-3{font-family:var(--rds-font-family-m-headlines);font-size:clamp(1.25rem,calc(1.1964285714rem + .1488095238vw),1.375rem);font-weight:normal;line-height:1.2;color:var(--rds-heading-accent)}.rds-title-4{font-family:var(--rds-font-family-m-headlines);font-size:clamp(1rem,calc(.9464285714rem + .1488095238vw),1.125rem);font-weight:normal;line-height:1.2;color:var(--rds-foreground-primary)}.rds-body{font-family:var(--rds-font-family-body);font-size:clamp(1rem,calc(.9464285714rem + .1488095238vw),1.125rem);font-weight:normal;line-height:1.5;color:var(--rds-foreground-primary)}.rds-sub-body{font-family:var(--rds-font-family-body);font-size:clamp(.875rem,calc(.8214285714rem + .1488095238vw),1rem);font-weight:normal;line-height:1.5;color:var(--rds-foreground-primary)}.rds-tag{font-family:var(--rds-font-family-headlines);text-transform:uppercase;font-size:clamp(.75rem,calc(.6964285714rem + .1488095238vw),.875rem);line-height:1.2;font-weight:normal;letter-spacing:.09375rem;color:var(--rds-foreground-primary)}.rds-bold,.rds-accordion-details__summary{font-family:var(--rds-font-family-headlines);font-size:clamp(1.125rem,calc(1.125rem + 0vw),1.125rem);font-weight:normal;line-height:1.5;color:var(--rds-foreground-primary)}.rds-meta{font-family:var(--rds-font-family-body);font-size:clamp(.75rem,calc(.6964285714rem + .1488095238vw),.875rem);font-weight:normal;line-height:1.5;color:var(--rds-foreground-overlay-heavy)}.rds-link--light,.rds-light .rds-link{color:var(--rds-background-primary)}.rds-link--light:hover,.rds-light .rds-link:hover{color:var(--rds-foreground-tertiary)}.rds-link--light:active,.rds-light .rds-link:active{text-shadow:0px 0px 1px var(--rds-background-primary)}.rds-light .rds-display-title{color:var(--rds-foreground-tertiary)}.rds-display-title--light{color:var(--rds-foreground-tertiary)}.rds-light .rds-title-1{color:var(--rds-button-primary-fg)}.rds-title-1--light{color:var(--rds-button-primary-fg)}.rds-light .rds-title-2{color:var(--rds-button-primary-fg)}.rds-title-2--light{color:var(--rds-button-primary-fg)}.rds-light .rds-title-3{color:var(--rds-button-primary-fg)}.rds-title-3--light{color:var(--rds-button-primary-fg)}.rds-light .rds-title-4{color:var(--rds-button-primary-fg)}.rds-title-4--light{color:var(--rds-button-primary-fg)}.rds-light .rds-body{color:var(--rds-background-primary)}.rds-body--light{color:var(--rds-background-primary)}.rds-light .rds-sub-body{color:var(--rds-button-primary-fg)}.rds-sub-body--light{color:var(--rds-button-primary-fg)}.rds-light .rds-tag{color:var(--rds-background-primary)}.rds-tag--light{color:var(--rds-background-primary)}.rds-light .rds-bold,.rds-light .rds-accordion-details__summary{color:var(--rds-background-primary)}.rds-bold--light{color:var(--rds-background-primary)}.rds-light .rds-meta{color:var(--rds-button-primary-fg)}.rds-meta--light{color:var(--rds-button-primary-fg)}@keyframes details-sweep{0%{opacity:0}to{opacity:1}}.rds-accordion-details{border-radius:var(--rds-roundness--default);transition:125ms ease-in-out box-shadow}.rds-accordion-details:hover{box-shadow:0 8px 18px #0000004d}.rds-accordion-details[open]{--chevron-direction: 180deg;background-color:var(--rds-foreground-solid-soft);overflow:hidden}.rds-accordion-details[open] summary~*{animation:details-sweep .5s ease-in-out forwards}.rds-accordion-details[open] summary~*>*{--toggle-sweep-delay: 0;opacity:0;animation:details-sweep .5s ease-in-out forwards;animation-delay:var(--toggle-sweep-delay)}.rds-accordion-details[open]:hover{box-shadow:0 8px 18px #0000004d}.rds-accordion-details:not([open]){--chevron-direction: 0}.rds-accordion-details:not([open]):hover{box-shadow:none}.rds-accordion-details:not([open]):hover .rds-accordion-details__summary{box-shadow:0 8px 18px #0000004d}.rds-accordion-details__summary{transition:125ms ease-in-out box-shadow;border-radius:var(--rds-roundness--default);background-color:var(--rds-foreground-solid-soft);color:var(--rds-foreground-primary)!important;cursor:pointer;list-style:none;user-select:none;height:3rem;display:flex;align-items:center;align-self:center;position:relative;padding:8px 32px 8px 16px}.rds-accordion-details__summary:focus::-moz-focus-inner{border-style:none;outline:0}.rds-accordion-details__summary:focus button::-moz-focus-inner,.rds-accordion-details__summary:focus [type=button]::-moz-focus-inner,.rds-accordion-details__summary:focus [type=reset]::-moz-focus-inner,.rds-accordion-details__summary:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-accordion-details__summary:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-accordion-details__summary:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-accordion-details__summary>svg{height:100%;transform:rotate(var(--chevron-direction));transition:transform 125ms ease-in-out;transform-origin:center;position:absolute;right:18px;top:0}.rds-accordion-details__summary>svg>path{fill:var(--rds-foreground-primary)}.rds-accordion-details__summary__content{box-sizing:border-box;display:flex;align-items:center;height:100%}.rds-accordion-details__summary::marker,.rds-accordion-details__summary::-webkit-details-marker{display:none}.rds-accordion-details__summary~*{padding:0 32px 16px 16px}.rds-accordion-details--left>summary{padding:8px 32px 8px 64px}.rds-accordion-details--left>summary>svg{right:initial;left:18px}.rds-accordion-details--hide-default-text>summary{max-width:100%;height:100%;background-color:transparent;margin-bottom:0}.rds-accordion-details--light[open],.rds-light [open].rds-accordion-details{background-color:var(--rds-surface-foreground)}.rds-accordion-details--light .rds-accordion-details__summary,.rds-light .rds-accordion-details .rds-accordion-details__summary{background-color:var(--rds-surface-foreground)}

package/dist/accordion/Accordion.d.ts

@@ -0,0 +1,10 @@
+import { DetailedHTMLProps, FC, HTMLAttributes, ReactNode } from "react";
+import "./accordion.scss";
+interface Props extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
+    heading: ReactNode;
+    initialOpen?: boolean;
+    alignChevronLeft?: boolean;
+    lightBackground?: boolean;
+}
+export declare const Accordion: FC<Props>;
+export {};

package/dist/accordion/Accordion.js

@@ -0,0 +1,73 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { useRef, useEffect } from "react";
+import { C as Chevron } from "../icons/Chevron.js";
+import { a as jsxs, j as jsx } from "../core/RiksTV.js";
+var accordion = "";
+const Accordion = (_a) => {
+  var _b = _a, {
+    initialOpen = true,
+    children,
+    heading,
+    className = "",
+    alignChevronLeft = false,
+    lightBackground = false
+  } = _b, rest = __objRest(_b, [
+    "initialOpen",
+    "children",
+    "heading",
+    "className",
+    "alignChevronLeft",
+    "lightBackground"
+  ]);
+  const ref = useRef(null);
+  useEffect(() => {
+    if (ref.current) {
+      ref.current.open = initialOpen;
+    }
+  }, [initialOpen]);
+  return /* @__PURE__ */ jsxs("details", __spreadProps(__spreadValues({
+    ref,
+    "data-testid": "rds-accordion",
+    className: `rds-accordion-details ${lightBackground ? "rds-accordion-details--light" : ""}  ${alignChevronLeft ? "rds-accordion-details--left" : ""} ${className}`
+  }, rest), {
+    children: [/* @__PURE__ */ jsxs("summary", {
+      "data-testid": "rds-accordion-summary",
+      className: "rds-accordion-details__summary",
+      children: [/* @__PURE__ */ jsx(Chevron, {}), /* @__PURE__ */ jsx("div", {
+        className: "rds-accordion-details__summary__content",
+        children: heading
+      })]
+    }), children]
+  }));
+};
+export { Accordion as A };

package/dist/accordion/accordion.scss

@@ -0,0 +1,126 @@
+@use "../typography/typography.scss";
+@use "../core/mixin/focus.scss";
+
+@keyframes details-sweep {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+.rds-accordion-details {
+  border-radius: var(--rds-roundness--default);
+  transition: 125ms ease-in-out box-shadow;
+
+  &:hover {
+    box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.3);
+  }
+
+  &[open] {
+    --chevron-direction: 180deg;
+    background-color: var(--rds-foreground-solid-soft);
+    overflow: hidden;
+
+    & summary ~ * {
+      animation: details-sweep 0.5s ease-in-out forwards;
+      & > * {
+        --toggle-sweep-delay: 0;
+        opacity: 0;
+        animation: details-sweep 0.5s ease-in-out forwards;
+        animation-delay: var(--toggle-sweep-delay);
+      }
+    }
+    &:hover {
+      box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.3);
+    }
+  }
+
+  &:not([open]) {
+    --chevron-direction: 0;
+    &:hover {
+      box-shadow: none;
+      .rds-accordion-details__summary {
+        box-shadow: 0px 8px 18px rgba(0, 0, 0, 0.3);
+      }
+    }
+  }
+
+  &__summary {
+    @include focus.with-keyboard-focus();
+    @extend .rds-bold;
+    transition: 125ms ease-in-out box-shadow;
+    border-radius: var(--rds-roundness--default);
+    background-color: var(--rds-foreground-solid-soft);
+    color: var(--rds-foreground-primary) !important;
+    cursor: pointer;
+    list-style: none;
+    user-select: none;
+    height: 3rem;
+    display: flex;
+    align-items: center;
+    align-self: center;
+    position: relative;
+    padding: 8px 32px 8px 16px;
+
+    & > svg {
+      height: 100%;
+      & > path {
+        fill: var(--rds-foreground-primary);
+      }
+      transform: rotate(var(--chevron-direction));
+      transition: transform 125ms ease-in-out;
+      transform-origin: center;
+      position: absolute;
+      right: 18px;
+      top: 0;
+    }
+    &__content {
+      box-sizing: border-box;
+      display: flex;
+      align-items: center;
+      height: 100%;
+    }
+
+    &::marker,
+    &::-webkit-details-marker {
+      display: none;
+    }
+
+    & ~ * {
+      padding: 0px 32px 16px 16px;
+    }
+  }
+
+  &--left > summary {
+    padding: 8px 32px 8px 64px;
+
+    & > svg {
+      right: initial;
+      left: 18px;
+    }
+  }
+
+  &--hide-default-text > summary {
+    max-width: 100%;
+    height: 100%;
+    background-color: transparent;
+    margin-bottom: 0;
+  }
+}
+
+.rds-accordion-details--light {
+  &[open] {
+    background-color: var(--rds-surface-foreground);
+  }
+  .rds-accordion-details__summary {
+    background-color: var(--rds-surface-foreground);
+  }
+}
+
+.rds-light {
+  .rds-accordion-details {
+    @extend .rds-accordion-details--light;
+  }
+}

package/dist/button/BaseButton.js

@@ -1 +1,78 @@
-var t=Object.defineProperty,e=Object.defineProperties,r=Object.getOwnPropertyDescriptors,a=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,s=Object.prototype.propertyIsEnumerable,n=(e,r,a)=>r in e?t(e,r,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[r]=a;import{forwardRef as i}from"react";import{a as l,j as c}from"../core/RiksTV.js";const b=i(((t,i)=>{var b,d=t,{children:p,buttonType:u,buttonStyle:f,type:y="button",isLoading:m=!1,postfix:O,icon:_,iconClass:h="",disabled:j,className:v="","aria-busy":g}=d,x=((t,e)=>{var r={};for(var n in t)o.call(t,n)&&e.indexOf(n)<0&&(r[n]=t[n]);if(null!=t&&a)for(var n of a(t))e.indexOf(n)<0&&s.call(t,n)&&(r[n]=t[n]);return r})(d,["children","buttonType","buttonStyle","type","isLoading","postfix","icon","iconClass","disabled","className","aria-busy"]);return l("button",(b=((t,e)=>{for(var r in e||(e={}))o.call(e,r)&&n(t,r,e[r]);if(a)for(var r of a(e))s.call(e,r)&&n(t,r,e[r]);return t})({type:y},x),e(b,r({ref:i,disabled:m||j,"aria-busy":m||g,className:`${f} rds-button__shared rds-button__shared--${u} rds-button--${u} ${m?"rds-button--loading":""} ${v}`,children:[_&&c("span",{"data-testid":"rds-button__icon",className:`rds-button__icon ${h}`,children:c(_,{})}),p,!!O&&"rds-icon-button"!==f&&c("span",{className:"rds-button__postfix",children:O})]}))))}));b.displayName="BaseButton";export{b as B};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { forwardRef } from "react";
+import { a as jsxs, j as jsx } from "../core/RiksTV.js";
+const BaseButton = forwardRef((_a, ref) => {
+  var _b = _a, {
+    children,
+    buttonType,
+    buttonStyle,
+    type = "button",
+    isLoading = false,
+    postfix,
+    icon: Icon,
+    iconClass = "",
+    disabled,
+    className = "",
+    "aria-busy": ariaBusy
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "buttonType",
+    "buttonStyle",
+    "type",
+    "isLoading",
+    "postfix",
+    "icon",
+    "iconClass",
+    "disabled",
+    "className",
+    "aria-busy"
+  ]);
+  return /* @__PURE__ */ jsxs("button", __spreadProps(__spreadValues({
+    type
+  }, rest), {
+    ref,
+    disabled: isLoading || disabled,
+    "aria-busy": isLoading || ariaBusy,
+    className: `${buttonStyle} rds-button__shared rds-button__shared--${buttonType} rds-button--${buttonType} ${isLoading ? "rds-button--loading" : ""} ${className}`,
+    children: [Icon && /* @__PURE__ */ jsx("span", {
+      "data-testid": "rds-button__icon",
+      className: `rds-button__icon ${iconClass}`,
+      children: /* @__PURE__ */ jsx(Icon, {})
+    }), children, !!postfix && buttonStyle !== "rds-icon-button" && /* @__PURE__ */ jsx("span", {
+      className: "rds-button__postfix",
+      children: postfix
+    })]
+  }));
+});
+BaseButton.displayName = "BaseButton";
+export { BaseButton as B };

package/dist/button/Button.js

@@ -1 +1,40 @@
-var t=Object.defineProperty,r=Object.getOwnPropertySymbols,e=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,a=(r,e,o)=>e in r?t(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,n=(t,n)=>{for(var s in n||(n={}))e.call(n,s)&&a(t,s,n[s]);if(r)for(var s of r(n))o.call(n,s)&&a(t,s,n[s]);return t};import{forwardRef as s}from"react";import{B as y}from"./BaseButton.js";import{j as p}from"../core/RiksTV.js";const b=s(((t,r)=>p(y,n({buttonStyle:"rds-button",buttonType:"primary",ref:r},t))));b.displayName="PrimaryButton";const u=s(((t,r)=>p(y,n({buttonStyle:"rds-button",buttonType:"secondary",ref:r},t))));u.displayName="SecondaryButton";const i=s(((t,r)=>p(y,n({buttonStyle:"rds-button",buttonType:"tertiary",ref:r},t))));i.displayName="TertiaryButton";export{b as P,u as S,i as T};
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { forwardRef } from "react";
+import { B as BaseButton } from "./BaseButton.js";
+import { j as jsx } from "../core/RiksTV.js";
+var button = "";
+var buttonShared = "";
+const PrimaryButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(BaseButton, __spreadValues({
+  buttonStyle: "rds-button",
+  buttonType: "primary",
+  ref
+}, props)));
+PrimaryButton.displayName = "PrimaryButton";
+const SecondaryButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(BaseButton, __spreadValues({
+  buttonStyle: "rds-button",
+  buttonType: "secondary",
+  ref
+}, props)));
+SecondaryButton.displayName = "SecondaryButton";
+const TertiaryButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(BaseButton, __spreadValues({
+  buttonStyle: "rds-button",
+  buttonType: "tertiary",
+  ref
+}, props)));
+TertiaryButton.displayName = "TertiaryButton";
+export { PrimaryButton as P, SecondaryButton as S, TertiaryButton as T };

package/dist/button/IconButton.js

@@ -1 +1,40 @@
-var t=Object.defineProperty,o=Object.getOwnPropertySymbols,r=Object.prototype.hasOwnProperty,e=Object.prototype.propertyIsEnumerable,n=(o,r,e)=>r in o?t(o,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):o[r]=e,a=(t,a)=>{for(var s in a||(a={}))r.call(a,s)&&n(t,s,a[s]);if(o)for(var s of o(a))e.call(a,s)&&n(t,s,a[s]);return t};import{forwardRef as s}from"react";import{B as y}from"./BaseButton.js";import"./Button.js";import{j as i}from"../core/RiksTV.js";const p=s(((t,o)=>i(y,a({buttonStyle:"rds-icon-button",buttonType:"primary",ref:o},t))));p.displayName="PrimaryIconButton";const c=s(((t,o)=>i(y,a({buttonStyle:"rds-icon-button",buttonType:"secondary",ref:o},t))));c.displayName="SecondaryIconButton";const u=s(((t,o)=>i(y,a({buttonStyle:"rds-icon-button",buttonType:"tertiary",ref:o},t))));u.displayName="TertiaryIconButton";export{p as P,c as S,u as T};
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import { forwardRef } from "react";
+import { B as BaseButton } from "./BaseButton.js";
+import "./Button.js";
+import { j as jsx } from "../core/RiksTV.js";
+var iconButton = "";
+const PrimaryIconButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(BaseButton, __spreadValues({
+  buttonStyle: "rds-icon-button",
+  buttonType: "primary",
+  ref
+}, props)));
+PrimaryIconButton.displayName = "PrimaryIconButton";
+const SecondaryIconButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(BaseButton, __spreadValues({
+  buttonStyle: "rds-icon-button",
+  buttonType: "secondary",
+  ref
+}, props)));
+SecondaryIconButton.displayName = "SecondaryIconButton";
+const TertiaryIconButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(BaseButton, __spreadValues({
+  buttonStyle: "rds-icon-button",
+  buttonType: "tertiary",
+  ref
+}, props)));
+TertiaryIconButton.displayName = "TertiaryIconButton";
+export { PrimaryIconButton as P, SecondaryIconButton as S, TertiaryIconButton as T };

package/dist/core/Core.js

@@ -1 +1,76 @@
-import{j as t}from"./RiksTV.js";let e=!1,o=!1,n=!1;const u={mousedown:function(){if(!e&&!n){e=!0,o=!1;const t=document.querySelector("html");null==t||t.setAttribute("data-mousenavigation","true"),null==t||t.removeAttribute("data-touchnavigation"),a(),i("touchstart"),i("keydown")}},keydown:function(t){if("Tab"===t.key){const t=document.querySelector("html");a(),null==t||t.removeAttribute("data-mousenavigation"),null==t||t.removeAttribute("data-touchnavigation"),e=!1,o=!1,i("touchstart"),i("mousedown")}},touchstart:function(){if(!o){e=!1,o=!0;const t=document.querySelector("html");null==t||t.setAttribute("data-touchnavigation","true"),null==t||t.removeAttribute("data-mousenavigation"),a(),i("touchstart"),i("keydown"),i("mousedown")}n=!0,setTimeout((()=>{n=!1}),150)}};function a(){Object.keys(u).forEach((t=>{document.removeEventListener(t,u[t])}))}function i(t){document.addEventListener(t,u[t])}"undefined"!=typeof document&&(i("touchstart"),i("mousedown"));const r=({brand:e,children:o})=>t("div",{"data-testid":"core-entry",className:e,children:o});export{r as C};
+import { j as jsx } from "./RiksTV.js";
+let mousenavigation = false;
+let touchnavigation = false;
+let touchEventFired = false;
+const listeners = {
+  mousedown: handleMouseDown,
+  keydown: handleKeydown,
+  touchstart: handleTouchStart
+};
+function removeAllListeners() {
+  Object.keys(listeners).forEach((listenerType) => {
+    document.removeEventListener(listenerType, listeners[listenerType]);
+  });
+}
+function addListener(listenerType) {
+  document.addEventListener(listenerType, listeners[listenerType]);
+}
+function handleMouseDown() {
+  if (!mousenavigation && !touchEventFired) {
+    mousenavigation = true;
+    touchnavigation = false;
+    const htmlElement = document.querySelector("html");
+    htmlElement == null ? void 0 : htmlElement.setAttribute("data-mousenavigation", "true");
+    htmlElement == null ? void 0 : htmlElement.removeAttribute("data-touchnavigation");
+    removeAllListeners();
+    addListener("touchstart");
+    addListener("keydown");
+  }
+}
+function handleKeydown(event) {
+  if (event.key === "Tab") {
+    const htmlElement = document.querySelector("html");
+    removeAllListeners();
+    htmlElement == null ? void 0 : htmlElement.removeAttribute("data-mousenavigation");
+    htmlElement == null ? void 0 : htmlElement.removeAttribute("data-touchnavigation");
+    mousenavigation = false;
+    touchnavigation = false;
+    addListener("touchstart");
+    addListener("mousedown");
+  }
+}
+function handleTouchStart() {
+  if (!touchnavigation) {
+    mousenavigation = false;
+    touchnavigation = true;
+    const htmlElement = document.querySelector("html");
+    htmlElement == null ? void 0 : htmlElement.setAttribute("data-touchnavigation", "true");
+    htmlElement == null ? void 0 : htmlElement.removeAttribute("data-mousenavigation");
+    removeAllListeners();
+    addListener("touchstart");
+    addListener("keydown");
+    addListener("mousedown");
+  }
+  touchEventFired = true;
+  setTimeout(() => {
+    touchEventFired = false;
+  }, 150);
+}
+function detectUserInputMethod() {
+  if (typeof document !== "undefined") {
+    addListener("touchstart");
+    addListener("mousedown");
+  }
+}
+detectUserInputMethod();
+const Core = ({
+  brand,
+  children
+}) => {
+  return /* @__PURE__ */ jsx("div", {
+    "data-testid": "core-entry",
+    className: brand,
+    children
+  });
+};
+export { Core as C };

package/dist/core/LightMode.js

@@ -1 +1,50 @@
-var r=Object.defineProperty,e=Object.defineProperties,t=Object.getOwnPropertyDescriptors,a=Object.getOwnPropertySymbols,o=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,i=(e,t,a)=>t in e?r(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a;import{forwardRef as n}from"react";import{j as c}from"./RiksTV.js";const s=n(((r,n)=>{var s,f=r,{children:p,className:b=""}=f,d=((r,e)=>{var t={};for(var i in r)o.call(r,i)&&e.indexOf(i)<0&&(t[i]=r[i]);if(null!=r&&a)for(var i of a(r))e.indexOf(i)<0&&l.call(r,i)&&(t[i]=r[i]);return t})(f,["children","className"]);return c("div",(s=((r,e)=>{for(var t in e||(e={}))o.call(e,t)&&i(r,t,e[t]);if(a)for(var t of a(e))l.call(e,t)&&i(r,t,e[t]);return r})({ref:n,className:`rds-light ${b}`},d),e(s,t({children:p}))))}));s.displayName="LightMode";export{s as L};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { forwardRef } from "react";
+import { j as jsx } from "./RiksTV.js";
+const LightMode = forwardRef((_a, ref) => {
+  var _b = _a, {
+    children,
+    className = ""
+  } = _b, props = __objRest(_b, [
+    "children",
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx("div", __spreadProps(__spreadValues({
+    ref,
+    className: `rds-light ${className}`
+  }, props), {
+    children
+  }));
+});
+LightMode.displayName = "LightMode";
+export { LightMode as L };

package/dist/core/RiksTV.css

@@ -1 +1 @@
-:root{--rds-spacing--2: .125rem;--rds-spacing--4: .25rem;--rds-spacing--8: .5rem;--rds-spacing--16: 1rem;--rds-spacing--24: 1.5rem;--rds-spacing--32: 2rem;--rds-spacing--48: 3rem;--rds-spacing--64: 4rem;--rds-spacing--80: 5rem;--rds-spacing--96: 6rem;--rds-box-shadow--default: 0px 8px 16px rgba(0, 0, 0, .5)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.rtv{--rds-button-primary-fg: #fff;--rds-button-secondary-pressed-fg: #666666;--rds-button-secondary-pressed-bg: #fff;--rds-button-tertirary-bg: #3b3b3b;--rds-button-tertiary-hover-bg: #434343;--rds-accent-color: #ee4642;--rds-accent-color-mid: #ed302b;--rds-accent-color-dark: #d41612;--rds-accent-hover: #d41612;--rds-foreground-primary: #fff;--rds-foreground-secondary: #a8a8a8;--rds-foreground-tertiary: #666;--rds-heading-accent: var(--rds-foreground-primary);--rds-background-primary-rgb: 37, 37, 37;--rds-background-primary: rgb(var(--rds-background-primary-rgb));--rds-background-secondary: #434343;--rds-background-tertiary: #0b0b0b;--rds-foreground-overlay-soft: rgba(255, 255, 255, .1);--rds-foreground-overlay-medium: rgba(255, 255, 255, .3);--rds-foreground-overlay-heavy: rgba(255, 255, 255, .7);--rds-background-overlay-soft: rgba(0, 0, 0, .1);--rds-background-overlay-medium: rgba(0, 0, 0, .5);--rds-background-overlay-heavy: rgba(0, 0, 0, .85);--rds-feedback-info: #00aec7;--rds-feedback-warning: #f2a900;--rds-feedback-confirm: #4cbb81;--rds-feedback-error: #e01c17;--rds-roundness--default: 4px;--rds-roundness--button: 34px;--rds-roundness--round: 50%;--rds-font-family-lg-headlines: "AvertaBold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-headlines: "AvertaBold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-m-headlines: "AvertaSemibold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-body: "AvertaRegular", Arial, Helvetica, "system-ui", sans-serif;--rds-font-size--default: 1.125rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
+:root{--rds-spacing--2: .125rem;--rds-spacing--4: .25rem;--rds-spacing--8: .5rem;--rds-spacing--16: 1rem;--rds-spacing--24: 1.5rem;--rds-spacing--32: 2rem;--rds-spacing--48: 3rem;--rds-spacing--64: 4rem;--rds-spacing--80: 5rem;--rds-spacing--96: 6rem;--rds-box-shadow--default: 0px 8px 16px rgba(0, 0, 0, .5)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.rtv{--rds-button-primary-fg: #fff;--rds-button-secondary-pressed-fg: #666666;--rds-button-secondary-pressed-bg: #fff;--rds-button-tertirary-bg: #3b3b3b;--rds-button-tertiary-hover-bg: #434343;--rds-accent-color: #ee4642;--rds-accent-color-mid: #ed302b;--rds-accent-color-dark: #d41612;--rds-accent-hover: #d41612;--rds-foreground-primary: #fff;--rds-foreground-secondary: #a8a8a8;--rds-foreground-tertiary: #666;--rds-heading-accent: var(--rds-foreground-primary);--rds-background-primary-rgb: 37, 37, 37;--rds-background-primary: rgb(var(--rds-background-primary-rgb));--rds-background-secondary: #434343;--rds-background-tertiary: #0b0b0b;--rds-foreground-overlay-soft: rgba(255, 255, 255, .1);--rds-foreground-overlay-medium: rgba(255, 255, 255, .3);--rds-foreground-overlay-heavy: rgba(255, 255, 255, .7);--rds-foreground-solid-soft: #3c3c3c;--rds-surface-foreground: #434343;--rds-background-overlay-soft: rgba(0, 0, 0, .1);--rds-background-overlay-medium: rgba(0, 0, 0, .5);--rds-background-overlay-heavy: rgba(0, 0, 0, .85);--rds-feedback-info: #00aec7;--rds-feedback-warning: #f2a900;--rds-feedback-confirm: #4cbb81;--rds-feedback-error: #e01c17;--rds-roundness--default: 4px;--rds-roundness--button: 34px;--rds-roundness--round: 50%;--rds-font-family-lg-headlines: "AvertaBold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-headlines: "AvertaBold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-m-headlines: "AvertaSemibold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-body: "AvertaRegular", Arial, Helvetica, "system-ui", sans-serif;--rds-font-size--default: 1.125rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

package/dist/core/RiksTV.js

@@ -1,4 +1,75 @@
-import r from"react";import{C as e}from"./Core.js";var t={exports:{}},o={};Object.getOwnPropertySymbols,Object.prototype.hasOwnProperty,Object.prototype.propertyIsEnumerable;!function(){try{if(!Object.assign)return!1;var r=new String("abc");if(r[5]="de","5"===Object.getOwnPropertyNames(r)[0])return!1;for(var e={},t=0;t<10;t++)e["_"+String.fromCharCode(t)]=t;if("0123456789"!==Object.getOwnPropertyNames(e).map((function(r){return e[r]})).join(""))return!1;var o={};return"abcdefghijklmnopqrst".split("").forEach((function(r){o[r]=r})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},o)).join("")}catch(n){return!1}}()||Object.assign;
+import require$$0 from "react";
+import { C as Core } from "./Core.js";
+var jsxRuntime = { exports: {} };
+var reactJsxRuntime_production_min = {};
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+var getOwnPropertySymbols = Object.getOwnPropertySymbols;
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+var propIsEnumerable = Object.prototype.propertyIsEnumerable;
+function toObject(val) {
+  if (val === null || val === void 0) {
+    throw new TypeError("Object.assign cannot be called with null or undefined");
+  }
+  return Object(val);
+}
+function shouldUseNative() {
+  try {
+    if (!Object.assign) {
+      return false;
+    }
+    var test1 = new String("abc");
+    test1[5] = "de";
+    if (Object.getOwnPropertyNames(test1)[0] === "5") {
+      return false;
+    }
+    var test2 = {};
+    for (var i = 0; i < 10; i++) {
+      test2["_" + String.fromCharCode(i)] = i;
+    }
+    var order2 = Object.getOwnPropertyNames(test2).map(function(n2) {
+      return test2[n2];
+    });
+    if (order2.join("") !== "0123456789") {
+      return false;
+    }
+    var test3 = {};
+    "abcdefghijklmnopqrst".split("").forEach(function(letter) {
+      test3[letter] = letter;
+    });
+    if (Object.keys(Object.assign({}, test3)).join("") !== "abcdefghijklmnopqrst") {
+      return false;
+    }
+    return true;
+  } catch (err) {
+    return false;
+  }
+}
+shouldUseNative() ? Object.assign : function(target, source) {
+  var from;
+  var to = toObject(target);
+  var symbols;
+  for (var s = 1; s < arguments.length; s++) {
+    from = Object(arguments[s]);
+    for (var key in from) {
+      if (hasOwnProperty.call(from, key)) {
+        to[key] = from[key];
+      }
+    }
+    if (getOwnPropertySymbols) {
+      symbols = getOwnPropertySymbols(from);
+      for (var i = 0; i < symbols.length; i++) {
+        if (propIsEnumerable.call(from, symbols[i])) {
+          to[symbols[i]] = from[symbols[i]];
+        }
+      }
+    }
+  }
+  return to;
+};
 /** @license React v17.0.2
  * react-jsx-runtime.production.min.js
  *
@@ -7,4 +78,38 @@ import r from"react";import{C as e}from"./Core.js";var t={exports:{}},o={};Objec
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var n=r,a=60103;if(o.Fragment=60107,"function"==typeof Symbol&&Symbol.for){var s=Symbol.for;a=s("react.element"),o.Fragment=s("react.fragment")}var c=n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p=Object.prototype.hasOwnProperty,f={key:!0,ref:!0,__self:!0,__source:!0};function i(r,e,t){var o,n={},s=null,i=null;for(o in void 0!==t&&(s=""+t),void 0!==e.key&&(s=""+e.key),void 0!==e.ref&&(i=e.ref),e)p.call(e,o)&&!f.hasOwnProperty(o)&&(n[o]=e[o]);if(r&&r.defaultProps)for(o in e=r.defaultProps)void 0===n[o]&&(n[o]=e[o]);return{$$typeof:a,type:r,key:s,ref:i,props:n,_owner:c.current}}o.jsx=i,o.jsxs=i,t.exports=o;const y=t.exports.jsx,O=t.exports.jsxs;const j=({children:r})=>y(e,{brand:"rtv",children:r});export{j as R,O as a,y as j};
+var f = require$$0, g = 60103;
+reactJsxRuntime_production_min.Fragment = 60107;
+if (typeof Symbol === "function" && Symbol.for) {
+  var h = Symbol.for;
+  g = h("react.element");
+  reactJsxRuntime_production_min.Fragment = h("react.fragment");
+}
+var m = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, n = Object.prototype.hasOwnProperty, p = { key: true, ref: true, __self: true, __source: true };
+function q(c, a, k) {
+  var b, d = {}, e = null, l = null;
+  k !== void 0 && (e = "" + k);
+  a.key !== void 0 && (e = "" + a.key);
+  a.ref !== void 0 && (l = a.ref);
+  for (b in a)
+    n.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
+  if (c && c.defaultProps)
+    for (b in a = c.defaultProps, a)
+      d[b] === void 0 && (d[b] = a[b]);
+  return { $$typeof: g, type: c, key: e, ref: l, props: d, _owner: m.current };
+}
+reactJsxRuntime_production_min.jsx = q;
+reactJsxRuntime_production_min.jsxs = q;
+{
+  jsxRuntime.exports = reactJsxRuntime_production_min;
+}
+const jsx = jsxRuntime.exports.jsx;
+const jsxs = jsxRuntime.exports.jsxs;
+var rtv = "";
+const RiksTVProvider = ({
+  children
+}) => /* @__PURE__ */ jsx(Core, {
+  brand: "rtv",
+  children
+});
+export { RiksTVProvider as R, jsxs as a, jsx as j };

package/dist/core/Strim.css

@@ -1 +1 @@
-:root{--rds-spacing--2: .125rem;--rds-spacing--4: .25rem;--rds-spacing--8: .5rem;--rds-spacing--16: 1rem;--rds-spacing--24: 1.5rem;--rds-spacing--32: 2rem;--rds-spacing--48: 3rem;--rds-spacing--64: 4rem;--rds-spacing--80: 5rem;--rds-spacing--96: 6rem;--rds-box-shadow--default: 0px 8px 16px rgba(0, 0, 0, .5)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.strm{--stand-up-green: #49f5a4;--surface-background: #edfef6;--rds-button-primary-fg: #004b50;--rds-button-secondary-pressed-fg: #ffffff;--rds-button-secondary-pressed-bg: #001d1d;--rds-button-tertirary-bg: #193f3f;--rds-button-tertiary-hover-bg: #004b50;--rds-accent-color: #faed6f;--rds-accent-color-mid: #f7e426;--rds-accent-color-dark: #f7e426;--rds-accent-hover: #fcf4a9;--rds-foreground-primary: #ffffff;--rds-foreground-secondary: #b2bfbf;--rds-foreground-tertiary: #356e63;--rds-heading-accent: var(--stand-up-green);--rds-background-primary-rgb: 0, 42, 42;--rds-background-primary: rgb(var(--rds-background-primary-rgb));--rds-background-secondary: #001d1d;--rds-background-tertiary: #001515;--rds-foreground-overlay-soft: rgba(255, 255, 255, .1);--rds-foreground-overlay-medium: rgba(255, 255, 255, .3);--rds-foreground-overlay-heavy: rgba(255, 255, 255, .7);--rds-background-overlay-soft: rgba(0, 0, 0, .1);--rds-background-overlay-medium: rgba(0, 0, 0, .5);--rds-background-overlay-heavy: rgba(0, 0, 0, .85);--rds-feedback-info: #00aec7;--rds-feedback-warning: #f2a900;--rds-feedback-confirm: #4cbb81;--rds-feedback-error: #e01c17;--rds-roundness--default: 12px;--rds-roundness--button: 12px;--rds-roundness--round: 50%;--rds-font-family-lg-headlines: "HALMatex", "system-ui", sans-serif;--rds-font-family-headlines: "AvertaBold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-m-headlines: "AvertaSemibold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-body: "AvertaRegular", Arial, Helvetica, "system-ui", sans-serif;--rds-font-size--default: 1.125rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
+:root{--rds-spacing--2: .125rem;--rds-spacing--4: .25rem;--rds-spacing--8: .5rem;--rds-spacing--16: 1rem;--rds-spacing--24: 1.5rem;--rds-spacing--32: 2rem;--rds-spacing--48: 3rem;--rds-spacing--64: 4rem;--rds-spacing--80: 5rem;--rds-spacing--96: 6rem;--rds-box-shadow--default: 0px 8px 16px rgba(0, 0, 0, .5)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.strm{--stand-up-green: #49f5a4;--surface-background: #edfef6;--rds-accent-color: #faed6f;--rds-accent-color-mid: #f7e426;--rds-accent-color-dark: #f7e426;--rds-accent-hover: #fcf4a9;--rds-foreground-primary: #ffffff;--rds-foreground-secondary: #b2bfbf;--rds-foreground-tertiary: #356e63;--rds-heading-accent: var(--stand-up-green);--rds-background-primary-rgb: 0, 42, 42;--rds-background-primary: rgb(var(--rds-background-primary-rgb));--rds-background-secondary: #001d1d;--rds-background-tertiary: #001515;--rds-foreground-overlay-soft: rgba(255, 255, 255, .1);--rds-foreground-overlay-medium: rgba(255, 255, 255, .3);--rds-foreground-overlay-heavy: rgba(255, 255, 255, .7);--rds-foreground-solid-soft: #1a4040;--rds-surface-foreground: #004b50;--rds-background-overlay-soft: rgba(0, 0, 0, .1);--rds-background-overlay-medium: rgba(0, 0, 0, .5);--rds-background-overlay-heavy: rgba(0, 0, 0, .85);--rds-feedback-info: #00aec7;--rds-feedback-warning: #f2a900;--rds-feedback-confirm: #4cbb81;--rds-feedback-error: #e01c17;--rds-button-primary-fg: var(--rds-surface-foreground);--rds-button-secondary-pressed-fg: #ffffff;--rds-button-secondary-pressed-bg: #001d1d;--rds-button-tertirary-bg: #193f3f;--rds-button-tertiary-hover-bg: var(--rds-surface-foreground);--rds-roundness--default: 12px;--rds-roundness--button: 12px;--rds-roundness--round: 50%;--rds-font-family-lg-headlines: "HALMatex", "system-ui", sans-serif;--rds-font-family-headlines: "AvertaBold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-m-headlines: "AvertaSemibold", Arial, Helvetica, "system-ui", sans-serif;--rds-font-family-body: "AvertaRegular", Arial, Helvetica, "system-ui", sans-serif;--rds-font-size--default: 1.125rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}

package/dist/core/Strim.js

@@ -1 +1,10 @@
-import{C as r}from"./Core.js";import{j as s}from"./RiksTV.js";const o=({children:o})=>s(r,{brand:"strm",children:o});export{o as S};
+import { C as Core } from "./Core.js";
+import { j as jsx } from "./RiksTV.js";
+var strm = "";
+const StrimProvider = ({
+  children
+}) => /* @__PURE__ */ jsx(Core, {
+  brand: "strm",
+  children
+});
+export { StrimProvider as S };

package/dist/core/rtv.scss

@@ -1,4 +1,4 @@
-@use './core';
+@use "./core";
 
 .rtv {
   --rds-button-primary-fg: #fff;
@@ -25,6 +25,10 @@
   --rds-foreground-overlay-medium: rgba(255, 255, 255, 0.3);
   --rds-foreground-overlay-heavy: rgba(255, 255, 255, 0.7);
 
+  --rds-foreground-solid-soft: #3c3c3c;
+
+  --rds-surface-foreground: #434343;
+
   --rds-background-overlay-soft: rgba(0, 0, 0, 0.1);
   --rds-background-overlay-medium: rgba(0, 0, 0, 0.5);
   --rds-background-overlay-heavy: rgba(0, 0, 0, 0.85);

package/dist/core/strm.scss

@@ -1,13 +1,9 @@
-@use './core';
+@use "./core";
 
 .strm {
   --stand-up-green: #49f5a4;
   --surface-background: #edfef6;
-  --rds-button-primary-fg: #004b50;
-  --rds-button-secondary-pressed-fg: #ffffff;
-  --rds-button-secondary-pressed-bg: #001d1d;
-  --rds-button-tertirary-bg: #193f3f;
-  --rds-button-tertiary-hover-bg: #004b50;
+
   --rds-accent-color: #faed6f;
   --rds-accent-color-mid: #f7e426;
   --rds-accent-color-dark: #f7e426;
@@ -27,6 +23,10 @@
   --rds-foreground-overlay-medium: rgba(255, 255, 255, 0.3);
   --rds-foreground-overlay-heavy: rgba(255, 255, 255, 0.7);
 
+  --rds-foreground-solid-soft: #1a4040;
+
+  --rds-surface-foreground: #004b50;
+
   --rds-background-overlay-soft: rgba(0, 0, 0, 0.1);
   --rds-background-overlay-medium: rgba(0, 0, 0, 0.5);
   --rds-background-overlay-heavy: rgba(0, 0, 0, 0.85);
@@ -36,6 +36,12 @@
   --rds-feedback-confirm: #4cbb81;
   --rds-feedback-error: #e01c17;
 
+  --rds-button-primary-fg: var(--rds-surface-foreground);
+  --rds-button-secondary-pressed-fg: #ffffff;
+  --rds-button-secondary-pressed-bg: #001d1d;
+  --rds-button-tertirary-bg: #193f3f;
+  --rds-button-tertiary-hover-bg: var(--rds-surface-foreground);
+
   --rds-roundness--default: 12px;
   --rds-roundness--button: 12px;
   --rds-roundness--round: 50%;

package/dist/icons/Chevron.d.ts

@@ -0,0 +1,2 @@
+import { FC } from "react";
+export declare const Chevron: FC;

package/dist/icons/Chevron.js

@@ -0,0 +1,16 @@
+import { j as jsx } from "../core/RiksTV.js";
+const Chevron = () => /* @__PURE__ */ jsx("svg", {
+  "aria-label": "Pil",
+  width: "24",
+  height: "25",
+  viewBox: "0 0 24 25",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  children: /* @__PURE__ */ 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 { Chevron as C };

package/dist/index.d.ts

@@ -1,6 +1,7 @@
 export { RiksTVProvider } from "./core/RiksTV";
 export { StrimProvider } from "./core/Strim";
 export { LightMode } from "./core/LightMode";
+export { Accordion } from "./accordion/Accordion";
 export { PrimaryButton, SecondaryButton, TertiaryButton } from "./button/Button";
 export { PrimaryIconButton, SecondaryIconButton, TertiaryIconButton } from "./button/IconButton";
 export { ToggleButton } from "./toggleButton/ToggleButton";

package/dist/shared-components.es.js

@@ -1 +1,14 @@
-export{R as RiksTVProvider}from"./core/RiksTV.js";export{S as StrimProvider}from"./core/Strim.js";export{L as LightMode}from"./core/LightMode.js";export{P as PrimaryButton,S as SecondaryButton,T as TertiaryButton}from"./button/Button.js";export{P as PrimaryIconButton,S as SecondaryIconButton,T as TertiaryIconButton}from"./button/IconButton.js";export{T as ToggleButton}from"./toggleButton/ToggleButton.js";export{a as RadioToggleInput}from"./toggle/RadioToggle.js";export{F as FieldSet}from"./toggle/FieldSet.js";export{B as Body,d as Bold,D as DisplayTitle,H as H1,a as H2,b as H3,c as H4,M as Meta,S as SubBody,T as Tag}from"./typography/Typography.js";import"react";import"./core/Core.js";import"./button/BaseButton.js";
+export { R as RiksTVProvider } from "./core/RiksTV.js";
+export { S as StrimProvider } from "./core/Strim.js";
+export { L as LightMode } from "./core/LightMode.js";
+export { A as Accordion } from "./accordion/Accordion.js";
+export { P as PrimaryButton, S as SecondaryButton, T as TertiaryButton } from "./button/Button.js";
+export { P as PrimaryIconButton, S as SecondaryIconButton, T as TertiaryIconButton } from "./button/IconButton.js";
+export { T as ToggleButton } from "./toggleButton/ToggleButton.js";
+export { a as RadioToggleInput } from "./toggle/RadioToggle.js";
+export { F as FieldSet } from "./toggle/FieldSet.js";
+export { B as Body, d as Bold, D as DisplayTitle, H as H1, a as H2, b as H3, c as H4, M as Meta, S as SubBody, T as Tag } from "./typography/Typography.js";
+import "react";
+import "./core/Core.js";
+import "./icons/Chevron.js";
+import "./button/BaseButton.js";

package/dist/toggle/FieldSet.js

@@ -1 +1,66 @@
-var e=Object.defineProperty,r=Object.defineProperties,a=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,s=(r,a,l)=>a in r?e(r,a,{enumerable:!0,configurable:!0,writable:!0,value:l}):r[a]=l,i=(e,r)=>{for(var a in r||(r={}))t.call(r,a)&&s(e,a,r[a]);if(l)for(var a of l(r))o.call(r,a)&&s(e,a,r[a]);return e};import{forwardRef as n}from"react";import{R as d}from"./RadioToggle.js";import{j as c,a as f}from"../core/RiksTV.js";const m=n(((e,s)=>{var n,m,p=e,{legend:b,children:g,name:O,className:v="",showLegend:y=!1}=p,j=((e,r)=>{var a={};for(var s in e)t.call(e,s)&&r.indexOf(s)<0&&(a[s]=e[s]);if(null!=e&&l)for(var s of l(e))r.indexOf(s)<0&&o.call(e,s)&&(a[s]=e[s]);return a})(p,["legend","children","name","className","showLegend"]);return c(d.Provider,{value:{radioName:O},children:f("fieldset",(n=i({"data-testid":"fieldset"},j),m={className:`rds-field-set ${v}`,ref:s,children:[c("legend",{className:"rds-field-set__legend "+(y?"":"sr-only"),children:b}),g]},r(n,a(m))))})}));m.displayName="FieldSet";export{m as F};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { forwardRef } from "react";
+import { R as RadioContext } from "./RadioToggle.js";
+import { j as jsx, a as jsxs } from "../core/RiksTV.js";
+const FieldSet = forwardRef((_a, ref) => {
+  var _b = _a, {
+    legend,
+    children,
+    name,
+    className = "",
+    showLegend = false
+  } = _b, rest = __objRest(_b, [
+    "legend",
+    "children",
+    "name",
+    "className",
+    "showLegend"
+  ]);
+  return /* @__PURE__ */ jsx(RadioContext.Provider, {
+    value: {
+      radioName: name
+    },
+    children: /* @__PURE__ */ jsxs("fieldset", __spreadProps(__spreadValues({
+      "data-testid": "fieldset"
+    }, rest), {
+      className: `rds-field-set ${className}`,
+      ref,
+      children: [/* @__PURE__ */ jsx("legend", {
+        className: `rds-field-set__legend ${showLegend ? "" : "sr-only"}`,
+        children: legend
+      }), children]
+    }))
+  });
+});
+FieldSet.displayName = "FieldSet";
+export { FieldSet as F };

package/dist/toggle/RadioToggle.js

@@ -1 +1,65 @@
-var e=Object.defineProperty,r=Object.defineProperties,a=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,n=(r,a,o)=>a in r?e(r,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[a]=o,s=(e,r)=>{for(var a in r||(r={}))t.call(r,a)&&n(e,a,r[a]);if(o)for(var a of o(r))l.call(r,a)&&n(e,a,r[a]);return e};import{createContext as i,forwardRef as c,useContext as p}from"react";import"../button/Button.js";import{a as m,j as d}from"../core/RiksTV.js";const b=i({radioName:""});const f=c(((e,n)=>{var i=e,{label:c,name:f,className:u=""}=i,g=((e,r)=>{var a={};for(var n in e)t.call(e,n)&&r.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&o)for(var n of o(e))r.indexOf(n)<0&&l.call(e,n)&&(a[n]=e[n]);return a})(i,["label","name","className"]);const{radioName:O}=p(b);return m("label",{className:`rds-radio-toggle ${u}`,children:[d("input",(y=s({className:"rds-radio-toggle__input"},g),j={ref:n,type:"radio",name:O||f},r(y,a(j)))),d("span",{className:"rds-radio-toggle__label",children:c})]});var y,j}));f.displayName="RadioToggleInput";export{b as R,f as a};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { createContext, forwardRef, useContext } from "react";
+import "../button/Button.js";
+import { a as jsxs, j as jsx } from "../core/RiksTV.js";
+const RadioContext = createContext({ radioName: "" });
+var radioToggle = "";
+const RadioToggleInput = forwardRef((_a, ref) => {
+  var _b = _a, {
+    label,
+    name,
+    className = ""
+  } = _b, rest = __objRest(_b, [
+    "label",
+    "name",
+    "className"
+  ]);
+  const {
+    radioName
+  } = useContext(RadioContext);
+  return /* @__PURE__ */ jsxs("label", {
+    className: `rds-radio-toggle ${className}`,
+    children: [/* @__PURE__ */ jsx("input", __spreadProps(__spreadValues({
+      className: "rds-radio-toggle__input"
+    }, rest), {
+      ref,
+      type: "radio",
+      name: radioName || name
+    })), /* @__PURE__ */ jsx("span", {
+      className: "rds-radio-toggle__label",
+      children: label
+    })]
+  });
+});
+RadioToggleInput.displayName = "RadioToggleInput";
+export { RadioContext as R, RadioToggleInput as a };

package/dist/toggleButton/ToggleButton.js

@@ -1 +1,106 @@
-var e=Object.defineProperty,n=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,o=(n,t,l)=>t in n?e(n,t,{enumerable:!0,configurable:!0,writable:!0,value:l}):n[t]=l,a=(e,a)=>{for(var c in a||(a={}))t.call(a,c)&&o(e,c,a[c]);if(n)for(var c of n(a))l.call(a,c)&&o(e,c,a[c]);return e};import{forwardRef as c,useRef as r,useState as s}from"react";import{a as d,j as i}from"../core/RiksTV.js";const u=c(((e,o)=>{var c=e,{defaultChecked:u,showLabel:g=!0,icons:h,iconClass:f="",children:b,onChange:p,id:m,className:v=""}=c,y=((e,o)=>{var a={};for(var c in e)t.call(e,c)&&o.indexOf(c)<0&&(a[c]=e[c]);if(null!=e&&n)for(var c of n(e))o.indexOf(c)<0&&l.call(e,c)&&(a[c]=e[c]);return a})(c,["defaultChecked","showLabel","icons","iconClass","children","onChange","id","className"]);const _=r(null),[k]=s((e=>e||`${(new Date).valueOf()}`)(m)),[N,O]=s(!!u),C=h&&"checkedIcon"in h?h.checkedIcon:null,I=h&&"uncheckedIcon"in h?h.uncheckedIcon:null,j=h&&"toggleIcon"in h?h.toggleIcon:null,w=o||_;return d("div",{className:v,children:[i("input",a({id:k,ref:w,type:"checkbox",className:"rds-toggle-button__input",onChange:e=>{var n;"function"==typeof p&&p(e),O("function"!=typeof w?!!(null==(n=w.current)?void 0:n.checked):!N)},defaultChecked:u},y)),i("label",{"data-testid":"toggle-button__label",className:"rds-toggle-button "+(g?"":"rds-toggle-button--round"),htmlFor:k,children:d("span",{className:"rds-toggle-button__content",children:[h&&d("span",{className:`rds-toggle-button__rounded ${f}`,children:[j&&i(j,{checked:N}),C&&N&&i(C,{}),I&&!N&&i(I,{})]}),i("span",{"data-testid":"toggle-button__label__text",className:g?"":"sr-only",children:b})]})})]})}));u.displayName="ToggleButton";export{u as T};
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { forwardRef, useRef, useState } from "react";
+import { a as jsxs, j as jsx } from "../core/RiksTV.js";
+const generateId = (id) => {
+  if (id) {
+    return id;
+  }
+  return `${new Date().valueOf()}`;
+};
+var toggleButton = "";
+const ToggleButton = forwardRef((_a, ref) => {
+  var _b = _a, {
+    defaultChecked,
+    showLabel = true,
+    icons,
+    iconClass = "",
+    children,
+    onChange,
+    id,
+    className = ""
+  } = _b, rest = __objRest(_b, [
+    "defaultChecked",
+    "showLabel",
+    "icons",
+    "iconClass",
+    "children",
+    "onChange",
+    "id",
+    "className"
+  ]);
+  const internalRef = useRef(null);
+  const [internalId] = useState(generateId(id));
+  const [isChecked, setIsChecked] = useState(!!defaultChecked);
+  const CheckedIcon = icons && "checkedIcon" in icons ? icons.checkedIcon : null;
+  const UncheckedIcon = icons && "uncheckedIcon" in icons ? icons.uncheckedIcon : null;
+  const ToggleIcon = icons && "toggleIcon" in icons ? icons.toggleIcon : null;
+  const inputRef = ref || internalRef;
+  const handleChange = (e) => {
+    var _a2;
+    if (typeof onChange === "function") {
+      onChange(e);
+    }
+    if (typeof inputRef !== "function") {
+      setIsChecked(!!((_a2 = inputRef.current) == null ? void 0 : _a2.checked));
+    } else {
+      setIsChecked(!isChecked);
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", {
+    className,
+    children: [/* @__PURE__ */ jsx("input", __spreadValues({
+      id: internalId,
+      ref: inputRef,
+      type: "checkbox",
+      className: "rds-toggle-button__input",
+      onChange: handleChange,
+      defaultChecked
+    }, rest)), /* @__PURE__ */ jsx("label", {
+      "data-testid": "toggle-button__label",
+      className: `rds-toggle-button ${showLabel ? "" : "rds-toggle-button--round"}`,
+      htmlFor: internalId,
+      children: /* @__PURE__ */ jsxs("span", {
+        className: "rds-toggle-button__content",
+        children: [icons && /* @__PURE__ */ jsxs("span", {
+          className: `rds-toggle-button__rounded ${iconClass}`,
+          children: [ToggleIcon && /* @__PURE__ */ jsx(ToggleIcon, {
+            checked: isChecked
+          }), CheckedIcon && isChecked && /* @__PURE__ */ jsx(CheckedIcon, {}), UncheckedIcon && !isChecked && /* @__PURE__ */ jsx(UncheckedIcon, {})]
+        }), /* @__PURE__ */ jsx("span", {
+          "data-testid": "toggle-button__label__text",
+          className: showLabel ? "" : "sr-only",
+          children
+        })]
+      })
+    })]
+  });
+});
+ToggleButton.displayName = "ToggleButton";
+export { ToggleButton as T };

package/dist/typography/Typography.js

@@ -1 +1,95 @@
-var e=Object.defineProperty,t=Object.defineProperties,o=Object.getOwnPropertyDescriptors,l=Object.getOwnPropertySymbols,a=Object.prototype.hasOwnProperty,r=Object.prototype.propertyIsEnumerable,i=(t,o,l)=>o in t?e(t,o,{enumerable:!0,configurable:!0,writable:!0,value:l}):t[o]=l;import{forwardRef as n}from"react";import{j as s}from"../core/RiksTV.js";const c=e=>n(((n,c)=>{var m=n,{children:k,lookLike:p=e.lookLike,className:b="",lightBackground:d=!1}=m,f=((e,t)=>{var o={};for(var i in e)a.call(e,i)&&t.indexOf(i)<0&&(o[i]=e[i]);if(null!=e&&l)for(var i of l(e))t.indexOf(i)<0&&r.call(e,i)&&(o[i]=e[i]);return o})(m,["children","lookLike","className","lightBackground"]);const L=e.semanticElement;return s(L,(h=((e,t)=>{for(var o in t||(t={}))a.call(t,o)&&i(e,o,t[o]);if(l)for(var o of l(t))r.call(t,o)&&i(e,o,t[o]);return e})({className:`rds-${p} ${d?`rds-${p}--light`:""} ${b}`},f),t(h,o({ref:c,children:k}))));var h})),m=c({semanticElement:"h1",lookLike:"display-title"}),k=c({semanticElement:"h1",lookLike:"title-1"}),p=c({semanticElement:"h2",lookLike:"title-2"}),b=c({semanticElement:"h3",lookLike:"title-3"}),d=c({semanticElement:"h4",lookLike:"title-4"}),f=c({semanticElement:"p",lookLike:"body"}),L=c({semanticElement:"p",lookLike:"sub-body"}),h=c({semanticElement:"span",lookLike:"tag"}),E=c({semanticElement:"strong",lookLike:"bold"}),u=c({semanticElement:"span",lookLike:"meta"});export{f as B,m as D,k as H,u as M,L as S,h as T,p as a,b,d as c,E as d};
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { forwardRef } from "react";
+import { j as jsx } from "../core/RiksTV.js";
+var typography = "";
+const typographyFactory = (factoryProps) => forwardRef((_a, ref) => {
+  var _b = _a, {
+    children,
+    lookLike = factoryProps.lookLike,
+    className = "",
+    lightBackground = false
+  } = _b, props = __objRest(_b, [
+    "children",
+    "lookLike",
+    "className",
+    "lightBackground"
+  ]);
+  const C = factoryProps.semanticElement;
+  return /* @__PURE__ */ jsx(C, __spreadProps(__spreadValues({
+    className: `rds-${lookLike} ${lightBackground ? `rds-${lookLike}--light` : ""} ${className}`
+  }, props), {
+    ref,
+    children
+  }));
+});
+const DisplayTitle = typographyFactory({
+  semanticElement: "h1",
+  lookLike: "display-title"
+});
+const H1 = typographyFactory({
+  semanticElement: "h1",
+  lookLike: "title-1"
+});
+const H2 = typographyFactory({
+  semanticElement: "h2",
+  lookLike: "title-2"
+});
+const H3 = typographyFactory({
+  semanticElement: "h3",
+  lookLike: "title-3"
+});
+const H4 = typographyFactory({
+  semanticElement: "h4",
+  lookLike: "title-4"
+});
+const Body = typographyFactory({
+  semanticElement: "p",
+  lookLike: "body"
+});
+const SubBody = typographyFactory({
+  semanticElement: "p",
+  lookLike: "sub-body"
+});
+const Tag = typographyFactory({
+  semanticElement: "span",
+  lookLike: "tag"
+});
+const Bold = typographyFactory({
+  semanticElement: "strong",
+  lookLike: "bold"
+});
+const Meta = typographyFactory({
+  semanticElement: "span",
+  lookLike: "meta"
+});
+export { Body as B, DisplayTitle as D, H1 as H, Meta as M, SubBody as S, Tag as T, H2 as a, H3 as b, H4 as c, Bold as d };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rikstv/shared-components",
-  "version": "0.6.5",
+  "version": "0.6.6",
   "publishConfig": {
     "access": "public"
   },