finsignal-feed-explore 3.18.0 → 3.20.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/FeedList.css CHANGED
@@ -22,8 +22,8 @@
22
22
  --black-inverse-a32: rgba(4, 4, 5, 0.32);
23
23
  --black-inverse-a56: rgba(4, 4, 5, 0.56);
24
24
  /* Search input colors */
25
- --search-input-bg: rgba(4, 4, 5, 0.06);
26
- --search-input-border: rgba(4, 4, 5, 0.12);
25
+ --search-input-bg: rgba(4, 4, 5, 0.08);
26
+ --search-input-border: rgba(4, 4, 5, 0.20);
27
27
  --search-input-text: #242429;
28
28
  --search-input-placeholder: rgba(4, 4, 5, 0.56);
29
29
  --search-icon-color: rgba(4, 4, 5, 0.56);
@@ -49,8 +49,8 @@
49
49
  --black-inverse-a32: rgba(255, 255, 255, 0.32);
50
50
  --black-inverse-a56: rgba(255, 255, 255, 0.6);
51
51
  /* Search input colors - dark theme */
52
- --search-input-bg: rgba(255, 255, 255, 0.06);
53
- --search-input-border: rgba(255, 255, 255, 0.12);
52
+ --search-input-bg: rgba(255, 255, 255, 0.08);
53
+ --search-input-border: rgba(255, 255, 255, 0.20);
54
54
  --search-input-text: #ffffff;
55
55
  --search-input-placeholder: rgba(255, 255, 255, 0.56);
56
56
  --search-icon-color: rgba(255, 255, 255, 0.56);
@@ -1,4 +1,5 @@
1
1
  .empty-state {
2
+ flex: 1;
2
3
  display: flex;
3
4
  flex-direction: column;
4
5
  align-items: center;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/EmptyState.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA","file":"EmptyState.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/EmptyState.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA","file":"EmptyState.css"}
@@ -9,28 +9,18 @@
9
9
  /* Input container with icon and clear button */
10
10
  .search-input-container {
11
11
  position: relative;
12
- flex: 1;
12
+ flex: 1 0 0;
13
13
  display: flex;
14
14
  align-items: center;
15
15
  min-height: 32px;
16
16
  max-height: 32px;
17
- padding: 0 6px;
17
+ padding: 6px;
18
18
  gap: 6px;
19
- border-radius: 4px;
20
- border: 1px solid var(--search-input-border);
19
+ border-radius: 2px;
20
+ border: 0.8px solid var(--search-input-border);
21
21
  background: var(--search-input-bg);
22
22
  }
23
23
 
24
- .search-input-container:focus-within {
25
- border-color: #7863F6;
26
- box-shadow: 0 0 0 3px rgba(120, 99, 246, 0.1);
27
- }
28
-
29
- [data-brand=green] .search-input-container:focus-within {
30
- border-color: #A9DC4D;
31
- box-shadow: 0 0 0 3px rgba(169, 220, 77, 0.1);
32
- }
33
-
34
24
  /* Search icon */
35
25
  .search-input__icon {
36
26
  flex-shrink: 0;
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/SearchInput.scss"],"names":[],"mappings":"AAAA;AACA;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE","file":"SearchInput.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/SearchInput.scss"],"names":[],"mappings":"AAAA;AACA;EACE;EACA;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE","file":"SearchInput.css"}
@@ -18,8 +18,8 @@
18
18
  --black-inverse-a32: rgba(4, 4, 5, 0.32);
19
19
  --black-inverse-a56: rgba(4, 4, 5, 0.56);
20
20
  /* Search input colors */
21
- --search-input-bg: rgba(4, 4, 5, 0.06);
22
- --search-input-border: rgba(4, 4, 5, 0.12);
21
+ --search-input-bg: rgba(4, 4, 5, 0.08);
22
+ --search-input-border: rgba(4, 4, 5, 0.20);
23
23
  --search-input-text: #242429;
24
24
  --search-input-placeholder: rgba(4, 4, 5, 0.56);
25
25
  --search-icon-color: rgba(4, 4, 5, 0.56);
@@ -45,8 +45,8 @@
45
45
  --black-inverse-a32: rgba(255, 255, 255, 0.32);
46
46
  --black-inverse-a56: rgba(255, 255, 255, 0.6);
47
47
  /* Search input colors - dark theme */
48
- --search-input-bg: rgba(255, 255, 255, 0.06);
49
- --search-input-border: rgba(255, 255, 255, 0.12);
48
+ --search-input-bg: rgba(255, 255, 255, 0.08);
49
+ --search-input-border: rgba(255, 255, 255, 0.20);
50
50
  --search-input-text: #ffffff;
51
51
  --search-input-placeholder: rgba(255, 255, 255, 0.56);
52
52
  --search-icon-color: rgba(255, 255, 255, 0.56);
package/dist/newsfeed.css CHANGED
@@ -22,8 +22,8 @@
22
22
  --black-inverse-a32: rgba(4, 4, 5, 0.32);
23
23
  --black-inverse-a56: rgba(4, 4, 5, 0.56);
24
24
  /* Search input colors */
25
- --search-input-bg: rgba(4, 4, 5, 0.06);
26
- --search-input-border: rgba(4, 4, 5, 0.12);
25
+ --search-input-bg: rgba(4, 4, 5, 0.08);
26
+ --search-input-border: rgba(4, 4, 5, 0.20);
27
27
  --search-input-text: #242429;
28
28
  --search-input-placeholder: rgba(4, 4, 5, 0.56);
29
29
  --search-icon-color: rgba(4, 4, 5, 0.56);
@@ -49,8 +49,8 @@
49
49
  --black-inverse-a32: rgba(255, 255, 255, 0.32);
50
50
  --black-inverse-a56: rgba(255, 255, 255, 0.6);
51
51
  /* Search input colors - dark theme */
52
- --search-input-bg: rgba(255, 255, 255, 0.06);
53
- --search-input-border: rgba(255, 255, 255, 0.12);
52
+ --search-input-bg: rgba(255, 255, 255, 0.08);
53
+ --search-input-border: rgba(255, 255, 255, 0.20);
54
54
  --search-input-text: #ffffff;
55
55
  --search-input-placeholder: rgba(255, 255, 255, 0.56);
56
56
  --search-icon-color: rgba(255, 255, 255, 0.56);
@@ -19,8 +19,8 @@
19
19
  --black-inverse-a32: rgba(4, 4, 5, 0.32);
20
20
  --black-inverse-a56: rgba(4, 4, 5, 0.56);
21
21
  /* Search input colors */
22
- --search-input-bg: rgba(4, 4, 5, 0.06);
23
- --search-input-border: rgba(4, 4, 5, 0.12);
22
+ --search-input-bg: rgba(4, 4, 5, 0.08);
23
+ --search-input-border: rgba(4, 4, 5, 0.20);
24
24
  --search-input-text: #242429;
25
25
  --search-input-placeholder: rgba(4, 4, 5, 0.56);
26
26
  --search-icon-color: rgba(4, 4, 5, 0.56);
@@ -46,8 +46,8 @@
46
46
  --black-inverse-a32: rgba(255, 255, 255, 0.32);
47
47
  --black-inverse-a56: rgba(255, 255, 255, 0.6);
48
48
  /* Search input colors - dark theme */
49
- --search-input-bg: rgba(255, 255, 255, 0.06);
50
- --search-input-border: rgba(255, 255, 255, 0.12);
49
+ --search-input-bg: rgba(255, 255, 255, 0.08);
50
+ --search-input-border: rgba(255, 255, 255, 0.20);
51
51
  --search-input-text: #ffffff;
52
52
  --search-input-placeholder: rgba(255, 255, 255, 0.56);
53
53
  --search-icon-color: rgba(255, 255, 255, 0.56);
@@ -17,8 +17,8 @@
17
17
  --black-inverse-a32: rgba(4, 4, 5, 0.32);
18
18
  --black-inverse-a56: rgba(4, 4, 5, 0.56);
19
19
  /* Search input colors */
20
- --search-input-bg: rgba(4, 4, 5, 0.06);
21
- --search-input-border: rgba(4, 4, 5, 0.12);
20
+ --search-input-bg: rgba(4, 4, 5, 0.08);
21
+ --search-input-border: rgba(4, 4, 5, 0.20);
22
22
  --search-input-text: #242429;
23
23
  --search-input-placeholder: rgba(4, 4, 5, 0.56);
24
24
  --search-icon-color: rgba(4, 4, 5, 0.56);
@@ -44,8 +44,8 @@
44
44
  --black-inverse-a32: rgba(255, 255, 255, 0.32);
45
45
  --black-inverse-a56: rgba(255, 255, 255, 0.6);
46
46
  /* Search input colors - dark theme */
47
- --search-input-bg: rgba(255, 255, 255, 0.06);
48
- --search-input-border: rgba(255, 255, 255, 0.12);
47
+ --search-input-bg: rgba(255, 255, 255, 0.08);
48
+ --search-input-border: rgba(255, 255, 255, 0.20);
49
49
  --search-input-text: #ffffff;
50
50
  --search-input-placeholder: rgba(255, 255, 255, 0.56);
51
51
  --search-icon-color: rgba(255, 255, 255, 0.56);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "finsignal-feed-explore",
3
- "version": "3.18.0",
3
+ "version": "3.20.0",
4
4
  "description": "News feed explorer and portfolio widgets for React web applications",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",