@navikt/ds-css 4.2.0 → 4.3.0
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 +10 -0
- package/dist/component/expansioncard.css +6 -3
- package/dist/component/expansioncard.min.css +1 -1
- package/dist/component/helptext.css +1 -1
- package/dist/component/helptext.min.css +1 -1
- package/dist/component/index.css +9 -5
- package/dist/component/index.min.css +1 -1
- package/dist/component/popover.css +1 -0
- package/dist/component/popover.min.css +1 -1
- package/dist/components.css +8 -4
- package/dist/components.min.css +1 -1
- package/dist/global/tokens.css +1 -1
- package/dist/index.css +9 -5
- package/dist/index.min.css +1 -1
- package/expansioncard.css +6 -3
- package/help-text.css +1 -1
- package/package.json +2 -2
- package/popover.css +1 -0
package/dist/index.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@charset "UTF-8";
|
|
2
2
|
/**
|
|
3
3
|
* Do not edit directly
|
|
4
|
-
* Generated on Wed, 21 Jun 2023
|
|
4
|
+
* Generated on Wed, 21 Jun 2023 11:52:08 GMT
|
|
5
5
|
*/
|
|
6
6
|
:root, :host {
|
|
7
7
|
--a-spacing-05: 0.125rem;
|
|
@@ -2187,7 +2187,7 @@ body,
|
|
|
2187
2187
|
.navds-expansioncard__title--large {
|
|
2188
2188
|
margin-top: var(--a-spacing-1);
|
|
2189
2189
|
}
|
|
2190
|
-
.navds-expansioncard--small :where(.navds-expansioncard__title--small) {
|
|
2190
|
+
.navds-expansioncard--small > :where(.navds-expansioncard__header) :where(.navds-expansioncard__title--small) {
|
|
2191
2191
|
margin-top: var(--a-spacing-05);
|
|
2192
2192
|
}
|
|
2193
2193
|
.navds-expansioncard--small :where(.navds-expansioncard__title--medium, .navds-expansioncard__title--large) {
|
|
@@ -2219,7 +2219,7 @@ body,
|
|
|
2219
2219
|
.navds-expansioncard__header-chevron {
|
|
2220
2220
|
transition: transform 150ms ease-in-out;
|
|
2221
2221
|
}
|
|
2222
|
-
.navds-expansioncard--open :where(.navds-expansioncard__header-chevron) {
|
|
2222
|
+
.navds-expansioncard--open > :where(.navds-expansioncard__header) :where(.navds-expansioncard__header-chevron) {
|
|
2223
2223
|
transform: translateY(0) rotate(180deg);
|
|
2224
2224
|
}
|
|
2225
2225
|
.navds-expansioncard__header-button:hover > :where(.navds-expansioncard__header-chevron) {
|
|
@@ -2235,7 +2235,10 @@ body,
|
|
|
2235
2235
|
box-shadow: var(--a-shadow-focus);
|
|
2236
2236
|
}
|
|
2237
2237
|
}
|
|
2238
|
-
.navds-expansioncard--open
|
|
2238
|
+
.navds-expansioncard--open
|
|
2239
|
+
> :where(.navds-expansioncard__header)
|
|
2240
|
+
> :where(.navds-expansioncard__header-button):hover
|
|
2241
|
+
:where(.navds-expansioncard__header-chevron) {
|
|
2239
2242
|
transform: translateY(-1px) rotate(180deg);
|
|
2240
2243
|
}
|
|
2241
2244
|
.navds-expansioncard__header-button::after {
|
|
@@ -3231,7 +3234,7 @@ body,
|
|
|
3231
3234
|
}
|
|
3232
3235
|
.navds-help-text__popover.navds-popover {
|
|
3233
3236
|
background-color: var(--ac-help-text-popover-bg, var(--a-surface-info-subtle));
|
|
3234
|
-
max-width: min(65ch,
|
|
3237
|
+
max-width: min(65ch, calc(100vw - 1.5rem));
|
|
3235
3238
|
|
|
3236
3239
|
--ac-popover-border: var(--a-border-info);
|
|
3237
3240
|
}
|
|
@@ -3587,6 +3590,7 @@ button.navds-internalheader__title:active,
|
|
|
3587
3590
|
border: 1px solid;
|
|
3588
3591
|
border-color: var(--ac-popover-border, var(--a-border-default));
|
|
3589
3592
|
border-radius: var(--a-border-radius-medium);
|
|
3593
|
+
max-width: calc(100vw - var(--a-spacing-6));
|
|
3590
3594
|
}
|
|
3591
3595
|
.navds-popover__content {
|
|
3592
3596
|
padding: var(--a-spacing-4);
|