@idealyst/datepicker 1.2.45 → 1.2.46
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/package.json +3 -3
- package/src/InputStyles.ts +12 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@idealyst/datepicker",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.46",
|
|
4
4
|
"description": "Cross-platform date and time picker components for React and React Native",
|
|
5
5
|
"documentation": "https://github.com/IdealystIO/idealyst-framework/tree/main/packages/datepicker#readme",
|
|
6
6
|
"readme": "README.md",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"publish:npm": "npm publish"
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|
|
39
|
-
"@idealyst/theme": "^1.2.
|
|
39
|
+
"@idealyst/theme": "^1.2.46",
|
|
40
40
|
"@mdi/js": ">=7.0.0",
|
|
41
41
|
"@mdi/react": ">=1.6.0",
|
|
42
42
|
"react": ">=16.8.0",
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
}
|
|
70
70
|
},
|
|
71
71
|
"devDependencies": {
|
|
72
|
-
"@idealyst/theme": "^1.2.
|
|
72
|
+
"@idealyst/theme": "^1.2.46",
|
|
73
73
|
"@mdi/js": "^7.4.47",
|
|
74
74
|
"@mdi/react": "^1.6.1",
|
|
75
75
|
"@types/react": "^19.1.0",
|
package/src/InputStyles.ts
CHANGED
|
@@ -31,6 +31,9 @@ export const dateTimeInputStyles = defineStyle('DateTimeInput', (theme: Theme) =
|
|
|
31
31
|
overflow: 'hidden' as const,
|
|
32
32
|
borderColor: theme.colors.border.primary,
|
|
33
33
|
backgroundColor: theme.colors.surface.primary,
|
|
34
|
+
// Default padding/height for when size variant isn't specified
|
|
35
|
+
height: theme.sizes.input.md.height,
|
|
36
|
+
paddingHorizontal: theme.sizes.input.md.paddingHorizontal,
|
|
34
37
|
_web: {
|
|
35
38
|
display: 'flex',
|
|
36
39
|
flexDirection: 'row',
|
|
@@ -61,6 +64,8 @@ export const dateTimeInputStyles = defineStyle('DateTimeInput', (theme: Theme) =
|
|
|
61
64
|
backgroundColor: 'transparent',
|
|
62
65
|
color: theme.colors.text.primary,
|
|
63
66
|
fontWeight: '400' as const,
|
|
67
|
+
// Default font size for when size variant isn't specified
|
|
68
|
+
fontSize: theme.sizes.input.md.fontSize,
|
|
64
69
|
_web: {
|
|
65
70
|
outline: 'none',
|
|
66
71
|
border: 'none',
|
|
@@ -86,6 +91,10 @@ export const dateTimeInputStyles = defineStyle('DateTimeInput', (theme: Theme) =
|
|
|
86
91
|
backgroundColor: 'transparent',
|
|
87
92
|
borderWidth: 0,
|
|
88
93
|
flexShrink: 0,
|
|
94
|
+
// Default icon sizing for when size variant isn't specified
|
|
95
|
+
width: theme.sizes.input.md.iconSize,
|
|
96
|
+
height: theme.sizes.input.md.iconSize,
|
|
97
|
+
marginLeft: theme.sizes.input.md.iconMargin,
|
|
89
98
|
_web: {
|
|
90
99
|
display: 'flex',
|
|
91
100
|
background: 'none',
|
|
@@ -109,6 +118,9 @@ export const dateTimeInputStyles = defineStyle('DateTimeInput', (theme: Theme) =
|
|
|
109
118
|
// Icon inside button - sized based on input size
|
|
110
119
|
icon: (_props: InputDynamicProps) => ({
|
|
111
120
|
color: theme.colors.text.secondary,
|
|
121
|
+
// Default icon sizing for when size variant isn't specified
|
|
122
|
+
width: theme.sizes.input.md.iconSize,
|
|
123
|
+
height: theme.sizes.input.md.iconSize,
|
|
112
124
|
variants: {
|
|
113
125
|
// $iterator expands for each input size
|
|
114
126
|
size: {
|