@navikt/aksel-stylelint 5.7.3 → 5.7.5

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 +39 -34
  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 Tue, 17 Oct 2023 14:33:03 GMT
4
+ * Generated on Fri, 20 Oct 2023 08:54:53 GMT
5
5
  */
6
6
  :root, :host {
7
7
  --a-spacing-1-alt: 0.375rem;
@@ -3022,11 +3022,13 @@ body,
3022
3022
  .navds-radio__label::before {
3023
3023
  content: "";
3024
3024
  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);
3025
+ border-radius: var(--a-border-radius-small);
3029
3026
  flex-shrink: 0;
3027
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-border, var(--a-border-default));
3028
+ width: calc(1.5rem - 0.25rem);
3029
+ height: calc(1.5rem - 0.25rem);
3030
+ margin-block: 2px;
3031
+ margin-inline: 2px;
3030
3032
  }
3031
3033
  .navds-radio__label::before {
3032
3034
  border-radius: var(--a-border-radius-full);
@@ -3050,31 +3052,32 @@ body,
3050
3052
  }
3051
3053
  .navds-checkbox--small > .navds-checkbox__label::before,
3052
3054
  .navds-radio--small > .navds-radio__label::before {
3053
- width: 1.25rem;
3054
- height: 1.25rem;
3055
+ width: calc(1.25rem - 0.25rem);
3056
+ height: calc(1.25rem - 0.25rem);
3055
3057
  }
3056
3058
  .navds-checkbox__input:focus-visible + .navds-checkbox__label::before,
3057
3059
  .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);
3060
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-border, var(--a-border-default)),
3061
+ 0 0 0 2px var(--ac-radio-checkbox-bg, var(--a-surface-default)), 0 0 0 4px var(--a-border-focus);
3059
3062
  }
3060
3063
  @supports not selector(:focus-visible) {
3061
3064
  .navds-checkbox__input:focus + .navds-checkbox__label::before,
3062
3065
  .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);
3066
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-border, var(--a-border-default)), 0 0 0 4px var(--a-border-focus);
3064
3067
  }
3065
3068
  }
3066
3069
  .navds-checkbox__input:hover:focus-visible + .navds-checkbox__label::before,
3067
3070
  .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);
3071
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)), 0 0 0 4px var(--a-border-focus);
3069
3072
  }
3070
3073
  @supports not selector(:focus-visible) {
3071
3074
  .navds-checkbox__input:hover:focus + .navds-checkbox__label::before,
3072
3075
  .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);
3076
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)), 0 0 0 4px var(--a-border-focus);
3074
3077
  }
3075
3078
  }
3076
3079
  .navds-checkbox__input:indeterminate + .navds-checkbox__label::before {
3077
- box-shadow: none;
3080
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action));
3078
3081
  background-color: var(--ac-radio-checkbox-action, var(--a-surface-action));
3079
3082
  }
3080
3083
  .navds-checkbox__input:indeterminate + .navds-checkbox__label::after {
@@ -3092,7 +3095,7 @@ body,
3092
3095
  transform: translate(0.25rem, -50%);
3093
3096
  }
3094
3097
  .navds-checkbox__input:checked + .navds-checkbox__label::before {
3095
- box-shadow: none;
3098
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action));
3096
3099
  background-color: var(--ac-radio-checkbox-action, var(--a-surface-action));
3097
3100
  }
3098
3101
  .navds-checkbox__input:where(:not(:checked)) + .navds-checkbox__label > .navds-checkbox__icon {
@@ -3118,27 +3121,29 @@ body,
3118
3121
  }
3119
3122
  .navds-checkbox__input:indeterminate:focus-visible + .navds-checkbox__label::before,
3120
3123
  .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);
3124
+ box-shadow: 0 0 0 1px var(--ac-radio-checkbox-action, var(--a-surface-action)),
3125
+ 0 0 0 2px var(--ac-radio-checkbox-bg, var(--a-surface-default)), 0 0 0 4px var(--a-border-focus);
3122
3126
  }
3123
3127
  @supports not selector(:focus-visible) {
3124
3128
  .navds-checkbox__input:indeterminate:focus + .navds-checkbox__label::before,
3125
3129
  .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);
3130
+ box-shadow: 0 0 0 1px var(--ac-radio-checkbox-action, var(--a-surface-action)),
3131
+ 0 0 0 2px var(--ac-radio-checkbox-bg, var(--a-surface-default)), 0 0 0 4px var(--a-border-focus);
3127
3132
  }
3128
3133
  }
3129
3134
  .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));
3135
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)),
3136
+ inset 0 0 0 2px var(--ac-radio-checkbox-bg, var(--a-surface-default));
3132
3137
  background-color: var(--ac-radio-checkbox-action, var(--a-surface-action));
3133
3138
  }
3134
3139
  .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);
3140
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action)),
3141
+ inset 0 0 0 2px var(--ac-radio-checkbox-bg, var(--a-surface-default)), 0 0 0 4px var(--a-border-focus);
3137
3142
  }
3138
3143
  @supports not selector(:focus-visible) {
3139
3144
  .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);
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)), 0 0 0 4px var(--a-border-focus);
3142
3147
  }
3143
3148
  }
3144
3149
  .navds-checkbox__input:hover:not(:disabled) + .navds-checkbox__label,
@@ -3148,12 +3153,12 @@ body,
3148
3153
  .navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus-visible)
3149
3154
  + .navds-checkbox__label::before,
3150
3155
  .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));
3156
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action));
3152
3157
  }
3153
3158
  @supports not selector(:focus-visible) {
3154
3159
  .navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate):not(:focus) + .navds-checkbox__label::before,
3155
3160
  .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));
3161
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-action, var(--a-surface-action));
3157
3162
  }
3158
3163
  }
3159
3164
  .navds-checkbox__input:hover:not(:disabled):not(:checked):not(:indeterminate) + .navds-checkbox__label::before,
@@ -3164,20 +3169,20 @@ body,
3164
3169
  > .navds-checkbox__input:not(:hover):not(:disabled):not(:checked):not(:indeterminate)
3165
3170
  + .navds-checkbox__label::before,
3166
3171
  .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));
3172
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger));
3168
3173
  }
3169
3174
  .navds-checkbox--error
3170
3175
  > .navds-checkbox__input:focus-visible:not(:hover):not(:disabled):not(:checked):not(:indeterminate)
3171
3176
  + .navds-checkbox__label::before,
3172
3177
  .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);
3178
+ 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
3179
  }
3175
3180
  @supports not selector(:focus-visible) {
3176
3181
  .navds-checkbox--error
3177
3182
  > .navds-checkbox__input:focus:not(:hover):not(:disabled):not(:checked):not(:indeterminate)
3178
3183
  + .navds-checkbox__label::before,
3179
3184
  .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);
3185
+ 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
3186
  }
3182
3187
  }
3183
3188
  .navds-checkbox--error
@@ -3185,14 +3190,14 @@ body,
3185
3190
  + .navds-checkbox__label::before,
3186
3191
  .navds-radio--error > .navds-radio__input:hover:not(:disabled):not(:checked):not(:focus-visible) + .navds-radio__label::before {
3187
3192
  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));
3193
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger));
3189
3194
  }
3190
3195
  .navds-checkbox--error
3191
3196
  > .navds-checkbox__input:focus-visible:hover:not(:disabled):not(:checked):not(:indeterminate)
3192
3197
  + .navds-checkbox__label::before,
3193
3198
  .navds-radio--error > .navds-radio__input:focus-visible:hover:not(:disabled):not(:checked) + .navds-radio__label::before {
3194
3199
  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);
3200
+ 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
3201
  }
3197
3202
  @supports not selector(:focus-visible) {
3198
3203
  .navds-checkbox--error
@@ -3200,7 +3205,7 @@ body,
3200
3205
  + .navds-checkbox__label::before,
3201
3206
  .navds-radio--error > .navds-radio__input:hover:not(:disabled):not(:checked):not(:focus) + .navds-radio__label::before {
3202
3207
  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));
3208
+ box-shadow: 0 0 0 2px var(--ac-radio-checkbox-error-border, var(--a-border-danger));
3204
3209
  }
3205
3210
 
3206
3211
  .navds-checkbox--error
@@ -3208,7 +3213,7 @@ body,
3208
3213
  + .navds-checkbox__label::before,
3209
3214
  .navds-radio--error > .navds-radio__input:focus:hover:not(:disabled):not(:checked) + .navds-radio__label::before {
3210
3215
  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);
3216
+ 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
3217
  }
3213
3218
  }
3214
3219
  .navds-checkbox--disabled,
@@ -3242,25 +3247,25 @@ body,
3242
3247
  .navds-radio--readonly > .navds-radio__input:not(:disabled):not(:checked) + .navds-radio__label::before,
3243
3248
  .navds-radio--readonly > .navds-radio__input:hover:not(:checked):not(:focus-visible) + .navds-radio__label::before {
3244
3249
  background-color: var(--__ac-radio-checkbox-readonly-bg);
3245
- box-shadow: inset 0 0 0 2px var(--__ac-radio-checkbox-readonly-border);
3250
+ box-shadow: 0 0 0 2px var(--__ac-radio-checkbox-readonly-border);
3246
3251
  }
3247
3252
  .navds-checkbox--readonly > .navds-checkbox__input:focus-visible + .navds-checkbox__label::before,
3248
3253
  .navds-radio--readonly > .navds-radio__input:focus-visible + .navds-radio__label::before {
3249
3254
  --__ac-radio-checkbox-readonly-border: var(--a-border-subtle), var(--a-shadow-focus);
3250
3255
  }
3251
3256
  .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
3257
  background-color: var(--__ac-radio-checkbox-readonly-bg);
3258
+ box-shadow: 0 0 0 2px var(--__ac-radio-checkbox-readonly-border);
3254
3259
  }
3255
3260
  .navds-checkbox--readonly > .navds-checkbox__input:checked + .navds-checkbox__label > .navds-checkbox__icon {
3256
3261
  color: var(--a-icon-subtle);
3257
3262
  }
3258
3263
  .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
3264
  background-color: var(--a-icon-subtle);
3265
+ box-shadow: 0 0 0 2px var(--__ac-radio-checkbox-readonly-border), inset 0 0 0 2px var(--__ac-radio-checkbox-readonly-bg);
3261
3266
  }
3262
3267
  .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);
3268
+ box-shadow: 0 0 0 2px var(--__ac-radio-checkbox-readonly-border);
3264
3269
  background-color: var(--__ac-radio-checkbox-readonly-bg);
3265
3270
  }
3266
3271
  .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.3",
3
+ "version": "5.7.5",
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.3",
39
- "@navikt/ds-tokens": "^5.7.3",
38
+ "@navikt/ds-css": "^5.7.5",
39
+ "@navikt/ds-tokens": "^5.7.5",
40
40
  "@types/jest": "^29.0.0",
41
41
  "concurrently": "7.2.1",
42
42
  "copyfiles": "2.4.1",