From 3358fb354350a2dff63e7a6028a039daa1bb5f70 Mon Sep 17 00:00:00 2001
From: kirsty-hames <kirsty-hames@users.noreply.github.com>
Date: Wed, 13 Mar 2024 11:15:48 +0000
Subject: [PATCH 1/2] padlock replaces icon when trickle button locked

---
 less/trickle-button.less | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/less/trickle-button.less b/less/trickle-button.less
index cceabba..01159c9 100644
--- a/less/trickle-button.less
+++ b/less/trickle-button.less
@@ -21,6 +21,10 @@
     .icon-controls-small-down;
   }
 
+  &__btn.is-locked &__btn-icon .icon {
+    .icon-padlock-locked;
+  }
+  
   // If full width config is enabled, button is fixed to the bottom of the screen
   // --------------------------------------------------
   &.is-full-width &__inner {

From 325a04c749db127fa35b41e4beedbf5eae509cf7 Mon Sep 17 00:00:00 2001
From: kirsty-hames <kirsty-hames@users.noreply.github.com>
Date: Tue, 19 Mar 2024 18:04:52 +0000
Subject: [PATCH 2/2] add '.is-disabled' and '.is-locked' classes to btn
 template

---
 templates/trickle-button.hbs | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/trickle-button.hbs b/templates/trickle-button.hbs
index feea056..8a7f6b9 100644
--- a/templates/trickle-button.hbs
+++ b/templates/trickle-button.hbs
@@ -2,7 +2,7 @@
 
 <div class="trickle__inner js-trickle-btn-container {{_trickle._button._component}}__inner {{#unless _isButtonVisible}} u-display-none{{/unless}}">
 
-  <button {{#if buttonAriaLabel}}aria-label="{{buttonAriaLabel}}" {{/if}}class="trickle__btn js-trickle-btn{{#if _trickle._button._hasIcon}} btn-icon{{/if}}{{#if buttonText}} btn-text{{/if}}"{{#if _isButtonDisabled}} aria-disabled="true"{{/if}}>
+  <button {{#if buttonAriaLabel}}aria-label="{{buttonAriaLabel}}" {{/if}}class="trickle__btn js-trickle-btn{{#if _isButtonDisabled}} is-disabled{{#if _isButtonVisible}} is-locked{{/if}}{{/if}}{{#if _trickle._button._hasIcon}} btn-icon{{/if}}{{#if buttonText}} btn-text{{/if}}"{{#if _isButtonDisabled}} aria-disabled="true"{{/if}}>
 
     {{#if _trickle._button._hasIcon}}
     <span class="trickle__btn-icon">