finsignal-feed-explore 3.32.0 → 3.35.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.
Files changed (3) hide show
  1. package/dist/filters/FiltersOverlay.css +35 -22
  2. package/dist/filters/FiltersOverlay.css.map +1 -1
  3. package/package.json +1 -1
package/dist/filters/FiltersOverlay.css CHANGED
@@ -61,13 +61,13 @@
61
61
  /* Light theme colors */
62
62
  --filters-text-primary: #242429;
63
63
  --filters-text-secondary: rgba(4, 4, 5, 0.56);
64
- --filters-btn-reset-bg: #E8E9EA;
65
- --filters-btn-reset-bg-hover: #D1D3D5;
64
+ --filters-btn-reset-bg: rgba(4, 4, 5, 0.08);
65
+ --filters-btn-reset-bg-hover: rgba(4, 4, 5, 0.12);
66
66
  --filters-btn-reset-text: #040405;
67
- --filters-btn-apply-bg: #2C2E33;
68
- --filters-btn-apply-bg-hover: #1A1B1F;
69
- --filters-btn-apply-text: #ffffff;
70
- --filters-shadow: rgba(0, 0, 0, 0.04);
67
+ --filters-btn-apply-bg: rgba(255, 255, 255, 0.90);
68
+ --filters-btn-apply-bg-hover: rgba(255, 255, 255, 0.95);
69
+ --filters-btn-apply-text: #040405;
70
+ --filters-footer-gradient: linear-gradient(0deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.00) 100%);
71
71
  }
72
72
 
73
73
  [data-theme=dark] {
@@ -77,17 +77,19 @@
77
77
  --filters-btn-reset-bg: rgba(255, 255, 255, 0.12);
78
78
  --filters-btn-reset-bg-hover: rgba(255, 255, 255, 0.18);
79
79
  --filters-btn-reset-text: #ffffff;
80
- --filters-btn-apply-bg: #ffffff;
81
- --filters-btn-apply-bg-hover: rgba(255, 255, 255, 0.88);
82
- --filters-btn-apply-text: #0d0d0d;
83
- --filters-shadow: rgba(0, 0, 0, 0.3);
80
+ --filters-btn-apply-bg: rgba(4, 4, 5, 0.88);
81
+ --filters-btn-apply-bg-hover: rgba(4, 4, 5, 0.92);
82
+ --filters-btn-apply-text: #ffffff;
83
+ --filters-footer-gradient: linear-gradient(0deg, rgba(28, 28, 31, 0.92) 0%, rgba(28, 28, 31, 0.00) 100%);
84
84
  }
85
85
 
86
86
  .filters-overlay {
87
+ position: relative;
87
88
  display: flex;
88
89
  flex-direction: column;
89
90
  height: 100%;
90
91
  width: 100%;
92
+ overflow: hidden;
91
93
  background: var(--base-bg);
92
94
  }
93
95
 
@@ -95,6 +97,7 @@
95
97
  flex: 1;
96
98
  overflow-y: auto;
97
99
  padding: 16px;
100
+ padding-bottom: 80px;
98
101
  display: flex;
99
102
  flex-direction: column;
100
103
  gap: 24px;
@@ -160,30 +163,39 @@
160
163
  }
161
164
 
162
165
  .filters-overlay__footer {
163
- position: sticky;
166
+ position: absolute;
164
167
  bottom: 0;
168
+ left: 0;
169
+ right: 0;
165
170
  display: flex;
166
- gap: 12px;
167
- padding: 16px;
168
- background: var(--filters-bg);
169
- flex-shrink: 0;
171
+ align-items: center;
172
+ gap: var(--Spacing-spacing-12, 12px);
173
+ padding: var(--Spacing-spacing-16, 16px) var(--Spacing-spacing-12, 12px) var(--Spacing-spacing-12, 12px) var(--Spacing-spacing-12, 12px);
170
174
  z-index: 10;
171
- box-shadow: 0 -2px 8px var(--filters-shadow);
175
+ border-radius: 0;
176
+ background: var(--filters-footer-gradient);
177
+ backdrop-filter: blur(12px);
172
178
  }
173
179
 
174
180
  .filters-overlay__btn {
175
- flex: 1;
176
- height: 40px;
177
- border-radius: 2px;
178
- font-size: 16px;
181
+ display: flex;
182
+ padding: var(--Spacing-spacing-8, 8px) var(--Spacing-spacing-12, 12px);
183
+ justify-content: center;
184
+ align-items: center;
185
+ gap: var(--Spacing-spacing-4, 4px);
186
+ flex: 1 0 0;
187
+ border-radius: var(--Radius-radius-2, 2px);
188
+ border: none;
189
+ font-family: "Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
190
+ font-size: 14px;
179
191
  font-weight: 500;
180
- line-height: 24px;
192
+ line-height: 20px;
181
193
  cursor: pointer;
182
- border: none;
183
194
  }
184
195
  .filters-overlay__btn--reset {
185
196
  background: var(--filters-btn-reset-bg);
186
197
  color: var(--filters-btn-reset-text);
198
+ backdrop-filter: blur(40px);
187
199
  }
188
200
  .filters-overlay__btn--reset:hover {
189
201
  background: var(--filters-btn-reset-bg-hover);
@@ -191,6 +203,7 @@
191
203
  .filters-overlay__btn--apply {
192
204
  background: var(--filters-btn-apply-bg);
193
205
  color: var(--filters-btn-apply-text);
206
+ backdrop-filter: blur(12px);
194
207
  }
195
208
  .filters-overlay__btn--apply:hover {
196
209
  background: var(--filters-btn-apply-bg-hover);
package/dist/filters/FiltersOverlay.css.map CHANGED
@@ -1 +1 @@
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;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADrDF;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;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;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;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADrDF;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;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;;AAGF;EACE","file":"FiltersOverlay.css"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "finsignal-feed-explore",
3
- "version": "3.32.0",
3
+ "version": "3.35.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",