@jobber/design 0.105.0 → 0.106.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 (15) hide show
  1. package/dist/assets/tokens.all.colors.d.ts +5 -0
  2. package/dist/assets/tokens.android.d.ts +5 -0
  3. package/dist/assets/tokens.dark.d.ts +5 -0
  4. package/dist/assets/tokens.ios.d.ts +5 -0
  5. package/dist/assets/tokens.semantic.d.ts +5 -0
  6. package/dist/assets/tokens.web.d.ts +5 -0
  7. package/dist/dark.mode.css +5 -0
  8. package/dist/dark.theme.css +5 -0
  9. package/dist/foundation.css +5 -0
  10. package/dist/index.cjs +30 -0
  11. package/dist/index.mjs +30 -0
  12. package/dist/semantic.css +5 -0
  13. package/dist/tailwind.cjs +5 -0
  14. package/dist/tailwind.mjs +5 -0
  15. package/package.json +2 -2
package/dist/assets/tokens.all.colors.d.ts CHANGED
@@ -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;
package/dist/assets/tokens.android.d.ts CHANGED
@@ -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;
package/dist/assets/tokens.dark.d.ts CHANGED
@@ -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;
package/dist/assets/tokens.ios.d.ts CHANGED
@@ -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;
package/dist/assets/tokens.semantic.d.ts CHANGED
@@ -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;
package/dist/assets/tokens.web.d.ts CHANGED
@@ -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;
package/dist/dark.mode.css CHANGED
@@ -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);
package/dist/dark.theme.css CHANGED
@@ -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);
package/dist/foundation.css CHANGED
@@ -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);
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%)",
@@ -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%)",
@@ -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%)",
@@ -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%)",
@@ -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%)",
@@ -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%)",
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%)",
@@ -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%)",
@@ -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%)",
@@ -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%)",
@@ -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%)",
@@ -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%)",
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%);
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%)",
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%)",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/design",
3
- "version": "0.105.0",
3
+ "version": "0.106.0",
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": "c5da7c5d3db964c4803ccf359bc4e59ed63f668d"
89
89
  }