@guardian/stand 0.0.20 → 0.0.22

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 (45) hide show
  1. package/dist/components/menu/Menu.cjs +1 -7
  2. package/dist/components/menu/Menu.js +1 -9
  3. package/dist/components/menu/styles.cjs +25 -11
  4. package/dist/components/menu/styles.js +25 -11
  5. package/dist/components/text-input/TextInput.cjs +28 -0
  6. package/dist/components/text-input/TextInput.js +12 -0
  7. package/dist/components/text-input/styles.cjs +35 -0
  8. package/dist/components/text-input/styles.js +32 -0
  9. package/dist/components/topbar/topBarToolName/TopBarToolName.cjs +21 -2
  10. package/dist/components/topbar/topBarToolName/TopBarToolName.js +11 -3
  11. package/dist/components/topbar/topBarToolName/styles.cjs +39 -0
  12. package/dist/components/topbar/topBarToolName/styles.js +38 -1
  13. package/dist/index.cjs +2 -0
  14. package/dist/index.js +1 -0
  15. package/dist/styleD/build/css/component/TopBar.css +22 -0
  16. package/dist/styleD/build/css/component/menu.css +2 -0
  17. package/dist/styleD/build/css/component/textInput.css +29 -0
  18. package/dist/styleD/build/css/semantic/typography.css +88 -0
  19. package/dist/styleD/build/typescript/component/TopBar.cjs +32 -0
  20. package/dist/styleD/build/typescript/component/TopBar.js +32 -0
  21. package/dist/styleD/build/typescript/component/menu.cjs +5 -1
  22. package/dist/styleD/build/typescript/component/menu.js +5 -1
  23. package/dist/styleD/build/typescript/component/textInput.cjs +45 -0
  24. package/dist/styleD/build/typescript/component/textInput.js +43 -0
  25. package/dist/styleD/build/typescript/semantic/typography.cjs +120 -0
  26. package/dist/styleD/build/typescript/semantic/typography.js +120 -0
  27. package/dist/text-input.cjs +9 -0
  28. package/dist/text-input.js +2 -0
  29. package/dist/types/TopBar.d.ts +1 -0
  30. package/dist/types/components/menu/styles.d.ts +1 -1
  31. package/dist/types/components/text-input/TextInput.d.ts +2 -0
  32. package/dist/types/components/text-input/sandbox.d.ts +5 -0
  33. package/dist/types/components/text-input/styles.d.ts +7 -0
  34. package/dist/types/components/text-input/types.d.ts +4 -0
  35. package/dist/types/components/topbar/topBarToolName/TopBarToolName.d.ts +1 -1
  36. package/dist/types/components/topbar/topBarToolName/styles.d.ts +2 -0
  37. package/dist/types/components/topbar/topBarToolName/types.d.ts +7 -1
  38. package/dist/types/index.d.ts +2 -0
  39. package/dist/types/menu.d.ts +0 -1
  40. package/dist/types/styleD/build/typescript/component/TopBar.d.ts +32 -0
  41. package/dist/types/styleD/build/typescript/component/menu.d.ts +4 -0
  42. package/dist/types/styleD/build/typescript/component/textInput.d.ts +45 -0
  43. package/dist/types/styleD/build/typescript/semantic/typography.d.ts +120 -0
  44. package/dist/types/text-input.d.ts +20 -0
  45. package/package.json +11 -7
package/dist/styleD/build/css/semantic/typography.css CHANGED
@@ -61,6 +61,9 @@
61
61
  'Open Sans';
62
62
  --semantic-typography-heading-compact-2xl-letter-spacing: -0.03125rem;
63
63
  --semantic-typography-heading-compact-2xl-font-width: 88;
64
+ --semantic-typography-body-xs-font: normal 460 0.75rem/1.3 'Open Sans';
65
+ --semantic-typography-body-xs-letter-spacing: 0;
66
+ --semantic-typography-body-xs-font-width: 95;
64
67
  --semantic-typography-body-sm-font: normal 460 0.875rem/1.3 'Open Sans';
65
68
  --semantic-typography-body-sm-letter-spacing: 0;
66
69
  --semantic-typography-body-sm-font-width: 95;
@@ -73,6 +76,24 @@
73
76
  --semantic-typography-body-xl-font: normal 460 1.25rem/1.3 'Open Sans';
74
77
  --semantic-typography-body-xl-letter-spacing: 0;
75
78
  --semantic-typography-body-xl-font-width: 95;
79
+ --semantic-typography-body-bold-xs-font: normal 700 0.75rem/1.3 'Open Sans';
80
+ --semantic-typography-body-bold-xs-letter-spacing: 0;
81
+ --semantic-typography-body-bold-xs-font-width: 95;
82
+ --semantic-typography-body-bold-sm-font: normal 700 0.875rem/1.3 'Open Sans';
83
+ --semantic-typography-body-bold-sm-letter-spacing: 0;
84
+ --semantic-typography-body-bold-sm-font-width: 95;
85
+ --semantic-typography-body-bold-md-font: normal 700 1rem/1.3 'Open Sans';
86
+ --semantic-typography-body-bold-md-letter-spacing: 0;
87
+ --semantic-typography-body-bold-md-font-width: 95;
88
+ --semantic-typography-body-bold-lg-font: normal 700 1.125rem/1.3 'Open Sans';
89
+ --semantic-typography-body-bold-lg-letter-spacing: 0;
90
+ --semantic-typography-body-bold-lg-font-width: 95;
91
+ --semantic-typography-body-bold-xl-font: normal 700 1.25rem/1.3 'Open Sans';
92
+ --semantic-typography-body-bold-xl-letter-spacing: 0;
93
+ --semantic-typography-body-bold-xl-font-width: 95;
94
+ --semantic-typography-body-italic-xs-font: italic 460 0.75rem/1.3 'Open Sans';
95
+ --semantic-typography-body-italic-xs-letter-spacing: 0;
96
+ --semantic-typography-body-italic-xs-font-width: 95;
76
97
  --semantic-typography-body-italic-sm-font: italic 460 0.875rem/1.3 'Open Sans';
77
98
  --semantic-typography-body-italic-sm-letter-spacing: 0;
78
99
  --semantic-typography-body-italic-sm-font-width: 95;
@@ -85,6 +106,29 @@
85
106
  --semantic-typography-body-italic-xl-font: italic 460 1.25rem/1.3 'Open Sans';
86
107
  --semantic-typography-body-italic-xl-letter-spacing: 0;
87
108
  --semantic-typography-body-italic-xl-font-width: 95;
109
+ --semantic-typography-body-italic-bold-xs-font: italic 700 0.75rem/1.3
110
+ 'Open Sans';
111
+ --semantic-typography-body-italic-bold-xs-letter-spacing: 0;
112
+ --semantic-typography-body-italic-bold-xs-font-width: 95;
113
+ --semantic-typography-body-italic-bold-sm-font: italic 700 0.875rem/1.3
114
+ 'Open Sans';
115
+ --semantic-typography-body-italic-bold-sm-letter-spacing: 0;
116
+ --semantic-typography-body-italic-bold-sm-font-width: 95;
117
+ --semantic-typography-body-italic-bold-md-font: italic 700 1rem/1.3
118
+ 'Open Sans';
119
+ --semantic-typography-body-italic-bold-md-letter-spacing: 0;
120
+ --semantic-typography-body-italic-bold-md-font-width: 95;
121
+ --semantic-typography-body-italic-bold-lg-font: italic 700 1.125rem/1.3
122
+ 'Open Sans';
123
+ --semantic-typography-body-italic-bold-lg-letter-spacing: 0;
124
+ --semantic-typography-body-italic-bold-lg-font-width: 95;
125
+ --semantic-typography-body-italic-bold-xl-font: italic 700 1.25rem/1.3
126
+ 'Open Sans';
127
+ --semantic-typography-body-italic-bold-xl-letter-spacing: 0;
128
+ --semantic-typography-body-italic-bold-xl-font-width: 95;
129
+ --semantic-typography-body-compact-xs-font: normal 460 0.75rem/1.3 'Open Sans';
130
+ --semantic-typography-body-compact-xs-letter-spacing: 0;
131
+ --semantic-typography-body-compact-xs-font-width: 88;
88
132
  --semantic-typography-body-compact-sm-font: normal 460 0.875rem/1.3
89
133
  'Open Sans';
90
134
  --semantic-typography-body-compact-sm-letter-spacing: 0;
@@ -99,6 +143,30 @@
99
143
  --semantic-typography-body-compact-xl-font: normal 460 1.25rem/1.3 'Open Sans';
100
144
  --semantic-typography-body-compact-xl-letter-spacing: 0;
101
145
  --semantic-typography-body-compact-xl-font-width: 88;
146
+ --semantic-typography-body-compact-bold-xs-font: normal 700 0.75rem/1.3
147
+ 'Open Sans';
148
+ --semantic-typography-body-compact-bold-xs-letter-spacing: 0;
149
+ --semantic-typography-body-compact-bold-xs-font-width: 88;
150
+ --semantic-typography-body-compact-bold-sm-font: normal 700 0.875rem/1.3
151
+ 'Open Sans';
152
+ --semantic-typography-body-compact-bold-sm-letter-spacing: 0;
153
+ --semantic-typography-body-compact-bold-sm-font-width: 88;
154
+ --semantic-typography-body-compact-bold-md-font: normal 700 1rem/1.3
155
+ 'Open Sans';
156
+ --semantic-typography-body-compact-bold-md-letter-spacing: 0;
157
+ --semantic-typography-body-compact-bold-md-font-width: 88;
158
+ --semantic-typography-body-compact-bold-lg-font: normal 700 1.125rem/1.3
159
+ 'Open Sans';
160
+ --semantic-typography-body-compact-bold-lg-letter-spacing: 0;
161
+ --semantic-typography-body-compact-bold-lg-font-width: 88;
162
+ --semantic-typography-body-compact-bold-xl-font: normal 700 1.25rem/1.3
163
+ 'Open Sans';
164
+ --semantic-typography-body-compact-bold-xl-letter-spacing: 0;
165
+ --semantic-typography-body-compact-bold-xl-font-width: 88;
166
+ --semantic-typography-body-compact-italic-xs-font: italic 460 0.75rem/1.3
167
+ 'Open Sans';
168
+ --semantic-typography-body-compact-italic-xs-letter-spacing: 0;
169
+ --semantic-typography-body-compact-italic-xs-font-width: 88;
102
170
  --semantic-typography-body-compact-italic-sm-font: italic 460 0.875rem/1.3
103
171
  'Open Sans';
104
172
  --semantic-typography-body-compact-italic-sm-letter-spacing: 0;
@@ -115,6 +183,26 @@
115
183
  'Open Sans';
116
184
  --semantic-typography-body-compact-italic-xl-letter-spacing: 0;
117
185
  --semantic-typography-body-compact-italic-xl-font-width: 88;
186
+ --semantic-typography-body-compact-italic-bold-xs-font: italic 700 0.75rem/1.3
187
+ 'Open Sans';
188
+ --semantic-typography-body-compact-italic-bold-xs-letter-spacing: 0;
189
+ --semantic-typography-body-compact-italic-bold-xs-font-width: 88;
190
+ --semantic-typography-body-compact-italic-bold-sm-font: italic 700
191
+ 0.875rem/1.3 'Open Sans';
192
+ --semantic-typography-body-compact-italic-bold-sm-letter-spacing: 0;
193
+ --semantic-typography-body-compact-italic-bold-sm-font-width: 88;
194
+ --semantic-typography-body-compact-italic-bold-md-font: italic 700 1rem/1.3
195
+ 'Open Sans';
196
+ --semantic-typography-body-compact-italic-bold-md-letter-spacing: 0;
197
+ --semantic-typography-body-compact-italic-bold-md-font-width: 88;
198
+ --semantic-typography-body-compact-italic-bold-lg-font: italic 700
199
+ 1.125rem/1.3 'Open Sans';
200
+ --semantic-typography-body-compact-italic-bold-lg-letter-spacing: 0;
201
+ --semantic-typography-body-compact-italic-bold-lg-font-width: 88;
202
+ --semantic-typography-body-compact-italic-bold-xl-font: italic 700 1.25rem/1.3
203
+ 'Open Sans';
204
+ --semantic-typography-body-compact-italic-bold-xl-letter-spacing: 0;
205
+ --semantic-typography-body-compact-italic-bold-xl-font-width: 88;
118
206
  --semantic-typography-meta-md-font: normal 460 0.75rem/1.3 'Open Sans';
119
207
  --semantic-typography-meta-md-letter-spacing: 0;
120
208
  --semantic-typography-meta-md-font-width: 95;
package/dist/styleD/build/typescript/component/TopBar.cjs CHANGED
@@ -115,6 +115,38 @@ const componentTopBar = {
115
115
  letterSpacing: "-0.0125rem",
116
116
  fontWidth: 88
117
117
  }
118
+ },
119
+ link: {
120
+ textDecoration: "none",
121
+ color: "unset",
122
+ position: "relative",
123
+ width: "100%",
124
+ height: "100%"
125
+ },
126
+ hoverLink: {
127
+ color: "#ffffff",
128
+ paddingLeft: "1.25rem",
129
+ paddingRight: "1.25rem",
130
+ backgroundColor: "#092f62",
131
+ opacity: "0",
132
+ typography: {
133
+ font: "normal 700 0.875rem/1.3 Open Sans",
134
+ letterSpacing: "0rem",
135
+ fontWidth: 95
136
+ },
137
+ position: "absolute",
138
+ width: "100%",
139
+ height: "100%",
140
+ hover: {
141
+ opacity: "1"
142
+ },
143
+ pressed: {
144
+ backgroundColor: "#061d3c"
145
+ },
146
+ focused: {
147
+ outline: "0.125rem solid #0072a9",
148
+ "outline-offset": "-0.125rem"
149
+ }
118
150
  }
119
151
  }
120
152
  };
package/dist/styleD/build/typescript/component/TopBar.js CHANGED
@@ -113,6 +113,38 @@ const componentTopBar = {
113
113
  letterSpacing: "-0.0125rem",
114
114
  fontWidth: 88
115
115
  }
116
+ },
117
+ link: {
118
+ textDecoration: "none",
119
+ color: "unset",
120
+ position: "relative",
121
+ width: "100%",
122
+ height: "100%"
123
+ },
124
+ hoverLink: {
125
+ color: "#ffffff",
126
+ paddingLeft: "1.25rem",
127
+ paddingRight: "1.25rem",
128
+ backgroundColor: "#092f62",
129
+ opacity: "0",
130
+ typography: {
131
+ font: "normal 700 0.875rem/1.3 Open Sans",
132
+ letterSpacing: "0rem",
133
+ fontWidth: 95
134
+ },
135
+ position: "absolute",
136
+ width: "100%",
137
+ height: "100%",
138
+ hover: {
139
+ opacity: "1"
140
+ },
141
+ pressed: {
142
+ backgroundColor: "#061d3c"
143
+ },
144
+ focused: {
145
+ outline: "0.125rem solid #0072a9",
146
+ "outline-offset": "-0.125rem"
147
+ }
116
148
  }
117
149
  }
118
150
  };
package/dist/styleD/build/typescript/component/menu.cjs CHANGED
@@ -95,11 +95,15 @@ const componentMenu = {
95
95
  "border-bottom": "none"
96
96
  },
97
97
  ":hover": {
98
- "background-color": "#f6f6f6"
98
+ "background-color": "#f6f6f6",
99
+ outline: "none"
99
100
  },
100
101
  ":focus-visible": {
101
102
  outline: "0.125rem solid #0072a9",
102
103
  "outline-offset": "-0.125rem"
104
+ },
105
+ ":pressed": {
106
+ "background-color": "#ededed"
103
107
  }
104
108
  },
105
109
  sm: {
package/dist/styleD/build/typescript/component/menu.js CHANGED
@@ -93,11 +93,15 @@ const componentMenu = {
93
93
  "border-bottom": "none"
94
94
  },
95
95
  ":hover": {
96
- "background-color": "#f6f6f6"
96
+ "background-color": "#f6f6f6",
97
+ outline: "none"
97
98
  },
98
99
  ":focus-visible": {
99
100
  outline: "0.125rem solid #0072a9",
100
101
  "outline-offset": "-0.125rem"
102
+ },
103
+ ":pressed": {
104
+ "background-color": "#ededed"
101
105
  }
102
106
  },
103
107
  sm: {
package/dist/styleD/build/typescript/component/textInput.cjs ADDED
@@ -0,0 +1,45 @@
1
+ 'use strict';
2
+
3
+ const componentTextInput = {
4
+ shared: {
5
+ color: "#000000",
6
+ cursor: "text",
7
+ padding: {
8
+ top: "0",
9
+ right: "0.75rem",
10
+ bottom: "0",
11
+ left: "0.75rem"
12
+ },
13
+ "margin-top": "0.5rem",
14
+ "border-radius": "0.25rem",
15
+ border: "0.0625rem solid #545454",
16
+ "background-color": "#ffffff",
17
+ disabled: {
18
+ backgroundColor: "#ffffff",
19
+ cursor: "not-allowed",
20
+ color: "#999999",
21
+ border: "0.0625rem solid #dcdcdc"
22
+ },
23
+ error: {
24
+ border: "0.0625rem solid #b42a19"
25
+ }
26
+ },
27
+ sm: {
28
+ height: "2rem",
29
+ typography: {
30
+ font: "normal 460 0.875rem/1.3 Open Sans",
31
+ letterSpacing: "0rem",
32
+ fontWidth: 95
33
+ }
34
+ },
35
+ md: {
36
+ height: "2.5rem",
37
+ typography: {
38
+ font: "normal 460 1rem/1.3 Open Sans",
39
+ letterSpacing: "0rem",
40
+ fontWidth: 95
41
+ }
42
+ }
43
+ };
44
+
45
+ exports.componentTextInput = componentTextInput;
package/dist/styleD/build/typescript/component/textInput.js ADDED
@@ -0,0 +1,43 @@
1
+ const componentTextInput = {
2
+ shared: {
3
+ color: "#000000",
4
+ cursor: "text",
5
+ padding: {
6
+ top: "0",
7
+ right: "0.75rem",
8
+ bottom: "0",
9
+ left: "0.75rem"
10
+ },
11
+ "margin-top": "0.5rem",
12
+ "border-radius": "0.25rem",
13
+ border: "0.0625rem solid #545454",
14
+ "background-color": "#ffffff",
15
+ disabled: {
16
+ backgroundColor: "#ffffff",
17
+ cursor: "not-allowed",
18
+ color: "#999999",
19
+ border: "0.0625rem solid #dcdcdc"
20
+ },
21
+ error: {
22
+ border: "0.0625rem solid #b42a19"
23
+ }
24
+ },
25
+ sm: {
26
+ height: "2rem",
27
+ typography: {
28
+ font: "normal 460 0.875rem/1.3 Open Sans",
29
+ letterSpacing: "0rem",
30
+ fontWidth: 95
31
+ }
32
+ },
33
+ md: {
34
+ height: "2.5rem",
35
+ typography: {
36
+ font: "normal 460 1rem/1.3 Open Sans",
37
+ letterSpacing: "0rem",
38
+ fontWidth: 95
39
+ }
40
+ }
41
+ };
42
+
43
+ export { componentTextInput };
package/dist/styleD/build/typescript/semantic/typography.cjs CHANGED
@@ -81,6 +81,11 @@ const semanticTypography = {
81
81
  letterSpacing: "-0.03125rem",
82
82
  fontWidth: 88
83
83
  },
84
+ "body-xs": {
85
+ font: "normal 460 0.75rem/1.3 Open Sans",
86
+ letterSpacing: "0rem",
87
+ fontWidth: 95
88
+ },
84
89
  "body-sm": {
85
90
  font: "normal 460 0.875rem/1.3 Open Sans",
86
91
  letterSpacing: "0rem",
@@ -101,6 +106,36 @@ const semanticTypography = {
101
106
  letterSpacing: "0rem",
102
107
  fontWidth: 95
103
108
  },
109
+ "body-bold-xs": {
110
+ font: "normal 700 0.75rem/1.3 Open Sans",
111
+ letterSpacing: "0rem",
112
+ fontWidth: 95
113
+ },
114
+ "body-bold-sm": {
115
+ font: "normal 700 0.875rem/1.3 Open Sans",
116
+ letterSpacing: "0rem",
117
+ fontWidth: 95
118
+ },
119
+ "body-bold-md": {
120
+ font: "normal 700 1rem/1.3 Open Sans",
121
+ letterSpacing: "0rem",
122
+ fontWidth: 95
123
+ },
124
+ "body-bold-lg": {
125
+ font: "normal 700 1.125rem/1.3 Open Sans",
126
+ letterSpacing: "0rem",
127
+ fontWidth: 95
128
+ },
129
+ "body-bold-xl": {
130
+ font: "normal 700 1.25rem/1.3 Open Sans",
131
+ letterSpacing: "0rem",
132
+ fontWidth: 95
133
+ },
134
+ "body-italic-xs": {
135
+ font: "italic 460 0.75rem/1.3 Open Sans",
136
+ letterSpacing: "0rem",
137
+ fontWidth: 95
138
+ },
104
139
  "body-italic-sm": {
105
140
  font: "italic 460 0.875rem/1.3 Open Sans",
106
141
  letterSpacing: "0rem",
@@ -121,6 +156,36 @@ const semanticTypography = {
121
156
  letterSpacing: "0rem",
122
157
  fontWidth: 95
123
158
  },
159
+ "body-italic-bold-xs": {
160
+ font: "italic 700 0.75rem/1.3 Open Sans",
161
+ letterSpacing: "0rem",
162
+ fontWidth: 95
163
+ },
164
+ "body-italic-bold-sm": {
165
+ font: "italic 700 0.875rem/1.3 Open Sans",
166
+ letterSpacing: "0rem",
167
+ fontWidth: 95
168
+ },
169
+ "body-italic-bold-md": {
170
+ font: "italic 700 1rem/1.3 Open Sans",
171
+ letterSpacing: "0rem",
172
+ fontWidth: 95
173
+ },
174
+ "body-italic-bold-lg": {
175
+ font: "italic 700 1.125rem/1.3 Open Sans",
176
+ letterSpacing: "0rem",
177
+ fontWidth: 95
178
+ },
179
+ "body-italic-bold-xl": {
180
+ font: "italic 700 1.25rem/1.3 Open Sans",
181
+ letterSpacing: "0rem",
182
+ fontWidth: 95
183
+ },
184
+ "body-compact-xs": {
185
+ font: "normal 460 0.75rem/1.3 Open Sans",
186
+ letterSpacing: "0rem",
187
+ fontWidth: 88
188
+ },
124
189
  "body-compact-sm": {
125
190
  font: "normal 460 0.875rem/1.3 Open Sans",
126
191
  letterSpacing: "0rem",
@@ -141,6 +206,36 @@ const semanticTypography = {
141
206
  letterSpacing: "0rem",
142
207
  fontWidth: 88
143
208
  },
209
+ "body-compact-bold-xs": {
210
+ font: "normal 700 0.75rem/1.3 Open Sans",
211
+ letterSpacing: "0rem",
212
+ fontWidth: 88
213
+ },
214
+ "body-compact-bold-sm": {
215
+ font: "normal 700 0.875rem/1.3 Open Sans",
216
+ letterSpacing: "0rem",
217
+ fontWidth: 88
218
+ },
219
+ "body-compact-bold-md": {
220
+ font: "normal 700 1rem/1.3 Open Sans",
221
+ letterSpacing: "0rem",
222
+ fontWidth: 88
223
+ },
224
+ "body-compact-bold-lg": {
225
+ font: "normal 700 1.125rem/1.3 Open Sans",
226
+ letterSpacing: "0rem",
227
+ fontWidth: 88
228
+ },
229
+ "body-compact-bold-xl": {
230
+ font: "normal 700 1.25rem/1.3 Open Sans",
231
+ letterSpacing: "0rem",
232
+ fontWidth: 88
233
+ },
234
+ "body-compact-italic-xs": {
235
+ font: "italic 460 0.75rem/1.3 Open Sans",
236
+ letterSpacing: "0rem",
237
+ fontWidth: 88
238
+ },
144
239
  "body-compact-italic-sm": {
145
240
  font: "italic 460 0.875rem/1.3 Open Sans",
146
241
  letterSpacing: "0rem",
@@ -161,6 +256,31 @@ const semanticTypography = {
161
256
  letterSpacing: "0rem",
162
257
  fontWidth: 88
163
258
  },
259
+ "body-compact-italic-bold-xs": {
260
+ font: "italic 700 0.75rem/1.3 Open Sans",
261
+ letterSpacing: "0rem",
262
+ fontWidth: 88
263
+ },
264
+ "body-compact-italic-bold-sm": {
265
+ font: "italic 700 0.875rem/1.3 Open Sans",
266
+ letterSpacing: "0rem",
267
+ fontWidth: 88
268
+ },
269
+ "body-compact-italic-bold-md": {
270
+ font: "italic 700 1rem/1.3 Open Sans",
271
+ letterSpacing: "0rem",
272
+ fontWidth: 88
273
+ },
274
+ "body-compact-italic-bold-lg": {
275
+ font: "italic 700 1.125rem/1.3 Open Sans",
276
+ letterSpacing: "0rem",
277
+ fontWidth: 88
278
+ },
279
+ "body-compact-italic-bold-xl": {
280
+ font: "italic 700 1.25rem/1.3 Open Sans",
281
+ letterSpacing: "0rem",
282
+ fontWidth: 88
283
+ },
164
284
  "meta-md": {
165
285
  font: "normal 460 0.75rem/1.3 Open Sans",
166
286
  letterSpacing: "0rem",
package/dist/styleD/build/typescript/semantic/typography.js CHANGED
@@ -79,6 +79,11 @@ const semanticTypography = {
79
79
  letterSpacing: "-0.03125rem",
80
80
  fontWidth: 88
81
81
  },
82
+ "body-xs": {
83
+ font: "normal 460 0.75rem/1.3 Open Sans",
84
+ letterSpacing: "0rem",
85
+ fontWidth: 95
86
+ },
82
87
  "body-sm": {
83
88
  font: "normal 460 0.875rem/1.3 Open Sans",
84
89
  letterSpacing: "0rem",
@@ -99,6 +104,36 @@ const semanticTypography = {
99
104
  letterSpacing: "0rem",
100
105
  fontWidth: 95
101
106
  },
107
+ "body-bold-xs": {
108
+ font: "normal 700 0.75rem/1.3 Open Sans",
109
+ letterSpacing: "0rem",
110
+ fontWidth: 95
111
+ },
112
+ "body-bold-sm": {
113
+ font: "normal 700 0.875rem/1.3 Open Sans",
114
+ letterSpacing: "0rem",
115
+ fontWidth: 95
116
+ },
117
+ "body-bold-md": {
118
+ font: "normal 700 1rem/1.3 Open Sans",
119
+ letterSpacing: "0rem",
120
+ fontWidth: 95
121
+ },
122
+ "body-bold-lg": {
123
+ font: "normal 700 1.125rem/1.3 Open Sans",
124
+ letterSpacing: "0rem",
125
+ fontWidth: 95
126
+ },
127
+ "body-bold-xl": {
128
+ font: "normal 700 1.25rem/1.3 Open Sans",
129
+ letterSpacing: "0rem",
130
+ fontWidth: 95
131
+ },
132
+ "body-italic-xs": {
133
+ font: "italic 460 0.75rem/1.3 Open Sans",
134
+ letterSpacing: "0rem",
135
+ fontWidth: 95
136
+ },
102
137
  "body-italic-sm": {
103
138
  font: "italic 460 0.875rem/1.3 Open Sans",
104
139
  letterSpacing: "0rem",
@@ -119,6 +154,36 @@ const semanticTypography = {
119
154
  letterSpacing: "0rem",
120
155
  fontWidth: 95
121
156
  },
157
+ "body-italic-bold-xs": {
158
+ font: "italic 700 0.75rem/1.3 Open Sans",
159
+ letterSpacing: "0rem",
160
+ fontWidth: 95
161
+ },
162
+ "body-italic-bold-sm": {
163
+ font: "italic 700 0.875rem/1.3 Open Sans",
164
+ letterSpacing: "0rem",
165
+ fontWidth: 95
166
+ },
167
+ "body-italic-bold-md": {
168
+ font: "italic 700 1rem/1.3 Open Sans",
169
+ letterSpacing: "0rem",
170
+ fontWidth: 95
171
+ },
172
+ "body-italic-bold-lg": {
173
+ font: "italic 700 1.125rem/1.3 Open Sans",
174
+ letterSpacing: "0rem",
175
+ fontWidth: 95
176
+ },
177
+ "body-italic-bold-xl": {
178
+ font: "italic 700 1.25rem/1.3 Open Sans",
179
+ letterSpacing: "0rem",
180
+ fontWidth: 95
181
+ },
182
+ "body-compact-xs": {
183
+ font: "normal 460 0.75rem/1.3 Open Sans",
184
+ letterSpacing: "0rem",
185
+ fontWidth: 88
186
+ },
122
187
  "body-compact-sm": {
123
188
  font: "normal 460 0.875rem/1.3 Open Sans",
124
189
  letterSpacing: "0rem",
@@ -139,6 +204,36 @@ const semanticTypography = {
139
204
  letterSpacing: "0rem",
140
205
  fontWidth: 88
141
206
  },
207
+ "body-compact-bold-xs": {
208
+ font: "normal 700 0.75rem/1.3 Open Sans",
209
+ letterSpacing: "0rem",
210
+ fontWidth: 88
211
+ },
212
+ "body-compact-bold-sm": {
213
+ font: "normal 700 0.875rem/1.3 Open Sans",
214
+ letterSpacing: "0rem",
215
+ fontWidth: 88
216
+ },
217
+ "body-compact-bold-md": {
218
+ font: "normal 700 1rem/1.3 Open Sans",
219
+ letterSpacing: "0rem",
220
+ fontWidth: 88
221
+ },
222
+ "body-compact-bold-lg": {
223
+ font: "normal 700 1.125rem/1.3 Open Sans",
224
+ letterSpacing: "0rem",
225
+ fontWidth: 88
226
+ },
227
+ "body-compact-bold-xl": {
228
+ font: "normal 700 1.25rem/1.3 Open Sans",
229
+ letterSpacing: "0rem",
230
+ fontWidth: 88
231
+ },
232
+ "body-compact-italic-xs": {
233
+ font: "italic 460 0.75rem/1.3 Open Sans",
234
+ letterSpacing: "0rem",
235
+ fontWidth: 88
236
+ },
142
237
  "body-compact-italic-sm": {
143
238
  font: "italic 460 0.875rem/1.3 Open Sans",
144
239
  letterSpacing: "0rem",
@@ -159,6 +254,31 @@ const semanticTypography = {
159
254
  letterSpacing: "0rem",
160
255
  fontWidth: 88
161
256
  },
257
+ "body-compact-italic-bold-xs": {
258
+ font: "italic 700 0.75rem/1.3 Open Sans",
259
+ letterSpacing: "0rem",
260
+ fontWidth: 88
261
+ },
262
+ "body-compact-italic-bold-sm": {
263
+ font: "italic 700 0.875rem/1.3 Open Sans",
264
+ letterSpacing: "0rem",
265
+ fontWidth: 88
266
+ },
267
+ "body-compact-italic-bold-md": {
268
+ font: "italic 700 1rem/1.3 Open Sans",
269
+ letterSpacing: "0rem",
270
+ fontWidth: 88
271
+ },
272
+ "body-compact-italic-bold-lg": {
273
+ font: "italic 700 1.125rem/1.3 Open Sans",
274
+ letterSpacing: "0rem",
275
+ fontWidth: 88
276
+ },
277
+ "body-compact-italic-bold-xl": {
278
+ font: "italic 700 1.25rem/1.3 Open Sans",
279
+ letterSpacing: "0rem",
280
+ fontWidth: 88
281
+ },
162
282
  "meta-md": {
163
283
  font: "normal 460 0.75rem/1.3 Open Sans",
164
284
  letterSpacing: "0rem",
package/dist/text-input.cjs ADDED
@@ -0,0 +1,9 @@
1
+ 'use strict';
2
+
3
+ var TextInput = require('./components/text-input/TextInput.cjs');
4
+ var textInput = require('./styleD/build/typescript/component/textInput.cjs');
5
+
6
+
7
+
8
+ exports.TextInput = TextInput.TextInput;
9
+ exports.componentTextInput = textInput.componentTextInput;
package/dist/text-input.js ADDED
@@ -0,0 +1,2 @@
1
+ export { TextInput } from './components/text-input/TextInput.js';
2
+ export { componentTextInput } from './styleD/build/typescript/component/textInput.js';
package/dist/types/TopBar.d.ts CHANGED
@@ -5,6 +5,7 @@
5
5
  * - `@emotion/react`
6
6
  * - `react`
7
7
  * - `react-dom`
8
+ * - `react-aria-components`
8
9
  * - `typescript`
9
10
  *
10
11
  * See the `peerDependencies` section of package.json for compatible versions.
package/dist/types/components/menu/styles.d.ts CHANGED
@@ -13,7 +13,7 @@ export declare const menuSectionHeaderStyles: (theme: MenuSectionTheme, { size }
13
13
  export type MenuItemTheme = Prettify<ComponentMenu['menuItem']>;
14
14
  export type PartialMenuItemTheme = DeepPartial<MenuItemTheme>;
15
15
  export declare const defaultMenuItemTheme: MenuItemTheme;
16
- export declare const menuItemStyles: (theme: MenuItemTheme, { description }: Pick<MenuItemProps, 'description'>, isFocusVisible?: boolean) => SerializedStyles;
16
+ export declare const menuItemStyles: (theme: MenuItemTheme, { description }: Pick<MenuItemProps, 'description'>) => SerializedStyles;
17
17
  export declare const menuItemIconStyles: (theme: MenuItemTheme, { size }: Required<Pick<MenuItemProps, 'size'>>) => SerializedStyles;
18
18
  export declare const menuItemLabelStyles: (theme: MenuItemTheme) => SerializedStyles;
19
19
  export declare const menuItemDescriptionStyles: (theme: MenuItemTheme) => SerializedStyles;
package/dist/types/components/text-input/TextInput.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import type { TextInputProps } from './types';
2
+ export declare function TextInput({ size, isInvalid, theme, ...props }: TextInputProps): import("@emotion/react/jsx-runtime").JSX.Element;