@zohodesk/components 1.0.0-temp-43 → 1.0.0-temp-44

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