@zohodesk/components 1.0.0-temp-205 → 1.0.0-temp-206

package/es/ListItem/props/propTypes.js

@@ -1,4 +1,5 @@
 import PropTypes from 'prop-types';
+import { propTypes as AvatarProps } from '../../Avatar/props/propTypes.js';
 export const ListContainer_Props = {
   active: PropTypes.bool,
   autoHover: PropTypes.bool,
@@ -87,6 +88,7 @@ export const ListItemWithAvatar_Props = {
   onMouseEnter: PropTypes.func,
   palette: PropTypes.oneOf(['dark']),
   size: PropTypes.string,
+  avatarSize: AvatarProps.size,
   title: PropTypes.string,
   value: PropTypes.string,
   a11y: PropTypes.shape({
@@ -102,7 +104,8 @@ export const ListItemWithAvatar_Props = {
   needMultiLineText: PropTypes.bool,
   customProps: PropTypes.shape({
     ListItemProps: PropTypes.object
-  })
+  }),
+  onAvatarClick: PropTypes.func
 };
 export const ListItemWithCheckBox_Props = {
   active: PropTypes.bool,

package/es/MultiSelect/Suggestions.js

@@ -15,6 +15,7 @@ export default class Suggestions extends React.PureComponent {
       getRef,
       hoverOption,
       onClick,
+      onAvatarClick,
       onMouseEnter,
       needTick,
       needBorder,
@@ -83,6 +84,7 @@ export default class Suggestions extends React.PureComponent {
           key: `${id}avatarListItem`,
           name: value,
           onClick: onClick,
+          onAvatarClick: onAvatarClick,
           onMouseEnter: onMouseEnter,
           value: value,
           title: value,

package/es/MultiSelect/props/propTypes.js

@@ -161,6 +161,7 @@ export const Suggestions_propTypes = {
   needBorder: PropTypes.bool,
   needTick: PropTypes.bool,
   onClick: PropTypes.func,
+  onAvatarClick: PropTypes.func,
   onMouseEnter: PropTypes.func,
   palette: PropTypes.string,
   selectedOptions: PropTypes.array,

package/es/Radio/Radio.js

@@ -49,8 +49,7 @@ export default class Radio extends React.Component {
       customClass,
       customProps,
       children,
-      a11y,
-      renderRightPlaceholderNode
+      a11y
     } = this.props;
     let {
       customRadioWrap = '',
@@ -128,7 +127,7 @@ export default class Radio extends React.Component {
       customClass: `${checked && active ? `${style[`${palette}checkedActive`]}` : ''} 
               ${style[`${palette}Label`]} ${accessMode} ${customLabel}`,
       ...LabelProps
-    })), children, renderRightPlaceholderNode ? renderRightPlaceholderNode : null);
+    })), children);
   }
 
 }

package/es/Radio/Radio.module.css

@@ -33,8 +33,7 @@
   border-radius: 50%;
 }
 .radio,
-.centerPath {
-  /* css:theme-validation:ignore */
+.centerPath {
   fill: var(--radio_fill);
 }
 .filled {

package/es/Radio/props/propTypes.js

@@ -36,6 +36,5 @@ export const propTypes = {
   }),
   children: PropTypes.node,
   onChange: PropTypes.func,
-  text: PropTypes.string,
-  renderRightPlaceholderNode: PropTypes.node
+  text: PropTypes.string
 };

package/es/Ribbon/Ribbon.module.css

@@ -132,27 +132,27 @@
 }
 
 .default_default {
-  --ribbon_box_shadow: 0 5px 10px var(--zdt_ribbon_default_shadow);
+  --ribbon_box_shadow: var(--zd_bs_ribbon_default);
 }
 
 .default_danger {
-  --ribbon_box_shadow: 0 5px 10px var(--zdt_ribbon_danger_shadow);
+  --ribbon_box_shadow: var(--zd_bs_ribbon_danger);
 }
 
 .default_primary {
-  --ribbon_box_shadow: 0 5px 10px var(--zdt_ribbon_primary_shadow);
+  --ribbon_box_shadow: var(--zd_bs_ribbon_primary);
 }
 
 .default_secondary {
-  --ribbon_box_shadow: 0 5px 10px var(--zdt_ribbon_secondary_shadow);
+  --ribbon_box_shadow: var(--zd_bs_ribbon_secondary);
 }
 
 .default_info {
-  --ribbon_box_shadow: 0 5px 10px var(--zdt_ribbon_info_shadow);
+  --ribbon_box_shadow: var(--zd_bs_ribbon_info);
 }
 
 .default_dark {
-  --ribbon_box_shadow: 0 5px 10px var(--zdt_ribbon_dark_shadow);
+  --ribbon_box_shadow: var(--zd_bs_ribbon_dark);
 }
 
 .box_default {