css-zero 3.0.0 → 3.1.0
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/lib/css_zero/version.rb +1 -1
- data/lib/generators/css_zero/add/resources.yml +2 -1
- data/lib/generators/css_zero/add/templates/app/assets/images/{menu.svg → panel-left.svg} +1 -1
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/flash.css +0 -4
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/icons.css +2 -2
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/input_clearable.css +1 -1
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/layouts.css +6 -0
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/separator.css +4 -4
- data/lib/generators/css_zero/add/templates/app/javascript/controllers/command_controller.js +1 -6
- data/lib/generators/css_zero/add/templates/app/javascript/controllers/form_controller.js +2 -1
- data/lib/generators/css_zero/add/templates/app/javascript/controllers/toggle_class_controller.js +17 -0
- metadata +4 -3
- /data/lib/generators/css_zero/add/templates/app/assets/stylesheets/{item.css → list.css} +0 -0
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 22cad6388c9cea921cb6ff17c664968913b14b53f417544119a53dded1188d3a
|
|
4
|
+
data.tar.gz: c1fd19b8ac5298ff719522e9713bedd8efa9d75aea377e160aa30a190c1daa26
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 22c97f44e7ceb41bec21bfa70f4744099a88a6c0220e4294bbc3db76675c163373b39116e0589f98408bc9ae3dd8d7c64662aeca2624cfcb8c72fe611bdcbe60
|
|
7
|
+
data.tar.gz: 93de8408b61ce6215057fc06dd643708166098f7ee1806036544ed87c061ff0b2bb220c28cebd9600c1df5c5661701631c50274b6f6f6d7eb1670ad60d001c8e
|
data/lib/css_zero/version.rb
CHANGED
|
@@ -117,7 +117,8 @@ inputmask:
|
|
|
117
117
|
layouts:
|
|
118
118
|
- app/assets/stylesheets/layouts.css
|
|
119
119
|
- app/assets/stylesheets/sidebar_menu.css
|
|
120
|
-
- app/
|
|
120
|
+
- app/javascript/controllers/toggle_class_controller.js
|
|
121
|
+
- app/assets/images/panel-left.svg
|
|
121
122
|
lightbox:
|
|
122
123
|
- app/assets/stylesheets/lightbox.css
|
|
123
124
|
- app/javascript/controllers/lightbox_controller.js
|
|
@@ -1 +1 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-panel-left-icon lucide-panel-left"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M9 3v18"/></svg>
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
mask-image: var(--svg);
|
|
8
8
|
mask-position: center;
|
|
9
9
|
mask-repeat: no-repeat;
|
|
10
|
-
mask-size: var(--icon-size,
|
|
10
|
+
mask-size: var(--icon-size, 1rem);
|
|
11
11
|
pointer-events: none;
|
|
12
12
|
user-select: none;
|
|
13
13
|
}
|
|
@@ -35,9 +35,9 @@ img.icon {
|
|
|
35
35
|
.icon--copy { --svg: url("copy.svg"); }
|
|
36
36
|
.icon--download { --svg: url("download.svg"); }
|
|
37
37
|
.icon--ellipsis { --svg: url("ellipsis.svg"); }
|
|
38
|
-
.icon--menu { --svg: url("menu.svg"); }
|
|
39
38
|
.icon--minus { --svg: url("minus.svg"); }
|
|
40
39
|
.icon--moon { --svg: url("moon.svg"); }
|
|
40
|
+
.icon--panel-left { --svg: url("panel-left.svg"); }
|
|
41
41
|
.icon--search { --svg: url("search.svg"); }
|
|
42
42
|
.icon--share { --svg: url("share.svg"); }
|
|
43
43
|
.icon--sun { --svg: url("sun.svg"); }
|
|
@@ -5,6 +5,12 @@
|
|
|
5
5
|
grid-template-columns: var(--sidebar-width, 0) 1fr;
|
|
6
6
|
grid-template-rows: auto 1fr;
|
|
7
7
|
|
|
8
|
+
&:is(.closed) {
|
|
9
|
+
--sidebar-border-width: 0;
|
|
10
|
+
--sidebar-padding: 0;
|
|
11
|
+
--sidebar-width: 0;
|
|
12
|
+
}
|
|
13
|
+
|
|
8
14
|
@media (width >= 48rem) {
|
|
9
15
|
--sidebar-border-width: var(--border);
|
|
10
16
|
--sidebar-padding: var(--size-2);
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
.separator {
|
|
2
|
-
background-color: var(--color-border
|
|
2
|
+
background-color: var(--sep-color, var(--color-border));
|
|
3
3
|
block-size: 1px;
|
|
4
4
|
flex-shrink: 0;
|
|
5
|
-
inline-size: var(--size-full);
|
|
5
|
+
inline-size: var(--sep-size, var(--size-full));
|
|
6
6
|
}
|
|
7
7
|
|
|
8
8
|
.separator-vertical {
|
|
9
|
-
background-color: var(--color-border
|
|
10
|
-
block-size: var(--size-full);
|
|
9
|
+
background-color: var(--sep-color, var(--color-border));
|
|
10
|
+
block-size: var(--sep-size, var(--size-full));
|
|
11
11
|
flex-shrink: 0;
|
|
12
12
|
inline-size: 1px;
|
|
13
13
|
}
|
|
@@ -1,14 +1,9 @@
|
|
|
1
1
|
import { Controller } from "@hotwired/stimulus"
|
|
2
|
-
import debounce from "https://esm.sh/just-debounce-it@3.2.0?standalone"
|
|
3
2
|
import Combobox from "https://esm.sh/@github/combobox-nav@3.0.1?standalone"
|
|
4
3
|
|
|
5
4
|
export default class extends Controller {
|
|
6
5
|
static targets = [ "input", "list", "item" ]
|
|
7
6
|
|
|
8
|
-
initialize() {
|
|
9
|
-
this.filter = debounce(this.filter.bind(this), 300)
|
|
10
|
-
}
|
|
11
|
-
|
|
12
7
|
connect() {
|
|
13
8
|
this.combobox = new Combobox(this.inputTarget, this.listTarget)
|
|
14
9
|
this.combobox.start()
|
|
@@ -19,7 +14,7 @@ export default class extends Controller {
|
|
|
19
14
|
}
|
|
20
15
|
|
|
21
16
|
filter({ target }) {
|
|
22
|
-
this.itemTargets.forEach(it =>
|
|
17
|
+
this.itemTargets.forEach(it => this.#matches(it.dataset.value, target.value) ? it.removeAttribute("hidden") : it.toggleAttribute("hidden", true))
|
|
23
18
|
}
|
|
24
19
|
|
|
25
20
|
commit({ target }) {
|
|
@@ -3,9 +3,10 @@ import debounce from "https://esm.sh/just-debounce-it@3.2.0?standalone"
|
|
|
3
3
|
|
|
4
4
|
export default class extends Controller {
|
|
5
5
|
static targets = [ "cancel", "submit" ]
|
|
6
|
+
static values = { debounceTimeout: { type: Number, default: 300 } }
|
|
6
7
|
|
|
7
8
|
initialize() {
|
|
8
|
-
this.debouncedSubmit = debounce(this.debouncedSubmit.bind(this),
|
|
9
|
+
this.debouncedSubmit = debounce(this.debouncedSubmit.bind(this), this.debounceTimeoutValue)
|
|
9
10
|
}
|
|
10
11
|
|
|
11
12
|
submit({ params: { submitter } }) {
|
data/lib/generators/css_zero/add/templates/app/javascript/controllers/toggle_class_controller.js
ADDED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Controller } from "@hotwired/stimulus"
|
|
2
|
+
|
|
3
|
+
export default class extends Controller {
|
|
4
|
+
static classes = [ "toggle" ]
|
|
5
|
+
|
|
6
|
+
toggle() {
|
|
7
|
+
this.element.classList.toggle(this.toggleClass)
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
add() {
|
|
11
|
+
this.element.classList.add(this.toggleClass)
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
remove() {
|
|
15
|
+
this.element.classList.remove(this.toggleClass)
|
|
16
|
+
}
|
|
17
|
+
}
|
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: css-zero
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 3.
|
|
4
|
+
version: 3.1.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Lázaro Nixon
|
|
@@ -51,9 +51,9 @@ files:
|
|
|
51
51
|
- lib/generators/css_zero/add/templates/app/assets/images/grip-horizontal-zink-500.svg
|
|
52
52
|
- lib/generators/css_zero/add/templates/app/assets/images/grip-vertical-zink-500.svg
|
|
53
53
|
- lib/generators/css_zero/add/templates/app/assets/images/loading.svg
|
|
54
|
-
- lib/generators/css_zero/add/templates/app/assets/images/menu.svg
|
|
55
54
|
- lib/generators/css_zero/add/templates/app/assets/images/minus.svg
|
|
56
55
|
- lib/generators/css_zero/add/templates/app/assets/images/moon.svg
|
|
56
|
+
- lib/generators/css_zero/add/templates/app/assets/images/panel-left.svg
|
|
57
57
|
- lib/generators/css_zero/add/templates/app/assets/images/search.svg
|
|
58
58
|
- lib/generators/css_zero/add/templates/app/assets/images/share.svg
|
|
59
59
|
- lib/generators/css_zero/add/templates/app/assets/images/sun.svg
|
|
@@ -82,9 +82,9 @@ files:
|
|
|
82
82
|
- lib/generators/css_zero/add/templates/app/assets/stylesheets/input_copyable.css
|
|
83
83
|
- lib/generators/css_zero/add/templates/app/assets/stylesheets/input_otp.css
|
|
84
84
|
- lib/generators/css_zero/add/templates/app/assets/stylesheets/input_revealable.css
|
|
85
|
-
- lib/generators/css_zero/add/templates/app/assets/stylesheets/item.css
|
|
86
85
|
- lib/generators/css_zero/add/templates/app/assets/stylesheets/layouts.css
|
|
87
86
|
- lib/generators/css_zero/add/templates/app/assets/stylesheets/lightbox.css
|
|
87
|
+
- lib/generators/css_zero/add/templates/app/assets/stylesheets/list.css
|
|
88
88
|
- lib/generators/css_zero/add/templates/app/assets/stylesheets/menu.css
|
|
89
89
|
- lib/generators/css_zero/add/templates/app/assets/stylesheets/popover.css
|
|
90
90
|
- lib/generators/css_zero/add/templates/app/assets/stylesheets/progress.css
|
|
@@ -130,6 +130,7 @@ files:
|
|
|
130
130
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/sortable_controller.js
|
|
131
131
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/tabs_controller.js
|
|
132
132
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/timezone_cookie_controller.js
|
|
133
|
+
- lib/generators/css_zero/add/templates/app/javascript/controllers/toggle_class_controller.js
|
|
133
134
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/turbo_confirm_controller.js
|
|
134
135
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/upload_preview_controller.js
|
|
135
136
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/web_share_controller.js
|
|
File without changes
|