okonomi_ui_kit 0.1.12 → 0.1.14

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 551db2538043fad1c9fd39808d842e59677d1d24e63594062a5a9ef2192c8a4c
-  data.tar.gz: ca47522f33cb4bbbb4a41ebefc1f71ae456859f26a619ec1d710675d21f8bfd2
+  metadata.gz: 02d1d3c2bfdf7b4540cb56dba40945e55d15ce78987cd5864ccf1941fbd699b5
+  data.tar.gz: f7783a14bb40bf95957936061ba560dbb3a64959f5a4084f58927a5edb8359b1
 SHA512:
-  metadata.gz: 101472f2cb7772ae3d003d608350823f66aac3c72af5d83ffe4eb57034d946702d40444b632ac2ab23d1f593cdb075e98b4a228cd5387198533837734fea0d38
-  data.tar.gz: 0e9ec912fc8c2c1a4d1dbc867b1b6a991bcb4c18e45a739e3aef92e58978ece45d3e09419cbf4e52898475f1ea00e23d4aeb29ed321336c8a923c5a96afe1557
+  metadata.gz: 88de14abb1c4ab75fa7a16cab52c5239a62409738e0ae227a13ea552d710fe242418604dd8494ae514fdb01073c80679c8c3b32a3857f3c137f875f26290d63d
+  data.tar.gz: 1b1c03afe50de99720cb1af0f2238adeeb5d9cc0aaf3da9f7a31eaf2538e1e735b49f751ecf122b6e2fe484260d9fa729e95e55fed2afb15608e874ce1fd6167

data/app/assets/builds/okonomi_ui_kit/application.tailwind.css

@@ -660,6 +660,9 @@
   .h-0 {
     height: calc(var(--spacing) * 0);
   }
+  .h-1 {
+    height: calc(var(--spacing) * 1);
+  }
   .h-2 {
     height: calc(var(--spacing) * 2);
   }
@@ -1363,6 +1366,9 @@
   .bg-green-100 {
     background-color: var(--color-green-100);
   }
+  .bg-green-500 {
+    background-color: var(--color-green-500);
+  }
   .bg-green-600 {
     background-color: var(--color-green-600);
   }
@@ -1981,6 +1987,10 @@
     --tw-duration: 300ms;
     transition-duration: 300ms;
   }
+  .duration-500 {
+    --tw-duration: 500ms;
+    transition-duration: 500ms;
+  }
   .ease-in {
     --tw-ease: var(--ease-in);
     transition-timing-function: var(--ease-in);

data/app/helpers/okonomi_ui_kit/components/page.rb

@@ -16,7 +16,7 @@ module OkonomiUiKit
 
       register_styles :default do
         {
-          root: "flex flex-col gap-8 p-8"
+          root: "flex flex-col"
         }
       end
     end
@@ -34,9 +34,15 @@ module OkonomiUiKit
         @content_parts << @template.ui.page_header(options, &block)
         nil
       end
+      alias header page_header
+
+      def body(**options, &block)
+        @content_parts << @template.ui.page_body(options, &block)
+        nil
+      end
 
       def section(**options, &block)
-        @content_parts << @template.ui.page_section(options, &block)
+        @content_parts << @template.ui.segment(options, &block)
         nil
       end
 

data/app/helpers/okonomi_ui_kit/components/page_body.rb

@@ -0,0 +1,15 @@
+module OkonomiUiKit
+  module Components
+    class PageBody < OkonomiUiKit::Component
+      def render(options = {}, &block)
+        view.render(template_path, component: self, options:, &block)
+      end
+
+      register_styles :default do
+        {
+          root: "overflow-auto-y p-4"
+        }
+      end
+    end
+  end
+end

data/app/helpers/okonomi_ui_kit/components/page_header.rb

@@ -16,7 +16,7 @@ module OkonomiUiKit
 
       register_styles :default do
         {
-          root: "flex flex-col gap-2",
+          root: "flex flex-col gap-2 p-4",
           row: "flex w-full justify-between items-center",
           actions: "mt-4 flex md:ml-4 md:mt-0 gap-2"
         }

data/app/helpers/okonomi_ui_kit/components/{page_section.rb → segment.rb}

@@ -1,6 +1,6 @@
 module OkonomiUiKit
   module Components
-    class PageSection < OkonomiUiKit::Component
+    class Segment < OkonomiUiKit::Component
       def render(options = {}, &block)
         options = options.with_indifferent_access
         title = options.delete(:title)

data/app/javascript/okonomi_ui_kit/controllers/form_field_visibility_controller.js

@@ -4,7 +4,6 @@ export default class extends Controller {
   static values = { fieldId: String, equals: String }
 
   connect() {
-    console.log("FormFieldVisibilityController connected")
     this.field = document.getElementById(this.fieldIdValue)
     if (this.field) {
       this.toggle()
@@ -15,10 +14,10 @@ export default class extends Controller {
   toggle() {
     let currentValue
 
-    if (this.field.type === "checkbox") {
-      currentValue = this.field.checked ? this.field.value : null
+    if (this.field.type === "checkbox" || this.field.type === "radio") {
+      currentValue = this.field.checked ? this.field.value : null;
     } else {
-      currentValue = this.field.value
+      currentValue = this.field.value;
     }
 
     const shouldShow = currentValue === this.equalsValue

data/app/views/okonomi/components/page_body/_page_body.html.erb

@@ -0,0 +1,3 @@
+<%= content_tag "div", class: component.style(:root) do %>
+  <%= yield %>
+<% end %>

data/lib/okonomi_ui_kit/version.rb

@@ -1,3 +1,3 @@
 module OkonomiUiKit
-  VERSION = "0.1.12"
+  VERSION = "0.1.14"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: okonomi_ui_kit
 version: !ruby/object:Gem::Version
-  version: 0.1.12
+  version: 0.1.14
 platform: ruby
 authors:
 - Okonomi GmbH
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-08-06 00:00:00.000000000 Z
+date: 2025-08-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -1395,9 +1395,10 @@ files:
 - app/helpers/okonomi_ui_kit/components/link_to.rb
 - app/helpers/okonomi_ui_kit/components/navigation.rb
 - app/helpers/okonomi_ui_kit/components/page.rb
+- app/helpers/okonomi_ui_kit/components/page_body.rb
 - app/helpers/okonomi_ui_kit/components/page_header.rb
-- app/helpers/okonomi_ui_kit/components/page_section.rb
 - app/helpers/okonomi_ui_kit/components/progress_bar.rb
+- app/helpers/okonomi_ui_kit/components/segment.rb
 - app/helpers/okonomi_ui_kit/components/table.rb
 - app/helpers/okonomi_ui_kit/components/typography.rb
 - app/helpers/okonomi_ui_kit/config.rb
@@ -1433,9 +1434,10 @@ files:
 - app/views/okonomi/components/navigation/_link.html.erb
 - app/views/okonomi/components/navigation/_navigation.html.erb
 - app/views/okonomi/components/page/_page.html.erb
+- app/views/okonomi/components/page_body/_page_body.html.erb
 - app/views/okonomi/components/page_header/_page_header.html.erb
-- app/views/okonomi/components/page_section/_page_section.html.erb
 - app/views/okonomi/components/progress_bar/_progress_bar.html.erb
+- app/views/okonomi/components/segment/_segment.html.erb
 - app/views/okonomi/components/table/_table.html.erb
 - app/views/okonomi/components/typography/_typography.html.erb
 - app/views/okonomi/forms/tailwind/_checkbox_label.html.erb