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

package/es-custom/components/page-header/_story-assets/set-of-tags/set-of-tags.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"set-of-tags.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/es-custom/components/page-header/_story-assets/set-of-tags/utils.d.ts

@@ -1,23 +0,0 @@
-/**
- * @license
- *
- * 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.
- */
-import { TAG_TYPE, TAG_SIZE } from '@carbon/web-components/es/components/tag/defs';
-export interface TagType {
-    type: TAG_TYPE;
-    text: string;
-    size: TAG_SIZE;
-    onClose?: () => void;
-}
-interface GenerateTagsOptions {
-    count: number;
-    size?: TAG_SIZE;
-    dismissible?: boolean;
-}
-export declare function generateTags({ count, size, dismissible, }: GenerateTagsOptions): TagType[];
-export declare const tagsData: TagType[];
-export {};

package/es-custom/components/page-header/_story-assets/set-of-tags/utils.js

@@ -1,44 +0,0 @@
-/**
- * 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.
- */
-
-import { TAG_TYPE, TAG_SIZE } from '@carbon/web-components/es/components/tag/defs';
-
-/**
- * @license
- *
- * 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.
- */
-const tagTypes = Object.values(TAG_TYPE);
-const randomWords = 'Interface Components Architecture Microservices Tokens Authentication Authorization Encryption Dashboard Metrics Logging Tracing Scalability Latency Containers Virtualization Deployment Infrastructure Cloud Cluster Replica Storage Bandwidth Throughput Streaming Sockets Requests Responses Payload Endpoint GraphQL REST Webhooks JSON Serialization Deserialization Algorithms Inference Model Training Embeddings Prompts Outputs Transformer Neural Optimization Gradient Epoch Dataset Labels Prediction Pipeline Automation Hooks State Context Reducer Props Render Refactor Commit Branch Merge Versioning Build Compile Transpile Minify Bundle Dependency Modules Imports Exports Testing Coverage Snapshot Regression Lint Formatter Error Exception Debug Logs Watcher Server Client Browser Viewport Media Query Responsive Breakpoints Grid CSS Tailwind JavaScript TypeScript Framework Library Routing Navigation SPA SSR Hydration DOM Event Handler Listener Throttle Debounce Asynchronous Callback Promise Await Fetch Resource CORS Header Cookie Session Cache Index Query Database Schema Migration ORM Relation Join Table Record Document NoSQL SQL Function Parameter Return Expression Condition Loop Iteration Variable Constant Scope Closure Arrow Object Array Boolean String Integer Float Null Undefined NaN Prototype Instance Class Constructor Inheritance Encapsulation Abstraction Polymorphism Tokenization CI CD Monitoring Alert Incident SLA SLO Uptime Availability Redundancy Failover Load Balancer Firewall Gateway Certificate TLS HTTPS Domain DNS Proxy Timeout Queue Service Registry Discovery Containerization Kubernetes Docker';
-const words = randomWords.split(/\s+/);
-function generateTags({ count, size = TAG_SIZE.MEDIUM, dismissible = false, }) {
-    return Array.from({ length: count }, (_, index) => {
-        const type = tagTypes[index % tagTypes.length];
-        const text = words[index % words.length];
-        const tag = {
-            type,
-            text,
-            size,
-        };
-        if (dismissible) {
-            tag.onClose = () => console.log(`Closed tag: ${text}`);
-        }
-        return tag;
-    });
-}
-// Example usage:
-const tagsData = generateTags({
-    count: 100,
-    size: TAG_SIZE.SMALL,
-    dismissible: true,
-});
-
-export { generateTags, tagsData };
-//# sourceMappingURL=utils.js.map

package/es-custom/components/page-header/_story-assets/set-of-tags/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../../../../src/components/page-header/_story-assets/set-of-tags/utils.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;AAAA;;;;;;;AAOG;AAcH,MAAM,QAAQ,GAAe,MAAM,CAAC,MAAM,CAAC,QAAQ,CAAC;AAEpD,MAAM,WAAW,GACf,2lDAA2lD;AAE7lD,MAAM,KAAK,GAAa,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC;AAQ1C,SAAU,YAAY,CAAC,EAC3B,KAAK,EACL,IAAI,GAAG,QAAQ,CAAC,MAAM,EACtB,WAAW,GAAG,KAAK,GACC,EAAA;AACpB,IAAA,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,KAAI;QAChD,MAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,MAAM,CAAC;QAC9C,MAAM,IAAI,GAAG,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC;AAExC,QAAA,MAAM,GAAG,GAAY;YACnB,IAAI;YACJ,IAAI;YACJ,IAAI;SACL;QAED,IAAI,WAAW,EAAE;AACf,YAAA,GAAG,CAAC,OAAO,GAAG,MAAM,OAAO,CAAC,GAAG,CAAC,CAAA,YAAA,EAAe,IAAI,CAAA,CAAE,CAAC;QACxD;AAEA,QAAA,OAAO,GAAG;AACZ,IAAA,CAAC,CAAC;AACJ;AAEA;AACO,MAAM,QAAQ,GAAG,YAAY,CAAC;AACnC,IAAA,KAAK,EAAE,GAAG;IACV,IAAI,EAAE,QAAQ,CAAC,KAAK;AACpB,IAAA,WAAW,EAAE,IAAI;AAClB,CAAA;;;;"}

package/es-custom/components/page-header/context.d.ts

@@ -1,15 +0,0 @@
-/**
- * @license
- *
- * 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.
- */
-export declare const pageHeaderContext: import("@lit/context").Context<{
-    headerOffset: number;
-    breadcrumbOffset: number;
-    fullyCollapsed: boolean;
-    root: null;
-    titleClipped: boolean;
-}, unknown>;

package/es-custom/components/page-header/index.d.ts

@@ -1,16 +0,0 @@
-/**
- * @license
- *
- * 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.
- */
-import './page-header';
-import './page-header-breadcrumb';
-import './page-header-content';
-import './page-header-content-text';
-import './page-header-hero-image';
-import './page-header-tabs';
-import './page-header-title-breadcrumb';
-import './page-header-scroller';

package/es-custom/components/page-header/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/es-custom/components/page-header/page-header-breadcrumb.d.ts

@@ -1,36 +0,0 @@
-/**
- * @license
- *
- * 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.
- */
-import { LitElement } from 'lit';
-/**
- * Page header Breadcrumb Bar.
- * @element c4p-page-header-breadcrumb
- */
-declare class CDSPageHeaderBreadcrumb extends LitElement {
-    /**
-     * Specify if breadcrumb bar has bottom border.
-     */
-    border: boolean;
-    /**
-     * Set to `true` if the breadcrumb bar is sitting within a grid
-     * (ie. when used in tandem with page-header-hero-image)
-     */
-    withinGrid: boolean;
-    /**
-     * Set to `true` if page actions should be flush (no padding)
-     */
-    pageActionsFlush: boolean;
-    /**
-     * Set to `true` if content actions should be flush (no padding)
-     */
-    contentActionsFlush: boolean;
-    context: any;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: any;
-}
-export default CDSPageHeaderBreadcrumb;

package/es-custom/components/page-header/page-header-content-text.d.ts

@@ -1,22 +0,0 @@
-/**
- * @license
- *
- * 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.
- */
-import { LitElement } from 'lit';
-/**
- * Page header Content Text.
- * @element c4p-page-header-content-text
- */
-declare class CDSPageHeaderContentText extends LitElement {
-    /**
-     * Subtitle text of the page-header-content
-     */
-    subtitle: string;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: any;
-}
-export default CDSPageHeaderContentText;

package/es-custom/components/page-header/page-header-content.d.ts

@@ -1,42 +0,0 @@
-/**
- * @license
- *
- * 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.
- */
-import { LitElement } from 'lit';
-import '@carbon/web-components/es-custom/components/tooltip/index.js';
-/**
- * Page header content.
- * @element c4p-page-header-content
- */
-declare class CDSPageHeaderContent extends LitElement {
-    /**
-     * Set to `true` if there are contextual actions
-     */
-    private _hasContextualActions;
-    /**
-     * Handles `slotchange` event.
-     */
-    protected _handleSlotChange({ target }: Event): void;
-    /**
-     * Title text of the page-header-content
-     */
-    title: string;
-    /**
-     * Set to `true` if the tag text has ellipsis applied
-     */
-    _hasEllipsisApplied: boolean;
-    /**
-     * Set to `true` if the breadcrumb bar is sitting within a grid
-     * (ie. when used in tandem with page-header-hero-image)
-     */
-    withinGrid: boolean;
-    context: any;
-    updated(): void;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: any;
-}
-export default CDSPageHeaderContent;

package/es-custom/components/page-header/page-header-hero-image.d.ts

@@ -1,18 +0,0 @@
-/**
- * @license
- *
- * 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.
- */
-import { LitElement } from 'lit';
-/**
- * Page header Hero Image.
- * @element c4p-page-header-hero-image
- */
-declare class CDSPageHeaderHeroImage extends LitElement {
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: any;
-}
-export default CDSPageHeaderHeroImage;

package/es-custom/components/page-header/page-header-scroller.d.ts

@@ -1,56 +0,0 @@
-/**
- * @license
- *
- * 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.
- */
-import '@carbon/web-components/es-custom/components/button/index.js';
-import CDSButton from '@carbon/web-components/es/components/button/button';
-/**
- * Page header Scroller button
- * @element c4p-page-header-scroller
- */
-export declare class PageHeaderScroller extends CDSButton {
-    /**
-     * Specify how the trigger should align with the tooltip
-     */
-    align: string;
-    /**
-     * Specify whether a auto align functionality should be applied
-     */
-    autoalign: boolean;
-    /**
-     * Determines whether the tooltip should close when inner content is activated (click, Enter or Space)
-     */
-    closeOnActivation: boolean;
-    /**
-     * Specify the collapse text for the scroller button
-     */
-    collapseText: string;
-    /**
-     * Specify whether the tooltip should be open when it first renders
-     */
-    defaultOpen: boolean;
-    /**
-     * Specify the duration in milliseconds to delay before displaying the tooltip
-     */
-    enterDelayMs: number;
-    /**
-     * Specify the expand text for the scroller button
-     */
-    expandText: string;
-    /**
-     * Specify the duration in milliseconds to delay before hiding the tooltip
-     */
-    leaveDelayMs: number;
-    /**
-     * Specify the size of the Button. Defaults to `md`.
-     */
-    size: string;
-    context: any;
-    protected _renderTooltipContent(): import("lit-html").TemplateResult<1>;
-    private _handleScroller;
-    render(): import("lit-html").TemplateResult<1>;
-}

package/es-custom/components/page-header/page-header-tabs.d.ts

@@ -1,18 +0,0 @@
-/**
- * @license
- *
- * 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.
- */
-import { LitElement } from 'lit';
-/**
- * Page header Tabs Bar.
- * @element c4p-page-header-tabs
- */
-declare class CDSPageHeaderTabs extends LitElement {
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: any;
-}
-export default CDSPageHeaderTabs;

package/es-custom/components/page-header/page-header-title-breadcrumb.d.ts

@@ -1,20 +0,0 @@
-/**
- * @license
- *
- * 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.
- */
-import CDSBreadcrumbItem from '@carbon/web-components/es/components/breadcrumb/breadcrumb-item';
-/**
- * Page header Title Breadcrumb
- * @element c4p-page-header-title-breadcrumb
- */
-declare class CDSPageHeaderTitleBreadcrumb extends CDSBreadcrumbItem {
-    context: any;
-    constructor();
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: any;
-}
-export default CDSPageHeaderTitleBreadcrumb;

package/es-custom/components/page-header/page-header.d.ts

@@ -1,31 +0,0 @@
-/**
- * @license
- *
- * 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.
- */
-import { LitElement } from 'lit';
-export interface pageHeaderContextType {
-    breadcrumbOffset?: number;
-    headerOffset?: number;
-    fullyCollapsed?: boolean;
-    titleClipped?: boolean;
-    contentActionsClipped?: boolean;
-    root?: CDSPageHeader | null;
-    withContent?: boolean;
-}
-/**
- * Page header.
- * @element c4p-page-header
- */
-declare class CDSPageHeader extends LitElement {
-    context: pageHeaderContextType;
-    private resizeObserver;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    render(): import("lit-html").TemplateResult<1>;
-    static styles: any;
-}
-export default CDSPageHeader;

package/es-custom/components/page-header/page-header.figma.js

@@ -1,248 +0,0 @@
-/**
- * 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.
- */
-
-import figma, { html } from '@figma/code-connect/html';
-import '@carbon/web-components/es-custom/components/button/index.js';
-import '@carbon/web-components/es-custom/components/icon-button/index.js';
-import '@carbon/web-components/es-custom/components/breadcrumb/index.js';
-import '@carbon/web-components/es-custom/components/tabs/index.js';
-import '@carbon/web-components/es-custom/components/tag/index.js';
-import { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';
-import Bee32 from '@carbon/icons/es/bee/32.js';
-import Bee16 from '@carbon/icons/es/bee/16.js';
-import Activity16 from '@carbon/icons/es/activity/16.js';
-
-/**
- * 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.
- */
-
-
-// Breadcrumb bar
-figma.connect(
-  'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=41243-6410',
-  {
-    props: {
-      icon: figma.boolean('Icon', {
-        true: html`${iconLoader(Bee16, { slot: 'icon' })}`,
-        false: undefined,
-      }),
-      contentActions: figma.boolean('Buttons', {
-        true: html`<div slot="content-actions">
-          <cds-custom-button size="md">Button</cds-custom-button>
-        </div>`,
-        false: undefined,
-      }),
-      pageActions: figma.boolean('Actions', {
-        true: html`<cds-custom-icon-button
-            slot="page-actions"
-            kind="ghost"
-            size="md"
-            align="bottom"
-          >
-            ${iconLoader(Activity16, { slot: 'icon' })}
-            <span slot="tooltip-content">action 1</span>
-          </cds-custom-icon-button>
-          <cds-custom-icon-button
-            slot="page-actions"
-            kind="ghost"
-            size="md"
-            align="bottom"
-          >
-            ${iconLoader(Activity16, { slot: 'icon' })}
-            <span slot="tooltip-content">action 2</span>
-          </cds-custom-icon-button>
-          <cds-custom-icon-button
-            slot="page-actions"
-            kind="ghost"
-            size="md"
-            align="bottom"
-          >
-            ${iconLoader(Activity16, { slot: 'icon' })}
-            <span slot="tooltip-content">action 3</span>
-          </cds-custom-icon-button>`,
-        false: undefined,
-      }),
-      border: figma.boolean('Bottom border'),
-    },
-    example: (props) => {
-      return html` <c4p-page-header-breadcrumb border=${props.border}>
-        ${props.icon}
-        <cds-custom-breadcrumb>
-          <cds-custom-breadcrumb-item>
-            <cds-custom-breadcrumb-link href="#">Breadcrumb</cds-custom-breadcrumb-link>
-          </cds-custom-breadcrumb-item>
-          <cds-custom-breadcrumb-item>
-            <cds-custom-breadcrumb-link href="#">Breadcrumb</cds-custom-breadcrumb-link>
-          </cds-custom-breadcrumb-item>
-          <cds-custom-breadcrumb-item>
-            <cds-custom-breadcrumb-link href="#">Breadcrumb</cds-custom-breadcrumb-link>
-          </cds-custom-breadcrumb-item>
-          <cds-custom-breadcrumb-item>
-            <cds-custom-breadcrumb-link href="#">Breadcrumb</cds-custom-breadcrumb-link>
-          </cds-custom-breadcrumb-item>
-        </cds-custom-breadcrumb>
-        ${props.contentActions} ${props.pageActions}
-      </c4p-page-header-breadcrumb>`;
-    },
-    imports: [
-      "import '@carbon/ibm-products-web-components/es/components/page-header/index.js'",
-    ],
-  }
-);
-
-// Tab bar
-figma.connect(
-  'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=41241-4083',
-  {
-    props: {
-      tabs: figma.boolean('Tabs', {
-        true: html`<cds-custom-tabs value="tab-1">
-          <cds-custom-tab id="tab-1" target="tab-panel-1" value="tab-1">
-            Tab label
-          </cds-custom-tab>
-          <cds-custom-tab id="tab-2" target="tab-panel-2" value="tab-2">
-            Tab label
-          </cds-custom-tab>
-        </cds-custom-tabs>`,
-        false: undefined,
-      }),
-      tags: figma.boolean('Tags', {
-        true: html`<div slot="tags">
-          <cds-custom-tag type="blue" size="md">Tag</cds-custom-tag>
-          <cds-custom-tag type="blue" size="md">Tag</cds-custom-tag>
-        </div>`,
-        false: undefined,
-      }),
-      scroller: figma.boolean('Collapsable button', {
-        true: html` <c4p-page-header-scroller slot="scroller">
-        </c4p-page-header-scroller>`,
-        false: undefined,
-      }),
-    },
-    example: (props) => {
-      return html`<c4p-page-header-tabs>
-        ${props.scroller} ${props.tabs} ${props.tags}
-      </c4p-page-header-tabs>`;
-    },
-    imports: [
-      "import '@carbon/ibm-products-web-components/es/components/page-header/index.js'",
-    ],
-  }
-);
-
-const sharedProps = {
-  title: figma.nestedProps('_Title', {
-    text: figma.string('Title text'),
-    icon: figma.boolean('Leading icon', {
-      true: html`${iconLoader(Bee32, { slot: 'icon' })}`,
-      false: undefined,
-    }),
-    tags: figma.boolean('Slot', {
-      true: html`<div slot="contextual-actions">
-        <cds-custom-tag type="blue" size="lg">Tag</cds-custom-tag>
-      </div>`,
-      false: undefined,
-    }),
-  }),
-  summary: figma.nestedProps('_Summary', {
-    text: figma.string('Summary text'),
-  }),
-};
-
-figma.connect(
-  'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=31080%3A23323',
-  {
-    variant: { Style: 'Action' },
-    props: {
-      ...sharedProps,
-      breadcrumbBar: figma.boolean('Breadcrumb bar', {
-        true: figma.children('_Breadcrumb bar'),
-        false: undefined,
-      }),
-      header: figma.nestedProps('_Content', {
-        actions: figma.boolean('Actions', {
-          true: html` <div slot="page-actions">
-            <cds-custom-button size="md">Button</cds-custom-button>
-          </div>`,
-          false: undefined,
-        }),
-        subtitle: figma.boolean('Subtitle', {
-          true: figma.textContent('Subtitle'),
-          false: undefined,
-        }),
-      }),
-      tabBar: figma.boolean('Tab bar', {
-        true: figma.children('_Tab bar'),
-        false: undefined,
-      }),
-    },
-    example: (props) =>
-      html`<c4p-page-header>
-        ${props.breadcrumbBar}
-        <c4p-page-header-content title=${props.title.text}>
-          ${props.title.icon} ${props.title.tags} ${props.header.actions}
-          <c4p-page-header-content-text subtitle=${props.header.subtitle}>
-            ${props.summary.text}
-          </c4p-page-header-content-text>
-        </c4p-page-header-content>
-        ${props.tabBar}
-      </c4p-page-header>`,
-    imports: [
-      "import '@carbon/ibm-products-web-components/es/components/page-header/index.js'",
-    ],
-  }
-);
-
-figma.connect(
-  'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=31080%3A23323',
-  {
-    variant: { Style: 'Image' },
-    props: {
-      ...sharedProps,
-      content: figma.nestedProps('_Content expressive', {
-        subtitle: figma.boolean('Subtitle', {
-          true: figma.textContent('Subtitle'),
-          false: undefined,
-        }),
-      }),
-    },
-    example: (props) => {
-      return html`<c4p-page-header>
-        <div class="cds-custom--css-grid">
-          <div
-            class="cds-custom--sm:col-span-4 cds-custom--md:col-span-4 cds-custom--lg:col-span-8 cds-custom--css-grid-column"
-          >
-            <c4p-page-header-content within-grid title=${props.title.text}>
-              ${props.title.icon} ${props.title.tags}
-              <c4p-page-header-content-text subtitle=${props.content.subtitle}>
-                ${props.summary.text}
-              </c4p-page-header-content-text>
-            </c4p-page-header-content>
-          </div>
-          <div
-            class="cds-custom--sm:col-span-0 cds-custom--md:col-span-4 cds-custom--lg:col-span-8 cds-custom--css-grid-column"
-          >
-            <c4p-page-header-hero-image>
-              <img
-                src="image1"
-                alt="a default image"
-                style="max-width:100%;height:auto"
-              />
-            </c4p-page-header-hero-image>
-          </div>
-        </div>
-      </c4p-page-header>`;
-    },
-    imports: [
-      "import '@carbon/ibm-products-web-components/es/components/page-header/index.js'",
-    ],
-  }
-);
-//# sourceMappingURL=page-header.figma.js.map

package/es-custom/components/page-header/page-header.figma.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"page-header.figma.js","sources":["../../../src/components/page-header/page-header.figma.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2025, 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\nimport figma, { html } from '@figma/code-connect/html';\nimport '@carbon/web-components/es-custom/components/button/index.js';\nimport '@carbon/web-components/es-custom/components/icon-button/index.js';\nimport '@carbon/web-components/es-custom/components/breadcrumb/index.js';\nimport '@carbon/web-components/es-custom/components/tabs/index.js';\nimport '@carbon/web-components/es-custom/components/tag/index.js';\nimport { iconLoader } from '@carbon/web-components/es/globals/internal/icon-loader.js';\n\nimport Bee32 from '@carbon/icons/es/bee/32.js';\nimport Bee16 from '@carbon/icons/es/bee/16.js';\nimport Activity16 from '@carbon/icons/es/activity/16.js';\n\n// Breadcrumb bar\nfigma.connect(\n  'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=41243-6410',\n  {\n    props: {\n      icon: figma.boolean('Icon', {\n        true: html`${iconLoader(Bee16, { slot: 'icon' })}`,\n        false: undefined,\n      }),\n      contentActions: figma.boolean('Buttons', {\n        true: html`<div slot=\"content-actions\">\n          <cds-custom-button size=\"md\">Button</cds-custom-button>\n        </div>`,\n        false: undefined,\n      }),\n      pageActions: figma.boolean('Actions', {\n        true: html`<cds-custom-icon-button\n            slot=\"page-actions\"\n            kind=\"ghost\"\n            size=\"md\"\n            align=\"bottom\"\n          >\n            ${iconLoader(Activity16, { slot: 'icon' })}\n            <span slot=\"tooltip-content\">action 1</span>\n          </cds-custom-icon-button>\n          <cds-custom-icon-button\n            slot=\"page-actions\"\n            kind=\"ghost\"\n            size=\"md\"\n            align=\"bottom\"\n          >\n            ${iconLoader(Activity16, { slot: 'icon' })}\n            <span slot=\"tooltip-content\">action 2</span>\n          </cds-custom-icon-button>\n          <cds-custom-icon-button\n            slot=\"page-actions\"\n            kind=\"ghost\"\n            size=\"md\"\n            align=\"bottom\"\n          >\n            ${iconLoader(Activity16, { slot: 'icon' })}\n            <span slot=\"tooltip-content\">action 3</span>\n          </cds-custom-icon-button>`,\n        false: undefined,\n      }),\n      border: figma.boolean('Bottom border'),\n    },\n    example: (props) => {\n      return html` <c4p-page-header-breadcrumb border=${props.border}>\n        ${props.icon}\n        <cds-custom-breadcrumb>\n          <cds-custom-breadcrumb-item>\n            <cds-custom-breadcrumb-link href=\"#\">Breadcrumb</cds-custom-breadcrumb-link>\n          </cds-custom-breadcrumb-item>\n          <cds-custom-breadcrumb-item>\n            <cds-custom-breadcrumb-link href=\"#\">Breadcrumb</cds-custom-breadcrumb-link>\n          </cds-custom-breadcrumb-item>\n          <cds-custom-breadcrumb-item>\n            <cds-custom-breadcrumb-link href=\"#\">Breadcrumb</cds-custom-breadcrumb-link>\n          </cds-custom-breadcrumb-item>\n          <cds-custom-breadcrumb-item>\n            <cds-custom-breadcrumb-link href=\"#\">Breadcrumb</cds-custom-breadcrumb-link>\n          </cds-custom-breadcrumb-item>\n        </cds-custom-breadcrumb>\n        ${props.contentActions} ${props.pageActions}\n      </c4p-page-header-breadcrumb>`;\n    },\n    imports: [\n      \"import '@carbon/ibm-products-web-components/es/components/page-header/index.js'\",\n    ],\n  }\n);\n\n// Tab bar\nfigma.connect(\n  'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=41241-4083',\n  {\n    props: {\n      tabs: figma.boolean('Tabs', {\n        true: html`<cds-custom-tabs value=\"tab-1\">\n          <cds-custom-tab id=\"tab-1\" target=\"tab-panel-1\" value=\"tab-1\">\n            Tab label\n          </cds-custom-tab>\n          <cds-custom-tab id=\"tab-2\" target=\"tab-panel-2\" value=\"tab-2\">\n            Tab label\n          </cds-custom-tab>\n        </cds-custom-tabs>`,\n        false: undefined,\n      }),\n      tags: figma.boolean('Tags', {\n        true: html`<div slot=\"tags\">\n          <cds-custom-tag type=\"blue\" size=\"md\">Tag</cds-custom-tag>\n          <cds-custom-tag type=\"blue\" size=\"md\">Tag</cds-custom-tag>\n        </div>`,\n        false: undefined,\n      }),\n      scroller: figma.boolean('Collapsable button', {\n        true: html` <c4p-page-header-scroller slot=\"scroller\">\n        </c4p-page-header-scroller>`,\n        false: undefined,\n      }),\n    },\n    example: (props) => {\n      return html`<c4p-page-header-tabs>\n        ${props.scroller} ${props.tabs} ${props.tags}\n      </c4p-page-header-tabs>`;\n    },\n    imports: [\n      \"import '@carbon/ibm-products-web-components/es/components/page-header/index.js'\",\n    ],\n  }\n);\n\nconst sharedProps = {\n  title: figma.nestedProps('_Title', {\n    text: figma.string('Title text'),\n    icon: figma.boolean('Leading icon', {\n      true: html`${iconLoader(Bee32, { slot: 'icon' })}`,\n      false: undefined,\n    }),\n    tags: figma.boolean('Slot', {\n      true: html`<div slot=\"contextual-actions\">\n        <cds-custom-tag type=\"blue\" size=\"lg\">Tag</cds-custom-tag>\n      </div>`,\n      false: undefined,\n    }),\n  }),\n  summary: figma.nestedProps('_Summary', {\n    text: figma.string('Summary text'),\n  }),\n};\n\nfigma.connect(\n  'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=31080%3A23323',\n  {\n    variant: { Style: 'Action' },\n    props: {\n      ...sharedProps,\n      breadcrumbBar: figma.boolean('Breadcrumb bar', {\n        true: figma.children('_Breadcrumb bar'),\n        false: undefined,\n      }),\n      header: figma.nestedProps('_Content', {\n        actions: figma.boolean('Actions', {\n          true: html` <div slot=\"page-actions\">\n            <cds-custom-button size=\"md\">Button</cds-custom-button>\n          </div>`,\n          false: undefined,\n        }),\n        subtitle: figma.boolean('Subtitle', {\n          true: figma.textContent('Subtitle'),\n          false: undefined,\n        }),\n      }),\n      tabBar: figma.boolean('Tab bar', {\n        true: figma.children('_Tab bar'),\n        false: undefined,\n      }),\n    },\n    example: (props) =>\n      html`<c4p-page-header>\n        ${props.breadcrumbBar}\n        <c4p-page-header-content title=${props.title.text}>\n          ${props.title.icon} ${props.title.tags} ${props.header.actions}\n          <c4p-page-header-content-text subtitle=${props.header.subtitle}>\n            ${props.summary.text}\n          </c4p-page-header-content-text>\n        </c4p-page-header-content>\n        ${props.tabBar}\n      </c4p-page-header>`,\n    imports: [\n      \"import '@carbon/ibm-products-web-components/es/components/page-header/index.js'\",\n    ],\n  }\n);\n\nfigma.connect(\n  'https://www.figma.com/design/0F9dKH2abAd7gSfvnacfWf/-v11--IBM-Products-%E2%80%93-Carbon-Design-System?node-id=31080%3A23323',\n  {\n    variant: { Style: 'Image' },\n    props: {\n      ...sharedProps,\n      content: figma.nestedProps('_Content expressive', {\n        subtitle: figma.boolean('Subtitle', {\n          true: figma.textContent('Subtitle'),\n          false: undefined,\n        }),\n      }),\n    },\n    example: (props) => {\n      return html`<c4p-page-header>\n        <div class=\"cds-custom--css-grid\">\n          <div\n            class=\"cds-custom--sm:col-span-4 cds-custom--md:col-span-4 cds-custom--lg:col-span-8 cds-custom--css-grid-column\"\n          >\n            <c4p-page-header-content within-grid title=${props.title.text}>\n              ${props.title.icon} ${props.title.tags}\n              <c4p-page-header-content-text subtitle=${props.content.subtitle}>\n                ${props.summary.text}\n              </c4p-page-header-content-text>\n            </c4p-page-header-content>\n          </div>\n          <div\n            class=\"cds-custom--sm:col-span-0 cds-custom--md:col-span-4 cds-custom--lg:col-span-8 cds-custom--css-grid-column\"\n          >\n            <c4p-page-header-hero-image>\n              <img\n                src=\"image1\"\n                alt=\"a default image\"\n                style=\"max-width:100%;height:auto\"\n              />\n            </c4p-page-header-hero-image>\n          </div>\n        </div>\n      </c4p-page-header>`;\n    },\n    imports: [\n      \"import '@carbon/ibm-products-web-components/es/components/page-header/index.js'\",\n    ],\n  }\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;;;AAcA;AACA,KAAK,CAAC,OAAO;AACb,EAAE,0HAA0H;AAC5H,EAAE;AACF,IAAI,KAAK,EAAE;AACX,MAAM,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE;AAClC,QAAQ,IAAI,EAAE,IAAI,CAAC,EAAE,UAAU,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;AAC1D,QAAQ,KAAK,EAAE,SAAS;AACxB,OAAO,CAAC;AACR,MAAM,cAAc,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE;AAC/C,QAAQ,IAAI,EAAE,IAAI,CAAC;AACnB;AACA,cAAc,CAAC;AACf,QAAQ,KAAK,EAAE,SAAS;AACxB,OAAO,CAAC;AACR,MAAM,WAAW,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE;AAC5C,QAAQ,IAAI,EAAE,IAAI,CAAC;AACnB;AACA;AACA;AACA;AACA;AACA,YAAY,EAAE,UAAU,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAY,EAAE,UAAU,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,YAAY,EAAE,UAAU,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACtD;AACA,4BAA4B,CAAC;AAC7B,QAAQ,KAAK,EAAE,SAAS;AACxB,OAAO,CAAC;AACR,MAAM,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,eAAe,CAAC;AAC5C,KAAK;AACL,IAAI,OAAO,EAAE,CAAC,KAAK,KAAK;AACxB,MAAM,OAAO,IAAI,CAAC,oCAAoC,EAAE,KAAK,CAAC,MAAM,CAAC;AACrE,QAAQ,EAAE,KAAK,CAAC,IAAI;AACpB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,QAAQ,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW;AACnD,mCAAmC,CAAC;AACpC,IAAI,CAAC;AACL,IAAI,OAAO,EAAE;AACb,MAAM,iFAAiF;AACvF,KAAK;AACL;AACA,CAAC;;AAED;AACA,KAAK,CAAC,OAAO;AACb,EAAE,0HAA0H;AAC5H,EAAE;AACF,IAAI,KAAK,EAAE;AACX,MAAM,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE;AAClC,QAAQ,IAAI,EAAE,IAAI,CAAC;AACnB;AACA;AACA;AACA;AACA;AACA;AACA,mBAAmB,CAAC;AACpB,QAAQ,KAAK,EAAE,SAAS;AACxB,OAAO,CAAC;AACR,MAAM,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE;AAClC,QAAQ,IAAI,EAAE,IAAI,CAAC;AACnB;AACA;AACA,cAAc,CAAC;AACf,QAAQ,KAAK,EAAE,SAAS;AACxB,OAAO,CAAC;AACR,MAAM,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,oBAAoB,EAAE;AACpD,QAAQ,IAAI,EAAE,IAAI,CAAC;AACnB,mCAAmC,CAAC;AACpC,QAAQ,KAAK,EAAE,SAAS;AACxB,OAAO,CAAC;AACR,KAAK;AACL,IAAI,OAAO,EAAE,CAAC,KAAK,KAAK;AACxB,MAAM,OAAO,IAAI,CAAC;AAClB,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC,IAAI;AACpD,6BAA6B,CAAC;AAC9B,IAAI,CAAC;AACL,IAAI,OAAO,EAAE;AACb,MAAM,iFAAiF;AACvF,KAAK;AACL;AACA,CAAC;;AAED,MAAM,WAAW,GAAG;AACpB,EAAE,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,QAAQ,EAAE;AACrC,IAAI,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,YAAY,CAAC;AACpC,IAAI,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,cAAc,EAAE;AACxC,MAAM,IAAI,EAAE,IAAI,CAAC,EAAE,UAAU,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;AACxD,MAAM,KAAK,EAAE,SAAS;AACtB,KAAK,CAAC;AACN,IAAI,IAAI,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE;AAChC,MAAM,IAAI,EAAE,IAAI,CAAC;AACjB;AACA,YAAY,CAAC;AACb,MAAM,KAAK,EAAE,SAAS;AACtB,KAAK,CAAC;AACN,GAAG,CAAC;AACJ,EAAE,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE;AACzC,IAAI,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,cAAc,CAAC;AACtC,GAAG,CAAC;AACJ,CAAC;;AAED,KAAK,CAAC,OAAO;AACb,EAAE,6HAA6H;AAC/H,EAAE;AACF,IAAI,OAAO,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE;AAChC,IAAI,KAAK,EAAE;AACX,MAAM,GAAG,WAAW;AACpB,MAAM,aAAa,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,EAAE;AACrD,QAAQ,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,iBAAiB,CAAC;AAC/C,QAAQ,KAAK,EAAE,SAAS;AACxB,OAAO,CAAC;AACR,MAAM,MAAM,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE;AAC5C,QAAQ,OAAO,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE;AAC1C,UAAU,IAAI,EAAE,IAAI,CAAC;AACrB;AACA,gBAAgB,CAAC;AACjB,UAAU,KAAK,EAAE,SAAS;AAC1B,SAAS,CAAC;AACV,QAAQ,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE;AAC5C,UAAU,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC;AAC7C,UAAU,KAAK,EAAE,SAAS;AAC1B,SAAS,CAAC;AACV,OAAO,CAAC;AACR,MAAM,MAAM,EAAE,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE;AACvC,QAAQ,IAAI,EAAE,KAAK,CAAC,QAAQ,CAAC,UAAU,CAAC;AACxC,QAAQ,KAAK,EAAE,SAAS;AACxB,OAAO,CAAC;AACR,KAAK;AACL,IAAI,OAAO,EAAE,CAAC,KAAK;AACnB,MAAM,IAAI,CAAC;AACX,QAAQ,EAAE,KAAK,CAAC,aAAa;AAC7B,uCAAuC,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;AAC1D,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;AACxE,iDAAiD,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC;AACzE,YAAY,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AAChC;AACA;AACA,QAAQ,EAAE,KAAK,CAAC,MAAM;AACtB,wBAAwB,CAAC;AACzB,IAAI,OAAO,EAAE;AACb,MAAM,iFAAiF;AACvF,KAAK;AACL;AACA,CAAC;;AAED,KAAK,CAAC,OAAO;AACb,EAAE,6HAA6H;AAC/H,EAAE;AACF,IAAI,OAAO,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE;AAC/B,IAAI,KAAK,EAAE;AACX,MAAM,GAAG,WAAW;AACpB,MAAM,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,qBAAqB,EAAE;AACxD,QAAQ,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,EAAE;AAC5C,UAAU,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,UAAU,CAAC;AAC7C,UAAU,KAAK,EAAE,SAAS;AAC1B,SAAS,CAAC;AACV,OAAO,CAAC;AACR,KAAK;AACL,IAAI,OAAO,EAAE,CAAC,KAAK,KAAK;AACxB,MAAM,OAAO,IAAI,CAAC;AAClB;AACA;AACA;AACA;AACA,uDAAuD,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC;AAC1E,cAAc,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI;AACpD,qDAAqD,EAAE,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;AAC9E,gBAAgB,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI;AACpC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,wBAAwB,CAAC;AACzB,IAAI,CAAC;AACL,IAAI,OAAO,EAAE;AACb,MAAM,iFAAiF;AACvF,KAAK;AACL;AACA,CAAC"}

package/es-custom/components/page-header/page-header.test.d.ts

@@ -1 +0,0 @@
-import './index';