@dreamcommerce/aurora 2.20.8 → 2.21.0-2

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 (243) hide show
  1. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/EyeDropper.js +60 -49
  2. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/EyeDropper.js.map +1 -1
  3. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/GradientBar.js +89 -97
  4. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/GradientBar.js.map +1 -1
  5. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/GradientControls.js +73 -49
  6. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/GradientControls.js.map +1 -1
  7. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Hue.js +28 -15
  8. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Hue.js.map +1 -1
  9. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Opacity.js +31 -22
  10. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Opacity.js.map +1 -1
  11. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Portal.js +3 -8
  12. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Portal.js.map +1 -1
  13. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Square.js +40 -35
  14. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Square.js.map +1 -1
  15. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/icon.js +45 -215
  16. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/icon.js.map +1 -1
  17. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/constants.js +0 -9
  18. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/constants.js.map +1 -1
  19. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/context.js +62 -40
  20. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/context.js.map +1 -1
  21. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js +84 -60
  22. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js.map +1 -1
  23. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/hooks/usePaintHue.js +3 -74
  24. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/hooks/usePaintHue.js.map +1 -1
  25. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/styles/darkStyles.js +48 -0
  26. package/build/{esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.js.map → cjs/external/react-best-gradient-color-picker/dist/esm/styles/darkStyles.js.map} +1 -1
  27. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/styles/styles.js +205 -0
  28. package/build/{esm/external/react-best-gradient-color-picker/dist/esm/components/AdvancedControls.js.map → cjs/external/react-best-gradient-color-picker/dist/esm/styles/styles.js.map} +1 -1
  29. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/utils/converters.js +0 -15
  30. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/utils/converters.js.map +1 -1
  31. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/utils/formatters.js +2 -7
  32. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/utils/formatters.js.map +1 -1
  33. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/utils/gradientParser.js +64 -40
  34. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/utils/gradientParser.js.map +1 -1
  35. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/utils/utils.js +37 -29
  36. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/utils/utils.js.map +1 -1
  37. package/build/cjs/packages/aurora/src/components/color_picker_new/color_picker_utils.js +33 -3
  38. package/build/cjs/packages/aurora/src/components/color_picker_new/color_picker_utils.js.map +1 -1
  39. package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-label-input.js → color_label_input.js} +7 -7
  40. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_content.js +14 -22
  41. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_content.js.map +1 -1
  42. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_controls.js +52 -0
  43. package/build/{esm/external/react-best-gradient-color-picker/dist/esm/components/Presets.js.map → cjs/packages/aurora/src/components/color_picker_new/components/color_picker_controls.js.map} +1 -1
  44. package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-footer.js → color_picker_footer.js} +8 -8
  45. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_gradient_controls/color_picker_gradient_angle.js +50 -0
  46. package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-inputs/color-picker-inputs.js.map → color_picker_gradient_controls/color_picker_gradient_angle.js.map} +1 -1
  47. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_gradient_controls/color_picker_gradient_controls_constants.js +16 -0
  48. 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
  49. package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-header.js → color_picker_header.js} +9 -9
  50. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_impl/color_picker_impl.js +47 -0
  51. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_impl/color_picker_impl.js.map +1 -0
  52. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_impl/picker_impl.js +34 -0
  53. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_impl/picker_impl.js.map +1 -0
  54. 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
  55. 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
  56. 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
  57. 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
  58. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_mode_toggler.js +56 -0
  59. package/build/cjs/packages/aurora/src/components/color_picker_new/components/color_picker_mode_toggler.js.map +1 -0
  60. package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-shades.js → color_picker_shades.js} +10 -10
  61. package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-swatch.js → color_picker_swatch.js} +4 -4
  62. package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-variables.js → color_picker_variables.js} +11 -11
  63. package/build/cjs/packages/aurora/src/components/color_picker_new/components/current_color_preview.js +29 -0
  64. package/build/cjs/packages/aurora/src/components/color_picker_new/components/current_color_preview.js.map +1 -0
  65. package/build/cjs/packages/aurora/src/components/color_picker_new/components/pure_color_picker.js +7 -7
  66. package/build/cjs/packages/aurora/src/components/color_picker_new/constants.js +6 -1
  67. package/build/cjs/packages/aurora/src/components/color_picker_new/constants.js.map +1 -1
  68. package/build/cjs/packages/aurora/src/components/color_picker_new/context.js +5 -1
  69. package/build/cjs/packages/aurora/src/components/color_picker_new/context.js.map +1 -1
  70. package/build/cjs/packages/aurora/src/components/color_picker_new/css_classes.js +18 -0
  71. package/build/cjs/packages/aurora/src/components/color_picker_new/css_classes.js.map +1 -1
  72. package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/setup_color_piceker.js +183 -0
  73. package/build/{esm/external/react-best-gradient-color-picker/dist/esm/components/ComparibleColors.js.map → cjs/packages/aurora/src/components/color_picker_new/hooks/setup_color_piceker.js.map} +1 -1
  74. package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js +4 -127
  75. package/build/cjs/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map +1 -1
  76. package/build/cjs/packages/aurora/src/components/color_picker_new/index.js +46 -26
  77. package/build/cjs/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
  78. package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker_new/index.js +4 -2
  79. package/build/cjs/packages/aurora/src/components/controls/hoc/control_color_picker_new/index.js.map +1 -1
  80. package/build/cjs/packages/aurora/src/css/color_picker_new/main.module.less.js +15 -2
  81. package/build/cjs/packages/aurora/src/css/color_picker_new/main.module.less.js.map +1 -1
  82. package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js +5 -0
  83. package/build/cjs/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js.map +1 -1
  84. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/EyeDropper.js +60 -49
  85. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/EyeDropper.js.map +1 -1
  86. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/GradientBar.js +89 -97
  87. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/GradientBar.js.map +1 -1
  88. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/GradientControls.js +73 -49
  89. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/GradientControls.js.map +1 -1
  90. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Hue.js +28 -15
  91. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Hue.js.map +1 -1
  92. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Opacity.js +30 -21
  93. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Opacity.js.map +1 -1
  94. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Portal.js +3 -8
  95. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Portal.js.map +1 -1
  96. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Square.js +40 -35
  97. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Square.js.map +1 -1
  98. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/icon.js +46 -213
  99. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/icon.js.map +1 -1
  100. package/build/esm/external/react-best-gradient-color-picker/dist/esm/constants.js +1 -8
  101. package/build/esm/external/react-best-gradient-color-picker/dist/esm/constants.js.map +1 -1
  102. package/build/esm/external/react-best-gradient-color-picker/dist/esm/context.js +62 -40
  103. package/build/esm/external/react-best-gradient-color-picker/dist/esm/context.js.map +1 -1
  104. package/build/esm/external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js +84 -60
  105. package/build/esm/external/react-best-gradient-color-picker/dist/esm/hooks/useColorPicker.js.map +1 -1
  106. package/build/esm/external/react-best-gradient-color-picker/dist/esm/hooks/usePaintHue.js +3 -72
  107. package/build/esm/external/react-best-gradient-color-picker/dist/esm/hooks/usePaintHue.js.map +1 -1
  108. package/build/esm/external/react-best-gradient-color-picker/dist/esm/styles/darkStyles.js +44 -0
  109. package/build/esm/external/react-best-gradient-color-picker/dist/esm/styles/darkStyles.js.map +1 -0
  110. package/build/esm/external/react-best-gradient-color-picker/dist/esm/styles/styles.js +200 -0
  111. package/build/{cjs/external/react-best-gradient-color-picker/dist/esm/components/ComparibleColors.js.map → esm/external/react-best-gradient-color-picker/dist/esm/styles/styles.js.map} +1 -1
  112. package/build/esm/external/react-best-gradient-color-picker/dist/esm/utils/converters.js +1 -15
  113. package/build/esm/external/react-best-gradient-color-picker/dist/esm/utils/converters.js.map +1 -1
  114. package/build/esm/external/react-best-gradient-color-picker/dist/esm/utils/formatters.js +3 -7
  115. package/build/esm/external/react-best-gradient-color-picker/dist/esm/utils/formatters.js.map +1 -1
  116. package/build/esm/external/react-best-gradient-color-picker/dist/esm/utils/gradientParser.js +64 -40
  117. package/build/esm/external/react-best-gradient-color-picker/dist/esm/utils/gradientParser.js.map +1 -1
  118. package/build/esm/external/react-best-gradient-color-picker/dist/esm/utils/utils.js +37 -29
  119. package/build/esm/external/react-best-gradient-color-picker/dist/esm/utils/utils.js.map +1 -1
  120. package/build/esm/packages/aurora/src/components/color_picker_new/color_picker_utils.d.ts +2 -0
  121. package/build/esm/packages/aurora/src/components/color_picker_new/color_picker_utils.js +33 -3
  122. package/build/esm/packages/aurora/src/components/color_picker_new/color_picker_utils.js.map +1 -1
  123. package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-label-input.d.ts → color_label_input.d.ts} +1 -1
  124. package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-label-input.js → color_label_input.js} +8 -8
  125. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_content.js +15 -23
  126. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_content.js.map +1 -1
  127. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_controls.d.ts +1 -0
  128. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_controls.js +44 -0
  129. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_controls.js.map +1 -0
  130. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_footer.d.ts +1 -0
  131. package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-footer.js → color_picker_footer.js} +8 -8
  132. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_gradient_controls/color_picker_gradient_angle.d.ts +1 -0
  133. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_gradient_controls/color_picker_gradient_angle.js +42 -0
  134. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_gradient_controls/color_picker_gradient_angle.js.map +1 -0
  135. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_gradient_controls/color_picker_gradient_controls_constants.d.ts +8 -0
  136. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_gradient_controls/color_picker_gradient_controls_constants.js +12 -0
  137. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_header.d.ts +1 -0
  138. package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-header.js → color_picker_header.js} +9 -9
  139. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_impl/color_picker_impl.d.ts +1 -0
  140. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_impl/color_picker_impl.js +39 -0
  141. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_impl/color_picker_impl.js.map +1 -0
  142. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_impl/picker_impl.d.ts +1 -0
  143. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_impl/picker_impl.js +25 -0
  144. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_impl/picker_impl.js.map +1 -0
  145. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_inputs/color_picker_inputs.d.ts +1 -0
  146. 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
  147. package/build/esm/{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
  148. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_inputs/color_picker_inputs_hex.d.ts +1 -0
  149. 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
  150. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_inputs/color_picker_inputs_rgba.d.ts +1 -0
  151. 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
  152. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_mode_toggler.d.ts +1 -0
  153. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_mode_toggler.js +47 -0
  154. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_mode_toggler.js.map +1 -0
  155. package/build/esm/packages/aurora/src/components/color_picker_new/components/color_picker_shades.d.ts +1 -0
  156. package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-shades.js → color_picker_shades.js} +11 -11
  157. package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-swatch.d.ts → color_picker_swatch.d.ts} +1 -1
  158. package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-swatch.js → color_picker_swatch.js} +4 -4
  159. package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-variables.d.ts → color_picker_variables.d.ts} +1 -1
  160. package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-variables.js → color_picker_variables.js} +12 -12
  161. package/build/esm/packages/aurora/src/components/color_picker_new/components/current_color_preview.d.ts +1 -0
  162. package/build/esm/packages/aurora/src/components/color_picker_new/components/current_color_preview.js +21 -0
  163. package/build/esm/packages/aurora/src/components/color_picker_new/components/current_color_preview.js.map +1 -0
  164. package/build/esm/packages/aurora/src/components/color_picker_new/components/pure_color_picker.js +8 -8
  165. package/build/esm/packages/aurora/src/components/color_picker_new/constants.d.ts +5 -1
  166. package/build/esm/packages/aurora/src/components/color_picker_new/constants.js +6 -2
  167. package/build/esm/packages/aurora/src/components/color_picker_new/constants.js.map +1 -1
  168. package/build/esm/packages/aurora/src/components/color_picker_new/context.d.ts +2 -2
  169. package/build/esm/packages/aurora/src/components/color_picker_new/context.js +5 -1
  170. package/build/esm/packages/aurora/src/components/color_picker_new/context.js.map +1 -1
  171. package/build/esm/packages/aurora/src/components/color_picker_new/css_classes.d.ts +9 -0
  172. package/build/esm/packages/aurora/src/components/color_picker_new/css_classes.js +10 -1
  173. package/build/esm/packages/aurora/src/components/color_picker_new/css_classes.js.map +1 -1
  174. package/build/esm/packages/aurora/src/components/color_picker_new/hooks/setup_color_piceker.d.ts +33 -0
  175. package/build/esm/packages/aurora/src/components/color_picker_new/hooks/setup_color_piceker.js +179 -0
  176. package/build/{cjs/external/react-best-gradient-color-picker/dist/esm/components/AdvancedControls.js.map → esm/packages/aurora/src/components/color_picker_new/hooks/setup_color_piceker.js.map} +1 -1
  177. package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.d.ts +2 -25
  178. package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js +5 -128
  179. package/build/esm/packages/aurora/src/components/color_picker_new/hooks/use_color_picker.js.map +1 -1
  180. package/build/esm/packages/aurora/src/components/color_picker_new/index.d.ts +1 -1
  181. package/build/esm/packages/aurora/src/components/color_picker_new/index.js +46 -26
  182. package/build/esm/packages/aurora/src/components/color_picker_new/index.js.map +1 -1
  183. package/build/esm/packages/aurora/src/components/color_picker_new/types.d.ts +24 -2
  184. package/build/esm/packages/aurora/src/components/color_picker_new/types.js +1 -0
  185. package/build/esm/packages/aurora/src/components/color_picker_new/types.js.map +1 -1
  186. package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker_new/index.js +4 -2
  187. package/build/esm/packages/aurora/src/components/controls/hoc/control_color_picker_new/index.js.map +1 -1
  188. package/build/esm/packages/aurora/src/components/controls/types.d.ts +1 -0
  189. package/build/esm/packages/aurora/src/css/color_picker_new/main.module.less.js +15 -2
  190. package/build/esm/packages/aurora/src/css/color_picker_new/main.module.less.js.map +1 -1
  191. package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js +5 -0
  192. package/build/esm/packages/star_core/build/esm/packages/star_core/src/classes/axios_http_client/axios_http_client.js.map +1 -1
  193. package/package.json +2 -2
  194. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/AdvancedControls.js +0 -224
  195. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/ComparibleColors.js +0 -168
  196. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Controls.js +0 -264
  197. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Controls.js.map +0 -1
  198. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Inputs.js +0 -396
  199. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Inputs.js.map +0 -1
  200. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Picker.js +0 -62
  201. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Presets.js +0 -79
  202. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/Presets.js.map +0 -1
  203. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/index.js +0 -96
  204. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/components/index.js.map +0 -1
  205. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/core.module.css.js +0 -12
  206. package/build/cjs/external/react-best-gradient-color-picker/dist/esm/index.js +0 -10
  207. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/AdvancedControls.js +0 -216
  208. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/ComparibleColors.js +0 -160
  209. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Controls.js +0 -254
  210. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Controls.js.map +0 -1
  211. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Inputs.js +0 -388
  212. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Inputs.js.map +0 -1
  213. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Picker.js +0 -54
  214. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/Presets.js +0 -71
  215. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/index.js +0 -88
  216. package/build/esm/external/react-best-gradient-color-picker/dist/esm/components/index.js.map +0 -1
  217. package/build/esm/external/react-best-gradient-color-picker/dist/esm/core.module.css.js +0 -8
  218. package/build/esm/external/react-best-gradient-color-picker/dist/esm/core.module.css.js.map +0 -1
  219. package/build/esm/external/react-best-gradient-color-picker/dist/esm/index.js +0 -3
  220. package/build/esm/external/react-best-gradient-color-picker/dist/esm/index.js.map +0 -1
  221. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-footer.d.ts +0 -1
  222. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-header.d.ts +0 -1
  223. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-hex.d.ts +0 -1
  224. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs-rgba.d.ts +0 -1
  225. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-inputs/color-picker-inputs.d.ts +0 -1
  226. package/build/esm/packages/aurora/src/components/color_picker_new/components/color-picker-shades.d.ts +0 -1
  227. /package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-label-input.js.map → color_label_input.js.map} +0 -0
  228. /package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-footer.js.map → color_picker_footer.js.map} +0 -0
  229. /package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-header.js.map → color_picker_header.js.map} +0 -0
  230. /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
  231. /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
  232. /package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-shades.js.map → color_picker_shades.js.map} +0 -0
  233. /package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-swatch.js.map → color_picker_swatch.js.map} +0 -0
  234. /package/build/cjs/packages/aurora/src/components/color_picker_new/components/{color-picker-variables.js.map → color_picker_variables.js.map} +0 -0
  235. /package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-label-input.js.map → color_label_input.js.map} +0 -0
  236. /package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-footer.js.map → color_picker_footer.js.map} +0 -0
  237. /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
  238. /package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-header.js.map → color_picker_header.js.map} +0 -0
  239. /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
  240. /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
  241. /package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-shades.js.map → color_picker_shades.js.map} +0 -0
  242. /package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-swatch.js.map → color_picker_swatch.js.map} +0 -0
  243. /package/build/esm/packages/aurora/src/components/color_picker_new/components/{color-picker-variables.js.map → color_picker_variables.js.map} +0 -0
@@ -4,10 +4,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
6
 
7
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_color-picker__container__14ccI {\n display: flex;\n flex-direction: column;\n max-width: 280px;\n padding: 9px 16px;\n}\n.main-module_color-picker__rbgcp__2FKdw [role='button'] {\n transition: none;\n}\n.main-module_color-picker__rbgcp__2FKdw canvas {\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__rbgcp__2FKdw > div {\n display: flex;\n flex-direction: column;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) {\n order: -1;\n padding: 0 !important;\n margin-bottom: 10px;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div {\n background-color: #F3F4F8;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div div:nth-child(1) div {\n width: 24px;\n height: 24px;\n background: no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxMiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMS43NTc5IDIuNTgwMjFMMTAuNTg4OCAzLjc0OTI1TDExLjc1NzkgNC45MTgzTDEwLjU4ODggNi4wODczNEwxMC4wMDQzIDUuNTAyODJMMy43NDkyNSAxMS43NTc5QzMuNTg5OCAxMS45MTczIDMuMzcyMTMgMTIuMDA0NyAzLjE0NjY5IDExLjk5OThMMC44NTg1NTUgMTEuOTQ5OEMwLjQxNjE1MiAxMS45NDAyIDAuMDU5ODE2MiAxMS41ODM4IDAuMDUwMTU2OCAxMS4xNDE0TDAuMDAwMTk3MjMxIDguODUzMzJDLTAuMDA0NzI1MDIgOC42Mjc4NyAwLjA4MjY2NTkgOC40MTAyIDAuMjQyMTE4IDguMjUwNzVMNi40OTcxOCAxLjk5NTY5TDUuOTEyNjYgMS40MTExNkw3LjA4MTcgMC4yNDIxMTlMOC4yNTA3NSAxLjQxMTE2TDkuNDE5NzkgMC4yNDIxMTdDOS43NDI2MSAtMC4wODA3MDU3IDEwLjI2NiAtMC4wODA3MDU3IDEwLjU4ODggMC4yNDIxMTdMMTEuNzU3OSAxLjQxMTE2QzEyLjA4MDcgMS43MzM5OCAxMi4wODA3IDIuMjU3MzggMTEuNzU3OSAyLjU4MDIxWk03LjY2NjIzIDMuMTY0NzNMMi4wNzc3IDguNzUzMjZMMy4yNDY3NCA5LjkyMjNMOC44MzUyNyA0LjMzMzc4TDcuNjY2MjMgMy4xNjQ3M1oiIGZpbGw9IiM1QzY1N0UiLz4KPC9zdmc+Cg==) center;\n cursor: pointer;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div div:nth-child(1) div:hover {\n background: no-repeat url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy43NTc5IDQuNTgwMjFMMTIuNTg4OCA1Ljc0OTI1TDEzLjc1NzkgNi45MTgzTDEyLjU4ODggOC4wODczNEwxMi4wMDQzIDcuNTAyODJMNS43NDkyNSAxMy43NTc5QzUuNTg5OCAxMy45MTczIDUuMzcyMTMgMTQuMDA0NyA1LjE0NjY5IDEzLjk5OThMMi44NTg1NiAxMy45NDk4QzIuNDE2MTUgMTMuOTQwMiAyLjA1OTgyIDEzLjU4MzggMi4wNTAxNiAxMy4xNDE0TDIuMDAwMiAxMC44NTMzQzEuOTk1MjcgMTAuNjI3OSAyLjA4MjY3IDEwLjQxMDIgMi4yNDIxMiAxMC4yNTA3TDguNDk3MTggMy45OTU2OUw3LjkxMjY2IDMuNDExMTZMOS4wODE3IDIuMjQyMTJMMTAuMjUwNyAzLjQxMTE2TDExLjQxOTggMi4yNDIxMkMxMS43NDI2IDEuOTE5MjkgMTIuMjY2IDEuOTE5MjkgMTIuNTg4OCAyLjI0MjEyTDEzLjc1NzkgMy40MTExNkMxNC4wODA3IDMuNzMzOTggMTQuMDgwNyA0LjI1NzM4IDEzLjc1NzkgNC41ODAyMVpNOS42NjYyMyA1LjE2NDczTDQuMDc3NyAxMC43NTMzTDUuMjQ2NzQgMTEuOTIyM0wxMC44MzUzIDYuMzMzNzhMOS42NjYyMyA1LjE2NDczWiIgZmlsbD0iIzJEMzc0OCIvPgo8L3N2Zz4K) center;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(2) div > div svg {\n display: none;\n}\n.main-module_color-picker__rbgcp__2FKdw > div > div:nth-child(4) {\n margin-top: 10px !important;\n}\n.main-module_color-picker__header__NFjKK {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px 16px 9px 16px;\n border-bottom: 1px solid #f3f4f8;\n color: #2d3748;\n}\n.main-module_color-picker__footer__3JvEl {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n margin-top: 8px;\n padding: 6px 16px 0 16px;\n border-top: 1px solid #f3f4f8;\n}\n.main-module_color-picker__swatches__1s2pY {\n margin-top: 14px;\n}\n.main-module_color-picker__swatches-header__187FL {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 4px;\n color: #2d3748;\n}\n.main-module_color-picker__swatches-header-icon__3RQMl {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 5px;\n}\n.main-module_color-picker__swatches-header-icon_rotate-180__1R-dA {\n transform: rotate(180deg);\n}\n.main-module_color-picker__swatches-content__3EFZR,\n.main-module_color-picker__swatches-subcontent__1uyUb {\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: (1fr)[12];\n grid-template-columns: repeat(12, 1fr);\n gap: 4px;\n}\n.main-module_color-picker__swatches-subcontent__1uyUb {\n margin-top: 12px;\n}\n.main-module_color-picker__swatch__2IbgR {\n position: relative;\n width: 26px;\n height: 26px;\n border-radius: 3px;\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=) left center;\n overflow: hidden;\n}\n.main-module_color-picker__swatch_small__3Z0pq {\n width: 16px;\n height: 16px;\n}\n.main-module_color-picker__swatch_big__2tsQC {\n width: 30px;\n height: 30px;\n}\n.main-module_color-picker__swatch-fill__3D88w {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-radius: 3px;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n}\n.main-module_color-picker__input-container__1cC2e {\n position: relative;\n}\n.main-module_color-picker__input-container__1cC2e input {\n padding-left: 41px;\n}\n.main-module_color-picker__input-color-swatch-container__3WX9B {\n position: absolute;\n top: 7px;\n left: 10px;\n}\n.main-module_color-picker__inputs__3Cmmw {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-top: 15px;\n}\n.main-module_color-picker__inputs-type__1loVJ select {\n font-size: 12px;\n color: #2d3748;\n text-transform: uppercase;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4' fill='none'%3E%3Cpath d='M3.28615 3.86114C3.12455 4.04629 2.87545 4.04629 2.71385 3.86114L0.136577 0.908383C-0.145619 0.585074 0.0386869 -4.16709e-08 0.422729 0L5.57727 5.59302e-07C5.96131 6.00973e-07 6.14562 0.585074 5.86342 0.908383L3.28615 3.86114Z' fill='%235C657E'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: center right;\n padding-right: 10px;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n.main-module_color-picker__inputs-value__Rig14 {\n flex: 1;\n}\n.main-module_color-picker__inputs-value-container__3ErVj {\n display: flex;\n border: 1px solid #abb4cd;\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div {\n border-color: transparent;\n border-radius: 0;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:hover {\n border-color: transparent;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child) {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child):hover {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:last-child {\n width: 44px;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:nth-child(n + 4):last-child {\n width: auto;\n}\n.main-module_color-picker__close-icon__JcWAL {\n display: flex;\n background-color: transparent;\n cursor: pointer;\n}\n.main-module_color-picker__close-icon__JcWAL svg {\n fill: #2d3748;\n}\n";
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_color-picker-impl__1W-fs {\n display: flex;\n flex-direction: column;\n gap: 8px;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn'],\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn'] {\n cursor: pointer;\n border-radius: 4px;\n width: 24px !important;\n height: 24px;\n display: flex;\n justify-content: center;\n align-items: center;\n background: #f3f4f8;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn']:hover > svg *,\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn']:hover > svg * {\n stroke: #2d3748 !important;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-eyedropper-btn'] > svg *,\n.main-module_color-picker-impl__1W-fs [id='rbgcp-point-delete-btn'] > svg * {\n stroke: #5c657e !important;\n}\n.main-module_color-picker-impl__1W-fs [id='gradient-bar'] {\n margin-top: 4px !important;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-gradient-controls-wrap'] {\n margin: 0 !important;\n padding: 0 !important;\n display: flex;\n width: auto;\n height: auto;\n border-radius: 4px;\n justify-content: center;\n}\n.main-module_color-picker-impl__1W-fs [id='rbgcp-gradient-controls-wrap'] > div:nth-child(1) {\n display: none;\n}\n.main-module_color-picker-mode-toggler__1f2oJ {\n list-style: none;\n display: flex;\n}\n.main-module_color-picker-mode-toggler__button__3vyH- {\n cursor: pointer;\n display: block;\n width: 24px;\n height: 24px;\n border: 1px solid #2d3748;\n border-radius: 4px;\n}\n.main-module_color-picker-mode-toggler__button_solid___X6iZ {\n background: #5c657e;\n}\n.main-module_color-picker-mode-toggler__button_gradient_linear__3VUoB {\n background: linear-gradient(0deg, #fff 0%, #5c657e 81.67%);\n}\n.main-module_color-picker-mode-toggler__button_gradient_radial__1BWYE {\n background: radial-gradient(64.58% 64.58% at 50% 50%, #fff 0%, #9197a8 57.17%, #9197a8 57.18%, #5c657e 100%);\n}\n.main-module_color-picker-mode-toggler__button_active__wWPPx {\n border: 2px solid #3c83ec;\n}\n.main-module_color-picker__container__14ccI {\n display: flex;\n flex-direction: column;\n max-width: 280px;\n padding: 9px 16px;\n}\n.main-module_color-picker__hue__1ow3q > div {\n margin-top: 4px !important;\n}\n.main-module_color-picker__opacity__232os > div {\n margin-top: 4px !important;\n}\n.main-module_color-picker__current-color-preview__mxKEu {\n display: block;\n border-radius: 4px;\n border: 1px solid #f3f4f8;\n width: 28px;\n height: 28px;\n}\n.main-module_color-picker__gradient-angle__1dUul {\n padding: 0;\n display: flex;\n justify-content: space-between;\n gap: 6px;\n height: 24px;\n border: 2px solid #f3f4f8;\n border-radius: 4px;\n background: #f3f4f8;\n position: relative;\n}\n.main-module_color-picker__gradient-angle__1dUul > svg * {\n stroke: #5c657e;\n}\n.main-module_color-picker__gradient-angle-input__1nVDi {\n background: #fff;\n height: 20px;\n border-radius: 4px;\n width: 34px;\n text-align: center;\n}\n.main-module_color-picker__rbgcp__2FKdw canvas {\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__square__omS4M > div > div > div:first-child {\n pointer-events: none;\n}\n.main-module_color-picker__header__NFjKK {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 4px 16px 9px 16px;\n border-bottom: 1px solid #f3f4f8;\n color: #2d3748;\n}\n.main-module_color-picker__footer__3JvEl {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n margin-top: 8px;\n padding: 6px 16px 0 16px;\n border-top: 1px solid #f3f4f8;\n}\n.main-module_color-picker__swatches__1s2pY {\n margin-top: 14px;\n}\n.main-module_color-picker__swatches-header__187FL {\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 4px;\n color: #2d3748;\n}\n.main-module_color-picker__swatches-header-icon__3RQMl {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 5px;\n}\n.main-module_color-picker__swatches-header-icon_rotate-180__1R-dA {\n transform: rotate(180deg);\n}\n.main-module_color-picker__swatches-content__3EFZR,\n.main-module_color-picker__swatches-subcontent__1uyUb {\n display: -ms-grid;\n display: grid;\n -ms-grid-columns: (1fr)[12];\n grid-template-columns: repeat(12, 1fr);\n gap: 4px;\n}\n.main-module_color-picker__swatches-subcontent__1uyUb {\n margin-top: 12px;\n}\n.main-module_color-picker__swatch__2IbgR {\n position: relative;\n width: 26px;\n height: 26px;\n border-radius: 3px;\n background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAADFJREFUOE9jZGBgEGHAD97gk2YcNYBhmIQBgWSAP52AwoAQwJvQRg1gACckQoC2gQgAIF8IscwEtKYAAAAASUVORK5CYII=) left center;\n overflow: hidden;\n}\n.main-module_color-picker__swatch_small__3Z0pq {\n width: 16px;\n height: 16px;\n}\n.main-module_color-picker__swatch_big__2tsQC {\n width: 30px;\n height: 30px;\n}\n.main-module_color-picker__swatch-fill__3D88w {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n border-radius: 3px;\n box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);\n}\n.main-module_color-picker__input-container__1cC2e {\n position: relative;\n}\n.main-module_color-picker__input-container__1cC2e input {\n padding-left: 41px;\n}\n.main-module_color-picker__input-color-swatch-container__3WX9B {\n position: absolute;\n top: 7px;\n left: 10px;\n}\n.main-module_color-picker__inputs-type__1loVJ select {\n font-size: 12px;\n color: #2d3748;\n text-transform: uppercase;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4' fill='none'%3E%3Cpath d='M3.28615 3.86114C3.12455 4.04629 2.87545 4.04629 2.71385 3.86114L0.136577 0.908383C-0.145619 0.585074 0.0386869 -4.16709e-08 0.422729 0L5.57727 5.59302e-07C5.96131 6.00973e-07 6.14562 0.585074 5.86342 0.908383L3.28615 3.86114Z' fill='%235C657E'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-position: center right;\n padding-right: 10px;\n -moz-appearance: none;\n -webkit-appearance: none;\n appearance: none;\n}\n.main-module_color-picker__inputs-value__Rig14 {\n flex: 1;\n}\n.main-module_color-picker__inputs-value-container__3ErVj {\n display: flex;\n border: 1px solid #abb4cd;\n border-radius: 4px;\n overflow: hidden;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div {\n border-color: transparent;\n border-radius: 0;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:hover {\n border-color: transparent;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child) {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:not(:last-child):hover {\n border-right: 1px solid #abb4cd;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:last-child {\n width: 44px;\n}\n.main-module_color-picker__inputs-value-container__3ErVj > div:nth-child(n + 4):last-child {\n width: auto;\n}\n.main-module_color-picker__inputs__3Cmmw .main-module_color-picker__current-color-preview__mxKEu {\n -ms-grid-row-align: stretch;\n align-self: stretch;\n width: 32px;\n height: 32px;\n}\n.main-module_color-picker__close-icon__JcWAL {\n display: flex;\n background-color: transparent;\n cursor: pointer;\n}\n.main-module_color-picker__close-icon__JcWAL svg {\n fill: #2d3748;\n}\n";
8
8
  var styles = {
9
+ "color-picker-impl": "main-module_color-picker-impl__1W-fs",
10
+ "color-picker-mode-toggler": "main-module_color-picker-mode-toggler__1f2oJ",
11
+ "color-picker-mode-toggler__button": "main-module_color-picker-mode-toggler__button__3vyH-",
12
+ "color-picker-mode-toggler__button_solid": "main-module_color-picker-mode-toggler__button_solid___X6iZ",
13
+ "color-picker-mode-toggler__button_gradient_linear": "main-module_color-picker-mode-toggler__button_gradient_linear__3VUoB",
14
+ "color-picker-mode-toggler__button_gradient_radial": "main-module_color-picker-mode-toggler__button_gradient_radial__1BWYE",
15
+ "color-picker-mode-toggler__button_active": "main-module_color-picker-mode-toggler__button_active__wWPPx",
9
16
  "color-picker__container": "main-module_color-picker__container__14ccI",
17
+ "color-picker__hue": "main-module_color-picker__hue__1ow3q",
18
+ "color-picker__opacity": "main-module_color-picker__opacity__232os",
19
+ "color-picker__current-color-preview": "main-module_color-picker__current-color-preview__mxKEu",
20
+ "color-picker__gradient-angle": "main-module_color-picker__gradient-angle__1dUul",
21
+ "color-picker__gradient-angle-input": "main-module_color-picker__gradient-angle-input__1nVDi",
10
22
  "color-picker__rbgcp": "main-module_color-picker__rbgcp__2FKdw",
23
+ "color-picker__square": "main-module_color-picker__square__omS4M",
11
24
  "color-picker__header": "main-module_color-picker__header__NFjKK",
12
25
  "color-picker__footer": "main-module_color-picker__footer__3JvEl",
13
26
  "color-picker__swatches": "main-module_color-picker__swatches__1s2pY",
@@ -22,10 +35,10 @@ var styles = {
22
35
  "color-picker__swatch-fill": "main-module_color-picker__swatch-fill__3D88w",
23
36
  "color-picker__input-container": "main-module_color-picker__input-container__1cC2e",
24
37
  "color-picker__input-color-swatch-container": "main-module_color-picker__input-color-swatch-container__3WX9B",
25
- "color-picker__inputs": "main-module_color-picker__inputs__3Cmmw",
26
38
  "color-picker__inputs-type": "main-module_color-picker__inputs-type__1loVJ",
27
39
  "color-picker__inputs-value": "main-module_color-picker__inputs-value__Rig14",
28
40
  "color-picker__inputs-value-container": "main-module_color-picker__inputs-value-container__3ErVj",
41
+ "color-picker__inputs": "main-module_color-picker__inputs__3Cmmw",
29
42
  "color-picker__close-icon": "main-module_color-picker__close-icon__JcWAL"
30
43
  };
31
44
  styleInject_es['default'](css_248z);
@@ -1 +1 @@
1
- {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;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
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA,6BAA6B,8DAAkE;AAC/F;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
@@ -39,6 +39,11 @@ var AxiosClient = /*#__PURE__*/function () {
39
39
  cancelRequest: cancelRequest
40
40
  };
41
41
  }
42
+ }, {
43
+ key: "isCancelError",
44
+ value: function isCancelError(error) {
45
+ return index['default'].isCancel(error);
46
+ }
42
47
  }]);
43
48
  }();
44
49
 
@@ -1 +1 @@
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;"}
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;"}
@@ -1,28 +1,28 @@
1
1
  import React, { useState } from 'react';
2
- import { slicedToArray as _slicedToArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
2
  import tinycolor from '../../../external/tinycolor2/tinycolor.js';
4
3
  import { usePicker } from '../context.js';
5
4
  import Portal from './Portal.js';
6
5
  import html2canvas from '../../../../html2canvas/dist/html2canvas.esm.js';
7
- import { controlBtnStyles } from './Controls.js';
6
+ import { controlBtnStyles } from '../styles/styles.js';
8
7
 
9
- var DropperIcon = function DropperIcon(_ref) {
10
- var color = _ref.color;
8
+ var __assign = undefined && undefined.__assign || function () {
9
+ __assign = Object.assign || function (t) {
10
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
11
+ s = arguments[i];
11
12
 
12
- var _usePicker = usePicker(),
13
- classes = _usePicker.classes;
13
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
14
+ }
14
15
 
15
- var col = color || '';
16
- var style1 = {
17
- fill: 'none',
18
- stroke: col,
19
- strokeWidth: '1.4px'
20
- };
21
- var style2 = {
22
- fill: col,
23
- stroke: col,
24
- strokeWidth: '1.4px'
16
+ return t;
25
17
  };
18
+
19
+ return __assign.apply(this, arguments);
20
+ };
21
+
22
+ var DropperIcon = function DropperIcon(_a) {
23
+ var color = _a.color;
24
+ var defaultStyles = usePicker().defaultStyles;
25
+ var col = color || '';
26
26
  return /*#__PURE__*/React.createElement("svg", {
27
27
  id: "Layer_1",
28
28
  "data-name": "Layer 1",
@@ -32,41 +32,53 @@ var DropperIcon = function DropperIcon(_ref) {
32
32
  width: 16
33
33
  }
34
34
  }, /*#__PURE__*/React.createElement("path", {
35
- style: style1,
36
35
  strokeLinecap: "round",
37
36
  strokeLinejoin: "round",
38
- className: classes.rbgcpControlIcon,
37
+ style: __assign(__assign({
38
+ fill: 'none',
39
+ strokeWidth: '1.4px'
40
+ }, defaultStyles.rbgcpControlIcon), col && {
41
+ stroke: col
42
+ }),
39
43
  d: "M15.6,7h0L7.78,14.86c-.37.37-1.61.38-2,.75s-.5,1.53-.76,2a3.53,3.53,0,0,1-.52.52,1.6,1.6,0,0,1-2.27-.06l-.32-.32a1.61,1.61,0,0,1-.06-2.27A3.25,3.25,0,0,1,2.4,15c.47-.26,1.65-.35,2-.73s.34-1.64.71-2c1.68-1.73,5.61-5.65,7.91-7.93h0l1.14,1.38L15.6,7Z"
40
44
  }), /*#__PURE__*/React.createElement("polygon", {
41
- style: style2,
42
45
  strokeLinecap: "round",
43
46
  strokeLinejoin: "round",
44
- className: classes.rbgcpControlIcon2,
47
+ style: __assign(__assign({
48
+ strokeWidth: '1.4px'
49
+ }, defaultStyles.rbgcpControlIcon2), col && {
50
+ stroke: col,
51
+ fill: col
52
+ }),
45
53
  points: "15.7 8.87 11.13 4.29 12.69 2.73 17.25 7.31 15.7 8.87"
46
54
  }), /*#__PURE__*/React.createElement("path", {
47
- style: style2,
48
55
  strokeLinecap: "round",
49
56
  strokeLinejoin: "round",
50
- className: classes.rbgcpControlIcon2,
57
+ style: __assign(__assign({
58
+ strokeWidth: '1.4px'
59
+ }, defaultStyles.rbgcpControlIcon2), col && {
60
+ stroke: col,
61
+ fill: col
62
+ }),
51
63
  d: "M18.18,3.71,16.36,5.53a1.33,1.33,0,0,1-1.88,0h0a1.34,1.34,0,0,1,0-1.89l1.81-1.82a1.34,1.34,0,0,1,1.89,0h0A1.34,1.34,0,0,1,18.18,3.71Z"
52
64
  }));
53
65
  };
54
66
 
55
- var Dropper = function Dropper(_ref2) {
56
- var onSelect = _ref2.onSelect;
67
+ var Dropper = function Dropper(_a) {
68
+ var onSelect = _a.onSelect;
69
+ var defaultStyles = usePicker().defaultStyles;
57
70
 
58
- var _usePicker2 = usePicker(),
59
- classes = _usePicker2.classes;
71
+ var _b = useState(null),
72
+ pickerCanvas = _b[0],
73
+ setPickerCanvas = _b[1];
60
74
 
61
- var _useState = useState(null),
62
- _useState2 = _slicedToArray(_useState, 2),
63
- pickerCanvas = _useState2[0],
64
- setPickerCanvas = _useState2[1];
75
+ var _c = useState(false),
76
+ coverUp = _c[0],
77
+ setCoverUp = _c[1];
65
78
 
66
- var _useState3 = useState(false),
67
- _useState4 = _slicedToArray(_useState3, 2),
68
- coverUp = _useState4[0],
69
- setCoverUp = _useState4[1];
79
+ var _d = useState(false),
80
+ isPicking = _d[0],
81
+ setIsPicking = _d[1];
70
82
 
71
83
  var takePick = function takePick() {
72
84
  var root = document.getElementById('root');
@@ -96,20 +108,17 @@ var Dropper = function Dropper(_ref2) {
96
108
  pageY = e.pageY;
97
109
  var x1 = pageX * 2;
98
110
  var y1 = pageY * 2;
99
-
100
- var _pickerCanvas$getImag2 = _slicedToArray(pickerCanvas.getImageData(x1, y1, 1, 1).data, 3),
101
- r = _pickerCanvas$getImag2[0],
102
- g = _pickerCanvas$getImag2[1],
103
- b = _pickerCanvas$getImag2[2];
104
-
105
- onSelect("rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", 1)"));
111
+ var rgb = pickerCanvas.getImageData(x1, y1, 1, 1).data;
112
+ onSelect("rgba(".concat(rgb[0], ", ").concat(rgb[1], ", ").concat(rgb[2], ", 1)"));
106
113
  }
107
114
 
115
+ setIsPicking(false);
108
116
  setCoverUp(false);
109
117
  };
110
118
 
111
119
  var getEyeDrop = function getEyeDrop() {
112
- // @ts-expect-error - ts does not evaluate for window.EyeDropper
120
+ setIsPicking(true); // @ts-expect-error - ts does not evaluate for window.EyeDropper
121
+
113
122
  if (!window.EyeDropper) {
114
123
  takePick();
115
124
  } else {
@@ -121,14 +130,16 @@ var Dropper = function Dropper(_ref2) {
121
130
  }).then(function (result) {
122
131
  var tinyHex = tinycolor(result.sRGBHex);
123
132
 
124
- var _tinyHex$toRgb = tinyHex.toRgb(),
125
- r = _tinyHex$toRgb.r,
126
- g = _tinyHex$toRgb.g,
127
- b = _tinyHex$toRgb.b;
133
+ var _a = tinyHex.toRgb(),
134
+ r = _a.r,
135
+ g = _a.g,
136
+ b = _a.b;
128
137
 
129
138
  onSelect("rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", 1)"));
139
+ setIsPicking(false);
130
140
  }).catch(function (e) {
131
141
  console.log(e);
142
+ setIsPicking(false);
132
143
  });
133
144
  }
134
145
  };
@@ -136,14 +147,14 @@ var Dropper = function Dropper(_ref2) {
136
147
  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
137
148
  onClick: getEyeDrop,
138
149
  id: "rbgcp-eyedropper-btn",
139
- className: "".concat(controlBtnStyles(coverUp, classes), " ").concat(classes.rbgcpEyedropperBtn)
150
+ style: __assign(__assign({}, defaultStyles.rbgcpEyedropperBtn), controlBtnStyles(coverUp, defaultStyles))
140
151
  }, /*#__PURE__*/React.createElement(DropperIcon, {
141
- color: coverUp ? 'rgb(86, 140, 245)' : ''
152
+ color: isPicking ? 'rgb(86, 140, 245)' : ''
142
153
  })), coverUp && /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement("div", {
143
154
  onClick: function onClick(e) {
144
155
  return getColorLegacy(e);
145
156
  },
146
- className: classes.rbgcpEyedropperCover
157
+ style: defaultStyles.rbgcpEyedropperCover
147
158
  })));
148
159
  };
149
160
 
@@ -1 +1 @@
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;"}
1
+ {"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;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;"}
@@ -1,35 +1,49 @@
1
1
  import React, { useState, useEffect } from 'react';
2
- import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
3
2
  import { low, high } from '../utils/formatters.js';
4
3
  import { getHandleValue } from '../utils/utils.js';
5
4
  import { usePicker } from '../context.js';
6
5
 
7
- var handleStyle = function handleStyle(isSelected) {
8
- return {
9
- boxShadow: isSelected ? '0px 0px 5px 1px rgba(86, 140, 245,.95)' : '',
10
- border: isSelected ? '2px solid white' : '2px solid rgba(255,255,255,.75)'
6
+ var __assign = undefined && undefined.__assign || function () {
7
+ __assign = Object.assign || function (t) {
8
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
9
+ s = arguments[i];
10
+
11
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
12
+ }
13
+
14
+ return t;
11
15
  };
12
- };
13
16
 
14
- var Handle = function Handle(_ref) {
15
- var left = _ref.left,
16
- i = _ref.i,
17
- setDragging = _ref.setDragging,
18
- setInFocus = _ref.setInFocus;
17
+ return __assign.apply(this, arguments);
18
+ };
19
19
 
20
- var _usePicker = usePicker(),
21
- colors = _usePicker.colors,
22
- selectedColor = _usePicker.selectedColor,
23
- squareWidth = _usePicker.squareWidth,
24
- classes = _usePicker.classes,
25
- createGradientStr = _usePicker.createGradientStr;
20
+ var __spreadArray = undefined && undefined.__spreadArray || function (to, from, pack) {
21
+ if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
22
+ if (ar || !(i in from)) {
23
+ if (!ar) ar = Array.prototype.slice.call(from, 0, i);
24
+ ar[i] = from[i];
25
+ }
26
+ }
27
+ return to.concat(ar || Array.prototype.slice.call(from));
28
+ };
29
+ var Handle = function Handle(_a) {
30
+ var left = _a.left,
31
+ i = _a.i,
32
+ setDragging = _a.setDragging;
33
+
34
+ var _b = usePicker(),
35
+ colors = _b.colors,
36
+ selectedColor = _b.selectedColor,
37
+ squareWidth = _b.squareWidth,
38
+ defaultStyles = _b.defaultStyles,
39
+ createGradientStr = _b.createGradientStr;
26
40
 
27
41
  var isSelected = selectedColor === i;
28
42
  var leftMultiplyer = (squareWidth - 18) / 100;
29
43
 
30
44
  var setSelectedColor = function setSelectedColor(index) {
31
45
  var newGradStr = colors === null || colors === void 0 ? void 0 : colors.map(function (cc, i) {
32
- return _objectSpread2(_objectSpread2({}, cc), {}, {
46
+ return __assign(__assign({}, cc), {
33
47
  value: i === index ? high(cc) : low(cc)
34
48
  });
35
49
  });
@@ -40,31 +54,31 @@ var Handle = function Handle(_ref) {
40
54
  e.stopPropagation();
41
55
  setSelectedColor(i);
42
56
  setDragging(true);
43
- };
44
-
45
- var handleFocus = function handleFocus() {
46
- // setInFocus('gpoint')
47
- setSelectedColor(i);
48
- };
57
+ }; // const handleFocus = () => {
58
+ // setInFocus('gpoint')
59
+ // setSelectedColor(i)
60
+ // }
61
+ // const handleBlur = () => {
62
+ // setInFocus(null)
63
+ // }
49
64
 
50
- var handleBlur = function handleBlur() {// setInFocus(null)
51
- };
52
65
 
53
66
  return /*#__PURE__*/React.createElement("div", {
54
- tabIndex: 0,
55
- onBlur: handleBlur,
56
- onFocus: handleFocus,
67
+ // tabIndex={0}
68
+ // onBlur={handleBlur}
69
+ // onFocus={handleFocus}
57
70
  id: "gradient-handle-".concat(i),
58
71
  onMouseDown: function onMouseDown(e) {
59
72
  return handleDown(e);
60
73
  },
61
- className: classes.rbgcpGradientHandleWrap,
62
- style: {
74
+ style: __assign(__assign({}, defaultStyles.rbgcpGradientHandleWrap), {
63
75
  left: (left || 0) * leftMultiplyer
64
- }
76
+ })
65
77
  }, /*#__PURE__*/React.createElement("div", {
66
- style: handleStyle(isSelected),
67
- className: classes.rbgcpGradientHandle
78
+ style: __assign(__assign({}, defaultStyles.rbgcpGradientHandle), isSelected ? {
79
+ boxShadow: '0px 0px 5px 1px rgba(86, 140, 245,.95)',
80
+ border: '2px solid white'
81
+ } : {})
68
82
  }, isSelected && /*#__PURE__*/React.createElement("div", {
69
83
  style: {
70
84
  width: 5,
@@ -76,99 +90,78 @@ var Handle = function Handle(_ref) {
76
90
  };
77
91
 
78
92
  var GradientBar = function GradientBar() {
79
- var _usePicker2 = usePicker(),
80
- currentColor = _usePicker2.currentColor,
81
- createGradientStr = _usePicker2.createGradientStr,
82
- colors = _usePicker2.colors,
83
- value = _usePicker2.value,
84
- handleGradient = _usePicker2.handleGradient,
85
- squareWidth = _usePicker2.squareWidth,
86
- deletePoint = _usePicker2.deletePoint,
87
- isGradient = _usePicker2.isGradient,
88
- selectedColor = _usePicker2.selectedColor;
89
-
90
- var _useState = useState(false),
91
- _useState2 = _slicedToArray(_useState, 2),
92
- dragging = _useState2[0],
93
- setDragging = _useState2[1];
94
-
95
- var _useState3 = useState(null),
96
- _useState4 = _slicedToArray(_useState3, 2),
97
- inFocus = _useState4[0],
98
- setInFocus = _useState4[1];
93
+ var _a = usePicker(),
94
+ currentColor = _a.currentColor,
95
+ createGradientStr = _a.createGradientStr,
96
+ colors = _a.colors,
97
+ value = _a.value,
98
+ handleGradient = _a.handleGradient,
99
+ squareWidth = _a.squareWidth;
100
+
101
+ var _b = useState(false),
102
+ dragging = _b[0],
103
+ setDragging = _b[1]; // const [inFocus, setInFocus] = useState<string | null>(null)
104
+
99
105
 
100
106
  function force90degLinear(color) {
101
107
  return color.replace(/(radial|linear)-gradient\([^,]+,/, 'linear-gradient(90deg,');
102
108
  }
103
109
 
104
110
  var addPoint = function addPoint(e) {
105
- var _ref2;
111
+ var _a;
106
112
 
107
113
  var left = getHandleValue(e);
108
- var newColors = (_ref2 = [].concat(_toConsumableArray(colors.map(function (c) {
109
- return _objectSpread2(_objectSpread2({}, c), {}, {
114
+ var newColors = (_a = __spreadArray(__spreadArray([], colors.map(function (c) {
115
+ return __assign(__assign({}, c), {
110
116
  value: low(c)
111
117
  });
112
- })), [{
118
+ }), true), [{
113
119
  value: currentColor,
114
120
  left: left
115
- }])) === null || _ref2 === void 0 ? void 0 : _ref2.sort(function (a, b) {
121
+ }], false)) === null || _a === void 0 ? void 0 : _a.sort(function (a, b) {
116
122
  return a.left - b.left;
117
123
  });
118
124
  createGradientStr(newColors);
119
- };
120
-
121
- useEffect(function () {
122
- var _window;
125
+ }; // useEffect(() => {
126
+ // const selectedEl = window?.document?.getElementById(
127
+ // `gradient-handle-${selectedColor}`
128
+ // )
129
+ // if (selectedEl) selectedEl.focus()
130
+ // }, [selectedColor])
123
131
 
124
- var selectedEl = (_window = window) === null || _window === void 0 || (_window = _window.document) === null || _window === void 0 ? void 0 : _window.getElementById("gradient-handle-".concat(selectedColor));
125
-
126
- if (selectedEl) {
127
- selectedEl.focus();
128
- }
129
- }, [selectedColor]);
130
132
 
131
133
  var stopDragging = function stopDragging() {
132
134
  setDragging(false);
133
135
  };
134
136
 
135
137
  var handleDown = function handleDown(e) {
136
- if (!dragging) {
137
- addPoint(e);
138
- setDragging(true);
139
- }
138
+ if (dragging) return;
139
+ addPoint(e);
140
+ setDragging(true);
140
141
  };
141
142
 
142
143
  var handleMove = function handleMove(e) {
143
- if (dragging) {
144
- handleGradient(currentColor, getHandleValue(e));
145
- }
146
- };
144
+ if (dragging) handleGradient(currentColor, getHandleValue(e));
145
+ }; // const handleKeyboard = (e: any) => {
146
+ // if (isGradient) {
147
+ // if (e.keyCode === 8) {
148
+ // if (inFocus === 'gpoint') {
149
+ // deletePoint()
150
+ // }
151
+ // }
152
+ // }
153
+ // }
147
154
 
148
- var handleKeyboard = function handleKeyboard(e) {
149
- if (isGradient) {
150
- if (e.keyCode === 8) {
151
- if (inFocus === 'gpoint') {
152
- deletePoint();
153
- }
154
- }
155
- }
156
- };
157
155
 
158
156
  var handleUp = function handleUp() {
159
157
  stopDragging();
160
158
  };
161
159
 
162
160
  useEffect(function () {
163
- var _window2;
161
+ window.addEventListener('mouseup', handleUp); // window?.addEventListener('keydown', handleKeyboard)
164
162
 
165
- window.addEventListener('mouseup', handleUp);
166
- (_window2 = window) === null || _window2 === void 0 || _window2.addEventListener('keydown', handleKeyboard);
167
163
  return function () {
168
- var _window3;
169
-
170
- window.removeEventListener('mouseup', handleUp);
171
- (_window3 = window) === null || _window3 === void 0 || _window3.removeEventListener('keydown', handleKeyboard);
164
+ window.removeEventListener('mouseup', handleUp); // window?.removeEventListener('keydown', handleKeyboard)
172
165
  };
173
166
  });
174
167
  return /*#__PURE__*/React.createElement("div", {
@@ -181,10 +174,10 @@ var GradientBar = function GradientBar() {
181
174
  id: "gradient-bar"
182
175
  }, /*#__PURE__*/React.createElement("div", {
183
176
  style: {
184
- width: squareWidth,
185
177
  height: 14,
186
- backgroundImage: force90degLinear(value),
187
- borderRadius: 10
178
+ borderRadius: 10,
179
+ width: squareWidth,
180
+ backgroundImage: force90degLinear(value)
188
181
  },
189
182
  onMouseDown: function onMouseDown(e) {
190
183
  return handleDown(e);
@@ -197,7 +190,6 @@ var GradientBar = function GradientBar() {
197
190
  i: i,
198
191
  left: c.left,
199
192
  key: "".concat(i, "-").concat(c),
200
- setInFocus: setInFocus,
201
193
  setDragging: setDragging
202
194
  });
203
195
  }));
@@ -1 +1 @@
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;"}
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;"}