RubyGems - playbook_ui - Versions diffs - 7.11.1 → 7.12.0 - Mend

playbook_ui 7.11.1 → 7.12.0

Files changed (293) hide show

data/app/pb_kits/playbook/pb_icon/docs/_icon_animate.jsx CHANGED

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Icon } from '../../'
-const IconAnimate = () => {
+const IconAnimate = (props) => {
   return (
     <div>
       <p>
@@ -10,6 +10,7 @@ const IconAnimate = () => {
             icon="spinner"
             size="2x"
             spin
+            {...props}
         />
         {' '}
         <span>{'Spin'}</span>
@@ -21,6 +22,7 @@ const IconAnimate = () => {
             icon="spinner"
             pulse
             size="2x"
+            {...props}
         />
         {' '}
         <span>{'Pulse'}</span>

data/app/pb_kits/playbook/pb_icon/docs/_icon_border.jsx CHANGED

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Icon } from '../../'
-const IconBorder = () => {
+const IconBorder = (props) => {
   return (
     <div>
       <Icon
@@ -9,6 +9,7 @@ const IconBorder = () => {
           fixedWidth
           icon="user"
           size="2x"
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_icon/docs/_icon_default.jsx CHANGED

@@ -1,12 +1,13 @@
 import React from 'react'
 import { Icon } from '../../'
-const IconDefault = () => {
+const IconDefault = (props) => {
   return (
     <div>
       <Icon
           fixedWidth
           icon="user"
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_icon/docs/_icon_default_dark.jsx CHANGED

@@ -1,13 +1,14 @@
 import React from 'react'
 import { Body, Icon } from '../../'
-const IconDefaultDark = () => {
+const IconDefaultDark = (props) => {
   return (
     <div>
       <Body dark>
         <Icon
             fixedWidth
             icon="user"
+            {...props}
         />
       </Body>
     </div>

data/app/pb_kits/playbook/pb_icon/docs/_icon_flip.jsx CHANGED

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Icon } from '../../'
-const IconFlip = () => {
+const IconFlip = (props) => {
   return (
     <div>
       <Icon
@@ -9,18 +9,21 @@ const IconFlip = () => {
           flip="horizontal"
           icon="question-circle"
           size="2x"
+          {...props}
       />
       <Icon
           fixedWidth
           flip="vertical"
           icon="question-circle"
           size="2x"
+          {...props}
       />
       <Icon
           fixedWidth
           flip="both"
           icon="question-circle"
           size="2x"
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_icon/docs/_icon_pull.jsx CHANGED

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Icon } from '../../'
-const IconPull = () => {
+const IconPull = (props) => {
   return (
     <div>
       <Icon
@@ -9,12 +9,14 @@ const IconPull = () => {
           icon="arrow-left"
           pull="left"
           size="2x"
+          {...props}
       />
       <Icon
           fixedWidth
           icon="arrow-right"
           pull="right"
           size="2x"
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_icon/docs/_icon_rotate.jsx CHANGED

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Icon } from '../../'
-const IconRotate = () => {
+const IconRotate = (props) => {
   return (
     <div>
       <Icon
@@ -9,18 +9,21 @@ const IconRotate = () => {
           icon="user"
           rotation={90}
           size="2x"
+          {...props}
       />
       <Icon
           fixedWidth
           icon="user"
           rotation={180}
           size="2x"
+          {...props}
       />
       <Icon
           fixedWidth
           icon="user"
           rotation={270}
           size="2x"
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_icon/docs/_icon_sizes.jsx CHANGED

@@ -1,13 +1,14 @@
 import React from 'react'
 import { Icon } from '../../'
-const IconSizes = () => {
+const IconSizes = (props) => {
   return (
     <div>
       <p>
         <Icon
             icon="user"
             size="lg"
+            {...props}
         />
         {' '}
         <span>{'Large'}</span>
@@ -16,6 +17,7 @@ const IconSizes = () => {
         <Icon
             icon="user"
             size="sm"
+            {...props}
         />
         {' '}
         <span>{'Small'}</span>
@@ -24,6 +26,7 @@ const IconSizes = () => {
         <Icon
             icon="user"
             size="xs"
+            {...props}
         />
         {' '}
         <span>{'XSmall'}</span>
@@ -36,6 +39,7 @@ const IconSizes = () => {
         <Icon
             icon="user"
             size="1x"
+            {...props}
         />
         {' '}
         <span>{'1x'}</span>
@@ -44,6 +48,7 @@ const IconSizes = () => {
         <Icon
             icon="user"
             size="2x"
+            {...props}
         />
         {' '}
         <span>{'2x'}</span>
@@ -52,6 +57,7 @@ const IconSizes = () => {
         <Icon
             icon="user"
             size="3x"
+            {...props}
         />
         {' '}
         <span>{'3x'}</span>
@@ -60,6 +66,7 @@ const IconSizes = () => {
         <Icon
             icon="user"
             size="4x"
+            {...props}
         />
         {' '}
         <span>{'4x'}</span>
@@ -68,6 +75,7 @@ const IconSizes = () => {
         <Icon
             icon="user"
             size="5x"
+            {...props}
         />
         {' '}
         <span>{'5x'}</span>
@@ -76,6 +84,7 @@ const IconSizes = () => {
         <Icon
             icon="user"
             size="6x"
+            {...props}
         />
         {' '}
         <span>{'6x'}</span>
@@ -84,6 +93,7 @@ const IconSizes = () => {
         <Icon
             icon="user"
             size="7x"
+            {...props}
         />
         {' '}
         <span>{'7x'}</span>
@@ -92,6 +102,7 @@ const IconSizes = () => {
         <Icon
             icon="user"
             size="8x"
+            {...props}
         />
         {' '}
         <span>{'8x'}</span>
@@ -100,6 +111,7 @@ const IconSizes = () => {
         <Icon
             icon="user"
             size="9x"
+            {...props}
         />
         {' '}
         <span>{'9x'}</span>
@@ -108,6 +120,7 @@ const IconSizes = () => {
         <Icon
             icon="user"
             size="10x"
+            {...props}
         />
         {' '}
         <span>{'10x'}</span>

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color.jsx CHANGED

@@ -1,49 +1,56 @@
 import React from 'react'
 import { IconCircle } from '../../'
-const IconCircleColor = () => {
+const IconCircleColor = (props) => {
   return (
     <div>
       <IconCircle
           icon="rocket"
           size="sm"
           variant="royal"
+          {...props}
       />
       <br />
       <IconCircle
           icon="rocket"
           size="sm"
           variant="blue"
+          {...props}
       />
       <br />
       <IconCircle
           icon="rocket"
           size="sm"
           variant="purple"
+          {...props}
       />
       <br />
       <IconCircle
           icon="rocket"
           size="sm"
           variant="teal"
+          {...props}
       />
       <br />
       <IconCircle
           icon="rocket"
           size="sm"
           variant="red"
+          {...props}
       />
       <br />
       <IconCircle
           icon="rocket"
           size="sm"
           variant="yellow"
+          {...props}
       />
       <br />
       <IconCircle
           icon="rocket"
           size="sm"
           variant="green"
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_color_dark.jsx CHANGED

@@ -1,7 +1,7 @@
 import React from 'react'
 import { IconCircle } from '../../'
-const IconCircleColorDark = () => {
+const IconCircleColorDark = (props) => {
   return (
     <div>
       <IconCircle
@@ -9,6 +9,7 @@ const IconCircleColorDark = () => {
           icon="rocket"
           size="sm"
           variant="royal"
+          {...props}
       />
       <br />
       <IconCircle
@@ -16,6 +17,7 @@ const IconCircleColorDark = () => {
           icon="rocket"
           size="sm"
           variant="blue"
+          {...props}
       />
       <br />
       <IconCircle
@@ -23,6 +25,7 @@ const IconCircleColorDark = () => {
           icon="rocket"
           size="sm"
           variant="purple"
+          {...props}
       />
       <br />
       <IconCircle
@@ -30,6 +33,7 @@ const IconCircleColorDark = () => {
           icon="rocket"
           size="sm"
           variant="teal"
+          {...props}
       />
       <br />
       <IconCircle
@@ -37,6 +41,7 @@ const IconCircleColorDark = () => {
           icon="rocket"
           size="sm"
           variant="red"
+          {...props}
       />
       <br />
       <IconCircle
@@ -44,6 +49,7 @@ const IconCircleColorDark = () => {
           icon="rocket"
           size="sm"
           variant="yellow"
+          {...props}
       />
       <br />
       <IconCircle
@@ -51,6 +57,7 @@ const IconCircleColorDark = () => {
           icon="rocket"
           size="sm"
           variant="green"
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_dark.jsx CHANGED

@@ -1,13 +1,14 @@
 import React from 'react'
 import { IconCircle } from '../../'
-const IconCircleDark = () => {
+const IconCircleDark = (props) => {
   return (
     <div>
       <IconCircle
           dark
           icon="rocket"
           size="md"
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_default.jsx CHANGED

@@ -1,12 +1,13 @@
 import React from 'react'
 import { IconCircle } from '../../'
-const IconCircleDefault = () => {
+const IconCircleDefault = (props) => {
   return (
     <div>
       <IconCircle
           icon="rocket"
           size="md"
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_icon_circle/docs/_icon_circle_sizes.jsx CHANGED

@@ -1,27 +1,31 @@
 import React from 'react'
 import { IconCircle } from '../..'
-const IconCircleSizes = () => {
+const IconCircleSizes = (props) => {
   return (
     <div>
       <IconCircle
           icon="rocket"
           size="sm"
+          {...props}
       />
       <br />
       <IconCircle
           icon="rocket"
           size="md"
+          {...props}
       />
       <br />
       <IconCircle
           icon="rocket"
           size="lg"
+          {...props}
       />
       <br />
       <IconCircle
           icon="rocket"
           size="xl"
+          {...props}
       />
     </div>
   )