@norges-domstoler/dds-components 22.2.0 → 22.3.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.
package/dist/index.css CHANGED
@@ -2997,6 +2997,70 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
2997
2997
  margin-top: calc(-1 * var(--dds-spacing-x0-125));
2998
2998
  }
2999
2999
 
3000
+ /* src/components/ErrorSummary/ErrorSummary.module.css */
3001
+ .ErrorSummary_container {
3002
+ border: 2px solid var(--dds-color-border-danger);
3003
+ }
3004
+
3005
+ /* src/components/List/List.module.css */
3006
+ .List_list {
3007
+ color: var(--dds-color-text-body);
3008
+ margin: var(--dds-spacing-x1) 0;
3009
+ ul,
3010
+ ol {
3011
+ margin: 0;
3012
+ }
3013
+ }
3014
+ .List_list--inherit {
3015
+ font: inherit;
3016
+ }
3017
+ .List_list--unordered {
3018
+ --dds-list-ul-li-padding-left: 1em + var(--dds-spacing-x0-25);
3019
+ list-style: none;
3020
+ padding-left: calc(var(--dds-spacing-x2) - (var(--dds-list-ul-li-padding-left)));
3021
+ --dds-list-bullet-size: 1em;
3022
+ li {
3023
+ position: relative;
3024
+ padding-left: calc(var(--dds-list-ul-li-padding-left));
3025
+ &:before {
3026
+ content: "";
3027
+ display: inline-block;
3028
+ height: var(--dds-list-bullet-size);
3029
+ width: var(--dds-list-bullet-size);
3030
+ position: absolute;
3031
+ top: calc((var(--dds-font-lineheight-list) * 1em) / 2 - var(--dds-list-bullet-size) / 2);
3032
+ left: 0;
3033
+ background: var(--dds-color-text-body);
3034
+ -webkit-mask-size: 100%;
3035
+ mask-size: 100%;
3036
+ -webkit-mask-repeat: no-repeat;
3037
+ mask-repeat: no-repeat;
3038
+ -webkit-mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<circle cx="6.7085" cy="6.7085" r="2.625" fill="%230B0D0E"/>%0A</svg>%0A');
3039
+ mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<circle cx="6.7085" cy="6.7085" r="2.625" fill="%230B0D0E"/>%0A</svg>%0A');
3040
+ }
3041
+ ul > li:before {
3042
+ -webkit-mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect x="3.04346" y="6.08691" width="7.30435" height="1.82609" fill="%230B0D0E"/>%0A</svg>%0A');
3043
+ mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect x="3.04346" y="6.08691" width="7.30435" height="1.82609" fill="%230B0D0E"/>%0A</svg>%0A');
3044
+ }
3045
+ ul > li > ul > li:before {
3046
+ -webkit-mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M6.70817 9.33333C8.80225 9.33333 10.4998 7.50516 10.4998 5.25H2.9165C2.9165 7.50516 4.61409 9.33333 6.70817 9.33333Z" fill="%230B0D0E"/>%0A</svg>%0A');
3047
+ mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M6.70817 9.33333C8.80225 9.33333 10.4998 7.50516 10.4998 5.25H2.9165C2.9165 7.50516 4.61409 9.33333 6.70817 9.33333Z" fill="%230B0D0E"/>%0A</svg>%0A');
3048
+ }
3049
+ }
3050
+ }
3051
+ .List_list--ordered {
3052
+ padding-left: var(--dds-spacing-x2);
3053
+ & > li > ol {
3054
+ list-style-type: lower-alpha;
3055
+ }
3056
+ & > li > ol > li > ol {
3057
+ list-style-type: lower-roman;
3058
+ }
3059
+ }
3060
+ .List_li {
3061
+ line-height: var(--dds-font-lineheight-list);
3062
+ }
3063
+
3000
3064
  /* src/components/FavStar/FavStar.module.css */
3001
3065
  .FavStar_container {
3002
3066
  position: relative;
@@ -3385,65 +3449,6 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
3385
3449
  max-height: calc(100vh - 110px);
3386
3450
  }
3387
3451
 
3388
- /* src/components/List/List.module.css */
3389
- .List_list {
3390
- color: var(--dds-color-text-body);
3391
- margin: var(--dds-spacing-x1) 0;
3392
- ul,
3393
- ol {
3394
- margin: 0;
3395
- }
3396
- }
3397
- .List_list--inherit {
3398
- font: inherit;
3399
- }
3400
- .List_list--unordered {
3401
- --dds-list-ul-li-padding-left: 1em + var(--dds-spacing-x0-25);
3402
- list-style: none;
3403
- padding-left: calc(var(--dds-spacing-x2) - (var(--dds-list-ul-li-padding-left)));
3404
- --dds-list-bullet-size: 1em;
3405
- li {
3406
- position: relative;
3407
- padding-left: calc(var(--dds-list-ul-li-padding-left));
3408
- &:before {
3409
- content: "";
3410
- display: inline-block;
3411
- height: var(--dds-list-bullet-size);
3412
- width: var(--dds-list-bullet-size);
3413
- position: absolute;
3414
- top: calc((var(--dds-font-lineheight-list) * 1em) / 2 - var(--dds-list-bullet-size) / 2);
3415
- left: 0;
3416
- background: var(--dds-color-text-body);
3417
- -webkit-mask-size: 100%;
3418
- mask-size: 100%;
3419
- -webkit-mask-repeat: no-repeat;
3420
- mask-repeat: no-repeat;
3421
- -webkit-mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<circle cx="6.7085" cy="6.7085" r="2.625" fill="%230B0D0E"/>%0A</svg>%0A');
3422
- mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<circle cx="6.7085" cy="6.7085" r="2.625" fill="%230B0D0E"/>%0A</svg>%0A');
3423
- }
3424
- ul > li:before {
3425
- -webkit-mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect x="3.04346" y="6.08691" width="7.30435" height="1.82609" fill="%230B0D0E"/>%0A</svg>%0A');
3426
- mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<rect x="3.04346" y="6.08691" width="7.30435" height="1.82609" fill="%230B0D0E"/>%0A</svg>%0A');
3427
- }
3428
- ul > li > ul > li:before {
3429
- -webkit-mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M6.70817 9.33333C8.80225 9.33333 10.4998 7.50516 10.4998 5.25H2.9165C2.9165 7.50516 4.61409 9.33333 6.70817 9.33333Z" fill="%230B0D0E"/>%0A</svg>%0A');
3430
- mask-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">%0A<path d="M6.70817 9.33333C8.80225 9.33333 10.4998 7.50516 10.4998 5.25H2.9165C2.9165 7.50516 4.61409 9.33333 6.70817 9.33333Z" fill="%230B0D0E"/>%0A</svg>%0A');
3431
- }
3432
- }
3433
- }
3434
- .List_list--ordered {
3435
- padding-left: var(--dds-spacing-x2);
3436
- & > li > ol {
3437
- list-style-type: lower-alpha;
3438
- }
3439
- & > li > ol > li > ol {
3440
- list-style-type: lower-roman;
3441
- }
3442
- }
3443
- .List_li {
3444
- line-height: var(--dds-font-lineheight-list);
3445
- }
3446
-
3447
3452
  /* src/components/LocalMessage/LocalMessage.module.css */
3448
3453
  .LocalMessage_container {
3449
3454
  border: 1px solid;