@trimble-oss/moduswebcomponents/types/components/modus-wc-side-navigation/modus-wc-side-navigation-tree-item-end-action.story-styles.d.ts

Modus Web Components is a modern, accessible UI library built with Stencil JS that provides reusable web components following Trimble's Modus design system. This updated version focuses on improved flexibility, enhanced theming options, comprehensive cust

/**
 * Story-level classes and styles for tree-items with full-height end-slot
 * action areas inside the side-navigation stories. These are Storybook
 * utilities — not component code — and are scoped to Connect themes only.
 */
/** Apply to the modus-wc-tree-item to enable the full-height end-slot layout. */
export declare const SIDE_NAV_TREE_ITEM_END_ACTION_CLASS = "modus-wc-tree-item-end-action";
/** Apply to modus-wc-dropdown-menu in the end slot (dropdown variant). */
export declare const SIDE_NAV_TREE_ITEM_END_ACTION_DROPDOWN_CLASS = "modus-wc-tree-item-end-action-dropdown";
/** Apply to icons inside the end-slot button. */
export declare const SIDE_NAV_TREE_ITEM_END_ACTION_ICON_CLASS = "modus-wc-tree-item-end-action-icon";
/** Apply to the Data row start-icon flyout dropdown (collapsed side-nav). */
export declare const SIDE_NAV_DATA_FLYOUT_DROPDOWN_CLASS = "data-flyout-dropdown";
/** Resolve Storybook `data-theme` from html or any themed ancestor. */
export declare const resolveConnectSideNavTheme: () => string | null;
/** True when Storybook `data-theme` is Connect light or dark. */
export declare const isConnectSideNavTheme: (theme?: string | null) => boolean;
/** Collapsed rail width — icon column plus caret column (WithTreeMenu / Connect). */
export declare const SIDE_NAV_COLLAPSED_MIN_WIDTH = "15rem";
export declare const SIDE_NAV_COLLAPSED_MIN_WIDTH_CLASS = "\nmin-width: 15rem !important;\n";
/** Gap (px) between collapsed rail edge and Data flyout panel. */
export declare const SIDE_NAV_DATA_FLYOUT_MENU_GAP = 0;
/** Fallback menu-offset (px) for Data flyout; stories sync from rail width on open. */
export declare const SIDE_NAV_DATA_FLYOUT_MENU_OFFSET = 4;
/** Connect theme scope for side-navigation story overrides. */
export declare const CONNECT_SIDE_NAV_THEME_SELECTOR = "\n[data-theme='connect-light'] modus-wc-side-navigation,\n[data-theme='connect-dark'] modus-wc-side-navigation";
/** Wrap story CSS so it applies only under Connect light/dark themes. */
export declare const wrapConnectSideNavStyles: (rules: string) => string;
/** Connect light only — dark uses li-level active styling, not blue-light on the div. */
export declare const wrapConnectLightSideNavStyles: (rules: string) => string;
/** Layout styles for tree-items with a modus-wc-dropdown-menu end-slot action. */
export declare const sideNavTreeItemEndActionDropdownStyles: string;
/** Styles for the Data row icon-anchored flyout dropdown in start slot. */
export declare const sideNavDataFlyoutDropdownStyles: string;
/** Connect WithTreeMenu: tree-item hover, active, carets, and end-slot icons. */
export declare const sideNavConnectTreeItemStyles: string;
/** Connect light: restore blue-light on active row div while end-slot is pressed. */
export declare const sideNavConnectLightTreeItemEndSlotActiveStyles: string;
/** Connect collapsed rail: hide labels/end slots and icon/caret grid layout. */
export declare const sideNavConnectCollapsedRailStyles: string;
/** Connect WithTreeMenu: submenu indent, active bar, Data row active styling. */
export declare const sideNavConnectWithTreeMenuStoryStyles: string;
/** Connect-only: tree-item block layout and flyout panel colors in WithTreeMenu. */
export declare const sideNavConnectStoryLayoutStyles: string;