@guardian/stand 0.0.19 → 0.0.20

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 (34) hide show
  1. package/dist/TopBar.cjs +2 -0
  2. package/dist/TopBar.js +1 -1
  3. package/dist/components/form/Form.cjs +47 -0
  4. package/dist/components/form/Form.js +17 -0
  5. package/dist/components/form/styles.cjs +49 -0
  6. package/dist/components/form/styles.js +35 -0
  7. package/dist/components/form/types.cjs +7 -0
  8. package/dist/components/form/types.js +5 -0
  9. package/dist/components/select/Select.cjs +6 -15
  10. package/dist/components/select/Select.js +5 -5
  11. package/dist/components/select/styles.cjs +30 -55
  12. package/dist/components/select/styles.js +31 -53
  13. package/dist/form.cjs +7 -0
  14. package/dist/form.js +1 -0
  15. package/dist/index.cjs +2 -0
  16. package/dist/index.js +1 -0
  17. package/dist/styleD/build/css/component/form.css +28 -0
  18. package/dist/styleD/build/css/component/select.css +37 -46
  19. package/dist/styleD/build/typescript/component/form.cjs +57 -0
  20. package/dist/styleD/build/typescript/component/form.js +55 -0
  21. package/dist/styleD/build/typescript/component/select.cjs +50 -69
  22. package/dist/styleD/build/typescript/component/select.js +50 -69
  23. package/dist/types/TopBar.d.ts +1 -1
  24. package/dist/types/components/form/Form.d.ts +5 -0
  25. package/dist/types/components/form/styles.d.ts +15 -0
  26. package/dist/types/components/form/types.d.ts +40 -0
  27. package/dist/types/components/select/Select.d.ts +1 -1
  28. package/dist/types/components/select/styles.d.ts +0 -3
  29. package/dist/types/components/select/types.d.ts +2 -14
  30. package/dist/types/form.d.ts +8 -0
  31. package/dist/types/index.d.ts +2 -0
  32. package/dist/types/styleD/build/typescript/component/form.d.ts +57 -0
  33. package/dist/types/styleD/build/typescript/component/select.d.ts +46 -65
  34. package/package.json +20 -11
package/dist/types/styleD/build/typescript/component/form.d.ts ADDED
@@ -0,0 +1,57 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ */
4
+ export declare const componentForm: {
5
+ input: {
6
+ shared: {
7
+ container: {
8
+ display: string;
9
+ 'flex-direction': string;
10
+ gap: string;
11
+ width: string;
12
+ };
13
+ label: {
14
+ color: string;
15
+ disabled: {
16
+ color: string;
17
+ };
18
+ };
19
+ description: {
20
+ color: string;
21
+ typography: {
22
+ font: string;
23
+ letterSpacing: string;
24
+ fontWidth: number;
25
+ };
26
+ disabled: {
27
+ color: string;
28
+ };
29
+ };
30
+ };
31
+ sm: {
32
+ container: {
33
+ 'max-width': string;
34
+ };
35
+ label: {
36
+ typography: {
37
+ font: string;
38
+ letterSpacing: string;
39
+ fontWidth: number;
40
+ };
41
+ };
42
+ };
43
+ md: {
44
+ container: {
45
+ 'max-width': string;
46
+ };
47
+ label: {
48
+ typography: {
49
+ font: string;
50
+ letterSpacing: string;
51
+ fontWidth: number;
52
+ };
53
+ };
54
+ };
55
+ };
56
+ };
57
+ export type ComponentForm = typeof componentForm;
package/dist/types/styleD/build/typescript/component/select.d.ts CHANGED
@@ -3,9 +3,6 @@
3
3
  */
4
4
  export declare const componentSelect: {
5
5
  shared: {
6
- display: string;
7
- flexDirection: string;
8
- gap: string;
9
6
  maxWidth: string;
10
7
  width: string;
11
8
  hover: {
@@ -15,74 +12,58 @@ export declare const componentSelect: {
15
12
  pressed: {
16
13
  backgroundColor: string;
17
14
  };
18
- };
19
- label: {
20
- color: string;
21
- typography: {
22
- font: string;
23
- letterSpacing: string;
24
- fontWidth: number;
25
- };
26
- };
27
- helpText: {
28
- color: string;
29
- typography: {
30
- font: string;
31
- letterSpacing: string;
32
- fontWidth: number;
33
- };
34
- };
35
- button: {
36
- display: string;
37
- justifyContent: string;
38
- alignItems: string;
39
- marginTop: string;
40
- backgroundColor: string;
41
- border: string;
42
- borderRadius: string;
43
- height: string;
44
- paddingLeft: string;
45
- paddingRight: string;
46
- color: string;
47
- typography: {
48
- font: string;
49
- letterSpacing: string;
50
- fontWidth: number;
51
- };
52
- focused: {
53
- outline: string;
54
- 'outline-offset': string;
55
- };
56
- disabled: {
15
+ button: {
16
+ display: string;
17
+ justifyContent: string;
18
+ alignItems: string;
19
+ marginTop: string;
57
20
  backgroundColor: string;
58
- cursor: string;
59
- color: string;
60
21
  border: string;
22
+ borderRadius: string;
23
+ height: string;
24
+ paddingLeft: string;
25
+ paddingRight: string;
26
+ color: string;
27
+ typography: {
28
+ font: string;
29
+ letterSpacing: string;
30
+ fontWidth: number;
31
+ };
32
+ focused: {
33
+ outline: string;
34
+ 'outline-offset': string;
35
+ };
36
+ disabled: {
37
+ backgroundColor: string;
38
+ cursor: string;
39
+ color: string;
40
+ border: string;
41
+ };
42
+ error: {
43
+ border: string;
44
+ };
61
45
  };
62
- error: {
63
- border: string;
46
+ option: {
47
+ paddingLeft: string;
48
+ paddingRight: string;
49
+ paddingTop: string;
50
+ paddingBottom: string;
51
+ focused: {
52
+ outline: string;
53
+ 'outline-offset': string;
54
+ backgroundColor: string;
55
+ };
64
56
  };
65
- };
66
- option: {
67
- paddingLeft: string;
68
- paddingRight: string;
69
- paddingTop: string;
70
- paddingBottom: string;
71
- focused: {
72
- outline: string;
73
- 'outline-offset': string;
57
+ listBox: {
58
+ typography: {
59
+ font: string;
60
+ letterSpacing: string;
61
+ fontWidth: number;
62
+ };
63
+ border: string;
74
64
  backgroundColor: string;
65
+ shadow: string;
75
66
  };
76
67
  };
77
- listBox: {
78
- typography: {
79
- font: string;
80
- letterSpacing: string;
81
- fontWidth: number;
82
- };
83
- border: string;
84
- backgroundColor: string;
85
- shadow: string;
86
- };
87
68
  };
88
69
  export type ComponentSelect = typeof componentSelect;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@guardian/stand",
3
- "version": "0.0.19",
3
+ "version": "0.0.20",
4
4
  "type": "module",
5
5
  "//exports": "Each component has its own entry point for optimal tree-shaking. Main entry point only includes design tokens and utilities. New components/foundations should follow the same pattern.",
6
6
  "exports": {
@@ -69,6 +69,11 @@
69
69
  "import": "./dist/TopBar.js",
70
70
  "require": "./dist/TopBar.cjs"
71
71
  },
72
+ "./form": {
73
+ "types": "./dist/types/form.d.ts",
74
+ "import": "./dist/form.js",
75
+ "require": "./dist/form.cjs"
76
+ },
72
77
  "./inline-message": {
73
78
  "types": "./dist/types/inline-message.d.ts",
74
79
  "import": "./dist/inline-message.js",
@@ -124,6 +129,7 @@
124
129
  "./component/favicon.css": "./dist/styleD/build/css/component/favicon.css",
125
130
  "./component/menu.css": "./dist/styleD/build/css/component/menu.css",
126
131
  "./component/TopBar.css": "./dist/styleD/build/css/component/TopBar.css",
132
+ "./component/form.css": "./dist/styleD/build/css/component/form.css",
127
133
  "./component/inlineMessage.css": "./dist/styleD/build/css/component/inlineMessage.css",
128
134
  "./component/select.css": "./dist/styleD/build/css/component/select.css"
129
135
  },
@@ -178,6 +184,9 @@
178
184
  "menu": [
179
185
  "./dist/types/menu.d.ts"
180
186
  ],
187
+ "form": [
188
+ "./dist/types/form.d.ts"
189
+ ],
181
190
  "inline-message": [
182
191
  "./dist/types/inline-message.d.ts"
183
192
  ],
@@ -200,20 +209,20 @@
200
209
  "@changesets/cli": "^2.30.0",
201
210
  "@codesandbox/sandpack-react": "^2.20.0",
202
211
  "@emotion/react": "11.11.4",
203
- "@figma/rest-api-spec": "^0.36.0",
212
+ "@figma/rest-api-spec": "^0.37.0",
204
213
  "@guardian/eslint-config": "14.0.1",
205
214
  "@guardian/prettier": "10.0.0",
206
215
  "@guardian/prosemirror-invisibles": "3.1.1",
207
216
  "@guardian/tsconfig": "1.0.1",
208
217
  "@material-design-icons/svg": "^0.14.15",
209
- "@playwright/experimental-ct-react17": "^1.58.2",
218
+ "@playwright/experimental-ct-react17": "^1.59.1",
210
219
  "@react-aria/focus": "3.21.5",
211
220
  "@rollup/plugin-commonjs": "29.0.2",
212
221
  "@rollup/plugin-node-resolve": "16.0.3",
213
222
  "@rollup/plugin-typescript": "12.3.0",
214
- "@storybook/addon-docs": "^10.3.3",
215
- "@storybook/addon-themes": "^10.3.3",
216
- "@storybook/react-vite": "^10.3.3",
223
+ "@storybook/addon-docs": "^10.3.4",
224
+ "@storybook/addon-themes": "^10.3.4",
225
+ "@storybook/react-vite": "^10.3.4",
217
226
  "@testing-library/jest-dom": "^6.9.1",
218
227
  "@types/jest": "30.0.0",
219
228
  "@types/node": "^24.10.1",
@@ -221,7 +230,7 @@
221
230
  "@types/react-dom": "17.0.25",
222
231
  "change-case": "^5.4.4",
223
232
  "eslint": "9.39.3",
224
- "eslint-plugin-storybook": "^10.3.3",
233
+ "eslint-plugin-storybook": "^10.3.4",
225
234
  "husky": "^9.1.7",
226
235
  "jest": "30.3.0",
227
236
  "jest-environment-jsdom": "^30.3.0",
@@ -242,13 +251,13 @@
242
251
  "rollup-plugin-esbuild": "6.2.1",
243
252
  "rollup-plugin-import-css": "^4.2.0",
244
253
  "rollup-plugin-node-externals": "8.1.2",
245
- "storybook": "^10.3.3",
254
+ "storybook": "^10.3.4",
246
255
  "style-dictionary": "^5.4.0",
247
- "ts-jest": "29.4.6",
256
+ "ts-jest": "29.4.9",
248
257
  "tslib": "2.8.1",
249
258
  "typescript": "5.1.3",
250
- "vite": "^8.0.3",
251
- "vite-plugin-svgr": "^5.0.0"
259
+ "vite": "^8.0.5",
260
+ "vite-plugin-svgr": "^5.2.0"
252
261
  },
253
262
  "peerDependencies": {
254
263
  "@emotion/react": ">=11.11.4 <=11.14.0",