@raspberrypifoundation/design-system-react 2.10.4 → 2.11.0

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.
Files changed (67) hide show
  1. package/README.md +4 -25
  2. package/dist/design-system-react.js +1289 -1312
  3. package/dist/design-system-react.umd.cjs +14 -14
  4. package/dist/types/src/components/Accordion/index.d.ts +1 -1
  5. package/dist/types/src/components/Accordion/index.d.ts.map +1 -1
  6. package/dist/types/src/components/Alert/index.d.ts +1 -1
  7. package/dist/types/src/components/Alert/index.d.ts.map +1 -1
  8. package/dist/types/src/components/Button/index.d.ts +2 -1
  9. package/dist/types/src/components/Button/index.d.ts.map +1 -1
  10. package/dist/types/src/components/Form/CheckboxInput/index.d.ts +1 -1
  11. package/dist/types/src/components/Form/CheckboxInput/index.d.ts.map +1 -1
  12. package/dist/types/src/components/Form/Fieldset/index.d.ts +1 -1
  13. package/dist/types/src/components/Form/Fieldset/index.d.ts.map +1 -1
  14. package/dist/types/src/components/Form/InputField/index.d.ts +1 -1
  15. package/dist/types/src/components/Form/InputField/index.d.ts.map +1 -1
  16. package/dist/types/src/components/Form/InputLabel/index.d.ts +1 -1
  17. package/dist/types/src/components/Form/InputLabel/index.d.ts.map +1 -1
  18. package/dist/types/src/components/Form/PasswordInput/index.d.ts +1 -1
  19. package/dist/types/src/components/Form/PasswordInput/index.d.ts.map +1 -1
  20. package/dist/types/src/components/Form/RadioInput/index.d.ts +1 -1
  21. package/dist/types/src/components/Form/RadioInput/index.d.ts.map +1 -1
  22. package/dist/types/src/components/Form/SearchInput/index.d.ts +1 -1
  23. package/dist/types/src/components/Form/SearchInput/index.d.ts.map +1 -1
  24. package/dist/types/src/components/Form/SelectInput/index.d.ts +1 -1
  25. package/dist/types/src/components/Form/SelectInput/index.d.ts.map +1 -1
  26. package/dist/types/src/components/Form/TextInput/index.d.ts +1 -1
  27. package/dist/types/src/components/Form/TextInput/index.d.ts.map +1 -1
  28. package/dist/types/src/components/Form/TextareaInput/index.d.ts +1 -1
  29. package/dist/types/src/components/Form/TextareaInput/index.d.ts.map +1 -1
  30. package/dist/types/src/components/Menu/MenuButton/index.d.ts +1 -1
  31. package/dist/types/src/components/Menu/MenuButton/index.d.ts.map +1 -1
  32. package/dist/types/src/components/Menu/MenuItem/index.d.ts +1 -1
  33. package/dist/types/src/components/Menu/MenuItem/index.d.ts.map +1 -1
  34. package/dist/types/src/components/Menu/MenuTitle/index.d.ts +1 -1
  35. package/dist/types/src/components/Menu/MenuTitle/index.d.ts.map +1 -1
  36. package/dist/types/src/components/Menu/index.d.ts +1 -1
  37. package/dist/types/src/components/Menu/index.d.ts.map +1 -1
  38. package/dist/types/src/components/Modal/index.d.ts +1 -1
  39. package/dist/types/src/components/Modal/index.d.ts.map +1 -1
  40. package/dist/types/src/components/ProgressBar/index.d.ts +1 -1
  41. package/dist/types/src/components/ProgressBar/index.d.ts.map +1 -1
  42. package/dist/types/src/components/Squiggle/Squiggle.spec.d.ts +2 -0
  43. package/dist/types/src/components/Squiggle/Squiggle.spec.d.ts.map +1 -0
  44. package/dist/types/src/components/Squiggle/index.d.ts +4 -0
  45. package/dist/types/src/components/Squiggle/index.d.ts.map +1 -0
  46. package/dist/types/src/components/Table/BodyCell/index.d.ts +1 -1
  47. package/dist/types/src/components/Table/BodyCell/index.d.ts.map +1 -1
  48. package/dist/types/src/components/Table/HeaderCell/index.d.ts +1 -1
  49. package/dist/types/src/components/Table/HeaderCell/index.d.ts.map +1 -1
  50. package/dist/types/src/components/Table/Table/index.d.ts +1 -1
  51. package/dist/types/src/components/Table/Table/index.d.ts.map +1 -1
  52. package/dist/types/src/components/Tag/index.d.ts +1 -1
  53. package/dist/types/src/components/Tag/index.d.ts.map +1 -1
  54. package/dist/types/src/stories/Accordion.stories.d.ts +1 -1
  55. package/dist/types/src/stories/Accordion.stories.d.ts.map +1 -1
  56. package/dist/types/src/stories/Button.stories.d.ts +3 -3
  57. package/dist/types/src/stories/Modal/ExampleModal/ExampleModal.d.ts +2 -1
  58. package/dist/types/src/stories/Modal/ExampleModal/ExampleModal.d.ts.map +1 -1
  59. package/dist/types/src/stories/Modal/Modal.stories.d.ts +1 -1
  60. package/dist/types/src/stories/Modal/Modal.stories.helpers.d.ts +2 -2
  61. package/dist/types/src/stories/Modal/Modal.stories.helpers.d.ts.map +1 -1
  62. package/dist/types/src/stories/ProgressBar.stories.d.ts +3 -3
  63. package/dist/types/src/stories/Squiggle.stories.d.ts +8 -0
  64. package/dist/types/src/stories/Squiggle.stories.d.ts.map +1 -0
  65. package/dist/types/src/stories/forms/CheckboxInput.stories.d.ts +1 -1
  66. package/dist/types/src/stories/forms/CheckboxInput.stories.d.ts.map +1 -1
  67. package/package.json +7 -7
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/Fieldset/index.tsx"],"names":[],"mappings":"AAEA,OAAO,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,eAAO,MAAM,QAAQ,GAAI,2EAOtB,aAAa,4CA4Bf,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/Fieldset/index.tsx"],"names":[],"mappings":"AAEA,OAAO,iBAAiB,CAAC;AACzB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,eAAO,MAAM,QAAQ,GAAI,2EAOtB,aAAa,gCA4Bf,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import "@/components/MaterialSymbols";
2
2
  import type { InputFieldProps } from "./InputField.types";
3
- export declare const InputField: ({ id, label, children, disabled, error, hint, }: InputFieldProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const InputField: ({ id, label, children, disabled, error, hint, }: InputFieldProps) => import("react").JSX.Element;
4
4
  export default InputField;
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/InputField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,GAAI,iDAOxB,eAAe,4CAuBjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/InputField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,8BAA8B,CAAC;AACtC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,GAAI,iDAOxB,eAAe,gCAuBjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import "./InputLabel.scss";
2
2
  import type { InputLabelProps } from "./InputLabel.types";
3
- export declare const InputLabel: ({ label, inputFieldId, disabled, hint, }: InputLabelProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const InputLabel: ({ label, inputFieldId, disabled, hint, }: InputLabelProps) => import("react").JSX.Element;
4
4
  export default InputLabel;
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/InputLabel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,GAAI,0CAKxB,eAAe,4CAYjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/InputLabel/index.tsx"],"names":[],"mappings":"AAEA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,GAAI,0CAKxB,eAAe,gCAYjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import "@/components/MaterialSymbols";
2
2
  import "./PasswordInput.scss";
3
3
  import type { PasswordInputProps } from "./PasswordInput.types";
4
- export declare const PasswordInput: ({ disabled, readOnly, fullWidth, error, label, id, hint, showPasswordLabel, hidePasswordLabel, forgotPasswordLabel, forgotPasswordHref, ...props }: PasswordInputProps) => import("react/jsx-runtime").JSX.Element;
4
+ export declare const PasswordInput: ({ disabled, readOnly, fullWidth, error, label, id, hint, showPasswordLabel, hidePasswordLabel, forgotPasswordLabel, forgotPasswordHref, ...props }: PasswordInputProps) => import("react").JSX.Element;
5
5
  export default PasswordInput;
6
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
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"}
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,gCAkEpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import "./RadioInput.scss";
2
2
  import type { RadioInputProps } from "./RadioInput.types";
3
- export declare const RadioInput: ({ label, id, name, fullWidth, ...props }: RadioInputProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const RadioInput: ({ label, id, name, fullWidth, ...props }: RadioInputProps) => import("react").JSX.Element;
4
4
  export default RadioInput;
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/RadioInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,GAAI,0CAMxB,eAAe,4CAUjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/RadioInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,GAAI,0CAMxB,eAAe,gCAUjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import "@/components/MaterialSymbols";
2
2
  import "./SearchInput.scss";
3
3
  import type { SearchInputProps } from "./SearchInput.types";
4
- export declare const SearchInput: ({ label, inputFieldId, disabled, error, hint, placeholder, defaultValue, onClick, onChange, }: SearchInputProps) => import("react/jsx-runtime").JSX.Element;
4
+ export declare const SearchInput: ({ label, inputFieldId, disabled, error, hint, placeholder, defaultValue, onClick, onChange, }: SearchInputProps) => import("react").JSX.Element;
5
5
  export default SearchInput;
6
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/SearchInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,GAAI,+FAUzB,gBAAgB,4CAmDlB,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/SearchInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,GAAI,+FAUzB,gBAAgB,gCAmDlB,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import "@/components/MaterialSymbols";
2
2
  import "./SelectInput.scss";
3
3
  import type { SelectInputProps } from "./SelectInput.types";
4
- export declare const SelectInput: ({ id, label, name, options, disabled, error, fullWidth, hint, onChange, placeholder, value, ...props }: SelectInputProps) => import("react/jsx-runtime").JSX.Element;
4
+ export declare const SelectInput: ({ id, label, name, options, disabled, error, fullWidth, hint, onChange, placeholder, value, ...props }: SelectInputProps) => import("react").JSX.Element;
5
5
  export default SelectInput;
6
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/SelectInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAItC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,GAAI,wGAazB,gBAAgB,4CAgClB,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/SelectInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAItC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,GAAI,wGAazB,gBAAgB,gCAgClB,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import "@/components/MaterialSymbols";
2
2
  import "./TextInput.scss";
3
3
  import type { TextInputProps } from "./TextInput.types";
4
- export declare const TextInput: ({ id, name, label, error, fullWidth, hint, type, ...props }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
4
+ export declare const TextInput: ({ id, name, label, error, fullWidth, hint, type, ...props }: TextInputProps) => import("react").JSX.Element;
5
5
  export default TextInput;
6
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/TextInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAItC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,SAAS,GAAI,6DASvB,cAAc,4CAmBhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/TextInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAItC,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,eAAO,MAAM,SAAS,GAAI,6DASvB,cAAc,gCAmBhB,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import "./TextareaInput.scss";
2
2
  import type { TextareaInputProps } from "./TextareaInput.types";
3
- export declare const TextareaInput: ({ id, label, name, value, disabled, readOnly, error, fullWidth, hint, onChange, }: TextareaInputProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const TextareaInput: ({ id, label, name, value, disabled, readOnly, error, fullWidth, hint, onChange, }: TextareaInputProps) => import("react").JSX.Element;
4
4
  export default TextareaInput;
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/TextareaInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,sBAAsB,CAAC;AAG9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,eAAO,MAAM,aAAa,GAAI,mFAW3B,kBAAkB,4CAsBpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/TextareaInput/index.tsx"],"names":[],"mappings":"AAEA,OAAO,sBAAsB,CAAC;AAG9B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAEhE,eAAO,MAAM,aAAa,GAAI,mFAW3B,kBAAkB,gCAsBpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -1,4 +1,4 @@
1
1
  import type { MenuButtonProps } from "./MenuButton.types";
2
- export declare const MenuButton: ({ className, children, buttonText, }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;
2
+ export declare const MenuButton: ({ className, children, buttonText, }: MenuButtonProps) => import("react").JSX.Element;
3
3
  export default MenuButton;
4
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
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"}
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,gCAQjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import "@/components/MaterialSymbols";
2
2
  import "./MenuItem.scss";
3
3
  import type { MenuItemProps } from "./MenuItem.types";
4
- export declare const MenuItem: ({ text, href, icon, iconPosition, danger, className, onClick, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
4
+ export declare const MenuItem: ({ text, href, icon, iconPosition, danger, className, onClick, }: MenuItemProps) => import("react").JSX.Element;
5
5
  export default MenuItem;
6
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
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"}
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,gCAoBf,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import "./MenuTitle.scss";
2
2
  import type { MenuTitleProps } from "./MenuTitle.types";
3
- export declare const MenuTitle: ({ text }: MenuTitleProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const MenuTitle: ({ text }: MenuTitleProps) => import("react").JSX.Element;
4
4
  export default MenuTitle;
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
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"}
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,gCAIjD,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import "./Menu.scss";
2
2
  import type { MenuProps } from "./Menu.types";
3
- export declare const Menu: ({ className, children }: MenuProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const Menu: ({ className, children }: MenuProps) => import("react").JSX.Element;
4
4
  export default Menu;
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
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"}
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,gCAItD,CAAC;AAEF,eAAe,IAAI,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import "@/components/MaterialSymbols";
2
2
  import "./Modal.scss";
3
3
  import type { ModalProps } from "./Modal.types";
4
- declare const Modal: ({ isOpen, setIsOpen, heading, children, primaryButtonLink, primaryButtonText, onClickPrimaryButton, secondaryButtonText, secondaryButtonLink, onClickSecondaryButton, tertiaryButtonText, tertiaryButtonLink, onClickTertiaryButton, showCloseButton, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
4
+ declare const Modal: ({ isOpen, setIsOpen, heading, children, primaryButtonLink, primaryButtonText, onClickPrimaryButton, secondaryButtonText, secondaryButtonLink, onClickSecondaryButton, tertiaryButtonText, tertiaryButtonLink, onClickTertiaryButton, showCloseButton, }: ModalProps) => import("react").JSX.Element;
5
5
  export default Modal;
6
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,QAAA,MAAM,KAAK,GAAI,yPAeZ,UAAU,4CAuDZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,QAAA,MAAM,KAAK,GAAI,yPAeZ,UAAU,gCAuDZ,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import "@/components/MaterialSymbols";
2
2
  import "./ProgressBar.scss";
3
3
  import type { ProgressBarProps } from "./ProgressBar.types";
4
- export declare const ProgressBar: ({ text, percent, complete, className, }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
4
+ export declare const ProgressBar: ({ text, percent, complete, className, }: ProgressBarProps) => import("react").JSX.Element;
5
5
  export default ProgressBar;
6
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,GAAI,yCAKzB,gBAAgB,4CAclB,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,8BAA8B,CAAC;AAGtC,OAAO,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D,eAAO,MAAM,WAAW,GAAI,yCAKzB,gBAAgB,gCAclB,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=Squiggle.spec.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Squiggle.spec.d.ts","sourceRoot":"","sources":["../../../../../src/components/Squiggle/Squiggle.spec.jsx"],"names":[],"mappings":""}
@@ -0,0 +1,4 @@
1
+ import "./Squiggle.scss";
2
+ export declare const Squiggle: () => import("react").JSX.Element;
3
+ export default Squiggle;
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Squiggle/index.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AAEzB,eAAO,MAAM,QAAQ,mCAIpB,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import "./BodyCell.scss";
2
2
  export declare const BodyCell: ({ children }: {
3
3
  children?: React.ReactNode;
4
- }) => import("react/jsx-runtime").JSX.Element;
4
+ }) => import("react").JSX.Element;
5
5
  export default BodyCell;
6
6
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/BodyCell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AAEzB,eAAO,MAAM,QAAQ,GAAI,cAAc;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,4CAIpE,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/BodyCell/index.tsx"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,CAAC;AAEzB,eAAO,MAAM,QAAQ,GAAI,cAAc;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,gCAIpE,CAAC;AAEF,eAAe,QAAQ,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import "./HeaderCell.scss";
2
2
  import type { HeaderCellProps } from "./HeaderCell.types";
3
- export declare const HeaderCell: ({ sortDirection, children, onClick, }: HeaderCellProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const HeaderCell: ({ sortDirection, children, onClick, }: HeaderCellProps) => import("react").JSX.Element;
4
4
  export default HeaderCell;
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/HeaderCell/index.tsx"],"names":[],"mappings":"AAMA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,GAAI,uCAIxB,eAAe,4CA8BjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/HeaderCell/index.tsx"],"names":[],"mappings":"AAMA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,GAAI,uCAIxB,eAAe,gCA8BjB,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import "./Table.scss";
2
2
  import type { TableProps } from "./Table.types";
3
- export declare const Table: ({ headerRow, bodyRows, fullWidth }: TableProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const Table: ({ headerRow, bodyRows, fullWidth }: TableProps) => import("react").JSX.Element;
4
4
  export default Table;
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/Table/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,KAAK,GAAI,oCAAoC,UAAU,4CAsBnE,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/Table/index.tsx"],"names":[],"mappings":"AAEA,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,eAAO,MAAM,KAAK,GAAI,oCAAoC,UAAU,gCAsBnE,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import "./Tag.scss";
2
2
  import type { TagProps } from "./Tag.types";
3
- export declare const Tag: ({ text, variant, secondary, icon, iconPosition, }: TagProps) => import("react/jsx-runtime").JSX.Element;
3
+ export declare const Tag: ({ text, variant, secondary, icon, iconPosition, }: TagProps) => import("react").JSX.Element;
4
4
  export default Tag;
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAEA,OAAO,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,eAAO,MAAM,GAAG,GAAI,mDAMjB,QAAQ,4CAwBV,CAAC;AAEF,eAAe,GAAG,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAEA,OAAO,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,eAAO,MAAM,GAAG,GAAI,mDAMjB,QAAQ,gCAwBV,CAAC;AAEF,eAAe,GAAG,CAAC"}
@@ -13,7 +13,7 @@ export namespace Default {
13
13
  }
14
14
  }
15
15
  export namespace RichContent {
16
- export function render(args: any): import("react/jsx-runtime").JSX.Element;
16
+ export function render(args: any): import("react").JSX.Element;
17
17
  export namespace args_1 {
18
18
  let title_2: string;
19
19
  export { title_2 as title };
@@ -1 +1 @@
1
- {"version":3,"file":"Accordion.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Accordion.stories.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;IAuBU,2EAcP"}
1
+ {"version":3,"file":"Accordion.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Accordion.stories.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;IAuBU,+DAcP"}
@@ -37,7 +37,7 @@ export namespace IconOnly {
37
37
  }
38
38
  export namespace IconOnlySvg {
39
39
  let args_6: {
40
- icon: import("react/jsx-runtime").JSX.Element;
40
+ icon: import("react").JSX.Element;
41
41
  iconOnly: boolean;
42
42
  "aria-label": string;
43
43
  };
@@ -49,7 +49,7 @@ export namespace LinkButton {
49
49
  export { Link as linkComponent };
50
50
  }
51
51
  export { args_7 as args };
52
- export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
52
+ export let decorators: ((Story: any) => import("react").JSX.Element)[];
53
53
  }
54
54
  export namespace ExternalLink {
55
55
  export namespace args_8 {
@@ -60,7 +60,7 @@ export namespace ExternalLink {
60
60
  export let iconPosition: string;
61
61
  }
62
62
  export { args_8 as args };
63
- let decorators_1: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
63
+ let decorators_1: ((Story: any) => import("react").JSX.Element)[];
64
64
  export { decorators_1 as decorators };
65
65
  }
66
66
  export namespace Danger {
@@ -1,2 +1,3 @@
1
- export default function ExampleModal(): import("react/jsx-runtime").JSX.Element;
1
+ import React from "react";
2
+ export default function ExampleModal(): React.JSX.Element;
2
3
  //# sourceMappingURL=ExampleModal.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ExampleModal.d.ts","sourceRoot":"","sources":["../../../../../../src/stories/Modal/ExampleModal/ExampleModal.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,OAAO,UAAU,YAAY,4CA+BnC"}
1
+ {"version":3,"file":"ExampleModal.d.ts","sourceRoot":"","sources":["../../../../../../src/stories/Modal/ExampleModal/ExampleModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,OAAO,UAAU,YAAY,sBA+BnC"}
@@ -21,6 +21,6 @@ export declare const CustomStyling: {
21
21
  disable: boolean;
22
22
  };
23
23
  };
24
- decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
24
+ decorators: ((Story: any) => import("react").JSX.Element)[];
25
25
  };
26
26
  //# sourceMappingURL=Modal.stories.d.ts.map
@@ -1,3 +1,3 @@
1
- export declare const ExampleModalChildren: () => import("react/jsx-runtime").JSX.Element;
2
- export declare const LongModalChildren: () => import("react/jsx-runtime").JSX.Element;
1
+ export declare const ExampleModalChildren: () => import("react").JSX.Element;
2
+ export declare const LongModalChildren: () => import("react").JSX.Element;
3
3
  //# sourceMappingURL=Modal.stories.helpers.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.stories.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/stories/Modal/Modal.stories.helpers.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,+CAKhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,+CAa7B,CAAC"}
1
+ {"version":3,"file":"Modal.stories.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/stories/Modal/Modal.stories.helpers.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,mCAKhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,mCAa7B,CAAC"}
@@ -61,7 +61,7 @@ export namespace CustomExample1 {
61
61
  export { percent_3 as percent };
62
62
  }
63
63
  export { args_3 as args };
64
- export let decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
64
+ export let decorators: ((Story: any) => import("react").JSX.Element)[];
65
65
  }
66
66
  export namespace CustomExample2 {
67
67
  export namespace args_4 {
@@ -73,7 +73,7 @@ export namespace CustomExample2 {
73
73
  export { complete_3 as complete };
74
74
  }
75
75
  export { args_4 as args };
76
- let decorators_1: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
76
+ let decorators_1: ((Story: any) => import("react").JSX.Element)[];
77
77
  export { decorators_1 as decorators };
78
78
  }
79
79
  export namespace CustomExample3 {
@@ -86,7 +86,7 @@ export namespace CustomExample3 {
86
86
  export { complete_4 as complete };
87
87
  }
88
88
  export { args_5 as args };
89
- let decorators_2: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
89
+ let decorators_2: ((Story: any) => import("react").JSX.Element)[];
90
90
  export { decorators_2 as decorators };
91
91
  }
92
92
  import { ProgressBar } from "../components/ProgressBar";
@@ -0,0 +1,8 @@
1
+ export default options;
2
+ export const Default: {};
3
+ declare namespace options {
4
+ export let title: string;
5
+ export { Squiggle as component };
6
+ export let tags: string[];
7
+ }
8
+ //# sourceMappingURL=Squiggle.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Squiggle.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Squiggle.stories.jsx"],"names":[],"mappings":";AAcA,yBAA0B"}
@@ -25,6 +25,6 @@ declare namespace options {
25
25
  export let className: string;
26
26
  }
27
27
  export { args_2 as args };
28
- export function render(args: any): import("react/jsx-runtime").JSX.Element;
28
+ export function render(args: any): import("react").JSX.Element;
29
29
  }
30
30
  //# sourceMappingURL=CheckboxInput.stories.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/forms/CheckboxInput.stories.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAiBU,2EAQP"}
1
+ {"version":3,"file":"CheckboxInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/forms/CheckboxInput.stories.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;IAiBU,+DAQP"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@raspberrypifoundation/design-system-react",
3
- "version": "2.10.4",
3
+ "version": "2.11.0",
4
4
  "type": "module",
5
5
  "main": "./dist/design-system-react.umd.cjs",
6
6
  "module": "./dist/design-system-react.js",
@@ -28,15 +28,16 @@
28
28
  },
29
29
  "types": "./types/lib/main.d.ts",
30
30
  "scripts": {
31
- "dev": "vite",
32
- "build": "yarn run build-core-scss && vite build && tsc --project tsconfig.build.json",
31
+ "dev": "storybook dev -p ${REACT_STORYBOOK_PORT:-6007} --no-open",
32
+ "build": "npm run build-core-scss && vite build && tsc --project tsconfig.build.json",
33
33
  "lint": "eslint .",
34
34
  "format": "prettier . --write",
35
35
  "preview": "vite preview",
36
- "storybook": "storybook dev -p 6006",
37
- "build-core-scss": "rm -r public/scss/* && cp -R node_modules/@raspberrypifoundation/design-system-core/scss/* public/scss",
36
+ "storybook": "storybook dev -p ${REACT_STORYBOOK_PORT:-6007}",
37
+ "build-core-scss": "rm -rf public/scss/* && cp -R \"$(node -p \"require('path').dirname(require.resolve('@raspberrypifoundation/design-system-core/package.json'))\")/scss/\"* public/scss",
38
38
  "build-storybook": "storybook build",
39
39
  "test": "vitest run",
40
+ "test:coverage": "vitest run --coverage",
40
41
  "test:watch": "vitest",
41
42
  "test:update-snapshots": "vitest --update",
42
43
  "ts:check": "tsc --noEmit",
@@ -86,7 +87,7 @@
86
87
  "sass-embedded": "^1.83.1",
87
88
  "storybook": "^8.6.18",
88
89
  "typescript": "^5.9.2",
89
- "vite": "^6.2.4",
90
+ "vite": "^6.4.3",
90
91
  "vitest": "^3.1.1"
91
92
  },
92
93
  "peerDependencies": {
@@ -102,7 +103,6 @@
102
103
  "optional": false
103
104
  }
104
105
  },
105
- "packageManager": "yarn@4.5.1",
106
106
  "eslintConfig": {
107
107
  "extends": [
108
108
  "plugin:storybook/recommended"