@momentum-design/components 0.44.0 → 0.46.0

package/dist/index.d.ts

@@ -35,6 +35,7 @@ import OptGroup from './components/optgroup';
 import Textarea from './components/textarea';
 import Searchfield from './components/searchfield';
 import Brandvisual from './components/brandvisual';
+import Appheader from './components/appheader';
 import type { SpinnerSize, SpinnerVariant } from './components/spinner/spinner.types';
 import type { TextType } from './components/text/text.types';
 import type { PopoverPlacement } from './components/popover/popover.types';
@@ -42,6 +43,6 @@ import type { BadgeType } from './components/badge/badge.types';
 import type { IconButtonSize, PillButtonSize, ButtonVariant, ButtonColor } from './components/button/button.types';
 import { BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES } from './components/button/button.constants';
 import { inMemoryCache, webAPIIconsCache } from './utils/icon-cache';
-export { AlertChip, Avatar, AvatarButton, Badge, Bullet, Button, Checkbox, Chip, Coachmark, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Input, InputChip, Link, List, ListItem, Marker, Popover, Presence, Radio, RadioGroup, Spinner, Tab, Text, ThemeProvider, Toggle, VirtualizedList, Option, OptGroup, Progressbar, Textarea, Tooltip, Searchfield, Brandvisual, };
+export { AlertChip, Avatar, AvatarButton, Badge, Bullet, Button, Checkbox, Chip, Coachmark, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Input, InputChip, Link, List, ListItem, Marker, Popover, Presence, Radio, RadioGroup, Spinner, Tab, Text, ThemeProvider, Toggle, VirtualizedList, Option, OptGroup, Progressbar, Textarea, Tooltip, Searchfield, Brandvisual, Appheader, };
 export type { TextType, SpinnerSize, SpinnerVariant, PopoverPlacement, BadgeType, IconButtonSize, PillButtonSize, ButtonVariant, ButtonColor, };
 export { inMemoryCache, webAPIIconsCache, BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES };

package/dist/index.js

@@ -36,10 +36,11 @@ import OptGroup from './components/optgroup';
 import Textarea from './components/textarea';
 import Searchfield from './components/searchfield';
 import Brandvisual from './components/brandvisual';
+import Appheader from './components/appheader';
 // Constants / Utils Imports
 import { BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES, } from './components/button/button.constants';
 import { inMemoryCache, webAPIIconsCache } from './utils/icon-cache';
 // Components Exports
-export { AlertChip, Avatar, AvatarButton, Badge, Bullet, Button, Checkbox, Chip, Coachmark, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Input, InputChip, Link, List, ListItem, Marker, Popover, Presence, Radio, RadioGroup, Spinner, Tab, Text, ThemeProvider, Toggle, VirtualizedList, Option, OptGroup, Progressbar, Textarea, Tooltip, Searchfield, Brandvisual, };
+export { AlertChip, Avatar, AvatarButton, Badge, Bullet, Button, Checkbox, Chip, Coachmark, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Input, InputChip, Link, List, ListItem, Marker, Popover, Presence, Radio, RadioGroup, Spinner, Tab, Text, ThemeProvider, Toggle, VirtualizedList, Option, OptGroup, Progressbar, Textarea, Tooltip, Searchfield, Brandvisual, Appheader, };
 // Constants / Utils Exports
 export { inMemoryCache, webAPIIconsCache, BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES };

package/dist/react/appheader/index.d.ts

@@ -0,0 +1,22 @@
+import Component from '../../components/appheader';
+/**
+ * The `mdc-appheader` component provides a structured and accessible app header layout.
+ * It consists of three primary sections: leading, center, and trailing.
+ *
+ * - The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.
+ * - The **center section** can contain a **search bar**, **icons** or action controls.
+ * - The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.
+ *
+ * @tagname mdc-appheader
+ *
+ * @slot leading - Slot for the leading section (e.g., brand logo, brand name).
+ * @slot center - Slot for the center section (e.g., search bar, icons).
+ * @slot trailing - Slot for the trailing section (e.g., profile avatar, icons).
+ *
+ * @csspart container - The main container for styling the header.
+ * @csspart leading-section - The leading section of the header.
+ * @csspart center-section - The center section of the header.
+ * @csspart trailing-section - The trailing section of the header.
+ */
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
+export default reactWrapper;

package/dist/react/appheader/index.js

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/appheader';
+import { TAG_NAME } from '../../components/appheader/appheader.constants';
+/**
+ * The `mdc-appheader` component provides a structured and accessible app header layout.
+ * It consists of three primary sections: leading, center, and trailing.
+ *
+ * - The **leading section** typically holds a **brand logo**, **brand name** or **menu icon**.
+ * - The **center section** can contain a **search bar**, **icons** or action controls.
+ * - The **trailing section** generally includes a **profile avatar**, **additional icons** or **action controls**.
+ *
+ * @tagname mdc-appheader
+ *
+ * @slot leading - Slot for the leading section (e.g., brand logo, brand name).
+ * @slot center - Slot for the center section (e.g., search bar, icons).
+ * @slot trailing - Slot for the trailing section (e.g., profile avatar, icons).
+ *
+ * @csspart container - The main container for styling the header.
+ * @csspart leading-section - The leading section of the header.
+ * @csspart center-section - The center section of the header.
+ * @csspart trailing-section - The trailing section of the header.
+ */
+const reactWrapper = createComponent({
+    tagName: TAG_NAME,
+    elementClass: Component,
+    react: React,
+    events: {},
+    displayName: 'Appheader',
+});
+export default reactWrapper;

package/dist/react/index.d.ts

@@ -1,6 +1,7 @@
 export { default as AlertChip } from './alertchip';
-export { default as AvatarButton } from './avatarbutton';
+export { default as Appheader } from './appheader';
 export { default as Avatar } from './avatar';
+export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
 export { default as Brandvisual } from './brandvisual';
 export { default as Bullet } from './bullet';
@@ -28,8 +29,8 @@ export { default as Presence } from './presence';
 export { default as Progressbar } from './progressbar';
 export { default as Radio } from './radio';
 export { default as RadioGroup } from './radiogroup';
-export { default as Spinner } from './spinner';
 export { default as Searchfield } from './searchfield';
+export { default as Spinner } from './spinner';
 export { default as Tab } from './tab';
 export { default as Text } from './text';
 export { default as Textarea } from './textarea';

package/dist/react/index.js

@@ -1,6 +1,7 @@
 export { default as AlertChip } from './alertchip';
-export { default as AvatarButton } from './avatarbutton';
+export { default as Appheader } from './appheader';
 export { default as Avatar } from './avatar';
+export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
 export { default as Brandvisual } from './brandvisual';
 export { default as Bullet } from './bullet';
@@ -28,8 +29,8 @@ export { default as Presence } from './presence';
 export { default as Progressbar } from './progressbar';
 export { default as Radio } from './radio';
 export { default as RadioGroup } from './radiogroup';
-export { default as Spinner } from './spinner';
 export { default as Searchfield } from './searchfield';
+export { default as Spinner } from './spinner';
 export { default as Tab } from './tab';
 export { default as Text } from './text';
 export { default as Textarea } from './textarea';

package/package.json

@@ -38,5 +38,5 @@
     "lit": "^3.2.0",
     "uuid": "^11.0.5"
   },
-  "version": "0.44.0"
+  "version": "0.46.0"
 }