feat(file-uploader-button): support danger-tertiary, danger-ghost…

… button variants (#1784)
carbon-design-system · Jul 23, 2023 · 709322c · 709322c
1 parent 50e1577
commit 709322c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/docs/src/pages/components/FileUploader.svx b/docs/src/pages/components/FileUploader.svx
@@ -11,10 +11,16 @@ components: ["FileUploaderButton", "FileUploader", "FileUploaderDropContainer",
 
 By default, the file uploader only accepts one file.
 
-Set `multiple` to `true` for multiple files to be uploaded.
+Set `multiple` to `true` for multiple files to be accepted.
 
 <FileUploaderButton labelText="Add files" />
 
+## Custom button kind
+
+By default, the `primary` button kind is used.
+
+<FileUploaderButton kind="secondary" labelText="Add files" />
+
 ## File uploader
 
 The `FileUploader` wraps `FileUploaderButton` and lists out uploaded files.

diff --git a/src/FileUploader/FileUploaderButton.svelte b/src/FileUploader/FileUploaderButton.svelte
@@ -74,6 +74,8 @@
   class:bx--btn--tertiary="{kind === 'tertiary'}"
   class:bx--btn--ghost="{kind === 'ghost'}"
   class:bx--btn--danger="{kind === 'danger'}"
+  class:bx--btn--danger-tertiary="{kind === 'danger-tertiary'}"
+  class:bx--btn--danger-ghost="{kind === 'danger-ghost'}"
   on:keydown
   on:keydown="{({ key }) => {
     if (key === ' ' || key === 'Enter') {