@carbon/react 0.10.0 → 0.12.0-rc.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/react",
   "description": "React components for the Carbon Design System",
-  "version": "0.10.0",
+  "version": "0.12.0-rc.0",
   "license": "Apache-2.0",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -42,61 +42,67 @@
     "sass": "^1.32.12"
   },
   "dependencies": {
-    "@carbon/feature-flags": "^0.6.0",
-    "@carbon/icons-react": "^10.44.0",
-    "@carbon/styles": "^0.10.0",
+    "@carbon/feature-flags": "^0.7.0-rc.0",
+    "@carbon/icons-react": "^10.45.0-rc.0",
+    "@carbon/styles": "^0.12.0-rc.0",
     "@carbon/telemetry": "0.0.0-alpha.6",
-    "carbon-components": "^10.49.0",
-    "carbon-components-react": "^7.49.0",
+    "carbon-components": "^10.51.0-rc.0",
+    "carbon-components-react": "^7.51.0-rc.0",
     "carbon-icons": "^7.0.7"
   },
   "devDependencies": {
-    "@babel/core": "^7.14.6",
-    "@babel/plugin-proposal-class-properties": "^7.14.5",
-    "@babel/plugin-proposal-export-default-from": "^7.14.5",
-    "@babel/plugin-proposal-export-namespace-from": "^7.14.5",
-    "@babel/plugin-transform-react-constant-elements": "^7.14.5",
-    "@babel/preset-env": "^7.14.7",
-    "@babel/preset-react": "^7.14.5",
-    "@carbon/themes": "^10.47.0",
+    "@babel/core": "^7.16.7",
+    "@babel/plugin-proposal-class-properties": "^7.16.7",
+    "@babel/plugin-proposal-export-default-from": "^7.16.7",
+    "@babel/plugin-proposal-export-namespace-from": "^7.16.7",
+    "@babel/plugin-transform-react-constant-elements": "^7.16.7",
+    "@babel/preset-env": "^7.16.7",
+    "@babel/preset-react": "^7.16.7",
+    "@carbon/themes": "^10.49.0-rc.0",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-commonjs": "^18.0.0",
     "@rollup/plugin-node-resolve": "^11.2.1",
-    "@storybook/addon-actions": "^6.3.6",
-    "@storybook/addon-docs": "^6.3.6",
-    "@storybook/addon-essentials": "^6.3.6",
-    "@storybook/react": "^6.3.6",
-    "@storybook/theming": "^6.3.6",
-    "autoprefixer": "^10.2.5",
-    "babel-loader": "^8.2.2",
-    "babel-plugin-dev-expression": "^0.2.2",
-    "babel-preset-carbon": "^0.1.0",
+    "@storybook/addon-a11y": "^6.4.9",
+    "@storybook/addon-actions": "^6.4.9",
+    "@storybook/addon-docs": "^6.4.9",
+    "@storybook/addon-essentials": "^6.4.9",
+    "@storybook/addon-storysource": "^6.4.9",
+    "@storybook/builder-webpack5": "^6.4.9",
+    "@storybook/manager-webpack5": "^6.4.9",
+    "@storybook/react": "^6.4.9",
+    "@storybook/theming": "^6.4.9",
+    "autoprefixer": "^10.4.0",
+    "babel-loader": "^8.2.3",
+    "babel-plugin-dev-expression": "^0.2.3",
+    "babel-preset-carbon": "^0.2.0-rc.0",
     "browserslist-config-carbon": "^10.6.1",
-    "css-loader": "^5.2.4",
+    "css-loader": "^6.5.1",
     "fs-extra": "^10.0.0",
-    "mini-css-extract-plugin": "^1.6.0",
-    "postcss": "^8.2.14",
-    "postcss-custom-properties": "^11.0.0",
-    "postcss-loader": "4",
+    "mini-css-extract-plugin": "^2.4.5",
+    "postcss": "^8.4.5",
+    "postcss-loader": "^6.2.1",
     "prop-types": "^15.7.2",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "rimraf": "^3.0.2",
     "rollup": "^2.46.0",
     "rollup-plugin-strip-banner": "^2.0.0",
-    "rtlcss": "^3.1.2",
-    "sass": "^1.43.3",
-    "sass-loader": "10",
-    "style-loader": "^2.0.0",
-    "webpack": "^4.41.5"
+    "rtlcss": "^3.5.0",
+    "sass": "^1.45.0",
+    "sass-loader": "^12.4.0",
+    "style-loader": "^3.3.1",
+    "webpack": "^5.65.0"
   },
   "sideEffects": [
     "es/index.js",
     "lib/index.js",
+    "src/index.js",
     "es/feature-flags.js",
     "lib/feature-flags.js",
+    "src/feature-flags.js",
     "es/prefix.js",
-    "lib/prefix.js"
+    "lib/prefix.js",
+    "src/prefix.js"
   ],
-  "gitHead": "505af1963e6f78a204212e4f322c247f4eb4f217"
+  "gitHead": "a8bade7e1200220296e8ed13621c7a1a88206f0e"
 }

package/scss/_layer.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/layer';

package/scss/fonts/_index.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/fonts';

package/scss/fonts/_mono.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/fonts/mono';

package/scss/fonts/_sans-arabic.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/fonts/sans-arabic';

package/scss/fonts/_sans-devanagari.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/fonts/sans-devanagari';

package/scss/fonts/_sans-hebrew.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/fonts/sans-hebrew';

package/scss/fonts/_sans-thai-looped.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/fonts/sans-thai-looped';

package/scss/fonts/_sans-thai.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/fonts/sans-thai';

package/scss/fonts/_sans.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/fonts/sans';

package/scss/fonts/_serif.scss

@@ -0,0 +1,9 @@
+// Code generated by @carbon/react. DO NOT EDIT.
+//
+// Copyright IBM Corp. 2018, 2018
+//
+// This source code is licensed under the Apache-2.0 license found in the
+// LICENSE file in the root directory of this source tree.
+//
+
+@forward '@carbon/styles/scss/fonts/serif';

package/es/_virtual/_commonjsHelpers.js

@@ -1,13 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2021
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-function createCommonjsModule(fn) {
-  var module = { exports: {} };
-	return fn(module, module.exports), module.exports;
-}
-
-export { createCommonjsModule };

package/es/_virtual/_rollupPluginBabelHelpers.js

@@ -1,93 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2021
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function (obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function (obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
-}
-
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-
-  var key, i;
-
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-
-  return target;
-}
-
-export { _defineProperty as defineProperty, _extends as extends, _objectWithoutProperties as objectWithoutProperties, _objectWithoutPropertiesLoose as objectWithoutPropertiesLoose, _typeof as typeof };

package/es/components/Layer/index.js

@@ -1,47 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2021
- *
- * 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 { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React from 'react';
-import PropTypes from 'prop-types';
-import classnames from '../../node_modules/classnames/index.js';
-import { usePrefix } from '../../internal/usePrefix.js';
-
-var _excluded = ["as", "className", "children"];
-function Layer(_ref) {
-  var _ref$as = _ref.as,
-      BaseComponent = _ref$as === void 0 ? 'div' : _ref$as,
-      customClassName = _ref.className,
-      children = _ref.children,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var className = classnames("".concat(prefix, "--layer"), customClassName);
-  return /*#__PURE__*/React.createElement(BaseComponent, _extends({}, rest, {
-    className: className
-  }), children);
-}
-Layer.propTypes = {
-  /**
-   * Specify a custom component or element to be rendered as the top-level
-   * element in the component
-   */
-  as: PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.elementType]),
-
-  /**
-   * Provide child elements to be rendered inside of `Theme`
-   */
-  children: PropTypes.node,
-
-  /**
-   * Provide a custom class name to be used on the outermost element rendered by
-   * the component
-   */
-  className: PropTypes.string
-};
-
-export { Layer };

package/es/components/Theme/index.js

@@ -1,76 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2021
- *
- * 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 { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React from 'react';
-import PropTypes from 'prop-types';
-import classnames from '../../node_modules/classnames/index.js';
-import { usePrefix } from '../../internal/usePrefix.js';
-
-var _excluded = ["as", "children", "className", "theme"];
-var ThemeContext = /*#__PURE__*/React.createContext({
-  theme: 'white'
-});
-/**
- * Specify the theme to be applied to a page, or a region in a page
- */
-
-function Theme(_ref) {
-  var _cx;
-
-  var _ref$as = _ref.as,
-      BaseComponent = _ref$as === void 0 ? 'div' : _ref$as,
-      children = _ref.children,
-      customClassName = _ref.className,
-      theme = _ref.theme,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var prefix = usePrefix();
-  var className = classnames(customClassName, (_cx = {}, _defineProperty(_cx, "".concat(prefix, "--white"), theme === 'white'), _defineProperty(_cx, "".concat(prefix, "--g10"), theme === 'g10'), _defineProperty(_cx, "".concat(prefix, "--g90"), theme === 'g90'), _defineProperty(_cx, "".concat(prefix, "--g100"), theme === 'g100'), _cx));
-  var value = React.useMemo(function () {
-    return {
-      theme: theme
-    };
-  }, [theme]);
-  return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-    value: value
-  }, /*#__PURE__*/React.createElement(BaseComponent, _extends({}, rest, {
-    className: className
-  }), children));
-}
-Theme.propTypes = {
-  /**
-   * Specify a custom component or element to be rendered as the top-level
-   * element in the component
-   */
-  as: PropTypes.oneOfType([PropTypes.func, PropTypes.string, PropTypes.elementType]),
-
-  /**
-   * Provide child elements to be rendered inside of `Theme`
-   */
-  children: PropTypes.node,
-
-  /**
-   * Provide a custom class name to be used on the outermost element rendered by
-   * the component
-   */
-  className: PropTypes.string,
-
-  /**
-   * Specify the theme
-   */
-  theme: PropTypes.oneOf(['white', 'g10', 'g90', 'g100'])
-};
-/**
- * Get access to the current theme
- */
-
-function useTheme() {
-  return React.useContext(ThemeContext);
-}
-
-export { Theme, useTheme };

package/es/internal/usePrefix.js

@@ -1,12 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2021
- *
- * 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 { unstable_usePrefix } from 'carbon-components-react';
-
-var usePrefix = unstable_usePrefix;
-
-export { usePrefix };

package/es/node_modules/classnames/index.js

@@ -1,61 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2021
- *
- * 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 { typeof as _typeof } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import { createCommonjsModule } from '../../_virtual/_commonjsHelpers.js';
-
-var classnames = createCommonjsModule(function (module) {
-  /* global define */
-  (function () {
-
-    var hasOwn = {}.hasOwnProperty;
-
-    function classNames() {
-      var classes = [];
-
-      for (var i = 0; i < arguments.length; i++) {
-        var arg = arguments[i];
-        if (!arg) continue;
-
-        var argType = _typeof(arg);
-
-        if (argType === 'string' || argType === 'number') {
-          classes.push(arg);
-        } else if (Array.isArray(arg)) {
-          if (arg.length) {
-            var inner = classNames.apply(null, arg);
-
-            if (inner) {
-              classes.push(inner);
-            }
-          }
-        } else if (argType === 'object') {
-          if (arg.toString === Object.prototype.toString) {
-            for (var key in arg) {
-              if (hasOwn.call(arg, key) && arg[key]) {
-                classes.push(key);
-              }
-            }
-          } else {
-            classes.push(arg.toString());
-          }
-        }
-      }
-
-      return classes.join(' ');
-    }
-
-    if (module.exports) {
-      classNames.default = classNames;
-      module.exports = classNames;
-    } else {
-      window.classNames = classNames;
-    }
-  })();
-});
-
-export default classnames;

package/lib/_virtual/_commonjsHelpers.js

@@ -1,17 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2021
- *
- * 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 });
-
-function createCommonjsModule(fn) {
-  var module = { exports: {} };
-	return fn(module, module.exports), module.exports;
-}
-
-exports.createCommonjsModule = createCommonjsModule;

package/lib/_virtual/_rollupPluginBabelHelpers.js

@@ -1,101 +0,0 @@
-/**
- * Copyright IBM Corp. 2016, 2021
- *
- * 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 });
-
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof = function (obj) {
-      return typeof obj;
-    };
-  } else {
-    _typeof = function (obj) {
-      return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-    };
-  }
-
-  return _typeof(obj);
-}
-
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
-}
-
-function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-
-  return target;
-}
-
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-
-  var key, i;
-
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-
-  return target;
-}
-
-exports.defineProperty = _defineProperty;
-exports.extends = _extends;
-exports.objectWithoutProperties = _objectWithoutProperties;
-exports.objectWithoutPropertiesLoose = _objectWithoutPropertiesLoose;
-exports.typeof = _typeof;