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

package/es/ListItem/props/propTypes.js

@@ -1,5 +1,4 @@
 import PropTypes from 'prop-types';
-import { propTypes as AvatarProps } from '../../Avatar/props/propTypes.js';
 export const ListContainer_Props = {
   active: PropTypes.bool,
   autoHover: PropTypes.bool,
@@ -88,7 +87,6 @@ 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({
@@ -104,8 +102,7 @@ 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,7 +15,6 @@ export default class Suggestions extends React.PureComponent {
       getRef,
       hoverOption,
       onClick,
-      onAvatarClick,
       onMouseEnter,
       needTick,
       needBorder,
@@ -84,7 +83,6 @@ 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,7 +161,6 @@ 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,7 +49,8 @@ export default class Radio extends React.Component {
       customClass,
       customProps,
       children,
-      a11y
+      a11y,
+      renderRightPlaceholderNode
     } = this.props;
     let {
       customRadioWrap = '',
@@ -127,7 +128,7 @@ export default class Radio extends React.Component {
       customClass: `${checked && active ? `${style[`${palette}checkedActive`]}` : ''} 
               ${style[`${palette}Label`]} ${accessMode} ${customLabel}`,
       ...LabelProps
-    })), children);
+    })), children, renderRightPlaceholderNode ? renderRightPlaceholderNode : null);
   }
 
 }

package/es/Radio/Radio.module.css

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

package/es/Radio/props/propTypes.js

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

package/es/Ribbon/Ribbon.module.css

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