@steroidsjs/bootstrap 3.0.0-beta.1 → 3.0.0-beta.11

package/form/CheckboxField/CheckboxFieldView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { ICheckboxFieldViewProps } from '@steroidsjs/core/ui/form/CheckboxField/CheckboxField';
 export default function CheckboxFieldView(props: ICheckboxFieldViewProps & IBemHocOutput): JSX.Element;

package/form/CheckboxListField/CheckboxListFieldView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { ICheckboxListFieldViewProps } from '@steroidsjs/core/ui/form/CheckboxListField/CheckboxListField';
 export default function CheckboxListFieldView(props: ICheckboxListFieldViewProps & IBemHocOutput): JSX.Element;

package/form/DateField/DateFieldView.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IDateFieldViewProps } from '@steroidsjs/core/ui/form/DateField/DateField';
 export default function DateFieldView(props: IDateFieldViewProps): JSX.Element;

package/form/DateField/DateFieldView.js

@@ -39,7 +39,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 var React = __importStar(require("react"));
 var react_1 = require("react");
-var Icon_1 = __importDefault(require("@steroidsjs/core/ui/icon/Icon"));
+var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 var DropDown_1 = __importDefault(require("@steroidsjs/core/ui/content/DropDown"));
 var Calendar_1 = __importDefault(require("@steroidsjs/core/ui/content/Calendar"));

package/form/DateRangeField/DateRangeFieldView.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IDateRangeFieldViewProps } from '@steroidsjs/core/ui/form/DateRangeField/DateRangeField';
 export default function DateRangeFieldView(props: IDateRangeFieldViewProps): JSX.Element;

package/form/DateRangeField/DateRangeFieldView.js

@@ -40,7 +40,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var react_1 = require("react");
 var hooks_1 = require("@steroidsjs/core/hooks");
-var Icon_1 = __importDefault(require("@steroidsjs/core/ui/icon/Icon"));
+var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 var DropDown_1 = __importDefault(require("@steroidsjs/core/ui/content/DropDown"));
 var Calendar_1 = __importDefault(require("@steroidsjs/core/ui/content/Calendar"));
 var isString_1 = __importDefault(require("lodash-es/isString"));

package/form/DateTimeField/DateTimeFieldView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { IDateTimeFieldViewProps } from '@steroidsjs/core/ui/form/DateTimeField/DateTimeField';
 export default function DateTimeFieldView(props: IDateTimeFieldViewProps & IBemHocOutput): JSX.Element;

package/form/DateTimeField/DateTimeFieldView.js

@@ -40,7 +40,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 var react_1 = require("react");
-var Icon_1 = __importDefault(require("@steroidsjs/core/ui/icon/Icon"));
+var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 var Calendar_1 = __importDefault(require("@steroidsjs/core/ui/content/Calendar"));
 var DropDown_1 = __importDefault(require("@steroidsjs/core/ui/content/DropDown"));
 var TimePanelView_1 = __importDefault(require("../TimeField/TimePanelView"));

package/form/DateTimeRangeField/DateTimeRangeFieldView.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IDateTimeRangeFieldViewProps } from '@steroidsjs/core/ui/form/DateTimeRangeField/DateTimeRangeField';
 export default function DateTimeRangeFieldView(props: IDateTimeRangeFieldViewProps): JSX.Element;

package/form/DateTimeRangeField/DateTimeRangeFieldView.js

@@ -40,7 +40,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var react_1 = require("react");
 var hooks_1 = require("@steroidsjs/core/hooks");
-var Icon_1 = __importDefault(require("@steroidsjs/core/ui/icon/Icon"));
+var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 var DropDown_1 = __importDefault(require("@steroidsjs/core/ui/content/DropDown"));
 var Calendar_1 = __importDefault(require("@steroidsjs/core/ui/content/Calendar"));
 var isString_1 = __importDefault(require("lodash-es/isString"));

package/form/DropDownField/DropDownFieldView.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IDropDownFieldViewProps } from '@steroidsjs/core/ui/form/DropDownField/DropDownField';
 export default function DropDownFieldView(props: IDropDownFieldViewProps): JSX.Element;

package/form/DropDownField/DropDownFieldView.js

@@ -47,6 +47,7 @@ var React = __importStar(require("react"));
 var react_1 = require("react");
 var hooks_1 = require("@steroidsjs/core/hooks");
 function DropDownFieldView(props) {
+    var bem = (0, hooks_1.useBem)('DropDownFieldView');
     var inputRef = (0, react_1.useRef)(null);
     // Auto focus on search
     (0, react_1.useEffect)(function () {
@@ -70,7 +71,6 @@ function DropDownFieldView(props) {
                 props.onItemSelect(item[props.primaryKey]);
             }, onFocus: function () { return props.onItemHover(item[props.primaryKey]); }, onMouseOver: function () { return props.onItemHover(item[props.primaryKey]); } }, item.label));
     };
-    var bem = (0, hooks_1.useBem)('DropDownFieldView');
     return (React.createElement("div", { ref: props.forwardedRef, className: bem(bem.block({ size: props.size }), props.className), style: props.style },
         React.createElement("div", { className: bem.element('selected-items', {
                 reset: props.showReset,
@@ -79,18 +79,19 @@ function DropDownFieldView(props) {
                 disabled: props.disabled
             }), onClick: props.onOpen, onKeyPress: props.onOpen, tabIndex: 0, role: 'button' }, props.selectedItems.map(function (item) { return (props.multiple
             ? (React.createElement("span", { key: String(item.id), className: bem.element('selected-item-multiple') },
-                item.label,
-                React.createElement("span", { className: bem.element('selected-item-multiple-remove'), onClick: function (e) {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        props.onItemRemove(item[props.primaryKey]);
-                    }, onKeyPress: function (e) {
-                        e.preventDefault();
-                        e.stopPropagation();
-                        props.onItemRemove(item[props.primaryKey]);
-                    }, tabIndex: 0, role: 'button' },
-                    React.createElement("svg", { viewBox: "64 64 896 896", className: "", width: "1em", height: "1em" },
-                        React.createElement("path", { d: "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3\n                                         5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4\n                                         512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3\n                                          3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z" })))))
+                React.createElement(React.Fragment, null,
+                    item.label,
+                    React.createElement("span", { className: bem.element('selected-item-multiple-remove'), onClick: function (e) {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            props.onItemRemove(item[props.primaryKey]);
+                        }, onKeyPress: function (e) {
+                            e.preventDefault();
+                            e.stopPropagation();
+                            props.onItemRemove(item[props.primaryKey]);
+                        }, tabIndex: 0, role: 'button' },
+                        React.createElement("svg", { viewBox: "64 64 896 896", className: "", width: "1em", height: "1em" },
+                            React.createElement("path", { d: "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3\n                                         5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4\n                                         512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3\n                                          3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z" }))))))
             : (React.createElement("span", { key: item.id, className: bem.element('selected-item') }, item.label))); })),
         props.showReset && props.selectedIds.length > 0 && (React.createElement("button", { className: bem.element('reset'), onClick: props.onReset, "aria-label": __('Сбросить') })),
         props.isOpened && (React.createElement("div", { className: bem.element('drop-down') },

package/form/FieldLayout/FieldLayoutView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { IFieldLayoutViewProps } from '@steroidsjs/core/ui/form/FieldLayout/FieldLayout';
 export default function FieldLayoutView(props: IFieldLayoutViewProps & IBemHocOutput): JSX.Element;

package/form/FieldList/FieldListView.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IFieldListViewProps } from '@steroidsjs/core/ui/form/FieldList/FieldList';
 export default function FieldListView(props: IFieldListViewProps): JSX.Element;

package/form/FieldSet/FieldSetView.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IFieldSetViewProps } from '@steroidsjs/core/ui/form/FieldSet/FieldSet';
 export default function FieldSetView(props: IFieldSetViewProps): JSX.Element;

package/form/FileField/FileFieldItemView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { IFileFieldItemViewProps } from '@steroidsjs/core/ui/form/FileField/FileField';
 export default function FileFieldItemView(props: IFileFieldItemViewProps & IBemHocOutput): JSX.Element;

package/form/FileField/FileFieldItemView.js

@@ -28,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
-var Icon_1 = __importDefault(require("@steroidsjs/core/ui/icon/Icon"));
+var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 function FileFieldItemView(props) {
     var bem = (0, hooks_1.useBem)('FileFieldItemView');
     return (React.createElement("div", { className: bem(bem.block(), 'card mb-1 mr-1', props.error && 'border-danger') },

package/form/FileField/FileFieldView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { IFileFieldViewProps } from '@steroidsjs/core/ui/form/FileField/FileField';
 export default function FileFieldView(props: IFileFieldViewProps & IBemHocOutput): JSX.Element;

package/form/FileField/FileFieldView.js

@@ -39,7 +39,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
-var Icon_1 = __importDefault(require("@steroidsjs/core/ui/icon/Icon"));
+var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 var Button_1 = __importDefault(require("@steroidsjs/core/ui/form/Button"));
 function FileFieldView(props) {
     var bem = (0, hooks_1.useBem)('FileFieldView');

package/form/HtmlField/HtmlFieldView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { IHtmlFieldViewProps } from '@steroidsjs/core/ui/form/HtmlField/HtmlField';
 export default function HtmlFieldView(props: IHtmlFieldViewProps & IBemHocOutput): JSX.Element;

package/form/ImageField/ImageFieldModalView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IImageFieldModalViewProps } from '@steroidsjs/core/ui/form/ImageField/ImageField';
 import 'react-image-crop/dist/ReactCrop.css';
 export default function ImageFieldModalView(props: IImageFieldModalViewProps): JSX.Element;

package/form/ImageField/ImageFieldView.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { IImageFieldViewProps } from "@steroidsjs/core/ui/form/ImageField/ImageField";
+import { IImageFieldViewProps } from '@steroidsjs/core/ui/form/ImageField/ImageField';
 export default function ImageFieldView(props: IImageFieldViewProps): JSX.Element;

package/form/ImageField/ImageFieldView.js

@@ -28,20 +28,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
-var Icon_1 = __importDefault(require("@steroidsjs/core/ui/icon/Icon"));
+var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 function ImageFieldView(props) {
-    var bem = (0, hooks_1.useBem)("ImageFieldView");
+    var bem = (0, hooks_1.useBem)('ImageFieldView');
     var item = props.item;
-    return (React.createElement("div", { className: bem.block() }, !item || !item.image ? (React.createElement("button", { className: bem.element("button", {
+    return (React.createElement("div", { className: bem.block() }, !item || !item.image ? (React.createElement("button", { className: bem.element('button', {
             loading: item ? item.progress : false
         }), onClick: props.onClick },
-        !item || !item.progress ? (React.createElement(Icon_1["default"], { className: bem.element("button-icon"), name: 'plus' })) : (React.createElement("div", { className: bem.element("progress-bar") },
-            React.createElement("div", { className: bem.element("progress-slider"), style: {
+        !item || !item.progress ? (React.createElement(Icon_1["default"], { className: bem.element('button-icon'), name: 'plus' })) : (React.createElement("div", { className: bem.element('progress-bar') },
+            React.createElement("div", { className: bem.element('progress-slider'), style: {
                     width: "".concat(item ? item.progress.percent : 0, "%")
                 } }))),
-        React.createElement("span", { className: bem.element("button-label") }, !item || !item.progress ? props.label : "Uploading..."))) : (React.createElement("div", { className: bem.element("content") },
-        React.createElement("img", { className: bem.element("image"), src: item.image.url, width: item.image.width, height: item.image.height, alt: item.title }),
-        React.createElement("div", { className: bem.element("image-controls") },
-            React.createElement(Icon_1["default"], { className: bem.element("delete-icon"), name: 'trash', onClick: item.onRemove }))))));
+        React.createElement("span", { className: bem.element('button-label') }, !item || !item.progress ? props.label : 'Uploading...'))) : (React.createElement("div", { className: bem.element('content') },
+        React.createElement("img", { className: bem.element('image'), src: item.image.url, width: item.image.width, height: item.image.height, alt: item.title }),
+        React.createElement("div", { className: bem.element('image-controls') },
+            React.createElement(Icon_1["default"], { className: bem.element('delete-icon'), name: 'trash', onClick: item.onRemove }))))));
 }
 exports["default"] = ImageFieldView;

package/form/InputField/InputFieldView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { IInputFieldViewProps } from '@steroidsjs/core/ui/form/InputField/InputField';
 export default function InputFieldView(props: IInputFieldViewProps & IBemHocOutput): JSX.Element;

package/form/NumberField/NumberFieldView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { INumberFieldViewProps } from '@steroidsjs/core/ui/form/NumberField/NumberField';
 export default function NumberFieldView(props: INumberFieldViewProps & IBemHocOutput): JSX.Element;

package/form/PasswordField/PasswordFieldView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { IPasswordFieldViewProps } from '@steroidsjs/core/ui/form/PasswordField/PasswordField';
 export default function PasswordFieldView(props: IPasswordFieldViewProps & IBemHocOutput): JSX.Element;

package/form/PasswordField/PasswordFieldView.js

@@ -38,7 +38,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 exports.__esModule = true;
 var React = __importStar(require("react"));
-var Icon_1 = __importDefault(require("@steroidsjs/core/ui/icon/Icon"));
+var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function PasswordFieldView(props) {
     var bem = (0, hooks_1.useBem)('PasswordFieldView');

package/form/RadioListField/RadioListFieldView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { IRadioListFieldViewProps } from '@steroidsjs/core/ui/form/RadioListField/RadioListField';
 export default function RadioListFieldView(props: IRadioListFieldViewProps & IBemHocOutput): JSX.Element;

package/form/RateField/RateFieldView.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IRateFieldViewProps } from '@steroidsjs/core/ui/form/RateField/RateField';
 export default function RateFieldView(props: IRateFieldViewProps): JSX.Element;

package/form/RateField/RateFieldView.js

@@ -28,7 +28,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 exports.__esModule = true;
 var React = __importStar(require("react"));
 var hooks_1 = require("@steroidsjs/core/hooks");
-var Icon_1 = __importDefault(require("@steroidsjs/core/ui/icon/Icon"));
+var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 function RateFieldView(props) {
     var bem = (0, hooks_1.useBem)('RateFieldView');
     return (React.createElement("div", { className: bem(bem.block(), props.className) }, props.items.map(function (item, index) { return (React.createElement("div", { key: index, className: bem.element('rate-item', {

package/form/ReCaptchaField/ReCaptchaFieldView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { IReCaptchaFieldViewProps } from '@steroidsjs/core/ui/form/ReCaptchaField/ReCaptchaField';
 export default function ReCaptchaFieldView(props: IReCaptchaFieldViewProps & IBemHocOutput): JSX.Element;

package/form/SliderField/SliderFieldView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { ISliderFieldViewProps } from '@steroidsjs/core/ui/form/SliderField/SliderField';
 export default function SliderFieldView(props: ISliderFieldViewProps & IBemHocOutput): JSX.Element;

package/form/SwitcherField/SwitcherFieldView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { ISwitcherFieldViewProps } from '@steroidsjs/core/ui/form/SwitcherField/SwitcherField';
 export default function SwitcherFieldView(props: ISwitcherFieldViewProps & IBemHocOutput): JSX.Element;

package/form/TextField/TextFieldView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { ITextFieldViewProps } from '@steroidsjs/core/ui/form/TextField/TextField';
 export default function TextFieldView(props: ITextFieldViewProps & IBemHocOutput): JSX.Element;

package/form/TimeField/TimeFieldView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { ITimeFieldViewProps } from '@steroidsjs/core/ui/form/TimeField/TimeField';
 export default function TimeFieldView(props: ITimeFieldViewProps & IBemHocOutput): JSX.Element;

package/form/TimeField/TimeFieldView.js

@@ -40,7 +40,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var react_1 = require("react");
 var hooks_1 = require("@steroidsjs/core/hooks");
-var Icon_1 = __importDefault(require("@steroidsjs/core/ui/icon/Icon"));
+var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 var DropDown_1 = __importDefault(require("@steroidsjs/core/ui/content/DropDown"));
 var TimePanelView_1 = __importDefault(require("./TimePanelView"));
 function TimeFieldView(props) {

package/form/TimeField/TimePanelView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ITimePanelViewProps } from '@steroidsjs/core/ui/form/TimeField/TimeField';
 declare function TimePanelView(props: ITimePanelViewProps): JSX.Element;
 declare namespace TimePanelView {

package/format/DefaultFormatter/DefaultFormatterView.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import { IBooleanFormatterPropsView } from '@steroidsjs/core/ui/format/BooleanFormatter/BooleanFormatter';
-export default function DefaultFormatterView(props: IBooleanFormatterPropsView): {};
+export default function DefaultFormatterView(props: IBooleanFormatterPropsView): string | number | true | import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | import("react").ReactFragment;

package/{icon → icons}/fontawesome.js

@@ -1,5 +1,6 @@
 "use strict";
 exports.__esModule = true;
+/* eslint-disable import/no-dynamic-require */
 var groupedIcons = {
     brands: [
         '500px', 'accessible-icon', 'accusoft', 'acquisitions-incorporated', 'adn', 'adversal',
@@ -52,7 +53,7 @@ var groupedIcons = {
         'strava', 'stripe', 'stripe-s', 'studiovinari', 'stumbleupon', 'stumbleupon-circle', 'superpowers',
         'supple', 'suse', 'swift', 'symfony', 'teamspeak', 'telegram', 'telegram-plane', 'tencent-weibo',
         'the-red-yeti', 'themeco', 'themeisle', 'think-peaks', 'tiktok', 'trade-federation', 'trello',
-        'tripadvisor', 'tumblr', 'tumblr-square', 'twitch', 'twitter', 'twitter-square', 'typo3', 'uber', 'ubuntu',
+        'tumblr', 'tumblr-square', 'twitch', 'twitter', 'twitter-square', 'typo3', 'uber', 'ubuntu',
         'uikit', 'umbraco', 'uniregistry', 'unity', 'unsplash', 'untappd', 'ups', 'usb', 'usps', 'ussunnah',
         'vaadin', 'viacoin', 'viadeo', 'viadeo-square', 'viber', 'vimeo', 'vimeo-square', 'vimeo-v', 'vine', 'vk',
         'vnv', 'vuejs', 'waze', 'weebly', 'weibo', 'weixin', 'whatsapp', 'whatsapp-square', 'whmcs', 'wikipedia-w',
@@ -238,12 +239,19 @@ exports["default"] = (function () {
         reject: 'times-circle',
         back: 'arrow-left',
         securityEye: 'eye',
-        securityEyeSlash: 'eye-slash',
-        success: 'check-circle',
-        info: 'info-circle',
-        warning: 'exclamation-circle',
-        error: 'times-circle'
+        securityEyeSlash: 'eye-slash'
     };
+    var steroidsIcons = [
+        'success',
+        'info',
+        'warning',
+        'error',
+        'close',
+        'default',
+    ];
+    steroidsIcons.forEach(function (iconName) {
+        icons[iconName] = require("./svgs/".concat(iconName, ".svg"));
+    });
     Object.keys(coreIconsMap).forEach(function (name) {
         icons[name] = icons[coreIconsMap[name]];
     });

package/index.d.ts

@@ -20,6 +20,12 @@ declare const _default: {
     'content.DetailView': {
         lazy: () => any;
     };
+    'content.IconView': {
+        lazy: () => any;
+    };
+    'content.BadgeView': {
+        lazy: () => any;
+    };
     'form.AutoCompleteFieldView': {
         lazy: () => any;
     };
@@ -122,9 +128,6 @@ declare const _default: {
     'format.DefaultFormatterView': {
         lazy: () => any;
     };
-    'icon.IconView': {
-        lazy: () => any;
-    };
     'layout.HeaderView': {
         lazy: () => any;
     };

package/index.js

@@ -23,6 +23,12 @@ exports["default"] = {
     'content.DetailView': {
         lazy: function () { return require('./content/Detail/DetailView')["default"]; }
     },
+    'content.IconView': {
+        lazy: function () { return require('./content/Icon/IconView')["default"]; }
+    },
+    'content.BadgeView': {
+        lazy: function () { return require('./content/Badge/BadgeView')["default"]; }
+    },
     'form.AutoCompleteFieldView': {
         lazy: function () { return require('./form/AutoCompleteField/AutoCompleteFieldView')["default"]; }
     },
@@ -125,9 +131,6 @@ exports["default"] = {
     'format.DefaultFormatterView': {
         lazy: function () { return require('./format/DefaultFormatter/DefaultFormatterView')["default"]; }
     },
-    'icon.IconView': {
-        lazy: function () { return require('./icon/Icon/IconView')["default"]; }
-    },
     'layout.HeaderView': {
         lazy: function () { return require('./layout/Header/HeaderView')["default"]; }
     },

package/index.scss

@@ -38,7 +38,7 @@
 @import './form/TextField/TextFieldView';
 @import './form/TimeField/TimeFieldView';
 @import './form/TimeField/TimePanelView';
-@import './icon/Icon/IconView';
+@import './content/Icon/IconView';
 @import './layout/Header/HeaderView';
 @import './layout/Tooltip/TooltipView';
 @import './layout/Notifications/NotificationsView';

package/layout/Header/HeaderView.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IHeaderViewProps } from '@steroidsjs/core/ui/layout/Header/Header';
 export default function HeaderView(props: IHeaderViewProps): JSX.Element;

package/layout/Header/HeaderView.js

@@ -40,7 +40,7 @@ exports.__esModule = true;
 var React = __importStar(require("react"));
 var nav_1 = require("@steroidsjs/core/ui/nav");
 var Nav_1 = __importDefault(require("@steroidsjs/core/ui/nav/Nav"));
-var Icon_1 = __importDefault(require("@steroidsjs/core/ui/icon/Icon"));
+var Icon_1 = __importDefault(require("@steroidsjs/core/ui/content/Icon"));
 var hooks_1 = require("@steroidsjs/core/hooks");
 function HeaderView(props) {
     var bem = (0, hooks_1.useBem)('HeaderView');

package/layout/Loader/LoaderView.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 export default function LoaderView(props: IBemHocOutput): JSX.Element;

package/layout/Notifications/NotificationsItemView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { INotificationsItemViewProps } from '@steroidsjs/core/ui/layout/Notifications/Notifications';
 export default function NotificationsItemView(props: INotificationsItemViewProps & IBemHocOutput): JSX.Element;

package/layout/Notifications/NotificationsView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { INotificationsViewProps } from '@steroidsjs/core/ui/layout/Notifications/Notifications';
 export default function NotificationsView(props: INotificationsViewProps & IBemHocOutput): JSX.Element;

package/layout/ProgressBar/CircleProgressBarView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { IProgressBarViewProps } from '@steroidsjs/core/ui/layout/ProgressBar/ProgressBar';
 export default function CircleProgressBarView(props: IProgressBarViewProps & IBemHocOutput): JSX.Element;

package/layout/ProgressBar/CircleProgressBarView.js

@@ -37,8 +37,11 @@ function CircleProgressBarView(props) {
         React.createElement("svg", null,
             React.createElement("g", { className: bem.element('circles') },
                 React.createElement("circle", { className: bem.element('emptyCircle'), style: { strokeDasharray: getCircumference() } }),
-                React.createElement("circle", { className: bem.element('progressCircle'), style: { strokeDashoffset: getCircumference() - Math.min(props.percent, 100) * getCircumference() / 100,
-                        strokeDasharray: getCircumference() } }))),
+                React.createElement("circle", { className: bem.element('progressCircle'), style: {
+                        // eslint-disable-next-line max-len
+                        strokeDashoffset: getCircumference() - (Math.min(props.percent, 100) * getCircumference()) / 100,
+                        strokeDasharray: getCircumference()
+                    } }))),
         React.createElement("div", { className: bem.element('content') }, props.label)));
 }
 exports["default"] = CircleProgressBarView;

package/layout/ProgressBar/LineProgressBarView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { IProgressBarViewProps } from '@steroidsjs/core/ui/layout/ProgressBar/ProgressBar';
 export default function LineProgressBarView(props: IProgressBarViewProps & IBemHocOutput): JSX.Element;

package/layout/Skeleton/SkeletonView.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ISkeletonViewProps } from '@steroidsjs/core/ui/layout/Skeleton/Skeleton';
 export default function SkeletonView(props: ISkeletonViewProps): JSX.Element;

package/layout/Tooltip/TooltipView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ITooltipViewProps } from '@steroidsjs/core/ui/layout/Tooltip/Tooltip';
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 export default function TooltipView(props: ITooltipViewProps & IBemHocOutput): JSX.Element;

package/list/CheckboxColumn/CheckboxColumnView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 import { ICheckboxColumnViewProps } from '@steroidsjs/core/ui/list/CheckboxColumn/CheckboxColumn';
 export default function CheckboxColumnView(props: ICheckboxColumnViewProps & IBemHocOutput): JSX.Element;

package/list/ControlsColumnView/ControlsColumnView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IControlsColumnViewProps } from '@steroidsjs/core/ui/list/ControlsColumn/ControlsColumn';
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 export default function ControlsColumnView(props: IControlsColumnViewProps & IBemHocOutput): JSX.Element;

package/list/Empty/EmptyView.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IEmptyViewProps } from '@steroidsjs/core/ui/list/Empty/Empty';
 export default function EmptyView(props: IEmptyViewProps): JSX.Element;

package/list/Grid/GridView.js

@@ -49,7 +49,7 @@ var react_1 = require("react");
 var getFormId = function (props) { return (0, get_1["default"])(props, 'searchForm.formId', props.listId); };
 exports.getFormId = getFormId;
 function GridView(props) {
-    var _a, _b;
+    var _a;
     var bem = (0, hooks_1.useBem)('GridView');
     var renderInsideSearchForm = (0, react_1.useCallback)(function () {
         if (!props.searchForm || !props.searchForm.fields || props.searchForm.layout !== 'table') {
@@ -71,9 +71,9 @@ function GridView(props) {
                 e.preventDefault();
                 props.onSort(!isActive ? sortKey : null);
             } }));
-    }, [props.onSort, (_a = props.list) === null || _a === void 0 ? void 0 : _a.sort]);
-    var emptyContent = (0, react_1.useMemo)(function () { return props.renderEmpty(); }, [props.renderEmpty]);
-    return props.renderList(React.createElement("div", { className: bem(bem.block({ loading: props.isLoading || ((_b = props.list) === null || _b === void 0 ? void 0 : _b.isLoading) }), props.className) },
+    }, [bem, props]);
+    var emptyContent = (0, react_1.useMemo)(function () { return props.renderEmpty(); }, [props]);
+    return props.renderList(React.createElement("div", { className: bem(bem.block({ loading: props.isLoading || ((_a = props.list) === null || _a === void 0 ? void 0 : _a.isLoading) }), props.className) },
         props.renderSearchForm(),
         props.renderPaginationSize(),
         React.createElement("table", { className: 'table table-striped' },

package/list/List/ListItemView.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IListItemViewProps } from '@steroidsjs/core/ui/list/List/List';
 import { IBemHocOutput } from '@steroidsjs/core/hoc/bem';
 export default function ListItemView(props: IListItemViewProps & IBemHocOutput): JSX.Element;

package/list/Pagination/PaginationButtonView.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IPaginationViewProps } from '@steroidsjs/core/ui/list/Pagination/Pagination';
 export default function PaginationButtonView(props: IPaginationViewProps): JSX.Element;

package/list/Pagination/PaginationMoreView.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IPaginationViewProps } from '@steroidsjs/core/ui/list/Pagination/Pagination';
 export default function PaginationMoreView(props: IPaginationViewProps): JSX.Element;

package/list/PaginationSize/PaginationSizeView.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IPaginationSizeViewProps } from '@steroidsjs/core/ui/list/PaginationSize/PaginationSize';
 export default function PaginationSizeView(props: IPaginationSizeViewProps): JSX.Element;

package/list/Steps/StepItemView.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-import { IStepItemViewProps } from "@steroidsjs/core/ui/list/Steps/Steps";
+import { IStepItemViewProps } from '@steroidsjs/core/ui/list/Steps/Steps';
 export default function StepItemView(props: IStepItemViewProps): JSX.Element;