@bcgov/design-system-react-components 0.8.0 → 0.8.1-pr760

package/dist/index.d.ts

@@ -241,15 +241,15 @@ declare function MenuItem({ size, label, description, iconLeft, ...props }: Menu
 interface MenuSectionProps {
     id: Key;
     header?: string;
-    items: MenuItemProps[];
+    items?: MenuItemProps[];
 }
-interface MenuProps<T extends MenuItemProps> extends MenuProps$1<T> {
+interface MenuProps extends MenuProps$1<MenuItemProps> {
     itemSize?: "small" | "medium";
-    items?: T[];
+    items?: MenuItemProps[];
     sections?: MenuSectionProps[];
     placement?: PopoverProps["placement"];
 }
-declare function Menu<T extends MenuItemProps>({ itemSize, children, items, sections, placement, ...props }: MenuProps<T>): react.JSX.Element;
+declare function Menu({ itemSize, children, items, sections, placement, ...props }: MenuProps): react.JSX.Element;
 
 declare function Modal({ children, ...props }: ModalOverlayProps): react.JSX.Element;
 
@@ -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 {
     /**
@@ -494,7 +551,7 @@ interface TimeFieldProps<T extends TimeValue> extends TimeFieldProps$1<T> {
     description?: string;
     errorMessage?: string | ((validation: ValidationResult) => string);
 }
-declare function TimeField<T extends TimeValue>({ size, label, description, errorMessage, isRequired, ...props }: TimeFieldProps<T>): react.JSX.Element;
+declare function TimeField<T extends TimeValue>({ size, label, description, errorMessage, ...props }: TimeFieldProps<T>): react.JSX.Element;
 
 interface ToggleButtonProps extends ToggleButtonProps$1 {
     size?: "small" | "medium";
@@ -521,6 +578,6 @@ interface NumberFieldProps extends NumberFieldProps$1 {
     description?: string;
     errorMessage?: string | ((validation: ValidationResult) => string);
 }
-declare function NumberField({ size, label, description, errorMessage, ...props }: NumberFieldProps): react.JSX.Element;
+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.0",
+  "version": "0.8.1-pr760",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bcgov/design-system.git",
@@ -15,7 +15,9 @@
     "build": "npm run clean && npm run build:js && npm run build:types && npm run build:dts",
     "format:check": "npx prettier . --check",
     "format": "npx prettier . --write",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint": "npm run lint:ts && npm run lint:css",
+    "lint:ts": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint:css": "stylelint \"src/**/*.css\"",
     "storybook-dev": "storybook dev -p 6006",
     "storybook-build": "storybook build",
     "test": "npx vitest --project=unit --watch=false",
@@ -54,46 +56,48 @@
   },
   "devDependencies": {
     "@eslint/js": "10.0.1",
-    "@figma/code-connect": "1.4.8",
+    "@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.4.6",
-    "@storybook/addon-docs": "10.4.6",
-    "@storybook/addon-links": "10.4.6",
-    "@storybook/addon-vitest": "10.4.6",
-    "@storybook/react-vite": "10.4.6",
+    "@storybook/addon-a11y": "10.5.7",
+    "@storybook/addon-docs": "10.5.7",
+    "@storybook/addon-links": "10.5.7",
+    "@storybook/addon-vitest": "10.5.7",
+    "@storybook/react-vite": "10.5.7",
     "@testing-library/jest-dom": "6.9.1",
     "@testing-library/react": "16.3.2",
-    "@types/node": "25.9.3",
-    "@types/react": "19.2.17",
-    "@types/react-dom": "19.2.3",
-    "@typescript-eslint/eslint-plugin": "8.61.0",
-    "@typescript-eslint/parser": "8.61.0",
-    "@vitejs/plugin-react": "6.0.2",
-    "@vitest/browser-playwright": "4.1.9",
-    "@vitest/coverage-v8": "4.1.9",
+    "@types/node": "25.9.5",
+    "@types/react": "19.2.18",
+    "@types/react-dom": "19.2.4",
+    "@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.5.0",
+    "eslint": "10.8.1",
     "eslint-plugin-react-hooks": "7.1.1",
     "eslint-plugin-react-refresh": "0.5.3",
-    "eslint-plugin-storybook": "10.4.6",
-    "globals": "17.6.0",
+    "eslint-plugin-storybook": "10.5.7",
+    "globals": "17.9.0",
     "jsdom": "29.1.1",
-    "playwright": "1.61.0",
-    "prettier": "3.8.4",
-    "rollup": "4.62.0",
-    "rollup-plugin-dts": "6.4.1",
+    "playwright": "1.62.1",
+    "prettier": "3.9.6",
+    "rollup": "4.62.4",
+    "rollup-plugin-dts": "6.5.1",
     "rollup-plugin-peer-deps-external": "2.2.4",
     "rollup-plugin-postcss": "4.0.2",
-    "storybook": "10.4.6",
+    "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.61.0",
-    "vite": "8.0.16",
-    "vitest": "4.1.9"
+    "typescript-eslint": "8.67.0",
+    "vite": "8.2.1",
+    "vitest": "4.1.10"
   },
   "optionalDependencies": {
     "@rollup/rollup-linux-x64-gnu": "*"