cat-framework-core 0.6.0 β†’ 0.6.1

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 +6 -0
  2. package/package.json +1 -1
  3. package/src/index.css +19 -19
package/CHANGELOG.md CHANGED
@@ -4,6 +4,12 @@ All notable changes to this project will be documented in this file.
4
4
 
5
5
  Format based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/).
6
6
 
7
+ ## [0.6.1] – 2026-04-02
8
+
9
+ ### 🎨 Changed
10
+ - **Core Framework Primary Color** – Von Corporate Blue (#0052CC) auf Garfield Orange (#FF8604) umgestellt – passend zur Garfield-MarkenidentitΓ€t des Projekts
11
+ - Light/Dark Mode, Ring, Info und Sidebar-Tokens entsprechend aktualisiert
12
+
7
13
  ## [0.6.0] – 2026-04-01
8
14
 
9
15
  ### πŸš€ Added
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "cat-framework-core",
3
- "version": "0.6.0",
3
+ "version": "0.6.1",
4
4
  "description": "CAT Core Framework – Modular component system for Bloomreach CMS",
5
5
  "type": "module",
6
6
  "main": "dist/index.cjs",
package/src/index.css CHANGED
@@ -13,11 +13,11 @@
13
13
  @layer base {
14
14
  :root {
15
15
  /* ── Brand Palette ── */
16
- --primary: 214 100% 40%; /* #0052CC – Corporate Blue */
16
+ --primary: 31 100% 51%; /* #FF8604 – Garfield Orange */
17
17
  --primary-foreground: 0 0% 100%;
18
- --primary-hover: 214 100% 34%;
19
- --primary-light: 214 60% 89%; /* light tint for disabled/subtle */
20
- --primary-lightest: 214 40% 96%; /* section backgrounds */
18
+ --primary-hover: 31 100% 43%;
19
+ --primary-light: 31 60% 89%; /* light tint for disabled/subtle */
20
+ --primary-lightest: 31 40% 96%; /* section backgrounds */
21
21
 
22
22
  --secondary: 215 25% 35%; /* #42526E – Slate */
23
23
  --secondary-foreground: 0 0% 100%;
@@ -46,7 +46,7 @@
46
46
 
47
47
  --border: 220 13% 90%;
48
48
  --input: 220 13% 90%;
49
- --ring: 214 100% 40%;
49
+ --ring: 31 100% 51%;
50
50
 
51
51
  /* ── Border Radius ── */
52
52
  --radius: 0.75rem; /* 12px – default */
@@ -62,14 +62,14 @@
62
62
  /* ── Semantic / Signal ── */
63
63
  --warning: 36 100% 50%;
64
64
  --warning-foreground: 0 0% 10%;
65
- --info: 214 100% 40%;
65
+ --info: 31 100% 51%;
66
66
  --info-foreground: 0 0% 100%;
67
67
  --success: 153 56% 46%;
68
68
  --success-foreground: 0 0% 100%;
69
69
 
70
70
  /* ── Signal Light (banners, backgrounds) ── */
71
71
  --warning-light: 36 80% 90%;
72
- --info-light: 214 60% 91%;
72
+ --info-light: 31 60% 91%;
73
73
  --success-light: 153 45% 89%;
74
74
  --destructive-light: 0 60% 89%;
75
75
 
@@ -94,12 +94,12 @@
94
94
  /* ── Sidebar (required by shadcn) ── */
95
95
  --sidebar-background: 0 0% 98%;
96
96
  --sidebar-foreground: 215 25% 35%;
97
- --sidebar-primary: 214 100% 40%;
97
+ --sidebar-primary: 31 100% 51%;
98
98
  --sidebar-primary-foreground: 0 0% 100%;
99
99
  --sidebar-accent: 220 16% 96%;
100
100
  --sidebar-accent-foreground: 215 25% 35%;
101
101
  --sidebar-border: 220 13% 90%;
102
- --sidebar-ring: 214 100% 40%;
102
+ --sidebar-ring: 31 100% 51%;
103
103
  }
104
104
 
105
105
  /* ── Mobile spacing overrides ── */
@@ -113,11 +113,11 @@
113
113
  }
114
114
 
115
115
  .dark {
116
- --primary: 214 100% 60%;
117
- --primary-foreground: 216 43% 10%;
118
- --primary-hover: 214 100% 66%;
119
- --primary-light: 214 40% 18%;
120
- --primary-lightest: 214 30% 12%;
116
+ --primary: 31 100% 60%;
117
+ --primary-foreground: 0 0% 10%;
118
+ --primary-hover: 31 100% 66%;
119
+ --primary-light: 31 40% 18%;
120
+ --primary-lightest: 31 30% 12%;
121
121
 
122
122
  --secondary: 215 20% 55%;
123
123
  --secondary-foreground: 0 0% 100%;
@@ -144,20 +144,20 @@
144
144
 
145
145
  --border: 220 14% 20%;
146
146
  --input: 220 14% 20%;
147
- --ring: 214 100% 60%;
147
+ --ring: 31 100% 60%;
148
148
 
149
149
  --shadow-card: 0 1px 10px 0 rgba(0,0,0,0.25);
150
150
  --shadow-elevated: 0 4px 20px 0 rgba(0,0,0,0.35);
151
151
 
152
152
  --warning: 36 100% 55%;
153
153
  --warning-foreground: 0 0% 10%;
154
- --info: 214 100% 60%;
154
+ --info: 31 100% 60%;
155
155
  --info-foreground: 0 0% 100%;
156
156
  --success: 153 56% 56%;
157
157
  --success-foreground: 0 0% 10%;
158
158
 
159
159
  --warning-light: 36 50% 18%;
160
- --info-light: 214 40% 18%;
160
+ --info-light: 31 40% 18%;
161
161
  --success-light: 153 30% 16%;
162
162
  --destructive-light: 0 40% 18%;
163
163
 
@@ -166,12 +166,12 @@
166
166
 
167
167
  --sidebar-background: 220 18% 10%;
168
168
  --sidebar-foreground: 210 20% 92%;
169
- --sidebar-primary: 214 100% 60%;
169
+ --sidebar-primary: 31 100% 60%;
170
170
  --sidebar-primary-foreground: 0 0% 100%;
171
171
  --sidebar-accent: 220 14% 16%;
172
172
  --sidebar-accent-foreground: 210 20% 92%;
173
173
  --sidebar-border: 220 14% 20%;
174
- --sidebar-ring: 214 100% 60%;
174
+ --sidebar-ring: 31 100% 60%;
175
175
  }
176
176
 
177
177
  /* ============================================================