@jobber/design 0.96.0 → 0.97.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.
Files changed (9) hide show
  1. package/dist/color.css +1 -1
  2. package/dist/colors.cjs +1 -1
  3. package/dist/colors.mjs +1 -1
  4. package/dist/foundation.css +2 -2
  5. package/dist/index.cjs +20 -19
  6. package/dist/index.d.ts +1 -1
  7. package/dist/index.mjs +20 -19
  8. package/dist/semantic.css +2 -2
  9. package/package.json +2 -2
package/dist/color.css CHANGED
@@ -1,7 +1,7 @@
1
1
  :root {
2
2
  --base-unit: 16px;
3
3
  --color-blue: hsl(197, 90%, 12%);
4
- --color-blue--light: hsl(198, 25%, 33%);
4
+ --color-blue--light: hsl(197, 21%, 36%);
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%);
package/dist/colors.cjs CHANGED
@@ -1,7 +1,7 @@
1
1
  module.exports ={
2
2
  "base-unit": "16px",
3
3
  "color-blue": "hsl(197, 90%, 12%)",
4
- "color-blue--light": "hsl(198, 25%, 33%)",
4
+ "color-blue--light": "hsl(197, 21%, 36%)",
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%)",
package/dist/colors.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  export default {
2
2
  "base-unit": "16px",
3
3
  "color-blue": "hsl(197, 90%, 12%)",
4
- "color-blue--light": "hsl(198, 25%, 33%)",
4
+ "color-blue--light": "hsl(197, 21%, 36%)",
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%)",
package/dist/foundation.css CHANGED
@@ -53,7 +53,7 @@ div[data-theme="light"],
53
53
  --color-base-blue--400: hsl(196, 12%, 70%);
54
54
  --color-base-blue--500: hsl(198, 12%, 57%);
55
55
  --color-base-blue--600: hsl(197, 15%, 43%);
56
- --color-base-blue--700: hsl(198, 25%, 33%);
56
+ --color-base-blue--700: hsl(197, 21%, 36%);
57
57
  --color-base-blue--800: hsl(198, 35%, 21%);
58
58
  --color-base-blue--900: hsl(197, 90%, 12%);
59
59
  --color-base-blue--1000: hsl(198, 96%, 9%);
@@ -249,7 +249,7 @@ div[data-theme="light"],
249
249
  --color-inactive--onSurface: var(--color-base-blue--900);
250
250
  --color-heading: var(--color-base-blue--900);
251
251
  --color-text: var(--color-base-blue--800);
252
- --color-text--secondary: var(--color-base-blue--600);
252
+ --color-text--secondary: var(--color-base-blue--700);
253
253
  --color-text--reverse: var(--color-white);
254
254
  --color-text--reverse--secondary: var(--color-base-blue--300);
255
255
  --color-icon: var(--color-base-blue--800);
package/dist/index.cjs CHANGED
@@ -1128,7 +1128,7 @@ var tokens_web = {
1128
1128
  "color-base-blue--400": "hsl(196, 12%, 70%)",
1129
1129
  "color-base-blue--500": "hsl(198, 12%, 57%)",
1130
1130
  "color-base-blue--600": "hsl(197, 15%, 43%)",
1131
- "color-base-blue--700": "hsl(198, 25%, 33%)",
1131
+ "color-base-blue--700": "hsl(197, 21%, 36%)",
1132
1132
  "color-base-blue--800": "hsl(198, 35%, 21%)",
1133
1133
  "color-base-blue--900": "hsl(197, 90%, 12%)",
1134
1134
  "color-base-blue--1000": "hsl(198, 96%, 9%)",
@@ -1220,7 +1220,7 @@ var tokens_web = {
1220
1220
  "color-teal--lightest": "hsl(190, 63%, 92%)",
1221
1221
  "color-teal--dark": "hsl(190, 78%, 25%)",
1222
1222
  "color-blue": "hsl(197, 90%, 12%)",
1223
- "color-blue--light": "hsl(198, 25%, 33%)",
1223
+ "color-blue--light": "hsl(197, 21%, 36%)",
1224
1224
  "color-blue--lighter": "hsl(198, 12%, 57%)",
1225
1225
  "color-blue--lightest": "hsl(200, 13%, 87%)",
1226
1226
  "color-blue--dark": "hsl(198, 96%, 9%)",
@@ -1319,12 +1319,12 @@ var tokens_web = {
1319
1319
  "color-informative": "hsl(207, 79%, 57%)",
1320
1320
  "color-informative--surface": "hsl(207, 87%, 94%)",
1321
1321
  "color-informative--onSurface": "hsl(207, 61%, 34%)",
1322
- "color-inactive": "hsl(198, 25%, 33%)",
1322
+ "color-inactive": "hsl(197, 21%, 36%)",
1323
1323
  "color-inactive--surface": "hsl(195, 12%, 94%)",
1324
1324
  "color-inactive--onSurface": "hsl(197, 90%, 12%)",
1325
1325
  "color-heading": "hsl(197, 90%, 12%)",
1326
1326
  "color-text": "hsl(198, 35%, 21%)",
1327
- "color-text--secondary": "hsl(197, 15%, 43%)",
1327
+ "color-text--secondary": "hsl(197, 21%, 36%)",
1328
1328
  "color-text--reverse": "rgba(255, 255, 255, 1)",
1329
1329
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
1330
1330
  "color-icon": "hsl(198, 35%, 21%)",
@@ -1478,7 +1478,7 @@ var tokens_android = {
1478
1478
  "color-base-blue--400": "hsl(196, 12%, 70%)",
1479
1479
  "color-base-blue--500": "hsl(198, 12%, 57%)",
1480
1480
  "color-base-blue--600": "hsl(197, 15%, 43%)",
1481
- "color-base-blue--700": "hsl(198, 25%, 33%)",
1481
+ "color-base-blue--700": "hsl(197, 21%, 36%)",
1482
1482
  "color-base-blue--800": "hsl(198, 35%, 21%)",
1483
1483
  "color-base-blue--900": "hsl(197, 90%, 12%)",
1484
1484
  "color-base-blue--1000": "hsl(198, 96%, 9%)",
@@ -1570,7 +1570,7 @@ var tokens_android = {
1570
1570
  "color-teal--lightest": "hsl(190, 63%, 92%)",
1571
1571
  "color-teal--dark": "hsl(190, 78%, 25%)",
1572
1572
  "color-blue": "hsl(197, 90%, 12%)",
1573
- "color-blue--light": "hsl(198, 25%, 33%)",
1573
+ "color-blue--light": "hsl(197, 21%, 36%)",
1574
1574
  "color-blue--lighter": "hsl(198, 12%, 57%)",
1575
1575
  "color-blue--lightest": "hsl(200, 13%, 87%)",
1576
1576
  "color-blue--dark": "hsl(198, 96%, 9%)",
@@ -1669,12 +1669,12 @@ var tokens_android = {
1669
1669
  "color-informative": "hsl(207, 79%, 57%)",
1670
1670
  "color-informative--surface": "hsl(207, 87%, 94%)",
1671
1671
  "color-informative--onSurface": "hsl(207, 61%, 34%)",
1672
- "color-inactive": "hsl(198, 25%, 33%)",
1672
+ "color-inactive": "hsl(197, 21%, 36%)",
1673
1673
  "color-inactive--surface": "hsl(195, 12%, 94%)",
1674
1674
  "color-inactive--onSurface": "hsl(197, 90%, 12%)",
1675
1675
  "color-heading": "hsl(197, 90%, 12%)",
1676
1676
  "color-text": "hsl(198, 35%, 21%)",
1677
- "color-text--secondary": "hsl(197, 15%, 43%)",
1677
+ "color-text--secondary": "hsl(197, 21%, 36%)",
1678
1678
  "color-text--reverse": "rgba(255, 255, 255, 1)",
1679
1679
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
1680
1680
  "color-icon": "hsl(198, 35%, 21%)",
@@ -1856,7 +1856,7 @@ var tokens_ios = {
1856
1856
  "color-base-blue--400": "hsl(196, 12%, 70%)",
1857
1857
  "color-base-blue--500": "hsl(198, 12%, 57%)",
1858
1858
  "color-base-blue--600": "hsl(197, 15%, 43%)",
1859
- "color-base-blue--700": "hsl(198, 25%, 33%)",
1859
+ "color-base-blue--700": "hsl(197, 21%, 36%)",
1860
1860
  "color-base-blue--800": "hsl(198, 35%, 21%)",
1861
1861
  "color-base-blue--900": "hsl(197, 90%, 12%)",
1862
1862
  "color-base-blue--1000": "hsl(198, 96%, 9%)",
@@ -1948,7 +1948,7 @@ var tokens_ios = {
1948
1948
  "color-teal--lightest": "hsl(190, 63%, 92%)",
1949
1949
  "color-teal--dark": "hsl(190, 78%, 25%)",
1950
1950
  "color-blue": "hsl(197, 90%, 12%)",
1951
- "color-blue--light": "hsl(198, 25%, 33%)",
1951
+ "color-blue--light": "hsl(197, 21%, 36%)",
1952
1952
  "color-blue--lighter": "hsl(198, 12%, 57%)",
1953
1953
  "color-blue--lightest": "hsl(200, 13%, 87%)",
1954
1954
  "color-blue--dark": "hsl(198, 96%, 9%)",
@@ -2047,12 +2047,12 @@ var tokens_ios = {
2047
2047
  "color-informative": "hsl(207, 79%, 57%)",
2048
2048
  "color-informative--surface": "hsl(207, 87%, 94%)",
2049
2049
  "color-informative--onSurface": "hsl(207, 61%, 34%)",
2050
- "color-inactive": "hsl(198, 25%, 33%)",
2050
+ "color-inactive": "hsl(197, 21%, 36%)",
2051
2051
  "color-inactive--surface": "hsl(195, 12%, 94%)",
2052
2052
  "color-inactive--onSurface": "hsl(197, 90%, 12%)",
2053
2053
  "color-heading": "hsl(197, 90%, 12%)",
2054
2054
  "color-text": "hsl(198, 35%, 21%)",
2055
- "color-text--secondary": "hsl(197, 15%, 43%)",
2055
+ "color-text--secondary": "hsl(197, 21%, 36%)",
2056
2056
  "color-text--reverse": "rgba(255, 255, 255, 1)",
2057
2057
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
2058
2058
  "color-icon": "hsl(198, 35%, 21%)",
@@ -2185,7 +2185,7 @@ var tokens_ios = {
2185
2185
  var tokens_color = {
2186
2186
  "base-unit": "16px",
2187
2187
  "color-blue": "hsl(197, 90%, 12%)",
2188
- "color-blue--light": "hsl(198, 25%, 33%)",
2188
+ "color-blue--light": "hsl(197, 21%, 36%)",
2189
2189
  "color-blue--lighter": "hsl(198, 12%, 57%)",
2190
2190
  "color-blue--lightest": "hsl(200, 13%, 87%)",
2191
2191
  "color-blue--dark": "hsl(198, 96%, 9%)",
@@ -2315,12 +2315,12 @@ var allColors = {
2315
2315
  "color-informative": "hsl(207, 79%, 57%)",
2316
2316
  "color-informative--surface": "hsl(207, 87%, 94%)",
2317
2317
  "color-informative--onSurface": "hsl(207, 61%, 34%)",
2318
- "color-inactive": "hsl(198, 25%, 33%)",
2318
+ "color-inactive": "hsl(197, 21%, 36%)",
2319
2319
  "color-inactive--surface": "hsl(195, 12%, 94%)",
2320
2320
  "color-inactive--onSurface": "hsl(197, 90%, 12%)",
2321
2321
  "color-heading": "hsl(197, 90%, 12%)",
2322
2322
  "color-text": "hsl(198, 35%, 21%)",
2323
- "color-text--secondary": "hsl(197, 15%, 43%)",
2323
+ "color-text--secondary": "hsl(197, 21%, 36%)",
2324
2324
  "color-text--reverse": "rgba(255, 255, 255, 1)",
2325
2325
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
2326
2326
  "color-icon": "hsl(198, 35%, 21%)",
@@ -2337,7 +2337,7 @@ var allColors = {
2337
2337
  "color-border--section": "hsl(197, 90%, 12%)",
2338
2338
  "color-brand": "hsl(79, 85%, 34%)",
2339
2339
  "color-blue": "hsl(197, 90%, 12%)",
2340
- "color-blue--light": "hsl(198, 25%, 33%)",
2340
+ "color-blue--light": "hsl(197, 21%, 36%)",
2341
2341
  "color-blue--lighter": "hsl(198, 12%, 57%)",
2342
2342
  "color-blue--lightest": "hsl(200, 13%, 87%)",
2343
2343
  "color-blue--dark": "hsl(198, 96%, 9%)",
@@ -2458,7 +2458,7 @@ var allColors = {
2458
2458
  "color-base-blue--400": "hsl(196, 12%, 70%)",
2459
2459
  "color-base-blue--500": "hsl(198, 12%, 57%)",
2460
2460
  "color-base-blue--600": "hsl(197, 15%, 43%)",
2461
- "color-base-blue--700": "hsl(198, 25%, 33%)",
2461
+ "color-base-blue--700": "hsl(197, 21%, 36%)",
2462
2462
  "color-base-blue--800": "hsl(198, 35%, 21%)",
2463
2463
  "color-base-blue--900": "hsl(197, 90%, 12%)",
2464
2464
  "color-base-blue--1000": "hsl(198, 96%, 9%)",
@@ -2577,12 +2577,12 @@ var tokens_semantic = {
2577
2577
  "color-informative": "hsl(207, 79%, 57%)",
2578
2578
  "color-informative--surface": "hsl(207, 87%, 94%)",
2579
2579
  "color-informative--onSurface": "hsl(207, 61%, 34%)",
2580
- "color-inactive": "hsl(198, 25%, 33%)",
2580
+ "color-inactive": "hsl(197, 21%, 36%)",
2581
2581
  "color-inactive--surface": "hsl(195, 12%, 94%)",
2582
2582
  "color-inactive--onSurface": "hsl(197, 90%, 12%)",
2583
2583
  "color-heading": "hsl(197, 90%, 12%)",
2584
2584
  "color-text": "hsl(198, 35%, 21%)",
2585
- "color-text--secondary": "hsl(197, 15%, 43%)",
2585
+ "color-text--secondary": "hsl(197, 21%, 36%)",
2586
2586
  "color-text--reverse": "rgba(255, 255, 255, 1)",
2587
2587
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
2588
2588
  "color-icon": "hsl(198, 35%, 21%)",
@@ -2693,6 +2693,7 @@ const secondaryIconMap = {
2693
2693
  longArrowUpRight: "backArrow",
2694
2694
  remove: "cross",
2695
2695
  thumbsDown: "thumbsUp",
2696
+ checklist: "jobForms",
2696
2697
  };
2697
2698
  const getPaths = (name) => {
2698
2699
  let paths = [];
package/dist/index.d.ts CHANGED
@@ -44,7 +44,7 @@ export declare function getIcon({ name, color, platform, size, format, }: GetIco
44
44
  readonly paths: string[];
45
45
  readonly viewBox: string;
46
46
  };
47
- export type ExtraIconNames = "longArrowUp" | "longArrowDown" | "longArrowRight" | "longArrowLeft" | "longArrowUpRight" | "remove" | "thumbsDown" | "truck";
47
+ export type ExtraIconNames = "longArrowUp" | "longArrowDown" | "longArrowRight" | "longArrowLeft" | "longArrowUpRight" | "remove" | "thumbsDown" | "truck" | "checklist";
48
48
  export type IconNames = keyof typeof iconMap.icons | ExtraIconNames;
49
49
  export type IconSizes = keyof typeof iconSizes.tokens;
50
50
  export type IconColorNames = keyof typeof iconColors.tokens;
package/dist/index.mjs CHANGED
@@ -1126,7 +1126,7 @@ var tokens_web = {
1126
1126
  "color-base-blue--400": "hsl(196, 12%, 70%)",
1127
1127
  "color-base-blue--500": "hsl(198, 12%, 57%)",
1128
1128
  "color-base-blue--600": "hsl(197, 15%, 43%)",
1129
- "color-base-blue--700": "hsl(198, 25%, 33%)",
1129
+ "color-base-blue--700": "hsl(197, 21%, 36%)",
1130
1130
  "color-base-blue--800": "hsl(198, 35%, 21%)",
1131
1131
  "color-base-blue--900": "hsl(197, 90%, 12%)",
1132
1132
  "color-base-blue--1000": "hsl(198, 96%, 9%)",
@@ -1218,7 +1218,7 @@ var tokens_web = {
1218
1218
  "color-teal--lightest": "hsl(190, 63%, 92%)",
1219
1219
  "color-teal--dark": "hsl(190, 78%, 25%)",
1220
1220
  "color-blue": "hsl(197, 90%, 12%)",
1221
- "color-blue--light": "hsl(198, 25%, 33%)",
1221
+ "color-blue--light": "hsl(197, 21%, 36%)",
1222
1222
  "color-blue--lighter": "hsl(198, 12%, 57%)",
1223
1223
  "color-blue--lightest": "hsl(200, 13%, 87%)",
1224
1224
  "color-blue--dark": "hsl(198, 96%, 9%)",
@@ -1317,12 +1317,12 @@ var tokens_web = {
1317
1317
  "color-informative": "hsl(207, 79%, 57%)",
1318
1318
  "color-informative--surface": "hsl(207, 87%, 94%)",
1319
1319
  "color-informative--onSurface": "hsl(207, 61%, 34%)",
1320
- "color-inactive": "hsl(198, 25%, 33%)",
1320
+ "color-inactive": "hsl(197, 21%, 36%)",
1321
1321
  "color-inactive--surface": "hsl(195, 12%, 94%)",
1322
1322
  "color-inactive--onSurface": "hsl(197, 90%, 12%)",
1323
1323
  "color-heading": "hsl(197, 90%, 12%)",
1324
1324
  "color-text": "hsl(198, 35%, 21%)",
1325
- "color-text--secondary": "hsl(197, 15%, 43%)",
1325
+ "color-text--secondary": "hsl(197, 21%, 36%)",
1326
1326
  "color-text--reverse": "rgba(255, 255, 255, 1)",
1327
1327
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
1328
1328
  "color-icon": "hsl(198, 35%, 21%)",
@@ -1476,7 +1476,7 @@ var tokens_android = {
1476
1476
  "color-base-blue--400": "hsl(196, 12%, 70%)",
1477
1477
  "color-base-blue--500": "hsl(198, 12%, 57%)",
1478
1478
  "color-base-blue--600": "hsl(197, 15%, 43%)",
1479
- "color-base-blue--700": "hsl(198, 25%, 33%)",
1479
+ "color-base-blue--700": "hsl(197, 21%, 36%)",
1480
1480
  "color-base-blue--800": "hsl(198, 35%, 21%)",
1481
1481
  "color-base-blue--900": "hsl(197, 90%, 12%)",
1482
1482
  "color-base-blue--1000": "hsl(198, 96%, 9%)",
@@ -1568,7 +1568,7 @@ var tokens_android = {
1568
1568
  "color-teal--lightest": "hsl(190, 63%, 92%)",
1569
1569
  "color-teal--dark": "hsl(190, 78%, 25%)",
1570
1570
  "color-blue": "hsl(197, 90%, 12%)",
1571
- "color-blue--light": "hsl(198, 25%, 33%)",
1571
+ "color-blue--light": "hsl(197, 21%, 36%)",
1572
1572
  "color-blue--lighter": "hsl(198, 12%, 57%)",
1573
1573
  "color-blue--lightest": "hsl(200, 13%, 87%)",
1574
1574
  "color-blue--dark": "hsl(198, 96%, 9%)",
@@ -1667,12 +1667,12 @@ var tokens_android = {
1667
1667
  "color-informative": "hsl(207, 79%, 57%)",
1668
1668
  "color-informative--surface": "hsl(207, 87%, 94%)",
1669
1669
  "color-informative--onSurface": "hsl(207, 61%, 34%)",
1670
- "color-inactive": "hsl(198, 25%, 33%)",
1670
+ "color-inactive": "hsl(197, 21%, 36%)",
1671
1671
  "color-inactive--surface": "hsl(195, 12%, 94%)",
1672
1672
  "color-inactive--onSurface": "hsl(197, 90%, 12%)",
1673
1673
  "color-heading": "hsl(197, 90%, 12%)",
1674
1674
  "color-text": "hsl(198, 35%, 21%)",
1675
- "color-text--secondary": "hsl(197, 15%, 43%)",
1675
+ "color-text--secondary": "hsl(197, 21%, 36%)",
1676
1676
  "color-text--reverse": "rgba(255, 255, 255, 1)",
1677
1677
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
1678
1678
  "color-icon": "hsl(198, 35%, 21%)",
@@ -1854,7 +1854,7 @@ var tokens_ios = {
1854
1854
  "color-base-blue--400": "hsl(196, 12%, 70%)",
1855
1855
  "color-base-blue--500": "hsl(198, 12%, 57%)",
1856
1856
  "color-base-blue--600": "hsl(197, 15%, 43%)",
1857
- "color-base-blue--700": "hsl(198, 25%, 33%)",
1857
+ "color-base-blue--700": "hsl(197, 21%, 36%)",
1858
1858
  "color-base-blue--800": "hsl(198, 35%, 21%)",
1859
1859
  "color-base-blue--900": "hsl(197, 90%, 12%)",
1860
1860
  "color-base-blue--1000": "hsl(198, 96%, 9%)",
@@ -1946,7 +1946,7 @@ var tokens_ios = {
1946
1946
  "color-teal--lightest": "hsl(190, 63%, 92%)",
1947
1947
  "color-teal--dark": "hsl(190, 78%, 25%)",
1948
1948
  "color-blue": "hsl(197, 90%, 12%)",
1949
- "color-blue--light": "hsl(198, 25%, 33%)",
1949
+ "color-blue--light": "hsl(197, 21%, 36%)",
1950
1950
  "color-blue--lighter": "hsl(198, 12%, 57%)",
1951
1951
  "color-blue--lightest": "hsl(200, 13%, 87%)",
1952
1952
  "color-blue--dark": "hsl(198, 96%, 9%)",
@@ -2045,12 +2045,12 @@ var tokens_ios = {
2045
2045
  "color-informative": "hsl(207, 79%, 57%)",
2046
2046
  "color-informative--surface": "hsl(207, 87%, 94%)",
2047
2047
  "color-informative--onSurface": "hsl(207, 61%, 34%)",
2048
- "color-inactive": "hsl(198, 25%, 33%)",
2048
+ "color-inactive": "hsl(197, 21%, 36%)",
2049
2049
  "color-inactive--surface": "hsl(195, 12%, 94%)",
2050
2050
  "color-inactive--onSurface": "hsl(197, 90%, 12%)",
2051
2051
  "color-heading": "hsl(197, 90%, 12%)",
2052
2052
  "color-text": "hsl(198, 35%, 21%)",
2053
- "color-text--secondary": "hsl(197, 15%, 43%)",
2053
+ "color-text--secondary": "hsl(197, 21%, 36%)",
2054
2054
  "color-text--reverse": "rgba(255, 255, 255, 1)",
2055
2055
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
2056
2056
  "color-icon": "hsl(198, 35%, 21%)",
@@ -2183,7 +2183,7 @@ var tokens_ios = {
2183
2183
  var tokens_color = {
2184
2184
  "base-unit": "16px",
2185
2185
  "color-blue": "hsl(197, 90%, 12%)",
2186
- "color-blue--light": "hsl(198, 25%, 33%)",
2186
+ "color-blue--light": "hsl(197, 21%, 36%)",
2187
2187
  "color-blue--lighter": "hsl(198, 12%, 57%)",
2188
2188
  "color-blue--lightest": "hsl(200, 13%, 87%)",
2189
2189
  "color-blue--dark": "hsl(198, 96%, 9%)",
@@ -2313,12 +2313,12 @@ var allColors = {
2313
2313
  "color-informative": "hsl(207, 79%, 57%)",
2314
2314
  "color-informative--surface": "hsl(207, 87%, 94%)",
2315
2315
  "color-informative--onSurface": "hsl(207, 61%, 34%)",
2316
- "color-inactive": "hsl(198, 25%, 33%)",
2316
+ "color-inactive": "hsl(197, 21%, 36%)",
2317
2317
  "color-inactive--surface": "hsl(195, 12%, 94%)",
2318
2318
  "color-inactive--onSurface": "hsl(197, 90%, 12%)",
2319
2319
  "color-heading": "hsl(197, 90%, 12%)",
2320
2320
  "color-text": "hsl(198, 35%, 21%)",
2321
- "color-text--secondary": "hsl(197, 15%, 43%)",
2321
+ "color-text--secondary": "hsl(197, 21%, 36%)",
2322
2322
  "color-text--reverse": "rgba(255, 255, 255, 1)",
2323
2323
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
2324
2324
  "color-icon": "hsl(198, 35%, 21%)",
@@ -2335,7 +2335,7 @@ var allColors = {
2335
2335
  "color-border--section": "hsl(197, 90%, 12%)",
2336
2336
  "color-brand": "hsl(79, 85%, 34%)",
2337
2337
  "color-blue": "hsl(197, 90%, 12%)",
2338
- "color-blue--light": "hsl(198, 25%, 33%)",
2338
+ "color-blue--light": "hsl(197, 21%, 36%)",
2339
2339
  "color-blue--lighter": "hsl(198, 12%, 57%)",
2340
2340
  "color-blue--lightest": "hsl(200, 13%, 87%)",
2341
2341
  "color-blue--dark": "hsl(198, 96%, 9%)",
@@ -2456,7 +2456,7 @@ var allColors = {
2456
2456
  "color-base-blue--400": "hsl(196, 12%, 70%)",
2457
2457
  "color-base-blue--500": "hsl(198, 12%, 57%)",
2458
2458
  "color-base-blue--600": "hsl(197, 15%, 43%)",
2459
- "color-base-blue--700": "hsl(198, 25%, 33%)",
2459
+ "color-base-blue--700": "hsl(197, 21%, 36%)",
2460
2460
  "color-base-blue--800": "hsl(198, 35%, 21%)",
2461
2461
  "color-base-blue--900": "hsl(197, 90%, 12%)",
2462
2462
  "color-base-blue--1000": "hsl(198, 96%, 9%)",
@@ -2575,12 +2575,12 @@ var tokens_semantic = {
2575
2575
  "color-informative": "hsl(207, 79%, 57%)",
2576
2576
  "color-informative--surface": "hsl(207, 87%, 94%)",
2577
2577
  "color-informative--onSurface": "hsl(207, 61%, 34%)",
2578
- "color-inactive": "hsl(198, 25%, 33%)",
2578
+ "color-inactive": "hsl(197, 21%, 36%)",
2579
2579
  "color-inactive--surface": "hsl(195, 12%, 94%)",
2580
2580
  "color-inactive--onSurface": "hsl(197, 90%, 12%)",
2581
2581
  "color-heading": "hsl(197, 90%, 12%)",
2582
2582
  "color-text": "hsl(198, 35%, 21%)",
2583
- "color-text--secondary": "hsl(197, 15%, 43%)",
2583
+ "color-text--secondary": "hsl(197, 21%, 36%)",
2584
2584
  "color-text--reverse": "rgba(255, 255, 255, 1)",
2585
2585
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
2586
2586
  "color-icon": "hsl(198, 35%, 21%)",
@@ -2691,6 +2691,7 @@ const secondaryIconMap = {
2691
2691
  longArrowUpRight: "backArrow",
2692
2692
  remove: "cross",
2693
2693
  thumbsDown: "thumbsUp",
2694
+ checklist: "jobForms",
2694
2695
  };
2695
2696
  const getPaths = (name) => {
2696
2697
  let paths = [];
package/dist/semantic.css CHANGED
@@ -24,12 +24,12 @@
24
24
  --color-informative: hsl(207, 79%, 57%);
25
25
  --color-informative--surface: hsl(207, 87%, 94%);
26
26
  --color-informative--onSurface: hsl(207, 61%, 34%);
27
- --color-inactive: hsl(198, 25%, 33%);
27
+ --color-inactive: hsl(197, 21%, 36%);
28
28
  --color-inactive--surface: hsl(195, 12%, 94%);
29
29
  --color-inactive--onSurface: hsl(197, 90%, 12%);
30
30
  --color-heading: hsl(197, 90%, 12%);
31
31
  --color-text: hsl(198, 35%, 21%);
32
- --color-text--secondary: hsl(197, 15%, 43%);
32
+ --color-text--secondary: hsl(197, 21%, 36%);
33
33
  --color-text--reverse: rgba(255, 255, 255, 1);
34
34
  --color-text--reverse--secondary: hsl(200, 13%, 87%);
35
35
  --color-icon: hsl(198, 35%, 21%);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/design",
3
- "version": "0.96.0",
3
+ "version": "0.97.0",
4
4
  "description": "Design foundation for the Jobber Atlantis Design System",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -70,5 +70,5 @@
70
70
  "jsdom": "^24.1.0",
71
71
  "tsx": "^4.16.2"
72
72
  },
73
- "gitHead": "ece5e0062b152cbca8e6ba29486df03ebabc7a6a"
73
+ "gitHead": "8bf91b6d4db3a8af920e8cc037f09e87e79bdaf9"
74
74
  }