@zohodesk/components 1.0.0-temp-42 → 1.0.0-temp-46

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 (493) hide show
  1. package/README.md +7 -0
  2. package/es/Animation/docs/Animation__default.docs.js +2 -2
  3. package/es/Animation/docs/Animation__fadeIn.docs.js +2 -2
  4. package/es/Animation/docs/Animation__scaleIn.docs.js +2 -2
  5. package/es/Animation/docs/Animation__skewIn.docs.js +2 -2
  6. package/es/Animation/docs/Animation__slideDown.docs.js +2 -2
  7. package/es/Animation/docs/Animation__slideLeft.docs.js +2 -2
  8. package/es/Animation/docs/Animation__zoomIn.docs.js +2 -2
  9. package/es/Appearance/dark/mode/darkMode.module.css +178 -178
  10. package/es/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +2 -2
  11. package/es/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css +2 -2
  12. package/es/Appearance/dark/themes/green/greenDarkCTATheme.module.css +1 -1
  13. package/es/Appearance/dark/themes/green/greenDarkComponentTheme.module.css +2 -2
  14. package/es/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +1 -1
  15. package/es/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css +2 -2
  16. package/es/Appearance/dark/themes/red/redDarkCTATheme.module.css +1 -1
  17. package/es/Appearance/dark/themes/red/redDarkComponentTheme.module.css +2 -2
  18. package/es/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +1 -1
  19. package/es/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css +2 -2
  20. package/es/Appearance/default/mode/defaultMode.module.css +182 -182
  21. package/es/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +28 -28
  22. package/es/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css +5 -5
  23. package/es/Appearance/default/themes/green/greenDefaultCTATheme.module.css +1 -1
  24. package/es/Appearance/default/themes/green/greenDefaultComponentTheme.module.css +4 -4
  25. package/es/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +1 -1
  26. package/es/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css +4 -4
  27. package/es/Appearance/default/themes/red/redDefaultCTATheme.module.css +1 -1
  28. package/es/Appearance/default/themes/red/redDefaultComponentTheme.module.css +4 -4
  29. package/es/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +1 -1
  30. package/es/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css +4 -4
  31. package/es/Avatar/Avatar.js +1 -2
  32. package/es/Avatar/Avatar.module.css +9 -11
  33. package/es/Avatar/__tests__/Avatar.spec.js +1 -0
  34. package/es/AvatarTeam/AvatarTeam.module.css +7 -21
  35. package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +1 -0
  36. package/es/AvatarTeam/docs/AvatarTeam__palette.docs.js +1 -1
  37. package/es/Button/Button.module.css +23 -96
  38. package/es/Button/__tests__/Button.spec.js +1 -0
  39. package/es/Buttongroup/Buttongroup.module.css +8 -37
  40. package/es/Buttongroup/__test__/Buttongroup.spec.js +1 -0
  41. package/es/Card/Card.module.css +3 -3
  42. package/es/Card/docs/Card__Default.docs.js +4 -4
  43. package/es/Card/docs/Card__Scroll.docs.js +4 -4
  44. package/es/CheckBox/CheckBox.module.css +11 -17
  45. package/es/DateTime/DateTime.js +3 -6
  46. package/es/DateTime/DateTime.module.css +14 -41
  47. package/es/DateTime/DateWidget.js +2 -5
  48. package/es/DateTime/DateWidget.module.css +5 -9
  49. package/es/DateTime/YearView.js +5 -6
  50. package/es/DateTime/YearView.module.css +6 -16
  51. package/es/DateTime/common.js +2 -9
  52. package/es/DateTime/dateFormatUtils/dateFormat.js +57 -76
  53. package/es/DateTime/dateFormatUtils/index.js +7 -12
  54. package/es/DateTime/dateFormatUtils/timeChange.js +3 -4
  55. package/es/DateTime/dateFormatUtils/yearChange.js +3 -4
  56. package/es/DateTime/validator.js +1 -0
  57. package/es/DropBox/DropBox.module.css +11 -47
  58. package/es/DropDown/DropDownHeading.module.css +3 -7
  59. package/es/DropDown/DropDownItem.module.css +6 -32
  60. package/es/Label/Label.module.css +4 -1
  61. package/es/Label/__tests__/Label.spec.js +2 -0
  62. package/es/Layout/docs/Layout__Hidden.docs.js +1 -1
  63. package/es/Layout/docs/Layout__four_Column.docs.js +1 -1
  64. package/es/Layout/docs/Layout__three_Column.docs.js +1 -1
  65. package/es/Layout/utils.js +1 -2
  66. package/es/ListItem/ListItem.js +2 -0
  67. package/es/ListItem/ListItem.module.css +24 -56
  68. package/es/ListItem/ListItemWithIcon.js +2 -0
  69. package/es/MultiSelect/AdvancedGroupMultiSelect.js +3 -11
  70. package/es/MultiSelect/AdvancedMultiSelect.js +1 -3
  71. package/es/MultiSelect/AdvancedMultiSelect.module.css +6 -21
  72. package/es/MultiSelect/MultiSelect.js +3 -11
  73. package/es/MultiSelect/MultiSelect.module.css +8 -26
  74. package/es/MultiSelect/SelectedOptions.module.css +2 -8
  75. package/es/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +1 -2
  76. package/es/PopOver/PopOver.module.css +2 -2
  77. package/es/Popup/Popup.js +8 -14
  78. package/es/Popup/viewPort.js +9 -14
  79. package/es/Provider/IdProvider.js +4 -5
  80. package/es/Provider/LibraryContext.js +5 -6
  81. package/es/Provider/NumberGenerator/NumberGenerator.js +15 -17
  82. package/es/Provider/ZindexProvider.js +4 -5
  83. package/es/Radio/Radio.module.css +3 -9
  84. package/es/Responsive/CustomResponsive.js +8 -11
  85. package/es/Responsive/ResizeComponent.js +1 -3
  86. package/es/Responsive/Responsive.js +9 -12
  87. package/es/Responsive/docs/Responsive__Custom.docs.js +44 -49
  88. package/es/Responsive/docs/Responsive__default.docs.js +74 -77
  89. package/es/Responsive/docs/style.module.css +8 -17
  90. package/es/Responsive/sizeObservers.js +1 -5
  91. package/es/Ribbon/Ribbon.module.css +28 -93
  92. package/es/Ribbon/__tests__/Ribbon.spec.js +1 -0
  93. package/es/RippleEffect/RippleEffect.module.css +44 -15
  94. package/es/RippleEffect/docs/RippleEffect__default.docs.js +8 -8
  95. package/es/Select/GroupSelect.js +1 -2
  96. package/es/Select/Select.js +1 -2
  97. package/es/Select/Select.module.css +3 -13
  98. package/es/Select/docs/Select__default.docs.js +1 -2
  99. package/es/Stencils/Stencils.module.css +4 -27
  100. package/es/Stencils/__tests__/Stencils.spec.js +1 -0
  101. package/es/Switch/Switch.module.css +7 -6
  102. package/es/Tab/Tab.js +26 -27
  103. package/es/Tab/Tab.module.css +10 -19
  104. package/es/Tab/TabContent.js +14 -17
  105. package/es/Tab/TabContentWrapper.js +14 -17
  106. package/es/Tab/TabWrapper.js +14 -15
  107. package/es/Tab/Tabs.js +1 -2
  108. package/es/Tab/Tabs.module.css +8 -41
  109. package/es/Tab/docs/Tab__default.docs.js +1 -0
  110. package/es/Tab/docs/tabdocs.module.css +1 -1
  111. package/es/Tag/Tag.module.css +14 -36
  112. package/es/TextBox/TextBox.module.css +16 -12
  113. package/es/TextBox/__tests__/TextBox.spec.js +1 -0
  114. package/es/TextBoxIcon/TextBoxIcon.module.css +5 -10
  115. package/es/TextBoxIcon/__tests__/TextBoxIcon.spec.js +1 -0
  116. package/es/Textarea/Textarea.module.css +10 -9
  117. package/es/Textarea/__tests__/Textarea.spec.js +1 -0
  118. package/es/Tooltip/Tooltip.js +1 -0
  119. package/es/Tooltip/Tooltip.module.css +9 -10
  120. package/es/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +2 -2
  121. package/es/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +2 -2
  122. package/es/a11y/FocusScope/FocusScope.js +4 -10
  123. package/es/beta/FocusRing/FocusRing.js +1 -4
  124. package/es/beta/FocusRing/FocusRing.module.css +26 -51
  125. package/es/common/animation.module.css +21 -219
  126. package/es/common/basicReset.module.css +12 -2
  127. package/es/common/common.module.css +18 -62
  128. package/es/common/customscroll.module.css +21 -17
  129. package/es/common/docStyle.module.css +35 -82
  130. package/es/common/transition.module.css +10 -50
  131. package/es/deprecated/Theme/darkTheme.module.css +393 -0
  132. package/es/deprecated/Theme/defaultTheme.module.css +393 -0
  133. package/es/deprecated/Theme/palette/darkCTAPalette.module.css +116 -0
  134. package/es/deprecated/Theme/palette/darkPalette.module.css +155 -0
  135. package/es/deprecated/Theme/palette/defaultCTAPalette.module.css +116 -0
  136. package/es/deprecated/Theme/palette/defaultPalette.module.css +155 -0
  137. package/es/deprecated/customscroll_Old.module.css +46 -0
  138. package/es/semantic/Button/semanticButton.module.css +3 -3
  139. package/es/utils/Common.js +11 -31
  140. package/es/utils/datetime/common.js +3 -6
  141. package/es/utils/dropDownUtils.js +5 -6
  142. package/es/utils/getInitial.js +1 -3
  143. package/package.json +5 -5
  144. package/preprocess/componentAppearanceColors.js +1 -1
  145. package/preprocess/json/componentAppearanceVariableJson.js +363 -363
  146. package/preprocess/json/componentThemeVariableJson.js +33 -33
  147. package/preprocess/json/ctaThemeVariableJson.js +38 -38
  148. package/lib/Accordion/Accordion.js +0 -146
  149. package/lib/Accordion/AccordionItem.js +0 -124
  150. package/lib/Accordion/__tests__/Accordion.spec.js +0 -85
  151. package/lib/Accordion/docs/Accordion__Demo.docs.js +0 -126
  152. package/lib/Accordion/index.js +0 -23
  153. package/lib/Animation/Animation.js +0 -207
  154. package/lib/Animation/__tests__/Animation.spec.js +0 -23
  155. package/lib/Animation/docs/Animation__default.docs.js +0 -85
  156. package/lib/Animation/docs/Animation__fadeIn.docs.js +0 -85
  157. package/lib/Animation/docs/Animation__scaleIn.docs.js +0 -85
  158. package/lib/Animation/docs/Animation__skewIn.docs.js +0 -85
  159. package/lib/Animation/docs/Animation__slideDown.docs.js +0 -85
  160. package/lib/Animation/docs/Animation__slideLeft.docs.js +0 -85
  161. package/lib/Animation/docs/Animation__zoomIn.docs.js +0 -85
  162. package/lib/AppContainer/AppContainer.js +0 -205
  163. package/lib/AppContainer/AppContainer.module.css +0 -18
  164. package/lib/AppContainer/docs/AppContainer__default.docs.js +0 -70
  165. package/lib/Appearance/dark/mode/darkMode.module.css +0 -356
  166. package/lib/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +0 -34
  167. package/lib/Appearance/dark/themes/blue/blueDarkComponentTheme.module.css +0 -42
  168. package/lib/Appearance/dark/themes/green/greenDarkCTATheme.module.css +0 -34
  169. package/lib/Appearance/dark/themes/green/greenDarkComponentTheme.module.css +0 -42
  170. package/lib/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +0 -34
  171. package/lib/Appearance/dark/themes/orange/orangeDarkComponentTheme.module.css +0 -42
  172. package/lib/Appearance/dark/themes/red/redDarkCTATheme.module.css +0 -34
  173. package/lib/Appearance/dark/themes/red/redDarkComponentTheme.module.css +0 -42
  174. package/lib/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +0 -34
  175. package/lib/Appearance/dark/themes/yellow/yellowDarkComponentTheme.module.css +0 -42
  176. package/lib/Appearance/default/mode/defaultMode.module.css +0 -356
  177. package/lib/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +0 -34
  178. package/lib/Appearance/default/themes/blue/blueDefaultComponentTheme.module.css +0 -42
  179. package/lib/Appearance/default/themes/green/greenDefaultCTATheme.module.css +0 -34
  180. package/lib/Appearance/default/themes/green/greenDefaultComponentTheme.module.css +0 -42
  181. package/lib/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +0 -34
  182. package/lib/Appearance/default/themes/orange/orangeDefaultComponentTheme.module.css +0 -42
  183. package/lib/Appearance/default/themes/red/redDefaultCTATheme.module.css +0 -34
  184. package/lib/Appearance/default/themes/red/redDefaultComponentTheme.module.css +0 -42
  185. package/lib/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +0 -34
  186. package/lib/Appearance/default/themes/yellow/yellowDefaultComponentTheme.module.css +0 -42
  187. package/lib/Avatar/Avatar.js +0 -280
  188. package/lib/Avatar/Avatar.module.css +0 -117
  189. package/lib/Avatar/__tests__/Avatar.spec.js +0 -208
  190. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +0 -288
  191. package/lib/Avatar/docs/Avatar__custom.docs.js +0 -87
  192. package/lib/Avatar/docs/Avatar__default.docs.js +0 -83
  193. package/lib/Avatar/docs/Avatar__palette.docs.js +0 -107
  194. package/lib/Avatar/docs/Avatar__text.docs.js +0 -86
  195. package/lib/AvatarTeam/AvatarTeam.js +0 -157
  196. package/lib/AvatarTeam/AvatarTeam.module.css +0 -161
  197. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +0 -92
  198. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +0 -226
  199. package/lib/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -124
  200. package/lib/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -82
  201. package/lib/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -101
  202. package/lib/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -100
  203. package/lib/Button/Button.js +0 -159
  204. package/lib/Button/Button.module.css +0 -518
  205. package/lib/Button/__tests__/Button.spec.js +0 -233
  206. package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +0 -191
  207. package/lib/Button/docs/Button__custom.docs.js +0 -826
  208. package/lib/Button/docs/Button__default.docs.js +0 -590
  209. package/lib/Buttongroup/Buttongroup.js +0 -101
  210. package/lib/Buttongroup/Buttongroup.module.css +0 -89
  211. package/lib/Buttongroup/__test__/Buttongroup.spec.js +0 -86
  212. package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +0 -146
  213. package/lib/Buttongroup/docs/Buttongroup__custom.docs.js +0 -89
  214. package/lib/Buttongroup/docs/Buttongroup__footer.docs.js +0 -85
  215. package/lib/Buttongroup/docs/Buttongroup__header.docs.js +0 -98
  216. package/lib/Card/Card.js +0 -410
  217. package/lib/Card/Card.module.css +0 -20
  218. package/lib/Card/__tests__/Card.spec.js +0 -56
  219. package/lib/Card/docs/Card__Custom.docs.js +0 -90
  220. package/lib/Card/docs/Card__Default.docs.js +0 -92
  221. package/lib/Card/docs/Card__Scroll.docs.js +0 -114
  222. package/lib/Card/index.js +0 -37
  223. package/lib/CheckBox/CheckBox.js +0 -265
  224. package/lib/CheckBox/CheckBox.module.css +0 -153
  225. package/lib/CheckBox/__tests__/CheckBox.spec.js +0 -18
  226. package/lib/CheckBox/docs/CheckBox__custom.docs.js +0 -348
  227. package/lib/CheckBox/docs/CheckBox__default.docs.js +0 -273
  228. package/lib/DateTime/CalendarView.js +0 -285
  229. package/lib/DateTime/DateTime.js +0 -889
  230. package/lib/DateTime/DateTime.module.css +0 -188
  231. package/lib/DateTime/DateTimePopupFooter.js +0 -90
  232. package/lib/DateTime/DateTimePopupHeader.js +0 -149
  233. package/lib/DateTime/DateWidget.js +0 -1189
  234. package/lib/DateTime/DateWidget.module.css +0 -46
  235. package/lib/DateTime/DaysRow.js +0 -76
  236. package/lib/DateTime/Time.js +0 -248
  237. package/lib/DateTime/YearView.js +0 -324
  238. package/lib/DateTime/YearView.module.css +0 -80
  239. package/lib/DateTime/__tests__/CalendarView.spec.js +0 -45
  240. package/lib/DateTime/__tests__/DateTime.spec.js +0 -127
  241. package/lib/DateTime/__tests__/DateWidget.spec.js +0 -81
  242. package/lib/DateTime/common.js +0 -36
  243. package/lib/DateTime/constants.js +0 -77
  244. package/lib/DateTime/dateFormatUtils/dateFormat.js +0 -613
  245. package/lib/DateTime/dateFormatUtils/dayChange.js +0 -81
  246. package/lib/DateTime/dateFormatUtils/index.js +0 -274
  247. package/lib/DateTime/dateFormatUtils/monthChange.js +0 -94
  248. package/lib/DateTime/dateFormatUtils/timeChange.js +0 -240
  249. package/lib/DateTime/dateFormatUtils/yearChange.js +0 -119
  250. package/lib/DateTime/docs/DateTime__default.docs.js +0 -142
  251. package/lib/DateTime/docs/DateWidget__default.docs.js +0 -240
  252. package/lib/DateTime/docs/timezonedata.json +0 -1
  253. package/lib/DateTime/index.js +0 -15
  254. package/lib/DateTime/objectUtils.js +0 -76
  255. package/lib/DateTime/typeChecker.js +0 -26
  256. package/lib/DateTime/validator.js +0 -353
  257. package/lib/DropBox/DropBox.js +0 -389
  258. package/lib/DropBox/DropBox.module.css +0 -406
  259. package/lib/DropBox/DropBoxPositionMapping.json +0 -145
  260. package/lib/DropBox/__tests__/DropBox.spec.js +0 -87
  261. package/lib/DropBox/docs/DropBox__custom.docs.js +0 -122
  262. package/lib/DropBox/docs/DropBox__customOrder.docs.js +0 -141
  263. package/lib/DropBox/docs/DropBox__fixedPosition.docs.js +0 -140
  264. package/lib/DropBox/docs/DropBox__position.docs.js +0 -142
  265. package/lib/DropBox/docs/DropBox__size.docs.js +0 -116
  266. package/lib/DropDown/DropDown.js +0 -203
  267. package/lib/DropDown/DropDown.module.css +0 -5
  268. package/lib/DropDown/DropDownHeading.js +0 -102
  269. package/lib/DropDown/DropDownHeading.module.css +0 -53
  270. package/lib/DropDown/DropDownItem.js +0 -139
  271. package/lib/DropDown/DropDownItem.module.css +0 -94
  272. package/lib/DropDown/DropDownSearch.js +0 -132
  273. package/lib/DropDown/DropDownSearch.module.css +0 -14
  274. package/lib/DropDown/DropDownSeparator.js +0 -66
  275. package/lib/DropDown/DropDownSeparator.module.css +0 -7
  276. package/lib/DropDown/__tests__/DropDown.spec.js +0 -50
  277. package/lib/DropDown/__tests__/DropDownItem.spec.js +0 -51
  278. package/lib/DropDown/__tests__/DropDownSearch.spec.js +0 -17
  279. package/lib/DropDown/docs/DropDownHeading__custom.docs.js +0 -73
  280. package/lib/DropDown/docs/DropDownHeading__default.docs.js +0 -70
  281. package/lib/Label/Label.js +0 -109
  282. package/lib/Label/Label.module.css +0 -52
  283. package/lib/Label/LabelColors.module.css +0 -21
  284. package/lib/Label/__tests__/Label.spec.js +0 -137
  285. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +0 -101
  286. package/lib/Label/docs/Label__clipped.docs.js +0 -81
  287. package/lib/Label/docs/Label__custom.docs.js +0 -85
  288. package/lib/Label/docs/Label__palette.docs.js +0 -96
  289. package/lib/Label/docs/Label__size.docs.js +0 -83
  290. package/lib/Label/docs/Label__type.docs.js +0 -91
  291. package/lib/Layout/Box.js +0 -138
  292. package/lib/Layout/Container.js +0 -152
  293. package/lib/Layout/Layout.module.css +0 -324
  294. package/lib/Layout/__tests__/Box.spec.js +0 -121
  295. package/lib/Layout/__tests__/Container.spec.js +0 -127
  296. package/lib/Layout/docs/Layout__Hidden.docs.js +0 -127
  297. package/lib/Layout/docs/Layout__default.docs.js +0 -98
  298. package/lib/Layout/docs/Layout__four_Column.docs.js +0 -135
  299. package/lib/Layout/docs/Layout__three_Column.docs.js +0 -126
  300. package/lib/Layout/docs/Layout__two_Column.docs.js +0 -119
  301. package/lib/Layout/index.js +0 -34
  302. package/lib/Layout/utils.js +0 -55
  303. package/lib/LightNightMode/Colors.json +0 -398
  304. package/lib/LightNightMode/docs/AlternativeColors.docs.js +0 -131
  305. package/lib/ListItem/ListItem.js +0 -234
  306. package/lib/ListItem/ListItem.module.css +0 -200
  307. package/lib/ListItem/ListItemWithAvatar.js +0 -242
  308. package/lib/ListItem/ListItemWithCheckBox.js +0 -208
  309. package/lib/ListItem/ListItemWithIcon.js +0 -228
  310. package/lib/ListItem/ListItemWithRadio.js +0 -209
  311. package/lib/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -206
  312. package/lib/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -162
  313. package/lib/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -142
  314. package/lib/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -115
  315. package/lib/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -119
  316. package/lib/ListItem/docs/ListItemWithIcon__default.docs.js +0 -112
  317. package/lib/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -142
  318. package/lib/ListItem/docs/ListItemWithRadio__default.docs.js +0 -115
  319. package/lib/ListItem/docs/ListItem__custom.docs.js +0 -164
  320. package/lib/ListItem/docs/ListItem__default.docs.js +0 -131
  321. package/lib/Modal/Modal.js +0 -218
  322. package/lib/Modal/__docs__/Modal__default.docs.js +0 -88
  323. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +0 -1215
  324. package/lib/MultiSelect/AdvancedMultiSelect.js +0 -681
  325. package/lib/MultiSelect/AdvancedMultiSelect.module.css +0 -127
  326. package/lib/MultiSelect/EmptyState.js +0 -132
  327. package/lib/MultiSelect/MultiSelect.js +0 -1223
  328. package/lib/MultiSelect/MultiSelect.module.css +0 -198
  329. package/lib/MultiSelect/MultiSelectHeader.js +0 -86
  330. package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -407
  331. package/lib/MultiSelect/SelectedOptions.js +0 -139
  332. package/lib/MultiSelect/SelectedOptions.module.css +0 -15
  333. package/lib/MultiSelect/Suggestions.js +0 -219
  334. package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -170
  335. package/lib/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -177
  336. package/lib/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -165
  337. package/lib/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -191
  338. package/lib/MultiSelect/docs/MultiSelect__default.docs.js +0 -214
  339. package/lib/PopOver/PopOver.js +0 -366
  340. package/lib/PopOver/PopOver.module.css +0 -8
  341. package/lib/PopOver/__tests__/PopOver.spec.js +0 -20
  342. package/lib/PopOver/docs/PopOver__default.docs.js +0 -86
  343. package/lib/Popup/Popup.js +0 -716
  344. package/lib/Popup/PositionMapping.json +0 -74
  345. package/lib/Popup/__tests__/Popup.spec.js +0 -192
  346. package/lib/Popup/viewPort.js +0 -368
  347. package/lib/Provider/AvatarSize.js +0 -23
  348. package/lib/Provider/Config.js +0 -25
  349. package/lib/Provider/CssProvider.js +0 -27
  350. package/lib/Provider/IdProvider.js +0 -82
  351. package/lib/Provider/LibraryContext.js +0 -76
  352. package/lib/Provider/LibraryContextInit.js +0 -15
  353. package/lib/Provider/NumberGenerator/NumberGenerator.js +0 -174
  354. package/lib/Provider/ZindexProvider.js +0 -69
  355. package/lib/Provider/docs/Provider_Id__Class.docs.js +0 -77
  356. package/lib/Provider/docs/Provider_Id__Function.docs.js +0 -29
  357. package/lib/Provider/docs/Provider_Zindex__Class.docs.js +0 -80
  358. package/lib/Provider/docs/Provider_Zindex__Function.docs.js +0 -34
  359. package/lib/Provider.js +0 -241
  360. package/lib/Radio/Radio.js +0 -216
  361. package/lib/Radio/Radio.module.css +0 -110
  362. package/lib/Radio/__tests__/Radiospec.js +0 -29
  363. package/lib/Radio/docs/Radio__custom.docs.js +0 -299
  364. package/lib/Radio/docs/Radio__default.docs.js +0 -222
  365. package/lib/Responsive/CustomResponsive.js +0 -246
  366. package/lib/Responsive/RefWrapper.js +0 -55
  367. package/lib/Responsive/ResizeComponent.js +0 -268
  368. package/lib/Responsive/ResizeObserver.js +0 -168
  369. package/lib/Responsive/Responsive.js +0 -281
  370. package/lib/Responsive/docs/Responsive__Custom.docs.js +0 -272
  371. package/lib/Responsive/docs/Responsive__default.docs.js +0 -142
  372. package/lib/Responsive/docs/style.module.css +0 -56
  373. package/lib/Responsive/index.js +0 -30
  374. package/lib/Responsive/sizeObservers.js +0 -207
  375. package/lib/Responsive/utils/index.js +0 -70
  376. package/lib/Responsive/utils/shallowCompare.js +0 -38
  377. package/lib/Responsive/windowResizeObserver.js +0 -63
  378. package/lib/Ribbon/Ribbon.js +0 -115
  379. package/lib/Ribbon/Ribbon.module.css +0 -377
  380. package/lib/Ribbon/__tests__/Ribbon.spec.js +0 -193
  381. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +0 -163
  382. package/lib/Ribbon/docs/Ribbon__custom.docs.js +0 -437
  383. package/lib/Ribbon/docs/Ribbon__default.docs.js +0 -392
  384. package/lib/RippleEffect/RippleEffect.js +0 -58
  385. package/lib/RippleEffect/RippleEffect.module.css +0 -67
  386. package/lib/RippleEffect/docs/RippleEffect__default.docs.js +0 -484
  387. package/lib/Select/GroupSelect.js +0 -944
  388. package/lib/Select/Select.js +0 -1078
  389. package/lib/Select/Select.module.css +0 -100
  390. package/lib/Select/SelectWithAvatar.js +0 -430
  391. package/lib/Select/SelectWithIcon.js +0 -556
  392. package/lib/Select/__tests__/Select.spec.js +0 -383
  393. package/lib/Select/docs/GroupSelect__default.docs.js +0 -199
  394. package/lib/Select/docs/SelectWithAvatar__default.docs.js +0 -152
  395. package/lib/Select/docs/SelectWithIcon__default.docs.js +0 -190
  396. package/lib/Select/docs/Select__default.docs.js +0 -340
  397. package/lib/Stencils/Stencils.js +0 -94
  398. package/lib/Stencils/Stencils.module.css +0 -106
  399. package/lib/Stencils/__tests__/Stencils.spec.js +0 -84
  400. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +0 -49
  401. package/lib/Stencils/docs/Stencils__custom.docs.js +0 -96
  402. package/lib/Stencils/docs/Stencils__default.docs.js +0 -101
  403. package/lib/Switch/Switch.js +0 -183
  404. package/lib/Switch/Switch.module.css +0 -110
  405. package/lib/Switch/docs/Switch__custom.docs.js +0 -203
  406. package/lib/Switch/docs/Switch__default.docs.js +0 -156
  407. package/lib/Tab/Tab.js +0 -158
  408. package/lib/Tab/Tab.module.css +0 -101
  409. package/lib/Tab/TabContent.js +0 -45
  410. package/lib/Tab/TabContent.module.css +0 -4
  411. package/lib/Tab/TabContentWrapper.js +0 -47
  412. package/lib/Tab/TabWrapper.js +0 -109
  413. package/lib/Tab/Tabs.js +0 -696
  414. package/lib/Tab/Tabs.module.css +0 -140
  415. package/lib/Tab/__tests__/Tab.spec.js +0 -130
  416. package/lib/Tab/__tests__/TabContent.spec.js +0 -22
  417. package/lib/Tab/__tests__/TabContentWrapper.spec.js +0 -59
  418. package/lib/Tab/__tests__/TabWrapper.spec.js +0 -100
  419. package/lib/Tab/__tests__/Tabs.spec.js +0 -123
  420. package/lib/Tab/docs/Tab__default.docs.js +0 -308
  421. package/lib/Tab/docs/tabdocs.module.css +0 -29
  422. package/lib/Tab/index.js +0 -47
  423. package/lib/Tag/Tag.js +0 -246
  424. package/lib/Tag/Tag.module.css +0 -248
  425. package/lib/Tag/__tests__/Tag.spec.js +0 -35
  426. package/lib/Tag/docs/Tag__custom.docs.js +0 -423
  427. package/lib/Tag/docs/Tag__default.docs.js +0 -307
  428. package/lib/TextBox/TextBox.js +0 -289
  429. package/lib/TextBox/TextBox.module.css +0 -157
  430. package/lib/TextBox/__tests__/TextBox.spec.js +0 -205
  431. package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +0 -127
  432. package/lib/TextBox/docs/TextBox__custom.docs.js +0 -98
  433. package/lib/TextBox/docs/TextBox__default.docs.js +0 -95
  434. package/lib/TextBox/docs/TextBox__size.docs.js +0 -93
  435. package/lib/TextBox/docs/TextBox__variant.docs.js +0 -93
  436. package/lib/TextBoxIcon/TextBoxIcon.js +0 -284
  437. package/lib/TextBoxIcon/TextBoxIcon.module.css +0 -75
  438. package/lib/TextBoxIcon/__tests__/TextBoxIcon.spec.js +0 -228
  439. package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +0 -334
  440. package/lib/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -145
  441. package/lib/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -117
  442. package/lib/Textarea/Textarea.js +0 -202
  443. package/lib/Textarea/Textarea.module.css +0 -139
  444. package/lib/Textarea/__tests__/Textarea.spec.js +0 -186
  445. package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +0 -97
  446. package/lib/Textarea/docs/Textarea__animated.docs.js +0 -95
  447. package/lib/Textarea/docs/Textarea__custom.docs.js +0 -137
  448. package/lib/Textarea/docs/Textarea__default.docs.js +0 -130
  449. package/lib/Textarea/docs/Textarea__disabled.docs.js +0 -83
  450. package/lib/Tooltip/Tooltip.js +0 -538
  451. package/lib/Tooltip/Tooltip.module.css +0 -104
  452. package/lib/Tooltip/__tests__/Tooltip.spec.js +0 -98
  453. package/lib/Tooltip/docs/Tooltip__default.docs.js +0 -391
  454. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +0 -144
  455. package/lib/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -150
  456. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +0 -188
  457. package/lib/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -206
  458. package/lib/a11y/FocusScope/FocusScope.js +0 -443
  459. package/lib/a11y/FocusScope/docs/FocusScope__default.docs.js +0 -191
  460. package/lib/beta/FocusRing/FocusRing.js +0 -338
  461. package/lib/beta/FocusRing/FocusRing.module.css +0 -152
  462. package/lib/beta/FocusRing/docs/FocusRing__default.docs.js +0 -101
  463. package/lib/common/animation.module.css +0 -624
  464. package/lib/common/avatarsizes.module.css +0 -45
  465. package/lib/common/basic.module.css +0 -33
  466. package/lib/common/basicReset.module.css +0 -40
  467. package/lib/common/common.module.css +0 -502
  468. package/lib/common/customscroll.module.css +0 -89
  469. package/lib/common/docStyle.module.css +0 -762
  470. package/lib/common/reset.module.css +0 -12
  471. package/lib/common/transition.module.css +0 -146
  472. package/lib/css.js +0 -83
  473. package/lib/deprecated/PortalLayer/PortalLayer.js +0 -165
  474. package/lib/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -145
  475. package/lib/index.js +0 -1412
  476. package/lib/semantic/Button/Button.js +0 -138
  477. package/lib/semantic/Button/docs/Button__default.docs.js +0 -66
  478. package/lib/semantic/Button/semanticButton.module.css +0 -9
  479. package/lib/utils/Common.js +0 -457
  480. package/lib/utils/ContextOptimizer.js +0 -49
  481. package/lib/utils/__tests__/constructFullName.spec.js +0 -12
  482. package/lib/utils/__tests__/debounce.spec.js +0 -40
  483. package/lib/utils/__tests__/getInitial.spec.js +0 -26
  484. package/lib/utils/constant.js +0 -10
  485. package/lib/utils/constructFullName.js +0 -34
  486. package/lib/utils/datetime/common.js +0 -233
  487. package/lib/utils/debounce.js +0 -30
  488. package/lib/utils/dropDownUtils.js +0 -565
  489. package/lib/utils/dummyFunction.js +0 -10
  490. package/lib/utils/getHTMLFontSize.js +0 -11
  491. package/lib/utils/getInitial.js +0 -33
  492. package/lib/utils/scrollTo.js +0 -22
  493. package/lib/utils/shallowEqual.js +0 -41
package/preprocess/json/componentAppearanceVariableJson.js CHANGED
@@ -1,6 +1,6 @@
1
- /* sample color order =>
2
- --zdt_cta_variable_name,
3
- [['defaultMode'], ['blue', 'green', 'orange', 'red', 'yellow)']],
1
+ /* sample color order =>
2
+ --zdt_cta_variable_name,
3
+ [['defaultMode'], ['blue', 'green', 'orange', 'red', 'yellow)']],
4
4
  [['darkMode'], ['blue', 'green', 'orange', 'red', 'yellow)']],
5
5
  ['css comment name'] */
6
6
 
@@ -8,13 +8,13 @@ const componentAppearanceVariables = [
8
8
  [
9
9
  'dot_inputPlaceholder',
10
10
  [['default'], ['var(--zdt_cta_grey_40_text)']],
11
- [['dark'], ['#5a616f']],
11
+ [['dark'], ['var(--dot_shuttleGrey)']],
12
12
  ['list common']
13
13
  ],
14
14
  [
15
15
  'dot_inputDisable',
16
- [['default'], ['var(--dot_text_slateGrey)']],
17
- [['dark'], ['#828994']]
16
+ [['default'], ['var(--dot_slateGrey)']],
17
+ [['dark'], ['var(--dot_oslogrey)']]
18
18
  ],
19
19
  [
20
20
  'dot_inputLine',
@@ -23,8 +23,8 @@ const componentAppearanceVariables = [
23
23
  ],
24
24
  [
25
25
  'dot_inputLineHover',
26
- [['default'], ['var(--dot_border_slateGrey)']],
27
- [['dark'], ['#828994']]
26
+ [['default'], ['var(--dot_slateGrey)']],
27
+ [['dark'], ['var(--dot_oslogrey)']]
28
28
  ],
29
29
  [
30
30
  'dot_inputLineFocus',
@@ -49,14 +49,14 @@ const componentAppearanceVariables = [
49
49
  ],
50
50
  [
51
51
  'zdt_avatar_default_text',
52
- [['default'], ['var(--dot_text_black)']],
53
- [['dark'], ['#e2e4e6']],
52
+ [['default'], ['var(--dot_black)']],
53
+ [['dark'], ['var(--dot_platinum)']],
54
54
  ['avatar']
55
55
  ],
56
56
  [
57
57
  'zdt_avatar_default_bg',
58
- [['default'], ['var(--dot_bg_white)']],
59
- [['dark'], ['#232b38']]
58
+ [['default'], ['var(--dot_white)']],
59
+ [['dark'], ['var(--dot_ebonyclay)']]
60
60
  ],
61
61
  [
62
62
  'zdt_avatar_default_border',
@@ -65,8 +65,8 @@ const componentAppearanceVariables = [
65
65
  ],
66
66
  [
67
67
  'zdt_avatar_default_borderHover',
68
- [['default'], ['var(--dot_border_slateGrey)']],
69
- [['dark'], ['#828994']]
68
+ [['default'], ['var(--dot_slateGrey)']],
69
+ [['dark'], ['var(--dot_oslogrey)']]
70
70
  ],
71
71
  [
72
72
  'zdt_avatar_default_boxshadow',
@@ -85,24 +85,24 @@ const componentAppearanceVariables = [
85
85
  ],
86
86
  [
87
87
  'zdt_avatar_secondary_bg',
88
- [['default'], ['var(--dot_bg_black)']],
89
- [['dark'], ['#e2e4e6']]
88
+ [['default'], ['var(--dot_black)']],
89
+ [['dark'], ['var(--dot_platinum)']]
90
90
  ],
91
91
  [
92
92
  'zdt_avatar_info_bg',
93
- [['default'], ['var(--dot_bg_mirror)']],
94
- [['dark'], ['var(--dot_bg_mirror)']]
93
+ [['default'], ['var(--dot_mirror)']],
94
+ [['dark'], ['var(--dot_mirror)']]
95
95
  ],
96
96
  [
97
97
  'zdt_avatarteam_default_bg',
98
- [['default'], ['var(--dot_bg_mirror)']],
99
- [['dark'], ['var(--dot_bg_mirror)']],
98
+ [['default'], ['var(--dot_mirror)']],
99
+ [['dark'], ['var(--dot_mirror)']],
100
100
  ['avatar team']
101
101
  ],
102
102
  [
103
103
  'zdt_avatarteam_default_border',
104
- [['default'], ['var(--dot_border_mirror)']],
105
- [['dark'], ['var(--dot_border_mirror)']]
104
+ [['default'], ['var(--dot_mirror)']],
105
+ [['dark'], ['var(--dot_mirror)']]
106
106
  ],
107
107
  [
108
108
  'zdt_avatarteam_primary_bg',
@@ -111,13 +111,13 @@ const componentAppearanceVariables = [
111
111
  ],
112
112
  [
113
113
  'zdt_avatarteam_primary_hover_bg',
114
- [['default'], ['var(--dot_bg_slateGrey)']],
115
- [['dark'], ['#828994']]
114
+ [['default'], ['var(--dot_slateGrey)']],
115
+ [['dark'], ['var(--dot_oslogrey)']]
116
116
  ],
117
117
  [
118
118
  'zdt_avatarteam_secondary_bg',
119
- [['default'], ['var(--dot_bg_white)']],
120
- [['dark'], ['#232b38']]
119
+ [['default'], ['var(--dot_white)']],
120
+ [['dark'], ['var(--dot_ebonyclay)']]
121
121
  ],
122
122
  [
123
123
  'zdt_avatarteam_nofill_border',
@@ -126,8 +126,8 @@ const componentAppearanceVariables = [
126
126
  ],
127
127
  [
128
128
  'zdt_avatarteam_nofill_hover_border',
129
- [['default'], ['var(--dot_border_slateGrey)']],
130
- [['dark'], ['#828994']]
129
+ [['default'], ['var(--dot_slateGrey)']],
130
+ [['dark'], ['var(--dot_oslogrey)']]
131
131
  ],
132
132
  [
133
133
  'zdt_button_default_text',
@@ -137,8 +137,8 @@ const componentAppearanceVariables = [
137
137
  ],
138
138
  [
139
139
  'zdt_button_default_bg',
140
- [['default'], ['var(--dot_bg_mirror)']],
141
- [['dark'], ['var(--dot_bg_mirror)']]
140
+ [['default'], ['var(--dot_mirror)']],
141
+ [['dark'], ['var(--dot_mirror)']]
142
142
  ],
143
143
  [
144
144
  'zdt_button_default_border',
@@ -167,13 +167,13 @@ const componentAppearanceVariables = [
167
167
  ],
168
168
  [
169
169
  'zdt_button_secondary_text',
170
- [['default'], ['var(--dot_text_shuttleGrey)']],
171
- [['dark'], ['#a8b0bd']]
170
+ [['default'], ['var(--dot_shuttleGrey)']],
171
+ [['dark'], ['var(--dot_cadetblue)']]
172
172
  ],
173
173
  [
174
174
  'zdt_button_secondary_hover_text',
175
- [['default'], ['var(--dot_text_black)']],
176
- [['dark'], ['#a8b0bd']]
175
+ [['default'], ['var(--dot_black)']],
176
+ [['dark'], ['var(--dot_cadetblue)']]
177
177
  ],
178
178
  [
179
179
  'zdt_button_secondary_border',
@@ -182,33 +182,33 @@ const componentAppearanceVariables = [
182
182
  ],
183
183
  [
184
184
  'zdt_button_secondary_hover_border',
185
- [['default'], ['var(--dot_border_slateGrey)']],
186
- [['dark'], ['#828994']]
185
+ [['default'], ['var(--dot_slateGrey)']],
186
+ [['dark'], ['var(--dot_oslogrey)']]
187
187
  ],
188
188
  [
189
189
  'zdt_button_danger_border',
190
- [['default'], ['var(--dot_border_brightRed)']],
191
- [['dark'], ['#ff6b6b']]
190
+ [['default'], ['var(--dot_brightRed)']],
191
+ [['dark'], ['var(--dot_bittersweet)']]
192
192
  ],
193
193
  [
194
194
  'zdt_button_danger_text',
195
- [['default'], ['var(--dot_text_brightRed)']],
196
- [['dark'], ['#ff6b6b']]
195
+ [['default'], ['var(--dot_brightRed)']],
196
+ [['dark'], ['var(--dot_bittersweet)']]
197
197
  ],
198
198
  [
199
199
  'zdt_button_danger_hover_border',
200
- [['default'], ['var(--dot_border_fireBrick)']],
200
+ [['default'], ['var(--dot_fireBrick)']],
201
201
  [['dark'], ['#cc302d']]
202
202
  ],
203
203
  [
204
204
  'zdt_button_danger_hover_text',
205
- [['default'], ['var(--dot_text_fireBrick)']],
206
- [['dark'], ['#ff6b6b']]
205
+ [['default'], ['var(--dot_fireBrick)']],
206
+ [['dark'], ['var(--dot_bittersweet)']]
207
207
  ],
208
208
  [
209
209
  'zdt_button_danger_box_shadow',
210
- [['default'], ['var(--zd_shadow_dangertrans6)']],
211
- [['dark'], ['var(--zd_shadow_dangertrans6)']]
210
+ [['default'], ['var(--zd_dangertrans6)']],
211
+ [['dark'], ['var(--zd_dangertrans6)']]
212
212
  ],
213
213
  [
214
214
  'zdt_button_primaryfill_text',
@@ -222,8 +222,8 @@ const componentAppearanceVariables = [
222
222
  ],
223
223
  [
224
224
  'zdt_button_primaryfill_border',
225
- [['default'], ['var(--dot_border_mirror)']],
226
- [['dark'], ['var(--dot_border_mirror)']]
225
+ [['default'], ['var(--dot_mirror)']],
226
+ [['dark'], ['var(--dot_mirror)']]
227
227
  ],
228
228
  [
229
229
  'zdt_button_primaryfill_hover_bg',
@@ -237,53 +237,53 @@ const componentAppearanceVariables = [
237
237
  ],
238
238
  [
239
239
  'zdt_button_dangerfill_bg',
240
- [['default'], ['var(--dot_bg_brightRed)']],
241
- [['dark'], ['#ff6b6b']]
240
+ [['default'], ['var(--dot_brightRed)']],
241
+ [['dark'], ['var(--dot_bittersweet)']]
242
242
  ],
243
243
  [
244
244
  'zdt_button_dangerfill_text',
245
- [['default'], ['var(--dot_text_white)']],
246
- [['dark'], ['var(--dot_text_white)']]
245
+ [['default'], ['var(--dot_white)']],
246
+ [['dark'], ['var(--dot_white)']]
247
247
  ],
248
248
  [
249
249
  'zdt_button_dangerfill_hover_bg',
250
- [['default'], ['var(--dot_bg_fireBrick)']],
250
+ [['default'], ['var(--dot_fireBrick)']],
251
251
  [['dark'], ['#cc302d']]
252
252
  ],
253
253
  [
254
254
  'zdt_button_successfill_border',
255
- [['default'], ['var(--dot_border_strongGreen)']],
256
- [['dark'], ['#4ac064']]
255
+ [['default'], ['var(--dot_strongGreen)']],
256
+ [['dark'], ['var(--dot_darkmint)']]
257
257
  ],
258
258
  [
259
259
  'zdt_button_successfill_bg',
260
- [['default'], ['var(--dot_bg_strongGreen)']],
261
- [['dark'], ['#4ac064']]
260
+ [['default'], ['var(--dot_strongGreen)']],
261
+ [['dark'], ['var(--dot_darkmint)']]
262
262
  ],
263
263
  [
264
264
  'zdt_button_successfill_hover_border',
265
- [['default'], ['var(--dot_border_camarone)']],
266
- [['dark'], ['#1b8c35']]
265
+ [['default'], ['var(--dot_camarone)']],
266
+ [['dark'], ['var(--dot_irishgreen)']]
267
267
  ],
268
268
  [
269
269
  'zdt_button_successfill_hover_bg',
270
- [['default'], ['var(--dot_text_camarone)']],
271
- [['dark'], ['#1b8c35']]
270
+ [['default'], ['var(--dot_camarone)']],
271
+ [['dark'], ['var(--dot_irishgreen)']]
272
272
  ],
273
273
  [
274
274
  'zdt_button_tertiaryfill_bg',
275
- [['default'], ['var(--dot_bg_shuttleGrey)']],
276
- [['dark'], ['#a8b0bd']]
275
+ [['default'], ['var(--dot_shuttleGrey)']],
276
+ [['dark'], ['var(--dot_cadetblue)']]
277
277
  ],
278
278
  [
279
279
  'zdt_button_tertiaryfill_hover_bg',
280
- [['default'], ['var(--dot_bg_slateGrey)']],
281
- [['dark'], ['#828994']]
280
+ [['default'], ['var(--dot_slateGrey)']],
281
+ [['dark'], ['var(--dot_oslogrey)']]
282
282
  ],
283
283
  [
284
284
  'zdt_button_success_default_border',
285
- [['default'], ['var(--dot_border_white)']],
286
- [['dark'], ['var(--dot_border_white)']]
285
+ [['default'], ['var(--dot_white)']],
286
+ [['dark'], ['var(--dot_white)']]
287
287
  ],
288
288
  [
289
289
  'zdt_button_tick_primary_border',
@@ -292,8 +292,8 @@ const componentAppearanceVariables = [
292
292
  ],
293
293
  [
294
294
  'zdt_button_loading_default_bg',
295
- [['default'], ['var(--dot_bg_white)']],
296
- [['dark'], ['#232b38']]
295
+ [['default'], ['var(--dot_white)']],
296
+ [['dark'], ['var(--dot_ebonyclay)']]
297
297
  ],
298
298
  [
299
299
  'zdt_button_loading_linear_gradient',
@@ -302,30 +302,30 @@ const componentAppearanceVariables = [
302
302
  ],
303
303
  [
304
304
  'zdt_buttongroup_default_bg',
305
- [['default'], ['var(--dot_bg_white)']],
306
- [['dark'], ['#232b38']],
305
+ [['default'], ['var(--dot_white)']],
306
+ [['dark'], ['var(--dot_ebonyclay)']],
307
307
  ['button group']
308
308
  ],
309
309
  [
310
310
  'zdt_buttongroup_default_border',
311
- [['default'], ['var(--zd_border_smoke7)']],
312
- [['dark'], ['var(--zd_border_smoke7)']]
311
+ [['default'], ['var(--zd_smoke7)']],
312
+ [['dark'], ['var(--zd_smoke7)']]
313
313
  ],
314
314
  [
315
315
  'zdt_buttongroup_footer_box_shadow',
316
- [['default'], ['var(--zd_shadow_graytrans4)']],
317
- [['dark'], ['var(--zd_shadow_graytrans4)']]
316
+ [['default'], ['var(--zd_graytrans4)']],
317
+ [['dark'], ['var(--zd_graytrans4)']]
318
318
  ],
319
319
  [
320
320
  'zdt_checkbox_default_bg',
321
- [['default'], ['var(--dot_bg_white)']],
322
- [['dark'], ['#232b38']],
321
+ [['default'], ['var(--dot_white)']],
322
+ [['dark'], ['var(--dot_ebonyclay)']],
323
323
  ['checkbox']
324
324
  ],
325
325
  [
326
326
  'zdt_checkbox_default_stroke_border',
327
- [['default'], ['var(--dot_border_slateGrey)']],
328
- [['dark'], ['#828994']]
327
+ [['default'], ['var(--dot_slateGrey)']],
328
+ [['dark'], ['var(--dot_oslogrey)']]
329
329
  ],
330
330
  [
331
331
  'zdt_checkbox_primary_stroke_border',
@@ -334,8 +334,8 @@ const componentAppearanceVariables = [
334
334
  ],
335
335
  [
336
336
  'zdt_checkbox_danger_stroke_border',
337
- [['default'], ['var(--dot_border_brightRed)']],
338
- [['dark'], ['#ff6b6b']]
337
+ [['default'], ['var(--dot_brightRed)']],
338
+ [['dark'], ['var(--dot_bittersweet)']]
339
339
  ],
340
340
  [
341
341
  'zdt_checkbox_label_primary_text',
@@ -344,13 +344,13 @@ const componentAppearanceVariables = [
344
344
  ],
345
345
  [
346
346
  'zdt_checkbox_label_danger_text',
347
- [['default'], ['var(--dot_text_brightRed)']],
348
- [['dark'], ['#ff6b6b']]
347
+ [['default'], ['var(--dot_brightRed)']],
348
+ [['dark'], ['var(--dot_bittersweet)']]
349
349
  ],
350
350
  [
351
351
  'zdt_dropbox_default_bg',
352
- [['default'], ['var(--dot_bg_white)']],
353
- [['dark'], ['#232b38']],
352
+ [['default'], ['var(--dot_white)']],
353
+ [['dark'], ['var(--dot_ebonyclay)']],
354
354
  ['dropbox']
355
355
  ],
356
356
  [
@@ -360,8 +360,8 @@ const componentAppearanceVariables = [
360
360
  ],
361
361
  [
362
362
  'zdt_dropbox_arrow_shadow',
363
- [['default'], ['var(--zd_shadow_graytrans4)']],
364
- [['dark'], ['var(--zd_shadow_graytrans4)']]
363
+ [['default'], ['var(--zd_graytrans4)']],
364
+ [['dark'], ['var(--zd_graytrans4)']]
365
365
  ],
366
366
  [
367
367
  'zdt_dropbox_mob_bg',
@@ -370,34 +370,34 @@ const componentAppearanceVariables = [
370
370
  ],
371
371
  [
372
372
  'zdt_dropbox_mob_close_bg',
373
- [['default'], ['#d5d5d5']],
374
- [['dark'], ['#d5d5d5']]
373
+ [['default'], ['var(--zd_smoke53)']],
374
+ [['dark'], ['var(--zd_smoke53)']]
375
375
  ],
376
376
  [
377
377
  'zdt_label_default_text',
378
- [['default'], ['var(--dot_text_black)']],
379
- [['dark'], ['#e2e4e6']],
378
+ [['default'], ['var(--dot_black)']],
379
+ [['dark'], ['var(--dot_platinum)']],
380
380
  ['label']
381
381
  ],
382
382
  [
383
383
  'zdt_label_primary_text',
384
- [['default'], ['var(--dot_text_slateGrey)']],
385
- [['dark'], ['#828994']]
384
+ [['default'], ['var(--dot_slateGrey)']],
385
+ [['dark'], ['var(--dot_oslogrey)']]
386
386
  ],
387
387
  [
388
388
  'zdt_label_secondary_text',
389
- [['default'], ['var(--dot_text_shuttleGrey)']],
390
- [['dark'], ['#a8b0bd']]
389
+ [['default'], ['var(--dot_shuttleGrey)']],
390
+ [['dark'], ['var(--dot_cadetblue)']]
391
391
  ],
392
392
  [
393
393
  'zdt_label_danger_text',
394
- [['default'], ['var(--dot_text_brightOrange)']],
395
- [['dark'], ['var(--dot_text_brightOrange)']]
394
+ [['default'], ['var(--dot_brightOrange)']],
395
+ [['dark'], ['var(--dot_brightOrange)']]
396
396
  ],
397
397
  [
398
398
  'zdt_label_mandatory_text',
399
- [['default'], ['var(--dot_text_brightRed)']],
400
- [['dark'], ['#ff6b6b']]
399
+ [['default'], ['var(--dot_brightRed)']],
400
+ [['dark'], ['var(--dot_bittersweet)']]
401
401
  ],
402
402
  [
403
403
  'zdt_label_disable_text',
@@ -406,8 +406,8 @@ const componentAppearanceVariables = [
406
406
  ],
407
407
  [
408
408
  'zdt_tag_default_text',
409
- [['default'], ['var(--dot_text_black)']],
410
- [['dark'], ['#e2e4e6']],
409
+ [['default'], ['var(--dot_black)']],
410
+ [['dark'], ['var(--dot_platinum)']],
411
411
  ['tag']
412
412
  ],
413
413
  [
@@ -417,8 +417,8 @@ const componentAppearanceVariables = [
417
417
  ],
418
418
  [
419
419
  'zdt_tag_default_border',
420
- [['default'], ['var(--dot_border_mirror)']],
421
- [['dark'], ['var(--dot_border_mirror)']]
420
+ [['default'], ['var(--dot_mirror)']],
421
+ [['dark'], ['var(--dot_mirror)']]
422
422
  ],
423
423
  [
424
424
  'zdt_tag_default_hover_bg',
@@ -427,28 +427,28 @@ const componentAppearanceVariables = [
427
427
  ],
428
428
  [
429
429
  'zdt_tag_secondary_text',
430
- [['default'], ['var(--dot_text_white)']],
431
- [['dark'], ['var(--dot_text_white)']]
430
+ [['default'], ['var(--dot_white)']],
431
+ [['dark'], ['var(--dot_white)']]
432
432
  ],
433
433
  [
434
434
  'zdt_tag_secondary_bg',
435
- [['default'], ['var(--zd_bg_dark32)']],
436
- [['dark'], ['var(--zd_bg_dark32)']]
435
+ [['default'], ['var(--zd_dark32)']],
436
+ [['dark'], ['var(--zd_dark32)']]
437
437
  ],
438
438
  [
439
439
  'zdt_tag_secondary_hover_bg',
440
- [['default'], ['var(--zd_bg_dark33)']],
441
- [['dark'], ['var(--zd_bg_dark33)']]
440
+ [['default'], ['var(--zd_dark33)']],
441
+ [['dark'], ['var(--zd_dark33)']]
442
442
  ],
443
443
  [
444
444
  'zdt_tag_closedanger_bg',
445
- [['default'], ['var(--zd_bg_dangertrans5)']],
446
- [['dark'], ['var(--zd_bg_dangertrans5)']]
445
+ [['default'], ['var(--zd_dangertrans5)']],
446
+ [['dark'], ['var(--zd_dangertrans5)']]
447
447
  ],
448
448
  [
449
449
  'zdt_tag_icon_bg',
450
- [['default'], ['var(--dot_bg_mirror)']],
451
- [['dark'], ['var(--dot_bg_mirror)']]
450
+ [['default'], ['var(--dot_mirror)']],
451
+ [['dark'], ['var(--dot_mirror)']]
452
452
  ],
453
453
  [
454
454
  'zdt_tag_disabled_text',
@@ -457,13 +457,13 @@ const componentAppearanceVariables = [
457
457
  ],
458
458
  [
459
459
  'zdt_tag_danger_bg',
460
- [['default'], ['var(--dot_bg_brightRed)']],
461
- [['dark'], ['#ff6b6b']]
460
+ [['default'], ['var(--dot_brightRed)']],
461
+ [['dark'], ['var(--dot_bittersweet)']]
462
462
  ],
463
463
  [
464
464
  'zdt_tag_danger_hover_bg',
465
- [['default'], ['var(--zd_bg_danger18)']],
466
- [['dark'], ['#503348']]
465
+ [['default'], ['var(--zd_danger18)']],
466
+ [['dark'], ['var(--dot_matterhorn)']]
467
467
  ],
468
468
  [
469
469
  'zdt_tag_primary_bg',
@@ -497,39 +497,39 @@ const componentAppearanceVariables = [
497
497
  ],
498
498
  [
499
499
  'zdt_tag_pure_bg',
500
- [['default'], ['var(--dot_bg_white)']],
501
- [['dark'], ['#232b38']]
500
+ [['default'], ['var(--dot_white)']],
501
+ [['dark'], ['var(--dot_ebonyclay)']]
502
502
  ],
503
503
  [
504
504
  'zdt_tag_pure_border',
505
- [['default'], ['var(--zd_border_smoke91)']],
506
- [['dark'], ['var(--zd_border_smoke91)']]
505
+ [['default'], ['var(--zd_smoke91)']],
506
+ [['dark'], ['var(--zd_smoke91)']]
507
507
  ],
508
508
  [
509
509
  'zdt_tag_pure_hover_bg',
510
- [['default'], ['var(--zd_bg_smoke6)']],
511
- [['dark'], ['var(--zd_bg_smoke6)']]
510
+ [['default'], ['var(--zd_smoke6)']],
511
+ [['dark'], ['var(--zd_smoke6)']]
512
512
  ],
513
513
  [
514
514
  'zdt_tag_pure_hover_border',
515
- [['default'], ['var(--zd_border_dark6)']],
516
- [['dark'], ['var(--zd_border_dark6)']]
515
+ [['default'], ['var(--zd_dark6)']],
516
+ [['dark'], ['var(--zd_dark6)']]
517
517
  ],
518
518
  [
519
519
  'zdt_tag_dark_close_hover_bg',
520
- [['default'], ['#de3535']],
521
- [['dark'], ['#de3535']]
520
+ [['default'], ['var(--dot_brightRed)']],
521
+ [['dark'], ['var(--dot_brightRed)']]
522
522
  ],
523
523
  [
524
524
  'zdt_textbox_default_text',
525
- [['default'], ['var(--dot_text_black)']],
526
- [['dark'], ['#e2e4e6']],
525
+ [['default'], ['var(--dot_black)']],
526
+ [['dark'], ['var(--dot_platinum)']],
527
527
  ['textbox']
528
528
  ],
529
529
  [
530
530
  'zdt_textbox_default_bg',
531
- [['default'], ['var(--dot_bg_mirror)']],
532
- [['dark'], ['var(--dot_bg_mirror)']]
531
+ [['default'], ['var(--dot_mirror)']],
532
+ [['dark'], ['var(--dot_mirror)']]
533
533
  ],
534
534
  [
535
535
  'zdt_textbox_default_border',
@@ -548,8 +548,8 @@ const componentAppearanceVariables = [
548
548
  ],
549
549
  [
550
550
  'zdt_textbox_transparent_border',
551
- [['default'], ['var(--dot_border_mirror)']],
552
- [['dark'], ['var(--dot_border_mirror)']]
551
+ [['default'], ['var(--dot_mirror)']],
552
+ [['dark'], ['var(--dot_mirror)']]
553
553
  ],
554
554
  [
555
555
  'zdt_textbox_effect_hover_border',
@@ -563,44 +563,44 @@ const componentAppearanceVariables = [
563
563
  ],
564
564
  [
565
565
  'zdt_textbox_secondary_text',
566
- [['default'], ['var(--dot_text_shuttleGrey)']],
567
- [['dark'], ['#a8b0bd']]
566
+ [['default'], ['var(--dot_shuttleGrey)']],
567
+ [['dark'], ['var(--dot_cadetblue)']]
568
568
  ],
569
569
  [
570
570
  'zdt_dropdown_default_text',
571
- [['default'], ['var(--dot_text_black)']],
572
- [['dark'], ['#e2e4e6']],
571
+ [['default'], ['var(--dot_black)']],
572
+ [['dark'], ['var(--dot_platinum)']],
573
573
  ['dropdown']
574
574
  ],
575
575
  [
576
576
  'zdt_dropdown_default_border',
577
- [['default'], ['var(--dot_border_mirror)']],
578
- [['dark'], ['var(--dot_border_mirror)']]
577
+ [['default'], ['var(--dot_mirror)']],
578
+ [['dark'], ['var(--dot_mirror)']]
579
579
  ],
580
580
  [
581
581
  'zdt_dropdown_default_bg',
582
- [['default'], ['var(--dot_bg_shuttleGrey)']],
583
- [['dark'], ['#a8b0bd']]
582
+ [['default'], ['var(--dot_shuttleGrey)']],
583
+ [['dark'], ['var(--dot_cadetblue)']]
584
584
  ],
585
585
  [
586
586
  'zdt_dropdown_darkheading_bg',
587
- [['default'], ['#383f57']],
588
- [['dark'], ['#383f57']]
587
+ [['default'], ['var(--dot_unknown2)']],
588
+ [['dark'], ['var(--dot_unknown2)']]
589
589
  ],
590
590
  [
591
591
  'zdt_dropdown_darkheading_underline_bg',
592
- [['default'], ['#565e72']],
593
- [['dark'], ['#828994']]
592
+ [['default'], ['var(--dot_comet)']],
593
+ [['dark'], ['var(--dot_oslogrey)']]
594
594
  ],
595
595
  [
596
596
  'zdt_dropdown_mirror_bg',
597
- [['default'], ['var(--dot_bg_mirror)']],
598
- [['dark'], ['var(--dot_bg_mirror)']]
597
+ [['default'], ['var(--dot_mirror)']],
598
+ [['dark'], ['var(--dot_mirror)']]
599
599
  ],
600
600
  [
601
601
  'zdt_dropdown_user_default_border',
602
602
  [['default'], ['var(--zdt_cta_grey_35_border)']],
603
- [['dark'], ['#2d3748']]
603
+ [['dark'], ['var(--dot_tuna)']]
604
604
  ],
605
605
  [
606
606
  'zdt_dropdown_listactive_border',
@@ -609,8 +609,8 @@ const componentAppearanceVariables = [
609
609
  ],
610
610
  [
611
611
  'zdt_dropdown_listactive_bg',
612
- [['default'], ['var(--dot_bg_aliceBlue)']],
613
- [['dark'], ['#2c3b4d']]
612
+ [['default'], ['var(--dot_aliceBlue)']],
613
+ [['dark'], ['var(--dot_darkbluegrey)']]
614
614
  ],
615
615
  [
616
616
  'zdt_dropdown_listhover_bg',
@@ -619,14 +619,14 @@ const componentAppearanceVariables = [
619
619
  ],
620
620
  [
621
621
  'zdt_radio_default_stroke',
622
- [['default'], ['var(--dot_border_slateGrey)']],
623
- [['dark'], ['#828994']],
622
+ [['default'], ['var(--dot_slateGrey)']],
623
+ [['dark'], ['var(--dot_oslogrey)']],
624
624
  ['radio']
625
625
  ],
626
626
  [
627
627
  'zdt_radio_default_bg',
628
- [['default'], ['var(--dot_bg_white)']],
629
- [['dark'], ['#232b38']]
628
+ [['default'], ['var(--dot_white)']],
629
+ [['dark'], ['var(--dot_ebonyclay)']]
630
630
  ],
631
631
  [
632
632
  'zdt_radio_primary_stroke',
@@ -640,13 +640,13 @@ const componentAppearanceVariables = [
640
640
  ],
641
641
  [
642
642
  'zdt_radio_danger_stroke',
643
- [['default'], ['var(--dot_border_brightRed)']],
644
- [['dark'], ['#ff6b6b']]
643
+ [['default'], ['var(--dot_brightRed)']],
644
+ [['dark'], ['var(--dot_bittersweet)']]
645
645
  ],
646
646
  [
647
647
  'zdt_radio_danger_fill',
648
- [['default'], ['var(--dot_bg_brightRed)']],
649
- [['dark'], ['#ff6b6b']]
648
+ [['default'], ['var(--dot_brightRed)']],
649
+ [['dark'], ['var(--dot_bittersweet)']]
650
650
  ],
651
651
  [
652
652
  'zdt_radio_label_primary_text',
@@ -655,24 +655,24 @@ const componentAppearanceVariables = [
655
655
  ],
656
656
  [
657
657
  'zdt_radio_label_danger_text',
658
- [['default'], ['var(--dot_text_brightRed)']],
659
- [['dark'], ['#ff6b6b']]
658
+ [['default'], ['var(--dot_brightRed)']],
659
+ [['dark'], ['var(--dot_bittersweet)']]
660
660
  ],
661
661
  [
662
662
  'zdt_listitem_default_text',
663
- [['default'], ['var(--dot_text_black)']],
664
- [['dark'], ['#e2e4e6']],
663
+ [['default'], ['var(--dot_black)']],
664
+ [['dark'], ['var(--dot_platinum)']],
665
665
  ['listitem']
666
666
  ],
667
667
  [
668
668
  'zdt_listitem_default_border',
669
- [['default'], ['var(--dot_border_mirror)']],
670
- [['dark'], ['var(--dot_border_mirror)']]
669
+ [['default'], ['var(--dot_mirror)']],
670
+ [['dark'], ['var(--dot_mirror)']]
671
671
  ],
672
672
  [
673
673
  'zdt_listitem_default_bg',
674
- [['default'], ['var(--dot_bg_mirror)']],
675
- [['dark'], ['var(--dot_bg_mirror)']]
674
+ [['default'], ['var(--dot_mirror)']],
675
+ [['dark'], ['var(--dot_mirror)']]
676
676
  ],
677
677
  [
678
678
  'zdt_listitem_default_tickicon',
@@ -701,189 +701,189 @@ const componentAppearanceVariables = [
701
701
  ],
702
702
  [
703
703
  'zdt_listitem_secondary_text',
704
- [['default'], ['var(--dot_text_white)']],
705
- [['dark'], ['#232b38']]
704
+ [['default'], ['var(--dot_white)']],
705
+ [['dark'], ['var(--dot_ebonyclay)']]
706
706
  ],
707
707
  [
708
708
  'zdt_ribbon_default_text',
709
- [['default'], ['var(--dot_text_black)']],
710
- [['dark'], ['#e2e4e6']],
709
+ [['default'], ['var(--dot_black)']],
710
+ [['dark'], ['var(--dot_platinum)']],
711
711
  ['ribbon']
712
712
  ],
713
713
  [
714
714
  'zdt_ribbon_default_bg',
715
- [['default'], ['var(--dot_bg_mirror)']],
716
- [['dark'], ['var(--dot_bg_mirror)']]
715
+ [['default'], ['var(--dot_mirror)']],
716
+ [['dark'], ['var(--dot_mirror)']]
717
717
  ],
718
718
  [
719
719
  'zdt_ribbon_default_border',
720
- [['default'], ['var(--zd_border_graytrans9)']],
721
- [['dark'], ['var(--zd_border_graytrans9)']]
720
+ [['default'], ['var(--zd_graytrans9)']],
721
+ [['dark'], ['var(--zd_graytrans9)']]
722
722
  ],
723
723
  [
724
724
  'zdt_ribbon_default_tag_border',
725
- [['default'], ['var(--zd_border_smoke12)']],
726
- [['dark'], ['var(--zd_border_smoke12)']]
725
+ [['default'], ['var(--zd_smoke12)']],
726
+ [['dark'], ['var(--zd_smoke12)']]
727
727
  ],
728
728
  [
729
729
  'zdt_ribbon_default_shadow',
730
- [['default'], ['var(--zd_shadow_graytrans9)']],
731
- [['dark'], ['var(--zd_shadow_graytrans9)']]
730
+ [['default'], ['var(--zd_graytrans9)']],
731
+ [['dark'], ['var(--zd_graytrans9)']]
732
732
  ],
733
733
  [
734
734
  'zdt_ribbon_default_stamp_bg',
735
- [['default'], ['var(--zd_bg_graytrans9)']],
736
- [['dark'], ['var(--zd_bg_graytrans9)']]
735
+ [['default'], ['var(--zd_graytrans9)']],
736
+ [['dark'], ['var(--zd_graytrans9)']]
737
737
  ],
738
738
  [
739
739
  'zdt_ribbon_white_text',
740
- [['default'], ['var(--dot_text_white)']],
741
- [['dark'], ['#232b38']]
740
+ [['default'], ['var(--dot_white)']],
741
+ [['dark'], ['var(--dot_ebonyclay)']]
742
742
  ],
743
743
  [
744
744
  'zdt_ribbon_white_bg',
745
- [['default'], ['var(--dot_bg_white)']],
746
- [['dark'], ['#232b38']]
745
+ [['default'], ['var(--dot_white)']],
746
+ [['dark'], ['var(--dot_ebonyclay)']]
747
747
  ],
748
748
  [
749
749
  'zdt_ribbon_palette_bg',
750
- [['default'], ['var(--zd_bg_dark5)']],
751
- [['dark'], ['var(--zd_bg_dark5)']]
750
+ [['default'], ['var(--zd_dark5)']],
751
+ [['dark'], ['var(--zd_dark5)']]
752
752
  ],
753
753
  [
754
754
  'zdt_ribbon_danger_bg',
755
- [['default'], ['var(--dot_bg_brightRed)']],
756
- [['dark'], ['#ff6b6b']]
755
+ [['default'], ['var(--dot_brightRed)']],
756
+ [['dark'], ['var(--dot_bittersweet)']]
757
757
  ],
758
758
  [
759
759
  'zdt_ribbon_danger_text',
760
- [['default'], ['var(--dot_text_brightRed)']],
761
- [['dark'], ['#ff6b6b']]
760
+ [['default'], ['var(--dot_brightRed)']],
761
+ [['dark'], ['var(--dot_bittersweet)']]
762
762
  ],
763
763
  [
764
764
  'zdt_ribbon_danger_shadow',
765
- [['default'], ['var(--zd_shadow_dangertrans7)']],
766
- [['dark'], ['var(--zd_shadow_dangertrans7)']]
765
+ [['default'], ['var(--zd_dangertrans7)']],
766
+ [['dark'], ['var(--zd_dangertrans7)']]
767
767
  ],
768
768
  [
769
769
  'zdt_ribbon_danger_border',
770
- [['default'], ['var(--zd_border_dangertrans7)']],
771
- [['dark'], ['var(--zd_border_dangertrans7)']]
770
+ [['default'], ['var(--zd_dangertrans7)']],
771
+ [['dark'], ['var(--zd_dangertrans7)']]
772
772
  ],
773
773
  [
774
774
  'zdt_ribbon_danger_stamp_bg',
775
- [['default'], ['var(--zd_bg_dangertrans7)']],
776
- [['dark'], ['var(--zd_bg_dangertrans7)']]
775
+ [['default'], ['var(--zd_dangertrans7)']],
776
+ [['dark'], ['var(--zd_dangertrans7)']]
777
777
  ],
778
778
  [
779
779
  'zdt_ribbon_primary_bg',
780
- [['default'], ['var(--dot_bg_primary)']],
781
- [['dark'], ['#479dff']]
780
+ [['default'], ['var(--dot_primary)']],
781
+ [['dark'], ['var(--dot_butterflyblue)']]
782
782
  ],
783
783
  [
784
784
  'zdt_ribbon_primary_text',
785
- [['default'], ['var(--dot_text_primary)']],
786
- [['dark'], ['#479dff']]
785
+ [['default'], ['var(--dot_primary)']],
786
+ [['dark'], ['var(--dot_butterflyblue)']]
787
787
  ],
788
788
  [
789
789
  'zdt_ribbon_primary_shadow',
790
- [['default'], ['var(--zd_shadow_primarytrans10)']],
791
- [['dark'], ['var(--zd_shadow_primarytrans10)']]
790
+ [['default'], ['var(--zd_primarytrans10)']],
791
+ [['dark'], ['var(--zd_primarytrans10)']]
792
792
  ],
793
793
  [
794
794
  'zdt_ribbon_primary_border',
795
- [['default'], ['var(--zd_border_primarytrans10)']],
796
- [['dark'], ['var(--zd_border_primarytrans10)']]
795
+ [['default'], ['var(--zd_primarytrans10)']],
796
+ [['dark'], ['var(--zd_primarytrans10)']]
797
797
  ],
798
798
  [
799
799
  'zdt_ribbon_primary_stamp_bg',
800
- [['default'], ['var(--zd_bg_primarytrans10)']],
801
- [['dark'], ['var(--zd_bg_primarytrans10)']]
800
+ [['default'], ['var(--zd_primarytrans10)']],
801
+ [['dark'], ['var(--zd_primarytrans10)']]
802
802
  ],
803
803
  [
804
804
  'zdt_ribbon_secondary_bg',
805
- [['default'], ['var(--zd_bg_olive13)']],
806
- [['dark'], ['var(--zd_bg_olive13)']]
805
+ [['default'], ['var(--zd_olive13)']],
806
+ [['dark'], ['var(--zd_olive13)']]
807
807
  ],
808
808
  [
809
809
  'zdt_ribbon_secondary_text',
810
- [['default'], ['var(--zd_text_olive13)']],
811
- [['dark'], ['var(--zd_text_olive13)']]
810
+ [['default'], ['var(--zd_olive13)']],
811
+ [['dark'], ['var(--zd_olive13)']]
812
812
  ],
813
813
  [
814
814
  'zdt_ribbon_secondary_shadow',
815
- [['default'], ['var(--zd_shadow_olivetrans)']],
816
- [['dark'], ['var(--zd_shadow_olivetrans)']]
815
+ [['default'], ['var(--zd_olivetrans)']],
816
+ [['dark'], ['var(--zd_olivetrans)']]
817
817
  ],
818
818
  [
819
819
  'zdt_ribbon_secondary_border',
820
- [['default'], ['var(--zd_border_olivetrans)']],
821
- [['dark'], ['var(--zd_border_olivetrans)']]
820
+ [['default'], ['var(--zd_olivetrans)']],
821
+ [['dark'], ['var(--zd_olivetrans)']]
822
822
  ],
823
823
  [
824
824
  'zdt_ribbon_secondary_stamp_bg',
825
- [['default'], ['var(--zd_bg_olivetrans)']],
826
- [['dark'], ['var(--zd_bg_olivetrans)']]
825
+ [['default'], ['var(--zd_olivetrans)']],
826
+ [['dark'], ['var(--zd_olivetrans)']]
827
827
  ],
828
828
  [
829
829
  'zdt_ribbon_info_bg',
830
- [['default'], ['var(--zd_bg_info)']],
831
- [['dark'], ['var(--zd_bg_info)']]
830
+ [['default'], ['var(--zd_info)']],
831
+ [['dark'], ['var(--zd_info)']]
832
832
  ],
833
833
  [
834
834
  'zdt_ribbon_info_text',
835
- [['default'], ['var(--zd_text_info)']],
836
- [['dark'], ['var(--zd_text_info)']]
835
+ [['default'], ['var(--zd_info)']],
836
+ [['dark'], ['var(--zd_info)']]
837
837
  ],
838
838
  [
839
839
  'zdt_ribbon_info_shadow',
840
- [['default'], ['var(--zd_shadow_orangetrans)']],
841
- [['dark'], ['var(--zd_shadow_orangetrans)']]
840
+ [['default'], ['var(--zd_orangetrans)']],
841
+ [['dark'], ['var(--zd_orangetrans)']]
842
842
  ],
843
843
  [
844
844
  'zdt_ribbon_info_border',
845
- [['default'], ['var(--zd_border_orangetrans)']],
846
- [['dark'], ['var(--zd_border_orangetrans)']]
845
+ [['default'], ['var(--zd_orangetrans)']],
846
+ [['dark'], ['var(--zd_orangetrans)']]
847
847
  ],
848
848
  [
849
849
  'zdt_ribbon_info_stamp_bg',
850
- [['default'], ['var(--zd_bg_orangetrans)']],
851
- [['dark'], ['var(--zd_bg_orangetrans)']]
850
+ [['default'], ['var(--zd_orangetrans)']],
851
+ [['dark'], ['var(--zd_orangetrans)']]
852
852
  ],
853
853
  [
854
854
  'zdt_ribbon_dark_bg',
855
- [['default'], ['var(--dot_bg_black)']],
856
- [['dark'], ['#e2e4e6']]
855
+ [['default'], ['var(--dot_black)']],
856
+ [['dark'], ['var(--dot_platinum)']]
857
857
  ],
858
858
  [
859
859
  'zdt_ribbon_dark_shadow',
860
- [['default'], ['var(--zd_shadow_graytrans6)']],
861
- [['dark'], ['var(--zd_shadow_graytrans6)']]
860
+ [['default'], ['var(--zd_graytrans6)']],
861
+ [['dark'], ['var(--zd_graytrans6)']]
862
862
  ],
863
863
  [
864
864
  'zdt_ribbon_dark_border',
865
- [['default'], ['var(--zd_bg_graytrans6)']],
866
- [['dark'], ['var(--zd_bg_graytrans6)']]
865
+ [['default'], ['var(--zd_graytrans6)']],
866
+ [['dark'], ['var(--zd_graytrans6)']]
867
867
  ],
868
868
  [
869
869
  'zdt_ribbon_dark_stamp_bg',
870
- [['default'], ['var(--zd_bg_graytrans4)']],
871
- [['dark'], ['var(--zd_bg_graytrans4)']]
870
+ [['default'], ['var(--zd_graytrans4)']],
871
+ [['dark'], ['var(--zd_graytrans4)']]
872
872
  ],
873
873
  [
874
874
  'zdt_ribbon_plain_text',
875
- [['default'], ['var(--zd_text_dark5)']],
876
- [['dark'], ['var(--zd_text_dark5)']]
875
+ [['default'], ['var(--zd_dark5)']],
876
+ [['dark'], ['var(--zd_dark5)']]
877
877
  ],
878
878
  [
879
879
  'zdt_ribbon_flag_mirror_border',
880
- [['default'], ['var(--zd_border_mirror)']],
881
- [['dark'], ['var(--zd_border_mirror)']]
880
+ [['default'], ['var(--zd_mirror)']],
881
+ [['dark'], ['var(--zd_mirror)']]
882
882
  ],
883
883
  [
884
884
  'zdt_ribbon_flag_white_border',
885
- [['default'], ['var(--dot_border_white)']],
886
- [['dark'], ['#232b38']]
885
+ [['default'], ['var(--dot_white)']],
886
+ [['dark'], ['var(--dot_ebonyclay)']]
887
887
  ],
888
888
  [
889
889
  'zdt_stencil_primary_bg',
@@ -893,7 +893,7 @@ const componentAppearanceVariables = [
893
893
  ],
894
894
  [
895
895
  'zdt_stencil_primary_gradient_bg',
896
- [['default'], ['linear-gradient(left, #f6f8fb 0, #e7ecf4 33.33%, #f6f8fb 66.66%, #f6f8fb 100%)']],
896
+ [['default'], ['linear-gradient(left, var(--dot_catskillWhite) 0, var(--dot_hawkesBlue) 33.33%, var(--dot_catskillWhite) 66.66%, var(--dot_catskillWhite) 100%)']],
897
897
  [['dark'], ['linear-gradient(left, #383f55 0, #414963 33.33%, #414961 66.66%, #383f55 100%)']]
898
898
  ],
899
899
  [
@@ -903,7 +903,7 @@ const componentAppearanceVariables = [
903
903
  ],
904
904
  [
905
905
  'zdt_stencil_secondary_gradient_bg',
906
- [['default'], ['linear-gradient(left, #ebf0f5 0, #d5dde7 33.33%, #ebf0f5 66.66%, #ebf0f5 100%)']],
906
+ [['default'], ['linear-gradient(left, var(--dot_solitude) 0, var(--dot_paleBlue) 33.33%, var(--dot_solitude) 66.66%, var(--dot_solitude) 100%)']],
907
907
  [['dark'], ['linear-gradient(left, #383f55 0, #414963 33.33%, #414961 66.66%, #383f55 100%)']]
908
908
  ],
909
909
  [
@@ -914,18 +914,18 @@ const componentAppearanceVariables = [
914
914
  ],
915
915
  [
916
916
  'zdt_switch_default_on_bg',
917
- [['default'], ['var(--dot_bg_strongGreen)']],
918
- [['dark'], ['#4ac064']]
917
+ [['default'], ['var(--dot_strongGreen)']],
918
+ [['dark'], ['var(--dot_darkmint)']]
919
919
  ],
920
920
  [
921
921
  'zdt_switch_circle_bg',
922
- [['default'], ['var(--dot_bg_white)']],
923
- [['dark'], ['var(--dot_bg_white)']]
922
+ [['default'], ['var(--dot_white)']],
923
+ [['dark'], ['var(--dot_white)']]
924
924
  ],
925
925
  [
926
926
  'zdt_switch_circle_shadow',
927
- [['default'], ['var(--zd_shadow_smoke21)']],
928
- [['dark'], ['var(--zd_shadow_smoke21)']]
927
+ [['default'], ['var(--zd_smoke21)']],
928
+ [['dark'], ['var(--zd_smoke21)']]
929
929
  ],
930
930
  [
931
931
  'zdt_switch_effect_off_bg',
@@ -940,13 +940,13 @@ const componentAppearanceVariables = [
940
940
  ],
941
941
  [
942
942
  'zdt_textboxicon_default_icon',
943
- [['default'], ['var(--dot_text_slateGrey)']],
944
- [['dark'], ['#828994']]
943
+ [['default'], ['var(--dot_slateGrey)']],
944
+ [['dark'], ['var(--dot_oslogrey)']]
945
945
  ],
946
946
  [
947
947
  'zdt_textboxicon_hover_icon',
948
- [['default'], ['var(--dot_text_black)']],
949
- [['dark'], ['#e2e4e6']]
948
+ [['default'], ['var(--dot_black)']],
949
+ [['dark'], ['var(--dot_platinum)']]
950
950
  ],
951
951
  [
952
952
  'zdt_textboxicon_hover_line_bg',
@@ -955,8 +955,8 @@ const componentAppearanceVariables = [
955
955
  ],
956
956
  [
957
957
  'zdt_textboxicon_transparent_line_bg',
958
- [['default'], ['var(--dot_bg_mirror)']],
959
- [['dark'], ['var(--dot_bg_mirror)']]
958
+ [['default'], ['var(--dot_mirror)']],
959
+ [['dark'], ['var(--dot_mirror)']]
960
960
  ],
961
961
  [
962
962
  'zdt_textboxicon_focus_line_bg',
@@ -965,7 +965,7 @@ const componentAppearanceVariables = [
965
965
  ],
966
966
  [
967
967
  'zdt_textboxicon_error_line_bg',
968
- [['default'], ['var(--dot_border_fireBrick)']],
968
+ [['default'], ['var(--dot_fireBrick)']],
969
969
  [['dark'], ['#cc302d']]
970
970
  ],
971
971
  [
@@ -976,8 +976,8 @@ const componentAppearanceVariables = [
976
976
  ],
977
977
  [
978
978
  'zdt_textarea_default_bg',
979
- [['default'], ['var(--dot_bg_mirror)']],
980
- [['dark'], ['var(--dot_bg_mirror)']]
979
+ [['default'], ['var(--dot_mirror)']],
980
+ [['dark'], ['var(--dot_mirror)']]
981
981
  ],
982
982
  [
983
983
  'zdt_textarea_default_border',
@@ -991,8 +991,8 @@ const componentAppearanceVariables = [
991
991
  ],
992
992
  [
993
993
  'zdt_textarea_transparent_border',
994
- [['default'], ['var(--dot_border_mirror)']],
995
- [['dark'], ['var(--dot_border_mirror)']]
994
+ [['default'], ['var(--dot_mirror)']],
995
+ [['dark'], ['var(--dot_mirror)']]
996
996
  ],
997
997
  [
998
998
  'zdt_textarea_hover_border',
@@ -1006,19 +1006,19 @@ const componentAppearanceVariables = [
1006
1006
  ],
1007
1007
  [
1008
1008
  'zdt_textarea_black_text',
1009
- [['default'], ['var(--dot_text_black)']],
1010
- [['dark'], ['#e2e4e6']]
1009
+ [['default'], ['var(--dot_black)']],
1010
+ [['dark'], ['var(--dot_platinum)']]
1011
1011
  ],
1012
1012
  [
1013
1013
  'zdt_tooltip_default_bg',
1014
1014
  [['default'], ['rgba(0, 0, 0, 0.95)']],
1015
- [['dark'], ['#3e4d63']],
1015
+ [['dark'], ['var(--dot_riverbed)']],
1016
1016
  ['tooltip']
1017
1017
  ],
1018
1018
  [
1019
1019
  'zdt_tooltip_default_text',
1020
- [['default'], ['var(--dot_text_white)']],
1021
- [['dark'], ['var(--dot_text_white)']]
1020
+ [['default'], ['var(--dot_white)']],
1021
+ [['dark'], ['var(--dot_white)']]
1022
1022
  ],
1023
1023
  [
1024
1024
  'zdt_tooltip_default_box_shadow',
@@ -1027,8 +1027,8 @@ const componentAppearanceVariables = [
1027
1027
  ],
1028
1028
  [
1029
1029
  'zdt_select_emptystate_text',
1030
- [['default'], ['var(--dot_text_shuttleGrey)']],
1031
- [['dark'], ['#a8b0bd']],
1030
+ [['default'], ['var(--dot_shuttleGrey)']],
1031
+ [['dark'], ['var(--dot_cadetblue)']],
1032
1032
  ['select']
1033
1033
  ],
1034
1034
  [
@@ -1044,8 +1044,8 @@ const componentAppearanceVariables = [
1044
1044
  ],
1045
1045
  [
1046
1046
  'zdt_multiselect_transparent_border',
1047
- [['default'], ['var(--dot_border_mirror)']],
1048
- [['dark'], ['var(--dot_border_mirror)']]
1047
+ [['default'], ['var(--dot_mirror)']],
1048
+ [['dark'], ['var(--dot_mirror)']]
1049
1049
  ],
1050
1050
  [
1051
1051
  'zdt_multiselect_default_hover_border',
@@ -1059,8 +1059,8 @@ const componentAppearanceVariables = [
1059
1059
  ],
1060
1060
  [
1061
1061
  'zdt_multiselect_dark_hover_border',
1062
- [['default'], ['#9699a6']],
1063
- [['dark'], ['#9699a6']]
1062
+ [['default'], ['var(--dot_stardust)']],
1063
+ [['dark'], ['var(--dot_stardust)']]
1064
1064
  ],
1065
1065
  [
1066
1066
  'zdt_multiselect_default_active_border',
@@ -1074,33 +1074,33 @@ const componentAppearanceVariables = [
1074
1074
  ],
1075
1075
  [
1076
1076
  'zdt_multiselect_dark_active_border',
1077
- [['default'], ['#9699a6']],
1078
- [['dark'], ['#9699a6']]
1077
+ [['default'], ['var(--dot_stardust)']],
1078
+ [['dark'], ['var(--dot_stardust)']]
1079
1079
  ],
1080
1080
  [
1081
1081
  'zdt_multiselect_delete_text',
1082
- [['default'], ['var(--dot_text_shuttleGrey)']],
1083
- [['dark'], ['#a8b0bd']]
1082
+ [['default'], ['var(--dot_shuttleGrey)']],
1083
+ [['dark'], ['var(--dot_cadetblue)']]
1084
1084
  ],
1085
1085
  [
1086
1086
  'zdt_multiselect_delete_bg',
1087
- [['default'], ['var(--dot_bg_mirror)']],
1088
- [['dark'], ['var(--dot_bg_mirror)']]
1087
+ [['default'], ['var(--dot_mirror)']],
1088
+ [['dark'], ['var(--dot_mirror)']]
1089
1089
  ],
1090
1090
  [
1091
1091
  'zdt_multiselect_delete_hover_text',
1092
- [['default'], ['var(--dot_text_black)']],
1093
- [['dark'], ['#e2e4e6']]
1092
+ [['default'], ['var(--dot_black)']],
1093
+ [['dark'], ['var(--dot_platinum)']]
1094
1094
  ],
1095
1095
  [
1096
1096
  'zdt_multiselect_darkdelete_text',
1097
- [['default'], ['#9c9fab']],
1098
- [['dark'], ['#9c9fab']]
1097
+ [['default'], ['var(--dot_santagrey)']],
1098
+ [['dark'], ['var(--dot_santagrey)']]
1099
1099
  ],
1100
1100
  [
1101
1101
  'zdt_multiselect_box_bg',
1102
- [['default'], ['var(--dot_bg_white)']],
1103
- [['dark'], ['#232b38']]
1102
+ [['default'], ['var(--dot_white)']],
1103
+ [['dark'], ['var(--dot_ebonyclay)']]
1104
1104
  ],
1105
1105
  [
1106
1106
  'zdt_multiselect_selectall_text',
@@ -1109,8 +1109,8 @@ const componentAppearanceVariables = [
1109
1109
  ],
1110
1110
  [
1111
1111
  'zdt_multiselect_message_text',
1112
- [['default'], ['var(--dot_text_slateGrey)']],
1113
- [['dark'], ['#828994']]
1112
+ [['default'], ['var(--dot_slateGrey)']],
1113
+ [['dark'], ['var(--dot_oslogrey)']]
1114
1114
  ],
1115
1115
  [
1116
1116
  'zdt_advancedmultiselect_default_border',
@@ -1120,13 +1120,13 @@ const componentAppearanceVariables = [
1120
1120
  ],
1121
1121
  [
1122
1122
  'zdt_advancedmultiselect_transparent_border',
1123
- [['default'], ['var(--dot_border_mirror)']],
1124
- [['dark'], ['var(--dot_border_mirror)']]
1123
+ [['default'], ['var(--dot_mirror)']],
1124
+ [['dark'], ['var(--dot_mirror)']]
1125
1125
  ],
1126
1126
  [
1127
1127
  'zdt_advancedmultiselect_dark_border',
1128
- [['default'], ['#4b5168']],
1129
- [['dark'], ['#4b5168']]
1128
+ [['default'], ['var(--dot_mulledwine)']],
1129
+ [['dark'], ['var(--dot_mulledwine)']]
1130
1130
  ],
1131
1131
  [
1132
1132
  'zdt_advancedmultiselect_default_hover_border',
@@ -1140,8 +1140,8 @@ const componentAppearanceVariables = [
1140
1140
  ],
1141
1141
  [
1142
1142
  'zdt_advancedmultiselect_dark_hover_border',
1143
- [['default'], ['#9699a6']],
1144
- [['dark'], ['#9699a6']]
1143
+ [['default'], ['var(--dot_stardust)']],
1144
+ [['dark'], ['var(--dot_stardust)']]
1145
1145
  ],
1146
1146
  [
1147
1147
  'zdt_advancedmultiselect_default_active_border',
@@ -1155,33 +1155,33 @@ const componentAppearanceVariables = [
1155
1155
  ],
1156
1156
  [
1157
1157
  'zdt_advancedmultiselect_dark_active_border',
1158
- [['default'], ['#9699a6']],
1159
- [['dark'], ['#9699a6']]
1158
+ [['default'], ['var(--dot_stardust)']],
1159
+ [['dark'], ['var(--dot_stardust)']]
1160
1160
  ],
1161
1161
  [
1162
1162
  'zdt_advancedmultiselect_delete_text',
1163
- [['default'], ['var(--dot_text_shuttleGrey)']],
1164
- [['dark'], ['#a8b0bd']]
1163
+ [['default'], ['var(--dot_shuttleGrey)']],
1164
+ [['dark'], ['var(--dot_cadetblue)']]
1165
1165
  ],
1166
1166
  [
1167
1167
  'zdt_advancedmultiselect_delete_hover_text',
1168
- [['default'], ['var(--dot_text_black)']],
1169
- [['dark'], ['#e2e4e6']]
1168
+ [['default'], ['var(--dot_black)']],
1169
+ [['dark'], ['var(--dot_platinum)']]
1170
1170
  ],
1171
1171
  [
1172
1172
  'zdt_advancedmultiselect_delete_bg',
1173
- [['default'], ['var(--dot_bg_mirror)']],
1174
- [['dark'], ['var(--dot_bg_mirror)']]
1173
+ [['default'], ['var(--dot_mirror)']],
1174
+ [['dark'], ['var(--dot_mirror)']]
1175
1175
  ],
1176
1176
  [
1177
1177
  'zdt_advancedmultiselect_box_bg',
1178
- [['default'], ['var(--dot_bg_white)']],
1179
- [['dark'], ['#232b38']]
1178
+ [['default'], ['var(--dot_white)']],
1179
+ [['dark'], ['var(--dot_ebonyclay)']]
1180
1180
  ],
1181
1181
  [
1182
1182
  'zdt_advancedmultiselect_droppopup_text',
1183
- [['default'], ['var(--dot_text_slateGrey)']],
1184
- [['dark'], ['#828994']]
1183
+ [['default'], ['var(--dot_slateGrey)']],
1184
+ [['dark'], ['var(--dot_oslogrey)']]
1185
1185
  ],
1186
1186
  [
1187
1187
  'zdt_advancedmultiselect_more_text',
@@ -1190,8 +1190,8 @@ const componentAppearanceVariables = [
1190
1190
  ],
1191
1191
  [
1192
1192
  'zdt_rippleeffect_default_border',
1193
- [['default'], ['var(--dot_border_mirror)']],
1194
- [['dark'], ['var(--dot_border_mirror)']],
1193
+ [['default'], ['var(--dot_mirror)']],
1194
+ [['dark'], ['var(--dot_mirror)']],
1195
1195
  ['ripple effect']
1196
1196
  ],
1197
1197
  [
@@ -1241,18 +1241,18 @@ const componentAppearanceVariables = [
1241
1241
  ],
1242
1242
  [
1243
1243
  'zdt_rippleeffect_green_border',
1244
- [['default'], ['var(--dot_border_strongGreen)']],
1245
- [['dark'], ['#4ac064']]
1244
+ [['default'], ['var(--dot_strongGreen)']],
1245
+ [['dark'], ['var(--dot_darkmint)']]
1246
1246
  ],
1247
1247
  [
1248
1248
  'zdt_rippleeffect_green_bg',
1249
- [['default'], ['#f2faf5']],
1250
- [['dark'], ['#f2faf5']]
1249
+ [['default'], ['var(--dot_blacksqueeze)']],
1250
+ [['dark'], ['var(--dot_blacksqueeze)']]
1251
1251
  ],
1252
1252
  [
1253
1253
  'zdt_rippleeffect_slate_border',
1254
- [['default'], ['var(--dot_border_slateGrey)']],
1255
- [['dark'], ['#828994']]
1254
+ [['default'], ['var(--dot_slateGrey)']],
1255
+ [['dark'], ['var(--dot_oslogrey)']]
1256
1256
  ],
1257
1257
  [
1258
1258
  'zdt_rippleeffect_navy_border',
@@ -1261,59 +1261,59 @@ const componentAppearanceVariables = [
1261
1261
  ],
1262
1262
  [
1263
1263
  'zdt_rippleeffect_danger_border',
1264
- [['default'], ['var(--dot_border_brightRed)']],
1265
- [['dark'], ['#ff6b6b']]
1264
+ [['default'], ['var(--dot_brightRed)']],
1265
+ [['dark'], ['var(--dot_bittersweet)']]
1266
1266
  ],
1267
1267
  [
1268
1268
  'zdt_rippleeffect_danger_bg',
1269
- [['default'], ['var(--dot_bg_whiteSmoke)']],
1269
+ [['default'], ['var(--dot_whiteSmoke)']],
1270
1270
  [['dark'], ['rgba(255, 107, 107, 0.05)']]
1271
1271
  ],
1272
1272
  [
1273
1273
  'zdt_datetime_default_bg',
1274
- [['default'], ['var(--zd_bg_pure)']],
1275
- [['dark'], ['#232b38']],
1274
+ [['default'], ['var(--dot_white)']],
1275
+ [['dark'], ['var(--dot_ebonyclay)']],
1276
1276
  ['date time']
1277
1277
  ],
1278
1278
  [
1279
1279
  'zdt_datetime_header_bg',
1280
- [['default'], ['#f6f8fb']],
1281
- [['dark'], ['#262f3d']]
1280
+ [['default'], ['var(--dot_catskillWhite)']],
1281
+ [['dark'], ['var(--dot_unknown1)']]
1282
1282
  ],
1283
1283
  [
1284
1284
  'zdt_datetime_header_border',
1285
- [['default'], ['#ebf0f5']],
1286
- [['dark'], ['#2d3748']]
1285
+ [['default'], ['var(--dot_solitude)']],
1286
+ [['dark'], ['var(--dot_tuna)']]
1287
1287
  ],
1288
1288
  [
1289
1289
  'zdt_datetime_datestr_text',
1290
- [['default'], ['var(--dot_text_black)']],
1291
- [['dark'], ['#e2e4e6']]
1290
+ [['default'], ['var(--dot_black)']],
1291
+ [['dark'], ['var(--dot_platinum)']]
1292
1292
  ],
1293
1293
  [
1294
1294
  'zdt_datetime_datestr_hover_bg',
1295
- [['default'], ['#ebf0f5']],
1296
- [['dark'], ['#2d3748']]
1295
+ [['default'], ['var(--dot_solitude)']],
1296
+ [['dark'], ['var(--dot_tuna)']]
1297
1297
  ],
1298
1298
  [
1299
1299
  'zdt_datetime_separator_border',
1300
- [['default'], ['#d5dde7']],
1301
- [['dark'], ['#2d3748']]
1300
+ [['default'], ['var(--dot_paleBlue)']],
1301
+ [['dark'], ['var(--dot_tuna)']]
1302
1302
  ],
1303
1303
  [
1304
1304
  'zdt_datetime_daystr_text',
1305
- [['default'], ['#788190']],
1306
- [['dark'], ['#828994']]
1305
+ [['default'], ['var(--dot_slateGrey)']],
1306
+ [['dark'], ['var(--dot_oslogrey)']]
1307
1307
  ],
1308
1308
  [
1309
1309
  'zdt_datetime_invalid_text',
1310
- [['default'], ['#c8cbdc']],
1311
- [['dark'], ['#c8cbdc']]
1310
+ [['default'], ['var(--dot_paleNavy)']],
1311
+ [['dark'], ['var(--dot_paleNavy)']]
1312
1312
  ],
1313
1313
  [
1314
1314
  'zdt_datetime_invalid_hover_text',
1315
- [['default'], ['var(--dot_text_brightRed)']],
1316
- [['dark'], ['#ff6b6b']]
1315
+ [['default'], ['var(--dot_brightRed)']],
1316
+ [['dark'], ['var(--dot_bittersweet)']]
1317
1317
  ],
1318
1318
  [
1319
1319
  'zdt_datetime_invaliddate_text',
@@ -1327,29 +1327,29 @@ const componentAppearanceVariables = [
1327
1327
  ],
1328
1328
  [
1329
1329
  'zdt_datetime_today_text',
1330
- [['default'], ['var(--dot_text_white)']],
1331
- [['dark'], ['var(--dot_text_white)']]
1330
+ [['default'], ['var(--dot_white)']],
1331
+ [['dark'], ['var(--dot_white)']]
1332
1332
  ],
1333
1333
  [
1334
1334
  'zdt_datetime_text',
1335
- [['default'], ['#5a616f']],
1336
- [['dark'], ['#5a616f']]
1335
+ [['default'], ['var(--dot_shuttleGrey)']],
1336
+ [['dark'], ['var(--dot_shuttleGrey)']]
1337
1337
  ],
1338
1338
  [
1339
1339
  'zdt_yearview_default_bg',
1340
- [['default'], ['var(--dot_bg_white)']],
1341
- [['dark'], ['#232b38']],
1340
+ [['default'], ['var(--dot_white)']],
1341
+ [['dark'], ['var(--dot_ebonyclay)']],
1342
1342
  ['year view']
1343
1343
  ],
1344
1344
  [
1345
1345
  'zdt_yearview_month_bg',
1346
- [['default'], ['#f6f8fb']],
1347
- [['dark'], ['#262f3d']]
1346
+ [['default'], ['var(--dot_catskillWhite)']],
1347
+ [['dark'], ['var(--dot_unknown1)']]
1348
1348
  ],
1349
1349
  [
1350
1350
  'zdt_yearview_month_hover_bg',
1351
- [['default'], ['#e7ecf4']],
1352
- [['dark'], ['#384157']]
1351
+ [['default'], ['var(--dot_hawkesBlue)']],
1352
+ [['dark'], ['var(--dot_brightgrey)']]
1353
1353
  ],
1354
1354
  [
1355
1355
  'zdt_yearview_currentmonth_bg',
@@ -1358,23 +1358,23 @@ const componentAppearanceVariables = [
1358
1358
  ],
1359
1359
  [
1360
1360
  'zdt_yearview_currentmonth_text',
1361
- [['default'], ['var(--dot_text_white)']],
1362
- [['dark'], ['var(--dot_text_white)']]
1361
+ [['default'], ['var(--dot_white)']],
1362
+ [['dark'], ['var(--dot_white)']]
1363
1363
  ],
1364
1364
  [
1365
1365
  'zdt_yearview_yearbox_border',
1366
- [['default'], ['#d5dde7']],
1366
+ [['default'], ['var(--dot_paleBlue)']],
1367
1367
  [['dark'], ['#384157']]
1368
1368
  ],
1369
1369
  [
1370
1370
  'zdt_yearview_year_hover_text',
1371
- [['default'], ['var(--dot_text_black)']],
1372
- [['dark'], ['#e2e4e6']]
1371
+ [['default'], ['var(--dot_black)']],
1372
+ [['dark'], ['var(--dot_platinum)']]
1373
1373
  ],
1374
1374
  [
1375
1375
  'zdt_yearview_yeartext_text',
1376
- [['default'], ['#788190']],
1377
- [['dark'], ['#828994']]
1376
+ [['default'], ['var(--dot_slateGrey)']],
1377
+ [['dark'], ['var(--dot_oslogrey)']]
1378
1378
  ],
1379
1379
  [
1380
1380
  'zdt_datewidget_input_border',
@@ -1399,8 +1399,8 @@ const componentAppearanceVariables = [
1399
1399
  ],
1400
1400
  [
1401
1401
  'zdt_datewidget_placeholder_selection_text',
1402
- [['default'], ['var(--dot_text_black)']],
1403
- [['dark'], ['#e2e4e6']]
1402
+ [['default'], ['var(--dot_black)']],
1403
+ [['dark'], ['var(--dot_platinum)']]
1404
1404
  ],
1405
1405
  [
1406
1406
  'zdt_datewidget_placeholder_selection_bg',
@@ -1409,19 +1409,19 @@ const componentAppearanceVariables = [
1409
1409
  ],
1410
1410
  [
1411
1411
  'zdt_tab_default_border',
1412
- [['default'], ['var(--dot_bg_mirror)']],
1413
- [['dark'], ['var(--dot_bg_mirror)']],
1412
+ [['default'], ['var(--dot_mirror)']],
1413
+ [['dark'], ['var(--dot_mirror)']],
1414
1414
  ['tab']
1415
1415
  ],
1416
1416
  [
1417
1417
  'zdt_tab_alpha_text',
1418
- [['default'], ['var(--dot_text_shuttleGrey)']],
1419
- [['dark'], ['#a8b0bd']]
1418
+ [['default'], ['var(--dot_shuttleGrey)']],
1419
+ [['dark'], ['var(--dot_cadetblue)']]
1420
1420
  ],
1421
1421
  [
1422
1422
  'zdt_tab_alpha_hover_text',
1423
- [['default'], ['var(--dot_text_black)']],
1424
- [['dark'], ['#e2e4e6']]
1423
+ [['default'], ['var(--dot_black)']],
1424
+ [['dark'], ['var(--dot_platinum)']]
1425
1425
  ],
1426
1426
  [
1427
1427
  'zdt_tab_alpha_hover_bg',
@@ -1435,8 +1435,8 @@ const componentAppearanceVariables = [
1435
1435
  ],
1436
1436
  [
1437
1437
  'zdt_tab_alpha_active_border',
1438
- [['default'], ['var(--dot_bg_black)']],
1439
- [['dark'], ['#e2e4e6']]
1438
+ [['default'], ['var(--dot_black)']],
1439
+ [['dark'], ['var(--dot_platinum)']]
1440
1440
  ],
1441
1441
  [
1442
1442
  'zdt_tab_delta_active_border',
@@ -1445,8 +1445,8 @@ const componentAppearanceVariables = [
1445
1445
  ],
1446
1446
  [
1447
1447
  'zdt_tabs_alpha_bg',
1448
- [['default'], ['var(--dot_bg_white)']],
1449
- [['dark'], ['#232b38']],
1448
+ [['default'], ['var(--dot_white)']],
1449
+ [['dark'], ['var(--dot_ebonyclay)']],
1450
1450
  ['tabs']
1451
1451
  ],
1452
1452
  [
@@ -1456,8 +1456,8 @@ const componentAppearanceVariables = [
1456
1456
  ],
1457
1457
  [
1458
1458
  'zdt_tabs_alpha_box_shadow',
1459
- [['default'], ['var(--zd_shadow_dark10)']],
1460
- [['dark'], ['var(--zd_shadow_dark10)']]
1459
+ [['default'], ['var(--zd_dark10)']],
1460
+ [['dark'], ['var(--zd_dark10)']]
1461
1461
  ],
1462
1462
  [
1463
1463
  'zdt_tabs_delta_border',
@@ -1466,8 +1466,8 @@ const componentAppearanceVariables = [
1466
1466
  ],
1467
1467
  [
1468
1468
  'zdt_tabs_highlight_border',
1469
- [['default'], ['var(--dot_border_black)']],
1470
- [['dark'], ['#e2e4e6']]
1469
+ [['default'], ['var(--dot_black)']],
1470
+ [['dark'], ['var(--dot_platinum)']]
1471
1471
  ],
1472
1472
  [
1473
1473
  'zdt_customscroll_default_bg',