@zohodesk/dot 1.0.0-temp-55 → 1.0.0-temp-59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (130) hide show
  1. package/README.md +2 -0
  2. package/es/Appearance/dark/mode/dotDarkMode.module.css +520 -536
  3. package/es/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +2 -2
  4. package/es/Appearance/dark/themes/green/greenDarkDotTheme.module.css +2 -2
  5. package/es/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +2 -2
  6. package/es/Appearance/dark/themes/red/redDarkDotTheme.module.css +2 -2
  7. package/es/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +2 -2
  8. package/es/Appearance/default/mode/dotDefaultMode.module.css +520 -536
  9. package/es/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +2 -2
  10. package/es/Appearance/default/themes/green/greenDefaultDotTheme.module.css +2 -2
  11. package/es/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +2 -2
  12. package/es/Appearance/default/themes/red/redDefaultDotTheme.module.css +2 -2
  13. package/es/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +2 -2
  14. package/es/FreezeLayer/docs/FreezeLayer__dark.docs.js +2 -2
  15. package/es/FreezeLayer/docs/FreezeLayer__default.docs.js +2 -2
  16. package/es/ImportantNotes/ImportantNotes.js +5 -3
  17. package/es/Loader/docs/Loader__default.docs.js +1 -1
  18. package/es/deprecated/SelectDropdown/SelectDropdown.module.css +6 -6
  19. package/es/form/fields/CheckBoxField/CheckBoxField.js +1 -1
  20. package/es/form/fields/CurrencyField/CurrencyField.js +2 -2
  21. package/es/form/fields/DateField/DateField.js +2 -2
  22. package/es/form/fields/Fields.module.css +5 -7
  23. package/es/form/fields/MultiSelectField/MultiSelectField.js +2 -2
  24. package/es/form/fields/RadioField/RadioField.js +2 -2
  25. package/es/form/fields/SelectField/SelectField.js +2 -2
  26. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.js +2 -2
  27. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +2 -2
  28. package/es/form/fields/TagsMultiSelectField/docs/TagsMultiSelectField__default.docs.js +1 -1
  29. package/es/form/fields/TextBoxField/TextBoxField.js +2 -2
  30. package/es/form/fields/TextEditor/TextEditor.js +1 -1
  31. package/es/form/fields/TextEditorField/TextEditorField.js +2 -2
  32. package/es/form/fields/TextEditorField/docs/TextEditorField__default.docs.js +1 -1
  33. package/es/form/fields/TextareaField/TextareaField.js +2 -2
  34. package/es/form/layout/Field/Field.js +1 -1
  35. package/es/form/layout/Section/Section.js +7 -3
  36. package/es/list/BluePrintStatus/BluePrintStatus.module.css +2 -2
  37. package/es/list/DotNew/DotNew.module.css +4 -4
  38. package/es/lookup/header/ModuleHeader/ModuleHeader.js +8 -3
  39. package/es/lookup/header/ModuleHeader/docs/ModuleHeader__default.docs.js +13 -3
  40. package/es/lookup/header/TicketHeader/TicketHeader.js +7 -4
  41. package/es/lookup/header/lookupHeaderCommon.module.css +8 -2
  42. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +4 -5
  43. package/lib/Appearance/dark/mode/dotDarkMode.module.css +520 -536
  44. package/lib/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +2 -2
  45. package/lib/Appearance/dark/themes/green/greenDarkDotTheme.module.css +2 -2
  46. package/lib/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +2 -2
  47. package/lib/Appearance/dark/themes/red/redDarkDotTheme.module.css +2 -2
  48. package/lib/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +2 -2
  49. package/lib/Appearance/default/mode/dotDefaultMode.module.css +520 -536
  50. package/lib/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +2 -2
  51. package/lib/Appearance/default/themes/green/greenDefaultDotTheme.module.css +2 -2
  52. package/lib/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +2 -2
  53. package/lib/Appearance/default/themes/red/redDefaultDotTheme.module.css +2 -2
  54. package/lib/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +2 -2
  55. package/lib/FreezeLayer/docs/FreezeLayer__dark.docs.js +2 -2
  56. package/lib/FreezeLayer/docs/FreezeLayer__default.docs.js +2 -2
  57. package/lib/ImportantNotes/ImportantNotes.js +5 -3
  58. package/lib/Loader/docs/Loader__default.docs.js +1 -1
  59. package/lib/deprecated/SelectDropdown/SelectDropdown.module.css +6 -6
  60. package/lib/form/fields/CheckBoxField/CheckBoxField.js +1 -1
  61. package/lib/form/fields/CurrencyField/CurrencyField.js +2 -2
  62. package/lib/form/fields/DateField/DateField.js +2 -2
  63. package/lib/form/fields/Fields.module.css +5 -7
  64. package/lib/form/fields/MultiSelectField/MultiSelectField.js +2 -2
  65. package/lib/form/fields/RadioField/RadioField.js +2 -2
  66. package/lib/form/fields/SelectField/SelectField.js +2 -2
  67. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.js +2 -2
  68. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +2 -2
  69. package/lib/form/fields/TagsMultiSelectField/docs/TagsMultiSelectField__default.docs.js +1 -1
  70. package/lib/form/fields/TextBoxField/TextBoxField.js +2 -2
  71. package/lib/form/fields/TextEditor/TextEditor.js +1 -1
  72. package/lib/form/fields/TextEditorField/TextEditorField.js +2 -2
  73. package/lib/form/fields/TextEditorField/docs/TextEditorField__default.docs.js +1 -1
  74. package/lib/form/fields/TextareaField/TextareaField.js +2 -2
  75. package/lib/form/layout/Field/Field.js +1 -1
  76. package/lib/form/layout/Section/Section.js +7 -3
  77. package/lib/list/BluePrintStatus/BluePrintStatus.module.css +2 -2
  78. package/lib/list/DotNew/DotNew.module.css +4 -4
  79. package/lib/lookup/header/ModuleHeader/ModuleHeader.js +8 -3
  80. package/lib/lookup/header/ModuleHeader/docs/ModuleHeader__default.docs.js +13 -3
  81. package/lib/lookup/header/TicketHeader/TicketHeader.js +7 -4
  82. package/lib/lookup/header/lookupHeaderCommon.module.css +8 -2
  83. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +4 -5
  84. package/package.json +7 -7
  85. package/preprocess/dotAppearanceColors.js +71 -0
  86. package/preprocess/dotThemeColors.js +1 -1
  87. package/preprocess/index.js +1 -0
  88. package/preprocess/json/dotAppearanceVariableJson.js +1908 -0
  89. package/preprocess/json/{dotVariableJson.js → dotThemeVariableJson.js} +20 -20
  90. package/src/Appearance/dark/mode/dotDarkMode.module.css +520 -536
  91. package/src/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +2 -2
  92. package/src/Appearance/dark/themes/green/greenDarkDotTheme.module.css +2 -2
  93. package/src/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +2 -2
  94. package/src/Appearance/dark/themes/red/redDarkDotTheme.module.css +2 -2
  95. package/src/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +2 -2
  96. package/src/Appearance/default/mode/dotDefaultMode.module.css +520 -536
  97. package/src/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +2 -2
  98. package/src/Appearance/default/themes/green/greenDefaultDotTheme.module.css +2 -2
  99. package/src/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +2 -2
  100. package/src/Appearance/default/themes/red/redDefaultDotTheme.module.css +2 -2
  101. package/src/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +2 -2
  102. package/src/FreezeLayer/docs/FreezeLayer__dark.docs.js +2 -2
  103. package/src/FreezeLayer/docs/FreezeLayer__default.docs.js +2 -2
  104. package/src/ImportantNotes/ImportantNotes.js +4 -3
  105. package/src/Loader/docs/Loader__default.docs.js +1 -1
  106. package/src/deprecated/SelectDropdown/SelectDropdown.module.css +6 -6
  107. package/src/form/fields/CheckBoxField/CheckBoxField.js +1 -7
  108. package/src/form/fields/CurrencyField/CurrencyField.js +2 -8
  109. package/src/form/fields/DateField/DateField.js +2 -8
  110. package/src/form/fields/Fields.module.css +5 -8
  111. package/src/form/fields/MultiSelectField/MultiSelectField.js +2 -8
  112. package/src/form/fields/RadioField/RadioField.js +2 -8
  113. package/src/form/fields/SelectField/SelectField.js +2 -8
  114. package/src/form/fields/TagsMultiSelect/TagsMultiSelect.js +2 -2
  115. package/src/form/fields/TagsMultiSelectField/TagsMultiSelectField.js +2 -10
  116. package/src/form/fields/TagsMultiSelectField/docs/TagsMultiSelectField__default.docs.js +1 -1
  117. package/src/form/fields/TextBoxField/TextBoxField.js +2 -8
  118. package/src/form/fields/TextEditor/TextEditor.js +1 -1
  119. package/src/form/fields/TextEditorField/TextEditorField.js +2 -10
  120. package/src/form/fields/TextEditorField/docs/TextEditorField__default.docs.js +1 -1
  121. package/src/form/fields/TextareaField/TextareaField.js +2 -8
  122. package/src/form/layout/Field/Field.js +4 -3
  123. package/src/form/layout/Section/Section.js +14 -10
  124. package/src/list/BluePrintStatus/BluePrintStatus.module.css +2 -2
  125. package/src/list/DotNew/DotNew.module.css +4 -4
  126. package/src/lookup/header/ModuleHeader/ModuleHeader.js +9 -3
  127. package/src/lookup/header/ModuleHeader/docs/ModuleHeader__default.docs.js +21 -8
  128. package/src/lookup/header/TicketHeader/TicketHeader.js +7 -4
  129. package/src/lookup/header/lookupHeaderCommon.module.css +6 -0
  130. package/src/version2/notification/DesktopNotification/DesktopNotification.module.css +4 -5
package/src/lookup/header/TicketHeader/TicketHeader.js CHANGED
@@ -32,14 +32,15 @@ export default class TicketHeader extends Component {
32
32
  needOnTypeSearch,
33
33
  getSearchBoxRef,
34
34
  needViewsList,
35
- i18nKeys
35
+ i18nKeys,
36
+ palette
36
37
  } = this.props;
37
38
  let { menuEmptyMessage = 'No matches found' } = i18nKeys;
38
39
  return (
39
40
  <Container
40
41
  align='vertical'
41
42
  alignBox='row'
42
- className={`${commonStyle.container} ${commonResponsive.container} ${style.container}`}
43
+ className={`${commonStyle.container} ${commonStyle[`${palette}`]} ${commonResponsive.container} ${style.container}`}
43
44
  isCover={false}
44
45
  wrap='wrap'
45
46
  >
@@ -109,11 +110,13 @@ TicketHeader.propTypes = {
109
110
  title: PropTypes.string,
110
111
  i18nKeys: PropTypes.shape({
111
112
  menuEmptyMessage: PropTypes.string
112
- })
113
+ }),
114
+ palette: PropTypes.oneOf(['default', 'white'])
113
115
  };
114
116
 
115
117
  TicketHeader.defaultProps = {
116
- i18nKeys: {}
118
+ i18nKeys: {},
119
+ palette: 'default'
117
120
  };
118
121
 
119
122
  if (__DOCS__) {
package/src/lookup/header/lookupHeaderCommon.module.css CHANGED
@@ -2,9 +2,15 @@
2
2
  min-height: var(--zd_size51);
3
3
  position: relative;
4
4
  padding: 0 var(--zd_size52) 0 var(--zd_size10);
5
+ }
6
+ .default {
5
7
  background-color: var(--zdt_lookupheader_default_bg);
6
8
  border-bottom: solid 1px var(--zdt_lookupheader_default_border);
7
9
  }
10
+ .white {
11
+ background-color: var(--dot_white);
12
+ border-bottom: solid 1px var(--zdt_cta_grey_35_border);
13
+ }
8
14
  .searchContainer,
9
15
  .title {
10
16
  margin: 0 var(--zd_size20);
package/src/version2/notification/DesktopNotification/DesktopNotification.module.css CHANGED
@@ -13,7 +13,7 @@
13
13
  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
14
14
  pointer-events: auto;
15
15
  }
16
- .globalNotify {
16
+ .globalNotify {
17
17
  max-width: var(--zd_size490);
18
18
  min-width: var(--zd_size394);
19
19
  }
@@ -51,17 +51,17 @@
51
51
  /* Container Style */
52
52
  .message {
53
53
  padding: var(--zd_size10) var(--zd_size20) var(--zd_size10) var(--zd_size76);
54
- border-top: 1px solid var(--zd_border_smoke1);
54
+ border-top: 1px solid var(--zd_smoke1);
55
55
  cursor: pointer;
56
56
  position: relative;
57
- color: var(--zd_text_smoke18);
57
+ color: var(--zd_smoke18);
58
58
  font-size: var(--zd_font_size11);
59
59
  composes: dotted textCap from '~@zohodesk/components/lib/common/common.module.css';
60
60
  height: var(--zd_size33);
61
61
  transition: padding var(--zd_transition3), height var(--zd_transition3);
62
62
  }
63
63
  .message:hover {
64
- background: var(--zd_bg_alabaster);
64
+ background: var(--zd_alabaster);
65
65
  }
66
66
  /* Section */
67
67
  .section {
@@ -88,4 +88,3 @@
88
88
  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
89
89
  overflow: hidden;
90
90
  }
91
-