css-zero 1.1.0 → 1.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/assets/stylesheets/css-zero/reset.css +8 -0
- data/lib/css_zero/version.rb +1 -1
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/button.css +2 -4
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/card.css +12 -0
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/input.css +1 -3
- data/lib/generators/css_zero/add/templates/app/javascript/controllers/form_controller.js +9 -0
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 91685075c29ef2cf3093e841a85249b70fde8bacb59714a234f54c15af700df5
|
|
4
|
+
data.tar.gz: c89747b4c9173659f7f4a5400d5273722d453b3ff564d643f925fbbd70ef69de
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 60985dddd19a4c09a11cc8c37084125de3c5f43309b115cb0fb76367a94fcd321f6077dd0895a561ad5f945b117a61da89665396e5a842e2a821521670d8b206
|
|
7
|
+
data.tar.gz: a56d1e1c99140d23142717331b59fd50d909bdd745c2848248988323b358840332b66e35f6e947ca88ee55952756aa905ca36814801c07a5fc1ccafad0e22dc7
|
|
@@ -379,6 +379,14 @@ turbo-frame {
|
|
|
379
379
|
display: contents;
|
|
380
380
|
}
|
|
381
381
|
|
|
382
|
+
/*
|
|
383
|
+
Make input validation wrapper become pseudo-box by default.
|
|
384
|
+
*/
|
|
385
|
+
|
|
386
|
+
.field_with_errors {
|
|
387
|
+
display: contents;
|
|
388
|
+
}
|
|
389
|
+
|
|
382
390
|
/*
|
|
383
391
|
Enables size interpolation to allow animation.
|
|
384
392
|
*/
|
data/lib/css_zero/version.rb
CHANGED
|
@@ -17,7 +17,8 @@
|
|
|
17
17
|
inline-size: var(--btn-inline-size, auto);
|
|
18
18
|
justify-content: var(--btn-justify-content, center);
|
|
19
19
|
padding: var(--btn-padding, .375rem 1rem);
|
|
20
|
-
|
|
20
|
+
position: relative;
|
|
21
|
+
text-align: var(--btn-text-align, center);
|
|
21
22
|
white-space: nowrap;
|
|
22
23
|
|
|
23
24
|
img:not([class]) {
|
|
@@ -78,12 +79,9 @@
|
|
|
78
79
|
|
|
79
80
|
.btn--icon {
|
|
80
81
|
--btn-padding: var(--size-2);
|
|
81
|
-
--btn-radius: var(--rounded-full);
|
|
82
82
|
}
|
|
83
83
|
|
|
84
84
|
[aria-busy] .btn--loading:disabled {
|
|
85
|
-
position: relative;
|
|
86
|
-
|
|
87
85
|
> * {
|
|
88
86
|
visibility: hidden;
|
|
89
87
|
}
|
|
@@ -5,3 +5,15 @@
|
|
|
5
5
|
padding: var(--size-6);
|
|
6
6
|
box-shadow: var(--shadow-sm);
|
|
7
7
|
}
|
|
8
|
+
|
|
9
|
+
.card-selectable {
|
|
10
|
+
background-color: var(--color-bg);
|
|
11
|
+
border-radius: var(--rounded-xl);
|
|
12
|
+
border-width: var(--border);
|
|
13
|
+
padding: var(--size-3);
|
|
14
|
+
|
|
15
|
+
&:has(:checked) {
|
|
16
|
+
background-color: var(--color-secondary);
|
|
17
|
+
border-color: var(--color-primary);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
.input {
|
|
2
2
|
appearance: none;
|
|
3
|
-
background-color: var(--input-background,
|
|
3
|
+
background-color: var(--input-background, transparent);
|
|
4
4
|
block-size: var(--input-block-size, auto);
|
|
5
5
|
border: 1px solid var(--input-border-color, var(--color-border));
|
|
6
6
|
border-radius: var(--input-radius, var(--rounded-md));
|
|
@@ -61,12 +61,10 @@
|
|
|
61
61
|
accent-color: var(--color-primary);
|
|
62
62
|
}
|
|
63
63
|
|
|
64
|
-
/* Hide invalid-feedback element */
|
|
65
64
|
.invalid-feedback {
|
|
66
65
|
display: none;
|
|
67
66
|
}
|
|
68
67
|
|
|
69
|
-
/* Styles shared between components */
|
|
70
68
|
:is(.input, .checkbox, .radio, .range) {
|
|
71
69
|
&:focus-visible {
|
|
72
70
|
outline: var(--input-outline-size, 2px) solid var(--color-selected-dark);
|
|
@@ -1,12 +1,21 @@
|
|
|
1
1
|
import { Controller } from "@hotwired/stimulus"
|
|
2
|
+
import debounce from "https://esm.sh/lodash.debounce@4.0.8?standalone"
|
|
2
3
|
|
|
3
4
|
export default class extends Controller {
|
|
4
5
|
static targets = [ "cancel" ]
|
|
5
6
|
|
|
7
|
+
initialize() {
|
|
8
|
+
this.search = debounce(this.search.bind(this), 500)
|
|
9
|
+
}
|
|
10
|
+
|
|
6
11
|
submit() {
|
|
7
12
|
this.element.requestSubmit()
|
|
8
13
|
}
|
|
9
14
|
|
|
15
|
+
search() {
|
|
16
|
+
this.element.requestSubmit()
|
|
17
|
+
}
|
|
18
|
+
|
|
10
19
|
cancel() {
|
|
11
20
|
this.cancelTarget?.click()
|
|
12
21
|
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: css-zero
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 1.1.
|
|
4
|
+
version: 1.1.2
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Lázaro Nixon
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2025-02-
|
|
11
|
+
date: 2025-02-17 00:00:00.000000000 Z
|
|
12
12
|
dependencies: []
|
|
13
13
|
description:
|
|
14
14
|
email: lazaronixon@hotmail.com
|