@atlaskit/navigation-system 0.166.0

package/dist/esm/ui/page-layout/side-nav/element-context.js

@@ -0,0 +1,20 @@
+import React, { createContext, useContext, useRef } from 'react';
+var SideNavRefContext = /*#__PURE__*/createContext({
+  current: null
+});
+export function SideNavElementProvider(_ref) {
+  var children = _ref.children;
+  var sideNavRef = useRef(null);
+  return /*#__PURE__*/React.createElement(SideNavRefContext.Provider, {
+    value: sideNavRef
+  }, children);
+}
+
+/**
+ * Returns a ref for the side navigation that is accessible to other Page Layout slots.
+ *
+ * Used by the Panel to measure the SideNav when it is calculating its resize bounds.
+ */
+export function useSideNavRef() {
+  return useContext(SideNavRefContext);
+}

package/dist/esm/ui/page-layout/side-nav/flyout-close-delay-ms.js

@@ -0,0 +1,12 @@
+// Note: this value has been pulled into a separate file to better
+// support testing with Playwright. Playwright did not like importing
+// an exported value from `sidenav.tsx` which has `@jsxRuntime classic`.
+//
+// Error:
+// > importSource cannot be set when runtime is classic.
+
+/**
+ * How long the flyout should remain open after the users
+ * pointer has left the side nav flyout
+ */
+export var sideNavFlyoutCloseDelayMs = 400;

package/dist/esm/ui/page-layout/side-nav/side-nav-content.compiled.css

@@ -0,0 +1,9 @@
+._16jlkb7n{flex-grow:1}
+._18m91wug{overflow-y:auto}
+._19bvutpp{padding-left:var(--ds-space-150,9pt)}
+._1o9zkb7n{flex-shrink:1}
+._1reo1wug{overflow-x:auto}
+._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
+._i0dlf1ug{flex-basis:0%}
+._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}

package/dist/esm/ui/page-layout/side-nav/side-nav-content.js

@@ -0,0 +1,29 @@
+/* side-nav-content.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./side-nav-content.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+import { forwardRef } from 'react';
+/**
+ * The main content of the side nav, filling up the middle section. It acts as a scroll container.
+ *
+ * It will grow to take up the available space in the side nav — this is used to push the footer to the
+ * bottom of the side nav.
+ */
+export var SideNavContent = /*#__PURE__*/forwardRef(_SideNavContent);
+
+// Placing this const below the function breaks Compiled!
+var styles = {
+  scrollContainer: "_16jlkb7n _1o9zkb7n _i0dlf1ug _1reo1wug _18m91wug",
+  paddingContainer: "_ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp"
+};
+function _SideNavContent(_ref, ref) {
+  var children = _ref.children,
+    testId = _ref.testId;
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    "data-testid": testId,
+    className: ax([styles.scrollContainer])
+  }, /*#__PURE__*/React.createElement("div", {
+    className: ax([styles.paddingContainer])
+  }, children));
+}

package/dist/esm/ui/page-layout/side-nav/side-nav-footer.compiled.css

@@ -0,0 +1,7 @@
+._19bvutpp{padding-left:var(--ds-space-150,9pt)}
+._1sw7nqa1{border-block-start-style:solid}
+._7myae4h9{border-block-start-width:var(--ds-border-width,1px)}
+._ca0qutpp{padding-top:var(--ds-space-150,9pt)}
+._n3tdutpp{padding-bottom:var(--ds-space-150,9pt)}
+._qgnumuej{border-block-start-color:var(--ds-border,#091e4224)}
+._u5f3utpp{padding-right:var(--ds-space-150,9pt)}

package/dist/esm/ui/page-layout/side-nav/side-nav-footer.js

@@ -0,0 +1,18 @@
+/* side-nav-footer.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./side-nav-footer.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+var styles = {
+  root: "_ca0qutpp _u5f3utpp _n3tdutpp _19bvutpp _7myae4h9 _1sw7nqa1 _qgnumuej"
+};
+
+/**
+ * The bottom part of the side nav.
+ */
+export var SideNavFooter = function SideNavFooter(_ref) {
+  var children = _ref.children,
+    xcss = _ref.xcss;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax([styles.root, xcss])
+  }, children);
+};

package/dist/esm/ui/page-layout/side-nav/side-nav-header.compiled.css

@@ -0,0 +1,3 @@
+._18zrutpp{padding-inline:var(--ds-space-150,9pt)}
+._1q51utpp{padding-block-start:var(--ds-space-150,9pt)}
+._85i51b66{padding-block-end:var(--ds-space-050,4px)}

package/dist/esm/ui/page-layout/side-nav/side-nav-header.js

@@ -0,0 +1,17 @@
+/* side-nav-header.tsx generated by @compiled/babel-plugin v0.36.1 */
+import "./side-nav-header.compiled.css";
+import * as React from 'react';
+import { ax, ix } from "@compiled/react/runtime";
+var styles = {
+  root: "_18zrutpp _1q51utpp _85i51b66"
+};
+
+/**
+ * The top part of the side nav.
+ */
+export var SideNavHeader = function SideNavHeader(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: ax([styles.root])
+  }, children);
+};

package/dist/esm/ui/page-layout/side-nav/side-nav.compiled.css

@@ -0,0 +1,20 @@
+
+._nd5l1b6c{grid-area:main/aside/aside/aside}
+._191wglyw{border-inline-start:none}
+._t51zglyw{border-inline-end:none}
+._t51zzgxb{border-inline-end:1px solid var(--ds-border,#091e4224)}._152timx3{inset-block-start:calc(var(--n_bnrM, 0px) + var(--n_tNvM, 0px))}
+._16qs1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}
+._1bah1yb4{justify-content:space-between}
+._1bsb1ego{width:min(90%,20pc)}
+._1e0c1txw{display:flex}
+._1e0cglyw{display:none}
+._1pbycs5v{z-index:2}
+._2lx21bp4{flex-direction:column}
+._4t3i1osq{height:100%}
+._4t3ieqxy{height:calc(100vh - var(--n_bnrM, 0px) - var(--n_tNvM, 0px))}
+._bfhk1bhr{background-color:var(--ds-surface-overlay,#fff)}
+._kqsw1if8{position:sticky}
+._vchhusvi{box-sizing:border-box}
+@media (min-width:48rem){._14b5hc79{width:var(--n_snvRsz,var(--n_sNvw))}}
+@media (min-width:64rem){._dm2518uv{display:initial}._dm25glyw{display:none}._p5clglyw{border-inline-end:none}._p5clzgxb{border-inline-end:1px solid var(--ds-border,#091e4224)}._qiln1gzg{grid-area:main}._4ap31bhr{background-color:var(--ds-surface-overlay,#fff)}._scbp1cd0{box-shadow:var(--ds-shadow-overlay,0 8px 9pt #091e4226,0 0 1px #091e424f)}._qilnk0mc{grid-area:side-nav}._4ap3vuon{background-color:var(--ds-surface,#fff)}._scbpglyw{box-shadow:none}}
+@supports not (-moz-appearance:none){@media (prefers-reduced-motion:no-preference){._139f8iot{transition-property:transform,display}._1tpvfnf5{transition-duration:.2s}._sylc1a5r{transition-behavior:allow-discrete}._1uwsjq3t{transform:translateX(-100%)}}@media (prefers-reduced-motion:no-preference){@starting-style{._oyeijq3t{transform:translateX(-100%)}}._139f8iot{transition-property:transform,display}._1tpvfnf5{transition-duration:.2s}._sylc1a5r{transition-behavior:allow-discrete}}}