@norges-domstoler/dds-components 0.0.0-dev-20260317113605 → 0.0.0-dev-20260319072103
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 +27 -9
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +7 -0
- package/dist/index.d.ts +7 -0
- package/dist/index.js +52 -40
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +52 -40
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -4381,7 +4381,7 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
|
|
|
4381
4381
|
box-sizing: border-box;
|
|
4382
4382
|
cursor: pointer;
|
|
4383
4383
|
background-color: var(--dds-color-surface-default);
|
|
4384
|
-
border: 1px solid
|
|
4384
|
+
border: 1px solid;
|
|
4385
4385
|
@media (prefers-reduced-motion: no-preference) {
|
|
4386
4386
|
transition:
|
|
4387
4387
|
border-color var(--dds-motion-micro-state),
|
|
@@ -4392,9 +4392,6 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
|
|
|
4392
4392
|
}
|
|
4393
4393
|
}
|
|
4394
4394
|
.ToggleBar_label {
|
|
4395
|
-
&:hover .ToggleBar_content {
|
|
4396
|
-
background-color: var(--dds-color-surface-hover-default);
|
|
4397
|
-
}
|
|
4398
4395
|
&:first-child .ToggleBar_content {
|
|
4399
4396
|
margin-inline-end: -1px;
|
|
4400
4397
|
border-top-left-radius: var(--dds-border-radius-button);
|
|
@@ -4407,16 +4404,37 @@ input[data-indeterminate=true] ~ .SelectionControl_selection-control:after {
|
|
|
4407
4404
|
&:not(:first-child):not(:last-child) .ToggleBar_content {
|
|
4408
4405
|
margin-inline-end: -1px;
|
|
4409
4406
|
}
|
|
4407
|
+
input:focus-visible + .ToggleBar_content,
|
|
4408
|
+
input:checked + .ToggleBar_content {
|
|
4409
|
+
position: relative;
|
|
4410
|
+
z-index: 0;
|
|
4411
|
+
border-radius: var(--dds-border-radius-button);
|
|
4412
|
+
}
|
|
4413
|
+
}
|
|
4414
|
+
.ToggleBar_label--primary {
|
|
4415
|
+
.ToggleBar_content {
|
|
4416
|
+
border-color: var(--dds-color-border-default);
|
|
4417
|
+
}
|
|
4418
|
+
&:hover .ToggleBar_content {
|
|
4419
|
+
background-color: var(--dds-color-surface-hover-default);
|
|
4420
|
+
}
|
|
4410
4421
|
input:checked + .ToggleBar_content {
|
|
4411
4422
|
color: var(--dds-color-text-on-action);
|
|
4412
4423
|
border-color: var(--dds-color-surface-action-selected);
|
|
4413
4424
|
background-color: var(--dds-color-surface-action-selected);
|
|
4414
|
-
position: relative;
|
|
4415
|
-
z-index: 0;
|
|
4416
4425
|
}
|
|
4417
|
-
|
|
4418
|
-
|
|
4419
|
-
|
|
4426
|
+
}
|
|
4427
|
+
.ToggleBar_label--secondary {
|
|
4428
|
+
.ToggleBar_content {
|
|
4429
|
+
border-color: var(--dds-color-border-subtle);
|
|
4430
|
+
}
|
|
4431
|
+
&:hover .ToggleBar_content {
|
|
4432
|
+
background-color: var(--dds-color-surface-hover-subtle);
|
|
4433
|
+
}
|
|
4434
|
+
input:checked + .ToggleBar_content {
|
|
4435
|
+
color: var(--dds-color-text-default);
|
|
4436
|
+
border-color: var(--dds-color-border-default);
|
|
4437
|
+
background-color: var(--dds-color-surface-selected-default);
|
|
4420
4438
|
}
|
|
4421
4439
|
}
|
|
4422
4440
|
|