@carbon/ibm-products 2.16.0 → 2.17.0-alpha.8

package/scss/components/CreateTearsheetNarrow/_storybook-styles.scss

@@ -1,27 +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 'ALIAS_STORY_STYLE_CONFIG' as c4p-settings;
-@use '@carbon/styles/scss/spacing' as *;
-
-$story-class: #{c4p-settings.$pkg-prefix}--create-tearsheet-narrow--story;
-
-.#{$story-class}__flex-container {
-  display: flex;
-  align-items: baseline;
-}
-
-.#{$story-class}__flex-container .#{c4p-settings.$carbon-prefix}--form-item,
-.#{$story-class}__form .#{c4p-settings.$carbon-prefix}--form-item {
-  margin-bottom: $spacing-05;
-}
-
-.#{$story-class}__flex-container .#{c4p-settings.$carbon-prefix}--form-item,
-.#{$story-class}__flex-container
-  .#{c4p-settings.$carbon-prefix}--dropdown__wrapper.#{c4p-settings.$carbon-prefix}--list-box__wrapper {
-  width: 50%;
-}

package/scss/components/DataSpreadsheet/_storybook-styles.scss

@@ -1,17 +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.
-//
-
-$story-anchor: 'DataSpreadsheet';
-
-$story-anchor: 'DataSpreadsheet';
-div[data-story-title*='#{$story-anchor}']
-  .docs-story
-  > div:first-child
-  > div:first-child {
-  overflow: auto;
-  width: 100%;
-}

package/scss/components/Datagrid/_storybook-styles.scss

@@ -1,157 +0,0 @@
-//
-// Copyright IBM Corp. 2022, 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 '@carbon/styles/scss/type';
-@use '@carbon/styles/scss/spacing' as *;
-@use '@carbon/styles/scss/components/tooltip';
-
-@use 'ALIAS_STORY_STYLE_CONFIG' as c4p-settings;
-
-// TODO: add any additional styles used by Datagrid.stories.js
-// helper class for the nested table
-
-$block-class: #{c4p-settings.$pkg-prefix}--datagrid;
-
-.sb-show-main.sb-main-centered {
-  height: 100vh;
-}
-
-.sb-show-main.sb-main-centered #storybook-root {
-  width: 100%;
-  height: 100vh;
-  padding: $spacing-07;
-}
-
-#storybook-root
-  .#{c4p-settings.$carbon-prefix}--actionable-notification__content {
-  white-space: pre-wrap;
-}
-
-.carbon-nested-table {
-  border-bottom: 1px solid $border-subtle-01;
-
-  .#{$block-class}__virtual-scrollbar > div > div:last-child td {
-    border-bottom: none;
-  }
-}
-
-.#{$block-class}__panelContent {
-  display: inline;
-}
-
-/* only for storybook purpose. */
-.#{c4p-settings.$pkg-prefix}--side-panel.#{c4p-settings.$pkg-prefix}--side-panel__container {
-  top: 0;
-  height: 100%;
-}
-
-.page-content-wrapper.side-panel-open {
-  .#{$block-class} {
-    padding-right: $spacing-05;
-  }
-}
-
-.#{$block-class}__side-panel-sections {
-  padding-bottom: $spacing-06;
-}
-
-.#{$block-class}__side-panel-link {
-  padding-top: $spacing-01;
-  padding-bottom: $spacing-06;
-}
-
-.#{$block-class}__side-panel-section-inner {
-  display: flex;
-  padding: $spacing-01 0;
-}
-
-.#{$block-class}__side-panel-label-text {
-  @include type.type-style('body-compact-01');
-
-  color: $text-secondary;
-}
-
-.#{$block-class}__side-panel-value {
-  @include type.type-style('body-compact-01');
-
-  padding-left: $spacing-03;
-}
-
-.#{$block-class}__side-panel-section-header {
-  @include type.type-style('heading-compact-01');
-
-  padding-bottom: $spacing-02;
-}
-
-.#{c4p-settings.$pkg-prefix}--side-panel.#{c4p-settings.$pkg-prefix}--side-panel__container.#{c4p-settings.$pkg-prefix}--side-panel__container-right-placement {
-  border: 0 none;
-  box-shadow: none;
-}
-
-.#{c4p-settings.$pkg-prefix}--side-panel__container
-  .#{c4p-settings.$pkg-prefix}--side-panel__inner-content {
-  height: 100%;
-}
-
-.#{$block-class}-story__custom-cell-wrapper.#{c4p-settings.$carbon-prefix}--link {
-  display: block;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.#{$block-class}-story__hidden-column-id-snippet {
-  padding-top: $spacing-07;
-}
-
-.#{$block-class}__mobile-toolbar-modal
-  .#{c4p-settings.$carbon-prefix}--dropdown__wrapper {
-  margin-bottom: $spacing-07;
-}
-
-.storybook-#{$block-class}__validation-code-snippet {
-  @include type.font-family($name: mono);
-  @include type.type-style('code-01');
-
-  display: inline-block;
-  padding: 0 $spacing-03;
-  border: 2px solid transparent;
-  border-radius: $spacing-02;
-  margin-right: $spacing-03;
-  background-color: $field-01;
-}
-
-.#{c4p-settings.$carbon-prefix}--body--with-modal-open {
-  .#{$block-class}__mobile-toolbar-modal.#{c4p-settings.$carbon-prefix}--modal {
-    top: -$spacing-07;
-    left: -$spacing-07;
-    width: 100vw;
-  }
-}
-
-$story-anchor: 'Datagrid';
-div[data-story-title*='#{$story-anchor}']
-  .docs-story
-  > div:first-child
-  > div:first-child {
-  overflow: auto;
-  width: 100%;
-}
-
-.sb--tooltip-trigger {
-  display: flex;
-  box-sizing: border-box;
-  align-items: center;
-  justify-content: center;
-  padding: 0;
-  border: 0;
-  margin: 0;
-  background: none;
-  cursor: pointer;
-  text-align: start;
-}

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/_storybook-styles.scss

@@ -1,15 +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/display-box';
-
-$block-class: 'edit-in-place-example';
-
-.#{$block-class}__viewport {
-  // width: 300px; // larger than standard size needed by text input at standard font size (html input attribute size)
-  // stylelint-disable-next-line carbon/layout-token-use
-  margin: 100px;
-}

package/scss/components/EditSidePanel/_storybook-styles.scss

@@ -1,32 +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 'ALIAS_STORY_STYLE_CONFIG' as c4p-settings;
-@use '@carbon/styles/scss/theme' as *;
-@use '@carbon/styles/scss/spacing' as *;
-@use '../../global/decorators/side-panel-decorator' as *;
-
-$block-class: #{c4p-settings.$pkg-prefix}--edit-side-panel;
-$story-prefix: edit-side-panel-stories__;
-
-.#{$story-prefix}example-container {
-  display: grid;
-  align-items: flex-end;
-  grid-gap: $spacing-04;
-  grid-template-columns: 1fr 1fr;
-}
-
-.#{$story-prefix}example-form-group .#{c4p-settings.$carbon-prefix}--label {
-  margin-bottom: 0;
-}
-
-.#{$block-class} .#{c4p-settings.$carbon-prefix}--number__control-btn::before,
-.#{$block-class} .#{c4p-settings.$carbon-prefix}--number__control-btn::after {
-  background-color: $field-02;
-}
-
-@include side-panel-decorator($story-prefix);

package/scss/components/EditTearsheet/_storybook-styles.scss

@@ -1,59 +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/spacing' as *;
-@use '@carbon/styles/scss/type';
-@use '@carbon/type/scss/font-family';
-
-@use 'ALIAS_STORY_STYLE_CONFIG' as c4p-settings;
-
-// TODO: add any additional styles used by EditTearsheet.stories.js
-
-$preview-block-class: #{c4p-settings.$pkg-prefix}--tearsheet-edit-multi-form;
-
-.#{$preview-block-class}__description {
-  @include type.type-style('body-compact-01');
-
-  padding-bottom: $spacing-04;
-}
-
-p.#{$preview-block-class}__description:last-of-type {
-  padding-bottom: $spacing-07;
-}
-
-.#{$preview-block-class}__heading {
-  @include font-family.font-weight('semibold');
-}
-
-.#{$preview-block-class}
-  .#{c4p-settings.$pkg-prefix}--tearsheet__content
-  .#{c4p-settings.$carbon-prefix}--form-item {
-  margin-bottom: $spacing-05;
-}
-
-.#{c4p-settings.$carbon-prefix}--tile-group div {
-  display: flex;
-  flex-wrap: wrap;
-}
-
-.#{c4p-settings.$pkg-prefix}--tearsheet-edit-multi-form--custom-tile {
-  width: 280px;
-  height: 240px;
-  margin-right: $spacing-05;
-}
-
-.#{c4p-settings.$pkg-prefix}--tearsheet-edit-multi-form--custom-tile
-  .#{c4p-settings.$pkg-prefix}--empty-state__illustration.#{c4p-settings.$pkg-prefix}--empty-state__illustration--lg {
-  min-width: 120px;
-  height: 120px;
-}
-
-.#{c4p-settings.$pkg-prefix}--tearsheet-edit-multi-form--custom-tile-label {
-  position: absolute;
-  bottom: $spacing-05;
-  left: $spacing-05;
-}

package/scss/components/EditTearsheetNarrow/_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.
-//
-
-// @use 'ALIAS_STORY_STYLE_CONFIG' as c4p-settings;
-
-// TODO: add any additional styles used by EditTearsheetNarrow.stories.js

package/scss/components/EditUpdateCards/_storybook-styles.scss

@@ -1,55 +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/colors/' as *;
-@use '@carbon/type/' as *;
-@use '@carbon/styles/scss/spacing' as *;
-@use 'ALIAS_STORY_STYLE_CONFIG' as c4p-settings;
-
-// make the root full width to get a better idea of how the cards
-// look in a real grid situation
-/* stylelint-disable max-nesting-depth */
-#root {
-  width: 100%;
-}
-
-$block-class: #{c4p-settings.$pkg-prefix}--edit-update-cards;
-
-.#{$block-class} {
-  textarea,
-  input,
-  select {
-    width: 100%;
-    height: auto;
-    padding: 0;
-    // stylelint-disable-next-line
-    font-size: type-scale(3);
-    letter-spacing: 0;
-    // stylelint-disable-next-line carbon/type-token-use
-    line-height: 1.5;
-  }
-}
-.#{$block-class}--items {
-  margin-bottom: $spacing-06;
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-}
-.#{$block-class}--icon-text {
-  display: flex;
-  align-items: center;
-
-  svg {
-    margin-right: $spacing-01;
-
-    path {
-      // stylelint-disable-next-line carbon/theme-token-use
-      fill: $green-50;
-    }
-  }
-}

package/scss/components/EmptyStates/_storybook-styles.scss

@@ -1,6 +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.
-//

package/scss/components/ExampleComponent/_storybook-styles.scss

@@ -1,6 +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.
-//

package/scss/components/ExportModal/_storybook-styles.scss

@@ -1,6 +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.
-//

package/scss/components/ExpressiveCard/_storybook-styles.scss

@@ -1,26 +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.
-//
-
-// shared card styles can be found in the Card folder
-@use '../Card/storybook-styles' as *;
-@use 'ALIAS_STORY_STYLE_CONFIG' as c4p-settings;
-@use '@carbon/styles/scss/theme' as *;
-
-$block-class: #{c4p-settings.$pkg-prefix}--card;
-
-// aspect ratio box styling
-.card-story .#{c4p-settings.$carbon-prefix}--aspect-ratio {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background: $layer-accent-01;
-}
-
-.#{$block-class}__media-left .#{$block-class}__media {
-  width: 100%;
-  max-width: 300px;
-}

package/scss/components/FilterSummary/_storybook-styles.scss

@@ -1,16 +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/display-box' as *;
-
-#root {
-  width: 100%;
-}
-
-.preview-position-fix {
-  max-width: 700px;
-  margin: 0 auto;
-}

package/scss/components/ImportModal/_storybook-styles.scss

@@ -1,6 +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.
-//

package/scss/components/InlineTip/_storybook-styles.scss

@@ -1,20 +0,0 @@
-//
-// Copyright IBM Corp. 2023, 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 '../../global/styles/project-settings';
-
-.storybook--inline-tip-wide {
-  max-width: 784px;
-  // Allow enough space above the component to show the "X" tooltip.
-  margin-top: $spacing-07;
-}
-
-.storybook--inline-tip-narrow {
-  max-width: 348px;
-  margin-top: $spacing-07;
-}

package/scss/components/MultiAddSelect/_storybook-styles.scss

@@ -1,6 +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.
-//

package/scss/components/NotificationsPanel/_storybook-styles.scss

@@ -1,23 +0,0 @@
-//
-// Copyright IBM Corp. 2020, 2020
-//
-// 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/themes';
-@use 'ALIAS_STORY_STYLE_CONFIG' as c4p-settings;
-
-$storybook-block-class: #{c4p-settings.$pkg-prefix}--notifications-panel__story;
-
-.#{$storybook-block-class}--full-height {
-  height: 100vh;
-  max-height: var(--doc-story-height); // set in core if needed;
-}
-
-.#{$storybook-block-class}__add {
-  display: flex;
-  height: 100%;
-  align-items: center;
-  justify-content: center;
-}

package/scss/components/OptionsTile/_storybook-styles.scss

@@ -1,29 +0,0 @@
-//
-// Copyright IBM Corp. 2021, 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 'ALIAS_STORY_STYLE_CONFIG' as c4p-settings;
-@use '@carbon/styles/scss/spacing' as *;
-@use '@carbon/styles/scss/type';
-
-$block-class: #{c4p-settings.$pkg-prefix}--options-tile;
-
-.#{$block-class} {
-  width: 80vw;
-  min-width: 16rem;
-  max-width: 48rem;
-}
-
-.#{$block-class}__content p {
-  @include type.type-style('body-01');
-
-  margin-bottom: $spacing-06;
-}
-
-.#{$block-class}__content
-  .#{c4p-settings.$carbon-prefix}--dropdown__wrapper:first-of-type {
-  margin-bottom: $spacing-06;
-}

package/scss/components/PageHeader/_storybook-styles.scss

@@ -1,90 +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/styles/scss/theme' as *;
-@use '@carbon/react/scss/spacing' as *;
-@use '@carbon/styles/scss/type';
-
-@use '@carbon/react/scss/components/ui-shell';
-@use '@carbon/react/scss/components/data-table';
-@use '@carbon/react/scss/components/button';
-
-$story-class: 'page-header-stories';
-
-.#{$story-class}__content-switcher {
-  justify-content: flex-start;
-}
-
-.#{$story-class}__content-switcher button {
-  width: auto;
-}
-
-.#{$story-class}__dummy-content {
-  position: relative; // used to raise the stacking context and check it still goes under the page header
-  padding-top: $spacing-05;
-  margin-top: $spacing-05;
-  background-color: $background;
-  color: $text-primary;
-}
-
-.#{$story-class}__dummy-content-block {
-  min-height: 120vh;
-  background: $layer-01;
-  background-clip: content-box;
-}
-
-.#{$story-class}__dummy-content-text {
-  @include type.type-style('body-compact-01');
-
-  padding: $spacing-05;
-}
-
-.#{$story-class}__status-icon {
-  fill: $support-success;
-  vertical-align: middle;
-}
-
-.#{$story-class}__app {
-  position: relative;
-  display: flex;
-  // min and max height needed to prevent scroll off screen (verify on in context page)
-  min-height: 100vh;
-  max-height: 100vh;
-  flex-direction: column;
-}
-
-.#{$story-class}__viewport {
-  overflow: hidden;
-  height: 100vh;
-}
-
-.#{$story-class}__viewport--scroll {
-  overflow-y: auto;
-}
-
-.#{$story-class}__viewport .#{$story-class}__content-container {
-  height: 100%;
-  overflow-y: auto;
-}
-
-.#{$story-class}__viewport
-  .#{$story-class}__content-container--with-global-header {
-  height: calc(100% - #{$spacing-09});
-  margin-top: $spacing-09;
-}
-
-.#{$story-class}__viewport--scroll .#{$story-class}__content-container {
-  overflow-y: initial;
-}
-
-// cspell:disable-next-line
-.sbdocs .#{$story-class}__viewport {
-  max-height: 50vh;
-  background-color: $background;
-  box-shadow: 0 0 4px 1px $layer-accent-01;
-  color: $text-primary;
-}

package/scss/components/ProductiveCard/_storybook-styles.scss

@@ -1,23 +0,0 @@
-//
-// Copyright IBM Corp. 2020, 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.
-//
-
-// shared card styles can be found in the Card folder
-@use '../Card/storybook-styles';
-@use '@carbon/styles/scss/theme' as *;
-@use '@carbon/styles/scss/spacing' as *;
-
-.graph {
-  width: 200px;
-  height: 100px;
-  border: 10px solid $border-subtle-01;
-  border-right-color: $support-success;
-  border-bottom: 0;
-  border-left-color: $support-error;
-  margin: 0 auto $spacing-06 auto;
-  border-top-left-radius: 110px;
-  border-top-right-radius: 110px;
-}

package/scss/components/RemoveModal/_storybook-styles.scss

@@ -1,6 +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.
-//

package/scss/components/Saving/_storybook-styles.scss

@@ -1,12 +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 '@carbon/styles/scss/spacing' as *;
-
-.saving-story-textarea {
-  margin-bottom: $spacing-03;
-}