myg 2.0.2 → 2.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c2ec96872a4f28b12144efddf43507736ac84ccafedd4447119a237ea0cd1822
-  data.tar.gz: 223af43b3039fb7dfb7b63ae258b30f7b769ed8398bd1b39240ad262e3a9bdaf
+  metadata.gz: c8272c6ef5c0d5156372804729efd1a7978ddfd21a614b1d5400c58073d2e304
+  data.tar.gz: a9ae02a1a8f1ffd675bd82074455fbe0c4a7de7efa01e70e35ab5a2c2ea386b7
 SHA512:
-  metadata.gz: 152dae267e0c7d2bac752e54ee613faaac2fbfe0050023074c3451750fa16174670f2c3298bf5e37571871212bb3f3ce9f0baf1892792234ab93625eeef2c714
-  data.tar.gz: ab3ec9c583ff8a96718588493a5425a24053a919b65fb1fa3687abab88289dd4c8354503214577dc1d4caaed79f9e394143991cff29777cd7246ddf8cb4679ee
+  metadata.gz: 86a2d114ec998f3b9c4ab8c07152fe512a30c59d721eb17cad1eb6878c6f52a2b8751a466bc4d6a1cf456da60411c2feafb0fff2f497cc54505af593301d6686
+  data.tar.gz: c9e53eb004b67ab5220884482999d9ec28134a7de293612a229ba8b50c0874295054975d33a07a3a889c14d275d554838bb7ffd605b52badc6b4373808489e3f

data/CHANGELOG.md

@@ -4,6 +4,11 @@
 
 * nothing yet
 
+### 2.1.0 - 2018/02/18
+
+* enhancements
+    * allow passing of various additional options to components
+
 ### 2.0.2 - 2018/02/17
 
 * bugfixes

data/app/views/mozaic/myg/_checkbox.html.erb

@@ -1 +1 @@
-<%= component 'mdc-checkbox', class: 'myg-checkbox', label: options[:label], checked: options[:checked], disabled: options[:disabled] %>
+<%= component 'mdc-checkbox', options %>

data/app/views/mozaic/myg/_drawer.html.erb

@@ -1,3 +1,3 @@
-<%= component 'mdc-drawer', type: 'temporary', class: 'myg-drawer' do %>
+<%= component 'mdc-drawer', options do %>
     <%= block %>
 <% end %>

data/app/views/mozaic/myg/_form-field.html.erb

@@ -1,3 +1,3 @@
-<%= component 'mdc-form-field', class: 'myg-form-field' do %>
+<%= component 'mdc-form-field', options do %>
     <%= block %>
 <% end %>

data/app/views/mozaic/myg/_radio.html.erb

@@ -1 +1 @@
-<%= component 'mdc-radio', class: 'myg-radio', label: options[:label], checked: options[:checked], disabled: options[:disabled] %>
+<%= component 'mdc-radio', options %>

data/app/views/mozaic/myg/_toolbar.html.erb

@@ -1,3 +1,3 @@
-<%= component 'mdc-toolbar', class: 'myg-toolbar' do %>
+<%= component 'mdc-toolbar', options do %>
     <%= block %>
 <% end %>

data/lib/generators/templates/install/javascripts/action-button.js

@@ -1,5 +1,5 @@
 import MygActionButton from 'myg-action-button';
 
 document.addEventListener( 'turbolinks:load', () => {
-    const mygActionButton = new MygActionButton( document.querySelector('.myg-action-button'), {} );
+    const mygActionButton = MygActionButton.init( document.querySelector('.myg-action-button'), {} );
 })

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

@@ -1,5 +1,5 @@
 import MygDrawer from 'myg-drawer';
 
 document.addEventListener( 'turbolinks:load', () => {
-    const mygDrawer = new MygDrawer( document.querySelector('.myg-drawer'), {} );
+    const mygDrawer = MygDrawer.init( document.querySelector('.myg-drawer'), {} );
 })

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

@@ -1,5 +1,5 @@
 import MygFooter from 'myg-footer';
 
 document.addEventListener( 'turbolinks:load', () => {
-    const mygFooter = new MygFooter( document.querySelector('.myg-footer'), {} );
+    const mygFooter = MygFooter.init( document.querySelector('.myg-footer'), {} );
 })

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

@@ -1,5 +1,5 @@
 import MygMenu from 'myg-menu';
 
 document.addEventListener( 'turbolinks:load', () => {
-    const mygMenu = new MygMenu( document.querySelector('.myg-menu'), {} );
+    const mygMenu = MygMenu.init( document.querySelector('.myg-menu'), {} );
 })

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

@@ -1,5 +1,5 @@
 import MygSidebar from 'myg-sidebar';
 
 document.addEventListener( 'turbolinks:load', () => {
-    const mygSidebar = new MygSidebar( document.querySelector('.myg-sidebar'), {} );
+    const mygSidebar = MygSidebar.init( document.querySelector('.myg-sidebar'), {} );
 })

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

@@ -1,5 +1,5 @@
 import MygTabs from 'myg-tabs';
 
 document.addEventListener( 'turbolinks:load', () => {
-    const mygTabs = new MygTabs( document.querySelector('.myg-tabs'), {} );
+    const mygTabs = MygTabs.init( document.querySelector('.myg-tabs'), {} );
 })

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

@@ -1,5 +1,5 @@
 import MygTheme from 'myg-theme';
 
 document.addEventListener( 'turbolinks:load', () => {
-    const mygTheme = new MygTheme( document.querySelector('html'), {} );
+    const mygTheme = MygTheme.init( document.querySelector('html'), {} );
 })

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

@@ -1,5 +1,5 @@
 import MygTitlebar from 'myg-titlebar';
 
 document.addEventListener( 'turbolinks:load', () => {
-    const mygTitlebar = new MygTitlebar( document.querySelector('.myg-titlebar'), {} );
+    const mygTitlebar = MygTitlebar.init( document.querySelector('.myg-titlebar'), {} );
 })

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

@@ -1,5 +1,5 @@
 import MygToast from 'myg-toast';
 
 document.addEventListener( 'turbolinks:load', () => {
-    const mygToast = new MygToast( document.querySelector('.myg-toast'), {} );
+    const mygToast = MygToast.init( document.querySelector('.myg-toast'), {} );
 })

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

@@ -1,5 +1,5 @@
 import MygToolbar from 'myg-toolbar';
 
 document.addEventListener( 'turbolinks:load', () => {
-    const mygToolbar = new MygToolbar( document.querySelector('.myg-toolbar'), {} );
+    const mygToolbar = MygToolbar.init( document.querySelector('.myg-toolbar'), {} );
 })

data/lib/generators/templates/install/stylesheets/_myg.sass

@@ -8,6 +8,7 @@
 //
 // @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"
@@ -42,6 +43,7 @@
 //
 // +myg-animate--classes
 // +myg-base--classes
+// +myg-badge--classes
 // +myg-button--classes
 // +myg-card--classes
 // +myg-checkbox--classes

data/lib/generators/templates/install/stylesheets/variables/_font.scss

@@ -2,5 +2,6 @@
 $myg-font: (
     default: (-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"),
     sans-serif: ("Inter UI", "Helvetica Neue", sans-serif),
+    serif: ("Freight Text Pro", "Georgia", serif),
     monospace: ("Inconsolata", "Roboto Mono", "Courier New", monospace)
 ) !default;

data/lib/generators/templates/install/stylesheets/variables/_grid.scss

@@ -8,8 +8,8 @@ $myg-grid--breakpoints: (
 ) !default;
 $myg-grid--columns: (
     phone: 4,
-    tablet: 8,
-    laptop: 12,
+    tablet: 4,
+    laptop: 8,
     large: 12,
     desktop: 12
 ) !default;

data/lib/generators/templates/install/stylesheets/variables/_layout.scss

@@ -1,5 +1,5 @@
 // Layout
 $myg-layout: (
-    toolbar-height: px(50),
+    toolbar-height: px(55),
     sidebar-width: minmax(33%, px(400))
 ) !default;

data/lib/generators/templates/install/stylesheets/variables/_text.scss

@@ -9,13 +9,13 @@ $myg-text--size: (
     h6: (sm: px(13), base: px(14), lg: px(16))
 ) !default;
 $myg-text--size-mobile: (
-    p: (sm: px(13), base: px(14), lg: px(16)),
+    p: (sm: px(14), base: px(16), lg: px(18)),
     h1: (sm: px(30), base: px(36), lg: px(48)),
     h2: (sm: px(18), base: px(21), lg: px(24)),
     h3: (sm: px(16), base: px(18), lg: px(21)),
-    h4: (sm: px(14), base: px(16), lg: px(18)),
-    h5: (sm: px(13), base: px(14), lg: px(16)),
-    h6: (sm: px(12), base: px(13), lg: px(14))
+    h4: (sm: px(16), base: px(17), lg: px(18)),
+    h5: (sm: px(15), base: px(16), lg: px(17)),
+    h6: (sm: px(13), base: px(14), lg: px(15))
 ) !default;
 
 

data/lib/myg/railtie.rb

@@ -5,11 +5,27 @@ module Myg
 
         initializer 'myg.mozaic' do
             Mozaic.configure do |config|
-                config.define_component 'myg/checkbox', class_name: false, label: false, checked: false, disabled: false
-                config.define_component 'myg/drawer'
-                config.define_component 'myg/form-field'
-                config.define_component 'myg/radio', class_name: false, label: false, checked: false, disabled: false
-                config.define_component 'myg/toolbar'
+                config.define_component 'myg/checkbox', class: '', label: false, checked: false, disabled: false do |options|
+                    options[:class] << ' myg-checkbox'
+                    options
+                end
+                config.define_component 'myg/drawer', class: '' do |options|
+                    options[:type] = 'temporary'
+                    options[:class] << ' myg-drawer'
+                    options
+                end
+                config.define_component 'myg/form-field', class: '' do |options|
+                    options[:class] << ' myg-form-field'
+                    options
+                end
+                config.define_component 'myg/radio', class: '', label: false, checked: false, disabled: false do |options|
+                    options[:class] << ' myg-radio'
+                    options
+                end
+                config.define_component 'myg/toolbar', class: '' do |options|
+                    options[:class] << ' myg-toolbar'
+                    options
+                end
             end
         end
 

data/lib/myg/version.rb

@@ -1,5 +1,5 @@
 module Myg
 
-    VERSION = '2.0.2'
+    VERSION = '2.1.0'
 
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: myg
 version: !ruby/object:Gem::Version
-  version: 2.0.2
+  version: 2.1.0
 platform: ruby
 authors:
 - Jonas Hübotter
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-02-17 00:00:00.000000000 Z
+date: 2018-02-18 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties