@carbon/web-components 2.0.1 → 2.0.2-rc.0

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

@@ -20,14 +20,11 @@ var _settings = require('../../globals/settings.js');
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
-var descriptor = {};
-exports.descriptor = descriptor;
-var propTypes = {};
-exports.propTypes = propTypes;
+var descriptor = (exports.descriptor = {});
+var propTypes = (exports.propTypes = {});
 const Component = (0, _createReactCustomElementType.default)(
   ''.concat(_settings.prefix, '-header-nav'),
   descriptor
 );
 Component.propTypes = propTypes;
-var _default = Component;
-exports.default = _default;
+var _default = (exports.default = Component);

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

@@ -20,14 +20,11 @@ var _settings = require('../../globals/settings.js');
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
-var descriptor = {};
-exports.descriptor = descriptor;
-var propTypes = {};
-exports.propTypes = propTypes;
+var descriptor = (exports.descriptor = {});
+var propTypes = (exports.propTypes = {});
 const Component = (0, _createReactCustomElementType.default)(
   ''.concat(_settings.prefix, '-header-panel'),
   descriptor
 );
 Component.propTypes = propTypes;
-var _default = Component;
-exports.default = _default;
+var _default = (exports.default = Component);

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

@@ -20,14 +20,11 @@ var _settings = require('../../globals/settings.js');
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
-var descriptor = {};
-exports.descriptor = descriptor;
-var propTypes = {};
-exports.propTypes = propTypes;
+var descriptor = (exports.descriptor = {});
+var propTypes = (exports.propTypes = {});
 const Component = (0, _createReactCustomElementType.default)(
   ''.concat(_settings.prefix, '-header-side-nav-items'),
   descriptor
 );
 Component.propTypes = propTypes;
-var _default = Component;
-exports.default = _default;
+var _default = (exports.default = Component);

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

@@ -20,14 +20,11 @@ var _settings = require('../../globals/settings.js');
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
-var descriptor = {};
-exports.descriptor = descriptor;
-var propTypes = {};
-exports.propTypes = propTypes;
+var descriptor = (exports.descriptor = {});
+var propTypes = (exports.propTypes = {});
 const Component = (0, _createReactCustomElementType.default)(
   ''.concat(_settings.prefix, '-header'),
   descriptor
 );
 Component.propTypes = propTypes;
-var _default = Component;
-exports.default = _default;
+var _default = (exports.default = Component);

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

@@ -20,14 +20,11 @@ var _settings = require('../../globals/settings.js');
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
-var descriptor = {};
-exports.descriptor = descriptor;
-var propTypes = {};
-exports.propTypes = propTypes;
+var descriptor = (exports.descriptor = {});
+var propTypes = (exports.propTypes = {});
 const Component = (0, _createReactCustomElementType.default)(
   ''.concat(_settings.prefix, '-side-nav-divider'),
   descriptor
 );
 Component.propTypes = propTypes;
-var _default = Component;
-exports.default = _default;
+var _default = (exports.default = Component);

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

@@ -20,14 +20,11 @@ var _settings = require('../../globals/settings.js');
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
-var descriptor = {};
-exports.descriptor = descriptor;
-var propTypes = {};
-exports.propTypes = propTypes;
+var descriptor = (exports.descriptor = {});
+var propTypes = (exports.propTypes = {});
 const Component = (0, _createReactCustomElementType.default)(
   ''.concat(_settings.prefix, '-side-nav-items'),
   descriptor
 );
 Component.propTypes = propTypes;
-var _default = Component;
-exports.default = _default;
+var _default = (exports.default = Component);

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

@@ -20,14 +20,11 @@ var _settings = require('../../globals/settings.js');
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
-var descriptor = {};
-exports.descriptor = descriptor;
-var propTypes = {};
-exports.propTypes = propTypes;
+var descriptor = (exports.descriptor = {});
+var propTypes = (exports.propTypes = {});
 const Component = (0, _createReactCustomElementType.default)(
   ''.concat(_settings.prefix, '-side-nav-link'),
   descriptor
 );
 Component.propTypes = propTypes;
-var _default = Component;
-exports.default = _default;
+var _default = (exports.default = Component);

package/lib/components-react-node/ui-shell/side-nav-menu-item.js

@@ -20,14 +20,11 @@ var _settings = require('../../globals/settings.js');
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
-var descriptor = {};
-exports.descriptor = descriptor;
-var propTypes = {};
-exports.propTypes = propTypes;
+var descriptor = (exports.descriptor = {});
+var propTypes = (exports.propTypes = {});
 const Component = (0, _createReactCustomElementType.default)(
   ''.concat(_settings.prefix, '-side-nav-menu-item'),
   descriptor
 );
 Component.propTypes = propTypes;
-var _default = Component;
-exports.default = _default;
+var _default = (exports.default = Component);

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

@@ -20,24 +20,21 @@ var _settings = require('../../globals/settings.js');
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
-var descriptor = {
+var descriptor = (exports.descriptor = {
   onBeforeToggle: {
     event: ''.concat(_settings.prefix, '-side-nav-menu-beingtoggled'),
   },
   onToggle: {
     event: ''.concat(_settings.prefix, '-side-nav-menu-toggled'),
   },
-};
-exports.descriptor = descriptor;
-var propTypes = {
+});
+var propTypes = (exports.propTypes = {
   onBeforeToggle: _propTypes.default.func,
   onToggle: _propTypes.default.func,
-};
-exports.propTypes = propTypes;
+});
 const Component = (0, _createReactCustomElementType.default)(
   ''.concat(_settings.prefix, '-side-nav-menu'),
   descriptor
 );
 Component.propTypes = propTypes;
-var _default = Component;
-exports.default = _default;
+var _default = (exports.default = Component);

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

@@ -33,20 +33,17 @@ var _settings = require('../../globals/settings.js');
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
-var descriptor = {
+var descriptor = (exports.descriptor = {
   onButtonToggle: {
     event: ''.concat(_settings.prefix, '-header-menu-button-toggled'),
   },
-};
-exports.descriptor = descriptor;
-var propTypes = {
+});
+var propTypes = (exports.propTypes = {
   onButtonToggle: _propTypes.default.func,
-};
-exports.propTypes = propTypes;
+});
 const Component = (0, _createReactCustomElementType.default)(
   ''.concat(_settings.prefix, '-side-nav'),
   descriptor
 );
 Component.propTypes = propTypes;
-var _default = Component;
-exports.default = _default;
+var _default = (exports.default = Component);

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

@@ -20,14 +20,11 @@ var _settings = require('../../globals/settings.js');
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
-var descriptor = {};
-exports.descriptor = descriptor;
-var propTypes = {};
-exports.propTypes = propTypes;
+var descriptor = (exports.descriptor = {});
+var propTypes = (exports.propTypes = {});
 const Component = (0, _createReactCustomElementType.default)(
   ''.concat(_settings.prefix, '-switcher-divider'),
   descriptor
 );
 Component.propTypes = propTypes;
-var _default = Component;
-exports.default = _default;
+var _default = (exports.default = Component);

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

@@ -20,14 +20,11 @@ var _settings = require('../../globals/settings.js');
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
-var descriptor = {};
-exports.descriptor = descriptor;
-var propTypes = {};
-exports.propTypes = propTypes;
+var descriptor = (exports.descriptor = {});
+var propTypes = (exports.propTypes = {});
 const Component = (0, _createReactCustomElementType.default)(
   ''.concat(_settings.prefix, '-switcher-item'),
   descriptor
 );
 Component.propTypes = propTypes;
-var _default = Component;
-exports.default = _default;
+var _default = (exports.default = Component);

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

@@ -20,14 +20,11 @@ var _settings = require('../../globals/settings.js');
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
-var descriptor = {};
-exports.descriptor = descriptor;
-var propTypes = {};
-exports.propTypes = propTypes;
+var descriptor = (exports.descriptor = {});
+var propTypes = (exports.propTypes = {});
 const Component = (0, _createReactCustomElementType.default)(
   ''.concat(_settings.prefix, '-switcher'),
   descriptor
 );
 Component.propTypes = propTypes;
-var _default = Component;
-exports.default = _default;
+var _default = (exports.default = Component);

package/lib/globals/settings.js

@@ -13,14 +13,13 @@ exports.selectorTabbable = exports.prefix = void 0;
  * LICENSE file in the root directory of this source tree.
  */
 
-const prefix = 'cds';
+const prefix = exports.prefix = 'cds';
 
 /**
  * A selector selecting tabbable nodes.
  * Borrowed from `carbon-angular`. tabbable === focusable.
  */
-exports.prefix = prefix;
-const selectorTabbable = `
+const selectorTabbable = exports.selectorTabbable = `
   a[href], area[href], input:not([disabled]):not([tabindex='-1']),
   button:not([disabled]):not([tabindex='-1']),select:not([disabled]):not([tabindex='-1']),
   textarea:not([disabled]):not([tabindex='-1']),
@@ -78,5 +77,4 @@ const selectorTabbable = `
 `;
 
 // Because we're going to have a bunch of exports
-exports.selectorTabbable = selectorTabbable;
 //# sourceMappingURL=settings.js.map

package/lib/globals/settings.js.map

@@ -1 +1 @@
-{"version":3,"file":"settings.js","names":["prefix","exports","selectorTabbable"],"sources":["globals/settings.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nconst prefix = 'cds';\n\n/**\n * A selector selecting tabbable nodes.\n * Borrowed from `carbon-angular`. tabbable === focusable.\n */\nconst selectorTabbable = `\n  a[href], area[href], input:not([disabled]):not([tabindex='-1']),\n  button:not([disabled]):not([tabindex='-1']),select:not([disabled]):not([tabindex='-1']),\n  textarea:not([disabled]):not([tabindex='-1']),\n  iframe, object, embed, *[tabindex]:not([tabindex='-1']), *[contenteditable=true],\n  ${prefix}-accordion-item,\n  ${prefix}-button,\n  ${prefix}-breadcrumb-link,\n  ${prefix}-checkbox,\n  ${prefix}-code-snippet,\n  ${prefix}-combo-box,\n  ${prefix}-content-switcher-item,\n  ${prefix}-copy-button,\n  ${prefix}-table-header-row,\n  ${prefix}-table-row,\n  ${prefix}-table-toolbar-search,\n  ${prefix}-date-picker-input,\n  ${prefix}-dropdown,\n  ${prefix}-input,\n  ${prefix}-link,\n  ${prefix}-number-input,\n  ${prefix}-modal,\n  ${prefix}-modal-close-button,\n  ${prefix}-multi-select,\n  ${prefix}-inline-notification,\n  ${prefix}-toast-notification,\n  ${prefix}-overflow-menu,\n  ${prefix}-overflow-menu-item,\n  ${prefix}-page-sizes-select,\n  ${prefix}-pages-select,\n  ${prefix}-progress-step,\n  ${prefix}-radio-button,\n  ${prefix}-search,\n  ${prefix}-slider,\n  ${prefix}-slider-input,\n  ${prefix}-structured-list,\n  ${prefix}-tab,\n  ${prefix}-filter-tag,\n  ${prefix}-textarea,\n  ${prefix}-clickable-tile,\n  ${prefix}-expandable-tile,\n  ${prefix}-radio-tile,\n  ${prefix}-selectable-tile,\n  ${prefix}-toggle,\n  ${prefix}-tooltip,\n  ${prefix}-tooltip-definition,\n  ${prefix}-tooltip-icon,\n  ${prefix}-header-menu,\n  ${prefix}-header-menu-button,\n  ${prefix}-header-menu-item,\n  ${prefix}-header-name,\n  ${prefix}-header-nav-item,\n  ${prefix}-side-nav-link,\n  ${prefix}-side-nav-menu,\n  ${prefix}-side-nav-menu-item\n`;\n\n// Because we're going to have a bunch of exports\nexport { prefix, selectorTabbable };\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMA,MAAM,GAAG,KAAK;;AAEpB;AACA;AACA;AACA;AAHAC,OAAA,CAAAD,MAAA,GAAAA,MAAA;AAIA,MAAME,gBAAgB,GAAI;AAC1B;AACA;AACA;AACA;AACA,IAAIF,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,CAAC;;AAED;AAAAC,OAAA,CAAAC,gBAAA,GAAAA,gBAAA"}
+{"version":3,"file":"settings.js","names":["prefix","exports","selectorTabbable"],"sources":["globals/settings.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nconst prefix = 'cds';\n\n/**\n * A selector selecting tabbable nodes.\n * Borrowed from `carbon-angular`. tabbable === focusable.\n */\nconst selectorTabbable = `\n  a[href], area[href], input:not([disabled]):not([tabindex='-1']),\n  button:not([disabled]):not([tabindex='-1']),select:not([disabled]):not([tabindex='-1']),\n  textarea:not([disabled]):not([tabindex='-1']),\n  iframe, object, embed, *[tabindex]:not([tabindex='-1']), *[contenteditable=true],\n  ${prefix}-accordion-item,\n  ${prefix}-button,\n  ${prefix}-breadcrumb-link,\n  ${prefix}-checkbox,\n  ${prefix}-code-snippet,\n  ${prefix}-combo-box,\n  ${prefix}-content-switcher-item,\n  ${prefix}-copy-button,\n  ${prefix}-table-header-row,\n  ${prefix}-table-row,\n  ${prefix}-table-toolbar-search,\n  ${prefix}-date-picker-input,\n  ${prefix}-dropdown,\n  ${prefix}-input,\n  ${prefix}-link,\n  ${prefix}-number-input,\n  ${prefix}-modal,\n  ${prefix}-modal-close-button,\n  ${prefix}-multi-select,\n  ${prefix}-inline-notification,\n  ${prefix}-toast-notification,\n  ${prefix}-overflow-menu,\n  ${prefix}-overflow-menu-item,\n  ${prefix}-page-sizes-select,\n  ${prefix}-pages-select,\n  ${prefix}-progress-step,\n  ${prefix}-radio-button,\n  ${prefix}-search,\n  ${prefix}-slider,\n  ${prefix}-slider-input,\n  ${prefix}-structured-list,\n  ${prefix}-tab,\n  ${prefix}-filter-tag,\n  ${prefix}-textarea,\n  ${prefix}-clickable-tile,\n  ${prefix}-expandable-tile,\n  ${prefix}-radio-tile,\n  ${prefix}-selectable-tile,\n  ${prefix}-toggle,\n  ${prefix}-tooltip,\n  ${prefix}-tooltip-definition,\n  ${prefix}-tooltip-icon,\n  ${prefix}-header-menu,\n  ${prefix}-header-menu-button,\n  ${prefix}-header-menu-item,\n  ${prefix}-header-name,\n  ${prefix}-header-nav-item,\n  ${prefix}-side-nav-link,\n  ${prefix}-side-nav-menu,\n  ${prefix}-side-nav-menu-item\n`;\n\n// Because we're going to have a bunch of exports\nexport { prefix, selectorTabbable };\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,KAAK;;AAEpB;AACA;AACA;AACA;AACA,MAAME,gBAAgB,GAAAD,OAAA,CAAAC,gBAAA,GAAI;AAC1B;AACA;AACA;AACA;AACA,IAAIF,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,IAAIA,MAAO;AACX,CAAC;;AAED"}

package/lib/globals/shared-enums.js

@@ -15,8 +15,7 @@ exports.FORM_ELEMENT_COLOR_SCHEME = void 0;
 /**
  * Color scheme for form elements.
  */
-let FORM_ELEMENT_COLOR_SCHEME;
-exports.FORM_ELEMENT_COLOR_SCHEME = FORM_ELEMENT_COLOR_SCHEME;
+let FORM_ELEMENT_COLOR_SCHEME = exports.FORM_ELEMENT_COLOR_SCHEME = void 0;
 (function (FORM_ELEMENT_COLOR_SCHEME) {
   FORM_ELEMENT_COLOR_SCHEME["REGULAR"] = "";
   FORM_ELEMENT_COLOR_SCHEME["LIGHT"] = "light";

package/lib/globals/shared-enums.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared-enums.js","names":["FORM_ELEMENT_COLOR_SCHEME","exports"],"sources":["globals/shared-enums.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Color scheme for form elements.\n */\nexport enum FORM_ELEMENT_COLOR_SCHEME {\n  /**\n   * Regular color scheme.\n   */\n  REGULAR = '',\n\n  /**\n   * Light color scheme.\n   */\n  LIGHT = 'light',\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAFA,IAGYA,yBAAyB;AAAAC,OAAA,CAAAD,yBAAA,GAAAA,yBAAA;AAAA,WAAzBA,yBAAyB;EAAzBA,yBAAyB;EAAzBA,yBAAyB;AAAA,GAAzBA,yBAAyB,KAAAC,OAAA,CAAAD,yBAAA,GAAzBA,yBAAyB"}
+{"version":3,"file":"shared-enums.js","names":["FORM_ELEMENT_COLOR_SCHEME","exports"],"sources":["globals/shared-enums.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2020, 2022\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\n/**\n * Color scheme for form elements.\n */\nexport enum FORM_ELEMENT_COLOR_SCHEME {\n  /**\n   * Regular color scheme.\n   */\n  REGULAR = '',\n\n  /**\n   * Light color scheme.\n   */\n  LIGHT = 'light',\n}\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AAFA,IAGYA,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA;AAAA,WAAzBA,yBAAyB;EAAzBA,yBAAyB;EAAzBA,yBAAyB;AAAA,GAAzBA,yBAAyB,KAAAC,OAAA,CAAAD,yBAAA,GAAzBA,yBAAyB"}

package/lib/globals/wrappers/createReactCustomElementType.js

@@ -10,6 +10,7 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _react = require("react");
 var _on = _interopRequireDefault(require("../mixins/on"));
+const _excluded = ["children", "innerRef"];
 /**
  * @license
  *
@@ -18,7 +19,6 @@ var _on = _interopRequireDefault(require("../mixins/on"));
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
  */
-
 /**
  * A descriptor for a React event prop of a custom element.
  */
@@ -254,7 +254,7 @@ const createReactCustomElementType = (name, descriptor) => {
           children,
           innerRef
         } = _this$props,
-        props = (0, _objectWithoutProperties2.default)(_this$props, ["children", "innerRef"]);
+        props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
       const mergedRef = mergeRefs(innerRef, this._handleElemRef);
       return (0, _react.createElement)(name, (0, _objectSpread2.default)({
         ref: mergedRef
@@ -286,6 +286,5 @@ const numberSerializer = value => value == null ? value : String(value);
 exports.numberSerializer = numberSerializer;
 const objectSerializer = value => value == null ? value : JSON.stringify(value);
 exports.objectSerializer = objectSerializer;
-var _default = createReactCustomElementType;
-exports.default = _default;
+var _default = exports.default = createReactCustomElementType;
 //# sourceMappingURL=createReactCustomElementType.js.map

package/lib/globals/wrappers/createReactCustomElementType.js.map

@@ -1 +1 @@
-{"version":3,"file":"createReactCustomElementType.js","names":["_react","require","_on","_interopRequireDefault","mergeRefs","refs","el","forEach","ref","Object","current","convertProp","prop","descriptor","event","serialize","undefined","convertProps","props","keys","reduce","acc","propName","descriptorItem","converted","attribute","_objectSpread2","default","attachEventListeners","elem","callback","handles","Set","eventDescriptor","name","options","add","on","release","handle","delete","createReactCustomElementType","nonAttributeProps","filter","CustomElementType","Component","constructor","args","_defineProperty2","listener","call","currentTarget","_elem","_eventListenersHandle","_handleEvent","updateProps","prevProps","prevValue","value","componentDidMount","componentDidUpdate","render","_this$props","children","innerRef","_objectWithoutProperties2","mergedRef","_handleElemRef","createElement","forwardRef","booleanSerializer","exports","numberSerializer","String","objectSerializer","JSON","stringify","_default"],"sources":["globals/wrappers/createReactCustomElementType.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport React, { Component, createElement, forwardRef } from 'react';\nimport on from '../mixins/on';\nimport Handle from '../internal/handle';\n\n/**\n * A descriptor for a React event prop of a custom element.\n */\ninterface CustomElementEventDescriptor {\n  /**\n   * The event name.\n   */\n  name: string;\n\n  /**\n   * A boolean to detemine usage of capture mode or the event options.\n   */\n  options?: boolean | EventListenerOptions;\n}\n\n/**\n * A descriptor for a React prop for an attribute of a custom element.\n */\ninterface CustomElementPropDescriptor {\n  /**\n   * The attribute name for the prop.\n   */\n  attribute?: string | false;\n\n  /**\n   * The event name (or descriptor) for the prop.\n   */\n  event?: string | CustomElementEventDescriptor;\n\n  /**\n   * A function that takes a property value and returns the corresponding attribute value.\n   */\n  serialize?: (value: any) => string | void;\n}\n\n/**\n * A descriptor for a set of React props for attributes of a custom element.\n */\ninterface CustomElementPropsDescriptor {\n  [propName: string]: CustomElementPropDescriptor;\n}\n\n/**\n * React props for the component `createCustomElementType()` generates.\n */\ninterface CustomElementTypeProps {\n  /**\n   * Ordinal prop.\n   */\n  [propName: string]: any;\n\n  /**\n   * Child nodes.\n   */\n  // eslint-disable-next-line react/no-unused-prop-types\n  children?: React.ReactNode;\n}\n\n/**\n * @param refs List of React refs to merge.\n * @returns Merged React ref.\n */\nconst mergeRefs =\n  <T>(...refs: React.Ref<T>[]) =>\n  (el) => {\n    refs.forEach((ref) => {\n      // https://github.com/facebook/react/issues/13029#issuecomment-410002316\n      if (typeof ref === 'function') {\n        ref(el);\n      } else if (Object(ref) === ref) {\n        // `React.Ref.current` is read-only for regular use case, but we update it here\n        (ref as { current: T }).current = el;\n      }\n    });\n  };\n\n/**\n * @param prop A prop value.\n * @param descriptor A React prop descriptor.\n * @returns The corresponding attribute value for the given prop value.\n */\nconst convertProp = (prop: any, descriptor: CustomElementPropDescriptor) => {\n  if (!descriptor) {\n    return prop;\n  }\n  const { event, serialize } = descriptor;\n  if (event) {\n    // Events are not set as props, we use DOM `addEventListener()` instead\n    return undefined;\n  }\n  return !serialize ? prop : serialize(prop);\n};\n\n/**\n * @param props A set of React props.\n * @param descriptor A set of React prop desciptor.\n * @returns The set of React props to set to a custom element, corresponding to the given React props.\n */\nconst convertProps = (\n  props: CustomElementTypeProps,\n  descriptor: CustomElementPropsDescriptor\n) =>\n  Object.keys(props).reduce((acc, propName) => {\n    const { [propName]: descriptorItem } = descriptor;\n    const converted = convertProp(props[propName], descriptorItem);\n    const { attribute } = descriptorItem ?? {};\n    return attribute === false\n      ? acc\n      : {\n          ...acc,\n          [attribute || propName]: converted,\n        };\n  }, {});\n\n/**\n * Attaches listeners of custom events, to a custom element.\n *\n * @param elem The custom element.\n * @param descriptor An object, keyed by prop name, of data that may have custom event names.\n * @param callback A callback function that runs as the custom events fire.\n * @returns A handle that allows to release all event listeners attached.\n */\nconst attachEventListeners = (\n  elem: HTMLElement,\n  descriptor: CustomElementPropsDescriptor,\n  callback: (name: string, event: Event) => void\n): Handle => {\n  const handles = new Set<Handle>();\n  Object.keys(descriptor).forEach((propName) => {\n    if (descriptor[propName]) {\n      const { event: eventDescriptor } = descriptor[propName];\n      const name =\n        Object(eventDescriptor) !== eventDescriptor\n          ? (eventDescriptor as string)\n          : (eventDescriptor as CustomElementEventDescriptor).name;\n      const options =\n        Object(eventDescriptor) !== eventDescriptor\n          ? undefined\n          : (eventDescriptor as CustomElementEventDescriptor).options;\n      if (name) {\n        handles.add(\n          on(\n            elem,\n            name,\n            (event) => {\n              callback(propName, event);\n            },\n            options\n          )\n        );\n      }\n    }\n  });\n  return {\n    release() {\n      handles.forEach((handle) => {\n        handle.release();\n        handles.delete(handle);\n      });\n      return null;\n    },\n  };\n};\n\n/**\n * @param name The tag name of the custom element.\n * @param descriptor A descriptor for a set of React props for attributes of a custom element.\n * @returns A React component working as a wrapper for the given custom element.\n * @example\n * import { render } from 'react-dom';\n * import createCustomElementType, { booleanSerializer } from '/path/to/createCustomElementType';\n *\n * const CDSDropdown = createCustomElementType(`${prefix}-dropdown`, {\n *   disabled: {\n *     // Sets `disabled` attribute when the React prop value is truthy, unsets otherwise\n *     serialize: booleanSerializer,\n *   },\n *   helperText: {\n *     // Maps `helperText` React prop to `helper-text` attribute\n *     attribute: 'helper-text',\n *   },\n *   onBeforeSelect: {\n *     // Sets `onBeforeSelect` React prop value as a listener of `cds-dropdown-beingselected` custom event\n *     event: `${prefix}-dropdown-beingselected`,\n *   },\n * });\n *\n * render(\n *   (\n *     <CDSDropdown\n *       disabled={true}\n *       helperText=\"some-helper-text\"\n *       onBeforeSelect={event => { console.log(`${prefix}-dropdown-beingselected is fired!`, event); }}>\n *       <cds-dropdown-item value=\"all\">Option 1</cds-dropdown-item>\n *       <cds-dropdown-item value=\"cloudFoundry\">Option 2</cds-dropdown-item>\n *       <cds-dropdown-item value=\"staging\">Option 3</cds-dropdown-item>\n *     </CDSDropdown>\n *   )\n *   document.body\n * );\n */\nconst createReactCustomElementType = (\n  name: string,\n  descriptor: CustomElementPropsDescriptor\n) => {\n  /**\n   * Array of React prop names that should be mapped to DOM properties instead of attributes.\n   */\n  const nonAttributeProps = Object.keys(descriptor).filter((propName) => {\n    const { [propName]: descriptorItem } = descriptor;\n    const { attribute } = descriptorItem ?? {};\n    return attribute === false;\n  });\n\n  /**\n   * A React component working as a wrapper for the custom element.\n   */\n  class CustomElementType extends Component<CustomElementTypeProps> {\n    /**\n     * The element.\n     */\n    private _elem: HTMLElement | null = null;\n\n    /**\n     * The handle that allows to release all event listeners attached to this custom element.\n     */\n    private _eventListenersHandle: Handle | null = null;\n\n    /**\n     * The callback function that runs as the custom events fire.\n     *\n     * @param propName The React prop name associated with the event listener.\n     * @param event The event.\n     */\n    private _handleEvent = (propName: string, event: Event) => {\n      const { [propName]: listener } = this.props;\n      if (listener) {\n        listener.call(event.currentTarget, event);\n      }\n    };\n\n    /**\n     * Handles getting/losing the React `ref` object of this custom element.\n     *\n     * @param elem The custom element.\n     */\n    private _handleElemRef = (elem: HTMLElement) => {\n      this._elem = elem;\n      if (this._eventListenersHandle) {\n        this._eventListenersHandle.release();\n        this._eventListenersHandle = null;\n      }\n      if (elem) {\n        this._eventListenersHandle = attachEventListeners(\n          elem,\n          descriptor,\n          this._handleEvent\n        );\n      }\n    };\n\n    /**\n     * Reflects change in React props to DOM properties.\n     *\n     * @param prevProps The previous props.\n     */\n    updateProps(prevProps: { [key: string]: any } = {}) {\n      const { props, _elem: elem } = this;\n      nonAttributeProps.forEach((propName) => {\n        const { [propName]: prevValue } = prevProps;\n        const { [propName]: value } = props;\n        if (prevValue !== value) {\n          elem![propName] = value;\n        }\n      });\n    }\n\n    componentDidMount() {\n      this.updateProps();\n    }\n\n    componentDidUpdate(prevProps) {\n      this.updateProps(prevProps);\n    }\n\n    render() {\n      // eslint-disable-next-line react/prop-types\n      const { children, innerRef, ...props } = this.props;\n      const mergedRef = mergeRefs<HTMLElement>(innerRef, this._handleElemRef);\n      return createElement(\n        name,\n        { ref: mergedRef, ...convertProps(props, descriptor) },\n        children\n      );\n    }\n  }\n\n  return forwardRef<HTMLElement, CustomElementTypeProps>((props, ref) =>\n    createElement(CustomElementType, { ...props, innerRef: ref })\n  );\n};\n\n/**\n * @param value A React prop value.\n * @returns Serialized version of React prop value, as a boolean attribute in a custom element.\n */\nexport const booleanSerializer = (value) => (!value ? undefined : '');\n\n/**\n * @param value A React prop value.\n * @returns Serialized version of React prop value, as a number attribute in a custom element.\n */\nexport const numberSerializer = (value) =>\n  value == null ? value : String(value);\n\n/**\n * @param value A React prop value.\n * @returns Serialized version of React prop value, as a object attribute in a custom element.\n */\nexport const objectSerializer = (value) =>\n  value == null ? value : JSON.stringify(value);\n\nexport default createReactCustomElementType;\n"],"mappings":"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"}
+{"version":3,"file":"createReactCustomElementType.js","names":["_react","require","_on","_interopRequireDefault","_excluded","mergeRefs","refs","el","forEach","ref","Object","current","convertProp","prop","descriptor","event","serialize","undefined","convertProps","props","keys","reduce","acc","propName","descriptorItem","converted","attribute","_objectSpread2","default","attachEventListeners","elem","callback","handles","Set","eventDescriptor","name","options","add","on","release","handle","delete","createReactCustomElementType","nonAttributeProps","filter","CustomElementType","Component","constructor","args","_defineProperty2","listener","call","currentTarget","_elem","_eventListenersHandle","_handleEvent","updateProps","prevProps","prevValue","value","componentDidMount","componentDidUpdate","render","_this$props","children","innerRef","_objectWithoutProperties2","mergedRef","_handleElemRef","createElement","forwardRef","booleanSerializer","exports","numberSerializer","String","objectSerializer","JSON","stringify","_default"],"sources":["globals/wrappers/createReactCustomElementType.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2019, 2023\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport React, { Component, createElement, forwardRef } from 'react';\nimport on from '../mixins/on';\nimport Handle from '../internal/handle';\n\n/**\n * A descriptor for a React event prop of a custom element.\n */\ninterface CustomElementEventDescriptor {\n  /**\n   * The event name.\n   */\n  name: string;\n\n  /**\n   * A boolean to detemine usage of capture mode or the event options.\n   */\n  options?: boolean | EventListenerOptions;\n}\n\n/**\n * A descriptor for a React prop for an attribute of a custom element.\n */\ninterface CustomElementPropDescriptor {\n  /**\n   * The attribute name for the prop.\n   */\n  attribute?: string | false;\n\n  /**\n   * The event name (or descriptor) for the prop.\n   */\n  event?: string | CustomElementEventDescriptor;\n\n  /**\n   * A function that takes a property value and returns the corresponding attribute value.\n   */\n  serialize?: (value: any) => string | void;\n}\n\n/**\n * A descriptor for a set of React props for attributes of a custom element.\n */\ninterface CustomElementPropsDescriptor {\n  [propName: string]: CustomElementPropDescriptor;\n}\n\n/**\n * React props for the component `createCustomElementType()` generates.\n */\ninterface CustomElementTypeProps {\n  /**\n   * Ordinal prop.\n   */\n  [propName: string]: any;\n\n  /**\n   * Child nodes.\n   */\n  // eslint-disable-next-line react/no-unused-prop-types\n  children?: React.ReactNode;\n}\n\n/**\n * @param refs List of React refs to merge.\n * @returns Merged React ref.\n */\nconst mergeRefs =\n  <T>(...refs: React.Ref<T>[]) =>\n  (el) => {\n    refs.forEach((ref) => {\n      // https://github.com/facebook/react/issues/13029#issuecomment-410002316\n      if (typeof ref === 'function') {\n        ref(el);\n      } else if (Object(ref) === ref) {\n        // `React.Ref.current` is read-only for regular use case, but we update it here\n        (ref as { current: T }).current = el;\n      }\n    });\n  };\n\n/**\n * @param prop A prop value.\n * @param descriptor A React prop descriptor.\n * @returns The corresponding attribute value for the given prop value.\n */\nconst convertProp = (prop: any, descriptor: CustomElementPropDescriptor) => {\n  if (!descriptor) {\n    return prop;\n  }\n  const { event, serialize } = descriptor;\n  if (event) {\n    // Events are not set as props, we use DOM `addEventListener()` instead\n    return undefined;\n  }\n  return !serialize ? prop : serialize(prop);\n};\n\n/**\n * @param props A set of React props.\n * @param descriptor A set of React prop desciptor.\n * @returns The set of React props to set to a custom element, corresponding to the given React props.\n */\nconst convertProps = (\n  props: CustomElementTypeProps,\n  descriptor: CustomElementPropsDescriptor\n) =>\n  Object.keys(props).reduce((acc, propName) => {\n    const { [propName]: descriptorItem } = descriptor;\n    const converted = convertProp(props[propName], descriptorItem);\n    const { attribute } = descriptorItem ?? {};\n    return attribute === false\n      ? acc\n      : {\n          ...acc,\n          [attribute || propName]: converted,\n        };\n  }, {});\n\n/**\n * Attaches listeners of custom events, to a custom element.\n *\n * @param elem The custom element.\n * @param descriptor An object, keyed by prop name, of data that may have custom event names.\n * @param callback A callback function that runs as the custom events fire.\n * @returns A handle that allows to release all event listeners attached.\n */\nconst attachEventListeners = (\n  elem: HTMLElement,\n  descriptor: CustomElementPropsDescriptor,\n  callback: (name: string, event: Event) => void\n): Handle => {\n  const handles = new Set<Handle>();\n  Object.keys(descriptor).forEach((propName) => {\n    if (descriptor[propName]) {\n      const { event: eventDescriptor } = descriptor[propName];\n      const name =\n        Object(eventDescriptor) !== eventDescriptor\n          ? (eventDescriptor as string)\n          : (eventDescriptor as CustomElementEventDescriptor).name;\n      const options =\n        Object(eventDescriptor) !== eventDescriptor\n          ? undefined\n          : (eventDescriptor as CustomElementEventDescriptor).options;\n      if (name) {\n        handles.add(\n          on(\n            elem,\n            name,\n            (event) => {\n              callback(propName, event);\n            },\n            options\n          )\n        );\n      }\n    }\n  });\n  return {\n    release() {\n      handles.forEach((handle) => {\n        handle.release();\n        handles.delete(handle);\n      });\n      return null;\n    },\n  };\n};\n\n/**\n * @param name The tag name of the custom element.\n * @param descriptor A descriptor for a set of React props for attributes of a custom element.\n * @returns A React component working as a wrapper for the given custom element.\n * @example\n * import { render } from 'react-dom';\n * import createCustomElementType, { booleanSerializer } from '/path/to/createCustomElementType';\n *\n * const CDSDropdown = createCustomElementType(`${prefix}-dropdown`, {\n *   disabled: {\n *     // Sets `disabled` attribute when the React prop value is truthy, unsets otherwise\n *     serialize: booleanSerializer,\n *   },\n *   helperText: {\n *     // Maps `helperText` React prop to `helper-text` attribute\n *     attribute: 'helper-text',\n *   },\n *   onBeforeSelect: {\n *     // Sets `onBeforeSelect` React prop value as a listener of `cds-dropdown-beingselected` custom event\n *     event: `${prefix}-dropdown-beingselected`,\n *   },\n * });\n *\n * render(\n *   (\n *     <CDSDropdown\n *       disabled={true}\n *       helperText=\"some-helper-text\"\n *       onBeforeSelect={event => { console.log(`${prefix}-dropdown-beingselected is fired!`, event); }}>\n *       <cds-dropdown-item value=\"all\">Option 1</cds-dropdown-item>\n *       <cds-dropdown-item value=\"cloudFoundry\">Option 2</cds-dropdown-item>\n *       <cds-dropdown-item value=\"staging\">Option 3</cds-dropdown-item>\n *     </CDSDropdown>\n *   )\n *   document.body\n * );\n */\nconst createReactCustomElementType = (\n  name: string,\n  descriptor: CustomElementPropsDescriptor\n) => {\n  /**\n   * Array of React prop names that should be mapped to DOM properties instead of attributes.\n   */\n  const nonAttributeProps = Object.keys(descriptor).filter((propName) => {\n    const { [propName]: descriptorItem } = descriptor;\n    const { attribute } = descriptorItem ?? {};\n    return attribute === false;\n  });\n\n  /**\n   * A React component working as a wrapper for the custom element.\n   */\n  class CustomElementType extends Component<CustomElementTypeProps> {\n    /**\n     * The element.\n     */\n    private _elem: HTMLElement | null = null;\n\n    /**\n     * The handle that allows to release all event listeners attached to this custom element.\n     */\n    private _eventListenersHandle: Handle | null = null;\n\n    /**\n     * The callback function that runs as the custom events fire.\n     *\n     * @param propName The React prop name associated with the event listener.\n     * @param event The event.\n     */\n    private _handleEvent = (propName: string, event: Event) => {\n      const { [propName]: listener } = this.props;\n      if (listener) {\n        listener.call(event.currentTarget, event);\n      }\n    };\n\n    /**\n     * Handles getting/losing the React `ref` object of this custom element.\n     *\n     * @param elem The custom element.\n     */\n    private _handleElemRef = (elem: HTMLElement) => {\n      this._elem = elem;\n      if (this._eventListenersHandle) {\n        this._eventListenersHandle.release();\n        this._eventListenersHandle = null;\n      }\n      if (elem) {\n        this._eventListenersHandle = attachEventListeners(\n          elem,\n          descriptor,\n          this._handleEvent\n        );\n      }\n    };\n\n    /**\n     * Reflects change in React props to DOM properties.\n     *\n     * @param prevProps The previous props.\n     */\n    updateProps(prevProps: { [key: string]: any } = {}) {\n      const { props, _elem: elem } = this;\n      nonAttributeProps.forEach((propName) => {\n        const { [propName]: prevValue } = prevProps;\n        const { [propName]: value } = props;\n        if (prevValue !== value) {\n          elem![propName] = value;\n        }\n      });\n    }\n\n    componentDidMount() {\n      this.updateProps();\n    }\n\n    componentDidUpdate(prevProps) {\n      this.updateProps(prevProps);\n    }\n\n    render() {\n      // eslint-disable-next-line react/prop-types\n      const { children, innerRef, ...props } = this.props;\n      const mergedRef = mergeRefs<HTMLElement>(innerRef, this._handleElemRef);\n      return createElement(\n        name,\n        { ref: mergedRef, ...convertProps(props, descriptor) },\n        children\n      );\n    }\n  }\n\n  return forwardRef<HTMLElement, CustomElementTypeProps>((props, ref) =>\n    createElement(CustomElementType, { ...props, innerRef: ref })\n  );\n};\n\n/**\n * @param value A React prop value.\n * @returns Serialized version of React prop value, as a boolean attribute in a custom element.\n */\nexport const booleanSerializer = (value) => (!value ? undefined : '');\n\n/**\n * @param value A React prop value.\n * @returns Serialized version of React prop value, as a number attribute in a custom element.\n */\nexport const numberSerializer = (value) =>\n  value == null ? value : String(value);\n\n/**\n * @param value A React prop value.\n * @returns Serialized version of React prop value, as a object attribute in a custom element.\n */\nexport const objectSerializer = (value) =>\n  value == null ? value : JSON.stringify(value);\n\nexport default createReactCustomElementType;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon/web-components",
-  "version": "2.0.1",
+  "version": "2.0.2-rc.0",
   "publishConfig": {
     "access": "public"
   },
@@ -11,11 +11,12 @@
   "main": "es/index.js",
   "module": "es/index.js",
   "exports": {
-    "./es/components-react/": {
-      "node": "./lib/components-react-node/",
-      "default": "./es/components-react/"
+    "./es/components-react/*": {
+      "node": "./lib/components-react-node/*",
+      "default": "./es/components-react/*"
     },
     "./es/components/*": {
+      "node": "./lib/components/*",
       "default": "./es/components/*"
     },
     "./es/globals/": {
@@ -26,6 +27,7 @@
     "./es/": "./es/",
     "./lib/": "./lib/",
     "./dist/": "./dist/",
+    "./scss/": "./scss/",
     "./custom-elements.json": "./custom-elements.json",
     "./package.json": "./package.json"
   },
@@ -69,29 +71,28 @@
   ],
   "dependencies": {
     "@babel/runtime": "^7.16.3",
-    "@carbon/styles": "^1.35.0",
+    "@carbon/styles": "1.44.0",
     "flatpickr": "4.6.1",
     "lit": "^2.7.6",
     "lodash-es": "^4.17.21"
   },
   "devDependencies": {
     "@babel/core": "~7.12.0",
-    "@babel/plugin-proposal-class-properties": "~7.12.0",
     "@babel/plugin-proposal-decorators": "~7.12.0",
-    "@babel/plugin-proposal-nullish-coalescing-operator": "~7.12.0",
-    "@babel/plugin-proposal-object-rest-spread": "~7.12.0",
-    "@babel/plugin-proposal-optional-chaining": "~7.12.0",
-    "@babel/plugin-syntax-decorators": "~7.12.0",
+    "@babel/plugin-transform-class-properties": "~7.22.5",
     "@babel/plugin-transform-modules-commonjs": "~7.12.0",
+    "@babel/plugin-transform-nullish-coalescing-operator": "~7.22.11",
+    "@babel/plugin-transform-object-rest-spread": "~7.22.15",
+    "@babel/plugin-transform-optional-chaining": "~7.23.0",
     "@babel/plugin-transform-runtime": "7.18.5",
     "@babel/plugin-transform-template-literals": "~7.12.0",
     "@babel/plugin-transform-typescript": "~7.12.0",
-    "@babel/preset-env": "~7.12.0",
+    "@babel/preset-env": "~7.23.2",
     "@babel/preset-modules": "^0.1.5",
     "@babel/template": "~7.12.0",
-    "@babel/traverse": "~7.12.0",
-    "@carbon/icon-helpers": "^10.44.0",
-    "@carbon/icons": "^11.24.0",
+    "@babel/traverse": "~7.23.0",
+    "@carbon/icon-helpers": "^10.28.0",
+    "@carbon/icons": "^11.31.0",
     "@open-wc/semantic-dom-diff": "~0.18.0",
     "@percy-io/in-percy": "^0.1.11",
     "@percy/cli": "^1.8.1",
@@ -193,7 +194,7 @@
     "rollup": "^2.55.1",
     "rollup-plugin-multi-input": "^1.3.1",
     "rtlcss": "^3.0.0",
-    "sass": "~1.62.0",
+    "sass": "~1.69.0",
     "sass-loader": "^10.0.0",
     "strip-comments": "^1.0.0",
     "style-loader": "^2.0.0",
@@ -202,12 +203,12 @@
     "through2": "^3.0.0",
     "ts-loader": "^6.0.0",
     "tsickle": "~0.46.0",
-    "typescript": "~4.8.0",
+    "typescript": "^5.2.2",
     "use-debounce": "^3.2.0",
     "web-component-analyzer": "1.2.0-next.0",
     "webpack": "^4.46.0",
     "webpack-dev-server": "^4.0.0",
-    "zone.js": "~0.13.0"
+    "zone.js": "~0.14.0"
   },
   "typings": "es/index.d.ts"
 }

package/scss/components/breadcrumb/breadcrumb.scss

@@ -55,8 +55,8 @@ $css--plex: true !default;
   // Used to mimic link underline
   ::after {
     position: absolute;
-    bottom: 2px;
-    width: rem(12px);
+    bottom: $spacing-01;
+    width: $spacing-04;
     height: 1px;
     background: $link-primary-hover;
     content: '';

package/scss/components/button/button.scss

@@ -53,8 +53,8 @@ $css--plex: true !default;
     transition: none;
 
     &:focus {
-      outline: 2px solid $focus;
-      outline-offset: -2px;
+      outline: $spacing-01 solid $focus;
+      outline-offset: -#{$spacing-01};
       box-shadow: none;
       border-left: 1px solid transparent;
     }
@@ -79,7 +79,7 @@ $css--plex: true !default;
     padding: $button-padding-ghost;
 
     &:focus {
-      outline: 2px solid $layer;
+      outline: $spacing-01 solid $layer;
       outline-offset: -#{$spacing-01};
     }
   }

package/scss/components/code-snippet/code-snippet.scss

@@ -92,7 +92,7 @@ $css--plex: true !default;
     position: absolute;
     top: 0;
     right: 0;
-    width: rem(16px);
+    width: $spacing-05;
     height: 100%;
     background-image: linear-gradient(to right, transparent, $layer);
     content: '';
@@ -112,8 +112,8 @@ $css--plex: true !default;
 
   #{$prefix}-copy-button {
     position: absolute;
-    top: 0.5rem;
-    right: 0.5rem;
+    top: $spacing-03;
+    right: $spacing-03;
   }
 }
 
@@ -146,9 +146,9 @@ $css--plex: true !default;
     @include skeleton;
 
     width: 100%;
-    height: 1rem;
+    height: $spacing-05;
     display: block;
-    margin-top: 0.5rem;
+    margin-top: $spacing-03;
 
     &:first-child {
       margin: 0;