@norges-domstoler/dds-components 21.1.0 → 21.2.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
@@ -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,21 +3275,22 @@ 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_connector--column {
3288
3280
  border-right: var(--dds-progress-tracker-connector-width) solid var(--dds-color-border-default);
3289
3281
  width: 1px;
3290
- height: 18px;
3282
+ height: 1.125rem;
3291
3283
  margin-left: calc((var(--dds-progress-tracker-item-number-size) / 2) - (var(--dds-progress-tracker-connector-width) / 2));
3292
3284
  }
3285
+ .ProgressTracker_connector--row {
3286
+ flex: 0 0 auto;
3287
+ border-top: var(--dds-progress-tracker-connector-width) solid var(--dds-color-border-default);
3288
+ height: 1px;
3289
+ width: 1.875rem;
3290
+ margin-top: calc((var(--dds-progress-tracker-item-number-size) / 2) - (var(--dds-progress-tracker-connector-width) / 2));
3291
+ }
3293
3292
  .ProgressTracker_item {
3294
- flex: 1;
3293
+ flex: 0 0 auto;
3295
3294
  position: relative;
3296
3295
  display: flex;
3297
3296
  justify-content: center;
@@ -3432,22 +3431,11 @@ select:hover {
3432
3431
  }
3433
3432
 
3434
3433
  /* 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
3434
  .Search_with-button-container {
3445
3435
  display: grid;
3446
3436
  grid-template-columns: 1fr auto;
3447
3437
  }
3448
3438
  .Search_input {
3449
- width: 100%;
3450
- padding-right: calc(var(--dds-spacing-x1) + var(--dds-icon-size-medium) + var(--dds-spacing-x0-25));
3451
3439
  &[type=search]::-webkit-search-decoration,
3452
3440
  &[type=search]::-webkit-search-cancel-button,
3453
3441
  &[type=search]::-webkit-search-results-button,
@@ -3455,18 +3443,6 @@ select:hover {
3455
3443
  -webkit-appearance: none;
3456
3444
  }
3457
3445
  }
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
3446
  .Search_search-icon {
3471
3447
  left: var(--dds-spacing-x0-75);
3472
3448
  }
@@ -3479,16 +3455,7 @@ select:hover {
3479
3455
  height: var(--dds-icon-size-medium);
3480
3456
  }
3481
3457
  .Search_suggestions {
3482
- position: absolute;
3483
- top: 100%;
3484
- width: 100%;
3485
- max-height: 300px;
3486
3458
  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
3459
  }
3493
3460
 
3494
3461
  /* src/components/Skeleton/Skeleton.module.css */