nitro_sg 3.0.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: f547f99e50f3f9f8e96004704dea0c483c6094a22887bc63d14dea569e5f882d
+  data.tar.gz: a4511c9fc6817609626509ce2f7bd7304c90c92f80bb2148bf69b66d7fd8ba03
+SHA512:
+  metadata.gz: 98f1d4d139dac35b0f2785bfbcd80d09df0b28ea966e43b30f9876d337527c37a527ca7db8781eabec58a20b23a45aa8901dea3ace1241ffd93eda961a84c53c
+  data.tar.gz: 8b0f499c31d64a9368a2b80e4bddb37d5ed58a62614296ec84b477a53622dd40a0055d79b122facff5e28bd40e5d8eaa1b7625ba5700a9cf3271d3ba1d09c1a8

data/README.md

@@ -0,0 +1,226 @@
+# Nitro Storybook
+
+This repo provides the tools to implement view components which make up the visual appearance of Nitro.
+
+* Stylesheets for the app navigation and general appearance
+* Self-contained React components for use in building views
+
+The intent of this repo is to provide a base on which other UIs can be built such that they maintain visual consistency and the Nitro brand.
+
+
+- [Quick Start](#quick-start)
+- [Local Storybook Development in Nitro-Web](#local-storybook-development-in-nitro-web)
+- [Other options for storybook in Nitro-Web](#other-options-for-storybook-in-nitro-web)
+- [Getting Your Changes Into Nitro-Web](#getting-your-changes-into-nitro-web)
+- [Creating Components](#creating-components)
+- [Converting Existing Components](#converting-existing-components)
+
+
+## Quick Start
+From the current project directory, run:
+
+1. ensure you are running proper node version (see `package.json` => `engines`)
+2. `yarn install`
+3. `yarn run storybook`
+4. navigate to [localhost:9001](http://localhost:9001)
+
+---
+
+## Local Storybook Development in Nitro-Web
+Its easy to create and test out a component on nitro in real time, even with hot reload. You can point your local storybook folder as you develop it.
+
+##### Update the storybook in the Gemfile to a local path
+`gem "nitro_sg", :path => "/path/to/storybook/locally"`
+
+##### Update the storybook in package.json to a local path
+`”nitro-storybook": "/path/to/storybook/locally"`
+
+> if you have any problems with assets not showing try running:
+`bundle exec rake assets:clobber`
+
+
+---
+
+## Other options for storybook in Nitro-Web
+You’ll need to point to a something published on GitHub when your ready to deploy it. Here are some options for you:
+
+##### Gemfile - Tag
+`gem "nitro_sg", git: "git@github.com:powerhome/nitro-styleguide.git", tag: "v1.2.1"`
+
+##### Gemfile - SHA
+`gem "nitro_sg", git: "git@github.com:powerhome/nitro-styleguide.git", ref: "4aded"`
+
+##### Gemfile - Branch
+`gem "nitro_sg", git: "git@github.com:powerhome/nitro-styleguide.git", branch: "branchname"`
+
+##### package.json - Branch
+`"nitro-storybook": "git+ssh://git@github.com/powerhome/nitro-storybook.git#branchname",`
+
+
+---
+
+## Getting Your Changes Into Nitro-Web
+
+### 1. Increase your version
+
+Check the [releases](https://github.com/powerhome/nitro-storybook/releases) and increase your version by 1 in the following files:
+
+```
+lib/nitro_sg/version.rb
+package.json
+```
+
+Be sure and run the following anytime you version up:
+
+`yarn install && bundle install`
+
+
+### 2. Prep a Storybook PR
+
+Get your `nitro-storybook` PR approved and merged into the `nitro-storybook`'s `master` branch.
+
+### 3. Create a Tag & Release
+
+Once your merged you need to create a tag so we can reference this version. Here are some easy ways to create and delete tags:
+
+##### Add A Tag
+```
+git tag v1.0.1
+git push origin v1.0.1
+```
+
+##### Remove A Tag
+```
+git tag -d v1.0.1
+git push --delete origin v1.0.1
+```
+
+### 4. Update references in Nitro Web
+
+##### Package.json
+`"nitro-storybook": "git+ssh://git@github.com/powerhome/nitro-storybook.git#v1.9.2",`
+
+##### Gemfile (Usually 4 Spots)
+```
+gem "nitro_sg", git: "git@github.com:powerhome/nitro-storybook.git", tag: "v1.9.2"
+```
+
+If your updated styling doesn’t show up, you may have old assets you need to remove.
+`bundle exec rake assets:clobber`
+
+---
+
+## Creating Components
+
+Creation of new components requires a bit of forethought. Ask yourself these questions first:
+
+1. Does the component already exist in `nitro_react` ?
+    1. Yes - see [Converting Existing Components](#converting-existing-components)
+    1. No - continue
+1. Ensure you are familiar with these concepts:
+    - using Flow.js (install tooling in your editor/IDE)
+    - creating "dumb components" in React - your new component **will not** need to be concerned with XHR requests, servers, ect.
+    - ESLint (install tooling in your editor/IDE)
+    - CSSModules
+    - Composing complex React components/organisms (so that you don't create them here!)
+    - [Storybook]()
+
+### New React Component
+
+Here are the steps to creating a new `Foo` component (in order):
+
+1. Create a new directory under `/components` named `Foo`
+1. Create `Foo.jsx` inside the directory with the contents:
+    ```javascript
+    /* @flow */
+
+    import React from 'react'
+
+    type Props = {}
+
+    export default class Foo extends React.Component<Props> {
+      static defaultProps = {}
+      props: Props
+      render() {
+        return <span>{`I'm a Foo`}</span>
+      }
+    }
+
+    ```
+1. Create `styles.scss` inside the directory with the contents:
+    ```scss
+    .foo {}
+    ```
+1. Add the stylesheet as an import by adding this line:
+    ```javascript
+    import styles from './styles.scss'
+    ```
+1. Then make use of the import by adding `styles.foo` as the `className`:
+    ```javascript
+    render() {
+      return <span className={styles.foo}>{`I'm a Foo`}</span>
+    }
+    ```
+1. Add `Foo.jsx` to the component index in `components/index.js`
+    ```javascript
+    export Foo from './Foo/Foo.jsx'
+    ```
+
+#### Create the Story
+
+1. Within the same directory, create a `FooStory.jsx` with the contents:
+    ```javascript
+    import React from "react"
+    import Foo from "./Foo"
+
+    import { text, select, boolean } from "@storybook/addon-knobs"
+
+    export default function FooStory(stories) {
+      stories.add("Foo",
+        () => {
+          let props = {}
+          return (
+            <Foo {...props}/>
+          )
+        }
+      )
+    }
+    ```
+1. Add the story to the appropriate story index. This will depend on the intent of your component. `Foo` is pretty simply 😁, hence we will add it to `/stories/basic.js` like so:
+    ```javascript
+    export FooStory from '../components/Foo/FooStory'
+    ```
+    This will add your `Foo` story to the categoy "Basic Components" in Storybook
+
+---
+
+## Converting Existing Components
+
+Conversion of existing components in `nitro_react` is a little different since we already have a decent class structure in the jsx component. There are, however, a few considerations:
+
+- Use Flow.js types instead of `PropTypes`
+- use `class` instead of `function` (see the examples below)
+- Try and fix as many eslint and Flow warnings as possible - this is your chance and the time is now! 😬 💀
+
+1. Create a `Props` flow type
+    ```javascript
+    type Props = {
+      children?: Array<React.Node>,
+      bold: boolean,
+      italic: boolean,
+      className: string,
+    }
+    ```
+1. Add the type to your class
+    ```javascript
+    export default class Foo extends React.Component<Props> {
+      static defaultProps = {}
+      props: Props
+      ...
+    ```
+1. You can still deconstruct `this.props` in any of your methods in the normal way
+    ```javascript
+    const {bar} = this.props
+    ```
+1. Lint your code `yarn run lint`
+1. For some lint warning you can `yarn run lint-fix` which will automagically fix things like indentation.

data/Rakefile

@@ -0,0 +1,23 @@
+#!/usr/bin/env rake
+begin
+  require "bundler/setup"
+rescue LoadError
+  puts "You must `gem install bundler` and `bundle install` to run rake tasks"
+end
+
+begin
+  require "yard"
+  YARD::Rake::YardocTask.new do |t|
+    t.files = ["lib/**/*.rb"]
+    t.options = [
+      "--no-private",
+    ]
+  end
+rescue LoadError
+  STDERR.puts "Could not require() YARD! Install with 'gem install yard' to get the 'yardoc' task"
+end
+
+APP_RAKEFILE = File.expand_path("../spec/dummy/Rakefile", __FILE__)
+load "rails/tasks/engine.rake"
+
+Bundler::GemHelper.install_tasks

data/app/assets/images/doors_power_p.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="24px" viewBox="0 0 21 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.1 (72631) - https://sketchapp.com -->
+    <title>Group 8 Copy 8</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="2.43902439e-05 0.0932647059 9.7812439 0.0932647059 9.7812439 21 2.43902439e-05 21"></polygon>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group-8-Copy-8">
+            <g id="Group-3" transform="translate(0.500000, 3.000000)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="Clip-2"></g>
+                <path d="M9.7812439,0.0932647059 L0.16197561,6.99855882 L0.151487805,7.00597059 C0.0566097561,7.07415882 2.43902439e-05,7.18484118 2.43902439e-05,7.30293529 L2.43902439e-05,7.30565294 L2.43902439e-05,14.0303471 L2.43902439e-05,14.0335588 C2.43902439e-05,14.1511588 0.0563658537,14.2615941 0.151,14.3295353 L0.16197561,14.3371941 L9.37612195,20.9517 C9.54612195,21.0737471 9.7812439,20.9507118 9.7812439,20.7394765 L9.7812439,0.0932647059 Z" id="Fill-1" fill="#00A3E0" mask="url(#mask-2)"></path>
+            </g>
+            <path d="M10.27,21 L20.1044264,14.0639185 L20.1148994,14.0564737 C20.212149,13.9879814 20.27,13.8768056 20.27,13.7581849 L20.27,7.00077885 C20.27,6.87942845 20.2123983,6.76850077 20.1156475,6.70025668 L20.1044264,6.69256371 L10.6841835,0.0485669036 C10.510381,-0.0740243048 10.27,0.049559545 10.27,0.261736636 L10.27,21 Z" id="Fill-4" fill="#00A3E0"></path>
+            <path d="M7.87657729,17.5988099 C7.85329911,17.6027989 7.83173616,17.596698 7.81703414,17.5814458 C7.80257717,17.5664283 7.79694139,17.5450752 7.80159703,17.5220796 L7.93955091,16.8880577 L7.93955091,8.95011279 L7.80159703,8.36231676 C7.79694139,8.34143299 7.80257717,8.31773343 7.81703414,8.2980229 C7.83173616,8.27807773 7.85329911,8.26446808 7.87657729,8.26047904 L11.2673514,7.68770056 C12.6498307,7.45422469 13.6473622,7.68746591 14.2312772,8.38085404 C14.7262449,8.96911937 14.8,9.76059083 14.8,10.1801434 C14.8,10.601104 14.7262449,11.420968 14.2307871,12.1791193 C13.6473622,13.0728977 12.6498307,13.6440337 11.2673514,13.8777442 L10.2835418,14.0436411 L10.2835418,17.1175445 C10.2835418,17.1588428 10.248747,17.1980292 10.2056211,17.2057726 L7.87657729,17.5988099 Z M10.2835418,11.8721982 L11.2800932,11.7039548 C12.0110282,11.580764 12.3665719,11.2165886 12.3665719,10.5907794 C12.3665719,10.3608233 12.3665719,9.66109961 11.2800932,9.84459522 L10.2835418,10.012604 L10.2835418,11.8721982 Z" id="Fill-6" fill="#FEFEFE"></path>
+        </g>
+    </g>
+</svg>

data/app/assets/images/general_power_p.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="24px" viewBox="0 0 21 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.1 (72631) - https://sketchapp.com -->
+    <title>Group 8 Copy 5</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="2.43902439e-05 0.0932647059 9.7812439 0.0932647059 9.7812439 21 2.43902439e-05 21"></polygon>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group-8-Copy-5">
+            <g id="Group-3" transform="translate(0.500000, 3.000000)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="Clip-2"></g>
+                <path d="M9.7812439,0.0932647059 L0.16197561,6.99855882 L0.151487805,7.00597059 C0.0566097561,7.07415882 2.43902439e-05,7.18484118 2.43902439e-05,7.30293529 L2.43902439e-05,7.30565294 L2.43902439e-05,14.0303471 L2.43902439e-05,14.0335588 C2.43902439e-05,14.1511588 0.0563658537,14.2615941 0.151,14.3295353 L0.16197561,14.3371941 L9.37612195,20.9517 C9.54612195,21.0737471 9.7812439,20.9507118 9.7812439,20.7394765 L9.7812439,0.0932647059 Z" id="Fill-1" fill="#00A3E0" mask="url(#mask-2)"></path>
+            </g>
+            <path d="M10.27,21 L20.1044264,14.0639185 L20.1148994,14.0564737 C20.212149,13.9879814 20.27,13.8768056 20.27,13.7581849 L20.27,13.7554552 L20.27,7.00077885 L20.27,6.99755277 C20.27,6.87942845 20.2123983,6.76850077 20.1156475,6.70025668 L20.1044264,6.69256371 L10.6841835,0.0485669036 C10.510381,-0.0740243048 10.27,0.049559545 10.27,0.261736636 L10.27,21 Z" id="Fill-4" fill="#0072CE"></path>
+            <path d="M7.87657729,17.5988099 C7.85329911,17.6027989 7.83173616,17.596698 7.81703414,17.5814458 C7.80257717,17.5664283 7.79694139,17.5450752 7.80159703,17.5220796 L7.93955091,16.8880577 L7.93955091,8.95011279 L7.80159703,8.36231676 C7.79694139,8.34143299 7.80257717,8.31773343 7.81703414,8.2980229 C7.83173616,8.27807773 7.85329911,8.26446808 7.87657729,8.26047904 L11.2673514,7.68770056 C12.6498307,7.45422469 13.6473622,7.68746591 14.2312772,8.38085404 C14.7262449,8.96911937 14.8,9.76059083 14.8,10.1801434 C14.8,10.601104 14.7262449,11.420968 14.2307871,12.1791193 C13.6473622,13.0728977 12.6498307,13.6440337 11.2673514,13.8777442 L10.2835418,14.0436411 L10.2835418,17.1175445 C10.2835418,17.1588428 10.248747,17.1980292 10.2056211,17.2057726 L7.87657729,17.5988099 Z M10.2835418,11.8721982 L11.2800932,11.7039548 C12.0110282,11.580764 12.3665719,11.2165886 12.3665719,10.5907794 C12.3665719,10.3608233 12.3665719,9.66109961 11.2800932,9.84459522 L10.2835418,10.012604 L10.2835418,11.8721982 Z" id="Fill-6" fill="#FEFEFE"></path>
+        </g>
+    </g>
+</svg>

data/app/assets/images/insulation_power_p.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="24px" viewBox="0 0 21 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.1 (72631) - https://sketchapp.com -->
+    <title>Group 8 Copy 12</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="2.43902439e-05 0.0932647059 9.7812439 0.0932647059 9.7812439 21 2.43902439e-05 21"></polygon>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group-8-Copy-12">
+            <g id="Group-3" transform="translate(0.500000, 3.000000)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="Clip-2"></g>
+                <path d="M9.7812439,0.0932647059 L0.16197561,6.99855882 L0.151487805,7.00597059 C0.0566097561,7.07415882 2.43902439e-05,7.18484118 2.43902439e-05,7.30293529 L2.43902439e-05,7.30565294 L2.43902439e-05,14.0303471 L2.43902439e-05,14.0335588 C2.43902439e-05,14.1511588 0.0563658537,14.2615941 0.151,14.3295353 L0.16197561,14.3371941 L9.37612195,20.9517 C9.54612195,21.0737471 9.7812439,20.9507118 9.7812439,20.7394765 L9.7812439,0.0932647059 Z" id="Fill-1" fill="#F9423A" mask="url(#mask-2)"></path>
+            </g>
+            <path d="M10.27,21 L20.1044264,14.0639185 L20.1148994,14.0564737 C20.212149,13.9879814 20.27,13.8768056 20.27,13.7581849 L20.27,7.00077885 C20.27,6.87942845 20.2123983,6.76850077 20.1156475,6.70025668 L20.1044264,6.69256371 L10.6841835,0.0485669036 C10.510381,-0.0740243048 10.27,0.049559545 10.27,0.261736636 L10.27,21 Z" id="Fill-4" fill="#F9423A"></path>
+            <path d="M7.87657729,17.5988099 C7.85329911,17.6027989 7.83173616,17.596698 7.81703414,17.5814458 C7.80257717,17.5664283 7.79694139,17.5450752 7.80159703,17.5220796 L7.93955091,16.8880577 L7.93955091,8.95011279 L7.80159703,8.36231676 C7.79694139,8.34143299 7.80257717,8.31773343 7.81703414,8.2980229 C7.83173616,8.27807773 7.85329911,8.26446808 7.87657729,8.26047904 L11.2673514,7.68770056 C12.6498307,7.45422469 13.6473622,7.68746591 14.2312772,8.38085404 C14.7262449,8.96911937 14.8,9.76059083 14.8,10.1801434 C14.8,10.601104 14.7262449,11.420968 14.2307871,12.1791193 C13.6473622,13.0728977 12.6498307,13.6440337 11.2673514,13.8777442 L10.2835418,14.0436411 L10.2835418,17.1175445 C10.2835418,17.1588428 10.248747,17.1980292 10.2056211,17.2057726 L7.87657729,17.5988099 Z M10.2835418,11.8721982 L11.2800932,11.7039548 C12.0110282,11.580764 12.3665719,11.2165886 12.3665719,10.5907794 C12.3665719,10.3608233 12.3665719,9.66109961 11.2800932,9.84459522 L10.2835418,10.012604 L10.2835418,11.8721982 Z" id="Fill-6" fill="#FEFEFE"></path>
+        </g>
+    </g>
+</svg>

data/app/assets/images/pb-caret.svg

@@ -0,0 +1 @@
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="32px" height="22px"><title>select-arrow</title><g><polygon style="fill:#999999;" points="11.898,14.077 2.389,4.066 0.512,5.963 11.898,17.95 23.488,5.963 21.596,4.049 "/></g></svg>

data/app/assets/images/pb-check.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="15px" height="12px" viewBox="0 0 15 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 52.5 (67469) - http://www.bohemiancoding.com/sketch -->
+    <title>check</title>
+    <desc>Created with Sketch.</desc>
+    <g id="Icons" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Branding" transform="translate(-432.000000, -324.000000)" fill="#FFFFFF">
+            <path d="M445.124968,324.593777 C445.187467,324.531277 445.270801,324.500027 445.374967,324.500027 C445.479133,324.500027 445.572883,324.531277 445.656216,324.593777 L446.531214,325.500025 C446.614547,325.562525 446.656214,325.645858 446.656214,325.750024 C446.656214,325.854191 446.614547,325.94794 446.531214,326.031274 L437.156237,335.406251 C437.093737,335.468751 437.010403,335.500001 436.906237,335.500001 C436.802071,335.500001 436.708321,335.468751 436.624988,335.406251 L432.468748,331.218761 C432.385414,331.156262 432.343748,331.072928 432.343748,330.968762 C432.343748,330.864596 432.385414,330.770846 432.468748,330.687513 L433.343746,329.812515 C433.427079,329.729181 433.520829,329.687515 433.624995,329.687515 C433.729161,329.687515 433.812494,329.729181 433.874994,329.812515 L436.906237,332.843758 L445.124968,324.593777 Z" id="check"></path>
+        </g>
+    </g>
+</svg>

data/app/assets/images/roofing_power_p.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="24px" viewBox="0 0 21 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.1 (72631) - https://sketchapp.com -->
+    <title>Group 8 Copy 13</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="2.43902439e-05 0.0932647059 9.7812439 0.0932647059 9.7812439 21 2.43902439e-05 21"></polygon>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group-8-Copy-13">
+            <g id="Group-3" transform="translate(0.500000, 3.000000)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="Clip-2"></g>
+                <path d="M9.7812439,0.0932647059 L0.16197561,6.99855882 L0.151487805,7.00597059 C0.0566097561,7.07415882 2.43902439e-05,7.18484118 2.43902439e-05,7.30293529 L2.43902439e-05,7.30565294 L2.43902439e-05,14.0303471 L2.43902439e-05,14.0335588 C2.43902439e-05,14.1511588 0.0563658537,14.2615941 0.151,14.3295353 L0.16197561,14.3371941 L9.37612195,20.9517 C9.54612195,21.0737471 9.7812439,20.9507118 9.7812439,20.7394765 L9.7812439,0.0932647059 Z" id="Fill-1" fill="#273142" mask="url(#mask-2)"></path>
+            </g>
+            <path d="M10.27,21 L20.1044264,14.0639185 L20.1148994,14.0564737 C20.212149,13.9879814 20.27,13.8768056 20.27,13.7581849 L20.27,7.00077885 C20.27,6.87942845 20.2123983,6.76850077 20.1156475,6.70025668 L20.1044264,6.69256371 L10.6841835,0.0485669036 C10.510381,-0.0740243048 10.27,0.049559545 10.27,0.261736636 L10.27,21 Z" id="Fill-4" fill="#273142"></path>
+            <path d="M7.87657729,17.5988099 C7.85329911,17.6027989 7.83173616,17.596698 7.81703414,17.5814458 C7.80257717,17.5664283 7.79694139,17.5450752 7.80159703,17.5220796 L7.93955091,16.8880577 L7.93955091,8.95011279 L7.80159703,8.36231676 C7.79694139,8.34143299 7.80257717,8.31773343 7.81703414,8.2980229 C7.83173616,8.27807773 7.85329911,8.26446808 7.87657729,8.26047904 L11.2673514,7.68770056 C12.6498307,7.45422469 13.6473622,7.68746591 14.2312772,8.38085404 C14.7262449,8.96911937 14.8,9.76059083 14.8,10.1801434 C14.8,10.601104 14.7262449,11.420968 14.2307871,12.1791193 C13.6473622,13.0728977 12.6498307,13.6440337 11.2673514,13.8777442 L10.2835418,14.0436411 L10.2835418,17.1175445 C10.2835418,17.1588428 10.248747,17.1980292 10.2056211,17.2057726 L7.87657729,17.5988099 Z M10.2835418,11.8721982 L11.2800932,11.7039548 C12.0110282,11.580764 12.3665719,11.2165886 12.3665719,10.5907794 C12.3665719,10.3608233 12.3665719,9.66109961 11.2800932,9.84459522 L10.2835418,10.012604 L10.2835418,11.8721982 Z" id="Fill-6" fill="#FEFEFE"></path>
+        </g>
+    </g>
+</svg>

data/app/assets/images/siding_power_p.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="24px" viewBox="0 0 21 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.1 (72631) - https://sketchapp.com -->
+    <title>Group 8 Copy 10</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="2.43902439e-05 0.0932647059 9.7812439 0.0932647059 9.7812439 21 2.43902439e-05 21"></polygon>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group-8-Copy-10">
+            <g id="Group-3" transform="translate(0.500000, 3.000000)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="Clip-2"></g>
+                <path d="M9.7812439,0.0932647059 L0.16197561,6.99855882 L0.151487805,7.00597059 C0.0566097561,7.07415882 2.43902439e-05,7.18484118 2.43902439e-05,7.30293529 L2.43902439e-05,7.30565294 L2.43902439e-05,14.0303471 L2.43902439e-05,14.0335588 C2.43902439e-05,14.1511588 0.0563658537,14.2615941 0.151,14.3295353 L0.16197561,14.3371941 L9.37612195,20.9517 C9.54612195,21.0737471 9.7812439,20.9507118 9.7812439,20.7394765 L9.7812439,0.0932647059 Z" id="Fill-1" fill="#DAAA01" mask="url(#mask-2)"></path>
+            </g>
+            <path d="M10.27,21 L20.1044264,14.0639185 L20.1148994,14.0564737 C20.212149,13.9879814 20.27,13.8768056 20.27,13.7581849 L20.27,7.00077885 C20.27,6.87942845 20.2123983,6.76850077 20.1156475,6.70025668 L20.1044264,6.69256371 L10.6841835,0.0485669036 C10.510381,-0.0740243048 10.27,0.049559545 10.27,0.261736636 L10.27,21 Z" id="Fill-4" fill="#DAAA01"></path>
+            <path d="M7.87657729,17.5988099 C7.85329911,17.6027989 7.83173616,17.596698 7.81703414,17.5814458 C7.80257717,17.5664283 7.79694139,17.5450752 7.80159703,17.5220796 L7.93955091,16.8880577 L7.93955091,8.95011279 L7.80159703,8.36231676 C7.79694139,8.34143299 7.80257717,8.31773343 7.81703414,8.2980229 C7.83173616,8.27807773 7.85329911,8.26446808 7.87657729,8.26047904 L11.2673514,7.68770056 C12.6498307,7.45422469 13.6473622,7.68746591 14.2312772,8.38085404 C14.7262449,8.96911937 14.8,9.76059083 14.8,10.1801434 C14.8,10.601104 14.7262449,11.420968 14.2307871,12.1791193 C13.6473622,13.0728977 12.6498307,13.6440337 11.2673514,13.8777442 L10.2835418,14.0436411 L10.2835418,17.1175445 C10.2835418,17.1588428 10.248747,17.1980292 10.2056211,17.2057726 L7.87657729,17.5988099 Z M10.2835418,11.8721982 L11.2800932,11.7039548 C12.0110282,11.580764 12.3665719,11.2165886 12.3665719,10.5907794 C12.3665719,10.3608233 12.3665719,9.66109961 11.2800932,9.84459522 L10.2835418,10.012604 L10.2835418,11.8721982 Z" id="Fill-6" fill="#FEFEFE"></path>
+        </g>
+    </g>
+</svg>

data/app/assets/images/solar_power_p.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="24px" viewBox="0 0 21 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.1 (72631) - https://sketchapp.com -->
+    <title>Group 8 Copy 11</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="2.43902439e-05 0.0932647059 9.7812439 0.0932647059 9.7812439 21 2.43902439e-05 21"></polygon>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group-8-Copy-11">
+            <g id="Group-3" transform="translate(0.500000, 3.000000)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="Clip-2"></g>
+                <path d="M9.7812439,0.0932647059 L0.16197561,6.99855882 L0.151487805,7.00597059 C0.0566097561,7.07415882 2.43902439e-05,7.18484118 2.43902439e-05,7.30293529 L2.43902439e-05,7.30565294 L2.43902439e-05,14.0303471 L2.43902439e-05,14.0335588 C2.43902439e-05,14.1511588 0.0563658537,14.2615941 0.151,14.3295353 L0.16197561,14.3371941 L9.37612195,20.9517 C9.54612195,21.0737471 9.7812439,20.9507118 9.7812439,20.7394765 L9.7812439,0.0932647059 Z" id="Fill-1" fill="#00BF6F" mask="url(#mask-2)"></path>
+            </g>
+            <path d="M10.27,21 L20.1044264,14.0639185 L20.1148994,14.0564737 C20.212149,13.9879814 20.27,13.8768056 20.27,13.7581849 L20.27,7.00077885 C20.27,6.87942845 20.2123983,6.76850077 20.1156475,6.70025668 L20.1044264,6.69256371 L10.6841835,0.0485669036 C10.510381,-0.0740243048 10.27,0.049559545 10.27,0.261736636 L10.27,21 Z" id="Fill-4" fill="#00BF6F"></path>
+            <path d="M7.87657729,17.5988099 C7.85329911,17.6027989 7.83173616,17.596698 7.81703414,17.5814458 C7.80257717,17.5664283 7.79694139,17.5450752 7.80159703,17.5220796 L7.93955091,16.8880577 L7.93955091,8.95011279 L7.80159703,8.36231676 C7.79694139,8.34143299 7.80257717,8.31773343 7.81703414,8.2980229 C7.83173616,8.27807773 7.85329911,8.26446808 7.87657729,8.26047904 L11.2673514,7.68770056 C12.6498307,7.45422469 13.6473622,7.68746591 14.2312772,8.38085404 C14.7262449,8.96911937 14.8,9.76059083 14.8,10.1801434 C14.8,10.601104 14.7262449,11.420968 14.2307871,12.1791193 C13.6473622,13.0728977 12.6498307,13.6440337 11.2673514,13.8777442 L10.2835418,14.0436411 L10.2835418,17.1175445 C10.2835418,17.1588428 10.248747,17.1980292 10.2056211,17.2057726 L7.87657729,17.5988099 Z M10.2835418,11.8721982 L11.2800932,11.7039548 C12.0110282,11.580764 12.3665719,11.2165886 12.3665719,10.5907794 C12.3665719,10.3608233 12.3665719,9.66109961 11.2800932,9.84459522 L10.2835418,10.012604 L10.2835418,11.8721982 Z" id="Fill-6" fill="#FEFEFE"></path>
+        </g>
+    </g>
+</svg>

data/app/assets/images/windows_power_p.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="21px" height="24px" viewBox="0 0 21 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <!-- Generator: Sketch 53.1 (72631) - https://sketchapp.com -->
+    <title>Group 8 Copy 9</title>
+    <desc>Created with Sketch.</desc>
+    <defs>
+        <polygon id="path-1" points="2.43902439e-05 0.0932647059 9.7812439 0.0932647059 9.7812439 21 2.43902439e-05 21"></polygon>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group-8-Copy-9">
+            <g id="Group-3" transform="translate(0.500000, 3.000000)">
+                <mask id="mask-2" fill="white">
+                    <use xlink:href="#path-1"></use>
+                </mask>
+                <g id="Clip-2"></g>
+                <path d="M9.7812439,0.0932647059 L0.16197561,6.99855882 L0.151487805,7.00597059 C0.0566097561,7.07415882 2.43902439e-05,7.18484118 2.43902439e-05,7.30293529 L2.43902439e-05,7.30565294 L2.43902439e-05,14.0303471 L2.43902439e-05,14.0335588 C2.43902439e-05,14.1511588 0.0563658537,14.2615941 0.151,14.3295353 L0.16197561,14.3371941 L9.37612195,20.9517 C9.54612195,21.0737471 9.7812439,20.9507118 9.7812439,20.7394765 L9.7812439,0.0932647059 Z" id="Fill-1" fill="#004976" mask="url(#mask-2)"></path>
+            </g>
+            <path d="M10.27,21 L20.1044264,14.0639185 L20.1148994,14.0564737 C20.212149,13.9879814 20.27,13.8768056 20.27,13.7581849 L20.27,7.00077885 C20.27,6.87942845 20.2123983,6.76850077 20.1156475,6.70025668 L20.1044264,6.69256371 L10.6841835,0.0485669036 C10.510381,-0.0740243048 10.27,0.049559545 10.27,0.261736636 L10.27,21 Z" id="Fill-4" fill="#004976"></path>
+            <path d="M7.87657729,17.5988099 C7.85329911,17.6027989 7.83173616,17.596698 7.81703414,17.5814458 C7.80257717,17.5664283 7.79694139,17.5450752 7.80159703,17.5220796 L7.93955091,16.8880577 L7.93955091,8.95011279 L7.80159703,8.36231676 C7.79694139,8.34143299 7.80257717,8.31773343 7.81703414,8.2980229 C7.83173616,8.27807773 7.85329911,8.26446808 7.87657729,8.26047904 L11.2673514,7.68770056 C12.6498307,7.45422469 13.6473622,7.68746591 14.2312772,8.38085404 C14.7262449,8.96911937 14.8,9.76059083 14.8,10.1801434 C14.8,10.601104 14.7262449,11.420968 14.2307871,12.1791193 C13.6473622,13.0728977 12.6498307,13.6440337 11.2673514,13.8777442 L10.2835418,14.0436411 L10.2835418,17.1175445 C10.2835418,17.1588428 10.248747,17.1980292 10.2056211,17.2057726 L7.87657729,17.5988099 Z M10.2835418,11.8721982 L11.2800932,11.7039548 C12.0110282,11.580764 12.3665719,11.2165886 12.3665719,10.5907794 C12.3665719,10.3608233 12.3665719,9.66109961 11.2800932,9.84459522 L10.2835418,10.012604 L10.2835418,11.8721982 Z" id="Fill-6" fill="#FEFEFE"></path>
+        </g>
+    </g>
+</svg>

data/lib/nitro_sg.rb

@@ -0,0 +1,23 @@
+require "sassc-rails"
+
+require "nitro_sg/engine"
+
+
+
+module NitroSg
+  # @return [Boolean] indication of whether the request is a web view within Nitro Mobile
+  def self.web_page_within_mobile_app?(request)
+    request.user_agent.try(:downcase) =~ /^nitro/
+  end
+
+  # @return [String] the digest value for assets managed by the asset pipeline
+  def self.assets_digest
+    @assets_digest ||= begin
+      if ActionView::Base.respond_to?(:asset_manifest) # Rails 4
+        Digest::MD5.hexdigest(ActionView::Base.assets_manifest.assets.values.sort.join)
+      elsif Rails.configuration.assets.digests.present? # Rails 3
+        Digest::MD5.hexdigest(Rails.configuration.assets.digests.try(:values).sort.join)
+      end
+    end
+  end
+end

data/lib/nitro_sg/engine.rb

@@ -0,0 +1,15 @@
+module NitroSg
+  class Engine < ::Rails::Engine
+    isolate_namespace NitroSg
+
+    config.generators do |g|
+      g.test_framework :rspec
+    end
+
+    config.sass.load_paths ||= []
+    config.assets.paths ||= []
+    config.assets.paths << "#{Gem.loaded_specs['nitro_sg'].full_gem_path}/fonts"
+    config.sass.load_paths << "#{Gem.loaded_specs['nitro_sg'].full_gem_path}/sass-mixins"
+    config.sass.load_paths << "#{Gem.loaded_specs['nitro_sg'].full_gem_path}/components"
+  end
+end

data/lib/nitro_sg/version.rb

@@ -0,0 +1,3 @@
+module NitroSg
+  VERSION = "3.0.0".freeze
+end

data/lib/tasks/nitro_sg_tasks.rake

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

metadata

@@ -0,0 +1,190 @@
+--- !ruby/object:Gem::Specification
+name: nitro_sg
+version: !ruby/object:Gem::Version
+  version: 3.0.0
+platform: ruby
+authors:
+- Nitro Developers
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2019-05-23 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 5.1.6
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '6.0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 5.1.6
+    - - "<"
+      - !ruby/object:Gem::Version
+        version: '6.0'
+- !ruby/object:Gem::Dependency
+  name: sassc-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 1.3.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 1.3.0
+- !ruby/object:Gem::Dependency
+  name: sprockets-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 2.3.3
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 2.3.3
+- !ruby/object:Gem::Dependency
+  name: test-unit
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 3.1.5
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 3.1.5
+- !ruby/object:Gem::Dependency
+  name: rspec-rails
+  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'
+- !ruby/object:Gem::Dependency
+  name: simplecov
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 0.10.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 0.10.0
+- !ruby/object:Gem::Dependency
+  name: rubocop
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 0.49.1
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 0.49.1
+- !ruby/object:Gem::Dependency
+  name: yard
+  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'
+- !ruby/object:Gem::Dependency
+  name: rainbow
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 2.1.0
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '='
+      - !ruby/object:Gem::Version
+        version: 2.1.0
+description: Nitro's visual theme, including page layout, styling and navigation
+email:
+- dev@powerhrg.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- Rakefile
+- app/assets/images/doors_power_p.svg
+- app/assets/images/general_power_p.svg
+- app/assets/images/insulation_power_p.svg
+- app/assets/images/pb-caret.svg
+- app/assets/images/pb-check.svg
+- app/assets/images/roofing_power_p.svg
+- app/assets/images/siding_power_p.svg
+- app/assets/images/solar_power_p.svg
+- app/assets/images/windows_power_p.svg
+- lib/nitro_sg.rb
+- lib/nitro_sg/engine.rb
+- lib/nitro_sg/version.rb
+- lib/tasks/nitro_sg_tasks.rake
+homepage: http://nitro.powerhrg.com
+licenses: []
+metadata: {}
+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: []
+rubyforge_project: 
+rubygems_version: 2.7.7
+signing_key: 
+specification_version: 4
+summary: Nitro's visual theme
+test_files: []