@sproutsocial/racine 31.7.26 → 31.7.27

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # Change Log
 
+## 31.7.27
+
+### Patch Changes
+
+- Updated dependencies [736b022]
+- Updated dependencies [8842be3]
+- Updated dependencies [9d7c36d]
+  - @sproutsocial/seeds-react-character-counter@1.1.0
+  - @sproutsocial/seeds-react-avatar@1.2.0
+  - @sproutsocial/seeds-react-hooks@3.4.0
+  - @sproutsocial/seeds-react-message@1.0.66
+  - @sproutsocial/seeds-react-drawer@2.2.23
+  - @sproutsocial/seeds-react-input@1.5.43
+  - @sproutsocial/seeds-react-panel@1.2.2
+  - @sproutsocial/seeds-react-peek-in@0.6.2
+  - @sproutsocial/seeds-react-popout@2.5.24
+  - @sproutsocial/seeds-react-token@1.5.21
+  - @sproutsocial/seeds-react-token-input@1.4.65
+  - @sproutsocial/seeds-react-accordion@0.4.68
+
 ## 31.7.26
 
 ### Patch Changes

package/dist/components.css

@@ -289,6 +289,55 @@
   }
 }
 
+/* --- seeds-react-avatar --- */
+/**
+ * Seeds DualAvatar component classes
+ * Use these instead of writing out individual Tailwind utility classes.
+ *
+ * Requires @sproutsocial/seeds-react-theme/dist/theme-all.css imported for
+ * CSS variable definitions and dark mode support, plus avatar.css for the
+ * two Avatars themselves.
+ *
+ * Usage:
+ *   <div class="seeds-dual-avatar" style="--seeds-dual-avatar-offset: 4px">
+ *     <div class="seeds-avatar ...">JD</div>
+ *     <div class="seeds-avatar seeds-dual-avatar-secondary ...">JR</div>
+ *   </div>
+ *
+ * The overhang is driven by the --seeds-dual-avatar-offset custom property, set
+ * inline by the component as a fraction of its `size` prop and inherited by the
+ * secondary avatar.
+ *
+ * This file sits alongside avatar.css rather than inside src/DualAvatar/ because
+ * racine's stylesheet aggregation globs `src/*.css` per package and does not
+ * recurse into subdirectories.
+ *
+ * Rules live in `@layer components` so that consumer Tailwind utilities win in
+ * the cascade and can override these component styles.
+ */
+
+@layer components {
+  .seeds-dual-avatar {
+    position: relative;
+    display: inline-flex;
+    flex-shrink: 0;
+  }
+
+  .seeds-avatar.seeds-dual-avatar-secondary {
+    position: absolute;
+    right: calc(-1 * var(--seeds-dual-avatar-offset));
+    bottom: calc(-1 * var(--seeds-dual-avatar-offset));
+  }
+
+  /*
+   * An image secondary has no border of its own (.seeds-avatar sets border: none),
+   * so it needs a ring to separate it from the primary underneath.
+   */
+  .seeds-avatar.seeds-dual-avatar-secondary:not(.seeds-avatar-fallback) {
+    box-shadow: 0 0 0 1px var(--color-container-bg-base);
+  }
+}
+
 /* --- seeds-react-badge --- */
 /**
  * Seeds Badge component classes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "31.7.26",
+  "version": "31.7.27",
   "license": "MIT",
   "engines": {
     "node": ">=18"
@@ -73,15 +73,15 @@
   },
   "dependencies": {
     "@size-limit/file": "^11.1.6",
-    "@sproutsocial/seeds-react-accordion": "^0.4.67",
-    "@sproutsocial/seeds-react-avatar": "^1.1.29",
+    "@sproutsocial/seeds-react-accordion": "^0.4.68",
+    "@sproutsocial/seeds-react-avatar": "^1.2.0",
     "@sproutsocial/seeds-react-badge": "^2.0.46",
     "@sproutsocial/seeds-react-banner": "^1.1.36",
     "@sproutsocial/seeds-react-box": "^1.1.32",
     "@sproutsocial/seeds-react-breadcrumb": "^1.1.18",
     "@sproutsocial/seeds-react-button": "^2.3.9",
     "@sproutsocial/seeds-react-card": "^1.1.55",
-    "@sproutsocial/seeds-react-character-counter": "^1.0.10",
+    "@sproutsocial/seeds-react-character-counter": "^1.1.0",
     "@sproutsocial/seeds-react-chart-legend": "^1.0.54",
     "@sproutsocial/seeds-react-chat-bubble": "^0.2.7",
     "@sproutsocial/seeds-react-checkbox": "^1.3.55",
@@ -91,33 +91,33 @@
     "@sproutsocial/seeds-react-content-header": "^0.3.1",
     "@sproutsocial/seeds-react-data-table": "^2.6.38",
     "@sproutsocial/seeds-react-datepicker": "^1.0.51",
-    "@sproutsocial/seeds-react-drawer": "^2.2.22",
+    "@sproutsocial/seeds-react-drawer": "^2.2.23",
     "@sproutsocial/seeds-react-duration": "^1.0.36",
     "@sproutsocial/seeds-react-empty-state": "^1.0.35",
     "@sproutsocial/seeds-react-fieldset": "^1.0.35",
     "@sproutsocial/seeds-react-form-field": "^1.1.29",
     "@sproutsocial/seeds-react-grid": "^0.2.17",
-    "@sproutsocial/seeds-react-hooks": "^3.3.2",
+    "@sproutsocial/seeds-react-hooks": "^3.4.0",
     "@sproutsocial/seeds-react-icon": "^2.5.2",
     "@sproutsocial/seeds-react-image": "^1.0.33",
     "@sproutsocial/seeds-react-indicator": "^1.0.52",
-    "@sproutsocial/seeds-react-input": "^1.5.42",
+    "@sproutsocial/seeds-react-input": "^1.5.43",
     "@sproutsocial/seeds-react-keyboard-key": "^1.0.34",
     "@sproutsocial/seeds-react-label": "^1.0.34",
     "@sproutsocial/seeds-react-link": "^1.1.24",
     "@sproutsocial/seeds-react-list": "^0.4.0",
     "@sproutsocial/seeds-react-loader": "^1.0.34",
     "@sproutsocial/seeds-react-loader-button": "^1.0.60",
-    "@sproutsocial/seeds-react-message": "^1.0.65",
+    "@sproutsocial/seeds-react-message": "^1.0.66",
     "@sproutsocial/seeds-react-mixins": "^4.3.16",
     "@sproutsocial/seeds-react-modal": "^2.6.1",
     "@sproutsocial/seeds-react-narrative-kit": "^0.6.7",
     "@sproutsocial/seeds-react-numeral": "^1.0.60",
     "@sproutsocial/seeds-react-pagination": "^0.1.33",
-    "@sproutsocial/seeds-react-panel": "^1.2.1",
-    "@sproutsocial/seeds-react-peek-in": "^0.6.1",
+    "@sproutsocial/seeds-react-panel": "^1.2.2",
+    "@sproutsocial/seeds-react-peek-in": "^0.6.2",
     "@sproutsocial/seeds-react-partner-logo": "^1.7.24",
-    "@sproutsocial/seeds-react-popout": "^2.5.23",
+    "@sproutsocial/seeds-react-popout": "^2.5.24",
     "@sproutsocial/seeds-react-portal": "^1.2.0",
     "@sproutsocial/seeds-react-progress": "^0.2.19",
     "@sproutsocial/seeds-react-radio": "^1.3.35",
@@ -134,8 +134,8 @@
     "@sproutsocial/seeds-react-text": "^1.5.5",
     "@sproutsocial/seeds-react-textarea": "^1.0.33",
     "@sproutsocial/seeds-react-toast": "^1.0.54",
-    "@sproutsocial/seeds-react-token": "^1.5.20",
-    "@sproutsocial/seeds-react-token-input": "^1.4.64",
+    "@sproutsocial/seeds-react-token": "^1.5.21",
+    "@sproutsocial/seeds-react-token-input": "^1.4.65",
     "@sproutsocial/seeds-react-tooltip": "^1.1.39",
     "@sproutsocial/seeds-react-theme": "^4.5.1",
     "@sproutsocial/seeds-react-theme-provider": "^1.1.29",
@@ -163,7 +163,7 @@
     "@sproutsocial/seeds-motion": "^1.8.2",
     "@sproutsocial/seeds-networkcolor": "^2.22.0",
     "@sproutsocial/seeds-partner-logos": "^2.4.1",
-    "@sproutsocial/seeds-react-menu": "^1.18.1",
+    "@sproutsocial/seeds-react-menu": "^1.18.2",
     "@sproutsocial/seeds-react-testing-library": "*",
     "@sproutsocial/seeds-space": "^0.8.1",
     "@sproutsocial/seeds-testing": "*",