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

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

plugins/document-resources/src/components/CreateDocument.svelte

@@ -108,7 +108,7 @@
 >
   <div class="flex-row-center clear-mins">
     <div class="mr-3">
-      <Button icon={document.icon.Document} size={'medium'} kind={'link-bordered'} disabled />
+      <Button icon={document.icon.Document} size={'medium'} kind={'link-bordered'} noFocus />
     </div>
     <EditBox
       placeholder={document.string.DocumentNamePlaceholder}
@@ -123,7 +123,7 @@
       items={object.authors}
       label={document.string.Authors}
       emptyLabel={document.string.Authors}
-      kind={'secondary'}
+      kind={'regular'}
       size={'large'}
       width={'min-content'}
       on:update={({ detail }) => (object.authors = detail)}
@@ -132,7 +132,7 @@
       items={object.approvers}
       label={document.string.Approvers}
       emptyLabel={document.string.Approvers}
-      kind={'secondary'}
+      kind={'regular'}
       size={'large'}
       width={'min-content'}
       on:update={({ detail }) => (object.approvers = detail)}
@@ -141,7 +141,7 @@
       items={object.reviewers}
       label={document.string.Reviewers}
       emptyLabel={document.string.Reviewers}
-      kind={'secondary'}
+      kind={'regular'}
       size={'large'}
       width={'min-content'}
       on:update={({ detail }) => (object.reviewers = detail)}

plugins/document-resources/src/components/EditDoc.svelte

@@ -493,7 +493,7 @@
           />
         {/if}
       {/if}
-      <Button icon={IconMoreH} kind={'transparent'} size={'medium'} on:click={showMenu} />
+      <Button icon={IconMoreH} kind={'ghost'} size={'medium'} on:click={showMenu} />
     </svelte:fragment>
 
     <div class="description-preview select-text mt-2 emphasized">
@@ -574,8 +574,8 @@
     transition: border-color 0.1s var(--timing-main), box-shadow 0.1s var(--timing-main);
 
     &:focus-within {
-      border-color: var(--primary-button-focused-border);
-      box-shadow: 0 0 0 3px var(--primary-button-outline);
+      border-color: var(--accented-button-focused-border);
+      box-shadow: 0 0 0 3px var(--accented-button-outline);
     }
   }
 </style>

plugins/document-resources/src/components/NewDocumentHeader.svelte

@@ -28,7 +28,7 @@
     label={document.string.CreateDocument}
     justify={'left'}
     width={'100%'}
-    kind={'primary'}
+    kind={'accented'}
     size={'large'}
     on:click={newDocument}
   />