@guardian/stand 0.0.7 → 0.0.9

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 (73) hide show
  1. package/README.md +243 -32
  2. package/dist/byline.cjs +9 -0
  3. package/dist/byline.js +2 -0
  4. package/dist/components/byline/styles.cjs +5 -5
  5. package/dist/components/byline/styles.js +1 -1
  6. package/dist/components/tag-picker/styles.cjs +11 -11
  7. package/dist/components/tag-picker/styles.js +1 -1
  8. package/dist/fonts/OpenSans.css +327 -0
  9. package/dist/index.cjs +14 -9
  10. package/dist/index.js +7 -4
  11. package/dist/styleD/build/css/{css/base → base}/colors.css +3 -3
  12. package/dist/styleD/build/css/base/radius.css +12 -0
  13. package/dist/styleD/build/css/base/sizing.css +24 -0
  14. package/dist/styleD/build/css/base/spacing.css +40 -0
  15. package/dist/styleD/build/css/{css/base → base}/typography.css +17 -1
  16. package/dist/styleD/build/css/semantic/colors.css +65 -0
  17. package/dist/styleD/build/css/semantic/sizing.css +15 -0
  18. package/dist/styleD/build/css/semantic/typography.css +151 -0
  19. package/dist/styleD/build/typescript/base/colors.cjs +3 -3
  20. package/dist/styleD/build/typescript/base/colors.js +3 -3
  21. package/dist/styleD/build/typescript/base/radius.cjs +12 -0
  22. package/dist/styleD/build/typescript/base/radius.js +10 -0
  23. package/dist/styleD/build/typescript/base/sizing.cjs +24 -0
  24. package/dist/styleD/build/typescript/base/sizing.js +22 -0
  25. package/dist/styleD/build/typescript/base/spacing.cjs +40 -0
  26. package/dist/styleD/build/typescript/base/spacing.js +38 -0
  27. package/dist/styleD/build/typescript/base/typography.cjs +22 -6
  28. package/dist/styleD/build/typescript/base/typography.js +22 -6
  29. package/dist/styleD/build/typescript/semantic/colors.cjs +53 -13
  30. package/dist/styleD/build/typescript/semantic/colors.js +53 -13
  31. package/dist/styleD/build/typescript/semantic/sizing.cjs +21 -0
  32. package/dist/styleD/build/typescript/semantic/sizing.js +19 -0
  33. package/dist/styleD/build/typescript/semantic/typography.cjs +86 -342
  34. package/dist/styleD/build/typescript/semantic/typography.js +86 -342
  35. package/dist/styleD/utils/semantic/typography.cjs +2 -10
  36. package/dist/styleD/utils/semantic/typography.js +2 -10
  37. package/dist/tag-picker.cjs +13 -0
  38. package/dist/tag-picker.js +4 -0
  39. package/dist/types/byline.d.ts +25 -0
  40. package/dist/types/components/byline/Byline.d.ts +1 -1
  41. package/dist/types/components/byline/styles.d.ts +1 -1
  42. package/dist/types/components/byline/theme.d.ts +1 -1
  43. package/dist/types/components/tag-picker/TagAutocomplete.d.ts +1 -1
  44. package/dist/types/components/tag-picker/TagTable.d.ts +1 -1
  45. package/dist/types/components/tag-picker/styles.d.ts +1 -1
  46. package/dist/types/index.d.ts +19 -10
  47. package/dist/types/styleD/build/typescript/base/colors.d.ts +3 -3
  48. package/dist/types/styleD/build/typescript/base/radius.d.ts +12 -0
  49. package/dist/types/styleD/build/typescript/base/sizing.d.ts +24 -0
  50. package/dist/types/styleD/build/typescript/base/spacing.d.ts +40 -0
  51. package/dist/types/styleD/build/typescript/base/typography.d.ts +19 -3
  52. package/dist/types/styleD/build/typescript/semantic/colors.d.ts +49 -9
  53. package/dist/types/styleD/build/typescript/semantic/sizing.d.ts +21 -0
  54. package/dist/types/styleD/build/typescript/semantic/typography.d.ts +48 -304
  55. package/dist/types/styleD/stories/base/Radius.d.ts +1 -0
  56. package/dist/types/styleD/stories/base/Sizing.d.ts +1 -0
  57. package/dist/types/styleD/stories/base/Spacing.d.ts +1 -0
  58. package/dist/types/styleD/stories/semantic/Sizing.d.ts +1 -0
  59. package/dist/types/styleD/utils/semantic/typography.d.ts +1 -8
  60. package/dist/types/tag-picker.d.ts +21 -0
  61. package/dist/types/util/mergeDeep.d.ts +1 -0
  62. package/dist/types/{components/util.d.ts → util/types.d.ts} +3 -1
  63. package/dist/types/utils.d.ts +6 -0
  64. package/dist/utils.cjs +8 -0
  65. package/dist/utils.js +1 -0
  66. package/package.json +59 -7
  67. package/dist/styleD/build/css/css/semantic/colors.css +0 -27
  68. package/dist/styleD/build/css/css/semantic/typography.css +0 -138
  69. /package/dist/styleD/build/css/{css/component → component}/byline.css +0 -0
  70. /package/dist/styleD/build/css/{css/component → component}/tagAutocomplete.css +0 -0
  71. /package/dist/styleD/build/css/{css/component → component}/tagTable.css +0 -0
  72. /package/dist/{components/util.cjs → util/mergeDeep.cjs} +0 -0
  73. /package/dist/{components/util.js → util/mergeDeep.js} +0 -0
package/package.json CHANGED
@@ -1,21 +1,56 @@
1
1
  {
2
2
  "name": "@guardian/stand",
3
- "version": "0.0.7",
3
+ "version": "0.0.9",
4
4
  "type": "module",
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.",
5
6
  "exports": {
6
7
  ".": {
7
8
  "types": "./dist/types/index.d.ts",
8
9
  "import": "./dist/index.js",
9
10
  "require": "./dist/index.cjs"
10
11
  },
12
+ "./byline": {
13
+ "types": "./dist/types/byline.d.ts",
14
+ "import": "./dist/byline.js",
15
+ "require": "./dist/byline.cjs"
16
+ },
17
+ "./tag-picker": {
18
+ "types": "./dist/types/tag-picker.d.ts",
19
+ "import": "./dist/tag-picker.js",
20
+ "require": "./dist/tag-picker.cjs"
21
+ },
22
+ "./utils": {
23
+ "types": "./dist/types/utils.d.ts",
24
+ "import": "./dist/utils.js",
25
+ "require": "./dist/utils.cjs"
26
+ },
27
+ "./fonts/OpenSans.css": "./dist/fonts/OpenSans.css",
11
28
  "./base/colors.css": "./dist/styleD/build/css/base/colors.css",
12
29
  "./base/typography.css": "./dist/styleD/build/css/base/typography.css",
30
+ "./base/spacing.css": "./dist/styleD/build/css/base/spacing.css",
31
+ "./base/sizing.css": "./dist/styleD/build/css/base/sizing.css",
32
+ "./base/radius.css": "./dist/styleD/build/css/base/radius.css",
13
33
  "./semantic/colors.css": "./dist/styleD/build/css/semantic/colors.css",
14
34
  "./semantic/typography.css": "./dist/styleD/build/css/semantic/typography.css",
35
+ "./semantic/sizing.css": "./dist/styleD/build/css/semantic/sizing.css",
15
36
  "./component/byline.css": "./dist/styleD/build/css/component/byline.css",
16
37
  "./component/tagAutocomplete.css": "./dist/styleD/build/css/component/tagAutocomplete.css",
17
38
  "./component/tagTable.css": "./dist/styleD/build/css/component/tagTable.css"
18
39
  },
40
+ "//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.",
41
+ "typesVersions": {
42
+ "*": {
43
+ "byline": [
44
+ "./dist/types/byline.d.ts"
45
+ ],
46
+ "tag-picker": [
47
+ "./dist/types/tag-picker.d.ts"
48
+ ],
49
+ "utils": [
50
+ "./dist/types/utils.d.ts"
51
+ ]
52
+ }
53
+ },
19
54
  "files": [
20
55
  "dist"
21
56
  ],
@@ -24,13 +59,15 @@
24
59
  "directory": "stand-component-library"
25
60
  },
26
61
  "main": "./dist/index.cjs",
62
+ "module": "./dist/index.js",
27
63
  "types": "./dist/types/index.d.ts",
64
+ "sideEffects": false,
28
65
  "devDependencies": {
29
66
  "@changesets/cli": "^2.29.8",
30
67
  "@emotion/react": "11.11.4",
31
- "@figma/rest-api-spec": "^0.34.0",
32
- "@guardian/eslint-config": "13.0.1",
33
- "@guardian/prettier": "9.0.0",
68
+ "@figma/rest-api-spec": "^0.35.0",
69
+ "@guardian/eslint-config": "13.0.2",
70
+ "@guardian/prettier": "10.0.0",
34
71
  "@guardian/prosemirror-invisibles": "3.1.1",
35
72
  "@guardian/tsconfig": "1.0.1",
36
73
  "@playwright/experimental-ct-react17": "^1.57.0",
@@ -51,7 +88,7 @@
51
88
  "eslint-plugin-storybook": "^10.1.11",
52
89
  "jest": "30.2.0",
53
90
  "jest-environment-jsdom": "^30.1.2",
54
- "prettier": "3.7.4",
91
+ "prettier": "3.8.0",
55
92
  "prosemirror-dropcursor": "1.8.2",
56
93
  "prosemirror-history": "1.4.1",
57
94
  "prosemirror-keymap": "1.2.2",
@@ -62,12 +99,12 @@
62
99
  "react-aria-components": "1.13.0",
63
100
  "react-dom": "17.0.2",
64
101
  "rimraf": "6.1.2",
65
- "rollup": "4.54.0",
102
+ "rollup": "4.55.3",
66
103
  "rollup-plugin-copy": "^3.5.0",
67
104
  "rollup-plugin-esbuild": "6.2.1",
68
105
  "rollup-plugin-node-externals": "8.1.2",
69
106
  "storybook": "^10.1.11",
70
- "style-dictionary": "^5.1.1",
107
+ "style-dictionary": "^5.1.4",
71
108
  "ts-jest": "29.4.6",
72
109
  "tslib": "2.8.1",
73
110
  "typescript": "5.1.3"
@@ -87,6 +124,9 @@
87
124
  "typescript": ">=5.0.0 <=5.9.3"
88
125
  },
89
126
  "peerDependenciesMeta": {
127
+ "@emotion/react": {
128
+ "optional": true
129
+ },
90
130
  "@guardian/prosemirror-invisibles": {
91
131
  "optional": true
92
132
  },
@@ -107,6 +147,18 @@
107
147
  },
108
148
  "prosemirror-view": {
109
149
  "optional": true
150
+ },
151
+ "react": {
152
+ "optional": true
153
+ },
154
+ "react-aria-components": {
155
+ "optional": true
156
+ },
157
+ "react-dom": {
158
+ "optional": true
159
+ },
160
+ "typescript": {
161
+ "optional": true
110
162
  }
111
163
  },
112
164
  "scripts": {
@@ -1,27 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
-
5
- :root {
6
- --semantic-colors-text-primary: #000000;
7
- --semantic-colors-text-secondary: #333333;
8
- --semantic-colors-text-tertiary: #666666;
9
- --semantic-colors-text-inverse-default: #dcdcdc;
10
- --semantic-colors-text-inverse-secondary: #cccccc;
11
- --semantic-colors-text-inverse-tertiary: #aeaeae;
12
- --semantic-colors-text-inverse-strong: #ffffff;
13
- --semantic-colors-text-warning: #8c2113;
14
- --semantic-colors-text-success: #326528;
15
- --semantic-colors-surface-light-1: #f6f6f6;
16
- --semantic-colors-surface-light-2: #ededed;
17
- --semantic-colors-surface-dark-1: #333333;
18
- --semantic-colors-border-subtle: #cccccc;
19
- --semantic-colors-border-default: #8d8d8d;
20
- --semantic-colors-border-strong: #545454;
21
- --semantic-colors-border-inverse-strong: #ffffff;
22
- --semantic-colors-bg-default-on-dark: #121212;
23
- --semantic-colors-bg-default-on-light: #ffffff;
24
- --semantic-colors-status-status-draft: #f1c21b;
25
- --semantic-colors-status-status-live: #4e9e3e;
26
- --semantic-colors-status-status-selected: #0072a9;
27
- }
@@ -1,138 +0,0 @@
1
- /**
2
- * Do not edit directly, this file was auto-generated.
3
- */
4
-
5
- :root {
6
- --semantic-typography-title-sm-font: normal 700 18px/1.15
7
- 'GH Guardian Headline';
8
- --semantic-typography-title-sm-letter-spacing: 0px;
9
- --semantic-typography-title-sm-font-width: 100;
10
- --semantic-typography-title-md-font: normal 700 20px/1.15
11
- 'GH Guardian Headline';
12
- --semantic-typography-title-md-letter-spacing: 0px;
13
- --semantic-typography-title-md-font-width: 100;
14
- --semantic-typography-title-lg-font: normal 700 24px/1.15
15
- 'GH Guardian Headline';
16
- --semantic-typography-title-lg-letter-spacing: 0px;
17
- --semantic-typography-title-lg-font-width: 100;
18
- --semantic-typography-title-xl-font: normal 700 32px/1.15
19
- 'GH Guardian Headline';
20
- --semantic-typography-title-xl-letter-spacing: 0px;
21
- --semantic-typography-title-xl-font-width: 100;
22
- --semantic-typography-heading-xs-font: normal 700 12px/1.15 'Open Sans';
23
- --semantic-typography-heading-xs-letter-spacing: 0px;
24
- --semantic-typography-heading-xs-font-width: 95;
25
- --semantic-typography-heading-sm-font: normal 700 14px/1.15 'Open Sans';
26
- --semantic-typography-heading-sm-letter-spacing: -0.2px;
27
- --semantic-typography-heading-sm-font-width: 95;
28
- --semantic-typography-heading-md-font: normal 700 16px/1.15 'Open Sans';
29
- --semantic-typography-heading-md-letter-spacing: -0.5px;
30
- --semantic-typography-heading-md-font-width: 95;
31
- --semantic-typography-heading-lg-font: normal 700 18px/1.15 'Open Sans';
32
- --semantic-typography-heading-lg-letter-spacing: -0.5px;
33
- --semantic-typography-heading-lg-font-width: 95;
34
- --semantic-typography-heading-xl-font: normal 700 20px/1.15 'Open Sans';
35
- --semantic-typography-heading-xl-letter-spacing: -0.5px;
36
- --semantic-typography-heading-xl-font-width: 95;
37
- --semantic-typography-heading-2xl-font: normal 700 24px/1.15 'Open Sans';
38
- --semantic-typography-heading-2xl-letter-spacing: -1px;
39
- --semantic-typography-heading-2xl-font-width: 95;
40
- --semantic-typography-heading-compact-xs-font: normal 700 12px/1.15
41
- 'Open Sans';
42
- --semantic-typography-heading-compact-xs-letter-spacing: 0px;
43
- --semantic-typography-heading-compact-xs-font-width: 88;
44
- --semantic-typography-heading-compact-sm-font: normal 700 14px/1.15
45
- 'Open Sans';
46
- --semantic-typography-heading-compact-sm-letter-spacing: 0px;
47
- --semantic-typography-heading-compact-sm-font-width: 88;
48
- --semantic-typography-heading-compact-md-font: normal 700 16px/1.15
49
- 'Open Sans';
50
- --semantic-typography-heading-compact-md-letter-spacing: -0.2px;
51
- --semantic-typography-heading-compact-md-font-width: 88;
52
- --semantic-typography-heading-compact-lg-font: normal 700 18px/1.15
53
- 'Open Sans';
54
- --semantic-typography-heading-compact-lg-letter-spacing: -0.2px;
55
- --semantic-typography-heading-compact-lg-font-width: 88;
56
- --semantic-typography-heading-compact-xl-font: normal 700 20px/1.15
57
- 'Open Sans';
58
- --semantic-typography-heading-compact-xl-letter-spacing: -0.5px;
59
- --semantic-typography-heading-compact-xl-font-width: 88;
60
- --semantic-typography-heading-compact-2xl-font: normal 700 24px/1.15
61
- 'Open Sans';
62
- --semantic-typography-heading-compact-2xl-letter-spacing: -0.5px;
63
- --semantic-typography-heading-compact-2xl-font-width: 88;
64
- --semantic-typography-body-sm-font: normal 460 14px/1.3 'Open Sans';
65
- --semantic-typography-body-sm-letter-spacing: 0px;
66
- --semantic-typography-body-sm-font-width: 95;
67
- --semantic-typography-body-md-font: normal 460 16px/1.3 'Open Sans';
68
- --semantic-typography-body-md-letter-spacing: 0px;
69
- --semantic-typography-body-md-font-width: 95;
70
- --semantic-typography-body-lg-font: normal 460 18px/1.3 'Open Sans';
71
- --semantic-typography-body-lg-letter-spacing: 0px;
72
- --semantic-typography-body-lg-font-width: 95;
73
- --semantic-typography-body-xl-font: normal 460 20px/1.3 'Open Sans';
74
- --semantic-typography-body-xl-letter-spacing: 0px;
75
- --semantic-typography-body-xl-font-width: 95;
76
- --semantic-typography-body-italic-sm-font: italic 460 14px/1.3 'Open Sans';
77
- --semantic-typography-body-italic-sm-letter-spacing: 0px;
78
- --semantic-typography-body-italic-sm-font-width: 95;
79
- --semantic-typography-body-italic-md-font: italic 460 16px/1.3 'Open Sans';
80
- --semantic-typography-body-italic-md-letter-spacing: 0px;
81
- --semantic-typography-body-italic-md-font-width: 95;
82
- --semantic-typography-body-italic-lg-font: italic 460 18px/1.3 'Open Sans';
83
- --semantic-typography-body-italic-lg-letter-spacing: 0px;
84
- --semantic-typography-body-italic-lg-font-width: 95;
85
- --semantic-typography-body-italic-xl-font: italic 460 20px/1.3 'Open Sans';
86
- --semantic-typography-body-italic-xl-letter-spacing: 0px;
87
- --semantic-typography-body-italic-xl-font-width: 95;
88
- --semantic-typography-body-compact-sm-font: normal 460 14px/1.3 'Open Sans';
89
- --semantic-typography-body-compact-sm-letter-spacing: 0px;
90
- --semantic-typography-body-compact-sm-font-width: 88;
91
- --semantic-typography-body-compact-md-font: normal 460 16px/1.3 'Open Sans';
92
- --semantic-typography-body-compact-md-letter-spacing: 0px;
93
- --semantic-typography-body-compact-md-font-width: 88;
94
- --semantic-typography-body-compact-lg-font: normal 460 18px/1.3 'Open Sans';
95
- --semantic-typography-body-compact-lg-letter-spacing: 0px;
96
- --semantic-typography-body-compact-lg-font-width: 88;
97
- --semantic-typography-body-compact-xl-font: normal 460 20px/1.3 'Open Sans';
98
- --semantic-typography-body-compact-xl-letter-spacing: 0px;
99
- --semantic-typography-body-compact-xl-font-width: 88;
100
- --semantic-typography-body-compact-italic-sm-font: italic 460 14px/1.3
101
- 'Open Sans';
102
- --semantic-typography-body-compact-italic-sm-letter-spacing: 0px;
103
- --semantic-typography-body-compact-italic-sm-font-width: 88;
104
- --semantic-typography-body-compact-italic-md-font: italic 460 16px/1.3
105
- 'Open Sans';
106
- --semantic-typography-body-compact-italic-md-letter-spacing: 0px;
107
- --semantic-typography-body-compact-italic-md-font-width: 88;
108
- --semantic-typography-body-compact-italic-lg-font: italic 460 18px/1.3
109
- 'Open Sans';
110
- --semantic-typography-body-compact-italic-lg-letter-spacing: 0px;
111
- --semantic-typography-body-compact-italic-lg-font-width: 88;
112
- --semantic-typography-body-compact-italic-xl-font: italic 460 20px/1.3
113
- 'Open Sans';
114
- --semantic-typography-body-compact-italic-xl-letter-spacing: 0px;
115
- --semantic-typography-body-compact-italic-xl-font-width: 88;
116
- --semantic-typography-meta-md-font: normal 460 12px/1.3 'Open Sans';
117
- --semantic-typography-meta-md-letter-spacing: 0px;
118
- --semantic-typography-meta-md-font-width: 95;
119
- --semantic-typography-meta-compact-md-font: normal 460 12px/1.3 'Open Sans';
120
- --semantic-typography-meta-compact-md-letter-spacing: 0px;
121
- --semantic-typography-meta-compact-md-font-width: 88;
122
- --semantic-typography-article-body-md-font: normal 400 16px/1.4
123
- GuardianTextEgyptian;
124
- --semantic-typography-article-body-md-letter-spacing: 0px;
125
- --semantic-typography-article-body-md-font-width: 100;
126
- --semantic-typography-article-body-bold-md-font: normal 700 16px/1.4
127
- GuardianTextEgyptian;
128
- --semantic-typography-article-body-bold-md-letter-spacing: 0px;
129
- --semantic-typography-article-body-bold-md-font-width: 100;
130
- --semantic-typography-article-body-italic-md-font: italic 400 16px/1.4
131
- GuardianTextEgyptian;
132
- --semantic-typography-article-body-italic-md-letter-spacing: 0px;
133
- --semantic-typography-article-body-italic-md-font-width: 100;
134
- --semantic-typography-article-body-bold-italic-md-font: italic 700 16px/1.4
135
- GuardianTextEgyptian;
136
- --semantic-typography-article-body-bold-italic-md-letter-spacing: 0px;
137
- --semantic-typography-article-body-bold-italic-md-font-width: 100;
138
- }
File without changes