Remove clipboard-copy dependency from CodeSnippet, CopyButton (#726)

* chore(deps): remove clipboard-copy

* feat: add copy prop, use navigator.clipboard API

* docs: add clipboard-copy back to docsite for more browser support

* docs(component-api): use outbound link

* docs: add override/prevent copy examples

tests/CodeSnippet.test.svelte

@@ -35,7 +35,9 @@ export function subtract(a: number, b: number) {
   hideCloseButton
 />
 
-<CodeSnippet>yarn add -D carbon-components-svelte</CodeSnippet>
+<CodeSnippet copy="{(text) => {}}"
+  >yarn add -D carbon-components-svelte</CodeSnippet
+>
 
 <CodeSnippet type="inline">rm -rf node_modules/</CodeSnippet>
 

tests/CopyButton.test.svelte

@@ -1,16 +1,11 @@
 <script lang="ts">
-  import { CopyButton, InlineNotification } from "../types";
+  import { CopyButton } from "../types";
 </script>
 
-<InlineNotification
-  svx-ignore
-  lowContrast
-  title="Note:"
-  subtitle="By design, the copy button does not copy text to the clipboard. You will need to write your own logic."
-  kind="info"
-  hideCloseButton
+<CopyButton
+  text="text"
+  on:click
+  on:copy
+  copy="{(text) => {}}"
+  feedback="Copied to clipboard"
 />
-
-<CopyButton on:click />
-
-<CopyButton on:click feedback="Copied to clipboard" />