@carbon/ibm-products 2.16.0 → 2.17.0

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;
-}

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

@@ -1,52 +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.
-//
-
-@use '@carbon/styles/scss/theme' as *;
-@use '@carbon/styles/scss/spacing' as *;
-@use '@carbon/themes/scss/themes';
-@use '@carbon/styles/scss/type';
-@use '../../global/decorators/side-panel-decorator' as *;
-
-$story-prefix: side-panel-stories__;
-
-.side-panel-stories__body-content {
-  .#{$story-prefix}text-inputs {
-    display: flex;
-    margin: $spacing-05 0;
-  }
-  .#{$story-prefix}text-inputs #side-panel-story-text-input-a,
-  .#{$story-prefix}text-inputs #side-panel-story-text-input-c {
-    margin-right: $spacing-05;
-  }
-  .#{$story-prefix}text-area-container {
-    position: relative;
-  }
-  .#{$story-prefix}text-area-container .#{$story-prefix}allowed-characters {
-    @include type.type-style('label-01');
-
-    position: absolute;
-    right: 0;
-    color: $text-secondary;
-  }
-  .#{$story-prefix}text-area-container
-    .#{$story-prefix}allowed-characters-invalid {
-    color: $support-error;
-  }
-  .#{$story-prefix}content-subtitle {
-    margin: $spacing-05 0 $spacing-04;
-  }
-}
-
-.#{$story-prefix}header {
-  @include theme(themes.$g100);
-}
-
-.#{$story-prefix}grid {
-  height: 100%;
-}
-
-@include side-panel-decorator($story-prefix);

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

@@ -1,6 +0,0 @@
-//
-// Copyright IBM Corp. 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/StatusIcon/_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/SteppedAnimatedMedia/_index.scss

@@ -1,8 +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.
-//
-
-@import './stepped-animated-media';

package/scss/components/SteppedAnimatedMedia/_stepped-animated-media.scss

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

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

@@ -1,13 +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/layout/scss/convert' as *;
-
-.stepped-animated-media-stories__viewport {
-  /* stylelint-disable-next-line function-no-unknown */
-  width: to-rem(50px);
-}

package/scss/components/TagSet/_storybook-styles.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.
-//
-
-@use '../../global/styles/display-box' as *;

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

@@ -1,25 +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 'ALIAS_STORY_STYLE_CONFIG' as c4p-settings;
-@use '@carbon/styles/scss/spacing' as *;
-
-.tearsheet-stories__dummy-content-block {
-  padding: $spacing-06 $spacing-07;
-}
-
-.tearsheet-stories__narrow-content-block {
-  padding: $spacing-05;
-}
-
-.tearsheet-stories__tabs {
-  margin-left: calc(-1 * #{$spacing-05});
-}
-
-.tearsheet-stories__tabs .#{c4p-settings.$carbon-prefix}--tab-content {
-  display: none;
-}

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

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

package/scss/components/UserProfileImage/_storybook.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/WebTerminal/_storybook-styles.scss

@@ -1,46 +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.
-//
-
-/* stylelint-disable  */
-
-@use '@carbon/styles/scss/colors';
-@use '@carbon/styles/scss/spacing' as *;
-@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;
-
-.cds--header {
-  @include theme(themes.$g100);
-}
-
-.sb-show-main.sb-main-centered #root {
-  padding: 0 !important;
-  margin: 0 !important;
-}
-
-.example-terminal {
-  padding: $spacing-05;
-  color: colors.$gray-10;
-  font-family: 'IBM Plex Mono', monospace;
-
-  p {
-    padding-bottom: $spacing-07;
-    font-size: 14px;
-  }
-}
-
-$story-anchor: 'web-terminal';
-#storybook-docs {
-  ul {
-    list-style: initial;
-  }
-  ol {
-    list-style: decimal;
-  }
-}