@orangelogic/design-system 3.66.0 → 3.67.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.
|
@@ -28370,7 +28370,7 @@ l([p("slot"), u("design:type", typeof HTMLSlotElement > "u" ? Object : HTMLSlotE
|
|
|
28370
28370
|
u("design:paramtypes", []),
|
|
28371
28371
|
u("design:returntype", void 0)
|
|
28372
28372
|
], DO.prototype, "handleElementSelectorChange", null), DO = l([C("cx-storybook")], DO);
|
|
28373
|
-
var Fse = DO, Ise = i`:host{--menu-width:344px}cx-dropdown{--panel-padding:var(--cx-spacing-x-small) 0 0 0}@supports selector(::part(checked-icon)){cx-dropdown::part(panel){padding
|
|
28373
|
+
var Fse = DO, Ise = i`:host{--menu-width:344px}cx-dropdown{--panel-padding:var(--view-and-sort-panel-padding,var(--cx-spacing-x-small) 0 0 0)}@supports selector(::part(checked-icon)){cx-dropdown::part(panel){padding:var(--view-and-sort-panel-padding,var(--cx-spacing-x-small) 0 0 0)}}cx-menu{width:var(--menu-width);max-width:min(100%, var(--auto-size-available-width));border:none;border-radius:0}:where(cx-menu:not([horizontal])){padding:var(--view-and-sort-menu-padding,var(--cx-panel-padding,var(--cx-spacing-x-small) 0))}cx-menu[horizontal] cx-menu-section{justify-content:flex-start}cx-menu:not(:last-child){border-bottom:var(--cx-panel-border-width) solid var(--cx-panel-border-color)}cx-menu:has(cx-button){padding-bottom:0}cx-menu-label~cx-menu{padding-top:0}cx-divider{--spacing:var(--view-and-sort-divider-spacing,var(--cx-spacing-medium))}cx-menu-item{--checked-icon-display:none;--prefix-font-size:var(--cx-font-size-large);max-width:100%}cx-menu-item.selected{--prefix-color:var(--cx-color-primary);--suffix-color:var(--cx-color-primary);--label-color:var(--cx-color-primary);--font-weight:var(--cx-font-weight-medium)}cx-menu-item[type=checkbox]{--checked-label-color:var(--view-and-sort-switch-label-color,var(--cx-color-neutral))}cx-menu-item.disable-chevron{--submenu-icon-display:none}cx-menu-item>cx-menu{padding:0}cx-menu-item:focus{outline:none}@supports selector(::part(checked-icon)){cx-menu-item.disable-chevron::part(submenu-icon),cx-menu-item::part(checked-icon){display:none}cx-menu-item::part(prefix){font-size:var(--cx-font-size-large)}cx-menu-item.selected::part(label),cx-menu-item.selected::part(prefix),cx-menu-item.selected::part(suffix){color:var(--cx-color-primary);font-weight:var(--cx-font-weight-medium)}}cx-button{width:100%}cx-button::part(base){padding:0}cx-button::part(prefix){display:none}.submenu-indicator{align-items:center;display:none}.submenu-indicator span{color:var(--cx-color-neutral-400)}.submenu-indicator cx-icon{font-size:var(--cx-font-size-x-large);margin-left:var(--cx-spacing-3x-small)}.horizontal-text{width:28px;display:inline-block}.dropdown__trigger-button::part(base){border-radius:var(--view-and-sort-trigger-button-border-radius,var(--cx-button-border-radius-medium));font:var(--cx-font-label-small);font-weight:var(--view-and-sort-trigger-button-font-weight,500);font-size:var(--view-and-sort-trigger-button-font-size,var(--cx-font-size-small));color:var(--view-and-sort-trigger-button-color,var(--cx-color-neutral-900))}.menu-section__tooltip__icon{color:var(--cx-color-neutral-500);cursor:help;margin-inline-end:var(--cx-spacing-small)}.menu-item__tooltip__icon{color:var(--cx-color-neutral-500);cursor:help}.menu-section__tooltip__icon:focus-visible,.menu-item__tooltip__icon:focus-visible{outline:var(--cx-focus-ring);outline-offset:var(--cx-focus-ring-offset);border-radius:var(--cx-border-radius-small)}`;
|
|
28374
28374
|
//#endregion
|
|
28375
28375
|
//#region ../../packages/molecules/src/view-and-sort/view-and-sort.ts
|
|
28376
28376
|
function OO(e) {
|
package/library/package.json
CHANGED
|
@@ -23,6 +23,9 @@ import { CSSResultGroup, TemplateResult } from 'lit';
|
|
|
23
23
|
* @event {{ eventName: string, value: string }} cx-view-and-sort-action-click - Emitted when a menu item's trailing action icon is pressed. A distinct behavior from selecting the item: `cx-select` is suppressed for that click.
|
|
24
24
|
*
|
|
25
25
|
* @cssproperty [--view-and-sort-switch-label-color=var(--cx-color-neutral)] - Label color for switch rows. Switch rows stay neutral because the switch conveys the state; set this to re-enable a checked highlight.
|
|
26
|
+
* @cssproperty [--view-and-sort-panel-padding=var(--cx-spacing-x-small) 0 0 0] - Padding of the dropdown panel around all menu sections. Set `0` so the first row's hover background reaches the top edge of the panel.
|
|
27
|
+
* @cssproperty [--view-and-sort-menu-padding=var(--cx-spacing-x-small) 0] - Padding of each menu section. Set `0` so a row's hover background reaches the section dividers. A section under a title keeps no top padding, and a section holding a button keeps no bottom padding.
|
|
28
|
+
* @cssproperty [--view-and-sort-divider-spacing=var(--cx-spacing-medium)] - Space above and below a divider between rows of the same section. Set `0` so the hover background of the rows next to it reaches the divider line.
|
|
26
29
|
*/
|
|
27
30
|
export default class CxViewAndSort extends CortexElement {
|
|
28
31
|
static readonly styles: CSSResultGroup;
|