@onewelcome/react-lib-components 2.0.0-alpha → 2.0.0-alpha.1

package/src/index.ts

@@ -15,31 +15,48 @@
  */
 
 /* Components */
-export { BaseStyling } from "./_BaseStyling_/BaseStyling";
-export { Button, Props as ButtonProps } from "./Button/Button";
-export { Breadcrumbs, Props as BreadcrumbsProps } from "./Breadcrumbs/Breadcrumbs";
-export { ContextMenu, Props as ContextMenuProps } from "./ContextMenu/ContextMenu";
-export { ContextMenuItem, Props as ContextMenuItemProps } from "./ContextMenu/ContextMenuItem";
-export { Link, Props as LinkProps, AnchorType } from "./Link/Link";
-export { Icon, Icons, Props as IconProps } from "./Icon/Icon";
-export { IconButton, Props as IconButtonProps } from "./Button/IconButton";
-export { Tab, Props as TabProps } from "./Tabs/Tab";
-export { Tabs, Props as TabsProps } from "./Tabs/Tabs";
-export { TextEllipsis, Props as TextEllipsisProps } from "./TextEllipsis/TextEllipsis";
-export { Tile, Props as TileProps } from "./Tiles/Tile";
-export { Tiles, Props as TilesProps } from "./Tiles/Tiles";
-export { Tooltip, Props as TooltipProps } from "./Tooltip/Tooltip";
-export { Typography, Variant, Props as TypographyProps } from "./Typography/Typography";
-export { ProgressBar, Props as ProgressBarProps } from "./ProgressBar/ProgressBar";
-export { Skeleton, Props as SkeletonProps } from "./Skeleton/Skeleton";
-export { StatusIndicator, Props as StatusIndicatorProps } from "./StatusIndicator/StatusIndicator";
-export {
-  Pagination,
+export { BaseStyling } from "./components/_BaseStyling_/BaseStyling";
+export { Button } from "./components/Button/Button";
+export type { Props as ButtonProps } from "./components/Button/Button";
+export { Breadcrumbs } from "./components/Breadcrumbs/Breadcrumbs";
+export type { Props as BreadcrumbsProps } from "./components/Breadcrumbs/Breadcrumbs";
+export { ContextMenu } from "./components/ContextMenu/ContextMenu";
+export type { Props as ContextMenuProps } from "./components/ContextMenu/ContextMenu";
+export { ContextMenuItem } from "./components/ContextMenu/ContextMenuItem";
+export type { Props as ContextMenuItemProps } from "./components/ContextMenu/ContextMenuItem";
+export { Link } from "./components/Link/Link";
+export type { Props as LinkProps, AnchorType } from "./components/Link/Link";
+export { Icon, Icons } from "./components/Icon/Icon";
+export type { Props as IconProps } from "./components/Icon/Icon";
+export { IconButton } from "./components/Button/IconButton";
+export type { Props as IconButtonProps } from "./components/Button/IconButton";
+export { Tab } from "./components/Tabs/Tab";
+export type { Props as TabProps } from "./components/Tabs/Tab";
+export { Tabs } from "./components/Tabs/Tabs";
+export type { Props as TabsProps } from "./components/Tabs/Tabs";
+export { TextEllipsis } from "./components/TextEllipsis/TextEllipsis";
+export type { Props as TextEllipsisProps } from "./components/TextEllipsis/TextEllipsis";
+export { Tile } from "./components/Tiles/Tile";
+export type { Props as TileProps } from "./components/Tiles/Tile";
+export { Tiles } from "./components/Tiles/Tiles";
+export type { Props as TilesProps } from "./components/Tiles/Tiles";
+export { Tooltip } from "./components/Tooltip/Tooltip";
+export type { Props as TooltipProps } from "./components/Tooltip/Tooltip";
+export { Typography } from "./components/Typography/Typography";
+export type { Props as TypographyProps, Variant } from "./components/Typography/Typography";
+export { ProgressBar } from "./components/ProgressBar/ProgressBar";
+export type { Props as ProgressBarProps } from "./components/ProgressBar/ProgressBar";
+export { Skeleton } from "./components/Skeleton/Skeleton";
+export type { Props as SkeletonProps } from "./components/Skeleton/Skeleton";
+export { StatusIndicator } from "./components/StatusIndicator/StatusIndicator";
+export type { Props as StatusIndicatorProps } from "./components/StatusIndicator/StatusIndicator";
+export { Pagination } from "./components/Pagination/Pagination";
+export type {
   Props as PaginationProps,
   PageChangeLabels,
   PaginationTranslations,
   PageSize
-} from "./Pagination/Pagination";
+} from "./components/Pagination/Pagination";
 
 /* Utils */
 export { useRepeater } from "./hooks/useRepeater";
@@ -47,80 +64,85 @@ export { useDebouncedCallback } from "./hooks/useDebouncedCallback";
 export { generateID, debounce, throttle } from "./util/helper";
 
 /* Notifications */
-export { Modal, Props as ModalProps } from "./Notifications/Modal/Modal";
-export { useSnackbar } from "./Notifications/Snackbar/useSnackbar";
-export {
-  Dialog,
+export { Modal } from "./components/Notifications/Modal/Modal";
+export type { Props as ModalProps } from "./components/Notifications/Modal/Modal";
+export { useSnackbar } from "./components/Notifications/Snackbar/useSnackbar";
+export { Dialog } from "./components/Notifications/Dialog/Dialog";
+export type {
   Props as DialogProps,
   Action as DialogAction
-} from "./Notifications/Dialog/Dialog";
-export {
-  DiscardChangesModal,
-  Props as DiscardChangesModalProps
-} from "./Notifications/DiscardChangesModal/DiscardChangesModal";
-export {
-  ModalActions,
-  Props as ModalActionsProps
-} from "./Notifications/Modal/ModalActions/ModalActions";
-export {
-  ModalContent,
-  Props as ModalContentProps
-} from "./Notifications/Modal/ModalContent/ModalContent";
-export {
-  ModalHeader,
-  Props as ModalHeaderProps
-} from "./Notifications/Modal/ModalHeader/ModalHeader";
-export {
-  SlideInModal,
-  Props as SlideInModalProps
-} from "./Notifications/SlideInModal/SlideInModal";
-export {
-  SnackbarProvider,
-  Props as SnackbarProviderProps
-} from "./Notifications/Snackbar/SnackbarProvider/SnackbarProvider";
+} from "./components/Notifications/Dialog/Dialog";
+export { DiscardChangesModal } from "./components/Notifications/DiscardChangesModal/DiscardChangesModal";
+export type { Props as DiscardChangesModalProps } from "./components/Notifications/DiscardChangesModal/DiscardChangesModal";
+export { ModalActions } from "./components/Notifications/Modal/ModalActions/ModalActions";
+export type { Props as ModalActionsProps } from "./components/Notifications/Modal/ModalActions/ModalActions";
+export { ModalContent } from "./components/Notifications/Modal/ModalContent/ModalContent";
+export type { Props as ModalContentProps } from "./components/Notifications/Modal/ModalContent/ModalContent";
+export { ModalHeader } from "./components/Notifications/Modal/ModalHeader/ModalHeader";
+export type { Props as ModalHeaderProps } from "./components/Notifications/Modal/ModalHeader/ModalHeader";
+export { SlideInModal } from "./components/Notifications/SlideInModal/SlideInModal";
+export type { Props as SlideInModalProps } from "./components/Notifications/SlideInModal/SlideInModal";
+export { SnackbarProvider } from "./components/Notifications/Snackbar/SnackbarProvider/SnackbarProvider";
+export type { Props as SnackbarProviderProps } from "./components/Notifications/Snackbar/SnackbarProvider/SnackbarProvider";
 
 /** Form components */
-export { Checkbox, Props as CheckboxProps } from "./Form/Checkbox/Checkbox";
-export { Fieldset, Props as FieldsetProps } from "./Form/Fieldset/Fieldset";
-export { Form, Props as FormProps } from "./Form/Form";
-export { FormControl, Props as FormControlProps } from "./Form/FormControl/FormControl";
-export { FormGroup, Props as FormGroupProps } from "./Form/FormGroup/FormGroup";
-export { FormHelperText, Props as FormHelperTextProps } from "./Form/FormHelperText/FormHelperText";
-export { Input, Props as InputProps, Type as InputType } from "./Form/Input/Input";
-export { InputWrapper, Props as InputWrapperProps } from "./Form/Wrapper/InputWrapper/InputWrapper";
-export { Label, Props as LabelProps } from "./Form/Label/Label";
-export { Option, Props as OptionProps } from "./Form/Select/Option";
-export { Radio, Props as RadioProps } from "./Form/Radio/Radio";
-export { RadioWrapper, Props as RadioWrapperProps } from "./Form/Wrapper/RadioWrapper/RadioWrapper";
-export { Select, Props as SelectProps } from "./Form/Select/Select";
-export { Textarea, Props as TextareaProps } from "./Form/Textarea/Textarea";
-export { Toggle, Props as ToggleProps } from "./Form/Toggle/Toggle";
-export {
-  CheckboxWrapper,
-  Props as CheckboxWrapperProps
-} from "./Form/Wrapper/CheckboxWrapper/CheckboxWrapper";
-export {
-  TextareaWrapper,
-  Props as TextareaWrapperProps
-} from "./Form/Wrapper/TextareaWrapper/TextareaWrapper";
-export {
-  SelectWrapper,
-  Props as SelectWrapperProps
-} from "./Form/Wrapper/SelectWrapper/SelectWrapper";
+export { Checkbox } from "./components/Form/Checkbox/Checkbox";
+export type { Props as CheckboxProps } from "./components/Form/Checkbox/Checkbox";
+export { Fieldset } from "./components/Form/Fieldset/Fieldset";
+export type { Props as FieldsetProps } from "./components/Form/Fieldset/Fieldset";
+export { Form } from "./components/Form/Form";
+export type { Props as FormProps } from "./components/Form/Form";
+export { FormControl } from "./components/Form/FormControl/FormControl";
+export type { Props as FormControlProps } from "./components/Form/FormControl/FormControl";
+export { FormGroup } from "./components/Form/FormGroup/FormGroup";
+export type { Props as FormGroupProps } from "./components/Form/FormGroup/FormGroup";
+export { FormHelperText } from "./components/Form/FormHelperText/FormHelperText";
+export type { Props as FormHelperTextProps } from "./components/Form/FormHelperText/FormHelperText";
+export { Input } from "./components/Form/Input/Input";
+export type { Props as InputProps, Type as InputType } from "./components/Form/Input/Input";
+export { InputWrapper } from "./components/Form/Wrapper/InputWrapper/InputWrapper";
+export type { Props as InputWrapperProps } from "./components/Form/Wrapper/InputWrapper/InputWrapper";
+export { Label } from "./components/Form/Label/Label";
+export type { Props as LabelProps } from "./components/Form/Label/Label";
+export { Option } from "./components/Form/Select/Option";
+export type { Props as OptionProps } from "./components/Form/Select/Option";
+export { Radio } from "./components/Form/Radio/Radio";
+export type { Props as RadioProps } from "./components/Form/Radio/Radio";
+export { RadioWrapper } from "./components/Form/Wrapper/RadioWrapper/RadioWrapper";
+export type { Props as RadioWrapperProps } from "./components/Form/Wrapper/RadioWrapper/RadioWrapper";
+export { Select } from "./components/Form/Select/Select";
+export type { Props as SelectProps } from "./components/Form/Select/Select";
+export { Textarea } from "./components/Form/Textarea/Textarea";
+export type { Props as TextareaProps } from "./components/Form/Textarea/Textarea";
+export { Toggle } from "./components/Form/Toggle/Toggle";
+export type { Props as ToggleProps } from "./components/Form/Toggle/Toggle";
+export { CheckboxWrapper } from "./components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper";
+export type { Props as CheckboxWrapperProps } from "./components/Form/Wrapper/CheckboxWrapper/CheckboxWrapper";
+export { TextareaWrapper } from "./components/Form/Wrapper/TextareaWrapper/TextareaWrapper";
+export type { Props as TextareaWrapperProps } from "./components/Form/Wrapper/TextareaWrapper/TextareaWrapper";
+export { SelectWrapper } from "./components/Form/Wrapper/SelectWrapper/SelectWrapper";
+export type { Props as SelectWrapperProps } from "./components/Form/Wrapper/SelectWrapper/SelectWrapper";
 
 /** Wizard */
-export { Wizard, Props as WizardProps } from "./Wizard/Wizard";
-export { WizardActions, Props as WizardActionsProps } from "./Wizard/WizardActions/WizardActions";
-export { WizardSteps, Props as WizardStepsProps } from "./Wizard/WizardSteps/WizardSteps";
-export {
-  BaseWizardSteps,
+export { Wizard } from "./components/Wizard/Wizard";
+export type { Props as WizardProps } from "./components/Wizard/Wizard";
+export { WizardActions } from "./components/Wizard/WizardActions/WizardActions";
+export type { Props as WizardActionsProps } from "./components/Wizard/WizardActions/WizardActions";
+export { WizardSteps } from "./components/Wizard/WizardSteps/WizardSteps";
+export type { Props as WizardStepsProps } from "./components/Wizard/WizardSteps/WizardSteps";
+export { BaseWizardSteps } from "./components/Wizard/BaseWizardSteps/BaseWizardSteps";
+export type {
   Props as BaseWizardStepsProps,
   Step as WizardStep
-} from "./Wizard/BaseWizardSteps/BaseWizardSteps";
+} from "./components/Wizard/BaseWizardSteps/BaseWizardSteps";
 
 /** DataGrid */
-export { HeaderCell } from "./DataGrid/datagrid.interfaces";
-export { DataGrid, Props as DataGridProps } from "./DataGrid/DataGrid";
-export { DataGridRow, Props as DataGridRowProps } from "./DataGrid/DataGridBody/DataGridRow";
-export { DataGridCell, Props as DataGridCellProps } from "./DataGrid/DataGridBody/DataGridCell";
-export { Banner, Props as BannerProps } from "./Notifications/Banner/Banner";
+export type { HeaderCell } from "./components/DataGrid/datagrid.interfaces";
+export { DataGrid } from "./components/DataGrid/DataGrid";
+export type { Props as DataGridProps } from "./components/DataGrid/DataGrid";
+export { DataGridRow } from "./components/DataGrid/DataGridBody/DataGridRow";
+export type { Props as DataGridRowProps } from "./components/DataGrid/DataGridBody/DataGridRow";
+export { DataGridCell } from "./components/DataGrid/DataGridBody/DataGridCell";
+export type { Props as DataGridCellProps } from "./components/DataGrid/DataGridBody/DataGridCell";
+export { Banner } from "./components/Notifications/Banner/Banner";
+export type { Props as BannerProps } from "./components/Notifications/Banner/Banner";

package/src/mixins.module.scss

@@ -23,111 +23,142 @@
     border-color: transparent;
     background-color: transparent;
   } @else if $variant == "fill" {
-    @if $type == "default" {
+    font-weight: 500;
+    &:not(#{$disabledSelector}) {
       color: var(--button-fill-text-color);
-    } @else if $type == "icon" or $type == "link" {
-      &:not(#{$disabledSelector}) {
-        color: var(--button-fill-text-color);
-      }
+      @include buttonStyles(
+        var(--button-primary-default-color),
+        var(--button-primary-hover-color),
+        var(--button-primary-focused-color),
+        var(--button-primary-pressed-color),
+        "primary-fill",
+        $type
+      );
     }
-    font-weight: 500;
   } @else if $variant == "outline" {
     background-color: var(--white);
     font-weight: 500;
   }
 
-  &.primary:not(#{$disabledSelector}) {
-    @include buttonStyles(var(--color-primary), $variant, $type);
-  }
-  &.secondary:not(#{$disabledSelector}) {
-    @include buttonStyles(var(--color-secondary), $variant, $type);
-  }
-  &.tertiary:not(#{$disabledSelector}) {
-    @include buttonStyles(var(--color-tertiary), $variant, $type);
-  }
-  &.default:not(#{$disabledSelector}) {
-    @include buttonStyles(var(--default), $variant, $type);
-  }
-
-  @if $variant == "fill" {
-    &:hover:not(#{$disabledSelector}),
-    &:focus:not(#{$disabledSelector}),
-    &:active:not(#{$disabledSelector}) {
-      background-color: var(--button-fill-hover-background-color);
+  @if $variant != "fill" {
+    &.primary:not(#{$disabledSelector}) {
+      @include buttonStyles(
+        var(--button-primary-default-color),
+        var(--button-primary-hover-color),
+        var(--button-primary-focused-color),
+        var(--button-primary-pressed-color),
+        $variant,
+        $type
+      );
     }
-
-    &#{$disabledSelector} {
-      background-color: var(--disabled);
-      border-color: var(--disabled);
+    &.secondary:not(#{$disabledSelector}) {
+      @include buttonStyles(
+        var(--button-secondary-default-color),
+        var(--button-secondary-hover-color),
+        var(--button-secondary-focused-color),
+        var(--button-secondary-pressed-color),
+        $variant,
+        $type
+      );
     }
-  } @else if $variant == "outline" {
-    &:hover:not(#{$disabledSelector}),
-    &:focus:not(#{$disabledSelector}) {
-      color: var(--button-outline-hover-text-color);
+    &.warning:not(#{$disabledSelector}) {
+      @include buttonStyles(
+        var(--button-warning-default-color),
+        var(--button-warning-hover-color),
+        var(--button-warning-focused-color),
+        var(--button-warning-pressed-color),
+        $variant,
+        $type
+      );
     }
-
-    &#{$disabledSelector} {
-      border-color: var(--greyed-out);
-      background-color: transparent;
+    &.default:not(#{$disabledSelector}) {
+      @include buttonStyles(
+        var(--button-default-color),
+        var(--button-default-hover-color),
+        var(--button-default-focused-color),
+        var(--button-default-pressed-color),
+        $variant,
+        $type
+      );
+    }
+    &.danger:not(#{$disabledSelector}) {
+      @include buttonStyles(
+        var(--button-danger-default-color),
+        var(--button-danger-hover-color),
+        var(--button-danger-focused-color),
+        var(--button-danger-pressed-color),
+        $variant,
+        $type
+      );
     }
   }
 }
 
-@mixin buttonStyles($color, $variant: "text", $type: "default") {
+@mixin buttonStyles(
+  $defaultColor: "transparent",
+  $hoverColor: "transparent",
+  $focusedColor: "transparent",
+  $pressedColor: "transparent",
+  $variant: "text",
+  $type: "default"
+) {
   @if $variant == "text" {
-    color: $color;
-  } @else if $variant == "fill" {
-    border-color: $color;
-    background-color: $color;
+    color: $defaultColor;
   } @else if $variant == "outline" {
-    border-color: $color;
-    color: $color;
+    border-color: $defaultColor;
+    color: $defaultColor;
+  } @else if $variant == "primary-fill" {
+    background-color: $defaultColor;
+    border-color: $defaultColor;
+  }
+
+  &:hover:not(.disabled) {
+    @if $variant == "primary-fill" {
+      background-color: $hoverColor;
+    } @else {
+      color: $hoverColor;
+    }
+
+    @if $variant == "text" or $variant == "outline" {
+      background-color: var(--color-black10);
+    }
+
+    @if $variant == "outline" or $variant == "fill" {
+      border-color: $hoverColor;
+    }
   }
 
-  @include readyclasses.focusOutline(var(--color-focus));
+  &:focus:not(.disabled),
+  &:focus-visible:not(.disabled) {
+    @if $variant == "primary-fill" {
+      background-color: $focusedColor;
+    } @else {
+      color: $focusedColor;
+    }
 
-  &:hover:not(.disabled),
-  &:focus:not(.disabled) {
-    @if $variant == "text" {
-      border-color: $color;
-    } @else if $variant == "fill" {
-      color: $color;
-    } @else if $variant == "outline" {
-      background-color: $color;
+    @if $variant == "outline" or $variant == "fill" {
+      border-color: $focusedColor;
     }
+
+    position: relative;
+    outline: 2px solid var(--color-shadow-blue);
+    outline-offset: 1px;
   }
 
-  @if $variant == "text" or $variant == "fill" {
-    &:active:not(.disabled) {
-      @if $variant == "text" {
-        background-color: transparent;
-        position: relative;
-        color: $color;
-      } @else if $variant == "fill" {
-        position: relative;
-        color: $color;
-      }
-
-      &:after {
-        content: "";
-        position: absolute;
-        @if $variant == "fill" {
-          top: calc(-1 * var(--button-border-width));
-        } @else {
-          top: calc(-1 * var(--button-border-width) + (var(--button-border-width) / 2));
-        }
-        @if $type == "default" or $type == "link" {
-          left: 0;
-          width: 100%;
-        } @else if $type == "icon" {
-          left: calc(-1 * var(--button-border-width) + (var(--button-border-width) / 2));
-          width: calc(100% + var(--button-border-width));
-        }
-        height: calc(100% + var(--button-border-width));
-        background-color: $color;
-        border-radius: var(--button-border-radius);
-        filter: opacity(0.1);
-      }
+  &:active:not(.disabled),
+  &:visited:not(.disabled) {
+    @if $variant == "primary-fill" {
+      background-color: $pressedColor;
+    } @else {
+      color: $pressedColor;
+    }
+
+    @if $variant == "outline" or $variant == "fill" {
+      border-color: $pressedColor;
+    }
+
+    @if $variant == "text" or $variant == "outline" {
+      background-color: var(--color-black20);
     }
   }
 }
@@ -142,7 +173,7 @@
   font-size: var(--button-font-size);
   line-height: var(--button-font-size);
   margin: 0;
-  padding: 0.5rem 1.25rem;
+  padding: 0.75rem 1rem;
   min-height: 2.5rem;
   cursor: pointer;
 

package/src/util/helper.tsx

@@ -88,7 +88,9 @@ export const generateID = (length = 15, stringToWeaveIn?: string) => {
   /** Generate an id of x characters in length */
   for (let i = 0; i < length && id.length < length; i++) {
     let stringCharacter =
-      stringToWeaveIn && stringToWeaveIn[i] !== undefined && !/\s/.test(stringToWeaveIn[i])
+      typeof stringToWeaveIn === "string" &&
+      stringToWeaveIn?.[i] !== undefined &&
+      !/\s/.test(stringToWeaveIn[i])
         ? stringToWeaveIn[i]
         : "";
     id = id + stringCharacter + hashCharacters[Math.floor(Math.random() * hashCharacters.length)];

package/src/variables.scss

@@ -14,5 +14,5 @@
  *    limitations under the License.
  */
 
-$form-element-horizontal-padding-mobile: 1rem;
-$form-element-horizontal-padding-desktop: 1.25rem;
+$form-element-horizontal-padding-mobile: 0.833em;
+$form-element-horizontal-padding-desktop: 0.833em;

package/dist/Breadcrumbs/Breadcrumbs.d.ts

@@ -1,9 +0,0 @@
-import React, { ComponentPropsWithRef, ReactElement } from "react";
-import { Link, Props as LinkProps } from "../Link/Link";
-type ChildrenType = ReactElement<LinkProps, typeof Link>;
-export interface Props extends ComponentPropsWithRef<"div"> {
-    children: ChildrenType | ChildrenType[];
-    ariaLabel: string;
-}
-export declare const Breadcrumbs: React.ForwardRefExoticComponent<Pick<Props, "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "children" | "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" | "ariaLabel"> & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/Button/BaseButton.d.ts

@@ -1,8 +0,0 @@
-import React, { ComponentPropsWithRef } from "react";
-export interface Props extends ComponentPropsWithRef<"button"> {
-    type?: "submit" | "button" | "reset";
-    disabled?: boolean;
-    loading?: boolean;
-    color?: "primary" | "secondary" | "tertiary" | "default";
-}
-export declare const BaseButton: React.ForwardRefExoticComponent<Pick<Props, "form" | "slot" | "style" | "title" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "children" | "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" | "loading"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/Button/Button.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-import { Props as BaseButtonProps } from "./BaseButton";
-export interface Props extends BaseButtonProps {
-    startIcon?: React.ReactNode | false;
-    endIcon?: React.ReactNode | false;
-    variant?: "text" | "fill" | "outline";
-}
-export declare const Button: React.ForwardRefExoticComponent<Pick<Props, "form" | "slot" | "style" | "title" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "children" | "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" | "startIcon" | "endIcon" | "variant" | "loading"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/Button/IconButton.d.ts

@@ -1,11 +0,0 @@
-import React, { ForwardRefRenderFunction } from "react";
-import { Props as BaseButtonProps } from "./BaseButton";
-export interface Props extends BaseButtonProps {
-    children?: React.ReactNode;
-    iconSize?: "s" | "m" | "l";
-    variant?: "text" | "fill" | "outline";
-    className?: string;
-    title?: string;
-}
-export declare const IconButtonComponent: ForwardRefRenderFunction<HTMLButtonElement, Props>;
-export declare const IconButton: React.ForwardRefExoticComponent<Pick<Props, "form" | "slot" | "style" | "title" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "children" | "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" | "variant" | "iconSize" | "loading"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/Button/Spinner.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const Spinner: React.FC<React.SVGProps<SVGSVGElement>>;