0 Bug Fixes
Jan 19, 2017
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.