@jobber/design 0.31.0 → 0.31.2-pre.6
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.
- package/dist/icons/iconStyles.d.ts +4 -4
- package/dist/index.js +10 -10
- package/foundation.js +2 -2
- package/foundation.scss +3 -3
- package/package.json +12 -13
- package/foundation.css.d.ts +0 -0
|
@@ -111,12 +111,12 @@ export declare const iconStyles: {
|
|
|
111
111
|
height: number;
|
|
112
112
|
};
|
|
113
113
|
base: {
|
|
114
|
-
width:
|
|
115
|
-
height:
|
|
114
|
+
width: string;
|
|
115
|
+
height: string;
|
|
116
116
|
};
|
|
117
117
|
large: {
|
|
118
|
-
width:
|
|
119
|
-
height:
|
|
118
|
+
width: string;
|
|
119
|
+
height: string;
|
|
120
120
|
};
|
|
121
121
|
white: {
|
|
122
122
|
fill: string;
|
package/dist/index.js
CHANGED
|
@@ -35,16 +35,16 @@ function styleInject(css, ref) {
|
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
var css_248z$2 = ".
|
|
39
|
-
var styles = {"icon":"
|
|
38
|
+
var css_248z$2 = ".Z6OfUI2sH34- {\n fill: var(--color-greyBlue);\n display: inline-block;\n vertical-align: middle;\n}\n\n.gKAiKduA7YU- {\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n}\n\n.ZJ3jy3YYT0U- {\n -webkit-transform: rotate(-90deg);\n transform: rotate(-90deg);\n}\n\n._30zSLR5-c7Y- {\n -webkit-transform: scaleY(-1);\n transform: scaleY(-1);\n}\n\n.yAELOSHgxqc-,\n.qa4B8AiSlto-,\n.hbCRGVLdJIQ-,\n.EaUN2-mTxSg- {\n fill: var(--color-teal);\n}\n\n.RGq9MkROGD4-,\n.HEQNHAE0p-I- {\n fill: var(--color-job);\n}\n\n.Zb76NOvfQE0-,\n._6dIqIl8AA3A- {\n fill: var(--color-lime);\n}\n\n.F7wr-sw9rrg- {\n fill: var(--color-yellow);\n}\n\n.F6zONsHKokY- {\n fill: var(--color-quote);\n}\n\n.nQ6rfm0H2tw- {\n fill: var(--color-request);\n}\n\n.mPUyx1eUPvw- {\n fill: var(--color-navy);\n}\n\n.tt6WEoo6nnk-,\n.h0MfBU9MDJo-,\n.M3WS8MGmgrk- {\n fill: var(--color-destructive);\n}\n\n.S4fBuUx-A70- {\n fill: var(--color-success);\n}\n\n.OIRfCccq1-k- {\n fill: var(--color-lightBlue);\n}\n\n.pfKSCbzfh1k-,\n.FcVm5FDNmvk-,\n.FeAQShl60CI-,\n.YYWX3pQ4lks- {\n fill: var(--color-invoice);\n}\n\n.FT82IKET9lI- {\n fill: var(--color-critical);\n}\n\n._0cmyJb6bEgU-,\n.wF8GKbfMvKI- {\n fill: var(--color-orange);\n}\n\n.-Tce7Insch0- {\n fill: var(--color-blue);\n}\n\n.DCpxHyIHNPE- {\n fill: var(--color-lightBlue);\n}\n\n/* non-Atlantis colors to match brand colors of these file-types */\n\n._4YZ9L5eggeE- {\n fill: rgb(31, 115, 71);\n}\n\n._70PQ4xIy0cE- {\n fill: rgb(195, 27, 0);\n}\n\n.vmj7sbHJicU- {\n fill: rgb(41, 86, 154);\n}\n";
|
|
39
|
+
var styles = {"icon":"Z6OfUI2sH34-","longArrowUp":"gKAiKduA7YU-","longArrowDown":"ZJ3jy3YYT0U-","thumbsDown":"_30zSLR5-c7Y-","person":"yAELOSHgxqc-","clients":"qa4B8AiSlto-","company":"hbCRGVLdJIQ-","property":"EaUN2-mTxSg-","job":"RGq9MkROGD4-","jobOnHold":"HEQNHAE0p-I-","visit":"Zb76NOvfQE0-","moveVisits":"_6dIqIl8AA3A-","event":"F7wr-sw9rrg-","quote":"F6zONsHKokY-","request":"nQ6rfm0H2tw-","task":"mPUyx1eUPvw-","userUnassigned":"tt6WEoo6nnk-","reminder":"h0MfBU9MDJo-","trash":"M3WS8MGmgrk-","checkmark":"S4fBuUx-A70-","timer":"OIRfCccq1-k-","invoice":"pfKSCbzfh1k-","invoiceLater":"FcVm5FDNmvk-","sendInvoice":"FeAQShl60CI-","paidInvoice":"YYWX3pQ4lks-","badInvoice":"FT82IKET9lI-","payment":"_0cmyJb6bEgU-","expense":"wF8GKbfMvKI-","archive":"-Tce7Insch0-","video":"DCpxHyIHNPE-","excel":"_4YZ9L5eggeE-","pdf":"_70PQ4xIy0cE-","word":"vmj7sbHJicU-"};
|
|
40
40
|
styleInject(css_248z$2);
|
|
41
41
|
|
|
42
|
-
var css_248z$1 = ".
|
|
43
|
-
var sizes = {"small":"
|
|
42
|
+
var css_248z$1 = ".qm8vYTlCGG4- {\n width: var(--base-unit);\n height: var(--base-unit);\n}\n\n.TphtDHcwxDc- {\n width: calc(var(--base-unit) * 1.5);\n height: calc(var(--base-unit) * 1.5);\n}\n\n.xZ6Jnv-7uXc- {\n width: calc(var(--base-unit) * 2);\n height: calc(var(--base-unit) * 2);\n}\n";
|
|
43
|
+
var sizes = {"small":"qm8vYTlCGG4-","base":"TphtDHcwxDc-","large":"xZ6Jnv-7uXc-"};
|
|
44
44
|
styleInject(css_248z$1);
|
|
45
45
|
|
|
46
|
-
var css_248z = ".
|
|
47
|
-
var colors = {"white":"
|
|
46
|
+
var css_248z = ".TpLksR41OM0- {\n fill: var(--color-white);\n}\n\n._51WS98pPpKY- {\n fill: var(--color-grey);\n}\n\n.eenEpNGpzfA- {\n fill: var(--color-greyBlue);\n}\n\n.vhEzXPEfZyQ- {\n fill: var(--color-greyBlue--dark);\n}\n\n.f80PxizYkj4- {\n fill: var(--color-blue);\n}\n\n.O7JR2KGCfcg- {\n fill: var(--color-lightBlue);\n}\n\n.kBAjqBTXEsI- {\n fill: var(--color-green);\n}\n\n.wNm-EF7M4g0- {\n fill: var(--color-yellow);\n}\n\n.RQVWfFQDPu0- {\n fill: var(--color-red);\n}\n\n.xl38E3cTBRo- {\n fill: var(--color-navy);\n}\n\n.Y0tpTN7mt2M- {\n fill: var(--color-orange);\n}\n\n.haFR6Zwp-a4- {\n fill: var(--color-interactive);\n}\n\n.uZjlqe-em2E- {\n fill: var(--color-interactive--hover);\n}\n\n.pv3CFbTk-Mg- {\n fill: var(--color-destructive);\n}\n\n.E5Yz9BNVLPg- {\n fill: var(--color-destructive--hover);\n}\n\n.Ag8mttBCQtU- {\n fill: var(--color-interactive--subtle);\n}\n\n.XY4qV0-e3DM- {\n fill: var(--color-interactive--subtle--hover);\n}\n\n.ruwXWGEJXS4- {\n fill: var(--color-disabled);\n}\n\n.OinDbMeLOso- {\n fill: var(--color-disabled--secondary);\n}\n\n.JwWv29JWwzE- {\n fill: var(--color-focus);\n}\n\n.avM4gudjYeg- {\n fill: var(--color-critical);\n}\n\n.amAXqNTFYcg- {\n fill: var(--color-critical--surface);\n}\n\n.omSKoausvXA- {\n fill: var(--color-critical--onSurface);\n}\n\n.aQIlKXSkyDM- {\n fill: var(--color-warning);\n}\n\n.hvzZjM9cQns- {\n fill: var(--color-warning--surface);\n}\n\n.M1oIoiDS82s- {\n fill: var(--color-warning--onSurface);\n}\n\n.HavlDN2ZD-k- {\n fill: var(--color-success);\n}\n\n.YCX5CYqdHdU- {\n fill: var(--color-success--surface);\n}\n\n.yDtFAzbc4N0- {\n fill: var(--color-success--onSurface);\n}\n\n.ItL-7gRcsBo- {\n fill: var(--color-informative);\n}\n\n._1kkDnQDmX54- {\n fill: var(--color-informative--surface);\n}\n\n.C1HyOUrN-2U- {\n fill: var(--color-informative--onSurface);\n}\n\n.qV6UDI0M-NE- {\n fill: var(--color-inactive);\n}\n\n._3-xvTk8wOcc- {\n fill: var(--color-inactive--surface);\n}\n\n.ZPvBgU-Flrw- {\n fill: var(--color-inactive--onSurface);\n}\n\n._4QMQd-zVb70- {\n fill: var(--color-heading);\n}\n\n.dbTNEuj0Xmw- {\n fill: var(--color-text);\n}\n\n.FNvqhTrxwHc- {\n fill: var(--color-text--secondary);\n}\n\n.fgWgyrLt8xI- {\n fill: var(--color-text--reverse);\n}\n\n.JfcuaSm1ZSk- {\n fill: var(--color-text--reverse--secondary);\n}\n\n.hQLb9vztL-Q- {\n fill: var(--color-surface);\n}\n\n.epshb9WJQDU- {\n fill: var(--color-surface--hover);\n}\n\n.IcsOosya54c- {\n fill: var(--color-surface--active);\n}\n\n.zXzW4ql9U-I- {\n fill: var(--color-surface--background);\n}\n\n.dbzz7qC7vHY- {\n fill: var(--color-surface--reverse);\n}\n\n.wBuQiZfdPrI- {\n fill: var(--color-brand);\n}\n\n.TEOLQtdrGAU- {\n fill: var(--color-brand--highlight);\n}\n";
|
|
47
|
+
var colors = {"white":"TpLksR41OM0-","grey":"_51WS98pPpKY-","greyBlue":"eenEpNGpzfA-","greyBlueDark":"vhEzXPEfZyQ-","blue":"f80PxizYkj4-","lightBlue":"O7JR2KGCfcg-","green":"kBAjqBTXEsI-","yellow":"wNm-EF7M4g0-","red":"RQVWfFQDPu0-","navy":"xl38E3cTBRo-","orange":"Y0tpTN7mt2M-","interactive":"haFR6Zwp-a4-","interactiveHover":"uZjlqe-em2E-","destructive":"pv3CFbTk-Mg-","destructiveHover":"E5Yz9BNVLPg-","interactiveSubtle":"Ag8mttBCQtU-","interactiveSubtleHover":"XY4qV0-e3DM-","disabled":"ruwXWGEJXS4-","disabledSecondary":"OinDbMeLOso-","focus":"JwWv29JWwzE-","critical":"avM4gudjYeg-","criticalSurface":"amAXqNTFYcg-","criticalOnSurface":"omSKoausvXA-","warning":"aQIlKXSkyDM-","warningSurface":"hvzZjM9cQns-","warningOnSurface":"M1oIoiDS82s-","success":"HavlDN2ZD-k-","successSurface":"YCX5CYqdHdU-","successOnSurface":"yDtFAzbc4N0-","informative":"ItL-7gRcsBo-","informativeSurface":"_1kkDnQDmX54-","informativeOnSurface":"C1HyOUrN-2U-","inactive":"qV6UDI0M-NE-","inactiveSurface":"_3-xvTk8wOcc-","inactiveOnSurface":"ZPvBgU-Flrw-","heading":"_4QMQd-zVb70-","text":"dbTNEuj0Xmw-","textSecondary":"FNvqhTrxwHc-","textReverse":"fgWgyrLt8xI-","textReverseSecondary":"JfcuaSm1ZSk-","surface":"hQLb9vztL-Q-","surfaceHover":"epshb9WJQDU-","surfaceActive":"IcsOosya54c-","surfaceBackground":"zXzW4ql9U-I-","surfaceReverse":"dbzz7qC7vHY-","brand":"wBuQiZfdPrI-","brandHighlight":"TEOLQtdrGAU-"};
|
|
48
48
|
styleInject(css_248z);
|
|
49
49
|
|
|
50
50
|
/* tslint:disable */
|
|
@@ -685,12 +685,12 @@ const iconStyles = {
|
|
|
685
685
|
"height": 16
|
|
686
686
|
},
|
|
687
687
|
"base": {
|
|
688
|
-
"width":
|
|
689
|
-
"height":
|
|
688
|
+
"width": "calc(16px*1.5)",
|
|
689
|
+
"height": "calc(16px*1.5)"
|
|
690
690
|
},
|
|
691
691
|
"large": {
|
|
692
|
-
"width":
|
|
693
|
-
"height":
|
|
692
|
+
"width": "calc(16px*2)",
|
|
693
|
+
"height": "calc(16px*2)"
|
|
694
694
|
},
|
|
695
695
|
"white": {
|
|
696
696
|
"fill": "rgba(255, 255, 255, 1)"
|
package/foundation.js
CHANGED
|
@@ -170,8 +170,8 @@ export const JobberStyle = {
|
|
|
170
170
|
"typography--fontFamily-normal": "\"Inter\", Helvetica, Arial, sans-serif",
|
|
171
171
|
"typography--fontFamily-display": "\"Jobber Pro\", \"Poppins\", Helvetica, Arial,\n sans-serif",
|
|
172
172
|
"typography--fontSize-extravagant": 16,
|
|
173
|
-
"typography--fontSize-jumbo":
|
|
174
|
-
"typography--fontSize-largest":
|
|
173
|
+
"typography--fontSize-jumbo": 16,
|
|
174
|
+
"typography--fontSize-largest": 16,
|
|
175
175
|
"typography--fontSize-larger": 20,
|
|
176
176
|
"typography--fontSize-large": 16,
|
|
177
177
|
"typography--fontSize-base": 14,
|
package/foundation.scss
CHANGED
|
@@ -174,9 +174,9 @@ $typography--letterSpacing-loose: 0.4px;
|
|
|
174
174
|
$typography--fontFamily-normal: "Inter", Helvetica, Arial, sans-serif;
|
|
175
175
|
$typography--fontFamily-display: "Jobber Pro", "Poppins", Helvetica, Arial,
|
|
176
176
|
sans-serif;
|
|
177
|
-
$typography--fontSize-extravagant:
|
|
178
|
-
$typography--fontSize-jumbo:
|
|
179
|
-
$typography--fontSize-largest:
|
|
177
|
+
$typography--fontSize-extravagant: 40px;
|
|
178
|
+
$typography--fontSize-jumbo: 28px;
|
|
179
|
+
$typography--fontSize-largest: 22px;
|
|
180
180
|
$typography--fontSize-larger: 20px;
|
|
181
181
|
$typography--fontSize-large: 16px;
|
|
182
182
|
$typography--fontSize-base: 14px;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/design",
|
|
3
|
-
"version": "0.31.
|
|
3
|
+
"version": "0.31.2-pre.6+c7bfdd42",
|
|
4
4
|
"description": "Design foundation for the Jobber Atlantis Design System",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -12,6 +12,7 @@
|
|
|
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",
|
|
15
16
|
"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",
|
|
16
17
|
"build:rollup": "rollup --config",
|
|
17
18
|
"build:css": "postcss src/foundation.css --output foundation.css --use postcss-import",
|
|
@@ -33,26 +34,24 @@
|
|
|
33
34
|
"classnames": "^2.3.2"
|
|
34
35
|
},
|
|
35
36
|
"devDependencies": {
|
|
37
|
+
"@csstools/postcss-extract": "^2.0.1",
|
|
38
|
+
"@rollup/plugin-commonjs": "^24.0.1",
|
|
36
39
|
"@types/node": "^18.15.7",
|
|
37
40
|
"autoprefixer": "^9.5.1",
|
|
38
41
|
"css-to-react-native-transform": "^2.0.0",
|
|
39
|
-
"postcss": "^
|
|
42
|
+
"postcss": "^8.4.21",
|
|
40
43
|
"postcss-calc": "7.0.2",
|
|
41
|
-
"postcss-cli": "^
|
|
42
|
-
"postcss-
|
|
43
|
-
"postcss-
|
|
44
|
-
"postcss-import": "^12.0.1",
|
|
44
|
+
"postcss-cli": "^10.1.0",
|
|
45
|
+
"postcss-custom-properties": "^13.1.4",
|
|
46
|
+
"postcss-import": "^15.1.0",
|
|
45
47
|
"postcss-preset-env": "^6.6.0",
|
|
46
48
|
"rollup": "^1.11.3",
|
|
47
|
-
"rollup-plugin-commonjs": "^9.3.4",
|
|
48
49
|
"rollup-plugin-copy": "^3.4.0",
|
|
49
|
-
"rollup-plugin-multi-input": "^
|
|
50
|
-
"rollup-plugin-
|
|
51
|
-
"rollup-plugin-
|
|
52
|
-
"rollup-plugin-typescript": "^1.0.1",
|
|
53
|
-
"rollup-plugin-typescript2": "^0.31.2",
|
|
50
|
+
"rollup-plugin-multi-input": "^1.4.1",
|
|
51
|
+
"rollup-plugin-postcss": "^4.0.2",
|
|
52
|
+
"rollup-plugin-typescript2": "^0.34.1",
|
|
54
53
|
"typed-css-modules": "^0.7.0",
|
|
55
54
|
"typescript": "^4.9.5"
|
|
56
55
|
},
|
|
57
|
-
"gitHead": "
|
|
56
|
+
"gitHead": "c7bfdd42f139fe92b4f79e1a0aabfbabd7c1e40a"
|
|
58
57
|
}
|
package/foundation.css.d.ts
DELETED
|
File without changes
|