@jobber/design 0.105.0 → 0.106.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.
@@ -39,6 +39,11 @@ declare const _default: {
39
39
  "color-disabled": string;
40
40
  "color-disabled--secondary": string;
41
41
  "color-focus": string;
42
+ "color-dataViz--categorical--1": string;
43
+ "color-dataViz--categorical--2": string;
44
+ "color-dataViz--categorical--3": string;
45
+ "color-dataViz--categorical--1--subtle": string;
46
+ "color-dataViz--categorical--1--bold": string;
42
47
  "color-critical": string;
43
48
  "color-critical--surface": string;
44
49
  "color-critical--onSurface": string;
@@ -229,6 +229,11 @@ declare const _default: {
229
229
  "color-disabled": string;
230
230
  "color-disabled--secondary": string;
231
231
  "color-focus": string;
232
+ "color-dataViz--categorical--1": string;
233
+ "color-dataViz--categorical--2": string;
234
+ "color-dataViz--categorical--3": string;
235
+ "color-dataViz--categorical--1--subtle": string;
236
+ "color-dataViz--categorical--1--bold": string;
232
237
  "color-critical": string;
233
238
  "color-critical--surface": string;
234
239
  "color-critical--onSurface": string;
@@ -15,6 +15,11 @@ declare const _default: {
15
15
  "color-destructive--hover": string;
16
16
  "color-disabled": string;
17
17
  "color-disabled--secondary": string;
18
+ "color-dataViz--categorical--1": string;
19
+ "color-dataViz--categorical--2": string;
20
+ "color-dataViz--categorical--3": string;
21
+ "color-dataViz--categorical--1--subtle": string;
22
+ "color-dataViz--categorical--1--bold": string;
18
23
  "color-critical": string;
19
24
  "color-critical--surface": string;
20
25
  "color-critical--onSurface": string;
@@ -229,6 +229,11 @@ declare const _default: {
229
229
  "color-disabled": string;
230
230
  "color-disabled--secondary": string;
231
231
  "color-focus": string;
232
+ "color-dataViz--categorical--1": string;
233
+ "color-dataViz--categorical--2": string;
234
+ "color-dataViz--categorical--3": string;
235
+ "color-dataViz--categorical--1--subtle": string;
236
+ "color-dataViz--categorical--1--bold": string;
232
237
  "color-critical": string;
233
238
  "color-critical--surface": string;
234
239
  "color-critical--onSurface": string;
@@ -12,6 +12,11 @@ declare const _default: {
12
12
  "color-disabled": string;
13
13
  "color-disabled--secondary": string;
14
14
  "color-focus": string;
15
+ "color-dataViz--categorical--1": string;
16
+ "color-dataViz--categorical--2": string;
17
+ "color-dataViz--categorical--3": string;
18
+ "color-dataViz--categorical--1--subtle": string;
19
+ "color-dataViz--categorical--1--bold": string;
15
20
  "color-critical": string;
16
21
  "color-critical--surface": string;
17
22
  "color-critical--onSurface": string;
@@ -229,6 +229,11 @@ declare const _default: {
229
229
  "color-disabled": string;
230
230
  "color-disabled--secondary": string;
231
231
  "color-focus": string;
232
+ "color-dataViz--categorical--1": string;
233
+ "color-dataViz--categorical--2": string;
234
+ "color-dataViz--categorical--3": string;
235
+ "color-dataViz--categorical--1--subtle": string;
236
+ "color-dataViz--categorical--1--bold": string;
232
237
  "color-critical": string;
233
238
  "color-critical--surface": string;
234
239
  "color-critical--onSurface": string;
@@ -17,6 +17,11 @@
17
17
  --color-destructive--hover: var(--color-base-red--400);
18
18
  --color-disabled: var(--color-base-grey--500);
19
19
  --color-disabled--secondary: var(--color-base-grey--700);
20
+ --color-dataViz--categorical--1: var(--color-base-purple--500);
21
+ --color-dataViz--categorical--2: var(--color-base-teal--500);
22
+ --color-dataViz--categorical--3: var(--color-base-orange--500);
23
+ --color-dataViz--categorical--1--subtle: var(--color-base-purple--600);
24
+ --color-dataViz--categorical--1--bold: var(--color-base-purple--300);
20
25
  --color-critical: var(--color-base-red--500);
21
26
  --color-critical--surface: var(--color-base-red--900);
22
27
  --color-critical--onSurface: var(--color-base-red--300);
@@ -38,7 +43,7 @@
38
43
  --color-text--reverse: var(--color-base-blue--700);
39
44
  --color-text--reverse--secondary: var(--color-base-blue--900);
40
45
  --color-icon: var(--color-base-blue--200);
41
- --color-icon--secondary: var(--color-base-blue--400);
46
+ --color-icon--secondary: var(--color-base-blue--600);
42
47
  --color-surface: var(--color-base-blue--900);
43
48
  --color-surface--hover: var(--color-base-blue--800);
44
49
  --color-surface--active: var(--color-base-blue--700);
@@ -15,6 +15,11 @@
15
15
  --color-destructive--hover: var(--color-base-red--400);
16
16
  --color-disabled: var(--color-base-grey--500);
17
17
  --color-disabled--secondary: var(--color-base-grey--700);
18
+ --color-dataViz--categorical--1: var(--color-base-purple--500);
19
+ --color-dataViz--categorical--2: var(--color-base-teal--500);
20
+ --color-dataViz--categorical--3: var(--color-base-orange--500);
21
+ --color-dataViz--categorical--1--subtle: var(--color-base-purple--600);
22
+ --color-dataViz--categorical--1--bold: var(--color-base-purple--300);
18
23
  --color-critical: var(--color-base-red--500);
19
24
  --color-critical--surface: var(--color-base-red--900);
20
25
  --color-critical--onSurface: var(--color-base-red--300);
@@ -36,7 +41,7 @@
36
41
  --color-text--reverse: var(--color-base-blue--700);
37
42
  --color-text--reverse--secondary: var(--color-base-blue--900);
38
43
  --color-icon: var(--color-base-blue--200);
39
- --color-icon--secondary: var(--color-base-blue--400);
44
+ --color-icon--secondary: var(--color-base-blue--600);
40
45
  --color-surface: var(--color-base-blue--900);
41
46
  --color-surface--hover: var(--color-base-blue--800);
42
47
  --color-surface--active: var(--color-base-blue--700);
@@ -232,6 +232,11 @@ div[data-theme="light"],
232
232
  --color-disabled: var(--color-base-grey--500);
233
233
  --color-disabled--secondary: var(--color-base-grey--200);
234
234
  --color-focus: var(--color-base-blue--500);
235
+ --color-dataViz--categorical--1: var(--color-base-purple--700);
236
+ --color-dataViz--categorical--2: var(--color-base-teal--500);
237
+ --color-dataViz--categorical--3: var(--color-base-orange--500);
238
+ --color-dataViz--categorical--1--subtle: var(--color-base-purple--500);
239
+ --color-dataViz--categorical--1--bold: var(--color-base-purple--800);
235
240
  --color-critical: var(--color-base-red--600);
236
241
  --color-critical--surface: var(--color-base-red--200);
237
242
  --color-critical--onSurface: var(--color-base-red--800);
@@ -253,7 +258,7 @@ div[data-theme="light"],
253
258
  --color-text--reverse: var(--color-white);
254
259
  --color-text--reverse--secondary: var(--color-base-blue--300);
255
260
  --color-icon: var(--color-base-blue--800);
256
- --color-icon--secondary: var(--color-base-blue--700);
261
+ --color-icon--secondary: var(--color-base-blue--500);
257
262
  --color-surface: var(--color-white);
258
263
  --color-surface--hover: var(--color-base-taupe--200);
259
264
  --color-surface--reverse: var(--color-base-blue--900);
package/dist/index.cjs CHANGED
@@ -1329,6 +1329,11 @@ var tokens_web = {
1329
1329
  "color-disabled": "hsl(0, 0%, 58%)",
1330
1330
  "color-disabled--secondary": "hsl(0, 0%, 93%)",
1331
1331
  "color-focus": "hsl(198, 12%, 57%)",
1332
+ "color-dataViz--categorical--1": "hsl(253, 50%, 50%)",
1333
+ "color-dataViz--categorical--2": "hsl(190, 80%, 42%)",
1334
+ "color-dataViz--categorical--3": "hsl(31, 80%, 48%)",
1335
+ "color-dataViz--categorical--1--subtle": "hsl(253, 52%, 69%)",
1336
+ "color-dataViz--categorical--1--bold": "hsl(253, 50%, 34%)",
1332
1337
  "color-critical": "hsl(6, 64%, 51%)",
1333
1338
  "color-critical--surface": "hsl(7, 63%, 95%)",
1334
1339
  "color-critical--onSurface": "hsl(6, 100%, 24%)",
@@ -1350,7 +1355,7 @@ var tokens_web = {
1350
1355
  "color-text--reverse": "rgba(255, 255, 255, 1)",
1351
1356
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
1352
1357
  "color-icon": "hsl(198, 35%, 21%)",
1353
- "color-icon--secondary": "hsl(197, 21%, 36%)",
1358
+ "color-icon--secondary": "hsl(198, 12%, 57%)",
1354
1359
  "color-surface": "rgba(255, 255, 255, 1)",
1355
1360
  "color-surface--hover": "hsl(43, 18%, 92%)",
1356
1361
  "color-surface--reverse": "hsl(197, 90%, 12%)",
@@ -1683,6 +1688,11 @@ var tokens_android = {
1683
1688
  "color-disabled": "hsl(0, 0%, 58%)",
1684
1689
  "color-disabled--secondary": "hsl(0, 0%, 93%)",
1685
1690
  "color-focus": "hsl(198, 12%, 57%)",
1691
+ "color-dataViz--categorical--1": "hsl(253, 50%, 50%)",
1692
+ "color-dataViz--categorical--2": "hsl(190, 80%, 42%)",
1693
+ "color-dataViz--categorical--3": "hsl(31, 80%, 48%)",
1694
+ "color-dataViz--categorical--1--subtle": "hsl(253, 52%, 69%)",
1695
+ "color-dataViz--categorical--1--bold": "hsl(253, 50%, 34%)",
1686
1696
  "color-critical": "hsl(6, 64%, 51%)",
1687
1697
  "color-critical--surface": "hsl(7, 63%, 95%)",
1688
1698
  "color-critical--onSurface": "hsl(6, 100%, 24%)",
@@ -1704,7 +1714,7 @@ var tokens_android = {
1704
1714
  "color-text--reverse": "rgba(255, 255, 255, 1)",
1705
1715
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
1706
1716
  "color-icon": "hsl(198, 35%, 21%)",
1707
- "color-icon--secondary": "hsl(197, 21%, 36%)",
1717
+ "color-icon--secondary": "hsl(198, 12%, 57%)",
1708
1718
  "color-surface": "rgba(255, 255, 255, 1)",
1709
1719
  "color-surface--hover": "hsl(43, 18%, 92%)",
1710
1720
  "color-surface--reverse": "hsl(197, 90%, 12%)",
@@ -2065,6 +2075,11 @@ var tokens_ios = {
2065
2075
  "color-disabled": "hsl(0, 0%, 58%)",
2066
2076
  "color-disabled--secondary": "hsl(0, 0%, 93%)",
2067
2077
  "color-focus": "hsl(198, 12%, 57%)",
2078
+ "color-dataViz--categorical--1": "hsl(253, 50%, 50%)",
2079
+ "color-dataViz--categorical--2": "hsl(190, 80%, 42%)",
2080
+ "color-dataViz--categorical--3": "hsl(31, 80%, 48%)",
2081
+ "color-dataViz--categorical--1--subtle": "hsl(253, 52%, 69%)",
2082
+ "color-dataViz--categorical--1--bold": "hsl(253, 50%, 34%)",
2068
2083
  "color-critical": "hsl(6, 64%, 51%)",
2069
2084
  "color-critical--surface": "hsl(7, 63%, 95%)",
2070
2085
  "color-critical--onSurface": "hsl(6, 100%, 24%)",
@@ -2086,7 +2101,7 @@ var tokens_ios = {
2086
2101
  "color-text--reverse": "rgba(255, 255, 255, 1)",
2087
2102
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
2088
2103
  "color-icon": "hsl(198, 35%, 21%)",
2089
- "color-icon--secondary": "hsl(197, 21%, 36%)",
2104
+ "color-icon--secondary": "hsl(198, 12%, 57%)",
2090
2105
  "color-surface": "rgba(255, 255, 255, 1)",
2091
2106
  "color-surface--hover": "hsl(43, 18%, 92%)",
2092
2107
  "color-surface--reverse": "hsl(197, 90%, 12%)",
@@ -2337,6 +2352,11 @@ var allColors = {
2337
2352
  "color-disabled": "hsl(0, 0%, 58%)",
2338
2353
  "color-disabled--secondary": "hsl(0, 0%, 93%)",
2339
2354
  "color-focus": "hsl(198, 12%, 57%)",
2355
+ "color-dataViz--categorical--1": "hsl(253, 50%, 50%)",
2356
+ "color-dataViz--categorical--2": "hsl(190, 80%, 42%)",
2357
+ "color-dataViz--categorical--3": "hsl(31, 80%, 48%)",
2358
+ "color-dataViz--categorical--1--subtle": "hsl(253, 52%, 69%)",
2359
+ "color-dataViz--categorical--1--bold": "hsl(253, 50%, 34%)",
2340
2360
  "color-critical": "hsl(6, 64%, 51%)",
2341
2361
  "color-critical--surface": "hsl(7, 63%, 95%)",
2342
2362
  "color-critical--onSurface": "hsl(6, 100%, 24%)",
@@ -2358,7 +2378,7 @@ var allColors = {
2358
2378
  "color-text--reverse": "rgba(255, 255, 255, 1)",
2359
2379
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
2360
2380
  "color-icon": "hsl(198, 35%, 21%)",
2361
- "color-icon--secondary": "hsl(197, 21%, 36%)",
2381
+ "color-icon--secondary": "hsl(198, 12%, 57%)",
2362
2382
  "color-surface": "rgba(255, 255, 255, 1)",
2363
2383
  "color-surface--hover": "hsl(43, 18%, 92%)",
2364
2384
  "color-surface--reverse": "hsl(197, 90%, 12%)",
@@ -2600,6 +2620,11 @@ var tokens_semantic = {
2600
2620
  "color-disabled": "hsl(0, 0%, 58%)",
2601
2621
  "color-disabled--secondary": "hsl(0, 0%, 93%)",
2602
2622
  "color-focus": "hsl(198, 12%, 57%)",
2623
+ "color-dataViz--categorical--1": "hsl(253, 50%, 50%)",
2624
+ "color-dataViz--categorical--2": "hsl(190, 80%, 42%)",
2625
+ "color-dataViz--categorical--3": "hsl(31, 80%, 48%)",
2626
+ "color-dataViz--categorical--1--subtle": "hsl(253, 52%, 69%)",
2627
+ "color-dataViz--categorical--1--bold": "hsl(253, 50%, 34%)",
2603
2628
  "color-critical": "hsl(6, 64%, 51%)",
2604
2629
  "color-critical--surface": "hsl(7, 63%, 95%)",
2605
2630
  "color-critical--onSurface": "hsl(6, 100%, 24%)",
@@ -2621,7 +2646,7 @@ var tokens_semantic = {
2621
2646
  "color-text--reverse": "rgba(255, 255, 255, 1)",
2622
2647
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
2623
2648
  "color-icon": "hsl(198, 35%, 21%)",
2624
- "color-icon--secondary": "hsl(197, 21%, 36%)",
2649
+ "color-icon--secondary": "hsl(198, 12%, 57%)",
2625
2650
  "color-surface": "rgba(255, 255, 255, 1)",
2626
2651
  "color-surface--hover": "hsl(43, 18%, 92%)",
2627
2652
  "color-surface--reverse": "hsl(197, 90%, 12%)",
@@ -2653,6 +2678,11 @@ var tokens_dark = {
2653
2678
  "color-destructive--hover": "hsl(6, 64%, 76%)",
2654
2679
  "color-disabled": "hsl(0, 0%, 58%)",
2655
2680
  "color-disabled--secondary": "hsl(0, 0%, 35%)",
2681
+ "color-dataViz--categorical--1": "hsl(253, 52%, 69%)",
2682
+ "color-dataViz--categorical--2": "hsl(190, 80%, 42%)",
2683
+ "color-dataViz--categorical--3": "hsl(31, 80%, 48%)",
2684
+ "color-dataViz--categorical--1--subtle": "hsl(253, 50%, 59%)",
2685
+ "color-dataViz--categorical--1--bold": "hsl(253, 50%, 90%)",
2656
2686
  "color-critical": "hsl(6, 64%, 65%)",
2657
2687
  "color-critical--surface": "hsl(6, 100%, 16%)",
2658
2688
  "color-critical--onSurface": "hsl(5, 65%, 90%)",
@@ -2674,7 +2704,7 @@ var tokens_dark = {
2674
2704
  "color-text--reverse": "hsl(197, 15%, 35%)",
2675
2705
  "color-text--reverse--secondary": "hsl(197, 15%, 16%)",
2676
2706
  "color-icon": "hsl(195, 12%, 94%)",
2677
- "color-icon--secondary": "hsl(196, 12%, 70%)",
2707
+ "color-icon--secondary": "hsl(197, 15%, 43%)",
2678
2708
  "color-surface": "hsl(197, 15%, 16%)",
2679
2709
  "color-surface--hover": "hsl(197, 18%, 25%)",
2680
2710
  "color-surface--active": "hsl(197, 15%, 35%)",
package/dist/index.mjs CHANGED
@@ -1327,6 +1327,11 @@ var tokens_web = {
1327
1327
  "color-disabled": "hsl(0, 0%, 58%)",
1328
1328
  "color-disabled--secondary": "hsl(0, 0%, 93%)",
1329
1329
  "color-focus": "hsl(198, 12%, 57%)",
1330
+ "color-dataViz--categorical--1": "hsl(253, 50%, 50%)",
1331
+ "color-dataViz--categorical--2": "hsl(190, 80%, 42%)",
1332
+ "color-dataViz--categorical--3": "hsl(31, 80%, 48%)",
1333
+ "color-dataViz--categorical--1--subtle": "hsl(253, 52%, 69%)",
1334
+ "color-dataViz--categorical--1--bold": "hsl(253, 50%, 34%)",
1330
1335
  "color-critical": "hsl(6, 64%, 51%)",
1331
1336
  "color-critical--surface": "hsl(7, 63%, 95%)",
1332
1337
  "color-critical--onSurface": "hsl(6, 100%, 24%)",
@@ -1348,7 +1353,7 @@ var tokens_web = {
1348
1353
  "color-text--reverse": "rgba(255, 255, 255, 1)",
1349
1354
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
1350
1355
  "color-icon": "hsl(198, 35%, 21%)",
1351
- "color-icon--secondary": "hsl(197, 21%, 36%)",
1356
+ "color-icon--secondary": "hsl(198, 12%, 57%)",
1352
1357
  "color-surface": "rgba(255, 255, 255, 1)",
1353
1358
  "color-surface--hover": "hsl(43, 18%, 92%)",
1354
1359
  "color-surface--reverse": "hsl(197, 90%, 12%)",
@@ -1681,6 +1686,11 @@ var tokens_android = {
1681
1686
  "color-disabled": "hsl(0, 0%, 58%)",
1682
1687
  "color-disabled--secondary": "hsl(0, 0%, 93%)",
1683
1688
  "color-focus": "hsl(198, 12%, 57%)",
1689
+ "color-dataViz--categorical--1": "hsl(253, 50%, 50%)",
1690
+ "color-dataViz--categorical--2": "hsl(190, 80%, 42%)",
1691
+ "color-dataViz--categorical--3": "hsl(31, 80%, 48%)",
1692
+ "color-dataViz--categorical--1--subtle": "hsl(253, 52%, 69%)",
1693
+ "color-dataViz--categorical--1--bold": "hsl(253, 50%, 34%)",
1684
1694
  "color-critical": "hsl(6, 64%, 51%)",
1685
1695
  "color-critical--surface": "hsl(7, 63%, 95%)",
1686
1696
  "color-critical--onSurface": "hsl(6, 100%, 24%)",
@@ -1702,7 +1712,7 @@ var tokens_android = {
1702
1712
  "color-text--reverse": "rgba(255, 255, 255, 1)",
1703
1713
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
1704
1714
  "color-icon": "hsl(198, 35%, 21%)",
1705
- "color-icon--secondary": "hsl(197, 21%, 36%)",
1715
+ "color-icon--secondary": "hsl(198, 12%, 57%)",
1706
1716
  "color-surface": "rgba(255, 255, 255, 1)",
1707
1717
  "color-surface--hover": "hsl(43, 18%, 92%)",
1708
1718
  "color-surface--reverse": "hsl(197, 90%, 12%)",
@@ -2063,6 +2073,11 @@ var tokens_ios = {
2063
2073
  "color-disabled": "hsl(0, 0%, 58%)",
2064
2074
  "color-disabled--secondary": "hsl(0, 0%, 93%)",
2065
2075
  "color-focus": "hsl(198, 12%, 57%)",
2076
+ "color-dataViz--categorical--1": "hsl(253, 50%, 50%)",
2077
+ "color-dataViz--categorical--2": "hsl(190, 80%, 42%)",
2078
+ "color-dataViz--categorical--3": "hsl(31, 80%, 48%)",
2079
+ "color-dataViz--categorical--1--subtle": "hsl(253, 52%, 69%)",
2080
+ "color-dataViz--categorical--1--bold": "hsl(253, 50%, 34%)",
2066
2081
  "color-critical": "hsl(6, 64%, 51%)",
2067
2082
  "color-critical--surface": "hsl(7, 63%, 95%)",
2068
2083
  "color-critical--onSurface": "hsl(6, 100%, 24%)",
@@ -2084,7 +2099,7 @@ var tokens_ios = {
2084
2099
  "color-text--reverse": "rgba(255, 255, 255, 1)",
2085
2100
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
2086
2101
  "color-icon": "hsl(198, 35%, 21%)",
2087
- "color-icon--secondary": "hsl(197, 21%, 36%)",
2102
+ "color-icon--secondary": "hsl(198, 12%, 57%)",
2088
2103
  "color-surface": "rgba(255, 255, 255, 1)",
2089
2104
  "color-surface--hover": "hsl(43, 18%, 92%)",
2090
2105
  "color-surface--reverse": "hsl(197, 90%, 12%)",
@@ -2335,6 +2350,11 @@ var allColors = {
2335
2350
  "color-disabled": "hsl(0, 0%, 58%)",
2336
2351
  "color-disabled--secondary": "hsl(0, 0%, 93%)",
2337
2352
  "color-focus": "hsl(198, 12%, 57%)",
2353
+ "color-dataViz--categorical--1": "hsl(253, 50%, 50%)",
2354
+ "color-dataViz--categorical--2": "hsl(190, 80%, 42%)",
2355
+ "color-dataViz--categorical--3": "hsl(31, 80%, 48%)",
2356
+ "color-dataViz--categorical--1--subtle": "hsl(253, 52%, 69%)",
2357
+ "color-dataViz--categorical--1--bold": "hsl(253, 50%, 34%)",
2338
2358
  "color-critical": "hsl(6, 64%, 51%)",
2339
2359
  "color-critical--surface": "hsl(7, 63%, 95%)",
2340
2360
  "color-critical--onSurface": "hsl(6, 100%, 24%)",
@@ -2356,7 +2376,7 @@ var allColors = {
2356
2376
  "color-text--reverse": "rgba(255, 255, 255, 1)",
2357
2377
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
2358
2378
  "color-icon": "hsl(198, 35%, 21%)",
2359
- "color-icon--secondary": "hsl(197, 21%, 36%)",
2379
+ "color-icon--secondary": "hsl(198, 12%, 57%)",
2360
2380
  "color-surface": "rgba(255, 255, 255, 1)",
2361
2381
  "color-surface--hover": "hsl(43, 18%, 92%)",
2362
2382
  "color-surface--reverse": "hsl(197, 90%, 12%)",
@@ -2598,6 +2618,11 @@ var tokens_semantic = {
2598
2618
  "color-disabled": "hsl(0, 0%, 58%)",
2599
2619
  "color-disabled--secondary": "hsl(0, 0%, 93%)",
2600
2620
  "color-focus": "hsl(198, 12%, 57%)",
2621
+ "color-dataViz--categorical--1": "hsl(253, 50%, 50%)",
2622
+ "color-dataViz--categorical--2": "hsl(190, 80%, 42%)",
2623
+ "color-dataViz--categorical--3": "hsl(31, 80%, 48%)",
2624
+ "color-dataViz--categorical--1--subtle": "hsl(253, 52%, 69%)",
2625
+ "color-dataViz--categorical--1--bold": "hsl(253, 50%, 34%)",
2601
2626
  "color-critical": "hsl(6, 64%, 51%)",
2602
2627
  "color-critical--surface": "hsl(7, 63%, 95%)",
2603
2628
  "color-critical--onSurface": "hsl(6, 100%, 24%)",
@@ -2619,7 +2644,7 @@ var tokens_semantic = {
2619
2644
  "color-text--reverse": "rgba(255, 255, 255, 1)",
2620
2645
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
2621
2646
  "color-icon": "hsl(198, 35%, 21%)",
2622
- "color-icon--secondary": "hsl(197, 21%, 36%)",
2647
+ "color-icon--secondary": "hsl(198, 12%, 57%)",
2623
2648
  "color-surface": "rgba(255, 255, 255, 1)",
2624
2649
  "color-surface--hover": "hsl(43, 18%, 92%)",
2625
2650
  "color-surface--reverse": "hsl(197, 90%, 12%)",
@@ -2651,6 +2676,11 @@ var tokens_dark = {
2651
2676
  "color-destructive--hover": "hsl(6, 64%, 76%)",
2652
2677
  "color-disabled": "hsl(0, 0%, 58%)",
2653
2678
  "color-disabled--secondary": "hsl(0, 0%, 35%)",
2679
+ "color-dataViz--categorical--1": "hsl(253, 52%, 69%)",
2680
+ "color-dataViz--categorical--2": "hsl(190, 80%, 42%)",
2681
+ "color-dataViz--categorical--3": "hsl(31, 80%, 48%)",
2682
+ "color-dataViz--categorical--1--subtle": "hsl(253, 50%, 59%)",
2683
+ "color-dataViz--categorical--1--bold": "hsl(253, 50%, 90%)",
2654
2684
  "color-critical": "hsl(6, 64%, 65%)",
2655
2685
  "color-critical--surface": "hsl(6, 100%, 16%)",
2656
2686
  "color-critical--onSurface": "hsl(5, 65%, 90%)",
@@ -2672,7 +2702,7 @@ var tokens_dark = {
2672
2702
  "color-text--reverse": "hsl(197, 15%, 35%)",
2673
2703
  "color-text--reverse--secondary": "hsl(197, 15%, 16%)",
2674
2704
  "color-icon": "hsl(195, 12%, 94%)",
2675
- "color-icon--secondary": "hsl(196, 12%, 70%)",
2705
+ "color-icon--secondary": "hsl(197, 15%, 43%)",
2676
2706
  "color-surface": "hsl(197, 15%, 16%)",
2677
2707
  "color-surface--hover": "hsl(197, 18%, 25%)",
2678
2708
  "color-surface--active": "hsl(197, 15%, 35%)",
package/dist/semantic.css CHANGED
@@ -12,6 +12,11 @@
12
12
  --color-disabled: hsl(0, 0%, 58%);
13
13
  --color-disabled--secondary: hsl(0, 0%, 93%);
14
14
  --color-focus: hsl(198, 12%, 57%);
15
+ --color-dataViz--categorical--1: hsl(253, 50%, 50%);
16
+ --color-dataViz--categorical--2: hsl(190, 80%, 42%);
17
+ --color-dataViz--categorical--3: hsl(31, 80%, 48%);
18
+ --color-dataViz--categorical--1--subtle: hsl(253, 52%, 69%);
19
+ --color-dataViz--categorical--1--bold: hsl(253, 50%, 34%);
15
20
  --color-critical: hsl(6, 64%, 51%);
16
21
  --color-critical--surface: hsl(7, 63%, 95%);
17
22
  --color-critical--onSurface: hsl(6, 100%, 24%);
@@ -33,7 +38,7 @@
33
38
  --color-text--reverse: rgba(255, 255, 255, 1);
34
39
  --color-text--reverse--secondary: hsl(200, 13%, 87%);
35
40
  --color-icon: hsl(198, 35%, 21%);
36
- --color-icon--secondary: hsl(197, 21%, 36%);
41
+ --color-icon--secondary: hsl(198, 12%, 57%);
37
42
  --color-surface: rgba(255, 255, 255, 1);
38
43
  --color-surface--hover: hsl(43, 18%, 92%);
39
44
  --color-surface--reverse: hsl(197, 90%, 12%);
package/dist/tailwind.cjs CHANGED
@@ -233,6 +233,11 @@ var tokens = {
233
233
  "color-disabled": "hsl(0, 0%, 58%)",
234
234
  "color-disabled--secondary": "hsl(0, 0%, 93%)",
235
235
  "color-focus": "hsl(198, 12%, 57%)",
236
+ "color-dataViz--categorical--1": "hsl(253, 50%, 50%)",
237
+ "color-dataViz--categorical--2": "hsl(190, 80%, 42%)",
238
+ "color-dataViz--categorical--3": "hsl(31, 80%, 48%)",
239
+ "color-dataViz--categorical--1--subtle": "hsl(253, 52%, 69%)",
240
+ "color-dataViz--categorical--1--bold": "hsl(253, 50%, 34%)",
236
241
  "color-critical": "hsl(6, 64%, 51%)",
237
242
  "color-critical--surface": "hsl(7, 63%, 95%)",
238
243
  "color-critical--onSurface": "hsl(6, 100%, 24%)",
@@ -254,7 +259,7 @@ var tokens = {
254
259
  "color-text--reverse": "rgba(255, 255, 255, 1)",
255
260
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
256
261
  "color-icon": "hsl(198, 35%, 21%)",
257
- "color-icon--secondary": "hsl(197, 21%, 36%)",
262
+ "color-icon--secondary": "hsl(198, 12%, 57%)",
258
263
  "color-surface": "rgba(255, 255, 255, 1)",
259
264
  "color-surface--hover": "hsl(43, 18%, 92%)",
260
265
  "color-surface--reverse": "hsl(197, 90%, 12%)",
package/dist/tailwind.mjs CHANGED
@@ -231,6 +231,11 @@ var tokens = {
231
231
  "color-disabled": "hsl(0, 0%, 58%)",
232
232
  "color-disabled--secondary": "hsl(0, 0%, 93%)",
233
233
  "color-focus": "hsl(198, 12%, 57%)",
234
+ "color-dataViz--categorical--1": "hsl(253, 50%, 50%)",
235
+ "color-dataViz--categorical--2": "hsl(190, 80%, 42%)",
236
+ "color-dataViz--categorical--3": "hsl(31, 80%, 48%)",
237
+ "color-dataViz--categorical--1--subtle": "hsl(253, 52%, 69%)",
238
+ "color-dataViz--categorical--1--bold": "hsl(253, 50%, 34%)",
234
239
  "color-critical": "hsl(6, 64%, 51%)",
235
240
  "color-critical--surface": "hsl(7, 63%, 95%)",
236
241
  "color-critical--onSurface": "hsl(6, 100%, 24%)",
@@ -252,7 +257,7 @@ var tokens = {
252
257
  "color-text--reverse": "rgba(255, 255, 255, 1)",
253
258
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
254
259
  "color-icon": "hsl(198, 35%, 21%)",
255
- "color-icon--secondary": "hsl(197, 21%, 36%)",
260
+ "color-icon--secondary": "hsl(198, 12%, 57%)",
256
261
  "color-surface": "rgba(255, 255, 255, 1)",
257
262
  "color-surface--hover": "hsl(43, 18%, 92%)",
258
263
  "color-surface--reverse": "hsl(197, 90%, 12%)",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/design",
3
- "version": "0.105.0",
3
+ "version": "0.106.1",
4
4
  "description": "Design foundation for the Jobber Atlantis Design System",
5
5
  "license": "MIT",
6
6
  "type": "module",
@@ -85,5 +85,5 @@
85
85
  "rrweb-cssom": "^0.7.1",
86
86
  "tsx": "^4.16.2"
87
87
  },
88
- "gitHead": "b13d0074cac7624ef3b8efa7e79e26697d9e15a6"
88
+ "gitHead": "3f6678b1792101e43e544ec51cfa17d883362460"
89
89
  }