material_design 0.1.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: '08b6933115e1ed651b243ec4280e8e45fa7f6004e9b38a24850fe943ed42fdaa'
+  data.tar.gz: 58901870541717a96d002e2b506a9e394d34d3892fbe1507e7db65426d0666f4
+SHA512:
+  metadata.gz: 0d67a57eddf24d6bc024c0ec5741f0b45807ea46556948cf36b03390e7b4f6a7a01befcedcd6fc3bc61a904233c64204e29cc422804ab1a7e09b4eb5ded21233
+  data.tar.gz: 10db02028025bb732d91e13707870bf49fa986b5352597167bf7cc96e256c24c6eb941ed735747302554dfcb7ec02b0a787712bd51164d897621f9202f300f27

data/MIT-LICENSE

@@ -0,0 +1,20 @@
+Copyright Eduardo Yutaka Nakanishi
+
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

data/README.md

@@ -0,0 +1,28 @@
+# MaterialDesign
+Short description and motivation.
+
+## Usage
+How to use my plugin.
+
+## Installation
+Add this line to your application's Gemfile:
+
+```ruby
+gem "material_design"
+```
+
+And then execute:
+```bash
+$ bundle
+```
+
+Or install it yourself as:
+```bash
+$ gem install material_design
+```
+
+## Contributing
+Contribution directions go here.
+
+## License
+The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).

data/Rakefile

@@ -0,0 +1,8 @@
+require "bundler/setup"
+
+APP_RAKEFILE = File.expand_path("test/dummy/Rakefile", __dir__)
+load "rails/tasks/engine.rake"
+
+load "rails/tasks/statistics.rake"
+
+require "bundler/gem_tasks"

data/app/assets/stylesheets/material_design/navigation.css

@@ -0,0 +1,50 @@
+.navigation-drawer {
+  display: flex;
+  width: 360px;
+  padding: 12px;
+  flex-direction: column;
+  align-items: flex-start;
+  border-radius: 16px;
+  background: var(--M3-sys-light-surface-container-low, #F7F2FA);
+}
+
+.navigation-drawer__headline {
+  display: flex;
+  height: 56px;
+  padding: 8px 8px 8px 16px;
+  flex-direction: column;
+  justify-content: center;
+  align-items: flex-start;
+  gap: 10px;
+  align-self: stretch;
+}
+
+.navigation-drawer__secion-header {
+  display: flex;
+  padding: 18px 16px;
+  align-items: center;
+  gap: 10px;
+  align-self: stretch;
+}
+
+.navigation-drawer__nav_item {
+  display: flex;
+  height: 56px;
+  align-items: center;
+  gap: 12px;
+  align-self: stretch;
+  border-radius: 100px;
+}
+
+.navigation-drawer__nav_item:hover {
+  background: var(--M3-state-layers-light-on-surface-opacity, #1D1B2014);
+}
+
+.navigation-drawer__state-layer {
+  display: flex;
+  padding: 16px 24px 16px 16px;
+  align-items: center;
+  gap: 12px;
+  flex: 1 0 0;
+  align-self: stretch;
+}

data/app/assets/stylesheets/material_design/typography.css

@@ -0,0 +1,24 @@
+.typography__title--small {
+  /* Typography */
+  color: var(--M3-sys-light-on-surface-variant, #49454F);
+  
+  /* M3/title/small */
+  /* font-family: Roboto; */
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 20px; /* 142.857% */
+  letter-spacing: 0.1px;
+}
+
+.typography__label--large {
+  color: var(--M3-sys-light-on-secondary-container, #1D192B);
+
+  /* M3/label/large - prominent */
+  /* font-family: Roboto; */
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 600;
+  line-height: 20px; /* 142.857% */
+  letter-spacing: 0.1px;
+}

data/app/controllers/material_design/application_controller.rb

@@ -0,0 +1,4 @@
+module MaterialDesign
+  class ApplicationController < ActionController::Base
+  end
+end

data/app/helpers/material_design/application_helper.rb

@@ -0,0 +1,4 @@
+module MaterialDesign
+  module ApplicationHelper
+  end
+end

data/app/jobs/material_design/application_job.rb

@@ -0,0 +1,4 @@
+module MaterialDesign
+  class ApplicationJob < ActiveJob::Base
+  end
+end

data/app/mailers/material_design/application_mailer.rb

@@ -0,0 +1,6 @@
+module MaterialDesign
+  class ApplicationMailer < ActionMailer::Base
+    default from: "from@example.com"
+    layout "mailer"
+  end
+end

data/app/models/material_design/application_record.rb

@@ -0,0 +1,5 @@
+module MaterialDesign
+  class ApplicationRecord < ActiveRecord::Base
+    self.abstract_class = true
+  end
+end

data/app/views/layouts/material_design/application.html.erb

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Material design</title>
+  <%= csrf_meta_tags %>
+  <%= csp_meta_tag %>
+
+  <%= stylesheet_link_tag    "material_design/application", media: "all" %>
+</head>
+<body>
+
+<%= yield %>
+
+</body>
+</html>

data/app/views/material_design/navigation/_navigation_drawer.html.erb

@@ -0,0 +1,19 @@
+<div class="navigation-drawer">
+  <%= render "material_design/navigation/navigation_drawer/headline", locals: { headline: locals[:headline] } %>
+  <% locals[:sections].each do |section| %>
+    <%= render "material_design/navigation/navigation_drawer/section_header", locals: { section_header: section[:header] } %>
+    <% section[:nav_items].each do |nav_item| %>
+      <%= link_to nav_item[:href], class: "navigation-drawer__nav_item" do %>
+        <div class="navigation-drawer__state-layer">
+          <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
+            <path fill-rule="evenodd" clip-rule="evenodd" d="M12 18C15.3137 18 18 15.3137 18 12C18 8.68629 15.3137 6 12 6C8.68629 6 6 8.68629 6 12C6 15.3137 8.68629 18 12 18Z" fill="#1D192B"/>
+          </svg>
+          <div style="flex: 1 0 0;">
+            <%= render "material_design/typography/label_large", locals: { label: nav_item[:label] } %>
+          </div>
+          <%= render "material_design/typography/label_large", locals: { label: nav_item[:badge_label] } %>
+        </div>
+      <% end %>
+    <% end %>
+  <% end %>
+</div>

data/app/views/material_design/navigation/navigation_drawer/_headline.html.erb

@@ -0,0 +1,3 @@
+<div class="navigation-drawer__headline">
+  <%= render "material_design/typography/title_small", locals: { title: locals[:headline] } %>
+</div>

data/app/views/material_design/navigation/navigation_drawer/_section_header.html.erb

@@ -0,0 +1,3 @@
+<div class="navigation-drawer__secion-header">
+  <%= render "material_design/typography/title_small", locals: { title: locals[:section_header] } %>
+</div>

data/app/views/material_design/typography/_label_large.html.erb

@@ -0,0 +1,3 @@
+<p class="typography__label--large">
+  <%= locals[:label] %>
+</>

data/app/views/material_design/typography/_title_small.html.erb

@@ -0,0 +1,3 @@
+<h6 class="typography__title--small">
+  <%= locals[:title] %>
+</h6>

data/config/routes.rb

@@ -0,0 +1,2 @@
+MaterialDesign::Engine.routes.draw do
+end

data/lib/material_design/engine.rb

@@ -0,0 +1,5 @@
+module MaterialDesign
+  class Engine < ::Rails::Engine
+    isolate_namespace MaterialDesign
+  end
+end

data/lib/material_design/version.rb

@@ -0,0 +1,3 @@
+module MaterialDesign
+  VERSION = "0.1.1"
+end

data/lib/material_design.rb

@@ -0,0 +1,6 @@
+require "material_design/version"
+require "material_design/engine"
+
+module MaterialDesign
+  # Your code goes here...
+end

data/lib/tasks/material_design_tasks.rake

@@ -0,0 +1,4 @@
+# desc "Explaining what the task does"
+# task :material_design do
+#   # Task goes here
+# end

metadata

@@ -0,0 +1,81 @@
+--- !ruby/object:Gem::Specification
+name: material_design
+version: !ruby/object:Gem::Version
+  version: 0.1.1
+platform: ruby
+authors:
+- Eduardo Yutaka Nakanishi
+autorequire:
+bindir: bin
+cert_chain: []
+date: 2024-01-22 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 7.1.3
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 7.1.3
+description: Material is Google’s open-source design system. Design and build beautiful,
+  usable products with Material.
+email:
+- eduardo.nakanishi@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- MIT-LICENSE
+- README.md
+- Rakefile
+- app/assets/stylesheets/material_design/application.css
+- app/assets/stylesheets/material_design/navigation.css
+- app/assets/stylesheets/material_design/typography.css
+- app/controllers/material_design/application_controller.rb
+- app/helpers/material_design/application_helper.rb
+- app/jobs/material_design/application_job.rb
+- app/mailers/material_design/application_mailer.rb
+- app/models/material_design/application_record.rb
+- app/views/layouts/material_design/application.html.erb
+- app/views/material_design/navigation/_navigation_drawer.html.erb
+- app/views/material_design/navigation/navigation_drawer/_headline.html.erb
+- app/views/material_design/navigation/navigation_drawer/_section_header.html.erb
+- app/views/material_design/typography/_label_large.html.erb
+- app/views/material_design/typography/_title_small.html.erb
+- config/routes.rb
+- lib/material_design.rb
+- lib/material_design/engine.rb
+- lib/material_design/version.rb
+- lib/tasks/material_design_tasks.rake
+homepage: https://rubygems.org/gems/material_design
+licenses:
+- MIT
+metadata:
+  homepage_uri: https://rubygems.org/gems/material_design
+post_install_message:
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - ">="
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubygems_version: 3.5.3
+signing_key:
+specification_version: 4
+summary: Material Design
+test_files: []