@dreamcommerce/aurora 2.20.7 → 2.21.0-1

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 (248) hide show
  1. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/constants.js +0 -9
  2. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/constants.js.map +1 -1
  3. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js +84 -60
  4. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js.map +1 -1
  5. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/utils/converters.js +0 -15
  6. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/utils/converters.js.map +1 -1
  7. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/utils/formatters.js +2 -7
  8. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/utils/formatters.js.map +1 -1
  9. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/utils/gradientParser.js +64 -40
  10. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/utils/gradientParser.js.map +1 -1
  11. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/utils/utils.js +14 -103
  12. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/utils/utils.js.map +1 -1
  13. package/build/cjs/packages/aurora/src/components/color_picker_new/color_picker_utils.js +33 -3
  14. package/build/cjs/packages/aurora/src/components/color_picker_new/color_picker_utils.js.map +1 -1
  15. package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-label-input.js → color_label_input.js} +7 -7
  16. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_content.js +14 -22
  17. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_content.js.map +1 -1
  18. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_controls.js +55 -0
  19. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_controls.js.map +1 -0
  20. package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-footer.js → color_picker_footer.js} +8 -8
  21. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_gradient_controls/color_picker_gradient_angle.js +50 -0
  22. package/build/{esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.js.map → cjs/packages/aurora/src/components/color_picker_new/components/color_picker_gradient_controls/color_picker_gradient_angle.js.map} +1 -1
  23. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_gradient_controls/color_picker_gradient_controls_constants.js +16 -0
  24. package/build/cjs/{external/react-best-gradient-color-picker/dist/esm/index.js.map → packages/aurora/src/components/color_picker_new/components/color_picker_gradient_controls/color_picker_gradient_controls_constants.js.map} +1 -1
  25. package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-header.js → color_picker_header.js} +9 -9
  26. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_impl/color_picker_impl.js +48 -0
  27. package/build/{esm/external/react-best-gradient-color-picker/dist/esm/components/Picker.js.map → cjs/packages/aurora/src/components/color_picker_new/components/color_picker_impl/color_picker_impl.js.map} +1 -1
  28. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_impl/picker_impl.js +39 -0
  29. package/build/cjs/{external/react-best-gradient-color-picker/dist/esm/components/Portal.js.map → packages/aurora/src/components/color_picker_new/components/color_picker_impl/picker_impl.js.map} +1 -1
  30. package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-inputs/color-picker-inputs.js → color_picker_inputs/color_picker_inputs.js} +14 -10
  31. package/build/cjs/{external/react-best-gradient-color-picker/dist/esm/components/Picker.js.map → packages/aurora/src/components/color_picker_new/components/color_picker_inputs/color_picker_inputs.js.map} +1 -1
  32. package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-inputs/color-picker-inputs-hex.js → color_picker_inputs/color_picker_inputs_hex.js} +9 -9
  33. package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-inputs/color-picker-inputs-rgba.js → color_picker_inputs/color_picker_inputs_rgba.js} +11 -11
  34. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_mode_toggler.js +56 -0
  35. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_mode_toggler.js.map +1 -0
  36. package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-shades.js → color_picker_shades.js} +10 -10
  37. package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-swatch.js → color_picker_swatch.js} +4 -4
  38. package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-variables.js → color_picker_variables.js} +11 -11
  39. package/build/cjs/packages/aurora/src/components/color_picker_new/components/current_color_preview.js +29 -0
  40. package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure_color_picker.js +7 -7
  41. package/build/cjs/packages/aurora/src/components/color_picker_new/constants.js +6 -1
  42. package/build/cjs/packages/aurora/src/components/color_picker_new/constants.js.map +1 -1
  43. package/build/cjs/packages/aurora/src/components/color_picker_new/context.js +5 -1
  44. package/build/cjs/packages/aurora/src/components/color_picker_new/context.js.map +1 -1
  45. package/build/cjs/packages/aurora/src/components/color_picker_new/css_classes.js +18 -0
  46. package/build/cjs/packages/aurora/src/components/color_picker_new/css_classes.js.map +1 -1
  47. package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/setup_color_piceker.js +183 -0
  48. package/build/{esm/external/react-best-gradient-color-picker/dist/esm/components/GradientBar.js.map → cjs/packages/aurora/src/components/color_picker_new/hooks/setup_color_piceker.js.map} +1 -1
  49. package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js +4 -127
  50. package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map +1 -1
  51. package/build/cjs/packages/aurora/src/components/color_picker_new/index.js +46 -26
  52. package/build/cjs/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
  53. package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker_new/index.js +4 -2
  54. package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker_new/index.js.map +1 -1
  55. package/build/cjs/packages/aurora/src/css/color_picker_new/main.module.less.js +15 -2
  56. package/build/cjs/packages/aurora/src/css/color_picker_new/main.module.less.js.map +1 -1
  57. package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js +5 -0
  58. package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js.map +1 -1
  59. package/build/esm/external/react-best-gradient-color-picker/dist/esm/constants.js +1 -8
  60. package/build/esm/external/react-best-gradient-color-picker/dist/esm/constants.js.map +1 -1
  61. package/build/esm/external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js +84 -60
  62. package/build/esm/external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js.map +1 -1
  63. package/build/esm/external/react-best-gradient-color-picker/dist/esm/utils/converters.js +1 -15
  64. package/build/esm/external/react-best-gradient-color-picker/dist/esm/utils/converters.js.map +1 -1
  65. package/build/esm/external/react-best-gradient-color-picker/dist/esm/utils/formatters.js +3 -7
  66. package/build/esm/external/react-best-gradient-color-picker/dist/esm/utils/formatters.js.map +1 -1
  67. package/build/esm/external/react-best-gradient-color-picker/dist/esm/utils/gradientParser.js +64 -40
  68. package/build/esm/external/react-best-gradient-color-picker/dist/esm/utils/gradientParser.js.map +1 -1
  69. package/build/esm/external/react-best-gradient-color-picker/dist/esm/utils/utils.js +15 -99
  70. package/build/esm/external/react-best-gradient-color-picker/dist/esm/utils/utils.js.map +1 -1
  71. package/build/esm/packages/aurora/src/components/color_picker_new/color_picker_utils.d.ts +2 -0
  72. package/build/esm/packages/aurora/src/components/color_picker_new/color_picker_utils.js +33 -3
  73. package/build/esm/packages/aurora/src/components/color_picker_new/color_picker_utils.js.map +1 -1
  74. package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-label-input.d.ts → color_label_input.d.ts} +1 -1
  75. package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-label-input.js → color_label_input.js} +8 -8
  76. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_content.js +15 -23
  77. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_content.js.map +1 -1
  78. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_controls.d.ts +1 -0
  79. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_controls.js +44 -0
  80. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_controls.js.map +1 -0
  81. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_footer.d.ts +1 -0
  82. package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-footer.js → color_picker_footer.js} +8 -8
  83. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_gradient_controls/color_picker_gradient_angle.d.ts +1 -0
  84. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_gradient_controls/color_picker_gradient_angle.js +42 -0
  85. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_gradient_controls/color_picker_gradient_angle.js.map +1 -0
  86. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_gradient_controls/color_picker_gradient_controls_constants.d.ts +8 -0
  87. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_gradient_controls/color_picker_gradient_controls_constants.js +12 -0
  88. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_header.d.ts +1 -0
  89. package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-header.js → color_picker_header.js} +9 -9
  90. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_impl/color_picker_impl.d.ts +1 -0
  91. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_impl/color_picker_impl.js +39 -0
  92. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_impl/color_picker_impl.js.map +1 -0
  93. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_impl/picker_impl.d.ts +1 -0
  94. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_impl/picker_impl.js +27 -0
  95. package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-swatch.js.map → color_picker_impl/picker_impl.js.map} +1 -1
  96. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_inputs/color_picker_inputs.d.ts +1 -0
  97. package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-inputs/color-picker-inputs.js → color_picker_inputs/color_picker_inputs.js} +14 -10
  98. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_inputs/color_picker_inputs.js.map +1 -0
  99. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_inputs/color_picker_inputs_hex.d.ts +1 -0
  100. package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-inputs/color-picker-inputs-hex.js → color_picker_inputs/color_picker_inputs_hex.js} +10 -10
  101. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_inputs/color_picker_inputs_rgba.d.ts +1 -0
  102. package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-inputs/color-picker-inputs-rgba.js → color_picker_inputs/color_picker_inputs_rgba.js} +12 -12
  103. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_mode_toggler.d.ts +1 -0
  104. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_mode_toggler.js +47 -0
  105. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_mode_toggler.js.map +1 -0
  106. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_shades.d.ts +1 -0
  107. package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-shades.js → color_picker_shades.js} +11 -11
  108. package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-swatch.d.ts → color_picker_swatch.d.ts} +1 -1
  109. package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-swatch.js → color_picker_swatch.js} +4 -4
  110. package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-variables.d.ts → color_picker_variables.d.ts} +1 -1
  111. package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-variables.js → color_picker_variables.js} +12 -12
  112. package/build/esm/packages/aurora/src/components/color_picker_new/components/current_color_preview.d.ts +1 -0
  113. package/build/esm/packages/aurora/src/components/color_picker_new/components/current_color_preview.js +21 -0
  114. package/build/esm/packages/aurora/src/components/color_picker_new/components/current_color_preview.js.map +1 -0
  115. package/build/esm/packages/aurora/src/components/color_picker_new/components/pure_color_picker.js +8 -8
  116. package/build/esm/packages/aurora/src/components/color_picker_new/constants.d.ts +5 -1
  117. package/build/esm/packages/aurora/src/components/color_picker_new/constants.js +6 -2
  118. package/build/esm/packages/aurora/src/components/color_picker_new/constants.js.map +1 -1
  119. package/build/esm/packages/aurora/src/components/color_picker_new/context.d.ts +2 -2
  120. package/build/esm/packages/aurora/src/components/color_picker_new/context.js +5 -1
  121. package/build/esm/packages/aurora/src/components/color_picker_new/context.js.map +1 -1
  122. package/build/esm/packages/aurora/src/components/color_picker_new/css_classes.d.ts +9 -0
  123. package/build/esm/packages/aurora/src/components/color_picker_new/css_classes.js +10 -1
  124. package/build/esm/packages/aurora/src/components/color_picker_new/css_classes.js.map +1 -1
  125. package/build/esm/packages/aurora/src/components/color_picker_new/hooks/setup_color_piceker.d.ts +33 -0
  126. package/build/esm/packages/aurora/src/components/color_picker_new/hooks/setup_color_piceker.js +179 -0
  127. package/build/{cjs/external/react-best-gradient-color-picker/dist/esm/components/GradientControls.js.map → esm/packages/aurora/src/components/color_picker_new/hooks/setup_color_piceker.js.map} +1 -1
  128. package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.d.ts +2 -25
  129. package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js +5 -128
  130. package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map +1 -1
  131. package/build/esm/packages/aurora/src/components/color_picker_new/index.d.ts +1 -1
  132. package/build/esm/packages/aurora/src/components/color_picker_new/index.js +46 -26
  133. package/build/esm/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
  134. package/build/esm/packages/aurora/src/components/color_picker_new/types.d.ts +24 -2
  135. package/build/esm/packages/aurora/src/components/color_picker_new/types.js +1 -0
  136. package/build/esm/packages/aurora/src/components/color_picker_new/types.js.map +1 -1
  137. package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker_new/index.js +4 -2
  138. package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker_new/index.js.map +1 -1
  139. package/build/esm/packages/aurora/src/components/controls/types.d.ts +1 -0
  140. package/build/esm/packages/aurora/src/css/color_picker_new/main.module.less.js +15 -2
  141. package/build/esm/packages/aurora/src/css/color_picker_new/main.module.less.js.map +1 -1
  142. package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js +5 -0
  143. package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js.map +1 -1
  144. package/package.json +2 -2
  145. package/build/cjs/external/html2canvas/dist/html2canvas.esm.js +0 -10866
  146. package/build/cjs/external/html2canvas/dist/html2canvas.esm.js.map +0 -1
  147. package/build/cjs/external/lodash.throttle/index.js +0 -455
  148. package/build/cjs/external/lodash.throttle/index.js.map +0 -1
  149. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/AdvancedControls.js +0 -224
  150. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/AdvancedControls.js.map +0 -1
  151. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/ComparibleColors.js +0 -168
  152. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/ComparibleColors.js.map +0 -1
  153. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Controls.js +0 -264
  154. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Controls.js.map +0 -1
  155. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/EyeDropper.js +0 -159
  156. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/EyeDropper.js.map +0 -1
  157. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/GradientBar.js +0 -216
  158. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/GradientBar.js.map +0 -1
  159. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/GradientControls.js +0 -170
  160. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Hue.js +0 -125
  161. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Hue.js.map +0 -1
  162. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Inputs.js +0 -396
  163. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Inputs.js.map +0 -1
  164. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Opacity.js +0 -105
  165. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Opacity.js.map +0 -1
  166. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Picker.js +0 -62
  167. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Portal.js +0 -38
  168. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Presets.js +0 -79
  169. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Presets.js.map +0 -1
  170. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Square.js +0 -164
  171. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Square.js.map +0 -1
  172. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/icon.js +0 -337
  173. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/icon.js.map +0 -1
  174. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/index.js +0 -96
  175. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/index.js.map +0 -1
  176. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/context.js +0 -157
  177. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/context.js.map +0 -1
  178. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/core.module.css.js +0 -12
  179. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/hooks/usePaintHue.js +0 -102
  180. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/hooks/usePaintHue.js.map +0 -1
  181. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/hooks/usePaintSquare.js +0 -33
  182. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/index.js +0 -10
  183. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.js.map +0 -1
  184. package/build/esm/external/html2canvas/dist/html2canvas.esm.js +0 -10862
  185. package/build/esm/external/html2canvas/dist/html2canvas.esm.js.map +0 -1
  186. package/build/esm/external/lodash.throttle/index.js +0 -451
  187. package/build/esm/external/lodash.throttle/index.js.map +0 -1
  188. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/AdvancedControls.js +0 -216
  189. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/AdvancedControls.js.map +0 -1
  190. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/ComparibleColors.js +0 -160
  191. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/ComparibleColors.js.map +0 -1
  192. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Controls.js +0 -254
  193. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Controls.js.map +0 -1
  194. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/EyeDropper.js +0 -151
  195. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/EyeDropper.js.map +0 -1
  196. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/GradientBar.js +0 -208
  197. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/GradientControls.js +0 -162
  198. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/GradientControls.js.map +0 -1
  199. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Hue.js +0 -117
  200. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Hue.js.map +0 -1
  201. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Inputs.js +0 -388
  202. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Inputs.js.map +0 -1
  203. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Opacity.js +0 -97
  204. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Opacity.js.map +0 -1
  205. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Picker.js +0 -54
  206. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Portal.js +0 -34
  207. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Portal.js.map +0 -1
  208. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Presets.js +0 -71
  209. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Presets.js.map +0 -1
  210. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Square.js +0 -156
  211. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Square.js.map +0 -1
  212. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/icon.js +0 -323
  213. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/icon.js.map +0 -1
  214. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/index.js +0 -88
  215. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/index.js.map +0 -1
  216. package/build/esm/external/react-best-gradient-color-picker/dist/esm/context.js +0 -149
  217. package/build/esm/external/react-best-gradient-color-picker/dist/esm/context.js.map +0 -1
  218. package/build/esm/external/react-best-gradient-color-picker/dist/esm/core.module.css.js +0 -8
  219. package/build/esm/external/react-best-gradient-color-picker/dist/esm/core.module.css.js.map +0 -1
  220. package/build/esm/external/react-best-gradient-color-picker/dist/esm/hooks/usePaintHue.js +0 -96
  221. package/build/esm/external/react-best-gradient-color-picker/dist/esm/hooks/usePaintHue.js.map +0 -1
  222. package/build/esm/external/react-best-gradient-color-picker/dist/esm/hooks/usePaintSquare.js +0 -29
  223. package/build/esm/external/react-best-gradient-color-picker/dist/esm/index.js +0 -3
  224. package/build/esm/external/react-best-gradient-color-picker/dist/esm/index.js.map +0 -1
  225. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-footer.d.ts +0 -1
  226. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-header.d.ts +0 -1
  227. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.d.ts +0 -1
  228. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.d.ts +0 -1
  229. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.d.ts +0 -1
  230. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-shades.d.ts +0 -1
  231. /package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-label-input.js.map → color_label_input.js.map} +0 -0
  232. /package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-footer.js.map → color_picker_footer.js.map} +0 -0
  233. /package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-header.js.map → color_picker_header.js.map} +0 -0
  234. /package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-inputs/color-picker-inputs-hex.js.map → color_picker_inputs/color_picker_inputs_hex.js.map} +0 -0
  235. /package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-inputs/color-picker-inputs-rgba.js.map → color_picker_inputs/color_picker_inputs_rgba.js.map} +0 -0
  236. /package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-shades.js.map → color_picker_shades.js.map} +0 -0
  237. /package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-swatch.js.map → color_picker_swatch.js.map} +0 -0
  238. /package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-variables.js.map → color_picker_variables.js.map} +0 -0
  239. /package/build/{esm/external/react-best-gradient-color-picker/dist/esm/hooks/usePaintSquare.js.map → cjs/packages/aurora/src/components/color_picker_new/components/current_color_preview.js.map} +0 -0
  240. /package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-label-input.js.map → color_label_input.js.map} +0 -0
  241. /package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-footer.js.map → color_picker_footer.js.map} +0 -0
  242. /package/build/{cjs/external/react-best-gradient-color-picker/dist/esm/core.module.css.js.map → esm/packages/aurora/src/components/color_picker_new/components/color_picker_gradient_controls/color_picker_gradient_controls_constants.js.map} +0 -0
  243. /package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-header.js.map → color_picker_header.js.map} +0 -0
  244. /package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-inputs/color-picker-inputs-hex.js.map → color_picker_inputs/color_picker_inputs_hex.js.map} +0 -0
  245. /package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-inputs/color-picker-inputs-rgba.js.map → color_picker_inputs/color_picker_inputs_rgba.js.map} +0 -0
  246. /package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-shades.js.map → color_picker_shades.js.map} +0 -0
  247. /package/build/{cjs/external/react-best-gradient-color-picker/dist/esm/hooks/usePaintSquare.js.map → esm/packages/aurora/src/components/color_picker_new/components/color_picker_swatch.js.map} +0 -0
  248. /package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-variables.js.map → color_picker_variables.js.map} +0 -0
@@ -1,216 +0,0 @@
1
- import React, { useRef, useState, useEffect } from 'react';
2
- import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
- import tinycolor from '../../../external/tinycolor2/tinycolor.js';
4
- import { getHandleValue } from '../utils/utils.js';
5
- import { usePicker } from '../context.js';
6
- import { usePaintSat, usePaintLight, usePaintBright } from '../hooks/usePaintHue.js';
7
-
8
- var AdvBar = function AdvBar(_ref) {
9
- var value = _ref.value,
10
- callback = _ref.callback,
11
- reffy = _ref.reffy,
12
- openAdvanced = _ref.openAdvanced,
13
- label = _ref.label;
14
-
15
- var _usePicker = usePicker(),
16
- squareWidth = _usePicker.squareWidth,
17
- classes = _usePicker.classes;
18
-
19
- var _useState = useState(false),
20
- _useState2 = _slicedToArray(_useState, 2),
21
- dragging = _useState2[0],
22
- setDragging = _useState2[1];
23
-
24
- var _useState3 = useState(2),
25
- _useState4 = _slicedToArray(_useState3, 2),
26
- handleTop = _useState4[0],
27
- setHandleTop = _useState4[1];
28
-
29
- var left = value * (squareWidth - 18);
30
- useEffect(function () {
31
- var _reffy$current;
32
-
33
- setHandleTop((reffy === null || reffy === void 0 || (_reffy$current = reffy.current) === null || _reffy$current === void 0 ? void 0 : _reffy$current.offsetTop) - 2);
34
- }, [openAdvanced, reffy]);
35
-
36
- var stopDragging = function stopDragging() {
37
- setDragging(false);
38
- };
39
-
40
- var handleMove = function handleMove(e) {
41
- if (dragging) {
42
- callback(getHandleValue(e));
43
- }
44
- };
45
-
46
- var handleClick = function handleClick(e) {
47
- if (!dragging) {
48
- callback(getHandleValue(e));
49
- }
50
- };
51
-
52
- var handleDown = function handleDown() {
53
- setDragging(true);
54
- };
55
-
56
- useEffect(function () {
57
- var handleUp = function handleUp() {
58
- stopDragging();
59
- };
60
-
61
- window.addEventListener('mouseup', handleUp);
62
- return function () {
63
- window.removeEventListener('mouseup', handleUp);
64
- };
65
- }, []);
66
- return /*#__PURE__*/React.createElement("div", {
67
- style: {
68
- width: '100%',
69
- padding: '3px 0px 3px 0px'
70
- }
71
- }, /*#__PURE__*/React.createElement("div", {
72
- onMouseMove: function onMouseMove(e) {
73
- return handleMove(e);
74
- },
75
- className: "".concat(classes.cResize, " ").concat(classes.psRl)
76
- }, /*#__PURE__*/React.createElement("div", {
77
- style: {
78
- left: left,
79
- top: handleTop
80
- },
81
- className: classes.rbgcpHandle,
82
- onMouseDown: handleDown,
83
- role: "button",
84
- tabIndex: 0
85
- }), /*#__PURE__*/React.createElement("div", {
86
- style: {
87
- textAlign: 'center',
88
- color: '#fff',
89
- fontSize: 12,
90
- fontWeight: 500,
91
- lineHeight: 1,
92
- position: 'absolute',
93
- left: '50%',
94
- transform: 'translate(-50%, 0%)',
95
- top: handleTop + 2,
96
- zIndex: 10,
97
- textShadow: '1px 1px 1px rgba(0,0,0,.6)'
98
- },
99
- onMouseMove: function onMouseMove(e) {
100
- return handleMove(e);
101
- },
102
- onClick: function onClick(e) {
103
- return handleClick(e);
104
- }
105
- }, label), /*#__PURE__*/React.createElement("canvas", {
106
- ref: reffy,
107
- height: "14px",
108
- width: "".concat(squareWidth, "px"),
109
- onClick: function onClick(e) {
110
- return handleClick(e);
111
- },
112
- style: {
113
- position: 'relative',
114
- borderRadius: 14
115
- }
116
- })));
117
- };
118
-
119
- var AdvancedControls = function AdvancedControls(_ref2) {
120
- var openAdvanced = _ref2.openAdvanced;
121
-
122
- var _usePicker2 = usePicker(),
123
- tinyColor = _usePicker2.tinyColor,
124
- handleChange = _usePicker2.handleChange,
125
- squareWidth = _usePicker2.squareWidth,
126
- hc = _usePicker2.hc;
127
-
128
- var _tinyColor$toHsl = tinyColor.toHsl(),
129
- s = _tinyColor$toHsl.s,
130
- l = _tinyColor$toHsl.l;
131
-
132
- var satRef = useRef(null);
133
- var lightRef = useRef(null);
134
- var brightRef = useRef(null);
135
- usePaintSat(satRef, hc === null || hc === void 0 ? void 0 : hc.h, l * 100, squareWidth);
136
- usePaintLight(lightRef, hc === null || hc === void 0 ? void 0 : hc.h, s * 100, squareWidth);
137
- usePaintBright(brightRef, hc === null || hc === void 0 ? void 0 : hc.h, s * 100, squareWidth);
138
-
139
- var satDesat = function satDesat(value) {
140
- var _tinycolor$toRgb = tinycolor({
141
- h: hc === null || hc === void 0 ? void 0 : hc.h,
142
- s: value / 100,
143
- l: l
144
- }).toRgb(),
145
- r = _tinycolor$toRgb.r,
146
- g = _tinycolor$toRgb.g,
147
- b = _tinycolor$toRgb.b;
148
-
149
- handleChange("rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(hc === null || hc === void 0 ? void 0 : hc.a, ")"));
150
- };
151
-
152
- var setLight = function setLight(value) {
153
- var _tinycolor$toRgb2 = tinycolor({
154
- h: hc === null || hc === void 0 ? void 0 : hc.h,
155
- s: s,
156
- l: value / 100
157
- }).toRgb(),
158
- r = _tinycolor$toRgb2.r,
159
- g = _tinycolor$toRgb2.g,
160
- b = _tinycolor$toRgb2.b;
161
-
162
- handleChange("rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(hc === null || hc === void 0 ? void 0 : hc.a, ")"));
163
- };
164
-
165
- var setBright = function setBright(value) {
166
- var _tinycolor$toRgb3 = tinycolor({
167
- h: hc === null || hc === void 0 ? void 0 : hc.h,
168
- s: (hc === null || hc === void 0 ? void 0 : hc.s) * 100,
169
- v: value
170
- }).toRgb(),
171
- r = _tinycolor$toRgb3.r,
172
- g = _tinycolor$toRgb3.g,
173
- b = _tinycolor$toRgb3.b;
174
-
175
- handleChange("rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(hc === null || hc === void 0 ? void 0 : hc.a, ")"));
176
- };
177
-
178
- return /*#__PURE__*/React.createElement("div", {
179
- style: {
180
- height: openAdvanced ? 98 : 0,
181
- width: '100%',
182
- transition: 'all 120ms linear'
183
- }
184
- }, /*#__PURE__*/React.createElement("div", {
185
- style: {
186
- paddingTop: 11,
187
- display: openAdvanced ? 'flex' : 'none',
188
- flexDirection: 'column',
189
- justifyContent: 'space-between',
190
- height: openAdvanced ? 98 : 0,
191
- overflow: 'hidden',
192
- transition: 'height 100ms linear'
193
- }
194
- }, /*#__PURE__*/React.createElement(AdvBar, {
195
- value: s,
196
- reffy: satRef,
197
- callback: satDesat,
198
- openAdvanced: openAdvanced,
199
- label: "Saturation"
200
- }), /*#__PURE__*/React.createElement(AdvBar, {
201
- value: l,
202
- reffy: lightRef,
203
- label: "Lightness",
204
- callback: setLight,
205
- openAdvanced: openAdvanced
206
- }), /*#__PURE__*/React.createElement(AdvBar, {
207
- value: hc === null || hc === void 0 ? void 0 : hc.v,
208
- reffy: brightRef,
209
- label: "Brightness",
210
- callback: setBright,
211
- openAdvanced: openAdvanced
212
- })));
213
- };
214
-
215
- export default AdvancedControls;
216
- //# sourceMappingURL=AdvancedControls.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA,sBAAsB,2CAA+C;AACrE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,160 +0,0 @@
1
- import React from 'react';
2
- import { usePicker } from '../context.js';
3
-
4
- var ComparibleColors = function ComparibleColors(_ref) {
5
- var openComparibles = _ref.openComparibles;
6
-
7
- var _usePicker = usePicker(),
8
- tinyColor = _usePicker.tinyColor,
9
- handleChange = _usePicker.handleChange,
10
- classes = _usePicker.classes;
11
-
12
- var analogous = tinyColor.analogous();
13
- var monochromatic = tinyColor.monochromatic();
14
- var triad = tinyColor.triad();
15
- var tetrad = tinyColor.tetrad();
16
-
17
- var handleClick = function handleClick(tiny) {
18
- var _tiny$toRgb = tiny.toRgb(),
19
- r = _tiny$toRgb.r,
20
- g = _tiny$toRgb.g,
21
- b = _tiny$toRgb.b,
22
- a = _tiny$toRgb.a;
23
-
24
- handleChange("rgba(".concat(r, ",").concat(g, ",").concat(b, ",").concat(a, ")"));
25
- };
26
-
27
- return /*#__PURE__*/React.createElement("div", {
28
- style: {
29
- height: openComparibles ? 216 : 0,
30
- width: '100%',
31
- transition: 'all 120ms linear'
32
- }
33
- }, /*#__PURE__*/React.createElement("div", {
34
- style: {
35
- paddingTop: 11,
36
- display: openComparibles ? '' : 'none',
37
- position: 'relative'
38
- }
39
- }, /*#__PURE__*/React.createElement("div", {
40
- style: {
41
- textAlign: 'center',
42
- fontSize: 13,
43
- fontWeight: 600,
44
- position: 'absolute',
45
- top: 6.5,
46
- left: 2
47
- },
48
- className: classes.rbgcpComparibleLabel
49
- }, "Color Guide"), /*#__PURE__*/React.createElement("div", {
50
- style: {
51
- textAlign: 'center',
52
- fontSize: 12,
53
- fontWeight: 500,
54
- marginTop: 3
55
- },
56
- className: classes.rbgcpComparibleLabel
57
- }, "Analogous"), /*#__PURE__*/React.createElement("div", {
58
- style: {
59
- borderRadius: 5,
60
- overflow: 'hidden',
61
- display: 'flex'
62
- }
63
- }, analogous === null || analogous === void 0 ? void 0 : analogous.map(function (c, key) {
64
- return /*#__PURE__*/React.createElement("div", {
65
- key: key,
66
- style: {
67
- width: '20%',
68
- height: 30,
69
- background: c.toHexString()
70
- },
71
- onClick: function onClick() {
72
- return handleClick(c);
73
- }
74
- });
75
- })), /*#__PURE__*/React.createElement("div", {
76
- style: {
77
- textAlign: 'center',
78
- fontSize: 12,
79
- fontWeight: 500,
80
- marginTop: 3
81
- },
82
- className: classes.rbgcpComparibleLabel
83
- }, "Monochromatic"), /*#__PURE__*/React.createElement("div", {
84
- style: {
85
- borderRadius: 5,
86
- overflow: 'hidden',
87
- display: 'flex',
88
- justifyContent: 'flex-end'
89
- }
90
- }, monochromatic === null || monochromatic === void 0 ? void 0 : monochromatic.map(function (c, key) {
91
- return /*#__PURE__*/React.createElement("div", {
92
- key: key,
93
- style: {
94
- width: '20%',
95
- height: 30,
96
- background: c.toHexString()
97
- },
98
- onClick: function onClick() {
99
- return handleClick(c);
100
- }
101
- });
102
- })), /*#__PURE__*/React.createElement("div", {
103
- style: {
104
- textAlign: 'center',
105
- fontSize: 12,
106
- fontWeight: 500,
107
- marginTop: 3
108
- },
109
- className: classes.rbgcpComparibleLabel
110
- }, "Triad"), /*#__PURE__*/React.createElement("div", {
111
- style: {
112
- borderRadius: 5,
113
- overflow: 'hidden',
114
- display: 'flex',
115
- justifyContent: 'flex-end'
116
- }
117
- }, triad === null || triad === void 0 ? void 0 : triad.map(function (c, key) {
118
- return /*#__PURE__*/React.createElement("div", {
119
- key: key,
120
- style: {
121
- width: 'calc(100% / 3)',
122
- height: 28,
123
- background: c.toHexString()
124
- },
125
- onClick: function onClick() {
126
- return handleClick(c);
127
- }
128
- });
129
- })), /*#__PURE__*/React.createElement("div", {
130
- style: {
131
- textAlign: 'center',
132
- fontSize: 12,
133
- fontWeight: 500,
134
- marginTop: 3
135
- },
136
- className: classes.rbgcpComparibleLabel
137
- }, "Tetrad"), /*#__PURE__*/React.createElement("div", {
138
- style: {
139
- borderRadius: 5,
140
- overflow: 'hidden',
141
- display: 'flex',
142
- justifyContent: 'flex-end'
143
- }
144
- }, tetrad === null || tetrad === void 0 ? void 0 : tetrad.map(function (c, key) {
145
- return /*#__PURE__*/React.createElement("div", {
146
- key: key,
147
- style: {
148
- width: '25%',
149
- height: 28,
150
- background: c.toHexString()
151
- },
152
- onClick: function onClick() {
153
- return handleClick(c);
154
- }
155
- });
156
- }))));
157
- };
158
-
159
- export default ComparibleColors;
160
- //# sourceMappingURL=ComparibleColors.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -1,254 +0,0 @@
1
- import React, { useState } from 'react';
2
- import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
- import { config } from '../constants.js';
4
- import { usePicker } from '../context.js';
5
- import { SlidersIcon, PaletteIcon, InputsIcon } from './icon.js';
6
- import Dropper from './EyeDropper.js';
7
- import AdvancedControls from './AdvancedControls.js';
8
- import ComparibleColors from './ComparibleColors.js';
9
- import GradientControls from './GradientControls.js';
10
-
11
- var defaultColor = config.defaultColor,
12
- defaultGradient = config.defaultGradient;
13
-
14
- var Controls = function Controls(_ref) {
15
- var locales = _ref.locales,
16
- hideEyeDrop = _ref.hideEyeDrop,
17
- hideAdvancedSliders = _ref.hideAdvancedSliders,
18
- hideColorGuide = _ref.hideColorGuide,
19
- hideInputType = _ref.hideInputType,
20
- hideColorTypeBtns = _ref.hideColorTypeBtns,
21
- hideGradientControls = _ref.hideGradientControls,
22
- hideGradientType = _ref.hideGradientType,
23
- hideGradientAngle = _ref.hideGradientAngle,
24
- hideGradientStop = _ref.hideGradientStop;
25
-
26
- var _usePicker = usePicker(),
27
- onChange = _usePicker.onChange,
28
- isGradient = _usePicker.isGradient,
29
- handleChange = _usePicker.handleChange,
30
- classes = _usePicker.classes,
31
- previous = _usePicker.previous;
32
-
33
- var _useState = useState(false),
34
- _useState2 = _slicedToArray(_useState, 2),
35
- openComparibles = _useState2[0],
36
- setOpenComparibles = _useState2[1];
37
-
38
- var _useState3 = useState(false),
39
- _useState4 = _slicedToArray(_useState3, 2),
40
- openInputType = _useState4[0],
41
- setOpenInputType = _useState4[1];
42
-
43
- var _useState5 = useState(false),
44
- _useState6 = _slicedToArray(_useState5, 2),
45
- openAdvanced = _useState6[0],
46
- setOpenAdvanced = _useState6[1];
47
-
48
- var noTools = hideEyeDrop && hideAdvancedSliders && hideColorGuide && hideInputType;
49
- var solidColor = (previous === null || previous === void 0 ? void 0 : previous.color) || defaultColor;
50
- var gradientColor = (previous === null || previous === void 0 ? void 0 : previous.gradient) || defaultGradient;
51
-
52
- var setSolid = function setSolid() {
53
- onChange(solidColor);
54
- };
55
-
56
- var setGradient = function setGradient() {
57
- onChange(gradientColor);
58
- };
59
-
60
- var allRightControlsHidden = hideEyeDrop && hideAdvancedSliders && hideColorGuide && hideInputType;
61
- var allControlsHidden = allRightControlsHidden && hideColorTypeBtns;
62
-
63
- if (allControlsHidden) {
64
- if (isGradient && !hideGradientControls) {
65
- return /*#__PURE__*/React.createElement(GradientControls, {
66
- hideGradientType: hideGradientType,
67
- hideGradientAngle: hideGradientAngle,
68
- hideGradientStop: hideGradientStop
69
- });
70
- } else {
71
- return null;
72
- }
73
- } else {
74
- return /*#__PURE__*/React.createElement("div", {
75
- style: {
76
- paddingTop: 12,
77
- paddingBottom: 4
78
- }
79
- }, /*#__PURE__*/React.createElement("div", {
80
- style: {
81
- width: '100%'
82
- },
83
- className: "".concat(classes.ac, " ").concat(classes.jsb)
84
- }, /*#__PURE__*/React.createElement(ColorTypeBtns, {
85
- hideColorTypeBtns: hideColorTypeBtns,
86
- setGradient: setGradient,
87
- isGradient: isGradient,
88
- setSolid: setSolid,
89
- locales: locales
90
- }), !allRightControlsHidden && /*#__PURE__*/React.createElement("div", {
91
- style: {
92
- display: noTools ? 'none' : ''
93
- },
94
- className: classes.rbgcpControlBtnWrapper
95
- }, !hideEyeDrop && /*#__PURE__*/React.createElement(Dropper, {
96
- onSelect: handleChange
97
- }), /*#__PURE__*/React.createElement("div", {
98
- id: "rbgcp-advanced-btn",
99
- onClick: function onClick() {
100
- return setOpenAdvanced(!openAdvanced);
101
- },
102
- className: controlBtnStyles(openAdvanced, classes),
103
- style: {
104
- display: hideAdvancedSliders ? 'none' : 'flex'
105
- }
106
- }, /*#__PURE__*/React.createElement(SlidersIcon, {
107
- color: openAdvanced ? '#568CF5' : ''
108
- })), /*#__PURE__*/React.createElement("div", {
109
- id: "rbgcp-comparibles-btn",
110
- style: {
111
- display: hideColorGuide ? 'none' : 'flex'
112
- },
113
- onClick: function onClick() {
114
- return setOpenComparibles(!openComparibles);
115
- },
116
- className: controlBtnStyles(openComparibles, classes)
117
- }, /*#__PURE__*/React.createElement(PaletteIcon, {
118
- color: openComparibles ? '#568CF5' : ''
119
- })), /*#__PURE__*/React.createElement("div", {
120
- id: "rbgcp-color-model-btn",
121
- onClick: function onClick() {
122
- return setOpenInputType(!openInputType);
123
- },
124
- className: controlBtnStyles(openInputType, classes),
125
- style: {
126
- display: hideInputType ? 'none' : 'flex'
127
- }
128
- }, /*#__PURE__*/React.createElement(InputsIcon, {
129
- color: openInputType ? '#568CF5' : ''
130
- }), /*#__PURE__*/React.createElement(InputTypeDropdown, {
131
- openInputType: openInputType,
132
- setOpenInputType: setOpenInputType
133
- })))), !hideAdvancedSliders && /*#__PURE__*/React.createElement(AdvancedControls, {
134
- openAdvanced: openAdvanced
135
- }), !hideColorGuide && /*#__PURE__*/React.createElement(ComparibleColors, {
136
- openComparibles: openComparibles
137
- }), isGradient && !hideGradientControls && /*#__PURE__*/React.createElement(GradientControls, {
138
- hideGradientType: hideGradientType,
139
- hideGradientAngle: hideGradientAngle,
140
- hideGradientStop: hideGradientStop
141
- }));
142
- }
143
- };
144
-
145
- var InputTypeDropdown = function InputTypeDropdown(_ref2) {
146
- var openInputType = _ref2.openInputType,
147
- setOpenInputType = _ref2.setOpenInputType;
148
-
149
- var _usePicker2 = usePicker(),
150
- inputType = _usePicker2.inputType,
151
- setInputType = _usePicker2.setInputType,
152
- classes = _usePicker2.classes;
153
-
154
- var vTrans = openInputType ? 'visibility 0ms linear' : 'visibility 100ms linear 150ms';
155
- var zTrans = openInputType ? 'z-index 0ms linear' : 'z-index 100ms linear 150ms';
156
- var oTrans = openInputType ? 'opacity 120ms linear' : 'opacity 150ms linear 50ms';
157
-
158
- var handleInputType = function handleInputType(e, val) {
159
- if (openInputType) {
160
- e.stopPropagation();
161
- setInputType(val);
162
- setOpenInputType(false);
163
- }
164
- };
165
-
166
- return /*#__PURE__*/React.createElement("div", {
167
- style: {
168
- visibility: openInputType ? 'visible' : 'hidden',
169
- zIndex: openInputType ? '' : -100,
170
- opacity: openInputType ? 1 : 0,
171
- transition: "".concat(oTrans, ", ").concat(vTrans, ", ").concat(zTrans)
172
- },
173
- className: classes.rbgcpColorModelDropdown
174
- }, /*#__PURE__*/React.createElement("div", {
175
- onClick: function onClick(e) {
176
- return handleInputType(e, 'rgb');
177
- },
178
- className: modalBtnStyles(inputType === 'rgb', classes)
179
- }, "RGB"), /*#__PURE__*/React.createElement("div", {
180
- onClick: function onClick(e) {
181
- return handleInputType(e, 'hsl');
182
- },
183
- className: modalBtnStyles(inputType === 'hsl', classes)
184
- }, "HSL"), /*#__PURE__*/React.createElement("div", {
185
- onClick: function onClick(e) {
186
- return handleInputType(e, 'hsv');
187
- },
188
- className: modalBtnStyles(inputType === 'hsv', classes)
189
- }, "HSV"), /*#__PURE__*/React.createElement("div", {
190
- onClick: function onClick(e) {
191
- return handleInputType(e, 'cmyk');
192
- },
193
- className: modalBtnStyles(inputType === 'cmyk', classes)
194
- }, "CMYK"));
195
- };
196
-
197
- var ColorTypeBtns = function ColorTypeBtns(_ref3) {
198
- var hideColorTypeBtns = _ref3.hideColorTypeBtns,
199
- isGradient = _ref3.isGradient,
200
- setSolid = _ref3.setSolid,
201
- setGradient = _ref3.setGradient,
202
- locales = _ref3.locales;
203
-
204
- var _usePicker3 = usePicker(),
205
- classes = _usePicker3.classes;
206
-
207
- if (hideColorTypeBtns) {
208
- return /*#__PURE__*/React.createElement("div", {
209
- style: {
210
- width: 1
211
- }
212
- });
213
- } else {
214
- var _locales$CONTROLS, _locales$CONTROLS2;
215
-
216
- return /*#__PURE__*/React.createElement("div", {
217
- className: classes.rbgcpControlBtnWrapper
218
- }, /*#__PURE__*/React.createElement("div", {
219
- onClick: setSolid,
220
- id: "rbgcp-solid-btn",
221
- className: colorTypeBtnStyles(!isGradient, classes)
222
- }, locales === null || locales === void 0 || (_locales$CONTROLS = locales.CONTROLS) === null || _locales$CONTROLS === void 0 ? void 0 : _locales$CONTROLS.SOLID), /*#__PURE__*/React.createElement("div", {
223
- onClick: setGradient,
224
- id: "rbgcp-gradient-btn",
225
- className: colorTypeBtnStyles(isGradient || false, classes)
226
- }, locales === null || locales === void 0 || (_locales$CONTROLS2 = locales.CONTROLS) === null || _locales$CONTROLS2 === void 0 ? void 0 : _locales$CONTROLS2.GRADIENT));
227
- }
228
- };
229
-
230
- var colorTypeBtnStyles = function colorTypeBtnStyles(selected, classes) {
231
- if (selected) {
232
- return "".concat(classes.rbgcpControlBtn, " ").concat(classes.rbgcpControlBtnSelected);
233
- } else {
234
- return classes.rbgcpControlBtn;
235
- }
236
- };
237
- var controlBtnStyles = function controlBtnStyles(selected, classes) {
238
- if (selected) {
239
- return "".concat(classes.rbgcpControlIconBtn, " ").concat(classes.rbgcpControlBtnSelected);
240
- } else {
241
- return classes.rbgcpControlIconBtn;
242
- }
243
- };
244
- var modalBtnStyles = function modalBtnStyles(selected, classes) {
245
- if (selected) {
246
- return "".concat(classes.rbgcpControlBtn, " ").concat(classes.rbgcpColorModelDropdownBtn, " ").concat(classes.rbgcpControlBtnSelected);
247
- } else {
248
- return "".concat(classes.rbgcpControlBtn, " ").concat(classes.rbgcpColorModelDropdownBtn);
249
- }
250
- };
251
-
252
- export default Controls;
253
- export { colorTypeBtnStyles, controlBtnStyles, modalBtnStyles };
254
- //# sourceMappingURL=Controls.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}