shipyard-framework 0.7.1 → 0.8.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 7819241469f9a3769e8fb5e347dc91ba73fb4a1dfc635e8fb4ceb0505ce4e4be
-  data.tar.gz: e47e95a9a5838f9c2c0e9265e8e6b1de25b206a9ff014a5524380620336173f8
+  metadata.gz: 004115cae38ee37fb93ed1a39206fa03f8e0429faa4e376eda8f0bfbff954014
+  data.tar.gz: 218779a142ab77ddfed7f22d11beac8b699cc697fa93a353a3d27efcfcc3f4c2
 SHA512:
-  metadata.gz: e31d79754b6bcaab0bd9730e9a8cb7c4f505a0f19b1647b0e63bc98cfdff3fe70b10f237145b1113086114f26c3dd95a0a6f37a5da7ed1c1c671964fa723d7be
-  data.tar.gz: 24b47a43e2f5d56ba4c0af35c83e38f364bf341a8fc1243a5ead6efc150a306cc2626b87edd22b891283c75a515190e374c193b97daae9f7211f0c635aba7ee1
+  metadata.gz: 1246b96d2e3acc1374f145a23f526ea47e57af4d26df78b5b7d1b3656dd56960cac284020647eedba7ccdd3a6d9a5b29f2fbe44e335701c3b1ca40b6ea566c1e
+  data.tar.gz: d5f44eb0b5e0fba3c4328d2507f910d6d1c911fd23005e1205a300664fc22370d404191f6b27dfec2efdac225d4c4a2993b4a09e718e9fc9a2cc119fce5fc1e6

data/assets/icons/status/error-xs.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 4 4">
+  <polyline vector-effect="non-scaling-stroke" points="0 4 2 0 4 4 0 4"/>
+</svg>

data/assets/icons/status/error.svg

@@ -1,4 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 6" class="icon-status-error icon-outline">
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 6">
   <line vector-effect="non-scaling-stroke" x1="1" x2="1" y2="3.1" />
   <line vector-effect="non-scaling-stroke" x1="1" x2="1" y1="6" y2="6" />
 </svg>

data/assets/stylesheets/shipyard/_utilities.sass

@@ -24,5 +24,6 @@
 @import "shipyard/utilities/transform"
 @import "shipyard/utilities/transition"
 @import "shipyard/utilities/width"
+@import "shipyard/utilities/will-change"
 @import "shipyard/utilities/white-space"
 @import "shipyard/utilities/z-index"

data/assets/stylesheets/shipyard/components/_icons.sass

@@ -25,6 +25,9 @@ svg, path, circle, polyline
   &-fail,
   &-success
     +width-height(8px)
+  &-paused,
+  &-error-xs
+    +width-height(4px)
   &-error
     +width-height(2px, 8px)
   &-waiting

data/assets/stylesheets/shipyard/components/_statuses.sass

@@ -17,7 +17,6 @@
     &-bg
       background-color: $gray
 
-  &-idle,
   &-waiting,
   &-running
     &.status-xs,
@@ -60,7 +59,7 @@
       border-color: rgba(#fff,.3)
       background-color: transparent
 
-  &-idle
+  &-paused
     color: $yellow-dark
     border-color: $yellow-dark
     &-bg
@@ -68,27 +67,40 @@
     &.status-md:not(.status-inverse)
       color: #fff
       background-color: $yellow-dark
-    &.status-xs::after,
-    &.status-sm::after
-      border-color: $yellow
+    &.status-xs,
+    &.status-sm
+      border-color: transparent
+      background-color: transparent
 
   &-success
     color: $green
     border-color: $green
     &, &-bg
       background-color: $green
+    &.status-xs,
+    &.status-sm
+      border-color: transparent
+      background-color: transparent
 
   &-fail
     color: $red
     border-color: $red
     &, &-bg
       background-color: $red
+    &.status-xs,
+    &.status-sm
+      border-color: transparent
+      background-color: transparent
 
   &-error
     color: $orange-dark
     border-color: $orange-dark
     &, &-bg
       background-color: $orange-dark
+    &.status-xs,
+    &.status-sm
+      border-color: transparent
+      background-color: transparent
 
   &-success,
   &-fail,
@@ -109,7 +121,7 @@
   &-sm
     +width-height(8px)
   &-md
-    +width-height(18px)
+    +width-height(14px)
   &-lg
     +width-height(22px)
     background-color: transparent
@@ -123,23 +135,46 @@
     left: 50%
     position: absolute
 
-  // Status: Icons (Medium)
-  &-md-icon
+  // Status: Icons (X-Small)
+  &-xs-icon
+    margin: -2px 0 0 -2px
+    +width-height(4px)
+    &-skipped,
+    &-waiting,
+    &-running
+      display: none
+    &-error-xs
+      fill: $orange-dark
+
+  // Status: Icons (Small)
+  &-sm-icon
     margin: -3px 0 0 -3px
     +width-height(6px)
+    &-skipped,
+    &-waiting,
+    &-running
+      display: none
+    &-error-xs
+      fill: $orange-dark
+
+  // Status: Icons (Medium)
+  &-md-icon
+    margin: -2px 0 0 -2px
+    +width-height(4px)
     &-skipped
       margin-left: 0
       transform: translatex(-.8px)
     &-waiting
-      stroke-width: 1.7
-      +width-height(8px, 2px)
-      margin: 0 0 0 -4px
-      transform: translatey(-.7px)
+      stroke-width: 1.5
+      +width-height(6px, 2px)
+      margin: 0 0 0 -3px
+      transform: translatey(-.5px)
     &-running
-      +width-height(16px)
-      margin: -8px 0 0 -8px
+      +width-height(12px)
+      margin: -6px 0 0 -6px
     &-success
-      margin-top: -2px
+      margin-top: 0
+      transform: translatey(-1.7px)
     &-error
       +width-height(2px, 6px)
       margin: -3px 0 0 -1px
@@ -186,7 +221,7 @@
     color: $blue
   &-running
     color: $teal
-  &-idle
+  &-paused
     color: $yellow-dark
   &-success
     color: $green

data/assets/stylesheets/shipyard/utilities/_will-change.sass

@@ -0,0 +1 @@
++utility(will-change)

data/assets/stylesheets/shipyard/variables/_options.scss

@@ -320,6 +320,13 @@ $shipyard-defaults: (
     )
   ),
 
+  // Shipyard: Will-Change Utility
+  will-change: (
+    prefix: 'will-change',
+    responsive: false,
+    values: (transform, opacity)
+  ),
+
   // Shipyard: Z-Index Utility
   z-index: (
     prefix: 'z',

data/lib/shipyard-framework/version.rb

@@ -1,3 +1,3 @@
 module Shipyard
-  VERSION = '0.7.1'
+  VERSION = '0.8.0'
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: shipyard-framework
 version: !ruby/object:Gem::Version
-  version: 0.7.1
+  version: 0.8.0
 platform: ruby
 authors:
 - Codeship
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2018-04-05 00:00:00.000000000 Z
+date: 2018-04-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionview
@@ -185,9 +185,10 @@ files:
 - assets/icons/logos/webhook.svg
 - assets/icons/plus.svg
 - assets/icons/restart.svg
+- assets/icons/status/error-xs.svg
 - assets/icons/status/error.svg
 - assets/icons/status/fail.svg
-- assets/icons/status/idle.svg
+- assets/icons/status/paused.svg
 - assets/icons/status/running.svg
 - assets/icons/status/skipped.svg
 - assets/icons/status/success.svg
@@ -285,6 +286,7 @@ files:
 - assets/stylesheets/shipyard/utilities/_transition.sass
 - assets/stylesheets/shipyard/utilities/_white-space.sass
 - assets/stylesheets/shipyard/utilities/_width.sass
+- assets/stylesheets/shipyard/utilities/_will-change.sass
 - assets/stylesheets/shipyard/utilities/_z-index.sass
 - assets/stylesheets/shipyard/variables/_color_utilities.sass
 - assets/stylesheets/shipyard/variables/_colors.scss