@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.
Files changed (2) hide show
  1. package/dist/index.css +40 -22
  2. 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.5.2";
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-visible {
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-visible {
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: var(--__ac-combobox-wrapper-inner-padding);
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.5.2",
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.5.2",
39
- "@navikt/ds-tokens": "^7.5.2",
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",