css-zero 0.0.68 → 0.0.70

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 86ebce301684cf3a36b58c2f5cf2e3572857bb8bfb1440f831a992f47491a61e
-  data.tar.gz: cae32387c96c43d52aaf75ad4865bda53f0a185b8a84aa3c26a36ed0b6613ae8
+  metadata.gz: 6b0f3e711287beb458faf297d83d9ea04318425f54ed6548be547a987d1070c5
+  data.tar.gz: d46f8c2baea4bf522bfb7ebe8a44da65b39db2695a963c9d1ba06761a31d35cb
 SHA512:
-  metadata.gz: d1478bef8e6bc801636797bc893ac666f26eeded55856cfb88f4b1733fa6ac9fdc385afafc8f1db54f57948a92ccfc325bc17f54856c85abef6835d7057215a2
-  data.tar.gz: 3f889805eafdcebebfde6a950c8baa01fcc7ae25731a65ca7c7a325c95a305e8efd05c348f1e81d9c2c89d1f9dd23b4fbc8e2674b82489a6cb1e34a168683ca2
+  metadata.gz: b14d8872110a600f24be84cf14797504384f1a2209a5c0986eabaa3317aeda8200174f5d54433ba522b4b6f53352aed9a6ebe6e14f56f1d7a89deb880793e9a7
+  data.tar.gz: 94e9a9698d47d6c4118de58819e671e5520ce06fa388b23cd387efc97fde53d56ce3988afe2d16e27173afe58edb58bd04e7bd66f6fd3c7edb7b2825d7a67288

data/app/assets/stylesheets/zutilities.css

@@ -121,7 +121,7 @@
 .border-main { border-color: var(--color-border); }
 .border-dark { border-color: var(--color-border-dark); }
 
-.rounded-none { border-radius: none; }
+.rounded-none { border-radius: 0; }
 .rounded-sm { border-radius: var(--rounded-sm); }
 .rounded { border-radius: var(--rounded); }
 .rounded-md { border-radius: var(--rounded-md); }

data/lib/css_zero/version.rb

@@ -1,3 +1,3 @@
 module CssZero
-  VERSION = "0.0.68"
+  VERSION = "0.0.70"
 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 flash form fullscreen hotkey input input_concerns inputmask layouts lightbox local_time navigation pagination progress prose sheet skeleton sortable switch table tabs tooltip trix upload_preview toggle web_share
+  accordion alert autoanimate autosave avatar badge breadcrumb button card carousel chart check_all combobox command collapsible datepicker dialog dropdown flash form fullscreen group hotkey input input_concerns inputmask layouts lightbox local_time navigation pagination progress prose sheet skeleton sortable switch table tabs tooltip trix upload_preview toggle web_share
 
 Example:
     bin/rails generate css_zero:add [components...]

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

@@ -60,6 +60,8 @@ form:
   - app/javascript/controllers/form_controller.js
 fullscreen:
   - app/javascript/controllers/fullscreen_controller.js
+group:
+  - app/assets/stylesheets/group.css
 hotkey:
   - app/javascript/controllers/hotkey_controller.js
 input:

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

@@ -4,12 +4,12 @@
 
 ::view-transition-old(.auto-animation):only-child {
   animation: var(--animate-fade-out) forwards;
-  animation-duration: var(--time-200);
+  animation-duration: var(--time-300);
   opacity: 1;
 }
 
 ::view-transition-new(.auto-animation):only-child {
   animation: var(--animate-fade-in) forwards;
-  animation-duration: var(--time-200);
+  animation-duration: var(--time-300);
   opacity: 0;
 }

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

@@ -0,0 +1,23 @@
+.group {
+  align-items: center;
+  display: flex;
+
+  :first-child {
+    border-end-end-radius: 0;
+    border-start-end-radius: 0;
+  }
+
+  :last-child {
+    border-end-start-radius: 0;
+    border-start-start-radius: 0;
+  }
+
+  :not(:first-child, :last-child) {
+    border-radius: 0;
+    margin-inline: -1px;
+  }
+
+  > :focus-visible {
+    z-index: 1;
+  }
+}

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

@@ -24,10 +24,15 @@ export default class extends Controller {
   async #save() {
     this.#updateAppearance(true)
     this.#resetTimer()
-    await submitForm(this.element)
+    await this.#submitForm(this.element)
     this.#updateAppearance()
   }
 
+  async #submitForm(form) {
+    const request = new FetchRequest(form.method, form.action, { body: new FormData(form) })
+    return await request.perform()
+  }
+
   #updateAppearance(saving = false) {
     if (saving) {
       this.element.setAttribute("aria-busy", true)
@@ -52,13 +57,3 @@ export default class extends Controller {
     return !!this.#timer
   }
 }
-
-// Helpers
-
-async function submitForm(form) {
-  const request = new FetchRequest(form.method, form.action, {
-    body: new FormData(form)
-  })
-
-  return await request.perform()
-}

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

@@ -10,6 +10,10 @@ Chart.defaults.color = getCssVariableValue("--color-text")
 Chart.defaults.font.family = getCssVariableValue("--font-system-ui")
 Chart.defaults.font.size = 12
 
+function getCssVariableValue(variableName) {
+  return getComputedStyle(document.documentElement).getPropertyValue(variableName).trim()
+}
+
 export default class extends Controller {
   static values = { type: { type: String, default: "line" }, data: Object, options: Object }
 
@@ -24,10 +28,4 @@ export default class extends Controller {
   get #settings() {
     return { type: this.typeValue, data: this.dataValue, options: this.optionsValue }
   }
-}
-
-// Helpers
-
-function getCssVariableValue(variableName) {
-  return getComputedStyle(document.documentElement).getPropertyValue(variableName).trim()
 }

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

@@ -1,4 +1,5 @@
 import { Controller } from "@hotwired/stimulus"
+import { debounce } from "https://cdn.skypack.dev/es-toolkit@v1.27.0/function"
 
 export default class extends Controller {
   static targets = [ "input", "copyIcon", "successIcon" ]
@@ -35,14 +36,3 @@ export default class extends Controller {
     this.successIconTarget.hidden = !this.copiedValue
   }
 }
-
-// Helpers
-
-function debounce(fn, delay = 1000) {
-  let timeoutId = null
-
-  return (...args) => {
-    clearTimeout(timeoutId)
-    timeoutId = setTimeout(() => fn.apply(this, args), delay)
-  }
-}

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

@@ -1,4 +1,5 @@
 import { Controller } from "@hotwired/stimulus"
+import { debounce } from "https://cdn.skypack.dev/es-toolkit@v1.27.0/function"
 
 export default class extends Controller {
   static targets = [ "list" ]
@@ -41,14 +42,3 @@ export default class extends Controller {
     this.dispatch("after")
   }
 }
-
-// Helpers
-
-function debounce(fn, delay = 1000) {
-  let timeoutId = null
-
-  return (...args) => {
-    clearTimeout(timeoutId)
-    timeoutId = setTimeout(() => fn.apply(this, args), delay)
-  }
-}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: css-zero
 version: !ruby/object:Gem::Version
-  version: 0.0.68
+  version: 0.0.70
 platform: ruby
 authors:
 - Lázaro Nixon
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-11-25 00:00:00.000000000 Z
+date: 2024-11-27 00:00:00.000000000 Z
 dependencies: []
 description:
 email: lazaronixon@hotmail.com
@@ -69,6 +69,7 @@ files:
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/dialog.css
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/flash.css
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/flatpickr.css
+- lib/generators/css_zero/add/templates/app/assets/stylesheets/group.css
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/input.css
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/layouts.css
 - lib/generators/css_zero/add/templates/app/assets/stylesheets/lightbox.css