@jobber/design 0.76.1 → 0.76.2-TAYLORcli-70b42fc.11
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/assets/tokens.all.colors.d.ts +2 -0
- package/dist/assets/tokens.android.d.ts +2 -0
- package/dist/assets/tokens.dark.d.ts +2 -0
- package/dist/assets/tokens.ios.d.ts +2 -0
- package/dist/assets/tokens.web.d.ts +2 -0
- package/dist/dark.mode.css +2 -0
- package/dist/dark.theme.css +2 -0
- package/dist/foundation.css +2 -0
- package/dist/index.cjs +10 -0
- package/dist/index.mjs +10 -0
- package/package.json +2 -2
|
@@ -25,6 +25,8 @@ declare const _default: {
|
|
|
25
25
|
"color-payments--surface": string;
|
|
26
26
|
"color-payments--onSurface": string;
|
|
27
27
|
"color-client": string;
|
|
28
|
+
"color-client--surface": string;
|
|
29
|
+
"color-client--onSurface": string;
|
|
28
30
|
"color-interactive": string;
|
|
29
31
|
"color-interactive--hover": string;
|
|
30
32
|
"color-interactive--subtle": string;
|
|
@@ -286,6 +286,8 @@ declare const _default: {
|
|
|
286
286
|
"color-payments--surface": string;
|
|
287
287
|
"color-payments--onSurface": string;
|
|
288
288
|
"color-client": string;
|
|
289
|
+
"color-client--surface": string;
|
|
290
|
+
"color-client--onSurface": string;
|
|
289
291
|
"radius-base": number;
|
|
290
292
|
"radius-small": number;
|
|
291
293
|
"radius-large": number;
|
|
@@ -72,6 +72,8 @@ declare const _default: {
|
|
|
72
72
|
"color-payments--surface": string;
|
|
73
73
|
"color-payments--onSurface": string;
|
|
74
74
|
"color-client": string;
|
|
75
|
+
"color-client--surface": string;
|
|
76
|
+
"color-client--onSurface": string;
|
|
75
77
|
"shadow-low": string;
|
|
76
78
|
"shadow-base": string;
|
|
77
79
|
"shadow-high": string;
|
|
@@ -286,6 +286,8 @@ declare const _default: {
|
|
|
286
286
|
"color-payments--surface": string;
|
|
287
287
|
"color-payments--onSurface": string;
|
|
288
288
|
"color-client": string;
|
|
289
|
+
"color-client--surface": string;
|
|
290
|
+
"color-client--onSurface": string;
|
|
289
291
|
"radius-base": number;
|
|
290
292
|
"radius-small": number;
|
|
291
293
|
"radius-large": number;
|
|
@@ -286,6 +286,8 @@ declare const _default: {
|
|
|
286
286
|
"color-payments--surface": string;
|
|
287
287
|
"color-payments--onSurface": string;
|
|
288
288
|
"color-client": string;
|
|
289
|
+
"color-client--surface": string;
|
|
290
|
+
"color-client--onSurface": string;
|
|
289
291
|
"radius-base": number;
|
|
290
292
|
"radius-small": number;
|
|
291
293
|
"radius-large": number;
|
package/dist/dark.mode.css
CHANGED
|
@@ -74,6 +74,8 @@
|
|
|
74
74
|
--color-payments--surface: var(--color-invoice--surface);
|
|
75
75
|
--color-payments--onSurface: var(--color-invoice--onSurface);
|
|
76
76
|
--color-client: var(--color-base-blue--200);
|
|
77
|
+
--color-client--surface: var(--color-base-blue--800);
|
|
78
|
+
--color-client--onSurface: var(--color-base-blue--300);
|
|
77
79
|
--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);
|
|
78
80
|
--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);
|
|
79
81
|
--shadow-high: 0px var(--space-base) var(--space-base) 0px rgba(0, 0, 0, 0.075), 0px 0px var(--space-small) 0px rgba(0, 0, 0, 0.175);
|
package/dist/dark.theme.css
CHANGED
|
@@ -72,6 +72,8 @@
|
|
|
72
72
|
--color-payments--surface: var(--color-invoice--surface);
|
|
73
73
|
--color-payments--onSurface: var(--color-invoice--onSurface);
|
|
74
74
|
--color-client: var(--color-base-blue--200);
|
|
75
|
+
--color-client--surface: var(--color-base-blue--800);
|
|
76
|
+
--color-client--onSurface: var(--color-base-blue--300);
|
|
75
77
|
--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);
|
|
76
78
|
--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);
|
|
77
79
|
--shadow-high: 0px var(--space-base) var(--space-base) 0px rgba(0, 0, 0, 0.075), 0px 0px var(--space-small) 0px rgba(0, 0, 0, 0.175);
|
package/dist/foundation.css
CHANGED
|
@@ -289,6 +289,8 @@ div[data-theme="light"],
|
|
|
289
289
|
--color-payments--surface: var(--color-invoice--surface);
|
|
290
290
|
--color-payments--onSurface: var(--color-invoice--onSurface);
|
|
291
291
|
--color-client: var(--color-base-taupe--700);
|
|
292
|
+
--color-client--surface: var(--color-base-taupe--200);
|
|
293
|
+
--color-client--onSurface: var(--color-base-taupe--800);
|
|
292
294
|
--radius-base: 8px;
|
|
293
295
|
--radius-small: 4px;
|
|
294
296
|
--radius-large: 16px;
|
package/dist/index.cjs
CHANGED
|
@@ -1230,6 +1230,8 @@ var tokens_web = {
|
|
|
1230
1230
|
"color-payments--surface": "hsl(207, 87%, 94%)",
|
|
1231
1231
|
"color-payments--onSurface": "hsl(206, 61%, 23%)",
|
|
1232
1232
|
"color-client": "hsl(48, 3%, 34%)",
|
|
1233
|
+
"color-client--surface": "hsl(53, 21%, 93%)",
|
|
1234
|
+
"color-client--onSurface": "hsl(40, 3%, 23%)",
|
|
1233
1235
|
"radius-base": 8,
|
|
1234
1236
|
"radius-small": 4,
|
|
1235
1237
|
"radius-large": 16,
|
|
@@ -1577,6 +1579,8 @@ var tokens_android = {
|
|
|
1577
1579
|
"color-payments--surface": "hsl(207, 87%, 94%)",
|
|
1578
1580
|
"color-payments--onSurface": "hsl(206, 61%, 23%)",
|
|
1579
1581
|
"color-client": "hsl(48, 3%, 34%)",
|
|
1582
|
+
"color-client--surface": "hsl(53, 21%, 93%)",
|
|
1583
|
+
"color-client--onSurface": "hsl(40, 3%, 23%)",
|
|
1580
1584
|
"radius-base": 8,
|
|
1581
1585
|
"radius-small": 4,
|
|
1582
1586
|
"radius-large": 16,
|
|
@@ -1952,6 +1956,8 @@ var tokens_ios = {
|
|
|
1952
1956
|
"color-payments--surface": "hsl(207, 87%, 94%)",
|
|
1953
1957
|
"color-payments--onSurface": "hsl(206, 61%, 23%)",
|
|
1954
1958
|
"color-client": "hsl(48, 3%, 34%)",
|
|
1959
|
+
"color-client--surface": "hsl(53, 21%, 93%)",
|
|
1960
|
+
"color-client--onSurface": "hsl(40, 3%, 23%)",
|
|
1955
1961
|
"radius-base": 8,
|
|
1956
1962
|
"radius-small": 4,
|
|
1957
1963
|
"radius-large": 16,
|
|
@@ -2146,6 +2152,8 @@ var allColors = {
|
|
|
2146
2152
|
"color-payments--surface": "hsl(207, 87%, 94%)",
|
|
2147
2153
|
"color-payments--onSurface": "hsl(206, 61%, 23%)",
|
|
2148
2154
|
"color-client": "hsl(48, 3%, 34%)",
|
|
2155
|
+
"color-client--surface": "hsl(53, 21%, 93%)",
|
|
2156
|
+
"color-client--onSurface": "hsl(40, 3%, 23%)",
|
|
2149
2157
|
"color-interactive": "hsl(107, 58%, 33%)",
|
|
2150
2158
|
"color-interactive--hover": "hsl(107, 65%, 24%)",
|
|
2151
2159
|
"color-interactive--subtle": "hsl(198, 35%, 21%)",
|
|
@@ -2527,6 +2535,8 @@ var tokens_dark = {
|
|
|
2527
2535
|
"color-payments--surface": "{color.base.lightBlue-.800}",
|
|
2528
2536
|
"color-payments--onSurface": "{color.base.lightBlue-.300}",
|
|
2529
2537
|
"color-client": "hsl(195, 12%, 94%)",
|
|
2538
|
+
"color-client--surface": "hsl(197, 18%, 25%)",
|
|
2539
|
+
"color-client--onSurface": "hsl(200, 13%, 87%)",
|
|
2530
2540
|
"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)",
|
|
2531
2541
|
"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)",
|
|
2532
2542
|
"shadow-high": "0px var(--space-base) var(--space-base) 0px rgba(0, 0, 0, 0.075), 0px 0px var(--space-small) 0px rgba(0, 0, 0, 0.175)",
|
package/dist/index.mjs
CHANGED
|
@@ -1228,6 +1228,8 @@ var tokens_web = {
|
|
|
1228
1228
|
"color-payments--surface": "hsl(207, 87%, 94%)",
|
|
1229
1229
|
"color-payments--onSurface": "hsl(206, 61%, 23%)",
|
|
1230
1230
|
"color-client": "hsl(48, 3%, 34%)",
|
|
1231
|
+
"color-client--surface": "hsl(53, 21%, 93%)",
|
|
1232
|
+
"color-client--onSurface": "hsl(40, 3%, 23%)",
|
|
1231
1233
|
"radius-base": 8,
|
|
1232
1234
|
"radius-small": 4,
|
|
1233
1235
|
"radius-large": 16,
|
|
@@ -1575,6 +1577,8 @@ var tokens_android = {
|
|
|
1575
1577
|
"color-payments--surface": "hsl(207, 87%, 94%)",
|
|
1576
1578
|
"color-payments--onSurface": "hsl(206, 61%, 23%)",
|
|
1577
1579
|
"color-client": "hsl(48, 3%, 34%)",
|
|
1580
|
+
"color-client--surface": "hsl(53, 21%, 93%)",
|
|
1581
|
+
"color-client--onSurface": "hsl(40, 3%, 23%)",
|
|
1578
1582
|
"radius-base": 8,
|
|
1579
1583
|
"radius-small": 4,
|
|
1580
1584
|
"radius-large": 16,
|
|
@@ -1950,6 +1954,8 @@ var tokens_ios = {
|
|
|
1950
1954
|
"color-payments--surface": "hsl(207, 87%, 94%)",
|
|
1951
1955
|
"color-payments--onSurface": "hsl(206, 61%, 23%)",
|
|
1952
1956
|
"color-client": "hsl(48, 3%, 34%)",
|
|
1957
|
+
"color-client--surface": "hsl(53, 21%, 93%)",
|
|
1958
|
+
"color-client--onSurface": "hsl(40, 3%, 23%)",
|
|
1953
1959
|
"radius-base": 8,
|
|
1954
1960
|
"radius-small": 4,
|
|
1955
1961
|
"radius-large": 16,
|
|
@@ -2144,6 +2150,8 @@ var allColors = {
|
|
|
2144
2150
|
"color-payments--surface": "hsl(207, 87%, 94%)",
|
|
2145
2151
|
"color-payments--onSurface": "hsl(206, 61%, 23%)",
|
|
2146
2152
|
"color-client": "hsl(48, 3%, 34%)",
|
|
2153
|
+
"color-client--surface": "hsl(53, 21%, 93%)",
|
|
2154
|
+
"color-client--onSurface": "hsl(40, 3%, 23%)",
|
|
2147
2155
|
"color-interactive": "hsl(107, 58%, 33%)",
|
|
2148
2156
|
"color-interactive--hover": "hsl(107, 65%, 24%)",
|
|
2149
2157
|
"color-interactive--subtle": "hsl(198, 35%, 21%)",
|
|
@@ -2525,6 +2533,8 @@ var tokens_dark = {
|
|
|
2525
2533
|
"color-payments--surface": "{color.base.lightBlue-.800}",
|
|
2526
2534
|
"color-payments--onSurface": "{color.base.lightBlue-.300}",
|
|
2527
2535
|
"color-client": "hsl(195, 12%, 94%)",
|
|
2536
|
+
"color-client--surface": "hsl(197, 18%, 25%)",
|
|
2537
|
+
"color-client--onSurface": "hsl(200, 13%, 87%)",
|
|
2528
2538
|
"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)",
|
|
2529
2539
|
"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)",
|
|
2530
2540
|
"shadow-high": "0px var(--space-base) var(--space-base) 0px rgba(0, 0, 0, 0.075), 0px 0px var(--space-small) 0px rgba(0, 0, 0, 0.175)",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/design",
|
|
3
|
-
"version": "0.76.
|
|
3
|
+
"version": "0.76.2-TAYLORcli-70b42fc.11+70b42fc5",
|
|
4
4
|
"description": "Design foundation for the Jobber Atlantis Design System",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -70,5 +70,5 @@
|
|
|
70
70
|
"rollup": "^4.13.0",
|
|
71
71
|
"tsx": "^4.16.2"
|
|
72
72
|
},
|
|
73
|
-
"gitHead": "
|
|
73
|
+
"gitHead": "70b42fc58f054347dfda2aff71c2ff4c02092646"
|
|
74
74
|
}
|