@inchurch/matcha-icons 20.0.3

package/README.md

@@ -0,0 +1,203 @@
+# Matcha Icons
+
+[See the demo](https://unpkg.com/matcha-icons@latest/demo.html)
+
+# Change Log
+
+All notable changes to this project will be documented in this file.
+
+The format is based on [Keep a Changelog](http://keepachangelog.com/)
+and this project adheres to [Semantic Versioning](http://semver.org/).
+
+## [Unreleased] - yyyy-mm-dd
+
+Here we write upgrading notes for brands. It's a team effort to make them as
+straightforward as possible.
+
+### Added
+
+- [MATCHA-ICONS](https://unpkg.com/matcha-icons@latest/demo.html)
+  Library with all icons used in InChurch Design System
+- [MATCHA-DS](https://matcha-guide.netlify.app/)
+  Inchurch Design System.
+
+### Changed
+
+### Fixed
+
+---
+
+## [1.0.20] - 2023-10-02
+
+Update icon library
+
+### Added
+
+- deezer <br />css class `.i-matcha-deezer`
+- circle-deezer <br />css class `.i-matcha-circle-deezer`
+- beacon <br />css class `.i-matcha-beacon`
+- circle-beacon <br />css class `.i-matcha-circle-beacon`
+
+---
+
+## [1.0.19] - 2023-10-02
+
+Update icon library
+
+### Added
+
+- app <br />css class `.i-matcha-app`
+- site <br />css class `.i-matcha-site`
+- alelo <br />css class `.i-matcha-alelo`
+- american_express <br />css class `.i-matcha-american_express`
+- aura <br />css class `.i-matcha-aura`
+- bankslip <br />css class `.i-matcha-bankslip`
+- cash <br />css class `.i-matcha-cash`
+- credicard <br />css class `.i-matcha-credicard`
+- credit <br />css class `.i-matcha-credit`
+- diners <br />css class `.i-matcha-diners`
+- elo <br />css class `.i-matcha-elo`
+- hipercard <br />css class `.i-matcha-hipercard`
+- sodexo <br />css class `.i-matcha-sodexo`
+- rede_shop <br />css class `.i-matcha-rede_shop`
+- maestro <br />css class `.i-matcha-maestro`
+- master <br />css class `.i-matcha-master`
+- pix <br />css class `.i-matcha-pix`
+- ticket <br />css class `.i-matcha-ticket`
+- visa <br />css class `.i-matcha-visa`
+- vr_alimentacao <br />css class `.i-matcha-vr_alimentacao`
+- vr_auto <br />css class `.i-matcha-vr_auto`
+- vr_refeicao <br />css class `.i-matcha-vr_refeicao`
+- cookie <br />css class `.i-matcha-cookie`
+- cookie_out <br />css class `.i-matcha-cookie_out`
+- print <br />css class `.i-matcha-print`
+- print_out <br />css class `.i-matcha-print_out`
+- rocket_out <br />css class `.i-matcha-rocket_out`
+- cash <br />css class `.i-matcha-cash`
+- cash_out <br />css class `.i-matcha-cash_out`
+- pin <br />css class `.i-matcha-pin`
+- pin_out <br />css class `.i-matcha-pin_out`
+- flag <br />css class `.i-matcha-flag`
+- flag_out <br />css class `.i-matcha-flag_out`
+- category <br />css class `.i-matcha-category`
+- category_out <br />css class `.i-matcha-category_out`
+- midia <br />css class `.i-matcha-midia`
+- midia_out <br />css class `.i-matcha-midia_out`
+- wallet <br />css class `.i-matcha-wallet`
+- wallet-out <br />css class `.i-matcha-wallet`
+- management <br />css class `.i-matcha-management`
+- busines_unit <br />css class `.i-matcha-busines_unit`
+- add_card <br />css class `.i-matcha-add_card`
+- update_balance <br />css class `.i-matcha-update_balance`
+- transfer <br />css class `.i-matcha-transfer`
+- cost_center <br />css class `.i-matcha-cost_center`
+- flickr <br />css class `.i-matcha-flickr`
+- expand <br />css class `.i-matcha-expand`
+- collapse <br />css class `.i-matcha-collapse`
+- caixa <br />css class `.i-matcha-caixa`
+- caixa_color <br />css class `.i-matcha-caixa_color`
+- itau <br />css class `.i-matcha-itau`
+- itau_color <br />css class `.i-matcha-itau_color`
+- bradesco <br />css class `.i-matcha-bradesco`
+- bradesco_color <br />css class `.i-matcha-bradesco_color`
+- nu <br />css class `.i-matcha-nu`
+- nu_color <br />css class `.i-matcha-nu_color`
+- santander <br />css class `.i-matcha-santander`
+- santander_color <br />css class `.i-matcha-santander_color`
+- bb <br />css class `.i-matcha-bb`
+- bb_color <br />css class `.i-matcha-bb_color`
+- c6 <br />css class `.i-matcha-c6`
+
+---
+
+## [1.0.18] - 2023-08-25
+
+Update assets
+
+### Changed
+
+- Remove styles from logo\
+  source files `source/matcha.svg`
+
+---
+
+## [1.0.17] - 2023-08-25
+
+Update assets
+
+### Changed
+
+- Fix svg logo\
+  source files `source/matcha.svg`
+
+---
+
+## [1.0.16] - 2023-08-25
+
+Update assets
+
+### Changed
+
+- Move Matcha Logo to outside of source folder\
+  source files `source/matcha.svg`
+
+---
+
+## [1.0.15] - 2023-08-25
+
+Update assets
+
+### Added
+
+- Matcha Logo\
+  source files `source/matcha.svg`
+
+---
+
+## [1.0.14] - 2023-08-25
+
+Update icon library
+
+### Changed
+
+- Update image for icons\
+  `.i-matcha-drag-dots`\
+  `.i-matcha-drag-bars`
+
+---
+
+## [1.0.13] - 2023-08-25
+
+Update icon library
+
+### Added
+
+- Edit image\
+  css class `.i-matcha-edit-image`
+
+---
+
+## [1.0.12] - 2023-05-26
+
+Update icon library
+
+### Added
+
+- Rocket icon\
+  css class `.i-matcha-rocket`
+
+### Changed
+
+### Fixed
+
+---
+
+## [1.0.0] - 2023-03-30
+
+Publish the project
+
+### Added
+
+### Changed
+
+### Fixed

package/Read Me.txt

@@ -0,0 +1,7 @@
+Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures.
+
+To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/docs#install
+
+You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects.
+
+You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection.

package/demo-files/demo.css

@@ -0,0 +1,152 @@
+body {
+  padding: 0;
+  margin: 0;
+  font-family: sans-serif;
+  font-size: 1em;
+  line-height: 1.5;
+  color: #555;
+  background: #fff;
+}
+h1 {
+  font-size: 1.5em;
+  font-weight: normal;
+}
+small {
+  font-size: .66666667em;
+}
+a {
+  color: #e74c3c;
+  text-decoration: none;
+}
+a:hover, a:focus {
+  box-shadow: 0 1px #e74c3c;
+}
+.bshadow0, input {
+  box-shadow: inset 0 -2px #e7e7e7;
+}
+input:hover {
+  box-shadow: inset 0 -2px #ccc;
+}
+input, fieldset {
+  font-family: sans-serif;
+  font-size: 1em;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+input {
+  color: inherit;
+  line-height: 1.5;
+  height: 1.5em;
+  padding: .25em 0;
+}
+input:focus {
+  outline: none;
+  box-shadow: inset 0 -2px #449fdb;
+}
+.glyph {
+  font-size: 16px;
+  width: 15em;
+  padding-bottom: 1em;
+  margin-right: 4em;
+  margin-bottom: 1em;
+  float: left;
+  overflow: hidden;
+}
+.liga {
+  width: 80%;
+  width: calc(100% - 2.5em);
+}
+.talign-right {
+  text-align: right;
+}
+.talign-center {
+  text-align: center;
+}
+.bgc1 {
+  background: #f1f1f1;
+}
+.fgc1 {
+  color: #999;
+}
+.fgc0 {
+  color: #000;
+}
+p {
+  margin-top: 1em;
+  margin-bottom: 1em;
+}
+.mvm {
+  margin-top: .75em;
+  margin-bottom: .75em;
+}
+.mtn {
+  margin-top: 0;
+}
+.mtl, .mal {
+  margin-top: 1.5em;
+}
+.mbl, .mal {
+  margin-bottom: 1.5em;
+}
+.mal, .mhl {
+  margin-left: 1.5em;
+  margin-right: 1.5em;
+}
+.mhmm {
+  margin-left: 1em;
+  margin-right: 1em;
+}
+.mls {
+  margin-left: .25em;
+}
+.ptl {
+  padding-top: 1.5em;
+}
+.pbs, .pvs {
+  padding-bottom: .25em;
+}
+.pvs, .pts {
+  padding-top: .25em;
+}
+.unit {
+  float: left;
+}
+.unitRight {
+  float: right;
+}
+.size1of2 {
+  width: 50%;
+}
+.size1of1 {
+  width: 100%;
+}
+.clearfix:before, .clearfix:after {
+  content: " ";
+  display: table;
+}
+.clearfix:after {
+  clear: both;
+}
+.hidden-true {
+  display: none;
+}
+.textbox0 {
+  width: 3em;
+  background: #f1f1f1;
+  padding: .25em .5em;
+  line-height: 1.5;
+  height: 1.5em;
+}
+#testDrive {
+  display: block;
+  padding-top: 24px;
+  line-height: 1.5;
+}
+.fs0 {
+  font-size: 16px;
+}
+.fs1 {
+  font-size: 24px;
+}
+

package/demo-files/demo.js

@@ -0,0 +1,30 @@
+if (!('boxShadow' in document.body.style)) {
+    document.body.setAttribute('class', 'noBoxShadow');
+}
+
+document.body.addEventListener("click", function(e) {
+    var target = e.target;
+    if (target.tagName === "INPUT" &&
+        target.getAttribute('class').indexOf('liga') === -1) {
+        target.select();
+    }
+});
+
+(function() {
+    var fontSize = document.getElementById('fontSize'),
+        testDrive = document.getElementById('testDrive'),
+        testText = document.getElementById('testText');
+    function updateTest() {
+        testDrive.innerHTML = testText.value || String.fromCharCode(160);
+        if (window.icomoonLiga) {
+            window.icomoonLiga(testDrive);
+        }
+    }
+    function updateSize() {
+        testDrive.style.fontSize = fontSize.value + 'px';
+    }
+    fontSize.addEventListener('change', updateSize, false);
+    testText.addEventListener('input', updateTest, false);
+    testText.addEventListener('change', updateTest, false);
+    updateSize();
+}());