@sproutsocial/seeds-react-card 1.1.53 → 1.1.55
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/card.css +152 -0
- package/dist/esm/index.js +298 -74
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.mts +38 -6
- package/dist/index.d.ts +38 -6
- package/dist/index.js +293 -77
- package/dist/index.js.map +1 -1
- package/package.json +23 -12
- package/.eslintignore +0 -6
- package/.eslintrc.js +0 -4
- package/.turbo/turbo-build.log +0 -21
- package/CHANGELOG.md +0 -399
- package/jest.config.js +0 -9
- package/src/Card.feature +0 -122
- package/src/Card.stories.tsx +0 -389
- package/src/Card.tsx +0 -87
- package/src/CardTypes.ts +0 -133
- package/src/__tests__/Card.test.tsx +0 -313
- package/src/__tests__/CardTypes.typetest.tsx +0 -78
- package/src/index.ts +0 -6
- package/src/styles.tsx +0 -176
- package/src/subComponents.tsx +0 -110
- package/src/utils.ts +0 -61
- package/tsconfig.json +0 -15
- package/tsup.config.ts +0 -12
package/.eslintrc.js
DELETED
package/.turbo/turbo-build.log
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
yarn run v1.22.22
|
|
2
|
-
$ tsup --dts
|
|
3
|
-
[34mCLI[39m Building entry: src/index.ts
|
|
4
|
-
[34mCLI[39m Using tsconfig: tsconfig.json
|
|
5
|
-
[34mCLI[39m tsup v8.5.0
|
|
6
|
-
[34mCLI[39m Using tsup config: /home/runner/_work/seeds/seeds/seeds-react/seeds-react-card/tsup.config.ts
|
|
7
|
-
[34mCLI[39m Target: es2022
|
|
8
|
-
[34mCLI[39m Cleaning output folder
|
|
9
|
-
[34mCJS[39m Build start
|
|
10
|
-
[34mESM[39m Build start
|
|
11
|
-
[32mCJS[39m [1mdist/index.js [22m[32m11.17 KB[39m
|
|
12
|
-
[32mCJS[39m [1mdist/index.js.map [22m[32m22.04 KB[39m
|
|
13
|
-
[32mCJS[39m ⚡️ Build success in 94ms
|
|
14
|
-
[32mESM[39m [1mdist/esm/index.js [22m[32m8.14 KB[39m
|
|
15
|
-
[32mESM[39m [1mdist/esm/index.js.map [22m[32m22.02 KB[39m
|
|
16
|
-
[32mESM[39m ⚡️ Build success in 94ms
|
|
17
|
-
[34mDTS[39m Build start
|
|
18
|
-
[32mDTS[39m ⚡️ Build success in 5167ms
|
|
19
|
-
[32mDTS[39m [1mdist/index.d.ts [22m[32m5.60 KB[39m
|
|
20
|
-
[32mDTS[39m [1mdist/index.d.mts [22m[32m5.60 KB[39m
|
|
21
|
-
Done in 7.12s.
|
package/CHANGELOG.md
DELETED
|
@@ -1,399 +0,0 @@
|
|
|
1
|
-
# @sproutsocial/seeds-react-card
|
|
2
|
-
|
|
3
|
-
## 1.1.53
|
|
4
|
-
|
|
5
|
-
### Patch Changes
|
|
6
|
-
|
|
7
|
-
- Updated dependencies [e38d258]
|
|
8
|
-
- @sproutsocial/seeds-react-system-props@3.2.1
|
|
9
|
-
- @sproutsocial/seeds-react-icon@2.5.1
|
|
10
|
-
- @sproutsocial/seeds-react-mixins@4.3.15
|
|
11
|
-
|
|
12
|
-
## 1.1.52
|
|
13
|
-
|
|
14
|
-
### Patch Changes
|
|
15
|
-
|
|
16
|
-
- Updated dependencies [3371484]
|
|
17
|
-
- @sproutsocial/seeds-react-icon@2.5.0
|
|
18
|
-
- @sproutsocial/seeds-react-mixins@4.3.14
|
|
19
|
-
|
|
20
|
-
## 1.1.51
|
|
21
|
-
|
|
22
|
-
### Patch Changes
|
|
23
|
-
|
|
24
|
-
- Updated dependencies [56661b6]
|
|
25
|
-
- Updated dependencies [56661b6]
|
|
26
|
-
- @sproutsocial/seeds-react-system-props@3.2.0
|
|
27
|
-
- @sproutsocial/seeds-react-mixins@4.3.13
|
|
28
|
-
- @sproutsocial/seeds-react-icon@2.4.9
|
|
29
|
-
|
|
30
|
-
## 1.1.50
|
|
31
|
-
|
|
32
|
-
### Patch Changes
|
|
33
|
-
|
|
34
|
-
- Updated dependencies [ef91a0d]
|
|
35
|
-
- @sproutsocial/seeds-react-system-props@3.1.4
|
|
36
|
-
- @sproutsocial/seeds-react-icon@2.4.8
|
|
37
|
-
|
|
38
|
-
## 1.1.49
|
|
39
|
-
|
|
40
|
-
### Patch Changes
|
|
41
|
-
|
|
42
|
-
- @sproutsocial/seeds-react-icon@2.4.7
|
|
43
|
-
|
|
44
|
-
## 1.1.48
|
|
45
|
-
|
|
46
|
-
### Patch Changes
|
|
47
|
-
|
|
48
|
-
- @sproutsocial/seeds-react-icon@2.4.6
|
|
49
|
-
- @sproutsocial/seeds-react-mixins@4.3.12
|
|
50
|
-
|
|
51
|
-
## 1.1.47
|
|
52
|
-
|
|
53
|
-
### Patch Changes
|
|
54
|
-
|
|
55
|
-
- Updated dependencies [b77aca0]
|
|
56
|
-
- @sproutsocial/seeds-react-system-props@3.1.3
|
|
57
|
-
- @sproutsocial/seeds-react-icon@2.4.5
|
|
58
|
-
- @sproutsocial/seeds-react-mixins@4.3.11
|
|
59
|
-
|
|
60
|
-
## 1.1.46
|
|
61
|
-
|
|
62
|
-
### Patch Changes
|
|
63
|
-
|
|
64
|
-
- @sproutsocial/seeds-react-icon@2.4.4
|
|
65
|
-
- @sproutsocial/seeds-react-mixins@4.3.10
|
|
66
|
-
|
|
67
|
-
## 1.1.45
|
|
68
|
-
|
|
69
|
-
### Patch Changes
|
|
70
|
-
|
|
71
|
-
- Updated dependencies [917a951]
|
|
72
|
-
- Updated dependencies [6611f6a]
|
|
73
|
-
- @sproutsocial/seeds-react-icon@2.4.3
|
|
74
|
-
- @sproutsocial/seeds-react-system-props@3.1.2
|
|
75
|
-
|
|
76
|
-
## 1.1.44
|
|
77
|
-
|
|
78
|
-
### Patch Changes
|
|
79
|
-
|
|
80
|
-
- @sproutsocial/seeds-react-icon@2.4.2
|
|
81
|
-
- @sproutsocial/seeds-react-mixins@4.3.9
|
|
82
|
-
|
|
83
|
-
## 1.1.43
|
|
84
|
-
|
|
85
|
-
### Patch Changes
|
|
86
|
-
|
|
87
|
-
- @sproutsocial/seeds-react-icon@2.4.1
|
|
88
|
-
- @sproutsocial/seeds-react-mixins@4.3.8
|
|
89
|
-
|
|
90
|
-
## 1.1.42
|
|
91
|
-
|
|
92
|
-
### Patch Changes
|
|
93
|
-
|
|
94
|
-
- Updated dependencies [69c9d02]
|
|
95
|
-
- @sproutsocial/seeds-react-icon@2.4.0
|
|
96
|
-
|
|
97
|
-
## 1.1.41
|
|
98
|
-
|
|
99
|
-
### Patch Changes
|
|
100
|
-
|
|
101
|
-
- Updated dependencies [5892f44]
|
|
102
|
-
- @sproutsocial/seeds-react-system-props@3.1.1
|
|
103
|
-
- @sproutsocial/seeds-react-icon@2.3.13
|
|
104
|
-
|
|
105
|
-
## 1.1.40
|
|
106
|
-
|
|
107
|
-
### Patch Changes
|
|
108
|
-
|
|
109
|
-
- @sproutsocial/seeds-react-icon@2.3.12
|
|
110
|
-
- @sproutsocial/seeds-react-mixins@4.3.7
|
|
111
|
-
|
|
112
|
-
## 1.1.39
|
|
113
|
-
|
|
114
|
-
### Patch Changes
|
|
115
|
-
|
|
116
|
-
- Updated dependencies [132ef9d]
|
|
117
|
-
- Updated dependencies [132ef9d]
|
|
118
|
-
- @sproutsocial/seeds-react-system-props@3.1.0
|
|
119
|
-
- @sproutsocial/seeds-react-icon@2.3.11
|
|
120
|
-
- @sproutsocial/seeds-react-mixins@4.3.6
|
|
121
|
-
|
|
122
|
-
## 1.1.38
|
|
123
|
-
|
|
124
|
-
### Patch Changes
|
|
125
|
-
|
|
126
|
-
- @sproutsocial/seeds-react-icon@2.3.10
|
|
127
|
-
|
|
128
|
-
## 1.1.37
|
|
129
|
-
|
|
130
|
-
### Patch Changes
|
|
131
|
-
|
|
132
|
-
- @sproutsocial/seeds-react-icon@2.3.9
|
|
133
|
-
- @sproutsocial/seeds-react-mixins@4.3.5
|
|
134
|
-
|
|
135
|
-
## 1.1.36
|
|
136
|
-
|
|
137
|
-
### Patch Changes
|
|
138
|
-
|
|
139
|
-
- @sproutsocial/seeds-react-icon@2.3.8
|
|
140
|
-
- @sproutsocial/seeds-react-mixins@4.3.4
|
|
141
|
-
|
|
142
|
-
## 1.1.35
|
|
143
|
-
|
|
144
|
-
### Patch Changes
|
|
145
|
-
|
|
146
|
-
- @sproutsocial/seeds-react-icon@2.3.7
|
|
147
|
-
|
|
148
|
-
## 1.1.34
|
|
149
|
-
|
|
150
|
-
### Patch Changes
|
|
151
|
-
|
|
152
|
-
- @sproutsocial/seeds-react-icon@2.3.6
|
|
153
|
-
|
|
154
|
-
## 1.1.33
|
|
155
|
-
|
|
156
|
-
### Patch Changes
|
|
157
|
-
|
|
158
|
-
- @sproutsocial/seeds-react-icon@2.3.5
|
|
159
|
-
|
|
160
|
-
## 1.1.32
|
|
161
|
-
|
|
162
|
-
### Patch Changes
|
|
163
|
-
|
|
164
|
-
- @sproutsocial/seeds-react-icon@2.3.4
|
|
165
|
-
|
|
166
|
-
## 1.1.31
|
|
167
|
-
|
|
168
|
-
### Patch Changes
|
|
169
|
-
|
|
170
|
-
- @sproutsocial/seeds-react-icon@2.3.3
|
|
171
|
-
|
|
172
|
-
## 1.1.30
|
|
173
|
-
|
|
174
|
-
### Patch Changes
|
|
175
|
-
|
|
176
|
-
- Updated dependencies [df9d751]
|
|
177
|
-
- @sproutsocial/seeds-react-mixins@4.3.3
|
|
178
|
-
- @sproutsocial/seeds-react-icon@2.3.2
|
|
179
|
-
|
|
180
|
-
## 1.1.29
|
|
181
|
-
|
|
182
|
-
### Patch Changes
|
|
183
|
-
|
|
184
|
-
- @sproutsocial/seeds-react-icon@2.3.1
|
|
185
|
-
- @sproutsocial/seeds-react-mixins@4.3.2
|
|
186
|
-
|
|
187
|
-
## 1.1.28
|
|
188
|
-
|
|
189
|
-
### Patch Changes
|
|
190
|
-
|
|
191
|
-
- Updated dependencies [5512104]
|
|
192
|
-
- @sproutsocial/seeds-react-icon@2.3.0
|
|
193
|
-
|
|
194
|
-
## 1.1.27
|
|
195
|
-
|
|
196
|
-
### Patch Changes
|
|
197
|
-
|
|
198
|
-
- @sproutsocial/seeds-react-icon@2.2.6
|
|
199
|
-
|
|
200
|
-
## 1.1.26
|
|
201
|
-
|
|
202
|
-
### Patch Changes
|
|
203
|
-
|
|
204
|
-
- @sproutsocial/seeds-react-icon@2.2.5
|
|
205
|
-
- @sproutsocial/seeds-react-mixins@4.3.1
|
|
206
|
-
|
|
207
|
-
## 1.1.25
|
|
208
|
-
|
|
209
|
-
### Patch Changes
|
|
210
|
-
|
|
211
|
-
- Updated dependencies [5bb63e1]
|
|
212
|
-
- @sproutsocial/seeds-react-mixins@4.3.0
|
|
213
|
-
|
|
214
|
-
## 1.1.24
|
|
215
|
-
|
|
216
|
-
### Patch Changes
|
|
217
|
-
|
|
218
|
-
- @sproutsocial/seeds-react-icon@2.2.4
|
|
219
|
-
- @sproutsocial/seeds-react-mixins@4.2.5
|
|
220
|
-
|
|
221
|
-
## 1.1.23
|
|
222
|
-
|
|
223
|
-
### Patch Changes
|
|
224
|
-
|
|
225
|
-
- @sproutsocial/seeds-react-icon@2.2.3
|
|
226
|
-
|
|
227
|
-
## 1.1.22
|
|
228
|
-
|
|
229
|
-
### Patch Changes
|
|
230
|
-
|
|
231
|
-
- Updated dependencies [131db40]
|
|
232
|
-
- @sproutsocial/seeds-react-icon@2.2.2
|
|
233
|
-
|
|
234
|
-
## 1.1.21
|
|
235
|
-
|
|
236
|
-
### Patch Changes
|
|
237
|
-
|
|
238
|
-
- @sproutsocial/seeds-react-icon@2.2.1
|
|
239
|
-
|
|
240
|
-
## 1.1.20
|
|
241
|
-
|
|
242
|
-
### Patch Changes
|
|
243
|
-
|
|
244
|
-
- Updated dependencies [c7f2c70]
|
|
245
|
-
- @sproutsocial/seeds-react-icon@2.2.0
|
|
246
|
-
- @sproutsocial/seeds-react-mixins@4.2.4
|
|
247
|
-
|
|
248
|
-
## 1.1.19
|
|
249
|
-
|
|
250
|
-
### Patch Changes
|
|
251
|
-
|
|
252
|
-
- aeaed26: Fix disabled Card allowing keyboard focus and onClick on Enter key press. Disabled cards now have tabIndex="-1" and do not respond to click or keyboard events.
|
|
253
|
-
|
|
254
|
-
## 1.1.18
|
|
255
|
-
|
|
256
|
-
### Patch Changes
|
|
257
|
-
|
|
258
|
-
- @sproutsocial/seeds-react-icon@2.1.2
|
|
259
|
-
- @sproutsocial/seeds-react-mixins@4.2.3
|
|
260
|
-
|
|
261
|
-
## 1.1.17
|
|
262
|
-
|
|
263
|
-
### Patch Changes
|
|
264
|
-
|
|
265
|
-
- @sproutsocial/seeds-react-icon@2.1.1
|
|
266
|
-
- @sproutsocial/seeds-react-mixins@4.2.2
|
|
267
|
-
|
|
268
|
-
## 1.1.16
|
|
269
|
-
|
|
270
|
-
### Patch Changes
|
|
271
|
-
|
|
272
|
-
- Updated dependencies [b147e07]
|
|
273
|
-
- @sproutsocial/seeds-react-icon@2.1.0
|
|
274
|
-
|
|
275
|
-
## 1.1.15
|
|
276
|
-
|
|
277
|
-
### Patch Changes
|
|
278
|
-
|
|
279
|
-
- @sproutsocial/seeds-react-icon@2.0.5
|
|
280
|
-
- @sproutsocial/seeds-react-mixins@4.2.1
|
|
281
|
-
|
|
282
|
-
## 1.1.14
|
|
283
|
-
|
|
284
|
-
### Patch Changes
|
|
285
|
-
|
|
286
|
-
- 95d2b96: Remove interactivity support from presentation Cards for accessibility compliance. Cards with `role="presentation"` no longer support `onClick` handlers or keyboard interactions. Presentation Cards are now purely decorative containers outside the accessibility tree. Use `role="button"` for interactive Cards instead.
|
|
287
|
-
|
|
288
|
-
## 1.1.13
|
|
289
|
-
|
|
290
|
-
### Patch Changes
|
|
291
|
-
|
|
292
|
-
- 2b1bb50: Add missing styled-system dependency
|
|
293
|
-
|
|
294
|
-
Properly declares `styled-system` as a direct dependency, which is used in the Card component styles. Previously relied on transitive dependencies which could cause issues in certain bundling scenarios.
|
|
295
|
-
|
|
296
|
-
## 1.1.12
|
|
297
|
-
|
|
298
|
-
### Patch Changes
|
|
299
|
-
|
|
300
|
-
- Updated dependencies [750d1ea]
|
|
301
|
-
- @sproutsocial/seeds-react-mixins@4.2.0
|
|
302
|
-
- @sproutsocial/seeds-react-icon@2.0.4
|
|
303
|
-
|
|
304
|
-
## 1.1.11
|
|
305
|
-
|
|
306
|
-
### Patch Changes
|
|
307
|
-
|
|
308
|
-
- @sproutsocial/seeds-react-icon@2.0.3
|
|
309
|
-
|
|
310
|
-
## 1.1.10
|
|
311
|
-
|
|
312
|
-
### Patch Changes
|
|
313
|
-
|
|
314
|
-
- @sproutsocial/seeds-react-icon@2.0.2
|
|
315
|
-
|
|
316
|
-
## 1.1.9
|
|
317
|
-
|
|
318
|
-
### Patch Changes
|
|
319
|
-
|
|
320
|
-
- @sproutsocial/seeds-react-icon@2.0.1
|
|
321
|
-
- @sproutsocial/seeds-react-mixins@4.1.6
|
|
322
|
-
|
|
323
|
-
## 1.1.8
|
|
324
|
-
|
|
325
|
-
### Patch Changes
|
|
326
|
-
|
|
327
|
-
- Updated dependencies [40248a0]
|
|
328
|
-
- @sproutsocial/seeds-react-icon@2.0.0
|
|
329
|
-
|
|
330
|
-
## 1.1.7
|
|
331
|
-
|
|
332
|
-
### Patch Changes
|
|
333
|
-
|
|
334
|
-
- @sproutsocial/seeds-react-icon@1.1.8
|
|
335
|
-
- @sproutsocial/seeds-react-mixins@4.1.5
|
|
336
|
-
|
|
337
|
-
## 1.1.6
|
|
338
|
-
|
|
339
|
-
### Patch Changes
|
|
340
|
-
|
|
341
|
-
- @sproutsocial/seeds-react-icon@1.1.7
|
|
342
|
-
|
|
343
|
-
## 1.1.5
|
|
344
|
-
|
|
345
|
-
### Patch Changes
|
|
346
|
-
|
|
347
|
-
- @sproutsocial/seeds-react-icon@1.1.6
|
|
348
|
-
|
|
349
|
-
## 1.1.4
|
|
350
|
-
|
|
351
|
-
### Patch Changes
|
|
352
|
-
|
|
353
|
-
- @sproutsocial/seeds-react-icon@1.1.5
|
|
354
|
-
- @sproutsocial/seeds-react-mixins@4.1.4
|
|
355
|
-
|
|
356
|
-
## 1.1.3
|
|
357
|
-
|
|
358
|
-
### Patch Changes
|
|
359
|
-
|
|
360
|
-
- @sproutsocial/seeds-react-icon@1.1.4
|
|
361
|
-
- @sproutsocial/seeds-react-mixins@4.1.3
|
|
362
|
-
|
|
363
|
-
## 1.1.2
|
|
364
|
-
|
|
365
|
-
### Patch Changes
|
|
366
|
-
|
|
367
|
-
- @sproutsocial/seeds-react-icon@1.1.3
|
|
368
|
-
- @sproutsocial/seeds-react-mixins@4.1.2
|
|
369
|
-
|
|
370
|
-
## 1.1.1
|
|
371
|
-
|
|
372
|
-
### Patch Changes
|
|
373
|
-
|
|
374
|
-
- 9fd8bac: Update dependencies to use semantic package version instead of wildcards
|
|
375
|
-
- Updated dependencies [9fd8bac]
|
|
376
|
-
- @sproutsocial/seeds-react-system-props@3.0.2
|
|
377
|
-
- @sproutsocial/seeds-react-mixins@4.1.1
|
|
378
|
-
- @sproutsocial/seeds-react-icon@1.1.2
|
|
379
|
-
|
|
380
|
-
## 1.1.0
|
|
381
|
-
|
|
382
|
-
### Minor Changes
|
|
383
|
-
|
|
384
|
-
- 7614f9d: Refactors Card types
|
|
385
|
-
- This is largely a no-op refactor, but some type errors may be newly recognized if you were using an invalid combination of props on Card.
|
|
386
|
-
- Adds TypeGenericCard to CardTypes, which describes the general type for Card, regardless of its role.
|
|
387
|
-
- This allows us to lean less heavily on the discriminated union type, which is not supported by react-docgen or inline IDE documentation.
|
|
388
|
-
|
|
389
|
-
### Patch Changes
|
|
390
|
-
|
|
391
|
-
- Updated dependencies [90d312b]
|
|
392
|
-
- @sproutsocial/seeds-react-mixins@4.1.0
|
|
393
|
-
|
|
394
|
-
## 1.0.0
|
|
395
|
-
|
|
396
|
-
### Major Changes
|
|
397
|
-
|
|
398
|
-
- 048afcf: - Migrate Card to seeds-react-card
|
|
399
|
-
- Migrate SpotIllustration to seeds-react-spot-illustration
|
package/jest.config.js
DELETED
package/src/Card.feature
DELETED
|
@@ -1,122 +0,0 @@
|
|
|
1
|
-
Feature: Card
|
|
2
|
-
|
|
3
|
-
A reusable way to create interactive regions of composable content.
|
|
4
|
-
|
|
5
|
-
Rule: User behavior
|
|
6
|
-
|
|
7
|
-
Background:
|
|
8
|
-
Given an end user is using the component
|
|
9
|
-
|
|
10
|
-
Scenario: Card is clickable
|
|
11
|
-
Given a Card is passed an onClick prop
|
|
12
|
-
And the Card has a region that isn't a clickable child
|
|
13
|
-
When that region is clicked
|
|
14
|
-
Then the Card's onClick should fire
|
|
15
|
-
|
|
16
|
-
Scenario: Card functions as a link
|
|
17
|
-
Given a Card is passed an href prop
|
|
18
|
-
And the Card is passed a role of 'link'
|
|
19
|
-
And the Card has a region that isn't a clickable child
|
|
20
|
-
When that region is clicked
|
|
21
|
-
Then the browser navigates to the URL
|
|
22
|
-
|
|
23
|
-
Scenario: Card functions as a button
|
|
24
|
-
Given a Card is passed an onClick prop
|
|
25
|
-
And the Card is passed a role of 'button'
|
|
26
|
-
And the Card has a region that isn't a clickable child
|
|
27
|
-
When that region is clicked
|
|
28
|
-
Then the Card's onClick should fire
|
|
29
|
-
|
|
30
|
-
Scenario: Card can be purely presentational
|
|
31
|
-
Given a Card is passed a role of 'presentation'
|
|
32
|
-
And the Card has a region that isn't a clickable child
|
|
33
|
-
When the card is clicked
|
|
34
|
-
Then there is no 'cursor: pointer' to suggest interactivity
|
|
35
|
-
And there is no user facing interactivity
|
|
36
|
-
And an onClick may still fire for data collection
|
|
37
|
-
|
|
38
|
-
Scenario: Card has a disabled state
|
|
39
|
-
Given a Card's disabled prop is true
|
|
40
|
-
When the Card renders
|
|
41
|
-
Then the Card is styled using the Racine '@disabled' mixin
|
|
42
|
-
And the Card can not be interacted with
|
|
43
|
-
|
|
44
|
-
Scenario: Card has an adjustable hover state
|
|
45
|
-
Given the Card is passed an elevation prop
|
|
46
|
-
When a Card is hovered
|
|
47
|
-
Then the Card's styling should reflect the requested elevation
|
|
48
|
-
|
|
49
|
-
Scenario: Card can be focused
|
|
50
|
-
Given that an element in the tab order immediately before Card is focused
|
|
51
|
-
When the tab key is pressed
|
|
52
|
-
Then the Card becomes focused
|
|
53
|
-
|
|
54
|
-
Scenario: Card responds to 'enter' key
|
|
55
|
-
Given that the Card is focused
|
|
56
|
-
When the 'enter' key is pressed
|
|
57
|
-
Then the onKeyDown event will fire
|
|
58
|
-
|
|
59
|
-
Scenario Outline: Card is selectable
|
|
60
|
-
Given that the Card is in a(n) <state> state
|
|
61
|
-
And the Card is passed a role of 'checkbox'
|
|
62
|
-
When the Card is clicked
|
|
63
|
-
Then the Card's state toggles to <oppositeState>
|
|
64
|
-
And the Card's styling and icon use <style>.
|
|
65
|
-
|
|
66
|
-
Examples: Selected State
|
|
67
|
-
| state | oppositeState | style |
|
|
68
|
-
| selected | unselected | container.border.selected + <Icon name='circle-check' /> |
|
|
69
|
-
| unselected | selected | default styling |
|
|
70
|
-
|
|
71
|
-
Scenario: Card supports independent interactive children
|
|
72
|
-
Given a card has a clickable child
|
|
73
|
-
When that child is clicked
|
|
74
|
-
Then the resulting action is that of the child's
|
|
75
|
-
|
|
76
|
-
Rule: API
|
|
77
|
-
|
|
78
|
-
Background:
|
|
79
|
-
Given an engineer is developing using the component
|
|
80
|
-
|
|
81
|
-
Scenario: A Card supports children
|
|
82
|
-
When other components and elements are used inside a Card
|
|
83
|
-
Then they render in the browser as expected
|
|
84
|
-
|
|
85
|
-
Scenario Outline: A Card accepts system props
|
|
86
|
-
When a system prop from the category <systemPropCategory> is passed a value
|
|
87
|
-
Then the Card will have <systemPropName> styling
|
|
88
|
-
|
|
89
|
-
Examples: System Props
|
|
90
|
-
| systemPropCategory | systemPropName |
|
|
91
|
-
| color | bg |
|
|
92
|
-
| border | borderColor |
|
|
93
|
-
| layout | display |
|
|
94
|
-
| position | zIndex |
|
|
95
|
-
| flexbox | flex |
|
|
96
|
-
| grid | gridGap |
|
|
97
|
-
| space | p |
|
|
98
|
-
|
|
99
|
-
Scenario Outline: A Card adjusts it's styles dynamically when subcomponents are present
|
|
100
|
-
Given that a <subComponent> is a child of Card
|
|
101
|
-
When the Card is rendered
|
|
102
|
-
Then it will not have padding
|
|
103
|
-
|
|
104
|
-
Examples: Subcomponents
|
|
105
|
-
| subComponent |
|
|
106
|
-
| <CardHeader /> |
|
|
107
|
-
| <CardContent /> |
|
|
108
|
-
| <CardFooter /> |
|
|
109
|
-
|
|
110
|
-
Scenario Outline: A Card checks its types
|
|
111
|
-
When <propName> is passed a value
|
|
112
|
-
Then Card expects it to be of type <propType>
|
|
113
|
-
|
|
114
|
-
Examples: Prop Types
|
|
115
|
-
| propName | propType |
|
|
116
|
-
| children | ReactNode |
|
|
117
|
-
| disabled | boolean |
|
|
118
|
-
| elevation | low, medium, or high |
|
|
119
|
-
| href | string |
|
|
120
|
-
| onClick | React.MouseEventHandler |
|
|
121
|
-
| role | string |
|
|
122
|
-
| selected | boolean |
|