From e47b3d69aa96f0b4283e5a78f7a7b258032848d3 Mon Sep 17 00:00:00 2001
From: Laura Whitaker <laura.whitaker@temporal.io>
Date: Mon, 9 Dec 2024 11:56:18 -0700
Subject: [PATCH] Remove more rounded borders

---
 .../search-attribute-filter/conditional-menu.svelte    |  4 +---
 .../components/search-attribute-filter/index.svelte    |  4 ----
 .../search-attribute-menu.svelte                       |  2 +-
 src/lib/components/worker-compatibility.svelte         |  2 +-
 src/lib/components/worker-table.svelte                 |  2 +-
 .../workflow/dropdown-filter/conditional.svelte        | 10 ++--------
 src/lib/components/workflow/input-and-results.svelte   |  2 +-
 src/lib/components/workflow/workflow-counts.svelte     |  2 +-
 src/lib/holocene/alert.svelte                          |  2 +-
 src/lib/holocene/chip.svelte                           |  2 +-
 src/lib/holocene/compatibility-badge.svelte            |  4 ++--
 src/lib/holocene/monaco/markdown.svelte                |  2 +-
 src/lib/holocene/navigation/navigation-badge.svelte    |  2 +-
 src/lib/holocene/tooltip.svelte                        |  2 +-
 14 files changed, 15 insertions(+), 27 deletions(-)

diff --git a/src/lib/components/search-attribute-filter/conditional-menu.svelte b/src/lib/components/search-attribute-filter/conditional-menu.svelte
index 82c7ac86e..21cbe8970 100644
--- a/src/lib/components/search-attribute-filter/conditional-menu.svelte
+++ b/src/lib/components/search-attribute-filter/conditional-menu.svelte
@@ -59,9 +59,7 @@
   <MenuButton
     class="{noBorderRight ? '!border-r-0' : ''} {noBorderLeft
       ? '!border-l-0'
-      : ''} whitespace-nowrap {isNullFilter
-      ? 'rounded-l-none'
-      : 'rounded-none'}"
+      : ''} whitespace-nowrap"
     id="conditional-menu-button"
     controls="conditional-menu"
     {disabled}
diff --git a/src/lib/components/search-attribute-filter/index.svelte b/src/lib/components/search-attribute-filter/index.svelte
index e718cf303..f2f4fae07 100644
--- a/src/lib/components/search-attribute-filter/index.svelte
+++ b/src/lib/components/search-attribute-filter/index.svelte
@@ -228,8 +228,4 @@
   .filter {
     @apply grow;
   }
-
-  :global(.attribute-selected) {
-    @apply rounded-r-none;
-  }
 </style>
diff --git a/src/lib/components/search-attribute-filter/search-attribute-menu.svelte b/src/lib/components/search-attribute-filter/search-attribute-menu.svelte
index 6c4ab4daf..ff9522f35 100644
--- a/src/lib/components/search-attribute-filter/search-attribute-menu.svelte
+++ b/src/lib/components/search-attribute-filter/search-attribute-menu.svelte
@@ -57,7 +57,7 @@
     disabled={$activeQueryIndex !== null}
     count={$filter.attribute ? 0 : filters.length}
     on:click={() => (searchAttributeValue = '')}
-    class="text-nowrap {!!$filter.attribute && 'attribute-selected'}"
+    class="text-nowrap"
   >
     <svelte:fragment slot="leading">
       {#if !$filter.attribute}
diff --git a/src/lib/components/worker-compatibility.svelte b/src/lib/components/worker-compatibility.svelte
index 86271e0df..5c948320b 100644
--- a/src/lib/components/worker-compatibility.svelte
+++ b/src/lib/components/worker-compatibility.svelte
@@ -79,7 +79,7 @@
 </Table>
 <h2 class="flex items-center gap-2" data-testid="workers">
   {translate('workers.workers')}
-  <Badge type="count" class="rounded-sm">{workers?.pollers?.length || 0}</Badge>
+  <Badge type="count">{workers?.pollers?.length || 0}</Badge>
 </h2>
 <Table class="mb-6 w-full min-w-[600px] table-fixed">
   <caption class="sr-only" slot="caption"
diff --git a/src/lib/components/worker-table.svelte b/src/lib/components/worker-table.svelte
index c4f7cdf34..48ee750d6 100644
--- a/src/lib/components/worker-table.svelte
+++ b/src/lib/components/worker-table.svelte
@@ -16,7 +16,7 @@
 
 <h2 class="flex items-center gap-2" data-testid="workers">
   {translate('workers.workers')}
-  <Badge type="count" class="rounded-sm">{workers?.pollers?.length || 0}</Badge>
+  <Badge type="count">{workers?.pollers?.length || 0}</Badge>
 </h2>
 <Table class="mb-6 w-full min-w-[600px] table-fixed">
   <caption class="sr-only" slot="caption"
diff --git a/src/lib/components/workflow/dropdown-filter/conditional.svelte b/src/lib/components/workflow/dropdown-filter/conditional.svelte
index 1dc4830c8..baffba2ed 100644
--- a/src/lib/components/workflow/dropdown-filter/conditional.svelte
+++ b/src/lib/components/workflow/dropdown-filter/conditional.svelte
@@ -4,18 +4,12 @@
 
 <div class="mt-2 transition-all hover:cursor-pointer">
   <button class="flex items-center" on:click={() => (conditional = '=')}>
-    <div
-      class="ml-4 mr-2 rounded-sm p-1 text-primary"
-      class:active={conditional === '='}
-    >
+    <div class="ml-4 mr-2 p-1 text-primary" class:active={conditional === '='}>
       Is
     </div>
   </button>
   <button class="flex items-center" on:click={() => (conditional = '!=')}>
-    <div
-      class="ml-4 mr-2 rounded-sm p-1 text-primary"
-      class:active={conditional === '!='}
-    >
+    <div class="ml-4 mr-2 p-1 text-primary" class:active={conditional === '!='}>
       Is Not
     </div>
   </button>
diff --git a/src/lib/components/workflow/input-and-results.svelte b/src/lib/components/workflow/input-and-results.svelte
index cb294fae8..b7905aec4 100644
--- a/src/lib/components/workflow/input-and-results.svelte
+++ b/src/lib/components/workflow/input-and-results.svelte
@@ -51,7 +51,7 @@
   <h3 class="mb-2 flex items-center gap-2">
     {title}
     {#if showParsedContentCount}
-      <Badge type="count" class="rounded-sm">{payloads.length}</Badge>
+      <Badge type="count">{payloads.length}</Badge>
     {/if}
   </h3>
   {#if content}
diff --git a/src/lib/components/workflow/workflow-counts.svelte b/src/lib/components/workflow/workflow-counts.svelte
index de77401a6..c59926b09 100644
--- a/src/lib/components/workflow/workflow-counts.svelte
+++ b/src/lib/components/workflow/workflow-counts.svelte
@@ -170,7 +170,7 @@
         />
       </button>
     {:else}
-      <Skeleton class="h-6 w-24 rounded" />
+      <Skeleton class="h-6 w-24 rounded-sm" />
     {/if}
   {/each}
 </div>
diff --git a/src/lib/holocene/alert.svelte b/src/lib/holocene/alert.svelte
index 360e41069..6205cb301 100644
--- a/src/lib/holocene/alert.svelte
+++ b/src/lib/holocene/alert.svelte
@@ -64,7 +64,7 @@
 
 <style lang="postcss">
   .alert {
-    @apply items-start gap-2 break-words rounded-lg border p-5 text-sm text-primary;
+    @apply items-start gap-2 break-words border p-5 text-sm text-primary;
   }
 
   .alert.success {
diff --git a/src/lib/holocene/chip.svelte b/src/lib/holocene/chip.svelte
index f08a4bab9..13bd67162 100644
--- a/src/lib/holocene/chip.svelte
+++ b/src/lib/holocene/chip.svelte
@@ -36,7 +36,7 @@
 
 <style lang="postcss">
   .chip {
-    @apply surface-subtle flex h-8 w-fit min-w-fit flex-row items-center justify-between gap-1 whitespace-nowrap break-all rounded-md p-1 text-sm;
+    @apply surface-subtle flex h-8 w-fit min-w-fit flex-row items-center justify-between gap-1 whitespace-nowrap break-all rounded-sm p-1 text-sm;
 
     :global(.icon-button) {
       @apply ml-1 h-auto w-fit;
diff --git a/src/lib/holocene/compatibility-badge.svelte b/src/lib/holocene/compatibility-badge.svelte
index 8c48a6207..f6ab806b4 100644
--- a/src/lib/holocene/compatibility-badge.svelte
+++ b/src/lib/holocene/compatibility-badge.svelte
@@ -12,7 +12,7 @@
   {#if defaultVersion && buildId}
     <span
       class={merge(
-        'flex items-center gap-1 rounded border border-subtle px-1 text-sm text-primary',
+        'flex items-center gap-1 rounded-sm border border-subtle px-1 text-sm text-primary',
         active && 'border-green-200 bg-green-200 text-black',
       )}
     >
@@ -22,7 +22,7 @@
     </span>
   {:else if buildId}
     <span
-      class="flex items-center gap-1 rounded border border-subtle px-1 text-sm text-primary"
+      class="flex items-center gap-1 rounded-sm border border-subtle px-1 text-sm text-primary"
     >
       <Icon name="merge" />{buildId}
     </span>
diff --git a/src/lib/holocene/monaco/markdown.svelte b/src/lib/holocene/monaco/markdown.svelte
index c31007bb6..6eeb1e392 100644
--- a/src/lib/holocene/monaco/markdown.svelte
+++ b/src/lib/holocene/monaco/markdown.svelte
@@ -47,7 +47,7 @@
       on:load={resizeIframe}
       title="output"
       src="/render?content={encodeURIComponent(templatedContent)}&theme={theme}"
-      class="w-full rounded-md"
+      class="w-full"
     />
   {/key}
 </section>
diff --git a/src/lib/holocene/navigation/navigation-badge.svelte b/src/lib/holocene/navigation/navigation-badge.svelte
index 47e1a30b0..a04e283a5 100644
--- a/src/lib/holocene/navigation/navigation-badge.svelte
+++ b/src/lib/holocene/navigation/navigation-badge.svelte
@@ -23,7 +23,7 @@
     href={link}
     {rel}
     {target}
-    class="relative flex cursor-pointer items-center rounded-lg border border-white/10 bg-white/5 text-white hover:bg-white hover:text-black group-data-[nav=closed]:p-1 group-data-[nav=open]:px-2.5 group-data-[nav=open]:py-2"
+    class="relative flex cursor-pointer items-center border border-white/10 bg-white/5 text-white hover:bg-white hover:text-black group-data-[nav=closed]:p-1 group-data-[nav=open]:px-2.5 group-data-[nav=open]:py-2"
   >
     <div
       class="flex h-6 w-6 items-center whitespace-nowrap after:absolute after:left-[calc(100%_+_1.5rem)] after:top-0 after:hidden after:h-8 after:items-center after:rounded-md after:bg-slate-800 after:p-1 after:px-2 after:text-xs after:text-white after:content-[attr(data-tooltip)] group-data-[nav=open]:hidden group-data-[nav=open]:justify-start group-data-[nav=closed]:justify-center group-data-[nav=closed]:hover:after:flex"
diff --git a/src/lib/holocene/tooltip.svelte b/src/lib/holocene/tooltip.svelte
index e1d4b01c2..b63357763 100644
--- a/src/lib/holocene/tooltip.svelte
+++ b/src/lib/holocene/tooltip.svelte
@@ -91,7 +91,7 @@
       class:topLeft
       style={width ? `white-space: pre-wrap; width: ${width}px;` : null}
     >
-      <div class="inline-block rounded-lg bg-slate-800 px-2 py-2">
+      <div class="inline-block rounded-md bg-slate-800 px-2 py-2">
         <div class="flex gap-2 text-slate-100">
           <slot name="content">
             {#if icon}<Icon name={icon} class="inline h-4 text-white" />{/if}