@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.css CHANGED
@@ -3276,24 +3276,23 @@ select:hover {
3276
3276
  --dds-progress-tracker-connector-width: 1px;
3277
3277
  --dds-progress-tracker-item-number-size: 1.75rem;
3278
3278
  }
3279
- .ProgressTracker_connector--column {
3279
+ .ProgressTracker_list-item:not(:first-child)::before {
3280
+ content: "";
3281
+ display: block;
3282
+ }
3283
+ .ProgressTracker_list-item--column:not(:first-child)::before {
3280
3284
  border-right: var(--dds-progress-tracker-connector-width) solid var(--dds-color-border-default);
3281
- width: 1px;
3285
+ width: var(--dds-progress-tracker-connector-width);
3282
3286
  height: 1.125rem;
3283
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);
3284
3289
  }
3285
- .ProgressTracker_connector--row {
3286
- flex: 0 0 auto;
3290
+ .ProgressTracker_list-item--row:not(:first-child)::before {
3287
3291
  border-top: var(--dds-progress-tracker-connector-width) solid var(--dds-color-border-default);
3288
- height: 1px;
3292
+ height: var(--dds-progress-tracker-connector-width);
3289
3293
  width: 1.875rem;
3290
3294
  margin-top: calc((var(--dds-progress-tracker-item-number-size) / 2) - (var(--dds-progress-tracker-connector-width) / 2));
3291
- }
3292
- .ProgressTracker_item {
3293
- flex: 0 0 auto;
3294
- position: relative;
3295
- display: flex;
3296
- justify-content: center;
3295
+ margin-right: var(--dds-spacing-x0-5);
3297
3296
  }
3298
3297
  .ProgressTracker_item-button {
3299
3298
  background: none;
@@ -3345,11 +3344,8 @@ select:hover {
3345
3344
  }
3346
3345
  .ProgressTracker_item-number {
3347
3346
  border-radius: var(--dds-border-radius-rounded);
3348
- display: flex;
3349
- align-items: center;
3350
- justify-content: center;
3351
3347
  z-index: var(--dds-zindex-absolute-element);
3352
- font-weight: 600;
3348
+ font-weight: var(--dds-font-weight-bold);
3353
3349
  border: 2px solid;
3354
3350
  height: var(--dds-progress-tracker-item-number-size);
3355
3351
  width: var(--dds-progress-tracker-item-number-size);