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

package/scss/components/_Canary/_carbon-imports.scss

@@ -0,0 +1,7 @@
+//
+// 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/components/code-snippet';

package/scss/components/_Canary/_index-with-carbon.scss

@@ -0,0 +1,8 @@
+//
+// 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-imports';
+@use './canary';

package/scss/components/_Canary/_index.scss

@@ -0,0 +1,7 @@
+//
+// 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 './canary';

package/scss/components/_index-released-only-with-carbon.scss

@@ -0,0 +1,40 @@
+//
+// Copyright IBM Corp. 2020, 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.
+//
+
+// Package scss files here used by released components, or used by components
+// which are themselves used by released components.
+
+@use './AboutModal/index-with-carbon' as *;
+@use './APIKeyModal/index-with-carbon' as *;
+@use './ActionSet/index-with-carbon' as *;
+@use './Cascade/index-with-carbon' as *;
+@use './Checklist/index-with-carbon' as *;
+@use './CreateModal/index-with-carbon' as *;
+@use './CreateFullPage/index-with-carbon' as *;
+@use './CreateSidePanel/index-with-carbon' as *;
+@use './CreateTearsheetNarrow/index-with-carbon' as *;
+@use './CreateTearsheet/index-with-carbon' as *;
+@use './Datagrid/index-with-carbon' as *;
+@use './EditInPlace/index-with-carbon' as *;
+@use './EditTearsheet/index-with-carbon' as *;
+@use './EmptyStates/index-with-carbon' as *;
+@use './ExportModal/index-with-carbon' as *;
+@use './ExpressiveCard/index-with-carbon' as *;
+@use './HTTPErrors/index-with-carbon' as *;
+@use './ImportModal/index-with-carbon' as *;
+@use './MultiAddSelect/index-with-carbon' as *;
+@use './NotificationsPanel/index-with-carbon' as *;
+@use './PageHeader/index-with-carbon' as *;
+@use './ProductiveCard/index-with-carbon' as *;
+@use './RemoveModal/index-with-carbon' as *;
+@use './Saving/index-with-carbon' as *;
+@use './SidePanel/index-with-carbon' as *;
+@use './SingleAddSelect/index-with-carbon' as *;
+@use './StatusIcon/index-with-carbon' as *;
+@use './TagSet/index-with-carbon' as *;
+@use './Tearsheet/index-with-carbon' as *;
+@use './UserProfileImage/index-with-carbon' as *;

package/scss/components/_index-released-only.scss

@@ -0,0 +1,44 @@
+//
+// Copyright IBM Corp. 2020, 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.
+//
+
+// Package scss files here used by released components, or used by components
+// which are themselves used by released components.
+
+@use './AboutModal';
+@use './APIKeyModal';
+@use './ActionSet';
+@use './Cascade';
+@use './Checklist';
+@use './CreateModal';
+@use './CreateFullPage';
+@use './CreateSidePanel';
+@use './CreateTearsheetNarrow';
+@use './CreateTearsheet';
+@use './Datagrid';
+@use './EditInPlace';
+@use './EmptyStates';
+@use './ExportModal';
+@use './ExpressiveCard';
+@use './FullPageError';
+@use './HTTPErrors';
+@use './ImportModal';
+@use './MultiAddSelect';
+@use './NotificationsPanel';
+@use './OptionsTile';
+@use './PageHeader';
+@use './ProductiveCard';
+@use './RemoveModal';
+@use './Saving';
+@use './SidePanel';
+@use './SingleAddSelect';
+@use './StatusIcon';
+@use './TagSet';
+@use './Tearsheet';
+@use './UserProfileImage';
+@use './WebTerminal';
+@use './UserAvatar';
+@use './InterstitialScreen';

package/scss/components/_index-with-carbon.scss

@@ -0,0 +1,80 @@
+//
+// Copyright IBM Corp. 2021, 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.
+//
+
+// Package all scss files here for those that want them all bundled up.
+
+@use './_Canary/index-with-carbon' as *;
+
+@use './APIKeyModal/index-with-carbon' as *;
+@use './AboutModal/index-with-carbon' as *;
+@use './ActionSet/index-with-carbon' as *;
+@use './ButtonMenu/index-with-carbon' as *;
+@use './Cascade/index-with-carbon' as *;
+@use './Checklist/index-with-carbon' as *;
+@use './ComboButton/index-with-carbon' as *;
+@use './CreateFullPage/index-with-carbon' as *;
+@use './CreateModal/index-with-carbon' as *;
+@use './CreateSidePanel/index-with-carbon' as *;
+@use './CreateTearsheet/index-with-carbon' as *;
+@use './CreateTearsheetNarrow/index-with-carbon' as *;
+@use './EmptyStates/index-with-carbon' as *;
+@use './ExportModal/index-with-carbon' as *;
+@use './ExpressiveCard/index-with-carbon' as *;
+@use './HTTPErrors/index-with-carbon' as *;
+@use './ImportModal/index-with-carbon' as *;
+@use './MultiAddSelect/index-with-carbon' as *;
+@use './NotificationsPanel/index-with-carbon' as *;
+@use './PageHeader/index-with-carbon' as *;
+@use './ProductiveCard/index-with-carbon' as *;
+@use './RemoveModal/index-with-carbon' as *;
+@use './Saving/index-with-carbon' as *;
+@use './SidePanel/index-with-carbon' as *;
+@use './SingleAddSelect/index-with-carbon' as *;
+@use './StatusIcon/index-with-carbon' as *;
+@use './TagSet/index-with-carbon' as *;
+@use './Tearsheet/index-with-carbon' as *;
+@use './Toolbar/index-with-carbon' as *;
+@use './TooltipTrigger/index-with-carbon' as *;
+@use './WebTerminal/index-with-carbon' as *;
+@use './UserProfileImage/index-with-carbon' as *;
+@use './EditSidePanel/index-with-carbon' as *;
+@use './OptionsTile/index-with-carbon' as *;
+@use './EditInPlace/index-with-carbon' as *;
+@use './EditTearsheet/index-with-carbon' as *;
+@use './DataSpreadsheet/index-with-carbon' as *;
+@use './Datagrid/index-with-carbon' as *;
+@use './EditUpdateCards/index-with-carbon' as *;
+@use './SimpleHeader/index-with-carbon' as *;
+@use './BigNumber/index-with-carbon' as *;
+@use './TruncatedList/index-with-carbon' as *;
+@use './TruncatedText/index-with-carbon' as *;
+@use './InterstitialScreen/index-with-carbon' as *;
+@use './Coachmark/index-with-carbon' as *;
+@use './CoachmarkBeacon/index-with-carbon' as *;
+@use './CoachmarkButton/index-with-carbon' as *;
+@use './CoachmarkFixed/index-with-carbon' as *;
+@use './CoachmarkOverlayElement/index-with-carbon' as *;
+@use './CoachmarkOverlayElements/index-with-carbon' as *;
+@use './CoachmarkStack/index-with-carbon' as *;
+@use './DelimitedList/index-with-carbon' as *;
+@use './Decorator/index-with-carbon' as *;
+@use './DecoratorLink/index-with-carbon' as *;
+@use './DecoratorSingleButton/index-with-carbon' as *;
+@use './DecoratorDualButton/index-with-carbon' as *;
+@use './DescriptionList/index-with-carbon' as *;
+@use './FullPageError/index-with-carbon' as *;
+@use './SearchBar/index-with-carbon' as *;
+@use './Nav/index-with-carbon' as *;
+@use './StringFormatter/index-with-carbon' as *;
+@use './UserAvatar/index-with-carbon' as *;
+@use './ScrollGradient/index-with-carbon' as *;
+@use './StatusIndicator/index-with-carbon' as *;
+@use './TagOverflow/index-with-carbon' as *;
+@use './FilterPanel/index-with-carbon' as *;
+@use './ConditionBuilder/index-with-carbon' as *;
+@use './GetStartedCard/index-with-carbon' as *;
+@use './Guidebanner/index-with-carbon' as *;

package/scss/components/_index.scss

@@ -0,0 +1,85 @@
+//
+// Copyright IBM Corp. 2021, 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.
+//
+
+// Package all scss files here for those that want them all bundled up.
+
+@use './_Canary';
+
+@use './APIKeyModal';
+@use './AboutModal';
+@use './ActionSet';
+@use './ButtonMenu';
+@use './Cascade';
+@use './Coachmark';
+@use './CoachmarkBeacon';
+@use './CoachmarkButton';
+@use './CoachmarkFixed';
+@use './CoachmarkOverlayElement';
+@use './CoachmarkOverlayElements';
+@use './CoachmarkStack';
+@use './ComboButton';
+@use './CreateFullPage';
+@use './CreateModal';
+@use './CreateSidePanel';
+@use './CreateTearsheet';
+@use './CreateTearsheetNarrow';
+@use './EmptyStates';
+@use './ExportModal';
+@use './ExpressiveCard';
+@use './FilterSummary';
+@use './HTTPErrors';
+@use './ImportModal';
+@use './MultiAddSelect';
+@use './NotificationsPanel';
+@use './PageHeader';
+@use './ProductiveCard';
+@use './RemoveModal';
+@use './Saving';
+@use './SidePanel';
+@use './SingleAddSelect';
+@use './StatusIcon';
+@use './TagSet';
+@use './Tearsheet';
+@use './Toolbar';
+@use './TooltipTrigger';
+@use './WebTerminal';
+@use './UserProfileImage';
+@use './EditSidePanel';
+@use './OptionsTile';
+@use './EditInPlace';
+@use './DataSpreadsheet';
+@use './Datagrid';
+@use './EditTearsheet';
+@use './EditTearsheetNarrow';
+@use './EditFullPage';
+@use './EditUpdateCards';
+@use './Carousel';
+@use './Checklist';
+@use './Guidebanner';
+@use './InlineTip';
+@use './NonLinearReading';
+@use './BigNumber';
+@use './TruncatedList';
+@use './TruncatedText';
+@use './InterstitialScreen';
+@use './DelimitedList';
+@use './Decorator';
+@use './DecoratorLink';
+@use './DecoratorSingleButton';
+@use './DecoratorDualButton';
+@use './DescriptionList';
+@use './FullPageError';
+@use './SearchBar';
+@use './Nav';
+@use './StringFormatter';
+@use './UserAvatar';
+@use './ScrollGradient';
+@use './StatusIndicator';
+@use './TagOverflow';
+@use './FilterPanel';
+@use './ConditionBuilder';
+@use './GetStartedCard';

package/scss/config-dev.scss

@@ -0,0 +1,10 @@
+/**
+ * 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.
+ */
+
+@forward './global/styles/project-settings' with (
+  $pkg-prefix: 'dev-prefix--c4p'
+);

package/scss/config.scss

@@ -0,0 +1,8 @@
+/**
+ * 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.
+ */
+
+@forward './global/styles/project-settings';

package/scss/global/decorators/_side-panel-decorator.scss

@@ -0,0 +1,53 @@
+/**
+ * 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.
+ */
+
+@mixin side-panel-decorator($prefix) {
+  .sbdocs {
+    // styles to apply to docs page iframe views of stories
+    .#{$prefix}container {
+      display: flex;
+      background-color: var(--cds-background, #ffffff);
+      block-size: 60vh;
+      box-shadow: 0 0 4px 1px var(--cds-layer-accent-01, #e0e0e0);
+      color: var(--cds-text-primary, #161616);
+    }
+    .#{$prefix}content {
+      block-size: unset;
+    }
+  }
+
+  // styles applied to story pages
+  .#{$prefix}content {
+    display: flex;
+    flex-grow: 1;
+    align-items: center;
+    justify-content: center;
+    block-size: calc(100vh - 48px);
+
+    // dynamic prefix not working here, and this file is out of scope in the configuration
+    > div:first-of-type {
+      > div:last-of-type[class*='--annotation__content'] {
+        display: flex;
+        justify-content: center;
+      }
+    }
+  }
+
+  .#{$prefix}toggle {
+    margin: auto;
+  }
+
+  .sb-show-main.sb-main-fullscreen {
+    // sidepanel sets overflow hidden to body when open, which is right in context of irl application but in story page, as we are rendering many isolated sidepanel variants, we need to unset this for presentational purposes
+    /* stylelint-disable-next-line declaration-no-important */
+    overflow: unset !important;
+  }
+
+  .sbdocs .docs-story > div {
+    overflow: hidden;
+  }
+}

package/scss/global/styles/_display-box.scss

@@ -0,0 +1,65 @@
+//
+// Copyright IBM Corp. 2022, 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 *;
+@use '@carbon/styles/scss/type' as *;
+@use '../../global/styles/project-settings' as *;
+
+$block-class: 'ccs-sb--display-box';
+
+$indicator-width: $spacing-02;
+$indicator-height: $spacing-04;
+
+/**
+  Adds a box indicating the extent of the available space to the displayed component
+*/
+.#{$block-class} {
+  position: relative;
+  display: inline-block;
+  color: $text-helper;
+  margin-block-start: $spacing-09; // provides space in docs
+  padding-block-start: $spacing-05; // space for the indicators
+}
+
+.#{$block-class}__indicator {
+  position: absolute;
+  border-block-end: 1px solid $text-helper;
+  inline-size: 100%;
+  inset-block-start: 0;
+  white-space: nowrap;
+  @include type-style('helper-text-01');
+}
+
+.#{$block-class}__message {
+  position: absolute;
+  inset-block-end: $spacing-02;
+}
+
+.sb-main-centered .#{$block-class}__message {
+  inline-size: inherit;
+  text-align: center;
+}
+
+.#{$block-class}__indicator--left,
+.#{$block-class}__indicator--right {
+  position: absolute;
+  block-size: 0;
+  border-block-start: $indicator-height solid $text-helper;
+  border-inline-end: $indicator-width solid transparent;
+  border-inline-start: $indicator-width solid transparent;
+  inline-size: 0;
+  inset-block-end: calc(-1 * $indicator-height);
+}
+
+.#{$block-class}__indicator--left {
+  inset-inline-start: calc(-1 * $indicator-width);
+}
+
+.#{$block-class}__indicator--right {
+  inset-inline-end: calc(-1 * $indicator-width);
+}

package/scss/global/styles/_imported-carbon-modules.scss

@@ -0,0 +1,25 @@
+//
+// 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.
+//
+
+/// List of Carbon style modules used.
+/// @type List
+/// @access public
+$imported-carbon-modules: 'css--reset' 'css--default-type' 'skeleton'
+  'helper-classes' 'css--font-face' 'css--helpers' 'css--body' 'grid'
+  'accordion' 'link' 'breadcrumb' 'button' 'form' 'checkbox' 'snippet'
+  'list-box' 'combo-box' 'content-switcher' 'copy-button' 'data-table-v2-action'
+  'data-table-v2-core' 'data-table-v2-expandable' 'data-table-sort'
+  'data-table-inline-edit' 'data-table-skeleton' 'date-picker' 'dropdown'
+  'loading' 'file-uploader' 'inline-loading' 'lists' 'menu' 'modal'
+  'multi-select' 'inline-notifications' 'toast-notifications' 'number-input'
+  'overflow-menu' 'pagination-nav' 'select' 'text-input' 'pagination'
+  'progress-bar' 'tooltip' 'progress-indicator' 'radio-button' 'search'
+  'skeleton-text' 'skeleton-icon' 'skeleton-placeholder' 'slider'
+  'structured-list' 'tabs' 'tags' 'text-area' 'tile' 'time-picker' 'toggle'
+  'toolbar' 'unstable_pagination' 'carbon-header' 'carbon-header-panel'
+  'product-switcher' 'carbon-header-switcher' 'carbon-side-nav'
+  'carbon-navigation' 'carbon-content' 'treeview';

package/scss/global/styles/_mixins.scss

@@ -0,0 +1,22 @@
+//
+// 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.
+//
+
+@mixin block-wrap($block-class) {
+  .#{$block-class} {
+    @content;
+  }
+}
+
+@mixin measuring-container() {
+  position: absolute;
+  overflow: hidden;
+  inset-block-start: -100vh; // off screen
+  inset-inline-start: -100vw; // off screen
+  max-inline-size: 100vw; // NOTE: resize only detected if < 100vw
+  pointer-events: none;
+  visibility: hidden;
+}

package/scss/global/styles/_project-settings.scss

@@ -0,0 +1,10 @@
+//
+// 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.
+//
+
+// define variables and settings for the package
+$pkg-prefix: 'c4p' !default;
+$carbon-prefix: 'cds' !default;

package/scss/index-full-carbon.scss

@@ -0,0 +1,10 @@
+//
+// 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.
+//
+
+@forward './global/styles/project-settings';
+@forward './components/index';
+@forward '@carbon/styles';

package/scss/index-without-carbon-released-only.scss

@@ -0,0 +1,12 @@
+//
+// 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.
+//
+
+// @forward './global/styles/imported-carbon-modules';
+// $imported-modules: $imported-carbon-modules;
+
+@forward './global/styles/project-settings';
+@forward './components/index-released-only';

package/scss/index-without-carbon.scss

@@ -0,0 +1,12 @@
+//
+// 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.
+//
+
+// @forward './global/styles/imported-carbon-modules';
+// $imported-modules: $imported-carbon-modules;
+
+@forward './global/styles/project-settings';
+@forward './components/index';

package/scss/index.scss

@@ -0,0 +1,10 @@
+//
+// 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.
+//
+
+// Index with minimal Carbon styles, only the styles of Carbon components used by our components
+@forward './global/styles/project-settings';
+@forward './components/index-with-carbon';