@zohodesk/components 1.0.0-alpha-225 → 1.0.0-alpha-228

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 (296) hide show
  1. package/README.md +20 -0
  2. package/assets/Appearance/dark/mode/darkMode.module.css +2 -0
  3. package/assets/Appearance/default/mode/defaultMode.module.css +2 -0
  4. package/es/Animation/Animation.js +7 -8
  5. package/es/Avatar/Avatar.js +10 -10
  6. package/es/Button/Button.js +15 -16
  7. package/es/Button/Button.module.css +6 -2
  8. package/es/Card/Card.js +4 -5
  9. package/es/DateTime/DateWidget.module.css +0 -4
  10. package/es/DropBox/DropBox.js +2 -2
  11. package/es/ListItem/ListContainer.js +118 -0
  12. package/es/ListItem/ListItem.js +23 -31
  13. package/es/ListItem/ListItemWithAvatar.js +21 -27
  14. package/es/ListItem/ListItemWithCheckBox.js +23 -29
  15. package/es/ListItem/ListItemWithIcon.js +26 -26
  16. package/es/ListItem/ListItemWithRadio.js +24 -31
  17. package/es/MultiSelect/AdvancedGroupMultiSelect.js +7 -4
  18. package/es/MultiSelect/AdvancedMultiSelect.js +6 -3
  19. package/es/MultiSelect/AdvancedMultiSelect.module.css +8 -8
  20. package/es/MultiSelect/MultiSelect.js +7 -4
  21. package/es/MultiSelect/MultiSelect.module.css +8 -13
  22. package/es/MultiSelect/MultiSelectWithAvatar.js +6 -3
  23. package/es/MultiSelect/SelectedOptions.js +3 -2
  24. package/es/PopOver/PopOver.js +19 -20
  25. package/es/Popup/Popup.js +1 -1
  26. package/es/Radio/Radio.js +1 -2
  27. package/es/Radio/Radio.module.css +2 -2
  28. package/es/Ribbon/Ribbon.js +8 -8
  29. package/es/RippleEffect/RippleEffect.js +7 -4
  30. package/es/RippleEffect/RippleEffect.module.css +3 -0
  31. package/es/Select/Select.module.css +1 -1
  32. package/es/Select/SelectWithAvatar.js +7 -4
  33. package/es/Stencils/Stencils.js +5 -6
  34. package/es/Tag/Tag.js +10 -4
  35. package/es/Tag/Tag.module.css +14 -11
  36. package/es/TextBoxIcon/TextBoxIcon.js +1 -1
  37. package/es/TextBoxIcon/TextBoxIcon.module.css +5 -2
  38. package/es/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +1 -1
  39. package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +1 -1
  40. package/lib/Animation/Animation.js +7 -8
  41. package/lib/Avatar/Avatar.js +10 -10
  42. package/lib/Button/Button.js +15 -16
  43. package/lib/Button/Button.module.css +6 -2
  44. package/lib/Card/Card.js +4 -5
  45. package/lib/DateTime/DateWidget.module.css +0 -4
  46. package/lib/DropBox/DropBox.js +6 -2
  47. package/lib/ListItem/ListContainer.js +127 -0
  48. package/lib/ListItem/ListItem.js +25 -32
  49. package/lib/ListItem/ListItemWithAvatar.js +23 -28
  50. package/lib/ListItem/ListItemWithCheckBox.js +24 -27
  51. package/lib/ListItem/ListItemWithIcon.js +27 -26
  52. package/lib/ListItem/ListItemWithRadio.js +26 -27
  53. package/lib/MultiSelect/AdvancedGroupMultiSelect.js +7 -4
  54. package/lib/MultiSelect/AdvancedMultiSelect.js +6 -3
  55. package/lib/MultiSelect/AdvancedMultiSelect.module.css +8 -8
  56. package/lib/MultiSelect/MultiSelect.js +7 -4
  57. package/lib/MultiSelect/MultiSelect.module.css +8 -13
  58. package/lib/MultiSelect/MultiSelectWithAvatar.js +6 -3
  59. package/lib/MultiSelect/SelectedOptions.js +3 -2
  60. package/lib/PopOver/PopOver.js +19 -20
  61. package/lib/Popup/Popup.js +32 -29
  62. package/lib/Radio/Radio.js +1 -3
  63. package/lib/Radio/Radio.module.css +2 -2
  64. package/lib/Ribbon/Ribbon.js +8 -8
  65. package/lib/RippleEffect/RippleEffect.js +7 -4
  66. package/lib/RippleEffect/RippleEffect.module.css +3 -0
  67. package/lib/Select/Select.module.css +1 -1
  68. package/lib/Select/SelectWithAvatar.js +7 -4
  69. package/lib/Stencils/Stencils.js +5 -6
  70. package/lib/Tag/Tag.js +10 -4
  71. package/lib/Tag/Tag.module.css +14 -11
  72. package/lib/TextBoxIcon/TextBoxIcon.js +1 -1
  73. package/lib/TextBoxIcon/TextBoxIcon.module.css +5 -2
  74. package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +5 -3
  75. package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +5 -3
  76. package/package.json +3 -3
  77. package/README_Beta.md +0 -2
  78. package/__testUtils__/globals.js +0 -46
  79. package/__testUtils__/moduleMapKey.json +0 -138
  80. package/dubFinder.js +0 -96
  81. package/es/Accordion/docs/Accordion__Demo.docs.js +0 -80
  82. package/es/Animation/docs/Animation__default.docs.js +0 -34
  83. package/es/Animation/docs/Animation__fadeIn.docs.js +0 -34
  84. package/es/Animation/docs/Animation__scaleIn.docs.js +0 -34
  85. package/es/Animation/docs/Animation__skewIn.docs.js +0 -34
  86. package/es/Animation/docs/Animation__slideDown.docs.js +0 -34
  87. package/es/Animation/docs/Animation__slideLeft.docs.js +0 -34
  88. package/es/Animation/docs/Animation__zoomIn.docs.js +0 -34
  89. package/es/AppContainer/docs/AppContainer__default.docs.js +0 -20
  90. package/es/Avatar/docs/Avatar__custom.docs.js +0 -29
  91. package/es/Avatar/docs/Avatar__default.docs.js +0 -29
  92. package/es/Avatar/docs/Avatar__palette.docs.js +0 -49
  93. package/es/Avatar/docs/Avatar__text.docs.js +0 -28
  94. package/es/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -73
  95. package/es/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -31
  96. package/es/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -50
  97. package/es/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -49
  98. package/es/Button/docs/Button__custom.docs.js +0 -771
  99. package/es/Button/docs/Button__default.docs.js +0 -536
  100. package/es/Buttongroup/docs/Buttongroup__custom.docs.js +0 -37
  101. package/es/Buttongroup/docs/Buttongroup__footer.docs.js +0 -33
  102. package/es/Buttongroup/docs/Buttongroup__header.docs.js +0 -42
  103. package/es/Card/docs/Card__Custom.docs.js +0 -34
  104. package/es/Card/docs/Card__Default.docs.js +0 -37
  105. package/es/Card/docs/Card__Scroll.docs.js +0 -59
  106. package/es/CheckBox/docs/CheckBox__custom.docs.js +0 -293
  107. package/es/CheckBox/docs/CheckBox__default.docs.js +0 -219
  108. package/es/DateTime/docs/DateTime__default.docs.js +0 -91
  109. package/es/DateTime/docs/DateWidget__default.docs.js +0 -183
  110. package/es/DateTime/docs/timezonedata.json +0 -1
  111. package/es/DropBox/docs/DropBox__custom.docs.js +0 -66
  112. package/es/DropBox/docs/DropBox__customOrder.docs.js +0 -92
  113. package/es/DropBox/docs/DropBox__fixedPosition.docs.js +0 -91
  114. package/es/DropBox/docs/DropBox__position.docs.js +0 -87
  115. package/es/DropBox/docs/DropBox__size.docs.js +0 -61
  116. package/es/DropDown/docs/DropDownHeading__custom.docs.js +0 -23
  117. package/es/DropDown/docs/DropDownHeading__default.docs.js +0 -21
  118. package/es/Label/docs/Label__clipped.docs.js +0 -27
  119. package/es/Label/docs/Label__custom.docs.js +0 -30
  120. package/es/Label/docs/Label__palette.docs.js +0 -42
  121. package/es/Label/docs/Label__size.docs.js +0 -29
  122. package/es/Label/docs/Label__type.docs.js +0 -37
  123. package/es/Layout/docs/Layout__Hidden.docs.js +0 -77
  124. package/es/Layout/docs/Layout__default.docs.js +0 -49
  125. package/es/Layout/docs/Layout__four_Column.docs.js +0 -85
  126. package/es/Layout/docs/Layout__three_Column.docs.js +0 -76
  127. package/es/Layout/docs/Layout__two_Column.docs.js +0 -69
  128. package/es/LightNightMode/docs/AlternativeColors.docs.js +0 -74
  129. package/es/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -155
  130. package/es/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -112
  131. package/es/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -91
  132. package/es/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -65
  133. package/es/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -68
  134. package/es/ListItem/docs/ListItemWithIcon__default.docs.js +0 -62
  135. package/es/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -91
  136. package/es/ListItem/docs/ListItemWithRadio__default.docs.js +0 -65
  137. package/es/ListItem/docs/ListItem__custom.docs.js +0 -114
  138. package/es/ListItem/docs/ListItem__default.docs.js +0 -82
  139. package/es/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -125
  140. package/es/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -114
  141. package/es/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -141
  142. package/es/MultiSelect/docs/MultiSelect__default.docs.js +0 -161
  143. package/es/PopOver/docs/PopOver__default.docs.js +0 -32
  144. package/es/Provider/docs/Provider_Id__Class.docs.js +0 -29
  145. package/es/Provider/docs/Provider_Id__Function.docs.js +0 -18
  146. package/es/Provider/docs/Provider_Zindex__Class.docs.js +0 -32
  147. package/es/Provider/docs/Provider_Zindex__Function.docs.js +0 -23
  148. package/es/Radio/docs/Radio__custom.docs.js +0 -245
  149. package/es/Radio/docs/Radio__default.docs.js +0 -169
  150. package/es/Responsive/docs/Responsive__Custom.docs.js +0 -206
  151. package/es/Responsive/docs/Responsive__default.docs.js +0 -97
  152. package/es/Responsive/docs/style.module.css +0 -56
  153. package/es/Ribbon/docs/Ribbon__custom.docs.js +0 -386
  154. package/es/Ribbon/docs/Ribbon__default.docs.js +0 -342
  155. package/es/RippleEffect/docs/RippleEffect__default.docs.js +0 -435
  156. package/es/Select/docs/GroupSelect__default.docs.js +0 -149
  157. package/es/Select/docs/SelectWithAvatar__default.docs.js +0 -97
  158. package/es/Select/docs/SelectWithIcon__default.docs.js +0 -138
  159. package/es/Select/docs/Select__default.docs.js +0 -288
  160. package/es/Stencils/docs/Stencils__custom.docs.js +0 -45
  161. package/es/Stencils/docs/Stencils__default.docs.js +0 -50
  162. package/es/Switch/docs/Switch__custom.docs.js +0 -153
  163. package/es/Switch/docs/Switch__default.docs.js +0 -107
  164. package/es/Tab/docs/Tab__default.docs.js +0 -258
  165. package/es/Tab/docs/tabdocs.module.css +0 -29
  166. package/es/Tag/docs/Tag__custom.docs.js +0 -368
  167. package/es/Tag/docs/Tag__default.docs.js +0 -253
  168. package/es/TextBox/docs/TextBox__custom.docs.js +0 -43
  169. package/es/TextBox/docs/TextBox__default.docs.js +0 -40
  170. package/es/TextBox/docs/TextBox__size.docs.js +0 -38
  171. package/es/TextBox/docs/TextBox__variant.docs.js +0 -38
  172. package/es/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -89
  173. package/es/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -61
  174. package/es/Textarea/docs/Textarea__animated.docs.js +0 -41
  175. package/es/Textarea/docs/Textarea__custom.docs.js +0 -82
  176. package/es/Textarea/docs/Textarea__default.docs.js +0 -76
  177. package/es/Textarea/docs/Textarea__disabled.docs.js +0 -29
  178. package/es/Tooltip/docs/Tooltip__default.docs.js +0 -332
  179. package/es/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -97
  180. package/es/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -150
  181. package/es/a11y/FocusScope/docs/FocusScope__default.docs.js +0 -139
  182. package/es/beta/FocusRing/docs/FocusRing__default.docs.js +0 -48
  183. package/es/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -72
  184. package/es/semantic/Button/docs/Button__default.docs.js +0 -20
  185. package/externalDocsBuild.js +0 -21
  186. package/lib/Accordion/docs/Accordion__Demo.docs.js +0 -126
  187. package/lib/Animation/docs/Animation__default.docs.js +0 -85
  188. package/lib/Animation/docs/Animation__fadeIn.docs.js +0 -85
  189. package/lib/Animation/docs/Animation__scaleIn.docs.js +0 -85
  190. package/lib/Animation/docs/Animation__skewIn.docs.js +0 -85
  191. package/lib/Animation/docs/Animation__slideDown.docs.js +0 -85
  192. package/lib/Animation/docs/Animation__slideLeft.docs.js +0 -85
  193. package/lib/Animation/docs/Animation__zoomIn.docs.js +0 -85
  194. package/lib/AppContainer/docs/AppContainer__default.docs.js +0 -70
  195. package/lib/Avatar/docs/Avatar__custom.docs.js +0 -87
  196. package/lib/Avatar/docs/Avatar__default.docs.js +0 -83
  197. package/lib/Avatar/docs/Avatar__palette.docs.js +0 -107
  198. package/lib/Avatar/docs/Avatar__text.docs.js +0 -86
  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/docs/Button__custom.docs.js +0 -826
  204. package/lib/Button/docs/Button__default.docs.js +0 -590
  205. package/lib/Buttongroup/docs/Buttongroup__custom.docs.js +0 -89
  206. package/lib/Buttongroup/docs/Buttongroup__footer.docs.js +0 -85
  207. package/lib/Buttongroup/docs/Buttongroup__header.docs.js +0 -98
  208. package/lib/Card/docs/Card__Custom.docs.js +0 -90
  209. package/lib/Card/docs/Card__Default.docs.js +0 -92
  210. package/lib/Card/docs/Card__Scroll.docs.js +0 -114
  211. package/lib/CheckBox/docs/CheckBox__custom.docs.js +0 -348
  212. package/lib/CheckBox/docs/CheckBox__default.docs.js +0 -273
  213. package/lib/DateTime/docs/DateTime__default.docs.js +0 -142
  214. package/lib/DateTime/docs/DateWidget__default.docs.js +0 -240
  215. package/lib/DateTime/docs/timezonedata.json +0 -1
  216. package/lib/DropBox/docs/DropBox__custom.docs.js +0 -122
  217. package/lib/DropBox/docs/DropBox__customOrder.docs.js +0 -141
  218. package/lib/DropBox/docs/DropBox__fixedPosition.docs.js +0 -140
  219. package/lib/DropBox/docs/DropBox__position.docs.js +0 -142
  220. package/lib/DropBox/docs/DropBox__size.docs.js +0 -116
  221. package/lib/DropDown/docs/DropDownHeading__custom.docs.js +0 -73
  222. package/lib/DropDown/docs/DropDownHeading__default.docs.js +0 -70
  223. package/lib/Label/docs/Label__clipped.docs.js +0 -81
  224. package/lib/Label/docs/Label__custom.docs.js +0 -85
  225. package/lib/Label/docs/Label__palette.docs.js +0 -96
  226. package/lib/Label/docs/Label__size.docs.js +0 -83
  227. package/lib/Label/docs/Label__type.docs.js +0 -91
  228. package/lib/Layout/docs/Layout__Hidden.docs.js +0 -127
  229. package/lib/Layout/docs/Layout__default.docs.js +0 -98
  230. package/lib/Layout/docs/Layout__four_Column.docs.js +0 -135
  231. package/lib/Layout/docs/Layout__three_Column.docs.js +0 -126
  232. package/lib/Layout/docs/Layout__two_Column.docs.js +0 -119
  233. package/lib/LightNightMode/docs/AlternativeColors.docs.js +0 -131
  234. package/lib/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -206
  235. package/lib/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -162
  236. package/lib/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -142
  237. package/lib/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -115
  238. package/lib/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -119
  239. package/lib/ListItem/docs/ListItemWithIcon__default.docs.js +0 -112
  240. package/lib/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -142
  241. package/lib/ListItem/docs/ListItemWithRadio__default.docs.js +0 -115
  242. package/lib/ListItem/docs/ListItem__custom.docs.js +0 -164
  243. package/lib/ListItem/docs/ListItem__default.docs.js +0 -131
  244. package/lib/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -177
  245. package/lib/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -165
  246. package/lib/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -191
  247. package/lib/MultiSelect/docs/MultiSelect__default.docs.js +0 -214
  248. package/lib/PopOver/docs/PopOver__default.docs.js +0 -86
  249. package/lib/Provider/docs/Provider_Id__Class.docs.js +0 -77
  250. package/lib/Provider/docs/Provider_Id__Function.docs.js +0 -29
  251. package/lib/Provider/docs/Provider_Zindex__Class.docs.js +0 -80
  252. package/lib/Provider/docs/Provider_Zindex__Function.docs.js +0 -34
  253. package/lib/Radio/docs/Radio__custom.docs.js +0 -299
  254. package/lib/Radio/docs/Radio__default.docs.js +0 -222
  255. package/lib/Responsive/docs/Responsive__Custom.docs.js +0 -272
  256. package/lib/Responsive/docs/Responsive__default.docs.js +0 -142
  257. package/lib/Responsive/docs/style.module.css +0 -56
  258. package/lib/Ribbon/docs/Ribbon__custom.docs.js +0 -437
  259. package/lib/Ribbon/docs/Ribbon__default.docs.js +0 -392
  260. package/lib/RippleEffect/docs/RippleEffect__default.docs.js +0 -484
  261. package/lib/Select/docs/GroupSelect__default.docs.js +0 -199
  262. package/lib/Select/docs/SelectWithAvatar__default.docs.js +0 -152
  263. package/lib/Select/docs/SelectWithIcon__default.docs.js +0 -190
  264. package/lib/Select/docs/Select__default.docs.js +0 -340
  265. package/lib/Stencils/docs/Stencils__custom.docs.js +0 -96
  266. package/lib/Stencils/docs/Stencils__default.docs.js +0 -101
  267. package/lib/Switch/docs/Switch__custom.docs.js +0 -203
  268. package/lib/Switch/docs/Switch__default.docs.js +0 -156
  269. package/lib/Tab/docs/Tab__default.docs.js +0 -308
  270. package/lib/Tab/docs/tabdocs.module.css +0 -29
  271. package/lib/Tag/docs/Tag__custom.docs.js +0 -423
  272. package/lib/Tag/docs/Tag__default.docs.js +0 -307
  273. package/lib/TextBox/docs/TextBox__custom.docs.js +0 -98
  274. package/lib/TextBox/docs/TextBox__default.docs.js +0 -95
  275. package/lib/TextBox/docs/TextBox__size.docs.js +0 -93
  276. package/lib/TextBox/docs/TextBox__variant.docs.js +0 -93
  277. package/lib/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -145
  278. package/lib/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -117
  279. package/lib/Textarea/docs/Textarea__animated.docs.js +0 -95
  280. package/lib/Textarea/docs/Textarea__custom.docs.js +0 -137
  281. package/lib/Textarea/docs/Textarea__default.docs.js +0 -130
  282. package/lib/Textarea/docs/Textarea__disabled.docs.js +0 -83
  283. package/lib/Tooltip/docs/Tooltip__default.docs.js +0 -391
  284. package/lib/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -150
  285. package/lib/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -206
  286. package/lib/a11y/FocusScope/docs/FocusScope__default.docs.js +0 -191
  287. package/lib/beta/FocusRing/docs/FocusRing__default.docs.js +0 -101
  288. package/lib/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -145
  289. package/lib/semantic/Button/docs/Button__default.docs.js +0 -66
  290. package/preprocess/componentAppearanceColors.js +0 -67
  291. package/preprocess/componentThemeColors.js +0 -123
  292. package/preprocess/ctaThemeColors.js +0 -101
  293. package/preprocess/index.js +0 -3
  294. package/preprocess/json/componentAppearanceVariableJson.js +0 -1346
  295. package/preprocess/json/componentThemeVariableJson.js +0 -242
  296. package/preprocess/json/ctaThemeVariableJson.js +0 -203
package/preprocess/json/componentThemeVariableJson.js DELETED
@@ -1,242 +0,0 @@
1
- /* sample =>
2
- {
3
- "comment": "comment name",
4
- "data": {
5
- "--zdt_variable_name": {
6
- 'lightMode': ['blue', 'green', 'orange', 'red', 'yellow'],
7
- 'nightMode': ['blue', 'green', 'orange', 'red', 'yellow']
8
- },
9
- {
10
- "--zdt_variable_name": {
11
- 'lightMode': ['blue', 'green', 'orange', 'red', 'yellow'],
12
- 'nightMode': ['blue', 'green', 'orange', 'red', 'yellow']
13
- }
14
- }
15
- }
16
- */
17
-
18
- const componentThemeVariables = [
19
- {
20
- "comment": "stencil",
21
- "data": {
22
- "stencil_dark_bg": {
23
- 'light': [
24
- '#383f55',
25
- 'rgba(255, 255, 255, 0.07)',
26
- 'rgba(255, 255, 255, 0.07)',
27
- 'rgba(255, 255, 255, 0.07)',
28
- 'rgba(255, 255, 255, 0.07)'
29
- ],
30
- 'dark': ['#383f55', '#383f55', '#383f55', '#383f55', '#383f55']
31
- },
32
- "stencil_dark_gradient_bg": {
33
- 'light': [
34
- 'linear-gradient(to left, #383f55 0%, #414963 33.33%, #414961 66.66%, #383f55 100%)',
35
- 'linear-gradient(to left, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.03) 33.33%, rgba(255, 255, 255, 0.03) 66.66%, rgba(255, 255, 255, 0.07) 100%)',
36
- 'linear-gradient(to left, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.03) 33.33%, rgba(255, 255, 255, 0.03) 66.66%, rgba(255, 255, 255, 0.07) 100%)',
37
- 'linear-gradient(to left, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.03) 33.33%, rgba(255, 255, 255, 0.03) 66.66%, rgba(255, 255, 255, 0.07) 100%)',
38
- 'linear-gradient(to left, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.03) 33.33%, rgba(255, 255, 255, 0.03) 66.66%, rgba(255, 255, 255, 0.07) 100%)'
39
- ],
40
- 'dark': [
41
- 'linear-gradient(to left, #383f55 0%, #414963 33.33%, #414961 66.66%, #383f55 100%)',
42
- 'linear-gradient(to left, #383f55 0%, #414963 33.33%, #414961 66.66%, #383f55 100%)',
43
- 'linear-gradient(to left, #383f55 0%, #414963 33.33%, #414961 66.66%, #383f55 100%)',
44
- 'linear-gradient(to left, #383f55 0%, #414963 33.33%, #414961 66.66%, #383f55 100%)',
45
- 'linear-gradient(to left, #383f55 0%, #414963 33.33%, #414961 66.66%, #383f55 100%)'
46
- ]
47
- }
48
- }
49
- },
50
- {
51
- "comment": "dropbox",
52
- "data": {
53
- "dropbox_dark_bg": {
54
- 'light': ['var(--dot_unknown2)', '#1d2f33', '#332e24', '#34222d', '#313323'],
55
- 'dark': ['var(--dot_ebonyclay)', 'var(--dot_ebonyclay)', 'var(--dot_ebonyclay)', 'var(--dot_ebonyclay)', 'var(--dot_ebonyclay)']
56
- }
57
- }
58
- },
59
- {
60
- "comment": "listitem",
61
- "data": {
62
- "listitem_dark_bg": {
63
- 'light': ['var(--dot_unknown2)', '#1d2f33', '#332e24', '#34222d', '#313323'],
64
- 'dark': ['var(--dot_ebonyclay)', 'var(--dot_ebonyclay)', 'var(--dot_ebonyclay)', 'var(--dot_ebonyclay)', 'var(--dot_ebonyclay)']
65
- },
66
- "listitem_dark_text": {
67
- 'light': ['#d0d0d4', '#d0d0d4', '#d0d0d4', '#d0d0d4', '#d0d0d4'],
68
- 'dark': ['var(--dot_platinum)', 'var(--dot_platinum)', 'var(--dot_platinum)', 'var(--dot_platinum)', 'var(--dot_platinum)']
69
- },
70
- "listitem_dark_effect_bg": {
71
- 'light': [
72
- '#444a61',
73
- 'rgba(255, 255, 255, 0.12)',
74
- 'rgba(255, 255, 255, 0.12)',
75
- 'rgba(255, 255, 255, 0.12)',
76
- 'rgba(255, 255, 255, 0.12)'
77
- ],
78
- 'dark': ['var(--dot_unknown1)', 'var(--dot_unknown1)', 'var(--dot_unknown1)', 'var(--dot_unknown1)', 'var(--dot_unknown1)']
79
- },
80
- "listitem_dark_active_bg": {
81
- 'light': ['#3b4d6d', '#2d484e', '#4b4335', '#4d3243', '#494c34'],
82
- 'dark': ['#3b4d6d', '#3b4d6d', '#3b4d6d', '#3b4d6d', '#3b4d6d']
83
- },
84
- "listitem_dark_tickicon": {
85
- 'light': ['#6cbbfc', 'var(--dot_darkmint)', '#ff6363', '#e57717', '#e8b923'],
86
- 'dark': ['var(--dot_butterflyblue)', '#45a159', '#e94f4f', '#ff801f', '#d79835']
87
- }
88
- }
89
- },
90
- {
91
- "comment": "tag",
92
- "data": {
93
- "tag_dark_text": {
94
- 'light': ['#d0d0d4', '#d0d0d4', '#d0d0d4', '#d0d0d4', '#d0d0d4'],
95
- 'dark': ['#d0d0d4', '#d0d0d4', '#d0d0d4', '#d0d0d4', '#d0d0d4']
96
- },
97
- "tag_dark_bg": {
98
- 'light': [
99
- '#42485f',
100
- 'rgba(255, 255, 255, 0.07)',
101
- 'rgba(255, 255, 255, 0.07)',
102
- 'rgba(255, 255, 255, 0.07)',
103
- 'rgba(255, 255, 255, 0.07)'
104
- ],
105
- 'dark': ['#42485f', '#42485f', '#42485f', '#42485f', '#42485f']
106
- },
107
- "tag_dark_hover_text": {
108
- 'light': ['#d0d0d4', '#d0d0d4', '#d0d0d4', '#d0d0d4', '#d0d0d4'],
109
- 'dark': ['#d0d0d4', '#d0d0d4', '#d0d0d4', '#d0d0d4', '#d0d0d4']
110
- },
111
- "tag_dark_hover_bg": {
112
- 'light': ['var(--dot_matterhorn)', 'var(--dot_matterhorn)', 'var(--dot_matterhorn)', 'var(--dot_matterhorn)', 'var(--dot_matterhorn)'],
113
- 'dark': ['var(--dot_matterhorn)', 'var(--dot_matterhorn)', 'var(--dot_matterhorn)', 'var(--dot_matterhorn)', 'var(--dot_matterhorn)']
114
- },
115
- "tag_dark_close_bg": {
116
- 'light': ['#864654', '#864654', '#864654', '#864654', '#864654'],
117
- 'dark': ['#864654', '#864654', '#864654', '#864654', '#864654']
118
- },
119
- "tag_dark_close_text": {
120
- 'light': ['var(--dot_brightRed)', 'var(--dot_brightRed)', 'var(--dot_brightRed)', 'var(--dot_brightRed)', 'var(--dot_brightRed)'],
121
- 'dark': ['var(--dot_brightRed)', 'var(--dot_brightRed)', 'var(--dot_brightRed)', 'var(--dot_brightRed)', 'var(--dot_brightRed)']
122
- }
123
- }
124
- },
125
- {
126
- "comment": "multiselect",
127
- "data": {
128
- "multiselect_dark_border": {
129
- 'light': [
130
- 'var(--dot_mulledwine)',
131
- 'rgba(255, 255, 255, 0.2)',
132
- 'rgba(255, 255, 255, 0.2)',
133
- 'rgba(255, 255, 255, 0.2)',
134
- 'rgba(255, 255, 255, 0.2)'
135
- ],
136
- 'dark': ['var(--dot_mulledwine)', 'var(--dot_mulledwine)', 'var(--dot_mulledwine)', 'var(--dot_mulledwine)', 'var(--dot_mulledwine)']
137
- },
138
- "multiselect_darkmsg_bg": {
139
- 'light': [
140
- 'var(--dot_unknown2)',
141
- 'rgba(255, 255, 255, 0.02)',
142
- 'rgba(255, 255, 255, 0.02)',
143
- 'rgba(255, 255, 255, 0.02)',
144
- 'rgba(255, 255, 255, 0.02)'
145
- ],
146
- 'dark': ['var(--dot_ebonyclay)', 'var(--dot_ebonyclay)', 'var(--dot_ebonyclay)', 'var(--dot_ebonyclay)', 'var(--dot_ebonyclay)']
147
- },
148
- "multiselect_darkmsg_text": {
149
- 'light': ['#d0d0d4', '#d0d0d4', '#d0d0d4', '#d0d0d4', '#d0d0d4'],
150
- 'dark': ['#d0d0d4', '#d0d0d4', '#d0d0d4', '#d0d0d4', '#d0d0d4']
151
- },
152
- "multiselect_darkdelete_hover_text": {
153
- 'light': [
154
- 'var(--dot_white)',
155
- 'var(--dot_white)',
156
- 'var(--dot_white)',
157
- 'var(--dot_white)',
158
- 'var(--dot_white)'
159
- ],
160
- 'dark': ['var(--dot_platinum)', 'var(--dot_platinum)', 'var(--dot_platinum)', 'var(--dot_platinum)', 'var(--dot_platinum)']
161
- }
162
- }
163
- },
164
- {
165
- "comment": "avatar",
166
- "data": {
167
- "avatar_white_border": {
168
- 'light': [
169
- 'var(--dot_shuttleGrey)',
170
- 'rgba(255, 255, 255, 0.2)',
171
- 'rgba(255, 255, 255, 0.2)',
172
- 'rgba(255, 255, 255, 0.2)',
173
- 'rgba(255, 255, 255, 0.2)'
174
- ],
175
- 'dark': ['var(--dot_cadetblue)', 'var(--dot_cadetblue)', 'var(--dot_cadetblue)', 'var(--dot_cadetblue)', 'var(--dot_cadetblue)']
176
- },
177
- "avatar_white_text": {
178
- 'light': [
179
- 'var(--dot_white)',
180
- 'var(--dot_white)',
181
- 'var(--dot_white)',
182
- 'var(--dot_white)',
183
- 'var(--dot_white)'
184
- ],
185
- 'dark': [
186
- 'var(--dot_white)',
187
- 'var(--dot_white)',
188
- 'var(--dot_white)',
189
- 'var(--dot_white)',
190
- 'var(--dot_white)'
191
- ]
192
- }
193
- }
194
- },
195
- {
196
- "comment": "label",
197
- "data": {
198
- "label_dark_text": {
199
- 'light': ['#d0d0d4', '#d0d0d4', '#d0d0d4', '#d0d0d4', '#d0d0d4'],
200
- 'dark': ['#d0d0d4', '#d0d0d4', '#d0d0d4', '#d0d0d4', '#d0d0d4']
201
- }
202
- }
203
- },
204
- {
205
- "comment": "textbox",
206
- "data": {
207
- "textbox_light_text": {
208
- 'light': [
209
- 'var(--dot_white)',
210
- 'var(--dot_white)',
211
- 'var(--dot_white)',
212
- 'var(--dot_white)',
213
- 'var(--dot_white)'
214
- ],
215
- 'dark': [
216
- 'var(--dot_white)',
217
- 'var(--dot_white)',
218
- 'var(--dot_white)',
219
- 'var(--dot_white)',
220
- 'var(--dot_white)'
221
- ]
222
- }
223
- }
224
- },
225
- {
226
- "comment": "dropdown",
227
- "data": {
228
- "dropdown_darkheading_text": {
229
- 'light': [
230
- 'var(--dot_white)',
231
- 'var(--dot_white)',
232
- 'var(--dot_white)',
233
- 'var(--dot_white)',
234
- 'var(--dot_white)'
235
- ],
236
- 'dark': ['var(--dot_cadetblue)', 'var(--dot_cadetblue)', 'var(--dot_cadetblue)', 'var(--dot_cadetblue)', 'var(--dot_cadetblue)']
237
- }
238
- }
239
- }
240
- ];
241
-
242
- module.exports = { componentThemeVariables: componentThemeVariables };
package/preprocess/json/ctaThemeVariableJson.js DELETED
@@ -1,203 +0,0 @@
1
- /* sample =>
2
- {
3
- "--zdt_cta_variable_name": {
4
- 'lightMode': ['blue', 'green', 'orange', 'red', 'yellow'],
5
- 'nightMode': ['blue', 'green', 'orange', 'red', 'yellow']
6
- }
7
- }
8
- */
9
-
10
- const ctaThemeVariables = [
11
- {
12
- "primary_text": {
13
- 'light': ['var(--dot_primary)', '#26a942', '#e57717', 'var(--dot_brightRed)', '#b68c07'],
14
- 'dark': ['var(--dot_butterflyblue)', '#45a159', '#ff801f', '#e94f4f', '#d79835']
15
- },
16
- "primary_hover_text": {
17
- 'light': ['var(--dot_cobalt)', '#0e7526', '#b25900', '#ab1a18', '#826800'],
18
- 'dark': ['#6eb2ff', '#5eba72', '#ffa866', '#ee7c7c', '#e1b36a']
19
- },
20
- "primary_bg": {
21
- 'light': ['var(--dot_primary)', '#26a942', '#e57717', 'var(--dot_brightRed)', '#e8b923'],
22
- 'dark': ['var(--dot_butterflyblue)', '#45a159', '#ff801f', '#e94f4f', '#d79835']
23
- },
24
- "primary_hover_bg": {
25
- 'light': ['var(--dot_cobalt)', '#0e7526', '#b25900', '#ab1a18', '#b59100'],
26
- 'dark': ['#1065cc', '#0e7c1c', '#a85100', '#a81111', '#9b6808']
27
- },
28
- "primary_border": {
29
- 'light': ['var(--dot_primary)', '#26a942', '#e57717', 'var(--dot_brightRed)', '#e8b923'],
30
- 'dark': ['var(--dot_butterflyblue)', '#45a159', '#ff801f', '#e94f4f', '#d79835']
31
- },
32
- "primary_hover_border": {
33
- 'light': ['var(--dot_cobalt)', '#0e7526', '#b25900', '#ab1a18', '#b59100'],
34
- 'dark': ['#1065cc', '#0e7c1c', '#a85100', '#a81111', '#9b6808']
35
- },
36
- "primary_box_shadow": {
37
- 'light': [
38
- 'rgba(10, 115, 235, 0.2)',
39
- 'rgba(38, 169, 66, 0.2)',
40
- 'rgba(229, 119, 23, 0.2)',
41
- 'rgba(222, 53, 53, 0.2)',
42
- 'rgba(232, 185, 35, 0.2)'
43
- ],
44
- 'dark': [
45
- 'rgba(10, 115, 235, 0.2)',
46
- 'rgba(38, 169, 66, 0.2)',
47
- 'rgba(229, 119, 23, 0.2)',
48
- 'rgba(222, 53, 53, 0.2)',
49
- 'rgba(232, 185, 35, 0.2)'
50
- ]
51
- },
52
- "primary_hover_box_shadow": {
53
- 'light': [
54
- 'rgba(0, 83, 184, 0.25)',
55
- 'rgba(14, 117, 38, 0.25)',
56
- 'rgba(178, 89, 0, 0.25)',
57
- 'rgba(171, 26, 24, 0.25)',
58
- 'rgba(181, 145, 0, 0.25)'
59
- ],
60
- 'dark': [
61
- 'rgba(0, 83, 184, 0.25)',
62
- 'rgba(14, 117, 38, 0.25)',
63
- 'rgba(178, 89, 0, 0.25)',
64
- 'rgba(171, 26, 24, 0.25)',
65
- 'rgba(181, 145, 0, 0.25)'
66
- ]
67
- },
68
- "primary_light_bg": {
69
- 'light': ['var(--dot_aliceBlue)', 'var(--dot_blacksqueeze)', '#fdf5ef', '#fdf3f3', '#fdf8e9'],
70
- 'dark': ['var(--dot_darkbluegrey)', '#26373b', '#323136', '#312d3a', '#303338']
71
- },
72
- "primary_light_hover_bg": {
73
- 'light': ['var(--dot_lavender)', '#d4eed9', '#fae4d1', '#f8d7d7', '#f8eabd'],
74
- 'dark': ['var(--dot_unknown1)', '#2d4e42', '#4f3c33', '#4b323d', '#474137']
75
- },
76
- "primary_light_border": {
77
- 'light': ['var(--zd_primary13)', '#d4eed9', '#fae4d1', '#f8d7d7', '#f8eabd'],
78
- 'dark': ['var(--zd_primary13)', '#2d4e42', '#4f3c33', '#4b323d', '#474137']
79
- },
80
- "secondary_bg": {
81
- 'light': ['var(--dot_primary)', '#26a942', '#e57717', 'var(--dot_brightRed)', '#e8b923'],
82
- 'dark': ['var(--dot_butterflyblue)', '#45a159', '#ff801f', '#e94f4f', '#d79835']
83
- },
84
- "secondary_text": {
85
- 'light': [
86
- 'var(--dot_white)',
87
- 'var(--dot_white)',
88
- 'var(--dot_white)',
89
- 'var(--dot_white)',
90
- 'var(--dot_black)'
91
- ],
92
- 'dark': [
93
- 'var(--dot_white)',
94
- 'var(--dot_white)',
95
- 'var(--dot_white)',
96
- 'var(--dot_white)',
97
- 'var(--dot_white)'
98
- ]
99
- },
100
- "secondary_border": {
101
- 'light': ['#2381ed', 'var(--dot_darkmint)', '#ea9245', '#e55d5d', 'rgba(255, 255, 255, 0.2)'],
102
- 'dark': [
103
- 'rgba(255, 255, 255, 0.15)',
104
- 'rgba(255, 255, 255, 0.15)',
105
- 'rgba(255, 255, 255, 0.15)',
106
- 'rgba(255, 255, 255, 0.15)',
107
- 'rgba(255, 255, 255, 0.15)'
108
- ]
109
- },
110
- "secondary_light_border": {
111
- 'light': [
112
- 'var(--dot_tropicalBlue)',
113
- '#bee5c6',
114
- '#f7d6b9',
115
- '#f8d7d7',
116
- '#f6e3a7'
117
- ],
118
- 'dark': ['#3f536b', '#2d4e42', '#4f3c33', '#4b323d', '#474137']
119
- },
120
- "alpha_text": {
121
- 'light': ['var(--dot_primary)', '#26a942', '#e57717', 'var(--dot_brightRed)', '#b68c07'],
122
- 'dark': ['var(--dot_butterflyblue)', '#45a159', '#ff801f', '#e94f4f', '#d79835']
123
- },
124
- "alpha_hover_text": {
125
- 'light': ['var(--dot_cobalt)', '#0e7526', '#b25900', '#ab1a18', '#826800'],
126
- 'dark': ['#6eb2ff', '#0e7c1c', '#a85100', '#a81111', '#9b6808']
127
- },
128
- "alpha_border": {
129
- 'light': ['var(--dot_primary)', '#26a942', '#e57717', 'var(--dot_brightRed)', '#b68c07'],
130
- 'dark': ['var(--dot_butterflyblue)', '#45a159', '#ff801f', '#e94f4f', '#d79835']
131
- },
132
- "alpha_hover_border": {
133
- 'light': ['var(--dot_cobalt)', '#0e7526', '#b25900', '#ab1a18', '#826800'],
134
- 'dark': ['#1065cc', '#0e7c1c', '#a85100', '#a81111', '#9b6808']
135
- },
136
- "alpha_bg": {
137
- 'light': ['#e7f1fd', '#d4eed9', '#fae4d1', '#f8d7d7', '#f8eabd'],
138
- 'dark': ['#253142', '#2a433f', '#393335', '#372f3a', '#353638']
139
- },
140
- "beta_border": {
141
- 'light': ['var(--dot_primary)', '#26a942', '#e57717', 'var(--dot_brightRed)', '#b68c07'],
142
- 'dark': ['var(--dot_butterflyblue)', '#45a159', '#ff801f', '#e94f4f', '#d79835']
143
- },
144
- "grey_10_bg": {
145
- 'light': [
146
- 'var(--dot_catskillWhite)',
147
- '#f6faf9',
148
- '#f9f7f6',
149
- '#f9f6f7',
150
- '#f8f8f6'
151
- ],
152
- 'dark': ['var(--dot_unknown1)', 'var(--dot_unknown1)', 'var(--dot_unknown1)', 'var(--dot_unknown1)', 'var(--dot_unknown1)']
153
- },
154
- "grey_10_border": {
155
- 'light': [
156
- 'var(--dot_catskillWhite)',
157
- '#f6faf9',
158
- '#f9f7f6',
159
- '#f9f6f7',
160
- '#f8f8f6'
161
- ],
162
- 'dark': ['var(--dot_unknown1)', 'var(--dot_unknown1)', 'var(--dot_unknown1)', 'var(--dot_unknown1)', 'var(--dot_unknown1)']
163
- },
164
- "grey_15_bg": {
165
- 'light': ['var(--dot_solitude)', '#eef2ef', '#f2ece8', '#ede8e8', '#edede3'],
166
- 'dark': ['var(--dot_tuna)', 'var(--dot_tuna)', 'var(--dot_tuna)', 'var(--dot_tuna)', 'var(--dot_tuna)']
167
- },
168
- "grey_15_border": {
169
- 'light': ['var(--dot_solitude)', '#eef2ef', '#f2ece8', '#ede8e8', '#edede3'],
170
- 'dark': ['var(--dot_tuna)', 'var(--dot_tuna)', 'var(--dot_tuna)', 'var(--dot_tuna)', 'var(--dot_tuna)']
171
- },
172
- "grey_20_bg": {
173
- 'light': ['var(--dot_hawkesBlue)', '#ebefef', '#f2f0ee', '#eeeced', '#efefec'],
174
- 'dark': ['#161b23', '#161b23', '#161b23', '#161b23', '#161b23']
175
- },
176
- "grey_35_bg": {
177
- 'light': ['var(--dot_paleBlue)', '#d3dfd7', '#e2ddda', '#ded3d6', '#e0dbcc'],
178
- 'dark': ['var(--dot_brightgrey)', 'var(--dot_brightgrey)', 'var(--dot_brightgrey)', 'var(--dot_brightgrey)', 'var(--dot_brightgrey)']
179
- },
180
- "grey_35_text": {
181
- 'light': ['var(--dot_paleBlue)', '#d3dfd7', '#e2ddda', '#ded3d6', '#e0dbcc'],
182
- 'dark': ['var(--dot_brightgrey)', 'var(--dot_brightgrey)', 'var(--dot_brightgrey)', 'var(--dot_brightgrey)', 'var(--dot_brightgrey)']
183
- },
184
- "grey_35_border": {
185
- 'light': ['var(--dot_paleBlue)', '#d3dfd7', '#e2ddda', '#ded3d6', '#e0dbcc'],
186
- 'dark': ['var(--dot_brightgrey)', 'var(--dot_brightgrey)', 'var(--dot_brightgrey)', 'var(--dot_brightgrey)', 'var(--dot_brightgrey)']
187
- },
188
- "grey_40_bg": {
189
- 'light': ['var(--dot_paleNavy)', '#c5cdc7', '#d1cbc6', '#b9b2b4', '#ccc2a4'],
190
- 'dark': ['var(--dot_riverbed)', 'var(--dot_riverbed)', 'var(--dot_riverbed)', 'var(--dot_riverbed)', 'var(--dot_riverbed)']
191
- },
192
- "grey_40_text": {
193
- 'light': ['var(--dot_paleNavy)', '#c5cdc7', '#d1cbc6', '#b9b2b4', '#ccc2a4'],
194
- 'dark': ['var(--dot_riverbed)', 'var(--dot_riverbed)', 'var(--dot_riverbed)', 'var(--dot_riverbed)', 'var(--dot_riverbed)']
195
- },
196
- "grey_40_border": {
197
- 'light': ['var(--dot_paleNavy)', '#c5cdc7', '#d1cbc6', '#b9b2b4', '#ccc2a4'],
198
- 'dark': ['var(--dot_riverbed)', 'var(--dot_riverbed)', 'var(--dot_riverbed)', 'var(--dot_riverbed)', 'var(--dot_riverbed)']
199
- }
200
- }
201
- ];
202
-
203
- module.exports = { ctaThemeVariables: ctaThemeVariables };