@sproutsocial/racine 31.7.22 → 31.7.23

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 CHANGED
@@ -1,5 +1,14 @@
1
1
  # Change Log
2
2
 
3
+ ## 31.7.23
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [b2cf674]
8
+ - Updated dependencies [69f6719]
9
+ - @sproutsocial/seeds-react-peek-in@0.6.0
10
+ - @sproutsocial/seeds-react-modal@2.6.0
11
+
3
12
  ## 31.7.22
4
13
 
5
14
  ### Patch Changes
@@ -3749,6 +3749,17 @@
3749
3749
  flex: 0 0 auto;
3750
3750
  }
3751
3751
 
3752
+ /* Desktop header row inside the main column (PeekInHeader) */
3753
+ .seeds-peek-in-header {
3754
+ display: flex;
3755
+ align-items: center;
3756
+ justify-content: space-between;
3757
+ padding: var(--space-400);
3758
+ border-bottom: 1px solid var(--color-container-border-base);
3759
+ flex: 0 0 auto;
3760
+ width: 100%;
3761
+ }
3762
+
3752
3763
  /* Header left group: optional back button + title */
3753
3764
  .seeds-peek-in-titlegroup {
3754
3765
  display: flex;
@@ -3756,6 +3767,12 @@
3756
3767
  gap: var(--space-300);
3757
3768
  }
3758
3769
 
3770
+ /* Stacks the title and its optional subtitle inside the title group */
3771
+ .seeds-peek-in-titlestack {
3772
+ display: flex;
3773
+ flex-direction: column;
3774
+ }
3775
+
3759
3776
  /* Header right group: consumer actions + inline pills/close */
3760
3777
  .seeds-peek-in-header-actions {
3761
3778
  display: flex;
@@ -3763,6 +3780,25 @@
3763
3780
  gap: var(--space-200);
3764
3781
  }
3765
3782
 
3783
+ /* Footer row for the main column's primary actions (PeekInFooter) */
3784
+ .seeds-peek-in-footer {
3785
+ display: flex;
3786
+ align-items: center;
3787
+ justify-content: flex-end;
3788
+ padding: var(--space-400);
3789
+ gap: var(--space-100);
3790
+ flex: 0 0 auto;
3791
+ width: 100%;
3792
+ }
3793
+
3794
+ /* Right-aligned footer group; margin-left is what pushes it past a leftAction */
3795
+ .seeds-peek-in-footer-actions {
3796
+ display: flex;
3797
+ align-items: center;
3798
+ gap: var(--space-300);
3799
+ margin-left: auto;
3800
+ }
3801
+
3766
3802
  /* Desktop main column: header + content, alongside the optional panel */
3767
3803
  .seeds-peek-in-main {
3768
3804
  display: flex;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sproutsocial/racine",
3
- "version": "31.7.22",
3
+ "version": "31.7.23",
4
4
  "license": "MIT",
5
5
  "engines": {
6
6
  "node": ">=18"
@@ -110,12 +110,12 @@
110
110
  "@sproutsocial/seeds-react-loader-button": "^1.0.59",
111
111
  "@sproutsocial/seeds-react-message": "^1.0.63",
112
112
  "@sproutsocial/seeds-react-mixins": "^4.3.15",
113
- "@sproutsocial/seeds-react-modal": "^2.5.37",
113
+ "@sproutsocial/seeds-react-modal": "^2.6.0",
114
114
  "@sproutsocial/seeds-react-narrative-kit": "^0.6.6",
115
115
  "@sproutsocial/seeds-react-numeral": "^1.0.59",
116
116
  "@sproutsocial/seeds-react-pagination": "^0.1.32",
117
117
  "@sproutsocial/seeds-react-panel": "^1.2.0",
118
- "@sproutsocial/seeds-react-peek-in": "^0.5.1",
118
+ "@sproutsocial/seeds-react-peek-in": "^0.6.0",
119
119
  "@sproutsocial/seeds-react-partner-logo": "^1.7.23",
120
120
  "@sproutsocial/seeds-react-popout": "^2.5.22",
121
121
  "@sproutsocial/seeds-react-portal": "^1.2.0",