vadivam 0.0.27 → 0.0.28

package/README.md

@@ -8,7 +8,7 @@ Tree-shakeable 24px outline SVG icons for JavaScript, with raw assets and metada
 [![downloads](https://img.shields.io/npm/dw/vadivam?style=flat-square&color=666)](https://www.npmjs.com/package/vadivam)
 [![license](https://img.shields.io/npm/l/vadivam?style=flat-square&color=111)](https://github.com/praveenjuge/vadivam/blob/main/LICENSE)
 
-![All Vadivam icons](https://raw.githubusercontent.com/praveenjuge/vadivam/main/apps/docs/public/preview.png?v=0.0.27)
+![All Vadivam icons](https://raw.githubusercontent.com/praveenjuge/vadivam/main/apps/docs/public/preview.png?v=0.0.28)
 
 ```sh
 npm install vadivam
@@ -17,6 +17,7 @@ npm install vadivam
 ```js
 import { Activity, createElement } from "vadivam";
 import activitySvgUrl from "vadivam/icons/activity.svg";
+import activitySvg from "vadivam/strings/activity";
 
 const svg = createElement(Activity, { width: 20, height: 20 });
 ```
@@ -34,6 +35,7 @@ createIcons({ icons });
 ```
 
 - Tree-shakeable icon nodes and direct SVG asset imports
+- Per-icon SVG strings, a complete SVG sprite, and an optional WOFF2 icon font
 - DOM replacement with configurable attributes, roots, and templates
 - Complete icon metadata from `vadivam/manifest`
 

package/dist/font/vadivam.css

@@ -0,0 +1,261 @@
+@font-face {
+  font-family: "Vadivam Icons";
+  src: url("./vadivam.woff2") format("woff2");
+  font-display: block;
+  font-style: normal;
+  font-weight: normal;
+}
+
+.vadivam-icon {
+  display: inline-block;
+  font-family: "Vadivam Icons" !important;
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  speak: never;
+  text-transform: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.vadivam-icon-a-arrow-down::before { content: "\e000"; }
+.vadivam-icon-a-arrow-up::before { content: "\e001"; }
+.vadivam-icon-a-large-small::before { content: "\e002"; }
+.vadivam-icon-accessibility::before { content: "\e003"; }
+.vadivam-icon-activity::before { content: "\e004"; }
+.vadivam-icon-air-vent::before { content: "\e005"; }
+.vadivam-icon-airplay::before { content: "\e006"; }
+.vadivam-icon-alarm-clock-check::before { content: "\e008"; }
+.vadivam-icon-alarm-clock-minus::before { content: "\e009"; }
+.vadivam-icon-alarm-clock-off::before { content: "\e00a"; }
+.vadivam-icon-alarm-clock-plus::before { content: "\e00b"; }
+.vadivam-icon-alarm-clock::before { content: "\e007"; }
+.vadivam-icon-alarm-smoke::before { content: "\e00c"; }
+.vadivam-icon-album::before { content: "\e00d"; }
+.vadivam-icon-align-center-horizontal::before { content: "\e00e"; }
+.vadivam-icon-align-center-vertical::before { content: "\e00f"; }
+.vadivam-icon-align-end-horizontal::before { content: "\e010"; }
+.vadivam-icon-align-end-vertical::before { content: "\e011"; }
+.vadivam-icon-align-horizontal-distribute-center::before { content: "\e012"; }
+.vadivam-icon-align-horizontal-distribute-end::before { content: "\e013"; }
+.vadivam-icon-align-horizontal-distribute-start::before { content: "\e014"; }
+.vadivam-icon-align-horizontal-justify-center::before { content: "\e015"; }
+.vadivam-icon-align-horizontal-justify-end::before { content: "\e016"; }
+.vadivam-icon-align-horizontal-justify-start::before { content: "\e017"; }
+.vadivam-icon-align-horizontal-space-around::before { content: "\e018"; }
+.vadivam-icon-align-horizontal-space-between::before { content: "\e019"; }
+.vadivam-icon-align-start-horizontal::before { content: "\e01a"; }
+.vadivam-icon-align-start-vertical::before { content: "\e01b"; }
+.vadivam-icon-align-vertical-distribute-center::before { content: "\e01c"; }
+.vadivam-icon-align-vertical-distribute-end::before { content: "\e01d"; }
+.vadivam-icon-align-vertical-distribute-start::before { content: "\e01e"; }
+.vadivam-icon-align-vertical-justify-center::before { content: "\e01f"; }
+.vadivam-icon-align-vertical-justify-end::before { content: "\e020"; }
+.vadivam-icon-align-vertical-justify-start::before { content: "\e021"; }
+.vadivam-icon-align-vertical-space-around::before { content: "\e022"; }
+.vadivam-icon-align-vertical-space-between::before { content: "\e023"; }
+.vadivam-icon-ambulance::before { content: "\e024"; }
+.vadivam-icon-ampersand::before { content: "\e025"; }
+.vadivam-icon-ampersands::before { content: "\e026"; }
+.vadivam-icon-amphora::before { content: "\e027"; }
+.vadivam-icon-anchor::before { content: "\e028"; }
+.vadivam-icon-angry::before { content: "\e029"; }
+.vadivam-icon-annoyed::before { content: "\e02a"; }
+.vadivam-icon-antenna::before { content: "\e02b"; }
+.vadivam-icon-anvil::before { content: "\e02c"; }
+.vadivam-icon-aperture::before { content: "\e02d"; }
+.vadivam-icon-app-window-mac::before { content: "\e02f"; }
+.vadivam-icon-app-window::before { content: "\e02e"; }
+.vadivam-icon-apple::before { content: "\e030"; }
+.vadivam-icon-archive-restore::before { content: "\e032"; }
+.vadivam-icon-archive-x::before { content: "\e033"; }
+.vadivam-icon-archive::before { content: "\e031"; }
+.vadivam-icon-armchair::before { content: "\e034"; }
+.vadivam-icon-arrow-big-down-dash::before { content: "\e036"; }
+.vadivam-icon-arrow-big-down::before { content: "\e035"; }
+.vadivam-icon-arrow-big-left-dash::before { content: "\e038"; }
+.vadivam-icon-arrow-big-left::before { content: "\e037"; }
+.vadivam-icon-arrow-big-right-dash::before { content: "\e03a"; }
+.vadivam-icon-arrow-big-right::before { content: "\e039"; }
+.vadivam-icon-arrow-big-up-dash::before { content: "\e03c"; }
+.vadivam-icon-arrow-big-up::before { content: "\e03b"; }
+.vadivam-icon-arrow-down-0-1::before { content: "\e03e"; }
+.vadivam-icon-arrow-down-1-0::before { content: "\e03f"; }
+.vadivam-icon-arrow-down-a-z::before { content: "\e040"; }
+.vadivam-icon-arrow-down-from-line::before { content: "\e041"; }
+.vadivam-icon-arrow-down-left::before { content: "\e042"; }
+.vadivam-icon-arrow-down-narrow-wide::before { content: "\e043"; }
+.vadivam-icon-arrow-down-right::before { content: "\e044"; }
+.vadivam-icon-arrow-down-to-dot::before { content: "\e045"; }
+.vadivam-icon-arrow-down-to-line::before { content: "\e046"; }
+.vadivam-icon-arrow-down-up::before { content: "\e047"; }
+.vadivam-icon-arrow-down-wide-narrow::before { content: "\e048"; }
+.vadivam-icon-arrow-down-z-a::before { content: "\e049"; }
+.vadivam-icon-arrow-down::before { content: "\e03d"; }
+.vadivam-icon-arrow-left-from-line::before { content: "\e04b"; }
+.vadivam-icon-arrow-left-right::before { content: "\e04c"; }
+.vadivam-icon-arrow-left-to-line::before { content: "\e04d"; }
+.vadivam-icon-arrow-left::before { content: "\e04a"; }
+.vadivam-icon-arrow-right-from-line::before { content: "\e04f"; }
+.vadivam-icon-arrow-right-left::before { content: "\e050"; }
+.vadivam-icon-arrow-right-to-line::before { content: "\e051"; }
+.vadivam-icon-arrow-right::before { content: "\e04e"; }
+.vadivam-icon-arrow-up-0-1::before { content: "\e053"; }
+.vadivam-icon-arrow-up-1-0::before { content: "\e054"; }
+.vadivam-icon-arrow-up-a-z::before { content: "\e055"; }
+.vadivam-icon-arrow-up-down::before { content: "\e056"; }
+.vadivam-icon-arrow-up-from-dot::before { content: "\e057"; }
+.vadivam-icon-arrow-up-from-line::before { content: "\e058"; }
+.vadivam-icon-arrow-up-left::before { content: "\e059"; }
+.vadivam-icon-arrow-up-narrow-wide::before { content: "\e05a"; }
+.vadivam-icon-arrow-up-right::before { content: "\e05b"; }
+.vadivam-icon-arrow-up-to-line::before { content: "\e05c"; }
+.vadivam-icon-arrow-up-wide-narrow::before { content: "\e05d"; }
+.vadivam-icon-arrow-up-z-a::before { content: "\e05e"; }
+.vadivam-icon-arrow-up::before { content: "\e052"; }
+.vadivam-icon-arrows-up-from-line::before { content: "\e05f"; }
+.vadivam-icon-asterisk::before { content: "\e060"; }
+.vadivam-icon-astroid::before { content: "\e061"; }
+.vadivam-icon-at-sign::before { content: "\e062"; }
+.vadivam-icon-atom::before { content: "\e063"; }
+.vadivam-icon-audio-lines::before { content: "\e064"; }
+.vadivam-icon-audio-waveform::before { content: "\e065"; }
+.vadivam-icon-award::before { content: "\e066"; }
+.vadivam-icon-axe::before { content: "\e067"; }
+.vadivam-icon-axis-3d::before { content: "\e068"; }
+.vadivam-icon-baby::before { content: "\e069"; }
+.vadivam-icon-backpack::before { content: "\e06a"; }
+.vadivam-icon-badge-alert::before { content: "\e06c"; }
+.vadivam-icon-badge-cent::before { content: "\e06d"; }
+.vadivam-icon-badge-check::before { content: "\e06e"; }
+.vadivam-icon-badge-dollar-sign::before { content: "\e06f"; }
+.vadivam-icon-badge-euro::before { content: "\e070"; }
+.vadivam-icon-badge-indian-rupee::before { content: "\e071"; }
+.vadivam-icon-badge-info::before { content: "\e072"; }
+.vadivam-icon-badge-japanese-yen::before { content: "\e073"; }
+.vadivam-icon-badge-minus::before { content: "\e074"; }
+.vadivam-icon-badge-percent::before { content: "\e075"; }
+.vadivam-icon-badge-plus::before { content: "\e076"; }
+.vadivam-icon-badge-pound-sterling::before { content: "\e077"; }
+.vadivam-icon-badge-question-mark::before { content: "\e078"; }
+.vadivam-icon-badge-russian-ruble::before { content: "\e079"; }
+.vadivam-icon-badge-swiss-franc::before { content: "\e07a"; }
+.vadivam-icon-badge-turkish-lira::before { content: "\e07b"; }
+.vadivam-icon-badge-x::before { content: "\e07c"; }
+.vadivam-icon-badge::before { content: "\e06b"; }
+.vadivam-icon-baggage-claim::before { content: "\e07d"; }
+.vadivam-icon-balloon::before { content: "\e07e"; }
+.vadivam-icon-ban::before { content: "\e07f"; }
+.vadivam-icon-banana::before { content: "\e080"; }
+.vadivam-icon-bandage::before { content: "\e081"; }
+.vadivam-icon-banknote-arrow-down::before { content: "\e083"; }
+.vadivam-icon-banknote-arrow-up::before { content: "\e084"; }
+.vadivam-icon-banknote-x::before { content: "\e085"; }
+.vadivam-icon-banknote::before { content: "\e082"; }
+.vadivam-icon-barcode::before { content: "\e086"; }
+.vadivam-icon-barrel::before { content: "\e087"; }
+.vadivam-icon-baseline::before { content: "\e088"; }
+.vadivam-icon-bath::before { content: "\e089"; }
+.vadivam-icon-battery-charging::before { content: "\e08b"; }
+.vadivam-icon-battery-full::before { content: "\e08c"; }
+.vadivam-icon-battery-low::before { content: "\e08d"; }
+.vadivam-icon-battery-medium::before { content: "\e08e"; }
+.vadivam-icon-battery-plus::before { content: "\e08f"; }
+.vadivam-icon-battery-warning::before { content: "\e090"; }
+.vadivam-icon-battery::before { content: "\e08a"; }
+.vadivam-icon-beaker::before { content: "\e091"; }
+.vadivam-icon-bean-off::before { content: "\e093"; }
+.vadivam-icon-bean::before { content: "\e092"; }
+.vadivam-icon-bed-double::before { content: "\e095"; }
+.vadivam-icon-bed-single::before { content: "\e096"; }
+.vadivam-icon-bed::before { content: "\e094"; }
+.vadivam-icon-beef-off::before { content: "\e098"; }
+.vadivam-icon-beef::before { content: "\e097"; }
+.vadivam-icon-beer-off::before { content: "\e09a"; }
+.vadivam-icon-beer::before { content: "\e099"; }
+.vadivam-icon-bell-check::before { content: "\e09c"; }
+.vadivam-icon-bell-dot::before { content: "\e09d"; }
+.vadivam-icon-bell-electric::before { content: "\e09e"; }
+.vadivam-icon-bell-minus::before { content: "\e09f"; }
+.vadivam-icon-bell-off::before { content: "\e0a0"; }
+.vadivam-icon-bell-plus::before { content: "\e0a1"; }
+.vadivam-icon-bell-ring::before { content: "\e0a2"; }
+.vadivam-icon-bell::before { content: "\e09b"; }
+.vadivam-icon-between-horizontal-end::before { content: "\e0a3"; }
+.vadivam-icon-between-horizontal-start::before { content: "\e0a4"; }
+.vadivam-icon-between-vertical-end::before { content: "\e0a5"; }
+.vadivam-icon-between-vertical-start::before { content: "\e0a6"; }
+.vadivam-icon-book-open::before { content: "\e0a7"; }
+.vadivam-icon-bot::before { content: "\e0a8"; }
+.vadivam-icon-brain::before { content: "\e0a9"; }
+.vadivam-icon-calendar::before { content: "\e0aa"; }
+.vadivam-icon-check::before { content: "\e0ab"; }
+.vadivam-icon-chevron-down::before { content: "\e0ac"; }
+.vadivam-icon-chevron-left::before { content: "\e0ad"; }
+.vadivam-icon-chevron-right::before { content: "\e0ae"; }
+.vadivam-icon-chevron-up::before { content: "\e0af"; }
+.vadivam-icon-chevrons-up-down::before { content: "\e0b0"; }
+.vadivam-icon-circle::before { content: "\e0b1"; }
+.vadivam-icon-clock::before { content: "\e0b2"; }
+.vadivam-icon-code::before { content: "\e0b3"; }
+.vadivam-icon-copy::before { content: "\e0b4"; }
+.vadivam-icon-cpu::before { content: "\e0b5"; }
+.vadivam-icon-database::before { content: "\e0b6"; }
+.vadivam-icon-download::before { content: "\e0b7"; }
+.vadivam-icon-external-link::before { content: "\e0b8"; }
+.vadivam-icon-eye-off::before { content: "\e0ba"; }
+.vadivam-icon-eye::before { content: "\e0b9"; }
+.vadivam-icon-file-text::before { content: "\e0bc"; }
+.vadivam-icon-file::before { content: "\e0bb"; }
+.vadivam-icon-folder-open::before { content: "\e0be"; }
+.vadivam-icon-folder::before { content: "\e0bd"; }
+.vadivam-icon-git-branch-minus::before { content: "\e0c0"; }
+.vadivam-icon-git-branch-plus::before { content: "\e0c1"; }
+.vadivam-icon-git-branch::before { content: "\e0bf"; }
+.vadivam-icon-globe::before { content: "\e0c2"; }
+.vadivam-icon-grip-horizontal::before { content: "\e0c3"; }
+.vadivam-icon-grip-vertical::before { content: "\e0c4"; }
+.vadivam-icon-hard-drive::before { content: "\e0c5"; }
+.vadivam-icon-heart::before { content: "\e0c6"; }
+.vadivam-icon-history::before { content: "\e0c7"; }
+.vadivam-icon-image::before { content: "\e0c8"; }
+.vadivam-icon-info::before { content: "\e0c9"; }
+.vadivam-icon-layers::before { content: "\e0ca"; }
+.vadivam-icon-link::before { content: "\e0cb"; }
+.vadivam-icon-list::before { content: "\e0cc"; }
+.vadivam-icon-lock::before { content: "\e0cd"; }
+.vadivam-icon-log-out::before { content: "\e0ce"; }
+.vadivam-icon-mail::before { content: "\e0cf"; }
+.vadivam-icon-menu::before { content: "\e0d0"; }
+.vadivam-icon-message-square::before { content: "\e0d1"; }
+.vadivam-icon-minus::before { content: "\e0d2"; }
+.vadivam-icon-monitor::before { content: "\e0d3"; }
+.vadivam-icon-moon::before { content: "\e0d4"; }
+.vadivam-icon-palette::before { content: "\e0d5"; }
+.vadivam-icon-pencil::before { content: "\e0d6"; }
+.vadivam-icon-play::before { content: "\e0d7"; }
+.vadivam-icon-plus::before { content: "\e0d8"; }
+.vadivam-icon-refresh-ccw::before { content: "\e0d9"; }
+.vadivam-icon-refresh-cw::before { content: "\e0da"; }
+.vadivam-icon-rotate-ccw::before { content: "\e0db"; }
+.vadivam-icon-rotate-cw::before { content: "\e0dc"; }
+.vadivam-icon-save::before { content: "\e0dd"; }
+.vadivam-icon-search::before { content: "\e0de"; }
+.vadivam-icon-send::before { content: "\e0df"; }
+.vadivam-icon-server::before { content: "\e0e0"; }
+.vadivam-icon-settings::before { content: "\e0e1"; }
+.vadivam-icon-shield-check::before { content: "\e0e3"; }
+.vadivam-icon-shield::before { content: "\e0e2"; }
+.vadivam-icon-sparkles::before { content: "\e0e4"; }
+.vadivam-icon-square::before { content: "\e0e5"; }
+.vadivam-icon-star::before { content: "\e0e6"; }
+.vadivam-icon-sun::before { content: "\e0e7"; }
+.vadivam-icon-terminal::before { content: "\e0e8"; }
+.vadivam-icon-trash-2::before { content: "\e0e9"; }
+.vadivam-icon-trending-up::before { content: "\e0ea"; }
+.vadivam-icon-upload::before { content: "\e0eb"; }
+.vadivam-icon-user::before { content: "\e0ec"; }
+.vadivam-icon-users::before { content: "\e0ed"; }
+.vadivam-icon-x::before { content: "\e0ee"; }
+.vadivam-icon-zap::before { content: "\e0ef"; }