@transferwise/components 0.0.0-experimental-5e2f01a → 0.0.0-experimental-d8ad171

package/build/styles/upload/Upload.css

@@ -1,15 +1 @@
-.tw-droppable-lg {
-  min-height: 346px;
-}
-.tw-droppable-lg .thumbnail {
-  max-height: 72px;
-}
-.tw-droppable-md {
-  min-height: 315px;
-}
-.tw-droppable-md .thumbnail {
-  max-height: 72px;
-}
-.tw-droppable-sm {
-  min-height: 245px;
-}
+.tw-droppable-lg{min-height:346px}.tw-droppable-lg .thumbnail{max-height:72px}.tw-droppable-md{min-height:315px}.tw-droppable-md .thumbnail{max-height:72px}.tw-droppable-sm{min-height:245px}

package/build/styles/uploadInput/UploadInput.css

@@ -1,53 +1 @@
-.np-upload-input {
-  border: 1px solid var(--color-interactive-secondary);
-  border-radius: var(--radius-small);
-}
-.np-upload-input:has(:focus-visible) {
-  outline: var(--ring-outline-color) solid var(--ring-outline-width);
-  outline-offset: var(--ring-outline-offset);
-}
-.np-upload-input.form-control {
-  height: auto;
-  padding: initial;
-}
-.np-theme-personal .np-upload-input {
-  border-radius: var(--radius-small);
-  min-height: 78px;
-}
-.np-theme-personal .np-upload-input.disabled .btn {
-  cursor: inherit;
-}
-.np-theme-personal .np-upload-input .np-upload-button {
-  border-radius: calc(var(--radius-small) - 1px);
-  padding: var(--padding-small);
-}
-.np-theme-personal .np-upload-input .np-upload-input--square-top {
-  border-top-right-radius: 0px;
-  border-top-left-radius: 0px;
-}
-.np-theme-personal .np-upload-input .np-upload-item__remove-button {
-  border-radius: unset;
-}
-.np-theme-personal .np-upload-input .np-upload-icon {
-  color: var(--color-interactive-primary);
-}
-.np-theme-personal .np-upload-input .media-body {
-  color: var(--color-content-link);
-  white-space: break-spaces;
-}
-.np-theme-personal .np-upload-input .media-body .np-text-body-large-bold {
-  text-decoration: underline;
-  text-underline-offset: 0.3em;
-}
-.np-theme-personal .np-upload-input .media-body .np-text-body-default,
-.np-theme-personal .np-upload-input .media-body .np-upload-description,
-.np-theme-personal .np-upload-input .media-body .text-positive {
-  color: var(--color-content-secondary) !important;
-}
-.np-theme-personal .np-upload-input .media-body .text-negative {
-  color: var(--color-sentiment-negative) !important;
-}
-.np-theme-personal .np-upload-input .status-circle {
-  width: var(--size-x-small);
-  height: var(--size-x-small);
-}
+.np-upload-input{border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary);border-radius:10px;border-radius:var(--radius-small)}.np-upload-input:has(:focus-visible){outline:var(--ring-outline-color) solid var(--ring-outline-width);outline-offset:var(--ring-outline-offset)}.np-upload-input.form-control{height:auto;padding:initial}.np-theme-personal .np-upload-input{border-radius:10px;border-radius:var(--radius-small);min-height:78px}.np-theme-personal .np-upload-input.disabled .btn{cursor:inherit}.np-theme-personal .np-upload-input .np-upload-button{border-radius:9px;border-radius:calc(var(--radius-small) - 1px);padding:16px;padding:var(--padding-small)}.np-theme-personal .np-upload-input .np-upload-input--square-top{border-top-left-radius:0;border-top-right-radius:0}.np-theme-personal .np-upload-input .np-upload-item__remove-button{border-radius:unset}.np-theme-personal .np-upload-input .np-upload-icon{color:var(--color-interactive-primary)}.np-theme-personal .np-upload-input .media-body{color:var(--color-content-link);white-space:break-spaces}.np-theme-personal .np-upload-input .media-body .np-text-body-large-bold{text-decoration:underline;text-underline-offset:.3em}.np-theme-personal .np-upload-input .media-body .np-text-body-default,.np-theme-personal .np-upload-input .media-body .np-upload-description,.np-theme-personal .np-upload-input .media-body .text-positive{color:#5d7079!important;color:var(--color-content-secondary)!important}.np-theme-personal .np-upload-input .media-body .text-negative{color:var(--color-sentiment-negative)!important}.np-theme-personal .np-upload-input .status-circle{height:24px;height:var(--size-x-small);width:24px;width:var(--size-x-small)}

package/build/styles/uploadInput/uploadButton/UploadButton.css

@@ -1,44 +1 @@
-.np-upload-button {
-  width: 100%;
-  border: 0 !important;
-  padding: var(--size-12) var(--size-16);
-}
-.np-upload-button.np-upload-accent {
-  color: var(--color-interactive-accent);
-}
-label.np-upload-button:not(.disabled):hover,
-label.np-upload-button:not(.disabled):focus-visible,
-label.np-upload-button:not(.disabled):active {
-  background-color: var(--color-background-neutral);
-}
-.np-theme-personal label.np-upload-button:not(.disabled):hover,
-.np-theme-personal label.np-upload-button:not(.disabled):focus-visible,
-.np-theme-personal label.np-upload-button:not(.disabled):active {
-  background-color: var(--color-background-screen-hover);
-}
-.np-theme-personal .disabled label.np-upload-button:not(.disabled):hover,
-.np-theme-personal .disabled label.np-upload-button:not(.disabled):focus-visible,
-.np-theme-personal .disabled label.np-upload-button:not(.disabled):active {
-  background-color: transparent;
-}
-.np-upload-button .np-upload-icon {
-  display: flex;
-  align-items: center;
-}
-.np-upload-button-container.droppable {
-  border: 0;
-}
-.np-upload-button-container .droppable-card-content {
-  display: flex;
-}
-.np-theme-personal .np-upload-button-container .droppable-card-content {
-  border-radius: calc(var(--radius-small) - 1px);
-}
-.np-upload-button-container input[type="file"] {
-  opacity: 0;
-  z-index: -1;
-  position: absolute;
-}
-.np-upload-button-container input[type="file"]:focus-visible + label {
-  background-color: var(--color-background-neutral);
-}
+.np-upload-button{border:0!important;padding:12px 16px;padding:var(--size-12) var(--size-16);width:100%}.np-upload-button.np-upload-accent{color:#00a2dd;color:var(--color-interactive-accent)}label.np-upload-button:not(.disabled):active,label.np-upload-button:not(.disabled):focus-visible,label.np-upload-button:not(.disabled):hover{background-color:#86a7bd1a;background-color:var(--color-background-neutral)}.np-theme-personal label.np-upload-button:not(.disabled):active,.np-theme-personal label.np-upload-button:not(.disabled):focus-visible,.np-theme-personal label.np-upload-button:not(.disabled):hover{background-color:var(--color-background-screen-hover)}.np-theme-personal .disabled label.np-upload-button:not(.disabled):active,.np-theme-personal .disabled label.np-upload-button:not(.disabled):focus-visible,.np-theme-personal .disabled label.np-upload-button:not(.disabled):hover{background-color:transparent}.np-upload-button .np-upload-icon{align-items:center;display:flex}.np-upload-button-container.droppable{border:0}.np-upload-button-container .droppable-card-content{display:flex}.np-theme-personal .np-upload-button-container .droppable-card-content{border-radius:9px;border-radius:calc(var(--radius-small) - 1px)}.np-upload-button-container input[type=file]{opacity:0;position:absolute;z-index:-1}.np-upload-button-container input[type=file]:focus-visible+label{background-color:#86a7bd1a;background-color:var(--color-background-neutral)}

package/build/styles/uploadInput/uploadItem/UploadItem.css

@@ -1,60 +1 @@
-.np-upload-item:not(:last-child)::after {
-  display: block;
-  position: relative;
-  border-bottom: 1px solid var(--color-border-neutral);
-  content: " ";
-  margin: 0 var(--size-16);
-}
-.np-theme-personal .np-upload-item:first-child a:hover,
-.np-theme-personal .np-upload-item:first-child a:focus-visible,
-.np-theme-personal .np-upload-item:first-child a:active {
-  border-top-left-radius: calc(var(--radius-small) - 1px);
-}
-.np-theme-personal .np-upload-item:first-child a:hover ~ .np-upload-item__remove-button,
-.np-theme-personal .np-upload-item:first-child a:focus-visible ~ .np-upload-item__remove-button,
-.np-theme-personal .np-upload-item:first-child a:active ~ .np-upload-item__remove-button {
-  border-top-right-radius: calc(var(--radius-small) - 1px);
-}
-.np-upload-item__link a {
-  flex: 1;
-  text-decoration: none;
-  outline: none;
-  border-top-right-radius: 0;
-  border-bottom-right-radius: 0;
-}
-.np-theme-personal .np-upload-item__link a {
-  border-radius: unset;
-}
-.np-upload-item__link a.np-upload-item--single-file {
-  border-bottom-left-radius: calc(var(--radius-small) - 1px);
-}
-.np-upload-item__link a:hover,
-.np-upload-item__link a:focus-visible,
-.np-upload-item__link a:active {
-  text-decoration: none;
-  background-color: var(--color-background-neutral);
-}
-.np-upload-item__link a:hover ~ .np-upload-item__remove-button,
-.np-upload-item__link a:focus-visible ~ .np-upload-item__remove-button,
-.np-upload-item__link a:active ~ .np-upload-item__remove-button {
-  background-color: var(--color-background-neutral);
-}
-.np-upload-item__link .np-upload-item__remove-button.np-upload-item--single-file {
-  border-bottom-right-radius: calc(var(--radius-small) - 1px);
-}
-.np-upload-item__body {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-}
-.np-upload-item__remove-button {
-  flex-shrink: 0;
-  align-self: stretch;
-  padding: var(--size-12) var(--size-16);
-  color: var(--color-interactive-secondary);
-  background: transparent;
-}
-.np-upload-item__remove-button:hover,
-.np-upload-item__remove-button:focus {
-  color: var(--color-interactive-negative-hover) !important;
-}
+.np-upload-item:not(:last-child):after{border-bottom:1px solid #0000001a;border-bottom:1px solid var(--color-border-neutral);content:" ";display:block;margin:0 16px;margin:0 var(--size-16);position:relative}.np-theme-personal .np-upload-item:first-child a:active,.np-theme-personal .np-upload-item:first-child a:focus-visible,.np-theme-personal .np-upload-item:first-child a:hover{border-top-left-radius:9px;border-top-left-radius:calc(var(--radius-small) - 1px)}.np-theme-personal .np-upload-item:first-child a:active~.np-upload-item__remove-button,.np-theme-personal .np-upload-item:first-child a:focus-visible~.np-upload-item__remove-button,.np-theme-personal .np-upload-item:first-child a:hover~.np-upload-item__remove-button{border-top-right-radius:9px;border-top-right-radius:calc(var(--radius-small) - 1px)}.np-upload-item__link a{border-bottom-right-radius:0;border-top-right-radius:0;flex:1;outline:none;text-decoration:none}.np-theme-personal .np-upload-item__link a{border-radius:unset}.np-upload-item__link a.np-upload-item--single-file{border-bottom-left-radius:9px;border-bottom-left-radius:calc(var(--radius-small) - 1px)}.np-upload-item__link a:active,.np-upload-item__link a:focus-visible,.np-upload-item__link a:hover{background-color:#86a7bd1a;background-color:var(--color-background-neutral);text-decoration:none}.np-upload-item__link a:active~.np-upload-item__remove-button,.np-upload-item__link a:focus-visible~.np-upload-item__remove-button,.np-upload-item__link a:hover~.np-upload-item__remove-button{background-color:#86a7bd1a;background-color:var(--color-background-neutral)}.np-upload-item__link .np-upload-item__remove-button.np-upload-item--single-file{border-bottom-right-radius:9px;border-bottom-right-radius:calc(var(--radius-small) - 1px)}.np-upload-item__body{align-items:center;display:flex;justify-content:space-between}.np-upload-item__remove-button{align-self:stretch;background:transparent;color:#c9cbce;color:var(--color-interactive-secondary);flex-shrink:0;padding:12px 16px;padding:var(--size-12) var(--size-16)}.np-upload-item__remove-button:focus,.np-upload-item__remove-button:hover{color:#d03238!important;color:var(--color-interactive-negative-hover)!important}

package/build/types/actionButton/ActionButton.d.ts

@@ -1,11 +1,14 @@
 import { ButtonHTMLAttributes } from 'react';
+import { PriorityPrimary, PrioritySecondary } from '../common';
 export type ActionButtonProps = {
+    priority?: PriorityPrimary | PrioritySecondary;
     /**
      * @deprecated use `children` instead
      */
     text?: string;
 } & ButtonHTMLAttributes<HTMLButtonElement>;
 declare const ActionButton: import("react").ForwardRefExoticComponent<{
+    priority?: "primary" | "secondary" | undefined;
     /**
      * @deprecated use `children` instead
      */

package/build/types/actionButton/ActionButton.story.d.ts

@@ -3,6 +3,7 @@ import { StoryObj } from '@storybook/react';
 import ActionButton from './ActionButton';
 declare const _default: {
     component: import("react").ForwardRefExoticComponent<{
+        priority?: "primary" | "secondary" | undefined;
         text?: string | undefined;
     } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
     title: string;

package/build/types/button/Button.story.d.ts

@@ -25,7 +25,7 @@ export declare const Focused: import("@storybook/types").StoryAnnotations<import
     block?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     form?: string | undefined;
@@ -310,7 +310,7 @@ export declare const Focused: import("@storybook/types").StoryAnnotations<import
     block?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     download?: any;
@@ -616,7 +616,7 @@ export declare const Focused: import("@storybook/types").StoryAnnotations<import
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     onChange?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | (import("react").FormEventHandler<HTMLAnchorElement> & import("react").FormEventHandler<HTMLButtonElement>) | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -873,8 +873,8 @@ export declare const Focused: import("@storybook/types").StoryAnnotations<import
     as?: undefined;
     download?: any;
     loading?: boolean | undefined;
-    block?: boolean | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
+    block?: boolean | undefined;
 } | {
     href?: string | undefined;
     hrefLang?: string | undefined;
@@ -901,7 +901,7 @@ export declare const Focused: import("@storybook/types").StoryAnnotations<import
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     onChange?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | (import("react").FormEventHandler<HTMLAnchorElement> & import("react").FormEventHandler<HTMLButtonElement>) | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -1158,15 +1158,15 @@ export declare const Focused: import("@storybook/types").StoryAnnotations<import
     as?: undefined;
     download?: any;
     loading?: boolean | undefined;
-    block?: boolean | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
+    block?: boolean | undefined;
 }>;
 export declare const Variants: import("@storybook/types").StoryAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
     as?: undefined;
     block?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     form?: string | undefined;
@@ -1451,7 +1451,7 @@ export declare const Variants: import("@storybook/types").StoryAnnotations<impor
     block?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     download?: any;
@@ -1757,7 +1757,7 @@ export declare const Variants: import("@storybook/types").StoryAnnotations<impor
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     onChange?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | (import("react").FormEventHandler<HTMLAnchorElement> & import("react").FormEventHandler<HTMLButtonElement>) | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -2014,8 +2014,8 @@ export declare const Variants: import("@storybook/types").StoryAnnotations<impor
     as?: undefined;
     download?: any;
     loading?: boolean | undefined;
-    block?: boolean | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
+    block?: boolean | undefined;
 } | {
     href?: string | undefined;
     hrefLang?: string | undefined;
@@ -2042,7 +2042,7 @@ export declare const Variants: import("@storybook/types").StoryAnnotations<impor
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     onChange?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | (import("react").FormEventHandler<HTMLAnchorElement> & import("react").FormEventHandler<HTMLButtonElement>) | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -2299,15 +2299,15 @@ export declare const Variants: import("@storybook/types").StoryAnnotations<impor
     as?: undefined;
     download?: any;
     loading?: boolean | undefined;
-    block?: boolean | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
+    block?: boolean | undefined;
 }>;
 export declare const SocialMedia: import("@storybook/types").StoryAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
     as?: undefined;
     block?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     form?: string | undefined;
@@ -2592,7 +2592,7 @@ export declare const SocialMedia: import("@storybook/types").StoryAnnotations<im
     block?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     download?: any;
@@ -2898,7 +2898,7 @@ export declare const SocialMedia: import("@storybook/types").StoryAnnotations<im
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     onChange?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | (import("react").FormEventHandler<HTMLAnchorElement> & import("react").FormEventHandler<HTMLButtonElement>) | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -3155,8 +3155,8 @@ export declare const SocialMedia: import("@storybook/types").StoryAnnotations<im
     as?: undefined;
     download?: any;
     loading?: boolean | undefined;
-    block?: boolean | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
+    block?: boolean | undefined;
 } | {
     href?: string | undefined;
     hrefLang?: string | undefined;
@@ -3183,7 +3183,7 @@ export declare const SocialMedia: import("@storybook/types").StoryAnnotations<im
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     onChange?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | (import("react").FormEventHandler<HTMLAnchorElement> & import("react").FormEventHandler<HTMLButtonElement>) | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -3440,15 +3440,15 @@ export declare const SocialMedia: import("@storybook/types").StoryAnnotations<im
     as?: undefined;
     download?: any;
     loading?: boolean | undefined;
-    block?: boolean | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
+    block?: boolean | undefined;
 }>;
 export declare const SocialMediaMobile: import("@storybook/types").StoryAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
     as?: undefined;
     block?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     form?: string | undefined;
@@ -3733,7 +3733,7 @@ export declare const SocialMediaMobile: import("@storybook/types").StoryAnnotati
     block?: boolean | undefined;
     disabled?: boolean | undefined;
     loading?: boolean | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
     size?: "sm" | "md" | "lg" | "xs" | undefined;
     download?: any;
@@ -4039,7 +4039,7 @@ export declare const SocialMediaMobile: import("@storybook/types").StoryAnnotati
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     onChange?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | (import("react").FormEventHandler<HTMLAnchorElement> & import("react").FormEventHandler<HTMLButtonElement>) | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -4296,8 +4296,8 @@ export declare const SocialMediaMobile: import("@storybook/types").StoryAnnotati
     as?: undefined;
     download?: any;
     loading?: boolean | undefined;
-    block?: boolean | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
+    block?: boolean | undefined;
 } | {
     href?: string | undefined;
     hrefLang?: string | undefined;
@@ -4324,7 +4324,7 @@ export declare const SocialMediaMobile: import("@storybook/types").StoryAnnotati
     key?: import("react").Key | null | undefined;
     disabled?: boolean | undefined;
     placeholder?: string | undefined;
-    type?: "link" | "primary" | "pay" | "secondary" | "danger" | "accent" | "negative" | "positive" | undefined;
+    type?: "link" | "primary" | "secondary" | "pay" | "danger" | "accent" | "negative" | "positive" | undefined;
     onChange?: (import("react").FormEventHandler<HTMLButtonElement> & import("react").FormEventHandler<HTMLAnchorElement>) | (import("react").FormEventHandler<HTMLAnchorElement> & import("react").FormEventHandler<HTMLButtonElement>) | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
@@ -4581,6 +4581,6 @@ export declare const SocialMediaMobile: import("@storybook/types").StoryAnnotati
     as?: undefined;
     download?: any;
     loading?: boolean | undefined;
-    block?: boolean | undefined;
     priority?: "primary" | "secondary" | "tertiary" | undefined;
+    block?: boolean | undefined;
 }>;