@anyblades/pico 2.2.0-beta → 2.2.0

package/README.md

@@ -88,14 +88,14 @@ Alternatively, you can use [jsDelivr CDN](https://www.jsdelivr.com/package/npm/@
 <!--prettier-ignore-->
 ```html
 <link rel="stylesheet" href="
-  https://cdn.jsdelivr.net/npm/@anyblades/pico@^2.2.0-alpha/css/pico.blades.min.css
+  https://cdn.jsdelivr.net/npm/@anyblades/pico@^2.2.0-beta/css/pico.blades.min.css
 "/>
 ```
 
 ### Install with NPM
 
 ```sh
-npm install @anyblades/pico@alpha @anyblades/blades@alpha
+npm install @anyblades/pico@beta @anyblades/blades
 ```
 
 Then, import Pico+*Bl*ades into your CSS:

package/css/pico.blades.css

@@ -1,11 +1,11 @@
 @charset "UTF-8";
 /*!
- * Pico CSS ✨ v2.2.* + Blades CSS 🥷 v0.28.*
+ * Pico CSS ✨ v2.2.0 + Blades CSS 🥷 v0.28.0
  * Copyright 2026 (https://blades.ninja/css/pico/)
  * Licensed under MIT
  */
 /*!
- * Pico CSS ✨ v2.2.*
+ * Pico CSS ✨ v2.2.0
  * Copyright 2019-2025 (https://picocss.com)
  * Copyright 2026 (https://blades.ninja/css/pico/)
  * Licensed under MIT
@@ -3012,7 +3012,7 @@ textarea,
 /* Follows https://github.com/picocss/pico/blob/main/scss/_index.scss */
 /* Layout */
 /* Extends https://github.com/picocss/pico/blob/main/scss/layout/
-<!--section:docs-->
+\3c !--section:docs-->
 
 ### Auto-columns
 
@@ -3055,9 +3055,9 @@ Useful for tables of contents and long lists.
   padding-top: 50vh;
 }
 /*```
-<!--section--> */
+\3c !--section--> */
 /*
-<!--section:code-->
+\3c !--section:code-->
 ```css */
 .breakout,
 .breakout-all {
@@ -3134,17 +3134,17 @@ Useful for tables of contents and long lists.
       transform: translateX(-50%);
     }
 /*```
-<!--section:summary-->
+\3c !--section:summary-->
 
 The `.breakout` layout allows images, tables, and other figures to automatically extend or bleed beyond their parent container’s width.
 
-<!--section:docs-->
+\3c !--section:docs-->
 
-### Demo <!-- inside parent .breakout -->
+### Demo \3c !-- inside parent .breakout -->
 
 Break out a wide image from the text flow:
 
-<div><!-- Dummy div to avoid p tag in Markdown --></div><img
+<div>\3c !-- Dummy div to avoid p tag in Markdown --></div><img
   src="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='3000' height='300'><rect width='100%' height='100%' fill='gray'/></svg>">
 
 Or table:
@@ -3173,10 +3173,10 @@ Or anything else:
 <h2>Heading 2</h2><h3>Heading 3</h3><h4>Heading 4</h4><h5>Heading 5</h5><h6>Heading 6</h6>
 <hr>
 
-<!--section--> */
+\3c !--section--> */
 /* Content */
 /* Extends https://github.com/picocss/pico/blob/main/scss/content/_typography.scss
-<!--section:docs-->
+\3c !--section:docs-->
 
 ### Heading anchors
 
@@ -3280,9 +3280,9 @@ ul.unlist > li, ul.unlist-all > li, .unlist-all ul > li, ol.unlist > li, ol.unli
     }
 /*```
 </details>
-<!--section--> */
+\3c !--section--> */
 /* Extends https://github.com/picocss/pico/blob/main/scss/content/_link.scss
-<!--section:code-->
+\3c !--section:code-->
 ```css */
 /* Use inline flex only if link contains an icon */
 a:has(> i) {
@@ -3312,12 +3312,12 @@ a > i.fa-lg {
       line-height: normal;
     }
 /*```
-<!--section:summary-->
+\3c !--section:summary-->
 
 Use *Bl*ades `<i>`-helper to wrap emojis, favicons, or simply drop Font Awesome icons inside links.
 It automatically handles sizing and alignment while preventing underline on icons.
 
-<!--section:docs-->
+\3c !--section:docs-->
 
 <article class="breakout-item">
 
@@ -3338,9 +3338,9 @@ How we made it: https://codepen.io/editor/anydigital/pen/019d2b94-5616-75dc-a23e
 
 **PRO** example of automatic favicons for `11ty`: https://blades.ninja/build-awesome-11ty/processors/#auto-link-favicons
 
-<!--section--> */
+\3c !--section--> */
 /* Extends https://github.com/picocss/pico/blob/main/scss/content/_table.scss
-<!--section:docs-->
+\3c !--section:docs-->
 
 ### Column expanders
 
@@ -3353,7 +3353,7 @@ Place `<hr>` element inside `<th>` column to expand it horizontally:
 | (012) 345-6789 | (012) 345-6789 |
 </article>
 
-Living examples of big tables with `<hr>`-expanders: <!--A-Z-->
+Living examples of big tables with `<hr>`-expanders: \3c !--A-Z-->
 - https://blades.ninja/ai/ide/
 - https://blades.ninja/build-awesome-11ty/starters/
 - https://blades.ninja/css/frameworks/
@@ -3391,13 +3391,13 @@ th hr.x2 {
 
 Living example: https://bladeswitch.com/#minimal-dependencies table
 
-<!--section--> */
+\3c !--section--> */
 table.borderless th,
   table.borderless td {
     border: none;
   }
 /*
-<!--section:code-->
+\3c !--section:code-->
 ```css */
 table.responsive,
 .breakout > table:not(.does-not-exist),
@@ -3429,12 +3429,12 @@ table.responsive th,
 /*```
 `table:not(.does-not-exist)` trick (inspired by postcss) is used here to increase specificity against selectors like `&:is(table, .table)`
 
-<!--section:summary-->
+\3c !--section:summary-->
 
 `.responsive` makes a table full-bleed and scroll on mobile, without a need for a redundant wrapper (finally).
 Tables inside https://blades.ninja/css/breakout/ are responsive by default.
 
-<!--section:docs-->
+\3c !--section:docs-->
 
 ### Demo table
 
@@ -3446,15 +3446,15 @@ Tables inside https://blades.ninja/css/breakout/ are responsive by default.
 
 ---
 
-Living examples: <!--A-Z-->
+Living examples: \3c !--A-Z-->
 - https://blades.ninja/ai/ide/
 - https://blades.ninja/build-awesome-11ty/starters/
 - https://blades.ninja/css/frameworks/
 - https://blades.ninja/ssg/
 
-<!--section--> */
+\3c !--section--> */
 /* Extends https://github.com/picocss/pico/blob/main/scss/content/_code.scss
-<!--section:docs-->
+\3c !--section:docs-->
 
 ### Code
 
@@ -3502,10 +3502,10 @@ code:where(pre > *) {
     }
 /*```
 </details>
-<!--section--> */
+\3c !--section--> */
 /* Forms */
 /* Moved here from https://github.com/anyblades/float-label-css for easier maintenance
-<!--section:docs-->
+\3c !--section:docs-->
 
 First, we target either:
 1. `<label>` which `:has` inner form inputs (classless approach)
@@ -3562,10 +3562,10 @@ label:has(input:not([type="checkbox"], [type="radio"], [type="range"]), textarea
 The `:has(*:placeholder-shown:not(:focus))` trick allows this input state information to *propagate* to the parent level. This enables modern CSS to target inner float label (`<span>` or `<label>`) regardless of its position relative to the input field.
 
 Historically, this was not possible: the float label had to be placed after the input field to be targeted using the `input:focus + label` selector.
-<!--section--> */
+\3c !--section--> */
 /* Utilities */
 /* Extends https://github.com/picocss/pico/tree/main/scss/utilities
-<!--section:docs-->
+\3c !--section:docs-->
 
 ### Auto-dark
 
@@ -3616,13 +3616,13 @@ Historically, this was not possible: the float label had to be placed after the
   }
 /*```
 </details>
-<!--section--> */
+\3c !--section--> */
 /* Fix the scrollbar color when inverted by https://tailwindcss.com/docs/filter-invert */
 .invert ::-webkit-scrollbar {
     filter: invert(1) !important;
   }
 /*
-<!--section:code-->
+\3c !--section:code-->
 ```css */
 /* Default/fallback state */
 label:has(input:not([type="checkbox"], [type="radio"], [type="range"]), textarea, select) > span,
@@ -3749,4 +3749,4 @@ table pre {
     text-decoration-style: dotted;
   }
 /*```
-<!--section--> */
+\3c !--section--> */

package/css/pico.blades.min.css

@@ -1,9 +1,9 @@
 @charset "UTF-8";/*!
- * Pico CSS ✨ v2.2.* + Blades CSS 🥷 v0.28.*
+ * Pico CSS ✨ v2.2.0 + Blades CSS 🥷 v0.28.0
  * Copyright 2026 (https://blades.ninja/css/pico/)
  * Licensed under MIT
  *//*!
- * Pico CSS ✨ v2.2.*
+ * Pico CSS ✨ v2.2.0
  * Copyright 2019-2025 (https://picocss.com)
  * Copyright 2026 (https://blades.ninja/css/pico/)
  * Licensed under MIT

package/css/pico.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
- * Pico CSS ✨ v2.2.*
+ * Pico CSS ✨ v2.2.0
  * Copyright 2019-2025 (https://picocss.com)
  * Copyright 2026 (https://blades.ninja/css/pico/)
  * Licensed under MIT

package/css/pico.min.css

@@ -1,5 +1,5 @@
 @charset "UTF-8";/*!
- * Pico CSS ✨ v2.2.*
+ * Pico CSS ✨ v2.2.0
  * Copyright 2019-2025 (https://picocss.com)
  * Copyright 2026 (https://blades.ninja/css/pico/)
  * Licensed under MIT

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@anyblades/pico",
-  "version": "2.2.0-beta",
+  "version": "2.2.0",
   "description": "Minimal CSS Framework for semantic HTML",
   "author": "Lucas Larroche",
   "contributors": [
@@ -50,7 +50,7 @@
     "done": "echo '\\033[32m[@anyblades/pico] ✨ Done\\033[0m'"
   },
   "devDependencies": {
-    "@anyblades/blades": "^0.28.0-alpha.8",
+    "@anyblades/blades": "^0.28.0",
     "autoprefixer": "^10.4.21",
     "caniuse-lite": "1.0.30001704",
     "clean-css-cli": "^5.6.3",

package/src/pico.blades.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
- * Pico CSS ✨ v2.2.* + Blades CSS 🥷 v0.28.*
+ * Pico CSS ✨ v2.2.0 + Blades CSS 🥷 v0.28.0
  * Copyright 2026 (https://blades.ninja/css/pico/)
  * Licensed under MIT
  */

package/src/pico.css

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 /*!
- * Pico CSS ✨ v2.2.*
+ * Pico CSS ✨ v2.2.0
  * Copyright 2019-2025 (https://picocss.com)
  * Copyright 2026 (https://blades.ninja/css/pico/)
  * Licensed under MIT