playbook_ui_docs 13.7.0.pre.alpha.play978makehighchartsadevdependencypoc1223 → 13.8.0.pre.alpha.PLAY1016reactionbuttonemojibug1245

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0a520839e9347f3deeb2d7e05c65b467b55d9dcce390a0b5b935d5e4af61e17d
-  data.tar.gz: 407dbb2c2fc81192c21c8f79d2befe25f0046c69f052f4d91738d8b10757a179
+  metadata.gz: 44ac9fcc58a2be4bb8900843ae8ec324d8605e0ba9f93caa0a2800ae5feaa265
+  data.tar.gz: ecf3f015c1bce98395c9b0e41fbe368de1193706766ba4dd5ee24b6dd9ffc178
 SHA512:
-  metadata.gz: f87b9cbe47e8d2ac5f564f9a70fef4c1182fa29bb05dff04774a9498010c8c76875c52bc0b2e550d91501a3c4e5a2cbafcf3b4855c4c7025b59cc8228e7a4492
-  data.tar.gz: bbc22c09a22a6489781ec696f72cb61ed6b338800038c113ce2e73b715e5fbd084c458eef189323425cf1685ae3d9fa39cc033525f2c5d1e3da092bbee83d1ed
+  metadata.gz: 428a35bbb22f7a4eb2fc8eb7be8cfcc78f277fe7c4d75d1d289101f9b16de8665c0cd4d032eba6630956047f41858a6af69f6c8e4c0a2fd77aafcddeaa4ceebb
+  data.tar.gz: e5ba4fb957725c0b6fe7169932bd1ad0642272a88697ee62d2e532702804578e11df947b694208aff7b4037b183253457ed96ee474ccbafce517cfc06573f6c4

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

@@ -1,5 +1,5 @@
 <%= pb_rails("button", props: { count: 153, highlight: false, icon: "&#127881;", classname: "count", id: "reaction-button-highlight", variant: "reaction" }) %>
-<%= pb_rails("button", props: { count: 5, icon: "😍", variant: "reaction", margin_left: "lg" }) %>
+<%= pb_rails("button", props: { count: 5, icon: "1️⃣", variant: "reaction", margin_left: "lg" }) %>
 <%= pb_rails("button", props: { variant: "reaction", margin_left: "lg" }) %>
 <%= pb_rails("button", props: { icon: "user", variant: "reaction", margin_left: "lg" }) %>
 

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

@@ -19,7 +19,7 @@ return (
     />
     <Button
         count={5}
-        icon="😍"
+        icon="1️⃣"
         marginLeft='lg'
         tabIndex={0}
         variant="reaction"

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

@@ -0,0 +1,14 @@
+<%= pb_rails("currency", props: {
+  amount: "2,000.50",
+  label: "Basic unstyled example",
+  margin_bottom: "md",
+  unstyled: true
+}) %>
+
+<%= pb_rails("title", props: { size: 1 }) do %>
+  <%= pb_rails("currency", props: {
+    amount: "2,000.50",
+    label: "Example with wrapping typography kit",
+    unstyled: true
+  }) %>
+<% end %>

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

@@ -0,0 +1,30 @@
+import React from 'react'
+import { Currency, Title } from '../..'
+
+const CurrencyUnstyled = (props) => {
+  return (
+    <>
+      <Currency
+          amount="2,000.50"
+          label="Basic unstyled example"
+          marginBottom="md"
+          unstyled
+          {...props}
+      />
+
+      <Title
+          size={1}
+          {...props}
+      >
+        <Currency
+            amount="2,000.50"
+            label="Example with wrapping typography kit"
+            unstyled
+            {...props}
+        />
+      </Title>
+    </>
+  )
+}
+
+export default CurrencyUnstyled

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

@@ -0,0 +1 @@
+For alternative typography styles, you can pass a boolean prop called `unstyled` to the `Currency` kit and wrap it in any of our typography kits (`Title`, `Body`, `Caption`, etc.). This will allow the `Currency` kit to inherit any of our typography styles.

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

@@ -13,12 +13,13 @@
   size: "sm",
   symbol: "€",
   variant: "light",
+  emphasized: false,
 }) %>
 
 <%= pb_rails("currency", props: {
   amount: "45",
   label: "Bold",
-  size: "lg",
+  size: "sm",
   unit: "/mo",
   variant: "bold",
 }) %>

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

@@ -7,6 +7,7 @@ examples:
   - currency_no_symbol: No Symbol
   - currency_abbreviated: Abbreviate Larger Amounts
   - currency_matching_decimals: Matching Decimals
+  - currency_unstyled: Unstyled
 
   react:
   - currency_variants: Variants
@@ -15,3 +16,4 @@ examples:
   - currency_no_symbol: No Symbol
   - currency_abbreviated: Abbreviate Larger Amounts
   - currency_matching_decimals: Matching Decimals
+  - currency_unstyled: Unstyled

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

@@ -4,3 +4,4 @@ export { default as CurrencyAlignment } from './_currency_alignment.jsx'
 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'