glints-aries 4.1.3 → 4.1.5

package/lib/@next/utilities/dropShadow/DropShadow.js

@@ -0,0 +1,32 @@
+"use strict";
+
+exports.__esModule = true;
+exports.transparent = exports.topBar = exports.popOver = exports.modal = exports.layer = exports.insetButtonPressed = exports.insetButton = exports.focus = exports.faint = exports.deep = exports.card = exports.buttonFocused = exports.button = exports.base = void 0;
+var transparent = '0 0 0 0 transparent';
+exports.transparent = transparent;
+var faint = '0 1px 0 0 rgba(22, 29, 37, 0.05)';
+exports.faint = faint;
+var base = "0 0 0 1px rgba(63, 63, 68, 0.05),\n0 1px 3px 0 rgba(63, 63, 68, 0.15)";
+exports.base = base;
+var deep = "0 0 0 1px rgba(6, 44, 82, 0.1),\n  0 2px 16px rgba(33, 43, 54, 0.08)";
+exports.deep = deep;
+var button = '0 1px 0 rgba(0, 0, 0, 0.05)';
+exports.button = button;
+var buttonFocused = '0px 0px 0px 2px rgba(106, 201, 236, 1)';
+exports.buttonFocused = buttonFocused;
+var topBar = '0 2px 2px -1px rgba(0, 0, 0, 0.15)';
+exports.topBar = topBar;
+var card = "0px 1px 2px 0px rgb(71 71 71 / 20%), 0px 0px 5px 0px rgb(71 71 71 / 10%)";
+exports.card = card;
+var popOver = "0 3px 6px -3px rgba(23, 24, 24, 0.08), \n  0 8px 20px -4px rgba(23, 24, 24, 0.12)";
+exports.popOver = popOver;
+var layer = "0 31px 41px 0 rgba(32, 42, 53, 0.2), \n  0 2px 16px 0 rgba(32, 42, 54, 0.08)";
+exports.layer = layer;
+var modal = "0 26px 80px rgba(0, 0, 0, 0.2), \n  0 0px 1px rgba(0, 0, 0, 0.2)";
+exports.modal = modal;
+var insetButton = 'inset 0 -1px 0 rgba(0, 0, 0, 0.2)';
+exports.insetButton = insetButton;
+var insetButtonPressed = 'inset 0px 1px 0px rgba(0, 0, 0, 0.05)';
+exports.insetButtonPressed = insetButtonPressed;
+var focus = '0 0 0 2px rgb(106, 201, 236)';
+exports.focus = focus;

package/lib/@next/utilities/dropShadow/index.d.ts

@@ -0,0 +1 @@
+export * from './DropShadow';

package/lib/@next/utilities/dropShadow/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+var _DropShadow = require("./DropShadow");
+Object.keys(_DropShadow).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _DropShadow[key]) return;
+  exports[key] = _DropShadow[key];
+});

package/lib/@next/utilities/fonts/Fonts.d.ts

@@ -0,0 +1,2 @@
+export declare const Poppins = "Poppins";
+export declare const NotoSans = "Noto Sans TC, Noto Sans SC, Noto Sans KR, Noto Sans JP, Noto Sans";

package/lib/@next/utilities/fonts/Fonts.js

@@ -0,0 +1,8 @@
+"use strict";
+
+exports.__esModule = true;
+exports.Poppins = exports.NotoSans = void 0;
+var Poppins = 'Poppins';
+exports.Poppins = Poppins;
+var NotoSans = 'Noto Sans TC, Noto Sans SC, Noto Sans KR, Noto Sans JP, Noto Sans';
+exports.NotoSans = NotoSans;

package/lib/@next/utilities/fonts/index.d.ts

@@ -0,0 +1 @@
+export * from './Fonts';

package/lib/@next/utilities/fonts/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+var _Fonts = require("./Fonts");
+Object.keys(_Fonts).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Fonts[key]) return;
+  exports[key] = _Fonts[key];
+});

package/lib/@next/utilities/spacing/Spacing.d.ts

@@ -0,0 +1,30 @@
+export declare const space2 = "2px";
+export declare const space4 = "4px";
+export declare const space8 = "8px";
+export declare const space12 = "12px";
+export declare const space16 = "16px";
+export declare const space18 = "18px";
+export declare const space24 = "24px";
+export declare const space32 = "32px";
+export declare const space40 = "40px";
+export declare const space64 = "64px";
+export declare const space80 = "80px";
+export declare const space96 = "96px";
+export declare const space112 = "112px";
+export declare const space128 = "128px";
+export declare const spaces: {
+    space2: string;
+    space4: string;
+    space8: string;
+    space12: string;
+    space16: string;
+    space18: string;
+    space24: string;
+    space32: string;
+    space40: string;
+    space64: string;
+    space80: string;
+    space96: string;
+    space112: string;
+    space128: string;
+};

package/lib/@next/utilities/spacing/Spacing.js

@@ -0,0 +1,49 @@
+"use strict";
+
+exports.__esModule = true;
+exports.spaces = exports.space96 = exports.space80 = exports.space8 = exports.space64 = exports.space40 = exports.space4 = exports.space32 = exports.space24 = exports.space2 = exports.space18 = exports.space16 = exports.space128 = exports.space12 = exports.space112 = void 0;
+var space2 = '2px';
+exports.space2 = space2;
+var space4 = '4px';
+exports.space4 = space4;
+var space8 = '8px';
+exports.space8 = space8;
+var space12 = '12px';
+exports.space12 = space12;
+var space16 = '16px';
+exports.space16 = space16;
+var space18 = '18px';
+exports.space18 = space18;
+var space24 = '24px';
+exports.space24 = space24;
+var space32 = '32px';
+exports.space32 = space32;
+var space40 = '40px';
+exports.space40 = space40;
+var space64 = '64px';
+exports.space64 = space64;
+var space80 = '80px';
+exports.space80 = space80;
+var space96 = '96px';
+exports.space96 = space96;
+var space112 = '112px';
+exports.space112 = space112;
+var space128 = '128px';
+exports.space128 = space128;
+var spaces = {
+  space2: space2,
+  space4: space4,
+  space8: space8,
+  space12: space12,
+  space16: space16,
+  space18: space18,
+  space24: space24,
+  space32: space32,
+  space40: space40,
+  space64: space64,
+  space80: space80,
+  space96: space96,
+  space112: space112,
+  space128: space128
+};
+exports.spaces = spaces;

package/lib/@next/utilities/spacing/index.d.ts

@@ -0,0 +1 @@
+export * from './Spacing';

package/lib/@next/utilities/spacing/index.js

@@ -0,0 +1,9 @@
+"use strict";
+
+exports.__esModule = true;
+var _Spacing = require("./Spacing");
+Object.keys(_Spacing).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Spacing[key]) return;
+  exports[key] = _Spacing[key];
+});

package/lib/Display/Accordion/Accordion.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import AccordionPanel from './AccordionPanel';
+declare const Accordion: Accordion;
+declare type Accordion = React.FunctionComponent<Props> & {
+    Panel: typeof AccordionPanel;
+};
+export declare type IconPosition = 'left' | 'right';
+export interface IconOptions {
+    activeIcon: React.ReactElement;
+    inactiveIcon: React.ReactElement;
+    position: IconPosition;
+}
+export interface Props {
+    children: React.ReactNode;
+    className?: string;
+    /** Sets the position of the icon. */
+    iconPosition?: IconPosition;
+}
+export default Accordion;

package/lib/Display/Accordion/Accordion.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _components = require("../../General/Icon/components");
+var _AccordionPanel = _interopRequireDefault(require("./AccordionPanel"));
+var _AccordionStyle = require("./AccordionStyle");
+var _excluded = ["label", "content"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var Accordion = function Accordion(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$iconPosition = _ref.iconPosition,
+    iconPosition = _ref$iconPosition === void 0 ? 'left' : _ref$iconPosition;
+  var _React$useState = React.useState(-1),
+    currIndex = _React$useState[0],
+    setCurrIndex = _React$useState[1];
+  var iconOptions = {
+    activeIcon: iconPosition === 'left' ? /*#__PURE__*/React.createElement(_components.MinusIcon, null) : /*#__PURE__*/React.createElement(_components.ArrowDownSolidIcon, null),
+    inactiveIcon: iconPosition === 'left' ? /*#__PURE__*/React.createElement(_components.AddIcon, null) : /*#__PURE__*/React.createElement(_components.ArrowDownSolidIcon, null),
+    position: iconPosition
+  };
+  var handleOpen = function handleOpen(index) {
+    setCurrIndex(currIndex === index ? -1 : index);
+  };
+  return /*#__PURE__*/React.createElement(_AccordionStyle.Container, {
+    className: (0, _classnames["default"])('aries-accordion', className)
+  }, React.Children.map(children, function (child, index) {
+    var _child$props = child.props,
+      label = _child$props.label,
+      content = _child$props.content,
+      restChildProps = (0, _objectWithoutPropertiesLoose2["default"])(_child$props, _excluded);
+    return /*#__PURE__*/React.cloneElement(child, (0, _extends2["default"])({
+      key: index,
+      label: label,
+      content: content,
+      active: currIndex === index,
+      iconOptions: iconOptions,
+      onOpen: function onOpen() {
+        return handleOpen(index);
+      }
+    }, restChildProps));
+  }));
+};
+Accordion.Panel = _AccordionPanel["default"];
+Accordion.Panel.displayName = 'Accordion.Panel'; // To show the correct name in code sample
+var _default = Accordion;
+exports["default"] = _default;

package/lib/Display/Accordion/Accordion.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Interactive: any;
+export declare const DifferentIconPosition: any;
+export declare const MultiplePanels: any;

package/lib/Display/Accordion/Accordion.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/lib/Display/Accordion/AccordionPanel.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { IconOptions } from './Accordion';
+import { PanelWrapper } from './AccordionStyle';
+declare const AccordionPanel: React.FunctionComponent<Props>;
+export declare type Props = React.ComponentPropsWithoutRef<typeof PanelWrapper> & {
+    content: React.ReactNode;
+    label: React.ReactNode;
+    active?: boolean;
+    iconOptions?: IconOptions;
+    onOpen?(): void;
+    onClick?(e: React.MouseEvent<HTMLDivElement, MouseEvent>): void;
+};
+export default AccordionPanel;

package/lib/Display/Accordion/AccordionPanel.js

@@ -0,0 +1,57 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var React = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _AccordionStyle = require("./AccordionStyle");
+var _excluded = ["className", "content", "label", "active", "iconOptions", "onOpen", "onClick"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var AccordionPanel = function AccordionPanel(props) {
+  var className = props.className,
+    content = props.content,
+    label = props.label,
+    active = props.active,
+    _props$iconOptions = props.iconOptions,
+    activeIcon = _props$iconOptions.activeIcon,
+    inactiveIcon = _props$iconOptions.inactiveIcon,
+    position = _props$iconOptions.position,
+    onOpen = props.onOpen,
+    onClick = props.onClick,
+    restProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+  var handleClick = function handleClick(e) {
+    onOpen();
+    if (onClick) {
+      onClick(e);
+    }
+  };
+  var renderIcon = function renderIcon() {
+    return /*#__PURE__*/React.createElement(_AccordionStyle.IconWrapper, {
+      position: position,
+      active: active
+    }, active ? activeIcon : inactiveIcon);
+  };
+  return /*#__PURE__*/React.createElement(_AccordionStyle.PanelWrapper, (0, _extends2["default"])({
+    className: (0, _classnames["default"])('panel-wrapper', className),
+    role: "tab",
+    "aria-expanded": active,
+    tabIndex: 0
+  }, restProps), /*#__PURE__*/React.createElement(_AccordionStyle.IconLabelWrapper, {
+    className: "label-wrapper",
+    onClick: handleClick,
+    tabIndex: -1,
+    position: position,
+    active: active
+  }, position === 'left' && renderIcon(), /*#__PURE__*/React.createElement(_AccordionStyle.Label, null, label), position === 'right' && renderIcon()), /*#__PURE__*/React.createElement(_AccordionStyle.ContentWrapper, {
+    className: "content-wrapper",
+    active: active
+  }, /*#__PURE__*/React.createElement(_AccordionStyle.Content, {
+    position: position
+  }, content)));
+};
+var _default = AccordionPanel;
+exports["default"] = _default;

package/lib/Display/Accordion/AccordionStyle.d.ts

@@ -0,0 +1,23 @@
+import { IconPosition } from './Accordion';
+export declare const PanelWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IconLabelWrapper: import("styled-components").StyledComponent<"div", any, IconLabelWrapper, never>;
+interface IconLabelWrapper {
+    active: boolean;
+    position: IconPosition;
+}
+export declare const ContentWrapper: import("styled-components").StyledComponent<"div", any, ContentWrapper, never>;
+interface ContentWrapper {
+    active: boolean;
+}
+export declare const Content: import("styled-components").StyledComponent<"div", any, Content, never>;
+interface Content {
+    position: IconPosition;
+}
+export declare const Label: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"div", any, IconWrapper, never>;
+interface IconWrapper {
+    active: boolean;
+    position: IconPosition;
+}
+export {};

package/lib/Display/Accordion/AccordionStyle.js

@@ -0,0 +1,75 @@
+"use strict";
+
+exports.__esModule = true;
+exports.PanelWrapper = exports.Label = exports.IconWrapper = exports.IconLabelWrapper = exports.ContentWrapper = exports.Content = exports.Container = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _Colors = require("../../Utils/Colors");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var iconSize = 15;
+var iconMargin = 30;
+var offsetIcon = iconSize + iconMargin;
+var transitionTiming = '0.24s';
+var PanelWrapper = _styledComponents["default"].div.withConfig({
+  displayName: "AccordionStyle__PanelWrapper",
+  componentId: "sc-7hk6zs-0"
+})(["border-top:solid 1px ", ";outline:none;"], _Colors.Greyscale.lightgrey);
+exports.PanelWrapper = PanelWrapper;
+var Container = _styledComponents["default"].div.withConfig({
+  displayName: "AccordionStyle__Container",
+  componentId: "sc-7hk6zs-1"
+})(["", ":first-child{border-top:none;}"], /* sc-selector */PanelWrapper);
+exports.Container = Container;
+var IconLabelWrapper = _styledComponents["default"].div.withConfig({
+  displayName: "AccordionStyle__IconLabelWrapper",
+  componentId: "sc-7hk6zs-2"
+})(["position:relative;display:flex;justify-content:", ";margin-top:30px;padding-bottom:30px;cursor:pointer;outline:none;transition:", ";&:hover{color:", ";svg{fill:", ";}}"], function (_ref) {
+  var position = _ref.position;
+  return position === 'left' ? 'flex-start' : 'space-between';
+}, function (_ref2) {
+  var active = _ref2.active;
+  return active ? 'none' : "padding-bottom " + transitionTiming + " ease-in-out";
+}, _Colors.SecondaryColor.actionblue, _Colors.SecondaryColor.actionblue);
+exports.IconLabelWrapper = IconLabelWrapper;
+var ContentWrapper = _styledComponents["default"].div.withConfig({
+  displayName: "AccordionStyle__ContentWrapper",
+  componentId: "sc-7hk6zs-3"
+})(["visibility:", ";opacity:", ";max-height:", ";transition:all ", " ease-in-out;"], function (_ref3) {
+  var active = _ref3.active;
+  return active ? 'visible' : 'hidden';
+}, function (_ref4) {
+  var active = _ref4.active;
+  return active ? '1' : '0';
+}, function (_ref5) {
+  var active = _ref5.active;
+  return active ? '100rem' : '0';
+}, transitionTiming);
+exports.ContentWrapper = ContentWrapper;
+var Content = _styledComponents["default"].div.withConfig({
+  displayName: "AccordionStyle__Content",
+  componentId: "sc-7hk6zs-4"
+})(["margin-left:", ";margin-right:", ";padding-bottom:30px;cursor:default;"], function (_ref6) {
+  var position = _ref6.position;
+  return position === 'left' ? offsetIcon + "px" : '0';
+}, function (_ref7) {
+  var position = _ref7.position;
+  return position === 'right' ? offsetIcon + "px" : '0';
+});
+exports.Content = Content;
+var Label = _styledComponents["default"].div.withConfig({
+  displayName: "AccordionStyle__Label",
+  componentId: "sc-7hk6zs-5"
+})(["margin:0;font-size:18px;font-weight:bold;line-height:1.4em;"]);
+exports.Label = Label;
+var IconWrapper = _styledComponents["default"].div.withConfig({
+  displayName: "AccordionStyle__IconWrapper",
+  componentId: "sc-7hk6zs-6"
+})(["display:flex;align-items:center;svg{width:", ";height:", ";}", ""], iconSize + "px", iconSize + "px", function (_ref8) {
+  var position = _ref8.position,
+    active = _ref8.active;
+  if (position === 'right') {
+    return (0, _styledComponents.css)(["transform:", ";transition:transform ", ";"], active ? 'rotate(180deg)' : 'none', transitionTiming);
+  }
+  return (0, _styledComponents.css)(["margin-right:", ";"], iconMargin + "px");
+});
+exports.IconWrapper = IconWrapper;

package/lib/Display/Accordion/index.d.ts

@@ -0,0 +1,2 @@
+import Accordion from './Accordion';
+export default Accordion;

package/lib/Display/Accordion/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _Accordion = _interopRequireDefault(require("./Accordion"));
+var _default = _Accordion["default"];
+exports["default"] = _default;

package/lib/Display/Collapsible/Collapsible.d.ts

@@ -0,0 +1,7 @@
+import { HTMLAttributes, FC, ReactNode } from 'react';
+export declare const Collapsible: FC<Props>;
+export interface Props extends HTMLAttributes<HTMLDivElement> {
+    label: ReactNode;
+    isOpen?: boolean;
+}
+export default Collapsible;

package/lib/Display/Collapsible/Collapsible.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = exports.Collapsible = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _lodash = require("lodash");
+var _components = require("../../General/Icon/components");
+var _CollapsibleStyle = require("./CollapsibleStyle");
+var _excluded = ["label", "children", "className", "isOpen"];
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var Collapsible = function Collapsible(_ref) {
+  var label = _ref.label,
+    children = _ref.children,
+    className = _ref.className,
+    isOpen = _ref.isOpen,
+    defaultProps = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var _useState = (0, _react.useState)((0, _lodash.isUndefined)(isOpen) ? true : isOpen),
+    isOpenInternal = _useState[0],
+    setIsOpenInternal = _useState[1];
+  var toggle = function toggle() {
+    setIsOpenInternal(!isOpenInternal);
+  };
+  return /*#__PURE__*/_react["default"].createElement(_CollapsibleStyle.CollapsibleContainer, (0, _extends2["default"])({
+    className: (0, _classnames["default"])('aries-collapsible', className),
+    tabIndex: 0,
+    onClick: toggle,
+    "data-testid": "collapsible-container"
+  }, defaultProps), /*#__PURE__*/_react["default"].createElement(_CollapsibleStyle.CollapsibleContent, {
+    tabIndex: -1
+  }, /*#__PURE__*/_react["default"].createElement(_CollapsibleStyle.CollapsibleHeader, {
+    className: "collapsible-title",
+    role: "tab",
+    "aria-expanded": isOpenInternal,
+    isOpen: isOpenInternal
+  }, label, /*#__PURE__*/_react["default"].createElement(_components.ArrowDownIcon, {
+    color: "#000000"
+  })), isOpenInternal && /*#__PURE__*/_react["default"].createElement(_CollapsibleStyle.CollapsibleBody, {
+    className: "collapsible-content",
+    "data-testid": "collapsible-content",
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, children)));
+};
+exports.Collapsible = Collapsible;
+var _default = Collapsible;
+exports["default"] = _default;

package/lib/Display/Collapsible/Collapsible.stories.d.ts

@@ -0,0 +1,4 @@
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Interactive: any;

package/lib/Display/Collapsible/Collapsible.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom/extend-expect';

package/lib/Display/Collapsible/CollapsibleStyle.d.ts

@@ -0,0 +1,6 @@
+export declare const CollapsibleContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CollapsibleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const CollapsibleHeader: import("styled-components").StyledComponent<"div", any, {
+    isOpen: boolean;
+}, never>;
+export declare const CollapsibleBody: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/Display/Collapsible/CollapsibleStyle.js

@@ -0,0 +1,34 @@
+"use strict";
+
+exports.__esModule = true;
+exports.CollapsibleHeader = exports.CollapsibleContent = exports.CollapsibleContainer = exports.CollapsibleBody = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _Colors = require("../../Utils/Colors");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var animateCollapsible = (0, _styledComponents.keyframes)(["from{opacity:0;transform:translate3d(0,10%,0);}to{opacity:1;transform:translate3d(0,0,0);}"]);
+var CollapsibleContent = _styledComponents["default"].div.withConfig({
+  displayName: "CollapsibleStyle__CollapsibleContent",
+  componentId: "sc-133mwvh-0"
+})(["position:relative;outline:none;"]);
+exports.CollapsibleContent = CollapsibleContent;
+var CollapsibleContainer = _styledComponents["default"].div.withConfig({
+  displayName: "CollapsibleStyle__CollapsibleContainer",
+  componentId: "sc-133mwvh-1"
+})(["cursor:pointer;color:black;background-color:", ";border:solid 1px ", ";font-size:1em;&:focus{outline:none;}&:focus > ", "{outline:5px auto -webkit-focus-ring-color;}"], _Colors.Greyscale.white, _Colors.Greyscale.lightgrey, CollapsibleContent);
+exports.CollapsibleContainer = CollapsibleContainer;
+var CollapsibleHeader = _styledComponents["default"].div.withConfig({
+  displayName: "CollapsibleStyle__CollapsibleHeader",
+  componentId: "sc-133mwvh-2"
+})(["background:", ";display:flex;justify-content:space-between;align-items:center;padding:1.2em;&:hover{color:", ";}svg{transform:rotate(0);transition:transform 0.5s;", "}"], _Colors.Greyscale.white, _Colors.SecondaryColor.actionblue, function (_ref) {
+  var isOpen = _ref.isOpen;
+  if (isOpen) {
+    return "\n        transform: rotate(180deg);\n        transition: transform .5s;\n      ";
+  }
+});
+exports.CollapsibleHeader = CollapsibleHeader;
+var CollapsibleBody = _styledComponents["default"].div.withConfig({
+  displayName: "CollapsibleStyle__CollapsibleBody",
+  componentId: "sc-133mwvh-3"
+})(["padding:0 1.2em 1.2em 1.2em;margin-bottom:0;animation:", " 0.3s linear;cursor:default;"], animateCollapsible);
+exports.CollapsibleBody = CollapsibleBody;

package/lib/Display/Collapsible/index.d.ts

@@ -0,0 +1,2 @@
+import Collapsible from './Collapsible';
+export default Collapsible;

package/lib/Display/Collapsible/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports["default"] = void 0;
+var _Collapsible = _interopRequireDefault(require("./Collapsible"));
+var _default = _Collapsible["default"];
+exports["default"] = _default;

package/lib/Display/Gallery/Gallery.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+declare const imageGallerySize: readonly ["small", "regular", "large"];
+export declare type Size = (typeof imageGallerySize)[number];
+export declare const imageSizeMapping: {
+    small: string;
+    regular: string;
+    large: string;
+};
+declare const Gallery: ({ initialVisibility, children, imagesDisplayed, imageSize, }: GalleryProps) => JSX.Element;
+export interface GalleryProps {
+    children?: React.ReactNode;
+    /** How many thumbnails the (unopened) gallery should show */
+    imagesDisplayed?: number;
+    /** If true, the Gallery will open itself on mount */
+    initialVisibility?: boolean;
+    imageSize?: Size;
+}
+export default Gallery;