@momentum-design/components 0.104.5 → 0.104.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/browser/index.js +347 -337
  2. package/dist/browser/index.js.map +4 -4
  3. package/dist/components/combobox/combobox.component.d.ts +16 -0
  4. package/dist/components/combobox/combobox.component.js +20 -0
  5. package/dist/components/combobox/combobox.constants.d.ts +2 -0
  6. package/dist/components/combobox/combobox.constants.js +3 -0
  7. package/dist/components/combobox/combobox.styles.d.ts +2 -0
  8. package/dist/components/combobox/combobox.styles.js +7 -0
  9. package/dist/components/combobox/combobox.types.d.ts +3 -0
  10. package/dist/components/combobox/combobox.types.js +2 -0
  11. package/dist/components/combobox/index.d.ts +7 -0
  12. package/dist/components/combobox/index.js +4 -0
  13. package/dist/components/slider/index.d.ts +7 -0
  14. package/dist/components/slider/index.js +4 -0
  15. package/dist/components/slider/slider.component.d.ts +120 -0
  16. package/dist/components/slider/slider.component.js +189 -0
  17. package/dist/components/slider/slider.constants.d.ts +2 -0
  18. package/dist/components/slider/slider.constants.js +3 -0
  19. package/dist/components/slider/slider.styles.d.ts +2 -0
  20. package/dist/components/slider/slider.styles.js +7 -0
  21. package/dist/components/slider/slider.types.d.ts +3 -0
  22. package/dist/components/slider/slider.types.js +2 -0
  23. package/dist/custom-elements.json +3074 -2521
  24. package/dist/index.d.ts +3 -1
  25. package/dist/index.js +3 -1
  26. package/dist/react/combobox/index.d.ts +12 -0
  27. package/dist/react/combobox/index.js +21 -0
  28. package/dist/react/index.d.ts +5 -3
  29. package/dist/react/index.js +5 -3
  30. package/dist/react/slider/index.d.ts +12 -0
  31. package/dist/react/slider/index.js +21 -0
  32. package/dist/utils/roles.d.ts +1 -0
  33. package/dist/utils/roles.js +1 -0
  34. package/package.json +1 -1
package/dist/index.d.ts CHANGED
@@ -74,6 +74,8 @@ import Toggle from './components/toggle';
74
74
  import ToggleTip from './components/toggletip';
75
75
  import Tooltip from './components/tooltip';
76
76
  import VirtualizedList from './components/virtualizedlist';
77
+ import Combobox from './components/combobox';
78
+ import Slider from './components/slider';
77
79
  import type { BadgeType } from './components/badge/badge.types';
78
80
  import type { ButtonColor, ButtonVariant, IconButtonSize, PillButtonSize } from './components/button/button.types';
79
81
  import type { PopoverPlacement } from './components/popover/popover.types';
@@ -87,6 +89,6 @@ import type { MenuSectionChangeEvent } from './components/menusection/menusectio
87
89
  import { BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES } from './components/button/button.constants';
88
90
  import { SKELETON_VARIANTS } from './components/skeleton/skeleton.constants';
89
91
  import { inMemoryCache, webAPIIconsCache } from './utils/icon-cache';
90
- export { Accordion, AccordionButton, AccordionGroup, AlertChip, Animation, Appheader, Avatar, AvatarButton, Badge, Brandvisual, Bullet, Button, ButtonGroup, ButtonLink, Card, CardButton, CardCheckbox, CardRadio, Checkbox, Chip, Coachmark, Dialog, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Input, InputChip, Link, LinkButton, Linksimple, List, Listheader, ListItem, Marker, MenuBar, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, MenuSection, NavMenuItem, OptGroup, Option, Password, Popover, Presence, Progressbar, Progressspinner, Radio, RadioGroup, ScreenreaderAnnouncer, Searchfield, Select, SelectListbox, SideNavigation, Skeleton, Spinner, StaticCheckbox, StaticRadio, StaticToggle, Stepper, StepperConnector, StepperItem, Tab, TabList, Text, Textarea, ThemeProvider, Toast, Toggle, Typewriter, ToggleTip, Tooltip, VirtualizedList, };
92
+ export { Accordion, AccordionButton, AccordionGroup, AlertChip, Animation, Appheader, Avatar, AvatarButton, Badge, Brandvisual, Bullet, Button, ButtonGroup, ButtonLink, Card, CardButton, CardCheckbox, CardRadio, Checkbox, Chip, Coachmark, Dialog, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Input, InputChip, Link, LinkButton, Linksimple, List, Listheader, ListItem, Marker, MenuBar, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, MenuSection, NavMenuItem, OptGroup, Option, Password, Popover, Presence, Progressbar, Progressspinner, Radio, RadioGroup, ScreenreaderAnnouncer, Searchfield, Select, SelectListbox, SideNavigation, Skeleton, Spinner, StaticCheckbox, StaticRadio, StaticToggle, Stepper, StepperConnector, StepperItem, Tab, TabList, Text, Textarea, ThemeProvider, Toast, Toggle, Typewriter, ToggleTip, Tooltip, VirtualizedList, Combobox, Slider, };
91
93
  export type { BadgeType, ButtonColor, ButtonVariant, IconButtonSize, MenuPopoverActionEvent, MenuPopoverChangeEvent, MenuSectionChangeEvent, PillButtonSize, PopoverPlacement, SkeletonVariant, SelectChangeEvent, SelectInputEvent, SpinnerSize, SpinnerVariant, TextType, TypewriterType, };
92
94
  export { BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, inMemoryCache, PILL_BUTTON_SIZES, SKELETON_VARIANTS, webAPIIconsCache, };
package/dist/index.js CHANGED
@@ -76,11 +76,13 @@ import Toggle from './components/toggle';
76
76
  import ToggleTip from './components/toggletip';
77
77
  import Tooltip from './components/tooltip';
78
78
  import VirtualizedList from './components/virtualizedlist';
79
+ import Combobox from './components/combobox';
80
+ import Slider from './components/slider';
79
81
  // Constants / Utils Imports
80
82
  import { BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, PILL_BUTTON_SIZES, } from './components/button/button.constants';
81
83
  import { SKELETON_VARIANTS } from './components/skeleton/skeleton.constants';
82
84
  import { inMemoryCache, webAPIIconsCache } from './utils/icon-cache';
83
85
  // Components Exports
84
- export { Accordion, AccordionButton, AccordionGroup, AlertChip, Animation, Appheader, Avatar, AvatarButton, Badge, Brandvisual, Bullet, Button, ButtonGroup, ButtonLink, Card, CardButton, CardCheckbox, CardRadio, Checkbox, Chip, Coachmark, Dialog, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Input, InputChip, Link, LinkButton, Linksimple, List, Listheader, ListItem, Marker, MenuBar, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, MenuSection, NavMenuItem, OptGroup, Option, Password, Popover, Presence, Progressbar, Progressspinner, Radio, RadioGroup, ScreenreaderAnnouncer, Searchfield, Select, SelectListbox, SideNavigation, Skeleton, Spinner, StaticCheckbox, StaticRadio, StaticToggle, Stepper, StepperConnector, StepperItem, Tab, TabList, Text, Textarea, ThemeProvider, Toast, Toggle, Typewriter, ToggleTip, Tooltip, VirtualizedList, };
86
+ export { Accordion, AccordionButton, AccordionGroup, AlertChip, Animation, Appheader, Avatar, AvatarButton, Badge, Brandvisual, Bullet, Button, ButtonGroup, ButtonLink, Card, CardButton, CardCheckbox, CardRadio, Checkbox, Chip, Coachmark, Dialog, Divider, FilterChip, FormfieldGroup, Icon, IconProvider, Input, InputChip, Link, LinkButton, Linksimple, List, Listheader, ListItem, Marker, MenuBar, MenuItem, MenuItemCheckbox, MenuItemRadio, MenuPopover, MenuSection, NavMenuItem, OptGroup, Option, Password, Popover, Presence, Progressbar, Progressspinner, Radio, RadioGroup, ScreenreaderAnnouncer, Searchfield, Select, SelectListbox, SideNavigation, Skeleton, Spinner, StaticCheckbox, StaticRadio, StaticToggle, Stepper, StepperConnector, StepperItem, Tab, TabList, Text, Textarea, ThemeProvider, Toast, Toggle, Typewriter, ToggleTip, Tooltip, VirtualizedList, Combobox, Slider, };
85
87
  // Constants / Utils Exports
86
88
  export { BUTTON_COLORS, BUTTON_VARIANTS, ICON_BUTTON_SIZES, inMemoryCache, PILL_BUTTON_SIZES, SKELETON_VARIANTS, webAPIIconsCache, };
@@ -0,0 +1,12 @@
1
+ import Component from '../../components/combobox';
2
+ /**
3
+ * combobox component, which ...
4
+ *
5
+ * @tagname mdc-combobox
6
+ *
7
+ * @slot default - This is a default/unnamed slot
8
+ *
9
+ * @cssproperty --custom-property-name - Description of the CSS custom property
10
+ */
11
+ declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
12
+ export default reactWrapper;
@@ -0,0 +1,21 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import Component from '../../components/combobox';
4
+ import { TAG_NAME } from '../../components/combobox/combobox.constants';
5
+ /**
6
+ * combobox component, which ...
7
+ *
8
+ * @tagname mdc-combobox
9
+ *
10
+ * @slot default - This is a default/unnamed slot
11
+ *
12
+ * @cssproperty --custom-property-name - Description of the CSS custom property
13
+ */
14
+ const reactWrapper = createComponent({
15
+ tagName: TAG_NAME,
16
+ elementClass: Component,
17
+ react: React,
18
+ events: {},
19
+ displayName: 'Combobox',
20
+ });
21
+ export default reactWrapper;
@@ -20,6 +20,7 @@ export { default as CardRadio } from './cardradio';
20
20
  export { default as Checkbox } from './checkbox';
21
21
  export { default as Chip } from './chip';
22
22
  export { default as Coachmark } from './coachmark';
23
+ export { default as Combobox } from './combobox';
23
24
  export { default as Dialog } from './dialog';
24
25
  export { default as Divider } from './divider';
25
26
  export { default as FilterChip } from './filterchip';
@@ -54,10 +55,11 @@ export { default as Radio } from './radio';
54
55
  export { default as RadioGroup } from './radiogroup';
55
56
  export { default as ScreenreaderAnnouncer } from './screenreaderannouncer';
56
57
  export { default as Searchfield } from './searchfield';
57
- export { default as Selectlistbox } from './selectlistbox';
58
58
  export { default as Select } from './select';
59
- export { default as Skeleton } from './skeleton';
59
+ export { default as Selectlistbox } from './selectlistbox';
60
60
  export { default as SideNavigation } from './sidenavigation';
61
+ export { default as Skeleton } from './skeleton';
62
+ export { default as Slider } from './slider';
61
63
  export { default as Spinner } from './spinner';
62
64
  export { default as StaticCheckbox } from './staticcheckbox';
63
65
  export { default as StaticRadio } from './staticradio';
@@ -68,10 +70,10 @@ export { default as StepperItem } from './stepperitem';
68
70
  export { default as Tab } from './tab';
69
71
  export { default as TabList } from './tablist';
70
72
  export { default as Text } from './text';
71
- export { default as Textarea } from './textarea';
72
73
  export { default as ThemeProvider } from './themeprovider';
73
74
  export { default as Toast } from './toast';
74
75
  export { default as Toggle } from './toggle';
76
+ export { default as Textarea } from './textarea';
75
77
  export { default as ToggleTip } from './toggletip';
76
78
  export { default as Tooltip } from './tooltip';
77
79
  export { default as Typewriter } from './typewriter';
@@ -20,6 +20,7 @@ export { default as CardRadio } from './cardradio';
20
20
  export { default as Checkbox } from './checkbox';
21
21
  export { default as Chip } from './chip';
22
22
  export { default as Coachmark } from './coachmark';
23
+ export { default as Combobox } from './combobox';
23
24
  export { default as Dialog } from './dialog';
24
25
  export { default as Divider } from './divider';
25
26
  export { default as FilterChip } from './filterchip';
@@ -54,10 +55,11 @@ export { default as Radio } from './radio';
54
55
  export { default as RadioGroup } from './radiogroup';
55
56
  export { default as ScreenreaderAnnouncer } from './screenreaderannouncer';
56
57
  export { default as Searchfield } from './searchfield';
57
- export { default as Selectlistbox } from './selectlistbox';
58
58
  export { default as Select } from './select';
59
- export { default as Skeleton } from './skeleton';
59
+ export { default as Selectlistbox } from './selectlistbox';
60
60
  export { default as SideNavigation } from './sidenavigation';
61
+ export { default as Skeleton } from './skeleton';
62
+ export { default as Slider } from './slider';
61
63
  export { default as Spinner } from './spinner';
62
64
  export { default as StaticCheckbox } from './staticcheckbox';
63
65
  export { default as StaticRadio } from './staticradio';
@@ -68,10 +70,10 @@ export { default as StepperItem } from './stepperitem';
68
70
  export { default as Tab } from './tab';
69
71
  export { default as TabList } from './tablist';
70
72
  export { default as Text } from './text';
71
- export { default as Textarea } from './textarea';
72
73
  export { default as ThemeProvider } from './themeprovider';
73
74
  export { default as Toast } from './toast';
74
75
  export { default as Toggle } from './toggle';
76
+ export { default as Textarea } from './textarea';
75
77
  export { default as ToggleTip } from './toggletip';
76
78
  export { default as Tooltip } from './tooltip';
77
79
  export { default as Typewriter } from './typewriter';
@@ -0,0 +1,12 @@
1
+ import Component from '../../components/slider';
2
+ /**
3
+ * slider component, which ...
4
+ *
5
+ * @tagname mdc-slider
6
+ *
7
+ * @slot default - This is a default/unnamed slot
8
+ *
9
+ * @cssproperty --custom-property-name - Description of the CSS custom property
10
+ */
11
+ declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
12
+ export default reactWrapper;
@@ -0,0 +1,21 @@
1
+ import * as React from 'react';
2
+ import { createComponent } from '@lit/react';
3
+ import Component from '../../components/slider';
4
+ import { TAG_NAME } from '../../components/slider/slider.constants';
5
+ /**
6
+ * slider component, which ...
7
+ *
8
+ * @tagname mdc-slider
9
+ *
10
+ * @slot default - This is a default/unnamed slot
11
+ *
12
+ * @cssproperty --custom-property-name - Description of the CSS custom property
13
+ */
14
+ const reactWrapper = createComponent({
15
+ tagName: TAG_NAME,
16
+ elementClass: Component,
17
+ react: React,
18
+ events: {},
19
+ displayName: 'Slider',
20
+ });
21
+ export default reactWrapper;
@@ -17,6 +17,7 @@ declare const ROLE: {
17
17
  readonly MENUITEMCHECKBOX: "menuitemcheckbox";
18
18
  readonly MENUITEMRADIO: "menuitemradio";
19
19
  readonly NAVIGATION: "navigation";
20
+ readonly OPTION: "option";
20
21
  readonly PRESENTATION: "presentation";
21
22
  readonly PROGRESSBAR: "progressbar";
22
23
  readonly RADIO: "radio";
@@ -17,6 +17,7 @@ const ROLE = {
17
17
  MENUITEMCHECKBOX: 'menuitemcheckbox',
18
18
  MENUITEMRADIO: 'menuitemradio',
19
19
  NAVIGATION: 'navigation',
20
+ OPTION: 'option',
20
21
  PRESENTATION: 'presentation',
21
22
  PROGRESSBAR: 'progressbar',
22
23
  RADIO: 'radio',
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@momentum-design/components",
3
3
  "packageManager": "yarn@3.2.4",
4
- "version": "0.104.5",
4
+ "version": "0.104.7",
5
5
  "engines": {
6
6
  "node": ">=20.0.0",
7
7
  "npm": ">=8.0.0"