diff --git a/bower.json b/bower.json index 2e13a22..bf72ebd 100644 --- a/bower.json +++ b/bower.json @@ -1,6 +1,6 @@ { "name": "cf-buttons", - "version": "1.0.1", + "version": "1.1.0", "description": "Button styles including default, secondary, destructive, disabled, super, and compound buttons, button links, buttons with icons, and button groups for Capital Framework.", "keywords": [ "capital-framework", diff --git a/docs/index.html b/docs/index.html index a40a0fa..262c284 100644 --- a/docs/index.html +++ b/docs/index.html @@ -59,6 +59,10 @@

Default state

<a href="#" class="btn">Anchor Tag</a>
 <button class="btn">Button Tag</button>
 <input type="submit" value="Input Tag" class="btn">
+
+ + +
@@ -73,6 +77,10 @@

Hovered/focused state

<a href="#" class="btn hover">Anchor Tag</a>
 <button class="btn hover">Button Tag</button>
 <input type="submit" value="Input Tag" class="btn hover">
+
+ + +
@@ -87,6 +95,10 @@

Active state

<a href="#" class="btn active">Anchor Tag</a>
 <button class="btn active">Button Tag</button>
 <input type="submit" value="Input Tag" class="btn active">
+
+ + +
@@ -171,6 +183,10 @@

Default state

<a href="#" class="btn btn__secondary">Anchor Tag</a>
 <button class="btn btn__secondary">Button Tag</button>
 <input type="submit" value="Input Tag" class="btn btn__secondary">
+
+ + +
@@ -185,6 +201,10 @@

Hovered/focused state

<a href="#" class="btn btn__secondary hover">Anchor Tag</a>
 <button class="btn btn__secondary hover">Button Tag</button>
 <input type="submit" value="Input Tag" class="btn btn__secondary hover">
+
+ + +
@@ -199,6 +219,10 @@

Active state

<a href="#" class="btn btn__secondary active">Anchor Tag</a>
 <button class="btn btn__secondary active">Button Tag</button>
 <input type="submit" value="Input Tag" class="btn btn__secondary active">
+
+ + +
@@ -240,6 +264,10 @@

Default state

<a href="#" class="btn btn__warning">Anchor Tag</a>
 <button class="btn btn__warning">Button Tag</button>
 <input type="submit" value="Input Tag" class="btn btn__warning">
+
+ + +
@@ -254,6 +282,10 @@

Hovered/focused state

<a href="#" class="btn btn__warning hover">Anchor Tag</a>
 <button class="btn btn__warning hover">Button Tag</button>
 <input type="submit" value="Input Tag" class="btn btn__warning hover">
+
+ + +
@@ -268,6 +300,10 @@

Active state

<a href="#" class="btn btn__warning active">Anchor Tag</a>
 <button class="btn btn__warning active">Button Tag</button>
 <input type="submit" value="Input Tag" class="btn btn__warning active">
+
+ + +
@@ -309,6 +345,10 @@

Default/hovered/focused/active state

<a href="#" class="btn btn__disabled">Anchor Tag</a>
 <button class="btn btn__disabled">Button Tag</button>
 <input type="submit" value="Input Tag" class="btn btn__disabled">
+
+ + +
@@ -343,6 +383,10 @@

Default state

<a href="#" class="btn btn__super">Anchor Tag</a>
 <button class="btn btn__super">Button Tag</button>
 <input type="submit" value="Input Tag" class="btn btn__super">
+
+ + +
@@ -357,6 +401,10 @@

Hovered/focused state

<a href="#" class="btn btn__super hover">Anchor Tag</a>
 <button class="btn btn__super hover">Button Tag</button>
 <input type="submit" value="Input Tag" class="btn btn__super hover">
+
+ + +
@@ -371,6 +419,10 @@

Active state

<a href="#" class="btn btn__super active">Anchor Tag</a>
 <button class="btn btn__super active">Button Tag</button>
 <input type="submit" value="Input Tag" class="btn btn__super active">
+
+ + +
@@ -414,6 +466,10 @@

Button icon left

<span class="btn_icon__left cf-icon cf-icon-left"></span> Button Tag </button> +
+ + +
@@ -438,6 +494,10 @@

Button icon right

Button Tag <span class="btn_icon__right cf-icon cf-icon-right"></span> </button> +
+ + +
@@ -462,6 +522,10 @@

Just an icon

<span class="u-visually-hidden">Search</span> <span class="cf-icon cf-icon-search"></span> </button> +
+ + +
@@ -525,6 +589,10 @@

Default buttons in a button group

<input type="button" value="Input 1" class="btn btn__grouped-first"> <input type="button" value="Input 2" class="btn btn__grouped"> <input type="button" value="Input 3" class="btn btn__grouped-last"> +
+ + +
@@ -559,6 +627,10 @@

Super buttons in a button group

<input type="button" value="Input 1" class="btn btn__grouped-first btn__super"> <input type="button" value="Input 2" class="btn btn__grouped btn__super"> <input type="button" value="Input 3" class="btn btn__grouped-last btn__super"> +
+ + +
@@ -627,6 +699,10 @@

Default button style

<button class="btn btn__grouped-last btn__compound-action"> <span class="cf-icon cf-icon-down btn__grouped-last"></span> </button> +
+ + +
@@ -655,6 +731,10 @@

Secondary button style

<button class="btn btn__grouped-last btn__secondary btn__compound-action"> <span class="cf-icon cf-icon-down btn__grouped-last"></span> </button> +
+ + +
@@ -683,6 +763,10 @@

Super button style

<button class="btn btn__grouped-last btn__super btn__compound-action"> <span class="cf-icon cf-icon-down btn__grouped-last"></span> </button> +
+ + +
@@ -731,6 +815,10 @@

Default state

<a href="#" class="btn btn__link">Anchor Tag</a>
 <button class="btn btn__link">Button Tag</button>
 <input type="button" value="Input Tag" class="btn btn__link">
+
+ + +
@@ -745,6 +833,10 @@

Hovered state

<a href="#" class="btn btn__link hover">Anchor Tag</a>
 <button class="btn btn__link hover">Button Tag</button>
 <input type="button" value="Input Tag" class="btn btn__link hover">
+
+ + +
@@ -759,6 +851,10 @@

Focused state

<a href="#" class="btn btn__link focus">Anchor Tag</a>
 <button class="btn btn__link focus">Button Tag</button>
 <input type="button" value="Input Tag" class="btn btn__link focus">
+
+ + +
@@ -773,6 +869,10 @@

Active state

<a href="#" class="btn btn__link active">Anchor Tag</a>
 <button class="btn btn__link active">Button Tag</button>
 <input type="button" value="Input Tag" class="btn btn__link active">
+
+ + +
@@ -833,6 +933,10 @@

Default state

<a href="#" class="btn btn__link btn__warning">Anchor Tag</a>
 <button class="btn btn__link btn__warning">Button Tag</button>
 <input type="button" value="Input Tag" class="btn btn__link btn__warning">
+
+ + +
@@ -847,6 +951,10 @@

Hovered state

<a href="#" class="btn btn__link btn__warning hover">Anchor Tag</a>
 <button class="btn btn__link btn__warning hover">Button Tag</button>
 <input type="button" value="Input Tag" class="btn btn__link btn__warning hover">
+
+ + +
@@ -861,6 +969,10 @@

Focused state

<a href="#" class="btn btn__link btn__warning focus">Anchor Tag</a>
 <button class="btn btn__link btn__warning focus">Button Tag</button>
 <input type="button" value="Input Tag" class="btn btn__link btn__warning focus">
+
+ + +
@@ -875,6 +987,10 @@

Active state

<a href="#" class="btn btn__link btn__warning active">Anchor Tag</a>
 <button class="btn btn__link btn__warning active">Button Tag</button>
 <input type="button" value="Input Tag" class="btn btn__link btn__warning active">
+
+ + +
diff --git a/docs/static/docs/docs.css b/docs/static/docs/docs.css index d704bff..05e7aed 100644 --- a/docs/static/docs/docs.css +++ b/docs/static/docs/docs.css @@ -144,6 +144,20 @@ pre { border-radius: 0; background: transparent; } +.docs-pattern_footer-edit { + position: relative; +} +.docs-pattern_footer-edit-btn { + position: absolute; + right: -2.3em; + bottom: 0; + border: 1px solid #e3e4e5; + border-top-left-radius: 3px; + background: transparent; + color: #75787b; + font-family: source-code-pro, 'Source Code Pro', Courier, monospace; + font-size: 10px; +} /* Notes and code ========================================================================== */ .docs-code { diff --git a/package.json b/package.json index 255c8f5..3ea8666 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "devDependencies": { - "cf-component-demo": "git://github.com/cfpb/cf-component-demo.git#0.7.7", + "cf-component-demo": "git://github.com/cfpb/cf-component-demo.git#0.8.0", "cf-grunt-config": "git://github.com/cfpb/cf-grunt-config.git#0.2.3", "glob": "~3.2.9", "grunt": "~0.4.4",