@altinn/altinn-components 0.26.1 → 0.27.1

package/dist/tokens/altinn-ds.css

@@ -1,10 +1,8 @@
 @charset "UTF-8";
 
-@layer ds.reset, ds.theme, ds.base, ds.utilities, ds.components;
+@layer ds.theme, ds.base, ds.utilities, ds.components;
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
+/* This file is generated by @digdir/designsystemet@1.0.4 */
 
 @layer ds.theme.color-scheme.light {
   :root,
@@ -315,12 +313,30 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.typography.secondary {
   [data-typography="secondary"] {
+    --ds-line-height-sm: 1.3;
+    --ds-line-height-md: 1.5;
+    --ds-line-height-lg: 1.7;
+    --ds-font-size-1: 0.75rem;
+    --ds-font-size-2: 0.875rem;
+    --ds-font-size-3: 1rem;
+    --ds-font-size-4: 1.125rem;
+    --ds-font-size-5: 1.3125rem;
+    --ds-font-size-6: 1.5rem;
+    --ds-font-size-7: 1.875rem;
+    --ds-font-size-8: 2.25rem;
+    --ds-font-size-9: 3rem;
+    --ds-font-size-10: 3.75rem;
+    --ds-letter-spacing-1: -1%;
+    --ds-letter-spacing-2: -0.5%;
+    --ds-letter-spacing-3: -0.25%;
+    --ds-letter-spacing-4: -0.15%;
+    --ds-letter-spacing-5: 0%;
+    --ds-letter-spacing-6: 0.15%;
+    --ds-letter-spacing-7: 0.25%;
+    --ds-letter-spacing-8: 0.5%;
+    --ds-letter-spacing-9: 1.5%;
     --ds-font-family: Inter;
     --ds-font-weight-medium: 500;
     --ds-font-weight-semibold: 600;
@@ -413,34 +429,8 @@
     --ds-body-long-xs-line-height: 1.7;
     --ds-body-long-xs-font-size: 0.875rem;
     --ds-body-long-xs-letter-spacing: 0.15%;
-    --ds-line-height-sm: 1.3;
-    --ds-line-height-md: 1.5;
-    --ds-line-height-lg: 1.7;
-    --ds-font-size-1: 0.75rem;
-    --ds-font-size-2: 0.875rem;
-    --ds-font-size-3: 1rem;
-    --ds-font-size-4: 1.125rem;
-    --ds-font-size-5: 1.3125rem;
-    --ds-font-size-6: 1.5rem;
-    --ds-font-size-7: 1.875rem;
-    --ds-font-size-8: 2.25rem;
-    --ds-font-size-9: 3rem;
-    --ds-font-size-10: 3.75rem;
-    --ds-letter-spacing-1: -1%;
-    --ds-letter-spacing-2: -0.5%;
-    --ds-letter-spacing-3: -0.25%;
-    --ds-letter-spacing-4: -0.15%;
-    --ds-letter-spacing-5: 0%;
-    --ds-letter-spacing-6: 0.15%;
-    --ds-letter-spacing-7: 0.25%;
-    --ds-letter-spacing-8: 0.5%;
-    --ds-letter-spacing-9: 1.5%;
   }
 }
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.semantic {
   :root {
     --ds-size-base: 18;
@@ -453,7 +443,6 @@
     --ds-border-radius-xl: min(var(--ds-border-radius-base) * 3, var(--ds-border-radius-scale) * 7);
     --ds-border-radius-default: var(--ds-border-radius-base);
     --ds-border-radius-full: 624.9375rem;
-    --ds-opacity-disabled: 30%;
     --ds-border-width-default: 1px;
     --ds-border-width-focus: 3px;
     --ds-shadow-xs: 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
@@ -461,6 +450,7 @@
     --ds-shadow-md: 0 0 1px 0 rgba(0, 0, 0, 0.14), 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 4px 8px 0 rgba(0, 0, 0, 0.12);
     --ds-shadow-lg: 0 0 1px 0 rgba(0, 0, 0, 0.13), 0 3px 5px 0 rgba(0, 0, 0, 0.13), 0 6px 12px 0 rgba(0, 0, 0, 0.14);
     --ds-shadow-xl: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 4px 8px 0 rgba(0, 0, 0, 0.16), 0 12px 24px 0 rgba(0, 0, 0, 0.16);
+    --ds-opacity-disabled: 30%;
 
     --ds-size-0: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 0);
     --ds-size-1: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 1);
@@ -483,7 +473,7 @@
     --ds-size-26: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 26);
     --ds-size-30: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 30);
 
-    @supports (width: round(down, 0.1em, 1px)) {
+    @supports (width: round(down, .1em, 1px)) {
       --ds-size-0: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 0), 0.0625rem);
       --ds-size-1: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 1), 0.0625rem);
       --ds-size-2: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 2), 0.0625rem);
@@ -508,10 +498,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color-scheme.dark {
   [data-color-scheme="dark"] {
     --ds-color-company-background-default: #10172c;
@@ -820,13 +806,31 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.typography.primary {
   :root,
   [data-typography="primary"] {
+    --ds-line-height-sm: 1.3;
+    --ds-line-height-md: 1.5;
+    --ds-line-height-lg: 1.7;
+    --ds-font-size-1: 0.75rem;
+    --ds-font-size-2: 0.875rem;
+    --ds-font-size-3: 1rem;
+    --ds-font-size-4: 1.125rem;
+    --ds-font-size-5: 1.3125rem;
+    --ds-font-size-6: 1.5rem;
+    --ds-font-size-7: 1.875rem;
+    --ds-font-size-8: 2.25rem;
+    --ds-font-size-9: 3rem;
+    --ds-font-size-10: 3.75rem;
+    --ds-letter-spacing-1: -1%;
+    --ds-letter-spacing-2: -0.5%;
+    --ds-letter-spacing-3: -0.25%;
+    --ds-letter-spacing-4: -0.15%;
+    --ds-letter-spacing-5: 0%;
+    --ds-letter-spacing-6: 0.15%;
+    --ds-letter-spacing-7: 0.25%;
+    --ds-letter-spacing-8: 0.5%;
+    --ds-letter-spacing-9: 1.5%;
     --ds-font-family: Inter;
     --ds-font-weight-medium: 500;
     --ds-font-weight-semibold: 600;
@@ -919,34 +923,8 @@
     --ds-body-long-xs-line-height: 1.7;
     --ds-body-long-xs-font-size: 0.875rem;
     --ds-body-long-xs-letter-spacing: 0.15%;
-    --ds-line-height-sm: 1.3;
-    --ds-line-height-md: 1.5;
-    --ds-line-height-lg: 1.7;
-    --ds-font-size-1: 0.75rem;
-    --ds-font-size-2: 0.875rem;
-    --ds-font-size-3: 1rem;
-    --ds-font-size-4: 1.125rem;
-    --ds-font-size-5: 1.3125rem;
-    --ds-font-size-6: 1.5rem;
-    --ds-font-size-7: 1.875rem;
-    --ds-font-size-8: 2.25rem;
-    --ds-font-size-9: 3rem;
-    --ds-font-size-10: 3.75rem;
-    --ds-letter-spacing-1: -1%;
-    --ds-letter-spacing-2: -0.5%;
-    --ds-letter-spacing-3: -0.25%;
-    --ds-letter-spacing-4: -0.15%;
-    --ds-letter-spacing-5: 0%;
-    --ds-letter-spacing-6: 0.15%;
-    --ds-letter-spacing-7: 0.25%;
-    --ds-letter-spacing-8: 0.5%;
-    --ds-letter-spacing-9: 1.5%;
   }
 }
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   [data-color="alert"],
   [data-color-scheme][data-color="alert"] {
@@ -969,10 +947,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   [data-color="article"],
   [data-color-scheme][data-color="article"] {
@@ -995,10 +969,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   :root,
   [data-color-scheme],
@@ -1022,10 +992,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   [data-color="danger"],
   [data-color-scheme][data-color="danger"] {
@@ -1048,10 +1014,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   [data-color="info"],
   [data-color-scheme][data-color="info"] {
@@ -1074,10 +1036,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   [data-color="neutral"],
   [data-color-scheme][data-color="neutral"] {
@@ -1100,10 +1058,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   [data-color="person"],
   [data-color-scheme][data-color="person"] {
@@ -1126,10 +1080,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   [data-color="success"],
   [data-color-scheme][data-color="success"] {
@@ -1152,10 +1102,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   [data-color="warning"],
   [data-color-scheme][data-color="warning"] {

package/dist/tokens/design-tokens-build/altinn-ds.css

@@ -1,10 +1,8 @@
 @charset "UTF-8";
 
-@layer ds.reset, ds.theme, ds.base, ds.utilities, ds.components;
+@layer ds.theme, ds.base, ds.utilities, ds.components;
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
+/* This file is generated by @digdir/designsystemet@1.0.4 */
 
 @layer ds.theme.color-scheme.light {
   :root,
@@ -315,12 +313,30 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.typography.secondary {
   [data-typography="secondary"] {
+    --ds-line-height-sm: 1.3;
+    --ds-line-height-md: 1.5;
+    --ds-line-height-lg: 1.7;
+    --ds-font-size-1: 0.75rem;
+    --ds-font-size-2: 0.875rem;
+    --ds-font-size-3: 1rem;
+    --ds-font-size-4: 1.125rem;
+    --ds-font-size-5: 1.3125rem;
+    --ds-font-size-6: 1.5rem;
+    --ds-font-size-7: 1.875rem;
+    --ds-font-size-8: 2.25rem;
+    --ds-font-size-9: 3rem;
+    --ds-font-size-10: 3.75rem;
+    --ds-letter-spacing-1: -1%;
+    --ds-letter-spacing-2: -0.5%;
+    --ds-letter-spacing-3: -0.25%;
+    --ds-letter-spacing-4: -0.15%;
+    --ds-letter-spacing-5: 0%;
+    --ds-letter-spacing-6: 0.15%;
+    --ds-letter-spacing-7: 0.25%;
+    --ds-letter-spacing-8: 0.5%;
+    --ds-letter-spacing-9: 1.5%;
     --ds-font-family: Inter;
     --ds-font-weight-medium: 500;
     --ds-font-weight-semibold: 600;
@@ -413,34 +429,8 @@
     --ds-body-long-xs-line-height: 1.7;
     --ds-body-long-xs-font-size: 0.875rem;
     --ds-body-long-xs-letter-spacing: 0.15%;
-    --ds-line-height-sm: 1.3;
-    --ds-line-height-md: 1.5;
-    --ds-line-height-lg: 1.7;
-    --ds-font-size-1: 0.75rem;
-    --ds-font-size-2: 0.875rem;
-    --ds-font-size-3: 1rem;
-    --ds-font-size-4: 1.125rem;
-    --ds-font-size-5: 1.3125rem;
-    --ds-font-size-6: 1.5rem;
-    --ds-font-size-7: 1.875rem;
-    --ds-font-size-8: 2.25rem;
-    --ds-font-size-9: 3rem;
-    --ds-font-size-10: 3.75rem;
-    --ds-letter-spacing-1: -1%;
-    --ds-letter-spacing-2: -0.5%;
-    --ds-letter-spacing-3: -0.25%;
-    --ds-letter-spacing-4: -0.15%;
-    --ds-letter-spacing-5: 0%;
-    --ds-letter-spacing-6: 0.15%;
-    --ds-letter-spacing-7: 0.25%;
-    --ds-letter-spacing-8: 0.5%;
-    --ds-letter-spacing-9: 1.5%;
   }
 }
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.semantic {
   :root {
     --ds-size-base: 18;
@@ -453,7 +443,6 @@
     --ds-border-radius-xl: min(var(--ds-border-radius-base) * 3, var(--ds-border-radius-scale) * 7);
     --ds-border-radius-default: var(--ds-border-radius-base);
     --ds-border-radius-full: 624.9375rem;
-    --ds-opacity-disabled: 30%;
     --ds-border-width-default: 1px;
     --ds-border-width-focus: 3px;
     --ds-shadow-xs: 0 0 1px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.12);
@@ -461,6 +450,7 @@
     --ds-shadow-md: 0 0 1px 0 rgba(0, 0, 0, 0.14), 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 4px 8px 0 rgba(0, 0, 0, 0.12);
     --ds-shadow-lg: 0 0 1px 0 rgba(0, 0, 0, 0.13), 0 3px 5px 0 rgba(0, 0, 0, 0.13), 0 6px 12px 0 rgba(0, 0, 0, 0.14);
     --ds-shadow-xl: 0 0 1px 0 rgba(0, 0, 0, 0.12), 0 4px 8px 0 rgba(0, 0, 0, 0.16), 0 12px 24px 0 rgba(0, 0, 0, 0.16);
+    --ds-opacity-disabled: 30%;
 
     --ds-size-0: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 0);
     --ds-size-1: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 1);
@@ -483,7 +473,7 @@
     --ds-size-26: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 26);
     --ds-size-30: calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 30);
 
-    @supports (width: round(down, 0.1em, 1px)) {
+    @supports (width: round(down, .1em, 1px)) {
       --ds-size-0: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 0), 0.0625rem);
       --ds-size-1: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 1), 0.0625rem);
       --ds-size-2: round(down, calc(var(--ds-size-step) / var(--ds-size-base) * 1em * 2), 0.0625rem);
@@ -508,10 +498,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color-scheme.dark {
   [data-color-scheme="dark"] {
     --ds-color-company-background-default: #10172c;
@@ -820,13 +806,31 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.typography.primary {
   :root,
   [data-typography="primary"] {
+    --ds-line-height-sm: 1.3;
+    --ds-line-height-md: 1.5;
+    --ds-line-height-lg: 1.7;
+    --ds-font-size-1: 0.75rem;
+    --ds-font-size-2: 0.875rem;
+    --ds-font-size-3: 1rem;
+    --ds-font-size-4: 1.125rem;
+    --ds-font-size-5: 1.3125rem;
+    --ds-font-size-6: 1.5rem;
+    --ds-font-size-7: 1.875rem;
+    --ds-font-size-8: 2.25rem;
+    --ds-font-size-9: 3rem;
+    --ds-font-size-10: 3.75rem;
+    --ds-letter-spacing-1: -1%;
+    --ds-letter-spacing-2: -0.5%;
+    --ds-letter-spacing-3: -0.25%;
+    --ds-letter-spacing-4: -0.15%;
+    --ds-letter-spacing-5: 0%;
+    --ds-letter-spacing-6: 0.15%;
+    --ds-letter-spacing-7: 0.25%;
+    --ds-letter-spacing-8: 0.5%;
+    --ds-letter-spacing-9: 1.5%;
     --ds-font-family: Inter;
     --ds-font-weight-medium: 500;
     --ds-font-weight-semibold: 600;
@@ -919,34 +923,8 @@
     --ds-body-long-xs-line-height: 1.7;
     --ds-body-long-xs-font-size: 0.875rem;
     --ds-body-long-xs-letter-spacing: 0.15%;
-    --ds-line-height-sm: 1.3;
-    --ds-line-height-md: 1.5;
-    --ds-line-height-lg: 1.7;
-    --ds-font-size-1: 0.75rem;
-    --ds-font-size-2: 0.875rem;
-    --ds-font-size-3: 1rem;
-    --ds-font-size-4: 1.125rem;
-    --ds-font-size-5: 1.3125rem;
-    --ds-font-size-6: 1.5rem;
-    --ds-font-size-7: 1.875rem;
-    --ds-font-size-8: 2.25rem;
-    --ds-font-size-9: 3rem;
-    --ds-font-size-10: 3.75rem;
-    --ds-letter-spacing-1: -1%;
-    --ds-letter-spacing-2: -0.5%;
-    --ds-letter-spacing-3: -0.25%;
-    --ds-letter-spacing-4: -0.15%;
-    --ds-letter-spacing-5: 0%;
-    --ds-letter-spacing-6: 0.15%;
-    --ds-letter-spacing-7: 0.25%;
-    --ds-letter-spacing-8: 0.5%;
-    --ds-letter-spacing-9: 1.5%;
   }
 }
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   [data-color="alert"],
   [data-color-scheme][data-color="alert"] {
@@ -969,10 +947,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   [data-color="article"],
   [data-color-scheme][data-color="article"] {
@@ -995,10 +969,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   :root,
   [data-color-scheme],
@@ -1022,10 +992,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   [data-color="danger"],
   [data-color-scheme][data-color="danger"] {
@@ -1048,10 +1014,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   [data-color="info"],
   [data-color-scheme][data-color="info"] {
@@ -1074,10 +1036,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   [data-color="neutral"],
   [data-color-scheme][data-color="neutral"] {
@@ -1100,10 +1058,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   [data-color="person"],
   [data-color-scheme][data-color="person"] {
@@ -1126,10 +1080,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   [data-color="success"],
   [data-color-scheme][data-color="success"] {
@@ -1152,10 +1102,6 @@
   }
 }
 
-/**
- * These files are generated from design tokens defind using Token Studio
- */
-
 @layer ds.theme.color {
   [data-color="warning"],
   [data-color-scheme][data-color="warning"] {

package/dist/types/fields.js

@@ -0,0 +1 @@
+

package/dist/types/lib/components/Bookmarks/BookmarksSection.stories.d.ts

@@ -11,7 +11,6 @@ declare const meta: {
         titleField: {
             label: string;
             placeholder: string;
-            helperText: string;
         };
         description: string;
         items: ({

package/dist/types/lib/components/Button/Button.d.ts

@@ -3,9 +3,8 @@ import { ButtonBaseProps } from './ButtonBase';
 export interface ButtonProps extends Partial<ButtonBaseProps> {
     icon?: SvgElement;
     ariaLabel?: string;
-    reverse?: boolean;
     loading?: boolean;
     loadingText?: string;
     label?: string;
 }
-export declare const Button: ({ variant, color, size, reverse, selected, icon, href, label, children, className, loading, loadingText, ariaLabel, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ variant, color, size, selected, icon, href, label, children, className, loading, loadingText, ariaLabel, ...rest }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Button/Button.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ variant, color, size, reverse, selected, icon, href, label, children, className, loading, loadingText, ariaLabel, ...rest }: import('./Button').ButtonProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ variant, color, size, selected, icon, href, label, children, className, loading, loadingText, ariaLabel, ...rest }: import('./Button').ButtonProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     parameters: {};
     args: {
@@ -16,3 +16,7 @@ export declare const Outline: Story;
 export declare const Text: Story;
 export declare const Loading: Story;
 export declare const Disabled: Story;
+export declare const Sizes: (args: Story) => import("react/jsx-runtime").JSX.Element;
+export declare const Variants: (args: Story) => import("react/jsx-runtime").JSX.Element;
+export declare const ToolbarButtons: (args: Story) => import("react/jsx-runtime").JSX.Element;
+export declare const Specimens: (args: Story) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Button/ButtonBase.d.ts

@@ -1,6 +1,6 @@
 import { ElementType, ReactNode } from 'react';
 import { Color } from '..';
-export type ButtonVariant = 'solid' | 'outline' | 'dotted' | 'text' | 'link';
+export type ButtonVariant = 'solid' | 'tinted' | 'outline' | 'dotted' | 'text' | 'link';
 export type ButtonSize = 'xs' | 'sm' | 'md' | 'lg' | 'custom';
 export type ButtonColor = Color | 'inherit';
 export interface ButtonBaseProps extends React.HTMLAttributes<HTMLButtonElement> {
@@ -11,6 +11,7 @@ export interface ButtonBaseProps extends React.HTMLAttributes<HTMLButtonElement>
     as?: ElementType;
     size?: ButtonSize;
     variant?: ButtonVariant;
+    reverse?: boolean;
     color?: ButtonColor;
     selected?: boolean;
     disabled?: boolean;
@@ -19,4 +20,4 @@ export interface ButtonBaseProps extends React.HTMLAttributes<HTMLButtonElement>
     children?: ReactNode;
     ariaLabel?: string;
 }
-export declare const ButtonBase: ({ as, color, className, children, disabled, ariaLabel, size, selected, variant, tabIndex, ...rest }: ButtonBaseProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonBase: ({ as, color, className, children, reverse, disabled, ariaLabel, size, selected, variant, tabIndex, ...rest }: ButtonBaseProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Button/ComboButton.d.ts

@@ -9,4 +9,4 @@ export interface ComboButtonProps extends Omit<ButtonBaseProps, 'onClick'> {
     onLabelClick?: MouseEventHandler<HTMLButtonElement>;
     disabled?: boolean;
 }
-export declare const ComboButton: ({ variant, color, size, selected, icon, children, className, ariaLabel, onLabelClick, onIconClick, }: ComboButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ComboButton: ({ variant, color, size, selected, icon, children, className, ariaLabel, onLabelClick, onIconClick, iconAltText, }: ComboButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Dialog/DialogActions.d.ts

@@ -12,5 +12,6 @@ export interface DialogActionsProps {
     maxItems?: number;
     /** Unique id for the dialog if multiple DialogAction are needed */
     id?: string;
+    expandAltLabel?: string;
 }
-export declare const DialogActions: ({ items, maxItems, id }: DialogActionsProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const DialogActions: ({ items, maxItems, id, expandAltLabel }: DialogActionsProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/types/lib/components/Dialog/DialogActions.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ items, maxItems, id }: import('./DialogActions').DialogActionsProps) => import("react/jsx-runtime").JSX.Element | null;
+    component: ({ items, maxItems, id, expandAltLabel }: import('./DialogActions').DialogActionsProps) => import("react/jsx-runtime").JSX.Element | null;
     tags: string[];
     args: {
         items: ({

package/dist/types/lib/components/Dialog/DialogListItem.d.ts

@@ -71,4 +71,4 @@ export interface DialogListItemProps extends ListItemProps {
  * summary, sender, and receiver.
  * to mark the item as checked/unchecked and can visually indicate if it is unread.
  */
-export declare const DialogListItem: ({ size, state, loading, controls, select, selected, status, sender, recipient, recipientLabel, grouped, updatedAt, updatedAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, badge, dueAt, dueAtLabel, seen, seenBy, touchedBy, attachmentsCount, title, description, summary, theme, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DialogListItem: ({ size, state, loading, controls, select, selected, status, sender, recipient, recipientLabel, grouped, updatedAt, updatedAtLabel, archivedAt, archivedAtLabel, trashedAt, trashedAtLabel, badge, dueAt, dueAtLabel, seen, seenBy, touchedBy, attachmentsCount, title, description, summary, theme, id, ...rest }: DialogListItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/Checkbox.d.ts

@@ -0,0 +1,7 @@
+import { CheckboxProps as DsCheckboxProps } from '@digdir/designsystemet-react';
+import { FieldColor, FieldSize } from '../../types/fields.ts';
+export type CheckboxProps = {
+    size?: FieldSize;
+    color?: FieldColor;
+} & DsCheckboxProps;
+export declare const Checkbox: ({ size, color, label, ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/Checkbox.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ size, color, label, ...rest }: import('./Checkbox').CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        name: string;
+        value: string;
+        label: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/types/lib/components/Forms/CheckboxOptions.d.ts

@@ -0,0 +1,5 @@
+import { CheckboxProps, OptionsBaseProps } from '..';
+export interface CheckboxOptionsProps extends OptionsBaseProps {
+    options?: CheckboxProps[];
+}
+export declare const CheckboxOptions: ({ options, ...restProps }: CheckboxOptionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/lib/components/Forms/CheckboxOptions.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: ({ options, ...restProps }: import('./CheckboxOptions').CheckboxOptionsProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {};
+    args: {
+        options: {
+            name: string;
+            value: string;
+            label: string;
+        }[];
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Inline: Story;