@norges-domstoler/dds-components 0.0.0-dev-20261006082041 → 0.0.0-dev-20261007074418

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 (4) hide show
  1. package/dist/index.css +24 -6
  2. package/dist/index.d.cts +18 -0
  3. package/dist/index.d.mts +18 -0
  4. package/package.json +2 -2
package/dist/index.css CHANGED
@@ -102,6 +102,7 @@
102
102
  --dds-border-radius-rounded: 9999px; /* Rounded and circular components such as radiobutton, toggle, togglebutton and progress tracker */
103
103
  --dds-color-bg-default: #181a1c; /* UI shell base color */
104
104
  --dds-color-bg-subtle: #22272a; /* Alternative UI shell base color */
105
+ --dds-color-bg-medium: #303438; /* Medium UI shell base color */
105
106
  --dds-color-surface-default: #181a1c; /* Default bg */
106
107
  --dds-color-surface-subtle: #22272a; /* Subtle surface color */
107
108
  --dds-color-surface-medium: #303438; /* Medium surface color */
@@ -134,6 +135,7 @@
134
135
  --dds-color-surface-scrollbar: #545c62; /* Used for scrollbar */
135
136
  --dds-color-surface-notification: #d83737; /* bg on a notification */
136
137
  --dds-color-surface-skeleton: #545c62; /* Used for skeleton */
138
+ --dds-color-surface-danger-hover: #411111; /* Hover on button danger secondary */
137
139
  --dds-color-border-default: #77838c; /* Form components, togglebutton, secondary button, checkbox etc */
138
140
  --dds-color-border-strong: #ffffff;
139
141
  --dds-color-border-subtle: #545c62; /* Dropdown, tooltip, overflow etc */
@@ -142,7 +144,8 @@
142
144
  --dds-color-border-action-hover: #9fc5de; /* Hover on secondary button etc */
143
145
  --dds-color-border-success: #519852; /* Used with tag-default */
144
146
  --dds-color-border-warning: #ccba35; /* Tag.default */
145
- --dds-color-border-danger: #ad2c2c; /* Tag.default, error message field */
147
+ --dds-color-border-danger: #ad2c2c; /* Tag.default, error message field, secondary danger button */
148
+ --dds-color-border-danger-hover: #dc4b4b; /* Hover on border-danger */
146
149
  --dds-color-border-info: #5197c5; /* Tag.default */
147
150
  --dds-color-border-on-action: #181a1c; /* Used on primary split button */
148
151
  --dds-color-text-default: #f1f3f4; /* default text, heading, body. on surface.hover */
@@ -520,6 +523,7 @@
520
523
  --dds-border-radius-rounded: 9999px; /* Rounded and circular components such as radiobutton, toggle, togglebutton and progress tracker */
521
524
  --dds-color-bg-default: #ffffff; /* UI shell base color */
522
525
  --dds-color-bg-subtle: #f8f9f9; /* Alternative UI shell base color */
526
+ --dds-color-bg-medium: #e9ebec; /* Medium UI shell base color */
523
527
  --dds-color-surface-default: #ffffff; /* Default bg */
524
528
  --dds-color-surface-subtle: #f8f9f9; /* Subtle surface color */
525
529
  --dds-color-surface-medium: #e9ebec; /* Medium surface color */
@@ -552,6 +556,7 @@
552
556
  --dds-color-surface-scrollbar: #adb5ba; /* Used for scrollbar */
553
557
  --dds-color-surface-notification: #d83737; /* bg on a notification */
554
558
  --dds-color-surface-skeleton: #d6dadd; /* Used for skeleton */
559
+ --dds-color-surface-danger-hover: #fbebeb; /* Hover on button danger secondary */
555
560
  --dds-color-border-default: #77838c; /* Form components, togglebutton, secondary button, checkbox etc */
556
561
  --dds-color-border-strong: #0b0d0e;
557
562
  --dds-color-border-subtle: #d6dadd; /* Dropdown, tooltip, overflow etc */
@@ -560,7 +565,8 @@
560
565
  --dds-color-border-action-hover: #0d588a; /* Hover on secondary button etc */
561
566
  --dds-color-border-success: #65be66; /* Used with tag-default */
562
567
  --dds-color-border-warning: #f4e04d; /* Tag.default */
563
- --dds-color-border-danger: #d83737; /* Tag.default, error message field */
568
+ --dds-color-border-danger: #d83737; /* Tag.default, error message field, secondary danger button */
569
+ --dds-color-border-danger-hover: #ad2c2c; /* Hover on border-danger */
564
570
  --dds-color-border-info: #75b9e6; /* Tag.default */
565
571
  --dds-color-border-on-action: #ffffff; /* Used on primary split button */
566
572
  --dds-color-text-default: #0b0d0e; /* default text, heading, body. on surface.hover */
@@ -938,6 +944,7 @@
938
944
  --dds-border-radius-rounded: 9999px; /* Rounded and circular components such as radiobutton, toggle, togglebutton and progress tracker */
939
945
  --dds-color-bg-default: #181a1c; /* UI shell base color */
940
946
  --dds-color-bg-subtle: #22272a; /* Alternative UI shell base color */
947
+ --dds-color-bg-medium: #303438; /* Medium UI shell base color */
941
948
  --dds-color-surface-default: #181a1c; /* Default bg */
942
949
  --dds-color-surface-subtle: #22272a; /* Subtle surface color */
943
950
  --dds-color-surface-medium: #303438; /* Medium surface color */
@@ -970,6 +977,7 @@
970
977
  --dds-color-surface-scrollbar: #545c62; /* Used for scrollbar */
971
978
  --dds-color-surface-notification: #d83737; /* bg on a notification */
972
979
  --dds-color-surface-skeleton: #545c62; /* Used for skeleton */
980
+ --dds-color-surface-danger-hover: #411111; /* Hover on button danger secondary */
973
981
  --dds-color-border-default: #77838c; /* Form components, togglebutton, secondary button, checkbox etc */
974
982
  --dds-color-border-strong: #ffffff;
975
983
  --dds-color-border-subtle: #545c62; /* Dropdown, tooltip, overflow etc */
@@ -978,7 +986,8 @@
978
986
  --dds-color-border-action-hover: #9fc5de; /* Hover on secondary button etc */
979
987
  --dds-color-border-success: #519852; /* Used with tag-default */
980
988
  --dds-color-border-warning: #ccba35; /* Tag.default */
981
- --dds-color-border-danger: #ad2c2c; /* Tag.default, error message field */
989
+ --dds-color-border-danger: #ad2c2c; /* Tag.default, error message field, secondary danger button */
990
+ --dds-color-border-danger-hover: #dc4b4b; /* Hover on border-danger */
982
991
  --dds-color-border-info: #5197c5; /* Tag.default */
983
992
  --dds-color-border-on-action: #181a1c; /* Used on primary split button */
984
993
  --dds-color-text-default: #f1f3f4; /* default text, heading, body. on surface.hover */
@@ -1356,6 +1365,7 @@
1356
1365
  --dds-border-radius-rounded: 9999px; /* Rounded and circular components such as radiobutton, toggle, togglebutton and progress tracker */
1357
1366
  --dds-color-bg-default: #ffffff; /* UI shell base color */
1358
1367
  --dds-color-bg-subtle: #f8f9f9; /* Alternative UI shell base color */
1368
+ --dds-color-bg-medium: #e9ebec; /* Medium UI shell base color */
1359
1369
  --dds-color-surface-default: #ffffff; /* Default bg */
1360
1370
  --dds-color-surface-subtle: #f8f9f9; /* Subtle surface color */
1361
1371
  --dds-color-surface-medium: #e9ebec; /* Medium surface color */
@@ -1388,6 +1398,7 @@
1388
1398
  --dds-color-surface-scrollbar: #adb5ba; /* Used for scrollbar */
1389
1399
  --dds-color-surface-notification: #d83737; /* bg on a notification */
1390
1400
  --dds-color-surface-skeleton: #d6dadd; /* Used for skeleton */
1401
+ --dds-color-surface-danger-hover: #fbebeb; /* Hover on button danger secondary */
1391
1402
  --dds-color-border-default: #77838c; /* Form components, togglebutton, secondary button, checkbox etc */
1392
1403
  --dds-color-border-strong: #0b0d0e;
1393
1404
  --dds-color-border-subtle: #d6dadd; /* Dropdown, tooltip, overflow etc */
@@ -1396,7 +1407,8 @@
1396
1407
  --dds-color-border-action-hover: #0d588a; /* Hover on secondary button etc */
1397
1408
  --dds-color-border-success: #65be66; /* Used with tag-default */
1398
1409
  --dds-color-border-warning: #f4e04d; /* Tag.default */
1399
- --dds-color-border-danger: #d83737; /* Tag.default, error message field */
1410
+ --dds-color-border-danger: #d83737; /* Tag.default, error message field, secondary danger button */
1411
+ --dds-color-border-danger-hover: #ad2c2c; /* Hover on border-danger */
1400
1412
  --dds-color-border-info: #75b9e6; /* Tag.default */
1401
1413
  --dds-color-border-on-action: #ffffff; /* Used on primary split button */
1402
1414
  --dds-color-text-default: #0b0d0e; /* default text, heading, body. on surface.hover */
@@ -1774,6 +1786,7 @@
1774
1786
  --dds-border-radius-rounded: 9999px; /* Rounded and circular components such as radiobutton, toggle, togglebutton and progress tracker */
1775
1787
  --dds-color-bg-default: #1b1a18; /* UI shell base color */
1776
1788
  --dds-color-bg-subtle: #292824; /* Alternative UI shell base color */
1789
+ --dds-color-bg-medium: #363530; /* Medium UI shell base color */
1777
1790
  --dds-color-surface-default: #1b1a18; /* Default bg */
1778
1791
  --dds-color-surface-subtle: #292824; /* Subtle surface color */
1779
1792
  --dds-color-surface-medium: #363530; /* Medium surface color */
@@ -1806,6 +1819,7 @@
1806
1819
  --dds-color-surface-scrollbar: #615f56; /* Used for scrollbar */
1807
1820
  --dds-color-surface-notification: #d83737; /* bg on a notification */
1808
1821
  --dds-color-surface-skeleton: #615f56; /* Used for skeleton */
1822
+ --dds-color-surface-danger-hover: #411111; /* Hover on button danger secondary */
1809
1823
  --dds-color-border-default: #878478; /* Form components, togglebutton, secondary button, checkbox etc */
1810
1824
  --dds-color-border-subtle: #615f56; /* Dropdown, tooltip, overflow etc */
1811
1825
  --dds-color-border-inverse: #a8c3c9; /* Border or divider on surface.inverse */
@@ -1813,7 +1827,8 @@
1813
1827
  --dds-color-border-action-hover: #a8c3c9; /* Hover on secondary button etc */
1814
1828
  --dds-color-border-success: #519852; /* Used with tag-default */
1815
1829
  --dds-color-border-warning: #ccba35; /* Tag.default */
1816
- --dds-color-border-danger: #ad2c2c; /* Tag.default, error message field */
1830
+ --dds-color-border-danger: #ad2c2c; /* Tag.default, error message field, secondary danger button */
1831
+ --dds-color-border-danger-hover: #dc4b4b; /* Hover on border-danger */
1817
1832
  --dds-color-border-info: #5197c5; /* Tag.default */
1818
1833
  --dds-color-border-on-action: #1b1a18; /* Used on primary split button */
1819
1834
  --dds-color-border-strong: #ffffff;
@@ -2192,6 +2207,7 @@
2192
2207
  --dds-border-radius-rounded: 9999px; /* Rounded and circular components such as radiobutton, toggle, togglebutton and progress tracker */
2193
2208
  --dds-color-bg-default: #ffffff; /* UI shell base color */
2194
2209
  --dds-color-bg-subtle: #f3f3f2; /* Alternative UI shell base color */
2210
+ --dds-color-bg-medium: #e7e6e4; /* Medium UI shell base color */
2195
2211
  --dds-color-surface-default: #ffffff; /* Default bg */
2196
2212
  --dds-color-surface-subtle: #f3f3f2; /* Subtle surface color */
2197
2213
  --dds-color-surface-medium: #e7e6e4; /* Medium surface color */
@@ -2224,6 +2240,7 @@
2224
2240
  --dds-color-surface-scrollbar: #b7b5ae; /* Used for scrollbar */
2225
2241
  --dds-color-surface-notification: #d83737; /* bg on a notification */
2226
2242
  --dds-color-surface-skeleton: #cfcec9; /* Used for skeleton */
2243
+ --dds-color-surface-danger-hover: #fbebeb; /* Hover on button danger secondary */
2227
2244
  --dds-color-border-default: #878478; /* Form components, togglebutton, secondary button, checkbox etc */
2228
2245
  --dds-color-border-subtle: #cfcec9; /* Dropdown, tooltip, overflow etc */
2229
2246
  --dds-color-border-inverse: #a8c3c9; /* Border or divider on surface.inverse */
@@ -2231,7 +2248,8 @@
2231
2248
  --dds-color-border-action-hover: #a8c3c9; /* Hover on secondary button etc */
2232
2249
  --dds-color-border-success: #65be66; /* Used with tag-default */
2233
2250
  --dds-color-border-warning: #f4e04d; /* Tag.default */
2234
- --dds-color-border-danger: #d83737; /* Tag.default, error message field */
2251
+ --dds-color-border-danger: #d83737; /* Tag.default, error message field, secondary danger button */
2252
+ --dds-color-border-danger-hover: #e47373; /* Hover on border-danger */
2235
2253
  --dds-color-border-info: #75b9e6; /* Tag.default */
2236
2254
  --dds-color-border-on-action: #ffffff; /* Used on primary split button */
2237
2255
  --dds-color-border-strong: #0b0d0e;
package/dist/index.d.cts CHANGED
@@ -22473,6 +22473,7 @@ export declare function useTheme(): {
22473
22473
  ddsBorderRadiusRoundedNumberPx: 9999;
22474
22474
  ddsColorBgDefault: "#181a1c";
22475
22475
  ddsColorBgSubtle: "#22272a";
22476
+ ddsColorBgMedium: "#303438";
22476
22477
  ddsColorSurfaceDefault: "#181a1c";
22477
22478
  ddsColorSurfaceSubtle: "#22272a";
22478
22479
  ddsColorSurfaceMedium: "#303438";
@@ -22505,6 +22506,7 @@ export declare function useTheme(): {
22505
22506
  ddsColorSurfaceScrollbar: "#545c62";
22506
22507
  ddsColorSurfaceNotification: "#d83737";
22507
22508
  ddsColorSurfaceSkeleton: "#545c62";
22509
+ ddsColorSurfaceDangerHover: "#411111";
22508
22510
  ddsColorBorderDefault: "#77838c";
22509
22511
  ddsColorBorderStrong: "#ffffff";
22510
22512
  ddsColorBorderSubtle: "#545c62";
@@ -22514,6 +22516,7 @@ export declare function useTheme(): {
22514
22516
  ddsColorBorderSuccess: "#519852";
22515
22517
  ddsColorBorderWarning: "#ccba35";
22516
22518
  ddsColorBorderDanger: "#ad2c2c";
22519
+ ddsColorBorderDangerHover: "#dc4b4b";
22517
22520
  ddsColorBorderInfo: "#5197c5";
22518
22521
  ddsColorBorderOnAction: "#181a1c";
22519
22522
  ddsColorTextDefault: "#f1f3f4";
@@ -22956,6 +22959,7 @@ export declare function useTheme(): {
22956
22959
  ddsBorderRadiusRoundedNumberPx: 9999;
22957
22960
  ddsColorBgDefault: "#ffffff";
22958
22961
  ddsColorBgSubtle: "#f8f9f9";
22962
+ ddsColorBgMedium: "#e9ebec";
22959
22963
  ddsColorSurfaceDefault: "#ffffff";
22960
22964
  ddsColorSurfaceSubtle: "#f8f9f9";
22961
22965
  ddsColorSurfaceMedium: "#e9ebec";
@@ -22988,6 +22992,7 @@ export declare function useTheme(): {
22988
22992
  ddsColorSurfaceScrollbar: "#adb5ba";
22989
22993
  ddsColorSurfaceNotification: "#d83737";
22990
22994
  ddsColorSurfaceSkeleton: "#d6dadd";
22995
+ ddsColorSurfaceDangerHover: "#fbebeb";
22991
22996
  ddsColorBorderDefault: "#77838c";
22992
22997
  ddsColorBorderStrong: "#0b0d0e";
22993
22998
  ddsColorBorderSubtle: "#d6dadd";
@@ -22997,6 +23002,7 @@ export declare function useTheme(): {
22997
23002
  ddsColorBorderSuccess: "#65be66";
22998
23003
  ddsColorBorderWarning: "#f4e04d";
22999
23004
  ddsColorBorderDanger: "#d83737";
23005
+ ddsColorBorderDangerHover: "#ad2c2c";
23000
23006
  ddsColorBorderInfo: "#75b9e6";
23001
23007
  ddsColorBorderOnAction: "#ffffff";
23002
23008
  ddsColorTextDefault: "#0b0d0e";
@@ -23439,6 +23445,7 @@ export declare function useTheme(): {
23439
23445
  ddsBorderRadiusRoundedNumberPx: 9999;
23440
23446
  ddsColorBgDefault: "#181a1c";
23441
23447
  ddsColorBgSubtle: "#22272a";
23448
+ ddsColorBgMedium: "#303438";
23442
23449
  ddsColorSurfaceDefault: "#181a1c";
23443
23450
  ddsColorSurfaceSubtle: "#22272a";
23444
23451
  ddsColorSurfaceMedium: "#303438";
@@ -23471,6 +23478,7 @@ export declare function useTheme(): {
23471
23478
  ddsColorSurfaceScrollbar: "#545c62";
23472
23479
  ddsColorSurfaceNotification: "#d83737";
23473
23480
  ddsColorSurfaceSkeleton: "#545c62";
23481
+ ddsColorSurfaceDangerHover: "#411111";
23474
23482
  ddsColorBorderDefault: "#77838c";
23475
23483
  ddsColorBorderStrong: "#ffffff";
23476
23484
  ddsColorBorderSubtle: "#545c62";
@@ -23480,6 +23488,7 @@ export declare function useTheme(): {
23480
23488
  ddsColorBorderSuccess: "#519852";
23481
23489
  ddsColorBorderWarning: "#ccba35";
23482
23490
  ddsColorBorderDanger: "#ad2c2c";
23491
+ ddsColorBorderDangerHover: "#dc4b4b";
23483
23492
  ddsColorBorderInfo: "#5197c5";
23484
23493
  ddsColorBorderOnAction: "#181a1c";
23485
23494
  ddsColorTextDefault: "#f1f3f4";
@@ -23922,6 +23931,7 @@ export declare function useTheme(): {
23922
23931
  ddsBorderRadiusRoundedNumberPx: 9999;
23923
23932
  ddsColorBgDefault: "#ffffff";
23924
23933
  ddsColorBgSubtle: "#f8f9f9";
23934
+ ddsColorBgMedium: "#e9ebec";
23925
23935
  ddsColorSurfaceDefault: "#ffffff";
23926
23936
  ddsColorSurfaceSubtle: "#f8f9f9";
23927
23937
  ddsColorSurfaceMedium: "#e9ebec";
@@ -23954,6 +23964,7 @@ export declare function useTheme(): {
23954
23964
  ddsColorSurfaceScrollbar: "#adb5ba";
23955
23965
  ddsColorSurfaceNotification: "#d83737";
23956
23966
  ddsColorSurfaceSkeleton: "#d6dadd";
23967
+ ddsColorSurfaceDangerHover: "#fbebeb";
23957
23968
  ddsColorBorderDefault: "#77838c";
23958
23969
  ddsColorBorderStrong: "#0b0d0e";
23959
23970
  ddsColorBorderSubtle: "#d6dadd";
@@ -23963,6 +23974,7 @@ export declare function useTheme(): {
23963
23974
  ddsColorBorderSuccess: "#65be66";
23964
23975
  ddsColorBorderWarning: "#f4e04d";
23965
23976
  ddsColorBorderDanger: "#d83737";
23977
+ ddsColorBorderDangerHover: "#ad2c2c";
23966
23978
  ddsColorBorderInfo: "#75b9e6";
23967
23979
  ddsColorBorderOnAction: "#ffffff";
23968
23980
  ddsColorTextDefault: "#0b0d0e";
@@ -24405,6 +24417,7 @@ export declare function useTheme(): {
24405
24417
  ddsBorderRadiusRoundedNumberPx: 9999;
24406
24418
  ddsColorBgDefault: "#1b1a18";
24407
24419
  ddsColorBgSubtle: "#292824";
24420
+ ddsColorBgMedium: "#363530";
24408
24421
  ddsColorSurfaceDefault: "#1b1a18";
24409
24422
  ddsColorSurfaceSubtle: "#292824";
24410
24423
  ddsColorSurfaceMedium: "#363530";
@@ -24437,6 +24450,7 @@ export declare function useTheme(): {
24437
24450
  ddsColorSurfaceScrollbar: "#615f56";
24438
24451
  ddsColorSurfaceNotification: "#d83737";
24439
24452
  ddsColorSurfaceSkeleton: "#615f56";
24453
+ ddsColorSurfaceDangerHover: "#411111";
24440
24454
  ddsColorBorderDefault: "#878478";
24441
24455
  ddsColorBorderSubtle: "#615f56";
24442
24456
  ddsColorBorderInverse: "#a8c3c9";
@@ -24445,6 +24459,7 @@ export declare function useTheme(): {
24445
24459
  ddsColorBorderSuccess: "#519852";
24446
24460
  ddsColorBorderWarning: "#ccba35";
24447
24461
  ddsColorBorderDanger: "#ad2c2c";
24462
+ ddsColorBorderDangerHover: "#dc4b4b";
24448
24463
  ddsColorBorderInfo: "#5197c5";
24449
24464
  ddsColorBorderOnAction: "#1b1a18";
24450
24465
  ddsColorBorderStrong: "#ffffff";
@@ -24888,6 +24903,7 @@ export declare function useTheme(): {
24888
24903
  ddsBorderRadiusRoundedNumberPx: 9999;
24889
24904
  ddsColorBgDefault: "#ffffff";
24890
24905
  ddsColorBgSubtle: "#f3f3f2";
24906
+ ddsColorBgMedium: "#e7e6e4";
24891
24907
  ddsColorSurfaceDefault: "#ffffff";
24892
24908
  ddsColorSurfaceSubtle: "#f3f3f2";
24893
24909
  ddsColorSurfaceMedium: "#e7e6e4";
@@ -24920,6 +24936,7 @@ export declare function useTheme(): {
24920
24936
  ddsColorSurfaceScrollbar: "#b7b5ae";
24921
24937
  ddsColorSurfaceNotification: "#d83737";
24922
24938
  ddsColorSurfaceSkeleton: "#cfcec9";
24939
+ ddsColorSurfaceDangerHover: "#fbebeb";
24923
24940
  ddsColorBorderDefault: "#878478";
24924
24941
  ddsColorBorderSubtle: "#cfcec9";
24925
24942
  ddsColorBorderInverse: "#a8c3c9";
@@ -24928,6 +24945,7 @@ export declare function useTheme(): {
24928
24945
  ddsColorBorderSuccess: "#65be66";
24929
24946
  ddsColorBorderWarning: "#f4e04d";
24930
24947
  ddsColorBorderDanger: "#d83737";
24948
+ ddsColorBorderDangerHover: "#e47373";
24931
24949
  ddsColorBorderInfo: "#75b9e6";
24932
24950
  ddsColorBorderOnAction: "#ffffff";
24933
24951
  ddsColorBorderStrong: "#0b0d0e";
package/dist/index.d.mts CHANGED
@@ -22472,6 +22472,7 @@ export declare function useTheme(): {
22472
22472
  ddsBorderRadiusRoundedNumberPx: 9999;
22473
22473
  ddsColorBgDefault: "#181a1c";
22474
22474
  ddsColorBgSubtle: "#22272a";
22475
+ ddsColorBgMedium: "#303438";
22475
22476
  ddsColorSurfaceDefault: "#181a1c";
22476
22477
  ddsColorSurfaceSubtle: "#22272a";
22477
22478
  ddsColorSurfaceMedium: "#303438";
@@ -22504,6 +22505,7 @@ export declare function useTheme(): {
22504
22505
  ddsColorSurfaceScrollbar: "#545c62";
22505
22506
  ddsColorSurfaceNotification: "#d83737";
22506
22507
  ddsColorSurfaceSkeleton: "#545c62";
22508
+ ddsColorSurfaceDangerHover: "#411111";
22507
22509
  ddsColorBorderDefault: "#77838c";
22508
22510
  ddsColorBorderStrong: "#ffffff";
22509
22511
  ddsColorBorderSubtle: "#545c62";
@@ -22513,6 +22515,7 @@ export declare function useTheme(): {
22513
22515
  ddsColorBorderSuccess: "#519852";
22514
22516
  ddsColorBorderWarning: "#ccba35";
22515
22517
  ddsColorBorderDanger: "#ad2c2c";
22518
+ ddsColorBorderDangerHover: "#dc4b4b";
22516
22519
  ddsColorBorderInfo: "#5197c5";
22517
22520
  ddsColorBorderOnAction: "#181a1c";
22518
22521
  ddsColorTextDefault: "#f1f3f4";
@@ -22955,6 +22958,7 @@ export declare function useTheme(): {
22955
22958
  ddsBorderRadiusRoundedNumberPx: 9999;
22956
22959
  ddsColorBgDefault: "#ffffff";
22957
22960
  ddsColorBgSubtle: "#f8f9f9";
22961
+ ddsColorBgMedium: "#e9ebec";
22958
22962
  ddsColorSurfaceDefault: "#ffffff";
22959
22963
  ddsColorSurfaceSubtle: "#f8f9f9";
22960
22964
  ddsColorSurfaceMedium: "#e9ebec";
@@ -22987,6 +22991,7 @@ export declare function useTheme(): {
22987
22991
  ddsColorSurfaceScrollbar: "#adb5ba";
22988
22992
  ddsColorSurfaceNotification: "#d83737";
22989
22993
  ddsColorSurfaceSkeleton: "#d6dadd";
22994
+ ddsColorSurfaceDangerHover: "#fbebeb";
22990
22995
  ddsColorBorderDefault: "#77838c";
22991
22996
  ddsColorBorderStrong: "#0b0d0e";
22992
22997
  ddsColorBorderSubtle: "#d6dadd";
@@ -22996,6 +23001,7 @@ export declare function useTheme(): {
22996
23001
  ddsColorBorderSuccess: "#65be66";
22997
23002
  ddsColorBorderWarning: "#f4e04d";
22998
23003
  ddsColorBorderDanger: "#d83737";
23004
+ ddsColorBorderDangerHover: "#ad2c2c";
22999
23005
  ddsColorBorderInfo: "#75b9e6";
23000
23006
  ddsColorBorderOnAction: "#ffffff";
23001
23007
  ddsColorTextDefault: "#0b0d0e";
@@ -23438,6 +23444,7 @@ export declare function useTheme(): {
23438
23444
  ddsBorderRadiusRoundedNumberPx: 9999;
23439
23445
  ddsColorBgDefault: "#181a1c";
23440
23446
  ddsColorBgSubtle: "#22272a";
23447
+ ddsColorBgMedium: "#303438";
23441
23448
  ddsColorSurfaceDefault: "#181a1c";
23442
23449
  ddsColorSurfaceSubtle: "#22272a";
23443
23450
  ddsColorSurfaceMedium: "#303438";
@@ -23470,6 +23477,7 @@ export declare function useTheme(): {
23470
23477
  ddsColorSurfaceScrollbar: "#545c62";
23471
23478
  ddsColorSurfaceNotification: "#d83737";
23472
23479
  ddsColorSurfaceSkeleton: "#545c62";
23480
+ ddsColorSurfaceDangerHover: "#411111";
23473
23481
  ddsColorBorderDefault: "#77838c";
23474
23482
  ddsColorBorderStrong: "#ffffff";
23475
23483
  ddsColorBorderSubtle: "#545c62";
@@ -23479,6 +23487,7 @@ export declare function useTheme(): {
23479
23487
  ddsColorBorderSuccess: "#519852";
23480
23488
  ddsColorBorderWarning: "#ccba35";
23481
23489
  ddsColorBorderDanger: "#ad2c2c";
23490
+ ddsColorBorderDangerHover: "#dc4b4b";
23482
23491
  ddsColorBorderInfo: "#5197c5";
23483
23492
  ddsColorBorderOnAction: "#181a1c";
23484
23493
  ddsColorTextDefault: "#f1f3f4";
@@ -23921,6 +23930,7 @@ export declare function useTheme(): {
23921
23930
  ddsBorderRadiusRoundedNumberPx: 9999;
23922
23931
  ddsColorBgDefault: "#ffffff";
23923
23932
  ddsColorBgSubtle: "#f8f9f9";
23933
+ ddsColorBgMedium: "#e9ebec";
23924
23934
  ddsColorSurfaceDefault: "#ffffff";
23925
23935
  ddsColorSurfaceSubtle: "#f8f9f9";
23926
23936
  ddsColorSurfaceMedium: "#e9ebec";
@@ -23953,6 +23963,7 @@ export declare function useTheme(): {
23953
23963
  ddsColorSurfaceScrollbar: "#adb5ba";
23954
23964
  ddsColorSurfaceNotification: "#d83737";
23955
23965
  ddsColorSurfaceSkeleton: "#d6dadd";
23966
+ ddsColorSurfaceDangerHover: "#fbebeb";
23956
23967
  ddsColorBorderDefault: "#77838c";
23957
23968
  ddsColorBorderStrong: "#0b0d0e";
23958
23969
  ddsColorBorderSubtle: "#d6dadd";
@@ -23962,6 +23973,7 @@ export declare function useTheme(): {
23962
23973
  ddsColorBorderSuccess: "#65be66";
23963
23974
  ddsColorBorderWarning: "#f4e04d";
23964
23975
  ddsColorBorderDanger: "#d83737";
23976
+ ddsColorBorderDangerHover: "#ad2c2c";
23965
23977
  ddsColorBorderInfo: "#75b9e6";
23966
23978
  ddsColorBorderOnAction: "#ffffff";
23967
23979
  ddsColorTextDefault: "#0b0d0e";
@@ -24404,6 +24416,7 @@ export declare function useTheme(): {
24404
24416
  ddsBorderRadiusRoundedNumberPx: 9999;
24405
24417
  ddsColorBgDefault: "#1b1a18";
24406
24418
  ddsColorBgSubtle: "#292824";
24419
+ ddsColorBgMedium: "#363530";
24407
24420
  ddsColorSurfaceDefault: "#1b1a18";
24408
24421
  ddsColorSurfaceSubtle: "#292824";
24409
24422
  ddsColorSurfaceMedium: "#363530";
@@ -24436,6 +24449,7 @@ export declare function useTheme(): {
24436
24449
  ddsColorSurfaceScrollbar: "#615f56";
24437
24450
  ddsColorSurfaceNotification: "#d83737";
24438
24451
  ddsColorSurfaceSkeleton: "#615f56";
24452
+ ddsColorSurfaceDangerHover: "#411111";
24439
24453
  ddsColorBorderDefault: "#878478";
24440
24454
  ddsColorBorderSubtle: "#615f56";
24441
24455
  ddsColorBorderInverse: "#a8c3c9";
@@ -24444,6 +24458,7 @@ export declare function useTheme(): {
24444
24458
  ddsColorBorderSuccess: "#519852";
24445
24459
  ddsColorBorderWarning: "#ccba35";
24446
24460
  ddsColorBorderDanger: "#ad2c2c";
24461
+ ddsColorBorderDangerHover: "#dc4b4b";
24447
24462
  ddsColorBorderInfo: "#5197c5";
24448
24463
  ddsColorBorderOnAction: "#1b1a18";
24449
24464
  ddsColorBorderStrong: "#ffffff";
@@ -24887,6 +24902,7 @@ export declare function useTheme(): {
24887
24902
  ddsBorderRadiusRoundedNumberPx: 9999;
24888
24903
  ddsColorBgDefault: "#ffffff";
24889
24904
  ddsColorBgSubtle: "#f3f3f2";
24905
+ ddsColorBgMedium: "#e7e6e4";
24890
24906
  ddsColorSurfaceDefault: "#ffffff";
24891
24907
  ddsColorSurfaceSubtle: "#f3f3f2";
24892
24908
  ddsColorSurfaceMedium: "#e7e6e4";
@@ -24919,6 +24935,7 @@ export declare function useTheme(): {
24919
24935
  ddsColorSurfaceScrollbar: "#b7b5ae";
24920
24936
  ddsColorSurfaceNotification: "#d83737";
24921
24937
  ddsColorSurfaceSkeleton: "#cfcec9";
24938
+ ddsColorSurfaceDangerHover: "#fbebeb";
24922
24939
  ddsColorBorderDefault: "#878478";
24923
24940
  ddsColorBorderSubtle: "#cfcec9";
24924
24941
  ddsColorBorderInverse: "#a8c3c9";
@@ -24927,6 +24944,7 @@ export declare function useTheme(): {
24927
24944
  ddsColorBorderSuccess: "#65be66";
24928
24945
  ddsColorBorderWarning: "#f4e04d";
24929
24946
  ddsColorBorderDanger: "#d83737";
24947
+ ddsColorBorderDangerHover: "#e47373";
24930
24948
  ddsColorBorderInfo: "#75b9e6";
24931
24949
  ddsColorBorderOnAction: "#ffffff";
24932
24950
  ddsColorBorderStrong: "#0b0d0e";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@norges-domstoler/dds-components",
3
- "version": "0.0.0-dev-20261006082041",
3
+ "version": "0.0.0-dev-20261007074418",
4
4
  "description": "React components used in Elsa - domstolenes designsystem",
5
5
  "author": "Elsa team",
6
6
  "license": "MIT",
@@ -41,7 +41,7 @@
41
41
  ],
42
42
  "devDependencies": {
43
43
  "@internationalized/date": "^3.12.4",
44
- "@norges-domstoler/dds-design-tokens": "0.0.0-dev-20261006082041",
44
+ "@norges-domstoler/dds-design-tokens": "0.0.0-dev-20261007074418",
45
45
  "@norges-domstoler/storybook-components": "0.0.25",
46
46
  "@react-types/datepicker": "^3.14.0",
47
47
  "@types/node": "^26.6.2",