@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,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.5.0",
3
+ "version": "2.6.1",
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",