Merge pull request #354 from picocss/dev

v1.5.10
2025-04-21 17:16:14 -04:00 · 2023-04-22 12:27:58 +07:00 · 2023-04-22 12:27:58 +07:00 · 3687d3ab45
commit 3687d3ab45
parent 0534acfa8d 1accf5283a
25 changed files with 129 additions and 75 deletions
--- a/README.md
+++ b/README.md
@ -52,7 +52,7 @@ There are 4 ways to get started with Pico CSS:

 **Install manually**

-[Download Pico](https://github.com/picocss/pico/archive/refs/tags/v1.5.9.zip) and link `/css/pico.min.css` in the `<head>` of your website.
+[Download Pico](https://github.com/picocss/pico/archive/refs/tags/v1.5.10.zip) and link `/css/pico.min.css` in the `<head>` of your website.

 ```html
 <link rel="stylesheet" href="css/pico.min.css">
--- a/css/pico.classless.css
+++ b/css/pico.classless.css
@ -1,6 +1,6 @@
@charset "UTF-8";
 /*!
- * Pico CSS v1.5.9 (https://picocss.com)
+ * Pico CSS v1.5.10 (https://picocss.com)
 * Copyright 2019-2023 - Licensed under MIT
 */
 /**
@ -1359,6 +1359,16 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
  text-align: right;
 }

+@-moz-document url-prefix() {
+  [type=date],
+  [type=datetime-local],
+  [type=month],
+  [type=time],
+  [type=week] {
+    padding-right: var(--form-element-spacing-horizontal) !important;
+    background-image: none !important;
+  }
+}
 [type=file] {
  --color: var(--muted-color);
  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;
@ -2199,7 +2209,7 @@ label > details[role=list] {
  cursor: progress;
 }

-[aria-busy=true]:not(input, select, textarea)::before {
+[aria-busy=true]:not(input, select, textarea, html)::before {
  display: inline-block;
  width: 1em;
  height: 1em;
@ -2212,7 +2222,7 @@ label > details[role=list] {
  animation: spinner 0.75s linear infinite;
  opacity: var(--loading-spinner-opacity);
 }
-[aria-busy=true]:not(input, select, textarea):not(:empty)::before {
+[aria-busy=true]:not(input, select, textarea, html):not(:empty)::before {
  margin-right: calc(var(--spacing) * 0.5);
  margin-left: 0;
  -webkit-margin-start: 0;
@ -2220,7 +2230,7 @@ label > details[role=list] {
  -webkit-margin-end: calc(var(--spacing) * 0.5);
  margin-inline-end: calc(var(--spacing) * 0.5);
 }
-[aria-busy=true]:not(input, select, textarea):empty {
+[aria-busy=true]:not(input, select, textarea, html):empty {
  text-align: center;
 }

--- a/css/pico.classless.css.map
+++ b/css/pico.classless.css.map
--- a/css/pico.classless.min.css
+++ b/css/pico.classless.min.css
--- a/css/pico.classless.min.css.map
+++ b/css/pico.classless.min.css.map
--- a/css/pico.css
+++ b/css/pico.css
@ -1,6 +1,6 @@
@charset "UTF-8";
 /*!
- * Pico CSS v1.5.9 (https://picocss.com)
+ * Pico CSS v1.5.10 (https://picocss.com)
 * Copyright 2019-2023 - Licensed under MIT
 */
 /**
@ -1462,6 +1462,16 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
  text-align: right;
 }

+@-moz-document url-prefix() {
+  [type=date],
+  [type=datetime-local],
+  [type=month],
+  [type=time],
+  [type=week] {
+    padding-right: var(--form-element-spacing-horizontal) !important;
+    background-image: none !important;
+  }
+}
 [type=file] {
  --color: var(--muted-color);
  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;
@ -2366,7 +2376,7 @@ label > details[role=list] {
  cursor: progress;
 }

-[aria-busy=true]:not(input, select, textarea)::before {
+[aria-busy=true]:not(input, select, textarea, html)::before {
  display: inline-block;
  width: 1em;
  height: 1em;
@ -2379,7 +2389,7 @@ label > details[role=list] {
  animation: spinner 0.75s linear infinite;
  opacity: var(--loading-spinner-opacity);
 }
-[aria-busy=true]:not(input, select, textarea):not(:empty)::before {
+[aria-busy=true]:not(input, select, textarea, html):not(:empty)::before {
  margin-right: calc(var(--spacing) * 0.5);
  margin-left: 0;
  -webkit-margin-start: 0;
@ -2387,7 +2397,7 @@ label > details[role=list] {
  -webkit-margin-end: calc(var(--spacing) * 0.5);
  margin-inline-end: calc(var(--spacing) * 0.5);
 }
-[aria-busy=true]:not(input, select, textarea):empty {
+[aria-busy=true]:not(input, select, textarea, html):empty {
  text-align: center;
 }

--- a/css/pico.css.map
+++ b/css/pico.css.map
--- a/css/pico.fluid.classless.css
+++ b/css/pico.fluid.classless.css
@ -1,6 +1,6 @@
@charset "UTF-8";
 /*!
- * Pico CSS v1.5.9 (https://picocss.com)
+ * Pico CSS v1.5.10 (https://picocss.com)
 * Copyright 2019-2023 - Licensed under MIT
 */
 /**
@ -1329,6 +1329,16 @@ input:not([type=checkbox], [type=radio], [type=range], [type=file])[type=time] {
  text-align: right;
 }

+@-moz-document url-prefix() {
+  [type=date],
+  [type=datetime-local],
+  [type=month],
+  [type=time],
+  [type=week] {
+    padding-right: var(--form-element-spacing-horizontal) !important;
+    background-image: none !important;
+  }
+}
 [type=file] {
  --color: var(--muted-color);
  padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;
@ -2169,7 +2179,7 @@ label > details[role=list] {
  cursor: progress;
 }

-[aria-busy=true]:not(input, select, textarea)::before {
+[aria-busy=true]:not(input, select, textarea, html)::before {
  display: inline-block;
  width: 1em;
  height: 1em;
@ -2182,7 +2192,7 @@ label > details[role=list] {
  animation: spinner 0.75s linear infinite;
  opacity: var(--loading-spinner-opacity);
 }
-[aria-busy=true]:not(input, select, textarea):not(:empty)::before {
+[aria-busy=true]:not(input, select, textarea, html):not(:empty)::before {
  margin-right: calc(var(--spacing) * 0.5);
  margin-left: 0;
  -webkit-margin-start: 0;
@ -2190,7 +2200,7 @@ label > details[role=list] {
  -webkit-margin-end: calc(var(--spacing) * 0.5);
  margin-inline-end: calc(var(--spacing) * 0.5);
 }
-[aria-busy=true]:not(input, select, textarea):empty {
+[aria-busy=true]:not(input, select, textarea, html):empty {
  text-align: center;
 }

--- a/css/pico.fluid.classless.css.map
+++ b/css/pico.fluid.classless.css.map
--- a/css/pico.fluid.classless.min.css
+++ b/css/pico.fluid.classless.min.css
--- a/css/pico.fluid.classless.min.css.map
+++ b/css/pico.fluid.classless.min.css.map
--- a/css/pico.min.css
+++ b/css/pico.min.css
--- a/css/pico.min.css.map
+++ b/css/pico.min.css.map
--- a/css/pico.slim.css
+++ b/css/pico.slim.css
@ -1,5 +1,5 @@
 /*!
- * Pico CSS v1.5.9 (https://picocss.com)
+ * Pico CSS v1.5.10 (https://picocss.com)
 * Copyright 2019-2023 - Licensed under MIT
 *
 * Slim version example
--- a/css/pico.slim.css.map
+++ b/css/pico.slim.css.map
--- a/css/pico.slim.min.css
+++ b/css/pico.slim.min.css
@ -1,5 +1,5 @@
 /*!
- * Pico CSS v1.5.9 (https://picocss.com)
+ * Pico CSS v1.5.10 (https://picocss.com)
 * Copyright 2019-2023 - Licensed under MIT
 *
 * Slim version example
--- a/css/pico.slim.min.css.map
+++ b/css/pico.slim.min.css.map
--- a/docs/index.html
+++ b/docs/index.html
--- a/docs/src/index.html
+++ b/docs/src/index.html
@ -22,7 +22,7 @@
          </hgroup>
          <p>There are 4 ways to get started with Pico CSS:</p>
          <h3>Install manually</h3>
-          <p><a href="https://github.com/picocss/pico/archive/refs/tags/v1.5.9.zip">Download Pico</a> and link <code>/css/pico.min.css</code> in the <code>&lt;<b>head</b>&gt;</code> of your website.</p>
+          <p><a href="https://github.com/picocss/pico/archive/refs/tags/v1.5.10.zip">Download Pico</a> and link <code>/css/pico.min.css</code> in the <code>&lt;<b>head</b>&gt;</code> of your website.</p>
          <pre><code>&lt;<b>link</b> <i>rel</i>=<u>"stylesheet"</u> <i>href</i>=<u>"css/pico.min.css"</u>&gt;</code></pre>
          <h3>Install from CDN</h3>
          <p>Alternatively, you can use <a href="https://www.jsdelivr.com/package/npm/@picocss/pico">jsDelivr CDN</a> to link pico.css</p>
--- a/package-lock.json
+++ b/package-lock.json
@ -13,17 +13,17 @@
        "@babel/core": "^7.21.4",
        "@babel/preset-env": "^7.21.4",
        "autoprefixer": "^10.4.14",
-        "caniuse-lite": "1.0.30001476",
+        "caniuse-lite": "1.0.30001481",
        "clean-css-cli": "^5.6.2",
        "css-declaration-sorter": "^6.4.0",
        "html-includes": "^4.4.1",
        "nodemon": "^2.0.22",
        "npm-run-all": "^4.1.5",
-        "postcss": "^8.4.21",
+        "postcss": "^8.4.23",
        "postcss-cli": "^10.1.0",
        "postcss-scss": "^4.0.6",
-        "rollup": "^3.20.2",
-        "sass": "^1.61.0",
+        "rollup": "^3.20.7",
+        "sass": "^1.62.0",
        "uglify-js": "^3.17.4"
      }
    },
@ -1980,9 +1980,9 @@
      }
    },
    "node_modules/caniuse-lite": {
-      "version": "1.0.30001476",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001476.tgz",
-      "integrity": "sha512-JmpktFppVSvyUN4gsLS0bShY2L9ZUslHLE72vgemBkS43JD2fOvKTKs+GtRwuxrtRGnwJFW0ye7kWRRlLJS9vQ==",
+      "version": "1.0.30001481",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001481.tgz",
+      "integrity": "sha512-KCqHwRnaa1InZBtqXzP98LPg0ajCVujMKjqKDhZEthIpAsJl/YEIa3YvXjGXPVqzZVguccuu7ga9KOE1J9rKPQ==",
      "dev": true,
      "funding": [
        {
@ -3373,10 +3373,16 @@
      "dev": true
    },
    "node_modules/nanoid": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
-      "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
      "bin": {
        "nanoid": "bin/nanoid.cjs"
      },
@ -3688,9 +3694,9 @@
      }
    },
    "node_modules/postcss": {
-      "version": "8.4.21",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.21.tgz",
-      "integrity": "sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==",
+      "version": "8.4.23",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.23.tgz",
+      "integrity": "sha512-bQ3qMcpF6A/YjR55xtoTr0jGOlnPOKAIMdOWiv0EIT6HVPEaJiJB4NLljSbiHoC2RX7DN5Uvjtpbg1NPdwv1oA==",
      "dev": true,
      "funding": [
        {
@ -3700,10 +3706,14 @@
        {
          "type": "tidelift",
          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
        }
      ],
      "dependencies": {
-        "nanoid": "^3.3.4",
+        "nanoid": "^3.3.6",
        "picocolors": "^1.0.0",
        "source-map-js": "^1.0.2"
      },
@ -4143,9 +4153,9 @@
      }
    },
    "node_modules/rollup": {
-      "version": "3.20.2",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.20.2.tgz",
-      "integrity": "sha512-3zwkBQl7Ai7MFYQE0y1MeQ15+9jsi7XxfrqwTb/9EK8D9C9+//EBR4M+CuA1KODRaNbFez/lWxA5vhEGZp4MUg==",
+      "version": "3.20.7",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.20.7.tgz",
+      "integrity": "sha512-P7E2zezKSLhWnTz46XxjSmInrbOCiul1yf+kJccMxT56vxjHwCbDfoLbiqFgu+WQoo9ij2PkraYaBstgB2prBA==",
      "dev": true,
      "bin": {
        "rollup": "dist/bin/rollup"
@ -4188,9 +4198,9 @@
      "dev": true
    },
    "node_modules/sass": {
-      "version": "1.61.0",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.61.0.tgz",
-      "integrity": "sha512-PDsN7BrVkNZK2+dj/dpKQAWZavbAQ87IXqVvw2+oEYI+GwlTWkvbQtL7F2cCNbMqJEYKPh1EcjSxsnqIb/kyaQ==",
+      "version": "1.62.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.62.0.tgz",
+      "integrity": "sha512-Q4USplo4pLYgCi+XlipZCWUQz5pkg/ruSSgJ0WRDSb/+3z9tXUOkQ7QPYn4XrhZKYAK4HlpaQecRwKLJX6+DBg==",
      "dev": true,
      "dependencies": {
        "chokidar": ">=3.0.0 <4.0.0",
@ -6134,9 +6144,9 @@
      }
    },
    "caniuse-lite": {
-      "version": "1.0.30001476",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001476.tgz",
-      "integrity": "sha512-JmpktFppVSvyUN4gsLS0bShY2L9ZUslHLE72vgemBkS43JD2fOvKTKs+GtRwuxrtRGnwJFW0ye7kWRRlLJS9vQ==",
+      "version": "1.0.30001481",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001481.tgz",
+      "integrity": "sha512-KCqHwRnaa1InZBtqXzP98LPg0ajCVujMKjqKDhZEthIpAsJl/YEIa3YvXjGXPVqzZVguccuu7ga9KOE1J9rKPQ==",
      "dev": true
    },
    "chalk": {
@ -7170,9 +7180,9 @@
      "dev": true
    },
    "nanoid": {
-      "version": "3.3.4",
-      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
-      "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
+      "version": "3.3.6",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.6.tgz",
+      "integrity": "sha512-BGcqMMJuToF7i1rt+2PWSNVnWIkGCU78jBG3RxO/bZlnZPK2Cmi2QaffxGO/2RvWi9sL+FAiRiXMgsyxQ1DIDA==",
      "dev": true
    },
    "nice-try": {
@ -7402,12 +7412,12 @@
      "dev": true
    },
    "postcss": {
-      "version": "8.4.21",
-      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.21.tgz",
-      "integrity": "sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==",
+      "version": "8.4.23",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.23.tgz",
+      "integrity": "sha512-bQ3qMcpF6A/YjR55xtoTr0jGOlnPOKAIMdOWiv0EIT6HVPEaJiJB4NLljSbiHoC2RX7DN5Uvjtpbg1NPdwv1oA==",
      "dev": true,
      "requires": {
-        "nanoid": "^3.3.4",
+        "nanoid": "^3.3.6",
        "picocolors": "^1.0.0",
        "source-map-js": "^1.0.2"
      }
@ -7709,9 +7719,9 @@
      "dev": true
    },
    "rollup": {
-      "version": "3.20.2",
-      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.20.2.tgz",
-      "integrity": "sha512-3zwkBQl7Ai7MFYQE0y1MeQ15+9jsi7XxfrqwTb/9EK8D9C9+//EBR4M+CuA1KODRaNbFez/lWxA5vhEGZp4MUg==",
+      "version": "3.20.7",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.20.7.tgz",
+      "integrity": "sha512-P7E2zezKSLhWnTz46XxjSmInrbOCiul1yf+kJccMxT56vxjHwCbDfoLbiqFgu+WQoo9ij2PkraYaBstgB2prBA==",
      "dev": true,
      "requires": {
        "fsevents": "~2.3.2"
@ -7733,9 +7743,9 @@
      "dev": true
    },
    "sass": {
-      "version": "1.61.0",
-      "resolved": "https://registry.npmjs.org/sass/-/sass-1.61.0.tgz",
-      "integrity": "sha512-PDsN7BrVkNZK2+dj/dpKQAWZavbAQ87IXqVvw2+oEYI+GwlTWkvbQtL7F2cCNbMqJEYKPh1EcjSxsnqIb/kyaQ==",
+      "version": "1.62.0",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.62.0.tgz",
+      "integrity": "sha512-Q4USplo4pLYgCi+XlipZCWUQz5pkg/ruSSgJ0WRDSb/+3z9tXUOkQ7QPYn4XrhZKYAK4HlpaQecRwKLJX6+DBg==",
      "dev": true,
      "requires": {
        "chokidar": ">=3.0.0 <4.0.0",
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "@picocss/pico",
-  "version": "1.5.9",
+  "version": "1.5.10",
  "description": "Minimal CSS Framework for semantic HTML",
  "author": "Lucas Larroche",
  "main": "css/pico.min.css",
@ -83,17 +83,17 @@
    "@babel/core": "^7.21.4",
    "@babel/preset-env": "^7.21.4",
    "autoprefixer": "^10.4.14",
-    "caniuse-lite": "1.0.30001476",
+    "caniuse-lite": "1.0.30001481",
    "clean-css-cli": "^5.6.2",
    "css-declaration-sorter": "^6.4.0",
    "html-includes": "^4.4.1",
    "nodemon": "^2.0.22",
    "npm-run-all": "^4.1.5",
-    "postcss": "^8.4.21",
+    "postcss": "^8.4.23",
    "postcss-cli": "^10.1.0",
    "postcss-scss": "^4.0.6",
-    "rollup": "^3.20.2",
-    "sass": "^1.61.0",
+    "rollup": "^3.20.7",
+    "sass": "^1.62.0",
    "uglify-js": "^3.17.4"
  },
  "browserslist": [
--- a/scss/content/_form-alt-input-types.scss
+++ b/scss/content/_form-alt-input-types.scss
@ -71,6 +71,20 @@ input:not([type="checkbox"], [type="radio"], [type="range"], [type="file"]) {
  text-align: right;
 }

+// Calendar icons are hidden in Firefox
+@if $enable-important {
+  @-moz-document url-prefix() {
+    [type="date"],
+    [type="datetime-local"],
+    [type="month"],
+    [type="time"],
+    [type="week"] {
+      padding-right: var(--form-element-spacing-horizontal) !important;
+      background-image: none !important;
+    }
+  }
+}
+
 // File
 [type="file"] {
  --color: var(--muted-color);
--- a/scss/pico.scss
+++ b/scss/pico.scss
@ -1,5 +1,5 @@
 /*!
- * Pico CSS v1.5.9 (https://picocss.com)
+ * Pico CSS v1.5.10 (https://picocss.com)
 * Copyright 2019-2023 - Licensed under MIT
 */

--- a/scss/pico.slim.scss
+++ b/scss/pico.slim.scss
@ -1,5 +1,5 @@
 /*!
- * Pico CSS v1.5.9 (https://picocss.com)
+ * Pico CSS v1.5.10 (https://picocss.com)
 * Copyright 2019-2023 - Licensed under MIT
 *
 * Slim version example
--- a/scss/utilities/_loading.scss
+++ b/scss/utilities/_loading.scss
@ -9,7 +9,7 @@
 }

 // Everyting except form elements
-[aria-busy="true"]:not(input, select, textarea) {
+[aria-busy="true"]:not(input, select, textarea, html) {

  &::before {
    display: inline-block;