activemail 1.0.1 → 1.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e81e755f1fae9c74a61005f5a87483c3a1cf561b79003081a134cb687f658004
-  data.tar.gz: 3f669eec79bd3b5df69c83fa3169fafcd7cabcaa014a43ce259399f43d435989
+  metadata.gz: 0c521ec014c788f20a2c5c093d6905f36a18388e3c8bbe69fcb664ced5c01ce2
+  data.tar.gz: 5d20096c0870cbaee3e0f3bd945d5c9b4121c732370f310fc75ba0fd53cf75f9
 SHA512:
-  metadata.gz: c5c47394192f0c8ae3da2c6b1832aa3e5083257d782cbd0593b7c59550c2607298404bde407f418980ec1de9a402e9162a189dcf56cda77cfac90df1fa5a2188
-  data.tar.gz: 1330453b77892f54770c4ba29d2c3a1e05243a5885785d41b2929cbea1ab7bd10ef595c0a442dcdffb83fe394497f3d479f6e7e0d355efc11aa513a86fee243f
+  metadata.gz: 5362b815729d1c3ba16c1821e6cbe5e8d2e82554434ea32308d55fa58d601583b5c861246cc47c7745e88d2e1e53edd60360e5ef4ad90807a818335b2e5934f7
+  data.tar.gz: 5bc1094caf3250acd3d3bfad1d73c3c4e6f624720b6f6b494d7a459861196c985d747db25c07d0fec9eabf616e39eba2594ad71b056e02c6a60b45180a2b5da1

data/CHANGELOG.md

@@ -5,6 +5,40 @@ All notable changes to this project are documented here.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.1.0] - 2026-06-15
+
+### Added
+
+- `radius` token group (`button`/`box`) and `Tokens#radius`/`#radius!` accessors.
+- `Tokens#button_style(variant)` resolver and the `Tokens::ButtonStyle` value
+  object: button variants (incl. an **outline** secondary) are now token-driven —
+  set `<variant>_text`/`<variant>_border` colors instead of forking the component.
+- Box-scoped `info_box_background`/`info_box_border`/`info_box_text` tokens
+  (falling back to the page palette) plus a box `border-radius`.
+- `Tokens#load(group: {...})` bulk-loader and a single `Tokens#to_h` snapshot.
+
+### Changed
+
+- `<button>` and `<cta>` share a `bulletproof_button_table` scaffold; `<cta>`
+  drops its hardcoded `4px` radius in favor of the `radius` token.
+- The corner radius is now applied by default on `.button`/`.cta` (the opt-in
+  `.radius` class is gone); `.button.secondary`/`.cta.secondary` mirror the
+  secondary color/border tokens.
+
+### Removed
+
+- `Tokens#colors`/`#fonts`/`#spacings` readers — use `Tokens#to_h` instead.
+
+## [1.0.2] - 2026-06-15
+
+### Fixed
+
+- Moved the framework styles helper to `app/helpers/active_mail/` so the host
+  application's Zeitwerk loader resolves it to `ActiveMail::StylesHelper`. Under
+  the previous `app/helpers/activemail/` path the default inflector expected
+  `Activemail::StylesHelper`, making the engine's `helper ActiveMail::StylesHelper`
+  raise `NameError` at boot in any mounting app.
+
 ## [1.0.1] - 2026-06-15
 
 ### Changed

data/app/assets/stylesheets/activemail/_components.scss

@@ -1,12 +1,13 @@
-// Background on both inner cell and link so the whole bulletproof button
-// (table.button > td > table > td > a) is filled and clickable.
-.button table td {
+// Background on both cell and link so the whole bulletproof button is filled and
+// clickable. Radius by default — progressive enhancement, clients that don't support it ignore it.
+.button table td,
+.button a {
   background: $am-button-primary-bg;
+  border-radius: $am-button-radius;
 }
 
 .button a {
   color: $am-button-color;
-  background: $am-button-primary-bg;
   font-family: $am-font-family;
   font-weight: bold;
 }
@@ -14,22 +15,22 @@
 .button.secondary table td,
 .button.secondary a {
   background: $am-button-secondary-bg;
+  color: $am-button-secondary-color;
 }
 
-// Progressive enhancement only — some clients strip border-radius.
-.button.radius table td,
-.button.radius a {
-  border-radius: $am-button-radius;
+// Border on the cell only — a repeated <a> border would double the line.
+.button.secondary table td {
+  border: 1px solid $am-button-secondary-border;
 }
 
-// CTA mirrors the bulletproof button; colors are also inlined by the component.
-.cta table td {
+.cta table td,
+.cta a {
   background: $am-button-primary-bg;
+  border-radius: $am-button-radius;
 }
 
 .cta a {
   color: $am-button-color;
-  background: $am-button-primary-bg;
   font-family: $am-font-family;
   font-weight: bold;
 }
@@ -37,12 +38,18 @@
 .cta.secondary table td,
 .cta.secondary a {
   background: $am-button-secondary-bg;
+  color: $am-button-secondary-color;
+}
+
+.cta.secondary table td {
+  border: 1px solid $am-button-secondary-border;
 }
 
 .info-box td {
-  background-color: $am-background;
-  border-left: 5px solid $am-border;
-  color: $am-text;
+  background-color: $am-info-box-bg;
+  border-left: 5px solid $am-info-box-border;
+  border-radius: $am-box-radius;
+  color: $am-info-box-text;
   padding: $am-spacing-md;
 }
 
@@ -52,7 +59,7 @@
   padding: $am-spacing-md;
 }
 
-// Spacer hook — height is set inline per instance; this is a styling anchor.
+// Height is set inline per instance; this rule is just a styling anchor.
 .spacer {
   width: 100%;
 }

data/app/assets/stylesheets/activemail/_dark.scss

@@ -45,12 +45,14 @@ $am-dark-link: $am-color-primary !default;
     color: $am-color-button-text !important;
   }
 
-  // Keep the secondary variant's color — the primary rule above would erase it.
+  // Restore the secondary fill AND text — the primary rule above forces button-text,
+  // which would be unreadable on an outline (light) secondary fill.
   .button.secondary table td,
   .button.secondary a,
   .cta.secondary table td,
   .cta.secondary a {
     background: $am-color-secondary !important;
+    color: $am-button-secondary-color !important;
   }
 
   // Panels keep their inline background unless overridden here, which would
@@ -111,6 +113,7 @@ $am-dark-link: $am-color-primary !default;
   [data-ogsc] .cta.secondary table td,
   [data-ogsc] .cta.secondary a {
     background: $am-color-secondary !important;
+    color: $am-button-secondary-color !important;
   }
 
   [data-ogsc] .callout-inner,

data/app/assets/stylesheets/activemail/_settings.scss

@@ -1,5 +1,4 @@
-// Semantic aliases mapped from the $am-* token vars. All !default so a host
-// app can pre-declare any value before importing the framework.
+// All !default so a host app can pre-declare any value before importing the framework.
 @import "activemail/activemail_tokens";
 
 // Typography
@@ -16,10 +15,19 @@ $am-border: $am-color-border !default;
 $am-button-primary-bg: $am-color-primary !default;
 $am-button-secondary-bg: $am-color-secondary !default;
 $am-button-color: $am-color-button-text !default;
-$am-button-radius: 4px !default;
+// Secondary falls back to filled-button defaults; override *-secondary-* for an outline variant.
+$am-button-secondary-color: $am-color-button-text !default;
+$am-button-secondary-border: transparent !default;
+$am-button-radius: $am-radius-button !default;
 
-// Grid — the gem emits no gutters; we provide them via column padding.
-// Width follows config.container_width via the token bridge, so the SCSS grid
-// stays aligned with the transpiled markup (ghost tables, column max-width).
+// Info box
+$am-info-box-bg: $am-background !default;
+$am-info-box-border: $am-border !default;
+$am-info-box-text: $am-text !default;
+$am-box-radius: $am-radius-box !default;
+
+// Grid — the gem emits no gutters; we provide them via column padding. Width
+// follows config.container_width via the token bridge so the SCSS grid stays
+// aligned with the transpiled markup (ghost tables, column max-width).
 $am-container-width: $am-grid-container-width !default;
 $am-gutter: $am-spacing-sm !default;

data/lib/activemail/components/base.rb

@@ -36,6 +36,8 @@ module ActiveMail
       # Layout tables: presentation role (a11y) and zeroed legacy spacing.
       TABLE_RESET = 'role="presentation" border="0" cellpadding="0" cellspacing="0"'
 
+      BUTTON_PADDING = 'padding:12px 24px;'
+
       sig { params(core: ::ActiveMail::Core).void }
       def initialize(core)
         @core = core
@@ -105,6 +107,19 @@ module ActiveMail
         node.attributes['target'] ? %( target="#{escape_attr(node.attributes['target'])}") : ''
       end
 
+      # Outlook-safe nested-table structure kept in one place for <button> and <cta>.
+      sig do
+        params(outer_classes: String, inner: String, cell_style: String, outer_extra: String).returns(String)
+      end
+      def bulletproof_button_table(outer_classes:, inner:, cell_style: '', outer_extra: '')
+        cell = cell_style.empty? ? '<td>' : %(<td style="#{cell_style}">)
+        [
+          %(<table class="#{outer_classes}" #{TABLE_RESET}><tbody><tr><td>),
+          %(<table #{TABLE_RESET}><tbody><tr>#{cell}#{inner}</td></tr></tbody></table>),
+          %(</td>#{outer_extra}</tr></tbody></table>)
+        ].join
+      end
+
       sig { returns(Integer) }
       def column_count
         core.column_count

data/lib/activemail/components/button.rb

@@ -14,13 +14,14 @@ module ActiveMail
         inner = anchor(node, inner, expand) if node.attr('href')
         inner = "<center>#{inner}</center>" if expand
 
-        classes = combine_classes(node, 'button')
         expander = expand ? '<td class="expander"></td>' : ''
-        [
-          %(<table class="#{classes}" #{TABLE_RESET}><tbody><tr><td>),
-          %(<table #{TABLE_RESET}><tbody><tr><td>#{inner}</td></tr></tbody></table>),
-          %(</td>#{expander}</tr></tbody></table>)
-        ].join
+        # CSS-driven by design: colors come from .button rules, not inline tokens —
+        # a distinct robustness model from <cta>, which inlines its palette.
+        bulletproof_button_table(
+          outer_classes: combine_classes(node, 'button'),
+          inner: inner,
+          outer_extra: expander
+        )
       end
 
       private
@@ -30,7 +31,7 @@ module ActiveMail
         target = target_attribute(node)
         extra = expand ? ' align="center" class="float-center"' : ''
         # Padding on the <a> makes the whole button a clickable target.
-        link_style = 'display:inline-block;text-decoration:none;padding:12px 24px;'
+        link_style = "display:inline-block;text-decoration:none;#{BUTTON_PADDING}"
         attrs = %(#{pass_through_attributes(node)}href="#{escape_attr(node.attr('href'))}"#{target}#{extra})
         %(<a #{attrs}#{style_attribute(node, link_style)}>#{inner}</a>)
       end

data/lib/activemail/components/cta.rb

@@ -6,30 +6,43 @@ require_relative 'base'
 module ActiveMail
   module Components
     # Colors read from tokens at transform time (runtime config), not load-time constants.
+    # Styles are inlined so the button survives clients that strip <style> (Gmail mobile…).
     class Cta < Base
       extend T::Sig
 
-      sig { override.params(node: Nokogiri::XML::Node, inner: String).returns(String) }
+      sig { override.overridable.params(node: Nokogiri::XML::Node, inner: String).returns(String) }
       def transform(node, inner)
         # A CTA without a link is an authoring bug — surface it at render time.
         raise ArgumentError, '<cta> requires an href attribute' if node.attr('href').to_s.strip.empty?
 
-        background = ActiveMail.tokens.color!(class?(node, 'secondary') ? :secondary : :primary)
-        classes = combine_classes(node, 'cta')
-        anchor = %(<a href="#{escape_attr(node.attr('href'))}"#{target_attribute(node)} style="#{link_style(background)}">#{inner}</a>)
-        [
-          %(<table class="#{classes}" #{TABLE_RESET}><tbody><tr><td>),
-          %(<table #{TABLE_RESET}><tbody><tr><td style="background:#{background};border-radius:4px;">),
-          "#{anchor}</td></tr></tbody></table></td></tr></tbody></table>"
-        ].join
+        style = ActiveMail.tokens.button_style(class?(node, 'secondary') ? :secondary : :primary)
+        anchor = %(<a href="#{escape_attr(node.attr('href'))}"#{target_attribute(node)} ) +
+                 %(style="#{link_style(style)}">#{inner}</a>)
+        bulletproof_button_table(
+          outer_classes: combine_classes(node, 'cta'),
+          inner: anchor,
+          cell_style: cell_style(style)
+        )
       end
 
       private
 
-      sig { params(background: String).returns(String) }
-      def link_style(background)
-        'display:inline-block;text-decoration:none;padding:12px 24px;' \
-          "background:#{background};color:#{ActiveMail.tokens.color!(:button_text)};font-weight:bold;border-radius:4px;"
+      sig { params(style: ActiveMail::Tokens::ButtonStyle).returns(String) }
+      def cell_style(style)
+        "background:#{style.background};border-radius:#{style.radius};#{border_css(style)}"
+      end
+
+      # No border here: it lives on the cell only — a repeated <a> border doubles the line.
+      sig { params(style: ActiveMail::Tokens::ButtonStyle).returns(String) }
+      def link_style(style)
+        "display:inline-block;text-decoration:none;#{BUTTON_PADDING}" \
+          "background:#{style.background};color:#{style.color};font-weight:bold;" \
+          "border-radius:#{style.radius};"
+      end
+
+      sig { params(style: ActiveMail::Tokens::ButtonStyle).returns(String) }
+      def border_css(style)
+        style.border ? "border:1px solid #{style.border};" : ''
       end
     end
   end

data/lib/activemail/components/info_box.rb

@@ -9,7 +9,7 @@ module ActiveMail
     class InfoBox < Base
       extend T::Sig
 
-      sig { override.params(node: Nokogiri::XML::Node, inner: String).returns(String) }
+      sig { override.overridable.params(node: Nokogiri::XML::Node, inner: String).returns(String) }
       def transform(node, inner)
         classes = combine_classes(node, 'info-box')
         [
@@ -21,11 +21,16 @@ module ActiveMail
 
       private
 
+      # Box-scoped tokens (fall back to page-level ones) so a host can give the box
+      # a distinct surface without colliding with :background/:border/:text.
       sig { returns(String) }
       def cell_style
         tokens = ActiveMail.tokens
-        "background-color:#{tokens.color!(:background)};border-left:5px solid #{tokens.color!(:border)};" \
-          "color:#{tokens.color!(:text)};padding:#{tokens.spacing!(:md)};"
+        background = tokens.color(:info_box_background) || tokens.color!(:background)
+        border = tokens.color(:info_box_border) || tokens.color!(:border)
+        text = tokens.color(:info_box_text) || tokens.color!(:text)
+        "background-color:#{background};border-left:5px solid #{border};border-radius:#{tokens.radius!(:box)};" \
+          "color:#{text};padding:#{tokens.spacing!(:md)};"
       end
     end
   end

data/lib/activemail/tokens/button_style.rb

@@ -0,0 +1,29 @@
+# typed: strict
+# frozen_string_literal: true
+
+require 'sorbet-runtime'
+
+module ActiveMail
+  class Tokens
+    # `border` nil means "no outline".
+    class ButtonStyle < T::Struct
+      extend T::Sig
+
+      const :background, String
+      const :color, String
+      const :radius, String
+      const :border, T.nilable(String)
+
+      # color falls back to :button_text; border is opt-in (a "<variant>_border" token).
+      sig { params(tokens: ActiveMail::Tokens, variant: T.any(String, Symbol)).returns(ButtonStyle) }
+      def self.from(tokens, variant)
+        new(
+          background: tokens.color!(variant),
+          color: tokens.color("#{variant}_text") || tokens.color!(:button_text),
+          radius: tokens.radius!(:button),
+          border: tokens.color("#{variant}_border")
+        )
+      end
+    end
+  end
+end

data/lib/activemail/tokens/scss_serializer.rb

@@ -0,0 +1,22 @@
+# typed: strict
+# frozen_string_literal: true
+
+require 'sorbet-runtime'
+
+module ActiveMail
+  class Tokens
+    # !default lets a host pre-declare overrides upstream. Values are emitted
+    # verbatim (trusted, app-controlled input) — not escaped.
+    module ScssSerializer
+      extend T::Sig
+
+      sig { params(stores: T::Hash[Symbol, TokenMap]).returns(String) }
+      def self.call(stores)
+        lines = stores.flat_map do |group, store|
+          store.map { |name, value| "$am-#{group}-#{name.to_s.tr('_', '-')}: #{value} !default;" }
+        end
+        "#{lines.join("\n")}\n"
+      end
+    end
+  end
+end

data/lib/activemail/tokens.rb

@@ -2,9 +2,10 @@
 # frozen_string_literal: true
 
 require 'sorbet-runtime'
+require_relative 'tokens/button_style'
+require_relative 'tokens/scss_serializer'
 
 module ActiveMail
-  # Design-tokens registry: the single Ruby source of truth, bridged to SCSS by #to_scss.
   class Tokens
     extend T::Sig
 
@@ -44,96 +45,115 @@ module ActiveMail
       TokenMap
     )
 
+    DEFAULT_RADII = T.let(
+      {
+        button: '4px',
+        box: '4px'
+      }.freeze,
+      TokenMap
+    )
+
+    # Open/Closed: adding a group here is the only change needed to wire it everywhere.
+    GROUPS = T.let(
+      {
+        color: DEFAULT_COLORS,
+        font: DEFAULT_FONTS,
+        spacing: DEFAULT_SPACINGS,
+        radius: DEFAULT_RADII
+      }.freeze,
+      T::Hash[Symbol, TokenMap]
+    )
+
     sig { void }
     def initialize
-      @colors = T.let(DEFAULT_COLORS.dup, TokenMap)
-      @fonts = T.let(DEFAULT_FONTS.dup, TokenMap)
-      @spacings = T.let(DEFAULT_SPACINGS.dup, TokenMap)
+      @stores = T.let(GROUPS.transform_values(&:dup), T::Hash[Symbol, TokenMap])
     end
 
-    # value given → set, omitted → get. Open registry: any key is accepted (define
-    # custom tokens for custom components); color!/font!/spacing! fail loud on read.
     sig { params(name: T.any(String, Symbol), value: T.nilable(String)).returns(T.nilable(String)) }
     def color(name, value = nil)
-      access(@colors, name, value)
+      access(:color, name, value)
     end
 
     sig { params(name: T.any(String, Symbol), value: T.nilable(String)).returns(T.nilable(String)) }
     def font(name, value = nil)
-      access(@fonts, name, value)
+      access(:font, name, value)
     end
 
     sig { params(name: T.any(String, Symbol), value: T.nilable(String)).returns(T.nilable(String)) }
     def spacing(name, value = nil)
-      access(@spacings, name, value)
+      access(:spacing, name, value)
     end
 
-    # Strict reads for code that must have the token (e.g. a component's inline
-    # color): raise rather than interpolating nil into the CSS.
+    sig { params(name: T.any(String, Symbol), value: T.nilable(String)).returns(T.nilable(String)) }
+    def radius(name, value = nil)
+      access(:radius, name, value)
+    end
+
+    # Raise rather than interpolating nil into the CSS.
     sig { params(name: T.any(String, Symbol)).returns(String) }
     def color!(name)
-      fetch!(@colors, :color, name)
+      fetch!(:color, name)
     end
 
     sig { params(name: T.any(String, Symbol)).returns(String) }
     def font!(name)
-      fetch!(@fonts, :font, name)
+      fetch!(:font, name)
     end
 
     sig { params(name: T.any(String, Symbol)).returns(String) }
     def spacing!(name)
-      fetch!(@spacings, :spacing, name)
+      fetch!(:spacing, name)
     end
 
-    # Frozen dup: mutating the returned hash must not bypass the DSL setters.
-    sig { returns(TokenMap) }
-    def colors
-      @colors.dup.freeze
+    sig { params(name: T.any(String, Symbol)).returns(String) }
+    def radius!(name)
+      fetch!(:radius, name)
     end
 
-    sig { returns(TokenMap) }
-    def fonts
-      @fonts.dup.freeze
+    # Frozen snapshot: mutating the result can't bypass the DSL setters.
+    sig { returns(T::Hash[Symbol, TokenMap]) }
+    def to_h
+      @stores.transform_values { |store| store.dup.freeze }.freeze
     end
 
-    sig { returns(TokenMap) }
-    def spacings
-      @spacings.dup.freeze
+    sig { params(groups: TokenMap).void }
+    def load(**groups)
+      groups.each do |group, values|
+        values.each { |name, value| access(group, name, value) }
+      end
+    end
+
+    sig { params(variant: T.any(String, Symbol)).returns(ButtonStyle) }
+    def button_style(variant)
+      ButtonStyle.from(self, variant)
     end
 
-    # SCSS bridge: !default lets power-users pre-declare overrides upstream.
-    # Values are emitted verbatim (trusted, app-controlled input) — not escaped.
     sig { returns(String) }
     def to_scss
-      lines = scss_lines('color', @colors) + scss_lines('font', @fonts) + scss_lines('spacing', @spacings)
-      "#{lines.join("\n")}\n"
+      ScssSerializer.call(@stores)
     end
 
     private
 
-    sig { params(store: TokenMap, kind: Symbol, name: T.any(String, Symbol)).returns(String) }
-    def fetch!(store, kind, name)
-      store.fetch(name.to_sym) { raise KeyError, "unknown #{kind} token #{name.inspect}" }
+    sig { params(group: Symbol).returns(TokenMap) }
+    def store_for(group)
+      @stores.fetch(group) { raise KeyError, "unknown token group #{group.inspect}" }
+    end
+
+    sig { params(group: Symbol, name: T.any(String, Symbol)).returns(String) }
+    def fetch!(group, name)
+      store_for(group).fetch(name.to_sym) { raise KeyError, "unknown #{group} token #{name.inspect}" }
     end
 
-    sig { params(store: TokenMap, name: T.any(String, Symbol), value: T.nilable(String)).returns(T.nilable(String)) }
-    def access(store, name, value)
+    sig { params(group: Symbol, name: T.any(String, Symbol), value: T.nilable(String)).returns(T.nilable(String)) }
+    def access(group, name, value)
+      store = store_for(group)
       key = name.to_sym
       return store[key] if value.nil?
-      # Emitted verbatim into SCSS by #to_scss — reject blanks that would yield broken CSS.
+      # Emitted verbatim into SCSS — reject blanks that would yield broken CSS.
       raise ArgumentError, "token #{key} value must not be blank" if value.strip.empty?
 
       store[key] = value
     end
-
-    sig { params(group: String, store: TokenMap).returns(T::Array[String]) }
-    def scss_lines(group, store)
-      store.map { |name, value| "$am-#{group}-#{scss_name(name)}: #{value} !default;" }
-    end
-
-    sig { params(name: Symbol).returns(String) }
-    def scss_name(name)
-      name.to_s.tr('_', '-')
-    end
   end
 end

data/lib/activemail/version.rb

@@ -2,5 +2,5 @@
 # frozen_string_literal: true
 
 module ActiveMail
-  VERSION = '1.0.1'
+  VERSION = '1.1.0'
 end

data/lib/generators/activemail/templates/initializer.rb

@@ -20,11 +20,28 @@ ActiveMail.configure do |config|
   # How malformed markup is handled: :warn (default), :ignore, or :raise.
   # config.on_parse_error = :warn
 
-  # Design tokens — the single source of truth, bridged to SCSS via $am-*.
+  # Design tokens. Configure literals here (the bridge only flows Ruby → SCSS).
   # config.tokens.color :primary, "#2a9d8f"
   # config.tokens.color :secondary, "#264653"
   # config.tokens.font :heading, "Georgia, serif"
   # config.tokens.spacing :lg, "32px"
+  # config.tokens.radius :button, "6px"   # <cta>/.button corner radius
+  # config.tokens.radius :box, "8px"       # <info-box> corner radius
+  #
+  # Outline secondary button (filled by default): give the secondary variant its
+  # own text + border instead of just a fill.
+  # config.tokens.color :secondary, "#ffffff"
+  # config.tokens.color :secondary_text, "#0f4447"
+  # config.tokens.color :secondary_border, "rgba(15, 68, 71, 0.6)"
+  #
+  # Box-scoped colors (fall back to :background/:border/:text when unset).
+  # config.tokens.color :info_box_background, "#fff7ef"
+  #
+  # Or configure everything in one block:
+  # config.tokens.load(
+  #   color: { primary: "#2a9d8f", secondary_text: "#0f4447" },
+  #   radius: { button: "6px", box: "8px" }
+  # )
 
   # Register components (built-ins like ActiveMail::Components::Cta, or your own
   # Components::* from `rails g activemail:component`).

data/lib/tasks/activemail.rake

@@ -11,7 +11,7 @@ namespace :activemail do
       path = args[:path] || 'app/assets/stylesheets/activemail/_activemail_tokens.scss'
       FileUtils.mkdir_p(File.dirname(path))
       File.write(path, ActiveMail.scss_variables)
-      puts "Wrote #{ActiveMail.tokens.colors.size + ActiveMail.tokens.fonts.size + ActiveMail.tokens.spacings.size} tokens to #{path}"
+      puts "Wrote #{ActiveMail.tokens.to_h.values.sum(&:size)} tokens to #{path}"
     end
   end
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: activemail
 version: !ruby/object:Gem::Version
-  version: 1.0.1
+  version: 1.1.0
 platform: ruby
 authors:
 - Advitam
@@ -70,7 +70,7 @@ files:
 - app/assets/stylesheets/activemail/_settings.scss
 - app/assets/stylesheets/activemail/_utilities.scss
 - app/assets/stylesheets/activemail/activemail.scss
-- app/helpers/activemail/styles_helper.rb
+- app/helpers/active_mail/styles_helper.rb
 - app/views/layouts/activemail/_footer.html.inky-erb
 - app/views/layouts/activemail/_head.html.inky-erb
 - app/views/layouts/activemail/mailer.html.inky-erb
@@ -110,6 +110,8 @@ files:
 - lib/activemail/rails/engine.rb
 - lib/activemail/rails/template_handler.rb
 - lib/activemail/tokens.rb
+- lib/activemail/tokens/button_style.rb
+- lib/activemail/tokens/scss_serializer.rb
 - lib/activemail/version.rb
 - lib/generators/activemail/component_generator.rb
 - lib/generators/activemail/install_generator.rb