@storybook/design-system - npm Package Compare versions

Comparing version 7.9.0 to 7.15.15

dist/components/Avatar.js

@@ -40,3 +40,3 @@ "use strict";
 
-var Image = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var Image = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e14kqdha2"
@@ -46,7 +46,7 @@ } : {
   label: "Image"
-})("background:", function (props) {
-  return !props.isLoading ? 'transparent' : _styles.color.light;
-}, ";border-radius:", function (props) {
+})("background:transparent;border-radius:", function (props) {
   return props.type === AvatarType.USER ? '50%' : '5px';
 }, ";display:inline-block;vertical-align:top;overflow:hidden;text-transform:uppercase;height:", sizes.medium, "px;width:", sizes.medium, "px;line-height:", sizes.medium, "px;", function (props) {
+  return props.isLoading && /*#__PURE__*/(0, _theming.css)("background:", _styles.color.light, ";filter:grayscale(1);" + (process.env.NODE_ENV === "production" ? "" : ";label:Image;"));
+}, " ", function (props) {
   return props.size === 'tiny' && /*#__PURE__*/(0, _theming.css)("height:", sizes.tiny, "px;width:", sizes.tiny, "px;line-height:", sizes.tiny, "px;" + (process.env.NODE_ENV === "production" ? "" : ";label:Image;"));
@@ -60,3 +60,3 @@ }, " ", function (props) {
 }, " img{width:100%;height:auto;display:block;}");
-var LoadingIcon = ( /*#__PURE__*/0, _theming.styled)(_Icon.Icon, process.env.NODE_ENV === "production" ? {
+var LoadingIcon = /*#__PURE__*/(0, _theming.styled)(_Icon.Icon, process.env.NODE_ENV === "production" ? {
   target: "e14kqdha1"
@@ -74,3 +74,3 @@ } : {
 
-var Initial = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var Initial = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e14kqdha0"
@@ -77,0 +77,0 @@ } : {

dist/components/AvatarList.d.ts

@@ -1,5 +0,8 @@
-import React, { ComponentProps, FunctionComponent } from 'react';
+import React, { ComponentProps } from 'react';
 import { sizes } from './Avatar';
-declare const Users: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "color" | "translate" | "ref" | "slot" | "style" | "title" | "children" | "key" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">, "color" | "translate" | "slot" | "style" | "title" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">, import("@storybook/theming").Theme>;
-export interface AvatarListProps {
+declare const Users: import("@storybook/theming").StyledComponent<{
+    theme?: import("@storybook/theming").Theme;
+    as?: React.ElementType<any>;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+interface AvatarListProps {
     isLoading: boolean;
@@ -14,4 +17,4 @@ users: {
 }
-export declare const AvatarList: FunctionComponent<AvatarListProps & ComponentProps<typeof Users>>;
+export declare const AvatarList: ({ isLoading, users, userCount, size, ...props }: AvatarListProps & ComponentProps<typeof Users>) => JSX.Element;
 export {};
 //# sourceMappingURL=AvatarList.d.ts.map

dist/components/AvatarList.js

@@ -30,3 +30,3 @@ "use strict";
 
-var UserAvatar = ( /*#__PURE__*/0, _theming.styled)(_Avatar.Avatar, process.env.NODE_ENV === "production" ? {
+var UserAvatar = /*#__PURE__*/(0, _theming.styled)(_Avatar.Avatar, process.env.NODE_ENV === "production" ? {
   target: "e1k855q73"
@@ -37,3 +37,3 @@ } : {
 })("box-shadow:", _styles.color.lightest, " 0 0 0 2px;display:block;");
-var UserEllipses = (0, _theming.styled)("li", process.env.NODE_ENV === "production" ? {
+var UserEllipses = /*#__PURE__*/(0, _theming.styled)("li", process.env.NODE_ENV === "production" ? {
   target: "e1k855q72"
@@ -44,3 +44,3 @@ } : {
 })("display:inline-flex;font-size:", _styles.typography.size.s1, "px;color:", _styles.color.mediumdark, ";margin-left:6px;white-space:nowrap;");
-var User = (0, _theming.styled)("li", process.env.NODE_ENV === "production" ? {
+var User = /*#__PURE__*/(0, _theming.styled)("li", process.env.NODE_ENV === "production" ? {
   target: "e1k855q71"
@@ -58,3 +58,3 @@ } : {
 });
-var Users = (0, _theming.styled)("ul", process.env.NODE_ENV === "production" ? {
+var Users = /*#__PURE__*/(0, _theming.styled)("ul", process.env.NODE_ENV === "production" ? {
   target: "e1k855q70"
@@ -61,0 +61,0 @@ } : {

dist/components/Badge.d.ts

@@ -1,4 +0,7 @@
-export declare const Badge: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+export declare const Badge: import("@storybook/theming").StyledComponent<{
+    theme?: import("@storybook/theming").Theme;
+    as?: import("react").ElementType<any>;
+} & {
     status: 'positive' | 'negative' | 'neutral' | 'error' | 'warning' | 'selected';
-}, import("@storybook/theming").Theme>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=Badge.d.ts.map

dist/components/Badge.js

@@ -14,3 +14,3 @@ "use strict";
 
-var Badge = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var Badge = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e1kwid7b0"
@@ -17,0 +17,0 @@ } : {

dist/components/Button.d.ts

@@ -19,5 +19,8 @@ import React, { ReactElement, ReactNode } from 'react';
 };
-export declare const StyledButton: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ButtonStylingProps & {
+export declare const StyledButton: import("@storybook/theming").StyledComponent<{
+    theme?: import("@storybook/theming").Theme;
+    as?: React.ElementType<any>;
+} & ButtonStylingProps & {
     children: ReactElement;
-}, import("@storybook/theming").Theme>;
+}, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export interface ButtonStylingProps {
@@ -38,4 +41,4 @@ isLoading?: boolean;
 }
-export declare const Button: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<ButtonConfigProps & ButtonStylingProps & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement>>, "appearance" | "color" | "translate" | "form" | "slot" | "style" | "title" | "children" | "key" | "className" | "id" | "lang" | "media" | "name" | "target" | "type" | "role" | "tabIndex" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "download" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "isLoading" | "size" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "isUnclickable" | "containsIcon" | "hrefLang" | "ping" | "rel" | "referrerPolicy" | "isDisabled" | "loadingText" | "isLink" | "ButtonWrapper"> & React.RefAttributes<unknown>>;
+export declare const Button: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<ButtonConfigProps & ButtonStylingProps & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement> & React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement>>, "appearance" | "color" | "translate" | "form" | "slot" | "style" | "title" | "children" | "download" | "key" | "type" | "isLoading" | "size" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "name" | "isDisabled" | "loadingText" | "isLink" | "ButtonWrapper" | "isUnclickable" | "containsIcon" | "href" | "hrefLang" | "media" | "ping" | "rel" | "target" | "referrerPolicy"> & React.RefAttributes<unknown>>;
 export {};
 //# sourceMappingURL=Button.d.ts.map

dist/components/Button.js

@@ -34,3 +34,3 @@ "use strict";
 
-var Text = (0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
+var Text = /*#__PURE__*/(0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
   target: "eotfes63"
@@ -48,3 +48,3 @@ } : {
 });
-var Loading = (0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
+var Loading = /*#__PURE__*/(0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
   target: "eotfes62"
@@ -79,3 +79,3 @@ } : {
 };
-var StyledButton = (0, _theming.styled)("button", process.env.NODE_ENV === "production" ? {
+var StyledButton = /*#__PURE__*/(0, _theming.styled)("button", process.env.NODE_ENV === "production" ? {
   target: "eotfes61"
@@ -133,3 +133,3 @@ } : {
 exports.StyledButton = StyledButton;
-var ButtonLink = (0, _theming.styled)("a", process.env.NODE_ENV === "production" ? {
+var ButtonLink = /*#__PURE__*/(0, _theming.styled)("a", process.env.NODE_ENV === "production" ? {
   target: "eotfes60"
@@ -136,0 +136,0 @@ } : {

dist/components/ButtonToggle.d.ts

 import React from 'react';
-declare type Title = {
+type Title = {
     title: string | React.ReactNode;
@@ -4,0 +4,0 @@ tooltip: string;

dist/components/ButtonToggle.js

@@ -31,3 +31,3 @@ "use strict";
 var inActivePadding = 15;
-var StyledButton = (0, _theming.styled)("button", process.env.NODE_ENV === "production" ? {
+var StyledButton = /*#__PURE__*/(0, _theming.styled)("button", process.env.NODE_ENV === "production" ? {
   target: "e1p5p6l04"
@@ -40,3 +40,3 @@ } : {
 }, ";");
-var TooltipWrapper = ( /*#__PURE__*/0, _theming.styled)(_WithTooltip["default"], process.env.NODE_ENV === "production" ? {
+var TooltipWrapper = /*#__PURE__*/(0, _theming.styled)(_WithTooltip["default"], process.env.NODE_ENV === "production" ? {
   target: "e1p5p6l03"
@@ -49,3 +49,3 @@ } : {
 }, " &:first-child ", StyledButton, "{padding-left:", activePadding, "px;}&:last-child ", StyledButton, "{padding-right:", activePadding, "px;}&:hover ", StyledButton, "{position:relative;z-index:1;}");
-var PillButton = ( /*#__PURE__*/0, _theming.styled)(_Link.Link, process.env.NODE_ENV === "production" ? {
+var PillButton = /*#__PURE__*/(0, _theming.styled)(_Link.Link, process.env.NODE_ENV === "production" ? {
   target: "e1p5p6l02"
@@ -58,3 +58,3 @@ } : {
 }, ";");
-var TabButton = ( /*#__PURE__*/0, _theming.styled)(_Link.Link, process.env.NODE_ENV === "production" ? {
+var TabButton = /*#__PURE__*/(0, _theming.styled)(_Link.Link, process.env.NODE_ENV === "production" ? {
   target: "e1p5p6l01"
@@ -67,3 +67,3 @@ } : {
 }, ";");
-var Wrapper = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var Wrapper = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e1p5p6l00"
@@ -70,0 +70,0 @@ } : {

dist/components/Cardinal.d.ts

@@ -1,41 +0,26 @@
-import React from 'react';
-declare type Status = 'default' | 'positive' | 'negative' | 'warning' | 'neutral' | 'link' | 'inverse';
-declare type Size = 'small' | 'large';
-declare type Alignment = 'left' | 'center' | 'right';
+import React, { FunctionComponent } from 'react';
+import { color } from './shared/styles';
+type Status = 'default' | 'positive' | 'negative' | 'warning' | 'neutral' | 'link' | 'inverse';
+type Size = 'small' | 'large';
+type Alignment = 'left' | 'center' | 'right';
+type Color = keyof typeof color;
 export interface CardinalProps {
-    isLoading: boolean;
-    selectable: boolean;
-    active: boolean;
-    size: Size;
-    onHover: (e: boolean) => void;
-    onClick: React.FormEventHandler<HTMLInputElement>;
+    isLoading?: boolean;
+    selectable?: boolean;
+    active?: boolean;
+    size?: Size;
+    onHover?: (e: boolean) => void;
+    onClick?: React.FormEventHandler<HTMLInputElement>;
     count: React.ReactNode;
-    countLink: string;
+    countLink?: string;
     text: string;
-    status: Status;
-    noPlural: boolean;
-    CountWrapper: React.ElementType;
-    TextWrapper: React.ElementType;
+    status?: Status;
+    countColor?: Color;
+    noPlural?: boolean;
+    CountWrapper?: React.ElementType;
+    TextWrapper?: React.ElementType;
     alignment?: Alignment;
 }
-export declare function Cardinal({ isLoading, selectable, onHover, onClick, active, size, count, countLink, text, noPlural, status, CountWrapper, TextWrapper, alignment, ...props }: CardinalProps): JSX.Element;
-export declare namespace Cardinal {
-    var defaultProps: {
-        isLoading: boolean;
-        selectable: boolean;
-        onHover: () => number;
-        onClick: () => number;
-        active: boolean;
-        size: string;
-        status: string;
-        count: string;
-        countLink: any;
-        noPlural: boolean;
-        text: string;
-        CountWrapper: React.FunctionComponent<{}>;
-        TextWrapper: React.FunctionComponent<{}>;
-        alignment: string;
-    };
-}
+export declare const Cardinal: FunctionComponent<CardinalProps>;
 export {};
 //# sourceMappingURL=Cardinal.d.ts.map

dist/components/Cardinal.js

@@ -8,3 +8,3 @@ "use strict";
 });
-exports.Cardinal = Cardinal;
+exports.Cardinal = void 0;
 
@@ -29,3 +29,3 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _excluded = ["isLoading", "selectable", "onHover", "onClick", "active", "size", "count", "countLink", "text", "noPlural", "status", "CountWrapper", "TextWrapper", "alignment"];
+var _excluded = ["isLoading", "selectable", "onHover", "onClick", "active", "size", "count", "countLink", "text", "noPlural", "status", "countColor", "CountWrapper", "TextWrapper", "alignment"];
 
@@ -43,3 +43,3 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
-var Count = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var Count = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e13xivpu2"
@@ -61,4 +61,6 @@ } : {
   return props.status === 'inverse' && _ref3;
+}, ";", function (props) {
+  return props.status === 'default' && props.countColor && /*#__PURE__*/(0, _theming.css)("color:", _styles.color[props.countColor], ";" + (process.env.NODE_ENV === "production" ? "" : ";label:Count;"));
 }, ";span{display:inline-block;}");
-var Text = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var Text = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e13xivpu1"
@@ -95,3 +97,3 @@ } : {
 
-var CardinalInner = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var CardinalInner = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e13xivpu0"
@@ -127,3 +129,3 @@ } : {
 
-function Cardinal(_ref4) {
+var Cardinal = function Cardinal(_ref4) {
   var isLoading = _ref4.isLoading,
@@ -140,2 +142,3 @@ selectable = _ref4.selectable,
       status = _ref4.status,
+      countColor = _ref4.countColor,
       CountWrapper = _ref4.CountWrapper,
@@ -145,3 +148,3 @@ TextWrapper = _ref4.TextWrapper,
       props = (0, _objectWithoutProperties2["default"])(_ref4, _excluded);
-  var countValue = count;
+  var countValue = typeof count === 'number' ? count.toLocaleString('en-US') : count;
 
@@ -152,3 +155,3 @@ if (countLink) {
       inverse: status === 'inverse'
-    }, count);
+    }, countValue);
   }
@@ -178,6 +181,9 @@
   }, events, props), /*#__PURE__*/_react["default"].createElement(Count, {
-    status: status
+    status: status,
+    countColor: countColor
   }, /*#__PURE__*/_react["default"].createElement(CountWrapper, null, countValue)), /*#__PURE__*/_react["default"].createElement(Text, null, /*#__PURE__*/_react["default"].createElement(TextWrapper, null, !noPlural && typeof count === 'number' ? (0, _pluralize["default"])(text, count) : text)));
-}
+};
 
+exports.Cardinal = Cardinal;
+
 var DefaultWrapper = function DefaultWrapper(_ref5) {
@@ -200,2 +206,3 @@ var children = _ref5.children;
   status: 'default',
+  countColor: null,
   count: '000',
@@ -202,0 +209,0 @@ countLink: null,

dist/components/Checkbox.d.ts

 import React, { ComponentProps, FunctionComponent, ReactNode } from 'react';
-declare const Input: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+declare const Input: import("@storybook/theming").StyledComponent<{
+    theme?: import("@storybook/theming").Theme;
+    as?: React.ElementType<any>;
+} & {
     checkboxColor: string;
-}, import("@storybook/theming").Theme>;
+}, React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
 interface Props {
@@ -6,0 +9,0 @@ appearance?: 'primary' | 'secondary';

dist/components/Checkbox.js

@@ -26,3 +26,3 @@ "use strict";
 
-var Label = (0, _theming.styled)("label", process.env.NODE_ENV === "production" ? {
+var Label = /*#__PURE__*/(0, _theming.styled)("label", process.env.NODE_ENV === "production" ? {
   target: "e12k4rek5"
@@ -43,3 +43,3 @@ } : {
 
-var OptionalText = (0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
+var OptionalText = /*#__PURE__*/(0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
   target: "e12k4rek4"
@@ -52,3 +52,3 @@ } : {
 }, ";");
-var Error = (0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
+var Error = /*#__PURE__*/(0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
   target: "e12k4rek3"
@@ -59,3 +59,3 @@ } : {
 })("font-weight:", _styles.typography.weight.regular, ";font-size:", _styles.typography.size.s2, "px;color:", _styles.color.negative, ";margin-left:6px;height:1em;display:flex;align-items:center;");
-var LabelText = (0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
+var LabelText = /*#__PURE__*/(0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
   target: "e12k4rek2"
@@ -66,3 +66,3 @@ } : {
 })();
-var Input = (0, _theming.styled)("input", process.env.NODE_ENV === "production" ? {
+var Input = /*#__PURE__*/(0, _theming.styled)("input", process.env.NODE_ENV === "production" ? {
   target: "e12k4rek1"
@@ -83,3 +83,3 @@ } : {
 }, ";opacity:1;}");
-var CheckboxWrapper = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var CheckboxWrapper = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e12k4rek0"
@@ -86,0 +86,0 @@ } : {

dist/components/clipboard/Clipboard.js

@@ -36,3 +36,3 @@ "use strict";
 
-var Tooltip = ( /*#__PURE__*/0, _theming.styled)(_WithTooltip["default"], process.env.NODE_ENV === "production" ? {
+var Tooltip = /*#__PURE__*/(0, _theming.styled)(_WithTooltip["default"], process.env.NODE_ENV === "production" ? {
   target: "e1lzlo4x0"
@@ -39,0 +39,0 @@ } : {

dist/components/clipboard/ClipboardCode.js

@@ -24,3 +24,3 @@ "use strict";
 
-var Container = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var Container = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e192l8fv2"
@@ -38,3 +38,3 @@ } : {
 });
-var Code = (0, _theming.styled)("pre", process.env.NODE_ENV === "production" ? {
+var Code = /*#__PURE__*/(0, _theming.styled)("pre", process.env.NODE_ENV === "production" ? {
   target: "e192l8fv1"
@@ -52,3 +52,3 @@ } : {
 });
-var StyledClipboardIcon = ( /*#__PURE__*/0, _theming.styled)(_ClipboardIcon.ClipboardIcon, process.env.NODE_ENV === "production" ? {
+var StyledClipboardIcon = /*#__PURE__*/(0, _theming.styled)(_ClipboardIcon.ClipboardIcon, process.env.NODE_ENV === "production" ? {
   target: "e192l8fv0"
@@ -55,0 +55,0 @@ } : {

dist/components/clipboard/ClipboardIcon.d.ts

 import React from 'react';
 import { Clipboard } from './Clipboard';
-declare type ClipboardIconProps = Omit<React.ComponentPropsWithoutRef<typeof Clipboard>, 'children'>;
+type ClipboardIconProps = Omit<React.ComponentPropsWithoutRef<typeof Clipboard>, 'children'>;
 export declare const ClipboardIcon: (props: ClipboardIconProps) => JSX.Element;
 export {};
 //# sourceMappingURL=ClipboardIcon.d.ts.map

dist/components/clipboard/ClipboardIcon.js

@@ -20,3 +20,3 @@ "use strict";
 
-var StyledClipboard = ( /*#__PURE__*/0, _theming.styled)(_Clipboard.Clipboard, process.env.NODE_ENV === "production" ? {
+var StyledClipboard = /*#__PURE__*/(0, _theming.styled)(_Clipboard.Clipboard, process.env.NODE_ENV === "production" ? {
   target: "ewp3f4r1"
@@ -27,3 +27,3 @@ } : {
 })("line-height:10px;padding:10px;color:", _styles.color.mediumdark, ";&:hover{color:", _styles.color.darker, ";}");
-var StyledIcon = ( /*#__PURE__*/0, _theming.styled)(_Icon.Icon, process.env.NODE_ENV === "production" ? {
+var StyledIcon = /*#__PURE__*/(0, _theming.styled)(_Icon.Icon, process.env.NODE_ENV === "production" ? {
   target: "ewp3f4r0"
@@ -30,0 +30,0 @@ } : {

dist/components/clipboard/ClipboardInput.d.ts

 import React from 'react';
 import { Input } from '../Input';
-declare type SubProps = React.ComponentPropsWithoutRef<typeof Input>;
+type SubProps = React.ComponentPropsWithoutRef<typeof Input>;
 interface ClipboardInputProps extends SubProps {
@@ -5,0 +5,0 @@ value: string;

dist/components/clipboard/ClipboardInput.js

@@ -26,3 +26,3 @@ "use strict";
 
-var Container = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var Container = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "eh4vpro2"
@@ -40,3 +40,3 @@ } : {
 });
-var StyledInput = ( /*#__PURE__*/0, _theming.styled)(_Input.Input, process.env.NODE_ENV === "production" ? {
+var StyledInput = /*#__PURE__*/(0, _theming.styled)(_Input.Input, process.env.NODE_ENV === "production" ? {
   target: "eh4vpro1"
@@ -54,3 +54,3 @@ } : {
 });
-var StyledClipboardIcon = ( /*#__PURE__*/0, _theming.styled)(_ClipboardIcon.ClipboardIcon, process.env.NODE_ENV === "production" ? {
+var StyledClipboardIcon = /*#__PURE__*/(0, _theming.styled)(_ClipboardIcon.ClipboardIcon, process.env.NODE_ENV === "production" ? {
   target: "eh4vpro0"
@@ -57,0 +57,0 @@ } : {

dist/components/CodeSnippets.d.ts

 import React, { ComponentProps, ComponentType } from 'react';
-declare const Wrapper: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "translate" | "slot" | "style" | "title" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">, import("@storybook/theming").Theme>;
-export declare function CodeSnippets({ snippets, ...rest }: Props & ComponentProps<typeof Wrapper> & {
-    children?: never;
-}): JSX.Element;
+declare const Wrapper: import("@storybook/theming").StyledComponent<{
+    theme?: import("@storybook/theming").Theme;
+    as?: React.ElementType<any>;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare function CodeSnippets({ snippets, ...rest }: Props & ComponentProps<typeof Wrapper>): JSX.Element;
 interface SnippetType {
@@ -7,0 +8,0 @@ Snippet: ComponentType;

dist/components/CodeSnippets.js

@@ -36,3 +36,3 @@ "use strict";
 
-var Wrapper = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var Wrapper = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e7d06zb5"
@@ -43,3 +43,3 @@ } : {
 })();
-var Background = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var Background = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e7d06zb4"
@@ -49,4 +49,4 @@ } : {
   label: "Background"
-})("background-color:#f7f9fc;border:1px solid ", _styles.color.border, ";border-radius:", _styles.spacing.borderRadius.small, "px;box-shadow:0 2px 5px 0 ", _styles.color.border, ";");
-var StyledHighlight = ( /*#__PURE__*/0, _theming.styled)(_Highlight.Highlight, process.env.NODE_ENV === "production" ? {
+})("background-color:#f7f9fc;border:1px solid ", _styles.color.border, ";border-radius:", _styles.spacing.borderRadius.small, "px;box-shadow:0 2px 5px 0 ", _styles.color.tr10, ";");
+var StyledHighlight = /*#__PURE__*/(0, _theming.styled)(_Highlight.Highlight, process.env.NODE_ENV === "production" ? {
   target: "e7d06zb3"
@@ -57,3 +57,3 @@ } : {
 })("position:relative;border-radius:", _styles.spacing.borderRadius.small, "px;overflow:hidden;code{font-size:", _styles.typography.size.s2, "px;}&& pre[class*='language-']{background-color:transparent;padding:1em;padding-right:2em;margin:0;background:transparent;}");
-var StyledClipboard = ( /*#__PURE__*/0, _theming.styled)(_Clipboard.Clipboard, process.env.NODE_ENV === "production" ? {
+var StyledClipboard = /*#__PURE__*/(0, _theming.styled)(_Clipboard.Clipboard, process.env.NODE_ENV === "production" ? {
   target: "e7d06zb2"
@@ -86,3 +86,3 @@ } : {
 
-var TabsWrapper = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var TabsWrapper = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e7d06zb1"
@@ -93,3 +93,3 @@ } : {
 })("background:", _styles.color.lightest, ";border-top-left-radius:", _styles.spacing.borderRadius.small, "px;border-top-right-radius:", _styles.spacing.borderRadius.small, "px;border-bottom:1px solid ", _styles.color.border, ";");
-var StyledTabs = ( /*#__PURE__*/0, _theming.styled)(_LinkTabs.LinkTabs, process.env.NODE_ENV === "production" ? {
+var StyledTabs = /*#__PURE__*/(0, _theming.styled)(_LinkTabs.LinkTabs, process.env.NODE_ENV === "production" ? {
   target: "e7d06zb0"
@@ -96,0 +96,0 @@ } : {

dist/components/header/Header.d.ts

 import React from 'react';
-declare type HeaderProps = {
+type HeaderProps = {
     logo: React.ReactNode;
@@ -4,0 +4,0 @@ github?: React.ReactNode;

dist/components/header/Header.js

@@ -34,3 +34,3 @@ "use strict";
 
-var GitHubWrapper = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var GitHubWrapper = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "enx0fv33"
@@ -48,3 +48,3 @@ } : {
 });
-var GithubNavItem = ( /*#__PURE__*/0, _theming.styled)(_NavItem.NavItem, process.env.NODE_ENV === "production" ? {
+var GithubNavItem = /*#__PURE__*/(0, _theming.styled)(_NavItem.NavItem, process.env.NODE_ENV === "production" ? {
   target: "enx0fv32"
@@ -62,3 +62,3 @@ } : {
 });
-var MobileMenuTooltip = ( /*#__PURE__*/0, _theming.styled)(_WithTooltip["default"], process.env.NODE_ENV === "production" ? {
+var MobileMenuTooltip = /*#__PURE__*/(0, _theming.styled)(_WithTooltip["default"], process.env.NODE_ENV === "production" ? {
   target: "enx0fv31"
@@ -69,3 +69,3 @@ } : {
 })("&:focus svg{color:", _styles.color.secondary, ";}");
-var Menu = ( /*#__PURE__*/0, _theming.styled)(_Link.Link, process.env.NODE_ENV === "production" ? {
+var Menu = /*#__PURE__*/(0, _theming.styled)(_Link.Link, process.env.NODE_ENV === "production" ? {
   target: "enx0fv30"
@@ -72,0 +72,0 @@ } : {

dist/components/header/Nav.d.ts

@@ -1,10 +0,19 @@
-export declare const Nav: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "translate" | "slot" | "style" | "title" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">, import("@storybook/theming").Theme>;
-export declare const NavWrapper: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "color" | "translate" | "slot" | "style" | "title" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">, import("@storybook/theming").Theme>;
-declare type NavGroupProps = {
+export declare const Nav: import("@storybook/theming").StyledComponent<{
+    theme?: import("@storybook/theming").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NavWrapper: import("@storybook/theming").StyledComponent<{
+    theme?: import("@storybook/theming").Theme;
+    as?: import("react").ElementType<any>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
+type NavGroupProps = {
     withRightAlignment?: boolean;
 };
-export declare const NavGroup: import("@storybook/theming").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, NavGroupProps & {
+export declare const NavGroup: import("@storybook/theming").StyledComponent<{
+    theme?: import("@storybook/theming").Theme;
+    as?: import("react").ElementType<any>;
+} & NavGroupProps & {
     navBreakpoint: number;
-}, import("@storybook/theming").Theme>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export {};
 //# sourceMappingURL=Nav.d.ts.map

dist/components/header/Nav.js

@@ -16,3 +16,3 @@ "use strict";
 
-var Nav = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var Nav = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "ex9z48e2"
@@ -31,3 +31,3 @@ } : {
 exports.Nav = Nav;
-var NavWrapper = (0, _theming.styled)("nav", process.env.NODE_ENV === "production" ? {
+var NavWrapper = /*#__PURE__*/(0, _theming.styled)("nav", process.env.NODE_ENV === "production" ? {
   target: "ex9z48e1"
@@ -49,3 +49,3 @@ } : {
 
-var NavGroup = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var NavGroup = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "ex9z48e0"
@@ -52,0 +52,0 @@ } : {

dist/components/header/NavItem.d.ts

 import React from 'react';
-declare type StyledNavItemProps = {
+type StyledNavItemProps = {
     showDesktop?: boolean;
     showMobile?: boolean;
 };
-export declare const StyledNavItem: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledNavItemProps & {
+export declare const StyledNavItem: import("@storybook/theming").StyledComponent<{
+    theme?: import("@storybook/theming").Theme;
+    as?: React.ElementType<any>;
+} & StyledNavItemProps & {
     navBreakpoint: number;
-}, import("@storybook/theming").Theme>;
-export declare const NavItem: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "translate" | "slot" | "style" | "title" | "children" | "key" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is"> & StyledNavItemProps & React.RefAttributes<HTMLDivElement>>;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NavItem: React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof React.HTMLAttributes<HTMLDivElement>> & StyledNavItemProps & React.RefAttributes<HTMLDivElement>>;
 export {};
 //# sourceMappingURL=NavItem.d.ts.map

dist/components/header/NavItem.js

@@ -24,3 +24,3 @@ "use strict";
 
-var StyledNavItem = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var StyledNavItem = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e154td7m0"
@@ -27,0 +27,0 @@ } : {

dist/components/header/NavLink.d.ts

@@ -1,3 +0,9 @@
-import React from 'react';
-export declare const NavLink: React.ForwardRefExoticComponent<Pick<Pick<import("../Link").LinkProps, "color" | "translate" | "slot" | "style" | "title" | "children" | "key" | "className" | "id" | "lang" | "media" | "target" | "type" | "role" | "tabIndex" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "download" | "theme" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "secondary" | "tertiary" | "inverse" | "containsIcon" | "hrefLang" | "ping" | "rel" | "referrerPolicy" | "withArrow" | "nochrome" | "isButton" | "LinkWrapper"> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>, "color" | "translate" | "slot" | "style" | "title" | "children" | "key" | "className" | "id" | "lang" | "media" | "target" | "type" | "role" | "tabIndex" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "download" | "theme" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "secondary" | "tertiary" | "inverse" | "containsIcon" | "hrefLang" | "ping" | "rel" | "referrerPolicy" | "withArrow" | "nochrome" | "isButton" | "LinkWrapper"> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+import { ComponentProps } from 'react';
+import { Link } from '../Link';
+type NavLinkProps = ComponentProps<typeof Link>;
+type NavLinkRef = ((props: NavLinkProps) => JSX.Element) & {
+    displayName?: string;
+};
+export declare const NavLink: NavLinkRef;
+export {};
 //# sourceMappingURL=NavLink.d.ts.map

dist/components/header/NavLink.js

@@ -28,3 +28,3 @@ "use strict";
 
-var StyledNavLink = ( /*#__PURE__*/0, _theming.styled)(_Link.Link, process.env.NODE_ENV === "production" ? {
+var StyledNavLink = /*#__PURE__*/(0, _theming.styled)(_Link.Link, process.env.NODE_ENV === "production" ? {
   target: "e1q6bakl0"
@@ -34,3 +34,3 @@ } : {
   label: "StyledNavLink"
-})("font-size:", _styles.typography.size.s2, "px;font-weight:", _styles.typography.weight.extrabold, ";");
+})("font-size:", _styles.typography.size.s2, "px;font-weight:", _styles.typography.weight.bold, ";");
 var NavLink = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
@@ -46,2 +46,3 @@ var _useContext = (0, _react.useContext)(_HeaderContext.HeaderContext),
 });
-exports.NavLink = NavLink;
+exports.NavLink = NavLink;
+NavLink.displayName = 'NavLink';

dist/components/Highlight.d.ts

 import React, { ComponentProps, FunctionComponent } from 'react';
-declare const HighlightBlock: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "translate" | "slot" | "style" | "title" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">, import("@storybook/theming").Theme>;
+declare const HighlightBlock: import("@storybook/theming").StyledComponent<{
+    theme?: import("@storybook/theming").Theme;
+    as?: React.ElementType<any>;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare const languageMap: {
@@ -4,0 +7,0 @@ readonly mdx: "markdown";

dist/components/Highlight.js

@@ -66,3 +66,3 @@ "use strict";
 
-var HighlightBlock = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var HighlightBlock = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e1rbyhvm0"
@@ -69,0 +69,0 @@ } : {

dist/components/Icon.d.ts

@@ -11,3 +11,3 @@ import { FunctionComponent } from 'react';
 export declare const Icon: FunctionComponent<IconProps>;
-export declare type IconType = keyof typeof icons;
+export type IconType = keyof typeof icons;
 export interface IconProps {
@@ -14,0 +14,0 @@ icon: IconType;

dist/components/Icon.js

@@ -24,3 +24,3 @@ "use strict";
 
-var Svg = (0, _theming.styled)("svg", process.env.NODE_ENV === "production" ? {
+var Svg = /*#__PURE__*/(0, _theming.styled)("svg", process.env.NODE_ENV === "production" ? {
   target: "e82dnwa0"
@@ -27,0 +27,0 @@ } : {

dist/components/index.d.ts

@@ -10,2 +10,3 @@ import * as styles from './shared/styles';
 export * from './Button';
+export * from './ButtonAction';
 export * from './ButtonToggle';
@@ -48,8 +49,2 @@ export * from './Highlight';
 export * from './tag/TagList';
-export * from './marketing/Breadcrumb';
-export * from './marketing/DisplayCard/DisplayCard';
-export * from './marketing/Heading';
-export * from './marketing/PageFooter/PageFooter';
-export * from './marketing/Title';
-export * from './marketing/VerifiedBadge';
 //# sourceMappingURL=index.d.ts.map

dist/components/index.js

@@ -111,2 +111,16 @@ "use strict";
 
+var _ButtonAction = require("./ButtonAction");
+
+Object.keys(_ButtonAction).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ButtonAction[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ButtonAction[key];
+    }
+  });
+});
+
 var _ButtonToggle = require("./ButtonToggle");
@@ -594,88 +608,4 @@
 
-var _Breadcrumb = require("./marketing/Breadcrumb");
-
-Object.keys(_Breadcrumb).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Breadcrumb[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Breadcrumb[key];
-    }
-  });
-});
-
-var _DisplayCard = require("./marketing/DisplayCard/DisplayCard");
-
-Object.keys(_DisplayCard).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _DisplayCard[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _DisplayCard[key];
-    }
-  });
-});
-
-var _Heading = require("./marketing/Heading");
-
-Object.keys(_Heading).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Heading[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Heading[key];
-    }
-  });
-});
-
-var _PageFooter = require("./marketing/PageFooter/PageFooter");
-
-Object.keys(_PageFooter).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _PageFooter[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _PageFooter[key];
-    }
-  });
-});
-
-var _Title = require("./marketing/Title");
-
-Object.keys(_Title).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Title[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Title[key];
-    }
-  });
-});
-
-var _VerifiedBadge = require("./marketing/VerifiedBadge");
-
-Object.keys(_VerifiedBadge).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _VerifiedBadge[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _VerifiedBadge[key];
-    }
-  });
-});
-
 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; }

dist/components/Input.d.ts

 import React, { ReactNode, ComponentProps } from 'react';
 import { Icon } from './Icon';
 import WithTooltip from './tooltip/WithTooltip';
-export declare const PureInput: React.ForwardRefExoticComponent<Pick<Props & React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement> & Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "color" | "height" | "translate" | "width" | "form" | "slot" | "style" | "title" | "pattern" | "children" | "className" | "id" | "lang" | "max" | "min" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "src" | "size" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required">, "color" | "height" | "translate" | "width" | "form" | "slot" | "style" | "title" | "pattern" | "children" | "className" | "id" | "lang" | "max" | "min" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "src" | "size" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required"> & {
-    theme?: import("@storybook/theming").Theme;
-} & {
-    children?: React.ReactNode;
-}, "appearance" | "color" | "height" | "translate" | "width" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "children" | "key" | "className" | "id" | "lang" | "max" | "min" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "orientation" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "icon" | "theme" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "src" | "size" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "error" | "errorTooltipPlacement" | "stackLevel" | "hideLabel" | "suppressErrorMessage" | "lastErrorValue" | "startingType" | "onActionClick" | "startFocused" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required"> & React.RefAttributes<HTMLInputElement>>;
-interface Props {
+interface PureInputProps {
     id: string;
@@ -19,3 +14,3 @@ value?: string;
     icon?: ComponentProps<typeof Icon>['icon'];
-    error?: ReactNode | Function;
+    error?: ReactNode | ((value: PureInputProps['value']) => ReactNode);
     suppressErrorMessage?: boolean;
@@ -29,8 +24,15 @@ className?: string;
 }
-export declare const Input: React.ForwardRefExoticComponent<Pick<Pick<Props & React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement> & Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "color" | "height" | "translate" | "width" | "form" | "slot" | "style" | "title" | "pattern" | "children" | "className" | "id" | "lang" | "max" | "min" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "src" | "size" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required">, "color" | "height" | "translate" | "width" | "form" | "slot" | "style" | "title" | "pattern" | "children" | "className" | "id" | "lang" | "max" | "min" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "src" | "size" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required"> & {
+export declare const PureInput: React.ForwardRefExoticComponent<Pick<PureInputProps & {
     theme?: import("@storybook/theming").Theme;
-} & {
+    as?: React.ElementType<any>;
+} & React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement> & {
     children?: React.ReactNode;
-}, "appearance" | "color" | "height" | "translate" | "width" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "children" | "key" | "className" | "id" | "lang" | "max" | "min" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "orientation" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "icon" | "theme" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "src" | "size" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "error" | "errorTooltipPlacement" | "stackLevel" | "hideLabel" | "suppressErrorMessage" | "lastErrorValue" | "startingType" | "onActionClick" | "startFocused" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required"> & React.RefAttributes<HTMLInputElement>, "appearance" | "color" | "height" | "translate" | "width" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "children" | "key" | "className" | "id" | "lang" | "max" | "min" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "orientation" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "icon" | "theme" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "src" | "size" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "error" | "errorTooltipPlacement" | "stackLevel" | "hideLabel" | "suppressErrorMessage" | "lastErrorValue" | "startingType" | "onActionClick" | "startFocused" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "enterKeyHint" | "maxLength" | "minLength" | "multiple" | "readOnly" | "required"> & React.RefAttributes<HTMLInputElement>>;
+}, "appearance" | "color" | "height" | "translate" | "width" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "children" | "icon" | "key" | "type" | "src" | "size" | "theme" | "as" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "alt" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "step" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "multiple" | "maxLength" | "minLength" | "name" | "error" | "errorTooltipPlacement" | "stackLevel" | "hideLabel" | "orientation" | "suppressErrorMessage" | "lastErrorValue" | "startingType" | "onActionClick" | "startFocused" | "crossOrigin" | "enterKeyHint" | "max" | "min" | "readOnly" | "required"> & React.RefAttributes<HTMLInputElement>>;
+export declare const Input: React.ForwardRefExoticComponent<Pick<Pick<PureInputProps & {
+    theme?: import("@storybook/theming").Theme;
+    as?: React.ElementType<any>;
+} & React.ClassAttributes<HTMLInputElement> & React.InputHTMLAttributes<HTMLInputElement> & {
+    children?: React.ReactNode;
+}, "appearance" | "color" | "height" | "translate" | "width" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "children" | "icon" | "key" | "type" | "src" | "size" | "theme" | "as" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "alt" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "step" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "multiple" | "maxLength" | "minLength" | "name" | "error" | "errorTooltipPlacement" | "stackLevel" | "hideLabel" | "orientation" | "suppressErrorMessage" | "lastErrorValue" | "startingType" | "onActionClick" | "startFocused" | "crossOrigin" | "enterKeyHint" | "max" | "min" | "readOnly" | "required"> & React.RefAttributes<HTMLInputElement>, "appearance" | "color" | "height" | "translate" | "width" | "form" | "label" | "slot" | "style" | "title" | "pattern" | "children" | "icon" | "key" | "type" | "src" | "size" | "theme" | "as" | "list" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "alt" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "step" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "multiple" | "maxLength" | "minLength" | "name" | "error" | "errorTooltipPlacement" | "stackLevel" | "hideLabel" | "orientation" | "suppressErrorMessage" | "lastErrorValue" | "startingType" | "onActionClick" | "startFocused" | "crossOrigin" | "enterKeyHint" | "max" | "min" | "readOnly" | "required"> & React.RefAttributes<HTMLInputElement>>;
 export {};
 //# sourceMappingURL=Input.d.ts.map

dist/components/Input.js

@@ -44,3 +44,3 @@ "use strict";
 // prettier-ignore
-var Label = (0, _theming.styled)("label", process.env.NODE_ENV === "production" ? {
+var Label = /*#__PURE__*/(0, _theming.styled)("label", process.env.NODE_ENV === "production" ? {
   target: "e1ye6cr77"
@@ -69,3 +69,3 @@ } : {
 
-var LabelWrapper = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var LabelWrapper = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e1ye6cr76"
@@ -79,3 +79,3 @@ } : {
 
-var InputEl = (0, _theming.styled)("input", process.env.NODE_ENV === "production" ? {
+var InputEl = /*#__PURE__*/(0, _theming.styled)("input", process.env.NODE_ENV === "production" ? {
   target: "e1ye6cr75"
@@ -125,3 +125,3 @@ } : {
 
-var InputWrapper = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var InputWrapper = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e1ye6cr74"
@@ -145,3 +145,3 @@ } : {
 
-var InputContainer = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var InputContainer = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e1ye6cr73"
@@ -154,3 +154,3 @@ } : {
 }, ";");
-var ErrorTooltip = ( /*#__PURE__*/0, _theming.styled)(_WithTooltip["default"], process.env.NODE_ENV === "production" ? {
+var ErrorTooltip = /*#__PURE__*/(0, _theming.styled)(_WithTooltip["default"], process.env.NODE_ENV === "production" ? {
   target: "e1ye6cr72"
@@ -168,3 +168,3 @@ } : {
 });
-var ErrorTooltipMessage = ( /*#__PURE__*/0, _theming.styled)(_TooltipMessage.TooltipMessage, process.env.NODE_ENV === "production" ? {
+var ErrorTooltipMessage = /*#__PURE__*/(0, _theming.styled)(_TooltipMessage.TooltipMessage, process.env.NODE_ENV === "production" ? {
   target: "e1ye6cr71"
@@ -182,3 +182,3 @@ } : {
 });
-var Action = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var Action = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e1ye6cr70"
@@ -210,5 +210,4 @@ } : {
   return errorMessage;
-}; // FC<Props & ComponentProps<typeof InputEl>>
+};
 
-
 var PureInput = /*#__PURE__*/(0, _react.forwardRef)(function (_ref5, ref) {
@@ -303,3 +302,4 @@ var id = _ref5.id,
       desc: errorMessage
-    })
+    }),
+    role: "none"
   }, inputEl), startingType === 'password' && /*#__PURE__*/_react["default"].createElement(Action, null, /*#__PURE__*/_react["default"].createElement(_Link.Link, {
@@ -313,2 +313,3 @@ isButton: true,
 exports.PureInput = PureInput;
+PureInput.displayName = 'PureInput';
 var Input = /*#__PURE__*/(0, _react.forwardRef)(function (_ref6, ref) {
@@ -345,3 +346,3 @@ var startingType = _ref6.type,
     }
-  }, [inputRef, didFocusOnStart]);
+  }, [inputRef, startFocused, didFocusOnStart]);
   return /*#__PURE__*/_react["default"].createElement(PureInput, (0, _extends2["default"])({
@@ -354,2 +355,3 @@ ref: inputRef,
 });
-exports.Input = Input;
+exports.Input = Input;
+Input.displayName = 'Input';

dist/components/Link.d.ts

 import React from 'react';
-interface StyledLinkProps {
+export interface StyledLinkProps {
     containsIcon?: boolean;
@@ -9,7 +9,10 @@ secondary?: boolean;
 }
-declare const StyledLink: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, StyledLinkProps, import("@storybook/theming").Theme>;
+declare const StyledLink: import("@storybook/theming").StyledComponent<{
+    theme?: import("@storybook/theming").Theme;
+    as?: React.ElementType<any>;
+} & StyledLinkProps, React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
 /**
  * Links can contains text and/or icons. Be careful using only icons, you must provide a text alternative via aria-label for accessibility.
  */
-export declare type LinkProps = React.ComponentProps<typeof StyledLink> & {
+export type LinkProps = React.ComponentProps<typeof StyledLink> & {
     withArrow?: boolean;
@@ -19,4 +22,13 @@ isButton?: boolean;
 };
-export declare const Link: React.ForwardRefExoticComponent<Pick<LinkProps, "color" | "translate" | "slot" | "style" | "title" | "children" | "key" | "className" | "id" | "lang" | "media" | "target" | "type" | "role" | "tabIndex" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "download" | "theme" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "secondary" | "tertiary" | "inverse" | "containsIcon" | "hrefLang" | "ping" | "rel" | "referrerPolicy" | "withArrow" | "nochrome" | "isButton" | "LinkWrapper"> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
+export declare const Link: React.ForwardRefExoticComponent<Pick<{
+    theme?: import("@storybook/theming").Theme;
+    as?: React.ElementType<any>;
+} & StyledLinkProps & React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement> & {
+    children?: React.ReactNode;
+} & {
+    withArrow?: boolean;
+    isButton?: boolean;
+    LinkWrapper?: React.ComponentType<any>;
+}, "key" | "theme" | "as" | keyof React.AnchorHTMLAttributes<HTMLAnchorElement> | "isButton" | "LinkWrapper" | "withArrow" | keyof StyledLinkProps> & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export {};
 //# sourceMappingURL=Link.d.ts.map

dist/components/Link.js

@@ -44,3 +44,3 @@ "use strict";
 
-var LinkInner = (0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
+var LinkInner = /*#__PURE__*/(0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
   target: "e1ja7avb3"
@@ -72,3 +72,3 @@ } : {
 
-var StyledLink = (0, _theming.styled)("a", process.env.NODE_ENV === "production" ? {
+var StyledLink = /*#__PURE__*/(0, _theming.styled)("a", process.env.NODE_ENV === "production" ? {
   target: "e1ja7avb2"
@@ -89,3 +89,3 @@ } : {
 }, ";");
-var UnstyledLink = (0, _theming.styled)("a", process.env.NODE_ENV === "production" ? {
+var UnstyledLink = /*#__PURE__*/(0, _theming.styled)("a", process.env.NODE_ENV === "production" ? {
   target: "e1ja7avb1"
@@ -96,3 +96,3 @@ } : {
 })();
-var LinkButton = (0, _theming.styled)("button", process.env.NODE_ENV === "production" ? {
+var LinkButton = /*#__PURE__*/(0, _theming.styled)("button", process.env.NODE_ENV === "production" ? {
   target: "e1ja7avb0"
@@ -158,4 +158,3 @@ } : {
 
-  return /*#__PURE__*/_react["default"].createElement(StyledLink // @ts-expect-error Emotion 10 doesn't include `as` in its types
-  , (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(StyledLink, (0, _extends2["default"])({
     as: LinkComponentPicker,
@@ -162,0 +161,0 @@ ref: ref

dist/components/LinkTabs.d.ts

@@ -1,17 +0,22 @@
-import React, { ComponentProps, FC } from 'react';
-declare const Wrapper: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "color" | "translate" | "slot" | "style" | "title" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">, import("@storybook/theming").Theme>;
-declare const Tab: import("@storybook/theming").StyledComponent<Pick<import("./Link").LinkProps, "color" | "translate" | "slot" | "style" | "title" | "children" | "key" | "className" | "id" | "lang" | "media" | "target" | "type" | "role" | "tabIndex" | "href" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "download" | "theme" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "secondary" | "tertiary" | "inverse" | "containsIcon" | "hrefLang" | "ping" | "rel" | "referrerPolicy" | "withArrow" | "nochrome" | "isButton" | "LinkWrapper"> & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>, {
+import React, { ComponentProps } from 'react';
+import type { StyledComponent } from '@storybook/theming';
+declare const Wrapper: StyledComponent<{
+    theme?: import("@storybook/theming").Theme;
+    as?: React.ElementType<any>;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+interface TabProps {
     isLoading?: boolean;
     isActive?: boolean;
-}, import("@storybook/theming").Theme>;
-declare type ItemProps = {
+}
+declare const Tab: StyledComponent<TabProps>;
+type ItemProps = {
     key: string;
     label: string;
 } & ComponentProps<typeof Tab>;
-interface Props {
+interface LinkTabsProps {
     isLoading?: boolean;
     items: ItemProps[];
 }
-export declare const LinkTabs: FC<Props & ComponentProps<typeof Wrapper>>;
+export declare const LinkTabs: ({ isLoading, items, ...props }: LinkTabsProps & ComponentProps<typeof Wrapper>) => JSX.Element;
 export {};
 //# sourceMappingURL=LinkTabs.d.ts.map

dist/components/LinkTabs.js

@@ -29,3 +29,3 @@ "use strict";
 
-var Wrapper = (0, _theming.styled)("ul", process.env.NODE_ENV === "production" ? {
+var Wrapper = /*#__PURE__*/(0, _theming.styled)("ul", process.env.NODE_ENV === "production" ? {
   target: "e1r2r91m1"
@@ -43,3 +43,3 @@ } : {
 });
-var Tab = ( /*#__PURE__*/0, _theming.styled)(_Link.Link, process.env.NODE_ENV === "production" ? {
+var Tab = /*#__PURE__*/(0, _theming.styled)(_Link.Link, process.env.NODE_ENV === "production" ? {
   target: "e1r2r91m0"
@@ -46,0 +46,0 @@ } : {

dist/components/modal/Modal.d.ts

@@ -1,5 +0,4 @@
-import { ComponentProps, FC, ReactNode, CSSProperties } from 'react';
+import { ComponentProps, ReactNode, CSSProperties } from 'react';
 import ReactModal from 'react-modal';
-export declare const Modal: FC<Props>;
-interface Props {
+interface ModalProps {
     isOpen: boolean;
@@ -9,3 +8,3 @@ isBlank?: boolean;
     children: (obj: {
-        onClose: Props['onClose'];
+        onClose: ModalProps['onClose'];
     }) => ReactNode;
@@ -15,3 +14,4 @@ overlayStyles?: CSSProperties;
 }
+export declare const Modal: ({ isBlank, isOpen, onClose, children, overlayStyles, contentStyles, }: ModalProps) => JSX.Element;
 export {};
 //# sourceMappingURL=Modal.d.ts.map

dist/components/modal/Modal.js

@@ -36,3 +36,3 @@ "use strict";
 
-var Action = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var Action = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e1pi15s62"
@@ -43,3 +43,3 @@ } : {
 })("position:absolute;z-index:2;bottom:10vh;left:50%;transform:translateX(-50%);@media (min-width: ", _styles.breakpoint, "px){right:30px;top:30px;bottom:auto;left:auto;transform:none;}");
-var CenteredItem = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var CenteredItem = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e1pi15s61"
@@ -50,3 +50,3 @@ } : {
 })(_styles.pageMargins, ";width:100%;margin-top:auto!important;margin-bottom:auto!important;padding-top:3rem;padding-bottom:3rem;");
-var CenteredWrapper = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var CenteredWrapper = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e1pi15s60"
@@ -53,0 +53,0 @@ } : {

dist/components/modal/WithModal.d.ts

 import { ComponentProps, ReactNode } from 'react';
 import { Modal } from './Modal';
 declare const PureWithModal: ({ isOpen, onOpen, onClose, modal, children, ...rest }: Props & Omit<ComponentProps<typeof Modal>, 'children'>) => JSX.Element;
-declare type AnyFn = (...args: any[]) => void;
+type AnyFn = (...args: any[]) => void;
 interface Props {
@@ -6,0 +6,0 @@ isOpen: boolean;

dist/components/OutlineCTA.js

@@ -22,3 +22,3 @@ "use strict";
 
-var OutlineCTAWrapper = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var OutlineCTAWrapper = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "ei2f23u2"
@@ -29,3 +29,3 @@ } : {
 })("border-radius:", _styles.spacing.borderRadius.small, "px;box-shadow:", _styles.color.border, " 0 0 0 1px inset;padding:", _styles.spacing.padding.small, "px ", _styles.spacing.padding.small, "px;font-size:", _styles.typography.size.s2, "px;line-height:20px;@media (min-width: ", _styles.breakpoint, "px){flex-wrap:nowrap;justify-content:flex-start;padding:", _styles.spacing.padding.small, "px ", _styles.spacing.padding.medium, "px;}");
-var MessageText = (0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
+var MessageText = /*#__PURE__*/(0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
   target: "ei2f23u1"
@@ -43,3 +43,3 @@ } : {
 });
-var ActionWrapper = (0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
+var ActionWrapper = /*#__PURE__*/(0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
   target: "ei2f23u0"
@@ -46,0 +46,0 @@ } : {

dist/components/ProgressDots.d.ts

 import React, { ComponentProps, FunctionComponent } from 'react';
-declare const ProgressWrapper: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    size: 'small' | 'large';
-}, import("@storybook/theming").Theme>;
-interface Props {
-    isLoading: boolean;
-    steps: number;
-    progress: number;
-    size: 'small' | 'large';
+declare const ProgressWrapper: import("@storybook/theming").StyledComponent<{
+    theme?: import("@storybook/theming").Theme;
+    as?: React.ElementType<any>;
+} & {
+    size?: 'small' | 'large';
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface ProgressDotsProps {
+    isLoading?: boolean;
+    steps?: number;
+    progress?: number;
+    size?: 'small' | 'large';
 }
-export declare const ProgressDots: FunctionComponent<Props & ComponentProps<typeof ProgressWrapper>>;
+export declare const ProgressDots: FunctionComponent<ProgressDotsProps & ComponentProps<typeof ProgressWrapper>>;
 export {};
 //# sourceMappingURL=ProgressDots.d.ts.map

dist/components/ProgressDots.js

@@ -23,3 +23,3 @@ "use strict";
 var _excluded = ["isLoading", "steps", "progress", "size"];
-var ProgressWrapper = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var ProgressWrapper = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e1aitjok1"
@@ -32,3 +32,3 @@ } : {
 }, "px;");
-var Dot = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var Dot = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e1aitjok0"
@@ -35,0 +35,0 @@ } : {

dist/components/Radio.d.ts

 import React, { ComponentProps, FunctionComponent, ReactNode } from 'react';
-declare const Input: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+declare const Input: import("@storybook/theming").StyledComponent<{
+    theme?: import("@storybook/theming").Theme;
+    as?: React.ElementType<any>;
+} & {
     radioColor: string;
-}, import("@storybook/theming").Theme>;
+}, React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
 export declare const Radio: FunctionComponent<Props & ComponentProps<typeof Input>>;
@@ -6,0 +9,0 @@ interface Props {

dist/components/Radio.js

@@ -26,3 +26,3 @@ "use strict";
 
-var Label = (0, _theming.styled)("label", process.env.NODE_ENV === "production" ? {
+var Label = /*#__PURE__*/(0, _theming.styled)("label", process.env.NODE_ENV === "production" ? {
   target: "evn1gft6"
@@ -43,3 +43,3 @@ } : {
 
-var OptionalText = (0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
+var OptionalText = /*#__PURE__*/(0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
   target: "evn1gft5"
@@ -52,3 +52,3 @@ } : {
 }, ";");
-var Error = (0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
+var Error = /*#__PURE__*/(0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
   target: "evn1gft4"
@@ -59,3 +59,3 @@ } : {
 })("font-weight:", _styles.typography.weight.regular, ";font-size:", _styles.typography.size.s2, "px;color:", _styles.color.negative, ";margin-left:6px;height:1em;display:flex;align-items:center;");
-var LabelText = (0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
+var LabelText = /*#__PURE__*/(0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
   target: "evn1gft3"
@@ -66,3 +66,3 @@ } : {
 })();
-var Description = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var Description = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "evn1gft2"
@@ -73,3 +73,3 @@ } : {
 })("font-size:", _styles.typography.size.s1, "px;font-weight:", _styles.typography.weight.regular, ";color:", _styles.color.mediumdark, ";margin-top:4px;margin-left:calc(", _styles.typography.size.s2, "px + 0.4em);width:100%;");
-var Input = (0, _theming.styled)("input", process.env.NODE_ENV === "production" ? {
+var Input = /*#__PURE__*/(0, _theming.styled)("input", process.env.NODE_ENV === "production" ? {
   target: "evn1gft1"
@@ -90,3 +90,3 @@ } : {
 }, ";opacity:1;}");
-var RadioWrapper = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var RadioWrapper = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "evn1gft0"
@@ -93,0 +93,0 @@ } : {

dist/components/Select.d.ts

@@ -7,3 +7,6 @@ import React, { ComponentProps, FunctionComponent, ReactNode } from 'react';
 }
-declare const Selector: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, SelectProps, import("@storybook/theming").Theme>;
+declare const Selector: import("@storybook/theming").StyledComponent<{
+    theme?: import("@storybook/theming").Theme;
+    as?: React.ElementType<any>;
+} & SelectProps, React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>, {}>;
 interface OptionProps {
@@ -10,0 +13,0 @@ label: string;

dist/components/Select.js

@@ -39,3 +39,3 @@ "use strict";
 
-var SelectContainer = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var SelectContainer = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e12i1xrq9"
@@ -48,3 +48,3 @@ } : {
 }, ";");
-var Label = (0, _theming.styled)("label", process.env.NODE_ENV === "production" ? {
+var Label = /*#__PURE__*/(0, _theming.styled)("label", process.env.NODE_ENV === "production" ? {
   target: "e12i1xrq8"
@@ -65,3 +65,3 @@ } : {
 
-var LabelWrapper = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var LabelWrapper = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e12i1xrq7"
@@ -93,3 +93,3 @@ } : {
 
-var Selector = (0, _theming.styled)("select", process.env.NODE_ENV === "production" ? {
+var Selector = /*#__PURE__*/(0, _theming.styled)("select", process.env.NODE_ENV === "production" ? {
   target: "e12i1xrq6"
@@ -104,3 +104,3 @@ } : {
 }, ";");
-var OptionWrapper = (0, _theming.styled)("option", process.env.NODE_ENV === "production" ? {
+var OptionWrapper = /*#__PURE__*/(0, _theming.styled)("option", process.env.NODE_ENV === "production" ? {
   target: "e12i1xrq5"
@@ -111,3 +111,3 @@ } : {
 })();
-var Arrow = ( /*#__PURE__*/0, _theming.styled)(function (props) {
+var Arrow = /*#__PURE__*/(0, _theming.styled)(function (props) {
   return /*#__PURE__*/_react["default"].createElement(_Icon.Icon, (0, _extends2["default"])({}, props, {
@@ -122,3 +122,3 @@ icon: "arrowdown"
 })();
-var SelectIcon = ( /*#__PURE__*/0, _theming.styled)(_Icon.Icon, process.env.NODE_ENV === "production" ? {
+var SelectIcon = /*#__PURE__*/(0, _theming.styled)(_Icon.Icon, process.env.NODE_ENV === "production" ? {
   target: "e12i1xrq3"
@@ -129,3 +129,3 @@ } : {
 })();
-var SelectSpinner = ( /*#__PURE__*/0, _theming.styled)(_Spinner.Spinner, process.env.NODE_ENV === "production" ? {
+var SelectSpinner = /*#__PURE__*/(0, _theming.styled)(_Spinner.Spinner, process.env.NODE_ENV === "production" ? {
   target: "e12i1xrq2"
@@ -143,3 +143,3 @@ } : {
 });
-var SelectError = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var SelectError = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e12i1xrq1"
@@ -188,3 +188,3 @@ } : {
 
-var SelectWrapper = (0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
+var SelectWrapper = /*#__PURE__*/(0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
   target: "e12i1xrq0"
@@ -191,0 +191,0 @@ } : {

dist/components/ShadowBoxCTA.d.ts

@@ -1,12 +0,11 @@
-import React, { ComponentProps, FC, ReactNode } from 'react';
-declare const ShadowBoxCTAWrapper: import("@storybook/theming").StyledComponent<Pick<React.PropsWithChildren<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "translate" | "slot" | "style" | "title" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">, "color" | "translate" | "slot" | "style" | "title" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is"> & {
+import React, { ComponentProps, ReactNode } from 'react';
+declare const ShadowBoxCTAWrapper: import("@storybook/theming").StyledComponent<{
     theme?: import("@storybook/theming").Theme;
-}>, "color" | "translate" | "slot" | "style" | "title" | "children" | "key" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "theme" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is"> & {
-    ref?: ((instance: HTMLDivElement) => void) | React.RefObject<HTMLDivElement>;
-}, Pick<Pick<React.PropsWithChildren<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "translate" | "slot" | "style" | "title" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">, "color" | "translate" | "slot" | "style" | "title" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is"> & {
+    as?: React.ElementType<any>;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    children?: React.ReactNode;
+} & {
     theme?: import("@storybook/theming").Theme;
-}>, "color" | "translate" | "slot" | "style" | "title" | "children" | "key" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "theme" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is"> & {
-    ref?: ((instance: HTMLDivElement) => void) | React.RefObject<HTMLDivElement>;
-}, "color" | "translate" | "slot" | "style" | "title" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "theme" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">, import("@storybook/theming").Theme>;
-interface Props {
+}, {}, {}>;
+interface ShadowBoxCTAProps {
     headingText: ReactNode;
@@ -16,4 +15,4 @@ messageText?: ReactNode;
 }
-export declare const ShadowBoxCTA: FC<Props & ComponentProps<typeof ShadowBoxCTAWrapper>>;
+export declare const ShadowBoxCTA: ({ action, headingText, messageText, ...rest }: ShadowBoxCTAProps & ComponentProps<typeof ShadowBoxCTAWrapper>) => JSX.Element;
 export {};
 //# sourceMappingURL=ShadowBoxCTA.d.ts.map

dist/components/ShadowBoxCTA.js

@@ -19,3 +19,3 @@ "use strict";
 var _excluded = ["action", "headingText", "messageText"];
-var ShadowBox = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var ShadowBox = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "eaeuy365"
@@ -26,3 +26,3 @@ } : {
 })("background:#ffffff;box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.1),0 5px 15px 0 rgba(0, 0, 0, 0.05);border-radius:", _styles.spacing.borderRadius.small, "px;");
-var ShadowBoxCTAWrapper = ( /*#__PURE__*/0, _theming.styled)(ShadowBox, process.env.NODE_ENV === "production" ? {
+var ShadowBoxCTAWrapper = /*#__PURE__*/(0, _theming.styled)(ShadowBox, process.env.NODE_ENV === "production" ? {
   target: "eaeuy364"
@@ -33,3 +33,3 @@ } : {
 })("padding:", _styles.spacing.padding.large, "px;display:flex;flex-wrap:wrap;align-items:center;text-align:center;@media (min-width: ", _styles.breakpoint, "px){text-align:left;}");
-var TextWrapper = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var TextWrapper = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "eaeuy363"
@@ -40,3 +40,3 @@ } : {
 })("line-height:20px;flex:0 1 100%;@media (min-width: ", _styles.breakpoint, "px){flex:1;}");
-var HeadingText = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var HeadingText = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "eaeuy362"
@@ -46,4 +46,4 @@ } : {
   label: "HeadingText"
-})("font-size:", _styles.typography.size.s3, "px;font-weight:", _styles.typography.weight.black, ";");
-var MessageText = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+})("font-size:", _styles.typography.size.s3, "px;font-weight:", _styles.typography.weight.bold, ";");
+var MessageText = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "eaeuy361"
@@ -54,3 +54,3 @@ } : {
 })("font-size:", _styles.typography.size.s2, "px;margin-top:4px;");
-var Action = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var Action = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "eaeuy360"
@@ -57,0 +57,0 @@ } : {

dist/components/shared/animation.d.ts

 export declare const easing: {
     rubber: string;
 };
-export declare const rotate360: import("@storybook/theming").Keyframes;
-export declare const glow: import("@storybook/theming").Keyframes;
-export declare const float: import("@storybook/theming").Keyframes;
-export declare const jiggle: import("@storybook/theming").Keyframes;
-export declare const shake: import("@storybook/theming").Keyframes;
-export declare const inlineGlow: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
+export declare const rotate360: import("@storybook/theming/dist/create-4436cfc3").K;
+export declare const glow: import("@storybook/theming/dist/create-4436cfc3").K;
+export declare const float: import("@storybook/theming/dist/create-4436cfc3").K;
+export declare const jiggle: import("@storybook/theming/dist/create-4436cfc3").K;
+export declare const shake: import("@storybook/theming/dist/create-4436cfc3").K;
+export declare const inlineGlow: import("@storybook/theming/dist/create-4436cfc3").S;
 //# sourceMappingURL=animation.d.ts.map

dist/components/shared/animation.js

@@ -34,3 +34,3 @@ "use strict";
 exports.shake = shake;
-var inlineGlow = /*#__PURE__*/(0, _theming.css)("animation:", glow, " 1.5s ease-in-out infinite;background:", _styles.color.mediumlight, ";color:transparent;cursor:progress;" + (process.env.NODE_ENV === "production" ? "" : ";label:inlineGlow;"));
+var inlineGlow = /*#__PURE__*/(0, _theming.css)("animation:", glow, " 1.5s ease-in-out infinite;background:", _styles.color.tr5, ";color:transparent;cursor:progress;" + (process.env.NODE_ENV === "production" ? "" : ";label:inlineGlow;"));
 exports.inlineGlow = inlineGlow;

dist/components/shared/global.d.ts

@@ -1,4 +0,4 @@
-export declare const bodyStyles: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
-export declare const fontUrl = "https://fonts.googleapis.com/css?family=Nunito+Sans:400,700,800,900&display=swap";
+export declare const bodyStyles: import("@storybook/theming/dist/create-4436cfc3").S;
+export declare const fontUrl = "https://fonts.googleapis.com/css?family=Nunito+Sans:400,700,800&display=swap";
 export declare const GlobalStyle: () => JSX.Element;
 //# sourceMappingURL=global.d.ts.map

dist/components/shared/global.js

@@ -20,3 +20,3 @@ "use strict";
 exports.bodyStyles = bodyStyles;
-var fontUrl = 'https://fonts.googleapis.com/css?family=Nunito+Sans:400,700,800,900&display=swap';
+var fontUrl = 'https://fonts.googleapis.com/css?family=Nunito+Sans:400,700,800&display=swap';
 exports.fontUrl = fontUrl;
@@ -23,0 +23,0 @@ var globalStyles = /*#__PURE__*/(0, _theming.css)("body{", bodyStyles, ";}:focus:not(:focus-visible){outline:none;}" + (process.env.NODE_ENV === "production" ? "" : ";label:globalStyles;"));

dist/components/shared/icons.d.ts

@@ -59,2 +59,3 @@ export declare const icons: {
     readonly bookmark: JSX.Element;
+    readonly diamond: JSX.Element;
     readonly hearthollow: JSX.Element;
@@ -156,2 +157,6 @@ readonly heart: JSX.Element;
     readonly stopalt: JSX.Element;
+    readonly sidebyside: JSX.Element;
+    readonly stacked: JSX.Element;
+    readonly sun: JSX.Element;
+    readonly moon: JSX.Element;
     readonly book: JSX.Element;
@@ -206,4 +211,5 @@ readonly document: JSX.Element;
     readonly youtube: JSX.Element;
+    readonly linkedin: JSX.Element;
     readonly vscode: JSX.Element;
 };
 //# sourceMappingURL=icons.d.ts.map

dist/components/shared/styles.d.ts

@@ -20,4 +20,4 @@ export declare const background: {
     red: string;
-    blueLighter: string;
-    blueLight: string;
+    bluelight: string;
+    bluelighter: string;
     lightest: string;
@@ -60,3 +60,2 @@ lighter: string;
         readonly extrabold: "800";
-        readonly black: "900";
     };
@@ -78,4 +77,4 @@ readonly size: {
 export declare const pageMargin = 5.55555;
-export declare const pageMargins: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
-export declare const hoverEffect: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
+export declare const pageMargins: import("@storybook/theming/dist/create-4436cfc3").S;
+export declare const hoverEffect: import("@storybook/theming/dist/create-4436cfc3").S;
 export declare const zIndex: {
@@ -85,29 +84,29 @@ tooltip: number;
 export declare const headers: {
-    hero1: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
-    hero2: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
-    h1: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
-    h2: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
-    h3: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
-    h4: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
-    h5: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
-    h6: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
+    hero1: import("@storybook/theming/dist/create-4436cfc3").S;
+    hero2: import("@storybook/theming/dist/create-4436cfc3").S;
+    h1: import("@storybook/theming/dist/create-4436cfc3").S;
+    h2: import("@storybook/theming/dist/create-4436cfc3").S;
+    h3: import("@storybook/theming/dist/create-4436cfc3").S;
+    h4: import("@storybook/theming/dist/create-4436cfc3").S;
+    h5: import("@storybook/theming/dist/create-4436cfc3").S;
+    h6: import("@storybook/theming/dist/create-4436cfc3").S;
 };
 export declare const subheading: {
-    regular: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
-    small: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
+    regular: import("@storybook/theming/dist/create-4436cfc3").S;
+    small: import("@storybook/theming/dist/create-4436cfc3").S;
 };
 export declare const text: {
-    storybookMediumBold: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
-    storybookMedium: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
-    largeBold: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
-    small: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
-    regularBold: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
-    smallBold: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
-    large: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
-    regular: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
+    storybookMediumBold: import("@storybook/theming/dist/create-4436cfc3").S;
+    storybookMedium: import("@storybook/theming/dist/create-4436cfc3").S;
+    largeBold: import("@storybook/theming/dist/create-4436cfc3").S;
+    small: import("@storybook/theming/dist/create-4436cfc3").S;
+    regularBold: import("@storybook/theming/dist/create-4436cfc3").S;
+    smallBold: import("@storybook/theming/dist/create-4436cfc3").S;
+    large: import("@storybook/theming/dist/create-4436cfc3").S;
+    regular: import("@storybook/theming/dist/create-4436cfc3").S;
 };
 export declare const code: {
-    regular: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
-    small: import("@storybook/theming/dist/ts3.9/_modules/@emotion-cache-node_modules-@emotion-utils-types-index").SerializedStyles;
+    regular: import("@storybook/theming/dist/create-4436cfc3").S;
+    small: import("@storybook/theming/dist/create-4436cfc3").S;
 };
 //# sourceMappingURL=styles.d.ts.map

dist/components/shared/styles.js

@@ -26,5 +26,5 @@ "use strict";
   // Coral
-  secondary: '#1EA7FD',
+  secondary: '#029CFD',
   // Ocean
-  tertiary: '#DDDDDD',
+  tertiary: '#E3E6E8',
   // Light grey
@@ -39,19 +39,18 @@ orange: '#FC521F',
   // Calm
-  blueLighter: '#E3F3FF',
+  bluelight: '#E3F3FF',
   // rgba($color.blue, 12%)
-  blueLight: '#F3FAFF',
-  // rgba($color.blue, 6%)
+  bluelighter: '#F5FBFF',
   // Monochrome
   lightest: '#FFFFFF',
-  lighter: '#F8F8F8',
-  light: '#F3F3F3',
-  mediumlight: '#EEEEEE',
-  medium: '#DDDDDD',
-  mediumdark: '#999999',
-  dark: '#666666',
-  darker: '#444444',
-  darkest: '#333333',
+  lighter: '#F7FAFC',
+  light: '#EEF3F6',
+  mediumlight: '#ECF4F9',
+  medium: '#D9E8F2',
+  mediumdark: '#73828C',
+  dark: '#5C6870',
+  darker: '#454E54',
+  darkest: '#2E3438',
   tr10: 'rgba(0, 0, 0, 0.1)',
   tr5: 'rgba(0, 0, 0, 0.05)',
-  border: 'rgba(0,0,0,.1)',
+  border: 'hsla(203, 50%, 30%, 0.15)',
   // Status
@@ -88,4 +87,3 @@ positive: '#448028',
     bold: '700',
-    extrabold: '800',
-    black: '900'
+    extrabold: '800'
   },
@@ -92,0 +90,0 @@ size: {

dist/components/Spinner.d.ts

@@ -10,5 +10,8 @@ import React, { ComponentProps, FunctionComponent } from 'react';
 }
-declare const SpinnerWrapper: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Props, import("@storybook/theming").Theme>;
+declare const SpinnerWrapper: import("@storybook/theming").StyledComponent<{
+    theme?: import("@storybook/theming").Theme;
+    as?: React.ElementType<any>;
+} & Props, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const Spinner: FunctionComponent<Props & ComponentProps<typeof SpinnerWrapper>>;
 export {};
 //# sourceMappingURL=Spinner.d.ts.map

dist/components/Spinner.js

@@ -31,3 +31,3 @@ "use strict";
 
-var SpinnerWrapper = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var SpinnerWrapper = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e1lbuirv0"
@@ -34,0 +34,0 @@ } : {

dist/components/StoryLinkWrapper.d.ts

@@ -1,7 +0,7 @@
-import { ComponentProps, FC } from 'react';
-export declare const StoryLinkWrapper: FC<Props & ComponentProps<'a'>>;
-interface Props {
+import { ComponentProps } from 'react';
+interface StoryLinkWrapperProps {
     to: string;
 }
+export declare const StoryLinkWrapper: ({ children, href, onClick, to, ...rest }: StoryLinkWrapperProps & ComponentProps<'a'>) => JSX.Element;
 export {};
 //# sourceMappingURL=StoryLinkWrapper.d.ts.map

dist/components/StoryLinkWrapper.js

@@ -14,7 +14,8 @@ "use strict";
 
+var _addonActions = require("@storybook/addon-actions");
+
 var _react = _interopRequireDefault(require("react"));
 
-var _addonActions = require("@storybook/addon-actions");
-
 var _excluded = ["children", "href", "onClick", "to"];
+// This is allows us to test whether the link works via the actions addon
 var fireClickAction = (0, _addonActions.action)('onLinkClick');
@@ -36,2 +37,3 @@
   return /*#__PURE__*/_react["default"].createElement("a", (0, _extends2["default"])({
+    "data-storyLinkWrapper": "true",
     href: href || to,
@@ -38,0 +40,0 @@ onClick: modifiedOnClick

dist/components/Subheading.js

@@ -21,3 +21,3 @@ "use strict";
 var _excluded = ["muted"];
-var StyledSubheading = ( /*#__PURE__*/0, _theming.styled)('span', process.env.NODE_ENV === "production" ? {
+var StyledSubheading = /*#__PURE__*/(0, _theming.styled)('span', process.env.NODE_ENV === "production" ? {
   shouldForwardProp: function shouldForwardProp(prop) {
@@ -33,3 +33,3 @@ return !['muted'].includes(prop);
   label: "StyledSubheading"
-})("font-size:", _styles.typography.size.s2 - 1, "px;font-weight:", _styles.typography.weight.black, ";letter-spacing:0.35em;text-transform:uppercase;", function (props) {
+})("font-size:", _styles.typography.size.s2 - 1, "px;font-weight:", _styles.typography.weight.extrabold, ";letter-spacing:0.35em;text-transform:uppercase;", function (props) {
   return props.muted && "\n    color: ".concat(_styles.color.dark, ";\n    display: block;\n    line-height: ").concat(_styles.typography.size.m1, "px;\n    margin-bottom: 12px;\n  ");
@@ -36,0 +36,0 @@ }, ";");

dist/components/table-of-contents/BulletLink.js

@@ -24,3 +24,3 @@ "use strict";
     _excluded2 = ["currentPath", "item"];
-var StyledBulletLink = ( /*#__PURE__*/0, _theming.styled)(function (_ref) {
+var StyledBulletLink = /*#__PURE__*/(0, _theming.styled)(function (_ref) {
   var isActive = _ref.isActive,
@@ -37,3 +37,3 @@ rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
 }, " &::after{position:absolute;top:0px;right:auto;bottom:0px;left:3px;width:auto;height:auto;border-left:1px solid ", _styles.color.mediumlight, ";content:'';z-index:-1;}");
-var BulletLinkWrapper = (0, _theming.styled)("li", process.env.NODE_ENV === "production" ? {
+var BulletLinkWrapper = /*#__PURE__*/(0, _theming.styled)("li", process.env.NODE_ENV === "production" ? {
   target: "e7ao0vl1"
@@ -44,3 +44,3 @@ } : {
 })("&&{padding-top:0;list-style-type:none;}&:first-of-type ", StyledBulletLink, "{margin-top:-6px;&::after{height:50%;top:50%;}}&:last-of-type ", StyledBulletLink, "{margin-bottom:-6px;&::after{height:50%;bottom:50%;}}");
-var Bullet = (0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
+var Bullet = /*#__PURE__*/(0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
   target: "e7ao0vl0"
@@ -47,0 +47,0 @@ } : {

dist/components/table-of-contents/ItemLink.js

@@ -16,3 +16,3 @@ "use strict";
 
-var ItemLinkWrapper = (0, _theming.styled)("li", process.env.NODE_ENV === "production" ? {
+var ItemLinkWrapper = /*#__PURE__*/(0, _theming.styled)("li", process.env.NODE_ENV === "production" ? {
   target: "evt4yg70"
@@ -19,0 +19,0 @@ } : {

dist/components/table-of-contents/MenuLink.d.ts

 import React from 'react';
+import type { StyledComponent } from '@storybook/theming';
 import { Link } from '../Link';
-declare type MenuLinkProps = React.ComponentProps<typeof Link> & {
+type MenuLinkProps = React.ComponentProps<typeof Link> & {
     isActive?: boolean;
 };
-export declare const MenuLink: import("@storybook/theming").StyledComponent<any, MenuLinkProps, import("@storybook/theming").Theme>;
+export declare const MenuLink: StyledComponent<MenuLinkProps>;
 export {};
 //# sourceMappingURL=MenuLink.d.ts.map

dist/components/table-of-contents/MenuLink.js

@@ -23,3 +23,3 @@ "use strict";
 var _excluded = ["isActive"];
-var MenuLink = ( /*#__PURE__*/0, _theming.styled)(function (_ref) {
+var MenuLink = /*#__PURE__*/(0, _theming.styled)(function (_ref) {
   var isActive = _ref.isActive,
@@ -26,0 +26,0 @@ rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);

dist/components/table-of-contents/TableOfContentsItems.d.ts

@@ -1,2 +0,2 @@
-declare type SetMenuOpenStateById = (args: {
+type SetMenuOpenStateById = (args: {
     id: string;
@@ -3,0 +3,0 @@ isOpen: boolean;

dist/components/table-of-contents/TableOfContentsItems.js

@@ -74,3 +74,3 @@ "use strict";
 
-var TopLevelMenuToggle = ( /*#__PURE__*/0, _theming.styled)(_Link.Link, process.env.NODE_ENV === "production" ? {
+var TopLevelMenuToggle = /*#__PURE__*/(0, _theming.styled)(_Link.Link, process.env.NODE_ENV === "production" ? {
   target: "e1vtjrf72"
@@ -81,3 +81,3 @@ } : {
 })("font-weight:", _styles.typography.weight.bold, ";line-height:24px;word-break:break-word;text-align:left;>span{display:flex;svg{flex:none;}span{flex:1;}}");
-var ArrowIcon = ( /*#__PURE__*/0, _theming.styled)(_Icon.Icon, process.env.NODE_ENV === "production" ? {
+var ArrowIcon = /*#__PURE__*/(0, _theming.styled)(_Icon.Icon, process.env.NODE_ENV === "production" ? {
   target: "e1vtjrf71"
@@ -133,3 +133,3 @@ } : {
 };
-var List = (0, _theming.styled)("ul", process.env.NODE_ENV === "production" ? {
+var List = /*#__PURE__*/(0, _theming.styled)("ul", process.env.NODE_ENV === "production" ? {
   target: "e1vtjrf70"
@@ -160,4 +160,3 @@ } : {
     isTopLevel: isTopLevel,
-    isFlatList: isFlatList // @ts-expect-error Emotion 10 doesn't include `as` in its types
-    ,
+    isFlatList: isFlatList,
     as: isOrderedList ? 'ol' : 'ul'
@@ -164,0 +163,0 @@ }, items.map(function (item) {

dist/components/tag/TagItem.d.ts

 import React from 'react';
-export declare type TagItemProps = {
+export type TagItemProps = {
     children?: React.ReactNode;
     isLoading?: boolean;
 };
-export declare const TagItem: import("@storybook/theming").StyledComponent<any, TagItemProps, import("@storybook/theming").Theme>;
+export declare const TagItem: import("@storybook/theming").StyledComponent<TagItemProps & {
+    theme?: import("@storybook/theming").Theme;
+}, {}, {}>;
 //# sourceMappingURL=TagItem.d.ts.map

dist/components/tag/TagItem.js

@@ -29,3 +29,3 @@ "use strict";
 
-var TagItem = ( /*#__PURE__*/0, _theming.styled)(function (_ref) {
+var TagItem = /*#__PURE__*/(0, _theming.styled)(function (_ref) {
   var isLoading = _ref.isLoading,
@@ -48,3 +48,3 @@ children = _ref.children,
   label: "TagItem"
-})("background:", _styles.color.blueLight, ";border-color:transparent;border-radius:", _styles.spacing.borderRadius.small, "px;border-style:solid;border-width:1px;color:", _styles.color.darkest, ";display:inline-block;font-size:", _styles.typography.size.s2, "px;line-height:", _styles.typography.size.m1, "px;padding:6px 10px 4px 10px;position:relative;white-space:nowrap;", function (props) {
+})("background:", _styles.color.bluelighter, ";border-color:transparent;border-radius:", _styles.spacing.borderRadius.small, "px;border-style:solid;border-width:1px;color:", _styles.color.darkest, ";display:inline-block;font-size:", _styles.typography.size.s2, "px;line-height:", _styles.typography.size.m1, "px;padding:6px 10px 4px 10px;position:relative;white-space:nowrap;", function (props) {
   return props.isLoading && /*#__PURE__*/(0, _theming.css)("cursor:progress!important;", _animation.inlineGlow, ";&:hover{color:transparent;}" + (process.env.NODE_ENV === "production" ? "" : ";label:TagItem;"));
@@ -51,0 +51,0 @@ }, ";");

dist/components/tag/TagLink.d.ts

@@ -6,3 +6,5 @@ import React from 'react';
 }
-export declare const TagLink: import("@storybook/theming").StyledComponent<TagLinkProps, TagLinkProps, import("@storybook/theming").Theme>;
+export declare const TagLink: import("@storybook/theming").StyledComponent<TagLinkProps & {
+    theme?: import("@storybook/theming").Theme;
+}, {}, {}>;
 //# sourceMappingURL=TagLink.d.ts.map

dist/components/tag/TagLink.js

@@ -24,6 +24,10 @@ "use strict";
 
-var TagLink = ( /*#__PURE__*/0, _theming.styled)(function (props) {
-  return /*#__PURE__*/_react["default"].createElement(_TagItem.TagItem, (0, _extends2["default"])({}, props, {
-    as: _Link.Link
-  }), props.isLoading ? 'Loading tag' : props.children); // TODO: check if this explicit type param is needed
+var TagLink = /*#__PURE__*/(0, _theming.styled)(function (props) {
+  return (
+    /*#__PURE__*/
+    // @ts-expect-error FIXME what's wrong here?
+    _react["default"].createElement(_TagItem.TagItem, (0, _extends2["default"])({}, props, {
+      as: _Link.Link
+    }), props.isLoading ? 'Loading tag' : props.children)
+  ); // TODO: check if this explicit type param is needed
 }, process.env.NODE_ENV === "production" ? {
@@ -30,0 +34,0 @@ target: "eacevr00"

dist/components/tag/TagList.d.ts

 import React from 'react';
-export declare type TagListProps = {
+export type TagListProps = {
     tags: React.ReactNode[];
@@ -4,0 +4,0 @@ isLoading?: boolean;

dist/components/tag/TagList.js

@@ -36,3 +36,3 @@ "use strict";
 
-var TagListWrapper = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var TagListWrapper = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e1t66qkw1"
@@ -50,3 +50,3 @@ } : {
 });
-var MoreTagsButton = ( /*#__PURE__*/0, _theming.styled)(_Link.Link, process.env.NODE_ENV === "production" ? {
+var MoreTagsButton = /*#__PURE__*/(0, _theming.styled)(_Link.Link, process.env.NODE_ENV === "production" ? {
   target: "e1t66qkw0"
@@ -53,0 +53,0 @@ } : {

dist/components/Textarea.d.ts

@@ -1,4 +0,3 @@
-import React, { ComponentProps, ComponentType, FC, ReactNode } from 'react';
-declare const TextareaText: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, Pick<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "color" | "translate" | "form" | "slot" | "style" | "title" | "children" | "className" | "id" | "lang" | "name" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "autoFocus" | "disabled" | "value" | "autoComplete" | "maxLength" | "minLength" | "readOnly" | "required" | "cols" | "dirName" | "rows" | "wrap">, import("@storybook/theming").Theme>;
-interface Props {
+import React, { ComponentType, ReactNode } from 'react';
+interface TextareaProps {
     id: string;
@@ -9,2 +8,3 @@ value: string;
     hideLabel?: boolean;
+    hideError?: boolean;
     orientation?: 'vertical' | 'horizontal';
@@ -17,4 +17,9 @@ error?: ReactNode | ComponentType;
 }
-export declare const Textarea: FC<Props & ComponentProps<typeof TextareaText>>;
+export declare const Textarea: React.ForwardRefExoticComponent<Pick<TextareaProps & {
+    theme?: import("@storybook/theming").Theme;
+    as?: React.ElementType<any>;
+} & React.ClassAttributes<HTMLTextAreaElement> & React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
+    children?: React.ReactNode;
+}, "appearance" | "color" | "translate" | "form" | "label" | "slot" | "style" | "title" | "children" | "key" | "theme" | "as" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoFocus" | "disabled" | "value" | "autoComplete" | "cols" | "dirName" | "maxLength" | "minLength" | "name" | "error" | "hideLabel" | "orientation" | "startFocused" | "readOnly" | "required" | "rows" | "wrap" | "hideError" | "subtext" | "subtextSentiment"> & React.RefAttributes<HTMLTextAreaElement>>;
 export {};
 //# sourceMappingURL=Textarea.d.ts.map

dist/components/Textarea.js

@@ -24,3 +24,3 @@ "use strict";
 
-var _excluded = ["id", "value", "label", "hideLabel", "error", "subtext", "subtextSentiment", "appearance", "orientation", "className", "startFocused"];
+var _excluded = ["id", "value", "label", "hideLabel", "error", "hideError", "subtext", "subtextSentiment", "appearance", "orientation", "className", "startFocused"];
 
@@ -37,8 +37,12 @@ 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); }
 } : {
-  name: "rur865-Label",
-  styles: "border:0px!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(100%)!important;clip-path:inset(100%)!important;height:1px!important;overflow:hidden!important;padding:0px!important;position:absolute!important;white-space:nowrap!important;width:1px!important;label:Label;",
+  name: "1duagud-hidden",
+  styles: "border:0px!important;clip:rect(0 0 0 0)!important;-webkit-clip-path:inset(100%)!important;clip-path:inset(100%)!important;height:1px!important;overflow:hidden!important;padding:0px!important;position:absolute!important;white-space:nowrap!important;width:1px!important;label:hidden;",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
-var Label = (0, _theming.styled)("label", process.env.NODE_ENV === "production" ? {
+var hidden = function hidden() {
+  return _ref2;
+};
+
+var Label = /*#__PURE__*/(0, _theming.styled)("label", process.env.NODE_ENV === "production" ? {
   target: "ewpevpx6"
@@ -49,5 +53,5 @@ } : {
 })(function (props) {
-  return props.hideLabel && _ref2;
+  return props.hideLabel && hidden();
 }, ";");
-var ErrorMessage = (0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
+var ErrorMessage = /*#__PURE__*/(0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
   target: "ewpevpx5"
@@ -57,3 +61,5 @@ } : {
   label: "ErrorMessage"
-})("color:", _styles.color.negative, ";font-weight:", _styles.typography.weight.regular, ";");
+})("color:", _styles.color.negative, ";font-weight:", _styles.typography.weight.regular, ";", function (props) {
+  return props.hideError && hidden();
+}, ";");
 
@@ -69,3 +75,3 @@ var _ref = process.env.NODE_ENV === "production" ? {
 
-var LabelWrapper = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var LabelWrapper = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "ewpevpx4"
@@ -80,3 +86,3 @@ } : {
 }, ";");
-var Subtext = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var Subtext = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "ewpevpx3"
@@ -87,3 +93,3 @@ } : {
 })();
-var TextareaText = (0, _theming.styled)("textarea", process.env.NODE_ENV === "production" ? {
+var TextareaText = /*#__PURE__*/(0, _theming.styled)("textarea", process.env.NODE_ENV === "production" ? {
   target: "ewpevpx2"
@@ -94,3 +100,3 @@ } : {
 })("::placeholder{color:", _styles.color.mediumdark, ";}appearance:none;border:none;box-sizing:border-box;display:block;outline:none;width:100%;word-wrap:break-word;&[disabled]{cursor:not-allowed;opacity:0.5;}&:-webkit-autofill{-webkit-box-shadow:0 0 0 3em ", _styles.color.lightest, " inset;}");
-var TextareaWrapper = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var TextareaWrapper = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "ewpevpx1"
@@ -103,3 +109,3 @@ } : {
 }, ";");
-var TextareaContainer = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var TextareaContainer = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "ewpevpx0"
@@ -127,2 +133,4 @@ } : {
       error = _ref4$error === void 0 ? null : _ref4$error,
+      _ref4$hideError = _ref4.hideError,
+      hideError = _ref4$hideError === void 0 ? false : _ref4$hideError,
       subtext = _ref4.subtext,
@@ -147,3 +155,3 @@ subtextSentiment = _ref4.subtextSentiment,
     }
-  }, [textareaRef, textareaRef.current, didFocusOnStart, didFocusOnStart.current]);
+  }, [textareaRef, startFocused]);
 
@@ -177,2 +185,3 @@ var _useState = (0, _react.useState)(getErrorMessage({
   }, label), errorMessage && /*#__PURE__*/_react["default"].createElement(ErrorMessage, {
+    hideError: hideError,
     id: errorId,
@@ -193,2 +202,3 @@ "aria-hidden": true
 });
-exports.Textarea = Textarea;
+exports.Textarea = Textarea;
+Textarea.displayName = 'Textarea';

dist/components/tooltip/ListItem.d.ts

@@ -1,2 +0,6 @@
-import React, { ComponentProps, FC, ReactNode } from 'react';
+import React, { ComponentProps, ReactNode } from 'react';
+declare const ItemInner: import("@storybook/theming").StyledComponent<{
+    theme?: import("@storybook/theming").Theme;
+    as?: React.ElementType<any>;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 interface LinkStyleProps {
@@ -8,8 +12,7 @@ activeColor: string;
 }
-declare const buildStyledLinkWrapper: import("@emotion/weak-memoize").UnaryFn<LinkWrapperType, import("@storybook/theming").StyledComponent<Record<string, any> & LinkStyleProps, LinkStyleProps, import("@storybook/theming").Theme>>;
-declare type StyledLinkWrapperProps = ComponentProps<ReturnType<typeof buildStyledLinkWrapper>>;
-export declare const ListItem: FC<Props & Omit<StyledLinkWrapperProps, 'activeColor'>>;
-declare type AnyProps = Record<string, any>;
-declare type LinkWrapperType = (props: AnyProps) => React.ReactElement<any, any>;
-interface Props {
+declare const buildStyledLinkWrapper: import("@emotion/weak-memoize").UnaryFn<LinkWrapperType, import("@storybook/theming").StyledComponent<AnyProps & LinkStyleProps & {
+    theme?: import("@storybook/theming").Theme;
+}, {}, {}>>;
+type StyledLinkWrapperProps = ComponentProps<ReturnType<typeof buildStyledLinkWrapper>>;
+interface ListItemProps {
     appearance?: 'primary' | 'secondary';
@@ -24,5 +27,8 @@ isLoading?: boolean;
     LinkWrapper?: LinkWrapperType | null;
-    onClick?: Function;
+    onClick?: ComponentProps<typeof ItemInner>['onClick'];
 }
+export declare const ListItem: ({ appearance, left, title, center, right, onClick, LinkWrapper, ...rest }: ListItemProps & Omit<StyledLinkWrapperProps, 'activeColor'>) => JSX.Element;
+type AnyProps = Record<string, any>;
+type LinkWrapperType = (props: AnyProps) => React.ReactElement<any, any>;
 export {};
 //# sourceMappingURL=ListItem.d.ts.map

dist/components/tooltip/ListItem.js

@@ -27,3 +27,3 @@ "use strict";
     _excluded3 = ["appearance", "left", "title", "center", "right", "onClick", "LinkWrapper"];
-var Left = (0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
+var Left = /*#__PURE__*/(0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
   target: "e1cw8g27"
@@ -34,3 +34,3 @@ } : {
 })();
-var Title = (0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
+var Title = /*#__PURE__*/(0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
   target: "e1cw8g26"
@@ -41,3 +41,3 @@ } : {
 })("font-weight:", _styles.typography.weight.bold, ";white-space:nowrap;overflow:hidden;text-overflow:ellipsis;");
-var Center = (0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
+var Center = /*#__PURE__*/(0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
   target: "e1cw8g25"
@@ -48,3 +48,3 @@ } : {
 })();
-var Right = (0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
+var Right = /*#__PURE__*/(0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
   target: "e1cw8g24"
@@ -55,3 +55,3 @@ } : {
 })();
-var ItemWrapper = (0, _theming.styled)("li", process.env.NODE_ENV === "production" ? {
+var ItemWrapper = /*#__PURE__*/(0, _theming.styled)("li", process.env.NODE_ENV === "production" ? {
   target: "e1cw8g23"
@@ -62,3 +62,3 @@ } : {
 })("list-style:none;&:not(:first-child){border-top:1px solid ", _styles.color.border, ";}");
-var ItemInner = (0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
+var ItemInner = /*#__PURE__*/(0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
   target: "e1cw8g22"
@@ -74,3 +74,3 @@ } : {
 
-var Item = ( /*#__PURE__*/0, _theming.styled)(function (_ref) {
+var Item = /*#__PURE__*/(0, _theming.styled)(function (_ref) {
   var active = _ref.active,
@@ -93,3 +93,3 @@ activeColor = _ref.activeColor,
 var buildStyledLinkWrapper = (0, _weakMemoize["default"])(function (LinkWrapper) {
-  return ( /*#__PURE__*/0, _theming.styled)(function (_ref2) {
+  return /*#__PURE__*/(0, _theming.styled)(function (_ref2) {
     var active = _ref2.active,
@@ -96,0 +96,0 @@ isLoading = _ref2.isLoading,

dist/components/tooltip/Tooltip.d.ts

@@ -1,4 +0,4 @@
-import React, { ComponentProps, FC } from 'react';
+import React, { ComponentProps } from 'react';
 import { TooltipArg } from 'react-popper-tooltip';
-declare type Placement = TooltipArg['placement'];
+type Placement = TooltipArg['placement'];
 interface ArrowProps {
@@ -14,6 +14,11 @@ 'data-placement': Placement;
 }
-declare const Arrow: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ArrowProps, import("@storybook/theming").Theme>;
-declare const TooltipWrapper: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, WrapperProps, import("@storybook/theming").Theme>;
-export declare const Tooltip: FC<Props & Omit<ComponentProps<typeof TooltipWrapper>, keyof Props | 'data-placement' | 'ref' | 'zIndex'>>;
-interface Props {
+declare const Arrow: import("@storybook/theming").StyledComponent<{
+    theme?: import("@storybook/theming").Theme;
+    as?: React.ElementType<any>;
+} & ArrowProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+declare const TooltipWrapper: import("@storybook/theming").StyledComponent<{
+    theme?: import("@storybook/theming").Theme;
+    as?: React.ElementType<any>;
+} & WrapperProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface TooltipProps {
     hasChrome?: boolean;
@@ -26,3 +31,4 @@ arrowProps?: ComponentProps<typeof Arrow>;
 }
+export declare const Tooltip: ({ placement, hasChrome, children, arrowProps, tooltipRef, arrowRef, zIndex, ...props }: TooltipProps & Omit<ComponentProps<typeof TooltipWrapper>, keyof TooltipProps | 'data-placement' | 'ref' | 'zIndex'>) => JSX.Element;
 export {};
 //# sourceMappingURL=Tooltip.d.ts.map

dist/components/tooltip/Tooltip.js

@@ -28,3 +28,3 @@ "use strict";
 var ArrowSpacing = 8;
-var Arrow = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var Arrow = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e1sfricw1"
@@ -39,3 +39,3 @@ } : {
 }, ";");
-var TooltipWrapper = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var TooltipWrapper = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e1sfricw0"
@@ -42,0 +42,0 @@ } : {

dist/components/tooltip/TooltipLinkList.d.ts

@@ -1,11 +0,11 @@
-import React, { ComponentProps, FC } from 'react';
+import React, { ComponentProps } from 'react';
 import { ListItem } from './ListItem';
-export declare const TooltipLinkList: FC<Props>;
-declare type AnyProps = Record<string, any>;
-declare type LinkWrapperType = (props: AnyProps) => React.ReactElement<any, any>;
-interface Props {
+type AnyProps = Record<string, any>;
+type LinkWrapperType = (props: AnyProps) => React.ReactElement<any, any>;
+interface TooltipLinkListProps {
     links: Omit<ComponentProps<typeof ListItem>, 'LinkWrapper'>[];
     LinkWrapper?: LinkWrapperType;
 }
+export declare const TooltipLinkList: ({ links, LinkWrapper, ...rest }: TooltipLinkListProps) => JSX.Element;
 export {};
 //# sourceMappingURL=TooltipLinkList.d.ts.map

dist/components/tooltip/TooltipLinkList.js

@@ -23,3 +23,3 @@ "use strict";
 var _excluded = ["links", "LinkWrapper"];
-var List = (0, _theming.styled)("ul", process.env.NODE_ENV === "production" ? {
+var List = /*#__PURE__*/(0, _theming.styled)("ul", process.env.NODE_ENV === "production" ? {
   target: "e2mj3990"
@@ -36,4 +36,3 @@ } : {
   return /*#__PURE__*/_react["default"].createElement(List, rest, links.map(function (data, index) {
-    return /*#__PURE__*/_react["default"].createElement(_ListItem.ListItem
-    /* eslint-disable react/no-array-index-key */
+    return /*#__PURE__*/_react["default"].createElement(_ListItem.ListItem // eslint-disable-next-line react/no-array-index-key
     , (0, _extends2["default"])({
@@ -40,0 +39,0 @@ key: index,

dist/components/tooltip/TooltipMessage.d.ts

 import React, { ComponentProps, ReactNode } from 'react';
 import { Link } from '../Link';
-declare const MessageWrapper: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "translate" | "slot" | "style" | "title" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">, import("@storybook/theming").Theme>;
-export declare function TooltipMessage({ title, desc, links, ...rest }: Props & ComponentProps<typeof MessageWrapper> & {
-    children?: never;
-}): JSX.Element;
+declare const MessageWrapper: import("@storybook/theming").StyledComponent<{
+    theme?: import("@storybook/theming").Theme;
+    as?: React.ElementType<any>;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare function TooltipMessage({ title, desc, links, ...rest }: Props & ComponentProps<typeof MessageWrapper>): JSX.Element;
 interface Props {
@@ -8,0 +9,0 @@ title?: ReactNode;

dist/components/tooltip/TooltipMessage.js

@@ -27,3 +27,3 @@ "use strict";
 
-var Title = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var Title = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e1qezuau4"
@@ -33,4 +33,4 @@ } : {
   label: "Title"
-})("font-weight:", _styles.typography.weight.black, ";");
-var Desc = (0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
+})("font-weight:", _styles.typography.weight.bold, ";");
+var Desc = /*#__PURE__*/(0, _theming.styled)("span", process.env.NODE_ENV === "production" ? {
   target: "e1qezuau3"
@@ -41,3 +41,3 @@ } : {
 })();
-var Links = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var Links = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e1qezuau2"
@@ -47,4 +47,4 @@ } : {
   label: "Links"
-})("margin-top:8px;text-align:center;>*{margin:0 8px;font-weight:", _styles.typography.weight.black, ";}");
-var Message = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+})("margin-top:8px;text-align:center;>*{margin:0 8px;font-weight:", _styles.typography.weight.bold, ";}");
+var Message = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e1qezuau1"
@@ -55,3 +55,3 @@ } : {
 })("color:", _styles.color.darker, ";line-height:18px;");
-var MessageWrapper = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var MessageWrapper = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e1qezuau0"
@@ -62,7 +62,7 @@ } : {
 })(process.env.NODE_ENV === "production" ? {
-  name: "17vzopi",
-  styles: "padding:15px;width:280px;box-sizing:border-box"
+  name: "1r53aed",
+  styles: "padding:15px;width:280px;box-sizing:border-box;word-break:break-word"
 } : {
-  name: "17vzopi",
-  styles: "padding:15px;width:280px;box-sizing:border-box",
+  name: "1r53aed",
+  styles: "padding:15px;width:280px;box-sizing:border-box;word-break:break-word",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
@@ -69,0 +69,0 @@ });

dist/components/tooltip/TooltipNote.d.ts

 import React, { ComponentProps } from 'react';
-declare const Note: import("@storybook/theming").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "color" | "translate" | "slot" | "style" | "title" | "children" | "className" | "id" | "lang" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is">, import("@storybook/theming").Theme>;
-export declare const TooltipNote: ({ note, ...rest }: Props & Omit<ComponentProps<typeof Note>, 'children'> & {
-    children?: never;
-}) => JSX.Element;
-interface Props {
+declare const Note: import("@storybook/theming").StyledComponent<{
+    theme?: import("@storybook/theming").Theme;
+    as?: React.ElementType<any>;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+interface TooltipNoteProps {
     note: string;
 }
+export declare const TooltipNote: ({ note, ...rest }: TooltipNoteProps & ComponentProps<typeof Note>) => JSX.Element;
 export {};
 //# sourceMappingURL=TooltipNote.d.ts.map

dist/components/tooltip/TooltipNote.js

@@ -19,3 +19,3 @@ "use strict";
 var _excluded = ["note"];
-var Note = (0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
+var Note = /*#__PURE__*/(0, _theming.styled)("div", process.env.NODE_ENV === "production" ? {
   target: "e1vthhiv0"
@@ -22,0 +22,0 @@ } : {

dist/components/tooltip/WithTooltip.d.ts

@@ -1,6 +0,5 @@
-import React, { FC, ReactNode, ComponentProps } from 'react';
+import React, { ReactNode, ComponentProps } from 'react';
 import TooltipTrigger from 'react-popper-tooltip';
-declare const AsComponent: React.ForwardRefExoticComponent<Pick<Pick<Props, "tagName"> & Record<string, any>, string> & React.RefAttributes<unknown>>;
-declare const WithTooltip: FC<Props & ComponentProps<typeof AsComponent>>;
-interface Props {
+declare const AsComponent: React.ForwardRefExoticComponent<Pick<Pick<WithTooltipProps, "tagName"> & Record<string, any>, string> & React.RefAttributes<unknown>>;
+interface WithTooltipProps {
     tagName?: keyof JSX.IntrinsicElements;
@@ -16,2 +15,3 @@ trigger?: ComponentProps<typeof TooltipTrigger>['trigger'];
     delayHide?: number;
+    delayShow?: number;
     onVisibilityChange?: Function;
@@ -21,3 +21,4 @@ portalContainer?: ComponentProps<typeof TooltipTrigger>['portalContainer'];
 }
+declare const WithTooltip: ({ children, closeOnClick, delayHide, delayShow, hasChrome, modifiers, onVisibilityChange, placement, portalContainer, startOpen, tagName, tooltip, tooltipZIndex, trigger, ...props }: WithTooltipProps & ComponentProps<typeof AsComponent>) => JSX.Element;
 export default WithTooltip;
 //# sourceMappingURL=WithTooltip.d.ts.map

dist/components/tooltip/WithTooltip.js

@@ -31,3 +31,3 @@ "use strict";
 var _excluded = ["tabIndex", "tagName", "onClick", "onMouseEnter", "onMouseLeave"],
-    _excluded2 = ["children", "closeOnClick", "delayHide", "hasChrome", "modifiers", "onVisibilityChange", "placement", "portalContainer", "startOpen", "tagName", "tooltip", "tooltipZIndex", "trigger"];
+    _excluded2 = ["children", "closeOnClick", "delayHide", "delayShow", "hasChrome", "modifiers", "onVisibilityChange", "placement", "portalContainer", "startOpen", "tagName", "tooltip", "tooltipZIndex", "trigger"];
 
@@ -43,3 +43,3 @@ 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); }
 // A target that doesn't speak popper
-var ButtonContainer = (0, _theming.styled)("button", process.env.NODE_ENV === "production" ? {
+var ButtonContainer = /*#__PURE__*/(0, _theming.styled)("button", process.env.NODE_ENV === "production" ? {
   target: "emjsjmc1"
@@ -52,3 +52,3 @@ } : {
 }, ";display:inline-block;font-size:inherit;font-weight:inherit;margin:0;padding:0;text-align:inherit;text-decoration:none;");
-var StyledTooltip = ( /*#__PURE__*/0, _theming.styled)(_Tooltip.Tooltip, process.env.NODE_ENV === "production" ? {
+var StyledTooltip = /*#__PURE__*/(0, _theming.styled)(_Tooltip.Tooltip, process.env.NODE_ENV === "production" ? {
   target: "emjsjmc0"
@@ -116,2 +116,4 @@ } : {
 
+AsComponent.displayName = 'AsComponent';
+
 var WithTooltip = function WithTooltip(_ref2) {
@@ -123,2 +125,4 @@ var children = _ref2.children,
       delayHide = _ref2$delayHide === void 0 ? 100 : _ref2$delayHide,
+      _ref2$delayShow = _ref2.delayShow,
+      delayShow = _ref2$delayShow === void 0 ? 0 : _ref2$delayShow,
       _ref2$hasChrome = _ref2.hasChrome,
@@ -177,5 +181,6 @@ hasChrome = _ref2$hasChrome === void 0 ? true : _ref2$hasChrome,
 
-  var defaultPortalContainer = typeof window !== 'undefined' ? document.getElementById('root') || document.body : undefined;
+  var defaultPortalContainer = typeof window !== 'undefined' ? document.getElementById('storybook-root') || document.getElementById('root') || document.body : undefined;
   return /*#__PURE__*/_react["default"].createElement(_reactPopperTooltip["default"], {
     delayHide: delayHide,
+    delayShow: delayShow,
     placement: placement,
@@ -182,0 +187,0 @@ trigger: trigger,

dist/images/colored-icons/Browsers.js

@@ -29,221 +29,269 @@ "use strict";
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "48",
+    height: "48",
+    fill: "none",
     viewBox: "0 0 48 48",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
     role: "img",
     "aria-labelledby": titleId
   }, props), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M43.4759 8.02848C44.1395 9.20892 44.5181 10.5674 44.5181 12.0134V12.0135H44.5185C44.5185 12.3722 44.4951 12.7255 44.45 13.0721H32.5474C32.5474 15.0077 34.2469 16.5767 36.3436 16.5767C37.7744 16.5767 39.02 15.8455 39.667 14.7658H44.0394C42.8936 17.9517 39.8149 20.2331 36.1966 20.2331C34.8749 20.2331 33.6254 19.9283 32.5156 19.3867C31.4849 19.9134 24.0982 23.4428 26.465 15.0853C26.4808 15.0296 26.8456 14.0923 27.5951 12.7507C27.7381 12.4948 27.8968 12.2228 28.068 11.9406L28.0747 11.9295C28.1384 11.8247 28.2037 11.7189 28.2713 11.611L28.2824 11.5934C28.3499 11.486 28.4189 11.3777 28.4903 11.2678C28.4908 11.2668 28.4915 11.2657 28.4923 11.2647C28.7636 10.8472 29.064 10.4126 29.3928 9.96949L29.4281 9.92177C29.4524 9.88879 29.4767 9.85584 29.5017 9.82266C29.54 9.77196 29.5792 9.72108 29.6185 9.67015L29.6185 9.67007L29.6602 9.61592L29.6872 9.58094C29.7252 9.53151 29.7633 9.48211 29.8022 9.43253C29.8528 9.36819 29.9045 9.30385 29.9563 9.23943C30.0097 9.17296 30.0632 9.1064 30.1179 9.03976C30.1685 8.97815 30.2199 8.91654 30.2716 8.85484C30.3301 8.78513 30.3891 8.71542 30.4489 8.64571C30.5001 8.58597 30.552 8.52632 30.6042 8.46667C30.6674 8.39474 30.7312 8.32299 30.7958 8.25124C30.8477 8.19346 30.8997 8.13585 30.9526 8.07824C31.0207 8.0041 31.09 7.93022 31.1599 7.85642L31.1855 7.82922L31.1856 7.82912L31.1858 7.82893C31.2292 7.78303 31.2725 7.73709 31.3167 7.69127C31.3915 7.61389 31.4678 7.53702 31.5444 7.46007L31.5862 7.41788L31.5863 7.41779C31.6227 7.381 31.6591 7.34424 31.6962 7.3077C31.7825 7.22274 31.8709 7.13854 31.9594 7.05443L32.0063 7.00942C32.0343 6.98238 32.0624 6.95535 32.0912 6.92857C32.2254 6.80321 32.3619 6.67879 32.5014 6.55574C31.6278 6.92865 30.1692 7.86051 28.0851 10.17C28.9323 6.51798 32.2423 3.79373 36.1965 3.79373C36.3549 3.79373 36.5121 3.7985 36.6684 3.80719C37.7279 3.31881 38.8765 2.93354 40.1182 2.69356C40.4444 2.6305 46.3049 1.70418 43.4759 8.02848ZM43.2679 7.67942C44.2549 5.15279 43.6802 4.40253 42.9636 3.92479C41.8812 3.20308 39.974 3.9801 39.2039 4.34748C40.8968 4.9959 42.3211 6.17558 43.2679 7.67942ZM27.7342 19.3697C27.1505 18.7785 27.0474 17.3385 28.3353 14.7144C28.9853 16.5604 30.2823 18.1071 31.9589 19.0887C31.1251 19.5419 28.9116 20.5625 27.7342 19.3697ZM36.2892 7.43664C34.2527 7.43664 32.5951 8.94287 32.5286 10.8241H40.0499C39.9833 8.94287 38.3257 7.43664 36.2892 7.43664Z",
-    fill: "#1EBBEE"
+    fill: "url(#a)",
+    d: "M42.712 16.069a6.076 6.076 0 0 1-.69.306c-.748.278-1.54.42-2.337.417-3.08 0-5.762-2.116-5.762-4.838a2.05 2.05 0 0 1 1.068-1.777c-2.787.117-3.503 3.02-3.503 4.72 0 4.818 4.434 5.3 5.39 5.3.515 0 1.29-.15 1.759-.3l.084-.026a8.353 8.353 0 0 0 4.336-3.438.26.26 0 0 0-.345-.364Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "url(#b)",
+    d: "M42.712 16.069a6.076 6.076 0 0 1-.69.306c-.748.278-1.54.42-2.337.417-3.08 0-5.762-2.116-5.762-4.838a2.05 2.05 0 0 1 1.068-1.777c-2.787.117-3.503 3.02-3.503 4.72 0 4.818 4.434 5.3 5.39 5.3.515 0 1.29-.15 1.759-.3l.084-.026a8.353 8.353 0 0 0 4.336-3.438.26.26 0 0 0-.345-.364Z",
+    opacity: ".35"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "url(#c)",
+    d: "M34.548 19.376a5.156 5.156 0 0 1-1.478-1.387 5.254 5.254 0 0 1 1.92-7.812c.21-.098.554-.267 1.017-.26a2.11 2.11 0 0 1 1.673.846c.262.352.405.778.41 1.217 0-.013 1.595-5.182-5.209-5.182-2.858 0-5.208 2.708-5.208 5.091a8.475 8.475 0 0 0 .788 3.646 8.333 8.333 0 0 0 10.182 4.362 4.915 4.915 0 0 1-4.088-.52h-.007Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "url(#d)",
+    d: "M34.548 19.376a5.156 5.156 0 0 1-1.478-1.387 5.254 5.254 0 0 1 1.92-7.812c.21-.098.554-.267 1.017-.26a2.11 2.11 0 0 1 1.673.846c.262.352.405.778.41 1.217 0-.013 1.595-5.182-5.209-5.182-2.858 0-5.208 2.708-5.208 5.091a8.475 8.475 0 0 0 .788 3.646 8.333 8.333 0 0 0 10.182 4.362 4.915 4.915 0 0 1-4.088-.52h-.007Z",
+    opacity: ".41"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "url(#e)",
+    d: "M37.588 13.354c-.058.065-.221.163-.221.365 0 .17.11.338.313.475.93.651 2.695.56 2.701.56a3.88 3.88 0 0 0 1.973-.54 3.997 3.997 0 0 0 1.98-3.444c.019-1.459-.522-2.429-.737-2.858C42.211 5.216 39.236 3.667 36 3.667a8.333 8.333 0 0 0-8.334 8.216c.033-2.376 2.396-4.297 5.209-4.297.228 0 1.53.02 2.734.651a4.726 4.726 0 0 1 2.012 1.908c.397.69.469 1.569.469 1.92 0 .352-.176.866-.508 1.296l.006-.007Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "url(#f)",
+    d: "M37.588 13.354c-.058.065-.221.163-.221.365 0 .17.11.338.313.475.93.651 2.695.56 2.701.56a3.88 3.88 0 0 0 1.973-.54 3.997 3.997 0 0 0 1.98-3.444c.019-1.459-.522-2.429-.737-2.858C42.211 5.216 39.236 3.667 36 3.667a8.333 8.333 0 0 0-8.334 8.216c.033-2.376 2.396-4.297 5.209-4.297.228 0 1.53.02 2.734.651a4.726 4.726 0 0 1 2.012 1.908c.397.69.469 1.569.469 1.92 0 .352-.176.866-.508 1.296l.006-.007Z"
   }), /*#__PURE__*/React.createElement("circle", {
-    cx: "12.0002",
-    cy: "35.9999",
-    r: "8.66667",
-    fill: "url(#paint0_linear_195_4175)"
-  }), /*#__PURE__*/React.createElement("ellipse", {
-    cx: "12.0011",
-    cy: "36.0011",
-    rx: "7.94444",
-    ry: "7.94445",
-    fill: "url(#paint1_radial_195_4175)"
+    cx: "12",
+    cy: "36",
+    r: "8.667",
+    fill: "url(#g)"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "12.001",
+    cy: "36.001",
+    r: "7.944",
+    fill: "url(#h)"
   }), /*#__PURE__*/React.createElement("path", {
+    fill: "#DDD",
     fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12.0805 28.5339C12.0345 28.5339 11.9971 28.5712 11.9971 28.6173V29.8852C11.9971 29.9313 12.0345 29.9686 12.0805 29.9686C12.1265 29.9686 12.1638 29.9313 12.1638 29.8852V28.6173C12.1638 28.5712 12.1265 28.5339 12.0805 28.5339ZM12.0805 43.6265C12.1265 43.6265 12.1638 43.5892 12.1638 43.5432V42.2752C12.1638 42.2292 12.1265 42.1919 12.0805 42.1919C12.0345 42.1919 11.9971 42.2292 11.9971 42.2752V43.5432C11.9971 43.5892 12.0345 43.6265 12.0805 43.6265ZM12.7301 28.6449C12.7347 28.5991 12.7756 28.5657 12.8214 28.5703C12.8672 28.5749 12.9006 28.6157 12.896 28.6615L12.8416 29.2023C12.837 29.2481 12.7962 29.2815 12.7504 29.2769C12.7046 29.2723 12.6712 29.2315 12.6758 29.1857L12.7301 28.6449ZM11.3406 43.5902C11.3864 43.5948 11.4273 43.5614 11.4319 43.5156L11.4862 42.9748C11.4908 42.929 11.4574 42.8881 11.4117 42.8835C11.3659 42.8789 11.325 42.9123 11.3204 42.9581L11.2661 43.4989C11.2615 43.5447 11.2949 43.5856 11.3406 43.5902ZM19.5434 35.9969C19.5895 35.9969 19.6268 36.0342 19.6268 36.0802C19.6268 36.1263 19.5895 36.1636 19.5434 36.1636H18.2755C18.2294 36.1636 18.1921 36.1263 18.1921 36.0802C18.1921 36.0342 18.2294 35.9969 18.2755 35.9969H19.5434ZM4.53418 36.0802C4.53418 36.1263 4.57149 36.1636 4.61751 36.1636H5.88549C5.93152 36.1636 5.96883 36.1263 5.96883 36.0802C5.96883 36.0342 5.93152 35.9969 5.88549 35.9969H4.61751C4.57149 35.9969 4.53418 36.0342 4.53418 36.0802ZM19.5158 36.7299C19.5616 36.7345 19.595 36.7754 19.5904 36.8211C19.5858 36.8669 19.545 36.9003 19.4992 36.8957L18.9584 36.8414C18.9126 36.8368 18.8792 36.7959 18.8838 36.7501C18.8884 36.7043 18.9292 36.671 18.975 36.6756L19.5158 36.7299ZM4.57054 35.3404C4.56593 35.3862 4.59933 35.427 4.64512 35.4317L5.18591 35.486C5.23171 35.4906 5.27256 35.4572 5.27716 35.4114C5.28176 35.3656 5.24837 35.3248 5.20258 35.3202L4.66178 35.2658C4.61599 35.2612 4.57514 35.2946 4.57054 35.3404ZM17.2987 30.7442C17.3312 30.7117 17.384 30.7117 17.4165 30.7442C17.4491 30.7767 17.4491 30.8295 17.4165 30.862L16.5199 31.7587C16.4874 31.7912 16.4346 31.7912 16.4021 31.7587C16.3695 31.7261 16.3695 31.6733 16.4021 31.6408L17.2987 30.7442ZM6.74444 41.4163C6.77698 41.4488 6.82975 41.4488 6.86229 41.4163L7.7589 40.5197C7.79144 40.4871 7.79144 40.4344 7.7589 40.4018C7.72635 40.3693 7.67359 40.3693 7.64104 40.4018L6.74444 41.2984C6.71189 41.331 6.71189 41.3837 6.74444 41.4163ZM17.7966 31.2814C17.8321 31.2522 17.8846 31.2573 17.9138 31.2929C17.943 31.3285 17.9379 31.381 17.9023 31.4102L17.4822 31.7549C17.4466 31.7841 17.3941 31.779 17.3649 31.7434C17.3357 31.7078 17.3409 31.6553 17.3765 31.6261L17.7966 31.2814ZM6.24712 40.8676C6.27631 40.9031 6.32882 40.9083 6.3644 40.8791L6.78446 40.5344C6.82004 40.5052 6.82521 40.4526 6.79601 40.4171C6.76682 40.3815 6.71431 40.3763 6.67873 40.4055L6.25867 40.7503C6.22309 40.7795 6.21792 40.832 6.24712 40.8676ZM17.4165 41.2984C17.4491 41.331 17.4491 41.3837 17.4165 41.4163C17.384 41.4488 17.3312 41.4488 17.2987 41.4163L16.4021 40.5197C16.3695 40.4871 16.3695 40.4344 16.4021 40.4018C16.4346 40.3693 16.4874 40.3693 16.5199 40.4018L17.4165 41.2984ZM6.74444 30.7442C6.71189 30.7767 6.71189 30.8295 6.74444 30.862L7.64104 31.7587C7.67359 31.7912 7.72635 31.7912 7.7589 31.7587C7.79144 31.7261 7.79144 31.6733 7.7589 31.6408L6.86229 30.7442C6.82975 30.7117 6.77698 30.7117 6.74444 30.7442ZM16.8793 41.7963C16.9085 41.8319 16.9034 41.8844 16.8678 41.9136C16.8322 41.9428 16.7797 41.9376 16.7505 41.902L16.4058 41.482C16.3766 41.4464 16.3817 41.3939 16.4173 41.3647C16.4529 41.3355 16.5054 41.3407 16.5346 41.3762L16.8793 41.7963ZM7.29316 30.2469C7.25758 30.2761 7.25241 30.3286 7.28161 30.3642L7.62635 30.7842C7.65555 30.8198 7.70806 30.825 7.74364 30.7958C7.77921 30.7666 7.78438 30.7141 7.75519 30.6785L7.41044 30.2584C7.38124 30.2228 7.32873 30.2177 7.29316 30.2469ZM14.8594 29.1535C14.8771 29.1109 14.9258 29.0908 14.9683 29.1084C15.0108 29.126 15.031 29.1747 15.0134 29.2173L14.5282 30.3887C14.5106 30.4312 14.4618 30.4514 14.4193 30.4338C14.3768 30.4162 14.3566 30.3674 14.3742 30.3249L14.8594 29.1535ZM9.19263 43.0521C9.23515 43.0697 9.28389 43.0495 9.30151 43.007L9.78674 41.8355C9.80436 41.793 9.78416 41.7443 9.74164 41.7267C9.69912 41.7091 9.65038 41.7292 9.63276 41.7718L9.14753 42.9432C9.12991 42.9858 9.15011 43.0345 9.19263 43.0521ZM15.525 29.4592C15.5467 29.4186 15.5972 29.4033 15.6378 29.425C15.6784 29.4467 15.6937 29.4972 15.672 29.5378L15.4158 30.017C15.3941 30.0576 15.3436 30.0729 15.303 30.0512C15.2624 30.0295 15.2471 29.979 15.2688 29.9385L15.525 29.4592ZM8.52318 42.7355C8.56377 42.7572 8.61427 42.7419 8.63596 42.7013L8.89213 42.222C8.91382 42.1814 8.89851 42.1309 8.85792 42.1092C8.81733 42.0875 8.76684 42.1029 8.74514 42.1434L8.48897 42.6227C8.46728 42.6633 8.4826 42.7138 8.52318 42.7355ZM19.0073 38.8592C19.0498 38.8768 19.07 38.9256 19.0524 38.9681C19.0347 39.0106 18.986 39.0308 18.9435 39.0132L17.772 38.5279C17.7295 38.5103 17.7093 38.4616 17.7269 38.4191C17.7445 38.3765 17.7933 38.3564 17.8358 38.374L19.0073 38.8592ZM5.1086 33.1924C5.09098 33.2349 5.11118 33.2836 5.1537 33.3013L6.32516 33.7865C6.36768 33.8041 6.41643 33.7839 6.43404 33.7414C6.45166 33.6989 6.43146 33.6501 6.38894 33.6325L5.21748 33.1473C5.17496 33.1297 5.12621 33.1499 5.1086 33.1924ZM18.7015 39.5248C18.7421 39.5465 18.7574 39.597 18.7357 39.6375C18.714 39.6781 18.6635 39.6934 18.6229 39.6718L18.1437 39.4156C18.1031 39.3939 18.0878 39.3434 18.1095 39.3028C18.1312 39.2622 18.1817 39.2469 18.2223 39.2686L18.7015 39.5248ZM5.42523 32.5229C5.40353 32.5635 5.41885 32.614 5.45944 32.6357L5.9387 32.8919C5.97929 32.9136 6.02978 32.8983 6.05147 32.8577C6.07317 32.8171 6.05786 32.7666 6.01727 32.7449L5.53801 32.4887C5.49742 32.467 5.44693 32.4823 5.42523 32.5229ZM18.9435 33.1473C18.986 33.1297 19.0347 33.1499 19.0524 33.1924C19.07 33.2349 19.0498 33.2836 19.0073 33.3013L17.8358 33.7865C17.7933 33.8041 17.7445 33.7839 17.7269 33.7414C17.7093 33.6989 17.7295 33.6501 17.772 33.6325L18.9435 33.1473ZM5.10861 38.9681C5.12623 39.0106 5.17497 39.0308 5.21749 39.0132L6.38894 38.5279C6.43146 38.5103 6.45166 38.4616 6.43404 38.4191C6.41643 38.3765 6.36768 38.3564 6.32516 38.374L5.15371 38.8592C5.11119 38.8768 5.091 38.9256 5.10861 38.9681ZM19.1979 33.8341C19.2419 33.8207 19.2885 33.8456 19.3018 33.8896C19.3152 33.9337 19.2903 33.9802 19.2463 33.9936L18.7263 34.1513C18.6822 34.1647 18.6357 34.1398 18.6223 34.0958C18.609 34.0517 18.6338 34.0052 18.6779 33.9918L19.1979 33.8341ZM4.85913 38.2708C4.87249 38.3149 4.91902 38.3397 4.96306 38.3264L5.48308 38.1686C5.52712 38.1553 5.55199 38.1087 5.53863 38.0647C5.52527 38.0206 5.47874 37.9958 5.4347 38.0091L4.91468 38.1669C4.87064 38.1802 4.84577 38.2268 4.85913 38.2708ZM14.9683 43.0521C14.9258 43.0697 14.8771 43.0495 14.8594 43.007L14.3742 41.8355C14.3566 41.793 14.3768 41.7443 14.4193 41.7267C14.4618 41.7091 14.5106 41.7292 14.5282 41.7718L15.0134 42.9432C15.031 42.9858 15.0108 43.0345 14.9683 43.0521ZM9.19263 29.1084C9.1501 29.126 9.12991 29.1747 9.14753 29.2173L9.63276 30.3887C9.65038 30.4312 9.69912 30.4514 9.74164 30.4338C9.78416 30.4162 9.80436 30.3674 9.78674 30.3249L9.30151 29.1535C9.28389 29.1109 9.23515 29.0908 9.19263 29.1084ZM14.3266 43.1977C14.34 43.2417 14.3151 43.2882 14.2711 43.3016C14.227 43.315 14.1805 43.2901 14.1671 43.246L14.0094 42.726C13.996 42.682 14.0209 42.6354 14.0649 42.6221C14.109 42.6087 14.1555 42.6336 14.1689 42.6776L14.3266 43.1977ZM9.88991 28.8589C9.84587 28.8722 9.82099 28.9188 9.83435 28.9628L9.99209 29.4828C10.0054 29.5269 10.052 29.5518 10.096 29.5384C10.1401 29.525 10.1649 29.4785 10.1516 29.4345L9.99384 28.9144C9.98048 28.8704 9.93395 28.8455 9.88991 28.8589ZM13.4547 28.7444C13.4637 28.6993 13.5075 28.67 13.5527 28.6789C13.5978 28.6879 13.6271 28.7318 13.6182 28.7769L13.3708 30.0206C13.3618 30.0657 13.3179 30.095 13.2728 30.086C13.2277 30.077 13.1983 30.0332 13.2073 29.988L13.4547 28.7444ZM10.6083 43.4815C10.6534 43.4905 10.6973 43.4612 10.7063 43.4161L10.9536 42.1724C10.9626 42.1273 10.9333 42.0834 10.8881 42.0745C10.843 42.0655 10.7991 42.0948 10.7902 42.1399L10.5428 43.3835C10.5338 43.4287 10.5631 43.4726 10.6083 43.4815ZM14.1671 28.9144C14.1805 28.8704 14.227 28.8455 14.2711 28.8589C14.3151 28.8722 14.34 28.9188 14.3266 28.9628L14.1689 29.4828C14.1555 29.5269 14.109 29.5518 14.0649 29.5384C14.0209 29.525 13.996 29.4785 14.0094 29.4345L14.1671 28.9144ZM9.88991 43.3016C9.93395 43.315 9.98048 43.2901 9.99384 43.246L10.1516 42.726C10.1649 42.682 10.1401 42.6354 10.096 42.6221C10.052 42.6087 10.0054 42.6336 9.99209 42.6776L9.83435 43.1977C9.82099 43.2417 9.84587 43.2882 9.88991 43.3016ZM19.4163 37.4544C19.4614 37.4634 19.4908 37.5073 19.4818 37.5524C19.4728 37.5976 19.4289 37.6269 19.3838 37.6179L18.1402 37.3705C18.095 37.3616 18.0657 37.3177 18.0747 37.2726C18.0837 37.2274 18.1276 37.1981 18.1727 37.2071L19.4163 37.4544ZM4.67919 34.608C4.67021 34.6532 4.69952 34.697 4.74466 34.706L5.98828 34.9534C6.03342 34.9624 6.07729 34.933 6.08627 34.8879C6.09525 34.8428 6.06593 34.7989 6.02079 34.7899L4.77718 34.5426C4.73204 34.5336 4.68817 34.5629 4.67919 34.608ZM19.2463 38.1669C19.2903 38.1802 19.3152 38.2268 19.3018 38.2708C19.2885 38.3149 19.2419 38.3397 19.1979 38.3264L18.6779 38.1686C18.6338 38.1553 18.609 38.1087 18.6223 38.0647C18.6357 38.0206 18.6822 37.9958 18.7263 38.0091L19.2463 38.1669ZM4.85913 33.8896C4.84577 33.9337 4.87064 33.9802 4.91468 33.9936L5.4347 34.1513C5.47874 34.1647 5.52527 34.1398 5.53863 34.0958C5.55199 34.0517 5.52712 34.0052 5.48308 33.9918L4.96306 33.8341C4.91902 33.8207 4.87249 33.8456 4.85913 33.8896ZM18.2394 31.8647C18.2777 31.8392 18.3294 31.8495 18.355 31.8877C18.3806 31.926 18.3703 31.9778 18.332 32.0033L17.2777 32.7078C17.2394 32.7333 17.1877 32.723 17.1621 32.6848C17.1365 32.6465 17.1468 32.5948 17.1851 32.5692L18.2394 31.8647ZM5.80597 40.2727C5.83154 40.311 5.88329 40.3213 5.92156 40.2957L6.97584 39.5913C7.01411 39.5657 7.0244 39.5139 6.99884 39.4757C6.97327 39.4374 6.92152 39.4271 6.88325 39.4527L5.82896 40.1571C5.79069 40.1827 5.7804 40.2345 5.80597 40.2727ZM18.6229 32.4887C18.6635 32.467 18.714 32.4823 18.7357 32.5229C18.7574 32.5635 18.7421 32.614 18.7015 32.6357L18.2223 32.8919C18.1817 32.9136 18.1312 32.8983 18.1095 32.8577C18.0878 32.8171 18.1031 32.7666 18.1437 32.7449L18.6229 32.4887ZM5.42523 39.6375C5.44693 39.6781 5.49742 39.6934 5.53801 39.6718L6.01727 39.4156C6.05786 39.3939 6.07317 39.3434 6.05147 39.3028C6.02978 39.2622 5.97929 39.2469 5.9387 39.2686L5.45944 39.5248C5.41885 39.5465 5.40353 39.597 5.42523 39.6375ZM16.296 42.2392C16.3215 42.2774 16.3112 42.3292 16.273 42.3547C16.2347 42.3803 16.183 42.37 16.1574 42.3317L15.4529 41.2775C15.4274 41.2392 15.4377 41.1874 15.4759 41.1619C15.5142 41.1363 15.5659 41.1466 15.5915 41.1849L16.296 42.2392ZM7.88798 29.8057C7.84971 29.8313 7.83942 29.883 7.86499 29.9213L8.56944 30.9756C8.59501 31.0139 8.64676 31.0242 8.68503 30.9986C8.72329 30.973 8.73359 30.9213 8.70802 30.883L8.00356 29.8287C7.97799 29.7904 7.92624 29.7802 7.88798 29.8057ZM15.672 42.6227C15.6937 42.6633 15.6784 42.7138 15.6378 42.7355C15.5972 42.7572 15.5467 42.7419 15.525 42.7013L15.2688 42.222C15.2471 42.1814 15.2624 42.1309 15.303 42.1092C15.3436 42.0875 15.3941 42.1029 15.4158 42.1434L15.672 42.6227ZM8.52318 29.425C8.4826 29.4467 8.46728 29.4972 8.48897 29.5378L8.74514 30.017C8.76684 30.0576 8.81733 30.0729 8.85792 30.0512C8.89851 30.0295 8.91382 29.979 8.89213 29.9385L8.63596 29.4592C8.61427 29.4186 8.56377 29.4033 8.52318 29.425ZM16.1574 29.8287C16.183 29.7904 16.2347 29.7802 16.273 29.8057C16.3112 29.8313 16.3215 29.883 16.296 29.9213L15.5915 30.9756C15.5659 31.0139 15.5142 31.0242 15.4759 30.9986C15.4377 30.973 15.4274 30.9213 15.4529 30.883L16.1574 29.8287ZM7.88798 42.3547C7.92624 42.3803 7.97799 42.37 8.00356 42.3317L8.70802 41.2775C8.73359 41.2392 8.72329 41.1874 8.68503 41.1619C8.64676 41.1363 8.59501 41.1466 8.56944 41.1849L7.86499 42.2392C7.83942 42.2774 7.84971 42.3292 7.88798 42.3547ZM16.7505 30.2584C16.7797 30.2228 16.8322 30.2177 16.8678 30.2469C16.9034 30.2761 16.9085 30.3286 16.8793 30.3642L16.5346 30.7842C16.5054 30.8198 16.4529 30.825 16.4173 30.7958C16.3817 30.7666 16.3766 30.7141 16.4058 30.6785L16.7505 30.2584ZM7.29316 41.9136C7.32873 41.9428 7.38124 41.9376 7.41044 41.902L7.75519 41.482C7.78438 41.4464 7.77921 41.3939 7.74364 41.3647C7.70806 41.3355 7.65555 41.3407 7.62635 41.3762L7.28161 41.7963C7.25241 41.8319 7.25758 41.8844 7.29316 41.9136ZM18.332 40.1571C18.3703 40.1827 18.3806 40.2345 18.355 40.2727C18.3294 40.311 18.2777 40.3213 18.2394 40.2957L17.1851 39.5913C17.1468 39.5657 17.1365 39.5139 17.1621 39.4757C17.1877 39.4374 17.2394 39.4271 17.2777 39.4527L18.332 40.1571ZM5.80597 31.8877C5.7804 31.926 5.79069 31.9778 5.82896 32.0033L6.88325 32.7078C6.92152 32.7333 6.97327 32.723 6.99884 32.6848C7.0244 32.6465 7.01411 32.5948 6.97584 32.5692L5.92156 31.8647C5.88329 31.8392 5.83154 31.8495 5.80597 31.8877ZM17.9023 40.7503C17.9379 40.7795 17.943 40.832 17.9138 40.8676C17.8846 40.9031 17.8321 40.9083 17.7966 40.8791L17.3765 40.5344C17.3409 40.5052 17.3357 40.4526 17.3649 40.4171C17.3941 40.3815 17.4466 40.3763 17.4822 40.4055L17.9023 40.7503ZM6.24712 31.2929C6.21792 31.3285 6.22309 31.381 6.25867 31.4102L6.67873 31.7549C6.71431 31.7841 6.76682 31.779 6.79601 31.7434C6.82521 31.7078 6.82004 31.6553 6.78446 31.6261L6.3644 31.2814C6.32882 31.2522 6.27631 31.2573 6.24712 31.2929ZM19.3838 34.5426C19.4289 34.5336 19.4728 34.5629 19.4818 34.608C19.4908 34.6532 19.4614 34.697 19.4163 34.706L18.1727 34.9534C18.1276 34.9624 18.0837 34.933 18.0747 34.8879C18.0657 34.8428 18.095 34.7989 18.1402 34.7899L19.3838 34.5426ZM4.67919 37.5524C4.68817 37.5976 4.73204 37.6269 4.77718 37.6179L6.02079 37.3705C6.06593 37.3616 6.09525 37.3177 6.08627 37.2726C6.07729 37.2274 6.03342 37.1981 5.98828 37.2071L4.74466 37.4544C4.69952 37.4634 4.67021 37.5073 4.67919 37.5524ZM19.4992 35.2658C19.545 35.2612 19.5858 35.2946 19.5904 35.3404C19.595 35.3862 19.5616 35.427 19.5158 35.4317L18.975 35.486C18.9292 35.4906 18.8884 35.4572 18.8838 35.4114C18.8792 35.3656 18.9126 35.3248 18.9584 35.3202L19.4992 35.2658ZM4.57054 36.8211C4.57514 36.8669 4.61599 36.9003 4.66178 36.8957L5.20258 36.8414C5.24837 36.8368 5.28176 36.7959 5.27716 36.7501C5.27256 36.7043 5.23171 36.671 5.18591 36.6756L4.64512 36.7299C4.59933 36.7345 4.56593 36.7754 4.57054 36.8211ZM13.6182 43.3835C13.6271 43.4287 13.5978 43.4726 13.5527 43.4815C13.5075 43.4905 13.4637 43.4612 13.4547 43.4161L13.2073 42.1724C13.1983 42.1273 13.2277 42.0834 13.2728 42.0745C13.3179 42.0655 13.3618 42.0948 13.3708 42.1399L13.6182 43.3835ZM10.6083 28.6789C10.5631 28.6879 10.5338 28.7318 10.5428 28.7769L10.7902 30.0206C10.7991 30.0657 10.843 30.095 10.8881 30.086C10.9333 30.077 10.9626 30.0332 10.9536 29.988L10.7063 28.7444C10.6973 28.6993 10.6534 28.67 10.6083 28.6789ZM12.896 43.4989C12.9006 43.5447 12.8672 43.5856 12.8214 43.5902C12.7756 43.5948 12.7347 43.5614 12.7301 43.5156L12.6758 42.9748C12.6712 42.929 12.7046 42.8881 12.7504 42.8835C12.7962 42.8789 12.837 42.9123 12.8416 42.9581L12.896 43.4989ZM11.3406 28.5703C11.2949 28.5749 11.2615 28.6157 11.2661 28.6615L11.3204 29.2023C11.325 29.2481 11.3659 29.2815 11.4117 29.2769C11.4574 29.2723 11.4908 29.2315 11.4862 29.1857L11.4319 28.6449C11.4273 28.5991 11.3864 28.5657 11.3406 28.5703Z",
-    fill: "#DDDDDD"
+    d: "M12.08 28.534a.083.083 0 0 0-.083.083v1.268a.083.083 0 0 0 .167 0v-1.268a.083.083 0 0 0-.083-.083Zm0 15.093a.083.083 0 0 0 .084-.084v-1.268a.083.083 0 0 0-.167 0v1.268c0 .046.037.084.084.084Zm.65-14.982a.083.083 0 0 1 .166.017l-.054.54a.083.083 0 1 1-.166-.016l.054-.541ZM11.34 43.59a.083.083 0 0 0 .092-.074l.054-.541a.083.083 0 0 0-.166-.017l-.054.54a.083.083 0 0 0 .075.092Zm8.203-7.593a.083.083 0 1 1 0 .167h-1.267a.083.083 0 1 1 0-.167h1.267Zm-15.009.083c0 .046.037.084.084.084h1.267a.083.083 0 0 0 0-.167H4.618a.083.083 0 0 0-.084.083Zm14.982.65a.083.083 0 0 1-.017.166l-.54-.055a.083.083 0 0 1 .016-.165l.54.054ZM4.57 35.34a.083.083 0 0 0 .074.092l.54.054a.083.083 0 0 0 .018-.166l-.541-.054a.083.083 0 0 0-.091.074Zm12.728-4.596a.083.083 0 0 1 .117.118l-.896.897a.083.083 0 0 1-.118-.118l.897-.897ZM6.744 41.416a.083.083 0 0 0 .118 0l.897-.896a.083.083 0 0 0-.118-.118l-.897.896a.083.083 0 0 0 0 .118Zm11.053-10.135a.083.083 0 1 1 .105.13l-.42.344a.083.083 0 1 1-.105-.129l.42-.345Zm-11.55 9.587c.03.035.082.04.117.011l.42-.345a.083.083 0 0 0-.105-.128l-.42.344a.083.083 0 0 0-.012.118Zm11.17.43a.083.083 0 1 1-.118.118l-.897-.896a.083.083 0 1 1 .118-.118l.896.896ZM6.743 30.744a.083.083 0 0 0 0 .118l.897.897a.083.083 0 0 0 .118-.118l-.897-.897a.083.083 0 0 0-.118 0ZM16.88 41.796a.083.083 0 1 1-.129.106l-.344-.42a.083.083 0 1 1 .129-.106l.344.42Zm-9.586-11.55a.083.083 0 0 0-.011.118l.344.42a.083.083 0 1 0 .13-.105l-.346-.42a.083.083 0 0 0-.117-.012Zm7.566-1.092a.083.083 0 1 1 .154.063l-.485 1.172a.083.083 0 0 1-.154-.064l.485-1.171ZM9.193 43.052a.083.083 0 0 0 .109-.045l.485-1.171a.083.083 0 1 0-.154-.064l-.485 1.171a.083.083 0 0 0 .045.11Zm6.332-13.593a.083.083 0 1 1 .147.079l-.256.479a.083.083 0 0 1-.147-.078l.256-.48ZM8.523 42.736c.04.021.091.006.113-.035l.256-.479a.083.083 0 0 0-.147-.079l-.256.48a.083.083 0 0 0 .034.113Zm10.484-3.877a.083.083 0 0 1-.064.154l-1.171-.485a.083.083 0 1 1 .064-.154l1.171.485ZM5.11 33.192a.083.083 0 0 0 .045.11l1.171.484a.083.083 0 0 0 .064-.154l-1.172-.485a.083.083 0 0 0-.108.045ZM18.7 39.525a.083.083 0 1 1-.078.147l-.48-.256a.083.083 0 1 1 .08-.147l.479.256ZM5.425 32.523a.083.083 0 0 0 .034.113l.48.256a.083.083 0 1 0 .078-.147l-.479-.256a.083.083 0 0 0-.113.034Zm13.518.624a.083.083 0 0 1 .064.154l-1.171.485a.083.083 0 0 1-.064-.154l1.172-.485ZM5.11 38.968a.083.083 0 0 0 .108.045l1.172-.485a.083.083 0 1 0-.064-.154l-1.171.485a.083.083 0 0 0-.045.11Zm14.089-5.134a.083.083 0 1 1 .048.16l-.52.157a.083.083 0 1 1-.048-.16l.52-.157ZM4.859 38.271c.013.044.06.069.104.055l.52-.157a.083.083 0 1 0-.048-.16l-.52.158a.083.083 0 0 0-.056.104Zm10.11 4.781a.083.083 0 0 1-.11-.045l-.485-1.171a.083.083 0 1 1 .154-.064l.485 1.171a.083.083 0 0 1-.045.11ZM9.192 29.108a.083.083 0 0 0-.045.11l.485 1.17a.083.083 0 0 0 .154-.063l-.485-1.171a.083.083 0 0 0-.11-.046Zm5.134 14.09a.083.083 0 1 1-.16.048l-.158-.52a.083.083 0 1 1 .16-.048l.158.52ZM9.89 28.858a.083.083 0 0 0-.056.105l.158.52a.083.083 0 1 0 .16-.049l-.158-.52a.083.083 0 0 0-.104-.055Zm3.565-.114a.083.083 0 0 1 .163.033l-.247 1.244a.083.083 0 0 1-.164-.033l.248-1.244Zm-2.847 14.737a.083.083 0 0 0 .098-.065l.248-1.244a.083.083 0 1 0-.164-.032l-.247 1.243c-.01.046.02.09.065.098Zm3.56-14.567a.083.083 0 0 1 .159.049l-.158.52a.083.083 0 1 1-.16-.049l.158-.52ZM9.89 43.302a.083.083 0 0 0 .104-.056l.158-.52a.083.083 0 0 0-.16-.048l-.158.52a.083.083 0 0 0 .056.104Zm9.526-5.848a.083.083 0 0 1-.032.164l-1.244-.248a.083.083 0 1 1 .033-.163l1.243.247ZM4.68 34.608a.083.083 0 0 0 .066.098l1.243.247a.083.083 0 0 0 .033-.163l-1.244-.247a.083.083 0 0 0-.098.065Zm14.567 3.559a.083.083 0 1 1-.048.16l-.52-.158a.083.083 0 1 1 .048-.16l.52.158ZM4.86 33.89a.083.083 0 0 0 .056.104l.52.157a.083.083 0 1 0 .048-.16l-.52-.157a.083.083 0 0 0-.104.056Zm13.38-2.025a.083.083 0 0 1 .093.138l-1.054.705a.083.083 0 0 1-.093-.139l1.054-.704ZM5.806 40.273a.083.083 0 0 0 .116.023l1.054-.705a.083.083 0 0 0-.093-.138l-1.054.704a.083.083 0 0 0-.023.116Zm12.817-7.784a.083.083 0 1 1 .078.147l-.479.256a.083.083 0 1 1-.078-.147l.479-.256ZM5.425 39.638c.022.04.072.055.113.034l.48-.256a.083.083 0 0 0-.08-.147l-.479.256a.083.083 0 0 0-.034.113Zm10.871 2.601a.083.083 0 0 1-.139.093l-.704-1.054a.083.083 0 0 1 .139-.093l.704 1.054ZM7.888 29.806a.083.083 0 0 0-.023.115l.704 1.055a.083.083 0 1 0 .139-.093l-.704-1.054a.083.083 0 0 0-.116-.023Zm7.784 12.817a.083.083 0 1 1-.147.078l-.256-.479a.083.083 0 1 1 .147-.079l.256.48ZM8.523 29.425a.083.083 0 0 0-.034.113l.256.479a.083.083 0 0 0 .147-.078l-.256-.48a.083.083 0 0 0-.113-.034Zm7.634.404a.083.083 0 0 1 .139.092l-.704 1.055a.083.083 0 1 1-.14-.093l.705-1.054ZM7.888 42.355c.038.025.09.015.116-.023l.704-1.054a.083.083 0 1 0-.139-.093l-.704 1.054a.083.083 0 0 0 .023.116Zm8.862-12.097a.083.083 0 1 1 .13.106l-.345.42a.083.083 0 1 1-.13-.105l.345-.42ZM7.293 41.914c.036.029.088.024.117-.012l.345-.42a.083.083 0 0 0-.129-.106l-.344.42a.083.083 0 0 0 .011.118Zm11.039-1.757a.083.083 0 1 1-.093.139l-1.054-.705a.083.083 0 1 1 .093-.138l1.054.704Zm-12.526-8.27a.083.083 0 0 0 .023.116l1.054.705a.083.083 0 0 0 .093-.139l-1.054-.704a.083.083 0 0 0-.116.023Zm12.096 8.863a.083.083 0 0 1-.105.13l-.42-.346a.083.083 0 1 1 .105-.128l.42.344ZM6.247 31.293a.083.083 0 0 0 .012.117l.42.345a.083.083 0 1 0 .105-.129l-.42-.345a.083.083 0 0 0-.117.012Zm13.137 3.25a.083.083 0 1 1 .032.163l-1.243.247a.083.083 0 0 1-.033-.163l1.244-.247Zm-14.705 3.01a.083.083 0 0 0 .098.065l1.244-.248a.083.083 0 1 0-.033-.163l-1.243.247a.083.083 0 0 0-.066.098Zm14.82-2.287a.083.083 0 1 1 .017.166l-.541.054a.083.083 0 1 1-.017-.166l.541-.054ZM4.571 36.82c.004.046.045.08.09.075l.542-.055a.083.083 0 0 0-.017-.165l-.54.054a.083.083 0 0 0-.075.091Zm9.047 6.563a.083.083 0 0 1-.163.032l-.248-1.244a.083.083 0 0 1 .164-.032l.247 1.243Zm-3.01-14.705a.083.083 0 0 0-.065.098l.247 1.244a.083.083 0 1 0 .164-.033l-.248-1.244a.083.083 0 0 0-.098-.065Zm2.288 14.82a.083.083 0 0 1-.166.017l-.054-.541a.083.083 0 0 1 .166-.017l.054.54ZM11.341 28.57a.083.083 0 0 0-.075.091l.054.541a.083.083 0 0 0 .166-.016l-.054-.541a.083.083 0 0 0-.091-.075Z",
+    clipRule: "evenodd"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M6.54297 41.4568L11.2074 35.1975L11.9998 35.9911L6.54297 41.4568Z",
-    fill: "#DDDDDD"
+    fill: "#DDD",
+    d: "m6.543 41.457 4.664-6.26.793.794-5.457 5.466Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M11.1978 35.2077L17.457 30.5432L11.9914 36L11.1978 35.2077Z",
-    fill: "#EE4444"
+    fill: "#E44",
+    d: "m11.198 35.208 6.259-4.665L11.991 36l-.793-.792Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M17.4568 30.5432L12.7923 36.8025L12 36.0089L17.4568 30.5432Z",
-    fill: "#CC0000"
+    fill: "#C00",
+    d: "m17.457 30.543-4.665 6.26-.792-.794 5.457-5.466Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M6.54297 41.4568L12.8022 36.7923L12.0086 36L6.54297 41.4568Z",
-    fill: "#AAAAAA"
+    fill: "#AAA",
+    d: "m6.543 41.457 6.26-4.665-.794-.792-5.466 5.457Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M44.2648 32.3732C43.8772 31.4408 43.0922 30.4343 42.4757 30.1161C42.9774 31.0997 43.2678 32.0864 43.3788 32.8227C43.3788 32.8242 43.3793 32.8278 43.3805 32.8376C42.3721 30.3241 40.6621 29.3105 39.2658 27.1037C39.1953 26.9921 39.1246 26.8802 39.0557 26.7623C39.0206 26.7021 38.9879 26.6405 38.9575 26.5778C38.8995 26.4658 38.8547 26.3474 38.8242 26.225C38.8244 26.2192 38.8224 26.2136 38.8187 26.2091C38.8149 26.2047 38.8097 26.2019 38.8039 26.2011C38.7984 26.1996 38.7926 26.1996 38.7872 26.2011C38.7859 26.2016 38.7841 26.203 38.7827 26.2035C38.7808 26.2043 38.7783 26.2061 38.7762 26.2073C38.7772 26.2059 38.7793 26.2029 38.7799 26.2022C36.5396 27.5142 35.7796 29.9414 35.7098 31.1557C34.8152 31.2172 33.9598 31.5468 33.2553 32.1016C33.1815 32.0392 33.1044 31.981 33.0243 31.9271C32.821 31.216 32.8124 30.4633 32.9993 29.7476C32.0831 30.1648 31.3705 30.8242 30.8525 31.4064H30.8484C30.4948 30.9586 30.5198 29.4814 30.5399 29.173C30.5357 29.1539 30.2762 29.3077 30.2422 29.3309C29.9302 29.5536 29.6386 29.8035 29.3706 30.0776C29.0658 30.3868 28.7872 30.7208 28.5378 31.0763C28.5378 31.0767 28.5376 31.0773 28.5374 31.0777C28.5374 31.0772 28.5377 31.0767 28.5378 31.0763C27.9643 31.889 27.5576 32.8072 27.3412 33.778C27.3369 33.7974 27.3333 33.8174 27.3291 33.8369C27.3124 33.9154 27.2519 34.3082 27.2414 34.3935C27.2406 34.4001 27.2402 34.4064 27.2394 34.413C27.1613 34.8191 27.1129 35.2303 27.0947 35.6434C27.0947 35.6586 27.0938 35.6737 27.0938 35.689C27.0939 40.6139 31.0869 44.6062 36.0122 44.6062C40.4232 44.6062 44.0857 41.4041 44.8027 37.198C44.8178 37.0839 44.8299 36.9691 44.8432 36.854C45.0205 35.3247 44.8236 33.7173 44.2648 32.3732ZM33.9857 39.3532C34.0274 39.3731 34.0666 39.3949 34.1094 39.414C34.1112 39.4153 34.1137 39.4166 34.1155 39.4177C34.0719 39.3969 34.0286 39.3754 33.9857 39.3532V39.3532ZM43.3812 32.8398L43.38 32.8311C43.3805 32.8343 43.381 32.8376 43.3815 32.8407L43.3812 32.8398Z",
-    fill: "url(#paint2_linear_195_4175)"
+    fill: "url(#i)",
+    d: "M44.265 32.373c-.388-.932-1.173-1.939-1.79-2.257.502.984.793 1.97.904 2.707l.002.015c-1.009-2.514-2.719-3.527-4.115-5.734-.07-.112-.141-.224-.21-.342a2.736 2.736 0 0 1-.098-.184 1.618 1.618 0 0 1-.14-.369.024.024 0 0 0-.014-.008.032.032 0 0 0-.017 0l-.004.002-.007.004.004-.005c-2.24 1.312-3 3.74-3.07 4.954a4.462 4.462 0 0 0-2.455.946 2.643 2.643 0 0 0-.23-.175 4.131 4.131 0 0 1-.026-2.18c-.916.418-1.629 1.077-2.147 1.66h-.004c-.353-.448-.328-1.926-.308-2.234-.004-.02-.264.135-.298.158a6.502 6.502 0 0 0-.871.747 7.82 7.82 0 0 0-.834 1v-.002a7.525 7.525 0 0 0-1.196 2.702l-.012.059c-.017.078-.077.471-.088.556 0 .007 0 .013-.002.02a8.495 8.495 0 0 0-.144 1.23l-.001.046a8.92 8.92 0 0 0 17.709 1.509c.015-.114.027-.229.04-.344.177-1.53-.02-3.137-.578-4.48Zm-10.28 6.98c.042.02.082.042.124.061l.006.004a4.474 4.474 0 0 1-.13-.065Zm9.396-6.513-.001-.009.002.01v-.001Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M44.2647 32.3732C43.8771 31.4409 43.0921 30.4343 42.4756 30.1162C42.9773 31.0998 43.2677 32.0865 43.3787 32.8228C43.3787 32.8207 43.3791 32.8246 43.38 32.8312C43.3805 32.8344 43.381 32.8377 43.3815 32.8408C44.223 35.1219 43.7645 37.4416 43.104 38.859C42.082 41.0522 39.6077 43.2999 35.7349 43.1903C31.5507 43.0718 27.8644 39.9671 27.1763 35.9007C27.0509 35.2595 27.1763 34.9339 27.2394 34.4133C27.1626 34.8146 27.1333 34.9306 27.0947 35.6437C27.0947 35.6589 27.0938 35.674 27.0938 35.6892C27.0938 40.6139 31.0868 44.6062 36.0121 44.6062C40.4231 44.6062 44.0856 41.4041 44.8026 37.1981C44.8177 37.0839 44.8298 36.9692 44.8432 36.854C45.0204 35.3248 44.8235 33.7174 44.2647 32.3732Z",
-    fill: "url(#paint3_radial_195_4175)"
+    fill: "url(#j)",
+    d: "M44.265 32.373c-.388-.932-1.173-1.939-1.79-2.257.502.984.793 1.97.904 2.707l.001.008.002.01c.841 2.28.383 4.6-.278 6.018-1.022 2.193-3.496 4.44-7.37 4.331-4.183-.118-7.87-3.223-8.558-7.29-.125-.64 0-.966.063-1.487-.076.402-.106.518-.144 1.23l-.001.046a8.92 8.92 0 0 0 17.709 1.509c.015-.114.027-.229.04-.344.177-1.53-.02-3.137-.578-4.48Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M44.2647 32.3732C43.8771 31.4409 43.0921 30.4343 42.4756 30.1162C42.9773 31.0998 43.2677 32.0865 43.3787 32.8228C43.3787 32.8207 43.3791 32.8246 43.38 32.8312C43.3805 32.8344 43.381 32.8377 43.3815 32.8408C44.223 35.1219 43.7645 37.4416 43.104 38.859C42.082 41.0522 39.6077 43.2999 35.7349 43.1903C31.5507 43.0718 27.8644 39.9671 27.1763 35.9007C27.0509 35.2595 27.1763 34.9339 27.2394 34.4133C27.1626 34.8146 27.1333 34.9306 27.0947 35.6437C27.0947 35.6589 27.0938 35.674 27.0938 35.6892C27.0938 40.6139 31.0868 44.6062 36.0121 44.6062C40.4231 44.6062 44.0856 41.4041 44.8026 37.1981C44.8177 37.0839 44.8298 36.9692 44.8432 36.854C45.0204 35.3248 44.8235 33.7174 44.2647 32.3732Z",
-    fill: "url(#paint4_radial_195_4175)"
+    fill: "url(#k)",
+    d: "M44.265 32.373c-.388-.932-1.173-1.939-1.79-2.257.502.984.793 1.97.904 2.707l.001.008.002.01c.841 2.28.383 4.6-.278 6.018-1.022 2.193-3.496 4.44-7.37 4.331-4.183-.118-7.87-3.223-8.558-7.29-.125-.64 0-.966.063-1.487-.076.402-.106.518-.144 1.23l-.001.046a8.92 8.92 0 0 0 17.709 1.509c.015-.114.027-.229.04-.344.177-1.53-.02-3.137-.578-4.48Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M39.9309 33.4215C39.9503 33.4351 39.968 33.4487 39.9863 33.4623C39.7625 33.0651 39.4838 32.7014 39.1584 32.382C36.3861 29.6101 38.4315 26.3717 38.7764 26.2072C38.7774 26.2059 38.7795 26.2029 38.7801 26.2021C36.5398 27.5142 35.7798 29.9413 35.71 31.1557C35.8139 31.1485 35.9175 31.1397 36.0232 31.1397C37.6951 31.1397 39.1511 32.0589 39.9309 33.4215V33.4215Z",
-    fill: "url(#paint5_radial_195_4175)"
+    fill: "url(#l)",
+    d: "M39.93 33.422c.02.013.038.027.056.04a4.85 4.85 0 0 0-.828-1.08c-2.772-2.772-.727-6.01-.382-6.175l.004-.005c-2.24 1.312-3 3.74-3.07 4.954.104-.008.207-.016.313-.016a4.5 4.5 0 0 1 3.908 2.282Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M36.0284 33.9749C36.0138 34.1967 35.2301 34.9617 34.956 34.9617C32.42 34.9617 32.0083 36.4956 32.0083 36.4956C32.1206 37.7874 33.0199 38.8512 34.1091 39.414C34.1588 39.4397 34.2091 39.4629 34.2594 39.4858C34.3457 39.524 34.433 39.5598 34.5213 39.5929C34.8948 39.7252 35.286 39.8006 35.6818 39.8167C40.1268 40.0252 40.9879 34.5029 37.7801 32.8993C38.6016 32.7564 39.4543 33.0868 39.9305 33.4213C39.1508 32.0588 37.6947 31.1396 36.0229 31.1396C35.9171 31.1396 35.8136 31.1484 35.7096 31.1556C34.815 31.2171 33.9597 31.5467 33.2551 32.1014C33.3911 32.2165 33.5446 32.3702 33.868 32.6888C34.4729 33.285 36.0251 33.9024 36.0284 33.9749V33.9749Z",
-    fill: "url(#paint6_radial_195_4175)"
+    fill: "url(#m)",
+    d: "M36.028 33.975c-.014.222-.798.987-1.072.987-2.536 0-2.948 1.534-2.948 1.534.113 1.291 1.012 2.355 2.101 2.918a4.873 4.873 0 0 0 .412.179c.374.132.765.208 1.16.224 4.446.208 5.307-5.314 2.1-6.918.82-.143 1.673.188 2.15.522a4.5 4.5 0 0 0-3.908-2.281c-.106 0-.21.008-.313.016a4.463 4.463 0 0 0-2.455.945c.136.116.29.27.613.588.605.596 2.157 1.213 2.16 1.286Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M36.0284 33.9749C36.0138 34.1967 35.2301 34.9617 34.956 34.9617C32.42 34.9617 32.0083 36.4956 32.0083 36.4956C32.1206 37.7874 33.0199 38.8512 34.1091 39.414C34.1588 39.4397 34.2091 39.4629 34.2594 39.4858C34.3457 39.524 34.433 39.5598 34.5213 39.5929C34.8948 39.7252 35.286 39.8006 35.6818 39.8167C40.1268 40.0252 40.9879 34.5029 37.7801 32.8993C38.6016 32.7564 39.4543 33.0868 39.9305 33.4213C39.1508 32.0588 37.6947 31.1396 36.0229 31.1396C35.9171 31.1396 35.8136 31.1484 35.7096 31.1556C34.815 31.2171 33.9597 31.5467 33.2551 32.1014C33.3911 32.2165 33.5446 32.3702 33.868 32.6888C34.4729 33.285 36.0251 33.9024 36.0284 33.9749V33.9749Z",
-    fill: "url(#paint7_radial_195_4175)"
+    fill: "url(#n)",
+    d: "M36.028 33.975c-.014.222-.798.987-1.072.987-2.536 0-2.948 1.534-2.948 1.534.113 1.291 1.012 2.355 2.101 2.918a4.873 4.873 0 0 0 .412.179c.374.132.765.208 1.16.224 4.446.208 5.307-5.314 2.1-6.918.82-.143 1.673.188 2.15.522a4.5 4.5 0 0 0-3.908-2.281c-.106 0-.21.008-.313.016a4.463 4.463 0 0 0-2.455.945c.136.116.29.27.613.588.605.596 2.157 1.213 2.16 1.286Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M32.8395 31.8048C32.9016 31.8449 32.9632 31.8857 33.0243 31.9273C32.8211 31.2161 32.8124 30.4634 32.9993 29.7478C32.0832 30.1649 31.3706 30.8243 30.8525 31.4066C30.8954 31.4054 32.189 31.3821 32.8395 31.8048V31.8048Z",
-    fill: "url(#paint8_radial_195_4175)"
+    fill: "url(#o)",
+    d: "M32.84 31.805c.062.04.123.08.184.122a4.132 4.132 0 0 1-.025-2.18c-.916.418-1.628 1.077-2.147 1.66.043-.002 1.337-.025 1.988.398Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M27.1761 35.9006C27.8642 39.967 31.5504 43.0717 35.7347 43.1902C39.6075 43.2998 42.0818 41.0519 43.1037 38.8589C43.7643 37.4413 44.2227 35.122 43.3813 32.8407L43.381 32.8397L43.3798 32.8311C43.3789 32.8245 43.3783 32.8206 43.3784 32.8227C43.3784 32.8242 43.379 32.8278 43.3802 32.8376C43.6965 34.9031 42.6458 36.9041 41.0033 38.2572L40.9984 38.2688C37.7979 40.8747 34.7353 39.841 34.1152 39.4179C34.0716 39.3969 34.0283 39.3754 33.9853 39.3532C32.1193 38.4615 31.3485 36.7616 31.5138 35.3037C29.9382 35.3037 29.401 33.9748 29.401 33.9748C29.401 33.9748 30.8156 32.9663 32.6799 33.8434C34.4066 34.6559 36.0282 33.9749 36.0284 33.9748C36.0251 33.9024 34.4729 33.285 33.8678 32.6888C33.5445 32.3702 33.3909 32.2166 33.255 32.1014C33.1812 32.0391 33.1041 31.9809 33.024 31.927C32.9628 31.8855 32.9012 31.8447 32.8391 31.8045C32.1887 31.3818 30.895 31.4051 30.8522 31.4062H30.8481C30.4945 30.9584 30.5195 29.4812 30.5396 29.1728C30.5354 29.1537 30.2759 29.3075 30.2419 29.3307C29.9299 29.5534 29.6382 29.8032 29.3703 30.0773C29.0654 30.3866 28.7869 30.7207 28.5375 31.0763C28.5375 31.0767 28.5373 31.0772 28.5371 31.0777C28.5371 31.0772 28.5374 31.0767 28.5375 31.0763C27.964 31.8889 27.5573 32.8072 27.3409 33.778C27.3366 33.7974 27.0199 35.1823 27.1761 35.9006V35.9006Z",
-    fill: "url(#paint9_radial_195_4175)"
+    fill: "url(#p)",
+    d: "M27.176 35.9c.688 4.067 4.374 7.172 8.559 7.29 3.873.11 6.347-2.138 7.369-4.331.66-1.418 1.119-3.737.277-6.018v-.001l-.001-.009-.002-.008.002.015c.316 2.065-.734 4.066-2.377 5.42l-.005.01c-3.2 2.607-6.263 1.573-6.883 1.15a5.233 5.233 0 0 1-.13-.065c-1.866-.892-2.636-2.591-2.471-4.05-1.576 0-2.113-1.328-2.113-1.328s1.415-1.009 3.279-.132c1.727.813 3.348.132 3.348.132-.003-.073-1.555-.69-2.16-1.286-.324-.319-.477-.472-.613-.588a2.662 2.662 0 0 0-.231-.174 10.374 10.374 0 0 0-.185-.122c-.65-.423-1.944-.4-1.987-.399h-.004c-.354-.448-.328-1.925-.308-2.233-.005-.02-.264.135-.298.158a6.495 6.495 0 0 0-.872.746c-.305.31-.583.644-.832 1a7.525 7.525 0 0 0-1.197 2.701c-.004.02-.321 1.404-.165 2.123Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M39.158 32.3818C39.4834 32.7013 39.7621 33.0649 39.9859 33.4622C40.035 33.4991 40.0809 33.5358 40.1198 33.5717C42.1416 35.4346 41.0823 38.0694 41.0033 38.2571C42.6458 36.9041 43.6965 34.9031 43.3802 32.8375C42.3717 30.3241 40.6618 29.3105 39.2654 27.1037C39.1949 26.9921 39.1242 26.8802 39.0554 26.7623C39.0203 26.7021 38.9875 26.6405 38.9572 26.5778C38.8992 26.4658 38.8544 26.3474 38.8238 26.225C38.8241 26.2192 38.8221 26.2136 38.8183 26.2091C38.8146 26.2047 38.8093 26.2019 38.8036 26.2011C38.7981 26.1996 38.7923 26.1996 38.7868 26.2011C38.7856 26.2016 38.7837 26.203 38.7824 26.2035C38.7804 26.2043 38.7779 26.2061 38.7759 26.2073C38.4311 26.3716 36.3858 29.61 39.158 32.3818V32.3818Z",
-    fill: "url(#paint10_radial_195_4175)"
+    fill: "url(#q)",
+    d: "M39.158 32.382c.325.32.604.683.828 1.08.049.037.095.074.134.11 2.022 1.863.962 4.497.883 4.685 1.643-1.353 2.694-3.354 2.377-5.42-1.008-2.513-2.718-3.527-4.115-5.733-.07-.112-.14-.224-.21-.342a2.692 2.692 0 0 1-.098-.184 1.624 1.624 0 0 1-.139-.369.023.023 0 0 0-.014-.008.032.032 0 0 0-.017 0l-.005.002-.006.004c-.345.165-2.39 3.403.382 6.175Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M40.1201 33.5718C40.0812 33.5359 40.0353 33.4991 39.9862 33.4622C39.9681 33.4486 39.9502 33.435 39.9308 33.4214C39.4546 33.0869 38.6019 32.7565 37.7804 32.8994C40.9882 34.5031 40.127 40.0254 35.6821 39.8169C35.2862 39.8007 34.8951 39.7253 34.5216 39.5931C34.4333 39.5599 34.346 39.5242 34.2597 39.486C34.2093 39.4631 34.1591 39.4399 34.1094 39.4142C34.1112 39.4154 34.1136 39.4168 34.1154 39.4179C34.7355 39.8409 37.7981 40.8747 40.9986 38.2688L41.0036 38.2572C41.0826 38.0696 42.1419 35.4347 40.1201 33.5718V33.5718Z",
-    fill: "url(#paint11_radial_195_4175)"
+    fill: "url(#r)",
+    d: "M40.12 33.572a1.754 1.754 0 0 0-.134-.11l-.055-.04c-.476-.335-1.33-.665-2.15-.523 3.207 1.604 2.346 7.126-2.099 6.918a3.963 3.963 0 0 1-1.16-.224 4.957 4.957 0 0 1-.413-.179l.006.004c.62.423 3.683 1.457 6.884-1.15l.005-.01c.079-.188 1.138-2.823-.884-4.686Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M32.0086 36.4958C32.0086 36.4958 32.4203 34.9618 34.9563 34.9618C35.2305 34.9618 36.0143 34.1968 36.0288 33.975C36.0433 33.7532 34.4071 34.656 32.6803 33.8436C30.8159 32.9664 29.4014 33.975 29.4014 33.975C29.4014 33.975 29.9386 35.3038 31.5142 35.3038C31.3489 36.7617 32.1197 38.4619 33.9856 39.3534C34.0273 39.3733 34.0665 39.3951 34.1094 39.4142C33.0203 38.8513 32.121 37.7875 32.0086 36.4958V36.4958Z",
-    fill: "url(#paint12_radial_195_4175)"
+    fill: "url(#s)",
+    d: "M32.009 36.496s.411-1.534 2.947-1.534c.274 0 1.058-.765 1.073-.987.014-.222-1.622.681-3.349-.131-1.864-.878-3.279.131-3.279.131s.538 1.329 2.113 1.329c-.165 1.458.606 3.158 2.472 4.05.041.02.08.041.123.06-1.089-.563-1.988-1.627-2.1-2.918Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M44.2647 32.3732C43.8771 31.4408 43.092 30.4343 42.4755 30.1161C42.9773 31.0997 43.2676 32.0864 43.3786 32.8227C43.3786 32.8242 43.3792 32.8278 43.3804 32.8376C42.3719 30.3241 40.6619 29.3105 39.2656 27.1037C39.1951 26.9921 39.1244 26.8802 39.0555 26.7623C39.0205 26.7021 38.9877 26.6405 38.9574 26.5778C38.8993 26.4658 38.8546 26.3474 38.824 26.225C38.8242 26.2192 38.8223 26.2136 38.8185 26.2091C38.8148 26.2047 38.8095 26.2019 38.8038 26.2011C38.7983 26.1996 38.7925 26.1996 38.787 26.2011C38.7858 26.2016 38.7839 26.203 38.7826 26.2035C38.7806 26.2043 38.7781 26.2061 38.776 26.2073C38.777 26.2059 38.7791 26.2029 38.7798 26.2022C36.5395 27.5142 35.7795 29.9414 35.7096 31.1557C35.8135 31.1485 35.9171 31.1398 36.0229 31.1398C37.6948 31.1398 39.1509 32.059 39.9305 33.4214C39.4543 33.0869 38.6016 32.7565 37.7801 32.8994C40.9879 34.5031 40.1267 40.0254 35.6818 39.8169C35.286 39.8007 34.8948 39.7253 34.5213 39.5931C34.433 39.5599 34.3457 39.5242 34.2594 39.486C34.2091 39.4631 34.1588 39.4399 34.1091 39.4142C34.1109 39.4154 34.1133 39.4168 34.1151 39.4179C34.0716 39.3969 34.0283 39.3754 33.9853 39.3532C34.027 39.3731 34.0662 39.3949 34.109 39.414C33.0198 38.8512 32.1205 37.7874 32.0082 36.4956C32.0082 36.4956 32.4198 34.9617 34.9559 34.9617C35.23 34.9617 36.0138 34.1967 36.0283 33.9749C36.025 33.9024 34.4728 33.285 33.8677 32.6888C33.5444 32.3703 33.3908 32.2167 33.2549 32.1014C33.1811 32.0391 33.104 31.9809 33.0239 31.927C32.8206 31.2159 32.812 30.4632 32.9989 29.7475C32.0827 30.1647 31.3701 30.8241 30.8521 31.4063H30.848C30.4944 30.9585 30.5194 29.4813 30.5395 29.1729C30.5353 29.1538 30.2758 29.3076 30.2418 29.3308C29.9298 29.5535 29.6381 29.8034 29.3702 30.0775C29.0654 30.3867 28.7869 30.7208 28.5377 31.0763C28.5377 31.0767 28.5374 31.0773 28.5373 31.0777C28.5373 31.0772 28.5375 31.0767 28.5377 31.0763C27.9642 31.889 27.5575 32.8072 27.341 33.778C27.3367 33.7974 27.3331 33.8174 27.329 33.8369C27.3122 33.9154 27.2367 34.3139 27.2262 34.3993C27.2254 34.4059 27.227 34.3928 27.2262 34.3993C27.1574 34.8111 27.1134 35.2266 27.0947 35.6436C27.0947 35.6588 27.0938 35.6739 27.0938 35.6891C27.0938 40.6139 31.0867 44.6062 36.012 44.6062C40.423 44.6062 44.0855 41.4041 44.8026 37.198C44.8177 37.0839 44.8298 36.9691 44.8431 36.854C45.0204 35.3247 44.8234 33.7173 44.2647 32.3732ZM43.3799 32.8311C43.3804 32.8343 43.3809 32.8376 43.3814 32.8407L43.3811 32.8398L43.3799 32.8311V32.8311Z",
-    fill: "url(#paint13_linear_195_4175)"
+    fill: "url(#t)",
+    d: "M44.265 32.373c-.388-.932-1.173-1.939-1.79-2.257.502.984.793 1.97.904 2.707l.001.015c-1.008-2.514-2.718-3.527-4.114-5.734-.07-.112-.142-.224-.21-.342a2.735 2.735 0 0 1-.099-.184 1.618 1.618 0 0 1-.139-.369.023.023 0 0 0-.014-.008.032.032 0 0 0-.017 0l-.004.002-.007.004.004-.005c-2.24 1.312-3 3.74-3.07 4.954.103-.008.207-.016.313-.016a4.5 4.5 0 0 1 3.907 2.281c-.476-.334-1.328-.664-2.15-.522 3.208 1.604 2.347 7.126-2.098 6.918a3.964 3.964 0 0 1-1.16-.224 4.957 4.957 0 0 1-.413-.179l.006.004a5.406 5.406 0 0 1-.13-.065c.042.02.081.042.124.061-1.09-.563-1.989-1.627-2.1-2.918 0 0 .41-1.534 2.947-1.534.274 0 1.058-.765 1.072-.987-.003-.073-1.555-.69-2.16-1.286-.324-.319-.477-.472-.613-.588a2.662 2.662 0 0 0-.231-.174 4.131 4.131 0 0 1-.025-2.18c-.916.418-1.629 1.077-2.147 1.66h-.004c-.354-.448-.329-1.926-.308-2.234-.005-.02-.264.135-.298.158a6.496 6.496 0 0 0-.872.747c-.305.309-.583.643-.832.998v.002-.002a7.527 7.527 0 0 0-1.197 2.702l-.012.059c-.017.078-.092.477-.103.562 0 .007.001-.006 0 0a10.37 10.37 0 0 0-.131 1.245l-.001.045a8.92 8.92 0 0 0 17.709 1.509c.015-.114.027-.229.04-.344.177-1.53-.02-3.137-.578-4.48Zm-.885.458.001.01v-.001l-.001-.009Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M8.70361 13.8956L11.9943 8.21923L19.4009 8.20212C19.3409 8.08553 19.2783 7.96964 19.2123 7.85478C16.9186 3.86467 11.8246 2.48945 7.83447 4.78312C6.65197 5.46289 5.69917 6.38867 5.00342 7.45873L8.70361 13.8956Z",
-    fill: "#DB4437"
+    fill: "#DB4437",
+    d: "m8.704 13.896 3.29-5.677 7.407-.017A8.333 8.333 0 0 0 5.004 7.46l3.7 6.437Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M15.2932 13.8952L8.73198 13.8836L5.01381 7.47778C4.94284 7.58803 4.87381 7.70023 4.80734 7.81487C2.49865 11.7963 3.85465 16.8954 7.83609 19.2041C9.01606 19.8883 10.2942 20.2506 11.5688 20.3181L15.2932 13.8952Z",
-    fill: "#0F9D58"
+    fill: "#0F9D58",
+    d: "m15.293 13.895-6.561-.011-3.718-6.406a8.333 8.333 0 0 0 6.555 12.84l3.724-6.423Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M11.985 8.18848L15.2662 13.8703L11.5898 20.3001C11.7208 20.3063 11.8525 20.3097 11.985 20.3097C16.5874 20.3097 20.3183 16.5787 20.3183 11.9763C20.3183 10.6123 19.9905 9.32492 19.4096 8.18848L11.985 8.18848Z",
-    fill: "#FFCD40"
+    fill: "#FFCD40",
+    d: "m11.985 8.188 3.281 5.682-3.676 6.43a8.333 8.333 0 0 0 7.82-12.112h-7.425Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M12.0151 8.21606V10.2L19.4394 8.21606H12.0151Z",
-    fill: "url(#paint14_radial_195_4175)"
+    fill: "url(#u)",
+    d: "M12.015 8.216V10.2l7.424-1.984h-7.424Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M5.00488 7.50122L10.4263 12.9217L8.73499 13.898L5.00488 7.50122Z",
-    fill: "url(#paint15_radial_195_4175)"
+    fill: "url(#v)",
+    d: "m5.005 7.501 5.421 5.42-1.691.977-3.73-6.397Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M11.6201 20.3269L13.605 12.9216L15.2963 13.8979L11.6201 20.3269Z",
-    fill: "url(#paint16_radial_195_4175)"
+    fill: "url(#w)",
+    d: "m11.62 20.327 1.985-7.405 1.691.976-3.676 6.429Z"
   }), /*#__PURE__*/React.createElement("circle", {
-    cx: "12.0154",
-    cy: "12.0039",
-    r: "3.78786",
+    cx: "12.015",
+    cy: "12.004",
+    r: "3.788",
     fill: "#F1F1F1"
-  }), /*#__PURE__*/React.createElement("ellipse", {
-    cx: "12.0152",
-    cy: "12.0039",
-    rx: "3.03031",
-    ry: "3.03031",
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "12.015",
+    cy: "12.004",
+    r: "3.03",
     fill: "#4285F4"
-  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
-    id: "paint0_linear_195_4175",
-    x1: "3.3379",
-    y1: "27.3385",
-    x2: "3.3379",
-    y2: "44.6719",
+  }), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("radialGradient", {
+    id: "b",
+    cx: "0",
+    cy: "0",
+    r: "1",
+    gradientTransform: "matrix(6.21094 0 0 5.90039 37.901 15.278)",
     gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/React.createElement("stop", {
-    stopColor: "#F8F8F8"
+    offset: ".7",
+    stopOpacity: "0"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "1",
-    stopColor: "#CCCCCC"
+    offset: ".9",
+    stopOpacity: ".5"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "1"
   })), /*#__PURE__*/React.createElement("radialGradient", {
-    id: "paint1_radial_195_4175",
+    id: "d",
     cx: "0",
     cy: "0",
     r: "1",
-    gradientUnits: "userSpaceOnUse",
-    gradientTransform: "translate(12.0025 36.0052) scale(7.94444)"
+    gradientTransform: "matrix(1.39843 -9.22969 7.45666 1.12979 32.26 16.618)",
+    gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/React.createElement("stop", {
-    stopColor: "#00F0FF"
+    offset: ".8",
+    stopOpacity: "0"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "1",
-    stopColor: "#0070E0"
-  })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "paint2_linear_195_4175",
-    x1: "42.6353",
-    y1: "29.0529",
-    x2: "28.3153",
-    y2: "42.8666",
+    offset: ".9",
+    stopOpacity: ".5"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "1"
+  })), /*#__PURE__*/React.createElement("radialGradient", {
+    id: "e",
+    cx: "0",
+    cy: "0",
+    r: "1",
+    gradientTransform: "matrix(-.52708 13.17706 -28.06446 -1.12257 29.352 6.747)",
     gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/React.createElement("stop", {
-    offset: "0.05",
-    stopColor: "#FFF44F"
+    stopColor: "#35C1F1"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.37",
-    stopColor: "#FF980E"
+    offset: ".1",
+    stopColor: "#34C1ED"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.53",
-    stopColor: "#FF3647"
+    offset: ".2",
+    stopColor: "#2FC2DF"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.7",
-    stopColor: "#E31587"
+    offset: ".3",
+    stopColor: "#2BC3D2"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: ".7",
+    stopColor: "#36C752"
   })), /*#__PURE__*/React.createElement("radialGradient", {
-    id: "paint3_radial_195_4175",
+    id: "f",
     cx: "0",
     cy: "0",
     r: "1",
-    gradientUnits: "userSpaceOnUse",
-    gradientTransform: "translate(39.4362 28.2518) scale(18.2401 18.5472)"
+    gradientTransform: "rotate(73.74 15.848 33.213) scale(6.33463 5.15133)",
+    gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/React.createElement("stop", {
-    offset: "0.13",
+    stopColor: "#66EB6E"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "1",
+    stopColor: "#66EB6E",
+    stopOpacity: "0"
+  })), /*#__PURE__*/React.createElement("radialGradient", {
+    id: "h",
+    cx: "0",
+    cy: "0",
+    r: "1",
+    gradientTransform: "translate(12.002 36.005) scale(7.94444)",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#00F0FF"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "1",
+    stopColor: "#0070E0"
+  })), /*#__PURE__*/React.createElement("radialGradient", {
+    id: "j",
+    cx: "0",
+    cy: "0",
+    r: "1",
+    gradientTransform: "matrix(18.2401 0 0 18.5472 39.436 28.252)",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    offset: ".13",
     stopColor: "#FFBD4F"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.28",
+    offset: ".28",
     stopColor: "#FF980E"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.47",
+    offset: ".47",
     stopColor: "#FF3750"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.78",
+    offset: ".78",
     stopColor: "#EB0878"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.86",
+    offset: ".86",
     stopColor: "#E50080"
   })), /*#__PURE__*/React.createElement("radialGradient", {
-    id: "paint4_radial_195_4175",
+    id: "k",
     cx: "0",
     cy: "0",
     r: "1",
-    gradientUnits: "userSpaceOnUse",
-    gradientTransform: "translate(34.1472 35.9122) scale(18.6961 18.5472)"
+    gradientTransform: "matrix(18.6961 0 0 18.5472 34.147 35.912)",
+    gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/React.createElement("stop", {
-    offset: "0.3",
+    offset: ".3",
     stopColor: "#960E18"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.35",
+    offset: ".35",
     stopColor: "#B11927",
-    stopOpacity: "0.74"
+    stopOpacity: ".74"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.43",
+    offset: ".43",
     stopColor: "#DB293D",
-    stopOpacity: "0.34"
+    stopOpacity: ".34"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.5",
+    offset: ".5",
     stopColor: "#F5334B",
-    stopOpacity: "0.09"
+    stopOpacity: ".09"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.53",
+    offset: ".53",
     stopColor: "#FF3750",
     stopOpacity: "0"
   })), /*#__PURE__*/React.createElement("radialGradient", {
-    id: "paint5_radial_195_4175",
+    id: "l",
     cx: "0",
     cy: "0",
     r: "1",
-    gradientUnits: "userSpaceOnUse",
-    gradientTransform: "translate(37.7626 25.3309) scale(5.98687 10.1642)"
+    gradientTransform: "matrix(5.98687 0 0 10.1642 37.763 25.33)",
+    gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/React.createElement("stop", {
-    offset: "0.13",
+    offset: ".13",
     stopColor: "#FFF44F"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.53",
+    offset: ".53",
     stopColor: "#FF980E"
   })), /*#__PURE__*/React.createElement("radialGradient", {
-    id: "paint6_radial_195_4175",
+    id: "m",
     cx: "0",
     cy: "0",
     r: "1",
-    gradientUnits: "userSpaceOnUse",
-    gradientTransform: "translate(33.8114 40.7003) scale(7.92222 8.68285)"
+    gradientTransform: "matrix(7.92222 0 0 8.68285 33.811 40.7)",
+    gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/React.createElement("stop", {
-    offset: "0.35",
+    offset: ".35",
     stopColor: "#3A8EE6"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.67",
+    offset: ".67",
     stopColor: "#9059FF"
@@ -254,155 +302,216 @@ }), /*#__PURE__*/React.createElement("stop", {
   })), /*#__PURE__*/React.createElement("radialGradient", {
-    id: "paint7_radial_195_4175",
+    id: "n",
     cx: "0",
     cy: "0",
     r: "1",
-    gradientUnits: "userSpaceOnUse",
-    gradientTransform: "translate(35.165 34.005) scale(4.2067 5.12288)"
+    gradientTransform: "matrix(4.2067 0 0 5.12288 35.165 34.005)",
+    gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/React.createElement("stop", {
-    offset: "0.21",
+    offset: ".21",
     stopColor: "#9059FF",
     stopOpacity: "0"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.97",
+    offset: ".97",
     stopColor: "#6E008B",
-    stopOpacity: "0.6"
+    stopOpacity: ".6"
   })), /*#__PURE__*/React.createElement("radialGradient", {
-    id: "paint8_radial_195_4175",
+    id: "o",
     cx: "0",
     cy: "0",
     r: "1",
-    gradientUnits: "userSpaceOnUse",
-    gradientTransform: "translate(35.4133 27.5683) scale(6.29819 6.32057)"
+    gradientTransform: "matrix(6.29819 0 0 6.32057 35.413 27.568)",
+    gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/React.createElement("stop", {
-    offset: "0.1",
+    offset: ".1",
     stopColor: "#FFE226"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.79",
+    offset: ".79",
     stopColor: "#FF7139"
   })), /*#__PURE__*/React.createElement("radialGradient", {
-    id: "paint9_radial_195_4175",
+    id: "p",
     cx: "0",
     cy: "0",
     r: "1",
-    gradientUnits: "userSpaceOnUse",
-    gradientTransform: "translate(41.165 23.4218) scale(30.0689 25.2412)"
+    gradientTransform: "matrix(30.0689 0 0 25.2412 41.165 23.422)",
+    gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/React.createElement("stop", {
-    offset: "0.11",
+    offset: ".11",
     stopColor: "#FFF44F"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.46",
+    offset: ".46",
     stopColor: "#FF980E"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.72",
+    offset: ".72",
     stopColor: "#FF3647"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.9",
+    offset: ".9",
     stopColor: "#E31587"
   })), /*#__PURE__*/React.createElement("radialGradient", {
-    id: "paint10_radial_195_4175",
+    id: "q",
     cx: "0",
     cy: "0",
     r: "1",
-    gradientUnits: "userSpaceOnUse",
-    gradientTransform: "translate(29.998 31.7574) rotate(77.3946) scale(9.53983 41.2679)"
+    gradientTransform: "matrix(2.08193 9.30988 -40.27319 9.0061 29.998 31.757)",
+    gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/React.createElement("stop", {
     stopColor: "#FFF44F"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.3",
+    offset: ".3",
     stopColor: "#FF980E"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.57",
+    offset: ".57",
     stopColor: "#FF3647"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.74",
+    offset: ".74",
     stopColor: "#E31587"
   })), /*#__PURE__*/React.createElement("radialGradient", {
-    id: "paint11_radial_195_4175",
+    id: "r",
     cx: "0",
     cy: "0",
     r: "1",
-    gradientUnits: "userSpaceOnUse",
-    gradientTransform: "translate(35.478 29.8416) scale(17.264 16.9607)"
+    gradientTransform: "matrix(17.264 0 0 16.9607 35.478 29.842)",
+    gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/React.createElement("stop", {
-    offset: "0.14",
+    offset: ".14",
     stopColor: "#FFF44F"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.48",
+    offset: ".48",
     stopColor: "#FF980E"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.66",
+    offset: ".66",
     stopColor: "#FF3647"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.9",
+    offset: ".9",
     stopColor: "#E31587"
   })), /*#__PURE__*/React.createElement("radialGradient", {
-    id: "paint12_radial_195_4175",
+    id: "s",
     cx: "0",
     cy: "0",
     r: "1",
-    gradientUnits: "userSpaceOnUse",
-    gradientTransform: "translate(39.959 30.8336) scale(20.7507 18.564)"
+    gradientTransform: "matrix(20.7507 0 0 18.564 39.959 30.834)",
+    gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/React.createElement("stop", {
-    offset: "0.09",
+    offset: ".09",
     stopColor: "#FFF44F"
   }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.63",
+    offset: ".63",
     stopColor: "#FF980E"
-  })), /*#__PURE__*/React.createElement("linearGradient", {
-    id: "paint13_linear_195_4175",
-    x1: "41.3437",
-    y1: "28.7768",
-    x2: "29.8927",
-    y2: "41.2884",
-    gradientUnits: "userSpaceOnUse"
-  }, /*#__PURE__*/React.createElement("stop", {
-    offset: "0.17",
-    stopColor: "#FFF44F",
-    stopOpacity: "0.8"
-  }), /*#__PURE__*/React.createElement("stop", {
-    offset: "0.6",
-    stopColor: "#FFF44F",
-    stopOpacity: "0"
   })), /*#__PURE__*/React.createElement("radialGradient", {
-    id: "paint14_radial_195_4175",
+    id: "u",
     cx: "0",
     cy: "0",
     r: "1",
-    gradientUnits: "userSpaceOnUse",
-    gradientTransform: "translate(11.6536 8.21118) scale(7.96186 2.12756)"
+    gradientTransform: "matrix(7.96186 0 0 2.12756 11.654 8.211)",
+    gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/React.createElement("stop", {
     stopColor: "#3E2723",
-    stopOpacity: "0.2"
+    stopOpacity: ".2"
   }), /*#__PURE__*/React.createElement("stop", {
     offset: "1",
     stopColor: "#3E2723",
-    stopOpacity: "0.01"
+    stopOpacity: ".01"
   })), /*#__PURE__*/React.createElement("radialGradient", {
-    id: "paint15_radial_195_4175",
+    id: "v",
     cx: "0",
     cy: "0",
     r: "1",
-    gradientUnits: "userSpaceOnUse",
-    gradientTransform: "translate(4.99641 7.50774) scale(7.39055 8.72018)"
+    gradientTransform: "matrix(7.39055 0 0 8.72018 4.996 7.508)",
+    gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/React.createElement("stop", {
     stopColor: "#3E2723",
-    stopOpacity: "0.2"
+    stopOpacity: ".2"
   }), /*#__PURE__*/React.createElement("stop", {
     offset: "1",
     stopColor: "#3E2723",
-    stopOpacity: "0.01"
+    stopOpacity: ".01"
   })), /*#__PURE__*/React.createElement("radialGradient", {
-    id: "paint16_radial_195_4175",
+    id: "w",
     cx: "0",
     cy: "0",
     r: "1",
-    gradientUnits: "userSpaceOnUse",
-    gradientTransform: "translate(12 12.0168) scale(8.321 16.762)"
+    gradientTransform: "matrix(8.321 0 0 16.762 12 12.017)",
+    gradientUnits: "userSpaceOnUse"
   }, /*#__PURE__*/React.createElement("stop", {
     stopColor: "#263238",
-    stopOpacity: "0.2"
+    stopOpacity: ".2"
   }), /*#__PURE__*/React.createElement("stop", {
     offset: "1",
     stopColor: "#263238",
-    stopOpacity: "0.01"
+    stopOpacity: ".01"
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "a",
+    x1: "31.488",
+    x2: "43.103",
+    y1: "15.19",
+    y2: "15.19",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#0C59A4"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "1",
+    stopColor: "#114A8B"
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "c",
+    x1: "37.608",
+    x2: "30.362",
+    y1: "10.151",
+    y2: "18.048",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#1B9DE2"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: ".2",
+    stopColor: "#1595DF"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: ".7",
+    stopColor: "#0680D7"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "1",
+    stopColor: "#0078D4"
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "g",
+    x1: "3.338",
+    x2: "3.338",
+    y1: "27.338",
+    y2: "44.672",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#F8F8F8"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "1",
+    stopColor: "#CCC"
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "i",
+    x1: "42.635",
+    x2: "28.315",
+    y1: "29.053",
+    y2: "42.867",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    offset: ".05",
+    stopColor: "#FFF44F"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: ".37",
+    stopColor: "#FF980E"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: ".53",
+    stopColor: "#FF3647"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: ".7",
+    stopColor: "#E31587"
+  })), /*#__PURE__*/React.createElement("linearGradient", {
+    id: "t",
+    x1: "41.344",
+    x2: "29.893",
+    y1: "28.777",
+    y2: "41.288",
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    offset: ".17",
+    stopColor: "#FFF44F",
+    stopOpacity: ".8"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: ".6",
+    stopColor: "#FFF44F",
+    stopOpacity: "0"
   }))));
@@ -409,0 +518,0 @@ };

dist/images/colored-icons/Flow.js

@@ -29,17 +29,15 @@ "use strict";
   return /*#__PURE__*/React.createElement("svg", (0, _extends2["default"])({
-    viewBox: "0 0 48 48",
     xmlns: "http://www.w3.org/2000/svg",
     role: "img",
+    viewBox: "0 0 48 48",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, /*#__PURE__*/React.createElement("g", {
-    fill: "none"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M30 29a5 5 0 0 0 5-5 17 17 0 1 0-13 16.5 19 19 0 0 1-6-4.4c-1.9-2.2-3.2-5-4-8.4A7 7 0 1 1 25 24c0 2.1 2.7 5 5 5z",
-    fill: "#79C9FC"
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    fill: "#79C9FC",
+    d: "M21 7.26a17 17 0 1 0 0 33.47A19 19 0 0 1 11 24a7 7 0 1 1 14 0 5 5 0 0 0 10 0A17 17 0 0 0 21 7.26Z"
   }), /*#__PURE__*/React.createElement("path", {
-    d: "M18 19a5 5 0 0 0-5 5A17 17 0 1 0 26 7.5a16 16 0 0 1 6 4.4c2 2.7 5 9 5 12.1a7 7 0 0 1-14 0c0-2.3-2.7-5-5-5z",
-    fill: "#FFC445"
-  })));
+    fill: "#FFC445",
+    d: "M27 40.74a17 17 0 1 0 0-33.47A19 19 0 0 1 37 24a7 7 0 1 1-14 0 5 5 0 0 0-10 0 17 17 0 0 0 14 16.74Z"
+  }));
 };
@@ -46,0 +44,0 @@

dist/images/colored-icons/index.d.ts

@@ -33,3 +33,3 @@ export { default as Accessibility } from './Accessibility';
 export { default as Lightning } from './Lightning';
-export { default as Link } from './Link';
+export { default as LinkIcon } from './Link';
 export { default as Overlap } from './Overlap';
@@ -54,2 +54,3 @@ export { default as Pixel } from './Pixel';
 export { default as Text } from './Text';
+export { default as Turbo } from './Turbo';
 export { default as Undo } from './Undo';
@@ -56,0 +57,0 @@ export { default as Unignore } from './Unignore';

dist/images/colored-icons/index.js

@@ -200,3 +200,3 @@ "use strict";
 });
-Object.defineProperty(exports, "Link", {
+Object.defineProperty(exports, "LinkIcon", {
   enumerable: true,
@@ -321,2 +321,8 @@ get: function get() {
 });
+Object.defineProperty(exports, "Turbo", {
+  enumerable: true,
+  get: function get() {
+    return _Turbo["default"];
+  }
+});
 Object.defineProperty(exports, "Undo", {
@@ -445,2 +451,4 @@ enumerable: true,
 
+var _Turbo = _interopRequireDefault(require("./Turbo"));
+
 var _Undo = _interopRequireDefault(require("./Undo"));
@@ -447,0 +455,0 @@

dist/images/index.d.ts

@@ -5,5 +5,4 @@ export { default as Chrome } from './Chrome';
 export { default as Safari } from './Safari';
-export * as AddonIcons from './marketing/addons';
 export * as Logos from './logos';
 export * as ColoredIcons from './colored-icons';
 //# sourceMappingURL=index.d.ts.map

dist/images/index.js

@@ -34,3 +34,3 @@ "use strict";
 });
-exports.ColoredIcons = exports.Logos = exports.AddonIcons = void 0;
+exports.ColoredIcons = exports.Logos = void 0;
 
@@ -45,6 +45,2 @@ var _Chrome = _interopRequireDefault(require("./Chrome"));
 
-var _AddonIcons = _interopRequireWildcard(require("./marketing/addons"));
-
-exports.AddonIcons = _AddonIcons;
-
 var _Logos = _interopRequireWildcard(require("./logos"));
@@ -51,0 +47,0 @@

package.json

 {
   "name": "@storybook/design-system",
-  "version": "7.9.0",
+  "version": "7.15.15",
   "description": "Storybook design system",
@@ -22,3 +22,3 @@ "repository": {
     "build-images": "yarn svgr --out-dir src/images src/images",
-    "build-storybook": "yarn build-images && yarn patch-package && build-storybook -s .storybook/static",
+    "build-storybook": "yarn build-images && yarn patch-package && storybook build",
     "clean": "rm -rf dist",
@@ -29,3 +29,3 @@ "lint": "yarn lint:js && yarn lint:package",
     "release": "dotenv yarn build & yarn typescript:generate && auto shipit",
-    "storybook": "yarn patch-package && start-storybook -p 6006 -s .storybook/static",
+    "storybook": "yarn patch-package && storybook dev -p 6006",
     "typescript:check": "tsc --project ./tsconfig.json --noEmit",
@@ -54,4 +54,4 @@ "typescript:generate": "tsc --declaration --emitDeclarationOnly --outDir dist --declarationMap"
   "dependencies": {
-    "@emotion/weak-memoize": "^0.2.5",
-    "@storybook/theming": "^6.5.9",
+    "@emotion/weak-memoize": "^0.3.0",
+    "@storybook/theming": "^7.0.2",
     "@types/pluralize": "^0.0.29",
@@ -80,11 +80,12 @@ "@types/prismjs": "^1.16.6",
     "@babel/preset-typescript": "^7.10.1",
-    "@emotion/babel-plugin": "^11.9.2",
-    "@storybook/addon-a11y": "^6.5.9",
-    "@storybook/addon-actions": "^6.5.9",
-    "@storybook/addon-docs": "^6.5.9",
-    "@storybook/addon-essentials": "^6.5.9",
-    "@storybook/addon-storysource": "^6.5.9",
+    "@emotion/babel-plugin": "^11.10.6",
+    "@storybook/addon-a11y": "^7.0.2",
+    "@storybook/addon-actions": "^7.0.2",
+    "@storybook/addon-docs": "^7.0.2",
+    "@storybook/addon-essentials": "^7.0.2",
+    "@storybook/addon-storysource": "^7.0.2",
     "@storybook/eslint-config-storybook": "^3.1.2",
     "@storybook/linter-config": "^3.1.2",
-    "@storybook/react": "^6.5.9",
+    "@storybook/react": "^7.0.2",
+    "@storybook/react-webpack5": "^7.0.2",
     "@svgr/cli": "^6.1.1",
@@ -99,3 +100,3 @@ "@types/fs-extra": "^9.0.1",
     "eslint": "^7.1.0",
-    "eslint-plugin-storybook": "^0.5.12",
+    "eslint-plugin-storybook": "^0.6.11",
     "husky": "^4.2.5",
@@ -110,4 +111,5 @@ "lint-staged": "^10.2.9",
     "sort-package-json": "^1.51.0",
+    "storybook": "^7.0.2",
     "ts-loader": "^7.0.5",
-    "typescript": "^3.9.5"
+    "typescript": "^4.9.5"
   },
@@ -119,4 +121,4 @@ "peerDependencies": {
   "engines": {
-    "node": ">=10",
-    "npm": ">=5"
+    "node": ">=14",
+    "npm": ">=6"
   },
@@ -123,0 +125,0 @@ "auto": {

New alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Number of low supply chain risk alerts

319

decreased by-20.25%

Worsened metrics

Total package byte prevSize

864936

decreased by-32.27%

Dev dependency count

40

increased by5.26%

Number of package files

391

decreased by-8.64%

Lines of code

13245

decreased by-12.01%

Dependency changes

• + Added@emotion/use-insertion-effect-with-fallbacks@1.0.1(transitive)

• + Added@emotion/weak-memoize@0.3.1(transitive)

• + Added@storybook/client-logger@7.6.19(transitive)

• + Added@storybook/global@5.0.0(transitive)

• + Added@storybook/theming@7.6.19(transitive)

• - Removed@emotion/weak-memoize@0.2.5(transitive)

• - Removed@storybook/client-logger@6.5.16(transitive)

• - Removed@storybook/theming@6.5.16(transitive)

• - Removedcore-js@3.37.1(transitive)

• - Removeddom-walk@0.1.2(transitive)

• - Removedglobal@4.4.0(transitive)

• - Removedmin-document@2.19.0(transitive)

• - Removedprocess@0.11.10(transitive)

• - Removedregenerator-runtime@0.13.11(transitive)

• Updated@emotion/weak-memoize@^0.3.0

• Updated@storybook/theming@^7.0.2