@scripso-homepad/ui 0.4.5 → 0.4.7
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/dist/{chunk-66WR57JJ.js → chunk-7KLVMNDM.js} +15 -10
- package/dist/chunk-7KLVMNDM.js.map +1 -0
- package/dist/index.cjs +54 -18
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +5 -3
- package/dist/index.d.ts +5 -3
- package/dist/index.js +44 -13
- package/dist/index.js.map +1 -1
- package/dist/web/index.cjs +12 -7
- package/dist/web/index.cjs.map +1 -1
- package/dist/web/index.js +1 -1
- package/package.json +1 -1
- package/src/components/Select.tsx +43 -13
- package/src/theme/input.ts +12 -8
- package/src/theme/select.ts +28 -5
- package/src/theme/tokens.ts +2 -2
- package/dist/chunk-66WR57JJ.js.map +0 -1
package/dist/web/index.cjs
CHANGED
|
@@ -28625,8 +28625,7 @@ var INPUT_HEIGHT = 52;
|
|
|
28625
28625
|
var INPUT_ICON_SIZE = 20;
|
|
28626
28626
|
var INPUT_ICON_GAP = 10;
|
|
28627
28627
|
var INPUT_OUTLINE_WIDTH = 2;
|
|
28628
|
-
var
|
|
28629
|
-
var INPUT_WEB_INNER_LINE_HEIGHT = 22;
|
|
28628
|
+
var INPUT_TEXT_LINE_HEIGHT = 19;
|
|
28630
28629
|
var INPUT_WEB_VERTICAL_PADDING = 14;
|
|
28631
28630
|
function resolveInputVisualState({
|
|
28632
28631
|
focused = false,
|
|
@@ -28650,7 +28649,16 @@ function createOutlineStyle(ringColor) {
|
|
|
28650
28649
|
...reactNative.Platform.OS !== "web" ? { overflow: "hidden" } : null
|
|
28651
28650
|
};
|
|
28652
28651
|
}
|
|
28653
|
-
var defaultOutline =
|
|
28652
|
+
var defaultOutline = {
|
|
28653
|
+
borderRadius: radii.lg,
|
|
28654
|
+
borderWidth: 0,
|
|
28655
|
+
borderColor: colors.transparent,
|
|
28656
|
+
padding: 0,
|
|
28657
|
+
backgroundColor: colors.transparent,
|
|
28658
|
+
width: "100%",
|
|
28659
|
+
alignSelf: "stretch",
|
|
28660
|
+
...reactNative.Platform.OS !== "web" ? { overflow: "hidden" } : null
|
|
28661
|
+
};
|
|
28654
28662
|
function getInputFieldStyles(state) {
|
|
28655
28663
|
const containerBase = {
|
|
28656
28664
|
borderRadius: radii.lg,
|
|
@@ -28716,8 +28724,6 @@ var inputFieldMetrics = reactNative.StyleSheet.create({
|
|
|
28716
28724
|
flexDirection: "row",
|
|
28717
28725
|
alignItems: "center",
|
|
28718
28726
|
height: INPUT_HEIGHT,
|
|
28719
|
-
minHeight: INPUT_HEIGHT,
|
|
28720
|
-
maxHeight: INPUT_HEIGHT,
|
|
28721
28727
|
borderRadius: radii.lg,
|
|
28722
28728
|
padding: 16,
|
|
28723
28729
|
gap: INPUT_ICON_GAP,
|
|
@@ -28733,7 +28739,7 @@ var inputFieldMetrics = reactNative.StyleSheet.create({
|
|
|
28733
28739
|
fontFamily: fonts.sans,
|
|
28734
28740
|
fontSize: fontSize.md,
|
|
28735
28741
|
fontWeight: fontWeight.medium,
|
|
28736
|
-
lineHeight:
|
|
28742
|
+
lineHeight: INPUT_TEXT_LINE_HEIGHT,
|
|
28737
28743
|
paddingVertical: 0,
|
|
28738
28744
|
paddingHorizontal: 0,
|
|
28739
28745
|
margin: 0,
|
|
@@ -28742,7 +28748,6 @@ var inputFieldMetrics = reactNative.StyleSheet.create({
|
|
|
28742
28748
|
...reactNative.Platform.OS === "android" ? { includeFontPadding: false } : null,
|
|
28743
28749
|
...reactNative.Platform.OS === "web" ? {
|
|
28744
28750
|
alignSelf: "center",
|
|
28745
|
-
lineHeight: INPUT_WEB_INNER_LINE_HEIGHT,
|
|
28746
28751
|
outlineStyle: "none"
|
|
28747
28752
|
} : {
|
|
28748
28753
|
alignSelf: "stretch"
|