td-stylekit 28.5.1 → 28.6.0

package/dist/es/Drawer/Drawer.d.ts

@@ -2,7 +2,7 @@
 import { DrawerHeader, DrawerBody, DrawerMainContent } from './elements';
 import type { CollapsibleToggleProps } from '../CollapsibleToggle';
 import type { Interpolation, Theme } from '@emotion/react';
-export declare type DrawerProps = {
+export type DrawerProps = {
     anchor?: 'left' | 'right';
     children?: React.ReactNode;
     hiddenToggleLabel?: CollapsibleToggleProps['hiddenLabel'];
@@ -12,7 +12,7 @@ export declare type DrawerProps = {
     css?: Interpolation<Theme>;
     openRight?: boolean;
 };
-export declare type DrawerSubComponents = {
+export type DrawerSubComponents = {
     Body: typeof DrawerBody;
     Header: typeof DrawerHeader;
     MainContent: typeof DrawerMainContent;

package/dist/es/Drawer/elements.d.ts

@@ -18,7 +18,7 @@ export declare const DrawerContentWrapper: import("@emotion/styled").StyledCompo
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
-declare type DrawerHeaderProps = {
+type DrawerHeaderProps = {
     title?: React.ReactNode;
     subtitle?: React.ReactNode;
     actionButton?: React.ReactNode;

package/dist/es/DropdownButton/DropdownButton.d.ts

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-export declare type DropdownButtonProps = {
+export type DropdownButtonProps = {
     /** What to render as main button content */
     children: React.ReactNode;
     /** For css module interop */
@@ -21,7 +21,7 @@ export declare type DropdownButtonProps = {
     secondaryActions: React.ReactNode[];
     title?: string;
 };
-declare type DropdownButtonState = {
+type DropdownButtonState = {
     open: boolean;
     hovered: boolean;
 };

package/dist/es/DropdownButton/DropdownButtonElements.d.ts

@@ -27,7 +27,7 @@ export declare const DropdownTrigger: import("@emotion/styled").StyledComponent<
     showBorder: boolean;
 }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export declare const Popover: import("@emotion/styled").StyledComponent<any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-declare type DropdownButtonPopoverProps = {
+type DropdownButtonPopoverProps = {
     actions: React.ReactNode[];
     buttonWidth?: number;
     id?: string;

package/dist/es/FileInput/FileInput.d.ts

@@ -1,5 +1,5 @@
 import React, { Component } from 'react';
-export declare type FileInputProps = {
+export type FileInputProps = {
     /** comma-separated list of [content type specifiers](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#attr-accept). */
     accept?: string;
     /** Allow multiple files to be selected. */

package/dist/es/FormControl/FormControl.d.ts

@@ -7,13 +7,13 @@ import type { RadioGroupProps } from './components/RadioGroup';
 import type { CheckboxGroupProps } from './components/CheckboxGroup';
 import type { Interpolation } from '@emotion/react';
 import type { FormControlValue } from '../types';
-declare type FormControlTypeSelect = 'select';
-declare type FormControlTypeRadio = 'radio';
-declare type FormControlTypeCheckbox = 'checkbox';
-declare type FormControlTypeInput = 'datetime-local' | 'email' | 'number' | 'password' | 'text' | 'textarea' | 'url';
-export declare type FormControlTypes = FormControlTypeSelect | FormControlTypeInput | FormControlTypeRadio | FormControlTypeCheckbox;
-export declare type FormControlElementTypes<T extends FormControlTypes> = Omit<SelectComponentProps, 'label'> | Omit<InputProps<T extends FormControlTypeInput ? T : 'text'>, 'label'> | RadioGroupProps | CheckboxGroupProps;
-export declare type FormControlProps<T extends FormControlTypes = 'text'> = {
+type FormControlTypeSelect = 'select';
+type FormControlTypeRadio = 'radio';
+type FormControlTypeCheckbox = 'checkbox';
+type FormControlTypeInput = 'datetime-local' | 'email' | 'number' | 'password' | 'text' | 'textarea' | 'url';
+export type FormControlTypes = FormControlTypeSelect | FormControlTypeInput | FormControlTypeRadio | FormControlTypeCheckbox;
+export type FormControlElementTypes<T extends FormControlTypes> = Omit<SelectComponentProps, 'label'> | Omit<InputProps<T extends FormControlTypeInput ? T : 'text'>, 'label'> | RadioGroupProps | CheckboxGroupProps;
+export type FormControlProps<T extends FormControlTypes = 'text'> = {
     addOnClassName?: string;
     /** Display label above form control */
     blockLabel?: boolean;

package/dist/es/FormControl/FormControl.js

@@ -159,12 +159,21 @@ var FormControl = /*#__PURE__*/function (_PureComponent) {
       var warningList = (0, _FormField.getWarningList)(warning);
       var isInvalid = !!errorList.length || invalid;
       var Wrapper = blockLabel ? _elements.FormControlWrapper : type === 'checkbox' || type === 'radio' ? _elements.GroupWrapper : _elements.InlineFormControlWrapper;
-      var input = (0, _jsxRuntime.jsx)(InputComponent, _objectSpread({
+      var identifier = id || name;
+      var input = (0, _jsxRuntime.jsx)(InputComponent, _objectSpread(_objectSpread({
         "data-gs-c": gsC(name, value),
         "data-gs": gs("src", "formcontrol", "formcontrol.tsx", "input-component"),
-        "aria-describedby": "".concat(name, "-validationError"),
-        id: id || name,
-        inputId: name,
+        "aria-describedby": "".concat(name, "-validationError")
+        /*
+          Select elements take inputId to correctly associate the label. Other
+          types take id.
+        */
+
+      }, type === 'select' ? {
+        inputId: identifier
+      } : {
+        id: identifier
+      }), {}, {
         invalid: isInvalid,
         name: name,
         "data-instrumentation": "".concat(dataInstrumentation, "-input"),
@@ -230,7 +239,7 @@ var FormControl = /*#__PURE__*/function (_PureComponent) {
           children: [(0, _jsxRuntime.jsx)(_FormLabel["default"], {
             "data-gs-c": gsC(label),
             "data-gs": gs("src", "formcontrol", "formcontrol.tsx", "wrapper", "label-wrapper", "form-label"),
-            htmlFor: id || name,
+            htmlFor: identifier,
             required: label && required ? required : false,
             showFullLabel: showFullLabel,
             children: label

package/dist/es/FormControl/components/CheckboxGroup.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { FormControlValue } from '../../types';
-export declare type CheckboxGroupProps = {
+export type CheckboxGroupProps = {
     /** Identifies these form controls. */
     name: string;
     disabled?: boolean;

package/dist/es/FormControl/components/RadioGroup.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { FormControlValue } from '../../types';
-export declare type RadioGroupProps = {
+export type RadioGroupProps = {
     /** Identifies these form controls. */
     name: string;
     disabled?: boolean;

package/dist/es/FormField/FormField.d.ts

@@ -3,12 +3,12 @@ import type * as Immutable from 'immutable';
 import Input from '../Input';
 import type { InputProps } from '../Input';
 import type { SelectComponentProps } from '../Select';
-declare type FormFieldTypeSelect = 'select';
-declare type FormFieldTypeInput = 'datetime-local' | 'email' | 'number' | 'password' | 'text' | 'textarea' | 'url';
-export declare type FormFieldTypes = FormFieldTypeSelect | FormFieldTypeInput;
-export declare type FormFieldValue = string | number | any[] | null;
-export declare type FormFieldElementTypes<T extends FormFieldTypes> = Omit<SelectComponentProps, 'label'> | Omit<InputProps<T extends FormFieldTypeInput ? T : 'text'>, 'label'>;
-export declare type FormFieldProps<T extends FormFieldTypes = 'text'> = {
+type FormFieldTypeSelect = 'select';
+type FormFieldTypeInput = 'datetime-local' | 'email' | 'number' | 'password' | 'text' | 'textarea' | 'url';
+export type FormFieldTypes = FormFieldTypeSelect | FormFieldTypeInput;
+export type FormFieldValue = string | number | any[] | null;
+export type FormFieldElementTypes<T extends FormFieldTypes> = Omit<SelectComponentProps, 'label'> | Omit<InputProps<T extends FormFieldTypeInput ? T : 'text'>, 'label'>;
+export type FormFieldProps<T extends FormFieldTypes = 'text'> = {
     addOnClassName?: string;
     'data-gs-c'?: Function;
     'data-instrumentation'?: string;

package/dist/es/FormFieldAddon/FormFieldAddon.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { FormFieldAddonProps } from './types';
-declare type FormFieldHintProps = {
+type FormFieldHintProps = {
     children: React.ReactNode;
     className?: string;
     title?: string | React.ReactNode;
@@ -9,7 +9,7 @@ declare type FormFieldHintProps = {
     spacer?: boolean;
 };
 export declare const FormFieldHint: React.FunctionComponent<FormFieldHintProps>;
-declare type FormFieldWarningProps = {
+type FormFieldWarningProps = {
     className?: string;
     showFullWarning?: boolean;
     warningList: Array<React.ReactNode>;
@@ -18,14 +18,14 @@ declare type FormFieldWarningProps = {
     spacer?: boolean;
 };
 export declare const FormFieldWarning: React.FunctionComponent<FormFieldWarningProps>;
-declare type FormFieldInfoProps = {
+type FormFieldInfoProps = {
     info: string | React.ReactNode;
     className?: string;
     spacer?: boolean;
     showFullInfo?: boolean;
 };
 export declare const FormFieldInfo: React.FunctionComponent<FormFieldInfoProps>;
-declare type FormFieldErrorProps = {
+type FormFieldErrorProps = {
     id?: string;
     className?: string;
     showFullError?: boolean;
@@ -35,7 +35,7 @@ declare type FormFieldErrorProps = {
     spacer?: boolean;
 };
 export declare const FormFieldError: React.FunctionComponent<FormFieldErrorProps>;
-export declare type FormFieldAddonSubComponents = {
+export type FormFieldAddonSubComponents = {
     Hint: typeof FormFieldHint;
     Error: typeof FormFieldError;
 };

package/dist/es/FormFieldAddon/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type FormFieldAddonProps = {
+export type FormFieldAddonProps = {
     id?: string;
     className?: string;
     showFullError?: boolean;

package/dist/es/FormLabel/FormLabel.d.ts

@@ -1,5 +1,5 @@
 import type { FunctionComponent } from 'react';
-export declare type FormLabelProps = {
+export type FormLabelProps = {
     children: React.ReactNode;
     className?: string;
     htmlFor: string;

package/dist/es/FormModal/FormModal.d.ts

@@ -1,6 +1,6 @@
 import type { FormEvent, ReactElement } from 'react';
 import type { ModalProps, HeaderProps, FooterProps } from '../Modal';
-export declare type FormModalProps = Omit<ModalProps, 'size' | 'flex'> & Omit<HeaderProps, 'id'> & Omit<FooterProps, 'confirmDelete' | 'confirmLabel' | 'primaryButton' | 'secondaryActionButton' | 'secondaryActionLabel' | 'secondaryActionProps'> & {
+export type FormModalProps = Omit<ModalProps, 'size' | 'flex'> & Omit<HeaderProps, 'id'> & Omit<FooterProps, 'confirmDelete' | 'confirmLabel' | 'primaryButton' | 'secondaryActionButton' | 'secondaryActionLabel' | 'secondaryActionProps'> & {
     confirmLabel?: string;
     formName: string;
     headerId?: string;
@@ -10,7 +10,7 @@ export declare type FormModalProps = Omit<ModalProps, 'size' | 'flex'> & Omit<He
     submitAutoFocus?: boolean;
     submitDisabled?: boolean;
 };
-export declare type FormProps = {
+export type FormProps = {
     children?: React.ReactNode;
     id: string;
     name: string;

package/dist/es/Google/Google.d.ts

@@ -1,5 +1,5 @@
 import type { ReactElement, SyntheticEvent } from 'react';
-declare type GoogleProps = {
+type GoogleProps = {
     /**
      * Dark style is a blue background with white text
      */

package/dist/es/Grid/Grid.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type GridProps = {
+export type GridProps = {
     /** Aligns the grid along the column axis  https://developer.mozilla.org/en-US/docs/Web/CSS/align-content */
     alignContent?: 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'stretch' | 'space-evenly';
     /** Align items along the column axis https://developer.mozilla.org/en-US/docs/Web/CSS/align-items */

package/dist/es/Grid/GridItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type GridItemProps = {
+export type GridItemProps = {
     /** Aligns item along the column axis https://developer.mozilla.org/en-US/docs/Web/CSS/align-self */
     alignSelf?: 'start' | 'center' | 'end' | 'stretch';
     /** places item in a specific area of the grid https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area */

package/dist/es/GrowthRateChart/GrowthRateChart.d.ts

@@ -1,7 +1,7 @@
 import type { BarChartProps } from '../BarChart';
 import { chartUtils } from '../ChartPrimitives';
 import type { Theme } from '../ThemeProvider';
-export declare type GrowthRateChartProps = Omit<BarChartProps, 'customizeTheme' | 'barColor'> & {
+export type GrowthRateChartProps = Omit<BarChartProps, 'customizeTheme' | 'barColor'> & {
     width: number;
     height: number;
     data: chartUtils.Datum[];

package/dist/es/Heading/Heading.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { ThemeProp } from '../ThemeProvider';
-declare type HeadingProps = {
+type HeadingProps = {
     /** Heading content */
     children: React.ReactNode;
     /** Enable h1 styles and render h1 tag (default) */

package/dist/es/Highlighter/Highlighter.d.ts

@@ -1,4 +1,4 @@
-export declare type HighlighterProps = {
+export type HighlighterProps = {
     textToHighlight: string;
     searchString: string | undefined;
     focused?: boolean;

package/dist/es/Histogram/Histogram.d.ts

@@ -1,6 +1,6 @@
 import type { ReactElement } from 'react';
 import { VictoryHistogramProps } from 'victory';
-export declare type HistogramDatum = {
+export type HistogramDatum = {
     x: number;
     y: number;
     x0: number;
@@ -10,11 +10,11 @@ export declare type HistogramDatum = {
     lowerBin: number;
     upperBin: number;
 };
-export declare type DependentAxesType = {
+export type DependentAxesType = {
     label: string;
     value: number;
 }[];
-export declare type HistogramProps = Omit<VictoryHistogramProps, 'data'> & {
+export type HistogramProps = Omit<VictoryHistogramProps, 'data'> & {
     /** An array of numbers between 0-100 that define the bins */
     bins: number[];
     /** Change the fill color of the bar */

package/dist/es/Icon/Icon.d.ts

@@ -22,7 +22,7 @@ declare class Icon {
         size: keyof typeof sizes;
     });
 }
-declare type IconSvgProps = {
+type IconSvgProps = {
     type: string | number | symbol;
     size: keyof typeof sizes;
 };

package/dist/es/Icon/staticTypes.d.ts

@@ -1,5 +1,5 @@
 import type React from 'react';
-export declare type IconTypes = {
+export type IconTypes = {
     Account: React.ComponentType<JSX.IntrinsicElements['svg']>;
     AccountIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
     AddFile: React.ComponentType<JSX.IntrinsicElements['svg']>;
@@ -592,6 +592,18 @@ export declare type IconTypes = {
     UndoIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
     Union: React.ComponentType<JSX.IntrinsicElements['svg']>;
     UnionIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
+    UniversalAgreementGroup: React.ComponentType<JSX.IntrinsicElements['svg']>;
+    UniversalAgreementGroupIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
+    UniversalAgreementGroups: React.ComponentType<JSX.IntrinsicElements['svg']>;
+    UniversalAgreementGroupsIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
+    UniversalBrand: React.ComponentType<JSX.IntrinsicElements['svg']>;
+    UniversalBrandIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
+    UniversalConsentCenter: React.ComponentType<JSX.IntrinsicElements['svg']>;
+    UniversalConsentCenterIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
+    UniversalForm: React.ComponentType<JSX.IntrinsicElements['svg']>;
+    UniversalFormIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
+    UniversalIdentifier: React.ComponentType<JSX.IntrinsicElements['svg']>;
+    UniversalIdentifierIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
     Unlock: React.ComponentType<JSX.IntrinsicElements['svg']>;
     UnlockIcon: React.ComponentType<JSX.IntrinsicElements['svg']>;
     Upload: React.ComponentType<JSX.IntrinsicElements['svg']>;

package/dist/es/Icon/types.js

@@ -1288,6 +1288,36 @@ React.createElement("path", {
 React.createElement("path", {
   d: "M12 16.9a5.5 5.5 0 110-9.8 5.5 5.5 0 110 9.8zm-1.8-1.47a3.5 3.5 0 110-6.86A5.477 5.477 0 009 12c0 1.297.45 2.49 1.2 3.43zm3.6-6.86a3.5 3.5 0 110 6.86c.751-.94 1.2-2.133 1.2-3.43s-.45-2.49-1.2-3.43zm-1.8.98c.619.632 1 1.496 1 2.45s-.381 1.818-1 2.45c-.619-.632-1-1.497-1-2.45s.381-1.818 1-2.45z",
   fillRule: "evenodd"
+}),UniversalAgreementGroup: /*#__PURE__*/
+React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+  d: "M7 4h5.375a1.5 1.5 0 011.06.44l3.619 3.618a1.5 1.5 0 01.44 1.06v4.485a3.968 3.968 0 00-3.568.925H8.83a1 1 0 100 2h3.912a3.965 3.965 0 00.202 2.463H7c-.824 0-1.499-.674-1.499-1.499V5.5C5.5 4.675 6.175 4 7 4zm8.04 5.247a.2.2 0 00.14-.343l-2.594-2.542a.2.2 0 00-.34.143v2.542c0 .11.09.2.2.2h2.595zM8.83 11.03a1 1 0 100 2h5.333a1 1 0 100-2H8.83z",
+  fillRule: "evenodd"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M16.657 14.946c.728 0 1.318.59 1.318 1.319v.22a1.319 1.319 0 11-2.637 0v-.22c0-.729.59-1.319 1.319-1.319zM16.657 18.421c.88 0 2.01.518 2.335.94a.4.4 0 01-.32.64h-4.03a.4.4 0 01-.32-.64c.324-.423 1.454-.94 2.335-.94z"
+})),UniversalAgreementGroups: /*#__PURE__*/
+React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+  d: "M7 4h5.375a1.5 1.5 0 011.06.44l3.619 3.618a1.5 1.5 0 01.44 1.06v4.485a3.968 3.968 0 00-3.568.925H8.83a1 1 0 100 2h3.912a3.965 3.965 0 00.202 2.463H7c-.824 0-1.499-.674-1.499-1.499V5.5C5.5 4.675 6.175 4 7 4zm8.04 5.247a.2.2 0 00.14-.343l-2.594-2.542a.2.2 0 00-.34.143v2.542c0 .11.09.2.2.2h2.595zM8.83 11.03a1 1 0 100 2h5.333a1 1 0 100-2H8.83z",
+  fillRule: "evenodd"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M16.312 17.335c.877 0 1.073-.448 1.073-1.106 0-.658-.477-1.273-1.073-1.273-.595 0-1.191.468-1.191 1.335 0 .658.373 1.044 1.191 1.044zM18.915 17.335c.554 0 1.013-.494 1.013-1.106 0-.612-.526-1.066-1.08-1.066s-.792.454-.792 1.066c0 .612.306 1.106.86 1.106zM16.31 18.001c-.702 0-2.11.39-2.11 1.166v.5c0 .184.135.333.301.333h3.62c.165 0 .3-.15.3-.333v-.5c0-.776-1.408-1.166-2.11-1.166zM18.724 18.001c-.088 0-.188.007-.293.017h.008c.009 0 .018 0 .001.01l.003.003c.344.277.625.647.625 1.136v.5c0 .117-.022.23-.056.333h1.521c.166 0 .302-.15.302-.333v-.5c0-.776-1.409-1.166-2.111-1.166z"
+})),UniversalBrand: /*#__PURE__*/
+React.createElement("path", {
+  d: "M5.044 7C4.472 7 4 7.484 4 8.071v7.858C4 16.516 4.472 17 5.044 17h10.252c.437 0 .858-.167 1.178-.471l.015-.014 3.213-3.763c.4-.417.397-1.096-.006-1.51l.017.017-3.224-3.774-.015-.013A1.718 1.718 0 0015.296 7H5.044zm9.787 6.65a1.65 1.65 0 100-3.3 1.65 1.65 0 000 3.3z",
+  fillRule: "evenodd"
+}),UniversalConsentCenter: /*#__PURE__*/
+React.createElement("g", null, /*#__PURE__*/React.createElement("path", {
+  d: "M13.091 4H7.764A1.49 1.49 0 006.28 5.486V17.37a1.49 1.49 0 001.485 1.486h4.726c.153 0 .25-.168.192-.31a2.485 2.485 0 01-.02-1.829c.054-.14-.044-.303-.194-.303h-2.89a.99.99 0 010-1.981h5.286a.99.99 0 01.958.74c.018.07.066.13.133.16.062.026.124.056.184.088a.21.21 0 00.255-.04l1.049-1.172c.182-.203.39-.368.613-.497a.208.208 0 00.107-.18v-4.46c0-.394-.157-.772-.435-1.05l-3.586-3.587A1.486 1.486 0 0013.092 4zm2.78 4.86a.198.198 0 01-.138.34h-2.571A.198.198 0 0112.964 9V6.482c0-.175.211-.264.336-.141l2.572 2.519zm-7.283 3.097a.99.99 0 01.99-.99h5.286a.99.99 0 110 1.98H9.578a.99.99 0 01-.99-.99z",
+  fillRule: "evenodd"
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M19.951 16.456a.891.891 0 00-1.328-1.19l-2.258 2.523-.74-.792a.891.891 0 00-1.303 1.218l1.406 1.503a.89.89 0 001.315-.015l2.908-3.247z"
+})),UniversalForm: /*#__PURE__*/
+React.createElement("path", {
+  d: "M12.879 4H7.5C6.675 4 6 4.675 6 5.5v12c0 .825.675 1.5 1.5 1.5h9c.825 0 1.5-.675 1.5-1.5V9.121a1.5 1.5 0 00-.44-1.06l-3.62-3.622A1.5 1.5 0 0012.879 4zm2.807 4.907a.2.2 0 01-.14.343H12.95a.2.2 0 01-.2-.2V6.506a.2.2 0 01.34-.143l2.596 2.544zm-7.354 3.127a1 1 0 011-1h5.336a1 1 0 010 2H9.332a1 1 0 01-1-1zm1 2.5a1 1 0 000 2h5.336a1 1 0 100-2H9.332z",
+  fillRule: "evenodd"
+}),UniversalIdentifier: /*#__PURE__*/
+React.createElement("path", {
+  d: "M6 5.5a2 2 0 00-2 2v9a2 2 0 002 2h12a2 2 0 002-2v-7a2 2 0 00-2-2h-4.847a2 2 0 01-.625-.14l-1.79-1.605a1 1 0 00-.668-.255H6zm5.21 4.577c0-.963-.823-1.743-1.84-1.743-1.015 0-1.838.78-1.838 1.743v.29c0 .963.823 1.743 1.839 1.743s1.839-.78 1.839-1.743v-.29zm1.418 4.542c-.454-.558-2.03-1.242-3.257-1.242-1.228 0-2.804.684-3.258 1.242-.28.345-.013 1.77.447 1.77h5.621c.46 0 .727-1.425.447-1.77z",
+  fillRule: "evenodd"
 }),Unlock: /*#__PURE__*/
 React.createElement("path", {
   d: "M10.057 5.984c1.419-2.026 4.24-2.563 6.286-1.131a4.5 4.5 0 011.105 6.267l-.634.905A2 2 0 0118.5 14v4a2 2 0 01-2 2h-9a2 2 0 01-2-2v-4a2 2 0 012-2h6.89l1.42-2.027a2.5 2.5 0 00-.615-3.482c-1.121-.785-2.701-.5-3.5.64l-1.013 1.446-.506.724a1 1 0 11-1.638-1.148l.506-.723 1.013-1.446zM12 17.93a1.75 1.75 0 100-3.5 1.75 1.75 0 000 3.5z"

package/dist/es/IconBar/IconBar.d.ts

@@ -18,7 +18,7 @@ export declare const IconContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 declare const Separator: React.FunctionComponent;
-export declare type IconBarSubComponents = {
+export type IconBarSubComponents = {
     IconItem: typeof IconItem;
     IconContainer: typeof IconContainer;
     Separator: typeof Separator;

package/dist/es/IconBar/IconBar.js

@@ -50,7 +50,7 @@ var StyledIconBar = ( /*#__PURE__*/0, _base["default"])(_Box["default"], process
 } : {
   name: "1vunhwn",
   styles: "align-items:center;width:48px;height:100%",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JY29uQmFyL0ljb25CYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWE2QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSWNvbkJhci9JY29uQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHRkL2luc3RydW1lbnRhdGlvbiAqL1xuLy8gdGhpcyBsZXZlbCBvZiBmaW5lIGdyYWluZWQgaW5zdHJ1bWVudGF0aW9uIGlzIG5vdCBuZWVkZWRcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgQm94IGZyb20gJy4uL0JveCdcbmltcG9ydCBJY29uSXRlbSBmcm9tICcuL0ljb25JdGVtJ1xuaW1wb3J0IExvZ29JdGVtIGZyb20gJy4vTG9nb0l0ZW0nXG5pbXBvcnQgeyBnZXRDb2xvclZhcmlhbnQsIGdldEFuY2hvclZhcmlhbnQgfSBmcm9tICcuL3ZhcmlhbnRzJ1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi9UaGVtZVByb3ZpZGVyJ1xuaW1wb3J0IHR5cGUgeyBJY29uQmFyUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvbkJhciA9IHN0eWxlZChCb3gpKHtcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIHdpZHRoOiA0OCxcbiAgaGVpZ2h0OiAnMTAwJSdcbn0pXG5cbmV4cG9ydCBjb25zdCBJY29uQ29udGFpbmVyID0gc3R5bGVkKEJveCkoKHsgdGhlbWUgfSkgPT4gKHtcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2VbNl19IDBgLFxuICBmbGV4R3JvdzogMVxufSkpXG5cbmNvbnN0IFNlcGFyYXRvcjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQgPSAoKSA9PiA8Qm94IGZsZXg9XCJncm93XCIgLz5cblxuY29uc3QgYm9yZGVyUmFkaXVzQ3NzTG9uZ2hhbmQgPSBbXG4gICdib3JkZXJUb3BMZWZ0UmFkaXVzJyxcbiAgJ2JvcmRlclRvcFJpZ2h0UmFkaXVzJyxcbiAgJ2JvcmRlckJvdHRvbVJpZ2h0UmFkaXVzJyxcbiAgJ2JvcmRlckJvdHRvbUxlZnRSYWRpdXMnXG5dXG5cbmV4cG9ydCB0eXBlIEljb25CYXJTdWJDb21wb25lbnRzID0ge1xuICBJY29uSXRlbTogdHlwZW9mIEljb25JdGVtXG4gIEljb25Db250YWluZXI6IHR5cGVvZiBJY29uQ29udGFpbmVyXG4gIFNlcGFyYXRvcjogdHlwZW9mIFNlcGFyYXRvclxufVxuXG5mdW5jdGlvbiBJY29uQmFyKHtcbiAgYW5jaG9yID0gJ2xlZnQnLFxuICBjaGlsZHJlbixcbiAgY29sb3JWYXJpYW50ID0gJ2RhcmsnLFxuICBsb2dvSHJlZixcbiAgbG9nb0xpbmtUZXh0ID0gJ05hdmlnYXRlIHRvIENvbnNvbGUnLFxuICBvbkNsaWNrLFxuICBzaG93TG9nbyxcbiAgLi4ucHJvcHNcbn06IEljb25CYXJQcm9wcykge1xuICBjb25zdCB0aGVtZTogVGhlbWUgPSB1c2VUaGVtZSgpXG4gIGNvbnN0IGNvbG9yU3R5bGVzID0gZ2V0Q29sb3JWYXJpYW50KHRoZW1lLCBjb2xvclZhcmlhbnQpXG4gIGNvbnN0IGFuY2hvclN0eWxlcyA9IGdldEFuY2hvclZhcmlhbnQodGhlbWUsIGFuY2hvcilcbiAgLy8gY29udmVydCBzaG9ydGhhbmQgYm9yZGVyUmFkaXVzIHRvIGxvbmdoYW5kIHRvIGFsbG93IG92ZXJyaWRpbmcgaW5kaXZpZHVhbCBjb3JuZXJzXG4gIGNvbnN0IGJvcmRlclJhZGl1c1Byb3BzID0gYW5jaG9yU3R5bGVzLmJvcmRlclJhZGl1cy5zcGxpdCgnICcpLnJlZHVjZShcbiAgICAoc3R5bGVzLCB2YWx1ZSwgaW5kZXgpID0+ICh7XG4gICAgICAuLi5zdHlsZXMsXG4gICAgICBbYm9yZGVyUmFkaXVzQ3NzTG9uZ2hhbmRbaW5kZXhdXTogU3RyaW5nKHZhbHVlKVxuICAgIH0pLFxuICAgIHt9XG4gIClcbiAgY29uc3QgdmFyaWFudFN0eWxlcyA9IHsgLi4uY29sb3JTdHlsZXMsIC4uLmFuY2hvclN0eWxlcyB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSWNvbkJhclxuICAgICAgYWxpZ249XCJzdHJldGNoXCJcbiAgICAgIGRpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICBjc3M9e3tcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBjb2xvclN0eWxlcy5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgIH19XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgey4uLmJvcmRlclJhZGl1c1Byb3BzfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtzaG93TG9nbyAmJiAoXG4gICAgICAgIDxMb2dvSXRlbVxuICAgICAgICAgIGxvZ29IcmVmPXtsb2dvSHJlZn1cbiAgICAgICAgICB2YXJpYW50U3R5bGVzPXt2YXJpYW50U3R5bGVzfVxuICAgICAgICAgIGxvZ29MaW5rVGV4dD17bG9nb0xpbmtUZXh0fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIDxJY29uQ29udGFpbmVyPlxuICAgICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQ6IFJlYWN0LlJlYWN0RWxlbWVudDxhbnk+KSA9PiB7XG4gICAgICAgICAgcmV0dXJuIGNoaWxkICE9IG51bGwgPyAoXG4gICAgICAgICAgICBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGQsIHsgdmFyaWFudFN0eWxlcyB9KVxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8PjwvPlxuICAgICAgICAgIClcbiAgICAgICAgfSl9XG4gICAgICA8L0ljb25Db250YWluZXI+XG4gICAgPC9TdHlsZWRJY29uQmFyPlxuICApXG59XG5cbkljb25CYXIuZGlzcGxheU5hbWUgPSAnSWNvbkJhcidcblxuSWNvbkJhci5JY29uSXRlbSA9IEljb25JdGVtXG5JY29uQmFyLlNlcGFyYXRvciA9IFNlcGFyYXRvclxuXG5leHBvcnQgZGVmYXVsdCBJY29uQmFyXG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JY29uQmFyL0ljb25CYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWE2QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSWNvbkJhci9JY29uQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHRkL2luc3RydW1lbnRhdGlvbiAqL1xuLy8gdGhpcyBsZXZlbCBvZiBmaW5lIGdyYWluZWQgaW5zdHJ1bWVudGF0aW9uIGlzIG5vdCBuZWVkZWRcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgQm94IGZyb20gJy4uL0JveCdcbmltcG9ydCBJY29uSXRlbSBmcm9tICcuL0ljb25JdGVtJ1xuaW1wb3J0IExvZ29JdGVtIGZyb20gJy4vTG9nb0l0ZW0nXG5pbXBvcnQgeyBnZXRDb2xvclZhcmlhbnQsIGdldEFuY2hvclZhcmlhbnQgfSBmcm9tICcuL3ZhcmlhbnRzJ1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi9UaGVtZVByb3ZpZGVyJ1xuaW1wb3J0IHR5cGUgeyBJY29uQmFyUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvbkJhciA9IHN0eWxlZChCb3gpKHtcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIHdpZHRoOiA0OCxcbiAgaGVpZ2h0OiAnMTAwJSdcbn0pXG5cbmV4cG9ydCBjb25zdCBJY29uQ29udGFpbmVyID0gc3R5bGVkKEJveCkoKHsgdGhlbWUgfSkgPT4gKHtcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2VbNl19IDBgLFxuICBmbGV4R3JvdzogMVxufSkpXG5cbmNvbnN0IFNlcGFyYXRvcjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQgPSAoKSA9PiA8Qm94IGZsZXg9XCJncm93XCIgLz5cblxuY29uc3QgYm9yZGVyUmFkaXVzQ3NzTG9uZ2hhbmQgPSBbXG4gICdib3JkZXJUb3BMZWZ0UmFkaXVzJyxcbiAgJ2JvcmRlclRvcFJpZ2h0UmFkaXVzJyxcbiAgJ2JvcmRlckJvdHRvbVJpZ2h0UmFkaXVzJyxcbiAgJ2JvcmRlckJvdHRvbUxlZnRSYWRpdXMnXG5dXG5cbmV4cG9ydCB0eXBlIEljb25CYXJTdWJDb21wb25lbnRzID0ge1xuICBJY29uSXRlbTogdHlwZW9mIEljb25JdGVtXG4gIEljb25Db250YWluZXI6IHR5cGVvZiBJY29uQ29udGFpbmVyXG4gIFNlcGFyYXRvcjogdHlwZW9mIFNlcGFyYXRvclxufVxuXG5mdW5jdGlvbiBJY29uQmFyKHtcbiAgYW5jaG9yID0gJ2xlZnQnLFxuICBjaGlsZHJlbixcbiAgY29sb3JWYXJpYW50ID0gJ2RhcmsnLFxuICBsb2dvSHJlZixcbiAgbG9nb0xpbmtUZXh0ID0gJ05hdmlnYXRlIHRvIENvbnNvbGUnLFxuICBvbkNsaWNrLFxuICBzaG93TG9nbyxcbiAgLi4ucHJvcHNcbn06IEljb25CYXJQcm9wcykge1xuICBjb25zdCB0aGVtZTogVGhlbWUgPSB1c2VUaGVtZSgpXG4gIGNvbnN0IGNvbG9yU3R5bGVzID0gZ2V0Q29sb3JWYXJpYW50KHRoZW1lLCBjb2xvclZhcmlhbnQpXG4gIGNvbnN0IGFuY2hvclN0eWxlcyA9IGdldEFuY2hvclZhcmlhbnQodGhlbWUsIGFuY2hvcilcbiAgLy8gY29udmVydCBzaG9ydGhhbmQgYm9yZGVyUmFkaXVzIHRvIGxvbmdoYW5kIHRvIGFsbG93IG92ZXJyaWRpbmcgaW5kaXZpZHVhbCBjb3JuZXJzXG4gIGNvbnN0IGJvcmRlclJhZGl1c1Byb3BzID0gYW5jaG9yU3R5bGVzLmJvcmRlclJhZGl1cy5zcGxpdCgnICcpLnJlZHVjZShcbiAgICAoc3R5bGVzLCB2YWx1ZSwgaW5kZXgpID0+ICh7XG4gICAgICAuLi5zdHlsZXMsXG4gICAgICBbYm9yZGVyUmFkaXVzQ3NzTG9uZ2hhbmRbaW5kZXhdXTogU3RyaW5nKHZhbHVlKVxuICAgIH0pLFxuICAgIHt9XG4gIClcbiAgY29uc3QgdmFyaWFudFN0eWxlcyA9IHsgLi4uY29sb3JTdHlsZXMsIC4uLmFuY2hvclN0eWxlcyB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSWNvbkJhclxuICAgICAgYWxpZ249XCJzdHJldGNoXCJcbiAgICAgIGRpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICBjc3M9e3tcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBjb2xvclN0eWxlcy5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgIH19XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgey4uLmJvcmRlclJhZGl1c1Byb3BzfVxuICAgICAgey4uLnByb3BzfVxuICAgICAgZGF0YS10ZXN0aWQ9XCJpY29uYmFyXCJcbiAgICA+XG4gICAgICB7c2hvd0xvZ28gJiYgKFxuICAgICAgICA8TG9nb0l0ZW1cbiAgICAgICAgICBsb2dvSHJlZj17bG9nb0hyZWZ9XG4gICAgICAgICAgdmFyaWFudFN0eWxlcz17dmFyaWFudFN0eWxlc31cbiAgICAgICAgICBsb2dvTGlua1RleHQ9e2xvZ29MaW5rVGV4dH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8SWNvbkNvbnRhaW5lcj5cbiAgICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkOiBSZWFjdC5SZWFjdEVsZW1lbnQ8YW55PikgPT4ge1xuICAgICAgICAgIHJldHVybiBjaGlsZCAhPSBudWxsID8gKFxuICAgICAgICAgICAgUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IHZhcmlhbnRTdHlsZXMgfSlcbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPD48Lz5cbiAgICAgICAgICApXG4gICAgICAgIH0pfVxuICAgICAgPC9JY29uQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkSWNvbkJhcj5cbiAgKVxufVxuXG5JY29uQmFyLmRpc3BsYXlOYW1lID0gJ0ljb25CYXInXG5cbkljb25CYXIuSWNvbkl0ZW0gPSBJY29uSXRlbVxuSWNvbkJhci5TZXBhcmF0b3IgPSBTZXBhcmF0b3JcblxuZXhwb3J0IGRlZmF1bHQgSWNvbkJhclxuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 exports.StyledIconBar = StyledIconBar;
@@ -65,7 +65,7 @@ var IconContainer = ( /*#__PURE__*/0, _base["default"])(_Box["default"], process
     padding: "".concat(theme.space[6], " 0"),
     flexGrow: 1
   };
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JY29uQmFyL0ljb25CYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CNkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0ljb25CYXIvSWNvbkJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSB0ZC9pbnN0cnVtZW50YXRpb24gKi9cbi8vIHRoaXMgbGV2ZWwgb2YgZmluZSBncmFpbmVkIGluc3RydW1lbnRhdGlvbiBpcyBub3QgbmVlZGVkXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnXG5pbXBvcnQgSWNvbkl0ZW0gZnJvbSAnLi9JY29uSXRlbSdcbmltcG9ydCBMb2dvSXRlbSBmcm9tICcuL0xvZ29JdGVtJ1xuaW1wb3J0IHsgZ2V0Q29sb3JWYXJpYW50LCBnZXRBbmNob3JWYXJpYW50IH0gZnJvbSAnLi92YXJpYW50cydcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnLi4vVGhlbWVQcm92aWRlcidcbmltcG9ydCB0eXBlIHsgSWNvbkJhclByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25CYXIgPSBzdHlsZWQoQm94KSh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICB3aWR0aDogNDgsXG4gIGhlaWdodDogJzEwMCUnXG59KVxuXG5leHBvcnQgY29uc3QgSWNvbkNvbnRhaW5lciA9IHN0eWxlZChCb3gpKCh7IHRoZW1lIH0pID0+ICh7XG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlWzZdfSAwYCxcbiAgZmxleEdyb3c6IDFcbn0pKVxuXG5jb25zdCBTZXBhcmF0b3I6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50ID0gKCkgPT4gPEJveCBmbGV4PVwiZ3Jvd1wiIC8+XG5cbmNvbnN0IGJvcmRlclJhZGl1c0Nzc0xvbmdoYW5kID0gW1xuICAnYm9yZGVyVG9wTGVmdFJhZGl1cycsXG4gICdib3JkZXJUb3BSaWdodFJhZGl1cycsXG4gICdib3JkZXJCb3R0b21SaWdodFJhZGl1cycsXG4gICdib3JkZXJCb3R0b21MZWZ0UmFkaXVzJ1xuXVxuXG5leHBvcnQgdHlwZSBJY29uQmFyU3ViQ29tcG9uZW50cyA9IHtcbiAgSWNvbkl0ZW06IHR5cGVvZiBJY29uSXRlbVxuICBJY29uQ29udGFpbmVyOiB0eXBlb2YgSWNvbkNvbnRhaW5lclxuICBTZXBhcmF0b3I6IHR5cGVvZiBTZXBhcmF0b3Jcbn1cblxuZnVuY3Rpb24gSWNvbkJhcih7XG4gIGFuY2hvciA9ICdsZWZ0JyxcbiAgY2hpbGRyZW4sXG4gIGNvbG9yVmFyaWFudCA9ICdkYXJrJyxcbiAgbG9nb0hyZWYsXG4gIGxvZ29MaW5rVGV4dCA9ICdOYXZpZ2F0ZSB0byBDb25zb2xlJyxcbiAgb25DbGljayxcbiAgc2hvd0xvZ28sXG4gIC4uLnByb3BzXG59OiBJY29uQmFyUHJvcHMpIHtcbiAgY29uc3QgdGhlbWU6IFRoZW1lID0gdXNlVGhlbWUoKVxuICBjb25zdCBjb2xvclN0eWxlcyA9IGdldENvbG9yVmFyaWFudCh0aGVtZSwgY29sb3JWYXJpYW50KVxuICBjb25zdCBhbmNob3JTdHlsZXMgPSBnZXRBbmNob3JWYXJpYW50KHRoZW1lLCBhbmNob3IpXG4gIC8vIGNvbnZlcnQgc2hvcnRoYW5kIGJvcmRlclJhZGl1cyB0byBsb25naGFuZCB0byBhbGxvdyBvdmVycmlkaW5nIGluZGl2aWR1YWwgY29ybmVyc1xuICBjb25zdCBib3JkZXJSYWRpdXNQcm9wcyA9IGFuY2hvclN0eWxlcy5ib3JkZXJSYWRpdXMuc3BsaXQoJyAnKS5yZWR1Y2UoXG4gICAgKHN0eWxlcywgdmFsdWUsIGluZGV4KSA9PiAoe1xuICAgICAgLi4uc3R5bGVzLFxuICAgICAgW2JvcmRlclJhZGl1c0Nzc0xvbmdoYW5kW2luZGV4XV06IFN0cmluZyh2YWx1ZSlcbiAgICB9KSxcbiAgICB7fVxuICApXG4gIGNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7IC4uLmNvbG9yU3R5bGVzLCAuLi5hbmNob3JTdHlsZXMgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEljb25CYXJcbiAgICAgIGFsaWduPVwic3RyZXRjaFwiXG4gICAgICBkaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgY3NzPXt7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JTdHlsZXMuYmFja2dyb3VuZENvbG9yXG4gICAgICB9fVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIHsuLi5ib3JkZXJSYWRpdXNQcm9wc31cbiAgICAgIHsuLi5wcm9wc31cbiAgICA+XG4gICAgICB7c2hvd0xvZ28gJiYgKFxuICAgICAgICA8TG9nb0l0ZW1cbiAgICAgICAgICBsb2dvSHJlZj17bG9nb0hyZWZ9XG4gICAgICAgICAgdmFyaWFudFN0eWxlcz17dmFyaWFudFN0eWxlc31cbiAgICAgICAgICBsb2dvTGlua1RleHQ9e2xvZ29MaW5rVGV4dH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8SWNvbkNvbnRhaW5lcj5cbiAgICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkOiBSZWFjdC5SZWFjdEVsZW1lbnQ8YW55PikgPT4ge1xuICAgICAgICAgIHJldHVybiBjaGlsZCAhPSBudWxsID8gKFxuICAgICAgICAgICAgUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IHZhcmlhbnRTdHlsZXMgfSlcbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPD48Lz5cbiAgICAgICAgICApXG4gICAgICAgIH0pfVxuICAgICAgPC9JY29uQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkSWNvbkJhcj5cbiAgKVxufVxuXG5JY29uQmFyLmRpc3BsYXlOYW1lID0gJ0ljb25CYXInXG5cbkljb25CYXIuSWNvbkl0ZW0gPSBJY29uSXRlbVxuSWNvbkJhci5TZXBhcmF0b3IgPSBTZXBhcmF0b3JcblxuZXhwb3J0IGRlZmF1bHQgSWNvbkJhclxuIl19 */");
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JY29uQmFyL0ljb25CYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1CNkIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL0ljb25CYXIvSWNvbkJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSB0ZC9pbnN0cnVtZW50YXRpb24gKi9cbi8vIHRoaXMgbGV2ZWwgb2YgZmluZSBncmFpbmVkIGluc3RydW1lbnRhdGlvbiBpcyBub3QgbmVlZGVkXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IEJveCBmcm9tICcuLi9Cb3gnXG5pbXBvcnQgSWNvbkl0ZW0gZnJvbSAnLi9JY29uSXRlbSdcbmltcG9ydCBMb2dvSXRlbSBmcm9tICcuL0xvZ29JdGVtJ1xuaW1wb3J0IHsgZ2V0Q29sb3JWYXJpYW50LCBnZXRBbmNob3JWYXJpYW50IH0gZnJvbSAnLi92YXJpYW50cydcblxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnLi4vVGhlbWVQcm92aWRlcidcbmltcG9ydCB0eXBlIHsgSWNvbkJhclByb3BzIH0gZnJvbSAnLi90eXBlcydcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25CYXIgPSBzdHlsZWQoQm94KSh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICB3aWR0aDogNDgsXG4gIGhlaWdodDogJzEwMCUnXG59KVxuXG5leHBvcnQgY29uc3QgSWNvbkNvbnRhaW5lciA9IHN0eWxlZChCb3gpKCh7IHRoZW1lIH0pID0+ICh7XG4gIHBhZGRpbmc6IGAke3RoZW1lLnNwYWNlWzZdfSAwYCxcbiAgZmxleEdyb3c6IDFcbn0pKVxuXG5jb25zdCBTZXBhcmF0b3I6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50ID0gKCkgPT4gPEJveCBmbGV4PVwiZ3Jvd1wiIC8+XG5cbmNvbnN0IGJvcmRlclJhZGl1c0Nzc0xvbmdoYW5kID0gW1xuICAnYm9yZGVyVG9wTGVmdFJhZGl1cycsXG4gICdib3JkZXJUb3BSaWdodFJhZGl1cycsXG4gICdib3JkZXJCb3R0b21SaWdodFJhZGl1cycsXG4gICdib3JkZXJCb3R0b21MZWZ0UmFkaXVzJ1xuXVxuXG5leHBvcnQgdHlwZSBJY29uQmFyU3ViQ29tcG9uZW50cyA9IHtcbiAgSWNvbkl0ZW06IHR5cGVvZiBJY29uSXRlbVxuICBJY29uQ29udGFpbmVyOiB0eXBlb2YgSWNvbkNvbnRhaW5lclxuICBTZXBhcmF0b3I6IHR5cGVvZiBTZXBhcmF0b3Jcbn1cblxuZnVuY3Rpb24gSWNvbkJhcih7XG4gIGFuY2hvciA9ICdsZWZ0JyxcbiAgY2hpbGRyZW4sXG4gIGNvbG9yVmFyaWFudCA9ICdkYXJrJyxcbiAgbG9nb0hyZWYsXG4gIGxvZ29MaW5rVGV4dCA9ICdOYXZpZ2F0ZSB0byBDb25zb2xlJyxcbiAgb25DbGljayxcbiAgc2hvd0xvZ28sXG4gIC4uLnByb3BzXG59OiBJY29uQmFyUHJvcHMpIHtcbiAgY29uc3QgdGhlbWU6IFRoZW1lID0gdXNlVGhlbWUoKVxuICBjb25zdCBjb2xvclN0eWxlcyA9IGdldENvbG9yVmFyaWFudCh0aGVtZSwgY29sb3JWYXJpYW50KVxuICBjb25zdCBhbmNob3JTdHlsZXMgPSBnZXRBbmNob3JWYXJpYW50KHRoZW1lLCBhbmNob3IpXG4gIC8vIGNvbnZlcnQgc2hvcnRoYW5kIGJvcmRlclJhZGl1cyB0byBsb25naGFuZCB0byBhbGxvdyBvdmVycmlkaW5nIGluZGl2aWR1YWwgY29ybmVyc1xuICBjb25zdCBib3JkZXJSYWRpdXNQcm9wcyA9IGFuY2hvclN0eWxlcy5ib3JkZXJSYWRpdXMuc3BsaXQoJyAnKS5yZWR1Y2UoXG4gICAgKHN0eWxlcywgdmFsdWUsIGluZGV4KSA9PiAoe1xuICAgICAgLi4uc3R5bGVzLFxuICAgICAgW2JvcmRlclJhZGl1c0Nzc0xvbmdoYW5kW2luZGV4XV06IFN0cmluZyh2YWx1ZSlcbiAgICB9KSxcbiAgICB7fVxuICApXG4gIGNvbnN0IHZhcmlhbnRTdHlsZXMgPSB7IC4uLmNvbG9yU3R5bGVzLCAuLi5hbmNob3JTdHlsZXMgfVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEljb25CYXJcbiAgICAgIGFsaWduPVwic3RyZXRjaFwiXG4gICAgICBkaXJlY3Rpb249XCJjb2x1bW5cIlxuICAgICAgY3NzPXt7XG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogY29sb3JTdHlsZXMuYmFja2dyb3VuZENvbG9yXG4gICAgICB9fVxuICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgIHsuLi5ib3JkZXJSYWRpdXNQcm9wc31cbiAgICAgIHsuLi5wcm9wc31cbiAgICAgIGRhdGEtdGVzdGlkPVwiaWNvbmJhclwiXG4gICAgPlxuICAgICAge3Nob3dMb2dvICYmIChcbiAgICAgICAgPExvZ29JdGVtXG4gICAgICAgICAgbG9nb0hyZWY9e2xvZ29IcmVmfVxuICAgICAgICAgIHZhcmlhbnRTdHlsZXM9e3ZhcmlhbnRTdHlsZXN9XG4gICAgICAgICAgbG9nb0xpbmtUZXh0PXtsb2dvTGlua1RleHR9XG4gICAgICAgIC8+XG4gICAgICApfVxuICAgICAgPEljb25Db250YWluZXI+XG4gICAgICAgIHtSZWFjdC5DaGlsZHJlbi5tYXAoY2hpbGRyZW4sIChjaGlsZDogUmVhY3QuUmVhY3RFbGVtZW50PGFueT4pID0+IHtcbiAgICAgICAgICByZXR1cm4gY2hpbGQgIT0gbnVsbCA/IChcbiAgICAgICAgICAgIFJlYWN0LmNsb25lRWxlbWVudChjaGlsZCwgeyB2YXJpYW50U3R5bGVzIH0pXG4gICAgICAgICAgKSA6IChcbiAgICAgICAgICAgIDw+PC8+XG4gICAgICAgICAgKVxuICAgICAgICB9KX1cbiAgICAgIDwvSWNvbkNvbnRhaW5lcj5cbiAgICA8L1N0eWxlZEljb25CYXI+XG4gIClcbn1cblxuSWNvbkJhci5kaXNwbGF5TmFtZSA9ICdJY29uQmFyJ1xuXG5JY29uQmFyLkljb25JdGVtID0gSWNvbkl0ZW1cbkljb25CYXIuU2VwYXJhdG9yID0gU2VwYXJhdG9yXG5cbmV4cG9ydCBkZWZhdWx0IEljb25CYXJcbiJdfQ== */");
 exports.IconContainer = IconContainer;
 
 var Separator = function Separator() {
@@ -107,9 +107,10 @@ function IconBar(_ref2) {
     direction: "column",
     css: /*#__PURE__*/(0, _react.css)({
       backgroundColor: colorStyles.backgroundColor
-    }, process.env.NODE_ENV === "production" ? "" : ";label:IconBar;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JY29uQmFyL0ljb25CYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtFTSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSWNvbkJhci9JY29uQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHRkL2luc3RydW1lbnRhdGlvbiAqL1xuLy8gdGhpcyBsZXZlbCBvZiBmaW5lIGdyYWluZWQgaW5zdHJ1bWVudGF0aW9uIGlzIG5vdCBuZWVkZWRcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgQm94IGZyb20gJy4uL0JveCdcbmltcG9ydCBJY29uSXRlbSBmcm9tICcuL0ljb25JdGVtJ1xuaW1wb3J0IExvZ29JdGVtIGZyb20gJy4vTG9nb0l0ZW0nXG5pbXBvcnQgeyBnZXRDb2xvclZhcmlhbnQsIGdldEFuY2hvclZhcmlhbnQgfSBmcm9tICcuL3ZhcmlhbnRzJ1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi9UaGVtZVByb3ZpZGVyJ1xuaW1wb3J0IHR5cGUgeyBJY29uQmFyUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvbkJhciA9IHN0eWxlZChCb3gpKHtcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIHdpZHRoOiA0OCxcbiAgaGVpZ2h0OiAnMTAwJSdcbn0pXG5cbmV4cG9ydCBjb25zdCBJY29uQ29udGFpbmVyID0gc3R5bGVkKEJveCkoKHsgdGhlbWUgfSkgPT4gKHtcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2VbNl19IDBgLFxuICBmbGV4R3JvdzogMVxufSkpXG5cbmNvbnN0IFNlcGFyYXRvcjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQgPSAoKSA9PiA8Qm94IGZsZXg9XCJncm93XCIgLz5cblxuY29uc3QgYm9yZGVyUmFkaXVzQ3NzTG9uZ2hhbmQgPSBbXG4gICdib3JkZXJUb3BMZWZ0UmFkaXVzJyxcbiAgJ2JvcmRlclRvcFJpZ2h0UmFkaXVzJyxcbiAgJ2JvcmRlckJvdHRvbVJpZ2h0UmFkaXVzJyxcbiAgJ2JvcmRlckJvdHRvbUxlZnRSYWRpdXMnXG5dXG5cbmV4cG9ydCB0eXBlIEljb25CYXJTdWJDb21wb25lbnRzID0ge1xuICBJY29uSXRlbTogdHlwZW9mIEljb25JdGVtXG4gIEljb25Db250YWluZXI6IHR5cGVvZiBJY29uQ29udGFpbmVyXG4gIFNlcGFyYXRvcjogdHlwZW9mIFNlcGFyYXRvclxufVxuXG5mdW5jdGlvbiBJY29uQmFyKHtcbiAgYW5jaG9yID0gJ2xlZnQnLFxuICBjaGlsZHJlbixcbiAgY29sb3JWYXJpYW50ID0gJ2RhcmsnLFxuICBsb2dvSHJlZixcbiAgbG9nb0xpbmtUZXh0ID0gJ05hdmlnYXRlIHRvIENvbnNvbGUnLFxuICBvbkNsaWNrLFxuICBzaG93TG9nbyxcbiAgLi4ucHJvcHNcbn06IEljb25CYXJQcm9wcykge1xuICBjb25zdCB0aGVtZTogVGhlbWUgPSB1c2VUaGVtZSgpXG4gIGNvbnN0IGNvbG9yU3R5bGVzID0gZ2V0Q29sb3JWYXJpYW50KHRoZW1lLCBjb2xvclZhcmlhbnQpXG4gIGNvbnN0IGFuY2hvclN0eWxlcyA9IGdldEFuY2hvclZhcmlhbnQodGhlbWUsIGFuY2hvcilcbiAgLy8gY29udmVydCBzaG9ydGhhbmQgYm9yZGVyUmFkaXVzIHRvIGxvbmdoYW5kIHRvIGFsbG93IG92ZXJyaWRpbmcgaW5kaXZpZHVhbCBjb3JuZXJzXG4gIGNvbnN0IGJvcmRlclJhZGl1c1Byb3BzID0gYW5jaG9yU3R5bGVzLmJvcmRlclJhZGl1cy5zcGxpdCgnICcpLnJlZHVjZShcbiAgICAoc3R5bGVzLCB2YWx1ZSwgaW5kZXgpID0+ICh7XG4gICAgICAuLi5zdHlsZXMsXG4gICAgICBbYm9yZGVyUmFkaXVzQ3NzTG9uZ2hhbmRbaW5kZXhdXTogU3RyaW5nKHZhbHVlKVxuICAgIH0pLFxuICAgIHt9XG4gIClcbiAgY29uc3QgdmFyaWFudFN0eWxlcyA9IHsgLi4uY29sb3JTdHlsZXMsIC4uLmFuY2hvclN0eWxlcyB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSWNvbkJhclxuICAgICAgYWxpZ249XCJzdHJldGNoXCJcbiAgICAgIGRpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICBjc3M9e3tcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBjb2xvclN0eWxlcy5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgIH19XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgey4uLmJvcmRlclJhZGl1c1Byb3BzfVxuICAgICAgey4uLnByb3BzfVxuICAgID5cbiAgICAgIHtzaG93TG9nbyAmJiAoXG4gICAgICAgIDxMb2dvSXRlbVxuICAgICAgICAgIGxvZ29IcmVmPXtsb2dvSHJlZn1cbiAgICAgICAgICB2YXJpYW50U3R5bGVzPXt2YXJpYW50U3R5bGVzfVxuICAgICAgICAgIGxvZ29MaW5rVGV4dD17bG9nb0xpbmtUZXh0fVxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICAgIDxJY29uQ29udGFpbmVyPlxuICAgICAgICB7UmVhY3QuQ2hpbGRyZW4ubWFwKGNoaWxkcmVuLCAoY2hpbGQ6IFJlYWN0LlJlYWN0RWxlbWVudDxhbnk+KSA9PiB7XG4gICAgICAgICAgcmV0dXJuIGNoaWxkICE9IG51bGwgPyAoXG4gICAgICAgICAgICBSZWFjdC5jbG9uZUVsZW1lbnQoY2hpbGQsIHsgdmFyaWFudFN0eWxlcyB9KVxuICAgICAgICAgICkgOiAoXG4gICAgICAgICAgICA8PjwvPlxuICAgICAgICAgIClcbiAgICAgICAgfSl9XG4gICAgICA8L0ljb25Db250YWluZXI+XG4gICAgPC9TdHlsZWRJY29uQmFyPlxuICApXG59XG5cbkljb25CYXIuZGlzcGxheU5hbWUgPSAnSWNvbkJhcidcblxuSWNvbkJhci5JY29uSXRlbSA9IEljb25JdGVtXG5JY29uQmFyLlNlcGFyYXRvciA9IFNlcGFyYXRvclxuXG5leHBvcnQgZGVmYXVsdCBJY29uQmFyXG4iXX0= */"),
+    }, process.env.NODE_ENV === "production" ? "" : ";label:IconBar;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JY29uQmFyL0ljb25CYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtFTSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSWNvbkJhci9JY29uQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHRkL2luc3RydW1lbnRhdGlvbiAqL1xuLy8gdGhpcyBsZXZlbCBvZiBmaW5lIGdyYWluZWQgaW5zdHJ1bWVudGF0aW9uIGlzIG5vdCBuZWVkZWRcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgQm94IGZyb20gJy4uL0JveCdcbmltcG9ydCBJY29uSXRlbSBmcm9tICcuL0ljb25JdGVtJ1xuaW1wb3J0IExvZ29JdGVtIGZyb20gJy4vTG9nb0l0ZW0nXG5pbXBvcnQgeyBnZXRDb2xvclZhcmlhbnQsIGdldEFuY2hvclZhcmlhbnQgfSBmcm9tICcuL3ZhcmlhbnRzJ1xuXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgVGhlbWUgfSBmcm9tICcuLi9UaGVtZVByb3ZpZGVyJ1xuaW1wb3J0IHR5cGUgeyBJY29uQmFyUHJvcHMgfSBmcm9tICcuL3R5cGVzJ1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvbkJhciA9IHN0eWxlZChCb3gpKHtcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIHdpZHRoOiA0OCxcbiAgaGVpZ2h0OiAnMTAwJSdcbn0pXG5cbmV4cG9ydCBjb25zdCBJY29uQ29udGFpbmVyID0gc3R5bGVkKEJveCkoKHsgdGhlbWUgfSkgPT4gKHtcbiAgcGFkZGluZzogYCR7dGhlbWUuc3BhY2VbNl19IDBgLFxuICBmbGV4R3JvdzogMVxufSkpXG5cbmNvbnN0IFNlcGFyYXRvcjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQgPSAoKSA9PiA8Qm94IGZsZXg9XCJncm93XCIgLz5cblxuY29uc3QgYm9yZGVyUmFkaXVzQ3NzTG9uZ2hhbmQgPSBbXG4gICdib3JkZXJUb3BMZWZ0UmFkaXVzJyxcbiAgJ2JvcmRlclRvcFJpZ2h0UmFkaXVzJyxcbiAgJ2JvcmRlckJvdHRvbVJpZ2h0UmFkaXVzJyxcbiAgJ2JvcmRlckJvdHRvbUxlZnRSYWRpdXMnXG5dXG5cbmV4cG9ydCB0eXBlIEljb25CYXJTdWJDb21wb25lbnRzID0ge1xuICBJY29uSXRlbTogdHlwZW9mIEljb25JdGVtXG4gIEljb25Db250YWluZXI6IHR5cGVvZiBJY29uQ29udGFpbmVyXG4gIFNlcGFyYXRvcjogdHlwZW9mIFNlcGFyYXRvclxufVxuXG5mdW5jdGlvbiBJY29uQmFyKHtcbiAgYW5jaG9yID0gJ2xlZnQnLFxuICBjaGlsZHJlbixcbiAgY29sb3JWYXJpYW50ID0gJ2RhcmsnLFxuICBsb2dvSHJlZixcbiAgbG9nb0xpbmtUZXh0ID0gJ05hdmlnYXRlIHRvIENvbnNvbGUnLFxuICBvbkNsaWNrLFxuICBzaG93TG9nbyxcbiAgLi4ucHJvcHNcbn06IEljb25CYXJQcm9wcykge1xuICBjb25zdCB0aGVtZTogVGhlbWUgPSB1c2VUaGVtZSgpXG4gIGNvbnN0IGNvbG9yU3R5bGVzID0gZ2V0Q29sb3JWYXJpYW50KHRoZW1lLCBjb2xvclZhcmlhbnQpXG4gIGNvbnN0IGFuY2hvclN0eWxlcyA9IGdldEFuY2hvclZhcmlhbnQodGhlbWUsIGFuY2hvcilcbiAgLy8gY29udmVydCBzaG9ydGhhbmQgYm9yZGVyUmFkaXVzIHRvIGxvbmdoYW5kIHRvIGFsbG93IG92ZXJyaWRpbmcgaW5kaXZpZHVhbCBjb3JuZXJzXG4gIGNvbnN0IGJvcmRlclJhZGl1c1Byb3BzID0gYW5jaG9yU3R5bGVzLmJvcmRlclJhZGl1cy5zcGxpdCgnICcpLnJlZHVjZShcbiAgICAoc3R5bGVzLCB2YWx1ZSwgaW5kZXgpID0+ICh7XG4gICAgICAuLi5zdHlsZXMsXG4gICAgICBbYm9yZGVyUmFkaXVzQ3NzTG9uZ2hhbmRbaW5kZXhdXTogU3RyaW5nKHZhbHVlKVxuICAgIH0pLFxuICAgIHt9XG4gIClcbiAgY29uc3QgdmFyaWFudFN0eWxlcyA9IHsgLi4uY29sb3JTdHlsZXMsIC4uLmFuY2hvclN0eWxlcyB9XG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkSWNvbkJhclxuICAgICAgYWxpZ249XCJzdHJldGNoXCJcbiAgICAgIGRpcmVjdGlvbj1cImNvbHVtblwiXG4gICAgICBjc3M9e3tcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiBjb2xvclN0eWxlcy5iYWNrZ3JvdW5kQ29sb3JcbiAgICAgIH19XG4gICAgICBvbkNsaWNrPXtvbkNsaWNrfVxuICAgICAgey4uLmJvcmRlclJhZGl1c1Byb3BzfVxuICAgICAgey4uLnByb3BzfVxuICAgICAgZGF0YS10ZXN0aWQ9XCJpY29uYmFyXCJcbiAgICA+XG4gICAgICB7c2hvd0xvZ28gJiYgKFxuICAgICAgICA8TG9nb0l0ZW1cbiAgICAgICAgICBsb2dvSHJlZj17bG9nb0hyZWZ9XG4gICAgICAgICAgdmFyaWFudFN0eWxlcz17dmFyaWFudFN0eWxlc31cbiAgICAgICAgICBsb2dvTGlua1RleHQ9e2xvZ29MaW5rVGV4dH1cbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgICA8SWNvbkNvbnRhaW5lcj5cbiAgICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbiwgKGNoaWxkOiBSZWFjdC5SZWFjdEVsZW1lbnQ8YW55PikgPT4ge1xuICAgICAgICAgIHJldHVybiBjaGlsZCAhPSBudWxsID8gKFxuICAgICAgICAgICAgUmVhY3QuY2xvbmVFbGVtZW50KGNoaWxkLCB7IHZhcmlhbnRTdHlsZXMgfSlcbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPD48Lz5cbiAgICAgICAgICApXG4gICAgICAgIH0pfVxuICAgICAgPC9JY29uQ29udGFpbmVyPlxuICAgIDwvU3R5bGVkSWNvbkJhcj5cbiAgKVxufVxuXG5JY29uQmFyLmRpc3BsYXlOYW1lID0gJ0ljb25CYXInXG5cbkljb25CYXIuSWNvbkl0ZW0gPSBJY29uSXRlbVxuSWNvbkJhci5TZXBhcmF0b3IgPSBTZXBhcmF0b3JcblxuZXhwb3J0IGRlZmF1bHQgSWNvbkJhclxuIl19 */"),
     onClick: onClick
   }, borderRadiusProps), props), {}, {
+    "data-testid": "iconbar",
     children: [showLogo && (0, _jsxRuntime.jsx)(_LogoItem["default"], {
       "data-gs": gs("src", "iconbar", "iconbar.tsx", "icon-bar", "styled-icon-bar", "logo-item"),
       logoHref: logoHref,

package/dist/es/IconBar/IconItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { VariantStyles } from './variants';
-declare type ComponentProps = {
+type ComponentProps = {
     active?: boolean;
     variantStyles?: VariantStyles;
 };
@@ -15,7 +15,7 @@ declare const Container: import("@emotion/styled").StyledComponent<{
 /**
  * Component to be used as children of IconBar
  */
-declare type IconItemProps = React.ComponentProps<typeof Container>;
+type IconItemProps = React.ComponentProps<typeof Container>;
 declare const IconItem: {
     ({ children, active, variantStyles, ...props }: IconItemProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
     displayName: string;

package/dist/es/IconBar/LogoItem.d.ts

@@ -1,6 +1,6 @@
 import type { IconBarProps } from './types';
 import type { VariantStyles } from './variants';
-declare type Props = Pick<IconBarProps, 'logoHref' | 'logoLinkText'> & {
+type Props = Pick<IconBarProps, 'logoHref' | 'logoLinkText'> & {
     variantStyles: VariantStyles;
 };
 declare const LogoItem: ({ logoHref, logoLinkText, variantStyles }: Props) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/es/IconBar/LogoItem.js

@@ -40,6 +40,7 @@ var LogoItem = function LogoItem(_ref) {
     },
     alignSelf: "center",
     variantStyles: variantStyles,
+    "data-testid": "logoitem",
     children: (0, _jsxRuntime.jsxs)(_Link["default"], {
       "data-gs": gs("src", "iconbar", "logoitem.tsx", "icon-item", "link"),
       href: logoHref,

package/dist/es/IconBar/types.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { ColorVariantTypes } from './variants';
 import type Box from '../Box';
-export declare type IconBarProps = Omit<React.ComponentProps<typeof Box>, 'ref'> & {
+export type IconBarProps = Omit<React.ComponentProps<typeof Box>, 'ref'> & {
     anchor?: 'left' | 'right';
     children: React.ReactNode;
     colorVariant?: ColorVariantTypes;

package/dist/es/IconBar/variants.d.ts

@@ -1,6 +1,6 @@
 import type { Theme } from '../ThemeProvider';
 export declare const barBorderRadius = 12;
-export declare type AnchorVariant = {
+export type AnchorVariant = {
     borderRadius: string;
     innerContainerBorderRadius: string;
     innerContainerBeforeBorderRadius: string;
@@ -8,14 +8,14 @@ export declare type AnchorVariant = {
     containerBeforeLeft: number | 'unset';
     containerBeforeRight: number | 'unset';
 };
-export declare type ColorVariant = {
+export type ColorVariant = {
     backgroundColor: string;
     iconColor: string;
     iconHoverBackgroundColor: string;
 };
-export declare type AnchorVariantTypes = 'left' | 'right';
-export declare type ColorVariantTypes = 'light' | 'medium' | 'dark';
-export declare type VariantStyles = ColorVariant & AnchorVariant;
+export type AnchorVariantTypes = 'left' | 'right';
+export type ColorVariantTypes = 'light' | 'medium' | 'dark';
+export type VariantStyles = ColorVariant & AnchorVariant;
 export declare const getAnchorVariant: (theme: Theme, variant: AnchorVariantTypes) => AnchorVariant;
 export declare const getColorVariant: (theme: Theme, variant: ColorVariantTypes) => ColorVariant;
 //# sourceMappingURL=variants.d.ts.map

package/dist/es/InfiniteList/InfiniteList.d.ts

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import { InfiniteLoader } from 'react-virtualized';
 import type { ListProps, Index } from 'react-virtualized';
-export declare type InfiniteListProps = ListProps & {
+export type InfiniteListProps = ListProps & {
     hasMoreRows: boolean;
     /** Count of rows that have already been loaded. */
     rowCount: number;

package/dist/es/Input/Input.d.ts

@@ -1,12 +1,12 @@
 import React, { PureComponent } from 'react';
 import type { InputHTMLAttributes, TextareaHTMLAttributes } from 'react';
-declare type Variant = 'primary' | 'secondary' | {
+type Variant = 'primary' | 'secondary' | {
     borderBottomColor: string;
     color: string;
     focusBorderColor: string;
     placeholderColor: string;
 };
-declare type ComponentProps = {
+type ComponentProps = {
     disabled?: boolean;
     'data-instrumentation'?: string;
     invalid?: boolean;
@@ -27,10 +27,10 @@ export declare const InlineInputComponentUnderline: import("@emotion/styled").St
 export declare const InlineInputComponent: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & ComponentProps & {
     inline?: boolean | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
-declare type NumberTypes = 'number';
-declare type TextAreaType = 'textarea';
-declare type StringTypes = 'url' | 'datetime-local' | 'email' | 'password' | 'text' | TextAreaType;
-declare type InputTypes = NumberTypes | StringTypes;
+type NumberTypes = 'number';
+type TextAreaType = 'textarea';
+type StringTypes = 'url' | 'datetime-local' | 'email' | 'password' | 'text' | TextAreaType;
+type InputTypes = NumberTypes | StringTypes;
 /**
  * This uses a generic plus conditional types to adjust prop types based on the type prop.
  *
@@ -40,7 +40,7 @@ declare type InputTypes = NumberTypes | StringTypes;
  * For more info on conditional types, please read this:
  * https://artsy.github.io/blog/2018/11/21/conditional-types-in-typescript/
  */
-export declare type InputProps<T extends InputTypes = 'text'> = {
+export type InputProps<T extends InputTypes = 'text'> = {
     className?: string;
     disabled?: boolean;
     'data-instrumentation'?: string;
@@ -61,7 +61,7 @@ export declare type InputProps<T extends InputTypes = 'text'> = {
     value: InputValue<T>;
     variant?: Variant;
 } & Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onChange'>;
-declare type InputValue<T extends InputTypes> = T extends NumberTypes ? number : string;
+type InputValue<T extends InputTypes> = T extends NumberTypes ? number : string;
 declare class Input<T extends InputTypes = 'text'> extends PureComponent<InputProps<T>> {
     _sanitizeNumber: (value: string) => number | string;
     _onBlur: (event: React.FocusEvent<HTMLTextAreaElement | HTMLInputElement>) => void;

package/dist/es/Link/Link.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type LinkProps = {
+export type LinkProps = {
     disabled?: boolean;
     'data-instrumentation'?: string;
 };