@lotics/ui 5.6.1 → 5.8.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 (69) hide show
  1. package/AGENTS.md +44 -27
  2. package/examples/tpl_approvals.tsx +10 -10
  3. package/examples/tpl_crm_desk.tsx +3 -3
  4. package/examples/tpl_dieline.tsx +7 -6
  5. package/examples/tpl_directory.tsx +3 -3
  6. package/examples/tpl_dossier.tsx +7 -7
  7. package/examples/tpl_draft.tsx +4 -4
  8. package/examples/tpl_extract.tsx +7 -7
  9. package/examples/tpl_inventory.tsx +3 -3
  10. package/examples/tpl_lookup.tsx +4 -3
  11. package/examples/tpl_match.tsx +1 -1
  12. package/examples/tpl_ratedesk.tsx +11 -11
  13. package/examples/tpl_report.tsx +3 -3
  14. package/examples/tpl_stock.tsx +3 -3
  15. package/examples/tpl_triage.tsx +1 -1
  16. package/package.json +12 -3
  17. package/src/agent_progress.tsx +14 -12
  18. package/src/agent_run.tsx +248 -86
  19. package/src/back_button.tsx +3 -2
  20. package/src/badge.tsx +2 -1
  21. package/src/button.tsx +11 -32
  22. package/src/button_colors.ts +23 -0
  23. package/src/calendar/calendar_view.tsx +2 -2
  24. package/src/card_select_item.tsx +2 -1
  25. package/src/change_review.tsx +5 -6
  26. package/src/{pill_button.tsx → chip.tsx} +7 -7
  27. package/src/chip_group.tsx +2 -2
  28. package/src/column_filter.tsx +4 -4
  29. package/src/combobox.tsx +2 -9
  30. package/src/composer.tsx +4 -3
  31. package/src/control_surface.ts +15 -15
  32. package/src/date_field.tsx +2 -1
  33. package/src/date_filter.tsx +2 -1
  34. package/src/date_range_filter_field.tsx +2 -1
  35. package/src/dialog.tsx +2 -2
  36. package/src/discrepancy.tsx +1 -1
  37. package/src/drawer.tsx +1 -2
  38. package/src/{filter_pill.tsx → filter_chip.tsx} +8 -8
  39. package/src/finding.tsx +1 -1
  40. package/src/gantt/gantt_view.tsx +2 -2
  41. package/src/icon_button.tsx +38 -14
  42. package/src/inline_edit.tsx +2 -2
  43. package/src/link_button.tsx +2 -1
  44. package/src/markdown.css +209 -0
  45. package/src/markdown.tsx +17 -0
  46. package/src/markdown.web.tsx +69 -0
  47. package/src/menu_button.tsx +2 -1
  48. package/src/menu_list_item.tsx +2 -1
  49. package/src/number_input.tsx +2 -1
  50. package/src/picker.tsx +3 -3
  51. package/src/popover_header.tsx +2 -2
  52. package/src/primitives_purity.test.ts +13 -7
  53. package/src/radio_picker.tsx +2 -1
  54. package/src/range_slider.tsx +1 -1
  55. package/src/review_card.tsx +2 -2
  56. package/src/scan_field.tsx +2 -1
  57. package/src/scored_option.tsx +0 -1
  58. package/src/search_input.tsx +3 -2
  59. package/src/segmented_control.tsx +2 -1
  60. package/src/status_badge.tsx +2 -1
  61. package/src/stepper.tsx +3 -2
  62. package/src/switch_button.tsx +2 -1
  63. package/src/switcher.tsx +3 -2
  64. package/src/tabs.tsx +2 -1
  65. package/src/tag_input.tsx +2 -1
  66. package/src/text_input_field.tsx +2 -1
  67. package/src/time_field.tsx +2 -1
  68. package/src/time_picker.tsx +2 -1
  69. package/src/triage_row.tsx +3 -3
package/src/text_input_field.tsx CHANGED
@@ -5,6 +5,7 @@ import {
5
5
  View,
6
6
  } from "react-native";
7
7
  import { colors } from "./colors";
8
+ import { CONTROL_RADIUS } from "./control_surface";
8
9
  import { Ref, useCallback } from "react";
9
10
  import { Icon, IconName } from "./icon";
10
11
  import { IconButton } from "./icon_button";
@@ -163,7 +164,7 @@ export function TextInputField(props: TextInputFieldProps) {
163
164
 
164
165
  const styles = StyleSheet.create({
165
166
  input: {
166
- borderRadius: 8,
167
+ borderRadius: CONTROL_RADIUS,
167
168
  borderWidth: 1,
168
169
  borderColor: colors.border,
169
170
  height: 40,
package/src/time_field.tsx CHANGED
@@ -1,6 +1,7 @@
1
1
  import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
2
2
  import { Pressable, ScrollView, StyleSheet, View } from "react-native";
3
3
  import { colors } from "./colors";
4
+ import { CONTROL_RADIUS } from "./control_surface";
4
5
  import { Text } from "./text";
5
6
  import { Icon } from "./icon";
6
7
  import { Popover, PopoverContent } from "./popover";
@@ -266,7 +267,7 @@ const styles = StyleSheet.create({
266
267
  height: 40,
267
268
  paddingHorizontal: 8,
268
269
  gap: 2,
269
- borderRadius: 8,
270
+ borderRadius: CONTROL_RADIUS,
270
271
  borderWidth: 1,
271
272
  borderColor: colors.border,
272
273
  backgroundColor: colors.background,
package/src/time_picker.tsx CHANGED
@@ -1,6 +1,7 @@
1
1
  import type { KeyboardEvent } from "react";
2
2
  import { colors } from "@lotics/ui/colors";
3
3
  import { fontFamilyRegular, inputTextStyleWeb } from "@lotics/ui/text_utils";
4
+ import { CONTROL_RADIUS } from "./control_surface";
4
5
  export interface TimePickerProps {
5
6
  value?: string;
6
7
  onValueChange: (value: string) => void;
@@ -31,7 +32,7 @@ export function TimePicker(props: TimePickerProps) {
31
32
  height: 40,
32
33
  paddingLeft: 8,
33
34
  paddingRight: 8,
34
- borderRadius: 8,
35
+ borderRadius: CONTROL_RADIUS,
35
36
  borderWidth: 1,
36
37
  borderStyle: "solid",
37
38
  borderColor: colors.border,
package/src/triage_row.tsx CHANGED
@@ -74,9 +74,9 @@ export function TriageRow(props: TriageRowProps) {
74
74
  </Text>
75
75
  ) : (
76
76
  <View style={styles.footer}>
77
- {props.onOverride ? <Button title="Reclassify" color="muted" shape="rounded" onPress={props.onOverride} /> : null}
78
- {props.onDismiss ? <Button title="Dismiss" color="muted" shape="rounded" onPress={props.onDismiss} /> : null}
79
- {props.onAccept ? <Button title="Accept" color="primary" shape="rounded" onPress={props.onAccept} /> : null}
77
+ {props.onOverride ? <Button title="Reclassify" color="muted" onPress={props.onOverride} /> : null}
78
+ {props.onDismiss ? <Button title="Dismiss" color="muted" onPress={props.onDismiss} /> : null}
79
+ {props.onAccept ? <Button title="Accept" color="primary" onPress={props.onAccept} /> : null}
80
80
  </View>
81
81
  )}
82
82
  </View>