@stoplight/elements-core 8.5.0 → 8.5.2

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 (4) hide show
  1. package/index.esm.js +3 -2
  2. package/index.js +3 -2
  3. package/index.mjs +3 -2
  4. package/package.json +1 -1
package/index.esm.js CHANGED
@@ -3034,7 +3034,7 @@ function MethodPathInner({ method, path, chosenServerUrl }) {
3034
3034
  const isDark = useThemeIsDark();
3035
3035
  const fullUrl = `${chosenServerUrl}${path}`;
3036
3036
  const pathElem = (React.createElement(Flex, { overflowX: "hidden", fontSize: "lg", userSelect: "all" },
3037
- React.createElement(Box, { dir: "rtl", textOverflow: "truncate", overflowX: "hidden" },
3037
+ React.createElement(Box, { dir: "ltr", textOverflow: "truncate", overflowX: "hidden" },
3038
3038
  React.createElement(Box, { as: "span", dir: "ltr", color: "muted", style: { unicodeBidi: 'bidi-override' } }, chosenServerUrl),
3039
3039
  React.createElement(Box, { as: "span", fontWeight: "semibold", flex: 1 }, path))));
3040
3040
  return (React.createElement(HStack, { spacing: 3, pl: 2.5, pr: 4, py: 2, bg: "canvas-50", rounded: "lg", fontFamily: "mono", display: "inline-flex", maxW: "full", title: fullUrl },
@@ -3638,7 +3638,8 @@ const MobileTopNav = ({ name, logo, tree, pathname, onTocClick, }) => {
3638
3638
  React.createElement(Flex, { justifyContent: "end" },
3639
3639
  React.createElement(Button, { className: "sl-mr-4 sl-mt-2", onPress: () => setIsSidebarOpen(false), appearance: "minimal", justifySelf: "end" },
3640
3640
  React.createElement(Icon, { size: "lg", icon: faX }))),
3641
- React.createElement(Sidebar, { name: name, logo: logo, tree: tree, pathname: pathname, onTocClick: () => handleTocClick(), isInResponsiveMode: true }))));
3641
+ React.createElement(Box, { tabIndex: -1 },
3642
+ React.createElement(Sidebar, { name: name, logo: logo, tree: tree, pathname: pathname, onTocClick: handleTocClick, isInResponsiveMode: true })))));
3642
3643
  };
3643
3644
  const NavHeading = ({ heading }) => (React.createElement(Flex, { flex: 1, "data-test": "mobile-project-top-nav", style: { minWidth: 0 } },
3644
3645
  React.createElement(Box, { fontSize: "xl", fontWeight: "semibold", whitespace: "nowrap", textOverflow: "overflow-ellipsis", overflowX: "hidden", overflowY: "hidden", w: "full", textAlign: "center" }, heading)));
package/index.js CHANGED
@@ -3056,7 +3056,7 @@ function MethodPathInner({ method, path, chosenServerUrl }) {
3056
3056
  const isDark = mosaic.useThemeIsDark();
3057
3057
  const fullUrl = `${chosenServerUrl}${path}`;
3058
3058
  const pathElem = (React__namespace.createElement(mosaic.Flex, { overflowX: "hidden", fontSize: "lg", userSelect: "all" },
3059
- React__namespace.createElement(mosaic.Box, { dir: "rtl", textOverflow: "truncate", overflowX: "hidden" },
3059
+ React__namespace.createElement(mosaic.Box, { dir: "ltr", textOverflow: "truncate", overflowX: "hidden" },
3060
3060
  React__namespace.createElement(mosaic.Box, { as: "span", dir: "ltr", color: "muted", style: { unicodeBidi: 'bidi-override' } }, chosenServerUrl),
3061
3061
  React__namespace.createElement(mosaic.Box, { as: "span", fontWeight: "semibold", flex: 1 }, path))));
3062
3062
  return (React__namespace.createElement(mosaic.HStack, { spacing: 3, pl: 2.5, pr: 4, py: 2, bg: "canvas-50", rounded: "lg", fontFamily: "mono", display: "inline-flex", maxW: "full", title: fullUrl },
@@ -3660,7 +3660,8 @@ const MobileTopNav = ({ name, logo, tree, pathname, onTocClick, }) => {
3660
3660
  React__namespace.createElement(mosaic.Flex, { justifyContent: "end" },
3661
3661
  React__namespace.createElement(mosaic.Button, { className: "sl-mr-4 sl-mt-2", onPress: () => setIsSidebarOpen(false), appearance: "minimal", justifySelf: "end" },
3662
3662
  React__namespace.createElement(mosaic.Icon, { size: "lg", icon: faX }))),
3663
- React__namespace.createElement(Sidebar, { name: name, logo: logo, tree: tree, pathname: pathname, onTocClick: () => handleTocClick(), isInResponsiveMode: true }))));
3663
+ React__namespace.createElement(mosaic.Box, { tabIndex: -1 },
3664
+ React__namespace.createElement(Sidebar, { name: name, logo: logo, tree: tree, pathname: pathname, onTocClick: handleTocClick, isInResponsiveMode: true })))));
3664
3665
  };
3665
3666
  const NavHeading = ({ heading }) => (React__namespace.createElement(mosaic.Flex, { flex: 1, "data-test": "mobile-project-top-nav", style: { minWidth: 0 } },
3666
3667
  React__namespace.createElement(mosaic.Box, { fontSize: "xl", fontWeight: "semibold", whitespace: "nowrap", textOverflow: "overflow-ellipsis", overflowX: "hidden", overflowY: "hidden", w: "full", textAlign: "center" }, heading)));
package/index.mjs CHANGED
@@ -3034,7 +3034,7 @@ function MethodPathInner({ method, path, chosenServerUrl }) {
3034
3034
  const isDark = useThemeIsDark();
3035
3035
  const fullUrl = `${chosenServerUrl}${path}`;
3036
3036
  const pathElem = (React.createElement(Flex, { overflowX: "hidden", fontSize: "lg", userSelect: "all" },
3037
- React.createElement(Box, { dir: "rtl", textOverflow: "truncate", overflowX: "hidden" },
3037
+ React.createElement(Box, { dir: "ltr", textOverflow: "truncate", overflowX: "hidden" },
3038
3038
  React.createElement(Box, { as: "span", dir: "ltr", color: "muted", style: { unicodeBidi: 'bidi-override' } }, chosenServerUrl),
3039
3039
  React.createElement(Box, { as: "span", fontWeight: "semibold", flex: 1 }, path))));
3040
3040
  return (React.createElement(HStack, { spacing: 3, pl: 2.5, pr: 4, py: 2, bg: "canvas-50", rounded: "lg", fontFamily: "mono", display: "inline-flex", maxW: "full", title: fullUrl },
@@ -3638,7 +3638,8 @@ const MobileTopNav = ({ name, logo, tree, pathname, onTocClick, }) => {
3638
3638
  React.createElement(Flex, { justifyContent: "end" },
3639
3639
  React.createElement(Button, { className: "sl-mr-4 sl-mt-2", onPress: () => setIsSidebarOpen(false), appearance: "minimal", justifySelf: "end" },
3640
3640
  React.createElement(Icon, { size: "lg", icon: faX }))),
3641
- React.createElement(Sidebar, { name: name, logo: logo, tree: tree, pathname: pathname, onTocClick: () => handleTocClick(), isInResponsiveMode: true }))));
3641
+ React.createElement(Box, { tabIndex: -1 },
3642
+ React.createElement(Sidebar, { name: name, logo: logo, tree: tree, pathname: pathname, onTocClick: handleTocClick, isInResponsiveMode: true })))));
3642
3643
  };
3643
3644
  const NavHeading = ({ heading }) => (React.createElement(Flex, { flex: 1, "data-test": "mobile-project-top-nav", style: { minWidth: 0 } },
3644
3645
  React.createElement(Box, { fontSize: "xl", fontWeight: "semibold", whitespace: "nowrap", textOverflow: "overflow-ellipsis", overflowX: "hidden", overflowY: "hidden", w: "full", textAlign: "center" }, heading)));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stoplight/elements-core",
3
- "version": "8.5.0",
3
+ "version": "8.5.2",
4
4
  "main": "./index.js",
5
5
  "sideEffects": [
6
6
  "web-components.min.js",