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

package/scss/components/Datagrid/styles/_draggableElement.scss

@@ -1,120 +0,0 @@
-//
-// Copyright IBM Corp. 2022, 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.
-//
-
-@use '@carbon/styles/scss/theme' as *;
-@use '@carbon/styles/scss/spacing' as *;
-@use '@carbon/styles/scss/colors';
-@use '@carbon/styles/scss/motion' as *;
-@use './variables';
-
-// Drag handle.
-.#{variables.$block-class}__draggable-handleStyle {
-  // Cancel out default button styling.
-  padding: 0;
-  border: none;
-  background: none;
-
-  cursor: grab;
-  margin-inline-end: $spacing-03;
-}
-
-.#{variables.$block-class}__draggable-handleStyle:active,
-.#{variables.$block-class}__draggable-handleHolder--dragging {
-  cursor: grabbing;
-}
-
-.#{variables.$block-class}__draggable-handleStyle.disabled {
-  cursor: none;
-  pointer-events: none;
-}
-
-.#{variables.$block-class}__draggable-handleStyle.disabled svg {
-  fill: $icon-on-color-disabled;
-}
-
-.#{variables.$block-class}__draggable-underlay {
-  position: absolute;
-  inline-size: 100%;
-}
-
-.#{variables.$block-class}__draggable-underlay-item {
-  border: 2px dashed $focus;
-  /* stylelint-disable-next-line carbon/theme-use */
-  background-color: colors.$blue-10; // not good in dark mode
-  block-size: $spacing-09;
-  // must match draggable item size
-  inline-size: 100%;
-}
-
-// The draggable element itself.
-.#{variables.$block-class}__draggable-handleHolder {
-  position: relative; // above underlay
-  display: flex;
-  background-color: $layer;
-  block-size: $spacing-09;
-  border-block-end: 1px solid $layer-active;
-}
-
-.#{variables.$block-class}__draggable-handleHolder:hover {
-  background-color: $layer-hover;
-}
-
-.#{variables.$block-class}__draggable-handleHolder:focus {
-  box-shadow: inset 0 0 0 1px $focus;
-  outline: none;
-}
-
-.#{variables.$block-class}__draggable-handleHolder--selected {
-  background-color: $layer-selected;
-}
-
-.#{variables.$block-class}__draggable-handleHolder--dragging {
-  z-index: 2; // raise above other items in draggable list
-  background-color: $highlight;
-  color: $text-primary;
-  outline: none;
-}
-
-.#{variables.$block-class}__draggable-handleHolder-selected:hover {
-  background-color: $layer-selected-hover-01;
-}
-
-.#{variables.$block-class}__draggable-handleHolder-droppable {
-  display: flex;
-  align-items: center;
-  inline-size: 100%;
-  /* stylelint-disable-next-line carbon/type-use */
-  line-height: 1; // center align text within row
-  padding-inline-start: $spacing-05;
-  transition-property: opacity;
-}
-
-.#{variables.$block-class}__draggable-handleHolder-droppable.#{variables.$block-class}__draggable-handleHolder-droppable--origin {
-  opacity: 0.5;
-  transition: opacity $duration-moderate-01 motion(entrance, productive);
-  /* stylelint-disable-next-line max-nesting-depth */
-  @media (prefers-reduced-motion: reduce) {
-    transition: none;
-  }
-}
-
-.#{variables.$block-class}__draggable-handleHolder--sticky {
-  color: $text-on-color-disabled;
-}
-
-.#{variables.$block-class}__shared-ui--assistive-text {
-  // hide the assistive text. can not use display: none which will also hide from ARIA
-  position: absolute;
-  overflow: hidden;
-  padding: 0;
-  border: 0;
-  block-size: 0;
-  clip: rect(0 0 0 0);
-  inline-size: 0;
-  text-transform: none;
-  white-space: nowrap;
-}

package/scss/components/Datagrid/styles/_index.scss

@@ -1,22 +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 './datagrid';
-@use './useNestedRows';
-@use './useNestedTable';
-@use './useSortableColumns';
-@use './useColumnRightAlign';
-@use './useColumnCenterAlign';
-@use './useStickyColumn';
-@use './useActionsColumn';
-@use './addons/CustomizeColumnsTearsheet';
-@use './addons/RowSizeDropdown';
-@use './addons/FilterFlyout';
-@use './addons/FilterPanel';
-@use './useSelectAllToggle';
-@use './useExpandedRow';
-@use './draggableElement';
-@use './useInlineEdit';

package/scss/components/Datagrid/styles/_useActionsColumn.scss

@@ -1,42 +0,0 @@
-/**
- * Copyright IBM Corp. 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.
- */
-
-@use '@carbon/styles/scss/spacing' as *;
-@use '@carbon/styles/scss/theme';
-@use './variables';
-
-.#{variables.$block-class}__actions-column-cell {
-  display: flex;
-  flex-flow: column;
-  justify-content: center;
-}
-
-.#{variables.$block-class}__actions-column-content {
-  display: flex;
-  justify-content: center;
-}
-
-.#{variables.$block-class}__actions-column-loading {
-  margin-block-end: $spacing-03;
-}
-
-.#{variables.$block-class}
-  .#{variables.$block-class}__disabled-row-action-button {
-  cursor: not-allowed;
-}
-
-.#{variables.$block-class} .#{variables.$block-class}__disabled-row-action {
-  pointer-events: none;
-}
-
-.#{variables.$block-class} .#{variables.$block-class}__disabled-row-action svg {
-  fill: theme.$layer-selected-disabled;
-}
-
-.#{variables.$block-class}_actions-column {
-  display: flex;
-}

package/scss/components/Datagrid/styles/_useColumnCenterAlign.scss

@@ -1,19 +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.
-//
-
-@use '../../../global/styles/project-settings';
-
-$block-class: #{project-settings.$pkg-prefix}--datagrid;
-.#{$block-class}__center-align-header,
-.#{$block-class}__center-align-header .#{$block-class}--table-sort {
-  inline-size: 100%;
-  text-align: center;
-}
-
-.#{$block-class}__center-align-cell-renderer {
-  margin-inline: auto;
-}

package/scss/components/Datagrid/styles/_useColumnRightAlign.scss

@@ -1,28 +0,0 @@
-/**
- * Copyright IBM Corp. 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.
- */
-
-@use './variables';
-
-.#{variables.$block-class}__right-align-header {
-  inline-size: 100%;
-  text-align: end;
-}
-
-.#{variables.$block-class}__right-align-header button {
-  text-align: end;
-}
-
-.#{variables.$block-class}__right-align-cell-renderer {
-  inline-size: 100%;
-  /* stylelint-disable-next-line carbon/layout-use */
-  padding-inline-end: 23px;
-  text-align: end;
-}
-
-.#{variables.$block-class}__right-align-cell-renderer.sortDisabled {
-  padding-inline-end: 0;
-}

package/scss/components/Datagrid/styles/_useExpandedRow.scss

@@ -1,101 +0,0 @@
-/**
- * Copyright IBM Corp. 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.
- */
-
-@use '../../../global/styles/project-settings' as c4p-settings;
-@use '@carbon/styles/scss/theme' as *;
-@use '@carbon/styles/scss/spacing' as *;
-@use './variables';
-
-@mixin shared-pseudo-styles() {
-  background-color: $layer-accent;
-  block-size: 1px;
-  content: '';
-}
-
-.#{variables.$block-class} .#{variables.$block-class}__expanded-row-content {
-  position: relative;
-  padding: $spacing-05 $spacing-05 $spacing-06 $spacing-10;
-}
-
-.#{variables.$block-class}
-  .#{variables.$block-class}__expanded-row-content::before {
-  position: absolute;
-  inline-size: calc(100% - #{$spacing-09});
-  /* stylelint-disable-next-line carbon/layout-use */
-  inset-block-start: -1px;
-  inset-inline-end: 0;
-  @include shared-pseudo-styles();
-}
-
-.#{variables.$block-class}
-  .#{variables.$block-class}__expanded-row-content::after {
-  position: absolute;
-  inline-size: 100%;
-  inset-block-end: 0;
-  inset-inline-start: 0;
-  @include shared-pseudo-styles();
-}
-
-.#{variables.$block-class}__carbon-row.#{variables.$block-class}__carbon-row-expandable
-  .#{variables.$block-class}__cell.#{variables.$block-class}__expandable-row-cell {
-  padding: $spacing-03;
-  padding-inline-end: 0;
-}
-
-.#{variables.$block-class}__row-expander.#{c4p-settings.$carbon-prefix}--btn {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-  block-size: $spacing-07;
-  inline-size: $spacing-07;
-  min-block-size: $spacing-07;
-  .#{variables.$block-class}__row-expander--icon {
-    fill: $layer-selected-inverse;
-  }
-}
-
-.#{variables.$block-class}
-  .#{c4p-settings.$carbon-prefix}--data-table
-  tbody
-  tr:hover
-  + .#{variables.$block-class}__expanded-row,
-.#{variables.$block-class} .#{variables.$block-class}__expanded-row:hover,
-.#{variables.$block-class}
-  .#{variables.$block-class}__expandable-row--hover
-  td {
-  background: $layer-hover;
-  border-block-start: none;
-}
-
-.#{variables.$block-class}
-  .#{c4p-settings.$carbon-prefix}--data-table
-  tbody
-  tr:hover
-  td.#{variables.$block-class}__expanded-row-cell-wrapper,
-.#{variables.$block-class}
-  .#{c4p-settings.$carbon-prefix}--data-table
-  td.#{variables.$block-class}__expanded-row-cell-wrapper,
-.#{variables.$block-class}
-  .#{c4p-settings.$carbon-prefix}--data-table
-  .#{variables.$block-class}__carbon-row-expanded
-  td.#{variables.$block-class}__expandable-row-cell {
-  border: none;
-}
-
-.#{variables.$block-class}
-  .#{c4p-settings.$carbon-prefix}--data-table
-  .#{variables.$block-class}__carbon-row-expanded:hover
-  td:not(.#{variables.$block-class}__expandable-row-cell) {
-  border-block-end: 1px solid $border-subtle-02;
-}
-
-.#{variables.$block-class}
-  .#{c4p-settings.$carbon-prefix}--data-table
-  td.#{variables.$block-class}__expanded-row-cell-wrapper {
-  padding: 0;
-}