diff --git a/packages/ibm-products-styles/src/components/EditFullPage/_index.scss b/packages/ibm-products-styles/src/components/EditFullPage/_index.scss index 4707de1616..64782b55cd 100644 --- a/packages/ibm-products-styles/src/components/EditFullPage/_index.scss +++ b/packages/ibm-products-styles/src/components/EditFullPage/_index.scss @@ -5,4 +5,4 @@ // LICENSE file in the root directory of this source tree. // -@import './edit-full-page'; +@use './edit-full-page'; diff --git a/packages/ibm-products-styles/src/components/EditTearsheet/_index.scss b/packages/ibm-products-styles/src/components/EditTearsheet/_index.scss index 8d61d98f49..d655783349 100644 --- a/packages/ibm-products-styles/src/components/EditTearsheet/_index.scss +++ b/packages/ibm-products-styles/src/components/EditTearsheet/_index.scss @@ -5,4 +5,4 @@ // LICENSE file in the root directory of this source tree. // -@import './edit-tearsheet'; +@use './edit-tearsheet'; diff --git a/packages/ibm-products-styles/src/components/EditTearsheetNarrow/_index.scss b/packages/ibm-products-styles/src/components/EditTearsheetNarrow/_index.scss index c111c360e0..f41dfeb8b1 100644 --- a/packages/ibm-products-styles/src/components/EditTearsheetNarrow/_index.scss +++ b/packages/ibm-products-styles/src/components/EditTearsheetNarrow/_index.scss @@ -5,4 +5,4 @@ // LICENSE file in the root directory of this source tree. // -@import './edit-tearsheet-narrow'; +@use './edit-tearsheet-narrow'; diff --git a/packages/ibm-products-styles/src/components/EditUpdateCards/_edit-update-cards.scss b/packages/ibm-products-styles/src/components/EditUpdateCards/_edit-update-cards.scss index f481a317cf..7e23d64e6c 100644 --- a/packages/ibm-products-styles/src/components/EditUpdateCards/_edit-update-cards.scss +++ b/packages/ibm-products-styles/src/components/EditUpdateCards/_edit-update-cards.scss @@ -8,16 +8,16 @@ // Standard imports. // Other Carbon settings. -// TODO: @import 'carbon-components/scss/globals/grid/grid'; if needed +// TODO: @use 'carbon-components/scss/globals/grid/grid'; if needed @use '@carbon/colors/' as *; @use '@carbon/motion/' as *; @use '../../global/styles/project-settings' as c4p-settings; // EditUpdateCards uses the following Carbon components: -// TODO: @import(s) of Carbon component styles used by EditUpdateCards +// TODO: @use(s) of Carbon component styles used by EditUpdateCards // EditUpdateCards uses the following Carbon for IBM Products components: -// TODO: @import(s) of IBM Products component styles used by EditUpdateCards +// TODO: @use(s) of IBM Products component styles used by EditUpdateCards // Define all component styles in a mixin which is then exported using // the Carbon import-once mechanism. diff --git a/packages/ibm-products/src/components/Carousel/_storybook-styles.scss b/packages/ibm-products/src/components/Carousel/_storybook-styles.scss index f8f8359839..36d94cf441 100644 --- a/packages/ibm-products/src/components/Carousel/_storybook-styles.scss +++ b/packages/ibm-products/src/components/Carousel/_storybook-styles.scss @@ -5,7 +5,7 @@ // LICENSE file in the root directory of this source tree. // -// @import '../../global/styles/project-settings'; +// @use '../../global/styles/project-settings'; @use '../../../../ibm-products-styles/src/global/styles/project-settings'; // TODO: add any additional styles used by Carousel.stories.js diff --git a/packages/ibm-products/src/components/SteppedAnimatedMedia/_index.scss b/packages/ibm-products/src/components/SteppedAnimatedMedia/_index.scss index 7c10e1a4a1..52bc3499dd 100644 --- a/packages/ibm-products/src/components/SteppedAnimatedMedia/_index.scss +++ b/packages/ibm-products/src/components/SteppedAnimatedMedia/_index.scss @@ -5,4 +5,4 @@ // LICENSE file in the root directory of this source tree. // -@import './stepped-animated-media'; +@use './stepped-animated-media';