@norges-domstoler/dds-components 21.1.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.css CHANGED
@@ -3002,14 +3002,12 @@
3002
3002
  }
3003
3003
  .LocalMessage_container__text {
3004
3004
  grid-area: text;
3005
- padding-right: var(--dds-spacing-x0-75);
3006
3005
  }
3007
3006
  .LocalMessage_container__icon {
3008
3007
  grid-area: icon;
3009
3008
  }
3010
3009
  .LocalMessage_container__button {
3011
3010
  grid-area: closeButton;
3012
- margin: calc(0px - var(--dds-spacing-x0-75)) 0;
3013
3011
  }
3014
3012
 
3015
3013
  /* src/components/Modal/Modal.module.css */
@@ -3277,24 +3275,24 @@ select:hover {
3277
3275
  .ProgressTracker_list {
3278
3276
  --dds-progress-tracker-connector-width: 1px;
3279
3277
  --dds-progress-tracker-item-number-size: 1.75rem;
3280
- display: flex;
3281
- flex-direction: column;
3282
- align-items: flex-start;
3283
- gap: var(--dds-spacing-x0-125);
3284
- margin: 0;
3285
- padding: 0;
3286
3278
  }
3287
- .ProgressTracker_connector {
3279
+ .ProgressTracker_list-item:not(:first-child)::before {
3280
+ content: "";
3281
+ display: block;
3282
+ }
3283
+ .ProgressTracker_list-item--column:not(:first-child)::before {
3288
3284
  border-right: var(--dds-progress-tracker-connector-width) solid var(--dds-color-border-default);
3289
- width: 1px;
3290
- height: 18px;
3285
+ width: var(--dds-progress-tracker-connector-width);
3286
+ height: 1.125rem;
3291
3287
  margin-left: calc((var(--dds-progress-tracker-item-number-size) / 2) - (var(--dds-progress-tracker-connector-width) / 2));
3288
+ margin-bottom: var(--dds-spacing-x0-125);
3292
3289
  }
3293
- .ProgressTracker_item {
3294
- flex: 1;
3295
- position: relative;
3296
- display: flex;
3297
- justify-content: center;
3290
+ .ProgressTracker_list-item--row:not(:first-child)::before {
3291
+ border-top: var(--dds-progress-tracker-connector-width) solid var(--dds-color-border-default);
3292
+ height: var(--dds-progress-tracker-connector-width);
3293
+ width: 1.875rem;
3294
+ margin-top: calc((var(--dds-progress-tracker-item-number-size) / 2) - (var(--dds-progress-tracker-connector-width) / 2));
3295
+ margin-right: var(--dds-spacing-x0-5);
3298
3296
  }
3299
3297
  .ProgressTracker_item-button {
3300
3298
  background: none;
@@ -3346,11 +3344,8 @@ select:hover {
3346
3344
  }
3347
3345
  .ProgressTracker_item-number {
3348
3346
  border-radius: var(--dds-border-radius-rounded);
3349
- display: flex;
3350
- align-items: center;
3351
- justify-content: center;
3352
3347
  z-index: var(--dds-zindex-absolute-element);
3353
- font-weight: 600;
3348
+ font-weight: var(--dds-font-weight-bold);
3354
3349
  border: 2px solid;
3355
3350
  height: var(--dds-progress-tracker-item-number-size);
3356
3351
  width: var(--dds-progress-tracker-item-number-size);
@@ -3432,22 +3427,11 @@ select:hover {
3432
3427
  }
3433
3428
 
3434
3429
  /* src/components/Search/Search.module.css */
3435
- .Search_container {
3436
- display: flex;
3437
- flex-direction: column;
3438
- gap: var(--dds-spacing-x0-125);
3439
- }
3440
- .Search_input-group {
3441
- position: relative;
3442
- display: flex;
3443
- }
3444
3430
  .Search_with-button-container {
3445
3431
  display: grid;
3446
3432
  grid-template-columns: 1fr auto;
3447
3433
  }
3448
3434
  .Search_input {
3449
- width: 100%;
3450
- padding-right: calc(var(--dds-spacing-x1) + var(--dds-icon-size-medium) + var(--dds-spacing-x0-25));
3451
3435
  &[type=search]::-webkit-search-decoration,
3452
3436
  &[type=search]::-webkit-search-cancel-button,
3453
3437
  &[type=search]::-webkit-search-results-button,
@@ -3455,18 +3439,6 @@ select:hover {
3455
3439
  -webkit-appearance: none;
3456
3440
  }
3457
3441
  }
3458
- .Search_input--small {
3459
- padding-block: var(--dds-spacing-x0-5);
3460
- padding-left: calc(var(--dds-spacing-x0-75) + var(--dds-icon-size-small) + var(--dds-spacing-x0-5));
3461
- }
3462
- .Search_input--medium {
3463
- padding-block: var(--dds-spacing-x0-75);
3464
- padding-left: calc(var(--dds-spacing-x0-75) + var(--dds-icon-size-medium) + var(--dds-spacing-x0-5));
3465
- }
3466
- .Search_input--large {
3467
- padding-block: var(--dds-spacing-x1);
3468
- padding-left: calc(var(--dds-spacing-x0-75) + var(--dds-icon-size-medium) + var(--dds-spacing-x0-5));
3469
- }
3470
3442
  .Search_search-icon {
3471
3443
  left: var(--dds-spacing-x0-75);
3472
3444
  }
@@ -3479,16 +3451,7 @@ select:hover {
3479
3451
  height: var(--dds-icon-size-medium);
3480
3452
  }
3481
3453
  .Search_suggestions {
3482
- position: absolute;
3483
- top: 100%;
3484
- width: 100%;
3485
- max-height: 300px;
3486
3454
  z-index: var(--dds-zindex-dropdown);
3487
- overflow-y: scroll;
3488
- margin-top: var(--dds-spacing-x0-25);
3489
- }
3490
- .Search_suggestions__header {
3491
- padding-left: var(--dds-spacing-x1);
3492
3455
  }
3493
3456
 
3494
3457
  /* src/components/Skeleton/Skeleton.module.css */