Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@ltht-react/icon

Package Overview
Dependencies
Maintainers
5
Versions
333
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@ltht-react/icon - npm Package Compare versions

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
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc