@bbl-digital/snorre 2.2.158 → 2.2.161
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/bundle.js +171 -182
- package/esm/core/Select/Option.js +7 -1
- package/esm/core/TabNav/TabNavItem/index.js +6 -30
- package/esm/core/TabNav/TabNavItem/styles.js +3 -20
- package/esm/core/Tag/index.js +4 -0
- package/esm/globals/styles/styles.js +12 -0
- package/esm/layout/LayoutShell/index.js +29 -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 +6 -30
- package/lib/core/TabNav/TabNavItem/styles.d.ts +0 -4
- package/lib/core/TabNav/TabNavItem/styles.d.ts.map +1 -1
- package/lib/core/TabNav/TabNavItem/styles.js +3 -20
- 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 +3 -0
- package/lib/layout/LayoutShell/index.d.ts.map +1 -1
- package/lib/layout/LayoutShell/index.js +29 -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
@@ -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,67 +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
8
|
|
11
9
|
const TabNavItem = ({
|
12
10
|
value,
|
13
11
|
displayText,
|
14
12
|
trackingEvent,
|
15
13
|
trackingName,
|
16
|
-
className
|
17
|
-
isSelect,
|
18
|
-
selected,
|
19
|
-
children
|
14
|
+
className
|
20
15
|
}) => {
|
21
16
|
const theme = useTheme();
|
22
|
-
const childrenRef = /*#__PURE__*/React.createRef();
|
23
|
-
const [open, setOpen] = React.useState(false);
|
24
17
|
const {
|
25
18
|
active,
|
26
19
|
setActive,
|
27
20
|
setWidth
|
28
21
|
} = useContext(TabContext);
|
29
|
-
const isActive =
|
22
|
+
const isActive = value === active;
|
30
23
|
const ref = useRef(null);
|
31
24
|
const {
|
32
25
|
width
|
33
26
|
} = useContainerDimensions(ref);
|
34
|
-
useEffect(() => {
|
35
|
-
const handleClickOutside = e => {
|
36
|
-
const node = childrenRef.current;
|
37
|
-
if (node && node.contains(e.target)) return;
|
38
|
-
setOpen(false);
|
39
|
-
};
|
40
|
-
|
41
|
-
open ? document.addEventListener('mousedown', handleClickOutside) : document.removeEventListener('mousedown', handleClickOutside);
|
42
|
-
return () => {
|
43
|
-
document.removeEventListener('mousedown', handleClickOutside);
|
44
|
-
};
|
45
|
-
}, [open, childrenRef]);
|
46
27
|
useEffect(() => {
|
47
28
|
if (width) setWidth({
|
48
29
|
[value]: width
|
49
30
|
}); // eslint-disable-next-line react-hooks/exhaustive-deps
|
50
31
|
}, [width]);
|
51
|
-
return
|
32
|
+
return _jsx(TabNavItemWrapper, {
|
52
33
|
ref: ref,
|
53
|
-
onClick: () =>
|
34
|
+
onClick: () => setActive(value),
|
54
35
|
theme: theme,
|
55
36
|
css: t => [isActive && styles.active(t)],
|
56
37
|
"data-tracking-name": trackingName,
|
57
38
|
"data-tracking-event": trackingEvent,
|
58
39
|
className: className,
|
59
|
-
children:
|
60
|
-
flipVertical: open
|
61
|
-
}), isSelect && open && _jsx(SelectChildrenWrapper, {
|
62
|
-
ref: childrenRef,
|
63
|
-
children: children
|
64
|
-
})]
|
40
|
+
children: displayText ? displayText : value
|
65
41
|
});
|
66
42
|
};
|
67
43
|
|
@@ -4,10 +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
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
11
7
|
export declare const styles: {
|
12
8
|
active: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
|
13
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,28 +1,11 @@
|
|
1
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
2
|
import { css } from '@emotion/react';
|
6
3
|
export const TabNavItemWrapper = _styled("button", process.env.NODE_ENV === "production" ? {
|
7
|
-
target: "e169sb431"
|
8
|
-
} : {
|
9
|
-
target: "e169sb431",
|
10
|
-
label: "TabNavItemWrapper"
|
11
|
-
})(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLZ0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IFRhYk5hdkl0ZW1XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbihcbiAgKHByb3BzKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHBhZGRpbmc6IDFyZW07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICB0cmFuc2l0aW9uOiBhbGwgZWFzZSAyNTBtcztcblxuICAgICY6aG92ZXIge1xuICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiA0cHg7XG4gICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgb3BhY2l0eTogMC40O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgU2VsZWN0Q2hpbGRyZW5XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAyO1xuICB0b3A6IGNhbGMoMTAwJSAtIDAuNWVtKTtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYWN0aXZlOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICAmOjphZnRlciB7XG4gICAgICAgIHRyYW5zaXRpb246IGFsbCBlYXNlIDI1MG1zO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiA0cHg7XG4gICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgIH1cbiAgICBgLFxufVxuIl19 */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJaUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IElBcHBUaGVtZSB9IGZyb20gJy4uLy4uLy4uL2FwcC1zaGVsbC90aGVtZSdcblxuZXhwb3J0IGNvbnN0IFRhYk5hdkl0ZW1XcmFwcGVyID0gc3R5bGVkLmJ1dHRvbihcbiAgKHByb3BzKSA9PiBjc3NgXG4gICAgZGlzcGxheTogZmxleDtcbiAgICBib3JkZXI6IG5vbmU7XG4gICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIHBhZGRpbmc6IDFyZW07XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGZvbnQtc2l6ZTogMTZweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICB0cmFuc2l0aW9uOiBhbGwgZWFzZSAyNTBtcztcblxuICAgICY6aG92ZXIge1xuICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiA0cHg7XG4gICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgICAgb3BhY2l0eTogMC40O1xuICAgICAgfVxuICAgIH1cbiAgYFxuKVxuXG5leHBvcnQgY29uc3QgU2VsZWN0Q2hpbGRyZW5XcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAyO1xuICB0b3A6IGNhbGMoMTAwJSAtIDAuNWVtKTtcbmBcblxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcbiAgYWN0aXZlOiAodGhlbWU6IElBcHBUaGVtZSkgPT5cbiAgICBjc3NgXG4gICAgICAmOjphZnRlciB7XG4gICAgICAgIHRyYW5zaXRpb246IGFsbCBlYXNlIDI1MG1zO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgaGVpZ2h0OiA0cHg7XG4gICAgICAgIGJvdHRvbTogMDtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcbiAgICAgICAgei1pbmRleDogMTtcbiAgICAgIH1cbiAgICBgLFxufVxuIl19 */");
|
12
|
-
export const SelectChildrenWrapper = _styled("div", process.env.NODE_ENV === "production" ? {
|
13
4
|
target: "e169sb430"
|
14
5
|
} : {
|
15
6
|
target: "e169sb430",
|
16
|
-
label: "
|
17
|
-
})(process.env.NODE_ENV === "production" ?
|
18
|
-
name: "1vabhhj",
|
19
|
-
styles: "display:flex;position:absolute;z-index:2;top:calc(100% - 0.5em)"
|
20
|
-
} : {
|
21
|
-
name: "1vabhhj",
|
22
|
-
styles: "display:flex;position:absolute;z-index:2;top:calc(100% - 0.5em)",
|
23
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQytDIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi8uLi9hcHAtc2hlbGwvdGhlbWUnXG5cbmV4cG9ydCBjb25zdCBUYWJOYXZJdGVtV3JhcHBlciA9IHN0eWxlZC5idXR0b24oXG4gIChwcm9wcykgPT4gY3NzYFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYm9yZGVyOiBub25lO1xuICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIGN1cnNvcjogcG9pbnRlcjtcbiAgICBwYWRkaW5nOiAxcmVtO1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBmb250LXNpemU6IDE2cHg7XG4gICAgZm9udC13ZWlnaHQ6IGJvbGQ7XG4gICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogNHB4O1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMudGhlbWUucHJpbWFyeX07XG4gICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgIG9wYWNpdHk6IDAuNDtcbiAgICAgIH1cbiAgICB9XG4gIGBcbilcblxuZXhwb3J0IGNvbnN0IFNlbGVjdENoaWxkcmVuV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogMjtcbiAgdG9wOiBjYWxjKDEwMCUgLSAwLjVlbSk7XG5gXG5cbmV4cG9ydCBjb25zdCBzdHlsZXMgPSB7XG4gIGFjdGl2ZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XG4gICAgY3NzYFxuICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICB0cmFuc2l0aW9uOiBhbGwgZWFzZSAyNTBtcztcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICAgIGhlaWdodDogNHB4O1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XG4gICAgICAgIHotaW5kZXg6IDE7XG4gICAgICB9XG4gICAgYCxcbn1cbiJdfQ== */",
|
24
|
-
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
25
|
-
});
|
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= */");
|
26
9
|
export const styles = {
|
27
|
-
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= */")
|
28
11
|
};
|
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,8 @@ 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;
|
13
16
|
}
|
14
17
|
declare const LayoutShell: React.FC<IProps>;
|
15
18
|
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;CAChC;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA8CjC,CAAA;AAED,eAAe,WAAW,CAAA"}
|
@@ -1,7 +1,8 @@
|
|
1
|
+
/** @jsxImportSource @emotion/react */
|
1
2
|
import React, { Fragment } from 'react';
|
2
|
-
import { Content, FooterWrapper, MainContent, MainContentWithSidebar, SideBar, WithTabsWrapper, WrapperWithSidebar } from './styles';
|
3
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
4
|
-
import { jsxs as _jsxs } from "react/jsx-runtime";
|
3
|
+
import { Content, FooterWrapper, MainContent, MainContentWithSidebar, SideBar, WithTabsWrapper, WrapperWithSidebar, mainContentLinkStyle } from './styles';
|
4
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
5
|
+
import { jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
5
6
|
|
6
7
|
const LayoutShell = ({
|
7
8
|
sideBar,
|
@@ -9,41 +10,43 @@ const LayoutShell = ({
|
|
9
10
|
topBar,
|
10
11
|
children,
|
11
12
|
footer,
|
12
|
-
withTabs
|
13
|
+
withTabs,
|
14
|
+
withSkipToMainContent
|
13
15
|
}) => {
|
16
|
+
const Tag = withTabs ? WithTabsWrapper : Fragment;
|
17
|
+
|
18
|
+
const SkipToMainContentLink = _jsx("a", {
|
19
|
+
css: theme => [mainContentLinkStyle(theme)],
|
20
|
+
tabIndex: 0,
|
21
|
+
href: "#main",
|
22
|
+
"data-tracking-name": "Felles",
|
23
|
+
"data-tracking-event": "G\xE5 til hovedinnhold",
|
24
|
+
children: "G\xE5 til hovedinnhold"
|
25
|
+
});
|
26
|
+
|
14
27
|
if (sideBar) {
|
15
|
-
return
|
28
|
+
return _jsxs(WrapperWithSidebar, {
|
16
29
|
sideBarWidth: sideBarWidth,
|
17
|
-
children: [
|
30
|
+
children: [withSkipToMainContent && SkipToMainContentLink, _jsx(SideBar, {
|
18
31
|
sideBarWidth: sideBarWidth,
|
19
32
|
children: sideBar
|
20
|
-
}),
|
33
|
+
}), _jsxs(MainContentWithSidebar, {
|
21
34
|
sideBarWidth: sideBarWidth,
|
22
|
-
children: [topBar,
|
35
|
+
children: [topBar, _jsx(Content, {
|
23
36
|
children: children
|
24
37
|
})]
|
25
|
-
}),
|
38
|
+
}), _jsx(FooterWrapper, {
|
26
39
|
children: footer
|
27
40
|
})]
|
28
41
|
});
|
29
42
|
} else {
|
30
|
-
|
31
|
-
|
32
|
-
children: [
|
33
|
-
children:
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
});
|
38
|
-
} else {
|
39
|
-
return /*#__PURE__*/_jsxs(Fragment, {
|
40
|
-
children: [/*#__PURE__*/_jsxs(MainContent, {
|
41
|
-
children: [topBar, /*#__PURE__*/_jsx(Content, {
|
42
|
-
children: children
|
43
|
-
})]
|
44
|
-
}), footer]
|
45
|
-
});
|
46
|
-
}
|
43
|
+
return _jsxs(Tag, {
|
44
|
+
children: [_jsxs(MainContent, {
|
45
|
+
children: [topBar, _jsx(Content, {
|
46
|
+
children: children
|
47
|
+
})]
|
48
|
+
}), footer]
|
49
|
+
});
|
47
50
|
}
|
48
51
|
};
|
49
52
|
|
@@ -1,4 +1,5 @@
|
|
1
1
|
/// <reference types="react" />
|
2
|
+
import { IAppTheme } from '../../app-shell/theme';
|
2
3
|
export declare const Wrapper: import("@emotion/styled").StyledComponent<{
|
3
4
|
theme?: import("@emotion/react").Theme | undefined;
|
4
5
|
as?: import("react").ElementType<any> | undefined;
|
@@ -19,4 +20,5 @@ export declare const Content: import("@emotion/styled").StyledComponent<{
|
|
19
20
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;
|
20
21
|
export declare const MainContentWithSidebar: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
21
22
|
export declare const MainContent: import("@emotion/styled").StyledComponent<any, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
23
|
+
export declare const mainContentLinkStyle: (theme: IAppTheme) => import("@emotion/react").SerializedStyles;
|
22
24
|
//# sourceMappingURL=styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/LayoutShell/styles.ts"],"names":[],"mappings":";
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/layout/LayoutShell/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AAGjD,eAAO,MAAM,OAAO;;;yGAKnB,CAAA;AAED,eAAO,MAAM,eAAe;;;yGAE3B,CAAA;AAED,eAAO,MAAM,kBAAkB,uJAM9B,CAAA;AAED,eAAO,MAAM,aAAa;;;yGAEzB,CAAA;AAED,eAAO,MAAM,OAAO,iJAMnB,CAAA;AAED,eAAO,MAAM,OAAO;;;mGAMnB,CAAA;AAED,eAAO,MAAM,sBAAsB,uJAMlC,CAAA;AAED,eAAO,MAAM,WAAW,uJAOvB,CAAA;AAED,eAAO,MAAM,oBAAoB,UAAW,SAAS,8CAoBpD,CAAA"}
|