smarthr-ui 21.4.4 → 21.4.5
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 +7 -0
- package/esm/components/Header/Header.js +1 -1
- package/esm/components/Header/Header.js.map +1 -1
- package/esm/components/Header/HeaderDropdownButton.js +15 -11
- package/esm/components/Header/HeaderDropdownButton.js.map +1 -1
- package/esm/components/Header/HeaderLink.js +15 -11
- package/esm/components/Header/HeaderLink.js.map +1 -1
- package/lib/components/Header/Header.js +1 -1
- package/lib/components/Header/Header.js.map +1 -1
- package/lib/components/Header/HeaderDropdownButton.js +15 -11
- package/lib/components/Header/HeaderDropdownButton.js.map +1 -1
- package/lib/components/Header/HeaderLink.js +15 -11
- package/lib/components/Header/HeaderLink.js.map +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
### [21.4.5](https://github.com/kufu/smarthr-ui/compare/v21.4.4...v21.4.5) (2022-06-24)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* `Header` の theme 参照修正のバックポート対応 ([#2605](https://github.com/kufu/smarthr-ui/issues/2605)) ([0a79803](https://github.com/kufu/smarthr-ui/commit/0a79803cc5ba27ab44a9230aa9db9c0e71768965))
|
|
11
|
+
|
|
5
12
|
### [21.4.4](https://github.com/kufu/smarthr-ui/compare/v21.4.3...v21.4.4) (2022-06-23)
|
|
6
13
|
|
|
7
14
|
|
|
@@ -17,7 +17,7 @@ export const Header = ({ logo = React.createElement(SmartHRLogo, { height: "1.5e
|
|
|
17
17
|
}
|
|
18
18
|
return tenants;
|
|
19
19
|
}, [currentTenantId, tenants]);
|
|
20
|
-
const tenantInfo = useMemo(() => Array.isArray(tenants) ? (React.createElement(HeaderDropdownButton, { label: currentTenantName }, tenants.map(({ id, name }) => (React.createElement(Button, { key: id, onClick: () => onTenantSelect && onTenantSelect(id) }, name))))) : (React.createElement(TenantName, { themes: theme }, currentTenantName)), [currentTenantName, onTenantSelect, tenants]);
|
|
20
|
+
const tenantInfo = useMemo(() => Array.isArray(tenants) ? (React.createElement(HeaderDropdownButton, { label: currentTenantName }, tenants.map(({ id, name }) => (React.createElement(Button, { key: id, onClick: () => onTenantSelect && onTenantSelect(id) }, name))))) : (React.createElement(TenantName, { themes: theme }, currentTenantName)), [currentTenantName, onTenantSelect, tenants, theme]);
|
|
21
21
|
return (React.createElement(Wrapper, { className: `${className} ${classNames.wrapper}`, themes: theme },
|
|
22
22
|
React.createElement(Cluster, { align: "center", gap: { column: 0.25, row: 0 } },
|
|
23
23
|
React.createElement(LogoLink, { href: logoHref, className: classNames.logo, themes: theme }, logo),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgC,OAAO,EAAE,MAAM,OAAO,CAAA;AACpE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,oBAAoB,EAAE,MAAM,IAAI,CAAA;AAwBzC,MAAM,CAAC,MAAM,MAAM,GAAoC,CAAC,EACtD,IAAI,GAAG,oBAAC,WAAW,IAAC,MAAM,EAAC,OAAO,GAAG,EACrC,QAAQ,GAAG,GAAG,EACd,OAAO,EACP,eAAe,EACf,cAAc,EACd,QAAQ,EACR,SAAS,GACV,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,iBAAiB,GAAG,OAAO,CAAC,GAAG,EAAE;QACrC,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAC1B,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,eAAe,CAAC,CAAA;YAChE,OAAO,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;SAChD;QAED,OAAO,OAAO,CAAA;IAChB,CAAC,EAAE,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC,CAAA;IAC9B,MAAM,UAAU,GAAG,OAAO,CACxB,GAAG,EAAE,CACH,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CACvB,oBAAC,oBAAoB,IAAC,KAAK,EAAE,iBAAiB,IAC3C,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC7B,oBAAC,MAAM,IAAC,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,IAAI,cAAc,CAAC,EAAE,CAAC,IACjE,IAAI,CACE,CACV,CAAC,CACmB,CACxB,CAAC,CAAC,CAAC,CACF,oBAAC,UAAU,IAAC,MAAM,EAAE,KAAK,IAAG,iBAAiB,CAAc,CAC5D,EACH,CAAC,iBAAiB,EAAE,cAAc,EAAE,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +1,23 @@
|
|
|
1
1
|
import styled, { css } from 'styled-components';
|
|
2
|
+
import { useTheme } from '../../hooks/useTheme';
|
|
2
3
|
import { DropdownButton } from '../Dropdown';
|
|
3
4
|
export const HeaderDropdownButton = styled(DropdownButton) `
|
|
4
5
|
> .smarthr-ui-DropdownButton-trigger {
|
|
5
|
-
${(
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
6
|
+
${() => {
|
|
7
|
+
const { color, spacingByChar } = useTheme();
|
|
8
|
+
return css `
|
|
9
|
+
border-color: transparent;
|
|
10
|
+
background-color: transparent;
|
|
11
|
+
padding-inline: ${spacingByChar(0.25)};
|
|
12
|
+
color: ${color.TEXT_WHITE};
|
|
13
|
+
font-weight: normal;
|
|
11
14
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
&:last-of-type {
|
|
16
|
+
/* ボタンの余白分だけ微調整 */
|
|
17
|
+
margin-inline-end: ${spacingByChar(-0.25)};
|
|
18
|
+
}
|
|
19
|
+
`;
|
|
20
|
+
}}
|
|
17
21
|
}
|
|
18
22
|
`;
|
|
19
23
|
//# sourceMappingURL=HeaderDropdownButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderDropdownButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderDropdownButton.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAE5C,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,cAAc,CAAC,CAAA;;MAEpD,
|
|
1
|
+
{"version":3,"file":"HeaderDropdownButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderDropdownButton.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;AAE5C,MAAM,CAAC,MAAM,oBAAoB,GAAG,MAAM,CAAC,cAAc,CAAC,CAAA;;MAEpD,GAAG,EAAE;IACL,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,QAAQ,EAAE,CAAA;IAC3C,OAAO,GAAG,CAAA;;;0BAGU,aAAa,CAAC,IAAI,CAAC;iBAC5B,KAAK,CAAC,UAAU;;;;;+BAKF,aAAa,CAAC,CAAC,IAAI,CAAC;;OAE5C,CAAA;AACH,CAAC;;CAEJ,CAAA"}
|
|
@@ -1,18 +1,22 @@
|
|
|
1
1
|
import styled, { css } from 'styled-components';
|
|
2
|
+
import { useTheme } from '../../hooks/useTheme';
|
|
2
3
|
import { TextLink } from '../TextLink';
|
|
3
4
|
export const HeaderLink = styled(TextLink).attrs({ target: '_blank', suffix: null }) `
|
|
4
|
-
${(
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
&:hover {
|
|
5
|
+
${() => {
|
|
6
|
+
const { color, shadow, spacingByChar } = useTheme();
|
|
7
|
+
return css `
|
|
8
|
+
padding-inline: ${spacingByChar(0.25)};
|
|
10
9
|
color: ${color.TEXT_WHITE};
|
|
11
|
-
|
|
10
|
+
box-shadow: unset;
|
|
11
|
+
|
|
12
|
+
&:hover {
|
|
13
|
+
color: ${color.TEXT_WHITE};
|
|
14
|
+
}
|
|
12
15
|
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
16
|
+
&:focus-visible {
|
|
17
|
+
${shadow.focusIndicatorStyles}
|
|
18
|
+
}
|
|
19
|
+
`;
|
|
20
|
+
}}
|
|
17
21
|
`;
|
|
18
22
|
//# sourceMappingURL=HeaderLink.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderLink.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderLink.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAA;IAChF,
|
|
1
|
+
{"version":3,"file":"HeaderLink.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderLink.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAA;IAChF,GAAG,EAAE;IACL,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,QAAQ,EAAE,CAAA;IACnD,OAAO,GAAG,CAAA;wBACU,aAAa,CAAC,IAAI,CAAC;eAC5B,KAAK,CAAC,UAAU;;;;iBAId,KAAK,CAAC,UAAU;;;;UAIvB,MAAM,CAAC,oBAAoB;;KAEhC,CAAA;AACH,CAAC;CACF,CAAA"}
|
|
@@ -43,7 +43,7 @@ const Header = ({ logo = react_1.default.createElement(SmartHRLogo_1.SmartHRLogo
|
|
|
43
43
|
}
|
|
44
44
|
return tenants;
|
|
45
45
|
}, [currentTenantId, tenants]);
|
|
46
|
-
const tenantInfo = (0, react_1.useMemo)(() => Array.isArray(tenants) ? (react_1.default.createElement(_1.HeaderDropdownButton, { label: currentTenantName }, tenants.map(({ id, name }) => (react_1.default.createElement(Button_1.Button, { key: id, onClick: () => onTenantSelect && onTenantSelect(id) }, name))))) : (react_1.default.createElement(TenantName, { themes: theme }, currentTenantName)), [currentTenantName, onTenantSelect, tenants]);
|
|
46
|
+
const tenantInfo = (0, react_1.useMemo)(() => Array.isArray(tenants) ? (react_1.default.createElement(_1.HeaderDropdownButton, { label: currentTenantName }, tenants.map(({ id, name }) => (react_1.default.createElement(Button_1.Button, { key: id, onClick: () => onTenantSelect && onTenantSelect(id) }, name))))) : (react_1.default.createElement(TenantName, { themes: theme }, currentTenantName)), [currentTenantName, onTenantSelect, tenants, theme]);
|
|
47
47
|
return (react_1.default.createElement(Wrapper, { className: `${className} ${classNames.wrapper}`, themes: theme },
|
|
48
48
|
react_1.default.createElement(Layout_1.Cluster, { align: "center", gap: { column: 0.25, row: 0 } },
|
|
49
49
|
react_1.default.createElement(LogoLink, { href: logoHref, className: classNames.logo, themes: theme }, logo),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoE;AACpE,uEAA+C;AAE/C,mDAAsD;AACtD,mDAA+C;AAE/C,sCAAmC;AACnC,gDAA4C;AAC5C,kCAA8B;AAC9B,sCAAkC;AAClC,yBAAyC;AAwBlC,MAAM,MAAM,GAAoC,CAAC,EACtD,IAAI,GAAG,8BAAC,yBAAW,IAAC,MAAM,EAAC,OAAO,GAAG,EACrC,QAAQ,GAAG,GAAG,EACd,OAAO,EACP,eAAe,EACf,cAAc,EACd,QAAQ,EACR,SAAS,GACV,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAClC,MAAM,iBAAiB,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACrC,IAAI,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;YAC1B,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,eAAe,CAAC,CAAA;YAChE,OAAO,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;SAChD;QAED,OAAO,OAAO,CAAA;IAChB,CAAC,EAAE,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC,CAAA;IAC9B,MAAM,UAAU,GAAG,IAAA,eAAO,EACxB,GAAG,EAAE,CACH,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CACvB,8BAAC,uBAAoB,IAAC,KAAK,EAAE,iBAAiB,IAC3C,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,CAC7B,8BAAC,eAAM,IAAC,GAAG,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,cAAc,IAAI,cAAc,CAAC,EAAE,CAAC,IACjE,IAAI,CACE,CACV,CAAC,CACmB,CACxB,CAAC,CAAC,CAAC,CACF,8BAAC,UAAU,IAAC,MAAM,EAAE,KAAK,IAAG,iBAAiB,CAAc,CAC5D,EACH,CAAC,iBAAiB,EAAE,cAAc,EAAE,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../src/components/Header/Header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -25,21 +25,25 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
26
|
exports.HeaderDropdownButton = void 0;
|
|
27
27
|
const styled_components_1 = __importStar(require("styled-components"));
|
|
28
|
+
const useTheme_1 = require("../../hooks/useTheme");
|
|
28
29
|
const Dropdown_1 = require("../Dropdown");
|
|
29
30
|
exports.HeaderDropdownButton = (0, styled_components_1.default)(Dropdown_1.DropdownButton) `
|
|
30
31
|
> .smarthr-ui-DropdownButton-trigger {
|
|
31
|
-
${(
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
32
|
+
${() => {
|
|
33
|
+
const { color, spacingByChar } = (0, useTheme_1.useTheme)();
|
|
34
|
+
return (0, styled_components_1.css) `
|
|
35
|
+
border-color: transparent;
|
|
36
|
+
background-color: transparent;
|
|
37
|
+
padding-inline: ${spacingByChar(0.25)};
|
|
38
|
+
color: ${color.TEXT_WHITE};
|
|
39
|
+
font-weight: normal;
|
|
37
40
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
41
|
+
&:last-of-type {
|
|
42
|
+
/* ボタンの余白分だけ微調整 */
|
|
43
|
+
margin-inline-end: ${spacingByChar(-0.25)};
|
|
44
|
+
}
|
|
45
|
+
`;
|
|
46
|
+
}}
|
|
43
47
|
}
|
|
44
48
|
`;
|
|
45
49
|
//# sourceMappingURL=HeaderDropdownButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderDropdownButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderDropdownButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA+C;AAE/C,0CAA4C;AAE/B,QAAA,oBAAoB,GAAG,IAAA,2BAAM,EAAC,yBAAc,CAAC,CAAA;;MAEpD,
|
|
1
|
+
{"version":3,"file":"HeaderDropdownButton.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderDropdownButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA+C;AAE/C,mDAA+C;AAC/C,0CAA4C;AAE/B,QAAA,oBAAoB,GAAG,IAAA,2BAAM,EAAC,yBAAc,CAAC,CAAA;;MAEpD,GAAG,EAAE;IACL,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAC3C,OAAO,IAAA,uBAAG,EAAA;;;0BAGU,aAAa,CAAC,IAAI,CAAC;iBAC5B,KAAK,CAAC,UAAU;;;;;+BAKF,aAAa,CAAC,CAAC,IAAI,CAAC;;OAE5C,CAAA;AACH,CAAC;;CAEJ,CAAA"}
|
|
@@ -25,20 +25,24 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
26
|
exports.HeaderLink = void 0;
|
|
27
27
|
const styled_components_1 = __importStar(require("styled-components"));
|
|
28
|
+
const useTheme_1 = require("../../hooks/useTheme");
|
|
28
29
|
const TextLink_1 = require("../TextLink");
|
|
29
30
|
exports.HeaderLink = (0, styled_components_1.default)(TextLink_1.TextLink).attrs({ target: '_blank', suffix: null }) `
|
|
30
|
-
${(
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
&:hover {
|
|
31
|
+
${() => {
|
|
32
|
+
const { color, shadow, spacingByChar } = (0, useTheme_1.useTheme)();
|
|
33
|
+
return (0, styled_components_1.css) `
|
|
34
|
+
padding-inline: ${spacingByChar(0.25)};
|
|
36
35
|
color: ${color.TEXT_WHITE};
|
|
37
|
-
|
|
36
|
+
box-shadow: unset;
|
|
38
37
|
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
38
|
+
&:hover {
|
|
39
|
+
color: ${color.TEXT_WHITE};
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
&:focus-visible {
|
|
43
|
+
${shadow.focusIndicatorStyles}
|
|
44
|
+
}
|
|
45
|
+
`;
|
|
46
|
+
}}
|
|
43
47
|
`;
|
|
44
48
|
//# sourceMappingURL=HeaderLink.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeaderLink.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA+C;AAE/C,0CAAsC;AAEzB,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,mBAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAA;IAChF,
|
|
1
|
+
{"version":3,"file":"HeaderLink.js","sourceRoot":"","sources":["../../../src/components/Header/HeaderLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA+C;AAE/C,mDAA+C;AAC/C,0CAAsC;AAEzB,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,mBAAQ,CAAC,CAAC,KAAK,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAA;IAChF,GAAG,EAAE;IACL,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACnD,OAAO,IAAA,uBAAG,EAAA;wBACU,aAAa,CAAC,IAAI,CAAC;eAC5B,KAAK,CAAC,UAAU;;;;iBAId,KAAK,CAAC,UAAU;;;;UAIvB,MAAM,CAAC,oBAAoB;;KAEhC,CAAA;AACH,CAAC;CACF,CAAA"}
|