@jobber/design 0.77.0 → 0.79.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 (13) hide show
  1. package/dist/assets/icon.map.d.ts +1 -0
  2. package/dist/assets/tokens.all.colors.d.ts +2 -0
  3. package/dist/assets/tokens.android.d.ts +2 -0
  4. package/dist/assets/tokens.dark.d.ts +2 -0
  5. package/dist/assets/tokens.ios.d.ts +2 -0
  6. package/dist/assets/tokens.web.d.ts +2 -0
  7. package/dist/dark.mode.css +2 -0
  8. package/dist/dark.theme.css +2 -0
  9. package/dist/foundation.css +2 -0
  10. package/dist/icon.map.js +4 -0
  11. package/dist/index.cjs +14 -0
  12. package/dist/index.mjs +14 -0
  13. package/package.json +2 -2
package/dist/assets/icon.map.d.ts CHANGED
@@ -46,6 +46,7 @@ declare const _default: {
46
46
  drag: string[];
47
47
  dropdown: string[];
48
48
  edit: string[];
49
+ editDisabled: string[];
49
50
  email: string[];
50
51
  embed: string[];
51
52
  engine: string[];
package/dist/assets/tokens.all.colors.d.ts CHANGED
@@ -25,6 +25,8 @@ declare const _default: {
25
25
  "color-payments--surface": string;
26
26
  "color-payments--onSurface": string;
27
27
  "color-client": string;
28
+ "color-client--surface": string;
29
+ "color-client--onSurface": string;
28
30
  "color-interactive": string;
29
31
  "color-interactive--hover": string;
30
32
  "color-interactive--subtle": string;
package/dist/assets/tokens.android.d.ts CHANGED
@@ -286,6 +286,8 @@ declare const _default: {
286
286
  "color-payments--surface": string;
287
287
  "color-payments--onSurface": string;
288
288
  "color-client": string;
289
+ "color-client--surface": string;
290
+ "color-client--onSurface": string;
289
291
  "radius-base": number;
290
292
  "radius-small": number;
291
293
  "radius-large": number;
package/dist/assets/tokens.dark.d.ts CHANGED
@@ -72,6 +72,8 @@ declare const _default: {
72
72
  "color-payments--surface": string;
73
73
  "color-payments--onSurface": string;
74
74
  "color-client": string;
75
+ "color-client--surface": string;
76
+ "color-client--onSurface": string;
75
77
  "shadow-low": string;
76
78
  "shadow-base": string;
77
79
  "shadow-high": string;
package/dist/assets/tokens.ios.d.ts CHANGED
@@ -286,6 +286,8 @@ declare const _default: {
286
286
  "color-payments--surface": string;
287
287
  "color-payments--onSurface": string;
288
288
  "color-client": string;
289
+ "color-client--surface": string;
290
+ "color-client--onSurface": string;
289
291
  "radius-base": number;
290
292
  "radius-small": number;
291
293
  "radius-large": number;
package/dist/assets/tokens.web.d.ts CHANGED
@@ -286,6 +286,8 @@ declare const _default: {
286
286
  "color-payments--surface": string;
287
287
  "color-payments--onSurface": string;
288
288
  "color-client": string;
289
+ "color-client--surface": string;
290
+ "color-client--onSurface": string;
289
291
  "radius-base": number;
290
292
  "radius-small": number;
291
293
  "radius-large": number;
package/dist/dark.mode.css CHANGED
@@ -74,6 +74,8 @@
74
74
  --color-payments--surface: var(--color-invoice--surface);
75
75
  --color-payments--onSurface: var(--color-invoice--onSurface);
76
76
  --color-client: var(--color-base-blue--200);
77
+ --color-client--surface: var(--color-base-blue--800);
78
+ --color-client--onSurface: var(--color-base-blue--300);
77
79
  --shadow-low: 0px var(--space-minuscule) var(--space-smallest) rgba(0, 0, 0, 0.15), 0px 0px var(--space-smallest) rgba(0, 0, 0, 0.25);
78
80
  --shadow-base: 0px var(--space-minuscule) var(--space-smaller) 0px rgba(0, 0, 0, 0.1), 0px var(--space-smaller) 12px 0px rgba(0, 0, 0, 0.2);
79
81
  --shadow-high: 0px var(--space-base) var(--space-base) 0px rgba(0, 0, 0, 0.075), 0px 0px var(--space-small) 0px rgba(0, 0, 0, 0.175);
package/dist/dark.theme.css CHANGED
@@ -72,6 +72,8 @@
72
72
  --color-payments--surface: var(--color-invoice--surface);
73
73
  --color-payments--onSurface: var(--color-invoice--onSurface);
74
74
  --color-client: var(--color-base-blue--200);
75
+ --color-client--surface: var(--color-base-blue--800);
76
+ --color-client--onSurface: var(--color-base-blue--300);
75
77
  --shadow-low: 0px var(--space-minuscule) var(--space-smallest) rgba(0, 0, 0, 0.15), 0px 0px var(--space-smallest) rgba(0, 0, 0, 0.25);
76
78
  --shadow-base: 0px var(--space-minuscule) var(--space-smaller) 0px rgba(0, 0, 0, 0.1), 0px var(--space-smaller) 12px 0px rgba(0, 0, 0, 0.2);
77
79
  --shadow-high: 0px var(--space-base) var(--space-base) 0px rgba(0, 0, 0, 0.075), 0px 0px var(--space-small) 0px rgba(0, 0, 0, 0.175);
package/dist/foundation.css CHANGED
@@ -289,6 +289,8 @@ div[data-theme="light"],
289
289
  --color-payments--surface: var(--color-invoice--surface);
290
290
  --color-payments--onSurface: var(--color-invoice--onSurface);
291
291
  --color-client: var(--color-base-taupe--700);
292
+ --color-client--surface: var(--color-base-taupe--200);
293
+ --color-client--onSurface: var(--color-base-taupe--800);
292
294
  --radius-base: 8px;
293
295
  --radius-small: 4px;
294
296
  --radius-large: 16px;
package/dist/icon.map.js CHANGED
@@ -168,6 +168,10 @@ export default {
168
168
  "edit": [
169
169
  "M14.707 3.923a2.987 2.987 0 0 1 2.121-.88c.768 0 1.536.293 2.122.88l1.171 1.174c.586.588.879 1.357.879 2.127 0 .77-.293 1.539-.879 2.126l-9.22 9.292a1 1 0 0 1-.313.212l-4.794 2.02a2.017 2.017 0 0 1-.788.168 1.988 1.988 0 0 1-1.415-.593A2 2 0 0 1 3 19.08a2.021 2.021 0 0 1 .167-.837l2.108-4.713a.99.99 0 0 1 .212-.314l9.22-9.292Zm2.828 1.418a.998.998 0 0 0-1.414 0l-.878.88 2.585 2.592.88-.88c.39-.392.39-1.027 0-1.418L17.535 5.34Zm-1.12 4.89-2.587-2.592-6.22 6.285 2.586 2.591 6.22-6.284Zm-7.972 7.364-1.911-1.916-1.526 3.353 3.437-1.437Z"
170
170
  ],
171
+ "editDisabled": [
172
+ "M14.7075 3.92273C15.2933 3.33557 16.0611 3.04199 16.8288 3.04199C17.5966 3.04199 18.3644 3.33557 18.9502 3.92273L20.1217 5.09706C20.7075 5.68423 21.0004 6.4538 21.0004 7.22338C21.0004 7.99295 20.7075 8.76252 20.1217 9.34969L16.8696 12.6271L15.4488 11.2062L16.4146 10.2304L13.8288 7.63856L12.8601 8.61735L11.4492 7.2064L14.7075 3.92273ZM17.5359 5.34027C17.1454 4.94883 16.5123 4.94883 16.1217 5.34028L15.243 6.22102L17.8288 8.81289L18.7075 7.93215C19.098 7.5407 19.098 6.90605 18.7075 6.5146L17.5359 5.34027Z",
173
+ "M18.4995 17.0858C18.89 17.4763 18.89 18.1095 18.4995 18.5C18.1089 18.8905 17.4758 18.8905 17.0852 18.5L14.052 15.4666L10.9018 18.6413C10.8119 18.7315 10.7056 18.8036 10.5887 18.8539L5.79391 20.8738C5.52849 20.9878 5.26259 21.0406 5.00607 21.042C4.46071 21.0449 3.95775 20.8155 3.59186 20.4488C3.23679 20.0929 3.0108 19.6076 3.00038 19.0796C2.99501 18.8076 3.04687 18.5243 3.16778 18.2415L5.27556 13.5283C5.32567 13.4111 5.39764 13.3046 5.48759 13.2144L8.63157 10.0459L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L18.4995 17.0858ZM10.0461 11.4606L7.60891 13.9232L10.1947 16.515L12.6349 14.0494L10.0461 11.4606ZM8.44317 17.5945L6.53201 15.6788L5.00607 19.0312L8.44317 17.5945Z"
174
+ ],
171
175
  "email": [
172
176
  "M2 7a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7Zm16.667 0H5.333L12 14l6.667-7ZM4 8.517V19h16V8.517l-6.545 6.94a2 2 0 0 1-2.91 0L4 8.517Z"
173
177
  ],
package/dist/index.cjs CHANGED
@@ -484,6 +484,10 @@ var iconMap = {
484
484
  "edit": [
485
485
  "M14.707 3.923a2.987 2.987 0 0 1 2.121-.88c.768 0 1.536.293 2.122.88l1.171 1.174c.586.588.879 1.357.879 2.127 0 .77-.293 1.539-.879 2.126l-9.22 9.292a1 1 0 0 1-.313.212l-4.794 2.02a2.017 2.017 0 0 1-.788.168 1.988 1.988 0 0 1-1.415-.593A2 2 0 0 1 3 19.08a2.021 2.021 0 0 1 .167-.837l2.108-4.713a.99.99 0 0 1 .212-.314l9.22-9.292Zm2.828 1.418a.998.998 0 0 0-1.414 0l-.878.88 2.585 2.592.88-.88c.39-.392.39-1.027 0-1.418L17.535 5.34Zm-1.12 4.89-2.587-2.592-6.22 6.285 2.586 2.591 6.22-6.284Zm-7.972 7.364-1.911-1.916-1.526 3.353 3.437-1.437Z"
486
486
  ],
487
+ "editDisabled": [
488
+ "M14.7075 3.92273C15.2933 3.33557 16.0611 3.04199 16.8288 3.04199C17.5966 3.04199 18.3644 3.33557 18.9502 3.92273L20.1217 5.09706C20.7075 5.68423 21.0004 6.4538 21.0004 7.22338C21.0004 7.99295 20.7075 8.76252 20.1217 9.34969L16.8696 12.6271L15.4488 11.2062L16.4146 10.2304L13.8288 7.63856L12.8601 8.61735L11.4492 7.2064L14.7075 3.92273ZM17.5359 5.34027C17.1454 4.94883 16.5123 4.94883 16.1217 5.34028L15.243 6.22102L17.8288 8.81289L18.7075 7.93215C19.098 7.5407 19.098 6.90605 18.7075 6.5146L17.5359 5.34027Z",
489
+ "M18.4995 17.0858C18.89 17.4763 18.89 18.1095 18.4995 18.5C18.1089 18.8905 17.4758 18.8905 17.0852 18.5L14.052 15.4666L10.9018 18.6413C10.8119 18.7315 10.7056 18.8036 10.5887 18.8539L5.79391 20.8738C5.52849 20.9878 5.26259 21.0406 5.00607 21.042C4.46071 21.0449 3.95775 20.8155 3.59186 20.4488C3.23679 20.0929 3.0108 19.6076 3.00038 19.0796C2.99501 18.8076 3.04687 18.5243 3.16778 18.2415L5.27556 13.5283C5.32567 13.4111 5.39764 13.3046 5.48759 13.2144L8.63157 10.0459L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L18.4995 17.0858ZM10.0461 11.4606L7.60891 13.9232L10.1947 16.515L12.6349 14.0494L10.0461 11.4606ZM8.44317 17.5945L6.53201 15.6788L5.00607 19.0312L8.44317 17.5945Z"
490
+ ],
487
491
  "email": [
488
492
  "M2 7a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7Zm16.667 0H5.333L12 14l6.667-7ZM4 8.517V19h16V8.517l-6.545 6.94a2 2 0 0 1-2.91 0L4 8.517Z"
489
493
  ],
@@ -1236,6 +1240,8 @@ var tokens_web = {
1236
1240
  "color-payments--surface": "hsl(207, 87%, 94%)",
1237
1241
  "color-payments--onSurface": "hsl(206, 61%, 23%)",
1238
1242
  "color-client": "hsl(48, 3%, 34%)",
1243
+ "color-client--surface": "hsl(53, 21%, 93%)",
1244
+ "color-client--onSurface": "hsl(40, 3%, 23%)",
1239
1245
  "radius-base": 8,
1240
1246
  "radius-small": 4,
1241
1247
  "radius-large": 16,
@@ -1583,6 +1589,8 @@ var tokens_android = {
1583
1589
  "color-payments--surface": "hsl(207, 87%, 94%)",
1584
1590
  "color-payments--onSurface": "hsl(206, 61%, 23%)",
1585
1591
  "color-client": "hsl(48, 3%, 34%)",
1592
+ "color-client--surface": "hsl(53, 21%, 93%)",
1593
+ "color-client--onSurface": "hsl(40, 3%, 23%)",
1586
1594
  "radius-base": 8,
1587
1595
  "radius-small": 4,
1588
1596
  "radius-large": 16,
@@ -1958,6 +1966,8 @@ var tokens_ios = {
1958
1966
  "color-payments--surface": "hsl(207, 87%, 94%)",
1959
1967
  "color-payments--onSurface": "hsl(206, 61%, 23%)",
1960
1968
  "color-client": "hsl(48, 3%, 34%)",
1969
+ "color-client--surface": "hsl(53, 21%, 93%)",
1970
+ "color-client--onSurface": "hsl(40, 3%, 23%)",
1961
1971
  "radius-base": 8,
1962
1972
  "radius-small": 4,
1963
1973
  "radius-large": 16,
@@ -2152,6 +2162,8 @@ var allColors = {
2152
2162
  "color-payments--surface": "hsl(207, 87%, 94%)",
2153
2163
  "color-payments--onSurface": "hsl(206, 61%, 23%)",
2154
2164
  "color-client": "hsl(48, 3%, 34%)",
2165
+ "color-client--surface": "hsl(53, 21%, 93%)",
2166
+ "color-client--onSurface": "hsl(40, 3%, 23%)",
2155
2167
  "color-interactive": "hsl(107, 58%, 33%)",
2156
2168
  "color-interactive--hover": "hsl(107, 65%, 24%)",
2157
2169
  "color-interactive--subtle": "hsl(198, 35%, 21%)",
@@ -2533,6 +2545,8 @@ var tokens_dark = {
2533
2545
  "color-payments--surface": "{color.base.lightBlue-.800}",
2534
2546
  "color-payments--onSurface": "{color.base.lightBlue-.300}",
2535
2547
  "color-client": "hsl(195, 12%, 94%)",
2548
+ "color-client--surface": "hsl(197, 18%, 25%)",
2549
+ "color-client--onSurface": "hsl(200, 13%, 87%)",
2536
2550
  "shadow-low": "0px var(--space-minuscule) var(--space-smallest) rgba(0, 0, 0, 0.15), 0px 0px var(--space-smallest) rgba(0, 0, 0, 0.25)",
2537
2551
  "shadow-base": "0px var(--space-minuscule) var(--space-smaller) 0px rgba(0, 0, 0, 0.1), 0px var(--space-smaller) 12px 0px rgba(0, 0, 0, 0.2)",
2538
2552
  "shadow-high": "0px var(--space-base) var(--space-base) 0px rgba(0, 0, 0, 0.075), 0px 0px var(--space-small) 0px rgba(0, 0, 0, 0.175)",
package/dist/index.mjs CHANGED
@@ -482,6 +482,10 @@ var iconMap = {
482
482
  "edit": [
483
483
  "M14.707 3.923a2.987 2.987 0 0 1 2.121-.88c.768 0 1.536.293 2.122.88l1.171 1.174c.586.588.879 1.357.879 2.127 0 .77-.293 1.539-.879 2.126l-9.22 9.292a1 1 0 0 1-.313.212l-4.794 2.02a2.017 2.017 0 0 1-.788.168 1.988 1.988 0 0 1-1.415-.593A2 2 0 0 1 3 19.08a2.021 2.021 0 0 1 .167-.837l2.108-4.713a.99.99 0 0 1 .212-.314l9.22-9.292Zm2.828 1.418a.998.998 0 0 0-1.414 0l-.878.88 2.585 2.592.88-.88c.39-.392.39-1.027 0-1.418L17.535 5.34Zm-1.12 4.89-2.587-2.592-6.22 6.285 2.586 2.591 6.22-6.284Zm-7.972 7.364-1.911-1.916-1.526 3.353 3.437-1.437Z"
484
484
  ],
485
+ "editDisabled": [
486
+ "M14.7075 3.92273C15.2933 3.33557 16.0611 3.04199 16.8288 3.04199C17.5966 3.04199 18.3644 3.33557 18.9502 3.92273L20.1217 5.09706C20.7075 5.68423 21.0004 6.4538 21.0004 7.22338C21.0004 7.99295 20.7075 8.76252 20.1217 9.34969L16.8696 12.6271L15.4488 11.2062L16.4146 10.2304L13.8288 7.63856L12.8601 8.61735L11.4492 7.2064L14.7075 3.92273ZM17.5359 5.34027C17.1454 4.94883 16.5123 4.94883 16.1217 5.34028L15.243 6.22102L17.8288 8.81289L18.7075 7.93215C19.098 7.5407 19.098 6.90605 18.7075 6.5146L17.5359 5.34027Z",
487
+ "M18.4995 17.0858C18.89 17.4763 18.89 18.1095 18.4995 18.5C18.1089 18.8905 17.4758 18.8905 17.0852 18.5L14.052 15.4666L10.9018 18.6413C10.8119 18.7315 10.7056 18.8036 10.5887 18.8539L5.79391 20.8738C5.52849 20.9878 5.26259 21.0406 5.00607 21.042C4.46071 21.0449 3.95775 20.8155 3.59186 20.4488C3.23679 20.0929 3.0108 19.6076 3.00038 19.0796C2.99501 18.8076 3.04687 18.5243 3.16778 18.2415L5.27556 13.5283C5.32567 13.4111 5.39764 13.3046 5.48759 13.2144L8.63157 10.0459L5.29289 6.70711C4.90237 6.31658 4.90237 5.68342 5.29289 5.29289C5.68342 4.90237 6.31658 4.90237 6.70711 5.29289L18.4995 17.0858ZM10.0461 11.4606L7.60891 13.9232L10.1947 16.515L12.6349 14.0494L10.0461 11.4606ZM8.44317 17.5945L6.53201 15.6788L5.00607 19.0312L8.44317 17.5945Z"
488
+ ],
485
489
  "email": [
486
490
  "M2 7a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V7Zm16.667 0H5.333L12 14l6.667-7ZM4 8.517V19h16V8.517l-6.545 6.94a2 2 0 0 1-2.91 0L4 8.517Z"
487
491
  ],
@@ -1234,6 +1238,8 @@ var tokens_web = {
1234
1238
  "color-payments--surface": "hsl(207, 87%, 94%)",
1235
1239
  "color-payments--onSurface": "hsl(206, 61%, 23%)",
1236
1240
  "color-client": "hsl(48, 3%, 34%)",
1241
+ "color-client--surface": "hsl(53, 21%, 93%)",
1242
+ "color-client--onSurface": "hsl(40, 3%, 23%)",
1237
1243
  "radius-base": 8,
1238
1244
  "radius-small": 4,
1239
1245
  "radius-large": 16,
@@ -1581,6 +1587,8 @@ var tokens_android = {
1581
1587
  "color-payments--surface": "hsl(207, 87%, 94%)",
1582
1588
  "color-payments--onSurface": "hsl(206, 61%, 23%)",
1583
1589
  "color-client": "hsl(48, 3%, 34%)",
1590
+ "color-client--surface": "hsl(53, 21%, 93%)",
1591
+ "color-client--onSurface": "hsl(40, 3%, 23%)",
1584
1592
  "radius-base": 8,
1585
1593
  "radius-small": 4,
1586
1594
  "radius-large": 16,
@@ -1956,6 +1964,8 @@ var tokens_ios = {
1956
1964
  "color-payments--surface": "hsl(207, 87%, 94%)",
1957
1965
  "color-payments--onSurface": "hsl(206, 61%, 23%)",
1958
1966
  "color-client": "hsl(48, 3%, 34%)",
1967
+ "color-client--surface": "hsl(53, 21%, 93%)",
1968
+ "color-client--onSurface": "hsl(40, 3%, 23%)",
1959
1969
  "radius-base": 8,
1960
1970
  "radius-small": 4,
1961
1971
  "radius-large": 16,
@@ -2150,6 +2160,8 @@ var allColors = {
2150
2160
  "color-payments--surface": "hsl(207, 87%, 94%)",
2151
2161
  "color-payments--onSurface": "hsl(206, 61%, 23%)",
2152
2162
  "color-client": "hsl(48, 3%, 34%)",
2163
+ "color-client--surface": "hsl(53, 21%, 93%)",
2164
+ "color-client--onSurface": "hsl(40, 3%, 23%)",
2153
2165
  "color-interactive": "hsl(107, 58%, 33%)",
2154
2166
  "color-interactive--hover": "hsl(107, 65%, 24%)",
2155
2167
  "color-interactive--subtle": "hsl(198, 35%, 21%)",
@@ -2531,6 +2543,8 @@ var tokens_dark = {
2531
2543
  "color-payments--surface": "{color.base.lightBlue-.800}",
2532
2544
  "color-payments--onSurface": "{color.base.lightBlue-.300}",
2533
2545
  "color-client": "hsl(195, 12%, 94%)",
2546
+ "color-client--surface": "hsl(197, 18%, 25%)",
2547
+ "color-client--onSurface": "hsl(200, 13%, 87%)",
2534
2548
  "shadow-low": "0px var(--space-minuscule) var(--space-smallest) rgba(0, 0, 0, 0.15), 0px 0px var(--space-smallest) rgba(0, 0, 0, 0.25)",
2535
2549
  "shadow-base": "0px var(--space-minuscule) var(--space-smaller) 0px rgba(0, 0, 0, 0.1), 0px var(--space-smaller) 12px 0px rgba(0, 0, 0, 0.2)",
2536
2550
  "shadow-high": "0px var(--space-base) var(--space-base) 0px rgba(0, 0, 0, 0.075), 0px 0px var(--space-small) 0px rgba(0, 0, 0, 0.175)",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/design",
3
- "version": "0.77.0",
3
+ "version": "0.79.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
  "rollup": "^4.13.0",
71
71
  "tsx": "^4.16.2"
72
72
  },
73
- "gitHead": "05db3b5ad8b81f3955cf9e2f1a205b06dc1155fb"
73
+ "gitHead": "363219dd7af87420b0c19822230446cbcfb5c067"
74
74
  }