@ecohouse/ui 0.1.9 → 0.1.11

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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ecohouse/ui",
3
- "version": "0.1.9",
3
+ "version": "0.1.11",
4
4
  "type": "module",
5
5
  "private": false,
6
6
  "description": "Cross-platform presentation-only UI components for EcoHouse (React Native + React Native Web)",
@@ -229,7 +229,7 @@ const styles = StyleSheet.create({
229
229
  backgroundColor: "transparent",
230
230
  },
231
231
  triggerActive: {
232
- backgroundColor: colors.grey700,
232
+ backgroundColor: colors.whiteAlpha6,
233
233
  },
234
234
  triggerLabel: {
235
235
  ...languageSwitcherTypography,
@@ -256,11 +256,8 @@ const styles = StyleSheet.create({
256
256
  padding: 8,
257
257
  gap: 8,
258
258
  borderRadius: 12,
259
- backgroundColor: colors.grey700,
260
- ...Platform.select({
261
- web: { boxShadow: `0 8px 24px ${colors.black}73` },
262
- default: { elevation: 8 },
263
- }),
259
+ backgroundColor: colors.whiteAlpha6,
260
+ overflow: "hidden",
264
261
  },
265
262
  item: {
266
263
  height: CONTROL_HEIGHT,
@@ -271,10 +268,10 @@ const styles = StyleSheet.create({
271
268
  borderRadius: 8,
272
269
  },
273
270
  itemHovered: {
274
- backgroundColor: colors.whiteAlpha5,
271
+ backgroundColor: colors.whiteAlpha6,
275
272
  },
276
273
  itemSelected: {
277
- backgroundColor: colors.primaryMuted,
274
+ backgroundColor: colors.whiteAlpha6,
278
275
  },
279
276
  itemLabel: {
280
277
  ...languageSwitcherTypography,
@@ -10,6 +10,7 @@ describe("design tokens", () => {
10
10
  expect(colors.whiteAlpha86).toBe("#FFFFFFDB");
11
11
  expect(colors.whiteAlpha40).toBe("#FFFFFF66");
12
12
  expect(colors.whiteAlpha20).toBe("#FFFFFF33");
13
+ expect(colors.whiteAlpha6).toBe("#FFFFFF0F");
13
14
  expect(colors.whiteAlpha10).toBe("#FFFFFF1A");
14
15
  expect(colors.whiteAlpha5).toBe("#FFFFFF0D");
15
16
  expect(buttonTypography.lg.fontSize).toBe(14);
@@ -25,6 +25,7 @@ export const colors = {
25
25
  whiteAlpha86: "#FFFFFFDB",
26
26
  whiteAlpha40: "#FFFFFF66",
27
27
  whiteAlpha20: "#FFFFFF33",
28
+ whiteAlpha6: "#FFFFFF0F",
28
29
  whiteAlpha10: "#FFFFFF1A",
29
30
  whiteAlpha5: "#FFFFFF0D",
30
31
  dark: "#090909",