@zohodesk/components 1.0.0-temp-236 → 1.0.0-temp-239

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 (1592) hide show
  1. package/README.md +13 -3
  2. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +5 -5
  3. package/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css +1 -1
  4. package/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css +1 -1
  5. package/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css +1 -1
  6. package/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css +1 -1
  7. package/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css +1 -1
  8. package/assets/Appearance/light/mode/Component_LightMode.module.css +5 -5
  9. package/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css +1 -1
  10. package/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css +1 -1
  11. package/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css +1 -1
  12. package/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css +1 -1
  13. package/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css +1 -1
  14. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +5 -5
  15. package/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css +1 -1
  16. package/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css +1 -1
  17. package/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css +1 -1
  18. package/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css +1 -1
  19. package/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css +1 -1
  20. package/es/Accordion/Accordion.js +85 -0
  21. package/es/Accordion/AccordionItem.js +63 -0
  22. package/es/Accordion/__tests__/Accordion.spec.js +11 -0
  23. package/es/Accordion/__tests__/AccordionItem.spec.js +16 -0
  24. package/es/Accordion/__tests__/__snapshots__/Accordion.spec.js.snap +12 -0
  25. package/es/Accordion/__tests__/__snapshots__/AccordionItem.spec.js.snap +23 -0
  26. package/es/Accordion/index.js +2 -0
  27. package/es/Accordion/props/defaultProps.js +12 -0
  28. package/es/Accordion/props/propTypes.js +33 -0
  29. package/es/Animation/Animation.js +52 -0
  30. package/es/Animation/__tests__/Animation.spec.js +14 -0
  31. package/es/Animation/__tests__/__snapshots__/Animation.spec.js.snap +11 -0
  32. package/es/Animation/props/defaultProps.js +7 -0
  33. package/es/Animation/props/propTypes.js +12 -0
  34. package/es/Animation/utils.js +83 -0
  35. package/es/AppContainer/AppContainer.js +139 -0
  36. package/es/AppContainer/AppContainer.module.css +18 -0
  37. package/es/AppContainer/__tests__/AppContainer.spec.js +82 -0
  38. package/es/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +201 -0
  39. package/es/AppContainer/props/defaultProps.js +10 -0
  40. package/es/AppContainer/props/propTypes.js +17 -0
  41. package/es/Avatar/Avatar.js +195 -0
  42. package/es/Avatar/Avatar.module.css +176 -0
  43. package/es/Avatar/__tests__/Avatar.spec.js +181 -0
  44. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -0
  45. package/es/Avatar/props/defaultProps.js +17 -0
  46. package/es/Avatar/props/propTypes.js +26 -0
  47. package/es/AvatarTeam/AvatarTeam.js +84 -0
  48. package/es/AvatarTeam/AvatarTeam.module.css +189 -0
  49. package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +138 -0
  50. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +705 -0
  51. package/es/AvatarTeam/props/defaultProps.js +17 -0
  52. package/es/AvatarTeam/props/propTypes.js +28 -0
  53. package/es/Button/Button.js +76 -0
  54. package/es/Button/__tests__/Button.spec.js +242 -0
  55. package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +412 -0
  56. package/es/Button/css/Button.module.css +613 -0
  57. package/es/Button/css/cssJSLogic.js +58 -0
  58. package/es/Button/index.js +2 -0
  59. package/es/Button/props/defaultProps.js +18 -0
  60. package/es/Button/props/propTypes.js +28 -0
  61. package/es/Buttongroup/Buttongroup.js +50 -0
  62. package/es/Buttongroup/Buttongroup.module.css +105 -0
  63. package/es/Buttongroup/__tests__/Buttongroup.spec.js +37 -0
  64. package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -0
  65. package/es/Buttongroup/props/defaultProps.js +6 -0
  66. package/es/Buttongroup/props/propTypes.js +9 -0
  67. package/es/Card/Card.js +305 -0
  68. package/es/Card/Card.module.css +20 -0
  69. package/es/Card/__tests__/Card.spec.js +90 -0
  70. package/es/Card/__tests__/__snapshots__/Card.spec.js.snap +56 -0
  71. package/es/Card/index.js +4 -0
  72. package/es/Card/props/defaultProps.js +26 -0
  73. package/es/Card/props/propTypes.js +49 -0
  74. package/es/CheckBox/CheckBox.js +172 -0
  75. package/es/CheckBox/CheckBox.module.css +160 -0
  76. package/es/CheckBox/__tests__/CheckBox.spec.js +240 -0
  77. package/es/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +1878 -0
  78. package/es/CheckBox/props/defaultProps.js +18 -0
  79. package/es/CheckBox/props/propTypes.js +42 -0
  80. package/es/DateTime/CalendarView.js +223 -0
  81. package/es/DateTime/DateTime.js +779 -0
  82. package/es/DateTime/DateTime.module.css +249 -0
  83. package/es/DateTime/DateTimePopupFooter.js +47 -0
  84. package/es/DateTime/DateTimePopupHeader.js +105 -0
  85. package/es/DateTime/DateWidget.js +1142 -0
  86. package/es/DateTime/DateWidget.module.css +39 -0
  87. package/es/DateTime/DaysRow.js +32 -0
  88. package/es/DateTime/Time.js +181 -0
  89. package/es/DateTime/YearView.js +264 -0
  90. package/es/DateTime/YearView.module.css +99 -0
  91. package/es/DateTime/__tests__/CalendarView.spec.js +13 -0
  92. package/es/DateTime/__tests__/DateTime.spec.js +21 -0
  93. package/es/DateTime/__tests__/DateTimePopupFooter.spec.js +11 -0
  94. package/es/DateTime/__tests__/DateTimePopupHeader.spec.js +11 -0
  95. package/es/DateTime/__tests__/DateWidget.spec.js +11 -0
  96. package/es/DateTime/__tests__/DaysRow.spec.js +13 -0
  97. package/es/DateTime/__tests__/Time.spec.js +11 -0
  98. package/es/DateTime/__tests__/YearView.spec.js +10 -0
  99. package/es/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +312 -0
  100. package/es/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +938 -0
  101. package/es/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +34 -0
  102. package/es/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +72 -0
  103. package/es/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +79 -0
  104. package/es/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +12 -0
  105. package/es/DateTime/__tests__/__snapshots__/Time.spec.js.snap +310 -0
  106. package/es/DateTime/common.js +25 -0
  107. package/es/DateTime/constants.js +57 -0
  108. package/es/DateTime/dateFormatUtils/dateFormat.js +616 -0
  109. package/es/DateTime/dateFormatUtils/dateFormats.js +42 -0
  110. package/es/DateTime/dateFormatUtils/dayChange.js +83 -0
  111. package/es/DateTime/dateFormatUtils/index.js +267 -0
  112. package/es/DateTime/dateFormatUtils/monthChange.js +90 -0
  113. package/es/DateTime/dateFormatUtils/timeChange.js +228 -0
  114. package/es/DateTime/dateFormatUtils/yearChange.js +121 -0
  115. package/es/DateTime/index.js +1 -0
  116. package/es/DateTime/objectUtils.js +55 -0
  117. package/es/DateTime/props/defaultProps.js +65 -0
  118. package/es/DateTime/props/propTypes.js +203 -0
  119. package/es/DateTime/typeChecker.js +19 -0
  120. package/es/DateTime/validator.js +327 -0
  121. package/es/DropBox/DropBox.js +80 -0
  122. package/es/DropBox/DropBoxElement/DropBoxElement.js +137 -0
  123. package/es/DropBox/DropBoxElement/__tests__/DropBoxElement.spec.js +28 -0
  124. package/es/DropBox/DropBoxElement/__tests__/__snapshots__/DropBoxElement.spec.js.snap +95 -0
  125. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +442 -0
  126. package/es/DropBox/DropBoxElement/css/cssJSLogic.js +91 -0
  127. package/es/DropBox/DropBoxElement/props/defaultProps.js +18 -0
  128. package/es/DropBox/DropBoxElement/props/propTypes.js +51 -0
  129. package/es/DropBox/DropBoxElement/useDropboxPosCalc.js +54 -0
  130. package/es/DropBox/DropBoxPositionMapping.js +142 -0
  131. package/es/DropBox/__tests__/DropBox.spec.js +11 -0
  132. package/es/DropBox/__tests__/__snapshots__/DropBox.spec.js.snap +36 -0
  133. package/es/DropBox/css/DropBox.module.css +59 -0
  134. package/es/DropBox/css/cssJSLogic.js +14 -0
  135. package/es/DropBox/props/defaultProps.js +14 -0
  136. package/es/DropBox/props/propTypes.js +16 -0
  137. package/es/DropBox/utils/isMobilePopover.js +17 -0
  138. package/es/DropDown/DropDown.js +76 -0
  139. package/es/DropDown/DropDown.module.css +5 -0
  140. package/es/DropDown/DropDownHeading.js +44 -0
  141. package/es/DropDown/DropDownHeading.module.css +53 -0
  142. package/es/DropDown/DropDownItem.js +76 -0
  143. package/es/DropDown/DropDownItem.module.css +94 -0
  144. package/es/DropDown/DropDownSearch.js +68 -0
  145. package/es/DropDown/DropDownSearch.module.css +14 -0
  146. package/es/DropDown/DropDownSeparator.js +15 -0
  147. package/es/DropDown/DropDownSeparator.module.css +7 -0
  148. package/es/DropDown/__tests__/DropDown.spec.js +11 -0
  149. package/es/DropDown/__tests__/DropDownHeading.spec.js +11 -0
  150. package/es/DropDown/__tests__/DropDownItem.spec.js +11 -0
  151. package/es/DropDown/__tests__/DropDownSearch.spec.js +11 -0
  152. package/es/DropDown/__tests__/DropDownSeparator.spec.js +11 -0
  153. package/es/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +54 -0
  154. package/es/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +12 -0
  155. package/es/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +11 -0
  156. package/es/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +20 -0
  157. package/es/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +9 -0
  158. package/es/DropDown/index.js +7 -0
  159. package/es/DropDown/props/defaultProps.js +21 -0
  160. package/es/DropDown/props/propTypes.js +66 -0
  161. package/es/Heading/Heading.js +38 -0
  162. package/es/Heading/Heading.module.css +5 -0
  163. package/es/Heading/__tests__/Heading.spec.js +20 -0
  164. package/es/Heading/__tests__/__snapshots__/Heading.spec.js.snap +63 -0
  165. package/es/Heading/props/defaultProps.js +5 -0
  166. package/es/Heading/props/propTypes.js +12 -0
  167. package/es/Label/Label.js +51 -0
  168. package/es/Label/Label.module.css +57 -0
  169. package/es/Label/LabelColors.module.css +21 -0
  170. package/es/Label/__tests__/Label.spec.js +99 -0
  171. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -0
  172. package/es/Label/props/defaultProps.js +11 -0
  173. package/es/Label/props/propTypes.js +19 -0
  174. package/es/Layout/Box.js +115 -0
  175. package/es/Layout/Container.js +132 -0
  176. package/es/Layout/Layout.module.css +336 -0
  177. package/es/Layout/__tests__/Box.spec.js +11 -0
  178. package/es/Layout/__tests__/Container.spec.js +11 -0
  179. package/es/Layout/__tests__/__snapshots__/Box.spec.js.snap +16 -0
  180. package/es/Layout/__tests__/__snapshots__/Container.spec.js.snap +16 -0
  181. package/es/Layout/index.js +10 -0
  182. package/es/Layout/props/defaultProps.js +16 -0
  183. package/es/Layout/props/propTypes.js +46 -0
  184. package/es/Layout/utils.js +30 -0
  185. package/es/ListItem/ListContainer.js +105 -0
  186. package/es/ListItem/ListItem.js +151 -0
  187. package/es/ListItem/ListItem.module.css +261 -0
  188. package/es/ListItem/ListItemWithAvatar.js +178 -0
  189. package/es/ListItem/ListItemWithCheckBox.js +134 -0
  190. package/es/ListItem/ListItemWithIcon.js +158 -0
  191. package/es/ListItem/ListItemWithRadio.js +137 -0
  192. package/es/ListItem/__tests__/ListContainer.spec.js +19 -0
  193. package/es/ListItem/__tests__/ListItem.spec.js +11 -0
  194. package/es/ListItem/__tests__/ListItemWithAvatar.spec.js +46 -0
  195. package/es/ListItem/__tests__/ListItemWithCheckBox.spec.js +46 -0
  196. package/es/ListItem/__tests__/ListItemWithIcon.spec.js +46 -0
  197. package/es/ListItem/__tests__/ListItemWithRadio.spec.js +46 -0
  198. package/es/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +27 -0
  199. package/es/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +29 -0
  200. package/es/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +222 -0
  201. package/es/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +492 -0
  202. package/es/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +222 -0
  203. package/es/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +487 -0
  204. package/es/ListItem/index.js +6 -0
  205. package/es/ListItem/props/defaultProps.js +105 -0
  206. package/es/ListItem/props/propTypes.js +220 -0
  207. package/es/Modal/Modal.js +174 -0
  208. package/es/Modal/Portal/Portal.js +33 -0
  209. package/es/Modal/Portal/__tests__/Portal.spec.js +28 -0
  210. package/es/Modal/Portal/__tests__/__snapshots__/Portal.spec.js.snap +30 -0
  211. package/es/Modal/Portal/props/defaultProps.js +3 -0
  212. package/es/Modal/Portal/props/propTypes.js +5 -0
  213. package/es/Modal/__tests__/Modal.spec.js +15 -0
  214. package/es/Modal/__tests__/__snapshots__/Modal.spec.js.snap +26 -0
  215. package/es/Modal/props/defaultProps.js +3 -0
  216. package/es/Modal/props/propTypes.js +7 -0
  217. package/es/MultiSelect/AdvancedGroupMultiSelect.js +1109 -0
  218. package/es/MultiSelect/AdvancedMultiSelect.js +604 -0
  219. package/es/MultiSelect/EmptyState.js +65 -0
  220. package/es/MultiSelect/MobileHeader/MobileHeader.js +50 -0
  221. package/es/MultiSelect/MobileHeader/MobileHeader.module.css +16 -0
  222. package/es/MultiSelect/MobileHeader/__tests__/MobileHeader.spec.js +11 -0
  223. package/es/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +39 -0
  224. package/es/MultiSelect/MobileHeader/props/defaultProps.js +7 -0
  225. package/es/MultiSelect/MobileHeader/props/propTypes.js +7 -0
  226. package/es/MultiSelect/MultiSelect.js +1186 -0
  227. package/es/MultiSelect/MultiSelect.module.css +216 -0
  228. package/es/MultiSelect/MultiSelectHeader.js +32 -0
  229. package/es/MultiSelect/MultiSelectWithAvatar.js +218 -0
  230. package/es/MultiSelect/SelectedOptions.js +86 -0
  231. package/es/MultiSelect/SelectedOptions.module.css +15 -0
  232. package/es/MultiSelect/Suggestions.js +225 -0
  233. package/es/MultiSelect/__tests__/AdvancedGroupMultiSelect.spec.js +12 -0
  234. package/es/MultiSelect/__tests__/AdvancedMultiSelect.spec.js +47 -0
  235. package/es/MultiSelect/__tests__/EmptyState.spec.js +15 -0
  236. package/es/MultiSelect/__tests__/MultiSelect.spec.js +36 -0
  237. package/es/MultiSelect/__tests__/MultiSelectHeader.spec.js +21 -0
  238. package/es/MultiSelect/__tests__/MultiSelectWithAvatar.spec.js +11 -0
  239. package/es/MultiSelect/__tests__/SelectedOptions.spec.js +28 -0
  240. package/es/MultiSelect/__tests__/Suggestions.spec.js +71 -0
  241. package/es/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +74 -0
  242. package/es/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +534 -0
  243. package/es/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +12 -0
  244. package/es/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +339 -0
  245. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +63 -0
  246. package/es/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +85 -0
  247. package/es/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +80 -0
  248. package/es/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +363 -0
  249. package/es/MultiSelect/constants.js +6 -0
  250. package/es/MultiSelect/index.js +4 -0
  251. package/es/MultiSelect/props/defaultProps.js +173 -0
  252. package/es/MultiSelect/props/propTypes.js +300 -0
  253. package/es/PopOver/PopOver.js +211 -0
  254. package/es/PopOver/PopOver.module.css +9 -0
  255. package/es/PopOver/__tests__/PopOver.spec.js +11 -0
  256. package/es/PopOver/__tests__/__snapshots__/PopOver.spec.js.snap +13 -0
  257. package/es/PopOver/index.js +3 -0
  258. package/es/PopOver/props/defaultProps.js +7 -0
  259. package/es/PopOver/props/propTypes.js +53 -0
  260. package/es/Popup/Popup.js +1072 -0
  261. package/es/Popup/PositionMapping.js +72 -0
  262. package/es/Popup/Registry.js +36 -0
  263. package/es/Popup/intersectionObserver.js +49 -0
  264. package/es/Popup/props/propTypes.js +30 -0
  265. package/es/Popup/viewPort.js +373 -0
  266. package/es/Provider/AvatarSize.js +13 -0
  267. package/es/Provider/Config.js +21 -0
  268. package/es/Provider/CssProvider.js +16 -0
  269. package/es/Provider/IdProvider.js +66 -0
  270. package/es/Provider/LibraryContext.js +57 -0
  271. package/es/Provider/LibraryContextInit.js +3 -0
  272. package/es/Provider/NumberGenerator/NumberGenerator.js +136 -0
  273. package/es/Provider/ZindexProvider.js +57 -0
  274. package/es/Provider/index.js +4 -0
  275. package/es/Radio/Radio.js +138 -0
  276. package/es/Radio/Radio.module.css +115 -0
  277. package/es/Radio/__tests__/Radio.spec.js +238 -0
  278. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1916 -0
  279. package/es/Radio/props/defaultProps.js +15 -0
  280. package/es/Radio/props/propTypes.js +41 -0
  281. package/es/Responsive/CustomResponsive.js +195 -0
  282. package/es/Responsive/RefWrapper.js +38 -0
  283. package/es/Responsive/ResizeComponent.js +197 -0
  284. package/es/Responsive/ResizeObserver.js +76 -0
  285. package/es/Responsive/ResizeObserverWithPolyfill.js +140 -0
  286. package/es/Responsive/Responsive.js +194 -0
  287. package/es/Responsive/index.js +9 -0
  288. package/es/Responsive/props/defaultProps.js +13 -0
  289. package/es/Responsive/props/propTypes.js +25 -0
  290. package/es/Responsive/sizeObservers.js +141 -0
  291. package/es/Responsive/utils/index.js +52 -0
  292. package/es/Responsive/utils/shallowCompare.js +28 -0
  293. package/es/Responsive/windowResizeObserver.js +51 -0
  294. package/es/ResponsiveDropBox/ResponsiveDropBox.js +65 -0
  295. package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -0
  296. package/es/ResponsiveDropBox/__tests__/ResponsiveDropBox.spec.js +11 -0
  297. package/es/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +42 -0
  298. package/es/ResponsiveDropBox/props/defaultProps.js +4 -0
  299. package/es/ResponsiveDropBox/props/propTypes.js +8 -0
  300. package/es/Ribbon/Ribbon.js +51 -0
  301. package/es/Ribbon/Ribbon.module.css +500 -0
  302. package/es/Ribbon/__tests__/Ribbon.spec.js +52 -0
  303. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -0
  304. package/es/Ribbon/props/defaultProps.js +9 -0
  305. package/es/Ribbon/props/propTypes.js +11 -0
  306. package/es/RippleEffect/RippleEffect.js +30 -0
  307. package/es/RippleEffect/RippleEffect.module.css +109 -0
  308. package/es/RippleEffect/__tests__/RippleEffect.spec.js +69 -0
  309. package/es/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +161 -0
  310. package/es/RippleEffect/props/defaultProps.js +10 -0
  311. package/es/RippleEffect/props/propTypes.js +12 -0
  312. package/es/Select/GroupSelect.js +825 -0
  313. package/es/Select/Select.js +1016 -0
  314. package/es/Select/Select.module.css +138 -0
  315. package/es/Select/SelectWithAvatar.js +358 -0
  316. package/es/Select/SelectWithIcon.js +563 -0
  317. package/es/Select/__tests__/GroupSelect.spec.js +19 -0
  318. package/es/Select/__tests__/Select.spec.js +1153 -0
  319. package/es/Select/__tests__/SelectWithAvatar.spec.js +12 -0
  320. package/es/Select/__tests__/SelectWithIcon.spec.js +12 -0
  321. package/es/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +90 -0
  322. package/es/Select/__tests__/__snapshots__/Select.spec.js.snap +10446 -0
  323. package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +45 -0
  324. package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +108 -0
  325. package/es/Select/index.js +4 -0
  326. package/es/Select/props/defaultProps.js +131 -0
  327. package/es/Select/props/propTypes.js +311 -0
  328. package/es/Stencils/Stencils.js +24 -0
  329. package/es/Stencils/Stencils.module.css +100 -0
  330. package/es/Stencils/__tests__/Stencils.spec.js +54 -0
  331. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +105 -0
  332. package/es/Stencils/props/defaultProps.js +7 -0
  333. package/es/Stencils/props/propTypes.js +8 -0
  334. package/es/Switch/Switch.js +99 -0
  335. package/es/Switch/Switch.module.css +128 -0
  336. package/es/Switch/__tests__/Switch.spec.js +156 -0
  337. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -0
  338. package/es/Switch/props/defaultProps.js +11 -0
  339. package/es/Switch/props/propTypes.js +28 -0
  340. package/es/Tab/Tab.js +110 -0
  341. package/es/Tab/Tab.module.css +100 -0
  342. package/es/Tab/TabContent.js +30 -0
  343. package/es/Tab/TabContent.module.css +4 -0
  344. package/es/Tab/TabContentWrapper.js +33 -0
  345. package/es/Tab/TabWrapper.js +56 -0
  346. package/es/Tab/Tabs.js +723 -0
  347. package/es/Tab/Tabs.module.css +167 -0
  348. package/es/Tab/__tests__/Tab.spec.js +11 -0
  349. package/es/Tab/__tests__/TabContent.spec.js +11 -0
  350. package/es/Tab/__tests__/TabContentWrapper.spec.js +11 -0
  351. package/es/Tab/__tests__/TabLayout.spec.js +34 -0
  352. package/es/Tab/__tests__/TabWrapper.spec.js +11 -0
  353. package/es/Tab/__tests__/Tabs.spec.js +11 -0
  354. package/es/Tab/__tests__/__snapshots__/Tab.spec.js.snap +22 -0
  355. package/es/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +19 -0
  356. package/es/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +12 -0
  357. package/es/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +341 -0
  358. package/es/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +20 -0
  359. package/es/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +33 -0
  360. package/es/Tab/index.js +5 -0
  361. package/es/Tab/props/defaultProps.js +51 -0
  362. package/es/Tab/props/propTypes.js +117 -0
  363. package/es/Tab/utils/tabConfigs.js +18 -0
  364. package/es/Tag/Tag.js +163 -0
  365. package/es/Tag/Tag.module.css +254 -0
  366. package/es/Tag/__tests__/Tag.spec.js +252 -0
  367. package/es/Tag/__tests__/__snapshots__/Tag.spec.js.snap +3074 -0
  368. package/es/Tag/props/defaultProps.js +16 -0
  369. package/es/Tag/props/propTypes.js +42 -0
  370. package/es/TextBox/TextBox.js +189 -0
  371. package/es/TextBox/TextBox.module.css +197 -0
  372. package/es/TextBox/__tests__/TextBox.spec.js +327 -0
  373. package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +615 -0
  374. package/es/TextBox/props/defaultProps.js +20 -0
  375. package/es/TextBox/props/propTypes.js +53 -0
  376. package/es/TextBoxIcon/TextBoxIcon.js +203 -0
  377. package/es/TextBoxIcon/TextBoxIcon.module.css +79 -0
  378. package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +268 -0
  379. package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +1784 -0
  380. package/es/TextBoxIcon/props/defaultProps.js +24 -0
  381. package/es/TextBoxIcon/props/propTypes.js +55 -0
  382. package/es/Textarea/Textarea.js +125 -0
  383. package/es/Textarea/Textarea.module.css +148 -0
  384. package/es/Textarea/__tests__/Textarea.spec.js +266 -0
  385. package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +525 -0
  386. package/es/Textarea/props/defaultProps.js +18 -0
  387. package/es/Textarea/props/propTypes.js +35 -0
  388. package/es/Tooltip/Tooltip.js +530 -0
  389. package/es/Tooltip/Tooltip.module.css +133 -0
  390. package/es/Tooltip/props/defaultProps.js +4 -0
  391. package/es/Tooltip/props/propTypes.js +5 -0
  392. package/es/Typography/Typography.js +38 -0
  393. package/es/Typography/css/Typography.module.css +489 -0
  394. package/es/Typography/css/cssJSLogic.js +56 -0
  395. package/es/Typography/props/defaultProps.js +8 -0
  396. package/es/Typography/props/propTypes.js +27 -0
  397. package/es/Typography/utils/index.js +50 -0
  398. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +77 -0
  399. package/es/VelocityAnimation/VelocityAnimation/__tests__/VelocityAnimation.spec.js +11 -0
  400. package/es/VelocityAnimation/VelocityAnimation/__tests__/__snapshots__/VelocityAnimation.spec.js.snap +9 -0
  401. package/es/VelocityAnimation/VelocityAnimation/props/defaultProps.js +7 -0
  402. package/es/VelocityAnimation/VelocityAnimation/props/propTypes.js +12 -0
  403. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +144 -0
  404. package/es/VelocityAnimation/VelocityAnimationGroup/__tests__/VelocityAnimationGroup.spec.js +19 -0
  405. package/es/VelocityAnimation/VelocityAnimationGroup/__tests__/__snapshots__/VelocityAnimationGroup.spec.js.snap +11 -0
  406. package/es/VelocityAnimation/VelocityAnimationGroup/props/defaultProps.js +15 -0
  407. package/es/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +22 -0
  408. package/es/VelocityAnimation/index.js +2 -0
  409. package/es/common/a11y.module.css +4 -0
  410. package/es/common/animation.module.css +624 -0
  411. package/es/common/avatarsizes.module.css +49 -0
  412. package/es/common/basic.module.css +31 -0
  413. package/es/common/basicReset.module.css +40 -0
  414. package/es/common/boxShadow.module.css +34 -0
  415. package/es/common/common.module.css +566 -0
  416. package/es/common/customscroll.module.css +142 -0
  417. package/es/common/reset.module.css +13 -0
  418. package/es/common/transition.module.css +146 -0
  419. package/es/components_layer.module.css +1 -0
  420. package/es/css.js +41 -0
  421. package/es/deprecated/PortalLayer/PortalLayer.js +108 -0
  422. package/es/deprecated/PortalLayer/props/defaultProps.js +5 -0
  423. package/es/deprecated/PortalLayer/props/propTypes.js +20 -0
  424. package/es/deprecated/Switch/Switch.js +94 -0
  425. package/es/deprecated/Switch/props/defaultProps.js +11 -0
  426. package/es/deprecated/Switch/props/propTypes.js +28 -0
  427. package/es/index.js +42 -0
  428. package/es/semantic/Button/Button.js +60 -0
  429. package/es/semantic/Button/__tests__/Button.spec.js +11 -0
  430. package/es/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +15 -0
  431. package/es/semantic/Button/props/defaultProps.js +12 -0
  432. package/es/semantic/Button/props/propTypes.js +22 -0
  433. package/es/semantic/Button/semanticButton.module.css +9 -0
  434. package/es/semantic/index.js +1 -0
  435. package/es/utils/Common.js +417 -0
  436. package/es/utils/ContextOptimizer.js +38 -0
  437. package/es/utils/constant.js +2 -0
  438. package/es/utils/constructFullName.js +13 -0
  439. package/es/utils/cssUtils.js +11 -0
  440. package/es/utils/datetime/GMTZones.js +48 -0
  441. package/es/utils/datetime/common.js +204 -0
  442. package/es/utils/debounce.js +23 -0
  443. package/es/utils/dropDownUtils.js +510 -0
  444. package/es/utils/dummyFunction.js +1 -0
  445. package/es/utils/getHTMLFontSize.js +4 -0
  446. package/es/utils/getInitial.js +24 -0
  447. package/es/utils/index.js +1 -0
  448. package/es/utils/scrollTo.js +13 -0
  449. package/es/utils/shallowEqual.js +32 -0
  450. package/es/v1/Accordion/Accordion.js +66 -0
  451. package/es/v1/Accordion/AccordionItem.js +57 -0
  452. package/es/v1/Accordion/index.js +2 -0
  453. package/es/v1/Accordion/props/defaultProps.js +12 -0
  454. package/es/v1/Accordion/props/propTypes.js +33 -0
  455. package/es/v1/Animation/Animation.js +45 -0
  456. package/es/v1/Animation/props/defaultProps.js +7 -0
  457. package/es/v1/Animation/props/propTypes.js +12 -0
  458. package/es/v1/Animation/utils.js +83 -0
  459. package/es/v1/AppContainer/AppContainer.js +115 -0
  460. package/es/v1/AppContainer/props/defaultProps.js +10 -0
  461. package/es/v1/AppContainer/props/propTypes.js +17 -0
  462. package/es/v1/Avatar/Avatar.js +139 -0
  463. package/es/v1/Avatar/props/defaultProps.js +17 -0
  464. package/es/v1/Avatar/props/propTypes.js +26 -0
  465. package/es/v1/AvatarTeam/AvatarTeam.js +70 -0
  466. package/es/v1/AvatarTeam/props/defaultProps.js +17 -0
  467. package/es/v1/AvatarTeam/props/propTypes.js +27 -0
  468. package/es/v1/Button/Button.js +67 -0
  469. package/es/v1/Button/props/defaultProps.js +18 -0
  470. package/es/v1/Button/props/propTypes.js +28 -0
  471. package/es/v1/Buttongroup/Buttongroup.js +31 -0
  472. package/es/v1/Buttongroup/props/defaultProps.js +6 -0
  473. package/es/v1/Buttongroup/props/propTypes.js +9 -0
  474. package/es/v1/Card/Card.js +237 -0
  475. package/es/v1/Card/index.js +4 -0
  476. package/es/v1/Card/props/defaultProps.js +25 -0
  477. package/es/v1/Card/props/propTypes.js +48 -0
  478. package/es/v1/CheckBox/CheckBox.js +161 -0
  479. package/es/v1/CheckBox/props/defaultProps.js +18 -0
  480. package/es/v1/CheckBox/props/propTypes.js +41 -0
  481. package/es/v1/DateTime/CalendarView.js +254 -0
  482. package/es/v1/DateTime/DateTime.js +779 -0
  483. package/es/v1/DateTime/DateTimePopupFooter.js +47 -0
  484. package/es/v1/DateTime/DateTimePopupHeader.js +105 -0
  485. package/es/v1/DateTime/DateWidget.js +1134 -0
  486. package/es/v1/DateTime/DaysRow.js +32 -0
  487. package/es/v1/DateTime/Time.js +181 -0
  488. package/es/v1/DateTime/YearView.js +264 -0
  489. package/es/v1/DateTime/index.js +1 -0
  490. package/es/v1/DateTime/props/defaultProps.js +63 -0
  491. package/es/v1/DateTime/props/propTypes.js +206 -0
  492. package/es/v1/DropBox/DropBox.js +79 -0
  493. package/es/v1/DropBox/DropBoxElement/DropBoxElement.js +133 -0
  494. package/es/v1/DropBox/DropBoxElement/props/defaultProps.js +18 -0
  495. package/es/v1/DropBox/DropBoxElement/props/propTypes.js +51 -0
  496. package/es/v1/DropBox/props/defaultProps.js +14 -0
  497. package/es/v1/DropBox/props/propTypes.js +16 -0
  498. package/es/v1/DropBox/utils/isMobilePopover.js +17 -0
  499. package/es/v1/DropDown/DropDown.js +53 -0
  500. package/es/v1/DropDown/DropDownHeading.js +36 -0
  501. package/es/v1/DropDown/DropDownItem.js +56 -0
  502. package/es/v1/DropDown/DropDownSearch.js +58 -0
  503. package/es/v1/DropDown/DropDownSeparator.js +12 -0
  504. package/es/v1/DropDown/props/defaultProps.js +21 -0
  505. package/es/v1/DropDown/props/propTypes.js +66 -0
  506. package/es/v1/Heading/Heading.js +35 -0
  507. package/es/v1/Heading/props/defaultProps.js +5 -0
  508. package/es/v1/Heading/props/propTypes.js +12 -0
  509. package/es/v1/Label/Label.js +40 -0
  510. package/es/v1/Label/props/defaultProps.js +11 -0
  511. package/es/v1/Label/props/propTypes.js +19 -0
  512. package/es/v1/Layout/Box.js +115 -0
  513. package/es/v1/Layout/Container.js +132 -0
  514. package/es/v1/Layout/index.js +2 -0
  515. package/es/v1/Layout/props/defaultProps.js +16 -0
  516. package/es/v1/Layout/props/propTypes.js +46 -0
  517. package/es/v1/ListItem/ListContainer.js +104 -0
  518. package/es/v1/ListItem/ListItem.js +123 -0
  519. package/es/v1/ListItem/ListItemWithAvatar.js +143 -0
  520. package/es/v1/ListItem/ListItemWithCheckBox.js +104 -0
  521. package/es/v1/ListItem/ListItemWithIcon.js +126 -0
  522. package/es/v1/ListItem/ListItemWithRadio.js +105 -0
  523. package/es/v1/ListItem/index.js +6 -0
  524. package/es/v1/ListItem/props/defaultProps.js +97 -0
  525. package/es/v1/ListItem/props/propTypes.js +202 -0
  526. package/es/v1/Modal/Modal.js +125 -0
  527. package/es/v1/Modal/props/defaultProps.js +3 -0
  528. package/es/v1/Modal/props/propTypes.js +7 -0
  529. package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +1092 -0
  530. package/es/v1/MultiSelect/AdvancedMultiSelect.js +583 -0
  531. package/es/v1/MultiSelect/EmptyState.js +64 -0
  532. package/es/v1/MultiSelect/MobileHeader/MobileHeader.js +50 -0
  533. package/es/v1/MultiSelect/MobileHeader/props/defaultProps.js +7 -0
  534. package/es/v1/MultiSelect/MobileHeader/props/propTypes.js +7 -0
  535. package/es/v1/MultiSelect/MultiSelect.js +1119 -0
  536. package/es/v1/MultiSelect/MultiSelectHeader.js +32 -0
  537. package/es/v1/MultiSelect/MultiSelectWithAvatar.js +208 -0
  538. package/es/v1/MultiSelect/SelectedOptions.js +84 -0
  539. package/es/v1/MultiSelect/Suggestions.js +141 -0
  540. package/es/v1/MultiSelect/index.js +4 -0
  541. package/es/v1/MultiSelect/props/defaultProps.js +165 -0
  542. package/es/v1/MultiSelect/props/propTypes.js +322 -0
  543. package/es/v1/PopOver/PopOver.js +176 -0
  544. package/es/v1/PopOver/props/defaultProps.js +7 -0
  545. package/es/v1/PopOver/props/propTypes.js +53 -0
  546. package/es/v1/Popup/Popup.js +644 -0
  547. package/es/v1/Radio/Radio.js +130 -0
  548. package/es/v1/Radio/props/defaultProps.js +15 -0
  549. package/es/v1/Radio/props/propTypes.js +40 -0
  550. package/es/v1/ResponsiveDropBox/ResponsiveDropBox.js +56 -0
  551. package/es/v1/ResponsiveDropBox/props/defaultProps.js +4 -0
  552. package/es/v1/ResponsiveDropBox/props/propTypes.js +8 -0
  553. package/es/v1/Ribbon/Ribbon.js +33 -0
  554. package/es/v1/Ribbon/props/defaultProps.js +9 -0
  555. package/es/v1/Ribbon/props/propTypes.js +11 -0
  556. package/es/v1/RippleEffect/RippleEffect.js +25 -0
  557. package/es/v1/RippleEffect/props/defaultProps.js +10 -0
  558. package/es/v1/RippleEffect/props/propTypes.js +12 -0
  559. package/es/v1/Select/GroupSelect.js +818 -0
  560. package/es/v1/Select/Select.js +975 -0
  561. package/es/v1/Select/SelectWithAvatar.js +356 -0
  562. package/es/v1/Select/SelectWithIcon.js +545 -0
  563. package/es/v1/Select/index.js +4 -0
  564. package/es/v1/Select/props/defaultProps.js +126 -0
  565. package/es/v1/Select/props/propTypes.js +297 -0
  566. package/es/v1/Stencils/Stencils.js +26 -0
  567. package/es/v1/Stencils/props/defaultProps.js +6 -0
  568. package/es/v1/Stencils/props/propTypes.js +7 -0
  569. package/es/v1/Switch/Switch.js +138 -0
  570. package/es/v1/Switch/__tests__/Switch.spec.js +30 -0
  571. package/es/v1/Switch/__tests__/__snapshots__/Switch.spec.js.snap +135 -0
  572. package/es/v1/Switch/contants/index.js +24 -0
  573. package/es/v1/Switch/css/Switch_v1.module.css +140 -0
  574. package/es/v1/Switch/css/cssJSLogic.js +48 -0
  575. package/es/v1/Switch/props/defaultProps.js +11 -0
  576. package/es/v1/Switch/props/propTypes.js +36 -0
  577. package/es/v1/Switch/useSwitch.js +33 -0
  578. package/es/v1/Tab/Tab.js +106 -0
  579. package/es/v1/Tab/TabContent.js +30 -0
  580. package/es/v1/Tab/TabContentWrapper.js +33 -0
  581. package/es/v1/Tab/TabWrapper.js +55 -0
  582. package/es/v1/Tab/Tabs.js +619 -0
  583. package/es/v1/Tab/index.js +5 -0
  584. package/es/v1/Tab/props/defaultProps.js +51 -0
  585. package/es/v1/Tab/props/propTypes.js +117 -0
  586. package/es/v1/Tab/v1Tab.module.css +100 -0
  587. package/es/v1/Tab/v1TabContent.module.css +4 -0
  588. package/es/v1/Tab/v1Tabs.module.css +167 -0
  589. package/es/v1/Tag/Tag.js +140 -0
  590. package/es/v1/Tag/props/defaultProps.js +15 -0
  591. package/es/v1/Tag/props/propTypes.js +36 -0
  592. package/es/v1/TextBox/TextBox.js +160 -0
  593. package/es/v1/TextBox/props/defaultProps.js +20 -0
  594. package/es/v1/TextBox/props/propTypes.js +56 -0
  595. package/es/v1/TextBoxIcon/TextBoxIcon.js +166 -0
  596. package/es/v1/TextBoxIcon/props/defaultProps.js +24 -0
  597. package/es/v1/TextBoxIcon/props/propTypes.js +53 -0
  598. package/es/v1/Textarea/Textarea.js +100 -0
  599. package/es/v1/Textarea/props/defaultProps.js +17 -0
  600. package/es/v1/Textarea/props/propTypes.js +31 -0
  601. package/es/v1/Tooltip/Tooltip.js +530 -0
  602. package/es/v1/Tooltip/props/defaultProps.js +4 -0
  603. package/es/v1/Tooltip/props/propTypes.js +5 -0
  604. package/es/v1/Typography/Typography.js +38 -0
  605. package/es/v1/Typography/css/cssJSLogic.js +56 -0
  606. package/es/v1/Typography/css/v1_Typography.module.css +380 -0
  607. package/es/v1/Typography/props/defaultProps.js +8 -0
  608. package/es/v1/Typography/props/propTypes.js +27 -0
  609. package/es/v1/Typography/utils/index.js +50 -0
  610. package/es/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +69 -0
  611. package/es/v1/VelocityAnimation/VelocityAnimation/props/defaultProps.js +7 -0
  612. package/es/v1/VelocityAnimation/VelocityAnimation/props/propTypes.js +12 -0
  613. package/es/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +99 -0
  614. package/es/v1/VelocityAnimation/VelocityAnimationGroup/props/defaultProps.js +15 -0
  615. package/es/v1/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +19 -0
  616. package/es/v1/semantic/Button/Button.js +53 -0
  617. package/es/v1/semantic/Button/props/defaultProps.js +12 -0
  618. package/es/v1/semantic/Button/props/propTypes.js +22 -0
  619. package/es/v1/semantic/index.js +1 -0
  620. package/lib/Accordion/Accordion.js +134 -0
  621. package/lib/Accordion/AccordionItem.js +111 -0
  622. package/lib/Accordion/__tests__/Accordion.spec.js +18 -0
  623. package/lib/Accordion/__tests__/AccordionItem.spec.js +24 -0
  624. package/lib/Accordion/__tests__/__snapshots__/Accordion.spec.js.snap +12 -0
  625. package/lib/Accordion/__tests__/__snapshots__/AccordionItem.spec.js.snap +23 -0
  626. package/lib/Accordion/index.js +23 -0
  627. package/lib/Accordion/props/defaultProps.js +20 -0
  628. package/lib/Accordion/props/propTypes.js +45 -0
  629. package/lib/Animation/Animation.js +102 -0
  630. package/lib/Animation/__tests__/Animation.spec.js +21 -0
  631. package/lib/Animation/__tests__/__snapshots__/Animation.spec.js.snap +11 -0
  632. package/lib/Animation/props/defaultProps.js +14 -0
  633. package/lib/Animation/props/propTypes.js +23 -0
  634. package/lib/Animation/utils.js +94 -0
  635. package/lib/AppContainer/AppContainer.js +210 -0
  636. package/lib/AppContainer/AppContainer.module.css +18 -0
  637. package/lib/AppContainer/__tests__/AppContainer.spec.js +90 -0
  638. package/lib/AppContainer/__tests__/__snapshots__/AppContainer.spec.js.snap +201 -0
  639. package/lib/AppContainer/props/defaultProps.js +17 -0
  640. package/lib/AppContainer/props/propTypes.js +28 -0
  641. package/lib/Avatar/Avatar.js +253 -0
  642. package/lib/Avatar/Avatar.module.css +176 -0
  643. package/lib/Avatar/__tests__/Avatar.spec.js +188 -0
  644. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -0
  645. package/lib/Avatar/props/defaultProps.js +24 -0
  646. package/lib/Avatar/props/propTypes.js +37 -0
  647. package/lib/AvatarTeam/AvatarTeam.js +133 -0
  648. package/lib/AvatarTeam/AvatarTeam.module.css +189 -0
  649. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +145 -0
  650. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +705 -0
  651. package/lib/AvatarTeam/props/defaultProps.js +24 -0
  652. package/lib/AvatarTeam/props/propTypes.js +40 -0
  653. package/lib/Button/Button.js +91 -0
  654. package/lib/Button/__tests__/Button.spec.js +256 -0
  655. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +412 -0
  656. package/lib/Button/css/Button.module.css +613 -0
  657. package/lib/Button/css/cssJSLogic.js +45 -0
  658. package/lib/Button/index.js +23 -0
  659. package/lib/Button/props/defaultProps.js +27 -0
  660. package/lib/Button/props/propTypes.js +40 -0
  661. package/lib/Buttongroup/Buttongroup.js +100 -0
  662. package/lib/Buttongroup/Buttongroup.module.css +105 -0
  663. package/lib/Buttongroup/__tests__/Buttongroup.spec.js +44 -0
  664. package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -0
  665. package/lib/Buttongroup/props/defaultProps.js +13 -0
  666. package/lib/Buttongroup/props/propTypes.js +20 -0
  667. package/lib/Card/Card.js +399 -0
  668. package/lib/Card/Card.module.css +20 -0
  669. package/lib/Card/__tests__/Card.spec.js +135 -0
  670. package/lib/Card/__tests__/__snapshots__/Card.spec.js.snap +56 -0
  671. package/lib/Card/index.js +37 -0
  672. package/lib/Card/props/defaultProps.js +36 -0
  673. package/lib/Card/props/propTypes.js +63 -0
  674. package/lib/CheckBox/CheckBox.js +223 -0
  675. package/lib/CheckBox/CheckBox.module.css +160 -0
  676. package/lib/CheckBox/__tests__/CheckBox.spec.js +248 -0
  677. package/lib/CheckBox/__tests__/__snapshots__/CheckBox.spec.js.snap +1878 -0
  678. package/lib/CheckBox/props/defaultProps.js +25 -0
  679. package/lib/CheckBox/props/propTypes.js +53 -0
  680. package/lib/DateTime/CalendarView.js +290 -0
  681. package/lib/DateTime/DateTime.js +879 -0
  682. package/lib/DateTime/DateTime.module.css +249 -0
  683. package/lib/DateTime/DateTimePopupFooter.js +96 -0
  684. package/lib/DateTime/DateTimePopupHeader.js +166 -0
  685. package/lib/DateTime/DateWidget.js +1173 -0
  686. package/lib/DateTime/DateWidget.module.css +39 -0
  687. package/lib/DateTime/DaysRow.js +81 -0
  688. package/lib/DateTime/Time.js +270 -0
  689. package/lib/DateTime/YearView.js +325 -0
  690. package/lib/DateTime/YearView.module.css +99 -0
  691. package/lib/DateTime/__tests__/CalendarView.spec.js +20 -0
  692. package/lib/DateTime/__tests__/DateTime.spec.js +28 -0
  693. package/lib/DateTime/__tests__/DateTimePopupFooter.spec.js +18 -0
  694. package/lib/DateTime/__tests__/DateTimePopupHeader.spec.js +18 -0
  695. package/lib/DateTime/__tests__/DateWidget.spec.js +18 -0
  696. package/lib/DateTime/__tests__/DaysRow.spec.js +20 -0
  697. package/lib/DateTime/__tests__/Time.spec.js +18 -0
  698. package/lib/DateTime/__tests__/YearView.spec.js +17 -0
  699. package/lib/DateTime/__tests__/__snapshots__/CalendarView.spec.js.snap +312 -0
  700. package/lib/DateTime/__tests__/__snapshots__/DateTime.spec.js.snap +938 -0
  701. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupFooter.spec.js.snap +34 -0
  702. package/lib/DateTime/__tests__/__snapshots__/DateTimePopupHeader.spec.js.snap +72 -0
  703. package/lib/DateTime/__tests__/__snapshots__/DateWidget.spec.js.snap +79 -0
  704. package/lib/DateTime/__tests__/__snapshots__/DaysRow.spec.js.snap +12 -0
  705. package/lib/DateTime/__tests__/__snapshots__/Time.spec.js.snap +310 -0
  706. package/lib/DateTime/common.js +36 -0
  707. package/lib/DateTime/constants.js +77 -0
  708. package/lib/DateTime/dateFormatUtils/dateFormat.js +627 -0
  709. package/lib/DateTime/dateFormatUtils/dateFormats.js +50 -0
  710. package/lib/DateTime/dateFormatUtils/dayChange.js +83 -0
  711. package/lib/DateTime/dateFormatUtils/index.js +307 -0
  712. package/lib/DateTime/dateFormatUtils/monthChange.js +96 -0
  713. package/lib/DateTime/dateFormatUtils/timeChange.js +240 -0
  714. package/lib/DateTime/dateFormatUtils/yearChange.js +121 -0
  715. package/lib/DateTime/index.js +15 -0
  716. package/lib/DateTime/objectUtils.js +76 -0
  717. package/lib/DateTime/props/defaultProps.js +78 -0
  718. package/lib/DateTime/props/propTypes.js +235 -0
  719. package/lib/DateTime/typeChecker.js +26 -0
  720. package/lib/DateTime/validator.js +353 -0
  721. package/lib/DropBox/DropBox.js +109 -0
  722. package/lib/DropBox/DropBoxElement/DropBoxElement.js +150 -0
  723. package/lib/DropBox/DropBoxElement/__tests__/DropBoxElement.spec.js +35 -0
  724. package/lib/DropBox/DropBoxElement/__tests__/__snapshots__/DropBoxElement.spec.js.snap +95 -0
  725. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +442 -0
  726. package/lib/DropBox/DropBoxElement/css/cssJSLogic.js +81 -0
  727. package/lib/DropBox/DropBoxElement/props/defaultProps.js +25 -0
  728. package/lib/DropBox/DropBoxElement/props/propTypes.js +62 -0
  729. package/lib/DropBox/DropBoxElement/useDropboxPosCalc.js +60 -0
  730. package/lib/DropBox/DropBoxPositionMapping.js +149 -0
  731. package/lib/DropBox/__tests__/DropBox.spec.js +18 -0
  732. package/lib/DropBox/__tests__/__snapshots__/DropBox.spec.js.snap +36 -0
  733. package/lib/DropBox/css/DropBox.module.css +59 -0
  734. package/lib/DropBox/css/cssJSLogic.js +20 -0
  735. package/lib/DropBox/props/defaultProps.js +30 -0
  736. package/lib/DropBox/props/propTypes.js +35 -0
  737. package/lib/DropBox/utils/isMobilePopover.js +25 -0
  738. package/lib/DropDown/DropDown.js +171 -0
  739. package/lib/DropDown/DropDown.module.css +5 -0
  740. package/lib/DropDown/DropDownHeading.js +93 -0
  741. package/lib/DropDown/DropDownHeading.module.css +53 -0
  742. package/lib/DropDown/DropDownItem.js +127 -0
  743. package/lib/DropDown/DropDownItem.module.css +94 -0
  744. package/lib/DropDown/DropDownSearch.js +117 -0
  745. package/lib/DropDown/DropDownSearch.module.css +14 -0
  746. package/lib/DropDown/DropDownSeparator.js +64 -0
  747. package/lib/DropDown/DropDownSeparator.module.css +7 -0
  748. package/lib/DropDown/__tests__/DropDown.spec.js +18 -0
  749. package/lib/DropDown/__tests__/DropDownHeading.spec.js +18 -0
  750. package/lib/DropDown/__tests__/DropDownItem.spec.js +18 -0
  751. package/lib/DropDown/__tests__/DropDownSearch.spec.js +18 -0
  752. package/lib/DropDown/__tests__/DropDownSeparator.spec.js +18 -0
  753. package/lib/DropDown/__tests__/__snapshots__/DropDown.spec.js.snap +54 -0
  754. package/lib/DropDown/__tests__/__snapshots__/DropDownHeading.spec.js.snap +12 -0
  755. package/lib/DropDown/__tests__/__snapshots__/DropDownItem.spec.js.snap +11 -0
  756. package/lib/DropDown/__tests__/__snapshots__/DropDownSearch.spec.js.snap +20 -0
  757. package/lib/DropDown/__tests__/__snapshots__/DropDownSeparator.spec.js.snap +9 -0
  758. package/lib/DropDown/index.js +65 -0
  759. package/lib/DropDown/props/defaultProps.js +31 -0
  760. package/lib/DropDown/props/propTypes.js +87 -0
  761. package/lib/Heading/Heading.js +94 -0
  762. package/lib/Heading/Heading.module.css +5 -0
  763. package/lib/Heading/__tests__/Heading.spec.js +27 -0
  764. package/lib/Heading/__tests__/__snapshots__/Heading.spec.js.snap +63 -0
  765. package/lib/Heading/props/defaultProps.js +12 -0
  766. package/lib/Heading/props/propTypes.js +23 -0
  767. package/lib/Label/Label.js +97 -0
  768. package/lib/Label/Label.module.css +57 -0
  769. package/lib/Label/LabelColors.module.css +21 -0
  770. package/lib/Label/__tests__/Label.spec.js +106 -0
  771. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -0
  772. package/lib/Label/props/defaultProps.js +18 -0
  773. package/lib/Label/props/propTypes.js +30 -0
  774. package/lib/Layout/Box.js +128 -0
  775. package/lib/Layout/Container.js +145 -0
  776. package/lib/Layout/Layout.module.css +336 -0
  777. package/lib/Layout/__tests__/Box.spec.js +18 -0
  778. package/lib/Layout/__tests__/Container.spec.js +18 -0
  779. package/lib/Layout/__tests__/__snapshots__/Box.spec.js.snap +16 -0
  780. package/lib/Layout/__tests__/__snapshots__/Container.spec.js.snap +16 -0
  781. package/lib/Layout/index.js +23 -0
  782. package/lib/Layout/props/defaultProps.js +24 -0
  783. package/lib/Layout/props/propTypes.js +58 -0
  784. package/lib/Layout/utils.js +59 -0
  785. package/lib/ListItem/ListContainer.js +129 -0
  786. package/lib/ListItem/ListItem.js +204 -0
  787. package/lib/ListItem/ListItem.module.css +261 -0
  788. package/lib/ListItem/ListItemWithAvatar.js +234 -0
  789. package/lib/ListItem/ListItemWithCheckBox.js +195 -0
  790. package/lib/ListItem/ListItemWithIcon.js +213 -0
  791. package/lib/ListItem/ListItemWithRadio.js +198 -0
  792. package/lib/ListItem/__tests__/ListContainer.spec.js +26 -0
  793. package/lib/ListItem/__tests__/ListItem.spec.js +18 -0
  794. package/lib/ListItem/__tests__/ListItemWithAvatar.spec.js +53 -0
  795. package/lib/ListItem/__tests__/ListItemWithCheckBox.spec.js +53 -0
  796. package/lib/ListItem/__tests__/ListItemWithIcon.spec.js +53 -0
  797. package/lib/ListItem/__tests__/ListItemWithRadio.spec.js +53 -0
  798. package/lib/ListItem/__tests__/__snapshots__/ListContainer.spec.js.snap +27 -0
  799. package/lib/ListItem/__tests__/__snapshots__/ListItem.spec.js.snap +29 -0
  800. package/lib/ListItem/__tests__/__snapshots__/ListItemWithAvatar.spec.js.snap +222 -0
  801. package/lib/ListItem/__tests__/__snapshots__/ListItemWithCheckBox.spec.js.snap +492 -0
  802. package/lib/ListItem/__tests__/__snapshots__/ListItemWithIcon.spec.js.snap +222 -0
  803. package/lib/ListItem/__tests__/__snapshots__/ListItemWithRadio.spec.js.snap +487 -0
  804. package/lib/ListItem/index.js +55 -0
  805. package/lib/ListItem/props/defaultProps.js +117 -0
  806. package/lib/ListItem/props/propTypes.js +214 -0
  807. package/lib/Modal/Modal.js +236 -0
  808. package/lib/Modal/Portal/Portal.js +46 -0
  809. package/lib/Modal/Portal/__tests__/Portal.spec.js +37 -0
  810. package/lib/Modal/Portal/__tests__/__snapshots__/Portal.spec.js.snap +30 -0
  811. package/lib/Modal/Portal/props/defaultProps.js +10 -0
  812. package/lib/Modal/Portal/props/propTypes.js +16 -0
  813. package/lib/Modal/__tests__/Modal.spec.js +22 -0
  814. package/lib/Modal/__tests__/__snapshots__/Modal.spec.js.snap +26 -0
  815. package/lib/Modal/props/defaultProps.js +10 -0
  816. package/lib/Modal/props/propTypes.js +18 -0
  817. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +1198 -0
  818. package/lib/MultiSelect/AdvancedMultiSelect.js +673 -0
  819. package/lib/MultiSelect/EmptyState.js +114 -0
  820. package/lib/MultiSelect/MobileHeader/MobileHeader.js +62 -0
  821. package/lib/MultiSelect/MobileHeader/MobileHeader.module.css +16 -0
  822. package/lib/MultiSelect/MobileHeader/__tests__/MobileHeader.spec.js +18 -0
  823. package/lib/MultiSelect/MobileHeader/__tests__/__snapshots__/MobileHeader.spec.js.snap +39 -0
  824. package/lib/MultiSelect/MobileHeader/props/defaultProps.js +14 -0
  825. package/lib/MultiSelect/MobileHeader/props/propTypes.js +18 -0
  826. package/lib/MultiSelect/MultiSelect.js +1269 -0
  827. package/lib/MultiSelect/MultiSelect.module.css +216 -0
  828. package/lib/MultiSelect/MultiSelectHeader.js +78 -0
  829. package/lib/MultiSelect/MultiSelectWithAvatar.js +276 -0
  830. package/lib/MultiSelect/SelectedOptions.js +132 -0
  831. package/lib/MultiSelect/SelectedOptions.module.css +15 -0
  832. package/lib/MultiSelect/Suggestions.js +279 -0
  833. package/lib/MultiSelect/__tests__/AdvancedGroupMultiSelect.spec.js +20 -0
  834. package/lib/MultiSelect/__tests__/AdvancedMultiSelect.spec.js +56 -0
  835. package/lib/MultiSelect/__tests__/EmptyState.spec.js +22 -0
  836. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +43 -0
  837. package/lib/MultiSelect/__tests__/MultiSelectHeader.spec.js +28 -0
  838. package/lib/MultiSelect/__tests__/MultiSelectWithAvatar.spec.js +18 -0
  839. package/lib/MultiSelect/__tests__/SelectedOptions.spec.js +35 -0
  840. package/lib/MultiSelect/__tests__/Suggestions.spec.js +78 -0
  841. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedGroupMultiSelect.spec.js.snap +74 -0
  842. package/lib/MultiSelect/__tests__/__snapshots__/AdvancedMultiSelect.spec.js.snap +534 -0
  843. package/lib/MultiSelect/__tests__/__snapshots__/EmptyState.spec.js.snap +12 -0
  844. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelect.spec.js.snap +339 -0
  845. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectHeader.spec.js.snap +63 -0
  846. package/lib/MultiSelect/__tests__/__snapshots__/MultiSelectWithAvatar.spec.js.snap +85 -0
  847. package/lib/MultiSelect/__tests__/__snapshots__/SelectedOptions.spec.js.snap +80 -0
  848. package/lib/MultiSelect/__tests__/__snapshots__/Suggestions.spec.js.snap +363 -0
  849. package/lib/MultiSelect/constants.js +13 -0
  850. package/lib/MultiSelect/index.js +39 -0
  851. package/lib/MultiSelect/props/defaultProps.js +189 -0
  852. package/lib/MultiSelect/props/propTypes.js +325 -0
  853. package/lib/PopOver/PopOver.js +293 -0
  854. package/lib/PopOver/PopOver.module.css +9 -0
  855. package/lib/PopOver/__tests__/PopOver.spec.js +18 -0
  856. package/lib/PopOver/__tests__/__snapshots__/PopOver.spec.js.snap +13 -0
  857. package/lib/PopOver/index.js +31 -0
  858. package/lib/PopOver/props/defaultProps.js +15 -0
  859. package/lib/PopOver/props/propTypes.js +66 -0
  860. package/lib/Popup/Popup.js +1196 -0
  861. package/lib/Popup/PositionMapping.js +81 -0
  862. package/lib/Popup/Registry.js +46 -0
  863. package/lib/Popup/intersectionObserver.js +72 -0
  864. package/lib/Popup/props/propTypes.js +51 -0
  865. package/lib/Popup/viewPort.js +367 -0
  866. package/lib/Provider/AvatarSize.js +24 -0
  867. package/lib/Provider/Config.js +30 -0
  868. package/lib/Provider/CssProvider.js +27 -0
  869. package/lib/Provider/IdProvider.js +80 -0
  870. package/lib/Provider/LibraryContext.js +94 -0
  871. package/lib/Provider/LibraryContextInit.js +15 -0
  872. package/lib/Provider/NumberGenerator/NumberGenerator.js +174 -0
  873. package/lib/Provider/ZindexProvider.js +69 -0
  874. package/lib/Provider/index.js +81 -0
  875. package/lib/Radio/Radio.js +189 -0
  876. package/lib/Radio/Radio.module.css +115 -0
  877. package/lib/Radio/__tests__/Radio.spec.js +246 -0
  878. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1916 -0
  879. package/lib/Radio/props/defaultProps.js +22 -0
  880. package/lib/Radio/props/propTypes.js +52 -0
  881. package/lib/Responsive/CustomResponsive.js +242 -0
  882. package/lib/Responsive/RefWrapper.js +56 -0
  883. package/lib/Responsive/ResizeComponent.js +268 -0
  884. package/lib/Responsive/ResizeObserver.js +100 -0
  885. package/lib/Responsive/ResizeObserverWithPolyfill.js +168 -0
  886. package/lib/Responsive/Responsive.js +274 -0
  887. package/lib/Responsive/index.js +55 -0
  888. package/lib/Responsive/props/defaultProps.js +23 -0
  889. package/lib/Responsive/props/propTypes.js +39 -0
  890. package/lib/Responsive/sizeObservers.js +214 -0
  891. package/lib/Responsive/utils/index.js +70 -0
  892. package/lib/Responsive/utils/shallowCompare.js +38 -0
  893. package/lib/Responsive/windowResizeObserver.js +63 -0
  894. package/lib/ResponsiveDropBox/ResponsiveDropBox.js +124 -0
  895. package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -0
  896. package/lib/ResponsiveDropBox/__tests__/ResponsiveDropBox.spec.js +18 -0
  897. package/lib/ResponsiveDropBox/__tests__/__snapshots__/ResponsiveDropBox.spec.js.snap +42 -0
  898. package/lib/ResponsiveDropBox/props/defaultProps.js +11 -0
  899. package/lib/ResponsiveDropBox/props/propTypes.js +27 -0
  900. package/lib/Ribbon/Ribbon.js +98 -0
  901. package/lib/Ribbon/Ribbon.module.css +500 -0
  902. package/lib/Ribbon/__tests__/Ribbon.spec.js +59 -0
  903. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -0
  904. package/lib/Ribbon/props/defaultProps.js +16 -0
  905. package/lib/Ribbon/props/propTypes.js +22 -0
  906. package/lib/RippleEffect/RippleEffect.js +45 -0
  907. package/lib/RippleEffect/RippleEffect.module.css +109 -0
  908. package/lib/RippleEffect/__tests__/RippleEffect.spec.js +76 -0
  909. package/lib/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +161 -0
  910. package/lib/RippleEffect/props/defaultProps.js +17 -0
  911. package/lib/RippleEffect/props/propTypes.js +23 -0
  912. package/lib/Select/GroupSelect.js +901 -0
  913. package/lib/Select/Select.js +1067 -0
  914. package/lib/Select/Select.module.css +138 -0
  915. package/lib/Select/SelectWithAvatar.js +408 -0
  916. package/lib/Select/SelectWithIcon.js +632 -0
  917. package/lib/Select/__tests__/GroupSelect.spec.js +27 -0
  918. package/lib/Select/__tests__/Select.spec.js +1398 -0
  919. package/lib/Select/__tests__/SelectWithAvatar.spec.js +20 -0
  920. package/lib/Select/__tests__/SelectWithIcon.spec.js +20 -0
  921. package/lib/Select/__tests__/__snapshots__/GroupSelect.spec.js.snap +90 -0
  922. package/lib/Select/__tests__/__snapshots__/Select.spec.js.snap +10446 -0
  923. package/lib/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap +45 -0
  924. package/lib/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap +108 -0
  925. package/lib/Select/index.js +39 -0
  926. package/lib/Select/props/defaultProps.js +129 -0
  927. package/lib/Select/props/propTypes.js +333 -0
  928. package/lib/Stencils/Stencils.js +72 -0
  929. package/lib/Stencils/Stencils.module.css +100 -0
  930. package/lib/Stencils/__tests__/Stencils.spec.js +61 -0
  931. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +105 -0
  932. package/lib/Stencils/props/defaultProps.js +14 -0
  933. package/lib/Stencils/props/propTypes.js +19 -0
  934. package/lib/Switch/Switch.js +152 -0
  935. package/lib/Switch/Switch.module.css +128 -0
  936. package/lib/Switch/__tests__/Switch.spec.js +163 -0
  937. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -0
  938. package/lib/Switch/props/defaultProps.js +18 -0
  939. package/lib/Switch/props/propTypes.js +39 -0
  940. package/lib/Tab/Tab.js +134 -0
  941. package/lib/Tab/Tab.module.css +100 -0
  942. package/lib/Tab/TabContent.js +42 -0
  943. package/lib/Tab/TabContent.module.css +4 -0
  944. package/lib/Tab/TabContentWrapper.js +47 -0
  945. package/lib/Tab/TabWrapper.js +91 -0
  946. package/lib/Tab/Tabs.js +787 -0
  947. package/lib/Tab/Tabs.module.css +167 -0
  948. package/lib/Tab/__tests__/Tab.spec.js +18 -0
  949. package/lib/Tab/__tests__/TabContent.spec.js +18 -0
  950. package/lib/Tab/__tests__/TabContentWrapper.spec.js +18 -0
  951. package/lib/Tab/__tests__/TabLayout.spec.js +41 -0
  952. package/lib/Tab/__tests__/TabWrapper.spec.js +18 -0
  953. package/lib/Tab/__tests__/Tabs.spec.js +18 -0
  954. package/lib/Tab/__tests__/__snapshots__/Tab.spec.js.snap +22 -0
  955. package/lib/Tab/__tests__/__snapshots__/TabContent.spec.js.snap +19 -0
  956. package/lib/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap +12 -0
  957. package/lib/Tab/__tests__/__snapshots__/TabLayout.spec.js.snap +341 -0
  958. package/lib/Tab/__tests__/__snapshots__/TabWrapper.spec.js.snap +20 -0
  959. package/lib/Tab/__tests__/__snapshots__/Tabs.spec.js.snap +33 -0
  960. package/lib/Tab/index.js +47 -0
  961. package/lib/Tab/props/defaultProps.js +62 -0
  962. package/lib/Tab/props/propTypes.js +132 -0
  963. package/lib/Tab/utils/tabConfigs.js +27 -0
  964. package/lib/Tag/Tag.js +219 -0
  965. package/lib/Tag/Tag.module.css +254 -0
  966. package/lib/Tag/__tests__/Tag.spec.js +270 -0
  967. package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap +3074 -0
  968. package/lib/Tag/props/defaultProps.js +23 -0
  969. package/lib/Tag/props/propTypes.js +55 -0
  970. package/lib/TextBox/TextBox.js +233 -0
  971. package/lib/TextBox/TextBox.module.css +197 -0
  972. package/lib/TextBox/__tests__/TextBox.spec.js +334 -0
  973. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +615 -0
  974. package/lib/TextBox/props/defaultProps.js +27 -0
  975. package/lib/TextBox/props/propTypes.js +64 -0
  976. package/lib/TextBoxIcon/TextBoxIcon.js +253 -0
  977. package/lib/TextBoxIcon/TextBoxIcon.module.css +79 -0
  978. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +279 -0
  979. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +1784 -0
  980. package/lib/TextBoxIcon/props/defaultProps.js +31 -0
  981. package/lib/TextBoxIcon/props/propTypes.js +74 -0
  982. package/lib/Textarea/Textarea.js +168 -0
  983. package/lib/Textarea/Textarea.module.css +148 -0
  984. package/lib/Textarea/__tests__/Textarea.spec.js +273 -0
  985. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +525 -0
  986. package/lib/Textarea/props/defaultProps.js +25 -0
  987. package/lib/Textarea/props/propTypes.js +46 -0
  988. package/lib/Tooltip/Tooltip.js +599 -0
  989. package/lib/Tooltip/Tooltip.module.css +133 -0
  990. package/lib/Tooltip/props/defaultProps.js +11 -0
  991. package/lib/Tooltip/props/propTypes.js +16 -0
  992. package/lib/Typography/Typography.js +56 -0
  993. package/lib/Typography/css/Typography.module.css +489 -0
  994. package/lib/Typography/css/cssJSLogic.js +48 -0
  995. package/lib/Typography/props/defaultProps.js +15 -0
  996. package/lib/Typography/props/propTypes.js +38 -0
  997. package/lib/Typography/utils/index.js +59 -0
  998. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +126 -0
  999. package/lib/VelocityAnimation/VelocityAnimation/__tests__/VelocityAnimation.spec.js +18 -0
  1000. package/lib/VelocityAnimation/VelocityAnimation/__tests__/__snapshots__/VelocityAnimation.spec.js.snap +9 -0
  1001. package/lib/VelocityAnimation/VelocityAnimation/props/defaultProps.js +14 -0
  1002. package/lib/VelocityAnimation/VelocityAnimation/props/propTypes.js +23 -0
  1003. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +216 -0
  1004. package/lib/VelocityAnimation/VelocityAnimationGroup/__tests__/VelocityAnimationGroup.spec.js +26 -0
  1005. package/lib/VelocityAnimation/VelocityAnimationGroup/__tests__/__snapshots__/VelocityAnimationGroup.spec.js.snap +11 -0
  1006. package/lib/VelocityAnimation/VelocityAnimationGroup/props/defaultProps.js +22 -0
  1007. package/lib/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +33 -0
  1008. package/lib/VelocityAnimation/index.js +23 -0
  1009. package/lib/common/a11y.module.css +4 -0
  1010. package/lib/common/animation.module.css +624 -0
  1011. package/lib/common/avatarsizes.module.css +49 -0
  1012. package/lib/common/basic.module.css +31 -0
  1013. package/lib/common/basicReset.module.css +40 -0
  1014. package/lib/common/boxShadow.module.css +34 -0
  1015. package/lib/common/common.module.css +566 -0
  1016. package/lib/common/customscroll.module.css +142 -0
  1017. package/lib/common/reset.module.css +13 -0
  1018. package/lib/common/transition.module.css +146 -0
  1019. package/lib/components_layer.module.css +1 -0
  1020. package/lib/css.js +83 -0
  1021. package/lib/deprecated/PortalLayer/PortalLayer.js +153 -0
  1022. package/lib/deprecated/PortalLayer/props/defaultProps.js +12 -0
  1023. package/lib/deprecated/PortalLayer/props/propTypes.js +32 -0
  1024. package/lib/deprecated/Switch/Switch.js +108 -0
  1025. package/lib/deprecated/Switch/props/defaultProps.js +18 -0
  1026. package/lib/deprecated/Switch/props/propTypes.js +39 -0
  1027. package/lib/index.js +417 -0
  1028. package/lib/semantic/Button/Button.js +104 -0
  1029. package/lib/semantic/Button/__tests__/Button.spec.js +18 -0
  1030. package/lib/semantic/Button/__tests__/__snapshots__/Button.spec.js.snap +15 -0
  1031. package/lib/semantic/Button/props/defaultProps.js +19 -0
  1032. package/lib/semantic/Button/props/propTypes.js +33 -0
  1033. package/lib/semantic/Button/semanticButton.module.css +9 -0
  1034. package/lib/semantic/index.js +15 -0
  1035. package/lib/utils/Common.js +521 -0
  1036. package/lib/utils/ContextOptimizer.js +49 -0
  1037. package/lib/utils/constant.js +10 -0
  1038. package/lib/utils/constructFullName.js +34 -0
  1039. package/lib/utils/cssUtils.js +22 -0
  1040. package/lib/utils/datetime/GMTZones.js +55 -0
  1041. package/lib/utils/datetime/common.js +251 -0
  1042. package/lib/utils/debounce.js +30 -0
  1043. package/lib/utils/dropDownUtils.js +691 -0
  1044. package/lib/utils/dummyFunction.js +10 -0
  1045. package/lib/utils/getHTMLFontSize.js +11 -0
  1046. package/lib/utils/getInitial.js +33 -0
  1047. package/lib/utils/index.js +103 -0
  1048. package/lib/utils/scrollTo.js +22 -0
  1049. package/lib/utils/shallowEqual.js +41 -0
  1050. package/lib/v1/Accordion/Accordion.js +98 -0
  1051. package/lib/v1/Accordion/AccordionItem.js +68 -0
  1052. package/lib/v1/Accordion/index.js +23 -0
  1053. package/lib/v1/Accordion/props/defaultProps.js +20 -0
  1054. package/lib/v1/Accordion/props/propTypes.js +45 -0
  1055. package/lib/v1/Animation/Animation.js +61 -0
  1056. package/lib/v1/Animation/props/defaultProps.js +14 -0
  1057. package/lib/v1/Animation/props/propTypes.js +23 -0
  1058. package/lib/v1/Animation/utils.js +94 -0
  1059. package/lib/v1/AppContainer/AppContainer.js +146 -0
  1060. package/lib/v1/AppContainer/props/defaultProps.js +17 -0
  1061. package/lib/v1/AppContainer/props/propTypes.js +28 -0
  1062. package/lib/v1/Avatar/Avatar.js +191 -0
  1063. package/lib/v1/Avatar/props/defaultProps.js +24 -0
  1064. package/lib/v1/Avatar/props/propTypes.js +37 -0
  1065. package/lib/v1/AvatarTeam/AvatarTeam.js +81 -0
  1066. package/lib/v1/AvatarTeam/props/defaultProps.js +24 -0
  1067. package/lib/v1/AvatarTeam/props/propTypes.js +38 -0
  1068. package/lib/v1/Button/Button.js +82 -0
  1069. package/lib/v1/Button/props/defaultProps.js +27 -0
  1070. package/lib/v1/Button/props/propTypes.js +40 -0
  1071. package/lib/v1/Buttongroup/Buttongroup.js +44 -0
  1072. package/lib/v1/Buttongroup/props/defaultProps.js +13 -0
  1073. package/lib/v1/Buttongroup/props/propTypes.js +20 -0
  1074. package/lib/v1/Card/Card.js +269 -0
  1075. package/lib/v1/Card/index.js +37 -0
  1076. package/lib/v1/Card/props/defaultProps.js +35 -0
  1077. package/lib/v1/Card/props/propTypes.js +62 -0
  1078. package/lib/v1/CheckBox/CheckBox.js +172 -0
  1079. package/lib/v1/CheckBox/props/defaultProps.js +25 -0
  1080. package/lib/v1/CheckBox/props/propTypes.js +52 -0
  1081. package/lib/v1/DateTime/CalendarView.js +322 -0
  1082. package/lib/v1/DateTime/DateTime.js +877 -0
  1083. package/lib/v1/DateTime/DateTimePopupFooter.js +96 -0
  1084. package/lib/v1/DateTime/DateTimePopupHeader.js +166 -0
  1085. package/lib/v1/DateTime/DateWidget.js +1163 -0
  1086. package/lib/v1/DateTime/DaysRow.js +81 -0
  1087. package/lib/v1/DateTime/Time.js +270 -0
  1088. package/lib/v1/DateTime/YearView.js +325 -0
  1089. package/lib/v1/DateTime/index.js +15 -0
  1090. package/lib/v1/DateTime/props/defaultProps.js +76 -0
  1091. package/lib/v1/DateTime/props/propTypes.js +238 -0
  1092. package/lib/v1/DropBox/DropBox.js +109 -0
  1093. package/lib/v1/DropBox/DropBoxElement/DropBoxElement.js +146 -0
  1094. package/lib/v1/DropBox/DropBoxElement/props/defaultProps.js +25 -0
  1095. package/lib/v1/DropBox/DropBoxElement/props/propTypes.js +62 -0
  1096. package/lib/v1/DropBox/props/defaultProps.js +30 -0
  1097. package/lib/v1/DropBox/props/propTypes.js +35 -0
  1098. package/lib/v1/DropBox/utils/isMobilePopover.js +25 -0
  1099. package/lib/v1/DropDown/DropDown.js +74 -0
  1100. package/lib/v1/DropDown/DropDownHeading.js +47 -0
  1101. package/lib/v1/DropDown/DropDownItem.js +75 -0
  1102. package/lib/v1/DropDown/DropDownSearch.js +77 -0
  1103. package/lib/v1/DropDown/DropDownSeparator.js +24 -0
  1104. package/lib/v1/DropDown/props/defaultProps.js +31 -0
  1105. package/lib/v1/DropDown/props/propTypes.js +87 -0
  1106. package/lib/v1/Heading/Heading.js +53 -0
  1107. package/lib/v1/Heading/props/defaultProps.js +12 -0
  1108. package/lib/v1/Heading/props/propTypes.js +23 -0
  1109. package/lib/v1/Label/Label.js +51 -0
  1110. package/lib/v1/Label/props/defaultProps.js +18 -0
  1111. package/lib/v1/Label/props/propTypes.js +30 -0
  1112. package/lib/v1/Layout/Box.js +128 -0
  1113. package/lib/v1/Layout/Container.js +145 -0
  1114. package/lib/v1/Layout/index.js +23 -0
  1115. package/lib/v1/Layout/props/defaultProps.js +24 -0
  1116. package/lib/v1/Layout/props/propTypes.js +58 -0
  1117. package/lib/v1/ListItem/ListContainer.js +128 -0
  1118. package/lib/v1/ListItem/ListItem.js +138 -0
  1119. package/lib/v1/ListItem/ListItemWithAvatar.js +167 -0
  1120. package/lib/v1/ListItem/ListItemWithCheckBox.js +126 -0
  1121. package/lib/v1/ListItem/ListItemWithIcon.js +143 -0
  1122. package/lib/v1/ListItem/ListItemWithRadio.js +127 -0
  1123. package/lib/v1/ListItem/index.js +55 -0
  1124. package/lib/v1/ListItem/props/defaultProps.js +109 -0
  1125. package/lib/v1/ListItem/props/propTypes.js +196 -0
  1126. package/lib/v1/Modal/Modal.js +166 -0
  1127. package/lib/v1/Modal/props/defaultProps.js +10 -0
  1128. package/lib/v1/Modal/props/propTypes.js +18 -0
  1129. package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +1180 -0
  1130. package/lib/v1/MultiSelect/AdvancedMultiSelect.js +649 -0
  1131. package/lib/v1/MultiSelect/EmptyState.js +112 -0
  1132. package/lib/v1/MultiSelect/MobileHeader/MobileHeader.js +62 -0
  1133. package/lib/v1/MultiSelect/MobileHeader/props/defaultProps.js +14 -0
  1134. package/lib/v1/MultiSelect/MobileHeader/props/propTypes.js +18 -0
  1135. package/lib/v1/MultiSelect/MultiSelect.js +1202 -0
  1136. package/lib/v1/MultiSelect/MultiSelectHeader.js +78 -0
  1137. package/lib/v1/MultiSelect/MultiSelectWithAvatar.js +262 -0
  1138. package/lib/v1/MultiSelect/SelectedOptions.js +130 -0
  1139. package/lib/v1/MultiSelect/Suggestions.js +196 -0
  1140. package/lib/v1/MultiSelect/index.js +39 -0
  1141. package/lib/v1/MultiSelect/props/defaultProps.js +181 -0
  1142. package/lib/v1/MultiSelect/props/propTypes.js +350 -0
  1143. package/lib/v1/PopOver/PopOver.js +197 -0
  1144. package/lib/v1/PopOver/props/defaultProps.js +15 -0
  1145. package/lib/v1/PopOver/props/propTypes.js +66 -0
  1146. package/lib/v1/Popup/Popup.js +715 -0
  1147. package/lib/v1/Radio/Radio.js +141 -0
  1148. package/lib/v1/Radio/props/defaultProps.js +22 -0
  1149. package/lib/v1/Radio/props/propTypes.js +51 -0
  1150. package/lib/v1/ResponsiveDropBox/ResponsiveDropBox.js +79 -0
  1151. package/lib/v1/ResponsiveDropBox/props/defaultProps.js +11 -0
  1152. package/lib/v1/ResponsiveDropBox/props/propTypes.js +27 -0
  1153. package/lib/v1/Ribbon/Ribbon.js +44 -0
  1154. package/lib/v1/Ribbon/props/defaultProps.js +16 -0
  1155. package/lib/v1/Ribbon/props/propTypes.js +22 -0
  1156. package/lib/v1/RippleEffect/RippleEffect.js +40 -0
  1157. package/lib/v1/RippleEffect/props/defaultProps.js +17 -0
  1158. package/lib/v1/RippleEffect/props/propTypes.js +23 -0
  1159. package/lib/v1/Select/GroupSelect.js +894 -0
  1160. package/lib/v1/Select/Select.js +1025 -0
  1161. package/lib/v1/Select/SelectWithAvatar.js +406 -0
  1162. package/lib/v1/Select/SelectWithIcon.js +607 -0
  1163. package/lib/v1/Select/index.js +39 -0
  1164. package/lib/v1/Select/props/defaultProps.js +125 -0
  1165. package/lib/v1/Select/props/propTypes.js +319 -0
  1166. package/lib/v1/Stencils/Stencils.js +43 -0
  1167. package/lib/v1/Stencils/props/defaultProps.js +13 -0
  1168. package/lib/v1/Stencils/props/propTypes.js +18 -0
  1169. package/lib/v1/Switch/Switch.js +159 -0
  1170. package/lib/v1/Switch/__tests__/Switch.spec.js +37 -0
  1171. package/lib/v1/Switch/__tests__/__snapshots__/Switch.spec.js.snap +135 -0
  1172. package/lib/v1/Switch/contants/index.js +34 -0
  1173. package/lib/v1/Switch/css/Switch_v1.module.css +140 -0
  1174. package/lib/v1/Switch/css/cssJSLogic.js +37 -0
  1175. package/lib/v1/Switch/props/defaultProps.js +18 -0
  1176. package/lib/v1/Switch/props/propTypes.js +47 -0
  1177. package/lib/v1/Switch/useSwitch.js +56 -0
  1178. package/lib/v1/Tab/Tab.js +132 -0
  1179. package/lib/v1/Tab/TabContent.js +42 -0
  1180. package/lib/v1/Tab/TabContentWrapper.js +47 -0
  1181. package/lib/v1/Tab/TabWrapper.js +89 -0
  1182. package/lib/v1/Tab/Tabs.js +688 -0
  1183. package/lib/v1/Tab/index.js +47 -0
  1184. package/lib/v1/Tab/props/defaultProps.js +62 -0
  1185. package/lib/v1/Tab/props/propTypes.js +132 -0
  1186. package/lib/v1/Tab/v1Tab.module.css +100 -0
  1187. package/lib/v1/Tab/v1TabContent.module.css +4 -0
  1188. package/lib/v1/Tab/v1Tabs.module.css +167 -0
  1189. package/lib/v1/Tag/Tag.js +160 -0
  1190. package/lib/v1/Tag/props/defaultProps.js +22 -0
  1191. package/lib/v1/Tag/props/propTypes.js +47 -0
  1192. package/lib/v1/TextBox/TextBox.js +175 -0
  1193. package/lib/v1/TextBox/props/defaultProps.js +27 -0
  1194. package/lib/v1/TextBox/props/propTypes.js +62 -0
  1195. package/lib/v1/TextBoxIcon/TextBoxIcon.js +206 -0
  1196. package/lib/v1/TextBoxIcon/props/defaultProps.js +31 -0
  1197. package/lib/v1/TextBoxIcon/props/propTypes.js +72 -0
  1198. package/lib/v1/Textarea/Textarea.js +118 -0
  1199. package/lib/v1/Textarea/props/defaultProps.js +24 -0
  1200. package/lib/v1/Textarea/props/propTypes.js +42 -0
  1201. package/lib/v1/Tooltip/Tooltip.js +599 -0
  1202. package/lib/v1/Tooltip/props/defaultProps.js +11 -0
  1203. package/lib/v1/Tooltip/props/propTypes.js +16 -0
  1204. package/lib/v1/Typography/Typography.js +56 -0
  1205. package/lib/v1/Typography/css/cssJSLogic.js +48 -0
  1206. package/lib/v1/Typography/css/v1_Typography.module.css +380 -0
  1207. package/lib/v1/Typography/props/defaultProps.js +15 -0
  1208. package/lib/v1/Typography/props/propTypes.js +38 -0
  1209. package/lib/v1/Typography/utils/index.js +59 -0
  1210. package/lib/v1/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +90 -0
  1211. package/lib/v1/VelocityAnimation/VelocityAnimation/props/defaultProps.js +14 -0
  1212. package/lib/v1/VelocityAnimation/VelocityAnimation/props/propTypes.js +23 -0
  1213. package/lib/v1/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +126 -0
  1214. package/lib/v1/VelocityAnimation/VelocityAnimationGroup/props/defaultProps.js +22 -0
  1215. package/lib/v1/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js +30 -0
  1216. package/lib/v1/semantic/Button/Button.js +63 -0
  1217. package/lib/v1/semantic/Button/props/defaultProps.js +19 -0
  1218. package/lib/v1/semantic/Button/props/propTypes.js +33 -0
  1219. package/lib/v1/semantic/index.js +15 -0
  1220. package/package.json +7 -12
  1221. package/.cli/MissedPropType_Keys.html +0 -101
  1222. package/.cli/PropLessFiles.html +0 -101
  1223. package/.cli/PropUnificationExcludeFilesArray.js +0 -231
  1224. package/.cli/PropValidationExcludeFilesArray.js +0 -1
  1225. package/.cli/ThemeValidationExcludeFiles.js +0 -1
  1226. package/.cli/UnValidatedFiles.html +0 -101
  1227. package/.cli/config/variables/variableMapping.json +0 -13
  1228. package/.cli/propValidation_report.html +0 -182
  1229. package/.cli/themeValidate/stringContains.js +0 -1
  1230. package/PropValidationExcludeFilesArray.js +0 -1
  1231. package/coverage/__testUtils__/MockResizeObserver.js.html +0 -163
  1232. package/coverage/__testUtils__/index.html +0 -116
  1233. package/coverage/base.css +0 -224
  1234. package/coverage/block-navigation.js +0 -87
  1235. package/coverage/coverage-final.json +0 -14
  1236. package/coverage/coverage-summary.json +0 -15
  1237. package/coverage/favicon.png +0 -0
  1238. package/coverage/index.html +0 -206
  1239. package/coverage/prettify.css +0 -1
  1240. package/coverage/prettify.js +0 -2
  1241. package/coverage/sort-arrow-sprite.png +0 -0
  1242. package/coverage/sorter.js +0 -196
  1243. package/coverage/src/Accordion/Accordion.js.html +0 -307
  1244. package/coverage/src/Accordion/AccordionItem.js.html +0 -232
  1245. package/coverage/src/Accordion/index.html +0 -116
  1246. package/coverage/src/Accordion/props/defaultProps.js.html +0 -124
  1247. package/coverage/src/Accordion/props/index.html +0 -131
  1248. package/coverage/src/Accordion/props/propTypes.js.html +0 -190
  1249. package/coverage/src/Animation/Animation.js.html +0 -256
  1250. package/coverage/src/Animation/index.html +0 -131
  1251. package/coverage/src/Animation/props/defaultProps.js.html +0 -106
  1252. package/coverage/src/Animation/props/index.html +0 -131
  1253. package/coverage/src/Animation/props/propTypes.js.html +0 -124
  1254. package/coverage/src/Animation/utils.js.html +0 -331
  1255. package/coverage/src/AppContainer/AppContainer.js.html +0 -475
  1256. package/coverage/src/AppContainer/AppContainer.module.css.html +0 -139
  1257. package/coverage/src/AppContainer/index.html +0 -116
  1258. package/coverage/src/AppContainer/props/defaultProps.js.html +0 -115
  1259. package/coverage/src/AppContainer/props/index.html +0 -131
  1260. package/coverage/src/AppContainer/props/propTypes.js.html +0 -139
  1261. package/coverage/src/Avatar/Avatar.js.html +0 -652
  1262. package/coverage/src/Avatar/Avatar.module.css.html +0 -556
  1263. package/coverage/src/Avatar/index.html +0 -131
  1264. package/coverage/src/Avatar/props/defaultProps.js.html +0 -136
  1265. package/coverage/src/Avatar/props/index.html +0 -131
  1266. package/coverage/src/Avatar/props/propTypes.js.html +0 -166
  1267. package/coverage/src/AvatarTeam/AvatarTeam.js.html +0 -340
  1268. package/coverage/src/AvatarTeam/AvatarTeam.module.css.html +0 -610
  1269. package/coverage/src/AvatarTeam/index.html +0 -131
  1270. package/coverage/src/AvatarTeam/props/defaultProps.js.html +0 -136
  1271. package/coverage/src/AvatarTeam/props/index.html +0 -116
  1272. package/coverage/src/AvatarTeam/props/propTypes.js.html +0 -172
  1273. package/coverage/src/Button/Button.js.html +0 -337
  1274. package/coverage/src/Button/css/Button.module.css.html +0 -1693
  1275. package/coverage/src/Button/css/cssJSLogic.js.html +0 -220
  1276. package/coverage/src/Button/css/index.html +0 -131
  1277. package/coverage/src/Button/index.html +0 -116
  1278. package/coverage/src/Button/props/defaultProps.js.html +0 -142
  1279. package/coverage/src/Button/props/index.html +0 -131
  1280. package/coverage/src/Button/props/propTypes.js.html +0 -220
  1281. package/coverage/src/Buttongroup/Buttongroup.js.html +0 -220
  1282. package/coverage/src/Buttongroup/Buttongroup.module.css.html +0 -298
  1283. package/coverage/src/Buttongroup/index.html +0 -131
  1284. package/coverage/src/Buttongroup/props/defaultProps.js.html +0 -103
  1285. package/coverage/src/Buttongroup/props/index.html +0 -131
  1286. package/coverage/src/Buttongroup/props/propTypes.js.html +0 -115
  1287. package/coverage/src/Card/Card.js.html +0 -976
  1288. package/coverage/src/Card/Card.module.css.html +0 -145
  1289. package/coverage/src/Card/index.html +0 -131
  1290. package/coverage/src/Card/props/defaultProps.js.html +0 -172
  1291. package/coverage/src/Card/props/index.html +0 -131
  1292. package/coverage/src/Card/props/propTypes.js.html +0 -244
  1293. package/coverage/src/CheckBox/CheckBox.js.html +0 -625
  1294. package/coverage/src/CheckBox/CheckBox.module.css.html +0 -547
  1295. package/coverage/src/CheckBox/index.html +0 -131
  1296. package/coverage/src/CheckBox/props/defaultProps.js.html +0 -139
  1297. package/coverage/src/CheckBox/props/index.html +0 -131
  1298. package/coverage/src/CheckBox/props/propTypes.js.html +0 -214
  1299. package/coverage/src/DateTime/CalendarView.js.html +0 -706
  1300. package/coverage/src/DateTime/DateTime.js.html +0 -1954
  1301. package/coverage/src/DateTime/DateTime.module.css.html +0 -733
  1302. package/coverage/src/DateTime/DateTimePopupFooter.js.html +0 -187
  1303. package/coverage/src/DateTime/DateTimePopupHeader.js.html +0 -346
  1304. package/coverage/src/DateTime/DateWidget.js.html +0 -2920
  1305. package/coverage/src/DateTime/DateWidget.module.css.html +0 -190
  1306. package/coverage/src/DateTime/DaysRow.js.html +0 -178
  1307. package/coverage/src/DateTime/Time.js.html +0 -595
  1308. package/coverage/src/DateTime/YearView.js.html +0 -736
  1309. package/coverage/src/DateTime/YearView.module.css.html +0 -340
  1310. package/coverage/src/DateTime/constants.js.html +0 -370
  1311. package/coverage/src/DateTime/dateFormatUtils/dateFormat.js.html +0 -1714
  1312. package/coverage/src/DateTime/dateFormatUtils/dateFormats.js.html +0 -436
  1313. package/coverage/src/DateTime/dateFormatUtils/dayChange.js.html +0 -289
  1314. package/coverage/src/DateTime/dateFormatUtils/index.html +0 -146
  1315. package/coverage/src/DateTime/dateFormatUtils/index.js.html +0 -748
  1316. package/coverage/src/DateTime/dateFormatUtils/monthChange.js.html +0 -325
  1317. package/coverage/src/DateTime/dateFormatUtils/timeChange.js.html +0 -748
  1318. package/coverage/src/DateTime/dateFormatUtils/yearChange.js.html +0 -427
  1319. package/coverage/src/DateTime/index.html +0 -146
  1320. package/coverage/src/DateTime/objectUtils.js.html +0 -274
  1321. package/coverage/src/DateTime/props/defaultProps.js.html +0 -298
  1322. package/coverage/src/DateTime/props/index.html +0 -131
  1323. package/coverage/src/DateTime/props/propTypes.js.html +0 -721
  1324. package/coverage/src/DateTime/typeChecker.js.html +0 -148
  1325. package/coverage/src/DateTime/validator.js.html +0 -1378
  1326. package/coverage/src/DropBox/DropBox.js.html +0 -355
  1327. package/coverage/src/DropBox/DropBoxElement/DropBoxElement.js.html +0 -463
  1328. package/coverage/src/DropBox/DropBoxElement/css/DropBoxElement.module.css.html +0 -1336
  1329. package/coverage/src/DropBox/DropBoxElement/css/cssJSLogic.js.html +0 -349
  1330. package/coverage/src/DropBox/DropBoxElement/css/index.html +0 -131
  1331. package/coverage/src/DropBox/DropBoxElement/index.html +0 -131
  1332. package/coverage/src/DropBox/DropBoxElement/props/defaultProps.js.html +0 -139
  1333. package/coverage/src/DropBox/DropBoxElement/props/index.html +0 -131
  1334. package/coverage/src/DropBox/DropBoxElement/props/propTypes.js.html +0 -313
  1335. package/coverage/src/DropBox/DropBoxElement/useDropboxPosCalc.js.html +0 -244
  1336. package/coverage/src/DropBox/DropBoxPositionMapping.js.html +0 -511
  1337. package/coverage/src/DropBox/css/DropBox.module.css.html +0 -208
  1338. package/coverage/src/DropBox/css/cssJSLogic.js.html +0 -118
  1339. package/coverage/src/DropBox/css/index.html +0 -131
  1340. package/coverage/src/DropBox/index.html +0 -131
  1341. package/coverage/src/DropBox/props/defaultProps.js.html +0 -136
  1342. package/coverage/src/DropBox/props/index.html +0 -131
  1343. package/coverage/src/DropBox/props/propTypes.js.html +0 -142
  1344. package/coverage/src/DropBox/utils/index.html +0 -116
  1345. package/coverage/src/DropBox/utils/isMobilePopover.js.html +0 -133
  1346. package/coverage/src/DropDown/DropDown.js.html +0 -310
  1347. package/coverage/src/DropDown/DropDown.module.css.html +0 -100
  1348. package/coverage/src/DropDown/DropDownHeading.js.html +0 -196
  1349. package/coverage/src/DropDown/DropDownHeading.module.css.html +0 -232
  1350. package/coverage/src/DropDown/DropDownItem.js.html +0 -271
  1351. package/coverage/src/DropDown/DropDownItem.module.css.html +0 -289
  1352. package/coverage/src/DropDown/DropDownSearch.js.html +0 -229
  1353. package/coverage/src/DropDown/DropDownSearch.module.css.html +0 -127
  1354. package/coverage/src/DropDown/DropDownSeparator.js.html +0 -118
  1355. package/coverage/src/DropDown/DropDownSeparator.module.css.html +0 -106
  1356. package/coverage/src/DropDown/index.html +0 -131
  1357. package/coverage/src/DropDown/props/defaultProps.js.html +0 -127
  1358. package/coverage/src/DropDown/props/index.html +0 -131
  1359. package/coverage/src/DropDown/props/propTypes.js.html +0 -310
  1360. package/coverage/src/Heading/Heading.js.html +0 -193
  1361. package/coverage/src/Heading/Heading.module.css.html +0 -97
  1362. package/coverage/src/Heading/index.html +0 -131
  1363. package/coverage/src/Heading/props/defaultProps.js.html +0 -100
  1364. package/coverage/src/Heading/props/index.html +0 -131
  1365. package/coverage/src/Heading/props/propTypes.js.html +0 -124
  1366. package/coverage/src/Label/Label.js.html +0 -250
  1367. package/coverage/src/Label/Label.module.css.html +0 -256
  1368. package/coverage/src/Label/LabelColors.module.css.html +0 -145
  1369. package/coverage/src/Label/index.html +0 -146
  1370. package/coverage/src/Label/props/defaultProps.js.html +0 -118
  1371. package/coverage/src/Label/props/index.html +0 -131
  1372. package/coverage/src/Label/props/propTypes.js.html +0 -145
  1373. package/coverage/src/Layout/Box.js.html +0 -367
  1374. package/coverage/src/Layout/Container.js.html +0 -439
  1375. package/coverage/src/Layout/Layout.module.css.html +0 -1090
  1376. package/coverage/src/Layout/index.html +0 -176
  1377. package/coverage/src/Layout/index.js.html +0 -118
  1378. package/coverage/src/Layout/props/defaultProps.js.html +0 -136
  1379. package/coverage/src/Layout/props/index.html +0 -131
  1380. package/coverage/src/Layout/props/propTypes.js.html +0 -262
  1381. package/coverage/src/Layout/utils.js.html +0 -199
  1382. package/coverage/src/ListItem/ListContainer.js.html +0 -385
  1383. package/coverage/src/ListItem/ListItem.js.html +0 -493
  1384. package/coverage/src/ListItem/ListItem.module.css.html +0 -793
  1385. package/coverage/src/ListItem/ListItemWithAvatar.js.html +0 -577
  1386. package/coverage/src/ListItem/ListItemWithCheckBox.js.html +0 -430
  1387. package/coverage/src/ListItem/ListItemWithIcon.js.html +0 -520
  1388. package/coverage/src/ListItem/ListItemWithRadio.js.html +0 -445
  1389. package/coverage/src/ListItem/index.html +0 -146
  1390. package/coverage/src/ListItem/props/defaultProps.js.html +0 -415
  1391. package/coverage/src/ListItem/props/index.html +0 -131
  1392. package/coverage/src/ListItem/props/propTypes.js.html +0 -763
  1393. package/coverage/src/Modal/Modal.js.html +0 -562
  1394. package/coverage/src/Modal/Portal/Portal.js.html +0 -166
  1395. package/coverage/src/Modal/Portal/index.html +0 -116
  1396. package/coverage/src/Modal/Portal/props/defaultProps.js.html +0 -97
  1397. package/coverage/src/Modal/Portal/props/index.html +0 -131
  1398. package/coverage/src/Modal/Portal/props/propTypes.js.html +0 -100
  1399. package/coverage/src/Modal/index.html +0 -116
  1400. package/coverage/src/Modal/props/defaultProps.js.html +0 -94
  1401. package/coverage/src/Modal/props/index.html +0 -131
  1402. package/coverage/src/Modal/props/propTypes.js.html +0 -109
  1403. package/coverage/src/MultiSelect/AdvancedGroupMultiSelect.js.html +0 -3085
  1404. package/coverage/src/MultiSelect/AdvancedMultiSelect.js.html +0 -1762
  1405. package/coverage/src/MultiSelect/EmptyState.js.html +0 -277
  1406. package/coverage/src/MultiSelect/MobileHeader/MobileHeader.js.html +0 -214
  1407. package/coverage/src/MultiSelect/MobileHeader/MobileHeader.module.css.html +0 -133
  1408. package/coverage/src/MultiSelect/MobileHeader/index.html +0 -131
  1409. package/coverage/src/MultiSelect/MobileHeader/props/defaultProps.js.html +0 -97
  1410. package/coverage/src/MultiSelect/MobileHeader/props/index.html +0 -131
  1411. package/coverage/src/MultiSelect/MobileHeader/props/propTypes.js.html +0 -109
  1412. package/coverage/src/MultiSelect/MultiSelect.js.html +0 -3346
  1413. package/coverage/src/MultiSelect/MultiSelect.module.css.html +0 -658
  1414. package/coverage/src/MultiSelect/MultiSelectHeader.js.html +0 -187
  1415. package/coverage/src/MultiSelect/MultiSelectWithAvatar.js.html +0 -772
  1416. package/coverage/src/MultiSelect/SelectedOptions.js.html +0 -307
  1417. package/coverage/src/MultiSelect/SelectedOptions.module.css.html +0 -112
  1418. package/coverage/src/MultiSelect/Suggestions.js.html +0 -736
  1419. package/coverage/src/MultiSelect/constants.js.html +0 -100
  1420. package/coverage/src/MultiSelect/index.html +0 -146
  1421. package/coverage/src/MultiSelect/props/defaultProps.js.html +0 -628
  1422. package/coverage/src/MultiSelect/props/index.html +0 -131
  1423. package/coverage/src/MultiSelect/props/propTypes.js.html +0 -1063
  1424. package/coverage/src/PopOver/PopOver.js.html +0 -670
  1425. package/coverage/src/PopOver/PopOver.module.css.html +0 -109
  1426. package/coverage/src/PopOver/index.html +0 -131
  1427. package/coverage/src/PopOver/props/defaultProps.js.html +0 -109
  1428. package/coverage/src/PopOver/props/index.html +0 -116
  1429. package/coverage/src/PopOver/props/propTypes.js.html +0 -253
  1430. package/coverage/src/Popup/Popup.js.html +0 -2869
  1431. package/coverage/src/Popup/PositionMapping.js.html +0 -310
  1432. package/coverage/src/Popup/Registry.js.html +0 -205
  1433. package/coverage/src/Popup/index.html +0 -176
  1434. package/coverage/src/Popup/intersectionObserver.js.html +0 -223
  1435. package/coverage/src/Popup/props/index.html +0 -116
  1436. package/coverage/src/Popup/props/propTypes.js.html +0 -232
  1437. package/coverage/src/Popup/viewPort.js.html +0 -1492
  1438. package/coverage/src/Provider/AvatarSize.js.html +0 -124
  1439. package/coverage/src/Provider/Config.js.html +0 -151
  1440. package/coverage/src/Provider/CssProvider.js.html +0 -133
  1441. package/coverage/src/Provider/IdProvider.js.html +0 -289
  1442. package/coverage/src/Provider/LibraryContextInit.js.html +0 -97
  1443. package/coverage/src/Provider/NumberGenerator/NumberGenerator.js.html +0 -523
  1444. package/coverage/src/Provider/NumberGenerator/index.html +0 -116
  1445. package/coverage/src/Provider/ZindexProvider.js.html +0 -253
  1446. package/coverage/src/Provider/index.html +0 -116
  1447. package/coverage/src/Radio/Radio.js.html +0 -472
  1448. package/coverage/src/Radio/Radio.module.css.html +0 -412
  1449. package/coverage/src/Radio/index.html +0 -131
  1450. package/coverage/src/Radio/props/defaultProps.js.html +0 -130
  1451. package/coverage/src/Radio/props/index.html +0 -131
  1452. package/coverage/src/Radio/props/propTypes.js.html +0 -211
  1453. package/coverage/src/Responsive/CustomResponsive.js.html +0 -622
  1454. package/coverage/src/Responsive/RefWrapper.js.html +0 -214
  1455. package/coverage/src/Responsive/ResizeObserver.js.html +0 -274
  1456. package/coverage/src/Responsive/index.html +0 -161
  1457. package/coverage/src/Responsive/props/defaultProps.js.html +0 -133
  1458. package/coverage/src/Responsive/props/index.html +0 -131
  1459. package/coverage/src/Responsive/props/propTypes.js.html +0 -172
  1460. package/coverage/src/Responsive/sizeObservers.js.html +0 -460
  1461. package/coverage/src/Responsive/utils/index.html +0 -116
  1462. package/coverage/src/Responsive/utils/shallowCompare.js.html +0 -148
  1463. package/coverage/src/ResponsiveDropBox/ResponsiveDropBox.js.html +0 -259
  1464. package/coverage/src/ResponsiveDropBox/ResponsiveDropBox.module.css.html +0 -103
  1465. package/coverage/src/ResponsiveDropBox/index.html +0 -131
  1466. package/coverage/src/ResponsiveDropBox/props/defaultProps.js.html +0 -97
  1467. package/coverage/src/ResponsiveDropBox/props/index.html +0 -131
  1468. package/coverage/src/ResponsiveDropBox/props/propTypes.js.html +0 -115
  1469. package/coverage/src/Ribbon/Ribbon.js.html +0 -229
  1470. package/coverage/src/Ribbon/Ribbon.module.css.html +0 -1348
  1471. package/coverage/src/Ribbon/index.html +0 -131
  1472. package/coverage/src/Ribbon/props/defaultProps.js.html +0 -112
  1473. package/coverage/src/Ribbon/props/index.html +0 -131
  1474. package/coverage/src/Ribbon/props/propTypes.js.html +0 -121
  1475. package/coverage/src/RippleEffect/RippleEffect.js.html +0 -172
  1476. package/coverage/src/RippleEffect/RippleEffect.module.css.html +0 -472
  1477. package/coverage/src/RippleEffect/index.html +0 -131
  1478. package/coverage/src/RippleEffect/props/defaultProps.js.html +0 -115
  1479. package/coverage/src/RippleEffect/props/index.html +0 -131
  1480. package/coverage/src/RippleEffect/props/propTypes.js.html +0 -124
  1481. package/coverage/src/Select/GroupSelect.js.html +0 -2209
  1482. package/coverage/src/Select/Select.js.html +0 -2647
  1483. package/coverage/src/Select/Select.module.css.html +0 -463
  1484. package/coverage/src/Select/SelectWithAvatar.js.html +0 -1114
  1485. package/coverage/src/Select/SelectWithIcon.js.html +0 -1573
  1486. package/coverage/src/Select/index.html +0 -131
  1487. package/coverage/src/Select/props/defaultProps.js.html +0 -490
  1488. package/coverage/src/Select/props/index.html +0 -131
  1489. package/coverage/src/Select/props/propTypes.js.html +0 -1138
  1490. package/coverage/src/Stencils/Stencils.js.html +0 -136
  1491. package/coverage/src/Stencils/Stencils.module.css.html +0 -337
  1492. package/coverage/src/Stencils/index.html +0 -131
  1493. package/coverage/src/Stencils/props/defaultProps.js.html +0 -106
  1494. package/coverage/src/Stencils/props/index.html +0 -131
  1495. package/coverage/src/Stencils/props/propTypes.js.html +0 -112
  1496. package/coverage/src/Switch/Switch.js.html +0 -376
  1497. package/coverage/src/Switch/Switch.module.css.html +0 -481
  1498. package/coverage/src/Switch/index.html +0 -131
  1499. package/coverage/src/Switch/props/defaultProps.js.html +0 -118
  1500. package/coverage/src/Switch/props/index.html +0 -131
  1501. package/coverage/src/Switch/props/propTypes.js.html +0 -172
  1502. package/coverage/src/Tab/Tab.js.html +0 -454
  1503. package/coverage/src/Tab/Tab.module.css.html +0 -358
  1504. package/coverage/src/Tab/TabContent.js.html +0 -163
  1505. package/coverage/src/Tab/TabContent.module.css.html +0 -97
  1506. package/coverage/src/Tab/TabContentWrapper.js.html +0 -139
  1507. package/coverage/src/Tab/TabWrapper.js.html +0 -274
  1508. package/coverage/src/Tab/Tabs.js.html +0 -2026
  1509. package/coverage/src/Tab/Tabs.module.css.html +0 -493
  1510. package/coverage/src/Tab/index.html +0 -161
  1511. package/coverage/src/Tab/index.js.html +0 -100
  1512. package/coverage/src/Tab/props/defaultProps.js.html +0 -250
  1513. package/coverage/src/Tab/props/index.html +0 -131
  1514. package/coverage/src/Tab/props/propTypes.js.html +0 -451
  1515. package/coverage/src/Tab/utils/index.html +0 -116
  1516. package/coverage/src/Tab/utils/tabConfigs.js.html +0 -142
  1517. package/coverage/src/Tag/Tag.js.html +0 -544
  1518. package/coverage/src/Tag/Tag.module.css.html +0 -781
  1519. package/coverage/src/Tag/index.html +0 -131
  1520. package/coverage/src/Tag/props/defaultProps.js.html +0 -133
  1521. package/coverage/src/Tag/props/index.html +0 -131
  1522. package/coverage/src/Tag/props/propTypes.js.html +0 -244
  1523. package/coverage/src/TextBox/TextBox.js.html +0 -619
  1524. package/coverage/src/TextBox/TextBox.module.css.html +0 -685
  1525. package/coverage/src/TextBox/index.html +0 -131
  1526. package/coverage/src/TextBox/props/defaultProps.js.html +0 -145
  1527. package/coverage/src/TextBox/props/index.html +0 -131
  1528. package/coverage/src/TextBox/props/propTypes.js.html +0 -247
  1529. package/coverage/src/TextBoxIcon/TextBoxIcon.js.html +0 -661
  1530. package/coverage/src/TextBoxIcon/TextBoxIcon.module.css.html +0 -301
  1531. package/coverage/src/TextBoxIcon/index.html +0 -131
  1532. package/coverage/src/TextBoxIcon/props/defaultProps.js.html +0 -157
  1533. package/coverage/src/TextBoxIcon/props/index.html +0 -131
  1534. package/coverage/src/TextBoxIcon/props/propTypes.js.html +0 -256
  1535. package/coverage/src/Textarea/Textarea.js.html +0 -463
  1536. package/coverage/src/Textarea/Textarea.module.css.html +0 -532
  1537. package/coverage/src/Textarea/index.html +0 -131
  1538. package/coverage/src/Textarea/props/defaultProps.js.html +0 -139
  1539. package/coverage/src/Textarea/props/index.html +0 -131
  1540. package/coverage/src/Textarea/props/propTypes.js.html +0 -193
  1541. package/coverage/src/Tooltip/Tooltip.js.html +0 -1795
  1542. package/coverage/src/Tooltip/Tooltip.module.css.html +0 -484
  1543. package/coverage/src/Tooltip/index.html +0 -131
  1544. package/coverage/src/Tooltip/props/defaultProps.js.html +0 -97
  1545. package/coverage/src/Tooltip/props/index.html +0 -131
  1546. package/coverage/src/Tooltip/props/propTypes.js.html +0 -103
  1547. package/coverage/src/VelocityAnimation/VelocityAnimation/VelocityAnimation.js.html +0 -283
  1548. package/coverage/src/VelocityAnimation/VelocityAnimation/index.html +0 -116
  1549. package/coverage/src/VelocityAnimation/VelocityAnimation/props/defaultProps.js.html +0 -106
  1550. package/coverage/src/VelocityAnimation/VelocityAnimation/props/index.html +0 -131
  1551. package/coverage/src/VelocityAnimation/VelocityAnimation/props/propTypes.js.html +0 -124
  1552. package/coverage/src/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js.html +0 -502
  1553. package/coverage/src/VelocityAnimation/VelocityAnimationGroup/index.html +0 -116
  1554. package/coverage/src/VelocityAnimation/VelocityAnimationGroup/props/defaultProps.js.html +0 -130
  1555. package/coverage/src/VelocityAnimation/VelocityAnimationGroup/props/index.html +0 -131
  1556. package/coverage/src/VelocityAnimation/VelocityAnimationGroup/props/propTypes.js.html +0 -154
  1557. package/coverage/src/common/a11y.module.css.html +0 -94
  1558. package/coverage/src/common/avatarsizes.module.css.html +0 -229
  1559. package/coverage/src/common/basic.module.css.html +0 -178
  1560. package/coverage/src/common/boxShadow.module.css.html +0 -184
  1561. package/coverage/src/common/common.module.css.html +0 -1645
  1562. package/coverage/src/common/index.html +0 -116
  1563. package/coverage/src/common/transition.module.css.html +0 -403
  1564. package/coverage/src/semantic/Button/Button.js.html +0 -220
  1565. package/coverage/src/semantic/Button/index.html +0 -131
  1566. package/coverage/src/semantic/Button/props/defaultProps.js.html +0 -121
  1567. package/coverage/src/semantic/Button/props/index.html +0 -131
  1568. package/coverage/src/semantic/Button/props/propTypes.js.html +0 -154
  1569. package/coverage/src/semantic/Button/semanticButton.module.css.html +0 -112
  1570. package/coverage/src/utils/Common.js.html +0 -1267
  1571. package/coverage/src/utils/ContextOptimizer.js.html +0 -196
  1572. package/coverage/src/utils/cssUtils.js.html +0 -118
  1573. package/coverage/src/utils/datetime/GMTZones.js.html +0 -229
  1574. package/coverage/src/utils/datetime/common.js.html +0 -790
  1575. package/coverage/src/utils/datetime/index.html +0 -131
  1576. package/coverage/src/utils/dropDownUtils.js.html +0 -1897
  1577. package/coverage/src/utils/dummyFunction.js.html +0 -88
  1578. package/coverage/src/utils/getInitial.js.html +0 -139
  1579. package/coverage/src/utils/index.html +0 -116
  1580. package/coverage/src/utils/shallowEqual.js.html +0 -181
  1581. package/coverage/src/v1/Switch/Switch.js.html +0 -433
  1582. package/coverage/src/v1/Switch/contants/index.html +0 -116
  1583. package/coverage/src/v1/Switch/contants/index.js.html +0 -166
  1584. package/coverage/src/v1/Switch/css/Switch_v1.module.css.html +0 -439
  1585. package/coverage/src/v1/Switch/css/cssJSLogic.js.html +0 -220
  1586. package/coverage/src/v1/Switch/css/index.html +0 -131
  1587. package/coverage/src/v1/Switch/index.html +0 -131
  1588. package/coverage/src/v1/Switch/props/defaultProps.js.html +0 -115
  1589. package/coverage/src/v1/Switch/props/index.html +0 -131
  1590. package/coverage/src/v1/Switch/props/propTypes.js.html +0 -193
  1591. package/coverage/src/v1/Switch/useSwitch.js.html +0 -154
  1592. package/propValidationArg.json +0 -12
package/lib/Tag/__tests__/__snapshots__/Tag.spec.js.snap ADDED
@@ -0,0 +1,3074 @@
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`Tag component Should be render closeTitle 1`] = `
4
+ <DocumentFragment>
5
+ <div
6
+ aria-labelledby="1"
7
+ class="container effect medium lgRadius default "
8
+ data-id="tag_Tag"
9
+ data-selector-id="tag"
10
+ data-test-id="tag_Tag"
11
+ tabindex="0"
12
+ >
13
+ <div
14
+ aria-hidden="true"
15
+ class="text mediumtext"
16
+ id="1"
17
+ />
18
+ <button
19
+ aria-label="Delete"
20
+ class="buttonReset close
21
+ lgRadiusClose
22
+ closedanger"
23
+ data-id="tag_RemoveTag"
24
+ data-test-id="tag_RemoveTag"
25
+ data-title="TagCloseTitle"
26
+ type="button"
27
+ value="text"
28
+ >
29
+ <div
30
+ class="flex cover coldir both"
31
+ data-id="containerComponent"
32
+ data-selector-id="container"
33
+ data-test-id="containerComponent"
34
+ >
35
+ <i
36
+ aria-hidden="true"
37
+ class="zd_font_icons basic icon-close2 fbold "
38
+ data-id="fontIcon"
39
+ data-selector-id="fontIcon"
40
+ data-test-id="fontIcon"
41
+ style="--zd-iconfont-size: var(--zd_font_size8);"
42
+ />
43
+ </div>
44
+ </button>
45
+ </div>
46
+ </DocumentFragment>
47
+ `;
48
+
49
+ exports[`Tag component Should be render dataId when active if false 1`] = `
50
+ <DocumentFragment>
51
+ <div
52
+ aria-labelledby="1"
53
+ class="container effect medium lgRadius default "
54
+ data-id="TagdataId_Tag"
55
+ data-selector-id="tag"
56
+ data-test-id="TagdataId_Tag"
57
+ tabindex="0"
58
+ >
59
+ <div
60
+ aria-hidden="true"
61
+ class="text mediumtext"
62
+ id="1"
63
+ />
64
+ <button
65
+ aria-label="Delete"
66
+ class="buttonReset close
67
+ lgRadiusClose
68
+ closedanger"
69
+ data-id="TagdataId_RemoveTag"
70
+ data-test-id="TagdataId_RemoveTag"
71
+ type="button"
72
+ value="text"
73
+ >
74
+ <div
75
+ class="flex cover coldir both"
76
+ data-id="containerComponent"
77
+ data-selector-id="container"
78
+ data-test-id="containerComponent"
79
+ >
80
+ <i
81
+ aria-hidden="true"
82
+ class="zd_font_icons basic icon-close2 fbold "
83
+ data-id="fontIcon"
84
+ data-selector-id="fontIcon"
85
+ data-test-id="fontIcon"
86
+ style="--zd-iconfont-size: var(--zd_font_size8);"
87
+ />
88
+ </div>
89
+ </button>
90
+ </div>
91
+ </DocumentFragment>
92
+ `;
93
+
94
+ exports[`Tag component Should be render dataId when active if true 1`] = `
95
+ <DocumentFragment>
96
+ <div
97
+ aria-labelledby="1"
98
+ class="container effect selected activedefault activemediumEffect medium lgRadius default "
99
+ data-id="TagdataId_TagSelected"
100
+ data-selector-id="tag"
101
+ data-test-id="TagdataId_TagSelected"
102
+ tabindex="0"
103
+ >
104
+ <div
105
+ aria-hidden="true"
106
+ class="text mediumtext"
107
+ id="1"
108
+ />
109
+ <button
110
+ aria-label="Delete"
111
+ class="buttonReset close activedangerClose
112
+ lgRadiusClose
113
+ closedanger"
114
+ data-id="TagdataId_RemoveTag"
115
+ data-test-id="TagdataId_RemoveTag"
116
+ type="button"
117
+ value="text"
118
+ >
119
+ <div
120
+ class="flex cover coldir both"
121
+ data-id="containerComponent"
122
+ data-selector-id="container"
123
+ data-test-id="containerComponent"
124
+ >
125
+ <i
126
+ aria-hidden="true"
127
+ class="zd_font_icons basic icon-close2 fbold "
128
+ data-id="fontIcon"
129
+ data-selector-id="fontIcon"
130
+ data-test-id="fontIcon"
131
+ style="--zd-iconfont-size: var(--zd_font_size8);"
132
+ />
133
+ </div>
134
+ </button>
135
+ </div>
136
+ </DocumentFragment>
137
+ `;
138
+
139
+ exports[`Tag component Should be render disabled is false 1`] = `
140
+ <DocumentFragment>
141
+ <div
142
+ aria-labelledby="1"
143
+ class="container effect medium lgRadius default "
144
+ data-id="tag_Tag"
145
+ data-selector-id="tag"
146
+ data-test-id="tag_Tag"
147
+ tabindex="0"
148
+ >
149
+ <div
150
+ aria-hidden="true"
151
+ class="text mediumtext"
152
+ id="1"
153
+ />
154
+ </div>
155
+ </DocumentFragment>
156
+ `;
157
+
158
+ exports[`Tag component Should be render disabled is true 1`] = `
159
+ <DocumentFragment>
160
+ <div
161
+ aria-labelledby="1"
162
+ class="container effect medium lgRadius default disabled "
163
+ data-id="tag_Tag"
164
+ data-selector-id="tag"
165
+ data-test-id="tag_Tag"
166
+ tabindex="-1"
167
+ >
168
+ <div
169
+ aria-hidden="true"
170
+ class="text mediumtext"
171
+ id="1"
172
+ />
173
+ </div>
174
+ </DocumentFragment>
175
+ `;
176
+
177
+ exports[`Tag component Should be render iconName and iconSize 1`] = `
178
+ <DocumentFragment>
179
+ <div
180
+ aria-labelledby="1"
181
+ class="container effect medium lgRadius default "
182
+ data-id="tag_Tag"
183
+ data-selector-id="tag"
184
+ data-test-id="tag_Tag"
185
+ tabindex="0"
186
+ >
187
+ <div
188
+ aria-hidden="true"
189
+ class="icon "
190
+ >
191
+ <i
192
+ aria-hidden="true"
193
+ class="zd_font_icons basic icon-androidd "
194
+ data-id="fontIcon"
195
+ data-selector-id="fontIcon"
196
+ data-test-id="fontIcon"
197
+ style="--zd-iconfont-size: var(--zd_font_size15);"
198
+ />
199
+ </div>
200
+ <div
201
+ aria-hidden="true"
202
+ class="text mediumtext"
203
+ id="1"
204
+ />
205
+ </div>
206
+ </DocumentFragment>
207
+ `;
208
+
209
+ exports[`Tag component Should be render imageURL and hasAvatar 1`] = `
210
+ <DocumentFragment>
211
+ <div
212
+ aria-labelledby="1"
213
+ class="container effect medium lgRadius default "
214
+ data-id="tag_Tag"
215
+ data-selector-id="tag"
216
+ data-test-id="tag_Tag"
217
+ tabindex="0"
218
+ >
219
+ <div
220
+ class="avatar"
221
+ >
222
+ <div
223
+ class="avatar small small circle primary black "
224
+ data-id="Avatar"
225
+ data-selector-id="avatar"
226
+ data-test-id="Avatar"
227
+ >
228
+ <img
229
+ class="image animate "
230
+ data-id="Avatar_AvatarImg"
231
+ data-selector-id="avatar_AvatarImg"
232
+ data-test-id="Avatar_AvatarImg"
233
+ src="https://www.w3schools.com/images/w3schools_green.jpg"
234
+ />
235
+ <span
236
+ class="shadow black "
237
+ />
238
+ </div>
239
+ </div>
240
+ <div
241
+ aria-hidden="true"
242
+ class="text mediumtext"
243
+ id="1"
244
+ />
245
+ </div>
246
+ </DocumentFragment>
247
+ `;
248
+
249
+ exports[`Tag component Should be render initial 1`] = `
250
+ <DocumentFragment>
251
+ <div
252
+ aria-labelledby="1"
253
+ class="container effect medium lgRadius default "
254
+ data-id="tag_Tag"
255
+ data-selector-id="tag"
256
+ data-test-id="tag_Tag"
257
+ tabindex="0"
258
+ >
259
+ <div
260
+ class="avatar"
261
+ >
262
+ <div
263
+ class="avatar small small circle primary black border "
264
+ data-id="Avatar"
265
+ data-selector-id="avatar"
266
+ data-test-id="Avatar"
267
+ data-title="avatarIntial"
268
+ >
269
+ <span
270
+ class="initial"
271
+ data-id="Avatar_AvatarInitial"
272
+ data-selector-id="avatar_AvatarInitial"
273
+ data-test-id="Avatar_AvatarInitial"
274
+ >
275
+ AV
276
+ </span>
277
+ </div>
278
+ </div>
279
+ <div
280
+ aria-hidden="true"
281
+ class="text mediumtext"
282
+ id="1"
283
+ />
284
+ </div>
285
+ </DocumentFragment>
286
+ `;
287
+
288
+ exports[`Tag component Should be render isReadOnly is true 1`] = `
289
+ <DocumentFragment>
290
+ <div
291
+ aria-labelledby="1"
292
+ class="container readonly medium lgRadius default "
293
+ data-id="tag_Tag"
294
+ data-selector-id="tag"
295
+ data-test-id="tag_Tag"
296
+ tabindex="0"
297
+ >
298
+ <div
299
+ aria-hidden="true"
300
+ class="text mediumtext"
301
+ id="1"
302
+ />
303
+ </div>
304
+ </DocumentFragment>
305
+ `;
306
+
307
+ exports[`Tag component Should be render needEffect is false 1`] = `
308
+ <DocumentFragment>
309
+ <div
310
+ aria-labelledby="1"
311
+ class="container readonly medium lgRadius default "
312
+ data-id="tag_Tag"
313
+ data-selector-id="tag"
314
+ data-test-id="tag_Tag"
315
+ tabindex="0"
316
+ >
317
+ <div
318
+ aria-hidden="true"
319
+ class="text mediumtext"
320
+ id="1"
321
+ />
322
+ </div>
323
+ </DocumentFragment>
324
+ `;
325
+
326
+ exports[`Tag component Should be render onSelectTag 1`] = `
327
+ <DocumentFragment>
328
+ <div
329
+ aria-labelledby="1"
330
+ class="container effect medium lgRadius default pointer "
331
+ data-id="tag_Tag"
332
+ data-selector-id="tag"
333
+ data-test-id="tag_Tag"
334
+ tabindex="0"
335
+ >
336
+ <div
337
+ aria-hidden="true"
338
+ class="text mediumtext"
339
+ id="1"
340
+ />
341
+ </div>
342
+ </DocumentFragment>
343
+ `;
344
+
345
+ exports[`Tag component Should be render rounded is false 1`] = `
346
+ <DocumentFragment>
347
+ <div
348
+ aria-labelledby="1"
349
+ class="container effect medium smRadius default "
350
+ data-id="tag_Tag"
351
+ data-selector-id="tag"
352
+ data-test-id="tag_Tag"
353
+ tabindex="0"
354
+ >
355
+ <div
356
+ aria-hidden="true"
357
+ class="text mediumtext"
358
+ id="1"
359
+ />
360
+ <button
361
+ aria-label="Delete"
362
+ class="buttonReset close
363
+ smRadiusClose
364
+ closedanger"
365
+ data-id="tag_RemoveTag"
366
+ data-test-id="tag_RemoveTag"
367
+ type="button"
368
+ value="text"
369
+ >
370
+ <div
371
+ class="flex cover coldir both"
372
+ data-id="containerComponent"
373
+ data-selector-id="container"
374
+ data-test-id="containerComponent"
375
+ >
376
+ <i
377
+ aria-hidden="true"
378
+ class="zd_font_icons basic icon-close2 fbold "
379
+ data-id="fontIcon"
380
+ data-selector-id="fontIcon"
381
+ data-test-id="fontIcon"
382
+ style="--zd-iconfont-size: var(--zd_font_size8);"
383
+ />
384
+ </div>
385
+ </button>
386
+ </div>
387
+ </DocumentFragment>
388
+ `;
389
+
390
+ exports[`Tag component Should be render text 1`] = `
391
+ <DocumentFragment>
392
+ <div
393
+ aria-labelledby="1"
394
+ class="container effect medium lgRadius default "
395
+ data-id="tag_Tag"
396
+ data-selector-id="tag"
397
+ data-test-id="tag_Tag"
398
+ data-title="TagTest"
399
+ tabindex="0"
400
+ >
401
+ <div
402
+ aria-hidden="true"
403
+ class="text mediumtext"
404
+ id="1"
405
+ >
406
+ TagTest
407
+ </div>
408
+ </div>
409
+ </DocumentFragment>
410
+ `;
411
+
412
+ exports[`Tag component Should be render tooltip 1`] = `
413
+ <DocumentFragment>
414
+ <div
415
+ aria-labelledby="1"
416
+ class="container effect medium lgRadius default "
417
+ data-id="tag_Tag"
418
+ data-selector-id="tag"
419
+ data-test-id="tag_Tag"
420
+ data-title="Tagtooltip"
421
+ tabindex="0"
422
+ >
423
+ <div
424
+ aria-hidden="true"
425
+ class="text mediumtext"
426
+ id="1"
427
+ />
428
+ </div>
429
+ </DocumentFragment>
430
+ `;
431
+
432
+ exports[`Tag component Should be render with the basic set of default props 1`] = `
433
+ <DocumentFragment>
434
+ <div
435
+ aria-labelledby="1"
436
+ class="container effect medium lgRadius default "
437
+ data-id="tag_Tag"
438
+ data-selector-id="tag"
439
+ data-test-id="tag_Tag"
440
+ tabindex="0"
441
+ >
442
+ <div
443
+ aria-hidden="true"
444
+ class="text mediumtext"
445
+ id="1"
446
+ />
447
+ </div>
448
+ </DocumentFragment>
449
+ `;
450
+
451
+ exports[`Tag component Should render active - palette danger, size medium , closePalette danger 1`] = `
452
+ <DocumentFragment>
453
+ <div
454
+ aria-labelledby="1"
455
+ class="container effect selected activedanger activemediumEffect medium lgRadius danger "
456
+ data-id="tag_TagSelected"
457
+ data-selector-id="tag"
458
+ data-test-id="tag_TagSelected"
459
+ tabindex="0"
460
+ >
461
+ <div
462
+ aria-hidden="true"
463
+ class="text mediumtext"
464
+ id="1"
465
+ />
466
+ <button
467
+ aria-label="Delete"
468
+ class="buttonReset close activedangerClose
469
+ lgRadiusClose
470
+ closedanger"
471
+ data-id="tag_RemoveTag"
472
+ data-test-id="tag_RemoveTag"
473
+ type="button"
474
+ value="text"
475
+ >
476
+ <div
477
+ class="flex cover coldir both"
478
+ data-id="containerComponent"
479
+ data-selector-id="container"
480
+ data-test-id="containerComponent"
481
+ >
482
+ <i
483
+ aria-hidden="true"
484
+ class="zd_font_icons basic icon-close2 fbold "
485
+ data-id="fontIcon"
486
+ data-selector-id="fontIcon"
487
+ data-test-id="fontIcon"
488
+ style="--zd-iconfont-size: var(--zd_font_size8);"
489
+ />
490
+ </div>
491
+ </button>
492
+ </div>
493
+ </DocumentFragment>
494
+ `;
495
+
496
+ exports[`Tag component Should render active - palette danger, size medium , closePalette primary 1`] = `
497
+ <DocumentFragment>
498
+ <div
499
+ aria-labelledby="1"
500
+ class="container effect selected activedanger activemediumEffect medium lgRadius danger "
501
+ data-id="tag_TagSelected"
502
+ data-selector-id="tag"
503
+ data-test-id="tag_TagSelected"
504
+ tabindex="0"
505
+ >
506
+ <div
507
+ aria-hidden="true"
508
+ class="text mediumtext"
509
+ id="1"
510
+ />
511
+ <button
512
+ aria-label="Delete"
513
+ class="buttonReset close activeprimaryClose
514
+ lgRadiusClose
515
+ closeprimary"
516
+ data-id="tag_RemoveTag"
517
+ data-test-id="tag_RemoveTag"
518
+ type="button"
519
+ value="text"
520
+ >
521
+ <div
522
+ class="flex cover coldir both"
523
+ data-id="containerComponent"
524
+ data-selector-id="container"
525
+ data-test-id="containerComponent"
526
+ >
527
+ <i
528
+ aria-hidden="true"
529
+ class="zd_font_icons basic icon-close2 fbold "
530
+ data-id="fontIcon"
531
+ data-selector-id="fontIcon"
532
+ data-test-id="fontIcon"
533
+ style="--zd-iconfont-size: var(--zd_font_size8);"
534
+ />
535
+ </div>
536
+ </button>
537
+ </div>
538
+ </DocumentFragment>
539
+ `;
540
+
541
+ exports[`Tag component Should render active - palette danger, size small , closePalette danger 1`] = `
542
+ <DocumentFragment>
543
+ <div
544
+ aria-labelledby="1"
545
+ class="container effect selected activedanger activesmallEffect small lgRadius danger "
546
+ data-id="tag_TagSelected"
547
+ data-selector-id="tag"
548
+ data-test-id="tag_TagSelected"
549
+ tabindex="0"
550
+ >
551
+ <div
552
+ aria-hidden="true"
553
+ class="text smalltext"
554
+ id="1"
555
+ />
556
+ <button
557
+ aria-label="Delete"
558
+ class="buttonReset close activedangerClose
559
+ lgRadiusClose
560
+ closedanger"
561
+ data-id="tag_RemoveTag"
562
+ data-test-id="tag_RemoveTag"
563
+ type="button"
564
+ value="text"
565
+ >
566
+ <div
567
+ class="flex cover coldir both"
568
+ data-id="containerComponent"
569
+ data-selector-id="container"
570
+ data-test-id="containerComponent"
571
+ >
572
+ <i
573
+ aria-hidden="true"
574
+ class="zd_font_icons basic icon-close2 fbold "
575
+ data-id="fontIcon"
576
+ data-selector-id="fontIcon"
577
+ data-test-id="fontIcon"
578
+ style="--zd-iconfont-size: var(--zd_font_size8);"
579
+ />
580
+ </div>
581
+ </button>
582
+ </div>
583
+ </DocumentFragment>
584
+ `;
585
+
586
+ exports[`Tag component Should render active - palette danger, size small , closePalette primary 1`] = `
587
+ <DocumentFragment>
588
+ <div
589
+ aria-labelledby="1"
590
+ class="container effect selected activedanger activesmallEffect small lgRadius danger "
591
+ data-id="tag_TagSelected"
592
+ data-selector-id="tag"
593
+ data-test-id="tag_TagSelected"
594
+ tabindex="0"
595
+ >
596
+ <div
597
+ aria-hidden="true"
598
+ class="text smalltext"
599
+ id="1"
600
+ />
601
+ <button
602
+ aria-label="Delete"
603
+ class="buttonReset close activeprimaryClose
604
+ lgRadiusClose
605
+ closeprimary"
606
+ data-id="tag_RemoveTag"
607
+ data-test-id="tag_RemoveTag"
608
+ type="button"
609
+ value="text"
610
+ >
611
+ <div
612
+ class="flex cover coldir both"
613
+ data-id="containerComponent"
614
+ data-selector-id="container"
615
+ data-test-id="containerComponent"
616
+ >
617
+ <i
618
+ aria-hidden="true"
619
+ class="zd_font_icons basic icon-close2 fbold "
620
+ data-id="fontIcon"
621
+ data-selector-id="fontIcon"
622
+ data-test-id="fontIcon"
623
+ style="--zd-iconfont-size: var(--zd_font_size8);"
624
+ />
625
+ </div>
626
+ </button>
627
+ </div>
628
+ </DocumentFragment>
629
+ `;
630
+
631
+ exports[`Tag component Should render active - palette dark, size medium , closePalette danger 1`] = `
632
+ <DocumentFragment>
633
+ <div
634
+ aria-labelledby="1"
635
+ class="container effect selected undefined activemediumEffect medium lgRadius dark "
636
+ data-id="tag_TagSelected"
637
+ data-selector-id="tag"
638
+ data-test-id="tag_TagSelected"
639
+ tabindex="0"
640
+ >
641
+ <div
642
+ aria-hidden="true"
643
+ class="text mediumtext"
644
+ id="1"
645
+ />
646
+ <button
647
+ aria-label="Delete"
648
+ class="buttonReset close activedangerClose
649
+ lgRadiusClose darkTagClose
650
+ closedanger"
651
+ data-id="tag_RemoveTag"
652
+ data-test-id="tag_RemoveTag"
653
+ type="button"
654
+ value="text"
655
+ >
656
+ <div
657
+ class="flex cover coldir both"
658
+ data-id="containerComponent"
659
+ data-selector-id="container"
660
+ data-test-id="containerComponent"
661
+ >
662
+ <i
663
+ aria-hidden="true"
664
+ class="zd_font_icons basic icon-close2 fbold "
665
+ data-id="fontIcon"
666
+ data-selector-id="fontIcon"
667
+ data-test-id="fontIcon"
668
+ style="--zd-iconfont-size: var(--zd_font_size8);"
669
+ />
670
+ </div>
671
+ </button>
672
+ </div>
673
+ </DocumentFragment>
674
+ `;
675
+
676
+ exports[`Tag component Should render active - palette dark, size medium , closePalette primary 1`] = `
677
+ <DocumentFragment>
678
+ <div
679
+ aria-labelledby="1"
680
+ class="container effect selected undefined activemediumEffect medium lgRadius dark "
681
+ data-id="tag_TagSelected"
682
+ data-selector-id="tag"
683
+ data-test-id="tag_TagSelected"
684
+ tabindex="0"
685
+ >
686
+ <div
687
+ aria-hidden="true"
688
+ class="text mediumtext"
689
+ id="1"
690
+ />
691
+ <button
692
+ aria-label="Delete"
693
+ class="buttonReset close activeprimaryClose
694
+ lgRadiusClose darkTagClose
695
+ closeprimary"
696
+ data-id="tag_RemoveTag"
697
+ data-test-id="tag_RemoveTag"
698
+ type="button"
699
+ value="text"
700
+ >
701
+ <div
702
+ class="flex cover coldir both"
703
+ data-id="containerComponent"
704
+ data-selector-id="container"
705
+ data-test-id="containerComponent"
706
+ >
707
+ <i
708
+ aria-hidden="true"
709
+ class="zd_font_icons basic icon-close2 fbold "
710
+ data-id="fontIcon"
711
+ data-selector-id="fontIcon"
712
+ data-test-id="fontIcon"
713
+ style="--zd-iconfont-size: var(--zd_font_size8);"
714
+ />
715
+ </div>
716
+ </button>
717
+ </div>
718
+ </DocumentFragment>
719
+ `;
720
+
721
+ exports[`Tag component Should render active - palette dark, size small , closePalette danger 1`] = `
722
+ <DocumentFragment>
723
+ <div
724
+ aria-labelledby="1"
725
+ class="container effect selected undefined activesmallEffect small lgRadius dark "
726
+ data-id="tag_TagSelected"
727
+ data-selector-id="tag"
728
+ data-test-id="tag_TagSelected"
729
+ tabindex="0"
730
+ >
731
+ <div
732
+ aria-hidden="true"
733
+ class="text smalltext"
734
+ id="1"
735
+ />
736
+ <button
737
+ aria-label="Delete"
738
+ class="buttonReset close activedangerClose
739
+ lgRadiusClose darkTagClose
740
+ closedanger"
741
+ data-id="tag_RemoveTag"
742
+ data-test-id="tag_RemoveTag"
743
+ type="button"
744
+ value="text"
745
+ >
746
+ <div
747
+ class="flex cover coldir both"
748
+ data-id="containerComponent"
749
+ data-selector-id="container"
750
+ data-test-id="containerComponent"
751
+ >
752
+ <i
753
+ aria-hidden="true"
754
+ class="zd_font_icons basic icon-close2 fbold "
755
+ data-id="fontIcon"
756
+ data-selector-id="fontIcon"
757
+ data-test-id="fontIcon"
758
+ style="--zd-iconfont-size: var(--zd_font_size8);"
759
+ />
760
+ </div>
761
+ </button>
762
+ </div>
763
+ </DocumentFragment>
764
+ `;
765
+
766
+ exports[`Tag component Should render active - palette dark, size small , closePalette primary 1`] = `
767
+ <DocumentFragment>
768
+ <div
769
+ aria-labelledby="1"
770
+ class="container effect selected undefined activesmallEffect small lgRadius dark "
771
+ data-id="tag_TagSelected"
772
+ data-selector-id="tag"
773
+ data-test-id="tag_TagSelected"
774
+ tabindex="0"
775
+ >
776
+ <div
777
+ aria-hidden="true"
778
+ class="text smalltext"
779
+ id="1"
780
+ />
781
+ <button
782
+ aria-label="Delete"
783
+ class="buttonReset close activeprimaryClose
784
+ lgRadiusClose darkTagClose
785
+ closeprimary"
786
+ data-id="tag_RemoveTag"
787
+ data-test-id="tag_RemoveTag"
788
+ type="button"
789
+ value="text"
790
+ >
791
+ <div
792
+ class="flex cover coldir both"
793
+ data-id="containerComponent"
794
+ data-selector-id="container"
795
+ data-test-id="containerComponent"
796
+ >
797
+ <i
798
+ aria-hidden="true"
799
+ class="zd_font_icons basic icon-close2 fbold "
800
+ data-id="fontIcon"
801
+ data-selector-id="fontIcon"
802
+ data-test-id="fontIcon"
803
+ style="--zd-iconfont-size: var(--zd_font_size8);"
804
+ />
805
+ </div>
806
+ </button>
807
+ </div>
808
+ </DocumentFragment>
809
+ `;
810
+
811
+ exports[`Tag component Should render active - palette darkPrimaryDotted, size medium , closePalette danger 1`] = `
812
+ <DocumentFragment>
813
+ <div
814
+ aria-labelledby="1"
815
+ class="container effect selected undefined activemediumEffect medium lgRadius darkPrimaryDotted "
816
+ data-id="tag_TagSelected"
817
+ data-selector-id="tag"
818
+ data-test-id="tag_TagSelected"
819
+ tabindex="0"
820
+ >
821
+ <div
822
+ aria-hidden="true"
823
+ class="text mediumtext"
824
+ id="1"
825
+ />
826
+ <button
827
+ aria-label="Delete"
828
+ class="buttonReset close activedangerClose
829
+ lgRadiusClose
830
+ closedanger"
831
+ data-id="tag_RemoveTag"
832
+ data-test-id="tag_RemoveTag"
833
+ type="button"
834
+ value="text"
835
+ >
836
+ <div
837
+ class="flex cover coldir both"
838
+ data-id="containerComponent"
839
+ data-selector-id="container"
840
+ data-test-id="containerComponent"
841
+ >
842
+ <i
843
+ aria-hidden="true"
844
+ class="zd_font_icons basic icon-close2 fbold "
845
+ data-id="fontIcon"
846
+ data-selector-id="fontIcon"
847
+ data-test-id="fontIcon"
848
+ style="--zd-iconfont-size: var(--zd_font_size8);"
849
+ />
850
+ </div>
851
+ </button>
852
+ </div>
853
+ </DocumentFragment>
854
+ `;
855
+
856
+ exports[`Tag component Should render active - palette darkPrimaryDotted, size medium , closePalette primary 1`] = `
857
+ <DocumentFragment>
858
+ <div
859
+ aria-labelledby="1"
860
+ class="container effect selected undefined activemediumEffect medium lgRadius darkPrimaryDotted "
861
+ data-id="tag_TagSelected"
862
+ data-selector-id="tag"
863
+ data-test-id="tag_TagSelected"
864
+ tabindex="0"
865
+ >
866
+ <div
867
+ aria-hidden="true"
868
+ class="text mediumtext"
869
+ id="1"
870
+ />
871
+ <button
872
+ aria-label="Delete"
873
+ class="buttonReset close activeprimaryClose
874
+ lgRadiusClose
875
+ closeprimary"
876
+ data-id="tag_RemoveTag"
877
+ data-test-id="tag_RemoveTag"
878
+ type="button"
879
+ value="text"
880
+ >
881
+ <div
882
+ class="flex cover coldir both"
883
+ data-id="containerComponent"
884
+ data-selector-id="container"
885
+ data-test-id="containerComponent"
886
+ >
887
+ <i
888
+ aria-hidden="true"
889
+ class="zd_font_icons basic icon-close2 fbold "
890
+ data-id="fontIcon"
891
+ data-selector-id="fontIcon"
892
+ data-test-id="fontIcon"
893
+ style="--zd-iconfont-size: var(--zd_font_size8);"
894
+ />
895
+ </div>
896
+ </button>
897
+ </div>
898
+ </DocumentFragment>
899
+ `;
900
+
901
+ exports[`Tag component Should render active - palette darkPrimaryDotted, size small , closePalette danger 1`] = `
902
+ <DocumentFragment>
903
+ <div
904
+ aria-labelledby="1"
905
+ class="container effect selected undefined activesmallEffect small lgRadius darkPrimaryDotted "
906
+ data-id="tag_TagSelected"
907
+ data-selector-id="tag"
908
+ data-test-id="tag_TagSelected"
909
+ tabindex="0"
910
+ >
911
+ <div
912
+ aria-hidden="true"
913
+ class="text smalltext"
914
+ id="1"
915
+ />
916
+ <button
917
+ aria-label="Delete"
918
+ class="buttonReset close activedangerClose
919
+ lgRadiusClose
920
+ closedanger"
921
+ data-id="tag_RemoveTag"
922
+ data-test-id="tag_RemoveTag"
923
+ type="button"
924
+ value="text"
925
+ >
926
+ <div
927
+ class="flex cover coldir both"
928
+ data-id="containerComponent"
929
+ data-selector-id="container"
930
+ data-test-id="containerComponent"
931
+ >
932
+ <i
933
+ aria-hidden="true"
934
+ class="zd_font_icons basic icon-close2 fbold "
935
+ data-id="fontIcon"
936
+ data-selector-id="fontIcon"
937
+ data-test-id="fontIcon"
938
+ style="--zd-iconfont-size: var(--zd_font_size8);"
939
+ />
940
+ </div>
941
+ </button>
942
+ </div>
943
+ </DocumentFragment>
944
+ `;
945
+
946
+ exports[`Tag component Should render active - palette darkPrimaryDotted, size small , closePalette primary 1`] = `
947
+ <DocumentFragment>
948
+ <div
949
+ aria-labelledby="1"
950
+ class="container effect selected undefined activesmallEffect small lgRadius darkPrimaryDotted "
951
+ data-id="tag_TagSelected"
952
+ data-selector-id="tag"
953
+ data-test-id="tag_TagSelected"
954
+ tabindex="0"
955
+ >
956
+ <div
957
+ aria-hidden="true"
958
+ class="text smalltext"
959
+ id="1"
960
+ />
961
+ <button
962
+ aria-label="Delete"
963
+ class="buttonReset close activeprimaryClose
964
+ lgRadiusClose
965
+ closeprimary"
966
+ data-id="tag_RemoveTag"
967
+ data-test-id="tag_RemoveTag"
968
+ type="button"
969
+ value="text"
970
+ >
971
+ <div
972
+ class="flex cover coldir both"
973
+ data-id="containerComponent"
974
+ data-selector-id="container"
975
+ data-test-id="containerComponent"
976
+ >
977
+ <i
978
+ aria-hidden="true"
979
+ class="zd_font_icons basic icon-close2 fbold "
980
+ data-id="fontIcon"
981
+ data-selector-id="fontIcon"
982
+ data-test-id="fontIcon"
983
+ style="--zd-iconfont-size: var(--zd_font_size8);"
984
+ />
985
+ </div>
986
+ </button>
987
+ </div>
988
+ </DocumentFragment>
989
+ `;
990
+
991
+ exports[`Tag component Should render active - palette default, size medium , closePalette danger 1`] = `
992
+ <DocumentFragment>
993
+ <div
994
+ aria-labelledby="1"
995
+ class="container effect selected activedefault activemediumEffect medium lgRadius default "
996
+ data-id="tag_TagSelected"
997
+ data-selector-id="tag"
998
+ data-test-id="tag_TagSelected"
999
+ tabindex="0"
1000
+ >
1001
+ <div
1002
+ aria-hidden="true"
1003
+ class="text mediumtext"
1004
+ id="1"
1005
+ />
1006
+ <button
1007
+ aria-label="Delete"
1008
+ class="buttonReset close activedangerClose
1009
+ lgRadiusClose
1010
+ closedanger"
1011
+ data-id="tag_RemoveTag"
1012
+ data-test-id="tag_RemoveTag"
1013
+ type="button"
1014
+ value="text"
1015
+ >
1016
+ <div
1017
+ class="flex cover coldir both"
1018
+ data-id="containerComponent"
1019
+ data-selector-id="container"
1020
+ data-test-id="containerComponent"
1021
+ >
1022
+ <i
1023
+ aria-hidden="true"
1024
+ class="zd_font_icons basic icon-close2 fbold "
1025
+ data-id="fontIcon"
1026
+ data-selector-id="fontIcon"
1027
+ data-test-id="fontIcon"
1028
+ style="--zd-iconfont-size: var(--zd_font_size8);"
1029
+ />
1030
+ </div>
1031
+ </button>
1032
+ </div>
1033
+ </DocumentFragment>
1034
+ `;
1035
+
1036
+ exports[`Tag component Should render active - palette default, size medium , closePalette primary 1`] = `
1037
+ <DocumentFragment>
1038
+ <div
1039
+ aria-labelledby="1"
1040
+ class="container effect selected activedefault activemediumEffect medium lgRadius default "
1041
+ data-id="tag_TagSelected"
1042
+ data-selector-id="tag"
1043
+ data-test-id="tag_TagSelected"
1044
+ tabindex="0"
1045
+ >
1046
+ <div
1047
+ aria-hidden="true"
1048
+ class="text mediumtext"
1049
+ id="1"
1050
+ />
1051
+ <button
1052
+ aria-label="Delete"
1053
+ class="buttonReset close activeprimaryClose
1054
+ lgRadiusClose
1055
+ closeprimary"
1056
+ data-id="tag_RemoveTag"
1057
+ data-test-id="tag_RemoveTag"
1058
+ type="button"
1059
+ value="text"
1060
+ >
1061
+ <div
1062
+ class="flex cover coldir both"
1063
+ data-id="containerComponent"
1064
+ data-selector-id="container"
1065
+ data-test-id="containerComponent"
1066
+ >
1067
+ <i
1068
+ aria-hidden="true"
1069
+ class="zd_font_icons basic icon-close2 fbold "
1070
+ data-id="fontIcon"
1071
+ data-selector-id="fontIcon"
1072
+ data-test-id="fontIcon"
1073
+ style="--zd-iconfont-size: var(--zd_font_size8);"
1074
+ />
1075
+ </div>
1076
+ </button>
1077
+ </div>
1078
+ </DocumentFragment>
1079
+ `;
1080
+
1081
+ exports[`Tag component Should render active - palette default, size small , closePalette danger 1`] = `
1082
+ <DocumentFragment>
1083
+ <div
1084
+ aria-labelledby="1"
1085
+ class="container effect selected activedefault activesmallEffect small lgRadius default "
1086
+ data-id="tag_TagSelected"
1087
+ data-selector-id="tag"
1088
+ data-test-id="tag_TagSelected"
1089
+ tabindex="0"
1090
+ >
1091
+ <div
1092
+ aria-hidden="true"
1093
+ class="text smalltext"
1094
+ id="1"
1095
+ />
1096
+ <button
1097
+ aria-label="Delete"
1098
+ class="buttonReset close activedangerClose
1099
+ lgRadiusClose
1100
+ closedanger"
1101
+ data-id="tag_RemoveTag"
1102
+ data-test-id="tag_RemoveTag"
1103
+ type="button"
1104
+ value="text"
1105
+ >
1106
+ <div
1107
+ class="flex cover coldir both"
1108
+ data-id="containerComponent"
1109
+ data-selector-id="container"
1110
+ data-test-id="containerComponent"
1111
+ >
1112
+ <i
1113
+ aria-hidden="true"
1114
+ class="zd_font_icons basic icon-close2 fbold "
1115
+ data-id="fontIcon"
1116
+ data-selector-id="fontIcon"
1117
+ data-test-id="fontIcon"
1118
+ style="--zd-iconfont-size: var(--zd_font_size8);"
1119
+ />
1120
+ </div>
1121
+ </button>
1122
+ </div>
1123
+ </DocumentFragment>
1124
+ `;
1125
+
1126
+ exports[`Tag component Should render active - palette default, size small , closePalette primary 1`] = `
1127
+ <DocumentFragment>
1128
+ <div
1129
+ aria-labelledby="1"
1130
+ class="container effect selected activedefault activesmallEffect small lgRadius default "
1131
+ data-id="tag_TagSelected"
1132
+ data-selector-id="tag"
1133
+ data-test-id="tag_TagSelected"
1134
+ tabindex="0"
1135
+ >
1136
+ <div
1137
+ aria-hidden="true"
1138
+ class="text smalltext"
1139
+ id="1"
1140
+ />
1141
+ <button
1142
+ aria-label="Delete"
1143
+ class="buttonReset close activeprimaryClose
1144
+ lgRadiusClose
1145
+ closeprimary"
1146
+ data-id="tag_RemoveTag"
1147
+ data-test-id="tag_RemoveTag"
1148
+ type="button"
1149
+ value="text"
1150
+ >
1151
+ <div
1152
+ class="flex cover coldir both"
1153
+ data-id="containerComponent"
1154
+ data-selector-id="container"
1155
+ data-test-id="containerComponent"
1156
+ >
1157
+ <i
1158
+ aria-hidden="true"
1159
+ class="zd_font_icons basic icon-close2 fbold "
1160
+ data-id="fontIcon"
1161
+ data-selector-id="fontIcon"
1162
+ data-test-id="fontIcon"
1163
+ style="--zd-iconfont-size: var(--zd_font_size8);"
1164
+ />
1165
+ </div>
1166
+ </button>
1167
+ </div>
1168
+ </DocumentFragment>
1169
+ `;
1170
+
1171
+ exports[`Tag component Should render active - palette defaultLink, size medium , closePalette danger 1`] = `
1172
+ <DocumentFragment>
1173
+ <div
1174
+ aria-labelledby="1"
1175
+ class="container effect selected activedefaultLink activemediumEffect medium lgRadius defaultLink "
1176
+ data-id="tag_TagSelected"
1177
+ data-selector-id="tag"
1178
+ data-test-id="tag_TagSelected"
1179
+ tabindex="0"
1180
+ >
1181
+ <div
1182
+ aria-hidden="true"
1183
+ class="text mediumtext"
1184
+ id="1"
1185
+ />
1186
+ <button
1187
+ aria-label="Delete"
1188
+ class="buttonReset close activedangerClose
1189
+ lgRadiusClose
1190
+ closedanger"
1191
+ data-id="tag_RemoveTag"
1192
+ data-test-id="tag_RemoveTag"
1193
+ type="button"
1194
+ value="text"
1195
+ >
1196
+ <div
1197
+ class="flex cover coldir both"
1198
+ data-id="containerComponent"
1199
+ data-selector-id="container"
1200
+ data-test-id="containerComponent"
1201
+ >
1202
+ <i
1203
+ aria-hidden="true"
1204
+ class="zd_font_icons basic icon-close2 fbold "
1205
+ data-id="fontIcon"
1206
+ data-selector-id="fontIcon"
1207
+ data-test-id="fontIcon"
1208
+ style="--zd-iconfont-size: var(--zd_font_size8);"
1209
+ />
1210
+ </div>
1211
+ </button>
1212
+ </div>
1213
+ </DocumentFragment>
1214
+ `;
1215
+
1216
+ exports[`Tag component Should render active - palette defaultLink, size medium , closePalette primary 1`] = `
1217
+ <DocumentFragment>
1218
+ <div
1219
+ aria-labelledby="1"
1220
+ class="container effect selected activedefaultLink activemediumEffect medium lgRadius defaultLink "
1221
+ data-id="tag_TagSelected"
1222
+ data-selector-id="tag"
1223
+ data-test-id="tag_TagSelected"
1224
+ tabindex="0"
1225
+ >
1226
+ <div
1227
+ aria-hidden="true"
1228
+ class="text mediumtext"
1229
+ id="1"
1230
+ />
1231
+ <button
1232
+ aria-label="Delete"
1233
+ class="buttonReset close activeprimaryClose
1234
+ lgRadiusClose
1235
+ closeprimary"
1236
+ data-id="tag_RemoveTag"
1237
+ data-test-id="tag_RemoveTag"
1238
+ type="button"
1239
+ value="text"
1240
+ >
1241
+ <div
1242
+ class="flex cover coldir both"
1243
+ data-id="containerComponent"
1244
+ data-selector-id="container"
1245
+ data-test-id="containerComponent"
1246
+ >
1247
+ <i
1248
+ aria-hidden="true"
1249
+ class="zd_font_icons basic icon-close2 fbold "
1250
+ data-id="fontIcon"
1251
+ data-selector-id="fontIcon"
1252
+ data-test-id="fontIcon"
1253
+ style="--zd-iconfont-size: var(--zd_font_size8);"
1254
+ />
1255
+ </div>
1256
+ </button>
1257
+ </div>
1258
+ </DocumentFragment>
1259
+ `;
1260
+
1261
+ exports[`Tag component Should render active - palette defaultLink, size small , closePalette danger 1`] = `
1262
+ <DocumentFragment>
1263
+ <div
1264
+ aria-labelledby="1"
1265
+ class="container effect selected activedefaultLink activesmallEffect small lgRadius defaultLink "
1266
+ data-id="tag_TagSelected"
1267
+ data-selector-id="tag"
1268
+ data-test-id="tag_TagSelected"
1269
+ tabindex="0"
1270
+ >
1271
+ <div
1272
+ aria-hidden="true"
1273
+ class="text smalltext"
1274
+ id="1"
1275
+ />
1276
+ <button
1277
+ aria-label="Delete"
1278
+ class="buttonReset close activedangerClose
1279
+ lgRadiusClose
1280
+ closedanger"
1281
+ data-id="tag_RemoveTag"
1282
+ data-test-id="tag_RemoveTag"
1283
+ type="button"
1284
+ value="text"
1285
+ >
1286
+ <div
1287
+ class="flex cover coldir both"
1288
+ data-id="containerComponent"
1289
+ data-selector-id="container"
1290
+ data-test-id="containerComponent"
1291
+ >
1292
+ <i
1293
+ aria-hidden="true"
1294
+ class="zd_font_icons basic icon-close2 fbold "
1295
+ data-id="fontIcon"
1296
+ data-selector-id="fontIcon"
1297
+ data-test-id="fontIcon"
1298
+ style="--zd-iconfont-size: var(--zd_font_size8);"
1299
+ />
1300
+ </div>
1301
+ </button>
1302
+ </div>
1303
+ </DocumentFragment>
1304
+ `;
1305
+
1306
+ exports[`Tag component Should render active - palette defaultLink, size small , closePalette primary 1`] = `
1307
+ <DocumentFragment>
1308
+ <div
1309
+ aria-labelledby="1"
1310
+ class="container effect selected activedefaultLink activesmallEffect small lgRadius defaultLink "
1311
+ data-id="tag_TagSelected"
1312
+ data-selector-id="tag"
1313
+ data-test-id="tag_TagSelected"
1314
+ tabindex="0"
1315
+ >
1316
+ <div
1317
+ aria-hidden="true"
1318
+ class="text smalltext"
1319
+ id="1"
1320
+ />
1321
+ <button
1322
+ aria-label="Delete"
1323
+ class="buttonReset close activeprimaryClose
1324
+ lgRadiusClose
1325
+ closeprimary"
1326
+ data-id="tag_RemoveTag"
1327
+ data-test-id="tag_RemoveTag"
1328
+ type="button"
1329
+ value="text"
1330
+ >
1331
+ <div
1332
+ class="flex cover coldir both"
1333
+ data-id="containerComponent"
1334
+ data-selector-id="container"
1335
+ data-test-id="containerComponent"
1336
+ >
1337
+ <i
1338
+ aria-hidden="true"
1339
+ class="zd_font_icons basic icon-close2 fbold "
1340
+ data-id="fontIcon"
1341
+ data-selector-id="fontIcon"
1342
+ data-test-id="fontIcon"
1343
+ style="--zd-iconfont-size: var(--zd_font_size8);"
1344
+ />
1345
+ </div>
1346
+ </button>
1347
+ </div>
1348
+ </DocumentFragment>
1349
+ `;
1350
+
1351
+ exports[`Tag component Should render active - palette primaryDotted, size medium , closePalette danger 1`] = `
1352
+ <DocumentFragment>
1353
+ <div
1354
+ aria-labelledby="1"
1355
+ class="container effect selected activeprimaryDotted activemediumEffect medium lgRadius primaryDotted "
1356
+ data-id="tag_TagSelected"
1357
+ data-selector-id="tag"
1358
+ data-test-id="tag_TagSelected"
1359
+ tabindex="0"
1360
+ >
1361
+ <div
1362
+ aria-hidden="true"
1363
+ class="text mediumtext"
1364
+ id="1"
1365
+ />
1366
+ <button
1367
+ aria-label="Delete"
1368
+ class="buttonReset close activedangerClose
1369
+ lgRadiusClose
1370
+ closedanger"
1371
+ data-id="tag_RemoveTag"
1372
+ data-test-id="tag_RemoveTag"
1373
+ type="button"
1374
+ value="text"
1375
+ >
1376
+ <div
1377
+ class="flex cover coldir both"
1378
+ data-id="containerComponent"
1379
+ data-selector-id="container"
1380
+ data-test-id="containerComponent"
1381
+ >
1382
+ <i
1383
+ aria-hidden="true"
1384
+ class="zd_font_icons basic icon-close2 fbold "
1385
+ data-id="fontIcon"
1386
+ data-selector-id="fontIcon"
1387
+ data-test-id="fontIcon"
1388
+ style="--zd-iconfont-size: var(--zd_font_size8);"
1389
+ />
1390
+ </div>
1391
+ </button>
1392
+ </div>
1393
+ </DocumentFragment>
1394
+ `;
1395
+
1396
+ exports[`Tag component Should render active - palette primaryDotted, size medium , closePalette primary 1`] = `
1397
+ <DocumentFragment>
1398
+ <div
1399
+ aria-labelledby="1"
1400
+ class="container effect selected activeprimaryDotted activemediumEffect medium lgRadius primaryDotted "
1401
+ data-id="tag_TagSelected"
1402
+ data-selector-id="tag"
1403
+ data-test-id="tag_TagSelected"
1404
+ tabindex="0"
1405
+ >
1406
+ <div
1407
+ aria-hidden="true"
1408
+ class="text mediumtext"
1409
+ id="1"
1410
+ />
1411
+ <button
1412
+ aria-label="Delete"
1413
+ class="buttonReset close activeprimaryClose
1414
+ lgRadiusClose
1415
+ closeprimary"
1416
+ data-id="tag_RemoveTag"
1417
+ data-test-id="tag_RemoveTag"
1418
+ type="button"
1419
+ value="text"
1420
+ >
1421
+ <div
1422
+ class="flex cover coldir both"
1423
+ data-id="containerComponent"
1424
+ data-selector-id="container"
1425
+ data-test-id="containerComponent"
1426
+ >
1427
+ <i
1428
+ aria-hidden="true"
1429
+ class="zd_font_icons basic icon-close2 fbold "
1430
+ data-id="fontIcon"
1431
+ data-selector-id="fontIcon"
1432
+ data-test-id="fontIcon"
1433
+ style="--zd-iconfont-size: var(--zd_font_size8);"
1434
+ />
1435
+ </div>
1436
+ </button>
1437
+ </div>
1438
+ </DocumentFragment>
1439
+ `;
1440
+
1441
+ exports[`Tag component Should render active - palette primaryDotted, size small , closePalette danger 1`] = `
1442
+ <DocumentFragment>
1443
+ <div
1444
+ aria-labelledby="1"
1445
+ class="container effect selected activeprimaryDotted activesmallEffect small lgRadius primaryDotted "
1446
+ data-id="tag_TagSelected"
1447
+ data-selector-id="tag"
1448
+ data-test-id="tag_TagSelected"
1449
+ tabindex="0"
1450
+ >
1451
+ <div
1452
+ aria-hidden="true"
1453
+ class="text smalltext"
1454
+ id="1"
1455
+ />
1456
+ <button
1457
+ aria-label="Delete"
1458
+ class="buttonReset close activedangerClose
1459
+ lgRadiusClose
1460
+ closedanger"
1461
+ data-id="tag_RemoveTag"
1462
+ data-test-id="tag_RemoveTag"
1463
+ type="button"
1464
+ value="text"
1465
+ >
1466
+ <div
1467
+ class="flex cover coldir both"
1468
+ data-id="containerComponent"
1469
+ data-selector-id="container"
1470
+ data-test-id="containerComponent"
1471
+ >
1472
+ <i
1473
+ aria-hidden="true"
1474
+ class="zd_font_icons basic icon-close2 fbold "
1475
+ data-id="fontIcon"
1476
+ data-selector-id="fontIcon"
1477
+ data-test-id="fontIcon"
1478
+ style="--zd-iconfont-size: var(--zd_font_size8);"
1479
+ />
1480
+ </div>
1481
+ </button>
1482
+ </div>
1483
+ </DocumentFragment>
1484
+ `;
1485
+
1486
+ exports[`Tag component Should render active - palette primaryDotted, size small , closePalette primary 1`] = `
1487
+ <DocumentFragment>
1488
+ <div
1489
+ aria-labelledby="1"
1490
+ class="container effect selected activeprimaryDotted activesmallEffect small lgRadius primaryDotted "
1491
+ data-id="tag_TagSelected"
1492
+ data-selector-id="tag"
1493
+ data-test-id="tag_TagSelected"
1494
+ tabindex="0"
1495
+ >
1496
+ <div
1497
+ aria-hidden="true"
1498
+ class="text smalltext"
1499
+ id="1"
1500
+ />
1501
+ <button
1502
+ aria-label="Delete"
1503
+ class="buttonReset close activeprimaryClose
1504
+ lgRadiusClose
1505
+ closeprimary"
1506
+ data-id="tag_RemoveTag"
1507
+ data-test-id="tag_RemoveTag"
1508
+ type="button"
1509
+ value="text"
1510
+ >
1511
+ <div
1512
+ class="flex cover coldir both"
1513
+ data-id="containerComponent"
1514
+ data-selector-id="container"
1515
+ data-test-id="containerComponent"
1516
+ >
1517
+ <i
1518
+ aria-hidden="true"
1519
+ class="zd_font_icons basic icon-close2 fbold "
1520
+ data-id="fontIcon"
1521
+ data-selector-id="fontIcon"
1522
+ data-test-id="fontIcon"
1523
+ style="--zd-iconfont-size: var(--zd_font_size8);"
1524
+ />
1525
+ </div>
1526
+ </button>
1527
+ </div>
1528
+ </DocumentFragment>
1529
+ `;
1530
+
1531
+ exports[`Tag component Should render active - palette pureDarkDotted, size medium , closePalette danger 1`] = `
1532
+ <DocumentFragment>
1533
+ <div
1534
+ aria-labelledby="1"
1535
+ class="container effect selected undefined activemediumEffect medium lgRadius pureDarkDotted "
1536
+ data-id="tag_TagSelected"
1537
+ data-selector-id="tag"
1538
+ data-test-id="tag_TagSelected"
1539
+ tabindex="0"
1540
+ >
1541
+ <div
1542
+ aria-hidden="true"
1543
+ class="text mediumtext"
1544
+ id="1"
1545
+ />
1546
+ <button
1547
+ aria-label="Delete"
1548
+ class="buttonReset close activedangerClose
1549
+ lgRadiusClose
1550
+ closedanger"
1551
+ data-id="tag_RemoveTag"
1552
+ data-test-id="tag_RemoveTag"
1553
+ type="button"
1554
+ value="text"
1555
+ >
1556
+ <div
1557
+ class="flex cover coldir both"
1558
+ data-id="containerComponent"
1559
+ data-selector-id="container"
1560
+ data-test-id="containerComponent"
1561
+ >
1562
+ <i
1563
+ aria-hidden="true"
1564
+ class="zd_font_icons basic icon-close2 fbold "
1565
+ data-id="fontIcon"
1566
+ data-selector-id="fontIcon"
1567
+ data-test-id="fontIcon"
1568
+ style="--zd-iconfont-size: var(--zd_font_size8);"
1569
+ />
1570
+ </div>
1571
+ </button>
1572
+ </div>
1573
+ </DocumentFragment>
1574
+ `;
1575
+
1576
+ exports[`Tag component Should render active - palette pureDarkDotted, size medium , closePalette primary 1`] = `
1577
+ <DocumentFragment>
1578
+ <div
1579
+ aria-labelledby="1"
1580
+ class="container effect selected undefined activemediumEffect medium lgRadius pureDarkDotted "
1581
+ data-id="tag_TagSelected"
1582
+ data-selector-id="tag"
1583
+ data-test-id="tag_TagSelected"
1584
+ tabindex="0"
1585
+ >
1586
+ <div
1587
+ aria-hidden="true"
1588
+ class="text mediumtext"
1589
+ id="1"
1590
+ />
1591
+ <button
1592
+ aria-label="Delete"
1593
+ class="buttonReset close activeprimaryClose
1594
+ lgRadiusClose
1595
+ closeprimary"
1596
+ data-id="tag_RemoveTag"
1597
+ data-test-id="tag_RemoveTag"
1598
+ type="button"
1599
+ value="text"
1600
+ >
1601
+ <div
1602
+ class="flex cover coldir both"
1603
+ data-id="containerComponent"
1604
+ data-selector-id="container"
1605
+ data-test-id="containerComponent"
1606
+ >
1607
+ <i
1608
+ aria-hidden="true"
1609
+ class="zd_font_icons basic icon-close2 fbold "
1610
+ data-id="fontIcon"
1611
+ data-selector-id="fontIcon"
1612
+ data-test-id="fontIcon"
1613
+ style="--zd-iconfont-size: var(--zd_font_size8);"
1614
+ />
1615
+ </div>
1616
+ </button>
1617
+ </div>
1618
+ </DocumentFragment>
1619
+ `;
1620
+
1621
+ exports[`Tag component Should render active - palette pureDarkDotted, size small , closePalette danger 1`] = `
1622
+ <DocumentFragment>
1623
+ <div
1624
+ aria-labelledby="1"
1625
+ class="container effect selected undefined activesmallEffect small lgRadius pureDarkDotted "
1626
+ data-id="tag_TagSelected"
1627
+ data-selector-id="tag"
1628
+ data-test-id="tag_TagSelected"
1629
+ tabindex="0"
1630
+ >
1631
+ <div
1632
+ aria-hidden="true"
1633
+ class="text smalltext"
1634
+ id="1"
1635
+ />
1636
+ <button
1637
+ aria-label="Delete"
1638
+ class="buttonReset close activedangerClose
1639
+ lgRadiusClose
1640
+ closedanger"
1641
+ data-id="tag_RemoveTag"
1642
+ data-test-id="tag_RemoveTag"
1643
+ type="button"
1644
+ value="text"
1645
+ >
1646
+ <div
1647
+ class="flex cover coldir both"
1648
+ data-id="containerComponent"
1649
+ data-selector-id="container"
1650
+ data-test-id="containerComponent"
1651
+ >
1652
+ <i
1653
+ aria-hidden="true"
1654
+ class="zd_font_icons basic icon-close2 fbold "
1655
+ data-id="fontIcon"
1656
+ data-selector-id="fontIcon"
1657
+ data-test-id="fontIcon"
1658
+ style="--zd-iconfont-size: var(--zd_font_size8);"
1659
+ />
1660
+ </div>
1661
+ </button>
1662
+ </div>
1663
+ </DocumentFragment>
1664
+ `;
1665
+
1666
+ exports[`Tag component Should render active - palette pureDarkDotted, size small , closePalette primary 1`] = `
1667
+ <DocumentFragment>
1668
+ <div
1669
+ aria-labelledby="1"
1670
+ class="container effect selected undefined activesmallEffect small lgRadius pureDarkDotted "
1671
+ data-id="tag_TagSelected"
1672
+ data-selector-id="tag"
1673
+ data-test-id="tag_TagSelected"
1674
+ tabindex="0"
1675
+ >
1676
+ <div
1677
+ aria-hidden="true"
1678
+ class="text smalltext"
1679
+ id="1"
1680
+ />
1681
+ <button
1682
+ aria-label="Delete"
1683
+ class="buttonReset close activeprimaryClose
1684
+ lgRadiusClose
1685
+ closeprimary"
1686
+ data-id="tag_RemoveTag"
1687
+ data-test-id="tag_RemoveTag"
1688
+ type="button"
1689
+ value="text"
1690
+ >
1691
+ <div
1692
+ class="flex cover coldir both"
1693
+ data-id="containerComponent"
1694
+ data-selector-id="container"
1695
+ data-test-id="containerComponent"
1696
+ >
1697
+ <i
1698
+ aria-hidden="true"
1699
+ class="zd_font_icons basic icon-close2 fbold "
1700
+ data-id="fontIcon"
1701
+ data-selector-id="fontIcon"
1702
+ data-test-id="fontIcon"
1703
+ style="--zd-iconfont-size: var(--zd_font_size8);"
1704
+ />
1705
+ </div>
1706
+ </button>
1707
+ </div>
1708
+ </DocumentFragment>
1709
+ `;
1710
+
1711
+ exports[`Tag component Should render active - palette pureDotted, size medium , closePalette danger 1`] = `
1712
+ <DocumentFragment>
1713
+ <div
1714
+ aria-labelledby="1"
1715
+ class="container effect selected activepureDotted activemediumEffect medium lgRadius pureDotted "
1716
+ data-id="tag_TagSelected"
1717
+ data-selector-id="tag"
1718
+ data-test-id="tag_TagSelected"
1719
+ tabindex="0"
1720
+ >
1721
+ <div
1722
+ aria-hidden="true"
1723
+ class="text mediumtext"
1724
+ id="1"
1725
+ />
1726
+ <button
1727
+ aria-label="Delete"
1728
+ class="buttonReset close activedangerClose
1729
+ lgRadiusClose
1730
+ closedanger"
1731
+ data-id="tag_RemoveTag"
1732
+ data-test-id="tag_RemoveTag"
1733
+ type="button"
1734
+ value="text"
1735
+ >
1736
+ <div
1737
+ class="flex cover coldir both"
1738
+ data-id="containerComponent"
1739
+ data-selector-id="container"
1740
+ data-test-id="containerComponent"
1741
+ >
1742
+ <i
1743
+ aria-hidden="true"
1744
+ class="zd_font_icons basic icon-close2 fbold "
1745
+ data-id="fontIcon"
1746
+ data-selector-id="fontIcon"
1747
+ data-test-id="fontIcon"
1748
+ style="--zd-iconfont-size: var(--zd_font_size8);"
1749
+ />
1750
+ </div>
1751
+ </button>
1752
+ </div>
1753
+ </DocumentFragment>
1754
+ `;
1755
+
1756
+ exports[`Tag component Should render active - palette pureDotted, size medium , closePalette primary 1`] = `
1757
+ <DocumentFragment>
1758
+ <div
1759
+ aria-labelledby="1"
1760
+ class="container effect selected activepureDotted activemediumEffect medium lgRadius pureDotted "
1761
+ data-id="tag_TagSelected"
1762
+ data-selector-id="tag"
1763
+ data-test-id="tag_TagSelected"
1764
+ tabindex="0"
1765
+ >
1766
+ <div
1767
+ aria-hidden="true"
1768
+ class="text mediumtext"
1769
+ id="1"
1770
+ />
1771
+ <button
1772
+ aria-label="Delete"
1773
+ class="buttonReset close activeprimaryClose
1774
+ lgRadiusClose
1775
+ closeprimary"
1776
+ data-id="tag_RemoveTag"
1777
+ data-test-id="tag_RemoveTag"
1778
+ type="button"
1779
+ value="text"
1780
+ >
1781
+ <div
1782
+ class="flex cover coldir both"
1783
+ data-id="containerComponent"
1784
+ data-selector-id="container"
1785
+ data-test-id="containerComponent"
1786
+ >
1787
+ <i
1788
+ aria-hidden="true"
1789
+ class="zd_font_icons basic icon-close2 fbold "
1790
+ data-id="fontIcon"
1791
+ data-selector-id="fontIcon"
1792
+ data-test-id="fontIcon"
1793
+ style="--zd-iconfont-size: var(--zd_font_size8);"
1794
+ />
1795
+ </div>
1796
+ </button>
1797
+ </div>
1798
+ </DocumentFragment>
1799
+ `;
1800
+
1801
+ exports[`Tag component Should render active - palette pureDotted, size small , closePalette danger 1`] = `
1802
+ <DocumentFragment>
1803
+ <div
1804
+ aria-labelledby="1"
1805
+ class="container effect selected activepureDotted activesmallEffect small lgRadius pureDotted "
1806
+ data-id="tag_TagSelected"
1807
+ data-selector-id="tag"
1808
+ data-test-id="tag_TagSelected"
1809
+ tabindex="0"
1810
+ >
1811
+ <div
1812
+ aria-hidden="true"
1813
+ class="text smalltext"
1814
+ id="1"
1815
+ />
1816
+ <button
1817
+ aria-label="Delete"
1818
+ class="buttonReset close activedangerClose
1819
+ lgRadiusClose
1820
+ closedanger"
1821
+ data-id="tag_RemoveTag"
1822
+ data-test-id="tag_RemoveTag"
1823
+ type="button"
1824
+ value="text"
1825
+ >
1826
+ <div
1827
+ class="flex cover coldir both"
1828
+ data-id="containerComponent"
1829
+ data-selector-id="container"
1830
+ data-test-id="containerComponent"
1831
+ >
1832
+ <i
1833
+ aria-hidden="true"
1834
+ class="zd_font_icons basic icon-close2 fbold "
1835
+ data-id="fontIcon"
1836
+ data-selector-id="fontIcon"
1837
+ data-test-id="fontIcon"
1838
+ style="--zd-iconfont-size: var(--zd_font_size8);"
1839
+ />
1840
+ </div>
1841
+ </button>
1842
+ </div>
1843
+ </DocumentFragment>
1844
+ `;
1845
+
1846
+ exports[`Tag component Should render active - palette pureDotted, size small , closePalette primary 1`] = `
1847
+ <DocumentFragment>
1848
+ <div
1849
+ aria-labelledby="1"
1850
+ class="container effect selected activepureDotted activesmallEffect small lgRadius pureDotted "
1851
+ data-id="tag_TagSelected"
1852
+ data-selector-id="tag"
1853
+ data-test-id="tag_TagSelected"
1854
+ tabindex="0"
1855
+ >
1856
+ <div
1857
+ aria-hidden="true"
1858
+ class="text smalltext"
1859
+ id="1"
1860
+ />
1861
+ <button
1862
+ aria-label="Delete"
1863
+ class="buttonReset close activeprimaryClose
1864
+ lgRadiusClose
1865
+ closeprimary"
1866
+ data-id="tag_RemoveTag"
1867
+ data-test-id="tag_RemoveTag"
1868
+ type="button"
1869
+ value="text"
1870
+ >
1871
+ <div
1872
+ class="flex cover coldir both"
1873
+ data-id="containerComponent"
1874
+ data-selector-id="container"
1875
+ data-test-id="containerComponent"
1876
+ >
1877
+ <i
1878
+ aria-hidden="true"
1879
+ class="zd_font_icons basic icon-close2 fbold "
1880
+ data-id="fontIcon"
1881
+ data-selector-id="fontIcon"
1882
+ data-test-id="fontIcon"
1883
+ style="--zd-iconfont-size: var(--zd_font_size8);"
1884
+ />
1885
+ </div>
1886
+ </button>
1887
+ </div>
1888
+ </DocumentFragment>
1889
+ `;
1890
+
1891
+ exports[`Tag component Should render active - palette secondary, size medium , closePalette danger 1`] = `
1892
+ <DocumentFragment>
1893
+ <div
1894
+ aria-labelledby="1"
1895
+ class="container effect selected activesecondary activemediumEffect medium lgRadius secondary "
1896
+ data-id="tag_TagSelected"
1897
+ data-selector-id="tag"
1898
+ data-test-id="tag_TagSelected"
1899
+ tabindex="0"
1900
+ >
1901
+ <div
1902
+ aria-hidden="true"
1903
+ class="text mediumtext"
1904
+ id="1"
1905
+ />
1906
+ <button
1907
+ aria-label="Delete"
1908
+ class="buttonReset close activedangerClose
1909
+ lgRadiusClose
1910
+ closedanger"
1911
+ data-id="tag_RemoveTag"
1912
+ data-test-id="tag_RemoveTag"
1913
+ type="button"
1914
+ value="text"
1915
+ >
1916
+ <div
1917
+ class="flex cover coldir both"
1918
+ data-id="containerComponent"
1919
+ data-selector-id="container"
1920
+ data-test-id="containerComponent"
1921
+ >
1922
+ <i
1923
+ aria-hidden="true"
1924
+ class="zd_font_icons basic icon-close2 fbold "
1925
+ data-id="fontIcon"
1926
+ data-selector-id="fontIcon"
1927
+ data-test-id="fontIcon"
1928
+ style="--zd-iconfont-size: var(--zd_font_size8);"
1929
+ />
1930
+ </div>
1931
+ </button>
1932
+ </div>
1933
+ </DocumentFragment>
1934
+ `;
1935
+
1936
+ exports[`Tag component Should render active - palette secondary, size medium , closePalette primary 1`] = `
1937
+ <DocumentFragment>
1938
+ <div
1939
+ aria-labelledby="1"
1940
+ class="container effect selected activesecondary activemediumEffect medium lgRadius secondary "
1941
+ data-id="tag_TagSelected"
1942
+ data-selector-id="tag"
1943
+ data-test-id="tag_TagSelected"
1944
+ tabindex="0"
1945
+ >
1946
+ <div
1947
+ aria-hidden="true"
1948
+ class="text mediumtext"
1949
+ id="1"
1950
+ />
1951
+ <button
1952
+ aria-label="Delete"
1953
+ class="buttonReset close activeprimaryClose
1954
+ lgRadiusClose
1955
+ closeprimary"
1956
+ data-id="tag_RemoveTag"
1957
+ data-test-id="tag_RemoveTag"
1958
+ type="button"
1959
+ value="text"
1960
+ >
1961
+ <div
1962
+ class="flex cover coldir both"
1963
+ data-id="containerComponent"
1964
+ data-selector-id="container"
1965
+ data-test-id="containerComponent"
1966
+ >
1967
+ <i
1968
+ aria-hidden="true"
1969
+ class="zd_font_icons basic icon-close2 fbold "
1970
+ data-id="fontIcon"
1971
+ data-selector-id="fontIcon"
1972
+ data-test-id="fontIcon"
1973
+ style="--zd-iconfont-size: var(--zd_font_size8);"
1974
+ />
1975
+ </div>
1976
+ </button>
1977
+ </div>
1978
+ </DocumentFragment>
1979
+ `;
1980
+
1981
+ exports[`Tag component Should render active - palette secondary, size small , closePalette danger 1`] = `
1982
+ <DocumentFragment>
1983
+ <div
1984
+ aria-labelledby="1"
1985
+ class="container effect selected activesecondary activesmallEffect small lgRadius secondary "
1986
+ data-id="tag_TagSelected"
1987
+ data-selector-id="tag"
1988
+ data-test-id="tag_TagSelected"
1989
+ tabindex="0"
1990
+ >
1991
+ <div
1992
+ aria-hidden="true"
1993
+ class="text smalltext"
1994
+ id="1"
1995
+ />
1996
+ <button
1997
+ aria-label="Delete"
1998
+ class="buttonReset close activedangerClose
1999
+ lgRadiusClose
2000
+ closedanger"
2001
+ data-id="tag_RemoveTag"
2002
+ data-test-id="tag_RemoveTag"
2003
+ type="button"
2004
+ value="text"
2005
+ >
2006
+ <div
2007
+ class="flex cover coldir both"
2008
+ data-id="containerComponent"
2009
+ data-selector-id="container"
2010
+ data-test-id="containerComponent"
2011
+ >
2012
+ <i
2013
+ aria-hidden="true"
2014
+ class="zd_font_icons basic icon-close2 fbold "
2015
+ data-id="fontIcon"
2016
+ data-selector-id="fontIcon"
2017
+ data-test-id="fontIcon"
2018
+ style="--zd-iconfont-size: var(--zd_font_size8);"
2019
+ />
2020
+ </div>
2021
+ </button>
2022
+ </div>
2023
+ </DocumentFragment>
2024
+ `;
2025
+
2026
+ exports[`Tag component Should render active - palette secondary, size small , closePalette primary 1`] = `
2027
+ <DocumentFragment>
2028
+ <div
2029
+ aria-labelledby="1"
2030
+ class="container effect selected activesecondary activesmallEffect small lgRadius secondary "
2031
+ data-id="tag_TagSelected"
2032
+ data-selector-id="tag"
2033
+ data-test-id="tag_TagSelected"
2034
+ tabindex="0"
2035
+ >
2036
+ <div
2037
+ aria-hidden="true"
2038
+ class="text smalltext"
2039
+ id="1"
2040
+ />
2041
+ <button
2042
+ aria-label="Delete"
2043
+ class="buttonReset close activeprimaryClose
2044
+ lgRadiusClose
2045
+ closeprimary"
2046
+ data-id="tag_RemoveTag"
2047
+ data-test-id="tag_RemoveTag"
2048
+ type="button"
2049
+ value="text"
2050
+ >
2051
+ <div
2052
+ class="flex cover coldir both"
2053
+ data-id="containerComponent"
2054
+ data-selector-id="container"
2055
+ data-test-id="containerComponent"
2056
+ >
2057
+ <i
2058
+ aria-hidden="true"
2059
+ class="zd_font_icons basic icon-close2 fbold "
2060
+ data-id="fontIcon"
2061
+ data-selector-id="fontIcon"
2062
+ data-test-id="fontIcon"
2063
+ style="--zd-iconfont-size: var(--zd_font_size8);"
2064
+ />
2065
+ </div>
2066
+ </button>
2067
+ </div>
2068
+ </DocumentFragment>
2069
+ `;
2070
+
2071
+ exports[`Tag component Should render avatarPalette - danger 1`] = `
2072
+ <DocumentFragment>
2073
+ <div
2074
+ aria-labelledby="1"
2075
+ class="container effect medium lgRadius danger "
2076
+ data-id="tag_Tag"
2077
+ data-selector-id="tag"
2078
+ data-test-id="tag_Tag"
2079
+ tabindex="0"
2080
+ >
2081
+ <div
2082
+ class="avatar"
2083
+ >
2084
+ <div
2085
+ class="avatar small small circle primary black border "
2086
+ data-id="Avatar"
2087
+ data-selector-id="avatar"
2088
+ data-test-id="Avatar"
2089
+ >
2090
+ <span
2091
+ class="initial"
2092
+ data-id="Avatar_AvatarInitial"
2093
+ data-selector-id="avatar_AvatarInitial"
2094
+ data-test-id="Avatar_AvatarInitial"
2095
+ />
2096
+ </div>
2097
+ </div>
2098
+ <div
2099
+ aria-hidden="true"
2100
+ class="text mediumtext"
2101
+ id="1"
2102
+ />
2103
+ </div>
2104
+ </DocumentFragment>
2105
+ `;
2106
+
2107
+ exports[`Tag component Should render avatarPalette - dark 1`] = `
2108
+ <DocumentFragment>
2109
+ <div
2110
+ aria-labelledby="1"
2111
+ class="container effect medium lgRadius dark "
2112
+ data-id="tag_Tag"
2113
+ data-selector-id="tag"
2114
+ data-test-id="tag_Tag"
2115
+ tabindex="0"
2116
+ >
2117
+ <div
2118
+ class="avatar"
2119
+ >
2120
+ <div
2121
+ class="avatar small small circle info white border "
2122
+ data-id="Avatar"
2123
+ data-selector-id="avatar"
2124
+ data-test-id="Avatar"
2125
+ >
2126
+ <span
2127
+ class="initial"
2128
+ data-id="Avatar_AvatarInitial"
2129
+ data-selector-id="avatar_AvatarInitial"
2130
+ data-test-id="Avatar_AvatarInitial"
2131
+ />
2132
+ </div>
2133
+ </div>
2134
+ <div
2135
+ aria-hidden="true"
2136
+ class="text mediumtext"
2137
+ id="1"
2138
+ />
2139
+ </div>
2140
+ </DocumentFragment>
2141
+ `;
2142
+
2143
+ exports[`Tag component Should render avatarPalette - darkPrimaryDotted 1`] = `
2144
+ <DocumentFragment>
2145
+ <div
2146
+ aria-labelledby="1"
2147
+ class="container effect medium lgRadius darkPrimaryDotted "
2148
+ data-id="tag_Tag"
2149
+ data-selector-id="tag"
2150
+ data-test-id="tag_Tag"
2151
+ tabindex="0"
2152
+ >
2153
+ <div
2154
+ class="avatar"
2155
+ >
2156
+ <div
2157
+ class="avatar small small circle primary black border "
2158
+ data-id="Avatar"
2159
+ data-selector-id="avatar"
2160
+ data-test-id="Avatar"
2161
+ >
2162
+ <span
2163
+ class="initial"
2164
+ data-id="Avatar_AvatarInitial"
2165
+ data-selector-id="avatar_AvatarInitial"
2166
+ data-test-id="Avatar_AvatarInitial"
2167
+ />
2168
+ </div>
2169
+ </div>
2170
+ <div
2171
+ aria-hidden="true"
2172
+ class="text mediumtext"
2173
+ id="1"
2174
+ />
2175
+ </div>
2176
+ </DocumentFragment>
2177
+ `;
2178
+
2179
+ exports[`Tag component Should render avatarPalette - default 1`] = `
2180
+ <DocumentFragment>
2181
+ <div
2182
+ aria-labelledby="1"
2183
+ class="container effect medium lgRadius default "
2184
+ data-id="tag_Tag"
2185
+ data-selector-id="tag"
2186
+ data-test-id="tag_Tag"
2187
+ tabindex="0"
2188
+ >
2189
+ <div
2190
+ class="avatar"
2191
+ >
2192
+ <div
2193
+ class="avatar small small circle primary black border "
2194
+ data-id="Avatar"
2195
+ data-selector-id="avatar"
2196
+ data-test-id="Avatar"
2197
+ >
2198
+ <span
2199
+ class="initial"
2200
+ data-id="Avatar_AvatarInitial"
2201
+ data-selector-id="avatar_AvatarInitial"
2202
+ data-test-id="Avatar_AvatarInitial"
2203
+ />
2204
+ </div>
2205
+ </div>
2206
+ <div
2207
+ aria-hidden="true"
2208
+ class="text mediumtext"
2209
+ id="1"
2210
+ />
2211
+ </div>
2212
+ </DocumentFragment>
2213
+ `;
2214
+
2215
+ exports[`Tag component Should render avatarPalette - defaultLink 1`] = `
2216
+ <DocumentFragment>
2217
+ <div
2218
+ aria-labelledby="1"
2219
+ class="container effect medium lgRadius defaultLink "
2220
+ data-id="tag_Tag"
2221
+ data-selector-id="tag"
2222
+ data-test-id="tag_Tag"
2223
+ tabindex="0"
2224
+ >
2225
+ <div
2226
+ class="avatar"
2227
+ >
2228
+ <div
2229
+ class="avatar small small circle primary black border "
2230
+ data-id="Avatar"
2231
+ data-selector-id="avatar"
2232
+ data-test-id="Avatar"
2233
+ >
2234
+ <span
2235
+ class="initial"
2236
+ data-id="Avatar_AvatarInitial"
2237
+ data-selector-id="avatar_AvatarInitial"
2238
+ data-test-id="Avatar_AvatarInitial"
2239
+ />
2240
+ </div>
2241
+ </div>
2242
+ <div
2243
+ aria-hidden="true"
2244
+ class="text mediumtext"
2245
+ id="1"
2246
+ />
2247
+ </div>
2248
+ </DocumentFragment>
2249
+ `;
2250
+
2251
+ exports[`Tag component Should render avatarPalette - primaryDotted 1`] = `
2252
+ <DocumentFragment>
2253
+ <div
2254
+ aria-labelledby="1"
2255
+ class="container effect medium lgRadius primaryDotted "
2256
+ data-id="tag_Tag"
2257
+ data-selector-id="tag"
2258
+ data-test-id="tag_Tag"
2259
+ tabindex="0"
2260
+ >
2261
+ <div
2262
+ class="avatar"
2263
+ >
2264
+ <div
2265
+ class="avatar small small circle primary black border "
2266
+ data-id="Avatar"
2267
+ data-selector-id="avatar"
2268
+ data-test-id="Avatar"
2269
+ >
2270
+ <span
2271
+ class="initial"
2272
+ data-id="Avatar_AvatarInitial"
2273
+ data-selector-id="avatar_AvatarInitial"
2274
+ data-test-id="Avatar_AvatarInitial"
2275
+ />
2276
+ </div>
2277
+ </div>
2278
+ <div
2279
+ aria-hidden="true"
2280
+ class="text mediumtext"
2281
+ id="1"
2282
+ />
2283
+ </div>
2284
+ </DocumentFragment>
2285
+ `;
2286
+
2287
+ exports[`Tag component Should render avatarPalette - pureDarkDotted 1`] = `
2288
+ <DocumentFragment>
2289
+ <div
2290
+ aria-labelledby="1"
2291
+ class="container effect medium lgRadius pureDarkDotted "
2292
+ data-id="tag_Tag"
2293
+ data-selector-id="tag"
2294
+ data-test-id="tag_Tag"
2295
+ tabindex="0"
2296
+ >
2297
+ <div
2298
+ class="avatar"
2299
+ >
2300
+ <div
2301
+ class="avatar small small circle primary black border "
2302
+ data-id="Avatar"
2303
+ data-selector-id="avatar"
2304
+ data-test-id="Avatar"
2305
+ >
2306
+ <span
2307
+ class="initial"
2308
+ data-id="Avatar_AvatarInitial"
2309
+ data-selector-id="avatar_AvatarInitial"
2310
+ data-test-id="Avatar_AvatarInitial"
2311
+ />
2312
+ </div>
2313
+ </div>
2314
+ <div
2315
+ aria-hidden="true"
2316
+ class="text mediumtext"
2317
+ id="1"
2318
+ />
2319
+ </div>
2320
+ </DocumentFragment>
2321
+ `;
2322
+
2323
+ exports[`Tag component Should render avatarPalette - pureDotted 1`] = `
2324
+ <DocumentFragment>
2325
+ <div
2326
+ aria-labelledby="1"
2327
+ class="container effect medium lgRadius pureDotted "
2328
+ data-id="tag_Tag"
2329
+ data-selector-id="tag"
2330
+ data-test-id="tag_Tag"
2331
+ tabindex="0"
2332
+ >
2333
+ <div
2334
+ class="avatar"
2335
+ >
2336
+ <div
2337
+ class="avatar small small circle primary black border "
2338
+ data-id="Avatar"
2339
+ data-selector-id="avatar"
2340
+ data-test-id="Avatar"
2341
+ >
2342
+ <span
2343
+ class="initial"
2344
+ data-id="Avatar_AvatarInitial"
2345
+ data-selector-id="avatar_AvatarInitial"
2346
+ data-test-id="Avatar_AvatarInitial"
2347
+ />
2348
+ </div>
2349
+ </div>
2350
+ <div
2351
+ aria-hidden="true"
2352
+ class="text mediumtext"
2353
+ id="1"
2354
+ />
2355
+ </div>
2356
+ </DocumentFragment>
2357
+ `;
2358
+
2359
+ exports[`Tag component Should render avatarPalette - secondary 1`] = `
2360
+ <DocumentFragment>
2361
+ <div
2362
+ aria-labelledby="1"
2363
+ class="container effect medium lgRadius secondary "
2364
+ data-id="tag_Tag"
2365
+ data-selector-id="tag"
2366
+ data-test-id="tag_Tag"
2367
+ tabindex="0"
2368
+ >
2369
+ <div
2370
+ class="avatar"
2371
+ >
2372
+ <div
2373
+ class="avatar small small circle primary black border "
2374
+ data-id="Avatar"
2375
+ data-selector-id="avatar"
2376
+ data-test-id="Avatar"
2377
+ >
2378
+ <span
2379
+ class="initial"
2380
+ data-id="Avatar_AvatarInitial"
2381
+ data-selector-id="avatar_AvatarInitial"
2382
+ data-test-id="Avatar_AvatarInitial"
2383
+ />
2384
+ </div>
2385
+ </div>
2386
+ <div
2387
+ aria-hidden="true"
2388
+ class="text mediumtext"
2389
+ id="1"
2390
+ />
2391
+ </div>
2392
+ </DocumentFragment>
2393
+ `;
2394
+
2395
+ exports[`Tag component Should render closePalette - danger 1`] = `
2396
+ <DocumentFragment>
2397
+ <div
2398
+ aria-labelledby="1"
2399
+ class="container effect selected activedefault activemediumEffect medium lgRadius default "
2400
+ data-id="tag_TagSelected"
2401
+ data-selector-id="tag"
2402
+ data-test-id="tag_TagSelected"
2403
+ tabindex="0"
2404
+ >
2405
+ <div
2406
+ aria-hidden="true"
2407
+ class="text mediumtext"
2408
+ id="1"
2409
+ />
2410
+ <button
2411
+ aria-label="Delete"
2412
+ class="buttonReset close activedangerClose
2413
+ lgRadiusClose
2414
+ closedanger"
2415
+ data-id="tag_RemoveTag"
2416
+ data-test-id="tag_RemoveTag"
2417
+ type="button"
2418
+ value="text"
2419
+ >
2420
+ <div
2421
+ class="flex cover coldir both"
2422
+ data-id="containerComponent"
2423
+ data-selector-id="container"
2424
+ data-test-id="containerComponent"
2425
+ >
2426
+ <i
2427
+ aria-hidden="true"
2428
+ class="zd_font_icons basic icon-close2 fbold "
2429
+ data-id="fontIcon"
2430
+ data-selector-id="fontIcon"
2431
+ data-test-id="fontIcon"
2432
+ style="--zd-iconfont-size: var(--zd_font_size8);"
2433
+ />
2434
+ </div>
2435
+ </button>
2436
+ </div>
2437
+ </DocumentFragment>
2438
+ `;
2439
+
2440
+ exports[`Tag component Should render closePalette - primary 1`] = `
2441
+ <DocumentFragment>
2442
+ <div
2443
+ aria-labelledby="1"
2444
+ class="container effect selected activedefault activemediumEffect medium lgRadius default "
2445
+ data-id="tag_TagSelected"
2446
+ data-selector-id="tag"
2447
+ data-test-id="tag_TagSelected"
2448
+ tabindex="0"
2449
+ >
2450
+ <div
2451
+ aria-hidden="true"
2452
+ class="text mediumtext"
2453
+ id="1"
2454
+ />
2455
+ <button
2456
+ aria-label="Delete"
2457
+ class="buttonReset close activeprimaryClose
2458
+ lgRadiusClose
2459
+ closeprimary"
2460
+ data-id="tag_RemoveTag"
2461
+ data-test-id="tag_RemoveTag"
2462
+ type="button"
2463
+ value="text"
2464
+ >
2465
+ <div
2466
+ class="flex cover coldir both"
2467
+ data-id="containerComponent"
2468
+ data-selector-id="container"
2469
+ data-test-id="containerComponent"
2470
+ >
2471
+ <i
2472
+ aria-hidden="true"
2473
+ class="zd_font_icons basic icon-close2 fbold "
2474
+ data-id="fontIcon"
2475
+ data-selector-id="fontIcon"
2476
+ data-test-id="fontIcon"
2477
+ style="--zd-iconfont-size: var(--zd_font_size8);"
2478
+ />
2479
+ </div>
2480
+ </button>
2481
+ </div>
2482
+ </DocumentFragment>
2483
+ `;
2484
+
2485
+ exports[`Tag component Should render onRemove - medium 1`] = `
2486
+ <DocumentFragment>
2487
+ <div
2488
+ aria-labelledby="1"
2489
+ class="container effect selected activedefault activemediumEffect medium lgRadius default "
2490
+ data-id="tag_TagSelected"
2491
+ data-selector-id="tag"
2492
+ data-test-id="tag_TagSelected"
2493
+ tabindex="0"
2494
+ >
2495
+ <div
2496
+ aria-hidden="true"
2497
+ class="text mediumtext"
2498
+ id="1"
2499
+ />
2500
+ <button
2501
+ aria-label="Delete"
2502
+ class="buttonReset close activedangerClose
2503
+ lgRadiusClose
2504
+ closedanger"
2505
+ data-id="tag_RemoveTag"
2506
+ data-test-id="tag_RemoveTag"
2507
+ type="button"
2508
+ value="text"
2509
+ >
2510
+ <div
2511
+ class="flex cover coldir both"
2512
+ data-id="containerComponent"
2513
+ data-selector-id="container"
2514
+ data-test-id="containerComponent"
2515
+ >
2516
+ <i
2517
+ aria-hidden="true"
2518
+ class="zd_font_icons basic icon-close2 fbold "
2519
+ data-id="fontIcon"
2520
+ data-selector-id="fontIcon"
2521
+ data-test-id="fontIcon"
2522
+ style="--zd-iconfont-size: var(--zd_font_size8);"
2523
+ />
2524
+ </div>
2525
+ </button>
2526
+ </div>
2527
+ </DocumentFragment>
2528
+ `;
2529
+
2530
+ exports[`Tag component Should render onRemove - small 1`] = `
2531
+ <DocumentFragment>
2532
+ <div
2533
+ aria-labelledby="1"
2534
+ class="container effect selected activedefault activesmallEffect small lgRadius default "
2535
+ data-id="tag_TagSelected"
2536
+ data-selector-id="tag"
2537
+ data-test-id="tag_TagSelected"
2538
+ tabindex="0"
2539
+ >
2540
+ <div
2541
+ aria-hidden="true"
2542
+ class="text smalltext"
2543
+ id="1"
2544
+ />
2545
+ <button
2546
+ aria-label="Delete"
2547
+ class="buttonReset close activedangerClose
2548
+ lgRadiusClose
2549
+ closedanger"
2550
+ data-id="tag_RemoveTag"
2551
+ data-test-id="tag_RemoveTag"
2552
+ type="button"
2553
+ value="text"
2554
+ >
2555
+ <div
2556
+ class="flex cover coldir both"
2557
+ data-id="containerComponent"
2558
+ data-selector-id="container"
2559
+ data-test-id="containerComponent"
2560
+ >
2561
+ <i
2562
+ aria-hidden="true"
2563
+ class="zd_font_icons basic icon-close2 fbold "
2564
+ data-id="fontIcon"
2565
+ data-selector-id="fontIcon"
2566
+ data-test-id="fontIcon"
2567
+ style="--zd-iconfont-size: var(--zd_font_size8);"
2568
+ />
2569
+ </div>
2570
+ </button>
2571
+ </div>
2572
+ </DocumentFragment>
2573
+ `;
2574
+
2575
+ exports[`Tag component Should render palette - danger 1`] = `
2576
+ <DocumentFragment>
2577
+ <div
2578
+ aria-labelledby="1"
2579
+ class="container effect selected activedanger medium lgRadius danger "
2580
+ data-id="tag_TagSelected"
2581
+ data-selector-id="tag"
2582
+ data-test-id="tag_TagSelected"
2583
+ tabindex="0"
2584
+ >
2585
+ <div
2586
+ class="avatar"
2587
+ >
2588
+ <div
2589
+ class="avatar small small circle primary black border "
2590
+ data-id="Avatar"
2591
+ data-selector-id="avatar"
2592
+ data-test-id="Avatar"
2593
+ >
2594
+ <span
2595
+ class="initial"
2596
+ data-id="Avatar_AvatarInitial"
2597
+ data-selector-id="avatar_AvatarInitial"
2598
+ data-test-id="Avatar_AvatarInitial"
2599
+ />
2600
+ </div>
2601
+ </div>
2602
+ <div
2603
+ aria-hidden="true"
2604
+ class="text mediumtext"
2605
+ id="1"
2606
+ />
2607
+ </div>
2608
+ </DocumentFragment>
2609
+ `;
2610
+
2611
+ exports[`Tag component Should render palette - dark 1`] = `
2612
+ <DocumentFragment>
2613
+ <div
2614
+ aria-labelledby="1"
2615
+ class="container effect selected undefined medium lgRadius dark "
2616
+ data-id="tag_TagSelected"
2617
+ data-selector-id="tag"
2618
+ data-test-id="tag_TagSelected"
2619
+ tabindex="0"
2620
+ >
2621
+ <div
2622
+ class="avatar"
2623
+ >
2624
+ <div
2625
+ class="avatar small small circle info white border "
2626
+ data-id="Avatar"
2627
+ data-selector-id="avatar"
2628
+ data-test-id="Avatar"
2629
+ >
2630
+ <span
2631
+ class="initial"
2632
+ data-id="Avatar_AvatarInitial"
2633
+ data-selector-id="avatar_AvatarInitial"
2634
+ data-test-id="Avatar_AvatarInitial"
2635
+ />
2636
+ </div>
2637
+ </div>
2638
+ <div
2639
+ aria-hidden="true"
2640
+ class="text mediumtext"
2641
+ id="1"
2642
+ />
2643
+ </div>
2644
+ </DocumentFragment>
2645
+ `;
2646
+
2647
+ exports[`Tag component Should render palette - darkPrimaryDotted 1`] = `
2648
+ <DocumentFragment>
2649
+ <div
2650
+ aria-labelledby="1"
2651
+ class="container effect selected undefined medium lgRadius darkPrimaryDotted "
2652
+ data-id="tag_TagSelected"
2653
+ data-selector-id="tag"
2654
+ data-test-id="tag_TagSelected"
2655
+ tabindex="0"
2656
+ >
2657
+ <div
2658
+ class="avatar"
2659
+ >
2660
+ <div
2661
+ class="avatar small small circle primary black border "
2662
+ data-id="Avatar"
2663
+ data-selector-id="avatar"
2664
+ data-test-id="Avatar"
2665
+ >
2666
+ <span
2667
+ class="initial"
2668
+ data-id="Avatar_AvatarInitial"
2669
+ data-selector-id="avatar_AvatarInitial"
2670
+ data-test-id="Avatar_AvatarInitial"
2671
+ />
2672
+ </div>
2673
+ </div>
2674
+ <div
2675
+ aria-hidden="true"
2676
+ class="text mediumtext"
2677
+ id="1"
2678
+ />
2679
+ </div>
2680
+ </DocumentFragment>
2681
+ `;
2682
+
2683
+ exports[`Tag component Should render palette - default 1`] = `
2684
+ <DocumentFragment>
2685
+ <div
2686
+ aria-labelledby="1"
2687
+ class="container effect selected activedefault medium lgRadius default "
2688
+ data-id="tag_TagSelected"
2689
+ data-selector-id="tag"
2690
+ data-test-id="tag_TagSelected"
2691
+ tabindex="0"
2692
+ >
2693
+ <div
2694
+ class="avatar"
2695
+ >
2696
+ <div
2697
+ class="avatar small small circle primary black border "
2698
+ data-id="Avatar"
2699
+ data-selector-id="avatar"
2700
+ data-test-id="Avatar"
2701
+ >
2702
+ <span
2703
+ class="initial"
2704
+ data-id="Avatar_AvatarInitial"
2705
+ data-selector-id="avatar_AvatarInitial"
2706
+ data-test-id="Avatar_AvatarInitial"
2707
+ />
2708
+ </div>
2709
+ </div>
2710
+ <div
2711
+ aria-hidden="true"
2712
+ class="text mediumtext"
2713
+ id="1"
2714
+ />
2715
+ </div>
2716
+ </DocumentFragment>
2717
+ `;
2718
+
2719
+ exports[`Tag component Should render palette - defaultLink 1`] = `
2720
+ <DocumentFragment>
2721
+ <div
2722
+ aria-labelledby="1"
2723
+ class="container effect selected activedefaultLink medium lgRadius defaultLink "
2724
+ data-id="tag_TagSelected"
2725
+ data-selector-id="tag"
2726
+ data-test-id="tag_TagSelected"
2727
+ tabindex="0"
2728
+ >
2729
+ <div
2730
+ class="avatar"
2731
+ >
2732
+ <div
2733
+ class="avatar small small circle primary black border "
2734
+ data-id="Avatar"
2735
+ data-selector-id="avatar"
2736
+ data-test-id="Avatar"
2737
+ >
2738
+ <span
2739
+ class="initial"
2740
+ data-id="Avatar_AvatarInitial"
2741
+ data-selector-id="avatar_AvatarInitial"
2742
+ data-test-id="Avatar_AvatarInitial"
2743
+ />
2744
+ </div>
2745
+ </div>
2746
+ <div
2747
+ aria-hidden="true"
2748
+ class="text mediumtext"
2749
+ id="1"
2750
+ />
2751
+ </div>
2752
+ </DocumentFragment>
2753
+ `;
2754
+
2755
+ exports[`Tag component Should render palette - primaryDotted 1`] = `
2756
+ <DocumentFragment>
2757
+ <div
2758
+ aria-labelledby="1"
2759
+ class="container effect selected activeprimaryDotted medium lgRadius primaryDotted "
2760
+ data-id="tag_TagSelected"
2761
+ data-selector-id="tag"
2762
+ data-test-id="tag_TagSelected"
2763
+ tabindex="0"
2764
+ >
2765
+ <div
2766
+ class="avatar"
2767
+ >
2768
+ <div
2769
+ class="avatar small small circle primary black border "
2770
+ data-id="Avatar"
2771
+ data-selector-id="avatar"
2772
+ data-test-id="Avatar"
2773
+ >
2774
+ <span
2775
+ class="initial"
2776
+ data-id="Avatar_AvatarInitial"
2777
+ data-selector-id="avatar_AvatarInitial"
2778
+ data-test-id="Avatar_AvatarInitial"
2779
+ />
2780
+ </div>
2781
+ </div>
2782
+ <div
2783
+ aria-hidden="true"
2784
+ class="text mediumtext"
2785
+ id="1"
2786
+ />
2787
+ </div>
2788
+ </DocumentFragment>
2789
+ `;
2790
+
2791
+ exports[`Tag component Should render palette - pureDarkDotted 1`] = `
2792
+ <DocumentFragment>
2793
+ <div
2794
+ aria-labelledby="1"
2795
+ class="container effect selected undefined medium lgRadius pureDarkDotted "
2796
+ data-id="tag_TagSelected"
2797
+ data-selector-id="tag"
2798
+ data-test-id="tag_TagSelected"
2799
+ tabindex="0"
2800
+ >
2801
+ <div
2802
+ class="avatar"
2803
+ >
2804
+ <div
2805
+ class="avatar small small circle primary black border "
2806
+ data-id="Avatar"
2807
+ data-selector-id="avatar"
2808
+ data-test-id="Avatar"
2809
+ >
2810
+ <span
2811
+ class="initial"
2812
+ data-id="Avatar_AvatarInitial"
2813
+ data-selector-id="avatar_AvatarInitial"
2814
+ data-test-id="Avatar_AvatarInitial"
2815
+ />
2816
+ </div>
2817
+ </div>
2818
+ <div
2819
+ aria-hidden="true"
2820
+ class="text mediumtext"
2821
+ id="1"
2822
+ />
2823
+ </div>
2824
+ </DocumentFragment>
2825
+ `;
2826
+
2827
+ exports[`Tag component Should render palette - pureDotted 1`] = `
2828
+ <DocumentFragment>
2829
+ <div
2830
+ aria-labelledby="1"
2831
+ class="container effect selected activepureDotted medium lgRadius pureDotted "
2832
+ data-id="tag_TagSelected"
2833
+ data-selector-id="tag"
2834
+ data-test-id="tag_TagSelected"
2835
+ tabindex="0"
2836
+ >
2837
+ <div
2838
+ class="avatar"
2839
+ >
2840
+ <div
2841
+ class="avatar small small circle primary black border "
2842
+ data-id="Avatar"
2843
+ data-selector-id="avatar"
2844
+ data-test-id="Avatar"
2845
+ >
2846
+ <span
2847
+ class="initial"
2848
+ data-id="Avatar_AvatarInitial"
2849
+ data-selector-id="avatar_AvatarInitial"
2850
+ data-test-id="Avatar_AvatarInitial"
2851
+ />
2852
+ </div>
2853
+ </div>
2854
+ <div
2855
+ aria-hidden="true"
2856
+ class="text mediumtext"
2857
+ id="1"
2858
+ />
2859
+ </div>
2860
+ </DocumentFragment>
2861
+ `;
2862
+
2863
+ exports[`Tag component Should render palette - secondary 1`] = `
2864
+ <DocumentFragment>
2865
+ <div
2866
+ aria-labelledby="1"
2867
+ class="container effect selected activesecondary medium lgRadius secondary "
2868
+ data-id="tag_TagSelected"
2869
+ data-selector-id="tag"
2870
+ data-test-id="tag_TagSelected"
2871
+ tabindex="0"
2872
+ >
2873
+ <div
2874
+ class="avatar"
2875
+ >
2876
+ <div
2877
+ class="avatar small small circle primary black border "
2878
+ data-id="Avatar"
2879
+ data-selector-id="avatar"
2880
+ data-test-id="Avatar"
2881
+ >
2882
+ <span
2883
+ class="initial"
2884
+ data-id="Avatar_AvatarInitial"
2885
+ data-selector-id="avatar_AvatarInitial"
2886
+ data-test-id="Avatar_AvatarInitial"
2887
+ />
2888
+ </div>
2889
+ </div>
2890
+ <div
2891
+ aria-hidden="true"
2892
+ class="text mediumtext"
2893
+ id="1"
2894
+ />
2895
+ </div>
2896
+ </DocumentFragment>
2897
+ `;
2898
+
2899
+ exports[`Tag component Should render size - medium 1`] = `
2900
+ <DocumentFragment>
2901
+ <div
2902
+ aria-labelledby="1"
2903
+ class="container effect medium lgRadius default "
2904
+ data-id="tag_Tag"
2905
+ data-selector-id="tag"
2906
+ data-test-id="tag_Tag"
2907
+ tabindex="0"
2908
+ >
2909
+ <div
2910
+ aria-hidden="true"
2911
+ class="text mediumtext"
2912
+ id="1"
2913
+ />
2914
+ </div>
2915
+ </DocumentFragment>
2916
+ `;
2917
+
2918
+ exports[`Tag component Should render size - small 1`] = `
2919
+ <DocumentFragment>
2920
+ <div
2921
+ aria-labelledby="1"
2922
+ class="container effect small lgRadius default "
2923
+ data-id="tag_Tag"
2924
+ data-selector-id="tag"
2925
+ data-test-id="tag_Tag"
2926
+ tabindex="0"
2927
+ >
2928
+ <div
2929
+ aria-hidden="true"
2930
+ class="text smalltext"
2931
+ id="1"
2932
+ />
2933
+ </div>
2934
+ </DocumentFragment>
2935
+ `;
2936
+
2937
+ exports[`Tag component rendering ally clearLabel 1`] = `
2938
+ <DocumentFragment>
2939
+ <div
2940
+ aria-labelledby="1"
2941
+ class="container effect medium lgRadius default "
2942
+ data-id="tag_Tag"
2943
+ data-selector-id="tag"
2944
+ data-test-id="tag_Tag"
2945
+ tabindex="0"
2946
+ >
2947
+ <div
2948
+ aria-hidden="true"
2949
+ class="text mediumtext"
2950
+ id="1"
2951
+ />
2952
+ <button
2953
+ aria-label="TagClearLabel"
2954
+ class="buttonReset close
2955
+ lgRadiusClose
2956
+ closedanger"
2957
+ data-id="tag_RemoveTag"
2958
+ data-test-id="tag_RemoveTag"
2959
+ type="button"
2960
+ value="text"
2961
+ >
2962
+ <div
2963
+ class="flex cover coldir both"
2964
+ data-id="containerComponent"
2965
+ data-selector-id="container"
2966
+ data-test-id="containerComponent"
2967
+ >
2968
+ <i
2969
+ aria-hidden="true"
2970
+ class="zd_font_icons basic icon-close2 fbold "
2971
+ data-id="fontIcon"
2972
+ data-selector-id="fontIcon"
2973
+ data-test-id="fontIcon"
2974
+ style="--zd-iconfont-size: var(--zd_font_size8);"
2975
+ />
2976
+ </div>
2977
+ </button>
2978
+ </div>
2979
+ </DocumentFragment>
2980
+ `;
2981
+
2982
+ exports[`Tag component rendering the Custom class 1`] = `
2983
+ <DocumentFragment>
2984
+ <div
2985
+ aria-labelledby="1"
2986
+ class="container effect medium lgRadius default customCustomTag"
2987
+ data-id="tag_Tag"
2988
+ data-selector-id="tag"
2989
+ data-test-id="tag_Tag"
2990
+ tabindex="0"
2991
+ >
2992
+ <div
2993
+ class="avatar"
2994
+ >
2995
+ <div
2996
+ class="avatar small small circle primary black border customCustomAvatar"
2997
+ data-id="Avatar"
2998
+ data-selector-id="avatar"
2999
+ data-test-id="Avatar"
3000
+ >
3001
+ <span
3002
+ class="initial"
3003
+ data-id="Avatar_AvatarInitial"
3004
+ data-selector-id="avatar_AvatarInitial"
3005
+ data-test-id="Avatar_AvatarInitial"
3006
+ />
3007
+ </div>
3008
+ </div>
3009
+ <div
3010
+ aria-hidden="true"
3011
+ class="icon customCustomTagIcon"
3012
+ >
3013
+ <i
3014
+ aria-hidden="true"
3015
+ class="zd_font_icons basic icon-androidd "
3016
+ data-id="fontIcon"
3017
+ data-selector-id="fontIcon"
3018
+ data-test-id="fontIcon"
3019
+ />
3020
+ </div>
3021
+ <div
3022
+ aria-hidden="true"
3023
+ class="text mediumtext"
3024
+ id="1"
3025
+ />
3026
+ <button
3027
+ aria-label="Delete"
3028
+ class="buttonReset close
3029
+ lgRadiusClose
3030
+ customCustomTagClose closedanger"
3031
+ data-id="tag_RemoveTag"
3032
+ data-test-id="tag_RemoveTag"
3033
+ type="button"
3034
+ value="text"
3035
+ >
3036
+ <div
3037
+ class="flex cover coldir both"
3038
+ data-id="containerComponent"
3039
+ data-selector-id="container"
3040
+ data-test-id="containerComponent"
3041
+ >
3042
+ <i
3043
+ aria-hidden="true"
3044
+ class="zd_font_icons basic icon-close2 fbold "
3045
+ data-id="fontIcon"
3046
+ data-selector-id="fontIcon"
3047
+ data-test-id="fontIcon"
3048
+ style="--zd-iconfont-size: var(--zd_font_size8);"
3049
+ />
3050
+ </div>
3051
+ </button>
3052
+ </div>
3053
+ </DocumentFragment>
3054
+ `;
3055
+
3056
+ exports[`Tag component rendering with customAttributes prop 1`] = `
3057
+ <DocumentFragment>
3058
+ <div
3059
+ aria-labelledby="1"
3060
+ class="container effect medium lgRadius default "
3061
+ data-custom-attribute="true"
3062
+ data-id="tag_Tag"
3063
+ data-selector-id="tag"
3064
+ data-test-id="tag_Tag"
3065
+ tabindex="0"
3066
+ >
3067
+ <div
3068
+ aria-hidden="true"
3069
+ class="text mediumtext"
3070
+ id="1"
3071
+ />
3072
+ </div>
3073
+ </DocumentFragment>
3074
+ `;