@jobber/design 0.77.0 → 0.78.0
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
|
@@ -1236,6 +1236,8 @@ var tokens_web = {
|
|
|
1236
1236
|
"color-payments--surface": "hsl(207, 87%, 94%)",
|
|
1237
1237
|
"color-payments--onSurface": "hsl(206, 61%, 23%)",
|
|
1238
1238
|
"color-client": "hsl(48, 3%, 34%)",
|
|
1239
|
+
"color-client--surface": "hsl(53, 21%, 93%)",
|
|
1240
|
+
"color-client--onSurface": "hsl(40, 3%, 23%)",
|
|
1239
1241
|
"radius-base": 8,
|
|
1240
1242
|
"radius-small": 4,
|
|
1241
1243
|
"radius-large": 16,
|
|
@@ -1583,6 +1585,8 @@ var tokens_android = {
|
|
|
1583
1585
|
"color-payments--surface": "hsl(207, 87%, 94%)",
|
|
1584
1586
|
"color-payments--onSurface": "hsl(206, 61%, 23%)",
|
|
1585
1587
|
"color-client": "hsl(48, 3%, 34%)",
|
|
1588
|
+
"color-client--surface": "hsl(53, 21%, 93%)",
|
|
1589
|
+
"color-client--onSurface": "hsl(40, 3%, 23%)",
|
|
1586
1590
|
"radius-base": 8,
|
|
1587
1591
|
"radius-small": 4,
|
|
1588
1592
|
"radius-large": 16,
|
|
@@ -1958,6 +1962,8 @@ var tokens_ios = {
|
|
|
1958
1962
|
"color-payments--surface": "hsl(207, 87%, 94%)",
|
|
1959
1963
|
"color-payments--onSurface": "hsl(206, 61%, 23%)",
|
|
1960
1964
|
"color-client": "hsl(48, 3%, 34%)",
|
|
1965
|
+
"color-client--surface": "hsl(53, 21%, 93%)",
|
|
1966
|
+
"color-client--onSurface": "hsl(40, 3%, 23%)",
|
|
1961
1967
|
"radius-base": 8,
|
|
1962
1968
|
"radius-small": 4,
|
|
1963
1969
|
"radius-large": 16,
|
|
@@ -2152,6 +2158,8 @@ var allColors = {
|
|
|
2152
2158
|
"color-payments--surface": "hsl(207, 87%, 94%)",
|
|
2153
2159
|
"color-payments--onSurface": "hsl(206, 61%, 23%)",
|
|
2154
2160
|
"color-client": "hsl(48, 3%, 34%)",
|
|
2161
|
+
"color-client--surface": "hsl(53, 21%, 93%)",
|
|
2162
|
+
"color-client--onSurface": "hsl(40, 3%, 23%)",
|
|
2155
2163
|
"color-interactive": "hsl(107, 58%, 33%)",
|
|
2156
2164
|
"color-interactive--hover": "hsl(107, 65%, 24%)",
|
|
2157
2165
|
"color-interactive--subtle": "hsl(198, 35%, 21%)",
|
|
@@ -2533,6 +2541,8 @@ var tokens_dark = {
|
|
|
2533
2541
|
"color-payments--surface": "{color.base.lightBlue-.800}",
|
|
2534
2542
|
"color-payments--onSurface": "{color.base.lightBlue-.300}",
|
|
2535
2543
|
"color-client": "hsl(195, 12%, 94%)",
|
|
2544
|
+
"color-client--surface": "hsl(197, 18%, 25%)",
|
|
2545
|
+
"color-client--onSurface": "hsl(200, 13%, 87%)",
|
|
2536
2546
|
"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)",
|
|
2537
2547
|
"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)",
|
|
2538
2548
|
"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
|
@@ -1234,6 +1234,8 @@ var tokens_web = {
|
|
|
1234
1234
|
"color-payments--surface": "hsl(207, 87%, 94%)",
|
|
1235
1235
|
"color-payments--onSurface": "hsl(206, 61%, 23%)",
|
|
1236
1236
|
"color-client": "hsl(48, 3%, 34%)",
|
|
1237
|
+
"color-client--surface": "hsl(53, 21%, 93%)",
|
|
1238
|
+
"color-client--onSurface": "hsl(40, 3%, 23%)",
|
|
1237
1239
|
"radius-base": 8,
|
|
1238
1240
|
"radius-small": 4,
|
|
1239
1241
|
"radius-large": 16,
|
|
@@ -1581,6 +1583,8 @@ var tokens_android = {
|
|
|
1581
1583
|
"color-payments--surface": "hsl(207, 87%, 94%)",
|
|
1582
1584
|
"color-payments--onSurface": "hsl(206, 61%, 23%)",
|
|
1583
1585
|
"color-client": "hsl(48, 3%, 34%)",
|
|
1586
|
+
"color-client--surface": "hsl(53, 21%, 93%)",
|
|
1587
|
+
"color-client--onSurface": "hsl(40, 3%, 23%)",
|
|
1584
1588
|
"radius-base": 8,
|
|
1585
1589
|
"radius-small": 4,
|
|
1586
1590
|
"radius-large": 16,
|
|
@@ -1956,6 +1960,8 @@ var tokens_ios = {
|
|
|
1956
1960
|
"color-payments--surface": "hsl(207, 87%, 94%)",
|
|
1957
1961
|
"color-payments--onSurface": "hsl(206, 61%, 23%)",
|
|
1958
1962
|
"color-client": "hsl(48, 3%, 34%)",
|
|
1963
|
+
"color-client--surface": "hsl(53, 21%, 93%)",
|
|
1964
|
+
"color-client--onSurface": "hsl(40, 3%, 23%)",
|
|
1959
1965
|
"radius-base": 8,
|
|
1960
1966
|
"radius-small": 4,
|
|
1961
1967
|
"radius-large": 16,
|
|
@@ -2150,6 +2156,8 @@ var allColors = {
|
|
|
2150
2156
|
"color-payments--surface": "hsl(207, 87%, 94%)",
|
|
2151
2157
|
"color-payments--onSurface": "hsl(206, 61%, 23%)",
|
|
2152
2158
|
"color-client": "hsl(48, 3%, 34%)",
|
|
2159
|
+
"color-client--surface": "hsl(53, 21%, 93%)",
|
|
2160
|
+
"color-client--onSurface": "hsl(40, 3%, 23%)",
|
|
2153
2161
|
"color-interactive": "hsl(107, 58%, 33%)",
|
|
2154
2162
|
"color-interactive--hover": "hsl(107, 65%, 24%)",
|
|
2155
2163
|
"color-interactive--subtle": "hsl(198, 35%, 21%)",
|
|
@@ -2531,6 +2539,8 @@ var tokens_dark = {
|
|
|
2531
2539
|
"color-payments--surface": "{color.base.lightBlue-.800}",
|
|
2532
2540
|
"color-payments--onSurface": "{color.base.lightBlue-.300}",
|
|
2533
2541
|
"color-client": "hsl(195, 12%, 94%)",
|
|
2542
|
+
"color-client--surface": "hsl(197, 18%, 25%)",
|
|
2543
|
+
"color-client--onSurface": "hsl(200, 13%, 87%)",
|
|
2534
2544
|
"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)",
|
|
2535
2545
|
"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)",
|
|
2536
2546
|
"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.
|
|
3
|
+
"version": "0.78.0",
|
|
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": "4c1a525d9fcbe458181296b921a52fd3cacea52e"
|
|
74
74
|
}
|