@carbon/web-components 2.0.0-beta.2 → 2.0.0-beta.4

package/lib/components-react-node/stack/stack.js

@@ -0,0 +1,49 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * 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,
+});
+Object.defineProperty(exports, 'SPACING_STEPS', {
+  enumerable: true,
+  get: function () {
+    return _defs.SPACING_STEPS;
+  },
+});
+Object.defineProperty(exports, 'STACK_ORIENTATION', {
+  enumerable: true,
+  get: function () {
+    return _defs.STACK_ORIENTATION;
+  },
+});
+exports.propTypes = exports.descriptor = exports.default = void 0;
+var _defs = require('././defs.js');
+var _createReactCustomElementType = _interopRequireDefault(
+  require('../../globals/wrappers/createReactCustomElementType.js')
+);
+var _propTypes = _interopRequireDefault(require('prop-types'));
+var _settings = _interopRequireDefault(
+  require('carbon-components/umd/globals/js/settings.js')
+);
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+var prefix = _settings.default.prefix;
+var descriptor = {};
+exports.descriptor = descriptor;
+var propTypes = {};
+exports.propTypes = propTypes;
+const Component = (0, _createReactCustomElementType.default)(
+  ''.concat(prefix, '-stack'),
+  descriptor
+);
+Component.propTypes = propTypes;
+var _default = Component;
+exports.default = _default;

package/lib/components-react-node/text-input/text-input.js

@@ -23,6 +23,18 @@ Object.defineProperty(exports, 'INPUT_SIZE', {
     return _defs.INPUT_SIZE;
   },
 });
+Object.defineProperty(exports, 'INPUT_TOOLTIP_ALIGNMENT', {
+  enumerable: true,
+  get: function () {
+    return _defs.INPUT_TOOLTIP_ALIGNMENT;
+  },
+});
+Object.defineProperty(exports, 'INPUT_TOOLTIP_DIRECTION', {
+  enumerable: true,
+  get: function () {
+    return _defs.INPUT_TOOLTIP_DIRECTION;
+  },
+});
 Object.defineProperty(exports, 'INPUT_TYPE', {
   enumerable: true,
   get: function () {

package/lib/components-react-node/toggle-tip/toggletip.js

@@ -12,7 +12,7 @@ Object.defineProperty(exports, '__esModule', {
   value: true,
 });
 exports.propTypes = exports.descriptor = exports.default = void 0;
-var _createReactCustomElementType = _interopRequireWildcard(
+var _createReactCustomElementType = _interopRequireDefault(
   require('../../globals/wrappers/createReactCustomElementType.js')
 );
 var _propTypes = _interopRequireDefault(require('prop-types'));
@@ -22,58 +22,10 @@ var _settings = _interopRequireDefault(
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
-function _getRequireWildcardCache(nodeInterop) {
-  if (typeof WeakMap !== 'function') return null;
-  var cacheBabelInterop = new WeakMap();
-  var cacheNodeInterop = new WeakMap();
-  return (_getRequireWildcardCache = function (nodeInterop) {
-    return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-  })(nodeInterop);
-}
-function _interopRequireWildcard(obj, nodeInterop) {
-  if (!nodeInterop && obj && obj.__esModule) {
-    return obj;
-  }
-  if (obj === null || (typeof obj !== 'object' && typeof obj !== 'function')) {
-    return { default: obj };
-  }
-  var cache = _getRequireWildcardCache(nodeInterop);
-  if (cache && cache.has(obj)) {
-    return cache.get(obj);
-  }
-  var newObj = {};
-  var hasPropertyDescriptor =
-    Object.defineProperty && Object.getOwnPropertyDescriptor;
-  for (var key in obj) {
-    if (key !== 'default' && Object.prototype.hasOwnProperty.call(obj, key)) {
-      var desc = hasPropertyDescriptor
-        ? Object.getOwnPropertyDescriptor(obj, key)
-        : null;
-      if (desc && (desc.get || desc.set)) {
-        Object.defineProperty(newObj, key, desc);
-      } else {
-        newObj[key] = obj[key];
-      }
-    }
-  }
-  newObj.default = obj;
-  if (cache) {
-    cache.set(obj, newObj);
-  }
-  return newObj;
-}
 var prefix = _settings.default.prefix;
-var descriptor = {
-  alignment: {},
-  open: {
-    serialize: _createReactCustomElementType.booleanSerializer,
-  },
-};
+var descriptor = {};
 exports.descriptor = descriptor;
-var propTypes = {
-  alignment: _propTypes.default.string,
-  open: _propTypes.default.bool,
-};
+var propTypes = {};
 exports.propTypes = propTypes;
 const Component = (0, _createReactCustomElementType.default)(
   ''.concat(prefix, '-toggletip'),

package/lib/components-react-node/ui-shell/header-global-action.js

@@ -0,0 +1,37 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * 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,
+});
+exports.propTypes = exports.descriptor = exports.default = void 0;
+var _button = require('../button/button.js');
+var _createReactCustomElementType = _interopRequireDefault(
+  require('../../globals/wrappers/createReactCustomElementType.js')
+);
+var _propTypes = _interopRequireDefault(require('prop-types'));
+var _settings = _interopRequireDefault(
+  require('carbon-components/umd/globals/js/settings.js')
+);
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+var prefix = _settings.default.prefix;
+var descriptor = Object.assign({}, _button.descriptor, {});
+exports.descriptor = descriptor;
+var propTypes = Object.assign({}, _button.propTypes, {});
+exports.propTypes = propTypes;
+const Component = (0, _createReactCustomElementType.default)(
+  ''.concat(prefix, '-header-global-action'),
+  descriptor
+);
+Component.propTypes = propTypes;
+var _default = Component;
+exports.default = _default;

package/lib/components-react-node/ui-shell/header-panel.js

@@ -0,0 +1,36 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * 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,
+});
+exports.propTypes = exports.descriptor = exports.default = void 0;
+var _createReactCustomElementType = _interopRequireDefault(
+  require('../../globals/wrappers/createReactCustomElementType.js')
+);
+var _propTypes = _interopRequireDefault(require('prop-types'));
+var _settings = _interopRequireDefault(
+  require('carbon-components/umd/globals/js/settings.js')
+);
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+var prefix = _settings.default.prefix;
+var descriptor = {};
+exports.descriptor = descriptor;
+var propTypes = {};
+exports.propTypes = propTypes;
+const Component = (0, _createReactCustomElementType.default)(
+  ''.concat(prefix, '-header-panel'),
+  descriptor
+);
+Component.propTypes = propTypes;
+var _default = Component;
+exports.default = _default;

package/lib/components-react-node/ui-shell/header-side-nav-items.js

@@ -0,0 +1,36 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * 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,
+});
+exports.propTypes = exports.descriptor = exports.default = void 0;
+var _createReactCustomElementType = _interopRequireDefault(
+  require('../../globals/wrappers/createReactCustomElementType.js')
+);
+var _propTypes = _interopRequireDefault(require('prop-types'));
+var _settings = _interopRequireDefault(
+  require('carbon-components/umd/globals/js/settings.js')
+);
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+var prefix = _settings.default.prefix;
+var descriptor = {};
+exports.descriptor = descriptor;
+var propTypes = {};
+exports.propTypes = propTypes;
+const Component = (0, _createReactCustomElementType.default)(
+  ''.concat(prefix, '-header-side-nav-items'),
+  descriptor
+);
+Component.propTypes = propTypes;
+var _default = Component;
+exports.default = _default;

package/lib/components-react-node/ui-shell/switcher-divider.js

@@ -0,0 +1,36 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * 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,
+});
+exports.propTypes = exports.descriptor = exports.default = void 0;
+var _createReactCustomElementType = _interopRequireDefault(
+  require('../../globals/wrappers/createReactCustomElementType.js')
+);
+var _propTypes = _interopRequireDefault(require('prop-types'));
+var _settings = _interopRequireDefault(
+  require('carbon-components/umd/globals/js/settings.js')
+);
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+var prefix = _settings.default.prefix;
+var descriptor = {};
+exports.descriptor = descriptor;
+var propTypes = {};
+exports.propTypes = propTypes;
+const Component = (0, _createReactCustomElementType.default)(
+  ''.concat(prefix, '-switcher-divider'),
+  descriptor
+);
+Component.propTypes = propTypes;
+var _default = Component;
+exports.default = _default;

package/lib/components-react-node/ui-shell/switcher-item.js

@@ -0,0 +1,36 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * 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,
+});
+exports.propTypes = exports.descriptor = exports.default = void 0;
+var _createReactCustomElementType = _interopRequireDefault(
+  require('../../globals/wrappers/createReactCustomElementType.js')
+);
+var _propTypes = _interopRequireDefault(require('prop-types'));
+var _settings = _interopRequireDefault(
+  require('carbon-components/umd/globals/js/settings.js')
+);
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+var prefix = _settings.default.prefix;
+var descriptor = {};
+exports.descriptor = descriptor;
+var propTypes = {};
+exports.propTypes = propTypes;
+const Component = (0, _createReactCustomElementType.default)(
+  ''.concat(prefix, '-switcher-item'),
+  descriptor
+);
+Component.propTypes = propTypes;
+var _default = Component;
+exports.default = _default;

package/lib/components-react-node/ui-shell/switcher.js

@@ -0,0 +1,36 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2019, 2020
+ *
+ * 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,
+});
+exports.propTypes = exports.descriptor = exports.default = void 0;
+var _createReactCustomElementType = _interopRequireDefault(
+  require('../../globals/wrappers/createReactCustomElementType.js')
+);
+var _propTypes = _interopRequireDefault(require('prop-types'));
+var _settings = _interopRequireDefault(
+  require('carbon-components/umd/globals/js/settings.js')
+);
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : { default: obj };
+}
+var prefix = _settings.default.prefix;
+var descriptor = {};
+exports.descriptor = descriptor;
+var propTypes = {};
+exports.propTypes = propTypes;
+const Component = (0, _createReactCustomElementType.default)(
+  ''.concat(prefix, '-switcher'),
+  descriptor
+);
+Component.propTypes = propTypes;
+var _default = Component;
+exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon/web-components",
-  "version": "2.0.0-beta.2",
+  "version": "2.0.0-beta.4",
   "publishConfig": {
     "access": "public"
   },
@@ -15,9 +15,8 @@
       "node": "./lib/components-react-node/",
       "default": "./es/components-react/"
     },
-    "./es/components/": {
-      "node": "./lib/components/",
-      "default": "./es/components/"
+    "./es/components/*": {
+      "default": "./es/components/*"
     },
     "./es/globals/": {
       "node": "./lib/globals/",
@@ -69,7 +68,7 @@
   ],
   "dependencies": {
     "@babel/runtime": "^7.16.3",
-    "@carbon/styles": "^1.27.0",
+    "@carbon/styles": "^1.30.0",
     "flatpickr": "4.6.1",
     "lit": "^2.6.0",
     "lodash-es": "^4.17.21"
@@ -90,8 +89,8 @@
     "@babel/preset-modules": "~0.1.5",
     "@babel/template": "~7.12.0",
     "@babel/traverse": "~7.12.0",
-    "@carbon/icon-helpers": "^10.39.0",
-    "@carbon/icons": "^11.18.0",
+    "@carbon/icon-helpers": "^10.40.0",
+    "@carbon/icons": "^11.20.0",
     "@open-wc/semantic-dom-diff": "~0.18.0",
     "@percy-io/in-percy": "^0.1.11",
     "@percy/cli": "^1.8.1",

package/scss/components/button/button.scss

@@ -8,10 +8,15 @@
 $css--plex: true !default;
 
 @use '@carbon/styles/scss/config' as *;
+@use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/utilities/convert' as *;
-@use '@carbon/styles/scss/components/button';
+@use '@carbon/styles/scss/components/button' as *;
 @use '@carbon/styles/scss/components/popover/index';
+@use '@carbon/styles/scss/components/code-snippet/code-snippet' as *;
 @use '@carbon/styles/scss/components/tooltip';
+@use '@carbon/styles/scss/theme' as *;
+
+@include code-snippet;
 
 :host(#{$prefix}-button),
 :host(#{$prefix}-modal-footer-button) {
@@ -21,6 +26,48 @@ $css--plex: true !default;
     width: rem(20px);
     height: rem(20px);
   }
+
+  &[pagination] {
+    .#{$prefix}--btn {
+      border: none;
+      border-left: 1px solid $border-subtle;
+      transition: none;
+
+      &:focus {
+        outline: 2px solid $focus;
+        outline-offset: -2px;
+        box-shadow: none;
+        border-left: 1px solid transparent;
+      }
+    }
+
+    &:not([disabled]) {
+      .#{$prefix}--btn {
+        color: $icon-primary;
+        &:active {
+          background-color: $layer-hover;
+        }
+      }
+    }
+  }
+
+  &[batch-action] {
+    .#{$prefix}--btn {
+      padding: $button-padding-ghost;
+
+      &:focus {
+        outline: 2px solid $layer;
+        outline-offset: -#{$spacing-01};
+      }
+    }
+
+    &[has-main-content] {
+      ::slotted([slot='icon']) {
+        position: static;
+        margin-left: $spacing-02;
+      }
+    }
+  }
 }
 
 :host(#{$prefix}-button[kind='ghost']:hover) .#{$prefix}--btn--ghost,

package/scss/components/checkbox/checkbox.scss

@@ -8,6 +8,8 @@
 $css--plex: true !default;
 
 @use '@carbon/styles/scss/config' as *;
+@use '@carbon/styles/scss/spacing' as *;
+@use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/utilities';
 @use '@carbon/styles/scss/components/form';
 @use '@carbon/styles/scss/components/checkbox';
@@ -19,6 +21,20 @@ $css--plex: true !default;
   &[readonly] {
     @extend .#{$prefix}--checkbox-wrapper--readonly;
   }
+
+  &[data-table] {
+    margin: 0;
+
+    &[hide-checkbox] {
+      pointer-events: none;
+
+      .#{$prefix}--checkbox-label::before,
+      .#{$prefix}--checkbox-label::after {
+        background-color: transparent;
+        border-color: transparent;
+      }
+    }
+  }
 }
 
 :host(#{$prefix}-checkbox-skeleton) {