@navikt/aksel-stylelint 7.5.2 → 7.6.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/dist/index.css +40 -22
- package/package.json +3 -3
package/dist/index.css
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
:root, :host {
|
|
8
|
-
--a-version: "7.
|
|
8
|
+
--a-version: "7.6.0";
|
|
9
9
|
--a-spacing-1-alt: 0.375rem;
|
|
10
10
|
--a-spacing-05: 0.125rem;
|
|
11
11
|
--a-spacing-32: 8rem;
|
|
@@ -3404,16 +3404,6 @@ body,
|
|
|
3404
3404
|
}
|
|
3405
3405
|
}
|
|
3406
3406
|
|
|
3407
|
-
/**
|
|
3408
|
-
* Makes it easier for user to use FileItem in semantic lists
|
|
3409
|
-
*/
|
|
3410
|
-
|
|
3411
|
-
.navds-file-upload :is(ul, li) {
|
|
3412
|
-
list-style: none;
|
|
3413
|
-
margin: 0;
|
|
3414
|
-
padding: 0;
|
|
3415
|
-
}
|
|
3416
|
-
|
|
3417
3407
|
/**
|
|
3418
3408
|
* FileUpload.Dropzone
|
|
3419
3409
|
*/
|
|
@@ -3571,6 +3561,14 @@ body,
|
|
|
3571
3561
|
* FileUpload.Item
|
|
3572
3562
|
*/
|
|
3573
3563
|
|
|
3564
|
+
.navds-file-upload :is(ul, li),
|
|
3565
|
+
ul:has(> li.navds-file-item),
|
|
3566
|
+
li.navds-file-item {
|
|
3567
|
+
list-style: none;
|
|
3568
|
+
margin: 0;
|
|
3569
|
+
padding: 0;
|
|
3570
|
+
}
|
|
3571
|
+
|
|
3574
3572
|
.navds-file-item__inner {
|
|
3575
3573
|
outline: 1px solid var(--a-border-subtle);
|
|
3576
3574
|
outline-offset: -1px;
|
|
@@ -4183,7 +4181,7 @@ body,
|
|
|
4183
4181
|
box-shadow: none;
|
|
4184
4182
|
}
|
|
4185
4183
|
|
|
4186
|
-
.navds-select__input.navds-select__input.navds-select__input:focus
|
|
4184
|
+
.navds-select__input.navds-select__input.navds-select__input:focus {
|
|
4187
4185
|
outline: 2px solid highlight;
|
|
4188
4186
|
outline-offset: 2px;
|
|
4189
4187
|
}
|
|
@@ -4194,19 +4192,12 @@ body,
|
|
|
4194
4192
|
cursor: pointer;
|
|
4195
4193
|
}
|
|
4196
4194
|
|
|
4197
|
-
.navds-select__input:focus
|
|
4195
|
+
.navds-select__input:focus {
|
|
4198
4196
|
outline: none;
|
|
4199
4197
|
border-color: var(--ac-select-active-border, var(--a-border-action-selected));
|
|
4200
4198
|
box-shadow: var(--a-shadow-focus);
|
|
4201
4199
|
}
|
|
4202
4200
|
|
|
4203
|
-
@supports not selector(:focus-visible) {
|
|
4204
|
-
.navds-select__input:focus {
|
|
4205
|
-
outline: none;
|
|
4206
|
-
box-shadow: var(--a-shadow-focus);
|
|
4207
|
-
}
|
|
4208
|
-
}
|
|
4209
|
-
|
|
4210
4201
|
.navds-select__container {
|
|
4211
4202
|
position: relative;
|
|
4212
4203
|
display: flex;
|
|
@@ -4433,6 +4424,14 @@ body,
|
|
|
4433
4424
|
color: var(--ac-switch-thumb-icon-checked, var(--a-icon-action-selected));
|
|
4434
4425
|
}
|
|
4435
4426
|
|
|
4427
|
+
.navds-switch__input:checked ~ .navds-switch__track .navds-switch__checkmark {
|
|
4428
|
+
visibility: visible;
|
|
4429
|
+
}
|
|
4430
|
+
|
|
4431
|
+
.navds-switch__checkmark {
|
|
4432
|
+
visibility: hidden;
|
|
4433
|
+
}
|
|
4434
|
+
|
|
4436
4435
|
@media (hover: hover) and (pointer: fine) {
|
|
4437
4436
|
.navds-switch__input:hover ~ .navds-switch__track > .navds-switch__thumb {
|
|
4438
4437
|
transform: translateX(0.125rem);
|
|
@@ -5090,7 +5089,7 @@ body,
|
|
|
5090
5089
|
}
|
|
5091
5090
|
|
|
5092
5091
|
.navds-combobox__selected-options {
|
|
5093
|
-
gap:
|
|
5092
|
+
gap: 0;
|
|
5094
5093
|
align-items: center;
|
|
5095
5094
|
}
|
|
5096
5095
|
|
|
@@ -5114,6 +5113,14 @@ body,
|
|
|
5114
5113
|
padding-left: 0.25rem;
|
|
5115
5114
|
}
|
|
5116
5115
|
|
|
5116
|
+
.navds-combobox__selected-options[data-type="multiple"] {
|
|
5117
|
+
gap: var(--__ac-combobox-wrapper-inner-padding);
|
|
5118
|
+
}
|
|
5119
|
+
|
|
5120
|
+
.navds-combobox__selected-options > li:only-child > .navds-combobox__input {
|
|
5121
|
+
margin-left: var(--a-spacing-1);
|
|
5122
|
+
}
|
|
5123
|
+
|
|
5117
5124
|
.navds-combobox__input-wrapper {
|
|
5118
5125
|
width: 100%;
|
|
5119
5126
|
}
|
|
@@ -5123,7 +5130,6 @@ body,
|
|
|
5123
5130
|
border: none;
|
|
5124
5131
|
padding: 0;
|
|
5125
5132
|
margin: 0;
|
|
5126
|
-
margin-left: var(--a-spacing-1);
|
|
5127
5133
|
min-width: 10ch;
|
|
5128
5134
|
width: 100%;
|
|
5129
5135
|
height: var(--__ac-combobox-input-height);
|
|
@@ -5980,6 +5986,10 @@ button.navds-internalheader__title:active,
|
|
|
5980
5986
|
max-height: 100%;
|
|
5981
5987
|
max-width: 100%;
|
|
5982
5988
|
color: var(--a-text-default);
|
|
5989
|
+
|
|
5990
|
+
/* In case Modal is opened with `show()`, in eg. Vergic screensharing */
|
|
5991
|
+
inset: 0;
|
|
5992
|
+
z-index: 9999;
|
|
5983
5993
|
}
|
|
5984
5994
|
|
|
5985
5995
|
.navds-modal[open] {
|
|
@@ -5990,6 +6000,7 @@ button.navds-internalheader__title:active,
|
|
|
5990
6000
|
|
|
5991
6001
|
.navds-modal--polyfilled {
|
|
5992
6002
|
top: 50%;
|
|
6003
|
+
bottom: unset; /* Overrides inset: 0 from .navds-modal */
|
|
5993
6004
|
transform: translate(0, -50%);
|
|
5994
6005
|
|
|
5995
6006
|
/* From polyfill (dialog-polyfill/dist/dialog-polyfill.css): */
|
|
@@ -6098,6 +6109,9 @@ button.navds-internalheader__title:active,
|
|
|
6098
6109
|
overflow: auto;
|
|
6099
6110
|
overscroll-behavior: contain;
|
|
6100
6111
|
position: relative; /* Needed to make sr-only elements position correctly - see Storybook */
|
|
6112
|
+
}
|
|
6113
|
+
|
|
6114
|
+
.navds-modal:not(.navds-modal--polyfilled) .navds-modal__body {
|
|
6101
6115
|
background:
|
|
6102
6116
|
linear-gradient(var(--__ac-modal-bg) 30%, transparent) top,
|
|
6103
6117
|
linear-gradient(transparent, var(--__ac-modal-bg) 60%) bottom,
|
|
@@ -7666,6 +7680,10 @@ button.navds-internalheader__title:active,
|
|
|
7666
7680
|
padding: var(--a-spacing-05) var(--a-spacing-1-alt) var(--a-spacing-05) var(--a-spacing-05);
|
|
7667
7681
|
}
|
|
7668
7682
|
|
|
7683
|
+
.navds-read-more--large .navds-read-more__button {
|
|
7684
|
+
padding: var(--a-spacing-3) var(--a-spacing-1-alt) var(--a-spacing-3) var(--a-spacing-05);
|
|
7685
|
+
}
|
|
7686
|
+
|
|
7669
7687
|
@media (forced-colors: active) {
|
|
7670
7688
|
.navds-read-more__button {
|
|
7671
7689
|
background-color: ButtonFace;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/aksel-stylelint",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.6.0",
|
|
4
4
|
"author": "Aksel | NAV",
|
|
5
5
|
"homepage": "https://aksel.nav.no/grunnleggende/kode/stylelint",
|
|
6
6
|
"repository": {
|
|
@@ -35,8 +35,8 @@
|
|
|
35
35
|
"dev": "yarn watch:lint"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
|
-
"@navikt/ds-css": "^7.
|
|
39
|
-
"@navikt/ds-tokens": "^7.
|
|
38
|
+
"@navikt/ds-css": "^7.6.0",
|
|
39
|
+
"@navikt/ds-tokens": "^7.6.0",
|
|
40
40
|
"concurrently": "9.0.1",
|
|
41
41
|
"postcss-selector-parser": "^6.0.13",
|
|
42
42
|
"postcss-value-parser": "^4.2.0",
|