@lotics/ui 1.20.0 → 1.21.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 (8) hide show
  1. package/package.json +1 -1
  2. package/src/card.tsx +1 -3
  3. package/src/combobox.tsx +1 -4
  4. package/src/date_field.tsx +1 -4
  5. package/src/index.css +0 -1
  6. package/src/picker.tsx +1 -4
  7. package/src/select_item.tsx +1 -3
  8. package/src/time_field.tsx +1 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@lotics/ui",
3
- "version": "1.20.0",
3
+ "version": "1.21.0",
4
4
  "type": "module",
5
5
  "exports": {
6
6
  "./tokens": "./src/tokens.ts",
package/src/card.tsx CHANGED
@@ -56,8 +56,6 @@ const styles = StyleSheet.create({
56
56
  } as ViewStyle),
57
57
  },
58
58
  hovered: {
59
- outlineColor: colors.zinc["900"],
60
- outlineWidth: 2,
61
- outlineStyle: "solid",
59
+ borderColor: colors.zinc["900"],
62
60
  },
63
61
  });
package/src/combobox.tsx CHANGED
@@ -155,10 +155,7 @@ const styles = StyleSheet.create({
155
155
  cursor: "pointer",
156
156
  },
157
157
  opened: {
158
- outlineColor: colors.black,
159
- outlineWidth: 2,
160
- outlineStyle: "solid",
161
- outlineOffset: -2,
158
+ borderColor: colors.zinc["900"],
162
159
  },
163
160
  disabled: {
164
161
  opacity: 0.5,
package/src/date_field.tsx CHANGED
@@ -150,10 +150,7 @@ const styles = StyleSheet.create({
150
150
  backgroundColor: colors.background,
151
151
  },
152
152
  frameFocused: {
153
- outlineColor: colors.black,
154
- outlineWidth: 2,
155
- outlineStyle: "solid",
156
- outlineOffset: -2,
153
+ borderColor: colors.zinc["900"],
157
154
  },
158
155
  frameDisabled: {
159
156
  backgroundColor: colors.zinc["50"],
package/src/index.css CHANGED
@@ -341,7 +341,6 @@ html {
341
341
  :focus-visible {
342
342
  outline: 2px solid var(--color-zinc-900);
343
343
  outline-offset: 2px;
344
- border-radius: 4px;
345
344
  }
346
345
  :focus:not(:focus-visible) {
347
346
  outline: none;
package/src/picker.tsx CHANGED
@@ -331,10 +331,7 @@ const styles = StyleSheet.create({
331
331
  height: 40,
332
332
  },
333
333
  opened: {
334
- outlineColor: colors.black,
335
- outlineWidth: 2,
336
- outlineStyle: "solid",
337
- outlineOffset: -2,
334
+ borderColor: colors.zinc["900"],
338
335
  },
339
336
  disabled: {
340
337
  opacity: 0.5,
package/src/select_item.tsx CHANGED
@@ -50,8 +50,6 @@ const styles = StyleSheet.create({
50
50
  borderWidth: 1,
51
51
  },
52
52
  hovered: {
53
- outlineColor: colors.zinc["900"],
54
- outlineWidth: 2,
55
- outlineStyle: "solid",
53
+ borderColor: colors.zinc["900"],
56
54
  },
57
55
  });
package/src/time_field.tsx CHANGED
@@ -273,10 +273,7 @@ const styles = StyleSheet.create({
273
273
  backgroundColor: colors.background,
274
274
  },
275
275
  triggerOpen: {
276
- outlineColor: colors.black,
277
- outlineWidth: 2,
278
- outlineStyle: "solid",
279
- outlineOffset: -2,
276
+ borderColor: colors.zinc["900"],
280
277
  },
281
278
  triggerDisabled: {
282
279
  backgroundColor: colors.zinc["50"],