npm - @internetarchive/ia-icons - Versions diffs - 1.3.6 → 1.3.10 - Mend

@internetarchive/ia-icons 1.3.6 → 1.3.10

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 (101) hide show

package/index.html DELETED Viewed

@@ -1,124 +0,0 @@
-<!doctype html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script type="module" src="ia-icon.js"></script>
-    <script type="module" src="src/icon-donate.js"></script>
-    <title>IA SVG Icons</title>
-    <style>
-      html {
-        font: normal 10px 'Helvetica Neue', Helvetica, Arial, sans-serif;
-        font-size: 10px;
-        --iconWidth: 40px;
-        --iconHeight: 40px;
-      }
-      body {
-        margin: 0;
-        padding: 0 2rem;
-      }
-      h3 {
-        font-size: 2rem;
-      }
-      ul {
-        display: grid;
-        grid-template-columns: repeat(auto-fill, minmax(92px, 1fr));
-        grid-gap: 1rem;
-        padding: 0;
-        list-style: none;
-      }
-      li {
-        padding: 1.5rem 0;
-        border: 2px solid #ccc;
-        text-align: center;
-      }
-      li:hover {
-        color: #f0f0f0;
-        background: #222;
-      }
-      p {
-        margin: 0;
-      }
-      icon-donate {
-        width: 40px;
-        display: block;
-      }
-    </style>
-  </head>
-  <body>
-    <script type="module">
-      import { render, html } from './node_modules/lit-html/lit-html.js';
-      const listItems = () => {
-        return [
-          'applePay',
-          'advance',
-          'audio',
-          'calendar',
-          'calendarBlank',
-          'close',
-          'closeCircle',
-          'collapseSidebar',
-          'creditCard',
-          'donate',
-          'download',
-          'editPencil',
-          'ellipses',
-          'email',
-          'facebook',
-          'googlePay',
-          'iaLogo',
-          'images',
-          'link',
-          'localePin',
-          'lock',
-          'magnifyMinus',
-          'magnifyPlus',
-          'paypal',
-          'pinterest',
-          'search',
-          'share',
-          'software',
-          'sortAscending',
-          'sortDescending',
-          'texts',
-          'toc',
-          'tumblr',
-          'twitter',
-          'upload',
-          'user',
-          'venmo',
-          'video',
-          'visualAdjustment',
-          'volumes',
-          'web',
-          'info',
-        ].map((name) => {
-          const color = `rgb(${~~(Math.random() * 256)}, ${~~(Math.random() * 256)}, ${~~(Math.random() * 256)})`;
-          return html`
-            <li>
-              <ia-icon icon=${name} style="--iconFillColor: ${color}; --iconStrokeColor: ${color};"></ia-icon>
-              <p>${name}</p>
-            </li>
-          `;
-        });
-      };
-      render(html`
-        <h3>Icons using ${"<ia-icon>"}</h3>
-        <ul>
-          ${listItems()}
-        </ul>
-        <h3>Icon created by extending IAIcon</h3>
-        <icon-donate></icon-donate>
-      `, document.body);
-    </script>
-  </body>
-</html>

package/index.js DELETED Viewed

@@ -1,3 +0,0 @@
-import IAIcon from './src/ia-icon';
-export default IAIcon;

package/karma.bs.config.js DELETED Viewed

@@ -1,16 +0,0 @@
-/* eslint-disable import/no-extraneous-dependencies */
-const merge = require('webpack-merge');
-const bsSettings = require('@open-wc/testing-karma-bs/bs-settings.js');
-const createBaseConfig = require('./karma.conf.js');
-module.exports = (config) => {
-  config.set(
-    merge(bsSettings(config), createBaseConfig(config), {
-      browserStack: {
-        project: 'ia-icons',
-      },
-    }),
-  );
-  return config;
-};

package/karma.conf.js DELETED Viewed

@@ -1,30 +0,0 @@
-/* eslint-disable import/no-extraneous-dependencies */
-const { createDefaultConfig } = require('@open-wc/testing-karma');
-const merge = require('webpack-merge');
-module.exports = (config) => {
-  config.set(
-    merge(createDefaultConfig(config), {
-      files: [
-        // runs all files ending with .test in the test folder,
-        // can be overwritten by passing a --grep flag. examples:
-        //
-        // npm run test -- --grep test/foo/bar.test.js
-        // npm run test -- --grep test/bar/*
-        { pattern: config.grep ? config.grep : 'test/**/*.test.js', type: 'module' },
-      ],
-      esm: {
-        nodeResolve: true,
-      },
-      // you can overwrite/extend the config further
-      coverageIstanbulReporter: {
-        thresholds: {
-          emitWarning: true, // set to `true` to not fail the test command when thresholds are not met
-          // thresholds for all files
-        }
-      }
-    }),
-  );
-  return config;
-};

package/src/ia-icon.js DELETED Viewed

@@ -1,128 +0,0 @@
-import {
-  LitElement, html, css, nothing
-} from 'lit';
-import advance from '@internetarchive/icon-advance/index';
-import applePay from '@internetarchive/icon-applepay/index';
-import audio from '@internetarchive/icon-audio/index';
-import calendar from '@internetarchive/icon-calendar/index';
-import calendarBlank from '@internetarchive/icon-calendar-blank/index';
-import close from '@internetarchive/icon-close/index';
-import closeCircle from '@internetarchive/icon-close-circle/index';
-import collapseSidebar from '@internetarchive/icon-collapse-sidebar/index';
-import creditCard from '@internetarchive/icon-credit-card/index';
-import donate from '@internetarchive/icon-donate/index';
-import download from '@internetarchive/icon-dl/index';
-import editPencil from '@internetarchive/icon-edit-pencil/index';
-import ellipses from '@internetarchive/icon-ellipses/index';
-import email from '@internetarchive/icon-email/index';
-import facebook from '@internetarchive/icon-facebook/index';
-import googlePay from '@internetarchive/icon-googlepay/index';
-import iaLogo from '@internetarchive/icon-ia-logo/index';
-import images from '@internetarchive/icon-images/index';
-import link from '@internetarchive/icon-link/index';
-import localePin from '@internetarchive/icon-locale-pin/index';
-import lock from '@internetarchive/icon-lock/index';
-import magnifyMinus from '@internetarchive/icon-magnify-minus/index';
-import magnifyPlus from '@internetarchive/icon-magnify-plus/index';
-import paypal from '@internetarchive/icon-paypal/index';
-import pinterest from '@internetarchive/icon-pinterest/index';
-import search from '@internetarchive/icon-search/index';
-import share from '@internetarchive/icon-share/index';
-import software from '@internetarchive/icon-software/index';
-import sortAscending from '@internetarchive/icon-sort-ascending/index';
-import sortDescending from '@internetarchive/icon-sort-descending/index';
-import texts from '@internetarchive/icon-texts/index';
-import toc from '@internetarchive/icon-toc/index';
-import tumblr from '@internetarchive/icon-tumblr/index';
-import twitter from '@internetarchive/icon-twitter/index';
-import upload from '@internetarchive/icon-upload/index';
-import user from '@internetarchive/icon-user/index';
-import venmo from '@internetarchive/icon-venmo/index';
-import video from '@internetarchive/icon-video/index';
-import visualAdjustment from '@internetarchive/icon-visual-adjustment/index';
-import volumes from '@internetarchive/icon-volumes/index';
-import web from '@internetarchive/icon-web/index';
-import info from '@internetarchive/icon-info/index';
-const iconTemplates = {
-  applePay,
-  advance,
-  audio,
-  calendar,
-  calendarBlank,
-  close,
-  closeCircle,
-  collapseSidebar,
-  creditCard,
-  donate,
-  download,
-  editPencil,
-  ellipses,
-  email,
-  facebook,
-  googlePay,
-  iaLogo,
-  images,
-  link,
-  localePin,
-  lock,
-  magnifyMinus,
-  magnifyPlus,
-  paypal,
-  pinterest,
-  search,
-  share,
-  software,
-  sortAscending,
-  sortDescending,
-  texts,
-  toc,
-  tumblr,
-  twitter,
-  upload,
-  user,
-  venmo,
-  video,
-  visualAdjustment,
-  volumes,
-  web,
-  info,
-};
-class IAIcon extends LitElement {
-  static get properties() {
-    return {
-      icon: { type: String },
-    };
-  }
-  static get styles() {
-    return css`
-      svg {
-        width: var(--iconWidth, 'auto');
-        height: var(--iconHeight, 'auto');
-      }
-      .fill-color {
-        fill: var(--iconFillColor);
-      }
-      .stroke-color {
-        stroke: var(--iconStrokeColor);
-      }
-    `;
-  }
-  constructor() {
-    super();
-    this.icon = '';
-  }
-  render() {
-    return html`${iconTemplates[this.icon]}` || nothing;
-  }
-}
-customElements.define('ia-icon', IAIcon);
-export default IAIcon;

package/src/icon-donate.js DELETED Viewed

@@ -1,23 +0,0 @@
-import { css } from 'lit';
-import IAIcon from './ia-icon';
-class IconDonate extends IAIcon {
-  static get styles() {
-    return css`
-      .fill-color {
-        fill: #ff0000;
-      }
-      .stroke-color {
-        stroke: #ff0000;
-      }
-    `;
-  }
-  constructor() {
-    super();
-    this.icon = 'donate';
-  }
-}
-customElements.define('icon-donate', IconDonate);

package/test/ia-icons.test.js DELETED Viewed

@@ -1,17 +0,0 @@
-import { fixture, expect, html } from '@open-wc/testing';
-import '../ia-icon';
-describe('<ia-icon>', () => {
-  it('renders an empty element when icon type is unrecognized', async () => {
-    const el = await fixture(html`<ia-icon icon="foo"></ia-icon>`);
-    expect(el.shadowRoot.querySelector('svg')).to.equal(null);
-  });
-  it('renders an icon', async () => {
-    const el = await fixture(html`<ia-icon icon="web"></ia-icon>`);
-    expect(el.shadowRoot.querySelector('svg')).to.exist;
-  });
-});