@jobber/design 0.31.1 → 0.31.2-pre.6

package/dist/icons/iconStyles.d.ts

@@ -111,12 +111,12 @@ export declare const iconStyles: {
         height: number;
     };
     base: {
-        width: number;
-        height: number;
+        width: string;
+        height: string;
     };
     large: {
-        width: number;
-        height: number;
+        width: string;
+        height: string;
     };
     white: {
         fill: string;

package/dist/index.js

@@ -685,12 +685,12 @@ const iconStyles = {
         "height": 16
     },
     "base": {
-        "width": 24,
-        "height": 24
+        "width": "calc(16px*1.5)",
+        "height": "calc(16px*1.5)"
     },
     "large": {
-        "width": 32,
-        "height": 32
+        "width": "calc(16px*2)",
+        "height": "calc(16px*2)"
     },
     "white": {
         "fill": "rgba(255, 255, 255, 1)"

package/foundation.js

@@ -170,8 +170,8 @@ export const JobberStyle = {
   "typography--fontFamily-normal": "\"Inter\", Helvetica, Arial, sans-serif",
   "typography--fontFamily-display": "\"Jobber Pro\", \"Poppins\", Helvetica, Arial,\n    sans-serif",
   "typography--fontSize-extravagant": 16,
-  "typography--fontSize-jumbo": 36,
-  "typography--fontSize-largest": 24,
+  "typography--fontSize-jumbo": 16,
+  "typography--fontSize-largest": 16,
   "typography--fontSize-larger": 20,
   "typography--fontSize-large": 16,
   "typography--fontSize-base": 14,

package/foundation.scss

@@ -174,9 +174,9 @@ $typography--letterSpacing-loose: 0.4px;
 $typography--fontFamily-normal: "Inter", Helvetica, Arial, sans-serif;
 $typography--fontFamily-display: "Jobber Pro", "Poppins", Helvetica, Arial,
     sans-serif;
-$typography--fontSize-extravagant: 48px;
-$typography--fontSize-jumbo: 36px;
-$typography--fontSize-largest: 24px;
+$typography--fontSize-extravagant: 40px;
+$typography--fontSize-jumbo: 28px;
+$typography--fontSize-largest: 22px;
 $typography--fontSize-larger: 20px;
 $typography--fontSize-large: 16px;
 $typography--fontSize-base: 14px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/design",
-  "version": "0.31.1",
+  "version": "0.31.2-pre.6+c7bfdd42",
   "description": "Design foundation for the Jobber Atlantis Design System",
   "license": "MIT",
   "main": "dist/index.js",
@@ -12,6 +12,7 @@
     "icons/*"
   ],
   "scripts": {
+    "_build": "npm run build:css && npm run build:css:icons && npm run build:colors && npm run build:cssTypes && npm run build:foundation",
     "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",
     "build:rollup": "rollup --config",
     "build:css": "postcss src/foundation.css --output foundation.css --use postcss-import",
@@ -33,15 +34,16 @@
     "classnames": "^2.3.2"
   },
   "devDependencies": {
+    "@csstools/postcss-extract": "^2.0.1",
     "@rollup/plugin-commonjs": "^24.0.1",
     "@types/node": "^18.15.7",
     "autoprefixer": "^9.5.1",
     "css-to-react-native-transform": "^2.0.0",
     "postcss": "^8.4.21",
     "postcss-calc": "7.0.2",
-    "postcss-cli": "^6.1.2",
-    "postcss-custom-properties": "^8.0.10",
-    "postcss-import": "^12.0.1",
+    "postcss-cli": "^10.1.0",
+    "postcss-custom-properties": "^13.1.4",
+    "postcss-import": "^15.1.0",
     "postcss-preset-env": "^6.6.0",
     "rollup": "^1.11.3",
     "rollup-plugin-copy": "^3.4.0",
@@ -51,5 +53,5 @@
     "typed-css-modules": "^0.7.0",
     "typescript": "^4.9.5"
   },
-  "gitHead": "f164bf5420fb0073954c04f759e32e23c409108a"
+  "gitHead": "c7bfdd42f139fe92b4f79e1a0aabfbabd7c1e40a"
 }