@navikt/aksel-stylelint 5.7.4 → 5.7.6

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 +50 -35
  2. package/package.json +3 -3
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 Thu, 19 Oct 2023 17:59:25 GMT
4
+ * Generated on Fri, 20 Oct 2023 15:20:50 GMT
5
5
  */
6
6
  :root, :host {
7
7
  --a-spacing-1-alt: 0.375rem;
@@ -2266,7 +2266,7 @@ body,
2266
2266
  cursor: pointer;
2267
2267
  align-items: center;
2268
2268
  justify-content: center;
2269
- gap: var(--a-spacing-1);
2269
+ gap: var(--a-spacing-05);
2270
2270
  margin: 0;
2271
2271
  padding: 0 var(--a-spacing-3);
2272
2272
  text-decoration: none;
@@ -2330,6 +2330,16 @@ body,
2330
2330
  box-shadow: inset 0 0 0 1px var(--a-surface-default), 0 0 0 2px var(--ac-chip-toggle-focus, var(--a-border-focus));
2331
2331
  }
2332
2332
  }
2333
+ .navds-chips--medium .navds-chips__toggle--with-checkmark {
2334
+ padding-left: var(--a-spacing-1-alt);
2335
+ }
2336
+ .navds-chips--small .navds-chips__toggle--with-checkmark {
2337
+ padding-left: var(--a-spacing-1);
2338
+ }
2339
+ .navds-chips--small .navds-chips__toggle-icon {
2340
+ width: 1rem;
2341
+ height: 1rem;
2342
+ }
2333
2343
  .navds-chips__removable {
2334
2344
  gap: 0;
2335
2345
  }
@@ -3022,11 +3032,13 @@ body,
3022
3032
  .navds-radio__label::before {
3023
3033
  content: "";
3024
3034
  background-color: var(--ac-radio-checkbox-bg, var(--a-surface-default));
3025
- box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-border, var(--a-border-default));
3026
- width: 1.5rem;
3027
- height: 1.5rem;
3028
- border-radius: var(--a-border-radius-medium);
3035
+ border-radius: var(--a-border-radius-small);
3029
3036
  flex-shrink: 0;
3037
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-border, var(--a-border-default));
3038
+ width: calc(1.5rem - 0.25rem);
3039
+ height: calc(1.5rem - 0.25rem);
3040
+ margin-block: 2px;
3041
+ margin-inline: 2px;
3030
3042
  }
3031
3043
  .navds-radio__label::before {
3032
3044
  border-radius: var(--a-border-radius-full);
@@ -3050,31 +3062,32 @@ body,
3050
3062
  }
3051
3063
  .navds-checkbox--small > .navds-checkbox__label::before,
3052
3064
  .navds-radio--small > .navds-radio__label::before {
3053
- width: 1.25rem;
3054
- height: 1.25rem;
3065
+ width: calc(1.25rem - 0.25rem);
3066
+ height: calc(1.25rem - 0.25rem);
3055
3067
  }
3056
3068
  .navds-checkbox__input:focus-visible + .navds-checkbox__label::before,
3057
3069
  .navds-radio__input:focus-visible + .navds-radio__label::before {
3058
- box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-border, var(--a-border-default)), var(--a-shadow-focus);
3070
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-border, var(--a-border-default)),
3071
+ 0 0 0 2px var(--ac-radio-checkbox-bg, var(--a-surface-default)), 0 0 0 4px var(--a-border-focus);
3059
3072
  }
3060
3073
  @supports not selector(:focus-visible) {
3061
3074
  .navds-checkbox__input:focus + .navds-checkbox__label::before,
3062
3075
  .navds-radio__input:focus + .navds-radio__label::before {
3063
- box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-border, var(--a-border-default)), var(--a-shadow-focus);
3076
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-border, var(--a-border-default)), 0 0 0 4px var(--a-border-focus);
3064
3077
  }
3065
3078
  }
3066
3079
  .navds-checkbox__input:hover:focus-visible + .navds-checkbox__label::before,
3067
3080
  .navds-radio__input:hover:focus-visible + .navds-radio__label::before {
3068
- box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)), var(--a-shadow-focus);
3081
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)), 0 0 0 4px var(--a-border-focus);
3069
3082
  }
3070
3083
  @supports not selector(:focus-visible) {
3071
3084
  .navds-checkbox__input:hover:focus + .navds-checkbox__label::before,
3072
3085
  .navds-radio__input:hover:focus + .navds-radio__label::before {
3073
- box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)), var(--a-shadow-focus);
3086
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)), 0 0 0 4px var(--a-border-focus);
3074
3087
  }
3075
3088
  }
3076
3089
  .navds-checkbox__input:indeterminate + .navds-checkbox__label::before {
3077
- box-shadow: none;
3090
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action));
3078
3091
  background-color: var(--ac-radio-checkbox-action, var(--a-surface-action));
3079
3092
  }
3080
3093
  .navds-checkbox__input:indeterminate + .navds-checkbox__label::after {
@@ -3092,7 +3105,7 @@ body,
3092
3105
  transform: translate(0.25rem, -50%);
3093
3106
  }
3094
3107
  .navds-checkbox__input:checked + .navds-checkbox__label::before {
3095
- box-shadow: none;
3108
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action));
3096
3109
  background-color: var(--ac-radio-checkbox-action, var(--a-surface-action));
3097
3110
  }
3098
3111
  .navds-checkbox__input:where(:not(:checked)) + .navds-checkbox__label > .navds-checkbox__icon {
@@ -3118,27 +3131,29 @@ body,
3118
3131
  }
3119
3132
  .navds-checkbox__input:indeterminate:focus-visible + .navds-checkbox__label::before,
3120
3133
  .navds-checkbox__input:checked:focus-visible + .navds-checkbox__label::before {
3121
- box-shadow: inset 0 0 0 1px var(--ac-radio-checkbox-bg, var(--a-surface-default)), var(--a-shadow-focus);
3134
+ box-shadow: 0 0 0 1px var(--ac-radio-checkbox-action, var(--a-surface-action)),
3135
+ 0 0 0 2px var(--ac-radio-checkbox-bg, var(--a-surface-default)), 0 0 0 4px var(--a-border-focus);
3122
3136
  }
3123
3137
  @supports not selector(:focus-visible) {
3124
3138
  .navds-checkbox__input:indeterminate:focus + .navds-checkbox__label::before,
3125
3139
  .navds-checkbox__input:checked:focus + .navds-checkbox__label::before {
3126
- box-shadow: inset 0 0 0 1px var(--ac-radio-checkbox-bg, var(--a-surface-default)), var(--a-shadow-focus);
3140
+ box-shadow: 0 0 0 1px var(--ac-radio-checkbox-action, var(--a-surface-action)),
3141
+ 0 0 0 2px var(--ac-radio-checkbox-bg, var(--a-surface-default)), 0 0 0 4px var(--a-border-focus);
3127
3142
  }
3128
3143
  }
3129
3144
  .navds-radio__input:checked + .navds-radio__label::before {
3130
- box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)),
3131
- inset 0 0 0 4px var(--ac-radio-checkbox-bg, var(--a-surface-default));
3145
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)),
3146
+ inset 0 0 0 2px var(--ac-radio-checkbox-bg, var(--a-surface-default));
3132
3147
  background-color: var(--ac-radio-checkbox-action, var(--a-surface-action));
3133
3148
  }
3134
3149
  .navds-radio__input:checked:focus-visible + .navds-radio__label::before {
3135
- box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)),
3136
- inset 0 0 0 4px var(--ac-radio-checkbox-bg, var(--a-surface-default)), var(--a-shadow-focus);
3150
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)),
3151
+ inset 0 0 0 2px var(--ac-radio-checkbox-bg, var(--a-surface-default)), 0 0 0 4px var(--a-border-focus);
3137
3152
  }
3138
3153
  @supports not selector(:focus-visible) {
3139
3154
  .navds-radio__input:checked:focus + .navds-radio__label::before {
3140
- box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)),
3141
- inset 0 0 0 4px var(--ac-radio-checkbox-bg, var(--a-surface-default)), var(--a-shadow-focus);
3155
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)),
3156
+ inset 0 0 0 2px var(--ac-radio-checkbox-bg, var(--a-surface-default)), 0 0 0 4px var(--a-border-focus);
3142
3157
  }
3143
3158
  }
3144
3159
  .navds-checkbox__input:hover:not(:disabled) + .navds-checkbox__label,
@@ -3148,12 +3163,12 @@ body,
3148
3163
  .navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus-visible)
3149
3164
  + .navds-checkbox__label::before,
3150
3165
  .navds-radio__input:hover:not(:disabled):not(:checked):not(:focus-visible) + .navds-radio__label::before {
3151
- box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action));
3166
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action));
3152
3167
  }
3153
3168
  @supports not selector(:focus-visible) {
3154
3169
  .navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus) + .navds-checkbox__label::before,
3155
3170
  .navds-radio__input:hover:not(:disabled):not(:checked):not(:focus) + .navds-radio__label::before {
3156
- box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action));
3171
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action));
3157
3172
  }
3158
3173
  }
3159
3174
  .navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate) + .navds-checkbox__label::before,
@@ -3164,20 +3179,20 @@ body,
3164
3179
  > .navds-checkbox__input:not(:hover):not(:disabled):not(:checked):not(:indeterminate)
3165
3180
  + .navds-checkbox__label::before,
3166
3181
  .navds-radio--error > .navds-radio__input:not(:hover):not(:disabled):not(:checked) + .navds-radio__label::before {
3167
- box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger));
3182
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger));
3168
3183
  }
3169
3184
  .navds-checkbox--error
3170
3185
  > .navds-checkbox__input:focus-visible:not(:hover):not(:disabled):not(:checked):not(:indeterminate)
3171
3186
  + .navds-checkbox__label::before,
3172
3187
  .navds-radio--error > .navds-radio__input:focus-visible:not(:hover):not(:disabled):not(:checked) + .navds-radio__label::before {
3173
- box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger)), var(--a-shadow-focus);
3188
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger)), 0 0 0 4px var(--a-border-focus);
3174
3189
  }
3175
3190
  @supports not selector(:focus-visible) {
3176
3191
  .navds-checkbox--error
3177
3192
  > .navds-checkbox__input:focus:not(:hover):not(:disabled):not(:checked):not(:indeterminate)
3178
3193
  + .navds-checkbox__label::before,
3179
3194
  .navds-radio--error > .navds-radio__input:focus:not(:hover):not(:disabled):not(:checked) + .navds-radio__label::before {
3180
- box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger)), var(--a-shadow-focus);
3195
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger)), 0 0 0 4px var(--a-border-focus);
3181
3196
  }
3182
3197
  }
3183
3198
  .navds-checkbox--error
@@ -3185,14 +3200,14 @@ body,
3185
3200
  + .navds-checkbox__label::before,
3186
3201
  .navds-radio--error > .navds-radio__input:hover:not(:disabled):not(:checked):not(:focus-visible) + .navds-radio__label::before {
3187
3202
  background-color: var(--ac-radio-checkbox-error-hover-bg, var(--a-surface-danger-subtle));
3188
- box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger));
3203
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger));
3189
3204
  }
3190
3205
  .navds-checkbox--error
3191
3206
  > .navds-checkbox__input:focus-visible:hover:not(:disabled):not(:checked):not(:indeterminate)
3192
3207
  + .navds-checkbox__label::before,
3193
3208
  .navds-radio--error > .navds-radio__input:focus-visible:hover:not(:disabled):not(:checked) + .navds-radio__label::before {
3194
3209
  background-color: var(--ac-radio-checkbox-error-hover-bg, var(--a-surface-danger-subtle));
3195
- box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger)), var(--a-shadow-focus);
3210
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger)), 0 0 0 4px var(--a-border-focus);
3196
3211
  }
3197
3212
  @supports not selector(:focus-visible) {
3198
3213
  .navds-checkbox--error
@@ -3200,7 +3215,7 @@ body,
3200
3215
  + .navds-checkbox__label::before,
3201
3216
  .navds-radio--error > .navds-radio__input:hover:not(:disabled):not(:checked):not(:focus) + .navds-radio__label::before {
3202
3217
  background-color: var(--ac-radio-checkbox-error-hover-bg, var(--a-surface-danger-subtle));
3203
- box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger));
3218
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger));
3204
3219
  }
3205
3220
 
3206
3221
  .navds-checkbox--error
@@ -3208,7 +3223,7 @@ body,
3208
3223
  + .navds-checkbox__label::before,
3209
3224
  .navds-radio--error > .navds-radio__input:focus:hover:not(:disabled):not(:checked) + .navds-radio__label::before {
3210
3225
  background-color: var(--ac-radio-checkbox-error-hover-bg, var(--a-surface-danger-subtle));
3211
- box-shadow: inset 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger)), var(--a-shadow-focus);
3226
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger)), 0 0 0 4px var(--a-border-focus);
3212
3227
  }
3213
3228
  }
3214
3229
  .navds-checkbox--disabled,
@@ -3242,25 +3257,25 @@ body,
3242
3257
  .navds-radio--readonly > .navds-radio__input:not(:disabled):not(:checked) + .navds-radio__label::before,
3243
3258
  .navds-radio--readonly > .navds-radio__input:hover:not(:checked):not(:focus-visible) + .navds-radio__label::before {
3244
3259
  background-color: var(--__ac-radio-checkbox-readonly-bg);
3245
- box-shadow: inset 0 0 0 2px var(--__ac-radio-checkbox-readonly-border);
3260
+ box-shadow: 0 0 0 2px var(--__ac-radio-checkbox-readonly-border);
3246
3261
  }
3247
3262
  .navds-checkbox--readonly > .navds-checkbox__input:focus-visible + .navds-checkbox__label::before,
3248
3263
  .navds-radio--readonly > .navds-radio__input:focus-visible + .navds-radio__label::before {
3249
3264
  --__ac-radio-checkbox-readonly-border: var(--a-border-subtle), var(--a-shadow-focus);
3250
3265
  }
3251
3266
  .navds-checkbox--readonly > .navds-checkbox__input:checked + .navds-checkbox__label::before {
3252
- box-shadow: inset 0 0 0 2px var(--__ac-radio-checkbox-readonly-border);
3253
3267
  background-color: var(--__ac-radio-checkbox-readonly-bg);
3268
+ box-shadow: 0 0 0 2px var(--__ac-radio-checkbox-readonly-border);
3254
3269
  }
3255
3270
  .navds-checkbox--readonly > .navds-checkbox__input:checked + .navds-checkbox__label > .navds-checkbox__icon {
3256
3271
  color: var(--a-icon-subtle);
3257
3272
  }
3258
3273
  .navds-radio--readonly > .navds-radio__input:checked + .navds-radio__label::before {
3259
- box-shadow: inset 0 0 0 2px var(--__ac-radio-checkbox-readonly-border), inset 0 0 0 4px var(--__ac-radio-checkbox-readonly-bg);
3260
3274
  background-color: var(--a-icon-subtle);
3275
+ box-shadow: 0 0 0 2px var(--__ac-radio-checkbox-readonly-border), inset 0 0 0 2px var(--__ac-radio-checkbox-readonly-bg);
3261
3276
  }
3262
3277
  .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label::before {
3263
- box-shadow: inset 0 0 0 2px var(--__ac-radio-checkbox-readonly-border);
3278
+ box-shadow: 0 0 0 2px var(--__ac-radio-checkbox-readonly-border);
3264
3279
  background-color: var(--__ac-radio-checkbox-readonly-bg);
3265
3280
  }
3266
3281
  .navds-checkbox--readonly > .navds-checkbox__input:indeterminate + .navds-checkbox__label::after {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/aksel-stylelint",
3
- "version": "5.7.4",
3
+ "version": "5.7.6",
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": "^5.7.4",
39
- "@navikt/ds-tokens": "^5.7.4",
38
+ "@navikt/ds-css": "^5.7.6",
39
+ "@navikt/ds-tokens": "^5.7.6",
40
40
  "@types/jest": "^29.0.0",
41
41
  "concurrently": "7.2.1",
42
42
  "copyfiles": "2.4.1",