@jobber/design 0.56.4 → 0.57.1-retheme-fe.2

package/dist/icons/Icon.css.d.ts

@@ -2,6 +2,8 @@ declare const styles: {
   readonly "icon": string;
   readonly "longArrowUp": string;
   readonly "longArrowDown": string;
+  readonly "longArrowRight": string;
+  readonly "longArrowLeft": string;
   readonly "thumbsDown": string;
   readonly "person": string;
   readonly "clients": string;

package/dist/icons/getIcon.d.ts

@@ -4,7 +4,7 @@ import { iconMap } from "./iconMap";
 export declare const iconClassMap: {};
 export declare const sizesClassMap: {};
 export declare const colorsClassMap: {};
-export type IconNames = keyof typeof iconMap.icons | "longArrowUp" | "longArrowDown" | "remove" | "thumbsDown" | "truck";
+export type IconNames = keyof typeof iconMap.icons | "longArrowUp" | "longArrowDown" | "longArrowRight" | "longArrowLeft" | "remove" | "thumbsDown" | "truck";
 export type IconColorNames = keyof typeof colors;
 export type IconSizes = keyof typeof sizes;
 interface IconProps {

package/dist/icons/iconStyles.d.ts

@@ -14,6 +14,16 @@ export declare const iconStyles: {
             rotate: string;
         }[];
     };
+    longArrowRight: {
+        transform: {
+            rotate: string;
+        }[];
+    };
+    longArrowLeft: {
+        transform: {
+            rotate: string;
+        }[];
+    };
     thumbsDown: {
         transform: {
             scaleY: number;

package/dist/index.js

@@ -35,8 +35,8 @@ function styleInject(css, ref) {
   }
 }
 
-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-client);\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.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\n.TWv4VW54z4o- {\n  -webkit-animation-duration: 5s;\n          animation-duration: 5s;\n  -webkit-animation-iteration-count: infinite;\n          animation-iteration-count: infinite;\n  -webkit-animation-name: w3VStbNDR2k-;\n          animation-name: w3VStbNDR2k-;\n  -webkit-animation-timing-function: linear;\n          animation-timing-function: linear;\n}\n\n@-webkit-keyframes w3VStbNDR2k- {\n  from {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n\n  to {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n@keyframes w3VStbNDR2k- {\n  from {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n\n  to {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n";
-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-","video":"DCpxHyIHNPE-","excel":"_4YZ9L5eggeE-","pdf":"_70PQ4xIy0cE-","word":"vmj7sbHJicU-","runningTimer":"TWv4VW54z4o-","spinning":"w3VStbNDR2k-"};
+var css_248z$2 = ".Z6OfUI2sH34- {\n  fill: var(--color-icon);\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.KkS1FWxLioI- {\n  -webkit-transform: rotate(180deg);\n          transform: rotate(180deg);\n}\n\n._7KU7gAbdYjw- {\n  -webkit-transform: rotate(0deg);\n          transform: rotate(0deg);\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-client);\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.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\n.TWv4VW54z4o- {\n  -webkit-animation-duration: 5s;\n          animation-duration: 5s;\n  -webkit-animation-iteration-count: infinite;\n          animation-iteration-count: infinite;\n  -webkit-animation-name: w3VStbNDR2k-;\n          animation-name: w3VStbNDR2k-;\n  -webkit-animation-timing-function: linear;\n          animation-timing-function: linear;\n}\n\n@-webkit-keyframes w3VStbNDR2k- {\n  from {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n\n  to {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n@keyframes w3VStbNDR2k- {\n  from {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n\n  to {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n";
+var styles = {"icon":"Z6OfUI2sH34-","longArrowUp":"gKAiKduA7YU-","longArrowDown":"ZJ3jy3YYT0U-","longArrowRight":"KkS1FWxLioI-","longArrowLeft":"_7KU7gAbdYjw-","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-","video":"DCpxHyIHNPE-","excel":"_4YZ9L5eggeE-","pdf":"_70PQ4xIy0cE-","word":"vmj7sbHJicU-","runningTimer":"TWv4VW54z4o-","spinning":"w3VStbNDR2k-"};
 styleInject(css_248z$2);
 
 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";
@@ -601,6 +601,8 @@ function getIcon({ name, color, size = "base" }) {
     const svgClassNames = classnames__default["default"](styles.icon, sizes[size], {
         [styles.longArrowUp]: name === "longArrowUp",
         [styles.longArrowDown]: name === "longArrowDown",
+        [styles.longArrowRight]: name === "longArrowRight",
+        [styles.longArrowLeft]: name === "longArrowLeft",
         [styles.thumbsDown]: name === "thumbsDown",
         [styles.runningTimer]: name === "runningTimer",
     });
@@ -625,6 +627,10 @@ function mapToCorrectIcon(name) {
             return "backArrow";
         case "longArrowDown":
             return "backArrow";
+        case "longArrowRight":
+            return "backArrow";
+        case "longArrowLeft":
+            return "backArrow";
         case "remove":
             return "cross";
         case "thumbsDown":
@@ -669,7 +675,7 @@ function getPathClassNames(name, color) {
 /* This file is automatically generated by buildIconStyle.js and should not be edited. */
 const iconStyles = {
     "icon": {
-        "fill": "rgba(101, 120, 132, 1)",
+        "fill": "rgb(1, 40, 55)",
         "display": "inline-block",
         "verticalAlign": "middle"
     },
@@ -687,6 +693,20 @@ const iconStyles = {
             }
         ]
     },
+    "longArrowRight": {
+        "transform": [
+            {
+                "rotate": "180deg"
+            }
+        ]
+    },
+    "longArrowLeft": {
+        "transform": [
+            {
+                "rotate": "0deg"
+            }
+        ]
+    },
     "thumbsDown": {
         "transform": [
             {
@@ -695,76 +715,76 @@ const iconStyles = {
         ]
     },
     "person": {
-        "fill": "rgb(62, 173, 146)"
+        "fill": "rgb(1, 40, 55)"
     },
     "clients": {
-        "fill": "rgb(62, 173, 146)"
+        "fill": "rgb(1, 40, 55)"
     },
     "company": {
-        "fill": "rgb(62, 173, 146)"
+        "fill": "rgb(1, 40, 55)"
     },
     "property": {
-        "fill": "rgb(62, 173, 146)"
+        "fill": "rgb(1, 40, 55)"
     },
     "job": {
-        "fill": "rgb(187, 197, 32)"
+        "fill": "rgb(50, 130, 28)"
     },
     "jobOnHold": {
-        "fill": "rgb(187, 197, 32)"
+        "fill": "rgb(50, 130, 28)"
     },
     "visit": {
-        "fill": "rgb(153, 193, 70)"
+        "fill": "rgb(153, 194, 71)"
     },
     "moveVisits": {
-        "fill": "rgb(153, 193, 70)"
+        "fill": "rgb(153, 194, 71)"
     },
     "event": {
-        "fill": "rgb(221, 195, 15)"
+        "fill": "rgb(209, 185, 46)"
     },
     "quote": {
-        "fill": "rgb(179, 96, 150)"
+        "fill": "rgb(164, 70, 88)"
     },
     "request": {
-        "fill": "rgb(85, 106, 203)"
+        "fill": "rgb(185, 133, 70)"
     },
     "task": {
         "fill": "rgb(75, 106, 150)"
     },
     "userUnassigned": {
-        "fill": "rgb(201, 66, 33)"
+        "fill": "rgb(199, 20, 0)"
     },
     "reminder": {
-        "fill": "rgb(201, 66, 33)"
+        "fill": "rgb(199, 20, 0)"
     },
     "trash": {
-        "fill": "rgb(201, 66, 33)"
+        "fill": "rgb(199, 20, 0)"
     },
     "checkmark": {
-        "fill": "rgb(125, 176, 14)"
+        "fill": "rgb(50, 130, 28)"
     },
     "timer": {
         "fill": "rgb(60, 162, 224)"
     },
     "invoice": {
-        "fill": "rgb(136, 112, 196)"
+        "fill": "rgb(49, 98, 144)"
     },
     "invoiceLater": {
-        "fill": "rgb(136, 112, 196)"
+        "fill": "rgb(49, 98, 144)"
     },
     "sendInvoice": {
-        "fill": "rgb(136, 112, 196)"
+        "fill": "rgb(49, 98, 144)"
     },
     "paidInvoice": {
-        "fill": "rgb(136, 112, 196)"
+        "fill": "rgb(49, 98, 144)"
     },
     "badInvoice": {
-        "fill": "rgb(201, 66, 33)"
+        "fill": "rgb(199, 20, 0)"
     },
     "payment": {
-        "fill": "rgb(243, 150, 36)"
+        "fill": "rgb(227, 142, 38)"
     },
     "expense": {
-        "fill": "rgb(243, 150, 36)"
+        "fill": "rgb(227, 142, 38)"
     },
     "video": {
         "fill": "rgb(60, 162, 224)"
@@ -812,43 +832,43 @@ const iconStyles = {
         "fill": "rgb(193, 201, 206)"
     },
     "blue": {
-        "fill": "rgb(1, 41, 57)"
+        "fill": "rgb(1, 40, 55)"
     },
     "lightBlue": {
         "fill": "rgb(60, 162, 224)"
     },
     "green": {
-        "fill": "rgb(125, 176, 14)"
+        "fill": "rgb(50, 130, 28)"
     },
     "yellow": {
-        "fill": "rgb(221, 195, 15)"
+        "fill": "rgb(209, 185, 46)"
     },
     "red": {
-        "fill": "rgb(201, 66, 33)"
+        "fill": "rgb(199, 20, 0)"
     },
     "navy": {
         "fill": "rgb(75, 106, 150)"
     },
     "orange": {
-        "fill": "rgb(243, 150, 36)"
+        "fill": "rgb(227, 142, 38)"
     },
     "interactive": {
-        "fill": "rgb(125, 176, 14)"
+        "fill": "rgb(50, 130, 28)"
     },
     "interactiveHover": {
-        "fill": "rgb(81, 114, 9)"
+        "fill": "rgb(14, 78, 26)"
     },
     "destructive": {
-        "fill": "rgb(201, 66, 33)"
+        "fill": "rgb(199, 20, 0)"
     },
     "destructiveHover": {
-        "fill": "rgb(128, 25, 0)"
+        "fill": "rgb(87, 9, 0)"
     },
     "interactiveSubtle": {
-        "fill": "rgba(101, 120, 132, 1)"
+        "fill": "rgb(1, 40, 55)"
     },
     "interactiveSubtleHover": {
-        "fill": "rgb(66, 78, 86)"
+        "fill": "rgb(1, 25, 35)"
     },
     "disabled": {
         "fill": "rgb(181, 181, 181)"
@@ -857,61 +877,61 @@ const iconStyles = {
         "fill": "rgb(225, 225, 225)"
     },
     "focus": {
-        "fill": "rgb(147, 161, 169)"
+        "fill": "rgb(131, 151, 160)"
     },
     "critical": {
-        "fill": "rgb(201, 66, 33)"
+        "fill": "rgb(199, 20, 0)"
     },
     "criticalSurface": {
-        "fill": "rgb(255, 226, 219)"
+        "fill": "rgb(250, 237, 234)"
     },
     "criticalOnSurface": {
-        "fill": "rgb(128, 25, 0)"
+        "fill": "rgb(87, 9, 0)"
     },
     "warning": {
-        "fill": "rgb(221, 195, 15)"
+        "fill": "rgb(209, 185, 46)"
     },
     "warningSurface": {
-        "fill": "rgb(250, 246, 219)"
+        "fill": "rgb(250, 248, 234)"
     },
     "warningOnSurface": {
-        "fill": "rgb(144, 127, 10)"
+        "fill": "rgb(91, 79, 6)"
     },
     "success": {
-        "fill": "rgb(125, 176, 14)"
+        "fill": "rgb(50, 130, 28)"
     },
     "successSurface": {
-        "fill": "rgb(236, 243, 219)"
+        "fill": "rgb(241, 247, 238)"
     },
     "successOnSurface": {
-        "fill": "rgb(81, 114, 9)"
+        "fill": "rgb(14, 78, 26)"
     },
     "informative": {
         "fill": "rgb(60, 162, 224)"
     },
     "informativeSurface": {
-        "fill": "rgb(226, 241, 250)"
+        "fill": "rgb(239, 246, 251)"
     },
     "informativeOnSurface": {
-        "fill": "rgb(39, 105, 146)"
+        "fill": "rgb(17, 66, 85)"
     },
     "inactive": {
-        "fill": "rgb(77, 105, 116)"
+        "fill": "rgb(1, 40, 55)"
     },
     "inactiveSurface": {
-        "fill": "rgb(217, 223, 225)"
+        "fill": "rgb(238, 240, 242)"
     },
     "inactiveOnSurface": {
-        "fill": "rgb(1, 27, 37)"
+        "fill": "rgb(1, 40, 55)"
     },
     "heading": {
-        "fill": "rgb(1, 41, 57)"
+        "fill": "rgb(1, 40, 55)"
     },
     "text": {
         "fill": "rgb(66, 78, 86)"
     },
     "textSecondary": {
-        "fill": "rgb(77, 105, 116)"
+        "fill": "rgb(78, 105, 116)"
     },
     "textReverse": {
         "fill": "rgba(255, 255, 255, 1)"
@@ -923,19 +943,19 @@ const iconStyles = {
         "fill": "rgba(255, 255, 255, 1)"
     },
     "surfaceHover": {
-        "fill": "rgb(244, 246, 250)"
+        "fill": "rgb(241, 239, 233)"
     },
     "surfaceActive": {
-        "fill": "rgb(217, 223, 225)"
+        "fill": "rgb(218, 224, 226)"
     },
     "surfaceBackground": {
-        "fill": "rgb(238, 240, 242)"
+        "fill": "rgb(241, 239, 233)"
     },
     "surfaceReverse": {
-        "fill": "rgb(1, 41, 57)"
+        "fill": "rgb(1, 40, 55)"
     },
     "brand": {
-        "fill": "rgb(125, 176, 14)"
+        "fill": "rgb(124, 175, 14)"
     },
     "brandHighlight": {
         "fill": "rgb(132, 234, 0)"
@@ -950,67 +970,71 @@ const tokens = {
   "border-thick": 2,
   "border-thicker": 4,
   "border-thickest": 8,
-  "color-interactive": "rgb(125, 176, 14)",
-  "color-interactive--hover": "rgb(81, 114, 9)",
-  "color-destructive": "rgb(201, 66, 33)",
-  "color-destructive--hover": "rgb(128, 25, 0)",
-  "color-interactive--subtle": "rgba(101, 120, 132, 1)",
-  "color-interactive--subtle--hover": "rgb(66, 78, 86)",
+  "color-interactive": "rgb(50, 130, 28)",
+  "color-interactive--hover": "rgb(14, 78, 26)",
+  "color-destructive": "rgb(199, 20, 0)",
+  "color-destructive--hover": "rgb(87, 9, 0)",
+  "color-interactive--subtle": "rgb(1, 40, 55)",
+  "color-interactive--subtle--hover": "rgb(1, 25, 35)",
   "color-disabled": "rgb(181, 181, 181)",
   "color-disabled--secondary": "rgb(225, 225, 225)",
-  "color-focus": "rgb(147, 161, 169)",
-  "color-critical": "rgb(201, 66, 33)",
-  "color-critical--surface": "rgb(255, 226, 219)",
-  "color-critical--onSurface": "rgb(128, 25, 0)",
-  "color-warning": "rgb(221, 195, 15)",
-  "color-warning--surface": "rgb(250, 246, 219)",
-  "color-warning--onSurface": "rgb(144, 127, 10)",
-  "color-success": "rgb(125, 176, 14)",
-  "color-success--surface": "rgb(236, 243, 219)",
-  "color-success--onSurface": "rgb(81, 114, 9)",
+  "color-focus": "rgb(131, 151, 160)",
+  "color-critical": "rgb(199, 20, 0)",
+  "color-critical--surface": "rgb(250, 237, 234)",
+  "color-critical--onSurface": "rgb(87, 9, 0)",
+  "color-warning": "rgb(209, 185, 46)",
+  "color-warning--surface": "rgb(250, 248, 234)",
+  "color-warning--onSurface": "rgb(91, 79, 6)",
+  "color-success": "rgb(50, 130, 28)",
+  "color-success--surface": "rgb(241, 247, 238)",
+  "color-success--onSurface": "rgb(14, 78, 26)",
   "color-informative": "rgb(60, 162, 224)",
-  "color-informative--surface": "rgb(226, 241, 250)",
-  "color-informative--onSurface": "rgb(39, 105, 146)",
-  "color-inactive": "rgb(77, 105, 116)",
-  "color-inactive--surface": "rgb(217, 223, 225)",
-  "color-inactive--onSurface": "rgb(1, 27, 37)",
-  "color-heading": "rgb(1, 41, 57)",
+  "color-informative--surface": "rgb(239, 246, 251)",
+  "color-informative--onSurface": "rgb(17, 66, 85)",
+  "color-inactive": "rgb(1, 40, 55)",
+  "color-inactive--surface": "rgb(238, 240, 242)",
+  "color-inactive--onSurface": "rgb(1, 40, 55)",
+  "color-heading": "rgb(1, 40, 55)",
   "color-text": "rgb(66, 78, 86)",
-  "color-text--secondary": "rgb(77, 105, 116)",
+  "color-text--secondary": "rgb(78, 105, 116)",
   "color-text--reverse": "rgba(255, 255, 255, 1)",
   "color-text--reverse--secondary": "rgb(193, 201, 206)",
+  "color-icon": "rgb(1, 40, 55)",
   "color-surface": "rgba(255, 255, 255, 1)",
-  "color-surface--hover": "rgb(244, 246, 250)",
-  "color-surface--active": "rgb(217, 223, 225)",
-  "color-surface--background": "rgb(238, 240, 242)",
-  "color-surface--background--hover": "rgb(193, 201, 206)",
-  "color-surface--reverse": "rgb(1, 41, 57)",
-  "color-border": "rgb(217, 223, 225)",
-  "color-border--section": "rgb(1, 41, 57)",
+  "color-surface--hover": "rgb(241, 239, 233)",
+  "color-surface--active": "rgb(218, 224, 226)",
+  "color-surface--background": "rgb(241, 239, 233)",
+  "color-surface--background--hover": "rgb(231, 229, 217)",
+  "color-surface--reverse": "rgb(1, 40, 55)",
+  "color-border": "rgb(218, 224, 226)",
+  "color-border--section": "rgb(1, 40, 55)",
   "color-overlay": "rgba(0, 0, 0, 0.32)",
   "color-overlay--dimmed": "rgba(255, 255, 255, 0.6)",
-  "color-brand": "rgb(125, 176, 14)",
+  "color-brand": "rgb(124, 175, 14)",
   "color-brand--highlight": "rgb(132, 234, 0)",
-  "color-request": "rgb(85, 106, 203)",
-  "color-quote": "rgb(179, 96, 150)",
-  "color-job": "rgb(187, 197, 32)",
-  "color-visit": "rgb(125, 176, 14)",
+  "color-request": "rgb(185, 133, 70)",
+  "color-quote": "rgb(164, 70, 88)",
+  "color-job": "rgb(50, 130, 28)",
+  "color-visit": "rgb(50, 130, 28)",
   "color-task": "rgb(75, 106, 150)",
-  "color-event": "rgb(221, 195, 15)",
-  "color-invoice": "rgb(136, 112, 196)",
-  "color-payments": "rgb(243, 150, 36)",
-  "color-client": "rgb(62, 173, 146)",
-  "color-blue": "rgb(1, 41, 57)",
-  "color-blue--light": "rgb(77, 105, 116)",
-  "color-blue--lighter": "rgb(153, 169, 176)",
-  "color-blue--lightest": "rgb(217, 223, 225)",
-  "color-blue--dark": "rgb(1, 27, 37)",
-  "color-green": "rgb(125, 176, 14)",
-  "color-green--light": "rgb(164, 200, 86)",
-  "color-green--lighter": "rgb(203, 223, 159)",
-  "color-green--lightest": "rgb(236, 243, 219)",
-  "color-green--dark": "rgb(81, 114, 9)",
-  "color-lime": "rgb(153, 193, 70)",
+  "color-event": "rgb(209, 185, 46)",
+  "color-invoice": "rgb(49, 98, 144)",
+  "color-payments": "rgb(49, 98, 144)",
+  "color-client": "rgb(1, 40, 55)",
+  "color-blue": "rgb(1, 40, 55)",
+  "color-blue--light": "rgb(78, 105, 116)",
+  "color-blue--lighter": "rgb(131, 151, 160)",
+  "color-blue--lightest": "rgb(218, 224, 226)",
+  "color-blue--dark": "rgb(1, 25, 35)",
+  "color-taupe": "rgb(241, 239, 233)",
+  "color-taupe--light": "rgb(247, 246, 243)",
+  "color-taupe--dark": "rgb(231, 229, 217)",
+  "color-green": "rgb(50, 130, 28)",
+  "color-green--light": "rgb(104, 162, 87)",
+  "color-green--lighter": "rgb(198, 221, 192)",
+  "color-green--lightest": "rgb(241, 247, 238)",
+  "color-green--dark": "rgb(14, 78, 26)",
+  "color-lime": "rgb(153, 194, 71)",
   "color-lime--light": "rgb(184, 212, 126)",
   "color-lime--lighter": "rgb(214, 230, 181)",
   "color-lime--lightest": "rgb(240, 246, 227)",
@@ -1020,16 +1044,16 @@ const tokens = {
   "color-yellowGreen--lighter": "rgb(228, 232, 166)",
   "color-yellowGreen--lightest": "rgb(245, 246, 222)",
   "color-yellowGreen--dark": "rgb(122, 128, 21)",
-  "color-yellow": "rgb(221, 195, 15)",
+  "color-yellow": "rgb(209, 185, 46)",
   "color-yellow--light": "rgb(231, 213, 87)",
   "color-yellow--lighter": "rgb(241, 231, 159)",
-  "color-yellow--lightest": "rgb(250, 246, 219)",
-  "color-yellow--dark": "rgb(144, 127, 10)",
-  "color-red": "rgb(201, 66, 33)",
+  "color-yellow--lightest": "rgb(250, 248, 234)",
+  "color-yellow--dark": "rgb(91, 79, 6)",
+  "color-red": "rgb(199, 20, 0)",
   "color-red--light": "rgb(233, 141, 119)",
   "color-red--lighter": "rgb(255, 206, 194)",
-  "color-red--lightest": "rgb(255, 226, 219)",
-  "color-red--dark": "rgb(128, 25, 0)",
+  "color-red--lightest": "rgb(250, 237, 234)",
+  "color-red--dark": "rgb(87, 9, 0)",
   "color-grey": "rgb(181, 181, 181)",
   "color-grey--light": "rgb(203, 203, 203)",
   "color-grey--lighter": "rgb(225, 225, 225)",
@@ -1044,8 +1068,8 @@ const tokens = {
   "color-lightBlue": "rgb(60, 162, 224)",
   "color-lightBlue--light": "rgb(119, 190, 233)",
   "color-lightBlue--lighter": "rgb(177, 218, 243)",
-  "color-lightBlue--lightest": "rgb(226, 241, 250)",
-  "color-lightBlue--dark": "rgb(39, 105, 146)",
+  "color-lightBlue--lightest": "rgb(239, 246, 251)",
+  "color-lightBlue--dark": "rgb(17, 66, 85)",
   "color-purple": "rgb(136, 112, 196)",
   "color-purple--light": "rgb(172, 155, 214)",
   "color-purple--lighter": "rgb(207, 198, 231)",
@@ -1061,7 +1085,7 @@ const tokens = {
   "color-teal--lighter": "rgb(178, 222, 211)",
   "color-teal--lightest": "rgb(226, 243, 239)",
   "color-teal--dark": "rgb(40, 112, 95)",
-  "color-orange": "rgb(243, 150, 36)",
+  "color-orange": "rgb(227, 142, 38)",
   "color-orange--light": "rgb(247, 182, 102)",
   "color-orange--lighter": "rgb(250, 213, 167)",
   "color-orange--lightest": "rgb(253, 239, 222)",
@@ -1085,10 +1109,10 @@ const tokens = {
   "color-white": "rgba(255, 255, 255, 1)",
   "color-black--rgb": "0, 0, 0",
   "color-black": "rgba(0, 0, 0, 1)",
-  "radius-small": 1,
-  "radius-base": 2,
-  "radius-large": 4,
-  "radius-larger": 8,
+  "radius-small": 4,
+  "radius-base": 8,
+  "radius-large": 16,
+  "radius-larger": 24,
   "radius-circle": 100,
   "base-unit": 16,
   "space-minuscule": 1,

package/foundation.android.d.ts

@@ -35,6 +35,7 @@ export const tokens: {
     "color-text--secondary": string;
     "color-text--reverse": string;
     "color-text--reverse--secondary": string;
+    "color-icon": string;
     "color-surface": string;
     "color-surface--hover": string;
     "color-surface--active": string;
@@ -61,6 +62,9 @@ export const tokens: {
     "color-blue--lighter": string;
     "color-blue--lightest": string;
     "color-blue--dark": string;
+    "color-taupe": string;
+    "color-taupe--light": string;
+    "color-taupe--dark": string;
     "color-green": string;
     "color-green--light": string;
     "color-green--lighter": string;