@jobber/design 0.63.0 → 0.64.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 (42) hide show
  1. package/README.md +29 -15
  2. package/dist/{icons/iconMap.d.ts → assets/icon.map.d.ts} +166 -165
  3. package/{foundation.native.d.ts → dist/assets/tokens.all.colors.d.ts} +55 -143
  4. package/{foundation.android.d.ts → dist/assets/tokens.android.d.ts} +175 -175
  5. package/dist/assets/tokens.color.d.ts +80 -0
  6. package/dist/assets/tokens.dark.d.ts +79 -0
  7. package/{foundation.ios.d.ts → dist/assets/tokens.ios.d.ts} +175 -175
  8. package/dist/assets/tokens.semantic.d.ts +46 -0
  9. package/{foundation.d.ts → dist/assets/tokens.web.d.ts} +178 -171
  10. package/dist/color.css +79 -0
  11. package/dist/colors.cjs +79 -0
  12. package/dist/colors.mjs +79 -0
  13. package/dist/dark.mode.css +115 -0
  14. package/dist/dark.theme.css +78 -0
  15. package/dist/foundation.css +369 -0
  16. package/dist/icon.map.js +562 -0
  17. package/dist/iconStyles/iconColors.d.ts +148 -0
  18. package/dist/iconStyles/iconSizes.d.ts +16 -0
  19. package/dist/iconStyles/iconStyles.mobile.d.ts +1 -0
  20. package/dist/iconStyles/iconStyles.web.d.ts +2 -0
  21. package/dist/index.cjs +2462 -0
  22. package/dist/index.d.ts +50 -3
  23. package/dist/index.mjs +2447 -0
  24. package/dist/semantic.css +45 -0
  25. package/package.json +60 -41
  26. package/rollup.config.mjs +19 -0
  27. package/dist/icons/Icon.css.d.ts +0 -40
  28. package/dist/icons/IconColors.css.d.ts +0 -52
  29. package/dist/icons/Sizes.css.d.ts +0 -7
  30. package/dist/icons/getIcon.d.ts +0 -31
  31. package/dist/icons/getIcon.test.d.ts +0 -1
  32. package/dist/icons/iconStyles.d.ts +0 -278
  33. package/dist/index.js +0 -1305
  34. package/foundation.android.js +0 -352
  35. package/foundation.css +0 -440
  36. package/foundation.ios.js +0 -352
  37. package/foundation.js +0 -317
  38. package/foundation.native.js +0 -352
  39. package/foundation.scss +0 -319
  40. package/icons/Icon.css +0 -125
  41. package/icons/IconColors.css +0 -193
  42. package/icons/Sizes.css +0 -16
@@ -1,352 +0,0 @@
1
- /* tslint:disable */
2
- /* eslint-disable */
3
- /* This file is automatically generated and should not be edited. */
4
- export const tokens = {
5
- "border-base": 1,
6
- "border-thick": 2,
7
- "border-thicker": 4,
8
- "border-thickest": 8,
9
- "color-interactive": "hsl(107, 58%, 33%)",
10
- "color-interactive--hover": "hsl(107, 65%, 24%)",
11
- "color-destructive": "hsl(6, 64%, 51%)",
12
- "color-destructive--hover": "hsl(6, 100%, 35%)",
13
- "color-interactive--subtle": "hsl(198, 35%, 21%)",
14
- "color-interactive--subtle--hover": "hsl(197, 90%, 12%)",
15
- "color-disabled": "hsl(0, 0%, 72%)",
16
- "color-disabled--secondary": "hsl(0, 0%, 93%)",
17
- "color-focus": "hsl(198, 12%, 57%)",
18
- "color-critical": "hsl(6, 64%, 51%)",
19
- "color-critical--surface": "hsl(7, 63%, 95%)",
20
- "color-critical--onSurface": "hsl(6, 100%, 24%)",
21
- "color-warning": "hsl(51, 64%, 49%)",
22
- "color-warning--surface": "hsl(52, 64%, 89%)",
23
- "color-warning--onSurface": "hsl(51, 64%, 24%)",
24
- "color-success": "hsl(107, 58%, 33%)",
25
- "color-success--surface": "hsl(109, 28%, 92%)",
26
- "color-success--onSurface": "hsl(107, 64%, 16%)",
27
- "color-informative": "hsl(207, 79%, 57%)",
28
- "color-informative--surface": "hsl(207, 87%, 94%)",
29
- "color-informative--onSurface": "hsl(207, 61%, 34%)",
30
- "color-inactive": "hsl(198, 25%, 33%)",
31
- "color-inactive--surface": "hsl(195, 12%, 94%)",
32
- "color-inactive--onSurface": "hsl(197, 90%, 12%)",
33
- "color-heading": "hsl(197, 90%, 12%)",
34
- "color-text": "hsl(198, 35%, 21%)",
35
- "color-text--secondary": "hsl(197, 15%, 45%)",
36
- "color-text--reverse": "rgba(255, 255, 255, 1)",
37
- "color-text--reverse--secondary": "hsl(200, 13%, 87%)",
38
- "color-icon": "hsl(198, 35%, 21%)",
39
- "color-surface": "rgba(255, 255, 255, 1)",
40
- "color-surface--hover": "hsl(53, 21%, 93%)",
41
- "color-surface--background": "hsl(53, 21%, 93%)",
42
- "color-surface--background--hover": "hsl(51, 17%, 85%)",
43
- "color-surface--background--subtle": "hsl(45, 20%, 97%)",
44
- "color-surface--background--subtle--hover": "hsl(51, 17%, 85%)",
45
- "color-surface--reverse": "hsl(197, 90%, 12%)",
46
- "color-surface--active": "hsl(51, 17%, 85%)",
47
- "color-border": "hsl(200, 13%, 87%)",
48
- "color-border--interactive": "hsl(200, 13%, 87%)",
49
- "color-border--section": "hsl(197, 90%, 12%)",
50
- "color-overlay": "rgba(0, 0, 0, 0.32)",
51
- "color-overlay--dimmed": "rgba(255, 255, 255, 0.6)",
52
- "color-brand": "hsl(79, 85%, 34%)",
53
- "color-brand--highlight": "hsl(86, 100%, 46%)",
54
- "color-request": "hsl(33, 71%, 38%)",
55
- "color-request--surface": "hsl(34, 76%, 92%)",
56
- "color-request--onSurface": "hsl(33, 72%, 20%)",
57
- "color-quote": "hsl(348, 40%, 41%)",
58
- "color-quote--surface": "hsl(347, 33%, 95%)",
59
- "color-quote--onSurface": "hsl(348, 40%, 27%)",
60
- "color-job": "hsl(107, 58%, 33%)",
61
- "color-job--surface": "hsl(109, 28%, 92%)",
62
- "color-job--onSurface": "hsl(107, 65%, 24%)",
63
- "color-task": "hsl(206, 61%, 23%)",
64
- "color-task--surface": "hsl(195, 12%, 94%)",
65
- "color-task--onSurface": "hsl(198, 35%, 21%)",
66
- "color-invoice": "hsl(207, 61%, 34%)",
67
- "color-invoice--surface": "hsl(207, 87%, 94%)",
68
- "color-invoice--onSurface": "hsl(206, 61%, 23%)",
69
- "color-visit": "hsl(107, 58%, 33%)",
70
- "color-visit--surface": "hsl(109, 28%, 92%)",
71
- "color-visit--onSurface": "hsl(107, 65%, 24%)",
72
- "color-event": "hsl(51, 64%, 49%)",
73
- "color-event--surface": "hsl(52, 64%, 89%)",
74
- "color-event--onSurface": "hsl(51, 64%, 24%)",
75
- "color-payments": "hsl(207, 61%, 34%)",
76
- "color-payments--surface": "hsl(207, 87%, 94%)",
77
- "color-payments--onSurface": "hsl(207, 87%, 94%)",
78
- "color-client": "hsl(48, 3%, 34%)",
79
- "color-blue": "hsl(197, 90%, 12%)",
80
- "color-blue--light": "hsl(198, 25%, 33%)",
81
- "color-blue--lighter": "hsl(198, 12%, 57%)",
82
- "color-blue--lightest": "hsl(200, 13%, 87%)",
83
- "color-blue--dark": "hsl(198, 96%, 9%)",
84
- "color-taupe": "hsl(53, 21%, 93%)",
85
- "color-taupe--light": "hsl(45, 20%, 97%)",
86
- "color-taupe--dark": "hsl(51, 17%, 85%)",
87
- "color-green": "hsl(107, 58%, 33%)",
88
- "color-green--light": "hsl(107, 30%, 49%)",
89
- "color-green--lighter": "hsl(107, 29%, 65%)",
90
- "color-green--lightest": "hsl(109, 28%, 92%)",
91
- "color-green--dark": "hsl(107, 64%, 16%)",
92
- "color-lime": "hsl(79, 85%, 34%)",
93
- "color-lime--light": "hsl(79, 51%, 51%)",
94
- "color-lime--lighter": "hsl(79, 51%, 78%)",
95
- "color-lime--lightest": "hsl(79, 49%, 90%)",
96
- "color-lime--dark": "hsl(79, 85%, 21%)",
97
- "color-yellowGreen": "hsl(79, 85%, 34%)",
98
- "color-yellowGreen--light": "hsl(79, 51%, 51%)",
99
- "color-yellowGreen--lighter": "hsl(79, 51%, 78%)",
100
- "color-yellowGreen--lightest": "hsl(79, 49%, 90%)",
101
- "color-yellowGreen--dark": "hsl(79, 86%, 27%)",
102
- "color-yellow": "hsl(51, 64%, 49%)",
103
- "color-yellow--light": "hsl(51, 64%, 77%)",
104
- "color-yellow--lighter": "hsl(52, 64%, 89%)",
105
- "color-yellow--lightest": "hsl(49, 67%, 95%)",
106
- "color-yellow--dark": "hsl(51, 64%, 32%)",
107
- "color-red": "hsl(6, 64%, 51%)",
108
- "color-red--light": "hsl(6, 64%, 76%)",
109
- "color-red--lighter": "hsl(5, 65%, 90%)",
110
- "color-red--lightest": "hsl(7, 63%, 95%)",
111
- "color-red--dark": "hsl(6, 100%, 24%)",
112
- "color-grey": "hsl(0, 0%, 72%)",
113
- "color-grey--light": "hsl(0, 0%, 87%)",
114
- "color-grey--lighter": "hsl(0, 0%, 93%)",
115
- "color-grey--lightest": "hsl(0, 0%, 97%)",
116
- "color-grey--dark": "hsl(0, 0%, 47%)",
117
- "color-greyBlue--rgb": "101, 120, 132",
118
- "color-greyBlue": "hsl(197, 15%, 45%)",
119
- "color-greyBlue--light": "hsl(198, 12%, 57%)",
120
- "color-greyBlue--lighter": "hsl(196, 12%, 70%)",
121
- "color-greyBlue--lightest": "hsl(195, 12%, 94%)",
122
- "color-greyBlue--dark": "hsl(198, 35%, 21%)",
123
- "color-lightBlue": "hsl(207, 79%, 57%)",
124
- "color-lightBlue--light": "hsl(207, 89%, 71%)",
125
- "color-lightBlue--lighter": "hsl(206, 91%, 87%)",
126
- "color-lightBlue--lightest": "hsl(207, 87%, 94%)",
127
- "color-lightBlue--dark": "hsl(207, 61%, 45%)",
128
- "color-purple": "hsl(348, 40%, 27%)",
129
- "color-purple--light": "rgb(172, 155, 214)",
130
- "color-purple--lighter": "rgb(207, 198, 231)",
131
- "color-purple--lightest": "rgb(237, 234, 246)",
132
- "color-purple--dark": "hsl(347, 41%, 18%)",
133
- "color-pink": "hsl(348, 34%, 53%)",
134
- "color-pink--light": "hsl(349, 34%, 64%)",
135
- "color-pink--lighter": "hsl(349, 34%, 75%)",
136
- "color-pink--lightest": "hsl(347, 33%, 95%)",
137
- "color-pink--dark": "hsl(348, 40%, 27%)",
138
- "color-teal": "rgb(62, 173, 146)",
139
- "color-teal--light": "rgb(120, 198, 179)",
140
- "color-teal--lighter": "rgb(178, 222, 211)",
141
- "color-teal--lightest": "rgb(226, 243, 239)",
142
- "color-teal--dark": "rgb(40, 112, 95)",
143
- "color-orange": "hsl(33, 71%, 48%)",
144
- "color-orange--light": "hsl(33, 77%, 63%)",
145
- "color-orange--lighter": "hsl(32, 78%, 84%)",
146
- "color-orange--lightest": "hsl(34, 76%, 92%)",
147
- "color-orange--dark": "hsl(33, 71%, 38%)",
148
- "color-brown": "hsl(33, 71%, 29%)",
149
- "color-brown--light": "hsl(33, 71%, 38%)",
150
- "color-brown--lighter": "hsl(51, 17%, 85%)",
151
- "color-brown--dark": "hsl(33, 72%, 20%)",
152
- "color-navy": "hsl(207, 61%, 34%)",
153
- "color-navy--light": "hsl(207, 61%, 45%)",
154
- "color-navy--lighter": "hsl(200, 13%, 87%)",
155
- "color-navy--lightest": "hsl(195, 12%, 94%)",
156
- "color-navy--dark": "hsl(206, 61%, 23%)",
157
- "color-indigo": "rgb(85, 106, 203)",
158
- "color-indigo--light": "rgb(136, 151, 219)",
159
- "color-indigo--lighter": "rgb(187, 195, 234)",
160
- "color-indigo--lightest": "rgb(230, 233, 247)",
161
- "color-indigo--dark": "rgb(55, 69, 132)",
162
- "color-white--rgb": "255, 255, 255",
163
- "color-white": "rgba(255, 255, 255, 1)",
164
- "color-base-white": "rgba(255, 255, 255, 1)",
165
- "color-base-grey--100": "hsl(0, 0%, 97%)",
166
- "color-base-grey--200": "hsl(0, 0%, 93%)",
167
- "color-base-grey--300": "hsl(0, 0%, 87%)",
168
- "color-base-grey--400": "hsl(0, 0%, 72%)",
169
- "color-base-grey--500": "hsl(0, 0%, 58%)",
170
- "color-base-grey--600": "hsl(0, 0%, 47%)",
171
- "color-base-grey--700": "hsl(0, 0%, 35%)",
172
- "color-base-grey--800": "hsl(0, 0%, 24%)",
173
- "color-base-grey--900": "hsl(0, 0%, 15%)",
174
- "color-base-grey--1000": "hsl(0, 0%, 11%)",
175
- "color-black--rgb": "0, 0, 0",
176
- "color-black": "rgba(0, 0, 0, 1)",
177
- "color-base-black": "rgba(0, 0, 0, 1)",
178
- "color-base-taupe--100": "hsl(45, 20%, 97%)",
179
- "color-base-taupe--200": "hsl(53, 21%, 93%)",
180
- "color-base-taupe--300": "hsl(51, 17%, 85%)",
181
- "color-base-taupe--400": "hsl(49, 7%, 70%)",
182
- "color-base-taupe--500": "hsl(47, 4%, 57%)",
183
- "color-base-taupe--600": "hsl(43, 3%, 46%)",
184
- "color-base-taupe--700": "hsl(48, 3%, 34%)",
185
- "color-base-taupe--800": "hsl(40, 3%, 23%)",
186
- "color-base-taupe--900": "hsl(30, 3%, 15%)",
187
- "color-base-taupe--1000": "hsl(30, 4%, 11%)",
188
- "color-base-red--100": "hsl(10, 60%, 98%)",
189
- "color-base-red--200": "hsl(7, 63%, 95%)",
190
- "color-base-red--300": "hsl(5, 65%, 90%)",
191
- "color-base-red--400": "hsl(6, 64%, 76%)",
192
- "color-base-red--500": "hsl(6, 64%, 65%)",
193
- "color-base-red--600": "hsl(6, 64%, 51%)",
194
- "color-base-red--700": "hsl(6, 100%, 35%)",
195
- "color-base-red--800": "hsl(6, 100%, 24%)",
196
- "color-base-red--900": "hsl(6, 100%, 16%)",
197
- "color-base-red--1000": "hsl(6, 100%, 12%)",
198
- "color-base-green--100": "hsl(108, 29%, 97%)",
199
- "color-base-green--200": "hsl(109, 28%, 92%)",
200
- "color-base-green--300": "hsl(106, 28%, 85%)",
201
- "color-base-green--400": "hsl(107, 29%, 65%)",
202
- "color-base-green--500": "hsl(107, 30%, 49%)",
203
- "color-base-green--600": "hsl(107, 58%, 33%)",
204
- "color-base-green--700": "hsl(107, 65%, 24%)",
205
- "color-base-green--800": "hsl(107, 64%, 16%)",
206
- "color-base-green--900": "hsl(108, 63%, 11%)",
207
- "color-base-green--1000": "hsl(108, 64%, 8%)",
208
- "color-base-blue--100": "hsl(210, 17%, 98%)",
209
- "color-base-blue--200": "hsl(195, 12%, 94%)",
210
- "color-base-blue--300": "hsl(200, 13%, 87%)",
211
- "color-base-blue--400": "hsl(196, 12%, 70%)",
212
- "color-base-blue--500": "hsl(198, 12%, 57%)",
213
- "color-base-blue--600": "hsl(197, 15%, 45%)",
214
- "color-base-blue--700": "hsl(198, 25%, 33%)",
215
- "color-base-blue--800": "hsl(198, 35%, 21%)",
216
- "color-base-blue--900": "hsl(197, 90%, 12%)",
217
- "color-base-blue--1000": "hsl(198, 96%, 9%)",
218
- "color-base-yellow--100": "hsl(49, 67%, 95%)",
219
- "color-base-yellow--200": "hsl(52, 64%, 89%)",
220
- "color-base-yellow--300": "hsl(51, 64%, 77%)",
221
- "color-base-yellow--400": "hsl(51, 64%, 49%)",
222
- "color-base-yellow--500": "hsl(51, 64%, 40%)",
223
- "color-base-yellow--600": "hsl(51, 64%, 32%)",
224
- "color-base-yellow--700": "hsl(51, 64%, 24%)",
225
- "color-base-yellow--800": "hsl(51, 64%, 16%)",
226
- "color-base-yellow--900": "hsl(51, 63%, 11%)",
227
- "color-base-yellow--1000": "hsl(50, 64%, 8%)",
228
- "color-base-lime--100": "hsl(80, 53%, 97%)",
229
- "color-base-lime--200": "hsl(79, 49%, 90%)",
230
- "color-base-lime--300": "hsl(79, 51%, 78%)",
231
- "color-base-lime--400": "hsl(79, 51%, 51%)",
232
- "color-base-lime--500": "hsl(79, 85%, 34%)",
233
- "color-base-lime--600": "hsl(79, 86%, 27%)",
234
- "color-base-lime--700": "hsl(79, 85%, 21%)",
235
- "color-base-lime--800": "hsl(79, 86%, 14%)",
236
- "color-base-lime--900": "hsl(78, 87%, 9%)",
237
- "color-base-lime--1000": "hsl(79, 82%, 7%)",
238
- "color-base-lightBlue--100": "hsl(205, 86%, 97%)",
239
- "color-base-lightBlue--200": "hsl(207, 87%, 94%)",
240
- "color-base-lightBlue--300": "hsl(206, 91%, 87%)",
241
- "color-base-lightBlue--400": "hsl(207, 89%, 71%)",
242
- "color-base-lightBlue--500": "hsl(207, 79%, 57%)",
243
- "color-base-lightBlue--600": "hsl(207, 61%, 45%)",
244
- "color-base-lightBlue--700": "hsl(207, 61%, 34%)",
245
- "color-base-lightBlue--800": "hsl(206, 61%, 23%)",
246
- "color-base-lightBlue--900": "hsl(207, 61%, 15%)",
247
- "color-base-lightBlue--1000": "hsl(207, 60%, 11%)",
248
- "color-base-pink--100": "hsl(345, 40%, 98%)",
249
- "color-base-pink--200": "hsl(347, 33%, 95%)",
250
- "color-base-pink--300": "hsl(348, 36%, 89%)",
251
- "color-base-pink--400": "hsl(349, 34%, 75%)",
252
- "color-base-pink--500": "hsl(349, 34%, 64%)",
253
- "color-base-pink--600": "hsl(348, 34%, 53%)",
254
- "color-base-pink--700": "hsl(348, 40%, 41%)",
255
- "color-base-pink--800": "hsl(348, 40%, 27%)",
256
- "color-base-pink--900": "hsl(347, 41%, 18%)",
257
- "color-base-pink--1000": "hsl(349, 40%, 13%)",
258
- "color-base-orange--100": "hsl(36, 71%, 97%)",
259
- "color-base-orange--200": "hsl(34, 76%, 92%)",
260
- "color-base-orange--300": "hsl(32, 78%, 84%)",
261
- "color-base-orange--400": "hsl(33, 77%, 63%)",
262
- "color-base-orange--500": "hsl(33, 71%, 48%)",
263
- "color-base-orange--600": "hsl(33, 71%, 38%)",
264
- "color-base-orange--700": "hsl(33, 71%, 29%)",
265
- "color-base-orange--800": "hsl(33, 72%, 20%)",
266
- "color-base-orange--900": "hsl(33, 72%, 13%)",
267
- "color-base-orange--1000": "hsl(33, 70%, 9%)",
268
- "radius-small": 4,
269
- "radius-base": 8,
270
- "radius-large": 16,
271
- "radius-larger": 24,
272
- "radius-circle": 100,
273
- "base-unit": 16,
274
- "space-minuscule": 1,
275
- "space-smallest": 2,
276
- "space-smaller": 4,
277
- "space-small": 8,
278
- "space-base": 16,
279
- "space-large": 24,
280
- "space-larger": 32,
281
- "space-largest": 48,
282
- "space-extravagant": 64,
283
- "shadow-low": {
284
- "shadowColor": "rgba(0, 0, 0, 1)",
285
- "shadowOffset": {
286
- "width": 0,
287
- "height": 1
288
- },
289
- "shadowOpacity": 0.2,
290
- "shadowRadius": 1,
291
- "elevation": 2
292
- },
293
- "shadow-base": {
294
- "shadowColor": "rgba(0,0,0,0.9)",
295
- "shadowOffset": {
296
- "width": 0,
297
- "height": 1
298
- },
299
- "shadowOpacity": 0.16,
300
- "shadowRadius": 4,
301
- "elevation": 6
302
- },
303
- "shadow-high": {
304
- "shadowColor": "rgba(0,0,0,0.5)",
305
- "shadowOffset": {
306
- "width": 0,
307
- "height": 8
308
- },
309
- "shadowOpacity": 0.125,
310
- "shadowRadius": 16,
311
- "elevation": 12
312
- },
313
- "timing-quick": 100,
314
- "timing-base": 200,
315
- "timing-slow": 300,
316
- "timing-slower": 400,
317
- "timing-slowest": 500,
318
- "timing-loading": 1000,
319
- "timing-loading--extended": 2000,
320
- "opacity-overlay": 0.8,
321
- "opacity-pressed": 0.6,
322
- "elevation-default": 0,
323
- "elevation-base": 1,
324
- "elevation-menu": 6,
325
- "elevation-datepicker": 6,
326
- "elevation-modal": 1001,
327
- "elevation-tooltip": 1002,
328
- "elevation-toast": 1003,
329
- "typography--letterSpacing-base": 0,
330
- "typography--letterSpacing-loose": 0.4,
331
- "typography--fontFamily-normal": "\"Inter\", Helvetica, Arial, sans-serif",
332
- "typography--fontFamily-display": "\"Jobber Pro\", \"Poppins\", Helvetica, Arial, sans-serif",
333
- "typography--fontSize-extravagant": 42,
334
- "typography--fontSize-jumbo": 32,
335
- "typography--fontSize-largest": 24,
336
- "typography--fontSize-larger": 20,
337
- "typography--fontSize-large": 18,
338
- "typography--fontSize-base": 16,
339
- "typography--fontSize-small": 14,
340
- "typography--fontSize-smaller": 12,
341
- "typography--lineHeight-large": 22,
342
- "typography--lineHeight-base": 20,
343
- "typography--lineHeight-tight": 18,
344
- "typography--lineHeight-tighter": 16,
345
- "typography--lineHeight-tightest": 14,
346
- "typography--lineHeight-miniscule": 10,
347
- "typography--lineHeight-extravagant": 42,
348
- "typography--lineHeight-jumbo": 36,
349
- "typography--lineHeight-largest": 28,
350
- "typography--lineHeight-larger": 24,
351
- "typography--fontSize-smallest": 10
352
- }