playbook_ui_docs 14.6.2.pre.alpha.PBNTR633dropdownavailablepropstable4303 → 14.6.2.pre.alpha.PBNTR633dropdownavailablepropstable4305

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1dd2f6af9d892eab350567c44c36ababc550c9aeaec01f766f9a49eda400958f
-  data.tar.gz: 41ec0205e2ac88daf9c92f785945f948454ffd67fd015ded4897b313fd922642
+  metadata.gz: cc5c22f7f75a0a9b929f0d4fbb26b2bc2c7cf1f019610102f2b967662ddad90d
+  data.tar.gz: 5ec0d3cdb47e292d15f2c52c5f410099f1d8f043a832dea7f421fc867ef2fc9d
 SHA512:
-  metadata.gz: 5f7e87f6f4c1939df9b409900aaef182ba17040394ab2d9e53667f5dd701840d73d0451246dc594cf36ecea414d248b4b2266d76dadcf0e7d531e84c003d6af1
-  data.tar.gz: 5bfbc2a21865f865edf290dc214cfa2385c7da1a7fd64f732a887337cd6f04c140e3f346b5553aa93c31f32bf5951a2cd07973e418e49e71ddfbb1bbc956522a
+  metadata.gz: d080b944d51df07567e4d75baac6b1584ac02ff6a453ba88197f56eda4e8088d6ab79165cd9bc247e4ff470ab620fe17fc1c74bfa789bedfa3107ca5627902df
+  data.tar.gz: 8c58a0dae93a9358db179034a7aeda3168bcab3b3aef24cd6e1368038e0c684f0a05b756457554a8135c38d402dd88bb93cf1324d6e92147268a67edf9167bd2

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

@@ -0,0 +1,7 @@
+<%= pb_rails("currency", props: {
+  amount: '1234567.89',
+  comma_separator: true,
+  size: 'lg',
+  emphasized: false,
+  decimals: 'matching',
+}) %>

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

@@ -0,0 +1,18 @@
+import React from "react"
+
+import Currency from "../_currency"
+
+const CurrencyCommaSeparator = (props) => {
+  return (
+    <Currency
+        amount='1234567.89'
+        commaSeparator
+        decimals="matching"
+        emphasized={false}
+        size="lg"
+        {...props}
+    />
+  )
+}
+
+export default CurrencyCommaSeparator

data/app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.md

@@ -0,0 +1,3 @@
+The optional `commaSeparator` can be used to auto-format the use of commas as a thousands separator. 
+
+**NOTE:** If the value passed into the `amount` prop is already comma-dilineated, it will not add additional commas.

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

@@ -8,7 +8,8 @@ examples:
   - currency_abbreviated: Abbreviate Larger Amounts
   - currency_matching_decimals: Matching Decimals
   - currency_unstyled: Unstyled
-
+  - currency_comma_separator: Comma Separator
+  
   react:
   - currency_variants: Variants
   - currency_size: Size
@@ -17,6 +18,7 @@ examples:
   - currency_abbreviated: Abbreviate Larger Amounts
   - currency_matching_decimals: Matching Decimals
   - currency_unstyled: Unstyled
+  - currency_comma_separator: Comma Separator
 
   swift:
   - currency_size_swift: Size

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

@@ -5,3 +5,4 @@ export { default as CurrencyNoSymbol } from './_currency_no_symbol.jsx'
 export { default as CurrencyAbbreviated } from './_currency_abbreviated.jsx'
 export { default as CurrencyMatchingDecimals } from './_currency_matching_decimals.jsx'
 export { default as CurrencyUnstyled } from './_currency_unstyled.jsx'
+export { default as CurrencyCommaSeparator } from './_currency_comma_separator.jsx'