@stack-spot/portal-layout 2.23.0 → 2.23.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/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [2.23.1](https://github.com/stack-spot/portal-commons/compare/portal-layout@v2.23.0...portal-layout@v2.23.1) (2025-01-20)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* change border hover in notification close button ([06e33ce](https://github.com/stack-spot/portal-commons/commit/06e33ced3246da3b9806a08d2b4fe86e7655958a))
|
|
9
|
+
|
|
3
10
|
## [2.23.0](https://github.com/stack-spot/portal-commons/compare/portal-layout@v2.22.1...portal-layout@v2.23.0) (2025-01-17)
|
|
4
11
|
|
|
5
12
|
|
|
@@ -11,6 +11,6 @@ const FilterButton = ({ current, onChangeFilter, value }) => {
|
|
|
11
11
|
};
|
|
12
12
|
export const NotificationPanelHeader = ({ filter, onChangeFilter, onClose }) => {
|
|
13
13
|
const t = useNotificationsDictionary();
|
|
14
|
-
return (_jsxs(Flex, { flexDirection: "column", children: [_jsxs(Flex, { justifyContent: "space-between", children: [_jsx(Text, { appearance: "h4", as: "h2", children: t.notifications }), _jsx(IconButton, { id: CLOSE_OVERLAY_ID, "aria-label": t.close, onClick: onClose, children: _jsx(IconBox, { size: "xs", children: _jsx(TimesMini, {}) }) })] }), _jsxs("ul", { className: "filter-list", children: [_jsx("li", { children: _jsx(FilterButton, { current: filter, onChangeFilter: onChangeFilter, value: "ALL" }) }), _jsx("li", { children: _jsx(FilterButton, { current: filter, onChangeFilter: onChangeFilter, value: "UNREAD" }) }), _jsx("li", { children: _jsx(FilterButton, { current: filter, onChangeFilter: onChangeFilter, value: "HIGH" }) }), _jsx("li", { children: _jsx(FilterButton, { current: filter, onChangeFilter: onChangeFilter, value: "MEDIUM" }) }), _jsx("li", { children: _jsx(FilterButton, { current: filter, onChangeFilter: onChangeFilter, value: "LOW" }) })] })] }));
|
|
14
|
+
return (_jsxs(Flex, { flexDirection: "column", children: [_jsxs(Flex, { justifyContent: "space-between", children: [_jsx(Text, { appearance: "h4", as: "h2", children: t.notifications }), _jsx(IconButton, { id: CLOSE_OVERLAY_ID, "aria-label": t.close, onClick: onClose, sx: { borderRadius: '50%' }, children: _jsx(IconBox, { size: "xs", children: _jsx(TimesMini, {}) }) })] }), _jsxs("ul", { className: "filter-list", children: [_jsx("li", { children: _jsx(FilterButton, { current: filter, onChangeFilter: onChangeFilter, value: "ALL" }) }), _jsx("li", { children: _jsx(FilterButton, { current: filter, onChangeFilter: onChangeFilter, value: "UNREAD" }) }), _jsx("li", { children: _jsx(FilterButton, { current: filter, onChangeFilter: onChangeFilter, value: "HIGH" }) }), _jsx("li", { children: _jsx(FilterButton, { current: filter, onChangeFilter: onChangeFilter, value: "MEDIUM" }) }), _jsx("li", { children: _jsx(FilterButton, { current: filter, onChangeFilter: onChangeFilter, value: "LOW" }) })] })] }));
|
|
15
15
|
};
|
|
16
16
|
//# sourceMappingURL=NotificationPanelHeader.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationPanelHeader.js","sourceRoot":"","sources":["../../../src/components/NotificationCenter/NotificationPanelHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAA;AAGzD,MAAM,YAAY,GAAG,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAqB,EAAE,EAAE;IAC7E,MAAM,CAAC,GAAG,0BAA0B,EAAE,CAAA;IACtC,MAAM,MAAM,GAAG,OAAO,KAAK,KAAK,CAAA;IAEhC,OAAO,CACL,KAAC,MAAM,IACL,UAAU,EAAC,MAAM,EACjB,IAAI,EAAC,QAAQ,gBACD,CAAC,CAAC,GAAG,KAAK,YAAY,CAAC,kBACrB,MAAM,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EACpC,SAAS,EAAC,YAAY,YAEtB,KAAC,IAAI,IAAC,aAAa,EAAC,KAAK,EAAC,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,UAAU,EAAC,QAAQ,YAClE,KAAC,IAAI,IAAC,WAAW,EAAC,SAAS,EAAC,UAAU,EAAC,YAAY,YAChD,CAAC,CAAC,GAAG,KAAK,QAAQ,CAAC,GACf,GACF,GACA,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAgC,EAAE,EAAE;IAC3G,MAAM,CAAC,GAAG,0BAA0B,EAAE,CAAA;IACtC,OAAO,CACL,MAAC,IAAI,IAAC,aAAa,EAAC,QAAQ,aAC1B,MAAC,IAAI,IAAC,cAAc,EAAC,eAAe,aAClC,KAAC,IAAI,IAAC,UAAU,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,YAC1B,CAAC,CAAC,aAAa,GACX,EACP,KAAC,UAAU,IAAC,EAAE,EAAE,gBAAgB,gBAAc,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"NotificationPanelHeader.js","sourceRoot":"","sources":["../../../src/components/NotificationCenter/NotificationPanelHeader.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;AACvC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAA;AAGzD,MAAM,YAAY,GAAG,CAAC,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAqB,EAAE,EAAE;IAC7E,MAAM,CAAC,GAAG,0BAA0B,EAAE,CAAA;IACtC,MAAM,MAAM,GAAG,OAAO,KAAK,KAAK,CAAA;IAEhC,OAAO,CACL,KAAC,MAAM,IACL,UAAU,EAAC,MAAM,EACjB,IAAI,EAAC,QAAQ,gBACD,CAAC,CAAC,GAAG,KAAK,YAAY,CAAC,kBACrB,MAAM,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,KAAK,CAAC,EACpC,SAAS,EAAC,YAAY,YAEtB,KAAC,IAAI,IAAC,aAAa,EAAC,KAAK,EAAC,KAAK,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,UAAU,EAAC,QAAQ,YAClE,KAAC,IAAI,IAAC,WAAW,EAAC,SAAS,EAAC,UAAU,EAAC,YAAY,YAChD,CAAC,CAAC,GAAG,KAAK,QAAQ,CAAC,GACf,GACF,GACA,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAgC,EAAE,EAAE;IAC3G,MAAM,CAAC,GAAG,0BAA0B,EAAE,CAAA;IACtC,OAAO,CACL,MAAC,IAAI,IAAC,aAAa,EAAC,QAAQ,aAC1B,MAAC,IAAI,IAAC,cAAc,EAAC,eAAe,aAClC,KAAC,IAAI,IAAC,UAAU,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,YAC1B,CAAC,CAAC,aAAa,GACX,EACP,KAAC,UAAU,IAAC,EAAE,EAAE,gBAAgB,gBAAc,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,YAClG,KAAC,OAAO,IAAC,IAAI,EAAC,IAAI,YAChB,KAAC,SAAS,KAAG,GACL,GACC,IACR,EACP,cAAI,SAAS,EAAC,aAAa,aACzB,uBAAI,KAAC,YAAY,IAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAC,KAAK,GAAG,GAAK,EACtF,uBAAI,KAAC,YAAY,IAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAC,QAAQ,GAAG,GAAK,EACzF,uBAAI,KAAC,YAAY,IAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAC,MAAM,GAAG,GAAK,EACvF,uBAAI,KAAC,YAAY,IAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAC,QAAQ,GAAG,GAAK,EACzF,uBAAI,KAAC,YAAY,IAAC,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,KAAK,EAAC,KAAK,GAAG,GAAK,IACnF,IACA,CACR,CAAA;AACH,CAAC,CAAA"}
|
package/package.json
CHANGED
|
@@ -35,7 +35,7 @@ export const NotificationPanelHeader = ({ filter, onChangeFilter, onClose }: Not
|
|
|
35
35
|
<Text appearance="h4" as="h2">
|
|
36
36
|
{t.notifications}
|
|
37
37
|
</Text>
|
|
38
|
-
<IconButton id={CLOSE_OVERLAY_ID} aria-label={t.close} onClick={onClose}>
|
|
38
|
+
<IconButton id={CLOSE_OVERLAY_ID} aria-label={t.close} onClick={onClose} sx={{ borderRadius: '50%' }}>
|
|
39
39
|
<IconBox size="xs">
|
|
40
40
|
<TimesMini />
|
|
41
41
|
</IconBox>
|