markawesome 0.10.1 → 0.12.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 467018c4fc1fed8b4f16c0fabc30b74b64b0517a07f1221ae1db9a0f4ae4e13a
-  data.tar.gz: 22f81090651a9db046abf659b8874071e25b2bf2cc436a92a2c7404d98ab5560
+  metadata.gz: 561615ddddb39ccde6417037237c2bc490d2ded75aba4b36faf77e1db0eac1cc
+  data.tar.gz: 10ce10fcf7a740754303363579558de85881b4a9e101c73525c7d6ce3ca674e4
 SHA512:
-  metadata.gz: de23d695ccadd397f71ff18d99c40a6b9cb61012fd40f95cde7bc7bb85227116aa5fff6768e8baf5ed230b7bf0bd4fca2947a6027eb9c466930542acf686e024
-  data.tar.gz: 58b1ca622184a8879a76249d081e9983e30fc135ceb9fd057d03db371f39381dc0bf7789d31701af32c6ceb4f05d22d310a9f3c7c9714b947b1ee03f3a80f76c
+  metadata.gz: 48b713e5d9b0cd1f182ce321923d02c59c85132c42b75ef2f58088dc5ed433101dac9049ea76abd5858f8f03779c7f56a25a7e2a2e21d484839f19bd8fd038f1
+  data.tar.gz: 034dda0ddfc5ca7c24d0107e10632dae1312d122170f65608a3b0bc224b3fe34289b829d68c306da39af08b0e62f16e963d92ad9c92d125ca91bebac06e321e9

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.12.0] - 2026-06-19
+
+### Added
+
+- `ButtonTransformer` link-form buttons now accept `target` (`_blank`, `_self`, `_parent`, `_top`) and a boolean `download` flag. When `target="_blank"` is set, `rel="noopener noreferrer"` is emitted automatically to guard against reverse tabnabbing. These attributes are emitted **only** on link-form buttons (markup wrapping a markdown link, e.g. `%%%brand _blank\n[Text](url)\n%%%`); written on a regular (non-link) button they are parsed but dropped, consistent with the existing unrecognized-token behavior. They are also absent from the plain-markdown degradation path (`render_as_markdown`), since a plain `[text](url)` can't express them. A `download:filename` value form is a possible future enhancement.
+
+## [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

@@ -18,6 +18,11 @@ module Markawesome
   # - loading: loading (loading state)
   # - disabled: disabled (disabled state)
   #
+  # Link-form only (emitted only when content is a markdown link):
+  # - target: _blank, _self, _parent, _top (target="_blank" also emits
+  #   rel="noopener noreferrer" automatically)
+  # - download: download (bare download attribute)
+  #
   # Link buttons: %%%brand\n[Text](url)\n%%%
   # Regular buttons: %%%brand large pill\nText\n%%%
   class ButtonTransformer < BaseTransformer
@@ -25,11 +30,13 @@ 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],
-      disabled: %w[disabled]
+      disabled: %w[disabled],
+      target: %w[_blank _self _parent _top],
+      download: %w[download]
     }.freeze
 
     ICON_SLOTS = { default: 'start', slots: %w[start end] }.freeze
@@ -105,7 +112,9 @@ module Markawesome
           # Fix whitespace issues like in badges
           button_html = button_html.gsub(%r{(</\w+>)\s+}, '\1&nbsp;')
 
-          "<wa-button#{attrs_string} href=\"#{link_url}\">#{icon_html}#{button_html}</wa-button>"
+          link_attrs_string = link_pass_through_attrs(attributes)
+
+          "<wa-button#{attrs_string} href=\"#{link_url}\"#{link_attrs_string}>#{icon_html}#{button_html}</wa-button>"
         else
           # It's a regular button
           button_html = markdown_to_html(content).strip
@@ -117,6 +126,17 @@ module Markawesome
           "<wa-button#{attrs_string}>#{icon_html}#{button_html}</wa-button>"
         end
       end
+
+      # Plain anchor pass-throughs, meaningful only on link-form buttons.
+      # Auto-emit rel="noopener noreferrer" with target="_blank" to guard
+      # against reverse tabnabbing.
+      def link_pass_through_attrs(attributes)
+        link_attrs = []
+        link_attrs << "target=\"#{attributes[:target]}\"" if attributes[:target]
+        link_attrs << 'rel="noopener noreferrer"' if attributes[:target] == '_blank'
+        link_attrs << 'download' if attributes[:download]
+        link_attrs.empty? ? '' : " #{link_attrs.join(' ')}"
+      end
     end
   end
 end

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.12.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.12.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: []