@jobber/design 0.28.2 → 0.28.3-pre.2

package/foundation.css

@@ -180,7 +180,7 @@
 
   --color-black--rgb: 0, 0, 0;
   --color-black: rgba(var(--color-black--rgb), 1);
-}:root {
+}/* //changed */:root {
   --radius-base: var(--space-smallest);
   --radius-large: var(--space-smaller);
   --radius-larger: var(--space-small);
@@ -277,14 +277,11 @@
     /* 22 */
   }
 }@custom-media --handhelds (width < 640px);@custom-media --medium-screens (width >= 640px);@custom-media --wide-screens (width >= 1024px);body {
-  color: rgb(66, 78, 86);
   color: var(--color-text);
-  font-family: "Inter", Helvetica, Arial, sans-serif;
   font-family: var(--typography--fontFamily-normal);
-  font-size: calc(calc(16px * 1) * 0.875);
   font-size: var(--typography--fontSize-base);
-  line-height: 1.5;
   line-height: var(--typography--lineHeight-larger, 1.5);
-  background-color: rgba(255, 255, 255, 1);
   background-color: var(--color-surface);
 }
+
+/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9zdHlsZXMuY3NzIiwic3JjL2JvcmRlcnMuY3NzIiwic3JjL2NvbG9ycy5jc3MiLCJzcmMvcmFkaWkuY3NzIiwic3JjL3NwYWNpbmcuY3NzIiwic3JjL3NoYWRvd3MuY3NzIiwic3JjL3RpbWluZ3MuY3NzIiwic3JjL2VsZXZhdGlvbnMuY3NzIiwic3JjL3R5cG9ncmFwaHkuY3NzIiwic3JjL3Jlc3BvbnNpdmVCcmVha3BvaW50cy5jc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsK0lBQStJLENDQS9JO0VBQ0UscUNBQXFDO0VBQ3JDLHFDQUFxQztFQUNyQyxzQ0FBc0M7RUFDdEMscUNBQXFDO0FBQ3ZDLENDTEE7RUFDRSwwQkFBMEI7O0VBRTFCLDJCQUEyQjtFQUMzQix1Q0FBdUM7RUFDdkMsb0RBQW9EO0VBQ3BELHFDQUFxQztFQUNyQyxrREFBa0Q7RUFDbEQsa0RBQWtEO0VBQ2xELCtEQUErRDs7RUFFL0QsbUNBQW1DO0VBQ25DLHVEQUF1RDs7RUFFdkQseUNBQXlDOztFQUV6QyxtQkFBbUI7O0VBRW5CLGtDQUFrQztFQUNsQyxxREFBcUQ7RUFDckQsbURBQW1EOztFQUVuRCxvQ0FBb0M7RUFDcEMsdURBQXVEO0VBQ3ZELHFEQUFxRDs7RUFFckQsbUNBQW1DO0VBQ25DLHNEQUFzRDtFQUN0RCxvREFBb0Q7O0VBRXBELDJDQUEyQztFQUMzQyw4REFBOEQ7RUFDOUQsNERBQTREOztFQUU1RCwwQ0FBMEM7RUFDMUMsc0RBQXNEO0VBQ3RELG9EQUFvRDs7RUFFcEQsZUFBZTtFQUNmLGtDQUFrQztFQUNsQyx5Q0FBeUM7RUFDekMsOENBQThDO0VBQzlDLHlDQUF5QztFQUN6QyxnRUFBZ0U7O0VBRWhFLHlCQUF5QjtFQUN6QixtQ0FBbUM7RUFDbkMscURBQXFEO0VBQ3JELHFEQUFxRDtFQUNyRCx3REFBd0Q7RUFDeEQsMkNBQTJDOztFQUUzQywwQ0FBMEM7RUFDMUMsMENBQTBDOztFQUUxQyxvREFBb0Q7RUFDcEQsMkRBQTJEOztFQUUzRCxV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O0VBQ3RFO2NBQ1k7O0VBRVo7O0dBRUM7RUFDRCxPQUFPO0VBQ1AsNEVBQTRFO0VBQzVFLE9BQU87RUFDUCw2RUFBNkU7RUFDN0UsT0FBTztFQUNQLDZFQUE2RTtFQUM3RSxPQUFPO0VBQ1Asd0RBQXdEO0VBQ3hELE9BQU87RUFDUCw0RUFBNEU7RUFDNUUsT0FBTztFQUNQLDRFQUE0RTtFQUM1RSxPQUFPO0VBQ1A7O0dBRUM7RUFDRCxPQUFPOztFQUVQLG9DQUFvQztFQUNwQyxtQ0FBbUM7RUFDbkMsbUNBQW1DO0VBQ25DLHVDQUF1QztFQUN2Qyx1Q0FBdUM7RUFDdkMsd0NBQXdDO0FBQzFDLENBRUE7RUFDRTtJQUNFOztLQUVDO0lBQ0QsT0FBTztJQUNQOztLQUVDO0lBQ0QsT0FBTztJQUNQOztLQUVDO0lBQ0QsT0FBTztFQUNUO0FBQ0YsQ0NwREEseUNBQXlDLENBQ3pDLCtDQUErQyxDQUMvQyw4Q0FBOEMsQ1RBOUM7RUFDRSx3QkFBd0I7RUFDeEIsaURBQWlEO0VBQ2pELDJDQUEyQztFQUMzQyxzREFBc0Q7RUFDdEQsc0NBQXNDO0FBQ3hDIiwiZmlsZSI6ImZvdW5kYXRpb24uY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQGltcG9ydCB1cmwoXCJodHRwczovL2ZvbnRzLmdvb2dsZWFwaXMuY29tL2NzczI/ZmFtaWx5PVBvcHBpbnM6d2dodEA3MDA7OTAwJmZhbWlseT1JbnRlcjp3Z2h0QDEwMDsyMDA7MzAwOzQwMDs1MDA7NjAwOzcwMDs4MDA7OTAwJmRpc3BsYXk9c3dhcFwiKTtcblxuYm9keSB7XG4gIGNvbG9yOiB2YXIoLS1jb2xvci10ZXh0KTtcbiAgZm9udC1mYW1pbHk6IHZhcigtLXR5cG9ncmFwaHktLWZvbnRGYW1pbHktbm9ybWFsKTtcbiAgZm9udC1zaXplOiB2YXIoLS10eXBvZ3JhcGh5LS1mb250U2l6ZS1iYXNlKTtcbiAgbGluZS1oZWlnaHQ6IHZhcigtLXR5cG9ncmFwaHktLWxpbmVIZWlnaHQtbGFyZ2VyLCAxLjUpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1jb2xvci1zdXJmYWNlKTtcbn1cbiIsIjpyb290IHtcbiAgLS1ib3JkZXItYmFzZTogdmFyKC0tc3BhY2UtbWludXNjdWxlKTtcbiAgLS1ib3JkZXItdGhpY2s6IHZhcigtLXNwYWNlLXNtYWxsZXN0KTtcbiAgLS1ib3JkZXItdGhpY2tlcjogdmFyKC0tc3BhY2Utc21hbGxlcik7XG4gIC0tYm9yZGVyLXRoaWNrZXN0OiB2YXIoLS1zcGFjZS1zbWFsbCk7XG59XG4iLCI6cm9vdCB7XG4gIC8qIEpvYmJlciBTZW1hbnRpYyBMYXllciAqL1xuXG4gIC8qIEludGVyYWN0aXZlIGFuZCBTdGF0ZXMgKi9cbiAgLS1jb2xvci1pbnRlcmFjdGl2ZTogdmFyKC0tY29sb3ItZ3JlZW4pO1xuICAtLWNvbG9yLWludGVyYWN0aXZlLS1ob3ZlcjogdmFyKC0tY29sb3ItZ3JlZW4tLWRhcmspO1xuICAtLWNvbG9yLWRlc3RydWN0aXZlOiB2YXIoLS1jb2xvci1yZWQpO1xuICAtLWNvbG9yLWRlc3RydWN0aXZlLS1ob3ZlcjogdmFyKC0tY29sb3ItcmVkLS1kYXJrKTtcbiAgLS1jb2xvci1pbnRlcmFjdGl2ZS0tc3VidGxlOiB2YXIoLS1jb2xvci1ncmV5Qmx1ZSk7XG4gIC0tY29sb3ItaW50ZXJhY3RpdmUtLXN1YnRsZS0taG92ZXI6IHZhcigtLWNvbG9yLWdyZXlCbHVlLS1kYXJrKTtcblxuICAtLWNvbG9yLWRpc2FibGVkOiB2YXIoLS1jb2xvci1ncmV5KTtcbiAgLS1jb2xvci1kaXNhYmxlZC0tc2Vjb25kYXJ5OiB2YXIoLS1jb2xvci1ncmV5LS1saWdodGVyKTtcblxuICAtLWNvbG9yLWZvY3VzOiB2YXIoLS1jb2xvci15ZWxsb3ctLWxpZ2h0KTtcblxuICAvKiBTdGF0dXMgQ29sb3VycyAqL1xuXG4gIC0tY29sb3ItY3JpdGljYWw6IHZhcigtLWNvbG9yLXJlZCk7XG4gIC0tY29sb3ItY3JpdGljYWwtLXN1cmZhY2U6IHZhcigtLWNvbG9yLXJlZC0tbGlnaHRlc3QpO1xuICAtLWNvbG9yLWNyaXRpY2FsLS1vblN1cmZhY2U6IHZhcigtLWNvbG9yLXJlZC0tZGFyayk7XG5cbiAgLS1jb2xvci13YXJuaW5nOiB2YXIoLS1jb2xvci15ZWxsb3cpO1xuICAtLWNvbG9yLXdhcm5pbmctLXN1cmZhY2U6IHZhcigtLWNvbG9yLXllbGxvdy0tbGlnaHRlc3QpO1xuICAtLWNvbG9yLXdhcm5pbmctLW9uU3VyZmFjZTogdmFyKC0tY29sb3IteWVsbG93LS1kYXJrKTtcblxuICAtLWNvbG9yLXN1Y2Nlc3M6IHZhcigtLWNvbG9yLWdyZWVuKTtcbiAgLS1jb2xvci1zdWNjZXNzLS1zdXJmYWNlOiB2YXIoLS1jb2xvci1ncmVlbi0tbGlnaHRlc3QpO1xuICAtLWNvbG9yLXN1Y2Nlc3MtLW9uU3VyZmFjZTogdmFyKC0tY29sb3ItZ3JlZW4tLWRhcmspO1xuXG4gIC0tY29sb3ItaW5mb3JtYXRpdmU6IHZhcigtLWNvbG9yLWxpZ2h0Qmx1ZSk7XG4gIC0tY29sb3ItaW5mb3JtYXRpdmUtLXN1cmZhY2U6IHZhcigtLWNvbG9yLWxpZ2h0Qmx1ZS0tbGlnaHRlc3QpO1xuICAtLWNvbG9yLWluZm9ybWF0aXZlLS1vblN1cmZhY2U6IHZhcigtLWNvbG9yLWxpZ2h0Qmx1ZS0tZGFyayk7XG5cbiAgLS1jb2xvci1pbmFjdGl2ZTogdmFyKC0tY29sb3ItYmx1ZS0tbGlnaHQpO1xuICAtLWNvbG9yLWluYWN0aXZlLS1zdXJmYWNlOiB2YXIoLS1jb2xvci1ibHVlLS1saWdodGVzdCk7XG4gIC0tY29sb3ItaW5hY3RpdmUtLW9uU3VyZmFjZTogdmFyKC0tY29sb3ItYmx1ZS0tZGFyayk7XG5cbiAgLyogVHlwb2dyYXBoeSAqL1xuICAtLWNvbG9yLWhlYWRpbmc6IHZhcigtLWNvbG9yLWJsdWUpO1xuICAtLWNvbG9yLXRleHQ6IHZhcigtLWNvbG9yLWdyZXlCbHVlLS1kYXJrKTtcbiAgLS1jb2xvci10ZXh0LS1zZWNvbmRhcnk6IHZhcigtLWNvbG9yLWdyZXlCbHVlKTtcbiAgLS1jb2xvci10ZXh0LS1yZXZlcnNlOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gIC0tY29sb3ItdGV4dC0tcmV2ZXJzZS0tc2Vjb25kYXJ5OiB2YXIoLS1jb2xvci1ncmV5Qmx1ZS0tbGlnaHRlcik7XG5cbiAgLyogU3VyZmFjZXMgYW5kIEJvcmRlcnMgKi9cbiAgLS1jb2xvci1zdXJmYWNlOiB2YXIoLS1jb2xvci13aGl0ZSk7XG4gIC0tY29sb3Itc3VyZmFjZS0taG92ZXI6IHZhcigtLWNvbG9yLXllbGxvdy0tbGlnaHRlc3QpO1xuICAtLWNvbG9yLXN1cmZhY2UtLWFjdGl2ZTogdmFyKC0tY29sb3ItZ3JlZW4tLWxpZ2h0ZXN0KTtcbiAgLS1jb2xvci1zdXJmYWNlLS1iYWNrZ3JvdW5kOiB2YXIoLS1jb2xvci1ncmV5LS1saWdodGVzdCk7XG4gIC0tY29sb3Itc3VyZmFjZS0tcmV2ZXJzZTogdmFyKC0tY29sb3ItYmx1ZSk7XG5cbiAgLS1jb2xvci1ib3JkZXI6IHZhcigtLWNvbG9yLWdyZXktLWxpZ2h0ZXIpO1xuICAtLWNvbG9yLWJvcmRlci0tc2VjdGlvbjogdmFyKC0tY29sb3ItYmx1ZSk7XG5cbiAgLS1jb2xvci1vdmVybGF5OiByZ2JhKHZhcigtLWNvbG9yLWJsYWNrLS1yZ2IpLCAwLjMyKTtcbiAgLS1jb2xvci1vdmVybGF5LS1kaW1tZWQ6IHJnYmEodmFyKC0tY29sb3Itd2hpdGUtLXJnYiksIDAuNik7XG5cbiAgLyogQnJhbmQgKi9cbiAgLS1jb2xvci1icmFuZDogdmFyKC0tY29sb3ItZ3JlZW4pO1xuICAtLWNvbG9yLWJyYW5kLS1oaWdobGlnaHQ6IHJnYigxNjAsIDIxNSwgNDIpO1xuXG4gIC8qIEpvYmJlciBXb3JrZmxvdyBDb2xvcnMgKi9cbiAgLS1jb2xvci1yZXF1ZXN0OiB2YXIoLS1jb2xvci1pbmRpZ28pO1xuICAtLWNvbG9yLXF1b3RlOiB2YXIoLS1jb2xvci1waW5rKTtcbiAgLS1jb2xvci1qb2I6IHZhcigtLWNvbG9yLXllbGxvd0dyZWVuKTtcbiAgLS1jb2xvci12aXNpdDogdmFyKC0tY29sb3ItZ3JlZW4pO1xuICAtLWNvbG9yLXRhc2s6IHZhcigtLWNvbG9yLW5hdnkpO1xuICAtLWNvbG9yLWV2ZW50OiB2YXIoLS1jb2xvci15ZWxsb3cpO1xuICAtLWNvbG9yLWludm9pY2U6IHZhcigtLWNvbG9yLXB1cnBsZSk7XG4gIC0tY29sb3ItcGF5bWVudHM6IHZhcigtLWNvbG9yLW9yYW5nZSk7XG5cbiAgLS1jb2xvci1jbGllbnQ6IHZhcigtLWNvbG9yLXRlYWwpO1xuXG4gIC8qIEpvYmJlciBCYXNlIFBhbGV0dGUgKi9cbiAgLS1jb2xvci1ibHVlOiByZ2IoMSwgNDEsIDU3KTtcbiAgLS1jb2xvci1ibHVlLS1saWdodDogcmdiKDc3LCAxMDUsIDExNik7XG4gIC0tY29sb3ItYmx1ZS0tbGlnaHRlcjogcmdiKDE1MywgMTY5LCAxNzYpO1xuICAtLWNvbG9yLWJsdWUtLWxpZ2h0ZXN0OiByZ2IoMjE3LCAyMjMsIDIyNSk7XG4gIC0tY29sb3ItYmx1ZS0tZGFyazogcmdiKDEsIDI3LCAzNyk7XG5cbiAgLS1jb2xvci1ncmVlbjogcmdiKDEyNSwgMTc2LCAxNCk7XG4gIC0tY29sb3ItZ3JlZW4tLWxpZ2h0OiByZ2IoMTY0LCAyMDAsIDg2KTtcbiAgLS1jb2xvci1ncmVlbi0tbGlnaHRlcjogcmdiKDIwMywgMjIzLCAxNTkpO1xuICAtLWNvbG9yLWdyZWVuLS1saWdodGVzdDogcmdiKDIzNiwgMjQzLCAyMTkpO1xuICAtLWNvbG9yLWdyZWVuLS1kYXJrOiByZ2IoODEsIDExNCwgOSk7XG5cbiAgLS1jb2xvci1saW1lOiByZ2IoMTUzLCAxOTMsIDcwKTtcbiAgLS1jb2xvci1saW1lLS1saWdodDogcmdiKDE4NCwgMjEyLCAxMjYpO1xuICAtLWNvbG9yLWxpbWUtLWxpZ2h0ZXI6IHJnYigyMTQsIDIzMCwgMTgxKTtcbiAgLS1jb2xvci1saW1lLS1saWdodGVzdDogcmdiKDI0MCwgMjQ2LCAyMjcpO1xuICAtLWNvbG9yLWxpbWUtLWRhcms6IHJnYig5OSwgMTI1LCA0Nik7XG5cbiAgLS1jb2xvci15ZWxsb3dHcmVlbjogcmdiKDE4NywgMTk3LCAzMik7XG4gIC0tY29sb3IteWVsbG93R3JlZW4tLWxpZ2h0OiByZ2IoMjA3LCAyMTQsIDk5KTtcbiAgLS1jb2xvci15ZWxsb3dHcmVlbi0tbGlnaHRlcjogcmdiKDIyOCwgMjMyLCAxNjYpO1xuICAtLWNvbG9yLXllbGxvd0dyZWVuLS1saWdodGVzdDogcmdiKDI0NSwgMjQ2LCAyMjIpO1xuICAtLWNvbG9yLXllbGxvd0dyZWVuLS1kYXJrOiByZ2IoMTIyLCAxMjgsIDIxKTtcblxuICAtLWNvbG9yLXllbGxvdzogcmdiKDIyMSwgMTk1LCAxNSk7XG4gIC0tY29sb3IteWVsbG93LS1saWdodDogcmdiKDIzMSwgMjEzLCA4Nyk7XG4gIC0tY29sb3IteWVsbG93LS1saWdodGVyOiByZ2IoMjQxLCAyMzEsIDE1OSk7XG4gIC0tY29sb3IteWVsbG93LS1saWdodGVzdDogcmdiKDI1MCwgMjQ2LCAyMTkpO1xuICAtLWNvbG9yLXllbGxvdy0tZGFyazogcmdiKDE0NCwgMTI3LCAxMCk7XG5cbiAgLS1jb2xvci1yZWQ6IHJnYigyMDEsIDY2LCAzMyk7XG4gIC0tY29sb3ItcmVkLS1saWdodDogcmdiKDIzMywgMTQxLCAxMTkpO1xuICAtLWNvbG9yLXJlZC0tbGlnaHRlcjogcmdiKDI1NSwgMjA2LCAxOTQpO1xuICAtLWNvbG9yLXJlZC0tbGlnaHRlc3Q6IHJnYigyNTUsIDIyNiwgMjE5KTtcbiAgLS1jb2xvci1yZWQtLWRhcms6IHJnYigxMjgsIDI1LCAwKTtcblxuICAtLWNvbG9yLWdyZXk6IHJnYigxODEsIDE4MSwgMTgxKTtcbiAgLS1jb2xvci1ncmV5LS1saWdodDogcmdiKDIwMywgMjAzLCAyMDMpO1xuICAtLWNvbG9yLWdyZXktLWxpZ2h0ZXI6IHJnYigyMjUsIDIyNSwgMjI1KTtcbiAgLS1jb2xvci1ncmV5LS1saWdodGVzdDogcmdiKDI0NCwgMjQ0LCAyNDQpO1xuICAtLWNvbG9yLWdyZXktLWRhcms6IHJnYigxMTgsIDExOCwgMTE4KTtcblxuICAtLWNvbG9yLWdyZXlCbHVlLS1yZ2I6IDEwMSwgMTIwLCAxMzI7XG4gIC0tY29sb3ItZ3JleUJsdWU6IHJnYmEodmFyKC0tY29sb3ItZ3JleUJsdWUtLXJnYiksIDEpO1xuICAtLWNvbG9yLWdyZXlCbHVlLS1saWdodDogcmdiKDE0NywgMTYxLCAxNjkpO1xuICAtLWNvbG9yLWdyZXlCbHVlLS1saWdodGVyOiByZ2IoMTkzLCAyMDEsIDIwNik7XG4gIC0tY29sb3ItZ3JleUJsdWUtLWxpZ2h0ZXN0OiByZ2IoMjMyLCAyMzUsIDIzNyk7XG4gIC0tY29sb3ItZ3JleUJsdWUtLWRhcms6IHJnYig2NiwgNzgsIDg2KTtcblxuICAtLWNvbG9yLWxpZ2h0Qmx1ZTogcmdiKDYwLCAxNjIsIDIyNCk7XG4gIC0tY29sb3ItbGlnaHRCbHVlLS1saWdodDogcmdiKDExOSwgMTkwLCAyMzMpO1xuICAtLWNvbG9yLWxpZ2h0Qmx1ZS0tbGlnaHRlcjogcmdiKDE3NywgMjE4LCAyNDMpO1xuICAtLWNvbG9yLWxpZ2h0Qmx1ZS0tbGlnaHRlc3Q6IHJnYigyMjYsIDI0MSwgMjUwKTtcbiAgLS1jb2xvci1saWdodEJsdWUtLWRhcms6IHJnYigzOSwgMTA1LCAxNDYpO1xuXG4gIC0tY29sb3ItcHVycGxlOiByZ2IoMTM2LCAxMTIsIDE5Nik7XG4gIC0tY29sb3ItcHVycGxlLS1saWdodDogcmdiKDE3MiwgMTU1LCAyMTQpO1xuICAtLWNvbG9yLXB1cnBsZS0tbGlnaHRlcjogcmdiKDIwNywgMTk4LCAyMzEpO1xuICAtLWNvbG9yLXB1cnBsZS0tbGlnaHRlc3Q6IHJnYigyMzcsIDIzNCwgMjQ2KTtcbiAgLS1jb2xvci1wdXJwbGUtLWRhcms6IHJnYig4OCwgNzMsIDEyNyk7XG5cbiAgLS1jb2xvci1waW5rOiByZ2IoMTc5LCA5NiwgMTUwKTtcbiAgLS1jb2xvci1waW5rLS1saWdodDogcmdiKDIwMiwgMTQ0LCAxODIpO1xuICAtLWNvbG9yLXBpbmstLWxpZ2h0ZXI6IHJnYigyMjUsIDE5MSwgMjEzKTtcbiAgLS1jb2xvci1waW5rLS1saWdodGVzdDogcmdiKDI0NCwgMjMxLCAyMzkpO1xuICAtLWNvbG9yLXBpbmstLWRhcms6IHJnYigxMTYsIDYyLCA5OCk7XG5cbiAgLS1jb2xvci10ZWFsOiByZ2IoNjIsIDE3MywgMTQ2KTtcbiAgLS1jb2xvci10ZWFsLS1saWdodDogcmdiKDEyMCwgMTk4LCAxNzkpO1xuICAtLWNvbG9yLXRlYWwtLWxpZ2h0ZXI6IHJnYigxNzgsIDIyMiwgMjExKTtcbiAgLS1jb2xvci10ZWFsLS1saWdodGVzdDogcmdiKDIyNiwgMjQzLCAyMzkpO1xuICAtLWNvbG9yLXRlYWwtLWRhcms6IHJnYig0MCwgMTEyLCA5NSk7XG5cbiAgLS1jb2xvci1vcmFuZ2U6IHJnYigyNDMsIDE1MCwgMzYpO1xuICAtLWNvbG9yLW9yYW5nZS0tbGlnaHQ6IHJnYigyNDcsIDE4MiwgMTAyKTtcbiAgLS1jb2xvci1vcmFuZ2UtLWxpZ2h0ZXI6IHJnYigyNTAsIDIxMywgMTY3KTtcbiAgLS1jb2xvci1vcmFuZ2UtLWxpZ2h0ZXN0OiByZ2IoMjUzLCAyMzksIDIyMik7XG4gIC0tY29sb3Itb3JhbmdlLS1kYXJrOiByZ2IoMTU4LCA5OCwgMjMpO1xuXG4gIC0tY29sb3ItYnJvd246IHJnYigxMzAsIDEwNywgNzApO1xuICAtLWNvbG9yLWJyb3duLS1saWdodDogcmdiKDE2OCwgMTUxLCAxMjYpO1xuICAtLWNvbG9yLWJyb3duLS1saWdodGVyOiByZ2IoMjA1LCAxOTYsIDE4MSk7XG4gIC0tY29sb3ItYnJvd24tLWxpZ2h0ZXN0OiByZ2IoMjM2LCAyMzMsIDIyNyk7XG4gIC0tY29sb3ItYnJvd24tLWRhcms6IHJnYig4NSwgNzAsIDQ2KTtcblxuICAtLWNvbG9yLW5hdnk6IHJnYig3NSwgMTA2LCAxNTApO1xuICAtLWNvbG9yLW5hdnktLWxpZ2h0OiByZ2IoMTI5LCAxNTEsIDE4Mik7XG4gIC0tY29sb3ItbmF2eS0tbGlnaHRlcjogcmdiKDE4MywgMTk1LCAyMTMpO1xuICAtLWNvbG9yLW5hdnktLWxpZ2h0ZXN0OiByZ2IoMjI4LCAyMzMsIDIzOSk7XG4gIC0tY29sb3ItbmF2eS0tZGFyazogcmdiKDQ5LCA2OSwgOTgpO1xuXG4gIC0tY29sb3ItaW5kaWdvOiByZ2IoODUsIDEwNiwgMjAzKTtcbiAgLS1jb2xvci1pbmRpZ28tLWxpZ2h0OiByZ2IoMTM2LCAxNTEsIDIxOSk7XG4gIC0tY29sb3ItaW5kaWdvLS1saWdodGVyOiByZ2IoMTg3LCAxOTUsIDIzNCk7XG4gIC0tY29sb3ItaW5kaWdvLS1saWdodGVzdDogcmdiKDIzMCwgMjMzLCAyNDcpO1xuICAtLWNvbG9yLWluZGlnby0tZGFyazogcmdiKDU1LCA2OSwgMTMyKTtcblxuICAtLWNvbG9yLXdoaXRlLS1yZ2I6IDI1NSwgMjU1LCAyNTU7XG4gIC0tY29sb3Itd2hpdGU6IHJnYmEodmFyKC0tY29sb3Itd2hpdGUtLXJnYiksIDEpO1xuXG4gIC0tY29sb3ItYmxhY2stLXJnYjogMCwgMCwgMDtcbiAgLS1jb2xvci1ibGFjazogcmdiYSh2YXIoLS1jb2xvci1ibGFjay0tcmdiKSwgMSk7XG59XG4iLCIvKiAvL2NoYW5nZWQgKi9cbjpyb290IHtcbiAgLS1yYWRpdXMtYmFzZTogdmFyKC0tc3BhY2Utc21hbGxlc3QpO1xuICAtLXJhZGl1cy1sYXJnZTogdmFyKC0tc3BhY2Utc21hbGxlcik7XG4gIC0tcmFkaXVzLWxhcmdlcjogdmFyKC0tc3BhY2Utc21hbGwpO1xuICAtLXJhZGl1cy1jaXJjbGU6IDEwMCU7XG59XG4iLCI6cm9vdCB7XG4gIC0tYmFzZS11bml0OiAxNnB4O1xuXG4gIC0tc3BhY2UtbWludXNjdWxlOiBjYWxjKHZhcigtLWJhc2UtdW5pdCkgLyAxNik7XG4gIC0tc3BhY2Utc21hbGxlc3Q6IGNhbGModmFyKC0tYmFzZS11bml0KSAvIDgpO1xuICAtLXNwYWNlLXNtYWxsZXI6IGNhbGModmFyKC0tYmFzZS11bml0KSAvIDQpO1xuICAtLXNwYWNlLXNtYWxsOiBjYWxjKHZhcigtLWJhc2UtdW5pdCkgLyAyKTtcbiAgLS1zcGFjZS1iYXNlOiBjYWxjKHZhcigtLWJhc2UtdW5pdCkgKiAxKTtcbiAgLS1zcGFjZS1sYXJnZTogY2FsYyh2YXIoLS1iYXNlLXVuaXQpICogMS41KTtcbiAgLS1zcGFjZS1sYXJnZXI6IGNhbGModmFyKC0tYmFzZS11bml0KSAqIDIpO1xuICAtLXNwYWNlLWxhcmdlc3Q6IGNhbGModmFyKC0tYmFzZS11bml0KSAqIDMpO1xuICAtLXNwYWNlLWV4dHJhdmFnYW50OiBjYWxjKHZhcigtLWJhc2UtdW5pdCkgKiA0KTtcbn1cbiIsIjpyb290IHtcbiAgLS1zaGFkb3ctbG93OiAwcHggdmFyKC0tc3BhY2UtbWludXNjdWxlKSB2YXIoLS1zcGFjZS1zbWFsbGVzdClcbiAgICAgIHJnYmEoMCwgMCwgMCwgMC4yNSksXG4gICAgMHB4IDBweCB2YXIoLS1zcGFjZS1zbWFsbGVzdCkgcmdiYSgwLCAwLCAwLCAwLjEpO1xuICAtLXNoYWRvdy1iYXNlOiAwcHggdmFyKC0tc3BhY2UtbWludXNjdWxlKSB2YXIoLS1zcGFjZS1zbWFsbGVyKSAwcHhcbiAgICAgIHJnYmEoMCwgMCwgMCwgMC4xKSxcbiAgICAwcHggdmFyKC0tc3BhY2Utc21hbGxlcikgMTJweCAwcHggcmdiYSgwLCAwLCAwLCAwLjA1KTtcbiAgLS1zaGFkb3ctaGlnaDogMHB4IHZhcigtLXNwYWNlLWJhc2UpIHZhcigtLXNwYWNlLWJhc2UpIDBweFxuICAgICAgcmdiYSgwLCAwLCAwLCAwLjA3NSksXG4gICAgMHB4IDBweCB2YXIoLS1zcGFjZS1zbWFsbCkgMHB4IHJnYmEoMCwgMCwgMCwgMC4wNSk7XG4gIC0tc2hhZG93LWZvY3VzOiAwcHggMHB4IHZhcigtLXNwYWNlLXNtYWxsZXIpIHZhcigtLXNwYWNlLXNtYWxsZXN0KVxuICAgIHZhcigtLWNvbG9yLWZvY3VzKTtcbn1cbiIsIjpyb290IHtcbiAgLS10aW1pbmctcXVpY2s6IDEwMG1zO1xuICAtLXRpbWluZy1iYXNlOiAyMDBtcztcbiAgLS10aW1pbmctc2xvdzogMzAwbXM7XG4gIC0tdGltaW5nLXNsb3dlcjogNDAwbXM7XG4gIC0tdGltaW5nLXNsb3dlc3Q6IDUwMG1zO1xufVxuIiwiOnJvb3Qge1xuICAtLWVsZXZhdGlvbi1iYXNlOiAxO1xuICAtLWVsZXZhdGlvbi1tZW51OiA2O1xuICAtLWVsZXZhdGlvbi1kYXRlcGlja2VyOiA2O1xuICAvKipcbiAgICogTW9kYWwgaGFzIHRoaXMgbXVjaCB6LWluZGV4IHRvIG92ZXJjb21lIGRvY3ogei1pbmRleC4gVGhpcyBjYW4gYmUgbG93ZXJlZFxuICAgKiBvbmNlIHdlIGNyZWF0ZSBvdXIgb3duIGRvY3ogdGhlbWVcbiAgICovXG4gIC0tZWxldmF0aW9uLW1vZGFsOiAxMDAxO1xuICAtLWVsZXZhdGlvbi10b29sdGlwOiAxMDAyO1xuICAtLWVsZXZhdGlvbi10b2FzdDogMTAwMztcbn1cbiIsIjpyb290IHtcbiAgLS10eXBvZ3JhcGh5LS1sZXR0ZXJTcGFjaW5nLWJhc2U6IDA7XG4gIC0tdHlwb2dyYXBoeS0tbGV0dGVyU3BhY2luZy1sb29zZTogY2FsYyh2YXIoLS1iYXNlLXVuaXQpIC8gNDApO1xuXG4gIC0tdHlwb2dyYXBoeS0tZm9udEZhbWlseS1ub3JtYWw6IFwiSW50ZXJcIiwgSGVsdmV0aWNhLCBBcmlhbCwgc2Fucy1zZXJpZjtcbiAgLS10eXBvZ3JhcGh5LS1mb250RmFtaWx5LWRpc3BsYXk6IFwiSm9iYmVyIFByb1wiLCBcIlBvcHBpbnNcIiwgSGVsdmV0aWNhLCBBcmlhbCxcbiAgICBzYW5zLXNlcmlmO1xuXG4gIC0tdHlwb2dyYXBoeS0tZm9udFNpemUtZXh0cmF2YWdhbnQ6IGNhbGMoXG4gICAgdmFyKC0tdHlwb2dyYXBoeS0tZm9udFNpemUtbGFyZ2UpICogM1xuICApO1xuICAvKiA0OCAqL1xuICAtLXR5cG9ncmFwaHktLWZvbnRTaXplLWp1bWJvOiBjYWxjKHZhcigtLXR5cG9ncmFwaHktLWZvbnRTaXplLWxhcmdlKSAqIDIuMjUpO1xuICAvKiAzNiAqL1xuICAtLXR5cG9ncmFwaHktLWZvbnRTaXplLWxhcmdlc3Q6IGNhbGModmFyKC0tdHlwb2dyYXBoeS0tZm9udFNpemUtbGFyZ2UpICogMS41KTtcbiAgLyogMjQgKi9cbiAgLS10eXBvZ3JhcGh5LS1mb250U2l6ZS1sYXJnZXI6IGNhbGModmFyKC0tdHlwb2dyYXBoeS0tZm9udFNpemUtbGFyZ2UpICogMS4yNSk7XG4gIC8qIDIwICovXG4gIC0tdHlwb2dyYXBoeS0tZm9udFNpemUtbGFyZ2U6IGNhbGModmFyKC0tYmFzZS11bml0KSAqIDEpO1xuICAvKiAxNiAqL1xuICAtLXR5cG9ncmFwaHktLWZvbnRTaXplLWJhc2U6IGNhbGModmFyKC0tdHlwb2dyYXBoeS0tZm9udFNpemUtbGFyZ2UpICogMC44NzUpO1xuICAvKiAxNCAqL1xuICAtLXR5cG9ncmFwaHktLWZvbnRTaXplLXNtYWxsOiBjYWxjKHZhcigtLXR5cG9ncmFwaHktLWZvbnRTaXplLWxhcmdlKSAqIDAuNzUpO1xuICAvKiAxMiAqL1xuICAtLXR5cG9ncmFwaHktLWZvbnRTaXplLXNtYWxsZXI6IGNhbGMoXG4gICAgdmFyKC0tdHlwb2dyYXBoeS0tZm9udFNpemUtbGFyZ2UpICogMC42MjVcbiAgKTtcbiAgLyogMTAgKi9cblxuICAtLXR5cG9ncmFwaHktLWxpbmVIZWlnaHQtbGFyZ2U6IDEuMzQ7XG4gIC0tdHlwb2dyYXBoeS0tbGluZUhlaWdodC1iYXNlOiAxLjI1O1xuICAtLXR5cG9ncmFwaHktLWxpbmVIZWlnaHQtdGlnaHQ6IDEuMjtcbiAgLS10eXBvZ3JhcGh5LS1saW5lSGVpZ2h0LXRpZ2h0ZXI6IDEuMTQzO1xuICAtLXR5cG9ncmFwaHktLWxpbmVIZWlnaHQtdGlnaHRlc3Q6IDEuMTI7XG4gIC0tdHlwb2dyYXBoeS0tbGluZUhlaWdodC1taW5pc2N1bGU6IDEuMDg7XG59XG5cbkBtZWRpYSAoLS1oYW5kaGVsZHMpIHtcbiAgOnJvb3Qge1xuICAgIC0tdHlwb2dyYXBoeS0tZm9udFNpemUtZXh0cmF2YWdhbnQ6IGNhbGMoXG4gICAgICB2YXIoLS10eXBvZ3JhcGh5LS1mb250U2l6ZS1sYXJnZSkgKiAyLjVcbiAgICApO1xuICAgIC8qIDQwICovXG4gICAgLS10eXBvZ3JhcGh5LS1mb250U2l6ZS1qdW1ibzogY2FsYyhcbiAgICAgIHZhcigtLXR5cG9ncmFwaHktLWZvbnRTaXplLWxhcmdlKSAqIDEuNzVcbiAgICApO1xuICAgIC8qIDI4ICovXG4gICAgLS10eXBvZ3JhcGh5LS1mb250U2l6ZS1sYXJnZXN0OiBjYWxjKFxuICAgICAgdmFyKC0tdHlwb2dyYXBoeS0tZm9udFNpemUtbGFyZ2UpICogMS4zNzVcbiAgICApO1xuICAgIC8qIDIyICovXG4gIH1cbn1cbiIsIkBjdXN0b20tbWVkaWEgLS1oYW5kaGVsZHMgKHdpZHRoIDwgNjQwcHgpO1xuQGN1c3RvbS1tZWRpYSAtLW1lZGl1bS1zY3JlZW5zICh3aWR0aCA+PSA2NDBweCk7XG5AY3VzdG9tLW1lZGlhIC0td2lkZS1zY3JlZW5zICh3aWR0aCA+PSAxMDI0cHgpO1xuIl19 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/design",
-  "version": "0.28.2",
+  "version": "0.28.3-pre.2+a045d54b",
   "description": "Design foundation for the Jobber Atlantis Design System",
   "license": "MIT",
   "main": "dist/index.js",
@@ -9,36 +9,31 @@
     "dist/*",
     "*.css",
     "foundation.*",
-    "icons/*",
-    "src/*",
-    "foundation_config/*",
-    "tsconfig.json",
-    "*.js"
+    "icons/*"
   ],
   "scripts": {
     "build": "npm run build:css && npm run build:css:icons && npm run build:colors && npm run build:cssTypes && npm run build:foundation && npm run build:iconCssStyle && npm run build:rollup",
     "build:rollup": "rollup --config",
-    "build:css": "postcss src/foundation.css --config foundation_config --output foundation.css",
+    "build:css": "postcss src/foundation.css --output foundation.css --use postcss-import",
     "build:css:icons": "postcss src/icons/*.css --dir icons/ --use postcss-import",
     "build:ts": "tsc --project .",
     "build:cssTypes": "tcm src/icons",
     "build:colors": "node buildColors.js",
     "build:foundation": "node buildFoundation.js && node jobberStyle.js && npm run build:foundationTypes && npm run build:addTypeLinterExceptions && npm run build:addFoundationLinterExceptions && npm run build:removeTempFiles",
-    "build:foundationTypes": "tsc --declaration --emitDeclarationOnly --allowJs foundation.js --outDir . --skipLibCheck",
+    "build:foundationTypes": "tsc --declaration --emitDeclarationOnly --allowJs foundation.js --outDir .",
     "build:addTypeLinterExceptions": "(printf '/* tslint:disable */\n/* eslint-disable */\n/* This file is automatically generated and should not be edited. */\n'; cat foundation.d.ts) > foundation.d.ts.temp",
     "build:addFoundationLinterExceptions": "(printf '/* tslint:disable */\n/* eslint-disable */\n/* This file is automatically generated and should not be edited. */\n'; cat foundation.js) > foundation.js.temp",
     "build:removeTempFiles": "rm -f src/foundation.js && mv foundation.d.ts.temp foundation.d.ts && mv foundation.js.temp foundation.js",
     "build:iconCssStyle": "node buildIconStyles.js && npm run build:iconCssStyleTypes",
-    "build:iconCssStyleTypes": "tsc --declaration --emitDeclarationOnly --allowJs src/icons/iconStyles.ts --outDir ./src/icons --skipLibCheck",
-    "clean": "rm -rf dist/* icons/* colors.js foundation.* iconStyles.* tsconfig.tsbuildinfo ./src/icons/iconStyles.*",
+    "build:iconCssStyleTypes": "tsc --declaration --emitDeclarationOnly --allowJs src/icons/iconStyles.ts --outDir ./src/icons",
+    "clean": "rm -rf dist/* icons/* colors.js foundation.* iconStyles.* tsconfig.tsbuildinfo",
     "prepare": "npm run clean && npm run build",
-    "postinstall": "npm run prepare",
     "ci:typescript-compile": "npm run build:ts"
   },
-  "optionalDependencies": {
-    "@jobber/fonts": "^1.0.0"
-  },
   "dependencies": {
+    "classnames": "^2.2.6"
+  },
+  "devDependencies": {
     "@types/classnames": "^2.2.10",
     "autoprefixer": "^9.5.1",
     "classnames": "^2.2.6",
@@ -61,5 +56,5 @@
     "typed-css-modules": "^0.7.0",
     "typescript": "^3.8.3"
   },
-  "gitHead": "e3bdefce21d541fa1e6891b9fcd56bcd278c9726"
+  "gitHead": "a045d54b3697c071d721d0bbbcfc306810ca642c"
 }

package/buildColors.js

@@ -1,15 +0,0 @@
-/* eslint-env node */
-/* eslint-disable @typescript-eslint/no-var-requires */
-const fs = require("fs");
-const postcss = require("postcss");
-const postcssCustomProperties = require("postcss-custom-properties");
-
-const colors = fs.readFileSync("src/colors.css");
-
-postcss([
-  postcssCustomProperties({
-    exportTo: ["colors.js"],
-  }),
-])
-  .process(colors, { from: undefined })
-  .then();

package/buildFoundation.js

@@ -1,15 +0,0 @@
-/* eslint-env node */
-/* eslint-disable @typescript-eslint/no-var-requires */
-const fs = require("fs");
-const postcss = require("postcss");
-const postcssCustomProperties = require("postcss-custom-properties");
-
-const foundation = fs.readFileSync("./foundation.css");
-
-postcss([
-  postcssCustomProperties({
-    exportTo: ["src/foundation.js"],
-  }),
-])
-  .process(foundation, { from: undefined })
-  .then();

package/buildIconStyles.js

@@ -1,44 +0,0 @@
-/* eslint-env node */
-/* eslint-disable @typescript-eslint/no-var-requires */
-
-const fs = require("fs");
-const path = require("path");
-const postcss = require("postcss");
-const postcssCustomProperties = require("postcss-custom-properties");
-const postcssCalc = require("postcss-calc");
-const transform = require("css-to-react-native-transform").default;
-
-const icon = fs.readFileSync("src/icons/Icon.css");
-const size = fs.readFileSync("src/icons/Sizes.css");
-const color = fs.readFileSync("src/icons/Colors.css");
-
-const allCss = [icon, size, color].join("\n");
-
-postcss([
-  postcssCustomProperties({
-    preserve: false,
-    importFrom: ["foundation.css"],
-  }),
-  postcssCalc(),
-])
-  .process(allCss, { from: undefined })
-  .then(function (result) {
-    const calculated = transform(result.css);
-    const jsonContent =
-      "/* This file is automatically generated by buildIconStyle.js and should not be edited. */\n" +
-      "export const iconStyles = " +
-      JSON.stringify(calculated, undefined, 2);
-
-    fs.writeFile(
-      path.join(__dirname, "src/icons/iconStyles.ts"),
-      jsonContent,
-      "utf8",
-      function (err) {
-        if (err) {
-          console.log("An error occurred while writing JSON object to File.");
-          return console.log(err);
-        }
-        console.log("JSON file has been saved.");
-      },
-    );
-  });

package/colors.js

@@ -1,138 +0,0 @@
-module.exports = {
-	customProperties: {
-		'--color-interactive': 'var(--color-green)',
-		'--color-interactive--hover': 'var(--color-green--dark)',
-		'--color-destructive': 'var(--color-red)',
-		'--color-destructive--hover': 'var(--color-red--dark)',
-		'--color-interactive--subtle': 'var(--color-greyBlue)',
-		'--color-interactive--subtle--hover': 'var(--color-greyBlue--dark)',
-		'--color-disabled': 'var(--color-grey)',
-		'--color-disabled--secondary': 'var(--color-grey--lighter)',
-		'--color-focus': 'var(--color-yellow--light)',
-		'--color-critical': 'var(--color-red)',
-		'--color-critical--surface': 'var(--color-red--lightest)',
-		'--color-critical--onSurface': 'var(--color-red--dark)',
-		'--color-warning': 'var(--color-yellow)',
-		'--color-warning--surface': 'var(--color-yellow--lightest)',
-		'--color-warning--onSurface': 'var(--color-yellow--dark)',
-		'--color-success': 'var(--color-green)',
-		'--color-success--surface': 'var(--color-green--lightest)',
-		'--color-success--onSurface': 'var(--color-green--dark)',
-		'--color-informative': 'var(--color-lightBlue)',
-		'--color-informative--surface': 'var(--color-lightBlue--lightest)',
-		'--color-informative--onSurface': 'var(--color-lightBlue--dark)',
-		'--color-inactive': 'var(--color-blue--light)',
-		'--color-inactive--surface': 'var(--color-blue--lightest)',
-		'--color-inactive--onSurface': 'var(--color-blue--dark)',
-		'--color-heading': 'var(--color-blue)',
-		'--color-text': 'var(--color-greyBlue--dark)',
-		'--color-text--secondary': 'var(--color-greyBlue)',
-		'--color-text--reverse': 'var(--color-white)',
-		'--color-text--reverse--secondary': 'var(--color-greyBlue--lighter)',
-		'--color-surface': 'var(--color-white)',
-		'--color-surface--hover': 'var(--color-yellow--lightest)',
-		'--color-surface--active': 'var(--color-green--lightest)',
-		'--color-surface--background': 'var(--color-grey--lightest)',
-		'--color-surface--reverse': 'var(--color-blue)',
-		'--color-border': 'var(--color-grey--lighter)',
-		'--color-border--section': 'var(--color-blue)',
-		'--color-overlay': 'rgba(var(--color-black--rgb), 0.32)',
-		'--color-overlay--dimmed': 'rgba(var(--color-white--rgb), 0.6)',
-		'--color-brand': 'var(--color-green)',
-		'--color-brand--highlight': 'rgb(160, 215, 42)',
-		'--color-request': 'var(--color-indigo)',
-		'--color-quote': 'var(--color-pink)',
-		'--color-job': 'var(--color-yellowGreen)',
-		'--color-visit': 'var(--color-green)',
-		'--color-task': 'var(--color-navy)',
-		'--color-event': 'var(--color-yellow)',
-		'--color-invoice': 'var(--color-purple)',
-		'--color-payments': 'var(--color-orange)',
-		'--color-client': 'var(--color-teal)',
-		'--color-blue': 'rgb(1, 41, 57)',
-		'--color-blue--light': 'rgb(77, 105, 116)',
-		'--color-blue--lighter': 'rgb(153, 169, 176)',
-		'--color-blue--lightest': 'rgb(217, 223, 225)',
-		'--color-blue--dark': 'rgb(1, 27, 37)',
-		'--color-green': 'rgb(125, 176, 14)',
-		'--color-green--light': 'rgb(164, 200, 86)',
-		'--color-green--lighter': 'rgb(203, 223, 159)',
-		'--color-green--lightest': 'rgb(236, 243, 219)',
-		'--color-green--dark': 'rgb(81, 114, 9)',
-		'--color-lime': 'rgb(153, 193, 70)',
-		'--color-lime--light': 'rgb(184, 212, 126)',
-		'--color-lime--lighter': 'rgb(214, 230, 181)',
-		'--color-lime--lightest': 'rgb(240, 246, 227)',
-		'--color-lime--dark': 'rgb(99, 125, 46)',
-		'--color-yellowGreen': 'rgb(187, 197, 32)',
-		'--color-yellowGreen--light': 'rgb(207, 214, 99)',
-		'--color-yellowGreen--lighter': 'rgb(228, 232, 166)',
-		'--color-yellowGreen--lightest': 'rgb(245, 246, 222)',
-		'--color-yellowGreen--dark': 'rgb(122, 128, 21)',
-		'--color-yellow': 'rgb(221, 195, 15)',
-		'--color-yellow--light': 'rgb(231, 213, 87)',
-		'--color-yellow--lighter': 'rgb(241, 231, 159)',
-		'--color-yellow--lightest': 'rgb(250, 246, 219)',
-		'--color-yellow--dark': 'rgb(144, 127, 10)',
-		'--color-red': 'rgb(201, 66, 33)',
-		'--color-red--light': 'rgb(233, 141, 119)',
-		'--color-red--lighter': 'rgb(255, 206, 194)',
-		'--color-red--lightest': 'rgb(255, 226, 219)',
-		'--color-red--dark': 'rgb(128, 25, 0)',
-		'--color-grey': 'rgb(181, 181, 181)',
-		'--color-grey--light': 'rgb(203, 203, 203)',
-		'--color-grey--lighter': 'rgb(225, 225, 225)',
-		'--color-grey--lightest': 'rgb(244, 244, 244)',
-		'--color-grey--dark': 'rgb(118, 118, 118)',
-		'--color-greyBlue--rgb': '101, 120, 132',
-		'--color-greyBlue': 'rgba(var(--color-greyBlue--rgb), 1)',
-		'--color-greyBlue--light': 'rgb(147, 161, 169)',
-		'--color-greyBlue--lighter': 'rgb(193, 201, 206)',
-		'--color-greyBlue--lightest': 'rgb(232, 235, 237)',
-		'--color-greyBlue--dark': 'rgb(66, 78, 86)',
-		'--color-lightBlue': 'rgb(60, 162, 224)',
-		'--color-lightBlue--light': 'rgb(119, 190, 233)',
-		'--color-lightBlue--lighter': 'rgb(177, 218, 243)',
-		'--color-lightBlue--lightest': 'rgb(226, 241, 250)',
-		'--color-lightBlue--dark': 'rgb(39, 105, 146)',
-		'--color-purple': 'rgb(136, 112, 196)',
-		'--color-purple--light': 'rgb(172, 155, 214)',
-		'--color-purple--lighter': 'rgb(207, 198, 231)',
-		'--color-purple--lightest': 'rgb(237, 234, 246)',
-		'--color-purple--dark': 'rgb(88, 73, 127)',
-		'--color-pink': 'rgb(179, 96, 150)',
-		'--color-pink--light': 'rgb(202, 144, 182)',
-		'--color-pink--lighter': 'rgb(225, 191, 213)',
-		'--color-pink--lightest': 'rgb(244, 231, 239)',
-		'--color-pink--dark': 'rgb(116, 62, 98)',
-		'--color-teal': 'rgb(62, 173, 146)',
-		'--color-teal--light': 'rgb(120, 198, 179)',
-		'--color-teal--lighter': 'rgb(178, 222, 211)',
-		'--color-teal--lightest': 'rgb(226, 243, 239)',
-		'--color-teal--dark': 'rgb(40, 112, 95)',
-		'--color-orange': 'rgb(243, 150, 36)',
-		'--color-orange--light': 'rgb(247, 182, 102)',
-		'--color-orange--lighter': 'rgb(250, 213, 167)',
-		'--color-orange--lightest': 'rgb(253, 239, 222)',
-		'--color-orange--dark': 'rgb(158, 98, 23)',
-		'--color-brown': 'rgb(130, 107, 70)',
-		'--color-brown--light': 'rgb(168, 151, 126)',
-		'--color-brown--lighter': 'rgb(205, 196, 181)',
-		'--color-brown--lightest': 'rgb(236, 233, 227)',
-		'--color-brown--dark': 'rgb(85, 70, 46)',
-		'--color-navy': 'rgb(75, 106, 150)',
-		'--color-navy--light': 'rgb(129, 151, 182)',
-		'--color-navy--lighter': 'rgb(183, 195, 213)',
-		'--color-navy--lightest': 'rgb(228, 233, 239)',
-		'--color-navy--dark': 'rgb(49, 69, 98)',
-		'--color-indigo': 'rgb(85, 106, 203)',
-		'--color-indigo--light': 'rgb(136, 151, 219)',
-		'--color-indigo--lighter': 'rgb(187, 195, 234)',
-		'--color-indigo--lightest': 'rgb(230, 233, 247)',
-		'--color-indigo--dark': 'rgb(55, 69, 132)',
-		'--color-white--rgb': '255, 255, 255',
-		'--color-white': 'rgba(var(--color-white--rgb), 1)',
-		'--color-black--rgb': '0, 0, 0',
-		'--color-black': 'rgba(var(--color-black--rgb), 1)'
-	}
-};

package/foundation_config/postcss-filter-rules/index.js

@@ -1,17 +0,0 @@
-/* eslint-env node */
-/* eslint-disable @typescript-eslint/no-var-requires */
-
-const postcss = require("postcss");
-
-module.exports = postcss.plugin(
-  "postcss-filter-rules",
-  (opts = { ruleFilters: [] }) => {
-    // Work with options here
-
-    return root => {
-      root.nodes.forEach(rule => {
-        opts.ruleFilters.forEach(filter => filter(rule));
-      });
-    };
-  },
-);

package/foundation_config/postcss.config.js

@@ -1,58 +0,0 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-/* eslint-env node */
-
-const postcssCustomProperties = require("postcss-custom-properties");
-const postcssImport = require("postcss-import");
-const postcssCopy = require("postcss-copy");
-const removeRule = require("./postcss-filter-rules");
-
-let maintainPath;
-let hasJobberFonts = false;
-try {
-  ({ maintainPath } = require("@jobber/fonts"));
-  hasJobberFonts = true;
-} catch (e) {
-  hasJobberFonts = false;
-}
-function removeFontImport(rule) {
-  if (rule.params?.includes("@jobber/fonts")) {
-    if (!hasJobberFonts) {
-      console.warn("remove rule in foundation config", { hasJobberFonts });
-      rule.remove();
-    }
-  }
-}
-const postcssCopyInstance = postcssCopy({
-  dest: "./dist",
-  basePath: ["./src", "./node_modules"],
-  preservePath: true,
-  template(fileMeta) {
-    return fileMeta.filename;
-  },
-});
-const postcssImportInstance = postcssImport({
-  basedir: ["./src", "./node_modules"],
-  filter: path => {
-    if (path.includes("@jobber/fonts")) {
-      console.warn("include fonts, import, foundation config", {
-        hasJobberFonts,
-      });
-      return hasJobberFonts;
-    } else {
-      return true;
-    }
-  },
-});
-
-module.exports = {
-  plugins: [
-    removeRule({ ruleFilters: [removeFontImport] }),
-    postcssImportInstance,
-    hasJobberFonts && postcssCopyInstance,
-    hasJobberFonts &&
-      maintainPath({ pathToFind: "dist/fonts", pathToSet: "./dist/fonts" }),
-    postcssCustomProperties({
-      exportTo: ["src/foundation.js"],
-    }),
-  ],
-};

package/jobberStyle.js

@@ -1,243 +0,0 @@
-/* eslint-disable @typescript-eslint/no-var-requires */
-const fs = require("fs");
-// eslint-disable-next-line import/no-internal-modules
-const customPropertiesObject = require("./src/foundation.js");
-
-const regexExpressions = {
-  cssVars: /var\((.*)\)/,
-  calculations: /calc\((.*)\)/,
-  rgbVars: /rgb\(var\((.*)\)\)/,
-  rgbaVars: /rgba\(var\((.*)\),?(.*)\)/,
-  removeAllNonNumerals: /[^0-9.+\-/*]/gi,
-  extractAllVarGroups: /var\(.*?\)/g,
-};
-
-const customProperties = customPropertiesObject.customProperties;
-
-const resolvedCssVars = getResolvedCSSVars(customProperties);
-
-const jsonContent =
-  "export const JobberStyle = " + JSON.stringify(resolvedCssVars, undefined, 2);
-
-fs.writeFile("./foundation.js", jsonContent, "utf8", function (err) {
-  if (err) {
-    console.log("An error occured while writing JSON object to File.");
-    return console.log(err);
-  }
-  console.log("JSON file has been saved.");
-});
-
-const scssColors = getResolvedSCSSVariables(resolvedCssVars);
-
-fs.writeFile(
-  "./foundation.scss",
-  scssColors.join("\n"),
-  "utf-8",
-  function (err) {
-    if (err) {
-      console.log("An error occured while writing SCSS to File.");
-      return console.log(err);
-    }
-    console.log("SCSS file has been saved.");
-  },
-);
-
-/**
- * Recursively resolve css custom properties.
- *
- * eg:
- * ```
- * jobberStyle(`
- *   "--base": "5px",
- *   "--foo": "calc(var(--base) * 2),
- * `);
- * ```
- * =>
- * ```
- * {
- *   "--base": "5",
- *   "--foo": "10",
- * }
- * ```
- */
-
-function jobberStyle(styling) {
-  const styleValue = customProperties[styling];
-
-  //varRegexResult returns --base-unit from var(--base-unit)
-  const varRegexResult = regexExpressions.cssVars.exec(styleValue);
-  //rgbVarRegexResult returns --base-unit from rgb(var(--base-unit))
-  const rgbVarRegexResult = regexExpressions.rgbVars.exec(styleValue);
-  //rgbaVarRegexResult returns --base-unit and alpha (if exists) from rgba(var(--base-unit), alpha)
-  const rgbaVarRegexResult = regexExpressions.rgbaVars.exec(styleValue);
-
-  //calcRegexResult returns var(--base-unit) / 16 from calc(var(--base-unit) / 16)
-  const calcRegexResult = regexExpressions.calculations.exec(styleValue);
-  if (calcRegexResult) {
-    return handleCalc(calcRegexResult);
-  } else if (rgbVarRegexResult) {
-    return jobberStyle(rgbVarRegexResult[1]);
-  } else if (rgbaVarRegexResult) {
-    return handleRbga(rgbaVarRegexResult);
-  } else if (varRegexResult) {
-    return jobberStyle(varRegexResult[1]);
-  } else {
-    return isSpacingValue(styleValue) ? parseFloat(styleValue) : styleValue;
-  }
-}
-
-function handleCalc(calcRegexResult) {
-  const finalExpression = handleExpressionsInCalc(calcRegexResult);
-  // eslint-disable-next-line no-new-func
-  const calculatedValue = new Function(
-    "return " +
-      finalExpression.replace(regexExpressions.removeAllNonNumerals, ""),
-  )();
-  return isSpacingValue(calculatedValue)
-    ? parseFloat(calculatedValue)
-    : calculatedValue;
-}
-
-function handleRbga(rgbaVarRegexResult) {
-  let resolved = "rgba(" + jobberStyle(rgbaVarRegexResult[1]);
-  if (rgbaVarRegexResult[2]) {
-    resolved += "," + rgbaVarRegexResult[2];
-  }
-  resolved += ")";
-
-  return resolved;
-}
-
-function handleExpressionsInCalc(calcRegexResult) {
-  const calcExtract = calcRegexResult[1];
-  const varGroups = calcExtract.match(regexExpressions.extractAllVarGroups);
-  let finalExpression = calcExtract;
-  varGroups &&
-    varGroups.forEach(group => {
-      const cssVariableRegexResult = regexExpressions.cssVars.exec(group);
-      if (cssVariableRegexResult) {
-        finalExpression = resolveCssVarsInExpression({
-          group,
-          cssVariableRegexResult,
-          finalExpression,
-        });
-      }
-    });
-  return finalExpression;
-}
-
-function resolveCssVarsInExpression({
-  group,
-  cssVariableRegexResult,
-  finalExpression,
-}) {
-  const cssVariable = cssVariableRegexResult[1];
-  const realValue = jobberStyle(cssVariable);
-  const unresolvedCssVariable = group;
-  return finalExpression.replace(unresolvedCssVariable, realValue);
-}
-
-function isSpacingValue(value) {
-  return !!String(value).match(
-    /(^\d+(px|%|rem|em|ex|ch|vw|vh|vmin|vmax)$)|(^\d+$)/,
-  );
-}
-
-function getResolvedCSSVars(cssProperties) {
-  const allKeys = Object.keys(cssProperties);
-  return allKeys.reduce((acc, key) => {
-    const newKey = key.replace("--", "");
-    acc[newKey] = jobberStyle(key);
-    return acc;
-  }, {});
-}
-
-function getResolvedSCSSVariables(cssProperties) {
-  const allKeys = Object.keys(cssProperties);
-
-  return allKeys.reduce((acc, cssVar) => {
-    const propertyValue = getPropertyValue(cssVar);
-
-    if (propertyValue) {
-      return [...acc, `$${cssVar}: ${propertyValue};`];
-    }
-
-    return acc;
-  }, []);
-}
-
-function resolveShadow(shadowValue) {
-  const splitValue = shadowValue.split(" ").filter(n => n);
-
-  return splitValue
-    .map(value => {
-      const varRegexResult = regexExpressions.cssVars.exec(value);
-
-      if (varRegexResult) {
-        const result = jobberStyle(varRegexResult[1]);
-        const suffix = typeof result === "string" ? "" : "px";
-
-        return `${result}${suffix}`;
-      }
-
-      return value;
-    })
-    .join(" ");
-}
-
-function getVariableType(cssVar) {
-  const includesInArray = v => cssVar.includes(v);
-
-  const isSizeVariables = ["border", "radius"].some(includesInArray);
-  const isSimpleVariables = [
-    "color",
-    "timing",
-    "elevation",
-    "lineHeight",
-    "fontFamily",
-    "letterSpacing-base",
-  ].some(includesInArray);
-  const isCalcVariables = ["space", "letterSpacing-loose", "fontSize"].some(
-    includesInArray,
-  );
-  const isShadowVariable = cssVar.includes("shadow");
-
-  if (isSimpleVariables) return "simple";
-  if (isSizeVariables) return "size";
-  if (isCalcVariables) return "calc";
-  if (isShadowVariable) return "shadow";
-}
-
-function getPropertyValue(cssVar) {
-  const customPropertyValue = customProperties["--" + cssVar];
-  const variableType = getVariableType(cssVar);
-
-  switch (variableType) {
-    case "simple":
-      return `${resolvedCssVars[cssVar]}`;
-    case "calc": {
-      const calcRegexResult = regexExpressions.calculations.exec(
-        removeNewLines(customPropertyValue),
-      );
-
-      return `${handleCalc(calcRegexResult)}px`;
-    }
-    case "size": {
-      const suffix = customPropertyValue.includes("%") ? "%" : "px";
-      return `${resolvedCssVars[cssVar]}${suffix}`;
-    }
-    case "shadow":
-      return `${resolveShadow(customPropertyValue)}`;
-    default:
-      return "";
-  }
-}
-
-/**
- *
- * Removes all types of line breaks from the text
- * Reference: https://stackoverflow.com/a/10805198
- */
-function removeNewLines(text) {
-  return text.replace(/(\r\n|\n|\r)/gm, "");
-}