playbook_ui 12.19.0.pre.alpha.PLAY699zindexresponsive650 → 12.19.0.pre.alpha.movemarkdown637

data/app/pb_kits/playbook/pb_progress_pills/docs/_progress_pills_status.jsx

@@ -1,19 +0,0 @@
-import React from 'react'
-import ProgressPills from '../_progress_pills'
-
-const ProgressPillsStatus = (props) => {
-    return (
-        <>
-            <ProgressPills
-                active={2}
-                aria={{ label: '2 out of 3 steps complete' }}
-                steps={3}
-                title="Status:"
-                value="Orientation"
-                {...props}
-            />
-        </>
-    )
-}
-
-export default ProgressPillsStatus

data/app/pb_kits/playbook/pb_progress_pills/docs/example.yml

@@ -1,11 +0,0 @@
-examples:
-
-  rails:
-  - progress_pills_default: Default
-  - progress_pills_status: Status
-
-
-
-  react:
-  - progress_pills_default: Default
-  - progress_pills_status: Status

data/app/pb_kits/playbook/pb_progress_pills/docs/index.js

@@ -1,2 +0,0 @@
-export { default as ProgressPillsDefault } from './_progress_pills_default.jsx'
-export { default as ProgressPillsStatus } from './_progress_pills_status.jsx'

data/app/pb_kits/playbook/pb_progress_simple/docs/_description.md

@@ -1 +0,0 @@
-Displays the current progress of an operation flow. User understanding increases when paired with labels or numbers.

data/app/pb_kits/playbook/pb_progress_simple/docs/_footer.md

@@ -1,2 +0,0 @@
-### Things to Avoid
-Do not use as turbolinks bar.

data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_align.html.erb

@@ -1,5 +0,0 @@
-<%= pb_rails("progress_simple", props: { percent: 64.9, width: "100px" }) %>
-<br>
-<%= pb_rails("progress_simple", props: { percent: 64.9, width: "100px", align: "center" }) %>
-<br>
-<%= pb_rails("progress_simple", props: { percent: 64.9, width: "100px", align: "right" }) %>

data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_align.jsx

@@ -1,28 +0,0 @@
-import React from 'react'
-import { ProgressSimple } from '../..'
-
-const ProgressSimpleAlign = () => {
-  return (
-    <div>
-      <ProgressSimple
-          align="left"
-          percent={45}
-          width="100px"
-      />
-      <br />
-      <ProgressSimple
-          align="center"
-          percent={45}
-          width="100px"
-      />
-      <br />
-      <ProgressSimple
-          align="right"
-          percent={45}
-          width="100px"
-      />
-    </div>
-  )
-}
-
-export default ProgressSimpleAlign

data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_default.html.erb

@@ -1 +0,0 @@
-<%= pb_rails("progress_simple", props: { percent: 64.9 }) %>

data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_default.jsx

@@ -1,12 +0,0 @@
-import React from 'react'
-import { ProgressSimple } from '../..'
-
-const ProgressSimpleDefault = () => {
-  return (
-    <div>
-      <ProgressSimple percent={45} />
-    </div>
-  )
-}
-
-export default ProgressSimpleDefault

data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_muted.html.erb

@@ -1 +0,0 @@
-<%= pb_rails("progress_simple", props: { percent: 64.9, muted: true }) %>

data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_muted.jsx

@@ -1,15 +0,0 @@
-import React from 'react'
-import { ProgressSimple } from '../..'
-
-const ProgressSimpleMuted = () => {
-  return (
-    <div>
-      <ProgressSimple
-          muted
-          percent={68}
-      />
-    </div>
-  )
-}
-
-export default ProgressSimpleMuted

data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_value.html.erb

@@ -1,5 +0,0 @@
-<%= pb_rails("progress_simple", props: { percent: 64.9 }) %>
-
-<br>
-
-<%= pb_rails("progress_simple", props: { value: 2, max: 10 }) %>

data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_value.jsx

@@ -1,20 +0,0 @@
-import React from 'react'
-import { ProgressSimple } from '../..'
-
-const ProgressSimpleValue = () => {
-  return (
-    <div>
-      <ProgressSimple
-          align="left"
-          percent={68}
-      />
-      <br />
-      <ProgressSimple
-          max="10"
-          value="2"
-      />
-    </div>
-  )
-}
-
-export default ProgressSimpleValue

data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.html.erb

@@ -1,14 +0,0 @@
-<%= pb_rails("progress_simple", props: { percent: 64.9, variant: "default" }) %>
-
-<br>
-
-<%= pb_rails("progress_simple", props: { percent: 90, variant: "positive" }) %>
-
-<br>
-
-<%= pb_rails("progress_simple", props: { percent: 10, variant: "negative" }) %>
-
-<br>
-
-<%= pb_rails("progress_simple", props: { percent: 40, variant: "warning" }) %>
-

data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.jsx

@@ -1,33 +0,0 @@
-import React from 'react'
-import { ProgressSimple } from '../..'
-
-const ProgressSimpleVariants = () => {
-  return (
-    <div>
-      <ProgressSimple percent={64.5} />
-
-      <br />
-
-      <ProgressSimple
-          percent={90}
-          variant="positive"
-      />
-
-      <br />
-
-      <ProgressSimple
-          percent={10}
-          variant="negative"
-      />
-
-      <br />
-
-      <ProgressSimple
-          percent={40}
-          variant="warning"
-      />
-    </div>
-  )
-}
-
-export default ProgressSimpleVariants

data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_variants.md

@@ -1 +0,0 @@
-Progress Simple can pass colors - primary, green, red, and yellow. Variants names are `default`, `positive`, `negative`, and `warning`, respectively.

data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_width.html.erb

@@ -1 +0,0 @@
-<%= pb_rails("progress_simple", props: { percent: 40, width: "100px" }) %>

data/app/pb_kits/playbook/pb_progress_simple/docs/_progress_simple_width.jsx

@@ -1,15 +0,0 @@
-import React from 'react'
-import { ProgressSimple } from '../..'
-
-const ProgressSimpleValue = () => {
-  return (
-    <div>
-      <ProgressSimple
-          percent={40}
-          width="100px"
-      />
-    </div>
-  )
-}
-
-export default ProgressSimpleValue

data/app/pb_kits/playbook/pb_progress_simple/docs/example.yml

@@ -1,20 +0,0 @@
-examples:
-
-  rails:
-  - progress_simple_default: Default
-  - progress_simple_value: Setting Values
-  - progress_simple_width: Progress Bar Width
-  - progress_simple_variants: Variants
-  - progress_simple_muted: Muted
-  - progress_simple_align: Align
-
-
-  react:
-  - progress_simple_default: Default
-  - progress_simple_value: Setting Values
-  - progress_simple_width: Progress Bar Width
-  - progress_simple_variants: Variants
-  - progress_simple_muted: Muted
-  - progress_simple_align: Align
-
-

data/app/pb_kits/playbook/pb_progress_simple/docs/index.js

@@ -1,7 +0,0 @@
-export { default as ProgressSimpleAlign } from './_progress_simple_align.jsx'
-export { default as ProgressSimpleDefault } from './_progress_simple_default.jsx'
-export { default as ProgressSimpleMuted } from './_progress_simple_muted.jsx'
-export { default as ProgressSimpleValue } from './_progress_simple_value.jsx'
-export { default as ProgressSimpleWidth } from './_progress_simple_width.jsx'
-export { default as ProgressSimpleVariants } from './_progress_simple_variants.jsx'
-

data/app/pb_kits/playbook/pb_progress_step/docs/_description.md

@@ -1,5 +0,0 @@
-Progress step kit is used to show the progress of a process. There are three types of steps in this kit: completed, active, and inactive. Completed steps are indicated by a solid, blue circle (with or without an icon). The current, or active, step is indicated by an outlined blue circle. The inactive, or future, step is indicated by a solid gray circle. 
-
-**Tracker**
-You must set the icon prop to true for this kit.
-This variant takes children just like the default progress step. It is best to use the caption kit for children in this variant.

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_custom_icon.html.erb

@@ -1,12 +0,0 @@
-<br><br>
-<%= pb_rails("progress_step",props:{ variant:"tracker", icon:true}) do %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete"}) do %>
-      <%= pb_rails("caption", props:{text: "Ordered"})%>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "active", icon: "exclamation-triangle"}) do %>
-      <%= pb_rails("caption", props:{text: "Shipped"})%>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "inactive"}) do %>
-      <%= pb_rails("caption", props:{text: "Delivered"})%>
-  <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.html.erb

@@ -1,45 +0,0 @@
-
-<%= pb_rails("progress_step", props: {orientation: "horizontal"}) do %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete"}) do %>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "active"}) do %>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "inactive"}) do %>
-  <% end %>
-<% end %>
-
-<br /><br />
-
-
-<%= pb_rails("progress_step", props: {orientation: "horizontal"}) do %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete"}) do %>
-  step 1
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete"}) do %>
-  step 2
-  <% end %>
-   <%= pb_rails("progress_step/progress_step_item", props: {status: "active"}) do %>
-  step 3
-  <% end %>
-   <%= pb_rails("progress_step/progress_step_item", props: {status: "inactive"}) do %>
-  step 4
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "inactive"}) do %>
-  step 5
-  <% end %>
-<% end %>
-
-<br /><br />
-
-
-<%= pb_rails("progress_step", props: {orientation: "horizontal", icon:true }) do %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete"}) do %>
-  step 1
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete"}) do %>
-  step 2
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete"}) do %>
-  step 3
-  <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_default.jsx

@@ -1,31 +0,0 @@
-import React from 'react'
-
-import ProgressStep from '../_progress_step.tsx'
-import ProgressStepItem from '../_progress_step_item.tsx'
-
-const ProgressStepDefault = (props) => (
-  <div>
-    <ProgressStep
-        icon
-        {...props}
-    >
-      <ProgressStepItem status="complete" />
-      <ProgressStepItem status="active" />
-      <ProgressStepItem status="inactive" />
-    </ProgressStep>
-
-    <br />
-    <br />
-
-    <ProgressStep {...props}>
-      <ProgressStepItem status="complete">{'Step 1'}</ProgressStepItem>
-      <ProgressStepItem status="active">{'Step 2'}</ProgressStepItem>
-      <ProgressStepItem status="inactive">{'Step 3'}</ProgressStepItem>
-    </ProgressStep>
-
-    <br />
-    <br />
-  </div>
-)
-
-export default ProgressStepDefault

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tooltip.html.erb

@@ -1,59 +0,0 @@
-<%= pb_rails("progress_step", props: {orientation: "horizontal"}) do %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete", classname: "tooltip-trigger-1", tooltip: "Tooltip for step 1", tooltip_position: "right", step_direction: "horizontal" }) do %>
-  step 1
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete", classname: "tooltip-trigger-2", tooltip: "Tooltip for step 2", step_direction: "horizontal" }) do %>
-  step 2
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "active", classname: "tooltip-trigger-3", tooltip: "Tooltip for step 3", tooltip_position: "left", step_direction: "horizontal" }) do %>
-  step 3
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "inactive", classname: "tooltip-trigger-4", tooltip: "Tooltip for step 4", tooltip_position: "bottom" }) do %>
-  step 4
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "inactive", classname: "tooltip-trigger-5", tooltip: "Tooltip for step 5" }) do %>
-  step 5
-  <% end %>
-<% end %>
-
-<br /><br />
-
-<%= pb_rails("progress_step", props: {orientation: "vertical"}) do %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete", classname: "tooltip-trigger-6", tooltip: "Tooltip step 1", step_direction: "vertical" }) do %>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "active", classname: "tooltip-trigger-7", tooltip: "Tooltip step 2", tooltip_position: "left"}) do %>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "inactive", classname: "tooltip-trigger-8", tooltip: "Tooltip step 3", tooltip_position: "top", step_direction: "vertical" }) do %>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "inactive", classname: "tooltip-trigger-9", tooltip: "Tooltip step 4", tooltip_position: "bottom"}) do %>
-  <% end %>
-<% end %>
-
-<br /><br>
-<%= pb_rails("progress_step",props:{ variant:"tracker", icon:true}) do %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete", classname: "tooltip-trigger-10", tooltip: "The order has been received", step_direction: "horizontal" , tooltip_position: "right"  }) do %>
-      <%= pb_rails("caption", props:{text: "Ordered"})%>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "active", classname: "tooltip-trigger-11", tooltip:"Item(s) have been shipped" }) do %>
-      <%= pb_rails("caption", props:{text: "Shipped"})%>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "inactive", classname: "tooltip-trigger-12", tooltip:"This step has not been reached", tooltip_position: "left" }) do %>
-      <%= pb_rails("caption", props:{text: "Delivered"})%>
-  <% end %>
-<% end %>
-
-<br /><br>
-<%= pb_rails("progress_step",props:{ variant:"tracker", icon:true}) do %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete", classname: "tooltip-trigger-13", tooltip: "The order has been processed", tooltip_position: "right" }) do %>
-      <%= pb_rails("caption", props:{text: "Ordered"})%>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "active", icon: "exclamation-triangle", classname: "tooltip-trigger-14", tooltip: "More details needed before shipment", tooltip_position: "bottom" }) do %>
-      <%= pb_rails("caption", props:{text: "Shipped"})%>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "inactive", classname: "tooltip-trigger-15", tooltip: "This step is inactive"}) do %>
-      <%= pb_rails("caption", props:{text: "Out for Delivery"})%>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "inactive", classname: "tooltip-trigger-16", tooltip: "Estimated delivery: Jun 27", tooltip_position: "left"}) do %>
-      <%= pb_rails("caption", props:{text: "Delivered"})%>
-  <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.html.erb

@@ -1,27 +0,0 @@
-<br><br>
-<%= pb_rails("progress_step",props:{ variant:"tracker", icon:true}) do %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete"}) do %>
-      <%= pb_rails("caption", props:{text: "Ordered"})%>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "active"}) do %>
-      <%= pb_rails("caption", props:{text: "Shipped"})%>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "inactive"}) do %>
-      <%= pb_rails("caption", props:{text: "Delivered"})%>
-  <% end %>
-<% end %>
-
-<br>
-
-<%= pb_rails("progress_step",props:{ variant:"tracker", icon:true}) do %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete"}) do %>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete"}) do %>
-  <% end %>
-    <%= pb_rails("progress_step/progress_step_item", props: {status: "hidden"}) do %>
-  <% end %>
-    <%= pb_rails("progress_step/progress_step_item", props: {status: "active"}) do %>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "inactive"}) do %>
-  <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker.jsx

@@ -1,42 +0,0 @@
-import React from 'react'
-
-import ProgressStep from '../_progress_step.tsx'
-import ProgressStepItem from '../_progress_step_item'
-
-import Caption from '../../pb_caption/_caption'
-
-const ProgressStepTracker = (props) => (
-  <div>
-    <br />
-    <ProgressStep
-        icon
-        variant="tracker"
-        {...props}
-    >
-      <ProgressStepItem status="complete">
-        <Caption>{'Ordered'}</Caption>
-      </ProgressStepItem>
-      <ProgressStepItem status="active">
-        <Caption>{'Shipped'}</Caption>
-      </ProgressStepItem>
-      <ProgressStepItem status="inactive">
-        <Caption>{'Delivered'}</Caption>
-      </ProgressStepItem>
-    </ProgressStep>
-
-    <br />
-    <ProgressStep
-        icon
-        variant="tracker"
-        {...props}
-    >
-      <ProgressStepItem status="complete" />
-      <ProgressStepItem status="complete" />
-      <ProgressStepItem status="hidden" />
-      <ProgressStepItem status="active" />
-      <ProgressStepItem status="inactive" />
-    </ProgressStep>
-  </div>
-)
-
-export default ProgressStepTracker

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_tracker_click_events.jsx

@@ -1,52 +0,0 @@
-import React, { useState } from 'react'
-
-import ProgressStep from '../_progress_step.tsx'
-import ProgressStepItem from '../_progress_step_item'
-
-import Caption from '../../pb_caption/_caption'
-import Button from '../../pb_button/_button'
-
-const ProgressStepTrackerClickEvents = (props) => {
-  const [warning, setWarning] = useState(false)
-  const showWarning = warning == true
-  const WarningIcon = (
-    <ProgressStepItem
-        icon="exclamation-triangle"
-        key={Math.random()}
-        status="active"
-    >
-      <Caption>{'Shipped'}</Caption>
-    </ProgressStepItem>
-  )
-  const CheckedIcon = (
-    <ProgressStepItem
-        key={Math.random()}
-        status="active"
-    >
-      <Caption>{'Shipped'}</Caption>
-    </ProgressStepItem>
-  )
-  return (
-    <div>
-      <Button onClick={() => setWarning(!warning)}>{'Toggle State'}</Button>
-      <br />
-      <br />
-      <br />
-      <ProgressStep
-          icon
-          variant="tracker"
-          {...props}
-      >
-        <ProgressStepItem status="complete">
-          <Caption>{'Ordered'}</Caption>
-        </ProgressStepItem>
-        {showWarning ? WarningIcon : CheckedIcon}
-        <ProgressStepItem status="inactive">
-          <Caption>{'Delivered'}</Caption>
-        </ProgressStepItem>
-      </ProgressStep>
-    </div>
-  )
-}
-
-export default ProgressStepTrackerClickEvents

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.html.erb

@@ -1,39 +0,0 @@
-<%= pb_rails("progress_step", props: {orientation: "vertical", icon: true}) do %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete"}) do %>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "active"}) do %>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "inactive"}) do %>
-  <% end %>
-<% end %>
-
-<br />
-
-<%= pb_rails("progress_step", props: {orientation: "vertical"}) do %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete"}) do %>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "active"}) do %>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "inactive"}) do %>
-  <% end %>
-<% end %>
-
-<br />
-
-<%= pb_rails("progress_step", props: {orientation: "vertical"}) do %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "complete"}) do %>
-    Child
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "active"}) do %>
-    <%= pb_rails("card", props: {highlight: {position: "side", color:"windows"}}) do %>
-  Card content
-<% end %>
-<br>
-<%= pb_rails("card", props: {highlight: {position: "side", color:"windows"}}) do %>
-  Card content
-<% end %>
-  <% end %>
-  <%= pb_rails("progress_step/progress_step_item", props: {status: "inactive"}) do %>
-    Child
-  <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_progress_step/docs/_progress_step_vertical.jsx

@@ -1,48 +0,0 @@
-import React from 'react'
-
-import ProgressStep from '../_progress_step.tsx'
-import ProgressStepItem from '../_progress_step_item.tsx'
-
-const ProgressStepVertical = (props) => (
-  <div>
-    <ProgressStep
-        icon
-        orientation="vertical"
-        {...props}
-    >
-      <ProgressStepItem status="complete" />
-      <ProgressStepItem status="active" />
-      <ProgressStepItem status="inactive" />
-    </ProgressStep>
-
-    <br />
-
-    <ProgressStep
-        orientation="vertical"
-        {...props}
-    >
-      <ProgressStepItem status="complete" />
-      <ProgressStepItem status="active" />
-      <ProgressStepItem status="inactive" />
-    </ProgressStep>
-
-    <br />
-
-    <ProgressStep
-        orientation="vertical"
-        {...props}
-    >
-      <ProgressStepItem status="complete">
-        {'Child'}
-      </ProgressStepItem>
-      <ProgressStepItem status="active">
-        {'Child'}
-      </ProgressStepItem>
-      <ProgressStepItem status="inactive">
-        {'Child'}
-      </ProgressStepItem>
-    </ProgressStep>
-  </div>
-)
-
-export default ProgressStepVertical

data/app/pb_kits/playbook/pb_progress_step/docs/example.yml

@@ -1,13 +0,0 @@
-examples:
-  rails:
-  - progress_step_default: Default
-  - progress_step_vertical: Vertical
-  - progress_step_tracker: Tracker
-  - progress_step_custom_icon: Custom Icon
-  - progress_step_tooltip: Tooltip
-
-  react:
-  - progress_step_default: Default
-  - progress_step_vertical: Vertical
-  - progress_step_tracker: Tracker
-  - progress_step_tracker_click_events: Using State

data/app/pb_kits/playbook/pb_progress_step/docs/index.js

@@ -1,4 +0,0 @@
-export { default as ProgressStepDefault } from './_progress_step_default.jsx'
-export { default as ProgressStepVertical } from './_progress_step_vertical.jsx'
-export { default as ProgressStepTracker } from './_progress_step_tracker.jsx'
-export { default as ProgressStepTrackerClickEvents } from './_progress_step_tracker_click_events.jsx'

data/app/pb_kits/playbook/pb_radio/docs/_description.md

@@ -1 +0,0 @@
-Radio is a control that allows the user to only choose one predefined option.

data/app/pb_kits/playbook/pb_radio/docs/_footer.md

@@ -1,2 +0,0 @@
-### Things to Avoid
-Try to avoid using if you have nested options.