@jobber/components-native 0.107.1 → 0.107.3

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.
@@ -238,8 +238,8 @@ export function ChipInvalidExample(
238
238
  single-select, multi-select, and add/dismiss functionality "out of the box"
239
239
  * [FilterPicker](/components/FilterPicker) is most commonly triggered by a Chip,
240
240
  but is a separate component
241
- * [Select](../Select/Select.md) is a simpler single-select "dropdown" that
242
- presents as a form element and should be preferred in forms
241
+ * [LegacySelect](/components/LegacySelect) is a simpler single-select "dropdown"
242
+ that presents as a form element and should be preferred in forms
243
243
  * [RadioGroup](/components/RadioGroup) should be used to allow the user to
244
244
  select "one-of-many" items (single-select) and the labels for the items are
245
245
  longer than 1 or 2 words.
@@ -18,11 +18,11 @@ have a `value` and `onChange` prop.
18
18
  ### Inputs
19
19
 
20
20
  Form can accept various inputs and selection elements such as (but not limited
21
- to) [InputText](../InputText/InputText.md), [Select](../Select/Select.md),
22
- [Switch](../Switch/Switch.md), [Checkbox](../Checkbox/Checkbox.md), and
23
- [Chips](/components/Chips). They should be placed [Cards](../Card/Card.md) to
24
- indicate grouping when relevant, and groups of Cards can be spaced appropriately
25
- using ContentSection.
21
+ to) [InputText](../InputText/InputText.md),
22
+ [LegacySelect](/components/LegacySelect), [Switch](../Switch/Switch.md),
23
+ [Checkbox](../Checkbox/Checkbox.md), and [Chips](/components/Chips). They should be
24
+ placed [Cards](../Card/Card.md) to indicate grouping when relevant, and groups
25
+ of Cards can be spaced appropriately using ContentSection.
26
26
 
27
27
  ### Save Button label
28
28
 
@@ -417,6 +417,7 @@ export function IconSizesExample() {
417
417
  | | `future` |
418
418
  | | `history` |
419
419
  | | `import` |
420
+ | | `merge` |
420
421
  | | `redo` |
421
422
  | | `remove` |
422
423
  | | `search` |
@@ -21,6 +21,7 @@ for the “emptiness” may include, but are not limited to…
21
21
  * Search results with no match
22
22
  * An error has resulted in the user not being able to access content they
23
23
  otherwise could
24
+ * A specific field doesn't have a value (for example, a custom field that the user hasn't populated)
24
25
 
25
26
  ## Solution
26
27
 
@@ -63,6 +64,34 @@ a single Banner can look out of place.
63
64
  </Box>
64
65
  ```
65
66
 
67
+ ### Field-level empty states
68
+
69
+ When a field doesn't have a value, use a dash to indicate the lack of a value.
70
+ This provides:
71
+
72
+ * confirmation that nothing was entered
73
+ * confirmation that something *can* be entered there should the information require an update
74
+
75
+ ```tsx
76
+ <Card>
77
+ <Content>
78
+ <Heading level={4}>Additional details</Heading>
79
+ <Stack gap="smallest">
80
+ <Text size="small" variation="subdued">Preferred service date</Text>
81
+ <Text>June 25, 2026</Text>
82
+ </Stack>
83
+ <Stack gap="smallest">
84
+ <Text size="small" variation="subdued">Gate code</Text>
85
+ <Text>—</Text>
86
+ </Stack>
87
+ <Stack gap="smallest">
88
+ <Text size="small" variation="subdued">Additional requests</Text>
89
+ <Text>—</Text>
90
+ </Stack>
91
+ </Content>
92
+ </Card>
93
+ ```
94
+
66
95
  ### When the user can't add content
67
96
 
68
97
  When a card is empty, and there is no way for the user to add content, you
@@ -52,7 +52,6 @@
52
52
  [Radii](./Radii/Radii.md)
53
53
  [ResponsiveBreakpoint](./ResponsiveBreakpoint/ResponsiveBreakpoint.md)
54
54
  [scaffolding](./scaffolding/scaffolding.md)
55
- [Select](./Select/Select.md)
56
55
  [settings](./settings/settings.md)
57
56
  [Spacing](./Spacing/Spacing.md)
58
57
  [StatusLabel](./StatusLabel/StatusLabel.md)
package/dist/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jobber/components-native",
3
- "version": "0.107.1",
3
+ "version": "0.107.3",
4
4
  "license": "MIT",
5
5
  "description": "React Native implementation of Atlantis",
6
6
  "repository": {
@@ -73,7 +73,7 @@
73
73
  "devDependencies": {
74
74
  "@babel/runtime": "^7.29.2",
75
75
  "@gorhom/bottom-sheet": "^5.2.8",
76
- "@jobber/design": "0.106.0",
76
+ "@jobber/design": "0.107.0",
77
77
  "@jobber/hooks": "2.21.0",
78
78
  "@react-native-community/datetimepicker": "^8.4.5",
79
79
  "@react-native/babel-preset": "^0.82.1",
@@ -124,5 +124,5 @@
124
124
  "react-native-screens": ">=4.18.0",
125
125
  "react-native-svg": ">=12.0.0"
126
126
  },
127
- "gitHead": "c5da7c5d3db964c4803ccf359bc4e59ed63f668d"
127
+ "gitHead": "f56f1035f43410c3b2597e5198adf7fdce8b3453"
128
128
  }