@jobber/design 0.93.0 → 0.93.1

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 (8) hide show
  1. package/dist/color.css +5 -5
  2. package/dist/colors.cjs +5 -5
  3. package/dist/colors.mjs +5 -5
  4. package/dist/foundation.css +4 -4
  5. package/dist/index.cjs +86 -86
  6. package/dist/index.mjs +86 -86
  7. package/dist/semantic.css +8 -8
  8. package/package.json +2 -2
package/dist/color.css CHANGED
@@ -5,9 +5,9 @@
5
5
  --color-blue--lighter: hsl(198, 12%, 57%);
6
6
  --color-blue--lightest: hsl(200, 13%, 87%);
7
7
  --color-blue--dark: hsl(198, 96%, 9%);
8
- --color-taupe: hsl(53, 21%, 93%);
9
- --color-taupe--light: hsl(45, 20%, 97%);
10
- --color-taupe--dark: hsl(51, 17%, 85%);
8
+ --color-taupe: hsl(43, 18%, 92%);
9
+ --color-taupe--light: hsl(35, 20%, 97%);
10
+ --color-taupe--dark: hsl(40, 9%, 85%);
11
11
  --color-green: hsl(107, 58%, 33%);
12
12
  --color-green--light: hsl(107, 30%, 49%);
13
13
  --color-green--lighter: hsl(107, 29%, 65%);
@@ -66,8 +66,8 @@
66
66
  --color-orange--dark: hsl(31, 90%, 37%);
67
67
  --color-brown: hsl(31, 100%, 27%);
68
68
  --color-brown--light: hsl(31, 90%, 37%);
69
- --color-brown--lighter: hsl(51, 17%, 85%);
70
- --color-brown--lightest: hsl(53, 21%, 93%);
69
+ --color-brown--lighter: hsl(40, 9%, 85%);
70
+ --color-brown--lightest: hsl(43, 18%, 92%);
71
71
  --color-brown--dark: hsl(31, 100%, 18%);
72
72
  --color-navy: hsl(207, 61%, 34%);
73
73
  --color-navy--light: hsl(207, 61%, 45%);
package/dist/colors.cjs CHANGED
@@ -5,9 +5,9 @@ module.exports ={
5
5
  "color-blue--lighter": "hsl(198, 12%, 57%)",
6
6
  "color-blue--lightest": "hsl(200, 13%, 87%)",
7
7
  "color-blue--dark": "hsl(198, 96%, 9%)",
8
- "color-taupe": "hsl(53, 21%, 93%)",
9
- "color-taupe--light": "hsl(45, 20%, 97%)",
10
- "color-taupe--dark": "hsl(51, 17%, 85%)",
8
+ "color-taupe": "hsl(43, 18%, 92%)",
9
+ "color-taupe--light": "hsl(35, 20%, 97%)",
10
+ "color-taupe--dark": "hsl(40, 9%, 85%)",
11
11
  "color-green": "hsl(107, 58%, 33%)",
12
12
  "color-green--light": "hsl(107, 30%, 49%)",
13
13
  "color-green--lighter": "hsl(107, 29%, 65%)",
@@ -66,8 +66,8 @@ module.exports ={
66
66
  "color-orange--dark": "hsl(31, 90%, 37%)",
67
67
  "color-brown": "hsl(31, 100%, 27%)",
68
68
  "color-brown--light": "hsl(31, 90%, 37%)",
69
- "color-brown--lighter": "hsl(51, 17%, 85%)",
70
- "color-brown--lightest": "hsl(53, 21%, 93%)",
69
+ "color-brown--lighter": "hsl(40, 9%, 85%)",
70
+ "color-brown--lightest": "hsl(43, 18%, 92%)",
71
71
  "color-brown--dark": "hsl(31, 100%, 18%)",
72
72
  "color-navy": "hsl(207, 61%, 34%)",
73
73
  "color-navy--light": "hsl(207, 61%, 45%)",
package/dist/colors.mjs CHANGED
@@ -5,9 +5,9 @@ export default {
5
5
  "color-blue--lighter": "hsl(198, 12%, 57%)",
6
6
  "color-blue--lightest": "hsl(200, 13%, 87%)",
7
7
  "color-blue--dark": "hsl(198, 96%, 9%)",
8
- "color-taupe": "hsl(53, 21%, 93%)",
9
- "color-taupe--light": "hsl(45, 20%, 97%)",
10
- "color-taupe--dark": "hsl(51, 17%, 85%)",
8
+ "color-taupe": "hsl(43, 18%, 92%)",
9
+ "color-taupe--light": "hsl(35, 20%, 97%)",
10
+ "color-taupe--dark": "hsl(40, 9%, 85%)",
11
11
  "color-green": "hsl(107, 58%, 33%)",
12
12
  "color-green--light": "hsl(107, 30%, 49%)",
13
13
  "color-green--lighter": "hsl(107, 29%, 65%)",
@@ -66,8 +66,8 @@ export default {
66
66
  "color-orange--dark": "hsl(31, 90%, 37%)",
67
67
  "color-brown": "hsl(31, 100%, 27%)",
68
68
  "color-brown--light": "hsl(31, 90%, 37%)",
69
- "color-brown--lighter": "hsl(51, 17%, 85%)",
70
- "color-brown--lightest": "hsl(53, 21%, 93%)",
69
+ "color-brown--lighter": "hsl(40, 9%, 85%)",
70
+ "color-brown--lightest": "hsl(43, 18%, 92%)",
71
71
  "color-brown--dark": "hsl(31, 100%, 18%)",
72
72
  "color-navy": "hsl(207, 61%, 34%)",
73
73
  "color-navy--light": "hsl(207, 61%, 45%)",
package/dist/foundation.css CHANGED
@@ -17,10 +17,10 @@ div[data-theme="light"],
17
17
  --color-base-grey--800: hsl(0, 0%, 24%);
18
18
  --color-base-grey--900: hsl(0, 0%, 15%);
19
19
  --color-base-grey--1000: hsl(0, 0%, 11%);
20
- --color-base-taupe--100: hsl(45, 20%, 97%);
21
- --color-base-taupe--200: hsl(53, 21%, 93%);
22
- --color-base-taupe--300: hsl(51, 17%, 85%);
23
- --color-base-taupe--400: hsl(49, 7%, 70%);
20
+ --color-base-taupe--100: hsl(35, 20%, 97%);
21
+ --color-base-taupe--200: hsl(43, 18%, 92%);
22
+ --color-base-taupe--300: hsl(40, 9%, 85%);
23
+ --color-base-taupe--400: hsl(43, 5%, 72%);
24
24
  --color-base-taupe--500: hsl(47, 4%, 57%);
25
25
  --color-base-taupe--600: hsl(43, 3%, 46%);
26
26
  --color-base-taupe--700: hsl(48, 3%, 34%);
package/dist/index.cjs CHANGED
@@ -1066,10 +1066,10 @@ var tokens_web = {
1066
1066
  "color-base-grey--800": "hsl(0, 0%, 24%)",
1067
1067
  "color-base-grey--900": "hsl(0, 0%, 15%)",
1068
1068
  "color-base-grey--1000": "hsl(0, 0%, 11%)",
1069
- "color-base-taupe--100": "hsl(45, 20%, 97%)",
1070
- "color-base-taupe--200": "hsl(53, 21%, 93%)",
1071
- "color-base-taupe--300": "hsl(51, 17%, 85%)",
1072
- "color-base-taupe--400": "hsl(49, 7%, 70%)",
1069
+ "color-base-taupe--100": "hsl(35, 20%, 97%)",
1070
+ "color-base-taupe--200": "hsl(43, 18%, 92%)",
1071
+ "color-base-taupe--300": "hsl(40, 9%, 85%)",
1072
+ "color-base-taupe--400": "hsl(43, 5%, 72%)",
1073
1073
  "color-base-taupe--500": "hsl(47, 4%, 57%)",
1074
1074
  "color-base-taupe--600": "hsl(43, 3%, 46%)",
1075
1075
  "color-base-taupe--700": "hsl(48, 3%, 34%)",
@@ -1198,9 +1198,9 @@ var tokens_web = {
1198
1198
  "color-blue--lighter": "hsl(198, 12%, 57%)",
1199
1199
  "color-blue--lightest": "hsl(200, 13%, 87%)",
1200
1200
  "color-blue--dark": "hsl(198, 96%, 9%)",
1201
- "color-taupe": "hsl(53, 21%, 93%)",
1202
- "color-taupe--light": "hsl(45, 20%, 97%)",
1203
- "color-taupe--dark": "hsl(51, 17%, 85%)",
1201
+ "color-taupe": "hsl(43, 18%, 92%)",
1202
+ "color-taupe--light": "hsl(35, 20%, 97%)",
1203
+ "color-taupe--dark": "hsl(40, 9%, 85%)",
1204
1204
  "color-green": "hsl(107, 58%, 33%)",
1205
1205
  "color-green--light": "hsl(107, 30%, 49%)",
1206
1206
  "color-green--lighter": "hsl(107, 29%, 65%)",
@@ -1259,8 +1259,8 @@ var tokens_web = {
1259
1259
  "color-orange--dark": "hsl(31, 90%, 37%)",
1260
1260
  "color-brown": "hsl(31, 100%, 27%)",
1261
1261
  "color-brown--light": "hsl(31, 90%, 37%)",
1262
- "color-brown--lighter": "hsl(51, 17%, 85%)",
1263
- "color-brown--lightest": "hsl(53, 21%, 93%)",
1262
+ "color-brown--lighter": "hsl(40, 9%, 85%)",
1263
+ "color-brown--lightest": "hsl(43, 18%, 92%)",
1264
1264
  "color-brown--dark": "hsl(31, 100%, 18%)",
1265
1265
  "color-navy": "hsl(207, 61%, 34%)",
1266
1266
  "color-navy--light": "hsl(207, 61%, 45%)",
@@ -1273,8 +1273,8 @@ var tokens_web = {
1273
1273
  "color-interactive--hover": "hsl(107, 65%, 24%)",
1274
1274
  "color-interactive--subtle": "hsl(198, 35%, 21%)",
1275
1275
  "color-interactive--subtle--hover": "hsl(197, 90%, 12%)",
1276
- "color-interactive--background": "hsl(51, 17%, 85%)",
1277
- "color-interactive--background--hover": "hsl(49, 7%, 70%)",
1276
+ "color-interactive--background": "hsl(40, 9%, 85%)",
1277
+ "color-interactive--background--hover": "hsl(43, 5%, 72%)",
1278
1278
  "color-interactive--background--subtle--hover": "hsl(109, 28%, 92%)",
1279
1279
  "color-destructive": "hsl(6, 64%, 51%)",
1280
1280
  "color-destructive--hover": "hsl(6, 100%, 35%)",
@@ -1303,13 +1303,13 @@ var tokens_web = {
1303
1303
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
1304
1304
  "color-icon": "hsl(198, 35%, 21%)",
1305
1305
  "color-surface": "rgba(255, 255, 255, 1)",
1306
- "color-surface--hover": "hsl(53, 21%, 93%)",
1306
+ "color-surface--hover": "hsl(43, 18%, 92%)",
1307
1307
  "color-surface--reverse": "hsl(197, 90%, 12%)",
1308
- "color-surface--active": "hsl(51, 17%, 85%)",
1309
- "color-surface--background": "hsl(53, 21%, 93%)",
1310
- "color-surface--background--hover": "hsl(51, 17%, 85%)",
1311
- "color-surface--background--subtle": "hsl(45, 20%, 97%)",
1312
- "color-surface--background--subtle--hover": "hsl(51, 17%, 85%)",
1308
+ "color-surface--active": "hsl(40, 9%, 85%)",
1309
+ "color-surface--background": "hsl(43, 18%, 92%)",
1310
+ "color-surface--background--hover": "hsl(40, 9%, 85%)",
1311
+ "color-surface--background--subtle": "hsl(35, 20%, 97%)",
1312
+ "color-surface--background--subtle--hover": "hsl(40, 9%, 85%)",
1313
1313
  "color-border": "hsl(200, 13%, 87%)",
1314
1314
  "color-border--interactive": "hsl(200, 13%, 87%)",
1315
1315
  "color-border--section": "hsl(197, 90%, 12%)",
@@ -1339,7 +1339,7 @@ var tokens_web = {
1339
1339
  "color-payments--surface": "hsl(207, 87%, 94%)",
1340
1340
  "color-payments--onSurface": "hsl(206, 61%, 23%)",
1341
1341
  "color-client": "hsl(48, 3%, 34%)",
1342
- "color-client--surface": "hsl(53, 21%, 93%)",
1342
+ "color-client--surface": "hsl(43, 18%, 92%)",
1343
1343
  "color-client--onSurface": "hsl(40, 3%, 23%)",
1344
1344
  "radius-base": 8,
1345
1345
  "radius-small": 4,
@@ -1416,10 +1416,10 @@ var tokens_android = {
1416
1416
  "color-base-grey--800": "hsl(0, 0%, 24%)",
1417
1417
  "color-base-grey--900": "hsl(0, 0%, 15%)",
1418
1418
  "color-base-grey--1000": "hsl(0, 0%, 11%)",
1419
- "color-base-taupe--100": "hsl(45, 20%, 97%)",
1420
- "color-base-taupe--200": "hsl(53, 21%, 93%)",
1421
- "color-base-taupe--300": "hsl(51, 17%, 85%)",
1422
- "color-base-taupe--400": "hsl(49, 7%, 70%)",
1419
+ "color-base-taupe--100": "hsl(35, 20%, 97%)",
1420
+ "color-base-taupe--200": "hsl(43, 18%, 92%)",
1421
+ "color-base-taupe--300": "hsl(40, 9%, 85%)",
1422
+ "color-base-taupe--400": "hsl(43, 5%, 72%)",
1423
1423
  "color-base-taupe--500": "hsl(47, 4%, 57%)",
1424
1424
  "color-base-taupe--600": "hsl(43, 3%, 46%)",
1425
1425
  "color-base-taupe--700": "hsl(48, 3%, 34%)",
@@ -1548,9 +1548,9 @@ var tokens_android = {
1548
1548
  "color-blue--lighter": "hsl(198, 12%, 57%)",
1549
1549
  "color-blue--lightest": "hsl(200, 13%, 87%)",
1550
1550
  "color-blue--dark": "hsl(198, 96%, 9%)",
1551
- "color-taupe": "hsl(53, 21%, 93%)",
1552
- "color-taupe--light": "hsl(45, 20%, 97%)",
1553
- "color-taupe--dark": "hsl(51, 17%, 85%)",
1551
+ "color-taupe": "hsl(43, 18%, 92%)",
1552
+ "color-taupe--light": "hsl(35, 20%, 97%)",
1553
+ "color-taupe--dark": "hsl(40, 9%, 85%)",
1554
1554
  "color-green": "hsl(107, 58%, 33%)",
1555
1555
  "color-green--light": "hsl(107, 30%, 49%)",
1556
1556
  "color-green--lighter": "hsl(107, 29%, 65%)",
@@ -1609,8 +1609,8 @@ var tokens_android = {
1609
1609
  "color-orange--dark": "hsl(31, 90%, 37%)",
1610
1610
  "color-brown": "hsl(31, 100%, 27%)",
1611
1611
  "color-brown--light": "hsl(31, 90%, 37%)",
1612
- "color-brown--lighter": "hsl(51, 17%, 85%)",
1613
- "color-brown--lightest": "hsl(53, 21%, 93%)",
1612
+ "color-brown--lighter": "hsl(40, 9%, 85%)",
1613
+ "color-brown--lightest": "hsl(43, 18%, 92%)",
1614
1614
  "color-brown--dark": "hsl(31, 100%, 18%)",
1615
1615
  "color-navy": "hsl(207, 61%, 34%)",
1616
1616
  "color-navy--light": "hsl(207, 61%, 45%)",
@@ -1623,8 +1623,8 @@ var tokens_android = {
1623
1623
  "color-interactive--hover": "hsl(107, 65%, 24%)",
1624
1624
  "color-interactive--subtle": "hsl(198, 35%, 21%)",
1625
1625
  "color-interactive--subtle--hover": "hsl(197, 90%, 12%)",
1626
- "color-interactive--background": "hsl(51, 17%, 85%)",
1627
- "color-interactive--background--hover": "hsl(49, 7%, 70%)",
1626
+ "color-interactive--background": "hsl(40, 9%, 85%)",
1627
+ "color-interactive--background--hover": "hsl(43, 5%, 72%)",
1628
1628
  "color-interactive--background--subtle--hover": "hsl(109, 28%, 92%)",
1629
1629
  "color-destructive": "hsl(6, 64%, 51%)",
1630
1630
  "color-destructive--hover": "hsl(6, 100%, 35%)",
@@ -1653,13 +1653,13 @@ var tokens_android = {
1653
1653
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
1654
1654
  "color-icon": "hsl(198, 35%, 21%)",
1655
1655
  "color-surface": "rgba(255, 255, 255, 1)",
1656
- "color-surface--hover": "hsl(53, 21%, 93%)",
1656
+ "color-surface--hover": "hsl(43, 18%, 92%)",
1657
1657
  "color-surface--reverse": "hsl(197, 90%, 12%)",
1658
- "color-surface--active": "hsl(51, 17%, 85%)",
1659
- "color-surface--background": "hsl(53, 21%, 93%)",
1660
- "color-surface--background--hover": "hsl(51, 17%, 85%)",
1661
- "color-surface--background--subtle": "hsl(45, 20%, 97%)",
1662
- "color-surface--background--subtle--hover": "hsl(51, 17%, 85%)",
1658
+ "color-surface--active": "hsl(40, 9%, 85%)",
1659
+ "color-surface--background": "hsl(43, 18%, 92%)",
1660
+ "color-surface--background--hover": "hsl(40, 9%, 85%)",
1661
+ "color-surface--background--subtle": "hsl(35, 20%, 97%)",
1662
+ "color-surface--background--subtle--hover": "hsl(40, 9%, 85%)",
1663
1663
  "color-border": "hsl(200, 13%, 87%)",
1664
1664
  "color-border--interactive": "hsl(200, 13%, 87%)",
1665
1665
  "color-border--section": "hsl(197, 90%, 12%)",
@@ -1689,7 +1689,7 @@ var tokens_android = {
1689
1689
  "color-payments--surface": "hsl(207, 87%, 94%)",
1690
1690
  "color-payments--onSurface": "hsl(206, 61%, 23%)",
1691
1691
  "color-client": "hsl(48, 3%, 34%)",
1692
- "color-client--surface": "hsl(53, 21%, 93%)",
1692
+ "color-client--surface": "hsl(43, 18%, 92%)",
1693
1693
  "color-client--onSurface": "hsl(40, 3%, 23%)",
1694
1694
  "radius-base": 8,
1695
1695
  "radius-small": 4,
@@ -1794,10 +1794,10 @@ var tokens_ios = {
1794
1794
  "color-base-grey--800": "hsl(0, 0%, 24%)",
1795
1795
  "color-base-grey--900": "hsl(0, 0%, 15%)",
1796
1796
  "color-base-grey--1000": "hsl(0, 0%, 11%)",
1797
- "color-base-taupe--100": "hsl(45, 20%, 97%)",
1798
- "color-base-taupe--200": "hsl(53, 21%, 93%)",
1799
- "color-base-taupe--300": "hsl(51, 17%, 85%)",
1800
- "color-base-taupe--400": "hsl(49, 7%, 70%)",
1797
+ "color-base-taupe--100": "hsl(35, 20%, 97%)",
1798
+ "color-base-taupe--200": "hsl(43, 18%, 92%)",
1799
+ "color-base-taupe--300": "hsl(40, 9%, 85%)",
1800
+ "color-base-taupe--400": "hsl(43, 5%, 72%)",
1801
1801
  "color-base-taupe--500": "hsl(47, 4%, 57%)",
1802
1802
  "color-base-taupe--600": "hsl(43, 3%, 46%)",
1803
1803
  "color-base-taupe--700": "hsl(48, 3%, 34%)",
@@ -1926,9 +1926,9 @@ var tokens_ios = {
1926
1926
  "color-blue--lighter": "hsl(198, 12%, 57%)",
1927
1927
  "color-blue--lightest": "hsl(200, 13%, 87%)",
1928
1928
  "color-blue--dark": "hsl(198, 96%, 9%)",
1929
- "color-taupe": "hsl(53, 21%, 93%)",
1930
- "color-taupe--light": "hsl(45, 20%, 97%)",
1931
- "color-taupe--dark": "hsl(51, 17%, 85%)",
1929
+ "color-taupe": "hsl(43, 18%, 92%)",
1930
+ "color-taupe--light": "hsl(35, 20%, 97%)",
1931
+ "color-taupe--dark": "hsl(40, 9%, 85%)",
1932
1932
  "color-green": "hsl(107, 58%, 33%)",
1933
1933
  "color-green--light": "hsl(107, 30%, 49%)",
1934
1934
  "color-green--lighter": "hsl(107, 29%, 65%)",
@@ -1987,8 +1987,8 @@ var tokens_ios = {
1987
1987
  "color-orange--dark": "hsl(31, 90%, 37%)",
1988
1988
  "color-brown": "hsl(31, 100%, 27%)",
1989
1989
  "color-brown--light": "hsl(31, 90%, 37%)",
1990
- "color-brown--lighter": "hsl(51, 17%, 85%)",
1991
- "color-brown--lightest": "hsl(53, 21%, 93%)",
1990
+ "color-brown--lighter": "hsl(40, 9%, 85%)",
1991
+ "color-brown--lightest": "hsl(43, 18%, 92%)",
1992
1992
  "color-brown--dark": "hsl(31, 100%, 18%)",
1993
1993
  "color-navy": "hsl(207, 61%, 34%)",
1994
1994
  "color-navy--light": "hsl(207, 61%, 45%)",
@@ -2001,8 +2001,8 @@ var tokens_ios = {
2001
2001
  "color-interactive--hover": "hsl(107, 65%, 24%)",
2002
2002
  "color-interactive--subtle": "hsl(198, 35%, 21%)",
2003
2003
  "color-interactive--subtle--hover": "hsl(197, 90%, 12%)",
2004
- "color-interactive--background": "hsl(51, 17%, 85%)",
2005
- "color-interactive--background--hover": "hsl(49, 7%, 70%)",
2004
+ "color-interactive--background": "hsl(40, 9%, 85%)",
2005
+ "color-interactive--background--hover": "hsl(43, 5%, 72%)",
2006
2006
  "color-interactive--background--subtle--hover": "hsl(109, 28%, 92%)",
2007
2007
  "color-destructive": "hsl(6, 64%, 51%)",
2008
2008
  "color-destructive--hover": "hsl(6, 100%, 35%)",
@@ -2031,13 +2031,13 @@ var tokens_ios = {
2031
2031
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
2032
2032
  "color-icon": "hsl(198, 35%, 21%)",
2033
2033
  "color-surface": "rgba(255, 255, 255, 1)",
2034
- "color-surface--hover": "hsl(53, 21%, 93%)",
2034
+ "color-surface--hover": "hsl(43, 18%, 92%)",
2035
2035
  "color-surface--reverse": "hsl(197, 90%, 12%)",
2036
- "color-surface--active": "hsl(51, 17%, 85%)",
2037
- "color-surface--background": "hsl(53, 21%, 93%)",
2038
- "color-surface--background--hover": "hsl(51, 17%, 85%)",
2039
- "color-surface--background--subtle": "hsl(45, 20%, 97%)",
2040
- "color-surface--background--subtle--hover": "hsl(51, 17%, 85%)",
2036
+ "color-surface--active": "hsl(40, 9%, 85%)",
2037
+ "color-surface--background": "hsl(43, 18%, 92%)",
2038
+ "color-surface--background--hover": "hsl(40, 9%, 85%)",
2039
+ "color-surface--background--subtle": "hsl(35, 20%, 97%)",
2040
+ "color-surface--background--subtle--hover": "hsl(40, 9%, 85%)",
2041
2041
  "color-border": "hsl(200, 13%, 87%)",
2042
2042
  "color-border--interactive": "hsl(200, 13%, 87%)",
2043
2043
  "color-border--section": "hsl(197, 90%, 12%)",
@@ -2067,7 +2067,7 @@ var tokens_ios = {
2067
2067
  "color-payments--surface": "hsl(207, 87%, 94%)",
2068
2068
  "color-payments--onSurface": "hsl(206, 61%, 23%)",
2069
2069
  "color-client": "hsl(48, 3%, 34%)",
2070
- "color-client--surface": "hsl(53, 21%, 93%)",
2070
+ "color-client--surface": "hsl(43, 18%, 92%)",
2071
2071
  "color-client--onSurface": "hsl(40, 3%, 23%)",
2072
2072
  "radius-base": 8,
2073
2073
  "radius-small": 4,
@@ -2163,9 +2163,9 @@ var tokens_color = {
2163
2163
  "color-blue--lighter": "hsl(198, 12%, 57%)",
2164
2164
  "color-blue--lightest": "hsl(200, 13%, 87%)",
2165
2165
  "color-blue--dark": "hsl(198, 96%, 9%)",
2166
- "color-taupe": "hsl(53, 21%, 93%)",
2167
- "color-taupe--light": "hsl(45, 20%, 97%)",
2168
- "color-taupe--dark": "hsl(51, 17%, 85%)",
2166
+ "color-taupe": "hsl(43, 18%, 92%)",
2167
+ "color-taupe--light": "hsl(35, 20%, 97%)",
2168
+ "color-taupe--dark": "hsl(40, 9%, 85%)",
2169
2169
  "color-green": "hsl(107, 58%, 33%)",
2170
2170
  "color-green--light": "hsl(107, 30%, 49%)",
2171
2171
  "color-green--lighter": "hsl(107, 29%, 65%)",
@@ -2224,8 +2224,8 @@ var tokens_color = {
2224
2224
  "color-orange--dark": "hsl(31, 90%, 37%)",
2225
2225
  "color-brown": "hsl(31, 100%, 27%)",
2226
2226
  "color-brown--light": "hsl(31, 90%, 37%)",
2227
- "color-brown--lighter": "hsl(51, 17%, 85%)",
2228
- "color-brown--lightest": "hsl(53, 21%, 93%)",
2227
+ "color-brown--lighter": "hsl(40, 9%, 85%)",
2228
+ "color-brown--lightest": "hsl(43, 18%, 92%)",
2229
2229
  "color-brown--dark": "hsl(31, 100%, 18%)",
2230
2230
  "color-navy": "hsl(207, 61%, 34%)",
2231
2231
  "color-navy--light": "hsl(207, 61%, 45%)",
@@ -2263,14 +2263,14 @@ var allColors = {
2263
2263
  "color-payments--surface": "hsl(207, 87%, 94%)",
2264
2264
  "color-payments--onSurface": "hsl(206, 61%, 23%)",
2265
2265
  "color-client": "hsl(48, 3%, 34%)",
2266
- "color-client--surface": "hsl(53, 21%, 93%)",
2266
+ "color-client--surface": "hsl(43, 18%, 92%)",
2267
2267
  "color-client--onSurface": "hsl(40, 3%, 23%)",
2268
2268
  "color-interactive": "hsl(107, 58%, 33%)",
2269
2269
  "color-interactive--hover": "hsl(107, 65%, 24%)",
2270
2270
  "color-interactive--subtle": "hsl(198, 35%, 21%)",
2271
2271
  "color-interactive--subtle--hover": "hsl(197, 90%, 12%)",
2272
- "color-interactive--background": "hsl(51, 17%, 85%)",
2273
- "color-interactive--background--hover": "hsl(49, 7%, 70%)",
2272
+ "color-interactive--background": "hsl(40, 9%, 85%)",
2273
+ "color-interactive--background--hover": "hsl(43, 5%, 72%)",
2274
2274
  "color-interactive--background--subtle--hover": "hsl(109, 28%, 92%)",
2275
2275
  "color-destructive": "hsl(6, 64%, 51%)",
2276
2276
  "color-destructive--hover": "hsl(6, 100%, 35%)",
@@ -2299,13 +2299,13 @@ var allColors = {
2299
2299
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
2300
2300
  "color-icon": "hsl(198, 35%, 21%)",
2301
2301
  "color-surface": "rgba(255, 255, 255, 1)",
2302
- "color-surface--hover": "hsl(53, 21%, 93%)",
2302
+ "color-surface--hover": "hsl(43, 18%, 92%)",
2303
2303
  "color-surface--reverse": "hsl(197, 90%, 12%)",
2304
- "color-surface--active": "hsl(51, 17%, 85%)",
2305
- "color-surface--background": "hsl(53, 21%, 93%)",
2306
- "color-surface--background--hover": "hsl(51, 17%, 85%)",
2307
- "color-surface--background--subtle": "hsl(45, 20%, 97%)",
2308
- "color-surface--background--subtle--hover": "hsl(51, 17%, 85%)",
2304
+ "color-surface--active": "hsl(40, 9%, 85%)",
2305
+ "color-surface--background": "hsl(43, 18%, 92%)",
2306
+ "color-surface--background--hover": "hsl(40, 9%, 85%)",
2307
+ "color-surface--background--subtle": "hsl(35, 20%, 97%)",
2308
+ "color-surface--background--subtle--hover": "hsl(40, 9%, 85%)",
2309
2309
  "color-border": "hsl(200, 13%, 87%)",
2310
2310
  "color-border--interactive": "hsl(200, 13%, 87%)",
2311
2311
  "color-border--section": "hsl(197, 90%, 12%)",
@@ -2315,9 +2315,9 @@ var allColors = {
2315
2315
  "color-blue--lighter": "hsl(198, 12%, 57%)",
2316
2316
  "color-blue--lightest": "hsl(200, 13%, 87%)",
2317
2317
  "color-blue--dark": "hsl(198, 96%, 9%)",
2318
- "color-taupe": "hsl(53, 21%, 93%)",
2319
- "color-taupe--light": "hsl(45, 20%, 97%)",
2320
- "color-taupe--dark": "hsl(51, 17%, 85%)",
2318
+ "color-taupe": "hsl(43, 18%, 92%)",
2319
+ "color-taupe--light": "hsl(35, 20%, 97%)",
2320
+ "color-taupe--dark": "hsl(40, 9%, 85%)",
2321
2321
  "color-green": "hsl(107, 58%, 33%)",
2322
2322
  "color-green--light": "hsl(107, 30%, 49%)",
2323
2323
  "color-green--lighter": "hsl(107, 29%, 65%)",
@@ -2376,8 +2376,8 @@ var allColors = {
2376
2376
  "color-orange--dark": "hsl(31, 90%, 37%)",
2377
2377
  "color-brown": "hsl(31, 100%, 27%)",
2378
2378
  "color-brown--light": "hsl(31, 90%, 37%)",
2379
- "color-brown--lighter": "hsl(51, 17%, 85%)",
2380
- "color-brown--lightest": "hsl(53, 21%, 93%)",
2379
+ "color-brown--lighter": "hsl(40, 9%, 85%)",
2380
+ "color-brown--lightest": "hsl(43, 18%, 92%)",
2381
2381
  "color-brown--dark": "hsl(31, 100%, 18%)",
2382
2382
  "color-navy": "hsl(207, 61%, 34%)",
2383
2383
  "color-navy--light": "hsl(207, 61%, 45%)",
@@ -2396,10 +2396,10 @@ var allColors = {
2396
2396
  "color-base-grey--800": "hsl(0, 0%, 24%)",
2397
2397
  "color-base-grey--900": "hsl(0, 0%, 15%)",
2398
2398
  "color-base-grey--1000": "hsl(0, 0%, 11%)",
2399
- "color-base-taupe--100": "hsl(45, 20%, 97%)",
2400
- "color-base-taupe--200": "hsl(53, 21%, 93%)",
2401
- "color-base-taupe--300": "hsl(51, 17%, 85%)",
2402
- "color-base-taupe--400": "hsl(49, 7%, 70%)",
2399
+ "color-base-taupe--100": "hsl(35, 20%, 97%)",
2400
+ "color-base-taupe--200": "hsl(43, 18%, 92%)",
2401
+ "color-base-taupe--300": "hsl(40, 9%, 85%)",
2402
+ "color-base-taupe--400": "hsl(43, 5%, 72%)",
2403
2403
  "color-base-taupe--500": "hsl(47, 4%, 57%)",
2404
2404
  "color-base-taupe--600": "hsl(43, 3%, 46%)",
2405
2405
  "color-base-taupe--700": "hsl(48, 3%, 34%)",
@@ -2531,8 +2531,8 @@ var tokens_semantic = {
2531
2531
  "color-interactive--hover": "hsl(107, 65%, 24%)",
2532
2532
  "color-interactive--subtle": "hsl(198, 35%, 21%)",
2533
2533
  "color-interactive--subtle--hover": "hsl(197, 90%, 12%)",
2534
- "color-interactive--background": "hsl(51, 17%, 85%)",
2535
- "color-interactive--background--hover": "hsl(49, 7%, 70%)",
2534
+ "color-interactive--background": "hsl(40, 9%, 85%)",
2535
+ "color-interactive--background--hover": "hsl(43, 5%, 72%)",
2536
2536
  "color-interactive--background--subtle--hover": "hsl(109, 28%, 92%)",
2537
2537
  "color-destructive": "hsl(6, 64%, 51%)",
2538
2538
  "color-destructive--hover": "hsl(6, 100%, 35%)",
@@ -2561,13 +2561,13 @@ var tokens_semantic = {
2561
2561
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
2562
2562
  "color-icon": "hsl(198, 35%, 21%)",
2563
2563
  "color-surface": "rgba(255, 255, 255, 1)",
2564
- "color-surface--hover": "hsl(53, 21%, 93%)",
2564
+ "color-surface--hover": "hsl(43, 18%, 92%)",
2565
2565
  "color-surface--reverse": "hsl(197, 90%, 12%)",
2566
- "color-surface--active": "hsl(51, 17%, 85%)",
2567
- "color-surface--background": "hsl(53, 21%, 93%)",
2568
- "color-surface--background--hover": "hsl(51, 17%, 85%)",
2569
- "color-surface--background--subtle": "hsl(45, 20%, 97%)",
2570
- "color-surface--background--subtle--hover": "hsl(51, 17%, 85%)",
2566
+ "color-surface--active": "hsl(40, 9%, 85%)",
2567
+ "color-surface--background": "hsl(43, 18%, 92%)",
2568
+ "color-surface--background--hover": "hsl(40, 9%, 85%)",
2569
+ "color-surface--background--subtle": "hsl(35, 20%, 97%)",
2570
+ "color-surface--background--subtle--hover": "hsl(40, 9%, 85%)",
2571
2571
  "color-border": "hsl(200, 13%, 87%)",
2572
2572
  "color-border--interactive": "hsl(200, 13%, 87%)",
2573
2573
  "color-border--section": "hsl(197, 90%, 12%)",
@@ -2619,7 +2619,7 @@ var tokens_dark = {
2619
2619
  "color-surface--background--hover": "hsl(197, 18%, 25%)",
2620
2620
  "color-surface--background--subtle": "hsl(197, 18%, 25%)",
2621
2621
  "color-surface--background--subtle--hover": "hsl(197, 15%, 43%)",
2622
- "color-surface--reverse": "hsl(53, 21%, 93%)",
2622
+ "color-surface--reverse": "hsl(43, 18%, 92%)",
2623
2623
  "color-border": "hsl(197, 15%, 35%)",
2624
2624
  "color-border--interactive": "hsl(198, 12%, 57%)",
2625
2625
  "color-border--section": "hsl(196, 12%, 70%)",
package/dist/index.mjs CHANGED
@@ -1064,10 +1064,10 @@ var tokens_web = {
1064
1064
  "color-base-grey--800": "hsl(0, 0%, 24%)",
1065
1065
  "color-base-grey--900": "hsl(0, 0%, 15%)",
1066
1066
  "color-base-grey--1000": "hsl(0, 0%, 11%)",
1067
- "color-base-taupe--100": "hsl(45, 20%, 97%)",
1068
- "color-base-taupe--200": "hsl(53, 21%, 93%)",
1069
- "color-base-taupe--300": "hsl(51, 17%, 85%)",
1070
- "color-base-taupe--400": "hsl(49, 7%, 70%)",
1067
+ "color-base-taupe--100": "hsl(35, 20%, 97%)",
1068
+ "color-base-taupe--200": "hsl(43, 18%, 92%)",
1069
+ "color-base-taupe--300": "hsl(40, 9%, 85%)",
1070
+ "color-base-taupe--400": "hsl(43, 5%, 72%)",
1071
1071
  "color-base-taupe--500": "hsl(47, 4%, 57%)",
1072
1072
  "color-base-taupe--600": "hsl(43, 3%, 46%)",
1073
1073
  "color-base-taupe--700": "hsl(48, 3%, 34%)",
@@ -1196,9 +1196,9 @@ var tokens_web = {
1196
1196
  "color-blue--lighter": "hsl(198, 12%, 57%)",
1197
1197
  "color-blue--lightest": "hsl(200, 13%, 87%)",
1198
1198
  "color-blue--dark": "hsl(198, 96%, 9%)",
1199
- "color-taupe": "hsl(53, 21%, 93%)",
1200
- "color-taupe--light": "hsl(45, 20%, 97%)",
1201
- "color-taupe--dark": "hsl(51, 17%, 85%)",
1199
+ "color-taupe": "hsl(43, 18%, 92%)",
1200
+ "color-taupe--light": "hsl(35, 20%, 97%)",
1201
+ "color-taupe--dark": "hsl(40, 9%, 85%)",
1202
1202
  "color-green": "hsl(107, 58%, 33%)",
1203
1203
  "color-green--light": "hsl(107, 30%, 49%)",
1204
1204
  "color-green--lighter": "hsl(107, 29%, 65%)",
@@ -1257,8 +1257,8 @@ var tokens_web = {
1257
1257
  "color-orange--dark": "hsl(31, 90%, 37%)",
1258
1258
  "color-brown": "hsl(31, 100%, 27%)",
1259
1259
  "color-brown--light": "hsl(31, 90%, 37%)",
1260
- "color-brown--lighter": "hsl(51, 17%, 85%)",
1261
- "color-brown--lightest": "hsl(53, 21%, 93%)",
1260
+ "color-brown--lighter": "hsl(40, 9%, 85%)",
1261
+ "color-brown--lightest": "hsl(43, 18%, 92%)",
1262
1262
  "color-brown--dark": "hsl(31, 100%, 18%)",
1263
1263
  "color-navy": "hsl(207, 61%, 34%)",
1264
1264
  "color-navy--light": "hsl(207, 61%, 45%)",
@@ -1271,8 +1271,8 @@ var tokens_web = {
1271
1271
  "color-interactive--hover": "hsl(107, 65%, 24%)",
1272
1272
  "color-interactive--subtle": "hsl(198, 35%, 21%)",
1273
1273
  "color-interactive--subtle--hover": "hsl(197, 90%, 12%)",
1274
- "color-interactive--background": "hsl(51, 17%, 85%)",
1275
- "color-interactive--background--hover": "hsl(49, 7%, 70%)",
1274
+ "color-interactive--background": "hsl(40, 9%, 85%)",
1275
+ "color-interactive--background--hover": "hsl(43, 5%, 72%)",
1276
1276
  "color-interactive--background--subtle--hover": "hsl(109, 28%, 92%)",
1277
1277
  "color-destructive": "hsl(6, 64%, 51%)",
1278
1278
  "color-destructive--hover": "hsl(6, 100%, 35%)",
@@ -1301,13 +1301,13 @@ var tokens_web = {
1301
1301
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
1302
1302
  "color-icon": "hsl(198, 35%, 21%)",
1303
1303
  "color-surface": "rgba(255, 255, 255, 1)",
1304
- "color-surface--hover": "hsl(53, 21%, 93%)",
1304
+ "color-surface--hover": "hsl(43, 18%, 92%)",
1305
1305
  "color-surface--reverse": "hsl(197, 90%, 12%)",
1306
- "color-surface--active": "hsl(51, 17%, 85%)",
1307
- "color-surface--background": "hsl(53, 21%, 93%)",
1308
- "color-surface--background--hover": "hsl(51, 17%, 85%)",
1309
- "color-surface--background--subtle": "hsl(45, 20%, 97%)",
1310
- "color-surface--background--subtle--hover": "hsl(51, 17%, 85%)",
1306
+ "color-surface--active": "hsl(40, 9%, 85%)",
1307
+ "color-surface--background": "hsl(43, 18%, 92%)",
1308
+ "color-surface--background--hover": "hsl(40, 9%, 85%)",
1309
+ "color-surface--background--subtle": "hsl(35, 20%, 97%)",
1310
+ "color-surface--background--subtle--hover": "hsl(40, 9%, 85%)",
1311
1311
  "color-border": "hsl(200, 13%, 87%)",
1312
1312
  "color-border--interactive": "hsl(200, 13%, 87%)",
1313
1313
  "color-border--section": "hsl(197, 90%, 12%)",
@@ -1337,7 +1337,7 @@ var tokens_web = {
1337
1337
  "color-payments--surface": "hsl(207, 87%, 94%)",
1338
1338
  "color-payments--onSurface": "hsl(206, 61%, 23%)",
1339
1339
  "color-client": "hsl(48, 3%, 34%)",
1340
- "color-client--surface": "hsl(53, 21%, 93%)",
1340
+ "color-client--surface": "hsl(43, 18%, 92%)",
1341
1341
  "color-client--onSurface": "hsl(40, 3%, 23%)",
1342
1342
  "radius-base": 8,
1343
1343
  "radius-small": 4,
@@ -1414,10 +1414,10 @@ var tokens_android = {
1414
1414
  "color-base-grey--800": "hsl(0, 0%, 24%)",
1415
1415
  "color-base-grey--900": "hsl(0, 0%, 15%)",
1416
1416
  "color-base-grey--1000": "hsl(0, 0%, 11%)",
1417
- "color-base-taupe--100": "hsl(45, 20%, 97%)",
1418
- "color-base-taupe--200": "hsl(53, 21%, 93%)",
1419
- "color-base-taupe--300": "hsl(51, 17%, 85%)",
1420
- "color-base-taupe--400": "hsl(49, 7%, 70%)",
1417
+ "color-base-taupe--100": "hsl(35, 20%, 97%)",
1418
+ "color-base-taupe--200": "hsl(43, 18%, 92%)",
1419
+ "color-base-taupe--300": "hsl(40, 9%, 85%)",
1420
+ "color-base-taupe--400": "hsl(43, 5%, 72%)",
1421
1421
  "color-base-taupe--500": "hsl(47, 4%, 57%)",
1422
1422
  "color-base-taupe--600": "hsl(43, 3%, 46%)",
1423
1423
  "color-base-taupe--700": "hsl(48, 3%, 34%)",
@@ -1546,9 +1546,9 @@ var tokens_android = {
1546
1546
  "color-blue--lighter": "hsl(198, 12%, 57%)",
1547
1547
  "color-blue--lightest": "hsl(200, 13%, 87%)",
1548
1548
  "color-blue--dark": "hsl(198, 96%, 9%)",
1549
- "color-taupe": "hsl(53, 21%, 93%)",
1550
- "color-taupe--light": "hsl(45, 20%, 97%)",
1551
- "color-taupe--dark": "hsl(51, 17%, 85%)",
1549
+ "color-taupe": "hsl(43, 18%, 92%)",
1550
+ "color-taupe--light": "hsl(35, 20%, 97%)",
1551
+ "color-taupe--dark": "hsl(40, 9%, 85%)",
1552
1552
  "color-green": "hsl(107, 58%, 33%)",
1553
1553
  "color-green--light": "hsl(107, 30%, 49%)",
1554
1554
  "color-green--lighter": "hsl(107, 29%, 65%)",
@@ -1607,8 +1607,8 @@ var tokens_android = {
1607
1607
  "color-orange--dark": "hsl(31, 90%, 37%)",
1608
1608
  "color-brown": "hsl(31, 100%, 27%)",
1609
1609
  "color-brown--light": "hsl(31, 90%, 37%)",
1610
- "color-brown--lighter": "hsl(51, 17%, 85%)",
1611
- "color-brown--lightest": "hsl(53, 21%, 93%)",
1610
+ "color-brown--lighter": "hsl(40, 9%, 85%)",
1611
+ "color-brown--lightest": "hsl(43, 18%, 92%)",
1612
1612
  "color-brown--dark": "hsl(31, 100%, 18%)",
1613
1613
  "color-navy": "hsl(207, 61%, 34%)",
1614
1614
  "color-navy--light": "hsl(207, 61%, 45%)",
@@ -1621,8 +1621,8 @@ var tokens_android = {
1621
1621
  "color-interactive--hover": "hsl(107, 65%, 24%)",
1622
1622
  "color-interactive--subtle": "hsl(198, 35%, 21%)",
1623
1623
  "color-interactive--subtle--hover": "hsl(197, 90%, 12%)",
1624
- "color-interactive--background": "hsl(51, 17%, 85%)",
1625
- "color-interactive--background--hover": "hsl(49, 7%, 70%)",
1624
+ "color-interactive--background": "hsl(40, 9%, 85%)",
1625
+ "color-interactive--background--hover": "hsl(43, 5%, 72%)",
1626
1626
  "color-interactive--background--subtle--hover": "hsl(109, 28%, 92%)",
1627
1627
  "color-destructive": "hsl(6, 64%, 51%)",
1628
1628
  "color-destructive--hover": "hsl(6, 100%, 35%)",
@@ -1651,13 +1651,13 @@ var tokens_android = {
1651
1651
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
1652
1652
  "color-icon": "hsl(198, 35%, 21%)",
1653
1653
  "color-surface": "rgba(255, 255, 255, 1)",
1654
- "color-surface--hover": "hsl(53, 21%, 93%)",
1654
+ "color-surface--hover": "hsl(43, 18%, 92%)",
1655
1655
  "color-surface--reverse": "hsl(197, 90%, 12%)",
1656
- "color-surface--active": "hsl(51, 17%, 85%)",
1657
- "color-surface--background": "hsl(53, 21%, 93%)",
1658
- "color-surface--background--hover": "hsl(51, 17%, 85%)",
1659
- "color-surface--background--subtle": "hsl(45, 20%, 97%)",
1660
- "color-surface--background--subtle--hover": "hsl(51, 17%, 85%)",
1656
+ "color-surface--active": "hsl(40, 9%, 85%)",
1657
+ "color-surface--background": "hsl(43, 18%, 92%)",
1658
+ "color-surface--background--hover": "hsl(40, 9%, 85%)",
1659
+ "color-surface--background--subtle": "hsl(35, 20%, 97%)",
1660
+ "color-surface--background--subtle--hover": "hsl(40, 9%, 85%)",
1661
1661
  "color-border": "hsl(200, 13%, 87%)",
1662
1662
  "color-border--interactive": "hsl(200, 13%, 87%)",
1663
1663
  "color-border--section": "hsl(197, 90%, 12%)",
@@ -1687,7 +1687,7 @@ var tokens_android = {
1687
1687
  "color-payments--surface": "hsl(207, 87%, 94%)",
1688
1688
  "color-payments--onSurface": "hsl(206, 61%, 23%)",
1689
1689
  "color-client": "hsl(48, 3%, 34%)",
1690
- "color-client--surface": "hsl(53, 21%, 93%)",
1690
+ "color-client--surface": "hsl(43, 18%, 92%)",
1691
1691
  "color-client--onSurface": "hsl(40, 3%, 23%)",
1692
1692
  "radius-base": 8,
1693
1693
  "radius-small": 4,
@@ -1792,10 +1792,10 @@ var tokens_ios = {
1792
1792
  "color-base-grey--800": "hsl(0, 0%, 24%)",
1793
1793
  "color-base-grey--900": "hsl(0, 0%, 15%)",
1794
1794
  "color-base-grey--1000": "hsl(0, 0%, 11%)",
1795
- "color-base-taupe--100": "hsl(45, 20%, 97%)",
1796
- "color-base-taupe--200": "hsl(53, 21%, 93%)",
1797
- "color-base-taupe--300": "hsl(51, 17%, 85%)",
1798
- "color-base-taupe--400": "hsl(49, 7%, 70%)",
1795
+ "color-base-taupe--100": "hsl(35, 20%, 97%)",
1796
+ "color-base-taupe--200": "hsl(43, 18%, 92%)",
1797
+ "color-base-taupe--300": "hsl(40, 9%, 85%)",
1798
+ "color-base-taupe--400": "hsl(43, 5%, 72%)",
1799
1799
  "color-base-taupe--500": "hsl(47, 4%, 57%)",
1800
1800
  "color-base-taupe--600": "hsl(43, 3%, 46%)",
1801
1801
  "color-base-taupe--700": "hsl(48, 3%, 34%)",
@@ -1924,9 +1924,9 @@ var tokens_ios = {
1924
1924
  "color-blue--lighter": "hsl(198, 12%, 57%)",
1925
1925
  "color-blue--lightest": "hsl(200, 13%, 87%)",
1926
1926
  "color-blue--dark": "hsl(198, 96%, 9%)",
1927
- "color-taupe": "hsl(53, 21%, 93%)",
1928
- "color-taupe--light": "hsl(45, 20%, 97%)",
1929
- "color-taupe--dark": "hsl(51, 17%, 85%)",
1927
+ "color-taupe": "hsl(43, 18%, 92%)",
1928
+ "color-taupe--light": "hsl(35, 20%, 97%)",
1929
+ "color-taupe--dark": "hsl(40, 9%, 85%)",
1930
1930
  "color-green": "hsl(107, 58%, 33%)",
1931
1931
  "color-green--light": "hsl(107, 30%, 49%)",
1932
1932
  "color-green--lighter": "hsl(107, 29%, 65%)",
@@ -1985,8 +1985,8 @@ var tokens_ios = {
1985
1985
  "color-orange--dark": "hsl(31, 90%, 37%)",
1986
1986
  "color-brown": "hsl(31, 100%, 27%)",
1987
1987
  "color-brown--light": "hsl(31, 90%, 37%)",
1988
- "color-brown--lighter": "hsl(51, 17%, 85%)",
1989
- "color-brown--lightest": "hsl(53, 21%, 93%)",
1988
+ "color-brown--lighter": "hsl(40, 9%, 85%)",
1989
+ "color-brown--lightest": "hsl(43, 18%, 92%)",
1990
1990
  "color-brown--dark": "hsl(31, 100%, 18%)",
1991
1991
  "color-navy": "hsl(207, 61%, 34%)",
1992
1992
  "color-navy--light": "hsl(207, 61%, 45%)",
@@ -1999,8 +1999,8 @@ var tokens_ios = {
1999
1999
  "color-interactive--hover": "hsl(107, 65%, 24%)",
2000
2000
  "color-interactive--subtle": "hsl(198, 35%, 21%)",
2001
2001
  "color-interactive--subtle--hover": "hsl(197, 90%, 12%)",
2002
- "color-interactive--background": "hsl(51, 17%, 85%)",
2003
- "color-interactive--background--hover": "hsl(49, 7%, 70%)",
2002
+ "color-interactive--background": "hsl(40, 9%, 85%)",
2003
+ "color-interactive--background--hover": "hsl(43, 5%, 72%)",
2004
2004
  "color-interactive--background--subtle--hover": "hsl(109, 28%, 92%)",
2005
2005
  "color-destructive": "hsl(6, 64%, 51%)",
2006
2006
  "color-destructive--hover": "hsl(6, 100%, 35%)",
@@ -2029,13 +2029,13 @@ var tokens_ios = {
2029
2029
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
2030
2030
  "color-icon": "hsl(198, 35%, 21%)",
2031
2031
  "color-surface": "rgba(255, 255, 255, 1)",
2032
- "color-surface--hover": "hsl(53, 21%, 93%)",
2032
+ "color-surface--hover": "hsl(43, 18%, 92%)",
2033
2033
  "color-surface--reverse": "hsl(197, 90%, 12%)",
2034
- "color-surface--active": "hsl(51, 17%, 85%)",
2035
- "color-surface--background": "hsl(53, 21%, 93%)",
2036
- "color-surface--background--hover": "hsl(51, 17%, 85%)",
2037
- "color-surface--background--subtle": "hsl(45, 20%, 97%)",
2038
- "color-surface--background--subtle--hover": "hsl(51, 17%, 85%)",
2034
+ "color-surface--active": "hsl(40, 9%, 85%)",
2035
+ "color-surface--background": "hsl(43, 18%, 92%)",
2036
+ "color-surface--background--hover": "hsl(40, 9%, 85%)",
2037
+ "color-surface--background--subtle": "hsl(35, 20%, 97%)",
2038
+ "color-surface--background--subtle--hover": "hsl(40, 9%, 85%)",
2039
2039
  "color-border": "hsl(200, 13%, 87%)",
2040
2040
  "color-border--interactive": "hsl(200, 13%, 87%)",
2041
2041
  "color-border--section": "hsl(197, 90%, 12%)",
@@ -2065,7 +2065,7 @@ var tokens_ios = {
2065
2065
  "color-payments--surface": "hsl(207, 87%, 94%)",
2066
2066
  "color-payments--onSurface": "hsl(206, 61%, 23%)",
2067
2067
  "color-client": "hsl(48, 3%, 34%)",
2068
- "color-client--surface": "hsl(53, 21%, 93%)",
2068
+ "color-client--surface": "hsl(43, 18%, 92%)",
2069
2069
  "color-client--onSurface": "hsl(40, 3%, 23%)",
2070
2070
  "radius-base": 8,
2071
2071
  "radius-small": 4,
@@ -2161,9 +2161,9 @@ var tokens_color = {
2161
2161
  "color-blue--lighter": "hsl(198, 12%, 57%)",
2162
2162
  "color-blue--lightest": "hsl(200, 13%, 87%)",
2163
2163
  "color-blue--dark": "hsl(198, 96%, 9%)",
2164
- "color-taupe": "hsl(53, 21%, 93%)",
2165
- "color-taupe--light": "hsl(45, 20%, 97%)",
2166
- "color-taupe--dark": "hsl(51, 17%, 85%)",
2164
+ "color-taupe": "hsl(43, 18%, 92%)",
2165
+ "color-taupe--light": "hsl(35, 20%, 97%)",
2166
+ "color-taupe--dark": "hsl(40, 9%, 85%)",
2167
2167
  "color-green": "hsl(107, 58%, 33%)",
2168
2168
  "color-green--light": "hsl(107, 30%, 49%)",
2169
2169
  "color-green--lighter": "hsl(107, 29%, 65%)",
@@ -2222,8 +2222,8 @@ var tokens_color = {
2222
2222
  "color-orange--dark": "hsl(31, 90%, 37%)",
2223
2223
  "color-brown": "hsl(31, 100%, 27%)",
2224
2224
  "color-brown--light": "hsl(31, 90%, 37%)",
2225
- "color-brown--lighter": "hsl(51, 17%, 85%)",
2226
- "color-brown--lightest": "hsl(53, 21%, 93%)",
2225
+ "color-brown--lighter": "hsl(40, 9%, 85%)",
2226
+ "color-brown--lightest": "hsl(43, 18%, 92%)",
2227
2227
  "color-brown--dark": "hsl(31, 100%, 18%)",
2228
2228
  "color-navy": "hsl(207, 61%, 34%)",
2229
2229
  "color-navy--light": "hsl(207, 61%, 45%)",
@@ -2261,14 +2261,14 @@ var allColors = {
2261
2261
  "color-payments--surface": "hsl(207, 87%, 94%)",
2262
2262
  "color-payments--onSurface": "hsl(206, 61%, 23%)",
2263
2263
  "color-client": "hsl(48, 3%, 34%)",
2264
- "color-client--surface": "hsl(53, 21%, 93%)",
2264
+ "color-client--surface": "hsl(43, 18%, 92%)",
2265
2265
  "color-client--onSurface": "hsl(40, 3%, 23%)",
2266
2266
  "color-interactive": "hsl(107, 58%, 33%)",
2267
2267
  "color-interactive--hover": "hsl(107, 65%, 24%)",
2268
2268
  "color-interactive--subtle": "hsl(198, 35%, 21%)",
2269
2269
  "color-interactive--subtle--hover": "hsl(197, 90%, 12%)",
2270
- "color-interactive--background": "hsl(51, 17%, 85%)",
2271
- "color-interactive--background--hover": "hsl(49, 7%, 70%)",
2270
+ "color-interactive--background": "hsl(40, 9%, 85%)",
2271
+ "color-interactive--background--hover": "hsl(43, 5%, 72%)",
2272
2272
  "color-interactive--background--subtle--hover": "hsl(109, 28%, 92%)",
2273
2273
  "color-destructive": "hsl(6, 64%, 51%)",
2274
2274
  "color-destructive--hover": "hsl(6, 100%, 35%)",
@@ -2297,13 +2297,13 @@ var allColors = {
2297
2297
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
2298
2298
  "color-icon": "hsl(198, 35%, 21%)",
2299
2299
  "color-surface": "rgba(255, 255, 255, 1)",
2300
- "color-surface--hover": "hsl(53, 21%, 93%)",
2300
+ "color-surface--hover": "hsl(43, 18%, 92%)",
2301
2301
  "color-surface--reverse": "hsl(197, 90%, 12%)",
2302
- "color-surface--active": "hsl(51, 17%, 85%)",
2303
- "color-surface--background": "hsl(53, 21%, 93%)",
2304
- "color-surface--background--hover": "hsl(51, 17%, 85%)",
2305
- "color-surface--background--subtle": "hsl(45, 20%, 97%)",
2306
- "color-surface--background--subtle--hover": "hsl(51, 17%, 85%)",
2302
+ "color-surface--active": "hsl(40, 9%, 85%)",
2303
+ "color-surface--background": "hsl(43, 18%, 92%)",
2304
+ "color-surface--background--hover": "hsl(40, 9%, 85%)",
2305
+ "color-surface--background--subtle": "hsl(35, 20%, 97%)",
2306
+ "color-surface--background--subtle--hover": "hsl(40, 9%, 85%)",
2307
2307
  "color-border": "hsl(200, 13%, 87%)",
2308
2308
  "color-border--interactive": "hsl(200, 13%, 87%)",
2309
2309
  "color-border--section": "hsl(197, 90%, 12%)",
@@ -2313,9 +2313,9 @@ var allColors = {
2313
2313
  "color-blue--lighter": "hsl(198, 12%, 57%)",
2314
2314
  "color-blue--lightest": "hsl(200, 13%, 87%)",
2315
2315
  "color-blue--dark": "hsl(198, 96%, 9%)",
2316
- "color-taupe": "hsl(53, 21%, 93%)",
2317
- "color-taupe--light": "hsl(45, 20%, 97%)",
2318
- "color-taupe--dark": "hsl(51, 17%, 85%)",
2316
+ "color-taupe": "hsl(43, 18%, 92%)",
2317
+ "color-taupe--light": "hsl(35, 20%, 97%)",
2318
+ "color-taupe--dark": "hsl(40, 9%, 85%)",
2319
2319
  "color-green": "hsl(107, 58%, 33%)",
2320
2320
  "color-green--light": "hsl(107, 30%, 49%)",
2321
2321
  "color-green--lighter": "hsl(107, 29%, 65%)",
@@ -2374,8 +2374,8 @@ var allColors = {
2374
2374
  "color-orange--dark": "hsl(31, 90%, 37%)",
2375
2375
  "color-brown": "hsl(31, 100%, 27%)",
2376
2376
  "color-brown--light": "hsl(31, 90%, 37%)",
2377
- "color-brown--lighter": "hsl(51, 17%, 85%)",
2378
- "color-brown--lightest": "hsl(53, 21%, 93%)",
2377
+ "color-brown--lighter": "hsl(40, 9%, 85%)",
2378
+ "color-brown--lightest": "hsl(43, 18%, 92%)",
2379
2379
  "color-brown--dark": "hsl(31, 100%, 18%)",
2380
2380
  "color-navy": "hsl(207, 61%, 34%)",
2381
2381
  "color-navy--light": "hsl(207, 61%, 45%)",
@@ -2394,10 +2394,10 @@ var allColors = {
2394
2394
  "color-base-grey--800": "hsl(0, 0%, 24%)",
2395
2395
  "color-base-grey--900": "hsl(0, 0%, 15%)",
2396
2396
  "color-base-grey--1000": "hsl(0, 0%, 11%)",
2397
- "color-base-taupe--100": "hsl(45, 20%, 97%)",
2398
- "color-base-taupe--200": "hsl(53, 21%, 93%)",
2399
- "color-base-taupe--300": "hsl(51, 17%, 85%)",
2400
- "color-base-taupe--400": "hsl(49, 7%, 70%)",
2397
+ "color-base-taupe--100": "hsl(35, 20%, 97%)",
2398
+ "color-base-taupe--200": "hsl(43, 18%, 92%)",
2399
+ "color-base-taupe--300": "hsl(40, 9%, 85%)",
2400
+ "color-base-taupe--400": "hsl(43, 5%, 72%)",
2401
2401
  "color-base-taupe--500": "hsl(47, 4%, 57%)",
2402
2402
  "color-base-taupe--600": "hsl(43, 3%, 46%)",
2403
2403
  "color-base-taupe--700": "hsl(48, 3%, 34%)",
@@ -2529,8 +2529,8 @@ var tokens_semantic = {
2529
2529
  "color-interactive--hover": "hsl(107, 65%, 24%)",
2530
2530
  "color-interactive--subtle": "hsl(198, 35%, 21%)",
2531
2531
  "color-interactive--subtle--hover": "hsl(197, 90%, 12%)",
2532
- "color-interactive--background": "hsl(51, 17%, 85%)",
2533
- "color-interactive--background--hover": "hsl(49, 7%, 70%)",
2532
+ "color-interactive--background": "hsl(40, 9%, 85%)",
2533
+ "color-interactive--background--hover": "hsl(43, 5%, 72%)",
2534
2534
  "color-interactive--background--subtle--hover": "hsl(109, 28%, 92%)",
2535
2535
  "color-destructive": "hsl(6, 64%, 51%)",
2536
2536
  "color-destructive--hover": "hsl(6, 100%, 35%)",
@@ -2559,13 +2559,13 @@ var tokens_semantic = {
2559
2559
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
2560
2560
  "color-icon": "hsl(198, 35%, 21%)",
2561
2561
  "color-surface": "rgba(255, 255, 255, 1)",
2562
- "color-surface--hover": "hsl(53, 21%, 93%)",
2562
+ "color-surface--hover": "hsl(43, 18%, 92%)",
2563
2563
  "color-surface--reverse": "hsl(197, 90%, 12%)",
2564
- "color-surface--active": "hsl(51, 17%, 85%)",
2565
- "color-surface--background": "hsl(53, 21%, 93%)",
2566
- "color-surface--background--hover": "hsl(51, 17%, 85%)",
2567
- "color-surface--background--subtle": "hsl(45, 20%, 97%)",
2568
- "color-surface--background--subtle--hover": "hsl(51, 17%, 85%)",
2564
+ "color-surface--active": "hsl(40, 9%, 85%)",
2565
+ "color-surface--background": "hsl(43, 18%, 92%)",
2566
+ "color-surface--background--hover": "hsl(40, 9%, 85%)",
2567
+ "color-surface--background--subtle": "hsl(35, 20%, 97%)",
2568
+ "color-surface--background--subtle--hover": "hsl(40, 9%, 85%)",
2569
2569
  "color-border": "hsl(200, 13%, 87%)",
2570
2570
  "color-border--interactive": "hsl(200, 13%, 87%)",
2571
2571
  "color-border--section": "hsl(197, 90%, 12%)",
@@ -2617,7 +2617,7 @@ var tokens_dark = {
2617
2617
  "color-surface--background--hover": "hsl(197, 18%, 25%)",
2618
2618
  "color-surface--background--subtle": "hsl(197, 18%, 25%)",
2619
2619
  "color-surface--background--subtle--hover": "hsl(197, 15%, 43%)",
2620
- "color-surface--reverse": "hsl(53, 21%, 93%)",
2620
+ "color-surface--reverse": "hsl(43, 18%, 92%)",
2621
2621
  "color-border": "hsl(197, 15%, 35%)",
2622
2622
  "color-border--interactive": "hsl(198, 12%, 57%)",
2623
2623
  "color-border--section": "hsl(196, 12%, 70%)",
package/dist/semantic.css CHANGED
@@ -4,8 +4,8 @@
4
4
  --color-interactive--hover: hsl(107, 65%, 24%);
5
5
  --color-interactive--subtle: hsl(198, 35%, 21%);
6
6
  --color-interactive--subtle--hover: hsl(197, 90%, 12%);
7
- --color-interactive--background: hsl(51, 17%, 85%);
8
- --color-interactive--background--hover: hsl(49, 7%, 70%);
7
+ --color-interactive--background: hsl(40, 9%, 85%);
8
+ --color-interactive--background--hover: hsl(43, 5%, 72%);
9
9
  --color-interactive--background--subtle--hover: hsl(109, 28%, 92%);
10
10
  --color-destructive: hsl(6, 64%, 51%);
11
11
  --color-destructive--hover: hsl(6, 100%, 35%);
@@ -34,13 +34,13 @@
34
34
  --color-text--reverse--secondary: hsl(200, 13%, 87%);
35
35
  --color-icon: hsl(198, 35%, 21%);
36
36
  --color-surface: rgba(255, 255, 255, 1);
37
- --color-surface--hover: hsl(53, 21%, 93%);
37
+ --color-surface--hover: hsl(43, 18%, 92%);
38
38
  --color-surface--reverse: hsl(197, 90%, 12%);
39
- --color-surface--active: hsl(51, 17%, 85%);
40
- --color-surface--background: hsl(53, 21%, 93%);
41
- --color-surface--background--hover: hsl(51, 17%, 85%);
42
- --color-surface--background--subtle: hsl(45, 20%, 97%);
43
- --color-surface--background--subtle--hover: hsl(51, 17%, 85%);
39
+ --color-surface--active: hsl(40, 9%, 85%);
40
+ --color-surface--background: hsl(43, 18%, 92%);
41
+ --color-surface--background--hover: hsl(40, 9%, 85%);
42
+ --color-surface--background--subtle: hsl(35, 20%, 97%);
43
+ --color-surface--background--subtle--hover: hsl(40, 9%, 85%);
44
44
  --color-border: hsl(200, 13%, 87%);
45
45
  --color-border--interactive: hsl(200, 13%, 87%);
46
46
  --color-border--section: hsl(197, 90%, 12%);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/design",
3
- "version": "0.93.0",
3
+ "version": "0.93.1",
4
4
  "description": "Design foundation for the Jobber Atlantis Design System",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -69,5 +69,5 @@
69
69
  "jsdom": "^24.1.0",
70
70
  "tsx": "^4.16.2"
71
71
  },
72
- "gitHead": "9607943b5750cd8a1758a5f43ee879f39797f547"
72
+ "gitHead": "9fe76882fd12f40e574286eade63d230965be607"
73
73
  }