@navikt/aksel-stylelint 4.9.0 → 4.10.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 CHANGED
@@ -1,7 +1,7 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Mon, 07 Aug 2023 12:01:38 GMT
4
+ * Generated on Wed, 09 Aug 2023 13:37:19 GMT
5
5
  */
6
6
  :root, :host {
7
7
  --a-spacing-05: 0.125rem;
@@ -3317,9 +3317,10 @@ body,
3317
3317
  position: relative;
3318
3318
  display: flex;
3319
3319
  flex-direction: row;
3320
+ align-items: center;
3320
3321
  justify-content: space-between;
3321
3322
  width: 100%;
3322
- border: 1px solid var(--a-border-default);
3323
+ padding: calc(var(--a-spacing-2) - 2px) var(--a-spacing-2);
3323
3324
  }
3324
3325
  .navds-combobox__wrapper-inner > :first-child {
3325
3326
  flex: 2;
@@ -3336,6 +3337,7 @@ body,
3336
3337
  }
3337
3338
  .navds-combobox__selected-options {
3338
3339
  gap: var(--a-spacing-2);
3340
+ align-items: center;
3339
3341
  }
3340
3342
  .navds-combobox__selected-options > li {
3341
3343
  margin: auto 0;
@@ -3365,6 +3367,7 @@ body,
3365
3367
  margin: 0;
3366
3368
  min-width: 10ch;
3367
3369
  width: 100%;
3370
+ height: 2rem;
3368
3371
  }
3369
3372
  .navds-combobox__input:focus-visible {
3370
3373
  outline: none;
@@ -3379,7 +3382,7 @@ body,
3379
3382
  box-shadow: none;
3380
3383
  }
3381
3384
  @supports not selector(:focus-visible) {
3382
- .navds-combobox__input:focus-visible {
3385
+ .navds-combobox__input:focus {
3383
3386
  outline: none;
3384
3387
  border: none;
3385
3388
  box-shadow: none;
@@ -3394,6 +3397,16 @@ body,
3394
3397
  box-shadow: none;
3395
3398
  }
3396
3399
  }
3400
+ @supports not selector(:has) {
3401
+ .navds-combobox--focused .navds-combobox__wrapper-inner {
3402
+ box-shadow: 0 0 0 1px var(--a-surface-default) inset, var(--a-shadow-focus);
3403
+ box-shadow: var(--a-shadow-focus);
3404
+ }
3405
+
3406
+ .navds-combobox--focused .navds-combobox__wrapper-inner.navds-combobox__wrapper-inner--virtually-unfocused {
3407
+ box-shadow: none;
3408
+ }
3409
+ }
3397
3410
  .navds-combobox__button-clear {
3398
3411
  border-radius: var(--a-border-radius-medium);
3399
3412
  color: var(--ac-combobox-clear-icon, var(--a-text-subtle));
@@ -3517,6 +3530,9 @@ body,
3517
3530
  .navds-combobox__list-item--selected {
3518
3531
  background-color: var(--ac-combobox-list-item-selected-bg, var(--a-surface-selected));
3519
3532
  }
3533
+ .navds-combobox__list-item--selected p {
3534
+ font-weight: var(--a-font-weight-bold);
3535
+ }
3520
3536
  .navds-combobox__list-item--selected.navds-combobox__list-item--focus,
3521
3537
  .navds-combobox__list-item--selected:hover {
3522
3538
  background-color: var(--ac-combobox-list-item-selected-hover-bg, var(--a-surface-action-subtle-hover));
@@ -3689,13 +3705,29 @@ button.navds-internalheader__title:active,
3689
3705
  align-items: center;
3690
3706
  gap: var(--a-spacing-1);
3691
3707
  }
3692
- .navds-alert .navds-link,
3693
- .navds-confirmation-panel .navds-link {
3694
- color: var(--a-text-default);
3708
+ .navds-link.navds-link--inline-text {
3709
+ display: inline;
3710
+ }
3711
+ .navds-link.navds-link--inline-text > svg {
3712
+ margin: 0.1em 0.1em -0.1em;
3713
+ transform: translateY(0.05em);
3714
+ }
3715
+ .navds-link:visited {
3716
+ color: var(--ac-link-visited-text, var(--a-text-visited));
3695
3717
  }
3696
3718
  .navds-link:hover {
3697
3719
  text-decoration: none;
3698
3720
  }
3721
+ .navds-link.navds-link--remove-underline {
3722
+ text-decoration: none;
3723
+ }
3724
+ .navds-link.navds-link--remove-underline:hover {
3725
+ text-decoration: underline;
3726
+ }
3727
+ .navds-alert .navds-link,
3728
+ .navds-confirmation-panel .navds-link {
3729
+ color: var(--a-text-default);
3730
+ }
3699
3731
  .navds-link:focus-visible {
3700
3732
  outline: none;
3701
3733
  color: var(--ac-link-focus-text, var(--a-text-on-action));
@@ -3723,6 +3755,15 @@ button.navds-internalheader__title:active,
3723
3755
  color: inherit;
3724
3756
  flex-shrink: 0;
3725
3757
  }
3758
+ .navds-link--action {
3759
+ color: var(--ac-link-action-text, var(--a-text-action));
3760
+ }
3761
+ .navds-link--neutral {
3762
+ color: var(--ac-link-neutral-text, var(--a-text-default));
3763
+ }
3764
+ .navds-link--subtle {
3765
+ color: var(--ac-link-subtle-text, var(--a-text-subtle));
3766
+ }
3726
3767
  .navds-loader {
3727
3768
  width: 1.5rem;
3728
3769
  display: inline-block;
package/dist/tokens.json CHANGED
@@ -175,7 +175,11 @@
175
175
  "--ac-link-focus-border": "--a-border-focus",
176
176
  "--ac-link-active-text": "--a-text-on-action",
177
177
  "--ac-link-active-bg": "--a-border-focus",
178
- "--ac-link-active-border": "--a-border-focus"
178
+ "--ac-link-active-border": "--a-border-focus",
179
+ "--ac-link-action-text": "--a-text-action",
180
+ "--ac-link-neutral-text": "--a-text-default",
181
+ "--ac-link-subtle-text": "--a-text-subtle",
182
+ "--ac-link-visited-text": "--a-text-visited"
179
183
  },
180
184
  "list": {
181
185
  "--ac-list-marker-ul-color": "--ac-list-marker-color",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/aksel-stylelint",
3
- "version": "4.9.0",
3
+ "version": "4.10.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": "^4.9.0",
39
- "@navikt/ds-tokens": "^4.9.0",
38
+ "@navikt/ds-css": "^4.10.0",
39
+ "@navikt/ds-tokens": "^4.10.0",
40
40
  "@types/jest": "^29.0.0",
41
41
  "concurrently": "7.2.1",
42
42
  "copyfiles": "2.4.1",