ux4g-components-web 1.2.2 → 1.3.0

package/dist/types/index.cjs

@@ -522,6 +522,34 @@ function buildResultListRowClasses(variation, extra) {
         parts.push(extra);
     return parts.join(' ');
 }
+// ── Mega Menu ─────────────────────────────────────────────────────────────────
+/** Returns the CSS class string for the mega-menu root element.
+ *  Base class: `ux4g-mega-menu` (always present)
+ *  Dropdown:   `ux4g-mega-menu--dropdown` (when dropdown is true)
+ *  Right:      `ux4g-mega-menu--dropdown-right` (only when BOTH dropdown AND dropdownRight are true)
+ */
+function buildMegaMenuClasses(dropdown, dropdownRight, extra) {
+    const parts = ['ux4g-mega-menu'];
+    if (dropdown)
+        parts.push('ux4g-mega-menu--dropdown');
+    if (dropdown && dropdownRight)
+        parts.push('ux4g-mega-menu--dropdown-right');
+    if (extra)
+        parts.push(extra);
+    return parts.join(' ');
+}
+/** Returns the CSS class string for the mega-menu wrapper element (dropdown positioning context).
+ *  Base class: `ux4g-mega-menu-wrapper` (always present)
+ *  Active:     `ux4g-mega-menu-wrapper--active` (when active is true)
+ */
+function buildMegaMenuWrapperClasses(active, extra) {
+    const parts = ['ux4g-mega-menu-wrapper'];
+    if (active)
+        parts.push('ux4g-mega-menu-wrapper--active');
+    if (extra)
+        parts.push(extra);
+    return parts.join(' ');
+}
 
 exports.SIZE_CLASS_MAP = SIZE_CLASS_MAP;
 exports.SPINNER_SIZE_CLASS_PART = SPINNER_SIZE_CLASS_PART;
@@ -559,6 +587,8 @@ exports.buildInputContainerClasses = buildInputContainerClasses;
 exports.buildJourneyTimelineClasses = buildJourneyTimelineClasses;
 exports.buildLinkClasses = buildLinkClasses;
 exports.buildListClasses = buildListClasses;
+exports.buildMegaMenuClasses = buildMegaMenuClasses;
+exports.buildMegaMenuWrapperClasses = buildMegaMenuWrapperClasses;
 exports.buildModalBackdropClasses = buildModalBackdropClasses;
 exports.buildModalBoxClasses = buildModalBoxClasses;
 exports.buildNavbarClasses = buildNavbarClasses;

package/dist/types/index.d.ts

@@ -142,3 +142,14 @@ export type FooterTheme = 'default' | 'primary' | 'dark';
 export declare function buildFooterClasses(theme?: FooterTheme, extra?: string): string;
 export type ResultListRowVariation = 'default' | 'v1' | 'v2' | 'v3' | 'v4' | 'v5';
 export declare function buildResultListRowClasses(variation?: ResultListRowVariation, extra?: string): string;
+/** Returns the CSS class string for the mega-menu root element.
+ *  Base class: `ux4g-mega-menu` (always present)
+ *  Dropdown:   `ux4g-mega-menu--dropdown` (when dropdown is true)
+ *  Right:      `ux4g-mega-menu--dropdown-right` (only when BOTH dropdown AND dropdownRight are true)
+ */
+export declare function buildMegaMenuClasses(dropdown?: boolean, dropdownRight?: boolean, extra?: string): string;
+/** Returns the CSS class string for the mega-menu wrapper element (dropdown positioning context).
+ *  Base class: `ux4g-mega-menu-wrapper` (always present)
+ *  Active:     `ux4g-mega-menu-wrapper--active` (when active is true)
+ */
+export declare function buildMegaMenuWrapperClasses(active?: boolean, extra?: string): string;

package/dist/types/index.mjs

@@ -520,5 +520,33 @@ function buildResultListRowClasses(variation, extra) {
         parts.push(extra);
     return parts.join(' ');
 }
+// ── Mega Menu ─────────────────────────────────────────────────────────────────
+/** Returns the CSS class string for the mega-menu root element.
+ *  Base class: `ux4g-mega-menu` (always present)
+ *  Dropdown:   `ux4g-mega-menu--dropdown` (when dropdown is true)
+ *  Right:      `ux4g-mega-menu--dropdown-right` (only when BOTH dropdown AND dropdownRight are true)
+ */
+function buildMegaMenuClasses(dropdown, dropdownRight, extra) {
+    const parts = ['ux4g-mega-menu'];
+    if (dropdown)
+        parts.push('ux4g-mega-menu--dropdown');
+    if (dropdown && dropdownRight)
+        parts.push('ux4g-mega-menu--dropdown-right');
+    if (extra)
+        parts.push(extra);
+    return parts.join(' ');
+}
+/** Returns the CSS class string for the mega-menu wrapper element (dropdown positioning context).
+ *  Base class: `ux4g-mega-menu-wrapper` (always present)
+ *  Active:     `ux4g-mega-menu-wrapper--active` (when active is true)
+ */
+function buildMegaMenuWrapperClasses(active, extra) {
+    const parts = ['ux4g-mega-menu-wrapper'];
+    if (active)
+        parts.push('ux4g-mega-menu-wrapper--active');
+    if (extra)
+        parts.push(extra);
+    return parts.join(' ');
+}
 
-export { SIZE_CLASS_MAP, SPINNER_SIZE_CLASS_PART, SPINNER_TYPE_CLASS_PART, SPINNER_VARIANT_CLASS_PART, VARIANT_CLASS_MAP, buildAccessibilityBarClasses, buildAccordionClasses, buildAlertClasses, buildAlertContainerClasses, buildAvatarClasses, buildBadgeClasses, buildBreadcrumbClasses, buildButtonClasses, buildCardClasses, buildCarouselClasses, buildCheckboxClasses, buildChipClasses, buildChipGroupClasses, buildComboboxClasses, buildContextAlertClasses, buildDateTimePickerClasses, buildDividerClasses, buildDraftStatusBannerClasses, buildDrawerClasses, buildDropdownClasses, buildEmptyStateClasses, buildFeedbackClasses, buildFileUploadClasses, buildFooterClasses, buildFormFieldGroupClasses, buildIconButtonClasses, buildImageContainerClasses, buildInputContainerClasses, buildJourneyTimelineClasses, buildLinkClasses, buildListClasses, buildModalBackdropClasses, buildModalBoxClasses, buildNavbarClasses, buildOtpInputClasses, buildPaginationClasses, buildPopoverClasses, buildProgressIndicatorClasses, buildRadioClasses, buildResultListRowClasses, buildSearchContainerClasses, buildSlaProgressIndicatorClasses, buildSliderFieldClasses, buildSlotGridClasses, buildSocialLinksClasses, buildSpinnerClasses, buildStatusPipelineClasses, buildStepperClasses, buildSwitchClasses, buildTabClasses, buildTableClasses, buildTagClasses, buildTooltipClasses };
+export { SIZE_CLASS_MAP, SPINNER_SIZE_CLASS_PART, SPINNER_TYPE_CLASS_PART, SPINNER_VARIANT_CLASS_PART, VARIANT_CLASS_MAP, buildAccessibilityBarClasses, buildAccordionClasses, buildAlertClasses, buildAlertContainerClasses, buildAvatarClasses, buildBadgeClasses, buildBreadcrumbClasses, buildButtonClasses, buildCardClasses, buildCarouselClasses, buildCheckboxClasses, buildChipClasses, buildChipGroupClasses, buildComboboxClasses, buildContextAlertClasses, buildDateTimePickerClasses, buildDividerClasses, buildDraftStatusBannerClasses, buildDrawerClasses, buildDropdownClasses, buildEmptyStateClasses, buildFeedbackClasses, buildFileUploadClasses, buildFooterClasses, buildFormFieldGroupClasses, buildIconButtonClasses, buildImageContainerClasses, buildInputContainerClasses, buildJourneyTimelineClasses, buildLinkClasses, buildListClasses, buildMegaMenuClasses, buildMegaMenuWrapperClasses, buildModalBackdropClasses, buildModalBoxClasses, buildNavbarClasses, buildOtpInputClasses, buildPaginationClasses, buildPopoverClasses, buildProgressIndicatorClasses, buildRadioClasses, buildResultListRowClasses, buildSearchContainerClasses, buildSlaProgressIndicatorClasses, buildSliderFieldClasses, buildSlotGridClasses, buildSocialLinksClasses, buildSpinnerClasses, buildStatusPipelineClasses, buildStepperClasses, buildSwitchClasses, buildTabClasses, buildTableClasses, buildTagClasses, buildTooltipClasses };

package/dist/types/types.d.ts

@@ -142,3 +142,14 @@ export type FooterTheme = 'default' | 'primary' | 'dark';
 export declare function buildFooterClasses(theme?: FooterTheme, extra?: string): string;
 export type ResultListRowVariation = 'default' | 'v1' | 'v2' | 'v3' | 'v4' | 'v5';
 export declare function buildResultListRowClasses(variation?: ResultListRowVariation, extra?: string): string;
+/** Returns the CSS class string for the mega-menu root element.
+ *  Base class: `ux4g-mega-menu` (always present)
+ *  Dropdown:   `ux4g-mega-menu--dropdown` (when dropdown is true)
+ *  Right:      `ux4g-mega-menu--dropdown-right` (only when BOTH dropdown AND dropdownRight are true)
+ */
+export declare function buildMegaMenuClasses(dropdown?: boolean, dropdownRight?: boolean, extra?: string): string;
+/** Returns the CSS class string for the mega-menu wrapper element (dropdown positioning context).
+ *  Base class: `ux4g-mega-menu-wrapper` (always present)
+ *  Active:     `ux4g-mega-menu-wrapper--active` (when active is true)
+ */
+export declare function buildMegaMenuWrapperClasses(active?: boolean, extra?: string): string;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "ux4g-components-web",
-  "version": "1.2.2",
+  "version": "1.3.0",
   "type": "module",
   "description": "UX4G Design System — CSS bundle, design tokens, utilities, and shared Class_Builder types",
   "scripts": {
     "build:css": "node scripts/build-css.mjs",
     "build:types": "rollup -c rollup.config.mjs",
     "build": "npm run build:css && npm run build:types",
-    "prepublishOnly": "npm run build:types",
+    "prepublishOnly": "npm run build",
     "test": "jest"
   },
   "exports": {