css-zero 1.1.9 → 1.1.10

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 172b8e72c027952b17b1f15053829cf0246a1900fd214a7fcd221eba2cc01f7f
-  data.tar.gz: 8e13ab59695ff9eaca5d5f031425f85c0342c63797db750c6e012550dd145c2f
+  metadata.gz: fc82d7a1a5965a33b21abc4b928e9addfd45a097bb1274da71c75ad719c85012
+  data.tar.gz: 2547d5cef025144e57653d24b4ec8436edfdc559c4597c96e36d0cdf421920ac
 SHA512:
-  metadata.gz: 56b0c00c137b9e4981c82f45c66455c891816e874990003cc325ddeb380b9e2bc28db62ce1e47616e24aa5b51716593bfbe03d671a6843a5b494116fd83f63b0
-  data.tar.gz: 45436cdca29c9793278cdf9f6b9c8bcb3ba0ccc51861c28a24f8e2d0c425ca8c3f633aeda64c966176fe93cd924fe38bb62d13f025759a859fdb5e9a1805f41a
+  metadata.gz: a1b55197225ad626b71d2cfa9beabdfb6acb7abda305c197b013a95dd59a761bbefa2bf957eaa4d42b1ffc689cb6e1b53a73e272faf23464b055e5d137e1792f
+  data.tar.gz: c9e5cc81ef87032df8d0d9146f1287a4c2cbd1e2c79db92a465d0ef08dc410de49ed74c522d3c813337b700eeb7bdee2d181e92789a20a7853da59e5d76972e8

data/lib/css_zero/version.rb

@@ -1,3 +1,3 @@
 module CssZero
-  VERSION = "1.1.9"
+  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/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/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/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.9
+  version: 1.1.10
 platform: ruby
 authors:
 - Lázaro Nixon
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-02-28 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