@sproutsocial/racine 31.7.7 → 31.7.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.
- package/CHANGELOG.md +138 -0
- package/dist/components.css +307 -3
- package/package.json +66 -66
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,143 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 31.7.9
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [ec3edb8]
|
|
8
|
+
- Updated dependencies [b77aca0]
|
|
9
|
+
- Updated dependencies [2e72599]
|
|
10
|
+
- @sproutsocial/seeds-react-button@2.3.0
|
|
11
|
+
- @sproutsocial/seeds-react-container@0.3.20
|
|
12
|
+
- @sproutsocial/seeds-react-system-props@3.1.3
|
|
13
|
+
- @sproutsocial/seeds-react-theme@4.3.0
|
|
14
|
+
- @sproutsocial/seeds-react-accordion@0.4.55
|
|
15
|
+
- @sproutsocial/seeds-react-banner@1.1.27
|
|
16
|
+
- @sproutsocial/seeds-react-content-block@0.5.20
|
|
17
|
+
- @sproutsocial/seeds-react-data-table@2.6.28
|
|
18
|
+
- @sproutsocial/seeds-react-datepicker@1.0.44
|
|
19
|
+
- @sproutsocial/seeds-react-drawer@2.2.13
|
|
20
|
+
- @sproutsocial/seeds-react-empty-state@1.0.28
|
|
21
|
+
- @sproutsocial/seeds-react-input@1.5.33
|
|
22
|
+
- @sproutsocial/seeds-react-list@0.3.32
|
|
23
|
+
- @sproutsocial/seeds-react-loader-button@1.0.51
|
|
24
|
+
- @sproutsocial/seeds-react-message@1.0.54
|
|
25
|
+
- @sproutsocial/seeds-react-modal@2.5.28
|
|
26
|
+
- @sproutsocial/seeds-react-narrative-kit@0.6.2
|
|
27
|
+
- @sproutsocial/seeds-react-panel@1.0.6
|
|
28
|
+
- @sproutsocial/seeds-react-peek-in@0.3.5
|
|
29
|
+
- @sproutsocial/seeds-react-popout@2.5.14
|
|
30
|
+
- @sproutsocial/seeds-react-segmented-control@1.1.27
|
|
31
|
+
- @sproutsocial/seeds-react-tabs@1.4.17
|
|
32
|
+
- @sproutsocial/seeds-react-tooltip@1.1.32
|
|
33
|
+
- @sproutsocial/seeds-react-avatar@1.1.22
|
|
34
|
+
- @sproutsocial/seeds-react-badge@2.0.39
|
|
35
|
+
- @sproutsocial/seeds-react-box@1.1.26
|
|
36
|
+
- @sproutsocial/seeds-react-breadcrumb@1.1.12
|
|
37
|
+
- @sproutsocial/seeds-react-card@1.1.47
|
|
38
|
+
- @sproutsocial/seeds-react-character-counter@1.0.6
|
|
39
|
+
- @sproutsocial/seeds-react-chart-legend@1.0.46
|
|
40
|
+
- @sproutsocial/seeds-react-chat-bubble@0.2.4
|
|
41
|
+
- @sproutsocial/seeds-react-checkbox@1.3.47
|
|
42
|
+
- @sproutsocial/seeds-react-duration@1.0.29
|
|
43
|
+
- @sproutsocial/seeds-react-fieldset@1.0.29
|
|
44
|
+
- @sproutsocial/seeds-react-form-field@1.1.23
|
|
45
|
+
- @sproutsocial/seeds-react-grid@0.2.10
|
|
46
|
+
- @sproutsocial/seeds-react-icon@2.4.5
|
|
47
|
+
- @sproutsocial/seeds-react-image@1.0.26
|
|
48
|
+
- @sproutsocial/seeds-react-indicator@1.0.45
|
|
49
|
+
- @sproutsocial/seeds-react-keyboard-key@1.0.28
|
|
50
|
+
- @sproutsocial/seeds-react-label@1.0.28
|
|
51
|
+
- @sproutsocial/seeds-react-link@1.1.18
|
|
52
|
+
- @sproutsocial/seeds-react-loader@1.0.28
|
|
53
|
+
- @sproutsocial/seeds-react-numeral@1.0.53
|
|
54
|
+
- @sproutsocial/seeds-react-pagination@0.1.26
|
|
55
|
+
- @sproutsocial/seeds-react-partner-logo@1.7.18
|
|
56
|
+
- @sproutsocial/seeds-react-progress@0.2.13
|
|
57
|
+
- @sproutsocial/seeds-react-radio@1.3.29
|
|
58
|
+
- @sproutsocial/seeds-react-rating@1.0.46
|
|
59
|
+
- @sproutsocial/seeds-react-select@1.1.46
|
|
60
|
+
- @sproutsocial/seeds-react-skeleton@1.1.26
|
|
61
|
+
- @sproutsocial/seeds-react-stack@1.0.26
|
|
62
|
+
- @sproutsocial/seeds-react-switch@1.2.45
|
|
63
|
+
- @sproutsocial/seeds-react-table@1.0.47
|
|
64
|
+
- @sproutsocial/seeds-react-text@1.5.2
|
|
65
|
+
- @sproutsocial/seeds-react-textarea@1.0.27
|
|
66
|
+
- @sproutsocial/seeds-react-toast@1.0.47
|
|
67
|
+
- @sproutsocial/seeds-react-token@1.5.12
|
|
68
|
+
- @sproutsocial/seeds-react-token-input@1.4.55
|
|
69
|
+
- @sproutsocial/seeds-react-visually-hidden@1.0.27
|
|
70
|
+
- @sproutsocial/seeds-react-hooks@3.2.6
|
|
71
|
+
- @sproutsocial/seeds-react-mixins@4.3.11
|
|
72
|
+
- @sproutsocial/seeds-react-theme-provider@1.1.24
|
|
73
|
+
- @sproutsocial/seeds-react-content-header@0.2.25
|
|
74
|
+
|
|
75
|
+
## 31.7.8
|
|
76
|
+
|
|
77
|
+
### Patch Changes
|
|
78
|
+
|
|
79
|
+
- Updated dependencies [d21ae54]
|
|
80
|
+
- @sproutsocial/seeds-react-theme@4.2.1
|
|
81
|
+
- @sproutsocial/seeds-react-button@2.2.5
|
|
82
|
+
- @sproutsocial/seeds-react-theme-provider@1.1.23
|
|
83
|
+
- @sproutsocial/seeds-react-accordion@0.4.54
|
|
84
|
+
- @sproutsocial/seeds-react-avatar@1.1.21
|
|
85
|
+
- @sproutsocial/seeds-react-banner@1.1.26
|
|
86
|
+
- @sproutsocial/seeds-react-box@1.1.25
|
|
87
|
+
- @sproutsocial/seeds-react-breadcrumb@1.1.11
|
|
88
|
+
- @sproutsocial/seeds-react-card@1.1.46
|
|
89
|
+
- @sproutsocial/seeds-react-chart-legend@1.0.45
|
|
90
|
+
- @sproutsocial/seeds-react-container@0.3.19
|
|
91
|
+
- @sproutsocial/seeds-react-content-block@0.5.19
|
|
92
|
+
- @sproutsocial/seeds-react-data-table@2.6.27
|
|
93
|
+
- @sproutsocial/seeds-react-datepicker@1.0.43
|
|
94
|
+
- @sproutsocial/seeds-react-drawer@2.2.12
|
|
95
|
+
- @sproutsocial/seeds-react-duration@1.0.28
|
|
96
|
+
- @sproutsocial/seeds-react-empty-state@1.0.27
|
|
97
|
+
- @sproutsocial/seeds-react-fieldset@1.0.28
|
|
98
|
+
- @sproutsocial/seeds-react-form-field@1.1.22
|
|
99
|
+
- @sproutsocial/seeds-react-grid@0.2.9
|
|
100
|
+
- @sproutsocial/seeds-react-hooks@3.2.5
|
|
101
|
+
- @sproutsocial/seeds-react-icon@2.4.4
|
|
102
|
+
- @sproutsocial/seeds-react-image@1.0.25
|
|
103
|
+
- @sproutsocial/seeds-react-indicator@1.0.44
|
|
104
|
+
- @sproutsocial/seeds-react-keyboard-key@1.0.27
|
|
105
|
+
- @sproutsocial/seeds-react-label@1.0.27
|
|
106
|
+
- @sproutsocial/seeds-react-link@1.1.17
|
|
107
|
+
- @sproutsocial/seeds-react-list@0.3.31
|
|
108
|
+
- @sproutsocial/seeds-react-loader@1.0.27
|
|
109
|
+
- @sproutsocial/seeds-react-loader-button@1.0.50
|
|
110
|
+
- @sproutsocial/seeds-react-message@1.0.53
|
|
111
|
+
- @sproutsocial/seeds-react-mixins@4.3.10
|
|
112
|
+
- @sproutsocial/seeds-react-modal@2.5.27
|
|
113
|
+
- @sproutsocial/seeds-react-narrative-kit@0.6.1
|
|
114
|
+
- @sproutsocial/seeds-react-numeral@1.0.52
|
|
115
|
+
- @sproutsocial/seeds-react-pagination@0.1.25
|
|
116
|
+
- @sproutsocial/seeds-react-panel@1.0.5
|
|
117
|
+
- @sproutsocial/seeds-react-partner-logo@1.7.17
|
|
118
|
+
- @sproutsocial/seeds-react-progress@0.2.12
|
|
119
|
+
- @sproutsocial/seeds-react-rating@1.0.45
|
|
120
|
+
- @sproutsocial/seeds-react-segmented-control@1.1.26
|
|
121
|
+
- @sproutsocial/seeds-react-select@1.1.45
|
|
122
|
+
- @sproutsocial/seeds-react-skeleton@1.1.25
|
|
123
|
+
- @sproutsocial/seeds-react-stack@1.0.25
|
|
124
|
+
- @sproutsocial/seeds-react-table@1.0.46
|
|
125
|
+
- @sproutsocial/seeds-react-tabs@1.4.16
|
|
126
|
+
- @sproutsocial/seeds-react-textarea@1.0.26
|
|
127
|
+
- @sproutsocial/seeds-react-toast@1.0.46
|
|
128
|
+
- @sproutsocial/seeds-react-token@1.5.11
|
|
129
|
+
- @sproutsocial/seeds-react-token-input@1.4.54
|
|
130
|
+
- @sproutsocial/seeds-react-tooltip@1.1.31
|
|
131
|
+
- @sproutsocial/seeds-react-visually-hidden@1.0.26
|
|
132
|
+
- @sproutsocial/seeds-react-input@1.5.32
|
|
133
|
+
- @sproutsocial/seeds-react-peek-in@0.3.4
|
|
134
|
+
- @sproutsocial/seeds-react-popout@2.5.13
|
|
135
|
+
- @sproutsocial/seeds-react-badge@2.0.38
|
|
136
|
+
- @sproutsocial/seeds-react-checkbox@1.3.46
|
|
137
|
+
- @sproutsocial/seeds-react-content-header@0.2.24
|
|
138
|
+
- @sproutsocial/seeds-react-switch@1.2.44
|
|
139
|
+
- @sproutsocial/seeds-react-radio@1.3.28
|
|
140
|
+
|
|
3
141
|
## 31.7.7
|
|
4
142
|
|
|
5
143
|
### Patch Changes
|
package/dist/components.css
CHANGED
|
@@ -172,6 +172,84 @@
|
|
|
172
172
|
}
|
|
173
173
|
}
|
|
174
174
|
|
|
175
|
+
/* --- seeds-react-badge --- */
|
|
176
|
+
/**
|
|
177
|
+
* Seeds Badge component classes
|
|
178
|
+
* Use these instead of writing out individual Tailwind utility classes.
|
|
179
|
+
*
|
|
180
|
+
* Requires @sproutsocial/seeds-react-theme/dist/theme-all.css imported for
|
|
181
|
+
* CSS variable definitions and dark mode support.
|
|
182
|
+
*
|
|
183
|
+
* All rules are wrapped in `@layer components` so that consumer Tailwind
|
|
184
|
+
* utilities (unlayered) win the cascade over these styles.
|
|
185
|
+
*/
|
|
186
|
+
|
|
187
|
+
@layer components {
|
|
188
|
+
.seeds-badge {
|
|
189
|
+
font-family: var(--font-family);
|
|
190
|
+
border-radius: 9999px;
|
|
191
|
+
line-height: 16px;
|
|
192
|
+
display: inline-flex;
|
|
193
|
+
align-items: center;
|
|
194
|
+
justify-content: center;
|
|
195
|
+
color: var(--color-text-body);
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
.seeds-badge-sm {
|
|
199
|
+
font-size: var(--font-size-100);
|
|
200
|
+
padding: var(--space-0) var(--space-200);
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
.seeds-badge-lg {
|
|
204
|
+
font-size: var(--font-size-200);
|
|
205
|
+
padding: var(--space-300);
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
.seeds-badge-green {
|
|
209
|
+
background: var(--color-container-bg-decorative-green);
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
.seeds-badge-blue {
|
|
213
|
+
background: var(--color-container-bg-decorative-blue);
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
.seeds-badge-purple {
|
|
217
|
+
background: var(--color-container-bg-decorative-purple);
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
.seeds-badge-yellow {
|
|
221
|
+
background: var(--color-container-bg-decorative-yellow);
|
|
222
|
+
}
|
|
223
|
+
|
|
224
|
+
.seeds-badge-orange {
|
|
225
|
+
background: var(--color-container-bg-decorative-orange);
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
.seeds-badge-red {
|
|
229
|
+
background: var(--color-container-bg-decorative-red);
|
|
230
|
+
}
|
|
231
|
+
|
|
232
|
+
.seeds-badge-neutral {
|
|
233
|
+
background: var(--color-container-bg-decorative-neutral);
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
.seeds-badge-magenta {
|
|
237
|
+
background: var(--color-container-bg-decorative-magenta);
|
|
238
|
+
}
|
|
239
|
+
|
|
240
|
+
.seeds-badge-pink {
|
|
241
|
+
background: var(--color-container-bg-decorative-pink);
|
|
242
|
+
}
|
|
243
|
+
|
|
244
|
+
.seeds-badge-aqua {
|
|
245
|
+
background: var(--color-container-bg-decorative-aqua);
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
.seeds-badge-teal {
|
|
249
|
+
background: var(--color-container-bg-decorative-teal);
|
|
250
|
+
}
|
|
251
|
+
}
|
|
252
|
+
|
|
175
253
|
/* --- seeds-react-banner --- */
|
|
176
254
|
/**
|
|
177
255
|
* Seeds Banner component classes
|
|
@@ -251,6 +329,61 @@
|
|
|
251
329
|
}
|
|
252
330
|
}
|
|
253
331
|
|
|
332
|
+
/* --- seeds-react-breadcrumb --- */
|
|
333
|
+
/**
|
|
334
|
+
* Seeds Breadcrumb component classes
|
|
335
|
+
* Use these instead of writing out individual Tailwind utility classes.
|
|
336
|
+
*
|
|
337
|
+
* Requires @sproutsocial/seeds-react-theme/dist/theme-all.css imported for
|
|
338
|
+
* CSS variable definitions and dark mode support.
|
|
339
|
+
*
|
|
340
|
+
* All rules are wrapped in `@layer components` so that consumer Tailwind
|
|
341
|
+
* utilities (unlayered) win the cascade over these styles.
|
|
342
|
+
*/
|
|
343
|
+
|
|
344
|
+
@layer components {
|
|
345
|
+
.seeds-breadcrumb ol {
|
|
346
|
+
font-size: var(--font-size-200);
|
|
347
|
+
line-height: var(--line-height-200);
|
|
348
|
+
margin: 0;
|
|
349
|
+
font-family: var(--font-family);
|
|
350
|
+
padding: 0;
|
|
351
|
+
display: flex;
|
|
352
|
+
}
|
|
353
|
+
|
|
354
|
+
.seeds-breadcrumb li {
|
|
355
|
+
margin-right: var(--space-200);
|
|
356
|
+
display: flex;
|
|
357
|
+
}
|
|
358
|
+
|
|
359
|
+
.seeds-breadcrumb a,
|
|
360
|
+
.seeds-breadcrumb button {
|
|
361
|
+
font-size: var(--font-size-200);
|
|
362
|
+
line-height: var(--line-height-200);
|
|
363
|
+
max-width: 200px;
|
|
364
|
+
overflow: hidden;
|
|
365
|
+
text-overflow: ellipsis;
|
|
366
|
+
white-space: nowrap;
|
|
367
|
+
}
|
|
368
|
+
|
|
369
|
+
.seeds-breadcrumb ol > div + li::before {
|
|
370
|
+
content: "/";
|
|
371
|
+
margin-right: var(--space-200);
|
|
372
|
+
}
|
|
373
|
+
|
|
374
|
+
.seeds-breadcrumb li:last-child a,
|
|
375
|
+
.seeds-breadcrumb li:last-child button {
|
|
376
|
+
color: var(--color-text-body);
|
|
377
|
+
font-weight: bold;
|
|
378
|
+
}
|
|
379
|
+
|
|
380
|
+
.seeds-breadcrumb li:not(:last-child)::after {
|
|
381
|
+
content: "/";
|
|
382
|
+
color: var(--color-text-body);
|
|
383
|
+
margin-left: var(--space-200);
|
|
384
|
+
}
|
|
385
|
+
}
|
|
386
|
+
|
|
254
387
|
/* --- seeds-react-button --- */
|
|
255
388
|
/**
|
|
256
389
|
* Seeds Button component classes
|
|
@@ -284,7 +417,7 @@
|
|
|
284
417
|
cursor: pointer;
|
|
285
418
|
text-decoration: none;
|
|
286
419
|
line-height: 1rem;
|
|
287
|
-
white-space:
|
|
420
|
+
white-space: normal;
|
|
288
421
|
font-weight: var(--font-weight-bold);
|
|
289
422
|
transition-property: all;
|
|
290
423
|
transition-duration: var(--duration-fast);
|
|
@@ -314,6 +447,10 @@
|
|
|
314
447
|
font-size: var(--font-size-300);
|
|
315
448
|
}
|
|
316
449
|
|
|
450
|
+
.seeds-btn-fullwidth {
|
|
451
|
+
width: 100%;
|
|
452
|
+
}
|
|
453
|
+
|
|
317
454
|
.seeds-btn-primary {
|
|
318
455
|
background-color: var(--color-button-primary-bg-base);
|
|
319
456
|
color: var(--color-button-primary-text-base);
|
|
@@ -395,8 +532,10 @@
|
|
|
395
532
|
}
|
|
396
533
|
|
|
397
534
|
.seeds-btn-ai-secondary {
|
|
398
|
-
/*
|
|
399
|
-
|
|
535
|
+
/* The base surface shows through the 20% gradient tint to produce the soft
|
|
536
|
+
fill. Uses the themed container surface (white in light, dark surface in
|
|
537
|
+
dark mode) so the tint composites correctly in both modes. */
|
|
538
|
+
background-color: var(--color-container-bg-base);
|
|
400
539
|
background-image: var(--color-button-ai-secondary-bg-base);
|
|
401
540
|
background-origin: border-box;
|
|
402
541
|
background-repeat: no-repeat;
|
|
@@ -495,6 +634,68 @@
|
|
|
495
634
|
}
|
|
496
635
|
|
|
497
636
|
/* end @layer components */
|
|
637
|
+
/* --- seeds-react-chat-bubble --- */
|
|
638
|
+
/**
|
|
639
|
+
* Seeds ChatBubble component classes
|
|
640
|
+
* Use these instead of writing out individual Tailwind utility classes.
|
|
641
|
+
*
|
|
642
|
+
* Requires @sproutsocial/seeds-react-theme/dist/theme-all.css imported for
|
|
643
|
+
* CSS variable definitions and dark mode support.
|
|
644
|
+
*
|
|
645
|
+
* All rules are wrapped in `@layer components` so that consumer Tailwind
|
|
646
|
+
* utilities (unlayered) win the cascade over these styles.
|
|
647
|
+
*/
|
|
648
|
+
|
|
649
|
+
@layer components {
|
|
650
|
+
.seeds-chat-bubble {
|
|
651
|
+
font-family: var(--font-family);
|
|
652
|
+
display: inline-flex;
|
|
653
|
+
align-items: center;
|
|
654
|
+
max-width: 80%;
|
|
655
|
+
word-break: break-word;
|
|
656
|
+
}
|
|
657
|
+
|
|
658
|
+
.seeds-chat-bubble-default {
|
|
659
|
+
font-size: var(--font-size-300);
|
|
660
|
+
line-height: var(--line-height-300);
|
|
661
|
+
padding: var(--space-300) var(--space-400);
|
|
662
|
+
}
|
|
663
|
+
|
|
664
|
+
.seeds-chat-bubble-small {
|
|
665
|
+
font-size: var(--font-size-200);
|
|
666
|
+
line-height: var(--line-height-200);
|
|
667
|
+
padding: var(--space-200) var(--space-300);
|
|
668
|
+
}
|
|
669
|
+
|
|
670
|
+
.seeds-chat-bubble-sent {
|
|
671
|
+
align-self: flex-end;
|
|
672
|
+
color: var(--color-text-inverse);
|
|
673
|
+
background: var(--color-button-primary-bg-base);
|
|
674
|
+
}
|
|
675
|
+
|
|
676
|
+
.seeds-chat-bubble-received {
|
|
677
|
+
align-self: flex-start;
|
|
678
|
+
color: var(--color-text-body);
|
|
679
|
+
background: var(--color-container-bg-decorative-blue);
|
|
680
|
+
}
|
|
681
|
+
|
|
682
|
+
.seeds-chat-bubble-sent.seeds-chat-bubble-default {
|
|
683
|
+
border-radius: 16px 16px 0px 16px;
|
|
684
|
+
}
|
|
685
|
+
|
|
686
|
+
.seeds-chat-bubble-received.seeds-chat-bubble-default {
|
|
687
|
+
border-radius: 16px 16px 16px 0px;
|
|
688
|
+
}
|
|
689
|
+
|
|
690
|
+
.seeds-chat-bubble-sent.seeds-chat-bubble-small {
|
|
691
|
+
border-radius: 12px 12px 0px 12px;
|
|
692
|
+
}
|
|
693
|
+
|
|
694
|
+
.seeds-chat-bubble-received.seeds-chat-bubble-small {
|
|
695
|
+
border-radius: 12px 12px 12px 0px;
|
|
696
|
+
}
|
|
697
|
+
}
|
|
698
|
+
|
|
498
699
|
/* --- seeds-react-collapsible --- */
|
|
499
700
|
/**
|
|
500
701
|
* Seeds Collapsible component classes
|
|
@@ -540,6 +741,26 @@
|
|
|
540
741
|
}
|
|
541
742
|
}
|
|
542
743
|
|
|
744
|
+
/* --- seeds-react-container --- */
|
|
745
|
+
/**
|
|
746
|
+
* Seeds Container component class. Mirrors the container mixin from
|
|
747
|
+
* @sproutsocial/seeds-react-mixins.
|
|
748
|
+
*
|
|
749
|
+
* Requires @sproutsocial/seeds-react-theme/dist/theme-all.css imported for
|
|
750
|
+
* CSS variable definitions and dark mode support.
|
|
751
|
+
*
|
|
752
|
+
* All rules are wrapped in @layer components so that consumer Tailwind
|
|
753
|
+
* utilities (unlayered) win the cascade over these styles.
|
|
754
|
+
*/
|
|
755
|
+
|
|
756
|
+
@layer components {
|
|
757
|
+
.seeds-container {
|
|
758
|
+
background: var(--color-container-bg-base);
|
|
759
|
+
border: 1px solid var(--color-container-border-base);
|
|
760
|
+
border-radius: var(--radius-outer);
|
|
761
|
+
}
|
|
762
|
+
}
|
|
763
|
+
|
|
543
764
|
/* --- seeds-react-content-block --- */
|
|
544
765
|
/**
|
|
545
766
|
* Seeds ContentBlock component classes
|
|
@@ -1078,6 +1299,44 @@
|
|
|
1078
1299
|
}
|
|
1079
1300
|
}
|
|
1080
1301
|
|
|
1302
|
+
/* --- seeds-react-indicator --- */
|
|
1303
|
+
/**
|
|
1304
|
+
* Seeds Indicator component classes
|
|
1305
|
+
* Use these instead of writing out individual Tailwind utility classes.
|
|
1306
|
+
*
|
|
1307
|
+
* Requires @sproutsocial/seeds-react-theme/dist/theme-all.css imported for
|
|
1308
|
+
* CSS variable definitions and dark mode support.
|
|
1309
|
+
*
|
|
1310
|
+
* All rules are wrapped in `@layer components` so that consumer Tailwind
|
|
1311
|
+
* utilities (unlayered) win the cascade over these styles.
|
|
1312
|
+
*/
|
|
1313
|
+
|
|
1314
|
+
@layer components {
|
|
1315
|
+
.seeds-indicator {
|
|
1316
|
+
position: relative;
|
|
1317
|
+
display: inline-flex;
|
|
1318
|
+
justify-content: center;
|
|
1319
|
+
align-items: center;
|
|
1320
|
+
width: var(--space-400);
|
|
1321
|
+
height: var(--space-400);
|
|
1322
|
+
font-size: 10px;
|
|
1323
|
+
line-height: 0;
|
|
1324
|
+
color: var(--color-icon-info);
|
|
1325
|
+
text-align: center;
|
|
1326
|
+
}
|
|
1327
|
+
|
|
1328
|
+
.seeds-indicator > div {
|
|
1329
|
+
position: absolute;
|
|
1330
|
+
width: 1px;
|
|
1331
|
+
height: 1px;
|
|
1332
|
+
padding: 0;
|
|
1333
|
+
margin: -1px;
|
|
1334
|
+
overflow: hidden;
|
|
1335
|
+
clip: rect(0 0 0 0);
|
|
1336
|
+
border: 0;
|
|
1337
|
+
}
|
|
1338
|
+
}
|
|
1339
|
+
|
|
1081
1340
|
/* --- seeds-react-input --- */
|
|
1082
1341
|
/**
|
|
1083
1342
|
* Seeds Input component classes
|
|
@@ -1213,6 +1472,51 @@
|
|
|
1213
1472
|
}
|
|
1214
1473
|
}
|
|
1215
1474
|
|
|
1475
|
+
/* --- seeds-react-keyboard-key --- */
|
|
1476
|
+
/**
|
|
1477
|
+
* Seeds KeyboardKey component classes
|
|
1478
|
+
* Use these instead of writing out individual Tailwind utility classes.
|
|
1479
|
+
*
|
|
1480
|
+
* Requires @sproutsocial/seeds-react-theme/dist/theme-all.css imported for
|
|
1481
|
+
* CSS variable definitions and dark mode support.
|
|
1482
|
+
*
|
|
1483
|
+
* All rules are wrapped in `@layer components` so that consumer Tailwind
|
|
1484
|
+
* utilities (unlayered) win the cascade over these styles.
|
|
1485
|
+
*/
|
|
1486
|
+
|
|
1487
|
+
@layer components {
|
|
1488
|
+
.seeds-keyboard-key {
|
|
1489
|
+
display: inline-flex;
|
|
1490
|
+
color: var(--color-text-body);
|
|
1491
|
+
background-color: var(--color-container-bg-base);
|
|
1492
|
+
border: 1px solid var(--color-container-border-base);
|
|
1493
|
+
border-radius: var(--radius-500);
|
|
1494
|
+
box-shadow: var(--shadow-low);
|
|
1495
|
+
padding: 0 var(--space-200);
|
|
1496
|
+
min-width: 20px;
|
|
1497
|
+
justify-content: center;
|
|
1498
|
+
}
|
|
1499
|
+
}
|
|
1500
|
+
|
|
1501
|
+
/* --- seeds-react-label --- */
|
|
1502
|
+
/**
|
|
1503
|
+
* Seeds Label component classes
|
|
1504
|
+
* Use these instead of writing out individual Tailwind utility classes.
|
|
1505
|
+
*
|
|
1506
|
+
* Requires @sproutsocial/seeds-react-theme/dist/theme-all.css imported for
|
|
1507
|
+
* CSS variable definitions and dark mode support.
|
|
1508
|
+
*
|
|
1509
|
+
* All rules are wrapped in `@layer components` so that consumer Tailwind
|
|
1510
|
+
* utilities (unlayered) win the cascade over these styles.
|
|
1511
|
+
*/
|
|
1512
|
+
|
|
1513
|
+
@layer components {
|
|
1514
|
+
.seeds-label {
|
|
1515
|
+
display: flex;
|
|
1516
|
+
align-items: center;
|
|
1517
|
+
}
|
|
1518
|
+
}
|
|
1519
|
+
|
|
1216
1520
|
/* --- seeds-react-link --- */
|
|
1217
1521
|
/**
|
|
1218
1522
|
* Seeds Link component classes
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sproutsocial/racine",
|
|
3
|
-
"version": "31.7.
|
|
3
|
+
"version": "31.7.9",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"engines": {
|
|
6
6
|
"node": ">=18"
|
|
@@ -73,74 +73,74 @@
|
|
|
73
73
|
},
|
|
74
74
|
"dependencies": {
|
|
75
75
|
"@size-limit/file": "^11.1.6",
|
|
76
|
-
"@sproutsocial/seeds-react-accordion": "^0.4.
|
|
77
|
-
"@sproutsocial/seeds-react-avatar": "^1.1.
|
|
78
|
-
"@sproutsocial/seeds-react-badge": "^2.0.
|
|
79
|
-
"@sproutsocial/seeds-react-banner": "^1.1.
|
|
80
|
-
"@sproutsocial/seeds-react-box": "^1.1.
|
|
81
|
-
"@sproutsocial/seeds-react-breadcrumb": "^1.1.
|
|
82
|
-
"@sproutsocial/seeds-react-button": "^2.
|
|
83
|
-
"@sproutsocial/seeds-react-card": "^1.1.
|
|
84
|
-
"@sproutsocial/seeds-react-character-counter": "^1.0.
|
|
85
|
-
"@sproutsocial/seeds-react-chart-legend": "^1.0.
|
|
86
|
-
"@sproutsocial/seeds-react-chat-bubble": "^0.2.
|
|
87
|
-
"@sproutsocial/seeds-react-checkbox": "^1.3.
|
|
76
|
+
"@sproutsocial/seeds-react-accordion": "^0.4.55",
|
|
77
|
+
"@sproutsocial/seeds-react-avatar": "^1.1.22",
|
|
78
|
+
"@sproutsocial/seeds-react-badge": "^2.0.39",
|
|
79
|
+
"@sproutsocial/seeds-react-banner": "^1.1.27",
|
|
80
|
+
"@sproutsocial/seeds-react-box": "^1.1.26",
|
|
81
|
+
"@sproutsocial/seeds-react-breadcrumb": "^1.1.12",
|
|
82
|
+
"@sproutsocial/seeds-react-button": "^2.3.0",
|
|
83
|
+
"@sproutsocial/seeds-react-card": "^1.1.47",
|
|
84
|
+
"@sproutsocial/seeds-react-character-counter": "^1.0.6",
|
|
85
|
+
"@sproutsocial/seeds-react-chart-legend": "^1.0.46",
|
|
86
|
+
"@sproutsocial/seeds-react-chat-bubble": "^0.2.4",
|
|
87
|
+
"@sproutsocial/seeds-react-checkbox": "^1.3.47",
|
|
88
88
|
"@sproutsocial/seeds-react-collapsible": "^2.0.1",
|
|
89
|
-
"@sproutsocial/seeds-react-container": "^0.3.
|
|
90
|
-
"@sproutsocial/seeds-react-content-block": "^0.5.
|
|
91
|
-
"@sproutsocial/seeds-react-content-header": "^0.2.
|
|
92
|
-
"@sproutsocial/seeds-react-data-table": "^2.6.
|
|
93
|
-
"@sproutsocial/seeds-react-datepicker": "^1.0.
|
|
94
|
-
"@sproutsocial/seeds-react-drawer": "^2.2.
|
|
95
|
-
"@sproutsocial/seeds-react-duration": "^1.0.
|
|
96
|
-
"@sproutsocial/seeds-react-empty-state": "^1.0.
|
|
97
|
-
"@sproutsocial/seeds-react-fieldset": "^1.0.
|
|
98
|
-
"@sproutsocial/seeds-react-form-field": "^1.1.
|
|
99
|
-
"@sproutsocial/seeds-react-grid": "^0.2.
|
|
100
|
-
"@sproutsocial/seeds-react-hooks": "^3.2.
|
|
101
|
-
"@sproutsocial/seeds-react-icon": "^2.4.
|
|
102
|
-
"@sproutsocial/seeds-react-image": "^1.0.
|
|
103
|
-
"@sproutsocial/seeds-react-indicator": "^1.0.
|
|
104
|
-
"@sproutsocial/seeds-react-input": "^1.5.
|
|
105
|
-
"@sproutsocial/seeds-react-keyboard-key": "^1.0.
|
|
106
|
-
"@sproutsocial/seeds-react-label": "^1.0.
|
|
107
|
-
"@sproutsocial/seeds-react-link": "^1.1.
|
|
108
|
-
"@sproutsocial/seeds-react-list": "^0.3.
|
|
109
|
-
"@sproutsocial/seeds-react-loader": "^1.0.
|
|
110
|
-
"@sproutsocial/seeds-react-loader-button": "^1.0.
|
|
111
|
-
"@sproutsocial/seeds-react-message": "^1.0.
|
|
112
|
-
"@sproutsocial/seeds-react-mixins": "^4.3.
|
|
113
|
-
"@sproutsocial/seeds-react-modal": "^2.5.
|
|
114
|
-
"@sproutsocial/seeds-react-narrative-kit": "^0.6.
|
|
115
|
-
"@sproutsocial/seeds-react-numeral": "^1.0.
|
|
116
|
-
"@sproutsocial/seeds-react-pagination": "^0.1.
|
|
117
|
-
"@sproutsocial/seeds-react-panel": "^1.0.
|
|
118
|
-
"@sproutsocial/seeds-react-peek-in": "^0.3.
|
|
119
|
-
"@sproutsocial/seeds-react-partner-logo": "^1.7.
|
|
120
|
-
"@sproutsocial/seeds-react-popout": "^2.5.
|
|
89
|
+
"@sproutsocial/seeds-react-container": "^0.3.20",
|
|
90
|
+
"@sproutsocial/seeds-react-content-block": "^0.5.20",
|
|
91
|
+
"@sproutsocial/seeds-react-content-header": "^0.2.25",
|
|
92
|
+
"@sproutsocial/seeds-react-data-table": "^2.6.28",
|
|
93
|
+
"@sproutsocial/seeds-react-datepicker": "^1.0.44",
|
|
94
|
+
"@sproutsocial/seeds-react-drawer": "^2.2.13",
|
|
95
|
+
"@sproutsocial/seeds-react-duration": "^1.0.29",
|
|
96
|
+
"@sproutsocial/seeds-react-empty-state": "^1.0.28",
|
|
97
|
+
"@sproutsocial/seeds-react-fieldset": "^1.0.29",
|
|
98
|
+
"@sproutsocial/seeds-react-form-field": "^1.1.23",
|
|
99
|
+
"@sproutsocial/seeds-react-grid": "^0.2.10",
|
|
100
|
+
"@sproutsocial/seeds-react-hooks": "^3.2.6",
|
|
101
|
+
"@sproutsocial/seeds-react-icon": "^2.4.5",
|
|
102
|
+
"@sproutsocial/seeds-react-image": "^1.0.26",
|
|
103
|
+
"@sproutsocial/seeds-react-indicator": "^1.0.45",
|
|
104
|
+
"@sproutsocial/seeds-react-input": "^1.5.33",
|
|
105
|
+
"@sproutsocial/seeds-react-keyboard-key": "^1.0.28",
|
|
106
|
+
"@sproutsocial/seeds-react-label": "^1.0.28",
|
|
107
|
+
"@sproutsocial/seeds-react-link": "^1.1.18",
|
|
108
|
+
"@sproutsocial/seeds-react-list": "^0.3.32",
|
|
109
|
+
"@sproutsocial/seeds-react-loader": "^1.0.28",
|
|
110
|
+
"@sproutsocial/seeds-react-loader-button": "^1.0.51",
|
|
111
|
+
"@sproutsocial/seeds-react-message": "^1.0.54",
|
|
112
|
+
"@sproutsocial/seeds-react-mixins": "^4.3.11",
|
|
113
|
+
"@sproutsocial/seeds-react-modal": "^2.5.28",
|
|
114
|
+
"@sproutsocial/seeds-react-narrative-kit": "^0.6.2",
|
|
115
|
+
"@sproutsocial/seeds-react-numeral": "^1.0.53",
|
|
116
|
+
"@sproutsocial/seeds-react-pagination": "^0.1.26",
|
|
117
|
+
"@sproutsocial/seeds-react-panel": "^1.0.6",
|
|
118
|
+
"@sproutsocial/seeds-react-peek-in": "^0.3.5",
|
|
119
|
+
"@sproutsocial/seeds-react-partner-logo": "^1.7.18",
|
|
120
|
+
"@sproutsocial/seeds-react-popout": "^2.5.14",
|
|
121
121
|
"@sproutsocial/seeds-react-portal": "^1.2.0",
|
|
122
|
-
"@sproutsocial/seeds-react-progress": "^0.2.
|
|
123
|
-
"@sproutsocial/seeds-react-radio": "^1.3.
|
|
124
|
-
"@sproutsocial/seeds-react-rating": "^1.0.
|
|
125
|
-
"@sproutsocial/seeds-react-segmented-control": "^1.1.
|
|
122
|
+
"@sproutsocial/seeds-react-progress": "^0.2.13",
|
|
123
|
+
"@sproutsocial/seeds-react-radio": "^1.3.29",
|
|
124
|
+
"@sproutsocial/seeds-react-rating": "^1.0.46",
|
|
125
|
+
"@sproutsocial/seeds-react-segmented-control": "^1.1.27",
|
|
126
126
|
"@sproutsocial/seeds-react-spot-illustration": "^1.2.4",
|
|
127
|
-
"@sproutsocial/seeds-react-select": "^1.1.
|
|
128
|
-
"@sproutsocial/seeds-react-skeleton": "^1.1.
|
|
129
|
-
"@sproutsocial/seeds-react-stack": "^1.0.
|
|
130
|
-
"@sproutsocial/seeds-react-switch": "^1.2.
|
|
131
|
-
"@sproutsocial/seeds-react-system-props": "^3.1.
|
|
132
|
-
"@sproutsocial/seeds-react-table": "^1.0.
|
|
133
|
-
"@sproutsocial/seeds-react-tabs": "^1.4.
|
|
134
|
-
"@sproutsocial/seeds-react-text": "^1.5.
|
|
135
|
-
"@sproutsocial/seeds-react-textarea": "^1.0.
|
|
136
|
-
"@sproutsocial/seeds-react-toast": "^1.0.
|
|
137
|
-
"@sproutsocial/seeds-react-token": "^1.5.
|
|
138
|
-
"@sproutsocial/seeds-react-token-input": "^1.4.
|
|
139
|
-
"@sproutsocial/seeds-react-tooltip": "^1.1.
|
|
140
|
-
"@sproutsocial/seeds-react-theme": "^4.
|
|
141
|
-
"@sproutsocial/seeds-react-theme-provider": "^1.1.
|
|
127
|
+
"@sproutsocial/seeds-react-select": "^1.1.46",
|
|
128
|
+
"@sproutsocial/seeds-react-skeleton": "^1.1.26",
|
|
129
|
+
"@sproutsocial/seeds-react-stack": "^1.0.26",
|
|
130
|
+
"@sproutsocial/seeds-react-switch": "^1.2.45",
|
|
131
|
+
"@sproutsocial/seeds-react-system-props": "^3.1.3",
|
|
132
|
+
"@sproutsocial/seeds-react-table": "^1.0.47",
|
|
133
|
+
"@sproutsocial/seeds-react-tabs": "^1.4.17",
|
|
134
|
+
"@sproutsocial/seeds-react-text": "^1.5.2",
|
|
135
|
+
"@sproutsocial/seeds-react-textarea": "^1.0.27",
|
|
136
|
+
"@sproutsocial/seeds-react-toast": "^1.0.47",
|
|
137
|
+
"@sproutsocial/seeds-react-token": "^1.5.12",
|
|
138
|
+
"@sproutsocial/seeds-react-token-input": "^1.4.55",
|
|
139
|
+
"@sproutsocial/seeds-react-tooltip": "^1.1.32",
|
|
140
|
+
"@sproutsocial/seeds-react-theme": "^4.3.0",
|
|
141
|
+
"@sproutsocial/seeds-react-theme-provider": "^1.1.24",
|
|
142
142
|
"@sproutsocial/seeds-react-utilities": "^4.3.0",
|
|
143
|
-
"@sproutsocial/seeds-react-visually-hidden": "^1.0.
|
|
143
|
+
"@sproutsocial/seeds-react-visually-hidden": "^1.0.27",
|
|
144
144
|
"scroll-into-view-if-needed": "^2.2.20",
|
|
145
145
|
"lodash.uniqueid": "^4.0.1",
|
|
146
146
|
"styled-system": "^5.1.5",
|
|
@@ -163,7 +163,7 @@
|
|
|
163
163
|
"@sproutsocial/seeds-motion": "^1.8.2",
|
|
164
164
|
"@sproutsocial/seeds-networkcolor": "^2.22.0",
|
|
165
165
|
"@sproutsocial/seeds-partner-logos": "^2.4.1",
|
|
166
|
-
"@sproutsocial/seeds-react-menu": "^1.16.
|
|
166
|
+
"@sproutsocial/seeds-react-menu": "^1.16.8",
|
|
167
167
|
"@sproutsocial/seeds-react-testing-library": "*",
|
|
168
168
|
"@sproutsocial/seeds-space": "^0.8.1",
|
|
169
169
|
"@sproutsocial/seeds-testing": "*",
|