@ornikar/kitt-universal 32.3.1-canary.282229fbcb79b0e70662d8927eccac40f40e40d3.0 → 32.3.1-canary.6b90c05af1040921f0d857fd4a69c684619f4975.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 (46) hide show
  1. package/CHANGELOG.md +3 -5
  2. package/dist/definitions/forms/InputText/InputText.d.ts.map +1 -1
  3. package/dist/definitions/forms/InputText/InputTextContainer.d.ts +1 -2
  4. package/dist/definitions/forms/InputText/InputTextContainer.d.ts.map +1 -1
  5. package/dist/definitions/forms/InputText/InputTextContainer.web.d.ts +4 -0
  6. package/dist/definitions/forms/InputText/InputTextContainer.web.d.ts.map +1 -0
  7. package/dist/definitions/themes/late-ocean/input.d.ts.map +1 -1
  8. package/dist/definitions/typography/Typography.d.ts +1 -1
  9. package/dist/definitions/typography/Typography.d.ts.map +1 -1
  10. package/dist/index-metro.es.android.js +38 -60
  11. package/dist/index-metro.es.android.js.map +1 -1
  12. package/dist/index-metro.es.ios.js +38 -60
  13. package/dist/index-metro.es.ios.js.map +1 -1
  14. package/dist/index-node-22.17.cjs.js +38 -60
  15. package/dist/index-node-22.17.cjs.js.map +1 -1
  16. package/dist/index-node-22.17.cjs.web.css +1 -0
  17. package/dist/index-node-22.17.cjs.web.js +39 -62
  18. package/dist/index-node-22.17.cjs.web.js.map +1 -1
  19. package/dist/index-node-22.17.es.mjs +38 -60
  20. package/dist/index-node-22.17.es.mjs.map +1 -1
  21. package/dist/index-node-22.17.es.web.css +1 -0
  22. package/dist/index-node-22.17.es.web.mjs +39 -62
  23. package/dist/index-node-22.17.es.web.mjs.map +1 -1
  24. package/dist/index.es.js +40 -63
  25. package/dist/index.es.js.map +1 -1
  26. package/dist/index.es.web.js +41 -65
  27. package/dist/index.es.web.js.map +1 -1
  28. package/dist/linaria-themes-metro.es.android.js +1 -0
  29. package/dist/linaria-themes-metro.es.android.js.map +1 -1
  30. package/dist/linaria-themes-metro.es.ios.js +1 -0
  31. package/dist/linaria-themes-metro.es.ios.js.map +1 -1
  32. package/dist/linaria-themes-node-22.17.cjs.js +1 -0
  33. package/dist/linaria-themes-node-22.17.cjs.js.map +1 -1
  34. package/dist/linaria-themes-node-22.17.cjs.web.js +1 -0
  35. package/dist/linaria-themes-node-22.17.cjs.web.js.map +1 -1
  36. package/dist/linaria-themes-node-22.17.es.mjs +1 -0
  37. package/dist/linaria-themes-node-22.17.es.mjs.map +1 -1
  38. package/dist/linaria-themes-node-22.17.es.web.mjs +1 -0
  39. package/dist/linaria-themes-node-22.17.es.web.mjs.map +1 -1
  40. package/dist/linaria-themes.es.js +1 -0
  41. package/dist/linaria-themes.es.js.map +1 -1
  42. package/dist/linaria-themes.es.web.js +1 -0
  43. package/dist/linaria-themes.es.web.js.map +1 -1
  44. package/dist/styles.css +1 -0
  45. package/dist/tsbuildinfo +1 -1
  46. package/package.json +1 -1
@@ -1120,6 +1120,7 @@ const inputStatesStyle = {
1120
1120
  color: deepPurpleColorPalette.black
1121
1121
  },
1122
1122
  hover: {
1123
+ backgroundColor: deepPurpleColorPalette['beige.1'],
1123
1124
  borderColor: deepPurpleColorPalette['beige.4'],
1124
1125
  color: deepPurpleColorPalette.black
1125
1126
  },
@@ -5525,29 +5526,11 @@ function InputPressable({
5525
5526
  }
5526
5527
 
5527
5528
  function InputTextContainer({
5528
- children,
5529
- isHovered
5529
+ children
5530
5530
  }) {
5531
- const theme = useTheme();
5532
- const sx = useSx();
5533
- const styles = sx({
5534
- borderRadius: input.borderRadius
5535
- });
5536
- const animatedBackground = useAnimatedStyle(() => {
5537
- const baseBackgroundColor = theme.kitt.palettes.deepPurple.white;
5538
- const hoverBackgroundColor = theme.kitt.palettes.deepPurple['beige.1'];
5539
- return {
5540
- backgroundColor: withTiming(isHovered ? hoverBackgroundColor : baseBackgroundColor, {
5541
- duration: 200
5542
- })
5543
- };
5544
- }, [isHovered, theme]);
5545
- return /*#__PURE__*/jsx(Animated.View, {
5546
- style: [styles, animatedBackground],
5547
- children: /*#__PURE__*/jsx(View, {
5548
- position: "relative",
5549
- children: children
5550
- })
5531
+ return /*#__PURE__*/jsx(View, {
5532
+ position: "relative",
5533
+ children: children
5551
5534
  });
5552
5535
  }
5553
5536
 
@@ -5572,44 +5555,39 @@ const InputText = /*#__PURE__*/forwardRef(({
5572
5555
  base: 'body-m'
5573
5556
  });
5574
5557
  const shouldHandleSingleLineOnIOS = Platform.OS === 'ios' && !multiline;
5575
- return /*#__PURE__*/jsx(Pressable, {
5576
- children: ({
5577
- isHovered
5578
- }) => /*#__PURE__*/jsxs(InputTextContainer, {
5579
- isHovered: internalForceState ? internalForceState === 'hover' : isHovered,
5580
- children: [/*#__PURE__*/jsx(Input, {
5581
- ref: ref,
5582
- multiline: multiline,
5583
- id: id,
5584
- isDisabled: internalForceState ? internalForceState === 'disabled' : disabled,
5585
- isHovered: internalForceState ? internalForceState === 'hover' : undefined,
5586
- isFocused: internalForceState ? internalForceState === 'focus' : undefined,
5587
- inputMode: inputMode,
5588
- autoComplete: autoComplete,
5589
- autoCorrect: autoCorrect,
5590
- textContentType: textContentType,
5591
- fontSize: fontSizeForNativeBase,
5592
- lineHeight:
5593
- // On basic text input, we set the line-height to zero for iOS to fix vertical text alignment
5594
- // This is a iOS only fix since having 0 as a line-height value breaks text inputs on Android
5595
- shouldHandleSingleLineOnIOS ? 0 : fontSizeForNativeBase,
5596
- fontWeight: "bodies.regular",
5597
- fontFamily: "bodies.regular",
5598
- py: !multiline && Platform.OS !== 'web' ? 0 : undefined,
5599
- variant: variant,
5600
- ...props,
5601
- height: multiline ? height : 'kitt.forms.input.minHeight',
5602
- onSubmitEditing: multiline ? () => null : onSubmitEditing
5603
- }), right ? /*#__PURE__*/jsx(View, {
5604
- position: "absolute",
5605
- right: 0,
5606
- top: 0,
5607
- bottom: 0,
5608
- justifyContent: "center",
5609
- padding: theme.kitt.forms.input.rightContainer.padding,
5610
- children: right
5611
- }) : null]
5612
- })
5558
+ return /*#__PURE__*/jsxs(InputTextContainer, {
5559
+ children: [/*#__PURE__*/jsx(Input, {
5560
+ ref: ref,
5561
+ multiline: multiline,
5562
+ id: id,
5563
+ isDisabled: internalForceState ? internalForceState === 'disabled' : disabled,
5564
+ isHovered: internalForceState ? internalForceState === 'hover' : undefined,
5565
+ isFocused: internalForceState ? internalForceState === 'focus' : undefined,
5566
+ inputMode: inputMode,
5567
+ autoComplete: autoComplete,
5568
+ autoCorrect: autoCorrect,
5569
+ textContentType: textContentType,
5570
+ fontSize: fontSizeForNativeBase,
5571
+ lineHeight:
5572
+ // On basic text input, we set the line-height to zero for iOS to fix vertical text alignment
5573
+ // This is a iOS only fix since having 0 as a line-height value breaks text inputs on Android
5574
+ shouldHandleSingleLineOnIOS ? 0 : fontSizeForNativeBase,
5575
+ fontWeight: "bodies.regular",
5576
+ fontFamily: "bodies.regular",
5577
+ py: !multiline && Platform.OS !== 'web' ? 0 : undefined,
5578
+ variant: variant,
5579
+ ...props,
5580
+ height: multiline ? height : 'kitt.forms.input.minHeight',
5581
+ onSubmitEditing: multiline ? () => null : onSubmitEditing
5582
+ }), right ? /*#__PURE__*/jsx(View, {
5583
+ position: "absolute",
5584
+ right: 0,
5585
+ top: 0,
5586
+ bottom: 0,
5587
+ justifyContent: "center",
5588
+ padding: theme.kitt.forms.input.rightContainer.padding,
5589
+ children: right
5590
+ }) : null]
5613
5591
  });
5614
5592
  });
5615
5593