bulma-phlex 0.13.0 → 0.15.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f8f0cd18b60707a8603252208e2cf70b04e4e8afb43a4c2a62e1c06a0b4e484c
-  data.tar.gz: d89f7b184d4efb444474b4a1ee59c72beaea257a6d3bc1ad1018ddc9ae1a4c87
+  metadata.gz: 8a1d3209d836363da07529fa00c9374618623280e70f3167c409e320b77dd4c4
+  data.tar.gz: e078ae57978d967610194b989078d484ad2297d4cdd71b0ae2d65b07d80dc105
 SHA512:
-  metadata.gz: 56477bb7d2f9704ad2acdb404d9db20edff939ceb58e942fb90ce7fd4d37696c16bf071f3583b357cbf09d0e9d36859178d32c07242cb24d462814e87712caba
-  data.tar.gz: 62cf166607ea1826c403d7bb940f020ac3b71ef792ee8ff15a65f61ac9f4787713fe4aed3023cb76229002a0add42c161f20147a3001494c180da05e153d8700
+  metadata.gz: c7c0d1e8bbfb69e58e78af757f14b4dde6ab532f085e7ea970cb1addd511f2c5c33ba964df7b80dcfdac878f4475108858ceace18f3e5b52356d3b9b3d7df521
+  data.tar.gz: c41d7a84d0a5e5c2c03aafd7ff74764af2e94221c051aa67766815d46805cd153829deb87173b7d73285fcfaf9752433412070effb7755fced7d3e45df388912

data/README.md

@@ -20,6 +20,7 @@ This gem provides a set of ready-to-use [Phlex](https://github.com/phlex-ruby/ph
   - [Hero](#hero)
   - [Icon](#icon)
   - [Level](#level)
+  - [Message](#message)
   - [Modal](#modal)
   - [NavigationBar](#navigationbar)
   - [Notification](#notification)
@@ -58,7 +59,7 @@ gem install bulma-phlex
 
 This gem requires:
 
-- Ruby 3.2.10 or higher
+- Ruby 3.3 or higher
 - Phlex 2.4.1 or higher
 - Bulma CSS (which you'll need to include in your application)
 
@@ -84,11 +85,12 @@ Renders a [Bulma button](https://bulma.io/documentation/elements/button/) elemen
 The component generates a `<button>` by default. Pass an `href:` attribute to generate an `<a>` element instead. Pass `input: "submit"` (or `"button"` or `"reset"`) to generate an `<input>` element.
 
 ```ruby
-BulmaPhlex::Button(color: "primary", size: "large", icon: "fas fa-thumbs-up") { "Like" }
+BulmaPhlex::Button("Like", color: "primary", size: "large", icon: "fas fa-thumbs-up")
 BulmaPhlex::Button(href: "/profile") { "View Profile" }
 BulmaPhlex::Button(input: "submit", color: "success")
 ```
 
+The button label can be passed in as a string or in a block.
 
 ### Card
 
@@ -105,6 +107,9 @@ render BulmaPhlex::Card.new do |card|
 end
 ```
 
+Use method `footer_item` for full control of the footer items. Class `footer-item` must be on the outer element 
+of the block.
+
 
 ### Columns
 
@@ -157,7 +162,7 @@ Renders a [Bulma form field](https://bulma.io/documentation/form/general/#form-f
 
 ```ruby
 render BulmaPhlex::FormField.new(help: "We'll never share your email.") do |field|
-  field.label("Email Address")
+  field.label("Email Address", for: "user_email_address")
   field.control { input(name: "user[email_address]", type: "email") }
 end
 ```
@@ -217,6 +222,17 @@ end
 ```
 
 
+### Message
+
+Renders a [Bulma message](https://bulma.io/documentation/components/message/) component with a header, optional delete button, and body.
+
+```ruby
+render BulmaPhlex::Message.new("Hello World", color: "info", delete: true) do
+  "Look, it's a deletable message box!"
+end
+```
+
+
 ### Modal
 
 Renders a [Bulma modal](https://bulma.io/documentation/components/modal/) dialog overlay with a background, content area, and close button. Content is provided via a block.
@@ -322,6 +338,19 @@ To add pagination to the table, call `paginate` with a block that returns a path
 table.paginate { |page| products_path(page: page) }
 ```
 
+Pass HTML attributes to the `tr` elements via the `row` method, using either keyword arguments or a block 
+that receives the record for the row:
+
+```ruby
+table.row(class: "custom-row-class") { |row| { id: "row-id-#{row.id}" } }
+```
+
+Hide columns on smaller screens with the column `hidden` option:
+
+```ruby
+table.column("Email", hidden: { mobile: true }) { |user| user.email }
+```
+
 
 ### Tabs
 
@@ -402,4 +431,4 @@ The gem is available as open source under the terms of the [MIT License](https:/
 
 ## Credits
 
-This leverages the [Bulma CSS library](https://bulma.io/documentation/) and [Phlex](https://www.phlex.fun/) but is not endorsed or certified by either. We are fans of both and this makes using them together easier.
+This leverages the [Bulma CSS library](https://bulma.io/documentation/) and [Phlex](https://www.phlex.fun/) but is not endorsed or certified by either. We are fans of both and this makes using them together easier.

data/lib/bulma_phlex/button.rb

@@ -7,6 +7,8 @@ module BulmaPhlex
   # arguments provided. Supports Bulma options for **color**, **size**, **style mode**,
   # and **layout** (responsive, fullwidth, outlined, inverted, rounded), as well as
   # optional **icons** on the left and/or right side of the label.
+  #
+  # The label can be passed into the component as a string or from a block.
   class Button < Base
     # Returns an array of CSS classes for the button based on the provided options.
     def self.classes_for(color: nil, # rubocop:disable Metrics/CyclomaticComplexity, Metrics/PerceivedComplexity
@@ -31,6 +33,7 @@ module BulmaPhlex
 
     # **Parameters**
     #
+    # - `label` (positional) — Optionally pass in button label as a string
     # - `color` — Button color: `"primary"`, `"link"`, `"info"`, `"success"`, `"warning"`, `"danger"`
     # - `mode` — Button style mode: `"light"` or `"dark"`
     # - `size` — Button size: `"small"`, `"normal"`, `"medium"`, `"large"`
@@ -44,7 +47,8 @@ module BulmaPhlex
     # - `icon_right` — Icon class added to the right of the button text
     # - `input` — If set, renders an `<input>` element of this type (`"button"`, `"reset"`, `"submit"`)
     # - `**html_attributes` — Additional HTML attributes for the button element
-    def self.new(color: nil,
+    def self.new(label = nil,
+                 color: nil,
                  mode: nil,
                  size: nil,
                  responsive: false,
@@ -60,7 +64,8 @@ module BulmaPhlex
       super
     end
 
-    def initialize(color: nil,
+    def initialize(label = nil,
+                   color: nil,
                    mode: nil,
                    size: nil,
                    responsive: false,
@@ -73,6 +78,7 @@ module BulmaPhlex
                    icon_right: nil,
                    input: nil,
                    **html_attributes)
+      @label = label
       @classes = self.class.classes_for(color:, mode:, size:, responsive:, fullwidth:, outlined:, inverted:, rounded:)
       @input = input
       @icon_left = icon || icon_left
@@ -81,6 +87,8 @@ module BulmaPhlex
     end
 
     def view_template(&)
+      block_content = capture(&)
+
       options = mix({ class: @classes }, @html_attributes)
 
       if @input
@@ -89,10 +97,23 @@ module BulmaPhlex
         element_type = @html_attributes.key?(:href) ? :a : :button
         tag(element_type, **options) do
           Icon(@icon_left) if @icon_left
-          yield if block_given?
+          button_label(block_content)
           Icon(@icon_right) if @icon_right
         end
       end
     end
+
+    private
+
+    def button_label(block_content)
+      value = @label || block_content
+      return if value.nil? || value.empty?
+
+      if @icon_left || @icon_right
+        span { value }
+      else
+        plain value
+      end
+    end
   end
 end

data/lib/bulma_phlex/card.rb

@@ -65,6 +65,12 @@ module BulmaPhlex
       (@footer_items ||= []) << [text, href, html_attributes]
     end
 
+    # Delegates full control of the footer item to the block. The top element in the block must include
+    # the `card-footer-item` class.
+    def footer_item(&block)
+      (@footer_items ||= []) << block
+    end
+
     private
 
     def card_header
@@ -87,20 +93,28 @@ module BulmaPhlex
       return if @footer_items.nil? || @footer_items.empty?
 
       footer(class: "card-footer") do
-        @footer_items.each do |text, href, html_attributes|
-          icon = html_attributes.delete(:icon)
-          html_attributes[:class] = [html_attributes[:class], "card-footer-item"].compact.join(" ")
-          a(href:, **html_attributes) do
-            if icon.present?
-              icon_text(icon, text)
-            else
-              plain text
-            end
+        @footer_items.each do |block_or_text, href, html_attributes|
+          if block_or_text.is_a?(Proc)
+            block_or_text.call
+          else
+            render_footer_link(block_or_text, href, html_attributes)
           end
         end
       end
     end
 
+    def render_footer_link(text, href, html_attributes)
+      icon = html_attributes.delete(:icon)
+      html_attributes[:class] = [html_attributes[:class], "card-footer-item"].compact.join(" ")
+      a(href:, **html_attributes) do
+        if icon.nil?
+          plain text
+        else
+          icon_text(icon, text)
+        end
+      end
+    end
+
     def icon_text(icon, text)
       span(class: "icon-text") do
         span(class: "icon") { i(class: icon) }

data/lib/bulma_phlex/form_field.rb

@@ -9,6 +9,8 @@ module BulmaPhlex
   # integrating with Bulma's column and grid systems. The form control content is set via the
   # `control` method (or a block passed directly to the component).
   #
+  # If the label is passes as a string argument, the any additional html attributes can also be included as arguments.
+  #
   # ## References
   #
   # - [Bulma Form Field](https://bulma.io/documentation/form/general/#form-field)
@@ -46,8 +48,9 @@ module BulmaPhlex
     #
     # Optionally expects a block that renders a custom label (e.g. with a link or icon inside).
     # Only one of `label_string` or a block should be provided.
-    def label(label_string = nil, &block)
+    def label(label_string = nil, **html_attributes, &block)
       @label_string = label_string
+      @label_attributes = html_attributes
       @label_builder = block
     end
 
@@ -103,7 +106,7 @@ module BulmaPhlex
 
     def render_label
       if @label_string
-        html_label(class: "label") { @label_string }
+        html_label(**mix({ class: "label" }, **@label_attributes)) { @label_string }
       elsif @label_builder
         raw @label_builder&.call
       end

data/lib/bulma_phlex/hero.rb

@@ -3,9 +3,16 @@
 module BulmaPhlex
   # Renders a [Bulma Hero](https://bulma.io/documentation/layout/hero/) component.
   #
-  # Supports **color** and **size** options. Content can be provided as a title/subtitle pair,
-  # a single block for the body, or by calling `head`, `body`, and `foot` on the yielded
-  # component to define each section independently.
+  # Supports **color** and **size** options. There are three ways to provide content:
+  #
+  # 1. **Title/subtitle params** — pass `title:` and/or `subtitle:` to the constructor; no block needed.
+  # 2. **Direct body block** — pass a block to `render`; call Phlex HTML methods on the yielded
+  #    component and they are rendered inside the `hero-body` div.
+  # 3. **Building blocks** — call `head`, `body`, and `foot` on the yielded component to
+  #    populate each of Bulma's three hero regions independently:
+  #    - `hero-head` — typically a navbar or branding bar
+  #    - `hero-body` — main content area
+  #    - `hero-foot` — bottom tabs or action bar
   class Hero < BulmaPhlex::Base
     # **Parameters**
     #
@@ -42,16 +49,16 @@ module BulmaPhlex
       output = capture(&)
 
       section(**mix({ class: hero_classes }, @html_attributes)) do
-        if @body.present?
-          building_blocks(&)
-        else
+        if @body.nil?
           div(class: "hero-body") do
-            if output.present?
-              output
-            else
+            if output.empty?
               title_and_subtitle
+            else
+              raw safe(output)
             end
           end
+        else
+          building_blocks(&)
         end
       end
     end

data/lib/bulma_phlex/message.rb

@@ -0,0 +1,69 @@
+# frozen_string_literal: true
+
+module BulmaPhlex
+  # Renders a [Bulma message](https://bulma.io/documentation/components/message/) component with a
+  # header, optional delete button, and body.
+  #
+  # The component generates an `article` element and supports color and size options, as well as any
+  # additional html attributes.
+  class Message < BulmaPhlex::Base
+    # **Parameters**
+    #
+    # - `header_text` (positional, optional) — If not provided, the header will be skipped
+    # - `delete` — If `true`, includes a delete button to dismiss the message. Can also be a hash of HTML
+    #  attributes for the button
+    # - `color` — Color of the notification (e.g. `"primary"`, `"info"`, `"danger"`)
+    # - `size` — `"small"`, `"normal"` (the default), `"medium"` or `"large"`
+    # - `**html_attributes` — Additional HTML attributes for the notification element
+    def self.new(header_text = nil, delete: nil, color: nil, size: nil, **html_attributes)
+      super
+    end
+
+    def initialize(header_text = nil, delete: nil, color: nil, size: nil, **html_attributes)
+      @header_text = header_text
+      @delete = delete
+      @color = color
+      @size = size
+      @html_attributes = html_attributes
+      after_initialize
+    end
+
+    def view_template(&)
+      vanish(&)
+
+      article(**mix({ class: message_classes }, **@html_attributes)) do
+        message_header unless @header_text.nil?
+        message_body(&)
+      end
+    end
+
+    private
+
+    # allows for easy customization
+    def after_initialize; end
+
+    def message_classes
+      classes = ["message"]
+      classes << "is-#{@color}" unless @color.nil?
+      classes << "is-#{@size}" if !@size.nil? && @size.to_s != "normal"
+      classes.join(" ")
+    end
+
+    def message_header
+      div(class: "message-header") do
+        p { @header_text }
+        delete_button if @delete
+      end
+    end
+
+    def delete_button
+      button_attributes = { class: "delete", aria_label: "delete" }
+      button_attributes = mix(button_attributes, @delete) if @delete.is_a?(Hash)
+      button(**button_attributes)
+    end
+
+    def message_body(&)
+      div(class: "message-body", &)
+    end
+  end
+end

data/lib/bulma_phlex/notification.rb

@@ -14,15 +14,17 @@ module BulmaPhlex
     # - `color` — Color of the notification (e.g. `"primary"`, `"info"`, `"danger"`)
     # - `mode` — Style mode: `"light"` or `"dark"`
     # - `**html_attributes` — Additional HTML attributes for the notification element
-    def self.new(delete: false, color: nil, mode: nil, **html_attributes)
+    def self.new(delete: nil, color: nil, mode: nil, **html_attributes)
       super
     end
 
-    def initialize(delete: false, color: nil, mode: nil, **html_attributes)
+    def initialize(delete: nil, color: nil, mode: nil, **html_attributes)
       @delete = delete
       @color = color
       @mode = mode
       @html_attributes = html_attributes
+
+      after_initialize
     end
 
     def view_template(&)
@@ -36,10 +38,13 @@ module BulmaPhlex
 
     private
 
+    # allows for easy customization
+    def after_initialize; end
+
     def notification_classes
       classes = ["notification"]
-      classes << "is-#{@color}" if @color.present?
-      classes << "is-#{@mode}" if @mode.present?
+      classes << "is-#{@color}" unless @color.nil?
+      classes << "is-#{@mode}" unless @mode.nil?
       classes.join(" ")
     end
 

data/lib/bulma_phlex/table.rb

@@ -8,24 +8,42 @@ module BulmaPhlex
   # (bordered, striped, hoverable) and **layout** options (narrow, fullwidth). An optional
   # **pagination** control can be added to the table footer via the `paginate` method.
   #
+  # The `tr` elements can be customized with the `row` method, which accepts static HTML attributes
+  # and/or a block that generates dynamic attributes based on the row data.
+  #
+  # To make the table responsive, use the `hidden` argument to hide certain columns on smaller
+  # screens. See the [Bulma documentation](https://bulma.io/documentation/helpers/visibility-helpers/#hide)
+  # for the full list, but the most common options are `hidden: "mobile"` and `hidden: "touch"`.
+  #
+  # The table supports any additional HTML attributes on the `<table>` element, such as `id` or `data-*`
+  # attributes, via the `**html_attributes` argument in the constructor.
+  #
   # ## Example
   #
   #     users = User.all
   #
   #     render BulmaPhlex::Table.new(users) do |table|
-  #       table.column "Name" do |user|
-  #         user.full_name
-  #       end
-  #
-  #       table.column "Email" do |user|
-  #         user.email
-  #       end
-  #
+  #       table.row(class: "has-background-light") { |user| { id: "user-row-#{user.id}" } }
+  #       table.column("Name", &:full_name)
+  #       table.column("Email", hidden: "touch", &:email)
+  #       table.date_column("Joined", hidden: "mobile", &:created_at, format: "%B %d, %Y")
+  #       table.conditional_icon("Admin?", &:admin?)
   #       table.column "Actions" do |user|
   #         link_to "Edit", edit_user_path(user), class: "button is-small"
   #       end
   #     end
-  class Table < BulmaPhlex::Base
+  class Table < BulmaPhlex::Base # rubocop:disable Metrics/ClassLength
+    # Returns an array of CSS classes for the table based on the provided options.
+    def self.classes_for(bordered: false, striped: false, narrow: false, hoverable: false, fullwidth: false)
+      classes = ["table"]
+      classes << "is-bordered" if bordered
+      classes << "is-striped" if striped
+      classes << "is-narrow" if narrow
+      classes << "is-hoverable" if hoverable
+      classes << "is-fullwidth" if fullwidth
+      classes
+    end
+
     # **Parameters**
     #
     # - `rows` — The collection of records to display in the table
@@ -53,11 +71,7 @@ module BulmaPhlex
                    fullwidth: false,
                    **html_attributes)
       @rows = rows
-      @bordered = bordered
-      @striped = striped
-      @narrow = narrow
-      @hoverable = hoverable
-      @fullwidth = fullwidth
+      @table_classes = self.class.classes_for(bordered:, striped:, narrow:, hoverable:, fullwidth:)
       @html_attributes = html_attributes
       @columns = []
     end
@@ -65,19 +79,15 @@ module BulmaPhlex
     def view_template(&)
       vanish(&)
 
-      table(**mix({ class: table_classes }, @html_attributes)) do
+      table(**mix({ class: @table_classes }, @html_attributes)) do
         thead do
-          @columns.each do |column|
-            table_header(column)
-          end
+          @columns.each { |column| table_header(column) }
         end
 
         tbody do
           @rows.each do |row|
-            tr do
-              @columns.each do |column|
-                td(**column[:html_attributes]) { column[:content].call(row) }
-              end
+            tr(**table_row_html_attributes(row)) do
+              @columns.each { |column| table_data_cell(column, row) }
             end
           end
         end
@@ -86,14 +96,19 @@ module BulmaPhlex
       end
     end
 
+    def row(**html_attributes, &attribute_builder)
+      @row_attributes = html_attributes
+      @row_attribute_builder = attribute_builder
+    end
+
     # Adds a column to the table. Can be called multiple times to define all columns.
     #
     # - `header` — The column header text
     # - `**html_attributes` — Additional HTML attributes for each `<td>` cell in this column
     #
     # Expects a block that receives each `row` object and returns the cell content.
-    def column(header, **html_attributes, &content)
-      @columns << { header:, html_attributes:, content: }
+    def column(header, hidden: false, **html_attributes, &content)
+      @columns << { header:, hidden:, html_attributes:, content: }
     end
 
     # Adds a date-formatted column to the table. Can be called multiple times.
@@ -103,8 +118,8 @@ module BulmaPhlex
     # - `**html_attributes` — Additional HTML attributes for each `<td>` cell in this column
     #
     # Expects a block that receives each `row` object and returns a `Date` or `Time` value.
-    def date_column(header, format: "%Y-%m-%d", **html_attributes, &content)
-      column(header, **html_attributes) do |row|
+    def date_column(header, hidden: false, format: "%Y-%m-%d", **html_attributes, &content)
+      column(header, hidden:, **html_attributes) do |row|
         content.call(row)&.strftime(format)
       end
     end
@@ -116,10 +131,10 @@ module BulmaPhlex
     # - `**html_attributes` — Additional HTML attributes for each `<td>` cell in this column
     #
     # Expects a block that receives each `row` object and returns a truthy or falsy value.
-    def conditional_icon(header, icon_class: "fas fa-check", **html_attributes, &content)
+    def conditional_icon(header, hidden: false, icon_class: "fas fa-check", **html_attributes, &content)
       html_attributes[:class] = [html_attributes[:class], "has-text-centered"].compact.join(" ")
 
-      column(header, **html_attributes) do |row|
+      column(header, hidden:, **html_attributes) do |row|
         Icon(icon_class) if content.call(row)
       end
     end
@@ -134,35 +149,49 @@ module BulmaPhlex
 
     private
 
-    def table_classes
-      classes = ["table"]
-      classes << "is-bordered" if @bordered
-      classes << "is-striped" if @striped
-      classes << "is-narrow" if @narrow
-      classes << "is-hoverable" if @hoverable
-      classes << "is-fullwidth" if @fullwidth
-      classes
+    def table_header(column)
+      th(class: header_classes(column)) { column[:header] }
     end
 
-    # this derives a th class from the column html attributes
-    # perhaps a better way would be pre-defined pairs?
-    def table_header(column)
-      attributes = {}
-      attributes[:class] = header_alignment(column[:html_attributes])
-      th(**attributes) { column[:header] }
+    def header_classes(column)
+      classes = []
+      classes << "is-hidden-#{column[:hidden]}" if column[:hidden]
+      classes << header_alignment(column[:html_attributes])
+      classes.compact
     end
 
     def header_alignment(html_attributes)
       classes = html_attributes[:class]
       return if classes.nil?
 
-      if classes&.include?("has-text-right") || classes&.include?("amount-display")
+      if classes.include?("has-text-right") || classes.include?("amount-display")
         "has-text-right"
-      elsif classes&.include?("has-text-centered")
+      elsif classes.include?("has-text-centered")
         "has-text-centered"
       end
     end
 
+    def table_row_html_attributes(row)
+      attributes = @row_attributes || {}
+      if @row_attribute_builder
+        dynamic_attributes = @row_attribute_builder.call(row) || {}
+        attributes = attributes.merge(dynamic_attributes)
+      end
+      attributes
+    end
+
+    def table_data_cell(column, row)
+      td(**mix({ class: cell_classes(column) }, column[:html_attributes])) do
+        column[:content].call(row)
+      end
+    end
+
+    def cell_classes(column)
+      return unless column[:hidden]
+
+      "is-hidden-#{column[:hidden]}"
+    end
+
     def pagination
       return unless @path_builder
 

data/lib/bulma_phlex/tag.rb

@@ -32,7 +32,7 @@ module BulmaPhlex
     def view_template
       if @html_attributes.key?(:href)
         a(class: tag_classes, **@html_attributes) { text_and_optional_delete_button }
-      elsif @options[:delete] || @html_attributes.dig(:data, :action).present?
+      elsif @options[:delete] || !@html_attributes.dig(:data, :action).nil?
         button(class: tag_classes, **@html_attributes) { text_and_optional_delete_button }
       else
         span(class: tag_classes, **@html_attributes) { plain @text }
@@ -51,9 +51,9 @@ module BulmaPhlex
 
     def tag_classes
       classes = ["tag"]
-      classes << "is-#{@options[:color]}" if @options[:color].present?
+      classes << "is-#{@options[:color]}" unless @options[:color].nil?
       classes << "is-#{@options[:light]} is-light" if @options[:light]
-      classes << "is-#{@options[:size]}" if @options[:size].present?
+      classes << "is-#{@options[:size]}" unless @options[:size].nil?
       classes << "is-rounded" if @options[:rounded]
       classes.join(" ")
     end

data/lib/bulma_phlex/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module BulmaPhlex
-  VERSION = "0.13.0"
+  VERSION = "0.15.0"
 end

metadata

@@ -1,13 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: bulma-phlex
 version: !ruby/object:Gem::Version
-  version: 0.13.0
+  version: 0.15.0
 platform: ruby
 authors:
 - Todd Kummer
 bindir: bin
 cert_chain: []
-date: 2026-03-09 00:00:00.000000000 Z
+date: 2026-04-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: phlex
@@ -76,6 +76,7 @@ files:
 - lib/bulma_phlex/hero.rb
 - lib/bulma_phlex/icon.rb
 - lib/bulma_phlex/level.rb
+- lib/bulma_phlex/message.rb
 - lib/bulma_phlex/modal.rb
 - lib/bulma_phlex/navigation_bar.rb
 - lib/bulma_phlex/navigation_bar_dropdown.rb
@@ -102,7 +103,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: 3.2.10
+      version: '3.3'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="