@bbl-digital/snorre 2.2.159 → 2.2.162
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/bundle.js +221 -229
- package/esm/core/Select/Option.js +7 -1
- package/esm/core/TabNav/TabNavItem/index.js +13 -46
- package/esm/core/TabNav/TabNavItem/styles.js +3 -9
- package/esm/core/TabNav/utils/useContainerDimensions.js +2 -8
- package/esm/core/Tag/index.js +4 -0
- package/esm/globals/styles/styles.js +12 -0
- package/esm/layout/LayoutShell/index.js +37 -26
- package/esm/layout/LayoutShell/styles.js +12 -10
- package/esm/layout/Menu/AppPicker/styles.js +4 -3
- package/esm/layout/Menu/SecondaryMenu/styles.js +5 -4
- package/lib/core/Select/Option.d.ts +4 -0
- package/lib/core/Select/Option.d.ts.map +1 -1
- package/lib/core/Select/Option.js +7 -1
- package/lib/core/TabNav/TabNavItem/index.d.ts +0 -4
- package/lib/core/TabNav/TabNavItem/index.d.ts.map +1 -1
- package/lib/core/TabNav/TabNavItem/index.js +13 -46
- package/lib/core/TabNav/TabNavItem/styles.d.ts +0 -7
- package/lib/core/TabNav/TabNavItem/styles.d.ts.map +1 -1
- package/lib/core/TabNav/TabNavItem/styles.js +3 -9
- package/lib/core/TabNav/utils/useContainerDimensions.d.ts +0 -3
- package/lib/core/TabNav/utils/useContainerDimensions.d.ts.map +1 -1
- package/lib/core/TabNav/utils/useContainerDimensions.js +2 -8
- package/lib/core/Tag/index.d.ts +4 -0
- package/lib/core/Tag/index.d.ts.map +1 -1
- package/lib/core/Tag/index.js +4 -0
- package/lib/globals/styles/styles.d.ts +2 -0
- package/lib/globals/styles/styles.d.ts.map +1 -0
- package/lib/globals/styles/styles.js +12 -0
- package/lib/layout/LayoutShell/index.d.ts +5 -0
- package/lib/layout/LayoutShell/index.d.ts.map +1 -1
- package/lib/layout/LayoutShell/index.js +37 -26
- package/lib/layout/LayoutShell/styles.d.ts +2 -0
- package/lib/layout/LayoutShell/styles.d.ts.map +1 -1
- package/lib/layout/LayoutShell/styles.js +12 -10
- package/lib/layout/Menu/AppPicker/styles.d.ts.map +1 -1
- package/lib/layout/Menu/AppPicker/styles.js +4 -3
- package/lib/layout/Menu/SecondaryMenu/styles.d.ts.map +1 -1
- package/lib/layout/Menu/SecondaryMenu/styles.js +5 -4
- package/package.json +1 -1
|
@@ -5,18 +5,19 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringif
|
|
|
5
5
|
import { css } from '@emotion/react';
|
|
6
6
|
import bp from '../../../globals/styles/breakpoints';
|
|
7
7
|
import Button from '../../../core/Button';
|
|
8
|
+
import { defaultOutline } from '../../../globals/styles/styles';
|
|
8
9
|
export const Wrapper = /*#__PURE__*/_styled(Button, process.env.NODE_ENV === "production" ? {
|
|
9
10
|
target: "eerewvt2"
|
|
10
11
|
} : {
|
|
11
12
|
target: "eerewvt2",
|
|
12
13
|
label: "Wrapper"
|
|
13
|
-
})(props => /*#__PURE__*/css("height:", props.selected ? '70px' : '50px', ";width:", !props.selected ? '50px' : !props.small ? '66px' : 'auto', ";border-radius:8px;position:relative;background-color:", !props.small ? props.selected ? props.selectedcolor : props.deselectedcolor : 'transparent', ";span{display:flex;flex-direction:column;justify-content:center;align-items:center;}@media screen and (max-width: ", bp.medium, "){height:", props.selected ? '60px' : '48px', ";width:", props.selected ? '55%' : '45%', ";span{flex-direction:row;}}&:hover,&:focus{background-color:", !props.small ? props.selected ? props.selectedcolor : props.deselectedcolor : 'transparent', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14
|
+
})(props => /*#__PURE__*/css("height:", props.selected ? '70px' : '50px', ";width:", !props.selected ? '50px' : !props.small ? '66px' : 'auto', ";border-radius:8px;position:relative;background-color:", !props.small ? props.selected ? props.selectedcolor : props.deselectedcolor : 'transparent', ";span{display:flex;flex-direction:column;justify-content:center;align-items:center;}@media screen and (max-width: ", bp.medium, "){height:", props.selected ? '60px' : '48px', ";width:", props.selected ? '55%' : '45%', ";span{flex-direction:row;}}&:hover,&:focus{background-color:", !props.small ? props.selected ? props.selectedcolor : props.deselectedcolor : 'transparent', ";}&:focus-visible{outline:", defaultOutline, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:Wrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9BcHBQaWNrZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU9xQiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvbGF5b3V0L01lbnUvQXBwUGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uLy4uLy4uL2NvcmUvQnV0dG9uJ1xuaW1wb3J0IHsgZGVmYXVsdE91dGxpbmUgfSBmcm9tICcuLi8uLi8uLi9nbG9iYWxzL3N0eWxlcy9zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkKEJ1dHRvbikoXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgaGVpZ2h0OiAke3Byb3BzLnNlbGVjdGVkID8gJzcwcHgnIDogJzUwcHgnfTtcbiAgICB3aWR0aDogJHshcHJvcHMuc2VsZWN0ZWQgPyAnNTBweCcgOiAhcHJvcHMuc21hbGwgPyAnNjZweCcgOiAnYXV0byd9O1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHshcHJvcHMuc21hbGxcbiAgICAgID8gcHJvcHMuc2VsZWN0ZWRcbiAgICAgICAgPyBwcm9wcy5zZWxlY3RlZGNvbG9yXG4gICAgICAgIDogcHJvcHMuZGVzZWxlY3RlZGNvbG9yXG4gICAgICA6ICd0cmFuc3BhcmVudCd9O1xuICAgIHNwYW4ge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgfVxuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgICBoZWlnaHQ6ICR7cHJvcHMuc2VsZWN0ZWQgPyAnNjBweCcgOiAnNDhweCd9O1xuICAgICAgd2lkdGg6ICR7cHJvcHMuc2VsZWN0ZWQgPyAnNTUlJyA6ICc0NSUnfTtcblxuICAgICAgc3BhbiB7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cbiAgICAgICAgc3BhbiB7XG4gICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICY6aG92ZXIsXG4gICAgJjpmb2N1cyB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyFwcm9wcy5zbWFsbFxuICAgICAgICA/IHByb3BzLnNlbGVjdGVkXG4gICAgICAgICAgPyBwcm9wcy5zZWxlY3RlZGNvbG9yXG4gICAgICAgICAgOiBwcm9wcy5kZXNlbGVjdGVkY29sb3JcbiAgICAgICAgOiAndHJhbnNwYXJlbnQnfTtcbiAgICB9XG5cbiAgICAmOmZvY3VzLXZpc2libGUge1xuICAgICAgb3V0bGluZTogJHtkZWZhdWx0T3V0bGluZX07XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgJi5zZWxlY3RlZCB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgaGVpZ2h0OiA0MHB4O1xuICAgICAgd2lkdGg6IDQwcHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLnNtYWxsID8gcHJvcHMuYmdTbWFsbCA6IHByb3BzLmJnfTtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuMmVtO1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQWJzb2x1dGVUZXh0ID0gc3R5bGVkLnNwYW5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGluZS1oZWlnaHQ6IG5vcm1hbDtcbiAgYm90dG9tOiBjYWxjKC0xMXB4IC0gNXB4KTtcbiAgb3BhY2l0eTogMC41O1xuYFxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9BcHBQaWNrZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU11QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvcGFja2FnZXMvbGF5b3V0L01lbnUvQXBwUGlja2VyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5pbXBvcnQgQnV0dG9uIGZyb20gJy4uLy4uLy4uL2NvcmUvQnV0dG9uJ1xuaW1wb3J0IHsgZGVmYXVsdE91dGxpbmUgfSBmcm9tICcuLi8uLi8uLi9nbG9iYWxzL3N0eWxlcy9zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBXcmFwcGVyID0gc3R5bGVkKEJ1dHRvbikoXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgaGVpZ2h0OiAke3Byb3BzLnNlbGVjdGVkID8gJzcwcHgnIDogJzUwcHgnfTtcbiAgICB3aWR0aDogJHshcHJvcHMuc2VsZWN0ZWQgPyAnNTBweCcgOiAhcHJvcHMuc21hbGwgPyAnNjZweCcgOiAnYXV0byd9O1xuICAgIGJvcmRlci1yYWRpdXM6IDhweDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHshcHJvcHMuc21hbGxcbiAgICAgID8gcHJvcHMuc2VsZWN0ZWRcbiAgICAgICAgPyBwcm9wcy5zZWxlY3RlZGNvbG9yXG4gICAgICAgIDogcHJvcHMuZGVzZWxlY3RlZGNvbG9yXG4gICAgICA6ICd0cmFuc3BhcmVudCd9O1xuICAgIHNwYW4ge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgfVxuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgICBoZWlnaHQ6ICR7cHJvcHMuc2VsZWN0ZWQgPyAnNjBweCcgOiAnNDhweCd9O1xuICAgICAgd2lkdGg6ICR7cHJvcHMuc2VsZWN0ZWQgPyAnNTUlJyA6ICc0NSUnfTtcblxuICAgICAgc3BhbiB7XG4gICAgICAgIGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cbiAgICAgICAgc3BhbiB7XG4gICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAwLjVlbTtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICY6aG92ZXIsXG4gICAgJjpmb2N1cyB7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAkeyFwcm9wcy5zbWFsbFxuICAgICAgICA/IHByb3BzLnNlbGVjdGVkXG4gICAgICAgICAgPyBwcm9wcy5zZWxlY3RlZGNvbG9yXG4gICAgICAgICAgOiBwcm9wcy5kZXNlbGVjdGVkY29sb3JcbiAgICAgICAgOiAndHJhbnNwYXJlbnQnfTtcbiAgICB9XG5cbiAgICAmOmZvY3VzLXZpc2libGUge1xuICAgICAgb3V0bGluZTogJHtkZWZhdWx0T3V0bGluZX07XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5kaXYoXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgJi5zZWxlY3RlZCB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgYm9yZGVyLXJhZGl1czogNTAlO1xuICAgICAgaGVpZ2h0OiA0MHB4O1xuICAgICAgd2lkdGg6IDQwcHg7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLnNtYWxsID8gcHJvcHMuYmdTbWFsbCA6IHByb3BzLmJnfTtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuMmVtO1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgQWJzb2x1dGVUZXh0ID0gc3R5bGVkLnNwYW5gXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGluZS1oZWlnaHQ6IG5vcm1hbDtcbiAgYm90dG9tOiBjYWxjKC0xMXB4IC0gNXB4KTtcbiAgb3BhY2l0eTogMC41O1xuYFxuIl19 */");
|
|
14
15
|
export const IconWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
|
15
16
|
target: "eerewvt1"
|
|
16
17
|
} : {
|
|
17
18
|
target: "eerewvt1",
|
|
18
19
|
label: "IconWrapper"
|
|
19
|
-
})(props => /*#__PURE__*/css("&.selected{display:flex;align-items:center;justify-content:center;border-radius:50%;height:40px;width:40px;background-color:", props.small ? props.bgSmall : props.bg, ";margin-bottom:0.2em;}" + (process.env.NODE_ENV === "production" ? "" : ";label:IconWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
20
|
+
})(props => /*#__PURE__*/css("&.selected{display:flex;align-items:center;justify-content:center;border-radius:50%;height:40px;width:40px;background-color:", props.small ? props.bgSmall : props.bg, ";margin-bottom:0.2em;}" + (process.env.NODE_ENV === "production" ? "" : ";label:IconWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9BcHBQaWNrZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNEcUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9NZW51L0FwcFBpY2tlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi8uLi9jb3JlL0J1dHRvbidcbmltcG9ydCB7IGRlZmF1bHRPdXRsaW5lIH0gZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvc3R5bGVzJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZChCdXR0b24pKFxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxuICAgIGhlaWdodDogJHtwcm9wcy5zZWxlY3RlZCA/ICc3MHB4JyA6ICc1MHB4J307XG4gICAgd2lkdGg6ICR7IXByb3BzLnNlbGVjdGVkID8gJzUwcHgnIDogIXByb3BzLnNtYWxsID8gJzY2cHgnIDogJ2F1dG8nfTtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7IXByb3BzLnNtYWxsXG4gICAgICA/IHByb3BzLnNlbGVjdGVkXG4gICAgICAgID8gcHJvcHMuc2VsZWN0ZWRjb2xvclxuICAgICAgICA6IHByb3BzLmRlc2VsZWN0ZWRjb2xvclxuICAgICAgOiAndHJhbnNwYXJlbnQnfTtcbiAgICBzcGFuIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgICAgaGVpZ2h0OiAke3Byb3BzLnNlbGVjdGVkID8gJzYwcHgnIDogJzQ4cHgnfTtcbiAgICAgIHdpZHRoOiAke3Byb3BzLnNlbGVjdGVkID8gJzU1JScgOiAnNDUlJ307XG5cbiAgICAgIHNwYW4ge1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICAgICAgIHNwYW4ge1xuICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICBtYXJnaW4tbGVmdDogMC41ZW07XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHshcHJvcHMuc21hbGxcbiAgICAgICAgPyBwcm9wcy5zZWxlY3RlZFxuICAgICAgICAgID8gcHJvcHMuc2VsZWN0ZWRjb2xvclxuICAgICAgICAgIDogcHJvcHMuZGVzZWxlY3RlZGNvbG9yXG4gICAgICAgIDogJ3RyYW5zcGFyZW50J307XG4gICAgfVxuXG4gICAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAgIG91dGxpbmU6ICR7ZGVmYXVsdE91dGxpbmV9O1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgSWNvbldyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxuICAgICYuc2VsZWN0ZWQge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgIGhlaWdodDogNDBweDtcbiAgICAgIHdpZHRoOiA0MHB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5zbWFsbCA/IHByb3BzLmJnU21hbGwgOiBwcm9wcy5iZ307XG4gICAgICBtYXJnaW4tYm90dG9tOiAwLjJlbTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IEFic29sdXRlVGV4dCA9IHN0eWxlZC5zcGFuYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxpbmUtaGVpZ2h0OiBub3JtYWw7XG4gIGJvdHRvbTogY2FsYygtMTFweCAtIDVweCk7XG4gIG9wYWNpdHk6IDAuNTtcbmBcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9BcHBQaWNrZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFEMkIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9NZW51L0FwcFBpY2tlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi8uLi9jb3JlL0J1dHRvbidcbmltcG9ydCB7IGRlZmF1bHRPdXRsaW5lIH0gZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvc3R5bGVzJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZChCdXR0b24pKFxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxuICAgIGhlaWdodDogJHtwcm9wcy5zZWxlY3RlZCA/ICc3MHB4JyA6ICc1MHB4J307XG4gICAgd2lkdGg6ICR7IXByb3BzLnNlbGVjdGVkID8gJzUwcHgnIDogIXByb3BzLnNtYWxsID8gJzY2cHgnIDogJ2F1dG8nfTtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7IXByb3BzLnNtYWxsXG4gICAgICA/IHByb3BzLnNlbGVjdGVkXG4gICAgICAgID8gcHJvcHMuc2VsZWN0ZWRjb2xvclxuICAgICAgICA6IHByb3BzLmRlc2VsZWN0ZWRjb2xvclxuICAgICAgOiAndHJhbnNwYXJlbnQnfTtcbiAgICBzcGFuIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgICAgaGVpZ2h0OiAke3Byb3BzLnNlbGVjdGVkID8gJzYwcHgnIDogJzQ4cHgnfTtcbiAgICAgIHdpZHRoOiAke3Byb3BzLnNlbGVjdGVkID8gJzU1JScgOiAnNDUlJ307XG5cbiAgICAgIHNwYW4ge1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICAgICAgIHNwYW4ge1xuICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICBtYXJnaW4tbGVmdDogMC41ZW07XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHshcHJvcHMuc21hbGxcbiAgICAgICAgPyBwcm9wcy5zZWxlY3RlZFxuICAgICAgICAgID8gcHJvcHMuc2VsZWN0ZWRjb2xvclxuICAgICAgICAgIDogcHJvcHMuZGVzZWxlY3RlZGNvbG9yXG4gICAgICAgIDogJ3RyYW5zcGFyZW50J307XG4gICAgfVxuXG4gICAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAgIG91dGxpbmU6ICR7ZGVmYXVsdE91dGxpbmV9O1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgSWNvbldyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxuICAgICYuc2VsZWN0ZWQge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgIGhlaWdodDogNDBweDtcbiAgICAgIHdpZHRoOiA0MHB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5zbWFsbCA/IHByb3BzLmJnU21hbGwgOiBwcm9wcy5iZ307XG4gICAgICBtYXJnaW4tYm90dG9tOiAwLjJlbTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IEFic29sdXRlVGV4dCA9IHN0eWxlZC5zcGFuYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxpbmUtaGVpZ2h0OiBub3JtYWw7XG4gIGJvdHRvbTogY2FsYygtMTFweCAtIDVweCk7XG4gIG9wYWNpdHk6IDAuNTtcbmBcbiJdfQ== */");
|
|
20
21
|
export const AbsoluteText = _styled("span", process.env.NODE_ENV === "production" ? {
|
|
21
22
|
target: "eerewvt0"
|
|
22
23
|
} : {
|
|
@@ -28,6 +29,6 @@ export const AbsoluteText = _styled("span", process.env.NODE_ENV === "production
|
|
|
28
29
|
} : {
|
|
29
30
|
name: "1jqe1m9",
|
|
30
31
|
styles: "position:absolute;line-height:normal;bottom:calc(-11px - 5px);opacity:0.5",
|
|
31
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
32
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9BcHBQaWNrZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9FdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9NZW51L0FwcFBpY2tlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IGJwIGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL2JyZWFrcG9pbnRzJ1xuaW1wb3J0IEJ1dHRvbiBmcm9tICcuLi8uLi8uLi9jb3JlL0J1dHRvbidcbmltcG9ydCB7IGRlZmF1bHRPdXRsaW5lIH0gZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvc3R5bGVzJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZChCdXR0b24pKFxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxuICAgIGhlaWdodDogJHtwcm9wcy5zZWxlY3RlZCA/ICc3MHB4JyA6ICc1MHB4J307XG4gICAgd2lkdGg6ICR7IXByb3BzLnNlbGVjdGVkID8gJzUwcHgnIDogIXByb3BzLnNtYWxsID8gJzY2cHgnIDogJ2F1dG8nfTtcbiAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7IXByb3BzLnNtYWxsXG4gICAgICA/IHByb3BzLnNlbGVjdGVkXG4gICAgICAgID8gcHJvcHMuc2VsZWN0ZWRjb2xvclxuICAgICAgICA6IHByb3BzLmRlc2VsZWN0ZWRjb2xvclxuICAgICAgOiAndHJhbnNwYXJlbnQnfTtcbiAgICBzcGFuIHtcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgICAgaGVpZ2h0OiAke3Byb3BzLnNlbGVjdGVkID8gJzYwcHgnIDogJzQ4cHgnfTtcbiAgICAgIHdpZHRoOiAke3Byb3BzLnNlbGVjdGVkID8gJzU1JScgOiAnNDUlJ307XG5cbiAgICAgIHNwYW4ge1xuICAgICAgICBmbGV4LWRpcmVjdGlvbjogcm93O1xuXG4gICAgICAgIHNwYW4ge1xuICAgICAgICAgIGRpc3BsYXk6IGlubGluZS1ibG9jaztcbiAgICAgICAgICBtYXJnaW4tbGVmdDogMC41ZW07XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmOmhvdmVyLFxuICAgICY6Zm9jdXMge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHshcHJvcHMuc21hbGxcbiAgICAgICAgPyBwcm9wcy5zZWxlY3RlZFxuICAgICAgICAgID8gcHJvcHMuc2VsZWN0ZWRjb2xvclxuICAgICAgICAgIDogcHJvcHMuZGVzZWxlY3RlZGNvbG9yXG4gICAgICAgIDogJ3RyYW5zcGFyZW50J307XG4gICAgfVxuXG4gICAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAgIG91dGxpbmU6ICR7ZGVmYXVsdE91dGxpbmV9O1xuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgSWNvbldyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxuICAgICYuc2VsZWN0ZWQge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICAgIGhlaWdodDogNDBweDtcbiAgICAgIHdpZHRoOiA0MHB4O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5zbWFsbCA/IHByb3BzLmJnU21hbGwgOiBwcm9wcy5iZ307XG4gICAgICBtYXJnaW4tYm90dG9tOiAwLjJlbTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IEFic29sdXRlVGV4dCA9IHN0eWxlZC5zcGFuYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIGxpbmUtaGVpZ2h0OiBub3JtYWw7XG4gIGJvdHRvbTogY2FsYygtMTFweCAtIDVweCk7XG4gIG9wYWNpdHk6IDAuNTtcbmBcbiJdfQ== */",
|
|
32
33
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
33
34
|
});
|
|
@@ -1,27 +1,28 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
2
|
import { css } from '@emotion/react';
|
|
3
3
|
import bp from '../../../globals/styles/breakpoints';
|
|
4
|
+
import { defaultOutline } from '../../../globals/styles/styles';
|
|
4
5
|
export const Wrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
|
5
6
|
target: "er8ezvm3"
|
|
6
7
|
} : {
|
|
7
8
|
target: "er8ezvm3",
|
|
8
9
|
label: "Wrapper"
|
|
9
|
-
})("display:grid;grid-row-gap:2em;@media screen and (max-height: ", bp.heightMedium, "){grid-row-gap:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
10
|
+
})("display:grid;grid-row-gap:2em;@media screen and (max-height: ", bp.heightMedium, "){grid-row-gap:0;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9TZWNvbmRhcnlNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLaUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9NZW51L1NlY29uZGFyeU1lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcbmltcG9ydCB7IGRlZmF1bHRPdXRsaW5lIH0gZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvc3R5bGVzJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtcm93LWdhcDogMmVtO1xuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtaGVpZ2h0OiAke2JwLmhlaWdodE1lZGl1bX0pIHtcbiAgICBncmlkLXJvdy1nYXA6IDA7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENoaWxkcmVuV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIHdpZHRoOiBjYWxjKDEwMCUgLSA0MHB4KTtcbiAgcGFkZGluZy1sZWZ0OiA0MHB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBib3R0b206IHVuc2V0O1xuICAgIG1hcmdpbi10b3A6IDIuNWVtO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBDb2xsYXBzZVdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBwYWRkaW5nLWJvdHRvbTogJHtwcm9wcy5vcGVuID8gJzFlbScgOiAnY2FsYygxZW0gKyAxM3B4KSd9O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcblxuICAgICYgPiBzcGFuIHtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgY29sb3I6ICR7cHJvcHMubGlnaHRUaGVtZSA/ICcjN0M4OTlFJyA6ICd3aGl0ZSd9O1xuICAgICAgb3BhY2l0eTogJHtwcm9wcy5saWdodFRoZW1lID8gMSA6IDAuNX07XG4gICAgfVxuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBtYXJnaW4tdG9wOiAyZW07XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGJ1dHRvbiB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICB9XG4gICAgfVxuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC1oZWlnaHQ6ICR7YnAuaGVpZ2h0TWVkaXVtfSkge1xuICAgICAgcGFkZGluZy1ib3R0b206ICR7cHJvcHMub3BlbiA/ICcwLjI1ZW0nIDogJ2NhbGMoMC4yNWVtICsgMTNweCknfTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IEljb25XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbihcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luOiAwIGF1dG87XG4gICAgaGVpZ2h0OiAyNHB4O1xuICAgIHdpZHRoOiAyNHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgYmFja2dyb3VuZDogJHtwcm9wcy5saWdodFRoZW1lXG4gICAgICA/IHByb3BzLnRoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkxMFxuICAgICAgOiAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjE2KSd9O1xuICAgIG1hcmdpbi1ib3R0b206IDFlbTtcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLWluLW91dDtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgke3Byb3BzLm9wZW4gPyAnMGRlZycgOiAnMTgwZGVnJ30pO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMubGlnaHRUaGVtZVxuICAgICAgICA/IHByb3BzLnRoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkxMFxuICAgICAgICA6ICdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMTYpJ307XG4gICAgfVxuXG4gICAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAgIG91dGxpbmU6ICR7ZGVmYXVsdE91dGxpbmV9O1xuICAgIH1cbiAgYFxuKVxuIl19 */"));
|
|
10
11
|
export const ChildrenWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
|
11
12
|
target: "er8ezvm2"
|
|
12
13
|
} : {
|
|
13
14
|
target: "er8ezvm2",
|
|
14
15
|
label: "ChildrenWrapper"
|
|
15
|
-
})("display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start;width:calc(100% - 40px);padding-left:40px;overflow:hidden;@media screen and (max-width: ", bp.medium, "){position:relative;bottom:unset;margin-top:2.5em;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
16
|
+
})("display:flex;flex-direction:column;flex-wrap:wrap;align-items:flex-start;width:calc(100% - 40px);padding-left:40px;overflow:hidden;@media screen and (max-width: ", bp.medium, "){position:relative;bottom:unset;margin-top:2.5em;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9TZWNvbmRhcnlNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjeUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2xheW91dC9NZW51L1NlY29uZGFyeU1lbnUvc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBicCBmcm9tICcuLi8uLi8uLi9nbG9iYWxzL3N0eWxlcy9icmVha3BvaW50cydcbmltcG9ydCB7IGRlZmF1bHRPdXRsaW5lIH0gZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvc3R5bGVzJ1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGdyaWQ7XG4gIGdyaWQtcm93LWdhcDogMmVtO1xuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtaGVpZ2h0OiAke2JwLmhlaWdodE1lZGl1bX0pIHtcbiAgICBncmlkLXJvdy1nYXA6IDA7XG4gIH1cbmBcblxuZXhwb3J0IGNvbnN0IENoaWxkcmVuV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgYWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG4gIHdpZHRoOiBjYWxjKDEwMCUgLSA0MHB4KTtcbiAgcGFkZGluZy1sZWZ0OiA0MHB4O1xuICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBib3R0b206IHVuc2V0O1xuICAgIG1hcmdpbi10b3A6IDIuNWVtO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBDb2xsYXBzZVdyYXBwZXIgPSBzdHlsZWQuZGl2KFxuICAocHJvcHM6IGFueSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBwYWRkaW5nLWJvdHRvbTogJHtwcm9wcy5vcGVuID8gJzFlbScgOiAnY2FsYygxZW0gKyAxM3B4KSd9O1xuICAgIHRleHQtYWxpZ246IGNlbnRlcjtcblxuICAgICYgPiBzcGFuIHtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICAgICAgY29sb3I6ICR7cHJvcHMubGlnaHRUaGVtZSA/ICcjN0M4OTlFJyA6ICd3aGl0ZSd9O1xuICAgICAgb3BhY2l0eTogJHtwcm9wcy5saWdodFRoZW1lID8gMSA6IDAuNX07XG4gICAgfVxuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogJHticC5tZWRpdW19KSB7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBtYXJnaW4tdG9wOiAyZW07XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgIGJ1dHRvbiB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICB9XG4gICAgfVxuXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1heC1oZWlnaHQ6ICR7YnAuaGVpZ2h0TWVkaXVtfSkge1xuICAgICAgcGFkZGluZy1ib3R0b206ICR7cHJvcHMub3BlbiA/ICcwLjI1ZW0nIDogJ2NhbGMoMC4yNWVtICsgMTNweCknfTtcbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IEljb25XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbihcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luOiAwIGF1dG87XG4gICAgaGVpZ2h0OiAyNHB4O1xuICAgIHdpZHRoOiAyNHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDUwJTtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIG91dGxpbmU6IG5vbmU7XG4gICAgYmFja2dyb3VuZDogJHtwcm9wcy5saWdodFRoZW1lXG4gICAgICA/IHByb3BzLnRoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkxMFxuICAgICAgOiAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjE2KSd9O1xuICAgIG1hcmdpbi1ib3R0b206IDFlbTtcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4ycyBlYXNlLWluLW91dDtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgke3Byb3BzLm9wZW4gPyAnMGRlZycgOiAnMTgwZGVnJ30pO1xuXG4gICAgJjpob3ZlcixcbiAgICAmOmZvY3VzIHtcbiAgICAgIGJhY2tncm91bmQ6ICR7cHJvcHMubGlnaHRUaGVtZVxuICAgICAgICA/IHByb3BzLnRoZW1lLmlsbHVzdHJhdGlvblByaW1hcnkxMFxuICAgICAgICA6ICdyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMTYpJ307XG4gICAgfVxuXG4gICAgJjpmb2N1cy12aXNpYmxlIHtcbiAgICAgIG91dGxpbmU6ICR7ZGVmYXVsdE91dGxpbmV9O1xuICAgIH1cbiAgYFxuKVxuIl19 */"));
|
|
16
17
|
export const CollapseWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
|
17
18
|
target: "er8ezvm1"
|
|
18
19
|
} : {
|
|
19
20
|
target: "er8ezvm1",
|
|
20
21
|
label: "CollapseWrapper"
|
|
21
|
-
})(props => /*#__PURE__*/css("display:flex;flex-direction:column;justify-content:center;padding-bottom:", props.open ? '1em' : 'calc(1em + 13px)', ";text-align:center;&>span{overflow:hidden;white-space:nowrap;color:", props.lightTheme ? '#7C899E' : 'white', ";opacity:", props.lightTheme ? 1 : 0.5, ";}@media screen and (max-width: ", bp.medium, "){position:relative;margin-top:2em;display:block;button{display:none;}}@media screen and (max-height: ", bp.heightMedium, "){padding-bottom:", props.open ? '0.25em' : 'calc(0.25em + 13px)', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:CollapseWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
22
|
+
})(props => /*#__PURE__*/css("display:flex;flex-direction:column;justify-content:center;padding-bottom:", props.open ? '1em' : 'calc(1em + 13px)', ";text-align:center;&>span{overflow:hidden;white-space:nowrap;color:", props.lightTheme ? '#7C899E' : 'white', ";opacity:", props.lightTheme ? 1 : 0.5, ";}@media screen and (max-width: ", bp.medium, "){position:relative;margin-top:2em;display:block;button{display:none;}}@media screen and (max-height: ", bp.heightMedium, "){padding-bottom:", props.open ? '0.25em' : 'calc(0.25em + 13px)', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:CollapseWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9TZWNvbmRhcnlNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQnFCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9TZWNvbmRhcnlNZW51L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5pbXBvcnQgeyBkZWZhdWx0T3V0bGluZSB9IGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL3N0eWxlcydcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXJvdy1nYXA6IDJlbTtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LWhlaWdodDogJHticC5oZWlnaHRNZWRpdW19KSB7XG4gICAgZ3JpZC1yb3ctZ2FwOiAwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBDaGlsZHJlbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICB3aWR0aDogY2FsYygxMDAlIC0gNDBweCk7XG4gIHBhZGRpbmctbGVmdDogNDBweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYm90dG9tOiB1bnNldDtcbiAgICBtYXJnaW4tdG9wOiAyLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQ29sbGFwc2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgcGFkZGluZy1ib3R0b206ICR7cHJvcHMub3BlbiA/ICcxZW0nIDogJ2NhbGMoMWVtICsgMTNweCknfTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG5cbiAgICAmID4gc3BhbiB7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgIGNvbG9yOiAke3Byb3BzLmxpZ2h0VGhlbWUgPyAnIzdDODk5RScgOiAnd2hpdGUnfTtcbiAgICAgIG9wYWNpdHk6ICR7cHJvcHMubGlnaHRUaGVtZSA/IDEgOiAwLjV9O1xuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgbWFyZ2luLXRvcDogMmVtO1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICBidXR0b24ge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgfVxuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtaGVpZ2h0OiAke2JwLmhlaWdodE1lZGl1bX0pIHtcbiAgICAgIHBhZGRpbmctYm90dG9tOiAke3Byb3BzLm9wZW4gPyAnMC4yNWVtJyA6ICdjYWxjKDAuMjVlbSArIDEzcHgpJ307XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5idXR0b24oXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICAgIGhlaWdodDogMjRweDtcbiAgICB3aWR0aDogMjRweDtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJhY2tncm91bmQ6ICR7cHJvcHMubGlnaHRUaGVtZVxuICAgICAgPyBwcm9wcy50aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTBcbiAgICAgIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNiknfTtcbiAgICBtYXJnaW4tYm90dG9tOiAxZW07XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoJHtwcm9wcy5vcGVuID8gJzBkZWcnIDogJzE4MGRlZyd9KTtcblxuICAgICY6aG92ZXIsXG4gICAgJjpmb2N1cyB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3Byb3BzLmxpZ2h0VGhlbWVcbiAgICAgICAgPyBwcm9wcy50aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTBcbiAgICAgICAgOiAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjE2KSd9O1xuICAgIH1cblxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICBvdXRsaW5lOiAke2RlZmF1bHRPdXRsaW5lfTtcbiAgICB9XG4gIGBcbilcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9TZWNvbmRhcnlNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QitCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9TZWNvbmRhcnlNZW51L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5pbXBvcnQgeyBkZWZhdWx0T3V0bGluZSB9IGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL3N0eWxlcydcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXJvdy1nYXA6IDJlbTtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LWhlaWdodDogJHticC5oZWlnaHRNZWRpdW19KSB7XG4gICAgZ3JpZC1yb3ctZ2FwOiAwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBDaGlsZHJlbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICB3aWR0aDogY2FsYygxMDAlIC0gNDBweCk7XG4gIHBhZGRpbmctbGVmdDogNDBweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYm90dG9tOiB1bnNldDtcbiAgICBtYXJnaW4tdG9wOiAyLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQ29sbGFwc2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgcGFkZGluZy1ib3R0b206ICR7cHJvcHMub3BlbiA/ICcxZW0nIDogJ2NhbGMoMWVtICsgMTNweCknfTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG5cbiAgICAmID4gc3BhbiB7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgIGNvbG9yOiAke3Byb3BzLmxpZ2h0VGhlbWUgPyAnIzdDODk5RScgOiAnd2hpdGUnfTtcbiAgICAgIG9wYWNpdHk6ICR7cHJvcHMubGlnaHRUaGVtZSA/IDEgOiAwLjV9O1xuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgbWFyZ2luLXRvcDogMmVtO1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICBidXR0b24ge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgfVxuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtaGVpZ2h0OiAke2JwLmhlaWdodE1lZGl1bX0pIHtcbiAgICAgIHBhZGRpbmctYm90dG9tOiAke3Byb3BzLm9wZW4gPyAnMC4yNWVtJyA6ICdjYWxjKDAuMjVlbSArIDEzcHgpJ307XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5idXR0b24oXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICAgIGhlaWdodDogMjRweDtcbiAgICB3aWR0aDogMjRweDtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJhY2tncm91bmQ6ICR7cHJvcHMubGlnaHRUaGVtZVxuICAgICAgPyBwcm9wcy50aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTBcbiAgICAgIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNiknfTtcbiAgICBtYXJnaW4tYm90dG9tOiAxZW07XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoJHtwcm9wcy5vcGVuID8gJzBkZWcnIDogJzE4MGRlZyd9KTtcblxuICAgICY6aG92ZXIsXG4gICAgJjpmb2N1cyB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3Byb3BzLmxpZ2h0VGhlbWVcbiAgICAgICAgPyBwcm9wcy50aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTBcbiAgICAgICAgOiAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjE2KSd9O1xuICAgIH1cblxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICBvdXRsaW5lOiAke2RlZmF1bHRPdXRsaW5lfTtcbiAgICB9XG4gIGBcbilcbiJdfQ== */");
|
|
22
23
|
export const IconWrapper = _styled("button", process.env.NODE_ENV === "production" ? {
|
|
23
24
|
target: "er8ezvm0"
|
|
24
25
|
} : {
|
|
25
26
|
target: "er8ezvm0",
|
|
26
27
|
label: "IconWrapper"
|
|
27
|
-
})(props => /*#__PURE__*/css("display:flex;justify-content:center;align-items:center;margin:0 auto;height:24px;width:24px;border-radius:50%;border:none;cursor:pointer;outline:none;background:", props.lightTheme ? props.theme.illustrationPrimary10 : 'rgba(255, 255, 255, 0.16)', ";margin-bottom:1em;transition:transform 0.2s ease-in-out;transform:rotate(", props.open ? '0deg' : '180deg', ");&:hover,&:focus{background:", props.lightTheme ? props.theme.illustrationPrimary10 : 'rgba(255, 255, 255, 0.16)', ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:IconWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
28
|
+
})(props => /*#__PURE__*/css("display:flex;justify-content:center;align-items:center;margin:0 auto;height:24px;width:24px;border-radius:50%;border:none;cursor:pointer;outline:none;background:", props.lightTheme ? props.theme.illustrationPrimary10 : 'rgba(255, 255, 255, 0.16)', ";margin-bottom:1em;transition:transform 0.2s ease-in-out;transform:rotate(", props.open ? '0deg' : '180deg', ");&:hover,&:focus{background:", props.lightTheme ? props.theme.illustrationPrimary10 : 'rgba(255, 255, 255, 0.16)', ";}&:focus-visible{outline:", defaultOutline, ";}" + (process.env.NODE_ENV === "production" ? "" : ";label:IconWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9TZWNvbmRhcnlNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2RHFCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9TZWNvbmRhcnlNZW51L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5pbXBvcnQgeyBkZWZhdWx0T3V0bGluZSB9IGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL3N0eWxlcydcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXJvdy1nYXA6IDJlbTtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LWhlaWdodDogJHticC5oZWlnaHRNZWRpdW19KSB7XG4gICAgZ3JpZC1yb3ctZ2FwOiAwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBDaGlsZHJlbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICB3aWR0aDogY2FsYygxMDAlIC0gNDBweCk7XG4gIHBhZGRpbmctbGVmdDogNDBweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYm90dG9tOiB1bnNldDtcbiAgICBtYXJnaW4tdG9wOiAyLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQ29sbGFwc2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgcGFkZGluZy1ib3R0b206ICR7cHJvcHMub3BlbiA/ICcxZW0nIDogJ2NhbGMoMWVtICsgMTNweCknfTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG5cbiAgICAmID4gc3BhbiB7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgIGNvbG9yOiAke3Byb3BzLmxpZ2h0VGhlbWUgPyAnIzdDODk5RScgOiAnd2hpdGUnfTtcbiAgICAgIG9wYWNpdHk6ICR7cHJvcHMubGlnaHRUaGVtZSA/IDEgOiAwLjV9O1xuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgbWFyZ2luLXRvcDogMmVtO1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICBidXR0b24ge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgfVxuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtaGVpZ2h0OiAke2JwLmhlaWdodE1lZGl1bX0pIHtcbiAgICAgIHBhZGRpbmctYm90dG9tOiAke3Byb3BzLm9wZW4gPyAnMC4yNWVtJyA6ICdjYWxjKDAuMjVlbSArIDEzcHgpJ307XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5idXR0b24oXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICAgIGhlaWdodDogMjRweDtcbiAgICB3aWR0aDogMjRweDtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJhY2tncm91bmQ6ICR7cHJvcHMubGlnaHRUaGVtZVxuICAgICAgPyBwcm9wcy50aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTBcbiAgICAgIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNiknfTtcbiAgICBtYXJnaW4tYm90dG9tOiAxZW07XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoJHtwcm9wcy5vcGVuID8gJzBkZWcnIDogJzE4MGRlZyd9KTtcblxuICAgICY6aG92ZXIsXG4gICAgJjpmb2N1cyB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3Byb3BzLmxpZ2h0VGhlbWVcbiAgICAgICAgPyBwcm9wcy50aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTBcbiAgICAgICAgOiAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjE2KSd9O1xuICAgIH1cblxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICBvdXRsaW5lOiAke2RlZmF1bHRPdXRsaW5lfTtcbiAgICB9XG4gIGBcbilcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9TZWNvbmRhcnlNZW51L3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0RDJCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9sYXlvdXQvTWVudS9TZWNvbmRhcnlNZW51L3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgYnAgZnJvbSAnLi4vLi4vLi4vZ2xvYmFscy9zdHlsZXMvYnJlYWtwb2ludHMnXG5pbXBvcnQgeyBkZWZhdWx0T3V0bGluZSB9IGZyb20gJy4uLy4uLy4uL2dsb2JhbHMvc3R5bGVzL3N0eWxlcydcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXJvdy1nYXA6IDJlbTtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LWhlaWdodDogJHticC5oZWlnaHRNZWRpdW19KSB7XG4gICAgZ3JpZC1yb3ctZ2FwOiAwO1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBDaGlsZHJlbldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuICB3aWR0aDogY2FsYygxMDAlIC0gNDBweCk7XG4gIHBhZGRpbmctbGVmdDogNDBweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAke2JwLm1lZGl1bX0pIHtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgYm90dG9tOiB1bnNldDtcbiAgICBtYXJnaW4tdG9wOiAyLjVlbTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgQ29sbGFwc2VXcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiBhbnkpID0+IGNzc2BcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgcGFkZGluZy1ib3R0b206ICR7cHJvcHMub3BlbiA/ICcxZW0nIDogJ2NhbGMoMWVtICsgMTNweCknfTtcbiAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG5cbiAgICAmID4gc3BhbiB7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgIGNvbG9yOiAke3Byb3BzLmxpZ2h0VGhlbWUgPyAnIzdDODk5RScgOiAnd2hpdGUnfTtcbiAgICAgIG9wYWNpdHk6ICR7cHJvcHMubGlnaHRUaGVtZSA/IDEgOiAwLjV9O1xuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6ICR7YnAubWVkaXVtfSkge1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgbWFyZ2luLXRvcDogMmVtO1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICBidXR0b24ge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgfVxuICAgIH1cblxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtaGVpZ2h0OiAke2JwLmhlaWdodE1lZGl1bX0pIHtcbiAgICAgIHBhZGRpbmctYm90dG9tOiAke3Byb3BzLm9wZW4gPyAnMC4yNWVtJyA6ICdjYWxjKDAuMjVlbSArIDEzcHgpJ307XG4gICAgfVxuICBgXG4pXG5cbmV4cG9ydCBjb25zdCBJY29uV3JhcHBlciA9IHN0eWxlZC5idXR0b24oXG4gIChwcm9wczogYW55KSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIG1hcmdpbjogMCBhdXRvO1xuICAgIGhlaWdodDogMjRweDtcbiAgICB3aWR0aDogMjRweDtcbiAgICBib3JkZXItcmFkaXVzOiA1MCU7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBvdXRsaW5lOiBub25lO1xuICAgIGJhY2tncm91bmQ6ICR7cHJvcHMubGlnaHRUaGVtZVxuICAgICAgPyBwcm9wcy50aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTBcbiAgICAgIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC4xNiknfTtcbiAgICBtYXJnaW4tYm90dG9tOiAxZW07XG4gICAgdHJhbnNpdGlvbjogdHJhbnNmb3JtIDAuMnMgZWFzZS1pbi1vdXQ7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoJHtwcm9wcy5vcGVuID8gJzBkZWcnIDogJzE4MGRlZyd9KTtcblxuICAgICY6aG92ZXIsXG4gICAgJjpmb2N1cyB7XG4gICAgICBiYWNrZ3JvdW5kOiAke3Byb3BzLmxpZ2h0VGhlbWVcbiAgICAgICAgPyBwcm9wcy50aGVtZS5pbGx1c3RyYXRpb25QcmltYXJ5MTBcbiAgICAgICAgOiAncmdiYSgyNTUsIDI1NSwgMjU1LCAwLjE2KSd9O1xuICAgIH1cblxuICAgICY6Zm9jdXMtdmlzaWJsZSB7XG4gICAgICBvdXRsaW5lOiAke2RlZmF1bHRPdXRsaW5lfTtcbiAgICB9XG4gIGBcbilcbiJdfQ== */");
|
|
@@ -11,6 +11,10 @@ interface IProps {
|
|
|
11
11
|
key?: string | number | undefined;
|
|
12
12
|
/** Option children */
|
|
13
13
|
children?: React.ReactNode;
|
|
14
|
+
/** Add a data-tracking-event attribute. */
|
|
15
|
+
trackingEvent?: string;
|
|
16
|
+
/** Add a data-tracking-name attribute. */
|
|
17
|
+
trackingName?: string;
|
|
14
18
|
}
|
|
15
19
|
declare const Option: React.FC<IProps>;
|
|
16
20
|
export default Option;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Select/Option.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAM;IACd,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAA;IAC1B,eAAe;IACf,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,sBAAsB;IACtB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACjC,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"Option.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Select/Option.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,MAAM;IACd,wBAAwB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,GAAG,CAAA;IAC1B,eAAe;IACf,KAAK,CAAC,EAAE,GAAG,CAAA;IACX,sBAAsB;IACtB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;IACjC,sBAAsB;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA4B5B,CAAA;AAED,eAAe,MAAM,CAAA"}
|
|
@@ -4,7 +4,11 @@ import { Button, ListItem } from '../..';
|
|
|
4
4
|
import { optionButton } from './styles';
|
|
5
5
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
6
6
|
|
|
7
|
-
const Option =
|
|
7
|
+
const Option = ({
|
|
8
|
+
trackingEvent,
|
|
9
|
+
trackingName,
|
|
10
|
+
...props
|
|
11
|
+
}) => {
|
|
8
12
|
const onChange = () => {
|
|
9
13
|
if (props.onChange && !props.disabled) {
|
|
10
14
|
props.onChange({
|
|
@@ -18,6 +22,8 @@ const Option = props => {
|
|
|
18
22
|
nostyle: true,
|
|
19
23
|
css: optionButton,
|
|
20
24
|
onClick: onChange,
|
|
25
|
+
trackingEvent: trackingEvent,
|
|
26
|
+
trackingName: trackingName,
|
|
21
27
|
children: React.Children.map(props.children, child => {
|
|
22
28
|
return child;
|
|
23
29
|
})
|
|
@@ -10,10 +10,6 @@ export interface IProps {
|
|
|
10
10
|
trackingName?: string;
|
|
11
11
|
/** Add a classname */
|
|
12
12
|
className?: string;
|
|
13
|
-
/** Icon to display at the end the content. */
|
|
14
|
-
isSelect?: boolean;
|
|
15
|
-
/** External value for currently selected value */
|
|
16
|
-
selected?: string;
|
|
17
13
|
}
|
|
18
14
|
declare const TabNavItem: React.FC<IProps>;
|
|
19
15
|
export { TabNavItem };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/TabNav/TabNavItem/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/TabNav/TabNavItem/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAK5D,MAAM,WAAW,MAAM;IACrB,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAA;IACb,yCAAyC;IACzC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2CAA2C;IAC3C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAiChC,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;AAErB,eAAe,UAAU,CAAA"}
|
|
@@ -1,76 +1,43 @@
|
|
|
1
1
|
/** @jsxImportSource @emotion/react */
|
|
2
2
|
import { useTheme } from '@emotion/react';
|
|
3
3
|
import React, { useContext, useEffect, useRef } from 'react';
|
|
4
|
-
import IconCaretDown from '../../../icons/General/IconCaretDown';
|
|
5
4
|
import { TabContext } from '../TabContext';
|
|
6
5
|
import { useContainerDimensions } from '../utils/useContainerDimensions';
|
|
7
|
-
import { TabNavItemWrapper, styles
|
|
6
|
+
import { TabNavItemWrapper, styles } from './styles';
|
|
8
7
|
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
9
|
-
import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
10
|
-
import { Fragment as _Fragment } from "@emotion/react/jsx-runtime";
|
|
11
8
|
|
|
12
9
|
const TabNavItem = ({
|
|
13
10
|
value,
|
|
14
11
|
displayText,
|
|
15
12
|
trackingEvent,
|
|
16
13
|
trackingName,
|
|
17
|
-
className
|
|
18
|
-
isSelect,
|
|
19
|
-
selected,
|
|
20
|
-
children
|
|
14
|
+
className
|
|
21
15
|
}) => {
|
|
22
16
|
const theme = useTheme();
|
|
23
|
-
const childrenRef = /*#__PURE__*/React.createRef();
|
|
24
|
-
const [open, setOpen] = React.useState(false);
|
|
25
17
|
const {
|
|
26
18
|
active,
|
|
27
19
|
setActive,
|
|
28
20
|
setWidth
|
|
29
21
|
} = useContext(TabContext);
|
|
30
|
-
const isActive =
|
|
22
|
+
const isActive = value === active;
|
|
31
23
|
const ref = useRef(null);
|
|
32
24
|
const {
|
|
33
|
-
width
|
|
34
|
-
bottom,
|
|
35
|
-
left
|
|
25
|
+
width
|
|
36
26
|
} = useContainerDimensions(ref);
|
|
37
|
-
console.log(bottom, left);
|
|
38
|
-
useEffect(() => {
|
|
39
|
-
const handleClickOutside = e => {
|
|
40
|
-
const node = childrenRef.current;
|
|
41
|
-
if (node && node.contains(e.target)) return;
|
|
42
|
-
setOpen(false);
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
open ? document.addEventListener('mousedown', handleClickOutside) : document.removeEventListener('mousedown', handleClickOutside);
|
|
46
|
-
return () => {
|
|
47
|
-
document.removeEventListener('mousedown', handleClickOutside);
|
|
48
|
-
};
|
|
49
|
-
}, [open, childrenRef]);
|
|
50
27
|
useEffect(() => {
|
|
51
28
|
if (width) setWidth({
|
|
52
29
|
[value]: width
|
|
53
30
|
}); // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
54
31
|
}, [width]);
|
|
55
|
-
return
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
children: [displayText ? displayText : value, isSelect && _jsx(IconCaretDown, {
|
|
65
|
-
flipVertical: open,
|
|
66
|
-
size: 20
|
|
67
|
-
})]
|
|
68
|
-
}), isSelect && open && _jsx(SelectChildrenWrapper, {
|
|
69
|
-
left: left,
|
|
70
|
-
bottom: bottom,
|
|
71
|
-
ref: childrenRef,
|
|
72
|
-
children: children
|
|
73
|
-
})]
|
|
32
|
+
return _jsx(TabNavItemWrapper, {
|
|
33
|
+
ref: ref,
|
|
34
|
+
onClick: () => setActive(value),
|
|
35
|
+
theme: theme,
|
|
36
|
+
css: t => [isActive && styles.active(t)],
|
|
37
|
+
"data-tracking-name": trackingName,
|
|
38
|
+
"data-tracking-event": trackingEvent,
|
|
39
|
+
className: className,
|
|
40
|
+
children: displayText ? displayText : value
|
|
74
41
|
});
|
|
75
42
|
};
|
|
76
43
|
|
|
@@ -4,13 +4,6 @@ export declare const TabNavItemWrapper: import("@emotion/styled").StyledComponen
|
|
|
4
4
|
theme?: import("@emotion/react").Theme | undefined;
|
|
5
5
|
as?: import("react").ElementType<any> | undefined;
|
|
6
6
|
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
7
|
-
export declare const SelectChildrenWrapper: import("@emotion/styled").StyledComponent<{
|
|
8
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
-
as?: import("react").ElementType<any> | undefined;
|
|
10
|
-
} & {
|
|
11
|
-
bottom: number;
|
|
12
|
-
left: number;
|
|
13
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
14
7
|
export declare const styles: {
|
|
15
8
|
active: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
|
|
16
9
|
};
|
|
@@ -1 +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;;;qHA0B7B,CAAA;AAED,eAAO,MAAM,
|
|
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;;;qHA0B7B,CAAA;AAED,eAAO,MAAM,MAAM;oBACD,SAAS;CAc1B,CAAA"}
|
|
@@ -1,17 +1,11 @@
|
|
|
1
1
|
import _styled from "@emotion/styled/base";
|
|
2
2
|
import { css } from '@emotion/react';
|
|
3
3
|
export const TabNavItemWrapper = _styled("button", process.env.NODE_ENV === "production" ? {
|
|
4
|
-
target: "e169sb431"
|
|
5
|
-
} : {
|
|
6
|
-
target: "e169sb431",
|
|
7
|
-
label: "TabNavItemWrapper"
|
|
8
|
-
})(props => /*#__PURE__*/css("display:flex;border:none;background:transparent;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;opacity:0.4;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:TabNavItemWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLZ0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IFRhYk5hdkl0ZW1XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbihcbiAgKHByb3BzKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHBhZGRpbmc6IDFyZW07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICB0cmFuc2l0aW9uOiBhbGwgZWFzZSAyNTBtcztcblxuICAgICY6aG92ZXIge1xuICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiA0cHg7XG4gICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgb3BhY2l0eTogMC40O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgU2VsZWN0Q2hpbGRyZW5XcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiB7IGJvdHRvbTogbnVtYmVyOyBsZWZ0OiBudW1iZXIgfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDI7XG4gICAgdG9wOiBjYWxjKCR7cHJvcHMuYm90dG9tfXB4IC0gMC41ZW0pO1xuICAgIGxlZnQ6ICR7cHJvcHMubGVmdH1weDtcbiAgYFxuKVxuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDRweDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgfVxuICAgIGAsXG59XG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJaUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IFRhYk5hdkl0ZW1XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbihcbiAgKHByb3BzKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHBhZGRpbmc6IDFyZW07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICB0cmFuc2l0aW9uOiBhbGwgZWFzZSAyNTBtcztcblxuICAgICY6aG92ZXIge1xuICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiA0cHg7XG4gICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgb3BhY2l0eTogMC40O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgU2VsZWN0Q2hpbGRyZW5XcmFwcGVyID0gc3R5bGVkLmRpdihcbiAgKHByb3BzOiB7IGJvdHRvbTogbnVtYmVyOyBsZWZ0OiBudW1iZXIgfSkgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHotaW5kZXg6IDI7XG4gICAgdG9wOiBjYWxjKCR7cHJvcHMuYm90dG9tfXB4IC0gMC41ZW0pO1xuICAgIGxlZnQ6ICR7cHJvcHMubGVmdH1weDtcbiAgYFxuKVxuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDRweDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgfVxuICAgIGAsXG59XG4iXX0= */");
|
|
9
|
-
export const SelectChildrenWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
|
10
4
|
target: "e169sb430"
|
|
11
5
|
} : {
|
|
12
6
|
target: "e169sb430",
|
|
13
|
-
label: "
|
|
14
|
-
})(props => /*#__PURE__*/css("display:flex;position:
|
|
7
|
+
label: "TabNavItemWrapper"
|
|
8
|
+
})(props => /*#__PURE__*/css("display:flex;border:none;background:transparent;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;opacity:0.4;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:TabNavItemWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLZ0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IFRhYk5hdkl0ZW1XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbihcbiAgKHByb3BzKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHBhZGRpbmc6IDFyZW07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICB0cmFuc2l0aW9uOiBhbGwgZWFzZSAyNTBtcztcblxuICAgICY6aG92ZXIge1xuICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiA0cHg7XG4gICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgb3BhY2l0eTogMC40O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDRweDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgfVxuICAgIGAsXG59XG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJaUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IFRhYk5hdkl0ZW1XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbihcbiAgKHByb3BzKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHBhZGRpbmc6IDFyZW07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICB0cmFuc2l0aW9uOiBhbGwgZWFzZSAyNTBtcztcblxuICAgICY6aG92ZXIge1xuICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiA0cHg7XG4gICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgb3BhY2l0eTogMC40O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDRweDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgfVxuICAgIGAsXG59XG4iXX0= */");
|
|
15
9
|
export const styles = {
|
|
16
|
-
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,
|
|
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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQ08iLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IFRhYk5hdkl0ZW1XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbihcbiAgKHByb3BzKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHBhZGRpbmc6IDFyZW07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICB0cmFuc2l0aW9uOiBhbGwgZWFzZSAyNTBtcztcblxuICAgICY6aG92ZXIge1xuICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiA0cHg7XG4gICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgb3BhY2l0eTogMC40O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxuICAgIGNzc2BcbiAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBoZWlnaHQ6IDRweDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLnByaW1hcnl9O1xuICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgfVxuICAgIGAsXG59XG4iXX0= */")
|
|
17
11
|
};
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
export declare const useContainerDimensions: (ref: React.RefObject<HTMLButtonElement | HTMLDivElement | HTMLSpanElement>) => {
|
|
2
2
|
width: number;
|
|
3
3
|
height: number;
|
|
4
|
-
top: number;
|
|
5
|
-
left: number;
|
|
6
|
-
bottom: number;
|
|
7
4
|
};
|
|
8
5
|
//# sourceMappingURL=useContainerDimensions.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useContainerDimensions.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/TabNav/utils/useContainerDimensions.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,QAC5B,MAAM,SAAS,CAAC,iBAAiB,GAAG,cAAc,GAAG,eAAe,CAAC
|
|
1
|
+
{"version":3,"file":"useContainerDimensions.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/TabNav/utils/useContainerDimensions.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,QAC5B,MAAM,SAAS,CAAC,iBAAiB,GAAG,cAAc,GAAG,eAAe,CAAC;;;CAwB3E,CAAA"}
|
|
@@ -2,17 +2,11 @@ import { useCallback, useEffect, useState } from 'react';
|
|
|
2
2
|
export const useContainerDimensions = ref => {
|
|
3
3
|
const [dimensions, setDimensions] = useState({
|
|
4
4
|
width: 0,
|
|
5
|
-
height: 0
|
|
6
|
-
top: 0,
|
|
7
|
-
left: 0,
|
|
8
|
-
bottom: 0
|
|
5
|
+
height: 0
|
|
9
6
|
});
|
|
10
7
|
const getDimensions = useCallback(() => ({
|
|
11
8
|
width: ref.current?.offsetWidth || 0,
|
|
12
|
-
height: ref.current?.offsetHeight || 0
|
|
13
|
-
top: ref.current?.offsetTop || 0,
|
|
14
|
-
left: ref.current?.offsetLeft || 0,
|
|
15
|
-
bottom: Number(ref.current?.offsetTop) + Number(ref.current?.offsetHeight) || 0
|
|
9
|
+
height: ref.current?.offsetHeight || 0
|
|
16
10
|
}), [ref]);
|
|
17
11
|
useEffect(() => {
|
|
18
12
|
const handleResize = () => setDimensions(getDimensions());
|
package/lib/core/Tag/index.d.ts
CHANGED
|
@@ -31,6 +31,10 @@ interface IProps {
|
|
|
31
31
|
loading?: boolean;
|
|
32
32
|
/** Shows spinner color */
|
|
33
33
|
loadingColor?: string;
|
|
34
|
+
/** Add a data-tracking-event attribute to close click */
|
|
35
|
+
trackingEvent?: string;
|
|
36
|
+
/** Add a data-tracking-name attribute to close click */
|
|
37
|
+
trackingName?: string;
|
|
34
38
|
/** OnClick property returns cb with event */
|
|
35
39
|
onClick?: (event: React.MouseEvent<any>) => void | undefined;
|
|
36
40
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Tag/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,UAAU,MAAM;IACd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,0BAA0B;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,yBAAyB;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2BAA2B;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gCAAgC;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,yDAAyD;IACzD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,IAAI,GAAG,SAAS,CAAA;CAC7D;AAED,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/Tag/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,UAAU,MAAM;IACd,2BAA2B;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,0BAA0B;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wBAAwB;IACxB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,yBAAyB;IACzB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2BAA2B;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sCAAsC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,GAAG,CAAA;IACf,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,gCAAgC;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,yDAAyD;IACzD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,6BAA6B;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,0BAA0B;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,0BAA0B;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,yDAAyD;IACzD,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,wDAAwD;IACxD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,IAAI,GAAG,SAAS,CAAA;CAC7D;AAED,QAAA,MAAM,GAAG,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAoDzB,CAAA;AAED,eAAe,GAAG,CAAA"}
|
package/lib/core/Tag/index.js
CHANGED
|
@@ -10,6 +10,8 @@ import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
|
10
10
|
|
|
11
11
|
const Tag = ({
|
|
12
12
|
icon,
|
|
13
|
+
trackingEvent,
|
|
14
|
+
trackingName,
|
|
13
15
|
...props
|
|
14
16
|
}) => {
|
|
15
17
|
const Tag = (props.withclose || props.onClick) && !props.strictClose ? 'button' : 'div';
|
|
@@ -29,6 +31,8 @@ const Tag = ({
|
|
|
29
31
|
}) : null, props.strictClose ? _jsx(Button, {
|
|
30
32
|
nostyle: true,
|
|
31
33
|
onClick: props.onClick,
|
|
34
|
+
trackingEvent: trackingEvent,
|
|
35
|
+
trackingName: trackingEvent,
|
|
32
36
|
children: _jsx(IconClose, {
|
|
33
37
|
color: props.closeColor || 'white',
|
|
34
38
|
size: '14px'
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/globals/styles/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,2CAG1B,CAAA"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
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)."; }
|
|
2
|
+
|
|
3
|
+
import { css } from '@emotion/react';
|
|
4
|
+
export const defaultOutline = process.env.NODE_ENV === "production" ? {
|
|
5
|
+
name: "1d1mls9",
|
|
6
|
+
styles: "outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color"
|
|
7
|
+
} : {
|
|
8
|
+
name: "1mkmepq-defaultOutline",
|
|
9
|
+
styles: "outline:1px dotted #212121;outline:5px auto -webkit-focus-ring-color;label:defaultOutline;",
|
|
10
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9nbG9iYWxzL3N0eWxlcy9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRWlDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9nbG9iYWxzL3N0eWxlcy9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcblxuZXhwb3J0IGNvbnN0IGRlZmF1bHRPdXRsaW5lID0gY3NzYFxuICBvdXRsaW5lOiAxcHggZG90dGVkICMyMTIxMjE7XG4gIG91dGxpbmU6IDVweCBhdXRvIC13ZWJraXQtZm9jdXMtcmluZy1jb2xvcjtcbmBcbiJdfQ== */",
|
|
11
|
+
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
12
|
+
};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
/** @jsxImportSource @emotion/react */
|
|
1
2
|
import React from 'react';
|
|
2
3
|
interface IProps {
|
|
3
4
|
/** Sidebar component */
|
|
@@ -10,6 +11,10 @@ interface IProps {
|
|
|
10
11
|
footer: React.ReactNode;
|
|
11
12
|
/** Adds margin bottom */
|
|
12
13
|
withTabs?: boolean;
|
|
14
|
+
/** Add hidden skip to main content link, targets #main */
|
|
15
|
+
withSkipToMainContent?: boolean;
|
|
16
|
+
/** Add hidden skip to navbar link, targets #nav */
|
|
17
|
+
withSkipToNav?: boolean;
|
|
13
18
|
}
|
|
14
19
|
declare const LayoutShell: React.FC<IProps>;
|
|
15
20
|
export default LayoutShell;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/LayoutShell/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/LayoutShell/index.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAmB,MAAM,OAAO,CAAA;AAYvC,UAAU,MAAM;IACd,wBAAwB;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,oBAAoB;IACpB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,uBAAuB;IACvB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,uBAAuB;IACvB,MAAM,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,0DAA0D;IAC1D,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,mDAAmD;IACnD,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA4DjC,CAAA;AAED,eAAe,WAAW,CAAA"}
|