@sproutsocial/seeds-react-card 1.1.52 → 1.1.54

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/.eslintignore DELETED
@@ -1,6 +0,0 @@
1
- # Node modules
2
- node_modules/
3
-
4
- # Build output
5
- dist/
6
- coverage/
package/.eslintrc.js DELETED
@@ -1,4 +0,0 @@
1
- module.exports = {
2
- root: true,
3
- extends: ["eslint-config-seeds/racine"],
4
- };
@@ -1,21 +0,0 @@
1
- yarn run v1.22.22
2
- $ tsup --dts
3
- CLI Building entry: src/index.ts
4
- CLI Using tsconfig: tsconfig.json
5
- CLI tsup v8.5.0
6
- CLI Using tsup config: /home/runner/_work/seeds/seeds/seeds-react/seeds-react-card/tsup.config.ts
7
- CLI Target: es2022
8
- CLI Cleaning output folder
9
- CJS Build start
10
- ESM Build start
11
- CJS dist/index.js 11.17 KB
12
- CJS dist/index.js.map 22.04 KB
13
- CJS ⚡️ Build success in 69ms
14
- ESM dist/esm/index.js 8.14 KB
15
- ESM dist/esm/index.js.map 22.02 KB
16
- ESM ⚡️ Build success in 69ms
17
- DTS Build start
18
- DTS ⚡️ Build success in 2888ms
19
- DTS dist/index.d.ts 5.60 KB
20
- DTS dist/index.d.mts 5.60 KB
21
- Done in 4.22s.
package/CHANGELOG.md DELETED
@@ -1,390 +0,0 @@
1
- # @sproutsocial/seeds-react-card
2
-
3
- ## 1.1.52
4
-
5
- ### Patch Changes
6
-
7
- - Updated dependencies [3371484]
8
- - @sproutsocial/seeds-react-icon@2.5.0
9
- - @sproutsocial/seeds-react-mixins@4.3.14
10
-
11
- ## 1.1.51
12
-
13
- ### Patch Changes
14
-
15
- - Updated dependencies [56661b6]
16
- - Updated dependencies [56661b6]
17
- - @sproutsocial/seeds-react-system-props@3.2.0
18
- - @sproutsocial/seeds-react-mixins@4.3.13
19
- - @sproutsocial/seeds-react-icon@2.4.9
20
-
21
- ## 1.1.50
22
-
23
- ### Patch Changes
24
-
25
- - Updated dependencies [ef91a0d]
26
- - @sproutsocial/seeds-react-system-props@3.1.4
27
- - @sproutsocial/seeds-react-icon@2.4.8
28
-
29
- ## 1.1.49
30
-
31
- ### Patch Changes
32
-
33
- - @sproutsocial/seeds-react-icon@2.4.7
34
-
35
- ## 1.1.48
36
-
37
- ### Patch Changes
38
-
39
- - @sproutsocial/seeds-react-icon@2.4.6
40
- - @sproutsocial/seeds-react-mixins@4.3.12
41
-
42
- ## 1.1.47
43
-
44
- ### Patch Changes
45
-
46
- - Updated dependencies [b77aca0]
47
- - @sproutsocial/seeds-react-system-props@3.1.3
48
- - @sproutsocial/seeds-react-icon@2.4.5
49
- - @sproutsocial/seeds-react-mixins@4.3.11
50
-
51
- ## 1.1.46
52
-
53
- ### Patch Changes
54
-
55
- - @sproutsocial/seeds-react-icon@2.4.4
56
- - @sproutsocial/seeds-react-mixins@4.3.10
57
-
58
- ## 1.1.45
59
-
60
- ### Patch Changes
61
-
62
- - Updated dependencies [917a951]
63
- - Updated dependencies [6611f6a]
64
- - @sproutsocial/seeds-react-icon@2.4.3
65
- - @sproutsocial/seeds-react-system-props@3.1.2
66
-
67
- ## 1.1.44
68
-
69
- ### Patch Changes
70
-
71
- - @sproutsocial/seeds-react-icon@2.4.2
72
- - @sproutsocial/seeds-react-mixins@4.3.9
73
-
74
- ## 1.1.43
75
-
76
- ### Patch Changes
77
-
78
- - @sproutsocial/seeds-react-icon@2.4.1
79
- - @sproutsocial/seeds-react-mixins@4.3.8
80
-
81
- ## 1.1.42
82
-
83
- ### Patch Changes
84
-
85
- - Updated dependencies [69c9d02]
86
- - @sproutsocial/seeds-react-icon@2.4.0
87
-
88
- ## 1.1.41
89
-
90
- ### Patch Changes
91
-
92
- - Updated dependencies [5892f44]
93
- - @sproutsocial/seeds-react-system-props@3.1.1
94
- - @sproutsocial/seeds-react-icon@2.3.13
95
-
96
- ## 1.1.40
97
-
98
- ### Patch Changes
99
-
100
- - @sproutsocial/seeds-react-icon@2.3.12
101
- - @sproutsocial/seeds-react-mixins@4.3.7
102
-
103
- ## 1.1.39
104
-
105
- ### Patch Changes
106
-
107
- - Updated dependencies [132ef9d]
108
- - Updated dependencies [132ef9d]
109
- - @sproutsocial/seeds-react-system-props@3.1.0
110
- - @sproutsocial/seeds-react-icon@2.3.11
111
- - @sproutsocial/seeds-react-mixins@4.3.6
112
-
113
- ## 1.1.38
114
-
115
- ### Patch Changes
116
-
117
- - @sproutsocial/seeds-react-icon@2.3.10
118
-
119
- ## 1.1.37
120
-
121
- ### Patch Changes
122
-
123
- - @sproutsocial/seeds-react-icon@2.3.9
124
- - @sproutsocial/seeds-react-mixins@4.3.5
125
-
126
- ## 1.1.36
127
-
128
- ### Patch Changes
129
-
130
- - @sproutsocial/seeds-react-icon@2.3.8
131
- - @sproutsocial/seeds-react-mixins@4.3.4
132
-
133
- ## 1.1.35
134
-
135
- ### Patch Changes
136
-
137
- - @sproutsocial/seeds-react-icon@2.3.7
138
-
139
- ## 1.1.34
140
-
141
- ### Patch Changes
142
-
143
- - @sproutsocial/seeds-react-icon@2.3.6
144
-
145
- ## 1.1.33
146
-
147
- ### Patch Changes
148
-
149
- - @sproutsocial/seeds-react-icon@2.3.5
150
-
151
- ## 1.1.32
152
-
153
- ### Patch Changes
154
-
155
- - @sproutsocial/seeds-react-icon@2.3.4
156
-
157
- ## 1.1.31
158
-
159
- ### Patch Changes
160
-
161
- - @sproutsocial/seeds-react-icon@2.3.3
162
-
163
- ## 1.1.30
164
-
165
- ### Patch Changes
166
-
167
- - Updated dependencies [df9d751]
168
- - @sproutsocial/seeds-react-mixins@4.3.3
169
- - @sproutsocial/seeds-react-icon@2.3.2
170
-
171
- ## 1.1.29
172
-
173
- ### Patch Changes
174
-
175
- - @sproutsocial/seeds-react-icon@2.3.1
176
- - @sproutsocial/seeds-react-mixins@4.3.2
177
-
178
- ## 1.1.28
179
-
180
- ### Patch Changes
181
-
182
- - Updated dependencies [5512104]
183
- - @sproutsocial/seeds-react-icon@2.3.0
184
-
185
- ## 1.1.27
186
-
187
- ### Patch Changes
188
-
189
- - @sproutsocial/seeds-react-icon@2.2.6
190
-
191
- ## 1.1.26
192
-
193
- ### Patch Changes
194
-
195
- - @sproutsocial/seeds-react-icon@2.2.5
196
- - @sproutsocial/seeds-react-mixins@4.3.1
197
-
198
- ## 1.1.25
199
-
200
- ### Patch Changes
201
-
202
- - Updated dependencies [5bb63e1]
203
- - @sproutsocial/seeds-react-mixins@4.3.0
204
-
205
- ## 1.1.24
206
-
207
- ### Patch Changes
208
-
209
- - @sproutsocial/seeds-react-icon@2.2.4
210
- - @sproutsocial/seeds-react-mixins@4.2.5
211
-
212
- ## 1.1.23
213
-
214
- ### Patch Changes
215
-
216
- - @sproutsocial/seeds-react-icon@2.2.3
217
-
218
- ## 1.1.22
219
-
220
- ### Patch Changes
221
-
222
- - Updated dependencies [131db40]
223
- - @sproutsocial/seeds-react-icon@2.2.2
224
-
225
- ## 1.1.21
226
-
227
- ### Patch Changes
228
-
229
- - @sproutsocial/seeds-react-icon@2.2.1
230
-
231
- ## 1.1.20
232
-
233
- ### Patch Changes
234
-
235
- - Updated dependencies [c7f2c70]
236
- - @sproutsocial/seeds-react-icon@2.2.0
237
- - @sproutsocial/seeds-react-mixins@4.2.4
238
-
239
- ## 1.1.19
240
-
241
- ### Patch Changes
242
-
243
- - 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.
244
-
245
- ## 1.1.18
246
-
247
- ### Patch Changes
248
-
249
- - @sproutsocial/seeds-react-icon@2.1.2
250
- - @sproutsocial/seeds-react-mixins@4.2.3
251
-
252
- ## 1.1.17
253
-
254
- ### Patch Changes
255
-
256
- - @sproutsocial/seeds-react-icon@2.1.1
257
- - @sproutsocial/seeds-react-mixins@4.2.2
258
-
259
- ## 1.1.16
260
-
261
- ### Patch Changes
262
-
263
- - Updated dependencies [b147e07]
264
- - @sproutsocial/seeds-react-icon@2.1.0
265
-
266
- ## 1.1.15
267
-
268
- ### Patch Changes
269
-
270
- - @sproutsocial/seeds-react-icon@2.0.5
271
- - @sproutsocial/seeds-react-mixins@4.2.1
272
-
273
- ## 1.1.14
274
-
275
- ### Patch Changes
276
-
277
- - 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.
278
-
279
- ## 1.1.13
280
-
281
- ### Patch Changes
282
-
283
- - 2b1bb50: Add missing styled-system dependency
284
-
285
- 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.
286
-
287
- ## 1.1.12
288
-
289
- ### Patch Changes
290
-
291
- - Updated dependencies [750d1ea]
292
- - @sproutsocial/seeds-react-mixins@4.2.0
293
- - @sproutsocial/seeds-react-icon@2.0.4
294
-
295
- ## 1.1.11
296
-
297
- ### Patch Changes
298
-
299
- - @sproutsocial/seeds-react-icon@2.0.3
300
-
301
- ## 1.1.10
302
-
303
- ### Patch Changes
304
-
305
- - @sproutsocial/seeds-react-icon@2.0.2
306
-
307
- ## 1.1.9
308
-
309
- ### Patch Changes
310
-
311
- - @sproutsocial/seeds-react-icon@2.0.1
312
- - @sproutsocial/seeds-react-mixins@4.1.6
313
-
314
- ## 1.1.8
315
-
316
- ### Patch Changes
317
-
318
- - Updated dependencies [40248a0]
319
- - @sproutsocial/seeds-react-icon@2.0.0
320
-
321
- ## 1.1.7
322
-
323
- ### Patch Changes
324
-
325
- - @sproutsocial/seeds-react-icon@1.1.8
326
- - @sproutsocial/seeds-react-mixins@4.1.5
327
-
328
- ## 1.1.6
329
-
330
- ### Patch Changes
331
-
332
- - @sproutsocial/seeds-react-icon@1.1.7
333
-
334
- ## 1.1.5
335
-
336
- ### Patch Changes
337
-
338
- - @sproutsocial/seeds-react-icon@1.1.6
339
-
340
- ## 1.1.4
341
-
342
- ### Patch Changes
343
-
344
- - @sproutsocial/seeds-react-icon@1.1.5
345
- - @sproutsocial/seeds-react-mixins@4.1.4
346
-
347
- ## 1.1.3
348
-
349
- ### Patch Changes
350
-
351
- - @sproutsocial/seeds-react-icon@1.1.4
352
- - @sproutsocial/seeds-react-mixins@4.1.3
353
-
354
- ## 1.1.2
355
-
356
- ### Patch Changes
357
-
358
- - @sproutsocial/seeds-react-icon@1.1.3
359
- - @sproutsocial/seeds-react-mixins@4.1.2
360
-
361
- ## 1.1.1
362
-
363
- ### Patch Changes
364
-
365
- - 9fd8bac: Update dependencies to use semantic package version instead of wildcards
366
- - Updated dependencies [9fd8bac]
367
- - @sproutsocial/seeds-react-system-props@3.0.2
368
- - @sproutsocial/seeds-react-mixins@4.1.1
369
- - @sproutsocial/seeds-react-icon@1.1.2
370
-
371
- ## 1.1.0
372
-
373
- ### Minor Changes
374
-
375
- - 7614f9d: Refactors Card types
376
- - 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.
377
- - Adds TypeGenericCard to CardTypes, which describes the general type for Card, regardless of its role.
378
- - This allows us to lean less heavily on the discriminated union type, which is not supported by react-docgen or inline IDE documentation.
379
-
380
- ### Patch Changes
381
-
382
- - Updated dependencies [90d312b]
383
- - @sproutsocial/seeds-react-mixins@4.1.0
384
-
385
- ## 1.0.0
386
-
387
- ### Major Changes
388
-
389
- - 048afcf: - Migrate Card to seeds-react-card
390
- - Migrate SpotIllustration to seeds-react-spot-illustration
package/jest.config.js DELETED
@@ -1,9 +0,0 @@
1
- const baseConfig = require("@sproutsocial/seeds-testing");
2
-
3
- /** * @type {import('jest').Config} */
4
- const config = {
5
- ...baseConfig,
6
- displayName: "seeds-react-card",
7
- };
8
-
9
- module.exports = config;
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 |