@webjet/react-icons 3.0.3 → 3.0.4

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 (5) hide show
  1. package/README.md +0 -46
  2. package/dollar.js +2 -0
  3. package/eye-slash.js +2 -0
  4. package/eye.js +2 -0
  5. package/package.json +1 -1
package/README.md CHANGED
@@ -1,47 +1 @@
1
1
  # React Icons
2
-
3
- ## Getting started
4
- >`> npm i`
5
-
6
- >`> npm start `
7
-
8
- ## Export svg icon from figma and import it to UI-IconsLibrary repo
9
- 1. In icon figma file, select `16x16` icon you want to download.
10
- **Note**: It's important to select the `Icon` layer size 16x16 from they figma file
11
- ![image](https://github.com/Webjet/UI-IconsLibrary/assets/12589021/23bd539d-4958-4189-8c10-67c324a9cd94)
12
-
13
- 2. Open Export tab, select option 'SVG' from dropdown and click the Export button at the right hand side.
14
- ![image](https://user-images.githubusercontent.com/16181202/196594830-75f27f19-00f5-4c97-828f-fdf4e1de11cd.png)
15
-
16
- 3. Open downloaded SVG file using Visual Code, it will have something like below:
17
- ```
18
- <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
19
- <path d="..." fill="black"/>
20
- </svg>
21
- ```
22
-
23
- 4. Remove change `width` and `height` to be `1em`, change svg fill to be `#646464` and remove `fill="black"` from the end of `<path>`. It should look like this.
24
- ```
25
- <svg width="1em" height="1em" viewBox="0 0 16 16" fill="#646464" xmlns="http://www.w3.org/2000/svg">
26
- <path d="..." />
27
- </svg>
28
- ```
29
-
30
- 5. Add this file under /src/icons/[category] folder.
31
-
32
-
33
- ## How to convert Webjet-Font icon to UI-IconsLibrary repo
34
- 1. Open file `UIPatternLibraries/src/Webjet/fonts/webjet-icons.svg`
35
- 2. Open https://services.webjet.com.au/web/ui/uipatternlibrary/patterns/webjet/icons-images.html
36
- 3. Find the icon that you want to add into library, and find the icon hexadecimal value (from the icon's css `content` property)
37
- 4. Search for the hexadecimal value from webjet-icons.svg, and copy the value inside `d=` attribute
38
- 5. Create new svg file with below content, and change the `d=` value with the copied value from previous step
39
- ```
40
- <svg width="2048" height="2048" viewBox="0 0 2048 2048" fill="none" xmlns="http://www.w3.org/2000/svg">
41
- <path d="" fill="#646464"/>
42
- </svg>
43
- ```
44
- 6. Bring the file into figma. Atm The file is very big, and we want to reduce the size to be 16x16 OR 32x32 pixels only. Please adjust this using figma so the icon fit into the viewBox nicely.
45
- 7. After finish adjusting the icon, please export file as SVG using figma
46
-
47
-
package/dollar.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see dollar.js.LICENSE.txt */
2
+ !function(){"use strict";var e={2408:function(e,t){var r=Symbol.for("react.element"),o=(Symbol.for("react.portal"),Symbol.for("react.fragment"),Symbol.for("react.strict_mode"),Symbol.for("react.profiler"),Symbol.for("react.provider"),Symbol.for("react.context"),Symbol.for("react.forward_ref"),Symbol.for("react.suspense"),Symbol.for("react.memo"),Symbol.for("react.lazy"),Symbol.iterator,{isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}}),n=Object.assign,a={};function i(e,t,r){this.props=e,this.context=t,this.refs=a,this.updater=r||o}function c(){}function f(e,t,r){this.props=e,this.context=t,this.refs=a,this.updater=r||o}i.prototype.isReactComponent={},i.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},i.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},c.prototype=i.prototype;var u=f.prototype=new c;u.constructor=f,n(u,i.prototype),u.isPureReactComponent=!0;Array.isArray;var s=Object.prototype.hasOwnProperty,p=null,l={key:!0,ref:!0,__self:!0,__source:!0};t.createElement=function(e,t,o){var n,a={},i=null,c=null;if(null!=t)for(n in void 0!==t.ref&&(c=t.ref),void 0!==t.key&&(i=""+t.key),t)s.call(t,n)&&!l.hasOwnProperty(n)&&(a[n]=t[n]);var f=arguments.length-2;if(1===f)a.children=o;else if(1<f){for(var u=Array(f),y=0;y<f;y++)u[y]=arguments[y+2];a.children=u}if(e&&e.defaultProps)for(n in f=e.defaultProps)void 0===a[n]&&(a[n]=f[n]);return{$$typeof:r,type:e,key:i,ref:c,props:a,_owner:p}}},7294:function(e,t,r){e.exports=r(2408)}},t={};function r(o){var n=t[o];if(void 0!==n)return n.exports;var a=t[o]={exports:{}};return e[o](a,a.exports,r),a.exports}r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};!function(){r.r(o);var e,t=r(7294);function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},n.apply(this,arguments)}o.default=function(r){return t.createElement("svg",n({width:r&&(r.size||r.width||"1em"),height:r&&(r.size||r.height||"1em"),viewBox:"0 0 16 16",fill:"#646464",xmlns:"http://www.w3.org/2000/svg"},r),e||(e=t.createElement("path",{d:"M8.04 1.6a.8.8 0 0 1 .8.8v.893c.04.005.077.01.117.017.01.003.017.003.027.005l1.2.22a.8.8 0 0 1-.287 1.573L8.709 4.89c-.782-.115-1.472-.037-1.957.155-.485.193-.68.458-.725.703-.05.267-.013.417.03.51.045.097.137.207.32.33.407.267 1.032.442 1.842.657l.073.02c.715.19 1.59.42 2.24.845.355.233.69.548.897.988.213.447.258.947.16 1.48-.172.95-.827 1.585-1.64 1.917-.342.14-.715.23-1.11.275v.83a.8.8 0 1 1-1.6 0v-.873c-.01-.002-.022-.002-.032-.005h-.005c-.61-.095-1.613-.357-2.288-.657a.8.8 0 0 1 .65-1.46c.523.232 1.383.463 1.88.54.798.117 1.455.05 1.9-.133.423-.172.615-.422.67-.722.048-.265.01-.417-.032-.51-.048-.1-.14-.21-.325-.332-.41-.268-1.038-.443-1.85-.658l-.07-.017c-.713-.19-1.588-.423-2.238-.848-.355-.232-.687-.55-.895-.99-.21-.447-.252-.947-.152-1.48.18-.955.895-1.575 1.707-1.897a4.622 4.622 0 0 1 1.08-.275V2.4a.8.8 0 0 1 .8-.8Z"})))}}(),exports.default=o.default,Object.defineProperty(exports,"__esModule",{value:!0})}();
package/eye-slash.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see eye-slash.js.LICENSE.txt */
2
+ !function(){"use strict";var e={2408:function(e,t){var r=Symbol.for("react.element"),o=(Symbol.for("react.portal"),Symbol.for("react.fragment"),Symbol.for("react.strict_mode"),Symbol.for("react.profiler"),Symbol.for("react.provider"),Symbol.for("react.context"),Symbol.for("react.forward_ref"),Symbol.for("react.suspense"),Symbol.for("react.memo"),Symbol.for("react.lazy"),Symbol.iterator,{isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}}),n=Object.assign,a={};function i(e,t,r){this.props=e,this.context=t,this.refs=a,this.updater=r||o}function c(){}function f(e,t,r){this.props=e,this.context=t,this.refs=a,this.updater=r||o}i.prototype.isReactComponent={},i.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},i.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},c.prototype=i.prototype;var u=f.prototype=new c;u.constructor=f,n(u,i.prototype),u.isPureReactComponent=!0;Array.isArray;var s=Object.prototype.hasOwnProperty,l=null,p={key:!0,ref:!0,__self:!0,__source:!0};t.createElement=function(e,t,o){var n,a={},i=null,c=null;if(null!=t)for(n in void 0!==t.ref&&(c=t.ref),void 0!==t.key&&(i=""+t.key),t)s.call(t,n)&&!p.hasOwnProperty(n)&&(a[n]=t[n]);var f=arguments.length-2;if(1===f)a.children=o;else if(1<f){for(var u=Array(f),y=0;y<f;y++)u[y]=arguments[y+2];a.children=u}if(e&&e.defaultProps)for(n in f=e.defaultProps)void 0===a[n]&&(a[n]=f[n]);return{$$typeof:r,type:e,key:i,ref:c,props:a,_owner:l}}},7294:function(e,t,r){e.exports=r(2408)}},t={};function r(o){var n=t[o];if(void 0!==n)return n.exports;var a=t[o]={exports:{}};return e[o](a,a.exports,r),a.exports}r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};!function(){r.r(o);var e,t=r(7294);function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},n.apply(this,arguments)}o.default=function(r){return t.createElement("svg",n({width:r&&(r.size||r.width||"1em"),height:r&&(r.size||r.height||"1em"),viewBox:"0 0 16 16",fill:"#646464",xmlns:"http://www.w3.org/2000/svg"},r),e||(e=t.createElement("path",{d:"M2.408 3.009c-.2-.2-.5-.1-.7.1-.199.2-.099.499.1.599l11.784 9.287c.2.2.5.1.7-.1.199-.2.099-.5-.1-.7l-2.098-1.597a7.683 7.683 0 0 0 1.598-2.396c.1-.2.1-.3 0-.5-.3-.699-.899-1.697-1.897-2.596-.9-.799-2.197-1.598-3.795-1.598-1.398 0-2.496.5-3.395 1.198L2.408 3.01Zm3.695 2.896c.499-.5 1.198-.8 1.897-.8a2.898 2.898 0 0 1 2.896 2.897c0 .5-.1.998-.3 1.398l-.799-.6c.1-.399.2-.898.1-1.297-.2-.8-.998-1.399-1.797-1.399-.1 0-.2.1-.2.2.1.1.1.3.1.4 0 .2 0 .4-.1.599L6.103 5.905Zm2.995 4.793c-.3.1-.699.2-1.098.2a2.898 2.898 0 0 1-2.896-2.896v-.4L3.307 6.104c-.5.6-.8 1.199-.999 1.598-.1.2-.1.3 0 .5.3.798.899 1.797 1.897 2.696.9.899 2.197 1.598 3.795 1.598.999 0 1.797-.3 2.496-.6l-1.398-1.198Z"})))}}(),exports.default=o.default,Object.defineProperty(exports,"__esModule",{value:!0})}();
package/eye.js ADDED
@@ -0,0 +1,2 @@
1
+ /*! For license information please see eye.js.LICENSE.txt */
2
+ !function(){"use strict";var e={2408:function(e,t){var r=Symbol.for("react.element"),o=(Symbol.for("react.portal"),Symbol.for("react.fragment"),Symbol.for("react.strict_mode"),Symbol.for("react.profiler"),Symbol.for("react.provider"),Symbol.for("react.context"),Symbol.for("react.forward_ref"),Symbol.for("react.suspense"),Symbol.for("react.memo"),Symbol.for("react.lazy"),Symbol.iterator,{isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}}),n=Object.assign,a={};function i(e,t,r){this.props=e,this.context=t,this.refs=a,this.updater=r||o}function f(){}function c(e,t,r){this.props=e,this.context=t,this.refs=a,this.updater=r||o}i.prototype.isReactComponent={},i.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},i.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},f.prototype=i.prototype;var s=c.prototype=new f;s.constructor=c,n(s,i.prototype),s.isPureReactComponent=!0;Array.isArray;var u=Object.prototype.hasOwnProperty,p=null,l={key:!0,ref:!0,__self:!0,__source:!0};t.createElement=function(e,t,o){var n,a={},i=null,f=null;if(null!=t)for(n in void 0!==t.ref&&(f=t.ref),void 0!==t.key&&(i=""+t.key),t)u.call(t,n)&&!l.hasOwnProperty(n)&&(a[n]=t[n]);var c=arguments.length-2;if(1===c)a.children=o;else if(1<c){for(var s=Array(c),y=0;y<c;y++)s[y]=arguments[y+2];a.children=s}if(e&&e.defaultProps)for(n in c=e.defaultProps)void 0===a[n]&&(a[n]=c[n]);return{$$typeof:r,type:e,key:i,ref:f,props:a,_owner:p}}},7294:function(e,t,r){e.exports=r(2408)}},t={};function r(o){var n=t[o];if(void 0!==n)return n.exports;var a=t[o]={exports:{}};return e[o](a,a.exports,r),a.exports}r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var o={};!function(){r.r(o);var e,t=r(7294);function n(){return n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},n.apply(this,arguments)}o.default=function(r){return t.createElement("svg",n({width:r&&(r.size||r.width||"1em"),height:r&&(r.size||r.height||"1em"),viewBox:"0 0 16 16",fill:"#646464",xmlns:"http://www.w3.org/2000/svg"},r),e||(e=t.createElement("path",{d:"M7.945 3.5c-1.6 0-2.9.7-3.9 1.6-.9.9-1.5 1.9-1.8 2.7-.1.2-.1.3 0 .5.3.7.9 1.7 1.8 2.6.9.9 2.2 1.6 3.9 1.6 1.7 0 2.9-.7 3.9-1.6.9-.9 1.6-1.9 1.9-2.6.1-.2.1-.3 0-.5-.4-.8-1-1.8-1.9-2.7-1-.9-2.3-1.6-3.9-1.6ZM5.045 8c0-1.6 1.3-2.9 2.9-2.9 1.6 0 2.9 1.3 2.9 2.9 0 1.6-1.3 2.9-2.9 2.9-1.6 0-2.9-1.3-2.9-2.9Zm2.9-1.3c0 .7-.6 1.3-1.3 1.3-.1 0-.3 0-.4-.1-.1 0-.2 0-.2.1s0 .3.1.4c.3 1 1.3 1.6 2.4 1.4 1.1-.2 1.6-1.3 1.4-2.4-.2-.8-1-1.4-1.8-1.4-.2.1-.3.2-.3.3.1.1.1.3.1.4Z"})))}}(),exports.default=o.default,Object.defineProperty(exports,"__esModule",{value:!0})}();
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@webjet/react-icons",
3
3
  "sideEffects": false,
4
- "version": "3.0.3",
4
+ "version": "3.0.4",
5
5
  "description": "React Icons",
6
6
  "scripts": {
7
7
  "start": "webpack serve --env env=library --port 9020 --open",