@scripso-homepad/ui 0.4.37 → 0.4.39
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/index.cjs +16 -7
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +16 -7
- package/dist/index.js.map +1 -1
- package/dist/web/index.cjs +30 -13
- package/dist/web/index.cjs.map +1 -1
- package/dist/web/index.d.cts +13 -2
- package/dist/web/index.d.ts +13 -2
- package/dist/web/index.js +30 -14
- package/dist/web/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Select.tsx +1 -0
- package/src/theme/select.ts +9 -1
- package/src/web/components/ConfirmModal.tsx +5 -4
- package/src/web/components/Drawer.tsx +4 -1
- package/src/web/components/Modal.tsx +5 -12
- package/src/web/hooks/useBackdropDismiss.ts +44 -0
- package/src/web/index.ts +1 -0
package/dist/index.cjs
CHANGED
|
@@ -1051,7 +1051,10 @@ function getSelectFieldStyles(state) {
|
|
|
1051
1051
|
borderColor: colors.stormGray50,
|
|
1052
1052
|
backgroundColor: colors.stormGray50
|
|
1053
1053
|
},
|
|
1054
|
-
value: {
|
|
1054
|
+
value: {
|
|
1055
|
+
...valueBase,
|
|
1056
|
+
color: colors.stormGray300
|
|
1057
|
+
},
|
|
1055
1058
|
placeholder: colors.stormGray300,
|
|
1056
1059
|
icon: colors.stormGray150
|
|
1057
1060
|
};
|
|
@@ -1105,7 +1108,8 @@ var selectFieldMetrics = reactNative.StyleSheet.create({
|
|
|
1105
1108
|
padding: SELECT_PADDING,
|
|
1106
1109
|
gap: SELECT_INNER_GAP,
|
|
1107
1110
|
...reactNative.Platform.OS === "web" ? {
|
|
1108
|
-
boxSizing: "border-box"
|
|
1111
|
+
boxSizing: "border-box",
|
|
1112
|
+
cursor: "pointer"
|
|
1109
1113
|
} : null
|
|
1110
1114
|
},
|
|
1111
1115
|
value: {
|
|
@@ -1117,7 +1121,8 @@ var selectFieldMetrics = reactNative.StyleSheet.create({
|
|
|
1117
1121
|
margin: 0,
|
|
1118
1122
|
...reactNative.Platform.OS === "android" ? { includeFontPadding: false } : null,
|
|
1119
1123
|
...reactNative.Platform.OS === "web" ? {
|
|
1120
|
-
outlineStyle: "none"
|
|
1124
|
+
outlineStyle: "none",
|
|
1125
|
+
cursor: "pointer"
|
|
1121
1126
|
} : null
|
|
1122
1127
|
}
|
|
1123
1128
|
});
|
|
@@ -1128,7 +1133,8 @@ var selectDropdownMetrics = reactNative.StyleSheet.create({
|
|
|
1128
1133
|
borderColor: colors.stormGray50,
|
|
1129
1134
|
backgroundColor: colors.white,
|
|
1130
1135
|
padding: SELECT_DROPDOWN_PADDING,
|
|
1131
|
-
overflow: "hidden"
|
|
1136
|
+
overflow: "hidden",
|
|
1137
|
+
...reactNative.Platform.OS === "web" ? { cursor: "pointer" } : null
|
|
1132
1138
|
},
|
|
1133
1139
|
option: {
|
|
1134
1140
|
width: "100%",
|
|
@@ -1140,7 +1146,8 @@ var selectDropdownMetrics = reactNative.StyleSheet.create({
|
|
|
1140
1146
|
paddingBottom: 12,
|
|
1141
1147
|
paddingLeft: spacing.sm,
|
|
1142
1148
|
justifyContent: "center",
|
|
1143
|
-
alignItems: "flex-start"
|
|
1149
|
+
alignItems: "flex-start",
|
|
1150
|
+
...reactNative.Platform.OS === "web" ? { cursor: "pointer" } : null
|
|
1144
1151
|
},
|
|
1145
1152
|
optionLabel: {
|
|
1146
1153
|
fontFamily: fonts.sans,
|
|
@@ -1150,7 +1157,8 @@ var selectDropdownMetrics = reactNative.StyleSheet.create({
|
|
|
1150
1157
|
letterSpacing: 0,
|
|
1151
1158
|
textAlign: "left",
|
|
1152
1159
|
color: colors.slateBlue,
|
|
1153
|
-
width: "100%"
|
|
1160
|
+
width: "100%",
|
|
1161
|
+
...reactNative.Platform.OS === "web" ? { cursor: "pointer" } : null
|
|
1154
1162
|
},
|
|
1155
1163
|
optionLabelSelected: {
|
|
1156
1164
|
fontWeight: fontWeight.medium,
|
|
@@ -1721,7 +1729,8 @@ var styles4 = reactNative.StyleSheet.create({
|
|
|
1721
1729
|
...reactNative.Platform.OS === "web" ? {
|
|
1722
1730
|
overflow: "hidden",
|
|
1723
1731
|
textOverflow: "ellipsis",
|
|
1724
|
-
whiteSpace: "nowrap"
|
|
1732
|
+
whiteSpace: "nowrap",
|
|
1733
|
+
cursor: "pointer"
|
|
1725
1734
|
} : null
|
|
1726
1735
|
},
|
|
1727
1736
|
optionLabelDisabled: {
|