@carbon/web-components 2.0.0-rc.3 → 2.0.0-rc.5

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

@@ -16,16 +16,13 @@ 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')
-);
+var _settings = require('../../globals/settings.js');
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
-var prefix = _settings.default.prefix;
 var descriptor = {
   onToggle: {
-    event: ''.concat(prefix, '-header-menu-button-toggled'),
+    event: ''.concat(_settings.prefix, '-header-menu-button-toggled'),
   },
 };
 exports.descriptor = descriptor;
@@ -34,7 +31,7 @@ var propTypes = {
 };
 exports.propTypes = propTypes;
 const Component = (0, _createReactCustomElementType.default)(
-  ''.concat(prefix, '-header-menu-button'),
+  ''.concat(_settings.prefix, '-header-menu-button'),
   descriptor
 );
 Component.propTypes = propTypes;

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

@@ -17,19 +17,16 @@ 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')
-);
+var _settings = require('../../globals/settings.js');
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
-var prefix = _settings.default.prefix;
 var descriptor = Object.assign({}, _headerNavItem.descriptor, {});
 exports.descriptor = descriptor;
 var propTypes = Object.assign({}, _headerNavItem.propTypes, {});
 exports.propTypes = propTypes;
 const Component = (0, _createReactCustomElementType.default)(
-  ''.concat(prefix, '-header-menu-item'),
+  ''.concat(_settings.prefix, '-header-menu-item'),
   descriptor
 );
 Component.propTypes = propTypes;

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

@@ -16,19 +16,16 @@ 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')
-);
+var _settings = require('../../globals/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-menu'),
+  ''.concat(_settings.prefix, '-header-menu'),
   descriptor
 );
 Component.propTypes = propTypes;

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

@@ -16,19 +16,16 @@ 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')
-);
+var _settings = require('../../globals/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-name'),
+  ''.concat(_settings.prefix, '-header-name'),
   descriptor
 );
 Component.propTypes = propTypes;

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

@@ -16,19 +16,16 @@ 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')
-);
+var _settings = require('../../globals/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-nav-item'),
+  ''.concat(_settings.prefix, '-header-nav-item'),
   descriptor
 );
 Component.propTypes = propTypes;

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

@@ -16,19 +16,16 @@ 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')
-);
+var _settings = require('../../globals/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-nav'),
+  ''.concat(_settings.prefix, '-header-nav'),
   descriptor
 );
 Component.propTypes = propTypes;

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

@@ -16,19 +16,16 @@ 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')
-);
+var _settings = require('../../globals/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'),
+  ''.concat(_settings.prefix, '-header-panel'),
   descriptor
 );
 Component.propTypes = propTypes;

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

@@ -16,19 +16,16 @@ 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')
-);
+var _settings = require('../../globals/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'),
+  ''.concat(_settings.prefix, '-header-side-nav-items'),
   descriptor
 );
 Component.propTypes = propTypes;

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

@@ -16,19 +16,16 @@ 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')
-);
+var _settings = require('../../globals/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'),
+  ''.concat(_settings.prefix, '-header'),
   descriptor
 );
 Component.propTypes = propTypes;

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

@@ -16,19 +16,16 @@ 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')
-);
+var _settings = require('../../globals/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, '-side-nav-divider'),
+  ''.concat(_settings.prefix, '-side-nav-divider'),
   descriptor
 );
 Component.propTypes = propTypes;

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

@@ -16,19 +16,16 @@ 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')
-);
+var _settings = require('../../globals/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, '-side-nav-items'),
+  ''.concat(_settings.prefix, '-side-nav-items'),
   descriptor
 );
 Component.propTypes = propTypes;

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

@@ -16,19 +16,16 @@ 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')
-);
+var _settings = require('../../globals/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, '-side-nav-link'),
+  ''.concat(_settings.prefix, '-side-nav-link'),
   descriptor
 );
 Component.propTypes = propTypes;

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

@@ -16,19 +16,16 @@ 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')
-);
+var _settings = require('../../globals/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, '-side-nav-menu-item'),
+  ''.concat(_settings.prefix, '-side-nav-menu-item'),
   descriptor
 );
 Component.propTypes = propTypes;

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

@@ -16,19 +16,16 @@ 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')
-);
+var _settings = require('../../globals/settings.js');
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
-var prefix = _settings.default.prefix;
 var descriptor = {
   onBeforeToggle: {
-    event: ''.concat(prefix, '-side-nav-menu-beingtoggled'),
+    event: ''.concat(_settings.prefix, '-side-nav-menu-beingtoggled'),
   },
   onToggle: {
-    event: ''.concat(prefix, '-side-nav-menu-toggled'),
+    event: ''.concat(_settings.prefix, '-side-nav-menu-toggled'),
   },
 };
 exports.descriptor = descriptor;
@@ -38,7 +35,7 @@ var propTypes = {
 };
 exports.propTypes = propTypes;
 const Component = (0, _createReactCustomElementType.default)(
-  ''.concat(prefix, '-side-nav-menu'),
+  ''.concat(_settings.prefix, '-side-nav-menu'),
   descriptor
 );
 Component.propTypes = propTypes;

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

@@ -29,16 +29,13 @@ 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')
-);
+var _settings = require('../../globals/settings.js');
 function _interopRequireDefault(obj) {
   return obj && obj.__esModule ? obj : { default: obj };
 }
-var prefix = _settings.default.prefix;
 var descriptor = {
   onButtonToggle: {
-    event: ''.concat(prefix, '-header-menu-button-toggled'),
+    event: ''.concat(_settings.prefix, '-header-menu-button-toggled'),
   },
 };
 exports.descriptor = descriptor;
@@ -47,7 +44,7 @@ var propTypes = {
 };
 exports.propTypes = propTypes;
 const Component = (0, _createReactCustomElementType.default)(
-  ''.concat(prefix, '-side-nav'),
+  ''.concat(_settings.prefix, '-side-nav'),
   descriptor
 );
 Component.propTypes = propTypes;

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

@@ -16,19 +16,16 @@ 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')
-);
+var _settings = require('../../globals/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'),
+  ''.concat(_settings.prefix, '-switcher-divider'),
   descriptor
 );
 Component.propTypes = propTypes;

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

@@ -16,19 +16,16 @@ 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')
-);
+var _settings = require('../../globals/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'),
+  ''.concat(_settings.prefix, '-switcher-item'),
   descriptor
 );
 Component.propTypes = propTypes;

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

@@ -16,19 +16,16 @@ 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')
-);
+var _settings = require('../../globals/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'),
+  ''.concat(_settings.prefix, '-switcher'),
   descriptor
 );
 Component.propTypes = propTypes;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon/web-components",
-  "version": "2.0.0-rc.3",
+  "version": "2.0.0-rc.5",
   "publishConfig": {
     "access": "public"
   },
@@ -69,7 +69,7 @@
   ],
   "dependencies": {
     "@babel/runtime": "^7.16.3",
-    "@carbon/styles": "^1.34.1",
+    "@carbon/styles": "^1.35.0",
     "flatpickr": "4.6.1",
     "lit": "^2.7.6",
     "lodash-es": "^4.17.21"
@@ -90,8 +90,8 @@
     "@babel/preset-modules": "^0.1.5",
     "@babel/template": "~7.12.0",
     "@babel/traverse": "~7.12.0",
-    "@carbon/icon-helpers": "^10.43.1",
-    "@carbon/icons": "^11.23.1",
+    "@carbon/icon-helpers": "^10.44.0",
+    "@carbon/icons": "^11.24.0",
     "@open-wc/semantic-dom-diff": "~0.18.0",
     "@percy-io/in-percy": "^0.1.11",
     "@percy/cli": "^1.8.1",

package/scss/components/accordion/accordion.scss

@@ -12,7 +12,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/type' as *;
 @use '@carbon/styles/scss/utilities/convert' as *;
 @use '@carbon/styles/scss/components/accordion';
-@use '../../globals/mixins/temp-layout' as *;
+@use '@carbon/styles/scss/layout' as *;
 
 :host(#{$prefix}-accordion),
 :host(#{$prefix}-accordion-skeleton) {

package/scss/components/button/button.scss

@@ -15,7 +15,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/components/popover/index';
 @use '@carbon/styles/scss/components/code-snippet/code-snippet' as *;
 @use '@carbon/styles/scss/components/tooltip';
-@use '../../globals/mixins/temp-layout' as *;
+@use '@carbon/styles/scss/layout' as *;
 
 @include code-snippet;
 

package/scss/components/content-switcher/content-switcher.scss

@@ -11,7 +11,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/utilities/convert' as *;
 @use '@carbon/styles/scss/components/content-switcher/content-switcher' as *;
-@use '../../globals/mixins/temp-layout' as *;
+@use '@carbon/styles/scss/layout' as *;
 
 // https://github.com/carbon-design-system/carbon/issues/11408
 @include content-switcher;

package/scss/components/copy-button/copy-button.scss

@@ -16,7 +16,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/components/tooltip';
 @use '@carbon/styles/scss/components/code-snippet/code-snippet' as *;
 @use '@carbon/styles/scss/components/copy-button/index';
-@use '../../globals/mixins/temp-layout' as *;
+@use '@carbon/styles/scss/layout' as *;
 
 @include code-snippet;
 

package/scss/components/file-uploader/file-uploader.scss

@@ -10,7 +10,7 @@
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/components/file-uploader/file-uploader' as *;
-@use '../../globals/mixins/temp-layout' as *;
+@use '@carbon/styles/scss/layout' as *;
 
 // https://github.com/carbon-design-system/carbon/issues/11408
 @include file-uploader;

package/scss/components/icon-button/icon-button.scss

@@ -10,7 +10,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/config' as *;
 @use '@carbon/styles/scss/utilities' as *;
 @use '@carbon/styles/scss/breakpoint' as *;
-@use '../../globals/mixins/temp-layout' as *;
+@use '@carbon/styles/scss/layout' as *;
 @use '../tooltip/tooltip';
 @use '../button/button';
 

package/scss/components/notification/actionable-notification.scss

@@ -16,7 +16,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/components/button';
 @use '@carbon/styles/scss/components/button/mixins' as button-mixins;
 @use '@carbon/styles/scss/components/button/vars' as button-vars;
-@use '../../globals/mixins/temp-layout' as *;
+@use '@carbon/styles/scss/layout' as *;
 
 @include actionable-notification;
 

package/scss/components/notification/inline-notification.scss

@@ -14,7 +14,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/components/notification/index' as *;
 @use '@carbon/styles/scss/components/notification/mixins' as *;
 @use '@carbon/styles/scss/components/button';
-@use '../../globals/mixins/temp-layout' as *;
+@use '@carbon/styles/scss/layout' as *;
 
 // https://github.com/carbon-design-system/carbon/issues/11408
 @include inline-notification;

package/scss/components/notification/toast-notification.scss

@@ -13,7 +13,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/components/notification/mixins' as *;
 @use '@carbon/styles/scss/components/notification/index' as *;
 @use '@carbon/styles/scss/components/button';
-@use '../../globals/mixins/temp-layout' as *;
+@use '@carbon/styles/scss/layout' as *;
 
 // https://github.com/carbon-design-system/carbon/issues/11408
 @include toast-notification;

package/scss/components/slider/slider.scss

@@ -10,7 +10,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/config' as *;
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/components/slider';
-@use '../../globals/mixins/temp-layout' as *;
+@use '@carbon/styles/scss/layout' as *;
 
 :host(#{$prefix}-slider) {
   outline: none;

package/scss/components/tag/tag.scss

@@ -11,7 +11,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/utilities' as *;
 @use '@carbon/styles/scss/breakpoint' as *;
 @use '@carbon/styles/scss/components/tag/index' as *;
-@use '../../globals/mixins/temp-layout' as *;
+@use '@carbon/styles/scss/layout' as *;
 
 :host(#{$prefix}-tag) {
   @extend .#{$prefix}--tag;

package/scss/components/text-input/text-input.scss

@@ -11,7 +11,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/utilities' as *;
 @use '@carbon/styles/scss/components/text-input/index';
-@use '../../globals/mixins/temp-layout' as *;
+@use '@carbon/styles/scss/layout' as *;
 
 :host(#{$prefix}-text-input) {
   @include emit-layout-tokens();

package/scss/components/tile/tile.scss

@@ -15,7 +15,7 @@ $css--plex: true !default;
 @use '@carbon/styles/scss/components/link/index' as *;
 @use '@carbon/styles/scss/components/form/index' as *;
 @use '@carbon/styles/scss/theme' as *;
-@use '../../globals/mixins/temp-layout' as *;
+@use '@carbon/styles/scss/layout' as *;
 
 :host(#{$prefix}-tile) {
   @extend .#{$prefix}--tile;

package/es/globals/mixins/temp-layout.css.js

@@ -1,12 +0,0 @@
-/**
- * @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.
- */
-import { css } from 'lit';
-export default css([
-  ':root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs, 1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xs, 1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs, 1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm, 2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-sm, 2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm, 2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm, 2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md, 2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-md, 2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md, 2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg, 3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-lg, 3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg, 3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg, 3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl, 4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-xl, 4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl, 4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl, 4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl, 5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context, var(--cds-layout-size-height-2xl, 5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl, 5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed, 0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-condensed, 0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed, 0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal, 1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context, var(--cds-layout-density-padding-inline-normal, 1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal, 1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal, 1rem)}',
-]);