npm - @geira/iconfont - Versions diffs - 0.3.3 → 4.0.0 - Mend

@geira/iconfont 0.3.3 → 4.0.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.

Files changed (65) hide show

package/README.md +95 -32
package/dist/{images/favicon/favicon.ico → favicon.ico} +0 -0
package/dist/geira-icons.css +315 -0
package/dist/geira-icons.scss +303 -138
package/dist/icons.json +265 -1567
package/dist/index.html +496 -1
package/dist/{images/favicon/android-chrome-512x512.png → logo.png} +0 -0
package/package.json +15 -40
package/tags.json +2119 -0
package/.idea/geira-icons-tool.iml +0 -9
package/.idea/misc.xml +0 -6
package/.idea/modules.xml +0 -8
package/.idea/vcs.xml +0 -6
package/.idea/workspace.xml +0 -43
package/clean.html +0 -1077
package/dist/data.min.js +0 -2
package/dist/data.min.js.map +0 -1
package/dist/fonts/GeiraIcons-Regular-SVG.ttf +0 -0
package/dist/fonts/GeiraIcons-Regular-SVG.woff2 +0 -0
package/dist/geira-icons.min.css +0 -3
package/dist/geira-icons.min.css.map +0 -1
package/dist/geira-icons.min.js +0 -0
package/dist/images/favicon/android-chrome-192x192.png +0 -0
package/dist/images/favicon/apple-touch-icon.png +0 -0
package/dist/images/favicon/browserconfig.xml +0 -9
package/dist/images/favicon/favicon-16x16.png +0 -0
package/dist/images/favicon/favicon-32x32.png +0 -0
package/dist/images/favicon/mstile-150x150.png +0 -0
package/dist/images/favicon/safari-pinned-tab.svg +0 -38
package/dist/images/favicon/site.webmanifest +0 -19
package/dist/main.min.js +0 -2
package/dist/main.min.js.map +0 -1
package/dist/styles.min.css +0 -3
package/dist/styles.min.css.map +0 -1
package/dist/styles.min.js +0 -0
package/dist/usage.html +0 -1
package/dist/utils.min.js +0 -2
package/dist/utils.min.js.map +0 -1
package/src/fonts/GeiraIcons-Regular-SVG.ttf +0 -0
package/src/fonts/GeiraIcons-Regular-SVG.woff2 +0 -0
package/src/fonts/GeiraIcons-Regular.ttf +0 -0
package/src/fonts/GeiraIcons-Regular.woff +0 -0
package/src/fonts/GeiraIcons-Regular.woff2 +0 -0
package/src/images/favicon/android-chrome-192x192.png +0 -0
package/src/images/favicon/android-chrome-512x512.png +0 -0
package/src/images/favicon/apple-touch-icon.png +0 -0
package/src/images/favicon/browserconfig.xml +0 -9
package/src/images/favicon/favicon-16x16.png +0 -0
package/src/images/favicon/favicon-32x32.png +0 -0
package/src/images/favicon/favicon.ico +0 -0
package/src/images/favicon/mstile-150x150.png +0 -0
package/src/images/favicon/safari-pinned-tab.svg +0 -38
package/src/images/favicon/site.webmanifest +0 -19
package/src/index.html +0 -50
package/src/js/data.js +0 -1568
package/src/js/data.json +0 -1
package/src/js/flutter.txt +0 -261
package/src/js/flutter2.txt +0 -261
package/src/js/icons.json +0 -1568
package/src/js/script.js +0 -51
package/src/js/utils.js +0 -74
package/src/scss/geira-icons.scss +0 -150
package/src/scss/styles.scss +0 -286
package/src/usage.html +0 -376
package/webpack.config.js +0 -100

package/README.md CHANGED Viewed

@@ -1,74 +1,137 @@
-# Geira Icon Font
+# Geira Icons
-If you like these icons and need one that isn't included, please create an issue on GitHub and we'll add it for you shortly.
+[![npm version](https://img.shields.io/npm/v/@geira/iconfont.svg)](https://www.npmjs.com/package/@geira/iconfont)
+[![pub package](https://img.shields.io/pub/v/geira_icons.svg)](https://pub.dev/packages/geira_icons)
-## Demo
+A clean, ligature-based icon font for web and Flutter.
-You can see the icons via the live demo at https://icons.geira.com.
+Browse all icons at [icons.geira.com](https://icons.geira.com).
 ## Installation
-```
-npm install --save @geira/iconfont
+```bash
+npm install @geira/iconfont
 ```
 ## Usage
 ### CSS
-Add the following tag inside the html `<head>` tag:
+Add the stylesheet inside your HTML `<head>`:
 ```html
-<link href="node_components/@geira/iconfont/dist/geira-icons.min.css" rel="stylesheet">
+<link rel="stylesheet" href="node_modules/@geira/iconfont/dist/geira-icons.css">
 ```
 ### SCSS
-Import the provided SCSS file in your main SCSS file, ex: `styles.scss`:
 ```scss
-@import '~@geira/iconfont/dist/geira-icons.scss';
+@use '@geira/iconfont/dist/geira-icons';
+```
+### Class-based (recommended)
+```html
+<span class="geira-icons gi-pencil"></span>
+```
+### Ligature-based
+```html
+<span class="geira-icons">pencil</span>
+```
+### Size modifiers
+```html
+<span class="geira-icons gi-pencil gi-18"></span>
+<span class="geira-icons gi-pencil gi-24"></span>
+<span class="geira-icons gi-pencil gi-36"></span>
+<span class="geira-icons gi-pencil gi-48"></span>
+```
+### Color modifiers
+```html
+<span class="geira-icons gi-pencil gi-dark"></span>
+<span class="geira-icons gi-pencil gi-dark gi-inactive"></span>
+<span class="geira-icons gi-pencil gi-light"></span>
 ```
+### Transform modifiers
+```html
+<span class="geira-icons gi-pencil gi-rotate-90"></span>
+<span class="geira-icons gi-pencil gi-flip-h"></span>
+<span class="geira-icons gi-wifi gi-spin"></span>
+```
+## Flutter
+```bash
+flutter pub add geira_icons
+```
+See the [pub.dev package](https://pub.dev/packages/geira_icons) for Flutter usage details.
 ## Development
-1. Clone repository.
+### Setup
+```bash
+git clone https://github.com/liontude/geira-icons-tool
+cd geira-icons-tool
+npm install
+cp .env.example .env   # fill in SFTP credentials
+```
+### Build
-2. Make some updates to the files at `/src`.
+```bash
+npm run build
+```
-3. Depending on your flow you will want
-    a) compile by executing:
+Reads `src/fonts/GeiraIcons-Regular.ttf`, syncs `tags.json`, and writes everything to `dist/`.
-       npm run build
-    b) or start the dev server:
-       npm run start
+### Dev server
+```bash
+npm run dev
+```
-## Publish
+Opens `http://localhost:3000`. Rebuilds automatically when the font or `tags.json` changes.
-1. Make the necessary updates to the source files.
+### Updating the font
-2. Bump the `package.json` version property, ex: from `0.0.1` to `0.0.2`.
+1. Export from FontLab → TTF + WOFF2 + WOFF
+2. Replace the three files in `src/fonts/`
+3. `npm run build`
-3. Commit changes.
+If the build warns about icons with empty tags, edit `tags.json` and run `npm run build` again.
-4. Add the above new version tag to the commit, ex: `0.0.2`.
+### Improving search tags
-5. Push changes to git repository.
+Edit `tags.json`, then `npm run build`.
-6. Publish the new version to npm by executing in a console:
+## Releasing
-       npm publish
+```bash
+npm run release:patch   # 0.3.3 → 0.3.4
+npm run release:minor   # 0.3.3 → 0.4.0
+npm run release:major   # 0.3.3 → 1.0.0
+```
+Each command bumps the version, builds, publishes to npm, and deploys the demo to icons.geira.com.
+After that, push the version commit and tag:
+```bash
+git push && git push --tags
+```
 ## License
 The MIT License (MIT)
-Copyright (c) Leo Roderick<br>
-Copyright (c) Diosney Sarmiento<br>
-Copyright (c) Jose Mojena<br>
 Copyright (c) Liontude, LLC
 Permission is hereby granted, free of charge, to any person obtaining a copy

package/dist/{images/favicon/favicon.ico → favicon.ico} RENAMED Viewed

File without changes

package/dist/geira-icons.css ADDED Viewed

@@ -0,0 +1,315 @@
+@font-face {
+  font-family: 'Geira Icons';
+  font-style: normal;
+  font-weight: 400;
+  font-display: block;
+  src: url('./fonts/GeiraIcons-Regular.woff2?v=4.0.0') format('woff2'),
+       url('./fonts/GeiraIcons-Regular.ttf?v=4.0.0') format('truetype');
+}
+.geira-icons {
+  font-family: 'Geira Icons';
+  font-weight: normal;
+  font-style: normal;
+  font-size: 24px;
+  display: inline-block;
+  line-height: 1;
+  text-transform: none;
+  letter-spacing: normal;
+  white-space: nowrap;
+  direction: ltr;
+  -webkit-font-smoothing: antialiased;
+  text-rendering: optimizeLegibility;
+  -moz-osx-font-smoothing: grayscale;
+  font-feature-settings: 'liga';
+}
+.gi-18 { font-size: 18px !important; }
+.gi-24 { font-size: 24px !important; }
+.gi-36 { font-size: 36px !important; }
+.gi-48 { font-size: 48px !important; }
+.gi-dark              { color: rgba(0, 0, 0, 0.54); }
+.gi-dark.gi-inactive  { color: rgba(0, 0, 0, 0.26); }
+.gi-light             { color: #ffffff; }
+.gi-light.gi-inactive { color: rgba(255, 255, 255, 0.3); }
+.gi-rotate-45  { transform: rotate(45deg); }
+.gi-rotate-90  { transform: rotate(90deg); }
+.gi-rotate-135 { transform: rotate(135deg); }
+.gi-rotate-180 { transform: rotate(180deg); }
+.gi-rotate-225 { transform: rotate(225deg); }
+.gi-rotate-270 { transform: rotate(270deg); }
+.gi-rotate-315 { transform: rotate(315deg); }
+.gi-flip-h { transform: scaleX(-1); }
+.gi-flip-v { transform: scaleY(-1); }
+.gi-spin { animation: gi-spin 2s infinite linear; }
+@keyframes gi-spin {
+  from { transform: rotate(0deg); }
+  to   { transform: rotate(359deg); }
+}
+.gi-none::before { content: "\E000"; }
+.gi-pencil::before { content: "\E001"; }
+.gi-brush::before { content: "\E002"; }
+.gi-wifi::before { content: "\E004"; }
+.gi-chat::before { content: "\E005"; }
+.gi-notifications::before { content: "\E007"; }
+.gi-notifications-off::before { content: "\E008"; }
+.gi-notifications-active::before { content: "\E009"; }
+.gi-send::before { content: "\E00A"; }
+.gi-person::before { content: "\E00B"; }
+.gi-people::before { content: "\E00C"; }
+.gi-no-show::before { content: "\E00D"; }
+.gi-person-status::before { content: "\E00E"; }
+.gi-chart::before { content: "\E013"; }
+.gi-back-ten::before { content: "\E01C"; }
+.gi-forth-ten::before { content: "\E01D"; }
+.gi-shuffle::before { content: "\E01E"; }
+.gi-restore::before { content: "\E01F"; }
+.gi-undo::before { content: "\E02A"; }
+.gi-update::before { content: "\E02B"; }
+.gi-refresh::before { content: "\E02C"; }
+.gi-chevron-up::before { content: "\E02D"; }
+.gi-chevron-right::before { content: "\E02E"; }
+.gi-chevron-down::before { content: "\E02F"; }
+.gi-chevron-left::before { content: "\E03A"; }
+.gi-arrow-up::before { content: "\E03B"; }
+.gi-arrow-right::before { content: "\E03C"; }
+.gi-arrow-down::before { content: "\E03D"; }
+.gi-arrow-left::before { content: "\E03E"; }
+.gi-delete::before { content: "\E03F"; }
+.gi-volume::before { content: "\E04C"; }
+.gi-volume-low::before { content: "\E04D"; }
+.gi-volume-medium::before { content: "\E04E"; }
+.gi-volume-up::before { content: "\E04F"; }
+.gi-volume-off::before { content: "\E05A"; }
+.gi-hearing::before { content: "\E05B"; }
+.gi-mic::before { content: "\E05C"; }
+.gi-mic-off::before { content: "\E05D"; }
+.gi-recording::before { content: "\E05E"; }
+.gi-no-audio::before { content: "\E05F"; }
+.gi-refresh-audio::before { content: "\E06A"; }
+.gi-load-audio::before { content: "\E06B"; }
+.gi-play-circle::before { content: "\E06D"; }
+.gi-pause-circle::before { content: "\E06E"; }
+.gi-stop-circle::before { content: "\E06F"; }
+.gi-next-circle::before { content: "\E07A"; }
+.gi-back-circle::before { content: "\E07B"; }
+.gi-record-circle::before { content: "\E07C"; }
+.gi-play::before { content: "\E07D"; }
+.gi-pause::before { content: "\E07E"; }
+.gi-stop::before { content: "\E07F"; }
+.gi-skip-next::before { content: "\E08A"; }
+.gi-skip-previous::before { content: "\E08B"; }
+.gi-previous::before { content: "\E08C"; }
+.gi-next::before { content: "\E08D"; }
+.gi-cloud::before { content: "\E097"; }
+.gi-upload::before { content: "\E098"; }
+.gi-up-balls::before { content: "\E099"; }
+.gi-download::before { content: "\E09A"; }
+.gi-rearrange::before { content: "\E09B"; }
+.gi-slider::before { content: "\E09D"; }
+.gi-list::before { content: "\E09E"; }
+.gi-sidebar-close::before { content: "\E09F"; }
+.gi-sidebar-open::before { content: "\E0A0"; }
+.gi-open-menu::before { content: "\E0A1"; }
+.gi-close-menu::before { content: "\E0A2"; }
+.gi-down-menu::before { content: "\E0A3"; }
+.gi-up-menu::before { content: "\E0A4"; }
+.gi-launch::before { content: "\E0A5"; }
+.gi-exit-to-app::before { content: "\E0A6"; }
+.gi-menu::before { content: "\E0A7"; }
+.gi-more-vert::before { content: "\E0A8"; }
+.gi-more-horiz::before { content: "\E0A9"; }
+.gi-cell-phone::before { content: "\E0B8"; }
+.gi-phone::before { content: "\E0B9"; }
+.gi-home::before { content: "\E0BA"; }
+.gi-language::before { content: "\E0BB"; }
+.gi-url::before { content: "\E0BC"; }
+.gi-lang::before { content: "\E0BD"; }
+.gi-lang-help::before { content: "\E0BE"; }
+.gi-map::before { content: "\E0BF"; }
+.gi-country::before { content: "\E0C0"; }
+.gi-navigation::before { content: "\E0C1"; }
+.gi-notification::before { content: "\E0C8"; }
+.gi-flag::before { content: "\E0C9"; }
+.gi-place::before { content: "\E0CA"; }
+.gi-mail::before { content: "\E0CB"; }
+.gi-award::before { content: "\E0E7"; }
+.gi-trophy::before { content: "\E0E8"; }
+.gi-shopping-cart::before { content: "\E0F5"; }
+.gi-bet::before { content: "\E0F6"; }
+.gi-add-balance::before { content: "\E0F7"; }
+.gi-payment::before { content: "\E0F8"; }
+.gi-bill::before { content: "\E0F9"; }
+.gi-deal::before { content: "\E0FA"; }
+.gi-gift::before { content: "\E0FB"; }
+.gi-time::before { content: "\E0FC"; }
+.gi-chronometer::before { content: "\E0FD"; }
+.gi-time-record::before { content: "\E0FE"; }
+.gi-hourglass::before { content: "\E100"; }
+.gi-folder::before { content: "\E111"; }
+.gi-folder-open::before { content: "\E112"; }
+.gi-folder-add::before { content: "\E113"; }
+.gi-folder-special::before { content: "\E114"; }
+.gi-folder-delete::before { content: "\E115"; }
+.gi-folder-secure::before { content: "\E116"; }
+.gi-page::before { content: "\E117"; }
+.gi-book::before { content: "\E118"; }
+.gi-test::before { content: "\E119"; }
+.gi-flash-cards::before { content: "\E11A"; }
+.gi-test-repeat::before { content: "\E11B"; }
+.gi-test-star::before { content: "\E11C"; }
+.gi-test-daily::before { content: "\E11D"; }
+.gi-audiobook::before { content: "\E123"; }
+.gi-pdf::before { content: "\E124"; }
+.gi-doc::before { content: "\E125"; }
+.gi-jpg::before { content: "\E126"; }
+.gi-png::before { content: "\E127"; }
+.gi-chevron-tr::before { content: "\E130"; }
+.gi-chevron-dr::before { content: "\E131"; }
+.gi-chevron-dl::before { content: "\E132"; }
+.gi-chevron-tl::before { content: "\E133"; }
+.gi-check::before { content: "\E134"; }
+.gi-check-outline::before { content: "\E135"; }
+.gi-checked::before { content: "\E136"; }
+.gi-unchecked::before { content: "\E137"; }
+.gi-rb-checked::before { content: "\E139"; }
+.gi-rb-unchecked::before { content: "\E13A"; }
+.gi-match::before { content: "\E13B"; }
+.gi-thunder::before { content: "\E162"; }
+.gi-temperature::before { content: "\E163"; }
+.gi-odd-even::before { content: "\E164"; }
+.gi-hot::before { content: "\E165"; }
+.gi-cold::before { content: "\E166"; }
+.gi-hot-cold::before { content: "\E167"; }
+.gi-delta::before { content: "\E168"; }
+.gi-delta-cold::before { content: "\E169"; }
+.gi-delta-hot::before { content: "\E16A"; }
+.gi-sum::before { content: "\E16B"; }
+.gi-sum-hot::before { content: "\E16C"; }
+.gi-sum-cold::before { content: "\E16D"; }
+.gi-face-id::before { content: "\E177"; }
+.gi-scan::before { content: "\E17F"; }
+.gi-retry-scan::before { content: "\E180"; }
+.gi-ar-horiz::before { content: "\E181"; }
+.gi-ar-vert::before { content: "\E182"; }
+.gi-parking::before { content: "\E19F"; }
+.gi-bike::before { content: "\E1A0"; }
+.gi-walk::before { content: "\E1A1"; }
+.gi-girl::before { content: "\E1A2"; }
+.gi-boy::before { content: "\E1A3"; }
+.gi-disabled::before { content: "\E1A4"; }
+.gi-photo-id::before { content: "\E1A5"; }
+.gi-learn::before { content: "\E1A6"; }
+.gi-examen::before { content: "\E1A7"; }
+.gi-video-call::before { content: "\E1A8"; }
+.gi-interview::before { content: "\E1A9"; }
+.gi-politician::before { content: "\E1CC"; }
+.gi-bull::before { content: "\E1CD"; }
+.gi-cow::before { content: "\E1CE"; }
+.gi-verified::before { content: "\E1E1"; }
+.gi-verified-user::before { content: "\E1E2"; }
+.gi-lock::before { content: "\E1E3"; }
+.gi-lock-open::before { content: "\E1E4"; }
+.gi-advertising::before { content: "\E1FA"; }
+.gi-no-advertising::before { content: "\E1FB"; }
+.gi-video::before { content: "\E1FC"; }
+.gi-alert::before { content: "\E200"; }
+.gi-question-answer::before { content: "\E201"; }
+.gi-info::before { content: "\E202"; }
+.gi-help::before { content: "\E203"; }
+.gi-error::before { content: "\E204"; }
+.gi-visibility::before { content: "\E205"; }
+.gi-visibility-off::before { content: "\E206"; }
+.gi-thumb-up::before { content: "\E207"; }
+.gi-thumb-down::before { content: "\E208"; }
+.gi-favorite-border::before { content: "\E209"; }
+.gi-favorite::before { content: "\E20A"; }
+.gi-favorite-dislike::before { content: "\E20B"; }
+.gi-share::before { content: "\E20C"; }
+.gi-bookmark::before { content: "\E20D"; }
+.gi-star-border::before { content: "\E20E"; }
+.gi-star-half::before { content: "\E20F"; }
+.gi-star::before { content: "\E210"; }
+.gi-rate::before { content: "\E211"; }
+.gi-ticket::before { content: "\E212"; }
+.gi-game::before { content: "\E213"; }
+.gi-lotto::before { content: "\E214"; }
+.gi-cabala::before { content: "\E215"; }
+.gi-clover::before { content: "\E216"; }
+.gi-legal::before { content: "\E219"; }
+.gi-sad-face::before { content: "\E22D"; }
+.gi-happy-face::before { content: "\E22E"; }
+.gi-dictation::before { content: "\E22F"; }
+.gi-oral::before { content: "\E230"; }
+.gi-event-available::before { content: "\E231"; }
+.gi-upcoming::before { content: "\E232"; }
+.gi-past::before { content: "\E233"; }
+.gi-event::before { content: "\E234"; }
+.gi-no-event::before { content: "\E235"; }
+.gi-month::before { content: "\E236"; }
+.gi-dashboard::before { content: "\E23A"; }
+.gi-campaign::before { content: "\E23B"; }
+.gi-unpin::before { content: "\E243"; }
+.gi-push-pin::before { content: "\E244"; }
+.gi-search::before { content: "\E245"; }
+.gi-search-page::before { content: "\E246"; }
+.gi-search-person::before { content: "\E247"; }
+.gi-search-number::before { content: "\E248"; }
+.gi-camera::before { content: "\E254"; }
+.gi-no-image::before { content: "\E255"; }
+.gi-images::before { content: "\E256"; }
+.gi-remove::before { content: "\E257"; }
+.gi-remove-circle::before { content: "\E258"; }
+.gi-add::before { content: "\E259"; }
+.gi-add-circle::before { content: "\E25A"; }
+.gi-close::before { content: "\E25B"; }
+.gi-cancel::before { content: "\E25C"; }
+.gi-filter::before { content: "\E25D"; }
+.gi-edit::before { content: "\E25E"; }
+.gi-settings::before { content: "\E25F"; }
+.gi-save::before { content: "\E260"; }
+.gi-add-square::before { content: "\E262"; }
+.gi-remove-square::before { content: "\E263"; }
+.gi-more-less::before { content: "\E264"; }
+.gi-total::before { content: "\E265"; }
+.gi-number::before { content: "\E266"; }
+.gi-television::before { content: "\E26B"; }
+.gi-store::before { content: "\E26C"; }
+.gi-drink::before { content: "\E26D"; }
+.gi-open-box::before { content: "\E271"; }
+.gi-briefcase::before { content: "\E274"; }
+.gi-bulb-number::before { content: "\E279"; }
+.gi-bulb-on::before { content: "\E27A"; }
+.gi-bulb::before { content: "\E27B"; }
+.gi-cashier::before { content: "\E27C"; }
+.gi-afternoon::before { content: "\E285"; }
+.gi-evening::before { content: "\E286"; }
+.gi-full-square::before { content: "\E287"; }
+.gi-full-dot::before { content: "\E288"; }
+.gi-brightness-1::before { content: "\E289"; }
+.gi-brightness-2::before { content: "\E28A"; }
+.gi-brightness-3::before { content: "\E28B"; }
+.gi-brightness-4::before { content: "\E28C"; }
+.gi-brightness-5::before { content: "\E28D"; }
+.gi-brightness-6::before { content: "\E28E"; }
+.gi-brightness-7::before { content: "\E28F"; }
+.gi-facebook::before { content: "\E291"; }
+.gi-twitter::before { content: "\E292"; }
+.gi-youtube::before { content: "\E293"; }
+.gi-instagram::before { content: "\E294"; }
+.gi-linkedin::before { content: "\E295"; }
+.gi-github::before { content: "\E2A0"; }
+.gi-gitlab::before { content: "\E2A1"; }
+.gi-npm::before { content: "\E2A2"; }
+.gi-apple-logo::before { content: "\E2A3"; }
+.gi-facebook-logo::before { content: "\E2A4"; }
+.gi-google-logo::before { content: "\E2A5"; }
+.gi-whatsapp-logo::before { content: "\E2A6"; }
+.gi-x-logo::before { content: "\E2A7"; }
+.gi-logo::before { content: "\E2AF"; }