atomic_view 0.0.3 → 0.0.4
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/atomic_view/components/check_box_component.rb +1 -1
- data/lib/atomic_view/components/collection_select_component.rb +1 -1
- data/lib/atomic_view/components/date_field_component.rb +1 -1
- data/lib/atomic_view/components/field_component.erb +2 -2
- data/lib/atomic_view/components/field_component.rb +4 -4
- data/lib/atomic_view/components/select_component.rb +1 -1
- data/lib/atomic_view/components/submit_component.rb +1 -1
- data/lib/atomic_view/version.rb +1 -1
- metadata +1 -1
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: b1092760c73eccf674a8c94d7a9ddb5e4d3ee8620973e48fde77b45508e11c04
|
|
4
|
+
data.tar.gz: a5cb5c4d7a3614efca694ee28ff2cc0dda9dd939c79f2117d47bb205b1c969d8
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 6657274fbc4651475dee9c6256f3e13044e22984cbfe0104573a2c0dce74c8ab48772bb18980c59226a1430a98b7a1fa604c4179c25c95945201a3086f835fa4
|
|
7
|
+
data.tar.gz: ed0a237ec8a14a23615a47fc6fab33869fae37539e562f44b47c09c4b4a18b233329f6c84b6fb7d469342299467d0b4297c825eeabc57b3bba82e42d60f17943
|
|
@@ -2,7 +2,7 @@ module AtomicView
|
|
|
2
2
|
module Components
|
|
3
3
|
class CheckBoxComponent < ViewComponent::Form::CheckBoxComponent
|
|
4
4
|
def html_class
|
|
5
|
-
"h-4 w-4 rounded border-neutral-300 text-blue-500 focus:ring-blue-700 hover:border-neutral-700"
|
|
5
|
+
"h-4 w-4 rounded-sm border-neutral-300 text-blue-500 focus:ring-blue-700 hover:border-neutral-700"
|
|
6
6
|
end
|
|
7
7
|
end
|
|
8
8
|
end
|
|
@@ -3,7 +3,7 @@ module AtomicView
|
|
|
3
3
|
class CollectionSelectComponent < ViewComponent::Form::CollectionSelectComponent
|
|
4
4
|
def html_class
|
|
5
5
|
class_names(
|
|
6
|
-
*%W[block w-full h-9 min-w-0 flex-1 rounded-md border-0 py-1 text-sm shadow-
|
|
6
|
+
*%W[block w-full h-9 min-w-0 flex-1 rounded-sm-md border-0 py-1 text-sm shadow-xs ring-1],
|
|
7
7
|
"disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-zinc-500 disabled:ring-zinc-200",
|
|
8
8
|
"bg-transparent dark:bg-white/5 text-zinc-950 ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-500 dark:text-white focus:ring-neutral-700 focus:border-zinc-950/20 dark:focus:ring-white/20",
|
|
9
9
|
"text-red-900 ring-red-300 placeholder:text-red-300 focus:ring-red-500" => method_errors?
|
|
@@ -4,7 +4,7 @@ module AtomicView
|
|
|
4
4
|
def html_class
|
|
5
5
|
class_names(
|
|
6
6
|
class_names(
|
|
7
|
-
*%W[block w-full h-9 min-w-0 flex-1 rounded-md border-0 py-1 text-sm shadow-
|
|
7
|
+
*%W[block w-full h-9 min-w-0 flex-1 rounded-sm-md border-0 py-1 text-sm shadow-xs ring-1],
|
|
8
8
|
"disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-zinc-500 disabled:ring-zinc-200",
|
|
9
9
|
"bg-transparent dark:bg-white/5 text-zinc-950 ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-500 dark:text-white focus:ring-neutral-700 focus:border-zinc-950/20 dark:focus:ring-white/20",
|
|
10
10
|
"text-red-900 ring-red-300 placeholder:text-red-300 focus:ring-red-500" => method_errors?,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<%= content_tag :div, class: container_html_class do %>
|
|
2
2
|
<% if left_section? %>
|
|
3
3
|
<% if left_section_addon? %>
|
|
4
|
-
<span class="inline-flex items-center rounded-l-lg bg-transparent dark:bg-white/5 ring-1 ring-zinc-950/10 dark:ring-white/10 px-3 text-zinc-950 dark:text-white sm:text-sm"><%= left_section %></span>
|
|
4
|
+
<span class="inline-flex items-center rounded-sm-l-lg bg-transparent dark:bg-white/5 ring-1 ring-zinc-950/10 dark:ring-white/10 px-3 text-zinc-950 dark:text-white sm:text-sm"><%= left_section %></span>
|
|
5
5
|
<% elsif left_section_interaction? %>
|
|
6
6
|
<%= left_section %>
|
|
7
7
|
<% else %>
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
<%= tag_klass.new(@object_name, @method_name, @view_context, @options).render %>
|
|
14
14
|
<% if right_section? %>
|
|
15
15
|
<% if right_section_addon? %>
|
|
16
|
-
<span class="inline-flex items-center rounded-r-lg bg-transparent dark:bg-white/5 ring-1 ring-zinc-950/10 dark:ring-white/10 px-3 text-zinc-950 dark:text-white sm:text-sm"><%= right_section %></span>
|
|
16
|
+
<span class="inline-flex items-center rounded-sm-r-lg bg-transparent dark:bg-white/5 ring-1 ring-zinc-950/10 dark:ring-white/10 px-3 text-zinc-950 dark:text-white sm:text-sm"><%= right_section %></span>
|
|
17
17
|
<% elsif right_section_interaction? %>
|
|
18
18
|
<%= right_section %>
|
|
19
19
|
<% else %>
|
|
@@ -10,20 +10,20 @@ module AtomicView
|
|
|
10
10
|
|
|
11
11
|
def html_class
|
|
12
12
|
class_names(
|
|
13
|
-
*%W[block w-full appearance-none h-9 min-w-0 z-10 flex-1 rounded-lg border-0 py-1 text-base shadow-
|
|
13
|
+
*%W[block w-full appearance-none h-9 min-w-0 z-10 flex-1 rounded-sm-lg border-0 py-1 text-base shadow-xs ring-1],
|
|
14
14
|
"disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-zinc-500 disabled:ring-zinc-200",
|
|
15
15
|
"bg-transparent dark:bg-white/5 text-zinc-950 ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-500 dark:text-white focus:ring-neutral-700 focus:border-zinc-950/20 dark:focus:ring-white/20",
|
|
16
16
|
"pl-10" => left_section? && !(left_section_addon? || left_section_interaction?),
|
|
17
17
|
"pr-10" => right_section? && !(right_section_addon? || right_section_interaction?),
|
|
18
|
-
"shadow-none rounded-none rounded-r-lg" => left_section_addon? || left_section_interaction?,
|
|
19
|
-
"shadow-none rounded-none rounded-l-lg" => right_section_addon? || right_section_interaction?,
|
|
18
|
+
"shadow-none rounded-sm-none rounded-sm-r-lg" => left_section_addon? || left_section_interaction?,
|
|
19
|
+
"shadow-none rounded-sm-none rounded-sm-l-lg" => right_section_addon? || right_section_interaction?,
|
|
20
20
|
"text-red-900 ring-red-300 placeholder:text-red-300 focus:ring-red-500" => method_errors?
|
|
21
21
|
)
|
|
22
22
|
end
|
|
23
23
|
|
|
24
24
|
def container_html_class
|
|
25
25
|
class_names(
|
|
26
|
-
"relative rounded-lg shadow-
|
|
26
|
+
"relative rounded-sm-lg shadow-xs",
|
|
27
27
|
{"flex" => left_section_addon? || left_section_interaction? || right_section_addon? || right_section_interaction?},
|
|
28
28
|
options[:container_class]
|
|
29
29
|
)
|
|
@@ -4,7 +4,7 @@ module AtomicView
|
|
|
4
4
|
def html_class
|
|
5
5
|
class_names(
|
|
6
6
|
class_names(
|
|
7
|
-
*%W[block w-full h-9 min-w-0 flex-1 rounded-md border-0 py-1 text-sm shadow-
|
|
7
|
+
*%W[block w-full h-9 min-w-0 flex-1 rounded-sm-md border-0 py-1 text-sm shadow-xs ring-1],
|
|
8
8
|
"disabled:cursor-not-allowed disabled:bg-gray-50 disabled:text-zinc-500 disabled:ring-zinc-200",
|
|
9
9
|
"bg-transparent dark:bg-white/5 text-zinc-950 ring-zinc-950/10 dark:ring-white/10 placeholder:text-zinc-500 dark:text-white focus:ring-neutral-700 focus:border-zinc-950/20 dark:focus:ring-white/20",
|
|
10
10
|
"text-red-900 ring-red-300 placeholder:text-red-300 focus:ring-red-500" => method_errors?,
|
|
@@ -2,7 +2,7 @@ module AtomicView
|
|
|
2
2
|
module Components
|
|
3
3
|
class SubmitComponent < ViewComponent::Form::SubmitComponent
|
|
4
4
|
def html_class
|
|
5
|
-
"cursor-pointer rounded-md bg-green-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-
|
|
5
|
+
"cursor-pointer rounded-sm-md bg-green-600 px-3 py-1.5 text-sm font-semibold leading-6 text-white shadow-xs hover:bg-green-600/90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-green-700"
|
|
6
6
|
end
|
|
7
7
|
end
|
|
8
8
|
end
|
data/lib/atomic_view/version.rb
CHANGED