css-zero 0.0.94 → 0.0.96

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 421e49460a3f5afe3b7ba8f87faa35d1e8a44050f5b0fd8696cd1b175a415d2d
-  data.tar.gz: a6240eac2e50923e843a354fe607d1e02f135a797fae05c5030cdb9f3c961db5
+  metadata.gz: d9b81bb86bdc87a173041a76efe7b8e307b1d9d5f5d443a890480a7d3b0609cf
+  data.tar.gz: db815c1c6d4b88c1d931b5c2f742659da498447d8673aeedc15c1e384864c009
 SHA512:
-  metadata.gz: a86bd1229145b84313451d9997b887ae0b9c5d60bc143e73b891113d22f3521c26945a410b3a713cf9dc6ac0c109bb13bd50c12183ca28c9417ae44027b25ff8
-  data.tar.gz: fa092a46a4ab911f999c0a115323150752a783e1914a00fe6cdbed53710f5849b4396d632fa2a8dc1a996cb91522a053f3e7a0177e560f72934f6b5550ab0945
+  metadata.gz: 0a55c81d60e21c2fa6e8bf4ed0d0ad0235a18693c26c6e8e767593c2a5c8bb7805ed1a1fbf567ea749c2ae6e4ba4c648f00b270df6f7ac57e830f7ed34e32eef
+  data.tar.gz: 3244fa7e0f3c9e068510a513ebbde18971dc2c852f2c80210c083a2dec97864bac32b6d6a74e6784e7c3320443412cae289290b18b8bb6e2ccc17699cc928360

data/lib/css_zero/version.rb

@@ -1,3 +1,3 @@
 module CssZero
-  VERSION = "0.0.94"
+  VERSION = "0.0.96"
 end

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

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

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

@@ -15,8 +15,8 @@
 
   &:is(textarea[rows=auto]) {
     field-sizing: content;
-    max-block-size: calc(10lh + var(--size-6));
-    min-block-size: calc(3lh  + var(--size-6));
+    max-block-size: calc(10lh + var(--size-4));
+    min-block-size: calc(3lh  + var(--size-4));
   }
 
   &:is(select):not([multiple], [size]) {
@@ -44,12 +44,6 @@
   }
 }
 
-/* Hide invalid feedback by default */
-.invalid-feedback {
-  display: none;
-}
-
-/* Containers that act like (and contain) inputs */
 .input--actor {
   input {
     border: 0; inline-size: 100%; outline: 0;
@@ -58,25 +52,19 @@
   img:not([class]) {
     filter: var(--input-icon-color, var(--color-filter-text));
   }
-
-  &:focus-within {
-    outline: var(--input-outline-size, 2px) solid var(--color-selected-dark);
-    outline-offset: var(--border-2);
-  }
 }
 
-/* Checkbox, radio, and range */
-.checkbox, .radio {
-  accent-color: var(--color-primary); transform: scale(1.15);
+:is(.checkbox, .radio) {
+  transform: scale(1.2);
 }
 
-.range {
+:is(.checkbox, .radio, .range) {
   accent-color: var(--color-primary);
 }
 
 /* Styles that are shared between components */
 :is(.input, .checkbox, .radio, .range) {
-  &:focus-visible {
+  :is(&:focus-visible, &.input--actor:focus-within) {
     outline: var(--input-outline-size, 2px) solid var(--color-selected-dark);
     outline-offset: var(--border-2);
   }
@@ -85,3 +73,8 @@
     border-color: var(--color-negative);
   }
 }
+
+/* Hide invalid-feedback by default */
+.invalid-feedback {
+  display: none;
+}

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

@@ -18,6 +18,7 @@
 
   &[aria-selected=true] {
     --btn-background: var(--color-bg);
+    --btn-box-shadow: var(--shadow);
     --btn-hover-color: var(--color-bg);
   }
 }

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

@@ -3,6 +3,10 @@ import { Controller } from "@hotwired/stimulus"
 export default class extends Controller {
   static targets = [ "menu" ]
 
+  show() {
+    this.menuTarget.show()
+  }
+
   showModal() {
     this.menuTarget.showModal()
   }

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

@@ -24,13 +24,21 @@ export default class extends Controller {
   }
 
   hide() {
-    clearTimeout(this.#showTimer); this.menuTarget.hidePopover()
+    this.menuTarget.hidePopover()
+  }
+
+  toggle() {
+    this.menuTarget.togglePopover()
   }
 
   showLater() {
     this.#showTimer = setTimeout(() => this.show(), 700)
   }
 
+  hideClear() {
+    clearTimeout(this.#showTimer); this.hide();
+  }
+
   orient() {
     computePosition(this.buttonTarget, this.menuTarget, this.#options).then(({x, y}) => {
       this.menuTarget.style.insetInlineStart = `${x}px`

data/lib/generators/css_zero/install/templates/app/assets/stylesheets/base.css

@@ -54,6 +54,8 @@
 
 * {
   border-color: var(--color-border);
+  scrollbar-color: #C1C1C1 transparent;
+  scrollbar-width: thin;
 }
 
 html {
@@ -64,6 +66,7 @@ body {
   background-color: var(--color-bg);
   color: var(--color-text);
   font-synthesis-weight: none;
+  overscroll-behavior: none;
   text-rendering: optimizeLegibility;
 }
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: css-zero
 version: !ruby/object:Gem::Version
-  version: 0.0.94
+  version: 0.0.96
 platform: ruby
 authors:
 - Lázaro Nixon
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-01-20 00:00:00.000000000 Z
+date: 2025-01-22 00:00:00.000000000 Z
 dependencies: []
 description:
 email: lazaronixon@hotmail.com