playbook_ui 11.0.1 → 11.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: adf3fc7a5e3d6a96a2da5b522cceb9b11b46face1e39b20e7ac6ffd961376332
-  data.tar.gz: c7c333e50ae58b94143647d0afcd917dac3f258899fd67d12c1f0ee7fea36ec4
+  metadata.gz: f3c49612b5ff10431ef8ef79803f630de5aafe8dfcdfea74dc234cfba6920af1
+  data.tar.gz: e1199ebbc2ec5ecd70229ddef6500a1ebb9a0a31d0e25623d63a0e46034f36c9
 SHA512:
-  metadata.gz: 9d63ddc6a9f45fe39828e1b941e3d217da43f5f770e125cb18e8c596430626d8ab5d17833da8120994b3ed2808ce213e35d2df62a3769f4dba7deba6f19fcec1
-  data.tar.gz: 2ae912dbacbb7070fcb25a38a0dd8561c9913a9fd363526ad37a60388684fba739621f9f1c999cbe92b05a66c940a183895f33ca33775ef7e0b1cdb40e874574
+  metadata.gz: 5fe817795f69f7ab21303aa4f0f0f2a72378df01785421a49984bf4058e7253b2901747607c66ad49c8dcd20153fa746d717a67cfaf572fabd96e3910f2708ab
+  data.tar.gz: e6598e368c84ef4c8473470bcb756ca2313fccad7d3d8fde22c5df5013773b9e4a4e449daf0f2a25f323f98107f6a46073cb6f0c9372ff644f1e77b409c0959d

data/app/pb_kits/playbook/pb_currency/_currency.jsx

@@ -18,6 +18,7 @@ type CurrencyProps = {
   className?: string,
   dark?: boolean,
   data?: object,
+  decimals?: 'default' | 'matching',
   emphasized?: boolean,
   id?: string,
   label?: string,
@@ -40,6 +41,7 @@ const Currency = (props: CurrencyProps) => {
     aria = {},
     amount,
     data = {},
+    decimals = 'default',
     emphasized = true,
     id,
     unit,
@@ -85,9 +87,12 @@ const Currency = (props: CurrencyProps) => {
     return isAmount ? num.slice(0, -1) : isUnit ? num.slice(-1) : ''
   }
 
-  const getAmount = abbreviate ? getAbbreviatedValue('amount') : whole,
+  const getMatchingDecimalAmount = decimals === "matching" ? amount : whole,
+    getMatchingDecimalValue = decimals === "matching" ? '' : `.${decimal}`
+
+  const getAmount = abbreviate ? getAbbreviatedValue('amount') : getMatchingDecimalAmount,
     getAbbreviation = abbreviate ? getAbbreviatedValue('unit') : null,
-    getDecimalValue = abbreviate ? '' : `.${decimal}`
+    getDecimalValue = abbreviate ? '' : getMatchingDecimalValue
 
   return (
     <div

data/app/pb_kits/playbook/pb_currency/currency.rb

@@ -36,6 +36,10 @@ module Playbook
       prop :abbreviate, type: Playbook::Props::Boolean,
                         default: false
 
+      prop :decimals, type: Playbook::Props::Enum,
+                      values: %w[default matching],
+                      default: "default"
+
       def classname
         generate_classname("pb_currency_kit", align, size, dark_class)
       end
@@ -84,6 +88,8 @@ module Playbook
     private
 
       def whole_value
+        return amount if decimals == "matching"
+
         amount.split(".").first.to_s
       end
 
@@ -94,6 +100,8 @@ module Playbook
       end
 
       def units_element
+        return "" if decimals == "matching" && !abbreviate && !unit
+
         _, decimal_part = amount.split(".")
         if unit.nil? && abbreviate == false
           decimal_part.nil? ? ".00" : ".#{decimal_part}"

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

@@ -33,3 +33,31 @@ test('abbreviate prop returns proper abbreviated amount', () => {
   expect(screen.getByTestId('test-billions')).toHaveTextContent('$3.2B')
   expect(screen.getByTestId('test-trillions')).toHaveTextContent('$3.2T')
 })
+
+test('decimals matching prop returns decimals as title text', () => {
+  render(
+    <Currency
+        amount="320.20"
+        data={{ testid: 'test-decimals-matching' }}
+        decimals='matching'
+    />
+  )
+
+  const currencyKit = screen.getByTestId('test-decimals-matching')
+  expect(currencyKit.querySelector('.pb_currency_value')).toHaveTextContent('320.20')
+  expect(currencyKit.querySelector('.unit')).toHaveTextContent('')
+})
+
+test('decimals default prop returns decimals as body text', () => {
+  render(
+    <Currency
+        amount="320.20"
+        data={{ testid: 'test-decimals-default' }}
+        decimals='default'
+    />
+  )
+
+  const currencyKit = screen.getByTestId('test-decimals-default')
+  expect(currencyKit.querySelector('.pb_currency_value')).toHaveTextContent('320')
+  expect(currencyKit.querySelector('.unit')).toHaveTextContent('.20')
+})

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

@@ -0,0 +1,24 @@
+<%= pb_rails("currency", props: {
+  amount: "372.12",
+  decimals: "matching",
+  label: "Small",
+  margin_bottom: "md",
+  size: "sm",
+  unit: "/day",
+}) %>
+
+<%= pb_rails("currency", props: {
+  amount: "30,327.43",
+  decimals: "matching",
+  label: "Medium",
+  margin_bottom: "md",
+  size: "md",
+  symbol: "€",
+}) %>
+
+<%= pb_rails("currency", props: {
+  amount: "621,953.99",
+  decimals: "matching",
+  label: "Large",
+  size: "lg",
+}) %>

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

@@ -0,0 +1,38 @@
+import React from 'react'
+
+import Currency from '../_currency'
+
+const CurrencyMatchingDecimals = (props) => {
+  return (
+    <>
+      <Currency
+          amount="372.12"
+          decimals="matching"
+          label="Small"
+          marginBottom="md"
+          size="sm"
+          unit="/day"
+          {...props}
+      />
+      <Currency
+          amount="30,327.43"
+          decimals="matching"
+          label="Medium"
+          marginBottom="md"
+          size="md"
+          symbol="€"
+          {...props}
+      />
+      <Currency
+          amount="621,953.99"
+          decimals="matching"
+          label="Large"
+          size="lg"
+          {...props}
+      />
+    </>
+  )
+}
+
+export default CurrencyMatchingDecimals
+

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

@@ -6,6 +6,7 @@ examples:
   - currency_alignment: Alignment
   - currency_no_symbol: No Symbol
   - currency_abbreviated: Abbreviate Larger Amounts
+  - currency_matching_decimals: Matching Decimals
 
   react:
   - currency_variants: Variants
@@ -13,3 +14,4 @@ examples:
   - currency_alignment: Alignment
   - currency_no_symbol: No Symbol
   - currency_abbreviated: Abbreviate Larger Amounts
+  - currency_matching_decimals: Matching Decimals

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

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

data/app/pb_kits/playbook/pb_dialog/_dialog.jsx

@@ -1,5 +1,3 @@
-/* eslint-disable react/jsx-handler-names */
-/* eslint-disable react/no-multi-comp */
 /* @flow */
 
 import React, { useState } from 'react'
@@ -9,18 +7,13 @@ import Modal from 'react-modal'
 import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
 import { globalProps } from '../utilities/globalProps'
 
-import Body from '../pb_body/_body'
 import Button from '../pb_button/_button'
 import DialogHeader  from './child_kits/_dialog_header'
 import DialogFooter from './child_kits/_dialog_footer'
 import DialogBody from './child_kits/_dialog_body'
-import Flex from '../pb_flex/_flex'
-import IconCircle from '../pb_icon_circle/_icon_circle'
-import Title from '../pb_title/_title'
 import { DialogContext } from './_dialog_context'
 
 type DialogProps = {
-  alertStyle?: "link" | "single" | "stacked" | "default",
   aria?: object,
   cancelButton?: string,
   children: array<React.ReactNode> | React.ReactNode | string,
@@ -38,7 +31,6 @@ type DialogProps = {
   portalClassName?: string,
   shouldCloseOnOverlayClick: boolean,
   size?: "sm" | "md" | "lg" | "content",
-  status?: "info" | "caution" | "delete" | "error" | "success",
   text?: string,
   title?: string,
   trigger?: string
@@ -46,7 +38,6 @@ type DialogProps = {
 
 const Dialog = (props: DialogProps) => {
   const {
-    alertStyle = "default",
     aria = {},
     cancelButton,
     confirmButton,
@@ -62,7 +53,6 @@ const Dialog = (props: DialogProps) => {
     onClose = () => {},
     portalClassName,
     shouldCloseOnOverlayClick = true,
-    status,
     text,
     title,
     trigger,
@@ -88,15 +78,15 @@ const Dialog = (props: DialogProps) => {
     className
   )
 
-  const [triggerOpened, setTriggerOpened] = useState(false),
-  modalIsOpened = trigger ? triggerOpened : opened
-
   const api = {
     onClose: trigger ? function(){
       setTriggerOpened(false)
     } : onClose,
   }
 
+  const [triggerOpened, setTriggerOpened] = useState(false),
+    modalIsOpened = trigger ? triggerOpened : opened
+
   if (trigger) {
     const modalTrigger = document.querySelector(trigger)
     modalTrigger.addEventListener('click', () => {
@@ -107,29 +97,6 @@ const Dialog = (props: DialogProps) => {
     }, { once: true })
   }
 
-  const sweetAlertStatus = {
-    info: {
-      icon: "exclamation-circle",
-      variant: "default",
-    },
-    caution: {
-      icon: "triangle-warning",
-      variant: "yellow",
-    },
-    delete: {
-      icon: "trash",
-      variant: "red",
-    },
-    error: {
-      icon: "times-circle",
-      variant: "red",
-    },
-    success: {
-      icon: "check-circle",
-      variant: "green",
-    },
-  }
-
   return (
     <DialogContext.Provider value={api}>
       <div
@@ -138,7 +105,6 @@ const Dialog = (props: DialogProps) => {
           className={classes}
       >
         <Modal
-            alertStyle={alertStyle}
             ariaHideApp={false}
             className={dialogClassNames}
             closeTimeoutMS={200}
@@ -149,28 +115,14 @@ const Dialog = (props: DialogProps) => {
             overlayClassName={overlayClassNames}
             portalClassName={portalClassName}
             shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}
-            status={status}
         >
-          <Dialog.Body>
-            <Flex align='center'
-                orientation='column'
-            >
-              <If condition = {sweetAlertStatus[status]}>
-                <IconCircle
-                    icon={sweetAlertStatus[status].icon}
-                    variant={sweetAlertStatus[status].variant}
-                />
-              </If>
-              <Title marginY='sm'
-                  size={3}
-              >
-                {title}
-              </Title>
-              <Body marginY='xs'
-                  text={text}
-              />
-            </Flex>
-          </Dialog.Body>
+          <If condition={title}>
+            <Dialog.Header>{title}</Dialog.Header>
+          </If>
+          <If condition={text}>
+            <Dialog.Body>{text}</Dialog.Body>
+          </If>
+
           <If condition={cancelButton && confirmButton}>
             <Dialog.Footer>
               <Button
@@ -179,14 +131,16 @@ const Dialog = (props: DialogProps) => {
               >
                 {confirmButton}
               </Button>
-              <Button id='cancel-button'
+              <Button
+                  id="cancel-button"
                   onClick={onCancel}
-                  variant='link'
+                  variant="link"
               >
                 {cancelButton}
               </Button>
             </Dialog.Footer>
           </If>
+
           {children}
         </Modal>
       </div>

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_default.jsx

@@ -11,7 +11,7 @@ const DialogDefault = () => {
     <>
       <Button onClick={open}>{'Open Dialog'}</Button>
       <Dialog
-          cancelButton="Cancel Button"
+          cancelButton="Cancel"
           className="wrapper"
           confirmButton="Okay"
           loading={isLoading}

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

@@ -8,5 +8,3 @@ examples:
   - dialog_sizes: Sizes
   - dialog_scrollable: Scrollable
   - dialog_should_close_on_overlay: Overlay Click
-  - dialog_status: Status Alert
-  - dialog_stacked_alert: Stacked Button Alert

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

@@ -4,5 +4,3 @@ export { default as DialogSizes } from './_dialog_sizes.jsx'
 export { default as DialogScrollable } from './_dialog_scrollable.jsx'
 export { default as DialogSeparators } from './_dialog_separators.jsx'
 export { default as DialogShouldCloseOnOverlay } from './_dialog_should_close_on_overlay.jsx'
-export { default as DialogStatus } from './_dialog_status.jsx'
-export { default as DialogStackedAlert } from './_dialog_stacked_alert.jsx'

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "11.0.0"
-  VERSION = "11.0.1"
+  PREVIOUS_VERSION = "11.0.1"
+  VERSION = "11.1.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 11.0.1
+  version: 11.1.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-06-14 00:00:00.000000000 Z
+date: 2022-07-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -604,6 +604,8 @@ files:
 - 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_matching_decimals.html.erb
+- app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.jsx
 - app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.html.erb
 - app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.jsx
 - app/pb_kits/playbook/pb_currency/docs/_currency_size.html.erb
@@ -800,10 +802,6 @@ files:
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.jsx
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_should_close_on_overlay.md
 - app/pb_kits/playbook/pb_dialog/docs/_dialog_sizes.jsx
-- 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.jsx
-- app/pb_kits/playbook/pb_dialog/docs/_dialog_status.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.jsx

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_stacked_alert.jsx

@@ -1,153 +0,0 @@
-/* eslint-disable react/jsx-handler-names */
-
-import React, { useState } from "react"
-import { Button, Dialog, Flex, FlexItem, SectionSeparator } from "../.."
-
-const useDialog = (visible = false) => {
-  const [opened, setOpened] = useState(visible)
-  const toggle = () => setOpened(!opened)
-  return [opened, toggle]
-}
-
-const DialogStackedAlert = () => {
-  const [singleButtonOpen, toggleSingleButtonOpen] = useDialog()
-  const [stackedButtonOpen, toggleStackedButtonOpen] = useDialog()
-  const [singleLinkButtonOpen, toggleSingleLinkButtonOpen] = useDialog()
-  const [twoLinkButtonOpen, toggleTwoLinkButtonOpen] = useDialog()
-
-
-  const dialogs = [
-    {
-      status: "info",
-      text: "Text explaining why there is an alert",
-      title: "Are you sure?",
-      toggle: toggleSingleButtonOpen,
-      visible: singleButtonOpen,
-      confirmedButton:"Ok, Thanks",
-    },
-    {
-      status: "error",
-      text: "Text explaining the error",
-      title: "Error Message",
-      confirmedButton:"Yes, Action",
-      cancelledButton: "Ok, Cancel",
-      toggle: toggleStackedButtonOpen,
-      visible: stackedButtonOpen,
-    },
-    {
-      status: "caution",
-      text: "This is the action you will be taking",
-      title: "Are you sure?",
-      toggle: toggleSingleLinkButtonOpen,
-      visible: singleLinkButtonOpen,
-      linkConfirmedButton:"Ok, Thanks!"
-    },
-    {
-      status: "success",
-      text: "Text explaining what is successful",
-      title: "Success",
-      toggle: toggleTwoLinkButtonOpen,
-      visible: twoLinkButtonOpen,
-      linkConfirmedButton:"Ok",
-      linkCancelledButton: "Cancel"
-    }
-  ]
-
-  return (
-    <div>
-    <Flex>
-      <Button
-          marginX="md"
-          onClick={toggleSingleButtonOpen}
-      >
-        {"1 Button Information Status"}
-      </Button>
-      <Button
-          marginX="md"
-          onClick={toggleStackedButtonOpen}
-      >
-        {"2 Button Error Status"}
-      </Button>
-      <Button
-          marginX="md"
-          onClick={toggleSingleLinkButtonOpen}
-      >
-        {"1 Link Button Caution"}
-      </Button>
-      <Button
-          marginX="md"
-          onClick={toggleTwoLinkButtonOpen}
-      >
-        {"2 Link Button Success"}
-      </Button>
-    </Flex>
-    <Flex>
-      {dialogs.map((dialog) => (
-        <Dialog
-            alertStyle={dialog.alertStyle}
-            key={dialog.status}
-            onClose={dialog.toggle}
-            opened={dialog.visible}
-            size="sm"
-            status={dialog.status}
-            text={dialog.text}
-            title={dialog.title}
-        >
-        <If condition={dialog.cancelledButton || dialog.confirmedButton}>
-          <Dialog.Footer>
-            <Button
-                fullWidth
-                onClick={dialog.toggle}
-            >
-              {dialog.confirmedButton}
-            </Button>
-          </Dialog.Footer>
-          <If condition={dialog.cancelledButton}>
-            <Dialog.Footer paddingTop="none">
-              <Button
-                  fullWidth
-                  onClick={dialog.toggle}
-                  variant="secondary"
-              >
-                {dialog.cancelledButton}
-              </Button>
-            </Dialog.Footer>
-          </If>
-          </If>
-          <If condition={dialog.linkCancelledButton || dialog.linkConfirmedButton} >
-            <SectionSeparator />
-            <Flex
-                inline="flex-container"
-                vertical="stretch"
-            >
-              <FlexItem flex={1} >
-                <Button
-                    fullWidth
-                    onClick={dialog.toggle}
-                    variant="link"
-                >
-                  {dialog.linkConfirmedButton}
-                </Button>
-              </FlexItem>
-              <If condition={dialog.linkCancelledButton}>
-                <SectionSeparator orientation="vertical"/>
-                <FlexItem flex={1}>
-                  <Button
-                      fullWidth
-                      onClick={dialog.toggle}
-                      variant="link"
-                  >
-                    {dialog.linkCancelledButton}
-                  </Button>
-                </FlexItem>
-              </If>
-            </Flex>
-          </If>
-        </Dialog>
-      ))}
-    </Flex>
-  </div>
-  )
-}
-
-export default DialogStackedAlert

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_stacked_alert.md

@@ -1 +0,0 @@
-This is designed to show you how the buttons can stack with different alert styles. It also has a link style for the buttons for the mobile views.

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_status.jsx

@@ -1,130 +0,0 @@
-/* eslint-disable react/jsx-handler-names */
-/* @flow */
-
-import React, { useState } from "react"
-import { Button, Dialog, Flex } from "../.."
-
-const useDialog = (visible = false) => {
-  const [opened, setOpened] = useState(visible)
-  const toggle = () => setOpened(!opened)
-  return [opened, toggle]
-
-}
-
-const DialogStatus = () => {
-  const [infoAlertOpened, toggleInfoAlert] = useDialog()
-  const [cautionAlertOpened, toggleCautionAlert] = useDialog()
-  const [successAlertOpened, toggleSuccessAlert] = useDialog()
-  const [errorAlertOpened, toggleErrorAlert] = useDialog()
-  const [deleteAlertOpened, toggleDeleteAlert] = useDialog()
-
-  const dialogs = [
-    {
-      status: "info",
-      text: "Text explaining why there is an alert",
-      title: "Are you Sure?",
-      toggle: toggleInfoAlert,
-      visible: infoAlertOpened,
-      buttonOneText:"No, Cancel",
-      buttonTwoText: "Yes, Action"
-    },
-    {
-      status: "caution",
-      text: "This is the action you will be taking",
-      title: "Are you Sure?",
-      toggle: toggleCautionAlert,
-      visible: cautionAlertOpened,
-      buttonOneText:"No, Cancel",
-      buttonTwoText: "Yes, Action"
-    },
-    {
-      status: "delete",
-      text: "You are about to delete ...",
-      title: "Delete",
-      toggle: toggleDeleteAlert,
-      visible: deleteAlertOpened,
-      buttonOneText:"No, Cancel",
-      buttonTwoText: "Yes, Delete"
-    },
-    {
-      status: "error",
-      text: "Text explaining the error",
-      title: "Error Message",
-      toggle: toggleErrorAlert,
-      visible: errorAlertOpened,
-      buttonOneText:"No, Cancel",
-      buttonTwoText: "Ok, Thanks"
-    },
-    {
-      status: "success",
-      text: "Text explaining what is successful",
-      title: "Success!",
-      toggle: toggleSuccessAlert,
-      visible: successAlertOpened,
-      buttonOneText:"No, Cancel",
-      buttonTwoText: "Ok, Thanks"
-    },
-  ]
-
-  return (
-    <div>
-      <Flex>
-        <Button
-            marginX="md"
-            onClick={toggleInfoAlert}
-        >
-          {"Information Status"}
-        </Button>
-        <Button
-            marginX="md"
-            onClick={toggleCautionAlert}
-        >
-          {"Caution Status"}
-        </Button>
-        <Button
-            marginX="md"
-            onClick={toggleSuccessAlert}
-        >
-          {"Success Status"}
-        </Button>
-        <Button onClick={toggleErrorAlert}>
-          {"Error Status"}
-        </Button>
-        <Button
-            marginX="md"
-            onClick={toggleDeleteAlert}
-        >
-          {"Delete Status"}
-        </Button>
-      </Flex>
-      <Flex>
-        {dialogs.map((dialog) => (
-          <Dialog
-              key={dialog.status}
-              onClose={dialog.toggle}
-              opened={dialog.visible}
-              status={dialog.status}
-              text={dialog.text}
-              title={dialog.title}
-          >
-          <Dialog.Footer>
-            <Button
-                onClick={dialog.toggle}
-                variant="secondary"
-            >
-            {dialog.buttonOneText}
-            </Button>
-            <Button
-                onClick={dialog.toggle}
-            >
-            {dialog.buttonTwoText}
-            </Button>
-          </Dialog.Footer>
-          </Dialog>
-        ))}
-      </Flex>
-    </div>
-  )
-}
-
-export default DialogStatus

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_status.md

@@ -1 +0,0 @@
-This shows the different alert statuses that can be used for dialog boxes. These all have two buttons which is a default