css-zero 1.1.8 → 1.1.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0cc52d5b7fc6d5b640bed6b35182cacbb17b12f93e4ea0bde86e625fa0e52645
-  data.tar.gz: 2a14497b61d1baa685c1abfa25b2d28be69ad9edda1a4960b938d52b47aaebf5
+  metadata.gz: fc82d7a1a5965a33b21abc4b928e9addfd45a097bb1274da71c75ad719c85012
+  data.tar.gz: 2547d5cef025144e57653d24b4ec8436edfdc559c4597c96e36d0cdf421920ac
 SHA512:
-  metadata.gz: dd7c00b0d5c2e8952f68db5437f301e42de217c9363c98b127036a482cf4d27656b9448ebb8b0423d868c574144ff5aede05b57f354a99b7e1c5ffbd7b0427c7
-  data.tar.gz: 5b77960c389b7f5b58e1e91c8c72c5b21fe84d2042bc37d1a386b3f9652456d7cbee4c9acce6bdc7a10d89581d923b72eb5022f8419650244f8f967599143f5b
+  metadata.gz: a1b55197225ad626b71d2cfa9beabdfb6acb7abda305c197b013a95dd59a761bbefa2bf957eaa4d42b1ffc689cb6e1b53a73e272faf23464b055e5d137e1792f
+  data.tar.gz: c9e5cc81ef87032df8d0d9146f1287a4c2cbd1e2c79db92a465d0ef08dc410de49ed74c522d3c813337b700eeb7bdee2d181e92789a20a7853da59e5d76972e8

data/lib/css_zero/version.rb

@@ -1,3 +1,3 @@
 module CssZero
-  VERSION = "1.1.8"
+  VERSION = "1.1.10"
 end

data/lib/generators/css_zero/add/USAGE

@@ -2,7 +2,7 @@ Description:
   This will add components into your project.
 
 Components:
-  accordion alert autoanimate autosave avatar badge breadcrumb button card carousel chart check_all combobox command collapsible datepicker dialog dropdown dropzone flash form fullscreen group hotkey input input_concerns inputmask layouts lightbox local_time navigation pagination popover progress prose sheet skeleton sortable switch table tabs trix turbo_confirm upload_preview toggle web_share
+  accordion alert autoanimate autosave avatar badge breadcrumb button card carousel chart check_all combobox command collapsible datepicker dialog dropdown dropzone flash form fullscreen group hotkey input input_concerns inputmask layouts lightbox local_time navigation pagination popover progress prose resizable sheet skeleton sortable switch table tabs trix turbo_confirm upload_preview toggle web_share
 
 Example:
   bin/rails generate css_zero:add [components...]

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

@@ -108,6 +108,8 @@ progress:
   - app/assets/stylesheets/progress.css
 prose:
   - app/assets/stylesheets/prose.css
+resizable:
+  - app/assets/stylesheets/resizable.css
 sheet:
   - app/assets/stylesheets/sheet.css
   - app/javascript/controllers/dialog_controller.js

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

@@ -2,18 +2,24 @@
   background-color: var(--color-bg);
   border-radius: var(--rounded-xl);
   border-width: var(--border);
-  padding: var(--size-6);
   box-shadow: var(--shadow-sm);
-}
+  padding: var(--size-6);
+  position: relative;
 
-.card-selectable {
-  background-color: var(--color-bg);
-  border-radius: var(--rounded-xl);
-  border-width: var(--border);
-  padding: var(--size-3);
+  &[aria-disabled] {
+    pointer-events: none;
+  }
 
-  &:has(:checked) {
-    background-color: var(--color-secondary);
-    border-color: var(--color-primary);
+  &[aria-disabled]::after {
+    background-color: rgba(0, 0, 0, .3);
+    border-radius: inherit;
+    content: "";
+    inset: 0;
+    position: absolute;
   }
 }
+
+.card--selectable:has(:checked) {
+  background-color: var(--color-secondary);
+  border-color: var(--color-primary);
+}

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

@@ -12,9 +12,12 @@
     border-start-start-radius: 0;
   }
 
+  :is(:first-child + :last-child) {
+    margin-inline-start: -1px;
+  }
+
   :not(:first-child, :last-child) {
-    border-radius: 0;
-    margin-inline: -1px;
+    border-radius: 0; margin-inline: -1px;
   }
 
   > :focus-visible {

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

@@ -0,0 +1,12 @@
+.resizable-inline {
+  resize: inline;
+}
+
+.resizable-block {
+  resize: block;
+}
+
+:is(.resizable-inline, .resizable-block) {
+  background-image: linear-gradient(-45deg, var(--color-border) .75rem, transparent 0.75rem);
+  overflow: hidden;
+}

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

@@ -1,5 +1,5 @@
 .skeleton {
   animation: var(--animate-blink);
   border-radius: var(--rounded-md);
-  background-color: var(--color-border-light);
+  background-color: var(--color-border);
 }

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

@@ -21,7 +21,7 @@
   --btn-hover-color: transparent;
   --btn-inline-size: var(--size-full);
 
-  &[aria-selected=true] {
+  &:is([aria-selected=true], [aria-current=page]) {
     --btn-background: var(--color-bg);
     --btn-box-shadow: var(--shadow-sm);
     --btn-hover-color: var(--color-bg);

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

@@ -1,5 +1,5 @@
 import { Controller } from "@hotwired/stimulus"
-import debounce from "https://esm.sh/lodash.debounce@4.0.8?standalone"
+import debounce from "https://esm.sh/just-debounce-it@3.2.0?standalone"
 import Combobox from "https://esm.sh/@github/combobox-nav@3.0.1?standalone"
 
 export default class extends Controller {

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

@@ -3,9 +3,13 @@ import { Controller } from "@hotwired/stimulus"
 export default class extends Controller {
   static targets = [ "menu" ]
 
-  show(event) {
-    this.menuTarget.style.insetInlineStart = `${event.clientX - 5}px`
-    this.menuTarget.style.insetBlockStart  = `${event.clientY - 5}px`
-    setTimeout(() => this.menuTarget.showPopover(), 150)
+  show({ clientX, clientY }) {
+    this.menuTarget.style.insetInlineStart = `${clientX}px`
+    this.menuTarget.style.insetBlockStart  = `${clientY}px`
+    this.menuTarget.showPopover()
+  }
+
+  hide({ target }) {
+    !this.menuTarget.contains(target) && this.menuTarget.hidePopover()
   }
 }

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

@@ -1,5 +1,5 @@
 import { Controller } from "@hotwired/stimulus"
-import debounce from "https://esm.sh/lodash.debounce@4.0.8?standalone"
+import debounce from "https://esm.sh/just-debounce-it@3.2.0?standalone"
 
 export default class extends Controller {
   static targets = [ "input", "copyIcon", "successIcon" ]

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

@@ -76,7 +76,10 @@ class Uploader {
   }
 
   #directUploadDidProgress(event) {
-    this.dropZone._updateFilesUploadProgress([this.file], this.xhr, event)
+    this.file.upload.progress = (100 * event.loaded) / event.total
+    this.file.upload.total = event.total
+    this.file.upload.bytesSent = event.loaded
+    this.dropZone.emit("uploadprogress", this.file, this.file.upload.progress, this.file.upload.bytesSent)
   }
 
   #emitDropzoneProcessing() {

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

@@ -1,5 +1,5 @@
 import { Controller } from "@hotwired/stimulus"
-import debounce from "https://esm.sh/lodash.debounce@4.0.8?standalone"
+import debounce from "https://esm.sh/just-debounce-it@3.2.0?standalone"
 
 export default class extends Controller {
   static targets = [ "cancel" ]

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

@@ -16,6 +16,7 @@ export default class extends Controller {
   #requestOTP() {
     navigator.credentials.get(this.#options).then(it => {
       this.element.value = it.code
+      this.elementForm?.requestSubmit()
     }).catch(error => {})
   }
 
@@ -26,4 +27,8 @@ export default class extends Controller {
   get #supportsOTP() {
     return "OTPCredential" in window
   }
+
+  get elementForm() {
+    return this.element.closest("form")
+  }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: css-zero
 version: !ruby/object:Gem::Version
-  version: 1.1.8
+  version: 1.1.10
 platform: ruby
 authors:
 - Lázaro Nixon
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-02-27 00:00:00.000000000 Z
+date: 2025-03-10 00:00:00.000000000 Z
 dependencies: []
 description:
 email: lazaronixon@hotmail.com
@@ -80,6 +80,7 @@ files:
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/popover.css
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/progress.css
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/prose.css
+- lib/generators/css_zero/add/templates/app/assets/stylesheets/resizable.css
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/sheet.css
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/sidebar_menu.css
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/skeleton.css