@zohodesk/dot 1.0.0-beta.206 → 1.0.0-beta.207

package/README.md

@@ -2,6 +2,11 @@
 
 In this Library, we Provide Some Basic Components to Build Your Application
 
+# 1.0.0-beta.207
+- Linear Gradient - to Left direction fixed
+- TicketHeader/ViewDropdown ->  block layout fix
+- Appearance css moved to assets
+
 # 1.0.0-beta.206
 
 - css color variables updated.

package/{es → assets}/Appearance/dark/mode/dotDarkMode.module.css

@@ -215,7 +215,7 @@
 	--zdt_gridstencils_default_border: var(--dot_tuna);
 	--zdt_gridstencils_after_bg: var(--dot_unknown1);
 	--zdt_gridstencils_listbar_bg: var(--dot_unknown1);
-	--zdt_gridstencils_listbar_gradient_bg: linear-gradient(left, #383f55 0, #414961 20%, #414961 40%, #383f55 100%);
+	--zdt_gridstencils_listbar_gradient_bg: linear-gradient(to left, #383f55 0, #414961 20%, #414961 40%, #383f55 100%);
 	
 	/* icons */
 	--zdt_icons_default: var(--dot_cadetblue);

package/{es → assets}/Appearance/dark/themes/blue/blueDarkDotTheme.module.css

@@ -5,6 +5,6 @@
 	/* common empty state */
 	--zdt_commonEmptyState_dark_title: var(--dot_white);
 	--zdt_commonEmptyState_dark_description: var(--dot_white);
-	--zdt_commonEmptyState_dark_link: #479dff;
+	--zdt_commonEmptyState_dark_link: var(--dot_butterflyblue);
 	--zdt_commonEmptyState_dark_link_hover: #2469ff;
 }

package/{lib → assets}/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css

@@ -5,6 +5,6 @@
 	/* common empty state */
 	--zdt_commonEmptyState_dark_title: var(--dot_white);
 	--zdt_commonEmptyState_dark_description: var(--dot_white);
-	--zdt_commonEmptyState_dark_link: #ff801f;
+	--zdt_commonEmptyState_dark_link: var(--dot_cadmiumorange);
 	--zdt_commonEmptyState_dark_link_hover: #a85100;
 }

package/{src → assets}/Appearance/default/mode/dotDefaultMode.module.css

@@ -215,7 +215,7 @@
 	--zdt_gridstencils_default_border: var(--zd_gallery1);
 	--zdt_gridstencils_after_bg: var(--zd_smoke4);
 	--zdt_gridstencils_listbar_bg: var(--zd_smoke78);
-	--zdt_gridstencils_listbar_gradient_bg: linear-gradient(left, var(--zd_smoke78) 0, #edeef1 20%, var(--zd_smoke78) 40%, var(--zd_smoke78) 100%);
+	--zdt_gridstencils_listbar_gradient_bg: linear-gradient(to left, var(--zd_smoke78) 0, #edeef1 20%, var(--zd_smoke78) 40%, var(--zd_smoke78) 100%);
 	
 	/* icons */
 	--zdt_icons_default: var(--dot_shuttleGrey);

package/{es → assets}/Appearance/default/themes/green/greenDefaultDotTheme.module.css

@@ -5,6 +5,6 @@
 	/* common empty state */
 	--zdt_commonEmptyState_dark_title: var(--dot_white);
 	--zdt_commonEmptyState_dark_description: var(--dot_white);
-	--zdt_commonEmptyState_dark_link: #4ac064;
+	--zdt_commonEmptyState_dark_link: var(--dot_darkmint);
 	--zdt_commonEmptyState_dark_link_hover: #0e7526;
 }

package/es/Provider.js

@@ -7,65 +7,65 @@ import datetime from '@zohodesk/datetimejs';
 import i18n from './i18n';
 /* component pkg - default mode & themes */
 
-import '@zohodesk/components/lib/Appearance/default/themes/blue/blueDefaultCTATheme.module.css';
-import '@zohodesk/components/lib/Appearance/default/themes/green/greenDefaultCTATheme.module.css';
-import '@zohodesk/components/lib/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css';
-import '@zohodesk/components/lib/Appearance/default/themes/red/redDefaultCTATheme.module.css';
-import '@zohodesk/components/lib/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css';
-import '@zohodesk/components/lib/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css';
-import '@zohodesk/components/lib/Appearance/default/themes/green/greenDefaultComponentTheme.module.css';
-import '@zohodesk/components/lib/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css';
-import '@zohodesk/components/lib/Appearance/default/themes/red/redDefaultComponentTheme.module.css';
-import '@zohodesk/components/lib/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css';
-import '@zohodesk/components/lib/Appearance/default/mode/defaultMode.module.css';
+import '@zohodesk/components/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css';
+import '@zohodesk/components/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css';
+import '@zohodesk/components/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css';
+import '@zohodesk/components/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css';
+import '@zohodesk/components/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css';
+import '@zohodesk/components/assets/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css';
+import '@zohodesk/components/assets/Appearance/default/themes/green/greenDefaultComponentTheme.module.css';
+import '@zohodesk/components/assets/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css';
+import '@zohodesk/components/assets/Appearance/default/themes/red/redDefaultComponentTheme.module.css';
+import '@zohodesk/components/assets/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css';
+import '@zohodesk/components/assets/Appearance/default/mode/defaultMode.module.css';
 /* component pkg - dark mode & themes */
 
-import '@zohodesk/components/lib/Appearance/dark/themes/blue/blueDarkCTATheme.module.css';
-import '@zohodesk/components/lib/Appearance/dark/themes/green/greenDarkCTATheme.module.css';
-import '@zohodesk/components/lib/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css';
-import '@zohodesk/components/lib/Appearance/dark/themes/red/redDarkCTATheme.module.css';
-import '@zohodesk/components/lib/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css';
-import '@zohodesk/components/lib/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css';
-import '@zohodesk/components/lib/Appearance/dark/themes/green/greenDarkComponentTheme.module.css';
-import '@zohodesk/components/lib/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css';
-import '@zohodesk/components/lib/Appearance/dark/themes/red/redDarkComponentTheme.module.css';
-import '@zohodesk/components/lib/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css';
-import '@zohodesk/components/lib/Appearance/dark/mode/darkMode.module.css';
+import '@zohodesk/components/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css';
+import '@zohodesk/components/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css';
+import '@zohodesk/components/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css';
+import '@zohodesk/components/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css';
+import '@zohodesk/components/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css';
+import '@zohodesk/components/assets/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css';
+import '@zohodesk/components/assets/Appearance/dark/themes/green/greenDarkComponentTheme.module.css';
+import '@zohodesk/components/assets/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css';
+import '@zohodesk/components/assets/Appearance/dark/themes/red/redDarkComponentTheme.module.css';
+import '@zohodesk/components/assets/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css';
+import '@zohodesk/components/assets/Appearance/dark/mode/darkMode.module.css';
 /* svg pkg - default mode & themes */
 
-import '@zohodesk/svg/lib/svg/Appearance/default/themes/blue/blueDefaultCTATheme.module.css';
-import '@zohodesk/svg/lib/svg/Appearance/default/themes/green/greenDefaultCTATheme.module.css';
-import '@zohodesk/svg/lib/svg/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css';
-import '@zohodesk/svg/lib/svg/Appearance/default/themes/red/redDefaultCTATheme.module.css';
-import '@zohodesk/svg/lib/svg/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css';
-import '@zohodesk/svg/lib/svg/Appearance/default/mode/defaultEmptyStates.module.css';
+import '@zohodesk/svg/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css';
+import '@zohodesk/svg/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css';
+import '@zohodesk/svg/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css';
+import '@zohodesk/svg/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css';
+import '@zohodesk/svg/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css';
+import '@zohodesk/svg/assets/Appearance/default/mode/defaultEmptyStates.module.css';
 /* svg pkg - dark mode & themes */
 
-import '@zohodesk/svg/lib/svg/Appearance/dark/themes/blue/blueDarkCTATheme.module.css';
-import '@zohodesk/svg/lib/svg/Appearance/dark/themes/green/greenDarkCTATheme.module.css';
-import '@zohodesk/svg/lib/svg/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css';
-import '@zohodesk/svg/lib/svg/Appearance/dark/themes/red/redDarkCTATheme.module.css';
-import '@zohodesk/svg/lib/svg/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css';
-import '@zohodesk/svg/lib/svg/Appearance/dark/mode/darkEmptyStates.module.css';
+import '@zohodesk/svg/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css';
+import '@zohodesk/svg/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css';
+import '@zohodesk/svg/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css';
+import '@zohodesk/svg/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css';
+import '@zohodesk/svg/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css';
+import '@zohodesk/svg/assets/Appearance/dark/mode/darkEmptyStates.module.css';
 import { setGlobalIdPrefix } from '@zohodesk/components/lib/Provider/IdProvider';
 import { setInitialZIndex } from '@zohodesk/components/lib/Provider/ZindexProvider';
 import Switch from '@zohodesk/components/lib/Switch/Switch';
 /* dot pkg - default mode & themes */
 
-import './Appearance/default/themes/blue/blueDefaultDotTheme.module.css';
-import './Appearance/default/themes/green/greenDefaultDotTheme.module.css';
-import './Appearance/default/themes/orange/orangeDefaultDotTheme.module.css';
-import './Appearance/default/themes/red/redDefaultDotTheme.module.css';
-import './Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css';
-import './Appearance/default/mode/dotDefaultMode.module.css';
+import '../assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css';
+import '../assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css';
+import '../assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css';
+import '../assets/Appearance/default/themes/red/redDefaultDotTheme.module.css';
+import '../assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css';
+import '../assets/Appearance/default/mode/dotDefaultMode.module.css';
 /* dot pkg - dark mode & themes */
 
-import './Appearance/dark/themes/blue/blueDarkDotTheme.module.css';
-import './Appearance/dark/themes/green/greenDarkDotTheme.module.css';
-import './Appearance/dark/themes/orange/orangeDarkDotTheme.module.css';
-import './Appearance/dark/themes/red/redDarkDotTheme.module.css';
-import './Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css';
-import './Appearance/dark/mode/dotDarkMode.module.css';
+import '../assets/Appearance/dark/themes/blue/blueDarkDotTheme.module.css';
+import '../assets/Appearance/dark/themes/green/greenDarkDotTheme.module.css';
+import '../assets/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css';
+import '../assets/Appearance/dark/themes/red/redDarkDotTheme.module.css';
+import '../assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css';
+import '../assets/Appearance/dark/mode/dotDarkMode.module.css';
 datetime.tz.set({
   timezone: 'Asia/Kolkata',
   _packed: '-5R.s -5R.k -5l.a -5u -6u|01234343|-4Fg5R.s BKo0.8 1rDcw.a 1r2LP.a 1un0 HB0 7zX0|15e6',

package/es/lookup/header/TicketHeader/TicketHeader.js

@@ -62,6 +62,8 @@ export default class TicketHeader extends Component {
     })), needViewsList ? /*#__PURE__*/React.createElement(Box, {
       className: `${style.dropdown}`,
       dataId: "filterIdselected"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: style.menuWrapper
     }, /*#__PURE__*/React.createElement(ViewDropDown, {
       dropBoxSize: "small",
       emptyMessage: menuEmptyMessage,
@@ -71,7 +73,7 @@ export default class TicketHeader extends Component {
       textField: "displayLabel",
       selectedValue: selectedViewId,
       needCloseOnSelect: true
-    })) : null)), needSearch ? /*#__PURE__*/React.createElement(Box, {
+    }))) : null)), needSearch ? /*#__PURE__*/React.createElement(Box, {
       className: `${commonStyle.searchContainer} ${commonResponsive.searchContainer} ${style.searchContainer}`
     }, /*#__PURE__*/React.createElement(Search, {
       onSearch: onSearch,

package/es/lookup/header/TicketHeader/TicketHeader.module.css

@@ -1,5 +1,5 @@
 .dropdown {
-  margin: 0 var(--zd_size8);
+  margin: 0 var(--zd_size20);
 }
 /* Responsive */
 [dir=ltr] .small .searchContainer {
@@ -20,3 +20,4 @@
 .extraSmall .container {
   flex-direction: column;
 }
+.menuWrapper{display: inline-block;}

package/es/lookup/header/ViewDropDown/ViewDropDown.module.css

@@ -28,7 +28,6 @@
   composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
   line-height: var(--zd_size20);
   color: var(--zdt_viewdropdown_label_text);
-  padding: 0 var(--zd_size12);
   cursor: pointer;
 }
 .labelText {

package/lib/Provider.js

@@ -21,73 +21,73 @@ var _datetimejs = _interopRequireDefault(require("@zohodesk/datetimejs"));
 
 var _i18n2 = _interopRequireDefault(require("./i18n"));
 
-require("@zohodesk/components/lib/Appearance/default/themes/blue/blueDefaultCTATheme.module.css");
+require("@zohodesk/components/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css");
 
-require("@zohodesk/components/lib/Appearance/default/themes/green/greenDefaultCTATheme.module.css");
+require("@zohodesk/components/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css");
 
-require("@zohodesk/components/lib/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css");
+require("@zohodesk/components/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css");
 
-require("@zohodesk/components/lib/Appearance/default/themes/red/redDefaultCTATheme.module.css");
+require("@zohodesk/components/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css");
 
-require("@zohodesk/components/lib/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css");
+require("@zohodesk/components/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css");
 
-require("@zohodesk/components/lib/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css");
+require("@zohodesk/components/assets/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css");
 
-require("@zohodesk/components/lib/Appearance/default/themes/green/greenDefaultComponentTheme.module.css");
+require("@zohodesk/components/assets/Appearance/default/themes/green/greenDefaultComponentTheme.module.css");
 
-require("@zohodesk/components/lib/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css");
+require("@zohodesk/components/assets/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css");
 
-require("@zohodesk/components/lib/Appearance/default/themes/red/redDefaultComponentTheme.module.css");
+require("@zohodesk/components/assets/Appearance/default/themes/red/redDefaultComponentTheme.module.css");
 
-require("@zohodesk/components/lib/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css");
+require("@zohodesk/components/assets/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css");
 
-require("@zohodesk/components/lib/Appearance/default/mode/defaultMode.module.css");
+require("@zohodesk/components/assets/Appearance/default/mode/defaultMode.module.css");
 
-require("@zohodesk/components/lib/Appearance/dark/themes/blue/blueDarkCTATheme.module.css");
+require("@zohodesk/components/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css");
 
-require("@zohodesk/components/lib/Appearance/dark/themes/green/greenDarkCTATheme.module.css");
+require("@zohodesk/components/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css");
 
-require("@zohodesk/components/lib/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css");
+require("@zohodesk/components/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css");
 
-require("@zohodesk/components/lib/Appearance/dark/themes/red/redDarkCTATheme.module.css");
+require("@zohodesk/components/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css");
 
-require("@zohodesk/components/lib/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css");
+require("@zohodesk/components/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css");
 
-require("@zohodesk/components/lib/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css");
+require("@zohodesk/components/assets/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css");
 
-require("@zohodesk/components/lib/Appearance/dark/themes/green/greenDarkComponentTheme.module.css");
+require("@zohodesk/components/assets/Appearance/dark/themes/green/greenDarkComponentTheme.module.css");
 
-require("@zohodesk/components/lib/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css");
+require("@zohodesk/components/assets/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css");
 
-require("@zohodesk/components/lib/Appearance/dark/themes/red/redDarkComponentTheme.module.css");
+require("@zohodesk/components/assets/Appearance/dark/themes/red/redDarkComponentTheme.module.css");
 
-require("@zohodesk/components/lib/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css");
+require("@zohodesk/components/assets/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css");
 
-require("@zohodesk/components/lib/Appearance/dark/mode/darkMode.module.css");
+require("@zohodesk/components/assets/Appearance/dark/mode/darkMode.module.css");
 
-require("@zohodesk/svg/lib/svg/Appearance/default/themes/blue/blueDefaultCTATheme.module.css");
+require("@zohodesk/svg/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css");
 
-require("@zohodesk/svg/lib/svg/Appearance/default/themes/green/greenDefaultCTATheme.module.css");
+require("@zohodesk/svg/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css");
 
-require("@zohodesk/svg/lib/svg/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css");
+require("@zohodesk/svg/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css");
 
-require("@zohodesk/svg/lib/svg/Appearance/default/themes/red/redDefaultCTATheme.module.css");
+require("@zohodesk/svg/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css");
 
-require("@zohodesk/svg/lib/svg/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css");
+require("@zohodesk/svg/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css");
 
-require("@zohodesk/svg/lib/svg/Appearance/default/mode/defaultEmptyStates.module.css");
+require("@zohodesk/svg/assets/Appearance/default/mode/defaultEmptyStates.module.css");
 
-require("@zohodesk/svg/lib/svg/Appearance/dark/themes/blue/blueDarkCTATheme.module.css");
+require("@zohodesk/svg/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css");
 
-require("@zohodesk/svg/lib/svg/Appearance/dark/themes/green/greenDarkCTATheme.module.css");
+require("@zohodesk/svg/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css");
 
-require("@zohodesk/svg/lib/svg/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css");
+require("@zohodesk/svg/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css");
 
-require("@zohodesk/svg/lib/svg/Appearance/dark/themes/red/redDarkCTATheme.module.css");
+require("@zohodesk/svg/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css");
 
-require("@zohodesk/svg/lib/svg/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css");
+require("@zohodesk/svg/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css");
 
-require("@zohodesk/svg/lib/svg/Appearance/dark/mode/darkEmptyStates.module.css");
+require("@zohodesk/svg/assets/Appearance/dark/mode/darkEmptyStates.module.css");
 
 var _IdProvider = require("@zohodesk/components/lib/Provider/IdProvider");
 
@@ -95,29 +95,29 @@ var _ZindexProvider = require("@zohodesk/components/lib/Provider/ZindexProvider"
 
 var _Switch = _interopRequireDefault(require("@zohodesk/components/lib/Switch/Switch"));
 
-require("./Appearance/default/themes/blue/blueDefaultDotTheme.module.css");
+require("../assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css");
 
-require("./Appearance/default/themes/green/greenDefaultDotTheme.module.css");
+require("../assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css");
 
-require("./Appearance/default/themes/orange/orangeDefaultDotTheme.module.css");
+require("../assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css");
 
-require("./Appearance/default/themes/red/redDefaultDotTheme.module.css");
+require("../assets/Appearance/default/themes/red/redDefaultDotTheme.module.css");
 
-require("./Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css");
+require("../assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css");
 
-require("./Appearance/default/mode/dotDefaultMode.module.css");
+require("../assets/Appearance/default/mode/dotDefaultMode.module.css");
 
-require("./Appearance/dark/themes/blue/blueDarkDotTheme.module.css");
+require("../assets/Appearance/dark/themes/blue/blueDarkDotTheme.module.css");
 
-require("./Appearance/dark/themes/green/greenDarkDotTheme.module.css");
+require("../assets/Appearance/dark/themes/green/greenDarkDotTheme.module.css");
 
-require("./Appearance/dark/themes/orange/orangeDarkDotTheme.module.css");
+require("../assets/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css");
 
-require("./Appearance/dark/themes/red/redDarkDotTheme.module.css");
+require("../assets/Appearance/dark/themes/red/redDarkDotTheme.module.css");
 
-require("./Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css");
+require("../assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css");
 
-require("./Appearance/dark/mode/dotDarkMode.module.css");
+require("../assets/Appearance/dark/mode/dotDarkMode.module.css");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 

package/lib/lookup/header/TicketHeader/TicketHeader.js

@@ -111,6 +111,8 @@ var TicketHeader = /*#__PURE__*/function (_Component) {
       })), needViewsList ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: "".concat(_TicketHeaderModule["default"].dropdown),
         dataId: "filterIdselected"
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: _TicketHeaderModule["default"].menuWrapper
       }, /*#__PURE__*/_react["default"].createElement(_ViewDropDown["default"], {
         dropBoxSize: "small",
         emptyMessage: menuEmptyMessage,
@@ -120,7 +122,7 @@ var TicketHeader = /*#__PURE__*/function (_Component) {
         textField: "displayLabel",
         selectedValue: selectedViewId,
         needCloseOnSelect: true
-      })) : null)), needSearch ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+      }))) : null)), needSearch ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         className: "".concat(_lookupHeaderCommonModule["default"].searchContainer, " ").concat(_lookupHeaderCommonResponsiveModule["default"].searchContainer, " ").concat(_TicketHeaderModule["default"].searchContainer)
       }, /*#__PURE__*/_react["default"].createElement(_Search["default"], {
         onSearch: onSearch,

package/lib/lookup/header/TicketHeader/TicketHeader.module.css

@@ -1,5 +1,5 @@
 .dropdown {
-  margin: 0 var(--zd_size8);
+  margin: 0 var(--zd_size20);
 }
 /* Responsive */
 [dir=ltr] .small .searchContainer {
@@ -20,3 +20,4 @@
 .extraSmall .container {
   flex-direction: column;
 }
+.menuWrapper{display: inline-block;}

package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css

@@ -28,7 +28,6 @@
   composes: dInflex alignVertical from '~@zohodesk/components/lib/common/common.module.css';
   line-height: var(--zd_size20);
   color: var(--zdt_viewdropdown_label_text);
-  padding: 0 var(--zd_size12);
   cursor: pointer;
 }
 .labelText {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-beta.206",
+  "version": "1.0.0-beta.207",
   "main": "lib/index",
   "module": "es/index.js",
   "jsnext:main": "es/index.js",
@@ -31,21 +31,21 @@
   "dependencies": {},
   "devDependencies": {
     "velocity-react": "^1.4.3",
-    "@zohodesk/variables": "1.0.0-beta.28",
+    "@zohodesk/variables": "1.0.0-beta.29",
     "@zohodesk/i18n": "^1.0.0-beta.7",
-    "@zohodesk/components": "1.0.0-alpha-224",
-    "@zohodesk/icons": "1.0.0-beta.85",
-    "@zohodesk/svg": "1.0.0-beta.38",
+    "@zohodesk/components": "1.0.0-alpha-225",
+    "@zohodesk/icons": "1.0.0-beta.92",
+    "@zohodesk/svg": "1.0.0-beta.41",
     "@zohodesk/virtualizer": "1.0.3",
     "react-sortable-hoc": "^0.8.3"
   },
   "peerDependencies": {
     "velocity-react": "^1.4.3",
-    "@zohodesk/variables": "^1.0.0-beta.28",
+    "@zohodesk/variables": "^1.0.0-beta.29",
     "@zohodesk/i18n": "^1.0.0-beta.7",
-    "@zohodesk/components": "1.0.0-alpha-224",
+    "@zohodesk/components": "1.0.0-alpha-225",
     "@zohodesk/icons": "^1.0.0-beta.85",
-    "@zohodesk/svg": "^1.0.0-beta.38"
+    "@zohodesk/svg": "1.0.0-beta.41"
   },
   "react-cli": {
     "preprocessor": {

package/build/Unusedfiles.json

@@ -1 +0,0 @@
-["/Users/bharathi-zt93/git/library/jsapps/dot/src/actions/index.js","/Users/bharathi-zt93/git/library/jsapps/dot/src/form/fields/CurrencyField/CurrencyField.js","/Users/bharathi-zt93/git/library/jsapps/dot/src/form/fields/RadioField/RadioField.js","/Users/bharathi-zt93/git/library/jsapps/dot/src/list/BluePrintStatus/BluePrintStatus.js","/Users/bharathi-zt93/git/library/jsapps/dot/src/list/BluePrintStatus/BluePrintStatus.module.css","/Users/bharathi-zt93/git/library/jsapps/dot/src/list/DepartmentDropDown/DepartmentDropDown.js","/Users/bharathi-zt93/git/library/jsapps/dot/src/list/DepartmentDropDown/DepartmentDropDown.module.css","/Users/bharathi-zt93/git/library/jsapps/dot/src/list/Icons/AddNewIcon.js","/Users/bharathi-zt93/git/library/jsapps/dot/src/list/Icons/CompleteIcon.js","/Users/bharathi-zt93/git/library/jsapps/dot/src/lookup/header/Close/LookupClose.module.css","/Users/bharathi-zt93/git/library/jsapps/dot/src/version2/alertIcons/ErrorAlertIcon.js","/Users/bharathi-zt93/git/library/jsapps/dot/src/version2/lookup/alertLookupCommonNew.module.css"]

package/es/ActionButton/docs/ActionButton__default.docs.js

@@ -1,134 +0,0 @@
-import React from 'react';
-import ActionButton from '../ActionButton';
-export default class ActionButton__default extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
-  render() {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '20px',
-        display: 'inline-block'
-      }
-    }, /*#__PURE__*/React.createElement(ActionButton, {
-      text: "Reply",
-      size: "small"
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '20px',
-        display: 'inline-block'
-      }
-    }, /*#__PURE__*/React.createElement(ActionButton, {
-      text: "Reply",
-      size: "medium"
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '20px',
-        display: 'inline-block'
-      }
-    }, /*#__PURE__*/React.createElement(ActionButton, {
-      text: "Reply",
-      size: "large"
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '20px',
-        display: 'inline-block'
-      }
-    }, /*#__PURE__*/React.createElement(ActionButton, {
-      text: "Reply",
-      size: "large",
-      isLoading: true
-    })), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '20px',
-        display: 'inline-block'
-      }
-    }, /*#__PURE__*/React.createElement(ActionButton, {
-      iconName: "ZD-replyall",
-      iconSize: "9",
-      onClick: () => '',
-      dropdownChildren: 'children',
-      dropBoxPosition: "bottomRight",
-      size: "small",
-      isDisabled: true
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '20px',
-        display: 'inline-block'
-      }
-    }, /*#__PURE__*/React.createElement(ActionButton, {
-      text: "Reply all",
-      iconName: "ZD-replyall",
-      iconSize: "9",
-      onClick: () => '',
-      dropBoxPosition: "bottomRight",
-      size: "small"
-    }, "children")), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '20px',
-        display: 'inline-block'
-      }
-    }, /*#__PURE__*/React.createElement(ActionButton, {
-      text: "Reply all",
-      iconName: "ZD-replyall",
-      iconSize: "9",
-      onClick: () => '',
-      dropBoxPosition: "bottomRight",
-      size: "small",
-      onHover: true
-    }, "children")), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '20px',
-        display: 'inline-block'
-      }
-    }, /*#__PURE__*/React.createElement(ActionButton, {
-      text: "Reply all",
-      iconName: "ZD-replyall",
-      iconSize: "9",
-      dropBoxPosition: "bottomRight",
-      size: "small",
-      onHover: true
-    }, "children")), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '20px',
-        display: 'inline-block'
-      }
-    }, /*#__PURE__*/React.createElement(ActionButton, {
-      text: "Reply all",
-      iconName: "ZD-replyall",
-      iconSize: "9",
-      dropBoxPosition: "bottomRight",
-      size: "small"
-    }, "children")), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '20px',
-        display: 'inline-block'
-      }
-    }, /*#__PURE__*/React.createElement(ActionButton, {
-      text: "Comment",
-      subText: "Public"
-    })), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '20px',
-        display: 'inline-block'
-      }
-    }, /*#__PURE__*/React.createElement(ActionButton, {
-      text: "Reply all",
-      iconName: "ZD-replyall",
-      iconSize: "9",
-      onClick: () => '',
-      dropBoxPosition: "bottomRight",
-      size: "small",
-      palette: "primary"
-    }, "children")), /*#__PURE__*/React.createElement("div", {
-      style: {
-        margin: '20px'
-      }
-    }));
-  }
-
-}
-ActionButton__default.docs = {
-  componentGroup: 'Atom'
-};