@zohodesk/dot 1.0.0-temp-181.1 → 1.0.0-temp-181.3

package/README.md

@@ -2,6 +2,11 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 1.4.11
+
+- **TagsMultiSelectField** - infoText, isLocked, lockedInfoText, alignField props added, position relative added for parent.
+- **v1/TagsMultiSelect** - handleSelectAll, needSelectAll, selectAllText, customClass, customProps props supported
+
 # 1.4.10
 
 - **TextEditor** - FireFox Focus Issue Fixed (Removed Visibility : Hidden)

package/coverage/ExternalLink/ExternalLink.js.html

@@ -214,7 +214,7 @@ ExternalLink.propTypes = propTypes;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-22T13:20:51.764Z
+                at 2024-03-29T13:59:39.690Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/ExternalLink/ExternalLink.module.css.html

@@ -79,7 +79,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-22T13:20:51.764Z
+                at 2024-03-29T13:59:39.690Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/ExternalLink/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-22T13:20:51.764Z
+                at 2024-03-29T13:59:39.690Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/ExternalLink/props/defaultProps.js.html

@@ -85,7 +85,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-22T13:20:51.764Z
+                at 2024-03-29T13:59:39.690Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/ExternalLink/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-22T13:20:51.764Z
+                at 2024-03-29T13:59:39.690Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/ExternalLink/props/propTypes.js.html

@@ -109,7 +109,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-22T13:20:51.764Z
+                at 2024-03-29T13:59:39.690Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/IconButton/IconButton.js.html

@@ -451,7 +451,7 @@ IconButton.defaultProps = defaultProps;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-22T13:20:51.764Z
+                at 2024-03-29T13:59:39.690Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/IconButton/IconButton.module.css.html

@@ -139,7 +139,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-22T13:20:51.764Z
+                at 2024-03-29T13:59:39.690Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/IconButton/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-22T13:20:51.764Z
+                at 2024-03-29T13:59:39.690Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/IconButton/props/defaultProps.js.html

@@ -121,7 +121,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-22T13:20:51.764Z
+                at 2024-03-29T13:59:39.690Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/IconButton/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-22T13:20:51.764Z
+                at 2024-03-29T13:59:39.690Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/IconButton/props/propTypes.js.html

@@ -172,7 +172,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-22T13:20:51.764Z
+                at 2024-03-29T13:59:39.690Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Image/Image.js.html

@@ -169,7 +169,7 @@ Image.defaultProps = defaultProps;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-22T13:20:51.764Z
+                at 2024-03-29T13:59:39.690Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Image/Image.module.css.html

@@ -103,7 +103,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-22T13:20:51.764Z
+                at 2024-03-29T13:59:39.690Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Image/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-22T13:20:51.764Z
+                at 2024-03-29T13:59:39.690Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/coverage/Image/props/defaultProps.js.html

@@ -82,7 +82,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-22T13:20:51.764Z
+                at 2024-03-29T13:59:39.690Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Image/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-22T13:20:51.764Z
+                at 2024-03-29T13:59:39.690Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/Image/props/propTypes.js.html

@@ -112,7 +112,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-22T13:20:51.764Z
+                at 2024-03-29T13:59:39.690Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html

@@ -433,7 +433,7 @@ AvatarWithTeam.propTypes = propTypes;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-22T13:20:51.764Z
+                at 2024-03-29T13:59:39.690Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html

@@ -118,7 +118,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-22T13:20:51.764Z
+                at 2024-03-29T13:59:39.690Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-22T13:20:51.764Z
+                at 2024-03-29T13:59:39.690Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html

@@ -97,7 +97,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-22T13:20:51.764Z
+                at 2024-03-29T13:59:39.690Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/props/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-22T13:20:51.764Z
+                at 2024-03-29T13:59:39.690Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html

@@ -148,7 +148,7 @@ export const propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-22T13:20:51.764Z
+                at 2024-03-29T13:59:39.690Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/index.html

@@ -206,7 +206,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2024-03-22T13:20:51.764Z
+                at 2024-03-29T13:59:39.690Z
             </div>
         <script src="prettify.js"></script>
         <script>

package/es/common/dot_boxShadow.module.css

@@ -35,6 +35,4 @@
 
     /* desktop notification */
     --zd_bs_desktopnotification_container: var(--zd_bs_contrast_outline, 0 4px 20px var(--zdt_desktopnotification_box_shadow));
-
-
 }

package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js

@@ -13,9 +13,9 @@ import DropDownSeparator from '@zohodesk/components/lib/DropDown/DropDownSeparat
 import CommonEmptyState from '../../../emptystate/CommonEmptyState/CommonEmptyState';
 import ResponsiveDropBox from '@zohodesk/components/lib/ResponsiveDropBox/ResponsiveDropBox';
 import { ResponsiveReceiver } from '@zohodesk/components/lib/Responsive/CustomResponsive';
+import MultiSelectHeader from '@zohodesk/components/lib/MultiSelect/MultiSelectHeader';
 import { stopBubbling } from '../../../utils/General';
 import { scrollTo, findScrollEnd } from '@zohodesk/components/lib/utils/Common.js';
-import MultiSelectHeader from '@zohodesk/components/lib/MultiSelect/MultiSelectHeader';
 import style from './TagsMultiSelect.module.css';
 export default class TagsMultiSelect extends React.Component {
   constructor(props) {
@@ -165,7 +165,7 @@ export default class TagsMultiSelect extends React.Component {
       TagProps = {}
     } = customProps;
     return /*#__PURE__*/React.createElement("div", {
-      className: ` ${!isReadOnly ? ` ${needBorder ? style.hasBorder : ''}
+      className: `${style.container} ${!isReadOnly ? ` ${needBorder ? style.hasBorder : ''}
               ${needBorder ? style[`borderColor_${borderColor}`] : style.borderColor_transparent} ${isPopupReady && needBorder ? style.active : ''}` : ''} ${className}`,
       onClick: stopBubbling,
       "data-id": `${dataId}_tagsContainer`,
@@ -190,7 +190,7 @@ export default class TagsMultiSelect extends React.Component {
       return index < chipLimit ? /*#__PURE__*/React.createElement(Box, _extends({
         className: style.tag,
         key: index
-      }, boxCustomProps, TagWrapperProps), /*#__PURE__*/React.createElement(Tag, _extends({
+      }, TagWrapperProps, boxCustomProps), /*#__PURE__*/React.createElement(Tag, _extends({
         id: id,
         text: name,
         onRemove: isReadOnly ? null : deleteTag.bind(this, name),
@@ -199,7 +199,7 @@ export default class TagsMultiSelect extends React.Component {
         isReadOnly: isReadOnly,
         onSelectTag: onSelectTag ? onSelectTag : undefined,
         customClass: tagCustomClass
-      }, tagCustomProps, TagProps))) : null;
+      }, TagProps, tagCustomProps))) : null;
     }), tagsList.length > chipNeedToShow && !isPopupReady ? /*#__PURE__*/React.createElement(Box, {
       className: style.moreLess,
       dataId: `${dataId}_tagsMore`,

package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css

@@ -1,3 +1,6 @@
+.container {
+  position: relative;
+}
 .tag {
   max-width: 100% ;
 }
@@ -91,6 +94,12 @@
   max-width: 100% ;
   visibility: hidden;
 }
+[dir=ltr] .custmSpan {
+  padding-right: var(--zd_size28) ;
+}
+[dir=rtl] .custmSpan {
+  padding-left: var(--zd_size28) ;
+}
 .custmInp {
   position: absolute;
   top: 0 ;

package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js

@@ -75,7 +75,11 @@ const TagsMultiSelectField = props => {
     value,
     selectedValueCount,
     validationMessage,
-    options
+    options,
+    infoText,
+    isLocked,
+    lockedInfoText,
+    alignField
   } = fieldProperties;
   options = options || [];
 
@@ -191,7 +195,10 @@ const TagsMultiSelectField = props => {
     "data-selector-id": dataSelectorId
   }, labelName && /*#__PURE__*/React.createElement(FieldContainer, {
     ePhiData: ePhiData,
-    alignContainer: "baseline",
+    alignContainer: alignField,
+    infoText: infoText,
+    isLocked: isLocked,
+    lockedInfoText: lockedInfoText,
     renderProps: {
       end: renderEnd
     }

package/es/form/fields/TagsMultiSelectField/props/defaultProps.js

@@ -2,7 +2,9 @@ import { FieldCommonDefaultProps } from '../../props/FieldCommonDefaultProps';
 export const defaultProps = {
   fieldProperties: {
     isDisabled: false,
-    isMandatory: false
+    isMandatory: false,
+    isLocked: false,
+    alignField: 'baseline'
   },
   styleProperties: {
     containerClass: '',

package/es/form/fields/TagsMultiSelectField/props/propTypes.js

@@ -11,7 +11,11 @@ export const propTypes = {
     selectedValueCount: PropTypes.string,
     validationMessage: PropTypes.string,
     options: PropTypes.array,
-    clickableTag: PropTypes.bool
+    clickableTag: PropTypes.bool,
+    infoText: PropTypes.string,
+    isLocked: PropTypes.bool,
+    lockedInfoText: PropTypes.string,
+    alignField: PropTypes.oneOf(['vertical', 'baseline'])
   }),
   styleProperties: PropTypes.shape({
     labelSize: PropTypes.string,

package/es/v1/DotWrapper/DotWrapper.js

@@ -1,13 +1,20 @@
 import React from 'react';
 import { getAppearance, getTheme, getZoomSize, getFontSize } from './libraryChunks/dynamicImports';
+import '@zohodesk/components/assets/Contrast/lightContrastLightness.module.css';
+import '@zohodesk/components/assets/Contrast/darkContrastLightness.module.css';
+import '@zohodesk/components/assets/Contrast/pureDarkContrastLightness.module.css';
 import '@zohodesk/variables/assets/colorVariables.module.css';
 import '@zohodesk/variables/assets/dotVariables.module.css';
 import '@zohodesk/components/es/common/basic.module.css';
 import '@zohodesk/variables/lib/fontFamilyVariables.module.css';
+import '@zohodesk/components/lib/common/boxShadow.module.css';
+import '../../common/dot_boxShadow.module.css';
+import '@zohodesk-private/desk-components/es/common/Dc_boxShadow.module.css';
 import { propTypes } from './props/propTypes';
 import { defaultProps } from './props/defaultProps';
 export default function DotWrapper(props) {
   let {
+    children,
     appearance,
     theme,
     library,
@@ -29,9 +36,9 @@ export default function DotWrapper(props) {
     ...baseFont
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: `${className} rootWrapper`,
+    className: `rootWrapper ${className}`,
     style: combinedStyles
-  }, "Dot Wrapper");
+  }, children);
 }
 DotWrapper.propTypes = propTypes;
 DotWrapper.defaultProps = defaultProps;

package/es/v1/DotWrapper/libraryChunks/appearance/desk-components/DarkMode_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/dark/mode/deskComponents_DarkMode.module.css';

package/es/v1/DotWrapper/libraryChunks/appearance/desk-components/LightMode_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/light/mode/deskComponents_LightMode.module.css';

package/es/v1/DotWrapper/libraryChunks/appearance/desk-components/PureDarkMode_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/pureDark/mode/deskComponents_PureDarkMode.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/blue/Blue_Dark_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/dark/themes/blue/blue_deskComponentsTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/blue/Blue_Light_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/light/themes/blue/blue_deskComponentsTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/blue/Blue_PureDark_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/pureDark/themes/blue/blue_deskComponentsTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/green/Green_Dark_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/dark/themes/green/green_deskComponentsTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/green/Green_Light_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/light/themes/green/green_deskComponentsTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/green/Green_PureDark_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/pureDark/themes/green/green_deskComponentsTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/orange/Orange_Dark_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/dark/themes/orange/orange_deskComponentsTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/orange/Orange_Light_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/light/themes/orange/orange_deskComponentsTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/orange/Orange_PureDark_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/pureDark/themes/orange/orange_deskComponentsTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/red/Red_Dark_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/dark/themes/red/red_deskComponentsTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/red/Red_Light_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/light/themes/red/red_deskComponentsTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/red/Red_PureDark_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/pureDark/themes/red/red_deskComponentsTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/yellow/Yellow_Dark_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/dark/themes/yellow/yellow_deskComponentsTheme_DarkTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/yellow/Yellow_Light_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/light/themes/yellow/yellow_deskComponentsTheme_LightTheme.module.css';

package/es/v1/DotWrapper/libraryChunks/themes/desk-components/yellow/Yellow_PureDark_DeskComponent.js

@@ -0,0 +1 @@
+import '@zohodesk-private/desk-components/assets/Appearance/pureDark/themes/yellow/yellow_deskComponentsTheme_PureDarkTheme.module.css';

package/es/v1/DotWrapper/props/propTypes.js

@@ -1,8 +1,9 @@
 import PropTypes from 'prop-types';
 export const propTypes = {
+  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]),
   appearance: PropTypes.oneOf(['light', 'dark', 'pureDark']),
   theme: PropTypes.oneOf(['blue', 'green', 'orange', 'red', 'yellow']),
-  library: PropTypes.arrayOf(PropTypes.oneOf(['component', 'dot', 'svg'])),
+  library: PropTypes.arrayOf(PropTypes.oneOf(['component', 'dot', 'svg', 'deskComponents'])),
   baseZoomSize: PropTypes.number,
   baseFontSize: PropTypes.number,
   className: PropTypes.string

package/es/v1/DotWrapper/utils/appearanceProperties.js

@@ -25,7 +25,16 @@ export const appearanceImports = {
   '../libraryChunks/appearance/svg/DarkMode_SVG'),
   Lib_PureDarkMode_SVG: () => import(
   /* webpackChunkName: 'Lib_PureDarkMode_SVG' */
-  '../libraryChunks/appearance/svg/PureDarkMode_SVG')
+  '../libraryChunks/appearance/svg/PureDarkMode_SVG'),
+  Lib_LightMode_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_LightMode_DeskComponent' */
+  '../libraryChunks/appearance/desk-components/LightMode_DeskComponent'),
+  Lib_DarkMode_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_DarkMode_DeskComponent' */
+  '../libraryChunks/appearance/desk-components/DarkMode_DeskComponent'),
+  Lib_PureDarkMode_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_PureDarkMode_DeskComponent' */
+  '../libraryChunks/appearance/desk-components/PureDarkMode_DeskComponent')
 };
 export const appearanceMapping = {
   component: {
@@ -42,5 +51,10 @@ export const appearanceMapping = {
     light: 'Lib_LightMode_SVG',
     dark: 'Lib_DarkMode_SVG',
     pureDark: 'Lib_PureDarkMode_SVG'
+  },
+  deskComponents: {
+    light: 'Lib_LightMode_DeskComponent',
+    dark: 'Lib_DarkMode_DeskComponent',
+    pureDark: 'Lib_PureDarkMode_DeskComponent'
   }
 };

package/es/v1/DotWrapper/utils/themeProperties.js

@@ -133,7 +133,52 @@ export const themeImports = {
   '../libraryChunks/themes/svg/yellow/Yellow_Dark_SVG'),
   Lib_Yellow_PureDark_SVG: () => import(
   /* webpackChunkName: 'Lib_Yellow_PureDark_SVG' */
-  '../libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG')
+  '../libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG'),
+  Lib_Blue_Light_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Blue_Light_DeskComponent' */
+  '../libraryChunks/themes/desk-components/blue/Blue_Light_DeskComponent'),
+  Lib_Blue_Dark_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Blue_Dark_DeskComponent' */
+  '../libraryChunks/themes/desk-components/blue/Blue_Dark_DeskComponent'),
+  Lib_Blue_PureDark_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Blue_PureDark_DeskComponent' */
+  '../libraryChunks/themes/desk-components/blue/Blue_PureDark_DeskComponent'),
+  Lib_Green_Light_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Green_Light_DeskComponent' */
+  '../libraryChunks/themes/desk-components/green/Green_Light_DeskComponent'),
+  Lib_Green_Dark_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Green_Dark_DeskComponent' */
+  '../libraryChunks/themes/desk-components/green/Green_Dark_DeskComponent'),
+  Lib_Green_PureDark_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Green_PureDark_DeskComponent' */
+  '../libraryChunks/themes/desk-components/green/Green_PureDark_DeskComponent'),
+  Lib_Orange_Light_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Orange_Light_DeskComponent' */
+  '../libraryChunks/themes/desk-components/orange/Orange_Light_DeskComponent'),
+  Lib_Orange_Dark_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Orange_Dark_DeskComponent' */
+  '../libraryChunks/themes/desk-components/orange/Orange_Dark_DeskComponent'),
+  Lib_Orange_PureDark_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Orange_PureDark_DeskComponent' */
+  '../libraryChunks/themes/desk-components/orange/Orange_PureDark_DeskComponent'),
+  Lib_Red_Light_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Red_Light_DeskComponent' */
+  '../libraryChunks/themes/desk-components/red/Red_Light_DeskComponent'),
+  Lib_Red_Dark_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Red_Dark_DeskComponent' */
+  '../libraryChunks/themes/desk-components/red/Red_Dark_DeskComponent'),
+  Lib_Red_PureDark_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Red_PureDark_DeskComponent' */
+  '../libraryChunks/themes/desk-components/red/Red_PureDark_DeskComponent'),
+  Lib_Yellow_Light_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Yellow_Light_DeskComponent' */
+  '../libraryChunks/themes/desk-components/yellow/Yellow_Light_DeskComponent'),
+  Lib_Yellow_Dark_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Yellow_Dark_DeskComponent' */
+  '../libraryChunks/themes/desk-components/yellow/Yellow_Dark_DeskComponent'),
+  Lib_Yellow_PureDark_DeskComponent: () => import(
+  /* webpackChunkName: 'Lib_Yellow_PureDark_DeskComponent' */
+  '../libraryChunks/themes/desk-components/yellow/Yellow_PureDark_DeskComponent')
 };
 export const themeMapping = {
   component: {
@@ -216,5 +261,32 @@ export const themeMapping = {
       dark: 'Lib_Yellow_Dark_SVG',
       pureDark: 'Lib_Yellow_PureDark_SVG'
     }
+  },
+  deskComponents: {
+    blue: {
+      light: 'Lib_Blue_Light_DeskComponent',
+      dark: 'Lib_Blue_Dark_DeskComponent',
+      pureDark: 'Lib_Blue_PureDark_DeskComponent'
+    },
+    green: {
+      light: 'Lib_Green_Light_DeskComponent',
+      dark: 'Lib_Green_Dark_DeskComponent',
+      pureDark: 'Lib_Green_PureDark_DeskComponent'
+    },
+    orange: {
+      light: 'Lib_Orange_Light_DeskComponent',
+      dark: 'Lib_Orange_Dark_DeskComponent',
+      pureDark: 'Lib_Orange_PureDark_DeskComponent'
+    },
+    red: {
+      light: 'Lib_Red_Light_DeskComponent',
+      dark: 'Lib_Red_Dark_DeskComponent',
+      pureDark: 'Lib_Red_PureDark_DeskComponent'
+    },
+    yellow: {
+      light: 'Lib_Yellow_Light_DeskComponent',
+      dark: 'Lib_Yellow_Dark_DeskComponent',
+      pureDark: 'Lib_Yellow_PureDark_DeskComponent'
+    }
   }
 };