@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 CHANGED
@@ -1,7 +1,7 @@
1
1
  @charset "UTF-8";
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Wed, 13 Sep 2023 13:01:01 GMT
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: initial;
1051
- --__ac-box-padding-md: initial;
1052
- --__ac-box-padding-lg: initial;
1053
- --__ac-box-padding-xl: initial;
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-block-sm: initial;
1057
- --__ac-box-padding-inline-sm: initial;
1058
- --__ac-box-padding-block-md: initial;
1059
- --__ac-box-padding-inline-md: initial;
1060
- --__ac-box-padding-block-lg: initial;
1061
- --__ac-box-padding-inline-lg: initial;
1062
- --__ac-box-padding-block-xl: initial;
1063
- --__ac-box-padding-inline-xl: initial;
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: initial;
1073
- --__ac-box-border-radius-md: initial;
1074
- --__ac-box-border-radius-lg: initial;
1075
- --__ac-box-border-radius-xl: initial;
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, var(--__ac-box-padding-xs));
1090
- --__ac-box-padding-inline: var(--__ac-box-padding-inline-sm, var(--__ac-box-padding-inline-xs));
1091
- --__ac-box-padding-block: var(--__ac-box-padding-block-sm, var(--__ac-box-padding-block-xs));
1092
- --__ac-box-border-radius: var(--__ac-box-border-radius-sm, var(--__ac-box-border-radius-xs));
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, var(--__ac-box-padding-sm, var(--__ac-box-padding-xs)));
1098
- --__ac-box-padding-inline: var(
1099
- --__ac-box-padding-inline-md,
1100
- var(--__ac-box-padding-inline-sm, var(--__ac-box-padding-inline-xs))
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
- --__ac-box-padding-lg,
1116
- var(--__ac-box-padding-md, var(--__ac-box-padding-sm, var(--__ac-box-padding-xs)))
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
- --__ac-box-padding-xl,
1136
- var(--__ac-box-padding-lg, var(--__ac-box-padding-md, var(--__ac-box-padding-sm, var(--__ac-box-padding-xs))))
1137
- );
1138
- --__ac-box-padding-inline: var(
1139
- --__ac-box-padding-inline-xl,
1140
- var(
1141
- --__ac-box-padding-inline-lg,
1142
- var(--__ac-box-padding-inline-md, var(--__ac-box-padding-inline-sm, var(--__ac-box-padding-inline-xs)))
1143
- )
1144
- );
1145
- --__ac-box-padding-block: var(
1146
- --__ac-box-padding-block-xl,
1147
- var(
1148
- --__ac-box-padding-block-lg,
1149
- var(--__ac-box-padding-block-md, var(--__ac-box-padding-block-sm, var(--__ac-box-padding-block-xs)))
1150
- )
1151
- );
1152
- --__ac-box-border-radius: var(
1153
- --__ac-box-border-radius-xl,
1154
- var(
1155
- --__ac-box-border-radius-lg,
1156
- var(--__ac-box-border-radius-md, var(--__ac-box-border-radius-sm, var(--__ac-box-border-radius-xs)))
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: initial;
1221
- --__ac-stack-gap-md: initial;
1222
- --__ac-stack-gap-lg: initial;
1223
- --__ac-stack-gap-xl: initial;
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, var(--__ac-stack-gap-xs));
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, var(--__ac-stack-gap-sm, var(--__ac-stack-gap-xs)));
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, var(--__ac-stack-gap-md, var(--__ac-stack-gap-sm, var(--__ac-stack-gap-xs))));
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
- --__ac-stack-gap-xl,
1262
- var(--__ac-stack-gap-lg, var(--__ac-stack-gap-md, var(--__ac-stack-gap-sm, var(--__ac-stack-gap-xs))))
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-responsive__above--sm {
1271
- display: revert;
1329
+ .navds-responsive__below--sm {
1330
+ display: none !important;
1272
1331
  }
1273
1332
  }
1274
1333
  @media (max-width: 479px) {
1275
- .navds-responsive__below--sm {
1276
- display: revert;
1334
+ .navds-responsive__above--sm {
1335
+ display: none !important;
1277
1336
  }
1278
1337
  }
1279
1338
  @media (min-width: 768px) {
1280
- .navds-responsive__above--md {
1281
- display: revert;
1339
+ .navds-responsive__below--md {
1340
+ display: none !important;
1282
1341
  }
1283
1342
  }
1284
1343
  @media (max-width: 767px) {
1285
- .navds-responsive__below--md {
1286
- display: revert;
1344
+ .navds-responsive__above--md {
1345
+ display: none !important;
1287
1346
  }
1288
1347
  }
1289
1348
  @media (min-width: 1024px) {
1290
- .navds-responsive__above--lg {
1291
- display: revert;
1349
+ .navds-responsive__below--lg {
1350
+ display: none !important;
1292
1351
  }
1293
1352
  }
1294
1353
  @media (max-width: 1023px) {
1295
- .navds-responsive__below--lg {
1296
- display: revert;
1354
+ .navds-responsive__above--lg {
1355
+ display: none !important;
1297
1356
  }
1298
1357
  }
1299
1358
  @media (min-width: 1280px) {
1300
- .navds-responsive__above--xl {
1301
- display: revert;
1359
+ .navds-responsive__below--xl {
1360
+ display: none !important;
1302
1361
  }
1303
1362
  }
1304
1363
  @media (max-width: 1279px) {
1305
- .navds-responsive__below--xl {
1306
- display: revert;
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: 0 var(--a-spacing-3) var(--a-spacing-5);
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: 0 var(--a-spacing-3) var(--a-spacing-5) var(--a-spacing-11);
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
- padding: var(--a-spacing-05) var(--a-spacing-1);
4581
- border-radius: var(--a-border-radius-small);
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-date__caption-dropdown {
4584
- display: flex;
4585
- justify-content: space-between;
4586
- gap: var(--a-spacing-2);
4587
- align-items: center;
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-date__caption__month-wrapper {
4590
- display: flex;
4591
- justify-content: center;
4592
- gap: var(--a-spacing-2);
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-small) var(--a-border-radius-small)
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-small) var(--a-border-radius-xlarge) var(--a-border-radius-xlarge)
4611
- var(--a-border-radius-small);
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: 2.75rem;
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-2);
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-medium);
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
- let allowedTokenNames = [];
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.5.0",
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.5.0",
39
- "@navikt/ds-tokens": "^5.5.0",
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",