@jobber/design 0.57.3 → 0.59.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 (12) hide show
  1. package/dist/index.js +308 -188
  2. package/foundation.android.d.ts +124 -4
  3. package/foundation.android.js +237 -117
  4. package/foundation.css +264 -125
  5. package/foundation.d.ts +124 -4
  6. package/foundation.ios.d.ts +124 -4
  7. package/foundation.ios.js +237 -117
  8. package/foundation.js +237 -117
  9. package/foundation.native.d.ts +124 -4
  10. package/foundation.native.js +237 -117
  11. package/foundation.scss +239 -118
  12. package/package.json +2 -2
package/foundation.d.ts CHANGED
@@ -38,24 +38,43 @@ export const tokens: {
38
38
  "color-icon": string;
39
39
  "color-surface": string;
40
40
  "color-surface--hover": string;
41
- "color-surface--active": string;
42
41
  "color-surface--background": string;
43
42
  "color-surface--background--hover": string;
43
+ "color-surface--background--subtle": string;
44
+ "color-surface--background--subtle--hover": string;
44
45
  "color-surface--reverse": string;
46
+ "color-surface--active": string;
45
47
  "color-border": string;
48
+ "color-border--interactive": string;
46
49
  "color-border--section": string;
47
50
  "color-overlay": string;
48
51
  "color-overlay--dimmed": string;
49
52
  "color-brand": string;
50
53
  "color-brand--highlight": string;
51
54
  "color-request": string;
55
+ "color-request--surface": string;
56
+ "color-request--onSurface": string;
52
57
  "color-quote": string;
58
+ "color-quote--surface": string;
59
+ "color-quote--onSurface": string;
53
60
  "color-job": string;
54
- "color-visit": string;
61
+ "color-job--surface": string;
62
+ "color-job--onSurface": string;
55
63
  "color-task": string;
56
- "color-event": string;
64
+ "color-task--surface": string;
65
+ "color-task--onSurface": string;
57
66
  "color-invoice": string;
67
+ "color-invoice--surface": string;
68
+ "color-invoice--onSurface": string;
69
+ "color-visit": string;
70
+ "color-visit--surface": string;
71
+ "color-visit--onSurface": string;
72
+ "color-event": string;
73
+ "color-event--surface": string;
74
+ "color-event--onSurface": string;
58
75
  "color-payments": string;
76
+ "color-payments--surface": string;
77
+ "color-payments--onSurface": string;
59
78
  "color-client": string;
60
79
  "color-blue": string;
61
80
  "color-blue--light": string;
@@ -129,7 +148,6 @@ export const tokens: {
129
148
  "color-brown": string;
130
149
  "color-brown--light": string;
131
150
  "color-brown--lighter": string;
132
- "color-brown--lightest": string;
133
151
  "color-brown--dark": string;
134
152
  "color-navy": string;
135
153
  "color-navy--light": string;
@@ -143,8 +161,110 @@ export const tokens: {
143
161
  "color-indigo--dark": string;
144
162
  "color-white--rgb": string;
145
163
  "color-white": string;
164
+ "color-base-white": string;
165
+ "color-base-grey--100": string;
166
+ "color-base-grey--200": string;
167
+ "color-base-grey--300": string;
168
+ "color-base-grey--400": string;
169
+ "color-base-grey--500": string;
170
+ "color-base-grey--600": string;
171
+ "color-base-grey--700": string;
172
+ "color-base-grey--800": string;
173
+ "color-base-grey--900": string;
174
+ "color-base-grey--1000": string;
146
175
  "color-black--rgb": string;
147
176
  "color-black": string;
177
+ "color-base-black": string;
178
+ "color-base-taupe--100": string;
179
+ "color-base-taupe--200": string;
180
+ "color-base-taupe--300": string;
181
+ "color-base-taupe--400": string;
182
+ "color-base-taupe--500": string;
183
+ "color-base-taupe--600": string;
184
+ "color-base-taupe--700": string;
185
+ "color-base-taupe--800": string;
186
+ "color-base-taupe--900": string;
187
+ "color-base-taupe--1000": string;
188
+ "color-base-red--100": string;
189
+ "color-base-red--200": string;
190
+ "color-base-red--300": string;
191
+ "color-base-red--400": string;
192
+ "color-base-red--500": string;
193
+ "color-base-red--600": string;
194
+ "color-base-red--700": string;
195
+ "color-base-red--800": string;
196
+ "color-base-red--900": string;
197
+ "color-base-red--1000": string;
198
+ "color-base-green--100": string;
199
+ "color-base-green--200": string;
200
+ "color-base-green--300": string;
201
+ "color-base-green--400": string;
202
+ "color-base-green--500": string;
203
+ "color-base-green--600": string;
204
+ "color-base-green--700": string;
205
+ "color-base-green--800": string;
206
+ "color-base-green--900": string;
207
+ "color-base-green--1000": string;
208
+ "color-base-blue--100": string;
209
+ "color-base-blue--200": string;
210
+ "color-base-blue--300": string;
211
+ "color-base-blue--400": string;
212
+ "color-base-blue--500": string;
213
+ "color-base-blue--600": string;
214
+ "color-base-blue--700": string;
215
+ "color-base-blue--800": string;
216
+ "color-base-blue--900": string;
217
+ "color-base-blue--1000": string;
218
+ "color-base-yellow--100": string;
219
+ "color-base-yellow--200": string;
220
+ "color-base-yellow--300": string;
221
+ "color-base-yellow--400": string;
222
+ "color-base-yellow--500": string;
223
+ "color-base-yellow--600": string;
224
+ "color-base-yellow--700": string;
225
+ "color-base-yellow--800": string;
226
+ "color-base-yellow--900": string;
227
+ "color-base-yellow--1000": string;
228
+ "color-base-lime--100": string;
229
+ "color-base-lime--200": string;
230
+ "color-base-lime--300": string;
231
+ "color-base-lime--400": string;
232
+ "color-base-lime--500": string;
233
+ "color-base-lime--600": string;
234
+ "color-base-lime--700": string;
235
+ "color-base-lime--800": string;
236
+ "color-base-lime--900": string;
237
+ "color-base-lime--1000": string;
238
+ "color-base-lightBlue--100": string;
239
+ "color-base-lightBlue--200": string;
240
+ "color-base-lightBlue--300": string;
241
+ "color-base-lightBlue--400": string;
242
+ "color-base-lightBlue--500": string;
243
+ "color-base-lightBlue--600": string;
244
+ "color-base-lightBlue--700": string;
245
+ "color-base-lightBlue--800": string;
246
+ "color-base-lightBlue--900": string;
247
+ "color-base-lightBlue--1000": string;
248
+ "color-base-pink--100": string;
249
+ "color-base-pink--200": string;
250
+ "color-base-pink--300": string;
251
+ "color-base-pink--400": string;
252
+ "color-base-pink--500": string;
253
+ "color-base-pink--600": string;
254
+ "color-base-pink--700": string;
255
+ "color-base-pink--800": string;
256
+ "color-base-pink--900": string;
257
+ "color-base-pink--1000": string;
258
+ "color-base-orange--100": string;
259
+ "color-base-orange--200": string;
260
+ "color-base-orange--300": string;
261
+ "color-base-orange--400": string;
262
+ "color-base-orange--500": string;
263
+ "color-base-orange--600": string;
264
+ "color-base-orange--700": string;
265
+ "color-base-orange--800": string;
266
+ "color-base-orange--900": string;
267
+ "color-base-orange--1000": string;
148
268
  "radius-small": number;
149
269
  "radius-base": number;
150
270
  "radius-large": number;
package/foundation.ios.d.ts CHANGED
@@ -38,24 +38,43 @@ export const tokens: {
38
38
  "color-icon": string;
39
39
  "color-surface": string;
40
40
  "color-surface--hover": string;
41
- "color-surface--active": string;
42
41
  "color-surface--background": string;
43
42
  "color-surface--background--hover": string;
43
+ "color-surface--background--subtle": string;
44
+ "color-surface--background--subtle--hover": string;
44
45
  "color-surface--reverse": string;
46
+ "color-surface--active": string;
45
47
  "color-border": string;
48
+ "color-border--interactive": string;
46
49
  "color-border--section": string;
47
50
  "color-overlay": string;
48
51
  "color-overlay--dimmed": string;
49
52
  "color-brand": string;
50
53
  "color-brand--highlight": string;
51
54
  "color-request": string;
55
+ "color-request--surface": string;
56
+ "color-request--onSurface": string;
52
57
  "color-quote": string;
58
+ "color-quote--surface": string;
59
+ "color-quote--onSurface": string;
53
60
  "color-job": string;
54
- "color-visit": string;
61
+ "color-job--surface": string;
62
+ "color-job--onSurface": string;
55
63
  "color-task": string;
56
- "color-event": string;
64
+ "color-task--surface": string;
65
+ "color-task--onSurface": string;
57
66
  "color-invoice": string;
67
+ "color-invoice--surface": string;
68
+ "color-invoice--onSurface": string;
69
+ "color-visit": string;
70
+ "color-visit--surface": string;
71
+ "color-visit--onSurface": string;
72
+ "color-event": string;
73
+ "color-event--surface": string;
74
+ "color-event--onSurface": string;
58
75
  "color-payments": string;
76
+ "color-payments--surface": string;
77
+ "color-payments--onSurface": string;
59
78
  "color-client": string;
60
79
  "color-blue": string;
61
80
  "color-blue--light": string;
@@ -129,7 +148,6 @@ export const tokens: {
129
148
  "color-brown": string;
130
149
  "color-brown--light": string;
131
150
  "color-brown--lighter": string;
132
- "color-brown--lightest": string;
133
151
  "color-brown--dark": string;
134
152
  "color-navy": string;
135
153
  "color-navy--light": string;
@@ -143,8 +161,110 @@ export const tokens: {
143
161
  "color-indigo--dark": string;
144
162
  "color-white--rgb": string;
145
163
  "color-white": string;
164
+ "color-base-white": string;
165
+ "color-base-grey--100": string;
166
+ "color-base-grey--200": string;
167
+ "color-base-grey--300": string;
168
+ "color-base-grey--400": string;
169
+ "color-base-grey--500": string;
170
+ "color-base-grey--600": string;
171
+ "color-base-grey--700": string;
172
+ "color-base-grey--800": string;
173
+ "color-base-grey--900": string;
174
+ "color-base-grey--1000": string;
146
175
  "color-black--rgb": string;
147
176
  "color-black": string;
177
+ "color-base-black": string;
178
+ "color-base-taupe--100": string;
179
+ "color-base-taupe--200": string;
180
+ "color-base-taupe--300": string;
181
+ "color-base-taupe--400": string;
182
+ "color-base-taupe--500": string;
183
+ "color-base-taupe--600": string;
184
+ "color-base-taupe--700": string;
185
+ "color-base-taupe--800": string;
186
+ "color-base-taupe--900": string;
187
+ "color-base-taupe--1000": string;
188
+ "color-base-red--100": string;
189
+ "color-base-red--200": string;
190
+ "color-base-red--300": string;
191
+ "color-base-red--400": string;
192
+ "color-base-red--500": string;
193
+ "color-base-red--600": string;
194
+ "color-base-red--700": string;
195
+ "color-base-red--800": string;
196
+ "color-base-red--900": string;
197
+ "color-base-red--1000": string;
198
+ "color-base-green--100": string;
199
+ "color-base-green--200": string;
200
+ "color-base-green--300": string;
201
+ "color-base-green--400": string;
202
+ "color-base-green--500": string;
203
+ "color-base-green--600": string;
204
+ "color-base-green--700": string;
205
+ "color-base-green--800": string;
206
+ "color-base-green--900": string;
207
+ "color-base-green--1000": string;
208
+ "color-base-blue--100": string;
209
+ "color-base-blue--200": string;
210
+ "color-base-blue--300": string;
211
+ "color-base-blue--400": string;
212
+ "color-base-blue--500": string;
213
+ "color-base-blue--600": string;
214
+ "color-base-blue--700": string;
215
+ "color-base-blue--800": string;
216
+ "color-base-blue--900": string;
217
+ "color-base-blue--1000": string;
218
+ "color-base-yellow--100": string;
219
+ "color-base-yellow--200": string;
220
+ "color-base-yellow--300": string;
221
+ "color-base-yellow--400": string;
222
+ "color-base-yellow--500": string;
223
+ "color-base-yellow--600": string;
224
+ "color-base-yellow--700": string;
225
+ "color-base-yellow--800": string;
226
+ "color-base-yellow--900": string;
227
+ "color-base-yellow--1000": string;
228
+ "color-base-lime--100": string;
229
+ "color-base-lime--200": string;
230
+ "color-base-lime--300": string;
231
+ "color-base-lime--400": string;
232
+ "color-base-lime--500": string;
233
+ "color-base-lime--600": string;
234
+ "color-base-lime--700": string;
235
+ "color-base-lime--800": string;
236
+ "color-base-lime--900": string;
237
+ "color-base-lime--1000": string;
238
+ "color-base-lightBlue--100": string;
239
+ "color-base-lightBlue--200": string;
240
+ "color-base-lightBlue--300": string;
241
+ "color-base-lightBlue--400": string;
242
+ "color-base-lightBlue--500": string;
243
+ "color-base-lightBlue--600": string;
244
+ "color-base-lightBlue--700": string;
245
+ "color-base-lightBlue--800": string;
246
+ "color-base-lightBlue--900": string;
247
+ "color-base-lightBlue--1000": string;
248
+ "color-base-pink--100": string;
249
+ "color-base-pink--200": string;
250
+ "color-base-pink--300": string;
251
+ "color-base-pink--400": string;
252
+ "color-base-pink--500": string;
253
+ "color-base-pink--600": string;
254
+ "color-base-pink--700": string;
255
+ "color-base-pink--800": string;
256
+ "color-base-pink--900": string;
257
+ "color-base-pink--1000": string;
258
+ "color-base-orange--100": string;
259
+ "color-base-orange--200": string;
260
+ "color-base-orange--300": string;
261
+ "color-base-orange--400": string;
262
+ "color-base-orange--500": string;
263
+ "color-base-orange--600": string;
264
+ "color-base-orange--700": string;
265
+ "color-base-orange--800": string;
266
+ "color-base-orange--900": string;
267
+ "color-base-orange--1000": string;
148
268
  "radius-small": number;
149
269
  "radius-base": number;
150
270
  "radius-large": number;