turbo_material 0.3.1 → 0.3.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/tailwind/turbo_material/engine.css +2 -2
- data/app/views/components/_chips_input.html.erb +3 -3
- data/app/views/components/_chips_input_options.html.erb +1 -1
- data/app/views/components/_chips_select.html.erb +4 -4
- data/app/views/components/_input.html.erb +1 -1
- data/app/views/components/_modal.html.erb +2 -2
- data/app/views/components/_select.html.erb +1 -1
- data/app/views/components/_textarea.html.erb +1 -1
- data/lib/turbo_material/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: 5348f50398049753d3e4bf6b7642f275fbef415bf37b249760119734250847bd
|
|
4
|
+
data.tar.gz: c49275806b8f751ba29242baeff92391d14a5d514beb82646943db235014581f
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 03020fa4060114c922dfce9dba592dd9e9a72c2b204be1baf7454bfcf97132e8df83d343d548e2baf0b4b9a2797355d81cc14fba94033941f806690ce9a02abb
|
|
7
|
+
data.tar.gz: 8d4dffbee4076d2e721f5970579b2c928881dfca1c19716cc201c54246111f2d4e9da7ca5f75b0e0c2563d371774479ac5ca8fc22f12bcb19555031425272c72
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
@import 'tailwindcss' source(none);
|
|
2
|
-
@source "
|
|
3
|
-
@source "
|
|
2
|
+
@source "../../javascripts/**/*.js";
|
|
3
|
+
@source "../../../views/**/*.erb";
|
|
4
4
|
|
|
5
5
|
/*
|
|
6
6
|
The default border color has changed to `currentColor` in Tailwind CSS v4,
|
|
@@ -9,10 +9,10 @@
|
|
|
9
9
|
<% if suffix.present? %>data-material-chips-input-suffix-value="<%= suffix %>"<% end %>
|
|
10
10
|
data-action="keydown.esc->material-chips-input#close keydown.enter->prevent-default country-select-focus->material-chips-input#confirmSelection"
|
|
11
11
|
>
|
|
12
|
-
<label class="mdc-text-field mdc-text-field--filled w-full
|
|
12
|
+
<label class="mdc-text-field mdc-text-field--filled w-full h-max! h-full!">
|
|
13
13
|
<span class="mdc-text-field__ripple"></span>
|
|
14
|
-
<span class="mdc-floating-label
|
|
15
|
-
<div class="mdc-chip-set mdc-chip-set--input
|
|
14
|
+
<span class="mdc-floating-label top-6!"><%= label %></span>
|
|
15
|
+
<div class="mdc-chip-set mdc-chip-set--input pt-8! w-full" role="grid">
|
|
16
16
|
<%- selected.each do |chip| -%>
|
|
17
17
|
<div class="mdc-chip">
|
|
18
18
|
<div class="mdc-chip__text"><%= chip[:label] %></div>
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<%# locals: (suffix:, options: [], label:, name:, opened: 'false', fixed: false) %>
|
|
2
2
|
<%- id = [name, suffix].compact_blank.join('-') -%>
|
|
3
3
|
<div id="<%= "#{id}-panel" %>"
|
|
4
|
-
class="mdc-menu-surface <%= ((opened != 'true') || options.size.zero?) ? '' : 'mdc-menu-surface--open' %>
|
|
4
|
+
class="mdc-menu-surface <%= ((opened != 'true') || options.size.zero?) ? '' : 'mdc-menu-surface--open' %> z-100! <%= fixed ? 'mdc-menu-surface--fixed' : 'mdc-menu-surface--fullwidth' %>"
|
|
5
5
|
data-controller="material-menu-surface"
|
|
6
6
|
data-material-chips-input-target="panel" data-size="<%= options.size %>">
|
|
7
7
|
<ul class="mdc-deprecated-list max-h-64 overflow-y-auto"
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
data-material-chips-select-modal-url-value="<%= modal_url %>"
|
|
10
10
|
data-material-chips-select-chip-css-value="<%= chip_css %>"
|
|
11
11
|
>
|
|
12
|
-
<div class="mdc-select__anchor
|
|
12
|
+
<div class="mdc-select__anchor h-fit! flex-row! flex-wrap!"
|
|
13
13
|
role="button"
|
|
14
14
|
aria-haspopup="listbox"
|
|
15
15
|
aria-expanded="false"
|
|
@@ -19,10 +19,10 @@
|
|
|
19
19
|
<% if required %>aria-required="true"<% end %>
|
|
20
20
|
>
|
|
21
21
|
<span class="mdc-select__ripple"></span>
|
|
22
|
-
<span id="<%= id %>-label" class="mdc-floating-label !
|
|
23
|
-
<div class="mdc-chip-set !
|
|
22
|
+
<span id="<%= id %>-label" class="mdc-floating-label relative! w-full!"><%= label || name.capitalize %></span>
|
|
23
|
+
<div class="mdc-chip-set grow! flex-wrap!" role="grid"></div>
|
|
24
24
|
<%= render 'components/select_dropdown_icon' %>
|
|
25
|
-
<span class="mdc-select__selected-text-container
|
|
25
|
+
<span class="mdc-select__selected-text-container grow-0! max-h-0!"><span id="<%= id %>-selected-text" class="mdc-select__selected-text hidden!"></span></span>
|
|
26
26
|
<span class="mdc-line-ripple"></span>
|
|
27
27
|
</div>
|
|
28
28
|
<%= form.hidden_field name.to_sym, value: value, data: { 'material-chips-select-target': 'hidden' } if form %>
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
<%- else -%>
|
|
10
10
|
<span class="mdc-notched-outline">
|
|
11
11
|
<span class="mdc-notched-outline__leading"></span>
|
|
12
|
-
<span class="mdc-notched-outline__notch
|
|
12
|
+
<span class="mdc-notched-outline__notch w-fit!">
|
|
13
13
|
<span class="mdc-floating-label" id="<%= id %>-label">
|
|
14
14
|
<%= label || name.capitalize %>
|
|
15
15
|
</span>
|
|
@@ -8,12 +8,12 @@
|
|
|
8
8
|
aria-labelledby="my-dialog-title"
|
|
9
9
|
aria-describedby="my-dialog-content">
|
|
10
10
|
<h2 class="mdc-dialog__title bg-secondary">
|
|
11
|
-
<div class="
|
|
11
|
+
<div class="text-white! flex items-center justify-between">
|
|
12
12
|
<span><%= title %></span>
|
|
13
13
|
<button type="button" class="mdc-icon-button mdc-dialog__close" data-mdc-ripple-is-unbounded data-action="click->material-dialog#close">
|
|
14
14
|
<div class="mdc-icon-button__ripple"></div>
|
|
15
15
|
<span class="mdc-icon-button__focus-ring"></span>
|
|
16
|
-
<i class="material-icons
|
|
16
|
+
<i class="material-icons text-white!">close</i>
|
|
17
17
|
</button>
|
|
18
18
|
</div>
|
|
19
19
|
</h2>
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
<%- unless outlined -%><span class="mdc-line-ripple"></span><%- end -%>
|
|
32
32
|
</div>
|
|
33
33
|
|
|
34
|
-
<div class="mdc-select__menu mdc-menu mdc-menu-surface
|
|
34
|
+
<div class="mdc-select__menu mdc-menu mdc-menu-surface z-100! <%= fixed ? 'mdc-menu-surface--fixed' : 'mdc-menu-surface--fullwidth' %>" id="<%= id %>-surface">
|
|
35
35
|
<ul class="mdc-deprecated-list" role="listbox" aria-label="<%= label %> listbox">
|
|
36
36
|
<% options.each do |option| %>
|
|
37
37
|
<li class="mdc-deprecated-list-item<%= value == option[:value] ? ' mdc-deprecated-list-item--selected' : '' %>" aria-selected="<%= (value == option[:value]).to_s %>" data-value="<%= option[:value] %>" role="option">
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
<%# locals: (form:, custom_controller: nil, custom_css: nil, disabled: false, required: false, name:, label: nil, id:, frame: nil, provide_hidden: false, value: nil, type: 'text', data: {}, rows: 8, cols: 40, maxlength: 140, helper: nil, parent: nil) %>
|
|
2
|
-
<label class="mdc-text-field mdc-text-field--filled mdc-text-field--textarea mdc-text-field--no-label
|
|
2
|
+
<label class="mdc-text-field mdc-text-field--filled mdc-text-field--textarea mdc-text-field--no-label w-full! p-2"
|
|
3
3
|
data-controller="<%= custom_controller || 'material-input' %>" <% if frame %>data-frame="<%= frame %>"<% end %>>
|
|
4
4
|
<span class="mdc-notched-outline">
|
|
5
5
|
<span class="mdc-notched-outline__leading"></span>
|