@norges-domstoler/dds-components 21.2.0 → 21.2.1

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.
package/dist/index.d.mts CHANGED
@@ -742,7 +742,7 @@ declare const getLiteralScreenSize: (screenSize: ScreenSize) => Breakpoint;
742
742
 
743
743
  type StylelessListProps<TProps extends object = object> = TProps & ComponentPropsWithRef<'ul'>;
744
744
  declare const StylelessList: ({ className, ...rest }: StylelessListProps) => react_jsx_runtime.JSX.Element;
745
- type StylelessOListProps<TProps extends object = object> = TProps & ComponentPropsWithRef<'ul'>;
745
+ type StylelessOListProps<TProps extends object = object> = TProps & ComponentPropsWithRef<'ol'>;
746
746
  declare const StylelessOList: ({ className, ...rest }: StylelessOListProps) => react_jsx_runtime.JSX.Element;
747
747
 
748
748
  /**
@@ -3161,6 +3161,9 @@ declare function useTheme(): {
3161
3161
  ddsZindexDropdown: "100";
3162
3162
  ddsZindexSticky: "50";
3163
3163
  ddsZindexAbsoluteElement: "1";
3164
+ ddsColorData10Default: "#196b8f";
3165
+ ddsColorData10Subtle: "#96c5d9";
3166
+ ddsColorData10Border: "#196b8f";
3164
3167
  ddsColorDataRed100: "#f8d2d4";
3165
3168
  ddsColorDataRed200: "#f0a5a9";
3166
3169
  ddsColorDataRed300: "#e9787e";
@@ -3251,11 +3254,38 @@ declare function useTheme(): {
3251
3254
  ddsColorDataGray700: "#444444";
3252
3255
  ddsColorDataGray800: "#2e2e2e";
3253
3256
  ddsColorDataGray900: "#171717";
3257
+ ddsColorData01Default: "#0f62fe";
3258
+ ddsColorData01Subtle: "#9fc0ff";
3259
+ ddsColorData01Border: "#0f62fe";
3260
+ ddsColorData02Default: "#b3572f";
3261
+ ddsColorData02Subtle: "#e1bcac";
3262
+ ddsColorData02Border: "#b3572f";
3263
+ ddsColorData03Default: "#727272";
3264
+ ddsColorData03Subtle: "#c7c7c7";
3265
+ ddsColorData03Border: "#727272";
3266
+ ddsColorData04Default: "#198038";
3267
+ ddsColorData04Subtle: "#a3ccaf";
3268
+ ddsColorData04Border: "#198038";
3269
+ ddsColorData05Default: "#8a3ffc";
3270
+ ddsColorData05Subtle: "#d0b2fe";
3271
+ ddsColorData05Border: "#8a3ffc";
3272
+ ddsColorData06Default: "#b62665";
3273
+ ddsColorData06Subtle: "#dfa5bf";
3274
+ ddsColorData06Border: "#b62665";
3275
+ ddsColorData07Default: "#7c7518";
3276
+ ddsColorData07Subtle: "#cdc9a1";
3277
+ ddsColorData07Border: "#7c7518";
3278
+ ddsColorData08Default: "#da1e28";
3279
+ ddsColorData08Subtle: "#f0a5a9";
3280
+ ddsColorData08Border: "#da1e28";
3281
+ ddsColorData09Default: "#007d79";
3282
+ ddsColorData09Subtle: "#90ccc9";
3283
+ ddsColorData09Border: "#007d79";
3254
3284
  ddsColorBgDefault: "#ffffff";
3255
3285
  ddsColorBgSubtle: "#f1f3f4";
3256
3286
  ddsColorSurfaceDefault: "#ffffff";
3257
3287
  ddsColorSurfaceSubtle: "#f1f3f4";
3258
- ddsColorSurfaceMedium: "#e4e6e8";
3288
+ ddsColorSurfaceMedium: "#e9ebec";
3259
3289
  ddsColorSurfaceHoverDefault: "#e7f1f7";
3260
3290
  ddsColorSurfaceHoverSubtle: "#f1f3f4";
3261
3291
  ddsColorSurfaceSelectedDefault: "#e7f1f7";
@@ -3338,36 +3368,6 @@ declare function useTheme(): {
3338
3368
  ddsColorBrandTertiaryStrong: "#d45d32";
3339
3369
  ddsColorFocusOutside: "#2a4b61";
3340
3370
  ddsColorFocusInside: "#f1f8fd";
3341
- ddsColorData10Default: "#196b8f";
3342
- ddsColorData10Subtle: "#96c5d9";
3343
- ddsColorData10Border: "#196b8f";
3344
- ddsColorData01Default: "#0f62fe";
3345
- ddsColorData01Subtle: "#9fc0ff";
3346
- ddsColorData01Border: "#0f62fe";
3347
- ddsColorData02Default: "#b3572f";
3348
- ddsColorData02Subtle: "#e1bcac";
3349
- ddsColorData02Border: "#b3572f";
3350
- ddsColorData03Default: "#727272";
3351
- ddsColorData03Subtle: "#c7c7c7";
3352
- ddsColorData03Border: "#727272";
3353
- ddsColorData04Default: "#198038";
3354
- ddsColorData04Subtle: "#a3ccaf";
3355
- ddsColorData04Border: "#198038";
3356
- ddsColorData05Default: "#8a3ffc";
3357
- ddsColorData05Subtle: "#d0b2fe";
3358
- ddsColorData05Border: "#8a3ffc";
3359
- ddsColorData06Default: "#b62665";
3360
- ddsColorData06Subtle: "#dfa5bf";
3361
- ddsColorData06Border: "#b62665";
3362
- ddsColorData07Default: "#7c7518";
3363
- ddsColorData07Subtle: "#cdc9a1";
3364
- ddsColorData07Border: "#7c7518";
3365
- ddsColorData08Default: "#da1e28";
3366
- ddsColorData08Subtle: "#f0a5a9";
3367
- ddsColorData08Border: "#da1e28";
3368
- ddsColorData09Default: "#007d79";
3369
- ddsColorData09Subtle: "#90ccc9";
3370
- ddsColorData09Border: "#007d79";
3371
3371
  ddsFontLabelMedium: "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
3372
3372
  ddsFontBodyXsmall: "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif";
3373
3373
  ddsFontBodySmall: "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
@@ -3554,6 +3554,9 @@ declare function useTheme(): {
3554
3554
  ddsZindexDropdown: "100";
3555
3555
  ddsZindexSticky: "50";
3556
3556
  ddsZindexAbsoluteElement: "1";
3557
+ ddsColorData10Default: "#196b8f";
3558
+ ddsColorData10Subtle: "#96c5d9";
3559
+ ddsColorData10Border: "#196b8f";
3557
3560
  ddsColorDataRed100: "#f8d2d4";
3558
3561
  ddsColorDataRed200: "#f0a5a9";
3559
3562
  ddsColorDataRed300: "#e9787e";
@@ -3644,11 +3647,38 @@ declare function useTheme(): {
3644
3647
  ddsColorDataGray700: "#444444";
3645
3648
  ddsColorDataGray800: "#2e2e2e";
3646
3649
  ddsColorDataGray900: "#171717";
3650
+ ddsColorData01Default: "#0f62fe";
3651
+ ddsColorData01Subtle: "#9fc0ff";
3652
+ ddsColorData01Border: "#0f62fe";
3653
+ ddsColorData02Default: "#b3572f";
3654
+ ddsColorData02Subtle: "#e1bcac";
3655
+ ddsColorData02Border: "#b3572f";
3656
+ ddsColorData03Default: "#727272";
3657
+ ddsColorData03Subtle: "#c7c7c7";
3658
+ ddsColorData03Border: "#727272";
3659
+ ddsColorData04Default: "#198038";
3660
+ ddsColorData04Subtle: "#a3ccaf";
3661
+ ddsColorData04Border: "#198038";
3662
+ ddsColorData05Default: "#8a3ffc";
3663
+ ddsColorData05Subtle: "#d0b2fe";
3664
+ ddsColorData05Border: "#8a3ffc";
3665
+ ddsColorData06Default: "#b62665";
3666
+ ddsColorData06Subtle: "#dfa5bf";
3667
+ ddsColorData06Border: "#b62665";
3668
+ ddsColorData07Default: "#7c7518";
3669
+ ddsColorData07Subtle: "#cdc9a1";
3670
+ ddsColorData07Border: "#7c7518";
3671
+ ddsColorData08Default: "#da1e28";
3672
+ ddsColorData08Subtle: "#f0a5a9";
3673
+ ddsColorData08Border: "#da1e28";
3674
+ ddsColorData09Default: "#007d79";
3675
+ ddsColorData09Subtle: "#90ccc9";
3676
+ ddsColorData09Border: "#007d79";
3647
3677
  ddsColorBgDefault: "#ffffff";
3648
3678
  ddsColorBgSubtle: "#f1f3f4";
3649
3679
  ddsColorSurfaceDefault: "#ffffff";
3650
3680
  ddsColorSurfaceSubtle: "#f1f3f4";
3651
- ddsColorSurfaceMedium: "#e4e6e8";
3681
+ ddsColorSurfaceMedium: "#e9ebec";
3652
3682
  ddsColorSurfaceHoverDefault: "#e7f1f7";
3653
3683
  ddsColorSurfaceHoverSubtle: "#f1f3f4";
3654
3684
  ddsColorSurfaceSelectedDefault: "#e7f1f7";
@@ -3731,36 +3761,6 @@ declare function useTheme(): {
3731
3761
  ddsColorBrandTertiaryStrong: "#d45d32";
3732
3762
  ddsColorFocusOutside: "#2a4b61";
3733
3763
  ddsColorFocusInside: "#f1f8fd";
3734
- ddsColorData10Default: "#196b8f";
3735
- ddsColorData10Subtle: "#96c5d9";
3736
- ddsColorData10Border: "#196b8f";
3737
- ddsColorData01Default: "#0f62fe";
3738
- ddsColorData01Subtle: "#9fc0ff";
3739
- ddsColorData01Border: "#0f62fe";
3740
- ddsColorData02Default: "#b3572f";
3741
- ddsColorData02Subtle: "#e1bcac";
3742
- ddsColorData02Border: "#b3572f";
3743
- ddsColorData03Default: "#727272";
3744
- ddsColorData03Subtle: "#c7c7c7";
3745
- ddsColorData03Border: "#727272";
3746
- ddsColorData04Default: "#198038";
3747
- ddsColorData04Subtle: "#a3ccaf";
3748
- ddsColorData04Border: "#198038";
3749
- ddsColorData05Default: "#8a3ffc";
3750
- ddsColorData05Subtle: "#d0b2fe";
3751
- ddsColorData05Border: "#8a3ffc";
3752
- ddsColorData06Default: "#b62665";
3753
- ddsColorData06Subtle: "#dfa5bf";
3754
- ddsColorData06Border: "#b62665";
3755
- ddsColorData07Default: "#7c7518";
3756
- ddsColorData07Subtle: "#cdc9a1";
3757
- ddsColorData07Border: "#7c7518";
3758
- ddsColorData08Default: "#da1e28";
3759
- ddsColorData08Subtle: "#f0a5a9";
3760
- ddsColorData08Border: "#da1e28";
3761
- ddsColorData09Default: "#007d79";
3762
- ddsColorData09Subtle: "#90ccc9";
3763
- ddsColorData09Border: "#007d79";
3764
3764
  ddsBorderRadiusButton: "2px";
3765
3765
  ddsBorderRadiusButtonNumberPx: 2;
3766
3766
  ddsBorderRadiusSurface: "2px";
package/dist/index.d.ts CHANGED
@@ -742,7 +742,7 @@ declare const getLiteralScreenSize: (screenSize: ScreenSize) => Breakpoint;
742
742
 
743
743
  type StylelessListProps<TProps extends object = object> = TProps & ComponentPropsWithRef<'ul'>;
744
744
  declare const StylelessList: ({ className, ...rest }: StylelessListProps) => react_jsx_runtime.JSX.Element;
745
- type StylelessOListProps<TProps extends object = object> = TProps & ComponentPropsWithRef<'ul'>;
745
+ type StylelessOListProps<TProps extends object = object> = TProps & ComponentPropsWithRef<'ol'>;
746
746
  declare const StylelessOList: ({ className, ...rest }: StylelessOListProps) => react_jsx_runtime.JSX.Element;
747
747
 
748
748
  /**
@@ -3161,6 +3161,9 @@ declare function useTheme(): {
3161
3161
  ddsZindexDropdown: "100";
3162
3162
  ddsZindexSticky: "50";
3163
3163
  ddsZindexAbsoluteElement: "1";
3164
+ ddsColorData10Default: "#196b8f";
3165
+ ddsColorData10Subtle: "#96c5d9";
3166
+ ddsColorData10Border: "#196b8f";
3164
3167
  ddsColorDataRed100: "#f8d2d4";
3165
3168
  ddsColorDataRed200: "#f0a5a9";
3166
3169
  ddsColorDataRed300: "#e9787e";
@@ -3251,11 +3254,38 @@ declare function useTheme(): {
3251
3254
  ddsColorDataGray700: "#444444";
3252
3255
  ddsColorDataGray800: "#2e2e2e";
3253
3256
  ddsColorDataGray900: "#171717";
3257
+ ddsColorData01Default: "#0f62fe";
3258
+ ddsColorData01Subtle: "#9fc0ff";
3259
+ ddsColorData01Border: "#0f62fe";
3260
+ ddsColorData02Default: "#b3572f";
3261
+ ddsColorData02Subtle: "#e1bcac";
3262
+ ddsColorData02Border: "#b3572f";
3263
+ ddsColorData03Default: "#727272";
3264
+ ddsColorData03Subtle: "#c7c7c7";
3265
+ ddsColorData03Border: "#727272";
3266
+ ddsColorData04Default: "#198038";
3267
+ ddsColorData04Subtle: "#a3ccaf";
3268
+ ddsColorData04Border: "#198038";
3269
+ ddsColorData05Default: "#8a3ffc";
3270
+ ddsColorData05Subtle: "#d0b2fe";
3271
+ ddsColorData05Border: "#8a3ffc";
3272
+ ddsColorData06Default: "#b62665";
3273
+ ddsColorData06Subtle: "#dfa5bf";
3274
+ ddsColorData06Border: "#b62665";
3275
+ ddsColorData07Default: "#7c7518";
3276
+ ddsColorData07Subtle: "#cdc9a1";
3277
+ ddsColorData07Border: "#7c7518";
3278
+ ddsColorData08Default: "#da1e28";
3279
+ ddsColorData08Subtle: "#f0a5a9";
3280
+ ddsColorData08Border: "#da1e28";
3281
+ ddsColorData09Default: "#007d79";
3282
+ ddsColorData09Subtle: "#90ccc9";
3283
+ ddsColorData09Border: "#007d79";
3254
3284
  ddsColorBgDefault: "#ffffff";
3255
3285
  ddsColorBgSubtle: "#f1f3f4";
3256
3286
  ddsColorSurfaceDefault: "#ffffff";
3257
3287
  ddsColorSurfaceSubtle: "#f1f3f4";
3258
- ddsColorSurfaceMedium: "#e4e6e8";
3288
+ ddsColorSurfaceMedium: "#e9ebec";
3259
3289
  ddsColorSurfaceHoverDefault: "#e7f1f7";
3260
3290
  ddsColorSurfaceHoverSubtle: "#f1f3f4";
3261
3291
  ddsColorSurfaceSelectedDefault: "#e7f1f7";
@@ -3338,36 +3368,6 @@ declare function useTheme(): {
3338
3368
  ddsColorBrandTertiaryStrong: "#d45d32";
3339
3369
  ddsColorFocusOutside: "#2a4b61";
3340
3370
  ddsColorFocusInside: "#f1f8fd";
3341
- ddsColorData10Default: "#196b8f";
3342
- ddsColorData10Subtle: "#96c5d9";
3343
- ddsColorData10Border: "#196b8f";
3344
- ddsColorData01Default: "#0f62fe";
3345
- ddsColorData01Subtle: "#9fc0ff";
3346
- ddsColorData01Border: "#0f62fe";
3347
- ddsColorData02Default: "#b3572f";
3348
- ddsColorData02Subtle: "#e1bcac";
3349
- ddsColorData02Border: "#b3572f";
3350
- ddsColorData03Default: "#727272";
3351
- ddsColorData03Subtle: "#c7c7c7";
3352
- ddsColorData03Border: "#727272";
3353
- ddsColorData04Default: "#198038";
3354
- ddsColorData04Subtle: "#a3ccaf";
3355
- ddsColorData04Border: "#198038";
3356
- ddsColorData05Default: "#8a3ffc";
3357
- ddsColorData05Subtle: "#d0b2fe";
3358
- ddsColorData05Border: "#8a3ffc";
3359
- ddsColorData06Default: "#b62665";
3360
- ddsColorData06Subtle: "#dfa5bf";
3361
- ddsColorData06Border: "#b62665";
3362
- ddsColorData07Default: "#7c7518";
3363
- ddsColorData07Subtle: "#cdc9a1";
3364
- ddsColorData07Border: "#7c7518";
3365
- ddsColorData08Default: "#da1e28";
3366
- ddsColorData08Subtle: "#f0a5a9";
3367
- ddsColorData08Border: "#da1e28";
3368
- ddsColorData09Default: "#007d79";
3369
- ddsColorData09Subtle: "#90ccc9";
3370
- ddsColorData09Border: "#007d79";
3371
3371
  ddsFontLabelMedium: "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
3372
3372
  ddsFontBodyXsmall: "400 0.75rem/1.5 'IBM Plex Sans', Arial, sans-serif";
3373
3373
  ddsFontBodySmall: "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
@@ -3554,6 +3554,9 @@ declare function useTheme(): {
3554
3554
  ddsZindexDropdown: "100";
3555
3555
  ddsZindexSticky: "50";
3556
3556
  ddsZindexAbsoluteElement: "1";
3557
+ ddsColorData10Default: "#196b8f";
3558
+ ddsColorData10Subtle: "#96c5d9";
3559
+ ddsColorData10Border: "#196b8f";
3557
3560
  ddsColorDataRed100: "#f8d2d4";
3558
3561
  ddsColorDataRed200: "#f0a5a9";
3559
3562
  ddsColorDataRed300: "#e9787e";
@@ -3644,11 +3647,38 @@ declare function useTheme(): {
3644
3647
  ddsColorDataGray700: "#444444";
3645
3648
  ddsColorDataGray800: "#2e2e2e";
3646
3649
  ddsColorDataGray900: "#171717";
3650
+ ddsColorData01Default: "#0f62fe";
3651
+ ddsColorData01Subtle: "#9fc0ff";
3652
+ ddsColorData01Border: "#0f62fe";
3653
+ ddsColorData02Default: "#b3572f";
3654
+ ddsColorData02Subtle: "#e1bcac";
3655
+ ddsColorData02Border: "#b3572f";
3656
+ ddsColorData03Default: "#727272";
3657
+ ddsColorData03Subtle: "#c7c7c7";
3658
+ ddsColorData03Border: "#727272";
3659
+ ddsColorData04Default: "#198038";
3660
+ ddsColorData04Subtle: "#a3ccaf";
3661
+ ddsColorData04Border: "#198038";
3662
+ ddsColorData05Default: "#8a3ffc";
3663
+ ddsColorData05Subtle: "#d0b2fe";
3664
+ ddsColorData05Border: "#8a3ffc";
3665
+ ddsColorData06Default: "#b62665";
3666
+ ddsColorData06Subtle: "#dfa5bf";
3667
+ ddsColorData06Border: "#b62665";
3668
+ ddsColorData07Default: "#7c7518";
3669
+ ddsColorData07Subtle: "#cdc9a1";
3670
+ ddsColorData07Border: "#7c7518";
3671
+ ddsColorData08Default: "#da1e28";
3672
+ ddsColorData08Subtle: "#f0a5a9";
3673
+ ddsColorData08Border: "#da1e28";
3674
+ ddsColorData09Default: "#007d79";
3675
+ ddsColorData09Subtle: "#90ccc9";
3676
+ ddsColorData09Border: "#007d79";
3647
3677
  ddsColorBgDefault: "#ffffff";
3648
3678
  ddsColorBgSubtle: "#f1f3f4";
3649
3679
  ddsColorSurfaceDefault: "#ffffff";
3650
3680
  ddsColorSurfaceSubtle: "#f1f3f4";
3651
- ddsColorSurfaceMedium: "#e4e6e8";
3681
+ ddsColorSurfaceMedium: "#e9ebec";
3652
3682
  ddsColorSurfaceHoverDefault: "#e7f1f7";
3653
3683
  ddsColorSurfaceHoverSubtle: "#f1f3f4";
3654
3684
  ddsColorSurfaceSelectedDefault: "#e7f1f7";
@@ -3731,36 +3761,6 @@ declare function useTheme(): {
3731
3761
  ddsColorBrandTertiaryStrong: "#d45d32";
3732
3762
  ddsColorFocusOutside: "#2a4b61";
3733
3763
  ddsColorFocusInside: "#f1f8fd";
3734
- ddsColorData10Default: "#196b8f";
3735
- ddsColorData10Subtle: "#96c5d9";
3736
- ddsColorData10Border: "#196b8f";
3737
- ddsColorData01Default: "#0f62fe";
3738
- ddsColorData01Subtle: "#9fc0ff";
3739
- ddsColorData01Border: "#0f62fe";
3740
- ddsColorData02Default: "#b3572f";
3741
- ddsColorData02Subtle: "#e1bcac";
3742
- ddsColorData02Border: "#b3572f";
3743
- ddsColorData03Default: "#727272";
3744
- ddsColorData03Subtle: "#c7c7c7";
3745
- ddsColorData03Border: "#727272";
3746
- ddsColorData04Default: "#198038";
3747
- ddsColorData04Subtle: "#a3ccaf";
3748
- ddsColorData04Border: "#198038";
3749
- ddsColorData05Default: "#8a3ffc";
3750
- ddsColorData05Subtle: "#d0b2fe";
3751
- ddsColorData05Border: "#8a3ffc";
3752
- ddsColorData06Default: "#b62665";
3753
- ddsColorData06Subtle: "#dfa5bf";
3754
- ddsColorData06Border: "#b62665";
3755
- ddsColorData07Default: "#7c7518";
3756
- ddsColorData07Subtle: "#cdc9a1";
3757
- ddsColorData07Border: "#7c7518";
3758
- ddsColorData08Default: "#da1e28";
3759
- ddsColorData08Subtle: "#f0a5a9";
3760
- ddsColorData08Border: "#da1e28";
3761
- ddsColorData09Default: "#007d79";
3762
- ddsColorData09Subtle: "#90ccc9";
3763
- ddsColorData09Border: "#007d79";
3764
3764
  ddsBorderRadiusButton: "2px";
3765
3765
  ddsBorderRadiusButtonNumberPx: 2;
3766
3766
  ddsBorderRadiusSurface: "2px";