Merge pull request #198 from picocss/dev

v1.5.2

css/pico.classless.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
- * Pico.css v1.5.1 (https://picocss.com)
+ * Pico.css v1.5.2 (https://picocss.com)
  * Copyright 2019-2022 - Licensed under MIT
  */
 /**

css/pico.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
- * Pico.css v1.5.1 (https://picocss.com)
+ * Pico.css v1.5.2 (https://picocss.com)
  * Copyright 2019-2022 - Licensed under MIT
  */
 /**

css/pico.fluid.classless.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
- * Pico.css v1.5.1 (https://picocss.com)
+ * Pico.css v1.5.2 (https://picocss.com)
  * Copyright 2019-2022 - Licensed under MIT
  */
 /**

css/pico.slim.css

@@ -1,5 +1,5 @@
 /*!
- * Pico.css v1.5.1 (https://picocss.com)
+ * Pico.css v1.5.2 (https://picocss.com)
  * Copyright 2019-2022 - Licensed under MIT
  *
  * Slim version example

css/pico.slim.min.css

@@ -1,5 +1,5 @@
 /*!
- * Pico.css v1.5.1 (https://picocss.com)
+ * Pico.css v1.5.2 (https://picocss.com)
  * Copyright 2019-2022 - Licensed under MIT
  *
  * Slim version example

docs/js/modal.js

@@ -16,7 +16,7 @@ let visibleModal = null;
 // Toggle modal
 const toggleModal = event => {
   event.preventDefault();
-  const modal = document.getElementById(event.target.getAttribute('data-target'));
+  const modal = document.getElementById(event.currentTarget.getAttribute('data-target'));
   (typeof(modal) != 'undefined' && modal != null)
     && isModalOpen(modal) ? closeModal(modal) : openModal(modal)
 }
@@ -92,4 +92,4 @@ const getScrollbarWidth = () => {
 // Is scrollbar visible
 const isScrollbarVisible = () => {
   return document.body.scrollHeight > screen.height;
-}
+}

docs/js/modal.min.js

@@ -1 +1 @@
-"use strict";const isOpenClass="modal-is-open",openingClass="modal-is-opening",closingClass="modal-is-closing",animationDuration=400;let visibleModal=null;const toggleModal=e=>{e.preventDefault();e=document.getElementById(e.target.getAttribute("data-target"));(void 0!==e&&null!=e&&isModalOpen(e)?closeModal:openModal)(e)},isModalOpen=e=>!(!e.hasAttribute("open")||"false"==e.getAttribute("open")),openModal=e=>{isScrollbarVisible()&&document.documentElement.style.setProperty("--scrollbar-width","".concat(getScrollbarWidth(),"px")),document.documentElement.classList.add(isOpenClass,openingClass),setTimeout(()=>{visibleModal=e,document.documentElement.classList.remove(openingClass)},animationDuration),e.setAttribute("open",!0)},closeModal=e=>{visibleModal=null,document.documentElement.classList.add(closingClass),setTimeout(()=>{document.documentElement.classList.remove(closingClass,isOpenClass),document.documentElement.style.removeProperty("--scrollbar-width"),e.removeAttribute("open")},animationDuration)},getScrollbarWidth=(document.addEventListener("click",e=>{if(null!=visibleModal){const t=visibleModal.querySelector("article");t.contains(e.target)||closeModal(visibleModal)}}),document.addEventListener("keydown",e=>{"Escape"===e.key&&null!=visibleModal&&closeModal(visibleModal)}),()=>{const e=document.createElement("div");e.style.visibility="hidden",e.style.overflow="scroll",e.style.msOverflowStyle="scrollbar",document.body.appendChild(e);var t=document.createElement("div"),t=(e.appendChild(t),e.offsetWidth-t.offsetWidth);return e.parentNode.removeChild(e),t}),isScrollbarVisible=()=>document.body.scrollHeight>screen.height;
+"use strict";const isOpenClass="modal-is-open",openingClass="modal-is-opening",closingClass="modal-is-closing",animationDuration=400;let visibleModal=null;const toggleModal=e=>{e.preventDefault();e=document.getElementById(e.currentTarget.getAttribute("data-target"));(void 0!==e&&null!=e&&isModalOpen(e)?closeModal:openModal)(e)},isModalOpen=e=>!(!e.hasAttribute("open")||"false"==e.getAttribute("open")),openModal=e=>{isScrollbarVisible()&&document.documentElement.style.setProperty("--scrollbar-width","".concat(getScrollbarWidth(),"px")),document.documentElement.classList.add(isOpenClass,openingClass),setTimeout(()=>{visibleModal=e,document.documentElement.classList.remove(openingClass)},animationDuration),e.setAttribute("open",!0)},closeModal=e=>{visibleModal=null,document.documentElement.classList.add(closingClass),setTimeout(()=>{document.documentElement.classList.remove(closingClass,isOpenClass),document.documentElement.style.removeProperty("--scrollbar-width"),e.removeAttribute("open")},animationDuration)},getScrollbarWidth=(document.addEventListener("click",e=>{if(null!=visibleModal){const t=visibleModal.querySelector("article");t.contains(e.target)||closeModal(visibleModal)}}),document.addEventListener("keydown",e=>{"Escape"===e.key&&null!=visibleModal&&closeModal(visibleModal)}),()=>{const e=document.createElement("div");e.style.visibility="hidden",e.style.overflow="scroll",e.style.msOverflowStyle="scrollbar",document.body.appendChild(e);var t=document.createElement("div"),t=(e.appendChild(t),e.offsetWidth-t.offsetWidth);return e.parentNode.removeChild(e),t}),isScrollbarVisible=()=>document.body.scrollHeight>screen.height;

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@picocss/pico",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
       "name": "@picocss/pico",
-      "version": "1.5.1",
+      "version": "1.5.2",
       "license": "MIT",
       "devDependencies": {
         "@babel/cli": "^7.17.10",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@picocss/pico",
-  "version": "1.5.1",
+  "version": "1.5.2",
   "description": "Minimal CSS Framework for semantic HTML",
   "author": "Lucas Larroche",
   "main": "css/pico.min.css",

scss/pico.scss

@@ -1,5 +1,5 @@
 /*!
- * Pico.css v1.5.1 (https://picocss.com)
+ * Pico.css v1.5.2 (https://picocss.com)
  * Copyright 2019-2022 - Licensed under MIT
  */
 

scss/pico.slim.scss

@@ -1,5 +1,5 @@
 /*!
- * Pico.css v1.5.1 (https://picocss.com)
+ * Pico.css v1.5.2 (https://picocss.com)
  * Copyright 2019-2022 - Licensed under MIT
  *
  * Slim version example