As the Clarity Icons package gains more and more icons, it's not ideal for users to load them all because all of them are bundled into a single JS file, clarity-icons.min.js. Thus, we've divided our Clarity Icons shapes into four different categories: Core, Basic, Social, and Technology. Each of these categories has its individual file (core-shapes.js, basic-shapes.js, social-shapes.js, and technology-shapes.js) so that now users could load only the group of shapes they need to use after loading clarity-icons-lite.umd.js, which is the light version of clarity-icons.min.js. For example:
<script src="path/to/node_modules/clarity-icons/clarity-icons-lite.umd.js"></script>
<script src="path/to/node_modules/clarity-icons/shapes/social-shapes.umd.js"></script>
The typescript equivalent of the code above is here:
import "clarity-icons"
import "clarity-icons/shapes/social-shapes"
Just one more thing to note here is that by default clarity-icons-lite.umd.js includes Core shapes.
The Sketch Template for Clarity v0.8.2 has been released.