@abgov/react-components 5.5.1 → 5.5.2

package/lib/accordion/accordion.d.ts

@@ -1,5 +1,5 @@
-import React, { ReactNode } from "react";
-import { Margins } from "../../common/styling";
+import { default as React, ReactNode } from 'react';
+import { Margins } from '../../common/styling';
 export type GoAHeadingSize = "small" | "medium";
 export type GoAIconPosition = "left" | "right";
 interface WCProps extends Margins {

package/lib/app-header-menu/app-header-menu.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { GoAIconType } from "../icon/icon";
+import { ReactNode } from 'react';
+import { GoAIconType } from '../icon/icon';
 interface WCProps {
     heading: string;
     leadingicon?: GoAIconType;

package/lib/badge/badge.d.ts

@@ -1,4 +1,4 @@
-import { Margins } from "../../common/styling";
+import { Margins } from '../../common/styling';
 export type GoABadgeType = "information" | "success" | "important" | "emergency" | "dark" | "midtone" | "light";
 interface WCProps extends Margins {
     type: GoABadgeType;

package/lib/block/block.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { Alignment, Direction, Margins, Spacing } from "../../common/styling";
+import { ReactNode } from 'react';
+import { Alignment, Direction, Margins, Spacing } from '../../common/styling';
 export interface WCProps extends Margins {
     gap?: Spacing;
     direction?: Direction;

package/lib/button/button.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
-import { GoAIconType } from "../icon/icon";
+import { ReactNode } from 'react';
+import { Margins } from '../../common/styling';
+import { GoAIconType } from '../icon/icon';
 export type GoAButtonType = "primary" | "submit" | "secondary" | "tertiary" | "start";
 export type GoAButtonSize = "compact" | "normal";
 export type GoAButtonVariant = "normal" | "destructive";

package/lib/button-group/button-group.d.ts

@@ -1,4 +1,4 @@
-import { Margins } from "../../common/styling";
+import { Margins } from '../../common/styling';
 export type GoAButtonGroupAlignment = "start" | "end" | "center";
 export type GoAButtonGroupGap = "relaxed" | "compact";
 export type Gap = GoAButtonGroupGap;

package/lib/calendar/calendar.d.ts

@@ -1,4 +1,4 @@
-import { Margins } from "../../common/styling";
+import { Margins } from '../../common/styling';
 interface WCProps extends Margins {
     ref: React.RefObject<HTMLElement>;
     name?: string;

package/lib/callout/callout.d.ts

@@ -1,4 +1,4 @@
-import { Margins } from "../../common/styling";
+import { Margins } from '../../common/styling';
 export type GoACalloutType = "important" | "information" | "event" | "success" | "emergency";
 export type GoACalloutSize = "medium" | "large";
 export type GoACalloutAriaLive = "off" | "polite" | "assertive";

package/lib/card/card.d.ts

@@ -1,4 +1,4 @@
-import { Margins } from "../../common/styling";
+import { Margins } from '../../common/styling';
 interface WCProps extends Margins {
     elevation?: number;
     width?: string;

package/lib/card/index.d.ts

@@ -1,5 +1,5 @@
-export * from "./card-content";
-export * from "./card-image";
-export * from "./card-actions";
-export * from "./card-group";
-export * from "./card";
+export * from './card-content';
+export * from './card-image';
+export * from './card-actions';
+export * from './card-group';
+export * from './card';

package/lib/checkbox/checkbox.d.ts

@@ -1,4 +1,4 @@
-import { Margins } from "../../common/styling";
+import { Margins } from '../../common/styling';
 declare global {
     namespace JSX {
         interface IntrinsicElements {

package/lib/chip/chip.d.ts

@@ -1,4 +1,4 @@
-import { Margins } from "../../common/styling";
+import { Margins } from '../../common/styling';
 export type GoAChipVariant = "filter";
 export type GoAChipTheme = "outline" | "filled" | "sharp";
 interface WCProps extends Margins {

package/lib/container/container.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
+import { ReactNode } from 'react';
+import { Margins } from '../../common/styling';
 export type GoAContainerType = "interactive" | "non-interactive" | "info" | "error" | "success" | "important";
 export type GoAContainerAccent = "thick" | "thin" | "filled";
 export type GoAContainerPadding = "relaxed" | "compact";

package/lib/date-picker/date-picker.d.ts

@@ -1,4 +1,4 @@
-import { Margins } from "../../common/styling";
+import { Margins } from '../../common/styling';
 interface WCProps extends Margins {
     ref: React.RefObject<HTMLElement>;
     name?: string;

package/lib/details/details.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
+import { ReactNode } from 'react';
+import { Margins } from '../../common/styling';
 interface WCProps extends Margins {
     heading: string;
     open?: boolean;

package/lib/divider/divider.d.ts

@@ -1,4 +1,4 @@
-import { Margins } from "../../common/styling";
+import { Margins } from '../../common/styling';
 interface WCProps extends Margins {
     testid?: string;
 }

package/lib/drawer/drawer.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 type DrawerPosition = "bottom" | "left" | "right" | undefined;
 type DrawerSizeUnit = "px" | "rem" | "ch" | "vh" | "vw";
 type DrawerSize = `${number}${DrawerSizeUnit}` | undefined;

package/lib/dropdown/dropdown.d.ts

@@ -1,5 +1,5 @@
-import { Margins } from "../../common/styling";
-import { GoAIconType } from "../icon/icon";
+import { Margins } from '../../common/styling';
+import { GoAIconType } from '../icon/icon';
 interface WCProps extends Margins {
     ref: React.MutableRefObject<HTMLElement | null>;
     arialabel?: string;

package/lib/fieldset/fieldset.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
+import { ReactNode } from 'react';
+import { Margins } from '../../common/styling';
 interface WCProps extends Margins {
     ref?: React.MutableRefObject<HTMLElement | null>;
     id: string;

package/lib/filter-chip/filter-chip.d.ts

@@ -1,4 +1,4 @@
-import { Margins } from "../../common/styling";
+import { Margins } from '../../common/styling';
 export type GoAFilterChipTheme = "outline" | "filled";
 interface WCProps extends Margins {
     ref: React.RefObject<HTMLElement>;

package/lib/footer/footer.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 interface WCProps {
     maxcontentwidth?: string;
     testid?: string;

package/lib/footer-meta-section/footer-meta-section.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 interface WCProps {
     testid?: string;
 }

package/lib/footer-nav-section/footer-nav-section.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 interface WCProps {
     maxcolumncount?: number;
     heading?: string;

package/lib/form-item/form-item.d.ts

@@ -1,4 +1,4 @@
-import { Margins } from "../../common/styling";
+import { Margins } from '../../common/styling';
 export type GoAFormItemRequirement = "optional" | "required";
 export type GoAFormItemLabelSize = "regular" | "large";
 interface WCProps extends Margins {

package/lib/form-stepper/form-stepper.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
+import { ReactNode } from 'react';
+import { Margins } from '../../common/styling';
 interface WCProps extends Margins {
     ref?: React.MutableRefObject<HTMLElement | null>;
     step?: number;

package/lib/grid/grid.d.ts

@@ -1,4 +1,4 @@
-import { Margins, Spacing } from "../../common/styling";
+import { Margins, Spacing } from '../../common/styling';
 interface WCProps extends Margins {
     gap?: Spacing;
     minchildwidth: string;

package/lib/icon/icon.d.ts

@@ -1,4 +1,4 @@
-import { Margins } from "../../common/styling";
+import { Margins } from '../../common/styling';
 export type GoAIconFilledType = `${GoAIconType}-${GoAIconTheme}`;
 interface IonIconProps {
     name: GoAIconType | GoAIconFilledType;

package/lib/icon-button/icon-button.d.ts

@@ -1,5 +1,5 @@
-import { Margins } from "../../common/styling";
-import { GoAIconSize, GoAIconType } from "../icon/icon";
+import { Margins } from '../../common/styling';
+import { GoAIconSize, GoAIconType } from '../icon/icon';
 export type GoAIconButtonVariant = "color" | "nocolor" | "light" | "dark" | "destructive";
 export type IconButtonVariant = GoAIconButtonVariant;
 interface WCProps extends Margins {

package/lib/input/input.d.ts

@@ -1,8 +1,9 @@
-import { GoAIconType } from "../..";
-import { Margins } from "../../common/styling";
+import { GoAIconType } from '../..';
+import { Margins } from '../../common/styling';
 export type GoADate = Date | string;
 export type GoAInputType = "text" | "password" | "email" | "number" | "date" | "datetime-local" | "month" | "range" | "search" | "tel" | "time" | "url" | "week";
 export type GoAAutoCapitalize = "on" | "off" | "none" | "sentences" | "words" | "characters";
+export type GoAInputTextAlign = "left" | "right";
 interface WCProps extends Margins {
     ref?: React.MutableRefObject<HTMLInputElement | null>;
     type?: GoAInputType;
@@ -10,6 +11,7 @@ interface WCProps extends Margins {
     value?: string;
     id?: string;
     autocapitalize?: GoAAutoCapitalize;
+    textalign?: GoAInputTextAlign;
     debounce?: number;
     placeholder?: string;
     leadingicon?: string;
@@ -43,6 +45,7 @@ interface BaseProps extends Margins {
     debounce?: number;
     disabled?: boolean;
     autoCapitalize?: GoAAutoCapitalize;
+    textAlign?: GoAInputTextAlign;
     placeholder?: string;
     leadingIcon?: GoAIconType;
     trailingIcon?: GoAIconType;
@@ -94,7 +97,7 @@ interface GoADateInputProps extends BaseProps {
     onBlur?: OnBlur<GoADate>;
     onKeyPress?: OnKeyPress<GoADate>;
 }
-export declare function GoAInput({ id, debounce, name, type, autoCapitalize, leadingIcon, trailingIcon, variant, focused, disabled, readonly, value, placeholder, error, width, testId, min, max, step, prefix, suffix, ariaLabel, mt, mr, mb, ml, leadingContent, trailingContent, maxLength, onTrailingIconClick, onChange, onFocus, onBlur, onKeyPress, }: GoAInputProps & {
+export declare function GoAInput({ id, debounce, name, type, autoCapitalize, textAlign, leadingIcon, trailingIcon, variant, focused, disabled, readonly, value, placeholder, error, width, testId, min, max, step, prefix, suffix, ariaLabel, mt, mr, mb, ml, leadingContent, trailingContent, maxLength, onTrailingIconClick, onChange, onFocus, onBlur, onKeyPress, }: GoAInputProps & {
     type?: GoAInputType;
 }): JSX.Element;
 export declare function GoAInputText(props: GoAInputProps): JSX.Element;

package/lib/link/link.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
-import { GoAIconType } from "../icon/icon";
+import { ReactNode } from 'react';
+import { Margins } from '../../common/styling';
+import { GoAIconType } from '../icon/icon';
 interface WCProps extends Margins {
     leadingicon?: GoAIconType;
     trailingicon?: GoAIconType;

package/lib/link-button/link-button.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
-import { GoAIconType } from "../icon/icon";
+import { ReactNode } from 'react';
+import { Margins } from '../../common/styling';
+import { GoAIconType } from '../icon/icon';
 export type GoALinkButtonType = "start" | "primary" | "secondary" | "tertiary";
 interface WCProps extends Margins {
     type?: GoALinkButtonType;

package/lib/modal/modal.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode, RefObject } from "react";
+import { ReactElement, ReactNode, RefObject } from 'react';
 export type GoAModalTransition = "fast" | "slow" | "none";
 export type GoAModalCalloutVariant = "information" | "important" | "emergency" | "success" | "event";
 export type GoAModalRole = "dialog" | "alertdialog";

package/lib/one-column-layout/one-column-layout.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 declare global {
     namespace JSX {
         interface IntrinsicElements {

package/lib/page-block/page-block.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 interface WCProps {
     width: "full" | string;
     testid?: string;

package/lib/pages/pages.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
+import { ReactNode } from 'react';
+import { Margins } from '../../common/styling';
 interface WCProps extends Margins {
     current?: number;
 }

package/lib/pagination/pagination.d.ts

@@ -1,4 +1,4 @@
-import { Margins } from "../../common/styling";
+import { Margins } from '../../common/styling';
 interface WCProps extends Margins {
     ref?: React.MutableRefObject<HTMLElement | undefined>;
     itemcount: number;

package/lib/popover/popover.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
+import { ReactNode } from 'react';
+import { Margins } from '../../common/styling';
 export type GoAPosition = "above" | "below" | "auto";
 interface WCProps extends Margins {
     maxwidth?: string;

package/lib/radio-group/radio-group.d.ts

@@ -1,5 +1,5 @@
-import { Margins } from "../../common/styling";
-export * from "./radio";
+import { Margins } from '../../common/styling';
+export * from './radio';
 export type GoARadioGroupOrientation = "horizontal" | "vertical";
 interface WCProps extends Margins {
     ref: React.RefObject<HTMLElement>;

package/lib/radio-group/radio.d.ts

@@ -1,4 +1,4 @@
-import { Margins } from "../../common/styling";
+import { Margins } from '../../common/styling';
 interface RadioItemProps extends Margins {
     name?: string;
     value?: string;

package/lib/side-menu/side-menu.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 interface WCProps {
     testid?: string;
 }

package/lib/side-menu-group/side-menu-group.d.ts

@@ -1,6 +1,6 @@
-import { ReactNode } from "react";
-import { GoAIconType } from "../icon/icon";
-import { Margins } from "../../common/styling";
+import { ReactNode } from 'react';
+import { GoAIconType } from '../icon/icon';
+import { Margins } from '../../common/styling';
 interface WCProps extends Margins {
     heading: string;
     icon?: GoAIconType;

package/lib/side-menu-heading/side-menu-heading.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { GoAIconType } from "../icon/icon";
+import { ReactNode } from 'react';
+import { GoAIconType } from '../icon/icon';
 interface WCProps {
     icon?: GoAIconType;
     testid?: string;

package/lib/skeleton/skeleton.d.ts

@@ -1,4 +1,4 @@
-import { Margins } from "../../common/styling";
+import { Margins } from '../../common/styling';
 export type GoASkeletonType = "image" | "text" | "title" | "text-small" | "avatar" | "header" | "paragraph" | "thumbnail" | "card" | "profile" | "article";
 export type GoASkeletonSize = 1 | 2 | 3 | 4;
 export type SkeletonType = GoASkeletonType;

package/lib/spacer/spacer.d.ts

@@ -1,4 +1,4 @@
-import { Spacing } from "../../common/styling";
+import { Spacing } from '../../common/styling';
 interface WCProps {
     hspacing?: Spacing | "fill";
     vspacing?: Spacing;

package/lib/table/table.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
+import { ReactNode } from 'react';
+import { Margins } from '../../common/styling';
 export type GoATableVariant = "normal" | "relaxed";
 export type TableVariant = GoATableVariant;
 interface WCProps extends Margins {

package/lib/tabs/tabs.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import { default as React } from 'react';
 interface WCProps {
     initialtab?: number;
     ref: React.RefObject<HTMLElement>;

package/lib/text/text.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
+import { ReactNode } from 'react';
+import { Margins } from '../../common/styling';
 type MaxWidth = string | "none";
 interface WCProps extends Margins {
     as?: TextElement | HeadingElement;

package/lib/textarea/textarea.d.ts

@@ -1,4 +1,4 @@
-import { Margins } from "../../common/styling";
+import { Margins } from '../../common/styling';
 type CountBy = "character" | "word";
 interface WCProps extends Margins {
     ref: React.Ref<HTMLTextAreaElement>;

package/lib/three-column-layout/three-column-layout.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 interface WCProps {
     leftcolumnwidth?: string;
     maxcontentwidth?: string;

package/lib/tooltip/tooltip.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
+import { ReactNode } from 'react';
+import { Margins } from '../../common/styling';
 export type GoATooltipPosition = "top" | "bottom" | "left" | "right";
 export type GoATooltipHorizontalAlignment = "left" | "right" | "center";
 interface WCProps extends Margins {

package/lib/two-column-layout/two-column-layout.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
 interface WCProps {
     navcolumnwidth?: string;
     maxcontentwidth?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/react-components",
-  "version": "5.5.1",
+  "version": "5.5.2",
   "description": "Government of Alberta - UI components for React",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"