@carbon/web-components 2.56.0 → 2.57.0-rc.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/tabs.d.ts +0 -4
- package/es/components/tabs/tabs.d.ts.map +1 -1
- package/es/components/tabs/tabs.js +0 -1
- 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/tabs.d.ts +0 -4
- package/es-custom/components/tabs/tabs.d.ts.map +1 -1
- package/es-custom/components/tabs/tabs.js +0 -1
- 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/tabs.d.ts +0 -4
- 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 +27 -7
- 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"}
|
|
@@ -155,10 +155,6 @@ export default class CDSTabs extends CDSTabs_base {
|
|
|
155
155
|
* Whether the rendered Tab children should be dismissable.
|
|
156
156
|
*/
|
|
157
157
|
dismissable: any;
|
|
158
|
-
/**
|
|
159
|
-
* Specify the size of contained tabs.
|
|
160
|
-
*/
|
|
161
|
-
size?: TABS_SIZE;
|
|
162
158
|
/**
|
|
163
159
|
* Specify the icon size used by icon-only tabs.
|
|
164
160
|
*/
|
|
@@ -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;IAuBvB;;;;;;;;;;;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;;OAEG;IAEH,
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/tabs.ts"],"names":[],"mappings":"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"}
|
|
@@ -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-rc.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-rc.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": "3aa2f52f41ca1232c1023c59246ba61d06950718"
|
|
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,24 @@ $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[size='lg']) {
|
|
95
|
+
@extend .#{$prefix}--layout--size-lg;
|
|
96
|
+
}
|
|
97
|
+
|
|
86
98
|
:host(#{$prefix}-tabs[icon-size='default'])
|
|
87
99
|
.#{$prefix}--tabs-nav-content-container,
|
|
88
100
|
:host(#{$prefix}-tabs.#{$prefix}--tabs__icon--default)
|
|
89
101
|
.#{$prefix}--tabs-nav-content-container {
|
|
90
102
|
overflow: visible;
|
|
91
|
-
block-size:
|
|
103
|
+
block-size: layout.size('height');
|
|
92
104
|
}
|
|
93
105
|
|
|
94
106
|
:host(#{$prefix}-tabs[icon-size='lg']) .#{$prefix}--tabs-nav-content-container,
|
|
@@ -226,6 +238,8 @@ $inset-transition: inset 110ms motion(standard, productive);
|
|
|
226
238
|
|
|
227
239
|
:host(#{$prefix}-tab),
|
|
228
240
|
:host(#{$prefix}-tab-skeleton) {
|
|
241
|
+
@include layout.use('size', $default: 'md', $min: 'sm', $max: 'lg');
|
|
242
|
+
|
|
229
243
|
display: flex;
|
|
230
244
|
background: transparent;
|
|
231
245
|
inline-size: 100%;
|
|
@@ -271,8 +285,10 @@ $inset-transition: inset 110ms motion(standard, productive);
|
|
|
271
285
|
}
|
|
272
286
|
:host(#{$prefix}-tab:not([type='contained'])) {
|
|
273
287
|
.#{$prefix}--tabs__nav-link {
|
|
274
|
-
|
|
275
|
-
|
|
288
|
+
display: flex;
|
|
289
|
+
align-items: center;
|
|
290
|
+
block-size: layout.size('height');
|
|
291
|
+
padding-block: 0;
|
|
276
292
|
}
|
|
277
293
|
}
|
|
278
294
|
|
|
@@ -305,8 +321,8 @@ $inset-transition: inset 110ms motion(standard, productive);
|
|
|
305
321
|
:host(#{$prefix}-tab[icon-only]),
|
|
306
322
|
:host(#{$prefix}-tab.#{$prefix}--tabs__nav-item--icon-only) {
|
|
307
323
|
flex: 0 0 auto;
|
|
308
|
-
block-size:
|
|
309
|
-
inline-size:
|
|
324
|
+
block-size: layout.size('height');
|
|
325
|
+
inline-size: layout.size('height');
|
|
310
326
|
|
|
311
327
|
.#{$prefix}--tabs__nav-item-label-wrapper {
|
|
312
328
|
display: flex;
|
|
@@ -382,7 +398,11 @@ $inset-transition: inset 110ms motion(standard, productive);
|
|
|
382
398
|
}
|
|
383
399
|
}
|
|
384
400
|
|
|
385
|
-
:host(
|
|
401
|
+
:host(
|
|
402
|
+
#{$prefix}-tab:not([type='contained']):hover:not([selected]):not(
|
|
403
|
+
[disabled]
|
|
404
|
+
):not([vertical])
|
|
405
|
+
) {
|
|
386
406
|
background-color: transparent;
|
|
387
407
|
|
|
388
408
|
a.#{$prefix}--tabs__nav-link {
|