@jobber/design 0.65.1 → 0.66.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/tokens.all.colors.d.ts +20 -0
  2. package/dist/assets/tokens.android.d.ts +20 -0
  3. package/dist/assets/tokens.ios.d.ts +20 -0
  4. package/dist/assets/tokens.web.d.ts +20 -0
  5. package/dist/color.css +8 -8
  6. package/dist/colors.cjs +8 -8
  7. package/dist/colors.mjs +8 -8
  8. package/dist/dark.mode.css +1 -1
  9. package/dist/dark.theme.css +1 -1
  10. package/dist/foundation.css +38 -18
  11. package/dist/index.cjs +210 -130
  12. package/dist/index.mjs +210 -130
  13. package/package.json +2 -2
package/dist/assets/tokens.all.colors.d.ts CHANGED
@@ -243,6 +243,26 @@ declare const _default: {
243
243
  "color-base-orange--800": string;
244
244
  "color-base-orange--900": string;
245
245
  "color-base-orange--1000": string;
246
+ "color-base-teal--100": string;
247
+ "color-base-teal--200": string;
248
+ "color-base-teal--300": string;
249
+ "color-base-teal--400": string;
250
+ "color-base-teal--500": string;
251
+ "color-base-teal--600": string;
252
+ "color-base-teal--700": string;
253
+ "color-base-teal--800": string;
254
+ "color-base-teal--900": string;
255
+ "color-base-teal--1000": string;
256
+ "color-base-purple--100": string;
257
+ "color-base-purple--200": string;
258
+ "color-base-purple--300": string;
259
+ "color-base-purple--400": string;
260
+ "color-base-purple--500": string;
261
+ "color-base-purple--600": string;
262
+ "color-base-purple--700": string;
263
+ "color-base-purple--800": string;
264
+ "color-base-purple--900": string;
265
+ "color-base-purple--1000": string;
246
266
  "color-indigo": string;
247
267
  "color-indigo--light": string;
248
268
  "color-indigo--lighter": string;
package/dist/assets/tokens.android.d.ts CHANGED
@@ -104,6 +104,26 @@ declare const _default: {
104
104
  "color-base-orange--800": string;
105
105
  "color-base-orange--900": string;
106
106
  "color-base-orange--1000": string;
107
+ "color-base-teal--100": string;
108
+ "color-base-teal--200": string;
109
+ "color-base-teal--300": string;
110
+ "color-base-teal--400": string;
111
+ "color-base-teal--500": string;
112
+ "color-base-teal--600": string;
113
+ "color-base-teal--700": string;
114
+ "color-base-teal--800": string;
115
+ "color-base-teal--900": string;
116
+ "color-base-teal--1000": string;
117
+ "color-base-purple--100": string;
118
+ "color-base-purple--200": string;
119
+ "color-base-purple--300": string;
120
+ "color-base-purple--400": string;
121
+ "color-base-purple--500": string;
122
+ "color-base-purple--600": string;
123
+ "color-base-purple--700": string;
124
+ "color-base-purple--800": string;
125
+ "color-base-purple--900": string;
126
+ "color-base-purple--1000": string;
107
127
  "color-indigo": string;
108
128
  "color-indigo--light": string;
109
129
  "color-indigo--lighter": string;
package/dist/assets/tokens.ios.d.ts CHANGED
@@ -104,6 +104,26 @@ declare const _default: {
104
104
  "color-base-orange--800": string;
105
105
  "color-base-orange--900": string;
106
106
  "color-base-orange--1000": string;
107
+ "color-base-teal--100": string;
108
+ "color-base-teal--200": string;
109
+ "color-base-teal--300": string;
110
+ "color-base-teal--400": string;
111
+ "color-base-teal--500": string;
112
+ "color-base-teal--600": string;
113
+ "color-base-teal--700": string;
114
+ "color-base-teal--800": string;
115
+ "color-base-teal--900": string;
116
+ "color-base-teal--1000": string;
117
+ "color-base-purple--100": string;
118
+ "color-base-purple--200": string;
119
+ "color-base-purple--300": string;
120
+ "color-base-purple--400": string;
121
+ "color-base-purple--500": string;
122
+ "color-base-purple--600": string;
123
+ "color-base-purple--700": string;
124
+ "color-base-purple--800": string;
125
+ "color-base-purple--900": string;
126
+ "color-base-purple--1000": string;
107
127
  "color-indigo": string;
108
128
  "color-indigo--light": string;
109
129
  "color-indigo--lighter": string;
package/dist/assets/tokens.web.d.ts CHANGED
@@ -104,6 +104,26 @@ declare const _default: {
104
104
  "color-base-orange--800": string;
105
105
  "color-base-orange--900": string;
106
106
  "color-base-orange--1000": string;
107
+ "color-base-teal--100": string;
108
+ "color-base-teal--200": string;
109
+ "color-base-teal--300": string;
110
+ "color-base-teal--400": string;
111
+ "color-base-teal--500": string;
112
+ "color-base-teal--600": string;
113
+ "color-base-teal--700": string;
114
+ "color-base-teal--800": string;
115
+ "color-base-teal--900": string;
116
+ "color-base-teal--1000": string;
117
+ "color-base-purple--100": string;
118
+ "color-base-purple--200": string;
119
+ "color-base-purple--300": string;
120
+ "color-base-purple--400": string;
121
+ "color-base-purple--500": string;
122
+ "color-base-purple--600": string;
123
+ "color-base-purple--700": string;
124
+ "color-base-purple--800": string;
125
+ "color-base-purple--900": string;
126
+ "color-base-purple--1000": string;
107
127
  "color-indigo": string;
108
128
  "color-indigo--light": string;
109
129
  "color-indigo--lighter": string;
package/dist/color.css CHANGED
@@ -59,16 +59,16 @@
59
59
  --color-pink--lighter: hsl(349, 34%, 75%);
60
60
  --color-pink--lightest: hsl(347, 33%, 95%);
61
61
  --color-pink--dark: hsl(348, 40%, 27%);
62
- --color-orange: hsl(33, 71%, 48%);
63
- --color-orange--light: hsl(33, 77%, 63%);
64
- --color-orange--lighter: hsl(32, 78%, 84%);
65
- --color-orange--lightest: hsl(34, 76%, 92%);
66
- --color-orange--dark: hsl(33, 71%, 38%);
67
- --color-brown: hsl(33, 71%, 29%);
68
- --color-brown--light: hsl(33, 71%, 38%);
62
+ --color-orange: hsl(31, 80%, 48%);
63
+ --color-orange--light: hsl(31, 83%, 64%);
64
+ --color-orange--lighter: hsl(31, 72%, 85%);
65
+ --color-orange--lightest: hsl(31, 74%, 93%);
66
+ --color-orange--dark: hsl(31, 90%, 37%);
67
+ --color-brown: hsl(31, 100%, 27%);
68
+ --color-brown--light: hsl(31, 90%, 37%);
69
69
  --color-brown--lighter: hsl(51, 17%, 85%);
70
70
  --color-brown--lightest: hsl(53, 21%, 93%);
71
- --color-brown--dark: hsl(33, 72%, 20%);
71
+ --color-brown--dark: hsl(31, 100%, 18%);
72
72
  --color-navy: hsl(207, 61%, 34%);
73
73
  --color-navy--light: hsl(207, 61%, 45%);
74
74
  --color-navy--lighter: hsl(200, 13%, 87%);
package/dist/colors.cjs CHANGED
@@ -59,16 +59,16 @@ module.exports ={
59
59
  "color-pink--lighter": "hsl(349, 34%, 75%)",
60
60
  "color-pink--lightest": "hsl(347, 33%, 95%)",
61
61
  "color-pink--dark": "hsl(348, 40%, 27%)",
62
- "color-orange": "hsl(33, 71%, 48%)",
63
- "color-orange--light": "hsl(33, 77%, 63%)",
64
- "color-orange--lighter": "hsl(32, 78%, 84%)",
65
- "color-orange--lightest": "hsl(34, 76%, 92%)",
66
- "color-orange--dark": "hsl(33, 71%, 38%)",
67
- "color-brown": "hsl(33, 71%, 29%)",
68
- "color-brown--light": "hsl(33, 71%, 38%)",
62
+ "color-orange": "hsl(31, 80%, 48%)",
63
+ "color-orange--light": "hsl(31, 83%, 64%)",
64
+ "color-orange--lighter": "hsl(31, 72%, 85%)",
65
+ "color-orange--lightest": "hsl(31, 74%, 93%)",
66
+ "color-orange--dark": "hsl(31, 90%, 37%)",
67
+ "color-brown": "hsl(31, 100%, 27%)",
68
+ "color-brown--light": "hsl(31, 90%, 37%)",
69
69
  "color-brown--lighter": "hsl(51, 17%, 85%)",
70
70
  "color-brown--lightest": "hsl(53, 21%, 93%)",
71
- "color-brown--dark": "hsl(33, 72%, 20%)",
71
+ "color-brown--dark": "hsl(31, 100%, 18%)",
72
72
  "color-navy": "hsl(207, 61%, 34%)",
73
73
  "color-navy--light": "hsl(207, 61%, 45%)",
74
74
  "color-navy--lighter": "hsl(200, 13%, 87%)",
package/dist/colors.mjs CHANGED
@@ -59,16 +59,16 @@ export default {
59
59
  "color-pink--lighter": "hsl(349, 34%, 75%)",
60
60
  "color-pink--lightest": "hsl(347, 33%, 95%)",
61
61
  "color-pink--dark": "hsl(348, 40%, 27%)",
62
- "color-orange": "hsl(33, 71%, 48%)",
63
- "color-orange--light": "hsl(33, 77%, 63%)",
64
- "color-orange--lighter": "hsl(32, 78%, 84%)",
65
- "color-orange--lightest": "hsl(34, 76%, 92%)",
66
- "color-orange--dark": "hsl(33, 71%, 38%)",
67
- "color-brown": "hsl(33, 71%, 29%)",
68
- "color-brown--light": "hsl(33, 71%, 38%)",
62
+ "color-orange": "hsl(31, 80%, 48%)",
63
+ "color-orange--light": "hsl(31, 83%, 64%)",
64
+ "color-orange--lighter": "hsl(31, 72%, 85%)",
65
+ "color-orange--lightest": "hsl(31, 74%, 93%)",
66
+ "color-orange--dark": "hsl(31, 90%, 37%)",
67
+ "color-brown": "hsl(31, 100%, 27%)",
68
+ "color-brown--light": "hsl(31, 90%, 37%)",
69
69
  "color-brown--lighter": "hsl(51, 17%, 85%)",
70
70
  "color-brown--lightest": "hsl(53, 21%, 93%)",
71
- "color-brown--dark": "hsl(33, 72%, 20%)",
71
+ "color-brown--dark": "hsl(31, 100%, 18%)",
72
72
  "color-navy": "hsl(207, 61%, 34%)",
73
73
  "color-navy--light": "hsl(207, 61%, 45%)",
74
74
  "color-navy--lighter": "hsl(200, 13%, 87%)",
package/dist/dark.mode.css CHANGED
@@ -4,7 +4,7 @@
4
4
  --base-unit: 16px;
5
5
  --color-base-blue--700: hsl(197, 15%, 35%);
6
6
  --color-base-blue--800: hsl(197, 18%, 25%);
7
- --color-base-blue--900: hsl(197, 15%, 18%);
7
+ --color-base-blue--900: hsl(197, 15%, 16%);
8
8
  --color-base-blue--1000: hsl(197, 10%, 10%);
9
9
  --color-interactive: hsl(86, 60%, 50%);
10
10
  --color-interactive--hover: hsl(86, 60%, 60%);
package/dist/dark.theme.css CHANGED
@@ -2,7 +2,7 @@
2
2
  --base-unit: 16px;
3
3
  --color-base-blue--700: hsl(197, 15%, 35%);
4
4
  --color-base-blue--800: hsl(197, 18%, 25%);
5
- --color-base-blue--900: hsl(197, 15%, 18%);
5
+ --color-base-blue--900: hsl(197, 15%, 16%);
6
6
  --color-base-blue--1000: hsl(197, 10%, 10%);
7
7
  --color-interactive: hsl(86, 60%, 50%);
8
8
  --color-interactive--hover: hsl(86, 60%, 60%);
package/dist/foundation.css CHANGED
@@ -97,16 +97,36 @@ div[data-theme="light"],
97
97
  --color-base-pink--800: hsl(348, 40%, 27%);
98
98
  --color-base-pink--900: hsl(347, 41%, 18%);
99
99
  --color-base-pink--1000: hsl(349, 40%, 13%);
100
- --color-base-orange--100: hsl(36, 71%, 97%);
101
- --color-base-orange--200: hsl(34, 76%, 92%);
102
- --color-base-orange--300: hsl(32, 78%, 84%);
103
- --color-base-orange--400: hsl(33, 77%, 63%);
104
- --color-base-orange--500: hsl(33, 71%, 48%);
105
- --color-base-orange--600: hsl(33, 71%, 38%);
106
- --color-base-orange--700: hsl(33, 71%, 29%);
107
- --color-base-orange--800: hsl(33, 72%, 20%);
108
- --color-base-orange--900: hsl(33, 72%, 13%);
109
- --color-base-orange--1000: hsl(33, 70%, 9%);
100
+ --color-base-orange--100: hsl(31, 71%, 97%);
101
+ --color-base-orange--200: hsl(31, 74%, 93%);
102
+ --color-base-orange--300: hsl(31, 72%, 85%);
103
+ --color-base-orange--400: hsl(31, 83%, 64%);
104
+ --color-base-orange--500: hsl(31, 80%, 48%);
105
+ --color-base-orange--600: hsl(31, 90%, 37%);
106
+ --color-base-orange--700: hsl(31, 100%, 27%);
107
+ --color-base-orange--800: hsl(31, 100%, 18%);
108
+ --color-base-orange--900: hsl(31, 90%, 12%);
109
+ --color-base-orange--1000: hsl(31, 79%, 9%);
110
+ --color-base-teal--100: hsl(190, 63%, 97%);
111
+ --color-base-teal--200: hsl(190, 63%, 92%);
112
+ --color-base-teal--300: hsl(190, 63%, 81%);
113
+ --color-base-teal--400: hsl(190, 63%, 60%);
114
+ --color-base-teal--500: hsl(190, 80%, 42%);
115
+ --color-base-teal--600: hsl(190, 80%, 33%);
116
+ --color-base-teal--700: hsl(190, 78%, 25%);
117
+ --color-base-teal--800: hsl(190, 75%, 17%);
118
+ --color-base-teal--900: hsl(190, 85%, 10%);
119
+ --color-base-teal--1000: hsl(190, 50%, 9%);
120
+ --color-base-purple--100: hsl(253, 50%, 97%);
121
+ --color-base-purple--200: hsl(253, 50%, 94%);
122
+ --color-base-purple--300: hsl(253, 50%, 90%);
123
+ --color-base-purple--400: hsl(253, 50%, 79%);
124
+ --color-base-purple--500: hsl(253, 52%, 69%);
125
+ --color-base-purple--600: hsl(253, 50%, 59%);
126
+ --color-base-purple--700: hsl(253, 50%, 50%);
127
+ --color-base-purple--800: hsl(253, 50%, 34%);
128
+ --color-base-purple--900: hsl(253, 50%, 23%);
129
+ --color-base-purple--1000: hsl(253, 50%, 16%);
110
130
  --color-indigo: rgb(85, 106, 203);
111
131
  --color-indigo--light: rgb(136, 151, 219);
112
132
  --color-indigo--lighter: rgb(187, 195, 234);
@@ -116,14 +136,14 @@ div[data-theme="light"],
116
136
  --color-black--rgb: 0, 0, 0;
117
137
  --color-brand--highlight: hsl(86, 100%, 46%);
118
138
  --color-greyBlue--rgb: 101, 120, 132;
119
- --color-purple--light: rgb(172, 155, 214);
120
- --color-purple--lighter: rgb(207, 198, 231);
121
- --color-purple--lightest: rgb(237, 234, 246);
122
- --color-teal: rgb(62, 173, 146);
123
- --color-teal--light: rgb(120, 198, 179);
124
- --color-teal--lighter: rgb(178, 222, 211);
125
- --color-teal--lightest: rgb(226, 243, 239);
126
- --color-teal--dark: rgb(40, 112, 95);
139
+ --color-purple--light: var(--color-base-purple--400);
140
+ --color-purple--lighter: var(--color-base-purple--300);
141
+ --color-purple--lightest: var(--color-base-purple--100);
142
+ --color-teal: var(--color-base-teal--500);
143
+ --color-teal--light: var(--color-base-teal--400);
144
+ --color-teal--lighter: var(--color-base-teal--300);
145
+ --color-teal--lightest: var(--color-base-teal--200);
146
+ --color-teal--dark: var(--color-base-teal--700);
127
147
  --color-blue: var(--color-base-blue--900);
128
148
  --color-blue--light: var(--color-base-blue--700);
129
149
  --color-blue--lighter: var(--color-base-blue--500);