@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.
- package/dist/browser/index.js +347 -337
- package/dist/browser/index.js.map +4 -4
- package/dist/components/combobox/combobox.component.d.ts +16 -0
- package/dist/components/combobox/combobox.component.js +20 -0
- package/dist/components/combobox/combobox.constants.d.ts +2 -0
- package/dist/components/combobox/combobox.constants.js +3 -0
- package/dist/components/combobox/combobox.styles.d.ts +2 -0
- package/dist/components/combobox/combobox.styles.js +7 -0
- package/dist/components/combobox/combobox.types.d.ts +3 -0
- package/dist/components/combobox/combobox.types.js +2 -0
- package/dist/components/combobox/index.d.ts +7 -0
- package/dist/components/combobox/index.js +4 -0
- package/dist/components/slider/index.d.ts +7 -0
- package/dist/components/slider/index.js +4 -0
- package/dist/components/slider/slider.component.d.ts +120 -0
- package/dist/components/slider/slider.component.js +189 -0
- package/dist/components/slider/slider.constants.d.ts +2 -0
- package/dist/components/slider/slider.constants.js +3 -0
- package/dist/components/slider/slider.styles.d.ts +2 -0
- package/dist/components/slider/slider.styles.js +7 -0
- package/dist/components/slider/slider.types.d.ts +3 -0
- package/dist/components/slider/slider.types.js +2 -0
- package/dist/custom-elements.json +3074 -2521
- package/dist/index.d.ts +3 -1
- package/dist/index.js +3 -1
- package/dist/react/combobox/index.d.ts +12 -0
- package/dist/react/combobox/index.js +21 -0
- package/dist/react/index.d.ts +5 -3
- package/dist/react/index.js +5 -3
- package/dist/react/slider/index.d.ts +12 -0
- package/dist/react/slider/index.js +21 -0
- package/dist/utils/roles.d.ts +1 -0
- package/dist/utils/roles.js +1 -0
- 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;
|
package/dist/react/index.d.ts
CHANGED
@@ -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
|
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';
|
package/dist/react/index.js
CHANGED
@@ -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
|
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;
|
package/dist/utils/roles.d.ts
CHANGED
@@ -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";
|
package/dist/utils/roles.js
CHANGED