@schandlergarcia/sf-web-components 2.3.4 → 2.3.5

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 (5) hide show
  1. package/CHANGELOG.md +5 -0
  2. package/brands/engine/global.css +16 -0
  3. package/dist/styles/global.css +16 -0
  4. package/package.json +1 -1
  5. package/src/styles/global.css +16 -0
package/CHANGELOG.md CHANGED
@@ -5,6 +5,11 @@ 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.5] - 2026-04-11
9
+
10
+ ### Fixed
11
+ - **Dashboard tokens now actually exist at runtime** — `@theme inline` in Tailwind v4 never emits CSS custom properties to the browser, so `var(--color-dash-accent)` was unresolved. Now both `:root` blocks define the `--color-dash-*` aliases (pointing to `--dash-*` values) alongside the raw values, ensuring the browser can resolve all `var()` references.
12
+
8
13
  ## [2.3.4] - 2026-04-11
9
14
 
10
15
  ### Fixed
package/brands/engine/global.css CHANGED
@@ -126,6 +126,22 @@
126
126
  --dash-chart-2: #1E9D6D;
127
127
  --dash-chart-3: #FF6B6B;
128
128
  --dash-chart-4: #FFA726;
129
+ --color-dash-text: var(--dash-text);
130
+ --color-dash-muted: var(--dash-muted);
131
+ --color-dash-label: var(--dash-label);
132
+ --color-dash-surface: var(--dash-surface);
133
+ --color-dash-border: var(--dash-border);
134
+ --color-dash-accent: var(--dash-accent);
135
+ --color-dash-success: var(--dash-success);
136
+ --color-dash-info: var(--dash-info);
137
+ --color-dash-warning: var(--dash-warning);
138
+ --color-dash-danger: var(--dash-danger);
139
+ --color-dash-dark: var(--dash-dark);
140
+ --color-dash-darker: var(--dash-darker);
141
+ --color-dash-chart-1: var(--dash-chart-1);
142
+ --color-dash-chart-2: var(--dash-chart-2);
143
+ --color-dash-chart-3: var(--dash-chart-3);
144
+ --color-dash-chart-4: var(--dash-chart-4);
129
145
 
130
146
  --radius: 0.625rem;
131
147
  --background: oklch(1 0 0);
package/dist/styles/global.css CHANGED
@@ -113,6 +113,22 @@
113
113
  --dash-chart-2: #059669;
114
114
  --dash-chart-3: #F87171;
115
115
  --dash-chart-4: #FB923C;
116
+ --color-dash-text: var(--dash-text);
117
+ --color-dash-muted: var(--dash-muted);
118
+ --color-dash-label: var(--dash-label);
119
+ --color-dash-surface: var(--dash-surface);
120
+ --color-dash-border: var(--dash-border);
121
+ --color-dash-accent: var(--dash-accent);
122
+ --color-dash-success: var(--dash-success);
123
+ --color-dash-info: var(--dash-info);
124
+ --color-dash-warning: var(--dash-warning);
125
+ --color-dash-danger: var(--dash-danger);
126
+ --color-dash-dark: var(--dash-dark);
127
+ --color-dash-darker: var(--dash-darker);
128
+ --color-dash-chart-1: var(--dash-chart-1);
129
+ --color-dash-chart-2: var(--dash-chart-2);
130
+ --color-dash-chart-3: var(--dash-chart-3);
131
+ --color-dash-chart-4: var(--dash-chart-4);
116
132
 
117
133
  --radius: 0.625rem;
118
134
  --background: oklch(1 0 0);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@schandlergarcia/sf-web-components",
3
- "version": "2.3.4",
3
+ "version": "2.3.5",
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
@@ -113,6 +113,22 @@
113
113
  --dash-chart-2: #059669;
114
114
  --dash-chart-3: #F87171;
115
115
  --dash-chart-4: #FB923C;
116
+ --color-dash-text: var(--dash-text);
117
+ --color-dash-muted: var(--dash-muted);
118
+ --color-dash-label: var(--dash-label);
119
+ --color-dash-surface: var(--dash-surface);
120
+ --color-dash-border: var(--dash-border);
121
+ --color-dash-accent: var(--dash-accent);
122
+ --color-dash-success: var(--dash-success);
123
+ --color-dash-info: var(--dash-info);
124
+ --color-dash-warning: var(--dash-warning);
125
+ --color-dash-danger: var(--dash-danger);
126
+ --color-dash-dark: var(--dash-dark);
127
+ --color-dash-darker: var(--dash-darker);
128
+ --color-dash-chart-1: var(--dash-chart-1);
129
+ --color-dash-chart-2: var(--dash-chart-2);
130
+ --color-dash-chart-3: var(--dash-chart-3);
131
+ --color-dash-chart-4: var(--dash-chart-4);
116
132
 
117
133
  --radius: 0.625rem;
118
134
  --background: oklch(1 0 0);