@scripso-homepad/ui 0.4.7 → 0.4.8

package/dist/index.d.cts

@@ -259,18 +259,18 @@ declare const stormGray: {
 type StormGrayStep = keyof typeof stormGray;
 /** Navy scale — Figma steps 0 → 8.5 */
 declare const navy: {
-    readonly "0": "#f8f9fb";
-    readonly "0.5": "#e5e9ef";
-    readonly "1": "#cdd3df";
-    readonly "1.5": "#b4bece";
-    readonly "2": "#9ca8be";
-    readonly "3": "#6a7d9e";
-    readonly "4": "#39527d";
-    readonly "5": "#08275d";
-    readonly "6": "#061f4a";
-    readonly "7": "#051738";
-    readonly "8": "#031025";
-    readonly "8.5": "#020c1c";
+    readonly "0": "#f6fafe";
+    readonly "0.5": "#dee5eb";
+    readonly "1": "#c6d0d8";
+    readonly "1.5": "#afbac5";
+    readonly "2": "#97a5b2";
+    readonly "3": "#677b8c";
+    readonly "4": "#385066";
+    readonly "5": "#082640";
+    readonly "6": "#061e33";
+    readonly "7": "#051726";
+    readonly "8": "#030f1a";
+    readonly "8.5": "#020b13";
 };
 type NavyStep = keyof typeof navy;
 /** Ruby Red scale — Figma steps 0 → 8.5 */
@@ -309,7 +309,7 @@ type EmeraldGreenStep = keyof typeof emeraldGreen;
 declare const brand: {
     readonly slateBlue: "#182e3c";
     readonly stormGray: "#455765";
-    readonly navy: "#08275d";
+    readonly navy: "#082640";
     readonly rubyRed: "#ae0011";
     readonly emeraldGreen: "#279d54";
 };
@@ -343,20 +343,20 @@ declare const colors: {
     readonly rubyRed850: "#340005";
     /** Primary brand ruby red — Figma Ruby Red 5 */
     readonly rubyRed: "#ae0011";
-    readonly navy0: "#f8f9fb";
-    readonly navy50: "#e5e9ef";
-    readonly navy100: "#cdd3df";
-    readonly navy150: "#b4bece";
-    readonly navy200: "#9ca8be";
-    readonly navy300: "#6a7d9e";
-    readonly navy400: "#39527d";
-    readonly navy500: "#08275d";
-    readonly navy600: "#061f4a";
-    readonly navy700: "#051738";
-    readonly navy800: "#031025";
-    readonly navy850: "#020c1c";
+    readonly navy0: "#f6fafe";
+    readonly navy50: "#dee5eb";
+    readonly navy100: "#c6d0d8";
+    readonly navy150: "#afbac5";
+    readonly navy200: "#97a5b2";
+    readonly navy300: "#677b8c";
+    readonly navy400: "#385066";
+    readonly navy500: "#082640";
+    readonly navy600: "#061e33";
+    readonly navy700: "#051726";
+    readonly navy800: "#030f1a";
+    readonly navy850: "#020b13";
     /** Primary brand navy — Figma Navy 5 */
-    readonly navy: "#08275d";
+    readonly navy: "#082640";
     readonly stormGray0: "#fbfcfc";
     readonly stormGray50: "#eceef0";
     readonly stormGray100: "#dadde0";
@@ -392,7 +392,7 @@ declare const colors: {
     readonly errorLight: "#fee2e2";
     /** @deprecated Use `rubyRed` */
     readonly inputError: "#ae0011";
-    readonly inputOutlineFocus: "#e5e9ef";
+    readonly inputOutlineFocus: "#dee5eb";
     readonly inputOutlineError: "#f7dddf";
     readonly warning: "#92400e";
     readonly warningBg: "#fef3c7";
@@ -462,7 +462,7 @@ declare const buttonTypography: {
 };
 declare const shadows: {
     readonly card: {
-        readonly shadowColor: "#08275d";
+        readonly shadowColor: "#082640";
         readonly shadowOffset: {
             readonly width: 0;
             readonly height: 4;
@@ -472,7 +472,7 @@ declare const shadows: {
         readonly elevation: 2;
     };
     readonly cardLg: {
-        readonly shadowColor: "#08275d";
+        readonly shadowColor: "#082640";
         readonly shadowOffset: {
             readonly width: 0;
             readonly height: 4;

package/dist/index.d.ts

@@ -259,18 +259,18 @@ declare const stormGray: {
 type StormGrayStep = keyof typeof stormGray;
 /** Navy scale — Figma steps 0 → 8.5 */
 declare const navy: {
-    readonly "0": "#f8f9fb";
-    readonly "0.5": "#e5e9ef";
-    readonly "1": "#cdd3df";
-    readonly "1.5": "#b4bece";
-    readonly "2": "#9ca8be";
-    readonly "3": "#6a7d9e";
-    readonly "4": "#39527d";
-    readonly "5": "#08275d";
-    readonly "6": "#061f4a";
-    readonly "7": "#051738";
-    readonly "8": "#031025";
-    readonly "8.5": "#020c1c";
+    readonly "0": "#f6fafe";
+    readonly "0.5": "#dee5eb";
+    readonly "1": "#c6d0d8";
+    readonly "1.5": "#afbac5";
+    readonly "2": "#97a5b2";
+    readonly "3": "#677b8c";
+    readonly "4": "#385066";
+    readonly "5": "#082640";
+    readonly "6": "#061e33";
+    readonly "7": "#051726";
+    readonly "8": "#030f1a";
+    readonly "8.5": "#020b13";
 };
 type NavyStep = keyof typeof navy;
 /** Ruby Red scale — Figma steps 0 → 8.5 */
@@ -309,7 +309,7 @@ type EmeraldGreenStep = keyof typeof emeraldGreen;
 declare const brand: {
     readonly slateBlue: "#182e3c";
     readonly stormGray: "#455765";
-    readonly navy: "#08275d";
+    readonly navy: "#082640";
     readonly rubyRed: "#ae0011";
     readonly emeraldGreen: "#279d54";
 };
@@ -343,20 +343,20 @@ declare const colors: {
     readonly rubyRed850: "#340005";
     /** Primary brand ruby red — Figma Ruby Red 5 */
     readonly rubyRed: "#ae0011";
-    readonly navy0: "#f8f9fb";
-    readonly navy50: "#e5e9ef";
-    readonly navy100: "#cdd3df";
-    readonly navy150: "#b4bece";
-    readonly navy200: "#9ca8be";
-    readonly navy300: "#6a7d9e";
-    readonly navy400: "#39527d";
-    readonly navy500: "#08275d";
-    readonly navy600: "#061f4a";
-    readonly navy700: "#051738";
-    readonly navy800: "#031025";
-    readonly navy850: "#020c1c";
+    readonly navy0: "#f6fafe";
+    readonly navy50: "#dee5eb";
+    readonly navy100: "#c6d0d8";
+    readonly navy150: "#afbac5";
+    readonly navy200: "#97a5b2";
+    readonly navy300: "#677b8c";
+    readonly navy400: "#385066";
+    readonly navy500: "#082640";
+    readonly navy600: "#061e33";
+    readonly navy700: "#051726";
+    readonly navy800: "#030f1a";
+    readonly navy850: "#020b13";
     /** Primary brand navy — Figma Navy 5 */
-    readonly navy: "#08275d";
+    readonly navy: "#082640";
     readonly stormGray0: "#fbfcfc";
     readonly stormGray50: "#eceef0";
     readonly stormGray100: "#dadde0";
@@ -392,7 +392,7 @@ declare const colors: {
     readonly errorLight: "#fee2e2";
     /** @deprecated Use `rubyRed` */
     readonly inputError: "#ae0011";
-    readonly inputOutlineFocus: "#e5e9ef";
+    readonly inputOutlineFocus: "#dee5eb";
     readonly inputOutlineError: "#f7dddf";
     readonly warning: "#92400e";
     readonly warningBg: "#fef3c7";
@@ -462,7 +462,7 @@ declare const buttonTypography: {
 };
 declare const shadows: {
     readonly card: {
-        readonly shadowColor: "#08275d";
+        readonly shadowColor: "#082640";
         readonly shadowOffset: {
             readonly width: 0;
             readonly height: 4;
@@ -472,7 +472,7 @@ declare const shadows: {
         readonly elevation: 2;
     };
     readonly cardLg: {
-        readonly shadowColor: "#08275d";
+        readonly shadowColor: "#082640";
         readonly shadowOffset: {
             readonly width: 0;
             readonly height: 4;

package/dist/index.js

@@ -1,5 +1,5 @@
-import { colors, buttonTypography, spacing, fontSize, fontWeight, fonts, radii, INPUT_ICON_GAP, useApplyWebClassName, resolveInputVisualState, Label, getInputFieldStyles, inputFieldMetrics } from './chunk-7KLVMNDM.js';
-export { Input, Label, brand, buttonTypography, colors, emeraldGreen, fontSize, fontWeight, fonts, labelTypography, navy, radii, rubyRed, shadows, spacing, stormGray } from './chunk-7KLVMNDM.js';
+import { colors, buttonTypography, spacing, fontSize, fontWeight, fonts, radii, INPUT_ICON_GAP, useApplyWebClassName, resolveInputVisualState, Label, getInputFieldStyles, inputFieldMetrics } from './chunk-DAOLVE64.js';
+export { Input, Label, brand, buttonTypography, colors, emeraldGreen, fontSize, fontWeight, fonts, labelTypography, navy, radii, rubyRed, shadows, spacing, stormGray } from './chunk-DAOLVE64.js';
 import { createContext, useRef, useState, useMemo, useEffect, useLayoutEffect, useContext, isValidElement, cloneElement } from 'react';
 import { StyleSheet, Platform, TouchableOpacity, Text, View, Animated, Easing, Pressable, Modal, ScrollView, TextInput, Dimensions } from 'react-native';
 import Svg3, { Path } from 'react-native-svg';
@@ -9,7 +9,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 var ARROW_UP_RIGHT_PATH = "M14.1667 14.1668V5.8335H5.83333M14.1667 5.8335L5.83333 14.1668";
 function ArrowUpRightIcon({
   size = 20,
-  color = "#08275d",
+  color = "#082640",
   strokeWidth = 2
 }) {
   return /* @__PURE__ */ jsx(Svg3, { width: size, height: size, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ jsx(
@@ -265,8 +265,8 @@ function createOutlineStyle(ringColor) {
   };
 }
 var defaultOutline = {
-  borderRadius: radii.lg,
-  borderWidth: 0,
+  borderRadius: radii.lg + INPUT_OUTLINE_WIDTH,
+  borderWidth: INPUT_OUTLINE_WIDTH,
   borderColor: colors.transparent,
   padding: 0,
   backgroundColor: colors.transparent,