css-zero 0.0.43 → 0.0.44

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ced95bc29890a4882d0c31a40d2b109ac5c118f6fce4e7663e48d710b8d54a50
-  data.tar.gz: 62f21e06f144267737c578db2942dddbfd46d36f30a4c3e78b85ceea550408f6
+  metadata.gz: ec1e04072b39a7556be9b33bc9c9736689f9463cdd1acc56076727394035a6b6
+  data.tar.gz: 54997d4c8310db5f9366cac4f51bb3db65fac4616e5336779180e8ce2ae5b5d2
 SHA512:
-  metadata.gz: 1e2c45036d2d68f17ac5a064cb7c84acb9d6870e375c35afd7c03dbf9c6b8e4c0931db0ba9ce6d77e2ef699f199cc854a589f856033f419f183909da22c1b4ca
-  data.tar.gz: f33fc4eb0c24ab0fca8c8ac37155f0378c93cb11e0ad34c748cde9ee94204cf3a7f218d245a783126d8da412b852306c1b5905d910be924fee33daa135c3b51f
+  metadata.gz: 480ea51dad6b42f1fd414823868aee05cb709a44038d243d931a079d037f60b477612cd289b7ee5da55ae0f635db3cbf747f0506a73cd7b8c34f89afce2f2955
+  data.tar.gz: c48c5b925f47966e8b67f3a25582e6980b70cc02f7cc3c5d89f30ac1c1262611795a2f20d18b5faead4b3a3d25980f02759bfda555287fd42ca16c179788e654

data/README.md

@@ -89,7 +89,7 @@ Check the [CSS files](app/assets/stylesheets) in the repository to see the avail
 
 ## Components
 
-[<img src="https://github.com/user-attachments/assets/989b0ddd-064a-4ac6-8aee-f9eaaf07ff38">](https://css-zero-showcase.onrender.com/lookbook)
+[<img src="https://github.com/user-attachments/assets/989b0ddd-064a-4ac6-8aee-f9eaaf07ff38">](https://csszero.lazaronixon.com)
 
 More components soon...
 

data/lib/css_zero/version.rb

@@ -1,3 +1,3 @@
 module CssZero
-  VERSION = "0.0.43"
+  VERSION = "0.0.44"
 end

data/lib/generators/css_zero/add/templates/app/assets/stylesheets/flash.css

@@ -6,14 +6,12 @@
   color: var(--color-text-reversed);
   display: flex;
   gap: var(--size-2);
-  inset: 0;
   justify-content: center;
   line-height: var(--leading-none);
   margin-block-start: var(--flash-position, 0);
   margin-inline: auto;
   min-block-size: var(--size-11);
   padding: var(--size-1) var(--size-4);
-  position: fixed;
   text-align: center;
 
   @media (width >= 40rem) {
@@ -25,7 +23,17 @@
   }
 }
 
+.flash--extended {
+  animation-name: appear-then-fade-extended;
+  animation-duration: 12s;
+}
+
 @keyframes appear-then-fade {
   0%, 100% { opacity: 0; }
   5%, 60%  { opacity: 1; }
 }
+
+@keyframes appear-then-fade-extended {
+  0%, 100% { opacity: 0; }
+  2%, 90% { opacity: 1; }
+}

data/lib/generators/css_zero/add/templates/app/assets/stylesheets/input.css

@@ -63,7 +63,7 @@
 /* Checkbox, radio, and range */
 .checkbox, .radio {
   accent-color: var(--color-primary);
-  transform: scale(1.15);
+  block-size: 18px; inline-size: 18px;
 }
 
 .range {

data/lib/generators/css_zero/add/templates/app/javascript/controllers/filter_controller.js

@@ -9,23 +9,21 @@ export default class extends Controller {
     this.filter = debounce(this.filter.bind(this), 300)
   }
 
-  filter(event) {
+  filter({ target }) {
     this.#reset()
 
-    if (event.target.value != "") {
-      this.#selectMatches(event.target.value)
+    if (target.value != "") {
+      this.#selectMatches(target.value)
       this.#activate()
     } else {
       this.#deactivate()
     }
   }
 
-  #activate() {
-    this.listTarget.classList.add(this.activeClass)
-  }
-
-  #deactivate() {
-    this.listTarget.classList.remove(this.activeClass)
+  #reset() {
+    this.listTarget.querySelectorAll(`.${this.selectedClass}`).forEach((element) => {
+      element.classList.remove(this.selectedClass)
+    })
   }
 
   #selectMatches(value) {
@@ -34,9 +32,11 @@ export default class extends Controller {
     })
   }
 
-  #reset() {
-    this.listTarget.querySelectorAll(`.${this.selectedClass}`).forEach((element) => {
-      element.classList.remove(this.selectedClass)
-    })
+  #activate() {
+    this.listTarget.classList.add(this.activeClass)
+  }
+
+  #deactivate() {
+    this.listTarget.classList.remove(this.activeClass)
   }
 }

data/lib/generators/css_zero/add/templates/app/javascript/controllers/tabs_controller.js

@@ -8,8 +8,8 @@ export default class extends Controller {
     this.#showSelectedTab()
   }
 
-  select({ target }) {
-    this.indexValue = target.dataset.index
+  select({ params }) {
+    this.indexValue = params.index
   }
 
   prev() {

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: css-zero
 version: !ruby/object:Gem::Version
-  version: 0.0.43
+  version: 0.0.44
 platform: ruby
 authors:
 - Lázaro Nixon
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-10-04 00:00:00.000000000 Z
+date: 2024-10-09 00:00:00.000000000 Z
 dependencies: []
 description:
 email: lazaronixon@hotmail.com