[Design system consistency] add `topLayerDisabled` to allow for opting out of the top layer use

[geospatialem]

monday.com sync: #11006059378

Check existing issues

• I have checked for existing issues to avoid duplicates

Which Component

Input Time Zone, Split Button, Action Group, Block, Panel, Flow Item

Description

Components using popover, action-menu and dropdown should have the capability to opt-out of top layer use using the newly added topLayerDisabled property, extending the efforts introduced and included as part of #13560 and #13647 for dialog, sheet, alert, autocomplete, combobox, dropdown, input-date-picker, popover and tooltip.

Acceptance Criteria

Support for the following components (including internal):

• action-menu - using popover

• action-group - using action-menu

• block - using action-menu

• flow-item - using panel

• input-time-zone - using popover

• panel - using action-menu

• split-button - using dropdown

• sort-handle - using dropdown, however may be out of scope since we will likely end support on this internal component in the not too distant future

Relevant Info

We have not yet had this request by teams, so for now this is a nice to have for consistency across components. For consistency added the p - high label.

Example Use Case

This Codepen shows an example with dialog (already accommodated) as a reference.

Priority impact

impact - p2 - want for an upcoming milestone

Calcite package

• @esri/calcite-components
• @esri/calcite-components-react
• @esri/calcite-design-tokens
• @esri/calcite-ui-icons
• @esri/eslint-plugin-calcite-components

Esri team

Calcite (dev)