@bcgov/design-system-react-components 0.4.1-rc1 → 0.5.0-pr510
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +23 -19
- package/dist/cjs/index.cjs +1649 -811
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/types/components/Accordion/Accordion.d.ts +6 -0
- package/dist/cjs/types/components/Accordion/index.d.ts +2 -0
- package/dist/cjs/types/components/AccordionGroup/AccordionGroup.d.ts +7 -0
- package/dist/cjs/types/components/AccordionGroup/index.d.ts +2 -0
- package/dist/cjs/types/components/Heading/Heading.d.ts +7 -0
- package/dist/cjs/types/components/Heading/index.d.ts +2 -0
- package/dist/cjs/types/components/Link/Link.d.ts +15 -0
- package/dist/cjs/types/components/Link/index.d.ts +2 -0
- package/dist/cjs/types/components/Text/Text.d.ts +8 -0
- package/dist/cjs/types/components/Text/index.d.ts +2 -0
- package/dist/cjs/types/components/index.d.ts +5 -0
- package/dist/esm/index.js +1645 -812
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/Accordion/Accordion.d.ts +6 -0
- package/dist/esm/types/components/Accordion/index.d.ts +2 -0
- package/dist/esm/types/components/AccordionGroup/AccordionGroup.d.ts +7 -0
- package/dist/esm/types/components/AccordionGroup/index.d.ts +2 -0
- package/dist/esm/types/components/Heading/Heading.d.ts +7 -0
- package/dist/esm/types/components/Heading/index.d.ts +2 -0
- package/dist/esm/types/components/Link/Link.d.ts +15 -0
- package/dist/esm/types/components/Link/index.d.ts +2 -0
- package/dist/esm/types/components/Text/Text.d.ts +8 -0
- package/dist/esm/types/components/Text/index.d.ts +2 -0
- package/dist/esm/types/components/index.d.ts +5 -0
- package/dist/index.d.ts +39 -2
- package/package.json +15 -15
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { DisclosureProps as DisclosureProps } from "react-aria-components";
|
|
2
|
+
import "./Accordion.css";
|
|
3
|
+
export interface AccordionProps extends DisclosureProps {
|
|
4
|
+
label?: string;
|
|
5
|
+
}
|
|
6
|
+
export default function Accordion({ label, children, ...props }: AccordionProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { DisclosureGroupProps } from "react-aria-components";
|
|
2
|
+
import "./AccordionGroup.css";
|
|
3
|
+
export interface AccordionGroupProps extends DisclosureGroupProps {
|
|
4
|
+
title?: string;
|
|
5
|
+
titleElement?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
6
|
+
}
|
|
7
|
+
export default function AccordionGroup({ title, titleElement, children, ...props }: AccordionGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { HeadingProps as ReactAriaHeadingProps } from "react-aria-components";
|
|
2
|
+
import "./Heading.css";
|
|
3
|
+
export interface HeadingProps extends ReactAriaHeadingProps {
|
|
4
|
+
color?: "primary" | "primaryInvert" | "secondary" | "secondaryInvert" | "disabled" | "danger";
|
|
5
|
+
isUnstyled?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export default function Heading({ color, isUnstyled, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { LinkProps as ReactAriaLinkProps } from "react-aria-components";
|
|
2
|
+
import "./Link.css";
|
|
3
|
+
import "../Button/Button.css";
|
|
4
|
+
export interface LinkProps extends ReactAriaLinkProps {
|
|
5
|
+
children?: React.ReactNode;
|
|
6
|
+
size?: "small" | "medium" | "large";
|
|
7
|
+
isButton?: boolean;
|
|
8
|
+
buttonVariant?: "primary" | "secondary" | "tertiary";
|
|
9
|
+
ariaLabel?: string | undefined;
|
|
10
|
+
danger?: boolean;
|
|
11
|
+
isUnstyled?: boolean;
|
|
12
|
+
iconLeft?: React.ReactElement;
|
|
13
|
+
iconRight?: React.ReactElement;
|
|
14
|
+
}
|
|
15
|
+
export default function Link({ children, size, danger, isButton, buttonVariant, isUnstyled, iconLeft, iconRight, ariaLabel, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { TextProps as ReactAriaTextProps } from "react-aria-components";
|
|
2
|
+
import "./Text.css";
|
|
3
|
+
export interface TextProps extends ReactAriaTextProps {
|
|
4
|
+
size?: "small" | "medium" | "large";
|
|
5
|
+
color?: "primary" | "primaryInvert" | "secondary" | "secondaryInvert" | "disabled" | "danger";
|
|
6
|
+
isUnstyled?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export default function Text({ elementType, size, color, isUnstyled, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
import "@bcgov/design-tokens/css/variables.css";
|
|
2
|
+
export { default as Accordion } from "./Accordion";
|
|
3
|
+
export { default as AccordionGroup } from "./AccordionGroup";
|
|
2
4
|
export { default as AlertBanner } from "./AlertBanner";
|
|
3
5
|
export { default as AlertDialog } from "./AlertDialog";
|
|
4
6
|
export { default as Button } from "./Button";
|
|
@@ -10,7 +12,9 @@ export { default as Dialog, DialogTrigger } from "./Dialog";
|
|
|
10
12
|
export { default as Footer, FooterLinks } from "./Footer";
|
|
11
13
|
export { default as Form } from "./Form";
|
|
12
14
|
export { default as Header } from "./Header";
|
|
15
|
+
export { default as Heading } from "./Heading";
|
|
13
16
|
export { default as InlineAlert } from "./InlineAlert";
|
|
17
|
+
export { default as Link } from "./Link";
|
|
14
18
|
export { default as Modal } from "./Modal";
|
|
15
19
|
export { default as Radio } from "./Radio";
|
|
16
20
|
export { default as RadioGroup } from "./RadioGroup";
|
|
@@ -31,6 +35,7 @@ export { default as SvgTooltipArrowUp } from "./Icons/SvgTooltipArrowUp";
|
|
|
31
35
|
export { default as Tag } from "./Tag";
|
|
32
36
|
export { default as TagGroup } from "./TagGroup";
|
|
33
37
|
export { default as TagList } from "./TagList";
|
|
38
|
+
export { default as Text } from "./Text";
|
|
34
39
|
export { default as TextArea } from "./TextArea";
|
|
35
40
|
export { default as TextField } from "./TextField";
|
|
36
41
|
export { default as Switch } from "./Switch";
|