finsignal-feed-explore 3.29.0 → 3.30.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 (6) hide show
  1. package/dist/components/NewsSkeleton.css +12 -46
  2. package/dist/components/NewsSkeleton.css.map +1 -1
  3. package/dist/components/NewsSkeleton.d.ts.map +1 -1
  4. package/dist/components/NewsSkeleton.js +10 -9
  5. package/dist/components/NewsSkeleton.js.map +1 -1
  6. package/package.json +1 -1
package/dist/components/NewsSkeleton.css CHANGED
@@ -1,11 +1,9 @@
1
1
  :root {
2
2
  --skeleton-bg: rgba(4, 4, 5, 0.06);
3
- --skeleton-shimmer: rgba(4, 4, 5, 0.02);
4
3
  }
5
4
 
6
5
  .dark {
7
6
  --skeleton-bg: rgba(255, 255, 255, 0.08);
8
- --skeleton-shimmer: rgba(255, 255, 255, 0.03);
9
7
  }
10
8
 
11
9
  .news-skeleton-container {
@@ -16,75 +14,43 @@
16
14
 
17
15
  .news-skeleton {
18
16
  display: flex;
19
- padding: var(--Spacing-spacing-16, 16px);
17
+ padding: 16px;
20
18
  flex-direction: column;
21
19
  justify-content: center;
22
- align-items: center;
23
- gap: var(--Spacing-spacing-12, 12px);
20
+ align-items: flex-start;
21
+ gap: 12px;
24
22
  align-self: stretch;
25
- border-radius: var(--Radius-radius-0, 0);
26
- opacity: var(--Opacity-stateDefault, 1);
23
+ border-radius: 0;
27
24
  animation: skeleton-pulse 1.8s ease-in-out infinite;
28
25
  }
29
26
 
30
- .news-skeleton__header,
31
- .news-skeleton__body,
32
- .news-skeleton__footer {
27
+ .news-skeleton__row {
33
28
  display: flex;
34
29
  align-items: center;
35
30
  gap: 8px;
36
31
  width: 100%;
37
32
  }
38
33
 
39
- .news-skeleton__footer {
40
- gap: 6px;
34
+ .news-skeleton__row--between {
35
+ justify-content: space-between;
41
36
  }
42
37
 
43
- .news-skeleton__line {
38
+ .news-skeleton__block {
44
39
  background: var(--skeleton-bg);
45
40
  border-radius: 4px;
46
41
  flex-shrink: 0;
47
42
  }
48
43
 
49
- /* Timestamp */
50
- .news-skeleton__line--timestamp {
51
- height: 12px;
52
- width: 56px;
53
- flex-shrink: 0;
54
- }
55
-
56
- /* Category tag */
57
- .news-skeleton__line--tag {
58
- height: 12px;
59
- width: 72px;
60
- margin-left: auto;
61
- }
62
-
63
- /* Title full line */
64
- .news-skeleton__line--full {
65
- height: 14px;
44
+ .news-skeleton__block--stretch {
66
45
  width: 100%;
46
+ align-self: stretch;
47
+ flex-shrink: unset;
67
48
  }
68
49
 
69
- /* Title partial line */
70
- .news-skeleton__line--partial {
71
- height: 14px;
72
- width: 65%;
73
- }
74
-
75
- /* Source avatar circle */
76
- .news-skeleton__line--avatar {
77
- width: 16px;
78
- height: 16px;
50
+ .news-skeleton__block--circle {
79
51
  border-radius: 50%;
80
52
  }
81
53
 
82
- /* Source name */
83
- .news-skeleton__line--source {
84
- height: 12px;
85
- width: 90px;
86
- }
87
-
88
54
  @keyframes skeleton-pulse {
89
55
  0%, 100% {
90
56
  opacity: 1;
package/dist/components/NewsSkeleton.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../../src/components/NewsSkeleton.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;AACA;EACE;EACA;EACA;;;AAGF;AACA;EACE;EACA;;;AAGF;EACE;IACE;;EAEF;IACE","file":"NewsSkeleton.css"}
1
+ {"version":3,"sourceRoot":"","sources":["../../src/components/NewsSkeleton.scss"],"names":[],"mappings":"AAAA;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;IACE;;EAEF;IACE","file":"NewsSkeleton.css"}
package/dist/components/NewsSkeleton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NewsSkeleton.d.ts","sourceRoot":"","sources":["../../src/components/NewsSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4BpD,CAAC"}
1
+ {"version":3,"file":"NewsSkeleton.d.ts","sourceRoot":"","sources":["../../src/components/NewsSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA+BpD,CAAC"}
package/dist/components/NewsSkeleton.js CHANGED
@@ -2,14 +2,15 @@ import React from 'react';
2
2
  import './NewsSkeleton.css';
3
3
  export const NewsSkeleton = ({ count = 4, className = '', theme = 'light', }) => {
4
4
  return (React.createElement("div", { className: `news-skeleton-container ${theme === 'dark' ? 'dark' : ''} ${className}` }, Array.from({ length: count }).map((_, index) => (React.createElement("div", { key: index, className: "news-skeleton" },
5
- React.createElement("div", { className: "news-skeleton__header" },
6
- React.createElement("div", { className: "news-skeleton__line news-skeleton__line--timestamp" }),
7
- React.createElement("div", { className: "news-skeleton__line news-skeleton__line--tag" })),
8
- React.createElement("div", { className: "news-skeleton__body" },
9
- React.createElement("div", { className: "news-skeleton__line news-skeleton__line--full" }),
10
- React.createElement("div", { className: "news-skeleton__line news-skeleton__line--partial" })),
11
- React.createElement("div", { className: "news-skeleton__footer" },
12
- React.createElement("div", { className: "news-skeleton__line news-skeleton__line--avatar" }),
13
- React.createElement("div", { className: "news-skeleton__line news-skeleton__line--source" })))))));
5
+ React.createElement("div", { className: "news-skeleton__row news-skeleton__row--between" },
6
+ React.createElement("div", { className: "news-skeleton__block", style: { width: 40, height: 16 } }),
7
+ React.createElement("div", { className: "news-skeleton__block", style: { width: 88, height: 16 } })),
8
+ React.createElement("div", { className: "news-skeleton__block news-skeleton__block--stretch", style: { height: 20 } }),
9
+ React.createElement("div", { className: "news-skeleton__block", style: { width: '70%', height: 20 } }),
10
+ React.createElement("div", { className: "news-skeleton__row", style: { gap: 6 } },
11
+ React.createElement("div", { className: "news-skeleton__block news-skeleton__block--circle", style: { width: 16, height: 16 } }),
12
+ React.createElement("div", { className: "news-skeleton__block", style: { width: 100, height: 16 } })),
13
+ React.createElement("div", { className: "news-skeleton__block news-skeleton__block--stretch", style: { height: 16 } }),
14
+ React.createElement("div", { className: "news-skeleton__block", style: { width: '80%', height: 16 } }))))));
14
15
  };
15
16
  //# sourceMappingURL=NewsSkeleton.js.map
package/dist/components/NewsSkeleton.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"NewsSkeleton.js","sourceRoot":"","sources":["../../src/components/NewsSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,oBAAoB,CAAC;AAQ5B,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,KAAK,GAAG,CAAC,EACT,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,OAAO,GAChB,EAAE,EAAE;IACH,OAAO,CACL,6BAAK,SAAS,EAAE,2BAA2B,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,IACrF,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/C,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,eAAe;QAExC,6BAAK,SAAS,EAAC,uBAAuB;YACpC,6BAAK,SAAS,EAAC,oDAAoD,GAAG;YACtE,6BAAK,SAAS,EAAC,8CAA8C,GAAG,CAC5D;QAEN,6BAAK,SAAS,EAAC,qBAAqB;YAClC,6BAAK,SAAS,EAAC,+CAA+C,GAAG;YACjE,6BAAK,SAAS,EAAC,kDAAkD,GAAG,CAChE;QAEN,6BAAK,SAAS,EAAC,uBAAuB;YACpC,6BAAK,SAAS,EAAC,iDAAiD,GAAG;YACnE,6BAAK,SAAS,EAAC,iDAAiD,GAAG,CAC/D,CACF,CACP,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"NewsSkeleton.js","sourceRoot":"","sources":["../../src/components/NewsSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,oBAAoB,CAAC;AAQ5B,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,KAAK,GAAG,CAAC,EACT,SAAS,GAAG,EAAE,EACd,KAAK,GAAG,OAAO,GAChB,EAAE,EAAE;IACH,OAAO,CACL,6BAAK,SAAS,EAAE,2BAA2B,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,EAAE,IACrF,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/C,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,eAAe;QAExC,6BAAK,SAAS,EAAC,gDAAgD;YAC7D,6BAAK,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI;YAC1E,6BAAK,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI,CACtE;QAEN,6BAAK,SAAS,EAAC,oDAAoD,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI;QAE7F,6BAAK,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI;QAE7E,6BAAK,SAAS,EAAC,oBAAoB,EAAC,KAAK,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;YACnD,6BAAK,SAAS,EAAC,mDAAmD,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI;YACvG,6BAAK,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI,CACvE;QAEN,6BAAK,SAAS,EAAC,oDAAoD,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI;QAE7F,6BAAK,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,GAAI,CACzE,CACP,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "finsignal-feed-explore",
3
- "version": "3.29.0",
3
+ "version": "3.30.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",