@sproutsocial/racine 31.7.16 → 31.7.18

package/CHANGELOG.md

@@ -1,5 +1,144 @@
 # Change Log
 
+## 31.7.18
+
+### Patch Changes
+
+- Updated dependencies [3371484]
+  - @sproutsocial/seeds-react-icon@2.5.0
+  - @sproutsocial/seeds-react-theme@4.4.0
+  - @sproutsocial/seeds-react-accordion@0.4.61
+  - @sproutsocial/seeds-react-badge@2.0.44
+  - @sproutsocial/seeds-react-banner@1.1.33
+  - @sproutsocial/seeds-react-breadcrumb@1.1.16
+  - @sproutsocial/seeds-react-button@2.3.6
+  - @sproutsocial/seeds-react-card@1.1.52
+  - @sproutsocial/seeds-react-chart-legend@1.0.51
+  - @sproutsocial/seeds-react-checkbox@1.3.52
+  - @sproutsocial/seeds-react-content-header@0.2.30
+  - @sproutsocial/seeds-react-data-table@2.6.35
+  - @sproutsocial/seeds-react-datepicker@1.0.49
+  - @sproutsocial/seeds-react-drawer@2.2.19
+  - @sproutsocial/seeds-react-indicator@1.0.50
+  - @sproutsocial/seeds-react-input@1.5.39
+  - @sproutsocial/seeds-react-link@1.1.22
+  - @sproutsocial/seeds-react-list@0.3.38
+  - @sproutsocial/seeds-react-modal@2.5.34
+  - @sproutsocial/seeds-react-narrative-kit@0.6.5
+  - @sproutsocial/seeds-react-pagination@0.1.31
+  - @sproutsocial/seeds-react-panel@1.1.2
+  - @sproutsocial/seeds-react-peek-in@0.4.2
+  - @sproutsocial/seeds-react-rating@1.0.51
+  - @sproutsocial/seeds-react-select@1.1.51
+  - @sproutsocial/seeds-react-switch@1.2.50
+  - @sproutsocial/seeds-react-table@1.0.53
+  - @sproutsocial/seeds-react-toast@1.0.52
+  - @sproutsocial/seeds-react-token@1.5.17
+  - @sproutsocial/seeds-react-token-input@1.4.61
+  - @sproutsocial/seeds-react-tooltip@1.1.37
+  - @sproutsocial/seeds-react-avatar@1.1.27
+  - @sproutsocial/seeds-react-box@1.1.30
+  - @sproutsocial/seeds-react-container@0.3.24
+  - @sproutsocial/seeds-react-content-block@0.5.26
+  - @sproutsocial/seeds-react-duration@1.0.34
+  - @sproutsocial/seeds-react-empty-state@1.0.33
+  - @sproutsocial/seeds-react-fieldset@1.0.33
+  - @sproutsocial/seeds-react-form-field@1.1.27
+  - @sproutsocial/seeds-react-grid@0.2.15
+  - @sproutsocial/seeds-react-hooks@3.2.9
+  - @sproutsocial/seeds-react-image@1.0.31
+  - @sproutsocial/seeds-react-keyboard-key@1.0.32
+  - @sproutsocial/seeds-react-label@1.0.32
+  - @sproutsocial/seeds-react-loader@1.0.32
+  - @sproutsocial/seeds-react-loader-button@1.0.57
+  - @sproutsocial/seeds-react-message@1.0.61
+  - @sproutsocial/seeds-react-mixins@4.3.14
+  - @sproutsocial/seeds-react-numeral@1.0.58
+  - @sproutsocial/seeds-react-partner-logo@1.7.22
+  - @sproutsocial/seeds-react-progress@0.2.17
+  - @sproutsocial/seeds-react-segmented-control@1.1.33
+  - @sproutsocial/seeds-react-skeleton@1.1.30
+  - @sproutsocial/seeds-react-stack@1.0.30
+  - @sproutsocial/seeds-react-tabs@1.4.23
+  - @sproutsocial/seeds-react-textarea@1.0.31
+  - @sproutsocial/seeds-react-theme-provider@1.1.27
+  - @sproutsocial/seeds-react-visually-hidden@1.0.31
+  - @sproutsocial/seeds-react-popout@2.5.20
+  - @sproutsocial/seeds-react-radio@1.3.33
+
+## 31.7.17
+
+### Patch Changes
+
+- Updated dependencies [56661b6]
+- Updated dependencies [40c02c4]
+- Updated dependencies [56661b6]
+- Updated dependencies [9bd3606]
+  - @sproutsocial/seeds-react-button@2.3.5
+  - @sproutsocial/seeds-react-system-props@3.2.0
+  - @sproutsocial/seeds-react-theme@4.3.2
+  - @sproutsocial/seeds-react-mixins@4.3.13
+  - @sproutsocial/seeds-react-accordion@0.4.60
+  - @sproutsocial/seeds-react-banner@1.1.32
+  - @sproutsocial/seeds-react-content-block@0.5.25
+  - @sproutsocial/seeds-react-data-table@2.6.34
+  - @sproutsocial/seeds-react-datepicker@1.0.48
+  - @sproutsocial/seeds-react-drawer@2.2.18
+  - @sproutsocial/seeds-react-empty-state@1.0.32
+  - @sproutsocial/seeds-react-input@1.5.38
+  - @sproutsocial/seeds-react-list@0.3.37
+  - @sproutsocial/seeds-react-loader-button@1.0.56
+  - @sproutsocial/seeds-react-message@1.0.60
+  - @sproutsocial/seeds-react-modal@2.5.33
+  - @sproutsocial/seeds-react-narrative-kit@0.6.4
+  - @sproutsocial/seeds-react-panel@1.1.1
+  - @sproutsocial/seeds-react-peek-in@0.4.1
+  - @sproutsocial/seeds-react-popout@2.5.19
+  - @sproutsocial/seeds-react-segmented-control@1.1.32
+  - @sproutsocial/seeds-react-tabs@1.4.22
+  - @sproutsocial/seeds-react-tooltip@1.1.36
+  - @sproutsocial/seeds-react-avatar@1.1.26
+  - @sproutsocial/seeds-react-badge@2.0.43
+  - @sproutsocial/seeds-react-box@1.1.29
+  - @sproutsocial/seeds-react-breadcrumb@1.1.15
+  - @sproutsocial/seeds-react-card@1.1.51
+  - @sproutsocial/seeds-react-character-counter@1.0.9
+  - @sproutsocial/seeds-react-chart-legend@1.0.50
+  - @sproutsocial/seeds-react-chat-bubble@0.2.6
+  - @sproutsocial/seeds-react-checkbox@1.3.51
+  - @sproutsocial/seeds-react-container@0.3.23
+  - @sproutsocial/seeds-react-duration@1.0.33
+  - @sproutsocial/seeds-react-fieldset@1.0.32
+  - @sproutsocial/seeds-react-form-field@1.1.26
+  - @sproutsocial/seeds-react-grid@0.2.14
+  - @sproutsocial/seeds-react-icon@2.4.9
+  - @sproutsocial/seeds-react-image@1.0.30
+  - @sproutsocial/seeds-react-indicator@1.0.49
+  - @sproutsocial/seeds-react-keyboard-key@1.0.31
+  - @sproutsocial/seeds-react-label@1.0.31
+  - @sproutsocial/seeds-react-link@1.1.21
+  - @sproutsocial/seeds-react-loader@1.0.31
+  - @sproutsocial/seeds-react-numeral@1.0.57
+  - @sproutsocial/seeds-react-pagination@0.1.30
+  - @sproutsocial/seeds-react-partner-logo@1.7.21
+  - @sproutsocial/seeds-react-progress@0.2.16
+  - @sproutsocial/seeds-react-radio@1.3.32
+  - @sproutsocial/seeds-react-rating@1.0.50
+  - @sproutsocial/seeds-react-select@1.1.50
+  - @sproutsocial/seeds-react-skeleton@1.1.29
+  - @sproutsocial/seeds-react-stack@1.0.29
+  - @sproutsocial/seeds-react-switch@1.2.49
+  - @sproutsocial/seeds-react-table@1.0.52
+  - @sproutsocial/seeds-react-text@1.5.4
+  - @sproutsocial/seeds-react-textarea@1.0.30
+  - @sproutsocial/seeds-react-toast@1.0.51
+  - @sproutsocial/seeds-react-token@1.5.16
+  - @sproutsocial/seeds-react-token-input@1.4.60
+  - @sproutsocial/seeds-react-visually-hidden@1.0.30
+  - @sproutsocial/seeds-react-hooks@3.2.8
+  - @sproutsocial/seeds-react-theme-provider@1.1.26
+  - @sproutsocial/seeds-react-content-header@0.2.29
+
 ## 31.7.16
 
 ### Patch Changes

package/dist/components.css

@@ -512,7 +512,12 @@
  * Usage:
  *   <button class="seeds-btn seeds-btn-primary">Click me</button>
  *   <button class="seeds-btn seeds-btn-primary seeds-btn-lg">Large</button>
- *   <button class="seeds-btn seeds-btn-primary seeds-btn-disabled" disabled>Disabled</button>
+ *   <button class="seeds-btn seeds-btn-primary seeds-btn-disabled" aria-disabled="true">Disabled</button>
+ *
+ * Use aria-disabled, not the HTML disabled attribute — .seeds-btn-disabled
+ * intentionally omits pointer-events: none so hover/cursor feedback still
+ * reaches the element; a real disabled attribute would suppress those events
+ * regardless of this class.
  *
  * All rules are wrapped in `@layer components` so that:
  * 1. Consumer Tailwind utilities (unlayered) win the cascade over these styles.
@@ -532,11 +537,14 @@
     border-radius: var(--radius-500);
     cursor: pointer;
     text-decoration: none;
-    line-height: 1rem;
+    /* Matches Icon's default line height, and the overall height of Input and
+     Select. Absolute, not 1rem, so a host app's root font-size can't shift it. */
+    line-height: 16px;
     white-space: nowrap;
     font-weight: var(--font-weight-bold);
     transition-property: all;
     transition-duration: var(--duration-fast);
+    transition-timing-function: linear;
     margin: 0;
     padding: var(--space-300);
     font-size: var(--font-size-200);
@@ -549,6 +557,41 @@
         color-mix(in srgb, var(--color-button-primary-bg-base) 30%, transparent);
   }
 
+  /* Firefox draws its own inner focus border on buttons; suppress it so only the
+   box-shadow ring above shows. */
+  .seeds-btn::-moz-focus-inner {
+    border: 0;
+  }
+
+  /* Clear the focus ring once the pointer is over the button or it is being
+   pressed, so the ring reads as keyboard-only feedback. Appearances that want a
+   shadow on hover (placeholder, pill) re-declare box-shadow at equal specificity
+   later in this file and win on source order. */
+  .seeds-btn:hover {
+    box-shadow: none;
+    /* Re-asserted on hover so a later `a:hover` rule in this layer cannot
+     underline a link-rendered button. */
+    text-decoration: none;
+  }
+
+  .seeds-btn:focus:active {
+    box-shadow: none;
+  }
+
+  /**
+   * Icon defaults to `vertical-align: middle`, which sits an icon slightly high
+   * against a bold button label. Pin it to the text baseline instead.
+   *
+   * Targets `.Icon` because both Icon render paths carry that class. Note this
+   * only reaches the Tailwind Icon: an Icon given `color` or system props routes
+   * to the styled-components path, whose unlayered styles outrank anything in
+   * `@layer components` regardless of specificity. That gap closes when Icon
+   * drops its styled-components path.
+   */
+  .seeds-btn .Icon {
+    vertical-align: text-bottom;
+  }
+
   /* KNOWN ISSUE: `small` currently renders identically to the default size — both use
    --space-300 / --font-size-200 (only --lg differs). So size="small" has no visual
    effect for ANY appearance. A real fix needs distinct small tokens confirmed against
@@ -579,8 +622,12 @@
     color: var(--color-button-primary-text-hover);
   }
 
+  /* `:active` sets the hover text color as well as the active background. Without
+   the color, a keyboard press (Space/Enter fires `:active` with no `:hover`) puts
+   base-colored text on the active background. */
   .seeds-btn-primary:active {
     background-color: var(--color-button-primary-bg-active);
+    color: var(--color-button-primary-text-hover);
   }
 
   .seeds-btn-secondary {
@@ -596,6 +643,7 @@
 
   .seeds-btn-secondary:active {
     background-color: var(--color-button-secondary-bg-active);
+    color: var(--color-button-secondary-text-hover);
   }
 
   .seeds-btn-destructive {
@@ -611,6 +659,7 @@
 
   .seeds-btn-destructive:active {
     background-color: var(--color-button-destructive-bg-active);
+    color: var(--color-button-destructive-text-hover);
   }
 
   .seeds-btn-placeholder {
@@ -620,9 +669,17 @@
     border-style: dashed;
   }
 
+  /* Placeholder is the one appearance that lifts on hover instead of clearing its
+   shadow. Declared after `.seeds-btn:hover` so it wins on source order. */
   .seeds-btn-placeholder:hover {
     background-color: var(--color-button-placeholder-bg-hover);
     color: var(--color-button-placeholder-text-hover);
+    box-shadow: var(--shadow-low);
+  }
+
+  .seeds-btn-placeholder:active {
+    background-color: var(--color-button-placeholder-bg-active);
+    color: var(--color-button-placeholder-text-hover);
   }
 
   .seeds-btn-unstyled {
@@ -635,6 +692,11 @@
     color: var(--color-button-unstyled-text-hover);
   }
 
+  /* unstyled has no active background token, so only the text color changes */
+  .seeds-btn-unstyled:active {
+    color: var(--color-button-unstyled-text-hover);
+  }
+
   /* AI brand appearances — built on the shared --color-gradient-ai* tokens.
    Rendered only via this Tailwind/CSS path (see ButtonHybrid routing guard). */
   .seeds-btn-ai-primary {
@@ -716,10 +778,23 @@
     color: var(--color-button-unstyled-text-hover);
   }
 
+  /**
+   * `.seeds-interactive-disabled` is a pure-CSS mixin for disabling interactive
+   * elements (buttons, links, controls) that use `aria-disabled="true"` instead
+   * of the HTML `disabled` attribute — the CSS equivalent of the
+   * `interactiveDisabled` styled-components mixin in `@sproutsocial/seeds-react-mixins`
+   * (now deprecated in favor of this). Grouped into the same rule as
+   * `.seeds-btn-disabled` so there's one declaration to keep in sync, not two.
+   *
+   * Intentionally omits `pointer-events: none` so click events still reach the
+   * element's JS handler, where they can be suppressed and optionally used to
+   * show feedback (e.g. a tooltip). Any other pure-CSS component with the same
+   * aria-disabled pattern can adopt `.seeds-interactive-disabled` directly.
+   */
+  .seeds-interactive-disabled,
   .seeds-btn-disabled {
-    opacity: 0.5;
+    opacity: 0.4;
     cursor: not-allowed;
-    pointer-events: none;
   }
 
   .seeds-btn-pill {
@@ -727,7 +802,10 @@
     align-items: center;
     justify-content: center;
     background-color: transparent;
-    border: none;
+    /* Keeps the base 1px border and just recolors it (the token is transparent),
+     rather than removing it. `border: none` zeroed the width, growing the content
+     box 2px on each axis relative to every other appearance. */
+    border-color: var(--color-button-pill-border-base);
     border-radius: var(--radius-pill);
     min-width: var(--space-600);
     min-height: var(--space-600);
@@ -1636,6 +1714,44 @@
   .seeds-icon-fixed-width .Icon-svg {
     width: var(--icon-size);
   }
+
+  /**
+   * AI gradient fill — paint any icon with the AI brand gradient instead of
+   * currentColor, so AI surfaces don't need a bespoke `*-gradient-*.svg` export
+   * per icon.
+   *
+   *   <Icon name="sparkle-solid" className="seeds-icon-gradient-ai" />
+   *
+   * Scoped to .Icon-svg rather than .seeds-icon so it works on both render paths:
+   * the styled-components Container only carries the `Icon` class, not `seeds-icon`.
+   *
+   * The `#9747ff` after the url() is SVG paint fallback syntax, not a second
+   * declaration. It covers the frame between first paint and IconHybrid's effect
+   * appending the <radialGradient> defs — an unresolvable paint server would
+   * otherwise render the glyph as nothing. It is the gradient's mid stop, so the
+   * fallback reads as a flat AI purple rather than a miss.
+   */
+  .seeds-icon-gradient-ai .Icon-svg {
+    fill: url(#seeds-gradient-ai) #9747ff;
+  }
+
+  /**
+   * Stop colors for the injected paint server (see gradientDefs.ts). These live in
+   * CSS rather than on the <stop> elements because var() does not resolve inside
+   * SVG presentation attributes — putting them here is what makes gradient icons
+   * respond to dark mode via the theme's .dark variable swap.
+   */
+  .seeds-gradient-ai-stop-1 {
+    stop-color: var(--color-gradient-ai-stop-1);
+  }
+
+  .seeds-gradient-ai-stop-2 {
+    stop-color: var(--color-gradient-ai-stop-2);
+  }
+
+  .seeds-gradient-ai-stop-3 {
+    stop-color: var(--color-gradient-ai-stop-3);
+  }
 }
 
 /* --- seeds-react-image --- */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/racine",
-  "version": "31.7.16",
+  "version": "31.7.18",
   "license": "MIT",
   "engines": {
     "node": ">=18"
@@ -73,74 +73,74 @@
   },
   "dependencies": {
     "@size-limit/file": "^11.1.6",
-    "@sproutsocial/seeds-react-accordion": "^0.4.59",
-    "@sproutsocial/seeds-react-avatar": "^1.1.25",
-    "@sproutsocial/seeds-react-badge": "^2.0.42",
-    "@sproutsocial/seeds-react-banner": "^1.1.31",
-    "@sproutsocial/seeds-react-box": "^1.1.28",
-    "@sproutsocial/seeds-react-breadcrumb": "^1.1.14",
-    "@sproutsocial/seeds-react-button": "^2.3.4",
-    "@sproutsocial/seeds-react-card": "^1.1.50",
-    "@sproutsocial/seeds-react-character-counter": "^1.0.8",
-    "@sproutsocial/seeds-react-chart-legend": "^1.0.49",
-    "@sproutsocial/seeds-react-chat-bubble": "^0.2.5",
-    "@sproutsocial/seeds-react-checkbox": "^1.3.50",
+    "@sproutsocial/seeds-react-accordion": "^0.4.61",
+    "@sproutsocial/seeds-react-avatar": "^1.1.27",
+    "@sproutsocial/seeds-react-badge": "^2.0.44",
+    "@sproutsocial/seeds-react-banner": "^1.1.33",
+    "@sproutsocial/seeds-react-box": "^1.1.30",
+    "@sproutsocial/seeds-react-breadcrumb": "^1.1.16",
+    "@sproutsocial/seeds-react-button": "^2.3.6",
+    "@sproutsocial/seeds-react-card": "^1.1.52",
+    "@sproutsocial/seeds-react-character-counter": "^1.0.9",
+    "@sproutsocial/seeds-react-chart-legend": "^1.0.51",
+    "@sproutsocial/seeds-react-chat-bubble": "^0.2.6",
+    "@sproutsocial/seeds-react-checkbox": "^1.3.52",
     "@sproutsocial/seeds-react-collapsible": "^2.0.1",
-    "@sproutsocial/seeds-react-container": "^0.3.22",
-    "@sproutsocial/seeds-react-content-block": "^0.5.24",
-    "@sproutsocial/seeds-react-content-header": "^0.2.28",
-    "@sproutsocial/seeds-react-data-table": "^2.6.33",
-    "@sproutsocial/seeds-react-datepicker": "^1.0.47",
-    "@sproutsocial/seeds-react-drawer": "^2.2.17",
-    "@sproutsocial/seeds-react-duration": "^1.0.32",
-    "@sproutsocial/seeds-react-empty-state": "^1.0.31",
-    "@sproutsocial/seeds-react-fieldset": "^1.0.31",
-    "@sproutsocial/seeds-react-form-field": "^1.1.25",
-    "@sproutsocial/seeds-react-grid": "^0.2.13",
-    "@sproutsocial/seeds-react-hooks": "^3.2.7",
-    "@sproutsocial/seeds-react-icon": "^2.4.8",
-    "@sproutsocial/seeds-react-image": "^1.0.29",
-    "@sproutsocial/seeds-react-indicator": "^1.0.48",
-    "@sproutsocial/seeds-react-input": "^1.5.37",
-    "@sproutsocial/seeds-react-keyboard-key": "^1.0.30",
-    "@sproutsocial/seeds-react-label": "^1.0.30",
-    "@sproutsocial/seeds-react-link": "^1.1.20",
-    "@sproutsocial/seeds-react-list": "^0.3.36",
-    "@sproutsocial/seeds-react-loader": "^1.0.30",
-    "@sproutsocial/seeds-react-loader-button": "^1.0.55",
-    "@sproutsocial/seeds-react-message": "^1.0.59",
-    "@sproutsocial/seeds-react-mixins": "^4.3.12",
-    "@sproutsocial/seeds-react-modal": "^2.5.32",
-    "@sproutsocial/seeds-react-narrative-kit": "^0.6.3",
-    "@sproutsocial/seeds-react-numeral": "^1.0.56",
-    "@sproutsocial/seeds-react-pagination": "^0.1.29",
-    "@sproutsocial/seeds-react-panel": "^1.1.0",
-    "@sproutsocial/seeds-react-peek-in": "^0.4.0",
-    "@sproutsocial/seeds-react-partner-logo": "^1.7.20",
-    "@sproutsocial/seeds-react-popout": "^2.5.18",
+    "@sproutsocial/seeds-react-container": "^0.3.24",
+    "@sproutsocial/seeds-react-content-block": "^0.5.26",
+    "@sproutsocial/seeds-react-content-header": "^0.2.30",
+    "@sproutsocial/seeds-react-data-table": "^2.6.35",
+    "@sproutsocial/seeds-react-datepicker": "^1.0.49",
+    "@sproutsocial/seeds-react-drawer": "^2.2.19",
+    "@sproutsocial/seeds-react-duration": "^1.0.34",
+    "@sproutsocial/seeds-react-empty-state": "^1.0.33",
+    "@sproutsocial/seeds-react-fieldset": "^1.0.33",
+    "@sproutsocial/seeds-react-form-field": "^1.1.27",
+    "@sproutsocial/seeds-react-grid": "^0.2.15",
+    "@sproutsocial/seeds-react-hooks": "^3.2.9",
+    "@sproutsocial/seeds-react-icon": "^2.5.0",
+    "@sproutsocial/seeds-react-image": "^1.0.31",
+    "@sproutsocial/seeds-react-indicator": "^1.0.50",
+    "@sproutsocial/seeds-react-input": "^1.5.39",
+    "@sproutsocial/seeds-react-keyboard-key": "^1.0.32",
+    "@sproutsocial/seeds-react-label": "^1.0.32",
+    "@sproutsocial/seeds-react-link": "^1.1.22",
+    "@sproutsocial/seeds-react-list": "^0.3.38",
+    "@sproutsocial/seeds-react-loader": "^1.0.32",
+    "@sproutsocial/seeds-react-loader-button": "^1.0.57",
+    "@sproutsocial/seeds-react-message": "^1.0.61",
+    "@sproutsocial/seeds-react-mixins": "^4.3.14",
+    "@sproutsocial/seeds-react-modal": "^2.5.34",
+    "@sproutsocial/seeds-react-narrative-kit": "^0.6.5",
+    "@sproutsocial/seeds-react-numeral": "^1.0.58",
+    "@sproutsocial/seeds-react-pagination": "^0.1.31",
+    "@sproutsocial/seeds-react-panel": "^1.1.2",
+    "@sproutsocial/seeds-react-peek-in": "^0.4.2",
+    "@sproutsocial/seeds-react-partner-logo": "^1.7.22",
+    "@sproutsocial/seeds-react-popout": "^2.5.20",
     "@sproutsocial/seeds-react-portal": "^1.2.0",
-    "@sproutsocial/seeds-react-progress": "^0.2.15",
-    "@sproutsocial/seeds-react-radio": "^1.3.31",
-    "@sproutsocial/seeds-react-rating": "^1.0.49",
-    "@sproutsocial/seeds-react-segmented-control": "^1.1.31",
+    "@sproutsocial/seeds-react-progress": "^0.2.17",
+    "@sproutsocial/seeds-react-radio": "^1.3.33",
+    "@sproutsocial/seeds-react-rating": "^1.0.51",
+    "@sproutsocial/seeds-react-segmented-control": "^1.1.33",
     "@sproutsocial/seeds-react-spot-illustration": "^1.2.5",
-    "@sproutsocial/seeds-react-select": "^1.1.49",
-    "@sproutsocial/seeds-react-skeleton": "^1.1.28",
-    "@sproutsocial/seeds-react-stack": "^1.0.28",
-    "@sproutsocial/seeds-react-switch": "^1.2.48",
-    "@sproutsocial/seeds-react-system-props": "^3.1.4",
-    "@sproutsocial/seeds-react-table": "^1.0.51",
-    "@sproutsocial/seeds-react-tabs": "^1.4.21",
-    "@sproutsocial/seeds-react-text": "^1.5.3",
-    "@sproutsocial/seeds-react-textarea": "^1.0.29",
-    "@sproutsocial/seeds-react-toast": "^1.0.50",
-    "@sproutsocial/seeds-react-token": "^1.5.15",
-    "@sproutsocial/seeds-react-token-input": "^1.4.59",
-    "@sproutsocial/seeds-react-tooltip": "^1.1.35",
-    "@sproutsocial/seeds-react-theme": "^4.3.1",
-    "@sproutsocial/seeds-react-theme-provider": "^1.1.25",
+    "@sproutsocial/seeds-react-select": "^1.1.51",
+    "@sproutsocial/seeds-react-skeleton": "^1.1.30",
+    "@sproutsocial/seeds-react-stack": "^1.0.30",
+    "@sproutsocial/seeds-react-switch": "^1.2.50",
+    "@sproutsocial/seeds-react-system-props": "^3.2.0",
+    "@sproutsocial/seeds-react-table": "^1.0.53",
+    "@sproutsocial/seeds-react-tabs": "^1.4.23",
+    "@sproutsocial/seeds-react-text": "^1.5.4",
+    "@sproutsocial/seeds-react-textarea": "^1.0.31",
+    "@sproutsocial/seeds-react-toast": "^1.0.52",
+    "@sproutsocial/seeds-react-token": "^1.5.17",
+    "@sproutsocial/seeds-react-token-input": "^1.4.61",
+    "@sproutsocial/seeds-react-tooltip": "^1.1.37",
+    "@sproutsocial/seeds-react-theme": "^4.4.0",
+    "@sproutsocial/seeds-react-theme-provider": "^1.1.27",
     "@sproutsocial/seeds-react-utilities": "^4.3.0",
-    "@sproutsocial/seeds-react-visually-hidden": "^1.0.29",
+    "@sproutsocial/seeds-react-visually-hidden": "^1.0.31",
     "scroll-into-view-if-needed": "^2.2.20",
     "lodash.uniqueid": "^4.0.1",
     "styled-system": "^5.1.5",
@@ -158,12 +158,12 @@
     "@sproutsocial/seeds-border": "^1.7.1",
     "@sproutsocial/seeds-color": "^2.3.0",
     "@sproutsocial/seeds-depth": "^3.4.1",
-    "@sproutsocial/seeds-icons": "^2.10.0",
+    "@sproutsocial/seeds-icons": "^2.11.0",
     "@sproutsocial/seeds-illustrations": "^2.4.0",
     "@sproutsocial/seeds-motion": "^1.8.2",
     "@sproutsocial/seeds-networkcolor": "^2.22.0",
     "@sproutsocial/seeds-partner-logos": "^2.4.1",
-    "@sproutsocial/seeds-react-menu": "^1.16.12",
+    "@sproutsocial/seeds-react-menu": "^1.16.14",
     "@sproutsocial/seeds-react-testing-library": "*",
     "@sproutsocial/seeds-space": "^0.8.1",
     "@sproutsocial/seeds-testing": "*",