Socket
Socket
Sign inDemoInstall

@ltht-react/icon

Package Overview
Dependencies
10
Maintainers
5
Versions
302
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 0.1.26 to 0.1.27

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

8

CHANGELOG.md

@@ -6,2 +6,10 @@ # 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)
**Note:** Version bump only for package @ltht-react/icon
## [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)

@@ -8,0 +16,0 @@

0

lib/atoms/chevron-icon.d.ts

@@ -0,0 +0,0 @@ /** @jsx jsx */

@@ -0,0 +0,0 @@ "use strict";

6

lib/atoms/circle-icon.d.ts
/** @jsx jsx */
import React from 'react';
import { IconSizes } from '@ltht-react/styles';
declare const TableIcon: React.FC<IconProps>;
declare const CircleIcon: React.FC<IconProps>;
declare type IconProps = {
status: 'green' | 'default';
status: 'red' | 'green' | 'amber' | 'info' | 'default';
size: IconSizes;
};
export default TableIcon;
export default CircleIcon;

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

var styles_1 = require("@ltht-react/styles");
var TableIcon = function (_a) {
var CircleIcon = function (_a) {
var status = _a.status, size = _a.size;
var styles = core_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n "], ["\n ", "\n ", "\n "])), status === 'green' && "color: " + styles_1.ICON_COLOURS.SUCCESS.VALUE + ";", status === 'default' && "color: " + styles_1.ICON_COLOURS.DEFAULT.VALUE + ";");
var styles = core_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject([" \n ", "\n ", "\n ", "\n ", "\n ", "\n "], [" \n ", "\n ", "\n ", "\n ", "\n ", "\n "])), status === 'green' && "color: " + styles_1.ICON_COLOURS.SUCCESS + ";", status === 'amber' && "color: " + styles_1.ICON_COLOURS.WARNING + ";", status === 'red' && "color: " + styles_1.ICON_COLOURS.DANGER + ";", status === 'default' && "color: " + styles_1.ICON_COLOURS.DEFAULT + ";", status === 'info' && "color: " + styles_1.ICON_COLOURS.INFO + ";");
return core_1.jsx(react_fontawesome_1.FontAwesomeIcon, { css: styles, icon: free_solid_svg_icons_1.faCircle, size: styles_1.calculateIconSize(size), transform: { rotate: 180 } });
};
exports.default = TableIcon;
exports.default = CircleIcon;
var templateObject_1;
//# sourceMappingURL=circle-icon.js.map

@@ -0,0 +0,0 @@ /** @jsx jsx */

@@ -0,0 +0,0 @@ "use strict";

@@ -0,0 +0,0 @@ /** @jsx jsx */

@@ -0,0 +0,0 @@ "use strict";

@@ -6,5 +6,5 @@ /** @jsx jsx */

declare type ExclamationIconProps = {
status: 'red' | 'green' | 'amber' | 'info' | 'default';
status?: 'red' | 'green' | 'amber' | 'info' | 'default';
size: IconSizes;
};
export default ExclamationIcon;

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

var status = _a.status, size = _a.size;
var styles = core_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", "\n ", "\n ", "\n ", "\n ", "\n "], ["\n ", "\n ", "\n ", "\n ", "\n ", "\n "])), status === 'green' && "color: " + styles_1.ICON_COLOURS.SUCCESS + ";", status === 'amber' && "color: " + styles_1.ICON_COLOURS.WARNING + ";", status === 'red' && "color: " + styles_1.ICON_COLOURS.DANGER + ";", status === 'default' && "color: " + styles_1.ICON_COLOURS.DEFAULT + ";", status === 'info' && "color: " + styles_1.ICON_COLOURS.INFO + ";");
var styles = core_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: inherit;\n ", "\n ", "\n ", "\n ", "\n ", "\n "], ["\n color: inherit;\n ", "\n ", "\n ", "\n ", "\n ", "\n "])), status === 'green' && "color: " + styles_1.ICON_COLOURS.SUCCESS + ";", status === 'amber' && "color: " + styles_1.ICON_COLOURS.WARNING + ";", status === 'red' && "color: " + styles_1.ICON_COLOURS.DANGER + ";", status === 'default' && "color: " + styles_1.ICON_COLOURS.DEFAULT + ";", status === 'info' && "color: " + styles_1.ICON_COLOURS.INFO + ";");
return core_1.jsx(react_fontawesome_1.FontAwesomeIcon, { css: styles, icon: free_solid_svg_icons_1.faExclamationTriangle, size: styles_1.calculateIconSize(size) });

@@ -16,0 +16,0 @@ };

@@ -8,1 +8,2 @@ export { ChevronIcon, ChevronCircleIcon } from './chevron-icon';

export { default as TableIcon } from './table-icon';
export { default as InfoCircleIcon } from './info-circle-icon';

@@ -18,2 +18,4 @@ "use strict";

Object.defineProperty(exports, "TableIcon", { enumerable: true, get: function () { return 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; } });
//# sourceMappingURL=index.js.map

@@ -0,0 +0,0 @@ /** @jsx jsx */

@@ -0,0 +0,0 @@ "use strict";

@@ -0,0 +0,0 @@ /** @jsx jsx */

@@ -0,0 +0,0 @@ "use strict";

export * from './atoms';

@@ -0,0 +0,0 @@ "use strict";

{
"name": "@ltht-react/icon",
"version": "0.1.26",
"version": "0.1.27",
"description": "ltht-react styled Icon component.",

@@ -33,9 +33,9 @@ "author": "LTHT",

"@fortawesome/react-fontawesome": "^0.1.8",
"@ltht-react/styles": "^0.1.18",
"@ltht-react/types": "^0.0.25",
"@ltht-react/utils": "^0.1.18",
"@ltht-react/styles": "^0.1.19",
"@ltht-react/types": "^0.0.26",
"@ltht-react/utils": "^0.1.19",
"emotion": "^10.0.27",
"react": "^16.12.0"
},
"gitHead": "6f88b301f18fa5b39cf5f6c6126812b5f134f4d1"
"gitHead": "635882c57fc2790aabb610028b1dbc30dbc1dc54"
}

@@ -0,0 +0,0 @@

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

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

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc