myg 2.10.3 → 2.10.4

data/lib/generators/templates/install/javascripts/dialog.js

@@ -1,9 +1,9 @@
-import MygDialog from 'myg-dialog';
-
-['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
-    document.removeEventListener( event, init );
-    document.addEventListener( event, init );
-})
-function init() {
-    const mygDialogs = MygDialog.initAll( document.querySelectorAll('.myg-dialog'), {} );
-}
+import MygDialog from 'myg-dialog';
+
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach((event) => {
+  document.removeEventListener(event, init);
+  document.addEventListener(event, init);
+});
+function init() {
+  const mygDialogs = MygDialog.initAll(document.querySelectorAll('.myg-dialog'), {});
+}

data/lib/generators/templates/install/javascripts/drawer.js

@@ -1,9 +1,9 @@
-import MygDrawer from 'myg-drawer';
-
-['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
-    document.removeEventListener( event, init );
-    document.addEventListener( event, init );
-})
-function init() {
-    const mygDrawer = MygDrawer.init( document.querySelector('.myg-drawer'), {} );
-}
+import MygDrawer from 'myg-drawer';
+
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach((event) => {
+  document.removeEventListener(event, init);
+  document.addEventListener(event, init);
+});
+function init() {
+  const mygDrawer = MygDrawer.init(document.querySelector('.myg-drawer'), {});
+}

data/lib/generators/templates/install/javascripts/dropdown.js

@@ -1,9 +1,9 @@
-import MygDropdown from 'myg-dropdown';
-
-['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
-    document.removeEventListener( event, init );
-    document.addEventListener( event, init );
-})
-function init() {
-    const mygDropdowns = MygDropdown.initAll( document.querySelectorAll('.myg-dropdown'), {} );
-}
+import MygDropdown from 'myg-dropdown';
+
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach((event) => {
+  document.removeEventListener(event, init);
+  document.addEventListener(event, init);
+});
+function init() {
+  const mygDropdowns = MygDropdown.initAll(document.querySelectorAll('.myg-dropdown'), {});
+}

data/lib/generators/templates/install/javascripts/footer.js

@@ -1,9 +1,9 @@
-import MygFooter from 'myg-footer';
-
-['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
-    document.removeEventListener( event, init );
-    document.addEventListener( event, init );
-})
-function init() {
-    const mygFooter = MygFooter.init( document.querySelector('.myg-footer'), {} );
-}
+import MygFooter from 'myg-footer';
+
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach((event) => {
+  document.removeEventListener(event, init);
+  document.addEventListener(event, init);
+});
+function init() {
+  const mygFooter = MygFooter.init(document.querySelector('.myg-footer'), {});
+}

data/lib/generators/templates/install/javascripts/form-field.js

@@ -1,9 +1,9 @@
-import MygFormField from 'myg-form-field';
-
-['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
-    document.removeEventListener( event, init );
-    document.addEventListener( event, init );
-})
-function init() {
-    const mygFormFields = MygFormField.initAll( document.querySelectorAll('.myg-form-field'), {} );
-}
+import MygFormField from 'myg-form-field';
+
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach((event) => {
+  document.removeEventListener(event, init);
+  document.addEventListener(event, init);
+});
+function init() {
+  const mygFormFields = MygFormField.initAll(document.querySelectorAll('.myg-form-field'), {});
+}

data/lib/generators/templates/install/javascripts/index.js.erb

@@ -1,24 +1,24 @@
-<% if Myg.configuration&.es6 == false %>//= require myg/dist/myg<% else %>import './action-button';
-import './button';
-import './card';
-import './checkbox';
-import './dialog';
-import './drawer';
-import './dropdown';
-import './footer';
-import './form-field';
-import './menu';
-import './modal';
-import './progress';
-import './radio';
-import './select';
-import './sidebar';
-import './slide';
-import './slider';
-import './tabs';
-import './text';
-import './theme';
-import './titlebar';
-import './toast';
-import './toolbar';
-import './tooltip';<% end %>
+<% if Myg.configuration&.es6 == false %>//= require myg/dist/myg<% else %>import './action-button';
+import './button';
+import './card';
+import './checkbox';
+import './dialog';
+import './drawer';
+import './dropdown';
+import './footer';
+import './form-field';
+import './menu';
+import './modal';
+import './progress';
+import './radio';
+import './select';
+import './sidebar';
+import './slide';
+import './slider';
+import './tabs';
+import './text';
+import './theme';
+import './titlebar';
+import './toast';
+import './toolbar';
+import './tooltip';<% end %>

data/lib/generators/templates/install/javascripts/menu.js

@@ -1,9 +1,9 @@
-import MygMenu from 'myg-menu';
-
-['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
-    document.removeEventListener( event, init );
-    document.addEventListener( event, init );
-})
-function init() {
-    const mygMenu = MygMenu.init( document.querySelector('.myg-menu'), {} );
-}
+import MygMenu from 'myg-menu';
+
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach((event) => {
+  document.removeEventListener(event, init);
+  document.addEventListener(event, init);
+});
+function init() {
+  const mygMenu = MygMenu.init(document.querySelector('.myg-menu'), {});
+}

data/lib/generators/templates/install/javascripts/modal.js

@@ -1,9 +1,9 @@
-import MygModal from 'myg-modal';
-
-['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
-    document.removeEventListener( event, init );
-    document.addEventListener( event, init );
-})
-function init() {
-    const mygModals = MygModal.initAll( document.querySelectorAll('.modalist'), {} );
-}
+import MygModal from 'myg-modal';
+
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach((event) => {
+  document.removeEventListener(event, init);
+  document.addEventListener(event, init);
+});
+function init() {
+  const mygModals = MygModal.initAll(document.querySelectorAll('.modalist'), {});
+}

data/lib/generators/templates/install/javascripts/progress.js

@@ -1,9 +1,9 @@
-import MygProgress from 'myg-progress';
-
-['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
-    document.removeEventListener( event, init );
-    document.addEventListener( event, init );
-})
-function init() {
-    const mygProgresses = MygProgress.initAll( document.querySelectorAll('.myg-progress'), {} );
-}
+import MygProgress from 'myg-progress';
+
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach((event) => {
+  document.removeEventListener(event, init);
+  document.addEventListener(event, init);
+});
+function init() {
+  const mygProgresses = MygProgress.initAll(document.querySelectorAll('.myg-progress'), {});
+}

data/lib/generators/templates/install/javascripts/radio.js

@@ -1,9 +1,9 @@
-import MygRadio from 'myg-radio';
-
-['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
-    document.removeEventListener( event, init );
-    document.addEventListener( event, init );
-})
-function init() {
-    const mygRadios = MygRadio.initAll( document.querySelectorAll('.myg-radio'), {} );
-}
+import MygRadio from 'myg-radio';
+
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach((event) => {
+  document.removeEventListener(event, init);
+  document.addEventListener(event, init);
+});
+function init() {
+  const mygRadios = MygRadio.initAll(document.querySelectorAll('.myg-radio'), {});
+}

data/lib/generators/templates/install/javascripts/select.js

@@ -1,9 +1,9 @@
-import MygSelect from 'myg-select';
-
-['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
-    document.removeEventListener( event, init );
-    document.addEventListener( event, init );
-})
-function init() {
-    const mygSelects = MygSelect.initAll( document.querySelectorAll('.myg-select'), {} );
-}
+import MygSelect from 'myg-select';
+
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach((event) => {
+  document.removeEventListener(event, init);
+  document.addEventListener(event, init);
+});
+function init() {
+  const mygSelects = MygSelect.initAll(document.querySelectorAll('.myg-select'), {});
+}

data/lib/generators/templates/install/javascripts/sidebar.js

@@ -1,9 +1,9 @@
-import MygSidebar from 'myg-sidebar';
-
-['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
-    document.removeEventListener( event, init );
-    document.addEventListener( event, init );
-})
-function init() {
-    const mygSidebar = MygSidebar.init( document.querySelector('.myg-sidebar'), {} );
-}
+import MygSidebar from 'myg-sidebar';
+
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach((event) => {
+  document.removeEventListener(event, init);
+  document.addEventListener(event, init);
+});
+function init() {
+  const mygSidebar = MygSidebar.init(document.querySelector('.myg-sidebar'), {});
+}

data/lib/generators/templates/install/javascripts/slide.js

@@ -1,9 +1,9 @@
-import MygSlide from 'myg-slide';
-
-['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
-    document.removeEventListener( event, init );
-    document.addEventListener( event, init );
-})
-function init() {
-    const mygSlides = MygSlide.initAll( document.querySelectorAll('.myg-slide'), {} );
-}
+import MygSlide from 'myg-slide';
+
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach((event) => {
+  document.removeEventListener(event, init);
+  document.addEventListener(event, init);
+});
+function init() {
+  const mygSlides = MygSlide.initAll(document.querySelectorAll('.myg-slide'), {});
+}

data/lib/generators/templates/install/javascripts/slider.js

@@ -1,9 +1,9 @@
-import MygSlider from 'myg-slider';
-
-['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
-    document.removeEventListener( event, init );
-    document.addEventListener( event, init );
-})
-function init() {
-    const mygSliders = MygSlider.initAll( document.querySelectorAll('.myg-slider'), {} );
-}
+import MygSlider from 'myg-slider';
+
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach((event) => {
+  document.removeEventListener(event, init);
+  document.addEventListener(event, init);
+});
+function init() {
+  const mygSliders = MygSlider.initAll(document.querySelectorAll('.myg-slider'), {});
+}

data/lib/generators/templates/install/javascripts/tabs.js

@@ -1,9 +1,9 @@
-import MygTabs from 'myg-tabs';
-
-['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
-    document.removeEventListener( event, init );
-    document.addEventListener( event, init );
-})
-function init() {
-    const mygTabs = MygTabs.init( document.querySelector('.myg-tabs'), {} );
-}
+import MygTabs from 'myg-tabs';
+
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach((event) => {
+  document.removeEventListener(event, init);
+  document.addEventListener(event, init);
+});
+function init() {
+  const mygTabs = MygTabs.init(document.querySelector('.myg-tabs'), {});
+}

data/lib/generators/templates/install/javascripts/text.js

@@ -1,9 +1,9 @@
-import MygText from 'myg-text';
-
-['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
-    document.removeEventListener( event, init );
-    document.addEventListener( event, init );
-})
-function init() {
-    const mygTexts = MygText.initAll( document.querySelectorAll('.myg-text'), {} );
-}
+import MygText from 'myg-text';
+
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach((event) => {
+  document.removeEventListener(event, init);
+  document.addEventListener(event, init);
+});
+function init() {
+  const mygTexts = MygText.initAll(document.querySelectorAll('.myg-text'), {});
+}

data/lib/generators/templates/install/javascripts/theme.js

@@ -1,9 +1,9 @@
-import MygTheme from 'myg-theme';
-
-['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
-    document.removeEventListener( event, init );
-    document.addEventListener( event, init );
-})
-function init() {
-    const mygTheme = MygTheme.init( document.querySelector('html'), {} );
-}
+import MygTheme from 'myg-theme';
+
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach((event) => {
+  document.removeEventListener(event, init);
+  document.addEventListener(event, init);
+});
+function init() {
+  const mygTheme = MygTheme.init(document.querySelector('html'), {});
+}

data/lib/generators/templates/install/javascripts/titlebar.js

@@ -1,9 +1,9 @@
-import MygTitlebar from 'myg-titlebar';
-
-['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
-    document.removeEventListener( event, init );
-    document.addEventListener( event, init );
-})
-function init() {
-    const mygTitlebar = MygTitlebar.init( document.querySelector('.myg-titlebar'), {} );
-}
+import MygTitlebar from 'myg-titlebar';
+
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach((event) => {
+  document.removeEventListener(event, init);
+  document.addEventListener(event, init);
+});
+function init() {
+  const mygTitlebar = MygTitlebar.init(document.querySelector('.myg-titlebar'), {});
+}

data/lib/generators/templates/install/javascripts/toast.js

@@ -1,9 +1,9 @@
-import MygToast from 'myg-toast';
-
-['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
-    document.removeEventListener( event, init );
-    document.addEventListener( event, init );
-})
-function init() {
-    const mygToast = MygToast.init( document.querySelector('.myg-toast'), {} );
-}
+import MygToast from 'myg-toast';
+
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach((event) => {
+  document.removeEventListener(event, init);
+  document.addEventListener(event, init);
+});
+function init() {
+  const mygToast = MygToast.init(document.querySelector('.myg-toast'), {});
+}

data/lib/generators/templates/install/javascripts/toolbar.js

@@ -1,9 +1,9 @@
-import MygToolbar from 'myg-toolbar';
-
-['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
-    document.removeEventListener( event, init );
-    document.addEventListener( event, init );
-})
-function init() {
-    const mygToolbar = MygToolbar.init( document.querySelector('.myg-toolbar'), {} );
-}
+import MygToolbar from 'myg-toolbar';
+
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach((event) => {
+  document.removeEventListener(event, init);
+  document.addEventListener(event, init);
+});
+function init() {
+  const mygToolbar = MygToolbar.init(document.querySelector('.myg-toolbar'), {});
+}

data/lib/generators/templates/install/javascripts/tooltip.js

@@ -1,9 +1,9 @@
-import MygTooltip from 'myg-tooltip';
-
-['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach( (event) => {
-    document.removeEventListener( event, init );
-    document.addEventListener( event, init );
-})
-function init() {
-    const mygTooltips = MygTooltip.initAll( document.querySelectorAll('[data-myg-tooltip]'), {} );
-}
+import MygTooltip from 'myg-tooltip';
+
+['turbolinks:load', 'modalist:render', 'myg-tabs:render'].forEach((event) => {
+  document.removeEventListener(event, init);
+  document.addEventListener(event, init);
+});
+function init() {
+  const mygTooltips = MygTooltip.initAll(document.querySelectorAll('[data-myg-tooltip]'), {});
+}

data/lib/generators/templates/install/stylesheets/myg.scss

@@ -0,0 +1,107 @@
+/* CUSTOM THEMES */
+
+@import "theme/_custom";
+@import "theme/theme";
+
+/* CONFIGURATION */
+
+@import "variables/_action-button";
+@import "variables/_animate";
+@import "variables/_base";
+@import "variables/_font";
+@import "variables/_footer";
+@import "variables/_grid";
+@import "variables/_layout";
+@import "variables/_spacing";
+@import "variables/_text";
+@import "variables/_theme";
+
+// |\      /| \    / /¯¯¯¯¯ //
+// | \    / |  \  /  |      //
+// |  \  /  |   \/   |   __ //
+// |   \/   |    |   \____/ //
+
+@import "myg/src/myg";
+
+/* CUSTOMIZE MYG */
+
+/* Base */
+// @import "myg-base/base";
+
+/* Style */
+// @import "myg-theme/theme";
+// @import "myg-font/font";
+
+/* Components */
+// @import "myg-action-button/action-button";
+// @import "myg-animate/animate";
+// @import "myg-badge/badge";
+// @import "myg-button/button";
+// @import "myg-card/card";
+// @import "myg-checkbox/checkbox";
+// @import "myg-dialog/dialog";
+// @import "myg-drawer/drawer";
+// @import "myg-dropdown/dropdown";
+// @import "myg-elevation/elevation";
+// @import "myg-footer/footer";
+// @import "myg-form-field/form-field";
+// @import "myg-grid/grid";
+// @import "myg-hint/hint";
+// @import "myg-input/input";
+// @import "myg-label/label";
+// @import "myg-layout/layout";
+// @import "myg-list/list";
+// @import "myg-menu/menu";
+// @import "myg-modal/modal";
+// @import "myg-progress/progress";
+// @import "myg-radio/radio";
+// @import "myg-select/select";
+// @import "myg-sidebar/sidebar";
+// @import "myg-slide/slide";
+// @import "myg-slider/slider";
+// @import "myg-spacing/spacing";
+// @import "myg-switch/switch";
+// @import "myg-tabs/tabs";
+// @import "myg-text/text";
+// @import "myg-titlebar/titlebar";
+// @import "myg-toast/toast";
+// @import "myg-toolbar/toolbar";
+// @import "myg-tooltip/tooltip";
+
+/* Classes */
+// @include myg__classes--animate;
+// @include myg__classes--base;
+// @include myg__classes--badge;
+// @include myg__classes--button;
+// @include myg__classes--card;
+// @include myg__classes--checkbox;
+// @include myg__classes--drawer;
+// @include myg__classes--dropdown;
+// @include myg__classes--elevation;
+// @include myg__classes--font;
+// @include myg__classes--footer;
+// @include myg__classes--form-field;
+// @include myg__classes--grid;
+// @include myg__classes--hint;
+// @include myg__classes--input;
+// @include myg__classes--label;
+// @include myg__classes--layout;
+// @include myg__classes--list;
+// @include myg__classes--progress;
+// @include myg__classes--radio;
+// @include myg__classes--tabs;
+// @include myg__classes--switch;
+// @include myg__classes--text;
+// @include myg__classes--theme;
+// @include myg__classes--titlebar;
+// @include myg__classes--toast;
+// @include myg__classes--toolbar;
+// @include myg__classes--tooltip;
+
+/* Styling of HTML tags */
+// @include myg__mappings--button;
+// @include myg__mappings--input;
+// @include myg__mappings--label;
+// @include myg__mappings--layout;
+// @include myg__mappings--text;
+// @include myg__mappings--theme;