@norges-domstoler/dds-components 21.2.0 → 21.2.2
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 +16 -26
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +63 -63
- package/dist/index.d.ts +63 -63
- package/dist/index.js +139 -97
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +253 -212
- package/dist/index.mjs.map +1 -1
- package/package.json +5 -5
package/dist/index.css
CHANGED
|
@@ -2258,7 +2258,6 @@
|
|
|
2258
2258
|
transition: 0.2s;
|
|
2259
2259
|
background: transparent;
|
|
2260
2260
|
border-radius: var(--dds-border-radius-button);
|
|
2261
|
-
color: var(--dds-color-icon-default);
|
|
2262
2261
|
&:not(:disabled):not(.DateInput_disabled):hover,
|
|
2263
2262
|
&:not(:disabled):not(.DateInput_disabled):active {
|
|
2264
2263
|
background-color: var(--dds-color-surface-hover-default);
|
|
@@ -2284,13 +2283,8 @@
|
|
|
2284
2283
|
.DateInput_calendar {
|
|
2285
2284
|
display: flex;
|
|
2286
2285
|
flex-direction: column;
|
|
2287
|
-
gap:
|
|
2288
|
-
height:
|
|
2289
|
-
}
|
|
2290
|
-
.DateInput_calendar__header {
|
|
2291
|
-
display: flex;
|
|
2292
|
-
justify-content: space-between;
|
|
2293
|
-
align-items: center;
|
|
2286
|
+
gap: var(--dds-spacing-x0-25);
|
|
2287
|
+
height: 337px;
|
|
2294
2288
|
}
|
|
2295
2289
|
.DateInput_calendar__header__month {
|
|
2296
2290
|
text-transform: capitalize;
|
|
@@ -2300,16 +2294,16 @@
|
|
|
2300
2294
|
-moz-user-select: none;
|
|
2301
2295
|
user-select: none;
|
|
2302
2296
|
}
|
|
2303
|
-
.
|
|
2297
|
+
.DateInput_calendar__grid-element {
|
|
2304
2298
|
width: 40px;
|
|
2305
2299
|
height: 40px;
|
|
2300
|
+
}
|
|
2301
|
+
.DateInput_calendar__week-number {
|
|
2306
2302
|
display: flex;
|
|
2307
2303
|
align-items: center;
|
|
2308
2304
|
justify-content: center;
|
|
2309
2305
|
}
|
|
2310
2306
|
.DateInput_calendar__cell-button {
|
|
2311
|
-
width: 40px;
|
|
2312
|
-
height: 40px;
|
|
2313
2307
|
display: flex;
|
|
2314
2308
|
align-items: center;
|
|
2315
2309
|
justify-content: center;
|
|
@@ -3276,24 +3270,23 @@ select:hover {
|
|
|
3276
3270
|
--dds-progress-tracker-connector-width: 1px;
|
|
3277
3271
|
--dds-progress-tracker-item-number-size: 1.75rem;
|
|
3278
3272
|
}
|
|
3279
|
-
.
|
|
3273
|
+
.ProgressTracker_list-item:not(:first-child)::before {
|
|
3274
|
+
content: "";
|
|
3275
|
+
display: block;
|
|
3276
|
+
}
|
|
3277
|
+
.ProgressTracker_list-item--column:not(:first-child)::before {
|
|
3280
3278
|
border-right: var(--dds-progress-tracker-connector-width) solid var(--dds-color-border-default);
|
|
3281
|
-
width:
|
|
3279
|
+
width: var(--dds-progress-tracker-connector-width);
|
|
3282
3280
|
height: 1.125rem;
|
|
3283
3281
|
margin-left: calc((var(--dds-progress-tracker-item-number-size) / 2) - (var(--dds-progress-tracker-connector-width) / 2));
|
|
3282
|
+
margin-bottom: var(--dds-spacing-x0-125);
|
|
3284
3283
|
}
|
|
3285
|
-
.
|
|
3286
|
-
flex: 0 0 auto;
|
|
3284
|
+
.ProgressTracker_list-item--row:not(:first-child)::before {
|
|
3287
3285
|
border-top: var(--dds-progress-tracker-connector-width) solid var(--dds-color-border-default);
|
|
3288
|
-
height:
|
|
3286
|
+
height: var(--dds-progress-tracker-connector-width);
|
|
3289
3287
|
width: 1.875rem;
|
|
3290
3288
|
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;
|
|
3289
|
+
margin-right: var(--dds-spacing-x0-5);
|
|
3297
3290
|
}
|
|
3298
3291
|
.ProgressTracker_item-button {
|
|
3299
3292
|
background: none;
|
|
@@ -3345,11 +3338,8 @@ select:hover {
|
|
|
3345
3338
|
}
|
|
3346
3339
|
.ProgressTracker_item-number {
|
|
3347
3340
|
border-radius: var(--dds-border-radius-rounded);
|
|
3348
|
-
display: flex;
|
|
3349
|
-
align-items: center;
|
|
3350
|
-
justify-content: center;
|
|
3351
3341
|
z-index: var(--dds-zindex-absolute-element);
|
|
3352
|
-
font-weight:
|
|
3342
|
+
font-weight: var(--dds-font-weight-bold);
|
|
3353
3343
|
border: 2px solid;
|
|
3354
3344
|
height: var(--dds-progress-tracker-item-number-size);
|
|
3355
3345
|
width: var(--dds-progress-tracker-item-number-size);
|