@bbl-digital/snorre 2.3.4 → 2.3.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (6) hide show
  1. package/dist/bundle.js +10 -8
  2. package/esm/layout/LayoutShell/index.js +10 -8
  3. package/lib/layout/LayoutShell/index.d.ts +4 -4
  4. package/lib/layout/LayoutShell/index.d.ts.map +1 -1
  5. package/lib/layout/LayoutShell/index.js +10 -8
  6. package/package.json +1 -1
package/dist/bundle.js CHANGED
@@ -26506,22 +26506,24 @@
26506
26506
  children,
26507
26507
  footer,
26508
26508
  withTabs,
26509
- withSkipToMainContent,
26510
- withSkipToNav
26509
+ onSkipToMainContent,
26510
+ onSkipToNav
26511
26511
  }) => {
26512
26512
  const Tag = withTabs ? WithTabsWrapper : React.Fragment;
26513
26513
 
26514
- const SkipToMainContentLink = jsxRuntime$1.jsx("a", {
26514
+ const SkipToMainContentLink = jsxRuntime$1.jsx("button", {
26515
26515
  css: theme => skipLinkStyle(theme),
26516
- href: "#main",
26516
+ onClick: onSkipToMainContent,
26517
+ role: "link",
26517
26518
  "data-tracking-name": "Felles",
26518
26519
  "data-tracking-event": "Klikk: G\xE5 til hovedinnhold",
26519
26520
  children: "G\xE5 til hovedinnhold"
26520
26521
  });
26521
26522
 
26522
- const SkipToNavLink = jsxRuntime$1.jsx("a", {
26523
+ const SkipToNavLink = jsxRuntime$1.jsx("button", {
26523
26524
  css: theme => skipLinkStyle(theme),
26524
- href: "#nav",
26525
+ role: "link",
26526
+ onClick: onSkipToNav,
26525
26527
  "data-tracking-name": "Felles",
26526
26528
  "data-tracking-event": "Klikk: G\xE5 til undermeny",
26527
26529
  children: "G\xE5 til undermeny"
@@ -26530,7 +26532,7 @@
26530
26532
  if (sideBar) {
26531
26533
  return jsxRuntime$1.jsxs(WrapperWithSidebar, {
26532
26534
  sideBarWidth: sideBarWidth,
26533
- children: [withSkipToNav && SkipToNavLink, withSkipToMainContent && SkipToMainContentLink, jsxRuntime$1.jsx(SideBar, {
26535
+ children: [onSkipToNav && SkipToNavLink, onSkipToMainContent && SkipToMainContentLink, jsxRuntime$1.jsx(SideBar, {
26534
26536
  sideBarWidth: sideBarWidth,
26535
26537
  children: sideBar
26536
26538
  }), jsxRuntime$1.jsxs(MainContentWithSidebar, {
@@ -26544,7 +26546,7 @@
26544
26546
  });
26545
26547
  } else {
26546
26548
  return jsxRuntime$1.jsxs(Tag, {
26547
- children: [withSkipToNav && SkipToNavLink, withSkipToMainContent && SkipToMainContentLink, jsxRuntime$1.jsxs(MainContent, {
26549
+ children: [onSkipToNav && SkipToNavLink, onSkipToMainContent && SkipToMainContentLink, jsxRuntime$1.jsxs(MainContent, {
26548
26550
  children: [topBar, jsxRuntime$1.jsx(Content$2, {
26549
26551
  children: children
26550
26552
  })]
package/esm/layout/LayoutShell/index.js CHANGED
@@ -11,22 +11,24 @@ const LayoutShell = ({
11
11
  children,
12
12
  footer,
13
13
  withTabs,
14
- withSkipToMainContent,
15
- withSkipToNav
14
+ onSkipToMainContent,
15
+ onSkipToNav
16
16
  }) => {
17
17
  const Tag = withTabs ? WithTabsWrapper : Fragment;
18
18
 
19
- const SkipToMainContentLink = _jsx("a", {
19
+ const SkipToMainContentLink = _jsx("button", {
20
20
  css: theme => skipLinkStyle(theme),
21
- href: "#main",
21
+ onClick: onSkipToMainContent,
22
+ role: "link",
22
23
  "data-tracking-name": "Felles",
23
24
  "data-tracking-event": "Klikk: G\xE5 til hovedinnhold",
24
25
  children: "G\xE5 til hovedinnhold"
25
26
  });
26
27
 
27
- const SkipToNavLink = _jsx("a", {
28
+ const SkipToNavLink = _jsx("button", {
28
29
  css: theme => skipLinkStyle(theme),
29
- href: "#nav",
30
+ role: "link",
31
+ onClick: onSkipToNav,
30
32
  "data-tracking-name": "Felles",
31
33
  "data-tracking-event": "Klikk: G\xE5 til undermeny",
32
34
  children: "G\xE5 til undermeny"
@@ -35,7 +37,7 @@ const LayoutShell = ({
35
37
  if (sideBar) {
36
38
  return _jsxs(WrapperWithSidebar, {
37
39
  sideBarWidth: sideBarWidth,
38
- children: [withSkipToNav && SkipToNavLink, withSkipToMainContent && SkipToMainContentLink, _jsx(SideBar, {
40
+ children: [onSkipToNav && SkipToNavLink, onSkipToMainContent && SkipToMainContentLink, _jsx(SideBar, {
39
41
  sideBarWidth: sideBarWidth,
40
42
  children: sideBar
41
43
  }), _jsxs(MainContentWithSidebar, {
@@ -49,7 +51,7 @@ const LayoutShell = ({
49
51
  });
50
52
  } else {
51
53
  return _jsxs(Tag, {
52
- children: [withSkipToNav && SkipToNavLink, withSkipToMainContent && SkipToMainContentLink, _jsxs(MainContent, {
54
+ children: [onSkipToNav && SkipToNavLink, onSkipToMainContent && SkipToMainContentLink, _jsxs(MainContent, {
53
55
  children: [topBar, _jsx(Content, {
54
56
  children: children
55
57
  })]
package/lib/layout/LayoutShell/index.d.ts CHANGED
@@ -11,10 +11,10 @@ interface IProps {
11
11
  footer: React.ReactNode;
12
12
  /** Adds margin bottom */
13
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;
14
+ /** Add hidden skip to main content link with event */
15
+ onSkipToMainContent?: () => void;
16
+ /** Add hidden skip to navbar link with event */
17
+ onSkipToNav?: () => void;
18
18
  }
19
19
  declare const LayoutShell: React.FC<IProps>;
20
20
  export default LayoutShell;
package/lib/layout/LayoutShell/index.d.ts.map CHANGED
@@ -1 +1 @@
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"}
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,sDAAsD;IACtD,mBAAmB,CAAC,EAAE,MAAM,IAAI,CAAA;IAChC,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;CACzB;AAED,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA8DjC,CAAA;AAED,eAAe,WAAW,CAAA"}
package/lib/layout/LayoutShell/index.js CHANGED
@@ -11,22 +11,24 @@ const LayoutShell = ({
11
11
  children,
12
12
  footer,
13
13
  withTabs,
14
- withSkipToMainContent,
15
- withSkipToNav
14
+ onSkipToMainContent,
15
+ onSkipToNav
16
16
  }) => {
17
17
  const Tag = withTabs ? WithTabsWrapper : Fragment;
18
18
 
19
- const SkipToMainContentLink = _jsx("a", {
19
+ const SkipToMainContentLink = _jsx("button", {
20
20
  css: theme => skipLinkStyle(theme),
21
- href: "#main",
21
+ onClick: onSkipToMainContent,
22
+ role: "link",
22
23
  "data-tracking-name": "Felles",
23
24
  "data-tracking-event": "Klikk: G\xE5 til hovedinnhold",
24
25
  children: "G\xE5 til hovedinnhold"
25
26
  });
26
27
 
27
- const SkipToNavLink = _jsx("a", {
28
+ const SkipToNavLink = _jsx("button", {
28
29
  css: theme => skipLinkStyle(theme),
29
- href: "#nav",
30
+ role: "link",
31
+ onClick: onSkipToNav,
30
32
  "data-tracking-name": "Felles",
31
33
  "data-tracking-event": "Klikk: G\xE5 til undermeny",
32
34
  children: "G\xE5 til undermeny"
@@ -35,7 +37,7 @@ const LayoutShell = ({
35
37
  if (sideBar) {
36
38
  return _jsxs(WrapperWithSidebar, {
37
39
  sideBarWidth: sideBarWidth,
38
- children: [withSkipToNav && SkipToNavLink, withSkipToMainContent && SkipToMainContentLink, _jsx(SideBar, {
40
+ children: [onSkipToNav && SkipToNavLink, onSkipToMainContent && SkipToMainContentLink, _jsx(SideBar, {
39
41
  sideBarWidth: sideBarWidth,
40
42
  children: sideBar
41
43
  }), _jsxs(MainContentWithSidebar, {
@@ -49,7 +51,7 @@ const LayoutShell = ({
49
51
  });
50
52
  } else {
51
53
  return _jsxs(Tag, {
52
- children: [withSkipToNav && SkipToNavLink, withSkipToMainContent && SkipToMainContentLink, _jsxs(MainContent, {
54
+ children: [onSkipToNav && SkipToNavLink, onSkipToMainContent && SkipToMainContentLink, _jsxs(MainContent, {
53
55
  children: [topBar, _jsx(Content, {
54
56
  children: children
55
57
  })]
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bbl-digital/snorre",
3
- "version": "2.3.4",
3
+ "version": "2.3.5",
4
4
  "description": "Design library for BBL Digital",
5
5
  "license": "MIT",
6
6
  "main": "./lib/index.js",