glints-aries 4.0.186 → 4.0.187

package/lib/@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/lib/@next/Alert/Alert.js

@@ -14,7 +14,7 @@ var iconNameStatusMap = {
   warning: 'ri-error-warning-fill',
   error: 'ri-error-warning-fill'
 };
-var Alert = function Alert(_ref) {
+var Alert = /*#__PURE__*/_react["default"].forwardRef(function Alert(_ref, ref) {
   var show = _ref.show,
     title = _ref.title,
     content = _ref.content,
@@ -44,6 +44,7 @@ var Alert = function Alert(_ref) {
     return null;
   }
   return /*#__PURE__*/_react["default"].createElement(_AlertStyle.StyledAlertContainer, {
+    ref: ref,
     role: "alert",
     "data-titled": hasTitle,
     "data-status": status || 'info'
@@ -66,5 +67,5 @@ var Alert = function Alert(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
     name: "ri-close"
   })));
-};
+});
 exports.Alert = Alert;

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

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const AlertWithProvider: () => JSX.Element;
+import React from 'react';
+export declare const AlertWithProvider: React.ForwardRefExoticComponent<React.RefAttributes<HTMLDivElement>>;

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

@@ -10,7 +10,7 @@ var _Alert = require("./Alert");
 var _useAlert2 = require("./useAlert");
 var _excluded = ["closeAlert"],
   _excluded2 = ["show"];
-var AlertWithProvider = function AlertWithProvider() {
+var AlertWithProvider = /*#__PURE__*/_react["default"].forwardRef(function AlertWithProvider(_, alertRef) {
   var _useAlert = (0, _useAlert2.useAlert)(),
     closeAlert = _useAlert.closeAlert,
     rest = (0, _objectWithoutPropertiesLoose2["default"])(_useAlert, _excluded);
@@ -19,11 +19,13 @@ var AlertWithProvider = function AlertWithProvider() {
   if (!show) {
     return null;
   }
-  return /*#__PURE__*/_react["default"].createElement(_Alert.Alert, (0, _extends2["default"])({}, alertProps, {
+  return /*#__PURE__*/_react["default"].createElement(_Alert.Alert, (0, _extends2["default"])({
+    ref: alertRef
+  }, alertProps, {
     show: show,
     onDismissed: function onDismissed() {
       return closeAlert();
     }
   }));
-};
+});
 exports.AlertWithProvider = AlertWithProvider;

package/lib/@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/lib/@next/Avatar/Avatar.js

@@ -12,7 +12,7 @@ var _AvatarStyle = require("./AvatarStyle");
 var _excluded = ["variant", "size", "initials"];
 var avatarBackgroundColorVariant = ['supplementary', 'warning', 'danger', 'success', 'outstanding'];
 var avatarSizeVariant = ['large', 'medium'];
-var Avatar = function Avatar(_ref) {
+var Avatar = /*#__PURE__*/_react["default"].forwardRef(function Avatar(_ref, ref) {
   var _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'supplementary' : _ref$variant,
     _ref$size = _ref.size,
@@ -20,6 +20,7 @@ var Avatar = function Avatar(_ref) {
     initials = _ref.initials,
     props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_AvatarStyle.AvatarStyle, (0, _extends2["default"])({
+    ref: ref,
     variant: variant,
     size: size
   }, props), /*#__PURE__*/_react["default"].createElement(_Typography.Typography, {
@@ -27,5 +28,5 @@ var Avatar = function Avatar(_ref) {
     color: _colors.Neutral.B18,
     as: 'span'
   }, initials.slice(0, 2)));
-};
+});
 exports.Avatar = Avatar;

package/lib/@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/lib/@next/Badge/Badge.js

@@ -20,7 +20,7 @@ var renderTextColor = function renderTextColor(textColor, status) {
   }
   return _colors.Neutral.B18;
 };
-var Badge = function Badge(_ref) {
+var Badge = /*#__PURE__*/_react["default"].forwardRef(function Badge(_ref, ref) {
   var children = _ref.children,
     status = _ref.status,
     textColor = _ref.textColor,
@@ -31,7 +31,8 @@ var Badge = function Badge(_ref) {
     as: 'span'
   }, children) : children;
   return /*#__PURE__*/_react["default"].createElement(_BadgeStyle.BadgeStyle, (0, _extends2["default"])({
+    ref: ref,
     status: status ? status : 'neutral'
   }, props), /*#__PURE__*/_react["default"].createElement("div", null, content));
-};
+});
 exports.Badge = Badge;

package/lib/@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/lib/@next/Banner/Banner.js

@@ -17,7 +17,7 @@ var iconNameStatusMap = {
   warning: 'ri-error-warning-fill',
   critical: 'ri-error-warning-fill'
 };
-var Banner = function Banner(_ref) {
+var Banner = /*#__PURE__*/_react["default"].forwardRef(function Banner(_ref, ref) {
   var title = _ref.title,
     status = _ref.status,
     iconName = _ref.iconName,
@@ -34,6 +34,7 @@ var Banner = function Banner(_ref) {
   }
   var iconNameValue = iconName ? iconName : iconByStatus || iconNameStatusMap['info'];
   return /*#__PURE__*/_react["default"].createElement(_BannerStyle.StyledBanner, (0, _extends2["default"])({
+    ref: ref,
     "data-titled": !!title,
     "data-status": status
   }, props), /*#__PURE__*/_react["default"].createElement(_BannerStyle.StyledBannerTitleContainer, null, /*#__PURE__*/_react["default"].createElement(_Icon.Icon, {
@@ -52,5 +53,5 @@ var Banner = function Banner(_ref) {
     as: "div",
     variant: "body1"
   }, children)), /*#__PURE__*/_react["default"].createElement(_BannerStyle.StyledBannerContentContainer, null, action || secondaryAction && /*#__PURE__*/_react["default"].createElement(_ButtonGroup.ButtonGroup, null, action, secondaryAction)));
-};
+});
 exports.Banner = Banner;

package/lib/@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/lib/@next/Button/Button.js

@@ -10,7 +10,7 @@ var _Spinner = require("../Spinner/Spinner");
 var _Typography = require("../Typography");
 var _ButtonStyle = require("./ButtonStyle");
 var _excluded = ["children", "icon", "iconPosition", "active", "fullWidth", "loading"];
-var Button = function Button(_ref) {
+var Button = /*#__PURE__*/_react["default"].forwardRef(function Button(_ref, ref) {
   var children = _ref.children,
     icon = _ref.icon,
     _ref$iconPosition = _ref.iconPosition,
@@ -29,6 +29,7 @@ var Button = function Button(_ref) {
     return null;
   };
   return /*#__PURE__*/_react["default"].createElement(_ButtonStyle.StyledButton, (0, _extends2["default"])({
+    ref: ref,
     "data-active": active,
     "data-full-width": fullWidth,
     "data-loading": loading,
@@ -38,5 +39,5 @@ var Button = function Button(_ref) {
       return e.currentTarget.blur();
     }
   }), loading && /*#__PURE__*/_react["default"].createElement(_Spinner.Spinner, null), renderIcon('left'), content, renderIcon('right'));
-};
+});
 exports.Button = Button;

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

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const DestructiveButton: import("styled-components").StyledComponent<({ children, icon, iconPosition, active, fullWidth, loading, ...otherProps }: import("./Button").ButtonProps) => JSX.Element, any, {}, never>;
+export declare const DestructiveButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("./Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

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

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const OutlineButton: import("styled-components").StyledComponent<({ children, icon, iconPosition, active, fullWidth, loading, ...otherProps }: import("./Button").ButtonProps) => JSX.Element, any, {}, never>;
+export declare const OutlineButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("./Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

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

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const OutlineMonochromeButton: import("styled-components").StyledComponent<({ children, icon, iconPosition, active, fullWidth, loading, ...otherProps }: import("./Button").ButtonProps) => JSX.Element, any, {}, never>;
+export declare const OutlineMonochromeButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("./Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

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

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const PrimaryButton: import("styled-components").StyledComponent<({ children, icon, iconPosition, active, fullWidth, loading, ...otherProps }: import("./Button").ButtonProps) => JSX.Element, any, {}, never>;
+export declare const PrimaryButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("./Button").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

package/lib/@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/lib/@next/ButtonGroup/ButtonGroup.js

@@ -8,15 +8,16 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _ButtonGroupStyle = require("./ButtonGroupStyle");
 var _excluded = ["segmented", "fullWidth", "isButtonWrapped"];
-var ButtonGroup = function ButtonGroup(_ref) {
+var ButtonGroup = /*#__PURE__*/_react["default"].forwardRef(function ButtonGroup(_ref, ref) {
   var segmented = _ref.segmented,
     fullWidth = _ref.fullWidth,
     isButtonWrapped = _ref.isButtonWrapped,
     props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_ButtonGroupStyle.StyledButtonGroup, (0, _extends2["default"])({
+    ref: ref,
     "data-segmented": segmented,
     "data-full-width": fullWidth,
     "data-button-wrapped": isButtonWrapped
   }, props));
-};
+});
 exports.ButtonGroup = ButtonGroup;

package/lib/@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/lib/@next/Checkbox/Checkbox.js

@@ -14,7 +14,7 @@ var _reactIdGenerator = _interopRequireDefault(require("react-id-generator"));
 var _excluded = ["label", "id", "checked", "onChange", "disabled", "indeterminate", "hasError", "helpText", "isPadded"];
 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 Checkbox = function Checkbox(_ref) {
+var Checkbox = /*#__PURE__*/_react["default"].forwardRef(function Checkbox(_ref, ref) {
   var label = _ref.label,
     id = _ref.id,
     checked = _ref.checked,
@@ -50,6 +50,7 @@ var Checkbox = function Checkbox(_ref) {
     onChange == null ? void 0 : onChange(checkedValue, checkBoxId);
   };
   return /*#__PURE__*/_react["default"].createElement(_CheckboxStyle.StyledContainer, {
+    ref: ref,
     "aria-disabled": disabled,
     "data-error": hasError,
     "data-spacing": isPadded
@@ -105,5 +106,5 @@ var Checkbox = function Checkbox(_ref) {
     as: "span",
     variant: "subtitle2"
   }, helpText))));
-};
+});
 exports.Checkbox = Checkbox;

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

@@ -1,8 +1,12 @@
-/// <reference types="react" />
+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: ({ locale, value, onChange, ...props }: CurrencyInputProps) => JSX.Element;
+export declare const CurrencyInput: React.ForwardRefExoticComponent<Omit<InputProps, "type" | "value" | "prefix" | "onChange"> & {
+    locale?: string;
+    value?: number;
+    onChange?: (value: number) => void;
+} & React.RefAttributes<HTMLInputElement>>;

package/lib/@next/CurrencyInput/CurrencyInput.js

@@ -10,7 +10,7 @@ var _CurrencyStyles = require("./CurrencyStyles");
 var _excluded = ["locale", "value", "onChange"];
 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 CurrencyInput = function CurrencyInput(_ref) {
+var CurrencyInput = /*#__PURE__*/_react["default"].forwardRef(function CurrencyInput(_ref, ref) {
   var _ref$locale = _ref.locale,
     locale = _ref$locale === void 0 ? 'en' : _ref$locale,
     _ref$value = _ref.value,
@@ -44,11 +44,12 @@ var CurrencyInput = function CurrencyInput(_ref) {
     setFormattedValue(formatter.format(rawValue));
   };
   return /*#__PURE__*/_react["default"].createElement(_CurrencyStyles.StyledCurrency, (0, _extends2["default"])({
+    ref: ref,
     type: "text",
     prefix: /*#__PURE__*/_react["default"].createElement("div", null, "$")
   }, props, {
     value: formattedValue === '0' ? '' : formattedValue,
     onChange: handleChange
   }));
-};
+});
 exports.CurrencyInput = CurrencyInput;

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

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

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

@@ -1,3 +1,3 @@
 import React from 'react';
 export declare type DividerProps = React.HTMLAttributes<HTMLDivElement>;
-export declare const Divider: ({ ...props }: DividerProps) => JSX.Element;
+export declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<HTMLDivElement>>;

package/lib/@next/Divider/Divider.js

@@ -3,12 +3,12 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.Divider = void 0;
-var _objectDestructuringEmpty2 = _interopRequireDefault(require("@babel/runtime/helpers/objectDestructuringEmpty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _DividerStyle = require("./DividerStyle");
-var Divider = function Divider(_ref) {
-  var props = (0, _extends2["default"])({}, ((0, _objectDestructuringEmpty2["default"])(_ref), _ref));
-  return /*#__PURE__*/_react["default"].createElement(_DividerStyle.DividerStyle, props);
-};
+var Divider = /*#__PURE__*/_react["default"].forwardRef(function Divider(props, ref) {
+  return /*#__PURE__*/_react["default"].createElement(_DividerStyle.DividerStyle, (0, _extends2["default"])({
+    ref: ref
+  }, props));
+});
 exports.Divider = Divider;

package/lib/@next/IndexTable/indexTableStoryHelper/ButtonGroupStyle.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 export declare const StyledButtonGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledButton: import("styled-components").StyledComponent<({ children, icon, iconPosition, active, fullWidth, loading, ...otherProps }: import("../..").ButtonProps) => JSX.Element, any, {}, never>;
+export declare const StyledButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../..").ButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

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

@@ -4,4 +4,4 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     prefix?: React.ReactNode;
     suffix?: React.ReactNode;
 }
-export declare const Input: ({ error, disabled, prefix, suffix, ...props }: InputProps) => JSX.Element;
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/lib/@next/Input/Input.js

@@ -8,7 +8,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _InputStyle = require("./InputStyle");
 var _excluded = ["error", "disabled", "prefix", "suffix"];
-var Input = function Input(_ref) {
+var Input = /*#__PURE__*/_react["default"].forwardRef(function Input(_ref, ref) {
   var error = _ref.error,
     disabled = _ref.disabled,
     prefix = _ref.prefix,
@@ -23,11 +23,12 @@ var Input = function Input(_ref) {
     return hasSuffix ? /*#__PURE__*/_react["default"].createElement(_InputStyle.StyledSuffixContainer, null, suffix) : null;
   };
   return /*#__PURE__*/_react["default"].createElement(_InputStyle.StyledContainer, {
+    ref: ref,
     "data-prefix": hasPrefix,
     "data-error": error,
     "data-disabled": disabled
   }, /*#__PURE__*/_react["default"].createElement(Prefix, null), /*#__PURE__*/_react["default"].createElement(_InputStyle.StyledInput, (0, _extends2["default"])({
     disabled: disabled
   }, props)), /*#__PURE__*/_react["default"].createElement(Suffix, null));
-};
+});
 exports.Input = Input;

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { InputProps } from '../Input/Input';
 export declare type NumberInputProps = Omit<InputProps, 'type' | 'prefix'>;
-export declare const NumberInput: (props: NumberInputProps) => JSX.Element;
+export declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;

package/lib/@next/NumberInput/NumberInput.js

@@ -11,9 +11,10 @@ var StyledInput = (0, _styledComponents["default"])(_Input.Input).withConfig({
   displayName: "NumberInput__StyledInput",
   componentId: "sc-1f5ws9y-0"
 })(["&[type='number']{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;}&[type='number']::-webkit-inner-spin-button,&[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;}"]);
-var NumberInput = function NumberInput(props) {
+var NumberInput = /*#__PURE__*/_react["default"].forwardRef(function NumberInput(props, ref) {
   return /*#__PURE__*/_react["default"].createElement(StyledInput, (0, _extends2["default"])({
+    ref: ref,
     type: "number"
   }, props));
-};
+});
 exports.NumberInput = NumberInput;

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { PaginationProps } from './paginationUtils';
-export declare const Pagination: ({ totalItems, currentPage, disabled, pageSize, onPageChanged, }: PaginationProps) => JSX.Element;
+export declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;

package/lib/@next/Pagination/Pagination.js

@@ -11,7 +11,7 @@ var _PaginationStyle = require("./PaginationStyle");
 var _paginationUtils = require("./paginationUtils");
 var _Stepper = require("./Stepper");
 var _excluded = ["value"];
-var Pagination = function Pagination(_ref) {
+var Pagination = /*#__PURE__*/_react["default"].forwardRef(function Pagination(_ref, ref) {
   var _ref$totalItems = _ref.totalItems,
     totalItems = _ref$totalItems === void 0 ? 1 : _ref$totalItems,
     _ref$currentPage = _ref.currentPage,
@@ -123,6 +123,8 @@ var Pagination = function Pagination(_ref) {
     disabled: !hasNext || disabled,
     onClick: handlePagerClick
   }));
-  return /*#__PURE__*/_react["default"].createElement(_PaginationStyle.StyledNav, null, pageList);
-};
+  return /*#__PURE__*/_react["default"].createElement(_PaginationStyle.StyledNav, {
+    ref: ref
+  }, pageList);
+});
 exports.Pagination = Pagination;

package/lib/@next/Pagination/PaginationStyle.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from 'react';
 import { PageButtonProps } from './PageButton';
 export declare const StyledNav: import("styled-components").StyledComponent<"nav", any, {}, never>;
 export declare const SimplePaginationStyledNav: import("styled-components").StyledComponent<"nav", any, {}, never>;
 export declare const StyledPageButton: import("styled-components").StyledComponent<"button", any, PageButtonProps, never>;
 export declare const StyledSimplePaginationButton: import("styled-components").StyledComponent<"button", any, PageButtonProps, never>;
 export declare const StyledActiveSimplePaginationButton: import("styled-components").StyledComponent<(props: PageButtonProps) => JSX.Element, any, {}, never>;
-export declare const StyledSimplePaginationInput: import("styled-components").StyledComponent<(props: import("../NumberInput").NumberInputProps) => JSX.Element, any, {}, never>;
+export declare const StyledSimplePaginationInput: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../NumberInput").NumberInputProps & React.RefAttributes<HTMLInputElement>>, any, {}, never>;

package/lib/@next/Pagination/SimplePagination.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
+import React from 'react';
 import { PaginationProps } from './paginationUtils';
-export declare const SimplePagination: ({ totalItems, currentPage, disabled, pageSize, onPageChanged, }: PaginationProps) => JSX.Element;
+export declare const SimplePagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;

package/lib/@next/Pagination/SimplePagination.js

@@ -9,7 +9,7 @@ var _paginationUtils = require("./paginationUtils");
 var _Stepper = require("./Stepper");
 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 SimplePagination = function SimplePagination(_ref) {
+var SimplePagination = /*#__PURE__*/_react["default"].forwardRef(function SimplePagination(_ref, ref) {
   var _ref$totalItems = _ref.totalItems,
     totalItems = _ref$totalItems === void 0 ? 1 : _ref$totalItems,
     _ref$currentPage = _ref.currentPage,
@@ -43,7 +43,9 @@ var SimplePagination = function SimplePagination(_ref) {
   var handleFocus = function handleFocus(e) {
     e.target.select();
   };
-  return /*#__PURE__*/_react["default"].createElement(_PaginationStyle.SimplePaginationStyledNav, null, /*#__PURE__*/_react["default"].createElement(_Stepper.PreviousStepper, {
+  return /*#__PURE__*/_react["default"].createElement(_PaginationStyle.SimplePaginationStyledNav, {
+    ref: ref
+  }, /*#__PURE__*/_react["default"].createElement(_Stepper.PreviousStepper, {
     value: currentPage - 1,
     disabled: !hasPrevious || disabled,
     onClick: handlePageNumberChange
@@ -83,5 +85,5 @@ var SimplePagination = function SimplePagination(_ref) {
     disabled: !hasNext || disabled,
     onClick: handlePageNumberChange
   }));
-};
+});
 exports.SimplePagination = SimplePagination;

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

@@ -1,10 +1,10 @@
-/// <reference types="react" />
-import { PopoverProps as PolarisPopoverProps } from 'polaris-glints';
+import React from 'react';
+import { PopoverProps as PolarisPopoverProps, PopoverPublicAPI } from 'polaris-glints';
 export declare type PopoverProps = PolarisPopoverProps;
 /** Using Popover from polaris-glints repository internally
  * Please add `<div id="glints-portal-container"></div>` as a sibling element of where your React app is rendered.
  * This is a temporary workaround, as React Portal need this as the anchor */
-export declare const Popover: ((props: PopoverProps) => JSX.Element) & {
+export declare const Popover: React.ForwardRefExoticComponent<PolarisPopoverProps & React.RefAttributes<PopoverPublicAPI>> & {
     Pane: typeof import("polaris-glints/build/ts/latest/src/components/Popover/components").Pane;
     Section: typeof import("polaris-glints/build/ts/latest/src/components/Popover/components").Section;
 };

package/lib/@next/Popover/Popover.js

@@ -3,12 +3,15 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.Popover = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _polarisGlints = require("polaris-glints");
 var _PopoverStyle = require("./PopoverStyle");
-var PopoverComponent = function PopoverComponent(props) {
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_PopoverStyle.StyledPopover, null), /*#__PURE__*/_react["default"].createElement(_polarisGlints.Popover, props));
-};
+var PopoverComponent = /*#__PURE__*/_react["default"].forwardRef(function Popoever(props, ref) {
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_PopoverStyle.StyledPopover, null), /*#__PURE__*/_react["default"].createElement(_polarisGlints.Popover, (0, _extends2["default"])({
+    ref: ref
+  }, props)));
+});
 
 /** Using Popover from polaris-glints repository internally
  * Please add `<div id="glints-portal-container"></div>` as a sibling element of where your React app is rendered.

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

@@ -11,4 +11,4 @@ export interface RadioButtonProps extends Omit<React.HTMLAttributes<HTMLInputEle
 /**
  * This is a controlled component, so you need to pass in the `checked` and `onChange` prop to make it work.
  */
-export declare const RadioButton: ({ label, helperText, disabled, name, checked, value, onChange, ...props }: RadioButtonProps) => JSX.Element;
+export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;

package/lib/@next/RadioButton/RadioButton.js

@@ -13,7 +13,7 @@ var _excluded = ["label", "helperText", "disabled", "name", "checked", "value",
 /**
  * This is a controlled component, so you need to pass in the `checked` and `onChange` prop to make it work.
  */
-var RadioButton = function RadioButton(_ref) {
+var RadioButton = /*#__PURE__*/_react["default"].forwardRef(function RadioButton(_ref, ref) {
   var label = _ref.label,
     helperText = _ref.helperText,
     disabled = _ref.disabled,
@@ -23,6 +23,7 @@ var RadioButton = function RadioButton(_ref) {
     onChange = _ref.onChange,
     props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_RadioButtonStyle.RadioButtonWrapper, null, /*#__PURE__*/_react["default"].createElement(_RadioButtonStyle.RadioButtonInput, (0, _extends2["default"])({
+    ref: ref,
     disabled: disabled,
     name: name,
     checked: checked,
@@ -43,5 +44,5 @@ var RadioButton = function RadioButton(_ref) {
     as: "span",
     color: _.Colors.Neutral.B40
   }, helperText)));
-};
+});
 exports.RadioButton = RadioButton;

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

@@ -18,4 +18,4 @@ export declare type TabsProps = {
     fitted?: boolean;
     onSelected?: (index: number) => void;
 };
-export declare const Tabs: ({ tabs, selected: selectedIndex, children, fitted, onSelected, }: TabsProps) => JSX.Element;
+export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;

package/lib/@next/Tabs/Tabs.js

@@ -9,7 +9,7 @@ var _Tab = require("./Tab");
 var _TabStyle = require("./TabStyle");
 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 Tabs = function Tabs(_ref) {
+var Tabs = /*#__PURE__*/_react["default"].forwardRef(function Tabs(_ref, ref) {
   var tabs = _ref.tabs,
     _ref$selected = _ref.selected,
     selectedIndex = _ref$selected === void 0 ? 0 : _ref$selected,
@@ -44,8 +44,10 @@ var Tabs = function Tabs(_ref) {
       selected: index === selectedTabIndex
     }));
   });
-  return /*#__PURE__*/_react["default"].createElement(_TabStyle.StyledTabsContainer, null, /*#__PURE__*/_react["default"].createElement(_TabStyle.StyledTabHeaderContainer, null, /*#__PURE__*/_react["default"].createElement(_TabStyle.StyledUl, {
+  return /*#__PURE__*/_react["default"].createElement(_TabStyle.StyledTabsContainer, {
+    ref: ref
+  }, /*#__PURE__*/_react["default"].createElement(_TabStyle.StyledTabHeaderContainer, null, /*#__PURE__*/_react["default"].createElement(_TabStyle.StyledUl, {
     "data-fitted": fitted
   }, renderTabs, " ")), /*#__PURE__*/_react["default"].createElement("div", null, children));
-};
+});
 exports.Tabs = Tabs;

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

@@ -6,4 +6,4 @@ export interface TagProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 export declare type TagRemoveContainerProps = React.HTMLAttributes<HTMLDivElement>;
 export declare type TagContentProps = React.HTMLAttributes<HTMLSpanElement> & TagProps;
-export declare const Tag: ({ children, onRemove, value, ...props }: TagProps) => JSX.Element;
+export declare const Tag: React.ForwardRefExoticComponent<TagProps & React.RefAttributes<HTMLDivElement>>;