@proulr/sdui-components 0.1.16 → 0.1.17

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": "@proulr/sdui-components",
3
- "version": "0.1.16",
3
+ "version": "0.1.17",
4
4
  "main": "./src/renderer/index.ts",
5
5
  "types": "./src/renderer/index.ts",
6
6
  "exports": {
@@ -295,7 +295,9 @@ export function SduiChipRowBlock({ block, children }: SduiBlockRenderProps) {
295
295
  <ScrollView
296
296
  horizontal
297
297
  showsHorizontalScrollIndicator={false}
298
+ style={styles.chipRowScroll}
298
299
  contentContainerStyle={[styles.chipRow, isHeader && styles.chipRowOnHeader]}
300
+ keyboardShouldPersistTaps="handled"
299
301
  >
300
302
  {children}
301
303
  </ScrollView>
@@ -439,17 +441,27 @@ const styles = StyleSheet.create({
439
441
  fontWeight: '600',
440
442
  fontFamily: fonts.semibold,
441
443
  },
444
+ chipRowScroll: {
445
+ flexGrow: 0,
446
+ flexShrink: 0,
447
+ alignSelf: 'stretch',
448
+ },
442
449
  chipRow: {
443
450
  flexDirection: 'row',
444
- gap: spacing.sm,
451
+ alignItems: 'center',
452
+ gap: spacing.xs,
445
453
  paddingHorizontal: spacing.sm,
454
+ paddingVertical: 0,
446
455
  },
447
456
  chipRowOnHeader: {
448
- paddingHorizontal: 0,
457
+ paddingHorizontal: spacing.sm,
449
458
  },
450
459
  chip: {
451
- paddingHorizontal: spacing.md,
452
- paddingVertical: spacing.sm,
460
+ flexDirection: 'row',
461
+ alignItems: 'center',
462
+ alignSelf: 'center',
463
+ paddingHorizontal: spacing.sm + 2,
464
+ paddingVertical: spacing.xs,
453
465
  borderRadius: m3Shape.cornerFull,
454
466
  backgroundColor: m3Colors.surfaceContainerHigh,
455
467
  borderWidth: 1,
@@ -465,8 +477,8 @@ const styles = StyleSheet.create({
465
477
  },
466
478
  chipLabel: {
467
479
  color: m3Colors.onSurface,
468
- fontSize: 13,
469
- fontFamily: fonts.medium,
480
+ fontSize: 12,
481
+ fontFamily: fonts.semibold,
470
482
  },
471
483
  chipLabelActive: {
472
484
  color: m3Colors.onPrimaryContainer,
@@ -224,6 +224,9 @@ export function SduiProfileVisitsCapabilitiesBlock(props: SduiBlockRenderProps)
224
224
  const styles = StyleSheet.create({
225
225
  segmentTrack: {
226
226
  flexDirection: 'row',
227
+ flexGrow: 0,
228
+ flexShrink: 0,
229
+ alignSelf: 'stretch',
227
230
  gap: spacing.sm,
228
231
  backgroundColor: m3Colors.surfaceContainerHigh,
229
232
  borderRadius: m3Shape.cornerFull,