@bcgov/design-system-react-components 0.5.0 → 0.5.1-pr555

package/dist/esm/types/components/Heading/Heading.d.ts

@@ -0,0 +1,7 @@
+import { HeadingProps as ReactAriaHeadingProps } from "react-aria-components";
+import "./Heading.css";
+export interface HeadingProps extends ReactAriaHeadingProps {
+    color?: "primary" | "primaryInvert" | "secondary" | "secondaryInvert" | "disabled" | "danger";
+    isUnstyled?: boolean;
+}
+export default function Heading({ color, isUnstyled, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Heading/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Heading";
+export type { HeadingProps } from "./Heading";

package/dist/esm/types/components/Link/Link.d.ts

@@ -0,0 +1,15 @@
+import { LinkProps as ReactAriaLinkProps } from "react-aria-components";
+import "./Link.css";
+import "../Button/Button.css";
+export interface LinkProps extends ReactAriaLinkProps {
+    children?: React.ReactNode;
+    size?: "small" | "medium" | "large";
+    isButton?: boolean;
+    buttonVariant?: "primary" | "secondary" | "tertiary";
+    ariaLabel?: string | undefined;
+    danger?: boolean;
+    isUnstyled?: boolean;
+    iconLeft?: React.ReactElement;
+    iconRight?: React.ReactElement;
+}
+export default function Link({ children, size, danger, isButton, buttonVariant, isUnstyled, iconLeft, iconRight, ariaLabel, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Link/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Link";
+export type { LinkProps } from "./Link";

package/dist/esm/types/components/Text/Text.d.ts

@@ -0,0 +1,8 @@
+import { TextProps as ReactAriaTextProps } from "react-aria-components";
+import "./Text.css";
+export interface TextProps extends ReactAriaTextProps {
+    size?: "small" | "medium" | "large";
+    color?: "primary" | "primaryInvert" | "secondary" | "secondaryInvert" | "disabled" | "danger";
+    isUnstyled?: boolean;
+}
+export default function Text({ elementType, size, color, isUnstyled, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Text/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Text";
+export type { TextProps } from "./Text";

package/dist/esm/types/components/index.d.ts

@@ -12,7 +12,9 @@ export { default as Dialog, DialogTrigger } from "./Dialog";
 export { default as Footer, FooterLinks } from "./Footer";
 export { default as Form } from "./Form";
 export { default as Header } from "./Header";
+export { default as Heading } from "./Heading";
 export { default as InlineAlert } from "./InlineAlert";
+export { default as Link } from "./Link";
 export { default as Modal } from "./Modal";
 export { default as Radio } from "./Radio";
 export { default as RadioGroup } from "./RadioGroup";
@@ -33,6 +35,7 @@ export { default as SvgTooltipArrowUp } from "./Icons/SvgTooltipArrowUp";
 export { default as Tag } from "./Tag";
 export { default as TagGroup } from "./TagGroup";
 export { default as TagList } from "./TagList";
+export { default as Text } from "./Text";
 export { default as TextArea } from "./TextArea";
 export { default as TextField } from "./TextField";
 export { default as Switch } from "./Switch";

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { DisclosureProps, DisclosureGroupProps, DialogProps as DialogProps$1, ButtonProps as ButtonProps$1, CheckboxProps, CheckboxGroupProps as CheckboxGroupProps$1, ValidationResult, FormProps, ModalOverlayProps, RadioProps, RadioGroupProps as RadioGroupProps$1, SelectProps as SelectProps$1, ListBoxItemProps as ListBoxItemProps$1, Key, TagProps as TagProps$1, TagGroupProps as TagGroupProps$1, TagListProps as TagListProps$1, TextFieldProps as TextFieldProps$1, SwitchProps as SwitchProps$1, TooltipProps } from 'react-aria-components';
+import { DisclosureProps, DisclosureGroupProps, DialogProps as DialogProps$1, ButtonProps as ButtonProps$1, CheckboxProps, CheckboxGroupProps as CheckboxGroupProps$1, ValidationResult, FormProps, HeadingProps as HeadingProps$1, LinkProps as LinkProps$1, ModalOverlayProps, RadioProps, RadioGroupProps as RadioGroupProps$1, SelectProps as SelectProps$1, ListBoxItemProps as ListBoxItemProps$1, Key, TagProps as TagProps$1, TagGroupProps as TagGroupProps$1, TagListProps as TagListProps$1, TextProps as TextProps$1, TextFieldProps as TextFieldProps$1, SwitchProps as SwitchProps$1, TooltipProps } from 'react-aria-components';
 export { DialogTrigger, TooltipTrigger } from 'react-aria-components';
 import { PropsWithChildren } from 'react';
 
@@ -179,6 +179,12 @@ interface HeaderProps {
 }
 declare function Header({ children, logoLinkElement, logoImage, skipLinks, title, titleElement, }: PropsWithChildren<HeaderProps>): react_jsx_runtime.JSX.Element;
 
+interface HeadingProps extends HeadingProps$1 {
+    color?: "primary" | "primaryInvert" | "secondary" | "secondaryInvert" | "disabled" | "danger";
+    isUnstyled?: boolean;
+}
+declare function Heading({ color, isUnstyled, ...props }: HeadingProps): react_jsx_runtime.JSX.Element;
+
 interface InlineAlertProps extends React.PropsWithChildren {
     variant?: "info" | "success" | "warning" | "danger";
     title?: string;
@@ -191,6 +197,19 @@ interface InlineAlertProps extends React.PropsWithChildren {
 }
 declare function InlineAlert({ variant, title, description, isIconHidden, isCloseable, role, buttons, children, onClose, ...props }: InlineAlertProps): react_jsx_runtime.JSX.Element;
 
+interface LinkProps extends LinkProps$1 {
+    children?: React.ReactNode;
+    size?: "small" | "medium" | "large";
+    isButton?: boolean;
+    buttonVariant?: "primary" | "secondary" | "tertiary";
+    ariaLabel?: string | undefined;
+    danger?: boolean;
+    isUnstyled?: boolean;
+    iconLeft?: React.ReactElement;
+    iconRight?: React.ReactElement;
+}
+declare function Link({ children, size, danger, isButton, buttonVariant, isUnstyled, iconLeft, iconRight, ariaLabel, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
+
 declare function Modal({ children, ...props }: ModalOverlayProps): react_jsx_runtime.JSX.Element;
 
 declare function Radio({ value, children, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
@@ -341,6 +360,13 @@ interface TagListProps<T> extends Pick<TagListProps$1<T>, "children" | "renderEm
 }
 declare function TagList<T extends object>({ items, orientation, renderEmptyState, ...props }: TagListProps<T>): react_jsx_runtime.JSX.Element;
 
+interface TextProps extends TextProps$1 {
+    size?: "small" | "medium" | "large";
+    color?: "primary" | "primaryInvert" | "secondary" | "secondaryInvert" | "disabled" | "danger";
+    isUnstyled?: boolean;
+}
+declare function Text({ elementType, size, color, isUnstyled, ...props }: TextProps): react_jsx_runtime.JSX.Element;
+
 interface TextAreaProps extends TextFieldProps$1 {
     label?: string;
     description?: string;
@@ -365,4 +391,4 @@ declare function Switch({ labelPosition, children, ...props }: SwitchProps): rea
 
 declare function Tooltip(props: TooltipProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionGroup, AlertBanner, AlertDialog, Button, ButtonGroup, Callout, Checkbox, CheckboxGroup, Dialog, Footer, FooterLinks, Form, Header, InlineAlert, Modal, Radio, RadioGroup, Select, SvgBcLogo, SvgBcOutlineIcon, SvgBetaIcon, SvgCheckCircleIcon, SvgCheckIcon, SvgChevronDownIcon, SvgChevronUpIcon, SvgCloseIcon, SvgDashIcon, SvgExclamationCircleIcon, SvgExclamationIcon, SvgInfoIcon, SvgTooltipArrowUp, Switch, Tag, TagGroup, TagList, TextArea, TextField, Tooltip };
+export { Accordion, AccordionGroup, AlertBanner, AlertDialog, Button, ButtonGroup, Callout, Checkbox, CheckboxGroup, Dialog, Footer, FooterLinks, Form, Header, Heading, InlineAlert, Link, Modal, Radio, RadioGroup, Select, SvgBcLogo, SvgBcOutlineIcon, SvgBetaIcon, SvgCheckCircleIcon, SvgCheckIcon, SvgChevronDownIcon, SvgChevronUpIcon, SvgCloseIcon, SvgDashIcon, SvgExclamationCircleIcon, SvgExclamationIcon, SvgInfoIcon, SvgTooltipArrowUp, Switch, Tag, TagGroup, TagList, Text, TextArea, TextField, Tooltip };

package/package.json

@@ -1,86 +1,87 @@
-{
-  "name": "@bcgov/design-system-react-components",
-  "version": "0.5.0",
-  "type": "module",
-  "scripts": {
-    "rollup": "rm -rf dist && rollup -c --bundleConfigAsCjs",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "storybook-dev": "storybook dev -p 6006",
-    "storybook-build": "storybook build",
-    "test": "npx jest --config=./jest.config.ts",
-    "test:ci": "npx jest --ci --config=./jest.config.ts",
-    "test:watch": "npx jest --watch --config=./jest.config.ts",
-    "test-storybook": "test-storybook",
-    "test-storybook:ci": "test-storybook --maxWorkers=2",
-    "vite-dev": "vite",
-    "vite-build": "tsc && vite build",
-    "vite-preview": "vite preview"
-  },
-  "main": "dist/cjs/index.cjs",
-  "module": "dist/esm/index.js",
-  "files": [
-    "dist"
-  ],
-  "types": "dist/index.d.ts",
-  "dependencies": {
-    "@bcgov/design-tokens": "3.2.0",
-    "react-aria-components": "1.5.0"
-  },
-  "peerDependencies": {
-    "@bcgov/bc-sans": "^2.1.0",
-    "react": "^16.14.0 || ^17.0.0-rc.1 || ^18.0.0",
-    "react-dom": "^16.14.0 || ^17.0.0-rc.1 || ^18.0.0"
-  },
-  "devDependencies": {
-    "@react-stately/data": "3.11.6",
-    "@rollup/plugin-commonjs": "26.0.1",
-    "@rollup/plugin-json": "6.1.0",
-    "@rollup/plugin-node-resolve": "15.2.3",
-    "@rollup/plugin-typescript": "11.1.6",
-    "@storybook/addon-a11y": "8.4.7",
-    "@storybook/addon-essentials": "8.4.7",
-    "@storybook/addon-interactions": "8.4.7",
-    "@storybook/addon-links": "8.4.7",
-    "@storybook/blocks": "8.4.7",
-    "@storybook/react": "8.4.7",
-    "@storybook/react-vite": "8.4.7",
-    "@storybook/test": "8.4.7",
-    "@storybook/test-runner": "0.20.1",
-    "@testing-library/jest-dom": "6.5.0",
-    "@testing-library/react": "16.0.1",
-    "@types/jest": "29.5.13",
-    "@types/react": "18.3.8",
-    "@types/react-dom": "18.3.0",
-    "@typescript-eslint/eslint-plugin": "8.6.0",
-    "@typescript-eslint/parser": "8.6.0",
-    "@vitejs/plugin-react": "4.3.1",
-    "axe-playwright": "2.0.2",
-    "eslint": "8.57.0",
-    "eslint-plugin-react-hooks": "4.6.2",
-    "eslint-plugin-react-refresh": "0.4.12",
-    "eslint-plugin-storybook": "0.8.0",
-    "identity-obj-proxy": "3.0.0",
-    "jest": "29.7.0",
-    "jest-environment-jsdom": "29.7.0",
-    "rollup": "4.22.0",
-    "rollup-plugin-dts": "6.1.1",
-    "rollup-plugin-peer-deps-external": "2.2.4",
-    "rollup-plugin-postcss": "4.0.2",
-    "storybook": "8.4.7",
-    "ts-jest": "29.2.5",
-    "ts-node": "10.9.2",
-    "tslib": "2.7.0",
-    "typescript": "5.6.2",
-    "vite": "5.4.6"
-  },
-  "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "*"
-  },
-  "author": "Tyler Krys <Tyler.Krys@gov.bc.ca>",
-  "license": "Apache-2.0",
-  "bugs": {
-    "url": "https://github.com/bcgov/design-system/issues"
-  },
-  "homepage": "https://github.com/bcgov/design-system#readme",
-  "private": false
-}
+{
+  "name": "@bcgov/design-system-react-components",
+  "version": "0.5.1-pr555",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/bcgov/design-system.git",
+    "directory": "packages/react-components"
+  },
+  "type": "module",
+  "scripts": {
+    "rollup": "rm -rf dist && rollup -c --bundleConfigAsCjs",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "storybook-dev": "storybook dev -p 6006",
+    "storybook-build": "storybook build",
+    "test": "npx jest --config=./jest.config.ts",
+    "test:ci": "npx jest --ci --config=./jest.config.ts",
+    "test:watch": "npx jest --watch --config=./jest.config.ts",
+    "test-storybook": "test-storybook",
+    "test-storybook:ci": "test-storybook --maxWorkers=2",
+    "vite-dev": "vite",
+    "vite-build": "tsc && vite build",
+    "vite-preview": "vite preview"
+  },
+  "main": "dist/cjs/index.cjs",
+  "module": "dist/esm/index.js",
+  "files": [
+    "dist"
+  ],
+  "types": "dist/index.d.ts",
+  "dependencies": {
+    "@bcgov/design-tokens": "3.2.0",
+    "react-aria-components": "1.6.0"
+  },
+  "peerDependencies": {
+    "@bcgov/bc-sans": "^2.1.0",
+    "react": "^16.14.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^16.14.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
+  },
+  "devDependencies": {
+    "@react-stately/data": "3.11.6",
+    "@rollup/plugin-commonjs": "26.0.1",
+    "@rollup/plugin-json": "6.1.0",
+    "@rollup/plugin-node-resolve": "15.2.3",
+    "@rollup/plugin-typescript": "11.1.6",
+    "@storybook/addon-a11y": "9.1.16",
+    "@storybook/addon-links": "9.1.16",
+    "@storybook/react-vite": "9.1.16",
+    "@storybook/test-runner": "0.19.1",
+    "@testing-library/jest-dom": "6.5.0",
+    "@testing-library/react": "16.0.1",
+    "@types/jest": "29.5.13",
+    "@types/react": "18.3.8",
+    "@types/react-dom": "18.3.0",
+    "@typescript-eslint/eslint-plugin": "8.6.0",
+    "@typescript-eslint/parser": "8.6.0",
+    "@vitejs/plugin-react": "4.3.1",
+    "axe-playwright": "2.0.2",
+    "eslint": "8.57.0",
+    "eslint-plugin-react-hooks": "4.6.2",
+    "eslint-plugin-react-refresh": "0.4.12",
+    "eslint-plugin-storybook": "9.1.16",
+    "identity-obj-proxy": "3.0.0",
+    "jest": "29.7.0",
+    "jest-environment-jsdom": "29.7.0",
+    "rollup": "4.32.1",
+    "rollup-plugin-dts": "6.1.1",
+    "rollup-plugin-peer-deps-external": "2.2.4",
+    "rollup-plugin-postcss": "4.0.2",
+    "storybook": "9.1.16",
+    "ts-jest": "29.2.5",
+    "ts-node": "10.9.2",
+    "tslib": "2.7.0",
+    "typescript": "5.6.2",
+    "vite": "5.4.14",
+    "@storybook/addon-docs": "9.1.16"
+  },
+  "optionalDependencies": {
+    "@rollup/rollup-linux-x64-gnu": "*"
+  },
+  "author": "Tyler Krys <Tyler.Krys@gov.bc.ca>",
+  "license": "Apache-2.0",
+  "bugs": {
+    "url": "https://github.com/bcgov/design-system/issues"
+  },
+  "homepage": "https://github.com/bcgov/design-system#readme",
+  "private": false
+}