@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/.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 94ms
14
- ESM dist/esm/index.js 8.14 KB
15
- ESM dist/esm/index.js.map 22.02 KB
16
- ESM ⚡️ Build success in 94ms
17
- DTS Build start
18
- DTS ⚡️ Build success in 5167ms
19
- DTS dist/index.d.ts 5.60 KB
20
- DTS dist/index.d.mts 5.60 KB
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
@@ -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 |