UBER-142: update buttons. Cleaning CSS. (#3482)

Signed-off-by: Alexander Platov <sas_lord@mail.ru>

plugins/tracker-resources/src/components/issues/edit/CopyToClipboardButton.svelte

@@ -24,7 +24,7 @@
 
 <Button
   {icon}
-  kind={'transparent'}
+  kind={'ghost'}
   showTooltip={{ label: title, direction: 'bottom' }}
   on:click={() => copyTextToClipboard(text)}
 />

plugins/tracker-resources/src/components/issues/edit/EditIssue.svelte

@@ -230,13 +230,13 @@
       {#if issueId}{issueId}{/if}
     </span>
     <svelte:fragment slot="utils">
-      <Button icon={IconMoreH} kind={'transparent'} size={'medium'} on:click={showMenu} />
+      <Button icon={IconMoreH} kind={'ghost'} size={'medium'} on:click={showMenu} />
       {#if issueId}
         <CopyToClipboard issueUrl={generateIssueShortLink(issueId)} {issueId} />
       {/if}
       <Button
         icon={setting.icon.Setting}
-        kind={'transparent'}
+        kind={'ghost'}
         showTooltip={{ label: setting.string.ClassSetting }}
         on:click={(ev) => {
           ev.stopPropagation()
@@ -251,7 +251,7 @@
         }}
       />
       <Button
-        kind={'transparent'}
+        kind={'ghost'}
         selected={showAllMixins}
         on:click={() => {
           showAllMixins = !showAllMixins

plugins/tracker-resources/src/components/issues/edit/SubIssues.svelte

@@ -89,7 +89,7 @@
   {#if hasSubIssues}
     <Button
       width="min-content"
-      kind="transparent"
+      kind="ghost"
       on:click={() => {
         isCollapsed = !isCollapsed
       }}
@@ -102,12 +102,12 @@
   {/if}
   <div class="flex-row-center gap-2">
     {#if viewlet && hasSubIssues && viewOptions}
-      <ViewletSettingButton bind:viewOptions {viewlet} kind={'transparent'} />
+      <ViewletSettingButton bind:viewOptions {viewlet} kind={'ghost'} />
     {/if}
     {#if hasSubIssues}
       <Button
         icon={IconScaleFull}
-        kind={'transparent'}
+        kind={'ghost'}
         showTooltip={{ label: tracker.string.OpenSubIssues, direction: 'bottom' }}
         on:click={() => {
           const filter = createFilter(tracker.class.Issue, 'attachedTo', [issue._id])
@@ -130,7 +130,7 @@
       icon={hasSubIssues ? IconAdd : undefined}
       label={hasSubIssues ? undefined : tracker.string.AddSubIssues}
       labelParams={{ subIssues: 0 }}
-      kind={'transparent'}
+      kind={'ghost'}
       showTooltip={{ label: tracker.string.AddSubIssues, props: { subIssues: 1 }, direction: 'bottom' }}
       on:click={() => {
         isCollapsed = false

plugins/tracker-resources/src/components/issues/edit/SubIssuesSelector.svelte

@@ -153,7 +153,7 @@
           <div class="flex-row-center content-color text-sm pointer-events-none">
             {#if !compactMode}
               <div class="mr-1-5">
-                <ProgressCircle bind:value={countComplete} bind:max={subIssues.length} size={'small'} primary />
+                <ProgressCircle bind:value={countComplete} bind:max={subIssues.length} size={'small'} accented />
               </div>
             {/if}
             {countComplete}/{subIssues.length}