@norges-domstoler/dds-components 0.0.0-dev-20250602112628 → 0.0.0-dev-20250603095759
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 +99 -5
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +62 -52
- package/dist/index.d.ts +62 -52
- package/dist/index.js +99 -39
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +98 -39
- package/dist/index.mjs.map +1 -1
- package/package.json +7 -7
package/dist/index.css
CHANGED
|
@@ -144,9 +144,20 @@
|
|
|
144
144
|
--dds-color-text-link-visited: var( --dds-color-text-action-visited-on-inverse );
|
|
145
145
|
--dds-color-text-label: var(--dds-color-text-on-inverse);
|
|
146
146
|
--dds-color-text-helper: var(--dds-color-text-on-inverse);
|
|
147
|
-
--dds-color-text-placeholder: var(--dds-color-text-
|
|
147
|
+
--dds-color-text-placeholder: var(--dds-color-text-on-inverse);
|
|
148
148
|
--dds-color-icon-link: var(--dds-color-text-on-inverse);
|
|
149
|
+
--dds-color-text-default-inversable: var(--dds-color-text-on-inverse);
|
|
150
|
+
--dds-color-text-subtle-inversable: var(--dds-color-text-on-inverse);
|
|
151
|
+
--dds-color-text-medium-inversable: var(--dds-color-text-on-inverse);
|
|
152
|
+
--dds-color-text-action-resting-inversable: var(--dds-color-text-on-inverse);
|
|
153
|
+
--dds-color-text-action-hover-inversable: var(--dds-color-text-on-inverse);
|
|
154
|
+
--dds-color-text-requiredfield-inversable: var(--dds-color-text-on-inverse);
|
|
149
155
|
color: var(--dds-color-text-on-inverse);
|
|
156
|
+
--dds-color-icon-default-inversable: var(--dds-color-text-on-inverse);
|
|
157
|
+
--dds-color-icon-subtle-inversable: var(--dds-color-text-on-inverse);
|
|
158
|
+
--dds-color-icon-medium-inversable: var(--dds-color-text-on-inverse);
|
|
159
|
+
--dds-color-icon-action-resting-inversable: var(--dds-color-icon-on-inverse);
|
|
160
|
+
--dds-color-icon-action-hover-inversable: var(--dds-color-icon-on-inverse);
|
|
150
161
|
}
|
|
151
162
|
:where(.typographyStyles_a) {
|
|
152
163
|
font: inherit;
|
|
@@ -181,7 +192,7 @@
|
|
|
181
192
|
}
|
|
182
193
|
}
|
|
183
194
|
.typographyStyles_a--visited:visited {
|
|
184
|
-
color: var(--dds-color-text-
|
|
195
|
+
color: var(--dds-color-text-link-visited);
|
|
185
196
|
}
|
|
186
197
|
:where(.typographyStyles_body-xsmall) {
|
|
187
198
|
margin: 0;
|
|
@@ -349,17 +360,89 @@
|
|
|
349
360
|
text-decoration: underline;
|
|
350
361
|
}
|
|
351
362
|
.typographyStyles_text-color--default {
|
|
352
|
-
color: var(--dds-color-text-default);
|
|
363
|
+
color: var(--dds-color-text-default-inversable);
|
|
353
364
|
}
|
|
354
365
|
.typographyStyles_text-color--medium {
|
|
355
|
-
color: var(--dds-color-text-medium);
|
|
366
|
+
color: var(--dds-color-text-medium-inversable);
|
|
356
367
|
}
|
|
357
368
|
.typographyStyles_text-color--subtle {
|
|
358
|
-
color: var(--dds-color-text-subtle);
|
|
369
|
+
color: var(--dds-color-text-subtle-inversable);
|
|
370
|
+
}
|
|
371
|
+
.typographyStyles_text-color--requiredfield {
|
|
372
|
+
color: var(--dds-color-text-requiredfield-inversable);
|
|
373
|
+
}
|
|
374
|
+
.typographyStyles_text-color--action-resting {
|
|
375
|
+
color: var(--dds-color-text-action-resting-inversable);
|
|
376
|
+
}
|
|
377
|
+
.typographyStyles_text-color--action-hover:hover {
|
|
378
|
+
color: var(--dds-color-text-action-hover-inversable);
|
|
379
|
+
}
|
|
380
|
+
.typographyStyles_text-color--action-visited:visited {
|
|
381
|
+
color: var(--dds-color-text-link-visited);
|
|
382
|
+
}
|
|
383
|
+
.typographyStyles_text-color--on-action {
|
|
384
|
+
color: var(--dds-color-text-on-action);
|
|
385
|
+
}
|
|
386
|
+
.typographyStyles_text-color--on-status-default {
|
|
387
|
+
color: var(--dds-color-text-on-status-default);
|
|
388
|
+
}
|
|
389
|
+
.typographyStyles_text-color--on-status-strong {
|
|
390
|
+
color: var(--dds-color-text-on-status-strong);
|
|
391
|
+
}
|
|
392
|
+
.typographyStyles_text-color--on-notification {
|
|
393
|
+
color: var(--dds-color-text-on-notification);
|
|
359
394
|
}
|
|
360
395
|
.typographyStyles_text-color--on-inverse {
|
|
361
396
|
color: var(--dds-color-text-on-inverse);
|
|
362
397
|
}
|
|
398
|
+
.typographyStyles_icon-color--default {
|
|
399
|
+
color: var(--dds-color-icon-default-inversable);
|
|
400
|
+
}
|
|
401
|
+
.typographyStyles_icon-color--medium {
|
|
402
|
+
color: var(--dds-color-icon-medium-inversable);
|
|
403
|
+
}
|
|
404
|
+
.typographyStyles_icon-color--subtle {
|
|
405
|
+
color: var(--dds-color-icon-subtle-inversable);
|
|
406
|
+
}
|
|
407
|
+
.typographyStyles_icon-color--on-action {
|
|
408
|
+
color: var(--dds-color-icon-on-action);
|
|
409
|
+
}
|
|
410
|
+
.typographyStyles_icon-color--action-resting {
|
|
411
|
+
color: var(--dds-color-icon-action-resting-inversable);
|
|
412
|
+
}
|
|
413
|
+
.typographyStyles_icon-color--action-hover:hover {
|
|
414
|
+
color: var(--dds-color-icon-action-hover-inversable);
|
|
415
|
+
}
|
|
416
|
+
.typographyStyles_icon-color--on-action {
|
|
417
|
+
color: var(--dds-color-icon-on-action);
|
|
418
|
+
}
|
|
419
|
+
.typographyStyles_icon-color--on-info-default {
|
|
420
|
+
color: var(--dds-color-icon-on-info-default);
|
|
421
|
+
}
|
|
422
|
+
.typographyStyles_icon-color--on-info-strong {
|
|
423
|
+
color: var(--dds-color-icon-on-info-strong);
|
|
424
|
+
}
|
|
425
|
+
.typographyStyles_icon-color--on-success-default {
|
|
426
|
+
color: var(--dds-color-icon-on-success-default);
|
|
427
|
+
}
|
|
428
|
+
.typographyStyles_icon-color--on-success-strong {
|
|
429
|
+
color: var(--dds-color-icon-on-success-strong);
|
|
430
|
+
}
|
|
431
|
+
.typographyStyles_icon-color--on-danger-default {
|
|
432
|
+
color: var(--dds-color-icon-on-danger-default);
|
|
433
|
+
}
|
|
434
|
+
.typographyStyles_icon-color--on-danger-strong {
|
|
435
|
+
color: var(--dds-color-icon-on-danger-strong);
|
|
436
|
+
}
|
|
437
|
+
.typographyStyles_icon-color--on-warning-default {
|
|
438
|
+
color: var(--dds-color-icon-on-warning-default);
|
|
439
|
+
}
|
|
440
|
+
.typographyStyles_icon-color--on-warning-strong {
|
|
441
|
+
color: var(--dds-color-icon-on-warning-strong);
|
|
442
|
+
}
|
|
443
|
+
.typographyStyles_icon-color--on-inverse {
|
|
444
|
+
color: var(--dds-color-icon-on-inverse);
|
|
445
|
+
}
|
|
363
446
|
|
|
364
447
|
/* src/components/helpers/styling/utilStyles.module.css */
|
|
365
448
|
:where(.utilStyles_remove-list-styling) {
|
|
@@ -2390,6 +2473,17 @@ input[data-indeterminate] ~ .SelectionControl_selection-control:after {
|
|
|
2390
2473
|
--dds-color-text-placeholder: var(--dds-color-text-subtle);
|
|
2391
2474
|
--dds-color-text-helper: var(--dds-color-text-subtle);
|
|
2392
2475
|
--dds-color-icon-link: var(--dds-color-text-action-resting);
|
|
2476
|
+
--dds-color-text-subtle-inversable: var(--dds-color-text-subtle);
|
|
2477
|
+
--dds-color-text-default-inversable: var(--dds-color-text-default);
|
|
2478
|
+
--dds-color-text-medium-inversable: var(--dds-color-text-medium);
|
|
2479
|
+
--dds-color-text-action-resting-inversable: var( --dds-color-text-action-resting );
|
|
2480
|
+
--dds-color-text-action-hover-inversable: var(--dds-color-text-action-hover);
|
|
2481
|
+
--dds-color-text-requiredfield-inversable: var( --dds-color-text-requiredfield );
|
|
2482
|
+
--dds-color-icon-subtle-inversable: var(--dds-color-icon-subtle);
|
|
2483
|
+
--dds-color-icon-default-inversable: var(--dds-color-icon-default);
|
|
2484
|
+
--dds-color-icon-medium-inversable: var(--dds-color-icon-medium);
|
|
2485
|
+
--dds-color-icon-action-resting-inversable: var( --dds-color-icon-action-resting );
|
|
2486
|
+
--dds-color-icon-action-hover-inversable: var(--dds-color-icon-action-hover);
|
|
2393
2487
|
--dds-focus-outline: var(--dds-color-focus-outside) 2px solid;
|
|
2394
2488
|
--dds-focus-outline-offset: var(--dds-spacing-x0-125);
|
|
2395
2489
|
--dds-focus-outline-inset: calc(0px - var(--dds-spacing-x0-25));
|