glints-aries 4.0.195 → 4.0.197

package/es/@next/Alert/AlertProvider.js

@@ -3,7 +3,9 @@ import React, { useState } from 'react';
 import { AlertContext } from './AlertContext';
 export var AlertProvider = function AlertProvider(_ref) {
   var children = _ref.children;
-  var _useState = useState(undefined),
+  var _useState = useState({
+      show: false
+    }),
     state = _useState[0],
     setState = _useState[1];
   var open = function open(props) {

package/es/@next/Card/Card.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ComponentAction } from '../../types/componentAction';
+export declare type CardProps = {
+    heading?: string;
+    subheading?: string;
+    children?: React.ReactNode;
+    primaryAction?: ComponentAction;
+    secondaryAction?: ComponentAction;
+    actionsAlignment?: 'left' | 'right';
+};
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
+    Section: ({ children }: {
+        children: React.ReactNode;
+    }) => JSX.Element;
+};

package/es/@next/Card/Card.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import { Button, PrimaryButton } from '../Button';
+import { ButtonGroup } from '../ButtonGroup';
+import { Typography } from '../Typography';
+import { StyledCardActionWrapper, StyledCardContainer, StyledCardContentWrapper, StyledCardHeaderSection, StyledCardHeaderSectionHalf, StyledCardHeaderWrapper } from './CardStyle';
+import { Section } from './Section';
+var CardComponent = /*#__PURE__*/React.forwardRef(function Card(_ref, ref) {
+  var heading = _ref.heading,
+    subheading = _ref.subheading,
+    primaryAction = _ref.primaryAction,
+    secondaryAction = _ref.secondaryAction,
+    _ref$actionsAlignment = _ref.actionsAlignment,
+    actionsAlignment = _ref$actionsAlignment === void 0 ? 'right' : _ref$actionsAlignment,
+    children = _ref.children;
+  var headingMarkup = /*#__PURE__*/React.createElement(Typography, {
+    as: "div",
+    variant: "body2"
+  }, heading);
+  var subHeadingMarkup = /*#__PURE__*/React.createElement(Typography, {
+    as: "div",
+    variant: "subtitle2"
+  }, subheading);
+  var headerMarkup = function headerMarkup() {
+    if (!!heading && !!subheading) {
+      return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledCardHeaderSectionHalf, null, headingMarkup), /*#__PURE__*/React.createElement(StyledCardHeaderSectionHalf, null, subHeadingMarkup));
+    }
+    if (heading) {
+      return /*#__PURE__*/React.createElement(StyledCardHeaderSection, null, headingMarkup);
+    }
+    return /*#__PURE__*/React.createElement(StyledCardHeaderSection, null, subHeadingMarkup);
+  };
+  var showHeader = !!heading || !!subheading;
+  var showActions = !!primaryAction || !!secondaryAction;
+  return /*#__PURE__*/React.createElement(StyledCardContainer, {
+    ref: ref
+  }, showHeader && /*#__PURE__*/React.createElement(StyledCardHeaderWrapper, null, headerMarkup(), " "), /*#__PURE__*/React.createElement(StyledCardContentWrapper, null, children), showActions && /*#__PURE__*/React.createElement(StyledCardActionWrapper, {
+    "data-align": actionsAlignment
+  }, /*#__PURE__*/React.createElement(ButtonGroup, null, secondaryAction && /*#__PURE__*/React.createElement(Button, {
+    onClick: secondaryAction.action
+  }, secondaryAction.label), primaryAction && /*#__PURE__*/React.createElement(PrimaryButton, {
+    onClick: primaryAction.action
+  }, primaryAction.label))));
+});
+export var Card = Object.assign(CardComponent, {
+  Section: Section
+});

package/es/@next/Card/Card.stories.d.ts

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

package/es/@next/Card/CardStyle.d.ts

@@ -0,0 +1,7 @@
+export declare const StyledCardContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCardHeaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCardHeaderSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCardHeaderSectionHalf: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCardContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCardSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCardActionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/@next/Card/CardStyle.js

@@ -0,0 +1,33 @@
+import styled from 'styled-components';
+import * as Breakpoints from '../utilities/breakpoints';
+import { borderRadius8 } from '../utilities/borderRadius';
+import { Neutral } from '../utilities/colors';
+import { space12, space16, space24, space4 } from '../utilities/spacing';
+export var StyledCardContainer = styled.div.withConfig({
+  displayName: "CardStyle__StyledCardContainer",
+  componentId: "sc-tpku8j-0"
+})(["border-radius:", ";box-shadow:0px 0px 5px rgba(0,0,0,0.05),0px 1px 2px rgba(0,0,0,0.15);color:", ";"], borderRadius8, Neutral.B18);
+export var StyledCardHeaderWrapper = styled.div.withConfig({
+  displayName: "CardStyle__StyledCardHeaderWrapper",
+  componentId: "sc-tpku8j-1"
+})(["display:flex;padding:", " ", " 20px;flex-wrap:wrap;flex-direction:column;height:max-content;border-bottom:solid 1px ", ";@media (max-width:", "){padding:", " ", " 10px;}"], space24, space24, Neutral.B85, Breakpoints.large, space12, space16);
+export var StyledCardHeaderSection = styled.div.withConfig({
+  displayName: "CardStyle__StyledCardHeaderSection",
+  componentId: "sc-tpku8j-2"
+})(["flex:0 0 100%;"]);
+export var StyledCardHeaderSectionHalf = styled.div.withConfig({
+  displayName: "CardStyle__StyledCardHeaderSectionHalf",
+  componentId: "sc-tpku8j-3"
+})(["flex:0 0 50%;"]);
+export var StyledCardContentWrapper = styled.div.withConfig({
+  displayName: "CardStyle__StyledCardContentWrapper",
+  componentId: "sc-tpku8j-4"
+})(["padding-left:", ";"], space4);
+export var StyledCardSection = styled.div.withConfig({
+  displayName: "CardStyle__StyledCardSection",
+  componentId: "sc-tpku8j-5"
+})(["padding:", " 20px;.section + .section{border-top:solid 1px ", ";}@media (max-width:", "){padding:", " ", ";}"], space16, Neutral.B85, Breakpoints.large, space16, space12);
+export var StyledCardActionWrapper = styled.div.withConfig({
+  displayName: "CardStyle__StyledCardActionWrapper",
+  componentId: "sc-tpku8j-6"
+})(["display:flex;padding:20px ", " ", ";flex-direction:column-reverse;align-items:flex-end;border-top:solid 1px ", ";&[data-align='left']{flex-direction:column;align-items:flex-start;}@media (max-width:", "){padding:10px ", " ", ";}"], space24, space24, Neutral.B85, Breakpoints.large, space16, space12);

package/es/@next/Card/Section.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const Section: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;

package/es/@next/Card/Section.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Typography } from '../Typography';
+import { StyledCardSection } from './CardStyle';
+export var Section = function Section(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement(StyledCardSection, {
+    className: "section"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    as: "div",
+    variant: "body1"
+  }, children));
+};

package/es/@next/Card/index.d.ts

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

package/es/@next/Card/index.js

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

package/es/@next/EmptyState/EmptyState.js

@@ -17,7 +17,6 @@ export var EmptyState = function EmptyState(_ref) {
   if (imageName && !isValidImageName) {
     console.warn("imageName \"" + imageName + "\" is not a valid Image Name.");
   }
-  console.log('ImageName: ', imageName);
   return /*#__PURE__*/React.createElement(EmptyStateContainer, null, imageName && /*#__PURE__*/React.createElement(StyledImage, {
     src: imageMapping[imageName]
   }), /*#__PURE__*/React.createElement(EmptyStateContentContainer, {

package/es/@next/Modal/Modal.d.ts

@@ -1,17 +1,14 @@
 import React from 'react';
-export declare type ModalAction = {
-    label: string;
-    action: (...args: any[]) => void;
-};
+import { ComponentAction } from '../../types/componentAction';
 export declare type ModalProps = {
     isOpen?: boolean;
     header?: string;
     headerDescription?: string;
     children?: React.ReactNode;
     /** This action will be tied to primary button on footer */
-    primaryAction?: ModalAction;
+    primaryAction?: ComponentAction;
     /** This action will be tied to basic button on footer */
-    secondaryAction?: ModalAction;
+    secondaryAction?: ComponentAction;
     /** Defining custom actions will not show primary and secondary actions */
     customActions?: React.ReactNode;
     showBackButton?: boolean;

package/es/@next/Modal/ModalProvider.js

@@ -3,7 +3,9 @@ import React, { useState } from 'react';
 import { ModalContext } from './ModalContext';
 export var ModalProvider = function ModalProvider(_ref) {
   var children = _ref.children;
-  var _useState = useState(undefined),
+  var _useState = useState({
+      isOpen: false
+    }),
     state = _useState[0],
     setState = _useState[1];
   var open = function open(props) {

package/es/@next/index.d.ts

@@ -10,6 +10,7 @@ export { Badge, BadgeProps } from './Badge';
 export { Banner, BannerProps } from './Banner';
 export { Button, ButtonProps, DestructiveButton, OutlineButton, OutlineMonochromeButton, PrimaryButton, } from './Button';
 export { ButtonGroup, ButtonGroupProps } from './ButtonGroup';
+export { Card, CardProps } from './Card';
 export { Checkbox, CheckboxProps } from './Checkbox';
 export { CurrencyInput, CurrencyInputProps } from './CurrencyInput';
 export { Divider } from './Divider';

package/es/@next/index.js

@@ -11,6 +11,7 @@ export { Badge, BadgeProps } from './Badge';
 export { Banner, BannerProps } from './Banner';
 export { Button, ButtonProps, DestructiveButton, OutlineButton, OutlineMonochromeButton, PrimaryButton } from './Button';
 export { ButtonGroup, ButtonGroupProps } from './ButtonGroup';
+export { Card, CardProps } from './Card';
 export { Checkbox, CheckboxProps } from './Checkbox';
 export { CurrencyInput, CurrencyInputProps } from './CurrencyInput';
 export { Divider } from './Divider';

package/es/types/componentAction.d.ts

@@ -0,0 +1,4 @@
+export declare type ComponentAction = {
+    label: string;
+    action: (...args: any[]) => void;
+};

package/es/types/componentAction.js

@@ -0,0 +1 @@
+export {};

package/lib/@next/Alert/AlertProvider.js

@@ -10,7 +10,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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 AlertProvider = function AlertProvider(_ref) {
   var children = _ref.children;
-  var _useState = (0, _react.useState)(undefined),
+  var _useState = (0, _react.useState)({
+      show: false
+    }),
     state = _useState[0],
     setState = _useState[1];
   var open = function open(props) {

package/lib/@next/Card/Card.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ComponentAction } from '../../types/componentAction';
+export declare type CardProps = {
+    heading?: string;
+    subheading?: string;
+    children?: React.ReactNode;
+    primaryAction?: ComponentAction;
+    secondaryAction?: ComponentAction;
+    actionsAlignment?: 'left' | 'right';
+};
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
+    Section: ({ children }: {
+        children: React.ReactNode;
+    }) => JSX.Element;
+};

package/lib/@next/Card/Card.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Card = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Button = require("../Button");
+var _ButtonGroup = require("../ButtonGroup");
+var _Typography = require("../Typography");
+var _CardStyle = require("./CardStyle");
+var _Section = require("./Section");
+var CardComponent = /*#__PURE__*/_react["default"].forwardRef(function Card(_ref, ref) {
+  var heading = _ref.heading,
+    subheading = _ref.subheading,
+    primaryAction = _ref.primaryAction,
+    secondaryAction = _ref.secondaryAction,
+    _ref$actionsAlignment = _ref.actionsAlignment,
+    actionsAlignment = _ref$actionsAlignment === void 0 ? 'right' : _ref$actionsAlignment,
+    children = _ref.children;
+  var headingMarkup = /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+    as: "div",
+    variant: "body2"
+  }, heading);
+  var subHeadingMarkup = /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+    as: "div",
+    variant: "subtitle2"
+  }, subheading);
+  var headerMarkup = function headerMarkup() {
+    if (!!heading && !!subheading) {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_CardStyle.StyledCardHeaderSectionHalf, null, headingMarkup), /*#__PURE__*/_react["default"].createElement(_CardStyle.StyledCardHeaderSectionHalf, null, subHeadingMarkup));
+    }
+    if (heading) {
+      return /*#__PURE__*/_react["default"].createElement(_CardStyle.StyledCardHeaderSection, null, headingMarkup);
+    }
+    return /*#__PURE__*/_react["default"].createElement(_CardStyle.StyledCardHeaderSection, null, subHeadingMarkup);
+  };
+  var showHeader = !!heading || !!subheading;
+  var showActions = !!primaryAction || !!secondaryAction;
+  return /*#__PURE__*/_react["default"].createElement(_CardStyle.StyledCardContainer, {
+    ref: ref
+  }, showHeader && /*#__PURE__*/_react["default"].createElement(_CardStyle.StyledCardHeaderWrapper, null, headerMarkup(), " "), /*#__PURE__*/_react["default"].createElement(_CardStyle.StyledCardContentWrapper, null, children), showActions && /*#__PURE__*/_react["default"].createElement(_CardStyle.StyledCardActionWrapper, {
+    "data-align": actionsAlignment
+  }, /*#__PURE__*/_react["default"].createElement(_ButtonGroup.ButtonGroup, null, secondaryAction && /*#__PURE__*/_react["default"].createElement(_Button.Button, {
+    onClick: secondaryAction.action
+  }, secondaryAction.label), primaryAction && /*#__PURE__*/_react["default"].createElement(_Button.PrimaryButton, {
+    onClick: primaryAction.action
+  }, primaryAction.label))));
+});
+var Card = Object.assign(CardComponent, {
+  Section: _Section.Section
+});
+exports.Card = Card;

package/lib/@next/Card/Card.stories.d.ts

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

package/lib/@next/Card/CardStyle.d.ts

@@ -0,0 +1,7 @@
+export declare const StyledCardContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCardHeaderWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCardHeaderSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCardHeaderSectionHalf: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCardContentWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCardSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCardActionWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/@next/Card/CardStyle.js

@@ -0,0 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.StyledCardSection = exports.StyledCardHeaderWrapper = exports.StyledCardHeaderSectionHalf = exports.StyledCardHeaderSection = exports.StyledCardContentWrapper = exports.StyledCardContainer = exports.StyledCardActionWrapper = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var Breakpoints = _interopRequireWildcard(require("../utilities/breakpoints"));
+var _borderRadius = require("../utilities/borderRadius");
+var _colors = require("../utilities/colors");
+var _spacing = require("../utilities/spacing");
+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 StyledCardContainer = _styledComponents["default"].div.withConfig({
+  displayName: "CardStyle__StyledCardContainer",
+  componentId: "sc-tpku8j-0"
+})(["border-radius:", ";box-shadow:0px 0px 5px rgba(0,0,0,0.05),0px 1px 2px rgba(0,0,0,0.15);color:", ";"], _borderRadius.borderRadius8, _colors.Neutral.B18);
+exports.StyledCardContainer = StyledCardContainer;
+var StyledCardHeaderWrapper = _styledComponents["default"].div.withConfig({
+  displayName: "CardStyle__StyledCardHeaderWrapper",
+  componentId: "sc-tpku8j-1"
+})(["display:flex;padding:", " ", " 20px;flex-wrap:wrap;flex-direction:column;height:max-content;border-bottom:solid 1px ", ";@media (max-width:", "){padding:", " ", " 10px;}"], _spacing.space24, _spacing.space24, _colors.Neutral.B85, Breakpoints.large, _spacing.space12, _spacing.space16);
+exports.StyledCardHeaderWrapper = StyledCardHeaderWrapper;
+var StyledCardHeaderSection = _styledComponents["default"].div.withConfig({
+  displayName: "CardStyle__StyledCardHeaderSection",
+  componentId: "sc-tpku8j-2"
+})(["flex:0 0 100%;"]);
+exports.StyledCardHeaderSection = StyledCardHeaderSection;
+var StyledCardHeaderSectionHalf = _styledComponents["default"].div.withConfig({
+  displayName: "CardStyle__StyledCardHeaderSectionHalf",
+  componentId: "sc-tpku8j-3"
+})(["flex:0 0 50%;"]);
+exports.StyledCardHeaderSectionHalf = StyledCardHeaderSectionHalf;
+var StyledCardContentWrapper = _styledComponents["default"].div.withConfig({
+  displayName: "CardStyle__StyledCardContentWrapper",
+  componentId: "sc-tpku8j-4"
+})(["padding-left:", ";"], _spacing.space4);
+exports.StyledCardContentWrapper = StyledCardContentWrapper;
+var StyledCardSection = _styledComponents["default"].div.withConfig({
+  displayName: "CardStyle__StyledCardSection",
+  componentId: "sc-tpku8j-5"
+})(["padding:", " 20px;.section + .section{border-top:solid 1px ", ";}@media (max-width:", "){padding:", " ", ";}"], _spacing.space16, _colors.Neutral.B85, Breakpoints.large, _spacing.space16, _spacing.space12);
+exports.StyledCardSection = StyledCardSection;
+var StyledCardActionWrapper = _styledComponents["default"].div.withConfig({
+  displayName: "CardStyle__StyledCardActionWrapper",
+  componentId: "sc-tpku8j-6"
+})(["display:flex;padding:20px ", " ", ";flex-direction:column-reverse;align-items:flex-end;border-top:solid 1px ", ";&[data-align='left']{flex-direction:column;align-items:flex-start;}@media (max-width:", "){padding:10px ", " ", ";}"], _spacing.space24, _spacing.space24, _colors.Neutral.B85, Breakpoints.large, _spacing.space16, _spacing.space12);
+exports.StyledCardActionWrapper = StyledCardActionWrapper;

package/lib/@next/Card/Section.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const Section: ({ children }: {
+    children: React.ReactNode;
+}) => JSX.Element;

package/lib/@next/Card/Section.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.Section = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _Typography = require("../Typography");
+var _CardStyle = require("./CardStyle");
+var Section = function Section(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement(_CardStyle.StyledCardSection, {
+    className: "section"
+  }, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+    as: "div",
+    variant: "body1"
+  }, children));
+};
+exports.Section = Section;

package/lib/@next/Card/index.d.ts

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

package/lib/@next/Card/index.js

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

package/lib/@next/EmptyState/EmptyState.js

@@ -22,7 +22,6 @@ var EmptyState = function EmptyState(_ref) {
   if (imageName && !isValidImageName) {
     console.warn("imageName \"" + imageName + "\" is not a valid Image Name.");
   }
-  console.log('ImageName: ', imageName);
   return /*#__PURE__*/_react["default"].createElement(_EmptyStateStyle.EmptyStateContainer, null, imageName && /*#__PURE__*/_react["default"].createElement(_EmptyStateStyle.StyledImage, {
     src: _assets.imageMapping[imageName]
   }), /*#__PURE__*/_react["default"].createElement(_EmptyStateStyle.EmptyStateContentContainer, {

package/lib/@next/Modal/Modal.d.ts

@@ -1,17 +1,14 @@
 import React from 'react';
-export declare type ModalAction = {
-    label: string;
-    action: (...args: any[]) => void;
-};
+import { ComponentAction } from '../../types/componentAction';
 export declare type ModalProps = {
     isOpen?: boolean;
     header?: string;
     headerDescription?: string;
     children?: React.ReactNode;
     /** This action will be tied to primary button on footer */
-    primaryAction?: ModalAction;
+    primaryAction?: ComponentAction;
     /** This action will be tied to basic button on footer */
-    secondaryAction?: ModalAction;
+    secondaryAction?: ComponentAction;
     /** Defining custom actions will not show primary and secondary actions */
     customActions?: React.ReactNode;
     showBackButton?: boolean;

package/lib/@next/Modal/ModalProvider.js

@@ -10,7 +10,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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 ModalProvider = function ModalProvider(_ref) {
   var children = _ref.children;
-  var _useState = (0, _react.useState)(undefined),
+  var _useState = (0, _react.useState)({
+      isOpen: false
+    }),
     state = _useState[0],
     setState = _useState[1];
   var open = function open(props) {

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

@@ -10,6 +10,7 @@ export { Badge, BadgeProps } from './Badge';
 export { Banner, BannerProps } from './Banner';
 export { Button, ButtonProps, DestructiveButton, OutlineButton, OutlineMonochromeButton, PrimaryButton, } from './Button';
 export { ButtonGroup, ButtonGroupProps } from './ButtonGroup';
+export { Card, CardProps } from './Card';
 export { Checkbox, CheckboxProps } from './Checkbox';
 export { CurrencyInput, CurrencyInputProps } from './CurrencyInput';
 export { Divider } from './Divider';

package/lib/@next/index.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.useModal = exports.useIndexResourceState = exports.useAlert = exports.TypographyProps = exports.Typography = exports.TooltipProps = exports.TooltipPosition = exports.Tooltip = exports.TextInputProps = exports.TextInput = exports.TagProps = exports.Tag = exports.TabsProps = exports.Tabs = exports.TabProps = exports.TabModel = exports.Tab = exports.SpinnerProps = exports.Spinner = exports.Spacing = exports.SimplePagination = exports.RadioButtonProps = exports.RadioButton = exports.PrimaryButton = exports.PopoverProps = exports.Popover = exports.PaginationProps = exports.Pagination = exports.OutlineMonochromeButton = exports.OutlineButton = exports.NumberInputProps = exports.NumberInput = exports.ModalProvider = exports.ModalProps = exports.ModalContext = exports.Modal = exports.IndexTableProps = exports.IndexTable = exports.IconProps = exports.Icon = exports.Fonts = exports.EmptyState = exports.DropShadow = exports.Divider = exports.DestructiveButton = exports.CurrencyInputProps = exports.CurrencyInput = exports.Colors = exports.CheckboxProps = exports.Checkbox = exports.ButtonProps = exports.ButtonGroupProps = exports.ButtonGroup = exports.Button = exports.Breakpoints = exports.BorderRadius = exports.BannerProps = exports.Banner = exports.BadgeProps = exports.Badge = exports.AvatarProps = exports.Avatar = exports.AlertWithProvider = exports.AlertProvider = exports.AlertProps = exports.AlertContextProps = exports.AlertContext = exports.Alert = void 0;
+exports.useModal = exports.useIndexResourceState = exports.useAlert = exports.TypographyProps = exports.Typography = exports.TooltipProps = exports.TooltipPosition = exports.Tooltip = exports.TextInputProps = exports.TextInput = exports.TagProps = exports.Tag = exports.TabsProps = exports.Tabs = exports.TabProps = exports.TabModel = exports.Tab = exports.SpinnerProps = exports.Spinner = exports.Spacing = exports.SimplePagination = exports.RadioButtonProps = exports.RadioButton = exports.PrimaryButton = exports.PopoverProps = exports.Popover = exports.PaginationProps = exports.Pagination = exports.OutlineMonochromeButton = exports.OutlineButton = exports.NumberInputProps = exports.NumberInput = exports.ModalProvider = exports.ModalProps = exports.ModalContext = exports.Modal = exports.IndexTableProps = exports.IndexTable = exports.IconProps = exports.Icon = exports.Fonts = exports.EmptyState = exports.DropShadow = exports.Divider = exports.DestructiveButton = exports.CurrencyInputProps = exports.CurrencyInput = exports.Colors = exports.CheckboxProps = exports.Checkbox = exports.CardProps = exports.Card = exports.ButtonProps = exports.ButtonGroupProps = exports.ButtonGroup = exports.Button = exports.Breakpoints = exports.BorderRadius = exports.BannerProps = exports.Banner = exports.BadgeProps = exports.Badge = exports.AvatarProps = exports.Avatar = exports.AlertWithProvider = exports.AlertProvider = exports.AlertProps = exports.AlertContextProps = exports.AlertContext = exports.Alert = void 0;
 var BorderRadius = _interopRequireWildcard(require("./utilities/borderRadius"));
 exports.BorderRadius = BorderRadius;
 var Breakpoints = _interopRequireWildcard(require("./utilities/breakpoints"));
@@ -41,6 +41,9 @@ exports.PrimaryButton = _Button.PrimaryButton;
 var _ButtonGroup = require("./ButtonGroup");
 exports.ButtonGroup = _ButtonGroup.ButtonGroup;
 exports.ButtonGroupProps = _ButtonGroup.ButtonGroupProps;
+var _Card = require("./Card");
+exports.Card = _Card.Card;
+exports.CardProps = _Card.CardProps;
 var _Checkbox = require("./Checkbox");
 exports.Checkbox = _Checkbox.Checkbox;
 exports.CheckboxProps = _Checkbox.CheckboxProps;

package/lib/types/componentAction.d.ts

@@ -0,0 +1,4 @@
+export declare type ComponentAction = {
+    label: string;
+    action: (...args: any[]) => void;
+};

package/lib/types/componentAction.js

@@ -0,0 +1 @@
+"use strict";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glints-aries",
-  "version": "4.0.195",
+  "version": "4.0.197",
   "description": "Glints ui-kit for frontend",
   "main": "./lib/index.js",
   "module": "./es/index.js",