@raspberrypifoundation/design-system-react 2.5.0 → 2.6.1

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 (129) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/README.md +21 -0
  3. package/dist/design-system-react.css +1 -1
  4. package/dist/design-system-react.js +860 -829
  5. package/dist/design-system-react.umd.cjs +6 -6
  6. package/dist/scss/components/modal.scss +95 -0
  7. package/dist/scss/design-system-core.scss +4 -0
  8. package/dist/scss/properties/colors/_utilities.scss +4 -0
  9. package/dist/types/lib/main.d.ts +20 -0
  10. package/dist/types/lib/main.d.ts.map +1 -0
  11. package/dist/types/src/components/Accordion/Accordion.spec.d.ts +2 -0
  12. package/dist/types/src/components/Accordion/Accordion.spec.d.ts.map +1 -0
  13. package/dist/types/src/components/Accordion/index.d.ts +17 -0
  14. package/dist/types/src/components/Accordion/index.d.ts.map +1 -0
  15. package/dist/types/src/components/Alert/Alert.spec.d.ts +2 -0
  16. package/dist/types/src/components/Alert/Alert.spec.d.ts.map +1 -0
  17. package/dist/types/src/components/Alert/Alert.types.d.ts +41 -0
  18. package/dist/types/src/components/Alert/Alert.types.d.ts.map +1 -0
  19. package/dist/types/src/components/Alert/index.d.ts +6 -0
  20. package/dist/types/src/components/Alert/index.d.ts.map +1 -0
  21. package/dist/types/src/components/Button/Button.spec.d.ts +2 -0
  22. package/dist/types/src/components/Button/Button.spec.d.ts.map +1 -0
  23. package/dist/types/src/components/Button/Button.types.d.ts +34 -0
  24. package/dist/types/src/components/Button/Button.types.d.ts.map +1 -0
  25. package/dist/types/src/components/Button/index.d.ts +6 -0
  26. package/dist/types/src/components/Button/index.d.ts.map +1 -0
  27. package/dist/types/src/components/Form/CheckboxInput/CheckboxInput.types.d.ts +24 -0
  28. package/dist/types/src/components/Form/CheckboxInput/CheckboxInput.types.d.ts.map +1 -0
  29. package/dist/types/src/components/Form/CheckboxInput/index.d.ts +6 -0
  30. package/dist/types/src/components/Form/CheckboxInput/index.d.ts.map +1 -0
  31. package/dist/types/src/components/Form/Fieldset/Fieldset.spec.d.ts +2 -0
  32. package/dist/types/src/components/Form/Fieldset/Fieldset.spec.d.ts.map +1 -0
  33. package/dist/types/src/components/Form/Fieldset/index.d.ts +21 -0
  34. package/dist/types/src/components/Form/Fieldset/index.d.ts.map +1 -0
  35. package/dist/types/src/components/Form/InputField/index.d.ts +21 -0
  36. package/dist/types/src/components/Form/InputField/index.d.ts.map +1 -0
  37. package/dist/types/src/components/Form/InputLabel/InputLabel.spec.d.ts +2 -0
  38. package/dist/types/src/components/Form/InputLabel/InputLabel.spec.d.ts.map +1 -0
  39. package/dist/types/src/components/Form/InputLabel/index.d.ts +17 -0
  40. package/dist/types/src/components/Form/InputLabel/index.d.ts.map +1 -0
  41. package/dist/types/src/components/Form/RadioInput/RadioInput.spec.d.ts +2 -0
  42. package/dist/types/src/components/Form/RadioInput/RadioInput.spec.d.ts.map +1 -0
  43. package/dist/types/src/components/Form/RadioInput/index.d.ts +25 -0
  44. package/dist/types/src/components/Form/RadioInput/index.d.ts.map +1 -0
  45. package/dist/types/src/components/Form/SearchInput/SearchInput.spec.d.ts +2 -0
  46. package/dist/types/src/components/Form/SearchInput/SearchInput.spec.d.ts.map +1 -0
  47. package/dist/types/src/components/Form/SearchInput/SearchInput.types.d.ts +21 -0
  48. package/dist/types/src/components/Form/SearchInput/SearchInput.types.d.ts.map +1 -0
  49. package/dist/types/src/components/Form/SearchInput/index.d.ts +6 -0
  50. package/dist/types/src/components/Form/SearchInput/index.d.ts.map +1 -0
  51. package/dist/types/src/components/Form/SelectInput/SelectInput.spec.d.ts +2 -0
  52. package/dist/types/src/components/Form/SelectInput/SelectInput.spec.d.ts.map +1 -0
  53. package/dist/types/src/components/Form/SelectInput/index.d.ts +31 -0
  54. package/dist/types/src/components/Form/SelectInput/index.d.ts.map +1 -0
  55. package/dist/types/src/components/Form/TextInput/TextInput.spec.d.ts +2 -0
  56. package/dist/types/src/components/Form/TextInput/TextInput.spec.d.ts.map +1 -0
  57. package/dist/types/src/components/Form/TextInput/index.d.ts +27 -0
  58. package/dist/types/src/components/Form/TextInput/index.d.ts.map +1 -0
  59. package/dist/types/src/components/Form/TextareaInput/TextareaInput.spec.d.ts +2 -0
  60. package/dist/types/src/components/Form/TextareaInput/TextareaInput.spec.d.ts.map +1 -0
  61. package/dist/types/src/components/Form/TextareaInput/index.d.ts +29 -0
  62. package/dist/types/src/components/Form/TextareaInput/index.d.ts.map +1 -0
  63. package/dist/types/src/components/MaterialSymbols/index.d.ts +2 -0
  64. package/dist/types/src/components/MaterialSymbols/index.d.ts.map +1 -0
  65. package/dist/types/src/components/Modal/Modal.types.d.ts +45 -0
  66. package/dist/types/src/components/Modal/Modal.types.d.ts.map +1 -0
  67. package/dist/types/src/components/Modal/index.d.ts +6 -0
  68. package/dist/types/src/components/Modal/index.d.ts.map +1 -0
  69. package/dist/types/src/components/ProgressBar/ProgressBar.types.d.ts +11 -0
  70. package/dist/types/src/components/ProgressBar/ProgressBar.types.d.ts.map +1 -0
  71. package/dist/types/src/components/ProgressBar/index.d.ts +6 -0
  72. package/dist/types/src/components/ProgressBar/index.d.ts.map +1 -0
  73. package/dist/types/src/components/Table/BodyCell/BodyCell.spec.d.ts +2 -0
  74. package/dist/types/src/components/Table/BodyCell/BodyCell.spec.d.ts.map +1 -0
  75. package/dist/types/src/components/Table/BodyCell/index.d.ts +11 -0
  76. package/dist/types/src/components/Table/BodyCell/index.d.ts.map +1 -0
  77. package/dist/types/src/components/Table/HeaderCell/HeaderCell.spec.d.ts +2 -0
  78. package/dist/types/src/components/Table/HeaderCell/HeaderCell.spec.d.ts.map +1 -0
  79. package/dist/types/src/components/Table/HeaderCell/index.d.ts +13 -0
  80. package/dist/types/src/components/Table/HeaderCell/index.d.ts.map +1 -0
  81. package/dist/types/src/components/Table/Table/Table.spec.d.ts +2 -0
  82. package/dist/types/src/components/Table/Table/Table.spec.d.ts.map +1 -0
  83. package/dist/types/src/components/Table/Table/index.d.ts +15 -0
  84. package/dist/types/src/components/Table/Table/index.d.ts.map +1 -0
  85. package/dist/types/src/components/Tag/Tag.spec.d.ts +2 -0
  86. package/dist/types/src/components/Tag/Tag.spec.d.ts.map +1 -0
  87. package/dist/types/src/components/Tag/Tag.types.d.ts +13 -0
  88. package/dist/types/src/components/Tag/Tag.types.d.ts.map +1 -0
  89. package/dist/types/src/components/Tag/index.d.ts +5 -0
  90. package/dist/types/src/components/Tag/index.d.ts.map +1 -0
  91. package/dist/types/src/hooks/useDialog.d.ts +5 -0
  92. package/dist/types/src/hooks/useDialog.d.ts.map +1 -0
  93. package/dist/types/src/stories/Accordion.stories.d.ts +15 -0
  94. package/dist/types/src/stories/Accordion.stories.d.ts.map +1 -0
  95. package/dist/types/src/stories/Alert.stories.d.ts +41 -0
  96. package/dist/types/src/stories/Alert.stories.d.ts.map +1 -0
  97. package/dist/types/src/stories/Button.stories.d.ts +132 -0
  98. package/dist/types/src/stories/Button.stories.d.ts.map +1 -0
  99. package/dist/types/src/stories/Modal/ExampleModal/ExampleModal.d.ts +2 -0
  100. package/dist/types/src/stories/Modal/ExampleModal/ExampleModal.d.ts.map +1 -0
  101. package/dist/types/src/stories/Modal/ExampleModal/ExampleModal.stories.d.ts +7 -0
  102. package/dist/types/src/stories/Modal/ExampleModal/ExampleModal.stories.d.ts.map +1 -0
  103. package/dist/types/src/stories/Modal/Modal.stories.d.ts +26 -0
  104. package/dist/types/src/stories/Modal/Modal.stories.d.ts.map +1 -0
  105. package/dist/types/src/stories/Modal/Modal.stories.helpers.d.ts +3 -0
  106. package/dist/types/src/stories/Modal/Modal.stories.helpers.d.ts.map +1 -0
  107. package/dist/types/src/stories/ProgressBar.stories.d.ts +93 -0
  108. package/dist/types/src/stories/ProgressBar.stories.d.ts.map +1 -0
  109. package/dist/types/src/stories/Tag.stories.d.ts +53 -0
  110. package/dist/types/src/stories/Tag.stories.d.ts.map +1 -0
  111. package/dist/types/src/stories/forms/CheckboxInput.stories.d.ts +30 -0
  112. package/dist/types/src/stories/forms/CheckboxInput.stories.d.ts.map +1 -0
  113. package/dist/types/src/stories/forms/Fieldset.stories.d.ts +57 -0
  114. package/dist/types/src/stories/forms/Fieldset.stories.d.ts.map +1 -0
  115. package/dist/types/src/stories/forms/InputLabel.stories.d.ts +25 -0
  116. package/dist/types/src/stories/forms/InputLabel.stories.d.ts.map +1 -0
  117. package/dist/types/src/stories/forms/RadioInput.stories.d.ts +51 -0
  118. package/dist/types/src/stories/forms/RadioInput.stories.d.ts.map +1 -0
  119. package/dist/types/src/stories/forms/SearchInput.stories.d.ts +40 -0
  120. package/dist/types/src/stories/forms/SearchInput.stories.d.ts.map +1 -0
  121. package/dist/types/src/stories/forms/SelectInput.stories.d.ts +52 -0
  122. package/dist/types/src/stories/forms/SelectInput.stories.d.ts.map +1 -0
  123. package/dist/types/src/stories/forms/TextInput.stories.d.ts +37 -0
  124. package/dist/types/src/stories/forms/TextInput.stories.d.ts.map +1 -0
  125. package/dist/types/src/stories/forms/TextareaInput.stories.d.ts +52 -0
  126. package/dist/types/src/stories/forms/TextareaInput.stories.d.ts.map +1 -0
  127. package/dist/types/src/stories/table/Table.stories.d.ts +22 -0
  128. package/dist/types/src/stories/table/Table.stories.d.ts.map +1 -0
  129. package/package.json +24 -9
@@ -0,0 +1,21 @@
1
+ export function InputField({ id, label, children, disabled, error, hint, }: {
2
+ id: any;
3
+ label: any;
4
+ children: any;
5
+ disabled?: boolean | undefined;
6
+ error?: string | undefined;
7
+ hint?: string | undefined;
8
+ }): import("react/jsx-runtime").JSX.Element;
9
+ export namespace InputField {
10
+ namespace propTypes {
11
+ let disabled: PropTypes.Requireable<boolean>;
12
+ let error: PropTypes.Requireable<string>;
13
+ let hint: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
14
+ let label: PropTypes.Validator<NonNullable<NonNullable<string | object | null | undefined>>>;
15
+ let id: PropTypes.Validator<string>;
16
+ let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
17
+ }
18
+ }
19
+ export default InputField;
20
+ import PropTypes from "prop-types";
21
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/InputField/index.jsx"],"names":[],"mappings":"AAKO;;;;;;;4CA8BN;;;;;;;;;;;;sBAlCqB,YAAY"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=InputLabel.spec.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputLabel.spec.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/InputLabel/InputLabel.spec.jsx"],"names":[],"mappings":""}
@@ -0,0 +1,17 @@
1
+ export function InputLabel({ label, inputFieldId, disabled, hint, }: {
2
+ label: any;
3
+ inputFieldId: any;
4
+ disabled?: boolean | undefined;
5
+ hint?: string | undefined;
6
+ }): import("react/jsx-runtime").JSX.Element;
7
+ export namespace InputLabel {
8
+ namespace propTypes {
9
+ let disabled: PropTypes.Requireable<boolean>;
10
+ let hint: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
11
+ let label: PropTypes.Validator<NonNullable<NonNullable<string | object | null | undefined>>>;
12
+ let inputFieldId: PropTypes.Validator<string>;
13
+ }
14
+ }
15
+ export default InputLabel;
16
+ import PropTypes from "prop-types";
17
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/InputLabel/index.jsx"],"names":[],"mappings":"AAKO;;;;;4CAiBN;;;;;;;;;;sBArBqB,YAAY"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=RadioInput.spec.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RadioInput.spec.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/RadioInput/RadioInput.spec.jsx"],"names":[],"mappings":""}
@@ -0,0 +1,25 @@
1
+ export function RadioInput({ id, label, name, checked, disabled, fullWidth, onChange, value, }: {
2
+ id: any;
3
+ label: any;
4
+ name: any;
5
+ checked?: boolean | undefined;
6
+ disabled?: boolean | undefined;
7
+ fullWidth?: boolean | undefined;
8
+ onChange?: (() => void) | undefined;
9
+ value?: string | undefined;
10
+ }): import("react/jsx-runtime").JSX.Element;
11
+ export namespace RadioInput {
12
+ namespace propTypes {
13
+ let checked: PropTypes.Requireable<boolean>;
14
+ let disabled: PropTypes.Requireable<boolean>;
15
+ let fullWidth: PropTypes.Requireable<boolean>;
16
+ let id: PropTypes.Validator<string>;
17
+ let label: PropTypes.Validator<NonNullable<NonNullable<string | object | null | undefined>>>;
18
+ let name: PropTypes.Validator<string>;
19
+ let onChange: PropTypes.Requireable<(...args: any[]) => any>;
20
+ let value: PropTypes.Requireable<string>;
21
+ }
22
+ }
23
+ export default RadioInput;
24
+ import PropTypes from "prop-types";
25
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/RadioInput/index.jsx"],"names":[],"mappings":"AAKO;;;;;;;;;4CA6BN;;;;;;;;;;;;;;sBAjCqB,YAAY"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=SearchInput.spec.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SearchInput.spec.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/SearchInput/SearchInput.spec.jsx"],"names":[],"mappings":""}
@@ -0,0 +1,21 @@
1
+ export type SearchInputProps = {
2
+ /** The input label text content */
3
+ label: string;
4
+ /** The input field id */
5
+ inputFieldId: string;
6
+ /** Whether the input is disabled */
7
+ disabled?: boolean;
8
+ /** The text content of the error message */
9
+ error?: string;
10
+ /** The text content of the label hint */
11
+ hint?: string;
12
+ /** The placeholder text content */
13
+ placeholder?: string;
14
+ /** The default input value */
15
+ defaultValue?: string;
16
+ /** Click handler */
17
+ onClick: () => void;
18
+ /** On change handler */
19
+ onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
20
+ };
21
+ //# sourceMappingURL=SearchInput.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SearchInput.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/SearchInput/SearchInput.types.ts"],"names":[],"mappings":"AAAE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,yBAAyB;IACzB,YAAY,EAAE,MAAM,CAAA;IACpB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yCAAyC;IACzC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,8BAA8B;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB;IACpB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,wBAAwB;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;CAC/D,CAAA"}
@@ -0,0 +1,6 @@
1
+ import "@/components/MaterialSymbols";
2
+ import "./SearchInput.scss";
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;
5
+ export default SearchInput;
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=SelectInput.spec.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SelectInput.spec.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/SelectInput/SelectInput.spec.jsx"],"names":[],"mappings":""}
@@ -0,0 +1,31 @@
1
+ export function SelectInput({ id, label, name, options, disabled, error, fullWidth, hint, onChange, placeholder, value, }: {
2
+ id: any;
3
+ label: any;
4
+ name: any;
5
+ options: any;
6
+ disabled?: boolean | undefined;
7
+ error?: string | undefined;
8
+ fullWidth?: boolean | undefined;
9
+ hint?: string | undefined;
10
+ onChange?: (() => void) | undefined;
11
+ placeholder?: string | undefined;
12
+ value?: string | undefined;
13
+ }): import("react/jsx-runtime").JSX.Element;
14
+ export namespace SelectInput {
15
+ namespace propTypes {
16
+ let disabled: PropTypes.Requireable<boolean>;
17
+ let error: PropTypes.Requireable<string>;
18
+ let fullWidth: PropTypes.Requireable<boolean>;
19
+ let hint: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
20
+ let label: PropTypes.Validator<NonNullable<NonNullable<string | object | null | undefined>>>;
21
+ let id: PropTypes.Validator<string>;
22
+ let name: PropTypes.Validator<string>;
23
+ let onChange: PropTypes.Requireable<(...args: any[]) => any>;
24
+ let options: PropTypes.Validator<any[]>;
25
+ let placeholder: PropTypes.Requireable<string>;
26
+ let value: PropTypes.Requireable<string>;
27
+ }
28
+ }
29
+ export default SelectInput;
30
+ import PropTypes from "prop-types";
31
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/SelectInput/index.jsx"],"names":[],"mappings":"AAOO;;;;;;;;;;;;4CA4CN;;;;;;;;;;;;;;;;;sBAlDqB,YAAY"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=TextInput.spec.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextInput.spec.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/TextInput/TextInput.spec.jsx"],"names":[],"mappings":""}
@@ -0,0 +1,27 @@
1
+ export function TextInput({ id, label, name, value, disabled, error, fullWidth, hint, onChange, }: {
2
+ id: any;
3
+ label: any;
4
+ name: any;
5
+ value: any;
6
+ disabled?: boolean | undefined;
7
+ error?: string | undefined;
8
+ fullWidth?: boolean | undefined;
9
+ hint?: string | undefined;
10
+ onChange?: (() => void) | undefined;
11
+ }): import("react/jsx-runtime").JSX.Element;
12
+ export namespace TextInput {
13
+ namespace propTypes {
14
+ let disabled: PropTypes.Requireable<boolean>;
15
+ let error: PropTypes.Requireable<string>;
16
+ let fullWidth: PropTypes.Requireable<boolean>;
17
+ let hint: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
18
+ let label: PropTypes.Validator<NonNullable<NonNullable<string | object | null | undefined>>>;
19
+ let id: PropTypes.Validator<string>;
20
+ let name: PropTypes.Validator<string>;
21
+ let onChange: PropTypes.Requireable<(...args: any[]) => any>;
22
+ let value: PropTypes.Validator<string>;
23
+ }
24
+ }
25
+ export default TextInput;
26
+ import PropTypes from "prop-types";
27
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/TextInput/index.jsx"],"names":[],"mappings":"AAOO;;;;;;;;;;4CA+BN;;;;;;;;;;;;;;;sBArCqB,YAAY"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=TextareaInput.spec.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextareaInput.spec.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/TextareaInput/TextareaInput.spec.jsx"],"names":[],"mappings":""}
@@ -0,0 +1,29 @@
1
+ export function TextareaInput({ id, label, name, value, disabled, readOnly, error, fullWidth, hint, onChange, }: {
2
+ id: any;
3
+ label: any;
4
+ name: any;
5
+ value: any;
6
+ disabled?: boolean | undefined;
7
+ readOnly?: boolean | undefined;
8
+ error?: string | undefined;
9
+ fullWidth?: boolean | undefined;
10
+ hint?: string | undefined;
11
+ onChange?: (() => void) | undefined;
12
+ }): import("react/jsx-runtime").JSX.Element;
13
+ export namespace TextareaInput {
14
+ namespace propTypes {
15
+ let disabled: PropTypes.Requireable<boolean>;
16
+ let readOnly: PropTypes.Requireable<boolean>;
17
+ let error: PropTypes.Requireable<string>;
18
+ let fullWidth: PropTypes.Requireable<boolean>;
19
+ let hint: PropTypes.Requireable<NonNullable<string | object | null | undefined>>;
20
+ let label: PropTypes.Validator<NonNullable<NonNullable<string | object | null | undefined>>>;
21
+ let id: PropTypes.Validator<string>;
22
+ let name: PropTypes.Validator<string>;
23
+ let onChange: PropTypes.Requireable<(...args: any[]) => any>;
24
+ let value: PropTypes.Validator<string>;
25
+ }
26
+ }
27
+ export default TextareaInput;
28
+ import PropTypes from "prop-types";
29
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Form/TextareaInput/index.jsx"],"names":[],"mappings":"AAOO;;;;;;;;;;;4CAkCN;;;;;;;;;;;;;;;;sBAxCqB,YAAY"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MaterialSymbols/index.jsx"],"names":[],"mappings":""}
@@ -0,0 +1,45 @@
1
+ type BaseModalProps = {
2
+ isOpen: boolean;
3
+ setIsOpen: (isOpen: boolean) => void;
4
+ heading: string;
5
+ children: React.ReactNode;
6
+ showCloseButton?: boolean;
7
+ };
8
+ type PrimaryButtonProps = {
9
+ primaryButtonText: string;
10
+ } & ({
11
+ onClickPrimaryButton: () => void;
12
+ primaryButtonLink?: never;
13
+ } | {
14
+ primaryButtonLink: string;
15
+ onClickPrimaryButton?: never;
16
+ });
17
+ type SecondaryButtonProps = {
18
+ secondaryButtonText?: never;
19
+ secondaryButtonLink?: never;
20
+ onClickSecondaryButton?: never;
21
+ } | ({
22
+ secondaryButtonText: string;
23
+ } & ({
24
+ onClickSecondaryButton: () => void;
25
+ secondaryButtonLink?: never;
26
+ } | {
27
+ secondaryButtonLink: string;
28
+ onClickSecondaryButton?: never;
29
+ }));
30
+ type TertiaryButtonProps = {
31
+ tertiaryButtonText?: never;
32
+ tertiaryButtonLink?: never;
33
+ onClickTertiaryButton?: never;
34
+ } | ({
35
+ tertiaryButtonText: string;
36
+ } & ({
37
+ onClickTertiaryButton: () => void;
38
+ tertiaryButtonLink?: never;
39
+ } | {
40
+ tertiaryButtonLink: string;
41
+ onClickTertiaryButton?: never;
42
+ }));
43
+ export type ModalProps = BaseModalProps & PrimaryButtonProps & SecondaryButtonProps & TertiaryButtonProps;
44
+ export {};
45
+ //# sourceMappingURL=Modal.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Modal.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/Modal.types.ts"],"names":[],"mappings":"AAAA,KAAK,cAAc,GAAG;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,iBAAiB,EAAE,MAAM,CAAC;CAC3B,GAAG,CACA;IAAE,oBAAoB,EAAE,MAAM,IAAI,CAAC;IAAC,iBAAiB,CAAC,EAAE,KAAK,CAAA;CAAE,GAC/D;IAAE,iBAAiB,EAAE,MAAM,CAAC;IAAC,oBAAoB,CAAC,EAAE,KAAK,CAAA;CAAE,CAC9D,CAAC;AAEF,KAAK,oBAAoB,GACrB;IACE,mBAAmB,CAAC,EAAE,KAAK,CAAC;IAC5B,mBAAmB,CAAC,EAAE,KAAK,CAAC;IAC5B,sBAAsB,CAAC,EAAE,KAAK,CAAC;CAChC,GACD,CAAC;IACC,mBAAmB,EAAE,MAAM,CAAC;CAC7B,GAAG,CACA;IAAE,sBAAsB,EAAE,MAAM,IAAI,CAAC;IAAC,mBAAmB,CAAC,EAAE,KAAK,CAAA;CAAE,GACnE;IAAE,mBAAmB,EAAE,MAAM,CAAC;IAAC,sBAAsB,CAAC,EAAE,KAAK,CAAA;CAAE,CAClE,CAAC,CAAC;AAEP,KAAK,mBAAmB,GACpB;IACE,kBAAkB,CAAC,EAAE,KAAK,CAAC;IAC3B,kBAAkB,CAAC,EAAE,KAAK,CAAC;IAC3B,qBAAqB,CAAC,EAAE,KAAK,CAAC;CAC/B,GACD,CAAC;IACC,kBAAkB,EAAE,MAAM,CAAC;CAC5B,GAAG,CACA;IAAE,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAAC,kBAAkB,CAAC,EAAE,KAAK,CAAA;CAAE,GACjE;IAAE,kBAAkB,EAAE,MAAM,CAAC;IAAC,qBAAqB,CAAC,EAAE,KAAK,CAAA;CAAE,CAChE,CAAC,CAAC;AAEP,MAAM,MAAM,UAAU,GAAG,cAAc,GACrC,kBAAkB,GAClB,oBAAoB,GACpB,mBAAmB,CAAC"}
@@ -0,0 +1,6 @@
1
+ import "@/components/MaterialSymbols";
2
+ import "./Modal.scss";
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;
5
+ export default Modal;
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +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"}
@@ -0,0 +1,11 @@
1
+ export type ProgressBarProps = {
2
+ /** The text that labels the progress bar */
3
+ text?: string;
4
+ /** Percentage complete */
5
+ percent: number;
6
+ /** Optional visual indicator for when progress bar is complete */
7
+ complete?: boolean;
8
+ /** Additional CSS class name */
9
+ className?: string;
10
+ };
11
+ //# sourceMappingURL=ProgressBar.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProgressBar.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProgressBar/ProgressBar.types.ts"],"names":[],"mappings":"AAAE,MAAM,MAAM,gBAAgB,GAAG;IAC7B,4CAA4C;IAC5C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,2BAA2B;IAC3B,OAAO,EAAE,MAAM,CAAA;IACf,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gCAAgC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA"}
@@ -0,0 +1,6 @@
1
+ import "@/components/MaterialSymbols";
2
+ import "./ProgressBar.scss";
3
+ import type { ProgressBarProps } from "./ProgressBar.types";
4
+ export declare const ProgressBar: ({ text, percent, complete, className, }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
5
+ export default ProgressBar;
6
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +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"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=BodyCell.spec.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"BodyCell.spec.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/BodyCell/BodyCell.spec.jsx"],"names":[],"mappings":""}
@@ -0,0 +1,11 @@
1
+ export function BodyCell({ children }: {
2
+ children: any;
3
+ }): import("react/jsx-runtime").JSX.Element;
4
+ export namespace BodyCell {
5
+ namespace propTypes {
6
+ let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
7
+ }
8
+ }
9
+ export default BodyCell;
10
+ import PropTypes from "prop-types";
11
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/BodyCell/index.jsx"],"names":[],"mappings":"AAGO;;4CAIN;;;;;;;sBANqB,YAAY"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=HeaderCell.spec.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"HeaderCell.spec.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/HeaderCell/HeaderCell.spec.jsx"],"names":[],"mappings":""}
@@ -0,0 +1,13 @@
1
+ export function HeaderCell({ sortDirection, children }: {
2
+ sortDirection: any;
3
+ children: any;
4
+ }): import("react/jsx-runtime").JSX.Element;
5
+ export namespace HeaderCell {
6
+ namespace propTypes {
7
+ let sortDirection: PropTypes.Requireable<string>;
8
+ let children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
9
+ }
10
+ }
11
+ export default HeaderCell;
12
+ import PropTypes from "prop-types";
13
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/HeaderCell/index.jsx"],"names":[],"mappings":"AAIO;;;4CAqBN;;;;;;;;sBAzBqB,YAAY"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=Table.spec.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Table.spec.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/Table/Table.spec.jsx"],"names":[],"mappings":""}
@@ -0,0 +1,15 @@
1
+ export function Table({ headerRow, bodyRows, fullWidth }: {
2
+ headerRow: any;
3
+ bodyRows: any;
4
+ fullWidth: any;
5
+ }): import("react/jsx-runtime").JSX.Element;
6
+ export namespace Table {
7
+ namespace propTypes {
8
+ let headerRow: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
9
+ let bodyRows: PropTypes.Validator<PropTypes.ReactNodeLike[]>;
10
+ let fullWidth: PropTypes.Requireable<boolean>;
11
+ }
12
+ }
13
+ export default Table;
14
+ import PropTypes from "prop-types";
15
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Table/Table/index.jsx"],"names":[],"mappings":"AAKO;;;;4CAsBN;;;;;;;;;sBA3BqB,YAAY"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=Tag.spec.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tag.spec.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/Tag.spec.jsx"],"names":[],"mappings":""}
@@ -0,0 +1,13 @@
1
+ export type TagProps = {
2
+ /** The text content of the tag */
3
+ text: string;
4
+ /** The variant of the tag. Is ignored if you add a custom modifier. */
5
+ variant?: 'default' | 'information' | 'success' | 'warning' | 'error';
6
+ /** The secondary (inverted) look of all variants. */
7
+ secondary?: boolean;
8
+ /** A list of available icon names can be found here. Write names as snake case (so "Check Circle" becomes check_circle). */
9
+ icon?: string;
10
+ /** The position of the icon */
11
+ iconPosition?: 'left' | 'right';
12
+ };
13
+ //# sourceMappingURL=Tag.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tag.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Tag/Tag.types.ts"],"names":[],"mappings":"AAAE,MAAM,MAAM,QAAQ,GAAG;IACrB,kCAAkC;IAClC,IAAI,EAAE,MAAM,CAAA;IACZ,uEAAuE;IACvE,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;IACrE,qDAAqD;IACrD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,4HAA4H;IAC5H,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,+BAA+B;IAC/B,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CAChC,CAAA"}
@@ -0,0 +1,5 @@
1
+ import "./Tag.scss";
2
+ import type { TagProps } from "./Tag.types";
3
+ export declare const Tag: ({ text, variant, secondary, icon, iconPosition, }: TagProps) => import("react/jsx-runtime").JSX.Element;
4
+ export default Tag;
5
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +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"}
@@ -0,0 +1,5 @@
1
+ export declare function useDialog(isOpen: boolean, setIsOpen: (open: boolean) => void): {
2
+ dialogRef: import("react").RefObject<HTMLDialogElement>;
3
+ contentRef: import("react").RefObject<HTMLDivElement>;
4
+ };
5
+ //# sourceMappingURL=useDialog.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useDialog.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDialog.ts"],"names":[],"mappings":"AAEA,wBAAgB,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI;;;EAqD5E"}
@@ -0,0 +1,15 @@
1
+ declare namespace _default {
2
+ export let title: string;
3
+ export { Accordion as component };
4
+ export let tags: string[];
5
+ }
6
+ export default _default;
7
+ export namespace Default {
8
+ namespace args {
9
+ let title_1: string;
10
+ export { title_1 as title };
11
+ export let content: string;
12
+ export let id: string;
13
+ }
14
+ }
15
+ //# sourceMappingURL=Accordion.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Accordion.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Accordion.stories.jsx"],"names":[],"mappings":""}
@@ -0,0 +1,41 @@
1
+ import type { Meta, StoryObj } from "@storybook/react";
2
+ import { Alert } from "../components/Alert";
3
+ /**
4
+ * Alerts are used to call out important information.
5
+ *
6
+ * Simplest use: `<Alert title="" text="" type=""/>`
7
+ *
8
+ * For each story, click "Show code" to see the code featuring all available props defined.
9
+ *
10
+ * ### Alert types
11
+ * There are three main types:
12
+ * * error
13
+ * * warning
14
+ * * information
15
+ * * success
16
+ *
17
+ * Use the `type` prop: `<Alert type="error" .../>`
18
+ *
19
+ * ### Title/text or children
20
+ * You may provide plain text to title/text or custom children, `titleChildren` prop for title and `children` prop for text. Do not provide both plain text and children to title/text.
21
+ *
22
+ * ### Actions
23
+ * An array of actions can be provided, these will show clickable links.
24
+ *
25
+ * e.g. `<Alert ... actions={[ {href: '', label: ''} ]}/>`
26
+ *
27
+ */
28
+ declare const meta: Meta<typeof Alert>;
29
+ export default meta;
30
+ type Story = StoryObj<typeof Alert>;
31
+ /**
32
+ * Primary buttons are used to denote the main action that the user should take next.
33
+ */
34
+ export declare const Default: Story;
35
+ export declare const Error: Story;
36
+ export declare const Warning: Story;
37
+ export declare const Success: Story;
38
+ export declare const WithActions: Story;
39
+ export declare const WithClose: Story;
40
+ export declare const WithCustomTitle: Story;
41
+ //# sourceMappingURL=Alert.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Alert.stories.d.ts","sourceRoot":"","sources":["../../../../src/stories/Alert.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5C;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAqB5B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC;;GAEG;AACH,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAYnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAuBzB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAOvB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAW7B,CAAC"}