@papillonarts/components 0.10.0 → 0.12.0

package/build/primer/Popover/Popover.prop.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.popoverVariant = exports.popoverSize = exports.defaultProps = void 0;
+var popoverVariant = exports.popoverVariant = {
+  "default": 'default',
+  bottom: 'bottom',
+  bottomRight: 'bottomRight',
+  bottomLeft: 'bottomLeft',
+  left: 'left',
+  leftBottom: 'leftBottom',
+  leftTop: 'leftTop',
+  right: 'right',
+  rightBottom: 'rightBottom',
+  rightTop: 'rightTop',
+  topLeft: 'topLeft',
+  topRight: 'topRight'
+};
+var popoverSize = exports.popoverSize = {
+  normal: 'normal',
+  large: 'large'
+};
+var defaultProps = exports.defaultProps = {
+  className: null,
+  variant: popoverVariant["default"],
+  size: popoverSize.normal
+};

package/build/primer/Popover/index.d.ts

@@ -0,0 +1,3 @@
+export { Popover } from './Popover';
+export { popoverVariant, popoverSize } from './Popover.prop';
+//# sourceMappingURL=index.d.ts.map

package/build/primer/Popover/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/Popover/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA"}

package/build/primer/Popover/index.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Popover", {
+  enumerable: true,
+  get: function get() {
+    return _Popover.Popover;
+  }
+});
+Object.defineProperty(exports, "popoverSize", {
+  enumerable: true,
+  get: function get() {
+    return _Popover2.popoverSize;
+  }
+});
+Object.defineProperty(exports, "popoverVariant", {
+  enumerable: true,
+  get: function get() {
+    return _Popover2.popoverVariant;
+  }
+});
+var _Popover = require("./Popover");
+var _Popover2 = require("./Popover.prop");

package/build/primer/Progress/Progress.d.ts

@@ -0,0 +1,3 @@
+import { ProgressProps } from './Progress.prop';
+export declare function Progress({ className, variant, percentage }: ProgressProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Progress.d.ts.map

package/build/primer/Progress/Progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.d.ts","sourceRoot":"","sources":["../../../src/primer/Progress/Progress.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAiC,MAAM,iBAAiB,CAAA;AAG9E,wBAAgB,QAAQ,CAAC,EAAE,SAAkC,EAAE,OAA8B,EAAE,UAAU,EAAE,EAAE,aAAa,2CAazH"}

package/build/primer/Progress/Progress.js

@@ -0,0 +1,30 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Progress = Progress;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _colors = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/colors.scss"));
+var _Progress = require("./Progress.prop");
+var _Progress2 = _interopRequireDefault(require("./Progress.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+function Progress(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? _Progress.defaultProps.className : _ref$className,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? _Progress.defaultProps.variant : _ref$variant,
+    percentage = _ref.percentage;
+  var percentageStyle = {
+    width: "".concat(percentage, "%")
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+    className: (0, _classnames["default"])(className, _Progress2["default"].Progress, (0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Progress2["default"]['Progress--large'], variant === _Progress.progressVariant.large), _Progress2["default"]['Progress--small'], variant === _Progress.progressVariant.small === true)),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _classnames["default"])(_Progress2["default"]['Progress-item'], _colors["default"]['bg-green']),
+      style: percentageStyle
+    })
+  });
+}

package/build/primer/Progress/Progress.prop.d.ts

@@ -0,0 +1,15 @@
+export declare const progressVariant: {
+    small: string;
+    normal: string;
+    large: string;
+};
+export declare const defaultProps: {
+    className: any;
+    variant: string;
+};
+export interface ProgressProps {
+    className?: string;
+    variant?: typeof progressVariant.small | typeof progressVariant.normal | typeof progressVariant.large;
+    percentage: number;
+}
+//# sourceMappingURL=Progress.prop.d.ts.map

package/build/primer/Progress/Progress.prop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Progress.prop.d.ts","sourceRoot":"","sources":["../../../src/primer/Progress/Progress.prop.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe;;;;CAI3B,CAAA;AAED,eAAO,MAAM,YAAY;;;CAGxB,CAAA;AAED,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,eAAe,CAAC,KAAK,GAAG,OAAO,eAAe,CAAC,MAAM,GAAG,OAAO,eAAe,CAAC,KAAK,CAAA;IACrG,UAAU,EAAE,MAAM,CAAA;CACnB"}

package/build/primer/Progress/Progress.prop.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.progressVariant = exports.defaultProps = void 0;
+var progressVariant = exports.progressVariant = {
+  small: 'small',
+  normal: 'normal',
+  large: 'large'
+};
+var defaultProps = exports.defaultProps = {
+  className: null,
+  variant: progressVariant.normal
+};

package/build/primer/Progress/index.d.ts

@@ -0,0 +1,3 @@
+export { Progress } from './Progress';
+export { progressVariant } from './Progress.prop';
+//# sourceMappingURL=index.d.ts.map

package/build/primer/Progress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/Progress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA"}

package/build/primer/Progress/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Progress", {
+  enumerable: true,
+  get: function get() {
+    return _Progress.Progress;
+  }
+});
+Object.defineProperty(exports, "progressVariant", {
+  enumerable: true,
+  get: function get() {
+    return _Progress2.progressVariant;
+  }
+});
+var _Progress = require("./Progress");
+var _Progress2 = require("./Progress.prop");

package/build/primer/Select/Select.d.ts

@@ -0,0 +1,3 @@
+import { SelectProps } from './Select.prop';
+export declare function Select({ id, className, selectedText, items, onChange, state, }: SelectProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Select.d.ts.map

package/build/primer/Select/Select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/primer/Select/Select.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,WAAW,EAA6B,MAAM,eAAe,CAAA;AAGtE,wBAAgB,MAAM,CAAC,EACrB,EAAoB,EACpB,SAAkC,EAClC,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,KAA0B,GAC3B,EAAE,WAAW,2CA2Cb"}

package/build/primer/Select/Select.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Select = Select;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _uuid = require("uuid");
+var _layout = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/layout.scss"));
+var _array = require("@papillonarts/library/array");
+var _Select = require("./Select.prop");
+var _Select2 = _interopRequireDefault(require("./Select.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+function Select(_ref) {
+  var _ref$id = _ref.id,
+    id = _ref$id === void 0 ? _Select.defaultProps.id : _ref$id,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? _Select.defaultProps.className : _ref$className,
+    selectedText = _ref.selectedText,
+    items = _ref.items,
+    onChange = _ref.onChange,
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? _Select.defaultProps.state : _ref$state;
+  var indexItems = (0, _array.getIndexItems)(items);
+  var handleOnChange = function handleOnChange(event) {
+    var indexItem = indexItems.find(function (item) {
+      return item.text === event.target.value;
+    });
+    var newIndexItems = (0, _array.getIndexItemsWithSelected)(indexItems, indexItem);
+    onChange({
+      selectedText: indexItem.text,
+      items: newIndexItems.map(function (newIndexItem) {
+        return function (_ref2) {
+          var newIndexItemText = _ref2.text,
+            newIndexItemIsSelected = _ref2.isSelected;
+          return {
+            text: newIndexItemText,
+            isSelected: newIndexItemIsSelected
+          };
+        }(newIndexItem);
+      })
+    });
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames["default"])(className, _Select2["default"].select),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("select", {
+      id: id
+      // @ts-ignore
+      ,
+      readOnly: false,
+      onChange: handleOnChange,
+      className: (0, _classnames["default"])(_Select2["default"]['select-menu'], _layout["default"]['width-full'], (0, _defineProperty2["default"])({}, _Select2["default"]['select-inactive'], state === _Select.selectState.inactive)),
+      value: selectedText,
+      children: items && indexItems.map(function (indexItem) {
+        var text = indexItem.text,
+          isSelected = indexItem.isSelected;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("option", {
+          value: text,
+          selected: isSelected,
+          children: text
+        }, (0, _uuid.v1)());
+      })
+    })
+  });
+}

package/build/primer/Select/Select.prop.d.ts

@@ -0,0 +1,22 @@
+export declare const selectState: {
+    active: string;
+    inactive: string;
+};
+export declare const defaultProps: {
+    id: any;
+    className: any;
+    state: string;
+};
+export interface ItemType {
+    text: string;
+    isSelected: boolean;
+}
+export interface SelectProps {
+    id?: string;
+    className?: string;
+    selectedText: string;
+    items: ItemType[];
+    onChange: (value: any) => void;
+    state?: typeof selectState.active | typeof selectState.inactive;
+}
+//# sourceMappingURL=Select.prop.d.ts.map

package/build/primer/Select/Select.prop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.prop.d.ts","sourceRoot":"","sources":["../../../src/primer/Select/Select.prop.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW;;;CAGvB,CAAA;AAED,eAAO,MAAM,YAAY;;;;CAIxB,CAAA;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,EAAE,MAAM,CAAA;IACpB,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,QAAQ,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;IACzB,KAAK,CAAC,EAAE,OAAO,WAAW,CAAC,MAAM,GAAG,OAAO,WAAW,CAAC,QAAQ,CAAA;CAChE"}

package/build/primer/Select/Select.prop.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectState = exports.defaultProps = void 0;
+var selectState = exports.selectState = {
+  active: 'active',
+  inactive: 'inactive'
+};
+var defaultProps = exports.defaultProps = {
+  id: null,
+  className: null,
+  state: selectState.active
+};

package/build/primer/Select/index.d.ts

@@ -0,0 +1,3 @@
+export { Select } from './Select';
+export { selectState } from './Select.prop';
+//# sourceMappingURL=index.d.ts.map

package/build/primer/Select/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}

package/build/primer/Select/index.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Select", {
+  enumerable: true,
+  get: function get() {
+    return _Select.Select;
+  }
+});
+Object.defineProperty(exports, "selectState", {
+  enumerable: true,
+  get: function get() {
+    return _Select2.selectState;
+  }
+});
+var _Select = require("./Select");
+var _Select2 = require("./Select.prop");

package/build/primer/SelectMenu/SelectMenu.d.ts

@@ -0,0 +1,3 @@
+import { SelectMenuProps } from './SelectMenu.prop';
+export declare function SelectMenu({ className, summary, icon, title, ariaAttr, items, onClick, }: SelectMenuProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectMenu.d.ts.map

package/build/primer/SelectMenu/SelectMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMenu.d.ts","sourceRoot":"","sources":["../../../src/primer/SelectMenu/SelectMenu.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,eAAe,EAAgB,MAAM,mBAAmB,CAAA;AAKjE,wBAAgB,UAAU,CAAC,EACzB,SAAkC,EAClC,OAAO,EACP,IAAI,EACJ,KAA0B,EAC1B,QAAQ,EACR,KAAK,EACL,OAAO,GACR,EAAE,eAAe,2CAgDjB"}

package/build/primer/SelectMenu/SelectMenu.js

@@ -0,0 +1,94 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectMenu = SelectMenu;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _uuid = require("uuid");
+var _array = require("@papillonarts/library/array");
+var _hooks = require("@papillonarts/library/hooks");
+var _margin = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/margin.scss"));
+var _details = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/details.scss"));
+var _SelectMenu = require("./SelectMenu.prop");
+var _SelectMenu2 = _interopRequireDefault(require("./SelectMenu.scss"));
+var _Button = _interopRequireDefault(require("../Button/Button.scss"));
+var _Icon = require("../Icon");
+var _jsxRuntime = require("react/jsx-runtime");
+function SelectMenu(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? _SelectMenu.defaultProps.className : _ref$className,
+    summary = _ref.summary,
+    icon = _ref.icon,
+    _ref$title = _ref.title,
+    title = _ref$title === void 0 ? _SelectMenu.defaultProps.title : _ref$title,
+    ariaAttr = _ref.ariaAttr,
+    items = _ref.items,
+    _onClick = _ref.onClick;
+  var _useState = (0, _hooks.useState)((0, _array.getIndexItems)(items)),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    indexItems = _useState2[0],
+    setIndexItems = _useState2[1];
+  var haspopup = ariaAttr.haspopup;
+  var details = (0, _hooks.useRef)(null);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("details", {
+    ref: details,
+    className: (0, _classnames["default"])(className, _details["default"]['details-reset'], _details["default"]['details-overlay']),
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("summary", {
+      className: (0, _classnames["default"])(_Button["default"].btn, _Button["default"]['btn-outline']),
+      "aria-haspopup": haspopup,
+      children: [summary, " ", /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+        className: (0, _classnames["default"])(_margin["default"]['ml-2']),
+        icon: icon,
+        size: _Icon.iconSize.small
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _SelectMenu2["default"].SelectMenu,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: _SelectMenu2["default"]['SelectMenu-modal'],
+        children: [title && /*#__PURE__*/(0, _jsxRuntime.jsxs)("header", {
+          className: _SelectMenu2["default"]['SelectMenu-header'],
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h3", {
+            className: _SelectMenu2["default"]['SelectMenu-title'],
+            children: title
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+            className: _SelectMenu2["default"]['SelectMenu-closeButton'],
+            type: "button"
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: _SelectMenu2["default"]['SelectMenu-list'],
+          children: indexItems.map(function (indexItem) {
+            var text = indexItem.text;
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+              type: "button",
+              onClick: function onClick(e) {
+                e.preventDefault();
+                var newIndexItems = (0, _array.getIndexItemsWithSelected)(indexItems, indexItem);
+                setIndexItems(newIndexItems);
+                _onClick({
+                  ariaAttr: ariaAttr,
+                  items: newIndexItems.map(function (newIndexItem) {
+                    return function (_ref2) {
+                      var text = _ref2.text,
+                        isSelected = _ref2.isSelected;
+                      return {
+                        text: text,
+                        isSelected: isSelected
+                      };
+                    }(newIndexItem);
+                  }) // eslint-disable-line
+                });
+                details.current.removeAttribute('open');
+              },
+              className: _SelectMenu2["default"]['SelectMenu-item'],
+              role: "menuitem",
+              children: text
+            }, (0, _uuid.v1)());
+          })
+        })]
+      })
+    })]
+  });
+}

package/build/primer/SelectMenu/SelectMenu.prop.d.ts

@@ -0,0 +1,22 @@
+import { IconNameType } from '../Icon/Icon.prop';
+export declare const defaultProps: {
+    className: any;
+    title: any;
+};
+export interface AriaAttrType {
+    haspopup: boolean;
+}
+export interface ItemType {
+    text: string;
+    isSelected: boolean;
+}
+export interface SelectMenuProps {
+    className?: string;
+    summary: string;
+    icon: IconNameType;
+    title?: string;
+    ariaAttr: AriaAttrType;
+    items: ItemType[];
+    onClick: (value: any) => void;
+}
+//# sourceMappingURL=SelectMenu.prop.d.ts.map

package/build/primer/SelectMenu/SelectMenu.prop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMenu.prop.d.ts","sourceRoot":"","sources":["../../../src/primer/SelectMenu/SelectMenu.prop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAEhD,eAAO,MAAM,YAAY;;;CAGxB,CAAA;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,UAAU,EAAE,OAAO,CAAA;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,YAAY,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,YAAY,CAAA;IACtB,KAAK,EAAE,QAAQ,EAAE,CAAA;IACjB,OAAO,EAAE,CAAC,KAAK,KAAA,KAAK,IAAI,CAAA;CACzB"}

package/build/primer/SelectMenu/SelectMenu.prop.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = exports.defaultProps = {
+  className: null,
+  title: null
+};

package/build/primer/SelectMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { SelectMenu } from './SelectMenu';
+//# sourceMappingURL=index.d.ts.map

package/build/primer/SelectMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/SelectMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/build/primer/SelectMenu/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "SelectMenu", {
+  enumerable: true,
+  get: function get() {
+    return _SelectMenu.SelectMenu;
+  }
+});
+var _SelectMenu = require("./SelectMenu");

package/build/primer/Subhead/Subhead.d.ts

@@ -0,0 +1,3 @@
+import { SubheadProps } from './Subhead.prop';
+export declare function Subhead({ className, heading, isSpacious }: SubheadProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Subhead.d.ts.map

package/build/primer/Subhead/Subhead.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Subhead.d.ts","sourceRoot":"","sources":["../../../src/primer/Subhead/Subhead.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAgB,MAAM,gBAAgB,CAAA;AAG3D,wBAAgB,OAAO,CAAC,EAAE,SAAkC,EAAE,OAAO,EAAE,UAAoC,EAAE,EAAE,YAAY,2CAU1H"}

package/build/primer/Subhead/Subhead.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Subhead = Subhead;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _Subhead = require("./Subhead.prop");
+var _Subhead2 = _interopRequireDefault(require("./Subhead.scss"));
+var _jsxRuntime = require("react/jsx-runtime");
+function Subhead(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? _Subhead.defaultProps.className : _ref$className,
+    heading = _ref.heading,
+    _ref$isSpacious = _ref.isSpacious,
+    isSpacious = _ref$isSpacious === void 0 ? _Subhead.defaultProps.isSpacious : _ref$isSpacious;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames["default"])(className, _Subhead2["default"].Subhead, (0, _defineProperty2["default"])({}, _Subhead2["default"]['Subhead--spacious'], isSpacious === true)),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: _Subhead2["default"]['Subhead-heading'],
+      children: heading
+    })
+  });
+}

package/build/primer/Subhead/Subhead.prop.d.ts

@@ -0,0 +1,10 @@
+export declare const defaultProps: {
+    className: any;
+    isSpacious: boolean;
+};
+export interface SubheadProps {
+    className?: string;
+    heading: string;
+    isSpacious?: boolean;
+}
+//# sourceMappingURL=Subhead.prop.d.ts.map

package/build/primer/Subhead/Subhead.prop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Subhead.prop.d.ts","sourceRoot":"","sources":["../../../src/primer/Subhead/Subhead.prop.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;CAGxB,CAAA;AAED,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB"}

package/build/primer/Subhead/Subhead.prop.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = exports.defaultProps = {
+  className: null,
+  isSpacious: false
+};

package/build/primer/Subhead/index.d.ts

@@ -0,0 +1,2 @@
+export { Subhead } from './Subhead';
+//# sourceMappingURL=index.d.ts.map

package/build/primer/Subhead/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primer/Subhead/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA"}

package/build/primer/Subhead/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Subhead", {
+  enumerable: true,
+  get: function get() {
+    return _Subhead.Subhead;
+  }
+});
+var _Subhead = require("./Subhead");

package/build/primer/Toast/Toast.d.ts

@@ -0,0 +1,3 @@
+import { ToastProps } from './Toast.prop';
+export declare function Toast({ className, variant, text, isDismissable, onClick, }: ToastProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Toast.d.ts.map

package/build/primer/Toast/Toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/primer/Toast/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAA8B,MAAM,cAAc,CAAA;AAIrE,wBAAgB,KAAK,CAAC,EACpB,SAAkC,EAClC,OAA8B,EAC9B,IAAI,EACJ,aAA0C,EAC1C,OAA8B,GAC/B,EAAE,UAAU,2CAyBZ"}

package/build/primer/Toast/Toast.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Toast = Toast;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _padding = _interopRequireDefault(require("@papillonarts/css/build/primer/utilities/padding.scss"));
+var _Toast = require("./Toast.prop");
+var _Toast2 = _interopRequireDefault(require("./Toast.scss"));
+var _Icon = require("../Icon");
+var _jsxRuntime = require("react/jsx-runtime");
+function Toast(_ref) {
+  var _ref$className = _ref.className,
+    className = _ref$className === void 0 ? _Toast.defaultProps.className : _ref$className,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? _Toast.defaultProps.variant : _ref$variant,
+    text = _ref.text,
+    _ref$isDismissable = _ref.isDismissable,
+    isDismissable = _ref$isDismissable === void 0 ? _Toast.defaultProps.isDismissable : _ref$isDismissable,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? _Toast.defaultProps.onClick : _ref$onClick;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames["default"])(className, _padding["default"]['p-1']),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames["default"])(_Toast2["default"].Toast, (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _Toast2["default"]['Toast--success'], variant === _Toast.toastVariant.success), _Toast2["default"]['Toast--warning'], variant === _Toast.toastVariant.warning), _Toast2["default"]['Toast--error'], variant === _Toast.toastVariant.error)),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+        className: _Toast2["default"]['Toast-icon'],
+        children: [variant === _Toast.toastVariant.info && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+          icon: _Icon.iconName.Info16
+        }), variant === _Toast.toastVariant.success && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+          icon: _Icon.iconName.Check16
+        }), variant === _Toast.toastVariant.warning && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+          icon: _Icon.iconName.Alert16
+        }), variant === _Toast.toastVariant.error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+          icon: _Icon.iconName.Stop16
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: _Toast2["default"]['Toast-content'],
+        children: text
+      }), isDismissable && /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
+        type: "button",
+        className: _Toast2["default"]['Toast-dismissButton'],
+        onClick: onClick,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+          icon: _Icon.iconName.X16,
+          size: _Icon.iconSize.small
+        })
+      })]
+    })
+  });
+}