@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.
- package/dist/checkbox.cjs +11 -0
- package/dist/checkbox.js +3 -0
- package/dist/components/checkbox/Checkbox.cjs +54 -0
- package/dist/components/checkbox/Checkbox.js +17 -0
- package/dist/components/checkbox/CheckboxGroup.cjs +35 -0
- package/dist/components/checkbox/CheckboxGroup.js +26 -0
- package/dist/components/checkbox/styles.cjs +109 -0
- package/dist/components/checkbox/styles.js +101 -0
- package/dist/components/form/types.cjs +6 -1
- package/dist/components/form/types.js +7 -2
- package/dist/components/inline-message/InlineMessage.cjs +9 -1
- package/dist/components/inline-message/InlineMessage.js +2 -2
- package/dist/components/inline-message/styles.cjs +6 -0
- package/dist/components/inline-message/styles.js +6 -1
- package/dist/components/radio-group/RadioGroup.cjs +65 -0
- package/dist/components/radio-group/RadioGroup.js +31 -0
- package/dist/components/radio-group/styles.cjs +78 -0
- package/dist/components/radio-group/styles.js +73 -0
- package/dist/components/topbar/topBarToolName/TopBarToolName.cjs +21 -2
- package/dist/components/topbar/topBarToolName/TopBarToolName.js +11 -3
- package/dist/components/topbar/topBarToolName/styles.cjs +39 -0
- package/dist/components/topbar/topBarToolName/styles.js +38 -1
- package/dist/fonts/MaterialSymbolsOutlined.css +1 -1
- package/dist/fonts/MaterialSymbolsRound.css +1 -1
- package/dist/fonts/MaterialSymbolsSharp.css +1 -1
- package/dist/fonts/material-symbols-types.ts +34 -3
- package/dist/index.cjs +4 -0
- package/dist/index.js +2 -0
- package/dist/radio-group.cjs +10 -0
- package/dist/radio-group.js +2 -0
- package/dist/styleD/build/css/base/typography.css +1 -1
- package/dist/styleD/build/css/component/TopBar.css +22 -0
- package/dist/styleD/build/css/component/checkbox.css +57 -0
- package/dist/styleD/build/css/component/inlineMessage.css +1 -0
- package/dist/styleD/build/css/component/radioGroup.css +52 -0
- package/dist/styleD/build/css/semantic/colors.css +3 -1
- package/dist/styleD/build/css/semantic/sizing.css +1 -0
- package/dist/styleD/build/css/semantic/typography.css +88 -0
- package/dist/styleD/build/typescript/base/typography.cjs +3 -3
- package/dist/styleD/build/typescript/base/typography.js +3 -3
- package/dist/styleD/build/typescript/component/TopBar.cjs +32 -0
- package/dist/styleD/build/typescript/component/TopBar.js +32 -0
- package/dist/styleD/build/typescript/component/checkbox.cjs +100 -0
- package/dist/styleD/build/typescript/component/checkbox.js +98 -0
- package/dist/styleD/build/typescript/component/inlineMessage.cjs +2 -1
- package/dist/styleD/build/typescript/component/inlineMessage.js +2 -1
- package/dist/styleD/build/typescript/component/radioGroup.cjs +85 -0
- package/dist/styleD/build/typescript/component/radioGroup.js +83 -0
- package/dist/styleD/build/typescript/semantic/colors.cjs +3 -1
- package/dist/styleD/build/typescript/semantic/colors.js +3 -1
- package/dist/styleD/build/typescript/semantic/sizing.cjs +1 -0
- package/dist/styleD/build/typescript/semantic/sizing.js +1 -0
- package/dist/styleD/build/typescript/semantic/typography.cjs +120 -0
- package/dist/styleD/build/typescript/semantic/typography.js +120 -0
- package/dist/types/TopBar.d.ts +1 -0
- package/dist/types/checkbox.d.ts +21 -0
- package/dist/types/components/checkbox/Checkbox.d.ts +2 -0
- package/dist/types/components/checkbox/CheckboxGroup.d.ts +2 -0
- package/dist/types/components/checkbox/CheckboxGroupSandbox.d.ts +5 -0
- package/dist/types/components/checkbox/CheckboxSandbox.d.ts +5 -0
- package/dist/types/components/checkbox/styles.d.ts +10 -0
- package/dist/types/components/checkbox/types.d.ts +11 -0
- package/dist/types/components/form/types.d.ts +1 -1
- package/dist/types/components/inline-message/styles.d.ts +1 -0
- package/dist/types/components/radio-group/RadioGroup.d.ts +3 -0
- package/dist/types/components/radio-group/sandbox.d.ts +5 -0
- package/dist/types/components/radio-group/styles.d.ts +9 -0
- package/dist/types/components/radio-group/types.d.ts +10 -0
- package/dist/types/components/topbar/topBarToolName/TopBarToolName.d.ts +1 -1
- package/dist/types/components/topbar/topBarToolName/styles.d.ts +2 -0
- package/dist/types/components/topbar/topBarToolName/types.d.ts +7 -1
- package/dist/types/fonts/material-symbols-types.d.ts +33 -2
- package/dist/types/index.d.ts +4 -0
- package/dist/types/radio-group.d.ts +20 -0
- package/dist/types/styleD/build/typescript/base/typography.d.ts +3 -3
- package/dist/types/styleD/build/typescript/component/TopBar.d.ts +32 -0
- package/dist/types/styleD/build/typescript/component/checkbox.d.ts +100 -0
- package/dist/types/styleD/build/typescript/component/inlineMessage.d.ts +1 -0
- package/dist/types/styleD/build/typescript/component/radioGroup.d.ts +85 -0
- package/dist/types/styleD/build/typescript/semantic/colors.d.ts +2 -0
- package/dist/types/styleD/build/typescript/semantic/sizing.d.ts +1 -0
- package/dist/types/styleD/build/typescript/semantic/typography.d.ts +120 -0
- 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.
|
|
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.
|
|
232
|
-
"@storybook/addon-themes": "^10.3.
|
|
233
|
-
"@storybook/react-vite": "^10.3.
|
|
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.
|
|
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.
|
|
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": "
|
|
262
|
-
"storybook": "^10.3.
|
|
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.
|
|
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",
|