@guardian/stand 0.0.51 → 0.0.53

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 (47) hide show
  1. package/dist/Modal.cjs +7 -0
  2. package/dist/Modal.d.cts +5 -0
  3. package/dist/Modal.d.ts +5 -0
  4. package/dist/Modal.js +3 -0
  5. package/dist/components/Form/Form.cjs +1 -0
  6. package/dist/components/Form/Form.js +1 -0
  7. package/dist/components/InlineMessage/InlineMessage.cjs +2 -1
  8. package/dist/components/InlineMessage/InlineMessage.d.cts +1 -0
  9. package/dist/components/InlineMessage/InlineMessage.d.ts +1 -0
  10. package/dist/components/InlineMessage/InlineMessage.js +2 -1
  11. package/dist/components/InlineMessage/types.d.cts +5 -0
  12. package/dist/components/InlineMessage/types.d.ts +5 -0
  13. package/dist/components/Modal/Modal.cjs +97 -0
  14. package/dist/components/Modal/Modal.d.cts +21 -0
  15. package/dist/components/Modal/Modal.d.ts +21 -0
  16. package/dist/components/Modal/Modal.js +93 -0
  17. package/dist/components/Modal/styles.cjs +100 -0
  18. package/dist/components/Modal/styles.d.cts +10 -0
  19. package/dist/components/Modal/styles.d.ts +10 -0
  20. package/dist/components/Modal/styles.js +92 -0
  21. package/dist/components/Modal/types.d.cts +20 -0
  22. package/dist/components/Modal/types.d.ts +20 -0
  23. package/dist/components/TagPicker/Autocomplete.js +11 -11
  24. package/dist/components/TagPicker/TagPicker.js +7 -7
  25. package/dist/components/TagPicker/TagSearchWithFilters.js +4 -4
  26. package/dist/components/TagPicker/TagTable.js +19 -19
  27. package/dist/components/TopBar/TopBarNavigation/TopBarNavigation.cjs +2 -2
  28. package/dist/components/TopBar/TopBarNavigation/TopBarNavigation.js +2 -2
  29. package/dist/components/TopBar/TopBarNavigation/styles.cjs +2 -2
  30. package/dist/components/TopBar/TopBarNavigation/styles.js +2 -2
  31. package/dist/components/Typography/Typography.cjs +7 -4
  32. package/dist/components/Typography/Typography.d.cts +1 -5
  33. package/dist/components/Typography/Typography.d.ts +1 -5
  34. package/dist/components/Typography/Typography.js +7 -4
  35. package/dist/components/Typography/types.d.cts +3 -2
  36. package/dist/components/Typography/types.d.ts +3 -2
  37. package/dist/components/UserMenu/PreferenceRadioGroup.js +5 -5
  38. package/dist/index.cjs +2 -0
  39. package/dist/index.d.cts +4 -3
  40. package/dist/index.d.ts +4 -3
  41. package/dist/index.js +2 -1
  42. package/dist/styleD/build/css/component/modal.css +51 -0
  43. package/dist/styleD/build/typescript/component/modal.cjs +72 -0
  44. package/dist/styleD/build/typescript/component/modal.d.cts +75 -0
  45. package/dist/styleD/build/typescript/component/modal.d.ts +75 -0
  46. package/dist/styleD/build/typescript/component/modal.js +72 -0
  47. package/package.json +16 -2
package/dist/styleD/build/typescript/component/modal.cjs ADDED
@@ -0,0 +1,72 @@
1
+ //#region src/styleD/build/typescript/component/modal.ts
2
+ /**
3
+ * Do not edit directly, this file was auto-generated.
4
+ */
5
+ const componentModal = {
6
+ overlay: {
7
+ position: "absolute",
8
+ top: 0,
9
+ left: 0,
10
+ width: "100%",
11
+ height: "100%",
12
+ backgroundColor: "#00000066",
13
+ overflow: "clip",
14
+ zIndex: 100
15
+ },
16
+ modal: {
17
+ position: "sticky",
18
+ maxHeight: "90%",
19
+ top: "50%",
20
+ marginLeft: "50svw",
21
+ translate: "-50% -50%",
22
+ boxShadow: "0 2px 6px 0 rgba(0, 0, 0, 0.30)",
23
+ borderRadius: "0.5rem",
24
+ width: "max-content",
25
+ maxWidth: "min(484px, 90svw)",
26
+ backgroundColor: "#ffffff",
27
+ padding: {
28
+ top: "1rem",
29
+ bottom: "2rem",
30
+ left: "2rem",
31
+ right: "2rem"
32
+ }
33
+ },
34
+ dialog: {
35
+ container: {
36
+ display: "grid",
37
+ gridTemplateAreas: "'dismiss' 'title' 'children' 'ctas'",
38
+ gridTemplateColumns: "1fr",
39
+ gridTemplateRows: "auto auto 1fr auto"
40
+ },
41
+ dismiss: {
42
+ gridArea: "dismiss",
43
+ marginLeft: "auto",
44
+ marginBottom: "1rem",
45
+ border: "none",
46
+ height: "1rem",
47
+ width: "1rem",
48
+ hovered: {
49
+ background: "none",
50
+ border: "none"
51
+ }
52
+ },
53
+ title: {
54
+ gridArea: "title",
55
+ marginBottom: "1rem"
56
+ },
57
+ children: {
58
+ gridArea: "children",
59
+ marginBottom: "2.5rem"
60
+ },
61
+ ctas: {
62
+ gridArea: "ctas",
63
+ display: "flex",
64
+ flexDirection: "column",
65
+ gap: "1rem",
66
+ justifyContent: "flex-end",
67
+ md: { flexDirection: "row" }
68
+ }
69
+ }
70
+ };
71
+ //#endregion
72
+ exports.componentModal = componentModal;
package/dist/styleD/build/typescript/component/modal.d.cts ADDED
@@ -0,0 +1,75 @@
1
+ //#region src/styleD/build/typescript/component/modal.d.ts
2
+ /**
3
+ * Do not edit directly, this file was auto-generated.
4
+ */
5
+ declare const componentModal: {
6
+ overlay: {
7
+ position: string;
8
+ top: number;
9
+ left: number;
10
+ width: string;
11
+ height: string;
12
+ backgroundColor: string;
13
+ overflow: string;
14
+ zIndex: number;
15
+ };
16
+ modal: {
17
+ position: string;
18
+ maxHeight: string;
19
+ top: string;
20
+ marginLeft: string;
21
+ translate: string;
22
+ boxShadow: string;
23
+ borderRadius: string;
24
+ width: string;
25
+ maxWidth: string;
26
+ backgroundColor: string;
27
+ padding: {
28
+ top: string;
29
+ bottom: string;
30
+ left: string;
31
+ right: string;
32
+ };
33
+ };
34
+ dialog: {
35
+ container: {
36
+ display: string;
37
+ gridTemplateAreas: string;
38
+ gridTemplateColumns: string;
39
+ gridTemplateRows: string;
40
+ };
41
+ dismiss: {
42
+ gridArea: string;
43
+ marginLeft: string;
44
+ marginBottom: string;
45
+ border: string;
46
+ height: string;
47
+ width: string;
48
+ hovered: {
49
+ background: string;
50
+ border: string;
51
+ };
52
+ };
53
+ title: {
54
+ gridArea: string;
55
+ marginBottom: string;
56
+ };
57
+ children: {
58
+ gridArea: string;
59
+ marginBottom: string;
60
+ };
61
+ ctas: {
62
+ gridArea: string;
63
+ display: string;
64
+ flexDirection: string;
65
+ gap: string;
66
+ justifyContent: string;
67
+ md: {
68
+ flexDirection: string;
69
+ };
70
+ };
71
+ };
72
+ };
73
+ type ComponentModal = typeof componentModal;
74
+ //#endregion
75
+ export { ComponentModal, componentModal };
package/dist/styleD/build/typescript/component/modal.d.ts ADDED
@@ -0,0 +1,75 @@
1
+ //#region src/styleD/build/typescript/component/modal.d.ts
2
+ /**
3
+ * Do not edit directly, this file was auto-generated.
4
+ */
5
+ declare const componentModal: {
6
+ overlay: {
7
+ position: string;
8
+ top: number;
9
+ left: number;
10
+ width: string;
11
+ height: string;
12
+ backgroundColor: string;
13
+ overflow: string;
14
+ zIndex: number;
15
+ };
16
+ modal: {
17
+ position: string;
18
+ maxHeight: string;
19
+ top: string;
20
+ marginLeft: string;
21
+ translate: string;
22
+ boxShadow: string;
23
+ borderRadius: string;
24
+ width: string;
25
+ maxWidth: string;
26
+ backgroundColor: string;
27
+ padding: {
28
+ top: string;
29
+ bottom: string;
30
+ left: string;
31
+ right: string;
32
+ };
33
+ };
34
+ dialog: {
35
+ container: {
36
+ display: string;
37
+ gridTemplateAreas: string;
38
+ gridTemplateColumns: string;
39
+ gridTemplateRows: string;
40
+ };
41
+ dismiss: {
42
+ gridArea: string;
43
+ marginLeft: string;
44
+ marginBottom: string;
45
+ border: string;
46
+ height: string;
47
+ width: string;
48
+ hovered: {
49
+ background: string;
50
+ border: string;
51
+ };
52
+ };
53
+ title: {
54
+ gridArea: string;
55
+ marginBottom: string;
56
+ };
57
+ children: {
58
+ gridArea: string;
59
+ marginBottom: string;
60
+ };
61
+ ctas: {
62
+ gridArea: string;
63
+ display: string;
64
+ flexDirection: string;
65
+ gap: string;
66
+ justifyContent: string;
67
+ md: {
68
+ flexDirection: string;
69
+ };
70
+ };
71
+ };
72
+ };
73
+ type ComponentModal = typeof componentModal;
74
+ //#endregion
75
+ export { ComponentModal, componentModal };
package/dist/styleD/build/typescript/component/modal.js ADDED
@@ -0,0 +1,72 @@
1
+ //#region src/styleD/build/typescript/component/modal.ts
2
+ /**
3
+ * Do not edit directly, this file was auto-generated.
4
+ */
5
+ const componentModal = {
6
+ overlay: {
7
+ position: "absolute",
8
+ top: 0,
9
+ left: 0,
10
+ width: "100%",
11
+ height: "100%",
12
+ backgroundColor: "#00000066",
13
+ overflow: "clip",
14
+ zIndex: 100
15
+ },
16
+ modal: {
17
+ position: "sticky",
18
+ maxHeight: "90%",
19
+ top: "50%",
20
+ marginLeft: "50svw",
21
+ translate: "-50% -50%",
22
+ boxShadow: "0 2px 6px 0 rgba(0, 0, 0, 0.30)",
23
+ borderRadius: "0.5rem",
24
+ width: "max-content",
25
+ maxWidth: "min(484px, 90svw)",
26
+ backgroundColor: "#ffffff",
27
+ padding: {
28
+ top: "1rem",
29
+ bottom: "2rem",
30
+ left: "2rem",
31
+ right: "2rem"
32
+ }
33
+ },
34
+ dialog: {
35
+ container: {
36
+ display: "grid",
37
+ gridTemplateAreas: "'dismiss' 'title' 'children' 'ctas'",
38
+ gridTemplateColumns: "1fr",
39
+ gridTemplateRows: "auto auto 1fr auto"
40
+ },
41
+ dismiss: {
42
+ gridArea: "dismiss",
43
+ marginLeft: "auto",
44
+ marginBottom: "1rem",
45
+ border: "none",
46
+ height: "1rem",
47
+ width: "1rem",
48
+ hovered: {
49
+ background: "none",
50
+ border: "none"
51
+ }
52
+ },
53
+ title: {
54
+ gridArea: "title",
55
+ marginBottom: "1rem"
56
+ },
57
+ children: {
58
+ gridArea: "children",
59
+ marginBottom: "2.5rem"
60
+ },
61
+ ctas: {
62
+ gridArea: "ctas",
63
+ display: "flex",
64
+ flexDirection: "column",
65
+ gap: "1rem",
66
+ justifyContent: "flex-end",
67
+ md: { flexDirection: "row" }
68
+ }
69
+ }
70
+ };
71
+ //#endregion
72
+ export { componentModal };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@guardian/stand",
3
- "version": "0.0.51",
3
+ "version": "0.0.53",
4
4
  "repository": {
5
5
  "url": "https://github.com/guardian/stand"
6
6
  },
@@ -297,6 +297,16 @@
297
297
  "default": "./dist/Layout.cjs"
298
298
  }
299
299
  },
300
+ "./Modal": {
301
+ "import": {
302
+ "types": "./dist/Modal.d.ts",
303
+ "default": "./dist/Modal.js"
304
+ },
305
+ "require": {
306
+ "types": "./dist/Modal.d.cts",
307
+ "default": "./dist/Modal.cjs"
308
+ }
309
+ },
300
310
  "./utils": {
301
311
  "import": {
302
312
  "types": "./dist/utils.d.ts",
@@ -348,7 +358,8 @@
348
358
  "./component/intendedAudienceSignifier.css": "./dist/styleD/build/css/component/intendedAudienceSignifier.css",
349
359
  "./component/link.css": "./dist/styleD/build/css/component/link.css",
350
360
  "./component/grid.css": "./dist/styleD/build/css/component/grid.css",
351
- "./component/layout.css": "./dist/styleD/build/css/component/layout.css"
361
+ "./component/layout.css": "./dist/styleD/build/css/component/layout.css",
362
+ "./component/modal.css": "./dist/styleD/build/css/component/modal.css"
352
363
  },
353
364
  "main": "./dist/index.cjs",
354
365
  "module": "./dist/index.js",
@@ -441,6 +452,9 @@
441
452
  ],
442
453
  "Layout": [
443
454
  "./dist/Layout.d.ts"
455
+ ],
456
+ "Modal": [
457
+ "./dist/Modal.d.ts"
444
458
  ]
445
459
  }
446
460
  },