@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.
- package/CHANGELOG.md +3 -5
- package/dist/definitions/forms/InputText/InputText.d.ts.map +1 -1
- package/dist/definitions/forms/InputText/InputTextContainer.d.ts +1 -2
- package/dist/definitions/forms/InputText/InputTextContainer.d.ts.map +1 -1
- package/dist/definitions/forms/InputText/InputTextContainer.web.d.ts +4 -0
- package/dist/definitions/forms/InputText/InputTextContainer.web.d.ts.map +1 -0
- package/dist/definitions/themes/late-ocean/input.d.ts.map +1 -1
- package/dist/definitions/typography/Typography.d.ts +1 -1
- package/dist/definitions/typography/Typography.d.ts.map +1 -1
- package/dist/index-metro.es.android.js +38 -60
- package/dist/index-metro.es.android.js.map +1 -1
- package/dist/index-metro.es.ios.js +38 -60
- package/dist/index-metro.es.ios.js.map +1 -1
- package/dist/index-node-22.17.cjs.js +38 -60
- package/dist/index-node-22.17.cjs.js.map +1 -1
- package/dist/index-node-22.17.cjs.web.css +1 -0
- package/dist/index-node-22.17.cjs.web.js +39 -62
- package/dist/index-node-22.17.cjs.web.js.map +1 -1
- package/dist/index-node-22.17.es.mjs +38 -60
- package/dist/index-node-22.17.es.mjs.map +1 -1
- package/dist/index-node-22.17.es.web.css +1 -0
- package/dist/index-node-22.17.es.web.mjs +39 -62
- package/dist/index-node-22.17.es.web.mjs.map +1 -1
- package/dist/index.es.js +40 -63
- package/dist/index.es.js.map +1 -1
- package/dist/index.es.web.js +41 -65
- package/dist/index.es.web.js.map +1 -1
- package/dist/linaria-themes-metro.es.android.js +1 -0
- package/dist/linaria-themes-metro.es.android.js.map +1 -1
- package/dist/linaria-themes-metro.es.ios.js +1 -0
- package/dist/linaria-themes-metro.es.ios.js.map +1 -1
- package/dist/linaria-themes-node-22.17.cjs.js +1 -0
- package/dist/linaria-themes-node-22.17.cjs.js.map +1 -1
- package/dist/linaria-themes-node-22.17.cjs.web.js +1 -0
- package/dist/linaria-themes-node-22.17.cjs.web.js.map +1 -1
- package/dist/linaria-themes-node-22.17.es.mjs +1 -0
- package/dist/linaria-themes-node-22.17.es.mjs.map +1 -1
- package/dist/linaria-themes-node-22.17.es.web.mjs +1 -0
- package/dist/linaria-themes-node-22.17.es.web.mjs.map +1 -1
- package/dist/linaria-themes.es.js +1 -0
- package/dist/linaria-themes.es.js.map +1 -1
- package/dist/linaria-themes.es.web.js +1 -0
- package/dist/linaria-themes.es.web.js.map +1 -1
- package/dist/styles.css +1 -0
- package/dist/tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -1144,6 +1144,7 @@ const inputStatesStyle = {
|
|
|
1144
1144
|
color: deepPurpleColorPalette.black
|
|
1145
1145
|
},
|
|
1146
1146
|
hover: {
|
|
1147
|
+
backgroundColor: deepPurpleColorPalette['beige.1'],
|
|
1147
1148
|
borderColor: deepPurpleColorPalette['beige.4'],
|
|
1148
1149
|
color: deepPurpleColorPalette.black
|
|
1149
1150
|
},
|
|
@@ -5549,29 +5550,11 @@ function InputPressable({
|
|
|
5549
5550
|
}
|
|
5550
5551
|
|
|
5551
5552
|
function InputTextContainer({
|
|
5552
|
-
children
|
|
5553
|
-
isHovered
|
|
5553
|
+
children
|
|
5554
5554
|
}) {
|
|
5555
|
-
|
|
5556
|
-
|
|
5557
|
-
|
|
5558
|
-
borderRadius: input.borderRadius
|
|
5559
|
-
});
|
|
5560
|
-
const animatedBackground = Animated.useAnimatedStyle(() => {
|
|
5561
|
-
const baseBackgroundColor = theme.kitt.palettes.deepPurple.white;
|
|
5562
|
-
const hoverBackgroundColor = theme.kitt.palettes.deepPurple['beige.1'];
|
|
5563
|
-
return {
|
|
5564
|
-
backgroundColor: Animated.withTiming(isHovered ? hoverBackgroundColor : baseBackgroundColor, {
|
|
5565
|
-
duration: 200
|
|
5566
|
-
})
|
|
5567
|
-
};
|
|
5568
|
-
}, [isHovered, theme]);
|
|
5569
|
-
return /*#__PURE__*/jsxRuntime.jsx(Animated__default.View, {
|
|
5570
|
-
style: [styles, animatedBackground],
|
|
5571
|
-
children: /*#__PURE__*/jsxRuntime.jsx(View, {
|
|
5572
|
-
position: "relative",
|
|
5573
|
-
children: children
|
|
5574
|
-
})
|
|
5555
|
+
return /*#__PURE__*/jsxRuntime.jsx(View, {
|
|
5556
|
+
position: "relative",
|
|
5557
|
+
children: children
|
|
5575
5558
|
});
|
|
5576
5559
|
}
|
|
5577
5560
|
|
|
@@ -5596,44 +5579,39 @@ const InputText = /*#__PURE__*/React.forwardRef(({
|
|
|
5596
5579
|
base: 'body-m'
|
|
5597
5580
|
});
|
|
5598
5581
|
const shouldHandleSingleLineOnIOS = reactNative.Platform.OS === 'ios' && !multiline;
|
|
5599
|
-
return /*#__PURE__*/jsxRuntime.
|
|
5600
|
-
children: ({
|
|
5601
|
-
|
|
5602
|
-
|
|
5603
|
-
|
|
5604
|
-
|
|
5605
|
-
|
|
5606
|
-
|
|
5607
|
-
|
|
5608
|
-
|
|
5609
|
-
|
|
5610
|
-
|
|
5611
|
-
|
|
5612
|
-
|
|
5613
|
-
|
|
5614
|
-
|
|
5615
|
-
|
|
5616
|
-
|
|
5617
|
-
|
|
5618
|
-
|
|
5619
|
-
|
|
5620
|
-
|
|
5621
|
-
|
|
5622
|
-
|
|
5623
|
-
|
|
5624
|
-
|
|
5625
|
-
|
|
5626
|
-
|
|
5627
|
-
|
|
5628
|
-
|
|
5629
|
-
|
|
5630
|
-
|
|
5631
|
-
|
|
5632
|
-
justifyContent: "center",
|
|
5633
|
-
padding: theme.kitt.forms.input.rightContainer.padding,
|
|
5634
|
-
children: right
|
|
5635
|
-
}) : null]
|
|
5636
|
-
})
|
|
5582
|
+
return /*#__PURE__*/jsxRuntime.jsxs(InputTextContainer, {
|
|
5583
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(nativeBase.Input, {
|
|
5584
|
+
ref: ref,
|
|
5585
|
+
multiline: multiline,
|
|
5586
|
+
id: id,
|
|
5587
|
+
isDisabled: internalForceState ? internalForceState === 'disabled' : disabled,
|
|
5588
|
+
isHovered: internalForceState ? internalForceState === 'hover' : undefined,
|
|
5589
|
+
isFocused: internalForceState ? internalForceState === 'focus' : undefined,
|
|
5590
|
+
inputMode: inputMode,
|
|
5591
|
+
autoComplete: autoComplete,
|
|
5592
|
+
autoCorrect: autoCorrect,
|
|
5593
|
+
textContentType: textContentType,
|
|
5594
|
+
fontSize: fontSizeForNativeBase,
|
|
5595
|
+
lineHeight:
|
|
5596
|
+
// On basic text input, we set the line-height to zero for iOS to fix vertical text alignment
|
|
5597
|
+
// This is a iOS only fix since having 0 as a line-height value breaks text inputs on Android
|
|
5598
|
+
shouldHandleSingleLineOnIOS ? 0 : fontSizeForNativeBase,
|
|
5599
|
+
fontWeight: "bodies.regular",
|
|
5600
|
+
fontFamily: "bodies.regular",
|
|
5601
|
+
py: !multiline && reactNative.Platform.OS !== 'web' ? 0 : undefined,
|
|
5602
|
+
variant: variant,
|
|
5603
|
+
...props,
|
|
5604
|
+
height: multiline ? height : 'kitt.forms.input.minHeight',
|
|
5605
|
+
onSubmitEditing: multiline ? () => null : onSubmitEditing
|
|
5606
|
+
}), right ? /*#__PURE__*/jsxRuntime.jsx(View, {
|
|
5607
|
+
position: "absolute",
|
|
5608
|
+
right: 0,
|
|
5609
|
+
top: 0,
|
|
5610
|
+
bottom: 0,
|
|
5611
|
+
justifyContent: "center",
|
|
5612
|
+
padding: theme.kitt.forms.input.rightContainer.padding,
|
|
5613
|
+
children: right
|
|
5614
|
+
}) : null]
|
|
5637
5615
|
});
|
|
5638
5616
|
});
|
|
5639
5617
|
|