@navikt/aksel-stylelint 5.5.0 → 5.6.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.
- package/dist/index.css +230 -138
- package/dist/utils.js +1 -1
- 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
|
|
4
|
+
* Generated on Thu, 28 Sep 2023 13:50:45 GMT
|
|
5
5
|
*/
|
|
6
6
|
:root, :host {
|
|
7
7
|
--a-spacing-05: 0.125rem;
|
|
@@ -1047,20 +1047,20 @@ body,
|
|
|
1047
1047
|
}
|
|
1048
1048
|
.navds-box {
|
|
1049
1049
|
--__ac-box-padding-xs: initial;
|
|
1050
|
-
--__ac-box-padding-sm:
|
|
1051
|
-
--__ac-box-padding-md:
|
|
1052
|
-
--__ac-box-padding-lg:
|
|
1053
|
-
--__ac-box-padding-xl:
|
|
1054
|
-
--__ac-box-padding-block-xs: initial;
|
|
1050
|
+
--__ac-box-padding-sm: var(--__ac-box-padding-xs);
|
|
1051
|
+
--__ac-box-padding-md: var(--__ac-box-padding-sm);
|
|
1052
|
+
--__ac-box-padding-lg: var(--__ac-box-padding-md);
|
|
1053
|
+
--__ac-box-padding-xl: var(--__ac-box-padding-lg);
|
|
1055
1054
|
--__ac-box-padding-inline-xs: initial;
|
|
1056
|
-
--__ac-box-padding-
|
|
1057
|
-
--__ac-box-padding-inline-
|
|
1058
|
-
--__ac-box-padding-
|
|
1059
|
-
--__ac-box-padding-inline-
|
|
1060
|
-
--__ac-box-padding-block-
|
|
1061
|
-
--__ac-box-padding-
|
|
1062
|
-
--__ac-box-padding-block-
|
|
1063
|
-
--__ac-box-padding-
|
|
1055
|
+
--__ac-box-padding-inline-sm: var(--__ac-box-padding-inline-xs);
|
|
1056
|
+
--__ac-box-padding-inline-md: var(--__ac-box-padding-inline-sm);
|
|
1057
|
+
--__ac-box-padding-inline-lg: var(--__ac-box-padding-inline-md);
|
|
1058
|
+
--__ac-box-padding-inline-xl: var(--__ac-box-padding-inline-lg);
|
|
1059
|
+
--__ac-box-padding-block-xs: initial;
|
|
1060
|
+
--__ac-box-padding-block-sm: var(--__ac-box-padding-block-xs);
|
|
1061
|
+
--__ac-box-padding-block-md: var(--__ac-box-padding-block-sm);
|
|
1062
|
+
--__ac-box-padding-block-lg: var(--__ac-box-padding-block-md);
|
|
1063
|
+
--__ac-box-padding-block-xl: var(--__ac-box-padding-block-lg);
|
|
1064
1064
|
--__ac-box-padding: var(--__ac-box-padding-xs);
|
|
1065
1065
|
--__ac-box-padding-inline: var(--__ac-box-padding-inline-xs);
|
|
1066
1066
|
--__ac-box-padding-block: var(--__ac-box-padding-block-xs);
|
|
@@ -1069,10 +1069,10 @@ body,
|
|
|
1069
1069
|
--__ac-box-shadow: initial;
|
|
1070
1070
|
--__ac-box-border-width: initial;
|
|
1071
1071
|
--__ac-box-border-radius-xs: initial;
|
|
1072
|
-
--__ac-box-border-radius-sm:
|
|
1073
|
-
--__ac-box-border-radius-md:
|
|
1074
|
-
--__ac-box-border-radius-lg:
|
|
1075
|
-
--__ac-box-border-radius-xl:
|
|
1072
|
+
--__ac-box-border-radius-sm: var(--__ac-box-border-radius-xs);
|
|
1073
|
+
--__ac-box-border-radius-md: var(--__ac-box-border-radius-sm);
|
|
1074
|
+
--__ac-box-border-radius-lg: var(--__ac-box-border-radius-md);
|
|
1075
|
+
--__ac-box-border-radius-xl: var(--__ac-box-border-radius-lg);
|
|
1076
1076
|
--__ac-box-border-radius: var(--__ac-box-border-radius-xs);
|
|
1077
1077
|
|
|
1078
1078
|
padding-inline: var(--__ac-box-padding-inline, var(--__ac-box-padding));
|
|
@@ -1086,76 +1086,116 @@ body,
|
|
|
1086
1086
|
}
|
|
1087
1087
|
@media (min-width: 480px) {
|
|
1088
1088
|
.navds-box {
|
|
1089
|
-
--__ac-box-padding: var(--__ac-box-padding-sm
|
|
1090
|
-
--__ac-box-padding-inline: var(--__ac-box-padding-inline-sm
|
|
1091
|
-
--__ac-box-padding-block: var(--__ac-box-padding-block-sm
|
|
1092
|
-
--__ac-box-border-radius: var(--__ac-box-border-radius-sm
|
|
1089
|
+
--__ac-box-padding: var(--__ac-box-padding-sm);
|
|
1090
|
+
--__ac-box-padding-inline: var(--__ac-box-padding-inline-sm);
|
|
1091
|
+
--__ac-box-padding-block: var(--__ac-box-padding-block-sm);
|
|
1092
|
+
--__ac-box-border-radius: var(--__ac-box-border-radius-sm);
|
|
1093
1093
|
}
|
|
1094
1094
|
}
|
|
1095
1095
|
@media (min-width: 768px) {
|
|
1096
1096
|
.navds-box {
|
|
1097
|
-
--__ac-box-padding: var(--__ac-box-padding-md
|
|
1098
|
-
--__ac-box-padding-inline: var(
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
);
|
|
1102
|
-
--__ac-box-padding-block: var(
|
|
1103
|
-
--__ac-box-padding-block-md,
|
|
1104
|
-
var(--__ac-box-padding-block-sm, var(--__ac-box-padding-block-xs))
|
|
1105
|
-
);
|
|
1106
|
-
--__ac-box-border-radius: var(
|
|
1107
|
-
--__ac-box-border-radius-md,
|
|
1108
|
-
var(--__ac-box-border-radius-sm, var(--__ac-box-border-radius-xs))
|
|
1109
|
-
);
|
|
1097
|
+
--__ac-box-padding: var(--__ac-box-padding-md);
|
|
1098
|
+
--__ac-box-padding-inline: var(--__ac-box-padding-inline-md);
|
|
1099
|
+
--__ac-box-padding-block: var(--__ac-box-padding-block-md);
|
|
1100
|
+
--__ac-box-border-radius: var(--__ac-box-border-radius-md);
|
|
1110
1101
|
}
|
|
1111
1102
|
}
|
|
1112
1103
|
@media (min-width: 1024px) {
|
|
1113
1104
|
.navds-box {
|
|
1114
|
-
--__ac-box-padding: var(
|
|
1115
|
-
|
|
1116
|
-
|
|
1117
|
-
);
|
|
1118
|
-
--__ac-box-padding-inline: var(
|
|
1119
|
-
--__ac-box-padding-inline-lg,
|
|
1120
|
-
var(--__ac-box-padding-inline-md, var(--__ac-box-padding-inline-sm, var(--__ac-box-padding-inline-xs)))
|
|
1121
|
-
);
|
|
1122
|
-
--__ac-box-padding-block: var(
|
|
1123
|
-
--__ac-box-padding-block-lg,
|
|
1124
|
-
var(--__ac-box-padding-block-md, var(--__ac-box-padding-block-sm, var(--__ac-box-padding-block-xs)))
|
|
1125
|
-
);
|
|
1126
|
-
--__ac-box-border-radius: var(
|
|
1127
|
-
--__ac-box-border-radius-lg,
|
|
1128
|
-
var(--__ac-box-border-radius-md, var(--__ac-box-border-radius-sm, var(--__ac-box-border-radius-xs)))
|
|
1129
|
-
);
|
|
1105
|
+
--__ac-box-padding: var(--__ac-box-padding-lg);
|
|
1106
|
+
--__ac-box-padding-inline: var(--__ac-box-padding-inline-lg);
|
|
1107
|
+
--__ac-box-padding-block: var(--__ac-box-padding-block-lg);
|
|
1108
|
+
--__ac-box-border-radius: var(--__ac-box-border-radius-lg);
|
|
1130
1109
|
}
|
|
1131
1110
|
}
|
|
1132
1111
|
@media (min-width: 1280px) {
|
|
1133
1112
|
.navds-box {
|
|
1134
|
-
--__ac-box-padding: var(
|
|
1135
|
-
|
|
1136
|
-
|
|
1137
|
-
);
|
|
1138
|
-
|
|
1139
|
-
|
|
1140
|
-
|
|
1141
|
-
|
|
1142
|
-
|
|
1143
|
-
|
|
1144
|
-
|
|
1145
|
-
|
|
1146
|
-
|
|
1147
|
-
|
|
1148
|
-
|
|
1149
|
-
|
|
1150
|
-
|
|
1151
|
-
|
|
1152
|
-
|
|
1153
|
-
|
|
1154
|
-
|
|
1155
|
-
|
|
1156
|
-
|
|
1157
|
-
|
|
1158
|
-
|
|
1113
|
+
--__ac-box-padding: var(--__ac-box-padding-xl);
|
|
1114
|
+
--__ac-box-padding-inline: var(--__ac-box-padding-inline-xl);
|
|
1115
|
+
--__ac-box-padding-block: var(--__ac-box-padding-block-xl);
|
|
1116
|
+
--__ac-box-border-radius: var(--__ac-box-border-radius-xl);
|
|
1117
|
+
}
|
|
1118
|
+
}
|
|
1119
|
+
.navds-bleed {
|
|
1120
|
+
--__ac-bleed-margin-inline-xs: initial;
|
|
1121
|
+
--__ac-bleed-margin-inline-sm: var(--__ac-bleed-margin-inline-xs);
|
|
1122
|
+
--__ac-bleed-margin-inline-md: var(--__ac-bleed-margin-inline-sm);
|
|
1123
|
+
--__ac-bleed-margin-inline-lg: var(--__ac-bleed-margin-inline-md);
|
|
1124
|
+
--__ac-bleed-margin-inline-xl: var(--__ac-bleed-margin-inline-lg);
|
|
1125
|
+
--__ac-bleed-margin-block-xs: initial;
|
|
1126
|
+
--__ac-bleed-margin-block-sm: var(--__ac-bleed-margin-block-xs);
|
|
1127
|
+
--__ac-bleed-margin-block-md: var(--__ac-bleed-margin-block-sm);
|
|
1128
|
+
--__ac-bleed-margin-block-lg: var(--__ac-bleed-margin-block-md);
|
|
1129
|
+
--__ac-bleed-margin-block-xl: var(--__ac-bleed-margin-block-lg);
|
|
1130
|
+
|
|
1131
|
+
/** defaults */
|
|
1132
|
+
--__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-xs);
|
|
1133
|
+
--__ac-bleed-margin-block: var(--__ac-bleed-margin-block-xs);
|
|
1134
|
+
|
|
1135
|
+
margin-inline: var(--__ac-bleed-margin-inline);
|
|
1136
|
+
margin-block: var(--__ac-bleed-margin-block);
|
|
1137
|
+
}
|
|
1138
|
+
.navds-bleed--padding {
|
|
1139
|
+
--__ac-bleed-padding-inline-xs: initial;
|
|
1140
|
+
--__ac-bleed-padding-inline-sm: var(--__ac-bleed-padding-inline-xs);
|
|
1141
|
+
--__ac-bleed-padding-inline-md: var(--__ac-bleed-padding-inline-sm);
|
|
1142
|
+
--__ac-bleed-padding-inline-lg: var(--__ac-bleed-padding-inline-md);
|
|
1143
|
+
--__ac-bleed-padding-inline-xl: var(--__ac-bleed-padding-inline-lg);
|
|
1144
|
+
--__ac-bleed-padding-block-xs: initial;
|
|
1145
|
+
--__ac-bleed-padding-block-sm: var(--__ac-bleed-padding-block-xs);
|
|
1146
|
+
--__ac-bleed-padding-block-md: var(--__ac-bleed-padding-block-sm);
|
|
1147
|
+
--__ac-bleed-padding-block-lg: var(--__ac-bleed-padding-block-md);
|
|
1148
|
+
--__ac-bleed-padding-block-xl: var(--__ac-bleed-padding-block-lg);
|
|
1149
|
+
|
|
1150
|
+
/** defaults */
|
|
1151
|
+
--__ac-bleed-padding-inline: var(--__ac-bleed-padding-inline-xs);
|
|
1152
|
+
--__ac-bleed-padding-block: var(--__ac-bleed-padding-block-xs);
|
|
1153
|
+
|
|
1154
|
+
padding-inline: var(--__ac-bleed-padding-inline);
|
|
1155
|
+
padding-block: var(--__ac-bleed-padding-block);
|
|
1156
|
+
}
|
|
1157
|
+
@media (min-width: 480px) {
|
|
1158
|
+
.navds-bleed {
|
|
1159
|
+
--__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-sm);
|
|
1160
|
+
--__ac-bleed-margin-block: var(--__ac-bleed-margin-block-sm);
|
|
1161
|
+
}
|
|
1162
|
+
|
|
1163
|
+
.navds-bleed--padding {
|
|
1164
|
+
--__ac-bleed-padding-inline: var(--__ac-bleed-padding-inline-sm);
|
|
1165
|
+
--__ac-bleed-padding-block: var(--__ac-bleed-padding-block-sm);
|
|
1166
|
+
}
|
|
1167
|
+
}
|
|
1168
|
+
@media (min-width: 768px) {
|
|
1169
|
+
.navds-bleed {
|
|
1170
|
+
--__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-md);
|
|
1171
|
+
--__ac-bleed-margin-block: var(--__ac-bleed-margin-block-md);
|
|
1172
|
+
}
|
|
1173
|
+
|
|
1174
|
+
.navds-bleed--padding {
|
|
1175
|
+
--__ac-bleed-padding-inline: var(--__ac-bleed-padding-inline-md);
|
|
1176
|
+
--__ac-bleed-padding-block: var(--__ac-bleed-padding-block-md);
|
|
1177
|
+
}
|
|
1178
|
+
}
|
|
1179
|
+
@media (min-width: 1024px) {
|
|
1180
|
+
.navds-bleed {
|
|
1181
|
+
--__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-lg);
|
|
1182
|
+
--__ac-bleed-margin-block: var(--__ac-bleed-margin-block-lg);
|
|
1183
|
+
}
|
|
1184
|
+
|
|
1185
|
+
.navds-bleed--padding {
|
|
1186
|
+
--__ac-bleed-padding-inline: var(--__ac-bleed-padding-inline-lg);
|
|
1187
|
+
--__ac-bleed-padding-block: var(--__ac-bleed-padding-block-lg);
|
|
1188
|
+
}
|
|
1189
|
+
}
|
|
1190
|
+
@media (min-width: 1280px) {
|
|
1191
|
+
.navds-bleed {
|
|
1192
|
+
--__ac-bleed-margin-inline: var(--__ac-bleed-margin-inline-xl);
|
|
1193
|
+
--__ac-bleed-margin-block: var(--__ac-bleed-margin-block-xl);
|
|
1194
|
+
}
|
|
1195
|
+
|
|
1196
|
+
.navds-bleed--padding {
|
|
1197
|
+
--__ac-bleed-padding-inline: var(--__ac-bleed-padding-inline-xl);
|
|
1198
|
+
--__ac-bleed-padding-block: var(--__ac-bleed-padding-block-xl);
|
|
1159
1199
|
}
|
|
1160
1200
|
}
|
|
1161
1201
|
.navds-hgrid {
|
|
@@ -1212,16 +1252,31 @@ body,
|
|
|
1212
1252
|
}
|
|
1213
1253
|
}
|
|
1214
1254
|
.navds-stack {
|
|
1215
|
-
--__ac-stack-align: initial;
|
|
1216
|
-
--__ac-stack-justify: initial;
|
|
1217
|
-
--__ac-stack-direction: initial;
|
|
1218
1255
|
--__ac-stack-wrap: initial;
|
|
1219
1256
|
--__ac-stack-gap-xs: initial;
|
|
1220
|
-
--__ac-stack-gap-sm:
|
|
1221
|
-
--__ac-stack-gap-md:
|
|
1222
|
-
--__ac-stack-gap-lg:
|
|
1223
|
-
--__ac-stack-gap-xl:
|
|
1257
|
+
--__ac-stack-gap-sm: var(--__ac-stack-gap-xs);
|
|
1258
|
+
--__ac-stack-gap-md: var(--__ac-stack-gap-sm);
|
|
1259
|
+
--__ac-stack-gap-lg: var(--__ac-stack-gap-md);
|
|
1260
|
+
--__ac-stack-gap-xl: var(--__ac-stack-gap-lg);
|
|
1224
1261
|
--__ac-stack-gap: var(--__ac-stack-gap-xs);
|
|
1262
|
+
--__ac-stack-justify-xs: initial;
|
|
1263
|
+
--__ac-stack-justify-sm: var(--__ac-stack-justify-xs);
|
|
1264
|
+
--__ac-stack-justify-md: var(--__ac-stack-justify-sm);
|
|
1265
|
+
--__ac-stack-justify-lg: var(--__ac-stack-justify-md);
|
|
1266
|
+
--__ac-stack-justify-xl: var(--__ac-stack-justify-lg);
|
|
1267
|
+
--__ac-stack-justify: var(--__ac-stack-justify-xs);
|
|
1268
|
+
--__ac-stack-align-xs: initial;
|
|
1269
|
+
--__ac-stack-align-sm: var(--__ac-stack-align-xs);
|
|
1270
|
+
--__ac-stack-align-md: var(--__ac-stack-align-sm);
|
|
1271
|
+
--__ac-stack-align-lg: var(--__ac-stack-align-md);
|
|
1272
|
+
--__ac-stack-align-xl: var(--__ac-stack-align-lg);
|
|
1273
|
+
--__ac-stack-align: var(--__ac-stack-align-xs);
|
|
1274
|
+
--__ac-stack-direction-xs: initial;
|
|
1275
|
+
--__ac-stack-direction-sm: var(--__ac-stack-direction-xs);
|
|
1276
|
+
--__ac-stack-direction-md: var(--__ac-stack-direction-sm);
|
|
1277
|
+
--__ac-stack-direction-lg: var(--__ac-stack-direction-md);
|
|
1278
|
+
--__ac-stack-direction-xl: var(--__ac-stack-direction-lg);
|
|
1279
|
+
--__ac-stack-direction: var(--__ac-stack-direction-xs);
|
|
1225
1280
|
|
|
1226
1281
|
gap: var(--__ac-stack-gap);
|
|
1227
1282
|
display: flex;
|
|
@@ -1236,74 +1291,78 @@ body,
|
|
|
1236
1291
|
}
|
|
1237
1292
|
.navds-stack > .navds-stack__spacer {
|
|
1238
1293
|
margin-block-start: calc(var(--__ac-stack-gap) * -1);
|
|
1239
|
-
}
|
|
1240
|
-
.navds-hstack > .navds-stack__spacer {
|
|
1241
1294
|
margin-inline-start: calc(var(--__ac-stack-gap) * -1);
|
|
1242
1295
|
}
|
|
1243
1296
|
@media (min-width: 480px) {
|
|
1244
1297
|
.navds-stack {
|
|
1245
|
-
--__ac-stack-gap: var(--__ac-stack-gap-sm
|
|
1298
|
+
--__ac-stack-gap: var(--__ac-stack-gap-sm);
|
|
1299
|
+
--__ac-stack-align: var(--__ac-stack-align-sm);
|
|
1300
|
+
--__ac-stack-justify: var(--__ac-stack-justify-sm);
|
|
1301
|
+
--__ac-stack-direction: var(--__ac-stack-direction-sm);
|
|
1246
1302
|
}
|
|
1247
1303
|
}
|
|
1248
1304
|
@media (min-width: 768px) {
|
|
1249
1305
|
.navds-stack {
|
|
1250
|
-
--__ac-stack-gap: var(--__ac-stack-gap-md
|
|
1306
|
+
--__ac-stack-gap: var(--__ac-stack-gap-md);
|
|
1307
|
+
--__ac-stack-align: var(--__ac-stack-align-md);
|
|
1308
|
+
--__ac-stack-justify: var(--__ac-stack-justify-md);
|
|
1309
|
+
--__ac-stack-direction: var(--__ac-stack-direction-md);
|
|
1251
1310
|
}
|
|
1252
1311
|
}
|
|
1253
1312
|
@media (min-width: 1024px) {
|
|
1254
1313
|
.navds-stack {
|
|
1255
|
-
--__ac-stack-gap: var(--__ac-stack-gap-lg
|
|
1314
|
+
--__ac-stack-gap: var(--__ac-stack-gap-lg);
|
|
1315
|
+
--__ac-stack-align: var(--__ac-stack-align-lg);
|
|
1316
|
+
--__ac-stack-justify: var(--__ac-stack-justify-lg);
|
|
1317
|
+
--__ac-stack-direction: var(--__ac-stack-direction-lg);
|
|
1256
1318
|
}
|
|
1257
1319
|
}
|
|
1258
1320
|
@media (min-width: 1280px) {
|
|
1259
1321
|
.navds-stack {
|
|
1260
|
-
--__ac-stack-gap: var(
|
|
1261
|
-
|
|
1262
|
-
|
|
1263
|
-
);
|
|
1322
|
+
--__ac-stack-gap: var(--__ac-stack-gap-xl);
|
|
1323
|
+
--__ac-stack-align: var(--__ac-stack-align-xl);
|
|
1324
|
+
--__ac-stack-justify: var(--__ac-stack-justify-xl);
|
|
1325
|
+
--__ac-stack-direction: var(--__ac-stack-direction-xl);
|
|
1264
1326
|
}
|
|
1265
1327
|
}
|
|
1266
|
-
.navds-responsive {
|
|
1267
|
-
display: none;
|
|
1268
|
-
}
|
|
1269
1328
|
@media (min-width: 480px) {
|
|
1270
|
-
.navds-
|
|
1271
|
-
display:
|
|
1329
|
+
.navds-responsive__below--sm {
|
|
1330
|
+
display: none !important;
|
|
1272
1331
|
}
|
|
1273
1332
|
}
|
|
1274
1333
|
@media (max-width: 479px) {
|
|
1275
|
-
.navds-
|
|
1276
|
-
display:
|
|
1334
|
+
.navds-responsive__above--sm {
|
|
1335
|
+
display: none !important;
|
|
1277
1336
|
}
|
|
1278
1337
|
}
|
|
1279
1338
|
@media (min-width: 768px) {
|
|
1280
|
-
.navds-
|
|
1281
|
-
display:
|
|
1339
|
+
.navds-responsive__below--md {
|
|
1340
|
+
display: none !important;
|
|
1282
1341
|
}
|
|
1283
1342
|
}
|
|
1284
1343
|
@media (max-width: 767px) {
|
|
1285
|
-
.navds-
|
|
1286
|
-
display:
|
|
1344
|
+
.navds-responsive__above--md {
|
|
1345
|
+
display: none !important;
|
|
1287
1346
|
}
|
|
1288
1347
|
}
|
|
1289
1348
|
@media (min-width: 1024px) {
|
|
1290
|
-
.navds-
|
|
1291
|
-
display:
|
|
1349
|
+
.navds-responsive__below--lg {
|
|
1350
|
+
display: none !important;
|
|
1292
1351
|
}
|
|
1293
1352
|
}
|
|
1294
1353
|
@media (max-width: 1023px) {
|
|
1295
|
-
.navds-
|
|
1296
|
-
display:
|
|
1354
|
+
.navds-responsive__above--lg {
|
|
1355
|
+
display: none !important;
|
|
1297
1356
|
}
|
|
1298
1357
|
}
|
|
1299
1358
|
@media (min-width: 1280px) {
|
|
1300
|
-
.navds-
|
|
1301
|
-
display:
|
|
1359
|
+
.navds-responsive__below--xl {
|
|
1360
|
+
display: none !important;
|
|
1302
1361
|
}
|
|
1303
1362
|
}
|
|
1304
1363
|
@media (max-width: 1279px) {
|
|
1305
|
-
.navds-
|
|
1306
|
-
display:
|
|
1364
|
+
.navds-responsive__above--xl {
|
|
1365
|
+
display: none !important;
|
|
1307
1366
|
}
|
|
1308
1367
|
}
|
|
1309
1368
|
/**************************
|
|
@@ -1630,11 +1689,11 @@ body,
|
|
|
1630
1689
|
* Content *
|
|
1631
1690
|
*************************/
|
|
1632
1691
|
.navds-accordion__content {
|
|
1633
|
-
padding:
|
|
1692
|
+
padding: var(--a-spacing-1) var(--a-spacing-3) var(--a-spacing-5);
|
|
1634
1693
|
animation: fadeAccordionContent 250ms ease;
|
|
1635
1694
|
}
|
|
1636
1695
|
.navds-accordion--indent > :where(.navds-accordion__item) > :where(.navds-accordion__content) {
|
|
1637
|
-
padding:
|
|
1696
|
+
padding: var(--a-spacing-1) var(--a-spacing-3) var(--a-spacing-5) var(--a-spacing-11);
|
|
1638
1697
|
}
|
|
1639
1698
|
.navds-accordion__content--closed {
|
|
1640
1699
|
display: none;
|
|
@@ -3192,6 +3251,7 @@ body,
|
|
|
3192
3251
|
}
|
|
3193
3252
|
.navds-select__input:hover {
|
|
3194
3253
|
border-color: var(--ac-select-hover-bg, var(--a-border-action));
|
|
3254
|
+
cursor: pointer;
|
|
3195
3255
|
}
|
|
3196
3256
|
.navds-select__input:focus-visible {
|
|
3197
3257
|
outline: none;
|
|
@@ -4552,7 +4612,7 @@ button.navds-internalheader__title:active,
|
|
|
4552
4612
|
border-top-color: transparent;
|
|
4553
4613
|
}
|
|
4554
4614
|
.navds-date {
|
|
4555
|
-
padding: var(--a-spacing-3);
|
|
4615
|
+
padding: var(--a-spacing-4) var(--a-spacing-3);
|
|
4556
4616
|
}
|
|
4557
4617
|
.navds-date .rdp-day_range_middle.rdp-day_disabled {
|
|
4558
4618
|
color: var(--ac-date-middle-text, var(--a-text-on-action));
|
|
@@ -4571,44 +4631,46 @@ button.navds-internalheader__title:active,
|
|
|
4571
4631
|
font-size: var(--a-font-size-small);
|
|
4572
4632
|
}
|
|
4573
4633
|
.navds-date .rdp-weeknumber {
|
|
4574
|
-
color: var(--ac-date-week-text, var(--a-text-on-neutral));
|
|
4575
|
-
background: var(--ac-date-week-bg, var(--a-surface-neutral));
|
|
4576
4634
|
font-size: var(--a-font-size-small);
|
|
4577
4635
|
display: flex;
|
|
4578
|
-
justify-content: center;
|
|
4579
4636
|
align-items: center;
|
|
4580
|
-
|
|
4581
|
-
|
|
4637
|
+
justify-content: center;
|
|
4638
|
+
width: 2rem;
|
|
4639
|
+
height: 2rem;
|
|
4640
|
+
border-radius: var(--a-border-radius-medium);
|
|
4641
|
+
margin: var(--a-spacing-2);
|
|
4642
|
+
color: var(--a-text-subtle);
|
|
4582
4643
|
}
|
|
4583
|
-
.navds-
|
|
4584
|
-
|
|
4585
|
-
|
|
4586
|
-
|
|
4587
|
-
|
|
4644
|
+
.navds-date .rdp-weeknumber.rdp-button {
|
|
4645
|
+
width: 2rem;
|
|
4646
|
+
height: 2rem;
|
|
4647
|
+
box-shadow: 0 0 0 1px var(--a-border-default);
|
|
4648
|
+
color: var(--a-text-subtle);
|
|
4649
|
+
font-size: var(--a-font-size-small);
|
|
4588
4650
|
}
|
|
4589
|
-
.navds-
|
|
4590
|
-
|
|
4591
|
-
|
|
4592
|
-
|
|
4593
|
-
align-items: center;
|
|
4651
|
+
.navds-date .rdp-weeknumber.rdp-button:active {
|
|
4652
|
+
background-color: var(--a-surface-action-active);
|
|
4653
|
+
color: var(--a-text-on-action);
|
|
4654
|
+
box-shadow: none;
|
|
4594
4655
|
}
|
|
4595
4656
|
.navds-date__caption__month .navds-select__container select {
|
|
4596
4657
|
text-transform: capitalize;
|
|
4597
4658
|
}
|
|
4598
4659
|
.navds-date .rdp-button {
|
|
4599
4660
|
all: unset;
|
|
4661
|
+
display: block;
|
|
4600
4662
|
width: 2.5rem;
|
|
4601
4663
|
height: 2.5rem;
|
|
4602
4664
|
text-align: center;
|
|
4603
4665
|
border-radius: var(--a-border-radius-medium);
|
|
4604
4666
|
}
|
|
4605
4667
|
.navds-date .rdp-day_range_start {
|
|
4606
|
-
border-radius: var(--a-border-radius-xlarge) var(--a-border-radius-
|
|
4668
|
+
border-radius: var(--a-border-radius-xlarge) var(--a-border-radius-medium) var(--a-border-radius-medium)
|
|
4607
4669
|
var(--a-border-radius-xlarge);
|
|
4608
4670
|
}
|
|
4609
4671
|
.navds-date .rdp-day_range_end:not(.rdp-day_range_start) {
|
|
4610
|
-
border-radius: var(--a-border-radius-
|
|
4611
|
-
var(--a-border-radius-
|
|
4672
|
+
border-radius: var(--a-border-radius-medium) var(--a-border-radius-xlarge) var(--a-border-radius-xlarge)
|
|
4673
|
+
var(--a-border-radius-medium);
|
|
4612
4674
|
}
|
|
4613
4675
|
.navds-date .rdp-day_range_start.rdp-day_range_end {
|
|
4614
4676
|
border-radius: var(--a-border-radius-xlarge);
|
|
@@ -4638,7 +4700,7 @@ button.navds-internalheader__title:active,
|
|
|
4638
4700
|
all: unset;
|
|
4639
4701
|
text-align: center;
|
|
4640
4702
|
width: 3rem;
|
|
4641
|
-
height:
|
|
4703
|
+
height: 3rem;
|
|
4642
4704
|
text-transform: capitalize;
|
|
4643
4705
|
border-radius: var(--a-border-radius-medium);
|
|
4644
4706
|
cursor: pointer;
|
|
@@ -4711,7 +4773,8 @@ button.navds-internalheader__title:active,
|
|
|
4711
4773
|
display: flex;
|
|
4712
4774
|
justify-content: space-between;
|
|
4713
4775
|
align-items: center;
|
|
4714
|
-
gap: var(--a-spacing-
|
|
4776
|
+
gap: var(--a-spacing-1);
|
|
4777
|
+
padding-inline: var(--a-spacing-1);
|
|
4715
4778
|
}
|
|
4716
4779
|
.navds-date__caption-button,
|
|
4717
4780
|
.navds-date__caption-button:disabled,
|
|
@@ -4794,6 +4857,37 @@ button.navds-internalheader__title:active,
|
|
|
4794
4857
|
.navds-date__field--readonly .navds-date__field-button {
|
|
4795
4858
|
cursor: default;
|
|
4796
4859
|
}
|
|
4860
|
+
.navds-date__caption-button {
|
|
4861
|
+
width: 2rem;
|
|
4862
|
+
height: 2rem;
|
|
4863
|
+
}
|
|
4864
|
+
.navds-date__week-row {
|
|
4865
|
+
display: flex;
|
|
4866
|
+
align-items: center;
|
|
4867
|
+
gap: var(--a-spacing-05);
|
|
4868
|
+
}
|
|
4869
|
+
.navds-date__week-wrapper {
|
|
4870
|
+
width: 2.5rem;
|
|
4871
|
+
display: flex;
|
|
4872
|
+
align-items: center;
|
|
4873
|
+
justify-content: center;
|
|
4874
|
+
margin: 0;
|
|
4875
|
+
}
|
|
4876
|
+
@media (min-width: 480px) {
|
|
4877
|
+
.navds-date {
|
|
4878
|
+
padding: var(--a-spacing-5) var(--a-spacing-4);
|
|
4879
|
+
}
|
|
4880
|
+
|
|
4881
|
+
.navds-date__caption {
|
|
4882
|
+
gap: var(--a-spacing-2);
|
|
4883
|
+
}
|
|
4884
|
+
|
|
4885
|
+
.navds-date .rdp-button,
|
|
4886
|
+
.navds-date__caption-button {
|
|
4887
|
+
width: 3rem;
|
|
4888
|
+
height: 3rem;
|
|
4889
|
+
}
|
|
4890
|
+
}
|
|
4797
4891
|
.navds-tag {
|
|
4798
4892
|
border: 1px solid;
|
|
4799
4893
|
border-radius: var(--a-border-radius-small);
|
|
@@ -5220,14 +5314,12 @@ button.navds-internalheader__title:active,
|
|
|
5220
5314
|
box-shadow: var(--a-shadow-medium);
|
|
5221
5315
|
border: 1px solid;
|
|
5222
5316
|
border-color: var(--ac-popover-border, var(--a-border-default));
|
|
5223
|
-
border-radius: var(--a-border-radius-
|
|
5317
|
+
border-radius: var(--a-border-radius-large);
|
|
5318
|
+
padding: var(--a-spacing-3);
|
|
5224
5319
|
}
|
|
5225
5320
|
.navds-timeline__popover:focus {
|
|
5226
5321
|
outline: none;
|
|
5227
5322
|
}
|
|
5228
|
-
.navds-timeline__popover-content {
|
|
5229
|
-
padding: var(--a-spacing-3);
|
|
5230
|
-
}
|
|
5231
5323
|
.navds-timeline__popover-arrow {
|
|
5232
5324
|
position: absolute;
|
|
5233
5325
|
z-index: -1;
|
package/dist/utils.js
CHANGED
|
@@ -81,7 +81,7 @@ const flattenObject = (obj) => {
|
|
|
81
81
|
exports.flattenObject = flattenObject;
|
|
82
82
|
const tokenCSSFile = "./index.css";
|
|
83
83
|
const tokenJsonFile = "./tokens.json";
|
|
84
|
-
|
|
84
|
+
const allowedTokenNames = [];
|
|
85
85
|
const addTokens = (tokenJSONFile, allowedTokenNames) => {
|
|
86
86
|
const jsonFileBuffer = (0, node_fs_1.readFileSync)(`${__dirname}/${tokenJSONFile}`);
|
|
87
87
|
const fileString = jsonFileBuffer.toString();
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/aksel-stylelint",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.6.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": "^5.
|
|
39
|
-
"@navikt/ds-tokens": "^5.
|
|
38
|
+
"@navikt/ds-css": "^5.6.1",
|
|
39
|
+
"@navikt/ds-tokens": "^5.6.1",
|
|
40
40
|
"@types/jest": "^29.0.0",
|
|
41
41
|
"concurrently": "7.2.1",
|
|
42
42
|
"copyfiles": "2.4.1",
|