From 1470d34ec6cbdd05771e932ceab21ed4f278dfe4 Mon Sep 17 00:00:00 2001
From: Pavel Klibani <pavel@techloop.io>
Date: Fri, 7 Feb 2025 14:03:24 +0100
Subject: [PATCH] fixup! fixup! fixup! fixup! fixup! fixup! Feat(web):
 Introduce SplitButton component #DS-1605

---
 .../scss/components/SplitButton/index.html    | 32 +++++++++----------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/packages/web/src/scss/components/SplitButton/index.html b/packages/web/src/scss/components/SplitButton/index.html
index b49a282c70..6dd20ee53b 100644
--- a/packages/web/src/scss/components/SplitButton/index.html
+++ b/packages/web/src/scss/components/SplitButton/index.html
@@ -27,7 +27,7 @@ <h2 class="docs-Heading">Primary</h2>
               <use xlink:href="/assets/icons/svg/sprite.svg#chevron-down" />
             </svg>
           </button>
-          <div class="DropdownPopover" data-spirit-placement="bottom-start" id="dropdown-primary-1">
+          <div class="DropdownPopover" data-spirit-placement="bottom-end" id="dropdown-primary-1">
             Dropdown content
           </div>
         </div>
@@ -57,7 +57,7 @@ <h2 class="docs-Heading">Primary</h2>
               <use xlink:href="/assets/icons/svg/sprite.svg#chevron-down" />
             </svg>
           </button>
-          <div class="DropdownPopover" data-spirit-placement="bottom-start" id="dropdown-primary-2">
+          <div class="DropdownPopover" data-spirit-placement="bottom-end" id="dropdown-primary-2">
             Dropdown content
           </div>
         </div>
@@ -86,7 +86,7 @@ <h2 class="docs-Heading">Primary</h2>
               <use xlink:href="/assets/icons/svg/sprite.svg#chevron-down" />
             </svg>
           </button>
-          <div class="DropdownPopover" data-spirit-placement="bottom-start" id="dropdown-primary-3">
+          <div class="DropdownPopover" data-spirit-placement="bottom-end" id="dropdown-primary-3">
             Dropdown content
           </div>
         </div>
@@ -152,7 +152,7 @@ <h2 class="docs-Heading">Primary</h2>
           <div
             id="tooltip-button-primary-2"
             class="TooltipPopover is-hidden"
-            data-spirit-placement="bottom-start"
+            data-spirit-placement="bottom-end"
             data-spirit-flip-fallback-placements="bottom"
             data-spirit-trigger="hover"
           >
@@ -193,7 +193,7 @@ <h2 class="docs-Heading">Secondary</h2>
               <use xlink:href="/assets/icons/svg/sprite.svg#chevron-down" />
             </svg>
           </button>
-          <div class="DropdownPopover" data-spirit-placement="bottom-start" id="dropdown-secondary-1">
+          <div class="DropdownPopover" data-spirit-placement="bottom-end" id="dropdown-secondary-1">
             Dropdown content
           </div>
         </div>
@@ -223,7 +223,7 @@ <h2 class="docs-Heading">Secondary</h2>
               <use xlink:href="/assets/icons/svg/sprite.svg#chevron-down" />
             </svg>
           </button>
-          <div class="DropdownPopover" data-spirit-placement="bottom-start" id="dropdown-secondary-2">
+          <div class="DropdownPopover" data-spirit-placement="bottom-end" id="dropdown-secondary-2">
             Dropdown content
           </div>
         </div>
@@ -252,7 +252,7 @@ <h2 class="docs-Heading">Secondary</h2>
               <use xlink:href="/assets/icons/svg/sprite.svg#chevron-down" />
             </svg>
           </button>
-          <div class="DropdownPopover" data-spirit-placement="bottom-start" id="dropdown-secondary-3">
+          <div class="DropdownPopover" data-spirit-placement="bottom-end" id="dropdown-secondary-3">
             Dropdown content
           </div>
         </div>
@@ -318,7 +318,7 @@ <h2 class="docs-Heading">Secondary</h2>
           <div
             id="tooltip-button-secondary-2"
             class="TooltipPopover is-hidden"
-            data-spirit-placement="bottom-start"
+            data-spirit-placement="bottom-end"
             data-spirit-flip-fallback-placements="bottom"
             data-spirit-trigger="hover"
           >
@@ -359,7 +359,7 @@ <h2 class="docs-Heading">Tertiary</h2>
               <use xlink:href="/assets/icons/svg/sprite.svg#chevron-down" />
             </svg>
           </button>
-          <div class="DropdownPopover" data-spirit-placement="bottom-start" id="dropdown-tertiary-1">
+          <div class="DropdownPopover" data-spirit-placement="bottom-end" id="dropdown-tertiary-1">
             Dropdown content
           </div>
         </div>
@@ -389,7 +389,7 @@ <h2 class="docs-Heading">Tertiary</h2>
               <use xlink:href="/assets/icons/svg/sprite.svg#chevron-down" />
             </svg>
           </button>
-          <div class="DropdownPopover" data-spirit-placement="bottom-start" id="dropdown-tertiary-2">
+          <div class="DropdownPopover" data-spirit-placement="bottom-end" id="dropdown-tertiary-2">
             Dropdown content
           </div>
         </div>
@@ -418,7 +418,7 @@ <h2 class="docs-Heading">Tertiary</h2>
               <use xlink:href="/assets/icons/svg/sprite.svg#chevron-down" />
             </svg>
           </button>
-          <div class="DropdownPopover" data-spirit-placement="bottom-start" id="dropdown-tertiary-3">
+          <div class="DropdownPopover" data-spirit-placement="bottom-end" id="dropdown-tertiary-3">
             Dropdown content
           </div>
         </div>
@@ -484,7 +484,7 @@ <h2 class="docs-Heading">Tertiary</h2>
           <div
             id="tooltip-button-tertiary-2"
             class="TooltipPopover is-hidden"
-            data-spirit-placement="bottom-start"
+            data-spirit-placement="bottom-end"
             data-spirit-flip-fallback-placements="bottom"
             data-spirit-trigger="hover"
           >
@@ -526,7 +526,7 @@ <h2 class="docs-Heading">Disabled</h2>
               <use xlink:href="/assets/icons/svg/sprite.svg#chevron-down" />
             </svg>
           </button>
-          <div class="DropdownPopover" data-spirit-placement="bottom-start" id="dropdown-primary-1">
+          <div class="DropdownPopover" data-spirit-placement="bottom-end" id="dropdown-primary-1">
             Dropdown content
           </div>
         </div>
@@ -557,7 +557,7 @@ <h2 class="docs-Heading">Disabled</h2>
               <use xlink:href="/assets/icons/svg/sprite.svg#chevron-down" />
             </svg>
           </button>
-          <div class="DropdownPopover" data-spirit-placement="bottom-start" id="dropdown-primary-2">
+          <div class="DropdownPopover" data-spirit-placement="bottom-end" id="dropdown-primary-2">
             Dropdown content
           </div>
         </div>
@@ -587,7 +587,7 @@ <h2 class="docs-Heading">Disabled</h2>
               <use xlink:href="/assets/icons/svg/sprite.svg#chevron-down" />
             </svg>
           </button>
-          <div class="DropdownPopover" data-spirit-placement="bottom-start" id="dropdown-primary-3">
+          <div class="DropdownPopover" data-spirit-placement="bottom-end" id="dropdown-primary-3">
             Dropdown content
           </div>
         </div>
@@ -655,7 +655,7 @@ <h2 class="docs-Heading">Disabled</h2>
           <div
             id="tooltip-button-primary-2"
             class="TooltipPopover is-hidden"
-            data-spirit-placement="bottom-start"
+            data-spirit-placement="bottom-end"
             data-spirit-flip-fallback-placements="bottom"
             data-spirit-trigger="hover"
           >