glints-aries 4.0.206 → 4.0.208

package/es/@next/Banner/Banner.js

@@ -5,7 +5,7 @@ import React from 'react';
 import { ButtonGroup } from '../ButtonGroup';
 import { Icon } from '../Icon';
 import { Typography } from '../Typography';
-import { StyledBanner, StyledBannerContentContainer, StyledBannerTitleContainer, StyledCloseIconWrapper } from './BannerStyle';
+import { StyledBanner, StyledBannerContentContainer, StyledBannerTitle, StyledBannerTitleContainer, StyledCloseIconWrapper } from './BannerStyle';
 var iconNameStatusMap = {
   success: 'ri-checkbox-circle-fill',
   info: 'ri-information-fill',
@@ -34,7 +34,7 @@ export var Banner = /*#__PURE__*/React.forwardRef(function Banner(_ref, ref) {
     "data-status": status
   }, props), /*#__PURE__*/React.createElement(StyledBannerTitleContainer, null, /*#__PURE__*/React.createElement(Icon, {
     name: iconNameValue
-  }), /*#__PURE__*/React.createElement(StyledBannerContentContainer, null, /*#__PURE__*/React.createElement(Typography, {
+  }), title && /*#__PURE__*/React.createElement(StyledBannerTitle, null, /*#__PURE__*/React.createElement(Typography, {
     as: "span",
     variant: "subtitle1"
   }, title)), dismissable && /*#__PURE__*/React.createElement(StyledCloseIconWrapper, {

package/es/@next/Banner/BannerStyle.d.ts

@@ -2,3 +2,4 @@ export declare const StyledCloseIconWrapper: import("styled-components").StyledC
 export declare const StyledBanner: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledBannerContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledBannerTitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledBannerTitle: import("styled-components").StyledComponent<"div", any, {}, never>;

package/es/@next/Banner/BannerStyle.js

@@ -2,6 +2,7 @@ import styled from 'styled-components';
 import * as Breakpoints from '../utilities/breakpoints';
 import { borderRadius8 } from '../utilities/borderRadius';
 import { Blue, Green, Neutral, Orange, Red } from '../utilities/colors';
+import { space4 } from '../utilities/spacing';
 export var StyledCloseIconWrapper = styled.div.withConfig({
   displayName: "BannerStyle__StyledCloseIconWrapper",
   componentId: "sc-1suv683-0"
@@ -17,4 +18,8 @@ export var StyledBannerContentContainer = styled.div.withConfig({
 export var StyledBannerTitleContainer = styled.div.withConfig({
   displayName: "BannerStyle__StyledBannerTitleContainer",
   componentId: "sc-1suv683-3"
-})(["position:relative;"]);
+})(["position:relative;"]);
+export var StyledBannerTitle = styled.div.withConfig({
+  displayName: "BannerStyle__StyledBannerTitle",
+  componentId: "sc-1suv683-4"
+})(["margin-bottom:", ";padding-left:40px;button{margin-top:10px;}"], space4);

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

@@ -1,7 +1,7 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
     id?: string;
-    label?: string;
+    label?: ReactNode;
     hasError?: boolean;
     indeterminate?: boolean;
     checked?: boolean;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ComponentAction } from '../../types/componentAction';
-export declare type ModalProps = {
+export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
     isOpen?: boolean;
     header?: string;
     headerDescription?: string;
@@ -19,5 +19,5 @@ export declare type ModalProps = {
     closeOnClickOutside?: boolean;
     onClose?: () => void;
     onBack?: () => void;
-};
+}
 export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,3 +1,6 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["isOpen", "header", "headerDescription", "children", "secondaryAction", "primaryAction", "customActions", "showBackButton", "showCloseButton", "showHeaderBorder", "closeOnClickOutside", "onClose", "onBack"];
 import React from 'react';
 import { Button, PrimaryButton } from '../Button';
 import { ButtonGroup } from '../ButtonGroup';
@@ -20,7 +23,8 @@ export var Modal = /*#__PURE__*/React.forwardRef(function Modal(_ref, ref) {
     showHeaderBorder = _ref$showHeaderBorder === void 0 ? true : _ref$showHeaderBorder,
     closeOnClickOutside = _ref.closeOnClickOutside,
     onClose = _ref.onClose,
-    onBack = _ref.onBack;
+    onBack = _ref.onBack,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   if (!isOpen) {
     return null;
   }
@@ -49,12 +53,12 @@ export var Modal = /*#__PURE__*/React.forwardRef(function Modal(_ref, ref) {
     onClick: function onClick() {
       return handleClickOutside();
     }
-  }, /*#__PURE__*/React.createElement(StyledModalContainer, {
+  }, /*#__PURE__*/React.createElement(StyledModalContainer, _extends({
     ref: ref,
     onClick: function onClick(e) {
       return e.stopPropagation();
     }
-  }, header && /*#__PURE__*/React.createElement(StyledModalHeader, {
+  }, props), header && /*#__PURE__*/React.createElement(StyledModalHeader, {
     "data-show-border": showHeaderBorder
   }, showBackButton && /*#__PURE__*/React.createElement(StyledButtonContainer, null, /*#__PURE__*/React.createElement(StyledModalBackButton, {
     "data-testid": "modal-back-btn",

package/lib/@next/Banner/Banner.js

@@ -39,7 +39,7 @@ var Banner = /*#__PURE__*/_react["default"].forwardRef(function Banner(_ref, ref
     "data-status": status
   }, props), /*#__PURE__*/_react["default"].createElement(_BannerStyle.StyledBannerTitleContainer, null, /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
     name: iconNameValue
-  }), /*#__PURE__*/_react["default"].createElement(_BannerStyle.StyledBannerContentContainer, null, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
+  }), title && /*#__PURE__*/_react["default"].createElement(_BannerStyle.StyledBannerTitle, null, /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
     as: "span",
     variant: "subtitle1"
   }, title)), dismissable && /*#__PURE__*/_react["default"].createElement(_BannerStyle.StyledCloseIconWrapper, {

package/lib/@next/Banner/BannerStyle.d.ts

@@ -2,3 +2,4 @@ export declare const StyledCloseIconWrapper: import("styled-components").StyledC
 export declare const StyledBanner: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledBannerContentContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const StyledBannerTitleContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledBannerTitle: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/@next/Banner/BannerStyle.js

@@ -2,11 +2,12 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.StyledCloseIconWrapper = exports.StyledBannerTitleContainer = exports.StyledBannerContentContainer = exports.StyledBanner = void 0;
+exports.StyledCloseIconWrapper = exports.StyledBannerTitleContainer = exports.StyledBannerTitle = exports.StyledBannerContentContainer = exports.StyledBanner = 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 StyledCloseIconWrapper = _styledComponents["default"].div.withConfig({
@@ -28,4 +29,9 @@ var StyledBannerTitleContainer = _styledComponents["default"].div.withConfig({
   displayName: "BannerStyle__StyledBannerTitleContainer",
   componentId: "sc-1suv683-3"
 })(["position:relative;"]);
-exports.StyledBannerTitleContainer = StyledBannerTitleContainer;
+exports.StyledBannerTitleContainer = StyledBannerTitleContainer;
+var StyledBannerTitle = _styledComponents["default"].div.withConfig({
+  displayName: "BannerStyle__StyledBannerTitle",
+  componentId: "sc-1suv683-4"
+})(["margin-bottom:", ";padding-left:40px;button{margin-top:10px;}"], _spacing.space4);
+exports.StyledBannerTitle = StyledBannerTitle;

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

@@ -1,7 +1,7 @@
-import React from 'react';
+import React, { ReactNode } from 'react';
 export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
     id?: string;
-    label?: string;
+    label?: ReactNode;
     hasError?: boolean;
     indeterminate?: boolean;
     checked?: boolean;

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ComponentAction } from '../../types/componentAction';
-export declare type ModalProps = {
+export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
     isOpen?: boolean;
     header?: string;
     headerDescription?: string;
@@ -19,5 +19,5 @@ export declare type ModalProps = {
     closeOnClickOutside?: boolean;
     onClose?: () => void;
     onBack?: () => void;
-};
+}
 export declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -3,6 +3,8 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.Modal = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _Button = require("../Button");
 var _ButtonGroup = require("../ButtonGroup");
@@ -10,6 +12,7 @@ var _Icon = require("../Icon");
 var _Portal = require("../Portal/Portal");
 var _Typography = require("../Typography");
 var _ModalStyle = require("./ModalStyle");
+var _excluded = ["isOpen", "header", "headerDescription", "children", "secondaryAction", "primaryAction", "customActions", "showBackButton", "showCloseButton", "showHeaderBorder", "closeOnClickOutside", "onClose", "onBack"];
 var Modal = /*#__PURE__*/_react["default"].forwardRef(function Modal(_ref, ref) {
   var isOpen = _ref.isOpen,
     header = _ref.header,
@@ -25,7 +28,8 @@ var Modal = /*#__PURE__*/_react["default"].forwardRef(function Modal(_ref, ref)
     showHeaderBorder = _ref$showHeaderBorder === void 0 ? true : _ref$showHeaderBorder,
     closeOnClickOutside = _ref.closeOnClickOutside,
     onClose = _ref.onClose,
-    onBack = _ref.onBack;
+    onBack = _ref.onBack,
+    props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   if (!isOpen) {
     return null;
   }
@@ -54,12 +58,12 @@ var Modal = /*#__PURE__*/_react["default"].forwardRef(function Modal(_ref, ref)
     onClick: function onClick() {
       return handleClickOutside();
     }
-  }, /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledModalContainer, {
+  }, /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledModalContainer, (0, _extends2["default"])({
     ref: ref,
     onClick: function onClick(e) {
       return e.stopPropagation();
     }
-  }, header && /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledModalHeader, {
+  }, props), header && /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledModalHeader, {
     "data-show-border": showHeaderBorder
   }, showBackButton && /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledButtonContainer, null, /*#__PURE__*/_react["default"].createElement(_ModalStyle.StyledModalBackButton, {
     "data-testid": "modal-back-btn",

package/package.json

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