@navikt/ds-css 7.5.0 → 7.5.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 +8 -0
- package/darkside/button.darkside.css +8 -6
- package/darkside/copybutton.darkside.css +1 -1
- package/darkside/expansioncard.darkside.css +123 -175
- package/darkside/form/error-summary.darkside.css +30 -36
- package/darkside/form/fieldset.darkside.css +2 -10
- package/darkside/form/file-upload.darkside.css +106 -110
- package/darkside/form/form-progress.darkside.css +30 -25
- package/darkside/form/form-summary.darkside.css +28 -24
- package/darkside/form/form.darkside.css +6 -14
- package/darkside/form/radio-checkbox.darkside.css +73 -142
- package/darkside/form/text-field.darkside.css +38 -81
- package/darkside/help-text.darkside.css +16 -40
- package/darkside/index.css +1 -1
- package/darkside/link.darkside.css +40 -56
- package/darkside/list.darkside.css +36 -35
- package/darkside/loader.darkside.css +72 -58
- package/darkside/modal.darkside.css +59 -54
- package/darkside/pagination.darkside.css +12 -44
- package/darkside/popover.darkside.css +12 -75
- package/darkside/progress-bar.darkside.css +12 -12
- package/dist/component/form.css +5 -1
- package/dist/component/form.min.css +1 -1
- package/dist/component/index.css +8 -2
- package/dist/component/index.min.css +2 -2
- package/dist/component/loader.css +1 -0
- package/dist/component/loader.min.css +1 -1
- package/dist/components.css +8 -2
- package/dist/components.min.css +2 -2
- package/dist/global/tokens.css +1 -1
- package/dist/global/tokens.min.css +1 -1
- package/dist/index.css +8 -2
- package/dist/index.min.css +2 -2
- package/form/combobox.css +4 -0
- package/form/form-progress.css +2 -1
- package/loader.css +1 -0
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
.navds-loader{animation:loader-rotate 1.8s linear infinite;display:inline-block;position:relative;width:1.5rem;stroke-width:6;--ac-loader-background-stroke-width:5.9}.navds-loader__foreground{animation:loader-dasharray 1.8s ease-in-out infinite;stroke-dasharray:80px,200px;stroke-dashoffset:0;stroke:var(--ac-loader-stroke,var(--a-border-default))}.navds-loader__background{stroke:var(--ac-loader-stroke-bg,var(--a-surface-active));stroke-width:var(--ac-loader-background-stroke-width)}.navds-loader--neutral .navds-loader__foreground{stroke:var(--ac-loader-neutral-stroke,var(--a-border-default))}.navds-loader--interaction .navds-loader__foreground{stroke:var(--ac-loader-interaction-stroke,var(--a-border-action))}.navds-loader--inverted .navds-loader__foreground{stroke:var(--ac-loader-inverted-stroke,var(--a-border-on-inverted))}.navds-loader--inverted .navds-loader__background{stroke:var(--ac-loader-inverted-stroke-bg,var(--a-border-on-inverted-subtle))}.navds-loader--transparent .navds-loader__background{stroke:var(--a-surface-transparent)}.navds-loader--3xlarge{width:5.5rem;stroke-width:5;--ac-loader-background-stroke-width:4.8}.navds-loader--2xlarge{width:4rem}.navds-loader--2xlarge,.navds-loader--xlarge{stroke-width:6;--ac-loader-background-stroke-width:5.8}.navds-loader--xlarge{width:2.5rem}.navds-loader--large{width:2rem}.navds-loader--large,.navds-loader--medium{stroke-width:7;--ac-loader-background-stroke-width:6.8}.navds-loader--medium{width:1.5rem}.navds-loader--small{width:1.25rem}.navds-loader--small,.navds-loader--xsmall{stroke-width:8;--ac-loader-background-stroke-width:7.8}.navds-loader--xsmall{width:1rem}@keyframes loader-rotate{to{transform:rotate(1turn)}}@keyframes loader-dasharray{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-120px}}@media (forced-colors:active){.navds-loader__background{stroke:canvastext}}
|
|
1
|
+
.navds-loader{animation:loader-rotate 1.8s linear infinite;display:inline-block;position:relative;width:1.5rem;stroke-width:6;--ac-loader-background-stroke-width:5.9}.navds-loader__foreground{animation:loader-dasharray 1.8s ease-in-out infinite;stroke-dasharray:80px,200px;stroke-dashoffset:0;stroke:var(--ac-loader-stroke,var(--a-border-default));stroke-width:var(--ac-loader-background-stroke-width)}.navds-loader__background{stroke:var(--ac-loader-stroke-bg,var(--a-surface-active));stroke-width:var(--ac-loader-background-stroke-width)}.navds-loader--neutral .navds-loader__foreground{stroke:var(--ac-loader-neutral-stroke,var(--a-border-default))}.navds-loader--interaction .navds-loader__foreground{stroke:var(--ac-loader-interaction-stroke,var(--a-border-action))}.navds-loader--inverted .navds-loader__foreground{stroke:var(--ac-loader-inverted-stroke,var(--a-border-on-inverted))}.navds-loader--inverted .navds-loader__background{stroke:var(--ac-loader-inverted-stroke-bg,var(--a-border-on-inverted-subtle))}.navds-loader--transparent .navds-loader__background{stroke:var(--a-surface-transparent)}.navds-loader--3xlarge{width:5.5rem;stroke-width:5;--ac-loader-background-stroke-width:4.8}.navds-loader--2xlarge{width:4rem}.navds-loader--2xlarge,.navds-loader--xlarge{stroke-width:6;--ac-loader-background-stroke-width:5.8}.navds-loader--xlarge{width:2.5rem}.navds-loader--large{width:2rem}.navds-loader--large,.navds-loader--medium{stroke-width:7;--ac-loader-background-stroke-width:6.8}.navds-loader--medium{width:1.5rem}.navds-loader--small{width:1.25rem}.navds-loader--small,.navds-loader--xsmall{stroke-width:8;--ac-loader-background-stroke-width:7.8}.navds-loader--xsmall{width:1rem}@keyframes loader-rotate{to{transform:rotate(1turn)}}@keyframes loader-dasharray{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-120px}}@media (forced-colors:active){.navds-loader__background{stroke:canvastext}}
|
package/dist/components.css
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
5
|
:root, :host {
|
|
6
|
-
--a-version: "7.5.
|
|
6
|
+
--a-version: "7.5.2";
|
|
7
7
|
--a-spacing-1-alt: 0.375rem;
|
|
8
8
|
--a-spacing-05: 0.125rem;
|
|
9
9
|
--a-spacing-32: 8rem;
|
|
@@ -5285,6 +5285,10 @@ body,
|
|
|
5285
5285
|
background-color: var(--ac-combobox-list-item-bg, var(--a-surface-default));
|
|
5286
5286
|
}
|
|
5287
5287
|
|
|
5288
|
+
.navds-combobox__list:has(.navds-combobox__list_non-selectables) .navds-combobox__list-item {
|
|
5289
|
+
scroll-margin-top: 48px;
|
|
5290
|
+
}
|
|
5291
|
+
|
|
5288
5292
|
.navds-combobox__list-item--loading {
|
|
5289
5293
|
justify-content: center;
|
|
5290
5294
|
background-color: var(--ac-combobox-list-item-loading-bg, var(--a-surface-default));
|
|
@@ -5540,7 +5544,8 @@ body,
|
|
|
5540
5544
|
}
|
|
5541
5545
|
|
|
5542
5546
|
.navds-form-progress__collapsible[hidden] {
|
|
5543
|
-
display
|
|
5547
|
+
/* CSS-resets sets 'hidden' to display non with imporant */
|
|
5548
|
+
display: grid !important;
|
|
5544
5549
|
}
|
|
5545
5550
|
|
|
5546
5551
|
.navds-form-progress__collapsible[data-state="open"] {
|
|
@@ -5851,6 +5856,7 @@ button.navds-internalheader__title:active,
|
|
|
5851
5856
|
stroke-dasharray: 80px, 200px;
|
|
5852
5857
|
stroke-dashoffset: 0;
|
|
5853
5858
|
stroke: var(--ac-loader-stroke, var(--a-border-default));
|
|
5859
|
+
stroke-width: var(--ac-loader-background-stroke-width);
|
|
5854
5860
|
}
|
|
5855
5861
|
|
|
5856
5862
|
.navds-loader__background {
|