@deque/cauldron-react 3.0.1 → 4.0.0-canary.c3398f14

package/lib/components/IconButton/index.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
+import * as Polymorphic from '../../utils/polymorphic-type';
 import { IconType } from '../Icon';
 import { TooltipProps } from '../Tooltip';
-export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+export interface IconButtonOwnProps {
     icon: IconType;
     label: string;
     tooltipPlacement?: TooltipProps['placement'];
@@ -9,5 +9,12 @@ export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonEl
     tooltipPortal?: TooltipProps['portal'];
     variant?: 'primary' | 'secondary' | 'error';
 }
-declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
+declare type PolymorphicIconButton = Polymorphic.ForwardRefComponent<'button', IconButtonOwnProps>;
+/**
+ * Unfortunately, eslint does not recognize that this Polymorphic component has a displayName set
+ *
+ * We might be able to remove this if we upgrade eslint and associated plugins
+ * See: https://github.com/dequelabs/cauldron/issues/451
+ */
+declare const IconButton: PolymorphicIconButton;
 export default IconButton;

package/lib/components/IssuePanel/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import IconButton from '../IconButton';
+declare const IssuePanel: {
+    ({ className, title, actions, children }: {
+        className?: string | undefined;
+        title?: string | undefined;
+        actions?: import("../../utils/polymorphic-type").ForwardRefComponent<"button", import("../IconButton").IconButtonOwnProps>[] | undefined;
+        children: React.ReactNode;
+    }): JSX.Element;
+    displayName: string;
+    propTypes: {
+        children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        className: PropTypes.Requireable<string>;
+    };
+};
+export default IssuePanel;

package/lib/components/Loader/index.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 export interface LoaderProps extends React.HTMLAttributes<HTMLDivElement> {
-    label: string;
+    label?: string;
+    variant?: 'large' | 'small';
 }
-declare function Loader({ label, className, ...other }: LoaderProps): JSX.Element;
+declare function Loader({ className, variant, label, ...props }: LoaderProps): JSX.Element;
 declare namespace Loader {
     var propTypes: {
-        label: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
     };
     var displayName: string;

package/lib/components/LoaderOverlay/axe-loader.d.ts

@@ -0,0 +1 @@
+export default function AxeLoader(): JSX.Element;

package/lib/components/LoaderOverlay/index.d.ts

@@ -1,3 +1,7 @@
 import React from 'react';
-declare const LoaderOverlay: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+interface LoaderOverlayProps extends React.HTMLAttributes<HTMLDivElement> {
+    variant?: 'large' | 'small';
+    label?: string;
+}
+declare const LoaderOverlay: React.ForwardRefExoticComponent<LoaderOverlayProps & React.RefAttributes<HTMLDivElement>>;
 export default LoaderOverlay;

package/lib/components/Pagination/index.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Placement } from '@popperjs/core';
+interface Props extends React.HTMLAttributes<HTMLDivElement> {
+    totalItems: number;
+    itemsPerPage?: number;
+    currentPage?: number;
+    statusLabel?: React.ReactNode;
+    firstPageLabel?: string;
+    previousPageLabel?: string;
+    nextPageLabel?: string;
+    lastPageLabel?: string;
+    onNextPageClick?: () => void;
+    onPreviousPageClick?: () => void;
+    onFirstPageClick?: () => void;
+    onLastPageClick?: () => void;
+    tooltipPlacement?: Placement;
+    className?: string;
+}
+declare const Pagination: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
+export default Pagination;

package/lib/components/Panel/index.d.ts

@@ -1,16 +1,21 @@
-import React from 'react';
+import { HTMLAttributes, ReactElement, ReactNode } from 'react';
 import PropTypes from 'prop-types';
-import IconButton from '../IconButton';
+interface PanelProps extends HTMLAttributes<HTMLElement> {
+    children: ReactNode;
+    heading: ReactElement<any> | {
+        id?: string;
+        text: ReactElement<any>;
+        level: number | undefined;
+    };
+    collapsed?: boolean;
+    className?: string;
+}
 declare const Panel: {
-    ({ className, title, actions, children }: {
-        className?: string | undefined;
-        title?: string | undefined;
-        actions?: React.ForwardRefExoticComponent<import("../IconButton").IconButtonProps & React.RefAttributes<HTMLButtonElement>>[] | undefined;
-        children: React.ReactNode;
-    }): JSX.Element;
+    ({ children, collapsed, className, heading, ...other }: PanelProps): JSX.Element;
     displayName: string;
     propTypes: {
         children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
+        heading: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
         className: PropTypes.Requireable<string>;
     };
 };

package/lib/components/SideBar/SideBar.d.ts

@@ -5,6 +5,7 @@ export interface SideBarProps extends React.HTMLAttributes<HTMLUListElement> {
     onDismiss: () => void;
     className?: string;
     show: boolean;
+    navProps: React.HTMLAttributes<HTMLElement>;
 }
 interface SideBarState {
     wide: boolean;

package/lib/components/Stepper/index.d.ts

@@ -9,6 +9,7 @@ interface StepWithChildren extends BaseStepProps {
 }
 interface StepWithTooltip extends BaseStepProps {
     tooltip: React.ReactNode;
+    tooltipText: string;
 }
 declare type StepProps = StepWithChildren | StepWithTooltip;
 export declare const Step: {
@@ -17,6 +18,7 @@ export declare const Step: {
     propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         tooltip: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        tooltipText: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
     };
 };

package/lib/components/Table/TableCell.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import React, { TdHTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
-interface TableCellProps {
+interface TableCellProps extends TdHTMLAttributes<HTMLTableCellElement> {
     children: React.ReactNode;
     className?: string;
 }

package/lib/components/Table/TableHeader.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+import React, { ThHTMLAttributes } from 'react';
 import PropTypes from 'prop-types';
-interface TableHeaderProps {
+interface TableHeaderProps extends ThHTMLAttributes<HTMLTableCellElement> {
     children: React.ReactNode;
     className?: string;
 }

package/lib/components/Tabs/Tabs.d.ts

@@ -5,10 +5,15 @@ declare type TabsProps = {
     children: React.ReactNode;
     initialActiveIndex?: number;
     thin?: boolean;
+    orientation?: 'horizontal' | 'vertical';
     className?: string;
+    onChange?: ({ activeTabIndex, target }: {
+        activeTabIndex: number;
+        target: HTMLLIElement | null;
+    }) => void;
 } & Cauldron.LabelProps;
 declare const Tabs: {
-    ({ children, thin, initialActiveIndex, className, ...labelProp }: TabsProps): JSX.Element;
+    ({ children, thin, orientation, initialActiveIndex, className, onChange, ...labelProp }: TabsProps): JSX.Element;
     displayName: string;
     propTypes: {
         children: PropTypes.Validator<string | number | boolean | {} | PropTypes.ReactElementLike | PropTypes.ReactNodeArray>;
@@ -16,6 +21,7 @@ declare const Tabs: {
         'aria-labelledby': PropTypes.Requireable<string>;
         initialActiveIndex: PropTypes.Requireable<number>;
         thin: PropTypes.Requireable<boolean>;
+        orientation: PropTypes.Requireable<string>;
         className: PropTypes.Requireable<string>;
     };
 };

package/lib/components/Tooltip/index.d.ts

@@ -11,7 +11,7 @@ export interface TooltipProps extends React.HTMLAttributes<HTMLDivElement> {
     portal?: React.RefObject<HTMLElement> | HTMLElement;
     hideElementOnHidden?: boolean;
 }
-declare function Tooltip({ id: propId, placement: initialPlacement, children, portal, target, association, variant, show: showProp, hideElementOnHidden, ...props }: TooltipProps): React.ReactPortal | null;
+declare function Tooltip({ id: propId, placement: initialPlacement, children, portal, target, association, variant, show: showProp, hideElementOnHidden, className, ...props }: TooltipProps): React.ReactPortal | null;
 declare namespace Tooltip {
     var displayName: string;
     var propTypes: {

package/lib/{copy-d2ade017.js → copy.js}

@@ -5,22 +5,20 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 
+var _path;
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var _ref = /*#__PURE__*/React.createElement("path", {
+const SvgCopy = props => /*#__PURE__*/React.createElement("svg", _extends({
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 24 24",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
   d: "M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12V1zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm0 16H8V7h11v14z",
   vectorEffect: "non-scaling-stroke",
   fill: "currentColor"
-});
-
-function SvgCopy(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 19,
-    height: 19
-  }, props), _ref);
-}
+})));
 
 exports.default = SvgCopy;

package/lib/{download-2790e982.js → download.js}

@@ -5,22 +5,20 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 
+var _path;
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var _ref = /*#__PURE__*/React.createElement("path", {
+const SvgDownload = props => /*#__PURE__*/React.createElement("svg", _extends({
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 24 24",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
   d: "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z",
   vectorEffect: "non-scaling-stroke",
   fill: "currentColor"
-});
-
-function SvgDownload(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 21,
-    height: 21
-  }, props), _ref);
-}
+})));
 
 exports.default = SvgDownload;

package/lib/exchange.js

@@ -0,0 +1,24 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+
+var _path;
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const SvgExchange = props => /*#__PURE__*/React.createElement("svg", _extends({
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 24 24",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  d: "M21.33 14.34a.347.347 0 0 0-.33-.33H6.67v-2a.347.347 0 0 0-.33-.33.34.34 0 0 0-.24.09L2.77 15.1a.34.34 0 0 0-.09.24c0 .09.03.17.09.23l3.32 3.33c.07.06.16.1.25.1.18-.01.32-.15.33-.33v-2H21c.18-.01.32-.15.33-.33v-2zm0-5.66a.34.34 0 0 0-.09-.24l-3.33-3.32a.407.407 0 0 0-.25-.11.314.314 0 0 0-.33.3v2.02H3c-.18.01-.33.16-.33.34v2c0 .18.15.33.33.34h14.33v2c.01.18.15.32.33.33.09 0 .18-.03.24-.09l3.33-3.33a.34.34 0 0 0 .09-.24h.01z",
+  fill: "currentColor",
+  vectorEffect: "non-scaling-stroke"
+})));
+
+exports.default = SvgExchange;

package/lib/external-link.js

@@ -0,0 +1,25 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+
+var _path;
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const SvgExternalLink = props => /*#__PURE__*/React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 24 24",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  d: "M17.33 13.67a.317.317 0 0 0-.3-.34h-.7c-.18-.01-.32.13-.33.31V17c0 .92-.75 1.67-1.67 1.67H5.67C4.75 18.67 4 17.92 4 17V8.34c0-.92.75-1.67 1.67-1.67H13c.18.01.32-.13.33-.31v-.69c.01-.18-.13-.32-.31-.33H5.67a2.9 2.9 0 0 0-2.12.88 2.9 2.9 0 0 0-.88 2.12V17c-.01.8.31 1.57.88 2.12a2.9 2.9 0 0 0 2.12.88h8.66c1.66 0 3-1.34 3-3v-3.33zm4-9a.683.683 0 0 0-.67-.67h-5.33c-.36 0-.66.29-.67.65 0 .18.07.35.2.48L16.7 7l-6.79 6.76c-.13.13-.14.33-.01.47l.01.01 1.19 1.19c.13.13.33.14.47.01l.01-.01 6.79-6.79 1.83 1.83c.27.25.69.24.95-.03.11-.12.18-.28.18-.44V4.67z",
+  vectorEffect: "non-scaling-stroke",
+  fill: "currentColor"
+})));
+
+exports.default = SvgExternalLink;

package/lib/{eye-a0d28243.js → eye.js}

@@ -5,22 +5,20 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 
+var _path;
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var _ref = /*#__PURE__*/React.createElement("path", {
+const SvgEye = props => /*#__PURE__*/React.createElement("svg", _extends({
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 24 24",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
   d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z",
   vectorEffect: "non-scaling-stroke",
   fill: "currentColor"
-});
-
-function SvgEye(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 16,
-    height: 15
-  }, props), _ref);
-}
+})));
 
 exports.default = SvgEye;

package/lib/{filter-d2057f4c.js → filter.js}

@@ -5,22 +5,20 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 
+var _path;
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var _ref = /*#__PURE__*/React.createElement("path", {
+const SvgFilter = props => /*#__PURE__*/React.createElement("svg", _extends({
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 24 24",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
   d: "M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z",
   fill: "currentColor",
   vectorEffect: "non-scaling-stroke"
-});
-
-function SvgFilter(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 32,
-    height: 32
-  }, props), _ref);
-}
+})));
 
 exports.default = SvgFilter;

package/lib/{flag-fb248a99.js → flag.js}

@@ -5,22 +5,21 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 
+var _path;
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var _ref = /*#__PURE__*/React.createElement("path", {
-  d: "M5.67 5.34c.01-.73-.59-1.33-1.32-1.34h-.01c-.73-.01-1.33.59-1.34 1.32v.02c-.01.48.25.93.67 1.15v13.17c0 .18.15.33.33.34h.67c.18-.01.33-.16.33-.34V6.48c.42-.22.68-.67.67-1.15v.01zM21 6a.683.683 0 00-.67-.67c-.2.04-.39.11-.57.22l-.91.45c-.37.2-.75.36-1.15.49-.39.14-.8.21-1.22.22-.32.01-.63-.06-.92-.2-.74-.36-1.5-.66-2.28-.92a6.98 6.98 0 00-2.08-.3 9.95 9.95 0 00-4.38 1.3c-.28.12-.55.26-.82.41a.73.73 0 00-.32.57v7.73c.01.37.3.66.67.67.12 0 .24-.03.34-.09 1.46-.89 3.12-1.41 4.83-1.52.5 0 1 .08 1.48.23.42.13.82.29 1.2.5.36.2.74.37 1.13.5.41.15.85.23 1.29.23 1.36-.09 2.68-.5 3.84-1.21.15-.07.29-.17.41-.29.09-.11.14-.25.13-.4V6z",
+const SvgFlag = props => /*#__PURE__*/React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 24 24",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  d: "M5.67 5.34c.01-.73-.59-1.33-1.32-1.34h-.01c-.73-.01-1.33.59-1.34 1.32v.02c-.01.48.25.93.67 1.15v13.17c0 .18.15.33.33.34h.67c.18-.01.33-.16.33-.34V6.48c.42-.22.68-.67.67-1.15v.01zM21 6a.683.683 0 0 0-.67-.67c-.2.04-.39.11-.57.22l-.91.45c-.37.2-.75.36-1.15.49-.39.14-.8.21-1.22.22-.32.01-.63-.06-.92-.2-.74-.36-1.5-.66-2.28-.92a6.98 6.98 0 0 0-2.08-.3 9.95 9.95 0 0 0-4.38 1.3c-.28.12-.55.26-.82.41a.73.73 0 0 0-.32.57v7.73c.01.37.3.66.67.67.12 0 .24-.03.34-.09 1.46-.89 3.12-1.41 4.83-1.52.5 0 1 .08 1.48.23.42.13.82.29 1.2.5.36.2.74.37 1.13.5.41.15.85.23 1.29.23 1.36-.09 2.68-.5 3.84-1.21.15-.07.29-.17.41-.29.09-.11.14-.25.13-.4V6z",
   vectorEffect: "non-scaling-stroke",
   fill: "currentColor"
-});
-
-function SvgFlag(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 19,
-    height: 19
-  }, props), _ref);
-}
+})));
 
 exports.default = SvgFlag;

package/lib/gears.js

@@ -0,0 +1,22 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const SvgGears = props => /*#__PURE__*/React.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 29.74 26.88",
+  height: 24,
+  width: 24
+}, props), /*#__PURE__*/React.createElement("path", {
+  d: "M19.22 15.56a.38.38 0 0 0-.22-.16l-2.31-.35a6.79 6.79 0 0 0-.52-1.21l.68-.88c.3-.37.51-.65.64-.83a.51.51 0 0 0 .1-.29.41.41 0 0 0-.09-.28 17.53 17.53 0 0 0-2.08-2.14.48.48 0 0 0-.31-.12.41.41 0 0 0-.3.11L13 10.7a9.28 9.28 0 0 0-1.13-.47l-.35-2.31a.37.37 0 0 0-.15-.26.39.39 0 0 0-.3-.12h-2.8a.41.41 0 0 0-.45.35 18.64 18.64 0 0 0-.36 2.34 7.33 7.33 0 0 0-1.15.48L4.57 9.36a.58.58 0 0 0-.33-.12 3.06 3.06 0 0 0-1.24.89 14.32 14.32 0 0 0-1.21 1.36.53.53 0 0 0-.1.29.42.42 0 0 0 .12.3c.55.68 1 1.26 1.34 1.74A6.06 6.06 0 0 0 2.68 15l-2.34.35a.35.35 0 0 0-.24.17.46.46 0 0 0-.1.29v2.79a.51.51 0 0 0 .1.29.42.42 0 0 0 .26.16l2.31.33a5.66 5.66 0 0 0 .52 1.21c-.16.21-.37.5-.68.88s-.5.66-.64.84a.48.48 0 0 0-.09.29.49.49 0 0 0 .08.29A17.27 17.27 0 0 0 3.94 25a.41.41 0 0 0 .31.14.52.52 0 0 0 .32-.11l1.77-1.34a11.37 11.37 0 0 0 1.14.47l.35 2.32a.34.34 0 0 0 .15.26.44.44 0 0 0 .31.11h2.79a.43.43 0 0 0 .45-.35 18.64 18.64 0 0 0 .36-2.34A7.36 7.36 0 0 0 13 23.7l1.74 1.36a.52.52 0 0 0 .32.11 2.94 2.94 0 0 0 1.21-.9 11.9 11.9 0 0 0 1.21-1.35.46.46 0 0 0 .11-.29.53.53 0 0 0-.12-.32c-.61-.73-1.05-1.31-1.34-1.74a7.68 7.68 0 0 0 .49-1.14l2.38-.35a.43.43 0 0 0 .34-.45v-2.79a.43.43 0 0 0-.12-.28zm-7.28 3.91a3.22 3.22 0 0 1-4.54 0 3.23 3.23 0 0 1 0-4.54 3.22 3.22 0 0 1 4.55 0 3.56 3.56 0 0 1-.01 4.54zM29.73 5.16a.28.28 0 0 0-.06-.16.27.27 0 0 0-.16-.1l-1.44-.21a3.85 3.85 0 0 0-.32-.75c.1-.13.23-.32.42-.55s.32-.41.4-.52a.28.28 0 0 0 .06-.18.26.26 0 0 0-.05-.17 11.58 11.58 0 0 0-1.29-1.33.35.35 0 0 0-.2-.07.27.27 0 0 0-.19.06L25.81 2a6.29 6.29 0 0 0-.71-.3L24.89.24a.22.22 0 0 0-.09-.16.25.25 0 0 0-.19-.08h-1.74a.26.26 0 0 0-.28.22 12.1 12.1 0 0 0-.22 1.45 5.74 5.74 0 0 0-.72.3l-1.08-.84a.35.35 0 0 0-.2-.07 2 2 0 0 0-.75.55 8.49 8.49 0 0 0-.75.84.4.4 0 0 0-.07.18.27.27 0 0 0 .08.19c.34.42.62.78.83 1.08a4.09 4.09 0 0 0-.31.75l-1.4.22a.23.23 0 0 0-.15.1.3.3 0 0 0-.06.18v1.74a.32.32 0 0 0 .06.18.22.22 0 0 0 .16.09l1.44.21a3.32 3.32 0 0 0 .32.75l-.42.55c-.19.23-.32.41-.4.52a.28.28 0 0 0-.06.18.35.35 0 0 0 .05.18 11.4 11.4 0 0 0 1.29 1.31.3.3 0 0 0 .2.08.31.31 0 0 0 .19-.06l1.06-.88a5.46 5.46 0 0 0 .7.3l.22 1.44a.26.26 0 0 0 .09.16.28.28 0 0 0 .19.07h1.74a.25.25 0 0 0 .27-.22 12.13 12.13 0 0 0 .23-1.45 5 5 0 0 0 .71-.3l1.08.84a.36.36 0 0 0 .2.06 1.73 1.73 0 0 0 .75-.55 7.49 7.49 0 0 0 .75-.84.24.24 0 0 0 .07-.18.35.35 0 0 0-.07-.2 12.91 12.91 0 0 1-.84-1.08 4.49 4.49 0 0 0 .31-.71l1.45-.22a.25.25 0 0 0 .16-.1.34.34 0 0 0 0-.17v-1.7zm-4.58 2.25a2 2 0 0 1-2.82 0 2 2 0 0 1 0-2.82 2 2 0 0 1 2.82 0 2.23 2.23 0 0 1 0 2.82z",
+  style: {
+    fill: "currentColor"
+  }
+}));
+
+exports.default = SvgGears;

package/lib/{grid-ee446118.js → grid.js}

@@ -5,21 +5,19 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 
+var _path;
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var _ref = /*#__PURE__*/React.createElement("path", {
+const SvgGrid = props => /*#__PURE__*/React.createElement("svg", _extends({
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 24 24",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
   d: "M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z",
   fill: "currentColor"
-});
-
-function SvgGrid(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    viewBox: "0 0 24 24",
-    width: 19,
-    height: 19
-  }, props), _ref);
-}
+})));
 
 exports.default = SvgGrid;

package/lib/{hamburger-menu-0fc0e266.js → hamburger-menu.js}

@@ -5,9 +5,17 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 
+var _g;
+
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-var _ref = /*#__PURE__*/React.createElement("g", {
+const SvgHamburgerMenu = props => /*#__PURE__*/React.createElement("svg", _extends({
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 20 20",
+  height: 24,
+  width: 24
+}, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
   fill: "currentColor"
 }, /*#__PURE__*/React.createElement("rect", {
   x: 1,
@@ -27,15 +35,6 @@ var _ref = /*#__PURE__*/React.createElement("g", {
   width: 18,
   height: 3,
   rx: 1
-}));
-
-function SvgHamburgerMenu(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    overflow: "visible",
-    preserveAspectRatio: "none",
-    width: 20,
-    height: 20
-  }, props), _ref);
-}
+}))));
 
 exports.default = SvgHamburgerMenu;

package/lib/highlight.js

@@ -0,0 +1,24 @@
+'use strict';
+
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
+var React = require('react');
+var React__default = _interopDefault(React);
+
+var _path;
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+const SvgHighlight = props => /*#__PURE__*/React.createElement("svg", _extends({
+  overflow: "visible",
+  preserveAspectRatio: "none",
+  viewBox: "0 0 24 24",
+  height: 24,
+  width: 24
+}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+  d: "M15.3 15.3c-.56.56-1.24.96-2 1.17v-1.14a.683.683 0 0 0-.67-.67h-1.3c-.37.01-.66.3-.67.67v1.13a4.677 4.677 0 0 1-3.13-3.13h1.14c.37-.01.66-.3.67-.67v-1.33a.683.683 0 0 0-.67-.67H7.53c.45-1.5 1.63-2.68 3.13-3.13v1.14c.01.37.3.66.67.67h1.33c.37-.01.66-.3.67-.67V7.53c1.5.45 2.68 1.63 3.13 3.13h-1.13c-.37.01-.66.3-.67.67v1.33c.01.37.3.66.67.67h1.13c-.21.74-.61 1.42-1.16 1.97zm4.7-4a.683.683 0 0 0-.67-.67h-1.49c-.51-2.24-2.27-4-4.51-4.51V4.66a.688.688 0 0 0-.66-.67h-1.34a.69.69 0 0 0-.67.67v1.49c-2.24.51-4 2.27-4.51 4.51H4.67c-.37.01-.66.31-.67.68v1.33c.01.37.3.66.67.67h1.49c.51 2.24 2.27 4 4.51 4.51v1.49c.01.37.3.66.67.67h1.33c.37-.01.66-.3.67-.67v-1.5c2.24-.51 4-2.27 4.51-4.51h1.49c.36-.01.65-.3.66-.66V11.3z",
+  fill: "currentColor",
+  vectorEffect: "non-scaling-stroke"
+})));
+
+exports.default = SvgHighlight;

package/lib/index.d.ts

@@ -42,7 +42,12 @@ export { default as Tabs, Tab, TabPanel } from './components/Tabs';
 export { DescriptionList, DescriptionListItem, DescriptionTerm, DescriptionDetails } from './components/DescriptionList';
 export { default as Stepper, Step } from './components/Stepper';
 export { default as Panel } from './components/Panel';
+export { default as IssuePanel } from './components/IssuePanel';
 export { default as ProgressBar } from './components/ProgressBar';
+export { Address, AddressLine, AddressCityStateZip } from './components/Address';
+export { default as Pagination } from './components/Pagination';
+export { default as FieldWrap } from './components/FieldWrap';
+export { default as Breadcrumb, BreadcrumbItem, BreadcrumbLink } from './components/Breadcrumb';
 /**
  * Helpers / Utils
  */