@carbon/ibm-products 2.83.0 → 2.84.0

package/scss/components/CreateFullPage/_create-full-page.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2021, 2023
+// Copyright IBM Corp. 2021, 2025
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -9,6 +9,8 @@
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/type';
+@use '@carbon/styles/scss/config' as carbon-config;
+
 @use '../../global/styles/project-settings' as c4p-settings;
 
 // CreateFullPage uses the following IBM Products components:
@@ -32,9 +34,7 @@ $step-block-class: #{c4p-settings.$pkg-prefix}--create-full-page__step;
   }
 }
 
-.#{$block-class}
-  .#{$block-class}__content
-  .#{c4p-settings.$carbon-prefix}--grid {
+.#{$block-class} .#{$block-class}__content .#{carbon-config.$prefix}--grid {
   margin-inline: 0;
   padding-block-start: $spacing-06;
 }
@@ -59,7 +59,7 @@ $step-block-class: #{c4p-settings.$pkg-prefix}--create-full-page__step;
   margin-block-end: $spacing-06;
 }
 
-.#{$block-class} .#{c4p-settings.$carbon-prefix}--fieldset {
+.#{$block-class} .#{carbon-config.$prefix}--fieldset {
   margin-block-end: 0;
 }
 
@@ -67,7 +67,7 @@ $step-block-class: #{c4p-settings.$pkg-prefix}--create-full-page__step;
   margin-block-end: $spacing-05;
 }
 
-.#{$block-class} .#{c4p-settings.$carbon-prefix}--modal-close {
+.#{$block-class} .#{carbon-config.$prefix}--modal-close {
   display: none;
 }
 
@@ -119,11 +119,11 @@ $step-block-class: #{c4p-settings.$pkg-prefix}--create-full-page__step;
   padding-block-end: $spacing-07;
 }
 
-.#{$block-class}__step .#{c4p-settings.$carbon-prefix}--css-grid {
+.#{$block-class}__step .#{carbon-config.$prefix}--css-grid {
   margin-inline-start: 0;
 }
 
-.#{$block-class} .#{c4p-settings.$carbon-prefix}--side-nav--ux {
+.#{$block-class} .#{carbon-config.$prefix}--side-nav--ux {
   background-color: transparent;
   block-size: min-content;
   border-inline-end: 1px solid $border-subtle-01;
@@ -173,7 +173,7 @@ $step-block-class: #{c4p-settings.$pkg-prefix}--create-full-page__step;
 }
 
 .#{$block-class}
-  .#{$block-class}__progress-indicator.#{c4p-settings.$carbon-prefix}--progress {
+  .#{$block-class}__progress-indicator.#{carbon-config.$prefix}--progress {
   padding: $spacing-06;
 }
 

package/scss/components/CreateModal/_create-modal.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2021, 2021
+// Copyright IBM Corp. 2021, 2025
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -10,15 +10,17 @@
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/breakpoint' as *;
 @use '@carbon/styles/scss/type';
+@use '@carbon/styles/scss/config' as carbon-config;
+
 @use '../../global/styles/project-settings' as c4p-settings;
 
 .#{c4p-settings.$pkg-prefix}--create-modal
-  .#{c4p-settings.$carbon-prefix}--modal-close {
+  .#{carbon-config.$prefix}--modal-close {
   display: none;
 }
 
 .#{c4p-settings.$pkg-prefix}--create-modal
-  .#{c4p-settings.$carbon-prefix}--modal-container {
+  .#{carbon-config.$prefix}--modal-container {
   @include breakpoint(md) {
     max-block-size: 95%;
   }
@@ -28,7 +30,7 @@
 }
 
 .#{c4p-settings.$pkg-prefix}--create-modal
-  .#{c4p-settings.$carbon-prefix}--modal-header {
+  .#{carbon-config.$prefix}--modal-header {
   border-block-end: 1px solid $layer-accent-01;
   margin-block-end: 0;
   padding-block-end: $spacing-03;
@@ -36,8 +38,8 @@
 }
 
 .#{c4p-settings.$pkg-prefix}--create-modal
-  .#{c4p-settings.$carbon-prefix}--modal-footer
-  .#{c4p-settings.$carbon-prefix}--btn {
+  .#{carbon-config.$prefix}--modal-footer
+  .#{carbon-config.$prefix}--btn {
   max-inline-size: none;
 }
 
@@ -63,7 +65,7 @@
 }
 
 .#{c4p-settings.$pkg-prefix}--create-modal__form
-  .#{c4p-settings.$carbon-prefix}--fieldset {
+  .#{carbon-config.$prefix}--fieldset {
   margin-block-end: 0;
   min-inline-size: 100%;
 }

package/scss/components/CreateSidePanel/_create-side-panel.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2021, 2021
+// Copyright IBM Corp. 2021, 2025
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -9,6 +9,8 @@
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/type';
+@use '@carbon/styles/scss/config' as carbon-config;
+
 @use '../../global/styles/project-settings' as c4p-settings;
 @use '../SidePanel/side-panel-variables' as side-panel-vars;
 
@@ -24,11 +26,11 @@ $side-panel-block-class: #{c4p-settings.$pkg-prefix}--side-panel;
   padding-inline-end: calc(20% - #{$spacing-05});
 }
 
-.#{c4p-settings.$carbon-prefix}--form.#{$create-side-panel-block-class}__form {
+.#{carbon-config.$prefix}--form.#{$create-side-panel-block-class}__form {
   padding-block-start: $spacing-05;
 }
 
-.#{$create-side-panel-block-class}__form.#{c4p-settings.$carbon-prefix}--fieldset {
+.#{$create-side-panel-block-class}__form.#{carbon-config.$prefix}--fieldset {
   padding-block-start: $spacing-03;
 }
 
@@ -47,7 +49,7 @@ $side-panel-block-class: #{c4p-settings.$pkg-prefix}--side-panel;
 }
 
 .#{$create-side-panel-block-class}.#{$side-panel-block-class}
-  .#{c4p-settings.$carbon-prefix}--btn.#{$side-panel-block-class}__close-button {
+  .#{carbon-config.$prefix}--btn.#{$side-panel-block-class}__close-button {
   display: none;
 }
 

package/scss/components/CreateTearsheet/_create-tearsheet.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2021, 2023
+// Copyright IBM Corp. 2021, 2025
 //
 // 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/motion' as *;
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/type';
+@use '@carbon/styles/scss/config' as carbon-config;
 
 // Standard imports.
 @use '../../global/styles/project-settings' as c4p-settings;
@@ -55,7 +56,7 @@ $tearsheet-fieldset-class: #{c4p-settings.$pkg-prefix}--tearsheet-create__step--
   --#{$create-tearsheet-block-class}--total-width: 0;
 }
 
-.#{$step-block-class} .#{c4p-settings.$carbon-prefix}--css-grid {
+.#{$step-block-class} .#{carbon-config.$prefix}--css-grid {
   margin-inline-start: 0;
 }
 
@@ -90,13 +91,13 @@ $tearsheet-fieldset-class: #{c4p-settings.$pkg-prefix}--tearsheet-create__step--
 
 .#{$create-tearsheet-block-class}
   .#{$create-tearsheet-block-class}__content
-  .#{c4p-settings.$carbon-prefix}--form {
+  .#{carbon-config.$prefix}--form {
   block-size: inherit;
 }
 
 .#{$create-tearsheet-block-class}
   .#{$create-tearsheet-block-class}__content
-  .#{c4p-settings.$carbon-prefix}--grid {
+  .#{carbon-config.$prefix}--grid {
   padding: 0;
   margin: 0;
 }
@@ -107,13 +108,12 @@ $tearsheet-fieldset-class: #{c4p-settings.$pkg-prefix}--tearsheet-create__step--
 }
 
 .#{$create-tearsheet-block-class}
-  .#{c4p-settings.$carbon-prefix}--btn-set
-  .#{c4p-settings.$carbon-prefix}--btn.#{c4p-settings.$carbon-prefix}--btn--disabled {
+  .#{carbon-config.$prefix}--btn-set
+  .#{carbon-config.$prefix}--btn.#{carbon-config.$prefix}--btn--disabled {
   box-shadow: -0.0625rem 0 0 0 $button-separator;
 }
 
-.#{$create-tearsheet-block-class}
-  .#{c4p-settings.$carbon-prefix}--side-nav--ux {
+.#{$create-tearsheet-block-class} .#{carbon-config.$prefix}--side-nav--ux {
   position: initial;
   background-color: transparent;
 }
@@ -154,7 +154,7 @@ $tearsheet-fieldset-class: #{c4p-settings.$pkg-prefix}--tearsheet-create__step--
   margin-block-end: $spacing-06;
 }
 
-.#{$create-tearsheet-block-class} .#{c4p-settings.$carbon-prefix}--fieldset {
+.#{$create-tearsheet-block-class} .#{carbon-config.$prefix}--fieldset {
   margin-block-end: 0;
 }
 

package/scss/components/CreateTearsheetNarrow/_create-tearsheet-narrow.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2021, 2021
+// Copyright IBM Corp. 2021, 2025
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -9,6 +9,8 @@
 @use '@carbon/styles/scss/theme' as *;
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/type';
+@use '@carbon/styles/scss/config' as carbon-config;
+
 @use '../../global/styles/project-settings' as c4p-settings;
 
 // CreateTearsheetNarrow uses the following IBM Products components:
@@ -18,8 +20,8 @@
 // The block part of our conventional BEM class names (blockClass__E--M).
 $block-class: #{c4p-settings.$pkg-prefix}--create-tearsheet-narrow;
 
-.#{$block-class} .#{c4p-settings.$carbon-prefix}--modal-header__heading,
-.#{$block-class} .#{c4p-settings.$carbon-prefix}--modal-header__label,
+.#{$block-class} .#{carbon-config.$prefix}--modal-header__heading,
+.#{$block-class} .#{carbon-config.$prefix}--modal-header__label,
 .#{$block-class} .#{c4p-settings.$pkg-prefix}--tearsheet__header-description {
   max-inline-size: 100%;
   padding-inline-end: calc(20% - #{$spacing-05});

package/scss/components/Datagrid/_datagrid.scss

@@ -1,5 +1,5 @@
 //
-// Copyright IBM Corp. 2022, 2023
+// Copyright IBM Corp. 2022, 2025
 //
 // This source code is licensed under the Apache-2.0 license found in the
 // LICENSE file in the root directory of this source tree.
@@ -8,6 +8,8 @@
 // Standard imports.
 @use '@carbon/styles/scss/spacing' as *;
 @use '@carbon/styles/scss/theme' as *;
+@use '@carbon/styles/scss/config' as carbon-config;
+
 @use '../../global/styles/project-settings' as c4p-settings;
 @use '../../global/styles/mixins';
 
@@ -33,15 +35,15 @@ $block-class: #{c4p-settings.$pkg-prefix}--datagrid;
   display: block;
   inline-size: 100%;
 
-  :global(.#{c4p-settings.$carbon-prefix}--checkbox) {
+  :global(.#{carbon-config.$prefix}--checkbox) {
     display: none;
   }
 }
 
 .#{$block-class}
   .#{c4p-settings.$pkg-prefix}--datagrid__row-size-options-container
-  .#{c4p-settings.$carbon-prefix}--popover-container
-  .#{c4p-settings.$carbon-prefix}--btn--icon-only {
+  .#{carbon-config.$prefix}--popover-container
+  .#{carbon-config.$prefix}--btn--icon-only {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -65,7 +67,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--datagrid;
 
   /* stylelint-disable-next-line */
   :global {
-    .#{c4p-settings.$carbon-prefix}--pagination {
+    .#{carbon-config.$prefix}--pagination {
       // newer version of carbon pagination has scroll which doesn't make any sense, removing it
       /* stylelint-disable-next-line declaration-property-value-disallowed-list */
       overflow-x: unset;
@@ -79,8 +81,8 @@ $block-class: #{c4p-settings.$pkg-prefix}--datagrid;
 
 // firefox fix for issue mentioned in 3442
 .#{$block-class}
-  .#{c4p-settings.$carbon-prefix}--menu-button__trigger:not(
-    .#{c4p-settings.$carbon-prefix}--btn--ghost
+  .#{carbon-config.$prefix}--menu-button__trigger:not(
+    .#{carbon-config.$prefix}--btn--ghost
   ) {
   min-inline-size: auto;
 }