diff --git a/.changeset/four-shoes-think.md b/.changeset/four-shoes-think.md new file mode 100644 index 0000000000..920bbccf58 --- /dev/null +++ b/.changeset/four-shoes-think.md @@ -0,0 +1,5 @@ +--- +"@primer/view-components": minor +--- + +Support font_size and border_radius in classify/utilities diff --git a/lib/primer/classify/utilities.rb b/lib/primer/classify/utilities.rb index 2872778ca0..67e2caaf95 100644 --- a/lib/primer/classify/utilities.rb +++ b/lib/primer/classify/utilities.rb @@ -27,7 +27,9 @@ class Utilities "^height" => "h", "^color-bg" => "bg", "^color-border" => "border_color", - "^color-fg" => "color" + "^color-fg" => "color", + "^f" => "font_size", + "^rounded" => "border_radius" }.freeze SUPPORTED_KEY_CACHE = Hash.new { |h, k| h[k] = !UTILITIES[k].nil? } diff --git a/test/lib/classify/utilities_test.rb b/test/lib/classify/utilities_test.rb index 7b2fffcda3..aa0ca7bd58 100644 --- a/test/lib/classify/utilities_test.rb +++ b/test/lib/classify/utilities_test.rb @@ -104,6 +104,7 @@ def test_classes_to_args assert_equal('mr: 1, mb: 2, classes: "foo"', Primer::Classify::Utilities.classes_to_args("mr-1 mb-2 foo")) assert_equal('classes: "foo"', Primer::Classify::Utilities.classes_to_args("foo")) assert_equal("mx: :auto", Primer::Classify::Utilities.classes_to_args("mx-auto")) + assert_equal("font_size: 3, border_radius: 0", Primer::Classify::Utilities.classes_to_args("f3 rounded-0")) assert_equal('mr: [1, 2], classes: "baz bin"', Primer::Classify::Utilities.classes_to_args("mr-1 mr-sm-2 baz bin")) assert_equal('mr: [1, nil, 2], classes: "foo bar"', Primer::Classify::Utilities.classes_to_args("mr-1 mr-md-2 foo bar")) end