css-zero 0.0.41 → 0.0.43

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1a6f169a735b32dc7a7d9c1e2f4796e4dbbfd7198f0aa3fcee5540e45d91f33e
-  data.tar.gz: b3b10a68322044a44c154275e2680356b2a633ed87de0e8860387c0333df30f7
+  metadata.gz: ced95bc29890a4882d0c31a40d2b109ac5c118f6fce4e7663e48d710b8d54a50
+  data.tar.gz: 62f21e06f144267737c578db2942dddbfd46d36f30a4c3e78b85ceea550408f6
 SHA512:
-  metadata.gz: '08bd1158769b2a955b7a3c4508567e309ece4cb923b259b87a2963546c2f844603280e6cb16f772440b14a05de2d68ea1885e76833cac5391a401a852e341858'
-  data.tar.gz: ae28b4bab6aa03bccaa82693628e54094abe8dab787ed4a82814382a088e1fc505f922c182e0fbadc31dc5dee77be1b3c7b68e0f23d02b58e22134a966554612
+  metadata.gz: 1e2c45036d2d68f17ac5a064cb7c84acb9d6870e375c35afd7c03dbf9c6b8e4c0931db0ba9ce6d77e2ef699f199cc854a589f856033f419f183909da22c1b4ca
+  data.tar.gz: f33fc4eb0c24ab0fca8c8ac37155f0378c93cb11e0ad34c748cde9ee94204cf3a7f218d245a783126d8da412b852306c1b5905d910be924fee33daa135c3b51f

data/README.md

@@ -19,7 +19,7 @@ bin/rails generate css_zero:install
 Add only the components you need. (Optional)
 
 ```
-bin/rails generate css_zero:add accordion alert avatar badge breadcrumb button card carousel command collapsible dialog flash fullscreen hotkey input input_concerns layouts lightbox local_time pagination progress prose sheet skeleton switch table tabs upload_preview toggle web_share
+bin/rails generate css_zero:add accordion alert avatar badge breadcrumb button card carousel check_all command collapsible dialog flash fullscreen hotkey input input_concerns layouts lightbox local_time pagination progress prose sheet skeleton switch table tabs upload_preview toggle web_share
 ```
 
 ### Requirements

data/lib/css_zero/version.rb

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

data/lib/generators/css_zero/add/USAGE

@@ -2,7 +2,7 @@ Description:
     This will add components into your project.
 
 Components:
-  accordion alert avatar badge breadcrumb button card carousel command collapsible dialog flash fullscreen hotkey input input_concerns layouts lightbox local_time pagination progress prose sheet skeleton switch table tabs upload_preview toggle web_share
+  accordion alert avatar badge breadcrumb button card carousel check_call command collapsible dialog flash fullscreen hotkey input input_concerns layouts lightbox local_time pagination progress prose sheet skeleton switch table tabs upload_preview toggle web_share
 
 Example:
     bin/rails generate css_zero:add [components...]

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

@@ -20,9 +20,11 @@ carousel:
   - app/javascript/controllers/carousel_controller.js
   - app/assets/images/arrow-left.svg
   - app/assets/images/arrow-right.svg
+check_all:
+  - app/javascript/controllers/check_all_controller.js
 command:
   - app/assets/stylesheets/command.css
-  - app/javascript/controllers/command_controller.js
+  - app/javascript/controllers/filter_controller.js
   - app/assets/images/search.svg
 collapsible:
   - app/javascript/controllers/collapsible_controller.js

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

@@ -9,6 +9,7 @@
   font-size: var(--btn-font-size, var(--text-sm));
   font-weight: var(--btn-font-weight, var(--font-medium));
   gap: var(--size-2);
+  inline-size: var(--btn-inline-size, auto);
   justify-content: var(--btn-justify-content, center);
   padding: var(--btn-padding, 0.5rem 1rem);
   text-align: center;

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

@@ -58,13 +58,9 @@
 }
 
 .command__list--filtering {
+  &:not(:has(.selected)) > .command__empty { display: flex; }
   .command__group { display: none; }
   .command__group:has(.selected) { display: flex; }
-
   .command__item { display: none; }
   .command__item:is(.selected) { display: flex; }
-
-  &:not(:has(.command__item.selected)) {
-    .command__empty { display: flex; }
-  }
 }

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

@@ -6,7 +6,10 @@
   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);

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

@@ -8,7 +8,7 @@
   padding: var(--input-padding, 0.5rem 1rem);
 
   option {
-    padding-block: revert;
+    padding-block: 2px;
   }
 
   &:is(textarea[rows=auto]) {

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

@@ -12,8 +12,7 @@
   --btn-background: transparent;
   --btn-border-color: transparent;
   --btn-hover-lightness: 100%;
-
-  inline-size: var(--size-full);
+  --btn-inline-size: var(--size-full);
 
   &[aria-selected=true] {
     --btn-background: var(--color-bg);

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

@@ -0,0 +1,34 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = [ "dependee", "dependant" ]
+
+  connect() {
+    this.#checkDependee()
+  }
+
+  check({ target }) {
+    target === this.dependeeTarget ? this.#checkDependants() : this.#checkDependee()
+  }
+
+  #checkDependants() {
+    this.dependantTargets.forEach(e => e.checked = this.dependeeTarget.checked)
+  }
+
+  #checkDependee() {
+    this.dependeeTarget.checked = this.#allChecked
+    this.dependeeTarget.indeterminate = this.#indeterminate
+  }
+
+  get #indeterminate() {
+    return this.#atLeastOneChecked && !this.#allChecked;
+  }
+
+  get #atLeastOneChecked() {
+    return this.dependantTargets.some(e => e.checked)
+  }
+
+  get #allChecked() {
+    return this.dependantTargets.every(e => e.checked)
+  }
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: css-zero
 version: !ruby/object:Gem::Version
-  version: 0.0.41
+  version: 0.0.43
 platform: ruby
 authors:
 - Lázaro Nixon
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-10-03 00:00:00.000000000 Z
+date: 2024-10-04 00:00:00.000000000 Z
 dependencies: []
 description:
 email: lazaronixon@hotmail.com
@@ -80,12 +80,13 @@ files:
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/toggle.css
 - lib/generators/css_zero/add/templates/app/javascript/controllers/autoselect_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/carousel_controller.js
+- lib/generators/css_zero/add/templates/app/javascript/controllers/check_all_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/clearable_input_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/collapsible_controller.js
-- lib/generators/css_zero/add/templates/app/javascript/controllers/command_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/copyable_input_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/dialog_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/element_removal_controller.js
+- lib/generators/css_zero/add/templates/app/javascript/controllers/filter_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/form_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/fullscreen_controller.js
 - lib/generators/css_zero/add/templates/app/javascript/controllers/hotkey_controller.js