@raspberrypifoundation/design-system-react 2.7.3 → 2.9.0

package/dist/scss/design-system-core.scss

@@ -12,19 +12,18 @@
 @use 'properties/colors/_text';
 @use 'properties/colors/_utilities';
 
-
 @use 'components/alert';
 @use 'components/accordion';
 @use 'components/button';
 @use 'components/progress-bar';
 @use 'components/squiggle';
 @use 'components/tag';
+@use 'components/switch';
 @use 'components/menu';
 @use 'components/link';
 @use 'components/burger-menu';
 @use 'components/modal';
 
-
 @use 'components/forms/error-message';
 @use 'components/forms/fieldset';
 @use 'components/forms/inputs';
@@ -39,3 +38,5 @@
 
 @use 'components/table/table';
 @use 'components/table/table-cell';
+
+@use 'utility/visually-hidden';

package/dist/scss/properties/colors/_greys.scss

@@ -1,6 +1,7 @@
 :root, :host {
   --rpf-white:      hsla(0, 0%, 100%, 1);
   --rpf-off-white:  hsla(225, 25%, 97%, 1);
+  --rpf-off-white-warm: hsla(36, 38.5%, 97.5%, 1);
   --rpf-grey-50:    hsla(210, 8%, 95%, 1);
   --rpf-grey-100:   hsla(228, 10%, 90%, 1);
   --rpf-grey-150:   hsla(223, 9%, 85%, 1);

package/dist/scss/utility/_visually-hidden.scss

@@ -0,0 +1,11 @@
+.rpf-visually-hidden {
+  // https://www.a11y-collective.com/blog/visually-hidden/
+  border: 0;
+  clip-path: inset(50%);
+  inline-size: 1px;
+  block-size: 1px;
+  margin: 0;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+}

package/dist/types/lib/main.d.ts

@@ -17,12 +17,22 @@ export { default as SearchInput } from "../src/components/Form/SearchInput";
 export type { SearchInputProps } from "../src/components/Form/SearchInput/SearchInput.types";
 export { default as SelectInput } from "../src/components/Form/SelectInput";
 export type { SelectInputProps } from "../src/components/Form/SelectInput/SelectInput.types";
+export { default as Switch } from "../src/components/Form/Switch";
+export type { SwitchProps } from "../src/components/Form/Switch/Switch.types";
 export { default as TextareaInput } from "../src/components/Form/TextareaInput";
 export type { TextareaInputProps } from "../src/components/Form/TextareaInput/TextareaInput.types";
 export { default as TextInput } from "../src/components/Form/TextInput";
 export type { TextInputProps } from "../src/components/Form/TextInput/TextInput.types";
 export { default as Modal } from "../src/components/Modal";
 export type { ModalProps } from "../src/components/Modal/Modal.types";
+export { default as Menu } from "../src/components/Menu";
+export type { MenuProps } from "../src/components/Menu/Menu.types";
+export { default as MenuButton } from "../src/components/Menu/MenuButton";
+export type { MenuButtonProps } from "../src/components/Menu/MenuButton/MenuButton.types";
+export { default as MenuItem } from "../src/components/Menu/MenuItem";
+export type { MenuItemProps } from "../src/components/Menu/MenuItem/MenuItem.types";
+export { default as MenuTitle } from "../src/components/Menu/MenuTitle";
+export type { MenuTitleProps } from "../src/components/Menu/MenuTitle/MenuTitle.types";
 export { default as ProgressBar } from "../src/components/ProgressBar";
 export type { ProgressBarProps } from "../src/components/ProgressBar/ProgressBar.types";
 export { default as TableBodyCell } from "../src/components/Table/BodyCell";

package/dist/types/lib/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../lib/main.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAC3D,YAAY,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAC7D,YAAY,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,YAAY,EAAE,kBAAkB,EAAE,MAAM,0DAA0D,CAAC;AACnG,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,iCAAiC,CAAC;AACtE,YAAY,EAAE,aAAa,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,YAAY,EAAE,eAAe,EAAE,MAAM,oDAAoD,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,YAAY,EAAE,eAAe,EAAE,MAAM,oDAAoD,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC1E,YAAY,EAAE,eAAe,EAAE,MAAM,oDAAoD,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC5E,YAAY,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAC5E,YAAY,EAAE,gBAAgB,EAAE,MAAM,sDAAsD,CAAC;AAC7F,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,YAAY,EAAE,kBAAkB,EAAE,MAAM,0DAA0D,CAAC;AACnG,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACxE,YAAY,EAAE,cAAc,EAAE,MAAM,kDAAkD,CAAC;AACvF,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAC3D,YAAY,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACvE,YAAY,EAAE,gBAAgB,EAAE,MAAM,iDAAiD,CAAC;AACxF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,oCAAoC,CAAC;AAChF,YAAY,EAAE,eAAe,EAAE,MAAM,qDAAqD,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,+BAA+B,CAAC;AACjE,YAAY,EAAE,UAAU,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,uBAAuB,CAAC;AACvD,YAAY,EAAE,QAAQ,EAAE,MAAM,iCAAiC,CAAC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../../lib/main.ts"],"names":[],"mappings":"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"}

package/dist/types/src/components/Button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,GAAI,4JAgBpB,WAAW,4CAgFb,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,MAAM,GAAI,4JAgBpB,WAAW,4CA6Eb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/dist/types/src/components/Form/Switch/Switch.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Switch.spec.d.ts.map

package/dist/types/src/components/Form/Switch/Switch.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.spec.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/Switch/Switch.spec.tsx"],"names":[],"mappings":""}

package/dist/types/src/components/Form/Switch/Switch.types.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode } from "react";
+export type SwitchProps = {
+    /** Unique identifier for the switch input */
+    id: string;
+    /** Name attribute for the switch input */
+    name: string;
+    /** Label text or `ReactNode` for the switch */
+    label: string | ReactNode;
+    /** Error message to display */
+    error?: string;
+    /** Stretch the switch across the available width */
+    fullWidth?: boolean;
+    /** Place the label before the track */
+    reverse?: boolean;
+    /** Hint text shown below the label */
+    hint?: string;
+    /** Align switch content to the start of the cross axis */
+    alignStart?: boolean;
+    /** Visually hide the label while keeping it accessible to screen readers */
+    hideLabel?: boolean;
+    /** Show on/off icons in the handle */
+    icon?: boolean;
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "id" | "name">;
+//# sourceMappingURL=Switch.types.d.ts.map

package/dist/types/src/components/Form/Switch/Switch.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/Switch/Switch.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG;IACxB,6CAA6C;IAC7C,EAAE,EAAE,MAAM,CAAC;IACX,0CAA0C;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,+CAA+C;IAC/C,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,sCAAsC;IACtC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,0DAA0D;IAC1D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,sCAAsC;IACtC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB,GAAG,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC,CAAC"}

package/dist/types/src/components/Form/Switch/index.d.ts

@@ -0,0 +1,16 @@
+import "@/components/MaterialSymbols";
+import "./Switch.scss";
+export declare const Switch: import("react").ForwardRefExoticComponent<{
+    id: string;
+    name: string;
+    label: string | import("react").ReactNode;
+    error?: string;
+    fullWidth?: boolean;
+    reverse?: boolean;
+    hint?: string;
+    alignStart?: boolean;
+    hideLabel?: boolean;
+    icon?: boolean;
+} & Omit<import("react").InputHTMLAttributes<HTMLInputElement>, "id" | "type" | "name"> & import("react").RefAttributes<HTMLInputElement>>;
+export default Switch;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Form/Switch/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/Switch/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAItC,OAAO,eAAe,CAAC;AAGvB,eAAO,MAAM,MAAM;;;;;;;;;;;0IA4ElB,CAAC;AAIF,eAAe,MAAM,CAAC"}

package/dist/types/src/components/Menu/Menu.types.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from "react";
+export type MenuProps = {
+    className?: string;
+    children?: ReactNode;
+};
+//# sourceMappingURL=Menu.types.d.ts.map

package/dist/types/src/components/Menu/Menu.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/Menu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC"}

package/dist/types/src/components/Menu/MenuButton/MenuButton.types.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+export type MenuButtonProps = {
+    className?: string;
+    children?: ReactNode;
+    buttonText?: string;
+};
+//# sourceMappingURL=MenuButton.types.d.ts.map

package/dist/types/src/components/Menu/MenuButton/MenuButton.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Menu/MenuButton/MenuButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,eAAe,GAAG;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC"}

package/dist/types/src/components/Menu/MenuButton/index.d.ts

@@ -0,0 +1,4 @@
+import type { MenuButtonProps } from "./MenuButton.types";
+export declare const MenuButton: ({ className, children, buttonText, }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default MenuButton;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Menu/MenuButton/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Menu/MenuButton/index.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAkD1D,eAAO,MAAM,UAAU,GAAI,sCAIxB,eAAe,4CAQjB,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/types/src/components/Menu/MenuItem/MenuItem.types.d.ts

@@ -0,0 +1,11 @@
+import type { MouseEventHandler } from "react";
+export type MenuItemProps = {
+    text: string;
+    href?: string;
+    danger?: boolean;
+    icon?: string;
+    iconPosition?: "left" | "right";
+    className?: string;
+    onClick?: MouseEventHandler<HTMLButtonElement>;
+};
+//# sourceMappingURL=MenuItem.types.d.ts.map

package/dist/types/src/components/Menu/MenuItem/MenuItem.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Menu/MenuItem/MenuItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/C,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CAChD,CAAC"}

package/dist/types/src/components/Menu/MenuItem/index.d.ts

@@ -0,0 +1,6 @@
+import "@/components/MaterialSymbols";
+import "./MenuItem.scss";
+import type { MenuItemProps } from "./MenuItem.types";
+export declare const MenuItem: ({ text, href, icon, iconPosition, danger, className, onClick, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export default MenuItem;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Menu/MenuItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Menu/MenuItem/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAItC,OAAO,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAmBtD,eAAO,MAAM,QAAQ,GAAI,iEAQtB,aAAa,4CAoBf,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/types/src/components/Menu/MenuTitle/MenuTitle.types.d.ts

@@ -0,0 +1,4 @@
+export type MenuTitleProps = {
+    text: string;
+};
+//# sourceMappingURL=MenuTitle.types.d.ts.map

package/dist/types/src/components/Menu/MenuTitle/MenuTitle.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTitle.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Menu/MenuTitle/MenuTitle.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;CACd,CAAC"}

package/dist/types/src/components/Menu/MenuTitle/index.d.ts

@@ -0,0 +1,5 @@
+import "./MenuTitle.scss";
+import type { MenuTitleProps } from "./MenuTitle.types";
+export declare const MenuTitle: ({ text }: MenuTitleProps) => import("react/jsx-runtime").JSX.Element;
+export default MenuTitle;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Menu/MenuTitle/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Menu/MenuTitle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,SAAS,GAAI,UAAU,cAAc,4CAIjD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/dist/types/src/components/Menu/index.d.ts

@@ -0,0 +1,5 @@
+import "./Menu.scss";
+import type { MenuProps } from "./Menu.types";
+export declare const Menu: ({ className, children }: MenuProps) => import("react/jsx-runtime").JSX.Element;
+export default Menu;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/src/components/Menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAEA,OAAO,aAAa,CAAC;AACrB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,eAAO,MAAM,IAAI,GAAI,yBAAyB,SAAS,4CAItD,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/types/src/stories/Menu/Menu.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Menu } from "../../components/Menu";
+declare const meta: Meta<typeof Menu>;
+export default meta;
+type Story = StoryObj<typeof Menu>;
+export declare const Default: Story;
+export declare const WithTitleAndIcons: Story;
+//# sourceMappingURL=Menu.stories.d.ts.map

package/dist/types/src/stories/Menu/Menu.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/Menu/Menu.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAI7C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,IAAI,CAO3B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAe/B,CAAC"}

package/dist/types/src/stories/Menu/MenuButton.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { MenuButton } from "../../components/Menu/MenuButton";
+declare const meta: Meta<typeof MenuButton>;
+export default meta;
+type Story = StoryObj<typeof MenuButton>;
+export declare const Default: Story;
+//# sourceMappingURL=MenuButton.stories.d.ts.map

package/dist/types/src/stories/Menu/MenuButton.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/Menu/MenuButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAG9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CA2CjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC"}

package/dist/types/src/stories/Menu/MenuItem.stories.d.ts

@@ -0,0 +1,9 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { MenuItem } from "../../components/Menu/MenuItem";
+declare const meta: Meta<typeof MenuItem>;
+export default meta;
+type Story = StoryObj<typeof MenuItem>;
+export declare const Default: Story;
+export declare const Link: Story;
+export declare const Icon: Story;
+//# sourceMappingURL=MenuItem.stories.d.ts.map

package/dist/types/src/stories/Menu/MenuItem.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/Menu/MenuItem.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAE1D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAqB/B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC;AAEjC,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAC"}

package/dist/types/src/stories/Menu/MenuTitle.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { MenuTitle } from "../../components/Menu/MenuTitle";
+declare const meta: Meta<typeof MenuTitle>;
+export default meta;
+type Story = StoryObj<typeof MenuTitle>;
+export declare const Default: Story;
+//# sourceMappingURL=MenuTitle.stories.d.ts.map

package/dist/types/src/stories/Menu/MenuTitle.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuTitle.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/Menu/MenuTitle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CAOhC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,SAAS,CAAC,CAAC;AAExC,eAAO,MAAM,OAAO,EAAE,KAAU,CAAC"}

package/dist/types/src/stories/forms/Switch.stories.d.ts

@@ -0,0 +1,54 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Switch } from "../../components/Form/Switch";
+declare const meta: Meta<typeof Switch>;
+export default meta;
+type Story = StoryObj<typeof Switch>;
+/**
+ * Switches allow users to change a setting between two states.
+ */
+export declare const Default: Story;
+/**
+ * Checked switch state.
+ */
+export declare const Checked: Story;
+/**
+ * Disabled switch state.
+ */
+export declare const Disabled: Story;
+/**
+ * Disabled and checked switch state.
+ */
+export declare const DisabledChecked: Story;
+/**
+ * Switch with on/off icons in the handle.
+ */
+export declare const WithIcon: Story;
+/**
+ * Full width switch layout.
+ */
+export declare const FullWidth: Story;
+/**
+ * Label appears before the track.
+ */
+export declare const Reverse: Story;
+/**
+ * Full width switch with reversed label placement.
+ */
+export declare const FullWidthAndReverse: Story;
+/**
+ * Switch with hint text below the label.
+ */
+export declare const WithHint: Story;
+/**
+ * Align switch content to the start when the label wraps over multiple lines.
+ */
+export declare const AlignStart: Story;
+/**
+ * Visually hidden label; the name remains available to screen readers.
+ */
+export declare const HiddenLabel: Story;
+/**
+ * Providing an error string highlights an issue with the field.
+ */
+export declare const Error: Story;
+//# sourceMappingURL=Switch.stories.d.ts.map

package/dist/types/src/stories/forms/Switch.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/forms/Switch.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AA6FtD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAuC7B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAA0B,CAAC;AAEjD;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KASrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAYtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,KAY7B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAAwD,CAAC;AAEhF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAGvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAA8D,CAAC;AAErF;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,KAGjC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAGtB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,UAAU,EAAE,KASxB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,KAAkE,CAAC;AAE7F;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAcnB,CAAC"}

package/package.json

@@ -1,19 +1,22 @@
 {
   "name": "@raspberrypifoundation/design-system-react",
-  "version": "2.7.3",
+  "version": "2.9.0",
   "type": "module",
   "main": "./dist/design-system-react.umd.cjs",
   "module": "./dist/design-system-react.js",
   "files": [
     "dist"
   ],
-  "sideEffects": false,
+  "sideEffects": [
+    "dist/design-system-react.css"
+  ],
   "exports": {
     ".": {
       "types": "./dist/types/lib/main.d.ts",
       "require": "./dist/design-system-react.umd.cjs",
       "import": "./dist/design-system-react.js"
     },
+    "./styles.css": "./dist/design-system-react.css",
     "./scss/*": "./dist/scss/*.scss",
     "./scss": "./dist/scss/design-system-core.scss",
     "./package.json": "./package.json",
@@ -40,20 +43,22 @@
     "ts:watch": "tsc --noEmit --watch"
   },
   "dependencies": {
-    "@raspberrypifoundation/design-system-core": "^2.4.0",
+    "@raspberrypifoundation/design-system-core": "^2.4.5",
     "classnames": "^2.5.1",
     "lucide-react": "^0.553.0"
   },
   "devDependencies": {
     "@eslint/js": "^9.15.0",
-    "@storybook/addon-essentials": "^8.6.11",
-    "@storybook/addon-interactions": "^8.6.11",
-    "@storybook/addon-onboarding": "^8.6.11",
-    "@storybook/blocks": "^8.6.11",
-    "@storybook/preview-api": "^8.6.11",
-    "@storybook/react": "^8.6.11",
-    "@storybook/react-vite": "^8.6.11",
-    "@storybook/test": "^8.6.11",
+    "@floating-ui/react": "^0.26.19",
+    "@storybook/addon-a11y": "8.6.15",
+    "@storybook/addon-essentials": "8.6.15",
+    "@storybook/addon-interactions": "8.6.15",
+    "@storybook/addon-onboarding": "8.6.15",
+    "@storybook/blocks": "8.6.15",
+    "@storybook/preview-api": "8.6.15",
+    "@storybook/react": "8.6.15",
+    "@storybook/react-vite": "8.6.15",
+    "@storybook/test": "8.6.15",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.1.0",
@@ -79,7 +84,7 @@
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.24.0",
     "sass-embedded": "^1.83.1",
-    "storybook": "^8.6.11",
+    "storybook": "^8.6.18",
     "typescript": "^5.9.2",
     "vite": "^6.2.4",
     "vitest": "^3.1.1"
@@ -103,4 +108,4 @@
       "plugin:storybook/recommended"
     ]
   }
-}
+}