@jobber/design 0.71.1 → 0.71.2-update-val-e6a6660.10

package/dist/dark.mode.css

@@ -72,7 +72,7 @@
   --color-invoice--surface: var(--color-base-lightBlue--800);
   --color-invoice--onSurface: var(--color-base-lightBlue--300);
   --color-payments--surface: var(--color-invoice--surface);
-  --color-payments--onSurface: var(--color-invoice--surface);
+  --color-payments--onSurface: var(--color-invoice--onSurface);
   --color-client: var(--color-base-blue--200);
   --shadow-low: 0px var(--space-minuscule) var(--space-smallest) rgba(0, 0, 0, 0.15), 0px 0px var(--space-smallest) rgba(0, 0, 0, 0.25);
   --shadow-base: 0px var(--space-minuscule) var(--space-smaller) 0px rgba(0, 0, 0, 0.1), 0px var(--space-smaller) 12px 0px rgba(0, 0, 0, 0.2);

package/dist/dark.theme.css

@@ -70,7 +70,7 @@
   --color-invoice--surface: var(--color-base-lightBlue--800);
   --color-invoice--onSurface: var(--color-base-lightBlue--300);
   --color-payments--surface: var(--color-invoice--surface);
-  --color-payments--onSurface: var(--color-invoice--surface);
+  --color-payments--onSurface: var(--color-invoice--onSurface);
   --color-client: var(--color-base-blue--200);
   --shadow-low: 0px var(--space-minuscule) var(--space-smallest) rgba(0, 0, 0, 0.15), 0px 0px var(--space-smallest) rgba(0, 0, 0, 0.25);
   --shadow-base: 0px var(--space-minuscule) var(--space-smaller) 0px rgba(0, 0, 0, 0.1), 0px var(--space-smaller) 12px 0px rgba(0, 0, 0, 0.2);

package/dist/foundation.css

@@ -261,7 +261,7 @@ div[data-theme="light"],
   --color-surface--background--subtle: var(--color-base-taupe--100);
   --color-surface--background--subtle--hover: var(--color-base-taupe--300);
   --color-border: var(--color-base-blue--300);
-  --color-border--interactive: var(--color-base-blue--300);
+  --color-border--interactive: var(--color-base-blue--500);
   --color-border--section: var(--color-base-blue--900);
   --color-brand: var(--color-base-lime--500);
   --color-request: var(--color-base-orange--600);
@@ -287,7 +287,7 @@ div[data-theme="light"],
   --color-event--onSurface: var(--color-base-yellow--700);
   --color-payments: var(--color-invoice);
   --color-payments--surface: var(--color-invoice--surface);
-  --color-payments--onSurface: var(--color-invoice--surface);
+  --color-payments--onSurface: var(--color-invoice--onSurface);
   --color-client: var(--color-base-taupe--700);
   --radius-base: 8px;
   --radius-small: 4px;

package/dist/index.cjs

@@ -1183,7 +1183,7 @@ var tokens_web = {
     "color-surface--background--subtle": "hsl(45, 20%, 97%)",
     "color-surface--background--subtle--hover": "hsl(51, 17%, 85%)",
     "color-border": "hsl(200, 13%, 87%)",
-    "color-border--interactive": "hsl(200, 13%, 87%)",
+    "color-border--interactive": "hsl(198, 12%, 57%)",
     "color-border--section": "hsl(197, 90%, 12%)",
     "color-brand": "hsl(79, 85%, 34%)",
     "color-request": "hsl(31, 90%, 37%)",
@@ -1209,7 +1209,7 @@ var tokens_web = {
     "color-event--onSurface": "hsl(51, 64%, 24%)",
     "color-payments": "hsl(207, 61%, 34%)",
     "color-payments--surface": "hsl(207, 87%, 94%)",
-    "color-payments--onSurface": "hsl(207, 87%, 94%)",
+    "color-payments--onSurface": "hsl(206, 61%, 23%)",
     "color-client": "hsl(48, 3%, 34%)",
     "radius-base": 8,
     "radius-small": 4,
@@ -1529,7 +1529,7 @@ var tokens_android = {
     "color-surface--background--subtle": "hsl(45, 20%, 97%)",
     "color-surface--background--subtle--hover": "hsl(51, 17%, 85%)",
     "color-border": "hsl(200, 13%, 87%)",
-    "color-border--interactive": "hsl(200, 13%, 87%)",
+    "color-border--interactive": "hsl(198, 12%, 57%)",
     "color-border--section": "hsl(197, 90%, 12%)",
     "color-brand": "hsl(79, 85%, 34%)",
     "color-request": "hsl(31, 90%, 37%)",
@@ -1555,7 +1555,7 @@ var tokens_android = {
     "color-event--onSurface": "hsl(51, 64%, 24%)",
     "color-payments": "hsl(207, 61%, 34%)",
     "color-payments--surface": "hsl(207, 87%, 94%)",
-    "color-payments--onSurface": "hsl(207, 87%, 94%)",
+    "color-payments--onSurface": "hsl(206, 61%, 23%)",
     "color-client": "hsl(48, 3%, 34%)",
     "radius-base": 8,
     "radius-small": 4,
@@ -1903,7 +1903,7 @@ var tokens_ios = {
     "color-surface--background--subtle": "hsl(45, 20%, 97%)",
     "color-surface--background--subtle--hover": "hsl(51, 17%, 85%)",
     "color-border": "hsl(200, 13%, 87%)",
-    "color-border--interactive": "hsl(200, 13%, 87%)",
+    "color-border--interactive": "hsl(198, 12%, 57%)",
     "color-border--section": "hsl(197, 90%, 12%)",
     "color-brand": "hsl(79, 85%, 34%)",
     "color-request": "hsl(31, 90%, 37%)",
@@ -1929,7 +1929,7 @@ var tokens_ios = {
     "color-event--onSurface": "hsl(51, 64%, 24%)",
     "color-payments": "hsl(207, 61%, 34%)",
     "color-payments--surface": "hsl(207, 87%, 94%)",
-    "color-payments--onSurface": "hsl(207, 87%, 94%)",
+    "color-payments--onSurface": "hsl(206, 61%, 23%)",
     "color-client": "hsl(48, 3%, 34%)",
     "radius-base": 8,
     "radius-small": 4,
@@ -2122,7 +2122,7 @@ var allColors = {
     "color-event--onSurface": "hsl(51, 64%, 24%)",
     "color-payments": "hsl(207, 61%, 34%)",
     "color-payments--surface": "hsl(207, 87%, 94%)",
-    "color-payments--onSurface": "hsl(207, 87%, 94%)",
+    "color-payments--onSurface": "hsl(206, 61%, 23%)",
     "color-client": "hsl(48, 3%, 34%)",
     "color-interactive": "hsl(107, 58%, 33%)",
     "color-interactive--hover": "hsl(107, 65%, 24%)",
@@ -2165,7 +2165,7 @@ var allColors = {
     "color-surface--background--subtle": "hsl(45, 20%, 97%)",
     "color-surface--background--subtle--hover": "hsl(51, 17%, 85%)",
     "color-border": "hsl(200, 13%, 87%)",
-    "color-border--interactive": "hsl(200, 13%, 87%)",
+    "color-border--interactive": "hsl(198, 12%, 57%)",
     "color-border--section": "hsl(197, 90%, 12%)",
     "color-brand": "hsl(79, 85%, 34%)",
     "color-blue": "hsl(197, 90%, 12%)",
@@ -2426,7 +2426,7 @@ var tokens_semantic = {
     "color-surface--background--subtle": "hsl(45, 20%, 97%)",
     "color-surface--background--subtle--hover": "hsl(51, 17%, 85%)",
     "color-border": "hsl(200, 13%, 87%)",
-    "color-border--interactive": "hsl(200, 13%, 87%)",
+    "color-border--interactive": "hsl(198, 12%, 57%)",
     "color-border--section": "hsl(197, 90%, 12%)",
     "color-brand": "hsl(79, 85%, 34%)",
 };
@@ -2503,7 +2503,7 @@ var tokens_dark = {
     "color-invoice--surface": "hsl(206, 61%, 23%)",
     "color-invoice--onSurface": "hsl(206, 91%, 87%)",
     "color-payments--surface": "{color.base.lightBlue-.800}",
-    "color-payments--onSurface": "{color.base.lightBlue-.800}",
+    "color-payments--onSurface": "{color.base.lightBlue-.300}",
     "color-client": "hsl(195, 12%, 94%)",
     "shadow-low": "0px var(--space-minuscule) var(--space-smallest) rgba(0, 0, 0, 0.15), 0px 0px var(--space-smallest) rgba(0, 0, 0, 0.25)",
     "shadow-base": "0px var(--space-minuscule) var(--space-smaller) 0px rgba(0, 0, 0, 0.1), 0px var(--space-smaller) 12px 0px rgba(0, 0, 0, 0.2)",

package/dist/index.mjs

@@ -1181,7 +1181,7 @@ var tokens_web = {
     "color-surface--background--subtle": "hsl(45, 20%, 97%)",
     "color-surface--background--subtle--hover": "hsl(51, 17%, 85%)",
     "color-border": "hsl(200, 13%, 87%)",
-    "color-border--interactive": "hsl(200, 13%, 87%)",
+    "color-border--interactive": "hsl(198, 12%, 57%)",
     "color-border--section": "hsl(197, 90%, 12%)",
     "color-brand": "hsl(79, 85%, 34%)",
     "color-request": "hsl(31, 90%, 37%)",
@@ -1207,7 +1207,7 @@ var tokens_web = {
     "color-event--onSurface": "hsl(51, 64%, 24%)",
     "color-payments": "hsl(207, 61%, 34%)",
     "color-payments--surface": "hsl(207, 87%, 94%)",
-    "color-payments--onSurface": "hsl(207, 87%, 94%)",
+    "color-payments--onSurface": "hsl(206, 61%, 23%)",
     "color-client": "hsl(48, 3%, 34%)",
     "radius-base": 8,
     "radius-small": 4,
@@ -1527,7 +1527,7 @@ var tokens_android = {
     "color-surface--background--subtle": "hsl(45, 20%, 97%)",
     "color-surface--background--subtle--hover": "hsl(51, 17%, 85%)",
     "color-border": "hsl(200, 13%, 87%)",
-    "color-border--interactive": "hsl(200, 13%, 87%)",
+    "color-border--interactive": "hsl(198, 12%, 57%)",
     "color-border--section": "hsl(197, 90%, 12%)",
     "color-brand": "hsl(79, 85%, 34%)",
     "color-request": "hsl(31, 90%, 37%)",
@@ -1553,7 +1553,7 @@ var tokens_android = {
     "color-event--onSurface": "hsl(51, 64%, 24%)",
     "color-payments": "hsl(207, 61%, 34%)",
     "color-payments--surface": "hsl(207, 87%, 94%)",
-    "color-payments--onSurface": "hsl(207, 87%, 94%)",
+    "color-payments--onSurface": "hsl(206, 61%, 23%)",
     "color-client": "hsl(48, 3%, 34%)",
     "radius-base": 8,
     "radius-small": 4,
@@ -1901,7 +1901,7 @@ var tokens_ios = {
     "color-surface--background--subtle": "hsl(45, 20%, 97%)",
     "color-surface--background--subtle--hover": "hsl(51, 17%, 85%)",
     "color-border": "hsl(200, 13%, 87%)",
-    "color-border--interactive": "hsl(200, 13%, 87%)",
+    "color-border--interactive": "hsl(198, 12%, 57%)",
     "color-border--section": "hsl(197, 90%, 12%)",
     "color-brand": "hsl(79, 85%, 34%)",
     "color-request": "hsl(31, 90%, 37%)",
@@ -1927,7 +1927,7 @@ var tokens_ios = {
     "color-event--onSurface": "hsl(51, 64%, 24%)",
     "color-payments": "hsl(207, 61%, 34%)",
     "color-payments--surface": "hsl(207, 87%, 94%)",
-    "color-payments--onSurface": "hsl(207, 87%, 94%)",
+    "color-payments--onSurface": "hsl(206, 61%, 23%)",
     "color-client": "hsl(48, 3%, 34%)",
     "radius-base": 8,
     "radius-small": 4,
@@ -2120,7 +2120,7 @@ var allColors = {
     "color-event--onSurface": "hsl(51, 64%, 24%)",
     "color-payments": "hsl(207, 61%, 34%)",
     "color-payments--surface": "hsl(207, 87%, 94%)",
-    "color-payments--onSurface": "hsl(207, 87%, 94%)",
+    "color-payments--onSurface": "hsl(206, 61%, 23%)",
     "color-client": "hsl(48, 3%, 34%)",
     "color-interactive": "hsl(107, 58%, 33%)",
     "color-interactive--hover": "hsl(107, 65%, 24%)",
@@ -2163,7 +2163,7 @@ var allColors = {
     "color-surface--background--subtle": "hsl(45, 20%, 97%)",
     "color-surface--background--subtle--hover": "hsl(51, 17%, 85%)",
     "color-border": "hsl(200, 13%, 87%)",
-    "color-border--interactive": "hsl(200, 13%, 87%)",
+    "color-border--interactive": "hsl(198, 12%, 57%)",
     "color-border--section": "hsl(197, 90%, 12%)",
     "color-brand": "hsl(79, 85%, 34%)",
     "color-blue": "hsl(197, 90%, 12%)",
@@ -2424,7 +2424,7 @@ var tokens_semantic = {
     "color-surface--background--subtle": "hsl(45, 20%, 97%)",
     "color-surface--background--subtle--hover": "hsl(51, 17%, 85%)",
     "color-border": "hsl(200, 13%, 87%)",
-    "color-border--interactive": "hsl(200, 13%, 87%)",
+    "color-border--interactive": "hsl(198, 12%, 57%)",
     "color-border--section": "hsl(197, 90%, 12%)",
     "color-brand": "hsl(79, 85%, 34%)",
 };
@@ -2501,7 +2501,7 @@ var tokens_dark = {
     "color-invoice--surface": "hsl(206, 61%, 23%)",
     "color-invoice--onSurface": "hsl(206, 91%, 87%)",
     "color-payments--surface": "{color.base.lightBlue-.800}",
-    "color-payments--onSurface": "{color.base.lightBlue-.800}",
+    "color-payments--onSurface": "{color.base.lightBlue-.300}",
     "color-client": "hsl(195, 12%, 94%)",
     "shadow-low": "0px var(--space-minuscule) var(--space-smallest) rgba(0, 0, 0, 0.15), 0px 0px var(--space-smallest) rgba(0, 0, 0, 0.25)",
     "shadow-base": "0px var(--space-minuscule) var(--space-smaller) 0px rgba(0, 0, 0, 0.1), 0px var(--space-smaller) 12px 0px rgba(0, 0, 0, 0.2)",

package/dist/semantic.css

@@ -41,7 +41,7 @@
   --color-surface--background--subtle: hsl(45, 20%, 97%);
   --color-surface--background--subtle--hover: hsl(51, 17%, 85%);
   --color-border: hsl(200, 13%, 87%);
-  --color-border--interactive: hsl(200, 13%, 87%);
+  --color-border--interactive: hsl(198, 12%, 57%);
   --color-border--section: hsl(197, 90%, 12%);
   --color-brand: hsl(79, 85%, 34%);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/design",
-  "version": "0.71.1",
+  "version": "0.71.2-update-val-e6a6660.10+e6a66601",
   "description": "Design foundation for the Jobber Atlantis Design System",
   "license": "MIT",
   "type": "module",
@@ -70,5 +70,5 @@
     "rollup": "^4.13.0",
     "tsx": "^4.16.2"
   },
-  "gitHead": "061153ebb0c8746fd5e87cdeb09b8bb1fb62ef0e"
+  "gitHead": "e6a66601e1f96171a53e2ff3ff453af317cb9671"
 }