finsignal-feed-explore 3.3.1 → 3.3.2

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/dist/FeedList.css +3 -3
  2. package/dist/filters/FiltersOverlay.css +41 -4
  3. package/dist/filters/FiltersOverlay.css.map +1 -1
  4. package/dist/newsfeed.css +3 -3
  5. package/dist/snippets/NewsSnippet.css +5 -5
  6. package/dist/styles/globals.css +2 -2
  7. package/package.json +1 -1
package/dist/FeedList.css CHANGED
@@ -5,7 +5,7 @@
5
5
  /* CSS Variables for theming - Global for all components */
6
6
  :root {
7
7
  /* Light theme colors */
8
- --news-bg: #ffffff;
8
+ --base-bg: #ffffff;
9
9
  --news-text-primary: #242429;
10
10
  --news-text-secondary: rgba(4, 4, 5, 0.56);
11
11
  --news-text-tertiary: rgba(4, 4, 5, 0.36);
@@ -21,7 +21,7 @@
21
21
 
22
22
  .dark {
23
23
  /* Dark theme colors */
24
- --news-bg: #1C1C1F;
24
+ --base-bg: #1C1C1F;
25
25
  --news-text-primary: #ffffff;
26
26
  --news-text-secondary: rgba(255, 255, 255, 0.7);
27
27
  --news-text-tertiary: rgba(255, 255, 255, 0.5);
@@ -103,7 +103,7 @@
103
103
  display: flex;
104
104
  flex-direction: column;
105
105
  gap: 0;
106
- background-color: var(--news-bg);
106
+ background-color: var(--base-bg);
107
107
  scrollbar-width: none;
108
108
  -ms-overflow-style: none;
109
109
  }
package/dist/filters/FiltersOverlay.css CHANGED
@@ -1,7 +1,40 @@
1
+ /* Import global variables */
2
+ /* CSS Variables for theming - Global for all components */
3
+ :root {
4
+ /* Light theme colors */
5
+ --base-bg: #ffffff;
6
+ --news-text-primary: #242429;
7
+ --news-text-secondary: rgba(4, 4, 5, 0.56);
8
+ --news-text-tertiary: rgba(4, 4, 5, 0.36);
9
+ --news-border: rgba(36, 36, 41, 0.08);
10
+ --news-hover-overlay: rgba(0, 0, 0, 0.04);
11
+ --news-ai-summary-bg: rgba(120, 99, 246, 0.12);
12
+ --news-ai-summary-text: rgba(4, 4, 5, 0.88);
13
+ --news-stock-card-bg: rgba(4, 4, 5, 0.04);
14
+ --news-stock-positive: #10b981;
15
+ --news-stock-negative: #ef4444;
16
+ --news-action-hover: rgba(4, 4, 5, 0.06);
17
+ }
18
+
19
+ .dark {
20
+ /* Dark theme colors */
21
+ --base-bg: #1C1C1F;
22
+ --news-text-primary: #ffffff;
23
+ --news-text-secondary: rgba(255, 255, 255, 0.7);
24
+ --news-text-tertiary: rgba(255, 255, 255, 0.5);
25
+ --news-border: rgba(255, 255, 255, 0.12);
26
+ --news-hover-overlay: rgba(255, 255, 255, 0.06);
27
+ --news-ai-summary-bg: rgba(120, 99, 246, 0.12);
28
+ --news-ai-summary-text: rgba(255, 255, 255, 0.88);
29
+ --news-stock-card-bg: rgba(255, 255, 255, 0.08);
30
+ --news-stock-positive: #34d399;
31
+ --news-stock-negative: #f87171;
32
+ --news-action-hover: rgba(255, 255, 255, 0.06);
33
+ }
34
+
1
35
  /* CSS Variables for theming */
2
36
  :root {
3
37
  /* Light theme colors */
4
- --filters-bg: #ffffff;
5
38
  --filters-text-primary: #242429;
6
39
  --filters-text-secondary: rgba(4, 4, 5, 0.56);
7
40
  --filters-btn-reset-bg: #E8E9EA;
@@ -15,7 +48,6 @@
15
48
 
16
49
  .dark {
17
50
  /* Dark theme colors */
18
- --filters-bg: #1a1a1e;
19
51
  --filters-text-primary: #ffffff;
20
52
  --filters-text-secondary: rgba(255, 255, 255, 0.6);
21
53
  --filters-btn-reset-bg: rgba(255, 255, 255, 0.12);
@@ -32,7 +64,7 @@
32
64
  flex-direction: column;
33
65
  height: 100%;
34
66
  width: 100%;
35
- background: var(--filters-bg);
67
+ background: var(--base-bg);
36
68
  }
37
69
 
38
70
  .filters-overlay__content {
@@ -42,6 +74,11 @@
42
74
  display: flex;
43
75
  flex-direction: column;
44
76
  gap: 24px;
77
+ scrollbar-width: none;
78
+ -ms-overflow-style: none;
79
+ }
80
+ .filters-overlay__content::-webkit-scrollbar {
81
+ display: none;
45
82
  }
46
83
 
47
84
  .filters-overlay__category {
@@ -71,7 +108,7 @@
71
108
  display: flex;
72
109
  gap: 12px;
73
110
  padding: 16px;
74
- background: var(--filters-bg);
111
+ background: var(--base-bg);
75
112
  flex-shrink: 0;
76
113
  z-index: 10;
77
114
  box-shadow: 0 -2px 8px var(--filters-shadow);
package/dist/filters/FiltersOverlay.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/filters/FiltersOverlay.scss"],"names":[],"mappings":"AAAA;AACA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE","file":"FiltersOverlay.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/filters/FiltersOverlay.scss","../../src/styles/globals.scss"],"names":[],"mappings":"AAAA;ACAA;AACA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AD3BF;AACA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAGF;EACE","file":"FiltersOverlay.css"}
package/dist/newsfeed.css CHANGED
@@ -5,7 +5,7 @@
5
5
  /* CSS Variables for theming - Global for all components */
6
6
  :root {
7
7
  /* Light theme colors */
8
- --news-bg: #ffffff;
8
+ --base-bg: #ffffff;
9
9
  --news-text-primary: #242429;
10
10
  --news-text-secondary: rgba(4, 4, 5, 0.56);
11
11
  --news-text-tertiary: rgba(4, 4, 5, 0.36);
@@ -21,7 +21,7 @@
21
21
 
22
22
  .dark {
23
23
  /* Dark theme colors */
24
- --news-bg: #1C1C1F;
24
+ --base-bg: #1C1C1F;
25
25
  --news-text-primary: #ffffff;
26
26
  --news-text-secondary: rgba(255, 255, 255, 0.7);
27
27
  --news-text-tertiary: rgba(255, 255, 255, 0.5);
@@ -103,7 +103,7 @@
103
103
  display: flex;
104
104
  flex-direction: column;
105
105
  gap: 0;
106
- background-color: var(--news-bg);
106
+ background-color: var(--base-bg);
107
107
  scrollbar-width: none;
108
108
  -ms-overflow-style: none;
109
109
  }
package/dist/snippets/NewsSnippet.css CHANGED
@@ -3,7 +3,7 @@
3
3
  /* CSS Variables for theming - Global for all components */
4
4
  :root {
5
5
  /* Light theme colors */
6
- --news-bg: #ffffff;
6
+ --base-bg: #ffffff;
7
7
  --news-text-primary: #242429;
8
8
  --news-text-secondary: rgba(4, 4, 5, 0.56);
9
9
  --news-text-tertiary: rgba(4, 4, 5, 0.36);
@@ -19,7 +19,7 @@
19
19
 
20
20
  .dark {
21
21
  /* Dark theme colors */
22
- --news-bg: #1C1C1F;
22
+ --base-bg: #1C1C1F;
23
23
  --news-text-primary: #ffffff;
24
24
  --news-text-secondary: rgba(255, 255, 255, 0.7);
25
25
  --news-text-tertiary: rgba(255, 255, 255, 0.5);
@@ -43,7 +43,7 @@
43
43
  cursor: poInter Variable;
44
44
  transition: background-color 0.2s ease;
45
45
  position: relative;
46
- background-color: var(--news-bg);
46
+ background-color: var(--base-bg);
47
47
  /* Hover overlay effect */
48
48
  }
49
49
  .news-snippet::before {
@@ -165,7 +165,7 @@
165
165
  align-items: center;
166
166
  justify-content: center;
167
167
  background: var(--news-text-tertiary);
168
- color: var(--news-bg);
168
+ color: var(--base-bg);
169
169
  font-size: 10px;
170
170
  font-weight: 600;
171
171
  }
@@ -262,7 +262,7 @@
262
262
  align-items: center;
263
263
  justify-content: center;
264
264
  background: var(--news-text-tertiary);
265
- color: var(--news-bg);
265
+ color: var(--base-bg);
266
266
  font-size: 10px;
267
267
  font-weight: 600;
268
268
  }
package/dist/styles/globals.css CHANGED
@@ -1,7 +1,7 @@
1
1
  /* CSS Variables for theming - Global for all components */
2
2
  :root {
3
3
  /* Light theme colors */
4
- --news-bg: #ffffff;
4
+ --base-bg: #ffffff;
5
5
  --news-text-primary: #242429;
6
6
  --news-text-secondary: rgba(4, 4, 5, 0.56);
7
7
  --news-text-tertiary: rgba(4, 4, 5, 0.36);
@@ -17,7 +17,7 @@
17
17
 
18
18
  .dark {
19
19
  /* Dark theme colors */
20
- --news-bg: #1C1C1F;
20
+ --base-bg: #1C1C1F;
21
21
  --news-text-primary: #ffffff;
22
22
  --news-text-secondary: rgba(255, 255, 255, 0.7);
23
23
  --news-text-tertiary: rgba(255, 255, 255, 0.5);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "finsignal-feed-explore",
3
- "version": "3.3.1",
3
+ "version": "3.3.2",
4
4
  "description": "News feed explorer components for React web applications",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",