@jobber/design 0.90.0 → 0.90.1
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 +1 -0
- package/dist/assets/tokens.android.d.ts +1 -0
- package/dist/assets/tokens.dark.d.ts +1 -0
- package/dist/assets/tokens.ios.d.ts +1 -0
- package/dist/assets/tokens.semantic.d.ts +1 -0
- package/dist/assets/tokens.web.d.ts +1 -0
- package/dist/dark.mode.css +1 -0
- package/dist/dark.theme.css +1 -0
- package/dist/foundation.css +1 -0
- package/dist/index.cjs +6 -0
- package/dist/index.mjs +6 -0
- package/dist/semantic.css +1 -0
- package/package.json +2 -2
|
@@ -33,6 +33,7 @@ declare const _default: {
|
|
|
33
33
|
"color-interactive--subtle--hover": string;
|
|
34
34
|
"color-interactive--background": string;
|
|
35
35
|
"color-interactive--background--hover": string;
|
|
36
|
+
"color-interactive--background--subtle--hover": string;
|
|
36
37
|
"color-destructive": string;
|
|
37
38
|
"color-destructive--hover": string;
|
|
38
39
|
"color-disabled": string;
|
|
@@ -223,6 +223,7 @@ declare const _default: {
|
|
|
223
223
|
"color-interactive--subtle--hover": string;
|
|
224
224
|
"color-interactive--background": string;
|
|
225
225
|
"color-interactive--background--hover": string;
|
|
226
|
+
"color-interactive--background--subtle--hover": string;
|
|
226
227
|
"color-destructive": string;
|
|
227
228
|
"color-destructive--hover": string;
|
|
228
229
|
"color-disabled": string;
|
|
@@ -10,6 +10,7 @@ declare const _default: {
|
|
|
10
10
|
"color-interactive--subtle--hover": string;
|
|
11
11
|
"color-interactive--background": string;
|
|
12
12
|
"color-interactive--background--hover": string;
|
|
13
|
+
"color-interactive--background--subtle--hover": string;
|
|
13
14
|
"color-destructive": string;
|
|
14
15
|
"color-destructive--hover": string;
|
|
15
16
|
"color-disabled": string;
|
|
@@ -223,6 +223,7 @@ declare const _default: {
|
|
|
223
223
|
"color-interactive--subtle--hover": string;
|
|
224
224
|
"color-interactive--background": string;
|
|
225
225
|
"color-interactive--background--hover": string;
|
|
226
|
+
"color-interactive--background--subtle--hover": string;
|
|
226
227
|
"color-destructive": string;
|
|
227
228
|
"color-destructive--hover": string;
|
|
228
229
|
"color-disabled": string;
|
|
@@ -6,6 +6,7 @@ declare const _default: {
|
|
|
6
6
|
"color-interactive--subtle--hover": string;
|
|
7
7
|
"color-interactive--background": string;
|
|
8
8
|
"color-interactive--background--hover": string;
|
|
9
|
+
"color-interactive--background--subtle--hover": string;
|
|
9
10
|
"color-destructive": string;
|
|
10
11
|
"color-destructive--hover": string;
|
|
11
12
|
"color-disabled": string;
|
|
@@ -223,6 +223,7 @@ declare const _default: {
|
|
|
223
223
|
"color-interactive--subtle--hover": string;
|
|
224
224
|
"color-interactive--background": string;
|
|
225
225
|
"color-interactive--background--hover": string;
|
|
226
|
+
"color-interactive--background--subtle--hover": string;
|
|
226
227
|
"color-destructive": string;
|
|
227
228
|
"color-destructive--hover": string;
|
|
228
229
|
"color-disabled": string;
|
package/dist/dark.mode.css
CHANGED
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
--color-interactive--subtle--hover: var(--color-base-blue--100);
|
|
13
13
|
--color-interactive--background: var(--color-base-blue--700);
|
|
14
14
|
--color-interactive--background--hover: var(--color-base-blue--600);
|
|
15
|
+
--color-interactive--background--subtle--hover: var(--color-base-green--800);
|
|
15
16
|
--color-destructive: var(--color-base-red--500);
|
|
16
17
|
--color-destructive--hover: var(--color-base-red--400);
|
|
17
18
|
--color-disabled: var(--color-base-grey--500);
|
package/dist/dark.theme.css
CHANGED
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
--color-interactive--subtle--hover: var(--color-base-blue--100);
|
|
11
11
|
--color-interactive--background: var(--color-base-blue--700);
|
|
12
12
|
--color-interactive--background--hover: var(--color-base-blue--600);
|
|
13
|
+
--color-interactive--background--subtle--hover: var(--color-base-green--800);
|
|
13
14
|
--color-destructive: var(--color-base-red--500);
|
|
14
15
|
--color-destructive--hover: var(--color-base-red--400);
|
|
15
16
|
--color-disabled: var(--color-base-grey--500);
|
package/dist/foundation.css
CHANGED
|
@@ -226,6 +226,7 @@ div[data-theme="light"],
|
|
|
226
226
|
--color-interactive--subtle--hover: var(--color-base-blue--900);
|
|
227
227
|
--color-interactive--background: var(--color-base-taupe--300);
|
|
228
228
|
--color-interactive--background--hover: var(--color-base-taupe--400);
|
|
229
|
+
--color-interactive--background--subtle--hover: var(--color-base-green--200);
|
|
229
230
|
--color-destructive: var(--color-base-red--600);
|
|
230
231
|
--color-destructive--hover: var(--color-base-red--700);
|
|
231
232
|
--color-disabled: var(--color-base-grey--500);
|
package/dist/index.cjs
CHANGED
|
@@ -1254,6 +1254,7 @@ var tokens_web = {
|
|
|
1254
1254
|
"color-interactive--subtle--hover": "hsl(197, 90%, 12%)",
|
|
1255
1255
|
"color-interactive--background": "hsl(51, 17%, 85%)",
|
|
1256
1256
|
"color-interactive--background--hover": "hsl(49, 7%, 70%)",
|
|
1257
|
+
"color-interactive--background--subtle--hover": "hsl(109, 28%, 92%)",
|
|
1257
1258
|
"color-destructive": "hsl(6, 64%, 51%)",
|
|
1258
1259
|
"color-destructive--hover": "hsl(6, 100%, 35%)",
|
|
1259
1260
|
"color-disabled": "hsl(0, 0%, 58%)",
|
|
@@ -1603,6 +1604,7 @@ var tokens_android = {
|
|
|
1603
1604
|
"color-interactive--subtle--hover": "hsl(197, 90%, 12%)",
|
|
1604
1605
|
"color-interactive--background": "hsl(51, 17%, 85%)",
|
|
1605
1606
|
"color-interactive--background--hover": "hsl(49, 7%, 70%)",
|
|
1607
|
+
"color-interactive--background--subtle--hover": "hsl(109, 28%, 92%)",
|
|
1606
1608
|
"color-destructive": "hsl(6, 64%, 51%)",
|
|
1607
1609
|
"color-destructive--hover": "hsl(6, 100%, 35%)",
|
|
1608
1610
|
"color-disabled": "hsl(0, 0%, 58%)",
|
|
@@ -1980,6 +1982,7 @@ var tokens_ios = {
|
|
|
1980
1982
|
"color-interactive--subtle--hover": "hsl(197, 90%, 12%)",
|
|
1981
1983
|
"color-interactive--background": "hsl(51, 17%, 85%)",
|
|
1982
1984
|
"color-interactive--background--hover": "hsl(49, 7%, 70%)",
|
|
1985
|
+
"color-interactive--background--subtle--hover": "hsl(109, 28%, 92%)",
|
|
1983
1986
|
"color-destructive": "hsl(6, 64%, 51%)",
|
|
1984
1987
|
"color-destructive--hover": "hsl(6, 100%, 35%)",
|
|
1985
1988
|
"color-disabled": "hsl(0, 0%, 58%)",
|
|
@@ -2247,6 +2250,7 @@ var allColors = {
|
|
|
2247
2250
|
"color-interactive--subtle--hover": "hsl(197, 90%, 12%)",
|
|
2248
2251
|
"color-interactive--background": "hsl(51, 17%, 85%)",
|
|
2249
2252
|
"color-interactive--background--hover": "hsl(49, 7%, 70%)",
|
|
2253
|
+
"color-interactive--background--subtle--hover": "hsl(109, 28%, 92%)",
|
|
2250
2254
|
"color-destructive": "hsl(6, 64%, 51%)",
|
|
2251
2255
|
"color-destructive--hover": "hsl(6, 100%, 35%)",
|
|
2252
2256
|
"color-disabled": "hsl(0, 0%, 58%)",
|
|
@@ -2508,6 +2512,7 @@ var tokens_semantic = {
|
|
|
2508
2512
|
"color-interactive--subtle--hover": "hsl(197, 90%, 12%)",
|
|
2509
2513
|
"color-interactive--background": "hsl(51, 17%, 85%)",
|
|
2510
2514
|
"color-interactive--background--hover": "hsl(49, 7%, 70%)",
|
|
2515
|
+
"color-interactive--background--subtle--hover": "hsl(109, 28%, 92%)",
|
|
2511
2516
|
"color-destructive": "hsl(6, 64%, 51%)",
|
|
2512
2517
|
"color-destructive--hover": "hsl(6, 100%, 35%)",
|
|
2513
2518
|
"color-disabled": "hsl(0, 0%, 58%)",
|
|
@@ -2560,6 +2565,7 @@ var tokens_dark = {
|
|
|
2560
2565
|
"color-interactive--subtle--hover": "hsl(210, 17%, 98%)",
|
|
2561
2566
|
"color-interactive--background": "hsl(197, 15%, 35%)",
|
|
2562
2567
|
"color-interactive--background--hover": "hsl(197, 15%, 43%)",
|
|
2568
|
+
"color-interactive--background--subtle--hover": "hsl(107, 64%, 16%)",
|
|
2563
2569
|
"color-destructive": "hsl(6, 64%, 65%)",
|
|
2564
2570
|
"color-destructive--hover": "hsl(6, 64%, 76%)",
|
|
2565
2571
|
"color-disabled": "hsl(0, 0%, 58%)",
|
package/dist/index.mjs
CHANGED
|
@@ -1252,6 +1252,7 @@ var tokens_web = {
|
|
|
1252
1252
|
"color-interactive--subtle--hover": "hsl(197, 90%, 12%)",
|
|
1253
1253
|
"color-interactive--background": "hsl(51, 17%, 85%)",
|
|
1254
1254
|
"color-interactive--background--hover": "hsl(49, 7%, 70%)",
|
|
1255
|
+
"color-interactive--background--subtle--hover": "hsl(109, 28%, 92%)",
|
|
1255
1256
|
"color-destructive": "hsl(6, 64%, 51%)",
|
|
1256
1257
|
"color-destructive--hover": "hsl(6, 100%, 35%)",
|
|
1257
1258
|
"color-disabled": "hsl(0, 0%, 58%)",
|
|
@@ -1601,6 +1602,7 @@ var tokens_android = {
|
|
|
1601
1602
|
"color-interactive--subtle--hover": "hsl(197, 90%, 12%)",
|
|
1602
1603
|
"color-interactive--background": "hsl(51, 17%, 85%)",
|
|
1603
1604
|
"color-interactive--background--hover": "hsl(49, 7%, 70%)",
|
|
1605
|
+
"color-interactive--background--subtle--hover": "hsl(109, 28%, 92%)",
|
|
1604
1606
|
"color-destructive": "hsl(6, 64%, 51%)",
|
|
1605
1607
|
"color-destructive--hover": "hsl(6, 100%, 35%)",
|
|
1606
1608
|
"color-disabled": "hsl(0, 0%, 58%)",
|
|
@@ -1978,6 +1980,7 @@ var tokens_ios = {
|
|
|
1978
1980
|
"color-interactive--subtle--hover": "hsl(197, 90%, 12%)",
|
|
1979
1981
|
"color-interactive--background": "hsl(51, 17%, 85%)",
|
|
1980
1982
|
"color-interactive--background--hover": "hsl(49, 7%, 70%)",
|
|
1983
|
+
"color-interactive--background--subtle--hover": "hsl(109, 28%, 92%)",
|
|
1981
1984
|
"color-destructive": "hsl(6, 64%, 51%)",
|
|
1982
1985
|
"color-destructive--hover": "hsl(6, 100%, 35%)",
|
|
1983
1986
|
"color-disabled": "hsl(0, 0%, 58%)",
|
|
@@ -2245,6 +2248,7 @@ var allColors = {
|
|
|
2245
2248
|
"color-interactive--subtle--hover": "hsl(197, 90%, 12%)",
|
|
2246
2249
|
"color-interactive--background": "hsl(51, 17%, 85%)",
|
|
2247
2250
|
"color-interactive--background--hover": "hsl(49, 7%, 70%)",
|
|
2251
|
+
"color-interactive--background--subtle--hover": "hsl(109, 28%, 92%)",
|
|
2248
2252
|
"color-destructive": "hsl(6, 64%, 51%)",
|
|
2249
2253
|
"color-destructive--hover": "hsl(6, 100%, 35%)",
|
|
2250
2254
|
"color-disabled": "hsl(0, 0%, 58%)",
|
|
@@ -2506,6 +2510,7 @@ var tokens_semantic = {
|
|
|
2506
2510
|
"color-interactive--subtle--hover": "hsl(197, 90%, 12%)",
|
|
2507
2511
|
"color-interactive--background": "hsl(51, 17%, 85%)",
|
|
2508
2512
|
"color-interactive--background--hover": "hsl(49, 7%, 70%)",
|
|
2513
|
+
"color-interactive--background--subtle--hover": "hsl(109, 28%, 92%)",
|
|
2509
2514
|
"color-destructive": "hsl(6, 64%, 51%)",
|
|
2510
2515
|
"color-destructive--hover": "hsl(6, 100%, 35%)",
|
|
2511
2516
|
"color-disabled": "hsl(0, 0%, 58%)",
|
|
@@ -2558,6 +2563,7 @@ var tokens_dark = {
|
|
|
2558
2563
|
"color-interactive--subtle--hover": "hsl(210, 17%, 98%)",
|
|
2559
2564
|
"color-interactive--background": "hsl(197, 15%, 35%)",
|
|
2560
2565
|
"color-interactive--background--hover": "hsl(197, 15%, 43%)",
|
|
2566
|
+
"color-interactive--background--subtle--hover": "hsl(107, 64%, 16%)",
|
|
2561
2567
|
"color-destructive": "hsl(6, 64%, 65%)",
|
|
2562
2568
|
"color-destructive--hover": "hsl(6, 64%, 76%)",
|
|
2563
2569
|
"color-disabled": "hsl(0, 0%, 58%)",
|
package/dist/semantic.css
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
--color-interactive--subtle--hover: hsl(197, 90%, 12%);
|
|
7
7
|
--color-interactive--background: hsl(51, 17%, 85%);
|
|
8
8
|
--color-interactive--background--hover: hsl(49, 7%, 70%);
|
|
9
|
+
--color-interactive--background--subtle--hover: hsl(109, 28%, 92%);
|
|
9
10
|
--color-destructive: hsl(6, 64%, 51%);
|
|
10
11
|
--color-destructive--hover: hsl(6, 100%, 35%);
|
|
11
12
|
--color-disabled: hsl(0, 0%, 58%);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/design",
|
|
3
|
-
"version": "0.90.
|
|
3
|
+
"version": "0.90.1",
|
|
4
4
|
"description": "Design foundation for the Jobber Atlantis Design System",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|
|
@@ -69,5 +69,5 @@
|
|
|
69
69
|
"jsdom": "^24.1.0",
|
|
70
70
|
"tsx": "^4.16.2"
|
|
71
71
|
},
|
|
72
|
-
"gitHead": "
|
|
72
|
+
"gitHead": "5e13c04744e67afffde1230699b158b1d3c44fbe"
|
|
73
73
|
}
|