@jobber/design 0.41.3 → 0.42.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/icons/Icon.css.d.ts +2 -0
- package/dist/icons/iconMap.d.ts +1 -0
- package/dist/icons/iconStyles.d.ts +6 -0
- package/dist/index.js +14 -3
- package/icons/Icon.css +18 -1
- package/package.json +2 -2
package/dist/icons/Icon.css.d.ts
CHANGED
package/dist/icons/iconMap.d.ts
CHANGED
|
@@ -103,6 +103,12 @@ export declare const iconStyles: {
|
|
|
103
103
|
word: {
|
|
104
104
|
fill: string;
|
|
105
105
|
};
|
|
106
|
+
runningTimer: {
|
|
107
|
+
animationDuration: string;
|
|
108
|
+
animationIterationCount: string;
|
|
109
|
+
animationName: string;
|
|
110
|
+
animationTimingFunction: string;
|
|
111
|
+
};
|
|
106
112
|
small: {
|
|
107
113
|
width: number;
|
|
108
114
|
height: number;
|
package/dist/index.js
CHANGED
|
@@ -35,8 +35,8 @@ function styleInject(css, ref) {
|
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
|
|
38
|
-
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._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-teal);\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";
|
|
39
|
-
var styles = {"icon":"Z6OfUI2sH34-","longArrowUp":"gKAiKduA7YU-","longArrowDown":"ZJ3jy3YYT0U-","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-"};
|
|
38
|
+
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._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-teal);\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";
|
|
39
|
+
var styles = {"icon":"Z6OfUI2sH34-","longArrowUp":"gKAiKduA7YU-","longArrowDown":"ZJ3jy3YYT0U-","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-"};
|
|
40
40
|
styleInject(css_248z$2);
|
|
41
41
|
|
|
42
42
|
var css_248z$1 = ".qm8vYTlCGG4- {\n width: var(--base-unit);\n height: var(--base-unit);\n}\n\n.TphtDHcwxDc- {\n width: calc(var(--base-unit) * 1.5);\n height: calc(var(--base-unit) * 1.5);\n}\n\n.xZ6Jnv-7uXc- {\n width: calc(var(--base-unit) * 2);\n height: calc(var(--base-unit) * 2);\n}\n";
|
|
@@ -409,6 +409,10 @@ const iconMap = {
|
|
|
409
409
|
"M12 2a1 1 0 0 0-1 1v5.586L9.707 7.285A.998.998 0 0 0 8 8c.002.253.1.506.293.699l3 3.008a.997.997 0 0 0 1.414 0l3.022-3.293a.996.996 0 0 0 0-1.414.997.997 0 0 0-1.414 0L13 8.586V3a1 1 0 0 0-1-1Z",
|
|
410
410
|
"M2 5a2 2 0 0 1 2-2h4v2H4v9h5a1 1 0 0 1 .894.553L10.618 16h2.764l.724-1.447A1 1 0 0 1 15 14h5V5h-4V3h4a2 2 0 0 1 2 2v15a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5Zm18 11h-4.382l-.724 1.447A1 1 0 0 1 14 18h-4a1 1 0 0 1-.894-.553L8.382 16H4v4h16v-4Z"
|
|
411
411
|
],
|
|
412
|
+
"runningTimer": [
|
|
413
|
+
"M12 6a1 1 0 0 0-1 1v5a1 1 0 1 0 2 0V7a1 1 0 0 0-1-1Z",
|
|
414
|
+
"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2 2 6.477 2 12s4.477 10 10 10Zm0-18a8 8 0 1 1 0 16 8 8 0 0 1 0-16Z"
|
|
415
|
+
],
|
|
412
416
|
"schedule": [
|
|
413
417
|
"M7 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm-1 5a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm1 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0Zm3-9a1 1 0 0 0 0 2h8a1 1 0 1 0 0-2h-8Zm-1 5a1 1 0 0 1 1-1h8a1 1 0 1 1 0 2h-8a1 1 0 0 1-1-1Zm1 3a1 1 0 1 0 0 2h8a1 1 0 1 0 0-2h-8Z",
|
|
414
418
|
"M4 3a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2H4Zm16 2v14H4V5h16Z"
|
|
@@ -565,6 +569,7 @@ function getIcon({ name, color, size = "base" }) {
|
|
|
565
569
|
[styles.longArrowUp]: name === "longArrowUp",
|
|
566
570
|
[styles.longArrowDown]: name === "longArrowDown",
|
|
567
571
|
[styles.thumbsDown]: name === "thumbsDown",
|
|
572
|
+
[styles.runningTimer]: name === "runningTimer",
|
|
568
573
|
});
|
|
569
574
|
const pathClassNames = getPathClassNames(name, color);
|
|
570
575
|
const paths = getPaths(name);
|
|
@@ -611,7 +616,7 @@ function getPathClassNames(name, color) {
|
|
|
611
616
|
[styles.reminder]: name === "reminder",
|
|
612
617
|
[styles.trash]: name === "trash",
|
|
613
618
|
[styles.task]: name === "task",
|
|
614
|
-
[styles.timer]: name === "timer",
|
|
619
|
+
[styles.timer]: name === "timer" || name === "runningTimer",
|
|
615
620
|
[styles.quote]: name === "quote",
|
|
616
621
|
[styles.invoice]: name === "invoice",
|
|
617
622
|
[styles.checkmark]: name === "checkmark",
|
|
@@ -740,6 +745,12 @@ const iconStyles = {
|
|
|
740
745
|
"word": {
|
|
741
746
|
"fill": "rgb(41, 86, 154)"
|
|
742
747
|
},
|
|
748
|
+
"runningTimer": {
|
|
749
|
+
"animationDuration": "5s",
|
|
750
|
+
"animationIterationCount": "infinite",
|
|
751
|
+
"animationName": "spinning",
|
|
752
|
+
"animationTimingFunction": "linear"
|
|
753
|
+
},
|
|
743
754
|
"small": {
|
|
744
755
|
"width": 16,
|
|
745
756
|
"height": 16
|
package/icons/Icon.css
CHANGED
|
@@ -97,4 +97,21 @@
|
|
|
97
97
|
fill: rgb(41, 86, 154);
|
|
98
98
|
}
|
|
99
99
|
|
|
100
|
-
|
|
100
|
+
.runningTimer {
|
|
101
|
+
animation-duration: 5s;
|
|
102
|
+
animation-iteration-count: infinite;
|
|
103
|
+
animation-name: spinning;
|
|
104
|
+
animation-timing-function: linear;
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
@keyframes spinning {
|
|
108
|
+
from {
|
|
109
|
+
transform: rotate(0deg);
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
to {
|
|
113
|
+
transform: rotate(360deg);
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9pY29ucy9JY29uLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTtFQUNFLDJCQUEyQjtFQUMzQixxQkFBcUI7RUFDckIsc0JBQXNCO0FBQ3hCOztBQUVBO0VBQ0Usd0JBQXdCO0FBQzFCOztBQUVBO0VBQ0UseUJBQXlCO0FBQzNCOztBQUVBO0VBQ0UscUJBQXFCO0FBQ3ZCOztBQUVBOzs7O0VBSUUsdUJBQXVCO0FBQ3pCOztBQUVBOztFQUVFLHNCQUFzQjtBQUN4Qjs7QUFFQTs7RUFFRSx1QkFBdUI7QUFDekI7O0FBRUE7RUFDRSx5QkFBeUI7QUFDM0I7O0FBRUE7RUFDRSx3QkFBd0I7QUFDMUI7O0FBRUE7RUFDRSwwQkFBMEI7QUFDNUI7O0FBRUE7RUFDRSx1QkFBdUI7QUFDekI7O0FBRUE7OztFQUdFLDhCQUE4QjtBQUNoQzs7QUFFQTtFQUNFLDBCQUEwQjtBQUM1Qjs7QUFFQTtFQUNFLDRCQUE0QjtBQUM5Qjs7QUFFQTs7OztFQUlFLDBCQUEwQjtBQUM1Qjs7QUFFQTtFQUNFLDJCQUEyQjtBQUM3Qjs7QUFFQTs7RUFFRSx5QkFBeUI7QUFDM0I7O0FBRUE7RUFDRSw0QkFBNEI7QUFDOUI7O0FBRUEsa0VBQWtFOztBQUVsRTtFQUNFLHNCQUFzQjtBQUN4Qjs7QUFFQTtFQUNFLHFCQUFxQjtBQUN2Qjs7QUFFQTtFQUNFLHNCQUFzQjtBQUN4Qjs7QUFFQTtFQUNFLHNCQUFzQjtFQUN0QixtQ0FBbUM7RUFDbkMsd0JBQXdCO0VBQ3hCLGlDQUFpQztBQUNuQzs7QUFFQTtFQUNFO0lBQ0UsdUJBQXVCO0VBQ3pCOztFQUVBO0lBQ0UseUJBQXlCO0VBQzNCO0FBQ0YiLCJmaWxlIjoiSWNvbi5jc3MiLCJzb3VyY2VzQ29udGVudCI6WyIuaWNvbiB7XG4gIGZpbGw6IHZhcigtLWNvbG9yLWdyZXlCbHVlKTtcbiAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xufVxuXG4ubG9uZ0Fycm93VXAge1xuICB0cmFuc2Zvcm06IHJvdGF0ZSg5MGRlZyk7XG59XG5cbi5sb25nQXJyb3dEb3duIHtcbiAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcbn1cblxuLnRodW1ic0Rvd24ge1xuICB0cmFuc2Zvcm06IHNjYWxlWSgtMSk7XG59XG5cbi5wZXJzb24sXG4uY2xpZW50cyxcbi5jb21wYW55LFxuLnByb3BlcnR5IHtcbiAgZmlsbDogdmFyKC0tY29sb3ItdGVhbCk7XG59XG5cbi5qb2IsXG4uam9iT25Ib2xkIHtcbiAgZmlsbDogdmFyKC0tY29sb3Itam9iKTtcbn1cblxuLnZpc2l0LFxuLm1vdmVWaXNpdHMge1xuICBmaWxsOiB2YXIoLS1jb2xvci1saW1lKTtcbn1cblxuLmV2ZW50IHtcbiAgZmlsbDogdmFyKC0tY29sb3IteWVsbG93KTtcbn1cblxuLnF1b3RlIHtcbiAgZmlsbDogdmFyKC0tY29sb3ItcXVvdGUpO1xufVxuXG4ucmVxdWVzdCB7XG4gIGZpbGw6IHZhcigtLWNvbG9yLXJlcXVlc3QpO1xufVxuXG4udGFzayB7XG4gIGZpbGw6IHZhcigtLWNvbG9yLW5hdnkpO1xufVxuXG4udXNlclVuYXNzaWduZWQsXG4ucmVtaW5kZXIsXG4udHJhc2gge1xuICBmaWxsOiB2YXIoLS1jb2xvci1kZXN0cnVjdGl2ZSk7XG59XG5cbi5jaGVja21hcmsge1xuICBmaWxsOiB2YXIoLS1jb2xvci1zdWNjZXNzKTtcbn1cblxuLnRpbWVyIHtcbiAgZmlsbDogdmFyKC0tY29sb3ItbGlnaHRCbHVlKTtcbn1cblxuLmludm9pY2UsXG4uaW52b2ljZUxhdGVyLFxuLnNlbmRJbnZvaWNlLFxuLnBhaWRJbnZvaWNlIHtcbiAgZmlsbDogdmFyKC0tY29sb3ItaW52b2ljZSk7XG59XG5cbi5iYWRJbnZvaWNlIHtcbiAgZmlsbDogdmFyKC0tY29sb3ItY3JpdGljYWwpO1xufVxuXG4ucGF5bWVudCxcbi5leHBlbnNlIHtcbiAgZmlsbDogdmFyKC0tY29sb3Itb3JhbmdlKTtcbn1cblxuLnZpZGVvIHtcbiAgZmlsbDogdmFyKC0tY29sb3ItbGlnaHRCbHVlKTtcbn1cblxuLyogbm9uLUF0bGFudGlzIGNvbG9ycyB0byBtYXRjaCBicmFuZCBjb2xvcnMgb2YgdGhlc2UgZmlsZS10eXBlcyAqL1xuXG4uZXhjZWwge1xuICBmaWxsOiByZ2IoMzEsIDExNSwgNzEpO1xufVxuXG4ucGRmIHtcbiAgZmlsbDogcmdiKDE5NSwgMjcsIDApO1xufVxuXG4ud29yZCB7XG4gIGZpbGw6IHJnYig0MSwgODYsIDE1NCk7XG59XG5cbi5ydW5uaW5nVGltZXIge1xuICBhbmltYXRpb24tZHVyYXRpb246IDVzO1xuICBhbmltYXRpb24taXRlcmF0aW9uLWNvdW50OiBpbmZpbml0ZTtcbiAgYW5pbWF0aW9uLW5hbWU6IHNwaW5uaW5nO1xuICBhbmltYXRpb24tdGltaW5nLWZ1bmN0aW9uOiBsaW5lYXI7XG59XG5cbkBrZXlmcmFtZXMgc3Bpbm5pbmcge1xuICBmcm9tIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgfVxuXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpO1xuICB9XG59XG4iXX0= */
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/design",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.42.0",
|
|
4
4
|
"description": "Design foundation for the Jobber Atlantis Design System",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"typed-css-modules": "^0.7.0",
|
|
56
56
|
"typescript": "^4.9.5"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "2a0c4b363808d19c8bd851461754fa70494d570e"
|
|
59
59
|
}
|