@raspberrypifoundation/design-system-react 2.9.2 → 2.10.2

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

@@ -0,0 +1,6 @@
+import "@/components/MaterialSymbols";
+import "./PasswordInput.scss";
+import type { PasswordInputProps } from "./PasswordInput.types";
+export declare const PasswordInput: ({ disabled, readOnly, fullWidth, error, label, id, hint, showPasswordLabel, hidePasswordLabel, forgotPasswordLabel, forgotPasswordHref, ...props }: PasswordInputProps) => import("react/jsx-runtime").JSX.Element;
+export default PasswordInput;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/PasswordInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAItC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,eAAO,MAAM,aAAa,GAAI,oJAa3B,kBAAkB,4CAkEpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -35,31 +35,39 @@ export namespace IconOnly {
     }
     export { args_5 as args };
 }
+export namespace IconOnlySvg {
+    let args_6: {
+        icon: import("react/jsx-runtime").JSX.Element;
+        iconOnly: boolean;
+        "aria-label": string;
+    };
+    export { args_6 as args };
+}
 export namespace LinkButton {
-    export namespace args_6 {
+    export namespace args_7 {
         export let href: string;
         export { Link as linkComponent };
     }
-    export { args_6 as args };
+    export { args_7 as args };
     export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
 }
 export namespace ExternalLink {
-    export namespace args_7 {
+    export namespace args_8 {
         let href_1: string;
         export { href_1 as href };
         let icon_2: string;
         export { icon_2 as icon };
         export let iconPosition: string;
     }
-    export { args_7 as args };
+    export { args_8 as args };
     let decorators_1: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
     export { decorators_1 as decorators };
 }
 export namespace Danger {
-    export namespace args_8 {
+    export namespace args_9 {
         let variant: string;
     }
-    export { args_8 as args };
+    export { args_9 as args };
 }
 declare namespace options {
     export let title: string;
@@ -109,7 +117,7 @@ declare namespace options {
         }
         export { iconPosition_1 as iconPosition };
     }
-    let args_9: {
+    let args_10: {
         text: string;
         type: string;
         variant: string;
@@ -126,7 +134,7 @@ declare namespace options {
         "aria-label": string;
         linkComponent: null;
     };
-    export { args_9 as args };
+    export { args_10 as args };
 }
 import { Link } from "react-router-dom";
 //# sourceMappingURL=Button.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Button.stories.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBACkC,kBAAkB"}
+{"version":3,"file":"Button.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Button.stories.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBACoC,kBAAkB"}

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

@@ -0,0 +1,30 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { PasswordInput } from "../../components/Form/PasswordInput";
+declare const meta: Meta<typeof PasswordInput>;
+export default meta;
+type Story = StoryObj<typeof PasswordInput>;
+/**
+ * Password inputs let users toggle the visibility of a sensitive field via the Show/Hide button.
+ */
+export declare const Default: Story;
+/**
+ * disabled prevents the field from being edited or toggled
+ */
+export declare const Disabled: Story;
+/**
+ * readonly prevents editing but keeps the field focusable
+ */
+export declare const Readonly: Story;
+/**
+ * Providing an error string highlights an issue with the field
+ */
+export declare const Error: Story;
+/**
+ * fullWidth makes the input stretch across the available space
+ */
+export declare const FullWidth: Story;
+/**
+ * Omit forgotPasswordHref to hide the "Forgot password?" link
+ */
+export declare const WithoutForgotPassword: Story;
+//# sourceMappingURL=PasswordInput.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PasswordInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/forms/PasswordInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AAEpE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,aAAa,CAepC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,aAAa,CAAC,CAAC;AAE5C;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAIvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,KAInC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@raspberrypifoundation/design-system-react",
-  "version": "2.9.2",
+  "version": "2.10.2",
   "type": "module",
   "main": "./dist/design-system-react.umd.cjs",
   "module": "./dist/design-system-react.js",
@@ -43,7 +43,7 @@
     "ts:watch": "tsc --noEmit --watch"
   },
   "dependencies": {
-    "@raspberrypifoundation/design-system-core": "^2.4.7",
+    "@raspberrypifoundation/design-system-core": "^2.4.8",
     "classnames": "^2.5.1",
     "lucide-react": "^0.553.0"
   },