finsignal-feed-explore 3.1.9 → 3.2.1
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/components/FilterButton.css +4 -3
- package/dist/components/FilterButton.css.map +1 -1
- package/dist/components/FilterButton.d.ts.map +1 -1
- package/dist/components/FilterButton.js +3 -4
- package/dist/components/FilterButton.js.map +1 -1
- package/dist/components/SearchButton.css +4 -3
- package/dist/components/SearchButton.css.map +1 -1
- package/package.json +1 -1
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
.filter-button {
|
|
2
|
-
width:
|
|
3
|
-
height:
|
|
2
|
+
width: 32px;
|
|
3
|
+
height: 32px;
|
|
4
4
|
display: flex;
|
|
5
5
|
align-items: center;
|
|
6
6
|
justify-content: center;
|
|
7
7
|
background: none;
|
|
8
8
|
border: none;
|
|
9
|
-
padding:
|
|
9
|
+
padding: 6px;
|
|
10
10
|
cursor: pointer;
|
|
11
11
|
position: relative;
|
|
12
12
|
transition: opacity 0.2s ease;
|
|
13
|
+
aspect-ratio: 1/1;
|
|
13
14
|
}
|
|
14
15
|
|
|
15
16
|
.filter-button:hover {
|
|
@@ -1 +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
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/FilterButton.scss"],"names":[],"mappings":"AAAA;EACE;EACA;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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterButton.d.ts","sourceRoot":"","sources":["../../src/components/FilterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FilterButton.d.ts","sourceRoot":"","sources":["../../src/components/FilterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,iBAAiB;IAIhC,aAAa,EAAE,OAAO,CAAC;IAKvB,WAAW,EAAE,MAAM,CAAC;IAKpB,OAAO,EAAE,MAAM,IAAI,CAAC;IAKpB,SAAS,CAAC,EAAE,MAAM,CAAC;IAMnB,cAAc,CAAC,EAAE,MAAM,CAAC;IAMxB,eAAe,CAAC,EAAE,MAAM,CAAC;IAMzB,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAM9B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AA4BD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiEpD,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { FilterIcon } from './icons';
|
|
2
3
|
export const FilterButton = ({ isFiltersOpen, filterCount, onClick, className = '', closeIconColor = '#7863F6', filterIconColor = '#242429', badgeBackgroundColor = '#2d3339', badgeTextColor = '#ffffff' }) => {
|
|
3
4
|
if (isFiltersOpen) {
|
|
4
5
|
return (React.createElement("button", { onClick: onClick, className: `filter-button ${className}`, "aria-label": "Close filters" },
|
|
@@ -7,8 +8,7 @@ export const FilterButton = ({ isFiltersOpen, filterCount, onClick, className =
|
|
|
7
8
|
}
|
|
8
9
|
if (filterCount > 0) {
|
|
9
10
|
return (React.createElement("button", { onClick: onClick, className: `filter-button filter-button--with-badge ${className}`, "aria-label": `Open filters (${filterCount} applied)` },
|
|
10
|
-
React.createElement(
|
|
11
|
-
React.createElement("path", { d: "M2.5 5H17.5M5 10H15M7.5 15H12.5", stroke: filterIconColor, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })),
|
|
11
|
+
React.createElement(FilterIcon, { size: 15, color: filterIconColor }),
|
|
12
12
|
React.createElement("div", { className: "filter-button__badge", style: {
|
|
13
13
|
backgroundColor: badgeBackgroundColor,
|
|
14
14
|
color: badgeTextColor
|
|
@@ -16,7 +16,6 @@ export const FilterButton = ({ isFiltersOpen, filterCount, onClick, className =
|
|
|
16
16
|
React.createElement("span", { className: "filter-button__badge-text" }, filterCount))));
|
|
17
17
|
}
|
|
18
18
|
return (React.createElement("button", { onClick: onClick, className: `filter-button ${className}`, "aria-label": "Open filters" },
|
|
19
|
-
React.createElement(
|
|
20
|
-
React.createElement("path", { d: "M2.5 5H17.5M5 10H15M7.5 15H12.5", stroke: filterIconColor, strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }))));
|
|
19
|
+
React.createElement(FilterIcon, { size: 15, color: filterIconColor })));
|
|
21
20
|
};
|
|
22
21
|
//# sourceMappingURL=FilterButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilterButton.js","sourceRoot":"","sources":["../../src/components/FilterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"FilterButton.js","sourceRoot":"","sources":["../../src/components/FilterButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AA0ErC,MAAM,CAAC,MAAM,YAAY,GAAgC,CAAC,EACxD,aAAa,EACb,WAAW,EACX,OAAO,EACP,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,SAAS,EAC1B,eAAe,GAAG,SAAS,EAC3B,oBAAoB,GAAG,SAAS,EAChC,cAAc,GAAG,SAAS,EAC3B,EAAE,EAAE;IAEH,IAAI,aAAa,EAAE,CAAC;QAClB,OAAO,CACL,gCACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,iBAAiB,SAAS,EAAE,gBAC5B,eAAe;YAE1B,6BAAK,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B;gBAC5F,8BACE,CAAC,EAAC,sBAAsB,EACxB,MAAM,EAAE,cAAc,EACtB,WAAW,EAAC,KAAK,EACjB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,GACtB,CACE,CACC,CACV,CAAC;IACJ,CAAC;IAGD,IAAI,WAAW,GAAG,CAAC,EAAE,CAAC;QACpB,OAAO,CACL,gCACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,2CAA2C,SAAS,EAAE,gBACrD,iBAAiB,WAAW,WAAW;YAEnD,oBAAC,UAAU,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,eAAe,GAAI;YAChD,6BACE,SAAS,EAAC,sBAAsB,EAChC,KAAK,EAAE;oBACL,eAAe,EAAE,oBAAoB;oBACrC,KAAK,EAAE,cAAc;iBACtB;gBAED,8BAAM,SAAS,EAAC,2BAA2B,IACxC,WAAW,CACP,CACH,CACC,CACV,CAAC;IACJ,CAAC;IAGD,OAAO,CACL,gCACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,iBAAiB,SAAS,EAAE,gBAC5B,cAAc;QAEzB,oBAAC,UAAU,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,eAAe,GAAI,CACzC,CACV,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
.search-button {
|
|
2
|
-
width:
|
|
3
|
-
height:
|
|
2
|
+
width: 32px;
|
|
3
|
+
height: 32px;
|
|
4
4
|
display: flex;
|
|
5
5
|
align-items: center;
|
|
6
6
|
justify-content: center;
|
|
7
7
|
background: none;
|
|
8
8
|
border: none;
|
|
9
|
-
padding:
|
|
9
|
+
padding: 6px;
|
|
10
10
|
cursor: pointer;
|
|
11
11
|
transition: opacity 0.2s ease;
|
|
12
|
+
aspect-ratio: 1/1;
|
|
12
13
|
}
|
|
13
14
|
|
|
14
15
|
.search-button:hover {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../src/components/SearchButton.scss"],"names":[],"mappings":"AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA","file":"SearchButton.css"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../src/components/SearchButton.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","file":"SearchButton.css"}
|