finsignal-feed-explore 2.20.2 → 2.21.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 +97 -4
- package/dist/FeedList.css.map +1 -0
- package/dist/FeedList.d.ts +1 -1
- package/dist/FeedList.d.ts.map +1 -1
- package/dist/FeedList.js +1 -1
- package/dist/FeedList.js.map +1 -1
- package/dist/components/Chip.css +2 -4
- package/dist/components/Chip.css.map +1 -0
- package/dist/components/Chip.d.ts +1 -1
- package/dist/components/Chip.d.ts.map +1 -1
- package/dist/components/Chip.js +1 -1
- package/dist/components/Chip.js.map +1 -1
- package/dist/components/EmptyState.css +1 -0
- package/dist/components/EmptyState.css.map +1 -0
- package/dist/components/FilterButton.css +2 -0
- package/dist/components/FilterButton.css.map +1 -0
- package/dist/components/NewsSkeleton.css +151 -179
- package/dist/components/NewsSkeleton.css.map +1 -0
- package/dist/components/NewsSkeleton.d.ts +1 -1
- package/dist/components/NewsSkeleton.d.ts.map +1 -1
- package/dist/components/NewsSkeleton.js +1 -1
- package/dist/components/NewsSkeleton.js.map +1 -1
- package/dist/components/SearchButton.css +2 -0
- package/dist/components/SearchButton.css.map +1 -0
- package/dist/components/SearchInput.css +4 -2
- package/dist/components/SearchInput.css.map +1 -0
- package/dist/components/SearchInput.d.ts +1 -1
- package/dist/components/SearchInput.d.ts.map +1 -1
- package/dist/components/SearchInput.js +1 -1
- package/dist/components/SearchInput.js.map +1 -1
- package/dist/components/icons.d.ts +1 -0
- package/dist/components/icons.d.ts.map +1 -1
- package/dist/components/icons.js +16 -4
- package/dist/components/icons.js.map +1 -1
- package/dist/filters/FiltersOverlay.css +1 -2
- package/dist/filters/FiltersOverlay.css.map +1 -0
- package/dist/filters/FiltersOverlay.d.ts +1 -1
- package/dist/filters/FiltersOverlay.d.ts.map +1 -1
- package/dist/filters/FiltersOverlay.js +1 -1
- package/dist/filters/FiltersOverlay.js.map +1 -1
- package/dist/newsfeed.css +97 -4
- package/dist/snippets/NewsSnippet.css +139 -214
- package/dist/snippets/NewsSnippet.css.map +1 -0
- package/dist/snippets/NewsSnippet.d.ts +1 -1
- package/dist/snippets/NewsSnippet.d.ts.map +1 -1
- package/dist/snippets/NewsSnippet.js +3 -3
- package/dist/snippets/NewsSnippet.js.map +1 -1
- package/package.json +4 -2
package/dist/FeedList.css
CHANGED
|
@@ -1,6 +1,98 @@
|
|
|
1
1
|
/* Import component styles */
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
.filter-button {
|
|
3
|
+
width: 20px;
|
|
4
|
+
height: 20px;
|
|
5
|
+
display: flex;
|
|
6
|
+
align-items: center;
|
|
7
|
+
justify-content: center;
|
|
8
|
+
background: none;
|
|
9
|
+
border: none;
|
|
10
|
+
padding: 0;
|
|
11
|
+
cursor: pointer;
|
|
12
|
+
position: relative;
|
|
13
|
+
transition: opacity 0.2s ease;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.filter-button:hover {
|
|
17
|
+
opacity: 0.7;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.filter-button:active {
|
|
21
|
+
opacity: 0.5;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.filter-button:focus {
|
|
25
|
+
outline: none;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.filter-button:focus-visible {
|
|
29
|
+
outline: 2px solid #7863F6;
|
|
30
|
+
outline-offset: 2px;
|
|
31
|
+
border-radius: 4px;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
/* Badge styles */
|
|
35
|
+
.filter-button--with-badge {
|
|
36
|
+
position: relative;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.filter-button__badge {
|
|
40
|
+
position: absolute;
|
|
41
|
+
top: -2px;
|
|
42
|
+
right: -2px;
|
|
43
|
+
border-radius: 12px;
|
|
44
|
+
width: 12px;
|
|
45
|
+
height: 12px;
|
|
46
|
+
display: flex;
|
|
47
|
+
align-items: center;
|
|
48
|
+
justify-content: center;
|
|
49
|
+
pointer-events: none;
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.filter-button__badge-text {
|
|
53
|
+
font-size: 8px;
|
|
54
|
+
font-weight: 600;
|
|
55
|
+
line-height: 12px;
|
|
56
|
+
letter-spacing: -0.2px;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.empty-state {
|
|
60
|
+
display: flex;
|
|
61
|
+
flex-direction: column;
|
|
62
|
+
align-items: center;
|
|
63
|
+
justify-content: center;
|
|
64
|
+
padding: 48px 24px;
|
|
65
|
+
text-align: center;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.empty-state__icon {
|
|
69
|
+
margin-bottom: 24px;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.empty-state__icon svg {
|
|
73
|
+
width: 120px;
|
|
74
|
+
height: 120px;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.empty-state__content {
|
|
78
|
+
max-width: 320px;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
.empty-state__title {
|
|
82
|
+
font-size: 20px;
|
|
83
|
+
font-weight: 600;
|
|
84
|
+
line-height: 28px;
|
|
85
|
+
color: #040405;
|
|
86
|
+
margin: 0 0 8px 0;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.empty-state__description {
|
|
90
|
+
font-size: 14px;
|
|
91
|
+
font-weight: 400;
|
|
92
|
+
line-height: 20px;
|
|
93
|
+
color: rgba(4, 4, 5, 0.56);
|
|
94
|
+
margin: 0;
|
|
95
|
+
}
|
|
4
96
|
|
|
5
97
|
.news-feed {
|
|
6
98
|
position: relative;
|
|
@@ -8,7 +100,7 @@
|
|
|
8
100
|
height: 100%;
|
|
9
101
|
max-width: 600px;
|
|
10
102
|
margin: 0 auto;
|
|
11
|
-
font-family:
|
|
103
|
+
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
|
|
12
104
|
overflow: hidden;
|
|
13
105
|
}
|
|
14
106
|
|
|
@@ -143,7 +235,6 @@
|
|
|
143
235
|
transform: rotate(360deg);
|
|
144
236
|
}
|
|
145
237
|
}
|
|
146
|
-
|
|
147
238
|
.news-feed__scroll-trigger {
|
|
148
239
|
height: 20px;
|
|
149
240
|
}
|
|
@@ -155,3 +246,5 @@
|
|
|
155
246
|
font-size: 16px;
|
|
156
247
|
line-height: 24px;
|
|
157
248
|
}
|
|
249
|
+
|
|
250
|
+
/*# sourceMappingURL=FeedList.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../src/FeedList.scss","../src/components/FilterButton.scss","../src/components/EmptyState.scss"],"names":[],"mappings":"AAAA;ACAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;ACtDF;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;;;AF/BF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;IACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA","file":"FeedList.css"}
|
package/dist/FeedList.d.ts
CHANGED
package/dist/FeedList.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeedList.d.ts","sourceRoot":"","sources":["../src/FeedList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAQxE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAIjD,OAAO,
|
|
1
|
+
{"version":3,"file":"FeedList.d.ts","sourceRoot":"","sources":["../src/FeedList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAQxE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAIjD,OAAO,iBAAiB,CAAC;AAEzB,MAAM,WAAW,aAAc,SAAQ,YAAY;IACjD,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IAC3D,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;IAEzD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAEhD,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,EAAE,CAAC;QAAC,KAAK,EAAE,MAAM,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IAExF,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAEzB,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,KAAK,CAAC;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAgW5C,CAAC"}
|
package/dist/FeedList.js
CHANGED
|
@@ -7,7 +7,7 @@ import { useFeedData } from './hooks/useFeedData';
|
|
|
7
7
|
import { useFilters } from './hooks/useFilters';
|
|
8
8
|
import { MOCK_NEWS } from './constants/mock-news';
|
|
9
9
|
import { DEFAULT_API_URL } from './constants/api';
|
|
10
|
-
import './FeedList.
|
|
10
|
+
import './FeedList.scss';
|
|
11
11
|
export const FeedList = ({ apiUrl, initialFilters = [], enableInfiniteScroll = true, query, debounceMs = 500, onNewsClick, onShareClick, onBookmarkClick, onLikeClick, onDislikeClick, onAIClick, onFiltersOpen, onFiltersClose, onFiltersApply, onFiltersChange, onShowFilter, showShareIcon = false, showBookmarkIcon = true, showLikeIcon = false, showDislikeIcon = false, showAIIcon = true, showFilterIcon = true, marketEventsTaxonomy, enableDragDrop = false, onDragStart, onDragEnd, isFiltersOpen: externalIsFiltersOpen, onFiltersOpenChange, theme = 'light', feedType, useMockData }) => {
|
|
12
12
|
const { selectedMarketEvents, isOpen: internalIsFiltersOpen, toggleFilter, clearFilters, setFilters, openFilters, closeFilters } = useFilters(initialFilters);
|
|
13
13
|
const isFiltersOpen = externalIsFiltersOpen !== undefined ? externalIsFiltersOpen : internalIsFiltersOpen;
|
package/dist/FeedList.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeedList.js","sourceRoot":"","sources":["../src/FeedList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGhD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,
|
|
1
|
+
{"version":3,"file":"FeedList.js","sourceRoot":"","sources":["../src/FeedList.tsx"],"names":[],"mappings":"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"}
|
package/dist/components/Chip.css
CHANGED
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
background: transparent;
|
|
10
10
|
cursor: pointer;
|
|
11
11
|
transition: all 0.2s ease;
|
|
12
|
-
font-family:
|
|
12
|
+
font-family: "Inter", sans-serif;
|
|
13
13
|
font-size: 14px;
|
|
14
14
|
font-weight: 400;
|
|
15
15
|
line-height: 20px;
|
|
@@ -40,6 +40,4 @@
|
|
|
40
40
|
white-space: nowrap;
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
43
|
+
/*# sourceMappingURL=Chip.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/Chip.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE","file":"Chip.css"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../src/components/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,
|
|
1
|
+
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../src/components/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,aAAa,CAAC;AAErB,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAepC,CAAC"}
|
package/dist/components/Chip.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { PlusIcon, CloseIcon } from './icons';
|
|
3
3
|
import { theme } from '../utils/theme';
|
|
4
|
-
import './Chip.
|
|
4
|
+
import './Chip.scss';
|
|
5
5
|
export const Chip = ({ label, selected = false, onToggle }) => {
|
|
6
6
|
return (React.createElement("button", { className: `chip ${selected ? 'chip--selected' : ''}`, onClick: onToggle, type: "button" },
|
|
7
7
|
selected ? (React.createElement(CloseIcon, { size: 16, color: theme.colors.primary })) : (React.createElement(PlusIcon, { size: 16, color: theme.colors.foreground })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../src/components/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,
|
|
1
|
+
{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../src/components/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,aAAa,CAAC;AAQrB,MAAM,CAAC,MAAM,IAAI,GAAwB,CAAC,EAAE,KAAK,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IACjF,OAAO,CACL,gCACE,SAAS,EAAE,QAAQ,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,EAAE,EACrD,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAC,QAAQ;QAEZ,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,SAAS,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,GAAI,CACrD,CAAC,CAAC,CAAC,CACF,oBAAC,QAAQ,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,UAAU,GAAI,CACvD;QACD,8BAAM,SAAS,EAAC,aAAa,IAAE,KAAK,CAAQ,CACrC,CACV,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/FilterButton.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;AACA;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA","file":"FilterButton.css"}
|
|
@@ -1,11 +1,21 @@
|
|
|
1
|
-
/*
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
/* CSS Variables for theming */
|
|
2
|
+
.news-skeleton-container {
|
|
3
|
+
--skeleton-bg: #f0f0f0;
|
|
4
|
+
--skeleton-shimmer: linear-gradient(
|
|
5
|
+
90deg,
|
|
6
|
+
rgba(255, 255, 255, 0) 0%,
|
|
7
|
+
rgba(255, 255, 255, 0.5) 50%,
|
|
8
|
+
rgba(255, 255, 255, 0) 100%
|
|
9
|
+
);
|
|
10
|
+
}
|
|
11
|
+
.news-skeleton-container[data-theme=dark] {
|
|
12
|
+
--skeleton-bg: #2a2a2e;
|
|
13
|
+
--skeleton-shimmer: linear-gradient(
|
|
14
|
+
90deg,
|
|
15
|
+
rgba(255, 255, 255, 0) 0%,
|
|
16
|
+
rgba(255, 255, 255, 0.1) 50%,
|
|
17
|
+
rgba(255, 255, 255, 0) 100%
|
|
18
|
+
);
|
|
9
19
|
}
|
|
10
20
|
|
|
11
21
|
.news-skeleton-container {
|
|
@@ -15,230 +25,192 @@
|
|
|
15
25
|
}
|
|
16
26
|
|
|
17
27
|
.news-skeleton {
|
|
18
|
-
border-radius: 0;
|
|
19
28
|
padding: 12px;
|
|
20
29
|
display: flex;
|
|
21
30
|
flex-direction: column;
|
|
22
31
|
gap: 12px;
|
|
32
|
+
background: transparent;
|
|
23
33
|
}
|
|
24
34
|
|
|
25
|
-
.news-skeleton--light {
|
|
26
|
-
background: #ffffff;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
.news-skeleton--dark {
|
|
30
|
-
background: #1a1a1e;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
/* Header: дата слева, категория справа */
|
|
34
35
|
.news-skeleton__header {
|
|
35
36
|
display: flex;
|
|
36
|
-
align-items: center;
|
|
37
37
|
justify-content: space-between;
|
|
38
|
-
|
|
38
|
+
align-items: center;
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
.news-skeleton__timestamp {
|
|
42
|
-
|
|
43
|
-
|
|
42
|
+
height: 16px;
|
|
43
|
+
width: 60px;
|
|
44
44
|
border-radius: 4px;
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
45
|
+
background: var(--skeleton-bg);
|
|
46
|
+
position: relative;
|
|
47
|
+
overflow: hidden;
|
|
48
|
+
}
|
|
49
|
+
.news-skeleton__timestamp::after {
|
|
50
|
+
content: "";
|
|
51
|
+
position: absolute;
|
|
52
|
+
top: 0;
|
|
53
|
+
left: -100%;
|
|
54
|
+
width: 100%;
|
|
55
|
+
height: 100%;
|
|
56
|
+
background: var(--skeleton-shimmer);
|
|
57
|
+
animation: shimmer 1.5s infinite;
|
|
54
58
|
}
|
|
55
59
|
|
|
56
60
|
.news-skeleton__category {
|
|
57
|
-
|
|
58
|
-
|
|
61
|
+
height: 20px;
|
|
62
|
+
width: 80px;
|
|
59
63
|
border-radius: 4px;
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
.news-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
64
|
+
background: var(--skeleton-bg);
|
|
65
|
+
position: relative;
|
|
66
|
+
overflow: hidden;
|
|
67
|
+
}
|
|
68
|
+
.news-skeleton__category::after {
|
|
69
|
+
content: "";
|
|
70
|
+
position: absolute;
|
|
71
|
+
top: 0;
|
|
72
|
+
left: -100%;
|
|
73
|
+
width: 100%;
|
|
74
|
+
height: 100%;
|
|
75
|
+
background: var(--skeleton-shimmer);
|
|
76
|
+
animation: shimmer 1.5s infinite;
|
|
70
77
|
}
|
|
71
78
|
|
|
72
|
-
/* Title */
|
|
73
79
|
.news-skeleton__title {
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
gap: 8px;
|
|
77
|
-
padding: 0 4px;
|
|
78
|
-
}
|
|
79
|
-
|
|
80
|
-
.news-skeleton__title-line {
|
|
81
|
-
height: 22px;
|
|
82
|
-
background: #e5e7eb;
|
|
80
|
+
height: 40px;
|
|
81
|
+
width: 100%;
|
|
83
82
|
border-radius: 4px;
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
.news-skeleton__title
|
|
83
|
+
background: var(--skeleton-bg);
|
|
84
|
+
position: relative;
|
|
85
|
+
overflow: hidden;
|
|
86
|
+
}
|
|
87
|
+
.news-skeleton__title::after {
|
|
88
|
+
content: "";
|
|
89
|
+
position: absolute;
|
|
90
|
+
top: 0;
|
|
91
|
+
left: -100%;
|
|
89
92
|
width: 100%;
|
|
93
|
+
height: 100%;
|
|
94
|
+
background: var(--skeleton-shimmer);
|
|
95
|
+
animation: shimmer 1.5s infinite;
|
|
90
96
|
}
|
|
91
97
|
|
|
92
|
-
.news-skeleton__title-line--partial {
|
|
93
|
-
width: 75%;
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
/* Source */
|
|
97
98
|
.news-skeleton__source {
|
|
98
99
|
display: flex;
|
|
99
100
|
align-items: center;
|
|
100
|
-
gap:
|
|
101
|
-
padding: 0 4px;
|
|
101
|
+
gap: 8px;
|
|
102
102
|
}
|
|
103
103
|
|
|
104
104
|
.news-skeleton__source-logo {
|
|
105
105
|
width: 16px;
|
|
106
106
|
height: 16px;
|
|
107
|
-
|
|
108
|
-
|
|
107
|
+
border-radius: 50%;
|
|
108
|
+
background: var(--skeleton-bg);
|
|
109
109
|
flex-shrink: 0;
|
|
110
|
-
|
|
111
|
-
|
|
110
|
+
position: relative;
|
|
111
|
+
overflow: hidden;
|
|
112
|
+
}
|
|
113
|
+
.news-skeleton__source-logo::after {
|
|
114
|
+
content: "";
|
|
115
|
+
position: absolute;
|
|
116
|
+
top: 0;
|
|
117
|
+
left: -100%;
|
|
118
|
+
width: 100%;
|
|
119
|
+
height: 100%;
|
|
120
|
+
background: var(--skeleton-shimmer);
|
|
121
|
+
animation: shimmer 1.5s infinite;
|
|
112
122
|
}
|
|
113
123
|
|
|
114
124
|
.news-skeleton__source-name {
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
background: #e5e7eb;
|
|
125
|
+
height: 16px;
|
|
126
|
+
width: 100px;
|
|
118
127
|
border-radius: 4px;
|
|
119
|
-
|
|
120
|
-
|
|
128
|
+
background: var(--skeleton-bg);
|
|
129
|
+
position: relative;
|
|
130
|
+
overflow: hidden;
|
|
131
|
+
}
|
|
132
|
+
.news-skeleton__source-name::after {
|
|
133
|
+
content: "";
|
|
134
|
+
position: "";
|
|
135
|
+
top: 0;
|
|
136
|
+
left: -100%;
|
|
137
|
+
width: 100%;
|
|
138
|
+
height: 100%;
|
|
139
|
+
background: var(--skeleton-shimmer);
|
|
140
|
+
animation: shimmer 1.5s infinite;
|
|
121
141
|
}
|
|
122
142
|
|
|
123
|
-
/* Content */
|
|
124
143
|
.news-skeleton__content {
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
gap: 6px;
|
|
128
|
-
padding: 0 4px;
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
.news-skeleton__content-line {
|
|
132
|
-
height: 16px;
|
|
133
|
-
background: #e5e7eb;
|
|
144
|
+
height: 32px;
|
|
145
|
+
width: 100%;
|
|
134
146
|
border-radius: 4px;
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
.news-skeleton__content
|
|
140
|
-
|
|
147
|
+
background: var(--skeleton-bg);
|
|
148
|
+
position: relative;
|
|
149
|
+
overflow: hidden;
|
|
150
|
+
}
|
|
151
|
+
.news-skeleton__content::after {
|
|
152
|
+
content: "";
|
|
153
|
+
position: absolute;
|
|
154
|
+
top: 0;
|
|
155
|
+
left: -100%;
|
|
156
|
+
width: 100%;
|
|
157
|
+
height: 100%;
|
|
158
|
+
background: var(--skeleton-shimmer);
|
|
159
|
+
animation: shimmer 1.5s infinite;
|
|
141
160
|
}
|
|
142
161
|
|
|
143
|
-
/* AI Summary */
|
|
144
162
|
.news-skeleton__ai-summary {
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
animation:
|
|
161
|
-
animation-delay: 0.4s;
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
.news-skeleton__ai-text {
|
|
165
|
-
flex: 1;
|
|
166
|
-
display: flex;
|
|
167
|
-
flex-direction: column;
|
|
168
|
-
gap: 4px;
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
.news-skeleton__ai-text-line {
|
|
172
|
-
height: 14px;
|
|
173
|
-
background: #e5e7eb;
|
|
174
|
-
border-radius: 4px;
|
|
175
|
-
animation: skeleton-pulse 1.5s ease-in-out infinite;
|
|
176
|
-
animation-delay: 0.45s;
|
|
177
|
-
}
|
|
178
|
-
|
|
179
|
-
.news-skeleton__ai-text-line--short {
|
|
180
|
-
width: 60%;
|
|
163
|
+
height: 48px;
|
|
164
|
+
width: 100%;
|
|
165
|
+
border-radius: 8px;
|
|
166
|
+
background: var(--skeleton-bg);
|
|
167
|
+
position: relative;
|
|
168
|
+
overflow: hidden;
|
|
169
|
+
}
|
|
170
|
+
.news-skeleton__ai-summary::after {
|
|
171
|
+
content: "";
|
|
172
|
+
position: absolute;
|
|
173
|
+
top: 0;
|
|
174
|
+
left: -100%;
|
|
175
|
+
width: 100%;
|
|
176
|
+
height: 100%;
|
|
177
|
+
background: var(--skeleton-shimmer);
|
|
178
|
+
animation: shimmer 1.5s infinite;
|
|
181
179
|
}
|
|
182
180
|
|
|
183
|
-
|
|
184
|
-
.news-skeleton__stocks {
|
|
181
|
+
.news-skeleton__actions {
|
|
185
182
|
display: flex;
|
|
186
|
-
|
|
183
|
+
justify-content: flex-end;
|
|
187
184
|
gap: 4px;
|
|
188
185
|
padding: 0 4px;
|
|
189
186
|
}
|
|
190
187
|
|
|
191
|
-
.news-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
}
|
|
199
|
-
|
|
200
|
-
.news-skeleton__stock-logo {
|
|
201
|
-
width: 48px;
|
|
202
|
-
height: 48px;
|
|
203
|
-
background: #e5e7eb;
|
|
204
|
-
border-radius: 100px;
|
|
205
|
-
flex-shrink: 0;
|
|
206
|
-
animation: skeleton-pulse 1.5s ease-in-out infinite;
|
|
207
|
-
animation-delay: 0.5s;
|
|
188
|
+
.news-skeleton__action {
|
|
189
|
+
width: 32px;
|
|
190
|
+
height: 32px;
|
|
191
|
+
border-radius: 50%;
|
|
192
|
+
background: var(--skeleton-bg);
|
|
193
|
+
position: relative;
|
|
194
|
+
overflow: hidden;
|
|
208
195
|
}
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
.news-skeleton__stock-change {
|
|
220
|
-
width: 80px;
|
|
221
|
-
height: 16px;
|
|
222
|
-
background: #e5e7eb;
|
|
223
|
-
border-radius: 4px;
|
|
224
|
-
animation: skeleton-pulse 1.5s ease-in-out infinite;
|
|
225
|
-
animation-delay: 0.6s;
|
|
196
|
+
.news-skeleton__action::after {
|
|
197
|
+
content: "";
|
|
198
|
+
position: absolute;
|
|
199
|
+
top: 0;
|
|
200
|
+
left: -100%;
|
|
201
|
+
width: 100%;
|
|
202
|
+
height: 100%;
|
|
203
|
+
background: var(--skeleton-shimmer);
|
|
204
|
+
animation: shimmer 1.5s infinite;
|
|
226
205
|
}
|
|
227
206
|
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
207
|
+
@keyframes shimmer {
|
|
208
|
+
0% {
|
|
209
|
+
left: -100%;
|
|
210
|
+
}
|
|
211
|
+
100% {
|
|
212
|
+
left: 100%;
|
|
213
|
+
}
|
|
235
214
|
}
|
|
236
215
|
|
|
237
|
-
.
|
|
238
|
-
width: 16px;
|
|
239
|
-
height: 16px;
|
|
240
|
-
background: #e5e7eb;
|
|
241
|
-
border-radius: 4px;
|
|
242
|
-
animation: skeleton-pulse 1.5s ease-in-out infinite;
|
|
243
|
-
animation-delay: 0.65s;
|
|
244
|
-
}
|
|
216
|
+
/*# sourceMappingURL=NewsSkeleton.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/NewsSkeleton.scss"],"names":[],"mappings":"AAAA;AACA;EAEE;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAQA;EACE;EACA;AAAA;AAAA;AAAA;AAAA;AAAA;;;AASJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;IACE;;EAEF;IACE","file":"NewsSkeleton.css"}
|