ethosstyles 0.1.14 → 0.1.15

data/app/views/modal_partial.php

@@ -0,0 +1,21 @@
+<div class="modal-dialog">
+  <div class="modal-content rf-modal rf-modal--<?php echo $modal_type; ?>" role="document">
+    <div class="modal-header rf-modal__header">
+      <span class="rf-icon rf-icon--xlarge"></span>
+      <h2 class="rf-modal__title">This is a <?php echo $modal_type; ?> modal.</h2>
+    </div>
+    <div class="modal-body rf-modal__body">
+      <ul>
+        <li>This is a list item.</li>
+        <li>This is a second list item.</li>
+        <li>
+          This is a third list item. It is a long item. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque metus odio, pellentesque non odio ut, aliquam rhoncus quam. Mauris vulputate aliquet massa rutrum bibendum. Etiam consectetur ex erat, in sollicitudin sapien convallis at. Ut quis ligula sed massa consectetur lacinia vel vitae libero.
+        </li>
+      </ul>
+    </div>
+    <div class="modal-footer rf-modal__footer">
+      <button class="rf-btn rf-btn--secondary">Cancel</button>
+      <button class="rf-btn rf-btn--primary">Continue</button>
+    </div>
+  </div>
+</div>

data/app/views/modals.php

@@ -0,0 +1,20 @@
+<?php
+  $modal_type = "";
+  include 'modal_partial.php';
+?>
+
+<?php
+  $modal_type = "warning";
+  include 'modal_partial.php';
+?>
+
+<?php
+  $modal_type = "error";
+  include 'modal_partial.php';
+?>
+
+<?php
+  $modal_type = "info";
+  include 'modal_partial.php';
+?>
+<br/>

data/app/views/partial_avatars.php

@@ -0,0 +1,20 @@
+<div class="rf-col rf-col--6 rf-col--grid">
+  <div class="rf-avatar rf-avatar--med">
+    <?php if($avatar_overlay): ?>
+		  <div class="rf-avatar__overlay rf-avatar__overlay--<?php echo $avatar_overlay?>"> </div>
+    <?php endif; ?>
+    <?php if($avatar_nametag): ?>
+      <div class="rf-avatar__nametag"> <?php echo $avatar_nametag?> </div>
+    <?php endif; ?>
+    <img class="rf-avatar__img" src="https://git.corp.adobe.com/avatars/u/25754?" alt="krevat">
+  </div>
+  <div class="rf-avatar rf-avatar--small">
+    <?php if($avatar_overlay): ?>
+      <div class="rf-avatar__overlay rf-avatar__overlay--<?php echo $avatar_overlay?>"> </div>
+    <?php endif; ?>
+    <?php if($avatar_nametag): ?>
+      <div class="rf-avatar__nametag"> <?php echo $avatar_nametag?> </div>
+    <?php endif; ?>
+    <img class="rf-avatar__img" src="https://git.corp.adobe.com/avatars/u/25754?" alt="krevat">
+  </div>
+</div>

data/app/views/partial_icons.php

@@ -0,0 +1,16 @@
+<div class="rf-col rf-col--6 rf-col--grid">
+  <h4><?php echo $icon_class ?></h4>
+  <p>
+    <span class="rf-icon <?php echo $icon_class ?> rf-icon--xlarge"></span>
+    <span class="rf-icon <?php echo $icon_class ?> rf-icon--large"></span>
+    <span class="rf-icon <?php echo $icon_class ?>"></span>
+    <span class="rf-icon <?php echo $icon_class ?> rf-icon--small"></span>
+    <span class="rf-icon <?php echo $icon_class ?> rf-icon--xsmall"></span>
+  </p>
+
+  <pre>&lt;span class="rf-icon <?php echo $icon_class ?> rf-icon--xlarge"&gt;&lt;/span&gt;
+&lt;span class="rf-icon <?php echo $icon_class ?> rf-icon--large"&gt;&lt;/span&gt;
+&lt;span class="rf-icon <?php echo $icon_class ?>">&lt;/span&gt;
+&lt;span class="rf-icon <?php echo $icon_class ?> rf-icon--small"&gt;&lt;/span&gt;
+&lt;span class="rf-icon <?php echo $icon_class ?> rf-icon--xsmall"&gt;&lt;/span&gt;
+</div>

data/app/views/partial_tooltips.php

@@ -0,0 +1,19 @@
+<div class="rf-col rf-col--6 rf-col--grid">
+  <h4><?php echo $tooltip_class ?></h4>
+  <p>
+    <div class="rf-btn-set">
+      <span class="rf-tooltip <?php echo $tooltip_class ?>" data-toggle="tooltip" title="<?php echo $tooltip_class ?>" data-placement="left">
+        <a class="rf-btn rf-btn--secondary">LEFT</a>
+      </span>
+      <span class="rf-tooltip <?php echo $tooltip_class ?>" data-toggle="tooltip" title="<?php echo $tooltip_class ?>" data-placement="top">
+        <a class="rf-btn rf-btn--secondary">TOP</a>
+      </span>
+      <span class="rf-tooltip <?php echo $tooltip_class ?>" data-toggle="tooltip" title="<?php echo $tooltip_class ?>" data-placement="bottom">
+        <a class="rf-btn rf-btn--secondary">BOTTOM</a>
+      </span>
+      <span class="rf-tooltip <?php echo $tooltip_class ?>" data-toggle="tooltip" title="<?php echo $tooltip_class ?>" data-placement="right">
+        <a class="rf-btn rf-btn--secondary">RIGHT</a>
+      </span>
+    </div>
+  </p>
+</div>

data/app/views/tooltips.php

@@ -0,0 +1,27 @@
+<section class="rf-section">
+  <h3>Status Tooltips</h3>
+  <?php
+    $tooltip_class = "rf-tooltip--valid";
+    include 'partial_tooltips.php';
+  ?>
+  <?php
+    $tooltip_class = "rf-tooltip--pending";
+    include 'partial_tooltips.php';
+  ?>
+  <?php
+    $tooltip_class = "rf-tooltip--danger";
+    include 'partial_tooltips.php';
+  ?>
+</section>
+
+<section class="rf-section">
+  <h3>Avatar Tooltips</h3>
+  <div class="rf-col rf-col--6 rf-col--grid">
+    <span class="rf-tooltip" data-toggle="tooltip" title="Github Username" data-placement="top">
+      <div class="rf-avatar rf-avatar--med">
+        <div class="rf-avatar__nametag"> Display Name </div>
+        <img class="rf-avatar__img" src="https://git.corp.adobe.com/avatars/u/25754?" alt="krevat">
+      </div>
+    </span>
+  </div>
+</section>

data/ethosstyles.gemspec

@@ -0,0 +1,28 @@
+# -*- encoding: utf-8 -*-
+$:.push File.expand_path("../lib", __FILE__)
+require "ethosstyles/version"
+
+Gem::Specification.new do |s|
+  s.name        = "ethosstyles"
+  s.version     = Ethosstyles::VERSION
+  s.platform    = Gem::Platform::RUBY
+  s.authors     = ["Ethos"]
+  s.email       = ["mabell@adobe.com"]
+  s.homepage    = "https://git.corp.adobe.com/adobe-platform/stardust"
+  s.summary     = "A design system for Ethos"
+  s.description = "A design system for Ethos"
+
+  s.rubyforge_project = "ethosstyles"
+
+  s.files         = `git ls-files`.split("\n")
+  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
+  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
+
+  s.require_paths = ["lib"]
+
+  s.add_dependency('sass', '~> 3.2')
+  s.add_dependency('thor')
+
+  s.add_development_dependency('aruba', '~> 0.4')
+  s.add_development_dependency('rake')
+end

data/lib/ethosstyles.rb

@@ -1,6 +1,27 @@
-require "sass"
+# CodeKit needs relative paths
+dir = File.dirname(__FILE__)
+$LOAD_PATH.unshift dir unless $LOAD_PATH.include?(dir)
 
-require "ethosstyles/engine"
+require "ethosstyles/generator"
+
+unless defined?(Sass)
+  require 'sass'
+end
 
 module Ethosstyles
+  if defined?(Rails) && defined?(Rails::Engine)
+    class Engine < ::Rails::Engine
+      require 'ethosstyles/engine'
+    end
+
+    module Rails
+      class Railtie < ::Rails::Railtie
+        rake_tasks do
+          load "tasks/install.rake"
+        end
+      end
+    end
+  else
+    Sass.load_paths << File.expand_path("../../app/assets/stylesheets", __FILE__)
+  end
 end

data/lib/ethosstyles/engine.rb

@@ -1,4 +1,5 @@
 module Ethosstyles
   class Engine < Rails::Engine
+    # auto wire
   end
 end

data/lib/ethosstyles/generator.rb

@@ -0,0 +1,80 @@
+require 'ethosstyles/version'
+require "fileutils"
+require 'thor'
+
+module Ethosstyles
+  class Generator < Thor
+    map ['-v', '--version'] => :version
+
+    desc 'install', 'Install Ethosstyles into your project'
+    method_options :path => :string, :force => :boolean
+    def install
+      if ethosstyles_files_already_exist? && !options[:force]
+        puts "Ethosstyles files already installed, doing nothing."
+      else
+        install_files
+        puts "Ethosstyles files installed to #{install_path}/"
+      end
+    end
+
+    desc 'update', 'Update Ethosstyles'
+    method_options :path => :string
+    def update
+      if ethosstyles_files_already_exist?
+        remove_ethosstyles_directory
+        install_files
+        puts "Ethosstyles files updated."
+      else
+        puts "No existing ethosstyles installation. Doing nothing."
+      end
+    end
+
+    desc 'version', 'Show Ethosstyles version'
+    def version
+      say "Ethosstyles #{Ethosstyles::VERSION}"
+    end
+
+    private
+
+    def ethosstyles_files_already_exist?
+      install_path.exist?
+    end
+
+    def install_path
+      @install_path ||= if options[:path]
+          Pathname.new(File.join(options[:path], 'ethosstyles'))
+        else
+          Pathname.new('ethosstyles')
+        end
+    end
+
+    def install_files
+      make_install_directory
+      copy_in_scss_files
+    end
+
+    def remove_ethosstyles_directory
+      FileUtils.rm_rf("ethosstyles")
+    end
+
+    def make_install_directory
+      FileUtils.mkdir_p(install_path)
+    end
+
+    def copy_in_scss_files
+      FileUtils.cp_r(all_stylesheets, install_path)
+    end
+
+    def all_stylesheets
+      Dir["#{stylesheets_directory}/*"]
+    end
+
+    def stylesheets_directory
+      File.join(top_level_directory, "app", "assets", "stylesheets")
+    end
+
+    def top_level_directory
+      File.dirname(File.dirname(File.dirname(__FILE__)))
+    end
+  end
+end

data/lib/ethosstyles/version.rb

@@ -1,3 +1,3 @@
 module Ethosstyles
-  VERSION = "0.1.14"
+  VERSION = "0.1.15"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ethosstyles
 version: !ruby/object:Gem::Version
-  version: 0.1.14
+  version: 0.1.15
 platform: ruby
 authors:
 - Ethos
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-06-29 00:00:00.000000000 Z
+date: 2018-09-25 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -25,27 +25,63 @@ dependencies:
       - !ruby/object:Gem::Version
         version: '3.2'
 - !ruby/object:Gem::Dependency
-  name: font-awesome-sass
+  name: thor
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
       - !ruby/object:Gem::Version
-        version: 5.0.9
+        version: '0'
   type: :runtime
   prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+- !ruby/object:Gem::Dependency
+  name: aruba
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '0.4'
+  type: :development
+  prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 5.0.9
-description: This is a design system for Ethos. Its new name is Stardust.
+        version: '0.4'
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '0'
+description: A design system for Ethos
 email:
 - mabell@adobe.com
 executables: []
 extensions: []
 extra_rdoc_files: []
 files:
+- ".gitignore"
+- Dockerfile
+- Gemfile
+- Makefile
+- README.md
+- Rakefile
+- app/assets/images/loader.svg
 - app/assets/stylesheets/_ethosstyles.scss
+- app/assets/stylesheets/components/_avatars.scss
 - app/assets/stylesheets/components/_base.scss
 - app/assets/stylesheets/components/_blurbs.scss
 - app/assets/stylesheets/components/_buttons.scss
@@ -66,7 +102,7 @@ files:
 - app/assets/stylesheets/components/_sliders.scss
 - app/assets/stylesheets/components/_tables.scss
 - app/assets/stylesheets/components/_timestamp.scss
-- app/assets/stylesheets/components/_tooltip.scss
+- app/assets/stylesheets/components/_tooltips.scss
 - app/assets/stylesheets/components/_well.scss
 - app/assets/stylesheets/lib/_normalize.scss
 - app/assets/stylesheets/lib/fontawesome/scss/_variables.scss
@@ -81,8 +117,23 @@ files:
 - app/assets/stylesheets/utilities/_mixins.scss
 - app/assets/stylesheets/utilities/_shame.scss
 - app/assets/stylesheets/utilities/_utilities.scss
+- app/views/avatars.php
+- app/views/buttons.html
+- app/views/buttons.php
+- app/views/favicon.ico
+- app/views/icons.php
+- app/views/index.php
+- app/views/list-groups.php
+- app/views/modal_partial.php
+- app/views/modals.php
+- app/views/partial_avatars.php
+- app/views/partial_icons.php
+- app/views/partial_tooltips.php
+- app/views/tooltips.php
+- ethosstyles.gemspec
 - lib/ethosstyles.rb
 - lib/ethosstyles/engine.rb
+- lib/ethosstyles/generator.rb
 - lib/ethosstyles/version.rb
 homepage: https://git.corp.adobe.com/adobe-platform/stardust
 licenses: []
@@ -102,8 +153,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project: 
-rubygems_version: 2.7.2
+rubyforge_project: ethosstyles
+rubygems_version: 2.5.2
 signing_key: 
 specification_version: 4
 summary: A design system for Ethos

data/app/assets/stylesheets/components/_tooltip.scss

@@ -1,23 +0,0 @@
-//
-// TOOLTIP
-//
-// Format:
-// <span class="rf-tooltip__trigger"
-//       data-toggle="tooltip"
-//       data-placement="top"
-//       title="This is the content of the tooltip."></span>
-//
-
-.tooltip {
-  white-space: normal;
-}
-
-.rf-tooltip__trigger {
-  color: $blue-bright;
-  font-family: $font-icon-g;
-  font-size: 12px;
-
-  &:before {
-    content: "\e085";
-  }
-}