@particle-network/ui-native 0.1.4-beta.0 → 0.1.4-beta.1
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.
- package/dist/components/UXButton/button.types.d.ts +2 -2
- package/dist/components/UXCheckbox/checkbox.js +5 -4
- package/dist/components/UXHint/index.js +3 -2
- package/dist/components/UXListBox/UXListBoxItem.js +3 -2
- package/dist/components/UXRadio/radio.js +5 -4
- package/dist/components/UXTabs/tab.js +3 -2
- package/dist/components/UXTabs/types.d.ts +1 -1
- package/dist/components/UXToast/ToastView.js +3 -2
- package/dist/components/date-picker/date-button.d.ts +8 -0
- package/dist/components/date-picker/date-button.js +21 -0
- package/dist/components/date-picker/date-picker.d.ts +3 -0
- package/dist/components/date-picker/date-picker.js +117 -0
- package/dist/components/date-picker/date-range-picker.d.ts +3 -0
- package/dist/components/date-picker/date-range-picker.js +195 -0
- package/dist/components/date-picker/date-wheel-picker.d.ts +3 -0
- package/dist/components/date-picker/date-wheel-picker.js +121 -0
- package/dist/components/date-picker/index.d.ts +3 -0
- package/dist/components/date-picker/index.js +2 -0
- package/dist/components/date-picker/time-wheel-picker.d.ts +7 -0
- package/dist/components/date-picker/time-wheel-picker.js +64 -0
- package/dist/components/date-picker/types.d.ts +93 -0
- package/dist/components/date-picker/types.js +0 -0
- package/dist/components/date-picker/utils.d.ts +6 -0
- package/dist/components/date-picker/utils.js +2 -0
- package/dist/components/date-picker/wheel-column.d.ts +12 -0
- package/dist/components/date-picker/wheel-column.js +152 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +1 -0
- package/dist/components/input/input.js +3 -2
- package/dist/components/input/number-input.js +3 -2
- package/dist/config/config.street.d.ts +2 -0
- package/dist/config/{config.ux.js → config.street.js} +2 -2
- package/dist/config/index.d.ts +1 -1
- package/dist/config/index.js +2 -2
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/index.js +2 -0
- package/dist/hooks/useI18n.d.ts +5 -0
- package/dist/hooks/useI18n.js +7 -0
- package/dist/hooks/useLocale.d.ts +8 -0
- package/dist/hooks/useLocale.js +9 -0
- package/dist/icons/{DotIcon.d.ts → index.d.ts} +1 -2
- package/dist/icons/index.js +152 -0
- package/dist/icons/types.d.ts +1 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +1 -0
- package/dist/locales/en.d.ts +35 -0
- package/dist/locales/en.js +35 -0
- package/dist/locales/index.d.ts +107 -0
- package/dist/locales/index.js +12 -0
- package/dist/locales/zh.d.ts +2 -0
- package/dist/locales/zh.js +35 -0
- package/dist/provider/ThemeContext.js +2 -0
- package/dist/provider/ThemeProvider.d.ts +4 -2
- package/dist/provider/ThemeProvider.js +9 -3
- package/dist/types/theme.d.ts +4 -0
- package/package.json +6 -4
- package/dist/config/config.ux.d.ts +0 -2
- package/dist/icons/CheckIcon.d.ts +0 -4
- package/dist/icons/CheckIcon.js +0 -20
- package/dist/icons/CheckboxOffIcon.d.ts +0 -4
- package/dist/icons/CheckboxOffIcon.js +0 -21
- package/dist/icons/CheckboxOnIcon.d.ts +0 -4
- package/dist/icons/CheckboxOnIcon.js +0 -26
- package/dist/icons/CloseIcon.d.ts +0 -4
- package/dist/icons/CloseIcon.js +0 -21
- package/dist/icons/DotIcon.js +0 -23
- package/dist/icons/QuestionIcon.d.ts +0 -4
- package/dist/icons/QuestionIcon.js +0 -21
- package/dist/icons/RadioOffIcon.d.ts +0 -4
- package/dist/icons/RadioOffIcon.js +0 -22
- package/dist/icons/RadioOnIcon.d.ts +0 -4
- package/dist/icons/RadioOnIcon.js +0 -42
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
export declare const en: {
|
|
2
|
+
datePicker: {
|
|
3
|
+
year: string;
|
|
4
|
+
month: string;
|
|
5
|
+
day: string;
|
|
6
|
+
hour: string;
|
|
7
|
+
minute: string;
|
|
8
|
+
second: string;
|
|
9
|
+
confirm: string;
|
|
10
|
+
cancel: string;
|
|
11
|
+
errorBothRequired: string;
|
|
12
|
+
errorStartBeforeEnd: string;
|
|
13
|
+
};
|
|
14
|
+
modal: {
|
|
15
|
+
confirm: string;
|
|
16
|
+
cancel: string;
|
|
17
|
+
};
|
|
18
|
+
pagination: {
|
|
19
|
+
previous: string;
|
|
20
|
+
next: string;
|
|
21
|
+
};
|
|
22
|
+
empty: {
|
|
23
|
+
noData: string;
|
|
24
|
+
};
|
|
25
|
+
table: {
|
|
26
|
+
emptyContent: string;
|
|
27
|
+
};
|
|
28
|
+
toast: {
|
|
29
|
+
success: string;
|
|
30
|
+
error: string;
|
|
31
|
+
warning: string;
|
|
32
|
+
info: string;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
export type LocaleText = typeof en;
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
const en = {
|
|
2
|
+
datePicker: {
|
|
3
|
+
year: 'Year',
|
|
4
|
+
month: 'Month',
|
|
5
|
+
day: 'Day',
|
|
6
|
+
hour: 'Hour',
|
|
7
|
+
minute: 'Minute',
|
|
8
|
+
second: 'Second',
|
|
9
|
+
confirm: 'Confirm',
|
|
10
|
+
cancel: 'Cancel',
|
|
11
|
+
errorBothRequired: 'Both start and end dates are required',
|
|
12
|
+
errorStartBeforeEnd: 'Start date can not be after end date'
|
|
13
|
+
},
|
|
14
|
+
modal: {
|
|
15
|
+
confirm: 'Confirm',
|
|
16
|
+
cancel: 'Cancel'
|
|
17
|
+
},
|
|
18
|
+
pagination: {
|
|
19
|
+
previous: 'Previous',
|
|
20
|
+
next: 'Next'
|
|
21
|
+
},
|
|
22
|
+
empty: {
|
|
23
|
+
noData: 'No data available'
|
|
24
|
+
},
|
|
25
|
+
table: {
|
|
26
|
+
emptyContent: 'No data available'
|
|
27
|
+
},
|
|
28
|
+
toast: {
|
|
29
|
+
success: 'Success',
|
|
30
|
+
error: 'Error',
|
|
31
|
+
warning: 'Warning',
|
|
32
|
+
info: 'Info'
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
export { en };
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
import type { Locale } from '../types';
|
|
2
|
+
export * from './en';
|
|
3
|
+
export * from './zh';
|
|
4
|
+
export declare const locales: {
|
|
5
|
+
en: {
|
|
6
|
+
datePicker: {
|
|
7
|
+
year: string;
|
|
8
|
+
month: string;
|
|
9
|
+
day: string;
|
|
10
|
+
hour: string;
|
|
11
|
+
minute: string;
|
|
12
|
+
second: string;
|
|
13
|
+
confirm: string;
|
|
14
|
+
cancel: string;
|
|
15
|
+
errorBothRequired: string;
|
|
16
|
+
errorStartBeforeEnd: string;
|
|
17
|
+
};
|
|
18
|
+
modal: {
|
|
19
|
+
confirm: string;
|
|
20
|
+
cancel: string;
|
|
21
|
+
};
|
|
22
|
+
pagination: {
|
|
23
|
+
previous: string;
|
|
24
|
+
next: string;
|
|
25
|
+
};
|
|
26
|
+
empty: {
|
|
27
|
+
noData: string;
|
|
28
|
+
};
|
|
29
|
+
table: {
|
|
30
|
+
emptyContent: string;
|
|
31
|
+
};
|
|
32
|
+
toast: {
|
|
33
|
+
success: string;
|
|
34
|
+
error: string;
|
|
35
|
+
warning: string;
|
|
36
|
+
info: string;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
zh: {
|
|
40
|
+
datePicker: {
|
|
41
|
+
year: string;
|
|
42
|
+
month: string;
|
|
43
|
+
day: string;
|
|
44
|
+
hour: string;
|
|
45
|
+
minute: string;
|
|
46
|
+
second: string;
|
|
47
|
+
confirm: string;
|
|
48
|
+
cancel: string;
|
|
49
|
+
errorBothRequired: string;
|
|
50
|
+
errorStartBeforeEnd: string;
|
|
51
|
+
};
|
|
52
|
+
modal: {
|
|
53
|
+
confirm: string;
|
|
54
|
+
cancel: string;
|
|
55
|
+
};
|
|
56
|
+
pagination: {
|
|
57
|
+
previous: string;
|
|
58
|
+
next: string;
|
|
59
|
+
};
|
|
60
|
+
empty: {
|
|
61
|
+
noData: string;
|
|
62
|
+
};
|
|
63
|
+
table: {
|
|
64
|
+
emptyContent: string;
|
|
65
|
+
};
|
|
66
|
+
toast: {
|
|
67
|
+
success: string;
|
|
68
|
+
error: string;
|
|
69
|
+
warning: string;
|
|
70
|
+
info: string;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
};
|
|
74
|
+
export declare function getLocaleText(locale: Locale): {
|
|
75
|
+
datePicker: {
|
|
76
|
+
year: string;
|
|
77
|
+
month: string;
|
|
78
|
+
day: string;
|
|
79
|
+
hour: string;
|
|
80
|
+
minute: string;
|
|
81
|
+
second: string;
|
|
82
|
+
confirm: string;
|
|
83
|
+
cancel: string;
|
|
84
|
+
errorBothRequired: string;
|
|
85
|
+
errorStartBeforeEnd: string;
|
|
86
|
+
};
|
|
87
|
+
modal: {
|
|
88
|
+
confirm: string;
|
|
89
|
+
cancel: string;
|
|
90
|
+
};
|
|
91
|
+
pagination: {
|
|
92
|
+
previous: string;
|
|
93
|
+
next: string;
|
|
94
|
+
};
|
|
95
|
+
empty: {
|
|
96
|
+
noData: string;
|
|
97
|
+
};
|
|
98
|
+
table: {
|
|
99
|
+
emptyContent: string;
|
|
100
|
+
};
|
|
101
|
+
toast: {
|
|
102
|
+
success: string;
|
|
103
|
+
error: string;
|
|
104
|
+
warning: string;
|
|
105
|
+
info: string;
|
|
106
|
+
};
|
|
107
|
+
};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { en } from "./en.js";
|
|
2
|
+
import { zh } from "./zh.js";
|
|
3
|
+
export * from "./en.js";
|
|
4
|
+
export * from "./zh.js";
|
|
5
|
+
const locales = {
|
|
6
|
+
en: en,
|
|
7
|
+
zh: zh
|
|
8
|
+
};
|
|
9
|
+
function getLocaleText(locale) {
|
|
10
|
+
return locales[locale];
|
|
11
|
+
}
|
|
12
|
+
export { getLocaleText, locales };
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
const zh = {
|
|
2
|
+
datePicker: {
|
|
3
|
+
year: '年',
|
|
4
|
+
month: '月',
|
|
5
|
+
day: '日',
|
|
6
|
+
hour: '时',
|
|
7
|
+
minute: '分',
|
|
8
|
+
second: '秒',
|
|
9
|
+
confirm: '确认',
|
|
10
|
+
cancel: '取消',
|
|
11
|
+
errorBothRequired: '请输入开始和结束日期',
|
|
12
|
+
errorStartBeforeEnd: '开始日期不能晚于结束日期'
|
|
13
|
+
},
|
|
14
|
+
modal: {
|
|
15
|
+
confirm: '确认',
|
|
16
|
+
cancel: '取消'
|
|
17
|
+
},
|
|
18
|
+
pagination: {
|
|
19
|
+
previous: '上一页',
|
|
20
|
+
next: '下一页'
|
|
21
|
+
},
|
|
22
|
+
empty: {
|
|
23
|
+
noData: '暂无数据'
|
|
24
|
+
},
|
|
25
|
+
table: {
|
|
26
|
+
emptyContent: '暂无数据'
|
|
27
|
+
},
|
|
28
|
+
toast: {
|
|
29
|
+
success: '成功',
|
|
30
|
+
error: '错误',
|
|
31
|
+
warning: '警告',
|
|
32
|
+
info: '提示'
|
|
33
|
+
}
|
|
34
|
+
};
|
|
35
|
+
export { zh };
|
|
@@ -9,8 +9,10 @@ function useThemeContext() {
|
|
|
9
9
|
theme: createTheme('light'),
|
|
10
10
|
config: {
|
|
11
11
|
theme: 'light',
|
|
12
|
+
locale: 'en',
|
|
12
13
|
componentConfig: builtinComponentConfig["default"]
|
|
13
14
|
},
|
|
15
|
+
locale: 'en',
|
|
14
16
|
componentConfig: builtinComponentConfig["default"]
|
|
15
17
|
};
|
|
16
18
|
return context;
|
|
@@ -1,12 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import type { DynamicColors } from '@particle-network/ui-shared';
|
|
3
|
-
import type { ComponentConfig, ThemeMode } from '../types';
|
|
3
|
+
import type { ComponentConfig, Locale, ThemeMode } from '../types';
|
|
4
4
|
export interface ThemeProviderProps {
|
|
5
5
|
children: React.ReactNode;
|
|
6
6
|
theme?: ThemeMode;
|
|
7
|
+
locale?: Locale;
|
|
7
8
|
dynamicColors?: DynamicColors;
|
|
8
9
|
msFactor?: number;
|
|
9
10
|
componentConfig?: ComponentConfig;
|
|
10
11
|
onThemeChange?: (theme: ThemeMode) => void;
|
|
12
|
+
onLocaleChange?: (locale: Locale) => void;
|
|
11
13
|
}
|
|
12
|
-
export declare function ThemeProvider({ children, theme, dynamicColors, msFactor, componentConfig, onThemeChange, }: ThemeProviderProps): React.JSX.Element;
|
|
14
|
+
export declare function ThemeProvider({ children, theme, locale, dynamicColors, msFactor, componentConfig, onThemeChange, onLocaleChange, }: ThemeProviderProps): React.JSX.Element;
|
|
@@ -4,17 +4,19 @@ import { builtinComponentConfig } from "../config/index.js";
|
|
|
4
4
|
import { ThemeContextProvider } from "./ThemeContext.js";
|
|
5
5
|
import { createTheme } from "../theme/index.js";
|
|
6
6
|
import { mergeComponentConfig } from "../utils/index.js";
|
|
7
|
-
function ThemeProvider({ children, theme = 'light', dynamicColors, msFactor, componentConfig, onThemeChange }) {
|
|
7
|
+
function ThemeProvider({ children, theme = 'light', locale = 'en', dynamicColors, msFactor, componentConfig, onThemeChange, onLocaleChange }) {
|
|
8
8
|
const mergedComponentConfig = useMemo(()=>mergeComponentConfig(builtinComponentConfig["default"], componentConfig), [
|
|
9
9
|
componentConfig
|
|
10
10
|
]);
|
|
11
11
|
const config = useMemo(()=>({
|
|
12
12
|
theme,
|
|
13
|
+
locale,
|
|
13
14
|
dynamicColors,
|
|
14
15
|
msFactor,
|
|
15
16
|
componentConfig: mergedComponentConfig
|
|
16
17
|
}), [
|
|
17
18
|
theme,
|
|
19
|
+
locale,
|
|
18
20
|
dynamicColors,
|
|
19
21
|
msFactor,
|
|
20
22
|
mergedComponentConfig
|
|
@@ -27,13 +29,17 @@ function ThemeProvider({ children, theme = 'light', dynamicColors, msFactor, com
|
|
|
27
29
|
const contextValue = useMemo(()=>({
|
|
28
30
|
theme: themeObject,
|
|
29
31
|
config,
|
|
32
|
+
locale,
|
|
30
33
|
componentConfig: mergedComponentConfig,
|
|
31
|
-
setTheme: onThemeChange
|
|
34
|
+
setTheme: onThemeChange,
|
|
35
|
+
setLocale: onLocaleChange
|
|
32
36
|
}), [
|
|
33
37
|
themeObject,
|
|
34
38
|
config,
|
|
39
|
+
locale,
|
|
35
40
|
mergedComponentConfig,
|
|
36
|
-
onThemeChange
|
|
41
|
+
onThemeChange,
|
|
42
|
+
onLocaleChange
|
|
37
43
|
]);
|
|
38
44
|
return /*#__PURE__*/ jsx(ThemeContextProvider, {
|
|
39
45
|
value: contextValue,
|
package/dist/types/theme.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import type { DynamicColors, RadiusScale, SpacingScale, ThemeColors, UXColor, UXRadius } from '@particle-network/ui-shared';
|
|
2
2
|
export type ThemeMode = 'light' | 'dark';
|
|
3
|
+
export type Locale = 'en' | 'zh';
|
|
3
4
|
export interface CommonComponentConfig {
|
|
4
5
|
defaultProps?: {
|
|
5
6
|
radius?: UXRadius | number;
|
|
@@ -40,6 +41,7 @@ export interface ComponentConfig {
|
|
|
40
41
|
}
|
|
41
42
|
export interface ThemeConfig {
|
|
42
43
|
theme: ThemeMode;
|
|
44
|
+
locale: Locale;
|
|
43
45
|
dynamicColors?: DynamicColors;
|
|
44
46
|
msFactor?: number;
|
|
45
47
|
componentConfig: ComponentConfig;
|
|
@@ -57,6 +59,8 @@ export interface Theme {
|
|
|
57
59
|
export interface ThemeContextValue {
|
|
58
60
|
theme: Theme;
|
|
59
61
|
config: ThemeConfig;
|
|
62
|
+
locale: Locale;
|
|
60
63
|
componentConfig?: ComponentConfig;
|
|
61
64
|
setTheme?: (theme: ThemeMode) => void;
|
|
65
|
+
setLocale?: (locale: Locale) => void;
|
|
62
66
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@particle-network/ui-native",
|
|
3
|
-
"version": "0.1.4-beta.
|
|
3
|
+
"version": "0.1.4-beta.1",
|
|
4
4
|
"main": "./entry.js",
|
|
5
5
|
"react-native": "./dist/index.js",
|
|
6
6
|
"module": "./dist/index.js",
|
|
@@ -39,9 +39,9 @@
|
|
|
39
39
|
"dependencies": {
|
|
40
40
|
"@lottiefiles/dotlottie-react": "^0.16.2",
|
|
41
41
|
"ahooks": "^3.9.4",
|
|
42
|
+
"dayjs": "^1.11.19",
|
|
42
43
|
"deepmerge": "^4.3.1",
|
|
43
44
|
"expo-haptics": "^15.0.7",
|
|
44
|
-
"expo-image": "^3.0.8",
|
|
45
45
|
"lottie-react-native": "^7.3.4",
|
|
46
46
|
"react-native-paper": "^5.14.5",
|
|
47
47
|
"react-native-size-matters": "^0.4.2",
|
|
@@ -70,6 +70,7 @@
|
|
|
70
70
|
"@types/react": "^19.1.10",
|
|
71
71
|
"babel-plugin-module-resolver": "^5.0.2",
|
|
72
72
|
"babel-plugin-react-docgen-typescript": "^1.5.1",
|
|
73
|
+
"buffer": "^6.0.3",
|
|
73
74
|
"cross-env": "^7.0.3",
|
|
74
75
|
"expo": "~54.0.0",
|
|
75
76
|
"expo-constants": "~18.0.8",
|
|
@@ -83,14 +84,15 @@
|
|
|
83
84
|
"react-native-safe-area-context": "5.6.1",
|
|
84
85
|
"react-native-svg": "15.12.1",
|
|
85
86
|
"react-native-web": "^0.21.1",
|
|
87
|
+
"serve": "^14.2.5",
|
|
86
88
|
"storybook": "^9.1.6",
|
|
87
89
|
"typescript": "~5.9.2",
|
|
88
90
|
"unfetch": "^4.2.0",
|
|
89
91
|
"vite": "^6.3.5",
|
|
90
92
|
"zustand": "^5.0.8",
|
|
93
|
+
"@particle-network/icons": "0.1.3-beta.3",
|
|
91
94
|
"@particle-network/eslint-config": "0.3.0",
|
|
92
|
-
"@particle-network/lintstaged-config": "0.1.0"
|
|
93
|
-
"@particle-network/icons": "0.1.3-beta.1"
|
|
95
|
+
"@particle-network/lintstaged-config": "0.1.0"
|
|
94
96
|
},
|
|
95
97
|
"overrides": {
|
|
96
98
|
"react-docgen-typescript": "2.2.2",
|
package/dist/icons/CheckIcon.js
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import react_native_svg, { Path } from "react-native-svg";
|
|
4
|
-
import { useColors } from "../hooks/index.js";
|
|
5
|
-
const CheckIcon_CheckIcon = ({ size = 16, color = 'default', ...props })=>{
|
|
6
|
-
const { getColor } = useColors();
|
|
7
|
-
return /*#__PURE__*/ jsx(react_native_svg, {
|
|
8
|
-
width: size,
|
|
9
|
-
height: size,
|
|
10
|
-
viewBox: "0 0 24 24",
|
|
11
|
-
fill: "none",
|
|
12
|
-
...props,
|
|
13
|
-
children: /*#__PURE__*/ jsx(Path, {
|
|
14
|
-
d: "M19.3281 6.28711C19.7108 5.90439 20.3302 5.9044 20.7129 6.28711C21.0956 6.66983 21.0956 7.28916 20.7129 7.67188L10.042 18.3389C10.0336 18.3479 10.0264 18.3584 10.0176 18.3672C9.82525 18.5574 9.57459 18.6514 9.32422 18.6514C9.07383 18.6513 8.82312 18.5555 8.63281 18.3652L3.28711 13.0186C2.90448 12.6358 2.90442 12.0165 3.28711 11.6338C3.66982 11.2513 4.28923 11.2512 4.67188 11.6338L9.32422 16.2891L19.3281 6.28711Z",
|
|
15
|
-
fill: getColor(color)
|
|
16
|
-
})
|
|
17
|
-
});
|
|
18
|
-
};
|
|
19
|
-
const CheckIcon = CheckIcon_CheckIcon;
|
|
20
|
-
export { CheckIcon as default };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import react_native_svg, { Path } from "react-native-svg";
|
|
4
|
-
import { useColors } from "../hooks/index.js";
|
|
5
|
-
const CheckboxOffIcon_CheckboxOffIcon = ({ size = 16, color = 'default', ...props })=>{
|
|
6
|
-
const { getColor } = useColors();
|
|
7
|
-
return /*#__PURE__*/ jsx(react_native_svg, {
|
|
8
|
-
fill: "none",
|
|
9
|
-
height: size,
|
|
10
|
-
viewBox: "0 0 16 16",
|
|
11
|
-
width: size,
|
|
12
|
-
...props,
|
|
13
|
-
children: /*#__PURE__*/ jsx(Path, {
|
|
14
|
-
d: "M2.46191 0.615234H13.5381C14.5577 0.615234 15.3848 1.44231 15.3848 2.46191V13.5381C15.3848 14.5577 14.5577 15.3848 13.5381 15.3848H2.46191C1.44231 15.3848 0.615234 14.5577 0.615234 13.5381V2.46191C0.615234 1.44231 1.44231 0.615234 2.46191 0.615234Z",
|
|
15
|
-
stroke: getColor(color),
|
|
16
|
-
strokeWidth: 1.23077
|
|
17
|
-
})
|
|
18
|
-
});
|
|
19
|
-
};
|
|
20
|
-
const CheckboxOffIcon = CheckboxOffIcon_CheckboxOffIcon;
|
|
21
|
-
export { CheckboxOffIcon as default };
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import react_native_svg, { Path } from "react-native-svg";
|
|
4
|
-
import { useColors } from "../hooks/index.js";
|
|
5
|
-
const CheckboxOnIcon_CheckboxOnIcon = ({ size = 16, color = 'default', ...props })=>{
|
|
6
|
-
const { getColor } = useColors();
|
|
7
|
-
return /*#__PURE__*/ jsxs(react_native_svg, {
|
|
8
|
-
fill: "none",
|
|
9
|
-
height: size,
|
|
10
|
-
viewBox: "0 0 16 16",
|
|
11
|
-
width: size,
|
|
12
|
-
...props,
|
|
13
|
-
children: [
|
|
14
|
-
/*#__PURE__*/ jsx(Path, {
|
|
15
|
-
d: "M2.46154 16H13.5385C14.8979 16 16 14.8979 16 13.5385V2.46154C16 1.10207 14.8979 0 13.5385 0H2.46154C1.10207 0 0 1.10207 0 2.46154V13.5385C0 14.8979 1.10207 16 2.46154 16Z",
|
|
16
|
-
fill: getColor(color)
|
|
17
|
-
}),
|
|
18
|
-
/*#__PURE__*/ jsx(Path, {
|
|
19
|
-
d: "M6.75547 9.24601L4.84436 7.3349C4.68139 7.17193 4.47399 7.09045 4.22214 7.09045C3.97028 7.09045 3.76288 7.17193 3.59991 7.3349C3.43695 7.49786 3.35547 7.70527 3.35547 7.95712C3.35547 8.20897 3.43695 8.41638 3.59991 8.57934L6.13325 11.1127C6.31102 11.2905 6.51843 11.3793 6.75547 11.3793C6.99251 11.3793 7.19991 11.2905 7.37769 11.1127L12.3999 6.09045C12.5629 5.92749 12.6444 5.72008 12.6444 5.46823C12.6444 5.21638 12.5629 5.00897 12.3999 4.84601C12.237 4.68304 12.0295 4.60156 11.7777 4.60156C11.5258 4.60156 11.3184 4.68304 11.1555 4.84601L6.75547 9.24601Z",
|
|
20
|
-
fill: "#ffffff"
|
|
21
|
-
})
|
|
22
|
-
]
|
|
23
|
-
});
|
|
24
|
-
};
|
|
25
|
-
const CheckboxOnIcon = CheckboxOnIcon_CheckboxOnIcon;
|
|
26
|
-
export { CheckboxOnIcon as default };
|
package/dist/icons/CloseIcon.js
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import react_native_svg, { Path } from "react-native-svg";
|
|
4
|
-
import { useColors } from "../hooks/index.js";
|
|
5
|
-
const CloseIcon_CloseIcon = ({ size = 16, color = 'default', ...props })=>{
|
|
6
|
-
const { getColor } = useColors();
|
|
7
|
-
const colorValue = getColor(color);
|
|
8
|
-
return /*#__PURE__*/ jsx(react_native_svg, {
|
|
9
|
-
width: size,
|
|
10
|
-
height: size,
|
|
11
|
-
viewBox: "0 0 24 24",
|
|
12
|
-
fill: "none",
|
|
13
|
-
...props,
|
|
14
|
-
children: /*#__PURE__*/ jsx(Path, {
|
|
15
|
-
d: "M5.29102 5.29102C5.47727 5.105 5.72974 5.00052 5.99298 5.00052C6.25621 5.00052 6.50868 5.105 6.69494 5.29102L11.9993 10.5941L17.3051 5.29102C17.4733 5.1228 17.6962 5.02051 17.9335 5.00277C18.1707 4.98503 18.4064 5.053 18.5977 5.19434L18.709 5.29102C18.895 5.47727 18.9995 5.72974 18.9995 5.99298C18.9995 6.25621 18.895 6.50868 18.709 6.69494L13.4046 11.9993L18.709 17.3051C18.8772 17.4733 18.9795 17.6962 18.9972 17.9335C19.015 18.1707 18.947 18.4064 18.8057 18.5977L18.709 18.709C18.5227 18.895 18.2703 18.9995 18.007 18.9995C17.7438 18.9995 17.4913 18.895 17.3051 18.709L11.9993 13.4046L6.69494 18.709C6.52675 18.8772 6.30377 18.9795 6.06655 18.9972C5.82933 19.015 5.59362 18.947 5.40228 18.8057L5.29102 18.709C5.105 18.5227 5.00052 18.2703 5.00052 18.007C5.00052 17.7438 5.105 17.4913 5.29102 17.3051L10.5941 11.9993L5.29102 6.69494C5.1228 6.52675 5.02051 6.30377 5.00277 6.06655C4.98503 5.82933 5.053 5.59362 5.19434 5.40228L5.29102 5.29102Z",
|
|
16
|
-
fill: colorValue
|
|
17
|
-
})
|
|
18
|
-
});
|
|
19
|
-
};
|
|
20
|
-
const CloseIcon = CloseIcon_CloseIcon;
|
|
21
|
-
export { CloseIcon as default };
|
package/dist/icons/DotIcon.js
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import react_native_svg, { Circle } from "react-native-svg";
|
|
4
|
-
import { useColors } from "../hooks/index.js";
|
|
5
|
-
const DotIcon_DotIcon = ({ size = 16, color = 'default', ...props })=>{
|
|
6
|
-
const { getColor } = useColors();
|
|
7
|
-
const colorValue = getColor(color);
|
|
8
|
-
return /*#__PURE__*/ jsx(react_native_svg, {
|
|
9
|
-
fill: "none",
|
|
10
|
-
height: size,
|
|
11
|
-
viewBox: "0 0 5 5",
|
|
12
|
-
width: size,
|
|
13
|
-
...props,
|
|
14
|
-
children: /*#__PURE__*/ jsx(Circle, {
|
|
15
|
-
cx: 2.5,
|
|
16
|
-
cy: 2.5,
|
|
17
|
-
fill: colorValue,
|
|
18
|
-
r: 2
|
|
19
|
-
})
|
|
20
|
-
});
|
|
21
|
-
};
|
|
22
|
-
const DotIcon = DotIcon_DotIcon;
|
|
23
|
-
export { DotIcon as default };
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import react_native_svg, { Path } from "react-native-svg";
|
|
4
|
-
import { useColors } from "../hooks/index.js";
|
|
5
|
-
const QuestionIcon_QuestionIcon = ({ size = 16, color = 'default', ...props })=>{
|
|
6
|
-
const { getColor } = useColors();
|
|
7
|
-
const colorValue = getColor(color);
|
|
8
|
-
return /*#__PURE__*/ jsx(react_native_svg, {
|
|
9
|
-
width: size,
|
|
10
|
-
height: size,
|
|
11
|
-
viewBox: "0 0 24 24",
|
|
12
|
-
fill: "none",
|
|
13
|
-
...props,
|
|
14
|
-
children: /*#__PURE__*/ jsx(Path, {
|
|
15
|
-
d: "M12 1.90039C17.5781 1.90039 22.0996 6.42192 22.0996 12C22.0996 17.5781 17.5781 22.0996 12 22.0996C6.42192 22.0996 1.90039 17.5781 1.90039 12C1.90039 6.42192 6.42192 1.90039 12 1.90039ZM12 3.39551C7.24831 3.39551 3.39551 7.24831 3.39551 12C3.39551 16.7517 7.24831 20.6045 12 20.6045C16.7517 20.6045 20.6045 16.7517 20.6045 12C20.6045 7.24831 16.7517 3.39551 12 3.39551ZM11.5664 15.5703C11.8333 15.4158 12.1618 15.4158 12.4287 15.5703C12.5596 15.6462 12.6687 15.7559 12.7441 15.8867C12.8196 16.0177 12.8593 16.1669 12.8594 16.3184L12.8555 16.4062C12.8141 16.8119 12.4906 17.1347 12.085 17.1758L11.9971 17.1797C11.5216 17.1794 11.1359 16.7939 11.1357 16.3184C11.1357 16.0089 11.2997 15.7251 11.5664 15.5703ZM11.9893 6.82129C12.9078 6.81929 13.7973 7.18095 14.4258 7.81152C15.0097 8.3997 15.3109 9.15936 15.2676 9.94922C15.2451 10.3506 15.1678 10.7145 14.9336 11.1309C14.7012 11.544 14.317 12.0048 13.6875 12.6045C13.3697 12.9064 13.1143 13.1681 12.9346 13.4014C12.754 13.6358 12.6577 13.8315 12.6406 14.0029C12.6077 14.3258 12.3546 14.5717 12.0439 14.6279L11.9082 14.6396C11.8811 14.6396 11.8565 14.6376 11.8359 14.6357C11.4356 14.5993 11.1343 14.2558 11.1738 13.8633C11.2657 12.9821 11.9428 12.2786 12.6504 11.6045C13.218 11.0645 13.4993 10.7151 13.6416 10.4609C13.7801 10.2133 13.7892 10.0531 13.7988 9.87598C13.8208 9.48028 13.6678 9.09478 13.3613 8.79004L13.3604 8.78906C13.0109 8.4381 12.5131 8.23535 11.9971 8.23535H11.9932C11.0002 8.23755 10.1963 9.00926 10.1963 9.94531C10.1961 10.3405 9.86325 10.6493 9.45996 10.6494C9.05615 10.6494 8.72381 10.3381 8.72363 9.94336C8.72363 9.10996 9.06369 8.32601 9.67969 7.73633C10.296 7.14663 11.1173 6.82341 11.9893 6.82129Z",
|
|
16
|
-
fill: colorValue
|
|
17
|
-
})
|
|
18
|
-
});
|
|
19
|
-
};
|
|
20
|
-
const QuestionIcon = QuestionIcon_QuestionIcon;
|
|
21
|
-
export { QuestionIcon as default };
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import react_native_svg, { Path } from "react-native-svg";
|
|
4
|
-
import { useColors } from "../hooks/index.js";
|
|
5
|
-
const RadioOffIcon_RadioOffIcon = ({ size = 16, color = 'default', ...props })=>{
|
|
6
|
-
const { getColor } = useColors();
|
|
7
|
-
const colorValue = getColor(color);
|
|
8
|
-
return /*#__PURE__*/ jsx(react_native_svg, {
|
|
9
|
-
fill: "none",
|
|
10
|
-
height: size,
|
|
11
|
-
viewBox: "0 0 16 16",
|
|
12
|
-
width: size,
|
|
13
|
-
...props,
|
|
14
|
-
children: /*#__PURE__*/ jsx(Path, {
|
|
15
|
-
d: "M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Z",
|
|
16
|
-
stroke: colorValue,
|
|
17
|
-
strokeWidth: 1.2
|
|
18
|
-
})
|
|
19
|
-
});
|
|
20
|
-
};
|
|
21
|
-
const RadioOffIcon = RadioOffIcon_RadioOffIcon;
|
|
22
|
-
export { RadioOffIcon as default };
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import react_native_svg, { ClipPath, Defs, G, Path } from "react-native-svg";
|
|
4
|
-
import { useColors } from "../hooks/index.js";
|
|
5
|
-
const RadioOnIcon_RadioOnIcon = ({ size = 16, color = 'default', ...props })=>{
|
|
6
|
-
const { getColor } = useColors();
|
|
7
|
-
const colorValue = getColor(color);
|
|
8
|
-
return /*#__PURE__*/ jsxs(react_native_svg, {
|
|
9
|
-
fill: "none",
|
|
10
|
-
height: size,
|
|
11
|
-
viewBox: "0 0 16 16",
|
|
12
|
-
width: size,
|
|
13
|
-
...props,
|
|
14
|
-
children: [
|
|
15
|
-
/*#__PURE__*/ jsxs(G, {
|
|
16
|
-
clipPath: "url(#a)",
|
|
17
|
-
children: [
|
|
18
|
-
/*#__PURE__*/ jsx(Path, {
|
|
19
|
-
d: "M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Z",
|
|
20
|
-
stroke: colorValue,
|
|
21
|
-
strokeWidth: 1.2
|
|
22
|
-
}),
|
|
23
|
-
/*#__PURE__*/ jsx(Path, {
|
|
24
|
-
d: "M8 12a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z",
|
|
25
|
-
fill: colorValue
|
|
26
|
-
})
|
|
27
|
-
]
|
|
28
|
-
}),
|
|
29
|
-
/*#__PURE__*/ jsx(Defs, {
|
|
30
|
-
children: /*#__PURE__*/ jsx(ClipPath, {
|
|
31
|
-
id: "a",
|
|
32
|
-
children: /*#__PURE__*/ jsx(Path, {
|
|
33
|
-
d: "M0 0h16v16H0z",
|
|
34
|
-
fill: "#fff"
|
|
35
|
-
})
|
|
36
|
-
})
|
|
37
|
-
})
|
|
38
|
-
]
|
|
39
|
-
});
|
|
40
|
-
};
|
|
41
|
-
const RadioOnIcon = RadioOnIcon_RadioOnIcon;
|
|
42
|
-
export { RadioOnIcon as default };
|