@bbl-digital/snorre 2.2.2 → 2.2.6
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 +445 -345
- package/esm/core/BoxedTable/RowCell/index.js +1 -1
- package/esm/core/BoxedTable/RowCell/styles.js +9 -9
- package/esm/core/BoxedTable/TableRow/styles.js +8 -8
- package/esm/core/Checkbox/styles.js +5 -5
- package/esm/core/InfoButton/styles.js +9 -9
- package/esm/core/Link/styles.js +9 -9
- package/esm/core/List/styles.js +11 -11
- package/esm/core/PieChart/styles.js +2 -2
- package/esm/core/PreemptionCard/styles.js +3 -3
- package/esm/core/SimpleBarChart/CustomLegend/index.js +27 -0
- package/esm/core/SimpleBarChart/CustomLegend/styles.js +25 -0
- package/esm/core/SimpleBarChart/CustomTooltip/index.js +45 -0
- package/esm/core/SimpleBarChart/CustomTooltip/styles.js +39 -0
- package/esm/core/SimpleBarChart/SimpleBarChart.data.js +49 -0
- package/esm/core/SimpleBarChart/styles.js +1 -1
- package/esm/core/Skeleton/styles.js +4 -4
- package/esm/core/TabNav/TabContext.js +24 -0
- package/esm/core/TabNav/TabNavItem/index.js +26 -0
- package/esm/core/TabNav/TabNavItem/styles.js +11 -0
- package/esm/core/TabNav/index.js +32 -0
- package/esm/core/TabNav/styles.js +26 -0
- package/esm/index.js +3 -1
- package/esm/layout/Menu/MainMenu/styles.js +1 -1
- package/esm/layout/Menu/MenuItem/styles.js +2 -2
- package/esm/layout/Menu/MenuSpacer/styles.js +1 -1
- package/esm/layout/Menu/MenuTop/styles.js +3 -3
- package/esm/layout/Menu/SecondaryMenu/styles.js +4 -4
- package/esm/layout/Menu/SecondaryMenuItem/styles.js +1 -1
- package/esm/layout/Menu/styles.js +1 -1
- package/esm/layout/Submenu/styles.js +10 -10
- package/infrastructure/azure-pipelines.yml +24 -137
- package/lib/core/BoxedTable/RowCell/index.js +1 -1
- package/lib/core/BoxedTable/RowCell/styles.js +9 -9
- package/lib/core/BoxedTable/TableRow/styles.js +8 -8
- package/lib/core/Checkbox/styles.js +5 -5
- package/lib/core/InfoButton/styles.js +9 -9
- package/lib/core/Link/styles.js +9 -9
- package/lib/core/List/styles.js +11 -11
- package/lib/core/PieChart/styles.js +2 -2
- package/lib/core/PreemptionCard/styles.js +3 -3
- package/lib/core/SimpleBarChart/CustomLegend/index.d.ts +4 -0
- package/lib/core/SimpleBarChart/CustomLegend/index.d.ts.map +1 -0
- package/lib/core/SimpleBarChart/CustomLegend/index.js +27 -0
- package/lib/core/{MailMenu → SimpleBarChart/CustomLegend}/styles.d.ts +5 -4
- package/lib/core/SimpleBarChart/CustomLegend/styles.d.ts.map +1 -0
- package/lib/core/SimpleBarChart/CustomLegend/styles.js +25 -0
- package/lib/core/SimpleBarChart/CustomTooltip/index.d.ts +5 -0
- package/lib/core/SimpleBarChart/CustomTooltip/index.d.ts.map +1 -0
- package/lib/core/SimpleBarChart/CustomTooltip/index.js +45 -0
- package/lib/core/SimpleBarChart/CustomTooltip/styles.d.ts +16 -0
- package/lib/core/SimpleBarChart/CustomTooltip/styles.d.ts.map +1 -0
- package/lib/core/SimpleBarChart/CustomTooltip/styles.js +39 -0
- package/lib/core/SimpleBarChart/SimpleBarChart.data.d.ts +6 -0
- package/lib/core/SimpleBarChart/SimpleBarChart.data.d.ts.map +1 -0
- package/lib/core/SimpleBarChart/SimpleBarChart.data.js +49 -0
- package/lib/core/SimpleBarChart/styles.js +1 -1
- package/lib/core/Skeleton/styles.js +4 -4
- package/lib/core/TabNav/TabContext.d.ts +13 -0
- package/lib/core/TabNav/TabContext.d.ts.map +1 -0
- package/lib/core/TabNav/TabContext.js +24 -0
- package/lib/core/TabNav/TabNavItem/index.d.ts +9 -0
- package/lib/core/TabNav/TabNavItem/index.d.ts.map +1 -0
- package/lib/core/TabNav/TabNavItem/index.js +26 -0
- package/lib/core/TabNav/TabNavItem/styles.d.ts +10 -0
- package/lib/core/TabNav/TabNavItem/styles.d.ts.map +1 -0
- package/lib/core/TabNav/TabNavItem/styles.js +11 -0
- package/lib/core/TabNav/index.d.ts +23 -0
- package/lib/core/TabNav/index.d.ts.map +1 -0
- package/lib/core/TabNav/index.js +32 -0
- package/lib/core/TabNav/styles.d.ts +13 -0
- package/lib/core/TabNav/styles.d.ts.map +1 -0
- package/lib/core/TabNav/styles.js +26 -0
- package/lib/hooks/useScreenOrientation.d.ts +1 -1
- package/lib/index.d.ts +3 -1
- package/lib/index.d.ts.map +1 -1
- package/lib/index.js +3 -1
- package/lib/layout/Menu/MainMenu/styles.js +1 -1
- package/lib/layout/Menu/MenuItem/styles.js +2 -2
- package/lib/layout/Menu/MenuSpacer/styles.js +1 -1
- package/lib/layout/Menu/MenuTop/styles.js +3 -3
- package/lib/layout/Menu/SecondaryMenu/styles.js +4 -4
- package/lib/layout/Menu/SecondaryMenuItem/styles.js +1 -1
- package/lib/layout/Menu/styles.js +1 -1
- package/lib/layout/Submenu/styles.js +10 -10
- package/package.json +1 -1
- package/dist/bundle.min.js +0 -29
- package/esm/core/MailMenu/DropdownMenuOption.js +0 -17
- package/esm/core/MailMenu/index.js +0 -42
- package/esm/core/MailMenu/styles.js +0 -34
- package/esm/layout/Menu/MenuBottom/index.js +0 -37
- package/esm/layout/Menu/MenuBottom/styles.js +0 -15
- package/esm/layout/Submenu/SubmenuLightThemeBg/styles.js +0 -10
- package/lib/core/MailMenu/DropdownMenuOption.d.ts +0 -8
- package/lib/core/MailMenu/DropdownMenuOption.d.ts.map +0 -1
- package/lib/core/MailMenu/DropdownMenuOption.js +0 -17
- package/lib/core/MailMenu/index.d.ts +0 -8
- package/lib/core/MailMenu/index.d.ts.map +0 -1
- package/lib/core/MailMenu/index.js +0 -42
- package/lib/core/MailMenu/styles.d.ts.map +0 -1
- package/lib/core/MailMenu/styles.js +0 -34
- package/lib/layout/Menu/MenuBottom/index.d.ts +0 -14
- package/lib/layout/Menu/MenuBottom/index.d.ts.map +0 -1
- package/lib/layout/Menu/MenuBottom/index.js +0 -37
- package/lib/layout/Menu/MenuBottom/styles.d.ts +0 -4
- package/lib/layout/Menu/MenuBottom/styles.d.ts.map +0 -1
- package/lib/layout/Menu/MenuBottom/styles.js +0 -15
- package/lib/layout/Submenu/SubmenuLightThemeBg/styles.d.ts +0 -3
- package/lib/layout/Submenu/SubmenuLightThemeBg/styles.d.ts.map +0 -1
- package/lib/layout/Submenu/SubmenuLightThemeBg/styles.js +0 -10
@@ -0,0 +1,25 @@
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
2
|
+
|
3
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
4
|
+
|
5
|
+
import { css } from '@emotion/react';
|
6
|
+
export const LegendsContainer = _styled("div", process.env.NODE_ENV === "production" ? {
|
7
|
+
target: "e1fbuoy31"
|
8
|
+
} : {
|
9
|
+
target: "e1fbuoy31",
|
10
|
+
label: "LegendsContainer"
|
11
|
+
})(props => /*#__PURE__*/css("display:flex;flex-direction:row;margin:", `${props?.margin?.top}px ${props?.margin?.left}px ${props?.margin?.bottom}px ${props?.margin?.right}px`, ";>:first-of-type{margin-left:2rem;}" + (process.env.NODE_ENV === "production" ? "" : ";label:LegendsContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NpbXBsZUJhckNoYXJ0L0N1c3RvbUxlZ2VuZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS3lEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NpbXBsZUJhckNoYXJ0L0N1c3RvbUxlZ2VuZC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCB7IE1hcmdpbiB9IGZyb20gJ3JlY2hhcnRzJ1xyXG5cclxuZXhwb3J0IGNvbnN0IExlZ2VuZHNDb250YWluZXIgPSBzdHlsZWQuZGl2KFxyXG4gIChwcm9wczogeyBtYXJnaW46IFBhcnRpYWw8TWFyZ2luPiB8IHVuZGVmaW5lZCB9KSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcclxuICAgIG1hcmdpbjogJHtgJHtwcm9wcz8ubWFyZ2luPy50b3B9cHggJHtwcm9wcz8ubWFyZ2luPy5sZWZ0fXB4ICR7cHJvcHM/Lm1hcmdpbj8uYm90dG9tfXB4ICR7cHJvcHM/Lm1hcmdpbj8ucmlnaHR9cHhgfTtcclxuICAgID4gOmZpcnN0LW9mLXR5cGUge1xyXG4gICAgICBtYXJnaW4tbGVmdDogMnJlbTtcclxuICAgIH1cclxuICBgXHJcbilcclxuXHJcbmV4cG9ydCBjb25zdCBMZWdlbmRXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gIG1hcmdpbjogMCAxcmVtO1xyXG4gID4gc3ZnIHtcclxuICAgIG1hcmdpbi1yaWdodDogNXB4O1xyXG4gIH1cclxuYFxyXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NpbXBsZUJhckNoYXJ0L0N1c3RvbUxlZ2VuZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSWdDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NpbXBsZUJhckNoYXJ0L0N1c3RvbUxlZ2VuZC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCB7IE1hcmdpbiB9IGZyb20gJ3JlY2hhcnRzJ1xyXG5cclxuZXhwb3J0IGNvbnN0IExlZ2VuZHNDb250YWluZXIgPSBzdHlsZWQuZGl2KFxyXG4gIChwcm9wczogeyBtYXJnaW46IFBhcnRpYWw8TWFyZ2luPiB8IHVuZGVmaW5lZCB9KSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcclxuICAgIG1hcmdpbjogJHtgJHtwcm9wcz8ubWFyZ2luPy50b3B9cHggJHtwcm9wcz8ubWFyZ2luPy5sZWZ0fXB4ICR7cHJvcHM/Lm1hcmdpbj8uYm90dG9tfXB4ICR7cHJvcHM/Lm1hcmdpbj8ucmlnaHR9cHhgfTtcclxuICAgID4gOmZpcnN0LW9mLXR5cGUge1xyXG4gICAgICBtYXJnaW4tbGVmdDogMnJlbTtcclxuICAgIH1cclxuICBgXHJcbilcclxuXHJcbmV4cG9ydCBjb25zdCBMZWdlbmRXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gIG1hcmdpbjogMCAxcmVtO1xyXG4gID4gc3ZnIHtcclxuICAgIG1hcmdpbi1yaWdodDogNXB4O1xyXG4gIH1cclxuYFxyXG4iXX0= */");
|
12
|
+
export const LegendWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
13
|
+
target: "e1fbuoy30"
|
14
|
+
} : {
|
15
|
+
target: "e1fbuoy30",
|
16
|
+
label: "LegendWrapper"
|
17
|
+
})(process.env.NODE_ENV === "production" ? {
|
18
|
+
name: "1060gwv",
|
19
|
+
styles: "display:flex;align-items:center;text-align:center;margin:0 1rem;>svg{margin-right:5px;}"
|
20
|
+
} : {
|
21
|
+
name: "1060gwv",
|
22
|
+
styles: "display:flex;align-items:center;text-align:center;margin:0 1rem;>svg{margin-right:5px;}",
|
23
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NpbXBsZUJhckNoYXJ0L0N1c3RvbUxlZ2VuZC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZXVDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NpbXBsZUJhckNoYXJ0L0N1c3RvbUxlZ2VuZC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCB7IE1hcmdpbiB9IGZyb20gJ3JlY2hhcnRzJ1xyXG5cclxuZXhwb3J0IGNvbnN0IExlZ2VuZHNDb250YWluZXIgPSBzdHlsZWQuZGl2KFxyXG4gIChwcm9wczogeyBtYXJnaW46IFBhcnRpYWw8TWFyZ2luPiB8IHVuZGVmaW5lZCB9KSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcclxuICAgIG1hcmdpbjogJHtgJHtwcm9wcz8ubWFyZ2luPy50b3B9cHggJHtwcm9wcz8ubWFyZ2luPy5sZWZ0fXB4ICR7cHJvcHM/Lm1hcmdpbj8uYm90dG9tfXB4ICR7cHJvcHM/Lm1hcmdpbj8ucmlnaHR9cHhgfTtcclxuICAgID4gOmZpcnN0LW9mLXR5cGUge1xyXG4gICAgICBtYXJnaW4tbGVmdDogMnJlbTtcclxuICAgIH1cclxuICBgXHJcbilcclxuXHJcbmV4cG9ydCBjb25zdCBMZWdlbmRXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xyXG4gIG1hcmdpbjogMCAxcmVtO1xyXG4gID4gc3ZnIHtcclxuICAgIG1hcmdpbi1yaWdodDogNXB4O1xyXG4gIH1cclxuYFxyXG4iXX0= */",
|
24
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
25
|
+
});
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/SimpleBarChart/CustomTooltip/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAIvC,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAyBzC,CAAA;AAED,eAAe,aAAa,CAAA"}
|
@@ -0,0 +1,45 @@
|
|
1
|
+
import { useTheme } from '@emotion/react';
|
2
|
+
import React from 'react';
|
3
|
+
import { getFormattedPrice } from '../../..';
|
4
|
+
import Text from '../../Text';
|
5
|
+
import { ItemNameGroup, TooltipPayloadWrapper, TooltipWrapper } from './styles';
|
6
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
7
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
8
|
+
|
9
|
+
const CustomTooltip = ({
|
10
|
+
payload,
|
11
|
+
label
|
12
|
+
}) => {
|
13
|
+
const theme = useTheme();
|
14
|
+
|
15
|
+
const TooltipPayload = () => {
|
16
|
+
return payload?.length && payload.map(item => /*#__PURE__*/_jsxs(TooltipPayloadWrapper, {
|
17
|
+
children: [/*#__PURE__*/_jsxs(ItemNameGroup, {
|
18
|
+
children: [/*#__PURE__*/_jsx("svg", {
|
19
|
+
width: "16",
|
20
|
+
height: "16",
|
21
|
+
children: /*#__PURE__*/_jsx("rect", {
|
22
|
+
width: "100%",
|
23
|
+
height: "100%",
|
24
|
+
rx: "3",
|
25
|
+
fill: item.color
|
26
|
+
})
|
27
|
+
}), /*#__PURE__*/_jsxs(Text, {
|
28
|
+
children: [item.name, ":"]
|
29
|
+
})]
|
30
|
+
}), /*#__PURE__*/_jsx(Text, {
|
31
|
+
children: getFormattedPrice(item.value, 2)
|
32
|
+
})]
|
33
|
+
}, item.name));
|
34
|
+
};
|
35
|
+
|
36
|
+
return /*#__PURE__*/_jsxs(TooltipWrapper, {
|
37
|
+
theme: theme,
|
38
|
+
children: [label && /*#__PURE__*/_jsx(Text, {
|
39
|
+
bold: true,
|
40
|
+
children: label
|
41
|
+
}), TooltipPayload()]
|
42
|
+
});
|
43
|
+
};
|
44
|
+
|
45
|
+
export default CustomTooltip;
|
@@ -0,0 +1,16 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const TooltipWrapper: import("@emotion/styled").StyledComponent<{
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
5
|
+
} & {
|
6
|
+
theme: any;
|
7
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
8
|
+
export declare const TooltipPayloadWrapper: import("@emotion/styled").StyledComponent<{
|
9
|
+
theme?: import("@emotion/react").Theme | undefined;
|
10
|
+
as?: import("react").ElementType<any> | undefined;
|
11
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
12
|
+
export declare const ItemNameGroup: import("@emotion/styled").StyledComponent<{
|
13
|
+
theme?: import("@emotion/react").Theme | undefined;
|
14
|
+
as?: import("react").ElementType<any> | undefined;
|
15
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
16
|
+
//# sourceMappingURL=styles.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/SimpleBarChart/CustomTooltip/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,cAAc;;;;WAAuB,GAAG;yGAYpD,CAAA;AAED,eAAO,MAAM,qBAAqB;;;yGAQjC,CAAA;AAED,eAAO,MAAM,aAAa;;;yGAMzB,CAAA"}
|
@@ -0,0 +1,39 @@
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
2
|
+
|
3
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
4
|
+
|
5
|
+
import { css } from '@emotion/react';
|
6
|
+
export const TooltipWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
7
|
+
target: "elv34kc2"
|
8
|
+
} : {
|
9
|
+
target: "elv34kc2",
|
10
|
+
label: "TooltipWrapper"
|
11
|
+
})(props => /*#__PURE__*/css("display:flex;flex-direction:column;background-color:white;padding:1rem;box-shadow:", props?.theme && props.theme.shadowBig, ";border-radius:4px;>span:first-of-type{margin-bottom:5px;}" + (process.env.NODE_ENV === "production" ? "" : ";label:TooltipWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NpbXBsZUJhckNoYXJ0L0N1c3RvbVRvb2x0aXAvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUlnQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TaW1wbGVCYXJDaGFydC9DdXN0b21Ub29sdGlwL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuXHJcbmV4cG9ydCBjb25zdCBUb29sdGlwV3JhcHBlciA9IHN0eWxlZC5kaXY8eyB0aGVtZTogYW55IH0+KFxyXG4gIChwcm9wcykgPT4gY3NzYFxyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxuICAgIHBhZGRpbmc6IDFyZW07XHJcbiAgICBib3gtc2hhZG93OiAke3Byb3BzPy50aGVtZSAmJiBwcm9wcy50aGVtZS5zaGFkb3dCaWd9O1xyXG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xyXG4gICAgPiBzcGFuOmZpcnN0LW9mLXR5cGUge1xyXG4gICAgICBtYXJnaW4tYm90dG9tOiA1cHg7XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3QgVG9vbHRpcFBheWxvYWRXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gIHdpZHRoOiAxMDAlO1xyXG4gID4gOmZpcnN0LW9mLXR5cGUge1xyXG4gICAgbWFyZ2luLXJpZ2h0OiAwLjVlbTtcclxuICB9XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBJdGVtTmFtZUdyb3VwID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgPiA6Zmlyc3Qtb2YtdHlwZSB7XHJcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcclxuICB9XHJcbmBcclxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NpbXBsZUJhckNoYXJ0L0N1c3RvbVRvb2x0aXAvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUc4QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9TaW1wbGVCYXJDaGFydC9DdXN0b21Ub29sdGlwL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcclxuXHJcbmV4cG9ydCBjb25zdCBUb29sdGlwV3JhcHBlciA9IHN0eWxlZC5kaXY8eyB0aGVtZTogYW55IH0+KFxyXG4gIChwcm9wcykgPT4gY3NzYFxyXG4gICAgZGlzcGxheTogZmxleDtcclxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XHJcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB3aGl0ZTtcclxuICAgIHBhZGRpbmc6IDFyZW07XHJcbiAgICBib3gtc2hhZG93OiAke3Byb3BzPy50aGVtZSAmJiBwcm9wcy50aGVtZS5zaGFkb3dCaWd9O1xyXG4gICAgYm9yZGVyLXJhZGl1czogNHB4O1xyXG4gICAgPiBzcGFuOmZpcnN0LW9mLXR5cGUge1xyXG4gICAgICBtYXJnaW4tYm90dG9tOiA1cHg7XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3QgVG9vbHRpcFBheWxvYWRXcmFwcGVyID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gIHdpZHRoOiAxMDAlO1xyXG4gID4gOmZpcnN0LW9mLXR5cGUge1xyXG4gICAgbWFyZ2luLXJpZ2h0OiAwLjVlbTtcclxuICB9XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBJdGVtTmFtZUdyb3VwID0gc3R5bGVkLmRpdmBcclxuICBkaXNwbGF5OiBmbGV4O1xyXG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XHJcbiAgPiA6Zmlyc3Qtb2YtdHlwZSB7XHJcbiAgICBtYXJnaW4tcmlnaHQ6IDVweDtcclxuICB9XHJcbmBcclxuIl19 */");
|
12
|
+
export const TooltipPayloadWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
13
|
+
target: "elv34kc1"
|
14
|
+
} : {
|
15
|
+
target: "elv34kc1",
|
16
|
+
label: "TooltipPayloadWrapper"
|
17
|
+
})(process.env.NODE_ENV === "production" ? {
|
18
|
+
name: "1y1bc9v",
|
19
|
+
styles: "display:flex;justify-content:space-between;align-items:center;width:100%;>:first-of-type{margin-right:0.5em;}"
|
20
|
+
} : {
|
21
|
+
name: "1y1bc9v",
|
22
|
+
styles: "display:flex;justify-content:space-between;align-items:center;width:100%;>:first-of-type{margin-right:0.5em;}",
|
23
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NpbXBsZUJhckNoYXJ0L0N1c3RvbVRvb2x0aXAvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCK0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvU2ltcGxlQmFyQ2hhcnQvQ3VzdG9tVG9vbHRpcC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgVG9vbHRpcFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgdGhlbWU6IGFueSB9PihcclxuICAocHJvcHMpID0+IGNzc2BcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XHJcbiAgICBwYWRkaW5nOiAxcmVtO1xyXG4gICAgYm94LXNoYWRvdzogJHtwcm9wcz8udGhlbWUgJiYgcHJvcHMudGhlbWUuc2hhZG93QmlnfTtcclxuICAgIGJvcmRlci1yYWRpdXM6IDRweDtcclxuICAgID4gc3BhbjpmaXJzdC1vZi10eXBlIHtcclxuICAgICAgbWFyZ2luLWJvdHRvbTogNXB4O1xyXG4gICAgfVxyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IFRvb2x0aXBQYXlsb2FkV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICB3aWR0aDogMTAwJTtcclxuICA+IDpmaXJzdC1vZi10eXBlIHtcclxuICAgIG1hcmdpbi1yaWdodDogMC41ZW07XHJcbiAgfVxyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgSXRlbU5hbWVHcm91cCA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gID4gOmZpcnN0LW9mLXR5cGUge1xyXG4gICAgbWFyZ2luLXJpZ2h0OiA1cHg7XHJcbiAgfVxyXG5gXHJcbiJdfQ== */",
|
24
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
25
|
+
});
|
26
|
+
export const ItemNameGroup = _styled("div", process.env.NODE_ENV === "production" ? {
|
27
|
+
target: "elv34kc0"
|
28
|
+
} : {
|
29
|
+
target: "elv34kc0",
|
30
|
+
label: "ItemNameGroup"
|
31
|
+
})(process.env.NODE_ENV === "production" ? {
|
32
|
+
name: "zmujkq",
|
33
|
+
styles: "display:flex;align-items:center;>:first-of-type{margin-right:5px;}"
|
34
|
+
} : {
|
35
|
+
name: "zmujkq",
|
36
|
+
styles: "display:flex;align-items:center;>:first-of-type{margin-right:5px;}",
|
37
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NpbXBsZUJhckNoYXJ0L0N1c3RvbVRvb2x0aXAvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvU2ltcGxlQmFyQ2hhcnQvQ3VzdG9tVG9vbHRpcC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgVG9vbHRpcFdyYXBwZXIgPSBzdHlsZWQuZGl2PHsgdGhlbWU6IGFueSB9PihcclxuICAocHJvcHMpID0+IGNzc2BcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG4gICAgYmFja2dyb3VuZC1jb2xvcjogd2hpdGU7XHJcbiAgICBwYWRkaW5nOiAxcmVtO1xyXG4gICAgYm94LXNoYWRvdzogJHtwcm9wcz8udGhlbWUgJiYgcHJvcHMudGhlbWUuc2hhZG93QmlnfTtcclxuICAgIGJvcmRlci1yYWRpdXM6IDRweDtcclxuICAgID4gc3BhbjpmaXJzdC1vZi10eXBlIHtcclxuICAgICAgbWFyZ2luLWJvdHRvbTogNXB4O1xyXG4gICAgfVxyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IFRvb2x0aXBQYXlsb2FkV3JhcHBlciA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XHJcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcclxuICB3aWR0aDogMTAwJTtcclxuICA+IDpmaXJzdC1vZi10eXBlIHtcclxuICAgIG1hcmdpbi1yaWdodDogMC41ZW07XHJcbiAgfVxyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgSXRlbU5hbWVHcm91cCA9IHN0eWxlZC5kaXZgXHJcbiAgZGlzcGxheTogZmxleDtcclxuICBhbGlnbi1pdGVtczogY2VudGVyO1xyXG4gID4gOmZpcnN0LW9mLXR5cGUge1xyXG4gICAgbWFyZ2luLXJpZ2h0OiA1cHg7XHJcbiAgfVxyXG5gXHJcbiJdfQ== */",
|
38
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
39
|
+
});
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"SimpleBarChart.data.d.ts","sourceRoot":"","sources":["../../../src/packages/core/SimpleBarChart/SimpleBarChart.data.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,wBAAwB;;;;GA6DpC,CAAA"}
|
@@ -0,0 +1,49 @@
|
|
1
|
+
export const StoryDataKostnadBudsjett = [{
|
2
|
+
name: 'Jan',
|
3
|
+
kostnad: 66000,
|
4
|
+
budsjett: 65000
|
5
|
+
}, {
|
6
|
+
name: 'Feb',
|
7
|
+
kostnad: 55000,
|
8
|
+
budsjett: 65000
|
9
|
+
}, {
|
10
|
+
name: 'Mars',
|
11
|
+
kostnad: 60000,
|
12
|
+
budsjett: 70000
|
13
|
+
}, {
|
14
|
+
name: 'Apr',
|
15
|
+
kostnad: 34000,
|
16
|
+
budsjett: 40000
|
17
|
+
}, {
|
18
|
+
name: 'Mai',
|
19
|
+
kostnad: 36000,
|
20
|
+
budsjett: 50000
|
21
|
+
}, {
|
22
|
+
name: 'Jun',
|
23
|
+
kostnad: 50400,
|
24
|
+
budsjett: 70000
|
25
|
+
}, {
|
26
|
+
name: 'Jul',
|
27
|
+
kostnad: 54400,
|
28
|
+
budsjett: 70000
|
29
|
+
}, {
|
30
|
+
name: 'Aug',
|
31
|
+
kostnad: 53400,
|
32
|
+
budsjett: 70000
|
33
|
+
}, {
|
34
|
+
name: 'Sept',
|
35
|
+
kostnad: 50400,
|
36
|
+
budsjett: 70000
|
37
|
+
}, {
|
38
|
+
name: 'Okt',
|
39
|
+
kostnad: 44400,
|
40
|
+
budsjett: 70000
|
41
|
+
}, {
|
42
|
+
name: 'Nov',
|
43
|
+
kostnad: 24700,
|
44
|
+
budsjett: 70000
|
45
|
+
}, {
|
46
|
+
name: 'Des',
|
47
|
+
kostnad: 5400,
|
48
|
+
budsjett: 70000
|
49
|
+
}];
|
@@ -4,4 +4,4 @@ export const BarChartContainer = _styled("div", process.env.NODE_ENV === "produc
|
|
4
4
|
} : {
|
5
5
|
target: "e1omf8wg0",
|
6
6
|
label: "BarChartContainer"
|
7
|
-
})("height:", props => props.height && props.height, ";width:", props => props.width && props.width, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
7
|
+
})("height:", props => props.height && props.height, ";width:", props => props.width && props.width, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NpbXBsZUJhckNoYXJ0L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFOEUiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvU2ltcGxlQmFyQ2hhcnQvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgQmFyQ2hhcnRDb250YWluZXIgPSBzdHlsZWQuZGl2PHsgd2lkdGg6IHN0cmluZzsgaGVpZ2h0OiBzdHJpbmcgfT5gXHJcbiAgaGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0ICYmIHByb3BzLmhlaWdodH07XHJcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy53aWR0aCAmJiBwcm9wcy53aWR0aH07XHJcbmBcclxuIl19 */"));
|
@@ -12,23 +12,23 @@ const defaultShimmer = _styled("span", process.env.NODE_ENV === "production" ? {
|
|
12
12
|
} : {
|
13
13
|
target: "enirjj93",
|
14
14
|
label: "defaultShimmer"
|
15
|
-
})("display:inline-block;position:relative;overflow:hidden;vertical-align:middle;background-color:", shimmerBg, ";animation:", pulse, " 2s infinite;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
15
|
+
})("display:inline-block;position:relative;overflow:hidden;vertical-align:middle;background-color:", shimmerBg, ";animation:", pulse, " 2s infinite;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZa0MiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvU2tlbGV0b24vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcbmltcG9ydCB7IGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xyXG5pbXBvcnQgeyBJUHJvcHMgfSBmcm9tICcuLi9Ta2VsZXRvbidcclxuXHJcbmNvbnN0IHNoaW1tZXJCZyA9ICcjY2NjJ1xyXG5cclxuY29uc3QgcHVsc2UgPSBrZXlmcmFtZXNgXHJcbiAgMCUgeyBvcGFjaXR5OiAwLjY7IH1cclxuICA1MCUgIHsgb3BhY2l0eTogMC4yOyB9XHJcbiAgMTAwJSB7IG9wYWNpdHk6IDAuNjsgfVxyXG5gXHJcblxyXG5jb25zdCBkZWZhdWx0U2hpbW1lciA9IHN0eWxlZC5zcGFuYFxyXG4gIGRpc3BsYXk6IGlubGluZS1ibG9jaztcclxuICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcclxuICB2ZXJ0aWNhbC1hbGlnbjogbWlkZGxlO1xyXG4gIGJhY2tncm91bmQtY29sb3I6ICR7c2hpbW1lckJnfTtcclxuICBhbmltYXRpb246ICR7cHVsc2V9IDJzIGluZmluaXRlO1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgU2tlbGV0b25Sb3cgPSBzdHlsZWQoZGVmYXVsdFNoaW1tZXIpPElQcm9wcz5gXHJcbiAgaGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLmhlaWdodCA/IHByb3BzLmhlaWdodCA6ICcxZW0nKX07XHJcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6ICc2NSUnKX07XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBTa2VsZXRvbkNpcmNsZSA9IHN0eWxlZChkZWZhdWx0U2hpbW1lcik8SVByb3BzPmBcclxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVpZ2h0ID8gcHJvcHMuaGVpZ2h0IDogJzM0cHgnKX07XHJcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6ICczNHB4Jyl9O1xyXG4gIGJvcmRlci1yYWRpdXM6IDUwJTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUmVjdGFuZ2xlID0gc3R5bGVkKGRlZmF1bHRTaGltbWVyKTxJUHJvcHM+YFxyXG4gIGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5oZWlnaHQgPyBwcm9wcy5oZWlnaHQgOiAnMzRweCcpfTtcclxuICB3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy53aWR0aCA/IHByb3BzLndpZHRoIDogJzM0cHgnKX07XHJcbiAgYm9yZGVyLXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy5ib3JkZXJSYWRpdXMgPyBwcm9wcy5ib3JkZXJSYWRpdXMgOiAnMCcpfTtcclxuYFxyXG4iXX0= */"));
|
16
16
|
|
17
17
|
export const SkeletonRow = /*#__PURE__*/_styled(defaultShimmer, process.env.NODE_ENV === "production" ? {
|
18
18
|
target: "enirjj92"
|
19
19
|
} : {
|
20
20
|
target: "enirjj92",
|
21
21
|
label: "SkeletonRow"
|
22
|
-
})("height:", props => props.height ? props.height : '1em', ";width:", props => props.width ? props.width : '65%', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
22
|
+
})("height:", props => props.height ? props.height : '1em', ";width:", props => props.width ? props.width : '65%', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQnlEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHsgSVByb3BzIH0gZnJvbSAnLi4vU2tlbGV0b24nXHJcblxyXG5jb25zdCBzaGltbWVyQmcgPSAnI2NjYydcclxuXHJcbmNvbnN0IHB1bHNlID0ga2V5ZnJhbWVzYFxyXG4gIDAlIHsgb3BhY2l0eTogMC42OyB9XHJcbiAgNTAlICB7IG9wYWNpdHk6IDAuMjsgfVxyXG4gIDEwMCUgeyBvcGFjaXR5OiAwLjY7IH1cclxuYFxyXG5cclxuY29uc3QgZGVmYXVsdFNoaW1tZXIgPSBzdHlsZWQuc3BhbmBcclxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3NoaW1tZXJCZ307XHJcbiAgYW5pbWF0aW9uOiAke3B1bHNlfSAycyBpbmZpbml0ZTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUm93ID0gc3R5bGVkKGRlZmF1bHRTaGltbWVyKTxJUHJvcHM+YFxyXG4gIGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5oZWlnaHQgPyBwcm9wcy5oZWlnaHQgOiAnMWVtJyl9O1xyXG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnNjUlJyl9O1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgU2tlbGV0b25DaXJjbGUgPSBzdHlsZWQoZGVmYXVsdFNoaW1tZXIpPElQcm9wcz5gXHJcbiAgaGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLmhlaWdodCA/IHByb3BzLmhlaWdodCA6ICczNHB4Jyl9O1xyXG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMzRweCcpfTtcclxuICBib3JkZXItcmFkaXVzOiA1MCU7XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBTa2VsZXRvblJlY3RhbmdsZSA9IHN0eWxlZChkZWZhdWx0U2hpbW1lcik8SVByb3BzPmBcclxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVpZ2h0ID8gcHJvcHMuaGVpZ2h0IDogJzM0cHgnKX07XHJcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6ICczNHB4Jyl9O1xyXG4gIGJvcmRlci1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuYm9yZGVyUmFkaXVzID8gcHJvcHMuYm9yZGVyUmFkaXVzIDogJzAnKX07XHJcbmBcclxuIl19 */"));
|
23
23
|
export const SkeletonCircle = /*#__PURE__*/_styled(defaultShimmer, process.env.NODE_ENV === "production" ? {
|
24
24
|
target: "enirjj91"
|
25
25
|
} : {
|
26
26
|
target: "enirjj91",
|
27
27
|
label: "SkeletonCircle"
|
28
|
-
})("height:", props => props.height ? props.height : '34px', ";width:", props => props.width ? props.width : '34px', ";border-radius:50%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
28
|
+
})("height:", props => props.height ? props.height : '34px', ";width:", props => props.width ? props.width : '34px', ";border-radius:50%;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQjREIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHsgSVByb3BzIH0gZnJvbSAnLi4vU2tlbGV0b24nXHJcblxyXG5jb25zdCBzaGltbWVyQmcgPSAnI2NjYydcclxuXHJcbmNvbnN0IHB1bHNlID0ga2V5ZnJhbWVzYFxyXG4gIDAlIHsgb3BhY2l0eTogMC42OyB9XHJcbiAgNTAlICB7IG9wYWNpdHk6IDAuMjsgfVxyXG4gIDEwMCUgeyBvcGFjaXR5OiAwLjY7IH1cclxuYFxyXG5cclxuY29uc3QgZGVmYXVsdFNoaW1tZXIgPSBzdHlsZWQuc3BhbmBcclxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3NoaW1tZXJCZ307XHJcbiAgYW5pbWF0aW9uOiAke3B1bHNlfSAycyBpbmZpbml0ZTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUm93ID0gc3R5bGVkKGRlZmF1bHRTaGltbWVyKTxJUHJvcHM+YFxyXG4gIGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5oZWlnaHQgPyBwcm9wcy5oZWlnaHQgOiAnMWVtJyl9O1xyXG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnNjUlJyl9O1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgU2tlbGV0b25DaXJjbGUgPSBzdHlsZWQoZGVmYXVsdFNoaW1tZXIpPElQcm9wcz5gXHJcbiAgaGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLmhlaWdodCA/IHByb3BzLmhlaWdodCA6ICczNHB4Jyl9O1xyXG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMzRweCcpfTtcclxuICBib3JkZXItcmFkaXVzOiA1MCU7XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBTa2VsZXRvblJlY3RhbmdsZSA9IHN0eWxlZChkZWZhdWx0U2hpbW1lcik8SVByb3BzPmBcclxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVpZ2h0ID8gcHJvcHMuaGVpZ2h0IDogJzM0cHgnKX07XHJcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6ICczNHB4Jyl9O1xyXG4gIGJvcmRlci1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuYm9yZGVyUmFkaXVzID8gcHJvcHMuYm9yZGVyUmFkaXVzIDogJzAnKX07XHJcbmBcclxuIl19 */"));
|
29
29
|
export const SkeletonRectangle = /*#__PURE__*/_styled(defaultShimmer, process.env.NODE_ENV === "production" ? {
|
30
30
|
target: "enirjj90"
|
31
31
|
} : {
|
32
32
|
target: "enirjj90",
|
33
33
|
label: "SkeletonRectangle"
|
34
|
-
})("height:", props => props.height ? props.height : '34px', ";width:", props => props.width ? props.width : '34px', ";border-radius:", props => props.borderRadius ? props.borderRadius : '0', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
34
|
+
})("height:", props => props.height ? props.height : '34px', ";width:", props => props.width ? props.width : '34px', ";border-radius:", props => props.borderRadius ? props.borderRadius : '0', ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQytEIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1NrZWxldG9uL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHsgSVByb3BzIH0gZnJvbSAnLi4vU2tlbGV0b24nXHJcblxyXG5jb25zdCBzaGltbWVyQmcgPSAnI2NjYydcclxuXHJcbmNvbnN0IHB1bHNlID0ga2V5ZnJhbWVzYFxyXG4gIDAlIHsgb3BhY2l0eTogMC42OyB9XHJcbiAgNTAlICB7IG9wYWNpdHk6IDAuMjsgfVxyXG4gIDEwMCUgeyBvcGFjaXR5OiAwLjY7IH1cclxuYFxyXG5cclxuY29uc3QgZGVmYXVsdFNoaW1tZXIgPSBzdHlsZWQuc3BhbmBcclxuICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XHJcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xyXG4gIG92ZXJmbG93OiBoaWRkZW47XHJcbiAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcclxuICBiYWNrZ3JvdW5kLWNvbG9yOiAke3NoaW1tZXJCZ307XHJcbiAgYW5pbWF0aW9uOiAke3B1bHNlfSAycyBpbmZpbml0ZTtcclxuYFxyXG5cclxuZXhwb3J0IGNvbnN0IFNrZWxldG9uUm93ID0gc3R5bGVkKGRlZmF1bHRTaGltbWVyKTxJUHJvcHM+YFxyXG4gIGhlaWdodDogJHsocHJvcHMpID0+IChwcm9wcy5oZWlnaHQgPyBwcm9wcy5oZWlnaHQgOiAnMWVtJyl9O1xyXG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnNjUlJyl9O1xyXG5gXHJcblxyXG5leHBvcnQgY29uc3QgU2tlbGV0b25DaXJjbGUgPSBzdHlsZWQoZGVmYXVsdFNoaW1tZXIpPElQcm9wcz5gXHJcbiAgaGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLmhlaWdodCA/IHByb3BzLmhlaWdodCA6ICczNHB4Jyl9O1xyXG4gIHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAnMzRweCcpfTtcclxuICBib3JkZXItcmFkaXVzOiA1MCU7XHJcbmBcclxuXHJcbmV4cG9ydCBjb25zdCBTa2VsZXRvblJlY3RhbmdsZSA9IHN0eWxlZChkZWZhdWx0U2hpbW1lcik8SVByb3BzPmBcclxuICBoZWlnaHQ6ICR7KHByb3BzKSA9PiAocHJvcHMuaGVpZ2h0ID8gcHJvcHMuaGVpZ2h0IDogJzM0cHgnKX07XHJcbiAgd2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6ICczNHB4Jyl9O1xyXG4gIGJvcmRlci1yYWRpdXM6ICR7KHByb3BzKSA9PiAocHJvcHMuYm9yZGVyUmFkaXVzID8gcHJvcHMuYm9yZGVyUmFkaXVzIDogJzAnKX07XHJcbmBcclxuIl19 */"));
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import React, { Dispatch, FC, SetStateAction } from 'react';
|
2
|
+
interface IProps {
|
3
|
+
init?: number | string;
|
4
|
+
onChange: (value: number | string) => void;
|
5
|
+
}
|
6
|
+
export interface ITabContextProps {
|
7
|
+
active: number | string;
|
8
|
+
setActive: Dispatch<SetStateAction<string | number>>;
|
9
|
+
}
|
10
|
+
export declare const TabContext: React.Context<ITabContextProps>;
|
11
|
+
export declare const TabContextProvider: FC<IProps>;
|
12
|
+
export {};
|
13
|
+
//# sourceMappingURL=TabContext.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"TabContext.d.ts","sourceRoot":"","sources":["../../../src/packages/core/TabNav/TabContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAA;AAGhF,UAAU,MAAM;IACd,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;CAC3C;AAGD,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC,CAAA;CACrD;AAED,eAAO,MAAM,UAAU,iCAGrB,CAAA;AAEF,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,MAAM,CAgBzC,CAAA"}
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import React, { useEffect, useState } from 'react'; // Props for the Provider.
|
2
|
+
|
3
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
4
|
+
export const TabContext = /*#__PURE__*/React.createContext({
|
5
|
+
active: 0,
|
6
|
+
setActive: () => {}
|
7
|
+
});
|
8
|
+
export const TabContextProvider = ({
|
9
|
+
children,
|
10
|
+
init,
|
11
|
+
onChange
|
12
|
+
}) => {
|
13
|
+
const [active, setActive] = useState(init || 0);
|
14
|
+
useEffect(() => {
|
15
|
+
onChange(active);
|
16
|
+
}, [active, onChange]);
|
17
|
+
return /*#__PURE__*/_jsx(TabContext.Provider, {
|
18
|
+
value: {
|
19
|
+
active,
|
20
|
+
setActive
|
21
|
+
},
|
22
|
+
children: children
|
23
|
+
});
|
24
|
+
};
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
export interface IProps {
|
3
|
+
/** Text and value that is being used on tab on tab */
|
4
|
+
value: string;
|
5
|
+
}
|
6
|
+
declare const TabNavItem: React.FC<IProps>;
|
7
|
+
export { TabNavItem };
|
8
|
+
export default TabNavItem;
|
9
|
+
//# sourceMappingURL=index.d.ts.map
|
@@ -0,0 +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;CACd;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAehC,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;AAErB,eAAe,UAAU,CAAA"}
|
@@ -0,0 +1,26 @@
|
|
1
|
+
/** @jsxImportSource @emotion/react */
|
2
|
+
import { useTheme } from '@emotion/react';
|
3
|
+
import React, { useContext } from 'react';
|
4
|
+
import { TabContext } from '../TabContext';
|
5
|
+
import { TabNavItemWrapper, styles } from './styles';
|
6
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
7
|
+
|
8
|
+
const TabNavItem = ({
|
9
|
+
value
|
10
|
+
}) => {
|
11
|
+
const theme = useTheme();
|
12
|
+
const {
|
13
|
+
active,
|
14
|
+
setActive
|
15
|
+
} = useContext(TabContext);
|
16
|
+
const isActive = value === active;
|
17
|
+
return _jsx(TabNavItemWrapper, {
|
18
|
+
onClick: () => setActive(value),
|
19
|
+
theme: theme,
|
20
|
+
css: t => [isActive && styles.active(t)],
|
21
|
+
children: value
|
22
|
+
});
|
23
|
+
};
|
24
|
+
|
25
|
+
export { TabNavItem };
|
26
|
+
export default TabNavItem;
|
@@ -0,0 +1,10 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { IAppTheme } from '../../../app-shell/theme';
|
3
|
+
export declare const TabNavItemWrapper: import("@emotion/styled").StyledComponent<{
|
4
|
+
theme?: import("@emotion/react").Theme | undefined;
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
6
|
+
}, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
|
7
|
+
export declare const styles: {
|
8
|
+
active: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
|
9
|
+
};
|
10
|
+
//# sourceMappingURL=styles.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/TabNav/TabNavItem/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEpD,eAAO,MAAM,iBAAiB;;;yGAuB7B,CAAA;AAED,eAAO,MAAM,MAAM;oBACD,SAAS;CAc1B,CAAA"}
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
2
|
+
import { css } from '@emotion/react';
|
3
|
+
export const TabNavItemWrapper = _styled("li", process.env.NODE_ENV === "production" ? {
|
4
|
+
target: "e169sb430"
|
5
|
+
} : {
|
6
|
+
target: "e169sb430",
|
7
|
+
label: "TabNavItemWrapper"
|
8
|
+
})(props => /*#__PURE__*/css("display:flex;cursor:pointer;padding:1rem;position:relative;font-size:16px;font-weight:bold;transition:all ease 250ms;&:hover{&::after{position:absolute;content:'';width:100%;height:4px;bottom:0;left:0;background-color:", props.theme.primary, ";z-index:1;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:TabNavItemWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLZ0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQubGkoXHJcbiAgKHByb3BzKSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcGFkZGluZzogMXJlbTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcblxyXG4gICAgJjpob3ZlciB7XHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xyXG4gIGFjdGl2ZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XHJcbiAgICBjc3NgXHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICB0cmFuc2l0aW9uOiBhbGwgZWFzZSAyNTBtcztcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG59XHJcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJaUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQubGkoXHJcbiAgKHByb3BzKSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcGFkZGluZzogMXJlbTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcblxyXG4gICAgJjpob3ZlciB7XHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xyXG4gIGFjdGl2ZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XHJcbiAgICBjc3NgXHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICB0cmFuc2l0aW9uOiBhbGwgZWFzZSAyNTBtcztcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG59XHJcbiJdfQ== */");
|
9
|
+
export const styles = {
|
10
|
+
active: theme => /*#__PURE__*/css("&::after{transition:all ease 250ms;position:absolute;content:'';width:100%;height:4px;bottom:0;left:0;background-color:", theme.primary, ";z-index:1;}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQk8iLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQubGkoXHJcbiAgKHByb3BzKSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcGFkZGluZzogMXJlbTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcblxyXG4gICAgJjpob3ZlciB7XHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xyXG4gIGFjdGl2ZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XHJcbiAgICBjc3NgXHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICB0cmFuc2l0aW9uOiBhbGwgZWFzZSAyNTBtcztcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG59XHJcbiJdfQ== */")
|
11
|
+
};
|
@@ -0,0 +1,23 @@
|
|
1
|
+
/** @jsxImportSource @emotion/react */
|
2
|
+
import React from 'react';
|
3
|
+
import { SerializedStyles } from '@emotion/react';
|
4
|
+
interface Props {
|
5
|
+
/** Default value, e.g. if values from the url */
|
6
|
+
defaultValue?: string | number;
|
7
|
+
/** onChange function, sends out the value to handle outside logic */
|
8
|
+
onChange: (value: string | number) => void;
|
9
|
+
/** Vertical alignment, e.g. usage for mobile */
|
10
|
+
vertical?: boolean;
|
11
|
+
/** Changes the color on the ::after element */
|
12
|
+
underlineColor?: string;
|
13
|
+
/** Sets the max width on the underline element */
|
14
|
+
maxWidth?: number;
|
15
|
+
/** Text color */
|
16
|
+
color?: string;
|
17
|
+
/** Alternative css */
|
18
|
+
css?: SerializedStyles;
|
19
|
+
}
|
20
|
+
declare const TabNav: React.FC<Props>;
|
21
|
+
export { TabNav };
|
22
|
+
export default TabNav;
|
23
|
+
//# sourceMappingURL=index.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/TabNav/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,gBAAgB,EAAY,MAAM,gBAAgB,CAAA;AAK3D,UAAU,KAAK;IACb,iDAAiD;IACjD,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC9B,qEAAqE;IACrE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;IAC1C,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,kDAAkD;IAClD,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sBAAsB;IACtB,GAAG,CAAC,EAAE,gBAAgB,CAAA;CACvB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAiC3B,CAAA;AAED,OAAO,EAAE,MAAM,EAAE,CAAA;AAEjB,eAAe,MAAM,CAAA"}
|
@@ -0,0 +1,32 @@
|
|
1
|
+
/** @jsxImportSource @emotion/react */
|
2
|
+
import React from 'react';
|
3
|
+
import { useTheme } from '@emotion/react';
|
4
|
+
import { TabContextProvider } from './TabContext';
|
5
|
+
import { styles, TabNavWrapper } from './styles';
|
6
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
7
|
+
|
8
|
+
const TabNav = ({
|
9
|
+
defaultValue,
|
10
|
+
children,
|
11
|
+
onChange,
|
12
|
+
css,
|
13
|
+
maxWidth,
|
14
|
+
color,
|
15
|
+
underlineColor,
|
16
|
+
vertical
|
17
|
+
}) => {
|
18
|
+
const theme = useTheme();
|
19
|
+
const initial = React.Children.map(children, child => child.props.value)?.[0];
|
20
|
+
return _jsx(TabContextProvider, {
|
21
|
+
onChange: onChange,
|
22
|
+
init: defaultValue || initial,
|
23
|
+
children: _jsx(TabNavWrapper, {
|
24
|
+
theme: theme,
|
25
|
+
css: () => [vertical && styles.vertical, color && styles.color(color), maxWidth && styles.maxWidth(maxWidth), underlineColor && styles.underlineColor(underlineColor), css],
|
26
|
+
children: children
|
27
|
+
})
|
28
|
+
});
|
29
|
+
};
|
30
|
+
|
31
|
+
export { TabNav };
|
32
|
+
export default TabNav;
|
@@ -0,0 +1,13 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const TabNavWrapper: import("@emotion/styled").StyledComponent<{
|
3
|
+
theme?: import("@emotion/react").Theme | undefined;
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
5
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
|
6
|
+
export declare const styles: {
|
7
|
+
maxWidth: (width: number) => import("@emotion/react").SerializedStyles;
|
8
|
+
color: (color: string) => import("@emotion/react").SerializedStyles;
|
9
|
+
underlineColor: (color: string) => import("@emotion/react").SerializedStyles;
|
10
|
+
vertical: import("@emotion/react").SerializedStyles;
|
11
|
+
};
|
12
|
+
export default styles;
|
13
|
+
//# sourceMappingURL=styles.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/TabNav/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,aAAa;;;6GAkBzB,CAAA;AAED,eAAO,MAAM,MAAM;sBACC,MAAM;mBAIT,MAAM;4BAKG,MAAM;;CAuB/B,CAAA;AAED,eAAe,MAAM,CAAA"}
|
@@ -0,0 +1,26 @@
|
|
1
|
+
import _styled from "@emotion/styled/base";
|
2
|
+
|
3
|
+
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
4
|
+
|
5
|
+
import { css } from '@emotion/react';
|
6
|
+
export const TabNavWrapper = _styled("ul", process.env.NODE_ENV === "production" ? {
|
7
|
+
target: "evtutk50"
|
8
|
+
} : {
|
9
|
+
target: "evtutk50",
|
10
|
+
label: "TabNavWrapper"
|
11
|
+
})(props => /*#__PURE__*/css("display:flex;width:100%;position:relative;padding:0;margin:0;&:after{content:'';display:block;width:100%;position:absolute;bottom:0;height:4px;background:", props.theme.border, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:TabNavWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSWdCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgVGFiTmF2V3JhcHBlciA9IHN0eWxlZC51bChcclxuICAocHJvcHMpID0+IGNzc2BcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIHBhZGRpbmc6IDA7XHJcbiAgICBtYXJnaW46IDA7XHJcblxyXG4gICAgJjphZnRlciB7XHJcbiAgICAgIGNvbnRlbnQ6ICcnO1xyXG4gICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgYm90dG9tOiAwO1xyXG4gICAgICBoZWlnaHQ6IDRweDtcclxuICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy50aGVtZS5ib3JkZXJ9O1xyXG4gICAgfVxyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcclxuICBtYXhXaWR0aDogKHdpZHRoOiBudW1iZXIpID0+IGNzc2BcclxuICAgIG1heC13aWR0aDogJHt3aWR0aH1weDtcclxuICBgLFxyXG5cclxuICBjb2xvcjogKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcclxuICAgICYgbGkge1xyXG4gICAgICBjb2xvcjogJHtjb2xvcn07XHJcbiAgICB9XHJcbiAgYCxcclxuICB1bmRlcmxpbmVDb2xvcjogKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcclxuICAgICYgbGk6OmFmdGVyLFxyXG4gICAgJiBsaTpob3Zlcjo6YWZ0ZXIge1xyXG4gICAgICBiYWNrZ3JvdW5kOiAke2NvbG9yfTtcclxuICAgIH1cclxuICBgLFxyXG4gIHZlcnRpY2FsOiBjc3NgXHJcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG5cclxuICAgICY6YWZ0ZXIge1xyXG4gICAgICBsZWZ0OiAwO1xyXG4gICAgICB0b3A6IDA7XHJcbiAgICAgIHdpZHRoOiA0cHg7XHJcbiAgICAgIGhlaWdodDogMTAwJTtcclxuICAgIH1cclxuXHJcbiAgICAmIGxpOjphZnRlcixcclxuICAgICYgbGk6aG92ZXI6OmFmdGVyIHtcclxuICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICB3aWR0aDogNHB4O1xyXG4gICAgICB0b3A6IDA7XHJcbiAgICB9XHJcbiAgYCxcclxufVxyXG5cclxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXHJcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzZCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgVGFiTmF2V3JhcHBlciA9IHN0eWxlZC51bChcclxuICAocHJvcHMpID0+IGNzc2BcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIHBhZGRpbmc6IDA7XHJcbiAgICBtYXJnaW46IDA7XHJcblxyXG4gICAgJjphZnRlciB7XHJcbiAgICAgIGNvbnRlbnQ6ICcnO1xyXG4gICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgYm90dG9tOiAwO1xyXG4gICAgICBoZWlnaHQ6IDRweDtcclxuICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy50aGVtZS5ib3JkZXJ9O1xyXG4gICAgfVxyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcclxuICBtYXhXaWR0aDogKHdpZHRoOiBudW1iZXIpID0+IGNzc2BcclxuICAgIG1heC13aWR0aDogJHt3aWR0aH1weDtcclxuICBgLFxyXG5cclxuICBjb2xvcjogKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcclxuICAgICYgbGkge1xyXG4gICAgICBjb2xvcjogJHtjb2xvcn07XHJcbiAgICB9XHJcbiAgYCxcclxuICB1bmRlcmxpbmVDb2xvcjogKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcclxuICAgICYgbGk6OmFmdGVyLFxyXG4gICAgJiBsaTpob3Zlcjo6YWZ0ZXIge1xyXG4gICAgICBiYWNrZ3JvdW5kOiAke2NvbG9yfTtcclxuICAgIH1cclxuICBgLFxyXG4gIHZlcnRpY2FsOiBjc3NgXHJcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG5cclxuICAgICY6YWZ0ZXIge1xyXG4gICAgICBsZWZ0OiAwO1xyXG4gICAgICB0b3A6IDA7XHJcbiAgICAgIHdpZHRoOiA0cHg7XHJcbiAgICAgIGhlaWdodDogMTAwJTtcclxuICAgIH1cclxuXHJcbiAgICAmIGxpOjphZnRlcixcclxuICAgICYgbGk6aG92ZXI6OmFmdGVyIHtcclxuICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICB3aWR0aDogNHB4O1xyXG4gICAgICB0b3A6IDA7XHJcbiAgICB9XHJcbiAgYCxcclxufVxyXG5cclxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXHJcbiJdfQ== */");
|
12
|
+
export const styles = {
|
13
|
+
maxWidth: width => /*#__PURE__*/css("max-width:", width, "px;" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0JrQyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9UYWJOYXYvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFRhYk5hdldyYXBwZXIgPSBzdHlsZWQudWwoXHJcbiAgKHByb3BzKSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICBwYWRkaW5nOiAwO1xyXG4gICAgbWFyZ2luOiAwO1xyXG5cclxuICAgICY6YWZ0ZXIge1xyXG4gICAgICBjb250ZW50OiAnJztcclxuICAgICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgIGJvdHRvbTogMDtcclxuICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMudGhlbWUuYm9yZGVyfTtcclxuICAgIH1cclxuICBgXHJcbilcclxuXHJcbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XHJcbiAgbWF4V2lkdGg6ICh3aWR0aDogbnVtYmVyKSA9PiBjc3NgXHJcbiAgICBtYXgtd2lkdGg6ICR7d2lkdGh9cHg7XHJcbiAgYCxcclxuXHJcbiAgY29sb3I6IChjb2xvcjogc3RyaW5nKSA9PiBjc3NgXHJcbiAgICAmIGxpIHtcclxuICAgICAgY29sb3I6ICR7Y29sb3J9O1xyXG4gICAgfVxyXG4gIGAsXHJcbiAgdW5kZXJsaW5lQ29sb3I6IChjb2xvcjogc3RyaW5nKSA9PiBjc3NgXHJcbiAgICAmIGxpOjphZnRlcixcclxuICAgICYgbGk6aG92ZXI6OmFmdGVyIHtcclxuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcn07XHJcbiAgICB9XHJcbiAgYCxcclxuICB2ZXJ0aWNhbDogY3NzYFxyXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuXHJcbiAgICAmOmFmdGVyIHtcclxuICAgICAgbGVmdDogMDtcclxuICAgICAgdG9wOiAwO1xyXG4gICAgICB3aWR0aDogNHB4O1xyXG4gICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICB9XHJcblxyXG4gICAgJiBsaTo6YWZ0ZXIsXHJcbiAgICAmIGxpOmhvdmVyOjphZnRlciB7XHJcbiAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgd2lkdGg6IDRweDtcclxuICAgICAgdG9wOiAwO1xyXG4gICAgfVxyXG4gIGAsXHJcbn1cclxuXHJcbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xyXG4iXX0= */"),
|
14
|
+
color: color => /*#__PURE__*/css("& li{color:", color, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEIrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9UYWJOYXYvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFRhYk5hdldyYXBwZXIgPSBzdHlsZWQudWwoXHJcbiAgKHByb3BzKSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICBwYWRkaW5nOiAwO1xyXG4gICAgbWFyZ2luOiAwO1xyXG5cclxuICAgICY6YWZ0ZXIge1xyXG4gICAgICBjb250ZW50OiAnJztcclxuICAgICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgIGJvdHRvbTogMDtcclxuICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMudGhlbWUuYm9yZGVyfTtcclxuICAgIH1cclxuICBgXHJcbilcclxuXHJcbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XHJcbiAgbWF4V2lkdGg6ICh3aWR0aDogbnVtYmVyKSA9PiBjc3NgXHJcbiAgICBtYXgtd2lkdGg6ICR7d2lkdGh9cHg7XHJcbiAgYCxcclxuXHJcbiAgY29sb3I6IChjb2xvcjogc3RyaW5nKSA9PiBjc3NgXHJcbiAgICAmIGxpIHtcclxuICAgICAgY29sb3I6ICR7Y29sb3J9O1xyXG4gICAgfVxyXG4gIGAsXHJcbiAgdW5kZXJsaW5lQ29sb3I6IChjb2xvcjogc3RyaW5nKSA9PiBjc3NgXHJcbiAgICAmIGxpOjphZnRlcixcclxuICAgICYgbGk6aG92ZXI6OmFmdGVyIHtcclxuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcn07XHJcbiAgICB9XHJcbiAgYCxcclxuICB2ZXJ0aWNhbDogY3NzYFxyXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuXHJcbiAgICAmOmFmdGVyIHtcclxuICAgICAgbGVmdDogMDtcclxuICAgICAgdG9wOiAwO1xyXG4gICAgICB3aWR0aDogNHB4O1xyXG4gICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICB9XHJcblxyXG4gICAgJiBsaTo6YWZ0ZXIsXHJcbiAgICAmIGxpOmhvdmVyOjphZnRlciB7XHJcbiAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgd2lkdGg6IDRweDtcclxuICAgICAgdG9wOiAwO1xyXG4gICAgfVxyXG4gIGAsXHJcbn1cclxuXHJcbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xyXG4iXX0= */"),
|
15
|
+
underlineColor: color => /*#__PURE__*/css("& li::after,& li:hover::after{background:", color, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUN3QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvcGFja2FnZXMvY29yZS9UYWJOYXYvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5cclxuZXhwb3J0IGNvbnN0IFRhYk5hdldyYXBwZXIgPSBzdHlsZWQudWwoXHJcbiAgKHByb3BzKSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgd2lkdGg6IDEwMCU7XHJcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XHJcbiAgICBwYWRkaW5nOiAwO1xyXG4gICAgbWFyZ2luOiAwO1xyXG5cclxuICAgICY6YWZ0ZXIge1xyXG4gICAgICBjb250ZW50OiAnJztcclxuICAgICAgZGlzcGxheTogYmxvY2s7XHJcbiAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgIGJvdHRvbTogMDtcclxuICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMudGhlbWUuYm9yZGVyfTtcclxuICAgIH1cclxuICBgXHJcbilcclxuXHJcbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XHJcbiAgbWF4V2lkdGg6ICh3aWR0aDogbnVtYmVyKSA9PiBjc3NgXHJcbiAgICBtYXgtd2lkdGg6ICR7d2lkdGh9cHg7XHJcbiAgYCxcclxuXHJcbiAgY29sb3I6IChjb2xvcjogc3RyaW5nKSA9PiBjc3NgXHJcbiAgICAmIGxpIHtcclxuICAgICAgY29sb3I6ICR7Y29sb3J9O1xyXG4gICAgfVxyXG4gIGAsXHJcbiAgdW5kZXJsaW5lQ29sb3I6IChjb2xvcjogc3RyaW5nKSA9PiBjc3NgXHJcbiAgICAmIGxpOjphZnRlcixcclxuICAgICYgbGk6aG92ZXI6OmFmdGVyIHtcclxuICAgICAgYmFja2dyb3VuZDogJHtjb2xvcn07XHJcbiAgICB9XHJcbiAgYCxcclxuICB2ZXJ0aWNhbDogY3NzYFxyXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcclxuXHJcbiAgICAmOmFmdGVyIHtcclxuICAgICAgbGVmdDogMDtcclxuICAgICAgdG9wOiAwO1xyXG4gICAgICB3aWR0aDogNHB4O1xyXG4gICAgICBoZWlnaHQ6IDEwMCU7XHJcbiAgICB9XHJcblxyXG4gICAgJiBsaTo6YWZ0ZXIsXHJcbiAgICAmIGxpOmhvdmVyOjphZnRlciB7XHJcbiAgICAgIGhlaWdodDogMTAwJTtcclxuICAgICAgd2lkdGg6IDRweDtcclxuICAgICAgdG9wOiAwO1xyXG4gICAgfVxyXG4gIGAsXHJcbn1cclxuXHJcbmV4cG9ydCBkZWZhdWx0IHN0eWxlc1xyXG4iXX0= */"),
|
16
|
+
vertical: process.env.NODE_ENV === "production" ? {
|
17
|
+
name: "8wppqs",
|
18
|
+
styles: "flex-direction:column;&:after{left:0;top:0;width:4px;height:100%;}& li::after,& li:hover::after{height:100%;width:4px;top:0;}"
|
19
|
+
} : {
|
20
|
+
name: "19e1ty5-vertical",
|
21
|
+
styles: "flex-direction:column;&:after{left:0;top:0;width:4px;height:100%;}& li::after,& li:hover::after{height:100%;width:4px;top:0;};label:vertical;",
|
22
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUNlIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgVGFiTmF2V3JhcHBlciA9IHN0eWxlZC51bChcclxuICAocHJvcHMpID0+IGNzc2BcclxuICAgIGRpc3BsYXk6IGZsZXg7XHJcbiAgICB3aWR0aDogMTAwJTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIHBhZGRpbmc6IDA7XHJcbiAgICBtYXJnaW46IDA7XHJcblxyXG4gICAgJjphZnRlciB7XHJcbiAgICAgIGNvbnRlbnQ6ICcnO1xyXG4gICAgICBkaXNwbGF5OiBibG9jaztcclxuICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcclxuICAgICAgYm90dG9tOiAwO1xyXG4gICAgICBoZWlnaHQ6IDRweDtcclxuICAgICAgYmFja2dyb3VuZDogJHtwcm9wcy50aGVtZS5ib3JkZXJ9O1xyXG4gICAgfVxyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcclxuICBtYXhXaWR0aDogKHdpZHRoOiBudW1iZXIpID0+IGNzc2BcclxuICAgIG1heC13aWR0aDogJHt3aWR0aH1weDtcclxuICBgLFxyXG5cclxuICBjb2xvcjogKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcclxuICAgICYgbGkge1xyXG4gICAgICBjb2xvcjogJHtjb2xvcn07XHJcbiAgICB9XHJcbiAgYCxcclxuICB1bmRlcmxpbmVDb2xvcjogKGNvbG9yOiBzdHJpbmcpID0+IGNzc2BcclxuICAgICYgbGk6OmFmdGVyLFxyXG4gICAgJiBsaTpob3Zlcjo6YWZ0ZXIge1xyXG4gICAgICBiYWNrZ3JvdW5kOiAke2NvbG9yfTtcclxuICAgIH1cclxuICBgLFxyXG4gIHZlcnRpY2FsOiBjc3NgXHJcbiAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xyXG5cclxuICAgICY6YWZ0ZXIge1xyXG4gICAgICBsZWZ0OiAwO1xyXG4gICAgICB0b3A6IDA7XHJcbiAgICAgIHdpZHRoOiA0cHg7XHJcbiAgICAgIGhlaWdodDogMTAwJTtcclxuICAgIH1cclxuXHJcbiAgICAmIGxpOjphZnRlcixcclxuICAgICYgbGk6aG92ZXI6OmFmdGVyIHtcclxuICAgICAgaGVpZ2h0OiAxMDAlO1xyXG4gICAgICB3aWR0aDogNHB4O1xyXG4gICAgICB0b3A6IDA7XHJcbiAgICB9XHJcbiAgYCxcclxufVxyXG5cclxuZXhwb3J0IGRlZmF1bHQgc3R5bGVzXHJcbiJdfQ== */",
|
23
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
24
|
+
}
|
25
|
+
};
|
26
|
+
export default styles;
|
@@ -1,3 +1,3 @@
|
|
1
|
-
export declare const useScreenOrientation: () => "
|
1
|
+
export declare const useScreenOrientation: () => "portrait-primary" | "landscape-primary" | "landscape-secondary" | "portrait-secondary";
|
2
2
|
export default useScreenOrientation;
|
3
3
|
//# sourceMappingURL=useScreenOrientation.d.ts.map
|
package/lib/index.d.ts
CHANGED
@@ -256,5 +256,7 @@ import TabItem from './core/TabBar/TabItem';
|
|
256
256
|
import Editor from './core/Editor';
|
257
257
|
import useScreenOrientation from './hooks/useScreenOrientation';
|
258
258
|
import SimpleLineChart from './core/SimpleLineChart/index';
|
259
|
-
|
259
|
+
import TabNavItem from './core/TabNav/TabNavItem';
|
260
|
+
import TabNav from './core/TabNav';
|
261
|
+
export { Topbar, Layout, LayoutShell, AppShell, AppLoader, Alert, Button, Card, Divider, Dropdown, Header, Input, Checkbox, Link, List, ListItem, Tag, Text, Footer, FooterCol, FooterGroup, FooterLabel, FooterLink, FooterButton, Radio, Skeleton, Html, CustomText, Select, Option, UserMenu, UserMenuOption, Modal, NotificationsMenu, NotificationRow, Table, Cell, Row, FileInput, Datepicker, Menu, AppPicker, MainMenu, MenuItem, MenuTop, SecondaryMenu, SecondaryMenuItem, MenuSpacer, Submenu, SubmenuItem, PreemptionCard, PreemptionCardLoading, PieChart, SimpleBarChart, SimpleLineChart, BarAndLineComposedChart, BarChartWithCustomizedEvent, IconApartment, IconArchives, IconArea, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconAttachment, IconBack, IconBath, IconBoard, IconBookmarkOutline, IconBookmarkFilled, IconBus, IconBlock, IconCar, IconCaretDown, IconCaretLeft, IconCaretUp, IconCaretRight, IconCheck, IconCheckedOutline, IconCheckedFilled, IconChevronLeft, IconChevronRight, IconChevronDown, IconClose, IconCloseAlt, IconComment, IconCompanyBuilding, IconDotFilled, IconDotOutline, IconDownload, IconDraft, IconElevator, IconErrorOutline, IconErrorFilled, IconExternalLink, IconEye, IconEyeDeny, IconFamily, IconFerry, IconFile, IconFileEdit, IconFileExcel, IconFilePDF, IconFileWord, IconFillOut, IconFloor, IconGarage, IconGrid, IconGym, IconHearth, IconHearthOutline, IconHelp, IconHistory, IconHouse, IconHumans, IconImportantComment, IconInbox, IconJointcost, IconJointcost2, IconKey, IconKitchen, IconLeisureTime, IconLock, IconLockLocked, IconLockOpen, IconMap, IconMail, IconMenu, IconMinus, IconMoney, IconParking, IconPaymentCard, IconPlus, IconPortalUser, IconReciept, IconRedo, IconRefresh, IconRoom, IconSave, IconSearch, IconSend, IconSettings, IconShopping, IconSign, IconStarFilled, IconStarHalf, IconStarOutline, IconStore, IconSubway, IconSwitch, IconTrain, IconTram, IconTransport, IconTypeOfBuilding, IconTypeOfBuildingOutline, IconUpload, IconUser, IconVote, IconWalk, IconWarning, IconWarningBell, IconZip, IconSort, IconFilterList, IconBellOutline, IconPlusAlt, IconPhone, IconHouseOutline, IconMembership, IconMembershipFilled, IconCalendar, IconInfoOutline, IconInfoFilled, IllustrationHouse, IllustrationHighHouseComposition, IllustrationHighHouse, IllustrationHouseComposition, IllustrationLowHouse, IllustrationLowHouseComposition, IllustrationSemiDetachedHouse, IllustrationSemiDetachedHouseComposition, IllustrationSmallHouse, IllustrationSmallHouseComposition, IllustrationTerraceBlock, IllustrationTerraceBlockComposition, IllustrationTownHouse, IllustrationTownHouseComposition, IllustrationHousesBackground, IllustrationHousesBackgroundWithComposition, IllustrationHouseMissing, IllustrationError, IllustrationErrorGeneric, IllustrationPaperCompleted, IllustrationPaperMissing, IllustrationMySiteBuilding, IllustrationMySiteCoffeeBook, IllustrationMySiteComputer, IllustrationMySiteGift, IllustrationMySitePapers, IllustrationMySitePiggyBank, IllustrationMySiteTransfer, IconCommunication, IconCommunicationFilled, IconCompanyBuildingOutline, IconCompanyBuildingFilled, IconDashboard, IconDashboardFilled, IconEconomy, IconEconomyFilled, IconWork, IconWorkFilled, IconProfile, IconProfileFilled, IconLookup, IconLookupFilled, IconDocument, IconDocumentFilled, IconEarth, IconEdit, IconMinusAlt, IconMinusAltFilled, IconUndo, IconVisa, IconMasterCard, IconBankAxept, IconAmericanExpress, IconFileCopy, useIsMobile, useScreenOrientation, getDomainFromUrl, getFormatedPhone, getUrlWithProtocol, getFormattedPrice, getFormattedPriceWithEnding, getFormattedDate, getTitleString, getDateIsValid, getReducedArray, getFormattedAccountNumber, getFormattedOrganizationNumber, isValidAccountNumber, getFormattedCardNumber, getFormattedTime, alpha, Box, Textarea, InfoButton, CommentsTimeline, CommentLine, HeaderCell, RowCell, TableHeader, TableRow, BoxedTable, CollapseList, CollapseListItem, Banner, Calendar, YearWheel, DropdownMenu, DropdownMenuOption, Timeline, TimelineStep, HighlightText, TabBar, TabItem, Editor, TabNav, TabNavItem, };
|
260
262
|
//# sourceMappingURL=index.d.ts.map
|