@the-portland-company/shell 0.3.5 → 0.5.0
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/dist/chrome.css +235 -73
- package/dist/index.cjs +8 -28
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +8 -28
- package/dist/index.js.map +1 -1
- package/dist/native.cjs +246 -0
- package/dist/native.cjs.map +1 -0
- package/dist/native.d.cts +106 -0
- package/dist/native.d.ts +106 -0
- package/dist/native.js +240 -0
- package/dist/native.js.map +1 -0
- package/package.json +9 -3
package/dist/index.js
CHANGED
|
@@ -8,22 +8,13 @@ import { keyframes } from '@emotion/react';
|
|
|
8
8
|
|
|
9
9
|
// src/theme/index.ts
|
|
10
10
|
|
|
11
|
+
// src/theme/tokens.generated.ts
|
|
12
|
+
var brandRamp = { 50: "#FFF5F0", 100: "#FFE8DC", 200: "#FFD0B8", 300: "#FFB088", 400: "#FF8C5A", 500: "#E86A3A", 600: "#CC5429", 700: "#A6421F", 800: "#803317", 900: "#5C2410" };
|
|
13
|
+
|
|
11
14
|
// src/theme/colors.ts
|
|
12
15
|
var colors = {
|
|
13
|
-
// Primary brand color - Politogy
|
|
14
|
-
brand: {
|
|
15
|
-
50: "#fff5f0",
|
|
16
|
-
100: "#ffe8dc",
|
|
17
|
-
200: "#ffd0b8",
|
|
18
|
-
300: "#ffb088",
|
|
19
|
-
400: "#ff8c5a",
|
|
20
|
-
500: "#e86a3a",
|
|
21
|
-
// Primary brand color - burnt orange/red
|
|
22
|
-
600: "#cc5429",
|
|
23
|
-
700: "#a6421f",
|
|
24
|
-
800: "#803317",
|
|
25
|
-
900: "#5c2410"
|
|
26
|
-
},
|
|
16
|
+
// Primary brand color - Politogy burnt-orange (Energy & Action). From Specs.
|
|
17
|
+
brand: { ...brandRamp },
|
|
27
18
|
// Politogy Brand Colors
|
|
28
19
|
politogy: {
|
|
29
20
|
// Legacy Blue - kept for reference
|
|
@@ -39,19 +30,8 @@ var colors = {
|
|
|
39
30
|
800: "#2a4365",
|
|
40
31
|
900: "#1a365d"
|
|
41
32
|
},
|
|
42
|
-
// Primary Red/Orange - Energy & Action (main brand color)
|
|
43
|
-
red: {
|
|
44
|
-
50: "#fff5f0",
|
|
45
|
-
100: "#ffe8dc",
|
|
46
|
-
200: "#ffd0b8",
|
|
47
|
-
300: "#ffb088",
|
|
48
|
-
400: "#ff8c5a",
|
|
49
|
-
500: "#e86a3a",
|
|
50
|
-
600: "#cc5429",
|
|
51
|
-
700: "#a6421f",
|
|
52
|
-
800: "#803317",
|
|
53
|
-
900: "#5c2410"
|
|
54
|
-
},
|
|
33
|
+
// Primary Red/Orange - Energy & Action (main brand color). From Specs.
|
|
34
|
+
red: { ...brandRamp },
|
|
55
35
|
// Navy - Professional & Authoritative
|
|
56
36
|
navy: {
|
|
57
37
|
50: "#e8eef6",
|
|
@@ -1598,7 +1578,7 @@ function NavItem({
|
|
|
1598
1578
|
const modeConfig = resolveModeConfig(mode);
|
|
1599
1579
|
const navPref = useShellNavigationPreference();
|
|
1600
1580
|
const showSubMenu = navPref?.showSubMenu ?? true;
|
|
1601
|
-
const navHoverGradient = currentMode === MODE_CAMPAIGN ? "linear-gradient(90deg, #F2C94C 0%, #E63946 100%)" : currentMode === MODE_PETITION ? "linear-gradient(90deg, #F2C94C 0%, #007BFF 100%)" : "linear-gradient(90deg, #
|
|
1581
|
+
const navHoverGradient = currentMode === MODE_CAMPAIGN ? "linear-gradient(90deg, #F2C94C 0%, #E63946 100%)" : currentMode === MODE_PETITION ? "linear-gradient(90deg, #F2C94C 0%, #007BFF 100%)" : "linear-gradient(90deg, #ea6a3a 0%, #E63946 100%)";
|
|
1602
1582
|
const gradientSweepBefore = {
|
|
1603
1583
|
content: '""',
|
|
1604
1584
|
position: "absolute",
|