@navikt/ds-css 4.11.0 → 4.11.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/CHANGELOG.md +12 -0
- package/date.css +1 -1
- package/dist/component/date.css +1 -1
- package/dist/component/date.min.css +1 -1
- package/dist/component/form.css +1 -1
- package/dist/component/form.min.css +1 -1
- package/dist/component/index.css +4 -5
- package/dist/component/index.min.css +2 -2
- package/dist/component/togglegroup.css +1 -2
- package/dist/component/togglegroup.min.css +1 -1
- package/dist/components.css +3 -4
- package/dist/components.min.css +2 -2
- package/dist/global/tokens.css +1 -1
- package/dist/index.css +4 -5
- package/dist/index.min.css +2 -2
- package/form/combobox.css +1 -1
- package/package.json +2 -2
- package/toggle-group.css +1 -2
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
cursor: pointer;
|
|
35
35
|
background-color: var(--ac-toggle-group-button-bg, var(--a-surface-transparent));
|
|
36
36
|
color: var(--ac-toggle-group-button-text, var(--a-text-default));
|
|
37
|
-
border-radius:
|
|
37
|
+
border-radius: var(--a-border-radius-small);
|
|
38
38
|
min-width: fit-content;
|
|
39
39
|
font-weight: var(--a-font-weight-regular);
|
|
40
40
|
}
|
|
@@ -113,7 +113,6 @@
|
|
|
113
113
|
.navds-toggle-group__button[aria-checked="true"] {
|
|
114
114
|
background-color: var(--ac-toggle-group-selected-bg, var(--a-surface-action-selected));
|
|
115
115
|
color: var(--ac-toggle-group-selected-text, var(--a-text-on-action));
|
|
116
|
-
font-weight: var(--a-font-weight-bold);
|
|
117
116
|
}
|
|
118
117
|
|
|
119
118
|
.navds-toggle-group--neutral > .navds-toggle-group__button[aria-pressed="true"],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-toggle-group__wrapper{display:grid;gap:var(--a-spacing-2);justify-items:start}.navds-toggle-group{background-color:var(--ac-toggle-group-bg,var(--a-surface-transparent));border-radius:var(--a-border-radius-medium);box-shadow:inset 0 0 0 1px var(--ac-toggle-group-border,var(--a-border-default));display:inline-grid;gap:var(--a-spacing-1);grid-auto-columns:1fr;grid-auto-flow:column;padding:calc(var(--a-spacing-1) + .0625rem)}.navds-toggle-group--small{padding:calc(var(--a-spacing-05) + .0625rem)}.navds-toggle-group--neutral{background-color:var(--ac-toggle-group-neutral-bg,var(--a-surface-transparent));box-shadow:inset 0 0 0 1px var(--ac-toggle-group-neutral-border,var(--a-border-default))}.navds-toggle-group__button{align-items:center;background-color:var(--ac-toggle-group-button-bg,var(--a-surface-transparent));border:none;border-radius:
|
|
1
|
+
.navds-toggle-group__wrapper{display:grid;gap:var(--a-spacing-2);justify-items:start}.navds-toggle-group{background-color:var(--ac-toggle-group-bg,var(--a-surface-transparent));border-radius:var(--a-border-radius-medium);box-shadow:inset 0 0 0 1px var(--ac-toggle-group-border,var(--a-border-default));display:inline-grid;gap:var(--a-spacing-1);grid-auto-columns:1fr;grid-auto-flow:column;padding:calc(var(--a-spacing-1) + .0625rem)}.navds-toggle-group--small{padding:calc(var(--a-spacing-05) + .0625rem)}.navds-toggle-group--neutral{background-color:var(--ac-toggle-group-neutral-bg,var(--a-surface-transparent));box-shadow:inset 0 0 0 1px var(--ac-toggle-group-neutral-border,var(--a-border-default))}.navds-toggle-group__button{align-items:center;background-color:var(--ac-toggle-group-button-bg,var(--a-surface-transparent));border:none;border-radius:var(--a-border-radius-small);color:var(--ac-toggle-group-button-text,var(--a-text-default));cursor:pointer;display:inline-flex;font-weight:var(--a-font-weight-regular);justify-content:center;min-height:2.375rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:var(--a-spacing-1) var(--a-spacing-3)}.navds-toggle-group--medium>:where(.navds-toggle-group__button:first-of-type:focus-visible){border-end-start-radius:1px;border-start-start-radius:1px}.navds-toggle-group--medium>:where(.navds-toggle-group__button:last-of-type:focus-visible){border-end-end-radius:1px;border-start-end-radius:1px}.navds-toggle-group--neutral>.navds-toggle-group__button{background-color:var(--ac-toggle-group-button-neutral-bg,var(--a-surface-transparent));color:var(--ac-toggle-group-button-neutral-text,var(--a-text-default))}.navds-toggle-group__button:hover{background-color:var(--ac-toggle-group-button-hover-bg,var(--a-surface-action-subtle));color:var(--ac-toggle-group-button-hover-text,var(--a-text-default))}.navds-toggle-group--neutral>.navds-toggle-group__button:hover{background-color:var(--ac-toggle-group-button-neutral-hover-bg,var(--a-surface-neutral-subtle-hover));color:var(--ac-toggle-group-button-neutral-hover-text,var(--a-text-default))}.navds-toggle-group__button:focus-visible{box-shadow:0 0 0 1px var(--a-surface-default),0 0 0 4px var(--a-border-focus);outline:none}@supports not selector(:focus-visible){.navds-toggle-group__button:focus{box-shadow:0 0 0 1px var(--a-surface-default),0 0 0 4px var(--a-border-focus);outline:none}}.navds-toggle-group__button:focus-visible:hover[aria-pressed=false]{box-shadow:0 0 0 1px var(--ac-toggle-group-button-hover-bg,var(--a-surface-action-subtle)),0 0 0 4px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-toggle-group__button:focus:hover[aria-pressed=false]{box-shadow:0 0 0 1px var(--ac-toggle-group-button-hover-bg,var(--a-surface-action-subtle)),0 0 0 4px var(--a-border-focus)}}.navds-toggle-group--neutral>.navds-toggle-group__button:focus:hover[aria-pressed=false]{box-shadow:0 0 0 1px var(--ac-toggle-group-button-neutral-hover-bg,var(--a-surface-neutral-subtle-hover)),0 0 0 4px var(--a-border-focus)}@supports not selector(:focus-visible){.navds-toggle-group--neutral>.navds-toggle-group__button:focus-visible:hover[aria-pressed=false]{box-shadow:0 0 0 1px var(--ac-toggle-group-button-neutral-hover-bg,var(--a-surface-neutral-subtle-hover)),0 0 0 4px var(--a-border-focus)}}.navds-toggle-group__button-inner{align-items:center;display:flex;font-weight:inherit;gap:var(--a-spacing-2)}.navds-toggle-group__button-inner>*{flex-shrink:0}.navds-toggle-group__button[aria-checked=true],.navds-toggle-group__button[aria-pressed=true]{background-color:var(--ac-toggle-group-selected-bg,var(--a-surface-action-selected));color:var(--ac-toggle-group-selected-text,var(--a-text-on-action))}.navds-toggle-group--neutral>.navds-toggle-group__button[aria-checked=true],.navds-toggle-group--neutral>.navds-toggle-group__button[aria-pressed=true]{background-color:var(--ac-toggle-group-neutral-selected-bg,var(--a-surface-neutral-selected));color:var(--ac-toggle-group-neutral-selected-text,var(--a-text-on-neutral))}.navds-toggle-group--small>.navds-toggle-group__button{min-height:1.625rem;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:var(--a-spacing-05) var(--a-spacing-3)}.navds-toggle-group__button>.navds-toggle-group__button-inner>svg{font-size:1.5rem}.navds-toggle-group--small>.navds-toggle-group__button>.navds-toggle-group__button-inner>svg{font-size:1.125rem}
|
package/dist/components.css
CHANGED
|
@@ -2810,7 +2810,7 @@
|
|
|
2810
2810
|
}
|
|
2811
2811
|
.navds-combobox__list-item__new-option--focus {
|
|
2812
2812
|
box-shadow: var(--a-shadow-focus) inset, var(--a-border-action) 0 0 0 5px inset;
|
|
2813
|
-
border-radius:
|
|
2813
|
+
border-radius: calc(var(--a-border-radius-medium) - 1px);
|
|
2814
2814
|
}
|
|
2815
2815
|
/* Mobile */
|
|
2816
2816
|
@media (max-width: 479px) {
|
|
@@ -3534,7 +3534,7 @@ button.navds-internalheader__title:active,
|
|
|
3534
3534
|
text-decoration: none;
|
|
3535
3535
|
border: none;
|
|
3536
3536
|
background: none;
|
|
3537
|
-
border-radius:
|
|
3537
|
+
border-radius: calc(var(--a-border-radius-medium) - 1px);
|
|
3538
3538
|
padding: var(--a-spacing-3);
|
|
3539
3539
|
align-items: center;
|
|
3540
3540
|
justify-content: center;
|
|
@@ -4120,7 +4120,7 @@ button.navds-internalheader__title:active,
|
|
|
4120
4120
|
cursor: pointer;
|
|
4121
4121
|
background-color: var(--ac-toggle-group-button-bg, var(--a-surface-transparent));
|
|
4122
4122
|
color: var(--ac-toggle-group-button-text, var(--a-text-default));
|
|
4123
|
-
border-radius:
|
|
4123
|
+
border-radius: var(--a-border-radius-small);
|
|
4124
4124
|
min-width: fit-content;
|
|
4125
4125
|
font-weight: var(--a-font-weight-regular);
|
|
4126
4126
|
}
|
|
@@ -4185,7 +4185,6 @@ button.navds-internalheader__title:active,
|
|
|
4185
4185
|
.navds-toggle-group__button[aria-checked="true"] {
|
|
4186
4186
|
background-color: var(--ac-toggle-group-selected-bg, var(--a-surface-action-selected));
|
|
4187
4187
|
color: var(--ac-toggle-group-selected-text, var(--a-text-on-action));
|
|
4188
|
-
font-weight: var(--a-font-weight-bold);
|
|
4189
4188
|
}
|
|
4190
4189
|
.navds-toggle-group--neutral > .navds-toggle-group__button[aria-pressed="true"],
|
|
4191
4190
|
.navds-toggle-group--neutral > .navds-toggle-group__button[aria-checked="true"] {
|