markawesome 0.10.0 → 0.11.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 38226847e3635366ea2442b7e2e4702950c72c4511627e865a269bfef5cfe8b5
-  data.tar.gz: 59e5e536facf5d39798a70f7cfa04c951c00098309b88f13ab8733d7e225e843
+  metadata.gz: 7ff219b440ba6edf0b45bffa865e4ff4bf8516d5f3c214aa8bdff33c41133565
+  data.tar.gz: b22df3f6875fcae4e9a98f0b86e384c2841ad14942f85832f70c5521c6a4058e
 SHA512:
-  metadata.gz: 96879a70ddcaf0869421dabb3b47e2389d26608014ba52f79b58147b3471c2ab08e91bb3b3397d94db785546d20be8f87cf59ab7f4f6bcb68b9a89e59000e088
-  data.tar.gz: 45e4e956d65bd8221fba67f3e26a9a72349a32e608c6ebed4c348cc73e5f7edfaeeadacb399d51714db8385b34f16b23f2c966c07f8e0c5339454d6475bff295
+  metadata.gz: 84a1023e4464efd824f30f1612ede362a7469af9e47a3484b645dd921cad2c24aeda58f51ca4b00727ad5d327015e1cb68ed7892df00c97fdacee42ad3809c9a
+  data.tar.gz: 883d44d1df8777343f2ff998ef95f8a832a6333066eca8d9e782c6c9026884c1e56f9459ecbd40b30f1f6be716bf22773c225eb0384867b6ad8d2fe1bef5c8a4

data/CHANGELOG.md

@@ -4,6 +4,28 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/) and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [0.11.0] - 2026-06-16
+
+Aligns generated markup with Web Awesome 3.8.0 (latest). See `ROADMAP.md` for the remaining enhancement backlog from the same audit.
+
+### Fixed
+
+- `DialogTransformer` footer button now emits `variant='brand'` instead of the non-existent `variant='primary'`. `primary` is a Shoelace-era value with no equivalent in Web Awesome 3.x, so the button silently fell back to the default neutral variant instead of rendering as a brand call-to-action.
+- `DialogTransformer` image-trigger buttons now emit `appearance='plain'` instead of the invalid `variant='text'`. Because `text` is not a valid `variant`, the wrapping button fell back to the default `accent` appearance — rendering image thumbnails inside a filled accent button background. `appearance='plain'` removes the button chrome as intended.
+- `PopoverTransformer` triggers now emit `appearance='plain'` instead of the invalid `variant='text'`, so popover triggers render as plain text rather than filled buttons.
+- `DetailsTransformer` now emits `appearance='filled-outlined'` (hyphenated) instead of `'filled outlined'` (space). The space-separated value is not a valid appearance and silently fell back to `outlined`.
+
+### Added
+
+- Web Awesome 3.x size scale (`xs`, `s`, `m`, `l`, `xl`) is now accepted for `button`, `callout`, and `tag` components. The legacy `small`/`medium`/`large` tokens continue to work.
+- Layout utilities now accept the `4xl` and `5xl` gap tokens (`wa-gap-4xl`, `wa-gap-5xl`), added to Web Awesome's spacing scale in 3.4.
+
+## [0.10.1] - 2026-05-08
+
+### Fixed
+
+- `PopoverTransformer` no longer emits duplicate `id` attributes when the same popover (identical trigger text and content) appears more than once in a document. Popover IDs were derived solely from `MD5(trigger + content)`, so repeated popovers shared an ID and triggered HTML validators' `no-dup-id` rule. The first occurrence keeps its existing ID for backwards compatibility; subsequent occurrences are suffixed with `-2`, `-3`, etc.
+
 ## [0.10.0] - 2026-05-05
 
 ### Added

data/lib/markawesome/transformers/button_transformer.rb

@@ -25,7 +25,7 @@ module Markawesome
     BUTTON_ATTRIBUTES = {
       variant: %w[brand success neutral warning danger],
       appearance: %w[accent filled outlined filled-outlined plain],
-      size: %w[small medium large],
+      size: %w[xs s m l xl small medium large],
       pill: %w[pill],
       caret: %w[caret],
       loading: %w[loading],

data/lib/markawesome/transformers/callout_transformer.rb

@@ -14,7 +14,7 @@ module Markawesome
   class CalloutTransformer < BaseTransformer
     VARIANTS = %w[info brand success neutral warning danger].freeze
     CALLOUT_ATTRIBUTES = {
-      size: %w[small medium large],
+      size: %w[xs s m l xl small medium large],
       appearance: %w[accent filled outlined plain filled-outlined]
     }.freeze
     VARIANT_ALIASES = { 'info' => 'brand' }.freeze

data/lib/markawesome/transformers/details_transformer.rb

@@ -97,7 +97,7 @@ module Markawesome
         when 'filled'
           'filled'
         when 'filled-outlined'
-          'filled outlined'
+          'filled-outlined'
         when 'plain'
           'plain'
         else

data/lib/markawesome/transformers/dialog_transformer.rb

@@ -160,15 +160,15 @@ module Markawesome
         # Only allow HTML for image tags (for image dialog support), escape everything else for security
         button_content = is_image_button ? button_text : escape_html(button_text)
         button_id_attr = is_image_button ? " id='#{button_id}'" : ''
-        button_variant = is_image_button ? " variant='text'" : ''
-        html << "<wa-button#{button_id_attr}#{button_variant} data-dialog='open #{dialog_id}'>#{button_content}</wa-button>"
+        button_appearance = is_image_button ? " appearance='plain'" : ''
+        html << "<wa-button#{button_id_attr}#{button_appearance} data-dialog='open #{dialog_id}'>#{button_content}</wa-button>"
 
         # Dialog element
         html << "<wa-dialog #{dialog_attrs.join(' ')}#{style_attr}>"
         html << content_html
 
         # Footer with close button
-        html << "<wa-button slot='footer' variant='primary' data-dialog='close'>Close</wa-button>"
+        html << "<wa-button slot='footer' variant='brand' data-dialog='close'>Close</wa-button>"
 
         html << '</wa-dialog>'
 

data/lib/markawesome/transformers/layout_transformer.rb

@@ -18,7 +18,7 @@ module Markawesome
   # Flank-specific: start, end modifiers; size:CSS_VALUE, content:PCT
   # Frame-specific: landscape, portrait, square modifiers; radius:SIZE
   class LayoutTransformer < BaseTransformer
-    VALID_GAPS = %w[0 3xs 2xs xs s m l xl 2xl 3xl].freeze
+    VALID_GAPS = %w[0 3xs 2xs xs s m l xl 2xl 3xl 4xl 5xl].freeze
     VALID_ALIGNS = %w[start end center stretch baseline].freeze
     VALID_JUSTIFIES = %w[start end center space-between space-around space-evenly].freeze
     VALID_RADII = %w[s m l pill circle square].freeze

data/lib/markawesome/transformers/popover_transformer.rb

@@ -22,6 +22,11 @@ module Markawesome
     }.freeze
 
     def self.transform(content)
+      # Tracks ID base usage within this transform call so repeated popovers
+      # (same trigger + content) get disambiguated suffixes instead of
+      # colliding on the page.
+      seen_ids = Hash.new(0)
+
       # Inline regex (single-line, no newlines allowed)
       inline_regex = /&&&[ \t]*([^\r\n]*?)[ \t]*>>>[ \t]*([^\r\n]+?)[ \t]*&&&/
 
@@ -39,7 +44,7 @@ module Markawesome
           params_string, trigger_text = parse_inline_trigger_and_params(combined)
           placement, without_arrow, distance, _link_style = parse_parameters(params_string)
 
-          popover_id = generate_popover_id(trigger_text, popover_content)
+          popover_id = generate_popover_id(trigger_text, popover_content, seen_ids)
 
           build_inline_popover_html(popover_id, trigger_text, popover_content,
                                     { placement: placement, without_arrow: without_arrow,
@@ -54,7 +59,7 @@ module Markawesome
 
         placement, without_arrow, distance, link_style = parse_parameters(params_string)
 
-        popover_id = generate_popover_id(trigger_text, popover_content)
+        popover_id = generate_popover_id(trigger_text, popover_content, seen_ids)
 
         content_html = markdown_to_html(popover_content)
 
@@ -116,10 +121,12 @@ module Markawesome
         [placement, without_arrow, distance, link_style]
       end
 
-      def generate_popover_id(trigger_text, content)
+      def generate_popover_id(trigger_text, content, seen_ids)
         hash_input = "#{trigger_text}#{content}"
         hash = Digest::MD5.hexdigest(hash_input)
-        "popover-#{hash[0..7]}"
+        base = "popover-#{hash[0..7]}"
+        occurrence = seen_ids[base] += 1
+        occurrence == 1 ? base : "#{base}-#{occurrence}"
       end
 
       def parse_inline_trigger_and_params(combined_string)
@@ -195,7 +202,7 @@ module Markawesome
                             'cursor: pointer; font: inherit;'
           "<button type='button' id='#{popover_id}' class='ma-popover-trigger' style='#{link_style_attr}'>#{trigger_content}</button>"
         else
-          "<wa-button id='#{popover_id}' variant='text'>#{trigger_content}</wa-button>"
+          "<wa-button id='#{popover_id}' appearance='plain'>#{trigger_content}</wa-button>"
         end
       end
 

data/lib/markawesome/transformers/tag_transformer.rb

@@ -21,7 +21,7 @@ module Markawesome
     COMPONENT_ATTRIBUTES = {
       variant: %w[brand success neutral warning danger],
       appearance: %w[accent filled outlined filled-outlined],
-      size: %w[small medium large],
+      size: %w[xs s m l xl small medium large],
       pill: %w[pill],
       'with-remove': %w[with-remove]
     }.freeze

data/lib/markawesome/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Markawesome
-  VERSION = '0.10.0'
+  VERSION = '0.11.0'
 end

data/markawesome.gemspec

@@ -35,7 +35,6 @@ Gem::Specification.new do |spec|
 
   spec.add_dependency 'kramdown', '~> 2.0'
 
-  spec.add_development_dependency 'bundler', '~> 2.0'
   spec.add_development_dependency 'rake', '~> 13.0'
   spec.add_development_dependency 'rspec', '~> 3.0'
   spec.add_development_dependency 'rubocop', '~> 1.0'

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: markawesome
 version: !ruby/object:Gem::Version
-  version: 0.10.0
+  version: 0.11.0
 platform: ruby
 authors:
 - Janne Waren
@@ -23,20 +23,6 @@ dependencies:
     - - "~>"
       - !ruby/object:Gem::Version
         version: '2.0'
-- !ruby/object:Gem::Dependency
-  name: bundler
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '2.0'
-  type: :development
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - "~>"
-      - !ruby/object:Gem::Version
-        version: '2.0'
 - !ruby/object:Gem::Dependency
   name: rake
   requirement: !ruby/object:Gem::Requirement
@@ -137,7 +123,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 4.0.3
+rubygems_version: 4.0.10
 specification_version: 4
 summary: Framework-agnostic Markdown to Web Awesome component transformer
 test_files: []