beyond_canvas 0.13.0.pre → 0.15.2.pre

metadata

@@ -1,29 +1,29 @@
 --- !ruby/object:Gem::Specification
 name: beyond_canvas
 version: !ruby/object:Gem::Version
-  version: 0.13.0.pre
+  version: 0.15.2.pre
 platform: ruby
 authors:
 - Unai Abrisketa
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-04-16 00:00:00.000000000 Z
+date: 2020-06-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: beyond_api
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '0.8'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
+    - - "~>"
       - !ruby/object:Gem::Version
-        version: '0'
+        version: '0.8'
 - !ruby/object:Gem::Dependency
   name: bourbon
   requirement: !ruby/object:Gem::Requirement
@@ -81,81 +81,81 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '1.5'
 - !ruby/object:Gem::Dependency
-  name: rails
+  name: jquery-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 6.0.2
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 6.0.2.1
+        version: '4.4'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 6.0.2
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 6.0.2.1
+        version: '4.4'
 - !ruby/object:Gem::Dependency
-  name: sassc-rails
+  name: premailer-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.1'
+        version: '1.11'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '2.1'
+        version: '1.11'
 - !ruby/object:Gem::Dependency
-  name: slim-rails
+  name: sassc-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.2'
+        version: '2.1'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: '3.2'
+        version: '2.1'
 - !ruby/object:Gem::Dependency
-  name: premailer-rails
+  name: sprockets
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '1.11'
+        version: '3.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '4.1'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: '1.11'
+        version: '3.0'
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '4.1'
 - !ruby/object:Gem::Dependency
-  name: rubocop
+  name: rubocop-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.80.0
+        version: '2.5'
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.80.0
+        version: '2.5'
 description: |2
       Beyond Canvas is an open-source framework that provides CSS styles for apps
       designed and developed for the online shop software Beyond
@@ -169,33 +169,43 @@ files:
 - README.md
 - Rakefile
 - app/assets/config/beyond_canvas_manifest.js
-- app/assets/javascripts/beyond_canvas.js
-- app/assets/javascripts/beyond_canvas/buttons.js
-- app/assets/javascripts/beyond_canvas/flash.js
-- app/assets/javascripts/beyond_canvas/inputs.js
-- app/assets/stylesheets/beyond_canvas.sass
-- app/assets/stylesheets/beyond_canvas/components/_actions.sass
-- app/assets/stylesheets/beyond_canvas/components/_buttons.sass
-- app/assets/stylesheets/beyond_canvas/components/_cards.sass
-- app/assets/stylesheets/beyond_canvas/components/_comments.sass
-- app/assets/stylesheets/beyond_canvas/components/_flash.sass
-- app/assets/stylesheets/beyond_canvas/components/_forms.sass
-- app/assets/stylesheets/beyond_canvas/components/_inputs.sass
-- app/assets/stylesheets/beyond_canvas/components/_layouts.sass
-- app/assets/stylesheets/beyond_canvas/components/_links.sass
-- app/assets/stylesheets/beyond_canvas/components/_main.sass
-- app/assets/stylesheets/beyond_canvas/components/_margins.sass
-- app/assets/stylesheets/beyond_canvas/components/_markdown.sass
-- app/assets/stylesheets/beyond_canvas/components/_notices.sass
-- app/assets/stylesheets/beyond_canvas/components/_relative.sass
-- app/assets/stylesheets/beyond_canvas/components/_spinner.sass
-- app/assets/stylesheets/beyond_canvas/components/_tables.sass
-- app/assets/stylesheets/beyond_canvas/components/_texts.sass
-- app/assets/stylesheets/beyond_canvas/mailer.sass
-- app/assets/stylesheets/beyond_canvas/settings/_reset_css.sass
-- app/assets/stylesheets/beyond_canvas/settings/_typography.sass
-- app/assets/stylesheets/beyond_canvas/settings/_variables.sass
-- app/assets/stylesheets/beyond_canvas/utilities/_mixins.sass
+- app/assets/images/icons/checkbox_checked.svg
+- app/assets/images/icons/checkbox_unchecked.svg
+- app/assets/images/icons/file.svg
+- app/assets/images/icons/flash_checkbox.svg
+- app/assets/images/icons/flash_close.svg
+- app/assets/images/icons/flash_error.svg
+- app/assets/images/icons/flash_info.svg
+- app/assets/images/icons/flash_warning.svg
+- app/assets/images/icons/radiobutton_checked.svg
+- app/assets/images/icons/radiobutton_unchecked.svg
+- app/assets/javascripts/beyond_canvas/base.js
+- app/assets/stylesheets/beyond_canvas/base.scss
+- app/assets/stylesheets/beyond_canvas/components/_actions.scss
+- app/assets/stylesheets/beyond_canvas/components/_buttons.scss
+- app/assets/stylesheets/beyond_canvas/components/_cards.scss
+- app/assets/stylesheets/beyond_canvas/components/_comments.scss
+- app/assets/stylesheets/beyond_canvas/components/_containers.scss
+- app/assets/stylesheets/beyond_canvas/components/_flash.scss
+- app/assets/stylesheets/beyond_canvas/components/_forms.scss
+- app/assets/stylesheets/beyond_canvas/components/_inputs.scss
+- app/assets/stylesheets/beyond_canvas/components/_layouts.scss
+- app/assets/stylesheets/beyond_canvas/components/_links.scss
+- app/assets/stylesheets/beyond_canvas/components/_main.scss
+- app/assets/stylesheets/beyond_canvas/components/_margins.scss
+- app/assets/stylesheets/beyond_canvas/components/_markdown.scss
+- app/assets/stylesheets/beyond_canvas/components/_notices.scss
+- app/assets/stylesheets/beyond_canvas/components/_relative.scss
+- app/assets/stylesheets/beyond_canvas/components/_spinner.scss
+- app/assets/stylesheets/beyond_canvas/components/_tables.scss
+- app/assets/stylesheets/beyond_canvas/components/_texts.scss
+- app/assets/stylesheets/beyond_canvas/mailer.scss
+- app/assets/stylesheets/beyond_canvas/settings/_breakpoints.scss
+- app/assets/stylesheets/beyond_canvas/settings/_reset_css.scss
+- app/assets/stylesheets/beyond_canvas/settings/_typography.scss
+- app/assets/stylesheets/beyond_canvas/settings/_variables.scss
+- app/assets/stylesheets/beyond_canvas/utilities/_functions.scss
+- app/assets/stylesheets/beyond_canvas/utilities/_mixins.scss
 - app/controllers/beyond_canvas/application_controller.rb
 - app/controllers/beyond_canvas/system_controller.rb
 - app/controllers/concerns/beyond_canvas/locale_management.rb
@@ -204,28 +214,42 @@ files:
 - app/form_builders/beyond_canvas/form_builder.rb
 - app/helpers/beyond_canvas/application_helper.rb
 - app/helpers/beyond_canvas/locale_switch_helper.rb
-- app/views/beyond_canvas/custom/_public_head.html.slim
-- app/views/beyond_canvas/locales/_edit.html.slim
+- app/javascript/beyond_canvas/base.js
+- app/javascript/beyond_canvas/initializers/buttons.js
+- app/javascript/beyond_canvas/initializers/flash.js
+- app/javascript/beyond_canvas/initializers/functions.js
+- app/javascript/beyond_canvas/initializers/inputs.js
+- app/views/beyond_canvas/custom/_public_head.html.erb
+- app/views/beyond_canvas/locales/_edit.html.erb
 - app/views/beyond_canvas/mailer/_button.html.erb
 - app/views/beyond_canvas/mailer/_footer.html.erb
 - app/views/beyond_canvas/mailer/_header.html.erb
 - app/views/beyond_canvas/mailer/_text.html.erb
-- app/views/beyond_canvas/shared/_flash.html.slim
-- app/views/beyond_canvas/shared/_head.html.slim
-- app/views/beyond_canvas/shared/_logo.html.slim
+- app/views/beyond_canvas/shared/_flash.html.erb
+- app/views/beyond_canvas/shared/_head.html.erb
+- app/views/beyond_canvas/shared/_logo.html.erb
 - app/views/layouts/beyond_canvas/mailer.html.erb
-- app/views/layouts/beyond_canvas/public.html.slim
-- config/initializers/beyond_canvas/assets.rb
+- app/views/layouts/beyond_canvas/public.html.erb
 - config/initializers/beyond_canvas/filter_parameter_logging.rb
 - config/initializers/beyond_canvas/form_utils.rb
 - config/routes.rb
 - lib/beyond_canvas.rb
+- lib/beyond_canvas/asset_registration.rb
+- lib/beyond_canvas/configuration.rb
 - lib/beyond_canvas/engine.rb
 - lib/beyond_canvas/version.rb
-- lib/generators/beyond_canvas/custom_styles_generator.rb
-- lib/generators/beyond_canvas/install_generator.rb
-- lib/generators/templates/beyond_canvas.rb
-- lib/generators/templates/beyond_canvas_custom_styles.sass
+- lib/generators/beyond_canvas/assets/assets_generator.rb
+- lib/generators/beyond_canvas/assets/templates/beyond_canvas.js
+- lib/generators/beyond_canvas/assets/templates/beyond_canvas.scss
+- lib/generators/beyond_canvas/beyond_api/beyond_api_generator.rb
+- lib/generators/beyond_canvas/custom_styles/custom_styles_generator.rb
+- lib/generators/beyond_canvas/custom_styles/templates/beyond_canvas_custom_styles.sass
+- lib/generators/beyond_canvas/install/install_generator.rb
+- lib/generators/beyond_canvas/install/templates/beyond_canvas.rb.erb
+- lib/generators/beyond_canvas/webpacker/plugins/jquery.js
+- lib/generators/beyond_canvas/webpacker/templates/beyond_canvas.js
+- lib/generators/beyond_canvas/webpacker/templates/beyond_canvas.scss
+- lib/generators/beyond_canvas/webpacker/webpacker_generator.rb
 homepage: https://github.com/ePages-de/beyond_canvas
 licenses:
 - MIT
@@ -238,14 +262,14 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: '0'
+      version: '2.5'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">"
     - !ruby/object:Gem::Version
       version: 1.3.1
 requirements: []
-rubygems_version: 3.0.3
+rubygems_version: 3.0.1
 signing_key: 
 specification_version: 4
 summary: Open-source framework that provides CSS styles

data/app/assets/javascripts/beyond_canvas.js

@@ -1,3 +0,0 @@
-//= require beyond_canvas/buttons
-//= require beyond_canvas/flash
-//= require beyond_canvas/inputs

data/app/assets/javascripts/beyond_canvas/buttons.js

@@ -1,67 +0,0 @@
-const SPINNER_ANIMATION_TIMEOUT = 125;
-
-(function($) {
-  $(document).on('click', '[class^="button"]', function() {
-    disableActionElements();
-    showSpinner($(this));
-  });
-
-  $(document).on('ready page:load turbolinks:load', function() {
-    $('button[class^="button"]').each(function() {
-      var button = $(this);
-
-      // Add width attribute and save old width
-      button.width(button.width());
-      button.data('oldWidth', button.width());
-
-      // Add the spinner
-      button.prepend(`
-      <div class="spinner">
-        <div class="bounce1"></div>
-        <div class="bounce2"></div>
-        <div class="bounce3"></div>
-      </div>`);
-
-      // Bind ajax:success and ajax:error to the form the button belongs to
-      button
-        .closest('form')
-        .on('ajax:success', function() {
-          hideSpinner(button);
-          enableActionElements();
-        })
-        .on('ajax:error', function() {
-          hideSpinner(button);
-          enableActionElements();
-        });
-    });
-  });
-})(jQuery);
-
-function showSpinner(button) {
-  // Adjust the width of the button
-  button.width(button.width() + $('.spinner').outerWidth(true));
-  // Show the spinner
-  setTimeout(function() {
-    button.find('.spinner').css('display', 'flex');
-  }, SPINNER_ANIMATION_TIMEOUT);
-}
-
-function hideSpinner(button) {
-  setTimeout(function () {
-    // Hide the spinner
-    button.find('.spinner').hide();
-    // Adjust the width of the button
-    button.width(button.data('oldWidth'));
-  }, SPINNER_ANIMATION_TIMEOUT);
-}
-
-function disableActionElements() {
-  $('a, input[type="submit"], input[type="button"], input[type="reset"], button').each(function() {
-    $(this).addClass('actions--disabled');
-  });
-}
-function enableActionElements() {
-  $('a, input[type="submit"], input[type="button"], input[type="reset"], button').each(function() {
-    $(this).removeClass("actions--disabled");
-  });
-}

data/app/assets/javascripts/beyond_canvas/flash.js

@@ -1,24 +0,0 @@
-(function($) {
-  $(document).on('click', '.flash', function() {
-    closeAlert();
-  });
-
-  $(document).on('ready page:load turbolinks:load', function() {
-    $('.flash').each(function() {
-      $(this).css('right', -$(this).width() + 'px');
-    });
-
-    setTimeout(function() {
-      $('.flash').addClass('flash--shown');
-    }, 100);
-  });
-})(jQuery);
-
-function closeAlert() {
-  $('.flash')
-    .removeClass('flash--shown')
-    .delay(700)
-    .queue(function() {
-      $(this).remove();
-    });
-}

data/app/assets/javascripts/beyond_canvas/inputs.js

@@ -1,28 +0,0 @@
-(function($) {
-  $(document).on('ready page:load turbolinks:load', function() {
-    $('input[type="file"]').each(function() {
-      var $input = $(this),
-          $label = $(`.input__file__text.${$input.attr('id')}`),
-          labelVal = $label.html();
-
-      $input.on('change', function(e) {
-        var fileName = '';
-
-        if (this.files && this.files.length > 1)
-          fileName = (this.getAttribute('data-multiple-caption') || '').replace('{count}', this.files.length);
-        else if (e.target.value)
-          fileName = e.target.value.split('\\').pop();
-
-        if (fileName)
-          $label.html(`<i class="far fa-file input__file__icon"></i>${fileName}`);
-        else
-          $label.html(labelVal);
-      });
-
-      // Firefox bug fix
-      $input
-        .on('focus', function() { $input.addClass('has-focus'); })
-        .on('blur', function() { $input.removeClass('has-focus'); });
-    });
-  });
-})(jQuery);

data/app/assets/stylesheets/beyond_canvas.sass

@@ -1,25 +0,0 @@
-@import 'bourbon'
-
-@import 'beyond_canvas/settings/variables'
-@import 'beyond_canvas/settings/reset_css'
-@import 'beyond_canvas/settings/typography'
-
-@import 'beyond_canvas/utilities/mixins'
-
-@import 'beyond_canvas/components/actions'
-@import 'beyond_canvas/components/buttons'
-@import 'beyond_canvas/components/cards'
-@import 'beyond_canvas/components/comments'
-@import 'beyond_canvas/components/flash'
-@import 'beyond_canvas/components/forms'
-@import 'beyond_canvas/components/inputs'
-@import 'beyond_canvas/components/layouts'
-@import 'beyond_canvas/components/links'
-@import 'beyond_canvas/components/main'
-@import 'beyond_canvas/components/margins'
-@import 'beyond_canvas/components/notices'
-@import 'beyond_canvas/components/relative'
-@import 'beyond_canvas/components/tables'
-@import 'beyond_canvas/components/spinner'
-@import 'beyond_canvas/components/texts'
-@import 'beyond_canvas/components/markdown'

data/app/assets/stylesheets/beyond_canvas/components/_actions.sass

@@ -1,5 +0,0 @@
-.actions
-
-  &--disabled
-    cursor: not-allowed
-    pointer-events: none

data/app/assets/stylesheets/beyond_canvas/components/_buttons.sass

@@ -1,86 +0,0 @@
-%button
-  +padding($button-padding)
-  @if $button-box-shadow != true
-    padding-top: 7px
-  align-items: center
-  border-radius: $button-border-radius
-  border-width: 1px
-  border-style: solid
-  cursor: pointer
-  display: flex
-  font-weight: $button-font-weight
-  justify-content: flex-end
-  line-height: 1
-  outline: none
-  transition: $main-transition
-
-@mixin button-solid($background, $color)
-  +background-color-darken($background, 10%)
-  color: $color
-
-  .spinner
-    display: none
-
-    > div
-      background-color: $color
-
-  &:hover
-    border-color: darken($background, 10%)
-
-@mixin button-transparent($background)
-  background-color: transparent
-  border-color: $background
-  color: $background
-
-  .spinner
-    display: none
-
-    > div
-      background-color: $background
-
-  &:hover
-    background-color: lighten($background, 40%)
-
-@mixin button-border($background)
-  border-color: $background
-
-  @if $button-box-shadow == true
-    border-bottom-width: 2px
-    border-bottom-color: darken($background, 10%)
-
-
-.button
-
-  &__solid
-
-    &--primary
-      @extend %button
-      +button-solid($button-primary-background, $button-primary-color)
-      +button-border($button-primary-background)
-
-    &--secondary
-      @extend %button
-      +button-solid($button-secondary-background, $button-secondary-color)
-      +button-border($button-secondary-background)
-
-    &--danger
-      @extend %button
-      +button-solid($button-danger-background, $button-danger-color)
-      +button-border($button-danger-background)
-
-  &__transparent
-
-    &--primary
-      @extend %button
-      +button-transparent($button-primary-background)
-      +button-border($button-primary-background)
-
-    &--secondary
-      @extend %button
-      +button-transparent($button-secondary-background)
-      +button-border($button-secondary-background)
-
-    &--danger
-      @extend %button
-      +button-transparent($button-danger-background)
-      +button-border($button-danger-background)