@tedconf/react-ted-bootstrap - npm Package Compare versions

Comparing version 0.6.10 to 0.6.11

build/Alert/index.d.ts

@@ -10,3 +10,3 @@ import React from 'react';
 }
-declare const _default: ({ type, onClose, children }: Props) => JSX.Element;
-export default _default;
+declare const Alert: ({ type, onClose, children }: Props) => JSX.Element;
+export default Alert;

build/Alert/index.js

@@ -9,3 +9,3 @@ "use strict";
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 var emotion_1 = require("emotion");
@@ -18,11 +18,12 @@ var react_1 = __importDefault(require("react"));
     warning: emotion_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    background-color: #fcf7e7;\n  "], ["\n    background-color: #fcf7e7;\n  "]))),
-    danger: emotion_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    background-color: #f2d2cf;\n  "], ["\n    background-color: #f2d2cf;\n  "]))),
+    danger: emotion_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    background-color: #f2d2cf;\n  "], ["\n    background-color: #f2d2cf;\n  "])))
 };
-exports.default = (function (_a) {
+var Alert = function (_a) {
     var type = _a.type, onClose = _a.onClose, children = _a.children;
     var typeClass = type || 'info';
-    return (react_1.default.createElement("div", { "data-testid": "alert", className: emotion_1.cx(alertBox, theme[typeClass]) },
+    return (react_1["default"].createElement("div", { "data-testid": "alert", className: emotion_1.cx(alertBox, theme[typeClass]) },
         children,
-        onClose ? (react_1.default.createElement("button", { "data-testid": "alertClose", type: "button", onClick: onClose }, "\u00D7")) : null));
-});
+        onClose ? (react_1["default"].createElement("button", { "data-testid": "alertClose", type: "button", onClick: onClose }, "\u00D7")) : null));
+};
+exports["default"] = Alert;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

build/Button/index.d.ts

@@ -16,3 +16,3 @@ import React from 'react';
 }
-declare const _default: ({ type, onClick, onFocus, onBlur, children, disabled, }: Props) => JSX.Element;
-export default _default;
+declare const Button: ({ type, onClick, onFocus, onBlur, children, disabled, }: Props) => JSX.Element;
+export default Button;

build/Button/index.js

@@ -9,6 +9,6 @@ "use strict";
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 var emotion_1 = require("emotion");
 var react_1 = __importDefault(require("react"));
-var button = emotion_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: #ededed;\n  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.075));\n  border-color: transparent;\n  border-radius: 4px;\n  border-style: solid;\n  border-width: 1px;\n  color: white;\n  cursor: pointer;\n  display: inline-block;\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.05ex;\n  line-height: 1.42857;\n  margin-bottom: 0;\n  padding: 9px 12px;\n  text-align: center;\n  user-select: none;\n  vertical-align: middle;\n  white-space: nowrap;\n\n  &:disabled {\n    cursor: default;\n    opacity: 0.5;\n    pointer-events: none;\n  }\n\n  &:focus,\n  &:active {\n    border-color: #66afe9;\n    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),\n      0 0 8px rgba(102, 175, 233, 0.6);\n    outline: 0;\n  }\n"], ["\n  background-color: #ededed;\n  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.075));\n  border-color: transparent;\n  border-radius: 4px;\n  border-style: solid;\n  border-width: 1px;\n  color: white;\n  cursor: pointer;\n  display: inline-block;\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.05ex;\n  line-height: 1.42857;\n  margin-bottom: 0;\n  padding: 9px 12px;\n  text-align: center;\n  user-select: none;\n  vertical-align: middle;\n  white-space: nowrap;\n\n  &:disabled {\n    cursor: default;\n    opacity: 0.5;\n    pointer-events: none;\n  }\n\n  &:focus,\n  &:active {\n    border-color: #66afe9;\n    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),\n      0 0 8px rgba(102, 175, 233, 0.6);\n    outline: 0;\n  }\n"])));
+var styledButton = emotion_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: #ededed;\n  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.075));\n  border-color: transparent;\n  border-radius: 4px;\n  border-style: solid;\n  border-width: 1px;\n  color: white;\n  cursor: pointer;\n  display: inline-block;\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.05ex;\n  line-height: 1.42857;\n  margin-bottom: 0;\n  padding: 9px 12px;\n  text-align: center;\n  user-select: none;\n  vertical-align: middle;\n  white-space: nowrap;\n\n  &:disabled {\n    cursor: default;\n    opacity: 0.5;\n    pointer-events: none;\n  }\n\n  &:focus,\n  &:active {\n    border-color: #66afe9;\n    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),\n      0 0 8px rgba(102, 175, 233, 0.6);\n    outline: 0;\n  }\n"], ["\n  background-color: #ededed;\n  background-image: linear-gradient(transparent, rgba(0, 0, 0, 0.075));\n  border-color: transparent;\n  border-radius: 4px;\n  border-style: solid;\n  border-width: 1px;\n  color: white;\n  cursor: pointer;\n  display: inline-block;\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: 500;\n  letter-spacing: 0.05ex;\n  line-height: 1.42857;\n  margin-bottom: 0;\n  padding: 9px 12px;\n  text-align: center;\n  user-select: none;\n  vertical-align: middle;\n  white-space: nowrap;\n\n  &:disabled {\n    cursor: default;\n    opacity: 0.5;\n    pointer-events: none;\n  }\n\n  &:focus,\n  &:active {\n    border-color: #66afe9;\n    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),\n      0 0 8px rgba(102, 175, 233, 0.6);\n    outline: 0;\n  }\n"])));
 var theme = {
@@ -22,9 +22,10 @@ primary: emotion_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    background-color: #4e4e4e;\n  "], ["\n    background-color: #4e4e4e;\n  "]))),
     black: emotion_1.css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    background-image: none;\n    background-color: #111;\n    color: #fff;\n    text-shadow: none;\n  "], ["\n    background-image: none;\n    background-color: #111;\n    color: #fff;\n    text-shadow: none;\n  "]))),
-    base: emotion_1.css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    border-color: #d7d7d7;\n    color: #444;\n    font-weight: 700;\n    text-shadow: 0 1px 0 white;\n  "], ["\n    border-color: #d7d7d7;\n    color: #444;\n    font-weight: 700;\n    text-shadow: 0 1px 0 white;\n  "]))),
+    base: emotion_1.css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    border-color: #d7d7d7;\n    color: #444;\n    font-weight: 700;\n    text-shadow: 0 1px 0 white;\n  "], ["\n    border-color: #d7d7d7;\n    color: #444;\n    font-weight: 700;\n    text-shadow: 0 1px 0 white;\n  "])))
 };
-exports.default = (function (_a) {
+var Button = function (_a) {
     var type = _a.type, onClick = _a.onClick, onFocus = _a.onFocus, onBlur = _a.onBlur, children = _a.children, disabled = _a.disabled;
     var typeClass = type || 'base';
-    return (react_1.default.createElement("button", { className: button + " " + theme[typeClass], type: "button", onClick: onClick, onBlur: onBlur, onFocus: onFocus, disabled: disabled, "data-testid": "button" }, children));
-});
+    return (react_1["default"].createElement("button", { className: styledButton + " " + theme[typeClass], type: "button", onClick: onClick, onBlur: onBlur, onFocus: onFocus, disabled: disabled, "data-testid": "button" }, children));
+};
+exports["default"] = Button;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;

build/Container/index.d.ts

@@ -6,3 +6,3 @@ import React from 'react';
 }
-declare const _default: ({ children }: Props) => JSX.Element;
-export default _default;
+declare const Container: ({ children }: Props) => JSX.Element;
+export default Container;

build/Container/index.js

@@ -9,11 +9,12 @@ "use strict";
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 var emotion_1 = require("emotion");
 var react_1 = __importDefault(require("react"));
 var media_queries_1 = __importDefault(require("../utils/media-queries"));
-var styledContainer = emotion_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-family: inherit;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: 15px;\n  padding-right: 15px;\n  width: 100%;\n\n  ", " {\n    max-width: 540px;\n  }\n\n  ", " {\n    max-width: 720px;\n  }\n\n  ", " {\n    max-width: 960px;\n  }\n\n  ", " {\n    max-width: 1170px;\n  }\n"], ["\n  font-family: inherit;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: 15px;\n  padding-right: 15px;\n  width: 100%;\n\n  ", " {\n    max-width: 540px;\n  }\n\n  ", " {\n    max-width: 720px;\n  }\n\n  ", " {\n    max-width: 960px;\n  }\n\n  ", " {\n    max-width: 1170px;\n  }\n"])), media_queries_1.default.small, media_queries_1.default.medium, media_queries_1.default.large, media_queries_1.default.xLarge);
-exports.default = (function (_a) {
+var styledContainer = emotion_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  font-family: inherit;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: 15px;\n  padding-right: 15px;\n  width: 100%;\n\n  ", " {\n    max-width: 540px;\n  }\n\n  ", " {\n    max-width: 720px;\n  }\n\n  ", " {\n    max-width: 960px;\n  }\n\n  ", " {\n    max-width: 1170px;\n  }\n"], ["\n  font-family: inherit;\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: 15px;\n  padding-right: 15px;\n  width: 100%;\n\n  ", " {\n    max-width: 540px;\n  }\n\n  ", " {\n    max-width: 720px;\n  }\n\n  ", " {\n    max-width: 960px;\n  }\n\n  ", " {\n    max-width: 1170px;\n  }\n"])), media_queries_1["default"].small, media_queries_1["default"].medium, media_queries_1["default"].large, media_queries_1["default"].xLarge);
+var Container = function (_a) {
     var children = _a.children;
-    return (react_1.default.createElement("div", { className: styledContainer }, children));
-});
+    return (react_1["default"].createElement("div", { className: styledContainer }, children));
+};
+exports["default"] = Container;
 var templateObject_1;

build/DataTable/index.js

@@ -29,3 +29,3 @@ "use strict";
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 var emotion_1 = require("emotion");
@@ -42,3 +42,3 @@ var react_1 = __importStar(require("react"));
     warning: emotion_1.css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    background-color: #fcf7e7;\n  "], ["\n    background-color: #fcf7e7;\n  "]))),
-    danger: emotion_1.css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    background-color: #f2d2cf;\n  "], ["\n    background-color: #f2d2cf;\n  "]))),
+    danger: emotion_1.css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    background-color: #f2d2cf;\n  "], ["\n    background-color: #f2d2cf;\n  "])))
 };
@@ -55,3 +55,3 @@ var styledTh = emotion_1.css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n  font-weight: 700;\n  padding: 0.75em 1em;\n  text-align: left;\n"], ["\n  font-weight: 700;\n  padding: 0.75em 1em;\n  text-align: left;\n"])));
             sorted: 0,
-            sortDirection: 'desc',
+            sortDirection: 'desc'
         };
@@ -65,3 +65,3 @@ _this.onSort = function (column, isSortable) {
                 sorted: column,
-                sortDirection: sortDirection,
+                sortDirection: sortDirection
             });
@@ -85,8 +85,8 @@ return _this.props.onSort(column, sortDirection);
                 return;
-            return (react_1.default.createElement("tr", null, headings.map(function (h, index) {
+            return (react_1["default"].createElement("tr", null, headings.map(function (h, index) {
                 var isSortable = h.sortable !== undefined && h.sortable;
                 var sortableClass = isSortable ? sortable : '';
-                return (react_1.default.createElement("th", { key: index, className: emotion_1.cx(styledTh, sortableClass), onClick: function () { return _this.onSort(index, isSortable); }, "data-testid": "tableHeading" },
-                    react_1.default.createElement("div", { className: flexDiv },
-                        react_1.default.createElement("span", null, h.label),
+                return (react_1["default"].createElement("th", { key: index, className: emotion_1.cx(styledTh, sortableClass), onClick: function () { return _this.onSort(index, isSortable); }, "data-testid": "tableHeading" },
+                    react_1["default"].createElement("div", { className: flexDiv },
+                        react_1["default"].createElement("span", null, h.label),
                         isSortable ? _this.renderCaret(index) : null)));
@@ -100,3 +100,3 @@ })));
                 var className = row.className || 'base';
-                return (react_1.default.createElement("tr", { key: "dataTabe-" + index, className: styledRow[className], onClick: function (e) { return (row.onClick ? _this.handleClick(e, row.onClick) : null); }, "data-testid": "tableRow" }, row.data.map(function (cell, cellindex) { return (react_1.default.createElement("td", { className: styledTd, key: "dataTable-" + index + "-" + cellindex }, cell)); })));
+                return (react_1["default"].createElement("tr", { key: "dataTabe-" + index, className: styledRow[className], onClick: function (e) { return (row.onClick ? _this.handleClick(e, row.onClick) : null); }, "data-testid": "tableRow" }, row.data.map(function (cell, cellindex) { return (react_1["default"].createElement("td", { className: styledTd, key: "dataTable-" + index + "-" + cellindex }, cell)); })));
             });
@@ -108,3 +108,3 @@ };
             var rotate = _this.state.sortDirection === 'desc' ? 'rotateX(180deg)' : '';
-            return react_1.default.createElement(Caret_1.default, { rotate: rotate });
+            return react_1["default"].createElement(Caret_1["default"], { rotate: rotate });
         };
@@ -115,9 +115,9 @@ return _this;
         var _a = this.props, headings = _a.headings, rows = _a.rows;
-        return (react_1.default.createElement("table", { className: styledTable },
-            react_1.default.createElement("thead", { className: styledThead, "data-testid": "tableHead" }, this.buildHeadings(headings)),
-            react_1.default.createElement("tbody", { "data-testid": "tableBody" }, this.buildRows(rows))));
+        return (react_1["default"].createElement("table", { className: styledTable },
+            react_1["default"].createElement("thead", { className: styledThead, "data-testid": "tableHead" }, this.buildHeadings(headings)),
+            react_1["default"].createElement("tbody", { "data-testid": "tableBody" }, this.buildRows(rows))));
     };
     return DataTable;
 }(react_1.Component));
-exports.default = DataTable;
+exports["default"] = DataTable;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;

build/Dropdown/index.js

@@ -29,3 +29,3 @@ "use strict";
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 var emotion_1 = require("emotion");
@@ -44,3 +44,3 @@ var react_1 = __importStar(require("react"));
             expanded: false,
-            selected: false,
+            selected: false
         };
@@ -64,3 +64,3 @@ _this.onClick = function (e, value) {
         };
-        _this.wrapperRef = react_1.default.createRef();
+        _this.wrapperRef = react_1["default"].createRef();
         return _this;
@@ -79,12 +79,12 @@ }
         var label = selected ? selected : this.props.options[0].label;
-        var options = this.props.options.map(function (opt) { return (react_1.default.createElement("li", { className: dropdownItem, key: "" + opt.label + opt.index, onClick: function (e) { return _this.onClick(e, opt.label); }, "data-testid": "dropdownItem" }, opt.label)); });
-        return (react_1.default.createElement("div", { style: { position: 'relative' }, ref: this.wrapperRef },
-            react_1.default.createElement("div", { className: styledLabel, onClick: function () { return _this.toggleExpanded(); } },
-                react_1.default.createElement("span", { style: { marginRight: '6px' } }, label),
-                react_1.default.createElement(Caret_1.default, null)),
-            react_1.default.createElement("ul", { className: emotion_1.cx(dropdownList, expandedClass), "aria-expanded": expanded, "data-testid": "dropdownList" }, options)));
+        var options = this.props.options.map(function (opt) { return (react_1["default"].createElement("li", { className: dropdownItem, key: "" + opt.label + opt.index, onClick: function (e) { return _this.onClick(e, opt.label); }, "data-testid": "dropdownItem" }, opt.label)); });
+        return (react_1["default"].createElement("div", { style: { position: 'relative' }, ref: this.wrapperRef },
+            react_1["default"].createElement("div", { className: styledLabel, onClick: function () { return _this.toggleExpanded(); } },
+                react_1["default"].createElement("span", { style: { marginRight: '6px' } }, label),
+                react_1["default"].createElement(Caret_1["default"], null)),
+            react_1["default"].createElement("ul", { className: emotion_1.cx(dropdownList, expandedClass), "aria-expanded": expanded, "data-testid": "dropdownList" }, options)));
     };
     return Dropdown;
 }(react_1.Component));
-exports.default = Dropdown;
+exports["default"] = Dropdown;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

build/Gear/Divider.js

@@ -9,8 +9,8 @@ "use strict";
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 var react_1 = __importDefault(require("react"));
 var emotion_1 = require("emotion");
 var styles = emotion_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: #e5e5e5;\n  height: 1px;\n  margin: 9px 0;\n  overflow: hidden;\n"], ["\n  background-color: #e5e5e5;\n  height: 1px;\n  margin: 9px 0;\n  overflow: hidden;\n"])));
-var Divider = function () { return react_1.default.createElement("li", { className: styles }); };
-exports.default = Divider;
+var Divider = function () { return react_1["default"].createElement("li", { className: styles }); };
+exports["default"] = Divider;
 var templateObject_1;

build/Gear/Header.d.ts

@@ -5,3 +5,3 @@ import React from 'react';
 }
-declare const _default: ({ children }: Props) => JSX.Element;
-export default _default;
+declare const Header: ({ children }: Props) => JSX.Element;
+export default Header;

build/Gear/Header.js

@@ -9,10 +9,11 @@ "use strict";
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 var emotion_1 = require("emotion");
 var react_1 = __importDefault(require("react"));
 var styles = emotion_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: #777;\n  display: block;\n  font-size: 14px;\n  line-height: 1.42;\n  padding: 3px 20px;\n  white-space: nowrap;\n"], ["\n  color: #777;\n  display: block;\n  font-size: 14px;\n  line-height: 1.42;\n  padding: 3px 20px;\n  white-space: nowrap;\n"])));
-exports.default = (function (_a) {
+var Header = function (_a) {
     var children = _a.children;
-    return react_1.default.createElement("li", { className: styles }, children);
-});
+    return react_1["default"].createElement("li", { className: styles }, children);
+};
+exports["default"] = Header;
 var templateObject_1;

build/Gear/index.js

@@ -29,3 +29,3 @@ "use strict";
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 var emotion_1 = require("emotion");
@@ -41,3 +41,3 @@ var react_1 = __importStar(require("react"));
 var align = {
-    right: emotion_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    right: 0;\n    left: auto;\n  "], ["\n    right: 0;\n    left: auto;\n  "]))),
+    right: emotion_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    right: 0;\n    left: auto;\n  "], ["\n    right: 0;\n    left: auto;\n  "])))
 };
@@ -49,7 +49,7 @@ var Gear = /** @class */ (function (_super) {
         _this.state = {
-            listOpen: false,
+            listOpen: false
         };
         _this.toggle = function () {
             _this.setState({
-                listOpen: !_this.state.listOpen,
+                listOpen: !_this.state.listOpen
             });
@@ -64,13 +64,13 @@ };
         var alignClass = right ? align['right'] : '';
-        return (react_1.default.createElement("div", { className: styledDropdown },
-            react_1.default.createElement("div", { className: styledToggle, onClick: function () { return _this.toggle(); } },
-                react_1.default.createElement(Gear_1.default, null)),
-            listOpen && react_1.default.createElement("ul", { className: emotion_1.cx(styledList, alignClass) }, children)));
+        return (react_1["default"].createElement("div", { className: styledDropdown },
+            react_1["default"].createElement("div", { className: styledToggle, onClick: function () { return _this.toggle(); } },
+                react_1["default"].createElement(Gear_1["default"], null)),
+            listOpen && react_1["default"].createElement("ul", { className: emotion_1.cx(styledList, alignClass) }, children)));
     };
-    Gear.Header = Header_1.default;
-    Gear.Item = Item_1.default;
-    Gear.Divider = Divider_1.default;
+    Gear.Header = Header_1["default"];
+    Gear.Item = Item_1["default"];
+    Gear.Divider = Divider_1["default"];
     return Gear;
 }(react_1.Component));
-exports.default = Gear;
+exports["default"] = Gear;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

build/Gear/Item.d.ts

@@ -5,3 +5,3 @@ import React from 'react';
 }
-declare const _default: ({ children }: Props) => JSX.Element;
-export default _default;
+declare const Item: ({ children }: Props) => JSX.Element;
+export default Item;

build/Gear/Item.js

@@ -9,10 +9,11 @@ "use strict";
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 var emotion_1 = require("emotion");
 var react_1 = __importDefault(require("react"));
 var styles = emotion_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  & > a {\n    clear: both;\n    color: #333;\n    display: block;\n    font-weight: 400;\n    line-height: 1.42;\n    padding: 3px 20px;\n    text-decoration: none;\n    white-space: nowrap;\n\n    &:hover {\n      background-color: #f5f5f5;\n      color: #262626;\n    }\n  }\n"], ["\n  & > a {\n    clear: both;\n    color: #333;\n    display: block;\n    font-weight: 400;\n    line-height: 1.42;\n    padding: 3px 20px;\n    text-decoration: none;\n    white-space: nowrap;\n\n    &:hover {\n      background-color: #f5f5f5;\n      color: #262626;\n    }\n  }\n"])));
-exports.default = (function (_a) {
+var Item = function (_a) {
     var children = _a.children;
-    return react_1.default.createElement("li", { className: styles }, children);
-});
+    return react_1["default"].createElement("li", { className: styles }, children);
+};
+exports["default"] = Item;
 var templateObject_1;

build/index.js

@@ -12,30 +12,30 @@ "use strict";
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 // if you need a component export it here
 var Alert_1 = __importDefault(require("./Alert"));
-exports.Alert = Alert_1.default;
+exports.Alert = Alert_1["default"];
 var Button_1 = __importDefault(require("./Button"));
-exports.Button = Button_1.default;
+exports.Button = Button_1["default"];
 var Container_1 = __importDefault(require("./Container"));
-exports.Container = Container_1.default;
+exports.Container = Container_1["default"];
 var DataTable_1 = __importDefault(require("./DataTable"));
-exports.DataTable = DataTable_1.default;
+exports.DataTable = DataTable_1["default"];
 var Dropdown_1 = __importDefault(require("./Dropdown"));
-exports.Dropdown = Dropdown_1.default;
+exports.Dropdown = Dropdown_1["default"];
 var Gear_1 = __importDefault(require("./Gear"));
-exports.Gear = Gear_1.default;
+exports.Gear = Gear_1["default"];
 var Input_1 = __importDefault(require("./Input"));
-exports.Input = Input_1.default;
+exports.Input = Input_1["default"];
 var Navbar_1 = __importDefault(require("./Navbar"));
-exports.Navbar = Navbar_1.default;
+exports.Navbar = Navbar_1["default"];
 var NavFlaps_1 = __importStar(require("./NavFlaps"));
-exports.NavFlaps = NavFlaps_1.default;
+exports.NavFlaps = NavFlaps_1["default"];
 exports.Tab = NavFlaps_1.Tab;
 var NavToggle_1 = __importDefault(require("./NavToggle"));
-exports.NavToggle = NavToggle_1.default;
+exports.NavToggle = NavToggle_1["default"];
 var Select_1 = __importDefault(require("./Select"));
-exports.Select = Select_1.default;
+exports.Select = Select_1["default"];
 var Spinner_1 = __importDefault(require("./Spinner"));
-exports.Spinner = Spinner_1.default;
+exports.Spinner = Spinner_1["default"];
 var TwistDown_1 = __importDefault(require("./TwistDown"));
-exports.TwistDown = TwistDown_1.default;
+exports.TwistDown = TwistDown_1["default"];

build/Input/index.d.ts

@@ -17,3 +17,3 @@ import React from 'react';
 }
-declare const _default: ({ type, placeholder, value, onChange, onFocus, onBlur, children, }: Props) => JSX.Element;
-export default _default;
+declare const Input: ({ type, placeholder, value, onChange, onFocus, onBlur, children, }: Props) => JSX.Element;
+export default Input;

build/Input/index.js

@@ -9,3 +9,3 @@ "use strict";
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 var emotion_1 = require("emotion");
@@ -15,15 +15,16 @@ var react_1 = __importDefault(require("react"));
 var styledInput = emotion_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 40px;\n"], ["\n  height: 40px;\n"])));
-exports.default = (function (_a) {
+var Input = function (_a) {
     var type = _a.type, placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, children = _a.children;
     switch (type) {
         case 'password':
-            return (react_1.default.createElement("input", { type: "password", placeholder: placeholder, value: value, onChange: onChange, onFocus: onFocus, onBlur: onBlur, className: emotion_1.cx(styles, styledInput), "data-testid": "password" }));
+            return (react_1["default"].createElement("input", { type: "password", placeholder: placeholder, value: value, onChange: onChange, onFocus: onFocus, onBlur: onBlur, className: emotion_1.cx(styles, styledInput), "data-testid": "password" }));
         case 'email':
-            return (react_1.default.createElement("input", { type: "email", placeholder: placeholder, value: value, onChange: onChange, onFocus: onFocus, onBlur: onBlur, className: emotion_1.cx(styles, styledInput), "data-testid": "email" }));
+            return (react_1["default"].createElement("input", { type: "email", placeholder: placeholder, value: value, onChange: onChange, onFocus: onFocus, onBlur: onBlur, className: emotion_1.cx(styles, styledInput), "data-testid": "email" }));
         case 'textarea':
-            return (react_1.default.createElement("textarea", { className: styles, placeholder: placeholder, value: value, onChange: onChange, onFocus: onFocus, onBlur: onBlur, "data-testid": "textarea" }, children));
+            return (react_1["default"].createElement("textarea", { className: styles, placeholder: placeholder, value: value, onChange: onChange, onFocus: onFocus, onBlur: onBlur, "data-testid": "textarea" }, children));
         default:
-            return (react_1.default.createElement("input", { type: "text", className: emotion_1.cx(styles, styledInput), placeholder: placeholder, value: value, onChange: onChange, onFocus: onFocus, onBlur: onBlur, "data-testid": "text" }));
+            return (react_1["default"].createElement("input", { type: "text", className: emotion_1.cx(styles, styledInput), placeholder: placeholder, value: value, onChange: onChange, onFocus: onFocus, onBlur: onBlur, "data-testid": "text" }));
     }
-});
+};
+exports["default"] = Input;
 var templateObject_1, templateObject_2;

build/Navbar/index.d.ts

@@ -10,3 +10,3 @@ import React from 'react';
 }
-declare const _default: ({ title, onClick, rightMenu }: Props) => JSX.Element;
-export default _default;
+declare const Navbar: ({ title, onClick, rightMenu }: Props) => JSX.Element;
+export default Navbar;

build/Navbar/index.js

@@ -9,3 +9,3 @@ "use strict";
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 var emotion_1 = require("emotion");
@@ -17,14 +17,15 @@ var react_1 = __importDefault(require("react"));
 var brand = emotion_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  align-items: center;\n  appearance: none;\n  background: transparent;\n  border: 0;\n  color: #fff;\n  cursor: pointer;\n  display: flex;\n  font-family: inherit;\n  font-size: 25px;\n  font-weight: 500;\n  height: 58px;\n  line-height: 20px;\n  outline: none;\n  padding: 2px 15px 2px 0;\n"], ["\n  align-items: center;\n  appearance: none;\n  background: transparent;\n  border: 0;\n  color: #fff;\n  cursor: pointer;\n  display: flex;\n  font-family: inherit;\n  font-size: 25px;\n  font-weight: 500;\n  height: 58px;\n  line-height: 20px;\n  outline: none;\n  padding: 2px 15px 2px 0;\n"])));
-var inner = emotion_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  align-items; center;\n  display: flex;\n  justify-content: space-between;\n"], ["\n  align-items; center;\n  display: flex;\n  justify-content: space-between;\n"])));
+var inner = emotion_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n"], ["\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n"])));
 var navRight = emotion_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
-exports.default = (function (_a) {
+var Navbar = function (_a) {
     var title = _a.title, onClick = _a.onClick, rightMenu = _a.rightMenu;
-    return (react_1.default.createElement("header", { className: styledNavbar },
-        react_1.default.createElement(Container_1.default, null,
-            react_1.default.createElement("div", { className: inner },
-                react_1.default.createElement("button", { type: "button", "data-testid": "button", className: brand, onClick: onClick },
-                    react_1.default.createElement(Logo_1.default, null),
-                    react_1.default.createElement("span", { "data-testid": "title" }, title)),
-                react_1.default.createElement("div", { className: navRight }, rightMenu)))));
-});
+    return (react_1["default"].createElement("header", { className: styledNavbar },
+        react_1["default"].createElement(Container_1["default"], null,
+            react_1["default"].createElement("div", { className: inner },
+                react_1["default"].createElement("button", { type: "button", "data-testid": "button", className: brand, onClick: onClick },
+                    react_1["default"].createElement(Logo_1["default"], null),
+                    react_1["default"].createElement("span", { "data-testid": "title" }, title)),
+                react_1["default"].createElement("div", { className: navRight }, rightMenu)))));
+};
+exports["default"] = Navbar;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

build/Navbar/Logo.js

@@ -5,6 +5,6 @@ "use strict";
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 var react_1 = __importDefault(require("react"));
-exports.default = (function () { return (react_1.default.createElement("svg", { width: "68", height: "26", style: { marginRight: '5px', transform: 'scale(0.87)' }, xmlns: "http://www.w3.org/2000/svg" },
-    react_1.default.createElement("g", { fill: "none", fillRule: "evenodd" },
-        react_1.default.createElement("path", { d: "M7.244 7.053H.483V.85h21.012v6.203h-6.762V25.15H7.244V7.053zM22.658.85h20.43v6.203H30.147v2.992h12.941v5.837H30.147v3.065h12.941v6.203h-20.43V.85zm21.666 0h12.287c8.071 0 10.906 5.984 10.906 12.114 0 7.443-3.926 12.186-12.36 12.186H44.324V.85zm7.489 18.097h2.908c4.653 0 5.308-3.794 5.308-6.056 0-1.533-.509-5.765-5.89-5.765H51.74l.073 11.821z", fill: "#E62B1E", fillRule: "nonzero" })))); });
+exports["default"] = (function () { return (react_1["default"].createElement("svg", { width: "68", height: "26", style: { marginRight: '5px', transform: 'scale(0.87)' }, xmlns: "http://www.w3.org/2000/svg" },
+    react_1["default"].createElement("g", { fill: "none", fillRule: "evenodd" },
+        react_1["default"].createElement("path", { d: "M7.244 7.053H.483V.85h21.012v6.203h-6.762V25.15H7.244V7.053zM22.658.85h20.43v6.203H30.147v2.992h12.941v5.837H30.147v3.065h12.941v6.203h-20.43V.85zm21.666 0h12.287c8.071 0 10.906 5.984 10.906 12.114 0 7.443-3.926 12.186-12.36 12.186H44.324V.85zm7.489 18.097h2.908c4.653 0 5.308-3.794 5.308-6.056 0-1.533-.509-5.765-5.89-5.765H51.74l.073 11.821z", fill: "#E62B1E", fillRule: "nonzero" })))); });

build/NavFlaps/index.js

@@ -26,3 +26,3 @@ "use strict";
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 var emotion_1 = require("emotion");
@@ -37,3 +37,3 @@ var react_1 = __importStar(require("react"));
     var content = _a.content;
-    return react_1.default.createElement("div", null, content);
+    return react_1["default"].createElement("div", null, content);
 };
@@ -45,3 +45,3 @@ var NavFlaps = /** @class */ (function (_super) {
         _this.state = {
-            selected: 0,
+            selected: 0
         };
@@ -65,12 +65,12 @@ _this.handleChange = function (index) {
         var selectedClass = type && type === 'subnav' ? subSelected : selectedStyle;
-        return (react_1.default.createElement("div", { "data-testid": "navFlaps" },
-            react_1.default.createElement("ul", { className: wrapperClass }, children.map(function (elem, index) {
+        return (react_1["default"].createElement("div", { "data-testid": "navFlaps" },
+            react_1["default"].createElement("ul", { className: wrapperClass }, children.map(function (elem, index) {
                 var style = index === isSelected ? selectedClass : '';
-                return (react_1.default.createElement("li", { className: emotion_1.cx(navLabel, style), key: index, onClick: function () { return _this.doClick(index); }, "data-testid": "navLabel" + index }, elem.props.label));
+                return (react_1["default"].createElement("li", { className: emotion_1.cx(navLabel, style), key: index, onClick: function () { return _this.doClick(index); }, "data-testid": "navLabel" + index }, elem.props.label));
             })),
-            react_1.default.createElement("div", { className: "tab" }, children[this.state.selected].props.content)));
+            react_1["default"].createElement("div", { className: "tab" }, children[this.state.selected].props.content)));
     };
     return NavFlaps;
 }(react_1.Component));
-exports.default = NavFlaps;
+exports["default"] = NavFlaps;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

build/NavToggle/index.js

@@ -26,3 +26,3 @@ "use strict";
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 var emotion_1 = require("emotion");
@@ -40,3 +40,3 @@ var react_1 = __importStar(require("react"));
         _this.state = {
-            expanded: false,
+            expanded: false
         };
@@ -54,6 +54,6 @@ _this.handleClickOutside = function (e) {
             _this.setState(function (prevState) { return ({
-                expanded: !prevState.expanded,
+                expanded: !prevState.expanded
             }); });
         };
-        _this.wrapperRef = react_1.default.createRef();
+        _this.wrapperRef = react_1["default"].createRef();
         return _this;
@@ -70,13 +70,13 @@ }
         var openClass = expanded ? dropdownOpen : null;
-        return (react_1.default.createElement("div", { ref: this.wrapperRef },
-            react_1.default.createElement("ul", { className: container },
-                react_1.default.createElement("li", { className: "event-switcher dropdown" },
-                    react_1.default.createElement("button", { "aria-expanded": expanded, className: emotion_1.cx(toggleButton, openClass), onClick: this.toggle, type: "button" },
+        return (react_1["default"].createElement("div", { ref: this.wrapperRef },
+            react_1["default"].createElement("ul", { className: container },
+                react_1["default"].createElement("li", { className: "event-switcher dropdown" },
+                    react_1["default"].createElement("button", { "aria-expanded": expanded, className: emotion_1.cx(toggleButton, openClass), onClick: this.toggle, type: "button" },
                         this.props.label,
-                        react_1.default.createElement("span", { className: caret })),
-                    expanded ? (react_1.default.createElement("ul", { className: dropdownMenu, role: "menu" }, this.props.children)) : null))));
+                        react_1["default"].createElement("span", { className: caret })),
+                    expanded ? (react_1["default"].createElement("ul", { className: dropdownMenu, role: "menu" }, this.props.children)) : null))));
     };
     return NavToggle;
 }(react_1.Component));
-exports.default = NavToggle;
+exports["default"] = NavToggle;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

build/Select/context.d.ts

 /// <reference types="react" />
-declare const Provider: import("react").ProviderExoticComponent<import("react").ProviderProps<{
+declare const Provider: import("react").Provider<{
     onChange: (value: string) => void;
     listOpen: boolean;
-}>>, Consumer: import("react").ExoticComponent<import("react").ConsumerProps<{
+}>, Consumer: import("react").Consumer<{
     onChange: (value: string) => void;
     listOpen: boolean;
-}>>;
+}>;
 export { Provider, Consumer };

build/Select/context.js

 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 var react_1 = require("react");
@@ -7,5 +7,5 @@ var _a = react_1.createContext({
     onChange: function (value) { },
-    listOpen: false,
+    listOpen: false
 }), Provider = _a.Provider, Consumer = _a.Consumer;
 exports.Provider = Provider;
 exports.Consumer = Consumer;

build/Select/index.js

@@ -25,3 +25,3 @@ "use strict";
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 var react_1 = __importStar(require("react"));
@@ -33,5 +33,5 @@ var context_1 = require("./context");
     var children = _a.children;
-    return (react_1.default.createElement("li", { className: styles.headerStyles }, children));
+    return (react_1["default"].createElement("li", { className: styles.headerStyles }, children));
 };
-var Divider = function () { return react_1.default.createElement("li", { className: styles.dividerStyles }); };
+var Divider = function () { return react_1["default"].createElement("li", { className: styles.dividerStyles }); };
 var Select = /** @class */ (function (_super) {
@@ -43,3 +43,3 @@ __extends(Select, _super);
             listOpen: false,
-            onChange: function (value) { return _this.onChange(value); },
+            onChange: function (value) { return _this.onChange(value); }
         };
@@ -62,3 +62,3 @@ _this.onChange = function (value) {
         };
-        _this.wrapperRef = react_1.default.createRef();
+        _this.wrapperRef = react_1["default"].createRef();
         return _this;
@@ -75,16 +75,16 @@ }
         var listOpen = this.state.listOpen;
-        return (react_1.default.createElement(context_1.Provider, { value: this.state },
-            react_1.default.createElement("div", { className: styles.container, ref: this.wrapperRef },
-                react_1.default.createElement("button", { type: "button", className: styles.styledSelect, onClick: this.toggleOpen, "data-testid": "select" },
+        return (react_1["default"].createElement(context_1.Provider, { value: this.state },
+            react_1["default"].createElement("div", { className: styles.container, ref: this.wrapperRef },
+                react_1["default"].createElement("button", { type: "button", className: styles.styledSelect, onClick: this.toggleOpen, "data-testid": "select" },
                     label,
-                    react_1.default.createElement("span", { className: styles.styledCaret },
-                        react_1.default.createElement("svg", { width: "14", height: "9", xmlns: "http://www.w3.org/2000/svg" },
-                            react_1.default.createElement("path", { d: "M7 8a.828.828 0 0 1-.594-.252l-5.16-5.28a.874.874 0 0 1 0-1.216.827.827 0 0 1 1.189 0L7 5.924l4.565-4.672a.827.827 0 0 1 1.189 0 .874.874 0 0 1 0 1.216l-5.16 5.28A.828.828 0 0 1 7 8z", fill: "#787878", fillRule: "nonzero", stroke: "#787878" })))),
-                listOpen && react_1.default.createElement("ul", { className: styles.styledList }, children))));
+                    react_1["default"].createElement("span", { className: styles.styledCaret },
+                        react_1["default"].createElement("svg", { width: "14", height: "9", xmlns: "http://www.w3.org/2000/svg" },
+                            react_1["default"].createElement("path", { d: "M7 8a.828.828 0 0 1-.594-.252l-5.16-5.28a.874.874 0 0 1 0-1.216.827.827 0 0 1 1.189 0L7 5.924l4.565-4.672a.827.827 0 0 1 1.189 0 .874.874 0 0 1 0 1.216l-5.16 5.28A.828.828 0 0 1 7 8z", fill: "#787878", fillRule: "nonzero", stroke: "#787878" })))),
+                listOpen && react_1["default"].createElement("ul", { className: styles.styledList }, children))));
     };
     Select.Header = Header;
-    Select.Item = Item_1.default;
+    Select.Item = Item_1["default"];
     Select.Divider = Divider;
     return Select;
 }(react_1.Component));
-exports.default = Select;
+exports["default"] = Select;

build/Select/Item.d.ts

@@ -7,3 +7,3 @@ import React from 'react';
 }
-declare const _default: ({ children, value, checked }: Props) => JSX.Element;
-export default _default;
+declare const Item: ({ children, value, checked }: Props) => JSX.Element;
+export default Item;

build/Select/Item.js

@@ -9,3 +9,3 @@ "use strict";
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 var emotion_1 = require("emotion");
@@ -16,11 +16,12 @@ var react_1 = __importDefault(require("react"));
 var styles = emotion_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  clear: both;\n  cursor: pointer;\n  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  font-weight: 400;\n  line-height: 1.42;\n  padding: 3px 20px;\n  white-space: nowrap;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  svg {\n    transform: scale(1.25);\n  }\n\n  &:hover {\n    background-color: #f5f5f5;\n    color: #262626;\n  }\n\n  & > a {\n    color: #333;\n    display: block;\n    text-decoration: none;\n  }\n"], ["\n  clear: both;\n  cursor: pointer;\n  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  font-weight: 400;\n  line-height: 1.42;\n  padding: 3px 20px;\n  white-space: nowrap;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  svg {\n    transform: scale(1.25);\n  }\n\n  &:hover {\n    background-color: #f5f5f5;\n    color: #262626;\n  }\n\n  & > a {\n    color: #333;\n    display: block;\n    text-decoration: none;\n  }\n"])));
-exports.default = (function (_a) {
+var Item = function (_a) {
     var children = _a.children, value = _a.value, checked = _a.checked;
-    return (react_1.default.createElement(context_1.Consumer, null, function (_a) {
+    return (react_1["default"].createElement(context_1.Consumer, null, function (_a) {
         var onChange = _a.onChange;
-        return (react_1.default.createElement("li", { className: styles, onClick: function () { return onChange(value); }, onKeyPress: function () { return onChange(value); }, role: "presentation", "data-testid": "item-" + value },
+        return (react_1["default"].createElement("li", { className: styles, onClick: function () { return onChange(value); }, onKeyPress: function () { return onChange(value); }, role: "presentation", "data-testid": "item-" + value },
             children,
-            checked ? react_1.default.createElement(Check_1.default, null) : false));
+            checked ? react_1["default"].createElement(Check_1["default"], null) : false));
     }));
-});
+};
+exports["default"] = Item;
 var templateObject_1;

build/Select/styles.js

@@ -6,3 +6,3 @@ "use strict";
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 var emotion_1 = require("emotion");
@@ -9,0 +9,0 @@ exports.container = emotion_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n  position: relative;\n"], ["\n  display: inline-block;\n  position: relative;\n"])));

build/Spinner/index.d.ts

@@ -8,3 +8,3 @@ /// <reference types="react" />
 }
-declare const _default: ({ color, size }: Props) => JSX.Element;
-export default _default;
+declare const Spinner: ({ color, size }: Props) => JSX.Element;
+export default Spinner;

build/Spinner/index.js

@@ -9,12 +9,13 @@ "use strict";
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 var emotion_1 = require("emotion");
 var react_1 = __importDefault(require("react"));
 var container = emotion_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n\n  .Spinner {\n    animation: Spinner 1.1s infinite linear;\n    border-bottom: 4px solid rgba(255, 255, 255, 0.2);\n    border-left: 4px solid white;\n    border-right: 4px solid rgba(255, 255, 255, 0.2);\n    border-top: 4px solid rgba(255, 255, 255, 0.2);\n    font-size: 10px;\n    transform: translateZ(0);\n  }\n\n  .Spinner--dark {\n    border-bottom-color: rgba(0, 0, 0, 0.2);\n    border-left-color: black;\n    border-right-color: rgba(0, 0, 0, 0.2);\n    border-top-color: rgba(0, 0, 0, 0.2);\n  }\n\n  .Spinner--red {\n    border-bottom-color: #d0dede;\n    border-left-color: #ff5041;\n    border-right-color: #d0dede;\n    border-top-color: #d0dede;\n  }\n\n  .Spinner,\n  .Spinner::after {\n    border-radius: 50%;\n  }\n\n  .size-1,\n  .size-1:after {\n    height: 15px;\n    width: 15px;\n  }\n\n  .size-2,\n  .size-2:after {\n    height: 25px;\n    width: 25px;\n  }\n\n  .size-3,\n  .size-3:after {\n    height: 40px;\n    width: 40px;\n  }\n\n  .size-4,\n  .size-4:after {\n    height: 60px;\n    width: 60px;\n  }\n\n  .size-5,\n  .size-5:after {\n    height: 80px;\n    width: 80px;\n  }\n\n  @-webkit-keyframes Spinner {\n    0% {\n      transform: rotate(0);\n    }\n\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes Spinner {\n    0% {\n      transform: rotate(0);\n    }\n\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n"], ["\n  align-items: center;\n  display: flex;\n  justify-content: center;\n  overflow: visible;\n\n  .Spinner {\n    animation: Spinner 1.1s infinite linear;\n    border-bottom: 4px solid rgba(255, 255, 255, 0.2);\n    border-left: 4px solid white;\n    border-right: 4px solid rgba(255, 255, 255, 0.2);\n    border-top: 4px solid rgba(255, 255, 255, 0.2);\n    font-size: 10px;\n    transform: translateZ(0);\n  }\n\n  .Spinner--dark {\n    border-bottom-color: rgba(0, 0, 0, 0.2);\n    border-left-color: black;\n    border-right-color: rgba(0, 0, 0, 0.2);\n    border-top-color: rgba(0, 0, 0, 0.2);\n  }\n\n  .Spinner--red {\n    border-bottom-color: #d0dede;\n    border-left-color: #ff5041;\n    border-right-color: #d0dede;\n    border-top-color: #d0dede;\n  }\n\n  .Spinner,\n  .Spinner::after {\n    border-radius: 50%;\n  }\n\n  .size-1,\n  .size-1:after {\n    height: 15px;\n    width: 15px;\n  }\n\n  .size-2,\n  .size-2:after {\n    height: 25px;\n    width: 25px;\n  }\n\n  .size-3,\n  .size-3:after {\n    height: 40px;\n    width: 40px;\n  }\n\n  .size-4,\n  .size-4:after {\n    height: 60px;\n    width: 60px;\n  }\n\n  .size-5,\n  .size-5:after {\n    height: 80px;\n    width: 80px;\n  }\n\n  @-webkit-keyframes Spinner {\n    0% {\n      transform: rotate(0);\n    }\n\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n\n  @keyframes Spinner {\n    0% {\n      transform: rotate(0);\n    }\n\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n"])));
-exports.default = (function (_a) {
+var Spinner = function (_a) {
     var _b = _a.color, color = _b === void 0 ? 'red' : _b, _c = _a.size, size = _c === void 0 ? '5' : _c;
     var colorClass = color === 'dark' ? 'Spinner--dark' : 'Spinner--red';
-    return (react_1.default.createElement("div", { className: container, "data-testid": "spinner" },
-        react_1.default.createElement("div", { className: "Spinner " + colorClass + " size-" + size })));
-});
+    return (react_1["default"].createElement("div", { className: container, "data-testid": "spinner" },
+        react_1["default"].createElement("div", { className: "Spinner " + colorClass + " size-" + size })));
+};
+exports["default"] = Spinner;
 var templateObject_1;

build/TwistDown/index.js

@@ -29,3 +29,3 @@ "use strict";
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 var emotion_1 = require("emotion");
@@ -42,7 +42,7 @@ var react_1 = __importStar(require("react"));
         _this.state = {
-            open: _this.props.open || false,
+            open: _this.props.open || false
         };
         _this.toggleOpen = function () {
             _this.setState({
-                open: !_this.state.open,
+                open: !_this.state.open
             });
@@ -54,11 +54,11 @@ };
         var rotate = this.state.open ? 'none' : 'rotate(-90deg)';
-        return (react_1.default.createElement("div", { className: container },
-            react_1.default.createElement("button", { className: button, type: "button", onClick: this.toggleOpen, "data-testid": "button" },
-                react_1.default.createElement(Caret_1.default, { rotate: rotate }),
-                react_1.default.createElement("span", { className: label, "data-testid": "label" }, this.props.label)),
-            react_1.default.createElement("div", { "data-testid": "content" }, this.state.open ? this.props.children : null)));
+        return (react_1["default"].createElement("div", { className: container },
+            react_1["default"].createElement("button", { className: button, type: "button", onClick: this.toggleOpen, "data-testid": "button" },
+                react_1["default"].createElement(Caret_1["default"], { rotate: rotate }),
+                react_1["default"].createElement("span", { className: label, "data-testid": "label" }, this.props.label)),
+            react_1["default"].createElement("div", { "data-testid": "content" }, this.state.open ? this.props.children : null)));
     };
     return TwistDown;
 }(react_1.Component));
-exports.default = TwistDown;
+exports["default"] = TwistDown;
 var templateObject_1, templateObject_2, templateObject_3;

build/utils/Caret.js

@@ -5,8 +5,8 @@ "use strict";
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 var react_1 = __importDefault(require("react"));
-exports.default = (function (_a) {
+exports["default"] = (function (_a) {
     var rotate = _a.rotate;
-    return (react_1.default.createElement("svg", { width: "10", height: "6", xmlns: "http://www.w3.org/2000/svg", style: { transform: rotate || 'none' } },
-        react_1.default.createElement("path", { d: "M9.814.198A.583.583 0 0 0 9.374 0H.626a.583.583 0 0 0-.44.198A.663.663 0 0 0 0 .667c0 .18.062.336.186.468L4.56 5.802a.583.583 0 0 0 .88 0l4.374-4.667A.663.663 0 0 0 10 .667a.663.663 0 0 0-.186-.47z", fill: "#000", fillRule: "nonzero" })));
+    return (react_1["default"].createElement("svg", { width: "10", height: "6", xmlns: "http://www.w3.org/2000/svg", style: { transform: rotate || 'none' } },
+        react_1["default"].createElement("path", { d: "M9.814.198A.583.583 0 0 0 9.374 0H.626a.583.583 0 0 0-.44.198A.663.663 0 0 0 0 .667c0 .18.062.336.186.468L4.56 5.802a.583.583 0 0 0 .88 0l4.374-4.667A.663.663 0 0 0 10 .667a.663.663 0 0 0-.186-.47z", fill: "#000", fillRule: "nonzero" })));
 });

build/utils/Check.js

@@ -5,5 +5,5 @@ "use strict";
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 var react_1 = __importDefault(require("react"));
-exports.default = (function () { return (react_1.default.createElement("svg", { height: "8", width: "10", xmlns: "http://www.w3.org/2000/svg" },
-    react_1.default.createElement("path", { d: "M9.82 1.104L8.941.19A.585.585 0 0 0 8.503 0a.585.585 0 0 0-.438.189L3.832 4.613 1.935 2.626a.585.585 0 0 0-.438-.188.585.585 0 0 0-.439.188l-.877.916A.638.638 0 0 0 0 4c0 .18.06.332.18.458l2.336 2.438.878.915c.12.126.266.189.438.189a.585.585 0 0 0 .439-.189l.877-.915L9.82 2.02A.638.638 0 0 0 10 1.562c0-.18-.06-.332-.18-.458z", fill: "#333", fillRule: "nonzero" }))); });
+exports["default"] = (function () { return (react_1["default"].createElement("svg", { height: "8", width: "10", xmlns: "http://www.w3.org/2000/svg" },
+    react_1["default"].createElement("path", { d: "M9.82 1.104L8.941.19A.585.585 0 0 0 8.503 0a.585.585 0 0 0-.438.189L3.832 4.613 1.935 2.626a.585.585 0 0 0-.438-.188.585.585 0 0 0-.439.188l-.877.916A.638.638 0 0 0 0 4c0 .18.06.332.18.458l2.336 2.438.878.915c.12.126.266.189.438.189a.585.585 0 0 0 .439-.189l.877-.915L9.82 2.02A.638.638 0 0 0 10 1.562c0-.18-.06-.332-.18-.458z", fill: "#333", fillRule: "nonzero" }))); });

build/utils/Gear.js

@@ -5,5 +5,5 @@ "use strict";
 };
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 var react_1 = __importDefault(require("react"));
-exports.default = (function () { return (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: "17", height: "17" },
-    react_1.default.createElement("path", { d: "M444.788 291.1l42.616 24.599c4.867 2.809 7.126 8.618 5.459 13.985-11.07 35.642-29.97 67.842-54.689 94.586a12.016 12.016 0 0 1-14.832 2.254l-42.584-24.595a191.577 191.577 0 0 1-60.759 35.13v49.182a12.01 12.01 0 0 1-9.377 11.718c-34.956 7.85-72.499 8.256-109.219.007-5.49-1.233-9.403-6.096-9.403-11.723v-49.184a191.555 191.555 0 0 1-60.759-35.13l-42.584 24.595a12.016 12.016 0 0 1-14.832-2.254c-24.718-26.744-43.619-58.944-54.689-94.586-1.667-5.366.592-11.175 5.459-13.985L67.212 291.1a193.48 193.48 0 0 1 0-70.199l-42.616-24.599c-4.867-2.809-7.126-8.618-5.459-13.985 11.07-35.642 29.97-67.842 54.689-94.586a12.016 12.016 0 0 1 14.832-2.254l42.584 24.595a191.577 191.577 0 0 1 60.759-35.13V25.759a12.01 12.01 0 0 1 9.377-11.718c34.956-7.85 72.499-8.256 109.219-.007 5.49 1.233 9.403 6.096 9.403 11.723v49.184a191.555 191.555 0 0 1 60.759 35.13l42.584-24.595a12.016 12.016 0 0 1 14.832 2.254c24.718 26.744 43.619 58.944 54.689 94.586 1.667 5.366-.592 11.175-5.459 13.985L444.788 220.9a193.485 193.485 0 0 1 0 70.2zM336 256c0-44.112-35.888-80-80-80s-80 35.888-80 80 35.888 80 80 80 80-35.888 80-80z", fill: "#999" }))); });
+exports["default"] = (function () { return (react_1["default"].createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", width: "17", height: "17" },
+    react_1["default"].createElement("path", { d: "M444.788 291.1l42.616 24.599c4.867 2.809 7.126 8.618 5.459 13.985-11.07 35.642-29.97 67.842-54.689 94.586a12.016 12.016 0 0 1-14.832 2.254l-42.584-24.595a191.577 191.577 0 0 1-60.759 35.13v49.182a12.01 12.01 0 0 1-9.377 11.718c-34.956 7.85-72.499 8.256-109.219.007-5.49-1.233-9.403-6.096-9.403-11.723v-49.184a191.555 191.555 0 0 1-60.759-35.13l-42.584 24.595a12.016 12.016 0 0 1-14.832-2.254c-24.718-26.744-43.619-58.944-54.689-94.586-1.667-5.366.592-11.175 5.459-13.985L67.212 291.1a193.48 193.48 0 0 1 0-70.199l-42.616-24.599c-4.867-2.809-7.126-8.618-5.459-13.985 11.07-35.642 29.97-67.842 54.689-94.586a12.016 12.016 0 0 1 14.832-2.254l42.584 24.595a191.577 191.577 0 0 1 60.759-35.13V25.759a12.01 12.01 0 0 1 9.377-11.718c34.956-7.85 72.499-8.256 109.219-.007 5.49 1.233 9.403 6.096 9.403 11.723v49.184a191.555 191.555 0 0 1 60.759 35.13l42.584-24.595a12.016 12.016 0 0 1 14.832 2.254c24.718 26.744 43.619 58.944 54.689 94.586 1.667 5.366-.592 11.175-5.459 13.985L444.788 220.9a193.485 193.485 0 0 1 0 70.2zM336 256c0-44.112-35.888-80-80-80s-80 35.888-80 80 35.888 80 80 80 80-35.888 80-80z", fill: "#999" }))); });

build/utils/media-queries.js

 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+exports.__esModule = true;
 var mq = {
@@ -7,4 +7,4 @@ small: '@media (min-width: 576px)',
     large: '@media (min-width: 992px)',
-    xLarge: '@media (min-width: 1200px)',
+    xLarge: '@media (min-width: 1200px)'
 };
-exports.default = mq;
+exports["default"] = mq;

package.json

@@ -5,3 +5,3 @@ {
   "license": "MIT",
-  "version": "0.6.10",
+  "version": "0.6.11",
   "description": "A shared set of UI components for internal projects",
@@ -41,14 +41,15 @@ "main": "build/index.js",
     "@storybook/addons": "^5.0.5",
+    "@storybook/preset-create-react-app": "^1.5.2",
     "@storybook/react": "^5.0.3",
     "@storybook/storybook-deployer": "^2.3.0",
-    "@testing-library/jest-dom": "^4.1.0",
+    "@testing-library/jest-dom": "^5.1.1",
     "@testing-library/react": "^9.1.3",
     "@types/core-js": "^2.5.0",
-    "@types/jest": "^24.0.0",
-    "@types/node": "^12.7.2",
+    "@types/jest": "^25.1.2",
+    "@types/node": "^13.7.0",
     "@types/react": "^16.3.5",
     "@types/react-dom": "^16.8.3",
-    "@types/storybook__addon-actions": "^3.4.1",
-    "@types/storybook__addon-info": "^4.1.1",
-    "@types/storybook__react": "^4.0.0",
+    "@types/storybook__addon-actions": "^5.2.1",
+    "@types/storybook__addon-info": "^5.2.1",
+    "@types/storybook__react": "^5.2.1",
     "awesome-typescript-loader": "^5.2.1",
@@ -59,5 +60,5 @@ "babel-core": "6",
     "emotion": "^10.0.5",
-    "jest": "^24.5.0",
-    "jest-haste-map": "^24.5.0",
-    "jest-resolve": "^24.5.0",
+    "jest": "^25.1.0",
+    "jest-haste-map": "^25.1.0",
+    "jest-resolve": "^25.1.0",
     "prettier": "^1.16.1",
@@ -70,4 +71,4 @@ "react": "^16.8.0",
     "rimraf": "^3.0.0",
-    "ts-jest": "^24.0.0",
-    "tslint": "^5.12.0",
+    "ts-jest": "^25.2.0",
+    "tslint": "^6.0.0",
     "tslint-config-prettier": "^1.17.0",
@@ -74,0 +75,0 @@ "typescript": "^3.2.2",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Lines of code

1277

increased by0.71%

Worsened metrics

Total package byte prevSize

86911

decreased by-0.48%

Dev dependency count

39

increased by2.63%

No dependency changes