chore(release): 3.3.3 [skip ci]

### [3.3.3](v3.3.2...v3.3.3) (2021-09-20)

### Bug Fixes

* expand hint props to be anything off of base props ([c9d4dd2](c9d4dd2))
* set HintProps base HTMLProps to be partial ([2283e4b](2283e4b))

docs/index.html

@@ -104,4 +104,4 @@ <h2>License</h2>
 </a>
 <p>MIT</p>
 <p>Icons made by <a href="https://www.freepik.com" title="Freepik">Freepik</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a></p>
-</div></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class="current"><a href="modules.html">Exports</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="tsd-kind-interface tsd-has-type-parameter"><a href="interfaces/HintProps.html" class="tsd-kind-icon">Hint<wbr/>Props</a></li><li class="tsd-kind-interface"><a href="interfaces/LensProps.html" class="tsd-kind-icon">Lens<wbr/>Props</a></li><li class="tsd-kind-interface"><a href="interfaces/MagnifyContainerProps.html" class="tsd-kind-icon">Magnify<wbr/>Container<wbr/>Props</a></li><li class="tsd-kind-type-alias"><a href="modules.html#ImageProps" class="tsd-kind-icon">Image<wbr/>Props</a></li><li class="tsd-kind-type-alias"><a href="modules.html#InputType" class="tsd-kind-icon">Input<wbr/>Type</a></li><li class="tsd-kind-type-alias"><a href="modules.html#Interactions" class="tsd-kind-icon">Interactions</a></li><li class="tsd-kind-type-alias"><a href="modules.html#MagnifiedImagePosition" class="tsd-kind-icon">Magnified<wbr/>Image<wbr/>Position</a></li><li class="tsd-kind-type-alias"><a href="modules.html#MagnifiedImageProps" class="tsd-kind-icon">Magnified<wbr/>Image<wbr/>Props</a></li><li class="tsd-kind-type-alias"><a href="modules.html#Point" class="tsd-kind-icon">Point</a></li><li class="tsd-kind-type-alias"><a href="modules.html#PortalProps" class="tsd-kind-icon">Portal<wbr/>Props</a></li><li class="tsd-kind-function"><a href="modules.html#default" class="tsd-kind-icon">default</a></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="assets/main.js"></script></body></html>
+</div></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class="current"><a href="modules.html">Exports</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="tsd-kind-interface"><a href="interfaces/HintProps.html" class="tsd-kind-icon">Hint<wbr/>Props</a></li><li class="tsd-kind-interface"><a href="interfaces/LensProps.html" class="tsd-kind-icon">Lens<wbr/>Props</a></li><li class="tsd-kind-interface"><a href="interfaces/MagnifyContainerProps.html" class="tsd-kind-icon">Magnify<wbr/>Container<wbr/>Props</a></li><li class="tsd-kind-type-alias"><a href="modules.html#ImageProps" class="tsd-kind-icon">Image<wbr/>Props</a></li><li class="tsd-kind-type-alias"><a href="modules.html#InputType" class="tsd-kind-icon">Input<wbr/>Type</a></li><li class="tsd-kind-type-alias"><a href="modules.html#Interactions" class="tsd-kind-icon">Interactions</a></li><li class="tsd-kind-type-alias"><a href="modules.html#MagnifiedImagePosition" class="tsd-kind-icon">Magnified<wbr/>Image<wbr/>Position</a></li><li class="tsd-kind-type-alias"><a href="modules.html#MagnifiedImageProps" class="tsd-kind-icon">Magnified<wbr/>Image<wbr/>Props</a></li><li class="tsd-kind-type-alias"><a href="modules.html#Point" class="tsd-kind-icon">Point</a></li><li class="tsd-kind-type-alias"><a href="modules.html#PortalProps" class="tsd-kind-icon">Portal<wbr/>Props</a></li><li class="tsd-kind-function"><a href="modules.html#default" class="tsd-kind-icon">default</a></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="assets/main.js"></script></body></html>

docs/interfaces/HintProps.html

@@ -1 +1 @@
-<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><title>HintProps | React Image Magnify</title><meta name="description" content="Documentation for React Image Magnify"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">React Image Magnify</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">React Image Magnify</a></li><li><a href="HintProps.html">HintProps</a></li></ul><h1>Interface HintProps&lt;T&gt;</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-type-parameters"><h3>Type parameters</h3><ul class="tsd-type-parameters"><li><h4>T<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">HTMLElement</span> = <span class="tsd-signature-type">any</span></h4></li></ul></section><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type" data-tsd-kind="Type parameter">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;ref&quot;</span><span class="tsd-signature-symbol">&gt;</span><ul class="tsd-hierarchy"><li><span class="target">HintProps</span></li></ul></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#hintTextMouse" class="tsd-kind-icon">hint<wbr/>Text<wbr/>Mouse</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#hintTextTouch" class="tsd-kind-icon">hint<wbr/>Text<wbr/>Touch</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#isMouseDetected" class="tsd-kind-icon">is<wbr/>Mouse<wbr/>Detected</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#isTouchDetected" class="tsd-kind-icon">is<wbr/>Touch<wbr/>Detected</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="hintTextMouse" class="tsd-anchor"></a><h3>hint<wbr/>Text<wbr/>Mouse</h3><div class="tsd-signature tsd-kind-icon">hint<wbr/>Text<wbr/>Mouse<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/945e9f4/src/types.ts#L89">src/types.ts:89</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="hintTextTouch" class="tsd-anchor"></a><h3>hint<wbr/>Text<wbr/>Touch</h3><div class="tsd-signature tsd-kind-icon">hint<wbr/>Text<wbr/>Touch<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/945e9f4/src/types.ts#L90">src/types.ts:90</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="isMouseDetected" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> is<wbr/>Mouse<wbr/>Detected</h3><div class="tsd-signature tsd-kind-icon">is<wbr/>Mouse<wbr/>Detected<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/945e9f4/src/types.ts#L87">src/types.ts:87</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="isTouchDetected" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> is<wbr/>Touch<wbr/>Detected</h3><div class="tsd-signature tsd-kind-icon">is<wbr/>Touch<wbr/>Detected<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/945e9f4/src/types.ts#L88">src/types.ts:88</a></li></ul></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface tsd-has-type-parameter"><a href="HintProps.html" class="tsd-kind-icon">Hint<wbr/>Props</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#hintTextMouse" class="tsd-kind-icon">hint<wbr/>Text<wbr/>Mouse</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#hintTextTouch" class="tsd-kind-icon">hint<wbr/>Text<wbr/>Touch</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#isMouseDetected" class="tsd-kind-icon">is<wbr/>Mouse<wbr/>Detected</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#isTouchDetected" class="tsd-kind-icon">is<wbr/>Touch<wbr/>Detected</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>
+<!DOCTYPE html><html class="default no-js"><head><meta charSet="utf-8"/><meta http-equiv="X-UA-Compatible" content="IE=edge"/><title>HintProps | React Image Magnify</title><meta name="description" content="Documentation for React Image Magnify"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="../assets/style.css"/><link rel="stylesheet" href="../assets/highlight.css"/><script async src="../assets/search.js" id="search-script"></script></head><body><header><div class="tsd-page-toolbar"><div class="container"><div class="table-wrap"><div class="table-cell" id="tsd-search" data-base=".."><div class="field"><label for="tsd-search-field" class="tsd-widget search no-caption">Search</label><input type="text" id="tsd-search-field"/></div><ul class="results"><li class="state loading">Preparing search index...</li><li class="state failure">The search index is not available</li></ul><a href="../index.html" class="title">React Image Magnify</a></div><div class="table-cell" id="tsd-widgets"><div id="tsd-filter"><a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a><div class="tsd-filter-group"><div class="tsd-select" id="tsd-filter-visibility"><span class="tsd-select-label">All</span><ul class="tsd-select-list"><li data-value="public">Public</li><li data-value="protected">Public/Protected</li><li data-value="private" class="selected">All</li></ul></div> <input type="checkbox" id="tsd-filter-inherited" checked/><label class="tsd-widget" for="tsd-filter-inherited">Inherited</label></div></div><a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a></div></div></div></div><div class="tsd-page-title"><div class="container"><ul class="tsd-breadcrumb"><li><a href="../modules.html">React Image Magnify</a></li><li><a href="HintProps.html">HintProps</a></li></ul><h1>Interface HintProps</h1></div></div></header><div class="container container-main"><div class="row"><div class="col-8 col-content"><section class="tsd-panel tsd-hierarchy"><h3>Hierarchy</h3><ul class="tsd-hierarchy"><li><span class="target">HintProps</span></li></ul></section><section class="tsd-panel-group tsd-index-group"><h2>Index</h2><section class="tsd-panel tsd-index-panel"><div class="tsd-index-content"><section class="tsd-index-section "><h3>Properties</h3><ul class="tsd-index-list"><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#hintTextMouse" class="tsd-kind-icon">hint<wbr/>Text<wbr/>Mouse</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#hintTextTouch" class="tsd-kind-icon">hint<wbr/>Text<wbr/>Touch</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#isMouseDetected" class="tsd-kind-icon">is<wbr/>Mouse<wbr/>Detected</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#isTouchDetected" class="tsd-kind-icon">is<wbr/>Touch<wbr/>Detected</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#style" class="tsd-kind-icon">style</a></li></ul></section></div></section></section><section class="tsd-panel-group tsd-member-group "><h2>Properties</h2><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="hintTextMouse" class="tsd-anchor"></a><h3>hint<wbr/>Text<wbr/>Mouse</h3><div class="tsd-signature tsd-kind-icon">hint<wbr/>Text<wbr/>Mouse<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/51d84a5/src/types.ts#L89">src/types.ts:89</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="hintTextTouch" class="tsd-anchor"></a><h3>hint<wbr/>Text<wbr/>Touch</h3><div class="tsd-signature tsd-kind-icon">hint<wbr/>Text<wbr/>Touch<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/51d84a5/src/types.ts#L90">src/types.ts:90</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="isMouseDetected" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> is<wbr/>Mouse<wbr/>Detected</h3><div class="tsd-signature tsd-kind-icon">is<wbr/>Mouse<wbr/>Detected<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/51d84a5/src/types.ts#L87">src/types.ts:87</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="isTouchDetected" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> is<wbr/>Touch<wbr/>Detected</h3><div class="tsd-signature tsd-kind-icon">is<wbr/>Touch<wbr/>Detected<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">boolean</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/51d84a5/src/types.ts#L88">src/types.ts:88</a></li></ul></aside></section><section class="tsd-panel tsd-member tsd-kind-property tsd-parent-kind-interface"><a name="style" class="tsd-anchor"></a><h3><span class="tsd-flag ts-flagOptional">Optional</span> style</h3><div class="tsd-signature tsd-kind-icon">style<span class="tsd-signature-symbol">?:</span> <span class="tsd-signature-type">null</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">CSSProperties</span></div><aside class="tsd-sources"><ul><li>Defined in <a href="https://github.com/gooftroop/react-image-magnify/blob/51d84a5/src/types.ts#L91">src/types.ts:91</a></li></ul></aside></section></section></div><div class="col-4 col-menu menu-sticky-wrap menu-highlight"><nav class="tsd-navigation primary"><ul><li class=""><a href="../modules.html">Exports</a></li></ul></nav><nav class="tsd-navigation secondary menu-sticky"><ul><li class="current tsd-kind-interface"><a href="HintProps.html" class="tsd-kind-icon">Hint<wbr/>Props</a><ul><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#hintTextMouse" class="tsd-kind-icon">hint<wbr/>Text<wbr/>Mouse</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#hintTextTouch" class="tsd-kind-icon">hint<wbr/>Text<wbr/>Touch</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#isMouseDetected" class="tsd-kind-icon">is<wbr/>Mouse<wbr/>Detected</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#isTouchDetected" class="tsd-kind-icon">is<wbr/>Touch<wbr/>Detected</a></li><li class="tsd-kind-property tsd-parent-kind-interface"><a href="HintProps.html#style" class="tsd-kind-icon">style</a></li></ul></li></ul></nav></div></div></div><footer class="with-border-bottom"><div class="container"><h2>Legend</h2><div class="tsd-legend-group"><ul class="tsd-legend"><li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li></ul></div><h2>Settings</h2><p>Theme <select id="theme"><option value="os">OS</option><option value="light">Light</option><option value="dark">Dark</option></select></p></div></footer><div class="container tsd-generator"><p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p></div><div class="overlay"></div><script src="../assets/main.js"></script></body></html>