ux4g-components-web 1.2.2 → 1.3.1

package/dist/types/index.cjs

@@ -10,6 +10,8 @@ const VARIANT_CLASS_MAP = {
     'outline-danger': 'ux4g-btn-outline-danger',
     'text-danger': 'ux4g-btn-text-danger',
     'tonal-danger': 'ux4g-btn-tonal-danger',
+    'outline-neutral': 'ux4g-btn-outline-neutral',
+    'text-neutral': 'ux4g-btn-text-neutral',
 };
 // Maps size → CSS class
 const SIZE_CLASS_MAP = {
@@ -522,6 +524,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 +589,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

@@ -1,4 +1,4 @@
-export type ButtonVariant = 'primary' | 'outline-primary' | 'text-primary' | 'tonal-primary' | 'danger' | 'outline-danger' | 'text-danger' | 'tonal-danger';
+export type ButtonVariant = 'primary' | 'outline-primary' | 'text-primary' | 'tonal-primary' | 'danger' | 'outline-danger' | 'text-danger' | 'tonal-danger' | 'outline-neutral' | 'text-neutral';
 export type ButtonSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs';
 export type ButtonShape = 'rectangle' | 'pill';
 export declare const VARIANT_CLASS_MAP: Record<ButtonVariant, string>;
@@ -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

@@ -8,6 +8,8 @@ const VARIANT_CLASS_MAP = {
     'outline-danger': 'ux4g-btn-outline-danger',
     'text-danger': 'ux4g-btn-text-danger',
     'tonal-danger': 'ux4g-btn-tonal-danger',
+    'outline-neutral': 'ux4g-btn-outline-neutral',
+    'text-neutral': 'ux4g-btn-text-neutral',
 };
 // Maps size → CSS class
 const SIZE_CLASS_MAP = {
@@ -520,5 +522,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

@@ -1,4 +1,4 @@
-export type ButtonVariant = 'primary' | 'outline-primary' | 'text-primary' | 'tonal-primary' | 'danger' | 'outline-danger' | 'text-danger' | 'tonal-danger';
+export type ButtonVariant = 'primary' | 'outline-primary' | 'text-primary' | 'tonal-primary' | 'danger' | 'outline-danger' | 'text-danger' | 'tonal-danger' | 'outline-neutral' | 'text-neutral';
 export type ButtonSize = 'xl' | 'lg' | 'md' | 'sm' | 'xs';
 export type ButtonShape = 'rectangle' | 'pill';
 export declare const VARIANT_CLASS_MAP: Record<ButtonVariant, string>;
@@ -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.1",
   "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": {