@carbon/react 1.36.0-rc.0 → 1.36.0

package/es/components/Breadcrumb/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import Breadcrumb from './Breadcrumb';
+import BreadcrumbItem from './BreadcrumbItem';
+import BreadcrumbSkeleton from './Breadcrumb.Skeleton';
+export { Breadcrumb, BreadcrumbItem, BreadcrumbSkeleton };
+export default Breadcrumb;

package/es/components/BreadcrumbItem/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { default } from '../Breadcrumb/BreadcrumbItem';

package/es/components/UIShell/SideNav.js

@@ -15,6 +15,8 @@ import { usePrefix } from '../../internal/usePrefix.js';
 import { useMergedRefs } from '../../internal/useMergedRefs.js';
 import { useWindowEvent } from '../../internal/useEvent.js';
 import { useDelayedState } from '../../internal/useDelayedState.js';
+import { breakpoints } from '@carbon/layout';
+import { useMatchMedia } from '../../internal/useMatchMedia.js';
 import { match } from '../../internal/keyboard/match.js';
 import { Tab, Escape } from '../../internal/keyboard/keys.js';
 
@@ -152,6 +154,8 @@ function SideNavRenderFunction(_ref, ref) {
       sideNavRef.current.focus();
     }
   });
+  const lgMediaQuery = `(min-width: ${breakpoints.lg.width})`;
+  const isLg = useMatchMedia(lgMediaQuery);
   return /*#__PURE__*/React__default.createElement(SideNavContext.Provider, {
     value: {
       isRail
@@ -166,7 +170,7 @@ function SideNavRenderFunction(_ref, ref) {
     tabIndex: -1,
     ref: navRef,
     className: `${prefix}--side-nav__navigation ${className}`,
-    inert: !isRail && (expanded ? undefined : -1)
+    inert: !isRail && (expanded || isLg ? undefined : -1)
   }, accessibilityLabel, eventHandlers, other), childrenToRender));
 }
 const SideNav = /*#__PURE__*/React__default.forwardRef(SideNavRenderFunction);

package/es/index.js

@@ -10,6 +10,9 @@ export { default as Accordion } from './components/Accordion/Accordion.js';
 export { default as AccordionItem } from './components/Accordion/AccordionItem.js';
 export { default as AccordionSkeleton } from './components/Accordion/Accordion.Skeleton.js';
 export { default as AspectRatio } from './components/AspectRatio/AspectRatio.js';
+export { default as Breadcrumb } from './components/Breadcrumb/Breadcrumb.js';
+export { default as BreadcrumbItem } from './components/Breadcrumb/BreadcrumbItem.js';
+export { default as BreadcrumbSkeleton } from './components/Breadcrumb/Breadcrumb.Skeleton.js';
 export { default as Button, ButtonKinds, ButtonSizes, ButtonTooltipAlignments, ButtonTooltipPositions } from './components/Button/Button.js';
 export { default as ButtonSkeleton } from './components/Button/Button.Skeleton.js';
 export { default as ButtonSet } from './components/ButtonSet/ButtonSet.js';
@@ -107,7 +110,6 @@ export { default as unstable__FluidTextInput } from './components/FluidTextInput
 export { default as unstable__FluidTextInputSkeleton } from './components/FluidTextInput/FluidTextInput.Skeleton.js';
 export { default as unstable_PageSelector } from './components/Pagination/experimental/PageSelector.js';
 export { default as unstable_Pagination } from './components/Pagination/experimental/Pagination.js';
-export { default as BreadcrumbSkeleton } from './components/Breadcrumb/Breadcrumb.Skeleton.js';
 export { default as CheckboxGroup } from './components/CheckboxGroup/CheckboxGroup.js';
 export { default as CodeSnippetSkeleton } from './components/CodeSnippet/CodeSnippet.Skeleton.js';
 export { default as CodeSnippet } from './components/CodeSnippet/CodeSnippet.js';
@@ -155,8 +157,6 @@ export { LayoutDirection as unstable_LayoutDirection } from './components/Layout
 export { useLayoutDirection as unstable_useLayoutDirection } from './components/LayoutDirection/useLayoutDirection.js';
 export { Text as unstable_Text } from './components/Text/Text.js';
 export { TextDirection as unstable_TextDirection } from './components/Text/TextDirection.js';
-export { default as Breadcrumb } from './components/Breadcrumb/Breadcrumb.js';
-export { default as BreadcrumbItem } from './components/Breadcrumb/BreadcrumbItem.js';
 export { default as DataTable } from './components/DataTable/DataTable.js';
 export { Table } from './components/DataTable/Table.js';
 export { default as TableActionList } from './components/DataTable/TableActionList.js';

package/lib/components/Breadcrumb/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+import Breadcrumb from './Breadcrumb';
+import BreadcrumbItem from './BreadcrumbItem';
+import BreadcrumbSkeleton from './Breadcrumb.Skeleton';
+export { Breadcrumb, BreadcrumbItem, BreadcrumbSkeleton };
+export default Breadcrumb;

package/lib/components/BreadcrumbItem/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Copyright IBM Corp. 2016, 2023
+ *
+ * This source code is licensed under the Apache-2.0 license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+export { default } from '../Breadcrumb/BreadcrumbItem';

package/lib/components/UIShell/SideNav.js

@@ -19,6 +19,8 @@ var usePrefix = require('../../internal/usePrefix.js');
 var useMergedRefs = require('../../internal/useMergedRefs.js');
 var useEvent = require('../../internal/useEvent.js');
 var useDelayedState = require('../../internal/useDelayedState.js');
+var layout = require('@carbon/layout');
+var useMatchMedia = require('../../internal/useMatchMedia.js');
 var match = require('../../internal/keyboard/match.js');
 var keys = require('../../internal/keyboard/keys.js');
 
@@ -162,6 +164,8 @@ function SideNavRenderFunction(_ref, ref) {
       sideNavRef.current.focus();
     }
   });
+  const lgMediaQuery = `(min-width: ${layout.breakpoints.lg.width})`;
+  const isLg = useMatchMedia.useMatchMedia(lgMediaQuery);
   return /*#__PURE__*/React__default["default"].createElement(SideNavContext.Provider, {
     value: {
       isRail
@@ -176,7 +180,7 @@ function SideNavRenderFunction(_ref, ref) {
     tabIndex: -1,
     ref: navRef,
     className: `${prefix}--side-nav__navigation ${className}`,
-    inert: !isRail && (expanded ? undefined : -1)
+    inert: !isRail && (expanded || isLg ? undefined : -1)
   }, accessibilityLabel, eventHandlers, other), childrenToRender));
 }
 const SideNav = /*#__PURE__*/React__default["default"].forwardRef(SideNavRenderFunction);

package/lib/index.js

@@ -14,6 +14,9 @@ var Accordion = require('./components/Accordion/Accordion.js');
 var AccordionItem = require('./components/Accordion/AccordionItem.js');
 var Accordion_Skeleton = require('./components/Accordion/Accordion.Skeleton.js');
 var AspectRatio = require('./components/AspectRatio/AspectRatio.js');
+var Breadcrumb = require('./components/Breadcrumb/Breadcrumb.js');
+var BreadcrumbItem = require('./components/Breadcrumb/BreadcrumbItem.js');
+var Breadcrumb_Skeleton = require('./components/Breadcrumb/Breadcrumb.Skeleton.js');
 var Button = require('./components/Button/Button.js');
 var Button_Skeleton = require('./components/Button/Button.Skeleton.js');
 var ButtonSet = require('./components/ButtonSet/ButtonSet.js');
@@ -111,7 +114,6 @@ var FluidTextInput = require('./components/FluidTextInput/FluidTextInput.js');
 var FluidTextInput_Skeleton = require('./components/FluidTextInput/FluidTextInput.Skeleton.js');
 var PageSelector = require('./components/Pagination/experimental/PageSelector.js');
 var Pagination = require('./components/Pagination/experimental/Pagination.js');
-var Breadcrumb_Skeleton = require('./components/Breadcrumb/Breadcrumb.Skeleton.js');
 var CheckboxGroup = require('./components/CheckboxGroup/CheckboxGroup.js');
 var CodeSnippet_Skeleton = require('./components/CodeSnippet/CodeSnippet.Skeleton.js');
 var CodeSnippet = require('./components/CodeSnippet/CodeSnippet.js');
@@ -159,8 +161,6 @@ var LayoutDirection = require('./components/LayoutDirection/LayoutDirection.js')
 var useLayoutDirection = require('./components/LayoutDirection/useLayoutDirection.js');
 var Text = require('./components/Text/Text.js');
 var TextDirection = require('./components/Text/TextDirection.js');
-var Breadcrumb = require('./components/Breadcrumb/Breadcrumb.js');
-var BreadcrumbItem = require('./components/Breadcrumb/BreadcrumbItem.js');
 var DataTable = require('./components/DataTable/DataTable.js');
 var Table = require('./components/DataTable/Table.js');
 var TableActionList = require('./components/DataTable/TableActionList.js');
@@ -230,6 +230,9 @@ exports.Accordion = Accordion["default"];
 exports.AccordionItem = AccordionItem["default"];
 exports.AccordionSkeleton = Accordion_Skeleton["default"];
 exports.AspectRatio = AspectRatio["default"];
+exports.Breadcrumb = Breadcrumb["default"];
+exports.BreadcrumbItem = BreadcrumbItem["default"];
+exports.BreadcrumbSkeleton = Breadcrumb_Skeleton["default"];
 exports.Button = Button["default"];
 exports.ButtonKinds = Button.ButtonKinds;
 exports.ButtonSizes = Button.ButtonSizes;
@@ -357,7 +360,6 @@ exports.unstable__FluidTextInput = FluidTextInput["default"];
 exports.unstable__FluidTextInputSkeleton = FluidTextInput_Skeleton["default"];
 exports.unstable_PageSelector = PageSelector["default"];
 exports.unstable_Pagination = Pagination["default"];
-exports.BreadcrumbSkeleton = Breadcrumb_Skeleton["default"];
 exports.CheckboxGroup = CheckboxGroup["default"];
 exports.CodeSnippetSkeleton = CodeSnippet_Skeleton["default"];
 exports.CodeSnippet = CodeSnippet["default"];
@@ -405,8 +407,6 @@ exports.unstable_LayoutDirection = LayoutDirection.LayoutDirection;
 exports.unstable_useLayoutDirection = useLayoutDirection.useLayoutDirection;
 exports.unstable_Text = Text.Text;
 exports.unstable_TextDirection = TextDirection.TextDirection;
-exports.Breadcrumb = Breadcrumb["default"];
-exports.BreadcrumbItem = BreadcrumbItem["default"];
 exports.DataTable = DataTable["default"];
 exports.Table = Table.Table;
 exports.TableActionList = TableActionList["default"];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.36.0-rc.0",
+  "version": "1.36.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -46,9 +46,9 @@
   "dependencies": {
     "@babel/runtime": "^7.18.3",
     "@carbon/feature-flags": "^0.16.0",
-    "@carbon/icons-react": "^11.25.0-rc.0",
-    "@carbon/layout": "^11.19.0-rc.0",
-    "@carbon/styles": "^1.36.0-rc.0",
+    "@carbon/icons-react": "^11.25.0",
+    "@carbon/layout": "^11.19.0",
+    "@carbon/styles": "^1.36.0",
     "@carbon/telemetry": "0.1.0",
     "classnames": "2.3.2",
     "copy-to-clipboard": "^3.3.1",
@@ -76,7 +76,7 @@
     "@babel/preset-react": "^7.22.3",
     "@babel/preset-typescript": "^7.21.5",
     "@carbon/test-utils": "^10.30.0",
-    "@carbon/themes": "^11.24.0-rc.0",
+    "@carbon/themes": "^11.24.0",
     "@rollup/plugin-babel": "^6.0.0",
     "@rollup/plugin-commonjs": "^25.0.0",
     "@rollup/plugin-node-resolve": "^15.0.0",
@@ -138,5 +138,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "d51dfbb8dc951c6f609561a1e2935e8208bf6e30"
+  "gitHead": "34d9b328b856918ec5a3bfc720f4b3ba3d45daf4"
 }