From 110fb573f1033a97b3504859197f8b8250f60dc9 Mon Sep 17 00:00:00 2001
From: Johannes Jakob <hi@johjakob.com>
Date: Wed, 8 Nov 2023 13:38:35 +0100
Subject: [PATCH 1/3] Chore: Remove upper case text in NativeSmallActionButton

Uses the normal text case (instead of upper case) in NativeSmallActionButton to mimic the revised design in iOS 17
---
 .../Elements/NativeSmallActionButton.svg      | 21 +------------------
 .../Buttons/NativeSmallActionButton.swift     |  2 +-
 2 files changed, 2 insertions(+), 21 deletions(-)

diff --git a/Assets/Readme/Elements/NativeSmallActionButton.svg b/Assets/Readme/Elements/NativeSmallActionButton.svg
index 137e799..612bb71 100644
--- a/Assets/Readme/Elements/NativeSmallActionButton.svg
+++ b/Assets/Readme/Elements/NativeSmallActionButton.svg
@@ -1,20 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="70px" height="29px" viewBox="0 0 70 29" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <title>NativeSmallActionButton</title>
-    <defs>
-        <rect id="path-1" x="0" y="0" width="70" height="29" rx="14.5"></rect>
-    </defs>
-    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="NativeSmallActionButton">
-            <mask id="mask-2" fill="white">
-                <use xlink:href="#path-1"></use>
-            </mask>
-            <use id="Background" fill="#007AFF" xlink:href="#path-1"></use>
-            <g id="Content" mask="url(#mask-2)" fill="#FFFFFF" fill-rule="nonzero">
-                <g transform="translate(19.000000, 7.000000)" id="EDIT">
-                    <path d="M7.73144531,13 L7.73144531,11.2978516 L3.26074219,11.2978516 L3.26074219,8.80273438 L7.47851562,8.80273438 L7.47851562,7.21679688 L3.26074219,7.21679688 L3.26074219,4.83789062 L7.73144531,4.83789062 L7.73144531,3.13574219 L1.19628906,3.13574219 L1.19628906,13 L7.73144531,13 Z M13.7098809,13 C16.6630059,13 18.3378105,11.1953125 18.3378105,8.00292969 C18.3378105,4.90625 16.642498,3.13574219 13.7098809,3.13574219 L9.82706836,3.13574219 L9.82706836,13 L13.7098809,13 Z M13.3817559,11.2978516 L11.8915215,11.2978516 L11.8915215,4.83789062 L13.3817559,4.83789062 C15.1727715,4.83789062 16.2323418,6 16.2323418,8.03710938 C16.2323418,10.1494141 15.2069512,11.2978516 13.3817559,11.2978516 Z M22.2791367,13 L22.2791367,3.13574219 L20.2146836,3.13574219 L20.2146836,13 L22.2791367,13 Z M29.050541,13 L29.050541,4.83789062 L32.010502,4.83789062 L32.010502,3.13574219 L24.026127,3.13574219 L24.026127,4.83789062 L26.9860879,4.83789062 L26.9860879,13 L29.050541,13 Z"></path>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 70 29" xmlns="http://www.w3.org/2000/svg"><path d="m70 14.5c0 8.003-6.497 14.5-14.5 14.5h-41c-8.003 0-14.5-6.497-14.5-14.5s6.497-14.5 14.5-14.5h41c8.003 0 14.5 6.497 14.5 14.5z" fill="#007aff"/><g fill="#fff" fill-rule="nonzero"><path d="m.085-0h.467v-.122h-.319v-.178h.301v-.113h-.301v-.17h.319v-.122h-.467z" transform="matrix(14 0 0 14 21.1877 19.99999)"/><path d="m.263.009c.025 0 .048-.004.069-.011.021-.008.039-.018.055-.032.015-.014.028-.03.037-.049h.009v.083h.142v-.743h-.142v.291h-.009c-.009-.019-.022-.036-.037-.05-.016-.014-.035-.025-.056-.033-.021-.007-.043-.011-.068-.011-.045 0-.084.011-.117.033s-.058.054-.075.095c-.018.042-.026.091-.026.149v.001c0 .057.009.106.026.148.018.041.043.073.076.095.033.022.071.034.116.034zm.049-.119c-.026 0-.047-.006-.065-.019-.019-.012-.033-.031-.043-.054-.009-.024-.014-.052-.014-.085v-.001c0-.033.005-.061.014-.085.01-.024.024-.042.043-.055.018-.013.04-.019.065-.019s.046.006.065.019c.018.013.032.031.042.055s.015.052.015.085v.001c0 .033-.005.061-.015.085-.01.023-.024.042-.042.054-.018.013-.04.019-.065.019z" transform="matrix(14 0 0 14 29.8992 19.99999)"/><path d="m.072-0h.143v-.538h-.143zm.072-.62c.022 0 .041-.008.057-.023.015-.016.023-.034.023-.056s-.008-.041-.023-.056c-.016-.016-.035-.024-.057-.024s-.041.008-.057.024c-.016.015-.024.034-.024.056s.008.04.024.056c.016.015.035.023.057.023z" transform="matrix(14 0 0 14 38.6311 19.99999)"/><path d="m.294.002c.014 0 .027-.001.04-.002.012-.001.023-.003.032-.004v-.106c-.007.001-.014.001-.02.001-.006.001-.013.001-.022.001-.024 0-.042-.006-.053-.017s-.016-.029-.016-.053v-.252h.111v-.108h-.111v-.128h-.144v.128h-.083v.108h.083v.285c0 .052.014.09.043.113.028.023.075.034.14.034z" transform="matrix(14 0 0 14 42.4959 19.99999)"/></g></svg>
\ No newline at end of file
diff --git a/Sources/NativeUIKit/Controls/Buttons/NativeSmallActionButton.swift b/Sources/NativeUIKit/Controls/Buttons/NativeSmallActionButton.swift
index 2def7eb..f8bab6b 100644
--- a/Sources/NativeUIKit/Controls/Buttons/NativeSmallActionButton.swift
+++ b/Sources/NativeUIKit/Controls/Buttons/NativeSmallActionButton.swift
@@ -83,7 +83,7 @@ open class NativeSmallActionButton: SPDimmedButton {
     // MARK: - Ovveride
     
     open override func setTitle(_ title: String?, for state: UIControl.State) {
-        super.setTitle(title?.uppercased(), for: state)
+        super.setTitle(title, for: state)
     }
 }
 #endif

From 05a51361fbfbbd6459ef1fed7d81cff98d9a883b Mon Sep 17 00:00:00 2001
From: Johannes Jakob <hi@johjakob.com>
Date: Wed, 8 Nov 2023 13:42:47 +0100
Subject: [PATCH 2/3] Cleanup: Flatten transforms in preview image

---
 Assets/Readme/Elements/NativeSmallActionButton.svg | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Assets/Readme/Elements/NativeSmallActionButton.svg b/Assets/Readme/Elements/NativeSmallActionButton.svg
index 612bb71..9c29e48 100644
--- a/Assets/Readme/Elements/NativeSmallActionButton.svg
+++ b/Assets/Readme/Elements/NativeSmallActionButton.svg
@@ -1 +1 @@
-<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 70 29" xmlns="http://www.w3.org/2000/svg"><path d="m70 14.5c0 8.003-6.497 14.5-14.5 14.5h-41c-8.003 0-14.5-6.497-14.5-14.5s6.497-14.5 14.5-14.5h41c8.003 0 14.5 6.497 14.5 14.5z" fill="#007aff"/><g fill="#fff" fill-rule="nonzero"><path d="m.085-0h.467v-.122h-.319v-.178h.301v-.113h-.301v-.17h.319v-.122h-.467z" transform="matrix(14 0 0 14 21.1877 19.99999)"/><path d="m.263.009c.025 0 .048-.004.069-.011.021-.008.039-.018.055-.032.015-.014.028-.03.037-.049h.009v.083h.142v-.743h-.142v.291h-.009c-.009-.019-.022-.036-.037-.05-.016-.014-.035-.025-.056-.033-.021-.007-.043-.011-.068-.011-.045 0-.084.011-.117.033s-.058.054-.075.095c-.018.042-.026.091-.026.149v.001c0 .057.009.106.026.148.018.041.043.073.076.095.033.022.071.034.116.034zm.049-.119c-.026 0-.047-.006-.065-.019-.019-.012-.033-.031-.043-.054-.009-.024-.014-.052-.014-.085v-.001c0-.033.005-.061.014-.085.01-.024.024-.042.043-.055.018-.013.04-.019.065-.019s.046.006.065.019c.018.013.032.031.042.055s.015.052.015.085v.001c0 .033-.005.061-.015.085-.01.023-.024.042-.042.054-.018.013-.04.019-.065.019z" transform="matrix(14 0 0 14 29.8992 19.99999)"/><path d="m.072-0h.143v-.538h-.143zm.072-.62c.022 0 .041-.008.057-.023.015-.016.023-.034.023-.056s-.008-.041-.023-.056c-.016-.016-.035-.024-.057-.024s-.041.008-.057.024c-.016.015-.024.034-.024.056s.008.04.024.056c.016.015.035.023.057.023z" transform="matrix(14 0 0 14 38.6311 19.99999)"/><path d="m.294.002c.014 0 .027-.001.04-.002.012-.001.023-.003.032-.004v-.106c-.007.001-.014.001-.02.001-.006.001-.013.001-.022.001-.024 0-.042-.006-.053-.017s-.016-.029-.016-.053v-.252h.111v-.108h-.111v-.128h-.144v.128h-.083v.108h.083v.285c0 .052.014.09.043.113.028.023.075.034.14.034z" transform="matrix(14 0 0 14 42.4959 19.99999)"/></g></svg>
\ No newline at end of file
+<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 70 29" xmlns="http://www.w3.org/2000/svg"><path d="m70 14.5c0 8.003-6.497 14.5-14.5 14.5h-41c-8.003 0-14.5-6.497-14.5-14.5s6.497-14.5 14.5-14.5h41c8.003 0 14.5 6.497 14.5 14.5z" fill="#007aff"/><g fill="#fff" fill-rule="nonzero"><path d="m22.384 20h6.535v-1.702h-4.471v-2.492h4.218v-1.586h-4.218v-2.382h4.471v-1.702h-6.535z"/><path d="m33.58 20.12c.356 0 .679-.052.971-.154.292-.103.546-.25.762-.441.217-.192.39-.422.52-.691h.123v1.166h1.996v-10.404h-1.996v4.081h-.123c-.126-.276-.299-.512-.521-.708-.223-.196-.481-.347-.775-.454s-.613-.161-.957-.161c-.635 0-1.181.155-1.637.465s-.806.754-1.051 1.333-.367 1.271-.367 2.078v.014c0 .799.124 1.489.372 2.069.249.58.602 1.026 1.06 1.338.458.313.999.469 1.623.469zm.68-1.655c-.35 0-.653-.089-.909-.266-.255-.178-.451-.433-.589-.766s-.207-.729-.207-1.189v-.014c0-.46.069-.856.207-1.188.138-.331.335-.587.591-.765.256-.179.559-.269.907-.269.351 0 .655.09.911.269.257.178.455.434.595.765.14.332.21.729.21 1.191v.014c0 .458-.069.853-.208 1.186s-.337.588-.593.766c-.257.177-.561.266-.915.266z"/><path d="m39.643 20h1.996v-7.526h-1.996zm1.001-8.682c.31 0 .575-.108.795-.324.22-.217.33-.478.33-.783 0-.31-.11-.573-.33-.788s-.485-.323-.795-.323c-.305 0-.569.108-.791.323s-.333.478-.333.788c0 .305.111.566.333.783.222.216.486.324.791.324z"/><path d="m46.618 20.027c.194 0 .378-.008.552-.025s.323-.037.446-.06v-1.484c-.096.01-.186.017-.27.023-.084.005-.19.008-.318.008-.337 0-.583-.078-.736-.236-.154-.157-.231-.404-.231-.741v-3.534h1.555v-1.504h-1.555v-1.798h-2.017v1.798h-1.158v1.504h1.158v3.995c0 .729.201 1.254.602 1.574s1.058.48 1.972.48z"/></g></svg>
\ No newline at end of file

From e14816016e7375b031af01f340b7683a37917c83 Mon Sep 17 00:00:00 2001
From: Johannes Jakob <hi@johjakob.com>
Date: Wed, 8 Nov 2023 15:59:42 +0100
Subject: [PATCH 3/3] Fix: Use `width` and `height` attributes in preview image

Fixes the preview image being displayed too large in the README on GitHub
---
 Assets/Readme/Elements/NativeSmallActionButton.svg | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Assets/Readme/Elements/NativeSmallActionButton.svg b/Assets/Readme/Elements/NativeSmallActionButton.svg
index 9c29e48..f070062 100644
--- a/Assets/Readme/Elements/NativeSmallActionButton.svg
+++ b/Assets/Readme/Elements/NativeSmallActionButton.svg
@@ -1 +1 @@
-<svg clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 70 29" xmlns="http://www.w3.org/2000/svg"><path d="m70 14.5c0 8.003-6.497 14.5-14.5 14.5h-41c-8.003 0-14.5-6.497-14.5-14.5s6.497-14.5 14.5-14.5h41c8.003 0 14.5 6.497 14.5 14.5z" fill="#007aff"/><g fill="#fff" fill-rule="nonzero"><path d="m22.384 20h6.535v-1.702h-4.471v-2.492h4.218v-1.586h-4.218v-2.382h4.471v-1.702h-6.535z"/><path d="m33.58 20.12c.356 0 .679-.052.971-.154.292-.103.546-.25.762-.441.217-.192.39-.422.52-.691h.123v1.166h1.996v-10.404h-1.996v4.081h-.123c-.126-.276-.299-.512-.521-.708-.223-.196-.481-.347-.775-.454s-.613-.161-.957-.161c-.635 0-1.181.155-1.637.465s-.806.754-1.051 1.333-.367 1.271-.367 2.078v.014c0 .799.124 1.489.372 2.069.249.58.602 1.026 1.06 1.338.458.313.999.469 1.623.469zm.68-1.655c-.35 0-.653-.089-.909-.266-.255-.178-.451-.433-.589-.766s-.207-.729-.207-1.189v-.014c0-.46.069-.856.207-1.188.138-.331.335-.587.591-.765.256-.179.559-.269.907-.269.351 0 .655.09.911.269.257.178.455.434.595.765.14.332.21.729.21 1.191v.014c0 .458-.069.853-.208 1.186s-.337.588-.593.766c-.257.177-.561.266-.915.266z"/><path d="m39.643 20h1.996v-7.526h-1.996zm1.001-8.682c.31 0 .575-.108.795-.324.22-.217.33-.478.33-.783 0-.31-.11-.573-.33-.788s-.485-.323-.795-.323c-.305 0-.569.108-.791.323s-.333.478-.333.788c0 .305.111.566.333.783.222.216.486.324.791.324z"/><path d="m46.618 20.027c.194 0 .378-.008.552-.025s.323-.037.446-.06v-1.484c-.096.01-.186.017-.27.023-.084.005-.19.008-.318.008-.337 0-.583-.078-.736-.236-.154-.157-.231-.404-.231-.741v-3.534h1.555v-1.504h-1.555v-1.798h-2.017v1.798h-1.158v1.504h1.158v3.995c0 .729.201 1.254.602 1.574s1.058.48 1.972.48z"/></g></svg>
\ No newline at end of file
+<svg width="70px" height="29px" clip-rule="evenodd" fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2" viewBox="0 0 70 29" xmlns="http://www.w3.org/2000/svg"><path d="m70 14.5c0 8.003-6.497 14.5-14.5 14.5h-41c-8.003 0-14.5-6.497-14.5-14.5s6.497-14.5 14.5-14.5h41c8.003 0 14.5 6.497 14.5 14.5z" fill="#007aff"/><g fill="#fff" fill-rule="nonzero"><path d="m22.384 20h6.535v-1.702h-4.471v-2.492h4.218v-1.586h-4.218v-2.382h4.471v-1.702h-6.535z"/><path d="m33.58 20.12c.356 0 .679-.052.971-.154.292-.103.546-.25.762-.441.217-.192.39-.422.52-.691h.123v1.166h1.996v-10.404h-1.996v4.081h-.123c-.126-.276-.299-.512-.521-.708-.223-.196-.481-.347-.775-.454s-.613-.161-.957-.161c-.635 0-1.181.155-1.637.465s-.806.754-1.051 1.333-.367 1.271-.367 2.078v.014c0 .799.124 1.489.372 2.069.249.58.602 1.026 1.06 1.338.458.313.999.469 1.623.469zm.68-1.655c-.35 0-.653-.089-.909-.266-.255-.178-.451-.433-.589-.766s-.207-.729-.207-1.189v-.014c0-.46.069-.856.207-1.188.138-.331.335-.587.591-.765.256-.179.559-.269.907-.269.351 0 .655.09.911.269.257.178.455.434.595.765.14.332.21.729.21 1.191v.014c0 .458-.069.853-.208 1.186s-.337.588-.593.766c-.257.177-.561.266-.915.266z"/><path d="m39.643 20h1.996v-7.526h-1.996zm1.001-8.682c.31 0 .575-.108.795-.324.22-.217.33-.478.33-.783 0-.31-.11-.573-.33-.788s-.485-.323-.795-.323c-.305 0-.569.108-.791.323s-.333.478-.333.788c0 .305.111.566.333.783.222.216.486.324.791.324z"/><path d="m46.618 20.027c.194 0 .378-.008.552-.025s.323-.037.446-.06v-1.484c-.096.01-.186.017-.27.023-.084.005-.19.008-.318.008-.337 0-.583-.078-.736-.236-.154-.157-.231-.404-.231-.741v-3.534h1.555v-1.504h-1.555v-1.798h-2.017v1.798h-1.158v1.504h1.158v3.995c0 .729.201 1.254.602 1.574s1.058.48 1.972.48z"/></g></svg>