@bbl-digital/snorre 2.2.26 → 2.2.27
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/bundle.js
CHANGED
|
@@ -29934,7 +29934,8 @@
|
|
|
29934
29934
|
/** @jsxImportSource @emotion/react */
|
|
29935
29935
|
|
|
29936
29936
|
const TabNavItem = ({
|
|
29937
|
-
value
|
|
29937
|
+
value,
|
|
29938
|
+
displayText
|
|
29938
29939
|
}) => {
|
|
29939
29940
|
const theme = react.useTheme();
|
|
29940
29941
|
const {
|
|
@@ -29946,7 +29947,7 @@
|
|
|
29946
29947
|
onClick: () => setActive(value),
|
|
29947
29948
|
theme: theme,
|
|
29948
29949
|
css: t => [isActive && styles$1.active(t)],
|
|
29949
|
-
children: value
|
|
29950
|
+
children: displayText ? displayText : value
|
|
29950
29951
|
});
|
|
29951
29952
|
};
|
|
29952
29953
|
|
|
@@ -6,7 +6,8 @@ import { TabNavItemWrapper, styles } from './styles';
|
|
|
6
6
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
7
7
|
|
|
8
8
|
const TabNavItem = ({
|
|
9
|
-
value
|
|
9
|
+
value,
|
|
10
|
+
displayText
|
|
10
11
|
}) => {
|
|
11
12
|
const theme = useTheme();
|
|
12
13
|
const {
|
|
@@ -18,7 +19,7 @@ const TabNavItem = ({
|
|
|
18
19
|
onClick: () => setActive(value),
|
|
19
20
|
theme: theme,
|
|
20
21
|
css: t => [isActive && styles.active(t)],
|
|
21
|
-
children: value
|
|
22
|
+
children: displayText ? displayText : value
|
|
22
23
|
});
|
|
23
24
|
};
|
|
24
25
|
|
|
@@ -2,6 +2,8 @@ import React from 'react';
|
|
|
2
2
|
export interface IProps {
|
|
3
3
|
/** Text and value that is being used on tab on tab */
|
|
4
4
|
value: string;
|
|
5
|
+
/** Overwrites value as displayed text */
|
|
6
|
+
displayText?: string;
|
|
5
7
|
}
|
|
6
8
|
declare const TabNavItem: React.FC<IProps>;
|
|
7
9
|
export { TabNavItem };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/TabNav/TabNavItem/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,MAAM,WAAW,MAAM;IACrB,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/TabNav/TabNavItem/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,MAAM,WAAW,MAAM;IACrB,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAA;IACb,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAehC,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;AAErB,eAAe,UAAU,CAAA"}
|
|
@@ -6,7 +6,8 @@ import { TabNavItemWrapper, styles } from './styles';
|
|
|
6
6
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
7
7
|
|
|
8
8
|
const TabNavItem = ({
|
|
9
|
-
value
|
|
9
|
+
value,
|
|
10
|
+
displayText
|
|
10
11
|
}) => {
|
|
11
12
|
const theme = useTheme();
|
|
12
13
|
const {
|
|
@@ -18,7 +19,7 @@ const TabNavItem = ({
|
|
|
18
19
|
onClick: () => setActive(value),
|
|
19
20
|
theme: theme,
|
|
20
21
|
css: t => [isActive && styles.active(t)],
|
|
21
|
-
children: value
|
|
22
|
+
children: displayText ? displayText : value
|
|
22
23
|
});
|
|
23
24
|
};
|
|
24
25
|
|