@fluentui-react-native/apple-theme 0.20.0 → 0.20.2

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.
@@ -83,7 +83,7 @@ Object {
83
83
  "brandStroke1": "#0078d4",
84
84
  "brandStroke2": "#c7e0f4",
85
85
  "brandedBackground": "#0078d4",
86
- "brandedBorder": "transparent",
86
+ "brandedBorder": "#00000000",
87
87
  "brandedCheckedBackground": Object {
88
88
  "dynamic": Object {
89
89
  "dark": "#1890F1",
@@ -152,9 +152,9 @@ Object {
152
152
  "systemEffect": "pressed",
153
153
  },
154
154
  },
155
- "buttonBorder": "transparent",
156
- "buttonBorderDisabled": "transparent",
157
- "buttonBorderFocused": "transparent",
155
+ "buttonBorder": "#00000000",
156
+ "buttonBorderDisabled": "#00000000",
157
+ "buttonBorderFocused": "#00000000",
158
158
  "buttonText": "#616161",
159
159
  "buttonTextChecked": "#616161",
160
160
  "buttonTextCheckedHovered": "#616161",
@@ -604,15 +604,6 @@ Object {
604
604
  "primaryButtonTextDisabled": "#757575",
605
605
  "primaryButtonTextHovered": "#ffffff",
606
606
  "primaryButtonTextPressed": "#ffffff",
607
- "redBackground1": "#f9f0f2",
608
- "redBackground2": "#d69ca5",
609
- "redBackground3": "#750b1c",
610
- "redBorder1": "#d69ca5",
611
- "redBorder2": "#750b1c",
612
- "redBorderActive": "#750b1c",
613
- "redForeground1": "#690a19",
614
- "redForeground2": "#d69ca5",
615
- "redForeground3": "#750b1c",
616
607
  "smallInputBorder": Object {
617
608
  "semantic": Array [
618
609
  "separatorColor",
@@ -625,7 +616,7 @@ Object {
625
616
  "secondaryLabelColor",
626
617
  ],
627
618
  },
628
- "subtleBackground": "transparent",
619
+ "subtleBackground": "#00000000",
629
620
  "subtleBackgroundHover": "#f5f5f5",
630
621
  "subtleBackgroundPressed": "#e0e0e0",
631
622
  "subtleBackgroundSelected": "#ebebeb",
@@ -637,13 +628,13 @@ Object {
637
628
  "light": "#27AC22",
638
629
  },
639
630
  },
640
- "transparentBackground": "transparent",
641
- "transparentBackgroundHover": "transparent",
642
- "transparentBackgroundPressed": "transparent",
643
- "transparentBackgroundSelected": "transparent",
644
- "transparentStroke": "transparent",
645
- "transparentStrokeDisabled": "transparent",
646
- "transparentStrokeInteractive": "transparent",
631
+ "transparentBackground": "#00000000",
632
+ "transparentBackgroundHover": "#00000000",
633
+ "transparentBackgroundPressed": "#00000000",
634
+ "transparentBackgroundSelected": "#00000000",
635
+ "transparentStroke": "#00000000",
636
+ "transparentStrokeDisabled": "#00000000",
637
+ "transparentStrokeInteractive": "#00000000",
647
638
  "variantBorder": Object {
648
639
  "semantic": Array [
649
640
  "separatorColor",
@@ -1112,6 +1103,16 @@ Object {
1112
1103
  "compoundBrandStroke1": "#0086f0",
1113
1104
  "compoundBrandStroke1Hover": "#1890f1",
1114
1105
  "compoundBrandStroke1Pressed": "#6cb8f6",
1106
+ "dangerBackground1": "#3f1011",
1107
+ "dangerBackground2": "#751d1f",
1108
+ "dangerBackground3": "#d13438",
1109
+ "dangerBorder1": "#d13438",
1110
+ "dangerBorder2": "#dc5e62",
1111
+ "dangerBorderActive": "#e37d80",
1112
+ "dangerForeground1": "#e37d80",
1113
+ "dangerForeground2": "#f1bbbc",
1114
+ "dangerForeground3": "#e37d80",
1115
+ "dangerForegroundInverted": "#d13438",
1115
1116
  "neutralBackground1": "#000000",
1116
1117
  "neutralBackground1Hover": "#3d3d3d",
1117
1118
  "neutralBackground1Pressed": "#5c5c5c",
@@ -1177,28 +1178,57 @@ Object {
1177
1178
  "neutralStrokeAccessiblePressed": "#b3b3b3",
1178
1179
  "neutralStrokeAccessibleSelected": "#0086f0",
1179
1180
  "neutralStrokeDisabled": "#525252",
1180
- "redBackground1": "#230308",
1181
- "redBackground2": "#420610",
1182
- "redBackground3": "#750b1c",
1183
- "redBorder1": "#750b1c",
1184
- "redBorder2": "#962f3f",
1185
- "redBorderActive": "#ac4f5e",
1186
- "redForeground1": "#ac4f5e",
1187
- "redForeground2": "#420610",
1188
- "redForeground3": "#750b1c",
1181
+ "outofofficeBackground1": "#3a1136",
1182
+ "outofofficeBackground2": "#6d2064",
1183
+ "outofofficeBackground3": "#c239b3",
1184
+ "outofofficeBorder1": "#c239b3",
1185
+ "outofofficeBorder2": "#d161c4",
1186
+ "outofofficeBorderActive": "#da7ed0",
1187
+ "outofofficeForeground1": "#da7ed0",
1188
+ "outofofficeForeground2": "#edbbe7",
1189
+ "outofofficeForeground3": "#d161c4",
1190
+ "severeBackground1": "#411200",
1191
+ "severeBackground2": "#7a2101",
1192
+ "severeBackground3": "#da3b01",
1193
+ "severeBorder1": "#da3b01",
1194
+ "severeBorder2": "#e9835e",
1195
+ "severeBorderActive": "#e9835e",
1196
+ "severeForeground1": "#e9835e",
1197
+ "severeForeground2": "#f4bfab",
1198
+ "severeForeground3": "#e9835e",
1189
1199
  "strokeFocus1": "#000000",
1190
1200
  "strokeFocus2": "#ffffff",
1191
- "subtleBackground": "transparent",
1201
+ "subtleBackground": "#00000000",
1192
1202
  "subtleBackgroundHover": "#3d3d3d",
1193
1203
  "subtleBackgroundPressed": "#1f1f1f",
1194
1204
  "subtleBackgroundSelected": "#383838",
1195
- "transparentBackground": "transparent",
1196
- "transparentBackgroundHover": "transparent",
1197
- "transparentBackgroundPressed": "transparent",
1198
- "transparentBackgroundSelected": "transparent",
1199
- "transparentStroke": "transparent",
1200
- "transparentStrokeDisabled": "transparent",
1201
- "transparentStrokeInteractive": "transparent",
1205
+ "successBackground1": "#052505",
1206
+ "successBackground2": "#094509",
1207
+ "successBackground3": "#107c10",
1208
+ "successBorder1": "#107c10",
1209
+ "successBorder2": "#9fd89f",
1210
+ "successBorderActive": "#54b054",
1211
+ "successForeground1": "#54b054",
1212
+ "successForeground2": "#9fd89f",
1213
+ "successForeground3": "#9fd89f",
1214
+ "successForegroundInverted": "#107c10",
1215
+ "transparentBackground": "#00000000",
1216
+ "transparentBackgroundHover": "#00000000",
1217
+ "transparentBackgroundPressed": "#00000000",
1218
+ "transparentBackgroundSelected": "#00000000",
1219
+ "transparentStroke": "#00000000",
1220
+ "transparentStrokeDisabled": "#00000000",
1221
+ "transparentStrokeInteractive": "#00000000",
1222
+ "warningBackground1": "#4c4400",
1223
+ "warningBackground2": "#817400",
1224
+ "warningBackground3": "#fde300",
1225
+ "warningBorder1": "#fde300",
1226
+ "warningBorder2": "#fdea3d",
1227
+ "warningBorderActive": "#feee66",
1228
+ "warningForeground1": "#feee66",
1229
+ "warningForeground2": "#fef7b2",
1230
+ "warningForeground3": "#fdea3d",
1231
+ "warningForegroundInverted": "#817400",
1202
1232
  }
1203
1233
  `;
1204
1234
 
@@ -1230,6 +1260,16 @@ Object {
1230
1260
  "compoundBrandStroke1": "#0086f0",
1231
1261
  "compoundBrandStroke1Hover": "#1890f1",
1232
1262
  "compoundBrandStroke1Pressed": "#6cb8f6",
1263
+ "dangerBackground1": "#3f1011",
1264
+ "dangerBackground2": "#751d1f",
1265
+ "dangerBackground3": "#d13438",
1266
+ "dangerBorder1": "#d13438",
1267
+ "dangerBorder2": "#dc5e62",
1268
+ "dangerBorderActive": "#e37d80",
1269
+ "dangerForeground1": "#e37d80",
1270
+ "dangerForeground2": "#f1bbbc",
1271
+ "dangerForeground3": "#e37d80",
1272
+ "dangerForegroundInverted": "#d13438",
1233
1273
  "neutralBackground1": "#000000",
1234
1274
  "neutralBackground1Hover": "#3d3d3d",
1235
1275
  "neutralBackground1Pressed": "#5c5c5c",
@@ -1295,28 +1335,57 @@ Object {
1295
1335
  "neutralStrokeAccessiblePressed": "#b3b3b3",
1296
1336
  "neutralStrokeAccessibleSelected": "#0086f0",
1297
1337
  "neutralStrokeDisabled": "#525252",
1298
- "redBackground1": "#230308",
1299
- "redBackground2": "#420610",
1300
- "redBackground3": "#750b1c",
1301
- "redBorder1": "#750b1c",
1302
- "redBorder2": "#962f3f",
1303
- "redBorderActive": "#ac4f5e",
1304
- "redForeground1": "#ac4f5e",
1305
- "redForeground2": "#420610",
1306
- "redForeground3": "#750b1c",
1338
+ "outofofficeBackground1": "#3a1136",
1339
+ "outofofficeBackground2": "#6d2064",
1340
+ "outofofficeBackground3": "#c239b3",
1341
+ "outofofficeBorder1": "#c239b3",
1342
+ "outofofficeBorder2": "#d161c4",
1343
+ "outofofficeBorderActive": "#da7ed0",
1344
+ "outofofficeForeground1": "#da7ed0",
1345
+ "outofofficeForeground2": "#edbbe7",
1346
+ "outofofficeForeground3": "#d161c4",
1347
+ "severeBackground1": "#411200",
1348
+ "severeBackground2": "#7a2101",
1349
+ "severeBackground3": "#da3b01",
1350
+ "severeBorder1": "#da3b01",
1351
+ "severeBorder2": "#e9835e",
1352
+ "severeBorderActive": "#e9835e",
1353
+ "severeForeground1": "#e9835e",
1354
+ "severeForeground2": "#f4bfab",
1355
+ "severeForeground3": "#e9835e",
1307
1356
  "strokeFocus1": "#000000",
1308
1357
  "strokeFocus2": "#ffffff",
1309
- "subtleBackground": "transparent",
1358
+ "subtleBackground": "#00000000",
1310
1359
  "subtleBackgroundHover": "#3d3d3d",
1311
1360
  "subtleBackgroundPressed": "#1f1f1f",
1312
1361
  "subtleBackgroundSelected": "#383838",
1313
- "transparentBackground": "transparent",
1314
- "transparentBackgroundHover": "transparent",
1315
- "transparentBackgroundPressed": "transparent",
1316
- "transparentBackgroundSelected": "transparent",
1362
+ "successBackground1": "#052505",
1363
+ "successBackground2": "#094509",
1364
+ "successBackground3": "#107c10",
1365
+ "successBorder1": "#107c10",
1366
+ "successBorder2": "#9fd89f",
1367
+ "successBorderActive": "#54b054",
1368
+ "successForeground1": "#54b054",
1369
+ "successForeground2": "#9fd89f",
1370
+ "successForeground3": "#9fd89f",
1371
+ "successForegroundInverted": "#107c10",
1372
+ "transparentBackground": "#00000000",
1373
+ "transparentBackgroundHover": "#00000000",
1374
+ "transparentBackgroundPressed": "#00000000",
1375
+ "transparentBackgroundSelected": "#00000000",
1317
1376
  "transparentStroke": "#3aa0f3",
1318
1377
  "transparentStrokeDisabled": "#d6d6d6",
1319
1378
  "transparentStrokeInteractive": "#a8a8a8",
1379
+ "warningBackground1": "#4c4400",
1380
+ "warningBackground2": "#817400",
1381
+ "warningBackground3": "#fde300",
1382
+ "warningBorder1": "#fde300",
1383
+ "warningBorder2": "#fdea3d",
1384
+ "warningBorderActive": "#feee66",
1385
+ "warningForeground1": "#feee66",
1386
+ "warningForeground2": "#fef7b2",
1387
+ "warningForeground3": "#fdea3d",
1388
+ "warningForegroundInverted": "#817400",
1320
1389
  }
1321
1390
  `;
1322
1391
 
@@ -1348,6 +1417,16 @@ Object {
1348
1417
  "compoundBrandStroke1": "#0078d4",
1349
1418
  "compoundBrandStroke1Hover": "#106ebe",
1350
1419
  "compoundBrandStroke1Pressed": "#004578",
1420
+ "dangerBackground1": "#fdf6f6",
1421
+ "dangerBackground2": "#f1bbbc",
1422
+ "dangerBackground3": "#d13438",
1423
+ "dangerBorder1": "#f1bbbc",
1424
+ "dangerBorder2": "#d13438",
1425
+ "dangerBorderActive": "#d13438",
1426
+ "dangerForeground1": "#bc2f32",
1427
+ "dangerForeground2": "#751d1f",
1428
+ "dangerForeground3": "#d13438",
1429
+ "dangerForegroundInverted": "#dc5e62",
1351
1430
  "neutralBackground1": "#ffffff",
1352
1431
  "neutralBackground1Hover": "#f5f5f5",
1353
1432
  "neutralBackground1Pressed": "#ebebeb",
@@ -1413,28 +1492,57 @@ Object {
1413
1492
  "neutralStrokeAccessiblePressed": "#4d4d4d",
1414
1493
  "neutralStrokeAccessibleSelected": "#0078d4",
1415
1494
  "neutralStrokeDisabled": "#e0e0e0",
1416
- "redBackground1": "#f9f0f2",
1417
- "redBackground2": "#d69ca5",
1418
- "redBackground3": "#750b1c",
1419
- "redBorder1": "#d69ca5",
1420
- "redBorder2": "#750b1c",
1421
- "redBorderActive": "#750b1c",
1422
- "redForeground1": "#690a19",
1423
- "redForeground2": "#d69ca5",
1424
- "redForeground3": "#750b1c",
1495
+ "outofofficeBackground1": "#fdf5fc",
1496
+ "outofofficeBackground2": "#edbbe7",
1497
+ "outofofficeBackground3": "#c239b3",
1498
+ "outofofficeBorder1": "#edbbe7",
1499
+ "outofofficeBorder2": "#c239b3",
1500
+ "outofofficeBorderActive": "#c239b3",
1501
+ "outofofficeForeground1": "#af33a1",
1502
+ "outofofficeForeground2": "#6d2064",
1503
+ "outofofficeForeground3": "#c239b3",
1504
+ "severeBackground1": "#fdf6f3",
1505
+ "severeBackground2": "#f4bfab",
1506
+ "severeBackground3": "#da3b01",
1507
+ "severeBorder1": "#f4bfab",
1508
+ "severeBorder2": "#da3b01",
1509
+ "severeBorderActive": "#da3b01",
1510
+ "severeForeground1": "#c43501",
1511
+ "severeForeground2": "#7a2101",
1512
+ "severeForeground3": "#da3b01",
1425
1513
  "strokeFocus1": "#ffffff",
1426
1514
  "strokeFocus2": "#000000",
1427
- "subtleBackground": "transparent",
1515
+ "subtleBackground": "#00000000",
1428
1516
  "subtleBackgroundHover": "#f5f5f5",
1429
1517
  "subtleBackgroundPressed": "#e0e0e0",
1430
1518
  "subtleBackgroundSelected": "#ebebeb",
1431
- "transparentBackground": "transparent",
1432
- "transparentBackgroundHover": "transparent",
1433
- "transparentBackgroundPressed": "transparent",
1434
- "transparentBackgroundSelected": "transparent",
1435
- "transparentStroke": "transparent",
1436
- "transparentStrokeDisabled": "transparent",
1437
- "transparentStrokeInteractive": "transparent",
1519
+ "successBackground1": "#f1faf1",
1520
+ "successBackground2": "#9fd89f",
1521
+ "successBackground3": "#107c10",
1522
+ "successBorder1": "#9fd89f",
1523
+ "successBorder2": "#107c10",
1524
+ "successBorderActive": "#107c10",
1525
+ "successForeground1": "#0e700e",
1526
+ "successForeground2": "#094509",
1527
+ "successForeground3": "#107c10",
1528
+ "successForegroundInverted": "#359b35",
1529
+ "transparentBackground": "#00000000",
1530
+ "transparentBackgroundHover": "#00000000",
1531
+ "transparentBackgroundPressed": "#00000000",
1532
+ "transparentBackgroundSelected": "#00000000",
1533
+ "transparentStroke": "#00000000",
1534
+ "transparentStrokeDisabled": "#00000000",
1535
+ "transparentStrokeInteractive": "#00000000",
1536
+ "warningBackground1": "#fffef5",
1537
+ "warningBackground2": "#fef7b2",
1538
+ "warningBackground3": "#fde300",
1539
+ "warningBorder1": "#fef7b2",
1540
+ "warningBorder2": "#fde300",
1541
+ "warningBorderActive": "#fde300",
1542
+ "warningForeground1": "#817400",
1543
+ "warningForeground2": "#817400",
1544
+ "warningForeground3": "#fde300",
1545
+ "warningForegroundInverted": "#fef7b2",
1438
1546
  }
1439
1547
  `;
1440
1548
 
@@ -1466,6 +1574,16 @@ Object {
1466
1574
  "compoundBrandStroke1": "#0078d4",
1467
1575
  "compoundBrandStroke1Hover": "#106ebe",
1468
1576
  "compoundBrandStroke1Pressed": "#004578",
1577
+ "dangerBackground1": "#fdf6f6",
1578
+ "dangerBackground2": "#f1bbbc",
1579
+ "dangerBackground3": "#d13438",
1580
+ "dangerBorder1": "#f1bbbc",
1581
+ "dangerBorder2": "#d13438",
1582
+ "dangerBorderActive": "#d13438",
1583
+ "dangerForeground1": "#bc2f32",
1584
+ "dangerForeground2": "#751d1f",
1585
+ "dangerForeground3": "#d13438",
1586
+ "dangerForegroundInverted": "#dc5e62",
1469
1587
  "neutralBackground1": "#ffffff",
1470
1588
  "neutralBackground1Hover": "#f5f5f5",
1471
1589
  "neutralBackground1Pressed": "#ebebeb",
@@ -1531,28 +1649,57 @@ Object {
1531
1649
  "neutralStrokeAccessiblePressed": "#4d4d4d",
1532
1650
  "neutralStrokeAccessibleSelected": "#0078d4",
1533
1651
  "neutralStrokeDisabled": "#e0e0e0",
1534
- "redBackground1": "#f9f0f2",
1535
- "redBackground2": "#d69ca5",
1536
- "redBackground3": "#750b1c",
1537
- "redBorder1": "#d69ca5",
1538
- "redBorder2": "#750b1c",
1539
- "redBorderActive": "#750b1c",
1540
- "redForeground1": "#690a19",
1541
- "redForeground2": "#d69ca5",
1542
- "redForeground3": "#750b1c",
1652
+ "outofofficeBackground1": "#fdf5fc",
1653
+ "outofofficeBackground2": "#edbbe7",
1654
+ "outofofficeBackground3": "#c239b3",
1655
+ "outofofficeBorder1": "#edbbe7",
1656
+ "outofofficeBorder2": "#c239b3",
1657
+ "outofofficeBorderActive": "#c239b3",
1658
+ "outofofficeForeground1": "#af33a1",
1659
+ "outofofficeForeground2": "#6d2064",
1660
+ "outofofficeForeground3": "#c239b3",
1661
+ "severeBackground1": "#fdf6f3",
1662
+ "severeBackground2": "#f4bfab",
1663
+ "severeBackground3": "#da3b01",
1664
+ "severeBorder1": "#f4bfab",
1665
+ "severeBorder2": "#da3b01",
1666
+ "severeBorderActive": "#da3b01",
1667
+ "severeForeground1": "#c43501",
1668
+ "severeForeground2": "#7a2101",
1669
+ "severeForeground3": "#da3b01",
1543
1670
  "strokeFocus1": "#ffffff",
1544
1671
  "strokeFocus2": "#000000",
1545
- "subtleBackground": "transparent",
1672
+ "subtleBackground": "#00000000",
1546
1673
  "subtleBackgroundHover": "#f5f5f5",
1547
1674
  "subtleBackgroundPressed": "#e0e0e0",
1548
1675
  "subtleBackgroundSelected": "#ebebeb",
1549
- "transparentBackground": "transparent",
1550
- "transparentBackgroundHover": "transparent",
1551
- "transparentBackgroundPressed": "transparent",
1552
- "transparentBackgroundSelected": "transparent",
1676
+ "successBackground1": "#f1faf1",
1677
+ "successBackground2": "#9fd89f",
1678
+ "successBackground3": "#107c10",
1679
+ "successBorder1": "#9fd89f",
1680
+ "successBorder2": "#107c10",
1681
+ "successBorderActive": "#107c10",
1682
+ "successForeground1": "#0e700e",
1683
+ "successForeground2": "#094509",
1684
+ "successForeground3": "#107c10",
1685
+ "successForegroundInverted": "#359b35",
1686
+ "transparentBackground": "#00000000",
1687
+ "transparentBackgroundHover": "#00000000",
1688
+ "transparentBackgroundPressed": "#00000000",
1689
+ "transparentBackgroundSelected": "#00000000",
1553
1690
  "transparentStroke": "#000000",
1554
1691
  "transparentStrokeDisabled": "#bdbdbd",
1555
1692
  "transparentStrokeInteractive": "#666666",
1693
+ "warningBackground1": "#fffef5",
1694
+ "warningBackground2": "#fef7b2",
1695
+ "warningBackground3": "#fde300",
1696
+ "warningBorder1": "#fef7b2",
1697
+ "warningBorder2": "#fde300",
1698
+ "warningBorderActive": "#fde300",
1699
+ "warningForeground1": "#817400",
1700
+ "warningForeground2": "#817400",
1701
+ "warningForeground3": "#fde300",
1702
+ "warningForegroundInverted": "#fef7b2",
1556
1703
  }
1557
1704
  `;
1558
1705
 
@@ -593,15 +593,5 @@ export function fallbackApplePalette(mode: AppearanceOptions): ThemeColorDefinit
593
593
 
594
594
  strokeFocus1: macOSAliasColorTokens.strokeFocus1,
595
595
  strokeFocus2: macOSAliasColorTokens.strokeFocus2,
596
-
597
- redBackground1: macOSAliasColorTokens.redBackground1,
598
- redBackground2: macOSAliasColorTokens.redBackground2,
599
- redBackground3: macOSAliasColorTokens.redBackground3,
600
- redForeground1: macOSAliasColorTokens.redForeground1,
601
- redForeground2: macOSAliasColorTokens.redForeground2,
602
- redForeground3: macOSAliasColorTokens.redForeground3,
603
- redBorderActive: macOSAliasColorTokens.redBorderActive,
604
- redBorder1: macOSAliasColorTokens.redBorder1,
605
- redBorder2: macOSAliasColorTokens.redBorder2,
606
596
  };
607
597
  }