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