@norges-domstoler/dds-components 22.6.0 → 22.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/index.css +39 -18
  2. package/dist/index.css.map +1 -1
  3. package/dist/index.d.mts +22 -11
  4. package/dist/index.d.ts +22 -11
  5. package/dist/index.js +890 -871
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +880 -861
  8. package/dist/index.mjs.map +1 -1
  9. package/package.json +7 -7
package/dist/index.d.mts CHANGED
@@ -1101,6 +1101,12 @@ declare const Box: {
1101
1101
  displayName: string;
1102
1102
  };
1103
1103
 
1104
+ type ContrastProps<T extends ElementType = 'div'> = BoxProps<T>;
1105
+ declare const Contrast: {
1106
+ <T extends ElementType = "div">({ id, className, style, htmlProps, ...rest }: ContrastProps<T>): react_jsx_runtime.JSX.Element;
1107
+ displayName: string;
1108
+ };
1109
+
1104
1110
  type GridProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T, Omit<{
1105
1111
  /** CSS `grid-template-columns`. Støtter standardverdier per brekkpunkt eller samme for alle skjermstørrelser.
1106
1112
  * @default {
@@ -1742,7 +1748,6 @@ declare function useTheme(): {
1742
1748
  ddsFontLineheightX1: 1.5;
1743
1749
  ddsFontLineheightX3: 1.2;
1744
1750
  ddsFontLineheightX2: 1.3;
1745
- ddsFontLineheightList: 2;
1746
1751
  ddsFontLetterSpacingTight: "-0.01em";
1747
1752
  ddsFontLetterSpacingNormal: "0em";
1748
1753
  ddsFontLetterSpacingLoose: "0.01em";
@@ -1752,6 +1757,8 @@ declare function useTheme(): {
1752
1757
  ddsFontParagraphSpacingMediumNumberEm: 0.66;
1753
1758
  ddsFontParagraphSpacingLarge: "0.5em";
1754
1759
  ddsFontParagraphSpacingLargeNumberEm: 0.5;
1760
+ ddsFontParagraphSpacingList: "0.5em";
1761
+ ddsFontParagraphSpacingListNumberEm: 0.5;
1755
1762
  ddsFontParagraphSpacingHeading: "0.4em";
1756
1763
  ddsFontParagraphSpacingHeadingNumberEm: 0.4;
1757
1764
  ddsFontStyleUnderline: "underline";
@@ -2170,7 +2177,6 @@ declare function useTheme(): {
2170
2177
  ddsFontLineheightX1: 1.5;
2171
2178
  ddsFontLineheightX3: 1.2;
2172
2179
  ddsFontLineheightX2: 1.3;
2173
- ddsFontLineheightList: 2;
2174
2180
  ddsFontLetterSpacingTight: "-0.01em";
2175
2181
  ddsFontLetterSpacingNormal: "0em";
2176
2182
  ddsFontLetterSpacingLoose: "0.01em";
@@ -2180,6 +2186,8 @@ declare function useTheme(): {
2180
2186
  ddsFontParagraphSpacingMediumNumberEm: 0.66;
2181
2187
  ddsFontParagraphSpacingLarge: "0.5em";
2182
2188
  ddsFontParagraphSpacingLargeNumberEm: 0.5;
2189
+ ddsFontParagraphSpacingList: "0.5em";
2190
+ ddsFontParagraphSpacingListNumberEm: 0.5;
2183
2191
  ddsFontParagraphSpacingHeading: "0.4em";
2184
2192
  ddsFontParagraphSpacingHeadingNumberEm: 0.4;
2185
2193
  ddsFontStyleUnderline: "underline";
@@ -2598,7 +2606,6 @@ declare function useTheme(): {
2598
2606
  ddsFontLineheightX1: 1.5;
2599
2607
  ddsFontLineheightX3: 1.2;
2600
2608
  ddsFontLineheightX2: 1.3;
2601
- ddsFontLineheightList: 2;
2602
2609
  ddsFontLetterSpacingTight: "-0.01em";
2603
2610
  ddsFontLetterSpacingNormal: "0em";
2604
2611
  ddsFontLetterSpacingLoose: "0.01em";
@@ -2608,6 +2615,8 @@ declare function useTheme(): {
2608
2615
  ddsFontParagraphSpacingMediumNumberEm: 0.66;
2609
2616
  ddsFontParagraphSpacingLarge: "0.5em";
2610
2617
  ddsFontParagraphSpacingLargeNumberEm: 0.5;
2618
+ ddsFontParagraphSpacingList: "0.5em";
2619
+ ddsFontParagraphSpacingListNumberEm: 0.5;
2611
2620
  ddsFontParagraphSpacingHeading: "0.4em";
2612
2621
  ddsFontParagraphSpacingHeadingNumberEm: 0.4;
2613
2622
  ddsFontStyleUnderline: "underline";
@@ -3026,7 +3035,6 @@ declare function useTheme(): {
3026
3035
  ddsFontLineheightX1: 1.5;
3027
3036
  ddsFontLineheightX3: 1.2;
3028
3037
  ddsFontLineheightX2: 1.3;
3029
- ddsFontLineheightList: 2;
3030
3038
  ddsFontLetterSpacingTight: "-0.01em";
3031
3039
  ddsFontLetterSpacingNormal: "0em";
3032
3040
  ddsFontLetterSpacingLoose: "0.01em";
@@ -3036,6 +3044,8 @@ declare function useTheme(): {
3036
3044
  ddsFontParagraphSpacingMediumNumberEm: 0.66;
3037
3045
  ddsFontParagraphSpacingLarge: "0.5em";
3038
3046
  ddsFontParagraphSpacingLargeNumberEm: 0.5;
3047
+ ddsFontParagraphSpacingList: "0.5em";
3048
+ ddsFontParagraphSpacingListNumberEm: 0.5;
3039
3049
  ddsFontParagraphSpacingHeading: "0.4em";
3040
3050
  ddsFontParagraphSpacingHeadingNumberEm: 0.4;
3041
3051
  ddsFontStyleUnderline: "underline";
@@ -3831,12 +3841,6 @@ declare const ChipGroup: {
3831
3841
  displayName: string;
3832
3842
  };
3833
3843
 
3834
- type ContrastProps<T extends ElementType = 'div'> = BoxProps<T>;
3835
- declare const Contrast: {
3836
- <T extends ElementType = "div">({ id, className, style, htmlProps, ...rest }: ContrastProps<T>): react_jsx_runtime.JSX.Element;
3837
- displayName: string;
3838
- };
3839
-
3840
3844
  type CookieBannerCheckboxProps = Omit<CheckboxProps, 'label' | 'children'> & {
3841
3845
  /**Header - kort oppsummering av den spesifikke typen informasjonskapsel. */
3842
3846
  headerText?: string;
@@ -3860,7 +3864,7 @@ type CookieBannerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
3860
3864
  /**Brekkpunkt for sammentrukket variant; Brukes på siden med detaljer om informasjonskapsler. */
3861
3865
  collapsedBreakpoint?: Breakpoint;
3862
3866
  } & Pick<ResponsiveProps, 'position' | 'top' | 'bottom' | 'left' | 'right' | 'width' | 'maxHeight'>>;
3863
- declare function CookieBanner({ headerText, description, buttons, checkboxes, id, className, style, htmlProps, maxHeight, width, children, collapsedBreakpoint, ...rest }: CookieBannerProps): react_jsx_runtime.JSX.Element;
3867
+ declare function CookieBanner({ headerText, description, buttons, checkboxes, id, className, style, htmlProps, maxHeight, width, children, collapsedBreakpoint, ref, ...rest }: CookieBannerProps): react_jsx_runtime.JSX.Element;
3864
3868
  declare namespace CookieBanner {
3865
3869
  var displayName: string;
3866
3870
  }
@@ -5403,7 +5407,14 @@ declare const TextInput: {
5403
5407
  type ToggleBarValue = string | number | null | undefined;
5404
5408
  declare const TOGGLE_BAR_SIZES: ["xsmall", "small", "medium", "large"];
5405
5409
  type ToggleBarSize = (typeof TOGGLE_BAR_SIZES)[number];
5410
+ declare const TOGGLE_BAR_PURPOSES: ["primary", "secondary"];
5411
+ type ToggleBarPurpose = (typeof TOGGLE_BAR_PURPOSES)[number];
5406
5412
  type ToggleBarProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, {
5413
+ /**
5414
+ * Formål med komponenten.
5415
+ * @default "primary"
5416
+ */
5417
+ purpose?: ToggleBarPurpose;
5407
5418
  /**Størrelse på komponenten.
5408
5419
  * @default "medium"
5409
5420
  */
package/dist/index.d.ts CHANGED
@@ -1101,6 +1101,12 @@ declare const Box: {
1101
1101
  displayName: string;
1102
1102
  };
1103
1103
 
1104
+ type ContrastProps<T extends ElementType = 'div'> = BoxProps<T>;
1105
+ declare const Contrast: {
1106
+ <T extends ElementType = "div">({ id, className, style, htmlProps, ...rest }: ContrastProps<T>): react_jsx_runtime.JSX.Element;
1107
+ displayName: string;
1108
+ };
1109
+
1104
1110
  type GridProps<T extends ElementType = 'div'> = PolymorphicBaseComponentProps<T, Omit<{
1105
1111
  /** CSS `grid-template-columns`. Støtter standardverdier per brekkpunkt eller samme for alle skjermstørrelser.
1106
1112
  * @default {
@@ -1742,7 +1748,6 @@ declare function useTheme(): {
1742
1748
  ddsFontLineheightX1: 1.5;
1743
1749
  ddsFontLineheightX3: 1.2;
1744
1750
  ddsFontLineheightX2: 1.3;
1745
- ddsFontLineheightList: 2;
1746
1751
  ddsFontLetterSpacingTight: "-0.01em";
1747
1752
  ddsFontLetterSpacingNormal: "0em";
1748
1753
  ddsFontLetterSpacingLoose: "0.01em";
@@ -1752,6 +1757,8 @@ declare function useTheme(): {
1752
1757
  ddsFontParagraphSpacingMediumNumberEm: 0.66;
1753
1758
  ddsFontParagraphSpacingLarge: "0.5em";
1754
1759
  ddsFontParagraphSpacingLargeNumberEm: 0.5;
1760
+ ddsFontParagraphSpacingList: "0.5em";
1761
+ ddsFontParagraphSpacingListNumberEm: 0.5;
1755
1762
  ddsFontParagraphSpacingHeading: "0.4em";
1756
1763
  ddsFontParagraphSpacingHeadingNumberEm: 0.4;
1757
1764
  ddsFontStyleUnderline: "underline";
@@ -2170,7 +2177,6 @@ declare function useTheme(): {
2170
2177
  ddsFontLineheightX1: 1.5;
2171
2178
  ddsFontLineheightX3: 1.2;
2172
2179
  ddsFontLineheightX2: 1.3;
2173
- ddsFontLineheightList: 2;
2174
2180
  ddsFontLetterSpacingTight: "-0.01em";
2175
2181
  ddsFontLetterSpacingNormal: "0em";
2176
2182
  ddsFontLetterSpacingLoose: "0.01em";
@@ -2180,6 +2186,8 @@ declare function useTheme(): {
2180
2186
  ddsFontParagraphSpacingMediumNumberEm: 0.66;
2181
2187
  ddsFontParagraphSpacingLarge: "0.5em";
2182
2188
  ddsFontParagraphSpacingLargeNumberEm: 0.5;
2189
+ ddsFontParagraphSpacingList: "0.5em";
2190
+ ddsFontParagraphSpacingListNumberEm: 0.5;
2183
2191
  ddsFontParagraphSpacingHeading: "0.4em";
2184
2192
  ddsFontParagraphSpacingHeadingNumberEm: 0.4;
2185
2193
  ddsFontStyleUnderline: "underline";
@@ -2598,7 +2606,6 @@ declare function useTheme(): {
2598
2606
  ddsFontLineheightX1: 1.5;
2599
2607
  ddsFontLineheightX3: 1.2;
2600
2608
  ddsFontLineheightX2: 1.3;
2601
- ddsFontLineheightList: 2;
2602
2609
  ddsFontLetterSpacingTight: "-0.01em";
2603
2610
  ddsFontLetterSpacingNormal: "0em";
2604
2611
  ddsFontLetterSpacingLoose: "0.01em";
@@ -2608,6 +2615,8 @@ declare function useTheme(): {
2608
2615
  ddsFontParagraphSpacingMediumNumberEm: 0.66;
2609
2616
  ddsFontParagraphSpacingLarge: "0.5em";
2610
2617
  ddsFontParagraphSpacingLargeNumberEm: 0.5;
2618
+ ddsFontParagraphSpacingList: "0.5em";
2619
+ ddsFontParagraphSpacingListNumberEm: 0.5;
2611
2620
  ddsFontParagraphSpacingHeading: "0.4em";
2612
2621
  ddsFontParagraphSpacingHeadingNumberEm: 0.4;
2613
2622
  ddsFontStyleUnderline: "underline";
@@ -3026,7 +3035,6 @@ declare function useTheme(): {
3026
3035
  ddsFontLineheightX1: 1.5;
3027
3036
  ddsFontLineheightX3: 1.2;
3028
3037
  ddsFontLineheightX2: 1.3;
3029
- ddsFontLineheightList: 2;
3030
3038
  ddsFontLetterSpacingTight: "-0.01em";
3031
3039
  ddsFontLetterSpacingNormal: "0em";
3032
3040
  ddsFontLetterSpacingLoose: "0.01em";
@@ -3036,6 +3044,8 @@ declare function useTheme(): {
3036
3044
  ddsFontParagraphSpacingMediumNumberEm: 0.66;
3037
3045
  ddsFontParagraphSpacingLarge: "0.5em";
3038
3046
  ddsFontParagraphSpacingLargeNumberEm: 0.5;
3047
+ ddsFontParagraphSpacingList: "0.5em";
3048
+ ddsFontParagraphSpacingListNumberEm: 0.5;
3039
3049
  ddsFontParagraphSpacingHeading: "0.4em";
3040
3050
  ddsFontParagraphSpacingHeadingNumberEm: 0.4;
3041
3051
  ddsFontStyleUnderline: "underline";
@@ -3831,12 +3841,6 @@ declare const ChipGroup: {
3831
3841
  displayName: string;
3832
3842
  };
3833
3843
 
3834
- type ContrastProps<T extends ElementType = 'div'> = BoxProps<T>;
3835
- declare const Contrast: {
3836
- <T extends ElementType = "div">({ id, className, style, htmlProps, ...rest }: ContrastProps<T>): react_jsx_runtime.JSX.Element;
3837
- displayName: string;
3838
- };
3839
-
3840
3844
  type CookieBannerCheckboxProps = Omit<CheckboxProps, 'label' | 'children'> & {
3841
3845
  /**Header - kort oppsummering av den spesifikke typen informasjonskapsel. */
3842
3846
  headerText?: string;
@@ -3860,7 +3864,7 @@ type CookieBannerProps = BaseComponentPropsWithChildren<HTMLDivElement, {
3860
3864
  /**Brekkpunkt for sammentrukket variant; Brukes på siden med detaljer om informasjonskapsler. */
3861
3865
  collapsedBreakpoint?: Breakpoint;
3862
3866
  } & Pick<ResponsiveProps, 'position' | 'top' | 'bottom' | 'left' | 'right' | 'width' | 'maxHeight'>>;
3863
- declare function CookieBanner({ headerText, description, buttons, checkboxes, id, className, style, htmlProps, maxHeight, width, children, collapsedBreakpoint, ...rest }: CookieBannerProps): react_jsx_runtime.JSX.Element;
3867
+ declare function CookieBanner({ headerText, description, buttons, checkboxes, id, className, style, htmlProps, maxHeight, width, children, collapsedBreakpoint, ref, ...rest }: CookieBannerProps): react_jsx_runtime.JSX.Element;
3864
3868
  declare namespace CookieBanner {
3865
3869
  var displayName: string;
3866
3870
  }
@@ -5403,7 +5407,14 @@ declare const TextInput: {
5403
5407
  type ToggleBarValue = string | number | null | undefined;
5404
5408
  declare const TOGGLE_BAR_SIZES: ["xsmall", "small", "medium", "large"];
5405
5409
  type ToggleBarSize = (typeof TOGGLE_BAR_SIZES)[number];
5410
+ declare const TOGGLE_BAR_PURPOSES: ["primary", "secondary"];
5411
+ type ToggleBarPurpose = (typeof TOGGLE_BAR_PURPOSES)[number];
5406
5412
  type ToggleBarProps<T extends string | number> = BaseComponentPropsWithChildren<HTMLDivElement, {
5413
+ /**
5414
+ * Formål med komponenten.
5415
+ * @default "primary"
5416
+ */
5417
+ purpose?: ToggleBarPurpose;
5407
5418
  /**Størrelse på komponenten.
5408
5419
  * @default "medium"
5409
5420
  */