@rikstv/shared-components 0.8.1 → 1.1.82

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { BaseDecoratedButtonProps } from "./BaseDecoratedButton";
+import "./button.scss";
+import "./button-shared.scss";
+export declare const PrimaryDecoratedButton: import("react").ForwardRefExoticComponent<Omit<BaseDecoratedButtonProps, "buttonType"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SecondaryDecoratedButton: import("react").ForwardRefExoticComponent<Omit<BaseDecoratedButtonProps, "buttonType"> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const TertiaryDecoratedButton: import("react").ForwardRefExoticComponent<Omit<BaseDecoratedButtonProps, "buttonType"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/button/DecoratedButton.js

@@ -0,0 +1,23 @@
+import { forwardRef } from "react";
+import { B as BaseDecoratedButton } from "./BaseDecoratedButton.js";
+import "./Button.js";
+import { j as jsx } from "../core/RiksTV.js";
+const PrimaryDecoratedButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(BaseDecoratedButton, {
+  buttonType: "primary",
+  ref,
+  ...props
+}));
+PrimaryDecoratedButton.displayName = "PrimaryDecoratedButton";
+const SecondaryDecoratedButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(BaseDecoratedButton, {
+  buttonType: "secondary",
+  ref,
+  ...props
+}));
+SecondaryDecoratedButton.displayName = "SecondaryDecoratedButton";
+const TertiaryDecoratedButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(BaseDecoratedButton, {
+  buttonType: "tertiary",
+  ref,
+  ...props
+}));
+TertiaryDecoratedButton.displayName = "TertiaryDecoratedButton";
+export { PrimaryDecoratedButton as P, SecondaryDecoratedButton as S, TertiaryDecoratedButton as T };

package/dist/{button → components/button}/IconButton.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
-import { ButtonProps } from "./BaseButton";
+import { DecoratedButtonProps } from "./BaseDecoratedButton";
 import "./icon-button.scss";
 import "./button-shared.scss";
-interface IconButtonProps extends Omit<ButtonProps, "icon" | "postfix"> {
-    ["aria-label"]: string;
+interface IconButtonProps extends Omit<DecoratedButtonProps, "icon"> {
     icon: () => JSX.Element;
 }
 export declare const PrimaryIconButton: import("react").ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/components/button/IconButton.js

@@ -0,0 +1,24 @@
+import { forwardRef } from "react";
+import { P as PrimaryDecoratedButton, S as SecondaryDecoratedButton, T as TertiaryDecoratedButton } from "./DecoratedButton.js";
+import "./Button.js";
+import { j as jsx } from "../core/RiksTV.js";
+var iconButton = /* @__PURE__ */ (() => ".rds-icon-button{--default-icon-size: 3rem;--default-icon-margin: .75rem;border-radius:50%;max-height:var(--default-icon-size);max-width:var(--default-icon-size);display:flex;justify-content:center;align-items:center;box-sizing:border-box;margin:0;padding:0}.rds-icon-button .rds-button__icon{margin:0;box-sizing:border-box;margin:var(--default-icon-margin);height:var(--default-icon-size);width:var(--default-icon-size)}.rds-icon-button .rds-button__icon>svg{width:100%}\n")();
+const PrimaryIconButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(PrimaryDecoratedButton, {
+  buttonStyle: "rds-icon-button",
+  ref,
+  ...props
+}));
+PrimaryIconButton.displayName = "PrimaryIconButton";
+const SecondaryIconButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(SecondaryDecoratedButton, {
+  buttonStyle: "rds-icon-button",
+  ref,
+  ...props
+}));
+SecondaryIconButton.displayName = "SecondaryIconButton";
+const TertiaryIconButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(TertiaryDecoratedButton, {
+  buttonStyle: "rds-icon-button",
+  ref,
+  ...props
+}));
+TertiaryIconButton.displayName = "TertiaryIconButton";
+export { PrimaryIconButton as P, SecondaryIconButton as S, TertiaryIconButton as T };

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

@@ -0,0 +1,5 @@
+import { AnchorHTMLAttributes } from "react";
+import { BaseLinkButtonProps } from "./BaseLinkButton";
+declare type Props = BaseLinkButtonProps<AnchorHTMLAttributes<HTMLAnchorElement>>;
+export declare const LinkButton: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLAnchorElement>>;
+export {};

package/dist/components/button/LinkButton.js

@@ -0,0 +1,10 @@
+import { forwardRef } from "react";
+import { B as BaseLinkButton } from "./BaseLinkButton.js";
+import { j as jsx } from "../core/RiksTV.js";
+const LinkButton = forwardRef((props, ref) => /* @__PURE__ */ jsx(BaseLinkButton, {
+  element: "a",
+  ...props,
+  ref
+}));
+LinkButton.displayName = "LinkButton";
+export { LinkButton as L };

package/dist/components/button/arrow-button.scss

@@ -0,0 +1,37 @@
+@use "../core/mixin/rem";
+
+.rds-arrow-button {
+  --default-arrow-size: #{rem.convert(18px)};
+  --default-arrow-margin: #{rem.convert(12px)};
+  align-items: center;
+
+  & > svg {
+    width: 100%;
+  }
+
+  & .rds-button__arrow {
+    margin: 0;
+    box-sizing: border-box;
+    margin-inline: var(--default-arrow-margin) -6px; //-6px minus pga optisk illusjon pga pila, ref Linn
+    height: var(--default-arrow-size);
+    width: var(--default-arrow-size);
+
+    & > svg {
+      width: 100%;
+    }
+  }
+
+  &--backwards {
+    & .rds-button__arrow {
+      margin-inline: -6px var(--default-arrow-margin); //-6px minus pga optisk illusjon pga pila, ref Linn
+
+      & > svg {
+        transform: rotate(180deg);
+      }
+    }
+  }
+
+  &--forwards {
+    flex-direction: row-reverse;
+  }
+}

package/dist/{button → components/button}/button-shared.scss

@@ -1,4 +1,4 @@
-@use '../core/mixin/focus' as mix;
+@use "../core/mixin/focus" as mix;
 
 .rds-button__shared {
   --common-button--primary-color: var(--rds-button-primary-fg);
@@ -18,7 +18,7 @@
   --common-button--tertiary-color: var(--rds-foreground-primary);
   --common-button--tertiary-hover-bg: var(--rds-button-tertiary-hover-bg);
   --common-button--tertiary-hover-color: var(--rds-foreground-primary);
-  --common-button--tertiary-pressed-bg: var(--rds-background-tertiary);
+  --common-button--tertiary-pressed-bg: var(--rds-background-secondary);
   --common-button--tertiary-pressed-color: var(--rds-foreground-primary);
 
   --common-button--disabled-bg: var(--rds-foreground-secondary);
@@ -62,7 +62,7 @@
 
   &--secondary {
     background-color: var(--common-button--secondary-bg);
-    border: 2px solid var(--common-button--secondary-border-color);
+    box-shadow: inset 0px 0px 0px 2px var(--common-button--secondary-border-color);
     color: var(--common-button--secondary-color);
 
     &:hover {
@@ -153,4 +153,15 @@
       --common-button--disabled-color: var(--rds-button-primary-fg);
     }
   }
+  &.rds-white {
+    &.rds-button__shared--secondary {
+      --common-button--secondary-bg: var(--rds-foreground-primary);
+    }
+  }
+}
+
+.rds-transparent {
+  &.rds-button__shared--secondary {
+    --common-button--secondary-bg: transparent;
+  }
 }

package/dist/components/button/button.scss

@@ -0,0 +1,93 @@
+@use "../core/mixin/rem";
+
+.rds-arrow-button,
+.rds-button {
+  --fluid-block: clamp(#{rem.convert(10.5px)}, 2vw, #{rem.convert(12.5px)});
+  --fluid-inline: clamp(#{rem.convert(16px)}, 2vw, #{rem.convert(24px)});
+
+  padding: var(--fluid-block) var(--fluid-inline);
+  border-radius: var(--rds-roundness--button);
+  overflow-y: hidden;
+  cursor: pointer;
+  font-size: rem.convert(18px);
+
+  &__icon {
+    display: flex;
+    align-items: center;
+    align-self: center;
+    margin-right: var(--rds-spacing--16);
+    width: 1.125rem;
+
+    & > svg {
+      width: 100%;
+    }
+  }
+
+  &__postfix {
+    position: relative;
+    display: flex;
+    align-items: center;
+    margin-left: var(--rds-spacing--16);
+    padding-left: var(--rds-spacing--16);
+
+    &::before {
+      content: " ";
+      position: absolute;
+      width: 1px;
+      background-color: currentColor;
+      height: 220%;
+      left: 0;
+    }
+  }
+
+  &--loading:disabled {
+    cursor: wait !important;
+    position: relative;
+    overflow: hidden;
+
+    @keyframes spin {
+      0% {
+        transform: rotate(0deg);
+      }
+      100% {
+        transform: rotate(360deg);
+      }
+    }
+
+    &::before {
+      content: "";
+      position: absolute;
+      inset: 0;
+      background-color: var(--rds-background-overlay-medium);
+    }
+    &::after {
+      --button-spinner-size: 24px;
+      --button-spinner-width: 3px;
+
+      --calculated-spinner-size: calc(
+        calc(var(--button-spinner-size) + var(--button-spinner-width) + var(--button-spinner-width)) / 2
+      );
+      content: "";
+      position: absolute;
+      left: calc(50% - var(--calculated-spinner-size));
+      top: calc(50% - var(--calculated-spinner-size));
+      height: var(--button-spinner-size);
+      width: var(--button-spinner-size);
+      background-color: transparent;
+      border-top: var(--button-spinner-width) solid var(--rds-accent-color-dark);
+      border-left: var(--button-spinner-width) solid var(--rds-accent-color-dark);
+      border-right: var(--button-spinner-width) solid var(--rds-accent-color-dark);
+      border-bottom: var(--button-spinner-width) solid transparent;
+      border-radius: 50px;
+      animation-duration: 1000ms;
+      animation-fill-mode: forwards;
+      animation-iteration-count: infinite;
+      animation-name: spin;
+      animation-timing-function: linear;
+    }
+
+    &:hover {
+      box-shadow: none;
+    }
+  }
+}

package/dist/components/button/link-button.scss

@@ -0,0 +1,6 @@
+.rds-link-button {
+  width: fit-content;
+  & > * {
+    text-decoration: none;
+  }
+}

package/dist/components/checkbox/Checkbox.d.ts

@@ -0,0 +1,9 @@
+import { DetailedHTMLProps, InputHTMLAttributes } from "react";
+import "./checkbox.scss";
+export interface Props extends Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> {
+    className?: string;
+    lightBackground?: boolean;
+    id?: string;
+    hasError?: boolean;
+}
+export declare const Checkbox: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<HTMLInputElement>>;

package/dist/components/checkbox/Checkbox.js

@@ -0,0 +1,40 @@
+import { forwardRef } from "react";
+import { a as jsxs, j as jsx } from "../core/RiksTV.js";
+const generateId = (id) => {
+  if (id) {
+    return id;
+  }
+  const r = (Math.random() + 1).toString(36).substring(7);
+  return `${new Date().valueOf()}-${r}`;
+};
+var checkbox = /* @__PURE__ */ (() => '.rds-form-group-box{--checkbox-border-color: var(--rds-accent-color);--checkbox-background-color: transparent;--checkbox-checkmark-color: var(--rds-background-primary);--checkbox-label-color: var(--rds-foreground-primary);--checkbox-error-color: var(--rds-feedback-error-text);display:flex;gap:.75em}.rds-form-group-box .rds-checkbox__input{cursor:pointer;appearance:none;-webkit-appearance:none;background-color:var(--checkbox-background-color);margin:0;width:1.75em;height:1.75em;border:2px solid var(--checkbox-border-color);border-radius:.15em;display:grid;place-content:center}.rds-form-group-box .rds-checkbox__input:focus::-moz-focus-inner{border-style:none;outline:0}.rds-form-group-box .rds-checkbox__input:focus button::-moz-focus-inner,.rds-form-group-box .rds-checkbox__input:focus [type=button]::-moz-focus-inner,.rds-form-group-box .rds-checkbox__input:focus [type=reset]::-moz-focus-inner,.rds-form-group-box .rds-checkbox__input:focus [type=submit]::-moz-focus-inner{border-style:none}.rds-form-group-box .rds-checkbox__input:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .rds-form-group-box .rds-checkbox__input:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}.rds-form-group-box .rds-checkbox__input:before{content:"";width:1.35em;height:1.35em;clip-path:polygon(33.59% 75.55%,2.27% 44.24%,2.27% 33.29%,13.21% 33.29%,35.62% 55.65%,89% 2.27%,100% 2.27%,100% 13.21%,37.6% 75.55%,33.59% 75.55%);transform:scale(0);transform-origin:bottom left;transition:.12s transform ease-in-out;background-color:var(--checkbox-checkmark-color)}.rds-form-group-box .rds-checkbox__input:checked{--checkbox-background-color: var(--rds-accent-color)}.rds-form-group-box .rds-checkbox__input:checked:before{transform:scale(1) translateY(.15em)}.rds-form-group-box .rds-checkbox__label{font-family:var(--rds-font-family-headlines);font-size:clamp(.875rem,calc(.8214285714rem + .1488095238vw),1rem);font-weight:400;line-height:1.85;user-select:none;cursor:pointer;color:var(--checkbox-label-color)}.rds-form-group-box--error{--checkbox-border-color: var(--checkbox-error-color);--checkbox-label-color: var(--checkbox-error-color)}.rds-form-group-box--error .rds-checkbox__input{box-shadow:0 0 0 1px var(--checkbox-border-color)}.rds-form-group-box--error .rds-checkbox__input:checked{--checkbox-background-color: var(--checkbox-error-color)}.rds-light .rds-form-group-box,.rds-light.rds-form-group-box{--checkbox-border-color: var(--rds-button-primary-fg);--checkbox-checkmark-color: var(--surface-background);--checkbox-error-color: var(--rds-feedback-error-object)}.rds-light .rds-form-group-box .rds-checkbox__label,.rds-light.rds-form-group-box .rds-checkbox__label{--checkbox-label-color: var(--rds-background-primary)}.rds-light .rds-form-group-box .rds-checkbox__input:checked,.rds-light.rds-form-group-box .rds-checkbox__input:checked{--checkbox-background-color: var(--rds-button-primary-fg)}.rds-light .rds-form-group-box--error,.rds-light.rds-form-group-box--error{--checkbox-border-color: var(--checkbox-error-color);--checkbox-label-color: var(--checkbox-error-color)}.rds-light .rds-form-group-box--error .rds-checkbox__label,.rds-light.rds-form-group-box--error .rds-checkbox__label{--checkbox-label-color: var(--checkbox-error-color)}.rds-light .rds-form-group-box--error .rds-checkbox__input:checked,.rds-light.rds-form-group-box--error .rds-checkbox__input:checked{--checkbox-background-color: var(--checkbox-error-color)}\n')();
+const Checkbox = forwardRef(({
+  className = "",
+  id,
+  lightBackground,
+  hasError,
+  style,
+  children,
+  ...props
+}, ref) => {
+  const internalId = generateId(id);
+  return /* @__PURE__ */ jsxs("div", {
+    style,
+    className: `rds-form-group-box ${className} ${hasError ? "rds-form-group-box--error" : ""}`,
+    children: [/* @__PURE__ */ jsx("input", {
+      ref,
+      className: `rds-checkbox rds-checkbox__input ${lightBackground ? "rds-light" : ""}`,
+      id: internalId,
+      type: "checkbox",
+      "aria-invalid": hasError,
+      ...props
+    }), /* @__PURE__ */ jsx("label", {
+      "data-testid": "rds-checkbox__label",
+      htmlFor: internalId,
+      className: "rds-checkbox__label",
+      children
+    })]
+  });
+});
+Checkbox.displayName = "Checkbox";
+export { Checkbox as C, generateId as g };

package/dist/components/checkbox/checkbox.scss

@@ -0,0 +1,116 @@
+@use "../core/mixin/fluid";
+@use "../core/mixin/focus" as mix;
+
+.rds-form-group-box {
+  --checkbox-border-color: var(--rds-accent-color);
+  --checkbox-background-color: transparent;
+  --checkbox-checkmark-color: var(--rds-background-primary);
+  --checkbox-label-color: var(--rds-foreground-primary);
+  --checkbox-error-color: var(--rds-feedback-error-text);
+
+  display: flex;
+  gap: 0.75em;
+
+  .rds-checkbox {
+    &__input {
+      cursor: pointer;
+      appearance: none;
+      -webkit-appearance: none;
+      background-color: var(--checkbox-background-color);
+      margin: 0;
+      width: 1.75em;
+      height: 1.75em;
+      border: 2px solid var(--checkbox-border-color);
+      border-radius: 0.15em;
+      display: grid;
+      place-content: center;
+      @include mix.with-keyboard-focus;
+
+      &::before {
+        content: "";
+        width: 1.35em;
+        height: 1.35em;
+        clip-path: polygon(
+          33.59% 75.55%,
+          2.27% 44.24%,
+          2.27% 33.29%,
+          13.21% 33.29%,
+          35.62% 55.65%,
+          89% 2.27%,
+          100% 2.27%,
+          100% 13.21%,
+          37.6% 75.55%,
+          33.59% 75.55%
+        );
+        transform: scale(0);
+        transform-origin: bottom left;
+        transition: 120ms transform ease-in-out;
+        /* Windows High Contrast Mode */
+        background-color: var(--checkbox-checkmark-color);
+      }
+
+      &:checked {
+        --checkbox-background-color: var(--rds-accent-color);
+        &::before {
+          transform: scale(1) translateY(0.15em);
+        }
+      }
+    }
+
+    &__label {
+      font-family: var(--rds-font-family-headlines);
+      font-size: fluid.get-clamp(14, 16);
+      font-weight: normal;
+      line-height: 1.85;
+      user-select: none;
+      cursor: pointer;
+      color: var(--checkbox-label-color);
+    }
+  }
+
+  &--error {
+    --checkbox-border-color: var(--checkbox-error-color);
+    --checkbox-label-color: var(--checkbox-error-color);
+
+    .rds-checkbox__input {
+      box-shadow: 0 0 0 1px var(--checkbox-border-color);
+      &:checked {
+        --checkbox-background-color: var(--checkbox-error-color);
+      }
+    }
+  }
+}
+
+.rds-light {
+  .rds-form-group-box,
+  &.rds-form-group-box {
+    --checkbox-border-color: var(--rds-button-primary-fg);
+    --checkbox-checkmark-color: var(--surface-background);
+    --checkbox-error-color: var(--rds-feedback-error-object);
+
+    .rds-checkbox__label {
+      --checkbox-label-color: var(--rds-background-primary);
+    }
+
+    .rds-checkbox__input {
+      &:checked {
+        --checkbox-background-color: var(--rds-button-primary-fg);
+      }
+    }
+
+    &--error {
+      --checkbox-border-color: var(--checkbox-error-color);
+      --checkbox-label-color: var(--checkbox-error-color);
+
+      .rds-checkbox__label {
+        --checkbox-label-color: var(--checkbox-error-color);
+      }
+
+      .rds-checkbox__input {
+        &:checked {
+          --checkbox-background-color: var(--checkbox-error-color);
+        }
+      }
+    }
+  }
+}

package/dist/components/core/LightMode.js

@@ -0,0 +1,14 @@
+import { forwardRef } from "react";
+import { j as jsx } from "./RiksTV.js";
+const LightMode = forwardRef(({
+  children,
+  className = "",
+  ...props
+}, ref) => /* @__PURE__ */ jsx("div", {
+  ref,
+  className: `rds-light ${className}`,
+  ...props,
+  children
+}));
+LightMode.displayName = "LightMode";
+export { LightMode as L };

package/dist/components/core/RiksTV.js

@@ -0,0 +1,116 @@
+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
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+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;
+const Fragment = jsxRuntime.exports.Fragment;
+var rtv = /* @__PURE__ */ (() => ':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);--rds-readability-width: 60ch;--rds-content-width--default: 1070px;--rds-breakpoint--sm: 768px;--rds-breakpoint--md: 992px;--rds-breakpoint--lg: 1200px;--rds-gutter--sm: 1rem;--rds-gutter--md: 5vw;--rds-gutter--lg: 7.5vw;--rds-gutter: var(--rds-gutter--sm)}@media (min-width: 768px){:root{--rds-gutter: var(--rds-gutter--md)}}@media (min-width: 1200px){:root{--rds-gutter: var(--rds-gutter--lg)}}.rds-gutter{margin-inline:var(--rds-gutter)}.rds-gutter-padding{padding-inline:var(--rds-gutter)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.with-keyboard-focus:focus::-moz-focus-inner{border-style:none;outline:0}.with-keyboard-focus:focus button::-moz-focus-inner,.with-keyboard-focus:focus [type=button]::-moz-focus-inner,.with-keyboard-focus:focus [type=reset]::-moz-focus-inner,.with-keyboard-focus:focus [type=submit]::-moz-focus-inner{border-style:none}.with-keyboard-focus:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .with-keyboard-focus:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}@font-face{font-family:HALMatex;src:url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Regular.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Regular.woff) format("woff");font-style:normal;font-display:swap}@font-face{font-family:AvertaRegular;src:url(https://static.rikstv.no/strim/fonts/AvertaStandardRegular.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/hinted-AvertaStd-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:AvertaSemibold;src:url(https://static.rikstv.no/strim/fonts/AvertaStandardSemibold.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/hinted-AvertaStd-Semibold.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:AvertaBold;src:url(https://static.rikstv.no/strim/fonts/AvertaStandardBold.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/hinted-AvertaStd-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.rtv{--rikstv-red: #ef4642;--rikstv-red-120: #d41612;--rikstv-white: #ffffff;--rikstv-black: #000000;--rikstv-onyx-150: #0f0f0f;--rikstv-onyx: #1d1d1d;--rikstv-onyx-90: #313131;--rikstv-slate: #353535;--rikstv-slate-80: #626262;--rikstv-slate-60: #828282;--rikstv-slate-40: #afafaf;--rikstv-slate-20: #ddd;--rikstv-ask: #5c5c5c;--rikstv-ask-80: #787878;--rikstv-ask-60: #9c9c9c;--rikstv-ask-40: #c0c0c0;--rikstv-sterling: #b8b8b8;--rikstv-sterling-40: #e5e5e5;--rikstv-sterling-20: #f1f1f1;--rikstv-sterling-10: #f8f8f8;--rikstv-purple: #542453;--rikstv-green: #00816d;--rikstv-blue: #195a89;--rikstv-light-blue: #0f7ca2;--rikstv-yellow: #f2a900;--rikstv-info-light: #00aec7;--rikstv-warning-light: #f2a900;--rikstv-success-light: #4cbb81;--rikstv-error-light: #f17774;--rikstv-info-dark: #007485;--rikstv-warning-dark: #996b00;--rikstv-success-dark: #2a6f4b;--rikstv-error-dark: #e01c17;--rikstv-background-gray-150: #0b0b0b;--rikstv-background-gray: #252525;--rikstv-background-gray-90: #3b3b3b;--rikstv-banner-background: #e9e9e9;--rikstv-background: #f9f9f9;--rikstv-card-gray: #434343;--rikstv-card-gray-80: #333333;--rikstv-card-gray-60: #6e6e6e;--rikstv-card-gray-20: #d9d9d9;--rikstv-foreground-gray: #666666;--rikstv-foreground-gray-80: #858585}.rtv{--rds-heading-accent: var(--rikstv-white);--rds-accent-color: var(--rikstv-red);--rds-accent-color-mid: #ed302b;--rds-accent-color-dark: var(--rikstv-red-120);--rds-accent-hover: var(--rikstv-red-120);--rds-button-primary-fg: var(--rikstv-white);--rds-button-secondary-pressed-fg: var(--rikstv-foreground-gray);--rds-button-secondary-pressed-bg: var(--rikstv-white);--rds-button-tertirary-bg: var(--rikstv-background-gray-90);--rds-button-tertiary-hover-bg: var(--rikstv-card-gray);--rds-foreground-primary: var(--rikstv-white);--rds-foreground-secondary: #a8a8a8;--rds-foreground-tertiary: var(--rikstv-foreground-gray);--rds-background-primary-rgb: var(--rikstv-background-gray);--rds-background-primary: var(--rikstv-background-gray);--rds-background-secondary: var(--rikstv-background-gray-150);--rds-background-tertiary: var(--rikstv-card-gray);--rds-background-card: var(--rikstv-background-gray-90);--rds-foreground-overlay-soft: #ffffff1a;--rds-foreground-overlay-medium: #ffffff4d;--rds-foreground-overlay-heavy: #ffffffb3;--rds-foreground-solid-soft: #3c3c3c;--rds-surface-foreground: var(--rikstv-card-gray);--rds-toggle-collapsed: var(--rds-accent-color);--rds-toggle-expanded: var(--rds-accent-color-dark);--rds-background-overlay-soft: #0000001a;--rds-background-overlay-medium: #00000080;--rds-background-overlay-heavy: #000000d9;--rds-feedback-info: var(--rikstv-light-blue);--rds-feedback-warning: var(--rikstv-yellow);--rds-feedback-confirm: var(--rikstv-success-light);--rds-feedback-error: var(--rikstv-error-dark);--rds-feedback-error-text: var(--rikstv-error-light);--rds-feedback-error-object: var(--rikstv-error-dark);--rds-roundness--default: 4px;--rds-roundness--medium: 6px;--rds-roundness--large: 8px;--rds-roundness--xlarge: 12px;--rds-roundness--button: 34px;--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}\n')();
+const RiksTVProvider = ({
+  children
+}) => /* @__PURE__ */ jsx(Core, {
+  brand: "rtv",
+  children
+});
+export { Fragment as F, RiksTVProvider as R, jsxs as a, jsx as j };

package/dist/components/core/Strim.js

@@ -0,0 +1,10 @@
+import { C as Core } from "./Core.js";
+import { j as jsx } from "./RiksTV.js";
+var strm = /* @__PURE__ */ (() => ':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);--rds-readability-width: 60ch;--rds-content-width--default: 1070px;--rds-breakpoint--sm: 768px;--rds-breakpoint--md: 992px;--rds-breakpoint--lg: 1200px;--rds-gutter--sm: 1rem;--rds-gutter--md: 5vw;--rds-gutter--lg: 7.5vw;--rds-gutter: var(--rds-gutter--sm)}@media (min-width: 768px){:root{--rds-gutter: var(--rds-gutter--md)}}@media (min-width: 1200px){:root{--rds-gutter: var(--rds-gutter--lg)}}.rds-gutter{margin-inline:var(--rds-gutter)}.rds-gutter-padding{padding-inline:var(--rds-gutter)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.with-keyboard-focus:focus::-moz-focus-inner{border-style:none;outline:0}.with-keyboard-focus:focus button::-moz-focus-inner,.with-keyboard-focus:focus [type=button]::-moz-focus-inner,.with-keyboard-focus:focus [type=reset]::-moz-focus-inner,.with-keyboard-focus:focus [type=submit]::-moz-focus-inner{border-style:none}.with-keyboard-focus:focus input[type=button]::-moz-focus-inner{outline:0}html:not([data-mousenavigation]):not([data-touchnavigation]) .with-keyboard-focus:focus{outline-offset:2px;outline:2px solid var(--rds-feedback-info);transition:outline-offset .25s ease}@font-face{font-family:HALMatex;src:url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Regular.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/HALMatexStrim-Regular.woff) format("woff");font-style:normal;font-display:swap}@font-face{font-family:AvertaRegular;src:url(https://static.rikstv.no/strim/fonts/AvertaStandardRegular.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/hinted-AvertaStd-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:AvertaSemibold;src:url(https://static.rikstv.no/strim/fonts/AvertaStandardSemibold.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/hinted-AvertaStd-Semibold.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:AvertaBold;src:url(https://static.rikstv.no/strim/fonts/AvertaStandardBold.woff2) format("woff2"),url(https://static.rikstv.no/strim/fonts/hinted-AvertaStd-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}.strm{--strim-action-yellow: #faed6f;--strim-action-yellow-60: #fcf4a9;--strim-action-yellow-40: #fefbe2;--strim-white: #ffffff;--strim-black: #000000;--strim-fantasy-green-150: #001515;--strim-fantasy-green: #002a2a;--strim-fantasy-green-90: #193f3f;--strim-fantasy-green-60: #4c7571;--strim-thriller-teal: #004b50;--strim-thriller-teal-80: #267c82;--strim-thriller-teal-60: #419da2;--strim-thriller-teal-40: #79c6c6;--strim-thriller-teal-20: #c3e8e7;--strim-romance-green: #356e63;--strim-romance-green-80: #429181;--strim-romance-green-60: #62b7a5;--strim-romance-green-40: #93d6c9;--strim-standup-green: #49f5a4;--strim-standup-green-40: #bcfbde;--strim-standup-green-20: #d6ffec;--strim-standup-green-10: #edfef6;--strim-info-light: #30d7f9;--strim-warning-light: #f2a900;--strim-success-light: #80ed99;--strim-error-light: #ff8fa3;--strim-info-dark: #167183;--strim-warning-dark: #996b00;--strim-success-dark: #13862d;--strim-error-dark: #d91b4e}.strm{--stand-up-green: var(--strim-standup-green);--surface-background: var(--strim-standup-green-10);--faded-text: var(--strim-thriller-teal-40);--rds-heading-accent: var(--stand-up-green);--rds-accent-color: var(--strim-action-yellow);--rds-accent-color-mid: #f7e426;--rds-accent-color-dark: #f7e426;--rds-accent-hover: var(--strim-action-yellow-60);--rds-button-primary-fg: var(--strim-thriller-teal);--rds-button-secondary-pressed-fg: var(--strim-white);--rds-button-secondary-pressed-bg: #001d1d;--rds-button-tertirary-bg: var(--strim-fantasy-green-90);--rds-button-tertiary-hover-bg: var(--strim-thriller-teal);--rds-foreground-primary: var(--strim-white);--rds-foreground-secondary: #b2bfbf;--rds-foreground-tertiary: var(--strim-romance-green);--rds-background-primary-rgb: var(--strim-fantasy-green);--rds-background-primary: var(--strim-fantasy-green);--rds-background-secondary: var(--strim-fantasy-green-150);--rds-background-tertiary: var(--strim-thriller-teal);--rds-background-card: var(--strim-fantasy-green-90);--rds-foreground-overlay-soft: #ffffff1a;--rds-foreground-overlay-medium: #ffffff4d;--rds-foreground-overlay-heavy: #ffffffb3;--rds-foreground-solid-soft: #1a4040;--rds-surface-foreground: var(--strim-thriller-teal);--rds-toggle-collapsed: var(--strim-standup-green-40);--rds-toggle-expanded: var(--strim-standup-green);--rds-background-overlay-soft: #0000001a;--rds-background-overlay-medium: #00000080;--rds-background-overlay-heavy: #000000d9;--rds-feedback-info: var(--strim-info-light);--rds-feedback-warning: var(--strim-warning-light);--rds-feedback-confirm: #4cbb81;--rds-feedback-error: #e01c17;--rds-feedback-error-text: var(--strim-error-light);--rds-feedback-error-object: var(--strim-error-dark);--rds-roundness--default: 12px;--rds-roundness--medium: 16px;--rds-roundness--large: 24px;--rds-roundness--xlarge: 40px;--rds-roundness--button: 12px;--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}\n')();
+const StrimProvider = ({
+  children
+}) => /* @__PURE__ */ jsx(Core, {
+  brand: "strm",
+  children
+});
+export { StrimProvider as S };