@carbon/ibm-products-styles 2.76.0-rc.0 → 2.77.0-rc.0

package/scss/components/BigNumber/_big-number.scss

@@ -1,157 +0,0 @@
-//
-// Copyright IBM Corp. 2024, 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.
-//
-
-// Standard imports.
-@use '../../global/styles/project-settings' as c4p-settings;
-@use '@carbon/styles/scss/theme' as *;
-@use '@carbon/styles/scss/type' as *;
-@use '../../global/styles/mixins';
-@use '@carbon/styles/scss/spacing' as *;
-@use '@carbon/styles/scss/utilities';
-
-// Other Carbon settings if needed
-// TODO: @use '@carbon/styles/scss/grid';
-// or
-// TODO: @use '@carbon/styles/scss/grid';
-// BigNumber uses the following Carbon for IBM Products components:
-// TODO: @use(s) of IBM Products component styles used by BigNumber
-// The block part of our conventional BEM class names (blockClass__E--M).
-$block-class: #{c4p-settings.$pkg-prefix}--big-number;
-$skeleton-block-class: #{c4p-settings.$pkg-prefix}--big-number-skeleton;
-
-.#{$block-class}__label {
-  @include type-style('label-01');
-
-  display: block;
-  margin: 0;
-  color: $text-secondary;
-}
-
-.#{$block-class}__value {
-  @include type-style('heading-04');
-
-  margin-block-end: 0;
-}
-
-.#{$block-class}__total {
-  @include type-style('body-compact-01');
-}
-
-.#{$block-class}__total,
-.#{$block-class}__percentage-mark {
-  margin-block: auto $spacing-02;
-}
-
-.#{$block-class}__info {
-  vertical-align: top;
-}
-
-.#{$block-class}__trend {
-  margin-block-start: $spacing-03;
-  vertical-align: top;
-}
-
-.#{$block-class}__row {
-  display: flex;
-}
-
-.#{$block-class}__info {
-  padding-inline-start: $spacing-03;
-}
-
-.#{$block-class}__percentage {
-  @include type-style('heading-04');
-}
-
-.#{$block-class}__percentage-mark {
-  @include type-style('body-compact-01');
-}
-
-.#{$block-class}__icon-button {
-  margin-inline-start: $spacing-02;
-}
-
-.#{$block-class}--lg .#{$block-class}__value,
-.#{$block-class}--lg .#{$block-class}__percentage {
-  @include type-style('heading-06');
-}
-
-.#{$block-class}--lg .#{$block-class}__total,
-.#{$block-class}--lg .#{$block-class}__percentage-mark {
-  @include type-style('heading-03');
-}
-
-.#{$block-class}--xl .#{$block-class}__label {
-  @include type-style('body-compact-01');
-}
-
-.#{$block-class}--xl .#{$block-class}__value,
-.#{$block-class}--xl .#{$block-class}__percentage {
-  @include type-style('heading-07');
-}
-
-.#{$block-class}--xl .#{$block-class}__total,
-.#{$block-class}--xl .#{$block-class}__percentage-mark {
-  @include type-style('heading-04');
-}
-
-.#{$block-class}--xl .#{$block-class}__trend {
-  margin-block-start: $spacing-04;
-}
-
-//
-// Skeleton
-//
-
-.#{$skeleton-block-class} {
-  inline-size: 4rem;
-}
-
-.#{$skeleton-block-class}__label {
-  block-size: $spacing-04;
-  margin-block: 0 $spacing-03;
-}
-
-.#{$skeleton-block-class}__value {
-  margin: 0;
-  /* stylelint-disable-next-line declaration-no-important */
-  block-size: $spacing-08 !important;
-}
-
-.#{$skeleton-block-class}--lg {
-  inline-size: 5rem;
-}
-
-.#{$skeleton-block-class}--xl {
-  inline-size: 6rem;
-}
-
-.#{$skeleton-block-class}.#{$skeleton-block-class}--lg
-  .#{$skeleton-block-class}__label {
-  block-size: $spacing-04;
-}
-
-.#{$skeleton-block-class}.#{$skeleton-block-class}--lg
-  .#{$skeleton-block-class}__value {
-  /* stylelint-disable-next-line declaration-no-important */
-  block-size: $spacing-09 !important;
-}
-
-.#{$skeleton-block-class}.#{$skeleton-block-class}--xl
-  .#{$skeleton-block-class}__label {
-  block-size: $spacing-04;
-}
-
-.#{$skeleton-block-class}.#{$skeleton-block-class}--xl
-  .#{$skeleton-block-class}__value {
-  /* stylelint-disable-next-line declaration-no-important */
-  block-size: $spacing-10 !important;
-}
-
-.#{$block-class} .#{$block-class}__tooltip-trigger:focus {
-  outline: 1px solid $focus;
-}

package/scss/components/BigNumber/_carbon-imports.scss

@@ -1,11 +0,0 @@
-//
-// Copyright IBM Corp. 2024, 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.
-//
-
-// Import any Carbon component styles used from BigNumber in this file.
-// BigNumber uses the following Carbon components:
-@use '@carbon/styles/scss/components/skeleton-styles';
-@use '@carbon/styles/scss/components/tooltip';

package/scss/components/BigNumber/_index-with-carbon.scss

@@ -1,9 +0,0 @@
-//
-// Copyright IBM Corp. 2024, 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.
-//
-
-@use './carbon-imports';
-@use './big-number';

package/scss/components/BigNumber/_index.scss

@@ -1,8 +0,0 @@
-//
-// Copyright IBM Corp. 2024, 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.
-//
-
-@use './big-number';

package/scss/components/BreadcrumbWithOverflow/_breadcrumb-with-overflow.scss

@@ -1,96 +0,0 @@
-//
-// Copyright IBM Corp. 2020, 2023
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-// Standard imports.
-@use '@carbon/styles/scss/breakpoint' as *;
-@use '@carbon/styles/scss/spacing' as *;
-@use '@carbon/styles/scss/utilities';
-@use '../../global/styles/project-settings' as c4p-settings;
-@use '../../global/styles/mixins' as *;
-
-$_block-class: #{c4p-settings.$pkg-prefix}--breadcrumb-with-overflow;
-
-@include block-wrap($block-class: $_block-class) {
-  &.#{$_block-class} {
-    display: block;
-  }
-
-  .#{$_block-class}__space {
-    position: relative;
-    display: block;
-    inline-size: 100%;
-    white-space: nowrap;
-  }
-
-  .#{$_block-class}__breadcrumb-container.#{$_block-class}__breadcrumb-container-with-items {
-    display: inline-flex; // needed to register a width
-    inline-size: 100%;
-  }
-
-  .#{$_block-class}__breadcrumb-container
-    .#{c4p-settings.$carbon-prefix}--breadcrumb {
-    flex-wrap: nowrap;
-    align-items: flex-start;
-    inline-size: 100%;
-  }
-
-  .#{$_block-class}__breadcrumb-container--hidden {
-    // This breadcrumb container is used to measure the width of all displayable breadcrumbs
-    @include measuring-container;
-  }
-
-  .#{$_block-class}__breadcrumb-back {
-    display: none;
-  }
-
-  .#{$_block-class}__back__button.#{c4p-settings.$carbon-prefix}--btn {
-    padding: 0;
-    min-block-size: revert;
-  }
-
-  .#{$_block-class}__back__button.#{c4p-settings.$carbon-prefix}--btn--ghost:hover {
-    background-color: inherit;
-  }
-
-  @include breakpoint-down(md) {
-    .#{c4p-settings.$carbon-prefix}--breadcrumb-item {
-      display: none;
-    }
-
-    .#{$_block-class}__breadcrumb-back,
-    .#{c4p-settings.$carbon-prefix}--breadcrumb-item:last-child {
-      display: inline-flex;
-      vertical-align: middle;
-    }
-
-    .#{$_block-class}__displayed-breadcrumb:last-child {
-      max-inline-size: calc(
-        100% - $spacing-07
-      ); // allow room for breadcrumb back
-    }
-  }
-
-  .#{c4p-settings.$carbon-prefix}--breadcrumb-item:last-child {
-    display: inline-flex; // flex instead of block due to spacing
-  }
-
-  .#{$_block-class}__displayed-breadcrumb:last-child {
-    display: inline-flex; // flex instead of block due to spacing
-  }
-
-  .#{$_block-class}__displayed-breadcrumb:last-child
-    .#{c4p-settings.$carbon-prefix}--link {
-    display: inline-block;
-    overflow: hidden;
-    inline-size: 100%;
-    text-overflow: ellipsis;
-  }
-}
-.#{$_block-class}__overflow-menu {
-  /* stylelint-disable-next-line carbon/type-use */
-  line-height: 0;
-}

package/scss/components/BreadcrumbWithOverflow/_carbon-imports.scss

@@ -1,12 +0,0 @@
-//
-// Copyright IBM Corp. 2020, 2021
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-// BreadcrumbWithOverflow uses the following Carbon components:
-// Breadcrumb, BreadcrumbItem, OverflowMenu, OverflowMenuItem, IconButton
-@use '@carbon/styles/scss/components/breadcrumb';
-@use '@carbon/styles/scss/components/overflow-menu';
-@use '@carbon/styles/scss/components/button';

package/scss/components/BreadcrumbWithOverflow/_index-with-carbon.scss

@@ -1,9 +0,0 @@
-//
-// Copyright IBM Corp. 2020, 2021
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-@use './carbon-imports';
-@use './breadcrumb-with-overflow';

package/scss/components/BreadcrumbWithOverflow/_index.scss

@@ -1,8 +0,0 @@
-//
-// Copyright IBM Corp. 2020, 2021
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-@use './breadcrumb-with-overflow';

package/scss/components/ButtonMenu/_button-menu.scss

@@ -1,60 +0,0 @@
-//
-// Copyright IBM Corp. 2021, 2023
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-// Standard imports.
-@use '@carbon/styles/scss/spacing' as *;
-@use '@carbon/styles/scss/components/button/tokens' as *;
-@use '../../global/styles/project-settings' as c4p-settings;
-@use '@carbon/styles/scss/theme' as *;
-@use '@carbon/styles/scss/type';
-
-// TODO: @use(s) of Carbon settings and component styles and other
-// related component styles used by ButtonMenu
-
-// The block part of our conventional BEM class names (blockClass__E--M).
-$block-class: #{c4p-settings.$pkg-prefix}--button-menu;
-
-.#{$block-class} {
-  min-inline-size: 160px;
-  &.#{$block-class}__wrapper--primary,
-  &.#{$block-class}__wrapper--primary.#{c4p-settings.$carbon-prefix}--overflow-menu.#{c4p-settings.$carbon-prefix}--overflow-menu--open {
-    background-color: $button-primary;
-  }
-  &.#{c4p-settings.$carbon-prefix}--overflow-menu.#{$block-class}__wrapper--primary:hover {
-    background-color: $button-primary-hover;
-  }
-
-  &.#{$block-class}__wrapper--tertiary,
-  &.#{$block-class}__wrapper--tertiary.#{c4p-settings.$carbon-prefix}--overflow-menu.#{c4p-settings.$carbon-prefix}--overflow-menu--open {
-    background-color: $button-tertiary;
-  }
-  &.#{c4p-settings.$carbon-prefix}--overflow-menu.#{$block-class}__wrapper--tertiary:hover {
-    background-color: $button-tertiary-hover;
-  }
-
-  &.#{$block-class}__wrapper--ghost,
-  &.#{$block-class}__wrapper--ghost.#{c4p-settings.$carbon-prefix}--overflow-menu.#{c4p-settings.$carbon-prefix}--overflow-menu--open {
-    background-color: transparent;
-  }
-  &.#{c4p-settings.$carbon-prefix}--overflow-menu.#{$block-class}__wrapper--ghost:hover {
-    background-color: $layer-hover;
-  }
-
-  .#{$block-class}__trigger {
-    @include type.type-style('body-compact-01');
-
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 0 $spacing-05;
-    inline-size: 100%;
-  }
-}
-
-.#{$block-class}__options.#{c4p-settings.$carbon-prefix}--overflow-menu-options::after {
-  content: initial;
-}

package/scss/components/ButtonMenu/_carbon-imports.scss

@@ -1,9 +0,0 @@
-//
-// Copyright IBM Corp. 2022, 2022
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-@use '@carbon/styles/scss/components/button';
-@use '@carbon/styles/scss/components/overflow-menu';

package/scss/components/ButtonMenu/_index-with-carbon.scss

@@ -1,9 +0,0 @@
-//
-// Copyright IBM Corp. 2022, 2022
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-@use './carbon-imports';
-@use './button-menu';

package/scss/components/ButtonMenu/_index.scss

@@ -1,8 +0,0 @@
-//
-// Copyright IBM Corp. 2021, 2021
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-@use './button-menu';

package/scss/components/ButtonSetWithOverflow/_button-set-with-overflow.scss

@@ -1,42 +0,0 @@
-//
-// Copyright IBM Corp. 2020, 2021
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-// Standard imports.
-@use '../../global/styles/project-settings' as c4p-settings;
-@use '../../global/styles/mixins' as *;
-
-// ButtonSetWithOverflow uses the following IBM Products components:
-// ButtonMenu, ButtonMenuItem
-@use '../ButtonMenu/button-menu';
-
-$_block-class: #{c4p-settings.$pkg-prefix}--button-set-with-overflow;
-
-@include block-wrap($_block-class) {
-  &.#{$_block-class} {
-    display: flex;
-    inline-size: 100%;
-  }
-
-  .#{$_block-class}__space {
-    position: relative;
-    display: block;
-    inline-size: 100%;
-    white-space: nowrap;
-  }
-
-  .#{$_block-class}__button-container {
-    display: inline-flex; // needed to register a width
-  }
-
-  .#{$_block-class}__button-container--hidden {
-    // This button-set container is used to measure the width of all displayable button-sets
-    @include measuring-container;
-  }
-
-  &.#{$_block-class}--right {
-    justify-content: flex-end;
-  }
-}

package/scss/components/ButtonSetWithOverflow/_carbon-imports.scss

@@ -1,10 +0,0 @@
-//
-// Copyright IBM Corp. 2022, 2022
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-// ButtonSetWithOverflow uses the following Carbon components:
-// ButtonSet, Button
-@use '@carbon/styles/scss/components/button';

package/scss/components/ButtonSetWithOverflow/_index-with-carbon.scss

@@ -1,9 +0,0 @@
-//
-// Copyright IBM Corp. 2022, 2022
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-@use './carbon-imports';
-@use './button-set-with-overflow';

package/scss/components/ButtonSetWithOverflow/_index.scss

@@ -1,8 +0,0 @@
-//
-// Copyright IBM Corp. 2021, 2021
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-@use './button-set-with-overflow';

package/scss/components/Card/_carbon-imports.scss

@@ -1,11 +0,0 @@
-//
-// Copyright IBM Corp. 2022, 2022
-//
-// This source code is licensed under the Apache-2.0 license found in the
-// LICENSE file in the root directory of this source tree.
-//
-
-// Card uses the following Carbon components:
-// Button, OverflowMenu, OverflowMenuItem
-@use '@carbon/styles/scss/components/button';
-@use '@carbon/styles/scss/components/overflow-menu';