@bcgov/design-system-react-components 0.8.1-pr840 → 0.8.1-pr849

package/dist/index.d.ts

@@ -351,93 +351,150 @@ interface SeparatorProps extends SeparatorProps$1 {
 }
 declare function Separator({ size, ...props }: SeparatorProps): react.JSX.Element;
 
-declare function SvgBcLogo({ id }: {
-    id?: string | undefined;
-}): react.JSX.Element;
+interface SvgBcLogoProps extends React.SVGProps<SVGSVGElement> {
+    /** Accessible label for non-decorative usage. When omitted, the icon is hidden from assistive technology. */
+    title?: string;
+}
+declare function SvgBcLogo({ title, id, ...props }: SvgBcLogoProps): react.JSX.Element;
 
-declare function SvgBcOutlineIcon({ id }: {
-    id?: string | undefined;
-}): react.JSX.Element;
+type IconSize = "xsmall" | "small" | "medium" | "large" | "xlarge";
 
-declare function SvgBetaIcon({ id }: {
-    id?: string | undefined;
-}): react.JSX.Element;
+interface SvgBcOutlineIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: IconSize;
+    /** Accessible label for non-decorative usage. When omitted, the icon is hidden from assistive technology. */
+    title?: string;
+}
+declare function SvgBcOutlineIcon({ size, title, id, ...props }: SvgBcOutlineIconProps): react.JSX.Element;
 
-declare function SvgCalendarIcon({ ...props }: {
-    [x: string]: any;
-}): react.JSX.Element;
+interface SvgBetaIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: IconSize;
+    /** Accessible label for non-decorative usage. When omitted, the icon is hidden from assistive technology. */
+    title?: string;
+}
+declare function SvgBetaIcon({ size, title, id, ...props }: SvgBetaIconProps): react.JSX.Element;
 
-declare function SvgCheckIcon({ id }: {
-    id?: string | undefined;
-}): react.JSX.Element;
+interface SvgCalendarIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: IconSize;
+    title?: string;
+}
+declare function SvgCalendarIcon({ size, title, id, ...props }: SvgCalendarIconProps): react.JSX.Element;
 
-declare function SvgCheckCircleIcon({ id }: {
-    id?: string | undefined;
-}): react.JSX.Element;
+interface SvgCheckIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: IconSize;
+    /** Accessible label for non-decorative usage. When omitted, the icon is hidden from assistive technology. */
+    title?: string;
+}
+declare function SvgCheckIcon({ size, title, id, ...props }: SvgCheckIconProps): react.JSX.Element;
 
-declare function SvgChevronUpIcon({ id }: {
-    id?: string | undefined;
-}): react.JSX.Element;
+interface SvgCheckCircleIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: IconSize;
+    /** Accessible label for non-decorative usage. When omitted, the icon is hidden from assistive technology. */
+    title?: string;
+}
+declare function SvgCheckCircleIcon({ size, title, id, ...props }: SvgCheckCircleIconProps): react.JSX.Element;
 
-declare function SvgChevronDownIcon({ id }: {
-    id?: string | undefined;
-}): react.JSX.Element;
+interface SvgChevronUpIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: IconSize;
+    /** Accessible label for non-decorative usage. When omitted, the icon is hidden from assistive technology. */
+    title?: string;
+}
+declare function SvgChevronUpIcon({ size, title, id, ...props }: SvgChevronUpIconProps): react.JSX.Element;
 
-declare function SvgChevronLeftIcon({ id }: {
-    id?: string | undefined;
-}): react.JSX.Element;
+interface SvgChevronDownIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: IconSize;
+    /** Accessible label for non-decorative usage. When omitted, the icon is hidden from assistive technology. */
+    title?: string;
+}
+declare function SvgChevronDownIcon({ size, title, id, ...props }: SvgChevronDownIconProps): react.JSX.Element;
 
-declare function SvgChevronRightIcon({ id }: {
-    id?: string | undefined;
-}): react.JSX.Element;
+interface SvgChevronLeftIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: IconSize;
+    /** Accessible label for non-decorative usage. When omitted, the icon is hidden from assistive technology. */
+    title?: string;
+}
+declare function SvgChevronLeftIcon({ size, title, id, ...props }: SvgChevronLeftIconProps): react.JSX.Element;
 
-declare function SvgDashIcon$1({ id }: {
-    id?: string | undefined;
-}): react.JSX.Element;
+interface SvgChevronRightIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: IconSize;
+    /** Accessible label for non-decorative usage. When omitted, the icon is hidden from assistive technology. */
+    title?: string;
+}
+declare function SvgChevronRightIcon({ size, title, id, ...props }: SvgChevronRightIconProps): react.JSX.Element;
 
-declare function SvgExclamationIcon({ id }: {
-    id?: string | undefined;
-}): react.JSX.Element;
+interface SvgDashIconProps extends React.SVGProps<SVGSVGElement> {
+    /** Accessible label for non-decorative usage. When omitted, the icon is hidden from assistive technology. */
+    title?: string;
+}
+declare function SvgDashIcon({ title, id, ...props }: SvgDashIconProps): react.JSX.Element;
 
-declare function SvgExclamationCircleIcon({ id, }: {
-    id?: string | undefined;
-}): react.JSX.Element;
+interface SvgExclamationIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: IconSize;
+    /** Accessible label for non-decorative usage. When omitted, the icon is hidden from assistive technology. */
+    title?: string;
+}
+declare function SvgExclamationIcon({ size, title, id, ...props }: SvgExclamationIconProps): react.JSX.Element;
+
+interface SvgExclamationCircleIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: IconSize;
+    /** Accessible label for non-decorative usage. When omitted, the icon is hidden from assistive technology. */
+    title?: string;
+}
+declare function SvgExclamationCircleIcon({ size, title, id, ...props }: SvgExclamationCircleIconProps): react.JSX.Element;
 
-declare function SvgCloseIcon({ id }: {
-    id?: string | undefined;
-}): react.JSX.Element;
+interface SvgCloseIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: IconSize;
+    /** Accessible label for non-decorative usage. When omitted, the icon is hidden from assistive technology. */
+    title?: string;
+}
+declare function SvgCloseIcon({ size, title, id, ...props }: SvgCloseIconProps): react.JSX.Element;
 
-declare function SvgInfoIcon({ id }: {
-    id?: string | undefined;
-}): react.JSX.Element;
+interface SvgInfoIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: IconSize;
+    /** Accessible label for non-decorative usage. When omitted, the icon is hidden from assistive technology. */
+    title?: string;
+}
+declare function SvgInfoIcon({ size, title, id, ...props }: SvgInfoIconProps): react.JSX.Element;
 
-declare function SvgDashIcon({ id }: {
-    id?: string | undefined;
-}): react.JSX.Element;
+interface SvgMinusIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: IconSize;
+    /** Accessible label for non-decorative usage. When omitted, the icon is hidden from assistive technology. */
+    title?: string;
+}
+declare function SvgMinusIcon({ size, title, id, ...props }: SvgMinusIconProps): react.JSX.Element;
 
-interface SvgPlaceholderIconProps {
-    /** Width and height of the placeholder icon, defaults to 20 */
-    size?: number;
+interface SvgPlaceholderIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: IconSize;
+    /** Accessible label for non-decorative usage. When omitted, the icon is hidden from assistive technology. */
+    title?: string;
 }
-declare function SvgPlaceholderIcon({ size, ...props }: SvgPlaceholderIconProps): react.JSX.Element;
+declare function SvgPlaceholderIcon({ size, title, id, ...props }: SvgPlaceholderIconProps): react.JSX.Element;
 
-declare function SvgPlusIcon({ id }: {
-    id?: string | undefined;
-}): react.JSX.Element;
+interface SvgPlusIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: IconSize;
+    /** Accessible label for non-decorative usage. When omitted, the icon is hidden from assistive technology. */
+    title?: string;
+}
+declare function SvgPlusIcon({ size, title, id, ...props }: SvgPlusIconProps): react.JSX.Element;
 
-declare function SvgTooltipArrowUp({ id }: {
-    id?: string | undefined;
-}): react.JSX.Element;
+interface SvgTooltipArrowUpProps extends React.SVGProps<SVGSVGElement> {
+    /** Accessible label for non-decorative usage. When omitted, the icon is hidden from assistive technology. */
+    title?: string;
+}
+declare function SvgTooltipArrowUp({ title, id, ...props }: SvgTooltipArrowUpProps): react.JSX.Element;
 
-interface SvgUpRightFromSquareIconProps {
-    size?: 16 | 20;
-    id?: string;
+interface SvgUpRightFromSquareIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: IconSize;
+    /** Accessible label for non-decorative usage. When omitted, the icon is hidden from assistive technology. */
+    title?: string;
 }
-declare function SvgUpRightFromSquareIcon({ size, id, }: SvgUpRightFromSquareIconProps): react.JSX.Element;
+declare function SvgUpRightFromSquareIcon({ size, title, id, ...props }: SvgUpRightFromSquareIconProps): react.JSX.Element;
 
-declare function SvgReactAriaIcon({ id }: {
-    id?: string | undefined;
-}): react.JSX.Element;
+interface SvgReactAriaIconProps extends React.SVGProps<SVGSVGElement> {
+    size?: IconSize;
+    /** Accessible label for non-decorative usage. When omitted, the icon is hidden from assistive technology. */
+    title?: string;
+}
+declare function SvgReactAriaIcon({ size, title, id, ...props }: SvgReactAriaIconProps): react.JSX.Element;
 
 interface TagGroupProps extends TagGroupProps$1 {
     /**
@@ -523,4 +580,4 @@ interface NumberFieldProps extends NumberFieldProps$1 {
 }
 declare function NumberField({ size, label, description, minValue, errorMessage, ...props }: NumberFieldProps): react.JSX.Element;
 
-export { Accordion, AccordionGroup, AlertBanner, AlertDialog, Button, ButtonGroup, Calendar, Callout, Checkbox, CheckboxGroup, DatePicker, Dialog, Footer, FooterLinks, Form, Header, Heading, InlineAlert, Link, Menu, MenuItem, Modal, NumberField, ProgressBar, ProgressCircle, Radio, RadioGroup, Select, Separator, Subheader, SvgBcLogo, SvgBcOutlineIcon, SvgBetaIcon, SvgCalendarIcon, SvgCheckCircleIcon, SvgCheckIcon, SvgChevronDownIcon, SvgChevronLeftIcon, SvgChevronRightIcon, SvgChevronUpIcon, SvgCloseIcon, SvgDashIcon$1 as SvgDashIcon, SvgExclamationCircleIcon, SvgExclamationIcon, SvgInfoIcon, SvgDashIcon as SvgMinusIcon, SvgPlaceholderIcon, SvgPlusIcon, SvgReactAriaIcon, SvgTooltipArrowUp, SvgUpRightFromSquareIcon, Switch, Tag, TagGroup, TagList, Text, TextArea, TextField, TimeField, ToggleButton, ToggleButtonGroup, Tooltip };
+export { Accordion, AccordionGroup, AlertBanner, AlertDialog, Button, ButtonGroup, Calendar, Callout, Checkbox, CheckboxGroup, DatePicker, Dialog, Footer, FooterLinks, Form, Header, Heading, InlineAlert, Link, Menu, MenuItem, Modal, NumberField, ProgressBar, ProgressCircle, Radio, RadioGroup, Select, Separator, Subheader, SvgBcLogo, SvgBcOutlineIcon, SvgBetaIcon, SvgCalendarIcon, SvgCheckCircleIcon, SvgCheckIcon, SvgChevronDownIcon, SvgChevronLeftIcon, SvgChevronRightIcon, SvgChevronUpIcon, SvgCloseIcon, SvgDashIcon, SvgExclamationCircleIcon, SvgExclamationIcon, SvgInfoIcon, SvgMinusIcon, SvgPlaceholderIcon, SvgPlusIcon, SvgReactAriaIcon, SvgTooltipArrowUp, SvgUpRightFromSquareIcon, Switch, Tag, TagGroup, TagList, Text, TextArea, TextField, TimeField, ToggleButton, ToggleButtonGroup, Tooltip };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bcgov/design-system-react-components",
-  "version": "0.8.1-pr840",
+  "version": "0.8.1-pr849",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bcgov/design-system.git",
@@ -56,46 +56,48 @@
   },
   "devDependencies": {
     "@eslint/js": "10.0.1",
-    "@figma/code-connect": "1.5.1",
+    "@figma/code-connect": "1.5.2",
     "@react-stately/data": "3.16.1",
     "@rollup/plugin-commonjs": "29.0.3",
     "@rollup/plugin-json": "6.1.0",
     "@rollup/plugin-node-resolve": "16.0.3",
     "@rollup/plugin-typescript": "12.3.0",
-    "@storybook/addon-a11y": "10.5.5",
-    "@storybook/addon-docs": "10.5.5",
-    "@storybook/addon-links": "10.5.5",
-    "@storybook/addon-vitest": "10.5.5",
-    "@storybook/react-vite": "10.5.5",
+    "@storybook/addon-a11y": "10.5.7",
+    "@storybook/addon-docs": "10.5.7",
+    "@storybook/addon-links": "10.5.7",
+    "@storybook/addon-mcp": "0.7.0",
+    "@storybook/addon-vitest": "10.5.7",
+    "@storybook/mcp": "0.8.0",
+    "@storybook/react-vite": "10.5.7",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",
     "@types/node": "25.9.5",
     "@types/react": "19.2.18",
     "@types/react-dom": "19.2.4",
-    "@typescript-eslint/eslint-plugin": "8.65.0",
-    "@typescript-eslint/parser": "8.65.0",
+    "@typescript-eslint/eslint-plugin": "8.67.0",
+    "@typescript-eslint/parser": "8.67.0",
     "@vitejs/plugin-react": "6.0.5",
     "@vitest/browser-playwright": "4.1.10",
     "@vitest/coverage-v8": "4.1.10",
     "axe-playwright": "2.2.2",
     "eslint": "10.8.1",
     "eslint-plugin-react-hooks": "7.1.1",
-    "eslint-plugin-react-refresh": "0.5.3",
-    "eslint-plugin-storybook": "10.5.5",
-    "globals": "17.9.0",
+    "eslint-plugin-react-refresh": "0.5.4",
+    "eslint-plugin-storybook": "10.5.7",
+    "globals": "17.11.0",
     "jsdom": "29.1.1",
     "playwright": "1.62.1",
     "prettier": "3.9.6",
     "rollup": "4.62.4",
-    "rollup-plugin-dts": "6.4.1",
+    "rollup-plugin-dts": "6.5.1",
     "rollup-plugin-peer-deps-external": "2.2.4",
     "rollup-plugin-postcss": "4.0.2",
-    "storybook": "10.5.5",
+    "storybook": "10.5.7",
     "stylelint": "17.14.1",
     "stylelint-config-standard": "40.0.0",
     "tslib": "2.8.1",
     "typescript": "6.0.3",
-    "typescript-eslint": "8.65.0",
+    "typescript-eslint": "8.67.0",
     "vite": "8.2.1",
     "vitest": "4.1.10"
   },