playbook_ui 14.7.0.pre.alpha.spacingquickchange4482 → 14.7.0.pre.rc.0

data/app/pb_kits/playbook/pb_timeline/subcomponents/Label.tsx

@@ -1,38 +0,0 @@
-import React from 'react'
-import classnames from 'classnames'
-import { buildHtmlProps } from '../../utilities/props'
-import { globalProps, GlobalProps } from "../../utilities/globalProps"
-import DateStacked from '../../pb_date_stacked/_date_stacked'
-
-type TimelineLabelProps = {
-  date?: Date,
-  children?: React.ReactNode,
-  className?: string,
-  htmlOptions?: { [key: string]: any },
-} & GlobalProps
-
-const TimelineLabel: React.FC<TimelineLabelProps> = ({
-  date,
-  children,
-  className,
-  htmlOptions = {},
-  ...props
-}) => {
-  const htmlProps = buildHtmlProps(htmlOptions)
-  return (
-    <div
-        {...htmlProps}
-        className={classnames('pb_timeline_item_left_block', globalProps(props), className)}
-    >
-      {children}
-      {date && (
-        <DateStacked align="center"
-            date={date}
-            size="sm"
-        />
-      )}
-    </div>
-  )
-}
-
-export default TimelineLabel

data/app/pb_kits/playbook/pb_timeline/subcomponents/Step.tsx

@@ -1,42 +0,0 @@
-import React from 'react'
-import classnames from 'classnames'
-import { buildHtmlProps } from '../../utilities/props'
-import { globalProps, GlobalProps } from "../../utilities/globalProps"
-import IconCircle from '../../pb_icon_circle/_icon_circle'
-
-type TimelineStepProps = {
-  icon?: string,
-  iconColor?: 'default' | 'royal' | 'blue' | 'purple' | 'teal' | 'red' | 'yellow' | 'green',
-  children?: React.ReactNode,
-  className?: string,
-  htmlOptions?: { [key: string]: any },
-} & GlobalProps
-
-const TimelineStep: React.FC<TimelineStepProps> = ({
-  icon = 'user',
-  iconColor = 'default',
-  children,
-  className,
-  htmlOptions = {},
-  ...props
-}) => {
-  const htmlProps = buildHtmlProps(htmlOptions)
-  return (
-    <div
-        {...htmlProps}
-        className={classnames('pb_timeline_item_step', globalProps(props), className)}
-    >
-      {children ? (
-        children
-      ) : (
-        <IconCircle icon={icon}
-            size="xs"
-            variant={iconColor}
-        />
-      )}
-      <div className="pb_timeline_item_connector" />
-    </div>
-  )
-}
-
-export default TimelineStep

data/app/pb_kits/playbook/pb_timeline/subcomponents/index.tsx

@@ -1,3 +0,0 @@
-export { default as TimelineLabel } from './Label';
-export { default as TimelineDetail } from './Detail';
-export { default as TimelineStep } from './Step';