@zohodesk/components 1.0.0-temp-256.1 → 1.0.0-temp-259.1

package/es/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`DateTimePopupFooter rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="flex row alignItems_center footer"
+    class="d-flex d-flex-row d-items-center footer"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"

package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap

@@ -3,13 +3,13 @@
 exports[`DateTimePopupHeader rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="flex fullSize row alignItems_center justifyContent_center header"
+    class="d-flex d-h-full d-w-full d-flex-row d-items-center d-justify-center header"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"
   >
     <div
-      class="noShrink dateText"
+      class="d-flex-shrink-0 dateText"
       data-id="selectYear"
       data-selector-id="box"
       data-test-id="selectYear"
@@ -30,14 +30,14 @@ exports[`DateTimePopupHeader rendering the defult props 1`] = `
       </span>
     </div>
     <div
-      class="flexible basis_zero noShrink"
+      class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
     />
     <div
       aria-label="prevMonth"
-      class="noShrink thArrow grid"
+      class="d-flex-shrink-0 thArrow grid"
       data-id="prevMonth"
       data-selector-id="box"
       data-test-id="prevMonth"
@@ -53,7 +53,7 @@ exports[`DateTimePopupHeader rendering the defult props 1`] = `
     </div>
     <div
       aria-label="nextMonth"
-      class="noShrink thArrow grid navigation"
+      class="d-flex-shrink-0 thArrow grid navigation"
       data-id="nextMonth"
       data-selector-id="box"
       data-test-id="nextMonth"

package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap

@@ -11,11 +11,11 @@ exports[`DateWidget rendering the defult props 1`] = `
       data-test-id="dateWidget_widget"
     >
       <div
-        class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container placeHolder"
+        class="d-flex d-flex-row varClass customContainer border_bottom effect borderColor_default hasBorder container placeHolder"
         data-selector-id="textBoxIcon"
       >
         <div
-          class="flexible basis_zero noShrink"
+          class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
@@ -32,25 +32,25 @@ exports[`DateWidget rendering the defult props 1`] = `
           />
         </div>
         <div
-          class="noShrink iconContainer"
+          class="d-flex-shrink-0 iconContainer"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
         >
           <div
-            class="flex fullSize row"
+            class="d-flex d-h-full d-w-full d-flex-row"
             data-id="containerComponent"
             data-selector-id="container"
             data-test-id="containerComponent"
           >
             <div
-              class="noShrink icon"
+              class="d-flex-shrink-0 icon"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
             >
               <div
-                class="inlineFlex column alignItems_center justifyContent_center datePickIcon"
+                class="d-inline-flex d-flex-col d-items-center d-justify-center datePickIcon"
                 data-id="dateWidget_datePicker"
                 data-selector-id="container"
                 data-test-id="dateWidget_datePicker"

package/es/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`DaysRow rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="flex fullSize row days"
+    class="d-flex d-h-full d-w-full d-flex-row days"
     data-id="containerComponent"
     data-selector-id="container"
     data-test-id="containerComponent"

package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap

@@ -6,13 +6,13 @@ exports[`Time rendering the defult props 1`] = `
     class="text"
   />
   <div
-    class="flex row alignItems_center timesection"
+    class="d-flex d-flex-row d-items-center timesection"
     data-id="Time_timeContainer"
     data-selector-id="container"
     data-test-id="Time_timeContainer"
   >
     <div
-      class="flexible basis_zero noShrink dropDownContainer"
+      class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 dropDownContainer"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -27,11 +27,11 @@ exports[`Time rendering the defult props 1`] = `
           data-test-id="hourField"
         >
           <div
-            class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
+            class="d-flex d-flex-row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
             data-selector-id="textBoxIcon"
           >
             <div
-              class="flexible basis_zero noShrink"
+              class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
@@ -57,32 +57,32 @@ exports[`Time rendering the defult props 1`] = `
               />
             </div>
             <div
-              class="noShrink iconContainer"
+              class="d-flex-shrink-0 iconContainer"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
             >
               <div
-                class="flex fullSize row"
+                class="d-flex d-h-full d-w-full d-flex-row"
                 data-id="containerComponent"
                 data-selector-id="container"
                 data-test-id="containerComponent"
               >
                 <div
-                  class="noShrink icon"
+                  class="d-flex-shrink-0 icon"
                   data-id="boxComponent"
                   data-selector-id="box"
                   data-test-id="boxComponent"
                 >
                   <div
-                    class="inlineFlex row alignItems_center justifyContent_center rightPlaceholder"
+                    class="d-inline-flex d-flex-row d-items-center d-justify-center rightPlaceholder"
                     data-id="containerComponent"
                     data-selector-id="container"
                     data-test-id="containerComponent"
                   >
                     <div
                       aria-hidden="true"
-                      class="flex fullSize column alignItems_center justifyContent_center arrowIcon"
+                      class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center arrowIcon"
                       data-id="hourField_downIcon"
                       data-selector-id="container"
                       data-test-id="hourField_downIcon"
@@ -105,7 +105,7 @@ exports[`Time rendering the defult props 1`] = `
       </div>
     </div>
     <div
-      class="flexible basis_zero noShrink dropDownContainer"
+      class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 dropDownContainer"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -120,11 +120,11 @@ exports[`Time rendering the defult props 1`] = `
           data-test-id="minuteField"
         >
           <div
-            class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
+            class="d-flex d-flex-row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
             data-selector-id="textBoxIcon"
           >
             <div
-              class="flexible basis_zero noShrink"
+              class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
@@ -150,32 +150,32 @@ exports[`Time rendering the defult props 1`] = `
               />
             </div>
             <div
-              class="noShrink iconContainer"
+              class="d-flex-shrink-0 iconContainer"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
             >
               <div
-                class="flex fullSize row"
+                class="d-flex d-h-full d-w-full d-flex-row"
                 data-id="containerComponent"
                 data-selector-id="container"
                 data-test-id="containerComponent"
               >
                 <div
-                  class="noShrink icon"
+                  class="d-flex-shrink-0 icon"
                   data-id="boxComponent"
                   data-selector-id="box"
                   data-test-id="boxComponent"
                 >
                   <div
-                    class="inlineFlex row alignItems_center justifyContent_center rightPlaceholder"
+                    class="d-inline-flex d-flex-row d-items-center d-justify-center rightPlaceholder"
                     data-id="containerComponent"
                     data-selector-id="container"
                     data-test-id="containerComponent"
                   >
                     <div
                       aria-hidden="true"
-                      class="flex fullSize column alignItems_center justifyContent_center arrowIcon"
+                      class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center arrowIcon"
                       data-id="minuteField_downIcon"
                       data-selector-id="container"
                       data-test-id="minuteField_downIcon"
@@ -198,7 +198,7 @@ exports[`Time rendering the defult props 1`] = `
       </div>
     </div>
     <div
-      class="flexible basis_zero noShrink dropDownContainer"
+      class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0 dropDownContainer"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -213,11 +213,11 @@ exports[`Time rendering the defult props 1`] = `
           data-test-id="ampmField"
         >
           <div
-            class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
+            class="d-flex d-flex-row varClass customContainer border_bottom effect borderColor_default hasBorder container input"
             data-selector-id="textBoxIcon"
           >
             <div
-              class="flexible basis_zero noShrink"
+              class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
@@ -243,32 +243,32 @@ exports[`Time rendering the defult props 1`] = `
               />
             </div>
             <div
-              class="noShrink iconContainer"
+              class="d-flex-shrink-0 iconContainer"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
             >
               <div
-                class="flex fullSize row"
+                class="d-flex d-h-full d-w-full d-flex-row"
                 data-id="containerComponent"
                 data-selector-id="container"
                 data-test-id="containerComponent"
               >
                 <div
-                  class="noShrink icon"
+                  class="d-flex-shrink-0 icon"
                   data-id="boxComponent"
                   data-selector-id="box"
                   data-test-id="boxComponent"
                 >
                   <div
-                    class="inlineFlex row alignItems_center justifyContent_center rightPlaceholder"
+                    class="d-inline-flex d-flex-row d-items-center d-justify-center rightPlaceholder"
                     data-id="containerComponent"
                     data-selector-id="container"
                     data-test-id="containerComponent"
                   >
                     <div
                       aria-hidden="true"
-                      class="flex fullSize column alignItems_center justifyContent_center arrowIcon"
+                      class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center arrowIcon"
                       data-id="ampmField_downIcon"
                       data-selector-id="container"
                       data-test-id="ampmField_downIcon"

package/es/DropDown/DropDownHeading.js

@@ -37,9 +37,4 @@ export default class DropDownHeading extends React.Component {
 
 }
 DropDownHeading.propTypes = DropDownHeading_propTypes;
-DropDownHeading.defaultProps = DropDownHeading_defaultProps; // if (__DOCS__) {
-//   DropDownHeading.docs = {
-//     componentGroup: 'Form Elements',
-//     folderName: 'Style Guide'
-//   };
-// }
+DropDownHeading.defaultProps = DropDownHeading_defaultProps;

package/es/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap

@@ -31,13 +31,13 @@ exports[`DropDown rendering the defult props 1`] = `
         tabindex="-1"
       >
         <div
-          class="flex row"
+          class="d-flex d-flex-row"
           data-id="containerComponent"
           data-selector-id="container"
           data-test-id="containerComponent"
         >
           <div
-            class="flexible basis_zero shrink scroll_vertical"
+            class="d-min-h-0 d-flex-grow d-basis-0 d-min-w-0 d-flex-shrink d-overflow-y-auto d-overflow-x-hidden"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"

package/es/Heading/Heading.js

@@ -30,9 +30,4 @@ export default class Heading extends React.Component {
 
 }
 Heading.propTypes = propTypes;
-Heading.defaultProps = defaultProps; // if (__DOCS__) {
-//   Heading.docs = {
-//     folderName: 'Style Guide',
-//     componentGroup: 'Accessibility'
-//   };
-// }
+Heading.defaultProps = defaultProps;

package/es/Label/Label.js

@@ -62,9 +62,4 @@ export default class Label extends React.Component {
 
 }
 Label.defaultProps = defaultProps;
-Label.propTypes = propTypes; // if (__DOCS__) {
-//   Label.docs = {
-//     componentGroup: 'Form Elements',
-//     folderName: 'Style Guide'
-//   };
-// }
+Label.propTypes = propTypes;

package/es/Label/__tests__/__snapshots__/Label.spec.js.snap

@@ -292,7 +292,7 @@ exports[`Label rendering the variant of- primary 1`] = `
 exports[`Label rendering with customProps - containerProps & rightPlaceholderNodeProps 1`] = `
 <DocumentFragment>
   <div
-    class="flex row alignItems_center"
+    class="d-flex d-flex-row d-items-center"
     data-id="flex"
     data-test-id="flex"
     style="gap: 6px;"
@@ -307,7 +307,7 @@ exports[`Label rendering with customProps - containerProps & rightPlaceholderNod
       Premium Feature
     </label>
     <div
-      class="flex row alignItems_center"
+      class="d-flex d-flex-row d-items-center"
       data-id="flex"
       data-test-id="flex"
       style="gap: 6px;"
@@ -325,7 +325,7 @@ exports[`Label rendering with customProps - containerProps & rightPlaceholderNod
 exports[`Label rendering with renderRightPlaceholderNode 1`] = `
 <DocumentFragment>
   <div
-    class="flex row alignItems_center"
+    class="d-flex d-flex-row d-items-center"
     data-id="flex"
     data-test-id="flex"
   >
@@ -339,7 +339,7 @@ exports[`Label rendering with renderRightPlaceholderNode 1`] = `
       New Feature
     </label>
     <div
-      class="flex row alignItems_center"
+      class="d-flex d-flex-row d-items-center"
       data-id="flex"
       data-test-id="flex"
     >

package/es/ListItem/ListContainer.js

@@ -95,9 +95,4 @@ const ListContainer = props => {
 
 ListContainer.defaultProps = ListContainerDefaultProps;
 ListContainer.propTypes = ListContainer_Props;
-export default ListContainer; // if (__DOCS__) {
-//   ListContainer.docs = {
-//     componentGroup: 'Molecule',
-//     folderName: 'Style Guide'
-//   };
-// }
+export default ListContainer;

package/es/ListItem/ListItem.js

@@ -88,7 +88,6 @@ export default class ListItem extends React.Component {
     let {
       customListItem = '',
       customTickIcon = '',
-      customLeftValuePlaceholder = '',
       customValueRightPlaceholder = '',
       customTitleBox = ''
     } = customClass;
@@ -131,7 +130,7 @@ export default class ListItem extends React.Component {
       className: `${style.titleBox} ${lhsAlignContent !== 'start' ? `${style[`alignLhsBox_${lhsAlignContent}`]}` : ''} ${customTitleBox}`
     }, isRenderable(renderBeforeChildren) ? /*#__PURE__*/React.createElement(Box, {
       adjust: true,
-      className: `${style.beforeChild} ${customLeftValuePlaceholder}`
+      className: style.beforeChild
     }, renderNode(renderBeforeChildren)) : null, value ? /*#__PURE__*/React.createElement(Box, {
       shrink: true,
       adjust: true,
@@ -158,9 +157,4 @@ export default class ListItem extends React.Component {
 
 }
 ListItem.defaultProps = ListItemDefaultProps;
-ListItem.propTypes = ListItem_Props; // if (__DOCS__) {
-//   ListItem.docs = {
-//     componentGroup: 'Molecule',
-//     folderName: 'Style Guide'
-//   };
-// }
+ListItem.propTypes = ListItem_Props;

package/es/ListItem/ListItemWithAvatar.js

@@ -83,7 +83,6 @@ export default class ListItemWithAvatar extends React.PureComponent {
       needMultiLineText,
       secondaryValue,
       renderValueRightPlaceholderNode,
-      renderLeftValuePlaceholderNode,
       lhsAlignContent
     } = this.props;
     let {
@@ -96,9 +95,7 @@ export default class ListItemWithAvatar extends React.PureComponent {
       customListItem = '',
       customAvatar = '',
       customAvatarTeam = '',
-      customValueRightPlaceholder = '',
-      customLeftValuePlaceholder = '',
-      customTitleBox = ''
+      customValueRightPlaceholder = ''
     } = customClass;
     const listA11y = {
       ariaHidden: true,
@@ -160,11 +157,8 @@ export default class ListItemWithAvatar extends React.PureComponent {
       flexible: true,
       className: `${style.leftBox} ${style.selfAlign_center}`
     }, /*#__PURE__*/React.createElement(Box, {
-      className: `${style.titleBox} ${customTitleBox}`
-    }, isRenderable(renderLeftValuePlaceholderNode) ? /*#__PURE__*/React.createElement(Box, {
-      adjust: true,
-      className: `${customLeftValuePlaceholder}`
-    }, renderNode(renderLeftValuePlaceholderNode)) : null, value ? /*#__PURE__*/React.createElement(Box, {
+      className: style.titleBox
+    }, value ? /*#__PURE__*/React.createElement(Box, {
       shrink: true,
       adjust: true,
       "data-title": isDisabled ? null : title,
@@ -187,9 +181,4 @@ export default class ListItemWithAvatar extends React.PureComponent {
 
 }
 ListItemWithAvatar.defaultProps = ListItemWithAvatarDefaultProps;
-ListItemWithAvatar.propTypes = ListItemWithAvatar_Props; // if (__DOCS__) {
-//   ListItemWithAvatar.docs = {
-//     componentGroup: 'Molecule',
-//     folderName: 'Style Guide'
-//   };
-// }
+ListItemWithAvatar.propTypes = ListItemWithAvatar_Props;

package/es/ListItem/ListItemWithCheckBox.js

@@ -67,7 +67,6 @@ export default class ListItemWithCheckBox extends React.Component {
       needMultiLineText,
       secondaryValue,
       renderValueRightPlaceholderNode,
-      renderLeftValuePlaceholderNode,
       lhsAlignContent,
       lhsJustifyContent
     } = this.props;
@@ -83,9 +82,7 @@ export default class ListItemWithCheckBox extends React.Component {
       customListItem = '',
       customCheckBox = '',
       customLabel = '',
-      customValueRightPlaceholder = '',
-      customLeftValuePlaceholder = '',
-      customTitleBox = ''
+      customValueRightPlaceholder = ''
     } = customClass;
     const iconBoxDataId = `${dataId ? dataId : value}_checkBox`;
     return /*#__PURE__*/React.createElement(ListContainer, _extends({
@@ -128,11 +125,8 @@ export default class ListItemWithCheckBox extends React.Component {
       flexible: true,
       className: `${style.leftBox} ${style.selfAlign_center}`
     }, /*#__PURE__*/React.createElement(Box, {
-      className: `${style.titleBox} ${customTitleBox}`
-    }, isRenderable(renderLeftValuePlaceholderNode) ? /*#__PURE__*/React.createElement(Box, {
-      adjust: true,
-      className: `${customLeftValuePlaceholder}`
-    }, renderNode(renderLeftValuePlaceholderNode)) : null, value ? /*#__PURE__*/React.createElement(Box, {
+      className: style.titleBox
+    }, value ? /*#__PURE__*/React.createElement(Box, {
       shrink: true,
       adjust: true,
       "data-title": isDisabled ? null : title,
@@ -147,9 +141,4 @@ export default class ListItemWithCheckBox extends React.Component {
 
 }
 ListItemWithCheckBox.defaultProps = ListItemWithCheckBoxDefaultProps;
-ListItemWithCheckBox.propTypes = ListItemWithCheckBox_Props; // if (__DOCS__) {
-//   ListItemWithCheckBox.docs = {
-//     componentGroup: 'Molecule',
-//     folderName: 'Style Guide'
-//   };
-// }
+ListItemWithCheckBox.propTypes = ListItemWithCheckBox_Props;

package/es/ListItem/ListItemWithIcon.js

@@ -76,13 +76,10 @@ export default class ListItemWithIcon extends React.Component {
       a11y,
       customClass,
       customValueRightPlaceholderClass,
-      customLeftValuePlaceholderClass,
-      customTitleBoxClass,
       customProps,
       needMultiLineText,
       secondaryValue,
       renderValueRightPlaceholderNode,
-      renderLeftValuePlaceholderNode,
       lhsAlignContent,
       lhsJustifyContent
     } = this.props;
@@ -142,11 +139,8 @@ export default class ListItemWithIcon extends React.Component {
       flexible: true,
       className: `${style.leftBox} ${style.selfAlign_center}`
     }, /*#__PURE__*/React.createElement(Box, {
-      className: `${style.titleBox} ${customTitleBoxClass}`
-    }, isRenderable(renderLeftValuePlaceholderNode) ? /*#__PURE__*/React.createElement(Box, {
-      adjust: true,
-      className: `${customLeftValuePlaceholderClass}`
-    }, renderNode(renderLeftValuePlaceholderNode)) : null, value ? /*#__PURE__*/React.createElement(Box, {
+      className: style.titleBox
+    }, value ? /*#__PURE__*/React.createElement(Box, {
       shrink: true,
       adjust: true,
       className: needMultiLineText ? style.multiLineValue : style.value,
@@ -170,9 +164,4 @@ export default class ListItemWithIcon extends React.Component {
 
 }
 ListItemWithIcon.defaultProps = ListItemWithIconDefaultProps;
-ListItemWithIcon.propTypes = ListItemWithIcon_Props; // if (__DOCS__) {
-//   ListItemWithIcon.docs = {
-//     componentGroup: 'Molecule',
-//     folderName: 'Style Guide'
-//   };
-// }
+ListItemWithIcon.propTypes = ListItemWithIcon_Props;

package/es/ListItem/ListItemWithRadio.js

@@ -68,7 +68,6 @@ export default class ListItemWithRadio extends React.Component {
       needMultiLineText,
       secondaryValue,
       renderValueRightPlaceholderNode,
-      renderLeftValuePlaceholderNode,
       lhsAlignContent,
       lhsJustifyContent
     } = this.props;
@@ -84,9 +83,7 @@ export default class ListItemWithRadio extends React.Component {
       customListItem = '',
       customRadio = '',
       customRadioWrap = '',
-      customValueRightPlaceholder = '',
-      customLeftValuePlaceholder = '',
-      customTitleBox = ''
+      customValueRightPlaceholder = ''
     } = customClass;
     const iconBoxDataId = `${dataId}_radio`;
     return /*#__PURE__*/React.createElement(ListContainer, _extends({
@@ -130,11 +127,8 @@ export default class ListItemWithRadio extends React.Component {
       flexible: true,
       className: `${style.leftBox} ${style.selfAlign_center}`
     }, /*#__PURE__*/React.createElement(Box, {
-      className: `${style.titleBox} ${customTitleBox}`
-    }, isRenderable(renderLeftValuePlaceholderNode) ? /*#__PURE__*/React.createElement(Box, {
-      adjust: true,
-      className: `${customLeftValuePlaceholder}`
-    }, renderNode(renderLeftValuePlaceholderNode)) : null, value ? /*#__PURE__*/React.createElement(Box, {
+      className: style.titleBox
+    }, value ? /*#__PURE__*/React.createElement(Box, {
       shrink: true,
       adjust: true,
       "data-title": disableTitle ? null : title,
@@ -149,9 +143,4 @@ export default class ListItemWithRadio extends React.Component {
 
 }
 ListItemWithRadio.defaultProps = ListItemWithRadioDefaultProps;
-ListItemWithRadio.propTypes = ListItemWithRadio_Props; // if (__DOCS__) {
-//   ListItemWithRadio.docs = {
-//     componentGroup: 'Molecule',
-//     folderName: 'Style Guide'
-//   };
-// }
+ListItemWithRadio.propTypes = ListItemWithRadio_Props;

package/es/ListItem/__tests__/ListItemWithAvatar.spec.js

@@ -62,23 +62,4 @@ describe('ListItemWithAvatar', () => {
     }));
     expect(asFragment()).toMatchSnapshot();
   });
-  test('ListItemWithAvatar with renderLeftValuePlaceholderNode', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ListItemWithAvatar, {
-      renderLeftValuePlaceholderNode: () => /*#__PURE__*/React.createElement("div", null, "Left Placeholder")
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('ListItemWithAvatar with renderLeftValuePlaceholderNode & it\'s custom class', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ListItemWithAvatar, {
-      renderLeftValuePlaceholderNode: () => /*#__PURE__*/React.createElement("div", null, "Left Placeholder"),
-      customClass: {
-        customLeftValuePlaceholder: "customLeftValuePlaceholderClass"
-      }
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
 });

package/es/ListItem/__tests__/ListItemWithCheckBox.spec.js

@@ -62,23 +62,4 @@ describe('ListItemWithCheckBox', () => {
     }));
     expect(asFragment()).toMatchSnapshot();
   });
-  test('ListItemWithCheckBox with renderLeftValuePlaceholderNode', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ListItemWithCheckBox, {
-      renderLeftValuePlaceholderNode: () => /*#__PURE__*/React.createElement("div", null, "Left Placeholder")
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
-  test('ListItemWithCheckBox with renderLeftValuePlaceholderNode & it\'s custom class', () => {
-    const {
-      asFragment
-    } = render( /*#__PURE__*/React.createElement(ListItemWithCheckBox, {
-      renderLeftValuePlaceholderNode: () => /*#__PURE__*/React.createElement("div", null, "Left Placeholder"),
-      customClass: {
-        customLeftValuePlaceholder: "customLeftValuePlaceholderClass"
-      }
-    }));
-    expect(asFragment()).toMatchSnapshot();
-  });
 });