@raspberrypifoundation/design-system-react 2.4.2 → 2.6.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 (116) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/design-system-react.css +1 -1
  3. package/dist/design-system-react.js +878 -779
  4. package/dist/design-system-react.umd.cjs +6 -6
  5. package/dist/scss/components/modal.scss +95 -0
  6. package/dist/scss/design-system-core.scss +4 -0
  7. package/dist/scss/properties/colors/_utilities.scss +4 -0
  8. package/dist/types/lib/main.d.ts +20 -0
  9. package/dist/types/lib/main.d.ts.map +1 -0
  10. package/dist/types/src/components/Accordion/Accordion.spec.d.ts +2 -0
  11. package/dist/types/src/components/Accordion/Accordion.spec.d.ts.map +1 -0
  12. package/dist/types/src/components/Accordion/index.d.ts +17 -0
  13. package/dist/types/src/components/Accordion/index.d.ts.map +1 -0
  14. package/dist/types/src/components/Alert/Alert.spec.d.ts +2 -0
  15. package/dist/types/src/components/Alert/Alert.spec.d.ts.map +1 -0
  16. package/dist/types/src/components/Alert/index.d.ts +27 -0
  17. package/dist/types/src/components/Alert/index.d.ts.map +1 -0
  18. package/dist/types/src/components/Button/Button.spec.d.ts +2 -0
  19. package/dist/types/src/components/Button/Button.spec.d.ts.map +1 -0
  20. package/dist/types/src/components/Button/index.d.ts +39 -0
  21. package/dist/types/src/components/Button/index.d.ts.map +1 -0
  22. package/dist/types/src/components/Form/CheckboxInput/index.d.ts +27 -0
  23. package/dist/types/src/components/Form/CheckboxInput/index.d.ts.map +1 -0
  24. package/dist/types/src/components/Form/Fieldset/Fieldset.spec.d.ts +2 -0
  25. package/dist/types/src/components/Form/Fieldset/Fieldset.spec.d.ts.map +1 -0
  26. package/dist/types/src/components/Form/Fieldset/index.d.ts +21 -0
  27. package/dist/types/src/components/Form/Fieldset/index.d.ts.map +1 -0
  28. package/dist/types/src/components/Form/InputField/index.d.ts +21 -0
  29. package/dist/types/src/components/Form/InputField/index.d.ts.map +1 -0
  30. package/dist/types/src/components/Form/InputLabel/InputLabel.spec.d.ts +2 -0
  31. package/dist/types/src/components/Form/InputLabel/InputLabel.spec.d.ts.map +1 -0
  32. package/dist/types/src/components/Form/InputLabel/index.d.ts +17 -0
  33. package/dist/types/src/components/Form/InputLabel/index.d.ts.map +1 -0
  34. package/dist/types/src/components/Form/RadioInput/RadioInput.spec.d.ts +2 -0
  35. package/dist/types/src/components/Form/RadioInput/RadioInput.spec.d.ts.map +1 -0
  36. package/dist/types/src/components/Form/RadioInput/index.d.ts +25 -0
  37. package/dist/types/src/components/Form/RadioInput/index.d.ts.map +1 -0
  38. package/dist/types/src/components/Form/SearchInput/SearchInput.spec.d.ts +2 -0
  39. package/dist/types/src/components/Form/SearchInput/SearchInput.spec.d.ts.map +1 -0
  40. package/dist/types/src/components/Form/SearchInput/index.d.ts +27 -0
  41. package/dist/types/src/components/Form/SearchInput/index.d.ts.map +1 -0
  42. package/dist/types/src/components/Form/SelectInput/SelectInput.spec.d.ts +2 -0
  43. package/dist/types/src/components/Form/SelectInput/SelectInput.spec.d.ts.map +1 -0
  44. package/dist/types/src/components/Form/SelectInput/index.d.ts +31 -0
  45. package/dist/types/src/components/Form/SelectInput/index.d.ts.map +1 -0
  46. package/dist/types/src/components/Form/TextInput/TextInput.spec.d.ts +2 -0
  47. package/dist/types/src/components/Form/TextInput/TextInput.spec.d.ts.map +1 -0
  48. package/dist/types/src/components/Form/TextInput/index.d.ts +27 -0
  49. package/dist/types/src/components/Form/TextInput/index.d.ts.map +1 -0
  50. package/dist/types/src/components/Form/TextareaInput/TextareaInput.spec.d.ts +2 -0
  51. package/dist/types/src/components/Form/TextareaInput/TextareaInput.spec.d.ts.map +1 -0
  52. package/dist/types/src/components/Form/TextareaInput/index.d.ts +29 -0
  53. package/dist/types/src/components/Form/TextareaInput/index.d.ts.map +1 -0
  54. package/dist/types/src/components/MaterialSymbols/index.d.ts +2 -0
  55. package/dist/types/src/components/MaterialSymbols/index.d.ts.map +1 -0
  56. package/dist/types/src/components/Modal/Modal.types.d.ts +45 -0
  57. package/dist/types/src/components/Modal/Modal.types.d.ts.map +1 -0
  58. package/dist/types/src/components/Modal/index.d.ts +6 -0
  59. package/dist/types/src/components/Modal/index.d.ts.map +1 -0
  60. package/dist/types/src/components/ProgressBar/index.d.ts +17 -0
  61. package/dist/types/src/components/ProgressBar/index.d.ts.map +1 -0
  62. package/dist/types/src/components/Table/BodyCell/BodyCell.spec.d.ts +2 -0
  63. package/dist/types/src/components/Table/BodyCell/BodyCell.spec.d.ts.map +1 -0
  64. package/dist/types/src/components/Table/BodyCell/index.d.ts +11 -0
  65. package/dist/types/src/components/Table/BodyCell/index.d.ts.map +1 -0
  66. package/dist/types/src/components/Table/HeaderCell/HeaderCell.spec.d.ts +2 -0
  67. package/dist/types/src/components/Table/HeaderCell/HeaderCell.spec.d.ts.map +1 -0
  68. package/dist/types/src/components/Table/HeaderCell/index.d.ts +13 -0
  69. package/dist/types/src/components/Table/HeaderCell/index.d.ts.map +1 -0
  70. package/dist/types/src/components/Table/Table/Table.spec.d.ts +2 -0
  71. package/dist/types/src/components/Table/Table/Table.spec.d.ts.map +1 -0
  72. package/dist/types/src/components/Table/Table/index.d.ts +15 -0
  73. package/dist/types/src/components/Table/Table/index.d.ts.map +1 -0
  74. package/dist/types/src/components/Tag/Tag.spec.d.ts +2 -0
  75. package/dist/types/src/components/Tag/Tag.spec.d.ts.map +1 -0
  76. package/dist/types/src/components/Tag/index.d.ts +19 -0
  77. package/dist/types/src/components/Tag/index.d.ts.map +1 -0
  78. package/dist/types/src/hooks/useDialog.d.ts +5 -0
  79. package/dist/types/src/hooks/useDialog.d.ts.map +1 -0
  80. package/dist/types/src/stories/Accordion.stories.d.ts +15 -0
  81. package/dist/types/src/stories/Accordion.stories.d.ts.map +1 -0
  82. package/dist/types/src/stories/Alert.stories.d.ts +92 -0
  83. package/dist/types/src/stories/Alert.stories.d.ts.map +1 -0
  84. package/dist/types/src/stories/Button.stories.d.ts +132 -0
  85. package/dist/types/src/stories/Button.stories.d.ts.map +1 -0
  86. package/dist/types/src/stories/Modal/ExampleModal/ExampleModal.d.ts +2 -0
  87. package/dist/types/src/stories/Modal/ExampleModal/ExampleModal.d.ts.map +1 -0
  88. package/dist/types/src/stories/Modal/ExampleModal/ExampleModal.stories.d.ts +7 -0
  89. package/dist/types/src/stories/Modal/ExampleModal/ExampleModal.stories.d.ts.map +1 -0
  90. package/dist/types/src/stories/Modal/Modal.stories.d.ts +26 -0
  91. package/dist/types/src/stories/Modal/Modal.stories.d.ts.map +1 -0
  92. package/dist/types/src/stories/Modal/Modal.stories.helpers.d.ts +3 -0
  93. package/dist/types/src/stories/Modal/Modal.stories.helpers.d.ts.map +1 -0
  94. package/dist/types/src/stories/ProgressBar.stories.d.ts +93 -0
  95. package/dist/types/src/stories/ProgressBar.stories.d.ts.map +1 -0
  96. package/dist/types/src/stories/Tag.stories.d.ts +53 -0
  97. package/dist/types/src/stories/Tag.stories.d.ts.map +1 -0
  98. package/dist/types/src/stories/forms/CheckboxInput.stories.d.ts +30 -0
  99. package/dist/types/src/stories/forms/CheckboxInput.stories.d.ts.map +1 -0
  100. package/dist/types/src/stories/forms/Fieldset.stories.d.ts +57 -0
  101. package/dist/types/src/stories/forms/Fieldset.stories.d.ts.map +1 -0
  102. package/dist/types/src/stories/forms/InputLabel.stories.d.ts +25 -0
  103. package/dist/types/src/stories/forms/InputLabel.stories.d.ts.map +1 -0
  104. package/dist/types/src/stories/forms/RadioInput.stories.d.ts +51 -0
  105. package/dist/types/src/stories/forms/RadioInput.stories.d.ts.map +1 -0
  106. package/dist/types/src/stories/forms/SearchInput.stories.d.ts +40 -0
  107. package/dist/types/src/stories/forms/SearchInput.stories.d.ts.map +1 -0
  108. package/dist/types/src/stories/forms/SelectInput.stories.d.ts +52 -0
  109. package/dist/types/src/stories/forms/SelectInput.stories.d.ts.map +1 -0
  110. package/dist/types/src/stories/forms/TextInput.stories.d.ts +37 -0
  111. package/dist/types/src/stories/forms/TextInput.stories.d.ts.map +1 -0
  112. package/dist/types/src/stories/forms/TextareaInput.stories.d.ts +52 -0
  113. package/dist/types/src/stories/forms/TextareaInput.stories.d.ts.map +1 -0
  114. package/dist/types/src/stories/table/Table.stories.d.ts +22 -0
  115. package/dist/types/src/stories/table/Table.stories.d.ts.map +1 -0
  116. package/package.json +24 -9
@@ -0,0 +1,52 @@
1
+ export default options;
2
+ export namespace Default {
3
+ let args: {};
4
+ }
5
+ export namespace Error {
6
+ export namespace args_1 {
7
+ let error: string;
8
+ let value: string;
9
+ }
10
+ export { args_1 as args };
11
+ }
12
+ export namespace FullWidth {
13
+ export namespace args_2 {
14
+ let fullWidth: boolean;
15
+ }
16
+ export { args_2 as args };
17
+ }
18
+ export namespace Disabled {
19
+ export namespace args_3 {
20
+ let disabled: boolean;
21
+ }
22
+ export { args_3 as args };
23
+ }
24
+ export namespace ReadOnly {
25
+ export namespace args_4 {
26
+ let readOnly: boolean;
27
+ }
28
+ export { args_4 as args };
29
+ }
30
+ declare namespace options {
31
+ export let title: string;
32
+ export { TextareaInput as component };
33
+ export let tags: string[];
34
+ export namespace args_5 {
35
+ export let id: string;
36
+ export let name: string;
37
+ let disabled_1: boolean;
38
+ export { disabled_1 as disabled };
39
+ let readOnly_1: boolean;
40
+ export { readOnly_1 as readOnly };
41
+ let error_1: null;
42
+ export { error_1 as error };
43
+ let fullWidth_1: boolean;
44
+ export { fullWidth_1 as fullWidth };
45
+ export let hint: string;
46
+ export let label: string;
47
+ let value_1: string;
48
+ export { value_1 as value };
49
+ }
50
+ export { args_5 as args };
51
+ }
52
+ //# sourceMappingURL=TextareaInput.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TextareaInput.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/forms/TextareaInput.stories.jsx"],"names":[],"mappings":""}
@@ -0,0 +1,22 @@
1
+ export default options;
2
+ export namespace Default {
3
+ let args: {};
4
+ function render(args: any): import("react/jsx-runtime").JSX.Element;
5
+ }
6
+ export namespace FullWidth {
7
+ export namespace args_1 {
8
+ let fullWidth: boolean;
9
+ }
10
+ export { args_1 as args };
11
+ }
12
+ declare namespace options {
13
+ export let title: string;
14
+ export { Table as component };
15
+ export let tags: string[];
16
+ export namespace args_2 {
17
+ let fullWidth_1: boolean;
18
+ export { fullWidth_1 as fullWidth };
19
+ }
20
+ export { args_2 as args };
21
+ }
22
+ //# sourceMappingURL=Table.stories.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Table.stories.d.ts","sourceRoot":"","sources":["../../../../../src/stories/table/Table.stories.jsx"],"names":[],"mappings":";;;IAkBU,oEAuCP"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@raspberrypifoundation/design-system-react",
3
- "version": "2.4.2",
3
+ "version": "2.6.0",
4
4
  "type": "module",
5
5
  "main": "./dist/design-system-react.umd.cjs",
6
6
  "module": "./dist/design-system-react.js",
@@ -10,17 +10,23 @@
10
10
  "sideEffects": false,
11
11
  "exports": {
12
12
  ".": {
13
+ "types": "./dist/types/lib/main.d.ts",
13
14
  "require": "./dist/design-system-react.umd.cjs",
14
15
  "import": "./dist/design-system-react.js"
15
16
  },
16
17
  "./scss/*": "./dist/scss/*.scss",
17
18
  "./scss": "./dist/scss/design-system-core.scss",
18
19
  "./package.json": "./package.json",
19
- "./*": "./dist/*"
20
+ "./*": {
21
+ "types": "./dist/types/*.d.ts",
22
+ "require": "./dist/*.umd.cjs",
23
+ "import": "./dist/*.js"
24
+ }
20
25
  },
26
+ "types": "./types/lib/main.d.ts",
21
27
  "scripts": {
22
28
  "dev": "vite",
23
- "build": "yarn run build-core-scss && vite build",
29
+ "build": "yarn run build-core-scss && vite build && tsc --project tsconfig.build.json",
24
30
  "lint": "eslint .",
25
31
  "format": "prettier . --write",
26
32
  "preview": "vite preview",
@@ -29,14 +35,13 @@
29
35
  "build-storybook": "storybook build",
30
36
  "test": "vitest run",
31
37
  "test:watch": "vitest",
32
- "test:update-snapshots": "vitest --update"
38
+ "test:update-snapshots": "vitest --update",
39
+ "ts:check": "tsc --noEmit",
40
+ "ts:watch": "tsc --noEmit --watch"
33
41
  },
34
42
  "dependencies": {
35
- "@raspberrypifoundation/design-system-core": "^2.3.1",
36
- "classnames": "^2.5.1",
37
- "react": "^18.3.1",
38
- "react-dom": "^18.3.1",
39
- "react-router-dom": "^7.0.2"
43
+ "@raspberrypifoundation/design-system-core": "^2.4.0",
44
+ "classnames": "^2.5.1"
40
45
  },
41
46
  "devDependencies": {
42
47
  "@eslint/js": "^9.15.0",
@@ -48,10 +53,14 @@
48
53
  "@storybook/react": "^8.6.11",
49
54
  "@storybook/react-vite": "^8.6.11",
50
55
  "@storybook/test": "^8.6.11",
56
+ "@testing-library/dom": "^10.4.1",
51
57
  "@testing-library/jest-dom": "^6.6.3",
52
58
  "@testing-library/react": "^16.1.0",
59
+ "@types/node": "^24.3.0",
53
60
  "@types/react": "^18.3.12",
54
61
  "@types/react-dom": "^18.3.1",
62
+ "@typescript-eslint/eslint-plugin": "^8.41.0",
63
+ "@typescript-eslint/parser": "^8.41.0",
55
64
  "@vitejs/plugin-react": "^4.3.4",
56
65
  "@vitest/coverage-v8": "^3.1.1",
57
66
  "eslint": "^9.15.0",
@@ -64,12 +73,18 @@
64
73
  "jsdom": "^25.0.1",
65
74
  "prettier": "^3.4.2",
66
75
  "prop-types": "^15.8.1",
76
+ "react": "^18.3.1",
77
+ "react-dom": "^18.3.1",
78
+ "react-router-dom": "^6.24.0",
67
79
  "sass-embedded": "^1.83.1",
68
80
  "storybook": "^8.6.11",
81
+ "typescript": "^5.9.2",
69
82
  "vite": "^6.2.4",
70
83
  "vitest": "^3.1.1"
71
84
  },
72
85
  "peerDependencies": {
86
+ "react": "^18.3.1",
87
+ "react-dom": "^18.3.1",
73
88
  "react-router-dom": "^6.24.0"
74
89
  },
75
90
  "packageManager": "yarn@4.5.1",