@bcgov/design-system-react-components 0.3.1 → 0.4.0-pr504
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/dist/cjs/index.cjs +1494 -778
- 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/AlertBanner/AlertBanner.d.ts +10 -0
- package/dist/cjs/types/components/AlertBanner/index.d.ts +2 -0
- package/dist/cjs/types/components/Callout/Callout.d.ts +10 -0
- package/dist/cjs/types/components/Callout/index.d.ts +2 -0
- package/dist/cjs/types/components/Icons/SvgBcOutlineIcon/SvgBcOutlineIcon.d.ts +3 -0
- package/dist/cjs/types/components/Icons/SvgBcOutlineIcon/index.d.ts +1 -0
- package/dist/cjs/types/components/Icons/SvgBetaIcon/SvgBetaIcon.d.ts +3 -0
- package/dist/cjs/types/components/Icons/SvgBetaIcon/index.d.ts +1 -0
- package/dist/cjs/types/components/Tag/Tag.d.ts +9 -1
- package/dist/cjs/types/components/index.d.ts +6 -0
- package/dist/esm/index.js +1489 -779
- 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/AlertBanner/AlertBanner.d.ts +10 -0
- package/dist/esm/types/components/AlertBanner/index.d.ts +2 -0
- package/dist/esm/types/components/Callout/Callout.d.ts +10 -0
- package/dist/esm/types/components/Callout/index.d.ts +2 -0
- package/dist/esm/types/components/Icons/SvgBcOutlineIcon/SvgBcOutlineIcon.d.ts +3 -0
- package/dist/esm/types/components/Icons/SvgBcOutlineIcon/index.d.ts +1 -0
- package/dist/esm/types/components/Icons/SvgBetaIcon/SvgBetaIcon.d.ts +3 -0
- package/dist/esm/types/components/Icons/SvgBetaIcon/index.d.ts +1 -0
- package/dist/esm/types/components/Tag/Tag.d.ts +9 -1
- package/dist/esm/types/components/index.d.ts +6 -0
- package/dist/index.d.ts +50 -3
- package/package.json +2 -2
|
@@ -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,10 @@
|
|
|
1
|
+
import "./AlertBanner.css";
|
|
2
|
+
export interface AlertBannerProps extends React.PropsWithChildren {
|
|
3
|
+
variant?: "info" | "success" | "warning" | "danger" | "black";
|
|
4
|
+
isIconHidden?: boolean;
|
|
5
|
+
isCloseable?: boolean;
|
|
6
|
+
role?: React.AriaRole | undefined;
|
|
7
|
+
customIcon?: React.ReactNode;
|
|
8
|
+
onClose?: () => void;
|
|
9
|
+
}
|
|
10
|
+
export default function AlertBanner({ variant, isIconHidden, isCloseable, role, onClose, children, customIcon, ...props }: AlertBannerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import "./Callout.css";
|
|
2
|
+
export interface CalloutProps extends React.PropsWithChildren {
|
|
3
|
+
variant?: "lightGrey" | "lightBlue" | "lightGold" | "Blue" | "Grey" | "Black";
|
|
4
|
+
title?: string;
|
|
5
|
+
description?: string;
|
|
6
|
+
buttons?: React.ReactNode;
|
|
7
|
+
role?: React.AriaRole | undefined;
|
|
8
|
+
isLeftBorderDisabled?: boolean;
|
|
9
|
+
}
|
|
10
|
+
export default function Callout({ variant, title, description, buttons, role, isLeftBorderDisabled, children, ...props }: CalloutProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./SvgBcOutlineIcon";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./SvgBetaIcon";
|
|
@@ -9,5 +9,13 @@ export interface TagProps extends ReactAriaTagProps {
|
|
|
9
9
|
* Background color
|
|
10
10
|
*/
|
|
11
11
|
color?: "bc-blue" | "bc-gold" | "blue" | "dark" | "gray" | "grey" | "green" | "red" | "yellow";
|
|
12
|
+
/**
|
|
13
|
+
* tagStyle
|
|
14
|
+
*/
|
|
15
|
+
tagStyle?: "rectangular" | "circular";
|
|
16
|
+
/**
|
|
17
|
+
* size
|
|
18
|
+
*/
|
|
19
|
+
size?: "small" | "medium";
|
|
12
20
|
}
|
|
13
|
-
export default function Tag({ color, icon, id, textValue }: TagProps): import("react/jsx-runtime").JSX.Element;
|
|
21
|
+
export default function Tag({ color, tagStyle, size, icon, id, textValue, }: TagProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import "@bcgov/design-tokens/css/variables.css";
|
|
2
|
+
export { default as Accordion } from "./Accordion";
|
|
3
|
+
export { default as AccordionGroup } from "./AccordionGroup";
|
|
4
|
+
export { default as AlertBanner } from "./AlertBanner";
|
|
2
5
|
export { default as AlertDialog } from "./AlertDialog";
|
|
3
6
|
export { default as Button } from "./Button";
|
|
4
7
|
export { default as ButtonGroup } from "./ButtonGroup";
|
|
8
|
+
export { default as Callout } from "./Callout";
|
|
5
9
|
export { default as Checkbox } from "./Checkbox";
|
|
6
10
|
export { default as CheckboxGroup } from "./CheckboxGroup";
|
|
7
11
|
export { default as Dialog, DialogTrigger } from "./Dialog";
|
|
@@ -14,6 +18,8 @@ export { default as Radio } from "./Radio";
|
|
|
14
18
|
export { default as RadioGroup } from "./RadioGroup";
|
|
15
19
|
export { default as Select } from "./Select";
|
|
16
20
|
export { default as SvgBcLogo } from "./Icons/SvgBcLogo";
|
|
21
|
+
export { default as SvgBcOutlineIcon } from "./Icons/SvgBcOutlineIcon";
|
|
22
|
+
export { default as SvgBetaIcon } from "./Icons/SvgBetaIcon";
|
|
17
23
|
export { default as SvgCheckIcon } from "./Icons/SvgCheckIcon";
|
|
18
24
|
export { default as SvgCheckCircleIcon } from "./Icons/SvgCheckCircleIcon";
|
|
19
25
|
export { default as SvgDashIcon } from "./Icons/SvgDashIcon";
|