@orangelogic/design-system 2.86.0 → 2.89.0

package/library/packages/atoms/src/components/menu/menu.d.ts

@@ -1,4 +1,5 @@
 import { default as CortexElement } from '../../../../base/src/cortex-element.ts';
+import { MenuMode } from '../../../../types/src/menu';
 import { CSSResultGroup } from 'lit';
 import { default as CxMenuItem } from '../menu-item/menu-item';
 
@@ -23,7 +24,7 @@ export default class CxMenu extends CortexElement {
     defaultSlot: HTMLSlotElement;
     horizontal: boolean;
     /** The menu's variant */
-    variant: 'default' | 'multiple';
+    variant: MenuMode.Default | MenuMode.Multiple;
     /** Whether the menu is currently active, used for 'multiple' variant */
     active: boolean;
     /** The name of the menu, used for 'multiple' variant */

package/library/packages/types/src/menu.d.ts

@@ -0,0 +1,4 @@
+export declare enum MenuMode {
+    Default = "default",
+    Multiple = "multiple"
+}

package/library/packages/types/src/table.d.ts

@@ -1,7 +1,7 @@
 import { ButtonVariant } from './button';
 import { FormatNumberCurrencyDisplay, FormatNumberType } from './format-number';
 import { PaginationCounter } from './pagination';
-import { SpacingProp } from './space';
+import { SpaceJustifyContentProp, SpaceWrapProp, SpacingProp } from './space';
 import { TypographyVariant } from './typography';
 
 export type CxTableEventName = `cx-table.${string}`;
@@ -3141,19 +3141,25 @@ export type CompositeElement = {
 /**
  * @typedef {Object} CompositeFormatterParams
  * @property {('center' | 'end' | 'start' | 'stretch')} [align] - Alignment of elements. Can be `'start'`, `'center'` (default), `'end'`, or `'stretch'`.
+ * @property {boolean} [block] - Whether the container should stretch child elements when vertical.
  * @property {Record<string, string>} [containerStyle] - Object with CSS style properties to apply inline to the container.
  * @property {('column' | 'row')} [direction] - Flex direction for the container. Can be `'column'` or `'row'` (default).
  * @property {CompositeElement[]} elements - Array of element configurations to render.
  * @property {string} [gap] - CSS gap property for spacing between elements (e.g., `'8px'`, `'0.5rem'`).
+ * @property {('start' | 'end' | 'flex-start' | 'flex-end' | 'center' | 'left' | 'right' | 'normal' | 'space-between' | 'space-around' | 'space-evenly' | 'stretch')} [justifyContent] - Justify-content behavior for the container.
+ * @property {('nowrap' | 'wrap' | 'wrap-reverse')} [wrap] - Flex wrap behavior for the container.
  */
 export type CompositeFormatterParams = {
     align?: 'normal' | 'center' | 'start' | 'end' | 'baseline' | 'stretch' | 'flex-start' | 'flex-end';
+    block?: boolean;
     containerStyle?: Record<string, string>;
     direction?: 'vertical' | 'horizontal';
     elements: CompositeElement[];
     gap?: SpacingProp;
+    justifyContent?: SpaceJustifyContentProp;
     placeholder?: string;
     placeholderStyle?: Record<string, string>;
+    wrap?: SpaceWrapProp;
 };
 export type TableDropdownFilterDataOption = {
     filter?: Filter;

package/library/react-web-component.d.ts

@@ -5004,7 +5004,7 @@
         /**
           * The selection behavior of the tree. Single selection allows only one node to be selected at a time. Multiple displays checkboxes and allows more than one node to be selected. Leaf allows only leaf nodes to be selected.
         */
-        selection?: 'multiple' | 'single' | 'leaf';
+        selection?: 'single' | 'multiple' | 'leaf';
         /**
           * Whether to automatically expand after loading finishes.
         */
@@ -6016,7 +6016,7 @@
         /**
           * 
         */
-        selection?: 'multiple' | 'single';
+        selection?: 'single' | 'multiple';
         /**
           * 
         */

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@orangelogic/design-system",
   "type": "module",
-  "version": "2.86.0",
+  "version": "2.89.0",
   "license": "UNLICENSED",
   "types": "library/types.d.ts",
   "scripts": {