@carbon/ibmdotcom-styles 2.16.2 → 2.17.0-rc.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@carbon/ibmdotcom-styles",
   "description": "Carbon for IBM.com Styles",
-  "version": "2.16.2",
+  "version": "2.17.0-rc.0",
   "license": "Apache-2.0",
   "main": "dist/ibm-dotcom-styles.min.css",
   "module": "src/scss",
@@ -30,14 +30,14 @@
     "upgrade-carbon": "yarn upgrade-interactive @carbon/layout @carbon/styles @carbon/themes @carbon/icons-react --latest --exact"
   },
   "dependencies": {
-    "@carbon/icons-react": "11.51.0",
+    "@carbon/icons-react": "11.53.0",
     "@carbon/layout": "11.27.0",
     "@carbon/styles": "1.65.0",
     "@carbon/type": "11.32.1",
     "@ibm/telemetry-js": "^1.5.0"
   },
   "devDependencies": {
-    "@carbon/themes": "11.42.0",
+    "@carbon/themes": "11.46.0",
     "del": "^6.0.0",
     "gulp": "^4.0.2",
     "gulp-autoprefixer": "^6.1.0",
@@ -45,8 +45,8 @@
     "gulp-rename": "^2.0.0",
     "gulp-sass": "^5.0.0",
     "require-dir": "^1.2.0",
-    "sass": "~1.79.0",
+    "sass": "~1.83.0",
     "sass-loader": "^13.0.0"
   },
-  "gitHead": "c49334a3cce2754af28d0d47168357ce6a8163b2"
+  "gitHead": "d647c105d4dcfa6a05b42b8ee3a684641cf963a5"
 }

package/scss/components/audio-player/_audio-player.scss

@@ -9,6 +9,7 @@
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../globals/utils/ratio-base' as *;
 @use '@carbon/styles/scss/components/slider';
 

package/scss/components/back-to-top/_back-to-top.scss

@@ -10,6 +10,7 @@
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '@carbon/styles/scss/components/button' as *;
 
 @mixin back-to-top {

package/scss/components/background-media/_background-media.scss

@@ -12,6 +12,7 @@
 @use '@carbon/styles/scss/utilities' as *;
 @use '@carbon/web-components/scss/components/tooltip/tooltip' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../image';
 
 @mixin background-media {

package/scss/components/button/_button.scss

@@ -11,6 +11,7 @@
 @use '@carbon/styles/scss/layout' as *;
 @use '@carbon/styles/scss/components/button' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 
 @mixin button {
   :host(#{$c4d-prefix}-button) {

package/scss/components/button-group/_button-group.scss

@@ -11,8 +11,8 @@
 @use '@carbon/styles/scss/motion' as *;
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/utilities/convert' as *;
-
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../lightbox-media-viewer';
 @use '../button';
 

package/scss/components/callout-quote/_callout-quote.scss

@@ -11,6 +11,7 @@
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/type' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../globals/utils/hang' as *;
 @use '../../globals/utils/flex-grid' as *;
 @use '../../internal/callout/callout' as *;

package/scss/components/callout-with-media/_callout-with-media.scss

@@ -13,6 +13,7 @@
 @use '@carbon/styles/scss/utilities' as *;
 @use '@carbon/styles/scss/utilities/convert' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../internal/callout/callout' as *;
 @use '../../internal/content-block';
 @use '../../internal/content-item/content-item';

package/scss/components/card/_card.scss

@@ -16,6 +16,7 @@
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/utilities/convert' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../globals/utils/content-width' as *;
 @use '../../globals/utils/ratio-base' as *;
 @use '../lightbox-media-viewer/lightbox-media-viewer';

package/scss/components/card-group/_card-group.scss

@@ -16,6 +16,7 @@
 @use '@carbon/styles/scss/utilities/convert' as *;
 @use '../../globals/utils/flex-grid' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../globals/utils/ratio-base' as *;
 @use '../../internal/content-section';
 @use '../card';

package/scss/components/card-in-card/_card-in-card.scss

@@ -13,6 +13,7 @@
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/utilities/convert' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../globals/utils/aspect-ratio';
 @use '../../globals/utils/ratio-base' as *;
 @use '../image';

package/scss/components/card-link/_card-link.scss

@@ -9,6 +9,7 @@
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/type' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../card';
 
 @mixin card-link {

package/scss/components/card-section-images/_card-section-images.scss

@@ -6,5 +6,6 @@
  */
 
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../internal/content-section/content-section';
 @use '../card-group/card-group';

package/scss/components/card-section-offset/_card-section-offset.scss

@@ -14,6 +14,7 @@
 @use '@carbon/styles/scss/type' as *;
 @use '@carbon/styles/scss/utilities/convert' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../card-group/card-group';
 
 @mixin card-section-offset {

package/scss/components/card-section-simple/_card-section-simple.scss

@@ -6,5 +6,6 @@
  */
 
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../internal/content-section/content-section';
 @use '../card-group/card-group';

package/scss/components/carousel/_carousel.scss

@@ -14,6 +14,7 @@
 @use '@carbon/styles/scss/type' as *;
 @use '@carbon/styles/scss/components/button' as *;
 @use '@carbon/ibmdotcom-styles/scss/globals/vars' as *;
+@use '../../globals/imports' as *;
 
 @mixin carousel {
   :host(#{$c4d-prefix}-carousel),

package/scss/components/content-block-cards/_content-block-cards.scss

@@ -10,6 +10,7 @@
 @use '@carbon/styles/scss/spacing' as *;
 @use '../../globals/utils/flex-grid' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../internal/content-block';
 @use '../card-group/card-group';
 

package/scss/components/content-block-headlines/_content-block-headlines.scss

@@ -11,6 +11,7 @@
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/type' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../globals/utils/flex-grid' as *;
 @use '../../globals/utils/hang' as *;
 @use '../../internal/content-block';

package/scss/components/content-block-horizontal/_content-block-horizontal.scss

@@ -11,6 +11,7 @@
 @use '../../internal/content-block';
 @use '../content-item-row';
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 
 @mixin content-block-horizontal {
   :host(#{$c4d-prefix}-content-block-horizontal) {

package/scss/components/content-block-media/_content-block-media.scss

@@ -10,6 +10,7 @@
 @use '@carbon/styles/scss/themes' as *;
 @use '@carbon/styles/scss/utilities/convert' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../internal/content-block';
 @use '../../internal/content-group';
 @use '../../internal/content-item/content-item';

package/scss/components/content-block-mixed/_content-block-mixed.scss

@@ -11,6 +11,7 @@
 @use '@carbon/styles/scss/utilities/convert' as *;
 @use '../../globals/utils/flex-grid' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../internal/content-block';
 @use '../../internal/content-group';
 @use '../content-group-cards';

package/scss/components/content-block-segmented/_content-block-segmented.scss

@@ -9,6 +9,7 @@
 @use '@carbon/styles/scss/config' as *;
 @use '@carbon/styles/scss/spacing' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../internal/content-block';
 @use '../../internal/content-group';
 @use '../../internal/content-item/content-item';

package/scss/components/content-block-simple/_content-block-simple.scss

@@ -8,6 +8,7 @@
 @use '@carbon/styles/scss/config' as *;
 @use '@carbon/styles/scss/utilities/convert' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../internal/content-block';
 @use '../../internal/content-item/content-item';
 @use '../image';

package/scss/components/content-group/_content-group.scss

@@ -10,6 +10,7 @@
 @use '@carbon/ibmdotcom-styles/scss/internal/content-block';
 @use '@carbon/ibmdotcom-styles/scss/internal/content-group';
 @use '@carbon/ibmdotcom-styles/scss/globals/vars' as *;
+@use '../../globals/imports' as *;
 
 @mixin content-group {
   :host(#{$c4d-prefix}-content-group),

package/scss/components/content-group-cards/_content-group-cards.scss

@@ -1,5 +1,5 @@
 /**
- * Copyright IBM Corp. 2016, 2023
+ * Copyright IBM Corp. 2016, 2024
  *
  * This source code is licensed under the Apache-2.0 license found in the
  * LICENSE file in the root directory of this source tree.
@@ -12,6 +12,7 @@
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../internal/content-group';
 @use '../link-with-icon';
 @use '../card';

package/scss/components/content-group-pictograms/_content-group-pictograms.scss

@@ -9,6 +9,7 @@
 @use '@carbon/styles/scss/config' as *;
 @use '@carbon/styles/scss/spacing' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../pictogram-item';
 
 @mixin content-group-pictograms {

package/scss/components/content-group-simple/_content-group-simple.scss

@@ -9,6 +9,7 @@
 @use '@carbon/styles/scss/config' as *;
 @use '@carbon/styles/scss/spacing' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../internal/content-group';
 
 @mixin content-group-simple {

package/scss/components/content-item-row/_content-item-row.scss

@@ -14,6 +14,7 @@
 @use '@carbon/styles/scss/utilities/convert' as *;
 @use '../../globals/utils/flex-grid' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../link-list';
 
 @mixin content-item-row {

package/scss/components/content-item-row-media/_content-item-row-media.scss

@@ -13,6 +13,7 @@
 @use '@carbon/styles/scss/utilities' as *;
 @use '@carbon/styles/scss/utilities/convert' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../link-list';
 
 @mixin content-item-row-media {

package/scss/components/cta-block/_cta-block.scss

@@ -14,6 +14,7 @@
 @use '@carbon/styles/scss/utilities/convert' as *;
 @use '../../globals/utils/flex-grid' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../internal/content-block';
 @use '../../internal/content-item/content-item';
 @use '../button-group';

package/scss/components/cta-section/_cta-section.scss

@@ -13,6 +13,7 @@
 @use '@carbon/styles/scss/type' as *;
 @use '../../globals/utils/flex-grid' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../internal/content-block';
 @use '../../internal/content-item/content-item';
 @use '../button-group';

package/scss/components/dotcom-shell/_dotcom-shell.scss

@@ -8,6 +8,7 @@
 @use '@carbon/styles/scss/config' as *;
 @use '@carbon/styles/scss/spacing' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../footer';
 @use '../masthead';
 

package/scss/components/expressive-modal/_expressive-modal.scss

@@ -8,6 +8,7 @@
 @use 'sass:math';
 
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '@carbon/styles/scss/breakpoint' as *;
 @use '@carbon/styles/scss/config' as *;
 @use '@carbon/styles/scss/motion' as *;

package/scss/components/feature-card/_feature-card.scss

@@ -17,6 +17,7 @@
 @use '@carbon/styles/scss/type' as *;
 @use '../../globals/utils/flex-grid' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../components/image';
 @use '../../components/card';
 @use '../../globals/utils/aspect-ratio' as *;

package/scss/components/feature-section/_feature-section.scss

@@ -10,6 +10,7 @@
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../globals/utils/aspect-ratio';
 @use '../../globals/carbon-grid';
 @use '../../globals/utils/ratio-base' as *;

package/scss/components/filter-panel/_filter-panel.scss

@@ -18,6 +18,7 @@
 @use '@carbon/web-components/scss/components/accordion/accordion';
 @use '@carbon/web-components/scss/components/modal/modal';
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 
 @mixin filter-panel {
   .#{$prefix}--filter__heading {

package/scss/components/footer/_footer-logo.scss

@@ -16,6 +16,7 @@
 @use '@carbon/styles/scss/utilities/convert' as *;
 @use '../../globals/utils/flex-grid' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 
 /// Footer title styles
 /// @access private

package/scss/components/footer/_footer-nav-group.scss

@@ -13,6 +13,7 @@
 @use '@carbon/styles/scss/type' as *;
 @use '../../globals/utils/flex-grid' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 
 /// Footer nav group styles
 /// @access private

package/scss/components/footer/_footer-nav.scss

@@ -15,6 +15,7 @@
 @use '@carbon/styles/scss/themes' as *;
 @use '../../globals/utils/flex-grid' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 
 /// Footer nav styles
 /// @access private

package/scss/components/footer/_footer.scss

@@ -14,6 +14,7 @@
 @use '@carbon/styles/scss/layout' as *;
 @use '../../globals/utils/flex-grid' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 
 @use '@carbon/styles/scss/components/accordion';
 @use '@carbon/styles/scss/components/combo-box';

package/scss/components/footer/_legal-nav.scss

@@ -12,6 +12,7 @@
 @use '@carbon/styles/scss/themes' as *;
 @use '@carbon/styles/scss/type' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../globals/utils/flex-grid' as *;
 
 /// Legal nav styles

package/scss/components/footer/_locale-button.scss

@@ -15,6 +15,7 @@
 @use '@carbon/styles/scss/type' as *;
 @use '../../globals/utils/flex-grid' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 
 /// Footer locale button
 /// @access private

package/scss/components/global-banner/_global-banner.scss

@@ -14,6 +14,7 @@
 @use '@carbon/styles/scss/utilities/convert' as *;
 @use '../../globals/utils/flex-grid' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../image/index';
 
 @mixin global-banner {

package/scss/components/horizontal-rule/_horizontal-rule.scss

@@ -11,6 +11,7 @@
 @use '@carbon/styles/scss/utilities/convert' as *;
 @use '@carbon/styles/scss/theme' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 
 @mixin horizontal-rule {
   $subtle-contrast: $border-subtle-01;

package/scss/components/image/_image.scss

@@ -6,6 +6,7 @@
  */
 
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../globals/utils/ratio-base' as *;
 @use '@carbon/styles/scss/config' as *;
 @use '@carbon/styles/scss/spacing' as *;

package/scss/components/in-page-banner/_in-page-banner.scss

@@ -10,6 +10,7 @@
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../internal/content-group';
 @use '../../globals/tokens/color-tokens' as *;
 

package/scss/components/layout/_layout.scss

@@ -11,6 +11,7 @@
 @use '@carbon/styles/scss/theme' as *;
 @use '../../globals/utils/flex-grid' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 
 // $carbon--layouts has been replaced by standard spacing tokens
 $layout-spacings: $spacing-05, $spacing-06, $spacing-07, $spacing-09,

package/scss/components/leadspace/_leadspace.scss

@@ -20,6 +20,7 @@
 @use '../../globals/utils/flex-grid' as *;
 @use '../../globals/utils/ratio-base' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../button-group';
 @use '../image';
 

package/scss/components/leadspace-block/_leadspace-block.scss

@@ -15,6 +15,7 @@
 @use '../../globals/utils/content-width' as *;
 @use '../../globals/utils/hang' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../link-list';
 @use '../image';
 @use '../../internal/content-block';

package/scss/components/leadspace-with-search/_leadspace-with-search.scss

@@ -14,6 +14,7 @@
 @use '@carbon/styles/scss/utilities/convert' as *;
 @use '../../globals/utils/flex-grid' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../internal/content-block';
 @use '../leadspace-block';
 

package/scss/components/leaving-ibm/_leaving-ibm.scss

@@ -11,6 +11,7 @@
 @use '@carbon/styles/scss/type' as *;
 @use '@carbon/web-components/scss/components/modal/modal' as *;
 @use '@carbon/ibmdotcom-styles/scss/globals/vars' as *;
+@use '../../globals/imports' as *;
 
 @mixin leaving-ibm {
   :host(#{$c4d-prefix}-leaving-ibm-composite),

package/scss/components/lightbox-media-viewer/_lightbox-media-viewer.scss

@@ -14,6 +14,7 @@
 @use '../expressive-modal/expressive-modal';
 @use '../../globals/utils/flex-grid' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../expressive-modal' as *;
 @use '../video-player' as *;
 

package/scss/components/link-list/_link-list.scss

@@ -11,6 +11,7 @@
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/type' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../globals/utils/flex-grid' as *;
 @use '../card';
 @use '../link-with-icon';

package/scss/components/link-list-section/_link-list-section.scss

@@ -11,6 +11,7 @@
 @use '@carbon/ibmdotcom-styles/scss/internal/content-section';
 @use '@carbon/ibmdotcom-styles/scss/globals/utils/flex-grid' as *;
 @use '@carbon/ibmdotcom-styles/scss/globals/vars' as *;
+@use '../../globals/imports' as *;
 
 @mixin link-list-section {
   :host(#{$c4d-prefix}-link-list-section) {

package/scss/components/link-with-icon/_link-with-icon.scss

@@ -12,6 +12,7 @@
 @use '@carbon/styles/scss/type' as *;
 @use '@carbon/styles/scss/components/link';
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../lightbox-media-viewer/lightbox-media-viewer';
 
 @mixin link-with-icon {

package/scss/components/list/_list.scss

@@ -9,6 +9,7 @@
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/type' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '@carbon/styles/scss/components/list';
 
 @mixin list {

package/scss/components/locale-modal/_locale-modal.scss

@@ -15,6 +15,7 @@
 @use '@carbon/styles/scss/type' as *;
 @use '@carbon/layout/scss/convert' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../globals/utils/flex-grid' as *;
 
 @use '../card' as *;

package/scss/components/logo-grid/_logo-grid.scss

@@ -14,6 +14,7 @@
 @use '@carbon/styles/scss/type' as *;
 @use '../../globals/utils/flex-grid' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../../globals/utils/hang' as *;
 @use '../../globals/utils/aspect-ratio';
 @use '../image';

package/scss/components/masthead/_masthead-l1.scss

@@ -16,6 +16,7 @@
 @use '@carbon/styles/scss/utilities/convert' as *;
 @use '@carbon/styles/scss/components/button/tokens' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use 'vars' as *;
 
 /// @access private

package/scss/components/masthead/_masthead-leftnav.scss

@@ -14,6 +14,7 @@
 @use '@carbon/styles/scss/themes' as *;
 @use '@carbon/styles/scss/type' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 
 // Include left navigation component
 /// @access private

package/scss/components/masthead/_masthead-megamenu.scss

@@ -15,6 +15,7 @@
 @use '@carbon/styles/scss/utilities/convert' as *;
 @use '../../globals/utils/flex-grid' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 
 @mixin masthead-megamenu-limit-height {
   overflow: var(--#{$c4d-prefix}-masthead-overflow);

package/scss/components/masthead/_masthead-search.scss

@@ -11,6 +11,7 @@
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/type' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use 'vars' as *;
 
 /// @access private

package/scss/components/masthead/_masthead.scss

@@ -21,6 +21,7 @@
 @use '@carbon/styles/scss/utilities' as *;
 @use '@carbon/styles/scss/utilities/convert' as *;
 @use '../../globals/vars' as *;
+@use '../../globals/imports' as *;
 @use '../link-with-icon';
 @use 'vars' as *;