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/src/usage.html DELETED Viewed

@@ -1,376 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <title>Geira Icons</title>
-  <link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon.png">
-  <link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
-  <link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
-  <link rel="manifest" href="images/favicon/site.webmanifest">
-  <link rel="mask-icon" href="images/favicon/safari-pinned-tab.svg" color="#5bbad5">
-  <meta name="msapplication-TileColor" content="#2b5797">
-  <meta name="theme-color" content="#ffffff">
-</head>
-<body>
-  <div class="main">
-    <header>
-      <h1>Geira Icons <a href="https://badge.fury.io/js/%40geira%2Ficonfont"><img
-            src="https://badge.fury.io/js/%40geira%2Ficonfont.svg" alt="npm version" height="18"></a></h1>
-      <ul>
-        <li><a href="index.html">Icons</a></li>
-        <li class="active"><a href="usage.html">Usage</a></li>
-      </ul>
-      <ul class="logos">
-        <li><a href="https://www.npmjs.com/package/@geira/iconfont" target="_blank"><i class="geira-icons">npm</i></a>
-        </li>
-        <li><a href="https://github.com/liontude/geira-icons-tool" target="_blank"><i class="geira-icons">github</i></a>
-        </li>
-      </ul>
-    </header>
-    <div class="container center" style="width: 95%; max-width: 800px; align-self: center">
-      <!-- npm installation -->
-      <h2 class="title-h2">NPM installation</h2>
-      <div class="block row" style="place-content: center">
-        <div class="icons-code">
-          <code>
-          npm install --save @geira/iconfont
-        </code>
-        </div>
-      </div>
-      <h4>Link to CSS</h4>
-      <p>Add the following tag inside the html &lt;head&gt; tag</p>
-      <div class="block row" style="place-content: center">
-        <div class="icons-code">
-          <code>
-          &lt;link href="node_components/@geira/iconfont/dist/geira-icons.min.css" rel="stylesheet"&gt;
-        </code>
-        </div>
-      </div>
-      <h4>or import into SCSS</h4>
-      <p>Import the provided SCSS file in your main SCSS file, ex: styles.scss</p>
-      <div class="block row" style="place-content: center">
-        <div class="icons-code">
-          <code>
-          @import '~@geira/iconfont/dist/geira-icons.scss';
-        </code>
-        </div>
-      </div>
-      <!-- /npm installation -->
-      <h4>Like Material Icon with Angular</h4>
-      <p>Geira Icons are similar to Material Icons. If you want to use them with or instead of Material Icons, click the
-        link <a href="https://material.angular.io/components/icon/overview"
-          target="_blank">https://material.angular.io/components/icon/overview</a></p>
-      <h2 style="margin-top: 50px">Standard installation</h2>
-      <h4>Link to CSS</h4>
-      <p>Add the following tag inside the html &lt;head&gt; tag</p>
-      <div class="block row" style="place-content: center">
-        <div class="icons-code">
-          <code>
-          &lt;link href="./geira-icons.min.css" rel="stylesheet"&gt;
-        </code>
-        </div>
-      </div>
-      <p>In CSS (geira-icons.min.css) be sure that the path to the icons (fonts) is correct</p>
-      <div class="block row" style="place-content: center">
-        <div class="icons-code">
-          <code>
-          src : url(./fonts/GeiraIcons-Regular.eot);<br>
-          url(./fonts/GeiraIcons-Regular.woff2) format('woff2'),<br>
-          url(./fonts/GeiraIcons-Regular.woff) format('woff'),<br>
-          url(./fonts/GeiraIcons-Regular.ttf) format('truetype');
-        </code>
-        </div>
-      </div>
-      <h2 style="margin-top: 50px">Usage</h2>
-      <h4>Via html</h4>
-      <div class="block row">
-        <div class="icons-preview">
-          <i class="geira-icons">home</i>
-        </div>
-        <div class="icons-code">
-          <code>&lt;i
-          class="geira-icons"&gt;home&lt;/i&gt;
-        </code>
-        </div>
-      </div>
-      <p style="margin-top: 30px">Ex. "home" icon unicode is "\E0BA"</p>
-      <p style="margin-bottom: 10px">Change "<strong>\</strong>E0BA" to
-        "<strong>&amp;#x</strong>E0BA<strong>;</strong>"</p>
-      <div class="block row">
-        <div class="icons-preview">
-          <i class="geira-icons">&#xE0BA;</i>
-        </div>
-        <div class="icons-code">
-          <code>&lt;i
-          class="geira-icons"&gt;&amp;#xE0BA;&lt;/i&gt;
-        </code>
-        </div>
-      </div>
-      <h4>Via CSS</h4>
-      <div class="block row" style="place-content: center">
-        <div class="icons-code">
-          <code style="padding: 20px; text-align: center">
-          .some-class::before {
-          content: "\E0BA";
-          }
-        </code>
-        </div>
-      </div>
-      <div class="block row">
-        <div class="icons-preview">
-          <i class="geira-icons some-class"></i>
-        </div>
-        <div class="icons-code">
-          <code>&lt;i
-          class="geira-icons some-class"&gt;&lt;/i&gt;
-        </code>
-        </div>
-      </div>
-      <h3 style="margin-top: 50px">Styling</h3>
-      <h5>Size</h5>
-      <div class="block row">
-        <div class="icons-preview">
-          <i class="geira-icons gi-18">home</i>
-        </div>
-        <div class="icons-code">
-          <code>&lt;i
-          class="geira-icons gi-18"&gt;home&lt;/i&gt;
-        </code>
-        </div>
-      </div>
-      <div class="block row">
-        <div class="icons-preview">
-          <i class="geira-icons gi-24">home</i>
-        </div>
-        <div class="icons-code">
-          <code>&lt;i
-          class="geira-icons gi-24"&gt;home&lt;/i&gt;
-        </code>
-        </div>
-      </div>
-      <div class="block row">
-        <div class="icons-preview">
-          <i class="geira-icons gi-36">home</i>
-        </div>
-        <div class="icons-code">
-          <code>&lt;i
-          class="geira-icons gi-36"&gt;home&lt;/i&gt;
-        </code>
-        </div>
-      </div>
-      <div class="block row">
-        <div class="icons-preview">
-          <i class="geira-icons gi-48">home</i>
-        </div>
-        <div class="icons-code">
-          <code>&lt;i
-          class="geira-icons gi-48"&gt;home&lt;/i&gt;
-        </code>
-        </div>
-      </div>
-      <!-- COLOR -->
-      <h5>Color</h5>
-      <div class="block row">
-        <div class="icons-preview" style="background-color: #263238">
-          <i class="geira-icons gi-light">home</i>
-        </div>
-        <div class="icons-code">
-          <code>&lt;i
-          class="geira-icons gi-light"&gt;home&lt;/i&gt;
-        </code>
-        </div>
-      </div>
-      <div class="block row">
-        <div class="icons-preview" style="background-color: #263238">
-          <i class="geira-icons gi-light gi-inactive">home</i>
-        </div>
-        <div class="icons-code">
-          <code>&lt;i
-          class="geira-icons gi-light gi-inactive"&gt;home&lt;/i&gt;
-        </code>
-        </div>
-      </div>
-      <div class="block row">
-        <div class="icons-preview">
-          <i class="geira-icons gi-dark">home</i>
-        </div>
-        <div class="icons-code">
-          <code>&lt;i
-          class="geira-icons gi-light"&gt;home&lt;/i&gt;
-        </code>
-        </div>
-      </div>
-      <div class="block row">
-        <div class="icons-preview">
-          <i class="geira-icons gi-dark gi-inactive">home</i>
-        </div>
-        <div class="icons-code">
-          <code>&lt;i
-          class="geira-icons gi-light gi-inactive"&gt;home&lt;/i&gt;
-        </code>
-        </div>
-      </div>
-      <!-- /COLOR -->
-      <!-- ROTATE -->
-      <h5>Rotate</h5>
-      <div class="block row">
-        <div class="icons-preview">
-          <i class="geira-icons gi-rotate-45">home</i>
-        </div>
-        <div class="icons-code">
-          <code>&lt;i
-          class="geira-icons gi-rotate-45"&gt;home&lt;/i&gt;
-        </code>
-        </div>
-      </div>
-      <div class="block row">
-        <div class="icons-preview">
-          <i class="geira-icons gi-rotate-90">home</i>
-        </div>
-        <div class="icons-code">
-          <code>&lt;i
-          class="geira-icons gi-rotate-90"&gt;home&lt;/i&gt;
-        </code>
-        </div>
-      </div>
-      <div class="block row">
-        <div class="icons-preview">
-          <i class="geira-icons gi-rotate-135">home</i>
-        </div>
-        <div class="icons-code">
-          <code>&lt;i
-          class="geira-icons gi-rotate-135"&gt;home&lt;/i&gt;
-        </code>
-        </div>
-      </div>
-      <div class="block row">
-        <div class="icons-preview">
-          <i class="geira-icons gi-rotate-180">home</i>
-        </div>
-        <div class="icons-code">
-          <code>&lt;i
-          class="geira-icons gi-rotate-180"&gt;home&lt;/i&gt;
-        </code>
-        </div>
-      </div>
-      <div class="block row">
-        <div class="icons-preview">
-          <i class="geira-icons gi-rotate-225">home</i>
-        </div>
-        <div class="icons-code">
-          <code>&lt;i
-          class="geira-icons gi-rotate-225"&gt;home&lt;/i&gt;
-        </code>
-        </div>
-      </div>
-      <div class="block row">
-        <div class="icons-preview">
-          <i class="geira-icons gi-rotate-270">home</i>
-        </div>
-        <div class="icons-code">
-          <code>&lt;i
-          class="geira-icons gi-rotate-270"&gt;home&lt;/i&gt;
-        </code>
-        </div>
-      </div>
-      <div class="block row">
-        <div class="icons-preview">
-          <i class="geira-icons gi-rotate-315">home</i>
-        </div>
-        <div class="icons-code">
-          <code>&lt;i
-          class="geira-icons gi-rotate-315"&gt;home&lt;/i&gt;
-        </code>
-        </div>
-      </div>
-      <!-- /ROTATE -->
-      <h5>Flip</h5>
-      <div class="block row">
-        <div class="icons-preview">
-          <i class="geira-icons gi-flip-v">home</i>
-        </div>
-        <div class="icons-code">
-          <code>&lt;i
-          class="geira-icons gi-flip-v"&gt;home&lt;/i&gt;
-        </code>
-        </div>
-      </div>
-      <div class="block row">
-        <div class="icons-preview">
-          <i class="geira-icons gi-flip-h">home</i>
-        </div>
-        <div class="icons-code">
-          <code>&lt;i
-          class="geira-icons gi-flip-h"&gt;home&lt;/i&gt;
-        </code>
-        </div>
-      </div>
-      <h5>Spin</h5>
-      <div class="block row">
-        <div class="icons-preview">
-          <i class="geira-icons gi-spin">home</i>
-        </div>
-        <div class="icons-code">
-          <code>&lt;i
-          class="geira-icons gi-spin"&gt;home&lt;/i&gt;
-        </code>
-        </div>
-      </div>
-    </div>
-    <footer>
-      <p>&copy;2025 <a style="color: inherit; text-decoration: none;" href="https://liontude.com"
-          target="_blank">Liontude</a>. All Rights Reserved. Released under MIT License</p>
-    </footer>
-  </div>
-</body>
-</html>

package/webpack.config.js DELETED Viewed

@@ -1,100 +0,0 @@
-const path = require('path');
-const HtmlWebpackPlugin = require('html-webpack-plugin');
-const { CleanWebpackPlugin } = require('clean-webpack-plugin');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const CopyWebpackPlugin = require('copy-webpack-plugin');
-module.exports = () => {
-  return {
-    mode: 'production',
-    entry: {
-      data: './src/js/data.js',
-      main: './src/js/script.js',
-      utils: './src/js/utils.js',
-      'geira-icons': './src/scss/geira-icons.scss',
-      styles: './src/scss/styles.scss'
-    },
-    output: {
-      filename: '[name].min.js',
-      path: path.resolve(__dirname, 'dist')
-    },
-    devtool: 'source-map',
-    resolve: {
-      extensions: ['.js']
-    },
-    devServer: {
-      static: {
-        directory: path.join(__dirname, 'dist')
-      }
-    },
-    plugins: [
-      new CleanWebpackPlugin(),
-      new HtmlWebpackPlugin({
-        filename: 'index.html',
-        template: 'src/index.html',
-        chunks: ['data', 'main', 'geira-icons', 'styles']
-      }),
-      new HtmlWebpackPlugin({
-        filename: 'usage.html',
-        template: 'src/usage.html',
-        chunks: ['data', 'utils', 'geira-icons', 'styles']
-      }),
-      new CopyWebpackPlugin({
-        patterns: [
-          {
-            from: './src/fonts',
-            to: './fonts'
-          }
-        ]
-      }),
-      new CopyWebpackPlugin({
-        patterns: [
-          {
-            from: './src/scss/geira-icons.scss',
-            to: './'
-          }
-        ]
-      }),
-      new CopyWebpackPlugin({
-        patterns: [
-          {
-            from: './src/js/icons.json',
-            to: './'
-          }
-        ]
-      }),
-      new CopyWebpackPlugin({
-        patterns: [
-          {
-            from: './src/images',
-            to: './images'
-          }
-        ]
-      }),
-      new MiniCssExtractPlugin({
-        filename: '[name].min.css',
-        chunkFilename: '[id].css'
-      })
-    ],
-    module: {
-      rules: [
-        {
-          test: /\.s[ac]ss$/i,
-          use: [
-            MiniCssExtractPlugin.loader,
-            {
-              loader: 'css-loader',
-              options: {
-                url: false
-              }
-            },
-            {
-              loader: 'sass-loader'
-            }
-          ]
-        }
-      ]
-    }
-  };
-};