@jobber/design 0.31.2-pre.7 → 0.31.2

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 (7) hide show
  1. package/foundation.css.d.ts +0 -0
  2. package/foundation.d.ts +3 -0
  3. package/foundation.js +8 -5
  4. package/foundation.scss +4 -5
  5. package/package.json +2 -4
  6. package/foundation.d.ts.temp +0 -186
  7. package/foundation.js.temp +0 -186
package/foundation.css.d.ts ADDED
File without changes
package/foundation.d.ts CHANGED
@@ -1,3 +1,6 @@
1
+ /* tslint:disable */
2
+ /* eslint-disable */
3
+ /* This file is automatically generated and should not be edited. */
1
4
  export const JobberStyle: {
2
5
  "border-base": number;
3
6
  "border-thick": number;
package/foundation.js CHANGED
@@ -1,3 +1,6 @@
1
+ /* tslint:disable */
2
+ /* eslint-disable */
3
+ /* This file is automatically generated and should not be edited. */
1
4
  export const JobberStyle = {
2
5
  "border-base": 1,
3
6
  "border-thick": 2,
@@ -165,15 +168,15 @@ export const JobberStyle = {
165
168
  "typography--letterSpacing-base": 0,
166
169
  "typography--letterSpacing-loose": 0.4,
167
170
  "typography--fontFamily-normal": "\"Inter\", Helvetica, Arial, sans-serif",
168
- "typography--fontFamily-display": "\"Jobber Pro\", \"Poppins\", Helvetica, Arial,\n sans-serif",
169
- "typography--fontSize-extravagant": 16,
170
- "typography--fontSize-jumbo": 16,
171
- "typography--fontSize-largest": 16,
171
+ "typography--fontFamily-display": "\"Jobber Pro\", \"Poppins\", Helvetica, Arial, sans-serif",
172
+ "typography--fontSize-extravagant": 48,
173
+ "typography--fontSize-jumbo": 36,
174
+ "typography--fontSize-largest": 24,
172
175
  "typography--fontSize-larger": 20,
173
176
  "typography--fontSize-large": 16,
174
177
  "typography--fontSize-base": 14,
175
178
  "typography--fontSize-small": 12,
176
- "typography--fontSize-smaller": 16,
179
+ "typography--fontSize-smaller": 10,
177
180
  "typography--lineHeight-large": "1.34",
178
181
  "typography--lineHeight-base": "1.25",
179
182
  "typography--lineHeight-tight": "1.2",
package/foundation.scss CHANGED
@@ -172,11 +172,10 @@ $elevation-toast: 1003;
172
172
  $typography--letterSpacing-base: 0;
173
173
  $typography--letterSpacing-loose: 0.4px;
174
174
  $typography--fontFamily-normal: "Inter", Helvetica, Arial, sans-serif;
175
- $typography--fontFamily-display: "Jobber Pro", "Poppins", Helvetica, Arial,
176
- sans-serif;
177
- $typography--fontSize-extravagant: 40px;
178
- $typography--fontSize-jumbo: 28px;
179
- $typography--fontSize-largest: 22px;
175
+ $typography--fontFamily-display: "Jobber Pro", "Poppins", Helvetica, Arial, sans-serif;
176
+ $typography--fontSize-extravagant: 48px;
177
+ $typography--fontSize-jumbo: 36px;
178
+ $typography--fontSize-largest: 24px;
180
179
  $typography--fontSize-larger: 20px;
181
180
  $typography--fontSize-large: 16px;
182
181
  $typography--fontSize-base: 14px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/design",
3
- "version": "0.31.2-pre.7+a827766c",
3
+ "version": "0.31.2",
4
4
  "description": "Design foundation for the Jobber Atlantis Design System",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
@@ -12,7 +12,6 @@
12
12
  "icons/*"
13
13
  ],
14
14
  "scripts": {
15
- "_build": "npm run build:css && npm run build:css:icons && npm run build:colors && npm run build:cssTypes && npm run build:foundation",
16
15
  "build": "npm run build:css && npm run build:css:icons && npm run build:colors && npm run build:cssTypes && npm run build:foundation && npm run build:iconCssStyle && npm run build:rollup",
17
16
  "build:rollup": "rollup --config",
18
17
  "build:css": "postcss src/foundation.css --output foundation.css --use postcss-import",
@@ -24,7 +23,6 @@
24
23
  "build:foundationTypes": "tsc --declaration --emitDeclarationOnly --allowJs foundation.js --outDir . --skipLibCheck",
25
24
  "build:addTypeLinterExceptions": "(printf '/* tslint:disable */\n/* eslint-disable */\n/* This file is automatically generated and should not be edited. */\n'; cat foundation.d.ts) > foundation.d.ts.temp",
26
25
  "build:addFoundationLinterExceptions": "(printf '/* tslint:disable */\n/* eslint-disable */\n/* This file is automatically generated and should not be edited. */\n'; cat foundation.js) > foundation.js.temp",
27
- "_build:removeTempFiles": "echo yeet",
28
26
  "build:removeTempFiles": "rm -f src/foundation.js && mv foundation.d.ts.temp foundation.d.ts && mv foundation.js.temp foundation.js",
29
27
  "build:iconCssStyle": "node buildIconStyles.js && npm run build:iconCssStyleTypes",
30
28
  "build:iconCssStyleTypes": "tsc --declaration --emitDeclarationOnly --allowJs src/icons/iconStyles.ts --outDir ./src/icons --skipLibCheck",
@@ -54,5 +52,5 @@
54
52
  "typed-css-modules": "^0.7.0",
55
53
  "typescript": "^4.9.5"
56
54
  },
57
- "gitHead": "a827766c97e629258b1f589393e92fd13d2e7251"
55
+ "gitHead": "a802e0ec59a1299d377881262b3f9e3e7ab44ce0"
58
56
  }
package/foundation.d.ts.temp DELETED
@@ -1,186 +0,0 @@
1
- /* tslint:disable */
2
- /* eslint-disable */
3
- /* This file is automatically generated and should not be edited. */
4
- export const JobberStyle: {
5
- "border-base": number;
6
- "border-thick": number;
7
- "border-thicker": number;
8
- "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-surface": string;
39
- "color-surface--hover": string;
40
- "color-surface--active": string;
41
- "color-surface--background": string;
42
- "color-surface--reverse": string;
43
- "color-border": string;
44
- "color-border--section": string;
45
- "color-overlay": string;
46
- "color-overlay--dimmed": string;
47
- "color-brand": string;
48
- "color-brand--highlight": string;
49
- "color-request": string;
50
- "color-quote": string;
51
- "color-job": string;
52
- "color-visit": string;
53
- "color-task": string;
54
- "color-event": string;
55
- "color-invoice": string;
56
- "color-payments": string;
57
- "color-client": string;
58
- "color-blue": string;
59
- "color-blue--light": string;
60
- "color-blue--lighter": string;
61
- "color-blue--lightest": string;
62
- "color-blue--dark": string;
63
- "color-green": string;
64
- "color-green--light": string;
65
- "color-green--lighter": string;
66
- "color-green--lightest": string;
67
- "color-green--dark": string;
68
- "color-lime": string;
69
- "color-lime--light": string;
70
- "color-lime--lighter": string;
71
- "color-lime--lightest": string;
72
- "color-lime--dark": string;
73
- "color-yellowGreen": string;
74
- "color-yellowGreen--light": string;
75
- "color-yellowGreen--lighter": string;
76
- "color-yellowGreen--lightest": string;
77
- "color-yellowGreen--dark": string;
78
- "color-yellow": string;
79
- "color-yellow--light": string;
80
- "color-yellow--lighter": string;
81
- "color-yellow--lightest": string;
82
- "color-yellow--dark": string;
83
- "color-red": string;
84
- "color-red--light": string;
85
- "color-red--lighter": string;
86
- "color-red--lightest": string;
87
- "color-red--dark": string;
88
- "color-grey": string;
89
- "color-grey--light": string;
90
- "color-grey--lighter": string;
91
- "color-grey--lightest": string;
92
- "color-grey--dark": string;
93
- "color-greyBlue--rgb": string;
94
- "color-greyBlue": string;
95
- "color-greyBlue--light": string;
96
- "color-greyBlue--lighter": string;
97
- "color-greyBlue--lightest": string;
98
- "color-greyBlue--dark": string;
99
- "color-lightBlue": string;
100
- "color-lightBlue--light": string;
101
- "color-lightBlue--lighter": string;
102
- "color-lightBlue--lightest": string;
103
- "color-lightBlue--dark": string;
104
- "color-purple": string;
105
- "color-purple--light": string;
106
- "color-purple--lighter": string;
107
- "color-purple--lightest": string;
108
- "color-purple--dark": string;
109
- "color-pink": string;
110
- "color-pink--light": string;
111
- "color-pink--lighter": string;
112
- "color-pink--lightest": string;
113
- "color-pink--dark": string;
114
- "color-teal": string;
115
- "color-teal--light": string;
116
- "color-teal--lighter": string;
117
- "color-teal--lightest": string;
118
- "color-teal--dark": string;
119
- "color-orange": string;
120
- "color-orange--light": string;
121
- "color-orange--lighter": string;
122
- "color-orange--lightest": string;
123
- "color-orange--dark": string;
124
- "color-brown": string;
125
- "color-brown--light": string;
126
- "color-brown--lighter": string;
127
- "color-brown--lightest": string;
128
- "color-brown--dark": string;
129
- "color-navy": string;
130
- "color-navy--light": string;
131
- "color-navy--lighter": string;
132
- "color-navy--lightest": string;
133
- "color-navy--dark": string;
134
- "color-indigo": string;
135
- "color-indigo--light": string;
136
- "color-indigo--lighter": string;
137
- "color-indigo--lightest": string;
138
- "color-indigo--dark": string;
139
- "color-white--rgb": string;
140
- "color-white": string;
141
- "color-black--rgb": string;
142
- "color-black": string;
143
- "radius-base": number;
144
- "radius-large": number;
145
- "radius-larger": number;
146
- "radius-circle": number;
147
- "base-unit": number;
148
- "space-minuscule": number;
149
- "space-smallest": number;
150
- "space-smaller": number;
151
- "space-small": number;
152
- "space-base": number;
153
- "space-large": number;
154
- "space-larger": number;
155
- "space-largest": number;
156
- "space-extravagant": number;
157
- "timing-quick": string;
158
- "timing-base": string;
159
- "timing-slow": string;
160
- "timing-slower": string;
161
- "timing-slowest": string;
162
- "elevation-base": number;
163
- "elevation-menu": number;
164
- "elevation-datepicker": number;
165
- "elevation-modal": number;
166
- "elevation-tooltip": number;
167
- "elevation-toast": number;
168
- "typography--letterSpacing-base": number;
169
- "typography--letterSpacing-loose": number;
170
- "typography--fontFamily-normal": string;
171
- "typography--fontFamily-display": string;
172
- "typography--fontSize-extravagant": number;
173
- "typography--fontSize-jumbo": number;
174
- "typography--fontSize-largest": number;
175
- "typography--fontSize-larger": number;
176
- "typography--fontSize-large": number;
177
- "typography--fontSize-base": number;
178
- "typography--fontSize-small": number;
179
- "typography--fontSize-smaller": number;
180
- "typography--lineHeight-large": string;
181
- "typography--lineHeight-base": string;
182
- "typography--lineHeight-tight": string;
183
- "typography--lineHeight-tighter": string;
184
- "typography--lineHeight-tightest": string;
185
- "typography--lineHeight-miniscule": string;
186
- };
package/foundation.js.temp DELETED
@@ -1,186 +0,0 @@
1
- /* tslint:disable */
2
- /* eslint-disable */
3
- /* This file is automatically generated and should not be edited. */
4
- export const JobberStyle = {
5
- "border-base": 1,
6
- "border-thick": 2,
7
- "border-thicker": 4,
8
- "border-thickest": 8,
9
- "color-interactive": "rgb(125, 176, 14)",
10
- "color-interactive--hover": "rgb(81, 114, 9)",
11
- "color-destructive": "rgb(201, 66, 33)",
12
- "color-destructive--hover": "rgb(128, 25, 0)",
13
- "color-interactive--subtle": "rgba(101, 120, 132, 1)",
14
- "color-interactive--subtle--hover": "rgb(66, 78, 86)",
15
- "color-disabled": "rgb(181, 181, 181)",
16
- "color-disabled--secondary": "rgb(225, 225, 225)",
17
- "color-focus": "rgb(231, 213, 87)",
18
- "color-critical": "rgb(201, 66, 33)",
19
- "color-critical--surface": "rgb(255, 226, 219)",
20
- "color-critical--onSurface": "rgb(128, 25, 0)",
21
- "color-warning": "rgb(221, 195, 15)",
22
- "color-warning--surface": "rgb(250, 246, 219)",
23
- "color-warning--onSurface": "rgb(144, 127, 10)",
24
- "color-success": "rgb(125, 176, 14)",
25
- "color-success--surface": "rgb(236, 243, 219)",
26
- "color-success--onSurface": "rgb(81, 114, 9)",
27
- "color-informative": "rgb(60, 162, 224)",
28
- "color-informative--surface": "rgb(226, 241, 250)",
29
- "color-informative--onSurface": "rgb(39, 105, 146)",
30
- "color-inactive": "rgb(77, 105, 116)",
31
- "color-inactive--surface": "rgb(217, 223, 225)",
32
- "color-inactive--onSurface": "rgb(1, 27, 37)",
33
- "color-heading": "rgb(1, 41, 57)",
34
- "color-text": "rgb(66, 78, 86)",
35
- "color-text--secondary": "rgba(101, 120, 132, 1)",
36
- "color-text--reverse": "rgba(255, 255, 255, 1)",
37
- "color-text--reverse--secondary": "rgb(193, 201, 206)",
38
- "color-surface": "rgba(255, 255, 255, 1)",
39
- "color-surface--hover": "rgb(250, 246, 219)",
40
- "color-surface--active": "rgb(236, 243, 219)",
41
- "color-surface--background": "rgb(244, 244, 244)",
42
- "color-surface--reverse": "rgb(1, 41, 57)",
43
- "color-border": "rgb(225, 225, 225)",
44
- "color-border--section": "rgb(1, 41, 57)",
45
- "color-overlay": "rgba(0, 0, 0, 0.32)",
46
- "color-overlay--dimmed": "rgba(255, 255, 255, 0.6)",
47
- "color-brand": "rgb(125, 176, 14)",
48
- "color-brand--highlight": "rgb(160, 215, 42)",
49
- "color-request": "rgb(85, 106, 203)",
50
- "color-quote": "rgb(179, 96, 150)",
51
- "color-job": "rgb(187, 197, 32)",
52
- "color-visit": "rgb(125, 176, 14)",
53
- "color-task": "rgb(75, 106, 150)",
54
- "color-event": "rgb(221, 195, 15)",
55
- "color-invoice": "rgb(136, 112, 196)",
56
- "color-payments": "rgb(243, 150, 36)",
57
- "color-client": "rgb(62, 173, 146)",
58
- "color-blue": "rgb(1, 41, 57)",
59
- "color-blue--light": "rgb(77, 105, 116)",
60
- "color-blue--lighter": "rgb(153, 169, 176)",
61
- "color-blue--lightest": "rgb(217, 223, 225)",
62
- "color-blue--dark": "rgb(1, 27, 37)",
63
- "color-green": "rgb(125, 176, 14)",
64
- "color-green--light": "rgb(164, 200, 86)",
65
- "color-green--lighter": "rgb(203, 223, 159)",
66
- "color-green--lightest": "rgb(236, 243, 219)",
67
- "color-green--dark": "rgb(81, 114, 9)",
68
- "color-lime": "rgb(153, 193, 70)",
69
- "color-lime--light": "rgb(184, 212, 126)",
70
- "color-lime--lighter": "rgb(214, 230, 181)",
71
- "color-lime--lightest": "rgb(240, 246, 227)",
72
- "color-lime--dark": "rgb(99, 125, 46)",
73
- "color-yellowGreen": "rgb(187, 197, 32)",
74
- "color-yellowGreen--light": "rgb(207, 214, 99)",
75
- "color-yellowGreen--lighter": "rgb(228, 232, 166)",
76
- "color-yellowGreen--lightest": "rgb(245, 246, 222)",
77
- "color-yellowGreen--dark": "rgb(122, 128, 21)",
78
- "color-yellow": "rgb(221, 195, 15)",
79
- "color-yellow--light": "rgb(231, 213, 87)",
80
- "color-yellow--lighter": "rgb(241, 231, 159)",
81
- "color-yellow--lightest": "rgb(250, 246, 219)",
82
- "color-yellow--dark": "rgb(144, 127, 10)",
83
- "color-red": "rgb(201, 66, 33)",
84
- "color-red--light": "rgb(233, 141, 119)",
85
- "color-red--lighter": "rgb(255, 206, 194)",
86
- "color-red--lightest": "rgb(255, 226, 219)",
87
- "color-red--dark": "rgb(128, 25, 0)",
88
- "color-grey": "rgb(181, 181, 181)",
89
- "color-grey--light": "rgb(203, 203, 203)",
90
- "color-grey--lighter": "rgb(225, 225, 225)",
91
- "color-grey--lightest": "rgb(244, 244, 244)",
92
- "color-grey--dark": "rgb(118, 118, 118)",
93
- "color-greyBlue--rgb": "101, 120, 132",
94
- "color-greyBlue": "rgba(101, 120, 132, 1)",
95
- "color-greyBlue--light": "rgb(147, 161, 169)",
96
- "color-greyBlue--lighter": "rgb(193, 201, 206)",
97
- "color-greyBlue--lightest": "rgb(232, 235, 237)",
98
- "color-greyBlue--dark": "rgb(66, 78, 86)",
99
- "color-lightBlue": "rgb(60, 162, 224)",
100
- "color-lightBlue--light": "rgb(119, 190, 233)",
101
- "color-lightBlue--lighter": "rgb(177, 218, 243)",
102
- "color-lightBlue--lightest": "rgb(226, 241, 250)",
103
- "color-lightBlue--dark": "rgb(39, 105, 146)",
104
- "color-purple": "rgb(136, 112, 196)",
105
- "color-purple--light": "rgb(172, 155, 214)",
106
- "color-purple--lighter": "rgb(207, 198, 231)",
107
- "color-purple--lightest": "rgb(237, 234, 246)",
108
- "color-purple--dark": "rgb(88, 73, 127)",
109
- "color-pink": "rgb(179, 96, 150)",
110
- "color-pink--light": "rgb(202, 144, 182)",
111
- "color-pink--lighter": "rgb(225, 191, 213)",
112
- "color-pink--lightest": "rgb(244, 231, 239)",
113
- "color-pink--dark": "rgb(116, 62, 98)",
114
- "color-teal": "rgb(62, 173, 146)",
115
- "color-teal--light": "rgb(120, 198, 179)",
116
- "color-teal--lighter": "rgb(178, 222, 211)",
117
- "color-teal--lightest": "rgb(226, 243, 239)",
118
- "color-teal--dark": "rgb(40, 112, 95)",
119
- "color-orange": "rgb(243, 150, 36)",
120
- "color-orange--light": "rgb(247, 182, 102)",
121
- "color-orange--lighter": "rgb(250, 213, 167)",
122
- "color-orange--lightest": "rgb(253, 239, 222)",
123
- "color-orange--dark": "rgb(158, 98, 23)",
124
- "color-brown": "rgb(130, 107, 70)",
125
- "color-brown--light": "rgb(168, 151, 126)",
126
- "color-brown--lighter": "rgb(205, 196, 181)",
127
- "color-brown--lightest": "rgb(236, 233, 227)",
128
- "color-brown--dark": "rgb(85, 70, 46)",
129
- "color-navy": "rgb(75, 106, 150)",
130
- "color-navy--light": "rgb(129, 151, 182)",
131
- "color-navy--lighter": "rgb(183, 195, 213)",
132
- "color-navy--lightest": "rgb(228, 233, 239)",
133
- "color-navy--dark": "rgb(49, 69, 98)",
134
- "color-indigo": "rgb(85, 106, 203)",
135
- "color-indigo--light": "rgb(136, 151, 219)",
136
- "color-indigo--lighter": "rgb(187, 195, 234)",
137
- "color-indigo--lightest": "rgb(230, 233, 247)",
138
- "color-indigo--dark": "rgb(55, 69, 132)",
139
- "color-white--rgb": "255, 255, 255",
140
- "color-white": "rgba(255, 255, 255, 1)",
141
- "color-black--rgb": "0, 0, 0",
142
- "color-black": "rgba(0, 0, 0, 1)",
143
- "radius-base": 2,
144
- "radius-large": 4,
145
- "radius-larger": 8,
146
- "radius-circle": 100,
147
- "base-unit": 16,
148
- "space-minuscule": 1,
149
- "space-smallest": 2,
150
- "space-smaller": 4,
151
- "space-small": 8,
152
- "space-base": 16,
153
- "space-large": 24,
154
- "space-larger": 32,
155
- "space-largest": 48,
156
- "space-extravagant": 64,
157
- "timing-quick": "100ms",
158
- "timing-base": "200ms",
159
- "timing-slow": "300ms",
160
- "timing-slower": "400ms",
161
- "timing-slowest": "500ms",
162
- "elevation-base": 1,
163
- "elevation-menu": 6,
164
- "elevation-datepicker": 6,
165
- "elevation-modal": 1001,
166
- "elevation-tooltip": 1002,
167
- "elevation-toast": 1003,
168
- "typography--letterSpacing-base": 0,
169
- "typography--letterSpacing-loose": 0.4,
170
- "typography--fontFamily-normal": "\"Inter\", Helvetica, Arial, sans-serif",
171
- "typography--fontFamily-display": "\"Jobber Pro\", \"Poppins\", Helvetica, Arial,\n sans-serif",
172
- "typography--fontSize-extravagant": 16,
173
- "typography--fontSize-jumbo": 16,
174
- "typography--fontSize-largest": 16,
175
- "typography--fontSize-larger": 20,
176
- "typography--fontSize-large": 16,
177
- "typography--fontSize-base": 14,
178
- "typography--fontSize-small": 12,
179
- "typography--fontSize-smaller": 16,
180
- "typography--lineHeight-large": "1.34",
181
- "typography--lineHeight-base": "1.25",
182
- "typography--lineHeight-tight": "1.2",
183
- "typography--lineHeight-tighter": "1.143",
184
- "typography--lineHeight-tightest": "1.12",
185
- "typography--lineHeight-miniscule": "1.08"
186
- }