@verdocs/web-sdk 6.10.7 → 6.13.0

package/dist/types/components/embeds/verdocs-send/verdocs-send.d.ts

@@ -1,8 +1,23 @@
+import type { IBrand, IOrganization } from '@verdocs/js-sdk';
 import { EventEmitter } from '../../../stencil-public-runtime';
+import type { ICreateEnvelopeFromTemplateRequest, ICreateEnvelopeRecipientFromTemplate, IEnvelope, IRecipient, ITemplate } from '@verdocs/js-sdk';
 import { VerdocsEndpoint } from '@verdocs/js-sdk';
-import type { ICreateEnvelopeRecipientFromTemplate, IEnvelope, IRecipient, ITemplate } from '@verdocs/js-sdk';
 import { IContactSearchEvent } from '../../envelopes/verdocs-contact-picker/verdocs-contact-picker';
 import { SDKError } from '../../../utils/errors';
+type TSendView = 'main' | 'recipient' | 'brand' | 'expires' | 'notifications';
+export interface ISendEventDetail extends ICreateEnvelopeFromTemplateRequest {
+    name: string;
+    template_id: string;
+    recipients: ICreateEnvelopeRecipientFromTemplate[];
+    template: ITemplate;
+}
+export interface ISentEventDetail extends ICreateEnvelopeFromTemplateRequest {
+    name: string;
+    template_id: string;
+    recipients: ICreateEnvelopeRecipientFromTemplate[];
+    envelope_id: string;
+    envelope: IEnvelope;
+}
 /**
  * Display a form to send a template to one or more recipients in an envelope for signing.
  * Host applications should ensure the template is "sendable" before displaying this component.
@@ -22,6 +37,7 @@ import { SDKError } from '../../../utils/errors';
  */
 export declare class VerdocsSend {
     private templateListenerId;
+    el: HTMLElement;
     /**
      * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
      */
@@ -42,25 +58,18 @@ export declare class VerdocsSend {
      * the embed is shown in a non-wizard flow with its own navigation for the user to exit.
      */
     showCancel: boolean;
+    /**
+     * Preselect a brand by key, overriding the organization default.
+     */
+    brandKey: string;
     /**
      * The user is sending an envelope the form and clicked send.
      */
-    beforeSend: EventEmitter<{
-        recipients: ICreateEnvelopeRecipientFromTemplate[];
-        name: string;
-        template_id: string;
-        template: ITemplate;
-    }>;
+    beforeSend: EventEmitter<ISendEventDetail>;
     /**
      * The user completed the form and clicked send.
      */
-    send: EventEmitter<{
-        recipients: ICreateEnvelopeRecipientFromTemplate[];
-        name: string;
-        template_id: string;
-        envelope_id: string;
-        envelope: IEnvelope;
-    }>;
+    send: EventEmitter<ISentEventDetail>;
     /**
      * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved "cancel" event name.
      */
@@ -75,15 +84,35 @@ export declare class VerdocsSend {
      * the `contactSuggestions` property.
      */
     searchContacts: EventEmitter<IContactSearchEvent>;
+    private swipeStart;
+    private swallowNextClick;
+    private loadedOrganizationId;
     containerId: string;
-    showPickerForId: string;
-    sessionContacts: any[];
+    view: TSendView;
+    editingRoleId: string;
+    sessionContacts: {
+        id: string;
+        first_name: string;
+        last_name: string;
+        email: string;
+        phone: string;
+    }[];
     sending: boolean;
+    brands: IBrand[];
+    organization: IOrganization | null;
+    expiresInDays: string;
+    noContact: boolean;
     rolesCompleted: Record<string, Partial<IRecipient>>;
     loading: boolean;
     template: ITemplate | null;
     disconnectedCallback(): void;
+    componentDidLoad(): void;
+    componentDidRender(): void;
     listenToTemplate(): Promise<void>;
+    loadBrands(): void;
+    handleExpiryInput(e: any): void;
+    effectiveExpiryDays(): number;
+    expiresAt(): Date;
     unlistenToTemplate(): void;
     reset(): Promise<void>;
     onTemplateIdChanged(newTemplateId: string): void;
@@ -91,10 +120,28 @@ export declare class VerdocsSend {
     recomputeRolesCompleted(): void;
     getSequenceNumbers(): number[];
     getRolesAtLevel(level: number): Partial<IRecipient>[];
-    getLevelIcon(level: 'start' | 'end' | 'sequence'): any;
+    getRoleById(id: string): Partial<IRecipient> | null;
+    getRecipientOptionLabels(recipient: Partial<IRecipient> | undefined): string[];
+    getDefaultBrand(): IBrand | null;
+    getDefaultBrandLabel(): string;
+    getSelectedBrandLabel(): string;
+    showView(view: TSendView): void;
     handleSelectContact(e: any, role: Partial<IRecipient>): void;
     handleClickRole(e: any, role: Partial<IRecipient>): void;
     handleSend(e: any): void;
     handleCancel(e: any): void;
+    handleSwipeStart(e: PointerEvent): void;
+    handleSwipeEnd(e: PointerEvent): void;
+    renderDetailHeader(title: any): any;
+    renderDetailBody(content: any): any;
+    renderDoneButton(): any;
+    renderRecipientView(): any;
+    renderBrandSwatch(brand: IBrand | null, fallbackInitial: string): any;
+    renderBrandOption(key: string, label: string, sub: string, swatch: any): any;
+    renderBrandView(): any;
+    renderExpiresView(): any;
+    renderNotificationsView(): any;
+    renderDetail(): any;
     render(): any;
 }
+export {};

package/dist/types/components/envelopes/verdocs-contact-picker/verdocs-contact-picker.d.ts

@@ -1,5 +1,6 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 import { IEntitlement, IProfile, IRecipient, TEntitlement, TRecipientAuthMethod, VerdocsEndpoint } from '@verdocs/js-sdk';
+type TSigningOption = 'none' | 'delegator' | 'name_locked';
 export interface IContactSearchEvent {
     query: string;
 }
@@ -35,6 +36,9 @@ export type TPickerContact = Partial<IProfile>;
  * ```
  */
 export declare class VerdocsContactPicker {
+    el: HTMLElement;
+    private namesRowEl;
+    private suggestionsEl;
     /**
      * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
      */
@@ -48,6 +52,10 @@ export declare class VerdocsContactPicker {
      * of suggestions be limited to the 5 best matching records.
      */
     contactSuggestions: TPickerContact[];
+    /**
+     * Whether to show a Cancel button beside Done.
+     */
+    showCancel: boolean;
     /**
      * Event fired when the user enters text in the search field. The calling application may use this to update
      * the `contactSuggestions` property.
@@ -81,10 +89,19 @@ export declare class VerdocsContactPicker {
     activeEntitlements: Partial<Record<TEntitlement, IEntitlement>>;
     authMethodsLoading: boolean;
     componentWillLoad(): Promise<void>;
+    componentDidRender(): void;
+    handleDocumentClick(e: MouseEvent): void;
     handleFirstNameChange(e: any): void;
     handleLastNameChange(e: any): void;
     handleCancel(e: any): void;
     handleSubmit(e: any): void;
     handleSelectSuggestion(e: any, suggestion: TPickerContact): void;
+    toggleAuthMethod(method: TRecipientAuthMethod): void;
+    setSigningOption(option: TSigningOption): void;
+    renderPill(label: string, selected: boolean, onClick: () => void, opts?: {
+        locked?: boolean;
+        title?: string;
+    }): any;
     render(): any;
 }
+export {};

package/dist/types/components.d.ts

@@ -16,6 +16,7 @@ import { ISelectedFile } from "./components/fields/verdocs-field-attachment/verd
 import { IMultiSelectOption } from "./components/controls/verdocs-multiselect/verdocs-multiselect";
 import { IFilterOption } from "./components/controls/verdocs-quick-filter/verdocs-quick-filter";
 import { ISearchEvent, TContentType } from "./components/elements/verdocs-search-box/verdocs-search-box";
+import { ISendEventDetail, ISentEventDetail } from "./components/embeds/verdocs-send/verdocs-send";
 import { IContactSearchEvent as IContactSearchEvent1 } from "./components/envelopes/verdocs-contact-picker/verdocs-contact-picker";
 import { IColumn } from "./components/controls/verdocs-table/verdocs-table";
 import { ITab } from "./components/controls/verdocs-tabs/verdocs-tabs";
@@ -34,6 +35,7 @@ export { ISelectedFile } from "./components/fields/verdocs-field-attachment/verd
 export { IMultiSelectOption } from "./components/controls/verdocs-multiselect/verdocs-multiselect";
 export { IFilterOption } from "./components/controls/verdocs-quick-filter/verdocs-quick-filter";
 export { ISearchEvent, TContentType } from "./components/elements/verdocs-search-box/verdocs-search-box";
+export { ISendEventDetail, ISentEventDetail } from "./components/embeds/verdocs-send/verdocs-send";
 export { IContactSearchEvent as IContactSearchEvent1 } from "./components/envelopes/verdocs-contact-picker/verdocs-contact-picker";
 export { IColumn } from "./components/controls/verdocs-table/verdocs-table";
 export { ITab } from "./components/controls/verdocs-tabs/verdocs-tabs";
@@ -65,7 +67,7 @@ export namespace Components {
      * view for the application.
      * To simplify UI development, a visibility flag can force this component to never display. This
      * allows you to subscribe to notifications from client apps without calling the lower-level JS SDK.
-     * This embed is responsive / mobile-friendly, but the calling application should provide at
+     * This embed is responsive and mobile-friendly, but the calling application should provide at
      * least a 300px wide container to allow sufficient space for the required forms.
      * ```ts
      * <verdocs-auth
@@ -79,7 +81,7 @@ export namespace Components {
           * The display mode to start in.
           * @default 'login'
          */
-        "displayMode": 'login' | 'forgot' | 'reset' | 'signup' | 'verify';
+        "displayMode": 'login' | 'forgot' | 'reset' | 'signup' | 'verify' | 'mfa';
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
           * @default VerdocsEndpoint.getDefault()
@@ -90,6 +92,11 @@ export namespace Components {
           * @default 'https://app.verdocs.com/assets/blue-logo.svg'
          */
         "logo": string;
+        /**
+          * Social auth is disabled by default because these are redirect flows that require allowable redirect_uri destinations be pre-registered. These will only work on Verdocs sites/apps, so third-party developers should not turn this on unless instructed to by Verdocs Support.
+          * @default false
+         */
+        "showSocialLogins": boolean;
         /**
           * Normally, if the user has a valid session, this embed will be invisible, otherwise it will display login / signup forms. If this is set to false, this embed will be invisible in both cases. Apps may use this to verify if a user has a valid session without needing a separate call to Verdocs JS SDK.
           * @default true
@@ -279,6 +286,11 @@ export namespace Components {
           * @default VerdocsEndpoint.getDefault()
          */
         "endpoint": VerdocsEndpoint;
+        /**
+          * Whether to show a Cancel button beside Done.
+          * @default true
+         */
+        "showCancel": boolean;
         /**
           * The role that this contact will be assigned to.
           * @default null
@@ -1897,6 +1909,11 @@ export namespace Components {
      * ```
      */
     interface VerdocsSend {
+        /**
+          * Preselect a brand by key, overriding the organization default.
+          * @default ''
+         */
+        "brandKey": string;
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
           * @default DefaultEndpoint
@@ -2887,7 +2904,7 @@ declare global {
      * view for the application.
      * To simplify UI development, a visibility flag can force this component to never display. This
      * allows you to subscribe to notifications from client apps without calling the lower-level JS SDK.
-     * This embed is responsive / mobile-friendly, but the calling application should provide at
+     * This embed is responsive and mobile-friendly, but the calling application should provide at
      * least a 300px wide container to allow sufficient space for the required forms.
      * ```ts
      * <verdocs-auth
@@ -4037,8 +4054,8 @@ declare global {
         new (): HTMLVerdocsSelectInputElement;
     };
     interface HTMLVerdocsSendElementEventMap {
-        "beforeSend": {recipients: ICreateEnvelopeRecipientFromTemplate[]; name: string; template_id: string; template: ITemplate};
-        "send": {recipients: ICreateEnvelopeRecipientFromTemplate[]; name: string; template_id: string; envelope_id: string; envelope: IEnvelope};
+        "beforeSend": ISendEventDetail;
+        "send": ISentEventDetail;
         "exit": any;
         "sdkError": SDKError;
         "searchContacts": IContactSearchEvent1;
@@ -4795,7 +4812,7 @@ declare namespace LocalJSX {
      * view for the application.
      * To simplify UI development, a visibility flag can force this component to never display. This
      * allows you to subscribe to notifications from client apps without calling the lower-level JS SDK.
-     * This embed is responsive / mobile-friendly, but the calling application should provide at
+     * This embed is responsive and mobile-friendly, but the calling application should provide at
      * least a 300px wide container to allow sufficient space for the required forms.
      * ```ts
      * <verdocs-auth
@@ -4809,7 +4826,7 @@ declare namespace LocalJSX {
           * The display mode to start in.
           * @default 'login'
          */
-        "displayMode"?: 'login' | 'forgot' | 'reset' | 'signup' | 'verify';
+        "displayMode"?: 'login' | 'forgot' | 'reset' | 'signup' | 'verify' | 'mfa';
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
           * @default VerdocsEndpoint.getDefault()
@@ -4828,6 +4845,11 @@ declare namespace LocalJSX {
           * Event fired if an error occurs. The event details will contain information about the error. Most errors will terminate the process, and the calling application should correct the condition and re-render the component.
          */
         "onSdkError"?: (event: VerdocsAuthCustomEvent<SDKError>) => void;
+        /**
+          * Social auth is disabled by default because these are redirect flows that require allowable redirect_uri destinations be pre-registered. These will only work on Verdocs sites/apps, so third-party developers should not turn this on unless instructed to by Verdocs Support.
+          * @default false
+         */
+        "showSocialLogins"?: boolean;
         /**
           * Normally, if the user has a valid session, this embed will be invisible, otherwise it will display login / signup forms. If this is set to false, this embed will be invisible in both cases. Apps may use this to verify if a user has a valid session without needing a separate call to Verdocs JS SDK.
           * @default true
@@ -5054,6 +5076,11 @@ declare namespace LocalJSX {
           * Event fired when the user enters text in the search field. The calling application may use this to update the `contactSuggestions` property.
          */
         "onSearchContacts"?: (event: VerdocsContactPickerCustomEvent<IContactSearchEvent>) => void;
+        /**
+          * Whether to show a Cancel button beside Done.
+          * @default true
+         */
+        "showCancel"?: boolean;
         /**
           * The role that this contact will be assigned to.
           * @default null
@@ -6977,6 +7004,11 @@ declare namespace LocalJSX {
      * ```
      */
     interface VerdocsSend {
+        /**
+          * Preselect a brand by key, overriding the organization default.
+          * @default ''
+         */
+        "brandKey"?: string;
         /**
           * The endpoint to use to communicate with Verdocs. If not set, the default endpoint will be used.
           * @default DefaultEndpoint
@@ -6990,7 +7022,7 @@ declare namespace LocalJSX {
         /**
           * The user is sending an envelope the form and clicked send.
          */
-        "onBeforeSend"?: (event: VerdocsSendCustomEvent<{recipients: ICreateEnvelopeRecipientFromTemplate[]; name: string; template_id: string; template: ITemplate}>) => void;
+        "onBeforeSend"?: (event: VerdocsSendCustomEvent<ISendEventDetail>) => void;
         /**
           * Event fired when the step is cancelled. This is called exit to avoid conflicts with the JS-reserved "cancel" event name.
          */
@@ -7006,7 +7038,7 @@ declare namespace LocalJSX {
         /**
           * The user completed the form and clicked send.
          */
-        "onSend"?: (event: VerdocsSendCustomEvent<{recipients: ICreateEnvelopeRecipientFromTemplate[]; name: string; template_id: string; envelope_id: string; envelope: IEnvelope}>) => void;
+        "onSend"?: (event: VerdocsSendCustomEvent<ISentEventDetail>) => void;
         /**
           * Whether to show the cancel button. It may be useful to disable this in environments where the embed is shown in a non-wizard flow with its own navigation for the user to exit.
           * @default true
@@ -7964,7 +7996,8 @@ declare namespace LocalJSX {
     interface VerdocsAuthAttributes {
         "visible": boolean;
         "logo": string;
-        "displayMode": 'login' | 'forgot' | 'reset' | 'signup' | 'verify';
+        "displayMode": 'login' | 'forgot' | 'reset' | 'signup' | 'verify' | 'mfa';
+        "showSocialLogins": boolean;
     }
     interface VerdocsBuildAttributes {
         "templateId": string | null;
@@ -7994,6 +8027,9 @@ declare namespace LocalJSX {
     interface VerdocsComponentErrorAttributes {
         "message": string;
     }
+    interface VerdocsContactPickerAttributes {
+        "showCancel": boolean;
+    }
     interface VerdocsDateInputAttributes {
         "value": string;
         "label": string;
@@ -8293,6 +8329,7 @@ declare namespace LocalJSX {
         "templateId": string | null;
         "environment": string;
         "showCancel": boolean;
+        "brandKey": string;
     }
     interface VerdocsSignAttributes {
         "envelopeId": string | null;
@@ -8421,7 +8458,7 @@ declare namespace LocalJSX {
         "verdocs-button-panel": Omit<VerdocsButtonPanel, keyof VerdocsButtonPanelAttributes> & { [K in keyof VerdocsButtonPanel & keyof VerdocsButtonPanelAttributes]?: VerdocsButtonPanel[K] } & { [K in keyof VerdocsButtonPanel & keyof VerdocsButtonPanelAttributes as `attr:${K}`]?: VerdocsButtonPanelAttributes[K] } & { [K in keyof VerdocsButtonPanel & keyof VerdocsButtonPanelAttributes as `prop:${K}`]?: VerdocsButtonPanel[K] };
         "verdocs-checkbox": Omit<VerdocsCheckbox, keyof VerdocsCheckboxAttributes> & { [K in keyof VerdocsCheckbox & keyof VerdocsCheckboxAttributes]?: VerdocsCheckbox[K] } & { [K in keyof VerdocsCheckbox & keyof VerdocsCheckboxAttributes as `attr:${K}`]?: VerdocsCheckboxAttributes[K] } & { [K in keyof VerdocsCheckbox & keyof VerdocsCheckboxAttributes as `prop:${K}`]?: VerdocsCheckbox[K] };
         "verdocs-component-error": Omit<VerdocsComponentError, keyof VerdocsComponentErrorAttributes> & { [K in keyof VerdocsComponentError & keyof VerdocsComponentErrorAttributes]?: VerdocsComponentError[K] } & { [K in keyof VerdocsComponentError & keyof VerdocsComponentErrorAttributes as `attr:${K}`]?: VerdocsComponentErrorAttributes[K] } & { [K in keyof VerdocsComponentError & keyof VerdocsComponentErrorAttributes as `prop:${K}`]?: VerdocsComponentError[K] };
-        "verdocs-contact-picker": VerdocsContactPicker;
+        "verdocs-contact-picker": Omit<VerdocsContactPicker, keyof VerdocsContactPickerAttributes> & { [K in keyof VerdocsContactPicker & keyof VerdocsContactPickerAttributes]?: VerdocsContactPicker[K] } & { [K in keyof VerdocsContactPicker & keyof VerdocsContactPickerAttributes as `attr:${K}`]?: VerdocsContactPickerAttributes[K] } & { [K in keyof VerdocsContactPicker & keyof VerdocsContactPickerAttributes as `prop:${K}`]?: VerdocsContactPicker[K] };
         "verdocs-date-input": Omit<VerdocsDateInput, keyof VerdocsDateInputAttributes> & { [K in keyof VerdocsDateInput & keyof VerdocsDateInputAttributes]?: VerdocsDateInput[K] } & { [K in keyof VerdocsDateInput & keyof VerdocsDateInputAttributes as `attr:${K}`]?: VerdocsDateInputAttributes[K] } & { [K in keyof VerdocsDateInput & keyof VerdocsDateInputAttributes as `prop:${K}`]?: VerdocsDateInput[K] };
         "verdocs-delegate-dialog": VerdocsDelegateDialog;
         "verdocs-dialog": Omit<VerdocsDialog, keyof VerdocsDialogAttributes> & { [K in keyof VerdocsDialog & keyof VerdocsDialogAttributes]?: VerdocsDialog[K] } & { [K in keyof VerdocsDialog & keyof VerdocsDialogAttributes as `attr:${K}`]?: VerdocsDialogAttributes[K] } & { [K in keyof VerdocsDialog & keyof VerdocsDialogAttributes as `prop:${K}`]?: VerdocsDialog[K] };
@@ -8515,7 +8552,7 @@ declare module "@stencil/core" {
              * view for the application.
              * To simplify UI development, a visibility flag can force this component to never display. This
              * allows you to subscribe to notifications from client apps without calling the lower-level JS SDK.
-             * This embed is responsive / mobile-friendly, but the calling application should provide at
+             * This embed is responsive and mobile-friendly, but the calling application should provide at
              * least a 300px wide container to allow sufficient space for the required forms.
              * ```ts
              * <verdocs-auth

package/dist/types/utils/Environment.d.ts

@@ -3,3 +3,4 @@ export declare const BETA_ORIGINS: string[];
 export declare const IS_BETA: boolean;
 export declare const API_URL: string;
 export declare const DefaultEndpoint: VerdocsEndpoint;
+export declare const getWebAppUrl: (endpoint?: VerdocsEndpoint) => "https://beta.verdocs.com" | "https://app.verdocs.com";

package/dist/types/utils/Icons.d.ts

@@ -12,3 +12,5 @@ export declare const EraserIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" wid
 export declare const SignatureXIcon = "<svg width=\"25\" height=\"28\" viewBox=\"0 0 25 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M24.0625 28.0078H18.4961L12.7539 17.7344C12.5846 17.4219 12.3958 16.9792 12.1875 16.4062H12.1094C11.9922 16.6927 11.7969 17.1354 11.5234 17.7344L5.60547 28.0078H0L9.17969 13.9258L0.742188 0H6.42578L11.4844 9.45312C11.8099 10.0781 12.1029 10.7031 12.3633 11.3281H12.4219C12.7995 10.5078 13.125 9.85677 13.3984 9.375L18.6523 0H23.8867L15.2539 13.8867L24.0625 28.0078Z\" fill=\"#E0E0E0\"/></svg>";
 export declare const DocumentPageIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z\"/><path d=\"M14 2v5a1 1 0 0 0 1 1h5\"/><path d=\"M10 9H8\"/><path d=\"M16 13H8\"/><path d=\"M16 17H8\"/></svg>";
 export declare const CheckCircleIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#4caf50\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"/><path d=\"M9 12l2 2 4-4\"/></svg>";
+export declare const GoogleIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 48 48\" width=\"18\" height=\"18\" aria-hidden=\"true\" focusable=\"false\">\n<path fill=\"#EA4335\" d=\"M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z\"/>\n<path fill=\"#4285F4\" d=\"M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z\"/>\n<path fill=\"#FBBC05\" d=\"M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z\"/>\n<path fill=\"#34A853\" d=\"M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z\"/>\n</svg>";
+export declare const MicrosoftIcon = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 23 23\" width=\"18\" height=\"18\" aria-hidden=\"true\" focusable=\"false\">\n<path fill=\"#F25022\" d=\"M1 1h10v10H1z\"/>\n<path fill=\"#7FBA00\" d=\"M12 1h10v10H12z\"/>\n<path fill=\"#00A4EF\" d=\"M1 12h10v10H1z\"/>\n<path fill=\"#FFB900\" d=\"M12 12h10v10H12z\"/>\n</svg>";

package/dist/types/utils/ScrollFade.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Toggle `scrollable` and `at-end` on the wrapper of a scrolling body so a CSS fade can show
+ * only while there is more content below the fold.
+ */
+export declare function updateScrollFade(body: HTMLElement | null | undefined): void;