@rikstv/shared-components 3.2.7-alpha.2 → 3.2.7-alpha.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # 📖 Changelog
 
+## 3.3.0
+
+- update `vite` to v6 (uses sass modern compiler by default)
+- update sass to latest version
+- fix all sass compilation (deprecation) warnings
+
 ## 3.2.3
 
 - Add scss font-size-variables for rds-typography

package/dist/components/accordion/Accordion.d.ts

@@ -1,5 +1,4 @@
 import { DetailedHTMLProps, FC, DetailsHTMLAttributes, ReactNode } from 'react';
-
 interface Props extends DetailedHTMLProps<DetailsHTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement> {
     heading: ReactNode;
     initialOpen?: boolean;

package/dist/components/alert/{Alert-C5wx7EXq.mjs → Alert-BiVxm3um.mjs}

@@ -1,8 +1,8 @@
 import { jsxs as a, jsx as s } from "react/jsx-runtime";
 import { forwardRef as B, useState as o } from "react";
+import { H as F, B as T } from "../typography/Typography-CXNJ1SFo.mjs";
 import "../icons/HeartToggle-Bwgo4FxH.mjs";
-import { S as F, a as T, b as d, c as b } from "../icons/Icons-CVv5JxOX.mjs";
-import { H as x, B as O } from "../typography/Typography-CXNJ1SFo.mjs";
+import { S as b, a as d, b as x, c as O } from "../icons/Icons-2z4jxD15.mjs";
 const H = "_rds-alert--icon_m8jce_67", R = "_rds-alert--content-title_m8jce_79", D = "_rds-alert--content_m8jce_79", E = "_rds-alert--dismiss_m8jce_109", M = "_dismissed_m8jce_138", V = "_dismiss-fade-out_m8jce_1", e = {
   rdsAlertIcon: H,
   rdsAlertContentTitle: R,
@@ -11,7 +11,7 @@ const H = "_rds-alert--icon_m8jce_67", R = "_rds-alert--content-title_m8jce_79",
   dismissed: M,
   dismissFadeOut: V
 }, q = {
-  warning: { title: "Advarsel", Icon: T },
+  warning: { title: "Advarsel", Icon: x },
   error: { title: "Feil", Icon: d },
   info: { title: "Informasjon", Icon: d },
   success: { title: "Vellykket", Icon: b }
@@ -52,11 +52,11 @@ const H = "_rds-alert--icon_m8jce_67", R = "_rds-alert--content-title_m8jce_79",
         children: [
           /* @__PURE__ */ s(S, { className: e.rdsAlertIcon }),
           /* @__PURE__ */ a("div", { className: e.rdsAlertContent, children: [
-            /* @__PURE__ */ s(x, { className: e.rdsAlertContentTitle, as: "span", children: A || N }),
-            /* @__PURE__ */ s(O, { as: "div", children: f }),
+            /* @__PURE__ */ s(F, { className: e.rdsAlertContentTitle, as: "span", children: A || N }),
+            /* @__PURE__ */ s(T, { as: "div", children: f }),
             u
           ] }),
-          w && /* @__PURE__ */ s("div", { className: e.rdsAlertDismiss, children: /* @__PURE__ */ s("button", { "aria-label": "Avvis varsel", onClick: () => l(!0), children: /* @__PURE__ */ s(F, {}) }) })
+          w && /* @__PURE__ */ s("div", { className: e.rdsAlertDismiss, children: /* @__PURE__ */ s("button", { "aria-label": "Avvis varsel", onClick: () => l(!0), children: /* @__PURE__ */ s(O, {}) }) })
         ]
       }
     );

package/dist/components/alert/Alert.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes, ReactElement, ReactNode } from 'react';
-
 /**
  * Alerts are styled by props "intent" (color), "variant" (background and padding) and take an optional heading.
  *
@@ -10,9 +9,7 @@ import { HTMLAttributes, ReactElement, ReactNode } from 'react';
  * Dismiss icon can be hidden by passing `dismissible={false}`
  *
  * An optional link to details can be passed as `LinkToDetails={JsxElement}`
- 
-
-*/
+ */
 export declare const Alert: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLDivElement>>;
 export interface Props extends HTMLAttributes<HTMLDivElement> {
     className?: string;

package/dist/components/breadcrumb/Breadcrumb.d.ts

@@ -1,5 +1,4 @@
 import { FC, HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
-
 interface Props extends HTMLAttributes<HTMLElement> {
     crumbs: Array<{
         name: string;

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

@@ -1,5 +1,4 @@
 import { DecoratedButtonProps } from './BaseDecoratedButton';
-
 interface ArrowButtonProps extends Omit<DecoratedButtonProps, "arrow"> {
     forwards?: boolean;
 }

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

@@ -1,6 +1,5 @@
 import { ButtonHTMLAttributes } from 'react';
 import { JSX } from 'react/jsx-runtime';
-
 export type ButtonStyles = "primary" | "secondary" | "tertiary" | "ghost";
 export type ButtonBackgroundStyles = boolean | "white";
 export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {

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

@@ -1,6 +1,5 @@
 import { BaseButtonProps, ButtonProps } from './BaseButton';
 import { JSX } from 'react/jsx-runtime';
-
 export interface DecoratedButtonProps extends ButtonProps {
     postfix?: string;
     icon?: () => JSX.Element;

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

@@ -1,6 +1,5 @@
 import { ButtonBackgroundStyles, ButtonStyles } from './BaseButton';
 import { JSX } from 'react/jsx-runtime';
-
 export type LinkButtonStyles = ButtonStyles | "highlighted";
 interface BaseLinkButtonPropsWithElement<ElementProps> {
     element: (props: ElementProps) => JSX.Element;

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

@@ -1,5 +1,4 @@
 import { ButtonProps } from './BaseButton';
-
 export declare const PrimaryButton: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
 export declare const SecondaryButton: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
 export declare const TertiaryButton: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;

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

@@ -1,5 +1,4 @@
 import { BaseDecoratedButtonProps } from './BaseDecoratedButton';
-
 export declare const PrimaryDecoratedButton: import('react').ForwardRefExoticComponent<Omit<BaseDecoratedButtonProps, "buttonStyle"> & import('react').RefAttributes<HTMLButtonElement>>;
 export declare const SecondaryDecoratedButton: import('react').ForwardRefExoticComponent<Omit<BaseDecoratedButtonProps, "buttonStyle"> & import('react').RefAttributes<HTMLButtonElement>>;
 export declare const TertiaryDecoratedButton: import('react').ForwardRefExoticComponent<Omit<BaseDecoratedButtonProps, "buttonStyle"> & import('react').RefAttributes<HTMLButtonElement>>;

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

@@ -1,6 +1,5 @@
 import { DecoratedButtonProps } from './BaseDecoratedButton';
 import { JSX } from 'react/jsx-runtime';
-
 interface IconButtonProps extends Omit<DecoratedButtonProps, "icon"> {
     icon: () => JSX.Element;
 }

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

@@ -132,6 +132,11 @@
   // Need fluid line-height on order to keep height at 48px for accessibility when font changes
   line-height: clamp(150%, 156.4288% + -1.1161vw, 135%);
 
+  color: var(--common-button--color);
+  background-color: var(--common-button--bg);
+  outline: var(--common-button--outline);
+  outline-offset: -2px;
+
   @include break.min("sm") {
     --button-font-family: var(--rds-font-family-headlines);
   }
@@ -149,10 +154,6 @@
   /*#endregion reset end */
 
   /*#region Button styles */
-  color: var(--common-button--color);
-  background-color: var(--common-button--bg);
-  outline: var(--common-button--outline);
-  outline-offset: -2px;
 
   @media (hover: hover) {
     &:hover,

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

@@ -1,5 +1,4 @@
 import { DetailedHTMLProps, InputHTMLAttributes } from 'react';
-
 export interface Props extends Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> {
     containerClassName?: string;
     inputClassName?: string;

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

@@ -1,5 +1,4 @@
 import { DetailedHTMLProps, InputHTMLAttributes } from 'react';
-
 export interface Props extends Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> {
     className?: string;
     lightBackground?: boolean;

package/dist/components/checkbox/checkbox.scss

@@ -10,6 +10,9 @@
   --checkbox-label-color: var(--rds-foreground-primary);
   --checkbox-error-color: var(--rds-feedback-error);
 
+  display: flex;
+  gap: 0.75em;
+
   /* light mode overrides */
   :where(.rds-light) & {
     --checkbox-border-color: var(--rds-button-primary-fg);
@@ -40,9 +43,6 @@
     }
   }
 
-  display: flex;
-  gap: 0.75em;
-
   .rds-checkbox {
     &__input {
       cursor: pointer;

package/dist/components/core/Core.d.ts

@@ -1,5 +1,4 @@
 import { FC, PropsWithChildren } from 'react';
-
 export declare const Core: FC<PropsWithChildren<{
     brand: "strm" | "rtv";
 }>>;

package/dist/components/core/LightMode.d.ts

@@ -1,3 +1,2 @@
 import { HtmlHTMLAttributes } from 'react';
-
 export declare const LightMode: import('react').ForwardRefExoticComponent<HtmlHTMLAttributes<HTMLDivElement> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/core/RiksTV.d.ts

@@ -1,3 +1,2 @@
 import { FC, PropsWithChildren } from 'react';
-
 export declare const RiksTVProvider: FC<PropsWithChildren>;

package/dist/components/core/Strim.d.ts

@@ -1,3 +1,2 @@
 import { FC, PropsWithChildren } from 'react';
-
 export declare const StrimProvider: FC<PropsWithChildren>;

package/dist/components/core/docs/BrandVariables.d.ts

@@ -1,4 +1,3 @@
 import { FC } from 'react';
-
 export declare const Roundness: FC;
 export declare const Font: FC;

package/dist/components/core/docs/Colors.d.ts

@@ -1,3 +1,2 @@
 import { FC } from 'react';
-
 export declare const Colors: FC;

package/dist/components/core/docs/Spacing.d.ts

@@ -1,3 +1,2 @@
 import { FC } from 'react';
-
 export declare const Spacing: FC;

package/dist/components/core/docs/Variables.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-
 export declare const Breakpoints: FC;
 export declare const Gutters: FC;
 export declare const Widths: FC;

package/dist/components/core/docs/componets/BrandColors/BrandColors.d.ts

@@ -1,3 +1,2 @@
 import { FC } from 'react';
-
 export declare const BrandColors: FC;

package/dist/components/core/docs/componets/ColorSwatch/ColorSwatch.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-
 export declare const ColorSwatch: FC<{
     color: string;
 }>;

package/dist/components/core/docs/componets/ColorSwatch/ColorSwatch.scss

@@ -27,9 +27,6 @@
 
     &--copied::before {
       --color-swatch-animation-offset: 10px;
-      @media (prefers-reduced-motion) {
-        --color-swatch-animation-offset: 0px;
-      }
 
       content: attr(data-copied);
       position: absolute;
@@ -48,6 +45,10 @@
       animation-name: color-swatch-copy-fade;
       animation-timing-function: ease;
       box-shadow: var(--rds-box-shadow--default);
+
+      @media (prefers-reduced-motion) {
+        --color-swatch-animation-offset: 0px;
+      }
     }
   }
 

package/dist/components/core/docs/componets/ColorSwatch/ColorSwatchBtn.d.ts

@@ -1,5 +1,4 @@
 import { FC, ReactNode } from 'react';
-
 interface Props {
     onClick: () => void;
     children: ReactNode;

package/dist/components/core/docs/componets/ExampleGrid/ExampleGrid.d.ts

@@ -1,5 +1,4 @@
 import { FC, PropsWithChildren } from 'react';
-
 export declare const ExampleGrid: FC<PropsWithChildren<{
     title: string;
 }>>;

package/dist/components/core/docs/componets/SpacingBlock/SpacingBlock.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-
 export declare const SpacingBlock: FC<{
     size: number;
 }>;

package/dist/components/core/docs/hooks/ClickOutside.d.ts

@@ -1,3 +1,2 @@
 import { FC } from 'react';
-
 export declare const ClickOutside: FC;

package/dist/components/core/docs/hooks/Intersection.d.ts

@@ -1,3 +1,2 @@
 import { FC } from 'react';
-
 export declare const Intersection: FC;

package/dist/components/core/docs/hooks/animated.d.ts

@@ -1,3 +1,2 @@
 import { FC } from 'react';
-
 export declare const AnimationExample: FC;

package/dist/components/core/docs/utils/PropertyList.d.ts

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-
 export declare const PropertyList: FC<{
     properties: string[];
 }>;

package/dist/components/core/hooks/useAnimatedHeight.d.ts

@@ -1,5 +1,4 @@
 import { RefObject } from 'react';
-
 export interface UseAnimatedHeightOptions {
     onTransitionStart?: (isOpening: boolean) => void;
     onTransitionEnd?: (isOpen: boolean) => void;

package/dist/components/core/hooks/useClickOutsideListener.d.ts

@@ -1,5 +1,4 @@
 import { RefObject } from 'react';
-
 interface Props {
     ref?: RefObject<HTMLElement | null>;
     callback: (e: MouseEvent) => void;

package/dist/components/core/hooks/useMutationObserver.d.ts

@@ -1,3 +1,2 @@
 import { RefObject } from 'react';
-
 export declare const useMutationObserver: (target: Element | RefObject<Element | null>, onObservation: MutationCallback, config?: MutationObserverInit) => void;

package/dist/components/core/mixin/breakpoints.scss

@@ -1,3 +1,4 @@
+@use "sass:map";
 $xs: 568px;
 $sm: 768px;
 $md: 992px;
@@ -18,27 +19,27 @@ $breakpoints: (
 
 @mixin breakpoint($breakpoint) {
   // If the key exists in the map
-  @if map-has-key($breakpoints, $breakpoint) {
+  @if map.has-key($breakpoints, $breakpoint) {
     // Prints a media query based on the value
-    @media (max-width: map-get($breakpoints, $breakpoint)) {
+    @media (max-width: map.get($breakpoints, $breakpoint)) {
       @content;
     }
   }
 
   // If the key doesn't exist in the map
   @else {
-    @warn 'Unfortunately, no value could be retrieved from `#{$breakpoint}`. ' + 'Available breakpoints are: #{map-keys($breakpoints)}.';
+    @warn 'Unfortunately, no value could be retrieved from `#{$breakpoint}`. ' + 'Available breakpoints are: #{map.keys($breakpoints)}.';
   }
 }
 
 @mixin min($breakpoint) {
   // If the key exists in the map
-  @if map-has-key($breakpoints, $breakpoint) {
+  @if map.has-key($breakpoints, $breakpoint) {
     // Prints a media query based on the value
-    @media (min-width: map-get($breakpoints, $breakpoint)) {
+    @media (min-width: map.get($breakpoints, $breakpoint)) {
       @content;
     }
   } @else {
-    @warn 'Unfortunately, no value could be retrieved from `#{$breakpoint}`. ' + 'Available breakpoints are: #{map-keys($breakpoints)}.';
+    @warn 'Unfortunately, no value could be retrieved from `#{$breakpoint}`. ' + 'Available breakpoints are: #{map.keys($breakpoints)}.';
   }
 }

package/dist/components/core/spacing/Gutter.d.ts

@@ -1,3 +1,2 @@
 import { FC, HTMLAttributes } from 'react';
-
 export declare const Gutter: FC<HTMLAttributes<HTMLDivElement>>;

package/dist/components/core/spacing/GutterPadding.d.ts

@@ -1,3 +1,2 @@
 import { FC, HTMLAttributes } from 'react';
-
 export declare const GutterPadding: FC<HTMLAttributes<HTMLDivElement>>;

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

@@ -1,6 +1,5 @@
 import { RefObject } from 'react';
 import { JSX } from 'react/jsx-runtime';
-
 interface BaseDropdownOption {
     title: string;
     value: string;

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

@@ -1,3 +1,2 @@
 import { FC } from 'react';
-
 export declare const Arrow: FC;

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

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

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

@@ -1,5 +1,4 @@
 import { FC } from 'react';
-
 export declare const HeartToggle: FC<{
     checked: boolean;
 }>;

package/dist/components/icons/{Icons-CVv5JxOX.mjs → Icons-2z4jxD15.mjs}

@@ -21,10 +21,10 @@ const n = (t) => /* @__PURE__ */ e.createElement("svg", { viewBox: "4 4 24 24",
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   h as I,
-  i as S,
-  w as a,
-  g as b,
-  m as c,
+  m as S,
+  g as a,
+  w as b,
+  i as c,
   n as d,
   v as e,
   d as f

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

@@ -12,5 +12,4 @@ import { default as AlertTriangle } from './AlertTriangle.svg?react';
 import { default as CheckCircle } from './CheckCircle.svg?react';
 import { default as Add } from './Add.svg?react';
 import { default as Subtract } from './Subtract.svg?react';
-
 export { Arrow, Checkmark, Chevron, Heart, HeartToggle, HeartUnfilled, Pause, Play, Close, InfoCircle, AlertTriangle, CheckCircle, Add, Subtract, };

package/dist/components/list/{CheckmarkListItem-D86vlUxv.mjs → CheckmarkListItem-B8_bwuQI.mjs}

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import "react";
 import "../icons/HeartToggle-Bwgo4FxH.mjs";
-import { d as o } from "../icons/Icons-CVv5JxOX.mjs";
+import { d as o } from "../icons/Icons-2z4jxD15.mjs";
 import { L as i } from "./ListItem-ClQsSisn.mjs";
 const k = ({ children: r, ...m }) => /* @__PURE__ */ t(i, { testId: "rds-list-item--check", icon: /* @__PURE__ */ t(o, {}), ...m, children: r });
 export {

package/dist/components/list/CheckmarkListItem.d.ts

@@ -1,6 +1,5 @@
 import { FC } from 'react';
 import { ListItemProps } from './ListItem';
-
 type Props = Omit<ListItemProps, "icon" | "testId">;
 export declare const CheckmarkListItem: FC<Props>;
 export {};

package/dist/components/list/{CrossmarkListItem-CXIrUTPd.mjs → CrossmarkListItem-5UQyojvM.mjs}

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import "react";
 import "../icons/HeartToggle-Bwgo4FxH.mjs";
-import { S as o } from "../icons/Icons-CVv5JxOX.mjs";
+import { c as o } from "../icons/Icons-2z4jxD15.mjs";
 import { L as m } from "./ListItem-ClQsSisn.mjs";
 const f = ({ children: r, ...s }) => /* @__PURE__ */ t(m, { testId: "rds-list-item--cross", icon: /* @__PURE__ */ t(o, {}), ...s, children: r });
 export {

package/dist/components/list/CrossmarkListItem.d.ts

@@ -1,6 +1,5 @@
 import { FC } from 'react';
 import { ListItemProps } from './ListItem';
-
 type Props = Omit<ListItemProps, "icon" | "testId">;
 export declare const CrossmarkListItem: FC<Props>;
 export {};

package/dist/components/list/List.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 interface Props extends HTMLAttributes<HTMLUListElement | HTMLOListElement> {
     className?: string;
     ordered?: boolean;

package/dist/components/list/ListItem.d.ts

@@ -1,6 +1,5 @@
 import { FC, HTMLAttributes } from 'react';
 import { JSX } from 'react/jsx-runtime';
-
 export interface ListItemProps extends HTMLAttributes<HTMLLIElement> {
     className?: string;
     color?: "error" | "success" | "faded";

package/dist/components/list/OrderedListItem.d.ts

@@ -1,5 +1,4 @@
 import { FC, HTMLAttributes } from 'react';
-
 interface Props extends HTMLAttributes<HTMLLIElement> {
     className?: string;
     innerClassName?: string;

package/dist/components/loader/Loader.d.ts

@@ -1,5 +1,4 @@
 import { Props as LoaderProps } from './RawLoader';
-
 interface Props extends LoaderProps {
     delay?: number;
 }

package/dist/components/loader/Loader.scss

@@ -1,3 +1,4 @@
+@use "sass:list";
 .rds-loader-container {
   display: grid;
   place-items: center;
@@ -11,15 +12,15 @@
   $deg: 0deg, 22.5deg, 45deg, 67.5deg, 90deg, 112.5deg, 135deg, 157.5deg, 180deg, 202.5deg, 225deg, 247.5deg, 270deg,
     292.5deg, 315deg, 337.5deg;
 
-  @for $i from 1 through length($deg) {
+  @for $i from 1 through list.length($deg) {
     @keyframes loader-container-spinner-child-#{$i} {
       0% {
         opacity: 1;
-        transform: rotate(nth($deg, $i)) scaleY(1.2);
+        transform: rotate(list.nth($deg, $i)) scaleY(1.2);
       }
       10%,
       100% {
-        transform: rotate(nth($deg, $i));
+        transform: rotate(list.nth($deg, $i));
       }
       100% {
         opacity: 0;
@@ -28,6 +29,8 @@
   }
 
   &__spinner {
+    transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);
+
     &__large {
       span {
         position: absolute;
@@ -136,8 +139,6 @@
       animation: loader-container-spinner-child-16 linear 2s infinite;
       animation-delay: 0s;
     }
-
-    transform: translate(-50px, -50px) scale(0.5) translate(50px, 50px);
   }
 }
 

package/dist/components/loader/RawLoader.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 export interface Props extends HTMLAttributes<HTMLDivElement> {
     className?: string;
     size?: "small" | "large";

package/dist/components/notificationDot/NotificationDot.d.ts

@@ -1,5 +1,4 @@
 import { FC, HTMLAttributes } from 'react';
-
 interface Props extends HTMLAttributes<HTMLSpanElement> {
     numberOfNotifications?: number;
     large?: boolean;

package/dist/components/panel/{Panel-CPz2fLQW.mjs → Panel-DLDDq0m-.mjs}

@@ -1,34 +1,34 @@
-import { jsxs as e, jsx as s } from "react/jsx-runtime";
+import { jsx as s, jsxs as e } from "react/jsx-runtime";
 import { forwardRef as v } from "react";
 import { S as N } from "../typography/Typography-CXNJ1SFo.mjs";
 import "../icons/HeartToggle-Bwgo4FxH.mjs";
-import { b as l, c as b, a as P } from "../icons/Icons-CVv5JxOX.mjs";
-const y = "_rds-panel_297es_1", A = "_content-and-buttons_297es_34", S = "_content_297es_34", j = "_title_297es_60", k = "_icon_297es_68", x = "_buttons_297es_75", n = {
-  rdsPanel: y,
-  contentAndButtons: A,
-  content: S,
+import { b, S as P, a as c } from "../icons/Icons-2z4jxD15.mjs";
+const S = "_rds-panel_297es_1", y = "_content-and-buttons_297es_34", A = "_content_297es_34", j = "_title_297es_60", k = "_icon_297es_68", x = "_buttons_297es_75", n = {
+  rdsPanel: S,
+  contentAndButtons: y,
+  content: A,
   title: j,
   icon: k,
   buttons: x
 }, B = {
   error: {
     title: "Feil",
-    icon: /* @__PURE__ */ s(l, {})
+    icon: /* @__PURE__ */ s(c, {})
   },
   info: {
     title: "Informasjon",
-    icon: /* @__PURE__ */ s(l, {})
+    icon: /* @__PURE__ */ s(c, {})
   },
   success: {
     title: "Vellykket",
-    icon: /* @__PURE__ */ s(b, {})
+    icon: /* @__PURE__ */ s(P, {})
   },
   warning: {
     title: "Advarsel",
-    icon: /* @__PURE__ */ s(P, {})
+    icon: /* @__PURE__ */ s(b, {})
   }
 }, C = v(
-  ({ className: r = "", intent: o = "info", heading: t, action: c, id: i, children: a, ..._ }, m) => {
+  ({ className: r = "", intent: o = "info", heading: t, action: l, id: i, children: a, ..._ }, m) => {
     const { title: p, icon: d } = B[o], f = typeof t == "string" ? t : (t == null ? void 0 : t.title) ?? p, u = typeof t == "string" ? "span" : (t == null ? void 0 : t.level) ?? "span";
     return /* @__PURE__ */ e(
       "div",
@@ -46,7 +46,7 @@ const y = "_rds-panel_297es_1", A = "_content-and-buttons_297es_34", S = "_conte
               /* @__PURE__ */ s(u, { className: `${n.title} rds-title-4`, children: f }),
               /* @__PURE__ */ s(N, { children: a })
             ] }),
-            c && /* @__PURE__ */ s("div", { className: n.buttons, children: c })
+            l && /* @__PURE__ */ s("div", { className: n.buttons, children: l })
           ] })
         ]
       }

package/dist/components/panel/Panel.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes, ReactNode } from 'react';
-
 type Intent = "info" | "warning" | "success" | "error";
 export interface Props extends HTMLAttributes<HTMLDivElement> {
     className?: string;

package/dist/components/progress/CircularProgress.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 interface Props extends HTMLAttributes<HTMLDivElement> {
     progressRatio: number;
     label: string;

package/dist/components/progress/Progress.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes } from 'react';
-
 interface Props extends HTMLAttributes<HTMLProgressElement> {
     label: string;
     ratio: number;

package/dist/components/textfield/PasswordTextField.d.ts

@@ -1,3 +1,2 @@
 import { TextFieldProps } from './TextField';
-
 export declare const PasswordTextField: import('react').ForwardRefExoticComponent<Omit<TextFieldProps, "type"> & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/textfield/TextField.d.ts

@@ -1,5 +1,4 @@
 import { DetailedHTMLProps, InputHTMLAttributes } from 'react';
-
 export interface TextFieldProps extends Omit<DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> {
     className?: string;
     name: string;

package/dist/components/toggle/FieldSet.d.ts

@@ -1,5 +1,4 @@
 import { FieldsetHTMLAttributes } from 'react';
-
 interface FieldSetProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
     legend: string;
     name: string;

package/dist/components/toggle/RadioToggle.d.ts

@@ -1,5 +1,4 @@
 import { InputHTMLAttributes } from 'react';
-
 interface RadioToggleInputProps extends InputHTMLAttributes<HTMLInputElement> {
     label: string;
 }

package/dist/components/toggle/docs/Example.d.ts

@@ -1,3 +1,2 @@
 import { FC } from 'react';
-
 export declare const Example: FC;

package/dist/components/toggleButton/ToggleButton.d.ts

@@ -1,6 +1,5 @@
 import { FC, InputHTMLAttributes } from 'react';
 import { JSX } from 'react/jsx-runtime';
-
 interface Props extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
     children: string;
     alwaysShowLabel?: boolean;

package/dist/components/toggleInlineButton/ToggleInlineButton.d.ts

@@ -1,5 +1,4 @@
 import { InputHTMLAttributes } from 'react';
-
 interface Props extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
     lightBackground?: boolean;
     inputClassName?: string;

package/dist/components/toggleLinkButton/{ToggleLinkButton-W1wyWc93.mjs → ToggleLinkButton-aFK3jhbx.mjs}

@@ -2,7 +2,7 @@ import { jsx as n, jsxs as m } from "react/jsx-runtime";
 import { forwardRef as b, useRef as p, useState as h } from "react";
 import { B as C } from "../checkbox/BaseCheckbox-BGkrjof6.mjs";
 import "../icons/HeartToggle-Bwgo4FxH.mjs";
-import { e as N, f as x } from "../icons/Icons-CVv5JxOX.mjs";
+import { e as N, f as x } from "../icons/Icons-2z4jxD15.mjs";
 const B = b(
   ({ defaultChecked: a, toggledContentId: i, lightBackground: r, children: c, onChange: o, id: g, className: d = "", ...u }, _) => {
     const f = p(null), [t, l] = h(!!a), e = _ || f;

package/dist/components/toggleLinkButton/ToggleLinkButton.d.ts

@@ -1,5 +1,4 @@
 import { InputHTMLAttributes } from 'react';
-
 interface Props extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
     children: string;
     toggledContentId: string;

package/dist/components/typography/Typography.d.ts

@@ -1,5 +1,4 @@
 import { ForwardRefExoticComponent, HTMLAttributes } from 'react';
-
 type HeadingLevels = 1 | 2 | 3 | 4;
 type SubHeadingLevels = 2 | 3;
 type AcceptedHTMLElements = HTMLSpanElement | HTMLHeadingElement | HTMLParagraphElement;

package/dist/shared-components.mjs

@@ -5,8 +5,8 @@ import { G as k } from "./components/spacing/Gutter-PXX_UdiX.mjs";
 import { G as N } from "./components/spacing/GutterPadding-Bd7tSm3F.mjs";
 import { N as Q } from "./components/notificationDot/NotificationDot-C2_j4FdL.mjs";
 import { A as _ } from "./components/accordion/Accordion-rewqLwCV.mjs";
-import { P as U } from "./components/panel/Panel-CPz2fLQW.mjs";
-import { A as z } from "./components/alert/Alert-C5wx7EXq.mjs";
+import { P as U } from "./components/panel/Panel-DLDDq0m-.mjs";
+import { A as z } from "./components/alert/Alert-BiVxm3um.mjs";
 import { B as K, a as X } from "./components/breadcrumb/Breadcrumb-BJNLZ7iB.mjs";
 import { P as Z } from "./components/progress/Progress-CjnegHvC.mjs";
 import { L as re } from "./components/loader/Loader-gjL6yh1f.mjs";
@@ -17,7 +17,7 @@ import { G as fe, P as le, S as xe, T as ge } from "./components/button/ArrowBut
 import { G as ye, P as Te, S as ve, T as Be } from "./components/button/IconButton-DVEZ8K3d.mjs";
 import { T as we } from "./components/toggleButton/ToggleButton-CGLyQll6.mjs";
 import { T as Ie } from "./components/toggleInlineButton/ToggleInlineButton-Cnet1doK.mjs";
-import { T as be } from "./components/toggleLinkButton/ToggleLinkButton-W1wyWc93.mjs";
+import { T as be } from "./components/toggleLinkButton/ToggleLinkButton-aFK3jhbx.mjs";
 import { C as Pe } from "./components/checkbox/Checkbox-Cl4PCYXu.mjs";
 import { R as Se } from "./components/toggle/RadioToggle-C_79eEFl.mjs";
 import { F as Ce } from "./components/toggle/FieldSet-BM_JN_UL.mjs";
@@ -25,12 +25,12 @@ import { T as Fe } from "./components/textfield/TextField-Ct-ceRzE.mjs";
 import { P as De } from "./components/textfield/PasswordTextField-BfvT8zYj.mjs";
 import { B as ke, d as Ve, D as Ne, a as $e, b as Qe, c as We, H as _e, L as qe, M as Ue, S as je, e as ze, f as Je, g as Ke, T as Xe } from "./components/typography/Typography-CXNJ1SFo.mjs";
 import { L as Ze } from "./components/list/List-4jHnUXn_.mjs";
-import { C as rr } from "./components/list/CheckmarkListItem-D86vlUxv.mjs";
+import { C as rr } from "./components/list/CheckmarkListItem-B8_bwuQI.mjs";
 import { L as nr } from "./components/list/ListItem-ClQsSisn.mjs";
-import { C as sr } from "./components/list/CrossmarkListItem-CXIrUTPd.mjs";
+import { C as sr } from "./components/list/CrossmarkListItem-5UQyojvM.mjs";
 import { O as ar } from "./components/list/OrderedListItem-CphW2Aa0.mjs";
 import { useState as x, useEffect as m, useRef as c, useCallback as g, useLayoutEffect as y } from "react";
-import { I as ur } from "./components/icons/Icons-CVv5JxOX.mjs";
+import { I as ur } from "./components/icons/Icons-2z4jxD15.mjs";
 import { B as mr } from "./components/button/BaseLinkButton-niQ474XP.mjs";
 const h = "(prefers-reduced-motion: reduce)", T = (e) => typeof window < "u" && window.matchMedia ? window.matchMedia(e).matches : !1, v = (e, t) => {
   typeof e.addEventListener < "u" && e.addEventListener("change", t);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rikstv/shared-components",
-  "version": "3.2.7-alpha.2",
+  "version": "3.2.7-alpha.4",
   "publishConfig": {
     "access": "public"
   },