Socket
Socket
Sign inDemoInstall

@ltht-react/icon

Package Overview
Dependencies
9
Maintainers
6
Versions
302
Alerts
File Explorer

Advanced tools

npm Scripts
License

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 1.0.2 to 1.1.0

108

CHANGELOG.md

@@ -10,6 +10,2 @@ # Change Log

## [0.1.27](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.26...@ltht-react/icon@0.1.27) (2020-10-29)

@@ -19,6 +15,2 @@

## [0.1.26](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.25...@ltht-react/icon@0.1.26) (2020-09-10)

@@ -28,7 +20,2 @@

## [0.1.25](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.24...@ltht-react/icon@0.1.25) (2020-09-01)

@@ -38,6 +25,2 @@

## [0.1.24](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.23...@ltht-react/icon@0.1.24) (2020-08-21)

@@ -47,6 +30,2 @@

## [0.1.23](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.22...@ltht-react/icon@0.1.23) (2020-08-19)

@@ -56,6 +35,2 @@

## [0.1.22](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.21...@ltht-react/icon@0.1.22) (2020-08-19)

@@ -65,6 +40,2 @@

## [0.1.21](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.20...@ltht-react/icon@0.1.21) (2020-08-18)

@@ -74,6 +45,2 @@

## [0.1.20](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.19...@ltht-react/icon@0.1.20) (2020-08-11)

@@ -83,6 +50,2 @@

## [0.1.19](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.18...@ltht-react/icon@0.1.19) (2020-08-10)

@@ -92,6 +55,2 @@

## [0.1.18](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.17...@ltht-react/icon@0.1.18) (2020-08-05)

@@ -101,6 +60,2 @@

## [0.1.17](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.16...@ltht-react/icon@0.1.17) (2020-08-05)

@@ -110,6 +65,2 @@

## [0.1.16](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.15...@ltht-react/icon@0.1.16) (2020-08-05)

@@ -119,6 +70,2 @@

## [0.1.14](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.13...@ltht-react/icon@0.1.14) (2020-08-04)

@@ -128,7 +75,2 @@

## [0.1.13](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.12...@ltht-react/icon@0.1.13) (2020-05-01)

@@ -138,6 +80,2 @@

## [0.1.12](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.11...@ltht-react/icon@0.1.12) (2020-05-01)

@@ -147,6 +85,2 @@

## [0.1.11](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.10...@ltht-react/icon@0.1.11) (2020-04-29)

@@ -156,6 +90,2 @@

## [0.1.10](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.9...@ltht-react/icon@0.1.10) (2020-04-21)

@@ -165,6 +95,2 @@

## [0.1.9](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.8...@ltht-react/icon@0.1.9) (2020-04-14)

@@ -174,6 +100,2 @@

## [0.1.8](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.7...@ltht-react/icon@0.1.8) (2020-04-09)

@@ -183,6 +105,2 @@

## [0.1.7](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.6...@ltht-react/icon@0.1.7) (2020-04-08)

@@ -192,7 +110,2 @@

## [0.1.6](https://ssh.github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.5...@ltht-react/icon@0.1.6) (2020-04-03)

@@ -202,6 +115,2 @@

## [0.1.5](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.4...@ltht-react/icon@0.1.5) (2020-03-16)

@@ -211,7 +120,2 @@

## [0.1.4](https://ssh.github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.3...@ltht-react/icon@0.1.4) (2020-03-12)

@@ -221,6 +125,2 @@

## [0.1.3](https://ssh.github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.2...@ltht-react/icon@0.1.3) (2020-03-06)

@@ -230,6 +130,2 @@

## [0.1.2](https://ssh.github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.1...@ltht-react/icon@0.1.2) (2020-02-27)

@@ -239,8 +135,4 @@

## [0.1.1](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/icon@0.1.0...@ltht-react/icon@0.1.1) (2020-02-26)
**Note:** Version bump only for package @ltht-react/icon

4

lib/atoms/chevron-circle-icon.d.ts

@@ -1,4 +0,4 @@

import React from 'react';
import { FC } from 'react';
import { IconSizes } from '@ltht-react/styles';
declare const ChevronCircleIcon: React.FC<Props>;
declare const ChevronCircleIcon: FC<Props>;
declare type IconDirection = 'up' | 'down' | 'left' | 'right';

@@ -5,0 +5,0 @@ interface Props {

7

lib/atoms/chevron-circle-icon.js
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var jsx_runtime_1 = require("react/jsx-runtime");
var react_fontawesome_1 = require("@fortawesome/react-fontawesome");

@@ -30,5 +27,5 @@ var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");

};
return (react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { className: "icon__chevron-circle", icon: calculateIconType(direction), size: styles_1.calculateIconSize(size), onClick: clickHandler && handleClick }));
return (jsx_runtime_1.jsx(react_fontawesome_1.FontAwesomeIcon, { className: "icon__chevron-circle", icon: calculateIconType(direction), size: styles_1.calculateIconSize(size), onClick: clickHandler && handleClick }, void 0));
};
exports.default = ChevronCircleIcon;
//# sourceMappingURL=chevron-circle-icon.js.map

4

lib/atoms/chevron-icon.d.ts

@@ -1,4 +0,4 @@

import React from 'react';
import { FC } from 'react';
import { IconSizes } from '@ltht-react/styles';
declare const ChevronIcon: React.FC<Props>;
declare const ChevronIcon: FC<Props>;
declare type IconDirection = 'up' | 'down' | 'left' | 'right';

@@ -5,0 +5,0 @@ interface Props {

7

lib/atoms/chevron-icon.js
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var jsx_runtime_1 = require("react/jsx-runtime");
var react_fontawesome_1 = require("@fortawesome/react-fontawesome");

@@ -30,5 +27,5 @@ var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");

};
return (react_1.default.createElement(react_fontawesome_1.FontAwesomeIcon, { className: "icon__chevron", icon: calculateIconType(direction), size: styles_1.calculateIconSize(size), onClick: clickHandler && handleClick }));
return (jsx_runtime_1.jsx(react_fontawesome_1.FontAwesomeIcon, { className: "icon__chevron", icon: calculateIconType(direction), size: styles_1.calculateIconSize(size), onClick: clickHandler && handleClick }, void 0));
};
exports.default = ChevronIcon;
//# sourceMappingURL=chevron-icon.js.map

4

lib/atoms/circle-icon.d.ts

@@ -1,4 +0,4 @@

import React from 'react';
import { FC } from 'react';
import { IconSizes } from '@ltht-react/styles';
declare const CircleIcon: React.FC<IconProps>;
declare const CircleIcon: FC<IconProps>;
declare type StatusValues = 'red' | 'green' | 'amber' | 'info' | 'default';

@@ -5,0 +5,0 @@ interface IconProps {

8

lib/atoms/circle-icon.js

@@ -10,9 +10,9 @@ "use strict";

Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var jsx_runtime_1 = require("react/jsx-runtime");
var styled_1 = __importDefault(require("@emotion/styled"));
var core_1 = require("@emotion/core");
var react_1 = require("@emotion/react");
var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
var styles_1 = require("@ltht-react/styles");
var calculateIconColor = function (status) { return core_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), status === 'green' && styles_1.ICON_COLOURS.SUCCESS.VALUE + ";", status === 'amber' && styles_1.ICON_COLOURS.WARNING + ";", status === 'red' && styles_1.ICON_COLOURS.DANGER + ";", status === 'default' && styles_1.ICON_COLOURS.DEFAULT + ";", status === 'info' && styles_1.ICON_COLOURS.INFO + ";"); };
var calculateIconColor = function (status) { return react_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), status === 'green' && styles_1.ICON_COLOURS.SUCCESS.VALUE + ";", status === 'amber' && styles_1.ICON_COLOURS.WARNING + ";", status === 'red' && styles_1.ICON_COLOURS.DANGER + ";", status === 'default' && styles_1.ICON_COLOURS.DEFAULT + ";", status === 'info' && styles_1.ICON_COLOURS.INFO + ";"); };
var StyledFontAwesomeIcon = styled_1.default(react_fontawesome_1.FontAwesomeIcon)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {

@@ -24,3 +24,3 @@ var status = _a.status;

var status = _a.status, size = _a.size;
return (react_1.default.createElement(StyledFontAwesomeIcon, { className: "icon__circle", status: status, icon: free_solid_svg_icons_1.faCircle, size: styles_1.calculateIconSize(size), transform: { rotate: 180 } }));
return (jsx_runtime_1.jsx(StyledFontAwesomeIcon, { className: "icon__circle", status: status, icon: free_solid_svg_icons_1.faCircle, size: styles_1.calculateIconSize(size), transform: { rotate: 180 } }, void 0));
};

@@ -27,0 +27,0 @@ exports.default = CircleIcon;

4

lib/atoms/column-icon.d.ts

@@ -1,4 +0,4 @@

import React from 'react';
import { FC } from 'react';
import { IconSizes } from '@ltht-react/styles';
declare const ColumnIcon: React.FC<IconProps>;
declare const ColumnIcon: FC<IconProps>;
declare type StatusValues = 'red' | 'green' | 'amber' | 'default' | 'info';

@@ -5,0 +5,0 @@ interface IconProps {

8

lib/atoms/column-icon.js

@@ -10,9 +10,9 @@ "use strict";

Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var jsx_runtime_1 = require("react/jsx-runtime");
var styled_1 = __importDefault(require("@emotion/styled"));
var core_1 = require("@emotion/core");
var react_1 = require("@emotion/react");
var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
var styles_1 = require("@ltht-react/styles");
var calculateIconColor = function (status) { return core_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), status === 'green' && styles_1.ICON_COLOURS.SUCCESS.VALUE + ";", status === 'amber' && styles_1.ICON_COLOURS.WARNING + ";", status === 'red' && styles_1.ICON_COLOURS.DANGER + ";", status === 'default' && styles_1.ICON_COLOURS.DEFAULT.VALUE + ";", status === 'info' && styles_1.ICON_COLOURS.INFO + ";"); };
var calculateIconColor = function (status) { return react_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), status === 'green' && styles_1.ICON_COLOURS.SUCCESS.VALUE + ";", status === 'amber' && styles_1.ICON_COLOURS.WARNING + ";", status === 'red' && styles_1.ICON_COLOURS.DANGER + ";", status === 'default' && styles_1.ICON_COLOURS.DEFAULT.VALUE + ";", status === 'info' && styles_1.ICON_COLOURS.INFO + ";"); };
var StyledFontAwesomeIcon = styled_1.default(react_fontawesome_1.FontAwesomeIcon)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {

@@ -24,3 +24,3 @@ var status = _a.status;

var status = _a.status, size = _a.size;
return (react_1.default.createElement(StyledFontAwesomeIcon, { className: "icon__column", status: status, icon: free_solid_svg_icons_1.faColumns, size: styles_1.calculateIconSize(size), transform: { rotate: 180 } }));
return (jsx_runtime_1.jsx(StyledFontAwesomeIcon, { className: "icon__column", status: status, icon: free_solid_svg_icons_1.faColumns, size: styles_1.calculateIconSize(size), transform: { rotate: 180 } }, void 0));
};

@@ -27,0 +27,0 @@ exports.default = ColumnIcon;

4

lib/atoms/counter-icon.d.ts

@@ -1,4 +0,4 @@

import React, { HTMLAttributes } from 'react';
import { FC, HTMLAttributes } from 'react';
import { IconSizes } from '@ltht-react/styles';
declare const CounterIcon: React.FC<CounterIconProps>;
declare const CounterIcon: FC<CounterIconProps>;
declare type StatusValues = 'red' | 'green' | 'amber' | 'primary' | 'secondary' | 'default' | 'info';

@@ -5,0 +5,0 @@ interface CounterIconProps extends HTMLAttributes<HTMLSpanElement> {

22

lib/atoms/counter-icon.js

@@ -6,2 +6,13 @@ "use strict";

};
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
var __importDefault = (this && this.__importDefault) || function (mod) {

@@ -11,9 +22,9 @@ return (mod && mod.__esModule) ? mod : { "default": mod };

Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var jsx_runtime_1 = require("react/jsx-runtime");
var styled_1 = __importDefault(require("@emotion/styled"));
var core_1 = require("@emotion/core");
var react_1 = require("@emotion/react");
var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
var styles_1 = require("@ltht-react/styles");
var calculateIconColor = function (status) { return core_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), status === 'green' && styles_1.ICON_COLOURS.SUCCESS.VALUE + ";", status === 'amber' && styles_1.ICON_COLOURS.WARNING + ";", status === 'red' && styles_1.ICON_COLOURS.DANGER + ";", status === 'primary' && styles_1.ICON_COLOURS.PRIMARY + ";", status === 'secondary' && styles_1.ICON_COLOURS.SECONDARY + ";", status === 'default' && styles_1.ICON_COLOURS.DEFAULT.VALUE + ";", status === 'info' && styles_1.ICON_COLOURS.INFO + ";"); };
var calculateIconColor = function (status) { return react_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), status === 'green' && styles_1.ICON_COLOURS.SUCCESS.VALUE + ";", status === 'amber' && styles_1.ICON_COLOURS.WARNING + ";", status === 'red' && styles_1.ICON_COLOURS.DANGER + ";", status === 'primary' && styles_1.ICON_COLOURS.PRIMARY + ";", status === 'secondary' && styles_1.ICON_COLOURS.SECONDARY + ";", status === 'default' && styles_1.ICON_COLOURS.DEFAULT.VALUE + ";", status === 'info' && styles_1.ICON_COLOURS.INFO + ";"); };
var StyledCounterIcon = styled_1.default.span(templateObject_2 || (templateObject_2 = __makeTemplateObject([""], [""])));

@@ -27,5 +38,4 @@ var StyledFontAwesomeIcon = styled_1.default(react_fontawesome_1.FontAwesomeIcon)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {

var status = _a.status, size = _a.size, value = _a.value;
return (react_1.default.createElement(StyledCounterIcon, { className: "fa-layers fa-fw" },
react_1.default.createElement(StyledFontAwesomeIcon, { className: "icon__counter", status: status, icon: free_solid_svg_icons_1.faCircle, size: styles_1.calculateIconSize(size) }),
react_1.default.createElement(StyledCounterValue, { className: "fa-layers-text fa-inverse fa-xs" }, value)));
return (jsx_runtime_1.jsxs(StyledCounterIcon, __assign({ className: "fa-layers fa-fw" }, { children: [jsx_runtime_1.jsx(StyledFontAwesomeIcon, { className: "icon__counter", status: status, icon: free_solid_svg_icons_1.faCircle, size: styles_1.calculateIconSize(size) }, void 0),
jsx_runtime_1.jsx(StyledCounterValue, __assign({ className: "fa-layers-text fa-inverse fa-xs" }, { children: value }), void 0)] }), void 0));
};

@@ -32,0 +42,0 @@ exports.default = CounterIcon;

4

lib/atoms/exclamation-icon.d.ts

@@ -1,4 +0,4 @@

import React from 'react';
import { FC } from 'react';
import { IconSizes } from '@ltht-react/styles';
declare const ExclamationIcon: React.FC<ExclamationIconProps>;
declare const ExclamationIcon: FC<ExclamationIconProps>;
declare type StatusValues = 'red' | 'green' | 'amber' | 'info' | 'default';

@@ -5,0 +5,0 @@ interface ExclamationIconProps {

8

lib/atoms/exclamation-icon.js

@@ -10,9 +10,9 @@ "use strict";

Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var jsx_runtime_1 = require("react/jsx-runtime");
var styled_1 = __importDefault(require("@emotion/styled"));
var core_1 = require("@emotion/core");
var react_1 = require("@emotion/react");
var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
var styles_1 = require("@ltht-react/styles");
var calculateIconColor = function (status) { return core_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), status === 'green' && styles_1.ICON_COLOURS.SUCCESS.VALUE + ";", status === 'amber' && styles_1.ICON_COLOURS.WARNING + ";", status === 'red' && styles_1.ICON_COLOURS.DANGER + ";", status === 'default' && styles_1.ICON_COLOURS.DEFAULT + ";", status === 'info' && styles_1.ICON_COLOURS.INFO + ";"); };
var calculateIconColor = function (status) { return react_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), status === 'green' && styles_1.ICON_COLOURS.SUCCESS.VALUE + ";", status === 'amber' && styles_1.ICON_COLOURS.WARNING + ";", status === 'red' && styles_1.ICON_COLOURS.DANGER + ";", status === 'default' && styles_1.ICON_COLOURS.DEFAULT + ";", status === 'info' && styles_1.ICON_COLOURS.INFO + ";"); };
var StyledFontAwesomeIcon = styled_1.default(react_fontawesome_1.FontAwesomeIcon)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {

@@ -24,3 +24,3 @@ var status = _a.status;

var status = _a.status, size = _a.size;
return (react_1.default.createElement(StyledFontAwesomeIcon, { className: "icon__exclamation", status: status, icon: free_solid_svg_icons_1.faExclamationTriangle, size: styles_1.calculateIconSize(size) }));
return (jsx_runtime_1.jsx(StyledFontAwesomeIcon, { className: "icon__exclamation", status: status, icon: free_solid_svg_icons_1.faExclamationTriangle, size: styles_1.calculateIconSize(size) }, void 0));
};

@@ -27,0 +27,0 @@ exports.default = ExclamationIcon;

22

lib/atoms/index.js
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.InfoCircleIcon = exports.TableIcon = exports.SpinnerIcon = exports.ExclamationIcon = exports.CounterIcon = exports.ColumnIcon = exports.CircleIcon = exports.ChevronIcon = exports.ChevronCircleIcon = void 0;
var chevron_circle_icon_1 = require("./chevron-circle-icon");
Object.defineProperty(exports, "ChevronCircleIcon", { enumerable: true, get: function () { return chevron_circle_icon_1.default; } });
Object.defineProperty(exports, "ChevronCircleIcon", { enumerable: true, get: function () { return __importDefault(chevron_circle_icon_1).default; } });
var chevron_icon_1 = require("./chevron-icon");
Object.defineProperty(exports, "ChevronIcon", { enumerable: true, get: function () { return chevron_icon_1.default; } });
Object.defineProperty(exports, "ChevronIcon", { enumerable: true, get: function () { return __importDefault(chevron_icon_1).default; } });
var circle_icon_1 = require("./circle-icon");
Object.defineProperty(exports, "CircleIcon", { enumerable: true, get: function () { return circle_icon_1.default; } });
Object.defineProperty(exports, "CircleIcon", { enumerable: true, get: function () { return __importDefault(circle_icon_1).default; } });
var column_icon_1 = require("./column-icon");
Object.defineProperty(exports, "ColumnIcon", { enumerable: true, get: function () { return column_icon_1.default; } });
Object.defineProperty(exports, "ColumnIcon", { enumerable: true, get: function () { return __importDefault(column_icon_1).default; } });
var counter_icon_1 = require("./counter-icon");
Object.defineProperty(exports, "CounterIcon", { enumerable: true, get: function () { return counter_icon_1.default; } });
Object.defineProperty(exports, "CounterIcon", { enumerable: true, get: function () { return __importDefault(counter_icon_1).default; } });
var exclamation_icon_1 = require("./exclamation-icon");
Object.defineProperty(exports, "ExclamationIcon", { enumerable: true, get: function () { return exclamation_icon_1.default; } });
Object.defineProperty(exports, "ExclamationIcon", { enumerable: true, get: function () { return __importDefault(exclamation_icon_1).default; } });
var spinner_icon_1 = require("./spinner-icon");
Object.defineProperty(exports, "SpinnerIcon", { enumerable: true, get: function () { return spinner_icon_1.default; } });
Object.defineProperty(exports, "SpinnerIcon", { enumerable: true, get: function () { return __importDefault(spinner_icon_1).default; } });
var table_icon_1 = require("./table-icon");
Object.defineProperty(exports, "TableIcon", { enumerable: true, get: function () { return table_icon_1.default; } });
Object.defineProperty(exports, "TableIcon", { enumerable: true, get: function () { return __importDefault(table_icon_1).default; } });
var info_circle_icon_1 = require("./info-circle-icon");
Object.defineProperty(exports, "InfoCircleIcon", { enumerable: true, get: function () { return info_circle_icon_1.default; } });
Object.defineProperty(exports, "InfoCircleIcon", { enumerable: true, get: function () { return __importDefault(info_circle_icon_1).default; } });
//# sourceMappingURL=index.js.map

4

lib/atoms/info-circle-icon.d.ts

@@ -1,4 +0,4 @@

import React from 'react';
import { FC } from 'react';
import { IconSizes } from '@ltht-react/styles';
declare const InfoCircleIcon: React.FC<IconProps>;
declare const InfoCircleIcon: FC<IconProps>;
declare type StatusValues = 'red' | 'green' | 'amber' | 'info' | 'default';

@@ -5,0 +5,0 @@ interface IconProps {

8

lib/atoms/info-circle-icon.js

@@ -10,9 +10,9 @@ "use strict";

Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var jsx_runtime_1 = require("react/jsx-runtime");
var styled_1 = __importDefault(require("@emotion/styled"));
var core_1 = require("@emotion/core");
var react_1 = require("@emotion/react");
var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
var styles_1 = require("@ltht-react/styles");
var calculateIconColor = function (status) { return core_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), status === 'green' && styles_1.ICON_COLOURS.SUCCESS.VALUE + ";", status === 'amber' && styles_1.ICON_COLOURS.WARNING + ";", status === 'red' && styles_1.ICON_COLOURS.DANGER + ";", status === 'default' && styles_1.ICON_COLOURS.DEFAULT + ";", status === 'info' && styles_1.ICON_COLOURS.INFO + ";"); };
var calculateIconColor = function (status) { return react_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), status === 'green' && styles_1.ICON_COLOURS.SUCCESS.VALUE + ";", status === 'amber' && styles_1.ICON_COLOURS.WARNING + ";", status === 'red' && styles_1.ICON_COLOURS.DANGER + ";", status === 'default' && styles_1.ICON_COLOURS.DEFAULT + ";", status === 'info' && styles_1.ICON_COLOURS.INFO + ";"); };
var StyledFontAwesomeIcon = styled_1.default(react_fontawesome_1.FontAwesomeIcon)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {

@@ -24,3 +24,3 @@ var status = _a.status;

var status = _a.status, size = _a.size;
return (react_1.default.createElement(StyledFontAwesomeIcon, { className: "icon__info-circle", status: status, icon: free_solid_svg_icons_1.faInfoCircle, size: styles_1.calculateIconSize(size) }));
return (jsx_runtime_1.jsx(StyledFontAwesomeIcon, { className: "icon__info-circle", status: status, icon: free_solid_svg_icons_1.faInfoCircle, size: styles_1.calculateIconSize(size) }, void 0));
};

@@ -27,0 +27,0 @@ exports.default = InfoCircleIcon;

4

lib/atoms/spinner-icon.d.ts

@@ -1,4 +0,4 @@

import React from 'react';
import { FC } from 'react';
import { IconSizes } from '@ltht-react/styles';
declare const SpinnerIcon: React.FC<Props>;
declare const SpinnerIcon: FC<Props>;
interface Props {

@@ -5,0 +5,0 @@ size: IconSizes;

4

lib/atoms/spinner-icon.js

@@ -10,3 +10,3 @@ "use strict";

Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var jsx_runtime_1 = require("react/jsx-runtime");
var styled_1 = __importDefault(require("@emotion/styled"));

@@ -19,3 +19,3 @@ var react_fontawesome_1 = require("@fortawesome/react-fontawesome");

var size = _a.size;
return (react_1.default.createElement(StyledFontAwesomeIcon, { className: "fa-spin icon__spinner", icon: free_solid_svg_icons_1.faSync, size: styles_1.calculateIconSize(size) }));
return (jsx_runtime_1.jsx(StyledFontAwesomeIcon, { className: "fa-spin icon__spinner", icon: free_solid_svg_icons_1.faSync, size: styles_1.calculateIconSize(size) }, void 0));
};

@@ -22,0 +22,0 @@ exports.default = SpinnerIcon;

4

lib/atoms/table-icon.d.ts

@@ -1,4 +0,4 @@

import React from 'react';
import { FC } from 'react';
import { IconSizes } from '@ltht-react/styles';
declare const TableIcon: React.FC<IconProps>;
declare const TableIcon: FC<IconProps>;
declare type StatusValues = 'red' | 'green' | 'amber' | 'info' | 'default';

@@ -5,0 +5,0 @@ interface IconProps {

8

lib/atoms/table-icon.js

@@ -10,9 +10,9 @@ "use strict";

Object.defineProperty(exports, "__esModule", { value: true });
var react_1 = __importDefault(require("react"));
var jsx_runtime_1 = require("react/jsx-runtime");
var styled_1 = __importDefault(require("@emotion/styled"));
var core_1 = require("@emotion/core");
var react_1 = require("@emotion/react");
var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
var free_solid_svg_icons_1 = require("@fortawesome/free-solid-svg-icons");
var styles_1 = require("@ltht-react/styles");
var calculateIconColor = function (status) { return core_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), status === 'green' && styles_1.ICON_COLOURS.SUCCESS.VALUE + ";", status === 'amber' && styles_1.ICON_COLOURS.WARNING + ";", status === 'red' && styles_1.ICON_COLOURS.DANGER + ";", status === 'default' && styles_1.ICON_COLOURS.DEFAULT + ";", status === 'info' && styles_1.ICON_COLOURS.INFO + ";"); };
var calculateIconColor = function (status) { return react_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n"], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n"])), status === 'green' && styles_1.ICON_COLOURS.SUCCESS.VALUE + ";", status === 'amber' && styles_1.ICON_COLOURS.WARNING + ";", status === 'red' && styles_1.ICON_COLOURS.DANGER + ";", status === 'default' && styles_1.ICON_COLOURS.DEFAULT + ";", status === 'info' && styles_1.ICON_COLOURS.INFO + ";"); };
var StyledFontAwesomeIcon = styled_1.default(react_fontawesome_1.FontAwesomeIcon)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n color: ", ";\n"], ["\n color: ", ";\n"])), function (_a) {

@@ -24,3 +24,3 @@ var status = _a.status;

var status = _a.status, size = _a.size;
return (react_1.default.createElement(StyledFontAwesomeIcon, { className: "icon__table", status: status, icon: free_solid_svg_icons_1.faTable, size: styles_1.calculateIconSize(size), transform: { rotate: 180 } }));
return (jsx_runtime_1.jsx(StyledFontAwesomeIcon, { className: "icon__table", status: status, icon: free_solid_svg_icons_1.faTable, size: styles_1.calculateIconSize(size), transform: { rotate: 180 } }, void 0));
};

@@ -27,0 +27,0 @@ exports.default = TableIcon;

2

lib/index.js

@@ -10,3 +10,3 @@ "use strict";

var __exportStar = (this && this.__exportStar) || function(m, exports) {
for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
};

@@ -13,0 +13,0 @@ Object.defineProperty(exports, "__esModule", { value: true });

17

package.json
{
"name": "@ltht-react/icon",
"version": "1.0.2",
"version": "1.1.0",
"description": "ltht-react styled Icon component.",

@@ -28,14 +28,13 @@ "author": "LTHT",

"dependencies": {
"@emotion/core": "^10.0.27",
"@emotion/styled": "^10.0.27",
"@emotion/react": "^11.0.0",
"@emotion/styled": "^11.0.0",
"@fortawesome/fontawesome-svg-core": "^1.2.26",
"@fortawesome/free-solid-svg-icons": "^5.12.0",
"@fortawesome/react-fontawesome": "^0.1.8",
"@ltht-react/styles": "^1.0.1",
"@ltht-react/types": "^0.0.28",
"@ltht-react/utils": "^1.0.1",
"emotion": "^10.0.27",
"react": "^16.12.0"
"@ltht-react/styles": "^1.1.0",
"@ltht-react/types": "^0.1.0",
"@ltht-react/utils": "^1.1.0",
"react": "^17.0.0"
},
"gitHead": "da0928603d144cb226b524b4864c1613944e75ae"
"gitHead": "4f7dfa52f4994f98c1bc6059c3b732d713e2d2c0"
}

2

README.md

@@ -1,2 +0,1 @@

# Icon

@@ -17,2 +16,1 @@

```
lib/atoms/chevron-circle-icon.js.map

Sorry, the diff of this file is not supported yet

lib/atoms/chevron-icon.js.map

Sorry, the diff of this file is not supported yet

lib/atoms/circle-icon.js.map

Sorry, the diff of this file is not supported yet

lib/atoms/column-icon.js.map

Sorry, the diff of this file is not supported yet

lib/atoms/counter-icon.js.map

Sorry, the diff of this file is not supported yet

lib/atoms/exclamation-icon.js.map

Sorry, the diff of this file is not supported yet

lib/atoms/index.js.map

Sorry, the diff of this file is not supported yet

lib/atoms/info-circle-icon.js.map

Sorry, the diff of this file is not supported yet

lib/atoms/spinner-icon.js.map

Sorry, the diff of this file is not supported yet

lib/atoms/table-icon.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc