@rikstv/shared-components 0.8.1 → 1.1.79

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rikstv/shared-components",
-  "version": "0.8.1",
+  "version": "1.1.79",
   "publishConfig": {
     "access": "public"
   },
@@ -11,7 +11,7 @@
     "lib": "dist"
   },
   "license": "MIT",
-  "types": "./dist/index.d.ts",
+  "types": "./dist/components/index.d.ts",
   "main": "./dist/shared-components.es.js",
   "module": "./dist/shared-components.es.js",
   "browser": "./dist/shared-components.es.js",
@@ -19,29 +19,24 @@
     "dev": "vite",
     "build": "tsc src/*.ts* && vite build && tsc src/components/index.ts --declaration --emitDeclarationOnly --jsx react-jsx --esModuleInterop --outDir dist",
     "serve": "vite preview",
-    "test": "cypress run-ct",
-    "test:open": "cypress open-ct"
+    "test": "cypress run --component",
+    "test:open": "cypress open --component"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/lfbergee/rtv-ds.git"
-  },
-  "bugs": {
-    "url": "https://github.com/lfbergee/rtv-ds/issues"
+    "url": "git+https://git.rikstv.no/rikstv/shared/rikstv.designsystem.git"
   },
   "dependencies": {},
   "devDependencies": {
-    "@cypress/react": "^5.10.3",
-    "@cypress/vite-dev-server": "^2.2.1",
-    "@testing-library/cypress": "^8.0.2",
-    "react-hook-form": "^7.20.5",
+    "@testing-library/cypress": "^8.0.3",
+    "cypress": "^10.3.0",
+    "react-hook-form": "^7.33.0",
     "rollup-plugin-copy": "^3.4.0",
-    "rollup-plugin-svg": "^2.0.0",
-    "vite-plugin-react-svg": "^0.2.0"
+    "rollup-plugin-svg": "^2.0.0"
   },
   "peerDependencies": {
-    "@types/react": "^16.8.6 || ^17",
-    "@types/react-dom": "^16.8.6 || ^17",
-    "react": "^16.8.0 || ^17"
+    "@types/react": "^16.8.6 || ^17 || ^18",
+    "@types/react-dom": "^16.8.6 || ^17 || ^18",
+    "react": "^16.8.0 || ^17 || ^18"
   }
 }

package/dist/accordion/Accordion.js

@@ -1,73 +0,0 @@
-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/button/BaseButton.d.ts

@@ -1,15 +0,0 @@
-import { ButtonHTMLAttributes } from "react";
-export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-    isLoading?: boolean;
-    postfix?: string;
-    icon?: () => JSX.Element;
-    className?: string;
-    iconClass?: string;
-    lightBackground?: boolean;
-}
-interface BaseButtonProps extends ButtonProps {
-    buttonType: "primary" | "secondary" | "tertiary";
-    buttonStyle: "rds-button" | "rds-icon-button";
-}
-export declare const BaseButton: import("react").ForwardRefExoticComponent<BaseButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
-export {};

package/dist/button/BaseButton.js

@@ -1,80 +0,0 @@
-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 = "",
-    lightBackground = false,
-    disabled,
-    className = "",
-    "aria-busy": ariaBusy
-  } = _b, rest = __objRest(_b, [
-    "children",
-    "buttonType",
-    "buttonStyle",
-    "type",
-    "isLoading",
-    "postfix",
-    "icon",
-    "iconClass",
-    "lightBackground",
-    "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" : ""} ${lightBackground ? "rds-light" : ""} ${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,40 +0,0 @@
-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,40 +0,0 @@
-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/button/button.scss

@@ -1,46 +0,0 @@
-@use '../core/mixin/rem';
-
-.rds-button {
-  padding: rem.convert(12.5px) var(--rds-spacing--32);
-  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: 200%;
-      left: 0;
-    }
-  }
-
-  &--loading:disabled {
-    cursor: wait !important;
-
-    &:hover {
-      box-shadow: none;
-    }
-  }
-}

package/dist/core/LightMode.js

@@ -1,50 +0,0 @@
-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.js

@@ -1,115 +0,0 @@
-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;
-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.js

@@ -1,10 +0,0 @@
-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/core.scss

@@ -1,29 +0,0 @@
-@use "./mixin/rem";
-
-:root {
-  // Start of a spacing scale, perhaps should be more abstract than currently, as it is somewhat annoying when it changes
-  --rds-spacing--2: #{rem.convert(2px)};
-  --rds-spacing--4: #{rem.convert(4px)};
-  --rds-spacing--8: #{rem.convert(8px)};
-  --rds-spacing--16: #{rem.convert(16px)};
-  --rds-spacing--24: #{rem.convert(24px)};
-  --rds-spacing--32: #{rem.convert(32px)};
-  --rds-spacing--48: #{rem.convert(48px)};
-  --rds-spacing--64: #{rem.convert(64px)};
-  --rds-spacing--80: #{rem.convert(80px)};
-  --rds-spacing--96: #{rem.convert(96px)};
-
-  // Common shadows
-  --rds-box-shadow--default: 0px 8px 16px rgba(0, 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;
-}

package/dist/core/rtv.scss

@@ -1,58 +0,0 @@
-@use "./core";
-
-.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: #0b0b0b;
-  --rds-background-tertiary: #434343;
-  --rds-background-card: #3b3b3b;
-
-  --rds-foreground-overlay-soft: rgba(255, 255, 255, 0.1);
-  --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);
-
-  --rds-feedback-info: #00aec7;
-  --rds-feedback-warning: #f2a900;
-  --rds-feedback-confirm: #4cbb81;
-  // --rds-feedback-error is deprecated and should not be used
-  --rds-feedback-error: #e01c17;
-  --rds-feedback-error-text: #f17774;
-  --rds-feedback-error-object: #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/strm.scss

@@ -1,62 +0,0 @@
-@use "./core";
-
-.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; // #002a2a
-  --rds-background-primary: rgb(var(--rds-background-primary-rgb));
-  --rds-background-secondary: #001515;
-  --rds-background-tertiary: #004b50;
-  --rds-background-card: #193f3f;
-
-  --rds-foreground-overlay-soft: rgba(255, 255, 255, 0.1);
-  --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);
-
-  --rds-feedback-info: #00aec7;
-  --rds-feedback-warning: #f2a900;
-  --rds-feedback-confirm: #4cbb81;
-  // --rds-feedback-error is deprecated and should not be used
-  --rds-feedback-error: #e01c17;
-  --rds-feedback-error-text: #ff8fa3;
-  --rds-feedback-error-object: #d91b4e;
-
-  --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;
-}