markawesome 0.10.1 → 0.11.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 467018c4fc1fed8b4f16c0fabc30b74b64b0517a07f1221ae1db9a0f4ae4e13a
-  data.tar.gz: 22f81090651a9db046abf659b8874071e25b2bf2cc436a92a2c7404d98ab5560
+  metadata.gz: 7ff219b440ba6edf0b45bffa865e4ff4bf8516d5f3c214aa8bdff33c41133565
+  data.tar.gz: b22df3f6875fcae4e9a98f0b86e384c2841ad14942f85832f70c5521c6a4058e
 SHA512:
-  metadata.gz: de23d695ccadd397f71ff18d99c40a6b9cb61012fd40f95cde7bc7bb85227116aa5fff6768e8baf5ed230b7bf0bd4fca2947a6027eb9c466930542acf686e024
-  data.tar.gz: 58b1ca622184a8879a76249d081e9983e30fc135ceb9fd057d03db371f39381dc0bf7789d31701af32c6ceb4f05d22d310a9f3c7c9714b947b1ee03f3a80f76c
+  metadata.gz: 84a1023e4464efd824f30f1612ede362a7469af9e47a3484b645dd921cad2c24aeda58f51ca4b00727ad5d327015e1cb68ed7892df00c97fdacee42ad3809c9a
+  data.tar.gz: 883d44d1df8777343f2ff998ef95f8a832a6333066eca8d9e782c6c9026884c1e56f9459ecbd40b30f1f6be716bf22773c225eb0384867b6ad8d2fe1bef5c8a4

data/CHANGELOG.md

@@ -4,6 +4,22 @@ 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

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

@@ -202,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.1'
+  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.1
+  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: []