css-zero 0.0.55 → 0.0.56
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/css_zero/version.rb +1 -1
- data/lib/generators/css_zero/add/USAGE +1 -1
- data/lib/generators/css_zero/add/resources.yml +4 -2
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/input.css +1 -1
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/zcombobox.css +3 -3
- data/lib/generators/css_zero/add/templates/app/assets/stylesheets/zdatepicker.css +4 -4
- data/lib/generators/css_zero/add/templates/app/javascript/controllers/chart_controller.js +33 -0
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: dda2e775427e1ef39365fd7d86e67435f9a7b9537772871544b05f675ef1fab3
|
|
4
|
+
data.tar.gz: 382243e0f4441e706606aac3b8a646b163ef38642e17dcc9a620358b8925a3aa
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 5b44ccc95deabacf46b16f71f2ce72112104d3c4dc223bcb9f73e2ac7ad354e95cf18ee2efd07e236f7e5ba674d8d1b3b9ae38a47193ef144b68330df30eefdd
|
|
7
|
+
data.tar.gz: 63c113d51c33d46a9d26a3e73865f201d1083cae21797eb2b2d9b22f29e307bb94079b104c163d9fb49c0982e22fa8febefefba798a82481f6cf490c3be239d6
|
data/lib/css_zero/version.rb
CHANGED
|
@@ -2,7 +2,7 @@ Description:
|
|
|
2
2
|
This will add components into your project.
|
|
3
3
|
|
|
4
4
|
Components:
|
|
5
|
-
accordion alert autosave avatar badge breadcrumb button card carousel
|
|
5
|
+
accordion alert 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 pagination progress prose sheet skeleton switch table tabs trix upload_preview toggle web_share
|
|
6
6
|
|
|
7
7
|
Example:
|
|
8
8
|
bin/rails generate css_zero:add [components...]
|
|
@@ -22,13 +22,15 @@ carousel:
|
|
|
22
22
|
- app/javascript/controllers/carousel_controller.js
|
|
23
23
|
- app/assets/images/arrow-left.svg
|
|
24
24
|
- app/assets/images/arrow-right.svg
|
|
25
|
+
chart:
|
|
26
|
+
- app/javascript/controllers/chart_controller.js
|
|
27
|
+
check_all:
|
|
28
|
+
- app/javascript/controllers/check_all_controller.js
|
|
25
29
|
combobox:
|
|
26
30
|
- app/assets/stylesheets/tom-select.css
|
|
27
31
|
- app/assets/stylesheets/zcombobox.css
|
|
28
32
|
- app/javascript/controllers/combobox_controller.js
|
|
29
33
|
- app/assets/images/select-arrow.svg
|
|
30
|
-
check_all:
|
|
31
|
-
- app/javascript/controllers/check_all_controller.js
|
|
32
34
|
command:
|
|
33
35
|
- app/assets/stylesheets/command.css
|
|
34
36
|
- app/javascript/controllers/filter_controller.js
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
border-radius: var(--input-radius, var(--rounded-md));
|
|
6
6
|
font-size: var(--input-font-size, var(--text-sm));
|
|
7
7
|
inline-size: var(--size-full);
|
|
8
|
-
padding: var(--input-padding, 0.5rem
|
|
8
|
+
padding: var(--input-padding, 0.5rem 0.75rem);
|
|
9
9
|
|
|
10
10
|
option {
|
|
11
11
|
padding-block: 2px;
|
|
@@ -5,12 +5,11 @@
|
|
|
5
5
|
border-radius: var(--rounded-md);
|
|
6
6
|
min-block-size: var(--size-10);
|
|
7
7
|
color: var(--color-text);
|
|
8
|
-
display: flex;
|
|
8
|
+
display: inline-flex;
|
|
9
9
|
font-size: var(--text-sm);
|
|
10
|
-
font-weight: var(--font-medium);
|
|
11
10
|
gap: var(--size-1);
|
|
12
11
|
line-height: inherit;
|
|
13
|
-
padding: var(--size-
|
|
12
|
+
padding: var(--size-2) var(--size-3);
|
|
14
13
|
|
|
15
14
|
> input {
|
|
16
15
|
color: inherit; font-size: inherit;
|
|
@@ -85,6 +84,7 @@
|
|
|
85
84
|
background: var(--color-secondary);
|
|
86
85
|
border-radius: var(--rounded-md);
|
|
87
86
|
color: inherit;
|
|
87
|
+
line-height: var(--leading-tight);
|
|
88
88
|
margin: 0;
|
|
89
89
|
}
|
|
90
90
|
|
|
@@ -115,15 +115,15 @@
|
|
|
115
115
|
}
|
|
116
116
|
|
|
117
117
|
.flatpickr-day {
|
|
118
|
-
|
|
118
|
+
--day-size: var(--size-9);
|
|
119
119
|
border-radius: var(--rounded-md);
|
|
120
120
|
border-color: transparent !important;
|
|
121
121
|
box-shadow: none !important;
|
|
122
122
|
color: var(--color-text);
|
|
123
|
-
|
|
124
|
-
height: var(--size
|
|
123
|
+
height: var(--day-size);
|
|
124
|
+
line-height: var(--day-size);
|
|
125
125
|
margin-block-start: 1px;
|
|
126
|
-
max-width: var(--size
|
|
126
|
+
max-width: var(--day-size);
|
|
127
127
|
|
|
128
128
|
&:is(.inRange) {
|
|
129
129
|
border-radius: 0;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { Controller } from "@hotwired/stimulus"
|
|
2
|
+
import { Chart, Colors, registerables } from "https://cdn.skypack.dev/chart.js@4.4.6"
|
|
3
|
+
|
|
4
|
+
Chart.register(...registerables)
|
|
5
|
+
|
|
6
|
+
Chart.defaults.backgroundColor = getCssVariableValue("--color-primary")
|
|
7
|
+
Chart.defaults.borderColor = getCssVariableValue("--color-border")
|
|
8
|
+
Chart.defaults.color = getCssVariableValue("--color-text")
|
|
9
|
+
|
|
10
|
+
Chart.defaults.font.family = getCssVariableValue("--font-system-ui")
|
|
11
|
+
Chart.defaults.font.size = 12
|
|
12
|
+
|
|
13
|
+
export default class extends Controller {
|
|
14
|
+
static values = { type: { type: String, default: "line" }, data: Object, options: Object }
|
|
15
|
+
|
|
16
|
+
connect() {
|
|
17
|
+
this.chart = new Chart(this.element, this.#settings)
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
disconnect() {
|
|
21
|
+
this.chart.destroy()
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
get #settings() {
|
|
25
|
+
return { type: this.typeValue, data: this.dataValue, options: this.optionsValue }
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
// Helpers
|
|
30
|
+
|
|
31
|
+
function getCssVariableValue(variableName) {
|
|
32
|
+
return getComputedStyle(document.documentElement).getPropertyValue(variableName).trim()
|
|
33
|
+
}
|
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: 0.0.
|
|
4
|
+
version: 0.0.56
|
|
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: 2024-
|
|
11
|
+
date: 2024-11-03 00:00:00.000000000 Z
|
|
12
12
|
dependencies: []
|
|
13
13
|
description:
|
|
14
14
|
email: lazaronixon@hotmail.com
|
|
@@ -88,6 +88,7 @@ files:
|
|
|
88
88
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/autosave_controller.js
|
|
89
89
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/autoselect_controller.js
|
|
90
90
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/carousel_controller.js
|
|
91
|
+
- lib/generators/css_zero/add/templates/app/javascript/controllers/chart_controller.js
|
|
91
92
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/check_all_controller.js
|
|
92
93
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/clearable_input_controller.js
|
|
93
94
|
- lib/generators/css_zero/add/templates/app/javascript/controllers/collapsible_controller.js
|