@navikt/aksel-stylelint 7.0.1 → 7.1.1

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.
@@ -52,4 +52,16 @@ exports.deprecations = [
52
52
  classes: ["navds-textarea__wrapper"],
53
53
  message: "Removed in v6.0.0",
54
54
  },
55
+ {
56
+ classes: [
57
+ "navds-pagination__prev-next-icon",
58
+ "navds-pagination__next-text",
59
+ "navds-pagination__prev-text",
60
+ ],
61
+ message: "These classes had no effect and were removed in v7.1.0",
62
+ },
63
+ {
64
+ classes: ["navds-list--nested", "navds-list__item-content"],
65
+ message: "Removed in v7.1.1",
66
+ },
55
67
  ];
package/dist/index.css CHANGED
@@ -3,7 +3,7 @@
3
3
  * Do not edit directly, this file was auto-generated.
4
4
  */
5
5
  :root, :host {
6
- --a-version: "7.0.1";
6
+ --a-version: "7.1.1";
7
7
  --a-spacing-1-alt: 0.375rem;
8
8
  --a-spacing-05: 0.125rem;
9
9
  --a-spacing-32: 8rem;
@@ -1142,9 +1142,6 @@ body,
1142
1142
  .navds-accordion {
1143
1143
  --__ac-accordion-header-shadow-color: var(--ac-accordion-header-border, var(--a-border-divider));
1144
1144
  }
1145
- .navds-accordion__item:focus-within {
1146
- position: relative;
1147
- }
1148
1145
  /*************************
1149
1146
  * Header *
1150
1147
  *************************/
@@ -3474,6 +3471,9 @@ body,
3474
3471
  border-color: var(--a-border-subtle);
3475
3472
  cursor: default;
3476
3473
  }
3474
+ .navds-select--readonly .navds-select__chevron {
3475
+ color: var(--a-gray-500);
3476
+ }
3477
3477
  .navds-switch {
3478
3478
  position: relative;
3479
3479
  min-height: 3rem;
@@ -4092,6 +4092,29 @@ body,
4092
4092
  --__ac-combobox-list-item-padding-inline: var(--a-spacing-2);
4093
4093
  --__ac-combobox-input-height: 1.5rem;
4094
4094
  }
4095
+ .navds-combobox--disabled {
4096
+ opacity: 0.3;
4097
+ }
4098
+ .navds-combobox--disabled .navds-combobox__wrapper *:hover {
4099
+ cursor: not-allowed;
4100
+ }
4101
+ .navds-combobox--disabled .navds-text-field__input {
4102
+ border: 1px solid var(--a-border-default);
4103
+ }
4104
+ .navds-combobox--disabled .navds-combobox__selected-options {
4105
+ pointer-events: none;
4106
+ }
4107
+ .navds-combobox--readonly {
4108
+ pointer-events: none;
4109
+ }
4110
+ .navds-combobox--readonly .navds-combobox__button-toggle-list {
4111
+ color: var(--a-gray-500);
4112
+ }
4113
+ .navds-combobox--readonly .navds-text-field__input,
4114
+ .navds-combobox--readonly .navds-combobox__input {
4115
+ background-color: var(--a-surface-subtle);
4116
+ border-color: var(--a-border-subtle);
4117
+ }
4095
4118
  .navds-combobox__button-clear svg,
4096
4119
  .navds-combobox__button-toggle-list svg,
4097
4120
  .navds-combobox__list svg {
@@ -5427,6 +5450,7 @@ button.navds-internalheader__title:active,
5427
5450
  /* Readonly */
5428
5451
  .navds-date__field--readonly .navds-date__field-button {
5429
5452
  cursor: default;
5453
+ color: var(--a-gray-500);
5430
5454
  }
5431
5455
  .navds-date__caption-button {
5432
5456
  width: 2rem;
@@ -7182,78 +7206,66 @@ button.navds-stepper__step {
7182
7206
  padding: 0;
7183
7207
  margin-block: var(--a-spacing-4);
7184
7208
  }
7185
- .navds-list--nested ul,
7186
- .navds-list--nested ol {
7187
- margin-block: var(--a-spacing-2);
7188
- }
7189
7209
  .navds-list--small ul,
7190
7210
  .navds-list--small ol {
7191
7211
  margin-block: var(--a-spacing-3);
7192
7212
  }
7193
- .navds-list li {
7213
+ .navds-list .navds-list :where(ul, ol) {
7214
+ margin-block: var(--a-spacing-2) 0;
7215
+ }
7216
+ .navds-list ol {
7217
+ padding-left: 1.7rem;
7218
+ }
7219
+ .navds-list ol > .navds-list__item {
7220
+ padding-left: 0.3rem;
7221
+ }
7222
+ /* SAFARI HACK START */
7223
+ /* stylelint-disable selector-type-no-unknown */
7224
+ _::-webkit-full-page-media,
7225
+ _:future,
7226
+ :root .navds-list ol {
7227
+ padding-left: 2.1rem;
7228
+ }
7229
+ _::-webkit-full-page-media,
7230
+ _:future,
7231
+ :root .navds-list ol .navds-list__item {
7232
+ padding-left: 0;
7233
+ }
7234
+ /* SAFARI HACK END */
7235
+ /* stylelint-enable selector-type-no-unknown */
7236
+ .navds-list__item {
7194
7237
  margin-block-end: var(--a-spacing-2);
7195
7238
  }
7196
- .navds-list:last-child > ul > li:last-child,
7197
- .navds-list:last-child > ol > li:last-child {
7198
- margin-bottom: 0;
7239
+ .navds-list__item:last-child {
7240
+ margin-block-end: 0;
7199
7241
  }
7200
- .navds-list ul .navds-list__item {
7242
+ .navds-list ul > .navds-list__item {
7201
7243
  display: grid;
7202
7244
  grid-template-columns: auto 1fr;
7203
- gap: var(--a-spacing-3);
7204
- padding-left: 0;
7245
+ gap: var(--a-spacing-2);
7205
7246
  }
7206
- .navds-list ul .navds-list__item::marker {
7207
- content: none;
7247
+ .navds-list ol li::marker {
7248
+ font-weight: var(--a-font-weight-bold);
7249
+ color: var(--ac-list-marker-ol-color, var(--ac-list-marker-color, var(--a-icon-default)));
7208
7250
  }
7209
- .navds-list ol .navds-list__item-marker--icon {
7210
- grid-column: 1 / 2;
7211
- display: flex;
7251
+ .navds-list__item-marker {
7252
+ width: 1.5rem;
7212
7253
  }
7213
- .navds-list .navds-list__item-marker--bullet {
7254
+ .navds-list ul > li > .navds-list__item-marker {
7214
7255
  display: flex;
7215
7256
  align-items: center;
7216
7257
  height: var(--a-font-line-height-xlarge);
7217
- grid-column: 1 / 2;
7218
- color: var(--ac-list-marker-ul-color, var(--ac-list-marker-color, var(--a-icon-default)));
7219
7258
  }
7220
- .navds-list--small .navds-list__item-marker--bullet {
7259
+ .navds-list--small ul > li > .navds-list__item-marker {
7221
7260
  height: var(--a-font-line-height-large);
7222
7261
  }
7262
+ .navds-list__item-marker--bullet {
7263
+ padding-left: 0.8rem;
7264
+ color: var(--ac-list-marker-ul-color, var(--ac-list-marker-color, var(--a-icon-default)));
7265
+ }
7223
7266
  .navds-list__item-marker--icon {
7224
- color: var(--ac-list-marker-icon-color, var(--ac-list-marker-color, var(--a-icon-default)));
7225
- display: flex;
7226
- align-items: center;
7227
- height: var(--a-font-line-height-xlarge);
7228
- padding-block-end: 1px;
7229
7267
  font-size: 1.5rem;
7230
- }
7231
- .navds-list--small .navds-list__item-marker--icon {
7232
- height: var(--a-font-line-height-large);
7233
- }
7234
- .navds-list__item-marker--icon svg {
7235
- flex-shrink: 0;
7236
- }
7237
- .navds-list ul .navds-list__item-content {
7238
- grid-column: 2 / 3;
7239
- }
7240
- .navds-list ol {
7241
- padding-left: var(--a-spacing-2);
7242
- list-style: decimal;
7243
- }
7244
- .navds-list ol li {
7245
- padding-left: var(--a-spacing-1);
7246
- margin-left: var(--a-spacing-2);
7247
- }
7248
- .navds-list ol li::marker {
7249
- font-weight: var(--a-font-weight-bold);
7250
- font-size: var(--a-font-size-large);
7251
- color: var(--ac-list-marker-ol-color, var(--ac-list-marker-color, var(--a-icon-default)));
7252
- line-height: var(--a-font-line-height-xlarge);
7253
- }
7254
- .navds-list--small ol li::marker {
7255
- font-size: var(--a-font-size-small);
7256
- line-height: var(--a-font-line-height-large);
7268
+ color: var(--ac-list-marker-icon-color, var(--ac-list-marker-color, var(--a-icon-default)));
7257
7269
  }
7258
7270
  .navds-box-bg {
7259
7271
  --__ac-box-background: initial;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/aksel-stylelint",
3
- "version": "7.0.1",
3
+ "version": "7.1.1",
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.0.1",
39
- "@navikt/ds-tokens": "^7.0.1",
38
+ "@navikt/ds-css": "^7.1.1",
39
+ "@navikt/ds-tokens": "^7.1.1",
40
40
  "concurrently": "7.2.1",
41
41
  "postcss-selector-parser": "^6.0.13",
42
42
  "postcss-value-parser": "^4.2.0",