npm - @ape.swap/bonds-sdk - Versions diffs - 3.2.0 → 3.3.0-test.12 - Mend

@ape.swap/bonds-sdk 3.2.0 → 3.3.0-test.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (586) hide show

package/dist/components/uikit-sdk/Svg/Icons/Close.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Close.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Close.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps } from './types'\n\nconst Close: React.FC<SvgProps> = ({ width, color = 'text', ~~getStyles~~ }) => {\n const style = ~~getStyles~~({\n color,\n })\n\n return (\n <svg width={width \|\| '12'} viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M10.9497 10.9497C11.3403 10.5592 11.3403 9.92602 10.9497 9.5355L7.41424 5.99999L10.9497 2.46451C11.3402 2.07399 11.3402 1.44082 10.9497 1.0503C10.5592 0.659775 9.92602 0.659775 9.5355 1.0503L6.00002 4.58578L2.46446 1.05022C2.07394 0.659693 1.44077 0.659693 1.05025 1.05022C0.659726 1.44074 0.659726 2.07391 1.05025 2.46443L4.58581 5.99999L1.05022 9.53558C0.659693 9.9261 0.659693 10.5593 1.05022 10.9498C1.44074 11.3403 2.07391 11.3403 2.46443 10.9498L6.00002 7.4142L9.53553 10.9497C9.92605 11.3402 10.5592 11.3402 10.9497 10.9497Z\"\n fill=\"#FAFAFA\"\n />\n </svg>\n )\n}\n\nexport default Close\n"],"names":["_jsx"],"mappings":"~~;;AAGA~~,MAAM,KAAK,GAAuB,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM,EAAE,~~SAAS,EAAE,~~KAAI;~~IACzE~~,MAAM,KAAK,GAAG,~~SAAS~~,CAAC;~~QACtB~~,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EACrGA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qhBAAqhB,EACvhB,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE;AAEV;;;;"}
1	+ {"version":3,"file":"Close.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Close.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst Close: React.FC<SvgProps> = ({ width, color = 'text' }) => {\n const style = dynamicStyles.generic({\n color,\n })\n\n return (\n <svg width={width \|\| '12'} viewBox=\"0 0 12 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M10.9497 10.9497C11.3403 10.5592 11.3403 9.92602 10.9497 9.5355L7.41424 5.99999L10.9497 2.46451C11.3402 2.07399 11.3402 1.44082 10.9497 1.0503C10.5592 0.659775 9.92602 0.659775 9.5355 1.0503L6.00002 4.58578L2.46446 1.05022C2.07394 0.659693 1.44077 0.659693 1.05025 1.05022C0.659726 1.44074 0.659726 2.07391 1.05025 2.46443L4.58581 5.99999L1.05022 9.53558C0.659693 9.9261 0.659693 10.5593 1.05022 10.9498C1.44074 11.3403 2.07391 11.3403 2.46443 10.9498L6.00002 7.4142L9.53553 10.9497C9.92605 11.3402 10.5592 11.3402 10.9497 10.9497Z\"\n fill=\"#FAFAFA\"\n />\n </svg>\n )\n}\n\nexport default Close\n"],"names":["_jsx"],"mappings":";;;AAIA,MAAM,KAAK,GAAuB,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM,EAAE,KAAI;AAC9D,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;QAClC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EACrGA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,qhBAAqhB,EACvhB,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/Cog.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import { SvgProps } from './types';
-declare const Cog: ({ direction, color, width, getStyles }: SvgProps) => import("react").JSX.Element;
+declare const Cog: ({ direction, color, width }: SvgProps) => import("react").JSX.Element;
 export default Cog;

package/dist/components/uikit-sdk/Svg/Icons/Cog.js CHANGED Viewed

@@ -1,13 +1,14 @@
 import { jsx } from 'theme-ui/jsx-runtime';
+import { dynamicStyles } from '../styles.js';
-const Cog = ({ direction = 'down', color = 'text', width, getStyles }) => {
+const Cog = ({ direction = 'down', color = 'text', width }) => {
     const deg = {
         left: 90,
         up: 180,
         right: 270,
         down: 0,
     };
-    const style = getStyles({
+    const style = dynamicStyles.generic({
         degree: deg[direction],
         color,
     });

package/dist/components/uikit-sdk/Svg/Icons/Cog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Cog.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Cog.tsx"],"sourcesContent":["import { SvgProps, rotation } from './types'\n\nconst Cog = ({ direction = 'down', color = 'text', width, ~~getStyles~~ }: SvgProps) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = ~~getStyles~~({\n degree: deg[direction as keyof rotation],\n color,\n })\n\n return (\n <svg width={width \|\| '24'} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n <path d=\"M19.43 12.98C19.47 12.66 19.5 12.34 19.5 12C19.5 11.66 19.47 11.34 19.43 11.02L21.54 9.37C21.73 9.22 21.78 8.95 21.66 8.73L19.66 5.27C19.54 5.05 19.27 4.97 19.05 5.05L16.56 6.05C16.04 5.65 15.48 5.32 14.87 5.07L14.49 2.42C14.46 2.18 14.25 2 14 2H9.99996C9.74996 2 9.53996 2.18 9.50996 2.42L9.12996 5.07C8.51996 5.32 7.95996 5.66 7.43996 6.05L4.94996 5.05C4.71996 4.96 4.45996 5.05 4.33996 5.27L2.33996 8.73C2.20996 8.95 2.26996 9.22 2.45996 9.37L4.56996 11.02C4.52996 11.34 4.49996 11.67 4.49996 12C4.49996 12.33 4.52996 12.66 4.56996 12.98L2.45996 14.63C2.26996 14.78 2.21996 15.05 2.33996 15.27L4.33996 18.73C4.45996 18.95 4.72996 19.03 4.94996 18.95L7.43996 17.95C7.95996 18.35 8.51996 18.68 9.12996 18.93L9.50996 21.58C9.53996 21.82 9.74996 22 9.99996 22H14C14.25 22 14.46 21.82 14.49 21.58L14.87 18.93C15.48 18.68 16.04 18.34 16.56 17.95L19.05 18.95C19.28 19.04 19.54 18.95 19.66 18.73L21.66 15.27C21.78 15.05 21.73 14.78 21.54 14.63L19.43 12.98ZM12 15.5C10.07 15.5 8.49996 13.93 8.49996 12C8.49996 10.07 10.07 8.5 12 8.5C13.93 8.5 15.5 10.07 15.5 12C15.5 13.93 13.93 15.5 12 15.5Z\" />\n </svg>\n )\n}\n\nexport default Cog\n"],"names":["_jsx"],"mappings":"~~;;AAEA~~,MAAM,GAAG,GAAG,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,~~EAAE,SAAS,~~EAAY,KAAI;~~AACjF~~,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;~~IACD~~,MAAM,KAAK,GAAG,~~SAAS~~,CAAC;~~AACtB~~,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EACrGA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,gkCAAgkC,EAAA,CAAG,EAAA,CACvkC;AAEV;;;;"}
1	+ {"version":3,"file":"Cog.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Cog.tsx"],"sourcesContent":["import { SvgProps, rotation } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst Cog = ({ direction = 'down', color = 'text', width }: SvgProps) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = dynamicStyles.generic({\n degree: deg[direction as keyof rotation],\n color,\n })\n\n return (\n <svg width={width \|\| '24'} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n <path d=\"M19.43 12.98C19.47 12.66 19.5 12.34 19.5 12C19.5 11.66 19.47 11.34 19.43 11.02L21.54 9.37C21.73 9.22 21.78 8.95 21.66 8.73L19.66 5.27C19.54 5.05 19.27 4.97 19.05 5.05L16.56 6.05C16.04 5.65 15.48 5.32 14.87 5.07L14.49 2.42C14.46 2.18 14.25 2 14 2H9.99996C9.74996 2 9.53996 2.18 9.50996 2.42L9.12996 5.07C8.51996 5.32 7.95996 5.66 7.43996 6.05L4.94996 5.05C4.71996 4.96 4.45996 5.05 4.33996 5.27L2.33996 8.73C2.20996 8.95 2.26996 9.22 2.45996 9.37L4.56996 11.02C4.52996 11.34 4.49996 11.67 4.49996 12C4.49996 12.33 4.52996 12.66 4.56996 12.98L2.45996 14.63C2.26996 14.78 2.21996 15.05 2.33996 15.27L4.33996 18.73C4.45996 18.95 4.72996 19.03 4.94996 18.95L7.43996 17.95C7.95996 18.35 8.51996 18.68 9.12996 18.93L9.50996 21.58C9.53996 21.82 9.74996 22 9.99996 22H14C14.25 22 14.46 21.82 14.49 21.58L14.87 18.93C15.48 18.68 16.04 18.34 16.56 17.95L19.05 18.95C19.28 19.04 19.54 18.95 19.66 18.73L21.66 15.27C21.78 15.05 21.73 14.78 21.54 14.63L19.43 12.98ZM12 15.5C10.07 15.5 8.49996 13.93 8.49996 12C8.49996 10.07 10.07 8.5 12 8.5C13.93 8.5 15.5 10.07 15.5 12C15.5 13.93 13.93 15.5 12 15.5Z\" />\n </svg>\n )\n}\n\nexport default Cog\n"],"names":["_jsx"],"mappings":";;;AAGA,MAAM,GAAG,GAAG,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAY,KAAI;AACtE,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EACrGA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,gkCAAgkC,EAAA,CAAG,EAAA,CACvkC;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/Error.js CHANGED Viewed

@@ -1,13 +1,14 @@
 import { jsx } from 'theme-ui/jsx-runtime';
+import { dynamicStyles } from '../styles.js';
-const Error = ({ direction = 'right', color = 'white', width, getStyles }) => {
+const Error = ({ direction = 'right', color = 'white', width }) => {
     const deg = {
         left: 180,
         up: 270,
         right: 0,
         down: 90,
     };
-    const style = getStyles({
+    const style = dynamicStyles.generic({
         degree: deg[direction],
         color,
     });

package/dist/components/uikit-sdk/Svg/Icons/Error.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Error.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Error.tsx"],"sourcesContent":["import React from 'react'\nimport { rotation, SvgProps } from './types'\n\nconst Error: React.FC<SvgProps> = ({ direction = 'right', color = 'white', width, ~~getStyles~~ }) => {\n const deg: rotation = {\n left: 180,\n up: 270,\n right: 0,\n down: 90,\n }\n const style = ~~getStyles~~({\n degree: deg[direction as keyof rotation],\n color,\n })\n return (\n <svg width={width \|\| '30'} viewBox=\"0 0 30 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n <path\n d=\"M3.14966 26H26.8503C29.2739 26 30.7847 23.447 29.5729 21.4138L17.7226 1.52492C16.5108 -0.508305 13.4892 -0.508305 12.2774 1.52492L0.427071 21.4138C-0.784717 23.447 0.726083 26 3.14966 26ZM15 15.2988C14.1344 15.2988 13.4262 14.6109 13.4262 13.7701V10.7126C13.4262 9.87182 14.1344 9.18389 15 9.18389C15.8656 9.18389 16.5738 9.87182 16.5738 10.7126V13.7701C16.5738 14.6109 15.8656 15.2988 15 15.2988ZM16.5738 19.8851C16.5738 20.7293 15.8893 21.4138 15.045 21.4138H14.955C14.1107 21.4138 13.4262 20.7293 13.4262 19.8851C13.4262 19.0408 14.1107 18.3563 14.955 18.3563H15.045C15.8893 18.3563 16.5738 19.0408 16.5738 19.8851Z\"\n fill=\"#DF4141\"\n />\n </svg>\n )\n}\n\nexport default Error\n"],"names":["_jsx"],"mappings":"~~;;AAGA~~,MAAM,KAAK,GAAuB,CAAC,EAAE,SAAS,GAAG,OAAO,EAAE,KAAK,GAAG,OAAO,EAAE,KAAK,EAAE,~~SAAS,EAAE,~~KAAI;~~AAC/F~~,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,IAAI,EAAE,EAAE;KACT;~~IACD~~,MAAM,KAAK,GAAG,~~SAAS~~,CAAC;~~AACtB~~,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AACF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EACrGA,cACE,CAAC,EAAC,4mBAA4mB,EAC9mB,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE;AAEV;;;;"}
1	+ {"version":3,"file":"Error.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Error.tsx"],"sourcesContent":["import React from 'react'\nimport { rotation, SvgProps } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst Error: React.FC<SvgProps> = ({ direction = 'right', color = 'white', width }) => {\n const deg: rotation = {\n left: 180,\n up: 270,\n right: 0,\n down: 90,\n }\n const style = dynamicStyles.generic({\n degree: deg[direction as keyof rotation],\n color,\n })\n return (\n <svg width={width \|\| '30'} viewBox=\"0 0 30 26\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n <path\n d=\"M3.14966 26H26.8503C29.2739 26 30.7847 23.447 29.5729 21.4138L17.7226 1.52492C16.5108 -0.508305 13.4892 -0.508305 12.2774 1.52492L0.427071 21.4138C-0.784717 23.447 0.726083 26 3.14966 26ZM15 15.2988C14.1344 15.2988 13.4262 14.6109 13.4262 13.7701V10.7126C13.4262 9.87182 14.1344 9.18389 15 9.18389C15.8656 9.18389 16.5738 9.87182 16.5738 10.7126V13.7701C16.5738 14.6109 15.8656 15.2988 15 15.2988ZM16.5738 19.8851C16.5738 20.7293 15.8893 21.4138 15.045 21.4138H14.955C14.1107 21.4138 13.4262 20.7293 13.4262 19.8851C13.4262 19.0408 14.1107 18.3563 14.955 18.3563H15.045C15.8893 18.3563 16.5738 19.0408 16.5738 19.8851Z\"\n fill=\"#DF4141\"\n />\n </svg>\n )\n}\n\nexport default Error\n"],"names":["_jsx"],"mappings":";;;AAIA,MAAM,KAAK,GAAuB,CAAC,EAAE,SAAS,GAAG,OAAO,EAAE,KAAK,GAAG,OAAO,EAAE,KAAK,EAAE,KAAI;AACpF,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,IAAI,EAAE,EAAE;KACT;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AACF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EACrGA,cACE,CAAC,EAAC,4mBAA4mB,EAC9mB,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/Expand.js CHANGED Viewed

@@ -1,13 +1,14 @@
 import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import { dynamicStyles } from '../styles.js';
-const Expand = ({ direction = 'down', color, width, getStyles }) => {
+const Expand = ({ direction = 'down', color, width }) => {
     const deg = {
         left: 90,
         up: 180,
         right: 270,
         down: 0,
     };
-    const style = getStyles({
+    const style = dynamicStyles.generic({
         degree: deg[direction],
         color,
     });

package/dist/components/uikit-sdk/Svg/Icons/Expand.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Expand.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Expand.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps, rotation } from './types'\n\nconst Expand: React.FC<SvgProps> = ({ direction = 'down', color, width, ~~getStyles~~ }) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = ~~getStyles~~({\n degree: deg[direction as keyof rotation],\n color,\n })\n\n return (\n <svg\n width={width \|\| '12'}\n height={width \|\| '12'}\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n sx={style}\n >\n <rect\n x=\"0.492676\"\n y=\"0.873535\"\n width=\"10\"\n height=\"10\"\n rx=\"5\"\n fill={color === 'white' ? 'transparent' : 'white'}\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M2.63257 3.36583C2.63257 3.17107 2.79045 3.01318 2.98522 3.01318H4.23908C4.43384 3.01318 4.59173 3.17107 4.59173 3.36583C4.59173 3.56059 4.43384 3.71848 4.23908 3.71848H3.83658L4.8019 4.6838C4.93962 4.82151 4.93962 5.0448 4.8019 5.18252C4.66418 5.32023 4.4409 5.32023 4.30318 5.18252L3.33786 4.2172V4.61969C3.33786 4.81445 3.17998 4.97234 2.98522 4.97234C2.79045 4.97234 2.63257 4.81445 2.63257 4.61969V3.36583ZM6.7468 3.01318H8.00066C8.19542 3.01318 8.35331 3.17107 8.35331 3.36583V4.61969C8.35331 4.81445 8.19542 4.97234 8.00066 4.97234C7.8059 4.97234 7.64801 4.81445 7.64801 4.61969V4.2172L6.68269 5.18252C6.54497 5.32023 6.32169 5.32023 6.18397 5.18252C6.04625 5.0448 6.04625 4.82151 6.18397 4.6838L7.14929 3.71848H6.7468C6.55204 3.71848 6.39415 3.56059 6.39415 3.36583C6.39415 3.17107 6.55204 3.01318 6.7468 3.01318ZM4.8019 6.56459C4.93962 6.70231 4.93962 6.92559 4.8019 7.06331L3.83658 8.02862H4.23908C4.43384 8.02862 4.59173 8.18651 4.59173 8.38127C4.59173 8.57603 4.43384 8.73392 4.23908 8.73392H2.98522C2.79045 8.73392 2.63257 8.57603 2.63257 8.38127V7.12741C2.63257 6.93265 2.79045 6.77476 2.98522 6.77476C3.17998 6.77476 3.33786 6.93265 3.33786 7.12741V7.5299L4.30318 6.56459C4.4409 6.42687 4.66418 6.42687 4.8019 6.56459ZM6.18397 6.56459C6.32169 6.42687 6.54497 6.42687 6.68269 6.56459L7.64801 7.52991V7.12741C7.64801 6.93265 7.8059 6.77476 8.00066 6.77476C8.19542 6.77476 8.35331 6.93265 8.35331 7.12741V8.38127C8.35331 8.57603 8.19542 8.73392 8.00066 8.73392H6.7468C6.55204 8.73392 6.39415 8.57603 6.39415 8.38127C6.39415 8.18651 6.55204 8.02862 6.7468 8.02862H7.14929L6.18397 7.06331C6.04625 6.92559 6.04625 6.70231 6.18397 6.56459Z\"\n fill=\"#161420\"\n />\n </svg>\n )\n}\n\nexport default Expand\n"],"names":["_jsxs","_jsx"],"mappings":"~~;;AAGA~~,MAAM,MAAM,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,~~SAAS,EAAE,~~KAAI;~~AACrF~~,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;~~IACD~~,MAAM,KAAK,GAAG,~~SAAS~~,CAAC;~~AACtB~~,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,KAAK,IAAI,IAAI,EACpB,MAAM,EAAE,KAAK,IAAI,IAAI,EACrB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,EAAE,EAAE,KAAK,EAAA,QAAA,EAAA,CAETC,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,UAAU,EACZ,CAAC,EAAC,UAAU,EACZ,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,KAAK,KAAK,OAAO,GAAG,aAAa,GAAG,OAAO,EAAA,CACjD,EACFA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,inDAAinD,EACnnD,IAAI,EAAC,SAAS,EAAA,CACd,CAAA,EAAA,CACE;AAEV;;;;"}
1	+ {"version":3,"file":"Expand.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Expand.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps, rotation } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst Expand: React.FC<SvgProps> = ({ direction = 'down', color, width }) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = dynamicStyles.generic({\n degree: deg[direction as keyof rotation],\n color,\n })\n\n return (\n <svg\n width={width \|\| '12'}\n height={width \|\| '12'}\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n sx={style}\n >\n <rect\n x=\"0.492676\"\n y=\"0.873535\"\n width=\"10\"\n height=\"10\"\n rx=\"5\"\n fill={color === 'white' ? 'transparent' : 'white'}\n />\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M2.63257 3.36583C2.63257 3.17107 2.79045 3.01318 2.98522 3.01318H4.23908C4.43384 3.01318 4.59173 3.17107 4.59173 3.36583C4.59173 3.56059 4.43384 3.71848 4.23908 3.71848H3.83658L4.8019 4.6838C4.93962 4.82151 4.93962 5.0448 4.8019 5.18252C4.66418 5.32023 4.4409 5.32023 4.30318 5.18252L3.33786 4.2172V4.61969C3.33786 4.81445 3.17998 4.97234 2.98522 4.97234C2.79045 4.97234 2.63257 4.81445 2.63257 4.61969V3.36583ZM6.7468 3.01318H8.00066C8.19542 3.01318 8.35331 3.17107 8.35331 3.36583V4.61969C8.35331 4.81445 8.19542 4.97234 8.00066 4.97234C7.8059 4.97234 7.64801 4.81445 7.64801 4.61969V4.2172L6.68269 5.18252C6.54497 5.32023 6.32169 5.32023 6.18397 5.18252C6.04625 5.0448 6.04625 4.82151 6.18397 4.6838L7.14929 3.71848H6.7468C6.55204 3.71848 6.39415 3.56059 6.39415 3.36583C6.39415 3.17107 6.55204 3.01318 6.7468 3.01318ZM4.8019 6.56459C4.93962 6.70231 4.93962 6.92559 4.8019 7.06331L3.83658 8.02862H4.23908C4.43384 8.02862 4.59173 8.18651 4.59173 8.38127C4.59173 8.57603 4.43384 8.73392 4.23908 8.73392H2.98522C2.79045 8.73392 2.63257 8.57603 2.63257 8.38127V7.12741C2.63257 6.93265 2.79045 6.77476 2.98522 6.77476C3.17998 6.77476 3.33786 6.93265 3.33786 7.12741V7.5299L4.30318 6.56459C4.4409 6.42687 4.66418 6.42687 4.8019 6.56459ZM6.18397 6.56459C6.32169 6.42687 6.54497 6.42687 6.68269 6.56459L7.64801 7.52991V7.12741C7.64801 6.93265 7.8059 6.77476 8.00066 6.77476C8.19542 6.77476 8.35331 6.93265 8.35331 7.12741V8.38127C8.35331 8.57603 8.19542 8.73392 8.00066 8.73392H6.7468C6.55204 8.73392 6.39415 8.57603 6.39415 8.38127C6.39415 8.18651 6.55204 8.02862 6.7468 8.02862H7.14929L6.18397 7.06331C6.04625 6.92559 6.04625 6.70231 6.18397 6.56459Z\"\n fill=\"#161420\"\n />\n </svg>\n )\n}\n\nexport default Expand\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAIA,MAAM,MAAM,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAI;AAC1E,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,KAAK,IAAI,IAAI,EACpB,MAAM,EAAE,KAAK,IAAI,IAAI,EACrB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,EAAE,EAAE,KAAK,EAAA,QAAA,EAAA,CAETC,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,UAAU,EACZ,CAAC,EAAC,UAAU,EACZ,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,EAAE,EAAC,GAAG,EACN,IAAI,EAAE,KAAK,KAAK,OAAO,GAAG,aAAa,GAAG,OAAO,EAAA,CACjD,EACFA,cACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,inDAAinD,EACnnD,IAAI,EAAC,SAAS,EAAA,CACd,CAAA,EAAA,CACE;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/External.js CHANGED Viewed

@@ -1,13 +1,14 @@
 import { jsx } from 'theme-ui/jsx-runtime';
+import { dynamicStyles } from '../styles.js';
-const External = ({ direction = 'right', color = 'text', width, getStyles }) => {
+const External = ({ direction = 'right', color = 'text', width }) => {
     const deg = {
         left: 180,
         up: 270,
         right: 0,
         down: 90,
     };
-    const style = getStyles({
+    const style = dynamicStyles.generic({
         degree: deg[direction],
         color,
     });

package/dist/components/uikit-sdk/Svg/Icons/External.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"External.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/External.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps, rotation } from './types'\n\nconst External: React.FC<SvgProps> = ({ direction = 'right', color = 'text', width, ~~getStyles~~ }) => {\n const deg: rotation = {\n left: 180,\n up: 270,\n right: 0,\n down: 90,\n }\n const style = ~~getStyles~~({\n degree: deg[direction as keyof rotation],\n color,\n })\n\n return (\n <svg width={width \|\| '11'} viewBox=\"0 0 11 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n <path\n d=\"M9.16667 10.2778H1.83333C1.49722 10.2778 1.22222 10.0028 1.22222 9.66667V2.33333C1.22222 1.99722 1.49722 1.72222 1.83333 1.72222H4.88889C5.225 1.72222 5.5 1.44722 5.5 1.11111C5.5 0.775 5.225 0.5 4.88889 0.5H1.22222C0.543889 0.5 0 1.05 0 1.72222V10.2778C0 10.95 0.55 11.5 1.22222 11.5H9.77778C10.45 11.5 11 10.95 11 10.2778V6.61111C11 6.275 10.725 6 10.3889 6C10.0528 6 9.77778 6.275 9.77778 6.61111V9.66667C9.77778 10.0028 9.50278 10.2778 9.16667 10.2778ZM6.72222 1.11111C6.72222 1.44722 6.99722 1.72222 7.33333 1.72222H8.91611L3.33667 7.30167C3.09833 7.54 3.09833 7.925 3.33667 8.16333C3.575 8.40167 3.96 8.40167 4.19833 8.16333L9.77778 2.58389V4.16667C9.77778 4.50278 10.0528 4.77778 10.3889 4.77778C10.725 4.77778 11 4.50278 11 4.16667V1.11111C11 0.775 10.725 0.5 10.3889 0.5H7.33333C6.99722 0.5 6.72222 0.775 6.72222 1.11111Z\"\n fill=\"#4D4040\"\n />\n </svg>\n )\n}\n\nexport default External\n"],"names":["_jsx"],"mappings":"~~;;AAGA~~,MAAM,QAAQ,GAAuB,CAAC,EAAE,SAAS,GAAG,OAAO,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,~~SAAS,EAAE,~~KAAI;~~AACjG~~,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,IAAI,EAAE,EAAE;KACT;~~IACD~~,MAAM,KAAK,GAAG,~~SAAS~~,CAAC;~~AACtB~~,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EACrGA,cACE,CAAC,EAAC,+zBAA+zB,EACj0B,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE;AAEV;;;;"}
1	+ {"version":3,"file":"External.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/External.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps, rotation } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst External: React.FC<SvgProps> = ({ direction = 'right', color = 'text', width }) => {\n const deg: rotation = {\n left: 180,\n up: 270,\n right: 0,\n down: 90,\n }\n const style = dynamicStyles.generic({\n degree: deg[direction as keyof rotation],\n color,\n })\n\n return (\n <svg width={width \|\| '11'} viewBox=\"0 0 11 12\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n <path\n d=\"M9.16667 10.2778H1.83333C1.49722 10.2778 1.22222 10.0028 1.22222 9.66667V2.33333C1.22222 1.99722 1.49722 1.72222 1.83333 1.72222H4.88889C5.225 1.72222 5.5 1.44722 5.5 1.11111C5.5 0.775 5.225 0.5 4.88889 0.5H1.22222C0.543889 0.5 0 1.05 0 1.72222V10.2778C0 10.95 0.55 11.5 1.22222 11.5H9.77778C10.45 11.5 11 10.95 11 10.2778V6.61111C11 6.275 10.725 6 10.3889 6C10.0528 6 9.77778 6.275 9.77778 6.61111V9.66667C9.77778 10.0028 9.50278 10.2778 9.16667 10.2778ZM6.72222 1.11111C6.72222 1.44722 6.99722 1.72222 7.33333 1.72222H8.91611L3.33667 7.30167C3.09833 7.54 3.09833 7.925 3.33667 8.16333C3.575 8.40167 3.96 8.40167 4.19833 8.16333L9.77778 2.58389V4.16667C9.77778 4.50278 10.0528 4.77778 10.3889 4.77778C10.725 4.77778 11 4.50278 11 4.16667V1.11111C11 0.775 10.725 0.5 10.3889 0.5H7.33333C6.99722 0.5 6.72222 0.775 6.72222 1.11111Z\"\n fill=\"#4D4040\"\n />\n </svg>\n )\n}\n\nexport default External\n"],"names":["_jsx"],"mappings":";;;AAIA,MAAM,QAAQ,GAAuB,CAAC,EAAE,SAAS,GAAG,OAAO,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,KAAI;AACtF,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,IAAI,EAAE,EAAE;KACT;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EACrGA,cACE,CAAC,EAAC,+zBAA+zB,EACj0B,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/More.js CHANGED Viewed

@@ -1,13 +1,14 @@
 import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import { dynamicStyles } from '../styles.js';
-const More = ({ direction = 'right', color = 'text', width, getStyles }) => {
+const More = ({ direction = 'right', color = 'text', width }) => {
     const deg = {
         left: 180,
         up: 270,
         right: 0,
         down: 90,
     };
-    const style = getStyles({
+    const style = dynamicStyles.generic({
         degree: deg[direction],
         color,
     });

package/dist/components/uikit-sdk/Svg/Icons/More.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"More.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/More.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps, rotation } from './types'\n\nconst More: React.FC<SvgProps> = ({ direction = 'right', color = 'text', width, ~~getStyles~~ }) => {\n const deg: rotation = {\n left: 180,\n up: 270,\n right: 0,\n down: 90,\n }\n const style = ~~getStyles~~({\n degree: deg[direction as keyof rotation],\n color,\n })\n\n return (\n <svg width={width \|\| '24'} viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n <path\n d=\"M7.97587 14.4378C7.97587 15.4163 7.76563 16.0879 7.34513 16.4527C6.92463 16.8176 6.30168 17 5.47626 17C4.66641 17 4.05124 16.8176 3.63074 16.4527C3.21025 16.0879 3 15.4163 3 14.4378C3 13.4594 3.21025 12.8126 3.63074 12.4975C4.06682 12.1658 4.68977 12 5.49962 12C6.30946 12 6.92463 12.1658 7.34513 12.4975C7.76563 12.8126 7.97587 13.4594 7.97587 14.4378Z\"\n fill=\"#4D4040\"\n />\n <path\n d=\"M15.9879 14.4378C15.9879 15.4163 15.7777 16.0879 15.3572 16.4527C14.9367 16.8176 14.3137 17 13.4883 17C12.6785 17 12.0633 16.8176 11.6428 16.4527C11.2223 16.0879 11.0121 15.4163 11.0121 14.4378C11.0121 13.4594 11.2223 12.8126 11.6428 12.4975C12.0789 12.1658 12.7018 12 13.5117 12C14.3215 12 14.9367 12.1658 15.3572 12.4975C15.7777 12.8126 15.9879 13.4594 15.9879 14.4378Z\"\n fill=\"#4D4040\"\n />\n <path\n d=\"M24 14.4378C24 15.4163 23.7898 16.0879 23.3693 16.4527C22.9488 16.8176 22.3258 17 21.5004 17C20.6905 17 20.0754 16.8176 19.6549 16.4527C19.2344 16.0879 19.0241 15.4163 19.0241 14.4378C19.0241 13.4594 19.2344 12.8126 19.6549 12.4975C20.0909 12.1658 20.7139 12 21.5237 12C22.3336 12 22.9488 12.1658 23.3693 12.4975C23.7898 12.8126 24 13.4594 24 14.4378Z\"\n fill=\"#4D4040\"\n />\n </svg>\n )\n}\n\nexport default More\n"],"names":["_jsxs","_jsx"],"mappings":"~~;;AAGA~~,MAAM,IAAI,GAAuB,CAAC,EAAE,SAAS,GAAG,OAAO,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,~~SAAS,EAAE,~~KAAI;~~AAC7F~~,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,IAAI,EAAE,EAAE;KACT;~~IACD~~,MAAM,KAAK,GAAG,~~SAAS~~,CAAC;~~AACtB~~,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;IAEF,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EAAA,CACrGC,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,mWAAmW,EACrW,IAAI,EAAC,SAAS,EAAA,CACd,EACFA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,qXAAqX,EACvX,IAAI,EAAC,SAAS,GACd,EACFA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,iWAAiW,EACnW,IAAI,EAAC,SAAS,EAAA,CACd,CAAA,EAAA,CACE;AAEV;;;;"}
1	+ {"version":3,"file":"More.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/More.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps, rotation } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst More: React.FC<SvgProps> = ({ direction = 'right', color = 'text', width }) => {\n const deg: rotation = {\n left: 180,\n up: 270,\n right: 0,\n down: 90,\n }\n const style = dynamicStyles.generic({\n degree: deg[direction as keyof rotation],\n color,\n })\n\n return (\n <svg width={width \|\| '24'} viewBox=\"0 0 28 28\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n <path\n d=\"M7.97587 14.4378C7.97587 15.4163 7.76563 16.0879 7.34513 16.4527C6.92463 16.8176 6.30168 17 5.47626 17C4.66641 17 4.05124 16.8176 3.63074 16.4527C3.21025 16.0879 3 15.4163 3 14.4378C3 13.4594 3.21025 12.8126 3.63074 12.4975C4.06682 12.1658 4.68977 12 5.49962 12C6.30946 12 6.92463 12.1658 7.34513 12.4975C7.76563 12.8126 7.97587 13.4594 7.97587 14.4378Z\"\n fill=\"#4D4040\"\n />\n <path\n d=\"M15.9879 14.4378C15.9879 15.4163 15.7777 16.0879 15.3572 16.4527C14.9367 16.8176 14.3137 17 13.4883 17C12.6785 17 12.0633 16.8176 11.6428 16.4527C11.2223 16.0879 11.0121 15.4163 11.0121 14.4378C11.0121 13.4594 11.2223 12.8126 11.6428 12.4975C12.0789 12.1658 12.7018 12 13.5117 12C14.3215 12 14.9367 12.1658 15.3572 12.4975C15.7777 12.8126 15.9879 13.4594 15.9879 14.4378Z\"\n fill=\"#4D4040\"\n />\n <path\n d=\"M24 14.4378C24 15.4163 23.7898 16.0879 23.3693 16.4527C22.9488 16.8176 22.3258 17 21.5004 17C20.6905 17 20.0754 16.8176 19.6549 16.4527C19.2344 16.0879 19.0241 15.4163 19.0241 14.4378C19.0241 13.4594 19.2344 12.8126 19.6549 12.4975C20.0909 12.1658 20.7139 12 21.5237 12C22.3336 12 22.9488 12.1658 23.3693 12.4975C23.7898 12.8126 24 13.4594 24 14.4378Z\"\n fill=\"#4D4040\"\n />\n </svg>\n )\n}\n\nexport default More\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAIA,MAAM,IAAI,GAAuB,CAAC,EAAE,SAAS,GAAG,OAAO,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,KAAI;AAClF,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,IAAI,EAAE,EAAE;KACT;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;IAEF,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EAAA,CACrGC,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,mWAAmW,EACrW,IAAI,EAAC,SAAS,EAAA,CACd,EACFA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,qXAAqX,EACvX,IAAI,EAAC,SAAS,GACd,EACFA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,iWAAiW,EACnW,IAAI,EAAC,SAAS,EAAA,CACd,CAAA,EAAA,CACE;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/PlaceholderMonkey.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import { SvgProps } from './types';
-declare const PlaceholderMonkey: ({ direction, color, width, getStyles }: SvgProps) => import("react").JSX.Element;
+declare const PlaceholderMonkey: ({ direction, color, width }: SvgProps) => import("react").JSX.Element;
 export default PlaceholderMonkey;

package/dist/components/uikit-sdk/Svg/Icons/PlaceholderMonkey.js CHANGED Viewed

@@ -1,13 +1,14 @@
 import { jsx } from 'theme-ui/jsx-runtime';
+import { dynamicStyles } from '../styles.js';
-const PlaceholderMonkey = ({ direction = 'down', color = 'text', width, getStyles }) => {
+const PlaceholderMonkey = ({ direction = 'down', color = 'text', width }) => {
     const deg = {
         left: 90,
         up: 180,
         right: 270,
         down: 0,
     };
-    const style = getStyles({
+    const style = dynamicStyles.generic({
         degree: deg[direction],
         color,
     });

package/dist/components/uikit-sdk/Svg/Icons/PlaceholderMonkey.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PlaceholderMonkey.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/PlaceholderMonkey.tsx"],"sourcesContent":["import { SvgProps, rotation } from './types'\n\nconst PlaceholderMonkey = ({ direction = 'down', color = 'text', width, ~~getStyles~~ }: SvgProps) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = ~~getStyles~~({\n degree: deg[direction as keyof rotation],\n color,\n })\n return (\n <svg width={width \|\| '76'} viewBox=\"0 0 76 52\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n <path\n d=\"M0.5 3C0.5 2.2375 0.802902 1.50624 1.34207 0.967069C1.88124 0.427901 2.6125 0.125 3.375 0.125H66.625C67.3875 0.125 68.1188 0.427901 68.6579 0.967069C69.1971 1.50624 69.5 2.2375 69.5 3C69.5 3.7625 69.1971 4.49376 68.6579 5.03293C68.1188 5.5721 67.3875 5.875 66.625 5.875H3.375C2.6125 5.875 1.88124 5.5721 1.34207 5.03293C0.802902 4.49376 0.5 3.7625 0.5 3ZM3.375 28.875H29.25C30.0125 28.875 30.7438 28.5721 31.2829 28.0329C31.8221 27.4938 32.125 26.7625 32.125 26C32.125 25.2375 31.8221 24.5062 31.2829 23.9671C30.7438 23.4279 30.0125 23.125 29.25 23.125H3.375C2.6125 23.125 1.88124 23.4279 1.34207 23.9671C0.802902 24.5062 0.5 25.2375 0.5 26C0.5 26.7625 0.802902 27.4938 1.34207 28.0329C1.88124 28.5721 2.6125 28.875 3.375 28.875ZM35 46.125H3.375C2.6125 46.125 1.88124 46.4279 1.34207 46.9671C0.802902 47.5062 0.5 48.2375 0.5 49C0.5 49.7625 0.802902 50.4938 1.34207 51.0329C1.88124 51.5721 2.6125 51.875 3.375 51.875H35C35.7625 51.875 36.4938 51.5721 37.0329 51.0329C37.5721 50.4938 37.875 49.7625 37.875 49C37.875 48.2375 37.5721 47.5062 37.0329 46.9671C36.4938 46.4279 35.7625 46.125 35 46.125ZM74.4091 46.9659L67.1138 39.6562C69.075 36.6836 69.8629 33.0888 69.3249 29.5684C68.787 26.0479 66.9613 22.8525 64.2018 20.6013C61.4423 18.3501 57.9454 17.2033 54.3886 17.3833C50.8318 17.5632 47.4685 19.057 44.9503 21.5753C42.432 24.0935 40.9382 27.4568 40.7583 31.0136C40.5783 34.5704 41.7251 38.0673 43.9763 40.8268C46.2275 43.5863 49.4229 45.412 52.9434 45.9499C56.4638 46.4879 60.0586 45.7 63.0313 43.7388L70.3266 51.0341C70.866 51.5735 71.5977 51.8766 72.3606 51.8766C73.1236 51.8766 73.8552 51.5735 74.3947 51.0341C74.9342 50.4946 75.2372 49.7629 75.2372 49C75.2372 48.2371 74.9342 47.5054 74.3947 46.9659H74.4091Z\"\n fill=\"#73728E\"\n />\n </svg>\n )\n}\n\nexport default PlaceholderMonkey\n"],"names":["_jsx"],"mappings":"~~;;AAEA~~,MAAM,iBAAiB,GAAG,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,~~EAAE,SAAS,~~EAAY,KAAI;~~AAC/F~~,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;~~IACD~~,MAAM,KAAK,GAAG,~~SAAS~~,CAAC;~~AACtB~~,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AACF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EACrGA,cACE,CAAC,EAAC,orDAAorD,EACtrD,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE;AAEV;;;;"}
1	+ {"version":3,"file":"PlaceholderMonkey.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/PlaceholderMonkey.tsx"],"sourcesContent":["import { SvgProps, rotation } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst PlaceholderMonkey = ({ direction = 'down', color = 'text', width }: SvgProps) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = dynamicStyles.generic({\n degree: deg[direction as keyof rotation],\n color,\n })\n return (\n <svg width={width \|\| '76'} viewBox=\"0 0 76 52\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n <path\n d=\"M0.5 3C0.5 2.2375 0.802902 1.50624 1.34207 0.967069C1.88124 0.427901 2.6125 0.125 3.375 0.125H66.625C67.3875 0.125 68.1188 0.427901 68.6579 0.967069C69.1971 1.50624 69.5 2.2375 69.5 3C69.5 3.7625 69.1971 4.49376 68.6579 5.03293C68.1188 5.5721 67.3875 5.875 66.625 5.875H3.375C2.6125 5.875 1.88124 5.5721 1.34207 5.03293C0.802902 4.49376 0.5 3.7625 0.5 3ZM3.375 28.875H29.25C30.0125 28.875 30.7438 28.5721 31.2829 28.0329C31.8221 27.4938 32.125 26.7625 32.125 26C32.125 25.2375 31.8221 24.5062 31.2829 23.9671C30.7438 23.4279 30.0125 23.125 29.25 23.125H3.375C2.6125 23.125 1.88124 23.4279 1.34207 23.9671C0.802902 24.5062 0.5 25.2375 0.5 26C0.5 26.7625 0.802902 27.4938 1.34207 28.0329C1.88124 28.5721 2.6125 28.875 3.375 28.875ZM35 46.125H3.375C2.6125 46.125 1.88124 46.4279 1.34207 46.9671C0.802902 47.5062 0.5 48.2375 0.5 49C0.5 49.7625 0.802902 50.4938 1.34207 51.0329C1.88124 51.5721 2.6125 51.875 3.375 51.875H35C35.7625 51.875 36.4938 51.5721 37.0329 51.0329C37.5721 50.4938 37.875 49.7625 37.875 49C37.875 48.2375 37.5721 47.5062 37.0329 46.9671C36.4938 46.4279 35.7625 46.125 35 46.125ZM74.4091 46.9659L67.1138 39.6562C69.075 36.6836 69.8629 33.0888 69.3249 29.5684C68.787 26.0479 66.9613 22.8525 64.2018 20.6013C61.4423 18.3501 57.9454 17.2033 54.3886 17.3833C50.8318 17.5632 47.4685 19.057 44.9503 21.5753C42.432 24.0935 40.9382 27.4568 40.7583 31.0136C40.5783 34.5704 41.7251 38.0673 43.9763 40.8268C46.2275 43.5863 49.4229 45.412 52.9434 45.9499C56.4638 46.4879 60.0586 45.7 63.0313 43.7388L70.3266 51.0341C70.866 51.5735 71.5977 51.8766 72.3606 51.8766C73.1236 51.8766 73.8552 51.5735 74.3947 51.0341C74.9342 50.4946 75.2372 49.7629 75.2372 49C75.2372 48.2371 74.9342 47.5054 74.3947 46.9659H74.4091Z\"\n fill=\"#73728E\"\n />\n </svg>\n )\n}\n\nexport default PlaceholderMonkey\n"],"names":["_jsx"],"mappings":";;;AAGA,MAAM,iBAAiB,GAAG,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAY,KAAI;AACpF,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AACF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EACrGA,cACE,CAAC,EAAC,orDAAorD,EACtrD,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/PlaceholderMonkeyAlt.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import { SvgProps } from './types';
-declare const PlaceholderMonkeyAlt: ({ direction, color, width, getStyles }: SvgProps) => import("react").JSX.Element;
+declare const PlaceholderMonkeyAlt: ({ direction, color, width }: SvgProps) => import("react").JSX.Element;
 export default PlaceholderMonkeyAlt;

package/dist/components/uikit-sdk/Svg/Icons/QuestionCircle.js CHANGED Viewed

@@ -1,13 +1,14 @@
 import { jsx } from 'theme-ui/jsx-runtime';
+import { dynamicStyles } from '../styles.js';
-const QuestionCircle = ({ direction = 'down', color = 'text', width, getStyles }) => {
+const QuestionCircle = ({ direction = 'down', color = 'text', width }) => {
     const deg = {
         left: 90,
         up: 180,
         right: 270,
         down: 0,
     };
-    const style = getStyles({
+    const style = dynamicStyles.generic({
         degree: deg[direction],
         color,
     });

package/dist/components/uikit-sdk/Svg/Icons/QuestionCircle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"QuestionCircle.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/QuestionCircle.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps, rotation } from './types'\n\nconst QuestionCircle: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width, ~~getStyles~~ }) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = ~~getStyles~~({\n degree: deg[direction as keyof rotation],\n color,\n })\n\n return (\n <svg width={width \|\| '20'} viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n <path d=\"M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM10 18C5.59 18 2 14.41 2 10C2 5.59 5.59 2 10 2C14.41 2 18 5.59 18 10C18 14.41 14.41 18 10 18ZM9 14H11V16H9V14ZM10.61 4.04C8.55 3.74 6.73 5.01 6.18 6.83C6 7.41 6.44 8 7.05 8H7.25C7.66 8 7.99 7.71 8.13 7.33C8.45 6.44 9.4 5.83 10.43 6.05C11.38 6.25 12.08 7.18 12 8.15C11.9 9.49 10.38 9.78 9.55 11.03C9.55 11.04 9.54 11.04 9.54 11.05C9.53 11.07 9.52 11.08 9.51 11.1C9.42 11.25 9.33 11.42 9.26 11.6C9.25 11.63 9.23 11.65 9.22 11.68C9.21 11.7 9.21 11.72 9.2 11.75C9.08 12.09 9 12.5 9 13H11C11 12.58 11.11 12.23 11.28 11.93C11.3 11.9 11.31 11.87 11.33 11.84C11.41 11.7 11.51 11.57 11.61 11.45C11.62 11.44 11.63 11.42 11.64 11.41C11.74 11.29 11.85 11.18 11.97 11.07C12.93 10.16 14.23 9.42 13.96 7.51C13.72 5.77 12.35 4.3 10.61 4.04Z\" />\n </svg>\n )\n}\n\nexport default QuestionCircle\n"],"names":["_jsx"],"mappings":"~~;;AAGA~~,MAAM,cAAc,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,~~SAAS,EAAE,~~KAAI;~~AACtG~~,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;~~IACD~~,MAAM,KAAK,GAAG,~~SAAS~~,CAAC;~~AACtB~~,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EACrGA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,kzBAAkzB,EAAA,CAAG,EAAA,CACzzB;AAEV;;;;"}
1	+ {"version":3,"file":"QuestionCircle.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/QuestionCircle.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps, rotation } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst QuestionCircle: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width }) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = dynamicStyles.generic({\n degree: deg[direction as keyof rotation],\n color,\n })\n\n return (\n <svg width={width \|\| '20'} viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n <path d=\"M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM10 18C5.59 18 2 14.41 2 10C2 5.59 5.59 2 10 2C14.41 2 18 5.59 18 10C18 14.41 14.41 18 10 18ZM9 14H11V16H9V14ZM10.61 4.04C8.55 3.74 6.73 5.01 6.18 6.83C6 7.41 6.44 8 7.05 8H7.25C7.66 8 7.99 7.71 8.13 7.33C8.45 6.44 9.4 5.83 10.43 6.05C11.38 6.25 12.08 7.18 12 8.15C11.9 9.49 10.38 9.78 9.55 11.03C9.55 11.04 9.54 11.04 9.54 11.05C9.53 11.07 9.52 11.08 9.51 11.1C9.42 11.25 9.33 11.42 9.26 11.6C9.25 11.63 9.23 11.65 9.22 11.68C9.21 11.7 9.21 11.72 9.2 11.75C9.08 12.09 9 12.5 9 13H11C11 12.58 11.11 12.23 11.28 11.93C11.3 11.9 11.31 11.87 11.33 11.84C11.41 11.7 11.51 11.57 11.61 11.45C11.62 11.44 11.63 11.42 11.64 11.41C11.74 11.29 11.85 11.18 11.97 11.07C12.93 10.16 14.23 9.42 13.96 7.51C13.72 5.77 12.35 4.3 10.61 4.04Z\" />\n </svg>\n )\n}\n\nexport default QuestionCircle\n"],"names":["_jsx"],"mappings":";;;AAIA,MAAM,cAAc,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,KAAI;AAC3F,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EACrGA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,kzBAAkzB,EAAA,CAAG,EAAA,CACzzB;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/Search.js CHANGED Viewed

@@ -1,13 +1,14 @@
 import { jsx } from 'theme-ui/jsx-runtime';
+import { dynamicStyles } from '../styles.js';
-const Search = ({ direction = 'down', color = 'text', width, getStyles }) => {
+const Search = ({ direction = 'down', color = 'text', width }) => {
     const deg = {
         left: 90,
         up: 180,
         right: 270,
         down: 0,
     };
-    const style = getStyles({
+    const style = dynamicStyles.generic({
         degree: deg[direction],
         color,
     });

package/dist/components/uikit-sdk/Svg/Icons/Search.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Search.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Search.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps, rotation } from './types'\n\nconst Search: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width, ~~getStyles~~ }) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = ~~getStyles~~({\n degree: deg[direction as keyof rotation],\n color,\n })\n\n return (\n <svg width={width \|\| '14'} viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n <path\n d=\"M10.9345 10.958C11.2051 10.6893 11.6388 10.6893 11.9093 10.958L13.6976 12.4015H13.7287C14.0904 12.7672 14.0904 13.3601 13.7287 13.7257C13.3669 14.0914 12.7803 14.0914 12.4185 13.7257L10.9345 12.0249L10.8782 11.9614C10.7733 11.8286 10.7153 11.6631 10.7153 11.4915C10.7153 11.2913 10.7942 11.0993 10.9345 10.958ZM6.00435 0C7.5968 0 9.12403 0.639405 10.2501 1.77755C11.3761 2.9157 12.0087 4.45936 12.0087 6.06895C12.0087 9.42074 9.32046 12.1379 6.00435 12.1379C2.68824 12.1379 0 9.42074 0 6.06895C0 2.71716 2.68824 0 6.00435 0Z\"\n fill=\"#FDFBF5\"\n />\n </svg>\n )\n}\n\nexport default Search\n"],"names":["_jsx"],"mappings":"~~;;AAGA~~,MAAM,MAAM,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,~~SAAS,EAAE,~~KAAI;~~AAC9F~~,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;~~IACD~~,MAAM,KAAK,GAAG,~~SAAS~~,CAAC;~~AACtB~~,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EACrGA,cACE,CAAC,EAAC,8gBAA8gB,EAChhB,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE;AAEV;;;;"}
1	+ {"version":3,"file":"Search.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Search.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps, rotation } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst Search: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width }) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = dynamicStyles.generic({\n degree: deg[direction as keyof rotation],\n color,\n })\n\n return (\n <svg width={width \|\| '14'} viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n <path\n d=\"M10.9345 10.958C11.2051 10.6893 11.6388 10.6893 11.9093 10.958L13.6976 12.4015H13.7287C14.0904 12.7672 14.0904 13.3601 13.7287 13.7257C13.3669 14.0914 12.7803 14.0914 12.4185 13.7257L10.9345 12.0249L10.8782 11.9614C10.7733 11.8286 10.7153 11.6631 10.7153 11.4915C10.7153 11.2913 10.7942 11.0993 10.9345 10.958ZM6.00435 0C7.5968 0 9.12403 0.639405 10.2501 1.77755C11.3761 2.9157 12.0087 4.45936 12.0087 6.06895C12.0087 9.42074 9.32046 12.1379 6.00435 12.1379C2.68824 12.1379 0 9.42074 0 6.06895C0 2.71716 2.68824 0 6.00435 0Z\"\n fill=\"#FDFBF5\"\n />\n </svg>\n )\n}\n\nexport default Search\n"],"names":["_jsx"],"mappings":";;;AAIA,MAAM,MAAM,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,KAAI;AACnF,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EACrGA,cACE,CAAC,EAAC,8gBAA8gB,EAChhB,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/Sort.js CHANGED Viewed

@@ -1,13 +1,14 @@
 import { jsx } from 'theme-ui/jsx-runtime';
+import { dynamicStyles } from '../styles.js';
-const Sort = ({ direction = 'down', color = 'text', width, height, getStyles }) => {
+const Sort = ({ direction = 'down', color = 'text', width, height }) => {
     const deg = {
         left: 90,
         up: 180,
         right: 270,
         down: 0,
     };
-    const style = getStyles({
+    const style = dynamicStyles.generic({
         degree: deg[direction],
         color,
     });

package/dist/components/uikit-sdk/Svg/Icons/Sort.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Sort.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Sort.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps, rotation } from './types'\n\nconst Sort: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width, height, ~~getStyles~~ }) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = ~~getStyles~~({\n degree: deg[direction as keyof rotation],\n color,\n })\n\n return (\n <svg\n width={width \|\| '12'}\n height={height \|\| '12'}\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n sx={style}\n >\n <path\n d=\"M5.47015 0.970314C5.76312 0.677345 6.2389 0.677345 6.53187 0.970314L9.53187 3.97031C9.7475 4.18594 9.81078 4.50703 9.69359 4.78828C9.5764 5.06953 9.30453 5.25235 8.99984 5.25235H2.99984C2.6975 5.25235 2.42328 5.06953 2.30609 4.78828C2.1889 4.50703 2.25453 4.18594 2.46781 3.97031L5.46781 0.970314H5.47015ZM5.47015 11.032L2.47015 8.03203C2.25453 7.81641 2.19125 7.49531 2.30843 7.21406C2.42562 6.93281 2.6975 6.75 3.00218 6.75H8.99984C9.30218 6.75 9.5764 6.93281 9.69359 7.21406C9.81078 7.49531 9.74515 7.81641 9.53187 8.03203L6.53187 11.032C6.2389 11.325 5.76312 11.325 5.47015 11.032Z\"\n fill=\"#73728E\"\n />\n </svg>\n )\n}\n\nexport default Sort\n"],"names":["_jsx"],"mappings":"~~;;AAGA~~,MAAM,IAAI,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,~~SAAS,EAAE,~~KAAI;~~AACpG~~,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;~~IACD~~,MAAM,KAAK,GAAG,~~SAAS~~,CAAC;~~AACtB~~,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,KAAK,IAAI,IAAI,EACpB,MAAM,EAAE,MAAM,IAAI,IAAI,EACtB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,EAAE,EAAE,KAAK,EAAA,QAAA,EAETA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,2kBAA2kB,EAC7kB,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE;AAEV;;;;"}
1	+ {"version":3,"file":"Sort.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Sort.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps, rotation } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst Sort: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width, height }) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = dynamicStyles.generic({\n degree: deg[direction as keyof rotation],\n color,\n })\n\n return (\n <svg\n width={width \|\| '12'}\n height={height \|\| '12'}\n viewBox=\"0 0 12 12\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n sx={style}\n >\n <path\n d=\"M5.47015 0.970314C5.76312 0.677345 6.2389 0.677345 6.53187 0.970314L9.53187 3.97031C9.7475 4.18594 9.81078 4.50703 9.69359 4.78828C9.5764 5.06953 9.30453 5.25235 8.99984 5.25235H2.99984C2.6975 5.25235 2.42328 5.06953 2.30609 4.78828C2.1889 4.50703 2.25453 4.18594 2.46781 3.97031L5.46781 0.970314H5.47015ZM5.47015 11.032L2.47015 8.03203C2.25453 7.81641 2.19125 7.49531 2.30843 7.21406C2.42562 6.93281 2.6975 6.75 3.00218 6.75H8.99984C9.30218 6.75 9.5764 6.93281 9.69359 7.21406C9.81078 7.49531 9.74515 7.81641 9.53187 8.03203L6.53187 11.032C6.2389 11.325 5.76312 11.325 5.47015 11.032Z\"\n fill=\"#73728E\"\n />\n </svg>\n )\n}\n\nexport default Sort\n"],"names":["_jsx"],"mappings":";;;AAIA,MAAM,IAAI,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAI;AACzF,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,KAAK,IAAI,IAAI,EACpB,MAAM,EAAE,MAAM,IAAI,IAAI,EACtB,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,4BAA4B,EAClC,EAAE,EAAE,KAAK,EAAA,QAAA,EAETA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,2kBAA2kB,EAC7kB,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/Success.js CHANGED Viewed

@@ -1,13 +1,14 @@
 import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import { dynamicStyles } from '../styles.js';
-const Success = ({ direction = 'down', color = 'success', width, getStyles }) => {
+const Success = ({ direction = 'down', color = 'success', width }) => {
     const deg = {
         left: 90,
         up: 180,
         right: 270,
         down: 0,
     };
-    const style = getStyles({
+    const style = dynamicStyles.generic({
         degree: deg[direction],
         color,
     });

package/dist/components/uikit-sdk/Svg/Icons/Success.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Success.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Success.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps, rotation } from './types'\n\nconst Success: React.FC<SvgProps> = ({ direction = 'down', color = 'success', width, ~~getStyles~~ }) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = ~~getStyles~~({\n degree: deg[direction as keyof rotation],\n color,\n })\n\n return (\n <svg width={width \|\| '10'} viewBox=\"0 0 15 15\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n <mask id=\"path-1-inside-1_8581_37376\" fill=\"white\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M7.5 15C11.6421 15 15 11.6421 15 7.5C15 3.35786 11.6421 0 7.5 0C3.35786 0 0 3.35786 0 7.5C0 11.6421 3.35786 15 7.5 15ZM10.7168 4.6311C10.8812 4.47247 11.1484 4.46313 11.3232 4.6031C11.4773 4.73374 11.5082 4.94836 11.3848 5.10699L7.57177 10.1459L7.54094 10.1832C7.29427 10.5098 6.80094 10.5938 6.44122 10.3698C6.36927 10.3232 6.29733 10.2578 6.24594 10.1925L4.324 7.70108C4.19039 7.52379 4.2315 7.28117 4.42678 7.15987C4.58094 7.05722 4.79678 7.06656 4.94066 7.17853L6.79066 8.55956L10.7168 4.6311Z\"\n />\n </mask>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M7.5 15C11.6421 15 15 11.6421 15 7.5C15 3.35786 11.6421 0 7.5 0C3.35786 0 0 3.35786 0 7.5C0 11.6421 3.35786 15 7.5 15ZM10.7168 4.6311C10.8812 4.47247 11.1484 4.46313 11.3232 4.6031C11.4773 4.73374 11.5082 4.94836 11.3848 5.10699L7.57177 10.1459L7.54094 10.1832C7.29427 10.5098 6.80094 10.5938 6.44122 10.3698C6.36927 10.3232 6.29733 10.2578 6.24594 10.1925L4.324 7.70108C4.19039 7.52379 4.2315 7.28117 4.42678 7.15987C4.58094 7.05722 4.79678 7.06656 4.94066 7.17853L6.79066 8.55956L10.7168 4.6311Z\"\n fill=\"#38A611\"\n />\n <path\n d=\"M11.3232 4.6031L12.6161 3.07725L12.5951 3.05944L12.5736 3.0422L11.3232 4.6031ZM10.7168 4.6311L9.32823 3.19167L9.31506 3.20437L9.30213 3.21731L10.7168 4.6311ZM11.3848 5.10699L9.80589 3.8794L9.79787 3.88972L9.78999 3.90014L11.3848 5.10699ZM7.57177 10.1459L9.11371 11.4196L9.14087 11.3867L9.16661 11.3527L7.57177 10.1459ZM7.54094 10.1832L5.999 8.90945L5.97125 8.94305L5.94499 8.97782L7.54094 10.1832ZM6.44122 10.3698L5.35301 12.0479L5.36851 12.0579L5.3842 12.0677L6.44122 10.3698ZM6.24594 10.1925L4.66237 11.4141L4.66819 11.4217L4.67408 11.4292L6.24594 10.1925ZM4.324 7.70108L2.72677 8.90477L2.73355 8.91376L2.74042 8.92268L4.324 7.70108ZM4.42678 7.15987L5.48213 8.85876L5.50892 8.84212L5.53518 8.82463L4.42678 7.15987ZM4.94066 7.17853L3.71236 8.75691L3.72819 8.76922L3.74426 8.78122L4.94066 7.17853ZM6.79066 8.55956L5.59425 10.1622L6.98153 11.1978L8.2053 9.97335L6.79066 8.55956ZM13 7.5C13 10.5376 10.5376 13 7.5 13V17C12.7467 17 17 12.7467 17 7.5H13ZM7.5 2C10.5376 2 13 4.46243 13 7.5H17C17 2.25329 12.7467 -2 7.5 -2V2ZM2 7.5C2 4.46243 4.46243 2 7.5 2V-2C2.25329 -2 -2 2.25329 -2 7.5H2ZM7.5 13C4.46243 13 2 10.5376 2 7.5H-2C-2 12.7467 2.25329 17 7.5 17V13ZM12.5736 3.0422C11.623 2.28067 10.225 2.32656 9.32823 3.19167L12.1053 6.07052C11.5374 6.61837 10.6739 6.64559 10.0727 6.164L12.5736 3.0422ZM12.9638 6.33458C13.7999 5.2591 13.5179 3.84143 12.6161 3.07725L10.0302 6.12895C9.43671 5.62605 9.2164 4.63761 9.80589 3.8794L12.9638 6.33458ZM9.16661 11.3527L12.9797 6.31385L9.78999 3.90014L5.97694 8.93902L9.16661 11.3527ZM9.08288 11.4569L9.11371 11.4196L6.02984 8.87212L5.999 8.90945L9.08288 11.4569ZM5.3842 12.0677C6.57521 12.8092 8.23351 12.5847 9.13689 11.3886L5.94499 8.97782C6.1621 8.69035 6.45202 8.55308 6.69854 8.51121C6.94576 8.46921 7.23358 8.5072 7.49824 8.67197L5.3842 12.0677ZM4.67408 11.4292C4.86564 11.6726 5.10262 11.8855 5.35301 12.0479L7.52942 8.69178C7.59192 8.73231 7.64101 8.77179 7.68026 8.80742C7.71912 8.8427 7.76655 8.89076 7.8178 8.95589L4.67408 11.4292ZM2.74042 8.92268L4.66237 11.4141L7.82951 8.97093L5.90757 6.47949L2.74042 8.92268ZM3.37143 5.46098C2.16753 6.20884 1.89287 7.79823 2.72677 8.90477L5.92123 6.49739C6.48791 7.24934 6.29547 8.35351 5.48213 8.85876L3.37143 5.46098ZM6.16897 5.60015C5.3495 4.96244 4.1927 4.91298 3.31837 5.4951L5.53518 8.82463C4.96918 9.20147 4.24405 9.17067 3.71236 8.75691L6.16897 5.60015ZM7.98707 6.95687L6.13707 5.57584L3.74426 8.78122L5.59425 10.1622L7.98707 6.95687ZM9.30213 3.21731L5.37603 7.14577L8.2053 9.97335L12.1314 6.04489L9.30213 3.21731Z\"\n fill=\"#38A611\"\n mask=\"url(#path-1-inside-1_8581_37376)\"\n />\n </svg>\n )\n}\n\nexport default Success\n"],"names":["_jsxs","_jsx"],"mappings":"~~;;AAGA~~,MAAM,OAAO,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,KAAK,EAAE,~~SAAS,EAAE,~~KAAI;~~AAClG~~,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;~~IACD~~,MAAM,KAAK,GAAG,~~SAAS~~,CAAC;~~AACtB~~,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EAAA,CACrGC,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,4BAA4B,EAAC,IAAI,EAAC,OAAO,EAAA,QAAA,EAChDA,GAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mfAAmf,EAAA,CACrf,EAAA,CACG,EACPA,GAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mfAAmf,EACrf,IAAI,EAAC,SAAS,EAAA,CACd,EACFA,cACE,CAAC,EAAC,28EAA28E,EAC78E,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,kCAAkC,EAAA,CACvC,CAAA,EAAA,CACE;AAEV;;;;"}
1	+ {"version":3,"file":"Success.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Success.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps, rotation } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst Success: React.FC<SvgProps> = ({ direction = 'down', color = 'success', width }) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = dynamicStyles.generic({\n degree: deg[direction as keyof rotation],\n color,\n })\n\n return (\n <svg width={width \|\| '10'} viewBox=\"0 0 15 15\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n <mask id=\"path-1-inside-1_8581_37376\" fill=\"white\">\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M7.5 15C11.6421 15 15 11.6421 15 7.5C15 3.35786 11.6421 0 7.5 0C3.35786 0 0 3.35786 0 7.5C0 11.6421 3.35786 15 7.5 15ZM10.7168 4.6311C10.8812 4.47247 11.1484 4.46313 11.3232 4.6031C11.4773 4.73374 11.5082 4.94836 11.3848 5.10699L7.57177 10.1459L7.54094 10.1832C7.29427 10.5098 6.80094 10.5938 6.44122 10.3698C6.36927 10.3232 6.29733 10.2578 6.24594 10.1925L4.324 7.70108C4.19039 7.52379 4.2315 7.28117 4.42678 7.15987C4.58094 7.05722 4.79678 7.06656 4.94066 7.17853L6.79066 8.55956L10.7168 4.6311Z\"\n />\n </mask>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M7.5 15C11.6421 15 15 11.6421 15 7.5C15 3.35786 11.6421 0 7.5 0C3.35786 0 0 3.35786 0 7.5C0 11.6421 3.35786 15 7.5 15ZM10.7168 4.6311C10.8812 4.47247 11.1484 4.46313 11.3232 4.6031C11.4773 4.73374 11.5082 4.94836 11.3848 5.10699L7.57177 10.1459L7.54094 10.1832C7.29427 10.5098 6.80094 10.5938 6.44122 10.3698C6.36927 10.3232 6.29733 10.2578 6.24594 10.1925L4.324 7.70108C4.19039 7.52379 4.2315 7.28117 4.42678 7.15987C4.58094 7.05722 4.79678 7.06656 4.94066 7.17853L6.79066 8.55956L10.7168 4.6311Z\"\n fill=\"#38A611\"\n />\n <path\n d=\"M11.3232 4.6031L12.6161 3.07725L12.5951 3.05944L12.5736 3.0422L11.3232 4.6031ZM10.7168 4.6311L9.32823 3.19167L9.31506 3.20437L9.30213 3.21731L10.7168 4.6311ZM11.3848 5.10699L9.80589 3.8794L9.79787 3.88972L9.78999 3.90014L11.3848 5.10699ZM7.57177 10.1459L9.11371 11.4196L9.14087 11.3867L9.16661 11.3527L7.57177 10.1459ZM7.54094 10.1832L5.999 8.90945L5.97125 8.94305L5.94499 8.97782L7.54094 10.1832ZM6.44122 10.3698L5.35301 12.0479L5.36851 12.0579L5.3842 12.0677L6.44122 10.3698ZM6.24594 10.1925L4.66237 11.4141L4.66819 11.4217L4.67408 11.4292L6.24594 10.1925ZM4.324 7.70108L2.72677 8.90477L2.73355 8.91376L2.74042 8.92268L4.324 7.70108ZM4.42678 7.15987L5.48213 8.85876L5.50892 8.84212L5.53518 8.82463L4.42678 7.15987ZM4.94066 7.17853L3.71236 8.75691L3.72819 8.76922L3.74426 8.78122L4.94066 7.17853ZM6.79066 8.55956L5.59425 10.1622L6.98153 11.1978L8.2053 9.97335L6.79066 8.55956ZM13 7.5C13 10.5376 10.5376 13 7.5 13V17C12.7467 17 17 12.7467 17 7.5H13ZM7.5 2C10.5376 2 13 4.46243 13 7.5H17C17 2.25329 12.7467 -2 7.5 -2V2ZM2 7.5C2 4.46243 4.46243 2 7.5 2V-2C2.25329 -2 -2 2.25329 -2 7.5H2ZM7.5 13C4.46243 13 2 10.5376 2 7.5H-2C-2 12.7467 2.25329 17 7.5 17V13ZM12.5736 3.0422C11.623 2.28067 10.225 2.32656 9.32823 3.19167L12.1053 6.07052C11.5374 6.61837 10.6739 6.64559 10.0727 6.164L12.5736 3.0422ZM12.9638 6.33458C13.7999 5.2591 13.5179 3.84143 12.6161 3.07725L10.0302 6.12895C9.43671 5.62605 9.2164 4.63761 9.80589 3.8794L12.9638 6.33458ZM9.16661 11.3527L12.9797 6.31385L9.78999 3.90014L5.97694 8.93902L9.16661 11.3527ZM9.08288 11.4569L9.11371 11.4196L6.02984 8.87212L5.999 8.90945L9.08288 11.4569ZM5.3842 12.0677C6.57521 12.8092 8.23351 12.5847 9.13689 11.3886L5.94499 8.97782C6.1621 8.69035 6.45202 8.55308 6.69854 8.51121C6.94576 8.46921 7.23358 8.5072 7.49824 8.67197L5.3842 12.0677ZM4.67408 11.4292C4.86564 11.6726 5.10262 11.8855 5.35301 12.0479L7.52942 8.69178C7.59192 8.73231 7.64101 8.77179 7.68026 8.80742C7.71912 8.8427 7.76655 8.89076 7.8178 8.95589L4.67408 11.4292ZM2.74042 8.92268L4.66237 11.4141L7.82951 8.97093L5.90757 6.47949L2.74042 8.92268ZM3.37143 5.46098C2.16753 6.20884 1.89287 7.79823 2.72677 8.90477L5.92123 6.49739C6.48791 7.24934 6.29547 8.35351 5.48213 8.85876L3.37143 5.46098ZM6.16897 5.60015C5.3495 4.96244 4.1927 4.91298 3.31837 5.4951L5.53518 8.82463C4.96918 9.20147 4.24405 9.17067 3.71236 8.75691L6.16897 5.60015ZM7.98707 6.95687L6.13707 5.57584L3.74426 8.78122L5.59425 10.1622L7.98707 6.95687ZM9.30213 3.21731L5.37603 7.14577L8.2053 9.97335L12.1314 6.04489L9.30213 3.21731Z\"\n fill=\"#38A611\"\n mask=\"url(#path-1-inside-1_8581_37376)\"\n />\n </svg>\n )\n}\n\nexport default Success\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAIA,MAAM,OAAO,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,SAAS,EAAE,KAAK,EAAE,KAAI;AACvF,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EAAA,CACrGC,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAC,4BAA4B,EAAC,IAAI,EAAC,OAAO,EAAA,QAAA,EAChDA,GAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mfAAmf,EAAA,CACrf,EAAA,CACG,EACPA,GAAA,CAAA,MAAA,EAAA,EACE,QAAQ,EAAC,SAAS,EAClB,QAAQ,EAAC,SAAS,EAClB,CAAC,EAAC,mfAAmf,EACrf,IAAI,EAAC,SAAS,EAAA,CACd,EACFA,cACE,CAAC,EAAC,28EAA28E,EAC78E,IAAI,EAAC,SAAS,EACd,IAAI,EAAC,kCAAkC,EAAA,CACvC,CAAA,EAAA,CACE;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/SwitchArrows.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import { SvgProps } from './types';
-declare const SwitchArrows: ({ direction, color, width, getStyles }: SvgProps) => import("react").JSX.Element;
+declare const SwitchArrows: ({ direction, color, width }: SvgProps) => import("react").JSX.Element;
 export default SwitchArrows;

package/dist/components/uikit-sdk/Svg/Icons/Tick.js CHANGED Viewed

@@ -1,13 +1,14 @@
 import { jsx } from 'theme-ui/jsx-runtime';
+import { dynamicStyles } from '../styles.js';
-const Tick = ({ direction = 'down', color = 'text', width, getStyles }) => {
+const Tick = ({ direction = 'down', color = 'text', width }) => {
     const deg = {
         left: 90,
         up: 180,
         right: 270,
         down: 0,
     };
-    const style = getStyles({
+    const style = dynamicStyles.generic({
         degree: deg[direction],
         color,
     });

package/dist/components/uikit-sdk/Svg/Icons/Tick.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tick.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Tick.tsx"],"sourcesContent":["import React from 'react'\nimport { rotation, SvgProps } from './types'\n\nconst Tick: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width, ~~getStyles~~ }) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = ~~getStyles~~({\n degree: deg[direction as keyof rotation],\n color,\n })\n return (\n <svg width={width \|\| '12'} height={width \|\| '10'} viewBox=\"0 0 12 10\" sx={style}>\n <path\n d=\"M5.4142 9.19908C4.63315 9.98013 3.36682 9.98013 2.58577 9.19908L0.802622 7.41593C0.282018 6.89533 0.282018 6.05126 0.802622 5.53066C1.32377 5.00951 2.16891 5.01014 2.68929 5.53205L2.87303 5.71634C3.49507 6.34022 4.50539 6.34071 5.12803 5.71744L9.64356 1.19734C10.1643 0.676038 11.0092 0.675825 11.5302 1.19687C12.0511 1.71772 12.0511 2.5622 11.5302 3.08306L5.4142 9.19908Z\"\n fill=\"#FAFAFA\"\n />\n </svg>\n )\n}\n\nexport default Tick\n"],"names":["_jsx"],"mappings":"~~;;AAGA~~,MAAM,IAAI,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,~~SAAS,EAAE,~~KAAI;~~AAC5F~~,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;~~IACD~~,MAAM,KAAK,GAAG,~~SAAS~~,CAAC;~~AACtB~~,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AACF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EAC7EA,cACE,CAAC,EAAC,sXAAsX,EACxX,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE;AAEV;;;;"}
1	+ {"version":3,"file":"Tick.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Tick.tsx"],"sourcesContent":["import React from 'react'\nimport { rotation, SvgProps } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst Tick: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width }) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = dynamicStyles.generic({\n degree: deg[direction as keyof rotation],\n color,\n })\n return (\n <svg width={width \|\| '12'} height={width \|\| '10'} viewBox=\"0 0 12 10\" sx={style}>\n <path\n d=\"M5.4142 9.19908C4.63315 9.98013 3.36682 9.98013 2.58577 9.19908L0.802622 7.41593C0.282018 6.89533 0.282018 6.05126 0.802622 5.53066C1.32377 5.00951 2.16891 5.01014 2.68929 5.53205L2.87303 5.71634C3.49507 6.34022 4.50539 6.34071 5.12803 5.71744L9.64356 1.19734C10.1643 0.676038 11.0092 0.675825 11.5302 1.19687C12.0511 1.71772 12.0511 2.5622 11.5302 3.08306L5.4142 9.19908Z\"\n fill=\"#FAFAFA\"\n />\n </svg>\n )\n}\n\nexport default Tick\n"],"names":["_jsx"],"mappings":";;;AAIA,MAAM,IAAI,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,KAAI;AACjF,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AACF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EAC7EA,cACE,CAAC,EAAC,sXAAsX,EACxX,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/Timer.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { jsx } from 'theme-ui/jsx-runtime';
 const Timer = ({ color = 'text', width }) => {
-    return (jsx("svg", { width: width || '28', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", fill: color, children: jsx("path", { d: "M256 0a256 256 0 1 1 0 512A256 256 0 1 1 256 0zM232 120l0 136c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2 280 120c0-13.3-10.7-24-24-24s-24 10.7-24 24z" }) }));
+    return (jsx("svg", { width: width || '28', height: width || '28', xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", fill: color, children: jsx("path", { d: "M256 0a256 256 0 1 1 0 512A256 256 0 1 1 256 0zM232 120l0 136c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2 280 120c0-13.3-10.7-24-24-24s-24 10.7-24 24z" }) }));
 };
 export { Timer as default };

package/dist/components/uikit-sdk/Svg/Icons/Timer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Timer.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Timer.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps } from './types'\n\nconst Timer: React.FC<SvgProps> = ({ color = 'text', width }) => {\n return (\n <svg width={width \|\| '28'} xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\" fill={color}>\n <path d=\"M256 0a256 256 0 1 1 0 512A256 256 0 1 1 256 0zM232 120l0 136c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2 280 120c0-13.3-10.7-24-24-24s-24 10.7-24 24z\" />\n </svg>\n )\n}\n\nexport default Timer\n"],"names":["_jsx"],"mappings":";;AAGA,MAAM,KAAK,GAAuB,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,KAAI;~~IAC9D~~,QACEA,GAAA,CAAA,KAAA,EAAA,~~EAAK~~,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,KAAK,EAAC,4BAA4B,~~EAAC~~,OAAO,EAAC,aAAa,~~EAAC~~,IAAI,EAAE,KAAK,EAAA,QAAA,~~EAC7FA~~,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,0LAA0L,EAAA,CAAG,EAAA,CACjM;AAEV;;;;"}
1	+ {"version":3,"file":"Timer.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Timer.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps } from './types'\n\nconst Timer: React.FC<SvgProps> = ({ color = 'text', width }) => {\n return (\n <svg\n width={width \|\| '28'}\n height={width \|\| '28'}\n xmlns=\"http://www.w3.org/2000/svg\"\n viewBox=\"0 0 512 512\"\n fill={color}\n >\n <path d=\"M256 0a256 256 0 1 1 0 512A256 256 0 1 1 256 0zM232 120l0 136c0 8 4 15.5 10.7 20l96 64c11 7.4 25.9 4.4 33.3-6.7s4.4-25.9-6.7-33.3L280 243.2 280 120c0-13.3-10.7-24-24-24s-24 10.7-24 24z\" />\n </svg>\n )\n}\n\nexport default Timer\n"],"names":["_jsx"],"mappings":";;AAGA,MAAM,KAAK,GAAuB,CAAC,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,KAAI;AAC9D,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EACE,KAAK,EAAE,KAAK,IAAI,IAAI,EACpB,MAAM,EAAE,KAAK,IAAI,IAAI,EACrB,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAC,aAAa,EACrB,IAAI,EAAE,KAAK,EAAA,QAAA,EAEXA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,0LAA0L,EAAA,CAAG,EAAA,CACjM;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/Twitter.js CHANGED Viewed

@@ -1,13 +1,14 @@
 import { jsx, jsxs } from 'theme-ui/jsx-runtime';
+import { dynamicStyles } from '../styles.js';
-const Twitter = ({ direction = 'right', color = 'white', width, getStyles }) => {
+const Twitter = ({ direction = 'right', color = 'white', width }) => {
     const deg = {
         left: 180,
         up: 270,
         right: 0,
         down: 90,
     };
-    const style = getStyles({
+    const style = dynamicStyles.generic({
         degree: deg[direction],
         color,
     });

package/dist/components/uikit-sdk/Svg/Icons/Twitter.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Twitter.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Twitter.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps, rotation } from './types'\n\nconst Twitter: React.FC<SvgProps> = ({ direction = 'right', color = 'white', width, ~~getStyles~~ }) => {\n const deg: rotation = {\n left: 180,\n up: 270,\n right: 0,\n down: 90,\n }\n const style = ~~getStyles~~({\n degree: deg[direction as keyof rotation],\n color,\n })\n\n return (\n <svg width={width \|\| '33'} viewBox=\"0 0 33 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n <g>\n <title>Layer 1</title>\n <g id=\"svg_1\">\n <path\n d=\"m22.7035,6.25l3.308,0l-7.227,8.26l8.502,11.24l-6.657,0l-5.214,-6.817l-5.966,6.817l-3.31,0l7.73,-8.835l-8.156,-10.665l6.826,0l4.713,6.231l5.451,-6.231zm-1.161,17.52l1.833,0l-11.832,-15.644l-1.967,0l11.966,15.644z\"\n id=\"svg_2\"\n fill=\"red\"\n />\n </g>\n </g>\n </svg>\n )\n}\n\nexport default Twitter\n"],"names":["_jsx","_jsxs"],"mappings":"~~;;AAGA~~,MAAM,OAAO,GAAuB,CAAC,EAAE,SAAS,GAAG,OAAO,EAAE,KAAK,GAAG,OAAO,EAAE,KAAK,EAAE,~~SAAS,EAAE,~~KAAI;~~AACjG~~,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,IAAI,EAAE,EAAE;KACT;~~IACD~~,MAAM,KAAK,GAAG,~~SAAS~~,CAAC;~~AACtB~~,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;IAEF,QACEA,aAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EACrGC,uBACED,GAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,CAAsB,EACtBA,WAAG,EAAE,EAAC,OAAO,EAAA,QAAA,EACXA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,qNAAqN,EACvN,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,KAAK,GACV,EAAA,CACA,CAAA,EAAA,CACF,EAAA,CACA;AAEV;;;;"}
1	+ {"version":3,"file":"Twitter.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Twitter.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps, rotation } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst Twitter: React.FC<SvgProps> = ({ direction = 'right', color = 'white', width }) => {\n const deg: rotation = {\n left: 180,\n up: 270,\n right: 0,\n down: 90,\n }\n const style = dynamicStyles.generic({\n degree: deg[direction as keyof rotation],\n color,\n })\n\n return (\n <svg width={width \|\| '33'} viewBox=\"0 0 33 32\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n <g>\n <title>Layer 1</title>\n <g id=\"svg_1\">\n <path\n d=\"m22.7035,6.25l3.308,0l-7.227,8.26l8.502,11.24l-6.657,0l-5.214,-6.817l-5.966,6.817l-3.31,0l7.73,-8.835l-8.156,-10.665l6.826,0l4.713,6.231l5.451,-6.231zm-1.161,17.52l1.833,0l-11.832,-15.644l-1.967,0l11.966,15.644z\"\n id=\"svg_2\"\n fill=\"red\"\n />\n </g>\n </g>\n </svg>\n )\n}\n\nexport default Twitter\n"],"names":["_jsx","_jsxs"],"mappings":";;;AAIA,MAAM,OAAO,GAAuB,CAAC,EAAE,SAAS,GAAG,OAAO,EAAE,KAAK,GAAG,OAAO,EAAE,KAAK,EAAE,KAAI;AACtF,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,GAAG;AACT,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,IAAI,EAAE,EAAE;KACT;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;IAEF,QACEA,aAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EACrGC,uBACED,GAAA,CAAA,OAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,CAAsB,EACtBA,WAAG,EAAE,EAAC,OAAO,EAAA,QAAA,EACXA,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,qNAAqN,EACvN,EAAE,EAAC,OAAO,EACV,IAAI,EAAC,KAAK,GACV,EAAA,CACA,CAAA,EAAA,CACF,EAAA,CACA;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/URL.js CHANGED Viewed

@@ -1,13 +1,14 @@
 import { jsx } from 'theme-ui/jsx-runtime';
+import { dynamicStyles } from '../styles.js';
-const URL = ({ direction = 'down', color = 'text', width, getStyles }) => {
+const URL = ({ direction = 'down', color = 'text', width }) => {
     const deg = {
         left: 90,
         up: 180,
         right: 270,
         down: 0,
     };
-    const style = getStyles({
+    const style = dynamicStyles.generic({
         degree: deg[direction],
         color,
     });

package/dist/components/uikit-sdk/Svg/Icons/URL.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"URL.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/URL.tsx"],"sourcesContent":["import React from 'react'\nimport { rotation, SvgProps } from './types'\n\nconst URL: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width, ~~getStyles~~ }) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = ~~getStyles~~({\n degree: deg[direction as keyof rotation],\n color,\n })\n return (\n <svg width={width \|\| '11'} height=\"24\" viewBox=\"0 0 24 24\" sx={style}>\n <path d=\"M11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM18.92 8H15.97C15.65 6.75 15.19 5.55 14.59 4.44C16.43 5.07 17.96 6.35 18.92 8ZM12 4.04C12.83 5.24 13.48 6.57 13.91 8H10.09C10.52 6.57 11.17 5.24 12 4.04ZM4.26 14C4.1 13.36 4 12.69 4 12C4 11.31 4.1 10.64 4.26 10H7.64C7.56 10.66 7.5 11.32 7.5 12C7.5 12.68 7.56 13.34 7.64 14H4.26ZM5.08 16H8.03C8.35 17.25 8.81 18.45 9.41 19.56C7.57 18.93 6.04 17.66 5.08 16ZM8.03 8H5.08C6.04 6.34 7.57 5.07 9.41 4.44C8.81 5.55 8.35 6.75 8.03 8ZM12 19.96C11.17 18.76 10.52 17.43 10.09 16H13.91C13.48 17.43 12.83 18.76 12 19.96ZM14.34 14H9.66C9.57 13.34 9.5 12.68 9.5 12C9.5 11.32 9.57 10.65 9.66 10H14.34C14.43 10.65 14.5 11.32 14.5 12C14.5 12.68 14.43 13.34 14.34 14ZM14.59 19.56C15.19 18.45 15.65 17.25 15.97 16H18.92C17.96 17.65 16.43 18.93 14.59 19.56ZM16.36 14C16.44 13.34 16.5 12.68 16.5 12C16.5 11.32 16.44 10.66 16.36 10H19.74C19.9 10.64 20 11.31 20 12C20 12.69 19.9 13.36 19.74 14H16.36Z\" />\n </svg>\n )\n}\n\nexport default URL\n"],"names":["_jsx"],"mappings":"~~;;AAGA~~,MAAM,GAAG,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,~~SAAS,EAAE,~~KAAI;~~AAC3F~~,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;~~IACD~~,MAAM,KAAK,GAAG,~~SAAS~~,CAAC;~~AACtB~~,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;IACF,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EAClEA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,m9BAAm9B,EAAA,CAAG,EAAA,CAC19B;AAEV;;;;"}
1	+ {"version":3,"file":"URL.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/URL.tsx"],"sourcesContent":["import React from 'react'\nimport { rotation, SvgProps } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst URL: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width }) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = dynamicStyles.generic({\n degree: deg[direction as keyof rotation],\n color,\n })\n return (\n <svg width={width \|\| '11'} height=\"24\" viewBox=\"0 0 24 24\" sx={style}>\n <path d=\"M11.99 2C6.47 2 2 6.48 2 12C2 17.52 6.47 22 11.99 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 11.99 2ZM18.92 8H15.97C15.65 6.75 15.19 5.55 14.59 4.44C16.43 5.07 17.96 6.35 18.92 8ZM12 4.04C12.83 5.24 13.48 6.57 13.91 8H10.09C10.52 6.57 11.17 5.24 12 4.04ZM4.26 14C4.1 13.36 4 12.69 4 12C4 11.31 4.1 10.64 4.26 10H7.64C7.56 10.66 7.5 11.32 7.5 12C7.5 12.68 7.56 13.34 7.64 14H4.26ZM5.08 16H8.03C8.35 17.25 8.81 18.45 9.41 19.56C7.57 18.93 6.04 17.66 5.08 16ZM8.03 8H5.08C6.04 6.34 7.57 5.07 9.41 4.44C8.81 5.55 8.35 6.75 8.03 8ZM12 19.96C11.17 18.76 10.52 17.43 10.09 16H13.91C13.48 17.43 12.83 18.76 12 19.96ZM14.34 14H9.66C9.57 13.34 9.5 12.68 9.5 12C9.5 11.32 9.57 10.65 9.66 10H14.34C14.43 10.65 14.5 11.32 14.5 12C14.5 12.68 14.43 13.34 14.34 14ZM14.59 19.56C15.19 18.45 15.65 17.25 15.97 16H18.92C17.96 17.65 16.43 18.93 14.59 19.56ZM16.36 14C16.44 13.34 16.5 12.68 16.5 12C16.5 11.32 16.44 10.66 16.36 10H19.74C19.9 10.64 20 11.31 20 12C20 12.69 19.9 13.36 19.74 14H16.36Z\" />\n </svg>\n )\n}\n\nexport default URL\n"],"names":["_jsx"],"mappings":";;;AAIA,MAAM,GAAG,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,KAAI;AAChF,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;IACF,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EAClEA,GAAA,CAAA,MAAA,EAAA,EAAM,CAAC,EAAC,m9BAAm9B,EAAA,CAAG,EAAA,CAC19B;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/ZapArrow.js CHANGED Viewed

@@ -1,13 +1,14 @@
 import { jsxs, jsx } from 'theme-ui/jsx-runtime';
+import { dynamicStyles } from '../styles.js';
-const Arrow = ({ direction = 'down', color = 'text', width, getStyles }) => {
+const Arrow = ({ direction = 'down', color = 'text', width }) => {
     const deg = {
         left: 90,
         up: 180,
         right: 270,
         down: 0,
     };
-    const style = getStyles({
+    const style = dynamicStyles.generic({
         degree: deg[direction],
         color,
     });

package/dist/components/uikit-sdk/Svg/Icons/ZapArrow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ZapArrow.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/ZapArrow.tsx"],"sourcesContent":["import React from 'react'\nimport { rotation, SvgProps } from './types'\n\nconst Arrow: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width, ~~getStyles~~ }) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = ~~getStyles~~({\n degree: deg[direction as keyof rotation],\n color,\n })\n return (\n <svg width={width \|\| '30'} height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" sx={style}>\n <rect\n x=\"1\"\n y=\"1\"\n width=\"28\"\n height=\"28\"\n rx=\"14\"\n fill=\"var(--theme-ui-colors-primaryButton)\"\n stroke=\"#F9F4E7\"\n strokeWidth=\"0\"\n />\n <path\n d=\"M15.0037 15.5939C15.7767 15.5939 16.4765 15.6395 16.907 15.7243C16.9137 15.7243 17.3076 15.8084 17.4389 15.8626C17.6285 15.9475 17.7889 16.1008 17.8911 16.2925C17.9642 16.4458 18 16.6077 18 16.7766C17.9933 16.9527 17.8836 17.2835 17.8321 17.414C17.5121 18.2738 16.4616 19.917 15.8207 20.5473C15.7185 20.6542 15.5946 20.7697 15.5655 20.8004C15.4044 20.9308 15.2082 21 14.997 21C14.8068 21 14.6173 20.9387 14.4643 20.8153C14.3849 20.7564 14.2689 20.6391 14.2159 20.5841L14.1875 20.5544C13.5235 19.91 12.5252 18.3044 12.2044 17.4902C12.1976 17.4902 12.0378 17.0841 12.0054 16.839L12 16.7766V16.746C12 16.3923 12.1895 16.0623 12.4961 15.8933C12.664 15.8013 13.152 15.7165 13.1594 15.7086C13.5966 15.6395 14.2673 15.5939 15.0037 15.5939ZM15.0004 10C15.3935 10 15.7164 10.3143 15.7552 10.7175L15.7591 10.7992L15.5957 13.8288C15.5957 14.1754 15.3294 14.456 15.0004 14.456C14.6949 14.456 14.4434 14.2141 14.409 13.902L14.405 13.8288L14.2409 10.7992C14.2409 10.3576 14.5811 10 15.0004 10Z\"\n fill=\"#fff\"\n />\n </svg>\n )\n}\n\nexport default Arrow\n"],"names":["_jsxs","_jsx"],"mappings":"~~;;AAGA~~,MAAM,KAAK,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,~~SAAS,EAAE,~~KAAI;~~AAC7F~~,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;~~IACD~~,MAAM,KAAK,GAAG,~~SAAS~~,CAAC;~~AACtB~~,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AACF,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EAAA,CAC9EC,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,EAAE,EAAC,IAAI,EACP,IAAI,EAAC,sCAAsC,EAC3C,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EAAA,CACf,EACFA,cACE,CAAC,EAAC,q9BAAq9B,EACv9B,IAAI,EAAC,MAAM,EAAA,CACX,CAAA,EAAA,CACE;AAEV;;;;"}
1	+ {"version":3,"file":"ZapArrow.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/ZapArrow.tsx"],"sourcesContent":["import React from 'react'\nimport { rotation, SvgProps } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst Arrow: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width }) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = dynamicStyles.generic({\n degree: deg[direction as keyof rotation],\n color,\n })\n return (\n <svg width={width \|\| '30'} height=\"30\" viewBox=\"0 0 30 30\" fill=\"none\" sx={style}>\n <rect\n x=\"1\"\n y=\"1\"\n width=\"28\"\n height=\"28\"\n rx=\"14\"\n fill=\"var(--theme-ui-colors-primaryButton)\"\n stroke=\"#F9F4E7\"\n strokeWidth=\"0\"\n />\n <path\n d=\"M15.0037 15.5939C15.7767 15.5939 16.4765 15.6395 16.907 15.7243C16.9137 15.7243 17.3076 15.8084 17.4389 15.8626C17.6285 15.9475 17.7889 16.1008 17.8911 16.2925C17.9642 16.4458 18 16.6077 18 16.7766C17.9933 16.9527 17.8836 17.2835 17.8321 17.414C17.5121 18.2738 16.4616 19.917 15.8207 20.5473C15.7185 20.6542 15.5946 20.7697 15.5655 20.8004C15.4044 20.9308 15.2082 21 14.997 21C14.8068 21 14.6173 20.9387 14.4643 20.8153C14.3849 20.7564 14.2689 20.6391 14.2159 20.5841L14.1875 20.5544C13.5235 19.91 12.5252 18.3044 12.2044 17.4902C12.1976 17.4902 12.0378 17.0841 12.0054 16.839L12 16.7766V16.746C12 16.3923 12.1895 16.0623 12.4961 15.8933C12.664 15.8013 13.152 15.7165 13.1594 15.7086C13.5966 15.6395 14.2673 15.5939 15.0037 15.5939ZM15.0004 10C15.3935 10 15.7164 10.3143 15.7552 10.7175L15.7591 10.7992L15.5957 13.8288C15.5957 14.1754 15.3294 14.456 15.0004 14.456C14.6949 14.456 14.4434 14.2141 14.409 13.902L14.405 13.8288L14.2409 10.7992C14.2409 10.3576 14.5811 10 15.0004 10Z\"\n fill=\"#fff\"\n />\n </svg>\n )\n}\n\nexport default Arrow\n"],"names":["_jsxs","_jsx"],"mappings":";;;AAIA,MAAM,KAAK,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,KAAI;AAClF,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AACF,IAAA,QACEA,IAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EAAA,CAC9EC,GAAA,CAAA,MAAA,EAAA,EACE,CAAC,EAAC,GAAG,EACL,CAAC,EAAC,GAAG,EACL,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,EACX,EAAE,EAAC,IAAI,EACP,IAAI,EAAC,sCAAsC,EAC3C,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,GAAG,EAAA,CACf,EACFA,cACE,CAAC,EAAC,q9BAAq9B,EACv9B,IAAI,EAAC,MAAM,EAAA,CACX,CAAA,EAAA,CACE;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/ZapIcon.js CHANGED Viewed

@@ -1,13 +1,14 @@
 import { jsx } from 'theme-ui/jsx-runtime';
+import { dynamicStyles } from '../styles.js';
-const Arrow = ({ direction = 'down', color = 'text', width, getStyles }) => {
+const Arrow = ({ direction = 'down', color = 'text', width }) => {
     const deg = {
         left: 90,
         up: 180,
         right: 270,
         down: 0,
     };
-    const style = getStyles({
+    const style = dynamicStyles.generic({
         degree: deg[direction],
         color,
     });

package/dist/components/uikit-sdk/Svg/Icons/ZapIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ZapIcon.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/ZapIcon.tsx"],"sourcesContent":["import React from 'react'\nimport { rotation, SvgProps } from './types'\n\nconst Arrow: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width, ~~getStyles~~ }) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = ~~getStyles~~({\n degree: deg[direction as keyof rotation],\n color,\n })\n return (\n <svg width={width \|\| '11'} height=\"18\" viewBox=\"0 0 11 18\" sx={style}>\n <path\n xmlns=\"http://www.w3.org/2000/svg\"\n d=\"M4.05315 18C3.66071 18 3.36083 17.6498 3.4212 17.2621L4.40395 10.95H0.495277C0.298951 10.95 0.156169 10.8667 0.0669294 10.7C-0.0223098 10.5333 -0.0223098 10.375 0.0669294 10.225L6.43712 0.294459C6.55483 0.110964 6.75784 0 6.97584 0C7.36872 0 7.66886 0.350677 7.60821 0.738842L6.62601 7.025H10.4811C10.6775 7.025 10.8247 7.10833 10.9229 7.275C11.021 7.44167 11.0255 7.6 10.9363 7.75L4.59249 17.7042C4.47505 17.8884 4.27166 18 4.05315 18Z\"\n />\n </svg>\n )\n}\n\nexport default Arrow\n"],"names":["_jsx"],"mappings":"~~;;AAGA~~,MAAM,KAAK,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,~~SAAS,EAAE,~~KAAI;~~AAC7F~~,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;~~IACD~~,MAAM,KAAK,GAAG,~~SAAS~~,CAAC;~~AACtB~~,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AACF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EAClEA,GAAA,CAAA,MAAA,EAAA,EACE,KAAK,EAAC,4BAA4B,EAClC,CAAC,EAAC,sbAAsb,EAAA,CACxb,EAAA,CACE;AAEV;;;;"}
1	+ {"version":3,"file":"ZapIcon.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/ZapIcon.tsx"],"sourcesContent":["import React from 'react'\nimport { rotation, SvgProps } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst Arrow: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width }) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = dynamicStyles.generic({\n degree: deg[direction as keyof rotation],\n color,\n })\n return (\n <svg width={width \|\| '11'} height=\"18\" viewBox=\"0 0 11 18\" sx={style}>\n <path\n xmlns=\"http://www.w3.org/2000/svg\"\n d=\"M4.05315 18C3.66071 18 3.36083 17.6498 3.4212 17.2621L4.40395 10.95H0.495277C0.298951 10.95 0.156169 10.8667 0.0669294 10.7C-0.0223098 10.5333 -0.0223098 10.375 0.0669294 10.225L6.43712 0.294459C6.55483 0.110964 6.75784 0 6.97584 0C7.36872 0 7.66886 0.350677 7.60821 0.738842L6.62601 7.025H10.4811C10.6775 7.025 10.8247 7.10833 10.9229 7.275C11.021 7.44167 11.0255 7.6 10.9363 7.75L4.59249 17.7042C4.47505 17.8884 4.27166 18 4.05315 18Z\"\n />\n </svg>\n )\n}\n\nexport default Arrow\n"],"names":["_jsx"],"mappings":";;;AAIA,MAAM,KAAK,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,KAAI;AAClF,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AACF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EAClEA,GAAA,CAAA,MAAA,EAAA,EACE,KAAK,EAAC,4BAA4B,EAClC,CAAC,EAAC,sbAAsb,EAAA,CACxb,EAAA,CACE;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/types.d.ts CHANGED Viewed

@@ -1,8 +1,5 @@
-import { ThemeUIStyleObject } from 'theme-ui';
 import { SvgProps as Props, directions } from '../types';
-export interface SvgProps extends Props {
-    getStyles: (props: any) => ThemeUIStyleObject;
-}
+export type SvgProps = Props;
 export interface rotation {
     [directions.LEFT]: number;
     [directions.RIGHT]: number;

package/dist/components/uikit-sdk/Svg/tokens/ROBINHOOD.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SvgProps } from '../types';
+declare const ROBINHOOD: React.FC<SvgProps>;
+export default ROBINHOOD;