myg 2.10.3 → 2.10.4

data/lib/generators/templates/install/stylesheets/theme/_custom.scss

@@ -0,0 +1,30 @@
+$myg-theme--custom: (
+  accent: (
+    light: #4063e8,
+    base: #042ecb,
+    dark: #052ab3,
+    contrast: #fff
+  ),
+  text: (
+    lighter: #bec7cf,
+    light: #97a4b0,
+    base: #657786,
+    dark: #3d4553,
+    darker: #14171a
+  ),
+  background: (
+    lighter: #fcfcfc,
+    light: #fff,
+    base: #fff,
+    dark: #fbfbfd,
+    darker: #ecf2f7
+  ),
+  border: #dce2e7,
+  box-shadow: rgba(#000, 0.05),
+  error: #f6809a,
+  success: #6adb83,
+  overlay: (
+    light: transparentize(#e7ecf0, 0.13),
+    dark: transparentize(#14171a, 0.87)
+  )
+);

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

@@ -0,0 +1,3 @@
+// html {
+//   @include myg-theme($myg-theme);
+// }

data/lib/generators/templates/install/stylesheets/variables/_action-button.scss

@@ -1,3 +1,3 @@
-$myg-action-button: (
-    diameter: myg__px(50)
-);
+$myg-action-button: (
+  diameter: myg__px(50)
+);

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

@@ -1,16 +1,15 @@
-$myg-animate__animation: (
-    shake: (
-        duration: .82s,
-        easing: cubic-bezier(.36,.07,.19,.97) both
-    ),
-    bell: (
-        duration: 3s,
-        easing: ease-in-out
-    )
-);
-
-
-$myg-animate__transition: (
-    duration: .15s,
-    easing: ease-out
-);
+$myg-animate__animation: (
+  shake: (
+    duration: 0.82s,
+    easing: cubic-bezier(0.36, 0.07, 0.19, 0.97) both
+  ),
+  bell: (
+    duration: 3s,
+    easing: ease-in-out
+  )
+);
+
+$myg-animate__transition: (
+  duration: 0.15s,
+  easing: ease-out
+);

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

@@ -1,17 +1,16 @@
-$myg-base: (
-    font-size: 16,
-    pwa-display-mode: standalone
-);
-
-
-$myg__cursor: (
-    default: default,
-    text: text,
-    pointer: pointer,
-    help: help,
-    move: move,
-    grab: grab,
-    progress: progress,
-    wait: wait,
-    not-allowed: not-allowed
-);
+$myg-base: (
+  font-size: 16,
+  pwa-display-mode: standalone
+);
+
+$myg__cursor: (
+  default: default,
+  text: text,
+  pointer: pointer,
+  help: help,
+  move: move,
+  grab: grab,
+  progress: progress,
+  wait: wait,
+  not-allowed: not-allowed
+);

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

@@ -1,6 +1,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)
-);
+$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)
+);

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

@@ -1,3 +1,3 @@
-$myg-footer: (
-    min-height: myg__px(25)
-);
+$myg-footer: (
+  min-height: myg__px(25)
+);

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

@@ -1,15 +1,15 @@
-$myg-grid__breakpoints: (
-    phone: 512px,
-    tablet: 768px,
-    laptop: 1024px,
-    large: 1280px,
-    desktop: 1920px
-);
-
-$myg-grid__grid--default-columns: (
-    phone: 4,
-    tablet: 4,
-    laptop: 8,
-    large: 12,
-    desktop: 12
-);
+$myg-grid__breakpoints: (
+  phone: 512px,
+  tablet: 768px,
+  laptop: 1024px,
+  large: 1280px,
+  desktop: 1920px
+);
+
+$myg-grid__grid--default-columns: (
+  phone: 4,
+  tablet: 4,
+  laptop: 8,
+  large: 12,
+  desktop: 12
+);

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

@@ -1,4 +1,4 @@
-$myg-layout: (
-    toolbar-height: myg__px(55),
-    sidebar-width: minmax(33%, myg__px(400))
-);
+$myg-layout: (
+  toolbar-height: myg__px(55),
+  sidebar-width: minmax(33%, myg__px(400))
+);

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

@@ -1 +1 @@
-$myg-spacing__factor: 5;
+$myg-spacing__factor: 5;

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

@@ -1,48 +1,48 @@
-$myg-text__size: (
-    p: (sm: myg__px(14), base: myg__px(16), lg: myg__px(18), bg: myg__px(20)),
-    h1: (sm: myg__px(36), base: myg__px(48), lg: myg__px(64), bg: myg__px(74)),
-    h2: (sm: myg__px(21), base: myg__px(24), lg: myg__px(30), bg: myg__px(36)),
-    h3: (sm: myg__px(18), base: myg__px(21), lg: myg__px(24), bg: myg__px(30)),
-    h4: (sm: myg__px(16), base: myg__px(18), lg: myg__px(21), bg: myg__px(24)),
-    h5: (sm: myg__px(14), base: myg__px(16), lg: myg__px(18), bg: myg__px(21)),
-    h6: (sm: myg__px(13), base: myg__px(14), lg: myg__px(16), bg: myg__px(18))
-);
-$myg-text__size--mobile: (
-    p: (sm: myg__px(14), base: myg__px(16), lg: myg__px(18), bg: myg__px(20)),
-    h1: (sm: myg__px(30), base: myg__px(36), lg: myg__px(40), bg: myg__px(48)),
-    h2: (sm: myg__px(18), base: myg__px(21), lg: myg__px(24), bg: myg__px(30)),
-    h3: (sm: myg__px(16), base: myg__px(18), lg: myg__px(21), bg: myg__px(24)),
-    h4: (sm: myg__px(16), base: myg__px(17), lg: myg__px(18), bg: myg__px(21)),
-    h5: (sm: myg__px(15), base: myg__px(16), lg: myg__px(17), bg: myg__px(18)),
-    h6: (sm: myg__px(13), base: myg__px(14), lg: myg__px(15), bg: myg__px(16))
-);
-
-$myg-text__family: (
-    p: sans-serif,
-    h1: sans-serif,
-    h2: sans-serif,
-    h3: sans-serif,
-    h4: sans-serif,
-    h5: sans-serif,
-    h6: sans-serif
-);
-
-$myg-text__color: (
-    p: myg-theme__color(text, base),
-    h1: myg-theme__color(text, darker),
-    h2: myg-theme__color(text, darker),
-    h3: myg-theme__color(text, darker),
-    h4: myg-theme__color(text, darker),
-    h5: myg-theme__color(text, darker),
-    h6: myg-theme__color(text, darker)
-);
-
-$myg-text__weight: (
-    p: normal,
-    h1: bold,
-    h2: bold,
-    h3: bold,
-    h4: bold,
-    h5: bold,
-    h6: bold
-);
+$myg-text__size: (
+  p: (sm: myg__px(14), base: myg__px(16), lg: myg__px(18), bg: myg__px(20)),
+  h1: (sm: myg__px(36), base: myg__px(48), lg: myg__px(64), bg: myg__px(74)),
+  h2: (sm: myg__px(21), base: myg__px(24), lg: myg__px(30), bg: myg__px(36)),
+  h3: (sm: myg__px(18), base: myg__px(21), lg: myg__px(24), bg: myg__px(30)),
+  h4: (sm: myg__px(16), base: myg__px(18), lg: myg__px(21), bg: myg__px(24)),
+  h5: (sm: myg__px(14), base: myg__px(16), lg: myg__px(18), bg: myg__px(21)),
+  h6: (sm: myg__px(13), base: myg__px(14), lg: myg__px(16), bg: myg__px(18))
+);
+$myg-text__size--mobile: (
+  p: (sm: myg__px(14), base: myg__px(16), lg: myg__px(18), bg: myg__px(20)),
+  h1: (sm: myg__px(30), base: myg__px(36), lg: myg__px(40), bg: myg__px(48)),
+  h2: (sm: myg__px(18), base: myg__px(21), lg: myg__px(24), bg: myg__px(30)),
+  h3: (sm: myg__px(16), base: myg__px(18), lg: myg__px(21), bg: myg__px(24)),
+  h4: (sm: myg__px(16), base: myg__px(17), lg: myg__px(18), bg: myg__px(21)),
+  h5: (sm: myg__px(15), base: myg__px(16), lg: myg__px(17), bg: myg__px(18)),
+  h6: (sm: myg__px(13), base: myg__px(14), lg: myg__px(15), bg: myg__px(16))
+);
+
+$myg-text__family: (
+  p: sans-serif,
+  h1: sans-serif,
+  h2: sans-serif,
+  h3: sans-serif,
+  h4: sans-serif,
+  h5: sans-serif,
+  h6: sans-serif
+);
+
+$myg-text__color: (
+  p: myg-theme__color(text, base),
+  h1: myg-theme__color(text, darker),
+  h2: myg-theme__color(text, darker),
+  h3: myg-theme__color(text, darker),
+  h4: myg-theme__color(text, darker),
+  h5: myg-theme__color(text, darker),
+  h6: myg-theme__color(text, darker)
+);
+
+$myg-text__weight: (
+  p: normal,
+  h1: bold,
+  h2: bold,
+  h3: bold,
+  h4: bold,
+  h5: bold,
+  h6: bold
+);

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

@@ -1,7 +1,38 @@
-$myg-theme__scrollbar: (
-    width: myg__px(5),
-    track-background: transparent,
-    thumb-border-radius: myg__px(2.5),
-    thumb-background: myg-theme__color(border),
-    thumb-hover-background: myg-theme__color(text, dark)
-);
+$myg-theme: (
+  accent: (
+    light: #4063e8,
+    base: #042ecb,
+    dark: #052ab3,
+    contrast: #fff
+  ),
+  text: (
+    lighter: #bec7cf,
+    light: #97a4b0,
+    base: #657786,
+    dark: #3d4553,
+    darker: #14171a
+  ),
+  background: (
+    lighter: #fcfcfc,
+    light: #fff,
+    base: #fff,
+    dark: #fbfbfd,
+    darker: #ecf2f7
+  ),
+  border: #dce2e7,
+  box-shadow: rgba(#000, 0.05),
+  error: #f6809a,
+  success: #6adb83,
+  overlay: (
+    light: transparentize(#e7ecf0, 0.13),
+    dark: transparentize(#14171a, 0.87)
+  )
+);
+
+$myg-theme__scrollbar: (
+  width: myg__px(5),
+  track-background: transparent,
+  thumb-border-radius: myg__px(2.5),
+  thumb-background: myg-theme__color(border),
+  thumb-hover-background: myg-theme__color(text, dark)
+);

data/lib/generators/templates/tabs/_tab.html.erb

@@ -1 +1 @@
-<h1><%= @name.titleize %></h1>
+<h1><%= @name.titleize %></h1>

data/lib/generators/templates/tabs/_tabs.html.erb

@@ -1,5 +1,5 @@
-<h1>Title</h1>
-
-<%%= component 'myg/tabs', async: true, success: local_assigns[:success], tabs: <%= options[:method_names]&.map! { |t| { name: t.titleize, href: '' } } %> do %>
-    <p>An error occured</p>
-<%% end %>
+<h1>Title</h1>
+
+<%%= component 'myg/tabs', async: true, success: local_assigns[:success], tabs: <%= options[:method_names]&.map! { |t| { name: t.titleize, href: '' } } %> do %>
+  <p>An error occured</p>
+<%% end %>

data/lib/generators/templates/tabs/tab.html.erb

@@ -1 +1 @@
-<%%= render 'tabs', tab: @name.titleize, success: { partial: @name } %>
+<%%= render 'tabs', tab: @name.titleize, success: { partial: @name } %>

data/lib/generators/templates/theme/stylesheets/_theme.scss.erb

@@ -1,27 +1,30 @@
-$myg-theme--<%= options[:name] %>: (
-    accent: (
-        light: #4063e8,
-        base: #042ecb,
-        dark: #052ab3,
-        contrast: #ffffff
-    ),
-    text: (
-        lighter: #bec7cf,
-        light: #97a4b0,
-        base: #657786,
-        dark: #3d4553,
-        darker: #14171A
-    ),
-    background: (
-        lighter: #fcfcfc,
-        light: #ffffff,
-        base: #ffffff,
-        dark: #ecf2f7,
-        darker: #ebf5fe
-    ),
-    border: #dce2e7,
-    box-shadow: rgba(#000, .05),
-    error: #f6809a,
-    success: #6adb83,
-    overlay: transparentize(#e7eCf0, 0.13)
-);
+$myg-theme--<%= options[:name] %>: (
+  accent: (
+    light: #4063e8,
+    base: #042ecb,
+    dark: #052ab3,
+    contrast: #fff
+  ),
+  text: (
+    lighter: #bec7cf,
+    light: #97a4b0,
+    base: #657786,
+    dark: #3d4553,
+    darker: #14171a
+  ),
+  background: (
+    lighter: #fcfcfc,
+    light: #fff,
+    base: #fff,
+    dark: #ecf2f7,
+    darker: #ebf5fe
+  ),
+  border: #dce2e7,
+  box-shadow: rgba(#000, 0.05),
+  error: #f6809a,
+  success: #6adb83,
+  overlay: (
+    light: transparentize(#e7ecf0, 0.13),
+    dark: transparentize(#14171a, 0.87)
+  )
+);

data/lib/myg.rb

@@ -1,10 +1,10 @@
+# frozen_string_literal: true
+
 require 'myg/version'
 
 module Myg
+  require 'myg/configuration'
 
-    require 'myg/configuration'
-
-    require 'myg/engine'
-    require 'myg/railtie'
-
+  require 'myg/engine'
+  require 'myg/railtie'
 end

data/lib/myg/configuration.rb

@@ -1,39 +1,38 @@
-module Myg
-
-    class << self
-        attr_accessor :configuration
-    end
-
-    def self.configure
-        self.configuration ||= Configuration.new
-        yield configuration
-    end
-
-    class Configuration
-
-        attr_accessor :stylesheets_dir
-        attr_accessor :javascripts_dir
-        attr_accessor :es6
-        attr_accessor :themes
-        attr_accessor :theme
-        attr_accessor :theme_auto
-        attr_accessor :theme_day
-        attr_accessor :theme_night
-        attr_accessor :theme_day_time
-        attr_accessor :theme_night_time
-
-        def initialize
-            @stylesheets_dir = 'app/assets/stylesheets/myg'
-            @javascripts_dir = 'app/assets/javascripts/myg'
-            @es6 = true
-            @themes = ['default']
-            @theme = 'default'
-            @theme_auto = false
-            @theme_day = 'light'
-            @theme_night = 'dark'
-            @theme_day_time = '6:00 am'
-            @theme_night_time = '6:00 pm'
-        end
-
-    end
-end
+# frozen_string_literal: true
+
+module Myg
+  class << self
+    attr_accessor :configuration
+  end
+
+  def self.configure
+    self.configuration ||= Configuration.new
+    yield configuration
+  end
+
+  class Configuration
+    attr_accessor :stylesheets_dir
+    attr_accessor :javascripts_dir
+    attr_accessor :es6
+    attr_accessor :themes
+    attr_accessor :theme
+    attr_accessor :theme_auto
+    attr_accessor :theme_day
+    attr_accessor :theme_night
+    attr_accessor :theme_day_time
+    attr_accessor :theme_night_time
+
+    def initialize
+      @stylesheets_dir = 'app/assets/stylesheets/myg'
+      @javascripts_dir = 'app/assets/javascripts/myg'
+      @es6 = true
+      @themes = ['default']
+      @theme = 'default'
+      @theme_auto = false
+      @theme_day = 'light'
+      @theme_night = 'dark'
+      @theme_day_time = '6:00 am'
+      @theme_night_time = '6:00 pm'
+    end
+  end
+end