@carbon/react 1.12.0 → 1.13.0

package/es/components/PaginationNav/PaginationNav.js

@@ -416,7 +416,7 @@ PaginationNav.propTypes = {
   onChange: PropTypes.func,
 
   /**
-   * The current page.
+   * The index of current page.
    */
   page: PropTypes.number,
 

package/es/components/Toggle/Toggle.js

@@ -56,7 +56,7 @@ function Toggle(_ref) {
   }
 
   var isSm = size === 'sm';
-  var sideLabel = hideLabel ? labelText : checked ? labelB : labelA;
+  var sideLabel = checked ? labelB : labelA;
   var wrapperClasses = cx("".concat(prefix, "--toggle"), _defineProperty({}, "".concat(prefix, "--toggle--disabled"), disabled), className);
   var labelTextClasses = cx("".concat(prefix, "--toggle__label-text"), _defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
   var appearanceClasses = cx("".concat(prefix, "--toggle__appearance"), _defineProperty({}, "".concat(prefix, "--toggle__appearance--sm"), isSm));

package/es/components/Toggletip/index.js

@@ -130,7 +130,7 @@ Toggletip.propTypes = {
   /**
    * Specify how the toggletip should align with the button
    */
-  align: PropTypes.oneOf(['top', 'bottom', 'left', 'right']),
+  align: PropTypes.oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top']),
 
   /**
    * Provide a custom element or component to render the top-level node for the

package/es/components/UIShell/SideNav.js

@@ -12,7 +12,6 @@ import PropTypes from 'prop-types';
 import { AriaLabelPropType } from '../../prop-types/AriaPropTypes.js';
 import { CARBON_SIDENAV_ITEMS } from './_utils.js';
 import { usePrefix } from '../../internal/usePrefix.js';
-import { useMatchMedia } from '../../internal/useMatchMedia.js';
 
 var _excluded = ["expanded", "defaultExpanded", "isChildOfHeader", "aria-label", "aria-labelledby", "children", "onToggle", "className", "isFixedNav", "isRail", "isPersistent", "addFocusListeners", "addMouseListeners", "onOverlayClick"];
 // import SideNavFooter from './SideNavFooter';
@@ -120,8 +119,6 @@ var SideNav = /*#__PURE__*/React__default.forwardRef(function SideNav(props, ref
     };
   }
 
-  var isSideNavCollapsed = useMatchMedia("(max-width: 1055px)");
-  var ariaHidden = isRail ? false : expanded === false && isSideNavCollapsed;
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isFixedNav ? null :
   /*#__PURE__*/
   // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
@@ -129,7 +126,6 @@ var SideNav = /*#__PURE__*/React__default.forwardRef(function SideNav(props, ref
     className: overlayClassName,
     onClick: onOverlayClick
   }), /*#__PURE__*/React__default.createElement("nav", _extends({
-    "aria-hidden": ariaHidden,
     ref: ref,
     className: "".concat(prefix, "--side-nav__navigation ").concat(className)
   }, accessibilityLabel, eventHandlers, other), childrenToRender));

package/lib/components/PaginationNav/PaginationNav.js

@@ -445,7 +445,7 @@ PaginationNav.propTypes = {
   onChange: PropTypes__default["default"].func,
 
   /**
-   * The current page.
+   * The index of current page.
    */
   page: PropTypes__default["default"].number,
 

package/lib/components/Toggle/Toggle.js

@@ -66,7 +66,7 @@ function Toggle(_ref) {
   }
 
   var isSm = size === 'sm';
-  var sideLabel = hideLabel ? labelText : checked ? labelB : labelA;
+  var sideLabel = checked ? labelB : labelA;
   var wrapperClasses = cx__default["default"]("".concat(prefix, "--toggle"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--toggle--disabled"), disabled), className);
   var labelTextClasses = cx__default["default"]("".concat(prefix, "--toggle__label-text"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--visually-hidden"), hideLabel));
   var appearanceClasses = cx__default["default"]("".concat(prefix, "--toggle__appearance"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(prefix, "--toggle__appearance--sm"), isSm));

package/lib/components/Toggletip/index.js

@@ -140,7 +140,7 @@ Toggletip.propTypes = {
   /**
    * Specify how the toggletip should align with the button
    */
-  align: PropTypes__default["default"].oneOf(['top', 'bottom', 'left', 'right']),
+  align: PropTypes__default["default"].oneOf(['top', 'top-left', 'top-right', 'bottom', 'bottom-left', 'bottom-right', 'left', 'left-bottom', 'left-top', 'right', 'right-bottom', 'right-top']),
 
   /**
    * Provide a custom element or component to render the top-level node for the

package/lib/components/UIShell/SideNav.js

@@ -16,7 +16,6 @@ var PropTypes = require('prop-types');
 var AriaPropTypes = require('../../prop-types/AriaPropTypes.js');
 var _utils = require('./_utils.js');
 var usePrefix = require('../../internal/usePrefix.js');
-var useMatchMedia = require('../../internal/useMatchMedia.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -130,8 +129,6 @@ var SideNav = /*#__PURE__*/React__default["default"].forwardRef(function SideNav
     };
   }
 
-  var isSideNavCollapsed = useMatchMedia.useMatchMedia("(max-width: 1055px)");
-  var ariaHidden = isRail ? false : expanded === false && isSideNavCollapsed;
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isFixedNav ? null :
   /*#__PURE__*/
   // eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
@@ -139,7 +136,6 @@ var SideNav = /*#__PURE__*/React__default["default"].forwardRef(function SideNav
     className: overlayClassName,
     onClick: onOverlayClick
   }), /*#__PURE__*/React__default["default"].createElement("nav", _rollupPluginBabelHelpers["extends"]({
-    "aria-hidden": ariaHidden,
     ref: ref,
     className: "".concat(prefix, "--side-nav__navigation ").concat(className)
   }, accessibilityLabel, eventHandlers, other), childrenToRender));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "1.12.0",
+  "version": "1.13.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -43,10 +43,10 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.18.3",
-    "@carbon/feature-flags": "^0.8.0",
-    "@carbon/icons-react": "^11.7.0",
-    "@carbon/layout": "^11.5.0",
-    "@carbon/styles": "^1.12.0",
+    "@carbon/feature-flags": "^0.9.0",
+    "@carbon/icons-react": "^11.8.0",
+    "@carbon/layout": "^11.6.0",
+    "@carbon/styles": "^1.13.0",
     "@carbon/telemetry": "0.1.0",
     "classnames": "2.3.1",
     "copy-to-clipboard": "^3.3.1",
@@ -72,8 +72,8 @@
     "@babel/plugin-transform-react-constant-elements": "^7.17.12",
     "@babel/preset-env": "^7.18.2",
     "@babel/preset-react": "^7.17.12",
-    "@carbon/test-utils": "^10.25.0",
-    "@carbon/themes": "^11.8.0",
+    "@carbon/test-utils": "^10.26.0",
+    "@carbon/themes": "^11.9.0",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^21.0.0",
     "@rollup/plugin-node-resolve": "^13.0.0",
@@ -130,5 +130,5 @@
     "**/*.scss",
     "**/*.css"
   ],
-  "gitHead": "e3e4c8ce2fba7e4510764c70205b8cb57ccba8e1"
+  "gitHead": "e49249e3ed69f33f090a869e58aa4a4372177173"
 }

package/es/internal/useMatchMedia.js

@@ -1,51 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2022
- *
- * 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 { slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
-import { useState, useEffect } from 'react';
-import { canUseDOM } from './environment.js';
-
-function useMatchMedia(mediaQueryString) {
-  var _useState = useState(function () {
-    if (canUseDOM) {
-      var mediaQueryList = window.matchMedia(mediaQueryString);
-      return mediaQueryList.matches;
-    }
-
-    return false;
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      matches = _useState2[0],
-      setMatches = _useState2[1];
-
-  useEffect(function () {
-    function listener(event) {
-      setMatches(event.matches);
-    }
-
-    var mediaQueryList = window.matchMedia(mediaQueryString); // Support fallback to `addListener` for broader browser support
-
-    if (mediaQueryList.addEventListener) {
-      mediaQueryList.addEventListener('change', listener);
-    } else {
-      mediaQueryList.addListener(listener);
-    } // Make sure the media query list is in sync with the matches state
-
-
-    setMatches(mediaQueryList.matches);
-    return function () {
-      if (mediaQueryList.addEventListener) {
-        mediaQueryList.removeEventListener('change', listener);
-      } else {
-        mediaQueryList.removeListener(listener);
-      }
-    };
-  }, [mediaQueryString]);
-  return matches;
-}
-
-export { useMatchMedia };

package/lib/internal/useMatchMedia.js

@@ -1,55 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2022
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _rollupPluginBabelHelpers = require('../_virtual/_rollupPluginBabelHelpers.js');
-var React = require('react');
-var environment = require('./environment.js');
-
-function useMatchMedia(mediaQueryString) {
-  var _useState = React.useState(function () {
-    if (environment.canUseDOM) {
-      var mediaQueryList = window.matchMedia(mediaQueryString);
-      return mediaQueryList.matches;
-    }
-
-    return false;
-  }),
-      _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      matches = _useState2[0],
-      setMatches = _useState2[1];
-
-  React.useEffect(function () {
-    function listener(event) {
-      setMatches(event.matches);
-    }
-
-    var mediaQueryList = window.matchMedia(mediaQueryString); // Support fallback to `addListener` for broader browser support
-
-    if (mediaQueryList.addEventListener) {
-      mediaQueryList.addEventListener('change', listener);
-    } else {
-      mediaQueryList.addListener(listener);
-    } // Make sure the media query list is in sync with the matches state
-
-
-    setMatches(mediaQueryList.matches);
-    return function () {
-      if (mediaQueryList.addEventListener) {
-        mediaQueryList.removeEventListener('change', listener);
-      } else {
-        mediaQueryList.removeListener(listener);
-      }
-    };
-  }, [mediaQueryString]);
-  return matches;
-}
-
-exports.useMatchMedia = useMatchMedia;