@momentum-design/components 0.56.1 → 0.57.0

package/dist/index.d.ts

@@ -43,6 +43,7 @@ import Tooltip from './components/tooltip';
 import ToggleTip from './components/toggletip';
 import VirtualizedList from './components/virtualizedlist';
 import TabList from './components/tablist';
+import Linksimple from './components/linksimple';
 import type { BadgeType } from './components/badge/badge.types';
 import type { ButtonColor, ButtonVariant, IconButtonSize, PillButtonSize } from './components/button/button.types';
 import type { PopoverPlacement } from './components/popover/popover.types';
@@ -50,6 +51,6 @@ import type { SpinnerSize, SpinnerVariant } from './components/spinner/spinner.t
 import type { TextType } from './components/text/text.types';
 import { inMemoryCache, webAPIIconsCache } from './utils/icon-cache';
 import { BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES } from './components/button/button.constants';
-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, ScreenreaderAnnouncer, StaticCheckbox, StaticRadio, Textarea, ToggleTip, Tooltip, Searchfield, Brandvisual, Appheader, Select, TabList, Progressspinner, };
+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, ScreenreaderAnnouncer, StaticCheckbox, StaticRadio, Textarea, ToggleTip, Tooltip, Searchfield, Brandvisual, Appheader, Select, TabList, Progressspinner, Linksimple, };
 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

@@ -44,10 +44,11 @@ import Tooltip from './components/tooltip';
 import ToggleTip from './components/toggletip';
 import VirtualizedList from './components/virtualizedlist';
 import TabList from './components/tablist';
+import Linksimple from './components/linksimple';
 import { inMemoryCache, webAPIIconsCache } from './utils/icon-cache';
 // Constants / Utils Imports
 import { BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES, } from './components/button/button.constants';
 // 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, ScreenreaderAnnouncer, StaticCheckbox, StaticRadio, Textarea, ToggleTip, Tooltip, Searchfield, Brandvisual, Appheader, Select, TabList, Progressspinner, };
+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, ScreenreaderAnnouncer, StaticCheckbox, StaticRadio, Textarea, ToggleTip, Tooltip, Searchfield, Brandvisual, Appheader, Select, TabList, Progressspinner, Linksimple, };
 // Constants / Utils Exports
 export { inMemoryCache, webAPIIconsCache, BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES };

package/dist/react/index.d.ts

@@ -2,10 +2,10 @@ export { default as AlertChip } from './alertchip';
 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';
 export { default as Button } from './button';
+export { default as Badge } from './badge';
 export { default as Buttonsimple } from './buttonsimple';
 export { default as Checkbox } from './checkbox';
 export { default as Chip } from './chip';
@@ -19,6 +19,7 @@ export { default as IconProvider } from './iconprovider';
 export { default as Input } from './input';
 export { default as InputChip } from './inputchip';
 export { default as Link } from './link';
+export { default as Linksimple } from './linksimple';
 export { default as List } from './list';
 export { default as ListItem } from './listitem';
 export { default as Marker } from './marker';

package/dist/react/index.js

@@ -2,10 +2,10 @@ export { default as AlertChip } from './alertchip';
 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';
 export { default as Button } from './button';
+export { default as Badge } from './badge';
 export { default as Buttonsimple } from './buttonsimple';
 export { default as Checkbox } from './checkbox';
 export { default as Chip } from './chip';
@@ -19,6 +19,7 @@ export { default as IconProvider } from './iconprovider';
 export { default as Input } from './input';
 export { default as InputChip } from './inputchip';
 export { default as Link } from './link';
+export { default as Linksimple } from './linksimple';
 export { default as List } from './list';
 export { default as ListItem } from './listitem';
 export { default as Marker } from './marker';

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

@@ -13,22 +13,10 @@ import Component from '../../components/link';
  *
  * @tagname mdc-link
  *
- * @event click - (React: onClick) Fired when the user activates the buttonLink using a mouse or assistive technology.
- * @event keydown - (React: onKeyDown) Fired when the user presses a key while the buttonLink has focus.
- * @event focus - (React: onFocus) Fired when the buttonLink receives keyboard or mouse focus.
- * @event blur - (React: onBlur) Fired when the buttonLink loses keyboard or mouse focus.
- *
- * @cssproperty --mdc-link-border-radius - Border radius of the link
- * @cssproperty --mdc-link-color-active - Text and icon color of the link in active state
- * @cssproperty --mdc-link-color-disabled - Text and icon color of the link in disabled state
- * @cssproperty --mdc-link-color-hover - Text and icon color of the link in hover state
- * @cssproperty --mdc-link-color-normal - Text and icon color of the link in normal state
- * @cssproperty --mdc-link-icon-margin-left - Gap between the text and icon (only applicable when an icon is set)
- * @cssproperty --mdc-link-inverted-color-active - Text and icon color of the inverted link in active state
- * @cssproperty --mdc-link-inverted-color-disabled - Text and icon color of the inverted link in disabled state
- * @cssproperty --mdc-link-inverted-color-hover - Text and icon color of the inverted link in hover state
- * @cssproperty --mdc-link-inverted-color-normal - Text and icon color of the inverted link in normal state
- * @cssproperty --mdc-link-text-decoration-disabled - Text decoration of the link in disabled state for all variants
+ * @event click - (React: onClick) Fired when the user activates the Link using a mouse or assistive technology.
+ * @event keydown - (React: onKeyDown) Fired when the user presses a key while the Link has focus.
+ * @event focus - (React: onFocus) Fired when the Link receives keyboard or mouse focus.
+ * @event blur - (React: onBlur) Fired when the Link loses keyboard or mouse focus.
  */
 declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
     onClick: EventName<MouseEvent>;

package/dist/react/link/index.js

@@ -15,22 +15,10 @@ import { TAG_NAME } from '../../components/link/link.constants';
  *
  * @tagname mdc-link
  *
- * @event click - (React: onClick) Fired when the user activates the buttonLink using a mouse or assistive technology.
- * @event keydown - (React: onKeyDown) Fired when the user presses a key while the buttonLink has focus.
- * @event focus - (React: onFocus) Fired when the buttonLink receives keyboard or mouse focus.
- * @event blur - (React: onBlur) Fired when the buttonLink loses keyboard or mouse focus.
- *
- * @cssproperty --mdc-link-border-radius - Border radius of the link
- * @cssproperty --mdc-link-color-active - Text and icon color of the link in active state
- * @cssproperty --mdc-link-color-disabled - Text and icon color of the link in disabled state
- * @cssproperty --mdc-link-color-hover - Text and icon color of the link in hover state
- * @cssproperty --mdc-link-color-normal - Text and icon color of the link in normal state
- * @cssproperty --mdc-link-icon-margin-left - Gap between the text and icon (only applicable when an icon is set)
- * @cssproperty --mdc-link-inverted-color-active - Text and icon color of the inverted link in active state
- * @cssproperty --mdc-link-inverted-color-disabled - Text and icon color of the inverted link in disabled state
- * @cssproperty --mdc-link-inverted-color-hover - Text and icon color of the inverted link in hover state
- * @cssproperty --mdc-link-inverted-color-normal - Text and icon color of the inverted link in normal state
- * @cssproperty --mdc-link-text-decoration-disabled - Text decoration of the link in disabled state for all variants
+ * @event click - (React: onClick) Fired when the user activates the Link using a mouse or assistive technology.
+ * @event keydown - (React: onKeyDown) Fired when the user presses a key while the Link has focus.
+ * @event focus - (React: onFocus) Fired when the Link receives keyboard or mouse focus.
+ * @event blur - (React: onBlur) Fired when the Link loses keyboard or mouse focus.
  */
 const reactWrapper = createComponent({
     tagName: TAG_NAME,

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

@@ -0,0 +1,34 @@
+import { type EventName } from '@lit/react';
+import Component from '../../components/linksimple';
+/**
+ * `mdc-linksimple` is a lightweight link component that can be used to navigate
+ * within the application or to an external URL. It does not have any predefined default size.
+ *
+ * The `children` of the `mdc-linksimple` component can be customized to suit
+ * different use cases, including text, icons, or other inline content. For the child to be an icon,
+ * the `mdc-icon` component should be used to render.
+ *
+ * @tagname mdc-linksimple
+ *
+ * @event click - (React: onClick) Fired when the user activates the buttonLink using a mouse or assistive technology.
+ * @event keydown - (React: onKeyDown) Fired when the user presses a key while the buttonLink has focus.
+ * @event focus - (React: onFocus) Fired when the buttonLink receives keyboard or mouse focus.
+ * @event blur - (React: onBlur) Fired when the buttonLink loses keyboard or mouse focus.
+ *
+ * @cssproperty --mdc-link-border-radius - Border radius of the link.
+ * @cssproperty --mdc-link-color-active - Color of the link’s child content in the active state.
+ * @cssproperty --mdc-link-color-disabled - Color of the link’s child content in the disabled state.
+ * @cssproperty --mdc-link-color-hover - Color of the link’s child content in the hover state.
+ * @cssproperty --mdc-link-color-normal - Color of the link’s child content in the normal state.
+ * @cssproperty --mdc-link-inverted-color-active - Color of the inverted link’s child content in the active state.
+ * @cssproperty --mdc-link-inverted-color-disabled - Color of the inverted link’s child content in the disabled state.
+ * @cssproperty --mdc-link-inverted-color-hover - Color of the inverted link’s child content in the hover state.
+ * @cssproperty --mdc-link-inverted-color-normal - Color of the inverted link’s child content in the normal state.
+ */
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {
+    onClick: EventName<MouseEvent>;
+    onKeyDown: EventName<KeyboardEvent>;
+    onFocus: EventName<FocusEvent>;
+    onBlur: EventName<Event>;
+}>;
+export default reactWrapper;

package/dist/react/linksimple/index.js

@@ -0,0 +1,42 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/linksimple';
+import { TAG_NAME } from '../../components/linksimple/linksimple.constants';
+/**
+ * `mdc-linksimple` is a lightweight link component that can be used to navigate
+ * within the application or to an external URL. It does not have any predefined default size.
+ *
+ * The `children` of the `mdc-linksimple` component can be customized to suit
+ * different use cases, including text, icons, or other inline content. For the child to be an icon,
+ * the `mdc-icon` component should be used to render.
+ *
+ * @tagname mdc-linksimple
+ *
+ * @event click - (React: onClick) Fired when the user activates the buttonLink using a mouse or assistive technology.
+ * @event keydown - (React: onKeyDown) Fired when the user presses a key while the buttonLink has focus.
+ * @event focus - (React: onFocus) Fired when the buttonLink receives keyboard or mouse focus.
+ * @event blur - (React: onBlur) Fired when the buttonLink loses keyboard or mouse focus.
+ *
+ * @cssproperty --mdc-link-border-radius - Border radius of the link.
+ * @cssproperty --mdc-link-color-active - Color of the link’s child content in the active state.
+ * @cssproperty --mdc-link-color-disabled - Color of the link’s child content in the disabled state.
+ * @cssproperty --mdc-link-color-hover - Color of the link’s child content in the hover state.
+ * @cssproperty --mdc-link-color-normal - Color of the link’s child content in the normal state.
+ * @cssproperty --mdc-link-inverted-color-active - Color of the inverted link’s child content in the active state.
+ * @cssproperty --mdc-link-inverted-color-disabled - Color of the inverted link’s child content in the disabled state.
+ * @cssproperty --mdc-link-inverted-color-hover - Color of the inverted link’s child content in the hover state.
+ * @cssproperty --mdc-link-inverted-color-normal - Color of the inverted link’s child content in the normal state.
+ */
+const reactWrapper = createComponent({
+    tagName: TAG_NAME,
+    elementClass: Component,
+    react: React,
+    events: {
+        onClick: 'click',
+        onKeyDown: 'keydown',
+        onFocus: 'focus',
+        onBlur: 'blur',
+    },
+    displayName: 'Linksimple',
+});
+export default reactWrapper;

package/package.json

@@ -39,5 +39,5 @@
     "lit": "^3.2.0",
     "uuid": "^11.0.5"
   },
-  "version": "0.56.1"
+  "version": "0.57.0"
 }