@ltht-react/banner 0.1.1 → 1.0.6

package/CHANGELOG.md

@@ -1,134 +1,48 @@
-# Change Log
-
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
-
-## [0.1.1](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/banner@0.0.18...@ltht-react/banner@0.1.1) (2021-01-22)
-
-
-### Reverts
-
-* Revert "refactor components and fix styles" ([b0c5fd8](https://github.com/ltht-epr/ltht-react/commit/b0c5fd89836aa7c47afe96aeccefd955a06dd50b))
-* Revert "Publish" ([833cdd7](https://github.com/ltht-epr/ltht-react/commit/833cdd729f74c9fee22fa55530a6ec5552f438ea))
-
-
-
-
-
-## [0.0.16](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/banner@0.0.15...@ltht-react/banner@0.0.16) (2020-09-10)
-
-**Note:** Version bump only for package @ltht-react/banner
-
-
-
-
-
-
-## [0.0.15](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/banner@0.0.14...@ltht-react/banner@0.0.15) (2020-09-01)
-
-**Note:** Version bump only for package @ltht-react/banner
-
-
-
-
-
-## [0.0.14](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/banner@0.0.13...@ltht-react/banner@0.0.14) (2020-08-21)
-
-**Note:** Version bump only for package @ltht-react/banner
-
-
-
-
-
-## [0.0.13](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/banner@0.0.12...@ltht-react/banner@0.0.13) (2020-08-19)
-
-**Note:** Version bump only for package @ltht-react/banner
-
-
-
-
-
-## [0.0.12](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/banner@0.0.11...@ltht-react/banner@0.0.12) (2020-08-19)
-
-**Note:** Version bump only for package @ltht-react/banner
-
-
-
-
-
-## [0.0.11](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/banner@0.0.10...@ltht-react/banner@0.0.11) (2020-08-18)
-
-**Note:** Version bump only for package @ltht-react/banner
-
-
-
-
-
-## [0.0.10](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/banner@0.0.9...@ltht-react/banner@0.0.10) (2020-08-11)
-
-**Note:** Version bump only for package @ltht-react/banner
-
-
-
-
-
-## [0.0.9](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/banner@0.0.8...@ltht-react/banner@0.0.9) (2020-08-10)
-
-**Note:** Version bump only for package @ltht-react/banner
-
-
-
-
-
-## [0.0.8](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/banner@0.0.7...@ltht-react/banner@0.0.8) (2020-08-05)
-
-**Note:** Version bump only for package @ltht-react/banner
-
-
-
-
-
-## [0.0.7](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/banner@0.0.6...@ltht-react/banner@0.0.7) (2020-08-05)
-
-**Note:** Version bump only for package @ltht-react/banner
-
-
-
-
-
-## [0.0.6](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/banner@0.0.5...@ltht-react/banner@0.0.6) (2020-08-05)
-
-**Note:** Version bump only for package @ltht-react/banner
-
-
-
-
-
-## [0.0.4](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/banner@0.0.3...@ltht-react/banner@0.0.4) (2020-08-04)
-
-**Note:** Version bump only for package @ltht-react/banner
-
-
-
-
-
-
-## [0.0.3](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/banner@0.0.2...@ltht-react/banner@0.0.3) (2020-04-28)
-
-**Note:** Version bump only for package @ltht-react/banner
-
-
-
-
-
-## [0.0.2](https://github.com/ltht-epr/ltht-react/compare/@ltht-react/banner@0.0.1...@ltht-react/banner@0.0.2) (2020-04-14)
-
-**Note:** Version bump only for package @ltht-react/banner
-
-
-
-
-
-## 0.0.1 (2020-04-09)
-
-**Note:** Version bump only for package @ltht-react/banner
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+## 1.0.6 (2021-12-16)
+
+**Note:** Version bump only for package @ltht-react/banner
+
+
+
+
+
+## 1.0.5 (2021-12-02)
+
+**Note:** Version bump only for package @ltht-react/banner
+
+
+
+
+
+## 1.0.4 (2021-12-02)
+
+**Note:** Version bump only for package @ltht-react/banner
+
+
+
+
+
+## 1.0.3 (2021-12-01)
+
+**Note:** Version bump only for package @ltht-react/banner
+
+
+
+
+
+## 1.0.2 (2021-11-24)
+
+**Note:** Version bump only for package @ltht-react/banner
+
+
+
+
+
+## 1.0.1 (2021-11-24)
+
+**Note:** Version bump only for package @ltht-react/banner

package/README.md

@@ -1,17 +1,28 @@
-
-# Banner
-
-<!-- STORY -->
-
-### Import
-
-```js
-import Banner from '@ltht-react/banner'
-```
-
-### Usage
-
-```jsx
-<Banner />
-```
-  
+# Banner
+
+### Import
+
+```js
+import Banner from '@ltht-react/banner'
+```
+
+### Usage
+
+```jsx
+<Banner type="info">
+  This is an info alert with{' '}
+  <a href="#" class="alert-link">
+    an example link
+  </a>
+  .
+</Banner>
+```
+
+### Properties
+
+| Prop       | Required | Default | Type                           | Description                                           |
+| :--------- | :------- | :------ | :----------------------------- | :---------------------------------------------------- |
+| `type`     | No       | 'info'  | 'info', 'danger', 'warning'    | Type of styling for the banner                        |
+| `icon`     | No       | None    | ReactNode                      | Custom <Icon /> to render                             |
+| `children` | No       | None    | Element                        | Child elements to render within the banner            |
+| `...rest`  | No       | None    | HTMLAttributes<HTMLDivElement> | Any additional props supported by an HTML Div Element |

package/lib/index.d.ts

@@ -1 +1,8 @@
-export * from './atoms';
+import { FC, HTMLAttributes, ReactNode } from 'react';
+import { StatusTypes } from '@ltht-react/types';
+declare const Banner: FC<IProps>;
+export default Banner;
+interface IProps extends HTMLAttributes<HTMLDivElement> {
+    type?: StatusTypes;
+    icon?: ReactNode;
+}

package/lib/index.js

@@ -1,14 +1,92 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./atoms"), exports);
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var styled_1 = __importDefault(require("@emotion/styled"));
+var icon_1 = require("@ltht-react/icon");
+var styles_1 = require("@ltht-react/styles");
+var generateStyles = function (type) {
+    switch (type) {
+        case 'info':
+            return {
+                background: styles_1.BANNER_COLOURS.INFO.BACKGROUND,
+                borderColor: styles_1.BANNER_COLOURS.INFO.BORDER,
+                color: styles_1.BANNER_COLOURS.INFO.TEXT,
+                hover: styles_1.BANNER_COLOURS.INFO.HOVER,
+            };
+        case 'warning':
+            return {
+                background: styles_1.BANNER_COLOURS.WARNING.BACKGROUND,
+                borderColor: styles_1.BANNER_COLOURS.WARNING.BORDER,
+                color: styles_1.BANNER_COLOURS.WARNING.TEXT,
+                hover: styles_1.BANNER_COLOURS.WARNING.HOVER,
+            };
+        case 'danger':
+            return {
+                background: styles_1.BANNER_COLOURS.DANGER.BACKGROUND,
+                borderColor: styles_1.BANNER_COLOURS.DANGER.BORDER,
+                color: styles_1.BANNER_COLOURS.DANGER.TEXT,
+                hover: styles_1.BANNER_COLOURS.DANGER.HOVER,
+            };
+        default:
+            return {};
+    }
+};
+var StyledBanner = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", ";\n\n  display: flex;\n  align-items: center;\n  padding: 0.75rem;\n  background: ", ";\n  color: ", ";\n  border: 1px solid ", ";\n\n  &:hover {\n    background: ", ";\n    cursor: ", ";\n  }\n"], ["\n  ", ";\n\n  display: flex;\n  align-items: center;\n  padding: 0.75rem;\n  background: ", ";\n  color: ", ";\n  border: 1px solid ", ";\n\n  &:hover {\n    background: ", ";\n    cursor: ", ";\n  }\n"])), styles_1.CSS_RESET, function (_a) {
+    var type = _a.type;
+    return generateStyles(type).background;
+}, function (_a) {
+    var type = _a.type;
+    return generateStyles(type).color;
+}, function (_a) {
+    var type = _a.type;
+    return generateStyles(type).borderColor;
+}, function (_a) {
+    var type = _a.type, canClick = _a.canClick;
+    return (canClick ? generateStyles(type).hover : generateStyles(type).background);
+}, function (_a) {
+    var canClick = _a.canClick;
+    return (canClick ? 'pointer' : 'default');
+});
+var BannerContent = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  flex: 1;\n"], ["\n  flex: 1;\n"])));
+var StyledIcon = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  margin-right: 10px;\n"], ["\n  margin-right: 10px;\n"])));
+var canClick = function (props) { return props.onClick !== undefined; };
+var Banner = function (_a) {
+    var _b = _a.type, type = _b === void 0 ? 'info' : _b, icon = _a.icon, children = _a.children, rest = __rest(_a, ["type", "icon", "children"]);
+    return (jsx_runtime_1.jsxs(StyledBanner, __assign({}, rest, { type: type, canClick: canClick(rest) }, { children: [icon ? (jsx_runtime_1.jsx(StyledIcon, { children: icon }, void 0)) : (jsx_runtime_1.jsxs(StyledIcon, { children: [type === 'info' && jsx_runtime_1.jsx(icon_1.InfoCircleIcon, { status: "info", size: "medium" }, void 0),
+                    type === 'warning' && jsx_runtime_1.jsx(icon_1.ExclamationIcon, { status: "amber", size: "medium" }, void 0),
+                    type === 'danger' && jsx_runtime_1.jsx(icon_1.ExclamationIcon, { status: "red", size: "medium" }, void 0)] }, void 0)),
+            jsx_runtime_1.jsx(BannerContent, { children: children }, void 0),
+            canClick(rest) && jsx_runtime_1.jsx(icon_1.ChevronIcon, { size: "medium", direction: "right" }, void 0)] }), void 0));
+};
+exports.default = Banner;
+var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ltht-react/banner",
-  "version": "0.1.1",
-  "description": "ltht-react styled Banner component.",
+  "version": "1.0.6",
+  "description": "ltht-react Banner Component.",
   "author": "LTHT",
   "homepage": "",
   "license": "MIT",
@@ -25,13 +25,13 @@
     "lint": "prettylint 'src/*.{ts,tsx}'"
   },
   "dependencies": {
-    "@emotion/core": "^10.0.27",
-    "@emotion/styled": "^10.0.27",
-    "@ltht-react/styles": "^0.2.1",
-    "@ltht-react/types": "^0.1.1",
-    "@ltht-react/utils": "^0.2.1",
-    "emotion": "^10.0.27",
-    "react": "^16.12.0"
+    "@emotion/react": "^11.0.0",
+    "@emotion/styled": "^11.0.0",
+    "@ltht-react/icon": "^1.3.33",
+    "@ltht-react/styles": "^1.3.25",
+    "@ltht-react/types": "^1.0.29",
+    "@ltht-react/utils": "^1.1.31",
+    "react": "^17.0.0"
   },
-  "gitHead": "8ed606fa5eb29a987434481dce1c2fed87966fc7"
+  "gitHead": "bac9567fdeb3d9c55620a25232ce8e22e753e768"
 }

package/lib/atoms/banner.d.ts

@@ -1,21 +0,0 @@
-/** @jsx jsx */
-import React from 'react';
-import { SerializedStyles } from '@emotion/core';
-export declare const styles: (clickable: boolean) => {
-    base: SerializedStyles;
-    default: SerializedStyles;
-    primary: SerializedStyles;
-    warning: SerializedStyles;
-    info: SerializedStyles;
-    error: SerializedStyles;
-    icon: SerializedStyles;
-};
-declare const Banner: React.FC<Props>;
-declare type BannerStyle = 'default' | 'primary' | 'info' | 'warning' | 'error';
-interface Props extends BannerProps {
-    bannerStyle?: BannerStyle;
-}
-export interface BannerProps {
-    clickHandler?(e: React.MouseEvent<HTMLElement, MouseEvent>): void;
-}
-export default Banner;

package/lib/atoms/banner.js

@@ -1,35 +0,0 @@
-"use strict";
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.styles = void 0;
-var core_1 = require("@emotion/core");
-var styles_1 = require("@ltht-react/styles");
-var onHover = core_1.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &:hover {\n    cursor: pointer;\n  }\n"], ["\n  &:hover {\n    cursor: pointer;\n  }\n"])));
-exports.styles = function (clickable) {
-    return {
-        base: core_1.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      display: flex;\n      align-items: center;\n      white-space: nowrap;\n      border: 1px solid transparent;\n      padding: 0.25rem 0.5rem;\n    "], ["\n      display: flex;\n      align-items: center;\n      white-space: nowrap;\n      border: 1px solid transparent;\n      padding: 0.25rem 0.5rem;\n    "]))),
-        default: core_1.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      color: ", ";\n      background-color: ", ";\n      ", " && &:hover {\n        cursor: pointer;\n      }\n    "], ["\n      color: ", ";\n      background-color: ", ";\n      ", " && &:hover {\n        cursor: pointer;\n      }\n    "])), styles_1.BANNER_COLOURS.DEFAULT.TEXT, styles_1.BANNER_COLOURS.DEFAULT.VALUE, clickable),
-        primary: core_1.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      color: ", ";\n      background-color: ", ";\n      ", " && &:hover {\n        cursor: pointer;\n      }\n    "], ["\n      color: ", ";\n      background-color: ", ";\n      ", " && &:hover {\n        cursor: pointer;\n      }\n    "])), styles_1.BANNER_COLOURS.PRIMARY.TEXT, styles_1.BANNER_COLOURS.PRIMARY.VALUE, clickable),
-        info: core_1.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      color: ", ";\n      background-color: ", ";\n      ", "\n    "], ["\n      color: ", ";\n      background-color: ", ";\n      ", "\n    "])), styles_1.BANNER_COLOURS.INFO.TEXT, styles_1.BANNER_COLOURS.INFO.VALUE, clickable && onHover),
-        warning: core_1.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      color: darkgoldenrod;\n      background-color: ", ";\n      ", "\n    "], ["\n      color: darkgoldenrod;\n      background-color: ", ";\n      ", "\n    "])), styles_1.BANNER_COLOURS.WARNING.VALUE, clickable && onHover),
-        error: core_1.css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      color: ", ";\n      background-color: ", ";\n      ", " && &:hover {\n        cursor: pointer;\n      }\n    "], ["\n      color: ", ";\n      background-color: ", ";\n      ", " && &:hover {\n        cursor: pointer;\n      }\n    "])), styles_1.BANNER_COLOURS.ERROR.TEXT, styles_1.BANNER_COLOURS.ERROR.VALUE, clickable),
-        icon: core_1.css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      display: block;\n    "], ["\n      display: block;\n    "]))),
-    };
-};
-var Banner = function (_a) {
-    var children = _a.children, _b = _a.bannerStyle, bannerStyle = _b === void 0 ? 'default' : _b, _c = _a.clickHandler, clickHandler = _c === void 0 ? null : _c;
-    var clickable = clickHandler != null;
-    var handleClick = function (e) {
-        e.preventDefault();
-        if (clickHandler != null) {
-            clickHandler(e);
-        }
-    };
-    return (core_1.jsx("div", { id: "banner", css: [exports.styles(clickable).base, exports.styles(clickable)[bannerStyle]], onClick: handleClick }, children));
-};
-exports.default = Banner;
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
-//# sourceMappingURL=banner.js.map

package/lib/atoms/banner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"banner.js","sourceRoot":"","sources":["../../src/atoms/banner.tsx"],"names":[],"mappings":";;;;;;;AAEA,sCAA0D;AAC1D,6CAAmD;AAEnD,IAAM,OAAO,GAAG,UAAG,+GAAA,4CAIlB,IAAA,CAAA;AAEY,QAAA,MAAM,GAAG,UACpB,SAAkB;IAUlB,OAAO;QACL,IAAI,EAAE,UAAG,+NAAA,4JAMR,IAAA;QACD,OAAO,EAAE,UAAG,0LAAA,iBACD,EAA2B,6BAChB,EAA4B,WAC9C,EAAS,wDAGZ,KALU,uBAAc,CAAC,OAAO,CAAC,IAAI,EAChB,uBAAc,CAAC,OAAO,CAAC,KAAK,EAC9C,SAAS,CAGZ;QACD,OAAO,EAAE,UAAG,0LAAA,iBACD,EAA2B,6BAChB,EAA4B,WAC9C,EAAS,wDAGZ,KALU,uBAAc,CAAC,OAAO,CAAC,IAAI,EAChB,uBAAc,CAAC,OAAO,CAAC,KAAK,EAC9C,SAAS,CAGZ;QACD,IAAI,EAAE,UAAG,0IAAA,iBACE,EAAwB,6BACb,EAAyB,WAC3C,EAAoB,QACvB,KAHU,uBAAc,CAAC,IAAI,CAAC,IAAI,EACb,uBAAc,CAAC,IAAI,CAAC,KAAK,EAC3C,SAAS,IAAI,OAAO,CACvB;QACD,OAAO,EAAE,UAAG,mJAAA,yDAEU,EAA4B,WAC9C,EAAoB,QACvB,KAFqB,uBAAc,CAAC,OAAO,CAAC,KAAK,EAC9C,SAAS,IAAI,OAAO,CACvB;QACD,KAAK,EAAE,UAAG,0LAAA,iBACC,EAAyB,6BACd,EAA0B,WAC5C,EAAS,wDAGZ,KALU,uBAAc,CAAC,KAAK,CAAC,IAAI,EACd,uBAAc,CAAC,KAAK,CAAC,KAAK,EAC5C,SAAS,CAGZ;QACD,IAAI,EAAE,UAAG,kGAAA,+BAER,IAAA;KACF,CAAA;AACH,CAAC,CAAA;AAED,IAAM,MAAM,GAAoB,UAAC,EAA0D;QAAxD,QAAQ,cAAA,EAAE,mBAAuB,EAAvB,WAAW,mBAAG,SAAS,KAAA,EAAE,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA;IACvF,IAAM,SAAS,GAAG,YAAY,IAAI,IAAI,CAAA;IAEtC,IAAM,WAAW,GAAG,UAAC,CAA4C;QAC/D,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,IAAI,YAAY,IAAI,IAAI,EAAE;YACxB,YAAY,CAAC,CAAC,CAAC,CAAA;SAChB;IACH,CAAC,CAAA;IAED,OAAO,CACL,oBAAK,EAAE,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,cAAM,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,cAAM,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC,EAAE,OAAO,EAAE,WAAW,IACjG,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAYD,kBAAe,MAAM,CAAA"}

package/lib/atoms/error-banner.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { BannerProps } from './banner';
-declare const ErrorBanner: React.FC<BannerProps>;
-export default ErrorBanner;

package/lib/atoms/error-banner.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var banner_1 = __importDefault(require("./banner"));
-var ErrorBanner = function (_a) {
-    var children = _a.children, clickHandler = _a.clickHandler;
-    return (react_1.default.createElement(banner_1.default, { bannerStyle: "error", clickHandler: clickHandler }, children));
-};
-exports.default = ErrorBanner;
-//# sourceMappingURL=error-banner.js.map

package/lib/atoms/error-banner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"error-banner.js","sourceRoot":"","sources":["../../src/atoms/error-banner.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAyB;AACzB,oDAA8C;AAE9C,IAAM,WAAW,GAA0B,UAAC,EAA0B;QAAxB,QAAQ,cAAA,EAAE,YAAY,kBAAA;IAClE,OAAO,CACL,8BAAC,gBAAM,IAAC,WAAW,EAAC,OAAO,EAAC,YAAY,EAAE,YAAY,IACnD,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,WAAW,CAAA"}

package/lib/atoms/index.d.ts

@@ -1,5 +0,0 @@
-export { default as Banner } from './banner';
-export { default as InfoBanner } from './info-banner';
-export { default as WarningBanner } from './warning-banner';
-export { default as ErrorBanner } from './error-banner';
-export { default as PrimaryBanner } from './primary-banner';

package/lib/atoms/index.js

@@ -1,13 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var banner_1 = require("./banner");
-Object.defineProperty(exports, "Banner", { enumerable: true, get: function () { return banner_1.default; } });
-var info_banner_1 = require("./info-banner");
-Object.defineProperty(exports, "InfoBanner", { enumerable: true, get: function () { return info_banner_1.default; } });
-var warning_banner_1 = require("./warning-banner");
-Object.defineProperty(exports, "WarningBanner", { enumerable: true, get: function () { return warning_banner_1.default; } });
-var error_banner_1 = require("./error-banner");
-Object.defineProperty(exports, "ErrorBanner", { enumerable: true, get: function () { return error_banner_1.default; } });
-var primary_banner_1 = require("./primary-banner");
-Object.defineProperty(exports, "PrimaryBanner", { enumerable: true, get: function () { return primary_banner_1.default; } });
-//# sourceMappingURL=index.js.map

package/lib/atoms/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/atoms/index.tsx"],"names":[],"mappings":";;AAAA,mCAA4C;AAAnC,gGAAA,OAAO,OAAU;AAC1B,6CAAqD;AAA5C,yGAAA,OAAO,OAAc;AAC9B,mDAA2D;AAAlD,+GAAA,OAAO,OAAiB;AACjC,+CAAuD;AAA9C,2GAAA,OAAO,OAAe;AAC/B,mDAA2D;AAAlD,+GAAA,OAAO,OAAiB"}

package/lib/atoms/info-banner.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { BannerProps } from './banner';
-declare const InfoBanner: React.FC<BannerProps>;
-export default InfoBanner;

package/lib/atoms/info-banner.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var banner_1 = __importDefault(require("./banner"));
-var InfoBanner = function (_a) {
-    var children = _a.children, clickHandler = _a.clickHandler;
-    return (react_1.default.createElement(banner_1.default, { bannerStyle: "info", clickHandler: clickHandler }, children));
-};
-exports.default = InfoBanner;
-//# sourceMappingURL=info-banner.js.map

package/lib/atoms/info-banner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"info-banner.js","sourceRoot":"","sources":["../../src/atoms/info-banner.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAyB;AACzB,oDAA8C;AAE9C,IAAM,UAAU,GAA0B,UAAC,EAA0B;QAAxB,QAAQ,cAAA,EAAE,YAAY,kBAAA;IACjE,OAAO,CACL,8BAAC,gBAAM,IAAC,WAAW,EAAC,MAAM,EAAC,YAAY,EAAE,YAAY,IAClD,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,UAAU,CAAA"}

package/lib/atoms/primary-banner.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { BannerProps } from './banner';
-declare const PrimaryBanner: React.FC<BannerProps>;
-export default PrimaryBanner;

package/lib/atoms/primary-banner.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var banner_1 = __importDefault(require("./banner"));
-var PrimaryBanner = function (_a) {
-    var children = _a.children, clickHandler = _a.clickHandler;
-    return (react_1.default.createElement(banner_1.default, { bannerStyle: "primary", clickHandler: clickHandler }, children));
-};
-exports.default = PrimaryBanner;
-//# sourceMappingURL=primary-banner.js.map

package/lib/atoms/primary-banner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"primary-banner.js","sourceRoot":"","sources":["../../src/atoms/primary-banner.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAyB;AACzB,oDAA8C;AAE9C,IAAM,aAAa,GAA0B,UAAC,EAA0B;QAAxB,QAAQ,cAAA,EAAE,YAAY,kBAAA;IACpE,OAAO,CACL,8BAAC,gBAAM,IAAC,WAAW,EAAC,SAAS,EAAC,YAAY,EAAE,YAAY,IACrD,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,aAAa,CAAA"}

package/lib/atoms/warning-banner.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { BannerProps } from './banner';
-declare const WarningBanner: React.FC<BannerProps>;
-export default WarningBanner;

package/lib/atoms/warning-banner.js

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = __importDefault(require("react"));
-var banner_1 = __importDefault(require("./banner"));
-var WarningBanner = function (_a) {
-    var children = _a.children, clickHandler = _a.clickHandler;
-    return (react_1.default.createElement(banner_1.default, { bannerStyle: "warning", clickHandler: clickHandler }, children));
-};
-exports.default = WarningBanner;
-//# sourceMappingURL=warning-banner.js.map

package/lib/atoms/warning-banner.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"warning-banner.js","sourceRoot":"","sources":["../../src/atoms/warning-banner.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAyB;AACzB,oDAA8C;AAE9C,IAAM,aAAa,GAA0B,UAAC,EAA0B;QAAxB,QAAQ,cAAA,EAAE,YAAY,kBAAA;IACpE,OAAO,CACL,8BAAC,gBAAM,IAAC,WAAW,EAAC,SAAS,EAAC,YAAY,EAAE,YAAY,IACrD,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,aAAa,CAAA"}