@zohodesk/dot 1.0.0-temp-228.2 → 1.0.0-temp-230

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 (172) hide show
  1. package/README.md +24 -0
  2. package/es/ActionButton/ActionButton.module.css +12 -11
  3. package/es/ActionButton/__tests__/__snapshots__/ActionButton.spec.js.snap +47 -60
  4. package/es/AlphabeticList/AlphabeticList.module.css +7 -8
  5. package/es/Attachment/Attachment.module.css +9 -10
  6. package/es/AttachmentViewer/AttachmentViewer.js +57 -7
  7. package/es/AttachmentViewer/AttachmentViewer.module.css +25 -46
  8. package/es/AttachmentViewer/props/defaultProps.js +2 -1
  9. package/es/AttachmentViewer/props/propTypes.js +3 -1
  10. package/es/AudioPlayer/AudioPlayer.module.css +5 -8
  11. package/es/DotProvider/DotProvider.js +2 -0
  12. package/es/DotProvider/__tests__/DotProvider.spec.js +106 -0
  13. package/es/DotProvider/hooks/useDotProvider.js +4 -2
  14. package/es/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +44 -15
  15. package/es/DotProvider/props/defaultProps.js +2 -0
  16. package/es/DotProvider/props/propTypes.js +1 -0
  17. package/es/Drawer/Drawer.module.css +17 -64
  18. package/es/FormAction/FormAction.module.css +20 -54
  19. package/es/ImportantNotes/ImportantNotes.module.css +2 -9
  20. package/es/Link/Link.js +4 -3
  21. package/es/Link/props/propTypes.js +1 -0
  22. package/es/Message/Message.module.css +3 -16
  23. package/es/MessageBanner/MessageBanner.module.css +4 -13
  24. package/es/Separator/Separator.module.css +2 -1
  25. package/es/TagWithIcon/TagWithIcon.module.css +5 -8
  26. package/es/ToastMessage/ToastMessage.module.css +16 -30
  27. package/es/Upload/Upload.module.css +7 -9
  28. package/es/alert/AlertHeader/AlertHeader.module.css +11 -25
  29. package/es/alert/AlertLookup/AlertLookup.module.css +9 -10
  30. package/es/avatar/AvatarCollision/AvatarCollision.module.css +1 -1
  31. package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css +1 -1
  32. package/es/dropdown/ToggleDropDown/ToggleDropDown.module.css +16 -16
  33. package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +7 -9
  34. package/es/emptystate/EditionPage/EditionPage.css +7 -4
  35. package/es/errorstate/EmptyStates.module.css +7 -8
  36. package/es/errorstate/Inconvenience/Inconvenience.module.css +2 -5
  37. package/es/errorstate/NoRequestFound/NoRequestFound.module.css +1 -1
  38. package/es/errorstate/PermissionPlay/PermissionPlay.module.css +5 -4
  39. package/es/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +1 -1
  40. package/es/errorstate/UnableToProcess/UnableToProcess.module.css +1 -1
  41. package/es/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +1 -1
  42. package/es/errorstate/WillBack/WillBack.module.css +6 -4
  43. package/es/form/fields/Fields.module.css +23 -68
  44. package/es/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +11 -16
  45. package/es/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +1 -4
  46. package/es/form/fields/TextEditor/TextEditor.module.css +40 -66
  47. package/es/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +2 -7
  48. package/es/form/fields/ValidationMessage/ValidationMessage.module.css +4 -3
  49. package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +14 -36
  50. package/es/layout/SubtabLayout/SubtabLayout.module.css +33 -46
  51. package/es/list/BluePrintStatus/BluePrintStatus.module.css +1 -4
  52. package/es/list/Comment/Comment.module.css +2 -1
  53. package/es/list/Dot/Dot.module.css +4 -2
  54. package/es/list/GridStencils/GridStencils.module.css +7 -9
  55. package/es/list/ListLayout/ListLayout.module.css +7 -4
  56. package/es/list/ListStencils/ListStencils.module.css +14 -15
  57. package/es/list/SecondaryText/SecondaryText.module.css +4 -13
  58. package/es/list/SentimentStatus/SentimentStatus.module.css +2 -4
  59. package/es/list/TagNew/TagNew.module.css +3 -2
  60. package/es/list/listCommon.module.css +3 -7
  61. package/es/list/status/StatusDropdown/StatusDropdown.module.css +17 -17
  62. package/es/list/status/StatusListItem/StatusListItem.module.css +10 -18
  63. package/es/lookup/EmptyPage/LookupEmptyPage.module.css +4 -3
  64. package/es/lookup/Lookup/Lookup.module.css +2 -2
  65. package/es/lookup/header/Search/LookupSearch.module.css +10 -23
  66. package/es/lookup/header/TicketHeader/TicketHeader.module.css +3 -2
  67. package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +8 -12
  68. package/es/lookup/header/lookupHeaderCommon.module.css +8 -7
  69. package/es/lookup/header/lookupHeaderCommonResponsive.module.css +2 -6
  70. package/es/setup/header/Button/HeaderButton.module.css +2 -4
  71. package/es/setup/header/Link/HeaderLink.module.css +3 -9
  72. package/es/setup/header/Search/Search.module.css +2 -10
  73. package/es/setup/header/Views/Views.module.css +1 -4
  74. package/es/setup/helptips/Description/HelpTipsDescription.module.css +2 -1
  75. package/es/setup/helptips/Link/HelpTipsLink.module.css +2 -2
  76. package/es/setup/helptips/ListGroup/ListGroup.module.css +2 -6
  77. package/es/setup/table/TableData/SetupTableData.module.css +2 -4
  78. package/es/setup/table/TableHead/SetupTableHead.module.css +1 -6
  79. package/es/setup/table/TableRow/SetupTableRow.module.css +2 -7
  80. package/es/version2/GlobalNotification/GlobalNotification.module.css +7 -12
  81. package/es/version2/errorstate/V2_ErrorStates.module.css +5 -5
  82. package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +8 -23
  83. package/es/version2/lookup/AlertLookup/AlertLookupNew.module.css +9 -10
  84. package/es/version2/lookup/alertLookupCommonNew.module.css +6 -4
  85. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +8 -11
  86. package/es/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +10 -22
  87. package/lib/ActionButton/ActionButton.module.css +12 -11
  88. package/lib/ActionButton/__tests__/__snapshots__/ActionButton.spec.js.snap +47 -60
  89. package/lib/AlphabeticList/AlphabeticList.module.css +7 -8
  90. package/lib/Attachment/Attachment.module.css +9 -10
  91. package/lib/AttachmentViewer/AttachmentViewer.js +94 -37
  92. package/lib/AttachmentViewer/AttachmentViewer.module.css +25 -46
  93. package/lib/AttachmentViewer/props/defaultProps.js +2 -1
  94. package/lib/AttachmentViewer/props/propTypes.js +3 -1
  95. package/lib/AudioPlayer/AudioPlayer.module.css +5 -8
  96. package/lib/DotProvider/DotProvider.js +3 -1
  97. package/lib/DotProvider/__tests__/DotProvider.spec.js +216 -0
  98. package/lib/DotProvider/hooks/useDotProvider.js +4 -2
  99. package/lib/DotProvider/hooks/useDownloadAssetsAndSetAttr.js +46 -15
  100. package/lib/DotProvider/props/defaultProps.js +3 -0
  101. package/lib/DotProvider/props/propTypes.js +1 -0
  102. package/lib/Drawer/Drawer.module.css +17 -64
  103. package/lib/FormAction/FormAction.module.css +20 -54
  104. package/lib/ImportantNotes/ImportantNotes.module.css +2 -9
  105. package/lib/Link/Link.js +4 -3
  106. package/lib/Link/props/propTypes.js +1 -0
  107. package/lib/Message/Message.module.css +3 -16
  108. package/lib/MessageBanner/MessageBanner.module.css +4 -13
  109. package/lib/Separator/Separator.module.css +2 -1
  110. package/lib/TagWithIcon/TagWithIcon.module.css +5 -8
  111. package/lib/ToastMessage/ToastMessage.module.css +16 -30
  112. package/lib/Upload/Upload.module.css +7 -9
  113. package/lib/alert/AlertHeader/AlertHeader.module.css +11 -25
  114. package/lib/alert/AlertLookup/AlertLookup.module.css +9 -10
  115. package/lib/avatar/AvatarCollision/AvatarCollision.module.css +1 -1
  116. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.module.css +1 -1
  117. package/lib/dropdown/ToggleDropDown/ToggleDropDown.module.css +16 -16
  118. package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +7 -9
  119. package/lib/emptystate/EditionPage/EditionPage.css +7 -4
  120. package/lib/errorstate/EmptyStates.module.css +7 -8
  121. package/lib/errorstate/Inconvenience/Inconvenience.module.css +2 -5
  122. package/lib/errorstate/NoRequestFound/NoRequestFound.module.css +1 -1
  123. package/lib/errorstate/PermissionPlay/PermissionPlay.module.css +5 -4
  124. package/lib/errorstate/RequestUrlNotFound/RequestUrlNotFound.module.css +1 -1
  125. package/lib/errorstate/UnableToProcess/UnableToProcess.module.css +1 -1
  126. package/lib/errorstate/UnauthorizedLogin/UnauthorizedLogin.module.css +1 -1
  127. package/lib/errorstate/WillBack/WillBack.module.css +6 -4
  128. package/lib/form/fields/Fields.module.css +23 -68
  129. package/lib/form/fields/TagsMultiSelect/TagsMultiSelect.module.css +11 -16
  130. package/lib/form/fields/TagsMultiSelectField/TagsMultiSelectField.module.css +1 -4
  131. package/lib/form/fields/TextEditor/TextEditor.module.css +40 -66
  132. package/lib/form/fields/TextEditorWrapper/TextEditorWrapper.module.css +2 -7
  133. package/lib/form/fields/ValidationMessage/ValidationMessage.module.css +4 -3
  134. package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css +14 -36
  135. package/lib/layout/SubtabLayout/SubtabLayout.module.css +33 -46
  136. package/lib/list/BluePrintStatus/BluePrintStatus.module.css +1 -4
  137. package/lib/list/Comment/Comment.module.css +2 -1
  138. package/lib/list/Dot/Dot.module.css +4 -2
  139. package/lib/list/GridStencils/GridStencils.module.css +7 -9
  140. package/lib/list/ListLayout/ListLayout.module.css +7 -4
  141. package/lib/list/ListStencils/ListStencils.module.css +14 -15
  142. package/lib/list/SecondaryText/SecondaryText.module.css +4 -13
  143. package/lib/list/SentimentStatus/SentimentStatus.module.css +2 -4
  144. package/lib/list/TagNew/TagNew.module.css +3 -2
  145. package/lib/list/listCommon.module.css +3 -7
  146. package/lib/list/status/StatusDropdown/StatusDropdown.module.css +17 -17
  147. package/lib/list/status/StatusListItem/StatusListItem.module.css +10 -18
  148. package/lib/lookup/EmptyPage/LookupEmptyPage.module.css +4 -3
  149. package/lib/lookup/Lookup/Lookup.module.css +2 -2
  150. package/lib/lookup/header/Search/LookupSearch.module.css +10 -23
  151. package/lib/lookup/header/TicketHeader/TicketHeader.module.css +3 -2
  152. package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css +8 -12
  153. package/lib/lookup/header/lookupHeaderCommon.module.css +8 -7
  154. package/lib/lookup/header/lookupHeaderCommonResponsive.module.css +2 -6
  155. package/lib/setup/header/Button/HeaderButton.module.css +2 -4
  156. package/lib/setup/header/Link/HeaderLink.module.css +3 -9
  157. package/lib/setup/header/Search/Search.module.css +2 -10
  158. package/lib/setup/header/Views/Views.module.css +1 -4
  159. package/lib/setup/helptips/Description/HelpTipsDescription.module.css +2 -1
  160. package/lib/setup/helptips/Link/HelpTipsLink.module.css +2 -2
  161. package/lib/setup/helptips/ListGroup/ListGroup.module.css +2 -6
  162. package/lib/setup/table/TableData/SetupTableData.module.css +2 -4
  163. package/lib/setup/table/TableHead/SetupTableHead.module.css +1 -6
  164. package/lib/setup/table/TableRow/SetupTableRow.module.css +2 -7
  165. package/lib/version2/GlobalNotification/GlobalNotification.module.css +7 -12
  166. package/lib/version2/errorstate/V2_ErrorStates.module.css +5 -5
  167. package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +8 -23
  168. package/lib/version2/lookup/AlertLookup/AlertLookupNew.module.css +9 -10
  169. package/lib/version2/lookup/alertLookupCommonNew.module.css +6 -4
  170. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +8 -11
  171. package/lib/version2/notification/DesktopNotificationHeader/DesktopNotificationHeader.module.css +10 -22
  172. package/package.json +14 -14
package/README.md CHANGED
@@ -2,12 +2,36 @@
2
2
 
3
3
  In this Library, we Provide Some Basic Components to Build Your Application
4
4
 
5
+ # 1.9.12
6
+
7
+ - DUMMY_ARRAY import path issue fixed in DotProvider DefaultProps
8
+
9
+ # 1.9.11
10
+
11
+ - padding, margin based css properties migrated to padding-inline,padding-block, margin-inline, margin-block
12
+
13
+ - **DotProvider** — Added `excludeFeatures` prop (default `[]`). Accepts an array of feature names to exclude from DotProvider. Supported values: `'theme'`, `'font'`, `'zoom'`. Example: `excludeFeatures={['font', 'zoom']}` skips font/zoom CSS chunk downloads and their variable/attribute application while keeping theme active.
14
+
15
+
16
+ # 1.9.10
17
+
18
+ - **ActionButton**
19
+ - Accessibility improvements:
20
+ - Removed hardcoded `tabIndex='0'` from the content box and arrow button elements.
21
+ - Arrow button now exposes `aria-expanded` and `aria-controls` attributes for screen reader support.
22
+ - Popup is assigned a unique `htmlId` (via `getUniqueId`) linked to `aria-controls` on the arrow button.
23
+ - Added `a11yAttributes` prop.
24
+
5
25
  # 1.9.9
6
26
 
7
27
  - PX to variable conversion was not applied due to the CBT migration. The issue has now been fixed.
8
28
 
9
29
  # 1.9.8
10
30
 
31
+ - **AttachmentViewer** Provide a method in the AttachmentViewer component to handle updates to existing attachment list items.
32
+
33
+ # 1.9.8
34
+
11
35
  - **DotProvider** - Variables package handled and separated the component & variable import files
12
36
  - **Dependency**: @zohodesk/variables@1.3.0 , @zohodesk/components@1.6.6
13
37
 
@@ -89,11 +89,14 @@
89
89
  }
90
90
 
91
91
  .small_btnBox {
92
- padding: 0 var(--zd_size8) ;
92
+ padding-block:0 ;
93
+ padding-inline: var(--zd_size8) ;
93
94
  }
94
95
 
95
- .medium_btnBox, .large_btnBox {
96
- padding: 0 var(--zd_size10) ;
96
+ .medium_btnBox,
97
+ .large_btnBox {
98
+ padding-block:0 ;
99
+ padding-inline: var(--zd_size10) ;
97
100
  }
98
101
 
99
102
  .txt {
@@ -174,8 +177,10 @@
174
177
  }
175
178
 
176
179
  .popupWrapper {
177
- padding: var(--zd_size10) 0 ;
178
- margin: var(--zd_size5) 0 ;
180
+ padding-block: var(--zd_size10) ;
181
+ padding-inline:0 ;
182
+ margin-block: var(--zd_size5) ;
183
+ margin-inline:0 ;
179
184
  }
180
185
 
181
186
  .arrow,
@@ -184,10 +189,6 @@
184
189
  color: var(--buttonText);
185
190
  }
186
191
 
187
- [dir=ltr] .iconMrgn {
188
- margin-right: var(--zd_size6) ;
192
+ .iconMrgn {
193
+ margin-inline-end: var(--zd_size6) ;
189
194
  }
190
-
191
- [dir=rtl] .iconMrgn {
192
- margin-left: var(--zd_size6) ;
193
- }