okonomi_ui_kit 0.1.8 → 0.1.10
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/README.md +50 -6
- data/app/assets/builds/okonomi_ui_kit/application.tailwind.css +508 -225
- data/app/helpers/okonomi_ui_kit/CLAUDE.md +619 -0
- data/app/helpers/okonomi_ui_kit/application_helper.rb +8 -0
- data/app/helpers/okonomi_ui_kit/attribute_section_helper.rb +5 -5
- data/app/helpers/okonomi_ui_kit/component.rb +14 -6
- data/app/helpers/okonomi_ui_kit/components/alert.rb +1 -1
- data/app/helpers/okonomi_ui_kit/components/badge.rb +4 -4
- data/app/helpers/okonomi_ui_kit/components/breadcrumbs.rb +4 -4
- data/app/helpers/okonomi_ui_kit/components/button_base.rb +94 -22
- data/app/helpers/okonomi_ui_kit/components/button_tag.rb +14 -8
- data/app/helpers/okonomi_ui_kit/components/button_to.rb +8 -7
- data/app/helpers/okonomi_ui_kit/components/code.rb +41 -37
- data/app/helpers/okonomi_ui_kit/components/confirmation_modal.rb +130 -0
- data/app/helpers/okonomi_ui_kit/components/dropdown_button.rb +147 -0
- data/app/helpers/okonomi_ui_kit/components/forms/check_box_with_label.rb +38 -0
- data/app/helpers/okonomi_ui_kit/components/forms/collection_select.rb +57 -0
- data/app/helpers/okonomi_ui_kit/components/forms/date_field.rb +9 -0
- data/app/helpers/okonomi_ui_kit/components/forms/datetime_local_field.rb +9 -0
- data/app/helpers/okonomi_ui_kit/components/forms/email_field.rb +9 -0
- data/app/helpers/okonomi_ui_kit/components/forms/field.rb +24 -0
- data/app/helpers/okonomi_ui_kit/components/forms/field_set.rb +17 -0
- data/app/helpers/okonomi_ui_kit/components/forms/input_base.rb +57 -0
- data/app/helpers/okonomi_ui_kit/components/forms/label.rb +27 -0
- data/app/helpers/okonomi_ui_kit/components/forms/multi_select.rb +18 -0
- data/app/helpers/okonomi_ui_kit/components/forms/number_field.rb +9 -0
- data/app/helpers/okonomi_ui_kit/components/forms/password_field.rb +9 -0
- data/app/helpers/okonomi_ui_kit/components/forms/search_field.rb +9 -0
- data/app/helpers/okonomi_ui_kit/components/forms/select.rb +57 -0
- data/app/helpers/okonomi_ui_kit/components/forms/show_if.rb +28 -0
- data/app/helpers/okonomi_ui_kit/components/forms/telephone_field.rb +9 -0
- data/app/helpers/okonomi_ui_kit/components/forms/text_area.rb +9 -0
- data/app/helpers/okonomi_ui_kit/components/forms/text_field.rb +9 -0
- data/app/helpers/okonomi_ui_kit/components/forms/time_field.rb +9 -0
- data/app/helpers/okonomi_ui_kit/components/forms/upload_field.rb +25 -0
- data/app/helpers/okonomi_ui_kit/components/forms/url_field.rb +9 -0
- data/app/helpers/okonomi_ui_kit/components/forms.rb +6 -0
- data/app/helpers/okonomi_ui_kit/components/icon.rb +6 -6
- data/app/helpers/okonomi_ui_kit/components/link_to.rb +11 -10
- data/app/helpers/okonomi_ui_kit/components/navigation.rb +98 -0
- data/app/helpers/okonomi_ui_kit/components/page.rb +18 -203
- data/app/helpers/okonomi_ui_kit/components/page_header.rb +111 -0
- data/app/helpers/okonomi_ui_kit/components/page_section.rb +145 -0
- data/app/helpers/okonomi_ui_kit/components/table.rb +7 -8
- data/app/helpers/okonomi_ui_kit/components/typography.rb +16 -16
- data/app/helpers/okonomi_ui_kit/components.rb +4 -0
- data/app/helpers/okonomi_ui_kit/configs.rb +4 -0
- data/app/helpers/okonomi_ui_kit/form_builder.rb +39 -130
- data/app/helpers/okonomi_ui_kit/form_component.rb +7 -0
- data/app/helpers/okonomi_ui_kit/svg_icons.rb +5 -5
- data/app/helpers/okonomi_ui_kit/t_w_merge.rb +33 -27
- data/app/helpers/okonomi_ui_kit/ui_helper.rb +17 -58
- data/app/javascript/okonomi_ui_kit/controllers/dropdown_controller.js +6 -0
- data/app/views/okonomi/components/confirmation_modal/_confirmation_modal.html.erb +76 -0
- data/app/views/okonomi/components/dropdown_button/_dropdown_button.html.erb +282 -0
- data/app/views/okonomi/components/forms/check_box_with_label/_check_box_with_label.html.erb +6 -0
- data/app/views/okonomi/{forms/tailwind → components/forms/field}/_field.html.erb +7 -7
- data/app/views/okonomi/components/forms/field_set/_field_set.html.erb +3 -0
- data/app/views/okonomi/components/forms/upload_field/_upload_field.html.erb +1 -0
- data/app/views/okonomi/components/navigation/_link.html.erb +18 -0
- data/app/views/okonomi/components/navigation/_navigation.html.erb +4 -0
- data/app/views/okonomi/components/page/_page.html.erb +1 -1
- data/app/views/okonomi/components/page_header/_page_header.html.erb +4 -0
- data/app/views/okonomi/components/page_section/_page_section.html.erb +4 -0
- data/app/views/okonomi/forms/tailwind/_checkbox_label.html.erb +2 -2
- data/app/views/okonomi/forms/tailwind/_multi_select.html.erb +2 -4
- data/app/views/okonomi/forms/tailwind/_upload_field.html.erb +10 -10
- data/config/importmap.rb +1 -1
- data/lib/okonomi_ui_kit/engine.rb +0 -1
- data/lib/okonomi_ui_kit/version.rb +1 -1
- metadata +47 -16
- data/app/helpers/okonomi_ui_kit/navigation_helper.rb +0 -72
- data/app/helpers/okonomi_ui_kit/theme.rb +0 -136
- data/app/helpers/okonomi_ui_kit/theme_helper.rb +0 -17
- data/app/views/okonomi/forms/tailwind/_field_set.html.erb +0 -3
- data/app/views/okonomi/modals/_confirmation_modal.html.erb +0 -77
- data/app/views/okonomi/navigation/_link.html.erb +0 -15
- data/app/views/okonomi/navigation/_menu.html.erb +0 -3
- data/app/views/okonomi/navigation/_navbar.html.erb +0 -105
- data/app/views/okonomi/page_builder/_page.html.erb +0 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 8c739aa7ad0484b1276eaac7162c3576923e4bafb7081b9f55b9e81fd41e5834
|
|
4
|
+
data.tar.gz: ba2a507eddfdf7e07870075ad808891b74620fc48b5910dd480b1c5bf8f85184
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: a701e25bb9ee75907a71a4f41e2392719b4ec31e6010154fb281b2327670b2012f90625e55ea252e55313f24ab10203244e7e38f317c016040bb2802e97d45d0
|
|
7
|
+
data.tar.gz: fdef062c6cb8fa64bf5db4ff8fe71235bb86ee90112630d96a8d33f8fedceedcd1721d6eee7a3391f373292310d1f00711be2f8bcc9575b5da08eaef7ee2ca2f
|
data/README.md
CHANGED
|
@@ -10,7 +10,7 @@ A Rails Engine gem that provides customizable, Tailwind CSS-based UI components
|
|
|
10
10
|
- **⚡ Stimulus Powered** - Progressive enhancement with Stimulus controllers
|
|
11
11
|
- **🔧 Form Builder** - Enhanced form helpers with consistent styling
|
|
12
12
|
- **📦 Component Library** - Pre-built components including buttons, badges, tables, alerts, and more
|
|
13
|
-
- **🎯
|
|
13
|
+
- **🎯 Style System** - Component-based styling with config class overrides
|
|
14
14
|
- **🔄 Smart Style Merging** - Intelligent Tailwind class conflict resolution
|
|
15
15
|
|
|
16
16
|
## Installation
|
|
@@ -81,7 +81,7 @@ OkonomiUiKit provides a `ui` helper that gives you access to all components:
|
|
|
81
81
|
- **File Upload** - Drag-and-drop file uploads
|
|
82
82
|
|
|
83
83
|
### Navigation Components
|
|
84
|
-
- **Dropdown** -
|
|
84
|
+
- **Dropdown Button** - Split button with dropdown menu
|
|
85
85
|
- **Breadcrumbs** - Navigation breadcrumbs
|
|
86
86
|
- **Link** - Styled links with variants
|
|
87
87
|
|
|
@@ -113,7 +113,7 @@ end
|
|
|
113
113
|
|
|
114
114
|
## Documentation
|
|
115
115
|
|
|
116
|
-
### Guides
|
|
116
|
+
### Core Guides
|
|
117
117
|
|
|
118
118
|
- [Style Overrides Guide](guides/style-overrides-guide.md) - Complete guide to customizing component styles
|
|
119
119
|
- [Component Guide](docs/COMPONENT_GUIDE.md) - Creating custom components
|
|
@@ -121,9 +121,53 @@ end
|
|
|
121
121
|
|
|
122
122
|
### Component Guides
|
|
123
123
|
|
|
124
|
-
|
|
124
|
+
#### Core UI Components
|
|
125
|
+
- [Alert](guides/components/alert.md) - Notification messages and alerts
|
|
126
|
+
- [Badge](guides/components/badge.md) - Status indicators and labels
|
|
127
|
+
- [Button Base](guides/components/button_base.md) - Base button component configuration
|
|
128
|
+
- [Button Tag](guides/components/button_tag.md) - Button element with styling
|
|
129
|
+
- [Button To](guides/components/button_to.md) - Rails button_to helper with styling
|
|
130
|
+
- [Code](guides/components/code.md) - Inline and block code display
|
|
131
|
+
- [Link To](guides/components/link_to.md) - Styled link components
|
|
125
132
|
- [Typography](guides/components/typography.md) - Text styling with semantic HTML elements
|
|
126
|
-
|
|
133
|
+
|
|
134
|
+
#### Layout Components
|
|
135
|
+
- [Page](guides/components/page.md) - Page layout structure
|
|
136
|
+
- [Table](guides/components/table.md) - Data tables with consistent styling
|
|
137
|
+
|
|
138
|
+
#### Navigation Components
|
|
139
|
+
- [Breadcrumbs](guides/components/breadcrumbs.md) - Navigation breadcrumb trails
|
|
140
|
+
- [Dropdown Button](guides/components/dropdown_button.md) - Split button with dropdown menu
|
|
141
|
+
- [Navigation](guides/components/navigation.md) - Sidebar navigation menus with groups and links
|
|
142
|
+
|
|
143
|
+
#### Interactive Components
|
|
144
|
+
- [Confirmation Modal](guides/components/confirmation_modal.md) - Accessible modal dialogs for user confirmations
|
|
145
|
+
- [Icon](guides/components/icon.md) - SVG icon rendering with style customization
|
|
146
|
+
|
|
147
|
+
#### Form Components
|
|
148
|
+
- [Forms Overview](guides/components/forms.md) - Form building guide and best practices
|
|
149
|
+
- [Check Box with Label](guides/components/forms/check_box_with_label.md) - Checkbox inputs with labels
|
|
150
|
+
- [Collection Select](guides/components/forms/collection_select.md) - Select from a collection
|
|
151
|
+
- [Date Field](guides/components/forms/date_field.md) - Date input fields
|
|
152
|
+
- [DateTime Local Field](guides/components/forms/datetime_local_field.md) - Date and time inputs
|
|
153
|
+
- [Email Field](guides/components/forms/email_field.md) - Email input validation
|
|
154
|
+
- [Field](guides/components/forms/field.md) - Form field wrapper
|
|
155
|
+
- [Field Set](guides/components/forms/field_set.md) - Group related form fields
|
|
156
|
+
- [Input Base](guides/components/forms/input_base.md) - Base input configuration
|
|
157
|
+
- [Label](guides/components/forms/label.md) - Form labels
|
|
158
|
+
- [Multi Select](guides/components/forms/multi_select.md) - Multiple selection inputs
|
|
159
|
+
- [Number Field](guides/components/forms/number_field.md) - Numeric inputs
|
|
160
|
+
- [Password Field](guides/components/forms/password_field.md) - Password inputs
|
|
161
|
+
- [Search Field](guides/components/forms/search_field.md) - Search input fields
|
|
162
|
+
- [Select](guides/components/forms/select.md) - Select dropdowns
|
|
163
|
+
- [Show If](guides/components/forms/show_if.md) - Conditional field visibility
|
|
164
|
+
- [Telephone Field](guides/components/forms/telephone_field.md) - Phone number inputs
|
|
165
|
+
- [Text Area](guides/components/forms/text_area.md) - Multi-line text inputs
|
|
166
|
+
- [Text Field](guides/components/forms/text_field.md) - Single-line text inputs
|
|
167
|
+
- [Time Field](guides/components/forms/time_field.md) - Time input fields
|
|
168
|
+
- [Upload Field](guides/components/forms/upload_field.md) - File upload fields
|
|
169
|
+
- [URL Field](guides/components/forms/url_field.md) - URL input validation
|
|
170
|
+
|
|
127
171
|
|
|
128
172
|
### Development
|
|
129
173
|
|
|
@@ -134,7 +178,7 @@ For development setup and commands, see [CLAUDE.md](CLAUDE.md#development-comman
|
|
|
134
178
|
OkonomiUiKit is built as a Rails Engine with:
|
|
135
179
|
|
|
136
180
|
- **Helper-based components** - Ruby methods that generate semantic HTML
|
|
137
|
-
- **
|
|
181
|
+
- **Component style system** - Consistent styling with intelligent class merging
|
|
138
182
|
- **Stimulus controllers** - Progressive enhancement for interactivity
|
|
139
183
|
- **Tailwind CSS integration** - Modern utility-first styling
|
|
140
184
|
- **Smart style merging** - Intelligent conflict resolution for Tailwind classes
|