diff --git a/assets/icons/calendarDays_stroke2_corner0_rounded.svg b/assets/icons/calendarDays_stroke2_corner0_rounded.svg
new file mode 100644
index 0000000000..09d9c0f490
--- /dev/null
+++ b/assets/icons/calendarDays_stroke2_corner0_rounded.svg
@@ -0,0 +1 @@
+
diff --git a/src/components/Dialog/index.web.tsx b/src/components/Dialog/index.web.tsx
index bb7b6d33df..3350785ec2 100644
--- a/src/components/Dialog/index.web.tsx
+++ b/src/components/Dialog/index.web.tsx
@@ -12,10 +12,11 @@ import {Button} from '#/components/Button'
import {DialogOuterProps, DialogInnerProps} from '#/components/Dialog/types'
import {Context, useDialogContext} from '#/components/Dialog/context'
+import TextField from '#/components/forms/TextField'
export {useDialogControl, useDialogContext} from '#/components/Dialog/context'
export * from '#/components/Dialog/types'
-export {InputText} from '#/components/forms/InputText'
+export const Input = TextField.Input
const stopPropagation = (e: any) => e.stopPropagation()
diff --git a/src/components/icons/ArrowTopRight.tsx b/src/components/icons/ArrowTopRight.tsx
index 368c45308d..92ad30a129 100644
--- a/src/components/icons/ArrowTopRight.tsx
+++ b/src/components/icons/ArrowTopRight.tsx
@@ -1,29 +1,5 @@
-import React from 'react'
-import Svg, {Path} from 'react-native-svg'
+import {createSinglePathSVG} from './TEMPLATE'
-import {useCommonSVGProps, Props} from '#/components/icons/common'
-
-export const ArrowTopRight_Stroke2_Corner0_Rounded = React.forwardRef(
- function LogoImpl(props: Props, ref) {
- const {fill, size, style, ...rest} = useCommonSVGProps(props)
-
- return (
-
- )
- },
-)
+export const ArrowTopRight_Stroke2_Corner0_Rounded = createSinglePathSVG({
+ path: 'M8 6a1 1 0 0 1 1-1h9a1 1 0 0 1 1 1v9a1 1 0 1 1-2 0V8.414l-9.793 9.793a1 1 0 0 1-1.414-1.414L15.586 7H9a1 1 0 0 1-1-1Z',
+})
diff --git a/src/components/icons/CalendarDays.tsx b/src/components/icons/CalendarDays.tsx
new file mode 100644
index 0000000000..72cc48e261
--- /dev/null
+++ b/src/components/icons/CalendarDays.tsx
@@ -0,0 +1,5 @@
+import {createSinglePathSVG} from './TEMPLATE'
+
+export const CalendarDays_Stroke2_Corner0_Rounded = createSinglePathSVG({
+ path: 'M4 3a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1H4Zm1 16V9h14v10H5ZM5 7h14V5H5v2Zm3 10.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM17.25 12a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM12 13.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5ZM9.25 12a1.25 1.25 0 1 1-2.5 0 1.25 1.25 0 0 1 2.5 0ZM12 17.25a1.25 1.25 0 1 0 0-2.5 1.25 1.25 0 0 0 0 2.5Z',
+})
diff --git a/src/components/icons/Globe.tsx b/src/components/icons/Globe.tsx
index 28187266ac..f81b3ff7a0 100644
--- a/src/components/icons/Globe.tsx
+++ b/src/components/icons/Globe.tsx
@@ -1,30 +1,5 @@
-import React from 'react'
-import Svg, {Path} from 'react-native-svg'
+import {createSinglePathSVG} from './TEMPLATE'
-import {useCommonSVGProps, Props} from '#/components/icons/common'
-
-export const Globe_Stroke2_Corner0_Rounded = React.forwardRef(function LogoImpl(
- props: Props,
- ref,
-) {
- const {fill, size, style, ...rest} = useCommonSVGProps(props)
-
- return (
-
- )
+export const Globe_Stroke2_Corner0_Rounded = createSinglePathSVG({
+ path: 'M4.062 11h2.961c.103-2.204.545-4.218 1.235-5.77.06-.136.123-.269.188-.399A8.007 8.007 0 0 0 4.062 11ZM12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2Zm0 2c-.227 0-.518.1-.868.432-.354.337-.719.872-1.047 1.61-.561 1.263-.958 2.991-1.06 4.958h5.95c-.102-1.967-.499-3.695-1.06-4.958-.328-.738-.693-1.273-1.047-1.61C12.518 4.099 12.227 4 12 4Zm4.977 7c-.103-2.204-.545-4.218-1.235-5.77a9.78 9.78 0 0 0-.188-.399A8.006 8.006 0 0 1 19.938 11h-2.961Zm-2.003 2H9.026c.101 1.966.498 3.695 1.06 4.958.327.738.692 1.273 1.046 1.61.35.333.641.432.868.432.227 0 .518-.1.868-.432.354-.337.719-.872 1.047-1.61.561-1.263.958-2.991 1.06-4.958Zm.58 6.169c.065-.13.128-.263.188-.399.69-1.552 1.132-3.566 1.235-5.77h2.961a8.006 8.006 0 0 1-4.384 6.169Zm-7.108 0a9.877 9.877 0 0 1-.188-.399c-.69-1.552-1.132-3.566-1.235-5.77H4.062a8.006 8.006 0 0 0 4.384 6.169Z',
})
diff --git a/src/components/icons/TEMPLATE.tsx b/src/components/icons/TEMPLATE.tsx
index c47849aca4..9fc1470375 100644
--- a/src/components/icons/TEMPLATE.tsx
+++ b/src/components/icons/TEMPLATE.tsx
@@ -19,11 +19,30 @@ export const IconTemplate_Stroke2_Corner0_Rounded = React.forwardRef(
style={[style]}>
)
},
)
+
+export function createSinglePathSVG({path}: {path: string}) {
+ return React.forwardRef(function LogoImpl(props, ref) {
+ const {fill, size, style, ...rest} = useCommonSVGProps(props)
+
+ return (
+
+ )
+ })
+}
diff --git a/src/components/icons/common.ts b/src/components/icons/common.ts
index 2eaafb2cd1..9e9f15c4dd 100644
--- a/src/components/icons/common.ts
+++ b/src/components/icons/common.ts
@@ -7,7 +7,7 @@ export type Props = {
fill?: PathProps['fill']
style?: TextProps['style']
size?: keyof typeof sizes
-} & Omit
+} & Omit
export const sizes = {
xs: 12,
diff --git a/src/view/screens/Storybook/Icons.tsx b/src/view/screens/Storybook/Icons.tsx
index c3c41ce7e9..73466e077f 100644
--- a/src/view/screens/Storybook/Icons.tsx
+++ b/src/view/screens/Storybook/Icons.tsx
@@ -5,6 +5,7 @@ import {atoms as a, useTheme} from '#/alf'
import {H1} from '#/components/Typography'
import {Globe_Stroke2_Corner0_Rounded as Globe} from '#/components/icons/Globe'
import {ArrowTopRight_Stroke2_Corner0_Rounded as ArrowTopRight} from '#/components/icons/ArrowTopRight'
+import {CalendarDays_Stroke2_Corner0_Rounded as CalendarDays} from '#/components/icons/CalendarDays'
export function Icons() {
const t = useTheme()
@@ -27,6 +28,14 @@ export function Icons() {
+
+
+
+
+
+
+
+
)
}