@jobber/design 0.65.0 → 0.65.2-CLEANUPbu-e48d3ff.51
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 +2 -2
- package/dist/dark.theme.css +2 -2
- package/dist/foundation.css +38 -18
- package/dist/index.cjs +211 -131
- package/dist/index.d.ts +2 -2
- package/dist/index.mjs +211 -131
- package/package.json +2 -6
package/dist/index.mjs
CHANGED
|
@@ -968,16 +968,36 @@ var tokens_web = {
|
|
|
968
968
|
"color-base-pink--800": "hsl(348, 40%, 27%)",
|
|
969
969
|
"color-base-pink--900": "hsl(347, 41%, 18%)",
|
|
970
970
|
"color-base-pink--1000": "hsl(349, 40%, 13%)",
|
|
971
|
-
"color-base-orange--100": "hsl(
|
|
972
|
-
"color-base-orange--200": "hsl(
|
|
973
|
-
"color-base-orange--300": "hsl(
|
|
974
|
-
"color-base-orange--400": "hsl(
|
|
975
|
-
"color-base-orange--500": "hsl(
|
|
976
|
-
"color-base-orange--600": "hsl(
|
|
977
|
-
"color-base-orange--700": "hsl(
|
|
978
|
-
"color-base-orange--800": "hsl(
|
|
979
|
-
"color-base-orange--900": "hsl(
|
|
980
|
-
"color-base-orange--1000": "hsl(
|
|
971
|
+
"color-base-orange--100": "hsl(31, 71%, 97%)",
|
|
972
|
+
"color-base-orange--200": "hsl(31, 74%, 93%)",
|
|
973
|
+
"color-base-orange--300": "hsl(31, 72%, 85%)",
|
|
974
|
+
"color-base-orange--400": "hsl(31, 83%, 64%)",
|
|
975
|
+
"color-base-orange--500": "hsl(31, 80%, 48%)",
|
|
976
|
+
"color-base-orange--600": "hsl(31, 90%, 37%)",
|
|
977
|
+
"color-base-orange--700": "hsl(31, 100%, 27%)",
|
|
978
|
+
"color-base-orange--800": "hsl(31, 100%, 18%)",
|
|
979
|
+
"color-base-orange--900": "hsl(31, 90%, 12%)",
|
|
980
|
+
"color-base-orange--1000": "hsl(31, 79%, 9%)",
|
|
981
|
+
"color-base-teal--100": "hsl(190, 63%, 97%)",
|
|
982
|
+
"color-base-teal--200": "hsl(190, 63%, 92%)",
|
|
983
|
+
"color-base-teal--300": "hsl(190, 63%, 81%)",
|
|
984
|
+
"color-base-teal--400": "hsl(190, 63%, 60%)",
|
|
985
|
+
"color-base-teal--500": "hsl(190, 80%, 42%)",
|
|
986
|
+
"color-base-teal--600": "hsl(190, 80%, 33%)",
|
|
987
|
+
"color-base-teal--700": "hsl(190, 78%, 25%)",
|
|
988
|
+
"color-base-teal--800": "hsl(190, 75%, 17%)",
|
|
989
|
+
"color-base-teal--900": "hsl(190, 85%, 10%)",
|
|
990
|
+
"color-base-teal--1000": "hsl(190, 50%, 9%)",
|
|
991
|
+
"color-base-purple--100": "hsl(253, 50%, 97%)",
|
|
992
|
+
"color-base-purple--200": "hsl(253, 50%, 94%)",
|
|
993
|
+
"color-base-purple--300": "hsl(253, 50%, 90%)",
|
|
994
|
+
"color-base-purple--400": "hsl(253, 50%, 79%)",
|
|
995
|
+
"color-base-purple--500": "hsl(253, 52%, 69%)",
|
|
996
|
+
"color-base-purple--600": "hsl(253, 50%, 59%)",
|
|
997
|
+
"color-base-purple--700": "hsl(253, 50%, 50%)",
|
|
998
|
+
"color-base-purple--800": "hsl(253, 50%, 34%)",
|
|
999
|
+
"color-base-purple--900": "hsl(253, 50%, 23%)",
|
|
1000
|
+
"color-base-purple--1000": "hsl(253, 50%, 16%)",
|
|
981
1001
|
"color-indigo": "rgb(85, 106, 203)",
|
|
982
1002
|
"color-indigo--light": "rgb(136, 151, 219)",
|
|
983
1003
|
"color-indigo--lighter": "rgb(187, 195, 234)",
|
|
@@ -987,14 +1007,14 @@ var tokens_web = {
|
|
|
987
1007
|
"color-black--rgb": "0, 0, 0",
|
|
988
1008
|
"color-brand--highlight": "hsl(86, 100%, 46%)",
|
|
989
1009
|
"color-greyBlue--rgb": "101, 120, 132",
|
|
990
|
-
"color-purple--light": "
|
|
991
|
-
"color-purple--lighter": "
|
|
992
|
-
"color-purple--lightest": "
|
|
993
|
-
"color-teal": "
|
|
994
|
-
"color-teal--light": "
|
|
995
|
-
"color-teal--lighter": "
|
|
996
|
-
"color-teal--lightest": "
|
|
997
|
-
"color-teal--dark": "
|
|
1010
|
+
"color-purple--light": "hsl(253, 50%, 79%)",
|
|
1011
|
+
"color-purple--lighter": "hsl(253, 50%, 90%)",
|
|
1012
|
+
"color-purple--lightest": "hsl(253, 50%, 97%)",
|
|
1013
|
+
"color-teal": "hsl(190, 80%, 42%)",
|
|
1014
|
+
"color-teal--light": "hsl(190, 63%, 60%)",
|
|
1015
|
+
"color-teal--lighter": "hsl(190, 63%, 81%)",
|
|
1016
|
+
"color-teal--lightest": "hsl(190, 63%, 92%)",
|
|
1017
|
+
"color-teal--dark": "hsl(190, 78%, 25%)",
|
|
998
1018
|
"color-blue": "hsl(197, 90%, 12%)",
|
|
999
1019
|
"color-blue--light": "hsl(198, 25%, 33%)",
|
|
1000
1020
|
"color-blue--lighter": "hsl(198, 12%, 57%)",
|
|
@@ -1054,16 +1074,16 @@ var tokens_web = {
|
|
|
1054
1074
|
"color-pink--lighter": "hsl(349, 34%, 75%)",
|
|
1055
1075
|
"color-pink--lightest": "hsl(347, 33%, 95%)",
|
|
1056
1076
|
"color-pink--dark": "hsl(348, 40%, 27%)",
|
|
1057
|
-
"color-orange": "hsl(
|
|
1058
|
-
"color-orange--light": "hsl(
|
|
1059
|
-
"color-orange--lighter": "hsl(
|
|
1060
|
-
"color-orange--lightest": "hsl(
|
|
1061
|
-
"color-orange--dark": "hsl(
|
|
1062
|
-
"color-brown": "hsl(
|
|
1063
|
-
"color-brown--light": "hsl(
|
|
1077
|
+
"color-orange": "hsl(31, 80%, 48%)",
|
|
1078
|
+
"color-orange--light": "hsl(31, 83%, 64%)",
|
|
1079
|
+
"color-orange--lighter": "hsl(31, 72%, 85%)",
|
|
1080
|
+
"color-orange--lightest": "hsl(31, 74%, 93%)",
|
|
1081
|
+
"color-orange--dark": "hsl(31, 90%, 37%)",
|
|
1082
|
+
"color-brown": "hsl(31, 100%, 27%)",
|
|
1083
|
+
"color-brown--light": "hsl(31, 90%, 37%)",
|
|
1064
1084
|
"color-brown--lighter": "hsl(51, 17%, 85%)",
|
|
1065
1085
|
"color-brown--lightest": "hsl(53, 21%, 93%)",
|
|
1066
|
-
"color-brown--dark": "hsl(
|
|
1086
|
+
"color-brown--dark": "hsl(31, 100%, 18%)",
|
|
1067
1087
|
"color-navy": "hsl(207, 61%, 34%)",
|
|
1068
1088
|
"color-navy--light": "hsl(207, 61%, 45%)",
|
|
1069
1089
|
"color-navy--lighter": "hsl(200, 13%, 87%)",
|
|
@@ -1113,9 +1133,9 @@ var tokens_web = {
|
|
|
1113
1133
|
"color-border--interactive": "hsl(200, 13%, 87%)",
|
|
1114
1134
|
"color-border--section": "hsl(197, 90%, 12%)",
|
|
1115
1135
|
"color-brand": "hsl(79, 85%, 34%)",
|
|
1116
|
-
"color-request": "hsl(
|
|
1117
|
-
"color-request--surface": "hsl(
|
|
1118
|
-
"color-request--onSurface": "hsl(
|
|
1136
|
+
"color-request": "hsl(31, 90%, 37%)",
|
|
1137
|
+
"color-request--surface": "hsl(31, 74%, 93%)",
|
|
1138
|
+
"color-request--onSurface": "hsl(31, 100%, 18%)",
|
|
1119
1139
|
"color-quote": "hsl(348, 40%, 41%)",
|
|
1120
1140
|
"color-quote--surface": "hsl(347, 33%, 95%)",
|
|
1121
1141
|
"color-quote--onSurface": "hsl(348, 40%, 27%)",
|
|
@@ -1292,16 +1312,36 @@ var tokens_android = {
|
|
|
1292
1312
|
"color-base-pink--800": "hsl(348, 40%, 27%)",
|
|
1293
1313
|
"color-base-pink--900": "hsl(347, 41%, 18%)",
|
|
1294
1314
|
"color-base-pink--1000": "hsl(349, 40%, 13%)",
|
|
1295
|
-
"color-base-orange--100": "hsl(
|
|
1296
|
-
"color-base-orange--200": "hsl(
|
|
1297
|
-
"color-base-orange--300": "hsl(
|
|
1298
|
-
"color-base-orange--400": "hsl(
|
|
1299
|
-
"color-base-orange--500": "hsl(
|
|
1300
|
-
"color-base-orange--600": "hsl(
|
|
1301
|
-
"color-base-orange--700": "hsl(
|
|
1302
|
-
"color-base-orange--800": "hsl(
|
|
1303
|
-
"color-base-orange--900": "hsl(
|
|
1304
|
-
"color-base-orange--1000": "hsl(
|
|
1315
|
+
"color-base-orange--100": "hsl(31, 71%, 97%)",
|
|
1316
|
+
"color-base-orange--200": "hsl(31, 74%, 93%)",
|
|
1317
|
+
"color-base-orange--300": "hsl(31, 72%, 85%)",
|
|
1318
|
+
"color-base-orange--400": "hsl(31, 83%, 64%)",
|
|
1319
|
+
"color-base-orange--500": "hsl(31, 80%, 48%)",
|
|
1320
|
+
"color-base-orange--600": "hsl(31, 90%, 37%)",
|
|
1321
|
+
"color-base-orange--700": "hsl(31, 100%, 27%)",
|
|
1322
|
+
"color-base-orange--800": "hsl(31, 100%, 18%)",
|
|
1323
|
+
"color-base-orange--900": "hsl(31, 90%, 12%)",
|
|
1324
|
+
"color-base-orange--1000": "hsl(31, 79%, 9%)",
|
|
1325
|
+
"color-base-teal--100": "hsl(190, 63%, 97%)",
|
|
1326
|
+
"color-base-teal--200": "hsl(190, 63%, 92%)",
|
|
1327
|
+
"color-base-teal--300": "hsl(190, 63%, 81%)",
|
|
1328
|
+
"color-base-teal--400": "hsl(190, 63%, 60%)",
|
|
1329
|
+
"color-base-teal--500": "hsl(190, 80%, 42%)",
|
|
1330
|
+
"color-base-teal--600": "hsl(190, 80%, 33%)",
|
|
1331
|
+
"color-base-teal--700": "hsl(190, 78%, 25%)",
|
|
1332
|
+
"color-base-teal--800": "hsl(190, 75%, 17%)",
|
|
1333
|
+
"color-base-teal--900": "hsl(190, 85%, 10%)",
|
|
1334
|
+
"color-base-teal--1000": "hsl(190, 50%, 9%)",
|
|
1335
|
+
"color-base-purple--100": "hsl(253, 50%, 97%)",
|
|
1336
|
+
"color-base-purple--200": "hsl(253, 50%, 94%)",
|
|
1337
|
+
"color-base-purple--300": "hsl(253, 50%, 90%)",
|
|
1338
|
+
"color-base-purple--400": "hsl(253, 50%, 79%)",
|
|
1339
|
+
"color-base-purple--500": "hsl(253, 52%, 69%)",
|
|
1340
|
+
"color-base-purple--600": "hsl(253, 50%, 59%)",
|
|
1341
|
+
"color-base-purple--700": "hsl(253, 50%, 50%)",
|
|
1342
|
+
"color-base-purple--800": "hsl(253, 50%, 34%)",
|
|
1343
|
+
"color-base-purple--900": "hsl(253, 50%, 23%)",
|
|
1344
|
+
"color-base-purple--1000": "hsl(253, 50%, 16%)",
|
|
1305
1345
|
"color-indigo": "rgb(85, 106, 203)",
|
|
1306
1346
|
"color-indigo--light": "rgb(136, 151, 219)",
|
|
1307
1347
|
"color-indigo--lighter": "rgb(187, 195, 234)",
|
|
@@ -1311,14 +1351,14 @@ var tokens_android = {
|
|
|
1311
1351
|
"color-black--rgb": "0, 0, 0",
|
|
1312
1352
|
"color-brand--highlight": "hsl(86, 100%, 46%)",
|
|
1313
1353
|
"color-greyBlue--rgb": "101, 120, 132",
|
|
1314
|
-
"color-purple--light": "
|
|
1315
|
-
"color-purple--lighter": "
|
|
1316
|
-
"color-purple--lightest": "
|
|
1317
|
-
"color-teal": "
|
|
1318
|
-
"color-teal--light": "
|
|
1319
|
-
"color-teal--lighter": "
|
|
1320
|
-
"color-teal--lightest": "
|
|
1321
|
-
"color-teal--dark": "
|
|
1354
|
+
"color-purple--light": "hsl(253, 50%, 79%)",
|
|
1355
|
+
"color-purple--lighter": "hsl(253, 50%, 90%)",
|
|
1356
|
+
"color-purple--lightest": "hsl(253, 50%, 97%)",
|
|
1357
|
+
"color-teal": "hsl(190, 80%, 42%)",
|
|
1358
|
+
"color-teal--light": "hsl(190, 63%, 60%)",
|
|
1359
|
+
"color-teal--lighter": "hsl(190, 63%, 81%)",
|
|
1360
|
+
"color-teal--lightest": "hsl(190, 63%, 92%)",
|
|
1361
|
+
"color-teal--dark": "hsl(190, 78%, 25%)",
|
|
1322
1362
|
"color-blue": "hsl(197, 90%, 12%)",
|
|
1323
1363
|
"color-blue--light": "hsl(198, 25%, 33%)",
|
|
1324
1364
|
"color-blue--lighter": "hsl(198, 12%, 57%)",
|
|
@@ -1378,16 +1418,16 @@ var tokens_android = {
|
|
|
1378
1418
|
"color-pink--lighter": "hsl(349, 34%, 75%)",
|
|
1379
1419
|
"color-pink--lightest": "hsl(347, 33%, 95%)",
|
|
1380
1420
|
"color-pink--dark": "hsl(348, 40%, 27%)",
|
|
1381
|
-
"color-orange": "hsl(
|
|
1382
|
-
"color-orange--light": "hsl(
|
|
1383
|
-
"color-orange--lighter": "hsl(
|
|
1384
|
-
"color-orange--lightest": "hsl(
|
|
1385
|
-
"color-orange--dark": "hsl(
|
|
1386
|
-
"color-brown": "hsl(
|
|
1387
|
-
"color-brown--light": "hsl(
|
|
1421
|
+
"color-orange": "hsl(31, 80%, 48%)",
|
|
1422
|
+
"color-orange--light": "hsl(31, 83%, 64%)",
|
|
1423
|
+
"color-orange--lighter": "hsl(31, 72%, 85%)",
|
|
1424
|
+
"color-orange--lightest": "hsl(31, 74%, 93%)",
|
|
1425
|
+
"color-orange--dark": "hsl(31, 90%, 37%)",
|
|
1426
|
+
"color-brown": "hsl(31, 100%, 27%)",
|
|
1427
|
+
"color-brown--light": "hsl(31, 90%, 37%)",
|
|
1388
1428
|
"color-brown--lighter": "hsl(51, 17%, 85%)",
|
|
1389
1429
|
"color-brown--lightest": "hsl(53, 21%, 93%)",
|
|
1390
|
-
"color-brown--dark": "hsl(
|
|
1430
|
+
"color-brown--dark": "hsl(31, 100%, 18%)",
|
|
1391
1431
|
"color-navy": "hsl(207, 61%, 34%)",
|
|
1392
1432
|
"color-navy--light": "hsl(207, 61%, 45%)",
|
|
1393
1433
|
"color-navy--lighter": "hsl(200, 13%, 87%)",
|
|
@@ -1437,9 +1477,9 @@ var tokens_android = {
|
|
|
1437
1477
|
"color-border--interactive": "hsl(200, 13%, 87%)",
|
|
1438
1478
|
"color-border--section": "hsl(197, 90%, 12%)",
|
|
1439
1479
|
"color-brand": "hsl(79, 85%, 34%)",
|
|
1440
|
-
"color-request": "hsl(
|
|
1441
|
-
"color-request--surface": "hsl(
|
|
1442
|
-
"color-request--onSurface": "hsl(
|
|
1480
|
+
"color-request": "hsl(31, 90%, 37%)",
|
|
1481
|
+
"color-request--surface": "hsl(31, 74%, 93%)",
|
|
1482
|
+
"color-request--onSurface": "hsl(31, 100%, 18%)",
|
|
1443
1483
|
"color-quote": "hsl(348, 40%, 41%)",
|
|
1444
1484
|
"color-quote--surface": "hsl(347, 33%, 95%)",
|
|
1445
1485
|
"color-quote--onSurface": "hsl(348, 40%, 27%)",
|
|
@@ -1644,16 +1684,36 @@ var tokens_ios = {
|
|
|
1644
1684
|
"color-base-pink--800": "hsl(348, 40%, 27%)",
|
|
1645
1685
|
"color-base-pink--900": "hsl(347, 41%, 18%)",
|
|
1646
1686
|
"color-base-pink--1000": "hsl(349, 40%, 13%)",
|
|
1647
|
-
"color-base-orange--100": "hsl(
|
|
1648
|
-
"color-base-orange--200": "hsl(
|
|
1649
|
-
"color-base-orange--300": "hsl(
|
|
1650
|
-
"color-base-orange--400": "hsl(
|
|
1651
|
-
"color-base-orange--500": "hsl(
|
|
1652
|
-
"color-base-orange--600": "hsl(
|
|
1653
|
-
"color-base-orange--700": "hsl(
|
|
1654
|
-
"color-base-orange--800": "hsl(
|
|
1655
|
-
"color-base-orange--900": "hsl(
|
|
1656
|
-
"color-base-orange--1000": "hsl(
|
|
1687
|
+
"color-base-orange--100": "hsl(31, 71%, 97%)",
|
|
1688
|
+
"color-base-orange--200": "hsl(31, 74%, 93%)",
|
|
1689
|
+
"color-base-orange--300": "hsl(31, 72%, 85%)",
|
|
1690
|
+
"color-base-orange--400": "hsl(31, 83%, 64%)",
|
|
1691
|
+
"color-base-orange--500": "hsl(31, 80%, 48%)",
|
|
1692
|
+
"color-base-orange--600": "hsl(31, 90%, 37%)",
|
|
1693
|
+
"color-base-orange--700": "hsl(31, 100%, 27%)",
|
|
1694
|
+
"color-base-orange--800": "hsl(31, 100%, 18%)",
|
|
1695
|
+
"color-base-orange--900": "hsl(31, 90%, 12%)",
|
|
1696
|
+
"color-base-orange--1000": "hsl(31, 79%, 9%)",
|
|
1697
|
+
"color-base-teal--100": "hsl(190, 63%, 97%)",
|
|
1698
|
+
"color-base-teal--200": "hsl(190, 63%, 92%)",
|
|
1699
|
+
"color-base-teal--300": "hsl(190, 63%, 81%)",
|
|
1700
|
+
"color-base-teal--400": "hsl(190, 63%, 60%)",
|
|
1701
|
+
"color-base-teal--500": "hsl(190, 80%, 42%)",
|
|
1702
|
+
"color-base-teal--600": "hsl(190, 80%, 33%)",
|
|
1703
|
+
"color-base-teal--700": "hsl(190, 78%, 25%)",
|
|
1704
|
+
"color-base-teal--800": "hsl(190, 75%, 17%)",
|
|
1705
|
+
"color-base-teal--900": "hsl(190, 85%, 10%)",
|
|
1706
|
+
"color-base-teal--1000": "hsl(190, 50%, 9%)",
|
|
1707
|
+
"color-base-purple--100": "hsl(253, 50%, 97%)",
|
|
1708
|
+
"color-base-purple--200": "hsl(253, 50%, 94%)",
|
|
1709
|
+
"color-base-purple--300": "hsl(253, 50%, 90%)",
|
|
1710
|
+
"color-base-purple--400": "hsl(253, 50%, 79%)",
|
|
1711
|
+
"color-base-purple--500": "hsl(253, 52%, 69%)",
|
|
1712
|
+
"color-base-purple--600": "hsl(253, 50%, 59%)",
|
|
1713
|
+
"color-base-purple--700": "hsl(253, 50%, 50%)",
|
|
1714
|
+
"color-base-purple--800": "hsl(253, 50%, 34%)",
|
|
1715
|
+
"color-base-purple--900": "hsl(253, 50%, 23%)",
|
|
1716
|
+
"color-base-purple--1000": "hsl(253, 50%, 16%)",
|
|
1657
1717
|
"color-indigo": "rgb(85, 106, 203)",
|
|
1658
1718
|
"color-indigo--light": "rgb(136, 151, 219)",
|
|
1659
1719
|
"color-indigo--lighter": "rgb(187, 195, 234)",
|
|
@@ -1663,14 +1723,14 @@ var tokens_ios = {
|
|
|
1663
1723
|
"color-black--rgb": "0, 0, 0",
|
|
1664
1724
|
"color-brand--highlight": "hsl(86, 100%, 46%)",
|
|
1665
1725
|
"color-greyBlue--rgb": "101, 120, 132",
|
|
1666
|
-
"color-purple--light": "
|
|
1667
|
-
"color-purple--lighter": "
|
|
1668
|
-
"color-purple--lightest": "
|
|
1669
|
-
"color-teal": "
|
|
1670
|
-
"color-teal--light": "
|
|
1671
|
-
"color-teal--lighter": "
|
|
1672
|
-
"color-teal--lightest": "
|
|
1673
|
-
"color-teal--dark": "
|
|
1726
|
+
"color-purple--light": "hsl(253, 50%, 79%)",
|
|
1727
|
+
"color-purple--lighter": "hsl(253, 50%, 90%)",
|
|
1728
|
+
"color-purple--lightest": "hsl(253, 50%, 97%)",
|
|
1729
|
+
"color-teal": "hsl(190, 80%, 42%)",
|
|
1730
|
+
"color-teal--light": "hsl(190, 63%, 60%)",
|
|
1731
|
+
"color-teal--lighter": "hsl(190, 63%, 81%)",
|
|
1732
|
+
"color-teal--lightest": "hsl(190, 63%, 92%)",
|
|
1733
|
+
"color-teal--dark": "hsl(190, 78%, 25%)",
|
|
1674
1734
|
"color-blue": "hsl(197, 90%, 12%)",
|
|
1675
1735
|
"color-blue--light": "hsl(198, 25%, 33%)",
|
|
1676
1736
|
"color-blue--lighter": "hsl(198, 12%, 57%)",
|
|
@@ -1730,16 +1790,16 @@ var tokens_ios = {
|
|
|
1730
1790
|
"color-pink--lighter": "hsl(349, 34%, 75%)",
|
|
1731
1791
|
"color-pink--lightest": "hsl(347, 33%, 95%)",
|
|
1732
1792
|
"color-pink--dark": "hsl(348, 40%, 27%)",
|
|
1733
|
-
"color-orange": "hsl(
|
|
1734
|
-
"color-orange--light": "hsl(
|
|
1735
|
-
"color-orange--lighter": "hsl(
|
|
1736
|
-
"color-orange--lightest": "hsl(
|
|
1737
|
-
"color-orange--dark": "hsl(
|
|
1738
|
-
"color-brown": "hsl(
|
|
1739
|
-
"color-brown--light": "hsl(
|
|
1793
|
+
"color-orange": "hsl(31, 80%, 48%)",
|
|
1794
|
+
"color-orange--light": "hsl(31, 83%, 64%)",
|
|
1795
|
+
"color-orange--lighter": "hsl(31, 72%, 85%)",
|
|
1796
|
+
"color-orange--lightest": "hsl(31, 74%, 93%)",
|
|
1797
|
+
"color-orange--dark": "hsl(31, 90%, 37%)",
|
|
1798
|
+
"color-brown": "hsl(31, 100%, 27%)",
|
|
1799
|
+
"color-brown--light": "hsl(31, 90%, 37%)",
|
|
1740
1800
|
"color-brown--lighter": "hsl(51, 17%, 85%)",
|
|
1741
1801
|
"color-brown--lightest": "hsl(53, 21%, 93%)",
|
|
1742
|
-
"color-brown--dark": "hsl(
|
|
1802
|
+
"color-brown--dark": "hsl(31, 100%, 18%)",
|
|
1743
1803
|
"color-navy": "hsl(207, 61%, 34%)",
|
|
1744
1804
|
"color-navy--light": "hsl(207, 61%, 45%)",
|
|
1745
1805
|
"color-navy--lighter": "hsl(200, 13%, 87%)",
|
|
@@ -1789,9 +1849,9 @@ var tokens_ios = {
|
|
|
1789
1849
|
"color-border--interactive": "hsl(200, 13%, 87%)",
|
|
1790
1850
|
"color-border--section": "hsl(197, 90%, 12%)",
|
|
1791
1851
|
"color-brand": "hsl(79, 85%, 34%)",
|
|
1792
|
-
"color-request": "hsl(
|
|
1793
|
-
"color-request--surface": "hsl(
|
|
1794
|
-
"color-request--onSurface": "hsl(
|
|
1852
|
+
"color-request": "hsl(31, 90%, 37%)",
|
|
1853
|
+
"color-request--surface": "hsl(31, 74%, 93%)",
|
|
1854
|
+
"color-request--onSurface": "hsl(31, 100%, 18%)",
|
|
1795
1855
|
"color-quote": "hsl(348, 40%, 41%)",
|
|
1796
1856
|
"color-quote--surface": "hsl(347, 33%, 95%)",
|
|
1797
1857
|
"color-quote--onSurface": "hsl(348, 40%, 27%)",
|
|
@@ -1961,16 +2021,16 @@ var tokens_color = {
|
|
|
1961
2021
|
"color-pink--lighter": "hsl(349, 34%, 75%)",
|
|
1962
2022
|
"color-pink--lightest": "hsl(347, 33%, 95%)",
|
|
1963
2023
|
"color-pink--dark": "hsl(348, 40%, 27%)",
|
|
1964
|
-
"color-orange": "hsl(
|
|
1965
|
-
"color-orange--light": "hsl(
|
|
1966
|
-
"color-orange--lighter": "hsl(
|
|
1967
|
-
"color-orange--lightest": "hsl(
|
|
1968
|
-
"color-orange--dark": "hsl(
|
|
1969
|
-
"color-brown": "hsl(
|
|
1970
|
-
"color-brown--light": "hsl(
|
|
2024
|
+
"color-orange": "hsl(31, 80%, 48%)",
|
|
2025
|
+
"color-orange--light": "hsl(31, 83%, 64%)",
|
|
2026
|
+
"color-orange--lighter": "hsl(31, 72%, 85%)",
|
|
2027
|
+
"color-orange--lightest": "hsl(31, 74%, 93%)",
|
|
2028
|
+
"color-orange--dark": "hsl(31, 90%, 37%)",
|
|
2029
|
+
"color-brown": "hsl(31, 100%, 27%)",
|
|
2030
|
+
"color-brown--light": "hsl(31, 90%, 37%)",
|
|
1971
2031
|
"color-brown--lighter": "hsl(51, 17%, 85%)",
|
|
1972
2032
|
"color-brown--lightest": "hsl(53, 21%, 93%)",
|
|
1973
|
-
"color-brown--dark": "hsl(
|
|
2033
|
+
"color-brown--dark": "hsl(31, 100%, 18%)",
|
|
1974
2034
|
"color-navy": "hsl(207, 61%, 34%)",
|
|
1975
2035
|
"color-navy--light": "hsl(207, 61%, 45%)",
|
|
1976
2036
|
"color-navy--lighter": "hsl(200, 13%, 87%)",
|
|
@@ -1982,9 +2042,9 @@ var tokens_color = {
|
|
|
1982
2042
|
|
|
1983
2043
|
var allColors = {
|
|
1984
2044
|
"base-unit": "16px",
|
|
1985
|
-
"color-request": "hsl(
|
|
1986
|
-
"color-request--surface": "hsl(
|
|
1987
|
-
"color-request--onSurface": "hsl(
|
|
2045
|
+
"color-request": "hsl(31, 90%, 37%)",
|
|
2046
|
+
"color-request--surface": "hsl(31, 74%, 93%)",
|
|
2047
|
+
"color-request--onSurface": "hsl(31, 100%, 18%)",
|
|
1988
2048
|
"color-quote": "hsl(348, 40%, 41%)",
|
|
1989
2049
|
"color-quote--surface": "hsl(347, 33%, 95%)",
|
|
1990
2050
|
"color-quote--onSurface": "hsl(348, 40%, 27%)",
|
|
@@ -2108,16 +2168,16 @@ var allColors = {
|
|
|
2108
2168
|
"color-pink--lighter": "hsl(349, 34%, 75%)",
|
|
2109
2169
|
"color-pink--lightest": "hsl(347, 33%, 95%)",
|
|
2110
2170
|
"color-pink--dark": "hsl(348, 40%, 27%)",
|
|
2111
|
-
"color-orange": "hsl(
|
|
2112
|
-
"color-orange--light": "hsl(
|
|
2113
|
-
"color-orange--lighter": "hsl(
|
|
2114
|
-
"color-orange--lightest": "hsl(
|
|
2115
|
-
"color-orange--dark": "hsl(
|
|
2116
|
-
"color-brown": "hsl(
|
|
2117
|
-
"color-brown--light": "hsl(
|
|
2171
|
+
"color-orange": "hsl(31, 80%, 48%)",
|
|
2172
|
+
"color-orange--light": "hsl(31, 83%, 64%)",
|
|
2173
|
+
"color-orange--lighter": "hsl(31, 72%, 85%)",
|
|
2174
|
+
"color-orange--lightest": "hsl(31, 74%, 93%)",
|
|
2175
|
+
"color-orange--dark": "hsl(31, 90%, 37%)",
|
|
2176
|
+
"color-brown": "hsl(31, 100%, 27%)",
|
|
2177
|
+
"color-brown--light": "hsl(31, 90%, 37%)",
|
|
2118
2178
|
"color-brown--lighter": "hsl(51, 17%, 85%)",
|
|
2119
2179
|
"color-brown--lightest": "hsl(53, 21%, 93%)",
|
|
2120
|
-
"color-brown--dark": "hsl(
|
|
2180
|
+
"color-brown--dark": "hsl(31, 100%, 18%)",
|
|
2121
2181
|
"color-navy": "hsl(207, 61%, 34%)",
|
|
2122
2182
|
"color-navy--light": "hsl(207, 61%, 45%)",
|
|
2123
2183
|
"color-navy--lighter": "hsl(200, 13%, 87%)",
|
|
@@ -2215,16 +2275,36 @@ var allColors = {
|
|
|
2215
2275
|
"color-base-pink--800": "hsl(348, 40%, 27%)",
|
|
2216
2276
|
"color-base-pink--900": "hsl(347, 41%, 18%)",
|
|
2217
2277
|
"color-base-pink--1000": "hsl(349, 40%, 13%)",
|
|
2218
|
-
"color-base-orange--100": "hsl(
|
|
2219
|
-
"color-base-orange--200": "hsl(
|
|
2220
|
-
"color-base-orange--300": "hsl(
|
|
2221
|
-
"color-base-orange--400": "hsl(
|
|
2222
|
-
"color-base-orange--500": "hsl(
|
|
2223
|
-
"color-base-orange--600": "hsl(
|
|
2224
|
-
"color-base-orange--700": "hsl(
|
|
2225
|
-
"color-base-orange--800": "hsl(
|
|
2226
|
-
"color-base-orange--900": "hsl(
|
|
2227
|
-
"color-base-orange--1000": "hsl(
|
|
2278
|
+
"color-base-orange--100": "hsl(31, 71%, 97%)",
|
|
2279
|
+
"color-base-orange--200": "hsl(31, 74%, 93%)",
|
|
2280
|
+
"color-base-orange--300": "hsl(31, 72%, 85%)",
|
|
2281
|
+
"color-base-orange--400": "hsl(31, 83%, 64%)",
|
|
2282
|
+
"color-base-orange--500": "hsl(31, 80%, 48%)",
|
|
2283
|
+
"color-base-orange--600": "hsl(31, 90%, 37%)",
|
|
2284
|
+
"color-base-orange--700": "hsl(31, 100%, 27%)",
|
|
2285
|
+
"color-base-orange--800": "hsl(31, 100%, 18%)",
|
|
2286
|
+
"color-base-orange--900": "hsl(31, 90%, 12%)",
|
|
2287
|
+
"color-base-orange--1000": "hsl(31, 79%, 9%)",
|
|
2288
|
+
"color-base-teal--100": "hsl(190, 63%, 97%)",
|
|
2289
|
+
"color-base-teal--200": "hsl(190, 63%, 92%)",
|
|
2290
|
+
"color-base-teal--300": "hsl(190, 63%, 81%)",
|
|
2291
|
+
"color-base-teal--400": "hsl(190, 63%, 60%)",
|
|
2292
|
+
"color-base-teal--500": "hsl(190, 80%, 42%)",
|
|
2293
|
+
"color-base-teal--600": "hsl(190, 80%, 33%)",
|
|
2294
|
+
"color-base-teal--700": "hsl(190, 78%, 25%)",
|
|
2295
|
+
"color-base-teal--800": "hsl(190, 75%, 17%)",
|
|
2296
|
+
"color-base-teal--900": "hsl(190, 85%, 10%)",
|
|
2297
|
+
"color-base-teal--1000": "hsl(190, 50%, 9%)",
|
|
2298
|
+
"color-base-purple--100": "hsl(253, 50%, 97%)",
|
|
2299
|
+
"color-base-purple--200": "hsl(253, 50%, 94%)",
|
|
2300
|
+
"color-base-purple--300": "hsl(253, 50%, 90%)",
|
|
2301
|
+
"color-base-purple--400": "hsl(253, 50%, 79%)",
|
|
2302
|
+
"color-base-purple--500": "hsl(253, 52%, 69%)",
|
|
2303
|
+
"color-base-purple--600": "hsl(253, 50%, 59%)",
|
|
2304
|
+
"color-base-purple--700": "hsl(253, 50%, 50%)",
|
|
2305
|
+
"color-base-purple--800": "hsl(253, 50%, 34%)",
|
|
2306
|
+
"color-base-purple--900": "hsl(253, 50%, 23%)",
|
|
2307
|
+
"color-base-purple--1000": "hsl(253, 50%, 16%)",
|
|
2228
2308
|
"color-indigo": "rgb(85, 106, 203)",
|
|
2229
2309
|
"color-indigo--light": "rgb(136, 151, 219)",
|
|
2230
2310
|
"color-indigo--lighter": "rgb(187, 195, 234)",
|
|
@@ -2234,14 +2314,14 @@ var allColors = {
|
|
|
2234
2314
|
"color-black--rgb": "0, 0, 0",
|
|
2235
2315
|
"color-brand--highlight": "hsl(86, 100%, 46%)",
|
|
2236
2316
|
"color-greyBlue--rgb": "101, 120, 132",
|
|
2237
|
-
"color-purple--light": "
|
|
2238
|
-
"color-purple--lighter": "
|
|
2239
|
-
"color-purple--lightest": "
|
|
2240
|
-
"color-teal": "
|
|
2241
|
-
"color-teal--light": "
|
|
2242
|
-
"color-teal--lighter": "
|
|
2243
|
-
"color-teal--lightest": "
|
|
2244
|
-
"color-teal--dark": "
|
|
2317
|
+
"color-purple--light": "hsl(253, 50%, 79%)",
|
|
2318
|
+
"color-purple--lighter": "hsl(253, 50%, 90%)",
|
|
2319
|
+
"color-purple--lightest": "hsl(253, 50%, 97%)",
|
|
2320
|
+
"color-teal": "hsl(190, 80%, 42%)",
|
|
2321
|
+
"color-teal--light": "hsl(190, 63%, 60%)",
|
|
2322
|
+
"color-teal--lighter": "hsl(190, 63%, 81%)",
|
|
2323
|
+
"color-teal--lightest": "hsl(190, 63%, 92%)",
|
|
2324
|
+
"color-teal--dark": "hsl(190, 78%, 25%)",
|
|
2245
2325
|
};
|
|
2246
2326
|
|
|
2247
2327
|
var tokens_semantic = {
|
|
@@ -2294,7 +2374,7 @@ var tokens_dark = {
|
|
|
2294
2374
|
"base-unit": "16px",
|
|
2295
2375
|
"color-base-blue--700": "hsl(197, 15%, 35%)",
|
|
2296
2376
|
"color-base-blue--800": "hsl(197, 18%, 25%)",
|
|
2297
|
-
"color-base-blue--900": "hsl(197, 15%,
|
|
2377
|
+
"color-base-blue--900": "hsl(197, 15%, 16%)",
|
|
2298
2378
|
"color-base-blue--1000": "hsl(197, 10%, 10%)",
|
|
2299
2379
|
"color-interactive": "hsl(86, 60%, 50%)",
|
|
2300
2380
|
"color-interactive--hover": "hsl(86, 60%, 60%)",
|
|
@@ -2304,7 +2384,7 @@ var tokens_dark = {
|
|
|
2304
2384
|
"color-destructive--hover": "hsl(6, 64%, 76%)",
|
|
2305
2385
|
"color-disabled": "hsl(0, 0%, 58%)",
|
|
2306
2386
|
"color-disabled--secondary": "hsl(0, 0%, 35%)",
|
|
2307
|
-
"color-critical": "hsl(6, 64%,
|
|
2387
|
+
"color-critical": "hsl(6, 64%, 65%)",
|
|
2308
2388
|
"color-critical--surface": "hsl(6, 100%, 16%)",
|
|
2309
2389
|
"color-critical--onSurface": "hsl(5, 65%, 90%)",
|
|
2310
2390
|
"color-warning": "hsl(51, 64%, 49%)",
|
|
@@ -2323,9 +2403,9 @@ var tokens_dark = {
|
|
|
2323
2403
|
"color-text": "hsl(195, 12%, 94%)",
|
|
2324
2404
|
"color-text--secondary": "hsl(196, 12%, 70%)",
|
|
2325
2405
|
"color-text--reverse": "hsl(197, 15%, 35%)",
|
|
2326
|
-
"color-text--reverse--secondary": "hsl(197, 15%,
|
|
2406
|
+
"color-text--reverse--secondary": "hsl(197, 15%, 16%)",
|
|
2327
2407
|
"color-icon": "hsl(195, 12%, 94%)",
|
|
2328
|
-
"color-surface": "hsl(197, 15%,
|
|
2408
|
+
"color-surface": "hsl(197, 15%, 16%)",
|
|
2329
2409
|
"color-surface--hover": "hsl(197, 18%, 25%)",
|
|
2330
2410
|
"color-surface--active": "hsl(197, 15%, 35%)",
|
|
2331
2411
|
"color-surface--background": "hsl(197, 10%, 10%)",
|
|
@@ -2337,7 +2417,7 @@ var tokens_dark = {
|
|
|
2337
2417
|
"color-border--section": "hsl(196, 12%, 70%)",
|
|
2338
2418
|
"color-overlay": "rgba(0, 0, 0, 0.6)",
|
|
2339
2419
|
"color-overlay--dimmed": "rgba(0, 0, 0, 0.4)",
|
|
2340
|
-
"color-request": "hsl(
|
|
2420
|
+
"color-request": "hsl(31, 80%, 48%)",
|
|
2341
2421
|
"color-quote": "hsl(349, 34%, 64%)",
|
|
2342
2422
|
"color-job": "hsl(107, 30%, 49%)",
|
|
2343
2423
|
"color-visit": "{color.base.green-.500}",
|
|
@@ -2345,8 +2425,8 @@ var tokens_dark = {
|
|
|
2345
2425
|
"color-event": "hsl(51, 64%, 49%)",
|
|
2346
2426
|
"color-invoice": "hsl(207, 79%, 57%)",
|
|
2347
2427
|
"color-payments": "{color.base.lightBlue-.500}",
|
|
2348
|
-
"color-request--surface": "hsl(
|
|
2349
|
-
"color-request--onSurface": "hsl(
|
|
2428
|
+
"color-request--surface": "hsl(31, 100%, 18%)",
|
|
2429
|
+
"color-request--onSurface": "hsl(31, 72%, 85%)",
|
|
2350
2430
|
"color-quote--surface": "hsl(348, 40%, 27%)",
|
|
2351
2431
|
"color-quote--onSurface": "hsl(348, 36%, 89%)",
|
|
2352
2432
|
"color-job--surface": "hsl(107, 64%, 16%)",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/design",
|
|
3
|
-
"version": "0.65.
|
|
3
|
+
"version": "0.65.2-CLEANUPbu-e48d3ff.51+e48d3ff7",
|
|
4
4
|
"description": "Design foundation for the Jobber Atlantis Design System",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -67,12 +67,8 @@
|
|
|
67
67
|
"@rollup/plugin-typescript": "^11.1.6",
|
|
68
68
|
"@types/jsdom": "^21.1.7",
|
|
69
69
|
"jsdom": "^24.1.0",
|
|
70
|
-
"postcss": "^8.4.39",
|
|
71
|
-
"postcss-calc": "^10.0.0",
|
|
72
|
-
"postcss-cli": "^11.0.0",
|
|
73
|
-
"postcss-import": "^16.1.0",
|
|
74
70
|
"rollup": "^4.13.0",
|
|
75
71
|
"tsx": "^4.16.2"
|
|
76
72
|
},
|
|
77
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "e48d3ff7b76854f8733a5f1428d02544c6ff1444"
|
|
78
74
|
}
|