@abgov/react-components 6.2.2-alpha.5 → 6.3.0-alpha.1

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

@@ -25,6 +25,9 @@ export interface GoabDatePickerProps extends Margins {
     min?: Date;
     max?: Date;
     testId?: string;
+    /***
+     * @deprecated This property has no effect and will be removed in a future version
+     */
     relative?: boolean;
     disabled?: boolean;
     onChange: (detail: GoabDatePickerOnChangeDetail) => void;

package/lib/drawer/drawer.d.ts

@@ -1,13 +1,11 @@
+import { GoabDrawerPosition, GoabDrawerSize } from '@abgov/ui-components-common';
 import { ReactNode } from 'react';
 
-type DrawerPosition = "bottom" | "left" | "right" | undefined;
-type DrawerSizeUnit = "px" | "rem" | "ch" | "vh" | "vw";
-type DrawerSize = `${number}${DrawerSizeUnit}` | undefined;
 interface WCProps {
     open: boolean | undefined;
-    position: DrawerPosition;
+    position: GoabDrawerPosition;
     heading?: string;
-    maxsize?: DrawerSize;
+    maxsize?: GoabDrawerSize;
     testid?: string;
     ref: React.RefObject<HTMLElement>;
 }
@@ -18,14 +16,15 @@ declare global {
         }
     }
 }
-export interface GoADrawerProps {
+export interface GoabDrawerProps {
     open: boolean;
-    position: DrawerPosition;
-    heading?: string;
-    maxSize?: DrawerSize;
+    position: GoabDrawerPosition;
+    heading?: string | ReactNode;
+    maxSize?: GoabDrawerSize;
     testId?: string;
+    actions?: ReactNode;
     children: ReactNode;
     onClose: () => void;
 }
-export declare function GoADrawer({ open, position, heading, maxSize, testId, children, onClose, }: GoADrawerProps): JSX.Element;
-export default GoADrawer;
+export declare function GoabDrawer({ open, position, heading, maxSize, testId, actions, children, onClose, }: GoabDrawerProps): JSX.Element;
+export default GoabDrawer;

package/lib/dropdown/dropdown.d.ts

@@ -44,6 +44,9 @@ export interface GoabDropdownProps extends Margins {
     placeholder?: string;
     testId?: string;
     width?: string;
+    /***
+     * @deprecated This property has no effect and will be removed in a future version
+     */
     relative?: boolean;
 }
 export declare function GoabDropdown(props: GoabDropdownProps): JSX.Element;

package/lib/popover/popover.d.ts

@@ -24,6 +24,9 @@ export interface GoabPopoverProps extends Margins {
     padded?: boolean;
     position?: GoabPopoverPosition;
     children: ReactNode;
+    /***
+     * @deprecated This property has no effect and will be removed in a future version
+     */
     relative?: boolean;
 }
 export declare function GoabPopover({ target, testId, maxWidth, minWidth, padded, position, relative, children, mt, mr, mb, ml, }: GoabPopoverProps): JSX.Element;

package/lib/text/text.d.ts

@@ -15,7 +15,9 @@ declare global {
     }
 }
 interface GoATextProps extends Margins {
+    /** @deprecated Please use 'tag' property instead */
     as?: GoabTextTextElement | GoabTextHeadingElement;
+    tag?: GoabTextTextElement | GoabTextHeadingElement;
     size?: GoabTextSize;
     maxWidth?: GoabTextMaxWidth;
     color?: GoabTextColor;

package/package.json

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

package/icon-DmXlIizF.js

@@ -1,38 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-function GoabIcon({
-  type,
-  theme,
-  size,
-  inverted,
-  fillColor,
-  opacity,
-  title,
-  ariaLabel,
-  mt,
-  mr,
-  mb,
-  ml,
-  testId
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "goa-icon",
-    {
-      type,
-      theme,
-      size,
-      inverted,
-      fillcolor: fillColor,
-      opacity,
-      title,
-      arialabel: ariaLabel,
-      mt,
-      mr,
-      mb,
-      ml,
-      testid: testId
-    }
-  );
-}
-exports.GoabIcon = GoabIcon;
-//# sourceMappingURL=icon-DmXlIizF.js.map

package/icon-DmXlIizF.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-DmXlIizF.js","sources":["../../../libs/react-components/src/lib/icon/icon.tsx"],"sourcesContent":["import {\n  GoabIconFilledType,\n  GoabIconSize,\n  GoabIconTheme,\n  GoabIconType,\n  Margins,\n} from \"@abgov/ui-components-common\";\n\ninterface IonIconProps {\n  name: GoabIconType | GoabIconFilledType;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface IonIconElement extends HTMLElement {}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-interface\n    interface IntrinsicElements {\n      \"ion-icon\": IonIconProps & React.HTMLAttributes<IonIconElement>;\n    }\n  }\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-interface\n    interface IntrinsicElements {\n      \"goa-icon\": WCProps & React.HTMLAttributes<IonIconElement>;\n    }\n  }\n}\n\nexport interface GoabIconProps extends Margins {\n  type: GoabIconType;\n  size?: GoabIconSize;\n  theme?: GoabIconTheme;\n  inverted?: string;\n  fillColor?: string;\n  opacity?: number;\n  title?: string;\n  ariaLabel?: string;\n  testId?: string;\n}\n\ninterface WCProps extends Margins {\n  type: GoabIconType;\n  theme?: GoabIconTheme;\n  size?: GoabIconSize;\n  inverted?: string;\n  fillcolor?: string;\n  opacity?: number;\n  title?: string;\n  arialabel?: string;\n  testid?: string;\n}\n\nexport function GoabIcon({\n  type,\n  theme,\n  size,\n  inverted,\n  fillColor,\n  opacity,\n  title,\n  ariaLabel,\n  mt,\n  mr,\n  mb,\n  ml,\n  testId,\n}: GoabIconProps): JSX.Element {\n  return (\n    <goa-icon\n      type={type}\n      theme={theme}\n      size={size}\n      inverted={inverted}\n      fillcolor={fillColor}\n      opacity={opacity}\n      title={title}\n      arialabel={ariaLabel}\n      mt={mt}\n      mr={mr}\n      mb={mb}\n      ml={ml}\n      testid={testId}\n    />\n  );\n}\n"],"names":["jsx"],"mappings":";;AA2DO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+B;AAE3B,SAAAA,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGd;;"}

package/icon-iZ6Uu6WB.mjs

@@ -1,39 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-function GoabIcon({
-  type,
-  theme,
-  size,
-  inverted,
-  fillColor,
-  opacity,
-  title,
-  ariaLabel,
-  mt,
-  mr,
-  mb,
-  ml,
-  testId
-}) {
-  return /* @__PURE__ */ jsx(
-    "goa-icon",
-    {
-      type,
-      theme,
-      size,
-      inverted,
-      fillcolor: fillColor,
-      opacity,
-      title,
-      arialabel: ariaLabel,
-      mt,
-      mr,
-      mb,
-      ml,
-      testid: testId
-    }
-  );
-}
-export {
-  GoabIcon as G
-};
-//# sourceMappingURL=icon-iZ6Uu6WB.mjs.map

package/icon-iZ6Uu6WB.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"icon-iZ6Uu6WB.mjs","sources":["../../../libs/react-components/src/lib/icon/icon.tsx"],"sourcesContent":["import {\n  GoabIconFilledType,\n  GoabIconSize,\n  GoabIconTheme,\n  GoabIconType,\n  Margins,\n} from \"@abgov/ui-components-common\";\n\ninterface IonIconProps {\n  name: GoabIconType | GoabIconFilledType;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface IonIconElement extends HTMLElement {}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-interface\n    interface IntrinsicElements {\n      \"ion-icon\": IonIconProps & React.HTMLAttributes<IonIconElement>;\n    }\n  }\n}\n\ndeclare global {\n  // eslint-disable-next-line @typescript-eslint/no-namespace\n  namespace JSX {\n    // eslint-disable-next-line @typescript-eslint/no-empty-interface\n    interface IntrinsicElements {\n      \"goa-icon\": WCProps & React.HTMLAttributes<IonIconElement>;\n    }\n  }\n}\n\nexport interface GoabIconProps extends Margins {\n  type: GoabIconType;\n  size?: GoabIconSize;\n  theme?: GoabIconTheme;\n  inverted?: string;\n  fillColor?: string;\n  opacity?: number;\n  title?: string;\n  ariaLabel?: string;\n  testId?: string;\n}\n\ninterface WCProps extends Margins {\n  type: GoabIconType;\n  theme?: GoabIconTheme;\n  size?: GoabIconSize;\n  inverted?: string;\n  fillcolor?: string;\n  opacity?: number;\n  title?: string;\n  arialabel?: string;\n  testid?: string;\n}\n\nexport function GoabIcon({\n  type,\n  theme,\n  size,\n  inverted,\n  fillColor,\n  opacity,\n  title,\n  ariaLabel,\n  mt,\n  mr,\n  mb,\n  ml,\n  testId,\n}: GoabIconProps): JSX.Element {\n  return (\n    <goa-icon\n      type={type}\n      theme={theme}\n      size={size}\n      inverted={inverted}\n      fillcolor={fillColor}\n      opacity={opacity}\n      title={title}\n      arialabel={ariaLabel}\n      mt={mt}\n      mr={mr}\n      mb={mb}\n      ml={ml}\n      testid={testId}\n    />\n  );\n}\n"],"names":[],"mappings":";AA2DO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+B;AAE3B,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGd;"}