@omnia/fx 8.0.174-dev → 8.0.175-dev

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 (20) hide show
  1. package/internal-do-not-import-from-here/core/services/ServiceLocator.d.ts +1 -0
  2. package/internal-do-not-import-from-here/manifests/omnia.fx.ux.libs.manifest.json +1 -1
  3. package/internal-do-not-import-from-here/services/FileStorageService.d.ts +5 -1
  4. package/internal-do-not-import-from-here/ux/aurora/components/colorpickerV2/ColorPicker.d.ts +45 -24
  5. package/internal-do-not-import-from-here/ux/aurora/store/SpacingBlueprintStore.d.ts +341 -0
  6. package/internal-do-not-import-from-here/ux/aurora/store/TypographyBlueprintStore.d.ts +341 -0
  7. package/internal-do-not-import-from-here/ux/oxide/btn/Button.d.ts +9 -9
  8. package/internal-do-not-import-from-here/ux/oxide/icon/Icon.d.ts +9 -9
  9. package/internal-do-not-import-from-here/ux/oxide/inputfield/InputField.d.ts +1 -1
  10. package/internal-do-not-import-from-here/ux/oxide/slidepanel/SlidePanel.d.ts +2 -2
  11. package/internal-do-not-import-from-here/ux/velcron/blocks/velcron/useVelcronStateManager.d.ts +4 -1
  12. package/internal-do-not-import-from-here/ux/velcron/core/models/Effects.d.ts +324 -0
  13. package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronDefinitions.d.ts +1 -3
  14. package/internal-do-not-import-from-here/ux/velcron/core/models/VelcronState.d.ts +15 -23
  15. package/internal-do-not-import-from-here/ux/velcron/core/models/index.d.ts +1 -0
  16. package/internal-do-not-import-from-here/ux/velcron/core/templatebuilder/VelcronEditorBuilder.d.ts +3 -1
  17. package/internal-do-not-import-from-here/ux/velcron/core/templatebuilder/old/state/VelcronColorSchemaBuilder.d.ts +2 -2
  18. package/internal-do-not-import-from-here/ux/velcron/renderer/editors/BlueprintEditor.d.ts +1 -22
  19. package/internal-do-not-import-from-here/ux/velcron/stores/useVelcronStateManager.d.ts +4 -1
  20. package/package.json +2 -2
package/internal-do-not-import-from-here/ux/aurora/store/SpacingBlueprintStore.d.ts CHANGED
@@ -669,11 +669,13 @@ export declare const useSpacingBlueprintStore: () => {
669
669
  colorType: "base" | "onBase" | "container" | "onContainer";
670
670
  toned?: boolean;
671
671
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
672
+ opacity?: number;
672
673
  } | {
673
674
  color: string | {
674
675
  colorType: "base" | "onBase" | "container" | "onContainer";
675
676
  toned?: boolean;
676
677
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
678
+ opacity?: number;
677
679
  };
678
680
  stop?: number;
679
681
  })[];
@@ -685,11 +687,13 @@ export declare const useSpacingBlueprintStore: () => {
685
687
  colorType: "base" | "onBase" | "container" | "onContainer";
686
688
  toned?: boolean;
687
689
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
690
+ opacity?: number;
688
691
  } | {
689
692
  color: string | {
690
693
  colorType: "base" | "onBase" | "container" | "onContainer";
691
694
  toned?: boolean;
692
695
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
696
+ opacity?: number;
693
697
  };
694
698
  stop?: number;
695
699
  })[];
@@ -701,11 +705,13 @@ export declare const useSpacingBlueprintStore: () => {
701
705
  colorType: "base" | "onBase" | "container" | "onContainer";
702
706
  toned?: boolean;
703
707
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
708
+ opacity?: number;
704
709
  } | {
705
710
  color: string | {
706
711
  colorType: "base" | "onBase" | "container" | "onContainer";
707
712
  toned?: boolean;
708
713
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
714
+ opacity?: number;
709
715
  };
710
716
  stop?: number;
711
717
  })[];
@@ -1029,11 +1035,13 @@ export declare const useSpacingBlueprintStore: () => {
1029
1035
  colorType: "base" | "onBase" | "container" | "onContainer";
1030
1036
  toned?: boolean;
1031
1037
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1038
+ opacity?: number;
1032
1039
  } | {
1033
1040
  color: string | {
1034
1041
  colorType: "base" | "onBase" | "container" | "onContainer";
1035
1042
  toned?: boolean;
1036
1043
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1044
+ opacity?: number;
1037
1045
  };
1038
1046
  stop?: number;
1039
1047
  })[];
@@ -1043,6 +1051,7 @@ export declare const useSpacingBlueprintStore: () => {
1043
1051
  colorType: "base" | "onBase" | "container" | "onContainer";
1044
1052
  toned?: boolean;
1045
1053
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1054
+ opacity?: number;
1046
1055
  };
1047
1056
  border?: {
1048
1057
  radius?: {
@@ -1062,6 +1071,7 @@ export declare const useSpacingBlueprintStore: () => {
1062
1071
  colorType: "base" | "onBase" | "container" | "onContainer";
1063
1072
  toned?: boolean;
1064
1073
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1074
+ opacity?: number;
1065
1075
  } | {
1066
1076
  color: string | any;
1067
1077
  stop?: number;
@@ -1083,11 +1093,13 @@ export declare const useSpacingBlueprintStore: () => {
1083
1093
  colorType: "base" | "onBase" | "container" | "onContainer";
1084
1094
  toned?: boolean;
1085
1095
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1096
+ opacity?: number;
1086
1097
  } | {
1087
1098
  color: string | {
1088
1099
  colorType: "base" | "onBase" | "container" | "onContainer";
1089
1100
  toned?: boolean;
1090
1101
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1102
+ opacity?: number;
1091
1103
  };
1092
1104
  stop?: number;
1093
1105
  })[];
@@ -1097,6 +1109,7 @@ export declare const useSpacingBlueprintStore: () => {
1097
1109
  colorType: "base" | "onBase" | "container" | "onContainer";
1098
1110
  toned?: boolean;
1099
1111
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1112
+ opacity?: number;
1100
1113
  };
1101
1114
  typography?: {
1102
1115
  decoration?: string;
@@ -1126,11 +1139,13 @@ export declare const useSpacingBlueprintStore: () => {
1126
1139
  colorType: "base" | "onBase" | "container" | "onContainer";
1127
1140
  toned?: boolean;
1128
1141
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1142
+ opacity?: number;
1129
1143
  } | {
1130
1144
  color: string | {
1131
1145
  colorType: "base" | "onBase" | "container" | "onContainer";
1132
1146
  toned?: boolean;
1133
1147
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1148
+ opacity?: number;
1134
1149
  };
1135
1150
  stop?: number;
1136
1151
  })[];
@@ -1140,6 +1155,7 @@ export declare const useSpacingBlueprintStore: () => {
1140
1155
  colorType: "base" | "onBase" | "container" | "onContainer";
1141
1156
  toned?: boolean;
1142
1157
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1158
+ opacity?: number;
1143
1159
  };
1144
1160
  size?: number;
1145
1161
  };
@@ -1157,11 +1173,13 @@ export declare const useSpacingBlueprintStore: () => {
1157
1173
  colorType: "base" | "onBase" | "container" | "onContainer";
1158
1174
  toned?: boolean;
1159
1175
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1176
+ opacity?: number;
1160
1177
  } | {
1161
1178
  color: string | {
1162
1179
  colorType: "base" | "onBase" | "container" | "onContainer";
1163
1180
  toned?: boolean;
1164
1181
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1182
+ opacity?: number;
1165
1183
  };
1166
1184
  stop?: number;
1167
1185
  })[];
@@ -1171,6 +1189,7 @@ export declare const useSpacingBlueprintStore: () => {
1171
1189
  colorType: "base" | "onBase" | "container" | "onContainer";
1172
1190
  toned?: boolean;
1173
1191
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1192
+ opacity?: number;
1174
1193
  };
1175
1194
  border?: {
1176
1195
  radius?: {
@@ -1190,6 +1209,7 @@ export declare const useSpacingBlueprintStore: () => {
1190
1209
  colorType: "base" | "onBase" | "container" | "onContainer";
1191
1210
  toned?: boolean;
1192
1211
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1212
+ opacity?: number;
1193
1213
  } | {
1194
1214
  color: string | any;
1195
1215
  stop?: number;
@@ -1211,11 +1231,13 @@ export declare const useSpacingBlueprintStore: () => {
1211
1231
  colorType: "base" | "onBase" | "container" | "onContainer";
1212
1232
  toned?: boolean;
1213
1233
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1234
+ opacity?: number;
1214
1235
  } | {
1215
1236
  color: string | {
1216
1237
  colorType: "base" | "onBase" | "container" | "onContainer";
1217
1238
  toned?: boolean;
1218
1239
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1240
+ opacity?: number;
1219
1241
  };
1220
1242
  stop?: number;
1221
1243
  })[];
@@ -1225,6 +1247,7 @@ export declare const useSpacingBlueprintStore: () => {
1225
1247
  colorType: "base" | "onBase" | "container" | "onContainer";
1226
1248
  toned?: boolean;
1227
1249
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1250
+ opacity?: number;
1228
1251
  };
1229
1252
  typography?: {
1230
1253
  decoration?: string;
@@ -1254,11 +1277,13 @@ export declare const useSpacingBlueprintStore: () => {
1254
1277
  colorType: "base" | "onBase" | "container" | "onContainer";
1255
1278
  toned?: boolean;
1256
1279
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1280
+ opacity?: number;
1257
1281
  } | {
1258
1282
  color: string | {
1259
1283
  colorType: "base" | "onBase" | "container" | "onContainer";
1260
1284
  toned?: boolean;
1261
1285
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1286
+ opacity?: number;
1262
1287
  };
1263
1288
  stop?: number;
1264
1289
  })[];
@@ -1268,6 +1293,7 @@ export declare const useSpacingBlueprintStore: () => {
1268
1293
  colorType: "base" | "onBase" | "container" | "onContainer";
1269
1294
  toned?: boolean;
1270
1295
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1296
+ opacity?: number;
1271
1297
  };
1272
1298
  size?: number;
1273
1299
  };
@@ -1285,11 +1311,13 @@ export declare const useSpacingBlueprintStore: () => {
1285
1311
  colorType: "base" | "onBase" | "container" | "onContainer";
1286
1312
  toned?: boolean;
1287
1313
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1314
+ opacity?: number;
1288
1315
  } | {
1289
1316
  color: string | {
1290
1317
  colorType: "base" | "onBase" | "container" | "onContainer";
1291
1318
  toned?: boolean;
1292
1319
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1320
+ opacity?: number;
1293
1321
  };
1294
1322
  stop?: number;
1295
1323
  })[];
@@ -1299,6 +1327,7 @@ export declare const useSpacingBlueprintStore: () => {
1299
1327
  colorType: "base" | "onBase" | "container" | "onContainer";
1300
1328
  toned?: boolean;
1301
1329
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1330
+ opacity?: number;
1302
1331
  };
1303
1332
  border?: {
1304
1333
  radius?: {
@@ -1318,6 +1347,7 @@ export declare const useSpacingBlueprintStore: () => {
1318
1347
  colorType: "base" | "onBase" | "container" | "onContainer";
1319
1348
  toned?: boolean;
1320
1349
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1350
+ opacity?: number;
1321
1351
  } | {
1322
1352
  color: string | any;
1323
1353
  stop?: number;
@@ -1339,11 +1369,13 @@ export declare const useSpacingBlueprintStore: () => {
1339
1369
  colorType: "base" | "onBase" | "container" | "onContainer";
1340
1370
  toned?: boolean;
1341
1371
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1372
+ opacity?: number;
1342
1373
  } | {
1343
1374
  color: string | {
1344
1375
  colorType: "base" | "onBase" | "container" | "onContainer";
1345
1376
  toned?: boolean;
1346
1377
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1378
+ opacity?: number;
1347
1379
  };
1348
1380
  stop?: number;
1349
1381
  })[];
@@ -1353,6 +1385,7 @@ export declare const useSpacingBlueprintStore: () => {
1353
1385
  colorType: "base" | "onBase" | "container" | "onContainer";
1354
1386
  toned?: boolean;
1355
1387
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1388
+ opacity?: number;
1356
1389
  };
1357
1390
  typography?: {
1358
1391
  decoration?: string;
@@ -1382,11 +1415,13 @@ export declare const useSpacingBlueprintStore: () => {
1382
1415
  colorType: "base" | "onBase" | "container" | "onContainer";
1383
1416
  toned?: boolean;
1384
1417
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1418
+ opacity?: number;
1385
1419
  } | {
1386
1420
  color: string | {
1387
1421
  colorType: "base" | "onBase" | "container" | "onContainer";
1388
1422
  toned?: boolean;
1389
1423
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1424
+ opacity?: number;
1390
1425
  };
1391
1426
  stop?: number;
1392
1427
  })[];
@@ -1396,6 +1431,7 @@ export declare const useSpacingBlueprintStore: () => {
1396
1431
  colorType: "base" | "onBase" | "container" | "onContainer";
1397
1432
  toned?: boolean;
1398
1433
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1434
+ opacity?: number;
1399
1435
  };
1400
1436
  size?: number;
1401
1437
  };
@@ -1413,11 +1449,13 @@ export declare const useSpacingBlueprintStore: () => {
1413
1449
  colorType: "base" | "onBase" | "container" | "onContainer";
1414
1450
  toned?: boolean;
1415
1451
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1452
+ opacity?: number;
1416
1453
  } | {
1417
1454
  color: string | {
1418
1455
  colorType: "base" | "onBase" | "container" | "onContainer";
1419
1456
  toned?: boolean;
1420
1457
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1458
+ opacity?: number;
1421
1459
  };
1422
1460
  stop?: number;
1423
1461
  })[];
@@ -1427,6 +1465,7 @@ export declare const useSpacingBlueprintStore: () => {
1427
1465
  colorType: "base" | "onBase" | "container" | "onContainer";
1428
1466
  toned?: boolean;
1429
1467
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1468
+ opacity?: number;
1430
1469
  };
1431
1470
  border?: {
1432
1471
  radius?: {
@@ -1446,6 +1485,7 @@ export declare const useSpacingBlueprintStore: () => {
1446
1485
  colorType: "base" | "onBase" | "container" | "onContainer";
1447
1486
  toned?: boolean;
1448
1487
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1488
+ opacity?: number;
1449
1489
  } | {
1450
1490
  color: string | any;
1451
1491
  stop?: number;
@@ -1467,11 +1507,13 @@ export declare const useSpacingBlueprintStore: () => {
1467
1507
  colorType: "base" | "onBase" | "container" | "onContainer";
1468
1508
  toned?: boolean;
1469
1509
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1510
+ opacity?: number;
1470
1511
  } | {
1471
1512
  color: string | {
1472
1513
  colorType: "base" | "onBase" | "container" | "onContainer";
1473
1514
  toned?: boolean;
1474
1515
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1516
+ opacity?: number;
1475
1517
  };
1476
1518
  stop?: number;
1477
1519
  })[];
@@ -1481,6 +1523,7 @@ export declare const useSpacingBlueprintStore: () => {
1481
1523
  colorType: "base" | "onBase" | "container" | "onContainer";
1482
1524
  toned?: boolean;
1483
1525
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1526
+ opacity?: number;
1484
1527
  };
1485
1528
  typography?: {
1486
1529
  decoration?: string;
@@ -1510,11 +1553,13 @@ export declare const useSpacingBlueprintStore: () => {
1510
1553
  colorType: "base" | "onBase" | "container" | "onContainer";
1511
1554
  toned?: boolean;
1512
1555
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1556
+ opacity?: number;
1513
1557
  } | {
1514
1558
  color: string | {
1515
1559
  colorType: "base" | "onBase" | "container" | "onContainer";
1516
1560
  toned?: boolean;
1517
1561
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1562
+ opacity?: number;
1518
1563
  };
1519
1564
  stop?: number;
1520
1565
  })[];
@@ -1524,6 +1569,7 @@ export declare const useSpacingBlueprintStore: () => {
1524
1569
  colorType: "base" | "onBase" | "container" | "onContainer";
1525
1570
  toned?: boolean;
1526
1571
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1572
+ opacity?: number;
1527
1573
  };
1528
1574
  size?: number;
1529
1575
  };
@@ -1541,11 +1587,13 @@ export declare const useSpacingBlueprintStore: () => {
1541
1587
  colorType: "base" | "onBase" | "container" | "onContainer";
1542
1588
  toned?: boolean;
1543
1589
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1590
+ opacity?: number;
1544
1591
  } | {
1545
1592
  color: string | {
1546
1593
  colorType: "base" | "onBase" | "container" | "onContainer";
1547
1594
  toned?: boolean;
1548
1595
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1596
+ opacity?: number;
1549
1597
  };
1550
1598
  stop?: number;
1551
1599
  })[];
@@ -1555,6 +1603,7 @@ export declare const useSpacingBlueprintStore: () => {
1555
1603
  colorType: "base" | "onBase" | "container" | "onContainer";
1556
1604
  toned?: boolean;
1557
1605
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1606
+ opacity?: number;
1558
1607
  };
1559
1608
  border?: {
1560
1609
  radius?: {
@@ -1574,6 +1623,7 @@ export declare const useSpacingBlueprintStore: () => {
1574
1623
  colorType: "base" | "onBase" | "container" | "onContainer";
1575
1624
  toned?: boolean;
1576
1625
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1626
+ opacity?: number;
1577
1627
  } | {
1578
1628
  color: string | any;
1579
1629
  stop?: number;
@@ -1595,11 +1645,13 @@ export declare const useSpacingBlueprintStore: () => {
1595
1645
  colorType: "base" | "onBase" | "container" | "onContainer";
1596
1646
  toned?: boolean;
1597
1647
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1648
+ opacity?: number;
1598
1649
  } | {
1599
1650
  color: string | {
1600
1651
  colorType: "base" | "onBase" | "container" | "onContainer";
1601
1652
  toned?: boolean;
1602
1653
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1654
+ opacity?: number;
1603
1655
  };
1604
1656
  stop?: number;
1605
1657
  })[];
@@ -1609,6 +1661,7 @@ export declare const useSpacingBlueprintStore: () => {
1609
1661
  colorType: "base" | "onBase" | "container" | "onContainer";
1610
1662
  toned?: boolean;
1611
1663
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1664
+ opacity?: number;
1612
1665
  };
1613
1666
  typography?: {
1614
1667
  decoration?: string;
@@ -1638,11 +1691,13 @@ export declare const useSpacingBlueprintStore: () => {
1638
1691
  colorType: "base" | "onBase" | "container" | "onContainer";
1639
1692
  toned?: boolean;
1640
1693
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1694
+ opacity?: number;
1641
1695
  } | {
1642
1696
  color: string | {
1643
1697
  colorType: "base" | "onBase" | "container" | "onContainer";
1644
1698
  toned?: boolean;
1645
1699
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1700
+ opacity?: number;
1646
1701
  };
1647
1702
  stop?: number;
1648
1703
  })[];
@@ -1652,6 +1707,7 @@ export declare const useSpacingBlueprintStore: () => {
1652
1707
  colorType: "base" | "onBase" | "container" | "onContainer";
1653
1708
  toned?: boolean;
1654
1709
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1710
+ opacity?: number;
1655
1711
  };
1656
1712
  size?: number;
1657
1713
  };
@@ -1669,11 +1725,13 @@ export declare const useSpacingBlueprintStore: () => {
1669
1725
  colorType: "base" | "onBase" | "container" | "onContainer";
1670
1726
  toned?: boolean;
1671
1727
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1728
+ opacity?: number;
1672
1729
  } | {
1673
1730
  color: string | {
1674
1731
  colorType: "base" | "onBase" | "container" | "onContainer";
1675
1732
  toned?: boolean;
1676
1733
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1734
+ opacity?: number;
1677
1735
  };
1678
1736
  stop?: number;
1679
1737
  })[];
@@ -1683,6 +1741,7 @@ export declare const useSpacingBlueprintStore: () => {
1683
1741
  colorType: "base" | "onBase" | "container" | "onContainer";
1684
1742
  toned?: boolean;
1685
1743
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1744
+ opacity?: number;
1686
1745
  };
1687
1746
  border?: {
1688
1747
  radius?: {
@@ -1702,6 +1761,7 @@ export declare const useSpacingBlueprintStore: () => {
1702
1761
  colorType: "base" | "onBase" | "container" | "onContainer";
1703
1762
  toned?: boolean;
1704
1763
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1764
+ opacity?: number;
1705
1765
  } | {
1706
1766
  color: string | any;
1707
1767
  stop?: number;
@@ -1723,11 +1783,13 @@ export declare const useSpacingBlueprintStore: () => {
1723
1783
  colorType: "base" | "onBase" | "container" | "onContainer";
1724
1784
  toned?: boolean;
1725
1785
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1786
+ opacity?: number;
1726
1787
  } | {
1727
1788
  color: string | {
1728
1789
  colorType: "base" | "onBase" | "container" | "onContainer";
1729
1790
  toned?: boolean;
1730
1791
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1792
+ opacity?: number;
1731
1793
  };
1732
1794
  stop?: number;
1733
1795
  })[];
@@ -1737,6 +1799,7 @@ export declare const useSpacingBlueprintStore: () => {
1737
1799
  colorType: "base" | "onBase" | "container" | "onContainer";
1738
1800
  toned?: boolean;
1739
1801
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1802
+ opacity?: number;
1740
1803
  };
1741
1804
  typography?: {
1742
1805
  decoration?: string;
@@ -1766,11 +1829,13 @@ export declare const useSpacingBlueprintStore: () => {
1766
1829
  colorType: "base" | "onBase" | "container" | "onContainer";
1767
1830
  toned?: boolean;
1768
1831
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1832
+ opacity?: number;
1769
1833
  } | {
1770
1834
  color: string | {
1771
1835
  colorType: "base" | "onBase" | "container" | "onContainer";
1772
1836
  toned?: boolean;
1773
1837
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1838
+ opacity?: number;
1774
1839
  };
1775
1840
  stop?: number;
1776
1841
  })[];
@@ -1780,6 +1845,7 @@ export declare const useSpacingBlueprintStore: () => {
1780
1845
  colorType: "base" | "onBase" | "container" | "onContainer";
1781
1846
  toned?: boolean;
1782
1847
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1848
+ opacity?: number;
1783
1849
  };
1784
1850
  size?: number;
1785
1851
  };
@@ -1797,11 +1863,13 @@ export declare const useSpacingBlueprintStore: () => {
1797
1863
  colorType: "base" | "onBase" | "container" | "onContainer";
1798
1864
  toned?: boolean;
1799
1865
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1866
+ opacity?: number;
1800
1867
  } | {
1801
1868
  color: string | {
1802
1869
  colorType: "base" | "onBase" | "container" | "onContainer";
1803
1870
  toned?: boolean;
1804
1871
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1872
+ opacity?: number;
1805
1873
  };
1806
1874
  stop?: number;
1807
1875
  })[];
@@ -1811,6 +1879,7 @@ export declare const useSpacingBlueprintStore: () => {
1811
1879
  colorType: "base" | "onBase" | "container" | "onContainer";
1812
1880
  toned?: boolean;
1813
1881
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1882
+ opacity?: number;
1814
1883
  };
1815
1884
  border?: {
1816
1885
  radius?: {
@@ -1830,6 +1899,7 @@ export declare const useSpacingBlueprintStore: () => {
1830
1899
  colorType: "base" | "onBase" | "container" | "onContainer";
1831
1900
  toned?: boolean;
1832
1901
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1902
+ opacity?: number;
1833
1903
  } | {
1834
1904
  color: string | any;
1835
1905
  stop?: number;
@@ -1851,11 +1921,13 @@ export declare const useSpacingBlueprintStore: () => {
1851
1921
  colorType: "base" | "onBase" | "container" | "onContainer";
1852
1922
  toned?: boolean;
1853
1923
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1924
+ opacity?: number;
1854
1925
  } | {
1855
1926
  color: string | {
1856
1927
  colorType: "base" | "onBase" | "container" | "onContainer";
1857
1928
  toned?: boolean;
1858
1929
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1930
+ opacity?: number;
1859
1931
  };
1860
1932
  stop?: number;
1861
1933
  })[];
@@ -1865,6 +1937,7 @@ export declare const useSpacingBlueprintStore: () => {
1865
1937
  colorType: "base" | "onBase" | "container" | "onContainer";
1866
1938
  toned?: boolean;
1867
1939
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1940
+ opacity?: number;
1868
1941
  };
1869
1942
  typography?: {
1870
1943
  decoration?: string;
@@ -1894,11 +1967,13 @@ export declare const useSpacingBlueprintStore: () => {
1894
1967
  colorType: "base" | "onBase" | "container" | "onContainer";
1895
1968
  toned?: boolean;
1896
1969
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1970
+ opacity?: number;
1897
1971
  } | {
1898
1972
  color: string | {
1899
1973
  colorType: "base" | "onBase" | "container" | "onContainer";
1900
1974
  toned?: boolean;
1901
1975
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1976
+ opacity?: number;
1902
1977
  };
1903
1978
  stop?: number;
1904
1979
  })[];
@@ -1908,6 +1983,7 @@ export declare const useSpacingBlueprintStore: () => {
1908
1983
  colorType: "base" | "onBase" | "container" | "onContainer";
1909
1984
  toned?: boolean;
1910
1985
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
1986
+ opacity?: number;
1911
1987
  };
1912
1988
  size?: number;
1913
1989
  };
@@ -1925,11 +2001,13 @@ export declare const useSpacingBlueprintStore: () => {
1925
2001
  colorType: "base" | "onBase" | "container" | "onContainer";
1926
2002
  toned?: boolean;
1927
2003
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2004
+ opacity?: number;
1928
2005
  } | {
1929
2006
  color: string | {
1930
2007
  colorType: "base" | "onBase" | "container" | "onContainer";
1931
2008
  toned?: boolean;
1932
2009
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2010
+ opacity?: number;
1933
2011
  };
1934
2012
  stop?: number;
1935
2013
  })[];
@@ -1939,6 +2017,7 @@ export declare const useSpacingBlueprintStore: () => {
1939
2017
  colorType: "base" | "onBase" | "container" | "onContainer";
1940
2018
  toned?: boolean;
1941
2019
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2020
+ opacity?: number;
1942
2021
  };
1943
2022
  border?: {
1944
2023
  radius?: {
@@ -1958,6 +2037,7 @@ export declare const useSpacingBlueprintStore: () => {
1958
2037
  colorType: "base" | "onBase" | "container" | "onContainer";
1959
2038
  toned?: boolean;
1960
2039
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2040
+ opacity?: number;
1961
2041
  } | {
1962
2042
  color: string | any;
1963
2043
  stop?: number;
@@ -1979,11 +2059,13 @@ export declare const useSpacingBlueprintStore: () => {
1979
2059
  colorType: "base" | "onBase" | "container" | "onContainer";
1980
2060
  toned?: boolean;
1981
2061
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2062
+ opacity?: number;
1982
2063
  } | {
1983
2064
  color: string | {
1984
2065
  colorType: "base" | "onBase" | "container" | "onContainer";
1985
2066
  toned?: boolean;
1986
2067
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2068
+ opacity?: number;
1987
2069
  };
1988
2070
  stop?: number;
1989
2071
  })[];
@@ -1993,6 +2075,7 @@ export declare const useSpacingBlueprintStore: () => {
1993
2075
  colorType: "base" | "onBase" | "container" | "onContainer";
1994
2076
  toned?: boolean;
1995
2077
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2078
+ opacity?: number;
1996
2079
  };
1997
2080
  typography?: {
1998
2081
  decoration?: string;
@@ -2022,11 +2105,13 @@ export declare const useSpacingBlueprintStore: () => {
2022
2105
  colorType: "base" | "onBase" | "container" | "onContainer";
2023
2106
  toned?: boolean;
2024
2107
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2108
+ opacity?: number;
2025
2109
  } | {
2026
2110
  color: string | {
2027
2111
  colorType: "base" | "onBase" | "container" | "onContainer";
2028
2112
  toned?: boolean;
2029
2113
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2114
+ opacity?: number;
2030
2115
  };
2031
2116
  stop?: number;
2032
2117
  })[];
@@ -2036,6 +2121,7 @@ export declare const useSpacingBlueprintStore: () => {
2036
2121
  colorType: "base" | "onBase" | "container" | "onContainer";
2037
2122
  toned?: boolean;
2038
2123
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2124
+ opacity?: number;
2039
2125
  };
2040
2126
  size?: number;
2041
2127
  };
@@ -2053,11 +2139,13 @@ export declare const useSpacingBlueprintStore: () => {
2053
2139
  colorType: "base" | "onBase" | "container" | "onContainer";
2054
2140
  toned?: boolean;
2055
2141
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2142
+ opacity?: number;
2056
2143
  } | {
2057
2144
  color: string | {
2058
2145
  colorType: "base" | "onBase" | "container" | "onContainer";
2059
2146
  toned?: boolean;
2060
2147
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2148
+ opacity?: number;
2061
2149
  };
2062
2150
  stop?: number;
2063
2151
  })[];
@@ -2067,6 +2155,7 @@ export declare const useSpacingBlueprintStore: () => {
2067
2155
  colorType: "base" | "onBase" | "container" | "onContainer";
2068
2156
  toned?: boolean;
2069
2157
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2158
+ opacity?: number;
2070
2159
  };
2071
2160
  border?: {
2072
2161
  radius?: {
@@ -2086,6 +2175,7 @@ export declare const useSpacingBlueprintStore: () => {
2086
2175
  colorType: "base" | "onBase" | "container" | "onContainer";
2087
2176
  toned?: boolean;
2088
2177
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2178
+ opacity?: number;
2089
2179
  } | {
2090
2180
  color: string | any;
2091
2181
  stop?: number;
@@ -2107,11 +2197,13 @@ export declare const useSpacingBlueprintStore: () => {
2107
2197
  colorType: "base" | "onBase" | "container" | "onContainer";
2108
2198
  toned?: boolean;
2109
2199
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2200
+ opacity?: number;
2110
2201
  } | {
2111
2202
  color: string | {
2112
2203
  colorType: "base" | "onBase" | "container" | "onContainer";
2113
2204
  toned?: boolean;
2114
2205
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2206
+ opacity?: number;
2115
2207
  };
2116
2208
  stop?: number;
2117
2209
  })[];
@@ -2121,6 +2213,7 @@ export declare const useSpacingBlueprintStore: () => {
2121
2213
  colorType: "base" | "onBase" | "container" | "onContainer";
2122
2214
  toned?: boolean;
2123
2215
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2216
+ opacity?: number;
2124
2217
  };
2125
2218
  typography?: {
2126
2219
  decoration?: string;
@@ -2150,11 +2243,13 @@ export declare const useSpacingBlueprintStore: () => {
2150
2243
  colorType: "base" | "onBase" | "container" | "onContainer";
2151
2244
  toned?: boolean;
2152
2245
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2246
+ opacity?: number;
2153
2247
  } | {
2154
2248
  color: string | {
2155
2249
  colorType: "base" | "onBase" | "container" | "onContainer";
2156
2250
  toned?: boolean;
2157
2251
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2252
+ opacity?: number;
2158
2253
  };
2159
2254
  stop?: number;
2160
2255
  })[];
@@ -2164,6 +2259,7 @@ export declare const useSpacingBlueprintStore: () => {
2164
2259
  colorType: "base" | "onBase" | "container" | "onContainer";
2165
2260
  toned?: boolean;
2166
2261
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2262
+ opacity?: number;
2167
2263
  };
2168
2264
  size?: number;
2169
2265
  };
@@ -2183,11 +2279,13 @@ export declare const useSpacingBlueprintStore: () => {
2183
2279
  colorType: "base" | "onBase" | "container" | "onContainer";
2184
2280
  toned?: boolean;
2185
2281
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2282
+ opacity?: number;
2186
2283
  } | {
2187
2284
  color: string | {
2188
2285
  colorType: "base" | "onBase" | "container" | "onContainer";
2189
2286
  toned?: boolean;
2190
2287
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2288
+ opacity?: number;
2191
2289
  };
2192
2290
  stop?: number;
2193
2291
  })[];
@@ -2197,6 +2295,7 @@ export declare const useSpacingBlueprintStore: () => {
2197
2295
  colorType: "base" | "onBase" | "container" | "onContainer";
2198
2296
  toned?: boolean;
2199
2297
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2298
+ opacity?: number;
2200
2299
  };
2201
2300
  border?: {
2202
2301
  radius?: {
@@ -2216,6 +2315,7 @@ export declare const useSpacingBlueprintStore: () => {
2216
2315
  colorType: "base" | "onBase" | "container" | "onContainer";
2217
2316
  toned?: boolean;
2218
2317
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2318
+ opacity?: number;
2219
2319
  } | {
2220
2320
  color: string | any;
2221
2321
  stop?: number;
@@ -2237,11 +2337,13 @@ export declare const useSpacingBlueprintStore: () => {
2237
2337
  colorType: "base" | "onBase" | "container" | "onContainer";
2238
2338
  toned?: boolean;
2239
2339
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2340
+ opacity?: number;
2240
2341
  } | {
2241
2342
  color: string | {
2242
2343
  colorType: "base" | "onBase" | "container" | "onContainer";
2243
2344
  toned?: boolean;
2244
2345
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2346
+ opacity?: number;
2245
2347
  };
2246
2348
  stop?: number;
2247
2349
  })[];
@@ -2251,6 +2353,7 @@ export declare const useSpacingBlueprintStore: () => {
2251
2353
  colorType: "base" | "onBase" | "container" | "onContainer";
2252
2354
  toned?: boolean;
2253
2355
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2356
+ opacity?: number;
2254
2357
  };
2255
2358
  typography?: {
2256
2359
  decoration?: string;
@@ -2280,11 +2383,13 @@ export declare const useSpacingBlueprintStore: () => {
2280
2383
  colorType: "base" | "onBase" | "container" | "onContainer";
2281
2384
  toned?: boolean;
2282
2385
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2386
+ opacity?: number;
2283
2387
  } | {
2284
2388
  color: string | {
2285
2389
  colorType: "base" | "onBase" | "container" | "onContainer";
2286
2390
  toned?: boolean;
2287
2391
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2392
+ opacity?: number;
2288
2393
  };
2289
2394
  stop?: number;
2290
2395
  })[];
@@ -2294,6 +2399,7 @@ export declare const useSpacingBlueprintStore: () => {
2294
2399
  colorType: "base" | "onBase" | "container" | "onContainer";
2295
2400
  toned?: boolean;
2296
2401
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2402
+ opacity?: number;
2297
2403
  };
2298
2404
  size?: number;
2299
2405
  };
@@ -2311,11 +2417,13 @@ export declare const useSpacingBlueprintStore: () => {
2311
2417
  colorType: "base" | "onBase" | "container" | "onContainer";
2312
2418
  toned?: boolean;
2313
2419
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2420
+ opacity?: number;
2314
2421
  } | {
2315
2422
  color: string | {
2316
2423
  colorType: "base" | "onBase" | "container" | "onContainer";
2317
2424
  toned?: boolean;
2318
2425
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2426
+ opacity?: number;
2319
2427
  };
2320
2428
  stop?: number;
2321
2429
  })[];
@@ -2325,6 +2433,7 @@ export declare const useSpacingBlueprintStore: () => {
2325
2433
  colorType: "base" | "onBase" | "container" | "onContainer";
2326
2434
  toned?: boolean;
2327
2435
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2436
+ opacity?: number;
2328
2437
  };
2329
2438
  border?: {
2330
2439
  radius?: {
@@ -2344,6 +2453,7 @@ export declare const useSpacingBlueprintStore: () => {
2344
2453
  colorType: "base" | "onBase" | "container" | "onContainer";
2345
2454
  toned?: boolean;
2346
2455
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2456
+ opacity?: number;
2347
2457
  } | {
2348
2458
  color: string | any;
2349
2459
  stop?: number;
@@ -2365,11 +2475,13 @@ export declare const useSpacingBlueprintStore: () => {
2365
2475
  colorType: "base" | "onBase" | "container" | "onContainer";
2366
2476
  toned?: boolean;
2367
2477
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2478
+ opacity?: number;
2368
2479
  } | {
2369
2480
  color: string | {
2370
2481
  colorType: "base" | "onBase" | "container" | "onContainer";
2371
2482
  toned?: boolean;
2372
2483
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2484
+ opacity?: number;
2373
2485
  };
2374
2486
  stop?: number;
2375
2487
  })[];
@@ -2379,6 +2491,7 @@ export declare const useSpacingBlueprintStore: () => {
2379
2491
  colorType: "base" | "onBase" | "container" | "onContainer";
2380
2492
  toned?: boolean;
2381
2493
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2494
+ opacity?: number;
2382
2495
  };
2383
2496
  typography?: {
2384
2497
  decoration?: string;
@@ -2408,11 +2521,13 @@ export declare const useSpacingBlueprintStore: () => {
2408
2521
  colorType: "base" | "onBase" | "container" | "onContainer";
2409
2522
  toned?: boolean;
2410
2523
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2524
+ opacity?: number;
2411
2525
  } | {
2412
2526
  color: string | {
2413
2527
  colorType: "base" | "onBase" | "container" | "onContainer";
2414
2528
  toned?: boolean;
2415
2529
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2530
+ opacity?: number;
2416
2531
  };
2417
2532
  stop?: number;
2418
2533
  })[];
@@ -2422,6 +2537,7 @@ export declare const useSpacingBlueprintStore: () => {
2422
2537
  colorType: "base" | "onBase" | "container" | "onContainer";
2423
2538
  toned?: boolean;
2424
2539
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2540
+ opacity?: number;
2425
2541
  };
2426
2542
  size?: number;
2427
2543
  };
@@ -2439,11 +2555,13 @@ export declare const useSpacingBlueprintStore: () => {
2439
2555
  colorType: "base" | "onBase" | "container" | "onContainer";
2440
2556
  toned?: boolean;
2441
2557
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2558
+ opacity?: number;
2442
2559
  } | {
2443
2560
  color: string | {
2444
2561
  colorType: "base" | "onBase" | "container" | "onContainer";
2445
2562
  toned?: boolean;
2446
2563
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2564
+ opacity?: number;
2447
2565
  };
2448
2566
  stop?: number;
2449
2567
  })[];
@@ -2453,6 +2571,7 @@ export declare const useSpacingBlueprintStore: () => {
2453
2571
  colorType: "base" | "onBase" | "container" | "onContainer";
2454
2572
  toned?: boolean;
2455
2573
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2574
+ opacity?: number;
2456
2575
  };
2457
2576
  border?: {
2458
2577
  radius?: {
@@ -2472,6 +2591,7 @@ export declare const useSpacingBlueprintStore: () => {
2472
2591
  colorType: "base" | "onBase" | "container" | "onContainer";
2473
2592
  toned?: boolean;
2474
2593
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2594
+ opacity?: number;
2475
2595
  } | {
2476
2596
  color: string | any;
2477
2597
  stop?: number;
@@ -2493,11 +2613,13 @@ export declare const useSpacingBlueprintStore: () => {
2493
2613
  colorType: "base" | "onBase" | "container" | "onContainer";
2494
2614
  toned?: boolean;
2495
2615
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2616
+ opacity?: number;
2496
2617
  } | {
2497
2618
  color: string | {
2498
2619
  colorType: "base" | "onBase" | "container" | "onContainer";
2499
2620
  toned?: boolean;
2500
2621
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2622
+ opacity?: number;
2501
2623
  };
2502
2624
  stop?: number;
2503
2625
  })[];
@@ -2507,6 +2629,7 @@ export declare const useSpacingBlueprintStore: () => {
2507
2629
  colorType: "base" | "onBase" | "container" | "onContainer";
2508
2630
  toned?: boolean;
2509
2631
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2632
+ opacity?: number;
2510
2633
  };
2511
2634
  typography?: {
2512
2635
  decoration?: string;
@@ -2536,11 +2659,13 @@ export declare const useSpacingBlueprintStore: () => {
2536
2659
  colorType: "base" | "onBase" | "container" | "onContainer";
2537
2660
  toned?: boolean;
2538
2661
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2662
+ opacity?: number;
2539
2663
  } | {
2540
2664
  color: string | {
2541
2665
  colorType: "base" | "onBase" | "container" | "onContainer";
2542
2666
  toned?: boolean;
2543
2667
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2668
+ opacity?: number;
2544
2669
  };
2545
2670
  stop?: number;
2546
2671
  })[];
@@ -2550,6 +2675,7 @@ export declare const useSpacingBlueprintStore: () => {
2550
2675
  colorType: "base" | "onBase" | "container" | "onContainer";
2551
2676
  toned?: boolean;
2552
2677
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2678
+ opacity?: number;
2553
2679
  };
2554
2680
  size?: number;
2555
2681
  };
@@ -2567,11 +2693,13 @@ export declare const useSpacingBlueprintStore: () => {
2567
2693
  colorType: "base" | "onBase" | "container" | "onContainer";
2568
2694
  toned?: boolean;
2569
2695
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2696
+ opacity?: number;
2570
2697
  } | {
2571
2698
  color: string | {
2572
2699
  colorType: "base" | "onBase" | "container" | "onContainer";
2573
2700
  toned?: boolean;
2574
2701
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2702
+ opacity?: number;
2575
2703
  };
2576
2704
  stop?: number;
2577
2705
  })[];
@@ -2581,6 +2709,7 @@ export declare const useSpacingBlueprintStore: () => {
2581
2709
  colorType: "base" | "onBase" | "container" | "onContainer";
2582
2710
  toned?: boolean;
2583
2711
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2712
+ opacity?: number;
2584
2713
  };
2585
2714
  border?: {
2586
2715
  radius?: {
@@ -2600,6 +2729,7 @@ export declare const useSpacingBlueprintStore: () => {
2600
2729
  colorType: "base" | "onBase" | "container" | "onContainer";
2601
2730
  toned?: boolean;
2602
2731
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2732
+ opacity?: number;
2603
2733
  } | {
2604
2734
  color: string | any;
2605
2735
  stop?: number;
@@ -2621,11 +2751,13 @@ export declare const useSpacingBlueprintStore: () => {
2621
2751
  colorType: "base" | "onBase" | "container" | "onContainer";
2622
2752
  toned?: boolean;
2623
2753
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2754
+ opacity?: number;
2624
2755
  } | {
2625
2756
  color: string | {
2626
2757
  colorType: "base" | "onBase" | "container" | "onContainer";
2627
2758
  toned?: boolean;
2628
2759
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2760
+ opacity?: number;
2629
2761
  };
2630
2762
  stop?: number;
2631
2763
  })[];
@@ -2635,6 +2767,7 @@ export declare const useSpacingBlueprintStore: () => {
2635
2767
  colorType: "base" | "onBase" | "container" | "onContainer";
2636
2768
  toned?: boolean;
2637
2769
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2770
+ opacity?: number;
2638
2771
  };
2639
2772
  typography?: {
2640
2773
  decoration?: string;
@@ -2664,11 +2797,13 @@ export declare const useSpacingBlueprintStore: () => {
2664
2797
  colorType: "base" | "onBase" | "container" | "onContainer";
2665
2798
  toned?: boolean;
2666
2799
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2800
+ opacity?: number;
2667
2801
  } | {
2668
2802
  color: string | {
2669
2803
  colorType: "base" | "onBase" | "container" | "onContainer";
2670
2804
  toned?: boolean;
2671
2805
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2806
+ opacity?: number;
2672
2807
  };
2673
2808
  stop?: number;
2674
2809
  })[];
@@ -2678,6 +2813,7 @@ export declare const useSpacingBlueprintStore: () => {
2678
2813
  colorType: "base" | "onBase" | "container" | "onContainer";
2679
2814
  toned?: boolean;
2680
2815
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2816
+ opacity?: number;
2681
2817
  };
2682
2818
  size?: number;
2683
2819
  };
@@ -2695,11 +2831,13 @@ export declare const useSpacingBlueprintStore: () => {
2695
2831
  colorType: "base" | "onBase" | "container" | "onContainer";
2696
2832
  toned?: boolean;
2697
2833
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2834
+ opacity?: number;
2698
2835
  } | {
2699
2836
  color: string | {
2700
2837
  colorType: "base" | "onBase" | "container" | "onContainer";
2701
2838
  toned?: boolean;
2702
2839
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2840
+ opacity?: number;
2703
2841
  };
2704
2842
  stop?: number;
2705
2843
  })[];
@@ -2709,6 +2847,7 @@ export declare const useSpacingBlueprintStore: () => {
2709
2847
  colorType: "base" | "onBase" | "container" | "onContainer";
2710
2848
  toned?: boolean;
2711
2849
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2850
+ opacity?: number;
2712
2851
  };
2713
2852
  border?: {
2714
2853
  radius?: {
@@ -2728,6 +2867,7 @@ export declare const useSpacingBlueprintStore: () => {
2728
2867
  colorType: "base" | "onBase" | "container" | "onContainer";
2729
2868
  toned?: boolean;
2730
2869
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2870
+ opacity?: number;
2731
2871
  } | {
2732
2872
  color: string | any;
2733
2873
  stop?: number;
@@ -2749,11 +2889,13 @@ export declare const useSpacingBlueprintStore: () => {
2749
2889
  colorType: "base" | "onBase" | "container" | "onContainer";
2750
2890
  toned?: boolean;
2751
2891
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2892
+ opacity?: number;
2752
2893
  } | {
2753
2894
  color: string | {
2754
2895
  colorType: "base" | "onBase" | "container" | "onContainer";
2755
2896
  toned?: boolean;
2756
2897
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2898
+ opacity?: number;
2757
2899
  };
2758
2900
  stop?: number;
2759
2901
  })[];
@@ -2763,6 +2905,7 @@ export declare const useSpacingBlueprintStore: () => {
2763
2905
  colorType: "base" | "onBase" | "container" | "onContainer";
2764
2906
  toned?: boolean;
2765
2907
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2908
+ opacity?: number;
2766
2909
  };
2767
2910
  typography?: {
2768
2911
  decoration?: string;
@@ -2792,11 +2935,13 @@ export declare const useSpacingBlueprintStore: () => {
2792
2935
  colorType: "base" | "onBase" | "container" | "onContainer";
2793
2936
  toned?: boolean;
2794
2937
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2938
+ opacity?: number;
2795
2939
  } | {
2796
2940
  color: string | {
2797
2941
  colorType: "base" | "onBase" | "container" | "onContainer";
2798
2942
  toned?: boolean;
2799
2943
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2944
+ opacity?: number;
2800
2945
  };
2801
2946
  stop?: number;
2802
2947
  })[];
@@ -2806,6 +2951,7 @@ export declare const useSpacingBlueprintStore: () => {
2806
2951
  colorType: "base" | "onBase" | "container" | "onContainer";
2807
2952
  toned?: boolean;
2808
2953
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2954
+ opacity?: number;
2809
2955
  };
2810
2956
  size?: number;
2811
2957
  };
@@ -2823,11 +2969,13 @@ export declare const useSpacingBlueprintStore: () => {
2823
2969
  colorType: "base" | "onBase" | "container" | "onContainer";
2824
2970
  toned?: boolean;
2825
2971
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2972
+ opacity?: number;
2826
2973
  } | {
2827
2974
  color: string | {
2828
2975
  colorType: "base" | "onBase" | "container" | "onContainer";
2829
2976
  toned?: boolean;
2830
2977
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2978
+ opacity?: number;
2831
2979
  };
2832
2980
  stop?: number;
2833
2981
  })[];
@@ -2837,6 +2985,7 @@ export declare const useSpacingBlueprintStore: () => {
2837
2985
  colorType: "base" | "onBase" | "container" | "onContainer";
2838
2986
  toned?: boolean;
2839
2987
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
2988
+ opacity?: number;
2840
2989
  };
2841
2990
  border?: {
2842
2991
  radius?: {
@@ -2856,6 +3005,7 @@ export declare const useSpacingBlueprintStore: () => {
2856
3005
  colorType: "base" | "onBase" | "container" | "onContainer";
2857
3006
  toned?: boolean;
2858
3007
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3008
+ opacity?: number;
2859
3009
  } | {
2860
3010
  color: string | any;
2861
3011
  stop?: number;
@@ -2877,11 +3027,13 @@ export declare const useSpacingBlueprintStore: () => {
2877
3027
  colorType: "base" | "onBase" | "container" | "onContainer";
2878
3028
  toned?: boolean;
2879
3029
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3030
+ opacity?: number;
2880
3031
  } | {
2881
3032
  color: string | {
2882
3033
  colorType: "base" | "onBase" | "container" | "onContainer";
2883
3034
  toned?: boolean;
2884
3035
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3036
+ opacity?: number;
2885
3037
  };
2886
3038
  stop?: number;
2887
3039
  })[];
@@ -2891,6 +3043,7 @@ export declare const useSpacingBlueprintStore: () => {
2891
3043
  colorType: "base" | "onBase" | "container" | "onContainer";
2892
3044
  toned?: boolean;
2893
3045
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3046
+ opacity?: number;
2894
3047
  };
2895
3048
  typography?: {
2896
3049
  decoration?: string;
@@ -2920,11 +3073,13 @@ export declare const useSpacingBlueprintStore: () => {
2920
3073
  colorType: "base" | "onBase" | "container" | "onContainer";
2921
3074
  toned?: boolean;
2922
3075
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3076
+ opacity?: number;
2923
3077
  } | {
2924
3078
  color: string | {
2925
3079
  colorType: "base" | "onBase" | "container" | "onContainer";
2926
3080
  toned?: boolean;
2927
3081
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3082
+ opacity?: number;
2928
3083
  };
2929
3084
  stop?: number;
2930
3085
  })[];
@@ -2934,6 +3089,7 @@ export declare const useSpacingBlueprintStore: () => {
2934
3089
  colorType: "base" | "onBase" | "container" | "onContainer";
2935
3090
  toned?: boolean;
2936
3091
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3092
+ opacity?: number;
2937
3093
  };
2938
3094
  size?: number;
2939
3095
  };
@@ -2951,11 +3107,13 @@ export declare const useSpacingBlueprintStore: () => {
2951
3107
  colorType: "base" | "onBase" | "container" | "onContainer";
2952
3108
  toned?: boolean;
2953
3109
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3110
+ opacity?: number;
2954
3111
  } | {
2955
3112
  color: string | {
2956
3113
  colorType: "base" | "onBase" | "container" | "onContainer";
2957
3114
  toned?: boolean;
2958
3115
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3116
+ opacity?: number;
2959
3117
  };
2960
3118
  stop?: number;
2961
3119
  })[];
@@ -2965,6 +3123,7 @@ export declare const useSpacingBlueprintStore: () => {
2965
3123
  colorType: "base" | "onBase" | "container" | "onContainer";
2966
3124
  toned?: boolean;
2967
3125
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3126
+ opacity?: number;
2968
3127
  };
2969
3128
  border?: {
2970
3129
  radius?: {
@@ -2984,6 +3143,7 @@ export declare const useSpacingBlueprintStore: () => {
2984
3143
  colorType: "base" | "onBase" | "container" | "onContainer";
2985
3144
  toned?: boolean;
2986
3145
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3146
+ opacity?: number;
2987
3147
  } | {
2988
3148
  color: string | any;
2989
3149
  stop?: number;
@@ -3005,11 +3165,13 @@ export declare const useSpacingBlueprintStore: () => {
3005
3165
  colorType: "base" | "onBase" | "container" | "onContainer";
3006
3166
  toned?: boolean;
3007
3167
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3168
+ opacity?: number;
3008
3169
  } | {
3009
3170
  color: string | {
3010
3171
  colorType: "base" | "onBase" | "container" | "onContainer";
3011
3172
  toned?: boolean;
3012
3173
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3174
+ opacity?: number;
3013
3175
  };
3014
3176
  stop?: number;
3015
3177
  })[];
@@ -3019,6 +3181,7 @@ export declare const useSpacingBlueprintStore: () => {
3019
3181
  colorType: "base" | "onBase" | "container" | "onContainer";
3020
3182
  toned?: boolean;
3021
3183
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3184
+ opacity?: number;
3022
3185
  };
3023
3186
  typography?: {
3024
3187
  decoration?: string;
@@ -3048,11 +3211,13 @@ export declare const useSpacingBlueprintStore: () => {
3048
3211
  colorType: "base" | "onBase" | "container" | "onContainer";
3049
3212
  toned?: boolean;
3050
3213
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3214
+ opacity?: number;
3051
3215
  } | {
3052
3216
  color: string | {
3053
3217
  colorType: "base" | "onBase" | "container" | "onContainer";
3054
3218
  toned?: boolean;
3055
3219
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3220
+ opacity?: number;
3056
3221
  };
3057
3222
  stop?: number;
3058
3223
  })[];
@@ -3062,6 +3227,7 @@ export declare const useSpacingBlueprintStore: () => {
3062
3227
  colorType: "base" | "onBase" | "container" | "onContainer";
3063
3228
  toned?: boolean;
3064
3229
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3230
+ opacity?: number;
3065
3231
  };
3066
3232
  size?: number;
3067
3233
  };
@@ -3079,11 +3245,13 @@ export declare const useSpacingBlueprintStore: () => {
3079
3245
  colorType: "base" | "onBase" | "container" | "onContainer";
3080
3246
  toned?: boolean;
3081
3247
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3248
+ opacity?: number;
3082
3249
  } | {
3083
3250
  color: string | {
3084
3251
  colorType: "base" | "onBase" | "container" | "onContainer";
3085
3252
  toned?: boolean;
3086
3253
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3254
+ opacity?: number;
3087
3255
  };
3088
3256
  stop?: number;
3089
3257
  })[];
@@ -3093,6 +3261,7 @@ export declare const useSpacingBlueprintStore: () => {
3093
3261
  colorType: "base" | "onBase" | "container" | "onContainer";
3094
3262
  toned?: boolean;
3095
3263
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3264
+ opacity?: number;
3096
3265
  };
3097
3266
  border?: {
3098
3267
  radius?: {
@@ -3112,6 +3281,7 @@ export declare const useSpacingBlueprintStore: () => {
3112
3281
  colorType: "base" | "onBase" | "container" | "onContainer";
3113
3282
  toned?: boolean;
3114
3283
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3284
+ opacity?: number;
3115
3285
  } | {
3116
3286
  color: string | any;
3117
3287
  stop?: number;
@@ -3133,11 +3303,13 @@ export declare const useSpacingBlueprintStore: () => {
3133
3303
  colorType: "base" | "onBase" | "container" | "onContainer";
3134
3304
  toned?: boolean;
3135
3305
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3306
+ opacity?: number;
3136
3307
  } | {
3137
3308
  color: string | {
3138
3309
  colorType: "base" | "onBase" | "container" | "onContainer";
3139
3310
  toned?: boolean;
3140
3311
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3312
+ opacity?: number;
3141
3313
  };
3142
3314
  stop?: number;
3143
3315
  })[];
@@ -3147,6 +3319,7 @@ export declare const useSpacingBlueprintStore: () => {
3147
3319
  colorType: "base" | "onBase" | "container" | "onContainer";
3148
3320
  toned?: boolean;
3149
3321
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3322
+ opacity?: number;
3150
3323
  };
3151
3324
  typography?: {
3152
3325
  decoration?: string;
@@ -3176,11 +3349,13 @@ export declare const useSpacingBlueprintStore: () => {
3176
3349
  colorType: "base" | "onBase" | "container" | "onContainer";
3177
3350
  toned?: boolean;
3178
3351
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3352
+ opacity?: number;
3179
3353
  } | {
3180
3354
  color: string | {
3181
3355
  colorType: "base" | "onBase" | "container" | "onContainer";
3182
3356
  toned?: boolean;
3183
3357
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3358
+ opacity?: number;
3184
3359
  };
3185
3360
  stop?: number;
3186
3361
  })[];
@@ -3190,6 +3365,7 @@ export declare const useSpacingBlueprintStore: () => {
3190
3365
  colorType: "base" | "onBase" | "container" | "onContainer";
3191
3366
  toned?: boolean;
3192
3367
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3368
+ opacity?: number;
3193
3369
  };
3194
3370
  size?: number;
3195
3371
  };
@@ -3207,11 +3383,13 @@ export declare const useSpacingBlueprintStore: () => {
3207
3383
  colorType: "base" | "onBase" | "container" | "onContainer";
3208
3384
  toned?: boolean;
3209
3385
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3386
+ opacity?: number;
3210
3387
  } | {
3211
3388
  color: string | {
3212
3389
  colorType: "base" | "onBase" | "container" | "onContainer";
3213
3390
  toned?: boolean;
3214
3391
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3392
+ opacity?: number;
3215
3393
  };
3216
3394
  stop?: number;
3217
3395
  })[];
@@ -3221,6 +3399,7 @@ export declare const useSpacingBlueprintStore: () => {
3221
3399
  colorType: "base" | "onBase" | "container" | "onContainer";
3222
3400
  toned?: boolean;
3223
3401
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3402
+ opacity?: number;
3224
3403
  };
3225
3404
  border?: {
3226
3405
  radius?: {
@@ -3240,6 +3419,7 @@ export declare const useSpacingBlueprintStore: () => {
3240
3419
  colorType: "base" | "onBase" | "container" | "onContainer";
3241
3420
  toned?: boolean;
3242
3421
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3422
+ opacity?: number;
3243
3423
  } | {
3244
3424
  color: string | any;
3245
3425
  stop?: number;
@@ -3261,11 +3441,13 @@ export declare const useSpacingBlueprintStore: () => {
3261
3441
  colorType: "base" | "onBase" | "container" | "onContainer";
3262
3442
  toned?: boolean;
3263
3443
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3444
+ opacity?: number;
3264
3445
  } | {
3265
3446
  color: string | {
3266
3447
  colorType: "base" | "onBase" | "container" | "onContainer";
3267
3448
  toned?: boolean;
3268
3449
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3450
+ opacity?: number;
3269
3451
  };
3270
3452
  stop?: number;
3271
3453
  })[];
@@ -3275,6 +3457,7 @@ export declare const useSpacingBlueprintStore: () => {
3275
3457
  colorType: "base" | "onBase" | "container" | "onContainer";
3276
3458
  toned?: boolean;
3277
3459
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3460
+ opacity?: number;
3278
3461
  };
3279
3462
  typography?: {
3280
3463
  decoration?: string;
@@ -3304,11 +3487,13 @@ export declare const useSpacingBlueprintStore: () => {
3304
3487
  colorType: "base" | "onBase" | "container" | "onContainer";
3305
3488
  toned?: boolean;
3306
3489
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3490
+ opacity?: number;
3307
3491
  } | {
3308
3492
  color: string | {
3309
3493
  colorType: "base" | "onBase" | "container" | "onContainer";
3310
3494
  toned?: boolean;
3311
3495
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3496
+ opacity?: number;
3312
3497
  };
3313
3498
  stop?: number;
3314
3499
  })[];
@@ -3318,6 +3503,7 @@ export declare const useSpacingBlueprintStore: () => {
3318
3503
  colorType: "base" | "onBase" | "container" | "onContainer";
3319
3504
  toned?: boolean;
3320
3505
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3506
+ opacity?: number;
3321
3507
  };
3322
3508
  size?: number;
3323
3509
  };
@@ -3333,11 +3519,13 @@ export declare const useSpacingBlueprintStore: () => {
3333
3519
  colorType: "base" | "onBase" | "container" | "onContainer";
3334
3520
  toned?: boolean;
3335
3521
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3522
+ opacity?: number;
3336
3523
  } | {
3337
3524
  color: string | {
3338
3525
  colorType: "base" | "onBase" | "container" | "onContainer";
3339
3526
  toned?: boolean;
3340
3527
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3528
+ opacity?: number;
3341
3529
  };
3342
3530
  stop?: number;
3343
3531
  })[];
@@ -3347,6 +3535,7 @@ export declare const useSpacingBlueprintStore: () => {
3347
3535
  colorType: "base" | "onBase" | "container" | "onContainer";
3348
3536
  toned?: boolean;
3349
3537
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3538
+ opacity?: number;
3350
3539
  };
3351
3540
  border?: {
3352
3541
  radius?: {
@@ -3366,11 +3555,13 @@ export declare const useSpacingBlueprintStore: () => {
3366
3555
  colorType: "base" | "onBase" | "container" | "onContainer";
3367
3556
  toned?: boolean;
3368
3557
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3558
+ opacity?: number;
3369
3559
  } | {
3370
3560
  color: string | {
3371
3561
  colorType: "base" | "onBase" | "container" | "onContainer";
3372
3562
  toned?: boolean;
3373
3563
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3564
+ opacity?: number;
3374
3565
  };
3375
3566
  stop?: number;
3376
3567
  })[];
@@ -3407,6 +3598,7 @@ export declare const useSpacingBlueprintStore: () => {
3407
3598
  colorType: "base" | "onBase" | "container" | "onContainer";
3408
3599
  toned?: boolean;
3409
3600
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3601
+ opacity?: number;
3410
3602
  };
3411
3603
  text?: {
3412
3604
  color?: string | {
@@ -3414,11 +3606,13 @@ export declare const useSpacingBlueprintStore: () => {
3414
3606
  colorType: "base" | "onBase" | "container" | "onContainer";
3415
3607
  toned?: boolean;
3416
3608
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3609
+ opacity?: number;
3417
3610
  } | {
3418
3611
  color: string | {
3419
3612
  colorType: "base" | "onBase" | "container" | "onContainer";
3420
3613
  toned?: boolean;
3421
3614
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3615
+ opacity?: number;
3422
3616
  };
3423
3617
  stop?: number;
3424
3618
  })[];
@@ -3428,6 +3622,7 @@ export declare const useSpacingBlueprintStore: () => {
3428
3622
  colorType: "base" | "onBase" | "container" | "onContainer";
3429
3623
  toned?: boolean;
3430
3624
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3625
+ opacity?: number;
3431
3626
  };
3432
3627
  typography?: {
3433
3628
  decoration?: string;
@@ -3457,11 +3652,13 @@ export declare const useSpacingBlueprintStore: () => {
3457
3652
  colorType: "base" | "onBase" | "container" | "onContainer";
3458
3653
  toned?: boolean;
3459
3654
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3655
+ opacity?: number;
3460
3656
  } | {
3461
3657
  color: string | {
3462
3658
  colorType: "base" | "onBase" | "container" | "onContainer";
3463
3659
  toned?: boolean;
3464
3660
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3661
+ opacity?: number;
3465
3662
  };
3466
3663
  stop?: number;
3467
3664
  })[];
@@ -3471,6 +3668,7 @@ export declare const useSpacingBlueprintStore: () => {
3471
3668
  colorType: "base" | "onBase" | "container" | "onContainer";
3472
3669
  toned?: boolean;
3473
3670
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3671
+ opacity?: number;
3474
3672
  };
3475
3673
  size?: number;
3476
3674
  };
@@ -3487,11 +3685,13 @@ export declare const useSpacingBlueprintStore: () => {
3487
3685
  colorType: "base" | "onBase" | "container" | "onContainer";
3488
3686
  toned?: boolean;
3489
3687
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3688
+ opacity?: number;
3490
3689
  } | {
3491
3690
  color: string | {
3492
3691
  colorType: "base" | "onBase" | "container" | "onContainer";
3493
3692
  toned?: boolean;
3494
3693
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3694
+ opacity?: number;
3495
3695
  };
3496
3696
  stop?: number;
3497
3697
  })[];
@@ -3501,6 +3701,7 @@ export declare const useSpacingBlueprintStore: () => {
3501
3701
  colorType: "base" | "onBase" | "container" | "onContainer";
3502
3702
  toned?: boolean;
3503
3703
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3704
+ opacity?: number;
3504
3705
  };
3505
3706
  border?: {
3506
3707
  radius?: {
@@ -3520,6 +3721,7 @@ export declare const useSpacingBlueprintStore: () => {
3520
3721
  colorType: "base" | "onBase" | "container" | "onContainer";
3521
3722
  toned?: boolean;
3522
3723
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3724
+ opacity?: number;
3523
3725
  } | {
3524
3726
  color: string | any;
3525
3727
  stop?: number;
@@ -3540,11 +3742,13 @@ export declare const useSpacingBlueprintStore: () => {
3540
3742
  colorType: "base" | "onBase" | "container" | "onContainer";
3541
3743
  toned?: boolean;
3542
3744
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3745
+ opacity?: number;
3543
3746
  } | {
3544
3747
  color: string | {
3545
3748
  colorType: "base" | "onBase" | "container" | "onContainer";
3546
3749
  toned?: boolean;
3547
3750
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3751
+ opacity?: number;
3548
3752
  };
3549
3753
  stop?: number;
3550
3754
  })[];
@@ -3554,6 +3758,7 @@ export declare const useSpacingBlueprintStore: () => {
3554
3758
  colorType: "base" | "onBase" | "container" | "onContainer";
3555
3759
  toned?: boolean;
3556
3760
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3761
+ opacity?: number;
3557
3762
  };
3558
3763
  typography?: {
3559
3764
  decoration?: string;
@@ -3583,11 +3788,13 @@ export declare const useSpacingBlueprintStore: () => {
3583
3788
  colorType: "base" | "onBase" | "container" | "onContainer";
3584
3789
  toned?: boolean;
3585
3790
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3791
+ opacity?: number;
3586
3792
  } | {
3587
3793
  color: string | {
3588
3794
  colorType: "base" | "onBase" | "container" | "onContainer";
3589
3795
  toned?: boolean;
3590
3796
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3797
+ opacity?: number;
3591
3798
  };
3592
3799
  stop?: number;
3593
3800
  })[];
@@ -3597,6 +3804,7 @@ export declare const useSpacingBlueprintStore: () => {
3597
3804
  colorType: "base" | "onBase" | "container" | "onContainer";
3598
3805
  toned?: boolean;
3599
3806
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3807
+ opacity?: number;
3600
3808
  };
3601
3809
  size?: number;
3602
3810
  };
@@ -3608,11 +3816,13 @@ export declare const useSpacingBlueprintStore: () => {
3608
3816
  colorType: "base" | "onBase" | "container" | "onContainer";
3609
3817
  toned?: boolean;
3610
3818
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3819
+ opacity?: number;
3611
3820
  } | {
3612
3821
  color: string | {
3613
3822
  colorType: "base" | "onBase" | "container" | "onContainer";
3614
3823
  toned?: boolean;
3615
3824
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3825
+ opacity?: number;
3616
3826
  };
3617
3827
  stop?: number;
3618
3828
  })[];
@@ -3622,6 +3832,7 @@ export declare const useSpacingBlueprintStore: () => {
3622
3832
  colorType: "base" | "onBase" | "container" | "onContainer";
3623
3833
  toned?: boolean;
3624
3834
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3835
+ opacity?: number;
3625
3836
  };
3626
3837
  border?: {
3627
3838
  radius?: {
@@ -3641,6 +3852,7 @@ export declare const useSpacingBlueprintStore: () => {
3641
3852
  colorType: "base" | "onBase" | "container" | "onContainer";
3642
3853
  toned?: boolean;
3643
3854
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3855
+ opacity?: number;
3644
3856
  } | {
3645
3857
  color: string | any;
3646
3858
  stop?: number;
@@ -3664,11 +3876,13 @@ export declare const useSpacingBlueprintStore: () => {
3664
3876
  colorType: "base" | "onBase" | "container" | "onContainer";
3665
3877
  toned?: boolean;
3666
3878
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3879
+ opacity?: number;
3667
3880
  } | {
3668
3881
  color: string | {
3669
3882
  colorType: "base" | "onBase" | "container" | "onContainer";
3670
3883
  toned?: boolean;
3671
3884
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3885
+ opacity?: number;
3672
3886
  };
3673
3887
  stop?: number;
3674
3888
  })[];
@@ -3678,6 +3892,7 @@ export declare const useSpacingBlueprintStore: () => {
3678
3892
  colorType: "base" | "onBase" | "container" | "onContainer";
3679
3893
  toned?: boolean;
3680
3894
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3895
+ opacity?: number;
3681
3896
  };
3682
3897
  border?: {
3683
3898
  radius?: {
@@ -3697,11 +3912,13 @@ export declare const useSpacingBlueprintStore: () => {
3697
3912
  colorType: "base" | "onBase" | "container" | "onContainer";
3698
3913
  toned?: boolean;
3699
3914
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3915
+ opacity?: number;
3700
3916
  } | {
3701
3917
  color: string | {
3702
3918
  colorType: "base" | "onBase" | "container" | "onContainer";
3703
3919
  toned?: boolean;
3704
3920
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3921
+ opacity?: number;
3705
3922
  };
3706
3923
  stop?: number;
3707
3924
  })[];
@@ -3738,6 +3955,7 @@ export declare const useSpacingBlueprintStore: () => {
3738
3955
  colorType: "base" | "onBase" | "container" | "onContainer";
3739
3956
  toned?: boolean;
3740
3957
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3958
+ opacity?: number;
3741
3959
  };
3742
3960
  text?: {
3743
3961
  color?: string | {
@@ -3745,11 +3963,13 @@ export declare const useSpacingBlueprintStore: () => {
3745
3963
  colorType: "base" | "onBase" | "container" | "onContainer";
3746
3964
  toned?: boolean;
3747
3965
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3966
+ opacity?: number;
3748
3967
  } | {
3749
3968
  color: string | {
3750
3969
  colorType: "base" | "onBase" | "container" | "onContainer";
3751
3970
  toned?: boolean;
3752
3971
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3972
+ opacity?: number;
3753
3973
  };
3754
3974
  stop?: number;
3755
3975
  })[];
@@ -3759,6 +3979,7 @@ export declare const useSpacingBlueprintStore: () => {
3759
3979
  colorType: "base" | "onBase" | "container" | "onContainer";
3760
3980
  toned?: boolean;
3761
3981
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
3982
+ opacity?: number;
3762
3983
  };
3763
3984
  typography?: {
3764
3985
  decoration?: string;
@@ -3788,11 +4009,13 @@ export declare const useSpacingBlueprintStore: () => {
3788
4009
  colorType: "base" | "onBase" | "container" | "onContainer";
3789
4010
  toned?: boolean;
3790
4011
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4012
+ opacity?: number;
3791
4013
  } | {
3792
4014
  color: string | {
3793
4015
  colorType: "base" | "onBase" | "container" | "onContainer";
3794
4016
  toned?: boolean;
3795
4017
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4018
+ opacity?: number;
3796
4019
  };
3797
4020
  stop?: number;
3798
4021
  })[];
@@ -3802,6 +4025,7 @@ export declare const useSpacingBlueprintStore: () => {
3802
4025
  colorType: "base" | "onBase" | "container" | "onContainer";
3803
4026
  toned?: boolean;
3804
4027
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4028
+ opacity?: number;
3805
4029
  };
3806
4030
  size?: number;
3807
4031
  };
@@ -3818,11 +4042,13 @@ export declare const useSpacingBlueprintStore: () => {
3818
4042
  colorType: "base" | "onBase" | "container" | "onContainer";
3819
4043
  toned?: boolean;
3820
4044
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4045
+ opacity?: number;
3821
4046
  } | {
3822
4047
  color: string | {
3823
4048
  colorType: "base" | "onBase" | "container" | "onContainer";
3824
4049
  toned?: boolean;
3825
4050
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4051
+ opacity?: number;
3826
4052
  };
3827
4053
  stop?: number;
3828
4054
  })[];
@@ -3832,6 +4058,7 @@ export declare const useSpacingBlueprintStore: () => {
3832
4058
  colorType: "base" | "onBase" | "container" | "onContainer";
3833
4059
  toned?: boolean;
3834
4060
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4061
+ opacity?: number;
3835
4062
  };
3836
4063
  border?: {
3837
4064
  radius?: {
@@ -3851,6 +4078,7 @@ export declare const useSpacingBlueprintStore: () => {
3851
4078
  colorType: "base" | "onBase" | "container" | "onContainer";
3852
4079
  toned?: boolean;
3853
4080
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4081
+ opacity?: number;
3854
4082
  } | {
3855
4083
  color: string | any;
3856
4084
  stop?: number;
@@ -3871,11 +4099,13 @@ export declare const useSpacingBlueprintStore: () => {
3871
4099
  colorType: "base" | "onBase" | "container" | "onContainer";
3872
4100
  toned?: boolean;
3873
4101
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4102
+ opacity?: number;
3874
4103
  } | {
3875
4104
  color: string | {
3876
4105
  colorType: "base" | "onBase" | "container" | "onContainer";
3877
4106
  toned?: boolean;
3878
4107
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4108
+ opacity?: number;
3879
4109
  };
3880
4110
  stop?: number;
3881
4111
  })[];
@@ -3885,6 +4115,7 @@ export declare const useSpacingBlueprintStore: () => {
3885
4115
  colorType: "base" | "onBase" | "container" | "onContainer";
3886
4116
  toned?: boolean;
3887
4117
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4118
+ opacity?: number;
3888
4119
  };
3889
4120
  typography?: {
3890
4121
  decoration?: string;
@@ -3914,11 +4145,13 @@ export declare const useSpacingBlueprintStore: () => {
3914
4145
  colorType: "base" | "onBase" | "container" | "onContainer";
3915
4146
  toned?: boolean;
3916
4147
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4148
+ opacity?: number;
3917
4149
  } | {
3918
4150
  color: string | {
3919
4151
  colorType: "base" | "onBase" | "container" | "onContainer";
3920
4152
  toned?: boolean;
3921
4153
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4154
+ opacity?: number;
3922
4155
  };
3923
4156
  stop?: number;
3924
4157
  })[];
@@ -3928,6 +4161,7 @@ export declare const useSpacingBlueprintStore: () => {
3928
4161
  colorType: "base" | "onBase" | "container" | "onContainer";
3929
4162
  toned?: boolean;
3930
4163
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4164
+ opacity?: number;
3931
4165
  };
3932
4166
  size?: number;
3933
4167
  };
@@ -3939,11 +4173,13 @@ export declare const useSpacingBlueprintStore: () => {
3939
4173
  colorType: "base" | "onBase" | "container" | "onContainer";
3940
4174
  toned?: boolean;
3941
4175
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4176
+ opacity?: number;
3942
4177
  } | {
3943
4178
  color: string | {
3944
4179
  colorType: "base" | "onBase" | "container" | "onContainer";
3945
4180
  toned?: boolean;
3946
4181
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4182
+ opacity?: number;
3947
4183
  };
3948
4184
  stop?: number;
3949
4185
  })[];
@@ -3953,6 +4189,7 @@ export declare const useSpacingBlueprintStore: () => {
3953
4189
  colorType: "base" | "onBase" | "container" | "onContainer";
3954
4190
  toned?: boolean;
3955
4191
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4192
+ opacity?: number;
3956
4193
  };
3957
4194
  border?: {
3958
4195
  radius?: {
@@ -3972,6 +4209,7 @@ export declare const useSpacingBlueprintStore: () => {
3972
4209
  colorType: "base" | "onBase" | "container" | "onContainer";
3973
4210
  toned?: boolean;
3974
4211
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4212
+ opacity?: number;
3975
4213
  } | {
3976
4214
  color: string | any;
3977
4215
  stop?: number;
@@ -3995,11 +4233,13 @@ export declare const useSpacingBlueprintStore: () => {
3995
4233
  colorType: "base" | "onBase" | "container" | "onContainer";
3996
4234
  toned?: boolean;
3997
4235
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4236
+ opacity?: number;
3998
4237
  } | {
3999
4238
  color: string | {
4000
4239
  colorType: "base" | "onBase" | "container" | "onContainer";
4001
4240
  toned?: boolean;
4002
4241
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4242
+ opacity?: number;
4003
4243
  };
4004
4244
  stop?: number;
4005
4245
  })[];
@@ -4009,6 +4249,7 @@ export declare const useSpacingBlueprintStore: () => {
4009
4249
  colorType: "base" | "onBase" | "container" | "onContainer";
4010
4250
  toned?: boolean;
4011
4251
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4252
+ opacity?: number;
4012
4253
  };
4013
4254
  border?: {
4014
4255
  radius?: {
@@ -4028,11 +4269,13 @@ export declare const useSpacingBlueprintStore: () => {
4028
4269
  colorType: "base" | "onBase" | "container" | "onContainer";
4029
4270
  toned?: boolean;
4030
4271
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4272
+ opacity?: number;
4031
4273
  } | {
4032
4274
  color: string | {
4033
4275
  colorType: "base" | "onBase" | "container" | "onContainer";
4034
4276
  toned?: boolean;
4035
4277
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4278
+ opacity?: number;
4036
4279
  };
4037
4280
  stop?: number;
4038
4281
  })[];
@@ -4069,6 +4312,7 @@ export declare const useSpacingBlueprintStore: () => {
4069
4312
  colorType: "base" | "onBase" | "container" | "onContainer";
4070
4313
  toned?: boolean;
4071
4314
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4315
+ opacity?: number;
4072
4316
  };
4073
4317
  text?: {
4074
4318
  color?: string | {
@@ -4076,11 +4320,13 @@ export declare const useSpacingBlueprintStore: () => {
4076
4320
  colorType: "base" | "onBase" | "container" | "onContainer";
4077
4321
  toned?: boolean;
4078
4322
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4323
+ opacity?: number;
4079
4324
  } | {
4080
4325
  color: string | {
4081
4326
  colorType: "base" | "onBase" | "container" | "onContainer";
4082
4327
  toned?: boolean;
4083
4328
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4329
+ opacity?: number;
4084
4330
  };
4085
4331
  stop?: number;
4086
4332
  })[];
@@ -4090,6 +4336,7 @@ export declare const useSpacingBlueprintStore: () => {
4090
4336
  colorType: "base" | "onBase" | "container" | "onContainer";
4091
4337
  toned?: boolean;
4092
4338
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4339
+ opacity?: number;
4093
4340
  };
4094
4341
  typography?: {
4095
4342
  decoration?: string;
@@ -4119,11 +4366,13 @@ export declare const useSpacingBlueprintStore: () => {
4119
4366
  colorType: "base" | "onBase" | "container" | "onContainer";
4120
4367
  toned?: boolean;
4121
4368
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4369
+ opacity?: number;
4122
4370
  } | {
4123
4371
  color: string | {
4124
4372
  colorType: "base" | "onBase" | "container" | "onContainer";
4125
4373
  toned?: boolean;
4126
4374
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4375
+ opacity?: number;
4127
4376
  };
4128
4377
  stop?: number;
4129
4378
  })[];
@@ -4133,6 +4382,7 @@ export declare const useSpacingBlueprintStore: () => {
4133
4382
  colorType: "base" | "onBase" | "container" | "onContainer";
4134
4383
  toned?: boolean;
4135
4384
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4385
+ opacity?: number;
4136
4386
  };
4137
4387
  size?: number;
4138
4388
  };
@@ -4149,11 +4399,13 @@ export declare const useSpacingBlueprintStore: () => {
4149
4399
  colorType: "base" | "onBase" | "container" | "onContainer";
4150
4400
  toned?: boolean;
4151
4401
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4402
+ opacity?: number;
4152
4403
  } | {
4153
4404
  color: string | {
4154
4405
  colorType: "base" | "onBase" | "container" | "onContainer";
4155
4406
  toned?: boolean;
4156
4407
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4408
+ opacity?: number;
4157
4409
  };
4158
4410
  stop?: number;
4159
4411
  })[];
@@ -4163,6 +4415,7 @@ export declare const useSpacingBlueprintStore: () => {
4163
4415
  colorType: "base" | "onBase" | "container" | "onContainer";
4164
4416
  toned?: boolean;
4165
4417
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4418
+ opacity?: number;
4166
4419
  };
4167
4420
  border?: {
4168
4421
  radius?: {
@@ -4182,6 +4435,7 @@ export declare const useSpacingBlueprintStore: () => {
4182
4435
  colorType: "base" | "onBase" | "container" | "onContainer";
4183
4436
  toned?: boolean;
4184
4437
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4438
+ opacity?: number;
4185
4439
  } | {
4186
4440
  color: string | any;
4187
4441
  stop?: number;
@@ -4202,11 +4456,13 @@ export declare const useSpacingBlueprintStore: () => {
4202
4456
  colorType: "base" | "onBase" | "container" | "onContainer";
4203
4457
  toned?: boolean;
4204
4458
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4459
+ opacity?: number;
4205
4460
  } | {
4206
4461
  color: string | {
4207
4462
  colorType: "base" | "onBase" | "container" | "onContainer";
4208
4463
  toned?: boolean;
4209
4464
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4465
+ opacity?: number;
4210
4466
  };
4211
4467
  stop?: number;
4212
4468
  })[];
@@ -4216,6 +4472,7 @@ export declare const useSpacingBlueprintStore: () => {
4216
4472
  colorType: "base" | "onBase" | "container" | "onContainer";
4217
4473
  toned?: boolean;
4218
4474
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4475
+ opacity?: number;
4219
4476
  };
4220
4477
  typography?: {
4221
4478
  decoration?: string;
@@ -4245,11 +4502,13 @@ export declare const useSpacingBlueprintStore: () => {
4245
4502
  colorType: "base" | "onBase" | "container" | "onContainer";
4246
4503
  toned?: boolean;
4247
4504
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4505
+ opacity?: number;
4248
4506
  } | {
4249
4507
  color: string | {
4250
4508
  colorType: "base" | "onBase" | "container" | "onContainer";
4251
4509
  toned?: boolean;
4252
4510
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4511
+ opacity?: number;
4253
4512
  };
4254
4513
  stop?: number;
4255
4514
  })[];
@@ -4259,6 +4518,7 @@ export declare const useSpacingBlueprintStore: () => {
4259
4518
  colorType: "base" | "onBase" | "container" | "onContainer";
4260
4519
  toned?: boolean;
4261
4520
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4521
+ opacity?: number;
4262
4522
  };
4263
4523
  size?: number;
4264
4524
  };
@@ -4270,11 +4530,13 @@ export declare const useSpacingBlueprintStore: () => {
4270
4530
  colorType: "base" | "onBase" | "container" | "onContainer";
4271
4531
  toned?: boolean;
4272
4532
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4533
+ opacity?: number;
4273
4534
  } | {
4274
4535
  color: string | {
4275
4536
  colorType: "base" | "onBase" | "container" | "onContainer";
4276
4537
  toned?: boolean;
4277
4538
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4539
+ opacity?: number;
4278
4540
  };
4279
4541
  stop?: number;
4280
4542
  })[];
@@ -4284,6 +4546,7 @@ export declare const useSpacingBlueprintStore: () => {
4284
4546
  colorType: "base" | "onBase" | "container" | "onContainer";
4285
4547
  toned?: boolean;
4286
4548
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4549
+ opacity?: number;
4287
4550
  };
4288
4551
  border?: {
4289
4552
  radius?: {
@@ -4303,6 +4566,7 @@ export declare const useSpacingBlueprintStore: () => {
4303
4566
  colorType: "base" | "onBase" | "container" | "onContainer";
4304
4567
  toned?: boolean;
4305
4568
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4569
+ opacity?: number;
4306
4570
  } | {
4307
4571
  color: string | any;
4308
4572
  stop?: number;
@@ -4326,11 +4590,13 @@ export declare const useSpacingBlueprintStore: () => {
4326
4590
  colorType: "base" | "onBase" | "container" | "onContainer";
4327
4591
  toned?: boolean;
4328
4592
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4593
+ opacity?: number;
4329
4594
  } | {
4330
4595
  color: string | {
4331
4596
  colorType: "base" | "onBase" | "container" | "onContainer";
4332
4597
  toned?: boolean;
4333
4598
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4599
+ opacity?: number;
4334
4600
  };
4335
4601
  stop?: number;
4336
4602
  })[];
@@ -4340,6 +4606,7 @@ export declare const useSpacingBlueprintStore: () => {
4340
4606
  colorType: "base" | "onBase" | "container" | "onContainer";
4341
4607
  toned?: boolean;
4342
4608
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4609
+ opacity?: number;
4343
4610
  };
4344
4611
  border?: {
4345
4612
  radius?: {
@@ -4359,11 +4626,13 @@ export declare const useSpacingBlueprintStore: () => {
4359
4626
  colorType: "base" | "onBase" | "container" | "onContainer";
4360
4627
  toned?: boolean;
4361
4628
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4629
+ opacity?: number;
4362
4630
  } | {
4363
4631
  color: string | {
4364
4632
  colorType: "base" | "onBase" | "container" | "onContainer";
4365
4633
  toned?: boolean;
4366
4634
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4635
+ opacity?: number;
4367
4636
  };
4368
4637
  stop?: number;
4369
4638
  })[];
@@ -4400,6 +4669,7 @@ export declare const useSpacingBlueprintStore: () => {
4400
4669
  colorType: "base" | "onBase" | "container" | "onContainer";
4401
4670
  toned?: boolean;
4402
4671
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4672
+ opacity?: number;
4403
4673
  };
4404
4674
  text?: {
4405
4675
  color?: string | {
@@ -4407,11 +4677,13 @@ export declare const useSpacingBlueprintStore: () => {
4407
4677
  colorType: "base" | "onBase" | "container" | "onContainer";
4408
4678
  toned?: boolean;
4409
4679
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4680
+ opacity?: number;
4410
4681
  } | {
4411
4682
  color: string | {
4412
4683
  colorType: "base" | "onBase" | "container" | "onContainer";
4413
4684
  toned?: boolean;
4414
4685
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4686
+ opacity?: number;
4415
4687
  };
4416
4688
  stop?: number;
4417
4689
  })[];
@@ -4421,6 +4693,7 @@ export declare const useSpacingBlueprintStore: () => {
4421
4693
  colorType: "base" | "onBase" | "container" | "onContainer";
4422
4694
  toned?: boolean;
4423
4695
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4696
+ opacity?: number;
4424
4697
  };
4425
4698
  typography?: {
4426
4699
  decoration?: string;
@@ -4450,11 +4723,13 @@ export declare const useSpacingBlueprintStore: () => {
4450
4723
  colorType: "base" | "onBase" | "container" | "onContainer";
4451
4724
  toned?: boolean;
4452
4725
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4726
+ opacity?: number;
4453
4727
  } | {
4454
4728
  color: string | {
4455
4729
  colorType: "base" | "onBase" | "container" | "onContainer";
4456
4730
  toned?: boolean;
4457
4731
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4732
+ opacity?: number;
4458
4733
  };
4459
4734
  stop?: number;
4460
4735
  })[];
@@ -4464,6 +4739,7 @@ export declare const useSpacingBlueprintStore: () => {
4464
4739
  colorType: "base" | "onBase" | "container" | "onContainer";
4465
4740
  toned?: boolean;
4466
4741
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4742
+ opacity?: number;
4467
4743
  };
4468
4744
  size?: number;
4469
4745
  };
@@ -4480,11 +4756,13 @@ export declare const useSpacingBlueprintStore: () => {
4480
4756
  colorType: "base" | "onBase" | "container" | "onContainer";
4481
4757
  toned?: boolean;
4482
4758
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4759
+ opacity?: number;
4483
4760
  } | {
4484
4761
  color: string | {
4485
4762
  colorType: "base" | "onBase" | "container" | "onContainer";
4486
4763
  toned?: boolean;
4487
4764
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4765
+ opacity?: number;
4488
4766
  };
4489
4767
  stop?: number;
4490
4768
  })[];
@@ -4494,6 +4772,7 @@ export declare const useSpacingBlueprintStore: () => {
4494
4772
  colorType: "base" | "onBase" | "container" | "onContainer";
4495
4773
  toned?: boolean;
4496
4774
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4775
+ opacity?: number;
4497
4776
  };
4498
4777
  border?: {
4499
4778
  radius?: {
@@ -4513,6 +4792,7 @@ export declare const useSpacingBlueprintStore: () => {
4513
4792
  colorType: "base" | "onBase" | "container" | "onContainer";
4514
4793
  toned?: boolean;
4515
4794
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4795
+ opacity?: number;
4516
4796
  } | {
4517
4797
  color: string | any;
4518
4798
  stop?: number;
@@ -4533,11 +4813,13 @@ export declare const useSpacingBlueprintStore: () => {
4533
4813
  colorType: "base" | "onBase" | "container" | "onContainer";
4534
4814
  toned?: boolean;
4535
4815
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4816
+ opacity?: number;
4536
4817
  } | {
4537
4818
  color: string | {
4538
4819
  colorType: "base" | "onBase" | "container" | "onContainer";
4539
4820
  toned?: boolean;
4540
4821
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4822
+ opacity?: number;
4541
4823
  };
4542
4824
  stop?: number;
4543
4825
  })[];
@@ -4547,6 +4829,7 @@ export declare const useSpacingBlueprintStore: () => {
4547
4829
  colorType: "base" | "onBase" | "container" | "onContainer";
4548
4830
  toned?: boolean;
4549
4831
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4832
+ opacity?: number;
4550
4833
  };
4551
4834
  typography?: {
4552
4835
  decoration?: string;
@@ -4576,11 +4859,13 @@ export declare const useSpacingBlueprintStore: () => {
4576
4859
  colorType: "base" | "onBase" | "container" | "onContainer";
4577
4860
  toned?: boolean;
4578
4861
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4862
+ opacity?: number;
4579
4863
  } | {
4580
4864
  color: string | {
4581
4865
  colorType: "base" | "onBase" | "container" | "onContainer";
4582
4866
  toned?: boolean;
4583
4867
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4868
+ opacity?: number;
4584
4869
  };
4585
4870
  stop?: number;
4586
4871
  })[];
@@ -4590,6 +4875,7 @@ export declare const useSpacingBlueprintStore: () => {
4590
4875
  colorType: "base" | "onBase" | "container" | "onContainer";
4591
4876
  toned?: boolean;
4592
4877
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4878
+ opacity?: number;
4593
4879
  };
4594
4880
  size?: number;
4595
4881
  };
@@ -4601,11 +4887,13 @@ export declare const useSpacingBlueprintStore: () => {
4601
4887
  colorType: "base" | "onBase" | "container" | "onContainer";
4602
4888
  toned?: boolean;
4603
4889
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4890
+ opacity?: number;
4604
4891
  } | {
4605
4892
  color: string | {
4606
4893
  colorType: "base" | "onBase" | "container" | "onContainer";
4607
4894
  toned?: boolean;
4608
4895
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4896
+ opacity?: number;
4609
4897
  };
4610
4898
  stop?: number;
4611
4899
  })[];
@@ -4615,6 +4903,7 @@ export declare const useSpacingBlueprintStore: () => {
4615
4903
  colorType: "base" | "onBase" | "container" | "onContainer";
4616
4904
  toned?: boolean;
4617
4905
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4906
+ opacity?: number;
4618
4907
  };
4619
4908
  border?: {
4620
4909
  radius?: {
@@ -4634,6 +4923,7 @@ export declare const useSpacingBlueprintStore: () => {
4634
4923
  colorType: "base" | "onBase" | "container" | "onContainer";
4635
4924
  toned?: boolean;
4636
4925
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
4926
+ opacity?: number;
4637
4927
  } | {
4638
4928
  color: string | any;
4639
4929
  stop?: number;
@@ -4819,11 +5109,13 @@ export declare const useSpacingBlueprintStore: () => {
4819
5109
  colorType: "base" | "onBase" | "container" | "onContainer";
4820
5110
  toned?: boolean;
4821
5111
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5112
+ opacity?: number;
4822
5113
  } | {
4823
5114
  color: string | {
4824
5115
  colorType: "base" | "onBase" | "container" | "onContainer";
4825
5116
  toned?: boolean;
4826
5117
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5118
+ opacity?: number;
4827
5119
  };
4828
5120
  stop?: number;
4829
5121
  })[];
@@ -4833,6 +5125,7 @@ export declare const useSpacingBlueprintStore: () => {
4833
5125
  colorType: "base" | "onBase" | "container" | "onContainer";
4834
5126
  toned?: boolean;
4835
5127
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5128
+ opacity?: number;
4836
5129
  };
4837
5130
  border?: {
4838
5131
  radius?: {
@@ -4852,6 +5145,7 @@ export declare const useSpacingBlueprintStore: () => {
4852
5145
  colorType: "base" | "onBase" | "container" | "onContainer";
4853
5146
  toned?: boolean;
4854
5147
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5148
+ opacity?: number;
4855
5149
  } | {
4856
5150
  color: string | any;
4857
5151
  stop?: number;
@@ -5040,11 +5334,13 @@ export declare const useSpacingBlueprintStore: () => {
5040
5334
  colorType: "base" | "onBase" | "container" | "onContainer";
5041
5335
  toned?: boolean;
5042
5336
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5337
+ opacity?: number;
5043
5338
  } | {
5044
5339
  color: string | {
5045
5340
  colorType: "base" | "onBase" | "container" | "onContainer";
5046
5341
  toned?: boolean;
5047
5342
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5343
+ opacity?: number;
5048
5344
  };
5049
5345
  stop?: number;
5050
5346
  })[];
@@ -5054,6 +5350,7 @@ export declare const useSpacingBlueprintStore: () => {
5054
5350
  colorType: "base" | "onBase" | "container" | "onContainer";
5055
5351
  toned?: boolean;
5056
5352
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5353
+ opacity?: number;
5057
5354
  };
5058
5355
  border?: {
5059
5356
  radius?: {
@@ -5073,6 +5370,7 @@ export declare const useSpacingBlueprintStore: () => {
5073
5370
  colorType: "base" | "onBase" | "container" | "onContainer";
5074
5371
  toned?: boolean;
5075
5372
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5373
+ opacity?: number;
5076
5374
  } | {
5077
5375
  color: string | any;
5078
5376
  stop?: number;
@@ -5261,11 +5559,13 @@ export declare const useSpacingBlueprintStore: () => {
5261
5559
  colorType: "base" | "onBase" | "container" | "onContainer";
5262
5560
  toned?: boolean;
5263
5561
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5562
+ opacity?: number;
5264
5563
  } | {
5265
5564
  color: string | {
5266
5565
  colorType: "base" | "onBase" | "container" | "onContainer";
5267
5566
  toned?: boolean;
5268
5567
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5568
+ opacity?: number;
5269
5569
  };
5270
5570
  stop?: number;
5271
5571
  })[];
@@ -5275,6 +5575,7 @@ export declare const useSpacingBlueprintStore: () => {
5275
5575
  colorType: "base" | "onBase" | "container" | "onContainer";
5276
5576
  toned?: boolean;
5277
5577
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5578
+ opacity?: number;
5278
5579
  };
5279
5580
  border?: {
5280
5581
  radius?: {
@@ -5294,6 +5595,7 @@ export declare const useSpacingBlueprintStore: () => {
5294
5595
  colorType: "base" | "onBase" | "container" | "onContainer";
5295
5596
  toned?: boolean;
5296
5597
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5598
+ opacity?: number;
5297
5599
  } | {
5298
5600
  color: string | any;
5299
5601
  stop?: number;
@@ -5482,11 +5784,13 @@ export declare const useSpacingBlueprintStore: () => {
5482
5784
  colorType: "base" | "onBase" | "container" | "onContainer";
5483
5785
  toned?: boolean;
5484
5786
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5787
+ opacity?: number;
5485
5788
  } | {
5486
5789
  color: string | {
5487
5790
  colorType: "base" | "onBase" | "container" | "onContainer";
5488
5791
  toned?: boolean;
5489
5792
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5793
+ opacity?: number;
5490
5794
  };
5491
5795
  stop?: number;
5492
5796
  })[];
@@ -5496,6 +5800,7 @@ export declare const useSpacingBlueprintStore: () => {
5496
5800
  colorType: "base" | "onBase" | "container" | "onContainer";
5497
5801
  toned?: boolean;
5498
5802
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5803
+ opacity?: number;
5499
5804
  };
5500
5805
  border?: {
5501
5806
  radius?: {
@@ -5515,6 +5820,7 @@ export declare const useSpacingBlueprintStore: () => {
5515
5820
  colorType: "base" | "onBase" | "container" | "onContainer";
5516
5821
  toned?: boolean;
5517
5822
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5823
+ opacity?: number;
5518
5824
  } | {
5519
5825
  color: string | any;
5520
5826
  stop?: number;
@@ -5552,11 +5858,13 @@ export declare const useSpacingBlueprintStore: () => {
5552
5858
  colorType: "base" | "onBase" | "container" | "onContainer";
5553
5859
  toned?: boolean;
5554
5860
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5861
+ opacity?: number;
5555
5862
  } | {
5556
5863
  color: string | {
5557
5864
  colorType: "base" | "onBase" | "container" | "onContainer";
5558
5865
  toned?: boolean;
5559
5866
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5867
+ opacity?: number;
5560
5868
  };
5561
5869
  stop?: number;
5562
5870
  })[];
@@ -5566,6 +5874,7 @@ export declare const useSpacingBlueprintStore: () => {
5566
5874
  colorType: "base" | "onBase" | "container" | "onContainer";
5567
5875
  toned?: boolean;
5568
5876
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5877
+ opacity?: number;
5569
5878
  };
5570
5879
  size?: number;
5571
5880
  };
@@ -5575,11 +5884,13 @@ export declare const useSpacingBlueprintStore: () => {
5575
5884
  colorType: "base" | "onBase" | "container" | "onContainer";
5576
5885
  toned?: boolean;
5577
5886
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5887
+ opacity?: number;
5578
5888
  } | {
5579
5889
  color: string | {
5580
5890
  colorType: "base" | "onBase" | "container" | "onContainer";
5581
5891
  toned?: boolean;
5582
5892
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5893
+ opacity?: number;
5583
5894
  };
5584
5895
  stop?: number;
5585
5896
  })[];
@@ -5589,6 +5900,7 @@ export declare const useSpacingBlueprintStore: () => {
5589
5900
  colorType: "base" | "onBase" | "container" | "onContainer";
5590
5901
  toned?: boolean;
5591
5902
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5903
+ opacity?: number;
5592
5904
  };
5593
5905
  size?: number;
5594
5906
  };
@@ -5598,11 +5910,13 @@ export declare const useSpacingBlueprintStore: () => {
5598
5910
  colorType: "base" | "onBase" | "container" | "onContainer";
5599
5911
  toned?: boolean;
5600
5912
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5913
+ opacity?: number;
5601
5914
  } | {
5602
5915
  color: string | {
5603
5916
  colorType: "base" | "onBase" | "container" | "onContainer";
5604
5917
  toned?: boolean;
5605
5918
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5919
+ opacity?: number;
5606
5920
  };
5607
5921
  stop?: number;
5608
5922
  })[];
@@ -5612,6 +5926,7 @@ export declare const useSpacingBlueprintStore: () => {
5612
5926
  colorType: "base" | "onBase" | "container" | "onContainer";
5613
5927
  toned?: boolean;
5614
5928
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5929
+ opacity?: number;
5615
5930
  };
5616
5931
  size?: number;
5617
5932
  };
@@ -5621,11 +5936,13 @@ export declare const useSpacingBlueprintStore: () => {
5621
5936
  colorType: "base" | "onBase" | "container" | "onContainer";
5622
5937
  toned?: boolean;
5623
5938
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5939
+ opacity?: number;
5624
5940
  } | {
5625
5941
  color: string | {
5626
5942
  colorType: "base" | "onBase" | "container" | "onContainer";
5627
5943
  toned?: boolean;
5628
5944
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5945
+ opacity?: number;
5629
5946
  };
5630
5947
  stop?: number;
5631
5948
  })[];
@@ -5635,6 +5952,7 @@ export declare const useSpacingBlueprintStore: () => {
5635
5952
  colorType: "base" | "onBase" | "container" | "onContainer";
5636
5953
  toned?: boolean;
5637
5954
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5955
+ opacity?: number;
5638
5956
  };
5639
5957
  size?: number;
5640
5958
  };
@@ -5644,11 +5962,13 @@ export declare const useSpacingBlueprintStore: () => {
5644
5962
  colorType: "base" | "onBase" | "container" | "onContainer";
5645
5963
  toned?: boolean;
5646
5964
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5965
+ opacity?: number;
5647
5966
  } | {
5648
5967
  color: string | {
5649
5968
  colorType: "base" | "onBase" | "container" | "onContainer";
5650
5969
  toned?: boolean;
5651
5970
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5971
+ opacity?: number;
5652
5972
  };
5653
5973
  stop?: number;
5654
5974
  })[];
@@ -5658,6 +5978,7 @@ export declare const useSpacingBlueprintStore: () => {
5658
5978
  colorType: "base" | "onBase" | "container" | "onContainer";
5659
5979
  toned?: boolean;
5660
5980
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5981
+ opacity?: number;
5661
5982
  };
5662
5983
  size?: number;
5663
5984
  };
@@ -5672,11 +5993,13 @@ export declare const useSpacingBlueprintStore: () => {
5672
5993
  colorType: "base" | "onBase" | "container" | "onContainer";
5673
5994
  toned?: boolean;
5674
5995
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
5996
+ opacity?: number;
5675
5997
  } | {
5676
5998
  color: string | {
5677
5999
  colorType: "base" | "onBase" | "container" | "onContainer";
5678
6000
  toned?: boolean;
5679
6001
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
6002
+ opacity?: number;
5680
6003
  };
5681
6004
  stop?: number;
5682
6005
  })[];
@@ -5686,6 +6009,7 @@ export declare const useSpacingBlueprintStore: () => {
5686
6009
  colorType: "base" | "onBase" | "container" | "onContainer";
5687
6010
  toned?: boolean;
5688
6011
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
6012
+ opacity?: number;
5689
6013
  };
5690
6014
  border?: {
5691
6015
  radius?: {
@@ -5705,11 +6029,13 @@ export declare const useSpacingBlueprintStore: () => {
5705
6029
  colorType: "base" | "onBase" | "container" | "onContainer";
5706
6030
  toned?: boolean;
5707
6031
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
6032
+ opacity?: number;
5708
6033
  } | {
5709
6034
  color: string | {
5710
6035
  colorType: "base" | "onBase" | "container" | "onContainer";
5711
6036
  toned?: boolean;
5712
6037
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
6038
+ opacity?: number;
5713
6039
  };
5714
6040
  stop?: number;
5715
6041
  })[];
@@ -5738,11 +6064,13 @@ export declare const useSpacingBlueprintStore: () => {
5738
6064
  colorType: "base" | "onBase" | "container" | "onContainer";
5739
6065
  toned?: boolean;
5740
6066
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
6067
+ opacity?: number;
5741
6068
  } | {
5742
6069
  color: string | {
5743
6070
  colorType: "base" | "onBase" | "container" | "onContainer";
5744
6071
  toned?: boolean;
5745
6072
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
6073
+ opacity?: number;
5746
6074
  };
5747
6075
  stop?: number;
5748
6076
  })[];
@@ -5752,6 +6080,7 @@ export declare const useSpacingBlueprintStore: () => {
5752
6080
  colorType: "base" | "onBase" | "container" | "onContainer";
5753
6081
  toned?: boolean;
5754
6082
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
6083
+ opacity?: number;
5755
6084
  };
5756
6085
  border?: {
5757
6086
  radius?: {
@@ -5771,11 +6100,13 @@ export declare const useSpacingBlueprintStore: () => {
5771
6100
  colorType: "base" | "onBase" | "container" | "onContainer";
5772
6101
  toned?: boolean;
5773
6102
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
6103
+ opacity?: number;
5774
6104
  } | {
5775
6105
  color: string | {
5776
6106
  colorType: "base" | "onBase" | "container" | "onContainer";
5777
6107
  toned?: boolean;
5778
6108
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
6109
+ opacity?: number;
5779
6110
  };
5780
6111
  stop?: number;
5781
6112
  })[];
@@ -5804,11 +6135,13 @@ export declare const useSpacingBlueprintStore: () => {
5804
6135
  colorType: "base" | "onBase" | "container" | "onContainer";
5805
6136
  toned?: boolean;
5806
6137
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
6138
+ opacity?: number;
5807
6139
  } | {
5808
6140
  color: string | {
5809
6141
  colorType: "base" | "onBase" | "container" | "onContainer";
5810
6142
  toned?: boolean;
5811
6143
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
6144
+ opacity?: number;
5812
6145
  };
5813
6146
  stop?: number;
5814
6147
  })[];
@@ -5818,6 +6151,7 @@ export declare const useSpacingBlueprintStore: () => {
5818
6151
  colorType: "base" | "onBase" | "container" | "onContainer";
5819
6152
  toned?: boolean;
5820
6153
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
6154
+ opacity?: number;
5821
6155
  };
5822
6156
  border?: {
5823
6157
  radius?: {
@@ -5837,11 +6171,13 @@ export declare const useSpacingBlueprintStore: () => {
5837
6171
  colorType: "base" | "onBase" | "container" | "onContainer";
5838
6172
  toned?: boolean;
5839
6173
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
6174
+ opacity?: number;
5840
6175
  } | {
5841
6176
  color: string | {
5842
6177
  colorType: "base" | "onBase" | "container" | "onContainer";
5843
6178
  toned?: boolean;
5844
6179
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
6180
+ opacity?: number;
5845
6181
  };
5846
6182
  stop?: number;
5847
6183
  })[];
@@ -5870,11 +6206,13 @@ export declare const useSpacingBlueprintStore: () => {
5870
6206
  colorType: "base" | "onBase" | "container" | "onContainer";
5871
6207
  toned?: boolean;
5872
6208
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
6209
+ opacity?: number;
5873
6210
  } | {
5874
6211
  color: string | {
5875
6212
  colorType: "base" | "onBase" | "container" | "onContainer";
5876
6213
  toned?: boolean;
5877
6214
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
6215
+ opacity?: number;
5878
6216
  };
5879
6217
  stop?: number;
5880
6218
  })[];
@@ -5884,6 +6222,7 @@ export declare const useSpacingBlueprintStore: () => {
5884
6222
  colorType: "base" | "onBase" | "container" | "onContainer";
5885
6223
  toned?: boolean;
5886
6224
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
6225
+ opacity?: number;
5887
6226
  };
5888
6227
  border?: {
5889
6228
  radius?: {
@@ -5903,11 +6242,13 @@ export declare const useSpacingBlueprintStore: () => {
5903
6242
  colorType: "base" | "onBase" | "container" | "onContainer";
5904
6243
  toned?: boolean;
5905
6244
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
6245
+ opacity?: number;
5906
6246
  } | {
5907
6247
  color: string | {
5908
6248
  colorType: "base" | "onBase" | "container" | "onContainer";
5909
6249
  toned?: boolean;
5910
6250
  colorSchemaType?: "background" | "primary" | "secondary" | "accent1" | "accent2" | "accent3" | "neutral" | "warning" | "notification" | "error" | "info" | "dynamic";
6251
+ opacity?: number;
5911
6252
  };
5912
6253
  stop?: number;
5913
6254
  })[];