css-zero 0.0.42 → 0.0.44

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 9147bdaa40d0da67f7bfa6c4ee6ec20485051188a857184f858c051148a544b6
-  data.tar.gz: efc47b5ed912f4a6739482d492e65523ffa95dea8d5c237e44ff1a94ce2b9f88
+  metadata.gz: ec1e04072b39a7556be9b33bc9c9736689f9463cdd1acc56076727394035a6b6
+  data.tar.gz: 54997d4c8310db5f9366cac4f51bb3db65fac4616e5336779180e8ce2ae5b5d2
 SHA512:
-  metadata.gz: cec2e300f215ab9f92d50cd61b6336ccbdb6189e071eb266841198fbda4b7ac6f20385832065674a4732f3e35677cb4e4382e483c0f6334423e082f4b73538fd
-  data.tar.gz: 16f064b7bc328519e52e58c635a1fc6941176d7e7098852072fb1dd7a209ccc7107e20108372a3bfba5037fe4101824d1fe77ae62a24a8f0e0d285c4e44385fb
+  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.42"
+  VERSION = "0.0.44"
 end

data/lib/generators/css_zero/add/resources.yml

@@ -21,7 +21,7 @@ carousel:
   - app/assets/images/arrow-left.svg
   - app/assets/images/arrow-right.svg
 check_all:
-  - app/assets/stylesheets/check_all_controller.js
+  - app/javascript/controllers/check_all_controller.js
 command:
   - app/assets/stylesheets/command.css
   - app/javascript/controllers/filter_controller.js

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.42
+  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