DNA-28 consume origins (#11)

* minor docs cleanup for radio and button * upgrading to latest origins 0.1.0 * button with origins * radio with origins
topcoat · Dec 8, 2016 · aa84167 · aa84167
1 parent ff64e37
commit aa84167
Show file tree

Hide file tree

Showing 13 changed files with 172 additions and 156 deletions.
diff --git a/abstract/button/docs.styl b/abstract/button/docs.styl
@@ -10,51 +10,50 @@
 */
 
 /*! topdoc
-  name: Button - Minimal
-  description: The Spectrum button in 'minimal' style (defaults to minimal + secondary)
+  name: Button - Primary
+  description: A Spectrum 'primary' button (which is also the default style)
   modifiers:
     :disabled: Disabled state
     :hover: Hover state
     :focus: Focused
   markup: |
-    <button class="spectrum-Button spectrum-Button--minimal">Button</button>
-    <button class="spectrum-Button spectrum-Button--minimal" disabled>Button</button>
+    <button class="spectrum-Button spectrum-Button--primary">Button</button>
+    <button class="spectrum-Button spectrum-Button--primary" disabled>Button</button>
   tags:
     - desktop
     - light
     - mobile
     - button
 */
 
-/*TODO: THIS IS BROKEN*/
-/* topdoc
-  name: Button (default)
-  slug: Spectrum-Button-default;
-  description: The default Spectrum button, a.k.a. a 'primary' button.
+/*! topdoc
+  name: Button - Secondary
+  description: A Spectrum 'secondary' style button
   modifiers:
     :disabled: Disabled state
     :hover: Hover state
     :focus: Focused
   markup: |
-    <button class="spectrum-Button">Button</button>
-    <button class="spectrum-Button" disabled>Button</button>
+    <button class="spectrum-Button spectrum-Button--secondary">Button</button>
+    <button class="spectrum-Button spectrum-Button--secondary" disabled>Button</button>
   tags:
     - desktop
     - light
     - mobile
     - button
 */
 
+
 /*! topdoc
-  name: Button - Primary
-  description: A Spectrum 'primary' button (which is also the default style)
+  name: Button - CTA
+  description: A Spectrum 'call-to-action' button
   modifiers:
     :disabled: Disabled state
     :hover: Hover state
     :focus: Focused
   markup: |
-    <button class="spectrum-Button spectrum-Button--primary">Button</button>
-    <button class="spectrum-Button spectrum-Button--primary" disabled>Button</button>
+    <button class="spectrum-Button spectrum-Button--cta">Button</button>
+    <button class="spectrum-Button spectrum-Button--cta" disabled>Button</button>
   tags:
     - desktop
     - light
@@ -63,15 +62,15 @@
 */
 
 /*! topdoc
-  name: Button - Secondary
-  description: The Spectrum 'secondary' style button
+  name: Button - Warning
+  description: A Spectrum button in 'warning' style
   modifiers:
     :disabled: Disabled state
     :hover: Hover state
     :focus: Focused
   markup: |
-    <button class="spectrum-Button spectrum-Button--secondary">Button</button>
-    <button class="spectrum-Button spectrum-Button--secondary" disabled>Button</button>
+    <button class="spectrum-Button spectrum-Button--warning">Button</button>
+    <button class="spectrum-Button spectrum-Button--warning" disabled>Button</button>
   tags:
     - desktop
     - light
@@ -80,15 +79,15 @@
 */
 
 /*! topdoc
-  name: Button - Warning
-  description: A Spectrum button in 'warning' style
+  name: Button - Quiet
+  description: A 'quiet' Spectrum button (defaults to quiet + primary style)
   modifiers:
     :disabled: Disabled state
     :hover: Hover state
     :focus: Focused
   markup: |
-    <button class="spectrum-Button spectrum-Button--warning">Button</button>
-    <button class="spectrum-Button spectrum-Button--warning" disabled>Button</button>
+    <button class="spectrum-Button spectrum-Button--quiet">Button</button>
+    <button class="spectrum-Button spectrum-Button--quiet" disabled>Button</button>
   tags:
     - desktop
     - light
@@ -97,15 +96,15 @@
 */
 
 /*! topdoc
-  name: Button - Quiet
-  description: A 'quiet' Spectrum button (defaults to quiet + primary style)
+  name: Button - Minimal
+  description: A 'minimal' Spectrum button (defaults to quiet + secondary style)
   modifiers:
     :disabled: Disabled state
     :hover: Hover state
     :focus: Focused
   markup: |
-    <button class="spectrum-Button spectrum-Button--quiet">Button</button>
-    <button class="spectrum-Button spectrum-Button--quiet" disabled>Button</button>
+    <button class="spectrum-Button spectrum-Button--minimal">Button</button>
+    <button class="spectrum-Button spectrum-Button--minimal" disabled>Button</button>
   tags:
     - desktop
     - light

diff --git a/abstract/button/index.styl b/abstract/button/index.styl
@@ -3,7 +3,7 @@
 $spectrum-button-radius = 16*$px
 $spectrum-button-height = 32*$px
 $spectrum-button-border = 2*$px
-$spectrum-button-box-shadow = 1*$px
+$spectrum-button-box-shadow-spread-size = 1*$px
 
 spectrum-button() {
   display: inline-block;