@carbon/web-components 2.56.0 → 2.57.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 +94 -16
- package/es/components/breadcrumb/breadcrumb.scss.js +1 -1
- package/es/components/checkbox/checkbox.d.ts +2 -2
- package/es/components/checkbox/checkbox.js.map +1 -1
- package/es/components/combo-box/combo-box.scss.js +1 -1
- package/es/components/combo-box/combo-box.scss.js.map +1 -1
- package/es/components/combo-button/combo-button.js +1 -1
- package/es/components/data-table/data-table.scss.js +1 -1
- package/es/components/dropdown/defs.d.ts +5 -1
- package/es/components/dropdown/defs.d.ts.map +1 -1
- package/es/components/dropdown/defs.js +4 -0
- package/es/components/dropdown/defs.js.map +1 -1
- package/es/components/dropdown/dropdown.d.ts.map +1 -1
- package/es/components/dropdown/dropdown.js +3 -0
- package/es/components/dropdown/dropdown.js.map +1 -1
- package/es/components/dropdown/dropdown.scss.js +1 -1
- package/es/components/dropdown/dropdown.scss.js.map +1 -1
- package/es/components/fluid-combo-box/fluid-combo-box.scss.js +1 -1
- package/es/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
- package/es/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
- package/es/components/link/link.scss.js +1 -1
- package/es/components/menu/menu-item.js +1 -1
- package/es/components/menu-button/menu-button.js +2 -2
- package/es/components/multi-select/multi-select.d.ts.map +1 -1
- package/es/components/multi-select/multi-select.js +10 -11
- package/es/components/multi-select/multi-select.js.map +1 -1
- package/es/components/multi-select/multi-select.scss.js +1 -1
- package/es/components/multi-select/multi-select.scss.js.map +1 -1
- package/es/components/overflow-menu/overflow-menu.d.ts +70 -0
- package/es/components/overflow-menu/overflow-menu.d.ts.map +1 -1
- package/es/components/overflow-menu/overflow-menu.js +256 -17
- package/es/components/overflow-menu/overflow-menu.js.map +1 -1
- package/es/components/pagination-nav/pagination-nav.js +1 -1
- package/es/components/tabs/defs.d.ts +5 -1
- package/es/components/tabs/defs.d.ts.map +1 -1
- package/es/components/tabs/defs.js +4 -0
- package/es/components/tabs/defs.js.map +1 -1
- package/es/components/tabs/stories/tabs-wrapper.d.ts.map +1 -1
- package/es/components/tabs/stories/tabs-wrapper.js +2 -1
- package/es/components/tabs/stories/tabs-wrapper.js.map +1 -1
- package/es/components/tabs/tabs-vertical.d.ts.map +1 -1
- package/es/components/tabs/tabs-vertical.js +2 -0
- package/es/components/tabs/tabs-vertical.js.map +1 -1
- package/es/components/tabs/tabs.d.ts +6 -2
- package/es/components/tabs/tabs.d.ts.map +1 -1
- package/es/components/tabs/tabs.js +3 -2
- package/es/components/tabs/tabs.js.map +1 -1
- package/es/components/tabs/tabs.scss.js +1 -1
- package/es/components/tabs/tabs.scss.js.map +1 -1
- package/es/components/tile/clickable-tile.js +1 -1
- package/es/components/tile/tile.scss.js +1 -1
- package/es/globals/controllers/floating-controller.d.ts +3 -2
- package/es/globals/controllers/floating-controller.d.ts.map +1 -1
- package/es/globals/controllers/floating-controller.js +5 -3
- package/es/globals/controllers/floating-controller.js.map +1 -1
- package/es-custom/components/breadcrumb/breadcrumb.scss.js +1 -1
- package/es-custom/components/checkbox/checkbox.d.ts +2 -2
- package/es-custom/components/checkbox/checkbox.js.map +1 -1
- package/es-custom/components/combo-box/combo-box.scss.js +1 -1
- package/es-custom/components/combo-box/combo-box.scss.js.map +1 -1
- package/es-custom/components/combo-button/combo-button.js +1 -1
- package/es-custom/components/data-table/data-table.scss.js +1 -1
- package/es-custom/components/dropdown/defs.d.ts +5 -1
- package/es-custom/components/dropdown/defs.d.ts.map +1 -1
- package/es-custom/components/dropdown/defs.js +4 -0
- package/es-custom/components/dropdown/defs.js.map +1 -1
- package/es-custom/components/dropdown/dropdown.d.ts.map +1 -1
- package/es-custom/components/dropdown/dropdown.js +3 -0
- package/es-custom/components/dropdown/dropdown.js.map +1 -1
- package/es-custom/components/dropdown/dropdown.scss.js +1 -1
- package/es-custom/components/dropdown/dropdown.scss.js.map +1 -1
- package/es-custom/components/fluid-combo-box/fluid-combo-box.scss.js +1 -1
- package/es-custom/components/fluid-dropdown/fluid-dropdown.scss.js +1 -1
- package/es-custom/components/fluid-multi-select/fluid-multi-select.scss.js +1 -1
- package/es-custom/components/link/link.scss.js +1 -1
- package/es-custom/components/menu/menu-item.js +1 -1
- package/es-custom/components/menu-button/menu-button.js +2 -2
- package/es-custom/components/multi-select/multi-select.d.ts.map +1 -1
- package/es-custom/components/multi-select/multi-select.js +10 -11
- package/es-custom/components/multi-select/multi-select.js.map +1 -1
- package/es-custom/components/multi-select/multi-select.scss.js +1 -1
- package/es-custom/components/multi-select/multi-select.scss.js.map +1 -1
- package/es-custom/components/overflow-menu/overflow-menu.d.ts +70 -0
- package/es-custom/components/overflow-menu/overflow-menu.d.ts.map +1 -1
- package/es-custom/components/overflow-menu/overflow-menu.js +256 -17
- package/es-custom/components/overflow-menu/overflow-menu.js.map +1 -1
- package/es-custom/components/pagination-nav/pagination-nav.js +1 -1
- package/es-custom/components/tabs/defs.d.ts +5 -1
- package/es-custom/components/tabs/defs.d.ts.map +1 -1
- package/es-custom/components/tabs/defs.js +4 -0
- package/es-custom/components/tabs/defs.js.map +1 -1
- package/es-custom/components/tabs/stories/tabs-wrapper.d.ts.map +1 -1
- package/es-custom/components/tabs/stories/tabs-wrapper.js +2 -1
- package/es-custom/components/tabs/stories/tabs-wrapper.js.map +1 -1
- package/es-custom/components/tabs/tabs-vertical.d.ts.map +1 -1
- package/es-custom/components/tabs/tabs-vertical.js +2 -0
- package/es-custom/components/tabs/tabs-vertical.js.map +1 -1
- package/es-custom/components/tabs/tabs.d.ts +6 -2
- package/es-custom/components/tabs/tabs.d.ts.map +1 -1
- package/es-custom/components/tabs/tabs.js +3 -2
- package/es-custom/components/tabs/tabs.js.map +1 -1
- package/es-custom/components/tabs/tabs.scss.js +1 -1
- package/es-custom/components/tabs/tabs.scss.js.map +1 -1
- package/es-custom/components/tile/clickable-tile.js +1 -1
- package/es-custom/components/tile/tile.scss.js +1 -1
- package/es-custom/globals/controllers/floating-controller.d.ts +3 -2
- package/es-custom/globals/controllers/floating-controller.d.ts.map +1 -1
- package/es-custom/globals/controllers/floating-controller.js +5 -3
- package/es-custom/globals/controllers/floating-controller.js.map +1 -1
- package/lib/components/checkbox/checkbox.d.ts +2 -2
- package/lib/components/dropdown/defs.d.ts +5 -1
- package/lib/components/dropdown/defs.d.ts.map +1 -1
- package/lib/components/dropdown/defs.js +4 -0
- package/lib/components/dropdown/defs.js.map +1 -1
- package/lib/components/dropdown/dropdown.d.ts.map +1 -1
- package/lib/components/multi-select/multi-select.d.ts.map +1 -1
- package/lib/components/overflow-menu/overflow-menu.d.ts +70 -0
- package/lib/components/overflow-menu/overflow-menu.d.ts.map +1 -1
- package/lib/components/tabs/defs.d.ts +5 -1
- package/lib/components/tabs/defs.d.ts.map +1 -1
- package/lib/components/tabs/defs.js +4 -0
- package/lib/components/tabs/defs.js.map +1 -1
- package/lib/components/tabs/stories/tabs-wrapper.d.ts.map +1 -1
- package/lib/components/tabs/tabs-vertical.d.ts.map +1 -1
- package/lib/components/tabs/tabs.d.ts +6 -2
- package/lib/components/tabs/tabs.d.ts.map +1 -1
- package/lib/globals/controllers/floating-controller.d.ts +3 -2
- package/lib/globals/controllers/floating-controller.d.ts.map +1 -1
- package/lib/globals/controllers/floating-controller.js +5 -3
- package/lib/globals/controllers/floating-controller.js.map +1 -1
- package/package.json +3 -3
- package/scss/components/combo-box/combo-box.scss +3 -1
- package/scss/components/dropdown/dropdown.scss +6 -1
- package/scss/components/multi-select/multi-select.scss +5 -0
- package/scss/components/tabs/tabs.scss +38 -18
- package/telemetry.yml +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAIH,OAAO,EAAE,UAAU,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAkBvD,OAAO,EACL,kBAAkB,EAClB,wBAAwB,EACxB,aAAa,EACb,aAAa,EACb,oBAAoB,EACrB,MAAM,QAAQ,CAAC;AAChB,OAAO,eAAe,MAAM,iBAAiB,CAAC;
|
|
1
|
+
{"version":3,"file":"dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/multi-select.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAQ,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM3D,OAAO,WAGN,MAAM,sBAAsB,CAAC;AAE9B,OAAO,EAAE,yBAAyB,EAAE,MAAM,QAAQ,CAAC;AACnD,OAAO,kBAAkB,MAAM,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"multi-select.d.ts","sourceRoot":"","sources":["../../../src/components/multi-select/multi-select.ts"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,7 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import CDSFloatingMenuTrigger from '../floating-menu/floating-menu-trigger';
|
|
8
8
|
import { OVERFLOW_MENU_SIZE } from './defs';
|
|
9
|
+
import '../menu/index';
|
|
9
10
|
import CDSIconButton from '../icon-button/icon-button';
|
|
10
11
|
export { OVERFLOW_MENU_SIZE };
|
|
11
12
|
declare const CDSOverflowMenu_base: {
|
|
@@ -31,10 +32,27 @@ declare const CDSOverflowMenu_base: {
|
|
|
31
32
|
* @slot icon - The icon for the trigger button.
|
|
32
33
|
*/
|
|
33
34
|
declare class CDSOverflowMenu extends CDSOverflowMenu_base implements CDSFloatingMenuTrigger {
|
|
35
|
+
private _menuController;
|
|
34
36
|
/**
|
|
35
37
|
* The menu body.
|
|
36
38
|
*/
|
|
37
39
|
private _menuBody;
|
|
40
|
+
/**
|
|
41
|
+
* The identifier used by the popup surface.
|
|
42
|
+
*/
|
|
43
|
+
private _menuId;
|
|
44
|
+
/**
|
|
45
|
+
* Ensures the deprecated-child warning only fires once.
|
|
46
|
+
*/
|
|
47
|
+
private _didWarnDeprecatedChildren;
|
|
48
|
+
/**
|
|
49
|
+
* Ensures the invalid menu composition warning only fires once.
|
|
50
|
+
*/
|
|
51
|
+
private _didWarnInvalidComposition;
|
|
52
|
+
/**
|
|
53
|
+
* Monotonic token used to ignore stale async menu sync callbacks.
|
|
54
|
+
*/
|
|
55
|
+
private _menuSyncToken;
|
|
38
56
|
/**
|
|
39
57
|
* Handles user-initiated toggling of the menu.
|
|
40
58
|
*/
|
|
@@ -47,6 +65,14 @@ declare class CDSOverflowMenu extends CDSOverflowMenu_base implements CDSFloatin
|
|
|
47
65
|
* Handles `keydown` event on the trigger button.
|
|
48
66
|
*/
|
|
49
67
|
private _handleKeydownTrigger;
|
|
68
|
+
/**
|
|
69
|
+
* Prevents the trigger click from immediately re-opening the menu after blur.
|
|
70
|
+
*/
|
|
71
|
+
private _handleMousedownTrigger;
|
|
72
|
+
/**
|
|
73
|
+
* Handles close requests emitted by the managed menu.
|
|
74
|
+
*/
|
|
75
|
+
private _handleManagedMenuClose;
|
|
50
76
|
/**
|
|
51
77
|
* `true` if this tooltip is in a data table row
|
|
52
78
|
*/
|
|
@@ -55,10 +81,18 @@ declare class CDSOverflowMenu extends CDSOverflowMenu_base implements CDSFloatin
|
|
|
55
81
|
* `true` if this overflow menu should be disabled.
|
|
56
82
|
*/
|
|
57
83
|
disabled: boolean;
|
|
84
|
+
/**
|
|
85
|
+
* Enables the menu-composition OverflowMenu implementation leveraging `cds-menu`.
|
|
86
|
+
*/
|
|
87
|
+
enableV12Overflowmenu: boolean;
|
|
58
88
|
/**
|
|
59
89
|
* `true` if this overflow menu body should be flipped.
|
|
60
90
|
*/
|
|
61
91
|
flipped: boolean;
|
|
92
|
+
/**
|
|
93
|
+
* Experimental property. Enables automatic menu placement flipping to avoid clipping.
|
|
94
|
+
*/
|
|
95
|
+
autoalign: boolean;
|
|
62
96
|
/**
|
|
63
97
|
* `true` if the dropdown should be open.
|
|
64
98
|
*/
|
|
@@ -67,6 +101,15 @@ declare class CDSOverflowMenu extends CDSOverflowMenu_base implements CDSFloatin
|
|
|
67
101
|
* Index (starting at 1) of overflow menu item to focus on open.
|
|
68
102
|
*/
|
|
69
103
|
index: number;
|
|
104
|
+
/**
|
|
105
|
+
* A label describing the menu options. Used for the trigger tooltip and the menu's accessible label.
|
|
106
|
+
*/
|
|
107
|
+
label: string;
|
|
108
|
+
/**
|
|
109
|
+
* Specify how the menu should align with the trigger button.
|
|
110
|
+
* Valid values: 'bottom-start', 'bottom-end', 'top-start', 'top-end'
|
|
111
|
+
*/
|
|
112
|
+
menuAlignment: string;
|
|
70
113
|
/**
|
|
71
114
|
* Overflow menu size.
|
|
72
115
|
*/
|
|
@@ -84,8 +127,35 @@ declare class CDSOverflowMenu extends CDSOverflowMenu_base implements CDSFloatin
|
|
|
84
127
|
*/
|
|
85
128
|
get triggerPosition(): DOMRect;
|
|
86
129
|
connectedCallback(): void;
|
|
130
|
+
disconnectedCallback(): void;
|
|
131
|
+
protected _renderTooltipContent(): import("lit-html").TemplateResult<1>;
|
|
87
132
|
updated(changedProperties: any): void;
|
|
88
133
|
render(): import("lit-html").TemplateResult<1>;
|
|
134
|
+
private _getLabelText;
|
|
135
|
+
private _getTriggerButton;
|
|
136
|
+
private _isTriggerEvent;
|
|
137
|
+
private _isDeprecatedOverflowMenuItemEvent;
|
|
138
|
+
/**
|
|
139
|
+
* Checks whether the menu-composition path is enabled.
|
|
140
|
+
*/
|
|
141
|
+
private _isMenuCompositionEnabled;
|
|
142
|
+
/**
|
|
143
|
+
* Checks whether floating styles should be driven by Floating UI.
|
|
144
|
+
*/
|
|
145
|
+
private _usesDynamicFloatingStyles;
|
|
146
|
+
private _getMenuChild;
|
|
147
|
+
private _warnDeprecatedChildren;
|
|
148
|
+
private _warnInvalidMenuComposition;
|
|
149
|
+
private _syncMenuChild;
|
|
150
|
+
private _syncMenuChildPosition;
|
|
151
|
+
private _toMenuSize;
|
|
152
|
+
private _focusManagedMenuItem;
|
|
153
|
+
private _resetMenuChildFloatingStyles;
|
|
154
|
+
private _resetMenuFloatingStyles;
|
|
155
|
+
/**
|
|
156
|
+
* Suppresses trigger tooltip interactions while the menu is open.
|
|
157
|
+
*/
|
|
158
|
+
private _syncTriggerTooltipState;
|
|
89
159
|
}
|
|
90
160
|
export default CDSOverflowMenu;
|
|
91
161
|
//# sourceMappingURL=overflow-menu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"overflow-menu.d.ts","sourceRoot":"","sources":["../../../src/components/overflow-menu/overflow-menu.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;
|
|
1
|
+
{"version":3,"file":"overflow-menu.d.ts","sourceRoot":"","sources":["../../../src/components/overflow-menu/overflow-menu.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAQH,OAAO,sBAAsB,MAAM,wCAAwC,CAAC;AAC5E,OAAO,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAE5C,OAAO,eAAe,CAAC;AAQvB,OAAO,aAAa,MAAM,4BAA4B,CAAC;AAGvD,OAAO,EAAE,kBAAkB,EAAE,CAAC;;;;;;;;;;uBAP4B,CAAC;;;;;;;AAqC3D;;;;;GAKG;AACH,cACM,eACJ,SAAQ,oBACR,YAAW,sBAAsB;IAEjC,OAAO,CAAC,eAAe,CAAkC;IAEzD;;OAEG;IACH,OAAO,CAAC,SAAS,CAAoC;IAErD;;OAEG;IACH,OAAO,CAAC,OAAO,CAED;IAEd;;OAEG;IACH,OAAO,CAAC,0BAA0B,CAAS;IAE3C;;OAEG;IACH,OAAO,CAAC,0BAA0B,CAAS;IAE3C;;OAEG;IACH,OAAO,CAAC,cAAc,CAAK;IAE3B;;OAEG;YACW,0BAA0B;IAuBxC;;OAEG;IACH,OAAO,CAAC,mBAAmB,CAYzB;IAEF;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAS3B;IAEF;;OAEG;IACH,OAAO,CAAC,uBAAuB,CAI7B;IAEF;;OAEG;IACH,OAAO,CAAC,uBAAuB,CAmB7B;IAEF;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAMH,qBAAqB,UAAS;IAE9B;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,SAAS,UAAS;IAElB;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,KAAK,SAAM;IAEX;;;OAGG;IAEH,aAAa,EAAE,MAAM,CAAkB;IAEvC;;OAEG;IAEH,IAAI,qBAA6B;IAEjC;;OAEG;IAEH,aAAa,UAAS;IAEtB;;OAEG;IAEH,UAAU,UAAS;IAEnB;;OAEG;IACH,IAAI,eAAe,YAElB;IAED,iBAAiB;IAoBjB,oBAAoB;IAWpB,SAAS,CAAC,qBAAqB;IAc/B,OAAO,CAAC,iBAAiB,KAAA;IAkGzB,MAAM;IAIN,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,eAAe;IAMvB,OAAO,CAAC,kCAAkC;IAU1C;;OAEG;IACH,OAAO,CAAC,yBAAyB;IAOjC;;OAEG;IACH,OAAO,CAAC,0BAA0B;IAOlC,OAAO,CAAC,aAAa;IAMrB,OAAO,CAAC,uBAAuB;IAkB/B,OAAO,CAAC,2BAA2B;IAkBnC,OAAO,CAAC,cAAc;IAkFtB,OAAO,CAAC,sBAAsB;IAW9B,OAAO,CAAC,WAAW;YAeL,qBAAqB;IAsBnC,OAAO,CAAC,6BAA6B;IAerC,OAAO,CAAC,wBAAwB;IAgBhC;;OAEG;IACH,OAAO,CAAC,wBAAwB;CAmBjC;AAED,eAAe,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/defs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;GAEG;AACH,oBAAY,oBAAoB;IAC9B;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,UAAU,eAAe;IAEzB;;OAEG;IACH,UAAU,eAAe;IAEzB;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,GAAG,QAAQ;CACZ;AAED;;GAEG;AACH,oBAAY,SAAS;IACnB;;OAEG;IACH,OAAO,KAAK;IAEZ;;OAEG;IACH,SAAS,cAAc;IAEvB;;OAEG;IACH,SAAS,cAAc;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,6BAA6B;;;;;CAKzC,CAAC;AAEF;;GAEG;AACH,oBAAY,cAAc;IACxB;;OAEG;IACH,OAAO,YAAY;IAEnB;;OAEG;IACH,KAAK,OAAO;CACb;AAED;;GAEG;AACH,oBAAY,SAAS;IACnB;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,MAAM,OAAO;IAEb;;OAEG;IACH,KAAK,OAAO;
|
|
1
|
+
{"version":3,"file":"defs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/defs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;GAEG;AACH,oBAAY,oBAAoB;IAC9B;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,UAAU,eAAe;IAEzB;;OAEG;IACH,UAAU,eAAe;IAEzB;;OAEG;IACH,IAAI,SAAS;IAEb;;OAEG;IACH,GAAG,QAAQ;CACZ;AAED;;GAEG;AACH,oBAAY,SAAS;IACnB;;OAEG;IACH,OAAO,KAAK;IAEZ;;OAEG;IACH,SAAS,cAAc;IAEvB;;OAEG;IACH,SAAS,cAAc;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,6BAA6B;;;;;CAKzC,CAAC;AAEF;;GAEG;AACH,oBAAY,cAAc;IACxB;;OAEG;IACH,OAAO,YAAY;IAEnB;;OAEG;IACH,KAAK,OAAO;CACb;AAED;;GAEG;AACH,oBAAY,SAAS;IACnB;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,MAAM,OAAO;IAEb;;OAEG;IACH,KAAK,OAAO;IAEZ;;OAEG;IACH,WAAW,OAAO;CACnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/tabs/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2026\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/**\n * The keyboard action categories for dropdown.\n */\nexport enum TABS_KEYBOARD_ACTION {\n /**\n * Not doing any action.\n */\n NONE = 'none',\n\n /**\n * Keyboard action to navigate back/forward.\n */\n NAVIGATING = 'navigating',\n\n /**\n * Keyboard action to Enter/Space.\n */\n ACTIVATING = 'activating',\n\n /**\n * Keyboard action to navigate to first tab using home key\n */\n HOME = 'home',\n\n /**\n * Keyboard action to navigate to last tab using end key\n */\n END = 'end',\n}\n\n/**\n * Tabs types.\n */\nexport enum TABS_TYPE {\n /**\n * Regular tabs.\n */\n REGULAR = '',\n\n /**\n * Container type.\n */\n CONTAINER = 'container',\n\n /**\n * Contained type.\n */\n CONTAINED = 'contained',\n}\n\n/**\n * Vertical navigation direction, associated with key symbols.\n */\nexport const VERTICAL_NAVIGATION_DIRECTION = {\n Up: -1,\n ArrowUp: -1,\n Down: 1,\n ArrowDown: 1,\n};\n\n/**\n * Tabs icon sizes.\n */\nexport enum TABS_ICON_SIZE {\n /**\n * Default icon size.\n */\n DEFAULT = 'default',\n\n /**\n * Large icon size.\n */\n LARGE = 'lg',\n}\n\n/**\n * Tabs size.\n */\nexport enum TABS_SIZE {\n /**\n * Small size.\n */\n SMALL = 'sm',\n\n /**\n * Medium size.\n */\n MEDIUM = 'md',\n\n /**\n * Large size.\n */\n LARGE = 'lg',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAUA,IAAY,uBAAL,yBAAA,sBAAA;;;;AAIL,sBAAA,UAAA;;;;AAKA,sBAAA,gBAAA;;;;AAKA,sBAAA,gBAAA;;;;AAKA,sBAAA,UAAA;;;;AAKA,sBAAA,SAAA;;KACD;;;;AAKD,IAAY,YAAL,yBAAA,WAAA;;;;AAIL,WAAA,aAAA;;;;AAKA,WAAA,eAAA;;;;AAKA,WAAA,eAAA;;KACD;;;;AAKD,MAAa,gCAAgC;CAC3C,IAAI;CACJ,SAAS;CACT,MAAM;CACN,WAAW;CACZ;;;;AAKD,IAAY,iBAAL,yBAAA,gBAAA;;;;AAIL,gBAAA,aAAA;;;;AAKA,gBAAA,WAAA;;KACD;;;;AAKD,IAAY,YAAL,yBAAA,WAAA;;;;AAIL,WAAA,WAAA;;;;AAKA,WAAA,YAAA;;;;AAKA,WAAA,WAAA;;KACD"}
|
|
1
|
+
{"version":3,"file":"defs.js","names":[],"sources":["../../../src/components/tabs/defs.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2020, 2026\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/**\n * The keyboard action categories for dropdown.\n */\nexport enum TABS_KEYBOARD_ACTION {\n /**\n * Not doing any action.\n */\n NONE = 'none',\n\n /**\n * Keyboard action to navigate back/forward.\n */\n NAVIGATING = 'navigating',\n\n /**\n * Keyboard action to Enter/Space.\n */\n ACTIVATING = 'activating',\n\n /**\n * Keyboard action to navigate to first tab using home key\n */\n HOME = 'home',\n\n /**\n * Keyboard action to navigate to last tab using end key\n */\n END = 'end',\n}\n\n/**\n * Tabs types.\n */\nexport enum TABS_TYPE {\n /**\n * Regular tabs.\n */\n REGULAR = '',\n\n /**\n * Container type.\n */\n CONTAINER = 'container',\n\n /**\n * Contained type.\n */\n CONTAINED = 'contained',\n}\n\n/**\n * Vertical navigation direction, associated with key symbols.\n */\nexport const VERTICAL_NAVIGATION_DIRECTION = {\n Up: -1,\n ArrowUp: -1,\n Down: 1,\n ArrowDown: 1,\n};\n\n/**\n * Tabs icon sizes.\n */\nexport enum TABS_ICON_SIZE {\n /**\n * Default icon size.\n */\n DEFAULT = 'default',\n\n /**\n * Large icon size.\n */\n LARGE = 'lg',\n}\n\n/**\n * Tabs size.\n */\nexport enum TABS_SIZE {\n /**\n * Small size.\n */\n SMALL = 'sm',\n\n /**\n * Medium size.\n */\n MEDIUM = 'md',\n\n /**\n * Large size.\n */\n LARGE = 'lg',\n\n /**\n * Extra large size.\n */\n EXTRA_LARGE = 'xl',\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAUA,IAAY,uBAAL,yBAAA,sBAAA;;;;AAIL,sBAAA,UAAA;;;;AAKA,sBAAA,gBAAA;;;;AAKA,sBAAA,gBAAA;;;;AAKA,sBAAA,UAAA;;;;AAKA,sBAAA,SAAA;;KACD;;;;AAKD,IAAY,YAAL,yBAAA,WAAA;;;;AAIL,WAAA,aAAA;;;;AAKA,WAAA,eAAA;;;;AAKA,WAAA,eAAA;;KACD;;;;AAKD,MAAa,gCAAgC;CAC3C,IAAI;CACJ,SAAS;CACT,MAAM;CACN,WAAW;CACZ;;;;AAKD,IAAY,iBAAL,yBAAA,gBAAA;;;;AAIL,gBAAA,aAAA;;;;AAKA,gBAAA,WAAA;;KACD;;;;AAKD,IAAY,YAAL,yBAAA,WAAA;;;;AAIL,WAAA,WAAA;;;;AAKA,WAAA,YAAA;;;;AAKA,WAAA,WAAA;;;;AAKA,WAAA,iBAAA;;KACD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs-wrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/stories/tabs-wrapper.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAMpC,OAAO,cAAc,CAAC;AAEtB;;GAEG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACpD;;OAEG;IAEH,SAAS,UAAS;IAElB,OAAO,CAAC,YAAY,CAgBlB;IACF;;OAEG;IAEH,OAAO,CAAC,KAAK,CAAqB;IAElC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,UAAS;IAClB;;OAEG;IAEH,WAAW,UAAQ;IAEnB;;OAEG;IAEH,aAAa,SAAe;IAE5B;;OAEG;IAEH,aAAa,SAAK;IAElB;;OAEG;IAEH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAKxB;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAM7B,OAAO,CAAC,SAAS;IAIjB,MAAM;
|
|
1
|
+
{"version":3,"file":"tabs-wrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/tabs/stories/tabs-wrapper.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAKvC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAMpC,OAAO,cAAc,CAAC;AAEtB;;GAEG;AACH,qBACa,sBAAuB,SAAQ,UAAU;IACpD;;OAEG;IAEH,SAAS,UAAS;IAElB,OAAO,CAAC,YAAY,CAgBlB;IACF;;OAEG;IAEH,OAAO,CAAC,KAAK,CAAqB;IAElC;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,SAAS,UAAS;IAClB;;OAEG;IAEH,WAAW,UAAQ;IAEnB;;OAEG;IAEH,aAAa,SAAe;IAE5B;;OAEG;IAEH,aAAa,SAAK;IAElB;;OAEG;IAEH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,gBAAgB;IAKxB;;OAEG;IACH,OAAO,CAAC,qBAAqB;IAM7B,OAAO,CAAC,SAAS;IAIjB,MAAM;IA+CN;;OAEG;IACH,gBAAgB;CAGjB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs-vertical.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs-vertical.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAevC;;;;;;GAMG;AAEH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,UAAU;IACrD;;OAEG;IAEH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,OAAO,CAAC,eAAe,CAA+B;IAEtD,OAAO,CAAC,qBAAqB,
|
|
1
|
+
{"version":3,"file":"tabs-vertical.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs-vertical.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAevC;;;;;;GAMG;AAEH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,UAAU;IACrD;;OAEG;IAEH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,OAAO,CAAC,eAAe,CAA+B;IAEtD,OAAO,CAAC,qBAAqB,CAoB3B;IAEF,YAAY;IAeZ,OAAO,CAAC,iBAAiB,KAAA;IAOzB,oBAAoB;IASpB,OAAO,CAAC,YAAY;IA2CpB,MAAM;IASN,MAAM,CAAC,MAAM,MAAU;CACxB"}
|
|
@@ -156,9 +156,13 @@ export default class CDSTabs extends CDSTabs_base {
|
|
|
156
156
|
*/
|
|
157
157
|
dismissable: any;
|
|
158
158
|
/**
|
|
159
|
-
* Specify the size of
|
|
159
|
+
* Specify the size of the tabs.
|
|
160
|
+
*
|
|
161
|
+
* Supports `sm` and `md` for line tabs.
|
|
162
|
+
* Supports `sm`, `md`, and `lg` for contained tabs.
|
|
163
|
+
* Supports `xl` only when `vertical` is set; otherwise `xl` falls back to `lg`.
|
|
160
164
|
*/
|
|
161
|
-
size
|
|
165
|
+
size: TABS_SIZE;
|
|
162
166
|
/**
|
|
163
167
|
* Specify the icon size used by icon-only tabs.
|
|
164
168
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,cAAc,EAAQ,MAAM,KAAK,CAAC;AAU3C,OAAO,kBAAkB,EAAE,EACzB,oBAAoB,EACrB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,6BAA6B,EAC7B,cAAc,EACd,oBAAoB,EACpB,SAAS,EACT,SAAS,EACV,MAAM,QAAQ,CAAC;AAChB,OAAO,MAAM,MAAM,OAAO,CAAC;AAI3B,OAAO,EACL,oBAAoB,EACpB,6BAA6B,EAC7B,cAAc,EACd,oBAAoB,EACpB,SAAS,EACT,SAAS,GACV,CAAC;;;;;;;;;;uBAjBC,CAAC;;;;;AAmBJ;;;;;;;;GAQG;AAEH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,YAAqC;IACxE;;OAEG;IACH,OAAO,CAAC,oBAAoB,CAAC,CAAS;IAEtC;;OAEG;IAGH,OAAO,CAAC,aAAa,CAAK;IAE1B;;OAEG;IACH,OAAO,CAAC,UAAU,CAAK;IAEvB;;OAEG;IAGH,OAAO,CAAC,aAAa,CAAS;IAE9B;;OAEG;IACH,OAAO,CAAC,OAAO,CAAwB;IAEvC;;OAEG;IACH,OAAO,CAAC,YAAY,CAAM;IAE1B;;OAEG;IACH,OAAO,CAAC,eAAe;
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,cAAc,EAAQ,MAAM,KAAK,CAAC;AAU3C,OAAO,kBAAkB,EAAE,EACzB,oBAAoB,EACrB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EACL,6BAA6B,EAC7B,cAAc,EACd,oBAAoB,EACpB,SAAS,EACT,SAAS,EACV,MAAM,QAAQ,CAAC;AAChB,OAAO,MAAM,MAAM,OAAO,CAAC;AAI3B,OAAO,EACL,oBAAoB,EACpB,6BAA6B,EAC7B,cAAc,EACd,oBAAoB,EACpB,SAAS,EACT,SAAS,GACV,CAAC;;;;;;;;;;uBAjBC,CAAC;;;;;AAmBJ;;;;;;;;GAQG;AAEH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,YAAqC;IACxE;;OAEG;IACH,OAAO,CAAC,oBAAoB,CAAC,CAAS;IAEtC;;OAEG;IAGH,OAAO,CAAC,aAAa,CAAK;IAE1B;;OAEG;IACH,OAAO,CAAC,UAAU,CAAK;IAEvB;;OAEG;IAGH,OAAO,CAAC,aAAa,CAAS;IAE9B;;OAEG;IACH,OAAO,CAAC,OAAO,CAAwB;IAEvC;;OAEG;IACH,OAAO,CAAC,YAAY,CAAM;IAE1B;;OAEG;IACH,OAAO,CAAC,eAAe;IA4BvB;;;;;;;;;;;OAWG;IACH,SAAS,CAAC,SAAS,CAAC,SAAS,EAAE,MAAM;IA+BrC;;;;;OAKG;IACH,SAAS,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;IAOnD;;;;;OAKG;IACH,SAAS,CAAC,aAAa,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;IAQhD,SAAS,CAAC,YAAY,CAAC,KAAK,EAAE,UAAU;IASxC,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,aAAa;IA2E7C,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,WAAW;IAyD7C;;;;;;OAMG;IACH,SAAS,CAAC,wBAAwB,CAAC,CAAC,KAAA,EAAE,EAAE,SAAS,EAAE;;KAAA;IA4BnD,OAAO,CAAC,oBAAoB;IAW5B,iBAAiB;IAoBjB;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAWpC,SAAS,CAAC,mBAAmB,CAC3B,YAAY,EAAE,MAAM,EACpB,eAAe,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,SAAS;IAMpD;;OAEG;IAEH,OAAO,CAAC,qBAAqB,CAAC,CAAc;IAE5C;;OAEG;IAEH,OAAO,CAAC,YAAY,CAAC,CAAc;IAEnC;;OAEG;IAEH,OAAO,CAAC,sBAAsB,CAAK;IAEnC;;;OAGG;IAEH,OAAO,CAAC,6BAA6B,CAAC,CAAc;IAEpD;;;OAGG;IAEH,OAAO,CAAC,8BAA8B,CAAC,CAAc;IAErD;;OAEG;IAEH,2BAA2B,SACkC;IAE7D;;OAEG;IAEH,yBAAyB,SAAuB;IAEhD;;OAEG;IAEH,cAAc,SAAM;IAEpB;;OAEG;IAEH,IAAI,YAAqB;IAEzB;;;OAGG;IAEH,QAAQ,UAAS;IACjB;;OAEG;IAEH,WAAW,MAAC;IAEZ;;;;;;OAMG;IAGK,IAAI,EAAE,SAAS,CAAC;IAExB;;OAEG;IAEH,QAAQ,CAAC,EAAE,cAAc,CAAC;IAE1B;;OAEG;IAEH,SAAS,UAAS;IAElB;;;OAGG;IAEH,OAAO,CAAC,mCAAmC,CAAQ;IAEnD;;;OAGG;IAEH,OAAO,CAAC,oCAAoC,CAAQ;IAEpD;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAAqC;IAElE;;;;OAIG;IACH,OAAO,CAAC,6BAA6B,CAcnC;IAEF;;;;;OAKG;IACH,OAAO,CAAC,4CAA4C;IA+BpD,oBAAoB;IAKpB,YAAY,CAAC,iBAAiB,KAAA;IAsB9B,YAAY;IASZ,OAAO,CAAC,iBAAiB,KAAA;IAyDzB;;OAEG;IACH,SAAS,CAAC,oBAAoB,IAAI,cAAc,GAAG,IAAI;IA0BvD;;OAEG;IACH,SAAS,CAAC,gBAAgB,IAAI,cAAc,GAAG,IAAI;IA0BnD,MAAM;IA8BN,SAAS,CAAC,gBAAgB;IAS1B,SAAS,CAAC,eAAe;IAiBzB;;OAEG;IACH,MAAM,CAAC,YAAY,cAA2B;IAE9C;;OAEG;IACH,MAAM,KAAK,YAAY,WAEtB;IAED;;OAEG;IACH,MAAM,KAAK,mBAAmB,WAE7B;IAED;;OAEG;IACH,MAAM,KAAK,uBAAuB,WAEjC;IAED;;OAEG;IACH,MAAM,KAAK,oBAAoB,WAE9B;IAED;;OAEG;IACH,MAAM,KAAK,eAAe,WAEzB;IAED;;;OAGG;IACH,MAAM,KAAK,iBAAiB,WAE3B;IAED;;OAEG;IACH,MAAM,KAAK,WAAW,WAErB;IAED,MAAM,CAAC,MAAM,MAAU;IAEvB;;;;OAIG;IACH,MAAM,CAAC,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,UAAU,UAAQ;CAmBjD"}
|
|
@@ -5,18 +5,19 @@
|
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
7
|
import { ReactiveController, ReactiveElement } from 'lit';
|
|
8
|
-
import { type Boundary } from '@floating-ui/dom';
|
|
8
|
+
import { flip, type Boundary } from '@floating-ui/dom';
|
|
9
9
|
type FloatingControllerOptions = {
|
|
10
10
|
target: HTMLElement;
|
|
11
11
|
trigger: HTMLElement;
|
|
12
12
|
alignment: string;
|
|
13
13
|
arrowElement?: HTMLElement | undefined;
|
|
14
|
-
flipArguments?:
|
|
14
|
+
flipArguments?: Parameters<typeof flip>[0];
|
|
15
15
|
caret?: boolean;
|
|
16
16
|
styleElement?: HTMLElement;
|
|
17
17
|
matchWidth?: boolean;
|
|
18
18
|
open: boolean;
|
|
19
19
|
alignmentAxisOffset?: number;
|
|
20
|
+
mainAxisOffset?: number;
|
|
20
21
|
autoAlignBoundary?: Boundary;
|
|
21
22
|
isTabTip?: boolean;
|
|
22
23
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"floating-controller.d.ts","sourceRoot":"","sources":["../../../src/globals/controllers/floating-controller.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,
|
|
1
|
+
{"version":3,"file":"floating-controller.d.ts","sourceRoot":"","sources":["../../../src/globals/controllers/floating-controller.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAEL,IAAI,EAOJ,KAAK,QAAQ,EACd,MAAM,kBAAkB,CAAC;AAE1B,KAAK,yBAAyB,GAAG;IAC/B,MAAM,EAAE,WAAW,CAAC;IACpB,OAAO,EAAE,WAAW,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAElB,YAAY,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACvC,aAAa,CAAC,EAAE,UAAU,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,IAAI,EAAE,OAAO,CAAC;IACd,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,iBAAiB,CAAC,EAAE,QAAQ,CAAC;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,kBAAmB,YAAW,kBAAkB;IACnE;;OAEG;IACH,OAAO,CAAC,IAAI,CAAkB;IAC9B;;OAEG;IACH,OAAO,CAAC,OAAO,CAA6B;IAC5C;;OAEG;IACH,OAAO,CAAC,OAAO,CAAC,CAAa;IAE7B;;;OAGG;gBACS,IAAI,EAAE,eAAe;IAK3B,YAAY,CAAC,OAAO,GAAE,yBAAwC;IAOpE,eAAe,QAAO,IAAI,CAExB;IAEI,gBAAgB;IA6LtB,WAAW,IAAI,IAAI;IAOnB,gBAAgB,IAAI,IAAI;CAIzB"}
|
|
@@ -29,10 +29,11 @@ var FloatingController = class {
|
|
|
29
29
|
async setPlacement(options = this.options) {
|
|
30
30
|
this.options = options;
|
|
31
31
|
const { trigger, target } = options;
|
|
32
|
+
this.cleanup?.();
|
|
32
33
|
this.cleanup = (0, _floating_ui_dom.autoUpdate)(trigger, target, this.updatePlacement);
|
|
33
34
|
}
|
|
34
35
|
async computePlacement() {
|
|
35
|
-
const { arrowElement, alignment, caret, trigger, target, styleElement, matchWidth, open, alignmentAxisOffset, autoAlignBoundary, isTabTip } = this.options;
|
|
36
|
+
const { arrowElement, alignment, caret, trigger, target, styleElement, matchWidth, open, alignmentAxisOffset, mainAxisOffset, autoAlignBoundary, isTabTip, flipArguments } = this.options;
|
|
36
37
|
const isListBox = target?.role === "listbox";
|
|
37
38
|
const isMenu = target?.localName === "cds-menu";
|
|
38
39
|
const element = styleElement ?? target;
|
|
@@ -76,7 +77,7 @@ var FloatingController = class {
|
|
|
76
77
|
const middleware = [
|
|
77
78
|
(0, _floating_ui_dom.offset)(!isTabTip ? {
|
|
78
79
|
alignmentAxis: alignmentAxisOffset,
|
|
79
|
-
mainAxis: caret ? offsetPx : 4
|
|
80
|
+
mainAxis: mainAxisOffset ?? (caret ? offsetPx : 4)
|
|
80
81
|
} : 0),
|
|
81
82
|
(0, _floating_ui_dom.flip)({
|
|
82
83
|
fallbackPlacements: isTabTip ? shimmedAlign.includes("bottom") ? [
|
|
@@ -118,7 +119,8 @@ var FloatingController = class {
|
|
|
118
119
|
],
|
|
119
120
|
fallbackStrategy: "initialPlacement",
|
|
120
121
|
fallbackAxisSideDirection: "start",
|
|
121
|
-
boundary: autoAlignBoundary
|
|
122
|
+
boundary: autoAlignBoundary,
|
|
123
|
+
...flipArguments
|
|
122
124
|
}),
|
|
123
125
|
...matchWidth && (shimmedAlign === "bottom" || shimmedAlign === "top") ? [(0, _floating_ui_dom.size)({ apply({ rects, elements }) {
|
|
124
126
|
elements.floating.style.width = `${rects.reference.width}px`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"floating-controller.js","names":[],"sources":["../../../src/globals/controllers/floating-controller.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2024, 2026\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 { ReactiveController, ReactiveElement } from 'lit';\nimport {\n computePosition,\n flip,\n size,\n offset,\n arrow,\n autoUpdate,\n hide,\n Placement,\n type Boundary,\n} from '@floating-ui/dom';\n\ntype FloatingControllerOptions = {\n target: HTMLElement;\n trigger: HTMLElement;\n alignment: string;\n\n arrowElement?: HTMLElement | undefined;\n flipArguments?: object;\n caret?: boolean;\n\n styleElement?: HTMLElement;\n matchWidth?: boolean;\n open: boolean;\n alignmentAxisOffset?: number;\n autoAlignBoundary?: Boundary;\n isTabTip?: boolean;\n};\n\n/**\n * Controller for positioning the menu using Floating UI.\n */\nexport default class FloatingController implements ReactiveController {\n /**\n * Host component\n */\n private host: ReactiveElement;\n /**\n * Floating-ui options to pass to `computePlacement()`\n */\n private options!: FloatingControllerOptions;\n /**\n * cleanup function to stop auto updates\n */\n private cleanup?: () => void;\n\n /**\n * register with host component\n * @param host host component\n */\n constructor(host: ReactiveElement) {\n this.host = host;\n host.addController(this);\n }\n\n async setPlacement(options: FloatingControllerOptions = this.options) {\n this.options = options;\n const { trigger, target } = options;\n this.cleanup = autoUpdate(trigger, target, this.updatePlacement);\n }\n\n updatePlacement = (): void => {\n this.computePlacement();\n };\n\n async computePlacement() {\n const {\n arrowElement,\n alignment,\n caret,\n trigger,\n target,\n styleElement,\n matchWidth,\n open,\n alignmentAxisOffset,\n autoAlignBoundary,\n isTabTip,\n } = this.options;\n\n const isListBox = target?.role === 'listbox';\n const isMenu = target?.localName === 'cds-menu';\n\n const element = styleElement ?? target;\n\n if (!element) return;\n\n let shimmedAlign;\n switch (alignment) {\n case 'top-left':\n shimmedAlign = 'top-start';\n break;\n case 'top-right':\n shimmedAlign = 'top-end';\n break;\n case 'bottom-left':\n shimmedAlign = 'bottom-start';\n break;\n case 'bottom-right':\n shimmedAlign = 'bottom-end';\n break;\n case 'left-bottom':\n shimmedAlign = 'left-end';\n break;\n case 'left-top':\n shimmedAlign = 'left-start';\n break;\n case 'right-bottom':\n shimmedAlign = 'right-end';\n break;\n case 'right-top':\n shimmedAlign = 'right-start';\n break;\n default:\n shimmedAlign = alignment;\n break;\n }\n const cs = getComputedStyle(element);\n const toPx = (val: string) => {\n const raw = parseFloat(val);\n return val.trim().endsWith('rem') ? raw * 16 : raw;\n };\n const offsetPx = !isTabTip\n ? (toPx(cs.getPropertyValue('--cds-popover-offset').trim()) ?? 10)\n : 0;\n\n const middleware = [\n offset(\n !isTabTip\n ? {\n alignmentAxis: alignmentAxisOffset,\n // Use 4px spacing when no caret, otherwise use the caret offset\n mainAxis: caret ? offsetPx : 4,\n }\n : 0\n ),\n flip({\n fallbackPlacements: isTabTip\n ? shimmedAlign.includes('bottom')\n ? ['bottom-start', 'bottom-end', 'top-start', 'top-end']\n : ['top-start', 'top-end', 'bottom-start', 'bottom-end']\n : isListBox || isMenu\n ? ['top', 'bottom']\n : shimmedAlign.includes('bottom')\n ? [\n 'bottom',\n 'bottom-start',\n 'bottom-end',\n 'right',\n 'right-start',\n 'right-end',\n 'left',\n 'left-start',\n 'left-end',\n 'top',\n 'top-start',\n 'top-end',\n ]\n : [\n 'top',\n 'top-start',\n 'top-end',\n 'left',\n 'left-start',\n 'left-end',\n 'right',\n 'right-start',\n 'right-end',\n 'bottom',\n 'bottom-start',\n 'bottom-end',\n ],\n\n fallbackStrategy: 'initialPlacement',\n fallbackAxisSideDirection: 'start',\n boundary: autoAlignBoundary,\n }),\n ...(matchWidth && (shimmedAlign === 'bottom' || shimmedAlign === 'top')\n ? [\n size({\n apply({ rects, elements }) {\n elements.floating.style.width = `${rects.reference.width}px`;\n },\n }),\n ]\n : [\n size({\n apply({ elements }) {\n elements.floating.style.removeProperty('width');\n },\n }),\n ]),\n\n ...(caret && arrowElement\n ? [arrow({ element: arrowElement, padding: 15 })]\n : []),\n\n ...[hide()],\n ];\n\n if (open) {\n const { x, y, placement, middlewareData, strategy } =\n await computePosition(trigger, element, {\n strategy: 'fixed',\n middleware,\n placement: shimmedAlign as Placement,\n });\n\n element.setAttribute('align', placement);\n\n element.style.left = `${x}px`;\n element.style.top = `${y}px`;\n element.style.position = `${strategy}`;\n\n element.style.visibility = middlewareData.hide?.referenceHidden\n ? 'hidden'\n : 'visible';\n\n if (arrowElement) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore\n const { x: arrowX, y: arrowY } = middlewareData.arrow;\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n const staticSide: any = {\n top: 'bottom',\n right: 'left',\n bottom: 'top',\n left: 'right',\n }[placement.split('-')[0]];\n\n arrowElement.style.left = arrowX != null ? `${arrowX}px` : '';\n arrowElement.style.top = arrowY != null ? `${arrowY}px` : '';\n arrowElement.style.right = '';\n arrowElement.style.bottom = '';\n arrowElement.style[staticSide] = `${-arrowElement.offsetWidth / 2}px`;\n }\n\n // adding specific case here where the style of the caret/arrow\n // is dependent on the placement\n // TODO: remove reference to slug in v12\n if (\n this.host.tagName === 'CDS-AI-LABEL' ||\n this.host.tagName === 'CDS-SLUG'\n ) {\n this.host?.setAttribute('alignment', placement);\n }\n }\n }\n\n hostUpdated(): void {\n if (!this.host.hasAttribute('open')) {\n this.cleanup?.();\n this.cleanup = undefined;\n }\n }\n\n hostDisconnected(): void {\n this.cleanup?.();\n this.cleanup = undefined;\n }\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"floating-controller.js","names":[],"sources":["../../../src/globals/controllers/floating-controller.ts"],"sourcesContent":["/**\n * Copyright IBM Corp. 2024, 2026\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 { ReactiveController, ReactiveElement } from 'lit';\nimport {\n computePosition,\n flip,\n size,\n offset,\n arrow,\n autoUpdate,\n hide,\n Placement,\n type Boundary,\n} from '@floating-ui/dom';\n\ntype FloatingControllerOptions = {\n target: HTMLElement;\n trigger: HTMLElement;\n alignment: string;\n\n arrowElement?: HTMLElement | undefined;\n flipArguments?: Parameters<typeof flip>[0];\n caret?: boolean;\n\n styleElement?: HTMLElement;\n matchWidth?: boolean;\n open: boolean;\n alignmentAxisOffset?: number;\n mainAxisOffset?: number;\n autoAlignBoundary?: Boundary;\n isTabTip?: boolean;\n};\n\n/**\n * Controller for positioning the menu using Floating UI.\n */\nexport default class FloatingController implements ReactiveController {\n /**\n * Host component\n */\n private host: ReactiveElement;\n /**\n * Floating-ui options to pass to `computePlacement()`\n */\n private options!: FloatingControllerOptions;\n /**\n * cleanup function to stop auto updates\n */\n private cleanup?: () => void;\n\n /**\n * register with host component\n * @param host host component\n */\n constructor(host: ReactiveElement) {\n this.host = host;\n host.addController(this);\n }\n\n async setPlacement(options: FloatingControllerOptions = this.options) {\n this.options = options;\n const { trigger, target } = options;\n this.cleanup?.();\n this.cleanup = autoUpdate(trigger, target, this.updatePlacement);\n }\n\n updatePlacement = (): void => {\n this.computePlacement();\n };\n\n async computePlacement() {\n const {\n arrowElement,\n alignment,\n caret,\n trigger,\n target,\n styleElement,\n matchWidth,\n open,\n alignmentAxisOffset,\n mainAxisOffset,\n autoAlignBoundary,\n isTabTip,\n flipArguments,\n } = this.options;\n\n const isListBox = target?.role === 'listbox';\n const isMenu = target?.localName === 'cds-menu';\n\n const element = styleElement ?? target;\n\n if (!element) return;\n\n let shimmedAlign;\n switch (alignment) {\n case 'top-left':\n shimmedAlign = 'top-start';\n break;\n case 'top-right':\n shimmedAlign = 'top-end';\n break;\n case 'bottom-left':\n shimmedAlign = 'bottom-start';\n break;\n case 'bottom-right':\n shimmedAlign = 'bottom-end';\n break;\n case 'left-bottom':\n shimmedAlign = 'left-end';\n break;\n case 'left-top':\n shimmedAlign = 'left-start';\n break;\n case 'right-bottom':\n shimmedAlign = 'right-end';\n break;\n case 'right-top':\n shimmedAlign = 'right-start';\n break;\n default:\n shimmedAlign = alignment;\n break;\n }\n const cs = getComputedStyle(element);\n const toPx = (val: string) => {\n const raw = parseFloat(val);\n return val.trim().endsWith('rem') ? raw * 16 : raw;\n };\n const offsetPx = !isTabTip\n ? (toPx(cs.getPropertyValue('--cds-popover-offset').trim()) ?? 10)\n : 0;\n\n const middleware = [\n offset(\n !isTabTip\n ? {\n alignmentAxis: alignmentAxisOffset,\n // Allow callers to override default trigger-to-surface spacing.\n // Fallback remains 4px for non-caret overlays.\n mainAxis: mainAxisOffset ?? (caret ? offsetPx : 4),\n }\n : 0\n ),\n flip({\n fallbackPlacements: isTabTip\n ? shimmedAlign.includes('bottom')\n ? ['bottom-start', 'bottom-end', 'top-start', 'top-end']\n : ['top-start', 'top-end', 'bottom-start', 'bottom-end']\n : isListBox || isMenu\n ? ['top', 'bottom']\n : shimmedAlign.includes('bottom')\n ? [\n 'bottom',\n 'bottom-start',\n 'bottom-end',\n 'right',\n 'right-start',\n 'right-end',\n 'left',\n 'left-start',\n 'left-end',\n 'top',\n 'top-start',\n 'top-end',\n ]\n : [\n 'top',\n 'top-start',\n 'top-end',\n 'left',\n 'left-start',\n 'left-end',\n 'right',\n 'right-start',\n 'right-end',\n 'bottom',\n 'bottom-start',\n 'bottom-end',\n ],\n\n fallbackStrategy: 'initialPlacement',\n fallbackAxisSideDirection: 'start',\n boundary: autoAlignBoundary,\n ...flipArguments,\n }),\n ...(matchWidth && (shimmedAlign === 'bottom' || shimmedAlign === 'top')\n ? [\n size({\n apply({ rects, elements }) {\n elements.floating.style.width = `${rects.reference.width}px`;\n },\n }),\n ]\n : [\n size({\n apply({ elements }) {\n elements.floating.style.removeProperty('width');\n },\n }),\n ]),\n\n ...(caret && arrowElement\n ? [arrow({ element: arrowElement, padding: 15 })]\n : []),\n\n ...[hide()],\n ];\n\n if (open) {\n const { x, y, placement, middlewareData, strategy } =\n await computePosition(trigger, element, {\n strategy: 'fixed',\n middleware,\n placement: shimmedAlign as Placement,\n });\n\n element.setAttribute('align', placement);\n\n element.style.left = `${x}px`;\n element.style.top = `${y}px`;\n element.style.position = `${strategy}`;\n\n element.style.visibility = middlewareData.hide?.referenceHidden\n ? 'hidden'\n : 'visible';\n\n if (arrowElement) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment -- https://github.com/carbon-design-system/carbon/issues/20452\n // @ts-ignore\n const { x: arrowX, y: arrowY } = middlewareData.arrow;\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any -- https://github.com/carbon-design-system/carbon/issues/20452\n const staticSide: any = {\n top: 'bottom',\n right: 'left',\n bottom: 'top',\n left: 'right',\n }[placement.split('-')[0]];\n\n arrowElement.style.left = arrowX != null ? `${arrowX}px` : '';\n arrowElement.style.top = arrowY != null ? `${arrowY}px` : '';\n arrowElement.style.right = '';\n arrowElement.style.bottom = '';\n arrowElement.style[staticSide] = `${-arrowElement.offsetWidth / 2}px`;\n }\n\n // adding specific case here where the style of the caret/arrow\n // is dependent on the placement\n // TODO: remove reference to slug in v12\n if (\n this.host.tagName === 'CDS-AI-LABEL' ||\n this.host.tagName === 'CDS-SLUG'\n ) {\n this.host?.setAttribute('alignment', placement);\n }\n }\n }\n\n hostUpdated(): void {\n if (!this.host.hasAttribute('open')) {\n this.cleanup?.();\n this.cleanup = undefined;\n }\n }\n\n hostDisconnected(): void {\n this.cleanup?.();\n this.cleanup = undefined;\n }\n}\n"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carbon/web-components",
|
|
3
3
|
"description": "Web components for the Carbon Design System",
|
|
4
|
-
"version": "2.
|
|
4
|
+
"version": "2.57.0",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "es/index.js",
|
|
7
7
|
"module": "es/index.js",
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
"dependencies": {
|
|
68
68
|
"@carbon/icon-helpers": "10.47.0",
|
|
69
69
|
"@carbon/icons": "^11.82.0",
|
|
70
|
-
"@carbon/styles": "^1.
|
|
70
|
+
"@carbon/styles": "^1.109.0",
|
|
71
71
|
"@carbon/utilities": "^0.17.0",
|
|
72
72
|
"@floating-ui/dom": "^1.6.3",
|
|
73
73
|
"@ibm/telemetry-js": "^1.10.2",
|
|
@@ -126,5 +126,5 @@
|
|
|
126
126
|
}
|
|
127
127
|
]
|
|
128
128
|
},
|
|
129
|
-
"gitHead": "
|
|
129
|
+
"gitHead": "a4c90a9dc15cc4f0e6a99b3c0001a7a25303b555"
|
|
130
130
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
//
|
|
2
|
-
// Copyright IBM Corp. 2019,
|
|
2
|
+
// Copyright IBM Corp. 2019, 2026
|
|
3
3
|
//
|
|
4
4
|
// This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
// LICENSE file in the root directory of this source tree.
|
|
@@ -319,3 +319,5 @@ $css--plex: true !default;
|
|
|
319
319
|
inset-inline-end: to-rem(116px) !important;
|
|
320
320
|
}
|
|
321
321
|
}
|
|
322
|
+
|
|
323
|
+
@include emit-layout-tokens-to-shadow-host('#{$prefix}-combo-box');
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
//
|
|
2
|
-
// Copyright IBM Corp. 2019,
|
|
2
|
+
// Copyright IBM Corp. 2019, 2026
|
|
3
3
|
//
|
|
4
4
|
// This source code is licensed under the Apache-2.0 license found in the
|
|
5
5
|
// LICENSE file in the root directory of this source tree.
|
|
@@ -18,11 +18,14 @@ $css--plex: true !default;
|
|
|
18
18
|
@use '@carbon/styles/scss/components/tag';
|
|
19
19
|
@use '@carbon/styles/scss/utilities/ai-gradient' as *;
|
|
20
20
|
@use '@carbon/styles/scss/utilities/convert' as convert;
|
|
21
|
+
@use '@carbon/styles/scss/layout' as *;
|
|
21
22
|
|
|
22
23
|
// https://github.com/carbon-design-system/carbon/issues/11408
|
|
23
24
|
@include list-box;
|
|
24
25
|
|
|
25
26
|
:host(#{$prefix}-dropdown) {
|
|
27
|
+
@include emit-layout-tokens();
|
|
28
|
+
|
|
26
29
|
outline: none;
|
|
27
30
|
|
|
28
31
|
.#{$prefix}--list-box {
|
|
@@ -362,3 +365,5 @@ $divider-width: 1px;
|
|
|
362
365
|
inset-inline-end: $spacing-08;
|
|
363
366
|
}
|
|
364
367
|
}
|
|
368
|
+
|
|
369
|
+
@include emit-layout-tokens-to-shadow-host('#{$prefix}-dropdown');
|
|
@@ -17,8 +17,11 @@ $css--plex: true !default;
|
|
|
17
17
|
@use '@carbon/styles/scss/components/checkbox';
|
|
18
18
|
@use '@carbon/styles/scss/components/tag';
|
|
19
19
|
@use '@carbon/styles/scss/utilities/convert';
|
|
20
|
+
@use '@carbon/styles/scss/layout' as *;
|
|
20
21
|
|
|
21
22
|
:host(#{$prefix}-multi-select) {
|
|
23
|
+
@include emit-layout-tokens();
|
|
24
|
+
|
|
22
25
|
box-sizing: border-box;
|
|
23
26
|
outline: none;
|
|
24
27
|
|
|
@@ -515,3 +518,5 @@ $css--plex: true !default;
|
|
|
515
518
|
outline: none !important;
|
|
516
519
|
}
|
|
517
520
|
}
|
|
521
|
+
|
|
522
|
+
@include emit-layout-tokens-to-shadow-host('#{$prefix}-multi-select');
|
|
@@ -34,7 +34,7 @@ $inset-transition: inset 110ms motion(standard, productive);
|
|
|
34
34
|
overflow: scroll;
|
|
35
35
|
flex: 1 1 0%;
|
|
36
36
|
// for some reason, overflow: hidden shrinks the content
|
|
37
|
-
block-size:
|
|
37
|
+
block-size: layout.size('height');
|
|
38
38
|
scrollbar-width: none;
|
|
39
39
|
|
|
40
40
|
&::-webkit-scrollbar {
|
|
@@ -83,12 +83,25 @@ $inset-transition: inset 110ms motion(standard, productive);
|
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
85
|
|
|
86
|
+
:host(#{$prefix}-tabs[size='sm']) {
|
|
87
|
+
@extend .#{$prefix}--layout--size-sm;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
:host(#{$prefix}-tabs[size='md']) {
|
|
91
|
+
@extend .#{$prefix}--layout--size-md;
|
|
92
|
+
}
|
|
93
|
+
|
|
94
|
+
:host(#{$prefix}-tabs[type='contained'][size='lg']),
|
|
95
|
+
:host(#{$prefix}-tabs[vertical][size='lg']) {
|
|
96
|
+
@extend .#{$prefix}--layout--size-lg;
|
|
97
|
+
}
|
|
98
|
+
|
|
86
99
|
:host(#{$prefix}-tabs[icon-size='default'])
|
|
87
100
|
.#{$prefix}--tabs-nav-content-container,
|
|
88
101
|
:host(#{$prefix}-tabs.#{$prefix}--tabs__icon--default)
|
|
89
102
|
.#{$prefix}--tabs-nav-content-container {
|
|
90
103
|
overflow: visible;
|
|
91
|
-
block-size:
|
|
104
|
+
block-size: layout.size('height');
|
|
92
105
|
}
|
|
93
106
|
|
|
94
107
|
:host(#{$prefix}-tabs[icon-size='lg']) .#{$prefix}--tabs-nav-content-container,
|
|
@@ -226,6 +239,8 @@ $inset-transition: inset 110ms motion(standard, productive);
|
|
|
226
239
|
|
|
227
240
|
:host(#{$prefix}-tab),
|
|
228
241
|
:host(#{$prefix}-tab-skeleton) {
|
|
242
|
+
@include layout.use('size', $default: 'md', $min: 'sm', $max: 'lg');
|
|
243
|
+
|
|
229
244
|
display: flex;
|
|
230
245
|
background: transparent;
|
|
231
246
|
inline-size: 100%;
|
|
@@ -271,8 +286,10 @@ $inset-transition: inset 110ms motion(standard, productive);
|
|
|
271
286
|
}
|
|
272
287
|
:host(#{$prefix}-tab:not([type='contained'])) {
|
|
273
288
|
.#{$prefix}--tabs__nav-link {
|
|
274
|
-
|
|
275
|
-
|
|
289
|
+
display: flex;
|
|
290
|
+
align-items: center;
|
|
291
|
+
block-size: layout.size('height');
|
|
292
|
+
padding-block: 0;
|
|
276
293
|
}
|
|
277
294
|
}
|
|
278
295
|
|
|
@@ -305,8 +322,8 @@ $inset-transition: inset 110ms motion(standard, productive);
|
|
|
305
322
|
:host(#{$prefix}-tab[icon-only]),
|
|
306
323
|
:host(#{$prefix}-tab.#{$prefix}--tabs__nav-item--icon-only) {
|
|
307
324
|
flex: 0 0 auto;
|
|
308
|
-
block-size:
|
|
309
|
-
inline-size:
|
|
325
|
+
block-size: layout.size('height');
|
|
326
|
+
inline-size: layout.size('height');
|
|
310
327
|
|
|
311
328
|
.#{$prefix}--tabs__nav-item-label-wrapper {
|
|
312
329
|
display: flex;
|
|
@@ -382,7 +399,11 @@ $inset-transition: inset 110ms motion(standard, productive);
|
|
|
382
399
|
}
|
|
383
400
|
}
|
|
384
401
|
|
|
385
|
-
:host(
|
|
402
|
+
:host(
|
|
403
|
+
#{$prefix}-tab:not([type='contained']):hover:not([selected]):not(
|
|
404
|
+
[disabled]
|
|
405
|
+
):not([vertical])
|
|
406
|
+
) {
|
|
386
407
|
background-color: transparent;
|
|
387
408
|
|
|
388
409
|
a.#{$prefix}--tabs__nav-link {
|
|
@@ -576,6 +597,7 @@ $inset-transition: inset 110ms motion(standard, productive);
|
|
|
576
597
|
:host(#{$prefix}-tab[vertical]) .#{$prefix}--tabs__nav-link {
|
|
577
598
|
display: flex;
|
|
578
599
|
align-items: center;
|
|
600
|
+
block-size: 100%;
|
|
579
601
|
border-block-end: 1px solid $border-subtle;
|
|
580
602
|
}
|
|
581
603
|
|
|
@@ -647,6 +669,9 @@ $inset-transition: inset 110ms motion(standard, productive);
|
|
|
647
669
|
// Internal styles for cds-tabs when inside cds-tabs-vertical
|
|
648
670
|
// These are applied via a CSS custom property / attribute set by the wrapper
|
|
649
671
|
:host(#{$prefix}-tabs[vertical]) {
|
|
672
|
+
// Default line-clamp for vertical tabs
|
|
673
|
+
--#{$prefix}-tabs-vertical-line-clamp: 2;
|
|
674
|
+
|
|
650
675
|
.#{$prefix}--tabs-nav-content-container {
|
|
651
676
|
block-size: 100%;
|
|
652
677
|
overflow-x: hidden;
|
|
@@ -670,22 +695,17 @@ $inset-transition: inset 110ms motion(standard, productive);
|
|
|
670
695
|
.#{$prefix}--tab--overflow-nav-button {
|
|
671
696
|
display: none;
|
|
672
697
|
}
|
|
698
|
+
}
|
|
673
699
|
|
|
674
|
-
|
|
675
|
-
|
|
676
|
-
|
|
677
|
-
-webkit-box-orient: vertical;
|
|
678
|
-
-webkit-line-clamp: 2;
|
|
679
|
-
line-height: var(--cds-body-compact-01-line-height);
|
|
680
|
-
text-overflow: ellipsis;
|
|
681
|
-
white-space: normal;
|
|
682
|
-
}
|
|
700
|
+
// Size-specific line-clamp overrides for vertical tabs
|
|
701
|
+
:host(#{$prefix}-tabs[size='sm'][vertical]) {
|
|
702
|
+
--#{$prefix}-tabs-vertical-line-clamp: 1;
|
|
683
703
|
}
|
|
684
704
|
|
|
685
705
|
:host(#{$prefix}-tab[vertical]) {
|
|
686
706
|
flex: none;
|
|
687
707
|
background-color: $layer-01;
|
|
688
|
-
block-size: $spacing-10;
|
|
708
|
+
block-size: var(--#{$prefix}-layout-size-height, $spacing-10);
|
|
689
709
|
border-inline-end: 1px solid $border-subtle;
|
|
690
710
|
box-shadow: inset 3px 0 0 0 $border-subtle;
|
|
691
711
|
inline-size: 100%;
|
|
@@ -694,7 +714,7 @@ $inset-transition: inset 110ms motion(standard, productive);
|
|
|
694
714
|
display: -webkit-box;
|
|
695
715
|
overflow: hidden;
|
|
696
716
|
-webkit-box-orient: vertical;
|
|
697
|
-
-webkit-line-clamp:
|
|
717
|
+
-webkit-line-clamp: var(--#{$prefix}-tabs-vertical-line-clamp);
|
|
698
718
|
line-height: var(--cds-body-compact-01-line-height);
|
|
699
719
|
text-overflow: ellipsis;
|
|
700
720
|
white-space: normal;
|