@schandlergarcia/sf-web-components 2.3.6 → 2.3.8

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 (7) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/brands/engine/app/pages/PartnerHubDashboard.tsx +2 -2
  3. package/brands/engine/engine_logo.png +0 -0
  4. package/brands/engine/global.css +13 -13
  5. package/dist/styles/global.css +16 -16
  6. package/package.json +1 -1
  7. package/src/styles/global.css +16 -16
package/CHANGELOG.md CHANGED
@@ -5,6 +5,18 @@ All notable changes to this project will be documented in this file.
5
5
  The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
6
6
  and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
7
7
 
8
+ ## [2.3.8] - 2026-04-13
9
+
10
+ ### Changed
11
+ - **Engine theme overhauled for boldness** — Switched primary accent from cyan (#7DCBD9) to Engine's signature amber/gold (#FFB200) to match their actual website branding. Hero uses true Engine Black (#0D1117), surfaces have warm cream (#fef9ef), borders are gold-tinted (#e2c97a), chart-1 is now amber. Cyan moved to `--dash-info`. This makes the Engine theme dramatically different from the neutral blue theme.
12
+ - **Logo increased to h-14** — Engine logo in dashboard header now renders larger for stronger brand presence.
13
+
14
+ ## [2.3.7] - 2026-04-11
15
+
16
+ ### Changed
17
+ - **Bold neutral palette** — reset theme now uses vivid blue accent (`#2563eb`), blue-tinted surfaces (`#dbeafe`), blue borders (`#93c5fd`), purple info (`#7c3aed`), deep blue hero gradient (`#1e3a8a`). Clearly "not Engine."
18
+ - **Engine theme pops harder** — hero gradient uses dark teal (`#0c3044`) instead of plain charcoal, surfaces have a warm cyan tint (`#f0fafb`), borders pick up the teal (`#a8dde5`), chart colors now use all four Engine secondary colors (cyan, green, orange-red, gold).
19
+
8
20
  ## [2.3.6] - 2026-04-11
9
21
 
10
22
  ### Fixed
package/brands/engine/app/pages/PartnerHubDashboard.tsx CHANGED
@@ -672,7 +672,7 @@ export default function PartnerHubDashboard() {
672
672
  <img
673
673
  src={engineLogo}
674
674
  alt="Engine"
675
- className="h-11 w-auto dark:invert dark:brightness-0 dark:contrast-100 transition-all duration-300"
675
+ className="h-14 w-auto dark:invert dark:brightness-0 dark:contrast-100 transition-all duration-300"
676
676
  />
677
677
  <div className="flex items-center gap-4">
678
678
  <div className="h-10 w-px bg-gradient-to-b from-transparent via-[var(--color-dash-label)]/40 to-transparent" />
@@ -766,7 +766,7 @@ export default function PartnerHubDashboard() {
766
766
  <div className="relative max-w-[1600px] mx-auto px-8 py-12 pb-20">
767
767
  <div className="max-w-3xl space-y-3 animate-fade-in">
768
768
  <h1 className="text-3xl lg:text-4xl font-bold text-white tracking-tight leading-tight">
769
- Hey there! Here's what's happening with your properties
769
+ Hey there Jamie! Here's what's happening with your properties
770
770
  </h1>
771
771
  <p className="text-lg text-white/70 leading-relaxed">
772
772
  Everything you need to manage your partnership with Engine — invoices, bookings, and any items that need your attention.
package/brands/engine/engine_logo.png CHANGED
Binary file
package/brands/engine/global.css CHANGED
@@ -93,21 +93,21 @@
93
93
 
94
94
  :root {
95
95
  --dash-text: #0D1117;
96
- --dash-muted: #616368;
97
- --dash-label: #B0B1B3;
98
- --dash-surface: #F3F3F4;
99
- --dash-border: #B0B1B3;
100
- --dash-accent: #7DCBD9;
96
+ --dash-muted: #3d4047;
97
+ --dash-label: #8b8d91;
98
+ --dash-surface: #fef9ef;
99
+ --dash-border: #e2c97a;
100
+ --dash-accent: #FFB200;
101
101
  --dash-success: #1E9D6D;
102
- --dash-info: #157DE5;
103
- --dash-warning: #FFB200;
104
- --dash-danger: #FD4B23;
105
- --dash-dark: #1a1f2e;
106
- --dash-darker: #0a0d12;
107
- --dash-chart-1: #7DCBD9;
102
+ --dash-info: #7DCBD9;
103
+ --dash-warning: #FD4B23;
104
+ --dash-danger: #dc2626;
105
+ --dash-dark: #0D1117;
106
+ --dash-darker: #06090d;
107
+ --dash-chart-1: #FFB200;
108
108
  --dash-chart-2: #1E9D6D;
109
- --dash-chart-3: #FF6B6B;
110
- --dash-chart-4: #FFA726;
109
+ --dash-chart-3: #7DCBD9;
110
+ --dash-chart-4: #FD4B23;
111
111
  --color-dash-text: var(--dash-text);
112
112
  --color-dash-muted: var(--dash-muted);
113
113
  --color-dash-label: var(--dash-label);
package/dist/styles/global.css CHANGED
@@ -79,22 +79,22 @@
79
79
  }
80
80
 
81
81
  :root {
82
- --dash-text: #0F172A;
83
- --dash-muted: #64748B;
84
- --dash-label: #94A3B8;
85
- --dash-surface: #F1F5F9;
86
- --dash-border: #CBD5E1;
87
- --dash-accent: #0EA5E9;
88
- --dash-success: #059669;
89
- --dash-info: #2563EB;
90
- --dash-warning: #F59E0B;
91
- --dash-danger: #EF4444;
92
- --dash-dark: #0F172A;
93
- --dash-darker: #020617;
94
- --dash-chart-1: #0EA5E9;
95
- --dash-chart-2: #059669;
96
- --dash-chart-3: #F87171;
97
- --dash-chart-4: #FB923C;
82
+ --dash-text: #1e293b;
83
+ --dash-muted: #475569;
84
+ --dash-label: #64748b;
85
+ --dash-surface: #dbeafe;
86
+ --dash-border: #93c5fd;
87
+ --dash-accent: #2563eb;
88
+ --dash-success: #16a34a;
89
+ --dash-info: #7c3aed;
90
+ --dash-warning: #ca8a04;
91
+ --dash-danger: #dc2626;
92
+ --dash-dark: #1e3a8a;
93
+ --dash-darker: #172554;
94
+ --dash-chart-1: #2563eb;
95
+ --dash-chart-2: #16a34a;
96
+ --dash-chart-3: #e11d48;
97
+ --dash-chart-4: #7c3aed;
98
98
  --color-dash-text: var(--dash-text);
99
99
  --color-dash-muted: var(--dash-muted);
100
100
  --color-dash-label: var(--dash-label);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@schandlergarcia/sf-web-components",
3
- "version": "2.3.6",
3
+ "version": "2.3.8",
4
4
  "description": "Reusable Salesforce web components library with Tailwind CSS v4 and shadcn/ui",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
package/src/styles/global.css CHANGED
@@ -79,22 +79,22 @@
79
79
  }
80
80
 
81
81
  :root {
82
- --dash-text: #0F172A;
83
- --dash-muted: #64748B;
84
- --dash-label: #94A3B8;
85
- --dash-surface: #F1F5F9;
86
- --dash-border: #CBD5E1;
87
- --dash-accent: #0EA5E9;
88
- --dash-success: #059669;
89
- --dash-info: #2563EB;
90
- --dash-warning: #F59E0B;
91
- --dash-danger: #EF4444;
92
- --dash-dark: #0F172A;
93
- --dash-darker: #020617;
94
- --dash-chart-1: #0EA5E9;
95
- --dash-chart-2: #059669;
96
- --dash-chart-3: #F87171;
97
- --dash-chart-4: #FB923C;
82
+ --dash-text: #1e293b;
83
+ --dash-muted: #475569;
84
+ --dash-label: #64748b;
85
+ --dash-surface: #dbeafe;
86
+ --dash-border: #93c5fd;
87
+ --dash-accent: #2563eb;
88
+ --dash-success: #16a34a;
89
+ --dash-info: #7c3aed;
90
+ --dash-warning: #ca8a04;
91
+ --dash-danger: #dc2626;
92
+ --dash-dark: #1e3a8a;
93
+ --dash-darker: #172554;
94
+ --dash-chart-1: #2563eb;
95
+ --dash-chart-2: #16a34a;
96
+ --dash-chart-3: #e11d48;
97
+ --dash-chart-4: #7c3aed;
98
98
  --color-dash-text: var(--dash-text);
99
99
  --color-dash-muted: var(--dash-muted);
100
100
  --color-dash-label: var(--dash-label);