@momentum-design/components 0.41.6 → 0.42.0

package/dist/index.d.ts

@@ -33,6 +33,7 @@ import Progressbar from './components/progressbar';
 import Option from './components/option';
 import OptGroup from './components/optgroup';
 import Textarea from './components/textarea';
+import Brandvisual from './components/brandvisual';
 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';
@@ -40,6 +41,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, };
+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, Brandvisual, };
 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

@@ -34,10 +34,11 @@ import Progressbar from './components/progressbar';
 import Option from './components/option';
 import OptGroup from './components/optgroup';
 import Textarea from './components/textarea';
+import Brandvisual from './components/brandvisual';
 // 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, };
+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, Brandvisual, };
 // Constants / Utils Exports
 export { inMemoryCache, webAPIIconsCache, BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES };

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

@@ -0,0 +1,23 @@
+import Component from '../../components/brandvisual';
+/**
+ * The `mdc-brandvisual` component is responsible for rendering logos dynamically & ensures they are
+ * displayed correctly within applications.
+ *
+ * Features:
+ * - Dynamically loads brandvisuals based on the `name` attribute.
+ * - Emits a `load` event when the brandvisual is successfully fetched.
+ * - Emits an `error` event when the brandvisual import fails.
+ * - Supports accessibility best practices.
+ * - Used for brand representation within the design system.
+ *
+ * @tagname mdc-brandvisual
+ *
+ * @event load - (React: onLoad) This event is dispatched when the brandvisual has been successfully loaded.
+ * @event error - (React: onError) This event is dispatched when the brandvisual fetching has failed.
+ *
+ */
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
+    onLoad: string;
+    onError: string;
+}>;
+export default reactWrapper;

package/dist/react/brandvisual/index.js

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/brandvisual';
+import { TAG_NAME } from '../../components/brandvisual/brandvisual.constants';
+/**
+ * The `mdc-brandvisual` component is responsible for rendering logos dynamically & ensures they are
+ * displayed correctly within applications.
+ *
+ * Features:
+ * - Dynamically loads brandvisuals based on the `name` attribute.
+ * - Emits a `load` event when the brandvisual is successfully fetched.
+ * - Emits an `error` event when the brandvisual import fails.
+ * - Supports accessibility best practices.
+ * - Used for brand representation within the design system.
+ *
+ * @tagname mdc-brandvisual
+ *
+ * @event load - (React: onLoad) This event is dispatched when the brandvisual has been successfully loaded.
+ * @event error - (React: onError) This event is dispatched when the brandvisual fetching has failed.
+ *
+ */
+const reactWrapper = createComponent({
+    tagName: TAG_NAME,
+    elementClass: Component,
+    react: React,
+    events: {
+        onLoad: 'load',
+        onError: 'error',
+    },
+    displayName: 'Brandvisual',
+});
+export default reactWrapper;

package/dist/react/index.d.ts

@@ -1,8 +1,9 @@
 export { default as AlertChip } from './alertchip';
 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';
+export { default as AvatarButton } from './avatarbutton';
 export { default as Button } from './button';
 export { default as Buttonsimple } from './buttonsimple';
 export { default as Checkbox } from './checkbox';

package/dist/react/index.js

@@ -1,8 +1,9 @@
 export { default as AlertChip } from './alertchip';
 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';
+export { default as AvatarButton } from './avatarbutton';
 export { default as Button } from './button';
 export { default as Buttonsimple } from './buttonsimple';
 export { default as Checkbox } from './checkbox';

package/package.json

@@ -38,5 +38,5 @@
     "lit": "^3.2.0",
     "uuid": "^11.0.5"
   },
-  "version": "0.41.6"
+  "version": "0.42.0"
 }