@carbon/ibm-products-web-components 0.36.0 → 0.37.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/custom-elements.json +227 -26
- package/es/components/action-set/action-set.d.ts +109 -0
- package/es/components/action-set/action-set.d.ts.map +1 -0
- package/es/components/action-set/action-set.js +275 -0
- package/es/components/action-set/action-set.js.map +1 -0
- package/es/components/action-set/action-set.scss.js +15 -0
- package/es/components/action-set/action-set.scss.js.map +1 -0
- package/es/components/action-set/index.d.ts +11 -0
- package/es/components/action-set/index.d.ts.map +1 -0
- package/es/components/action-set/index.js +8 -0
- package/es/components/big-number/big-number-skeleton.js +1 -1
- package/es/components/big-number/big-number.js +1 -1
- package/es/components/checklist/checklist-icon.js +1 -1
- package/es/components/checklist/checklist-item.js +1 -1
- package/es/components/checklist/checklist.js +1 -1
- package/es/components/coachmark/coachmark-tagline/coachmark-tagline.d.ts +1 -0
- package/es/components/coachmark/coachmark-tagline/coachmark-tagline.d.ts.map +1 -1
- package/es/components/coachmark/coachmark-tagline/coachmark-tagline.js +4 -1
- package/es/components/coachmark/coachmark-tagline/coachmark-tagline.js.map +1 -1
- package/es/components/coachmark/coachmark-tagline/coachmark-tagline.scss.js +1 -1
- package/es/components/coachmark/coachmark-tagline/coachmark-tagline.scss.js.map +1 -1
- package/es/components/coachmark/coachmark.d.ts +5 -1
- package/es/components/coachmark/coachmark.d.ts.map +1 -1
- package/es/components/coachmark/coachmark.js +10 -5
- package/es/components/coachmark/coachmark.js.map +1 -1
- package/es/components/guide-banner/guide-banner.js +2 -2
- package/es/components/interstitial-screen/interstitial-screen-body.js +1 -1
- package/es/components/interstitial-screen/interstitial-screen-body.scss.js +1 -1
- package/es/components/interstitial-screen/interstitial-screen-body.scss.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen-footer.d.ts +1 -0
- package/es/components/interstitial-screen/interstitial-screen-footer.d.ts.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen-footer.js +20 -19
- package/es/components/interstitial-screen/interstitial-screen-footer.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen-footer.scss.js +1 -1
- package/es/components/interstitial-screen/interstitial-screen-footer.scss.js.map +1 -1
- package/es/components/interstitial-screen/interstitial-screen-header.scss.js +1 -1
- package/es/components/interstitial-screen/interstitial-screen.scss.js +1 -1
- package/es/components/notification-panel/notification-panel.js +2 -2
- package/es/components/notification-panel/notification.js +1 -1
- package/es/components/options-tile/options-tile.js +2 -2
- package/es/components/page-header/page-header-breadcrumb.js +1 -1
- package/es/components/page-header/page-header-content.js +1 -1
- package/es/components/page-header/page-header-scroller.js +2 -2
- package/es/components/side-panel/side-panel.js +2 -2
- package/es/components/tearsheet/tearsheet.js +2 -2
- package/es/components/tearsheet-preview/tearsheet-scroller.js +2 -2
- package/es/components/truncated-text/truncated-text.js +1 -1
- package/es/components/user-avatar/user-avatar.js +1 -1
- package/es/index.d.ts +1 -0
- package/es/index.d.ts.map +1 -1
- package/es/index.js +2 -1
- package/es/package.js +1 -1
- package/es-custom/components/action-set/action-set.js +275 -0
- package/es-custom/components/action-set/action-set.js.map +1 -0
- package/es-custom/components/action-set/action-set.scss.js +15 -0
- package/es-custom/components/action-set/action-set.scss.js.map +1 -0
- package/es-custom/components/action-set/index.js +8 -0
- package/es-custom/components/big-number/big-number-skeleton.js +1 -1
- package/es-custom/components/big-number/big-number.js +1 -1
- package/es-custom/components/checklist/checklist-icon.js +1 -1
- package/es-custom/components/checklist/checklist-item.js +1 -1
- package/es-custom/components/checklist/checklist.js +1 -1
- package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.js +4 -1
- package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.js.map +1 -1
- package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.scss.js +1 -1
- package/es-custom/components/coachmark/coachmark-tagline/coachmark-tagline.scss.js.map +1 -1
- package/es-custom/components/coachmark/coachmark.js +10 -5
- package/es-custom/components/coachmark/coachmark.js.map +1 -1
- package/es-custom/components/guide-banner/guide-banner.js +2 -2
- package/es-custom/components/interstitial-screen/interstitial-screen-body.js +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-body.scss.js +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-body.scss.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.js +20 -19
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.scss.js +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-footer.scss.js.map +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen-header.scss.js +1 -1
- package/es-custom/components/interstitial-screen/interstitial-screen.scss.js +1 -1
- package/es-custom/components/notification-panel/notification-panel.js +2 -2
- package/es-custom/components/notification-panel/notification.js +1 -1
- package/es-custom/components/options-tile/options-tile.js +2 -2
- package/es-custom/components/page-header/page-header-breadcrumb.js +1 -1
- package/es-custom/components/page-header/page-header-content.js +1 -1
- package/es-custom/components/page-header/page-header-scroller.js +2 -2
- package/es-custom/components/side-panel/side-panel.js +2 -2
- package/es-custom/components/tearsheet/tearsheet.js +2 -2
- package/es-custom/components/tearsheet-preview/tearsheet-scroller.js +2 -2
- package/es-custom/components/truncated-text/truncated-text.js +1 -1
- package/es-custom/components/user-avatar/user-avatar.js +1 -1
- package/es-custom/index.js +2 -1
- package/es-custom/package.js +1 -1
- package/lib/components/action-set/action-set.d.ts +109 -0
- package/lib/components/action-set/action-set.d.ts.map +1 -0
- package/lib/components/action-set/index.d.ts +11 -0
- package/lib/components/action-set/index.d.ts.map +1 -0
- package/lib/components/coachmark/coachmark-tagline/coachmark-tagline.d.ts +1 -0
- package/lib/components/coachmark/coachmark-tagline/coachmark-tagline.d.ts.map +1 -1
- package/lib/components/coachmark/coachmark.d.ts +5 -1
- package/lib/components/coachmark/coachmark.d.ts.map +1 -1
- package/lib/components/interstitial-screen/interstitial-screen-footer.d.ts +1 -0
- package/lib/components/interstitial-screen/interstitial-screen-footer.d.ts.map +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.d.ts.map +1 -1
- package/package.json +4 -4
- package/scss/components/action-set/action-set.scss +71 -0
- package/scss/components/coachmark/coachmark-tagline/coachmark-tagline.scss +18 -0
- package/scss/components/interstitial-screen/interstitial-screen-body.scss +6 -0
- package/scss/components/interstitial-screen/interstitial-screen-footer.scss +34 -6
- package/telemetry.yml +11 -0
|
@@ -9,12 +9,12 @@ import { prefix } from "../../globals/settings.js";
|
|
|
9
9
|
import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
|
|
10
10
|
import { pageHeaderContext } from "./context.js";
|
|
11
11
|
import { scrollableAncestorInner } from "./utils.js";
|
|
12
|
+
import { classMap } from "lit/directives/class-map.js";
|
|
12
13
|
import { html } from "lit";
|
|
13
14
|
import { property } from "lit/decorators.js";
|
|
15
|
+
import '@carbon/web-components/es-custom/components/button/index.js';
|
|
14
16
|
import { carbonElement } from "@carbon/web-components/es/globals/decorators/carbon-element.js";
|
|
15
17
|
import { iconLoader } from "@carbon/web-components/es/globals/internal/icon-loader.js";
|
|
16
|
-
import '@carbon/web-components/es-custom/components/button/index.js';
|
|
17
|
-
import { classMap } from "lit/directives/class-map.js";
|
|
18
18
|
import Chevron20 from "@carbon/icons/es/chevron--up/20";
|
|
19
19
|
import CDSButton from "@carbon/web-components/es/components/button/button";
|
|
20
20
|
import ChevronDown20 from "@carbon/icons/es/chevron--down/20";
|
|
@@ -6,11 +6,12 @@
|
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
import { carbonPrefix, prefix } from "../../globals/settings.js";
|
|
9
|
+
import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
|
|
9
10
|
import { SIDE_PANEL_PLACEMENT, SIDE_PANEL_SIZE } from "./defs.js";
|
|
10
11
|
import side_panel_default$1 from "./side-panel.scss.js";
|
|
11
|
-
import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
|
|
12
12
|
import { LitElement, html } from "lit";
|
|
13
13
|
import { property, query, queryAssignedElements, state } from "lit/decorators.js";
|
|
14
|
+
import '@carbon/web-components/es-custom/components/button/index.js';
|
|
14
15
|
import HostListener from "@carbon/web-components/es/globals/decorators/host-listener.js";
|
|
15
16
|
import HostListenerMixin from "@carbon/web-components/es/globals/mixins/host-listener.js";
|
|
16
17
|
import { selectorTabbable } from "@carbon/web-components/es/globals/settings.js";
|
|
@@ -19,7 +20,6 @@ import ArrowLeft16 from "@carbon/icons/es/arrow--left/16";
|
|
|
19
20
|
import Close from "@carbon/icons/es/close/16";
|
|
20
21
|
import { iconLoader } from "@carbon/web-components/es/globals/internal/icon-loader.js";
|
|
21
22
|
import { moderate02 } from "@carbon/motion";
|
|
22
|
-
import '@carbon/web-components/es-custom/components/button/index.js';
|
|
23
23
|
import '@carbon/web-components/es-custom/components/button/button-set-base.js';
|
|
24
24
|
import '@carbon/web-components/es-custom/components/icon-button/index.js';
|
|
25
25
|
import '@carbon/web-components/es-custom/components/layer/index.js';
|
|
@@ -6,17 +6,17 @@
|
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
import { carbonPrefix, prefix } from "../../globals/settings.js";
|
|
9
|
+
import pconsole_default from "../../globals/internal/pconsole.js";
|
|
9
10
|
import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
|
|
10
11
|
import tearsheet_default$1 from "./tearsheet.scss.js";
|
|
11
|
-
import pconsole_default from "../../globals/internal/pconsole.js";
|
|
12
12
|
import { TEARSHEET_INFLUENCER_PLACEMENT, TEARSHEET_INFLUENCER_WIDTH, TEARSHEET_WIDTH } from "./defs.js";
|
|
13
13
|
import { LitElement, html } from "lit";
|
|
14
14
|
import { property, query, queryAssignedElements, state } from "lit/decorators.js";
|
|
15
|
+
import '@carbon/web-components/es-custom/components/button/index.js';
|
|
15
16
|
import HostListener from "@carbon/web-components/es/globals/decorators/host-listener.js";
|
|
16
17
|
import HostListenerMixin from "@carbon/web-components/es/globals/mixins/host-listener.js";
|
|
17
18
|
import { selectorTabbable } from "@carbon/web-components/es/globals/settings.js";
|
|
18
19
|
import { carbonElement } from "@carbon/web-components/es/globals/decorators/carbon-element.js";
|
|
19
|
-
import '@carbon/web-components/es-custom/components/button/index.js';
|
|
20
20
|
import '@carbon/web-components/es-custom/components/button/button-set-base.js';
|
|
21
21
|
import '@carbon/web-components/es-custom/components/layer/index.js';
|
|
22
22
|
import '@carbon/web-components/es-custom/components/modal/index.js';
|
|
@@ -8,13 +8,13 @@
|
|
|
8
8
|
import { prefix } from "../../globals/settings.js";
|
|
9
9
|
import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
|
|
10
10
|
import { tearsheetSignal } from "./tearsheet-signal.js";
|
|
11
|
+
import { classMap } from "lit/directives/class-map.js";
|
|
11
12
|
import { css, html } from "lit";
|
|
12
13
|
import { property } from "lit/decorators.js";
|
|
14
|
+
import '@carbon/web-components/es-custom/components/button/index.js';
|
|
13
15
|
import { carbonElement } from "@carbon/web-components/es/globals/decorators/carbon-element.js";
|
|
14
16
|
import { iconLoader } from "@carbon/web-components/es/globals/internal/icon-loader.js";
|
|
15
|
-
import '@carbon/web-components/es-custom/components/button/index.js';
|
|
16
17
|
import '@carbon/web-components/es-custom/components/icon-button/index.js';
|
|
17
|
-
import { classMap } from "lit/directives/class-map.js";
|
|
18
18
|
import Chevron20 from "@carbon/icons/es/chevron--up/20";
|
|
19
19
|
import '@carbon/web-components/es-custom/components/popover/popover-content.js';
|
|
20
20
|
import CDSButton from "@carbon/web-components/es/components/button/button";
|
|
@@ -8,10 +8,10 @@
|
|
|
8
8
|
import { carbonPrefix, prefix } from "../../globals/settings.js";
|
|
9
9
|
import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
|
|
10
10
|
import truncated_text_default$1 from "./truncated-text.scss.js";
|
|
11
|
+
import { classMap } from "lit/directives/class-map.js";
|
|
11
12
|
import { LitElement, html } from "lit";
|
|
12
13
|
import { property, query, state } from "lit/decorators.js";
|
|
13
14
|
import { carbonElement } from "@carbon/web-components/es/globals/decorators/carbon-element.js";
|
|
14
|
-
import { classMap } from "lit/directives/class-map.js";
|
|
15
15
|
import { styleMap } from "lit/directives/style-map.js";
|
|
16
16
|
import '@carbon/web-components/es-custom/components/tooltip/index.js';
|
|
17
17
|
import '@carbon/web-components/es-custom/components/button/button.js';
|
|
@@ -8,12 +8,12 @@
|
|
|
8
8
|
import { carbonPrefix, prefix } from "../../globals/settings.js";
|
|
9
9
|
import { __decorate } from "../../_virtual/_@oxc-project_runtime@0.112.0/helpers/decorate.js";
|
|
10
10
|
import user_avatar_default$1 from "./user-avatar.scss.js";
|
|
11
|
+
import { classMap } from "lit/directives/class-map.js";
|
|
11
12
|
import { LitElement, html } from "lit";
|
|
12
13
|
import { property } from "lit/decorators.js";
|
|
13
14
|
import HostListenerMixin from "@carbon/web-components/es/globals/mixins/host-listener.js";
|
|
14
15
|
import { carbonElement } from "@carbon/web-components/es/globals/decorators/carbon-element.js";
|
|
15
16
|
import { iconLoader } from "@carbon/web-components/es/globals/internal/icon-loader.js";
|
|
16
|
-
import { classMap } from "lit/directives/class-map.js";
|
|
17
17
|
import '@carbon/web-components/es-custom/components/tooltip/index.js';
|
|
18
18
|
import User from "@carbon/icons/es/user/16";
|
|
19
19
|
|
package/es-custom/index.js
CHANGED
|
@@ -5,6 +5,7 @@
|
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
|
+
import action_set_default from "./components/action-set/action-set.js";
|
|
8
9
|
import side_panel_default from "./components/side-panel/side-panel.js";
|
|
9
10
|
import tearsheet_default from "./components/tearsheet/tearsheet.js";
|
|
10
11
|
import tearsheet_default$1 from "./components/tearsheet-preview/tearsheet.js";
|
|
@@ -35,4 +36,4 @@ import coachmark_tagline_default from "./components/coachmark/coachmark-tagline/
|
|
|
35
36
|
import big_number_skeleton_default from "./components/big-number/big-number-skeleton.js";
|
|
36
37
|
import big_number_default from "./components/big-number/big-number.js";
|
|
37
38
|
|
|
38
|
-
export { about_modal_default as CDSAboutModal, big_number_default as CDSBigNumber, big_number_skeleton_default as CDSBigNumberSkeleton, coachmark_default as CDSCoachmark, coachmark_beacon_default as CDSCoachmarkBeacon, coachmark_tagline_default as CDSCoachmarkTagline, full_page_error_default as CDSFullPageError, guide_banner_default as CDSGuideBanner, guide_banner_element_default as CDSGuideBannerElement, options_tile_default as CDSOptionsTile, page_header_default as CDSPageHeader, page_header_breadcrumb_default as CDSPageHeaderBreadcrumb, page_header_content_default as CDSPageHeaderContent, page_header_content_text_default as CDSPageHeaderContentText, page_header_hero_image_default as CDSPageHeaderHeroImage, page_header_tabs_default as CDSPageHeaderTabs, side_panel_default as CDSSidePanel, tearsheet_default as CDSTearsheet, tearsheet_body_default as CDSTearsheetBody, tearsheet_footer_default as CDSTearsheetFooter, tearsheet_header_default as CDSTearsheetHeader, tearsheet_header_content_default as CDSTearsheetHeaderContent, tearsheet_influencer_default as CDSTearsheetInfluencer, tearsheet_navigation_bar_default as CDSTearsheetNavigationBar, tearsheet_default$1 as CDSTearsheetPreview, tearsheet_scroller_default as CDSTearsheetScroller, tearsheet_summary_content_default as CDSTearsheetSummaryContent, truncated_text_default as CDSTruncatedText, user_avatar_default as CDSUserAvatar };
|
|
39
|
+
export { about_modal_default as CDSAboutModal, action_set_default as CDSActionSet, big_number_default as CDSBigNumber, big_number_skeleton_default as CDSBigNumberSkeleton, coachmark_default as CDSCoachmark, coachmark_beacon_default as CDSCoachmarkBeacon, coachmark_tagline_default as CDSCoachmarkTagline, full_page_error_default as CDSFullPageError, guide_banner_default as CDSGuideBanner, guide_banner_element_default as CDSGuideBannerElement, options_tile_default as CDSOptionsTile, page_header_default as CDSPageHeader, page_header_breadcrumb_default as CDSPageHeaderBreadcrumb, page_header_content_default as CDSPageHeaderContent, page_header_content_text_default as CDSPageHeaderContentText, page_header_hero_image_default as CDSPageHeaderHeroImage, page_header_tabs_default as CDSPageHeaderTabs, side_panel_default as CDSSidePanel, tearsheet_default as CDSTearsheet, tearsheet_body_default as CDSTearsheetBody, tearsheet_footer_default as CDSTearsheetFooter, tearsheet_header_default as CDSTearsheetHeader, tearsheet_header_content_default as CDSTearsheetHeaderContent, tearsheet_influencer_default as CDSTearsheetInfluencer, tearsheet_navigation_bar_default as CDSTearsheetNavigationBar, tearsheet_default$1 as CDSTearsheetPreview, tearsheet_scroller_default as CDSTearsheetScroller, tearsheet_summary_content_default as CDSTearsheetSummaryContent, truncated_text_default as CDSTruncatedText, user_avatar_default as CDSUserAvatar };
|
package/es-custom/package.js
CHANGED
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2026
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
import { LitElement } from 'lit';
|
|
10
|
+
import CDSButton from '@carbon/web-components/es/components/button/button.js';
|
|
11
|
+
import '@carbon/web-components/es/components/button/index.js';
|
|
12
|
+
export declare const ButtonSizes: readonly ["sm", "md", "lg", "xl", "2xl"];
|
|
13
|
+
export type ButtonSize = (typeof ButtonSizes)[number];
|
|
14
|
+
export type ButtonKind = 'primary' | 'secondary' | 'tertiary' | 'danger' | 'ghost' | 'danger--ghost';
|
|
15
|
+
/**
|
|
16
|
+
* Action button configuration that extends CDSButton properties.
|
|
17
|
+
* Includes all standard button attributes plus custom action-specific properties.
|
|
18
|
+
*/
|
|
19
|
+
export interface ActionButton extends Partial<Omit<CDSButton, 'kind'>> {
|
|
20
|
+
kind?: ButtonKind;
|
|
21
|
+
label?: string;
|
|
22
|
+
loading?: boolean;
|
|
23
|
+
onClick?: (event: Event) => void;
|
|
24
|
+
[key: string]: any;
|
|
25
|
+
}
|
|
26
|
+
/**
|
|
27
|
+
* Action Set component - A specialized button set with validation and ordering logic.
|
|
28
|
+
* Extends Carbon's button-set with additional features for action buttons.
|
|
29
|
+
*
|
|
30
|
+
* @element c4p-action-set
|
|
31
|
+
* @slot - Slot for cds-button elements (used when actions prop is not provided)
|
|
32
|
+
*/
|
|
33
|
+
export declare class CDSActionSet extends LitElement {
|
|
34
|
+
/**
|
|
35
|
+
* Number of slotted buttons (computed internally).
|
|
36
|
+
*/
|
|
37
|
+
private _slottedButtonCount;
|
|
38
|
+
/**
|
|
39
|
+
* Computed property: `true` if the buttons are currently stacked.
|
|
40
|
+
* This is derived from size, disableStacking, and button count.
|
|
41
|
+
*/
|
|
42
|
+
get stacked(): boolean;
|
|
43
|
+
/**
|
|
44
|
+
* The size of buttons to use for the actions.
|
|
45
|
+
*/
|
|
46
|
+
buttonSize?: ButtonSize;
|
|
47
|
+
/**
|
|
48
|
+
* The size of the action set. Different button arrangements are used at
|
|
49
|
+
* different sizes, to make best use of the available space.
|
|
50
|
+
*/
|
|
51
|
+
size: ButtonSize;
|
|
52
|
+
/**
|
|
53
|
+
* When true, prevents automatic stacking of buttons even when size would
|
|
54
|
+
* normally trigger stacking (e.g., 'sm' size or 'md' with 3+ actions).
|
|
55
|
+
* Buttons will remain in a horizontal layout.
|
|
56
|
+
*/
|
|
57
|
+
disableStacking: boolean;
|
|
58
|
+
/**
|
|
59
|
+
* Array of action button configurations. When provided, buttons will be
|
|
60
|
+
* rendered internally instead of using slotted content.
|
|
61
|
+
*/
|
|
62
|
+
actions: ActionButton[];
|
|
63
|
+
static styles: any;
|
|
64
|
+
/**
|
|
65
|
+
* Applies common button styling (size, classes, expressive attribute)
|
|
66
|
+
* @private
|
|
67
|
+
*/
|
|
68
|
+
private _applyButtonStyles;
|
|
69
|
+
/**
|
|
70
|
+
* Processes actions: validates, determines stacking, and sorts
|
|
71
|
+
* @private
|
|
72
|
+
*/
|
|
73
|
+
private _processActions;
|
|
74
|
+
/**
|
|
75
|
+
* Handler for @slotchange, processes and orders buttons based on ActionSet logic
|
|
76
|
+
*
|
|
77
|
+
* @private
|
|
78
|
+
*/
|
|
79
|
+
protected _handleSlotChange(event: Event): void;
|
|
80
|
+
/**
|
|
81
|
+
* Reorders the button elements in the DOM based on the sorted actions
|
|
82
|
+
* and applies appropriate styling
|
|
83
|
+
*
|
|
84
|
+
* @private
|
|
85
|
+
*/
|
|
86
|
+
private _reorderButtons;
|
|
87
|
+
/**
|
|
88
|
+
* When a button within the action-set is focused, hide the margin on both sides
|
|
89
|
+
* of the focused button, by applying the appropriate styles to its sibling
|
|
90
|
+
*
|
|
91
|
+
* @private
|
|
92
|
+
*/
|
|
93
|
+
private _hideSiblingMargin;
|
|
94
|
+
connectedCallback(): void;
|
|
95
|
+
disconnectedCallback(): void;
|
|
96
|
+
/**
|
|
97
|
+
* Renders buttons from the actions prop
|
|
98
|
+
* @private
|
|
99
|
+
*/
|
|
100
|
+
private _renderActionsFromProp;
|
|
101
|
+
render(): import("lit-html").TemplateResult<1>;
|
|
102
|
+
}
|
|
103
|
+
declare global {
|
|
104
|
+
interface HTMLElementTagNameMap {
|
|
105
|
+
'c4p-action-set': CDSActionSet;
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
export default CDSActionSet;
|
|
109
|
+
//# sourceMappingURL=action-set.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"action-set.d.ts","sourceRoot":"","sources":["../../../src/components/action-set/action-set.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAGH,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC,OAAO,SAAS,MAAM,uDAAuD,CAAC;AAC9E,OAAO,sDAAsD,CAAC;AAK9D,eAAO,MAAM,WAAW,0CAA2C,CAAC;AACpE,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAC;AAEtD,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,WAAW,GACX,UAAU,GACV,QAAQ,GACR,OAAO,GACP,eAAe,CAAC;AAEpB;;;GAGG;AACH,MAAM,WAAW,YAAa,SAAQ,OAAO,CAAC,IAAI,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC;IAEpE,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IAGjC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AA6GD;;;;;;GAMG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C;;OAEG;IAEH,OAAO,CAAC,mBAAmB,CAAK;IAEhC;;;OAGG;IACH,IAAI,OAAO,IAAI,OAAO,CAGrB;IAED;;OAEG;IAEH,UAAU,CAAC,EAAE,UAAU,CAAC;IAExB;;;OAGG;IAEH,IAAI,EAAE,UAAU,CAAQ;IAExB;;;;OAIG;IAEH,eAAe,EAAE,OAAO,CAAS;IAEjC;;;OAGG;IAEH,OAAO,EAAE,YAAY,EAAE,CAAM;IAE7B,MAAM,CAAC,MAAM,MAAU;IAEvB;;;OAGG;IACH,OAAO,CAAC,kBAAkB;IAc1B;;;OAGG;IACH,OAAO,CAAC,eAAe;IAoBvB;;;;OAIG;IACH,SAAS,CAAC,iBAAiB,CAAC,KAAK,EAAE,KAAK;IA6CxC;;;;;OAKG;IACH,OAAO,CAAC,eAAe;IAmBvB;;;;;OAKG;IACH,OAAO,CAAC,kBAAkB,CA+BxB;IAEF,iBAAiB;IAMjB,oBAAoB;IAMpB;;;OAGG;IACH,OAAO,CAAC,sBAAsB;IA8D9B,MAAM;CAyCP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF;AAED,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
*
|
|
4
|
+
* Copyright IBM Corp. 2026
|
|
5
|
+
*
|
|
6
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
|
+
* LICENSE file in the root directory of this source tree.
|
|
8
|
+
*/
|
|
9
|
+
import './action-set';
|
|
10
|
+
export type { ActionButton, ButtonSize, ButtonKind } from './action-set';
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/action-set/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,cAAc,CAAC;AAEtB,YAAY,EAAE,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"coachmark-tagline.d.ts","sourceRoot":"","sources":["../../../../src/components/coachmark/coachmark-tagline/coachmark-tagline.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAQvC,OAAO,uDAAuD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BAqBtD,CAAC;gJAWJ,CAAC;
|
|
1
|
+
{"version":3,"file":"coachmark-tagline.d.ts","sourceRoot":"","sources":["../../../../src/components/coachmark/coachmark-tagline/coachmark-tagline.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAQvC,OAAO,uDAAuD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BAqBtD,CAAC;gJAWJ,CAAC;4FAOL,CAAA;mJAKQ,CAAC;+FAOS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BA+Cf,CAAC;;;;;;;;;;;;;;;;;;;;;;;uBAwBmgD,CAAC;;;;;;;;;;;;;iCAA4xB,CAAC;kCAAuE,CAAC;sBAA4D,CAAC;;wBAA8F,CAAC;;0BAAkG,CAAC;wBAAkE,CAAC;;;;;;;;oDAAme,CAAC;;;;;;;;;;;;;;;;;yBAA4vB,CAAC;;;2BAAkJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gFAAiiH,CAAC;6BAA8E,CAAC;cAAoD,GAAG;eAAgD,GAAG;;oBAA6E,GAAG;;;;;;;eAA4V,GAAG;gBAAiD,GAAG;;;;;;;;;;;wBAAupC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAiiO,CAAC;kBAA6F,CAAC;mBAA8F,CAAC;oBAA+F,CAAC;;;;;;;;;;;;;;aAAulC,CAAC;;;qBAA+E,CAAC;;;;;uBAAqS,CAAC;;;;;AArH3okB;;;;;;;;;GASG;AACH,cACM,mBAAoB,SAAQ,wBAA6B;IAC7D;;OAEG;IAEH,oBAAoB,SAAW;IAE/B;;OAEG;IAEH,KAAK,SAAM;IAEX;;OAEG;IAEH,IAAI,UAAS;IAEb,YAAY;IAIZ,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAS/C;;OAEG;IACH,OAAO,CAAC,YAAY;IASpB;;OAEG;IACH,OAAO,CAAC,eAAe;IAYvB;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAY7B,MAAM;IAwBN,MAAM,CAAC,iBAAiB;;;;;MAGtB;IAEF,MAAM,CAAC,MAAM,MAAU;CACxB;AACD,eAAe,mBAAmB,CAAC"}
|
|
@@ -408,12 +408,16 @@ declare class CDSCoachmark extends CDSCoachmark_base {
|
|
|
408
408
|
* Specify whether a drop shadow should be rendered on the popover.
|
|
409
409
|
*/
|
|
410
410
|
dropShadow?: boolean;
|
|
411
|
+
/**
|
|
412
|
+
* Specify whether a caret should be rendered on the popover. This is intended to use only for coachmark patterns.
|
|
413
|
+
*/
|
|
414
|
+
caret?: boolean;
|
|
411
415
|
private dragCleanup;
|
|
412
416
|
disconnectedCallback(): void;
|
|
413
417
|
private setupDraggable;
|
|
414
418
|
firstUpdated(): void;
|
|
415
419
|
updated(changedProps: Map<string, unknown>): void;
|
|
416
|
-
private
|
|
420
|
+
private handlePopoverClosed;
|
|
417
421
|
render(): import("lit-html").TemplateResult<1>;
|
|
418
422
|
/**
|
|
419
423
|
* The name of the custom event fired when this coachmark is opened.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"coachmark.d.ts","sourceRoot":"","sources":["../../../src/components/coachmark/coachmark.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,OAAO,uDAAuD,CAAC;AAQ/D,eAAO,MAAM,UAAU,mBAAyB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BAcL,CAAC;gJAMtB,CAAC;4FAKD,CAAC;mJAOC,CAAC;+
|
|
1
|
+
{"version":3,"file":"coachmark.d.ts","sourceRoot":"","sources":["../../../src/components/coachmark/coachmark.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAOvC,OAAO,uDAAuD,CAAC;AAQ/D,eAAO,MAAM,UAAU,mBAAyB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BAcL,CAAC;gJAMtB,CAAC;4FAKD,CAAC;mJAOC,CAAC;+FAKb,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAmCe,CAAA;;;;;;;;;;;;;;;;;;;;;;;uBA8EjB,CAAA;;;;;;;;;;;;;iCA4B8B,CAAC;kCACJ,CAAC;sBAG9B,CAAC;;wBAMwB,CAAC;;0BAGN,CAAC;wBAMT,CAAC;;;;;;;;oDACsc,CAAC;;;;;;;;;;;;;;;;;yBAA4vB,CAAC;;;2BAAkJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gFAAiiH,CAAC;6BAA8E,CAAC;cAAoD,GAAG;eAAgD,GAAG;;oBAA6E,GAAG;;;;;;;eAA4V,GAAG;gBAAiD,GAAG;;;;;;;;;;;wBAAupC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAiiO,CAAC;kBAA6F,CAAC;mBAA8F,CAAC;oBAA+F,CAAC;;;;;;;;;;;;;;aAAulC,CAAC;;;qBAA+E,CAAC;;;;;uBAAqS,CAAC;;;;;AApMn9e;;;;;;GAMG;AACH,cACM,YAAa,SAAQ,iBAA4C;IACrE;;OAEG;IAEH,IAAI,EAAE,OAAO,CAAS;IACtB;;OAEG;IAEH,KAAK,CAAC,EAAE,MAAM,CAAyB;IACvC;;OAEG;IAEH,QAAQ,CAAC,EAAE;QAAE,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACpC;;OAEG;IAEH,QAAQ,CAAC,EAAE,OAAO,CAAS;IAC3B;;OAEG;IAEH,YAAY,CAAC,EAAE,OAAO,CAAS;IAC/B;;OAEG;IAEH,UAAU,CAAC,EAAE,OAAO,CAAS;IAC7B;;OAEG;IAEH,KAAK,CAAC,EAAE,OAAO,CAAS;IAExB,OAAO,CAAC,WAAW,CAA6B;IAEhD,oBAAoB;IAQpB,OAAO,CAAC,cAAc;IAqDtB,YAAY;IAWZ,OAAO,CAAC,YAAY,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IA2B1C,OAAO,CAAC,mBAAmB,CAMzB;IAEF,MAAM;IA+BN;;OAEG;IACH,MAAM,KAAK,SAAS,WAEnB;IAED,MAAM,CAAC,MAAM,MAAU;CACxB;AAED,eAAe,YAAY,CAAC"}
|
|
@@ -10,6 +10,7 @@ import { PropertyValues } from 'lit';
|
|
|
10
10
|
import '@carbon/web-components/es/components/button/index.js';
|
|
11
11
|
import '@carbon/web-components/es/components/inline-loading/inline-loading.js';
|
|
12
12
|
import CDSModalFooter from '@carbon/web-components/es/components/modal/modal-footer';
|
|
13
|
+
import '../action-set/index.js';
|
|
13
14
|
export type ActionType = 'close' | 'start' | 'skip' | 'back' | 'next';
|
|
14
15
|
declare const CDSInterstitialScreenFooter_base: {
|
|
15
16
|
new (...args: any[]): {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"interstitial-screen-footer.d.ts","sourceRoot":"","sources":["../../../src/components/interstitial-screen/interstitial-screen-footer.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AAKpD,OAAO,sDAAsD,CAAC;AAI9D,OAAO,uEAAuE,CAAC;AAC/E,OAAO,cAAc,MAAM,yDAAyD,CAAC;
|
|
1
|
+
{"version":3,"file":"interstitial-screen-footer.d.ts","sourceRoot":"","sources":["../../../src/components/interstitial-screen/interstitial-screen-footer.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AAKpD,OAAO,sDAAsD,CAAC;AAI9D,OAAO,uEAAuE,CAAC;AAC/E,OAAO,cAAc,MAAM,yDAAyD,CAAC;AAIrF,OAAO,wBAAwB,CAAC;AAIhC,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6BAK3C,CAAC;gJACmB,CAAC;4FACtB,CAAC;mJAGnB,CAAC;+FAEwB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAuCnB,CAAC;;;;;;;;;;;;;;;;;;;;;;;uBAoEuB,CAAC;;;;;;;;;;;;;iCAiCjB,CAAA;kCAGmB,CAAC;sBAGnC,CAAF;;wBAGA,CAAL;;0BAMU,CAAA;wBAEJ,CAAC;;;;;;;;oDAce,CAAC;;;;;;;;;;;;;;;;;yBAoBiD,CAAC;;;2BAKrD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gFAwD6uD,CAAC;6BAA8E,CAAC;cAAoD,GAAG;eAAgD,GAAG;;oBAA6E,GAAG;;;;;;;eAA4V,GAAG;gBAAiD,GAAG;;;;;;;;;;;wBAAupC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAAiiO,CAAC;kBAA6F,CAAC;mBAA8F,CAAC;oBAA+F,CAAC;;;;;;;;;;;;;;aAAulC,CAAC;;;qBAA+E,CAAC;;;;;uBAAqS,CAAC;;;;;AAtQv0Y;;;;;;;GAOG;AACH,cACM,2BAA4B,SAAQ,gCAEzC;IACC;;OAEG;IAEH,eAAe,EAAE,MAAM,CAAU;IACjC;;OAEG;IAEH,mBAAmB,EAAE,MAAM,CAAU;IACrC;;OAEG;IAEH,eAAe,EAAE,MAAM,CAAU;IACjC;;OAEG;IAEH,gBAAgB,SAAiB;IAGjC,IAAI,SAAY;IAEhB;;;;;;OAMG;IAEH,WAAW,MAAC;IAGZ,aAAa,MAAC;IAEd,SAAS,CAAC,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAMhE,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IA+B3D,OAAO,CAAC,yBAAyB;IAsBjC,OAAO,CAAC,UAAU,CAAmC;IACrD,OAAO,CAAC,WAAW,CAAoC;IACvD,OAAO,CAAC,eAAe,CAAmC;IAC1D,OAAO,CAAC,eAAe,CAAmC;IAE1D,OAAO,CAAC,YAAY,CAkDlB;IAEF,MAAM;IAmFN,MAAM,CAAC,MAAM,MAAU;IAEvB,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;CACF;AACD,eAAe,2BAA2B,CAAC"}
|
package/lib/index.d.ts
CHANGED
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
* This source code is licensed under the Apache-2.0 license found in the
|
|
7
7
|
* LICENSE file in the root directory of this source tree.
|
|
8
8
|
*/
|
|
9
|
+
export { default as CDSActionSet } from './components/action-set/action-set';
|
|
9
10
|
export { default as CDSSidePanel } from './components/side-panel/side-panel';
|
|
10
11
|
export { default as CDSTearsheet } from './components/tearsheet/tearsheet';
|
|
11
12
|
export { default as CDSTearsheetPreview } from './components/tearsheet-preview/tearsheet';
|
package/lib/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,yDAAyD,CAAC;AAC/G,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,qDAAqD,CAAC;AACxG,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,yDAAyD,CAAC;AAC/G,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AACpG,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,0DAA0D,CAAC;AACjH,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AACrG,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,mDAAmD,CAAC;AACxG,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iDAAiD,CAAC;AACpG,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAClG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0DAA0D,CAAC;AACzG,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,4DAA4D,CAAC;AAC5G,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,6CAA6C,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+CAA+C,CAAC;AAC5F,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iDAAiD,CAAC;AAChG,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,yDAAyD,CAAC;AAC/G,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,qDAAqD,CAAC;AACxG,OAAO,EAAE,OAAO,IAAI,yBAAyB,EAAE,MAAM,yDAAyD,CAAC;AAC/G,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AACpG,OAAO,EAAE,OAAO,IAAI,0BAA0B,EAAE,MAAM,0DAA0D,CAAC;AACjH,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,8CAA8C,CAAC;AAC3F,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,4CAA4C,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AACrG,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,8CAA8C,CAAC;AAC/F,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,mDAAmD,CAAC;AACxG,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,iDAAiD,CAAC;AACpG,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AACzF,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACnF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAClG,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,0DAA0D,CAAC;AACzG,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,4DAA4D,CAAC;AAC5G,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,6CAA6C,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carbon/ibm-products-web-components",
|
|
3
3
|
"description": "Carbon for IBM Products Web Components",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.37.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "es/index.js",
|
|
7
7
|
"module": "es/index.js",
|
|
@@ -57,11 +57,11 @@
|
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
59
|
"@carbon-labs/wc-empty-state": "^0.13.0",
|
|
60
|
-
"@carbon/ibm-products-styles": "^2.
|
|
60
|
+
"@carbon/ibm-products-styles": "^2.84.0",
|
|
61
61
|
"@carbon/layout": "^11.42.0",
|
|
62
62
|
"@carbon/styles": "^1.101.0",
|
|
63
63
|
"@carbon/utilities": "^0.16.0",
|
|
64
|
-
"@carbon/web-components": "2.
|
|
64
|
+
"@carbon/web-components": "2.50.0",
|
|
65
65
|
"@ibm/telemetry-js": "^1.10.2",
|
|
66
66
|
"@lit-labs/signals": "^0.1.2",
|
|
67
67
|
"@lit/context": "^1.1.5",
|
|
@@ -107,5 +107,5 @@
|
|
|
107
107
|
"vitest": "^3.2.0",
|
|
108
108
|
"web-component-analyzer": "2.0.0"
|
|
109
109
|
},
|
|
110
|
-
"gitHead": "
|
|
110
|
+
"gitHead": "36887ec0e0e106020b0234f7e089d269de9ce404"
|
|
111
111
|
}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Copyright IBM Corp. 2026, 2026
|
|
3
|
+
*
|
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
|
6
|
+
*/
|
|
7
|
+
|
|
8
|
+
@use '@carbon/styles/scss/theme' as *;
|
|
9
|
+
@use '@carbon/styles/scss/spacing' as *;
|
|
10
|
+
@use '@carbon/styles/scss/type';
|
|
11
|
+
@use '@carbon/layout/scss/convert' as *;
|
|
12
|
+
@use '@carbon/styles/scss/config' as carbon-config;
|
|
13
|
+
@use '@carbon/styles/scss/components/button/tokens' as button-tokens;
|
|
14
|
+
@use '@carbon/ibm-products-styles/scss/components/ActionSet/index' as *;
|
|
15
|
+
|
|
16
|
+
$c4p-prefix: 'c4p';
|
|
17
|
+
$carbon-prefix: 'cds';
|
|
18
|
+
|
|
19
|
+
$block-class: #{$c4p-prefix}--action-set;
|
|
20
|
+
|
|
21
|
+
// Import base button styles
|
|
22
|
+
@use '@carbon/web-components/scss/components/button/button';
|
|
23
|
+
|
|
24
|
+
// Mixin for button separator styles (DRY principle)
|
|
25
|
+
@mixin button-separator($direction: horizontal) {
|
|
26
|
+
$shadow: if(
|
|
27
|
+
$direction == horizontal,
|
|
28
|
+
to-rem(-1px) 0 0 0 button-tokens.$button-separator,
|
|
29
|
+
0 to-rem(-1px) 0 0 button-tokens.$button-separator
|
|
30
|
+
);
|
|
31
|
+
|
|
32
|
+
// Slotted buttons
|
|
33
|
+
::slotted(#{$carbon-prefix}-button:not(:first-of-type)) {
|
|
34
|
+
z-index: 1;
|
|
35
|
+
box-shadow: $shadow;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
::slotted(#{$carbon-prefix}-button:focus-within),
|
|
39
|
+
::slotted(#{$carbon-prefix}-button:not(:first-of-type)[hide-margin]) {
|
|
40
|
+
box-shadow: inherit;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
// Directly rendered buttons (from actions prop)
|
|
44
|
+
#{$carbon-prefix}-button:not(:first-of-type) {
|
|
45
|
+
z-index: 1;
|
|
46
|
+
box-shadow: $shadow;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
#{$carbon-prefix}-button:focus-within,
|
|
50
|
+
#{$carbon-prefix}-button:not(:first-of-type)[hide-margin] {
|
|
51
|
+
box-shadow: inherit;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
:host(#{$c4p-prefix}-action-set) {
|
|
56
|
+
@extend .#{$block-class} !optional;
|
|
57
|
+
|
|
58
|
+
// Override padding-inline-start for ghost buttons from ActionSet styles
|
|
59
|
+
.#{$block-class}__action-button--ghost {
|
|
60
|
+
/* stylelint-disable-next-line declaration-no-important */
|
|
61
|
+
padding-inline-start: 0 !important;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
// Button separator styles for horizontal layout
|
|
65
|
+
@include button-separator(horizontal);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
// Stacked layout styles
|
|
69
|
+
:host(#{$c4p-prefix}-action-set[stacked]) {
|
|
70
|
+
@include button-separator(vertical);
|
|
71
|
+
}
|
|
@@ -9,11 +9,29 @@ $css--plex: true !default;
|
|
|
9
9
|
|
|
10
10
|
@use '@carbon/ibm-products-styles/scss/config';
|
|
11
11
|
@use '@carbon/ibm-products-styles/scss/components/Coachmark/_coachmark-tagline';
|
|
12
|
+
@use '@carbon/styles/scss/colors' as *;
|
|
12
13
|
$prefix: config.$pkg-prefix;
|
|
13
14
|
|
|
14
15
|
$block-class: #{$prefix}--coachmark-tagline;
|
|
15
16
|
|
|
16
17
|
.#{$block-class} {
|
|
18
|
+
&--open {
|
|
19
|
+
background: $white-0;
|
|
20
|
+
opacity: 0;
|
|
21
|
+
|
|
22
|
+
.#{$block-class}__cta {
|
|
23
|
+
opacity: 0;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.#{$block-class}--close-btn {
|
|
27
|
+
display: none;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
&::before {
|
|
31
|
+
background: $white-0;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
|
|
17
35
|
&__cta {
|
|
18
36
|
svg {
|
|
19
37
|
justify-self: center;
|
|
@@ -9,13 +9,19 @@
|
|
|
9
9
|
@use './interstitial-screen';
|
|
10
10
|
@use '@carbon/styles/scss/spacing' as *;
|
|
11
11
|
@use '@carbon/utilities/scss/carousel' as carousel;
|
|
12
|
+
@use '@carbon/styles/scss/utilities' as *;
|
|
12
13
|
|
|
13
14
|
@include carousel.wrapperStyles();
|
|
15
|
+
@include carousel.viewStyles();
|
|
14
16
|
|
|
15
17
|
$prefix: 'c4p';
|
|
16
18
|
|
|
17
19
|
.#{$prefix}--interstitial-screen--body {
|
|
18
20
|
block-size: 100%;
|
|
21
|
+
|
|
22
|
+
&:focus {
|
|
23
|
+
@include focus-outline('outline');
|
|
24
|
+
}
|
|
19
25
|
}
|
|
20
26
|
.#{$prefix}--interstitial-screen__carousel,
|
|
21
27
|
.#{$prefix}--interstitial-screen__contentWrapper {
|
|
@@ -8,6 +8,7 @@
|
|
|
8
8
|
*/
|
|
9
9
|
@use './interstitial-screen';
|
|
10
10
|
@use '@carbon/styles/scss/spacing' as *;
|
|
11
|
+
@use '@carbon/styles/scss/breakpoint' as *;
|
|
11
12
|
|
|
12
13
|
$prefix: 'c4p';
|
|
13
14
|
$carbon-prefix: 'cds';
|
|
@@ -17,21 +18,48 @@ $carbon-prefix: 'cds';
|
|
|
17
18
|
}
|
|
18
19
|
|
|
19
20
|
.#{$prefix}--interstitial-screen--footer {
|
|
20
|
-
block-size:
|
|
21
|
+
block-size: $spacing-10; //as in cds modal footer
|
|
22
|
+
|
|
23
|
+
// On small screens, split width equally among all buttons
|
|
24
|
+
@include breakpoint-down(md) {
|
|
25
|
+
.#{$prefix}--interstitial-screen--prev-btn,
|
|
26
|
+
.#{$prefix}--interstitial-screen--next-btn,
|
|
27
|
+
.#{$prefix}--interstitial-screen--start-btn,
|
|
28
|
+
.#{$prefix}--interstitial-screen--skip-btn {
|
|
29
|
+
flex: 1 1 0;
|
|
30
|
+
min-inline-size: 0;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
// On larger screens, fixed widths for action buttons, flexible skip
|
|
35
|
+
@include breakpoint(md) {
|
|
36
|
+
.#{$prefix}--interstitial-screen--prev-btn,
|
|
37
|
+
.#{$prefix}--interstitial-screen--next-btn,
|
|
38
|
+
.#{$prefix}--interstitial-screen--start-btn {
|
|
39
|
+
flex-shrink: 0;
|
|
40
|
+
inline-size: calc($spacing-11 * 3); // 240px
|
|
41
|
+
max-inline-size: calc($spacing-11 * 3);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.#{$prefix}--interstitial-screen--skip-btn {
|
|
45
|
+
flex: 1 1 auto;
|
|
46
|
+
inline-size: auto;
|
|
47
|
+
max-inline-size: none;
|
|
48
|
+
}
|
|
49
|
+
}
|
|
21
50
|
}
|
|
51
|
+
|
|
22
52
|
.#{$prefix}--interstitial-screen--footer-controls {
|
|
23
53
|
display: flex;
|
|
24
54
|
}
|
|
25
|
-
|
|
26
|
-
block-size: 100%;
|
|
27
|
-
}
|
|
55
|
+
|
|
28
56
|
#{$carbon-prefix}-inline-loading {
|
|
29
57
|
position: absolute;
|
|
30
58
|
inset-block-start: 0;
|
|
31
59
|
}
|
|
60
|
+
|
|
32
61
|
.#{$prefix}--interstitial-screen--skip-btn {
|
|
33
|
-
|
|
34
|
-
padding-inline-start: 0 !important;
|
|
62
|
+
padding-inline-start: 0 !important; // stylelint-disable-line declaration-no-important
|
|
35
63
|
|
|
36
64
|
&::part(button) {
|
|
37
65
|
padding-inline-start: $spacing-07;
|
package/telemetry.yml
CHANGED
|
@@ -45,6 +45,10 @@ collect:
|
|
|
45
45
|
- onc4p-about-modal-beingclosed
|
|
46
46
|
- onc4p-about-modal-closed
|
|
47
47
|
- version
|
|
48
|
+
# c4p-action-set
|
|
49
|
+
- actions
|
|
50
|
+
- button-size
|
|
51
|
+
- disable-stacking
|
|
48
52
|
# c4p-big-number
|
|
49
53
|
- fraction-digits
|
|
50
54
|
- loading
|
|
@@ -67,6 +71,7 @@ collect:
|
|
|
67
71
|
- onc4p-checklist-item-clicked
|
|
68
72
|
- status
|
|
69
73
|
# c4p-coachmark
|
|
74
|
+
- caret
|
|
70
75
|
- dropShadow
|
|
71
76
|
- floating
|
|
72
77
|
- highContrast
|
|
@@ -224,6 +229,12 @@ collect:
|
|
|
224
229
|
- success
|
|
225
230
|
- tooltip
|
|
226
231
|
- warning
|
|
232
|
+
# c4p-action-set - button-size
|
|
233
|
+
- 2xl
|
|
234
|
+
- lg
|
|
235
|
+
- md
|
|
236
|
+
- sm
|
|
237
|
+
- xl
|
|
227
238
|
# c4p-preview-tearsheet - variant
|
|
228
239
|
- narrow
|
|
229
240
|
- wide
|