playbook_ui 10.22.0 → 10.23.0.pre.cachetest

data/app/pb_kits/playbook/plugins/pb_chart.js

@@ -1,7 +1,6 @@
 import Highcharts from 'highcharts'
 
 import { highchartsTheme } from '../pb_dashboard/pbChartsLightTheme'
-import { highchartsDarkTheme } from '../pb_dashboard/pbChartsDarkTheme'
 import colors from '../tokens/exports/_colors.scss'
 
 import pie from 'highcharts/modules/variable-pie'
@@ -68,14 +67,10 @@ class pbChart {
     }
   }
 
-  setupTheme() {
-    this.options.dark ? Highcharts.setOptions(highchartsDarkTheme) :  Highcharts.setOptions(highchartsTheme)
-  }
-
   setupGauge(options) {
     highchartsMore(Highcharts)
     solidGauge(Highcharts)
-    this.setupTheme()
+    Highcharts.setOptions(highchartsTheme)
 
     Highcharts.chart(this.defaults.id, {
       chart: {
@@ -145,7 +140,7 @@ class pbChart {
   }
 
   setupPieChart(options) {
-    this.setupTheme()
+    Highcharts.setOptions(highchartsTheme)
     Highcharts.chart(this.defaults.id, {
       title: {
         text: this.defaults.title,
@@ -192,7 +187,8 @@ class pbChart {
   }
 
   setupChart(options) {
-    this.setupTheme()
+    Highcharts.setOptions(highchartsTheme)
+
     const configOptions = {
       title: {
         text: this.defaults.title,

data/app/pb_kits/playbook/types.js

@@ -0,0 +1,4 @@
+// @flow
+
+export type Callback<T, K> = T => K
+export type InputCallback<T> = Callback<SyntheticEvent<T>, void>

data/app/pb_kits/playbook/utilities/globalProps.js

@@ -47,13 +47,13 @@ const numberSpacingProps = ({ numberSpacing }) => {
 
 const maxWidthProps = ({ maxWidth }) => {
   let css = ''
-  css += maxWidth ? `max_width_${maxWidth} ` : ''
+  css += maxWidth ? `max_width_${maxWidth } ` : ''
   return css
 }
 
 const zIndexProps = ({ zIndex }) => {
   let css = ''
-  css += zIndex ? `z_index_${zIndex} ` : ''
+  css += zIndex ? `z_index_${zIndex } ` : ''
   return css
 }
 
@@ -81,88 +81,10 @@ const cursorProps = ({ cursor }) => {
   return css
 }
 
-const flexDirectionProps = ({ flexDirection }) => {
-  let css = ''
-  css += flexDirection == 'columnReverse' ? 'flex_direction_column_reverse' :
-    flexDirection == 'rowReverse' ? 'flex_direction_row_reverse' :
-      flexDirection ? `flex_direction_${flexDirection} ` : ''
-  return css
-}
-
-const flexWrapProps = ({ flexWrap }) => {
-  let css = ''
-  css += flexWrap == 'wrapReverse' ? 'flex_wrap_reverse' :
-    flexWrap == 'noWrap' ? 'flex_nowrap' :
-      flexWrap ? `flex_wrap_${flexWrap} ` : ''
-  return css
-}
-
-const justifyContentProps = ({ justifyContent }) => {
-  let css = ''
-  css += justifyContent == 'spaceBetween' ? 'justify_content_space_between' :
-    justifyContent == 'spaceEvenly' ? 'justify_content_space_evenly' :
-      justifyContent == 'spaceAround' ? 'justify_content_space_around' :
-        justifyContent ? `justify_content_${justifyContent}` : ''
-  return css
-}
-
-const justifySelfProps = ({ justifySelf }) => {
-  let css = ''
-  css += justifySelf ? `justify_self_${justifySelf}` : ''
-  return css
-}
-
-const alignItemsProps = ({ alignItems }) => {
-  let css = ''
-  css += alignItems == 'flexStart' ? 'align_items_flex_start' :
-    alignItems == 'flexEnd' ? 'align_items_flex_end' :
-      alignItems ? `align_items_${alignItems}` : ''
-  return css
-}
-
-const alignContentProps = ({ alignContent }) => {
-  let css = ''
-  css += alignContent == 'spaceBetween' ? 'align_content_space_between' :
-    alignContent == 'spaceEvenly' ? 'align_content_space_evenly' :
-      alignContent == 'spaceAround' ? 'align_content_space_around' :
-        alignContent ? `align_content_${alignContent}` : ''
-  return css
-}
-
-const alignSelfProps = ({ alignSelf }) => {
-  let css = ''
-  css += alignSelf ? `align_self_${alignSelf}` : ''
-  return css
-}
-
-const flexProps = ({ flex }) => {
-  let css = ''
-  css += flex ? `flex_${flex}` : ''
-  return css
-}
-
-const flexGrowProps = ({ flexGrow }) => {
-  let css = ''
-  css += flexGrow ? `flex_grow_${flexGrow}` : ''
-  return css
-}
-
-const flexShrinkProps = ({ flexShrink }) => {
-  let css = ''
-  css += flexShrink ? `flex_shrink_${flexShrink}` : ''
-  return css
-}
-
-const orderProps = ({ order }) => {
-  let css = ''
-  css += order ? `order_${order}` : ''
-  return css
-}
-
 // All Exported as a single function
 export const globalProps = (props, defaultProps = {}) => {
   const allProps = { ...props, ...defaultProps }
-  return spacingProps(allProps) + darkProps(allProps) + maxWidthProps(allProps) + zIndexProps(allProps) + numberSpacingProps(allProps) + shadowProps(allProps) + lineHeightProps(allProps) + cursorProps(allProps) + displayProps(allProps) + flexDirectionProps(allProps) + flexWrapProps(allProps) + justifyContentProps(allProps) + justifySelfProps(allProps) + alignItemsProps(allProps) + alignContentProps(allProps) + alignSelfProps(allProps) + flexProps(allProps) + flexGrowProps(allProps) + flexShrinkProps(allProps) + orderProps(allProps)
+  return spacingProps(allProps) + darkProps(allProps) + maxWidthProps(allProps) + zIndexProps(allProps) + numberSpacingProps(allProps) + shadowProps(allProps) + lineHeightProps(allProps) + cursorProps(allProps) + displayProps(allProps)
 }
 
 export const deprecatedProps = (kit, props = []) => {

data/app/pb_kits/playbook/utilities/{props.ts → props.js}

@@ -10,11 +10,10 @@ import classnames from 'classnames'
  * @param {Object} data the object containing the data to derive the props from.
  * @returns {Object} an object whose keys have the prefix added to them.
  */
-const buildPrefixedProps = (prefix: string, data: {[key: string]: any}) => 
-  Object.keys(data).reduce((props: {[key: string]: any}, key: string) => {
-    props[`${prefix}-${key}`] = data[key]
-    return props
-  }, {})
+const buildPrefixedProps = (prefix, data) => Object.keys(data).reduce((props, key) => {
+  props[`${prefix}-${key}`] = data[key]
+  return props
+}, {})
 
 /**
  * Represent a "No-Operation" function that can be used as a sensible
@@ -30,8 +29,7 @@ export const noop = () => {}
  * @param {Object} aria the object containing the aria prop values.
  * @returns {Object} an object holding the HTML valid aria props and their values.
  */
-export const buildAriaProps = (aria: {[key: string]: string}): {[key: string]: string} => 
-  buildPrefixedProps('aria', aria)
+export const buildAriaProps = (aria) => buildPrefixedProps('aria', aria)
 
 /**
  * Maps a given data object into HTML valid data attribtues and their values.
@@ -39,7 +37,7 @@ export const buildAriaProps = (aria: {[key: string]: string}): {[key: string]: s
  * @param {Object} data the object containing the data prop values.
  * @returns {Object} an object holding the HTML valid data props and their values.
  */
-export const buildDataProps = (data: {[key: string]: any}) => buildPrefixedProps('data', data)
+export const buildDataProps = (data) => buildPrefixedProps('data', data)
 
 /**
  * Builds a Playbook valid root className off of the incoming css rules.
@@ -47,5 +45,5 @@ export const buildDataProps = (data: {[key: string]: any}) => buildPrefixedProps
  * @param {Object} rules a 'classnames' compliant rules object, used to derive the root className.
  * @returns {String} the derived root className value.
  */
-export const buildCss = (...rules: string[]) => classnames(rules).replace(/\s/g, '_')
+export const buildCss = (...rules) => classnames(rules).replace(/\s/g, '_')
 

data/lib/playbook/classnames.rb

@@ -20,17 +20,6 @@ module Playbook
         line_height_props,
         display_props,
         cursor_props,
-        flex_direction_props,
-        flex_wrap_props,
-        justify_content_props,
-        justify_self_props,
-        align_items_props,
-        align_content_props,
-        align_self_props,
-        flex_props,
-        flex_grow_props,
-        flex_shrink_props,
-        order_props,
       ].compact.join(" ")
     end
 

data/lib/playbook/kit_base.rb

@@ -8,17 +8,6 @@ require "playbook/shadow"
 require "playbook/line_height"
 require "playbook/display"
 require "playbook/cursor"
-require "playbook/flex_direction"
-require "playbook/flex_wrap"
-require "playbook/justify_content"
-require "playbook/justify_self"
-require "playbook/align_items"
-require "playbook/align_content"
-require "playbook/align_self"
-require "playbook/flex"
-require "playbook/flex_grow"
-require "playbook/flex_shrink"
-require "playbook/order"
 
 module Playbook
   class KitBase < ViewComponent::Base
@@ -32,17 +21,6 @@ module Playbook
     include Playbook::LineHeight
     include Playbook::Display
     include Playbook::Cursor
-    include Playbook::FlexDirection
-    include Playbook::FlexWrap
-    include Playbook::JustifyContent
-    include Playbook::JustifySelf
-    include Playbook::AlignItems
-    include Playbook::AlignContent
-    include Playbook::AlignSelf
-    include Playbook::Flex
-    include Playbook::FlexGrow
-    include Playbook::FlexShrink
-    include Playbook::Order
 
     prop :id
     prop :data, type: Playbook::Props::Hash, default: {}

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "10.21.0"
-  VERSION = "10.22.0"
+  PREVIOUS_VERSION = "10.20.0"
+  VERSION = "10.23.0.pre.cachetest"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 10.22.0
+  version: 10.23.0.pre.cachetest
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-03-01 00:00:00.000000000 Z
+date: 2022-03-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -282,8 +282,8 @@ files:
 - app/pb_kits/playbook/_reset.scss
 - app/pb_kits/playbook/data/menu.yml
 - app/pb_kits/playbook/index.js
+- app/pb_kits/playbook/pb_avatar/_avatar.jsx
 - app/pb_kits/playbook/pb_avatar/_avatar.scss
-- app/pb_kits/playbook/pb_avatar/_avatar.tsx
 - app/pb_kits/playbook/pb_avatar/avatar.html.erb
 - app/pb_kits/playbook/pb_avatar/avatar.rb
 - app/pb_kits/playbook/pb_avatar/avatar.test.js
@@ -330,7 +330,6 @@ files:
 - app/pb_kits/playbook/pb_background/docs/_background_gradient.jsx
 - app/pb_kits/playbook/pb_background/docs/_background_image.html.erb
 - app/pb_kits/playbook/pb_background/docs/_background_image.jsx
-- app/pb_kits/playbook/pb_background/docs/_background_image.md
 - app/pb_kits/playbook/pb_background/docs/_background_light.html.erb
 - app/pb_kits/playbook/pb_background/docs/_background_light.jsx
 - app/pb_kits/playbook/pb_background/docs/_background_status.html.erb
@@ -417,8 +416,6 @@ files:
 - app/pb_kits/playbook/pb_button/docs/_button_default.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_default.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_default.md
-- app/pb_kits/playbook/pb_button/docs/_button_form.html.erb
-- app/pb_kits/playbook/pb_button/docs/_button_form.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_full_width.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_full_width.jsx
 - app/pb_kits/playbook/pb_button/docs/_button_full_width.md
@@ -429,9 +426,6 @@ files:
 - app/pb_kits/playbook/pb_button/docs/_button_loading.md
 - app/pb_kits/playbook/pb_button/docs/_button_options.html.erb
 - app/pb_kits/playbook/pb_button/docs/_button_options.jsx
-- 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
 - app/pb_kits/playbook/pb_button/docs/_footer.md
 - app/pb_kits/playbook/pb_button/docs/example.yml
 - app/pb_kits/playbook/pb_button/docs/index.js
@@ -596,9 +590,6 @@ files:
 - app/pb_kits/playbook/pb_currency/_currency.scss
 - app/pb_kits/playbook/pb_currency/currency.html.erb
 - app/pb_kits/playbook/pb_currency/currency.rb
-- app/pb_kits/playbook/pb_currency/currency.test.js
-- app/pb_kits/playbook/pb_currency/docs/_currency_abbreviated.html.erb
-- app/pb_kits/playbook/pb_currency/docs/_currency_abbreviated.jsx
 - app/pb_kits/playbook/pb_currency/docs/_currency_alignment.html.erb
 - app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
 - app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.html.erb
@@ -611,7 +602,6 @@ files:
 - app/pb_kits/playbook/pb_currency/docs/example.yml
 - app/pb_kits/playbook/pb_currency/docs/index.js
 - app/pb_kits/playbook/pb_dashboard/commonSettings.js
-- app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.js
 - app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.js
 - app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.jsx
 - app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.scss
@@ -814,7 +804,6 @@ files:
 - app/pb_kits/playbook/pb_file_upload/docs/_file_upload_default.jsx
 - app/pb_kits/playbook/pb_file_upload/docs/example.yml
 - app/pb_kits/playbook/pb_file_upload/docs/index.js
-- app/pb_kits/playbook/pb_file_upload/fileupload.test.js
 - app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.jsx
 - app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
 - app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
@@ -1087,8 +1076,8 @@ files:
 - app/pb_kits/playbook/pb_icon_value/docs/index.js
 - app/pb_kits/playbook/pb_icon_value/icon_value.html.erb
 - app/pb_kits/playbook/pb_icon_value/icon_value.rb
+- app/pb_kits/playbook/pb_image/_image.jsx
 - app/pb_kits/playbook/pb_image/_image.scss
-- app/pb_kits/playbook/pb_image/_image.tsx
 - app/pb_kits/playbook/pb_image/docs/_custom_error_image.html.erb
 - app/pb_kits/playbook/pb_image/docs/_custom_error_image.jsx
 - app/pb_kits/playbook/pb_image/docs/_default_image.html.erb
@@ -1323,8 +1312,8 @@ files:
 - app/pb_kits/playbook/pb_nav/item.rb
 - app/pb_kits/playbook/pb_nav/nav.html.erb
 - app/pb_kits/playbook/pb_nav/nav.rb
+- app/pb_kits/playbook/pb_online_status/_online_status.jsx
 - app/pb_kits/playbook/pb_online_status/_online_status.scss
-- app/pb_kits/playbook/pb_online_status/_online_status.tsx
 - app/pb_kits/playbook/pb_online_status/_online_status_mixins.scss
 - app/pb_kits/playbook/pb_online_status/docs/_description.md
 - app/pb_kits/playbook/pb_online_status/docs/_online_status_default.html.erb
@@ -2064,49 +2053,29 @@ files:
 - app/pb_kits/playbook/tokens/exports/_spacing.scss
 - app/pb_kits/playbook/tokens/exports/_typography.scss
 - app/pb_kits/playbook/tokens/index.scss
-- app/pb_kits/playbook/utilities/_align_content.scss
-- app/pb_kits/playbook/utilities/_align_items.scss
-- app/pb_kits/playbook/utilities/_align_self.scss
+- app/pb_kits/playbook/types.js
 - app/pb_kits/playbook/utilities/_background_colors.scss
 - app/pb_kits/playbook/utilities/_colors.scss
 - app/pb_kits/playbook/utilities/_cursor.scss
 - app/pb_kits/playbook/utilities/_display.scss
-- app/pb_kits/playbook/utilities/_flex.scss
-- app/pb_kits/playbook/utilities/_flex_direction.scss
-- app/pb_kits/playbook/utilities/_flex_grow.scss
-- app/pb_kits/playbook/utilities/_flex_shrink.scss
-- app/pb_kits/playbook/utilities/_flex_wrap.scss
-- app/pb_kits/playbook/utilities/_flexbox.scss
-- app/pb_kits/playbook/utilities/_justify_content.scss
-- app/pb_kits/playbook/utilities/_justify_self.scss
 - app/pb_kits/playbook/utilities/_line_height.scss
 - app/pb_kits/playbook/utilities/_max_width.scss
 - app/pb_kits/playbook/utilities/_number_spacing.scss
-- app/pb_kits/playbook/utilities/_order.scss
 - app/pb_kits/playbook/utilities/_positioning.scss
 - app/pb_kits/playbook/utilities/_shadow.scss
 - app/pb_kits/playbook/utilities/_spacing.scss
 - app/pb_kits/playbook/utilities/globalProps.js
-- app/pb_kits/playbook/utilities/globalProps.ts
-- app/pb_kits/playbook/utilities/props.ts
+- app/pb_kits/playbook/utilities/props.js
 - app/pb_kits/playbook/utilities/test-utils.js
 - app/pb_kits/playbook/utilities/text.js
 - dist/reset.css
 - fonts/fontawesome-min.js
 - fonts/regular-min.js
 - lib/playbook.rb
-- lib/playbook/align_content.rb
-- lib/playbook/align_items.rb
-- lib/playbook/align_self.rb
 - lib/playbook/classnames.rb
 - lib/playbook/cursor.rb
 - lib/playbook/display.rb
 - lib/playbook/engine.rb
-- lib/playbook/flex.rb
-- lib/playbook/flex_direction.rb
-- lib/playbook/flex_grow.rb
-- lib/playbook/flex_shrink.rb
-- lib/playbook/flex_wrap.rb
 - lib/playbook/forms.rb
 - lib/playbook/forms/builder.rb
 - lib/playbook/forms/builder/action_area.rb
@@ -2116,8 +2085,6 @@ files:
 - lib/playbook/forms/builder/form_field_builder.rb
 - lib/playbook/forms/builder/select_field.rb
 - lib/playbook/forms/builder/typeahead_field.rb
-- lib/playbook/justify_content.rb
-- lib/playbook/justify_self.rb
 - lib/playbook/kit_base.rb
 - lib/playbook/kit_resolver.rb
 - lib/playbook/line_height.rb
@@ -2125,7 +2092,6 @@ files:
 - lib/playbook/markdown/helper.rb
 - lib/playbook/markdown/template_handler.rb
 - lib/playbook/number_spacing.rb
-- lib/playbook/order.rb
 - lib/playbook/pb_doc_helper.rb
 - lib/playbook/pb_forms_helper.rb
 - lib/playbook/pb_kit_helper.rb
@@ -2164,9 +2130,9 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
 rubygems_version: 3.1.6
 signing_key:

data/app/pb_kits/playbook/pb_background/docs/_background_image.md

@@ -1 +0,0 @@
-To add a lazyload on the background image simply use the `transition` prop and one of the three string options `"fade"`, `"blur"`, or `"scale"`.

data/app/pb_kits/playbook/pb_button/docs/_button_form.html.erb

@@ -1 +0,0 @@
-<%= pb_rails("button", props: { text: "Button with Form Attribute", form: "form-id"}) %>

data/app/pb_kits/playbook/pb_button/docs/_button_form.jsx

@@ -1,14 +0,0 @@
-import React from 'react'
-import { Button } from '../../'
-
-const ButtonForm = (props) => (
-  <div>
-    <Button
-        form="form-id"
-        text="Button with Form Attribute"
-        {...props}
-    />
-  </div>
-)
-
-export default ButtonForm

data/app/pb_kits/playbook/pb_button/docs/_button_size.html.erb

@@ -1,3 +0,0 @@
-<%= pb_rails("button", props: { text: "Button sm size", size: "sm" }) %>
-<%= pb_rails("button", props: { text: "Button md size", size: "md" }) %>
-<%= pb_rails("button", props: { text: "Button lg size", size: "lg" }) %>

data/app/pb_kits/playbook/pb_button/docs/_button_size.jsx

@@ -1,26 +0,0 @@
-import React from 'react'
-import { Button } from '../../'
-
-const ButtonSize = (props) => (
-  <div>
-    <Button
-        size="sm"
-        text="Button sm size"
-        {...props}
-    />
-    {' '}
-    <Button
-        size="md"
-        text="Button md size"
-        {...props}
-    />
-    {' '}
-    <Button
-        size="lg"
-        text="Button lg size"
-        {...props}
-    />
-  </div>
-)
-
-export default ButtonSize

data/app/pb_kits/playbook/pb_button/docs/_button_size.md

@@ -1 +0,0 @@
-By default button has the `md` size style, even if you don't explicitly pass a size prop.

data/app/pb_kits/playbook/pb_currency/currency.test.js

@@ -1,35 +0,0 @@
-import React from 'react'
-import { render, screen } from '../utilities/test-utils'
-import Currency from './_currency'
-
-test('abbreviate prop returns proper abbreviated amount', () => {
-  render(
-    <>
-      <Currency
-          abbreviate
-          amount="3200"
-          data={{ testid: 'test-thousands' }}
-      />
-      <Currency
-          abbreviate
-          amount="3,200,000"
-          data={{ testid: 'test-millions' }}
-      />
-      <Currency
-          abbreviate
-          amount="3200000000"
-          data={{ testid: 'test-billions' }}
-      />
-      <Currency
-          abbreviate
-          amount="3,200,000,000,000"
-          data={{ testid: 'test-trillions' }}
-      />
-    </>
-  )
-
-  expect(screen.getByTestId('test-thousands')).toHaveTextContent('$3.2K')
-  expect(screen.getByTestId('test-millions')).toHaveTextContent('$3.2M')
-  expect(screen.getByTestId('test-billions')).toHaveTextContent('$3.2B')
-  expect(screen.getByTestId('test-trillions')).toHaveTextContent('$3.2T')
-})

data/app/pb_kits/playbook/pb_currency/docs/_currency_abbreviated.html.erb

@@ -1,27 +0,0 @@
-<%= pb_rails("currency", props: {
-  abbreviate: true,
-  amount: "2,200.50",
-  label: "Thousands (with Unit)",
-  margin_bottom: "md",
-  unit: "/mo",
-}) %>
-
-<%= pb_rails("currency", props: {
-  abbreviate: true,
-  amount: "3424123",
-  label: "Millions",
-  margin_bottom: "md",
-}) %>
-
-<%= pb_rails("currency", props: {
-  abbreviate: true,
-  amount: "45,300,000,000",
-  label: "Billions",
-  margin_bottom: "md",
-}) %>
-
-<%= pb_rails("currency", props: {
-  abbreviate: true,
-  amount: "983,200,000,000,000",
-  label: "Trillions",
-}) %>

data/app/pb_kits/playbook/pb_currency/docs/_currency_abbreviated.jsx

@@ -1,44 +0,0 @@
-import React from 'react'
-
-import Currency from '../_currency'
-
-const CurrencyAbbreviated = (props) => {
-  return (
-    <>
-      <Currency
-          abbreviate
-          amount="2,500"
-          label="Thousands (with Unit)"
-          marginBottom="md"
-          size="md"
-          unit="/mo"
-          {...props}
-      />
-      <Currency
-          abbreviate
-          amount="45300000"
-          label="Millions"
-          marginBottom="md"
-          size="md"
-          {...props}
-      />
-      <Currency
-          abbreviate
-          amount="6,700,000,000"
-          label="Billions"
-          marginBottom="md"
-          size="md"
-          {...props}
-      />
-      <Currency
-          abbreviate
-          amount="9,900,000,000,000"
-          label="Trillions"
-          size="md"
-          {...props}
-      />
-    </>
-  )
-}
-
-export default CurrencyAbbreviated