@carbon/ibm-products-web-components 0.22.0-rc.0 → 0.23.0-rc.0

package/scss/components/full-page-error/story-styles.scss

@@ -1,24 +0,0 @@
-/*
-* Copyright IBM Corp. 2025, 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/styles/scss/theme' as *;
-
-$story-prefix: 'full-page-error-stories__';
-
-.#{$story-prefix}story-container {
-  position: fixed;
-  display: grid;
-  block-size: 100vh;
-  grid-template-rows: 3rem 1fr;
-  inline-size: 100vw;
-  inset-block-start: 0;
-  inset-inline-start: 0;
-}
-
-.#{$story-prefix}story-header {
-  background: $background-inverse;
-}

package/scss/components/import-modal/story-styles.scss

@@ -1,10 +0,0 @@
-/*
-* Copyright IBM Corp. 2025, 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/styles/scss/theme' as *;
-@use '@carbon/styles/scss/spacing' as *;
-
-$story-prefix: 'import-modal-stories__';

package/scss/components/interstitial-screen/story-styles.scss

@@ -1,27 +0,0 @@
-/**
- * @license
- *
- * Copyright IBM Corp. 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/styles/scss/spacing' as *;
-@use '@carbon/styles/scss/type';
-
-$interstitial-block-class: #{c4p}--interstitial-screen;
-$block-class: #{c4p}--interstitial-screen-view-module;
-
-.#{$block-class}--enableTag {
-  margin-block-start: $spacing-07;
-}
-
-.#{$block-class} {
-  margin-block: $spacing-07;
-}
-.#{$block-class}--heading {
-  @include type.type-style('heading-05');
-
-  margin-block-end: $spacing-07;
-}

package/scss/components/notification-panel/story-styles.scss

@@ -1,116 +0,0 @@
-/*
-* Copyright IBM Corp. 2023, 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/type';
-@use '@carbon/styles/scss/motion' as *;
-@use '@carbon/type/scss/font-family' as *;
-
-$prefix: 'c4p';
-$carbon-prefix: 'cds';
-$story-prefix: #{$prefix}--notifications-panel__story;
-$block-class: #{$prefix}--notifications-panel;
-
-.#{$story-prefix}__story-container {
-  position: fixed;
-  display: grid;
-  block-size: 100vh;
-  grid-template-rows: 3rem 1fr;
-  inline-size: 100vw;
-  inset-block-start: 0;
-  inset-inline-start: 0;
-}
-.#{$story-prefix}body-content {
-  display: flex;
-  flex-direction: column;
-  padding: $spacing-05;
-  gap: $spacing-05;
-}
-
-.#{$story-prefix}text-inputs {
-  display: flex;
-  gap: $spacing-05;
-
-  > * {
-    flex-basis: 50%;
-  }
-}
-
-.#{$story-prefix}story-container {
-  position: fixed;
-  display: grid;
-  block-size: 100vh;
-  grid-template-rows: 3rem 1fr;
-  inline-size: 100vw;
-  inset-block-start: 0;
-  inset-inline-start: 0;
-}
-
-.#{$story-prefix}story-header {
-  background: $background-inverse;
-}
-
-.#{$story-prefix}story-content {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.#{$story-prefix}__header-panel {
-  padding: $spacing-10 $spacing-05 0;
-  font-weight: bold;
-  line-height: 1.4;
-  text-align: center;
-}
-.#{$block-class}__notification-description {
-  @include type.type-style('label-01');
-
-  color: $text-secondary;
-}
-
-.#{$block-class}__notification-read-more-button,
-.#{$block-class}__notification-read-less-button {
-  @include type.type-style('label-01');
-
-  display: flex;
-  align-items: center;
-  padding: 0;
-  min-inline-size: 5.5rem;
-
-  .#{carbon-prefix}--btn__icon {
-    // stylelint-disable-next-line carbon/motion-easing-use
-    transition: transform $duration-moderate-02 ease;
-    /* stylelint-disable-next-line max-nesting-depth */
-    @media (prefers-reduced-motion: reduce) {
-      transition: none;
-    }
-  }
-  &.#{$block-class}__notification-read-more-button {
-    .#{$carbon-prefix}--btn__icon {
-      transform: rotate(0deg);
-    }
-  }
-  &.#{$block-class}__notification-read-less-button {
-    .#{$carbon-prefix}--btn__icon {
-      transform: rotate(180deg);
-    }
-  }
-}
-.#{$block-class}__notification-title {
-  @include type.type-style('heading-01');
-
-  color: $text-secondary;
-  margin-block-end: $spacing-02;
-  @include font-weight('regular');
-}
-
-.#{$block-class}__notification-title-unread {
-  color: $text-secondary;
-  margin-block-end: $spacing-02;
-  @include font-weight('semibold');
-}

package/scss/components/options-tile/story-styles.scss

@@ -1,21 +0,0 @@
-/*
-* Copyright IBM Corp. 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/styles/scss/type';
-@use '@carbon/styles/scss/spacing' as *;
-
-.options-tile {
-  &__body p {
-    @include type.type-style('body-01');
-
-    margin-block-end: $spacing-05;
-  }
-
-  &__dropdown:first-of-type {
-    margin-block-end: $spacing-05;
-  }
-}

package/scss/components/side-panel/story-styles.scss

@@ -1,47 +0,0 @@
-/*
-* Copyright IBM Corp. 2023, 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 *;
-
-$story-prefix: 'side-panel-stories__';
-
-.#{$story-prefix}body-content {
-  display: flex;
-  flex-direction: column;
-  padding: $spacing-05;
-  gap: $spacing-05;
-}
-
-.#{$story-prefix}text-inputs {
-  display: flex;
-  gap: $spacing-05;
-
-  > * {
-    flex-basis: 50%;
-  }
-}
-
-.#{$story-prefix}story-container {
-  position: fixed;
-  display: grid;
-  block-size: 100vh;
-  grid-template-rows: 3rem 1fr;
-  inline-size: 100vw;
-  inset-block-start: 0;
-  inset-inline-start: 0;
-}
-
-.#{$story-prefix}story-header {
-  background: $background-inverse;
-}
-
-.#{$story-prefix}story-content {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}

package/scss/components/tearsheet/story-styles.scss

@@ -1,21 +0,0 @@
-/*
-* Copyright IBM Corp. 2023, 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/config' as *;
-
-$story-prefix: 'tearsheet-stories';
-
-#page-content-selector {
-  position: absolute;
-  z-index: 9999;
-  inset-block-start: 0;
-  inset-inline-start: 0;
-}
-
-.#{$story-prefix}__tabs .#{$prefix}--tab-content {
-  display: none;
-}

package/scss/components/truncated-text/story-styles.scss

@@ -1,14 +0,0 @@
-//
-// Copyright IBM Corp. 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/styles/scss/type';
-
-.truncated-text-stories__viewport {
-  @include type.type-style('body-01');
-
-  inline-size: 100%;
-  max-inline-size: 900px;
-}

package/scss/components/user-avatar/story-styles.scss

@@ -1,10 +0,0 @@
-/*
-* Copyright IBM Corp. 2025, 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/styles/scss/theme' as *;
-@use '@carbon/styles/scss/spacing' as *;
-
-$story-prefix: 'user-avatar-stories__';