@sproutsocial/racine 31.5.0 → 31.7.0
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 +162 -0
- package/dist/components.css +982 -101
- package/package.json +65 -65
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,167 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 31.7.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 65b5879: Complete the Tailwind migration of `Text` by converting the seven typographic
|
|
8
|
+
sub-components (`Text.Headline`, `Text.SubHeadline`, `Text.SmallSubHeadline`,
|
|
9
|
+
`Text.Byline`, `Text.SmallByline`, `Text.BodyCopy`, `Text.SmallBodyCopy`) from
|
|
10
|
+
`styled(Container)` styled-components to the Tailwind path.
|
|
11
|
+
|
|
12
|
+
Each sub-component now renders the base hybrid `Text` with a Seeds variant class
|
|
13
|
+
that maps the original color, weight, and typography size to CSS custom
|
|
14
|
+
properties. The variant classes are also usable directly on any element, e.g.:
|
|
15
|
+
|
|
16
|
+
```tsx
|
|
17
|
+
<p className="seeds-text seeds-text-body">Some body text</p>
|
|
18
|
+
<h2 className="seeds-text seeds-text-headline">Some headline text</h2>
|
|
19
|
+
```
|
|
20
|
+
|
|
21
|
+
New classes: `seeds-text-headline`, `seeds-text-subheadline`,
|
|
22
|
+
`seeds-text-small-subheadline`, `seeds-text-byline`, `seeds-text-small-byline`,
|
|
23
|
+
`seeds-text-body`, `seeds-text-small-body`. The public `Text.*` API and the
|
|
24
|
+
`TypeTextComponent` interface are unchanged.
|
|
25
|
+
|
|
26
|
+
### Patch Changes
|
|
27
|
+
|
|
28
|
+
- Updated dependencies [b7b2ed3]
|
|
29
|
+
- Updated dependencies [c1a5071]
|
|
30
|
+
- Updated dependencies [65b5879]
|
|
31
|
+
- Updated dependencies [0e113bc]
|
|
32
|
+
- Updated dependencies [9a2dada]
|
|
33
|
+
- @sproutsocial/seeds-react-drawer@2.2.9
|
|
34
|
+
- @sproutsocial/seeds-react-loader@1.0.24
|
|
35
|
+
- @sproutsocial/seeds-react-text@1.5.0
|
|
36
|
+
- @sproutsocial/seeds-react-content-header@0.2.21
|
|
37
|
+
- @sproutsocial/seeds-react-progress@0.2.9
|
|
38
|
+
- @sproutsocial/seeds-react-token@1.5.8
|
|
39
|
+
- @sproutsocial/seeds-react-select@1.1.42
|
|
40
|
+
- @sproutsocial/seeds-react-spot-illustration@1.2.4
|
|
41
|
+
- @sproutsocial/seeds-react-collapsible@2.0.1
|
|
42
|
+
- @sproutsocial/seeds-react-narrative-kit@0.5.0
|
|
43
|
+
- @sproutsocial/seeds-react-panel@1.0.2
|
|
44
|
+
- @sproutsocial/seeds-react-peek-in@0.3.1
|
|
45
|
+
- @sproutsocial/seeds-react-content-block@0.5.16
|
|
46
|
+
- @sproutsocial/seeds-react-list@0.3.27
|
|
47
|
+
- @sproutsocial/seeds-react-loader-button@1.0.47
|
|
48
|
+
- @sproutsocial/seeds-react-avatar@1.1.18
|
|
49
|
+
- @sproutsocial/seeds-react-chart-legend@1.0.42
|
|
50
|
+
- @sproutsocial/seeds-react-checkbox@1.3.43
|
|
51
|
+
- @sproutsocial/seeds-react-data-table@2.6.24
|
|
52
|
+
- @sproutsocial/seeds-react-duration@1.0.25
|
|
53
|
+
- @sproutsocial/seeds-react-empty-state@1.0.24
|
|
54
|
+
- @sproutsocial/seeds-react-fieldset@1.0.24
|
|
55
|
+
- @sproutsocial/seeds-react-form-field@1.1.18
|
|
56
|
+
- @sproutsocial/seeds-react-input@1.5.28
|
|
57
|
+
- @sproutsocial/seeds-react-keyboard-key@1.0.24
|
|
58
|
+
- @sproutsocial/seeds-react-label@1.0.24
|
|
59
|
+
- @sproutsocial/seeds-react-link@1.1.14
|
|
60
|
+
- @sproutsocial/seeds-react-modal@2.5.24
|
|
61
|
+
- @sproutsocial/seeds-react-numeral@1.0.49
|
|
62
|
+
- @sproutsocial/seeds-react-pagination@0.1.22
|
|
63
|
+
- @sproutsocial/seeds-react-radio@1.3.24
|
|
64
|
+
- @sproutsocial/seeds-react-segmented-control@1.1.23
|
|
65
|
+
- @sproutsocial/seeds-react-table@1.0.43
|
|
66
|
+
- @sproutsocial/seeds-react-toast@1.0.43
|
|
67
|
+
- @sproutsocial/seeds-react-accordion@0.4.49
|
|
68
|
+
- @sproutsocial/seeds-react-token-input@1.4.50
|
|
69
|
+
- @sproutsocial/seeds-react-message@1.0.50
|
|
70
|
+
- @sproutsocial/seeds-react-breadcrumb@1.1.8
|
|
71
|
+
|
|
72
|
+
## 31.6.0
|
|
73
|
+
|
|
74
|
+
### Minor Changes
|
|
75
|
+
|
|
76
|
+
- e5a385e: Add the `NarrativeDataCallout` primitive to `seeds-react-narrative-kit` — a
|
|
77
|
+
horizontally oriented callout that pairs an injected data-viz `visual` (left,
|
|
78
|
+
~1/3 width) with a block of body copy (right, ~2/3). The kit ships no chart of
|
|
79
|
+
its own; the `visual` slot accepts any node (the stories drop in a v2
|
|
80
|
+
`DonutChart`), so narrative-kit takes no runtime dependency on data-viz —
|
|
81
|
+
mirroring `MetricHighlight`'s `sparkline` slot. An optional `visualLabel`
|
|
82
|
+
applies an `img` role with an accessible name to the visual. Layout is driven by
|
|
83
|
+
a container query, so it collapses to a stacked column (visual on top, text
|
|
84
|
+
below) based on the width the component is given rather than the viewport.
|
|
85
|
+
Exported through `@sproutsocial/racine`.
|
|
86
|
+
- 979bf12: Add the `NarrativeOrderedList` primitive to `seeds-react-narrative-kit` — a
|
|
87
|
+
numbered list of action items pairing a large ordinal (01, 02, …) with a title,
|
|
88
|
+
an optional description, and an optional call-to-action slot. Supports
|
|
89
|
+
`vertical` (default, stacked) and `horizontal` (row of equal columns)
|
|
90
|
+
orientations via a container query, so the horizontal layout collapses back to a
|
|
91
|
+
stack when its container is narrow. Exported through `@sproutsocial/racine`.
|
|
92
|
+
- 2573639: Add a `headerless` prop to `PeekIn.Panel`. When set, the panel renders flush
|
|
93
|
+
without the built-in header or close button, letting the content own its own
|
|
94
|
+
chrome, padding, and scrolling — useful for embedded UIs such as an agent
|
|
95
|
+
surface. Applies to both the desktop side panel and the mobile bottom sheet.
|
|
96
|
+
|
|
97
|
+
### Patch Changes
|
|
98
|
+
|
|
99
|
+
- Updated dependencies [be93d78]
|
|
100
|
+
- Updated dependencies [e5a385e]
|
|
101
|
+
- Updated dependencies [979bf12]
|
|
102
|
+
- Updated dependencies [2573639]
|
|
103
|
+
- Updated dependencies [a13a571]
|
|
104
|
+
- @sproutsocial/seeds-react-narrative-kit@0.4.0
|
|
105
|
+
- @sproutsocial/seeds-react-peek-in@0.3.0
|
|
106
|
+
- @sproutsocial/seeds-react-theme@4.1.1
|
|
107
|
+
- @sproutsocial/seeds-react-accordion@0.4.48
|
|
108
|
+
- @sproutsocial/seeds-react-avatar@1.1.17
|
|
109
|
+
- @sproutsocial/seeds-react-banner@1.1.23
|
|
110
|
+
- @sproutsocial/seeds-react-box@1.1.22
|
|
111
|
+
- @sproutsocial/seeds-react-breadcrumb@1.1.7
|
|
112
|
+
- @sproutsocial/seeds-react-card@1.1.43
|
|
113
|
+
- @sproutsocial/seeds-react-chart-legend@1.0.41
|
|
114
|
+
- @sproutsocial/seeds-react-container@0.3.16
|
|
115
|
+
- @sproutsocial/seeds-react-content-block@0.5.15
|
|
116
|
+
- @sproutsocial/seeds-react-data-table@2.6.23
|
|
117
|
+
- @sproutsocial/seeds-react-datepicker@1.0.40
|
|
118
|
+
- @sproutsocial/seeds-react-drawer@2.2.8
|
|
119
|
+
- @sproutsocial/seeds-react-duration@1.0.24
|
|
120
|
+
- @sproutsocial/seeds-react-empty-state@1.0.23
|
|
121
|
+
- @sproutsocial/seeds-react-fieldset@1.0.23
|
|
122
|
+
- @sproutsocial/seeds-react-form-field@1.1.17
|
|
123
|
+
- @sproutsocial/seeds-react-grid@0.2.6
|
|
124
|
+
- @sproutsocial/seeds-react-hooks@3.2.3
|
|
125
|
+
- @sproutsocial/seeds-react-icon@2.4.1
|
|
126
|
+
- @sproutsocial/seeds-react-image@1.0.22
|
|
127
|
+
- @sproutsocial/seeds-react-indicator@1.0.41
|
|
128
|
+
- @sproutsocial/seeds-react-keyboard-key@1.0.23
|
|
129
|
+
- @sproutsocial/seeds-react-label@1.0.23
|
|
130
|
+
- @sproutsocial/seeds-react-link@1.1.13
|
|
131
|
+
- @sproutsocial/seeds-react-list@0.3.26
|
|
132
|
+
- @sproutsocial/seeds-react-loader@1.0.23
|
|
133
|
+
- @sproutsocial/seeds-react-loader-button@1.0.46
|
|
134
|
+
- @sproutsocial/seeds-react-message@1.0.49
|
|
135
|
+
- @sproutsocial/seeds-react-mixins@4.3.8
|
|
136
|
+
- @sproutsocial/seeds-react-modal@2.5.23
|
|
137
|
+
- @sproutsocial/seeds-react-numeral@1.0.48
|
|
138
|
+
- @sproutsocial/seeds-react-pagination@0.1.21
|
|
139
|
+
- @sproutsocial/seeds-react-panel@1.0.1
|
|
140
|
+
- @sproutsocial/seeds-react-partner-logo@1.7.14
|
|
141
|
+
- @sproutsocial/seeds-react-progress@0.2.8
|
|
142
|
+
- @sproutsocial/seeds-react-rating@1.0.41
|
|
143
|
+
- @sproutsocial/seeds-react-segmented-control@1.1.22
|
|
144
|
+
- @sproutsocial/seeds-react-select@1.1.41
|
|
145
|
+
- @sproutsocial/seeds-react-skeleton@1.1.21
|
|
146
|
+
- @sproutsocial/seeds-react-stack@1.0.21
|
|
147
|
+
- @sproutsocial/seeds-react-table@1.0.42
|
|
148
|
+
- @sproutsocial/seeds-react-tabs@1.4.12
|
|
149
|
+
- @sproutsocial/seeds-react-textarea@1.0.22
|
|
150
|
+
- @sproutsocial/seeds-react-theme-provider@1.1.21
|
|
151
|
+
- @sproutsocial/seeds-react-toast@1.0.42
|
|
152
|
+
- @sproutsocial/seeds-react-token@1.5.7
|
|
153
|
+
- @sproutsocial/seeds-react-token-input@1.4.49
|
|
154
|
+
- @sproutsocial/seeds-react-tooltip@1.1.28
|
|
155
|
+
- @sproutsocial/seeds-react-visually-hidden@1.0.23
|
|
156
|
+
- @sproutsocial/seeds-react-badge@2.0.35
|
|
157
|
+
- @sproutsocial/seeds-react-checkbox@1.3.42
|
|
158
|
+
- @sproutsocial/seeds-react-content-header@0.2.20
|
|
159
|
+
- @sproutsocial/seeds-react-input@1.5.27
|
|
160
|
+
- @sproutsocial/seeds-react-popout@2.5.10
|
|
161
|
+
- @sproutsocial/seeds-react-button@2.2.2
|
|
162
|
+
- @sproutsocial/seeds-react-switch@1.2.40
|
|
163
|
+
- @sproutsocial/seeds-react-radio@1.3.23
|
|
164
|
+
|
|
3
165
|
## 31.5.0
|
|
4
166
|
|
|
5
167
|
### Minor Changes
|