Menu widget

src/common/styles/variables.css

@@ -51,4 +51,7 @@
 	--button-icon-font: 'iconFont';
 	--button-icon-size: 1.4em;
 	--button-padding: 0.75em 1.25em;
+	--menu-bg: var(--dojo-white);
+	--menu-selected-bg: var(--dojo-blue);
+	--menu-selected-color: var(--dojo-white);
 }

src/common/styles/widgets.css

@@ -4,6 +4,7 @@
 @import '../../checkbox/styles/checkbox.m.css';
 @import '../../combobox/styles/comboBox.m.css';
 @import '../../dialog/styles/dialog.m.css';
+@import '../../menu/styles/menu.m.css';
 @import '../../radio/styles/radio.m.css';
 @import '../../slidepane/styles/slidePane.m.css';
 @import '../../slider/styles/slider.m.css';

src/common/tests/intern.ts

@@ -56,7 +56,8 @@ export const loaderOptions = {
 		{ name: '@dojo', location: 'node_modules/@dojo' },
 		{ name: 'grunt-dojo2', location: 'node_modules/grunt-dojo2'},
 		{ name: 'pepjs', location: 'node_modules/pepjs/dist', main: 'pep' },
-		{ name: 'maquette', location: 'node_modules/maquette/dist', main: 'maquette' }
+		{ name: 'maquette', location: 'node_modules/maquette/dist', main: 'maquette' },
+		{ name: 'sinon', location: 'node_modules/sinon/pkg', main: 'sinon' }
 	]
 };
 

src/common/tests/unit/all.ts

@@ -14,3 +14,5 @@ import '../../../textarea/tests/unit/Textarea';
 import '../../../checkbox/tests/unit/Checkbox';
 import '../../../radio/tests/unit/Radio';
 import '../../../slider/tests/unit/Slider';
+import '../../../menu/tests/unit/Menu';
+import '../../../menu/tests/unit/MenuItem';