@skyux/theme 12.31.0 → 12.32.0

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 (3) hide show
  1. package/css/sky.css +132 -123
  2. package/css/themes/modern/styles.css +229 -219
  3. package/package.json +2 -2
package/css/sky.css CHANGED
@@ -1121,84 +1121,87 @@ body:not(.sky-theme-modern) {
1121
1121
  .sky-layout-host-blocks {
1122
1122
  --sky-layout-host-content-spacing: var(
1123
1123
  --sky-override-page-content-blocks-spacing-xs,
1124
- var(--sky-comp-page-content-blocks-space-inset-xs-top)
1125
- var(--sky-comp-page-content-blocks-space-inset-xs-right)
1126
- var(--sky-comp-page-content-blocks-space-inset-xs-bottom)
1127
- var(--sky-comp-page-content-blocks-space-inset-xs-left)
1124
+ var(--sky-comp-layout-content-blocks-space-inset-xs-top)
1125
+ var(--sky-comp-layout-content-blocks-space-inset-xs-right)
1126
+ var(--sky-comp-layout-content-blocks-space-inset-xs-bottom)
1127
+ var(--sky-comp-layout-content-blocks-space-inset-xs-left)
1128
1128
  );
1129
1129
  --sky-layout-host-header-spacing: var(
1130
1130
  --sky-override-page-header-spacing-xs,
1131
- var(--sky-comp-page-header-blocks-space-inset-xs-top)
1132
- var(--sky-comp-page-header-blocks-space-inset-xs-right)
1133
- var(--sky-comp-page-header-blocks-space-inset-xs-bottom)
1134
- var(--sky-comp-page-header-blocks-space-inset-xs-left)
1131
+ var(--sky-comp-layout-header-blocks-space-inset-xs-top)
1132
+ var(--sky-comp-layout-header-blocks-space-inset-xs-right)
1133
+ var(--sky-comp-layout-header-blocks-space-inset-xs-bottom)
1134
+ var(--sky-comp-layout-header-blocks-space-inset-xs-left)
1135
1135
  );
1136
1136
  --sky-layout-host-links-spacing: var(
1137
1137
  --sky-override-page-content-with-links-spacing-xs,
1138
- var(--sky-comp-page-links-blocks-space-inset-xs-top)
1139
- var(--sky-comp-page-links-blocks-space-inset-xs-right)
1140
- var(--sky-comp-page-links-blocks-space-inset-xs-bottom)
1141
- var(--sky-comp-page-links-blocks-space-inset-xs-left)
1138
+ var(--sky-comp-layout-links-blocks-space-inset-xs-top)
1139
+ var(--sky-comp-layout-links-blocks-space-inset-xs-right)
1140
+ var(--sky-comp-layout-links-blocks-space-inset-xs-bottom)
1141
+ var(--sky-comp-layout-links-blocks-space-inset-xs-left)
1142
1142
  );
1143
1143
  }
1144
1144
  .sky-layout-host-fit {
1145
1145
  --sky-layout-host-content-spacing: var(
1146
1146
  --sky-override-page-content-fit-list-spacing-xs,
1147
- var(--sky-comp-page-content-fit-space-inset-xs-top)
1148
- var(--sky-comp-page-content-fit-space-inset-xs-right)
1149
- var(--sky-comp-page-content-fit-space-inset-xs-bottom)
1150
- var(--sky-comp-page-content-fit-space-inset-xs-left)
1147
+ var(--sky-comp-layout-content-fit-space-inset-xs-top)
1148
+ var(--sky-comp-layout-content-fit-space-inset-xs-right)
1149
+ var(--sky-comp-layout-content-fit-space-inset-xs-bottom)
1150
+ var(--sky-comp-layout-content-fit-space-inset-xs-left)
1151
1151
  );
1152
1152
  --sky-layout-host-header-spacing: var(
1153
1153
  --sky-override-page-header-spacing-xs,
1154
- var(--sky-comp-page-header-fit-space-inset-xs-top)
1155
- var(--sky-comp-page-header-fit-space-inset-xs-right)
1156
- var(--sky-comp-page-header-fit-space-inset-xs-bottom)
1157
- var(--sky-comp-page-header-fit-space-inset-xs-left)
1154
+ var(--sky-comp-layout-header-fit-space-inset-xs-top)
1155
+ var(--sky-comp-layout-header-fit-space-inset-xs-right)
1156
+ var(--sky-comp-layout-header-fit-space-inset-xs-bottom)
1157
+ var(--sky-comp-layout-header-fit-space-inset-xs-left)
1158
1158
  );
1159
1159
  }
1160
1160
  .sky-layout-host-list {
1161
1161
  --sky-layout-host-content-spacing: var(
1162
1162
  --sky-override-page-content-fit-list-spacing-xs,
1163
- var(--sky-comp-page-content-list-space-inset-xs-top)
1164
- var(--sky-comp-page-content-list-space-inset-xs-right)
1165
- var(--sky-comp-page-content-list-space-inset-xs-bottom)
1166
- var(--sky-comp-page-content-list-space-inset-xs-left)
1163
+ var(--sky-comp-layout-content-list-space-inset-xs-top)
1164
+ var(--sky-comp-layout-content-list-space-inset-xs-right)
1165
+ var(--sky-comp-layout-content-list-space-inset-xs-bottom)
1166
+ var(--sky-comp-layout-content-list-space-inset-xs-left)
1167
1167
  );
1168
1168
  --sky-layout-host-links-spacing: var(
1169
1169
  --sky-override-page-content-with-links-spacing-xs,
1170
- var(--sky-comp-page-links-list-space-inset-xs-top)
1171
- var(--sky-comp-page-links-list-space-inset-xs-right)
1172
- var(--sky-comp-page-links-list-space-inset-xs-bottom)
1173
- var(--sky-comp-page-links-list-space-inset-xs-left)
1170
+ var(--sky-comp-layout-links-list-space-inset-xs-top)
1171
+ var(--sky-comp-layout-links-list-space-inset-xs-right)
1172
+ var(--sky-comp-layout-links-list-space-inset-xs-bottom)
1173
+ var(--sky-comp-layout-links-list-space-inset-xs-left)
1174
1174
  );
1175
1175
  --sky-layout-host-header-spacing: var(
1176
1176
  --sky-override-page-header-spacing-xs,
1177
- var(--sky-comp-page-header-list-space-inset-xs-top)
1178
- var(--sky-comp-page-header-list-space-inset-xs-right)
1179
- var(--sky-comp-page-header-list-space-inset-xs-bottom)
1180
- var(--sky-comp-page-header-list-space-inset-xs-left)
1177
+ var(--sky-comp-layout-header-list-space-inset-xs-top)
1178
+ var(--sky-comp-layout-header-list-space-inset-xs-right)
1179
+ var(--sky-comp-layout-header-list-space-inset-xs-bottom)
1180
+ var(--sky-comp-layout-header-list-space-inset-xs-left)
1181
1181
  );
1182
1182
  }
1183
1183
  .sky-layout-host-tabs {
1184
1184
  --sky-layout-host-content-spacing: 0;
1185
1185
  --sky-layout-host-tab-content-spacing: var(
1186
1186
  --sky-override-tabset-padding-xs-breakpoint,
1187
- var(--sky-comp-page-tabset-tabs-space-inset-xs-left)
1187
+ var(--sky-comp-layout-tabset-tabs-space-inset-xs-top)
1188
+ var(--sky-comp-layout-tabset-tabs-space-inset-xs-right)
1189
+ var(--sky-comp-layout-tabset-tabs-space-inset-xs-bottom)
1190
+ var(--sky-comp-layout-tabset-tabs-space-inset-xs-left)
1188
1191
  );
1189
1192
  --sky-layout-host-links-spacing: var(
1190
1193
  --sky-override-page-content-with-links-spacing-xs,
1191
- var(--sky-comp-page-links-tabs-space-inset-xs-top)
1192
- var(--sky-comp-page-links-tabs-space-inset-xs-right)
1193
- var(--sky-comp-page-links-tabs-space-inset-xs-bottom)
1194
- var(--sky-comp-page-links-tabs-space-inset-xs-left)
1194
+ var(--sky-comp-layout-links-tabs-space-inset-xs-top)
1195
+ var(--sky-comp-layout-links-tabs-space-inset-xs-right)
1196
+ var(--sky-comp-layout-links-tabs-space-inset-xs-bottom)
1197
+ var(--sky-comp-layout-links-tabs-space-inset-xs-left)
1195
1198
  );
1196
1199
  --sky-layout-host-header-spacing: var(
1197
1200
  --sky-override-page-header-spacing-xs,
1198
- var(--sky-comp-page-header-tabs-space-inset-xs-top)
1199
- var(--sky-comp-page-header-tabs-space-inset-xs-right)
1200
- var(--sky-comp-page-header-tabs-space-inset-xs-bottom)
1201
- var(--sky-comp-page-header-tabs-space-inset-xs-left)
1201
+ var(--sky-comp-layout-header-tabs-space-inset-xs-top)
1202
+ var(--sky-comp-layout-header-tabs-space-inset-xs-right)
1203
+ var(--sky-comp-layout-header-tabs-space-inset-xs-bottom)
1204
+ var(--sky-comp-layout-header-tabs-space-inset-xs-left)
1202
1205
  );
1203
1206
  }
1204
1207
  .sky-layout-host-none {
@@ -1264,89 +1267,92 @@ body:not(.sky-theme-modern) {
1264
1267
  .sky-layout-host-blocks {
1265
1268
  --sky-layout-host-header-spacing: var(
1266
1269
  --sky-override-page-header-blocks-spacing-sm,
1267
- var(--sky-comp-page-header-blocks-space-inset-sm-top)
1268
- var(--sky-comp-page-header-blocks-space-inset-sm-right)
1269
- var(--sky-comp-page-header-blocks-space-inset-sm-bottom)
1270
- var(--sky-comp-page-header-blocks-space-inset-sm-left)
1270
+ var(--sky-comp-layout-header-blocks-space-inset-sm-top)
1271
+ var(--sky-comp-layout-header-blocks-space-inset-sm-right)
1272
+ var(--sky-comp-layout-header-blocks-space-inset-sm-bottom)
1273
+ var(--sky-comp-layout-header-blocks-space-inset-sm-left)
1271
1274
  );
1272
1275
  --sky-layout-host-content-spacing: var(
1273
1276
  --sky-override-page-content-blocks-spacing-sm,
1274
- var(--sky-comp-page-content-blocks-space-inset-sm-top)
1275
- var(--sky-comp-page-content-blocks-space-inset-sm-right)
1276
- var(--sky-comp-page-content-blocks-space-inset-sm-bottom)
1277
- var(--sky-comp-page-content-blocks-space-inset-sm-left)
1277
+ var(--sky-comp-layout-content-blocks-space-inset-sm-top)
1278
+ var(--sky-comp-layout-content-blocks-space-inset-sm-right)
1279
+ var(--sky-comp-layout-content-blocks-space-inset-sm-bottom)
1280
+ var(--sky-comp-layout-content-blocks-space-inset-sm-left)
1278
1281
  );
1279
1282
  }
1280
1283
  .sky-layout-host-blocks:has(> sky-page-content):has(> sky-page-links) {
1281
1284
  --sky-layout-host-links-spacing: var(
1282
1285
  --sky-override-page-content-with-links-spacing-sm,
1283
- var(--sky-comp-page-links-blocks-space-inset-sm-top)
1284
- var(--sky-comp-page-links-blocks-space-inset-sm-right)
1285
- var(--sky-comp-page-links-blocks-space-inset-sm-bottom)
1286
- var(--sky-comp-page-links-blocks-space-inset-sm-left)
1286
+ var(--sky-comp-layout-links-blocks-space-inset-sm-top)
1287
+ var(--sky-comp-layout-links-blocks-space-inset-sm-right)
1288
+ var(--sky-comp-layout-links-blocks-space-inset-sm-bottom)
1289
+ var(--sky-comp-layout-links-blocks-space-inset-sm-left)
1287
1290
  );
1288
1291
  }
1289
1292
  .sky-layout-host-fit {
1290
1293
  --sky-layout-host-header-spacing: var(
1291
1294
  --sky-override-page-header-fit-list-spacing-sm,
1292
- var(--sky-comp-page-header-fit-space-inset-sm-top)
1293
- var(--sky-comp-page-header-fit-space-inset-sm-right)
1294
- var(--sky-comp-page-header-fit-space-inset-sm-bottom)
1295
- var(--sky-comp-page-header-fit-space-inset-sm-left)
1295
+ var(--sky-comp-layout-header-fit-space-inset-sm-top)
1296
+ var(--sky-comp-layout-header-fit-space-inset-sm-right)
1297
+ var(--sky-comp-layout-header-fit-space-inset-sm-bottom)
1298
+ var(--sky-comp-layout-header-fit-space-inset-sm-left)
1296
1299
  );
1297
1300
  --sky-layout-host-content-spacing: var(
1298
1301
  --sky-override-page-content-fit-list-spacing-sm,
1299
- var(--sky-comp-page-content-fit-space-inset-sm-top)
1300
- var(--sky-comp-page-content-fit-space-inset-sm-right)
1301
- var(--sky-comp-page-content-fit-space-inset-sm-bottom)
1302
- var(--sky-comp-page-content-fit-space-inset-sm-left)
1302
+ var(--sky-comp-layout-content-fit-space-inset-sm-top)
1303
+ var(--sky-comp-layout-content-fit-space-inset-sm-right)
1304
+ var(--sky-comp-layout-content-fit-space-inset-sm-bottom)
1305
+ var(--sky-comp-layout-content-fit-space-inset-sm-left)
1303
1306
  );
1304
1307
  }
1305
1308
  .sky-layout-host-list {
1306
1309
  --sky-layout-host-header-spacing: var(
1307
1310
  --sky-override-page-header-fit-list-spacing-sm,
1308
- var(--sky-comp-page-header-list-space-inset-sm-top)
1309
- var(--sky-comp-page-header-list-space-inset-sm-right)
1310
- var(--sky-comp-page-header-list-space-inset-sm-bottom)
1311
- var(--sky-comp-page-header-list-space-inset-sm-left)
1311
+ var(--sky-comp-layout-header-list-space-inset-sm-top)
1312
+ var(--sky-comp-layout-header-list-space-inset-sm-right)
1313
+ var(--sky-comp-layout-header-list-space-inset-sm-bottom)
1314
+ var(--sky-comp-layout-header-list-space-inset-sm-left)
1312
1315
  );
1313
1316
  --sky-layout-host-content-spacing: var(
1314
1317
  --sky-override-page-content-fit-list-spacing-sm,
1315
- var(--sky-comp-page-content-list-space-inset-sm-top)
1316
- var(--sky-comp-page-content-list-space-inset-sm-right)
1317
- var(--sky-comp-page-content-list-space-inset-sm-bottom)
1318
- var(--sky-comp-page-content-list-space-inset-sm-left)
1318
+ var(--sky-comp-layout-content-list-space-inset-sm-top)
1319
+ var(--sky-comp-layout-content-list-space-inset-sm-right)
1320
+ var(--sky-comp-layout-content-list-space-inset-sm-bottom)
1321
+ var(--sky-comp-layout-content-list-space-inset-sm-left)
1319
1322
  );
1320
1323
  }
1321
1324
  .sky-layout-host-list:has(> sky-page-content):has(> sky-page-links) {
1322
1325
  --sky-layout-host-links-spacing: var(
1323
1326
  --sky-override-page-content-with-links-spacing-sm,
1324
- var(--sky-comp-page-links-list-space-inset-sm-top)
1325
- var(--sky-comp-page-links-list-space-inset-sm-right)
1326
- var(--sky-comp-page-links-list-space-inset-sm-bottom)
1327
- var(--sky-comp-page-links-list-space-inset-sm-left)
1327
+ var(--sky-comp-layout-links-list-space-inset-sm-top)
1328
+ var(--sky-comp-layout-links-list-space-inset-sm-right)
1329
+ var(--sky-comp-layout-links-list-space-inset-sm-bottom)
1330
+ var(--sky-comp-layout-links-list-space-inset-sm-left)
1328
1331
  );
1329
1332
  }
1330
1333
  .sky-layout-host-tabs {
1331
1334
  --sky-layout-host-header-spacing: var(
1332
1335
  --sky-override-page-header-tabs-spacing-sm,
1333
- var(--sky-comp-page-header-tabs-space-inset-sm-top)
1334
- var(--sky-comp-page-header-tabs-space-inset-sm-right)
1335
- var(--sky-comp-page-header-tabs-space-inset-sm-bottom)
1336
- var(--sky-comp-page-header-tabs-space-inset-sm-left)
1336
+ var(--sky-comp-layout-header-tabs-space-inset-sm-top)
1337
+ var(--sky-comp-layout-header-tabs-space-inset-sm-right)
1338
+ var(--sky-comp-layout-header-tabs-space-inset-sm-bottom)
1339
+ var(--sky-comp-layout-header-tabs-space-inset-sm-left)
1337
1340
  );
1338
1341
  --sky-layout-host-tab-content-spacing: var(
1339
1342
  --sky-override-page-content-tabs-spacing-sm,
1340
- var(--sky-comp-page-tabset-tabs-space-inset-sm-left)
1343
+ var(--sky-comp-layout-tabset-tabs-space-inset-sm-top)
1344
+ var(--sky-comp-layout-tabset-tabs-space-inset-sm-right)
1345
+ var(--sky-comp-layout-tabset-tabs-space-inset-sm-bottom)
1346
+ var(--sky-comp-layout-tabset-tabs-space-inset-sm-left)
1341
1347
  );
1342
1348
  }
1343
1349
  .sky-layout-host-tabs:has(> sky-page-content):has(> sky-page-links) {
1344
1350
  --sky-layout-host-links-spacing: var(
1345
1351
  --sky-override-page-content-with-links-spacing-sm,
1346
- var(--sky-comp-page-links-tabs-space-inset-sm-top)
1347
- var(--sky-comp-page-links-tabs-space-inset-sm-right)
1348
- var(--sky-comp-page-links-tabs-space-inset-sm-bottom)
1349
- var(--sky-comp-page-links-tabs-space-inset-sm-left)
1352
+ var(--sky-comp-layout-links-tabs-space-inset-sm-top)
1353
+ var(--sky-comp-layout-links-tabs-space-inset-sm-right)
1354
+ var(--sky-comp-layout-links-tabs-space-inset-sm-bottom)
1355
+ var(--sky-comp-layout-links-tabs-space-inset-sm-left)
1350
1356
  );
1351
1357
  }
1352
1358
  }
@@ -1482,17 +1488,17 @@ body:not(.sky-theme-modern) {
1482
1488
  .sky-responsive-container-lg .sky-layout-host-blocks {
1483
1489
  --sky-layout-host-header-spacing: var(
1484
1490
  --sky-override-page-header-blocks-spacing-sm,
1485
- var(--sky-comp-page-header-blocks-space-inset-sm-top)
1486
- var(--sky-comp-page-header-blocks-space-inset-sm-right)
1487
- var(--sky-comp-page-header-blocks-space-inset-sm-bottom)
1488
- var(--sky-comp-page-header-blocks-space-inset-sm-left)
1491
+ var(--sky-comp-layout-header-blocks-space-inset-sm-top)
1492
+ var(--sky-comp-layout-header-blocks-space-inset-sm-right)
1493
+ var(--sky-comp-layout-header-blocks-space-inset-sm-bottom)
1494
+ var(--sky-comp-layout-header-blocks-space-inset-sm-left)
1489
1495
  );
1490
1496
  --sky-layout-host-content-spacing: var(
1491
1497
  --sky-override-page-content-blocks-spacing-sm,
1492
- var(--sky-comp-page-content-blocks-space-inset-sm-top)
1493
- var(--sky-comp-page-content-blocks-space-inset-sm-right)
1494
- var(--sky-comp-page-content-blocks-space-inset-sm-bottom)
1495
- var(--sky-comp-page-content-blocks-space-inset-sm-left)
1498
+ var(--sky-comp-layout-content-blocks-space-inset-sm-top)
1499
+ var(--sky-comp-layout-content-blocks-space-inset-sm-right)
1500
+ var(--sky-comp-layout-content-blocks-space-inset-sm-bottom)
1501
+ var(--sky-comp-layout-content-blocks-space-inset-sm-left)
1496
1502
  );
1497
1503
  }
1498
1504
  .sky-responsive-container-sm .sky-layout-host-blocks:has(> sky-page-content):has(> sky-page-links),
@@ -1500,10 +1506,10 @@ body:not(.sky-theme-modern) {
1500
1506
  .sky-responsive-container-lg .sky-layout-host-blocks:has(> sky-page-content):has(> sky-page-links) {
1501
1507
  --sky-layout-host-links-spacing: var(
1502
1508
  --sky-override-page-content-with-links-spacing-sm,
1503
- var(--sky-comp-page-links-blocks-space-inset-sm-top)
1504
- var(--sky-comp-page-links-blocks-space-inset-sm-right)
1505
- var(--sky-comp-page-links-blocks-space-inset-sm-bottom)
1506
- var(--sky-comp-page-links-blocks-space-inset-sm-left)
1509
+ var(--sky-comp-layout-links-blocks-space-inset-sm-top)
1510
+ var(--sky-comp-layout-links-blocks-space-inset-sm-right)
1511
+ var(--sky-comp-layout-links-blocks-space-inset-sm-bottom)
1512
+ var(--sky-comp-layout-links-blocks-space-inset-sm-left)
1507
1513
  );
1508
1514
  }
1509
1515
  .sky-responsive-container-sm .sky-layout-host-fit,
@@ -1511,17 +1517,17 @@ body:not(.sky-theme-modern) {
1511
1517
  .sky-responsive-container-lg .sky-layout-host-fit {
1512
1518
  --sky-layout-host-header-spacing: var(
1513
1519
  --sky-override-page-header-fit-list-spacing-sm,
1514
- var(--sky-comp-page-header-fit-space-inset-sm-top)
1515
- var(--sky-comp-page-header-fit-space-inset-sm-right)
1516
- var(--sky-comp-page-header-fit-space-inset-sm-bottom)
1517
- var(--sky-comp-page-header-fit-space-inset-sm-left)
1520
+ var(--sky-comp-layout-header-fit-space-inset-sm-top)
1521
+ var(--sky-comp-layout-header-fit-space-inset-sm-right)
1522
+ var(--sky-comp-layout-header-fit-space-inset-sm-bottom)
1523
+ var(--sky-comp-layout-header-fit-space-inset-sm-left)
1518
1524
  );
1519
1525
  --sky-layout-host-content-spacing: var(
1520
1526
  --sky-override-page-content-fit-list-spacing-sm,
1521
- var(--sky-comp-page-content-fit-space-inset-sm-top)
1522
- var(--sky-comp-page-content-fit-space-inset-sm-right)
1523
- var(--sky-comp-page-content-fit-space-inset-sm-bottom)
1524
- var(--sky-comp-page-content-fit-space-inset-sm-left)
1527
+ var(--sky-comp-layout-content-fit-space-inset-sm-top)
1528
+ var(--sky-comp-layout-content-fit-space-inset-sm-right)
1529
+ var(--sky-comp-layout-content-fit-space-inset-sm-bottom)
1530
+ var(--sky-comp-layout-content-fit-space-inset-sm-left)
1525
1531
  );
1526
1532
  }
1527
1533
  .sky-responsive-container-sm .sky-layout-host-list,
@@ -1529,17 +1535,17 @@ body:not(.sky-theme-modern) {
1529
1535
  .sky-responsive-container-lg .sky-layout-host-list {
1530
1536
  --sky-layout-host-header-spacing: var(
1531
1537
  --sky-override-page-header-fit-list-spacing-sm,
1532
- var(--sky-comp-page-header-list-space-inset-sm-top)
1533
- var(--sky-comp-page-header-list-space-inset-sm-right)
1534
- var(--sky-comp-page-header-list-space-inset-sm-bottom)
1535
- var(--sky-comp-page-header-list-space-inset-sm-left)
1538
+ var(--sky-comp-layout-header-list-space-inset-sm-top)
1539
+ var(--sky-comp-layout-header-list-space-inset-sm-right)
1540
+ var(--sky-comp-layout-header-list-space-inset-sm-bottom)
1541
+ var(--sky-comp-layout-header-list-space-inset-sm-left)
1536
1542
  );
1537
1543
  --sky-layout-host-content-spacing: var(
1538
1544
  --sky-override-page-content-fit-list-spacing-sm,
1539
- var(--sky-comp-page-content-list-space-inset-sm-top)
1540
- var(--sky-comp-page-content-list-space-inset-sm-right)
1541
- var(--sky-comp-page-content-list-space-inset-sm-bottom)
1542
- var(--sky-comp-page-content-list-space-inset-sm-left)
1545
+ var(--sky-comp-layout-content-list-space-inset-sm-top)
1546
+ var(--sky-comp-layout-content-list-space-inset-sm-right)
1547
+ var(--sky-comp-layout-content-list-space-inset-sm-bottom)
1548
+ var(--sky-comp-layout-content-list-space-inset-sm-left)
1543
1549
  );
1544
1550
  }
1545
1551
  .sky-responsive-container-sm .sky-layout-host-list:has(> sky-page-content):has(> sky-page-links),
@@ -1547,10 +1553,10 @@ body:not(.sky-theme-modern) {
1547
1553
  .sky-responsive-container-lg .sky-layout-host-list:has(> sky-page-content):has(> sky-page-links) {
1548
1554
  --sky-layout-host-links-spacing: var(
1549
1555
  --sky-override-page-content-with-links-spacing-sm,
1550
- var(--sky-comp-page-links-list-space-inset-sm-top)
1551
- var(--sky-comp-page-links-list-space-inset-sm-right)
1552
- var(--sky-comp-page-links-list-space-inset-sm-bottom)
1553
- var(--sky-comp-page-links-list-space-inset-sm-left)
1556
+ var(--sky-comp-layout-links-list-space-inset-sm-top)
1557
+ var(--sky-comp-layout-links-list-space-inset-sm-right)
1558
+ var(--sky-comp-layout-links-list-space-inset-sm-bottom)
1559
+ var(--sky-comp-layout-links-list-space-inset-sm-left)
1554
1560
  );
1555
1561
  }
1556
1562
  .sky-responsive-container-sm .sky-layout-host-tabs,
@@ -1558,14 +1564,17 @@ body:not(.sky-theme-modern) {
1558
1564
  .sky-responsive-container-lg .sky-layout-host-tabs {
1559
1565
  --sky-layout-host-header-spacing: var(
1560
1566
  --sky-override-page-header-tabs-spacing-sm,
1561
- var(--sky-comp-page-header-tabs-space-inset-sm-top)
1562
- var(--sky-comp-page-header-tabs-space-inset-sm-right)
1563
- var(--sky-comp-page-header-tabs-space-inset-sm-bottom)
1564
- var(--sky-comp-page-header-tabs-space-inset-sm-left)
1567
+ var(--sky-comp-layout-header-tabs-space-inset-sm-top)
1568
+ var(--sky-comp-layout-header-tabs-space-inset-sm-right)
1569
+ var(--sky-comp-layout-header-tabs-space-inset-sm-bottom)
1570
+ var(--sky-comp-layout-header-tabs-space-inset-sm-left)
1565
1571
  );
1566
1572
  --sky-layout-host-tab-content-spacing: var(
1567
1573
  --sky-override-page-content-tabs-spacing-sm,
1568
- var(--sky-comp-page-tabset-tabs-space-inset-sm-left)
1574
+ var(--sky-comp-layout-tabset-tabs-space-inset-sm-top)
1575
+ var(--sky-comp-layout-tabset-tabs-space-inset-sm-right)
1576
+ var(--sky-comp-layout-tabset-tabs-space-inset-sm-bottom)
1577
+ var(--sky-comp-layout-tabset-tabs-space-inset-sm-left)
1569
1578
  );
1570
1579
  }
1571
1580
  .sky-responsive-container-sm .sky-layout-host-tabs:has(> sky-page-content):has(> sky-page-links),
@@ -1573,10 +1582,10 @@ body:not(.sky-theme-modern) {
1573
1582
  .sky-responsive-container-lg .sky-layout-host-tabs:has(> sky-page-content):has(> sky-page-links) {
1574
1583
  --sky-layout-host-links-spacing: var(
1575
1584
  --sky-override-page-content-with-links-spacing-sm,
1576
- var(--sky-comp-page-links-tabs-space-inset-sm-top)
1577
- var(--sky-comp-page-links-tabs-space-inset-sm-right)
1578
- var(--sky-comp-page-links-tabs-space-inset-sm-bottom)
1579
- var(--sky-comp-page-links-tabs-space-inset-sm-left)
1585
+ var(--sky-comp-layout-links-tabs-space-inset-sm-top)
1586
+ var(--sky-comp-layout-links-tabs-space-inset-sm-right)
1587
+ var(--sky-comp-layout-links-tabs-space-inset-sm-bottom)
1588
+ var(--sky-comp-layout-links-tabs-space-inset-sm-left)
1580
1589
  );
1581
1590
  }
1582
1591
 
package/css/themes/modern/styles.css CHANGED
@@ -151,7 +151,7 @@
151
151
  --bb-font-weight-light: 300;
152
152
  --bb-font-weight-regular: 400;
153
153
  --bb-font-weight-semibold: 600;
154
- --bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.10/assets/images/bb-logo.png");
154
+ --bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.15/assets/images/bb-logo.png");
155
155
  --bb-letter_spacing-normal: normal;
156
156
  --bb-letter_spacing-wider: 0.16px;
157
157
  --bb-line_height-300: calc(18/13);
@@ -288,13 +288,13 @@
288
288
  --sky-color-background-input-disabled: var(--bb-color-gray-700);
289
289
  --sky-color-background-nav-active: var(--bb-color-transparent);
290
290
  --sky-color-background-nav-base: var(--bb-color-transparent);
291
- --sky-color-background-nav-disabled: var(--bb-color-gray-50);
291
+ --sky-color-background-nav-disabled: var(--bb-color-gray-700);
292
292
  --sky-color-background-nav-focus: var(--bb-color-transparent);
293
293
  --sky-color-background-nav-hover: var(--bb-color-transparent);
294
294
  --sky-color-background-page: var(--bb-color-gray-1100);
295
295
  --sky-color-background-row-active: var(--bb-color-transparent);
296
296
  --sky-color-background-row-base: var(--bb-color-gray-1000);
297
- --sky-color-background-row-disabled: var(--bb-color-gray-50);
297
+ --sky-color-background-row-disabled: var(--bb-color-gray-700);
298
298
  --sky-color-background-row-focus: var(--bb-color-transparent);
299
299
  --sky-color-background-row-hover: var(--bb-color-transparent);
300
300
  --sky-color-background-scrim: var(--bb-color-scrim);
@@ -302,6 +302,8 @@
302
302
  --sky-color-background-selected-heavy: var(--bb-color-blue-600);
303
303
  --sky-color-background-selected-soft: var(--bb-color-blue-900);
304
304
  --sky-color-background-selected-success: var(--bb-color-green-900);
305
+ --sky-color-background-selected-switch-base: var(--bb-color-blue-600);
306
+ --sky-color-background-selected-switch-disabled: var(--bb-color-gray-700);
305
307
  --sky-color-background-selected-warning: var(--bb-color-yellow-900);
306
308
  --sky-color-background-tab-active: var(--bb-color-transparent);
307
309
  --sky-color-background-tab-base: var(--bb-color-transparent);
@@ -470,6 +472,7 @@
470
472
  --sky-color-background-selected-heavy: var(--bb-color-blue-600);
471
473
  --sky-color-background-selected-soft: var(--bb-color-blue-100);
472
474
  --sky-color-background-selected-success: var(--bb-color-green-300);
475
+ --sky-color-background-selected-switch-disabled: var(--bb-color-gray-50);
473
476
  --sky-color-background-selected-warning: var(--bb-color-yellow-300);
474
477
  --sky-color-background-tab-active: var(--bb-color-transparent);
475
478
  --sky-color-background-tab-base: var(--bb-color-transparent);
@@ -593,6 +596,7 @@
593
596
  --sky-elevation-none: var(--bb-shadow-blue-0);
594
597
  --sky-image-logo-primary-src: var(--bb-image-logo-primary-src);
595
598
  --sky-opacity-wait: var(--bb-opacity-600);
599
+ --sky-color-background-selected-switch-base: var(--bb-color-gradient-blue);
596
600
  --sky-elevation-action-danger-base: var(--bb-shadow-blue-50);
597
601
  --sky-elevation-action-danger-focus: var(--bb-shadow-blue-50);
598
602
  --sky-elevation-action-danger-hover: var(--bb-shadow-blue-50);
@@ -806,6 +810,102 @@
806
810
  --sky-comp-label-space-inset-left: var(--bb-size-fluid-50);
807
811
  --sky-comp-label-space-inset-right: var(--bb-size-fluid-50);
808
812
  --sky-comp-label-space-inset-top: var(--bb-size-fluid-12);
813
+ --sky-comp-layout-content-blocks-space-inset-sm-bottom: var(--bb-size-fluid-150);
814
+ --sky-comp-layout-content-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
815
+ --sky-comp-layout-content-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
816
+ --sky-comp-layout-content-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
817
+ --sky-comp-layout-content-blocks-space-inset-xs-bottom: var(--bb-size-fluid-50);
818
+ --sky-comp-layout-content-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
819
+ --sky-comp-layout-content-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
820
+ --sky-comp-layout-content-blocks-space-inset-xs-top: var(--bb-size-fluid-50);
821
+ --sky-comp-layout-content-fit-space-inset-sm-bottom: var(--bb-size-0);
822
+ --sky-comp-layout-content-fit-space-inset-sm-left: var(--bb-size-0);
823
+ --sky-comp-layout-content-fit-space-inset-sm-right: var(--bb-size-0);
824
+ --sky-comp-layout-content-fit-space-inset-sm-top: var(--bb-size-0);
825
+ --sky-comp-layout-content-fit-space-inset-xs-bottom: var(--bb-size-0);
826
+ --sky-comp-layout-content-fit-space-inset-xs-left: var(--bb-size-0);
827
+ --sky-comp-layout-content-fit-space-inset-xs-right: var(--bb-size-0);
828
+ --sky-comp-layout-content-fit-space-inset-xs-top: var(--bb-size-0);
829
+ --sky-comp-layout-content-list-space-inset-sm-bottom: var(--bb-size-0);
830
+ --sky-comp-layout-content-list-space-inset-sm-left: var(--bb-size-0);
831
+ --sky-comp-layout-content-list-space-inset-sm-right: var(--bb-size-0);
832
+ --sky-comp-layout-content-list-space-inset-sm-top: var(--bb-size-0);
833
+ --sky-comp-layout-content-list-space-inset-xs-bottom: var(--bb-size-0);
834
+ --sky-comp-layout-content-list-space-inset-xs-left: var(--bb-size-0);
835
+ --sky-comp-layout-content-list-space-inset-xs-right: var(--bb-size-0);
836
+ --sky-comp-layout-content-list-space-inset-xs-top: var(--bb-size-0);
837
+ --sky-comp-layout-content-tabs-space-inset-sm-bottom: var(--bb-size-0);
838
+ --sky-comp-layout-content-tabs-space-inset-sm-left: var(--bb-size-0);
839
+ --sky-comp-layout-content-tabs-space-inset-sm-right: var(--bb-size-0);
840
+ --sky-comp-layout-content-tabs-space-inset-sm-top: var(--bb-size-0);
841
+ --sky-comp-layout-content-tabs-space-inset-xs-bottom: var(--bb-size-0);
842
+ --sky-comp-layout-content-tabs-space-inset-xs-left: var(--bb-size-0);
843
+ --sky-comp-layout-content-tabs-space-inset-xs-right: var(--bb-size-0);
844
+ --sky-comp-layout-content-tabs-space-inset-xs-top: var(--bb-size-0);
845
+ --sky-comp-layout-header-blocks-space-inset-sm-bottom: var(--bb-size-0);
846
+ --sky-comp-layout-header-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
847
+ --sky-comp-layout-header-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
848
+ --sky-comp-layout-header-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
849
+ --sky-comp-layout-header-blocks-space-inset-xs-bottom: var(--bb-size-fluid-100);
850
+ --sky-comp-layout-header-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
851
+ --sky-comp-layout-header-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
852
+ --sky-comp-layout-header-blocks-space-inset-xs-top: var(--bb-size-fluid-100);
853
+ --sky-comp-layout-header-fit-space-inset-sm-bottom: var(--bb-size-fluid-100);
854
+ --sky-comp-layout-header-fit-space-inset-sm-left: var(--bb-size-fluid-150);
855
+ --sky-comp-layout-header-fit-space-inset-sm-right: var(--bb-size-fluid-150);
856
+ --sky-comp-layout-header-fit-space-inset-sm-top: var(--bb-size-fluid-150);
857
+ --sky-comp-layout-header-fit-space-inset-xs-bottom: var(--bb-size-fluid-100);
858
+ --sky-comp-layout-header-fit-space-inset-xs-left: var(--bb-size-fluid-50);
859
+ --sky-comp-layout-header-fit-space-inset-xs-right: var(--bb-size-fluid-50);
860
+ --sky-comp-layout-header-fit-space-inset-xs-top: var(--bb-size-fluid-100);
861
+ --sky-comp-layout-header-list-space-inset-sm-bottom: var(--bb-size-fluid-100);
862
+ --sky-comp-layout-header-list-space-inset-sm-left: var(--bb-size-fluid-150);
863
+ --sky-comp-layout-header-list-space-inset-sm-right: var(--bb-size-fluid-150);
864
+ --sky-comp-layout-header-list-space-inset-sm-top: var(--bb-size-fluid-150);
865
+ --sky-comp-layout-header-list-space-inset-xs-bottom: var(--bb-size-fluid-100);
866
+ --sky-comp-layout-header-list-space-inset-xs-left: var(--bb-size-fluid-50);
867
+ --sky-comp-layout-header-list-space-inset-xs-right: var(--bb-size-fluid-50);
868
+ --sky-comp-layout-header-list-space-inset-xs-top: var(--bb-size-fluid-100);
869
+ --sky-comp-layout-header-tabs-space-inset-sm-bottom: var(--bb-size-fluid-100);
870
+ --sky-comp-layout-header-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
871
+ --sky-comp-layout-header-tabs-space-inset-sm-right: var(--bb-size-fluid-150);
872
+ --sky-comp-layout-header-tabs-space-inset-sm-top: var(--bb-size-fluid-150);
873
+ --sky-comp-layout-header-tabs-space-inset-xs-bottom: var(--bb-size-fluid-100);
874
+ --sky-comp-layout-header-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
875
+ --sky-comp-layout-header-tabs-space-inset-xs-right: var(--bb-size-fluid-50);
876
+ --sky-comp-layout-header-tabs-space-inset-xs-top: var(--bb-size-fluid-100);
877
+ --sky-comp-layout-links-blocks-space-inset-sm-bottom: var(--bb-size-fluid-150);
878
+ --sky-comp-layout-links-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
879
+ --sky-comp-layout-links-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
880
+ --sky-comp-layout-links-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
881
+ --sky-comp-layout-links-blocks-space-inset-xs-bottom: var(--bb-size-fluid-150);
882
+ --sky-comp-layout-links-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
883
+ --sky-comp-layout-links-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
884
+ --sky-comp-layout-links-blocks-space-inset-xs-top: var(--bb-size-fluid-150);
885
+ --sky-comp-layout-links-list-space-inset-sm-bottom: var(--bb-size-fluid-150);
886
+ --sky-comp-layout-links-list-space-inset-sm-left: var(--bb-size-fluid-150);
887
+ --sky-comp-layout-links-list-space-inset-sm-right: var(--bb-size-fluid-150);
888
+ --sky-comp-layout-links-list-space-inset-sm-top: var(--bb-size-fluid-150);
889
+ --sky-comp-layout-links-list-space-inset-xs-bottom: var(--bb-size-fluid-150);
890
+ --sky-comp-layout-links-list-space-inset-xs-left: var(--bb-size-fluid-50);
891
+ --sky-comp-layout-links-list-space-inset-xs-right: var(--bb-size-fluid-50);
892
+ --sky-comp-layout-links-list-space-inset-xs-top: var(--bb-size-fluid-150);
893
+ --sky-comp-layout-links-tabs-space-inset-sm-bottom: var(--bb-size-fluid-150);
894
+ --sky-comp-layout-links-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
895
+ --sky-comp-layout-links-tabs-space-inset-sm-right: var(--bb-size-fluid-150);
896
+ --sky-comp-layout-links-tabs-space-inset-sm-top: var(--bb-size-fluid-150);
897
+ --sky-comp-layout-links-tabs-space-inset-xs-bottom: var(--bb-size-fluid-150);
898
+ --sky-comp-layout-links-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
899
+ --sky-comp-layout-links-tabs-space-inset-xs-right: var(--bb-size-fluid-50);
900
+ --sky-comp-layout-links-tabs-space-inset-xs-top: var(--bb-size-fluid-150);
901
+ --sky-comp-layout-tabset-tabs-space-inset-sm-bottom: var(--bb-size-0);
902
+ --sky-comp-layout-tabset-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
903
+ --sky-comp-layout-tabset-tabs-space-inset-sm-right: var(--bb-size-0);
904
+ --sky-comp-layout-tabset-tabs-space-inset-sm-top: var(--bb-size-0);
905
+ --sky-comp-layout-tabset-tabs-space-inset-xs-bottom: var(--bb-size-0);
906
+ --sky-comp-layout-tabset-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
907
+ --sky-comp-layout-tabset-tabs-space-inset-xs-right: var(--bb-size-0);
908
+ --sky-comp-layout-tabset-tabs-space-inset-xs-top: var(--bb-size-0);
809
909
  --sky-comp-modal-content-space-inset-bottom: var(--bb-size-fluid-150);
810
910
  --sky-comp-modal-content-space-inset-left: var(--bb-size-fluid-150);
811
911
  --sky-comp-modal-content-space-inset-right: var(--bb-size-fluid-150);
@@ -838,102 +938,6 @@
838
938
  --sky-comp-navbar_item-space-inset-left: var(--bb-size-fluid-50);
839
939
  --sky-comp-navbar_item-space-inset-right: var(--bb-size-fluid-50);
840
940
  --sky-comp-navbar_item-space-inset-top: var(--bb-size-fluid-75);
841
- --sky-comp-page-content-blocks-space-inset-sm-bottom: var(--bb-size-fluid-150);
842
- --sky-comp-page-content-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
843
- --sky-comp-page-content-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
844
- --sky-comp-page-content-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
845
- --sky-comp-page-content-blocks-space-inset-xs-bottom: var(--bb-size-fluid-50);
846
- --sky-comp-page-content-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
847
- --sky-comp-page-content-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
848
- --sky-comp-page-content-blocks-space-inset-xs-top: var(--bb-size-fluid-50);
849
- --sky-comp-page-content-fit-space-inset-sm-bottom: var(--bb-size-0);
850
- --sky-comp-page-content-fit-space-inset-sm-left: var(--bb-size-0);
851
- --sky-comp-page-content-fit-space-inset-sm-right: var(--bb-size-0);
852
- --sky-comp-page-content-fit-space-inset-sm-top: var(--bb-size-0);
853
- --sky-comp-page-content-fit-space-inset-xs-bottom: var(--bb-size-0);
854
- --sky-comp-page-content-fit-space-inset-xs-left: var(--bb-size-0);
855
- --sky-comp-page-content-fit-space-inset-xs-right: var(--bb-size-0);
856
- --sky-comp-page-content-fit-space-inset-xs-top: var(--bb-size-0);
857
- --sky-comp-page-content-list-space-inset-sm-bottom: var(--bb-size-0);
858
- --sky-comp-page-content-list-space-inset-sm-left: var(--bb-size-0);
859
- --sky-comp-page-content-list-space-inset-sm-right: var(--bb-size-0);
860
- --sky-comp-page-content-list-space-inset-sm-top: var(--bb-size-0);
861
- --sky-comp-page-content-list-space-inset-xs-bottom: var(--bb-size-0);
862
- --sky-comp-page-content-list-space-inset-xs-left: var(--bb-size-0);
863
- --sky-comp-page-content-list-space-inset-xs-right: var(--bb-size-0);
864
- --sky-comp-page-content-list-space-inset-xs-top: var(--bb-size-0);
865
- --sky-comp-page-content-tabs-space-inset-sm-bottom: var(--bb-size-0);
866
- --sky-comp-page-content-tabs-space-inset-sm-left: var(--bb-size-0);
867
- --sky-comp-page-content-tabs-space-inset-sm-right: var(--bb-size-0);
868
- --sky-comp-page-content-tabs-space-inset-sm-top: var(--bb-size-0);
869
- --sky-comp-page-content-tabs-space-inset-xs-bottom: var(--bb-size-0);
870
- --sky-comp-page-content-tabs-space-inset-xs-left: var(--bb-size-0);
871
- --sky-comp-page-content-tabs-space-inset-xs-right: var(--bb-size-0);
872
- --sky-comp-page-content-tabs-space-inset-xs-top: var(--bb-size-0);
873
- --sky-comp-page-header-blocks-space-inset-sm-bottom: var(--bb-size-0);
874
- --sky-comp-page-header-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
875
- --sky-comp-page-header-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
876
- --sky-comp-page-header-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
877
- --sky-comp-page-header-blocks-space-inset-xs-bottom: var(--bb-size-fluid-100);
878
- --sky-comp-page-header-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
879
- --sky-comp-page-header-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
880
- --sky-comp-page-header-blocks-space-inset-xs-top: var(--bb-size-fluid-100);
881
- --sky-comp-page-header-fit-space-inset-sm-bottom: var(--bb-size-fluid-100);
882
- --sky-comp-page-header-fit-space-inset-sm-left: var(--bb-size-fluid-150);
883
- --sky-comp-page-header-fit-space-inset-sm-right: var(--bb-size-fluid-150);
884
- --sky-comp-page-header-fit-space-inset-sm-top: var(--bb-size-fluid-150);
885
- --sky-comp-page-header-fit-space-inset-xs-bottom: var(--bb-size-fluid-100);
886
- --sky-comp-page-header-fit-space-inset-xs-left: var(--bb-size-fluid-50);
887
- --sky-comp-page-header-fit-space-inset-xs-right: var(--bb-size-fluid-50);
888
- --sky-comp-page-header-fit-space-inset-xs-top: var(--bb-size-fluid-100);
889
- --sky-comp-page-header-list-space-inset-sm-bottom: var(--bb-size-fluid-100);
890
- --sky-comp-page-header-list-space-inset-sm-left: var(--bb-size-fluid-150);
891
- --sky-comp-page-header-list-space-inset-sm-right: var(--bb-size-fluid-150);
892
- --sky-comp-page-header-list-space-inset-sm-top: var(--bb-size-fluid-150);
893
- --sky-comp-page-header-list-space-inset-xs-bottom: var(--bb-size-fluid-100);
894
- --sky-comp-page-header-list-space-inset-xs-left: var(--bb-size-fluid-50);
895
- --sky-comp-page-header-list-space-inset-xs-right: var(--bb-size-fluid-50);
896
- --sky-comp-page-header-list-space-inset-xs-top: var(--bb-size-fluid-100);
897
- --sky-comp-page-header-tabs-space-inset-sm-bottom: var(--bb-size-fluid-100);
898
- --sky-comp-page-header-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
899
- --sky-comp-page-header-tabs-space-inset-sm-right: var(--bb-size-fluid-150);
900
- --sky-comp-page-header-tabs-space-inset-sm-top: var(--bb-size-fluid-150);
901
- --sky-comp-page-header-tabs-space-inset-xs-bottom: var(--bb-size-fluid-100);
902
- --sky-comp-page-header-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
903
- --sky-comp-page-header-tabs-space-inset-xs-right: var(--bb-size-fluid-50);
904
- --sky-comp-page-header-tabs-space-inset-xs-top: var(--bb-size-fluid-100);
905
- --sky-comp-page-links-blocks-space-inset-sm-bottom: var(--bb-size-fluid-150);
906
- --sky-comp-page-links-blocks-space-inset-sm-left: var(--bb-size-fluid-150);
907
- --sky-comp-page-links-blocks-space-inset-sm-right: var(--bb-size-fluid-150);
908
- --sky-comp-page-links-blocks-space-inset-sm-top: var(--bb-size-fluid-150);
909
- --sky-comp-page-links-blocks-space-inset-xs-bottom: var(--bb-size-fluid-150);
910
- --sky-comp-page-links-blocks-space-inset-xs-left: var(--bb-size-fluid-50);
911
- --sky-comp-page-links-blocks-space-inset-xs-right: var(--bb-size-fluid-50);
912
- --sky-comp-page-links-blocks-space-inset-xs-top: var(--bb-size-fluid-150);
913
- --sky-comp-page-links-list-space-inset-sm-bottom: var(--bb-size-fluid-150);
914
- --sky-comp-page-links-list-space-inset-sm-left: var(--bb-size-fluid-150);
915
- --sky-comp-page-links-list-space-inset-sm-right: var(--bb-size-fluid-150);
916
- --sky-comp-page-links-list-space-inset-sm-top: var(--bb-size-fluid-150);
917
- --sky-comp-page-links-list-space-inset-xs-bottom: var(--bb-size-fluid-150);
918
- --sky-comp-page-links-list-space-inset-xs-left: var(--bb-size-fluid-50);
919
- --sky-comp-page-links-list-space-inset-xs-right: var(--bb-size-fluid-50);
920
- --sky-comp-page-links-list-space-inset-xs-top: var(--bb-size-fluid-150);
921
- --sky-comp-page-links-tabs-space-inset-sm-bottom: var(--bb-size-fluid-150);
922
- --sky-comp-page-links-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
923
- --sky-comp-page-links-tabs-space-inset-sm-right: var(--bb-size-fluid-150);
924
- --sky-comp-page-links-tabs-space-inset-sm-top: var(--bb-size-fluid-150);
925
- --sky-comp-page-links-tabs-space-inset-xs-bottom: var(--bb-size-fluid-150);
926
- --sky-comp-page-links-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
927
- --sky-comp-page-links-tabs-space-inset-xs-right: var(--bb-size-fluid-50);
928
- --sky-comp-page-links-tabs-space-inset-xs-top: var(--bb-size-fluid-150);
929
- --sky-comp-page-tabset-tabs-space-inset-sm-bottom: var(--bb-size-0);
930
- --sky-comp-page-tabset-tabs-space-inset-sm-left: var(--bb-size-fluid-150);
931
- --sky-comp-page-tabset-tabs-space-inset-sm-right: var(--bb-size-0);
932
- --sky-comp-page-tabset-tabs-space-inset-sm-top: var(--bb-size-0);
933
- --sky-comp-page-tabset-tabs-space-inset-xs-bottom: var(--bb-size-0);
934
- --sky-comp-page-tabset-tabs-space-inset-xs-left: var(--bb-size-fluid-50);
935
- --sky-comp-page-tabset-tabs-space-inset-xs-right: var(--bb-size-0);
936
- --sky-comp-page-tabset-tabs-space-inset-xs-top: var(--bb-size-0);
937
941
  --sky-comp-paging_button-space-inset-bottom: var(--bb-size-fluid-25);
938
942
  --sky-comp-paging_button-space-inset-left: var(--bb-size-fluid-50);
939
943
  --sky-comp-paging_button-space-inset-right: var(--bb-size-fluid-50);
@@ -982,14 +986,14 @@
982
986
  --sky-comp-selection_box-expanded-space-inset-left: var(--bb-size-fluid-150);
983
987
  --sky-comp-selection_box-expanded-space-inset-right: var(--bb-size-fluid-150);
984
988
  --sky-comp-selection_box-expanded-space-inset-top: var(--bb-size-fluid-150);
985
- --sky-comp-split_view-drawer-space-inset-sm-bottom: var(--bb-size-fluid-75);
986
- --sky-comp-split_view-drawer-space-inset-sm-left: var(--bb-size-fluid-75);
987
- --sky-comp-split_view-drawer-space-inset-sm-right: var(--bb-size-0);
988
- --sky-comp-split_view-drawer-space-inset-sm-top: var(--bb-size-fluid-75);
989
- --sky-comp-split_view-drawer-space-inset-xs-bottom: var(--bb-size-fluid-50);
990
- --sky-comp-split_view-drawer-space-inset-xs-left: var(--bb-size-fluid-50);
991
- --sky-comp-split_view-drawer-space-inset-xs-right: var(--bb-size-0);
992
- --sky-comp-split_view-drawer-space-inset-xs-top: var(--bb-size-fluid-50);
989
+ --sky-comp-split_view-drawer-repeater-space-offset-sm-bottom: var(--bb-size-fluid-75);
990
+ --sky-comp-split_view-drawer-repeater-space-offset-sm-left: var(--bb-size-fluid-75);
991
+ --sky-comp-split_view-drawer-repeater-space-offset-sm-right: var(--bb-size-0);
992
+ --sky-comp-split_view-drawer-repeater-space-offset-sm-top: var(--bb-size-fluid-75);
993
+ --sky-comp-split_view-drawer-repeater-space-offset-xs-bottom: var(--bb-size-fluid-50);
994
+ --sky-comp-split_view-drawer-repeater-space-offset-xs-left: var(--bb-size-fluid-50);
995
+ --sky-comp-split_view-drawer-repeater-space-offset-xs-right: var(--bb-size-0);
996
+ --sky-comp-split_view-drawer-repeater-space-offset-xs-top: var(--bb-size-fluid-50);
993
997
  --sky-comp-split_view-footer-space-inset-bottom: var(--bb-size-fluid-50);
994
998
  --sky-comp-split_view-footer-space-inset-left: var(--bb-size-fluid-50);
995
999
  --sky-comp-split_view-footer-space-inset-right: var(--bb-size-fluid-50);
@@ -1079,8 +1083,8 @@
1079
1083
  --sky-comp-token-space-inset-right: var(--bb-size-fluid-25);
1080
1084
  --sky-comp-token-space-inset-top: var(--bb-size-fluid-6);
1081
1085
  --sky-comp-toolbar-space-inset-bottom: var(--bb-size-fluid-50);
1082
- --sky-comp-toolbar-space-inset-left: var(--bb-size-0);
1083
- --sky-comp-toolbar-space-inset-right: var(--bb-size-0);
1086
+ --sky-comp-toolbar-space-inset-left: var(--bb-size-fluid-50);
1087
+ --sky-comp-toolbar-space-inset-right: var(--bb-size-fluid-50);
1084
1088
  --sky-comp-toolbar-space-inset-top: var(--bb-size-fluid-50);
1085
1089
  --sky-comp-tree-child-space-inset-bottom: var(--bb-size-0);
1086
1090
  --sky-comp-tree-child-space-inset-left: var(--bb-size-fluid-150);
@@ -1267,6 +1271,7 @@
1267
1271
  --sky-space-stacked-xl: var(--bb-size-fluid-150);
1268
1272
  --sky-space-stacked-xs: var(--bb-size-fluid-25);
1269
1273
  --sky-space-stacked-xxl: var(--bb-size-fluid-300);
1274
+ --sky-comp-checkbox-border-radius: var(--sky-border-radius-s);
1270
1275
  --sky-font-family-primary: var(--bb-font-blkb_sans-family);
1271
1276
  --sky-space-inset-switch: calc(var(--sky-size-switch) + var(--sky-space-gap-label-s));
1272
1277
  --sky-type-body-l: var(--sky-font-style-body-l) var(--sky-font-size-body-l)/var(--sky-font-line_height-body-l) var(--sky-font-family-primary);
@@ -1362,7 +1367,7 @@
1362
1367
  --modern-font-weight-light: 300;
1363
1368
  --modern-font-weight-regular: 400;
1364
1369
  --modern-font-weight-semibold: 600;
1365
- --modern-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.10/assets/images/bb-logo.png");
1370
+ --modern-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.15/assets/images/bb-logo.png");
1366
1371
  --modern-letter_spacing-normal: normal;
1367
1372
  --modern-line_height-110: 1.1;
1368
1373
  --modern-line_height-115: 1.15;
@@ -1484,6 +1489,8 @@
1484
1489
  --sky-color-background-selected-heavy: var(--modern-color-blue-05);
1485
1490
  --sky-color-background-selected-soft: var(--modern-color-blue-05);
1486
1491
  --sky-color-background-selected-success: var(--modern-color-green-30);
1492
+ --sky-color-background-selected-switch-base: var(--modern-color-blue-05);
1493
+ --sky-color-background-selected-switch-disabled: var(--modern-color-gray-07);
1487
1494
  --sky-color-background-selected-warning: var(--modern-color-yellow-30);
1488
1495
  --sky-color-background-tab-active: var(--modern-color-transparent);
1489
1496
  --sky-color-background-tab-base: var(--modern-color-transparent);
@@ -1820,6 +1827,102 @@
1820
1827
  --sky-comp-label-space-inset-left: var(--modern-size-15);
1821
1828
  --sky-comp-label-space-inset-right: var(--modern-size-15);
1822
1829
  --sky-comp-label-space-inset-top: var(--modern-size-4);
1830
+ --sky-comp-layout-content-blocks-space-inset-sm-bottom: var(--modern-space-xl);
1831
+ --sky-comp-layout-content-blocks-space-inset-sm-left: var(--modern-space-xl);
1832
+ --sky-comp-layout-content-blocks-space-inset-sm-right: var(--modern-space-xl);
1833
+ --sky-comp-layout-content-blocks-space-inset-sm-top: var(--modern-space-xl);
1834
+ --sky-comp-layout-content-blocks-space-inset-xs-bottom: var(--modern-space-s);
1835
+ --sky-comp-layout-content-blocks-space-inset-xs-left: var(--modern-space-s);
1836
+ --sky-comp-layout-content-blocks-space-inset-xs-right: var(--modern-space-s);
1837
+ --sky-comp-layout-content-blocks-space-inset-xs-top: var(--modern-space-s);
1838
+ --sky-comp-layout-content-fit-space-inset-sm-bottom: var(--modern-size-0);
1839
+ --sky-comp-layout-content-fit-space-inset-sm-left: var(--modern-space-xl);
1840
+ --sky-comp-layout-content-fit-space-inset-sm-right: var(--modern-space-xl);
1841
+ --sky-comp-layout-content-fit-space-inset-sm-top: var(--modern-size-0);
1842
+ --sky-comp-layout-content-fit-space-inset-xs-bottom: var(--modern-size-0);
1843
+ --sky-comp-layout-content-fit-space-inset-xs-left: var(--modern-space-s);
1844
+ --sky-comp-layout-content-fit-space-inset-xs-right: var(--modern-space-s);
1845
+ --sky-comp-layout-content-fit-space-inset-xs-top: var(--modern-size-0);
1846
+ --sky-comp-layout-content-list-space-inset-sm-bottom: var(--modern-size-0);
1847
+ --sky-comp-layout-content-list-space-inset-sm-left: var(--modern-space-xl);
1848
+ --sky-comp-layout-content-list-space-inset-sm-right: var(--modern-space-xl);
1849
+ --sky-comp-layout-content-list-space-inset-sm-top: var(--modern-size-0);
1850
+ --sky-comp-layout-content-list-space-inset-xs-bottom: var(--modern-size-0);
1851
+ --sky-comp-layout-content-list-space-inset-xs-left: var(--modern-space-s);
1852
+ --sky-comp-layout-content-list-space-inset-xs-right: var(--modern-space-s);
1853
+ --sky-comp-layout-content-list-space-inset-xs-top: var(--modern-size-0);
1854
+ --sky-comp-layout-content-tabs-space-inset-sm-bottom: var(--modern-size-0);
1855
+ --sky-comp-layout-content-tabs-space-inset-sm-left: var(--modern-size-0);
1856
+ --sky-comp-layout-content-tabs-space-inset-sm-right: var(--modern-size-0);
1857
+ --sky-comp-layout-content-tabs-space-inset-sm-top: var(--modern-size-0);
1858
+ --sky-comp-layout-content-tabs-space-inset-xs-bottom: var(--modern-size-0);
1859
+ --sky-comp-layout-content-tabs-space-inset-xs-left: var(--modern-size-0);
1860
+ --sky-comp-layout-content-tabs-space-inset-xs-right: var(--modern-size-0);
1861
+ --sky-comp-layout-content-tabs-space-inset-xs-top: var(--modern-size-0);
1862
+ --sky-comp-layout-header-blocks-space-inset-sm-bottom: var(--modern-size-0);
1863
+ --sky-comp-layout-header-blocks-space-inset-sm-left: var(--modern-space-xl);
1864
+ --sky-comp-layout-header-blocks-space-inset-sm-right: var(--modern-space-xl);
1865
+ --sky-comp-layout-header-blocks-space-inset-sm-top: var(--modern-space-xl);
1866
+ --sky-comp-layout-header-blocks-space-inset-xs-bottom: var(--modern-space-lg);
1867
+ --sky-comp-layout-header-blocks-space-inset-xs-left: var(--modern-space-s);
1868
+ --sky-comp-layout-header-blocks-space-inset-xs-right: var(--modern-space-s);
1869
+ --sky-comp-layout-header-blocks-space-inset-xs-top: var(--modern-space-lg);
1870
+ --sky-comp-layout-header-fit-space-inset-sm-bottom: var(--modern-space-lg);
1871
+ --sky-comp-layout-header-fit-space-inset-sm-left: var(--modern-space-xl);
1872
+ --sky-comp-layout-header-fit-space-inset-sm-right: var(--modern-space-xl);
1873
+ --sky-comp-layout-header-fit-space-inset-sm-top: var(--modern-space-xl);
1874
+ --sky-comp-layout-header-fit-space-inset-xs-bottom: var(--modern-space-lg);
1875
+ --sky-comp-layout-header-fit-space-inset-xs-left: var(--modern-space-s);
1876
+ --sky-comp-layout-header-fit-space-inset-xs-right: var(--modern-space-s);
1877
+ --sky-comp-layout-header-fit-space-inset-xs-top: var(--modern-space-lg);
1878
+ --sky-comp-layout-header-list-space-inset-sm-bottom: var(--modern-space-lg);
1879
+ --sky-comp-layout-header-list-space-inset-sm-left: var(--modern-space-xl);
1880
+ --sky-comp-layout-header-list-space-inset-sm-right: var(--modern-space-xl);
1881
+ --sky-comp-layout-header-list-space-inset-sm-top: var(--modern-space-xl);
1882
+ --sky-comp-layout-header-list-space-inset-xs-bottom: var(--modern-space-lg);
1883
+ --sky-comp-layout-header-list-space-inset-xs-left: var(--modern-space-s);
1884
+ --sky-comp-layout-header-list-space-inset-xs-right: var(--modern-space-s);
1885
+ --sky-comp-layout-header-list-space-inset-xs-top: var(--modern-space-lg);
1886
+ --sky-comp-layout-header-tabs-space-inset-sm-bottom: var(--modern-space-lg);
1887
+ --sky-comp-layout-header-tabs-space-inset-sm-left: var(--modern-space-xl);
1888
+ --sky-comp-layout-header-tabs-space-inset-sm-right: var(--modern-space-xl);
1889
+ --sky-comp-layout-header-tabs-space-inset-sm-top: var(--modern-space-xl);
1890
+ --sky-comp-layout-header-tabs-space-inset-xs-bottom: var(--modern-space-lg);
1891
+ --sky-comp-layout-header-tabs-space-inset-xs-left: var(--modern-space-s);
1892
+ --sky-comp-layout-header-tabs-space-inset-xs-right: var(--modern-space-s);
1893
+ --sky-comp-layout-header-tabs-space-inset-xs-top: var(--modern-space-lg);
1894
+ --sky-comp-layout-links-blocks-space-inset-sm-bottom: var(--modern-space-xl);
1895
+ --sky-comp-layout-links-blocks-space-inset-sm-left: var(--modern-space-xl);
1896
+ --sky-comp-layout-links-blocks-space-inset-sm-right: var(--modern-space-xl);
1897
+ --sky-comp-layout-links-blocks-space-inset-sm-top: var(--modern-space-xl);
1898
+ --sky-comp-layout-links-blocks-space-inset-xs-bottom: var(--modern-space-xl);
1899
+ --sky-comp-layout-links-blocks-space-inset-xs-left: var(--modern-space-s);
1900
+ --sky-comp-layout-links-blocks-space-inset-xs-right: var(--modern-space-s);
1901
+ --sky-comp-layout-links-blocks-space-inset-xs-top: var(--modern-space-xl);
1902
+ --sky-comp-layout-links-list-space-inset-sm-bottom: var(--modern-space-xl);
1903
+ --sky-comp-layout-links-list-space-inset-sm-left: var(--modern-space-xl);
1904
+ --sky-comp-layout-links-list-space-inset-sm-right: var(--modern-space-xl);
1905
+ --sky-comp-layout-links-list-space-inset-sm-top: var(--modern-space-xl);
1906
+ --sky-comp-layout-links-list-space-inset-xs-bottom: var(--modern-space-xl);
1907
+ --sky-comp-layout-links-list-space-inset-xs-left: var(--modern-space-s);
1908
+ --sky-comp-layout-links-list-space-inset-xs-right: var(--modern-space-s);
1909
+ --sky-comp-layout-links-list-space-inset-xs-top: var(--modern-space-xl);
1910
+ --sky-comp-layout-links-tabs-space-inset-sm-bottom: var(--modern-space-xl);
1911
+ --sky-comp-layout-links-tabs-space-inset-sm-left: var(--modern-space-xl);
1912
+ --sky-comp-layout-links-tabs-space-inset-sm-right: var(--modern-space-xl);
1913
+ --sky-comp-layout-links-tabs-space-inset-sm-top: var(--modern-space-xl);
1914
+ --sky-comp-layout-links-tabs-space-inset-xs-bottom: var(--modern-space-xl);
1915
+ --sky-comp-layout-links-tabs-space-inset-xs-left: var(--modern-space-s);
1916
+ --sky-comp-layout-links-tabs-space-inset-xs-right: var(--modern-space-s);
1917
+ --sky-comp-layout-links-tabs-space-inset-xs-top: var(--modern-space-xl);
1918
+ --sky-comp-layout-tabset-tabs-space-inset-sm-bottom: var(--modern-size-0);
1919
+ --sky-comp-layout-tabset-tabs-space-inset-sm-left: var(--modern-space-xl);
1920
+ --sky-comp-layout-tabset-tabs-space-inset-sm-right: var(--modern-size-0);
1921
+ --sky-comp-layout-tabset-tabs-space-inset-sm-top: var(--modern-size-0);
1922
+ --sky-comp-layout-tabset-tabs-space-inset-xs-bottom: var(--modern-size-0);
1923
+ --sky-comp-layout-tabset-tabs-space-inset-xs-left: var(--modern-space-md);
1924
+ --sky-comp-layout-tabset-tabs-space-inset-xs-right: var(--modern-size-0);
1925
+ --sky-comp-layout-tabset-tabs-space-inset-xs-top: var(--modern-size-0);
1823
1926
  --sky-comp-modal-content-space-inset-bottom: var(--modern-space-xl);
1824
1927
  --sky-comp-modal-content-space-inset-left: var(--modern-space-xl);
1825
1928
  --sky-comp-modal-content-space-inset-right: var(--modern-space-xl);
@@ -1852,102 +1955,6 @@
1852
1955
  --sky-comp-navbar_item-space-inset-left: var(--modern-space-s);
1853
1956
  --sky-comp-navbar_item-space-inset-right: var(--modern-space-s);
1854
1957
  --sky-comp-navbar_item-space-inset-top: var(--modern-space-md);
1855
- --sky-comp-page-content-blocks-space-inset-sm-bottom: var(--modern-space-xl);
1856
- --sky-comp-page-content-blocks-space-inset-sm-left: var(--modern-space-xl);
1857
- --sky-comp-page-content-blocks-space-inset-sm-right: var(--modern-space-xl);
1858
- --sky-comp-page-content-blocks-space-inset-sm-top: var(--modern-space-xl);
1859
- --sky-comp-page-content-blocks-space-inset-xs-bottom: var(--modern-space-s);
1860
- --sky-comp-page-content-blocks-space-inset-xs-left: var(--modern-space-s);
1861
- --sky-comp-page-content-blocks-space-inset-xs-right: var(--modern-space-s);
1862
- --sky-comp-page-content-blocks-space-inset-xs-top: var(--modern-space-s);
1863
- --sky-comp-page-content-fit-space-inset-sm-bottom: var(--modern-size-0);
1864
- --sky-comp-page-content-fit-space-inset-sm-left: var(--modern-space-xl);
1865
- --sky-comp-page-content-fit-space-inset-sm-right: var(--modern-space-xl);
1866
- --sky-comp-page-content-fit-space-inset-sm-top: var(--modern-size-0);
1867
- --sky-comp-page-content-fit-space-inset-xs-bottom: var(--modern-size-0);
1868
- --sky-comp-page-content-fit-space-inset-xs-left: var(--modern-space-s);
1869
- --sky-comp-page-content-fit-space-inset-xs-right: var(--modern-space-s);
1870
- --sky-comp-page-content-fit-space-inset-xs-top: var(--modern-size-0);
1871
- --sky-comp-page-content-list-space-inset-sm-bottom: var(--modern-size-0);
1872
- --sky-comp-page-content-list-space-inset-sm-left: var(--modern-space-xl);
1873
- --sky-comp-page-content-list-space-inset-sm-right: var(--modern-space-xl);
1874
- --sky-comp-page-content-list-space-inset-sm-top: var(--modern-size-0);
1875
- --sky-comp-page-content-list-space-inset-xs-bottom: var(--modern-size-0);
1876
- --sky-comp-page-content-list-space-inset-xs-left: var(--modern-space-s);
1877
- --sky-comp-page-content-list-space-inset-xs-right: var(--modern-space-s);
1878
- --sky-comp-page-content-list-space-inset-xs-top: var(--modern-size-0);
1879
- --sky-comp-page-content-tabs-space-inset-sm-bottom: var(--modern-size-0);
1880
- --sky-comp-page-content-tabs-space-inset-sm-left: var(--modern-size-0);
1881
- --sky-comp-page-content-tabs-space-inset-sm-right: var(--modern-size-0);
1882
- --sky-comp-page-content-tabs-space-inset-sm-top: var(--modern-size-0);
1883
- --sky-comp-page-content-tabs-space-inset-xs-bottom: var(--modern-size-0);
1884
- --sky-comp-page-content-tabs-space-inset-xs-left: var(--modern-size-0);
1885
- --sky-comp-page-content-tabs-space-inset-xs-right: var(--modern-size-0);
1886
- --sky-comp-page-content-tabs-space-inset-xs-top: var(--modern-size-0);
1887
- --sky-comp-page-header-blocks-space-inset-sm-bottom: var(--modern-size-0);
1888
- --sky-comp-page-header-blocks-space-inset-sm-left: var(--modern-space-xl);
1889
- --sky-comp-page-header-blocks-space-inset-sm-right: var(--modern-space-xl);
1890
- --sky-comp-page-header-blocks-space-inset-sm-top: var(--modern-space-xl);
1891
- --sky-comp-page-header-blocks-space-inset-xs-bottom: var(--modern-space-lg);
1892
- --sky-comp-page-header-blocks-space-inset-xs-left: var(--modern-space-s);
1893
- --sky-comp-page-header-blocks-space-inset-xs-right: var(--modern-space-s);
1894
- --sky-comp-page-header-blocks-space-inset-xs-top: var(--modern-space-lg);
1895
- --sky-comp-page-header-fit-space-inset-sm-bottom: var(--modern-space-lg);
1896
- --sky-comp-page-header-fit-space-inset-sm-left: var(--modern-space-xl);
1897
- --sky-comp-page-header-fit-space-inset-sm-right: var(--modern-space-xl);
1898
- --sky-comp-page-header-fit-space-inset-sm-top: var(--modern-space-xl);
1899
- --sky-comp-page-header-fit-space-inset-xs-bottom: var(--modern-space-lg);
1900
- --sky-comp-page-header-fit-space-inset-xs-left: var(--modern-space-s);
1901
- --sky-comp-page-header-fit-space-inset-xs-right: var(--modern-space-s);
1902
- --sky-comp-page-header-fit-space-inset-xs-top: var(--modern-space-lg);
1903
- --sky-comp-page-header-list-space-inset-sm-bottom: var(--modern-space-lg);
1904
- --sky-comp-page-header-list-space-inset-sm-left: var(--modern-space-xl);
1905
- --sky-comp-page-header-list-space-inset-sm-right: var(--modern-space-xl);
1906
- --sky-comp-page-header-list-space-inset-sm-top: var(--modern-space-xl);
1907
- --sky-comp-page-header-list-space-inset-xs-bottom: var(--modern-space-lg);
1908
- --sky-comp-page-header-list-space-inset-xs-left: var(--modern-space-s);
1909
- --sky-comp-page-header-list-space-inset-xs-right: var(--modern-space-s);
1910
- --sky-comp-page-header-list-space-inset-xs-top: var(--modern-space-lg);
1911
- --sky-comp-page-header-tabs-space-inset-sm-bottom: var(--modern-space-lg);
1912
- --sky-comp-page-header-tabs-space-inset-sm-left: var(--modern-space-xl);
1913
- --sky-comp-page-header-tabs-space-inset-sm-right: var(--modern-space-xl);
1914
- --sky-comp-page-header-tabs-space-inset-sm-top: var(--modern-space-xl);
1915
- --sky-comp-page-header-tabs-space-inset-xs-bottom: var(--modern-space-lg);
1916
- --sky-comp-page-header-tabs-space-inset-xs-left: var(--modern-space-s);
1917
- --sky-comp-page-header-tabs-space-inset-xs-right: var(--modern-space-s);
1918
- --sky-comp-page-header-tabs-space-inset-xs-top: var(--modern-space-lg);
1919
- --sky-comp-page-links-blocks-space-inset-sm-bottom: var(--modern-space-xl);
1920
- --sky-comp-page-links-blocks-space-inset-sm-left: var(--modern-space-xl);
1921
- --sky-comp-page-links-blocks-space-inset-sm-right: var(--modern-space-xl);
1922
- --sky-comp-page-links-blocks-space-inset-sm-top: var(--modern-space-xl);
1923
- --sky-comp-page-links-blocks-space-inset-xs-bottom: var(--modern-space-xl);
1924
- --sky-comp-page-links-blocks-space-inset-xs-left: var(--modern-space-s);
1925
- --sky-comp-page-links-blocks-space-inset-xs-right: var(--modern-space-s);
1926
- --sky-comp-page-links-blocks-space-inset-xs-top: var(--modern-space-xl);
1927
- --sky-comp-page-links-list-space-inset-sm-bottom: var(--modern-space-xl);
1928
- --sky-comp-page-links-list-space-inset-sm-left: var(--modern-space-xl);
1929
- --sky-comp-page-links-list-space-inset-sm-right: var(--modern-space-xl);
1930
- --sky-comp-page-links-list-space-inset-sm-top: var(--modern-space-xl);
1931
- --sky-comp-page-links-list-space-inset-xs-bottom: var(--modern-space-xl);
1932
- --sky-comp-page-links-list-space-inset-xs-left: var(--modern-space-s);
1933
- --sky-comp-page-links-list-space-inset-xs-right: var(--modern-space-s);
1934
- --sky-comp-page-links-list-space-inset-xs-top: var(--modern-space-xl);
1935
- --sky-comp-page-links-tabs-space-inset-sm-bottom: var(--modern-space-xl);
1936
- --sky-comp-page-links-tabs-space-inset-sm-left: var(--modern-space-xl);
1937
- --sky-comp-page-links-tabs-space-inset-sm-right: var(--modern-space-xl);
1938
- --sky-comp-page-links-tabs-space-inset-sm-top: var(--modern-space-xl);
1939
- --sky-comp-page-links-tabs-space-inset-xs-bottom: var(--modern-space-xl);
1940
- --sky-comp-page-links-tabs-space-inset-xs-left: var(--modern-space-s);
1941
- --sky-comp-page-links-tabs-space-inset-xs-right: var(--modern-space-s);
1942
- --sky-comp-page-links-tabs-space-inset-xs-top: var(--modern-space-xl);
1943
- --sky-comp-page-tabset-tabs-space-inset-sm-bottom: var(--modern-size-0);
1944
- --sky-comp-page-tabset-tabs-space-inset-sm-left: var(--modern-space-xl);
1945
- --sky-comp-page-tabset-tabs-space-inset-sm-right: var(--modern-size-0);
1946
- --sky-comp-page-tabset-tabs-space-inset-sm-top: var(--modern-size-0);
1947
- --sky-comp-page-tabset-tabs-space-inset-xs-bottom: var(--modern-size-0);
1948
- --sky-comp-page-tabset-tabs-space-inset-xs-left: var(--modern-space-md);
1949
- --sky-comp-page-tabset-tabs-space-inset-xs-right: var(--modern-size-0);
1950
- --sky-comp-page-tabset-tabs-space-inset-xs-top: var(--modern-size-0);
1951
1958
  --sky-comp-paging_button-space-inset-bottom: var(--modern-size-4);
1952
1959
  --sky-comp-paging_button-space-inset-left: var(--modern-size-15);
1953
1960
  --sky-comp-paging_button-space-inset-right: var(--modern-size-15);
@@ -1996,14 +2003,14 @@
1996
2003
  --sky-comp-selection_box-expanded-space-inset-left: var(--modern-space-xl);
1997
2004
  --sky-comp-selection_box-expanded-space-inset-right: var(--modern-space-xl);
1998
2005
  --sky-comp-selection_box-expanded-space-inset-top: var(--modern-space-xl);
1999
- --sky-comp-split_view-drawer-space-inset-sm-bottom: var(--modern-size-0);
2000
- --sky-comp-split_view-drawer-space-inset-sm-left: var(--modern-size-0);
2001
- --sky-comp-split_view-drawer-space-inset-sm-right: var(--modern-size-0);
2002
- --sky-comp-split_view-drawer-space-inset-sm-top: var(--modern-size-0);
2003
- --sky-comp-split_view-drawer-space-inset-xs-bottom: var(--modern-size-0);
2004
- --sky-comp-split_view-drawer-space-inset-xs-left: var(--modern-size-0);
2005
- --sky-comp-split_view-drawer-space-inset-xs-right: var(--modern-size-0);
2006
- --sky-comp-split_view-drawer-space-inset-xs-top: var(--modern-size-0);
2006
+ --sky-comp-split_view-drawer-repeater-space-offset-sm-bottom: var(--modern-size-0);
2007
+ --sky-comp-split_view-drawer-repeater-space-offset-sm-left: var(--modern-size-0);
2008
+ --sky-comp-split_view-drawer-repeater-space-offset-sm-right: var(--modern-size-0);
2009
+ --sky-comp-split_view-drawer-repeater-space-offset-sm-top: var(--modern-size-0);
2010
+ --sky-comp-split_view-drawer-repeater-space-offset-xs-bottom: var(--modern-size-0);
2011
+ --sky-comp-split_view-drawer-repeater-space-offset-xs-left: var(--modern-size-0);
2012
+ --sky-comp-split_view-drawer-repeater-space-offset-xs-right: var(--modern-size-0);
2013
+ --sky-comp-split_view-drawer-repeater-space-offset-xs-top: var(--modern-size-0);
2007
2014
  --sky-comp-split_view-footer-space-inset-bottom: var(--modern-space-s);
2008
2015
  --sky-comp-split_view-footer-space-inset-left: var(--modern-space-s);
2009
2016
  --sky-comp-split_view-footer-space-inset-right: var(--modern-space-s);
@@ -2281,6 +2288,7 @@
2281
2288
  --sky-space-stacked-xl: var(--modern-space-xl);
2282
2289
  --sky-space-stacked-xs: var(--modern-space-xs);
2283
2290
  --sky-space-stacked-xxl: var(--modern-space-xxl);
2291
+ --sky-comp-checkbox-border-radius: var(--sky-border-radius-s);
2284
2292
  --sky-font-family-primary: var(--modern-font-blkb_sans-family);
2285
2293
  --sky-space-inset-switch: calc(var(--sky-size-switch) + var(--sky-space-gap-label-s));
2286
2294
  }
@@ -3137,8 +3145,10 @@
3137
3145
  opacity: 1;
3138
3146
  }
3139
3147
  .sky-theme-modern select {
3140
- background: var(--sky-color-background-input-base) var(--sky-override-select-icon-image, url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMC41MzAzIDIuNzE5NjdDMTAuMjM3NCAyLjQyNjc4IDkuNzYyNTYgMi40MjY3OCA5LjQ2OTY3IDIuNzE5NjdMNS4yMTk2NyA2Ljk2OTY3QzQuOTI2NzggNy4yNjI1NiA0LjkyNjc4IDcuNzM3NDQgNS4yMTk2NyA4LjAzMDMzQzUuNTEyNTYgOC4zMjMyMiA1Ljk4NzQ0IDguMzIzMjIgNi4yODAzMyA4LjAzMDMzTDEwIDQuMzEwNjZMMTMuNzE5NyA4LjAzMDMzQzE0LjAxMjYgOC4zMjMyMiAxNC40ODc0IDguMzIzMjIgMTQuNzgwMyA4LjAzMDMzQzE1LjA3MzIgNy43Mzc0NCAxNS4wNzMyIDcuMjYyNTYgMTQuNzgwMyA2Ljk2OTY3TDEwLjUzMDMgMi43MTk2N1pNMTQuNzgwMyAxMy4wMzAzTDEwLjUzMDMgMTcuMjgwM0MxMC4yMzc0IDE3LjU3MzIgOS43NjI1NiAxNy41NzMyIDkuNDY5NjcgMTcuMjgwM0w1LjIxOTY3IDEzLjAzMDNDNC45MjY3OCAxMi43Mzc0IDQuOTI2NzggMTIuMjYyNiA1LjIxOTY3IDExLjk2OTdDNS41MTI1NiAxMS42NzY4IDUuOTg3NDQgMTEuNjc2OCA2LjI4MDMzIDExLjk2OTdMMTAgMTUuNjg5M0wxMy43MTk3IDExLjk2OTdDMTQuMDEyNiAxMS42NzY4IDE0LjQ4NzQgMTEuNjc2OCAxNC43ODAzIDExLjk2OTdDMTUuMDczMiAxMi4yNjI2IDE1LjA3MzIgMTIuNzM3NCAxNC43ODAzIDEzLjAzMDNaIiBmaWxsPSIjMmI2YmQ1Ii8+DQo8L3N2Zz4NCg==)) no-repeat right 50%;
3141
- background-size: var(--sky-override-select-icon-size, var(--sky-input-box-button-width) var(--sky-size-icon-m));
3148
+ background: var(--sky-color-background-input-base) var(--sky-override-select-icon-image, url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik0xMC41MzAzIDIuNzE5NjdDMTAuMjM3NCAyLjQyNjc4IDkuNzYyNTYgMi40MjY3OCA5LjQ2OTY3IDIuNzE5NjdMNS4yMTk2NyA2Ljk2OTY3QzQuOTI2NzggNy4yNjI1NiA0LjkyNjc4IDcuNzM3NDQgNS4yMTk2NyA4LjAzMDMzQzUuNTEyNTYgOC4zMjMyMiA1Ljk4NzQ0IDguMzIzMjIgNi4yODAzMyA4LjAzMDMzTDEwIDQuMzEwNjZMMTMuNzE5NyA4LjAzMDMzQzE0LjAxMjYgOC4zMjMyMiAxNC40ODc0IDguMzIzMjIgMTQuNzgwMyA4LjAzMDMzQzE1LjA3MzIgNy43Mzc0NCAxNS4wNzMyIDcuMjYyNTYgMTQuNzgwMyA2Ljk2OTY3TDEwLjUzMDMgMi43MTk2N1pNMTQuNzgwMyAxMy4wMzAzTDEwLjUzMDMgMTcuMjgwM0MxMC4yMzc0IDE3LjU3MzIgOS43NjI1NiAxNy41NzMyIDkuNDY5NjcgMTcuMjgwM0w1LjIxOTY3IDEzLjAzMDNDNC45MjY3OCAxMi43Mzc0IDQuOTI2NzggMTIuMjYyNiA1LjIxOTY3IDExLjk2OTdDNS41MTI1NiAxMS42NzY4IDUuOTg3NDQgMTEuNjc2OCA2LjI4MDMzIDExLjk2OTdMMTAgMTUuNjg5M0wxMy43MTk3IDExLjk2OTdDMTQuMDEyNiAxMS42NzY4IDE0LjQ4NzQgMTEuNjc2OCAxNC43ODAzIDExLjk2OTdDMTUuMDczMiAxMi4yNjI2IDE1LjA3MzIgMTIuNzM3NCAxNC43ODAzIDEzLjAzMDNaIiBmaWxsPSIjMmI2YmQ1Ii8+DQo8L3N2Zz4NCg==)) no-repeat right/var(--sky-override-select-icon-size, var(--sky-input-box-button-width) var(--sky-size-icon-m));
3149
+ }
3150
+ .sky-theme-modern select:disabled {
3151
+ background: var(--sky-color-background-input-base) var(--sky-override-select-icon-image, url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjUzMDMgMi43MTk2N0MxMC4yMzc0IDIuNDI2NzggOS43NjI1NiAyLjQyNjc4IDkuNDY5NjcgMi43MTk2N0w1LjIxOTY3IDYuOTY5NjdDNC45MjY3OCA3LjI2MjU2IDQuOTI2NzggNy43Mzc0NCA1LjIxOTY3IDguMDMwMzNDNS41MTI1NiA4LjMyMzIyIDUuOTg3NDQgOC4zMjMyMiA2LjI4MDMzIDguMDMwMzNMMTAgNC4zMTA2NkwxMy43MTk3IDguMDMwMzNDMTQuMDEyNiA4LjMyMzIyIDE0LjQ4NzQgOC4zMjMyMiAxNC43ODAzIDguMDMwMzNDMTUuMDczMiA3LjczNzQ0IDE1LjA3MzIgNy4yNjI1NiAxNC43ODAzIDYuOTY5NjdMMTAuNTMwMyAyLjcxOTY3Wk0xNC43ODAzIDEzLjAzMDNMMTAuNTMwMyAxNy4yODAzQzEwLjIzNzQgMTcuNTczMiA5Ljc2MjU2IDE3LjU3MzIgOS40Njk2NyAxNy4yODAzTDUuMjE5NjcgMTMuMDMwM0M0LjkyNjc4IDEyLjczNzQgNC45MjY3OCAxMi4yNjI2IDUuMjE5NjcgMTEuOTY5N0M1LjUxMjU2IDExLjY3NjggNS45ODc0NCAxMS42NzY4IDYuMjgwMzMgMTEuOTY5N0wxMCAxNS42ODkzTDEzLjcxOTcgMTEuOTY5N0MxNC4wMTI2IDExLjY3NjggMTQuNDg3NCAxMS42NzY4IDE0Ljc4MDMgMTEuOTY5N0MxNS4wNzMyIDEyLjI2MjYgMTUuMDczMiAxMi43Mzc0IDE0Ljc4MDMgMTMuMDMwM1oiIGZpbGw9IiM2NjZiNzAiLz4KPC9zdmc+)) no-repeat right/var(--sky-override-select-icon-size, var(--sky-input-box-button-width) var(--sky-size-icon-m));
3142
3152
  }
3143
3153
 
3144
3154
  .sky-theme-modern:not(.sky-theme-brand-base) {
@@ -3199,7 +3209,7 @@
3199
3209
  border-color: var(--sky-color-border-switch-error);
3200
3210
  }
3201
3211
  .sky-theme-modern .sky-switch .sky-switch-input:checked:not(:disabled) + .sky-switch-control, .sky-theme-modern .sky-switch .sky-switch-input[type=checkbox]:indeterminate:not(:disabled) + .sky-switch-control {
3202
- background-color: var(--sky-color-background-selected-heavy);
3212
+ background: var(--sky-color-background-selected-switch-base);
3203
3213
  border-width: var(--sky-border-width-selected-s);
3204
3214
  border-color: var(--sky-override-switch-border-color-checked, var(--sky-color-border-switch-selected-base));
3205
3215
  }
@@ -3207,7 +3217,7 @@
3207
3217
  color: var(--sky-override-switch-checked-color, var(--sky-color-icon-inverse));
3208
3218
  }
3209
3219
  .sky-theme-modern .sky-switch .sky-switch-input:checked:not(:disabled) + .sky-switch-control.sky-switch-control-icon, .sky-theme-modern .sky-switch .sky-switch-input[type=checkbox]:indeterminate:not(:disabled) + .sky-switch-control.sky-switch-control-icon {
3210
- background-color: var(--sky-color-background-selected-soft);
3220
+ background: var(--sky-color-background-selected-soft);
3211
3221
  color: var(--sky-override-switch-icon-checked-color-no-group, var(--sky-color-icon-selected));
3212
3222
  border-color: var(--sky-color-border-selected);
3213
3223
  }
@@ -3240,7 +3250,7 @@
3240
3250
  border-color: var(--sky-color-border-switch-selected-disabled);
3241
3251
  }
3242
3252
  .sky-theme-modern .sky-switch .sky-switch-input:disabled + .sky-switch-control {
3243
- background-color: var(--sky-color-background-input-disabled);
3253
+ background-color: var(--sky-color-background-selected-switch-disabled);
3244
3254
  border-width: var(--sky-border-width-input-disabled);
3245
3255
  border-color: var(--sky-color-border-switch-disabled);
3246
3256
  box-shadow: var(--sky-override-switch-box-shadow-disabled, var(--sky-elevation-input-disabled));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/theme",
3
- "version": "12.31.0",
3
+ "version": "12.32.0",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "keywords": [
6
6
  "blackbaud",
@@ -20,7 +20,7 @@
20
20
  "@angular/core": "^19.2.14"
21
21
  },
22
22
  "dependencies": {
23
- "@blackbaud/skyux-design-tokens": "2.0.0-alpha.10",
23
+ "@blackbaud/skyux-design-tokens": "2.0.0-alpha.15",
24
24
  "@skyux/icons": "9.0.0",
25
25
  "fontfaceobserver": "2.3.0",
26
26
  "tslib": "^2.8.1"