playbook_ui 13.14.0.pre.alpha.play1101betaicons1825 → 13.14.0.pre.alpha.play1106filter1748

data/lib/playbook/classnames.rb

@@ -36,7 +36,6 @@ module Playbook
         border_radius_props,
         text_align_props,
         overflow_props,
-        truncate_props,
       ].compact.join(" ")
     end
 

data/lib/playbook/kit_base.rb

@@ -24,7 +24,6 @@ require "playbook/hover"
 require "playbook/border_radius"
 require "playbook/text_align"
 require "playbook/overflow"
-require "playbook/truncate"
 
 module Playbook
   class KitBase < ViewComponent::Base
@@ -54,7 +53,6 @@ module Playbook
     include Playbook::BorderRadius
     include Playbook::TextAlign
     include Playbook::Overflow
-    include Playbook::Truncate
 
     prop :id
     prop :data, type: Playbook::Props::HashProp, default: {}

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "13.14.0"
-  VERSION = "13.14.0.pre.alpha.play1101betaicons1825"
+  VERSION = "13.14.0.pre.alpha.play1106filter1748"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.14.0.pre.alpha.play1101betaicons1825
+  version: 13.14.0.pre.alpha.play1106filter1748
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-01-05 00:00:00.000000000 Z
+date: 2023-12-21 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -383,43 +383,6 @@ files:
 - app/pb_kits/playbook/pb_bar_graph/docs/_description.md
 - app/pb_kits/playbook/pb_bar_graph/docs/example.yml
 - app/pb_kits/playbook/pb_bar_graph/docs/index.js
-- app/pb_kits/playbook/pb_beta_icon/_icon.scss
-- app/pb_kits/playbook/pb_beta_icon/_icon.tsx
-- app/pb_kits/playbook/pb_beta_icon/docs/_description.md
-- app/pb_kits/playbook/pb_beta_icon/docs/_footer.md
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_animate.html.erb
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_animate.jsx
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_animate.md
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_border.html.erb
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_border.jsx
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_border_swift.md
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_custom.html.erb
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_custom.jsx
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_custom.md
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_default.html.erb
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_default.jsx
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_default_swift.md
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_fa_kit.html.erb
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_fa_kit.jsx
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_fa_kit.md
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_flip.html.erb
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_flip.jsx
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_flip_swift.md
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_props_swift.md
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_pull.html.erb
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_pull.jsx
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_pull.md
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_rotate.html.erb
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_rotate.jsx
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_rotate_swift.md
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_sizes.html.erb
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_sizes.jsx
-- app/pb_kits/playbook/pb_beta_icon/docs/_icon_sizes_swift.md
-- app/pb_kits/playbook/pb_beta_icon/docs/example.yml
-- app/pb_kits/playbook/pb_beta_icon/docs/index.js
-- app/pb_kits/playbook/pb_beta_icon/icon.html.erb
-- app/pb_kits/playbook/pb_beta_icon/icon.rb
-- app/pb_kits/playbook/pb_beta_icon/icon.test.js
 - app/pb_kits/playbook/pb_body/_body.scss
 - app/pb_kits/playbook/pb_body/_body.tsx
 - app/pb_kits/playbook/pb_body/_body_mixins.scss
@@ -497,7 +460,6 @@ files:
 - app/pb_kits/playbook/pb_button/docs/_button_reaction.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_reaction.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_reaction.md
-- app/pb_kits/playbook/pb_button/docs/_button_reaction_swift.md
 - app/pb_kits/playbook/pb_button/docs/_button_size.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_size.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_size.md
@@ -979,14 +941,12 @@ files:
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_default.html.erb
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_default.md
-- app/pb_kits/playbook/pb_dialog/docs/_dialog_default_swift.md
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.html.erb
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.jsx
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height.md
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.html.erb
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.jsx
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_full_height_placement.md
-- app/pb_kits/playbook/pb_dialog/docs/_dialog_props_table.md
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.html.erb
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.jsx
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_scrollable.md
@@ -997,14 +957,12 @@ files:
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.md
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes.html.erb
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes.jsx
-- app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes_swift.md
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_stacked_alert.html.erb
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_stacked_alert.jsx
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_stacked_alert.md
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_status.html.erb
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_status.jsx
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_status.md
-- app/pb_kits/playbook/pb_dialog/docs/_dialog_status_swift.md
 - app/pb_kits/playbook/pb_dialog/docs/example.yml
 - app/pb_kits/playbook/pb_dialog/docs/index.js
 - app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
@@ -1772,8 +1730,6 @@ files:
 - app/pb_kits/playbook/pb_person/docs/_person_default.html.erb
 - app/pb_kits/playbook/pb_person/docs/_person_default.jsx
 - app/pb_kits/playbook/pb_person/docs/_person_default.md
-- app/pb_kits/playbook/pb_person/docs/_person_default_swift.md
-- app/pb_kits/playbook/pb_person/docs/_person_props_swift.md
 - app/pb_kits/playbook/pb_person/docs/example.yml
 - app/pb_kits/playbook/pb_person/docs/index.js
 - app/pb_kits/playbook/pb_person/person.html.erb
@@ -2024,7 +1980,6 @@ files:
 - app/pb_kits/playbook/pb_select/docs/_select_custom_select.jsx
 - app/pb_kits/playbook/pb_select/docs/_select_default.html.erb
 - app/pb_kits/playbook/pb_select/docs/_select_default.jsx
-- app/pb_kits/playbook/pb_select/docs/_select_default_swift.md
 - app/pb_kits/playbook/pb_select/docs/_select_disabled.html.erb
 - app/pb_kits/playbook/pb_select/docs/_select_disabled.jsx
 - app/pb_kits/playbook/pb_select/docs/_select_disabled_options.html.erb
@@ -2032,7 +1987,6 @@ files:
 - app/pb_kits/playbook/pb_select/docs/_select_error.html.erb
 - app/pb_kits/playbook/pb_select/docs/_select_error.jsx
 - app/pb_kits/playbook/pb_select/docs/_select_error.md
-- app/pb_kits/playbook/pb_select/docs/_select_error_swift.md
 - app/pb_kits/playbook/pb_select/docs/_select_inline.html.erb
 - app/pb_kits/playbook/pb_select/docs/_select_inline.jsx
 - app/pb_kits/playbook/pb_select/docs/_select_inline_compact.html.erb
@@ -2040,7 +1994,6 @@ files:
 - app/pb_kits/playbook/pb_select/docs/_select_multiple.html.erb
 - app/pb_kits/playbook/pb_select/docs/_select_multiple.jsx
 - app/pb_kits/playbook/pb_select/docs/_select_multiple.md
-- app/pb_kits/playbook/pb_select/docs/_select_props_table.md
 - app/pb_kits/playbook/pb_select/docs/_select_required.html.erb
 - app/pb_kits/playbook/pb_select/docs/_select_required.jsx
 - app/pb_kits/playbook/pb_select/docs/_select_value_text_same.html.erb
@@ -2606,19 +2559,14 @@ files:
 - app/pb_kits/playbook/pb_user/docs/_user_block_content_subtitle_react.md
 - app/pb_kits/playbook/pb_user/docs/_user_default.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_default.jsx
-- app/pb_kits/playbook/pb_user/docs/_user_horizontal_swift.md
-- app/pb_kits/playbook/pb_user/docs/_user_props_table.md
 - app/pb_kits/playbook/pb_user/docs/_user_size.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_size.jsx
-- app/pb_kits/playbook/pb_user/docs/_user_size_swift.md
 - app/pb_kits/playbook/pb_user/docs/_user_subtitle.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_subtitle.jsx
 - app/pb_kits/playbook/pb_user/docs/_user_text_only.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_text_only.jsx
-- app/pb_kits/playbook/pb_user/docs/_user_text_only_swift.md
 - app/pb_kits/playbook/pb_user/docs/_user_vertical_size.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_vertical_size.jsx
-- app/pb_kits/playbook/pb_user/docs/_user_vertical_size_swift.md
 - app/pb_kits/playbook/pb_user/docs/_user_with_territory.html.erb
 - app/pb_kits/playbook/pb_user/docs/_user_with_territory.jsx
 - app/pb_kits/playbook/pb_user/docs/example.yml
@@ -2697,7 +2645,6 @@ files:
 - app/pb_kits/playbook/tokens/exports/_shadows.scss
 - app/pb_kits/playbook/tokens/exports/_spacing.scss
 - app/pb_kits/playbook/tokens/exports/_typography.scss
-- app/pb_kits/playbook/tokens/exports/exports.d.ts
 - app/pb_kits/playbook/tokens/index.scss
 - app/pb_kits/playbook/utilities/_background_colors.scss
 - app/pb_kits/playbook/utilities/_border_radius.scss
@@ -2716,7 +2663,6 @@ files:
 - app/pb_kits/playbook/utilities/_shadow.scss
 - app/pb_kits/playbook/utilities/_spacing.scss
 - app/pb_kits/playbook/utilities/_text_align.scss
-- app/pb_kits/playbook/utilities/_truncate.scss
 - app/pb_kits/playbook/utilities/flexbox_global_props/_align_content.scss
 - app/pb_kits/playbook/utilities/flexbox_global_props/_align_items.scss
 - app/pb_kits/playbook/utilities/flexbox_global_props/_align_self.scss
@@ -2744,7 +2690,6 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/justifyContent.test.js
 - app/pb_kits/playbook/utilities/test/globalProps/justifySelf.test.js
 - app/pb_kits/playbook/utilities/test/globalProps/order.test.js
-- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
 - dist/menu.yml
@@ -2807,7 +2752,6 @@ files:
 - lib/playbook/shadow.rb
 - lib/playbook/spacing.rb
 - lib/playbook/text_align.rb
-- lib/playbook/truncate.rb
 - lib/playbook/version.rb
 - lib/playbook/z_index.rb
 - lib/playbook_ui.rb

data/app/pb_kits/playbook/pb_beta_icon/_icon.scss

@@ -1,12 +0,0 @@
-// Rails custom icon styles
-svg.pb_custom_icon {
-  width: 1em;
-  fill: currentColor;
-  path {
-    fill: currentColor;
-  }
-}
-
-.pb_icon_kit_emoji {
-  font-family: monospace;
-}

data/app/pb_kits/playbook/pb_beta_icon/_icon.tsx

@@ -1,164 +0,0 @@
-import React from 'react'
-import classnames from 'classnames'
-import { buildAriaProps, buildDataProps, buildHtmlProps } from '../utilities/props'
-import { GlobalProps, globalProps } from '../utilities/globalProps'
-import { isValidEmoji } from '../utilities/validEmojiChecker'
-
-export type IconSizes = "lg"
-| "xs"
-| "sm"
-| "1x"
-| "2x"
-| "3x"
-| "4x"
-| "5x"
-| "6x"
-| "7x"
-| "8x"
-| "9x"
-| "10x"
-| ""
-
-type IconProps = {
-  aria?: {[key: string]: string},
-  border?: string,
-  className?: string,
-  customIcon?: {[key: string] :SVGElement},
-  data?: {[key: string]: string},
-  fixedWidth?: boolean,
-  flip?: "horizontal" | "vertical" | "both" | "none",
-  icon: string,
-  htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
-  id?: string,
-  inverse?: boolean,
-  listItem?: boolean,
-  pull?: "left" | "right" | "none",
-  pulse?: boolean,
-  rotation?: 90 | 180 | 270,
-  size?: IconSizes,
-  fontStyle?: 'far' | 'fas' | 'fab' | 'fak',
-  spin?: boolean,
-} & GlobalProps
-
-const flipMap = {
-  horizontal: 'fa-flip-horizontal',
-  vertical: 'fa-flip-vertical',
-  both: 'fa-flip-horizontal fa-flip-vertical',
-  none: ""
-}
-
-const Icon = (props: IconProps) => {
-  const {
-    aria = {},
-    border = false,
-    className,
-    customIcon,
-    data = {},
-    fixedWidth = true,
-    flip = "none",
-    htmlOptions = {},
-    icon,
-    id,
-    inverse = false,
-    listItem = false,
-    pull,
-    pulse = false,
-    rotation,
-    size,
-    fontStyle = 'far',
-    spin = false,
-  } = props
-
-  const faClasses = {
-    'fa-border': border,
-    'fa-fw': fixedWidth,
-    'fa-inverse': inverse,
-    'fa-li': listItem,
-    'fa-pulse': pulse,
-    'fa-spin': spin,
-    [`fa-${size}`]: size,
-    [`fa-pull-${pull}`]: pull,
-    [`fa-rotate-${rotation}`]: rotation,
-
-  }
-
-  // Lets check and see if the icon prop is referring to a custom Power icon...
-  // If so, then set fa-icon to "custom"
-  // this ensures the JS will not do any further operations
-  // faClasses[`fa-${icon}`] = customIcon ? 'custom' : icon
-  if (!customIcon) faClasses[`fa-${icon}`] = icon
-  
-  const classes = classnames(
-    flipMap[flip],
-    'pb_icon_kit',
-    customIcon ? '' : fontStyle,
-    faClasses,
-    globalProps(props),
-    className
-  )
-
-  const classesEmoji = classnames(
-    'pb_icon_kit_emoji',
-    globalProps(props),
-    className
-  )
-
-  aria.label ? null : aria.label = `${icon} icon`
-  const ariaProps: {[key: string]: any} = buildAriaProps(aria)
-  const dataProps: {[key: string]: any} = buildDataProps(data)
-  const htmlProps = buildHtmlProps(htmlOptions)
-
-  // Add a conditional here to show only the SVG if custom
-  const displaySVG = (customIcon: any) => {
-    if (customIcon)
-      return (
-        <>
-          {
-            React.cloneElement(customIcon, {
-              ...dataProps,
-              ...htmlProps,
-              className: classes,
-              id,
-            })
-          }
-        </>
-      )
-    else if (isValidEmoji(icon))
-      return (
-        <>
-          <span
-              {...dataProps}
-              {...htmlProps}
-              className={classesEmoji}
-              id={id}
-          >
-            {icon}
-          </span>
-        </>
-      )
-
-    else
-      return (
-        <>
-          <i
-              {...dataProps}
-              {...htmlProps}
-              className={classes}
-              id={id}
-          />
-          <span
-              {...ariaProps}
-              hidden
-          />
-        </>
-      )
-  }
-
-  return (
-    <>
-      {displaySVG(customIcon)}
-    </>
-  )
-}
-
-export default Icon

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

@@ -1 +0,0 @@
-An icon is a graphic symbol that represents an object (ie a file) or a function. They can be used to give the user feedback.

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

@@ -1,2 +0,0 @@
-### Things to Avoid
-Be careful of use cases where there should be a clickable area around the icon. Icon Circle Button may need to be used instead.

data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_animate.html.erb

@@ -1,3 +0,0 @@
-<p><%= pb_rails("icon", props: { icon: "spinner", spin: true, fixed_width: true, size: "2x" }) %> <span>Spin</span></p>
-<br/>
-<p><%= pb_rails("icon", props: { icon: "spinner", pulse: true, fixed_width: true, size: "2x" }) %> <span>Pulse</span></p>

data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_animate.jsx

@@ -1,35 +0,0 @@
-import React from 'react'
-
-import Icon from '../_icon'
-
-const IconAnimate = (props) => {
-  return (
-    <div>
-      <p>
-        <Icon
-            fixedWidth
-            icon="spinner"
-            size="2x"
-            spin
-            {...props}
-        />
-        {' '}
-        <span>{'Spin'}</span>
-      </p>
-      <br />
-      <p>
-        <Icon
-            fixedWidth
-            icon="spinner"
-            pulse
-            size="2x"
-            {...props}
-        />
-        {' '}
-        <span>{'Pulse'}</span>
-      </p>
-    </div>
-  )
-}
-
-export default IconAnimate

data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_animate.md

@@ -1 +0,0 @@
-A spinner icon can show a user that something is loading or saving.

data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_border.html.erb

@@ -1 +0,0 @@
-<%= pb_rails("icon", props: { icon: "user", border: true, fixed_width: true, size: "2x" }) %>

data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_border.jsx

@@ -1,19 +0,0 @@
-import React from 'react'
-
-import Icon from '../_icon'
-
-const IconBorder = (props) => {
-  return (
-    <div>
-      <Icon
-          border
-          fixedWidth
-          icon="user"
-          size="2x"
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default IconBorder

data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_border_swift.md

@@ -1,7 +0,0 @@
-![card-border](https://github.com/powerhome/playbook/assets/92755007/442640c8-1b4f-455d-8517-5ca5cd120664)
-
-```swift
-
-PbBetaIcon(FontAwesome.user, border: true)
-
-```

data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_custom.html.erb

@@ -1,16 +0,0 @@
-<%# SVG fill color inherited from css color property %>
-<div class="icon-wrapper">
-
-  <% svg_url = "https://upload.wikimedia.org/wikipedia/commons/3/3b/Wrench_font_awesome.svg" %>
-  <p><%= pb_rails("icon", props: { custom_icon: svg_url } ) %></p>
-  <p><%= pb_rails("icon", props: { rotation: 90, custom_icon: svg_url, size: "2x" } ) %></p>
-  <p><%= pb_rails("icon", props: { spin: true, custom_icon: svg_url, size: "3x" } ) %></p>
-  <p><%= pb_rails("icon", props: { size: "5x", custom_icon: svg_url } ) %></p>
-  <p><%= pb_rails("icon", props: { flip: "horizontal", size: "5x", custom_icon: svg_url } ) %></p>
-
-  <%= pb_rails("body", props: {
-    text: "Custom icons are compatible with other icon props (size, rotation,
-    spin, flip, etc). Their SVG fill colors will be inherited from
-    parent element's css color properties."
-  } ) %>
-</div>

data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_custom.jsx

@@ -1,34 +0,0 @@
-import React from 'react'
-import { Icon } from '../../'
-
-// import Icons as config from 'power-icons'
-const config = {
-  moon: (
-    <svg
-        ariaHidden="true"
-        focusable="false"
-        role="img"
-        viewBox="0 0 512 512"
-        xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-          d="M448 0H64C28.7 0 0 28.7 0 64v288c0 35.3 28.7 64 64 64h96v84c0 7.1 5.8 12 12 12 2.4 0 4.9-.7 7.1-2.4L304 416h144c35.3 0 64-28.7 64-64V64c0-35.3-28.7-64-64-64zm16 352c0 8.8-7.2 16-16 16H288l-12.8 9.6L208 428v-60H64c-8.8 0-16-7.2-16-16V64c0-8.8 7.2-16 16-16h384c8.8 0 16 7.2 16 16v288zM336 184h-56v-56c0-8.8-7.2-16-16-16h-16c-8.8 0-16 7.2-16 16v56h-56c-8.8 0-16 7.2-16 16v16c0 8.8 7.2 16 16 16h56v56c0 8.8 7.2 16 16 16h16c8.8 0 16-7.2 16-16v-56h56c8.8 0 16-7.2 16-16v-16c0-8.8-7.2-16-16-16z"
-          fill="currentColor"
-      />
-    </svg>
-  ),
-}
-
-const IconCustom = (props) => {
-  return (
-    <div>
-      <Icon
-          customIcon={config.moon}
-          size="7x"
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default IconCustom

data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_custom.md

@@ -1,19 +0,0 @@
-# Tips for Custom Icons
-
-When using custom icons it is important to introduce a "clean" SVG. In order to ensure these custom icons perform as intended within your kit(s), ensure these things have been modified from the original SVG markup:
-
-Attributes must be React compatible e.g. <code>xmlns:xlink</code> should be <code>xmlnsXlink</code> and so on. <strong>There should be no hyphenated attributes and no semi-colons!.</strong>
-
-Fill colors with regards to <code>g</code> or <code>path</code> nodes, e.g. <code>fill="black"</code>, should be replaced with   <code>currentColor</code> ala <code>fill="currentColor"</code>. Your mileage may vary depending on the complexity of your SVG.
-
-Pay attention to your custom icon's dimensions and `viewBox` attribute. It is best to use a `viewBox="0 0 512 512"` starting point __when designing instead of trying to retrofit the viewbox afterwards__!
-
-You must source *your own SVG into component/view* you are working on. This can easily be done in programmatic and maintainable ways.
-
-### React
-
-So long as you have a valid React `<SVG>` node, you can send it as the `customIcon` prop and the kit will take care of the rest.
-
-### Rails
-
-Some Rails applications use only webpack(er) which means using `image_url` will be successful over `image_path` in most cases especially development where Webpack Dev Server is serving assets over HTTP. Rails applications still using Asset Pipeline may use `image_path` or `image_url`. Of course, YMMV depending on any custom configurations in your Rails application.

data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_default.html.erb

@@ -1 +0,0 @@
-<%= pb_rails("icon", props: { icon: "user", fixed_width: true }) %>

data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_default.jsx

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

data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_default_swift.md

@@ -1,7 +0,0 @@
-![card-default](https://github.com/powerhome/playbook/assets/92755007/8c7e5454-1d42-4d13-9107-ffc5773a136a)
-
-```swift
-
-PbBetaIcon.fontAwesome(.user, size: .x1)
-
-```

data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_fa_kit.html.erb

@@ -1 +0,0 @@
-<%= pb_rails("icon", props: { icon: "powergon", font_style: "fak", fixed_width: true, size: "5x"  }) %>

data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_fa_kit.jsx

@@ -1,21 +0,0 @@
-import React from 'react'
-
-import Icon from '../_icon'
-
-import '../../../../../../playbook-website/app/javascript/scripts/custom-icons'
-
-const IconFaKit = (props) => {
-  return (
-    <div>
-      <Icon
-          {...props}
-          fixedWidth
-          fontStyle="fak"
-          icon="powergon"
-          size="5x"
-      />
-    </div>
-  )
-}
-
-export default IconFaKit

data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_fa_kit.md

@@ -1,7 +0,0 @@
-Our Icon kit allows integration with [FontAwesome's custom kit](https://fontawesome.com/v6/docs/web/setup/use-kit#contentHeader) functionality out-of-the-box. 
-
-All you need to do is 3 things:
-1) Import your custom-icon.js file as outlined in the FontAwesome docs.
-2) Use our fontStyle prop called "fak" so that our Icon component knows you are using a "fa-kit" icon. 
-3) Pass in your FaKit name as a string to our icon prop (This is the name that you designated when you uploaded the icon on their site).
-

data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_flip.html.erb

@@ -1,3 +0,0 @@
-<%= pb_rails("icon", props: { icon: "question-circle", fixed_width: true, flip: "horizontal", size: "2x" }) %>
-<%= pb_rails("icon", props: { icon: "question-circle", fixed_width: true, flip: "vertical", size: "2x" }) %>
-<%= pb_rails("icon", props: { icon: "question-circle", fixed_width: true, flip: "both", size: "2x" }) %>

data/app/pb_kits/playbook/pb_beta_icon/docs/_icon_flip.jsx

@@ -1,33 +0,0 @@
-import React from 'react'
-
-import Icon from '../_icon'
-
-const IconFlip = (props) => {
-  return (
-    <div>
-      <Icon
-          fixedWidth
-          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>
-  )
-}
-
-export default IconFlip