@funkit/connect 5.0.8 → 5.0.9

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @funkit/connect
 
+## 5.0.9
+
+### Patch Changes
+
+- f27d64b: feat: adjust spinner visuals
+- 336e275: fix(connect): fix checkout history setup on 0x address
+- 43fc283: feat(connect): add common transition for elements
+
 ## 5.0.8
 
 ### Patch Changes

package/dist/components/Dropdown/BaseActiveDropdownItem.css.d.ts

@@ -0,0 +1 @@
+export declare const baseStyles: string;

package/dist/components/FunInput/FunInput.css.d.ts

@@ -1,3 +1,4 @@
+export declare const baseWrapperStyles: string;
 export declare const numberInputResetStyle: string;
 export declare const inputClass: string;
 export declare const inputClassDisabled: string;

package/dist/components/FunInput/FunTextAreaInput.css copy.d.ts

@@ -0,0 +1 @@
+export declare const baseStyles: string;

package/dist/components/FunInput/FunTextAreaInput.css.d.ts

@@ -0,0 +1 @@
+export declare const baseStyles: string;

package/dist/consts/design.d.ts

@@ -0,0 +1,2 @@
+export declare const mapFontLineHeightToNumberFlowHeight: Record<string, string>;
+export declare const defaultTransition = "all 150ms cubic-bezier(0.3, 0, 0.06, 1)";

package/dist/index.css

@@ -7277,12 +7277,15 @@
   animation-name: stgjxld;
 }
 
-/* vanilla-extract-css-ns:src/components/FunButton/FunButton.css.ts.vanilla.css?source=Ll8xdHl4NW51MSB7CiAgY3Vyc29yOiBwb2ludGVyOwp9Ci5fMXR5eDVudTE6aG92ZXIgewogIHRleHQtZGVjb3JhdGlvbi1saW5lOiB1bmRlcmxpbmU7Cn0KLl8xdHl4NW51MTpmb2N1cy12aXNpYmxlIHsKICBvdXRsaW5lOiAxcHggc29saWQ7CiAgb3V0bGluZS1jb2xvcjogdmFyKC0tcmstY29sb3JzLWJ1dHRvbkljb25TdHJva2UpOwp9Ci5fMXR5eDVudTIgewogIHRyYW5zaXRpb246IGFsbCAxNTBtcyBjdWJpYy1iZXppZXIoMC4zLCAwLCAwLjA2LCAxKTsKfQouXzF0eXg1bnUzOmFjdGl2ZSB7CiAgdHJhbnNmb3JtOiBzY2FsZSgwLjk4KTsKfQouXzF0eXg1bnU0IHsKICBjdXJzb3I6IHBvaW50ZXI7Cn0KLl8xdHl4NW51NDpmb2N1cy12aXNpYmxlIHsKICBvdXRsaW5lOiBub25lOwp9Ci5fMXR5eDVudTUgewogIGN1cnNvcjogZGVmYXVsdDsKfQouXzF0eXg1bnU2IHsKICBjdXJzb3I6IG5vdC1hbGxvd2VkOwp9 */
+/* vanilla-extract-css-ns:src/components/FunButton/FunButton.css.ts.vanilla.css?source=Ll8xdHl4NW51MSB7CiAgY3Vyc29yOiBwb2ludGVyOwogIHRleHQtZGVjb3JhdGlvbi1saW5lOiB1bmRlcmxpbmU7CiAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiB0cmFuc3BhcmVudDsKICB0cmFuc2l0aW9uOiBhbGwgMTUwbXMgY3ViaWMtYmV6aWVyKDAuMywgMCwgMC4wNiwgMSk7Cn0KLl8xdHl4NW51MTpob3ZlciB7CiAgdGV4dC1kZWNvcmF0aW9uLWNvbG9yOiBpbmhlcml0Owp9Ci5fMXR5eDVudTE6Zm9jdXMtdmlzaWJsZSB7CiAgb3V0bGluZTogMXB4IHNvbGlkOwogIG91dGxpbmUtY29sb3I6IHZhcigtLXJrLWNvbG9ycy1idXR0b25JY29uU3Ryb2tlKTsKfQouXzF0eXg1bnUyIHsKICB0cmFuc2l0aW9uOiBhbGwgMTUwbXMgY3ViaWMtYmV6aWVyKDAuMywgMCwgMC4wNiwgMSk7Cn0KLl8xdHl4NW51MzphY3RpdmUgewogIHRyYW5zZm9ybTogc2NhbGUoMC45OCk7Cn0KLl8xdHl4NW51NCB7CiAgY3Vyc29yOiBwb2ludGVyOwp9Ci5fMXR5eDVudTQ6Zm9jdXMtdmlzaWJsZSB7CiAgb3V0bGluZTogbm9uZTsKfQouXzF0eXg1bnU1IHsKICBjdXJzb3I6IGRlZmF1bHQ7Cn0KLl8xdHl4NW51NiB7CiAgY3Vyc29yOiBub3QtYWxsb3dlZDsKfQ== */
 [data-rk] ._1tyx5nu1 {
   cursor: pointer;
+  text-decoration-line: underline;
+  text-decoration-color: transparent;
+  transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
 }
 [data-rk] ._1tyx5nu1:hover {
-  text-decoration-line: underline;
+  text-decoration-color: inherit;
 }
 [data-rk] ._1tyx5nu1:focus-visible {
   outline: 1px solid;
@@ -7344,50 +7347,56 @@
   flex: 0 0 auto;
 }
 
-/* vanilla-extract-css-ns:src/components/FunInput/FunInput.css.ts.vanilla.css?source=Lnp1ZTBpNjA6Oi13ZWJraXQtb3V0ZXItc3Bpbi1idXR0b24sIC56dWUwaTYwOjotd2Via2l0LWlubmVyLXNwaW4tYnV0dG9uIHsKICBtYXJnaW46IDA7CiAgLXdlYmtpdC1hcHBlYXJhbmNlOiBub25lOwp9Ci56dWUwaTYwW3R5cGU9bnVtYmVyXSB7CiAgLW1vei1hcHBlYXJhbmNlOiBub25lOwp9Ci56dWUwaTYyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBib3JkZXI6IG5vbmU7CiAgb3V0bGluZTogbm9uZTsKICB3aWR0aDogMTAwJTsKfQouenVlMGk2Mjo6cGxhY2Vob2xkZXIgewogIGNvbG9yOiB2YXIoLS1yay1jb2xvcnMtc2Vjb25kYXJ5VGV4dCk7Cn0KLnp1ZTBpNjQgewogIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50OwogIGJvcmRlcjogbm9uZTsKICBvdXRsaW5lOiBub25lOwogIHdpZHRoOiAxMDAlOwogIG9wYWNpdHk6IDAuNTsKfQouenVlMGk2NDo6cGxhY2Vob2xkZXIgewogIGNvbG9yOiB2YXIoLS1yay1jb2xvcnMtYWN0aW9uQ29sb3JEaXNhYmxlZCk7Cn0KLnp1ZTBpNjYgewogIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50OwogIGJvcmRlcjogbm9uZTsKICBvdXRsaW5lOiBub25lOwogIHdpZHRoOiAxMDAlOwp9Ci56dWUwaTY2OjpwbGFjZWhvbGRlciB7CiAgY29sb3I6IHZhcigtLXJrLWNvbG9ycy1zZWNvbmRhcnlUZXh0KTsKfQ== */
-[data-rk] .zue0i60::-webkit-outer-spin-button,
-[data-rk] .zue0i60::-webkit-inner-spin-button {
+/* vanilla-extract-css-ns:src/components/FunInput/FunInput.css.ts.vanilla.css?source=Lnp1ZTBpNjAgewogIHRyYW5zaXRpb246IGFsbCAxNTBtcyBjdWJpYy1iZXppZXIoMC4zLCAwLCAwLjA2LCAxKTsKfQouenVlMGk2MTo6LXdlYmtpdC1vdXRlci1zcGluLWJ1dHRvbiwgLnp1ZTBpNjE6Oi13ZWJraXQtaW5uZXItc3Bpbi1idXR0b24gewogIG1hcmdpbjogMDsKICAtd2Via2l0LWFwcGVhcmFuY2U6IG5vbmU7Cn0KLnp1ZTBpNjFbdHlwZT1udW1iZXJdIHsKICAtbW96LWFwcGVhcmFuY2U6IG5vbmU7Cn0KLnp1ZTBpNjMgewogIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50OwogIGJvcmRlcjogbm9uZTsKICBvdXRsaW5lOiBub25lOwogIHdpZHRoOiAxMDAlOwogIHRyYW5zaXRpb246IGFsbCAxNTBtcyBjdWJpYy1iZXppZXIoMC4zLCAwLCAwLjA2LCAxKTsKfQouenVlMGk2Mzo6cGxhY2Vob2xkZXIgewogIGNvbG9yOiB2YXIoLS1yay1jb2xvcnMtc2Vjb25kYXJ5VGV4dCk7Cn0KLnp1ZTBpNjUgewogIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50OwogIGJvcmRlcjogbm9uZTsKICBvdXRsaW5lOiBub25lOwogIHdpZHRoOiAxMDAlOwogIHRyYW5zaXRpb246IGFsbCAxNTBtcyBjdWJpYy1iZXppZXIoMC4zLCAwLCAwLjA2LCAxKTsKICBvcGFjaXR5OiAwLjU7Cn0KLnp1ZTBpNjU6OnBsYWNlaG9sZGVyIHsKICBjb2xvcjogdmFyKC0tcmstY29sb3JzLWFjdGlvbkNvbG9yRGlzYWJsZWQpOwp9Ci56dWUwaTY3IHsKICBiYWNrZ3JvdW5kLWNvbG9yOiB0cmFuc3BhcmVudDsKICBib3JkZXI6IG5vbmU7CiAgb3V0bGluZTogbm9uZTsKICB3aWR0aDogMTAwJTsKICB0cmFuc2l0aW9uOiBhbGwgMTUwbXMgY3ViaWMtYmV6aWVyKDAuMywgMCwgMC4wNiwgMSk7Cn0KLnp1ZTBpNjc6OnBsYWNlaG9sZGVyIHsKICBjb2xvcjogdmFyKC0tcmstY29sb3JzLXNlY29uZGFyeVRleHQpOwp9 */
+[data-rk] .zue0i60 {
+  transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
+}
+[data-rk] .zue0i61::-webkit-outer-spin-button,
+[data-rk] .zue0i61::-webkit-inner-spin-button {
   margin: 0;
   -webkit-appearance: none;
 }
-[data-rk] .zue0i60[type=number] {
+[data-rk] .zue0i61[type=number] {
   -moz-appearance: none;
 }
-[data-rk] .zue0i62 {
+[data-rk] .zue0i63 {
   background-color: transparent;
   border: none;
   outline: none;
   width: 100%;
+  transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
 }
-[data-rk] .zue0i62::-moz-placeholder {
+[data-rk] .zue0i63::-moz-placeholder {
   color: var(--rk-colors-secondaryText);
 }
-[data-rk] .zue0i62::placeholder {
+[data-rk] .zue0i63::placeholder {
   color: var(--rk-colors-secondaryText);
 }
-[data-rk] .zue0i64 {
+[data-rk] .zue0i65 {
   background-color: transparent;
   border: none;
   outline: none;
   width: 100%;
+  transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
   opacity: 0.5;
 }
-[data-rk] .zue0i64::-moz-placeholder {
+[data-rk] .zue0i65::-moz-placeholder {
   color: var(--rk-colors-actionColorDisabled);
 }
-[data-rk] .zue0i64::placeholder {
+[data-rk] .zue0i65::placeholder {
   color: var(--rk-colors-actionColorDisabled);
 }
-[data-rk] .zue0i66 {
+[data-rk] .zue0i67 {
   background-color: transparent;
   border: none;
   outline: none;
   width: 100%;
+  transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
 }
-[data-rk] .zue0i66::-moz-placeholder {
+[data-rk] .zue0i67::-moz-placeholder {
   color: var(--rk-colors-secondaryText);
 }
-[data-rk] .zue0i66::placeholder {
+[data-rk] .zue0i67::placeholder {
   color: var(--rk-colors-secondaryText);
 }
 
@@ -7497,6 +7506,11 @@
   right: auto;
 }
 
+/* vanilla-extract-css-ns:src/components/FunInput/FunTextAreaInput.css.ts.vanilla.css?source=Ll8xcTl3czY1MCB7CiAgdHJhbnNpdGlvbjogYWxsIDE1MG1zIGN1YmljLWJlemllcigwLjMsIDAsIDAuMDYsIDEpOwp9 */
+[data-rk] ._1q9ws650 {
+  transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
+}
+
 /* vanilla-extract-css-ns:src/components/FunNotification/FunNotification.css.ts.vanilla.css?source=Ll8xOHFpODdpMCB7CiAgb3ZlcmZsb3c6IGhpZGRlbjsKICB0cmFuc2l0aW9uOiBhbGwgMC4zcywgb3BhY2l0eSAwLjNzOwp9Ci5fMThxaTg3aTEgewogIG1heC1oZWlnaHQ6IDBweDsKICBvcGFjaXR5OiAwOwogIHBhZGRpbmctdG9wOiAwcHggIWltcG9ydGFudDsKICBwYWRkaW5nLWJvdHRvbTogMHB4ICFpbXBvcnRhbnQ7CiAgdHJhbnNpdGlvbjogYWxsIDAuNHMsIG9wYWNpdHkgMC40czsKICBvdmVyZmxvdzogaGlkZGVuOwp9 */
 [data-rk] ._18qi87i0 {
   overflow: hidden;
@@ -7581,13 +7595,16 @@
   position: absolute;
 }
 
-/* vanilla-extract-css-ns:src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.css.ts.vanilla.css?source=LnVrY3Q0dDEgewogIG91dGxpbmU6IG5vbmU7Cn0KLnVrY3Q0dDE6Zm9jdXMgewogIG91dGxpbmU6IG5vbmU7Cn0= */
+/* vanilla-extract-css-ns:src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.css.ts.vanilla.css?source=LnVrY3Q0dDEgewogIG91dGxpbmU6IG5vbmU7Cn0KLnVrY3Q0dDE6Zm9jdXMgewogIG91dGxpbmU6IG5vbmU7Cn0KLnVrY3Q0dDQgewogIHRyYW5zaXRpb246IGFsbCAxNTBtcyBjdWJpYy1iZXppZXIoMC4zLCAwLCAwLjA2LCAxKTsKfQ== */
 [data-rk] .ukct4t1 {
   outline: none;
 }
 [data-rk] .ukct4t1:focus {
   outline: none;
 }
+[data-rk] .ukct4t4 {
+  transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
+}
 
 /* vanilla-extract-css-ns:src/components/MenuButton/MenuButton.css.ts.vanilla.css?source=Ll8xMHB3NXg2MDpob3ZlciB7CiAgYmFja2dyb3VuZDogdW5zZXQ7Cn0= */
 [data-rk] ._10pw5x60:hover {
@@ -7758,9 +7775,10 @@
   flex: 1;
 }
 
-/* vanilla-extract-css-ns:src/components/FunOptionBox/FunOptionBox.css.ts.vanilla.css?source=Ll8xcmZjbHVoMCB7CiAgb3V0bGluZTogbm9uZTsKfQouXzFyZmNsdWgwOmZvY3VzIHsKICBvdXRsaW5lOiBub25lOwp9 */
+/* vanilla-extract-css-ns:src/components/FunOptionBox/FunOptionBox.css.ts.vanilla.css?source=Ll8xcmZjbHVoMCB7CiAgb3V0bGluZTogbm9uZTsKICB0cmFuc2l0aW9uOiBhbGwgMTUwbXMgY3ViaWMtYmV6aWVyKDAuMywgMCwgMC4wNiwgMSk7Cn0KLl8xcmZjbHVoMDpmb2N1cyB7CiAgb3V0bGluZTogbm9uZTsKfQ== */
 [data-rk] ._1rfcluh0 {
   outline: none;
+  transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
 }
 [data-rk] ._1rfcluh0:focus {
   outline: none;
@@ -7780,7 +7798,15 @@
   flex: 1;
 }
 
-/* vanilla-extract-css-ns:src/components/Dropdown/BaseDropdown.css.ts.vanilla.css?source=Ll8xbm5zNnlzMTpoYXMoW2FyaWEtZGlzYWJsZWQ9InRydWUiXSk6aG92ZXIgewogIGJhY2tncm91bmQ6IGluaXRpYWw7CiAgY3Vyc29yOiBub3QtYWxsb3dlZDsKfQ== */
+/* vanilla-extract-css-ns:src/components/Dropdown/BaseActiveDropdownItem.css.ts.vanilla.css?source=Ll8xZGV3aXF3MCB7CiAgdHJhbnNpdGlvbjogYWxsIDE1MG1zIGN1YmljLWJlemllcigwLjMsIDAsIDAuMDYsIDEpOwp9 */
+[data-rk] ._1dewiqw0 {
+  transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
+}
+
+/* vanilla-extract-css-ns:src/components/Dropdown/BaseDropdown.css.ts.vanilla.css?source=Ll8xbm5zNnlzMSB7CiAgdHJhbnNpdGlvbjogYWxsIDE1MG1zIGN1YmljLWJlemllcigwLjMsIDAsIDAuMDYsIDEpOwp9Ci5fMW5uczZ5czE6aGFzKFthcmlhLWRpc2FibGVkPSJ0cnVlIl0pOmhvdmVyIHsKICBiYWNrZ3JvdW5kOiBpbml0aWFsOwogIGN1cnNvcjogbm90LWFsbG93ZWQ7Cn0= */
+[data-rk] ._1nns6ys1 {
+  transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
+}
 [data-rk] ._1nns6ys1:has([aria-disabled=true]):hover {
   background: initial;
   cursor: not-allowed;
@@ -7827,14 +7853,16 @@
   overflow-x: hidden;
 }
 
-/* vanilla-extract-css-ns:src/components/CopyAddress/CopyInputDisplayedAddress.css.ts.vanilla.css?source=Ll8xa2J6ZWk5MyB7CiAgb3V0bGluZS1jb2xvcjogdmFyKC0tcmstY29sb3JzLWFjdGlvbkNvbG9yRGlzYWJsZWQpOwogIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDEwcHg7CiAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDEwcHg7Cn0= */
+/* vanilla-extract-css-ns:src/components/CopyAddress/CopyInputDisplayedAddress.css.ts.vanilla.css?source=Ll8xa2J6ZWk5MyB7CiAgb3V0bGluZS1jb2xvcjogdmFyKC0tcmstY29sb3JzLWFjdGlvbkNvbG9yRGlzYWJsZWQpOwogIGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDEwcHg7CiAgYm9yZGVyLWJvdHRvbS1yaWdodC1yYWRpdXM6IDEwcHg7CiAgdHJhbnNpdGlvbjogYWxsIDE1MG1zIGN1YmljLWJlemllcigwLjMsIDAsIDAuMDYsIDEpOwp9 */
 [data-rk] ._1kbzei93 {
   outline-color: var(--rk-colors-actionColorDisabled);
   border-bottom-left-radius: 10px;
   border-bottom-right-radius: 10px;
+  transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
 }
 
-/* vanilla-extract-css-ns:src/components/TransferTokenDetails/TransferTokenDetails.css.ts.vanilla.css?source=Ll8xOGlkcTB0MSB7CiAgb3V0bGluZS1jb2xvcjogdmFyKC0tcmstY29sb3JzLWFjdGlvbkNvbG9yRGlzYWJsZWQpOwp9 */
+/* vanilla-extract-css-ns:src/components/TransferTokenDetails/TransferTokenDetails.css.ts.vanilla.css?source=Ll8xOGlkcTB0MSB7CiAgb3V0bGluZS1jb2xvcjogdmFyKC0tcmstY29sb3JzLWFjdGlvbkNvbG9yRGlzYWJsZWQpOwogIHRyYW5zaXRpb246IGFsbCAxNTBtcyBjdWJpYy1iZXppZXIoMC4zLCAwLCAwLjA2LCAxKTsKfQ== */
 [data-rk] ._18idq0t1 {
   outline-color: var(--rk-colors-actionColorDisabled);
+  transition: all 150ms cubic-bezier(0.3, 0, 0.06, 1);
 }

package/dist/index.d.ts

@@ -29,7 +29,7 @@ export type { Theme, ThemeSet } from './providers/FunkitThemeProvider';
 export { useActiveTheme } from './providers/FunkitThemeProvider';
 export { useFunkitUserInfo } from './providers/GeneralWalletProvider';
 export { useAccountModal, useChainModal, useConnectModal, } from './providers/ModalContext';
-export { systemFontStack } from './themes/baseTheme';
+export { systemFontStack, type ThemeOptions } from './themes/baseTheme';
 export { darkTheme } from './themes/darkTheme';
 export { lightTheme } from './themes/lightTheme';
 export type { PurifiedCheckoutHistoryItem } from './utils/purifyCheckoutHistoryItem';