<commit_before><div class="docs-OverlayDarkExample">
  {{> OverlayElem props=OverlayModels.dark }}
  <button class="ms-Button docs-OverlayDarkExample-button">Show the dark overlay</button>
</div>

<script type="text/javascript">
  var OverlayExample = document.querySelector('.docs-OverlayDarkExample');
  var Overlay = new fabric['Overlay'](OverlayExample.querySelector('.ms-Overlay'));
  var OverlayButton = OverlayExample.querySelector('.docs-OverlayDarkExample-button');
  
  // When clicking the button, open the MessageBanner
  OverlayButton.onclick = function() {
    Overlay.show();
  };
</script><commit_msg>Rename variables that were clashing<commit_after><div class="docs-OverlayDarkExample">
  {{> OverlayElem props=OverlayModels.dark }}
  <button class="ms-Button docs-OverlayDarkExample-button">Show the dark overlay</button>
</div>

<script type="text/javascript">
  var OverlayDarkExample = document.querySelector('.docs-OverlayDarkExample');
  var OverlayDark = new fabric['Overlay'](OverlayDarkExample.querySelector('.ms-Overlay'));
  var OverlayDarkButton = OverlayDarkExample.querySelector('.docs-OverlayDarkExample-button');
  
  // When clicking the button, open the MessageBanner
  OverlayDarkButton.onclick = function() {
    OverlayDark.show();
  };
</script>
{'fraction_non_alphanumeric': 0.13551401869158877, 'fraction_numerical': 0.0, 'mean_word_length': 6.021857923497268, 'pattern_counts': {'":': 0, '<': 15, '<?xml version=': 0, '>': 17, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3139250', 'n_tokens_mistral': 355, 'n_tokens_neox': 372, 'n_words': 71}