@carbon/ibm-products-web-components 0.35.0 → 0.36.0

package/es/components/tearsheet/tearsheet.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"tearsheet.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"tearsheet.scss.js","names":[],"sources":["../../../src/components/tearsheet/tearsheet.scss?lit"],"sourcesContent":["/*\n* Copyright IBM Corp. 2023, 2025\n*\n* This source code is licensed under the Apache-2.0 license found in the\n* LICENSE file in the root directory of this source tree.\n*/\n\n$css--plex: true !default;\n\n/* Other Carbon settings. */\n@use '@carbon/styles/scss/reset';\n@use '@carbon/styles/scss/breakpoint' as *;\n@use '@carbon/styles/scss/motion' as *;\n@use '@carbon/styles/scss/spacing' as *;\n@use '@carbon/styles/scss/theme' as *;\n@use '@carbon/styles/scss/type';\n@use '@carbon/styles/scss/utilities';\n@use '@carbon/styles/scss/utilities/ai-gradient' as *;\n@use '@carbon/styles/scss/components/modal' as *;\n@use '@carbon/styles/scss/utilities/convert' as *;\n@use '@carbon/styles/scss/config' as carbon-config;\n\n@use 'sass:map';\n\n$prefix: 'c4p';\n\n@use '@carbon/ibm-products-styles/scss/components/Tearsheet/index' as *;\n@use '@carbon/ibm-products-styles/scss/components/ActionSet/index' as *;\n\n$block-class: #{$prefix}--tearsheet;\n$block-class-action-set: #{$prefix}--action-set;\n$motion-duration: $duration-moderate-02;\n\n:host(#{$prefix}-tearsheet) {\n  --content-padding: #{$spacing-05};\n\n  @extend .#{carbon-config.$prefix}--modal;\n  @extend .#{$prefix}--tearsheet;\n\n  .#{$block-class}__header,\n  .#{$block-class}__content,\n  .#{$block-class}__influencer {\n    padding: var(--content-padding);\n  }\n\n  .#{$block-class}__container {\n    /* lower prop is deprecated but the default in ibm products */\n    @extend .#{$block-class}__container--lower;\n\n    max-block-size: calc(100% - (#{$spacing-09} + #{$spacing-08}));\n  }\n\n  .#{$block-class}__container[stack-position='1'][stack-depth='2'],\n  .#{$block-class}__container[stack-position='2'][stack-depth='3'] {\n    max-block-size: calc(\n      100% - (#{$spacing-09} + #{$spacing-08}) + #{$spacing-05}\n    );\n    transform: scale(var(--#{$block-class}--stacking-scale-factor-single));\n  }\n\n  .#{$block-class}__container[stack-position='1'][stack-depth='3'] {\n    max-block-size: calc(\n      100% - (#{$spacing-09} + #{$spacing-08}) + (2 * #{$spacing-05})\n    );\n    transform: scale(var(--#{$block-class}--stacking-scale-factor-double));\n  }\n\n  .#{$block-class}__buttons {\n    @extend .#{$block-class}__button-container;\n    @extend .#{$block-class-action-set};\n\n    display: flex;\n    background: $background;\n    inline-size: 100%;\n  }\n\n  .#{$block-class}__buttons[hidden] {\n    @extend .#{carbon-config.$prefix}--visually-hidden;\n\n    display: none;\n  }\n\n  .#{$block-class}__buttons ::slotted(#{carbon-config.$prefix}-button) {\n    @extend .#{$block-class-action-set}__action-button;\n\n    flex: 0 1 25%;\n    block-size: $spacing-11;\n    max-inline-size: to-rem(232px);\n  }\n\n  .#{$block-class}__buttons\n    ::slotted(#{carbon-config.$prefix}-button[kind='ghost']) {\n    flex: 1 1 25%;\n    max-inline-size: none;\n  }\n\n  .#{$block-class}__buttons ::slotted(#{carbon-config.$prefix}-button[hidden]) {\n    @extend .#{carbon-config.$prefix}--visually-hidden;\n\n    display: none;\n  }\n\n  .#{$block-class}__influencer[wide] {\n    @extend .#{$block-class}__influencer--wide;\n  }\n\n  ::slotted([slot='decorator']),\n  ::slotted(#{carbon-config.$prefix}-slug) {\n    position: absolute;\n    display: flex;\n    inset-block-start: to-rem(10px);\n    inset-inline-end: 0;\n    /* stylelint-disable-next-line carbon/layout-use */\n    margin-block: 6px;\n    margin-inline-end: $spacing-05;\n  }\n}\n\n:host(#{$prefix}-tearsheet[open]) {\n  --overlay-color: #{$overlay};\n  --overlay-opacity: 1;\n\n  z-index: utilities.z('modal');\n  align-items: flex-end;\n  background: initial;\n  opacity: 1;\n  /* stylelint-disable-next-line */\n  transition: visibility 0s linear;\n  visibility: inherit;\n\n  .#{$prefix}--tearsheet__container {\n    transform: translate3d(0, 0, 0);\n    transition: transform $duration-moderate-02 motion(entrance, expressive);\n  }\n\n  @media (prefers-reduced-motion: reduce) {\n    transition: none;\n  }\n\n  &::before {\n    position: absolute;\n    display: block;\n    background: var(--overlay-color);\n    content: '';\n    inset: 0;\n    opacity: var(--overlay-opacity);\n\n    transition:\n      background-color $motion-duration motion(exit, expressive),\n      opacity $motion-duration motion(exit, expressive);\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n\n    &[stack-position='1'][stack-depth='2'] {\n      --overlay-opacity: 0.67;\n    }\n\n    &[stack-position='1'][stack-depth='3'] {\n      --overlay-opacity: 0.22;\n    }\n\n    &[stack-position='2'][stack-depth='3'] {\n      --overlay-opacity: 0.5;\n    }\n\n    &[stack-position='2'][stack-depth='2'],\n    &[stack-position='3'][stack-depth='3'] {\n      --overlay-opacity: 0.5;\n    }\n  }\n}\n\n:host(#{$prefix}-tearsheet[hidden]) {\n  @extend .#{carbon-config.$prefix}--visually-hidden;\n}\n\n:host(#{$prefix}-tearsheet[slug]),\n:host(#{$prefix}-tearsheet[ai-label]) {\n  --overlay-color: #{$ai-overlay};\n\n  .#{$block-class}__container {\n    border: 1px solid transparent;\n\n    /* override carbon ai removing background gradient */\n    background:\n      linear-gradient(to top, var(--cds-layer), var(--cds-layer)) padding-box,\n      linear-gradient(\n          to bottom,\n          var(--cds-ai-border-start, #78a9ff),\n          var(--cds-ai-border-end, #d0e2ff)\n        )\n        border-box,\n      linear-gradient(to top, var(--cds-layer), var(--cds-layer)) border-box;\n    border-block-end: 0;\n    box-shadow: 0 24px 40px -24px $ai-drop-shadow;\n  }\n\n  .#{$block-class}__content {\n    @include utilities.ai-popover-gradient('default', 0);\n\n    box-shadow: inset 0 -80px 70px -65px $ai-inner-shadow;\n  }\n}\n\n:host(#{$prefix}-tearsheet[slug])\n  .#{$prefix}--tearsheet__header[has-actions]\n  ::slotted(#{$prefix}-slug),\n:host(#{$prefix}-tearsheet[ai-label])\n  .#{$prefix}--tearsheet__header[has-actions]\n  ::slotted(#{$prefix}-ai-label),\n:host(#{$prefix}-tearsheet[decorator])\n  .#{$prefix}--tearsheet__header[has-actions]\n  ::slotted([slot='decorator']) {\n  inset-inline-end: 0;\n}\n\n:host(#{$prefix}-tearsheet[stack-position='1'][stack-depth='2']),\n:host(#{$prefix}-tearsheet[stack-position='2'][stack-depth='3']) {\n  z-index: utilities.z('modal') - 1;\n}\n\n:host(#{$prefix}-tearsheet[stack-position='1'][stack-depth='3']) {\n  z-index: utilities.z('modal') - 2;\n}\n\n:host(#{$prefix}-tearsheet[width='narrow']) {\n  .#{$block-class}__header {\n    margin: 0;\n    border-block-end: 1px solid $border-subtle-01;\n  }\n\n  .#{$block-class}__header-description {\n    margin-block-start: $spacing-03;\n    max-inline-size: 80%;\n  }\n\n  .#{$block-class}__main {\n    background-color: unset;\n  }\n}\n\n:host(#{$prefix}-tearsheet[width='wide']) {\n  --content-padding: #{$spacing-06 $spacing-07};\n\n  .#{$block-class}__header {\n    margin: 0;\n    background-color: $layer;\n    border-block-end: 1px solid $border-subtle-01;\n  }\n\n  .#{$block-class}__header[has-navigation] {\n    padding-block-end: 0;\n  }\n\n  .#{$block-class}__container {\n    inline-size: 100%;\n\n    @include breakpoint(md) {\n      inline-size: calc(100% - (2 * #{$spacing-10}));\n    }\n  }\n\n  .#{carbon-config.$prefix}--modal-header__heading.#{$block-class}__heading {\n    @include type.type-style('heading-04');\n  }\n\n  .#{$block-class}__header[has-close-icon],\n  .#{$block-class}__header[has-slug],\n  .#{$block-class}__header[has-decorator] {\n    padding-inline-end: $spacing-11;\n  }\n\n  .#{$block-class}__header[has-close-icon][has-slug],\n  .#{$block-class}__header[has-close-icon][has-decorator] {\n    /* stylelint-disable-next-line carbon/layout-use */\n    padding-inline-end: calc(#{$spacing-11 + $spacing-09});\n  }\n\n  .#{$block-class}__header-navigation {\n    margin-inline-start: calc(-1 * #{$spacing-05});\n    max-block-size: $spacing-08; /* #{$prefix}-tabs too tall */\n  }\n\n  .#{$block-class}__content {\n    // Revert background color overridden by Carbon's modal - https://github.com/carbon-design-system/carbon/blob/main/packages/styles/scss/components/modal/_modal.scss#L54\n    .#{carbon-config.$prefix}--pagination,\n    .#{carbon-config.$prefix}--pagination__control-buttons,\n    .#{carbon-config.$prefix}--text-input,\n    .#{carbon-config.$prefix}--text-area,\n    .#{carbon-config.$prefix}--search-input,\n    .#{carbon-config.$prefix}--select-input,\n    .#{carbon-config.$prefix}--dropdown,\n    .#{carbon-config.$prefix}--dropdown-list,\n    .#{carbon-config.$prefix}--number input[type='number'],\n    .#{carbon-config.$prefix}--date-picker__input {\n      background-color: $field;\n    }\n\n    .#{carbon-config.$prefix}--select--inline\n      .#{carbon-config.$prefix}--select-input {\n      background-color: transparent;\n    }\n\n    // and restore the 'light' prop in case light fields are wanted\n    .#{carbon-config.$prefix}--text-input--light,\n  .#{carbon-config.$prefix}--text-area--light,\n  .#{carbon-config.$prefix}--search--light .#{carbon-config.$prefix}--search-input,\n  .#{carbon-config.$prefix}--select--light .#{carbon-config.$prefix}--select-input,\n  .#{carbon-config.$prefix}--dropdown--light,\n  .#{carbon-config.$prefix}--dropdown--light .#{carbon-config.$prefix}--dropdown-list,\n  /* stylelint-disable-next-line prettier/prettier */\n  .#{carbon-config.$prefix}--number--light input[type='number'],\n  .#{carbon-config.$prefix}--date-picker--light\n    .#{carbon-config.$prefix}--date-picker__input {\n      background-color: $field-02;\n    }\n  }\n  .#{$prefix}--action-set\n    .#{$prefix}--action-set__action-button.#{$prefix}--action-set__action-button--expressive {\n    block-size: $spacing-11;\n  }\n}\n\n:host(#{$prefix}-tearsheet[width='narrow'])\n  .#{$block-class}__buttons[actions-multiple='single']\n  ::slotted(#{carbon-config.$prefix}-button),\n:host(#{$prefix}-tearsheet[width='narrow'])\n  .#{$block-class}__buttons[actions-multiple='double']\n  ::slotted(#{carbon-config.$prefix}-button) {\n  // double and single on lg use 50%\n  flex: 0 1 50%;\n  max-inline-size: none;\n}\n\n:host(#{$prefix}-tearsheet[width='narrow'])\n  .#{$block-class}__buttons\n  ::slotted(#{carbon-config.$prefix}-button) {\n  block-size: $spacing-10;\n}\n:host(#{$prefix}-tearsheet[width='narrow']) {\n  .#{$block-class}__buttons {\n    background-color: unset;\n  }\n}\n"],"mappings":""}

package/es/components/tearsheet/utils.d.ts

@@ -32,3 +32,4 @@ export declare const getNavigation: (index: any) => import("lit-html").TemplateR
 export declare const getSlug: (index: any) => import("lit-html").TemplateResult<1> | null;
 export declare const getDecorator: (decorator: any) => import("lit-html").TemplateResult<1> | undefined;
 export declare const getDescription: (index: any) => import("lit-html").TemplateResult<1> | null;
+//# sourceMappingURL=utils.d.ts.map

package/es/components/tearsheet/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/tearsheet/utils.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,oDAAoD,CAAC;AAC5D,OAAO,0DAA0D,CAAC;AAClE,OAAO,wDAAwD,CAAC;AAChE,OAAO,oDAAoD,CAAC;AAC5D,OAAO,oDAAoD,CAAC;AAC5D,OAAO,wDAAwD,CAAC;AAChE,OAAO,0DAA0D,CAAC;AAClE,OAAO,wDAAwD,CAAC;AAChE,OAAO,kEAAkE,CAAC;AAC1E,OAAO,4DAA4D,CAAC;AACpE,OAAO,SAAS,CAAC;AACjB,OAAO,yBAAyB,CAAC;AAUjC,eAAO,MAAM,WAAW;;;;CAIvB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,UAAK,gDA2ClC,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,UAAK,gDAiE/B,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,UAAK,gDAW7B,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAAI,UAAK,gDAiC1C,CAAC;AAgBF,eAAO,MAAM,cAAc,GAAI,UAAK,kDA6CnC,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,UAAK,gDAiBlC,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,UAAK,gDAsB5B,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,cAAS,qDAkCrC,CAAC;AAGF,eAAO,MAAM,cAAc,GAAI,UAAK,gDAmCnC,CAAC"}

package/es/components/tearsheet/utils.js

@@ -1,55 +1,53 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 2026
  *
  * 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 { BUTTON_KIND } from '@carbon/web-components/es/components/button/defs.js';
-import '@carbon/web-components/es/components/tabs/index.js';
-import '@carbon/web-components/es/components/text-input/index.js';
-import '@carbon/web-components/es/components/textarea/index.js';
-import '@carbon/web-components/es/components/slug/index.js';
-import '@carbon/web-components/es/components/ai-label/index.js';
-import '@carbon/web-components/es/components/toggle-tip/index.js';
-import '@carbon/web-components/es/components/dropdown/index.js';
-import '@carbon/web-components/es/components/progress-indicator/index.js';
-import '@carbon/web-components/es/components/progress-bar/index.js';
-import './tearsheet.js';
-import '../truncated-text/truncated-text.js';
-import { html } from 'lit';
-import { prefix } from '../../globals/settings.js';
-import styles from './story-styles.scss.js';
+import { prefix } from "../../globals/settings.js";
+import "../truncated-text/index.js";
+import "./index.js";
+import story_styles_default from "./story-styles.scss.js";
+import { html } from "lit";
+import "@carbon/web-components/es/components/progress-indicator/index.js";
+import { BUTTON_KIND } from "@carbon/web-components/es/components/button/defs.js";
+import "@carbon/web-components/es/components/tabs/index.js";
+import "@carbon/web-components/es/components/text-input/index.js";
+import "@carbon/web-components/es/components/textarea/index.js";
+import "@carbon/web-components/es/components/slug/index.js";
+import "@carbon/web-components/es/components/ai-label/index.js";
+import "@carbon/web-components/es/components/toggle-tip/index.js";
+import "@carbon/web-components/es/components/dropdown/index.js";
+import "@carbon/web-components/es/components/progress-bar/index.js";
 
+//#region src/components/tearsheet/utils.ts
 /**
- * @license
- *
- * Copyright IBM Corp. 2024, 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.
- */
-const storyPrefix = 'tearsheet-stories';
+* @license
+*
+* Copyright IBM Corp. 2024, 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.
+*/
+const storyPrefix = "tearsheet-stories";
 const cancelButton = () => {
-    var _a;
-    (_a = document.querySelector(`${prefix}-tearsheet`)) === null || _a === void 0 ? void 0 : _a.removeAttribute('open');
+	document.querySelector(`${prefix}-tearsheet`)?.removeAttribute("open");
 };
 const influencers = {
-    'No influencer': 0,
-    'Simple influencer': 1,
-    'Progress influencer': 2,
+	"No influencer": 0,
+	"Simple influencer": 1,
+	"Progress influencer": 2
 };
 const getInfluencer = (index) => {
-    switch (index) {
-        case 1:
-            return html `<div
+	switch (index) {
+		case 1: return html`<div
         slot="influencer"
         class=${`${storyPrefix}__dummy-content-block`}
       >
         Influencer
       </div>`;
-        case 2:
-            return html ` <cds-progress-indicator
+		case 2: return html` <cds-progress-indicator
         vertical
         slot="influencer"
         class=${`${storyPrefix}__dummy-content-block`}
@@ -79,16 +77,14 @@ const getInfluencer = (index) => {
           state="incomplete"
         ></cds-progress-step>
       </cds-progress-indicator>`;
-        default:
-            return null;
-    }
+		default: return null;
+	}
 };
 const getContent = (index) => {
-    switch (index) {
-        case 1:
-            return html `
+	switch (index) {
+		case 1: return html`
         <style>
-          ${styles}
+          ${story_styles_default}
         </style>
         <div class=${`${storyPrefix}__dummy-content-block`}>
           <h5>Section</h5>
@@ -104,9 +100,8 @@ const getContent = (index) => {
           ></cds-text-input>
         </div>
       `;
-        case 2:
-            return html ` <style>
-          ${styles}
+		case 2: return html` <style>
+          ${story_styles_default}
         </style>
         <div class=${`${storyPrefix}__dummy-content-block`}>
           <h5>Section</h5>
@@ -145,32 +140,31 @@ const getContent = (index) => {
             ></cds-textarea>
           </div>
         </div>`;
-        default:
-            return null;
-    }
+		default: return null;
+	}
 };
 const getLabel = (index) => {
-    switch (index) {
-        case 1:
-            return html `<span slot="label">Optional label for context</span>`;
-        case 2:
-            return html `<span slot="label"
+	switch (index) {
+		case 1: return html`<span slot="label">Optional label for context</span>`;
+		case 2: return html`<span slot="label"
         >A longer label giving a bit more context
       </span>`;
-        default:
-            return null;
-    }
+		default: return null;
+	}
 };
 const getActionToolbarItems = (index) => {
-    switch (index) {
-        case 1:
-            return html `<cds-dropdown slot="header-actions" value="option 1">
-        ${['option 1', 'option 2', 'option 3', 'option 4'].map((option) => html ` <cds-dropdown-item value="${option}"
+	switch (index) {
+		case 1: return html`<cds-dropdown slot="header-actions" value="option 1">
+        ${[
+			"option 1",
+			"option 2",
+			"option 3",
+			"option 4"
+		].map((option) => html` <cds-dropdown-item value="${option}"
               >${option}</cds-dropdown-item
             >`)}
       </cds-dropdown>`;
-        case 2:
-            return html `
+		case 2: return html`
         <cds-button
           slot="header-actions"
           kind=${BUTTON_KIND.SECONDARY}
@@ -188,73 +182,61 @@ const getActionToolbarItems = (index) => {
           Primary
         </cds-button>
       `;
-        default:
-            return null;
-    }
+		default: return null;
+	}
 };
 const toActions = (kinds) => {
-    return kinds === null || kinds === void 0 ? void 0 : kinds.map((kind) => {
-        return html `<cds-button
+	return kinds?.map((kind) => {
+		return html`<cds-button
       key=${kind}
       slot="actions"
       kind=${kind}
-      @click=${kind === 'ghost' && cancelButton}
+      @click=${kind === "ghost" && cancelButton}
     >
       ${kind.charAt(0).toUpperCase() + kind.slice(1)}
     </cds-button>`;
-    });
+	});
 };
-// TODO: There are problems switching this
 const getActionItems = (index) => {
-    switch (index) {
-        case 1:
-            return toActions([BUTTON_KIND.PRIMARY]);
-        case 2:
-            return toActions([BUTTON_KIND.GHOST, BUTTON_KIND.PRIMARY]);
-        case 3:
-            return toActions([BUTTON_KIND.DANGER, BUTTON_KIND.PRIMARY]);
-        case 4:
-            return toActions([
-                BUTTON_KIND.GHOST,
-                BUTTON_KIND.SECONDARY,
-                BUTTON_KIND.PRIMARY,
-            ]);
-        case 5:
-            return toActions([
-                BUTTON_KIND.DANGER,
-                BUTTON_KIND.SECONDARY,
-                BUTTON_KIND.PRIMARY,
-            ]);
-        case 6:
-            return toActions([
-                BUTTON_KIND.GHOST,
-                BUTTON_KIND.TERTIARY,
-                BUTTON_KIND.SECONDARY,
-                BUTTON_KIND.PRIMARY,
-            ]);
-        case 7:
-            return toActions([
-                BUTTON_KIND.DANGER,
-                BUTTON_KIND.TERTIARY,
-                BUTTON_KIND.SECONDARY,
-                BUTTON_KIND.PRIMARY,
-            ]);
-        case 8:
-            return toActions([
-                BUTTON_KIND.GHOST,
-                BUTTON_KIND.DANGER,
-                BUTTON_KIND.TERTIARY,
-                BUTTON_KIND.SECONDARY,
-                BUTTON_KIND.PRIMARY,
-            ]);
-        default:
-            return null;
-    }
+	switch (index) {
+		case 1: return toActions([BUTTON_KIND.PRIMARY]);
+		case 2: return toActions([BUTTON_KIND.GHOST, BUTTON_KIND.PRIMARY]);
+		case 3: return toActions([BUTTON_KIND.DANGER, BUTTON_KIND.PRIMARY]);
+		case 4: return toActions([
+			BUTTON_KIND.GHOST,
+			BUTTON_KIND.SECONDARY,
+			BUTTON_KIND.PRIMARY
+		]);
+		case 5: return toActions([
+			BUTTON_KIND.DANGER,
+			BUTTON_KIND.SECONDARY,
+			BUTTON_KIND.PRIMARY
+		]);
+		case 6: return toActions([
+			BUTTON_KIND.GHOST,
+			BUTTON_KIND.TERTIARY,
+			BUTTON_KIND.SECONDARY,
+			BUTTON_KIND.PRIMARY
+		]);
+		case 7: return toActions([
+			BUTTON_KIND.DANGER,
+			BUTTON_KIND.TERTIARY,
+			BUTTON_KIND.SECONDARY,
+			BUTTON_KIND.PRIMARY
+		]);
+		case 8: return toActions([
+			BUTTON_KIND.GHOST,
+			BUTTON_KIND.DANGER,
+			BUTTON_KIND.TERTIARY,
+			BUTTON_KIND.SECONDARY,
+			BUTTON_KIND.PRIMARY
+		]);
+		default: return null;
+	}
 };
 const getNavigation = (index) => {
-    switch (index) {
-        case 1:
-            return html ` <div
+	switch (index) {
+		case 1: return html` <div
         className="tearsheet-stories__tabs"
         slot="header-navigation"
       >
@@ -265,14 +247,12 @@ const getNavigation = (index) => {
           <cds-tab value="4">Tab 4</cds-tab>
         </cds-tabs>
       </div>`;
-        default:
-            return null;
-    }
+		default: return null;
+	}
 };
 const getSlug = (index) => {
-    switch (index) {
-        case 1:
-            return html `<cds-slug size="xs" alignment="bottom-right">
+	switch (index) {
+		case 1: return html`<cds-slug size="xs" alignment="bottom-right">
         <div slot="body-text">
           <p class="secondary">AI Explained</p>
           <h1>84%</h1>
@@ -288,15 +268,12 @@ const getSlug = (index) => {
           <p class="bold">Foundation model</p>
         </div>
       </cds-slug>`;
-        default:
-            return null;
-    }
+		default: return null;
+	}
 };
-// cspell: disable
 const getDecorator = (decorator) => {
-    switch (decorator) {
-        case 'WITH_AI_LABEL':
-            return html `
+	switch (decorator) {
+		case "WITH_AI_LABEL": return html`
         <cds-ai-label alignment="bottom-right" slot="decorator">
           <div slot="body-text">
             <p class="secondary">AI Explained</p>
@@ -313,8 +290,7 @@ const getDecorator = (decorator) => {
           </div>
         </cds-ai-label>
       `;
-        case 'NON_AI_LABEL_DECORATOR':
-            return html `
+		case "NON_AI_LABEL_DECORATOR": return html`
         <cds-toggletip slot="decorator" alignment="bottom">
           <p slot="body-text">
             Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed
@@ -324,23 +300,19 @@ const getDecorator = (decorator) => {
           <cds-button slot="actions">Button</cds-button>
         </cds-toggletip>
       `;
-        default:
-            return;
-    }
+		default: return;
+	}
 };
-// cspell: enable
 const getDescription = (index) => {
-    switch (index) {
-        case 1:
-            return html `
+	switch (index) {
+		case 1: return html`
         <span slot="description">
           This is a description for the tearsheet, providing an opportunity to
           describe the flow over a couple of lines in the header of the
           tearsheet.
         </span>
       `;
-        case 2:
-            return html `
+		case 2: return html`
         <span slot="description">
           <c4p-truncated-text
             value="This is a description for the tearsheet, providing an opportunity to describe the flow over a couple of lines in the header of the tearsheet."
@@ -350,8 +322,7 @@ const getDescription = (index) => {
           />
         </span>
       `;
-        case 3:
-            return html `
+		case 3: return html`
         <span slot="description">
           <c4p-truncated-text
             value="This is a description for the tearsheet, providing an opportunity to describe the flow over a couple of lines in the header of the tearsheet."
@@ -361,10 +332,10 @@ const getDescription = (index) => {
           />
         </span>
       `;
-        default:
-            return null;
-    }
+		default: return null;
+	}
 };
 
+//#endregion
 export { getActionItems, getActionToolbarItems, getContent, getDecorator, getDescription, getInfluencer, getLabel, getNavigation, getSlug, influencers };
-//# sourceMappingURL=utils.js.map
+//# sourceMappingURL=utils.js.map

package/es/components/tearsheet/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../src/components/tearsheet/utils.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.js","names":["styles"],"sources":["../../../src/components/tearsheet/utils.ts"],"sourcesContent":["/**\n * @license\n *\n * Copyright IBM Corp. 2024, 2024\n *\n * This source code is licensed under the Apache-2.0 license found in the\n * LICENSE file in the root directory of this source tree.\n */\n\nimport { BUTTON_KIND } from '@carbon/web-components/es/components/button/defs.js';\nimport '@carbon/web-components/es/components/tabs/index.js';\nimport '@carbon/web-components/es/components/text-input/index.js';\nimport '@carbon/web-components/es/components/textarea/index.js';\nimport '@carbon/web-components/es/components/tabs/index.js';\nimport '@carbon/web-components/es/components/slug/index.js';\nimport '@carbon/web-components/es/components/ai-label/index.js';\nimport '@carbon/web-components/es/components/toggle-tip/index.js';\nimport '@carbon/web-components/es/components/dropdown/index.js';\nimport '@carbon/web-components/es/components/progress-indicator/index.js';\nimport '@carbon/web-components/es/components/progress-bar/index.js';\nimport './index';\nimport '../truncated-text/index';\nimport { html } from 'lit';\nimport { prefix } from '../../globals/settings';\nimport styles from './story-styles.scss?lit';\n\nconst storyPrefix = 'tearsheet-stories';\nconst cancelButton = () => {\n  document.querySelector(`${prefix}-tearsheet`)?.removeAttribute('open');\n};\n\nexport const influencers = {\n  'No influencer': 0,\n  'Simple influencer': 1,\n  'Progress influencer': 2,\n};\n\nexport const getInfluencer = (index) => {\n  switch (index) {\n    case 1:\n      return html`<div\n        slot=\"influencer\"\n        class=${`${storyPrefix}__dummy-content-block`}\n      >\n        Influencer\n      </div>`;\n    case 2:\n      return html` <cds-progress-indicator\n        vertical\n        slot=\"influencer\"\n        class=${`${storyPrefix}__dummy-content-block`}\n      >\n        <cds-progress-step\n          state=\"complete\"\n          label=\"First step\"\n          secondary-label=\"Optional label\"\n          description=\"Step 1: Getting started with Carbon Design System\"\n        ></cds-progress-step>\n        <cds-progress-step\n          label=\"Second step with tooltip\"\n          state=\"current\"\n        ></cds-progress-step>\n        <cds-progress-step\n          label=\"Third step with tooltip\"\n          state=\"incomplete\"\n        ></cds-progress-step>\n        <cds-progress-step\n          label=\"Fourth step\"\n          secondary-label=\"Example invalid step\"\n          state=\"invalid\"\n        ></cds-progress-step>\n        <cds-progress-step\n          disabled\n          label=\"Fifth step\"\n          state=\"incomplete\"\n        ></cds-progress-step>\n      </cds-progress-indicator>`;\n    default:\n      return null;\n  }\n};\n\nexport const getContent = (index) => {\n  switch (index) {\n    case 1:\n      return html`\n        <style>\n          ${styles}\n        </style>\n        <div class=${`${storyPrefix}__dummy-content-block`}>\n          <h5>Section</h5>\n          <cds-text-input\n            label=\"Input A\"\n            id=\"tearsheet-story-text-input-a\"\n            class=\"${storyPrefix}text-input\"\n          ></cds-text-input>\n          <cds-text-input\n            label=\"Input B\"\n            id=\"tearsheet-story-text-input-b\"\n            class=\"${storyPrefix}text-input\"\n          ></cds-text-input>\n        </div>\n      `;\n    case 2:\n      return html` <style>\n          ${styles}\n        </style>\n        <div class=${`${storyPrefix}__dummy-content-block`}>\n          <h5>Section</h5>\n          <div class=\"${storyPrefix}text-inputs\">\n            <cds-text-input\n              label=\"Input A\"\n              id=\"tearsheet-story-text-input-a\"\n            ></cds-text-input>\n            <cds-text-input\n              label=\"Input B\"\n              id=\"tearsheet-story-text-input-b\"\n            ></cds-text-input>\n          </div>\n          <div class=\"${storyPrefix}text-inputs\">\n            <cds-text-input\n              label=\"Input C\"\n              id=\"tearsheet-story-text-input-c\"\n            ></cds-text-input>\n            <cds-text-input\n              label=\"Input D\"\n              id=\"tearsheet-story-text-input-d\"\n            ></cds-text-input>\n          </div>\n          <div class=\"${storyPrefix}textarea-container\">\n            <cds-textarea\n              label=\"Notes\"\n              value=\"This is a text area\"\n            ></cds-textarea>\n            <cds-textarea\n              label=\"Notes\"\n              value=\"This is a text area\"\n            ></cds-textarea>\n            <cds-textarea\n              label=\"Notes\"\n              value=\"This is a text area\"\n            ></cds-textarea>\n          </div>\n        </div>`;\n    default:\n      return null;\n  }\n};\n\nexport const getLabel = (index) => {\n  switch (index) {\n    case 1:\n      return html`<span slot=\"label\">Optional label for context</span>`;\n    case 2:\n      return html`<span slot=\"label\"\n        >A longer label giving a bit more context\n      </span>`;\n    default:\n      return null;\n  }\n};\n\nexport const getActionToolbarItems = (index) => {\n  switch (index) {\n    case 1:\n      return html`<cds-dropdown slot=\"header-actions\" value=\"option 1\">\n        ${['option 1', 'option 2', 'option 3', 'option 4'].map(\n          (option) =>\n            html` <cds-dropdown-item value=\"${option}\"\n              >${option}</cds-dropdown-item\n            >`\n        )}\n      </cds-dropdown>`;\n    case 2:\n      return html`\n        <cds-button\n          slot=\"header-actions\"\n          kind=${BUTTON_KIND.SECONDARY}\n          size=\"sm\"\n          style=\"width: initial\"\n        >\n          Secondary\n        </cds-button>\n        <cds-button\n          slot=\"header-actions\"\n          kind=${BUTTON_KIND.PRIMARY}\n          size=\"sm\"\n          style=\"width: initial\"\n        >\n          Primary\n        </cds-button>\n      `;\n    default:\n      return null;\n  }\n};\n\nconst toActions = (kinds: BUTTON_KIND[]) => {\n  return kinds?.map((kind) => {\n    return html`<cds-button\n      key=${kind}\n      slot=\"actions\"\n      kind=${kind}\n      @click=${kind === 'ghost' && cancelButton}\n    >\n      ${kind.charAt(0).toUpperCase() + kind.slice(1)}\n    </cds-button>`;\n  });\n};\n\n// TODO: There are problems switching this\nexport const getActionItems = (index) => {\n  switch (index) {\n    case 1:\n      return toActions([BUTTON_KIND.PRIMARY]);\n    case 2:\n      return toActions([BUTTON_KIND.GHOST, BUTTON_KIND.PRIMARY]);\n    case 3:\n      return toActions([BUTTON_KIND.DANGER, BUTTON_KIND.PRIMARY]);\n    case 4:\n      return toActions([\n        BUTTON_KIND.GHOST,\n        BUTTON_KIND.SECONDARY,\n        BUTTON_KIND.PRIMARY,\n      ]);\n    case 5:\n      return toActions([\n        BUTTON_KIND.DANGER,\n        BUTTON_KIND.SECONDARY,\n        BUTTON_KIND.PRIMARY,\n      ]);\n    case 6:\n      return toActions([\n        BUTTON_KIND.GHOST,\n        BUTTON_KIND.TERTIARY,\n        BUTTON_KIND.SECONDARY,\n        BUTTON_KIND.PRIMARY,\n      ]);\n    case 7:\n      return toActions([\n        BUTTON_KIND.DANGER,\n        BUTTON_KIND.TERTIARY,\n        BUTTON_KIND.SECONDARY,\n        BUTTON_KIND.PRIMARY,\n      ]);\n    case 8:\n      return toActions([\n        BUTTON_KIND.GHOST,\n        BUTTON_KIND.DANGER,\n        BUTTON_KIND.TERTIARY,\n        BUTTON_KIND.SECONDARY,\n        BUTTON_KIND.PRIMARY,\n      ]);\n    default:\n      return null;\n  }\n};\n\nexport const getNavigation = (index) => {\n  switch (index) {\n    case 1:\n      return html` <div\n        className=\"tearsheet-stories__tabs\"\n        slot=\"header-navigation\"\n      >\n        <cds-tabs value=\"1\">\n          <cds-tab value=\"1\">Tab 1</cds-tab>\n          <cds-tab value=\"2\">Tab 2</cds-tab>\n          <cds-tab value=\"3\">Tab 3</cds-tab>\n          <cds-tab value=\"4\">Tab 4</cds-tab>\n        </cds-tabs>\n      </div>`;\n    default:\n      return null;\n  }\n};\n\nexport const getSlug = (index) => {\n  switch (index) {\n    case 1:\n      return html`<cds-slug size=\"xs\" alignment=\"bottom-right\">\n        <div slot=\"body-text\">\n          <p class=\"secondary\">AI Explained</p>\n          <h1>84%</h1>\n          <p class=\"secondary bold\">Confidence score</p>\n          <!-- //cspell: disable -->\n          <p class=\"secondary\">\n            Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed\n            do eiusmod tempor incididunt ut fsil labore et dolore magna aliqua.\n          </p>\n          <!-- //cspell: enable -->\n          <hr />\n          <p class=\"secondary\">Model type</p>\n          <p class=\"bold\">Foundation model</p>\n        </div>\n      </cds-slug>`;\n    default:\n      return null;\n  }\n};\n// cspell: disable\nexport const getDecorator = (decorator) => {\n  switch (decorator) {\n    case 'WITH_AI_LABEL':\n      return html`\n        <cds-ai-label alignment=\"bottom-right\" slot=\"decorator\">\n          <div slot=\"body-text\">\n            <p class=\"secondary\">AI Explained</p>\n            <h2 class=\"ai-label-heading\">84%</h2>\n            <p class=\"secondary bold\">Confidence score</p>\n            <p class=\"secondary\">\n              Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed\n              do eiusmod tempor incididunt ut fsil labore et dolore magna\n              aliqua.\n            </p>\n            <hr />\n            <p class=\"secondary\">Model type</p>\n            <p class=\"bold\">Foundation model</p>\n          </div>\n        </cds-ai-label>\n      `;\n    case 'NON_AI_LABEL_DECORATOR':\n      return html`\n        <cds-toggletip slot=\"decorator\" alignment=\"bottom\">\n          <p slot=\"body-text\">\n            Lorem ipsum dolor sit amet, di os consectetur adipiscing elit, sed\n            do eiusmod tempor incididunt ut fsil labore et dolore magna aliqua.\n          </p>\n          <cds-link slot=\"actions\">Test</cds-link>\n          <cds-button slot=\"actions\">Button</cds-button>\n        </cds-toggletip>\n      `;\n    default:\n      return;\n  }\n};\n// cspell: enable\n\nexport const getDescription = (index) => {\n  switch (index) {\n    case 1:\n      return html`\n        <span slot=\"description\">\n          This is a description for the tearsheet, providing an opportunity to\n          describe the flow over a couple of lines in the header of the\n          tearsheet.\n        </span>\n      `;\n    case 2:\n      return html`\n        <span slot=\"description\">\n          <c4p-truncated-text\n            value=\"This is a description for the tearsheet, providing an opportunity to describe the flow over a couple of lines in the header of the tearsheet.\"\n            lines=\"1\"\n            autoalign=\"true\"\n            align=\"bottom\"\n          />\n        </span>\n      `;\n    case 3:\n      return html`\n        <span slot=\"description\">\n          <c4p-truncated-text\n            value=\"This is a description for the tearsheet, providing an opportunity to describe the flow over a couple of lines in the header of the tearsheet.\"\n            lines=\"2\"\n            autoalign=\"true\"\n            align=\"bottom\"\n          />\n        </span>\n      `;\n    default:\n      return null;\n  }\n};\n"],"mappings":"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"}

package/es/components/tearsheet-preview/index.d.ts

@@ -15,3 +15,4 @@ import './tearsheet-header-content';
 import './tearsheet-navigation-bar';
 import './tearsheet-scroller';
 import './tearsheet-summary-content';
+//# sourceMappingURL=index.d.ts.map

package/es/components/tearsheet-preview/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tearsheet-preview/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,OAAO,aAAa,CAAC;AACrB,OAAO,kBAAkB,CAAC;AAC1B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,oBAAoB,CAAC;AAC5B,OAAO,wBAAwB,CAAC;AAChC,OAAO,4BAA4B,CAAC;AACpC,OAAO,4BAA4B,CAAC;AACpC,OAAO,sBAAsB,CAAC;AAC9B,OAAO,6BAA6B,CAAC"}

package/es/components/tearsheet-preview/index.js

@@ -1,17 +1,16 @@
 /**
- * Copyright IBM Corp. 2024
+ * Copyright IBM Corp. 2020, 2026
  *
  * 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 './tearsheet.js';
-import './tearsheet-body.js';
-import './tearsheet-footer.js';
-import './tearsheet-header.js';
-import './tearsheet-influencer.js';
-import './tearsheet-header-content.js';
-import './tearsheet-navigation-bar.js';
-import './tearsheet-scroller.js';
-import './tearsheet-summary-content.js';
-//# sourceMappingURL=index.js.map
+import "./tearsheet.js";
+import "./tearsheet-body.js";
+import "./tearsheet-footer.js";
+import "./tearsheet-header.js";
+import "./tearsheet-header-content.js";
+import "./tearsheet-influencer.js";
+import "./tearsheet-navigation-bar.js";
+import "./tearsheet-scroller.js";
+import "./tearsheet-summary-content.js";

package/es/components/tearsheet-preview/stack-signal.d.ts

@@ -25,3 +25,4 @@ declare class StackManager {
 }
 export declare const stackManager: StackManager;
 export {};
+//# sourceMappingURL=stack-signal.d.ts.map

package/es/components/tearsheet-preview/stack-signal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack-signal.d.ts","sourceRoot":"","sources":["../../../src/components/tearsheet-preview/stack-signal.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,UAAU,EAAE,GAAG,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IACrC,aAAa,EAAE,aAAa,CAAC;CAC9B;AAQD,cAAM,YAAY;;IAOhB,IAAI,KAAK,eAER;IAED,gBAAgB,CAAC,IAAI,EAAE,aAAa;IAOpC,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,GAAG,IAAI;IA4BpE,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM;IAS5B,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM;IAiBlC,kBAAkB,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM;IAatC,OAAO,CAAC,OAAO;IAMf,KAAK;CAON;AAGD,eAAO,MAAM,YAAY,cAAqB,CAAC"}