@jobber/design 0.57.0 → 0.57.1-retheme-fe.3

package/dist/index.js

@@ -1,13 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var classnames = require('classnames');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
-
 function styleInject(css, ref) {
   if ( ref === void 0 ) ref = {};
   var insertAt = ref.insertAt;
@@ -35,7 +29,7 @@ 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.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 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);
 
@@ -598,7 +592,7 @@ function getInvertedClassMap(classMap) {
     return Object.keys(classMap).reduce((acc, value) => (Object.assign(Object.assign({}, acc), { [classMap[value]]: value })), {});
 }
 function getIcon({ name, color, size = "base" }) {
-    const svgClassNames = classnames__default["default"](styles.icon, sizes[size], {
+    const svgClassNames = classnames(styles.icon, sizes[size], {
         [styles.longArrowUp]: name === "longArrowUp",
         [styles.longArrowDown]: name === "longArrowDown",
         [styles.longArrowRight]: name === "longArrowRight",
@@ -640,7 +634,7 @@ function mapToCorrectIcon(name) {
     }
 }
 function getPathClassNames(name, color) {
-    return classnames__default["default"](color && colors[color], {
+    return classnames(color && colors[color], {
         [styles.person]: name === "person",
         [styles.clients]: name === "clients",
         [styles.company]: name === "company",
@@ -675,7 +669,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"
     },
@@ -715,76 +709,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)"
@@ -832,43 +826,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)"
@@ -877,61 +871,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)"
@@ -943,19 +937,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)"
@@ -970,67 +964,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)",
@@ -1040,16 +1038,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)",
@@ -1064,8 +1062,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)",
@@ -1081,7 +1079,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)",
@@ -1105,10 +1103,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;