@sproutsocial/racine 31.7.24 → 31.7.25

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 +70 -0
  2. package/dist/components.css +195 -0
  3. package/package.json +64 -64
package/CHANGELOG.md CHANGED
@@ -1,5 +1,75 @@
1
1
  # Change Log
2
2
 
3
+ ## 31.7.25
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies [e45cf34]
8
+ - Updated dependencies [17723fd]
9
+ - Updated dependencies [17723fd]
10
+ - Updated dependencies [a33ef79]
11
+ - @sproutsocial/seeds-typography@3.8.0
12
+ - @sproutsocial/seeds-react-message@1.0.64
13
+ - @sproutsocial/seeds-react-visually-hidden@1.0.33
14
+ - @sproutsocial/seeds-react-theme@4.5.1
15
+ - @sproutsocial/seeds-react-accordion@0.4.66
16
+ - @sproutsocial/seeds-react-breadcrumb@1.1.18
17
+ - @sproutsocial/seeds-react-list@0.3.41
18
+ - @sproutsocial/seeds-react-datepicker@1.0.51
19
+ - @sproutsocial/seeds-react-duration@1.0.36
20
+ - @sproutsocial/seeds-react-form-field@1.1.29
21
+ - @sproutsocial/seeds-react-numeral@1.0.60
22
+ - @sproutsocial/seeds-react-token@1.5.20
23
+ - @sproutsocial/seeds-react-avatar@1.1.29
24
+ - @sproutsocial/seeds-react-banner@1.1.36
25
+ - @sproutsocial/seeds-react-box@1.1.32
26
+ - @sproutsocial/seeds-react-card@1.1.55
27
+ - @sproutsocial/seeds-react-chart-legend@1.0.53
28
+ - @sproutsocial/seeds-react-container@0.3.26
29
+ - @sproutsocial/seeds-react-content-block@0.6.1
30
+ - @sproutsocial/seeds-react-data-table@2.6.38
31
+ - @sproutsocial/seeds-react-drawer@2.2.22
32
+ - @sproutsocial/seeds-react-empty-state@1.0.35
33
+ - @sproutsocial/seeds-react-fieldset@1.0.35
34
+ - @sproutsocial/seeds-react-grid@0.2.17
35
+ - @sproutsocial/seeds-react-hooks@3.3.2
36
+ - @sproutsocial/seeds-react-icon@2.5.2
37
+ - @sproutsocial/seeds-react-image@1.0.33
38
+ - @sproutsocial/seeds-react-indicator@1.0.52
39
+ - @sproutsocial/seeds-react-keyboard-key@1.0.34
40
+ - @sproutsocial/seeds-react-label@1.0.34
41
+ - @sproutsocial/seeds-react-link@1.1.24
42
+ - @sproutsocial/seeds-react-loader@1.0.34
43
+ - @sproutsocial/seeds-react-loader-button@1.0.60
44
+ - @sproutsocial/seeds-react-mixins@4.3.16
45
+ - @sproutsocial/seeds-react-modal@2.6.1
46
+ - @sproutsocial/seeds-react-narrative-kit@0.6.7
47
+ - @sproutsocial/seeds-react-pagination@0.1.33
48
+ - @sproutsocial/seeds-react-panel@1.2.1
49
+ - @sproutsocial/seeds-react-partner-logo@1.7.24
50
+ - @sproutsocial/seeds-react-peek-in@0.6.1
51
+ - @sproutsocial/seeds-react-progress@0.2.19
52
+ - @sproutsocial/seeds-react-rating@1.0.53
53
+ - @sproutsocial/seeds-react-segmented-control@1.1.36
54
+ - @sproutsocial/seeds-react-select@1.1.53
55
+ - @sproutsocial/seeds-react-skeleton@1.1.32
56
+ - @sproutsocial/seeds-react-stack@1.0.32
57
+ - @sproutsocial/seeds-react-table@1.0.55
58
+ - @sproutsocial/seeds-react-tabs@1.4.26
59
+ - @sproutsocial/seeds-react-textarea@1.0.33
60
+ - @sproutsocial/seeds-react-theme-provider@1.1.29
61
+ - @sproutsocial/seeds-react-toast@1.0.54
62
+ - @sproutsocial/seeds-react-token-input@1.4.64
63
+ - @sproutsocial/seeds-react-tooltip@1.1.39
64
+ - @sproutsocial/seeds-react-badge@2.0.46
65
+ - @sproutsocial/seeds-react-checkbox@1.3.54
66
+ - @sproutsocial/seeds-react-content-header@0.3.1
67
+ - @sproutsocial/seeds-react-input@1.5.42
68
+ - @sproutsocial/seeds-react-popout@2.5.23
69
+ - @sproutsocial/seeds-react-button@2.3.9
70
+ - @sproutsocial/seeds-react-switch@1.2.52
71
+ - @sproutsocial/seeds-react-radio@1.3.35
72
+
3
73
  ## 31.7.24
4
74
 
5
75
  ### Patch Changes
package/dist/components.css CHANGED
@@ -2359,6 +2359,187 @@
2359
2359
  }
2360
2360
  }
2361
2361
 
2362
+ /* --- seeds-react-message --- */
2363
+ /**
2364
+ * Seeds Message component classes
2365
+ * Pure CSS-class implementation of the Message pieces, used by MessageTailwind.
2366
+ *
2367
+ * Requires @sproutsocial/seeds-react-theme/dist/theme-all.css imported for
2368
+ * CSS variable definitions and dark mode support.
2369
+ *
2370
+ * Density modifiers (--condensed / --compact / --small / --large) and the
2371
+ * --no-indent override MUST come after the base class so their single-class
2372
+ * specificity wins for padding-left overrides.
2373
+ *
2374
+ * All rules live in the `components` cascade layer so that unlayered Tailwind
2375
+ * utilities (e.g. mx-200, p-300, inline-flex) always win over these component
2376
+ * styles, letting consumers override layout via utility classes.
2377
+ */
2378
+
2379
+ @layer components {
2380
+ /* ------------------------------------------------------------------------ */
2381
+ /* Root */
2382
+ /* ------------------------------------------------------------------------ */
2383
+ .seeds-message {
2384
+ box-sizing: border-box;
2385
+ border-width: 1px;
2386
+ border-style: solid;
2387
+ border-color: var(--color-container-border-base);
2388
+ border-radius: var(--radius-outer);
2389
+ background-color: var(--color-container-bg-base);
2390
+ transition: box-shadow 0.15s;
2391
+ }
2392
+
2393
+ .seeds-message:focus {
2394
+ outline: none;
2395
+ box-shadow:
2396
+ 0 0 0 1px var(--color-button-primary-bg-base),
2397
+ 0 0 0 4px color-mix(in srgb, var(--color-button-primary-bg-base) 30%, transparent);
2398
+ }
2399
+
2400
+ /* ------------------------------------------------------------------------ */
2401
+ /* Header */
2402
+ /* ------------------------------------------------------------------------ */
2403
+ .seeds-message-header {
2404
+ display: flex;
2405
+ justify-content: space-between;
2406
+ align-items: center;
2407
+ border-bottom-style: solid;
2408
+ border-bottom-color: var(--color-container-border-base);
2409
+ border-radius: var(--radius-outer) var(--radius-outer) 0 0;
2410
+ font-size: var(--font-size-200);
2411
+ line-height: var(--line-height-200);
2412
+ }
2413
+
2414
+ .seeds-message-header--condensed {
2415
+ padding: 0 0 0 var(--space-100);
2416
+ border-bottom-width: 0;
2417
+ }
2418
+
2419
+ .seeds-message-header--compact,
2420
+ .seeds-message-header--small,
2421
+ .seeds-message-header--large {
2422
+ padding: var(--space-300);
2423
+ border-bottom-width: 1px;
2424
+ }
2425
+
2426
+ /* ------------------------------------------------------------------------ */
2427
+ /* Body */
2428
+ /* ------------------------------------------------------------------------ */
2429
+ .seeds-message-body {
2430
+ font-family: var(--font-family);
2431
+ }
2432
+
2433
+ .seeds-message-body--condensed {
2434
+ padding: 0 0 0 40px;
2435
+ font-size: var(--font-size-200);
2436
+ line-height: var(--line-height-200);
2437
+ }
2438
+
2439
+ .seeds-message-body--compact {
2440
+ padding: var(--space-300) var(--space-300) var(--space-300) 40px;
2441
+ font-size: var(--font-size-200);
2442
+ line-height: var(--line-height-200);
2443
+ }
2444
+
2445
+ .seeds-message-body--small {
2446
+ padding: var(--space-400) var(--space-400) var(--space-400) 56px;
2447
+ font-size: var(--font-size-300);
2448
+ line-height: var(--line-height-300);
2449
+ }
2450
+
2451
+ .seeds-message-body--large {
2452
+ padding: var(--space-400) var(--space-400) var(--space-400) 64px;
2453
+ font-size: var(--font-size-300);
2454
+ line-height: var(--line-height-300);
2455
+ }
2456
+
2457
+ .seeds-message-body--no-indent {
2458
+ padding-left: var(--space-400);
2459
+ }
2460
+
2461
+ /* ------------------------------------------------------------------------ */
2462
+ /* Footer */
2463
+ /* ------------------------------------------------------------------------ */
2464
+ .seeds-message-footer {
2465
+ display: flex;
2466
+ justify-content: space-between;
2467
+ align-items: center;
2468
+ border-radius: 0 0 var(--radius-outer) var(--radius-outer);
2469
+ }
2470
+
2471
+ .seeds-message-footer--condensed {
2472
+ padding: 0 0 0 40px;
2473
+ flex-wrap: nowrap;
2474
+ }
2475
+
2476
+ .seeds-message-footer--compact {
2477
+ padding: 0 var(--space-300) var(--space-300) 40px;
2478
+ flex-wrap: wrap;
2479
+ }
2480
+
2481
+ .seeds-message-footer--small {
2482
+ padding: 0 var(--space-300) var(--space-300) 56px;
2483
+ flex-wrap: wrap;
2484
+ }
2485
+
2486
+ .seeds-message-footer--large {
2487
+ padding: 0 var(--space-300) var(--space-300) 64px;
2488
+ flex-wrap: wrap;
2489
+ }
2490
+
2491
+ .seeds-message-footer--no-indent {
2492
+ padding-left: var(--space-400);
2493
+ }
2494
+
2495
+ /* ------------------------------------------------------------------------ */
2496
+ /* Meta */
2497
+ /* ------------------------------------------------------------------------ */
2498
+ .seeds-message-meta {
2499
+ display: block;
2500
+ width: 100%;
2501
+ text-align: start;
2502
+ background: none;
2503
+ border: 0;
2504
+ border-top: 1px solid var(--color-container-border-base);
2505
+ border-radius: 0 0 var(--radius-outer) var(--radius-outer);
2506
+ font-size: var(--font-size-100);
2507
+ line-height: var(--line-height-100);
2508
+ margin: var(--space-300) 0 var(--space-200);
2509
+ padding: var(--space-200) var(--space-400);
2510
+ color: var(--color-text-subtext);
2511
+ cursor: default;
2512
+ }
2513
+
2514
+ .seeds-message-meta:focus {
2515
+ outline: none;
2516
+ box-shadow:
2517
+ 0 0 0 1px var(--color-button-primary-bg-base),
2518
+ 0 0 0 4px color-mix(in srgb, var(--color-button-primary-bg-base) 30%, transparent);
2519
+ }
2520
+
2521
+ .seeds-message-meta--condensed,
2522
+ .seeds-message-meta--compact {
2523
+ padding-left: 40px;
2524
+ }
2525
+
2526
+ .seeds-message-meta--small {
2527
+ padding-left: 56px;
2528
+ }
2529
+
2530
+ .seeds-message-meta--large {
2531
+ padding-left: 64px;
2532
+ }
2533
+
2534
+ .seeds-message-meta--no-indent {
2535
+ padding-left: var(--space-400);
2536
+ }
2537
+
2538
+ .seeds-message-meta--clickable {
2539
+ cursor: pointer;
2540
+ }
2541
+ }
2542
+
2362
2543
  /* --- seeds-react-narrative-kit --- */
2363
2544
  /**
2364
2545
  * Seeds AIContainer component classes.
@@ -5666,3 +5847,17 @@
5666
5847
  width: var(--tree-select-width, max-content);
5667
5848
  }
5668
5849
  }
5850
+
5851
+ /* --- seeds-react-visually-hidden --- */
5852
+ @layer components {
5853
+ .seeds-visually-hidden {
5854
+ position: absolute;
5855
+ width: 1px;
5856
+ height: 1px;
5857
+ padding: 0;
5858
+ margin: -1px;
5859
+ overflow: hidden;
5860
+ clip: rect(0 0 0 0);
5861
+ border: 0;
5862
+ }
5863
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sproutsocial/racine",
3
- "version": "31.7.24",
3
+ "version": "31.7.25",
4
4
  "license": "MIT",
5
5
  "engines": {
6
6
  "node": ">=18"
@@ -73,74 +73,74 @@
73
73
  },
74
74
  "dependencies": {
75
75
  "@size-limit/file": "^11.1.6",
76
- "@sproutsocial/seeds-react-accordion": "^0.4.65",
77
- "@sproutsocial/seeds-react-avatar": "^1.1.28",
78
- "@sproutsocial/seeds-react-badge": "^2.0.45",
79
- "@sproutsocial/seeds-react-banner": "^1.1.35",
80
- "@sproutsocial/seeds-react-box": "^1.1.31",
81
- "@sproutsocial/seeds-react-breadcrumb": "^1.1.17",
82
- "@sproutsocial/seeds-react-button": "^2.3.8",
83
- "@sproutsocial/seeds-react-card": "^1.1.54",
76
+ "@sproutsocial/seeds-react-accordion": "^0.4.66",
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
84
  "@sproutsocial/seeds-react-character-counter": "^1.0.10",
85
- "@sproutsocial/seeds-react-chart-legend": "^1.0.52",
85
+ "@sproutsocial/seeds-react-chart-legend": "^1.0.53",
86
86
  "@sproutsocial/seeds-react-chat-bubble": "^0.2.7",
87
- "@sproutsocial/seeds-react-checkbox": "^1.3.53",
87
+ "@sproutsocial/seeds-react-checkbox": "^1.3.54",
88
88
  "@sproutsocial/seeds-react-collapsible": "^2.0.1",
89
- "@sproutsocial/seeds-react-container": "^0.3.25",
90
- "@sproutsocial/seeds-react-content-block": "^0.6.0",
91
- "@sproutsocial/seeds-react-content-header": "^0.3.0",
92
- "@sproutsocial/seeds-react-data-table": "^2.6.37",
93
- "@sproutsocial/seeds-react-datepicker": "^1.0.50",
94
- "@sproutsocial/seeds-react-drawer": "^2.2.21",
95
- "@sproutsocial/seeds-react-duration": "^1.0.35",
96
- "@sproutsocial/seeds-react-empty-state": "^1.0.34",
97
- "@sproutsocial/seeds-react-fieldset": "^1.0.34",
98
- "@sproutsocial/seeds-react-form-field": "^1.1.28",
99
- "@sproutsocial/seeds-react-grid": "^0.2.16",
100
- "@sproutsocial/seeds-react-hooks": "^3.3.1",
101
- "@sproutsocial/seeds-react-icon": "^2.5.1",
102
- "@sproutsocial/seeds-react-image": "^1.0.32",
103
- "@sproutsocial/seeds-react-indicator": "^1.0.51",
104
- "@sproutsocial/seeds-react-input": "^1.5.41",
105
- "@sproutsocial/seeds-react-keyboard-key": "^1.0.33",
106
- "@sproutsocial/seeds-react-label": "^1.0.33",
107
- "@sproutsocial/seeds-react-link": "^1.1.23",
108
- "@sproutsocial/seeds-react-list": "^0.3.40",
109
- "@sproutsocial/seeds-react-loader": "^1.0.33",
110
- "@sproutsocial/seeds-react-loader-button": "^1.0.59",
111
- "@sproutsocial/seeds-react-message": "^1.0.63",
112
- "@sproutsocial/seeds-react-mixins": "^4.3.15",
113
- "@sproutsocial/seeds-react-modal": "^2.6.0",
114
- "@sproutsocial/seeds-react-narrative-kit": "^0.6.6",
115
- "@sproutsocial/seeds-react-numeral": "^1.0.59",
116
- "@sproutsocial/seeds-react-pagination": "^0.1.32",
117
- "@sproutsocial/seeds-react-panel": "^1.2.0",
118
- "@sproutsocial/seeds-react-peek-in": "^0.6.0",
119
- "@sproutsocial/seeds-react-partner-logo": "^1.7.23",
120
- "@sproutsocial/seeds-react-popout": "^2.5.22",
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.3.41",
109
+ "@sproutsocial/seeds-react-loader": "^1.0.34",
110
+ "@sproutsocial/seeds-react-loader-button": "^1.0.60",
111
+ "@sproutsocial/seeds-react-message": "^1.0.64",
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",
121
121
  "@sproutsocial/seeds-react-portal": "^1.2.0",
122
- "@sproutsocial/seeds-react-progress": "^0.2.18",
123
- "@sproutsocial/seeds-react-radio": "^1.3.34",
124
- "@sproutsocial/seeds-react-rating": "^1.0.52",
125
- "@sproutsocial/seeds-react-segmented-control": "^1.1.35",
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",
126
126
  "@sproutsocial/seeds-react-spot-illustration": "^1.2.5",
127
- "@sproutsocial/seeds-react-select": "^1.1.52",
128
- "@sproutsocial/seeds-react-skeleton": "^1.1.31",
129
- "@sproutsocial/seeds-react-stack": "^1.0.31",
130
- "@sproutsocial/seeds-react-switch": "^1.2.51",
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",
131
131
  "@sproutsocial/seeds-react-system-props": "^3.2.1",
132
- "@sproutsocial/seeds-react-table": "^1.0.54",
133
- "@sproutsocial/seeds-react-tabs": "^1.4.25",
132
+ "@sproutsocial/seeds-react-table": "^1.0.55",
133
+ "@sproutsocial/seeds-react-tabs": "^1.4.26",
134
134
  "@sproutsocial/seeds-react-text": "^1.5.5",
135
- "@sproutsocial/seeds-react-textarea": "^1.0.32",
136
- "@sproutsocial/seeds-react-toast": "^1.0.53",
137
- "@sproutsocial/seeds-react-token": "^1.5.19",
138
- "@sproutsocial/seeds-react-token-input": "^1.4.63",
139
- "@sproutsocial/seeds-react-tooltip": "^1.1.38",
140
- "@sproutsocial/seeds-react-theme": "^4.5.0",
141
- "@sproutsocial/seeds-react-theme-provider": "^1.1.28",
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",
142
142
  "@sproutsocial/seeds-react-utilities": "^4.3.0",
143
- "@sproutsocial/seeds-react-visually-hidden": "^1.0.32",
143
+ "@sproutsocial/seeds-react-visually-hidden": "^1.0.33",
144
144
  "scroll-into-view-if-needed": "^2.2.20",
145
145
  "lodash.uniqueid": "^4.0.1",
146
146
  "styled-system": "^5.1.5",
@@ -150,7 +150,7 @@
150
150
  "@sproutsocial/seeds-motion": "^1.8.2",
151
151
  "@sproutsocial/seeds-networkcolor": "^2.22.0",
152
152
  "@sproutsocial/seeds-space": "^0.8.1",
153
- "@sproutsocial/seeds-typography": "^3.7.1"
153
+ "@sproutsocial/seeds-typography": "^3.8.0"
154
154
  },
155
155
  "devDependencies": {
156
156
  "@react-docgen/cli": "^2.0.0",
@@ -163,12 +163,12 @@
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.17.0",
166
+ "@sproutsocial/seeds-react-menu": "^1.18.0",
167
167
  "@sproutsocial/seeds-react-testing-library": "*",
168
168
  "@sproutsocial/seeds-space": "^0.8.1",
169
169
  "@sproutsocial/seeds-testing": "*",
170
170
  "@sproutsocial/seeds-tsconfig": "*",
171
- "@sproutsocial/seeds-typography": "^3.7.1",
171
+ "@sproutsocial/seeds-typography": "^3.8.0",
172
172
  "@types/node": "^20.0.0",
173
173
  "@types/react": "^18.0.0",
174
174
  "@types/react-dom": "^18.0.0",