@getflip/swirl-components 0.96.2 → 0.97.0

package/dist/types/components.d.ts

@@ -23,6 +23,7 @@ import { WCDatepickerLabels } from "wc-datepicker/dist/types/components/wc-datep
 import { SwirlDescriptionListItemOrientation } from "./components/swirl-description-list-item/swirl-description-list-item";
 import { SwirlDialogIntent } from "./components/swirl-dialog/swirl-dialog";
 import { SwirlEmojiSize } from "./components/swirl-emoji/swirl-emoji.types";
+import { SwirlButtonVariant as SwirlButtonVariant1 } from "./components/swirl-button/swirl-button";
 import { SwirlFileViewerPdfViewMode, SwirlFileViewerPdfZoom } from "./components/swirl-file-viewer/viewers/swirl-file-viewer-pdf/swirl-file-viewer-pdf";
 import { SwirlFileViewerPdfViewMode as SwirlFileViewerPdfViewMode1, SwirlFileViewerPdfZoom as SwirlFileViewerPdfZoom1 } from "./components/swirl-file-viewer/viewers/swirl-file-viewer-pdf/swirl-file-viewer-pdf";
 import { SwirlFormControlLabelPosition } from "./components/swirl-form-control/swirl-form-control";
@@ -80,6 +81,7 @@ export { WCDatepickerLabels } from "wc-datepicker/dist/types/components/wc-datep
 export { SwirlDescriptionListItemOrientation } from "./components/swirl-description-list-item/swirl-description-list-item";
 export { SwirlDialogIntent } from "./components/swirl-dialog/swirl-dialog";
 export { SwirlEmojiSize } from "./components/swirl-emoji/swirl-emoji.types";
+export { SwirlButtonVariant as SwirlButtonVariant1 } from "./components/swirl-button/swirl-button";
 export { SwirlFileViewerPdfViewMode, SwirlFileViewerPdfZoom } from "./components/swirl-file-viewer/viewers/swirl-file-viewer-pdf/swirl-file-viewer-pdf";
 export { SwirlFileViewerPdfViewMode as SwirlFileViewerPdfViewMode1, SwirlFileViewerPdfZoom as SwirlFileViewerPdfZoom1 } from "./components/swirl-file-viewer/viewers/swirl-file-viewer-pdf/swirl-file-viewer-pdf";
 export { SwirlFormControlLabelPosition } from "./components/swirl-form-control/swirl-form-control";
@@ -473,7 +475,9 @@ export namespace Components {
          */
         "reset": () => Promise<void>;
         "showDropzone"?: boolean;
+        "uploadButtonIcon"?: string;
         "uploadButtonLabel"?: string;
+        "uploadButtonVariant"?: SwirlButtonVariant1;
     }
     interface SwirlFileViewer {
         "active"?: boolean;
@@ -4353,7 +4357,9 @@ declare namespace LocalJSX {
         "multiple"?: boolean;
         "onValueChange"?: (event: SwirlFileUploaderCustomEvent<FileList>) => void;
         "showDropzone"?: boolean;
+        "uploadButtonIcon"?: string;
         "uploadButtonLabel"?: string;
+        "uploadButtonVariant"?: SwirlButtonVariant1;
     }
     interface SwirlFileViewer {
         "active"?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getflip/swirl-components",
-  "version": "0.96.2",
+  "version": "0.97.0",
   "description": "Swirl Design System Web Component Library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/vscode-data.json

@@ -1915,9 +1915,37 @@
           "name": "show-dropzone",
           "description": ""
         },
+        {
+          "name": "upload-button-icon",
+          "description": ""
+        },
         {
           "name": "upload-button-label",
           "description": ""
+        },
+        {
+          "name": "upload-button-variant",
+          "description": "",
+          "values": [
+            {
+              "name": "flat"
+            },
+            {
+              "name": "floating"
+            },
+            {
+              "name": "ghost"
+            },
+            {
+              "name": "on-image"
+            },
+            {
+              "name": "outline"
+            },
+            {
+              "name": "plain"
+            }
+          ]
         }
       ]
     },

package/dist/swirl-components/p-6d57eb56.entry.js

@@ -1 +0,0 @@
-import{r as i,c as e,h as l,H as r}from"./p-3fca9a05.js";import{c as s}from"./p-b7898321.js";const o=class{constructor(l){i(this,l),this.valueChange=e(this,"valueChange",7),this.onChange=i=>{this.valueChange.emit(i.target.files)},this.onUploadButtonClick=()=>{this.inputEl.click()},this.accept=void 0,this.ctaLabel="Click to upload",this.description=void 0,this.disabled=void 0,this.dragDropLabel="or drag and drop.",this.inputId=void 0,this.inputName=void 0,this.label=void 0,this.multiple=void 0,this.showDropzone=!0,this.uploadButtonLabel="Select file"}async reset(){this.inputEl.value=""}render(){const i=Boolean(this.description)?`${this.inputId}-description ${this.inputId}-additional-label`:`${this.inputId}-additional-label`,e=this.showDropzone?0:-1,o=s("file-uploader",{"file-uploader--disabled":this.disabled,"file-uploader--show-dropzone":this.showDropzone});return l(r,null,l("div",{class:o},l("label",{class:"file-uploader__label",htmlFor:this.inputId,id:`${this.inputEl}-label`},this.label),this.description&&l("span",{class:"file-uploader__description",id:`${this.inputId}-description`},this.description),l("div",{class:"file-uploader__dropzone"},this.showDropzone?[l("swirl-icon-cloud-upload",{class:"file-uploader__dropzone-icon"}),l("div",{class:"file-uploader__dropzone-label",id:`${this.inputId}-additional-label`},l("span",{class:"file-uploader__dropzone-cta"},this.ctaLabel)," ",l("span",{class:"file-uploader__drag-drop-label"},this.dragDropLabel))]:l("swirl-button",{class:"file-uploader__upload-button",disabled:this.disabled,swirlAriaDescribedby:i,intent:"primary",label:this.uploadButtonLabel,onClick:this.onUploadButtonClick,variant:"flat"}),l("input",{accept:this.accept,"aria-describedby":i,"aria-disabled":this.disabled,autoComplete:"off",class:"file-uploader__input",disabled:this.disabled,id:this.inputId,multiple:this.multiple,name:this.inputName,onChange:this.onChange,ref:i=>this.inputEl=i,tabIndex:e,type:"file"}))))}};o.style=".sc-swirl-file-uploader-h{display:block;width:100%}.sc-swirl-file-uploader-h *.sc-swirl-file-uploader{box-sizing:border-box}.file-uploader.sc-swirl-file-uploader{width:100%}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__dropzone.sc-swirl-file-uploader{position:relative;display:flex;width:100%;height:10rem;margin-top:var(--s-space-4);justify-content:center;align-items:center;border:var(--s-border-width-default) dashed var(--s-border-strong);border-radius:var(--s-border-radius-s);flex-direction:column}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__dropzone.sc-swirl-file-uploader:focus-within{border-width:0.125rem;border-color:var(--s-focus-default)}.file-uploader--show-dropzone.sc-swirl-file-uploader .file-uploader__input.sc-swirl-file-uploader{position:absolute;z-index:1;display:block;width:100%;cursor:pointer;opacity:0;inset:0}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__input.sc-swirl-file-uploader{cursor:default}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__dropzone-cta.sc-swirl-file-uploader,.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__drag-drop-label.sc-swirl-file-uploader{color:var(--s-text-disabled)}.file-uploader--disabled.sc-swirl-file-uploader .file-uploader__dropzone-icon.sc-swirl-file-uploader{color:var(--s-text-disabled)}.file-uploader__label.sc-swirl-file-uploader{display:block;font-weight:var(--s-font-weight-semibold);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__label.sc-swirl-file-uploader{font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.file-uploader__description.sc-swirl-file-uploader{display:block;margin-top:var(--s-space-4);margin-bottom:var(--s-space-8);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__description.sc-swirl-file-uploader{margin-top:var(--s-space-2)}}.file-uploader__dropzone-icon.sc-swirl-file-uploader{color:var(--s-icon-highlight)}.file-uploader__dropzone-label.sc-swirl-file-uploader{margin-top:var(--s-space-16);line-height:var(--s-line-height-base)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__dropzone-label.sc-swirl-file-uploader{margin-top:var(--s-space-8);font-size:var(--s-font-size-sm);line-height:var(--s-line-height-sm)}}.file-uploader__dropzone-cta.sc-swirl-file-uploader{color:var(--s-interactive-primary-default);font-weight:var(--s-font-weight-medium)}.file-uploader__upload-button.sc-swirl-file-uploader{margin-top:var(--s-space-16)}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.file-uploader__upload-button.sc-swirl-file-uploader{margin-top:var(--s-space-12)}}.file-uploader__input.sc-swirl-file-uploader{display:none}.file-uploader__input.sc-swirl-file-uploader::-webkit-file-upload-button{cursor:pointer}.file-uploader__input.sc-swirl-file-uploader::file-selector-button{cursor:pointer}";export{o as swirl_file_uploader}