better_ui 0.7.2 → 0.9.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.
Files changed (72) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +86 -29
  3. data/app/components/better_ui/application_component.rb +34 -0
  4. data/app/components/better_ui/avatar_component/avatar_component.html.erb +15 -0
  5. data/app/components/better_ui/avatar_component.rb +227 -0
  6. data/app/components/better_ui/badge_component/badge_component.html.erb +16 -0
  7. data/app/components/better_ui/badge_component.rb +114 -0
  8. data/app/components/better_ui/breadcrumb/breadcrumb_component/breadcrumb_component.html.erb +12 -0
  9. data/app/components/better_ui/breadcrumb/breadcrumb_component.rb +148 -0
  10. data/app/components/better_ui/breadcrumb/item_component/item_component.html.erb +11 -0
  11. data/app/components/better_ui/breadcrumb/item_component.rb +78 -0
  12. data/app/components/better_ui/card_component.rb +45 -11
  13. data/app/components/better_ui/concerns/inline_label_styles.rb +137 -0
  14. data/app/components/better_ui/container_component/container_component.html.erb +3 -0
  15. data/app/components/better_ui/container_component.rb +143 -0
  16. data/app/components/better_ui/dialog/alert_component/alert_component.html.erb +61 -0
  17. data/app/components/better_ui/dialog/alert_component.rb +78 -0
  18. data/app/components/better_ui/dialog/confirm_component/confirm_component.html.erb +67 -0
  19. data/app/components/better_ui/dialog/confirm_component.rb +80 -0
  20. data/app/components/better_ui/dialog/dialog_component/dialog_component.html.erb +44 -0
  21. data/app/components/better_ui/dialog/dialog_component.rb +81 -0
  22. data/app/components/better_ui/divider_component/divider_component.html.erb +11 -0
  23. data/app/components/better_ui/divider_component.rb +344 -0
  24. data/app/components/better_ui/drawer/sidebar_component.rb +1 -0
  25. data/app/components/better_ui/dropdown/divider_component/divider_component.html.erb +1 -0
  26. data/app/components/better_ui/dropdown/divider_component.rb +20 -0
  27. data/app/components/better_ui/dropdown/dropdown_component/dropdown_component.html.erb +19 -0
  28. data/app/components/better_ui/dropdown/dropdown_component.rb +108 -0
  29. data/app/components/better_ui/dropdown/header_component/header_component.html.erb +3 -0
  30. data/app/components/better_ui/dropdown/header_component.rb +25 -0
  31. data/app/components/better_ui/dropdown/item_component/item_component.html.erb +7 -0
  32. data/app/components/better_ui/dropdown/item_component.rb +97 -0
  33. data/app/components/better_ui/fa_icon_component/fa_icon_component.html.erb +1 -0
  34. data/app/components/better_ui/fa_icon_component.rb +165 -0
  35. data/app/components/better_ui/forms/base_component.rb +3 -1
  36. data/app/components/better_ui/forms/select_component/select_component.html.erb +86 -0
  37. data/app/components/better_ui/forms/select_component.rb +347 -0
  38. data/app/components/better_ui/forms/text_input_component.rb +24 -2
  39. data/app/components/better_ui/heading_component/heading_component.html.erb +11 -0
  40. data/app/components/better_ui/heading_component.rb +259 -0
  41. data/app/components/better_ui/link_component/link_component.html.erb +5 -0
  42. data/app/components/better_ui/link_component.rb +169 -0
  43. data/app/components/better_ui/progress_component/progress_component.html.erb +15 -0
  44. data/app/components/better_ui/progress_component.rb +98 -0
  45. data/app/components/better_ui/spinner_component/spinner_component.html.erb +11 -0
  46. data/app/components/better_ui/spinner_component.rb +70 -0
  47. data/app/components/better_ui/table/cell_component/cell_component.html.erb +3 -0
  48. data/app/components/better_ui/table/cell_component.rb +84 -0
  49. data/app/components/better_ui/table/column_component.rb +75 -0
  50. data/app/components/better_ui/table/header_cell_component/header_cell_component.html.erb +18 -0
  51. data/app/components/better_ui/table/header_cell_component.rb +138 -0
  52. data/app/components/better_ui/table/header_component/header_component.html.erb +5 -0
  53. data/app/components/better_ui/table/header_component.rb +37 -0
  54. data/app/components/better_ui/table/row_component/row_component.html.erb +5 -0
  55. data/app/components/better_ui/table/row_component.rb +88 -0
  56. data/app/components/better_ui/table/table_component/table_component.html.erb +90 -0
  57. data/app/components/better_ui/table/table_component.rb +467 -0
  58. data/app/components/better_ui/tabs/container_component/container_component.html.erb +40 -0
  59. data/app/components/better_ui/tabs/container_component.rb +428 -0
  60. data/app/components/better_ui/tabs/panel_component/panel_component.html.erb +3 -0
  61. data/app/components/better_ui/tabs/panel_component.rb +105 -0
  62. data/app/components/better_ui/tabs/tab_component/tab_component.html.erb +9 -0
  63. data/app/components/better_ui/tabs/tab_component.rb +316 -0
  64. data/app/components/better_ui/tag_component/tag_component.html.erb +33 -0
  65. data/app/components/better_ui/tag_component.rb +114 -0
  66. data/app/components/better_ui/tooltip_component/tooltip_component.html.erb +11 -0
  67. data/app/components/better_ui/tooltip_component.rb +154 -0
  68. data/app/form_builders/better_ui/ui_form_builder.rb +90 -0
  69. data/app/helpers/better_ui/application_helper.rb +575 -0
  70. data/lib/better_ui/engine.rb +7 -0
  71. data/lib/better_ui/version.rb +1 -1
  72. metadata +63 -3
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: better_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.7.2
4
+ version: 0.9.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Umberto Peserico
@@ -72,8 +72,8 @@ dependencies:
72
72
  - !ruby/object:Gem::Version
73
73
  version: '2.3'
74
74
  description: Better UI is a Rails gem that works as a mountable engine containing
75
- reusable UI components, built with ViewComponent and Tailwind CSS, following the
76
- BEM methodology. It includes documentation and interactive previews with Lookbook.
75
+ reusable UI components, built with ViewComponent and Tailwind CSS v4. It includes
76
+ documentation and interactive previews with Lookbook.
77
77
  email:
78
78
  - umberto.peserico@pandev.it
79
79
  executables: []
@@ -87,10 +87,29 @@ files:
87
87
  - app/components/better_ui/action_messages_component.rb
88
88
  - app/components/better_ui/action_messages_component/action_messages_component.html.erb
89
89
  - app/components/better_ui/application_component.rb
90
+ - app/components/better_ui/avatar_component.rb
91
+ - app/components/better_ui/avatar_component/avatar_component.html.erb
92
+ - app/components/better_ui/badge_component.rb
93
+ - app/components/better_ui/badge_component/badge_component.html.erb
94
+ - app/components/better_ui/breadcrumb/breadcrumb_component.rb
95
+ - app/components/better_ui/breadcrumb/breadcrumb_component/breadcrumb_component.html.erb
96
+ - app/components/better_ui/breadcrumb/item_component.rb
97
+ - app/components/better_ui/breadcrumb/item_component/item_component.html.erb
90
98
  - app/components/better_ui/button_component.rb
91
99
  - app/components/better_ui/button_component/button_component.html.erb
92
100
  - app/components/better_ui/card_component.rb
93
101
  - app/components/better_ui/card_component/card_component.html.erb
102
+ - app/components/better_ui/concerns/inline_label_styles.rb
103
+ - app/components/better_ui/container_component.rb
104
+ - app/components/better_ui/container_component/container_component.html.erb
105
+ - app/components/better_ui/dialog/alert_component.rb
106
+ - app/components/better_ui/dialog/alert_component/alert_component.html.erb
107
+ - app/components/better_ui/dialog/confirm_component.rb
108
+ - app/components/better_ui/dialog/confirm_component/confirm_component.html.erb
109
+ - app/components/better_ui/dialog/dialog_component.rb
110
+ - app/components/better_ui/dialog/dialog_component/dialog_component.html.erb
111
+ - app/components/better_ui/divider_component.rb
112
+ - app/components/better_ui/divider_component/divider_component.html.erb
94
113
  - app/components/better_ui/drawer/header_component.rb
95
114
  - app/components/better_ui/drawer/header_component/header_component.html.erb
96
115
  - app/components/better_ui/drawer/layout_component.rb
@@ -101,6 +120,16 @@ files:
101
120
  - app/components/better_ui/drawer/nav_item_component/nav_item_component.html.erb
102
121
  - app/components/better_ui/drawer/sidebar_component.rb
103
122
  - app/components/better_ui/drawer/sidebar_component/sidebar_component.html.erb
123
+ - app/components/better_ui/dropdown/divider_component.rb
124
+ - app/components/better_ui/dropdown/divider_component/divider_component.html.erb
125
+ - app/components/better_ui/dropdown/dropdown_component.rb
126
+ - app/components/better_ui/dropdown/dropdown_component/dropdown_component.html.erb
127
+ - app/components/better_ui/dropdown/header_component.rb
128
+ - app/components/better_ui/dropdown/header_component/header_component.html.erb
129
+ - app/components/better_ui/dropdown/item_component.rb
130
+ - app/components/better_ui/dropdown/item_component/item_component.html.erb
131
+ - app/components/better_ui/fa_icon_component.rb
132
+ - app/components/better_ui/fa_icon_component/fa_icon_component.html.erb
104
133
  - app/components/better_ui/forms/base_component.rb
105
134
  - app/components/better_ui/forms/checkbox_component.rb
106
135
  - app/components/better_ui/forms/checkbox_component/checkbox_component.html.erb
@@ -110,10 +139,41 @@ files:
110
139
  - app/components/better_ui/forms/number_input_component/number_input_component.html.erb
111
140
  - app/components/better_ui/forms/password_input_component.rb
112
141
  - app/components/better_ui/forms/password_input_component/password_input_component.html.erb
142
+ - app/components/better_ui/forms/select_component.rb
143
+ - app/components/better_ui/forms/select_component/select_component.html.erb
113
144
  - app/components/better_ui/forms/text_input_component.rb
114
145
  - app/components/better_ui/forms/text_input_component/text_input_component.html.erb
115
146
  - app/components/better_ui/forms/textarea_component.rb
116
147
  - app/components/better_ui/forms/textarea_component/textarea_component.html.erb
148
+ - app/components/better_ui/heading_component.rb
149
+ - app/components/better_ui/heading_component/heading_component.html.erb
150
+ - app/components/better_ui/link_component.rb
151
+ - app/components/better_ui/link_component/link_component.html.erb
152
+ - app/components/better_ui/progress_component.rb
153
+ - app/components/better_ui/progress_component/progress_component.html.erb
154
+ - app/components/better_ui/spinner_component.rb
155
+ - app/components/better_ui/spinner_component/spinner_component.html.erb
156
+ - app/components/better_ui/table/cell_component.rb
157
+ - app/components/better_ui/table/cell_component/cell_component.html.erb
158
+ - app/components/better_ui/table/column_component.rb
159
+ - app/components/better_ui/table/header_cell_component.rb
160
+ - app/components/better_ui/table/header_cell_component/header_cell_component.html.erb
161
+ - app/components/better_ui/table/header_component.rb
162
+ - app/components/better_ui/table/header_component/header_component.html.erb
163
+ - app/components/better_ui/table/row_component.rb
164
+ - app/components/better_ui/table/row_component/row_component.html.erb
165
+ - app/components/better_ui/table/table_component.rb
166
+ - app/components/better_ui/table/table_component/table_component.html.erb
167
+ - app/components/better_ui/tabs/container_component.rb
168
+ - app/components/better_ui/tabs/container_component/container_component.html.erb
169
+ - app/components/better_ui/tabs/panel_component.rb
170
+ - app/components/better_ui/tabs/panel_component/panel_component.html.erb
171
+ - app/components/better_ui/tabs/tab_component.rb
172
+ - app/components/better_ui/tabs/tab_component/tab_component.html.erb
173
+ - app/components/better_ui/tag_component.rb
174
+ - app/components/better_ui/tag_component/tag_component.html.erb
175
+ - app/components/better_ui/tooltip_component.rb
176
+ - app/components/better_ui/tooltip_component/tooltip_component.html.erb
117
177
  - app/controllers/better_ui/application_controller.rb
118
178
  - app/form_builders/better_ui/ui_form_builder.rb
119
179
  - app/helpers/better_ui/application_helper.rb