@sproutsocial/racine 31.7.26 → 31.7.28

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.
Files changed (3) hide show
  1. package/CHANGELOG.md +88 -0
  2. package/dist/components.css +49 -0
  3. package/package.json +65 -65
package/CHANGELOG.md CHANGED
@@ -1,5 +1,93 @@
1
1
  # Change Log
2
2
 
3
+ ## 31.7.28
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [57372fe]
8
+ - Updated dependencies [57372fe]
9
+ - @sproutsocial/seeds-depth@3.5.0
10
+ - @sproutsocial/seeds-react-theme@4.6.0
11
+ - @sproutsocial/seeds-react-accordion@0.4.69
12
+ - @sproutsocial/seeds-react-avatar@1.2.1
13
+ - @sproutsocial/seeds-react-banner@1.1.37
14
+ - @sproutsocial/seeds-react-box@1.1.33
15
+ - @sproutsocial/seeds-react-breadcrumb@1.1.19
16
+ - @sproutsocial/seeds-react-card@1.1.56
17
+ - @sproutsocial/seeds-react-chart-legend@1.0.55
18
+ - @sproutsocial/seeds-react-container@0.3.27
19
+ - @sproutsocial/seeds-react-content-block@0.6.2
20
+ - @sproutsocial/seeds-react-data-table@2.6.39
21
+ - @sproutsocial/seeds-react-datepicker@1.0.52
22
+ - @sproutsocial/seeds-react-drawer@2.2.24
23
+ - @sproutsocial/seeds-react-duration@1.0.37
24
+ - @sproutsocial/seeds-react-empty-state@1.0.36
25
+ - @sproutsocial/seeds-react-fieldset@1.0.36
26
+ - @sproutsocial/seeds-react-form-field@1.1.30
27
+ - @sproutsocial/seeds-react-grid@0.2.18
28
+ - @sproutsocial/seeds-react-hooks@3.4.1
29
+ - @sproutsocial/seeds-react-icon@2.5.3
30
+ - @sproutsocial/seeds-react-image@1.0.34
31
+ - @sproutsocial/seeds-react-indicator@1.0.53
32
+ - @sproutsocial/seeds-react-keyboard-key@1.0.35
33
+ - @sproutsocial/seeds-react-label@1.0.35
34
+ - @sproutsocial/seeds-react-link@1.1.25
35
+ - @sproutsocial/seeds-react-list@0.4.1
36
+ - @sproutsocial/seeds-react-loader@1.0.35
37
+ - @sproutsocial/seeds-react-loader-button@1.0.61
38
+ - @sproutsocial/seeds-react-message@1.0.67
39
+ - @sproutsocial/seeds-react-mixins@4.3.17
40
+ - @sproutsocial/seeds-react-modal@2.6.2
41
+ - @sproutsocial/seeds-react-narrative-kit@0.6.8
42
+ - @sproutsocial/seeds-react-numeral@1.0.61
43
+ - @sproutsocial/seeds-react-pagination@0.1.34
44
+ - @sproutsocial/seeds-react-panel@1.2.3
45
+ - @sproutsocial/seeds-react-partner-logo@1.7.25
46
+ - @sproutsocial/seeds-react-peek-in@0.6.3
47
+ - @sproutsocial/seeds-react-progress@0.2.20
48
+ - @sproutsocial/seeds-react-rating@1.0.54
49
+ - @sproutsocial/seeds-react-segmented-control@1.1.37
50
+ - @sproutsocial/seeds-react-select@1.1.54
51
+ - @sproutsocial/seeds-react-skeleton@1.1.33
52
+ - @sproutsocial/seeds-react-stack@1.0.33
53
+ - @sproutsocial/seeds-react-table@1.0.56
54
+ - @sproutsocial/seeds-react-tabs@1.4.27
55
+ - @sproutsocial/seeds-react-textarea@1.0.34
56
+ - @sproutsocial/seeds-react-theme-provider@1.1.30
57
+ - @sproutsocial/seeds-react-toast@1.0.55
58
+ - @sproutsocial/seeds-react-token@1.5.22
59
+ - @sproutsocial/seeds-react-token-input@1.4.66
60
+ - @sproutsocial/seeds-react-tooltip@1.1.40
61
+ - @sproutsocial/seeds-react-visually-hidden@1.0.34
62
+ - @sproutsocial/seeds-react-badge@2.0.47
63
+ - @sproutsocial/seeds-react-checkbox@1.3.56
64
+ - @sproutsocial/seeds-react-content-header@0.3.2
65
+ - @sproutsocial/seeds-react-input@1.5.44
66
+ - @sproutsocial/seeds-react-popout@2.5.25
67
+ - @sproutsocial/seeds-react-button@2.3.10
68
+ - @sproutsocial/seeds-react-switch@1.2.53
69
+ - @sproutsocial/seeds-react-radio@1.3.36
70
+
71
+ ## 31.7.27
72
+
73
+ ### Patch Changes
74
+
75
+ - Updated dependencies [736b022]
76
+ - Updated dependencies [8842be3]
77
+ - Updated dependencies [9d7c36d]
78
+ - @sproutsocial/seeds-react-character-counter@1.1.0
79
+ - @sproutsocial/seeds-react-avatar@1.2.0
80
+ - @sproutsocial/seeds-react-hooks@3.4.0
81
+ - @sproutsocial/seeds-react-message@1.0.66
82
+ - @sproutsocial/seeds-react-drawer@2.2.23
83
+ - @sproutsocial/seeds-react-input@1.5.43
84
+ - @sproutsocial/seeds-react-panel@1.2.2
85
+ - @sproutsocial/seeds-react-peek-in@0.6.2
86
+ - @sproutsocial/seeds-react-popout@2.5.24
87
+ - @sproutsocial/seeds-react-token@1.5.21
88
+ - @sproutsocial/seeds-react-token-input@1.4.65
89
+ - @sproutsocial/seeds-react-accordion@0.4.68
90
+
3
91
  ## 31.7.26
4
92
 
5
93
  ### Patch Changes
package/dist/components.css CHANGED
@@ -289,6 +289,55 @@
289
289
  }
290
290
  }
291
291
 
292
+ /* --- seeds-react-avatar --- */
293
+ /**
294
+ * Seeds DualAvatar component classes
295
+ * Use these instead of writing out individual Tailwind utility classes.
296
+ *
297
+ * Requires @sproutsocial/seeds-react-theme/dist/theme-all.css imported for
298
+ * CSS variable definitions and dark mode support, plus avatar.css for the
299
+ * two Avatars themselves.
300
+ *
301
+ * Usage:
302
+ * <div class="seeds-dual-avatar" style="--seeds-dual-avatar-offset: 4px">
303
+ * <div class="seeds-avatar ...">JD</div>
304
+ * <div class="seeds-avatar seeds-dual-avatar-secondary ...">JR</div>
305
+ * </div>
306
+ *
307
+ * The overhang is driven by the --seeds-dual-avatar-offset custom property, set
308
+ * inline by the component as a fraction of its `size` prop and inherited by the
309
+ * secondary avatar.
310
+ *
311
+ * This file sits alongside avatar.css rather than inside src/DualAvatar/ because
312
+ * racine's stylesheet aggregation globs `src/*.css` per package and does not
313
+ * recurse into subdirectories.
314
+ *
315
+ * Rules live in `@layer components` so that consumer Tailwind utilities win in
316
+ * the cascade and can override these component styles.
317
+ */
318
+
319
+ @layer components {
320
+ .seeds-dual-avatar {
321
+ position: relative;
322
+ display: inline-flex;
323
+ flex-shrink: 0;
324
+ }
325
+
326
+ .seeds-avatar.seeds-dual-avatar-secondary {
327
+ position: absolute;
328
+ right: calc(-1 * var(--seeds-dual-avatar-offset));
329
+ bottom: calc(-1 * var(--seeds-dual-avatar-offset));
330
+ }
331
+
332
+ /*
333
+ * An image secondary has no border of its own (.seeds-avatar sets border: none),
334
+ * so it needs a ring to separate it from the primary underneath.
335
+ */
336
+ .seeds-avatar.seeds-dual-avatar-secondary:not(.seeds-avatar-fallback) {
337
+ box-shadow: 0 0 0 1px var(--color-container-bg-base);
338
+ }
339
+ }
340
+
292
341
  /* --- seeds-react-badge --- */
293
342
  /**
294
343
  * Seeds Badge component classes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sproutsocial/racine",
3
- "version": "31.7.26",
3
+ "version": "31.7.28",
4
4
  "license": "MIT",
5
5
  "engines": {
6
6
  "node": ">=18"
@@ -73,80 +73,80 @@
73
73
  },
74
74
  "dependencies": {
75
75
  "@size-limit/file": "^11.1.6",
76
- "@sproutsocial/seeds-react-accordion": "^0.4.67",
77
- "@sproutsocial/seeds-react-avatar": "^1.1.29",
78
- "@sproutsocial/seeds-react-badge": "^2.0.46",
79
- "@sproutsocial/seeds-react-banner": "^1.1.36",
80
- "@sproutsocial/seeds-react-box": "^1.1.32",
81
- "@sproutsocial/seeds-react-breadcrumb": "^1.1.18",
82
- "@sproutsocial/seeds-react-button": "^2.3.9",
83
- "@sproutsocial/seeds-react-card": "^1.1.55",
84
- "@sproutsocial/seeds-react-character-counter": "^1.0.10",
85
- "@sproutsocial/seeds-react-chart-legend": "^1.0.54",
76
+ "@sproutsocial/seeds-react-accordion": "^0.4.69",
77
+ "@sproutsocial/seeds-react-avatar": "^1.2.1",
78
+ "@sproutsocial/seeds-react-badge": "^2.0.47",
79
+ "@sproutsocial/seeds-react-banner": "^1.1.37",
80
+ "@sproutsocial/seeds-react-box": "^1.1.33",
81
+ "@sproutsocial/seeds-react-breadcrumb": "^1.1.19",
82
+ "@sproutsocial/seeds-react-button": "^2.3.10",
83
+ "@sproutsocial/seeds-react-card": "^1.1.56",
84
+ "@sproutsocial/seeds-react-character-counter": "^1.1.0",
85
+ "@sproutsocial/seeds-react-chart-legend": "^1.0.55",
86
86
  "@sproutsocial/seeds-react-chat-bubble": "^0.2.7",
87
- "@sproutsocial/seeds-react-checkbox": "^1.3.55",
87
+ "@sproutsocial/seeds-react-checkbox": "^1.3.56",
88
88
  "@sproutsocial/seeds-react-collapsible": "^2.0.1",
89
- "@sproutsocial/seeds-react-container": "^0.3.26",
90
- "@sproutsocial/seeds-react-content-block": "^0.6.1",
91
- "@sproutsocial/seeds-react-content-header": "^0.3.1",
92
- "@sproutsocial/seeds-react-data-table": "^2.6.38",
93
- "@sproutsocial/seeds-react-datepicker": "^1.0.51",
94
- "@sproutsocial/seeds-react-drawer": "^2.2.22",
95
- "@sproutsocial/seeds-react-duration": "^1.0.36",
96
- "@sproutsocial/seeds-react-empty-state": "^1.0.35",
97
- "@sproutsocial/seeds-react-fieldset": "^1.0.35",
98
- "@sproutsocial/seeds-react-form-field": "^1.1.29",
99
- "@sproutsocial/seeds-react-grid": "^0.2.17",
100
- "@sproutsocial/seeds-react-hooks": "^3.3.2",
101
- "@sproutsocial/seeds-react-icon": "^2.5.2",
102
- "@sproutsocial/seeds-react-image": "^1.0.33",
103
- "@sproutsocial/seeds-react-indicator": "^1.0.52",
104
- "@sproutsocial/seeds-react-input": "^1.5.42",
105
- "@sproutsocial/seeds-react-keyboard-key": "^1.0.34",
106
- "@sproutsocial/seeds-react-label": "^1.0.34",
107
- "@sproutsocial/seeds-react-link": "^1.1.24",
108
- "@sproutsocial/seeds-react-list": "^0.4.0",
109
- "@sproutsocial/seeds-react-loader": "^1.0.34",
110
- "@sproutsocial/seeds-react-loader-button": "^1.0.60",
111
- "@sproutsocial/seeds-react-message": "^1.0.65",
112
- "@sproutsocial/seeds-react-mixins": "^4.3.16",
113
- "@sproutsocial/seeds-react-modal": "^2.6.1",
114
- "@sproutsocial/seeds-react-narrative-kit": "^0.6.7",
115
- "@sproutsocial/seeds-react-numeral": "^1.0.60",
116
- "@sproutsocial/seeds-react-pagination": "^0.1.33",
117
- "@sproutsocial/seeds-react-panel": "^1.2.1",
118
- "@sproutsocial/seeds-react-peek-in": "^0.6.1",
119
- "@sproutsocial/seeds-react-partner-logo": "^1.7.24",
120
- "@sproutsocial/seeds-react-popout": "^2.5.23",
89
+ "@sproutsocial/seeds-react-container": "^0.3.27",
90
+ "@sproutsocial/seeds-react-content-block": "^0.6.2",
91
+ "@sproutsocial/seeds-react-content-header": "^0.3.2",
92
+ "@sproutsocial/seeds-react-data-table": "^2.6.39",
93
+ "@sproutsocial/seeds-react-datepicker": "^1.0.52",
94
+ "@sproutsocial/seeds-react-drawer": "^2.2.24",
95
+ "@sproutsocial/seeds-react-duration": "^1.0.37",
96
+ "@sproutsocial/seeds-react-empty-state": "^1.0.36",
97
+ "@sproutsocial/seeds-react-fieldset": "^1.0.36",
98
+ "@sproutsocial/seeds-react-form-field": "^1.1.30",
99
+ "@sproutsocial/seeds-react-grid": "^0.2.18",
100
+ "@sproutsocial/seeds-react-hooks": "^3.4.1",
101
+ "@sproutsocial/seeds-react-icon": "^2.5.3",
102
+ "@sproutsocial/seeds-react-image": "^1.0.34",
103
+ "@sproutsocial/seeds-react-indicator": "^1.0.53",
104
+ "@sproutsocial/seeds-react-input": "^1.5.44",
105
+ "@sproutsocial/seeds-react-keyboard-key": "^1.0.35",
106
+ "@sproutsocial/seeds-react-label": "^1.0.35",
107
+ "@sproutsocial/seeds-react-link": "^1.1.25",
108
+ "@sproutsocial/seeds-react-list": "^0.4.1",
109
+ "@sproutsocial/seeds-react-loader": "^1.0.35",
110
+ "@sproutsocial/seeds-react-loader-button": "^1.0.61",
111
+ "@sproutsocial/seeds-react-message": "^1.0.67",
112
+ "@sproutsocial/seeds-react-mixins": "^4.3.17",
113
+ "@sproutsocial/seeds-react-modal": "^2.6.2",
114
+ "@sproutsocial/seeds-react-narrative-kit": "^0.6.8",
115
+ "@sproutsocial/seeds-react-numeral": "^1.0.61",
116
+ "@sproutsocial/seeds-react-pagination": "^0.1.34",
117
+ "@sproutsocial/seeds-react-panel": "^1.2.3",
118
+ "@sproutsocial/seeds-react-peek-in": "^0.6.3",
119
+ "@sproutsocial/seeds-react-partner-logo": "^1.7.25",
120
+ "@sproutsocial/seeds-react-popout": "^2.5.25",
121
121
  "@sproutsocial/seeds-react-portal": "^1.2.0",
122
- "@sproutsocial/seeds-react-progress": "^0.2.19",
123
- "@sproutsocial/seeds-react-radio": "^1.3.35",
124
- "@sproutsocial/seeds-react-rating": "^1.0.53",
125
- "@sproutsocial/seeds-react-segmented-control": "^1.1.36",
122
+ "@sproutsocial/seeds-react-progress": "^0.2.20",
123
+ "@sproutsocial/seeds-react-radio": "^1.3.36",
124
+ "@sproutsocial/seeds-react-rating": "^1.0.54",
125
+ "@sproutsocial/seeds-react-segmented-control": "^1.1.37",
126
126
  "@sproutsocial/seeds-react-spot-illustration": "^1.2.5",
127
- "@sproutsocial/seeds-react-select": "^1.1.53",
128
- "@sproutsocial/seeds-react-skeleton": "^1.1.32",
129
- "@sproutsocial/seeds-react-stack": "^1.0.32",
130
- "@sproutsocial/seeds-react-switch": "^1.2.52",
127
+ "@sproutsocial/seeds-react-select": "^1.1.54",
128
+ "@sproutsocial/seeds-react-skeleton": "^1.1.33",
129
+ "@sproutsocial/seeds-react-stack": "^1.0.33",
130
+ "@sproutsocial/seeds-react-switch": "^1.2.53",
131
131
  "@sproutsocial/seeds-react-system-props": "^3.2.1",
132
- "@sproutsocial/seeds-react-table": "^1.0.55",
133
- "@sproutsocial/seeds-react-tabs": "^1.4.26",
132
+ "@sproutsocial/seeds-react-table": "^1.0.56",
133
+ "@sproutsocial/seeds-react-tabs": "^1.4.27",
134
134
  "@sproutsocial/seeds-react-text": "^1.5.5",
135
- "@sproutsocial/seeds-react-textarea": "^1.0.33",
136
- "@sproutsocial/seeds-react-toast": "^1.0.54",
137
- "@sproutsocial/seeds-react-token": "^1.5.20",
138
- "@sproutsocial/seeds-react-token-input": "^1.4.64",
139
- "@sproutsocial/seeds-react-tooltip": "^1.1.39",
140
- "@sproutsocial/seeds-react-theme": "^4.5.1",
141
- "@sproutsocial/seeds-react-theme-provider": "^1.1.29",
135
+ "@sproutsocial/seeds-react-textarea": "^1.0.34",
136
+ "@sproutsocial/seeds-react-toast": "^1.0.55",
137
+ "@sproutsocial/seeds-react-token": "^1.5.22",
138
+ "@sproutsocial/seeds-react-token-input": "^1.4.66",
139
+ "@sproutsocial/seeds-react-tooltip": "^1.1.40",
140
+ "@sproutsocial/seeds-react-theme": "^4.6.0",
141
+ "@sproutsocial/seeds-react-theme-provider": "^1.1.30",
142
142
  "@sproutsocial/seeds-react-utilities": "^4.3.0",
143
- "@sproutsocial/seeds-react-visually-hidden": "^1.0.33",
143
+ "@sproutsocial/seeds-react-visually-hidden": "^1.0.34",
144
144
  "scroll-into-view-if-needed": "^2.2.20",
145
145
  "lodash.uniqueid": "^4.0.1",
146
146
  "styled-system": "^5.1.5",
147
147
  "@sproutsocial/seeds-border": "^1.7.1",
148
148
  "@sproutsocial/seeds-color": "^2.3.0",
149
- "@sproutsocial/seeds-depth": "^3.4.1",
149
+ "@sproutsocial/seeds-depth": "^3.5.0",
150
150
  "@sproutsocial/seeds-motion": "^1.8.2",
151
151
  "@sproutsocial/seeds-networkcolor": "^2.22.0",
152
152
  "@sproutsocial/seeds-space": "^0.8.1",
@@ -157,13 +157,13 @@
157
157
  "eslint-config-seeds": "*",
158
158
  "@sproutsocial/seeds-border": "^1.7.1",
159
159
  "@sproutsocial/seeds-color": "^2.3.0",
160
- "@sproutsocial/seeds-depth": "^3.4.1",
160
+ "@sproutsocial/seeds-depth": "^3.5.0",
161
161
  "@sproutsocial/seeds-icons": "^2.11.0",
162
162
  "@sproutsocial/seeds-illustrations": "^2.4.0",
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.18.1",
166
+ "@sproutsocial/seeds-react-menu": "^1.18.3",
167
167
  "@sproutsocial/seeds-react-testing-library": "*",
168
168
  "@sproutsocial/seeds-space": "^0.8.1",
169
169
  "@sproutsocial/seeds-testing": "*",