@scripso-homepad/ui 0.4.23 → 0.4.24

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 (18) hide show
  1. package/dist/{chunk-KJYQA5OY.js → chunk-JNVYKEYT.js} +11 -11
  2. package/dist/chunk-JNVYKEYT.js.map +1 -0
  3. package/dist/index.cjs +23 -14
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.d.cts +8 -8
  6. package/dist/index.d.ts +8 -8
  7. package/dist/index.js +22 -13
  8. package/dist/index.js.map +1 -1
  9. package/dist/web/index.cjs.map +1 -1
  10. package/dist/web/index.css +1 -1
  11. package/dist/web/index.css.map +1 -1
  12. package/dist/web/index.js +1 -1
  13. package/package.json +1 -1
  14. package/src/components/CountryCodeSelector.tsx +3 -1
  15. package/src/components/PhoneInput.tsx +23 -9
  16. package/src/theme/tokens.ts +8 -8
  17. package/src/web/components/sonner-toast.css +1 -1
  18. package/dist/chunk-KJYQA5OY.js.map +0 -1
package/dist/index.d.cts CHANGED
@@ -522,21 +522,21 @@ declare const shadows: {
522
522
  readonly shadowColor: "#082640";
523
523
  readonly shadowOffset: {
524
524
  readonly width: 0;
525
- readonly height: 4;
525
+ readonly height: 1;
526
526
  };
527
- readonly shadowOpacity: 0.05;
528
- readonly shadowRadius: 20;
529
- readonly elevation: 2;
527
+ readonly shadowOpacity: 0.06;
528
+ readonly shadowRadius: 4;
529
+ readonly elevation: 1;
530
530
  };
531
531
  readonly cardLg: {
532
532
  readonly shadowColor: "#082640";
533
533
  readonly shadowOffset: {
534
534
  readonly width: 0;
535
- readonly height: 4;
535
+ readonly height: 2;
536
536
  };
537
- readonly shadowOpacity: 0.1;
538
- readonly shadowRadius: 20;
539
- readonly elevation: 4;
537
+ readonly shadowOpacity: 0.08;
538
+ readonly shadowRadius: 6;
539
+ readonly elevation: 2;
540
540
  };
541
541
  };
542
542
 
package/dist/index.d.ts CHANGED
@@ -522,21 +522,21 @@ declare const shadows: {
522
522
  readonly shadowColor: "#082640";
523
523
  readonly shadowOffset: {
524
524
  readonly width: 0;
525
- readonly height: 4;
525
+ readonly height: 1;
526
526
  };
527
- readonly shadowOpacity: 0.05;
528
- readonly shadowRadius: 20;
529
- readonly elevation: 2;
527
+ readonly shadowOpacity: 0.06;
528
+ readonly shadowRadius: 4;
529
+ readonly elevation: 1;
530
530
  };
531
531
  readonly cardLg: {
532
532
  readonly shadowColor: "#082640";
533
533
  readonly shadowOffset: {
534
534
  readonly width: 0;
535
- readonly height: 4;
535
+ readonly height: 2;
536
536
  };
537
- readonly shadowOpacity: 0.1;
538
- readonly shadowRadius: 20;
539
- readonly elevation: 4;
537
+ readonly shadowOpacity: 0.08;
538
+ readonly shadowRadius: 6;
539
+ readonly elevation: 2;
540
540
  };
541
541
  };
542
542
 
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
- import { spacing, colors, fontWeight, fontSize, fonts, radii, INPUT_ICON_GAP, useApplyWebClassName, resolveInputVisualState, Label, getInputFieldStyles, inputFieldMetrics } from './chunk-KJYQA5OY.js';
2
- export { Button, Input, Label, brand, buttonTypography, colors, emeraldGreen, fontSize, fontWeight, fonts, labelTypography, navy, radii, rubyRed, shadows, spacing, stormGray, typographyScale } from './chunk-KJYQA5OY.js';
1
+ import { spacing, colors, fontWeight, fontSize, fonts, radii, INPUT_HEIGHT, INPUT_OUTLINE_WIDTH, INPUT_ICON_GAP, useApplyWebClassName, resolveInputVisualState, Label, getInputFieldStyles, inputFieldMetrics } from './chunk-JNVYKEYT.js';
2
+ export { Button, Input, Label, brand, buttonTypography, colors, emeraldGreen, fontSize, fontWeight, fonts, labelTypography, navy, radii, rubyRed, shadows, spacing, stormGray, typographyScale } from './chunk-JNVYKEYT.js';
3
3
  import { createContext, useRef, useState, useMemo, useEffect, useLayoutEffect, useContext, isValidElement, cloneElement } from 'react';
4
4
  import { Platform, StyleSheet, Animated, Easing, View, Pressable, Text, Modal, ScrollView, Image, TextInput, Dimensions } from 'react-native';
5
5
  import Svg2, { Path } from 'react-native-svg';
@@ -65,11 +65,11 @@ var selectValueTypography = {
65
65
  letterSpacing: 0,
66
66
  textAlign: "left"
67
67
  };
68
- var INPUT_OUTLINE_WIDTH = 2;
68
+ var INPUT_OUTLINE_WIDTH2 = 2;
69
69
  function createOutlineStyle(ringColor) {
70
70
  return {
71
- borderRadius: radii.lg + INPUT_OUTLINE_WIDTH,
72
- borderWidth: INPUT_OUTLINE_WIDTH,
71
+ borderRadius: radii.lg + INPUT_OUTLINE_WIDTH2,
72
+ borderWidth: INPUT_OUTLINE_WIDTH2,
73
73
  borderColor: ringColor,
74
74
  padding: 0,
75
75
  backgroundColor: colors.transparent,
@@ -79,8 +79,8 @@ function createOutlineStyle(ringColor) {
79
79
  };
80
80
  }
81
81
  var defaultOutline = {
82
- borderRadius: radii.lg + INPUT_OUTLINE_WIDTH,
83
- borderWidth: INPUT_OUTLINE_WIDTH,
82
+ borderRadius: radii.lg + INPUT_OUTLINE_WIDTH2,
83
+ borderWidth: INPUT_OUTLINE_WIDTH2,
84
84
  borderColor: colors.transparent,
85
85
  padding: 0,
86
86
  backgroundColor: colors.transparent,
@@ -920,7 +920,7 @@ var DROPDOWN_HEIGHT = 186;
920
920
  var DROPDOWN_PADDING = 8;
921
921
  var OPTION_GAP = 10;
922
922
  var OPTION_HEIGHT = 35;
923
- var TRIGGER_HEIGHT = 52;
923
+ var TRIGGER_HEIGHT = INPUT_HEIGHT;
924
924
  var CHEVRON_SIZE = 16;
925
925
  function resolveDropdownTop(anchor) {
926
926
  const windowHeight = Dimensions.get("window").height;
@@ -1127,6 +1127,13 @@ var styles3 = StyleSheet.create({
1127
1127
  color: colors.slateBlue
1128
1128
  }
1129
1129
  });
1130
+ var countryOutlineSlot = {
1131
+ borderRadius: radii.lg + INPUT_OUTLINE_WIDTH,
1132
+ borderWidth: INPUT_OUTLINE_WIDTH,
1133
+ borderColor: colors.transparent,
1134
+ padding: 0,
1135
+ backgroundColor: colors.transparent
1136
+ };
1130
1137
  function sanitizePhoneDigits(value) {
1131
1138
  return value.replace(/\D/g, "");
1132
1139
  }
@@ -1187,7 +1194,7 @@ function PhoneInput({
1187
1194
  }
1188
1195
  ) : null,
1189
1196
  /* @__PURE__ */ jsxs(View, { style: styles4.row, children: [
1190
- /* @__PURE__ */ jsx(
1197
+ /* @__PURE__ */ jsx(View, { style: [countryOutlineSlot, styles4.countryOutline], children: /* @__PURE__ */ jsx(
1191
1198
  CountryCodeSelector,
1192
1199
  {
1193
1200
  value: countryCode,
@@ -1195,7 +1202,7 @@ function PhoneInput({
1195
1202
  disabled: isDisabled,
1196
1203
  style: styles4.countrySelector
1197
1204
  }
1198
- ),
1205
+ ) }),
1199
1206
  /* @__PURE__ */ jsx(View, { style: [phoneFieldStyles.outline, styles4.phoneOutline], children: /* @__PURE__ */ jsx(
1200
1207
  View,
1201
1208
  {
@@ -1237,12 +1244,14 @@ var styles4 = StyleSheet.create({
1237
1244
  },
1238
1245
  row: {
1239
1246
  flexDirection: "row",
1240
- alignItems: "flex-start",
1247
+ alignItems: "center",
1241
1248
  gap: INPUT_ICON_GAP
1242
1249
  },
1250
+ countryOutline: {
1251
+ flexShrink: 0
1252
+ },
1243
1253
  countrySelector: {
1244
- flexShrink: 0,
1245
- alignSelf: "flex-start"
1254
+ flexShrink: 0
1246
1255
  },
1247
1256
  phoneOutline: {
1248
1257
  flex: 1