@jobber/design 0.65.1 → 0.66.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/tokens.all.colors.d.ts +20 -0
- package/dist/assets/tokens.android.d.ts +20 -0
- package/dist/assets/tokens.ios.d.ts +20 -0
- package/dist/assets/tokens.web.d.ts +20 -0
- package/dist/color.css +8 -8
- package/dist/colors.cjs +8 -8
- package/dist/colors.mjs +8 -8
- package/dist/dark.mode.css +1 -1
- package/dist/dark.theme.css +1 -1
- package/dist/foundation.css +38 -18
- package/dist/index.cjs +210 -130
- package/dist/index.mjs +210 -130
- package/package.json +2 -2
package/dist/index.cjs
CHANGED
|
@@ -970,16 +970,36 @@ var tokens_web = {
|
|
|
970
970
|
"color-base-pink--800": "hsl(348, 40%, 27%)",
|
|
971
971
|
"color-base-pink--900": "hsl(347, 41%, 18%)",
|
|
972
972
|
"color-base-pink--1000": "hsl(349, 40%, 13%)",
|
|
973
|
-
"color-base-orange--100": "hsl(
|
|
974
|
-
"color-base-orange--200": "hsl(
|
|
975
|
-
"color-base-orange--300": "hsl(
|
|
976
|
-
"color-base-orange--400": "hsl(
|
|
977
|
-
"color-base-orange--500": "hsl(
|
|
978
|
-
"color-base-orange--600": "hsl(
|
|
979
|
-
"color-base-orange--700": "hsl(
|
|
980
|
-
"color-base-orange--800": "hsl(
|
|
981
|
-
"color-base-orange--900": "hsl(
|
|
982
|
-
"color-base-orange--1000": "hsl(
|
|
973
|
+
"color-base-orange--100": "hsl(31, 71%, 97%)",
|
|
974
|
+
"color-base-orange--200": "hsl(31, 74%, 93%)",
|
|
975
|
+
"color-base-orange--300": "hsl(31, 72%, 85%)",
|
|
976
|
+
"color-base-orange--400": "hsl(31, 83%, 64%)",
|
|
977
|
+
"color-base-orange--500": "hsl(31, 80%, 48%)",
|
|
978
|
+
"color-base-orange--600": "hsl(31, 90%, 37%)",
|
|
979
|
+
"color-base-orange--700": "hsl(31, 100%, 27%)",
|
|
980
|
+
"color-base-orange--800": "hsl(31, 100%, 18%)",
|
|
981
|
+
"color-base-orange--900": "hsl(31, 90%, 12%)",
|
|
982
|
+
"color-base-orange--1000": "hsl(31, 79%, 9%)",
|
|
983
|
+
"color-base-teal--100": "hsl(190, 63%, 97%)",
|
|
984
|
+
"color-base-teal--200": "hsl(190, 63%, 92%)",
|
|
985
|
+
"color-base-teal--300": "hsl(190, 63%, 81%)",
|
|
986
|
+
"color-base-teal--400": "hsl(190, 63%, 60%)",
|
|
987
|
+
"color-base-teal--500": "hsl(190, 80%, 42%)",
|
|
988
|
+
"color-base-teal--600": "hsl(190, 80%, 33%)",
|
|
989
|
+
"color-base-teal--700": "hsl(190, 78%, 25%)",
|
|
990
|
+
"color-base-teal--800": "hsl(190, 75%, 17%)",
|
|
991
|
+
"color-base-teal--900": "hsl(190, 85%, 10%)",
|
|
992
|
+
"color-base-teal--1000": "hsl(190, 50%, 9%)",
|
|
993
|
+
"color-base-purple--100": "hsl(253, 50%, 97%)",
|
|
994
|
+
"color-base-purple--200": "hsl(253, 50%, 94%)",
|
|
995
|
+
"color-base-purple--300": "hsl(253, 50%, 90%)",
|
|
996
|
+
"color-base-purple--400": "hsl(253, 50%, 79%)",
|
|
997
|
+
"color-base-purple--500": "hsl(253, 52%, 69%)",
|
|
998
|
+
"color-base-purple--600": "hsl(253, 50%, 59%)",
|
|
999
|
+
"color-base-purple--700": "hsl(253, 50%, 50%)",
|
|
1000
|
+
"color-base-purple--800": "hsl(253, 50%, 34%)",
|
|
1001
|
+
"color-base-purple--900": "hsl(253, 50%, 23%)",
|
|
1002
|
+
"color-base-purple--1000": "hsl(253, 50%, 16%)",
|
|
983
1003
|
"color-indigo": "rgb(85, 106, 203)",
|
|
984
1004
|
"color-indigo--light": "rgb(136, 151, 219)",
|
|
985
1005
|
"color-indigo--lighter": "rgb(187, 195, 234)",
|
|
@@ -989,14 +1009,14 @@ var tokens_web = {
|
|
|
989
1009
|
"color-black--rgb": "0, 0, 0",
|
|
990
1010
|
"color-brand--highlight": "hsl(86, 100%, 46%)",
|
|
991
1011
|
"color-greyBlue--rgb": "101, 120, 132",
|
|
992
|
-
"color-purple--light": "
|
|
993
|
-
"color-purple--lighter": "
|
|
994
|
-
"color-purple--lightest": "
|
|
995
|
-
"color-teal": "
|
|
996
|
-
"color-teal--light": "
|
|
997
|
-
"color-teal--lighter": "
|
|
998
|
-
"color-teal--lightest": "
|
|
999
|
-
"color-teal--dark": "
|
|
1012
|
+
"color-purple--light": "hsl(253, 50%, 79%)",
|
|
1013
|
+
"color-purple--lighter": "hsl(253, 50%, 90%)",
|
|
1014
|
+
"color-purple--lightest": "hsl(253, 50%, 97%)",
|
|
1015
|
+
"color-teal": "hsl(190, 80%, 42%)",
|
|
1016
|
+
"color-teal--light": "hsl(190, 63%, 60%)",
|
|
1017
|
+
"color-teal--lighter": "hsl(190, 63%, 81%)",
|
|
1018
|
+
"color-teal--lightest": "hsl(190, 63%, 92%)",
|
|
1019
|
+
"color-teal--dark": "hsl(190, 78%, 25%)",
|
|
1000
1020
|
"color-blue": "hsl(197, 90%, 12%)",
|
|
1001
1021
|
"color-blue--light": "hsl(198, 25%, 33%)",
|
|
1002
1022
|
"color-blue--lighter": "hsl(198, 12%, 57%)",
|
|
@@ -1056,16 +1076,16 @@ var tokens_web = {
|
|
|
1056
1076
|
"color-pink--lighter": "hsl(349, 34%, 75%)",
|
|
1057
1077
|
"color-pink--lightest": "hsl(347, 33%, 95%)",
|
|
1058
1078
|
"color-pink--dark": "hsl(348, 40%, 27%)",
|
|
1059
|
-
"color-orange": "hsl(
|
|
1060
|
-
"color-orange--light": "hsl(
|
|
1061
|
-
"color-orange--lighter": "hsl(
|
|
1062
|
-
"color-orange--lightest": "hsl(
|
|
1063
|
-
"color-orange--dark": "hsl(
|
|
1064
|
-
"color-brown": "hsl(
|
|
1065
|
-
"color-brown--light": "hsl(
|
|
1079
|
+
"color-orange": "hsl(31, 80%, 48%)",
|
|
1080
|
+
"color-orange--light": "hsl(31, 83%, 64%)",
|
|
1081
|
+
"color-orange--lighter": "hsl(31, 72%, 85%)",
|
|
1082
|
+
"color-orange--lightest": "hsl(31, 74%, 93%)",
|
|
1083
|
+
"color-orange--dark": "hsl(31, 90%, 37%)",
|
|
1084
|
+
"color-brown": "hsl(31, 100%, 27%)",
|
|
1085
|
+
"color-brown--light": "hsl(31, 90%, 37%)",
|
|
1066
1086
|
"color-brown--lighter": "hsl(51, 17%, 85%)",
|
|
1067
1087
|
"color-brown--lightest": "hsl(53, 21%, 93%)",
|
|
1068
|
-
"color-brown--dark": "hsl(
|
|
1088
|
+
"color-brown--dark": "hsl(31, 100%, 18%)",
|
|
1069
1089
|
"color-navy": "hsl(207, 61%, 34%)",
|
|
1070
1090
|
"color-navy--light": "hsl(207, 61%, 45%)",
|
|
1071
1091
|
"color-navy--lighter": "hsl(200, 13%, 87%)",
|
|
@@ -1115,9 +1135,9 @@ var tokens_web = {
|
|
|
1115
1135
|
"color-border--interactive": "hsl(200, 13%, 87%)",
|
|
1116
1136
|
"color-border--section": "hsl(197, 90%, 12%)",
|
|
1117
1137
|
"color-brand": "hsl(79, 85%, 34%)",
|
|
1118
|
-
"color-request": "hsl(
|
|
1119
|
-
"color-request--surface": "hsl(
|
|
1120
|
-
"color-request--onSurface": "hsl(
|
|
1138
|
+
"color-request": "hsl(31, 90%, 37%)",
|
|
1139
|
+
"color-request--surface": "hsl(31, 74%, 93%)",
|
|
1140
|
+
"color-request--onSurface": "hsl(31, 100%, 18%)",
|
|
1121
1141
|
"color-quote": "hsl(348, 40%, 41%)",
|
|
1122
1142
|
"color-quote--surface": "hsl(347, 33%, 95%)",
|
|
1123
1143
|
"color-quote--onSurface": "hsl(348, 40%, 27%)",
|
|
@@ -1294,16 +1314,36 @@ var tokens_android = {
|
|
|
1294
1314
|
"color-base-pink--800": "hsl(348, 40%, 27%)",
|
|
1295
1315
|
"color-base-pink--900": "hsl(347, 41%, 18%)",
|
|
1296
1316
|
"color-base-pink--1000": "hsl(349, 40%, 13%)",
|
|
1297
|
-
"color-base-orange--100": "hsl(
|
|
1298
|
-
"color-base-orange--200": "hsl(
|
|
1299
|
-
"color-base-orange--300": "hsl(
|
|
1300
|
-
"color-base-orange--400": "hsl(
|
|
1301
|
-
"color-base-orange--500": "hsl(
|
|
1302
|
-
"color-base-orange--600": "hsl(
|
|
1303
|
-
"color-base-orange--700": "hsl(
|
|
1304
|
-
"color-base-orange--800": "hsl(
|
|
1305
|
-
"color-base-orange--900": "hsl(
|
|
1306
|
-
"color-base-orange--1000": "hsl(
|
|
1317
|
+
"color-base-orange--100": "hsl(31, 71%, 97%)",
|
|
1318
|
+
"color-base-orange--200": "hsl(31, 74%, 93%)",
|
|
1319
|
+
"color-base-orange--300": "hsl(31, 72%, 85%)",
|
|
1320
|
+
"color-base-orange--400": "hsl(31, 83%, 64%)",
|
|
1321
|
+
"color-base-orange--500": "hsl(31, 80%, 48%)",
|
|
1322
|
+
"color-base-orange--600": "hsl(31, 90%, 37%)",
|
|
1323
|
+
"color-base-orange--700": "hsl(31, 100%, 27%)",
|
|
1324
|
+
"color-base-orange--800": "hsl(31, 100%, 18%)",
|
|
1325
|
+
"color-base-orange--900": "hsl(31, 90%, 12%)",
|
|
1326
|
+
"color-base-orange--1000": "hsl(31, 79%, 9%)",
|
|
1327
|
+
"color-base-teal--100": "hsl(190, 63%, 97%)",
|
|
1328
|
+
"color-base-teal--200": "hsl(190, 63%, 92%)",
|
|
1329
|
+
"color-base-teal--300": "hsl(190, 63%, 81%)",
|
|
1330
|
+
"color-base-teal--400": "hsl(190, 63%, 60%)",
|
|
1331
|
+
"color-base-teal--500": "hsl(190, 80%, 42%)",
|
|
1332
|
+
"color-base-teal--600": "hsl(190, 80%, 33%)",
|
|
1333
|
+
"color-base-teal--700": "hsl(190, 78%, 25%)",
|
|
1334
|
+
"color-base-teal--800": "hsl(190, 75%, 17%)",
|
|
1335
|
+
"color-base-teal--900": "hsl(190, 85%, 10%)",
|
|
1336
|
+
"color-base-teal--1000": "hsl(190, 50%, 9%)",
|
|
1337
|
+
"color-base-purple--100": "hsl(253, 50%, 97%)",
|
|
1338
|
+
"color-base-purple--200": "hsl(253, 50%, 94%)",
|
|
1339
|
+
"color-base-purple--300": "hsl(253, 50%, 90%)",
|
|
1340
|
+
"color-base-purple--400": "hsl(253, 50%, 79%)",
|
|
1341
|
+
"color-base-purple--500": "hsl(253, 52%, 69%)",
|
|
1342
|
+
"color-base-purple--600": "hsl(253, 50%, 59%)",
|
|
1343
|
+
"color-base-purple--700": "hsl(253, 50%, 50%)",
|
|
1344
|
+
"color-base-purple--800": "hsl(253, 50%, 34%)",
|
|
1345
|
+
"color-base-purple--900": "hsl(253, 50%, 23%)",
|
|
1346
|
+
"color-base-purple--1000": "hsl(253, 50%, 16%)",
|
|
1307
1347
|
"color-indigo": "rgb(85, 106, 203)",
|
|
1308
1348
|
"color-indigo--light": "rgb(136, 151, 219)",
|
|
1309
1349
|
"color-indigo--lighter": "rgb(187, 195, 234)",
|
|
@@ -1313,14 +1353,14 @@ var tokens_android = {
|
|
|
1313
1353
|
"color-black--rgb": "0, 0, 0",
|
|
1314
1354
|
"color-brand--highlight": "hsl(86, 100%, 46%)",
|
|
1315
1355
|
"color-greyBlue--rgb": "101, 120, 132",
|
|
1316
|
-
"color-purple--light": "
|
|
1317
|
-
"color-purple--lighter": "
|
|
1318
|
-
"color-purple--lightest": "
|
|
1319
|
-
"color-teal": "
|
|
1320
|
-
"color-teal--light": "
|
|
1321
|
-
"color-teal--lighter": "
|
|
1322
|
-
"color-teal--lightest": "
|
|
1323
|
-
"color-teal--dark": "
|
|
1356
|
+
"color-purple--light": "hsl(253, 50%, 79%)",
|
|
1357
|
+
"color-purple--lighter": "hsl(253, 50%, 90%)",
|
|
1358
|
+
"color-purple--lightest": "hsl(253, 50%, 97%)",
|
|
1359
|
+
"color-teal": "hsl(190, 80%, 42%)",
|
|
1360
|
+
"color-teal--light": "hsl(190, 63%, 60%)",
|
|
1361
|
+
"color-teal--lighter": "hsl(190, 63%, 81%)",
|
|
1362
|
+
"color-teal--lightest": "hsl(190, 63%, 92%)",
|
|
1363
|
+
"color-teal--dark": "hsl(190, 78%, 25%)",
|
|
1324
1364
|
"color-blue": "hsl(197, 90%, 12%)",
|
|
1325
1365
|
"color-blue--light": "hsl(198, 25%, 33%)",
|
|
1326
1366
|
"color-blue--lighter": "hsl(198, 12%, 57%)",
|
|
@@ -1380,16 +1420,16 @@ var tokens_android = {
|
|
|
1380
1420
|
"color-pink--lighter": "hsl(349, 34%, 75%)",
|
|
1381
1421
|
"color-pink--lightest": "hsl(347, 33%, 95%)",
|
|
1382
1422
|
"color-pink--dark": "hsl(348, 40%, 27%)",
|
|
1383
|
-
"color-orange": "hsl(
|
|
1384
|
-
"color-orange--light": "hsl(
|
|
1385
|
-
"color-orange--lighter": "hsl(
|
|
1386
|
-
"color-orange--lightest": "hsl(
|
|
1387
|
-
"color-orange--dark": "hsl(
|
|
1388
|
-
"color-brown": "hsl(
|
|
1389
|
-
"color-brown--light": "hsl(
|
|
1423
|
+
"color-orange": "hsl(31, 80%, 48%)",
|
|
1424
|
+
"color-orange--light": "hsl(31, 83%, 64%)",
|
|
1425
|
+
"color-orange--lighter": "hsl(31, 72%, 85%)",
|
|
1426
|
+
"color-orange--lightest": "hsl(31, 74%, 93%)",
|
|
1427
|
+
"color-orange--dark": "hsl(31, 90%, 37%)",
|
|
1428
|
+
"color-brown": "hsl(31, 100%, 27%)",
|
|
1429
|
+
"color-brown--light": "hsl(31, 90%, 37%)",
|
|
1390
1430
|
"color-brown--lighter": "hsl(51, 17%, 85%)",
|
|
1391
1431
|
"color-brown--lightest": "hsl(53, 21%, 93%)",
|
|
1392
|
-
"color-brown--dark": "hsl(
|
|
1432
|
+
"color-brown--dark": "hsl(31, 100%, 18%)",
|
|
1393
1433
|
"color-navy": "hsl(207, 61%, 34%)",
|
|
1394
1434
|
"color-navy--light": "hsl(207, 61%, 45%)",
|
|
1395
1435
|
"color-navy--lighter": "hsl(200, 13%, 87%)",
|
|
@@ -1439,9 +1479,9 @@ var tokens_android = {
|
|
|
1439
1479
|
"color-border--interactive": "hsl(200, 13%, 87%)",
|
|
1440
1480
|
"color-border--section": "hsl(197, 90%, 12%)",
|
|
1441
1481
|
"color-brand": "hsl(79, 85%, 34%)",
|
|
1442
|
-
"color-request": "hsl(
|
|
1443
|
-
"color-request--surface": "hsl(
|
|
1444
|
-
"color-request--onSurface": "hsl(
|
|
1482
|
+
"color-request": "hsl(31, 90%, 37%)",
|
|
1483
|
+
"color-request--surface": "hsl(31, 74%, 93%)",
|
|
1484
|
+
"color-request--onSurface": "hsl(31, 100%, 18%)",
|
|
1445
1485
|
"color-quote": "hsl(348, 40%, 41%)",
|
|
1446
1486
|
"color-quote--surface": "hsl(347, 33%, 95%)",
|
|
1447
1487
|
"color-quote--onSurface": "hsl(348, 40%, 27%)",
|
|
@@ -1646,16 +1686,36 @@ var tokens_ios = {
|
|
|
1646
1686
|
"color-base-pink--800": "hsl(348, 40%, 27%)",
|
|
1647
1687
|
"color-base-pink--900": "hsl(347, 41%, 18%)",
|
|
1648
1688
|
"color-base-pink--1000": "hsl(349, 40%, 13%)",
|
|
1649
|
-
"color-base-orange--100": "hsl(
|
|
1650
|
-
"color-base-orange--200": "hsl(
|
|
1651
|
-
"color-base-orange--300": "hsl(
|
|
1652
|
-
"color-base-orange--400": "hsl(
|
|
1653
|
-
"color-base-orange--500": "hsl(
|
|
1654
|
-
"color-base-orange--600": "hsl(
|
|
1655
|
-
"color-base-orange--700": "hsl(
|
|
1656
|
-
"color-base-orange--800": "hsl(
|
|
1657
|
-
"color-base-orange--900": "hsl(
|
|
1658
|
-
"color-base-orange--1000": "hsl(
|
|
1689
|
+
"color-base-orange--100": "hsl(31, 71%, 97%)",
|
|
1690
|
+
"color-base-orange--200": "hsl(31, 74%, 93%)",
|
|
1691
|
+
"color-base-orange--300": "hsl(31, 72%, 85%)",
|
|
1692
|
+
"color-base-orange--400": "hsl(31, 83%, 64%)",
|
|
1693
|
+
"color-base-orange--500": "hsl(31, 80%, 48%)",
|
|
1694
|
+
"color-base-orange--600": "hsl(31, 90%, 37%)",
|
|
1695
|
+
"color-base-orange--700": "hsl(31, 100%, 27%)",
|
|
1696
|
+
"color-base-orange--800": "hsl(31, 100%, 18%)",
|
|
1697
|
+
"color-base-orange--900": "hsl(31, 90%, 12%)",
|
|
1698
|
+
"color-base-orange--1000": "hsl(31, 79%, 9%)",
|
|
1699
|
+
"color-base-teal--100": "hsl(190, 63%, 97%)",
|
|
1700
|
+
"color-base-teal--200": "hsl(190, 63%, 92%)",
|
|
1701
|
+
"color-base-teal--300": "hsl(190, 63%, 81%)",
|
|
1702
|
+
"color-base-teal--400": "hsl(190, 63%, 60%)",
|
|
1703
|
+
"color-base-teal--500": "hsl(190, 80%, 42%)",
|
|
1704
|
+
"color-base-teal--600": "hsl(190, 80%, 33%)",
|
|
1705
|
+
"color-base-teal--700": "hsl(190, 78%, 25%)",
|
|
1706
|
+
"color-base-teal--800": "hsl(190, 75%, 17%)",
|
|
1707
|
+
"color-base-teal--900": "hsl(190, 85%, 10%)",
|
|
1708
|
+
"color-base-teal--1000": "hsl(190, 50%, 9%)",
|
|
1709
|
+
"color-base-purple--100": "hsl(253, 50%, 97%)",
|
|
1710
|
+
"color-base-purple--200": "hsl(253, 50%, 94%)",
|
|
1711
|
+
"color-base-purple--300": "hsl(253, 50%, 90%)",
|
|
1712
|
+
"color-base-purple--400": "hsl(253, 50%, 79%)",
|
|
1713
|
+
"color-base-purple--500": "hsl(253, 52%, 69%)",
|
|
1714
|
+
"color-base-purple--600": "hsl(253, 50%, 59%)",
|
|
1715
|
+
"color-base-purple--700": "hsl(253, 50%, 50%)",
|
|
1716
|
+
"color-base-purple--800": "hsl(253, 50%, 34%)",
|
|
1717
|
+
"color-base-purple--900": "hsl(253, 50%, 23%)",
|
|
1718
|
+
"color-base-purple--1000": "hsl(253, 50%, 16%)",
|
|
1659
1719
|
"color-indigo": "rgb(85, 106, 203)",
|
|
1660
1720
|
"color-indigo--light": "rgb(136, 151, 219)",
|
|
1661
1721
|
"color-indigo--lighter": "rgb(187, 195, 234)",
|
|
@@ -1665,14 +1725,14 @@ var tokens_ios = {
|
|
|
1665
1725
|
"color-black--rgb": "0, 0, 0",
|
|
1666
1726
|
"color-brand--highlight": "hsl(86, 100%, 46%)",
|
|
1667
1727
|
"color-greyBlue--rgb": "101, 120, 132",
|
|
1668
|
-
"color-purple--light": "
|
|
1669
|
-
"color-purple--lighter": "
|
|
1670
|
-
"color-purple--lightest": "
|
|
1671
|
-
"color-teal": "
|
|
1672
|
-
"color-teal--light": "
|
|
1673
|
-
"color-teal--lighter": "
|
|
1674
|
-
"color-teal--lightest": "
|
|
1675
|
-
"color-teal--dark": "
|
|
1728
|
+
"color-purple--light": "hsl(253, 50%, 79%)",
|
|
1729
|
+
"color-purple--lighter": "hsl(253, 50%, 90%)",
|
|
1730
|
+
"color-purple--lightest": "hsl(253, 50%, 97%)",
|
|
1731
|
+
"color-teal": "hsl(190, 80%, 42%)",
|
|
1732
|
+
"color-teal--light": "hsl(190, 63%, 60%)",
|
|
1733
|
+
"color-teal--lighter": "hsl(190, 63%, 81%)",
|
|
1734
|
+
"color-teal--lightest": "hsl(190, 63%, 92%)",
|
|
1735
|
+
"color-teal--dark": "hsl(190, 78%, 25%)",
|
|
1676
1736
|
"color-blue": "hsl(197, 90%, 12%)",
|
|
1677
1737
|
"color-blue--light": "hsl(198, 25%, 33%)",
|
|
1678
1738
|
"color-blue--lighter": "hsl(198, 12%, 57%)",
|
|
@@ -1732,16 +1792,16 @@ var tokens_ios = {
|
|
|
1732
1792
|
"color-pink--lighter": "hsl(349, 34%, 75%)",
|
|
1733
1793
|
"color-pink--lightest": "hsl(347, 33%, 95%)",
|
|
1734
1794
|
"color-pink--dark": "hsl(348, 40%, 27%)",
|
|
1735
|
-
"color-orange": "hsl(
|
|
1736
|
-
"color-orange--light": "hsl(
|
|
1737
|
-
"color-orange--lighter": "hsl(
|
|
1738
|
-
"color-orange--lightest": "hsl(
|
|
1739
|
-
"color-orange--dark": "hsl(
|
|
1740
|
-
"color-brown": "hsl(
|
|
1741
|
-
"color-brown--light": "hsl(
|
|
1795
|
+
"color-orange": "hsl(31, 80%, 48%)",
|
|
1796
|
+
"color-orange--light": "hsl(31, 83%, 64%)",
|
|
1797
|
+
"color-orange--lighter": "hsl(31, 72%, 85%)",
|
|
1798
|
+
"color-orange--lightest": "hsl(31, 74%, 93%)",
|
|
1799
|
+
"color-orange--dark": "hsl(31, 90%, 37%)",
|
|
1800
|
+
"color-brown": "hsl(31, 100%, 27%)",
|
|
1801
|
+
"color-brown--light": "hsl(31, 90%, 37%)",
|
|
1742
1802
|
"color-brown--lighter": "hsl(51, 17%, 85%)",
|
|
1743
1803
|
"color-brown--lightest": "hsl(53, 21%, 93%)",
|
|
1744
|
-
"color-brown--dark": "hsl(
|
|
1804
|
+
"color-brown--dark": "hsl(31, 100%, 18%)",
|
|
1745
1805
|
"color-navy": "hsl(207, 61%, 34%)",
|
|
1746
1806
|
"color-navy--light": "hsl(207, 61%, 45%)",
|
|
1747
1807
|
"color-navy--lighter": "hsl(200, 13%, 87%)",
|
|
@@ -1791,9 +1851,9 @@ var tokens_ios = {
|
|
|
1791
1851
|
"color-border--interactive": "hsl(200, 13%, 87%)",
|
|
1792
1852
|
"color-border--section": "hsl(197, 90%, 12%)",
|
|
1793
1853
|
"color-brand": "hsl(79, 85%, 34%)",
|
|
1794
|
-
"color-request": "hsl(
|
|
1795
|
-
"color-request--surface": "hsl(
|
|
1796
|
-
"color-request--onSurface": "hsl(
|
|
1854
|
+
"color-request": "hsl(31, 90%, 37%)",
|
|
1855
|
+
"color-request--surface": "hsl(31, 74%, 93%)",
|
|
1856
|
+
"color-request--onSurface": "hsl(31, 100%, 18%)",
|
|
1797
1857
|
"color-quote": "hsl(348, 40%, 41%)",
|
|
1798
1858
|
"color-quote--surface": "hsl(347, 33%, 95%)",
|
|
1799
1859
|
"color-quote--onSurface": "hsl(348, 40%, 27%)",
|
|
@@ -1963,16 +2023,16 @@ var tokens_color = {
|
|
|
1963
2023
|
"color-pink--lighter": "hsl(349, 34%, 75%)",
|
|
1964
2024
|
"color-pink--lightest": "hsl(347, 33%, 95%)",
|
|
1965
2025
|
"color-pink--dark": "hsl(348, 40%, 27%)",
|
|
1966
|
-
"color-orange": "hsl(
|
|
1967
|
-
"color-orange--light": "hsl(
|
|
1968
|
-
"color-orange--lighter": "hsl(
|
|
1969
|
-
"color-orange--lightest": "hsl(
|
|
1970
|
-
"color-orange--dark": "hsl(
|
|
1971
|
-
"color-brown": "hsl(
|
|
1972
|
-
"color-brown--light": "hsl(
|
|
2026
|
+
"color-orange": "hsl(31, 80%, 48%)",
|
|
2027
|
+
"color-orange--light": "hsl(31, 83%, 64%)",
|
|
2028
|
+
"color-orange--lighter": "hsl(31, 72%, 85%)",
|
|
2029
|
+
"color-orange--lightest": "hsl(31, 74%, 93%)",
|
|
2030
|
+
"color-orange--dark": "hsl(31, 90%, 37%)",
|
|
2031
|
+
"color-brown": "hsl(31, 100%, 27%)",
|
|
2032
|
+
"color-brown--light": "hsl(31, 90%, 37%)",
|
|
1973
2033
|
"color-brown--lighter": "hsl(51, 17%, 85%)",
|
|
1974
2034
|
"color-brown--lightest": "hsl(53, 21%, 93%)",
|
|
1975
|
-
"color-brown--dark": "hsl(
|
|
2035
|
+
"color-brown--dark": "hsl(31, 100%, 18%)",
|
|
1976
2036
|
"color-navy": "hsl(207, 61%, 34%)",
|
|
1977
2037
|
"color-navy--light": "hsl(207, 61%, 45%)",
|
|
1978
2038
|
"color-navy--lighter": "hsl(200, 13%, 87%)",
|
|
@@ -1984,9 +2044,9 @@ var tokens_color = {
|
|
|
1984
2044
|
|
|
1985
2045
|
var allColors = {
|
|
1986
2046
|
"base-unit": "16px",
|
|
1987
|
-
"color-request": "hsl(
|
|
1988
|
-
"color-request--surface": "hsl(
|
|
1989
|
-
"color-request--onSurface": "hsl(
|
|
2047
|
+
"color-request": "hsl(31, 90%, 37%)",
|
|
2048
|
+
"color-request--surface": "hsl(31, 74%, 93%)",
|
|
2049
|
+
"color-request--onSurface": "hsl(31, 100%, 18%)",
|
|
1990
2050
|
"color-quote": "hsl(348, 40%, 41%)",
|
|
1991
2051
|
"color-quote--surface": "hsl(347, 33%, 95%)",
|
|
1992
2052
|
"color-quote--onSurface": "hsl(348, 40%, 27%)",
|
|
@@ -2110,16 +2170,16 @@ var allColors = {
|
|
|
2110
2170
|
"color-pink--lighter": "hsl(349, 34%, 75%)",
|
|
2111
2171
|
"color-pink--lightest": "hsl(347, 33%, 95%)",
|
|
2112
2172
|
"color-pink--dark": "hsl(348, 40%, 27%)",
|
|
2113
|
-
"color-orange": "hsl(
|
|
2114
|
-
"color-orange--light": "hsl(
|
|
2115
|
-
"color-orange--lighter": "hsl(
|
|
2116
|
-
"color-orange--lightest": "hsl(
|
|
2117
|
-
"color-orange--dark": "hsl(
|
|
2118
|
-
"color-brown": "hsl(
|
|
2119
|
-
"color-brown--light": "hsl(
|
|
2173
|
+
"color-orange": "hsl(31, 80%, 48%)",
|
|
2174
|
+
"color-orange--light": "hsl(31, 83%, 64%)",
|
|
2175
|
+
"color-orange--lighter": "hsl(31, 72%, 85%)",
|
|
2176
|
+
"color-orange--lightest": "hsl(31, 74%, 93%)",
|
|
2177
|
+
"color-orange--dark": "hsl(31, 90%, 37%)",
|
|
2178
|
+
"color-brown": "hsl(31, 100%, 27%)",
|
|
2179
|
+
"color-brown--light": "hsl(31, 90%, 37%)",
|
|
2120
2180
|
"color-brown--lighter": "hsl(51, 17%, 85%)",
|
|
2121
2181
|
"color-brown--lightest": "hsl(53, 21%, 93%)",
|
|
2122
|
-
"color-brown--dark": "hsl(
|
|
2182
|
+
"color-brown--dark": "hsl(31, 100%, 18%)",
|
|
2123
2183
|
"color-navy": "hsl(207, 61%, 34%)",
|
|
2124
2184
|
"color-navy--light": "hsl(207, 61%, 45%)",
|
|
2125
2185
|
"color-navy--lighter": "hsl(200, 13%, 87%)",
|
|
@@ -2217,16 +2277,36 @@ var allColors = {
|
|
|
2217
2277
|
"color-base-pink--800": "hsl(348, 40%, 27%)",
|
|
2218
2278
|
"color-base-pink--900": "hsl(347, 41%, 18%)",
|
|
2219
2279
|
"color-base-pink--1000": "hsl(349, 40%, 13%)",
|
|
2220
|
-
"color-base-orange--100": "hsl(
|
|
2221
|
-
"color-base-orange--200": "hsl(
|
|
2222
|
-
"color-base-orange--300": "hsl(
|
|
2223
|
-
"color-base-orange--400": "hsl(
|
|
2224
|
-
"color-base-orange--500": "hsl(
|
|
2225
|
-
"color-base-orange--600": "hsl(
|
|
2226
|
-
"color-base-orange--700": "hsl(
|
|
2227
|
-
"color-base-orange--800": "hsl(
|
|
2228
|
-
"color-base-orange--900": "hsl(
|
|
2229
|
-
"color-base-orange--1000": "hsl(
|
|
2280
|
+
"color-base-orange--100": "hsl(31, 71%, 97%)",
|
|
2281
|
+
"color-base-orange--200": "hsl(31, 74%, 93%)",
|
|
2282
|
+
"color-base-orange--300": "hsl(31, 72%, 85%)",
|
|
2283
|
+
"color-base-orange--400": "hsl(31, 83%, 64%)",
|
|
2284
|
+
"color-base-orange--500": "hsl(31, 80%, 48%)",
|
|
2285
|
+
"color-base-orange--600": "hsl(31, 90%, 37%)",
|
|
2286
|
+
"color-base-orange--700": "hsl(31, 100%, 27%)",
|
|
2287
|
+
"color-base-orange--800": "hsl(31, 100%, 18%)",
|
|
2288
|
+
"color-base-orange--900": "hsl(31, 90%, 12%)",
|
|
2289
|
+
"color-base-orange--1000": "hsl(31, 79%, 9%)",
|
|
2290
|
+
"color-base-teal--100": "hsl(190, 63%, 97%)",
|
|
2291
|
+
"color-base-teal--200": "hsl(190, 63%, 92%)",
|
|
2292
|
+
"color-base-teal--300": "hsl(190, 63%, 81%)",
|
|
2293
|
+
"color-base-teal--400": "hsl(190, 63%, 60%)",
|
|
2294
|
+
"color-base-teal--500": "hsl(190, 80%, 42%)",
|
|
2295
|
+
"color-base-teal--600": "hsl(190, 80%, 33%)",
|
|
2296
|
+
"color-base-teal--700": "hsl(190, 78%, 25%)",
|
|
2297
|
+
"color-base-teal--800": "hsl(190, 75%, 17%)",
|
|
2298
|
+
"color-base-teal--900": "hsl(190, 85%, 10%)",
|
|
2299
|
+
"color-base-teal--1000": "hsl(190, 50%, 9%)",
|
|
2300
|
+
"color-base-purple--100": "hsl(253, 50%, 97%)",
|
|
2301
|
+
"color-base-purple--200": "hsl(253, 50%, 94%)",
|
|
2302
|
+
"color-base-purple--300": "hsl(253, 50%, 90%)",
|
|
2303
|
+
"color-base-purple--400": "hsl(253, 50%, 79%)",
|
|
2304
|
+
"color-base-purple--500": "hsl(253, 52%, 69%)",
|
|
2305
|
+
"color-base-purple--600": "hsl(253, 50%, 59%)",
|
|
2306
|
+
"color-base-purple--700": "hsl(253, 50%, 50%)",
|
|
2307
|
+
"color-base-purple--800": "hsl(253, 50%, 34%)",
|
|
2308
|
+
"color-base-purple--900": "hsl(253, 50%, 23%)",
|
|
2309
|
+
"color-base-purple--1000": "hsl(253, 50%, 16%)",
|
|
2230
2310
|
"color-indigo": "rgb(85, 106, 203)",
|
|
2231
2311
|
"color-indigo--light": "rgb(136, 151, 219)",
|
|
2232
2312
|
"color-indigo--lighter": "rgb(187, 195, 234)",
|
|
@@ -2236,14 +2316,14 @@ var allColors = {
|
|
|
2236
2316
|
"color-black--rgb": "0, 0, 0",
|
|
2237
2317
|
"color-brand--highlight": "hsl(86, 100%, 46%)",
|
|
2238
2318
|
"color-greyBlue--rgb": "101, 120, 132",
|
|
2239
|
-
"color-purple--light": "
|
|
2240
|
-
"color-purple--lighter": "
|
|
2241
|
-
"color-purple--lightest": "
|
|
2242
|
-
"color-teal": "
|
|
2243
|
-
"color-teal--light": "
|
|
2244
|
-
"color-teal--lighter": "
|
|
2245
|
-
"color-teal--lightest": "
|
|
2246
|
-
"color-teal--dark": "
|
|
2319
|
+
"color-purple--light": "hsl(253, 50%, 79%)",
|
|
2320
|
+
"color-purple--lighter": "hsl(253, 50%, 90%)",
|
|
2321
|
+
"color-purple--lightest": "hsl(253, 50%, 97%)",
|
|
2322
|
+
"color-teal": "hsl(190, 80%, 42%)",
|
|
2323
|
+
"color-teal--light": "hsl(190, 63%, 60%)",
|
|
2324
|
+
"color-teal--lighter": "hsl(190, 63%, 81%)",
|
|
2325
|
+
"color-teal--lightest": "hsl(190, 63%, 92%)",
|
|
2326
|
+
"color-teal--dark": "hsl(190, 78%, 25%)",
|
|
2247
2327
|
};
|
|
2248
2328
|
|
|
2249
2329
|
var tokens_semantic = {
|
|
@@ -2296,7 +2376,7 @@ var tokens_dark = {
|
|
|
2296
2376
|
"base-unit": "16px",
|
|
2297
2377
|
"color-base-blue--700": "hsl(197, 15%, 35%)",
|
|
2298
2378
|
"color-base-blue--800": "hsl(197, 18%, 25%)",
|
|
2299
|
-
"color-base-blue--900": "hsl(197, 15%,
|
|
2379
|
+
"color-base-blue--900": "hsl(197, 15%, 16%)",
|
|
2300
2380
|
"color-base-blue--1000": "hsl(197, 10%, 10%)",
|
|
2301
2381
|
"color-interactive": "hsl(86, 60%, 50%)",
|
|
2302
2382
|
"color-interactive--hover": "hsl(86, 60%, 60%)",
|
|
@@ -2325,9 +2405,9 @@ var tokens_dark = {
|
|
|
2325
2405
|
"color-text": "hsl(195, 12%, 94%)",
|
|
2326
2406
|
"color-text--secondary": "hsl(196, 12%, 70%)",
|
|
2327
2407
|
"color-text--reverse": "hsl(197, 15%, 35%)",
|
|
2328
|
-
"color-text--reverse--secondary": "hsl(197, 15%,
|
|
2408
|
+
"color-text--reverse--secondary": "hsl(197, 15%, 16%)",
|
|
2329
2409
|
"color-icon": "hsl(195, 12%, 94%)",
|
|
2330
|
-
"color-surface": "hsl(197, 15%,
|
|
2410
|
+
"color-surface": "hsl(197, 15%, 16%)",
|
|
2331
2411
|
"color-surface--hover": "hsl(197, 18%, 25%)",
|
|
2332
2412
|
"color-surface--active": "hsl(197, 15%, 35%)",
|
|
2333
2413
|
"color-surface--background": "hsl(197, 10%, 10%)",
|
|
@@ -2339,7 +2419,7 @@ var tokens_dark = {
|
|
|
2339
2419
|
"color-border--section": "hsl(196, 12%, 70%)",
|
|
2340
2420
|
"color-overlay": "rgba(0, 0, 0, 0.6)",
|
|
2341
2421
|
"color-overlay--dimmed": "rgba(0, 0, 0, 0.4)",
|
|
2342
|
-
"color-request": "hsl(
|
|
2422
|
+
"color-request": "hsl(31, 80%, 48%)",
|
|
2343
2423
|
"color-quote": "hsl(349, 34%, 64%)",
|
|
2344
2424
|
"color-job": "hsl(107, 30%, 49%)",
|
|
2345
2425
|
"color-visit": "{color.base.green-.500}",
|
|
@@ -2347,8 +2427,8 @@ var tokens_dark = {
|
|
|
2347
2427
|
"color-event": "hsl(51, 64%, 49%)",
|
|
2348
2428
|
"color-invoice": "hsl(207, 79%, 57%)",
|
|
2349
2429
|
"color-payments": "{color.base.lightBlue-.500}",
|
|
2350
|
-
"color-request--surface": "hsl(
|
|
2351
|
-
"color-request--onSurface": "hsl(
|
|
2430
|
+
"color-request--surface": "hsl(31, 100%, 18%)",
|
|
2431
|
+
"color-request--onSurface": "hsl(31, 72%, 85%)",
|
|
2352
2432
|
"color-quote--surface": "hsl(348, 40%, 27%)",
|
|
2353
2433
|
"color-quote--onSurface": "hsl(348, 36%, 89%)",
|
|
2354
2434
|
"color-job--surface": "hsl(107, 64%, 16%)",
|