glints-aries 4.0.185 → 4.0.187

package/es/{src/@next → @next}/Alert/Alert.d.ts

@@ -9,4 +9,4 @@ export declare type AlertProps = {
     duration?: number;
     onDismissed?: () => void;
 };
-export declare const Alert: ({ show, title, content, status, duration, children, onDismissed, }: AlertProps) => JSX.Element;
+export declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -8,7 +8,7 @@ var iconNameStatusMap = {
   warning: 'ri-error-warning-fill',
   error: 'ri-error-warning-fill'
 };
-export var Alert = function Alert(_ref) {
+export var Alert = /*#__PURE__*/React.forwardRef(function Alert(_ref, ref) {
   var show = _ref.show,
     title = _ref.title,
     content = _ref.content,
@@ -38,6 +38,7 @@ export var Alert = function Alert(_ref) {
     return null;
   }
   return /*#__PURE__*/React.createElement(StyledAlertContainer, {
+    ref: ref,
     role: "alert",
     "data-titled": hasTitle,
     "data-status": status || 'info'
@@ -60,4 +61,4 @@ export var Alert = function Alert(_ref) {
   }, /*#__PURE__*/React.createElement(Icon, {
     name: "ri-close"
   })));
-};
+});

package/es/@next/Alert/AlertWithProvider.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const AlertWithProvider: React.ForwardRefExoticComponent<React.RefAttributes<HTMLDivElement>>;

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

@@ -5,7 +5,7 @@ var _excluded = ["closeAlert"],
 import React from 'react';
 import { Alert } from './Alert';
 import { useAlert } from './useAlert';
-export var AlertWithProvider = function AlertWithProvider() {
+export var AlertWithProvider = /*#__PURE__*/React.forwardRef(function AlertWithProvider(_, alertRef) {
   var _useAlert = useAlert(),
     closeAlert = _useAlert.closeAlert,
     rest = _objectWithoutPropertiesLoose(_useAlert, _excluded);
@@ -14,10 +14,12 @@ export var AlertWithProvider = function AlertWithProvider() {
   if (!show) {
     return null;
   }
-  return /*#__PURE__*/React.createElement(Alert, _extends({}, alertProps, {
+  return /*#__PURE__*/React.createElement(Alert, _extends({
+    ref: alertRef
+  }, alertProps, {
     show: show,
     onDismissed: function onDismissed() {
       return closeAlert();
     }
   }));
-};
+});

package/es/{src/@next → @next}/Avatar/Avatar.d.ts

@@ -8,5 +8,5 @@ export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement> {
     size?: AvatarSizeVariant;
     initials?: string;
 }
-export declare const Avatar: ({ variant, size, initials, ...props }: AvatarProps) => JSX.Element;
+export declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/es/@next/Avatar/Avatar.js

@@ -7,7 +7,7 @@ import { Neutral } from '../utilities/colors';
 import { AvatarStyle } from './AvatarStyle';
 var avatarBackgroundColorVariant = ['supplementary', 'warning', 'danger', 'success', 'outstanding'];
 var avatarSizeVariant = ['large', 'medium'];
-export var Avatar = function Avatar(_ref) {
+export var Avatar = /*#__PURE__*/React.forwardRef(function Avatar(_ref, ref) {
   var _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'supplementary' : _ref$variant,
     _ref$size = _ref.size,
@@ -15,6 +15,7 @@ export var Avatar = function Avatar(_ref) {
     initials = _ref.initials,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(AvatarStyle, _extends({
+    ref: ref,
     variant: variant,
     size: size
   }, props), /*#__PURE__*/React.createElement(Typography, {
@@ -22,4 +23,4 @@ export var Avatar = function Avatar(_ref) {
     color: Neutral.B18,
     as: 'span'
   }, initials.slice(0, 2)));
-};
+});

package/{lib/src → es}/@next/Badge/Badge.d.ts

@@ -6,5 +6,5 @@ export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
     status?: BadgeStatusVariant;
     textColor?: string;
 }
-export declare const Badge: ({ children, status, textColor, ...props }: BadgeProps) => JSX.Element;
+export declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/es/@next/Badge/Badge.js

@@ -15,7 +15,7 @@ var renderTextColor = function renderTextColor(textColor, status) {
   }
   return Neutral.B18;
 };
-export var Badge = function Badge(_ref) {
+export var Badge = /*#__PURE__*/React.forwardRef(function Badge(_ref, ref) {
   var children = _ref.children,
     status = _ref.status,
     textColor = _ref.textColor,
@@ -26,6 +26,7 @@ export var Badge = function Badge(_ref) {
     as: 'span'
   }, children) : children;
   return /*#__PURE__*/React.createElement(BadgeStyle, _extends({
+    ref: ref,
     status: status ? status : 'neutral'
   }, props), /*#__PURE__*/React.createElement("div", null, content));
-};
+});

package/es/{src/@next → @next}/Banner/Banner.d.ts

@@ -11,4 +11,4 @@ export declare type BannerProps = {
     dismissable?: boolean;
     onDismiss?: () => void;
 };
-export declare const Banner: ({ title, status, iconName, children, action, secondaryAction, dismissable, onDismiss, ...props }: BannerProps) => JSX.Element;
+export declare const Banner: React.ForwardRefExoticComponent<BannerProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -12,7 +12,7 @@ var iconNameStatusMap = {
   warning: 'ri-error-warning-fill',
   critical: 'ri-error-warning-fill'
 };
-export var Banner = function Banner(_ref) {
+export var Banner = /*#__PURE__*/React.forwardRef(function Banner(_ref, ref) {
   var title = _ref.title,
     status = _ref.status,
     iconName = _ref.iconName,
@@ -29,6 +29,7 @@ export var Banner = function Banner(_ref) {
   }
   var iconNameValue = iconName ? iconName : iconByStatus || iconNameStatusMap['info'];
   return /*#__PURE__*/React.createElement(StyledBanner, _extends({
+    ref: ref,
     "data-titled": !!title,
     "data-status": status
   }, props), /*#__PURE__*/React.createElement(StyledBannerTitleContainer, null, /*#__PURE__*/React.createElement(Icon, {
@@ -47,4 +48,4 @@ export var Banner = function Banner(_ref) {
     as: "div",
     variant: "body1"
   }, children)), /*#__PURE__*/React.createElement(StyledBannerContentContainer, null, action || secondaryAction && /*#__PURE__*/React.createElement(ButtonGroup, null, action, secondaryAction)));
-};
+});

package/{lib/src → es}/@next/Button/Button.d.ts

@@ -11,4 +11,4 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
     iconPosition?: IconPosition;
     loading?: boolean;
 }
-export declare const Button: ({ children, icon, iconPosition, active, fullWidth, loading, ...otherProps }: ButtonProps) => JSX.Element;
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/es/@next/Button/Button.js

@@ -5,7 +5,7 @@ import React from 'react';
 import { Spinner } from '../Spinner/Spinner';
 import { Typography } from '../Typography';
 import { StyledButton } from './ButtonStyle';
-export var Button = function Button(_ref) {
+export var Button = /*#__PURE__*/React.forwardRef(function Button(_ref, ref) {
   var children = _ref.children,
     icon = _ref.icon,
     _ref$iconPosition = _ref.iconPosition,
@@ -24,6 +24,7 @@ export var Button = function Button(_ref) {
     return null;
   };
   return /*#__PURE__*/React.createElement(StyledButton, _extends({
+    ref: ref,
     "data-active": active,
     "data-full-width": fullWidth,
     "data-loading": loading,
@@ -33,4 +34,4 @@ export var Button = function Button(_ref) {
       return e.currentTarget.blur();
     }
   }), loading && /*#__PURE__*/React.createElement(Spinner, null), renderIcon('left'), content, renderIcon('right'));
-};
+});

package/es/@next/Button/DesctructiveButtonStyle.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const DestructiveButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("./Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

package/es/@next/Button/OutlineButtonStyle.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const OutlineButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("./Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

package/es/@next/Button/OutlineMonochromeStyle.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const OutlineMonochromeButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("./Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

package/es/@next/Button/PrimaryButtonStyle.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const PrimaryButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("./Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

package/{lib/src → es}/@next/ButtonGroup/ButtonGroup.d.ts

@@ -5,4 +5,4 @@ export interface ButtonGroupProps extends React.HtmlHTMLAttributes<HTMLDivElemen
     /** Set this true when buttons are wrapped by another element (e.g as an activator for Popover) */
     isButtonWrapped?: boolean;
 }
-export declare const ButtonGroup: ({ segmented, fullWidth, isButtonWrapped, ...props }: ButtonGroupProps) => JSX.Element;
+export declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;

package/es/@next/ButtonGroup/ButtonGroup.js

@@ -3,14 +3,15 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutP
 var _excluded = ["segmented", "fullWidth", "isButtonWrapped"];
 import React from 'react';
 import { StyledButtonGroup } from './ButtonGroupStyle';
-export var ButtonGroup = function ButtonGroup(_ref) {
+export var ButtonGroup = /*#__PURE__*/React.forwardRef(function ButtonGroup(_ref, ref) {
   var segmented = _ref.segmented,
     fullWidth = _ref.fullWidth,
     isButtonWrapped = _ref.isButtonWrapped,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(StyledButtonGroup, _extends({
+    ref: ref,
     "data-segmented": segmented,
     "data-full-width": fullWidth,
     "data-button-wrapped": isButtonWrapped
   }, props));
-};
+});

package/{lib/src → es}/@next/Checkbox/Checkbox.d.ts

@@ -10,4 +10,4 @@ export interface CheckboxProps extends Omit<React.InputHTMLAttributes<HTMLInputE
     onChange?(newChecked: boolean, id: string): void;
     isPadded?: boolean;
 }
-export declare const Checkbox: ({ label, id, checked, onChange, disabled, indeterminate, hasError, helpText, isPadded, ...otherProps }: CheckboxProps) => JSX.Element;
+export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLDivElement>>;

package/es/@next/Checkbox/Checkbox.js

@@ -7,7 +7,7 @@ import { noop } from 'lodash-es';
 import { Icon } from '../Icon';
 import { Typography } from '../Typography';
 import nextId from 'react-id-generator';
-export var Checkbox = function Checkbox(_ref) {
+export var Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(_ref, ref) {
   var label = _ref.label,
     id = _ref.id,
     checked = _ref.checked,
@@ -43,6 +43,7 @@ export var Checkbox = function Checkbox(_ref) {
     onChange == null ? void 0 : onChange(checkedValue, checkBoxId);
   };
   return /*#__PURE__*/React.createElement(StyledContainer, {
+    ref: ref,
     "aria-disabled": disabled,
     "data-error": hasError,
     "data-spacing": isPadded
@@ -98,4 +99,4 @@ export var Checkbox = function Checkbox(_ref) {
     as: "span",
     variant: "subtitle2"
   }, helpText))));
-};
+});

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { InputProps } from '../Input/Input';
+export declare type CurrencyInputProps = Omit<InputProps, 'type' | 'prefix' | 'onChange' | 'value'> & {
+    locale?: string;
+    value?: number;
+    onChange?: (value: number) => void;
+};
+export declare const CurrencyInput: React.ForwardRefExoticComponent<Omit<InputProps, "type" | "value" | "prefix" | "onChange"> & {
+    locale?: string;
+    value?: number;
+    onChange?: (value: number) => void;
+} & React.RefAttributes<HTMLInputElement>>;

package/es/@next/CurrencyInput/CurrencyInput.js

@@ -3,7 +3,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutP
 var _excluded = ["locale", "value", "onChange"];
 import React, { useState } from 'react';
 import { StyledCurrency } from './CurrencyStyles';
-export var CurrencyInput = function CurrencyInput(_ref) {
+export var CurrencyInput = /*#__PURE__*/React.forwardRef(function CurrencyInput(_ref, ref) {
   var _ref$locale = _ref.locale,
     locale = _ref$locale === void 0 ? 'en' : _ref$locale,
     _ref$value = _ref.value,
@@ -37,10 +37,11 @@ export var CurrencyInput = function CurrencyInput(_ref) {
     setFormattedValue(formatter.format(rawValue));
   };
   return /*#__PURE__*/React.createElement(StyledCurrency, _extends({
+    ref: ref,
     type: "text",
     prefix: /*#__PURE__*/React.createElement("div", null, "$")
   }, props, {
     value: formattedValue === '0' ? '' : formattedValue,
     onChange: handleChange
   }));
-};
+});

package/es/@next/CurrencyInput/CurrencyStyles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledCurrency: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../Input/Input").InputProps & import("react").RefAttributes<HTMLInputElement>>, any, {}, never>;

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

@@ -0,0 +1,3 @@
+import React from 'react';
+export declare type DividerProps = React.HTMLAttributes<HTMLDivElement>;
+export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;

package/es/@next/Divider/Divider.js

@@ -1,8 +1,8 @@
-import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructuringEmpty";
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import { DividerStyle } from './DividerStyle';
-export var Divider = function Divider(_ref) {
-  var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/React.createElement(DividerStyle, props);
-};
+export var Divider = /*#__PURE__*/React.forwardRef(function Divider(props, ref) {
+  return /*#__PURE__*/React.createElement(DividerStyle, _extends({
+    ref: ref
+  }, props));
+});