NYSDS Release 1.10.0 “Haystack”

<nys-pagination
  id="pagination"
  name="pagination"
  currentPage=4
  totalPages=10
></nys-pagination>

<nys-button
    label="Open Modal"
    onclick="showModal();"
    type="button"
    id="open-modal-button"
  ></nys-button>
  <nys-modal
    id="modal1"
    heading="Update Available"
    subheading="A new version of this application is ready to install."
  >
    <p>
      Would you like to install the latest version? Albany ipsum dolor sit
      Empire, Hudson consectetur Adirondack elit, sed do MetroCard tempor
      incididunt ut Capitol et Broadway magna Niagara. Ut enim ad Erie
      veniam, quis nostrud Catskill ullamco Bronx nisi ut LongIsland ex ea
      Cuomo consequat.
    </p>
    <p>
      Would you like to install the latest version? Albany ipsum dolor sit
      Empire, Hudson consectetur Adirondack elit, sed do MetroCard tempor
      incididunt ut Capitol et Broadway magna Niagara. Ut enim ad Erie
      veniam, quis nostrud Catskill ullamco Bronx nisi ut LongIsland ex ea
      Cuomo consequat.
    </p>
    <div slot="actions">
      <nys-button label="Not now" variant="text" onclick="closeModal();"></nys-button>
      <nys-button label="Update" onclick="closeModal();"></nys-button>
    </div>
  </nys-modal>
  <script>
    function showModal() {
      const modal = document.getElementById('modal1');
      if (modal) {
        modal.open = true;
      }
    };
    function closeModal() {
      const modal = document.getElementById('modal1');
      if (modal) {
        modal.open = false;
      }
    };
  </script>