@jobber/design 0.104.0 → 0.105.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 (16) hide show
  1. package/dist/assets/tokens.all.colors.d.ts +1 -0
  2. package/dist/assets/tokens.android.d.ts +1 -0
  3. package/dist/assets/tokens.dark.d.ts +1 -0
  4. package/dist/assets/tokens.ios.d.ts +1 -0
  5. package/dist/assets/tokens.semantic.d.ts +1 -0
  6. package/dist/assets/tokens.web.d.ts +1 -0
  7. package/dist/dark.mode.css +1 -0
  8. package/dist/dark.theme.css +1 -0
  9. package/dist/foundation.css +1 -0
  10. package/dist/iconStyles/iconColors.d.ts +3 -0
  11. package/dist/index.cjs +9 -0
  12. package/dist/index.mjs +9 -0
  13. package/dist/semantic.css +1 -0
  14. package/dist/tailwind.cjs +1 -0
  15. package/dist/tailwind.mjs +1 -0
  16. package/package.json +2 -2
package/dist/assets/tokens.all.colors.d.ts CHANGED
@@ -60,6 +60,7 @@ declare const _default: {
60
60
  "color-text--reverse": string;
61
61
  "color-text--reverse--secondary": string;
62
62
  "color-icon": string;
63
+ "color-icon--secondary": string;
63
64
  "color-surface": string;
64
65
  "color-surface--hover": string;
65
66
  "color-surface--reverse": string;
package/dist/assets/tokens.android.d.ts CHANGED
@@ -250,6 +250,7 @@ declare const _default: {
250
250
  "color-text--reverse": string;
251
251
  "color-text--reverse--secondary": string;
252
252
  "color-icon": string;
253
+ "color-icon--secondary": string;
253
254
  "color-surface": string;
254
255
  "color-surface--hover": string;
255
256
  "color-surface--reverse": string;
package/dist/assets/tokens.dark.d.ts CHANGED
@@ -36,6 +36,7 @@ declare const _default: {
36
36
  "color-text--reverse": string;
37
37
  "color-text--reverse--secondary": string;
38
38
  "color-icon": string;
39
+ "color-icon--secondary": string;
39
40
  "color-surface": string;
40
41
  "color-surface--hover": string;
41
42
  "color-surface--active": string;
package/dist/assets/tokens.ios.d.ts CHANGED
@@ -250,6 +250,7 @@ declare const _default: {
250
250
  "color-text--reverse": string;
251
251
  "color-text--reverse--secondary": string;
252
252
  "color-icon": string;
253
+ "color-icon--secondary": string;
253
254
  "color-surface": string;
254
255
  "color-surface--hover": string;
255
256
  "color-surface--reverse": string;
package/dist/assets/tokens.semantic.d.ts CHANGED
@@ -33,6 +33,7 @@ declare const _default: {
33
33
  "color-text--reverse": string;
34
34
  "color-text--reverse--secondary": string;
35
35
  "color-icon": string;
36
+ "color-icon--secondary": string;
36
37
  "color-surface": string;
37
38
  "color-surface--hover": string;
38
39
  "color-surface--reverse": string;
package/dist/assets/tokens.web.d.ts CHANGED
@@ -250,6 +250,7 @@ declare const _default: {
250
250
  "color-text--reverse": string;
251
251
  "color-text--reverse--secondary": string;
252
252
  "color-icon": string;
253
+ "color-icon--secondary": string;
253
254
  "color-surface": string;
254
255
  "color-surface--hover": string;
255
256
  "color-surface--reverse": string;
package/dist/dark.mode.css CHANGED
@@ -38,6 +38,7 @@
38
38
  --color-text--reverse: var(--color-base-blue--700);
39
39
  --color-text--reverse--secondary: var(--color-base-blue--900);
40
40
  --color-icon: var(--color-base-blue--200);
41
+ --color-icon--secondary: var(--color-base-blue--400);
41
42
  --color-surface: var(--color-base-blue--900);
42
43
  --color-surface--hover: var(--color-base-blue--800);
43
44
  --color-surface--active: var(--color-base-blue--700);
package/dist/dark.theme.css CHANGED
@@ -36,6 +36,7 @@
36
36
  --color-text--reverse: var(--color-base-blue--700);
37
37
  --color-text--reverse--secondary: var(--color-base-blue--900);
38
38
  --color-icon: var(--color-base-blue--200);
39
+ --color-icon--secondary: var(--color-base-blue--400);
39
40
  --color-surface: var(--color-base-blue--900);
40
41
  --color-surface--hover: var(--color-base-blue--800);
41
42
  --color-surface--active: var(--color-base-blue--700);
package/dist/foundation.css CHANGED
@@ -253,6 +253,7 @@ div[data-theme="light"],
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);
256
+ --color-icon--secondary: var(--color-base-blue--700);
256
257
  --color-surface: var(--color-white);
257
258
  --color-surface--hover: var(--color-base-taupe--200);
258
259
  --color-surface--reverse: var(--color-base-blue--900);
package/dist/iconStyles/iconColors.d.ts CHANGED
@@ -3,6 +3,9 @@ export declare const iconColors: {
3
3
  icon: {
4
4
  value: string;
5
5
  };
6
+ iconSecondary: {
7
+ value: string;
8
+ };
6
9
  white: {
7
10
  value: string;
8
11
  };
package/dist/index.cjs CHANGED
@@ -176,6 +176,9 @@ const iconColors = {
176
176
  icon: {
177
177
  value: "{color.icon}",
178
178
  },
179
+ iconSecondary: {
180
+ value: "{color.icon-.secondary}",
181
+ },
179
182
  white: {
180
183
  value: "{color.white}",
181
184
  },
@@ -1347,6 +1350,7 @@ var tokens_web = {
1347
1350
  "color-text--reverse": "rgba(255, 255, 255, 1)",
1348
1351
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
1349
1352
  "color-icon": "hsl(198, 35%, 21%)",
1353
+ "color-icon--secondary": "hsl(197, 21%, 36%)",
1350
1354
  "color-surface": "rgba(255, 255, 255, 1)",
1351
1355
  "color-surface--hover": "hsl(43, 18%, 92%)",
1352
1356
  "color-surface--reverse": "hsl(197, 90%, 12%)",
@@ -1700,6 +1704,7 @@ var tokens_android = {
1700
1704
  "color-text--reverse": "rgba(255, 255, 255, 1)",
1701
1705
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
1702
1706
  "color-icon": "hsl(198, 35%, 21%)",
1707
+ "color-icon--secondary": "hsl(197, 21%, 36%)",
1703
1708
  "color-surface": "rgba(255, 255, 255, 1)",
1704
1709
  "color-surface--hover": "hsl(43, 18%, 92%)",
1705
1710
  "color-surface--reverse": "hsl(197, 90%, 12%)",
@@ -2081,6 +2086,7 @@ var tokens_ios = {
2081
2086
  "color-text--reverse": "rgba(255, 255, 255, 1)",
2082
2087
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
2083
2088
  "color-icon": "hsl(198, 35%, 21%)",
2089
+ "color-icon--secondary": "hsl(197, 21%, 36%)",
2084
2090
  "color-surface": "rgba(255, 255, 255, 1)",
2085
2091
  "color-surface--hover": "hsl(43, 18%, 92%)",
2086
2092
  "color-surface--reverse": "hsl(197, 90%, 12%)",
@@ -2352,6 +2358,7 @@ var allColors = {
2352
2358
  "color-text--reverse": "rgba(255, 255, 255, 1)",
2353
2359
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
2354
2360
  "color-icon": "hsl(198, 35%, 21%)",
2361
+ "color-icon--secondary": "hsl(197, 21%, 36%)",
2355
2362
  "color-surface": "rgba(255, 255, 255, 1)",
2356
2363
  "color-surface--hover": "hsl(43, 18%, 92%)",
2357
2364
  "color-surface--reverse": "hsl(197, 90%, 12%)",
@@ -2614,6 +2621,7 @@ var tokens_semantic = {
2614
2621
  "color-text--reverse": "rgba(255, 255, 255, 1)",
2615
2622
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
2616
2623
  "color-icon": "hsl(198, 35%, 21%)",
2624
+ "color-icon--secondary": "hsl(197, 21%, 36%)",
2617
2625
  "color-surface": "rgba(255, 255, 255, 1)",
2618
2626
  "color-surface--hover": "hsl(43, 18%, 92%)",
2619
2627
  "color-surface--reverse": "hsl(197, 90%, 12%)",
@@ -2666,6 +2674,7 @@ var tokens_dark = {
2666
2674
  "color-text--reverse": "hsl(197, 15%, 35%)",
2667
2675
  "color-text--reverse--secondary": "hsl(197, 15%, 16%)",
2668
2676
  "color-icon": "hsl(195, 12%, 94%)",
2677
+ "color-icon--secondary": "hsl(196, 12%, 70%)",
2669
2678
  "color-surface": "hsl(197, 15%, 16%)",
2670
2679
  "color-surface--hover": "hsl(197, 18%, 25%)",
2671
2680
  "color-surface--active": "hsl(197, 15%, 35%)",
package/dist/index.mjs CHANGED
@@ -174,6 +174,9 @@ const iconColors = {
174
174
  icon: {
175
175
  value: "{color.icon}",
176
176
  },
177
+ iconSecondary: {
178
+ value: "{color.icon-.secondary}",
179
+ },
177
180
  white: {
178
181
  value: "{color.white}",
179
182
  },
@@ -1345,6 +1348,7 @@ var tokens_web = {
1345
1348
  "color-text--reverse": "rgba(255, 255, 255, 1)",
1346
1349
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
1347
1350
  "color-icon": "hsl(198, 35%, 21%)",
1351
+ "color-icon--secondary": "hsl(197, 21%, 36%)",
1348
1352
  "color-surface": "rgba(255, 255, 255, 1)",
1349
1353
  "color-surface--hover": "hsl(43, 18%, 92%)",
1350
1354
  "color-surface--reverse": "hsl(197, 90%, 12%)",
@@ -1698,6 +1702,7 @@ var tokens_android = {
1698
1702
  "color-text--reverse": "rgba(255, 255, 255, 1)",
1699
1703
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
1700
1704
  "color-icon": "hsl(198, 35%, 21%)",
1705
+ "color-icon--secondary": "hsl(197, 21%, 36%)",
1701
1706
  "color-surface": "rgba(255, 255, 255, 1)",
1702
1707
  "color-surface--hover": "hsl(43, 18%, 92%)",
1703
1708
  "color-surface--reverse": "hsl(197, 90%, 12%)",
@@ -2079,6 +2084,7 @@ var tokens_ios = {
2079
2084
  "color-text--reverse": "rgba(255, 255, 255, 1)",
2080
2085
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
2081
2086
  "color-icon": "hsl(198, 35%, 21%)",
2087
+ "color-icon--secondary": "hsl(197, 21%, 36%)",
2082
2088
  "color-surface": "rgba(255, 255, 255, 1)",
2083
2089
  "color-surface--hover": "hsl(43, 18%, 92%)",
2084
2090
  "color-surface--reverse": "hsl(197, 90%, 12%)",
@@ -2350,6 +2356,7 @@ var allColors = {
2350
2356
  "color-text--reverse": "rgba(255, 255, 255, 1)",
2351
2357
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
2352
2358
  "color-icon": "hsl(198, 35%, 21%)",
2359
+ "color-icon--secondary": "hsl(197, 21%, 36%)",
2353
2360
  "color-surface": "rgba(255, 255, 255, 1)",
2354
2361
  "color-surface--hover": "hsl(43, 18%, 92%)",
2355
2362
  "color-surface--reverse": "hsl(197, 90%, 12%)",
@@ -2612,6 +2619,7 @@ var tokens_semantic = {
2612
2619
  "color-text--reverse": "rgba(255, 255, 255, 1)",
2613
2620
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
2614
2621
  "color-icon": "hsl(198, 35%, 21%)",
2622
+ "color-icon--secondary": "hsl(197, 21%, 36%)",
2615
2623
  "color-surface": "rgba(255, 255, 255, 1)",
2616
2624
  "color-surface--hover": "hsl(43, 18%, 92%)",
2617
2625
  "color-surface--reverse": "hsl(197, 90%, 12%)",
@@ -2664,6 +2672,7 @@ var tokens_dark = {
2664
2672
  "color-text--reverse": "hsl(197, 15%, 35%)",
2665
2673
  "color-text--reverse--secondary": "hsl(197, 15%, 16%)",
2666
2674
  "color-icon": "hsl(195, 12%, 94%)",
2675
+ "color-icon--secondary": "hsl(196, 12%, 70%)",
2667
2676
  "color-surface": "hsl(197, 15%, 16%)",
2668
2677
  "color-surface--hover": "hsl(197, 18%, 25%)",
2669
2678
  "color-surface--active": "hsl(197, 15%, 35%)",
package/dist/semantic.css CHANGED
@@ -33,6 +33,7 @@
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%);
36
+ --color-icon--secondary: hsl(197, 21%, 36%);
36
37
  --color-surface: rgba(255, 255, 255, 1);
37
38
  --color-surface--hover: hsl(43, 18%, 92%);
38
39
  --color-surface--reverse: hsl(197, 90%, 12%);
package/dist/tailwind.cjs CHANGED
@@ -254,6 +254,7 @@ var tokens = {
254
254
  "color-text--reverse": "rgba(255, 255, 255, 1)",
255
255
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
256
256
  "color-icon": "hsl(198, 35%, 21%)",
257
+ "color-icon--secondary": "hsl(197, 21%, 36%)",
257
258
  "color-surface": "rgba(255, 255, 255, 1)",
258
259
  "color-surface--hover": "hsl(43, 18%, 92%)",
259
260
  "color-surface--reverse": "hsl(197, 90%, 12%)",
package/dist/tailwind.mjs CHANGED
@@ -252,6 +252,7 @@ var tokens = {
252
252
  "color-text--reverse": "rgba(255, 255, 255, 1)",
253
253
  "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
254
254
  "color-icon": "hsl(198, 35%, 21%)",
255
+ "color-icon--secondary": "hsl(197, 21%, 36%)",
255
256
  "color-surface": "rgba(255, 255, 255, 1)",
256
257
  "color-surface--hover": "hsl(43, 18%, 92%)",
257
258
  "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.104.0",
3
+ "version": "0.105.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": "7fb12fadcd1c5e1440bccccae13dd29cf74dae28"
88
+ "gitHead": "b13d0074cac7624ef3b8efa7e79e26697d9e15a6"
89
89
  }