@swan-io/lake 3.3.3 → 3.4.0

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 (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/LakeSelect.js +14 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@swan-io/lake",
3
- "version": "3.3.3",
3
+ "version": "3.4.0",
4
4
  "engines": {
5
5
  "node": ">=18.0.0",
6
6
  "yarn": "^1.22.0"
package/src/components/LakeSelect.js CHANGED
@@ -30,6 +30,9 @@ const styles = StyleSheet.create({
30
30
  justifyContent: "center",
31
31
  height: 40,
32
32
  paddingHorizontal: spacings[16],
33
+ borderRadius: radii[6],
34
+ transitionProperty: "background-color",
35
+ transitionDuration: "150ms",
33
36
  },
34
37
  small: {
35
38
  paddingVertical: 5,
@@ -143,12 +146,21 @@ const LakeSelectWithRef = ({ title, items, valueStyle, size, color = "current",
143
146
  }, 300);
144
147
  }, [items, onValueChange, visible]);
145
148
  const name = itemValue?.name ?? value;
146
- return (_jsxs(View, { style: commonStyles.fill, children: [_jsx(Pressable, { id: id, ref: mergedRef, "aria-haspopup": "listbox", role: "button", "aria-expanded": visible, disabled: readOnly || disabled, style: ({ focused }) => [
149
+ return (_jsxs(View, { style: commonStyles.fill, children: [_jsx(Pressable, { id: id, ref: mergedRef, "aria-haspopup": "listbox", role: "button", "aria-expanded": visible, disabled: readOnly || disabled, style: ({ focused, hovered, pressed }) => [
147
150
  mode === "normal" ? styles.normal : styles.borderless,
148
151
  size === "small" && styles.small,
149
152
  (disabled || readOnly) && styles.inputDisabled,
150
153
  (visible || focused) && styles.focusedInput,
151
- mode === "borderless" && styles.focusedWithoutShadow,
154
+ mode === "borderless" && [
155
+ {
156
+ backgroundColor: pressed
157
+ ? colors.gray[200]
158
+ : hovered
159
+ ? colors.gray[100]
160
+ : invariantColors.transparent,
161
+ },
162
+ styles.focusedWithoutShadow,
163
+ ],
152
164
  mode !== "borderless" && error != null && styles.errorContainer,
153
165
  (disabled || readOnly) && mode === "borderless" && styles.inputBorderlessDisabled,
154
166
  style,