RubyGems - playbook_ui - Versions diffs - 7.10.0 → 7.12.1 - Mend

playbook_ui 7.10.0 → 7.12.1

Files changed (357) hide show

data/app/pb_kits/playbook/pb_badge/docs/_badge_default.jsx CHANGED

@@ -5,25 +5,25 @@ const BadgeDefault = (props) => {
   return (
     <div>
       <Badge
-          {...props}
           text="+1"
           variant="primary"
+          {...props}
       />
       &nbsp;
       <Badge
-          {...props}
           text="+4"
           variant="primary"
+          {...props}
       />
       &nbsp;
       <Badge
-          {...props}
           text="+1000"
           variant="primary"
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_badge/docs/_badge_rounded.jsx CHANGED

@@ -5,28 +5,28 @@ const BadgeRounded = (props) => {
   return (
     <div>
       <Badge
-          {...props}
           rounded
           text="+1"
           variant="primary"
+          {...props}
       />
       &nbsp;
       <Badge
-          {...props}
           rounded
           text="+4"
           variant="primary"
+          {...props}
       />
       &nbsp;
       <Badge
-          {...props}
           rounded
           text="+1000"
           variant="primary"
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_default.jsx CHANGED

@@ -18,7 +18,7 @@ const chartData = [{
   data: [1111, 677, 3245, 500, 200],
 }]
-const BarGraphDefault = () => (
+const BarGraphDefault = (props) => (
   <div>
     <BarGraph
         axisTitle="Number of Employees"
@@ -28,6 +28,7 @@ const BarGraphDefault = () => (
         title="Solar Employment Growth by Sector, 2010-2016"
         xAxisCategories={['Jan', 'Feb', 'Mar', 'Apr', 'May']}
         yAxisMin={0}
+        {...props}
     />
   </div>
 )

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_height.jsx CHANGED

@@ -6,7 +6,7 @@ const chartData = [{
   data: [1475, 200, 3000, 654, 656],
 }]
-const BarGraphDefault = () => (
+const BarGraphDefault = (props) => (
   <div>
     <BarGraph
         axisTitle="Number of Employees"
@@ -16,6 +16,7 @@ const BarGraphDefault = () => (
         title="Fixed Height (300px)"
         xAxisCategories={['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']}
         yAxisMin={0}
+        {...props}
     />
     <br />
@@ -29,6 +30,7 @@ const BarGraphDefault = () => (
         title="Percentage Height (50%)"
         xAxisCategories={['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']}
         yAxisMin={0}
+        {...props}
     />
   </div>
 )

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend.jsx CHANGED

@@ -6,7 +6,7 @@ const chartData = [{
   data: [1475, 200, 3000, 654, 656],
 }]
-const BarGraphLegend = () => (
+const BarGraphLegend = (props) => (
   <div>
     <BarGraph
         axisTitle="Number of Employees"
@@ -16,6 +16,7 @@ const BarGraphLegend = () => (
         title="Bar Graph with Legend"
         xAxisCategories={['Jan', 'Feb', 'Mar', 'Apr', 'May']}
         yAxisMin={0}
+        {...props}
     />
   </div>
 )

data/app/pb_kits/playbook/pb_bar_graph/docs/_bar_graph_legend_non_clickable.jsx CHANGED

@@ -6,7 +6,7 @@ const chartData = [{
   data: [1475, 200, 3000, 654, 656],
 }]
-const BarGraphLegendNonClickable = () => (
+const BarGraphLegendNonClickable = (props) => (
   <div>
     <BarGraph
         axisTitle="Number of Employees"
@@ -17,6 +17,7 @@ const BarGraphLegendNonClickable = () => (
         toggleLegendClick={false}
         xAxisCategories={['Jan', 'Feb', 'Mar', 'Apr', 'May']}
         yAxisMin={0}
+        {...props}
     />
   </div>
 )

data/app/pb_kits/playbook/pb_body/docs/_body_light.jsx CHANGED

@@ -5,28 +5,28 @@ const BodyLight = (props) => {
   return (
     <div>
       <Body
-          {...props}
           text="I am a body kit (Default)"
+          {...props}
       />
       <Body
-          {...props}
           color="light"
           text="I am a body kit (Light)"
+          {...props}
       />
       <Body
-          {...props}
           color="lighter"
           text="I am a body kit (Lighter)"
+          {...props}
       />
       <Body
-          {...props}
           status="negative"
           text="I am a body kit (Status: negative)"
+          {...props}
       />
       <Body
-          {...props}
           status="positive"
           text="I am a body kit (Status: positive)"
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_button/docs/_button_accessibility.jsx CHANGED

@@ -4,11 +4,11 @@ import { Button } from '../../'
 const ButtonAccessibility = (props) => (
   <div>
     <Button
-        {...props}
         aria={{ label: 'button' }}
         link="https://google.com"
         tag="a"
         text="Button with ARIA"
+        {...props}
     />
   </div>
 )

data/app/pb_kits/playbook/pb_button/docs/_button_block_content.jsx CHANGED

@@ -4,10 +4,10 @@ import { Button } from '../../'
 const ButtonBlockContent = (props) => (
   <div>
     <Button
-        {...props}
         fixedWidth
         icon="users"
         text="Button with Block Content"
+        {...props}
     />
   </div>
 )

data/app/pb_kits/playbook/pb_button/docs/_button_default.jsx CHANGED

@@ -4,10 +4,10 @@ import { Button } from '../../'
 const ButtonDefault = (props) => (
   <div>
     <Button
-        {...props}
         marginRight="xl"
         onClick={() => alert('button clicked!')}
         text="Button Primary"
+        {...props}
     />
     {' '}
     <Button

data/app/pb_kits/playbook/pb_button/docs/_button_full_width.jsx CHANGED

@@ -4,9 +4,9 @@ import { Button } from '../../'
 const ButtonFullWidth = (props) => (
   <div>
     <Button
-        {...props}
         fullWidth
         text="Button Full Width"
+        {...props}
     />
   </div>
 )

data/app/pb_kits/playbook/pb_button/docs/_button_link.jsx CHANGED

@@ -4,23 +4,23 @@ import { Button } from '../../'
 const ButtonLink = (props) => (
   <div>
     <Button
-        {...props}
         link="https://google.com"
         text="A Tag Button"
+        {...props}
     />
     {' '}
     <Button
-        {...props}
         link="https://google.com"
         newWindow
         text="Open in New Window"
+        {...props}
     />
     {' '}
     <Button
-        {...props}
         disabled
         link="https://google.com"
         text="A Tag Button Disabled"
+        {...props}
     />
   </div>
 )

data/app/pb_kits/playbook/pb_button/docs/_button_loading.jsx CHANGED

@@ -4,23 +4,23 @@ import { Button } from '../../'
 const ButtonLoading = (props) => (
   <div>
     <Button
-        {...props}
         loading
         text="Button Primary"
+        {...props}
     />
     {' '}
     <Button
-        {...props}
         loading
         text="Button Secondary"
         variant="secondary"
+        {...props}
     />
     {' '}
     <Button
-        {...props}
         loading
         text="A Tag Button Disabled"
         variant="link"
+        {...props}
     />
   </div>
 )

data/app/pb_kits/playbook/pb_button/docs/_button_options.jsx CHANGED

@@ -4,11 +4,11 @@ import Button from '../_button.jsx'
 const ButtonOptions = (props) => (
   <div>
     <Button
-        {...props}
         htmlType="submit"
         onClick={() => alert('Click!')}
         text="Button with options"
         value="1234"
+        {...props}
     />
   </div>
 )

data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_default.jsx CHANGED

@@ -4,46 +4,46 @@ import { Button, ButtonToolbar } from '../..'
 const ButtonToolbarDefault = (props) => (
   <div className="pb--doc-demo-row">
     <ButtonToolbar
-        {...props}
         orientation="vertical"
+        {...props}
     >
       <Button
-          {...props}
           text="Create"
+          {...props}
       />
       <Button
-          {...props}
           text="Edit"
+          {...props}
       />
       <Button
-          {...props}
           text="Copy"
+          {...props}
       />
       <Button
-          {...props}
           text="Cut"
+          {...props}
       />
     </ButtonToolbar>
     <ButtonToolbar
-        {...props}
         orientation="horizontal"
+        {...props}
     >
       <Button
-          {...props}
           text="Create"
+          {...props}
       />
       <Button
-          {...props}
           text="Edit"
+          {...props}
       />
       <Button
-          {...props}
           text="Copy"
+          {...props}
       />
       <Button
-          {...props}
           text="Cut"
+          {...props}
       />
     </ButtonToolbar>
   </div>

data/app/pb_kits/playbook/pb_button_toolbar/docs/_button_toolbar_secondary.jsx CHANGED

@@ -4,56 +4,56 @@ import { Button, ButtonToolbar } from '../..'
 const ButtonToolbarSecondary = (props) => (
   <div className="pb--doc-demo-row">
     <ButtonToolbar
-        {...props}
         orientation="vertical"
         variant="secondary"
+        {...props}
     >
       <Button
-          {...props}
           text="Create"
           variant="secondary"
+          {...props}
       />
       <Button
-          {...props}
           text="Edit"
           variant="secondary"
+          {...props}
       />
       <Button
-          {...props}
           text="Copy"
           variant="secondary"
+          {...props}
       />
       <Button
-          {...props}
           text="Cut"
           variant="secondary"
+          {...props}
       />
     </ButtonToolbar>
     <ButtonToolbar
-        {...props}
         orientation="horizontal"
         variant="secondary"
+        {...props}
     >
       <Button
-          {...props}
           text="Create"
           variant="secondary"
+          {...props}
       />
       <Button
-          {...props}
           text="Edit"
           variant="secondary"
+          {...props}
       />
       <Button
-          {...props}
           text="Copy"
           variant="secondary"
+          {...props}
       />
       <Button
-          {...props}
           text="Cut"
           variant="secondary"
+          {...props}
       />
     </ButtonToolbar>
   </div>

data/app/pb_kits/playbook/pb_caption/docs/_caption_block.jsx CHANGED

@@ -9,15 +9,15 @@ const CaptionBlock = (props) => {
       </Caption>
       <Caption
-          {...props}
           size="lg"
+          {...props}
       >
         {'Large Block'}
       </Caption>
       <Caption
-          {...props}
           size="xs"
+          {...props}
       >
         {'Subcaption Block'}
       </Caption>

data/app/pb_kits/playbook/pb_caption/docs/_caption_light.jsx CHANGED

@@ -5,18 +5,18 @@ const CaptionLight = (props) => {
   return (
     <div>
       <Caption
-          {...props}
           text="Caption"
+          {...props}
       />
       <Caption
-          {...props}
           size="lg"
           text="Caption Large"
+          {...props}
       />
       <Caption
-          {...props}
           size="xs"
           text="Subcaption"
+          {...props}
       />
     </div>
   )