@momentum-design/components 0.39.5 → 0.40.0

package/dist/index.d.ts

@@ -30,6 +30,7 @@ import Toggle from './components/toggle';
 import Tooltip from './components/tooltip';
 import VirtualizedList from './components/virtualizedlist';
 import { inMemoryCache, webAPIIconsCache } from './utils/icon-cache';
+import Progressbar from './components/progressbar';
 import Option from './components/option';
 import OptGroup from './components/optgroup';
 import Textarea from './components/textarea';
@@ -37,6 +38,6 @@ import type { SpinnerSize, SpinnerVariant } from './components/spinner/spinner.t
 import type { TextType } from './components/text/text.types';
 import type { PopoverPlacement } from './components/popover/popover.types';
 import type { BadgeType } from './components/badge/badge.types';
-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, 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, };
 export type { TextType, SpinnerSize, SpinnerVariant, PopoverPlacement, BadgeType, };
 export { inMemoryCache, webAPIIconsCache };

package/dist/index.js

@@ -30,8 +30,9 @@ import Toggle from './components/toggle';
 import Tooltip from './components/tooltip';
 import VirtualizedList from './components/virtualizedlist';
 import { inMemoryCache, webAPIIconsCache } from './utils/icon-cache';
+import Progressbar from './components/progressbar';
 import Option from './components/option';
 import OptGroup from './components/optgroup';
 import Textarea from './components/textarea';
-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, 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, };
 export { inMemoryCache, webAPIIconsCache };

package/dist/react/index.d.ts

@@ -1,13 +1,13 @@
 export { default as AlertChip } from './alertchip';
-export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
+export { default as Avatar } from './avatar';
 export { default as Badge } from './badge';
 export { default as Bullet } from './bullet';
 export { default as Button } from './button';
 export { default as Buttonsimple } from './buttonsimple';
 export { default as Checkbox } from './checkbox';
-export { default as Coachmark } from './coachmark';
 export { default as Chip } from './chip';
+export { default as Coachmark } from './coachmark';
 export { default as Divider } from './divider';
 export { default as FilterChip } from './filterchip';
 export { default as FormfieldGroup } from './formfieldgroup';
@@ -24,6 +24,7 @@ export { default as OptGroup } from './optgroup';
 export { default as Option } from './option';
 export { default as Popover } from './popover';
 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';

package/dist/react/index.js

@@ -1,13 +1,13 @@
 export { default as AlertChip } from './alertchip';
-export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
+export { default as Avatar } from './avatar';
 export { default as Badge } from './badge';
 export { default as Bullet } from './bullet';
 export { default as Button } from './button';
 export { default as Buttonsimple } from './buttonsimple';
 export { default as Checkbox } from './checkbox';
-export { default as Coachmark } from './coachmark';
 export { default as Chip } from './chip';
+export { default as Coachmark } from './coachmark';
 export { default as Divider } from './divider';
 export { default as FilterChip } from './filterchip';
 export { default as FormfieldGroup } from './formfieldgroup';
@@ -24,6 +24,7 @@ export { default as OptGroup } from './optgroup';
 export { default as Option } from './option';
 export { default as Popover } from './popover';
 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';

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

@@ -0,0 +1,30 @@
+import Component from '../../components/progressbar';
+/**
+ * mdc-progressbar component visually represents a progress indicator, typically used to show
+ * the completion state of an ongoing process (e.g., loading, file upload, etc.).
+ * It contains an optional label and an optional helper text.
+ *
+ * - It supports mainly two types: Default and Inline
+ * - It supports three validation variants: Default, Success and Error.
+ *
+ * This component is created by extending FormfieldWrapper.
+ *
+ * @tagname mdc-progressbar
+ *
+ * @dependency mdc-icon
+ * @dependency mdc-text
+ *
+ * @cssproperty --mdc-progressbar-default-background-color - Background color of the progressbar when inactive.
+ * @cssproperty --mdc-progressbar-default-active-background-color - Background color of the progressbar when active.
+ * @cssproperty --mdc-progressbar-success-background-color - Background color of the progressbar when in success state.
+ * @cssproperty --mdc-progressbar-error-background-color - Background color of the progressbar when in error state.
+ * @cssproperty --mdc-progressbar-height - The height of the progressbar.
+ * @cssproperty --mdc-progressbar-border-radius - The border radius of the progressbar.
+ * @cssproperty --mdc-progressbar-label-color - Color of the progressbar label text.
+ * @cssproperty --mdc-progressbar-label-lineheight - Line height of the label text.
+ * @cssproperty --mdc-progressbar-label-fontsize - Font size of the label text.
+ * @cssproperty --mdc-progressbar-label-fontweight - Font weight of the label text.
+ * @cssproperty --mdc-progressbar-help-text-color - Color of the help text.
+ */
+declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
+export default reactWrapper;

package/dist/react/progressbar/index.js

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import Component from '../../components/progressbar';
+import { TAG_NAME } from '../../components/progressbar/progressbar.constants';
+/**
+ * mdc-progressbar component visually represents a progress indicator, typically used to show
+ * the completion state of an ongoing process (e.g., loading, file upload, etc.).
+ * It contains an optional label and an optional helper text.
+ *
+ * - It supports mainly two types: Default and Inline
+ * - It supports three validation variants: Default, Success and Error.
+ *
+ * This component is created by extending FormfieldWrapper.
+ *
+ * @tagname mdc-progressbar
+ *
+ * @dependency mdc-icon
+ * @dependency mdc-text
+ *
+ * @cssproperty --mdc-progressbar-default-background-color - Background color of the progressbar when inactive.
+ * @cssproperty --mdc-progressbar-default-active-background-color - Background color of the progressbar when active.
+ * @cssproperty --mdc-progressbar-success-background-color - Background color of the progressbar when in success state.
+ * @cssproperty --mdc-progressbar-error-background-color - Background color of the progressbar when in error state.
+ * @cssproperty --mdc-progressbar-height - The height of the progressbar.
+ * @cssproperty --mdc-progressbar-border-radius - The border radius of the progressbar.
+ * @cssproperty --mdc-progressbar-label-color - Color of the progressbar label text.
+ * @cssproperty --mdc-progressbar-label-lineheight - Line height of the label text.
+ * @cssproperty --mdc-progressbar-label-fontsize - Font size of the label text.
+ * @cssproperty --mdc-progressbar-label-fontweight - Font weight of the label text.
+ * @cssproperty --mdc-progressbar-help-text-color - Color of the help text.
+ */
+const reactWrapper = createComponent({
+    tagName: TAG_NAME,
+    elementClass: Component,
+    react: React,
+    events: {},
+    displayName: 'Progressbar',
+});
+export default reactWrapper;

package/package.json

@@ -38,5 +38,5 @@
     "lit": "^3.2.0",
     "uuid": "^11.0.5"
   },
-  "version": "0.39.5"
+  "version": "0.40.0"
 }