playbook_ui_docs 14.18.0.pre.alpha.revert4567revert4553PLAY2056ATcolbordercolors7469 → 14.18.0.pre.rc.0

data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows.md

@@ -1,5 +1,3 @@
 The `collapsibleContent` can display any content, including nested Table Rows. 
 
-Additionally, the `collapsibleSideHighlight` can also be removed by setting it to false if needed. This prop is set to true by default. 
-
-**NOTE**: We advise against using the `disableHover` Table prop when nesting Table Rows within a Table.
+Additionally, the `collapsibleSideHighlight` can also be removed by setting it to false if needed. This prop is set to true by default. 

data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_rows_rails.md

@@ -1,5 +1,3 @@
 The `collapsible_content` can display any content, including nested Table Rows.
 
-Additionally, the `collapsible_side_highlight` can also be removed by setting it to false if needed. This prop is set to true by default.
-
-**NOTE**: We advise against using the `disable_hover` Table prop when nesting Table Rows within a Table.
+Additionally, the `collapsible_side_highlight` can also be removed by setting it to false if needed. This prop is set to true by default.

data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table.md

@@ -1,3 +1 @@
-The `collapsibleContent` can also be used to display nested Tables within each Row. 
-
-**NOTE**: We advise against using the `disableHover` Table prop when nesting Tables within a Table.
+The `collapsibleContent` can also be used to display nested Tables within each Row. 

data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_nested_table_rails.md

@@ -1,3 +1 @@
-The `collapsible_content` can also be used to display nested Tables within each Row.
-
-**NOTE**: We advise against using the `disable_hover` Table prop when nesting Tables within a Table.
+The `collapsible_content` can also be used to display nested Tables within each Row.

data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx

@@ -1,7 +1,6 @@
 import React, { useState } from 'react'
 
 import TextInput from '../_text_input'
-import Icon from '../../pb_icon/_icon'
 
 const TextInputError = (props) => {
   const [email, setEmail] = useState('')
@@ -9,18 +8,11 @@ const TextInputError = (props) => {
   const handleUpdateEmail = ({ target }) => {
     setEmail(target.value)
   }
-
-  const error = (
-    <>
-      <Icon icon="warning" /> Please enter a valid email address
-    </>
-  )
-  
   return (
     <div>
       <TextInput
           addOn={{ icon: 'user', alignment: 'left', border: true }}
-          error={error}
+          error="Please enter a valid email address"
           label="Email Address"
           onChange={handleUpdateEmail}
           placeholder="Enter email address"

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

@@ -18,8 +18,6 @@ examples:
   - text_input_inline: Inline
   - text_input_no_label: No Label
   - text_input_mask: Mask
-  - text_input_sanitize: Sanitized Masked Input
-
 
   swift:
     - text_input_default_swift: Default

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

@@ -6,4 +6,3 @@ export { default as TextInputAddOn } from './_text_input_add_on.jsx'
 export { default as TextInputInline } from './_text_input_inline.jsx'
 export { default as TextInputNoLabel } from './_text_input_no_label.jsx'
 export { default as TextInputMask } from './_text_input_mask.jsx'
-export { default as TextInputSanitize } from './_text_input_sanitize.jsx'

data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error.jsx

@@ -1,21 +1,15 @@
 import React, {useState} from 'react'
 import Textarea from '../../pb_textarea/_textarea'
-import Icon from '../../pb_icon/_icon'
 
 const TextareaError = (props) => {
   const [value, setValue] = useState('default value text')
   const handleChange = (event) => {
     setValue(event.target.value)
   }
-  const error = (
-    <>
-        <Icon icon="warning" /> This field has an error!
-    </>
-  )
   return (
     <div>
       <Textarea
-          error={error}
+          error="This field has an error!"
           label="Label"
           name="comment"
           onChange={(e)=> handleChange(e)}

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.jsx

@@ -1,7 +1,6 @@
 import React, { useState, useEffect } from 'react'
 
 import Typeahead from '../_typeahead'
-import Icon from '../../pb_icon/_icon'
 
 const options = [
   { label: 'Orange', value: '#FFA500' },
@@ -11,10 +10,7 @@ const options = [
 ]
 
 const TypeaheadErrorState = (props) => {
-  const error = (<>
-    <Icon icon="warning" /> Please make a valid selection
-  </>)
-  const [errorState, setErrorState] = useState(error);
+  const [errorState, setErrorState] = useState("Please make a valid selection");
   const [searchValue, setSearchValue] = useState(null);
   
   const handleOnChange = (value) => setSearchValue(value)
@@ -23,7 +19,7 @@ const TypeaheadErrorState = (props) => {
       if(searchValue) {
         setErrorState("")
       } else {
-        setErrorState(error)
+        setErrorState("Please make a valid selection")
       }
     }, [searchValue])