@carbon/ibm-products 2.0.0-rc.32 → 2.0.0-rc.33

package/scss/components/Datagrid/styles/_useNestedTable.scss

@@ -1,34 +0,0 @@
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2020
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
-
-@use '@carbon/styles/scss/theme' as *;
-@use '@carbon/styles/scss/spacing' as *;
-@use '../../../global/styles/project-settings' as c4p-settings;
-@use './variables';
-
-// used for tables within a expandable row
-.#{variables.$block-class}__expanded-row
-  .#{c4p-settings.$carbon-prefix}--data-table-container {
-  width: calc(100% - #{$spacing-07});
-  border-left: 2px solid $background-brand;
-  margin-left: $spacing-07;
-  overflow-x: hidden;
-
-  tr.#{variables.$block-class}__carbon-nested-row {
-    border-left: none;
-  }
-}
-
-.#{variables.$block-class}__expanded-row
-  .#{c4p-settings.$carbon-prefix}--data-table-container
-  th {
-  padding-top: 0;
-  padding-bottom: 0;
-  border-top-color: $layer-accent-01;
-  background-color: $layer-accent-01;
-}

package/scss/components/Datagrid/styles/_useSelectAllToggle.scss

@@ -1,37 +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.
-//
-
-@use '@carbon/styles/scss/spacing' as *;
-@use '@carbon/styles/scss/theme' as *;
-@use './variables';
-@use '../../../global/styles/project-settings' as c4p-settings;
-
-.#{variables.$block-class}__grid-container {
-  th.#{variables.$block-class}__select-all-toggle-on,
-  td.#{variables.$block-class}__select-all-toggle-on {
-    /* stylelint-disable-next-line declaration-no-important */
-    width: 4.5rem !important;
-    /* stylelint-disable-next-line declaration-no-important */
-    min-width: initial !important;
-    box-sizing: border-box;
-    flex: 0 0 auto;
-  }
-}
-
-th.#{variables.$block-class}__select-all-toggle-on {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-th.#{variables.$block-class}__select-all-toggle-on.button {
-  margin-left: $spacing-01;
-}
-
-.#{variables.$block-class}__select-all-toggle-overflow.#{c4p-settings.$carbon-prefix}--overflow-menu-options--sm.#{c4p-settings.$carbon-prefix}--overflow-menu-options[data-floating-menu-direction='bottom']::after {
-  width: $spacing-13;
-}

package/scss/components/Datagrid/styles/_useSortableColumns.scss

@@ -1,79 +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 '@carbon/styles/scss/theme' as *;
-@use '../../../global/styles/project-settings' as c4p-settings;
-@use '@carbon/styles/scss/spacing' as *;
-@use './variables' as *;
-
-.#{$block-class}__sortableColumn {
-  .#{c4p-settings.$carbon-prefix}--table-header-label .header-title {
-    display: inline-block;
-    width: auto;
-  }
-  .#{c4p-settings.$carbon-prefix}--table-header-label {
-    display: block;
-    width: 100%;
-    height: 100%;
-  }
-  .#{c4p-settings.$carbon-prefix}--table-header-label
-    .#{c4p-settings.$carbon-prefix}--table-sort:focus,
-  .#{c4p-settings.$carbon-prefix}--table-header-label
-    .#{c4p-settings.$carbon-prefix}--table-sort:active,
-  .#{c4p-settings.$carbon-prefix}--table-header-label
-    button:focus
-    .#{$block-class}__sortable-icon {
-    /* stylelint-disable-next-line declaration-no-important */
-    background: none !important;
-    /* stylelint-disable-next-line declaration-no-important */
-    color: $text-primary !important;
-  }
-
-  .#{c4p-settings.$carbon-prefix}--table-header-label
-    .#{c4p-settings.$carbon-prefix}--table-sort:focus,
-  .#{c4p-settings.$carbon-prefix}--table-header-label
-    .#{c4p-settings.$carbon-prefix}--table-sort:active {
-    + .#{$block-class}__resizer {
-      z-index: -1;
-    }
-  }
-
-  .#{c4p-settings.$carbon-prefix}--table-header-label
-    .#{c4p-settings.$carbon-prefix}--table-sort {
-    width: 100%;
-    min-width: 100%;
-    padding: 0 $spacing-05;
-    border: none;
-    /* stylelint-disable-next-line declaration-no-important */
-    background: none !important;
-    /* stylelint-disable-next-line declaration-no-important */
-    color: $text-primary !important;
-    font: inherit;
-  }
-  .#{c4p-settings.$carbon-prefix}--table-header-label
-    .#{c4p-settings.$carbon-prefix}--table-sort
-    .#{$block-class}__sortable-icon {
-    fill: $text-primary;
-    opacity: 0;
-    visibility: hidden;
-  }
-
-  .#{c4p-settings.$carbon-prefix}--table-sort.#{$block-class}--table-sort {
-    width: calc(100% + #{$spacing-07}); // offset due to inner label
-    margin: 0 calc(-1 * #{$spacing-05}); // fill width of parent table column header
-  }
-}
-
-.#{$block-class}__sortableColumn:hover,
-.#{$block-class}__sortableColumn:focus-within,
-.#{$block-class}__sortableColumn.#{$block-class}__isSorted {
-  .#{c4p-settings.$carbon-prefix}--table-header-label
-    .#{$block-class}__sortable-icon {
-    opacity: 1;
-    visibility: visible;
-  }
-}

package/scss/components/Datagrid/styles/_useStickyColumn.scss

@@ -1,68 +0,0 @@
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2021
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
-
-@use '@carbon/styles/scss/theme' as *;
-@use '@carbon/styles/scss/spacing' as *;
-@use './variables';
-
-.#{variables.$block-class}__right-sticky-column-cell {
-  /* stylelint-disable-next-line declaration-no-important */
-  position: sticky !important;
-  right: 0;
-  display: flex;
-  align-items: center;
-  border-left: 1px solid $layer-active-02;
-}
-
-.#{variables.$block-class}__right-sticky-column-header {
-  /* stylelint-disable-next-line declaration-no-important */
-  position: sticky !important;
-  right: 0;
-}
-
-.#{variables.$block-class}__left-sticky-column-cell {
-  /* stylelint-disable-next-line declaration-no-important */
-  position: sticky !important;
-  left: 0;
-  display: flex;
-  align-items: center;
-  border-right: 1px solid $layer-active-02;
-}
-
-.#{variables.$block-class}__left-sticky-column-header {
-  /* stylelint-disable-next-line declaration-no-important */
-  position: sticky !important;
-  z-index: 1;
-  left: 0;
-}
-
-.#{variables.$block-class}__left-sticky-column-cell.#{variables.$block-class}__left-sticky-column-cell--with-extra-select-column,
-.#{variables.$block-class}__left-sticky-column-header.#{variables.$block-class}__left-sticky-column-header--with-extra-select-column {
-  left: $spacing-09;
-}
-
-.#{variables.$block-class}__sticky-noShadow {
-  box-shadow: none;
-}
-
-.#{variables.$block-class}__sticky-column-noShadow {
-  .#{variables.$block-class}__right-sticky-column-cell {
-    box-shadow: none;
-  }
-}
-
-.#{variables.$block-class}__right-sticky-column-offset-scroll {
-  /* stylelint-disable-next-line */
-  right: 6px !important; // offset the vertical scroll bar in the table body
-}
-
-.#{variables.$block-class}__select-all-toggle-on.#{variables.$block-class}__select-all-sticky-left {
-  position: sticky;
-  z-index: 1;
-  left: 0;
-}

package/scss/components/Datagrid/styles/_variables.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.
-//
-
-@use '../../../global/styles/project-settings';
-
-$block-class: #{project-settings.$pkg-prefix}--datagrid;

package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss

@@ -1,82 +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/theme' as *;
-@use '@carbon/styles/scss/spacing' as *;
-@use '@carbon/styles/scss/type' as *;
-@use '@carbon/type/scss/font-family';
-@use '@carbon/layout' as *;
-@use '@carbon/layout/scss/convert';
-
-@use '../../../../global/styles/project-settings' as c4p-settings;
-@use '../variables';
-
-.#{variables.$block-class}__customize-columns-tearsheet {
-  .#{c4p-settings.$pkg-prefix}--tearsheet__content {
-    display: flex;
-    flex-flow: column;
-  }
-}
-
-.#{variables.$block-class}__customize-columns-tearsheet--actions
-  input[role='searchbox'] {
-  height: $spacing-09;
-  padding-left: $spacing-09;
-  border-bottom: 1px solid $background-active;
-}
-
-.#{c4p-settings.$carbon-prefix}--form-item.#{c4p-settings.$carbon-prefix}--checkbox-wrapper.#{variables.$block-class}__customize-columns-checkbox {
-  display: flex;
-  flex: initial;
-  align-items: center;
-  justify-content: center;
-}
-
-.#{variables.$block-class}__customize-columns-column-list
-  .#{variables.$block-class}__customize-columns-checkbox-visible-label {
-  // Disabling linter only to match the spacing that Carbon uses for the Checkbox label
-  /* stylelint-disable-next-line */
-  padding-left: convert.rem(6px);
-}
-
-.#{variables.$block-class}__customize-columns-column-list
-  .#{variables.$block-class}__customize-columns-checkbox-wrapper.#{c4p-settings.$carbon-prefix}--form-item {
-  margin-bottom: 0;
-}
-
-.#{variables.$block-class}__customize-columns-column-list {
-  position: relative; // needed for the react-dnd, otherwise the drag preview will not work correctly
-  overflow: auto;
-}
-
-.#{variables.$block-class}__customize-columns-select-all {
-  align-items: center;
-}
-
-.#{variables.$block-class}__customize-columns-select-all,
-.#{variables.$block-class}__customize-columns-select-all--selected {
-  position: sticky;
-  z-index: 1;
-  top: 0;
-  display: flex;
-  height: $spacing-09;
-  padding-left: $spacing-08;
-  border-bottom: 1px solid $layer-active;
-  background-color: $layer;
-
-  .#{c4p-settings.$carbon-prefix}--checkbox-label-text {
-    @include font-family.font-weight('semibold');
-  }
-}
-
-.#{variables.$block-class}__customize-columns-select-all:hover {
-  background-color: $layer-hover;
-}
-
-.#{variables.$block-class}__customize-columns-select-all--selected {
-  background-color: $layer-selected;
-}

package/scss/components/Datagrid/styles/addons/_FilterFlyout.scss

@@ -1,87 +0,0 @@
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2022
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
-
-// stylelint-disable carbon/layout-token-use
-
-@use '@carbon/styles/scss/theme' as *;
-@use '@carbon/styles/scss/spacing' as *;
-@use '@carbon/styles/scss/type' as *;
-@use '@carbon/layout' as *;
-
-@use '../../../../global/styles/project-settings' as c4p-settings;
-@use '../variables';
-
-$action-set-height: rem(64px);
-
-.#{variables.$block-class}-filter-flyout__container {
-  position: relative;
-}
-
-.#{variables.$block-class}-filter-flyout {
-  position: absolute;
-  top: $spacing-09;
-  right: 0;
-  display: none;
-  width: rem(642px);
-  background-color: $layer-02;
-  box-shadow: 0 1px rem(8px) 0 rgba(0, 0, 0, 0.25);
-}
-
-.#{variables.$block-class}-filter-flyout--open {
-  display: grid;
-}
-
-.#{variables.$block-class}-filter-flyout--batch {
-  min-height: rem(346px);
-  grid-template-rows: 1fr rem(48px);
-}
-
-.#{variables.$block-class}-filter-flyout--instant {
-  min-height: rem(282px);
-  grid-template-rows: 1fr;
-}
-
-.#{variables.$block-class}-filter-flyout__inner-container {
-  padding: $spacing-05 $spacing-05 $spacing-09 $spacing-05;
-}
-
-.#{variables.$block-class}-filter-flyout__inner-container::before {
-  position: absolute;
-  top: rem(-7px);
-  right: 1px;
-  display: block;
-  width: rem(46px);
-  height: rem(15px);
-  background-color: $layer-02;
-  content: '';
-}
-
-.#{variables.$block-class}-filter-flyout__title {
-  display: block;
-  @include type-style('heading-compact-01');
-
-  margin-bottom: $spacing-06;
-}
-
-.#{variables.$block-class}-filter-flyout__filters {
-  display: grid;
-  gap: rem(16px) rem(32px);
-  grid-template-columns: 1fr 1fr;
-}
-
-// Carbon overrides
-.#{variables.$block-class}-filter-flyout__trigger--open.#{c4p-settings.$carbon-prefix}--btn.#{c4p-settings.$carbon-prefix}--btn--icon-only {
-  position: relative;
-  background-color: $layer-02;
-  box-shadow: 0 1px rem(8px) 0 rgba(0, 0, 0, 0.25);
-}
-
-.#{variables.$block-class}-filter-flyout
-  .#{c4p-settings.$carbon-prefix}--fieldset {
-  margin-bottom: 0;
-}

package/scss/components/Datagrid/styles/addons/_FilterPanel.scss

@@ -1,129 +0,0 @@
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2022
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
-
-@use '../variables' as *;
-@use '@carbon/styles/scss/theme' as *;
-@use '@carbon/styles/scss/spacing' as *;
-@use '@carbon/styles/scss/type' as *;
-@use '../../../../global/styles/project-settings' as c4p-settings;
-
-.#{$block-class}-filter-panel__container {
-  position: relative;
-  width: rem(320px);
-  height: clamp(var(--filter-panel-min-height), 100%, 100vh);
-  border-top: 1px $layer-accent-01 solid;
-  background-color: $layer-01;
-}
-
-.#{$block-class}-filter-panel--open {
-  border-right: 1px $layer-accent-01 solid;
-}
-
-.#{$block-class}-filter-panel__container::before {
-  position: absolute;
-  top: -1px; // stylelint-disable-line
-  left: 0;
-  display: block;
-  width: rem(47px); // size of filter panel button
-  height: 1px;
-  background-color: $layer-01;
-  content: '';
-}
-
-.#{$block-class}-filter-panel__inner-container {
-  position: relative;
-  z-index: 0;
-  overflow: auto;
-  padding: 0 $spacing-05;
-  overscroll-behavior: contain;
-}
-
-// Adds extra space to the last category so the scroll shows everything visible when you reach the bottom
-.#{$block-class}-filter-panel__inner-container
-  .#{$block-class}-filter-panel__category:last-of-type {
-  padding-bottom: $spacing-11;
-}
-
-.#{$block-class}-filter-panel {
-  position: sticky;
-  top: 0;
-}
-
-.#{$block-class}-filter-panel__heading {
-  display: flex;
-  justify-content: space-between;
-  padding-left: $spacing-05;
-  border-bottom: 1px solid transparent;
-}
-
-.#{$block-class}-filter-panel__heading--with-divider {
-  border-bottom: 1px solid $layer-accent-01;
-}
-
-.#{$block-class}-filter-panel__title {
-  padding: $spacing-05 0;
-  @include type-style('heading-compact-02');
-}
-
-.#{$block-class}-filter-panel__search {
-  padding: 0 $spacing-05 $spacing-06;
-}
-
-.#{$block-class}-filter-panel__category-title {
-  @include type-style('heading-compact-01');
-
-  margin-bottom: $spacing-05;
-  color: $text-secondary;
-}
-
-.#{$block-class}-filter-panel__category {
-  padding-bottom: $spacing-06;
-}
-
-// This selects all filter elements inside of categories and give them 16px margin bottom
-.#{$block-class}-filter-panel__category
-  > *:not(.c4p--datagrid-filter-panel__category-title, .bx--accordion) {
-  margin-bottom: $spacing-05;
-}
-
-.#{$block-class}-filter-panel__action-set {
-  position: sticky;
-  z-index: 1; // To layer action set on top of content behind when sticky
-  bottom: 0;
-  height: rem(64px);
-  margin-top: auto;
-}
-
-// Overrides
-.#{$block-class}-filter-panel__container
-  .#{c4p-settings.$carbon-prefix}--accordion__title {
-  margin: 0;
-}
-
-.#{$block-class}-filter-panel__container
-  .#{c4p-settings.$carbon-prefix}--accordion__arrow {
-  margin: $spacing-01 0 0;
-}
-
-.#{$block-class}-filter-panel__container
-  .#{c4p-settings.$carbon-prefix}--accordion__content {
-  padding-right: 0;
-  padding-left: 0;
-}
-
-// Makes sure every child (filter) inside the accordion content has space in between
-.#{$block-class}-filter-panel__container
-  .#{c4p-settings.$carbon-prefix}--accordion__content
-  > *:not(:last-child) {
-  margin-bottom: $spacing-05;
-}
-
-.#{c4p-settings.$carbon-prefix}--btn.c4p--datagrid-filter-panel-open-button {
-  border-right: 1px solid $layer-accent-01;
-  border-bottom: none;
-}

package/scss/components/Datagrid/styles/addons/_RowSizeDropdown.scss

@@ -1,45 +0,0 @@
-/*
-* Licensed Materials - Property of IBM
-* 5724-Q36
-* (c) Copyright IBM Corp. 2021
-* US Government Users Restricted Rights - Use, duplication or disclosure
-* restricted by GSA ADP Schedule Contract with IBM Corp.
-*/
-
-@use '@carbon/styles/scss/theme' as *;
-@use '@carbon/styles/scss/spacing' as *;
-@use '../../../../global/styles/project-settings' as c4p-settings;
-@use '../variables';
-
-.#{variables.$block-class}
-  .#{variables.$block-class}__row-size-toggle-tip-content {
-  background-color: $layer-02;
-  box-shadow: 1px 4px 8px -3px $overlay, -1px 6px 8px -5px $overlay;
-}
-
-.#{variables.$block-class}
-  .#{variables.$block-class}__row-size-radio-button
-  .#{c4p-settings.$carbon-prefix}--radio-button__label {
-  color: $text-primary;
-}
-
-.#{variables.$block-class}
-  .#{variables.$block-class}__row-size-toggle-tip
-  .#{c4p-settings.$carbon-prefix}--popover-caret {
-  background-color: $layer-02;
-}
-
-.#{variables.$block-class}
-  .#{c4p-settings.$carbon-prefix}--popover--bottom-right.#{variables.$block-class}__row-height-settings-popover
-  .#{c4p-settings.$carbon-prefix}--popover-caret {
-  // Used to fix layout issue with IconButton caret inside of Popover component
-  /* stylelint-disable-next-line carbon/layout-token-use */
-  left: -4px;
-}
-
-.#{variables.$block-class}__row-size-toggle-tip-button.#{c4p-settings.$carbon-prefix}--toggletip-button {
-  display: flex;
-  width: $spacing-09;
-  height: $spacing-09;
-  justify-content: center;
-}

package/scss/components/EditFullPage/_edit-full-page.scss

@@ -1,26 +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.
-//
-
-// Standard imports.
-@use '../../global/styles/project-settings' as c4p-settings;
-@use '../../global/styles/mixins';
-
-// Other Carbon settings.
-// TODO: @use 'carbon-components/scss/globals/grid/grid'; if needed
-
-// EditFullPage uses the following Carbon components:
-// TODO: @use(s) of Carbon component styles used by EditFullPage
-
-// EditFullPage uses the following Carbon for IBM Products components:
-// TODO: @use(s) of IBM Products component styles used by EditFullPage
-
-// The block part of our conventional BEM class names (blockClass__E--M).
-$block-class: #{c4p-settings.$pkg-prefix}--edit-full-page;
-
-.#{$block-class} {
-  // TODO: Styles.
-}

package/scss/components/EditFullPage/_index.scss

@@ -1,8 +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.
-//
-
-@import './edit-full-page';

package/scss/components/EditFullPage/_storybook-styles.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.
-//
-
-@import '../../global/styles/project-settings';
-
-// TODO: add any additional styles used by EditFullPage.stories.js

package/scss/components/EditInPlace/_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/react/scss/components/button';
-@use '@carbon/react/scss/components/text-input';