paint-rails 0.7.24 → 0.8.27.1

data/vendor/assets/stylesheets/bower_components/jquery/src/var/pnum.js

@@ -1,3 +1,3 @@
-define(function() {
-	return (/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/).source;
-});
+define( function() {
+	return ( /[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/ ).source;
+} );

data/vendor/assets/stylesheets/bower_components/jquery/src/var/push.js

@@ -1,5 +1,5 @@
-define([
+define( [
 	"./arr"
 ], function( arr ) {
 	return arr.push;
-});
+} );

data/vendor/assets/stylesheets/bower_components/jquery/src/var/rcssNum.js

@@ -0,0 +1,7 @@
+define( [
+	"../var/pnum"
+], function( pnum ) {
+
+return new RegExp( "^(?:([+-])=|)(" + pnum + ")([a-z%]*)$", "i" );
+
+} );

data/vendor/assets/stylesheets/bower_components/jquery/src/var/rnotwhite.js

@@ -1,3 +1,3 @@
-define(function() {
-	return (/\S+/g);
-});
+define( function() {
+	return ( /\S+/g );
+} );

data/vendor/assets/stylesheets/bower_components/jquery/src/var/slice.js

@@ -1,5 +1,5 @@
-define([
+define( [
 	"./arr"
 ], function( arr ) {
 	return arr.slice;
-});
+} );

data/vendor/assets/stylesheets/bower_components/jquery/src/var/support.js

@@ -1,4 +1,5 @@
-define(function() {
+define( function() {
+
 	// All support tests are defined in their respective modules.
 	return {};
-});
+} );

data/vendor/assets/stylesheets/bower_components/jquery/src/var/toString.js

@@ -1,5 +1,5 @@
-define([
+define( [
 	"./class2type"
 ], function( class2type ) {
 	return class2type.toString;
-});
+} );

data/vendor/assets/stylesheets/bower_components/jquery/src/wrap.js

@@ -1,18 +1,18 @@
-define([
+define( [
 	"./core",
 	"./core/init",
 	"./manipulation", // clone
 	"./traversing" // parent, contents
 ], function( jQuery ) {
 
-jQuery.fn.extend({
+jQuery.fn.extend( {
 	wrapAll: function( html ) {
 		var wrap;
 
 		if ( jQuery.isFunction( html ) ) {
-			return this.each(function( i ) {
-				jQuery( this ).wrapAll( html.call(this, i) );
-			});
+			return this.each( function( i ) {
+				jQuery( this ).wrapAll( html.call( this, i ) );
+			} );
 		}
 
 		if ( this[ 0 ] ) {
@@ -24,7 +24,7 @@ jQuery.fn.extend({
 				wrap.insertBefore( this[ 0 ] );
 			}
 
-			wrap.map(function() {
+			wrap.map( function() {
 				var elem = this;
 
 				while ( elem.firstElementChild ) {
@@ -32,7 +32,7 @@ jQuery.fn.extend({
 				}
 
 				return elem;
-			}).append( this );
+			} ).append( this );
 		}
 
 		return this;
@@ -40,12 +40,12 @@ jQuery.fn.extend({
 
 	wrapInner: function( html ) {
 		if ( jQuery.isFunction( html ) ) {
-			return this.each(function( i ) {
-				jQuery( this ).wrapInner( html.call(this, i) );
-			});
+			return this.each( function( i ) {
+				jQuery( this ).wrapInner( html.call( this, i ) );
+			} );
 		}
 
-		return this.each(function() {
+		return this.each( function() {
 			var self = jQuery( this ),
 				contents = self.contents();
 
@@ -55,25 +55,25 @@ jQuery.fn.extend({
 			} else {
 				self.append( html );
 			}
-		});
+		} );
 	},
 
 	wrap: function( html ) {
 		var isFunction = jQuery.isFunction( html );
 
-		return this.each(function( i ) {
-			jQuery( this ).wrapAll( isFunction ? html.call(this, i) : html );
-		});
+		return this.each( function( i ) {
+			jQuery( this ).wrapAll( isFunction ? html.call( this, i ) : html );
+		} );
 	},
 
 	unwrap: function() {
-		return this.parent().each(function() {
+		return this.parent().each( function() {
 			if ( !jQuery.nodeName( this, "body" ) ) {
 				jQuery( this ).replaceWith( this.childNodes );
 			}
-		}).end();
+		} ).end();
 	}
-});
+} );
 
 return jQuery;
-});
+} );

data/vendor/assets/stylesheets/bower_components/modernizr/.bower.json

@@ -8,7 +8,7 @@
     "tag": "v2.8.3",
     "commit": "d6bb30c0f12ebb3ddd01e90b0bf435e1c34e6f11"
   },
-  "_source": "git://github.com/Modernizr/Modernizr.git",
-  "_target": ">= 2.7.2",
+  "_source": "https://github.com/Modernizr/Modernizr.git",
+  "_target": "2.8.3",
   "_originalSource": "modernizr"
 }

data/vendor/assets/stylesheets/paint/bin/ci

@@ -0,0 +1,6 @@
+#!/bin/bash
+
+set -e
+
+bin/lint
+node_modules/.bin/broccoli build dist

data/vendor/assets/stylesheets/paint/bin/docs

@@ -0,0 +1,8 @@
+#!/bin/bash
+
+set -e
+
+SASSDOC='sassdoc --verbose' sassdocify components
+cd .pages
+git push --force origin gh-pages
+cd ..

data/vendor/assets/stylesheets/{components → paint/components}/_button.scss

@@ -1,7 +1,13 @@
+////
+/// Buttons Component
+/// @group button
+/// @since v0.8.5
+////
+
 @import 'icon';
 
-$button-base-background-color: $white !default;
-$button-base-text-color: $jumbo !default;
+$button-base-background-color: color(white) !default;
+$button-base-text-color: color(gray, jumbo) !default;
 $button-base-padding: 15px !default;
 $button-icon-size: 28px !default;
 $button-disabled-transparency: .4 !default;
@@ -10,22 +16,35 @@ $button-tiny-height: 24px !default;
 $button-small-height: 38px !default;
 $button-large-height: 50px !default;
 
-$button-colours: (
-  primary: #008fd9,
-  secondary: $secondary-color,
-  error: $alert-color,
-  warning: $warning-color,
-  success: $success-color,
-  info: $info-color
+/// Default button styles
+
+$button-colors: (
+  primary: color(link),
+  secondary: color(secondary),
+  alert: color(alert),
+  error: color(alert),
+  warning: color(warning),
+  success: color(success),
+  info: color(info)
 );
 
 $include-html-paint-button: true !default;
 
+/// Generate a button with icon
+/// @param {String} $icon - The icon name
+/// @example scss
+///   .dasboard-button {
+///     @include button-icon(dashboard);
+///   }
+
 @mixin button-icon($icon) {
   @extend %button-icon;
   @include icon($icon);
 }
 
+/// Disabled button styles
+/// @access private 
+
 @mixin button-disabled() {
   background-color: transparentize(
     $button-base-background-color,
@@ -48,6 +67,9 @@ $include-html-paint-button: true !default;
   }
 }
 
+/// Button with icon placeholder
+/// @access private 
+
 %button-icon {
   margin-bottom: 0;
   padding: 0;
@@ -59,6 +81,8 @@ $include-html-paint-button: true !default;
   }
 }
 
+/// Default button styles
+
 %button {
   @include button-base;
   @include single-transition(color, 150ms, ease);
@@ -68,7 +92,8 @@ $include-html-paint-button: true !default;
   border-radius: $global-radius;
   color: $button-base-text-color;
 
-  &:hover {
+  &:hover,
+  &:focus {
     color: darken($button-base-text-color, 20%);
   }
 
@@ -83,51 +108,102 @@ $include-html-paint-button: true !default;
   }
 }
 
+/// Solid button styles
+/// @access private 
+
+@mixin button-solid(
+  $bg: color(white),
+  $color: color(primary)
+) {
+  @include button(
+    $bg: $bg,
+    $radius: $global-radius,
+    $bg-hover: $color,
+    $border-color: $color
+  );
+
+  border: 1px solid $color;
+  color: $color;
+  font-size: $small-font-size;
+  font-weight: $font-weight-bold;
+  margin-bottom: 0;
+  padding: $button-base-padding;
+  text-transform: uppercase;
+
+  &:focus {
+    background-color: $bg;
+    color: $color;
+  }
+
+  &:hover {
+    background-color: $color;
+    border-color: $bg;
+    color: $bg;
+  }
+}
+
+/// Generate all button styles placeholders
+/// @access private 
+
 @mixin button-color-placeholders {
-  @each $type, $button-color in $button-colours {
+  @each $type, $button-color in $button-colors {
     %button-#{$type} {
-      @include button(
-        $bg: $white,
-        $radius: $global-radius,
-        $bg-hover: $button-color,
-        $border-color: $button-color
-      );
-
-      border: 1px solid $button-color;
-      color: $button-color;
-      font-size: $small-font-size;
-      font-weight: $font-weight-bold;
-      margin-bottom: 0;
-      padding: $button-base-padding;
-      text-transform: uppercase;
-
-      &:focus {
-        background-color: $white;
-        color: $button-color;
-      }
+      @include button-solid($color: $button-color);
+    }
 
-      &:hover {
-        color: $white;
-      }
+    %button-#{$type}-inverted {
+      @include button-solid($bg: $button-color, $color: contrast($button-color, $dark: color(text)));
+
+      border-color: transparent;
     }
   }
 }
 
+/// Tiny button styles
+/// @require {placeholder} button
+
 %button-tiny {
   line-height: $button-tiny-height;
   padding: 0 $button-base-padding / 2;
 }
 
+/// Small button styles
+/// @require {placeholder} button
+
 %button-small {
   line-height: $button-small-height;
   padding: 0 $button-base-padding / 2;
 }
 
+/// Large button styles
+/// @require {placeholder} button
+
 %button-large {
   line-height: $button-large-height;
   padding: 0 $button-base-padding * 2;
 }
 
+/// Rounded button style
+/// @require {placeholder} button
+
+%button-rounded {
+  border-radius: $global-rounded;
+}
+
+/// Button Group
+///
+/// @example scss
+/// .button-group {
+///   @extend %button-group;
+/// }
+///
+/// @example
+///   <ul class="button-group">
+///     <li><button class="cog"></button></li>
+///     <li><button class="dashboard">Dashboard</button></li>
+///     <li><button class="clock"></button></li>
+///   </ul>
+
 %button-group {
   @include button-group-container;
 
@@ -141,7 +217,7 @@ $include-html-paint-button: true !default;
     @include button-group-style($radius: $global-radius, $float: null);
 
     button {
-      border-color: $global-section-border-color;
+      border-color: color(border);
       border-left: 0;
       line-height: $button-icon-size;
       padding: 0 $button-base-padding;
@@ -156,7 +232,7 @@ $include-html-paint-button: true !default;
     }
 
     &:first-child button {
-      border-left: solid 1px $global-section-border-color;
+      border-left: solid 1px color(border);
     }
   }
 }

data/vendor/assets/stylesheets/paint/components/_color.scss

@@ -0,0 +1,162 @@
+////
+/// Colors / Palettes Component
+/// @group color
+/// @since v0.8.16
+////
+
+/// Default color palettes and general color settings
+
+$colors-default-settings: (
+  text: (
+    base: #222222,
+    small: #888888
+  ),
+
+  link: (
+    base: #008fd9,
+    dark: link (darken: 10%),
+    light: link (lighten: 10%)
+  ),
+
+  border: (
+    base: #ececec,
+    dark: border (darken: 10%),
+    light: border (lighten: 5%)
+  ),
+
+  primary: (
+    base: #f36b09,
+    dark: primary (darken: 20%),
+    light: primary (lighten: 40%)
+  ),
+
+  secondary: (
+    base: #a42524,
+    dark: secondary (darken: 15%),
+    light: secondary (lighten: 45%)
+  ),
+
+  alert: (
+    base: #ff7f7d,
+    dark: alert (darken: 35%),
+    light: alert (lighten: 18%)
+  ),
+
+  warning: (
+    base: #ffcc7a,
+    dark: warning (darken: 35%),
+    light: warning (lighten: 15%)
+  ),
+
+  success: (
+    base: #43ac6a,
+    dark: success (darken: 20%, saturate: 20%),
+    light: success (lighten: 30%)
+  ),
+
+  info: (
+    base: #a0d3e8,
+    dark: info (darken: 35%, saturate: 30%),
+    light: info (lighten: 10%)
+  ),
+
+  white: #ffffff,
+  black: #000000,
+
+  gray: (
+    ghost: #fafafa,
+    snow: #f9f9f9,
+    vapor: #f6f6f6,
+    white-smoke: #f5f5f5,
+    silver: #efefef,
+    smoke: #eeeeee,
+    gainsboro: #dddddd,
+    iron: #cccccc,
+    base: #aaaaaa,
+    aluminum: #999999,
+    jumbo: #888888,
+    monsoon: #777777,
+    steel: #666666,
+    charcoal: #555555,
+    tuatara: #444444,
+    oil: #333333,
+    jet: #222222
+  )
+);
+
+$colors: () !default;
+$colors: map-merge-settings($colors-default-settings, $colors);
+
+/// Fetch a color from a palette group / setting
+/// @param {color | palette} $color - Single color, palette variant or solid color
+/// @return {Color}
+///
+/// @example scss - Usage
+///   text-color: color(primary);
+///   background-color: color(primary, light);
+///   border-color: color(primary, dark);
+///   color: color(#fc0000) // When used with dynamic maps that use both solid colors and map keys
+///
+/// @example scss - Update existing colors / variations
+///   // Include in your app's `paint-settings.scss`
+///   $colors: (
+///     text: (
+///       base: #111111,
+///       funky: link
+///     ),
+///     link: #f8f8f8
+///   );
+///   // color(text, funky) will return `#f8f8f8`
+///
+/// @example scss - Create custom palette map
+///   // Include in your app's `paint-settings.scss`
+///   $colors: (
+///     dragon-skin: (
+///       base: #47C51D,
+///       dark: dragon-skin (darken: 20%, saturate: 20%),
+///       light: dragon-skin (lighten: 30%)
+///       transparent: dragon-skin (transparentize: 0.6)
+///     )
+///   );
+///
+///   // Call example: `color(dragon-skin)` or `color(dragon-skin, transparent)`
+///
+
+@function color($color, $variant: base) {
+  $output-color: map-get($colors, $color);
+  $adjust: ();
+  $is-map: false;
+
+  @if type-of($output-color) == 'map' {
+    $output-color: map-get($output-color, $variant);
+    $is-map: true;
+  }
+
+  $base: nth($output-color, 1);
+
+  @if length($output-color) > 1 {
+    $adjust: nth($output-color, 2);
+  }
+
+  @if $is-map {
+    @if map-has-key($colors, $base) {
+      $output-color: color($base);
+    } @else {
+      $output-color: $base;
+    }
+
+    @each $function, $value in $adjust {
+      @if function-exists($function) {
+        $output-color: call($function, $output-color, $value);
+      } @else {
+        @error "Function '#{$function}' in #{$adjust} doesn't exist.";
+      }
+    }
+  }
+
+  @if not $output-color {
+    $output-color: $color;
+  }
+
+  @return $output-color;
+}