@zohodesk/components 1.2.13 → 1.2.15

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 (119) hide show
  1. package/.cli/PropLessFiles.html +1 -1
  2. package/.cli/PropValidationExcludeFilesArray.js +1 -7
  3. package/.cli/propValidation_report.html +1 -1
  4. package/README.md +9 -0
  5. package/assets/Appearance/dark/mode/Component_DarkMode.module.css +171 -171
  6. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css +450 -450
  7. package/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css +30 -30
  8. package/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css +450 -450
  9. package/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css +30 -30
  10. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css +450 -450
  11. package/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css +30 -30
  12. package/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css +450 -450
  13. package/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css +30 -30
  14. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css +450 -450
  15. package/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css +30 -30
  16. package/assets/Appearance/light/mode/Component_LightMode.module.css +170 -170
  17. package/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css +450 -450
  18. package/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css +30 -30
  19. package/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css +450 -450
  20. package/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css +30 -30
  21. package/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css +450 -450
  22. package/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css +30 -30
  23. package/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css +450 -450
  24. package/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css +30 -30
  25. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css +450 -450
  26. package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css +30 -30
  27. package/assets/Appearance/pureDark/mode/Component_PureDarkMode.module.css +171 -171
  28. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css +450 -450
  29. package/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css +30 -30
  30. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css +450 -450
  31. package/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css +30 -30
  32. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css +450 -450
  33. package/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css +30 -30
  34. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css +450 -450
  35. package/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css +30 -30
  36. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css +450 -450
  37. package/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css +30 -30
  38. package/assets/Contrast/darkContrastLightness.module.css +34 -34
  39. package/assets/Contrast/lightContrastLightness.module.css +34 -34
  40. package/assets/Contrast/pureDarkContrastLightness.module.css +34 -34
  41. package/es/Avatar/__tests__/Avatar.spec.js +181 -0
  42. package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -0
  43. package/es/AvatarTeam/__tests__/AvatarTeam.spec.js +138 -0
  44. package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -0
  45. package/es/Buttongroup/Buttongroup.module.css +1 -2
  46. package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +1 -4
  47. package/es/Label/__tests__/Label.spec.js +99 -0
  48. package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -0
  49. package/es/ListItem/ListItem.module.css +6 -17
  50. package/es/Radio/__tests__/Radio.spec.js +241 -0
  51. package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -0
  52. package/es/Ribbon/Ribbon.module.css +1 -2
  53. package/es/Ribbon/__tests__/Ribbon.spec.js +52 -0
  54. package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -0
  55. package/es/RippleEffect/__tests__/RippleEffect.spec.js +69 -0
  56. package/es/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -0
  57. package/es/Stencils/__tests__/Stencils.spec.js +46 -0
  58. package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -0
  59. package/es/Switch/__tests__/Switch.spec.js +156 -0
  60. package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -0
  61. package/es/Tag/Tag.module.css +2 -3
  62. package/es/common/common.module.css +2 -2
  63. package/es/v1/ListItem/ListItemWithAvatar.js +7 -8
  64. package/es/v1/Tag/Tag.js +6 -2
  65. package/es/v1/TextBox/TextBox.js +10 -10
  66. package/lib/Avatar/__tests__/Avatar.spec.js +188 -0
  67. package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -0
  68. package/lib/AvatarTeam/__tests__/AvatarTeam.spec.js +145 -0
  69. package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -0
  70. package/lib/Buttongroup/Buttongroup.module.css +1 -2
  71. package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +1 -4
  72. package/lib/Label/__tests__/Label.spec.js +106 -0
  73. package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -0
  74. package/lib/ListItem/ListItem.module.css +6 -17
  75. package/lib/Radio/__tests__/Radio.spec.js +250 -0
  76. package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -0
  77. package/lib/Ribbon/Ribbon.module.css +1 -2
  78. package/lib/Ribbon/__tests__/Ribbon.spec.js +59 -0
  79. package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -0
  80. package/lib/RippleEffect/__tests__/RippleEffect.spec.js +76 -0
  81. package/lib/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -0
  82. package/lib/Stencils/__tests__/Stencils.spec.js +53 -0
  83. package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -0
  84. package/lib/Switch/__tests__/Switch.spec.js +163 -0
  85. package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -0
  86. package/lib/Tag/Tag.module.css +2 -3
  87. package/lib/common/common.module.css +2 -2
  88. package/lib/v1/ListItem/ListItemWithAvatar.js +14 -9
  89. package/lib/v1/Tag/Tag.js +7 -4
  90. package/lib/v1/TextBox/TextBox.js +8 -9
  91. package/package.json +10 -10
  92. package/result.json +1 -1
  93. package/coverage/Button/Button.js.html +0 -313
  94. package/coverage/Button/css/Button.module.css.html +0 -1441
  95. package/coverage/Button/css/cssJSLogic.js.html +0 -214
  96. package/coverage/Button/css/index.html +0 -131
  97. package/coverage/Button/index.html +0 -116
  98. package/coverage/Button/props/defaultProps.js.html +0 -142
  99. package/coverage/Button/props/index.html +0 -131
  100. package/coverage/Button/props/propTypes.js.html +0 -208
  101. package/coverage/Buttongroup/Buttongroup.js.html +0 -220
  102. package/coverage/Buttongroup/Buttongroup.module.css.html +0 -298
  103. package/coverage/Buttongroup/index.html +0 -131
  104. package/coverage/Buttongroup/props/defaultProps.js.html +0 -103
  105. package/coverage/Buttongroup/props/index.html +0 -131
  106. package/coverage/Buttongroup/props/propTypes.js.html +0 -115
  107. package/coverage/base.css +0 -224
  108. package/coverage/block-navigation.js +0 -87
  109. package/coverage/coverage-final.json +0 -11
  110. package/coverage/coverage-summary.json +0 -12
  111. package/coverage/favicon.png +0 -0
  112. package/coverage/index.html +0 -191
  113. package/coverage/prettify.css +0 -1
  114. package/coverage/prettify.js +0 -2
  115. package/coverage/sort-arrow-sprite.png +0 -0
  116. package/coverage/sorter.js +0 -196
  117. package/coverage/utils/dummyFunction.js.html +0 -88
  118. package/coverage/utils/index.html +0 -116
  119. package/unittest/index.html +0 -37
package/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css CHANGED
@@ -1,35 +1,35 @@
1
1
  [data-mode='light'][data-theme='yellow'] {
2
2
  /* CTA variables */
3
- --zdt_cta_primary_text: hsla(46, 92.59%, calc(37.06% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
4
- --zdt_cta_primary_hover_text: hsla(48, 100.00%, calc(25.49% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
5
- --zdt_cta_primary_bg: hsla(46, 81.07%, calc(52.35% + var(--zd_light_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
6
- --zdt_cta_primary_hover_bg: hsla(48, 100.00%, calc(35.49% + var(--zd_light_darker_low_lValue)), calc(1 + var(--zd_alpha_low)));
7
- --zdt_cta_primary_border: hsla(46, 81.07%, calc(52.35% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
8
- --zdt_cta_primary_hover_border: hsla(48, 100.00%, calc(35.49% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
3
+ --zdt_cta_primary_text: hsla(46, 92.59%, calc(37.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
4
+ --zdt_cta_primary_hover_text: hsla(48, 100.00%, calc(25.49% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
5
+ --zdt_cta_primary_bg: hsla(46, 81.07%, calc(52.35% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
6
+ --zdt_cta_primary_hover_bg: hsla(48, 100.00%, calc(35.49% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
7
+ --zdt_cta_primary_border: hsla(46, 81.07%, calc(52.35% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
8
+ --zdt_cta_primary_hover_border: hsla(48, 100.00%, calc(35.49% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
9
9
  --zdt_cta_primary_box_shadow: rgba(232, 185, 35, 0.2);
10
10
  --zdt_cta_primary_hover_box_shadow: rgba(181, 145, 0, 0.25);
11
- --zdt_cta_primary_light_bg: hsla(45, 83.33%, calc(95.29% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
12
- --zdt_cta_primary_light_hover_bg: hsla(46, 80.82%, calc(85.69% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
13
- --zdt_cta_primary_light_border: hsla(46, 80.82%, calc(85.69% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
14
- --zdt_cta_secondary_bg: hsla(46, 81.07%, calc(52.35% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
15
- --zdt_cta_secondary_text: hsla(0, 0.00%, calc(0.00% + var(--zd_light_lighter_high_lValue)), calc(1 + var(--zd_alpha_high)));
16
- --zdt_cta_secondary_border: hsla(46, 81.18%, calc(66.67% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
17
- --zdt_cta_secondary_light_border: hsla(46, 81.44%, calc(80.98% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
18
- --zdt_cta_alpha_text: hsla(46, 92.59%, calc(37.06% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
19
- --zdt_cta_alpha_hover_text: hsla(48, 100.00%, calc(25.49% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
20
- --zdt_cta_alpha_border: hsla(46, 92.59%, calc(37.06% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
21
- --zdt_cta_alpha_hover_border: hsla(48, 100.00%, calc(25.49% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
22
- --zdt_cta_alpha_bg: hsla(46, 80.82%, calc(85.69% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
23
- --zdt_cta_beta_border: hsla(46, 92.59%, calc(37.06% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
24
- --zdt_cta_grey_10_bg: hsla(60, 12.50%, calc(96.86% + var(--zd_light_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
25
- --zdt_cta_grey_10_border: hsla(60, 12.50%, calc(96.86% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
26
- --zdt_cta_grey_15_bg: hsla(60, 21.74%, calc(90.98% + var(--zd_light_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
27
- --zdt_cta_grey_15_border: hsla(60, 21.74%, calc(90.98% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
28
- --zdt_cta_grey_20_bg: hsla(60, 8.57%, calc(93.14% + var(--zd_light_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
29
- --zdt_cta_grey_35_bg: hsla(45, 24.39%, calc(83.92% + var(--zd_light_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
30
- --zdt_cta_grey_35_text: hsla(45, 24.39%, calc(83.92% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
31
- --zdt_cta_grey_35_border: hsla(45, 24.39%, calc(83.92% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
32
- --zdt_cta_grey_40_bg: hsla(45, 28.17%, calc(72.16% + var(--zd_light_darker_lowest_lValue)), calc(1 + var(--zd_alpha_high)));
33
- --zdt_cta_grey_40_text: hsla(45, 28.17%, calc(72.16% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
34
- --zdt_cta_grey_40_border: hsla(45, 28.17%, calc(72.16% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
11
+ --zdt_cta_primary_light_bg: hsla(45, 83.33%, calc(95.29% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
12
+ --zdt_cta_primary_light_hover_bg: hsla(46, 80.82%, calc(85.69% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
13
+ --zdt_cta_primary_light_border: hsla(46, 80.82%, calc(85.69% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
14
+ --zdt_cta_secondary_bg: hsla(46, 81.07%, calc(52.35% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
15
+ --zdt_cta_secondary_text: hsla(0, 0.00%, calc(0.00% + var(--zdc_lighter_high)), calc(1 + var(--zdc_alpha_high)));
16
+ --zdt_cta_secondary_border: hsla(46, 81.18%, calc(66.67% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
17
+ --zdt_cta_secondary_light_border: hsla(46, 81.44%, calc(80.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
18
+ --zdt_cta_alpha_text: hsla(46, 92.59%, calc(37.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
19
+ --zdt_cta_alpha_hover_text: hsla(48, 100.00%, calc(25.49% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
20
+ --zdt_cta_alpha_border: hsla(46, 92.59%, calc(37.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
21
+ --zdt_cta_alpha_hover_border: hsla(48, 100.00%, calc(25.49% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
22
+ --zdt_cta_alpha_bg: hsla(46, 80.82%, calc(85.69% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
23
+ --zdt_cta_beta_border: hsla(46, 92.59%, calc(37.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
24
+ --zdt_cta_grey_10_bg: hsla(60, 12.50%, calc(96.86% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
25
+ --zdt_cta_grey_10_border: hsla(60, 12.50%, calc(96.86% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
26
+ --zdt_cta_grey_15_bg: hsla(60, 21.74%, calc(90.98% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
27
+ --zdt_cta_grey_15_border: hsla(60, 21.74%, calc(90.98% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
28
+ --zdt_cta_grey_20_bg: hsla(60, 8.57%, calc(93.14% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
29
+ --zdt_cta_grey_35_bg: hsla(45, 24.39%, calc(83.92% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
30
+ --zdt_cta_grey_35_text: hsla(45, 24.39%, calc(83.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
31
+ --zdt_cta_grey_35_border: hsla(45, 24.39%, calc(83.92% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
32
+ --zdt_cta_grey_40_bg: hsla(45, 28.17%, calc(72.16% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
33
+ --zdt_cta_grey_40_text: hsla(45, 28.17%, calc(72.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
34
+ --zdt_cta_grey_40_border: hsla(45, 28.17%, calc(72.16% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
35
35
  }