@bbl-digital/snorre 2.3.4 → 2.3.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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",