@guardian/stand 0.0.21 → 0.0.23

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 (83) hide show
  1. package/dist/checkbox.cjs +11 -0
  2. package/dist/checkbox.js +3 -0
  3. package/dist/components/checkbox/Checkbox.cjs +54 -0
  4. package/dist/components/checkbox/Checkbox.js +17 -0
  5. package/dist/components/checkbox/CheckboxGroup.cjs +35 -0
  6. package/dist/components/checkbox/CheckboxGroup.js +26 -0
  7. package/dist/components/checkbox/styles.cjs +109 -0
  8. package/dist/components/checkbox/styles.js +101 -0
  9. package/dist/components/form/types.cjs +6 -1
  10. package/dist/components/form/types.js +7 -2
  11. package/dist/components/inline-message/InlineMessage.cjs +9 -1
  12. package/dist/components/inline-message/InlineMessage.js +2 -2
  13. package/dist/components/inline-message/styles.cjs +6 -0
  14. package/dist/components/inline-message/styles.js +6 -1
  15. package/dist/components/radio-group/RadioGroup.cjs +65 -0
  16. package/dist/components/radio-group/RadioGroup.js +31 -0
  17. package/dist/components/radio-group/styles.cjs +78 -0
  18. package/dist/components/radio-group/styles.js +73 -0
  19. package/dist/components/topbar/topBarToolName/TopBarToolName.cjs +21 -2
  20. package/dist/components/topbar/topBarToolName/TopBarToolName.js +11 -3
  21. package/dist/components/topbar/topBarToolName/styles.cjs +39 -0
  22. package/dist/components/topbar/topBarToolName/styles.js +38 -1
  23. package/dist/fonts/MaterialSymbolsOutlined.css +1 -1
  24. package/dist/fonts/MaterialSymbolsRound.css +1 -1
  25. package/dist/fonts/MaterialSymbolsSharp.css +1 -1
  26. package/dist/fonts/material-symbols-types.ts +34 -3
  27. package/dist/index.cjs +4 -0
  28. package/dist/index.js +2 -0
  29. package/dist/radio-group.cjs +10 -0
  30. package/dist/radio-group.js +2 -0
  31. package/dist/styleD/build/css/base/typography.css +1 -1
  32. package/dist/styleD/build/css/component/TopBar.css +22 -0
  33. package/dist/styleD/build/css/component/checkbox.css +57 -0
  34. package/dist/styleD/build/css/component/inlineMessage.css +1 -0
  35. package/dist/styleD/build/css/component/radioGroup.css +52 -0
  36. package/dist/styleD/build/css/semantic/colors.css +3 -1
  37. package/dist/styleD/build/css/semantic/sizing.css +1 -0
  38. package/dist/styleD/build/css/semantic/typography.css +88 -0
  39. package/dist/styleD/build/typescript/base/typography.cjs +3 -3
  40. package/dist/styleD/build/typescript/base/typography.js +3 -3
  41. package/dist/styleD/build/typescript/component/TopBar.cjs +32 -0
  42. package/dist/styleD/build/typescript/component/TopBar.js +32 -0
  43. package/dist/styleD/build/typescript/component/checkbox.cjs +100 -0
  44. package/dist/styleD/build/typescript/component/checkbox.js +98 -0
  45. package/dist/styleD/build/typescript/component/inlineMessage.cjs +2 -1
  46. package/dist/styleD/build/typescript/component/inlineMessage.js +2 -1
  47. package/dist/styleD/build/typescript/component/radioGroup.cjs +85 -0
  48. package/dist/styleD/build/typescript/component/radioGroup.js +83 -0
  49. package/dist/styleD/build/typescript/semantic/colors.cjs +3 -1
  50. package/dist/styleD/build/typescript/semantic/colors.js +3 -1
  51. package/dist/styleD/build/typescript/semantic/sizing.cjs +1 -0
  52. package/dist/styleD/build/typescript/semantic/sizing.js +1 -0
  53. package/dist/styleD/build/typescript/semantic/typography.cjs +120 -0
  54. package/dist/styleD/build/typescript/semantic/typography.js +120 -0
  55. package/dist/types/TopBar.d.ts +1 -0
  56. package/dist/types/checkbox.d.ts +21 -0
  57. package/dist/types/components/checkbox/Checkbox.d.ts +2 -0
  58. package/dist/types/components/checkbox/CheckboxGroup.d.ts +2 -0
  59. package/dist/types/components/checkbox/CheckboxGroupSandbox.d.ts +5 -0
  60. package/dist/types/components/checkbox/CheckboxSandbox.d.ts +5 -0
  61. package/dist/types/components/checkbox/styles.d.ts +10 -0
  62. package/dist/types/components/checkbox/types.d.ts +11 -0
  63. package/dist/types/components/form/types.d.ts +1 -1
  64. package/dist/types/components/inline-message/styles.d.ts +1 -0
  65. package/dist/types/components/radio-group/RadioGroup.d.ts +3 -0
  66. package/dist/types/components/radio-group/sandbox.d.ts +5 -0
  67. package/dist/types/components/radio-group/styles.d.ts +9 -0
  68. package/dist/types/components/radio-group/types.d.ts +10 -0
  69. package/dist/types/components/topbar/topBarToolName/TopBarToolName.d.ts +1 -1
  70. package/dist/types/components/topbar/topBarToolName/styles.d.ts +2 -0
  71. package/dist/types/components/topbar/topBarToolName/types.d.ts +7 -1
  72. package/dist/types/fonts/material-symbols-types.d.ts +33 -2
  73. package/dist/types/index.d.ts +4 -0
  74. package/dist/types/radio-group.d.ts +20 -0
  75. package/dist/types/styleD/build/typescript/base/typography.d.ts +3 -3
  76. package/dist/types/styleD/build/typescript/component/TopBar.d.ts +32 -0
  77. package/dist/types/styleD/build/typescript/component/checkbox.d.ts +100 -0
  78. package/dist/types/styleD/build/typescript/component/inlineMessage.d.ts +1 -0
  79. package/dist/types/styleD/build/typescript/component/radioGroup.d.ts +85 -0
  80. package/dist/types/styleD/build/typescript/semantic/colors.d.ts +2 -0
  81. package/dist/types/styleD/build/typescript/semantic/sizing.d.ts +1 -0
  82. package/dist/types/styleD/build/typescript/semantic/typography.d.ts +120 -0
  83. package/package.json +29 -11
@@ -82,6 +82,11 @@ export declare const semanticTypography: {
82
82
  letterSpacing: string;
83
83
  fontWidth: number;
84
84
  };
85
+ 'body-xs': {
86
+ font: string;
87
+ letterSpacing: string;
88
+ fontWidth: number;
89
+ };
85
90
  'body-sm': {
86
91
  font: string;
87
92
  letterSpacing: string;
@@ -102,6 +107,36 @@ export declare const semanticTypography: {
102
107
  letterSpacing: string;
103
108
  fontWidth: number;
104
109
  };
110
+ 'body-bold-xs': {
111
+ font: string;
112
+ letterSpacing: string;
113
+ fontWidth: number;
114
+ };
115
+ 'body-bold-sm': {
116
+ font: string;
117
+ letterSpacing: string;
118
+ fontWidth: number;
119
+ };
120
+ 'body-bold-md': {
121
+ font: string;
122
+ letterSpacing: string;
123
+ fontWidth: number;
124
+ };
125
+ 'body-bold-lg': {
126
+ font: string;
127
+ letterSpacing: string;
128
+ fontWidth: number;
129
+ };
130
+ 'body-bold-xl': {
131
+ font: string;
132
+ letterSpacing: string;
133
+ fontWidth: number;
134
+ };
135
+ 'body-italic-xs': {
136
+ font: string;
137
+ letterSpacing: string;
138
+ fontWidth: number;
139
+ };
105
140
  'body-italic-sm': {
106
141
  font: string;
107
142
  letterSpacing: string;
@@ -122,6 +157,36 @@ export declare const semanticTypography: {
122
157
  letterSpacing: string;
123
158
  fontWidth: number;
124
159
  };
160
+ 'body-italic-bold-xs': {
161
+ font: string;
162
+ letterSpacing: string;
163
+ fontWidth: number;
164
+ };
165
+ 'body-italic-bold-sm': {
166
+ font: string;
167
+ letterSpacing: string;
168
+ fontWidth: number;
169
+ };
170
+ 'body-italic-bold-md': {
171
+ font: string;
172
+ letterSpacing: string;
173
+ fontWidth: number;
174
+ };
175
+ 'body-italic-bold-lg': {
176
+ font: string;
177
+ letterSpacing: string;
178
+ fontWidth: number;
179
+ };
180
+ 'body-italic-bold-xl': {
181
+ font: string;
182
+ letterSpacing: string;
183
+ fontWidth: number;
184
+ };
185
+ 'body-compact-xs': {
186
+ font: string;
187
+ letterSpacing: string;
188
+ fontWidth: number;
189
+ };
125
190
  'body-compact-sm': {
126
191
  font: string;
127
192
  letterSpacing: string;
@@ -142,6 +207,36 @@ export declare const semanticTypography: {
142
207
  letterSpacing: string;
143
208
  fontWidth: number;
144
209
  };
210
+ 'body-compact-bold-xs': {
211
+ font: string;
212
+ letterSpacing: string;
213
+ fontWidth: number;
214
+ };
215
+ 'body-compact-bold-sm': {
216
+ font: string;
217
+ letterSpacing: string;
218
+ fontWidth: number;
219
+ };
220
+ 'body-compact-bold-md': {
221
+ font: string;
222
+ letterSpacing: string;
223
+ fontWidth: number;
224
+ };
225
+ 'body-compact-bold-lg': {
226
+ font: string;
227
+ letterSpacing: string;
228
+ fontWidth: number;
229
+ };
230
+ 'body-compact-bold-xl': {
231
+ font: string;
232
+ letterSpacing: string;
233
+ fontWidth: number;
234
+ };
235
+ 'body-compact-italic-xs': {
236
+ font: string;
237
+ letterSpacing: string;
238
+ fontWidth: number;
239
+ };
145
240
  'body-compact-italic-sm': {
146
241
  font: string;
147
242
  letterSpacing: string;
@@ -162,6 +257,31 @@ export declare const semanticTypography: {
162
257
  letterSpacing: string;
163
258
  fontWidth: number;
164
259
  };
260
+ 'body-compact-italic-bold-xs': {
261
+ font: string;
262
+ letterSpacing: string;
263
+ fontWidth: number;
264
+ };
265
+ 'body-compact-italic-bold-sm': {
266
+ font: string;
267
+ letterSpacing: string;
268
+ fontWidth: number;
269
+ };
270
+ 'body-compact-italic-bold-md': {
271
+ font: string;
272
+ letterSpacing: string;
273
+ fontWidth: number;
274
+ };
275
+ 'body-compact-italic-bold-lg': {
276
+ font: string;
277
+ letterSpacing: string;
278
+ fontWidth: number;
279
+ };
280
+ 'body-compact-italic-bold-xl': {
281
+ font: string;
282
+ letterSpacing: string;
283
+ fontWidth: number;
284
+ };
165
285
  'meta-md': {
166
286
  font: string;
167
287
  letterSpacing: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@guardian/stand",
3
- "version": "0.0.21",
3
+ "version": "0.0.23",
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": {
@@ -89,6 +89,16 @@
89
89
  "import": "./dist/text-input.js",
90
90
  "require": "./dist/text-input.cjs"
91
91
  },
92
+ "./radio-group": {
93
+ "types": "./dist/types/radio-group.d.ts",
94
+ "import": "./dist/radio-group.js",
95
+ "require": "./dist/radio-group.cjs"
96
+ },
97
+ "./checkbox": {
98
+ "types": "./dist/types/checkbox.d.ts",
99
+ "import": "./dist/checkbox.js",
100
+ "require": "./dist/checkbox.cjs"
101
+ },
92
102
  "./byline": {
93
103
  "types": "./dist/types/byline.d.ts",
94
104
  "import": "./dist/byline.js",
@@ -137,7 +147,9 @@
137
147
  "./component/form.css": "./dist/styleD/build/css/component/form.css",
138
148
  "./component/inlineMessage.css": "./dist/styleD/build/css/component/inlineMessage.css",
139
149
  "./component/select.css": "./dist/styleD/build/css/component/select.css",
140
- "./component/textInput.css": "./dist/styleD/build/css/component/textInput.css"
150
+ "./component/textInput.css": "./dist/styleD/build/css/component/textInput.css",
151
+ "./component/radioGroup.css": "./dist/styleD/build/css/component/radioGroup.css",
152
+ "./component/checkbox.css": "./dist/styleD/build/css/component/checkbox.css"
141
153
  },
142
154
  "//typesVersions": "Provides backward compatibility for TypeScript moduleResolution: node - maps subpath imports to correct type definition files. When adding new components with their own entry points, ensure to add them here.",
143
155
  "typesVersions": {
@@ -201,6 +213,12 @@
201
213
  ],
202
214
  "text-input": [
203
215
  "./dist/types/text-input.d.ts"
216
+ ],
217
+ "radio-group": [
218
+ "./dist/types/radio-group.d.ts"
219
+ ],
220
+ "checkbox": [
221
+ "./dist/types/checkbox.d.ts"
204
222
  ]
205
223
  }
206
224
  },
@@ -228,9 +246,9 @@
228
246
  "@rollup/plugin-commonjs": "29.0.2",
229
247
  "@rollup/plugin-node-resolve": "16.0.3",
230
248
  "@rollup/plugin-typescript": "12.3.0",
231
- "@storybook/addon-docs": "^10.3.4",
232
- "@storybook/addon-themes": "^10.3.4",
233
- "@storybook/react-vite": "^10.3.4",
249
+ "@storybook/addon-docs": "^10.3.5",
250
+ "@storybook/addon-themes": "^10.3.5",
251
+ "@storybook/react-vite": "^10.3.5",
234
252
  "@testing-library/jest-dom": "^6.9.1",
235
253
  "@types/jest": "30.0.0",
236
254
  "@types/node": "^24.10.1",
@@ -238,11 +256,11 @@
238
256
  "@types/react-dom": "17.0.25",
239
257
  "change-case": "^5.4.4",
240
258
  "eslint": "9.39.3",
241
- "eslint-plugin-storybook": "^10.3.4",
259
+ "eslint-plugin-storybook": "^10.3.5",
242
260
  "husky": "^9.1.7",
243
261
  "jest": "30.3.0",
244
262
  "jest-environment-jsdom": "^30.3.0",
245
- "prettier": "3.8.1",
263
+ "prettier": "3.8.2",
246
264
  "prosemirror-dropcursor": "1.8.2",
247
265
  "prosemirror-history": "1.4.1",
248
266
  "prosemirror-keymap": "1.2.2",
@@ -258,13 +276,13 @@
258
276
  "rollup-plugin-copy": "^3.5.0",
259
277
  "rollup-plugin-esbuild": "6.2.1",
260
278
  "rollup-plugin-import-css": "^4.2.0",
261
- "rollup-plugin-node-externals": "8.1.2",
262
- "storybook": "^10.3.4",
279
+ "rollup-plugin-node-externals": "9.0.0",
280
+ "storybook": "^10.3.5",
263
281
  "style-dictionary": "^5.4.0",
264
282
  "ts-jest": "29.4.9",
265
283
  "tslib": "2.8.1",
266
284
  "typescript": "5.1.3",
267
- "vite": "^8.0.5",
285
+ "vite": "^8.0.8",
268
286
  "vite-plugin-svgr": "^5.2.0"
269
287
  },
270
288
  "peerDependencies": {
@@ -321,7 +339,7 @@
321
339
  },
322
340
  "scripts": {
323
341
  "build": "rimraf dist && rollup -c",
324
- "build-styled": "cd src/styleD && node build.js",
342
+ "build-styled": "cd src/styleD && node build.js && pnpm run format:fix",
325
343
  "storybook": "storybook dev -p 6007",
326
344
  "build-storybook": "storybook build",
327
345
  "lint": "eslint . --ext .ts,.tsx",