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

package/es/MultiSelect/props/defaultProps.js

@@ -111,7 +111,8 @@ export const MultiSelect_defaultProps = {
   keepSelectedOptions: false,
   selectedOptionsCount: 0,
   cardHeaderName: '',
-  needResponsive: true
+  needResponsive: true,
+  customProps: {}
 };
 export const MultiSelectHeader_defaultProps = {
   dataId: 'MultiSelectHeader'

package/es/MultiSelect/props/propTypes.js

@@ -104,7 +104,10 @@ export const MultiSelect_propTypes = {
   needSelectAll: PropTypes.bool,
   selectAllText: PropTypes.string,
   setAriaId: PropTypes.string,
-  ariaErrorId: PropTypes.string
+  ariaErrorId: PropTypes.string,
+  customProps: PropTypes.shape({
+    TextBoxIconProps: PropTypes.object
+  })
 };
 export const MultiSelectHeader_propTypes = {
   dataId: PropTypes.string,

package/es/Popup/Popup.js

@@ -6,7 +6,7 @@ import hoistStatics from 'hoist-non-react-statics';
 
 import { debounce, isDescendant, isTextSelected, cancelBubblingEffect } from '../utils/Common.js';
 import viewPort from './viewPort';
-import { absolutePositionMapping, rtlAbsolutePositionMapping, rtlFixedPositionMapping } from './PositionMapping.json';
+import { absolutePositionMapping, rtlAbsolutePositionMapping, rtlFixedPositionMapping } from './PositionMapping.js';
 import ResizeObserver from '@zohodesk/virtualizer/lib/commons/ResizeObserver.js';
 let lastOpenedGroup = [];
 let popups = {};

package/es/Popup/PositionMapping.js

@@ -0,0 +1,72 @@
+export const absolutePositionMapping = {
+  "bottomCenter": "bottomCenter",
+  "bottomRight": "bottomLeftToRight",
+  "bottomLeft": "bottomRightToLeft",
+  "topCenter": "topCenter",
+  "topRight": "topLeftToRight",
+  "topLeft": "topRightToLeft",
+  "rightCenter": "rightCenter",
+  "rightBottom": "rightTopToBottom",
+  "rightTop": "rightBottomToTop",
+  "leftCenter": "leftCenter",
+  "leftBottom": "leftTopToBottom",
+  "leftTop": "leftBottomToTop",
+  "bottomLeftToRight": "bottomLeftToRight",
+  "bottomRightToLeft": "bottomRightToLeft",
+  "topLeftToRight": "topLeftToRight",
+  "topRightToLeft": "topRightToLeft",
+  "rightTopToBottom": "rightTopToBottom",
+  "rightBottomToTop": "rightBottomToTop",
+  "leftTopToBottom": "leftTopToBottom"
+};
+export const rtlAbsolutePositionMapping = {
+  "bottomCenter": "bottomCenter",
+  "bottomRight": "bottomRightToLeft",
+  "bottomLeft": "bottomLeftToRight",
+  "topCenter": "topCenter",
+  "topRight": "topRightToLeft",
+  "topLeft": "topLeftToRight",
+  "rightCenter": "leftCenter",
+  "rightBottom": "leftTopToBottom",
+  "rightTop": "leftBottomToTop",
+  "leftCenter": "rightCenter",
+  "leftBottom": "rightTopToBottom",
+  "leftTop": "rightBottomToTop",
+  "bottomLeftToRight": "bottomLeftToRight",
+  "bottomRightToLeft": "bottomRightToLeft",
+  "topLeftToRight": "topLeftToRight",
+  "topRightToLeft": "topRightToLeft",
+  "rightTopToBottom": "rightTopToBottom",
+  "rightBottomToTop": "rightBottomToTop",
+  "leftTopToBottom": "leftTopToBottom"
+};
+export const rtlFixedPositionMapping = {
+  "bottomCenter": "bottomCenter",
+  "bottomLeftToRight": "bottomRightToLeft",
+  "bottomCenterToRight": "bottomCenterToLeft",
+  "bottomRightToLeft": "bottomLeftToRight",
+  "bottomCenterToLeft": "bottomCenterToRight",
+  "topCenter": "topCenter",
+  "topLeftToRight": "topRightToLeft",
+  "topCenterToRight": "topCenterToLeft",
+  "topRightToLeft": "topLeftToRight",
+  "topCenterToLeft": "topCenterToRight",
+  "rightTopToBottom": "leftTopToBottom",
+  "rightCenterToBottom": "leftCenterToBottom",
+  "rightCenter": "leftCenter",
+  "rightBottomToTop": "leftBottomToTop",
+  "rightCenterToTop": "leftCenterToTop",
+  "leftTopToBottom": "rightTopToBottom",
+  "leftCenterToBottom": "rightCenterToBottom",
+  "leftCenter": "rightCenter",
+  "leftBottomToTop": "rightBottomToTop",
+  "leftCenterToTop": "rightCenterToTop",
+  "bottomRight": "bottomLeft",
+  "bottomLeft": "bottomRight",
+  "topRight": "topLeft",
+  "topLeft": "topRight",
+  "rightBottom": "leftBottom",
+  "rightTop": "leftTop",
+  "leftBottom": "rightBottom",
+  "leftTop": "rightTop"
+};

package/es/Provider/LibraryContext.js

@@ -5,13 +5,17 @@ import { getLibraryConfig } from './Config';
 
 const LibraryContextProvider = _ref => {
   let {
-    isReducedMotion = getLibraryConfig('isReducedMotion'),
-    direction = getLibraryConfig('direction'),
+    isReducedMotion,
+    direction,
+    coloredTagVariant,
+    hasTagColorInheritedToText,
     children
   } = _ref;
   const [value, setValue] = useState({
     isReducedMotion,
-    direction
+    direction,
+    coloredTagVariant,
+    hasTagColorInheritedToText
   });
 
   function setGlobalContext(key, data) {
@@ -32,6 +36,14 @@ const LibraryContextProvider = _ref => {
 LibraryContextProvider.propTypes = {
   children: PropTypes.node.isRequired,
   isReducedMotion: PropTypes.bool,
+  coloredTagVariant: PropTypes.oneOf(['bold', 'subtle', 'minimal']),
+  hasTagColorInheritedToText: PropTypes.bool,
   direction: PropTypes.string
 };
+LibraryContextProvider.defaultProps = {
+  isReducedMotion: getLibraryConfig('isReducedMotion'),
+  direction: getLibraryConfig('direction'),
+  coloredTagVariant: 'bold',
+  hasTagColorInheritedToText: true
+};
 export default LibraryContextProvider;

package/es/Provider/LibraryContextInit.js

@@ -1,3 +1,3 @@
 import React from 'react';
-const LibraryContext = /*#__PURE__*/React.createContext();
+const LibraryContext = /*#__PURE__*/React.createContext({});
 export default LibraryContext;

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 {